@charset "utf-8";


@media (min-width: 768px) {
/* PC用 */
	.sp-show { display:none !important;}
}
@media (max-width: 767px) {
/* tablet用 */
	.sp-hide { display:none !important;}
}


@media (min-width: 768px) {
/* PC用 */
#EventWrap { font-family: 'Noto Serif JP', serif;}
	#EventWrap .cBox{width:750px; margin: 0 auto 100px; font-size: 0;}
	#EventWrap .main{ margin: 50px 0; text-align: center}
	#EventWrap p{font-size: 16px; margin-bottom: 30px; line-height: 180%; color: #000; font-family: 'Noto Serif JP', serif; text-align: justify;}
	#EventWrap .catch{font-size:28px; line-height: 150%; margin-bottom: 20px;}
	#EventWrap .bbox{border: 1px solid #000; padding: 20px 40px 0 40px;}
	#EventWrap .bbox .lb{font-family: 'Marcellus', serif!important; font-size: 36px; text-align: center; margin-bottom: 10px;}
	#EventWrap .spcl{border-bottom: 1px solid ; height: 14px;padding:0 40px; display: inline-block;}
	#EventWrap .spcl span{background-color: #FFF; padding: 0 10px; font-size: 14px;}
	#EventWrap .sTxt{font-size: 14px;}
	#EventWrap .ssTxt{font-size: 12px;}
	#EventWrap .designerBox{overflow: hidden; border-bottom: 1px solid #000;  margin-bottom: 30px;}
	#EventWrap .designerPhoto{width:250px; float: left;}
	#EventWrap .designerName{width:345px; float: left; margin:120px 0 0 50px;}
	#EventWrap .shopBox{border: 1px solid #000; text-align: center; font-size: 16px; padding: 30px; box-sizing: border-box; margin-bottom: 80px;}
	#EventWrap .shopBox .title{ font-size: 20px; background-color: #fff; display: inline-block; padding: 10px 20px; margin-top: -60px;}
	#EventWrap .shopBox p{text-align: center; margin: 0;}
	#EventWrap .sameTime{text-align: center; font-size: 24px; margin-bottom: 20px;}
	
	.productinfo {overflow: hidden; margin-bottom: 20px;}
			.productinfo .product{ font-size: 40px!important;  padding-bottom: 0; line-height: 100%!important;font-family: 'Marcellus', serif!important;}
			.productinfo .product span{ font-size: 20px;font-family: 'Marcellus', serif!important;}
			.productinfo dl{overflow: hidden!important; font-size: 0; margin-bottom: 20px;  width: 70%; float: left; clear: both;}
			.productinfo dt{ border-bottom: 1px solid #000; width:15%; display: inline-block; vertical-align: bottom ; font-size: 15px!important; text-align: center;}

			.productinfo dd{width:calc(85% - 20px); display: inline-block; vertical-align: bottom; font-size: 20px; padding-left: 20px;}
			.productinfo .price{ font-size: 32px!important; width:30%;  float: right;  padding: 0!important; line-height: 100%!important; margin: 0!important;}
			.productinfo .priceTxt{ font-size: 32px!important; padding: 0 0 0 20px!important; line-height: 100%!important; margin: 0!important;}
			.productinfo .priceTxt span{ font-size: 14px!important;line-height: 100%!important;}
			.mb20{margin-bottom: 20px;}
	.openShop{width:50%; float: left; text-align: right!important; font-size: 14px;}
	.sp-show-Name{display: none;}
	
	.logo{width:235px; margin: auto;}
}
	
	
@media (max-width: 767px) {
/* tablet用 */
#wrapper{ width:100%;}
#contents{width:100%;}
#EventWrap{ width:100%; text-align:left; margin:5% auto;  font-family: 'Noto Serif JP', serif;}
#EventWrap img{width:100%;}
#EventWrap .cBox{width:80%; margin: 0 auto 10%; padding-bottom: 5%;}
#EventWrap .main{ margin: 7% 0; text-align: center}
#EventWrap p{font-size: 12px; margin-bottom: 5%; line-height: 180%; color: #000; font-family: 'Noto Serif JP', serif; text-align: justify;}
	#EventWrap .catch{font-size:14px; margin-bottom: 3%;}
	
	
	#EventWrap .bbox{border: 1px solid #000; padding: 5% 5% 0 5%;}
	#EventWrap .bbox .lb{font-family: 'Marcellus', serif!important; font-size: 18px; text-align: center; margin-bottom: 10px;}
	#EventWrap .spcl{border-bottom: 1px solid ; height: 12px;padding:0 40px; display: inline-block; margin-bottom: 10px!important;}
	#EventWrap .spcl span{background-color: #FFF; padding: 0 10px; font-size: 12px;}
	#EventWrap .sTxt{font-size: 12px;}
	#EventWrap .ssTxt{font-size: 11px;}
	

	#EventWrap .designerBox{overflow: hidden; margin-bottom: 30px;}
	#EventWrap .designerPhoto{}
	#EventWrap .designerName{ margin-bottom: 0;}
	#EventWrap .shopBox{border-top: 1px solid #000;border-bottom: 1px solid #000; text-align: center; font-size: 14px; padding: 5%; box-sizing: border-box; margin:0 -10% 10% -10%;}
	#EventWrap .shopBox .title{ font-size: 3.5vw; background-color: #fff; display: inline-block; padding: 5px 10px; margin-top: -9%;}
	#EventWrap .shopBox p{text-align: center; margin: 0;}
	#EventWrap .sameTime{text-align: center; font-size: 12px; margin-bottom: 3%;}	
	
	
	.productinfo {overflow: hidden; margin-bottom: 20px;}
			.productinfo .product{ font-size: 26px!important; line-height: 150%!important;font-family: 'Marcellus', serif!important; letter-spacing: 1px; margin-bottom: 0px!important; line-height: 100%; text-align: left!important;}
			.productinfo .product span{ font-size: 12px!important; line-height: 150%; }
			.productinfo dl{overflow: hidden!important; font-size: 0; margin-bottom: 10px;  width: 100%; float: left; clear: both;}
			.productinfo dt{ border-bottom: 1px solid #000; width:15%; display: inline-block!important; vertical-align: bottom ; font-size: 12px!important; text-align: center;}

			.productinfo dd{width:calc(85% - 20px); display: inline-block!important; vertical-align: bottom; font-size: 14px; padding-left: 20px;}
			.productinfo .price{ font-size: 21px!important; width:30%;  padding: 0!important; line-height: 100%!important; margin: 0!important;}
			.productinfo .priceTxt{ font-size: 21px!important; padding: 0 0 0 20px!important; line-height: 100%!important; margin: 0!important;}
			.productinfo .priceTxt span{ font-size: 14px!important;line-height: 100%!important;}
			.mb20{margin-bottom: 20px;}
	
	.openShop{width:50%; float: left; text-align: right!important; font-size: 11px;}
	.sp-show-Name{font-size:30px!important;  }
	.spdp{ margin-top: -18px;}
	.spdp dt{display: none;}
	
	.logo{width:120px; margin: auto;}

}

/* 共通用 */


.stxt{ font-size:11px;}
.blue{ color:#059DEA;}
.red{ color:#C00;}
.black{ color:#000;}
.pink{ color:#FD83BB;}
.txt_ub{ text-decoration:underline;}

#pagetop{
    position: fixed;
    right: 2%;
    bottom: 2%;
    filter:alpha(opacity:0);
    zoom:1;
    z-index: 1;
}
#pagetop a{
    display: block;
    
}


.f24{ font-size:24px !important; line-height:120%;}
.f20{ font-size:20px !important;}
.f18{ font-size:18px !important;}
.f16{ font-size:16px !important;}
.f14{ font-size:14px !important;}
.f12{ font-size:12px !important;}
.f10{ font-size:10px !important;}
.mar_r30{ margin-right:30px;}
.mar_r40{ margin-right:40px;}
.mar_r50{ margin-right:50px;}
.mar_r60{ margin-right:60px;}
iframe{ position:absolute; top:0; left:0;}
.bb{ border-bottom:1px solid #000; padding-bottom:50px; margin-bottom:50px;}
.mincho{font-family: 'Noto Serif JP', serif;}
.gothic{font-family: 'Noto Sans JP', sans-serif;}
.end{text-align: right!important;}

#EventWrap img{ max-width: 100%;}
.grayBox p{  color: #fff;}
#EventWrap .cBox a {color: #000!important;}
#EventWrap .cBox a:hover {opacity: 0.6; text-decoration: none; color: #000!important;}


.en{font-family: 'Marcellus', serif;}