@charset "utf-8";
/*--京pages.css--*/
/*##### PC #####*/
html {
    min-width:960px;
}

.contents{
	padding-bottom:60px;
}

.mainBox{
	width:100%;
}

.mainBox .pages_box{
    width:930px;
    margin:0 auto;
    line-height: 1.3em;
}

/*写真付き版content_title*/
.content_title{
    width:100%;
    height:230px;
    position:relative;
    padding-top:20px;
}

    .content_title:before{
        content:"";
        display:block;
        width:100%;
        height:230px;
        position:absolute;
        top:20px;
        left:0;
        z-index:0;
        background: rgba(236,197,92,1);
        background: -moz-linear-gradient(left, rgba(236,197,92,1) 0%, rgba(236,197,92,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,197,92,1)), color-stop(49%, rgba(236,197,92,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(236,197,92,1) 0%, rgba(236,197,92,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(236,197,92,1) 0%, rgba(236,197,92,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(236,197,92,1) 0%, rgba(236,197,92,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(236,197,92,1) 0%, rgba(236,197,92,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc55c', endColorstr='#ffffff', GradientType=1 );
    }

    .content_title .content_title_txt{
        width:875px;
        height:180px;
        padding:50px 0 0 75px;
        margin:0 auto;
        position:relative;
        top:0;
        left:0;
        z-index:1;
        background:url(../shared/content_title_bg.gif) no-repeat right top;
    }

        .content_title .content_title_txt h2{
            margin-bottom:36px;
        }

        .content_title .content_title_txt p{
            font-size:1em;
			line-height: 1.6;
        }

    .content_title .content_title_img{
        width:50%;
        height:230px;
        background:url(../shared/exhibition/content_title_img1.jpg) no-repeat left top;
        position:absolute;
        top:0;
        right:0;
        z-index:2;
    }

/*写真無し版content_title*/
.content_title.ct_small{
    height:100px;
    padding-top: 0;
    background: #ecc55c;
}

    .content_title.ct_small:before{
        content:none;
        display:block;
        height:93px;
    }

	.content_title.ct_small .content_title_txt{
		height:60px;
        background:url(../shared/content_title_bg_exh.gif) no-repeat right top;
		    padding: 33px 0 0 75px;
	}

	.content_title.ct_small .content_title_txt h2{
		margin-bottom:0;
	}

	.content_title.ct_small .content_title_txt h2 img{
		max-height:45px;
	}

	.content_title.ct_small .content_title_txt p{
		display:none;
	}

	.content_title.ct_small .content_title_img{
		display:none;
	}

/*展示場詳細版content_title*/
.content_title.ct_exhdetail{
    height:100px;
	padding-top:0;
	background:#ecc55c;
}

	.content_title.ct_exhdetail:before{
		content:none;
	}

	.content_title.ct_exhdetail .content_title_txt{
		height:10px;
		background:url(../shared/content_title_bg_exh.gif) no-repeat;
		position:relative;
		display:flex;
		align-items:center;
	}

	.content_title.ct_exhdetail .content_title_txt h2{
		margin-bottom:0;
		position:relative;
	}

	.content_title.ct_exhdetail .content_title_txt .exh_logo{
		width:330px;
		height:90px;
		padding-top:10px;
		background:#fff;
		position:absolute;
		top:0;
		right:0;
		text-align:center;
	}

	.content_title.ct_exhdetail .content_title_txt p{
		display:none;
	}

	.content_title.ct_exhdetail .content_title_img{
		display:none;
	}

.topicpath{
    width:100%;
    overflow:hidden;
    padding:15px 0 35px 0;
}

    .topicpath ul{
		width:960px;
		margin:0 auto;
        letter-spacing:-0.4em;
    }

    .topicpath li{
        letter-spacing:0;
        display:inline-block;
        font-size:13px;
        margin-right:8px;
    }

    .topicpath li:after{
        font-family:FontAwesome;
        content:"\f105";
        color:#8c8c8c;
        margin-left:10px;
    }

    .topicpath li:last-child{
        font-weight:bold;
        margin-right:0;
    }

    .topicpath li:last-child::after {
        content: none;
        margin: 0;
    }

    .topicpath li a {
        color: #aaa;
    }

/*本社のみ問い合わせボックス*/
.honshaContactBox{
	margin:50px 0;
}

	.honshaContactBox > .box_header{
		text-align:center;
		margin-bottom:1.2em;
		font-size:1.2em;
	}
	
		.honshaContactBox > .box_header > h3{
			margin-bottom:40px;
		}
	
	.honshaContactBox > .box_inner .contactPhoneBox{
		display:flex;
		justify-content:center;
		margin-bottom:15px;
	}
	
	.honshaContactBox > .box_inner .tel_reception{
		text-align:center;
		font-size:1.1em;
		margin-bottom:25px;
	}
	
		.honshaContactBox > .box_inner .tel_reception span{
			margin-right:1em;
		}
		
	.honshaContactBox > .box_inner .contactLinkBox{
		display:flex;
		justify-content:center;
	}
	
		.honshaContactBox > .box_inner .contactLinkBox li{
			width:280px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu{
			margin-right:20px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a{
			width:100%;
			padding:10px 0 12px 0;
			font-size:1.2em;
			box-sizing:border-box;
			color: #a02814;
			display: block;
			border: 1px solid #a02814;
			text-align:center;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a:hover{
			background:rgba(160,40,20,0.1);
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu a:before{
			content:url(/shared/icon_shiryo_seikyu.png);
			margin-right:15px;
			position:relative;
			top:3px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_otoiawase a:before{
			content:url(/shared/icon_otoiawase.png);
			margin-right:15px;
			position:relative;
			top:3px;
		}
		
/*新 お問い合わせ電話ボックス*/
.contact_phone{
	text-align:center;
	margin-bottom:1em;
}

	.contact_phone .sp_tel_btn{
		display:none;
	}
	
.reception_time{
	display:flex;
	justify-content:center;
	font-size:1.05em;
	margin-bottom:2em;
}

	.reception_time dt{
		margin-right:1em;
	}

@media screen and (max-width:480px){
	/*##### SP #####*/
	html {
		min-width:initial;
		min-width:auto;
	}

	.content_title,
	.content_title.ct_small,
	.content_title.ct_exhdetail{
		height:auto;
		padding-top:0;
	}

	.content_title:before,
	.content_title.ct_small:before{
		content:none;
	}

	.content_title .content_title_txt,
	.content_title.ct_small .content_title_txt,
	.content_title.ct_exhdetail .content_title_txt{
		width:auto;
		height:auto;
		padding:20px 0 20px 10px;
		background:url(../shared/content_title_bg.gif) left top;
	}

		.content_title .content_title_txt h2{
			margin-bottom:0;
		}

		.content_title .content_title_txt h2 img,
		.content_title.ct_small .content_title_txt h2 img{
			width:auto;
			max-height:10vw;
		}

		.content_title .content_title_txt p{
			display:none;
		}

		.content_title .content_title_img{
			width:35%;
			height:100%;
		}

		.content_title.ct_exhdetail .content_title_txt h2{
			width:70%;
		}

			.content_title.ct_exhdetail .content_title_txt h2 img{
				max-width:100%;
				height:auto;
			}

		.content_title.ct_exhdetail .content_title_txt .exh_logo{
			width:calc(30% - 10px);
			height:100%;
			padding:0 10px;
			box-sizing:border-box;
			display:flex;
			justify-content:center;
			align-items:center;
		}

			.content_title.ct_exhdetail .content_title_txt .exh_logo img{
				max-width:100%;
				height:auto;
			}

	.topicpath{
		width:100%;
		padding:15px 10px 20px 10px;
		box-sizing:border-box;
		position:relative;
        /* display: none; */
	}

		.topicpath:before{
			content:"";
			display:block;
			width:1.5em;
			height:1em;
			position:absolute;
			top:15px;
			right:10px;
			background: rgba(255,255,255,0);
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
			z-index:1;
		}

		.topicpath ul{
			width:auto;
			overflow-x:scroll;
			white-space: nowrap;
			padding-bottom:10px;
			position:relative;
			z-index:0;
		}

	.mainBox{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}

	.mainBox .pages_box{
		width:100%;
	}

/*本社のみ問い合わせボックス*/
.honshaContactBox{
	margin:30px 0;
}

	.honshaContactBox > .box_header{
		font-size:5vw;
		line-height:1.4em;
	}
	
		.honshaContactBox > .box_header > h3{
			margin-bottom:25px;
		}
	
	.honshaContactBox > .box_inner .contactPhoneBox{
		flex-direction:column;
		padding:0 10px;
		margin-bottom:0;
	}
	
	.honshaContactBox > .box_inner .contactPhoneBox li img{
		max-width:100%;
		height:auto;
	}
	
	.honshaContactBox > .box_inner .contactPhoneBox li:first-child{
		margin-right:0;
	}
	
	.honshaContactBox > .box_inner .tel_reception{
		font-size:1em;
		margin-bottom:20px;
		padding-top:0.5em;
	}
	
	.honshaContactBox > .box_inner .contactLinkBox{
		flex-direction:column;
	}
	
		.honshaContactBox > .box_inner .contactLinkBox li{
			width:100%;
			margin-bottom:20px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li:last-child{
			margin-bottom:0;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu{
			margin-right:0;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a{
			padding:10px 0 12px 0;
			font-size:5vw;
		}
		
	/*新 お問い合わせ電話ボックス*/
	.contact_phone img{
		display:none;
	}

	.contact_phone .sp_tel_btn{
		display:block;
		width:80%;
		margin:0 auto;
		color:#fff;
		border-radius:4px;
		padding:0.7em 0;
		border:1px solid #fff;
		box-shadow:0 0 2px 2px rgba(0,0,0,0.1);
		background: rgba(160,41,20,1);
		background: -moz-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,41,20,1)), color-stop(49%, rgba(160,41,20,1)), color-stop(50%, rgba(138,28,8,1)), color-stop(100%, rgba(138,28,8,1)));
		background: -webkit-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -o-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -ms-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: linear-gradient(to bottom, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02914', endColorstr='#8a1c08', GradientType=0 );
	}
	
		.contact_phone .sp_tel_btn .sp_tel_btn_header{
			display:block;
			font-size:3.6vw;
			font-weight:bold;
			margin-bottom:0.5em;
		}
		
		.contact_phone .sp_tel_btn .sp_tel_btn_inner{
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			font-weight:bold;
		}
		
			.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_honsha{
				font-size:3.6vw;
				margin-right:0.5em;
			}
			
			.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_telno{
				font-size:5vw;
			}
			
				.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_telno:before{
					font-weight:normal;
					font-family: FontAwesome;
					content:"\f095";
					margin-right:0.2em;
				}


}