@charset "UTF-8";


			.pc{display: block}
			.sp{display: none;}
			
			.contentsWrap{width:100%; max-width:1000px; margin: auto;}
			.contentsWrap p{font-size:min(1.6vw , 16px); text-align: center; line-height: 180%;}
			.contentsWrap img{max-width:100%; margin: auto;}
			.contentsWrap a{color: #0074b6; text-decoration: none;}
			.contentsWrap a:hover{opacity: .7}
			#ceremony .leftcolumn{float: left;}
			#ceremony .rightcolumn{float: right;}
			#ceremony div.main{width:100%; margin: 0 auto 80px; text-align: center; padding: 0; background-image: none;}
			#ceremony .main h1{margin-bottom: 50px;}
		#ceremony .main p{text-align: left;}
			#ceremony .main .featureBlock{overflow: hidden; margin:50px 0 80px;}
			#ceremony .main .featureBlock dl{width:15%; display: inline-block; margin: 0 3%; vertical-align: top;}
			#ceremony .main .featureBlock dl dd{margin: 0; padding: 0;}
			#ceremony .cBox{overflow: hidden; margin-bottom: 30px; text-align: center; font-size: 0;}
			#ceremony .main .cBox .detailBox{width:50%; max-width:340px; display: inline-block; vertical-align: top; text-align: left}
			#ceremony .main .cBox .detailBox img{width:100%; max-width:280px; display: inline-block; margin-bottom: 20px;}
			#ceremony .detailBox p{text-align: left; margin-bottom: 10px; font-size:min(1.6vw , 16px);}
			#ceremony .blackBtnclose span{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none;  font-size:min(1.6vw , 16px); top: 0; position: absolute;}
			#ceremony .blackBtn{background-color: #000; width:100%; height: 50px; max-width:340px;  margin:5% auto 0 auto; clear: both; }
			#ceremony .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none;  font-size:min(1.6vw , 16px); top: 0;}
			#ceremony .pBox .blackBtn{background-color: #000; width:100%; padding-top: 15%; height: inherit; max-width:340px;  margin:5% auto 0 auto; clear: both; position: relative;}
			#ceremony .pBox .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; position: absolute; font-size:min(1.6vw , 16px); top: 0;}
			#ceremony .blackBtn:hover, #ceremony .whiteBtn:hover{opacity: 0.7;}
			#ceremony .whiteBtn{ width:100%; max-width:340px; height: 50px; margin: 50px auto;}
			#ceremony .whiteBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #000; text-decoration: none; background-color: #FFF; border: 1px solid #000; position: relative; box-sizing: border-box;}
			#ceremony .whiteBtn a::before { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(135deg); position: absolute; top: 20px; right: 20px;}
		
			#ceremony section{text-align: center; margin-bottom: 80px; border-top: 1px solid #CCC; padding-top: 80px}
			#ceremony section h2{font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom: 50px;}
			#ceremony section h2 img{margin-bottom: 30px;width:100%;}
			#ceremony section .cBox{margin: 50px auto; text-align: center;}
			#ceremony section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
			#ceremony section .ltxt{font-size: 20px; line-height: 200%;}	
			#ceremony section .leedText{font-size: 20px; font-weight: bold; margin-bottom: 30px;}
			#ceremony video{width:100%; margin-bottom: 10px;}
		

		
			#ceremony section .codeBox{width:50%; margin-right: 5%; max-width:500px; display: inline-block; vertical-align: middle;}
			#ceremony section .codedetail{width:45%;  max-width:450px; display: inline-block; vertical-align: middle; text-align: left;}
			#ceremony section .codedetail p{text-align: left;}
			#ceremony section .styling a {width:24%; display: inline-block; margin:0 1.2% 3% 0; vertical-align: top; color: #000; text-align: left;}
			#ceremony section .styling .nolink {width:24%; display: inline-block; margin:0 1.3% 3% 0; vertical-align: top; text-align: left;}
			#ceremony section .styling a:nth-of-type(4n){margin-right:0%}
			#ceremony section .styling dl dd{font-size: 14px; margin: 10px 0 0 0; padding: 0;}
			#ceremony section .styling .label{font-size: 20px; text-align: center; font-weight: bold; margin: 0 auto 30px;}
			#ceremony #code03{padding-bottom: 50px; border-bottom: 1px solid #CCC;}
		
			#ceremony #other .bana{max-width:480px;margin: 0 auto 30px;}
			#ceremony .insta {width:350px; margin: 0 auto 80px;}
			#ceremony .insta .instatit{color: #638abd; font-size: 20px; text-align: center; border-bottom: 1px solid #638abd; padding-bottom: 10px;}
			#ceremony .insta p{font-size: 16px; margin-bottom: 20px;}
			#ceremony .insta p.accountname{font-size: 20px;color: #638abd;}
			#ceremony .insta a{color: #638abd; text-decoration: none;}
		
		
		
		
			#ceremony section .cBox .imgBox{width:57%;  float: left;}
			#ceremony section .cBox .leedBox{width:43%; float: right; margin:7% 0 5% 0; background-color: #dae6f2;box-shadow: 0 0 0 0 rgb(0, 0, 0, 10%); padding:3%; box-sizing: border-box;}
			#ceremony section .cBox .leedBox p{text-align: left;}
			#ceremony section .cBox .leedBox p.titleText{font-size: 18px; font-weight: bold; margin-top: 0;}
			#ceremony section .cBox .detailBox{width:40%; float: right; }
			#ceremony section .cBox .detailBox .silhouette{width:43%; float: left; }
			#ceremony section .cBox .detailBox .detailin{width:100%; float: right; }
			#ceremony section .cBox .detailBox .detailin ul{margin: 15% 0 0 0 ; padding: 0; list-style: none; font-size: 0; text-align: left;}
			#ceremony section .cBox .detailBox .detailin ul li{display: inline-block; width:30%; margin-right: 3%;}
		
		
		
		
			#ceremony section .coordinateBox{width:46%; display: inline-block; vertical-align: top; margin:0 7% 5% 0;}
			#ceremony section .coordinateBox:nth-of-type(2n){margin:0 0 5% 0;}
			#ceremony section .coordinateBox .coordeTxt{text-align: left; padding:0 5% 0;}

		
		
@media screen and (max-width: 480px) {
			.pc{display: none;}
			.sp{display: block;}
		
			.contentsWrap{width:94%; margin: 0 auto;}
			.contentsWrap p{font-size: 3.2vw; text-align:left; line-height: 180%;}
			.contentsWrap img{width:100%;}
			#ceremony .main{width:100%; margin: 0 auto 15%; text-align: center;}
			#ceremony .main h1{width:106%; margin: 0 -3% 10%;}
			#ceremony .main .featureBlock{overflow: hidden; margin:10% 0 15%; font-size: 0;}
			#ceremony .main .featureBlock dl{width:23%; display: inline-block; margin: 0 0.9%; vertical-align: top;}
			#ceremony .main .featureBlock dl dd{margin: 0; padding: 0; font-size: 3.2vw; line-height: 1.5;}
			#ceremony .cBox{overflow: hidden; margin-bottom: 5%; text-align: center; font-size: 0;}
			#ceremony .main .cBox .movieBox{width:100%;  display: inline-block; margin-bottom: 5% }
			#ceremony .main .cBox .detailBox{width:100%; max-width: inherit; display: inline-block; vertical-align: top; text-align: left}
			#ceremony .main .cBox .detailBox img{width:48%; display: inline-block; margin:0 4% 5% 0;}
			#ceremony .main .cBox .detailBox img:last-of-type{ margin:0 0 5% 0;}
			#ceremony .detailBox p{text-align: left; margin-bottom: 10px; font-size: 3.2vw;}
			#ceremony .blackBtn{background-color: #000; width:100%; max-width: inherit; height: 50px; margin:5% auto 0 auto; position:relative}
			#ceremony .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw}
			#ceremony .pBox p.blackBtn{background-color: #000; width:100%; padding-top: 15%; height: inherit; max-width:340px;  margin:5% auto 0 auto; clear: both; position: relative;}
			#ceremony .pBox p.blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw}
			#ceremony .blackBtnclose span{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw; position: absolute;}
			#ceremony .blackBtn:hover, #ceremony .whiteBtn:hover{opacity: 0.7;}
			#ceremony .whiteBtn{ width:100%; max-width: inherit;  height: 50px; margin: 3% auto;}
			#ceremony .whiteBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #000; text-decoration: none; background-color: #FFF; border: 1px solid #000; position: relative;}
			#ceremony .whiteBtn a::before { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(135deg); position: absolute; top: 20px; right: 20px;}
	
			#ceremony section{text-align: center; margin-bottom: 15%;padding-top: 10%;}
			#ceremony section h2{font-size: 4.2vw; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom:5%;}
			#ceremony section h2 img{margin-bottom: 5%; width:100%;}
			#ceremony section .cBox{margin: 0 auto 10%;}
			#ceremony section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
			#ceremony section .ltxt{font-size: 3.8vw; line-height: 200%;}	
			#ceremony section .leedText{font-size: 3.8vw; font-weight: bold; margin-bottom: 5%;}
			
			#ceremony section .codeBox{width:100%; margin:0 0 5%; max-width:inherit; display: inline-block; vertical-align: middle;}
			#ceremony section .codedetail{width:100%;  max-width:inheritx; display: inline-block; vertical-align: middle; text-align: left;}
			#ceremony section .codedetail p{text-align: left;}
			#ceremony section .styling a{width:48%; display: inline-block; margin-right: 3.8%; margin-bottom: 4%}
			#ceremony section .styling a:nth-of-type(2n){margin-right:0%}
			#ceremony section .styling dl dd{font-size: 2.8vw; margin: 3% 0 0 0; padding: 0;}
			#ceremony section .styling .label{font-size: 3.8vw; text-align: center; font-weight: bold; margin: 0 auto 5%;}
			#ceremony #code03{padding-bottom: 10%; border-bottom: 1px solid #CCC;}
	
			#ceremony #other .bana{max-width:inherit;margin: 0 auto 5%;}
			#ceremony .insta {width:100%; margin: 0 auto 10%; text-align: center;}
			#ceremony .insta .instatit{color: #638abd; font-size: 3.8vw; text-align: center; border-bottom: 1px solid #638abd; padding-bottom: 3%;}
			#ceremony .insta p{font-size: 3.2vw; margin-bottom: 5%; text-align: center;}
			#ceremony .insta p.accountname{font-size: 3.8vw;color: #638abd;}
	
	
	
	
			#ceremony section .cBox .imgBox{width:100%;  float:inherit; margin-top: 7%;}
			#ceremony section .cBox .leedBox{width:90%; float: inherit; margin:-15% 5% 5% 5%; background-color: #dae6f2;padding:16% 5% 1%; box-sizing: border-box;z-index: -1;position: relative;}
			#ceremony section .cBox .leedBox p{text-align: left;}
			#ceremony section .cBox .leedBox p.titleText{font-size: 3.8vw; font-weight: bold; margin-top: 0;}
			#ceremony section .cBox .detailBox{width:100%; float:inherit; }
			#ceremony section .cBox .detailBox .silhouette{width:50%; float: left; }
			#ceremony section .cBox .detailBox .detailin{width:90%; float: inherit; margin:10% auto 0 }
			#ceremony section .cBox .detailBox .detailin ul{margin: 15% 0 0 0 ; padding: 0; list-style: none; font-size: 0; text-align: left;}
			#ceremony section .cBox .detailBox .detailin ul li{display: inline-block; width:30%; margin-right: 3%;}
	
	
	
	
			#ceremony section .coordinateBox{width:100%; display: inline-block; vertical-align: top; margin:0 0 5% 0;}
			#ceremony section .coordinateBox:nth-of-type(2n){margin:0 0 5% 0;}
			#ceremony section .coordinateBox .coordeTxt{text-align: left; padding:0;}
	
				#ceremony section .styling .nolink {width:48%; display: inline-block; margin:0 1.3% 3% 0; vertical-align: top; text-align: left;}

}
		
		
		
		
		#ceremony .pBox{margin: 0 auto 30px; clear: both; text-align: left; overflow: hidden;}
			#ceremony .pBox .pImg{width:50%;display: inline-block; vertical-align: middle; margin-right: 4%;}
			#ceremony .pBox .pDetail{ width:40%;display: inline-block; vertical-align: middle;}
			#ceremony .pBox .pDetail p{font-size:min(1.6vw , 16px); text-align: left; margin:0 0 5%;}
			#ceremony .pBox .pDetail .stxt{font-size:min(1.4vw , 14px);}
			#ceremony .pBox .stylingImg{width:46%;}
			#ceremony .pBox .stylingImg p{text-align: left; margin-bottom: 10px;}
			#ceremony .pBox .detailBox{width:50%; text-align: center;}
			#ceremony .pBox .detailBox .detailin{text-align:left; font-size: 0; padding-top: 5%;}
			#ceremony .pBox .detailBox .styleBox{width:48%; margin-right: 3%; margin-bottom: 5%;display: inline-block; vertical-align: top;}
			#ceremony .pBox .detailBox .styleBox p{margin: 0 0 10px; color: #000;}
			#ceremony .pBox .detailBox .styleBox:nth-of-type(2n){margin-right: 0%;}
			 #ceremony p.stylingitem{font-size: min(2.0vw , 20px); font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display: inline-block;; padding-bottom: 5px; border-bottom:  1px solid #000; margin-bottom: 5%;}
			#ceremony .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}

			@media screen and (max-width: 480px) {
				#ceremony .pBox{position:relative; margin: 0 auto 30px;}
				#ceremony .pBox .pDetail{ width:100%;}
				#ceremony .pBox .pDetail p{font-size:3.2vw; text-align: left; margin:0 auto 5%;}
				#ceremony .pBox .pDetail .stxt{font-size:2.8vw;}
				#ceremony p.stylingitem{font-size: 4.6vw; }
				#ceremony .pBox .pImg{width:100%;display: inline-block; vertical-align: middle; margin-right: 0; margin-bottom: 5%;}
				#ceremony .pBox .stylingImg{width:100%; margin-bottom: 10%;}
				#ceremony .pBox .detailBox{width:100%; text-align: center;}
				#ceremony .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}
			}
		
		#ceremony .youtube{width:100%; max-width:640px; padding-top: 36%; position: relative;margin: auto;}
			#ceremony .youtube iframe{width:100%;max-width:640px; height: 100%; position: absolute; top: 0; left: 0;}
			#ceremony #other{margin: 0; padding: 0;}
 @media screen and (max-width: 480px) {
	 #ceremony .youtube{width:100%; max-width:640px; padding-top: 57%; position: relative;margin: auto;}
			}