@charset "UTF-8";


/*----------------------------------------------------------------------------*/

#selector {
	width: 696px;
	background: #FFF url('/img/exhibition/separator.jpg') left top no-repeat;
	padding: 0 0 0 1px;
}

#selector li {
	background: url('/img/exhibition/separator.jpg') right top no-repeat;
	padding: 0 1px 0 0;
}

/* map----------------------------------------------------------------------------*/

#map{
	width: 100%;
}
#map p{
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.6;
}
.mapbox{
	background-color: #FFFFFF;
}
.mapbox_in{
	padding: 0px 0px;
	text-align: center;
}
.mapbox_in img{
	width: 1000px;
	height: auto;
}
iframe { background-color: transparent; }

/* point----------------------------------------------------------------------------*/

#point{
	width: 100%;
}
.pointl1{
	float: left;
	width: 55%;
}
.pointr1{
	float: right;
}
.point_p1{
	padding-bottom: 25px;
	line-height: 180%;
	font-size: 20px;
	letter-spacing: 1px;
}
.pointl2{
	float: left;
	width: calc( 285px + 10% );
}
.pointr2{
	float: right;
	width: 590px;
}
.pointl3{
	float: left;
	width: calc( 100% - ( 300px + 10% ) );
}
.pointr3{
	float: right;
}
.pointdot{
	margin-top: 60px;
	margin-bottom: 60px;
	height: 1px;
	border-bottom: 1px dotted #333;
}
.pointdot img{
	display: none;
}

/* shop----------------------------------------------------------------------------*/

#shop{
	width: 100%;
}
#shop ul{
	margin-bottom: 25px;
}
#shop ul li {
    padding-bottom: 14px;
	padding-left: 4px;
	font-size: 20px;
}
#shop ul li:last-of-type{
	padding-bottom: 0;
}


.shop_p0{
	line-height: 160%;
	font-size: 38px;
	text-align: center;
}

.shop_p1{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 20px;
}

.shop_p2{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 38px;
}

.shop_p3{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}

.shopl1{
	float: left;
	width:100%;
	margin-right: 5%;
}


.shopr1{
	float: right;
	width:35%;
}
.shopr1 img{
	width: 100%;
	height: auto;
}

.shopItem{
	width: 1000px;
	height: auto;
	margin:0 auto;
}
.shoplineup{
	margin-top: 90px;
	background-color: #FFFFFF;
}
.shoplineup_in{
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
	overflow: hidden;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.shoplineup_in h3{
	width:100%;
	/*
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #333;
	background: none;
	font-size: 20px;
	*/
}
.shopbox{
	display: flex;
	margin: 0% 0% 90px;
	width: 45%;
}
.shopbox_ph{
	width: 30%;
	margin-right: 7.5%;
}
.shopbox_ph img{
	width:100%;
	height: auto;
	border:1px solid #999;
}
.shopbox_data{
	width:62.5%;
}
.shopbox dl{
	
}
.shopbox dl dt{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.shopbox dl dd{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.shopbox dl dd a{
	color:#000;
	text-decoration: none;
}
.shop_tx{
	padding-bottom: 7px;
	font-size: 16px;
	line-height: 1.4;
	padding-top: 20px;
	color: #555;
}
.shop_pr{
	font-size: 18px;
	padding-top: 20px;
}

.shop_bnr_online{
    box-sizing: border-box;
    margin: 60px auto 0;
    padding: 25px 15px;
    width: 60%;
    background: #EEE;
    display: flex;
    align-items: center;
}
.shop_bnr_online h3{
	width: 47.5%;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}
.shop_bnr_online h3 img{
	display: block;
	margin:0 auto 15px;
}
.shop_bnr_online a{
	display: block;
	margin:0px 0 0 5%;
	width: 47.5%;
	padding:15px 20px;
	text-decoration: none;
	font-size: 17px;
	color:#000;
	border:1px solid #999;
	background:#EEE;
}
.shop_bnr_online a::before{
	content:"→";
	display: block;
	float: right;;
}

#shop .btn{
	display: flex;
}
#shop .btn li{
	width:47.5%;
	padding:0;
}
#shop .btn li:nth-of-type(n+2){
	margin-left: 5%;
}
#shop .btn li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:20px 5%;
	box-sizing: border-box;
	border:1px solid #000;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
#shop .btn li a.online{
	padding-left:45px;
	background: url('../img/top/img_icon_03.svg') no-repeat 20px center;
	background-size:  20px auto;
}

.shop_c {
    width: 1000px;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 50px;
}



/* salon----------------------------------------------------------------------------*/

#salon{
	width: 100%;
}
.salonl1{
	float: left;
	width:100%;
}
.salonr1{
	float: right;
	width:40%;
}
.salonr1 img{
	width:100%;
	height: auto;
}

.salon_p0{
	line-height: 160%;
	font-size: 38px;
	text-align: center;
}

.salon_p1{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 20px;
}

.salon_p2{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}

.salon_p3{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}


#salon ul li{
	padding-bottom: 14px;
	padding-left: 4px;
	font-size: 20px;
}

#salon li{
	list-style-type: disc;
	margin:0 0 0 30px;
}

.salonmenu{
	background-color: #FFFFFF;
}
.salonmenu_in{
	margin-top:90px;
}
.salonmenu_l{
	float: left;
	width: 45%;
}
.salonmenu_l h3, .salonmenu_r h3{
	font-size: 20px;
	color: #000;
	border-bottom: 1px dotted #333;
	margin: 40px 0 20px;
	padding-bottom: 10px;
}
.salonmenu_l dl, .salonmenu_r dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.salonmenu_l dl dt, .salonmenu_r dl dt {
	width: calc(100% - 150px);
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 20px;
}
.salonmenu_l dl dd, .salonmenu_r dl dd {
	width: 150px;
	font-size: 18px;
	padding-bottom: 20px;
	line-height: 130%;
	white-space: nowrap;
	text-align: right;
}

.salonmenu_r{
	float: right;
	width: 45%;
}


.salon_c {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 50px;
}

.salon_c img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}


.salon_p4 {
    font-size: 16px;
    line-height: 180%;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}

.menuPhoto{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.menuPhoto img{
 width: calc(33.33% - 10px);
 margin: 5px;
}

/* surrounding----------------------------------------------------------------------------*/

#surrounding{
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px solid #EEECE3;
}
#surrounding_cnt{
}
.surrounding_txt{
	font-size: 20px;
	line-height: 180%;
	padding: 40px 40px 0;
}
.surrounding_map2{
	border-top: 1px solid #D6D4CC;
	width: calc( 100% - 80px );
	margin: 60px 40px 40px;
	padding: 60px 0 0;
	text-align: center;
}
.surrounding_map2 ul{
	overflow: hidden;
	margin: 0;
}
.surrounding_map2 ul li{
	padding: 0 0 40px;
}
.surrounding_map2 img{
	max-width: 100%;
	height: auto;
}
.surrounding_sti1{
	float: left;
}
.surrounding_bt{
	float: right;
	padding-bottom: 6px;
}
.surrounding_p1{
	font-size: 13px;
	padding: 20px 0;
}








/* SP */
@media screen and (max-width: 768px) {


	/* point----------------------------------------------------------------------------*/

	.pointl1, .shopr1 {
	    float: none;
	    width: 100%;
	}
	.shopr1 {
	    margin-top: 30px;
	    text-align: center;
	}
	.point_p1{
		padding:0;
	}
	.pointl1 ul{
		margin-top: 20px;
	}

	.pointl2, .shopr2{
	    float: none;
	    width: 100%;
	}
	.pointl2{
		text-align: center;
	}
	.shopr2{
		margin-top: 30px;
	}

	.pointl3, .pointr3 {
		float: none;
	    width: 100%;
	}
	.pointr3 {
		margin-top: 30px;
	    text-align: center;
	}


	/* shop----------------------------------------------------------------------------*/

	#shop .btn {
	    flex-direction:column;
	}
	#shop .btn li {
		width: 100%;
	}
	#shop .btn li:nth-of-type(n+2) {
	    margin: 5% 0 0;
	}
	.shoplineup {
    	margin-top: 60px;
	}
	.shopbox {
		margin: 0% 0% 30px;
		padding: 0% 0% 30px;
		width: 100%;
		border-bottom: 1px solid #DDD;
	}
	.shopbox:last-of-type{

	}
	.shop_tx {
	    padding: 10px 0 0;
	}
	.shop_pr {
	    padding-top: 10px;
	}

	.shop_bnr_online{
	    margin: 60px auto 0;
	    padding: 25px 15px;
	    width: 100%;
	    flex-direction: column;
	    box-sizing: border-box;
	}
	.shop_bnr_online h3{
		width: 100%;
	}
	.shop_bnr_online h3 img{

	}
	.shop_bnr_online a{
		margin:30px 0 0;
		width: 90%;
		padding:15px 20px;
		box-sizing: border-box;
	}

.shop_c {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 50px;
}

.shop_p0{
	line-height: 160%;
	font-size: 28px;
	text-align: center;
}

.shop_p1{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 20px;
}

.shop_p2{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}

.shop_p3{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}

.shopItem{
	width: auto;
	height: auto;
	margin:0 auto;
}

	/* salon----------------------------------------------------------------------------*/

	.salonl1{
		float: none;
		width:100%;
		margin-bottom: 30px;
	}
	.salonr1{
		float: none;
		width:100%;
	}
	.salonr1 img{
		margin-bottom: 0 !important;
	}

	.salonmenu_l {
	    float: none;
		width:100%;
	}
	.salonmenu_r {
	    float: none;
		width:100%;
	}

.salon_c {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 50px;
}

.salon_p0{
	line-height: 160%;
	font-size: 28px;
	text-align: center;
}

.salon_p1{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 20px;
}

.salon_p2{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 20px;
}

.salon_p3{
	padding-bottom: 25px;
	line-height: 160%;
	font-size: 28px;
}

.menuPhoto{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.menuPhoto img{
 width: auto;
 margin: 5px;
}




	/* surrounding----------------------------------------------------------------------------*/

	#surrounding{
		width: 100%;
	}
	.surrounding_txt{
		padding:15px;
	}
	.surrounding_p1 {
	    padding:20px 0;
	}
	.surrounding_map2 {
		width: calc( 100% - 20px );
		margin:10px;
		padding: 0;
		box-sizing: border-box;
	}
	.surrounding_map2 ul{
		overflow:hidden;
		margin:30px 0 10px;
	}
	.surrounding_map2 ul li{
		padding: 0 0 20px;
	}
	.surrounding_bt{
		width:calc( 100% - 120px );
		max-width:238px;
	}
	.surrounding_bt img{
		width:100%;
		height: auto;
	}




}