@charset "UTF-8";


			body{margin: 0; padding: 0;}

			.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; width:auto}
			.contentsWrap a{color: #0074b6; text-decoration: none;}
			.contentsWrap a:hover{opacity: .7}
			#haori .leftcolumn{float: left;}
			#haori .rightcolumn{float: right;}
			#haori div.main{width:100%; margin: 0 auto 80px; text-align: center; padding: 0; background-image: none;}
			#haori .main h1{margin-bottom: 50px;}
			#haori .main p{text-align: left;}
			#haori .main .featureBlock{overflow: hidden; margin:50px 0 80px;}
			#haori .main .featureBlock dl{width:15%; display: inline-block; margin: 0 3%; vertical-align: top;}
			#haori .main .featureBlock dl dd{margin: 0; padding: 0;}
			#haori .cBox{overflow: hidden; margin-bottom: 30px; text-align: center; font-size: 0;}
			#haori .main .cBox .detailBox{width:50%; max-width:340px; display: inline-block; vertical-align: top; text-align: left}
			#haori .main .cBox .detailBox img{width:100%; max-width:280px; display: inline-block; margin-bottom: 20px;}
			#haori .detailBox p{text-align: left; margin-bottom: 10px; font-size:min(1.6vw , 16px);}
			#haori .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;}
			#haori .blackBtn{background-color: #000; width:100%; height: 50px; max-width:340px;  margin:5% auto 0 auto; clear: both; }
			#haori .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;}
			#haori .pBox .blackBtn{background-color: #000; width:100%;  height: 60px; max-width:340px;  margin:5% auto 0 auto; clear: both; position: relative;}
			#haori .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;}
			#haori .blackBtn:hover, #haori .whiteBtn:hover{opacity: 0.7;}
			#haori .whiteBtn{ width:100%; max-width:340px; height: 50px; margin: 50px auto;}
			#haori .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;}
			#haori .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;}
		
			#haori section{text-align: center; margin-bottom: 50px; border-bottom: 1px solid #CCC;}
			#haori section h2{font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom: 50px;}
			#haori section h2 img{max-width:100%; height: 40px;}
			#haori section .cBox{margin: 50px auto; text-align: center;}
			#haori section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
			#haori section .ltxt{font-size: 20px; line-height: 200%;}	
			#haori section .leedText{font-size: 20px; font-weight: bold; margin-bottom: 30px;}
			#haori video{width:100%;}
		

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

			#haori .textlink{padding-right: 10px; background-image: url("images/ya.png"); background-repeat: no-repeat; background-position: 100% 50%; display: inline-block ;float: right; background-size: 6px; margin: 10px; color: #000!important;}
		
		
@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%;}
			#haori div.main{width:100%; margin: 0 auto 0; text-align: center;}
			#haori .main h1{width:106%; margin: 0 -3% 0;}
			#haori .main .featureBlock{overflow: hidden; margin:10% 0 15%; font-size: 0;}
			#haori .main .featureBlock dl{width:23%; display: inline-block; margin: 0 1%; vertical-align: top;}
			#haori .main .featureBlock dl dd{margin: 0; padding: 0; font-size: 3.2vw}
			#haori .cBox{overflow: hidden; margin-bottom: 5%; text-align: center; font-size: 0;}
			#haori .main .cBox .movieBox{width:100%;  display: inline-block; margin-bottom: 5% }
			#haori .main .cBox .detailBox{width:100%; max-width: inherit; display: inline-block; vertical-align: top; text-align: left}
			#haori .main .cBox .detailBox img{width:48%; display: inline-block; margin:0 4% 5% 0;}
			#haori .main .cBox .detailBox img:last-of-type{ margin:0 0 5% 0;}
			#haori .detailBox p{text-align: left; margin-bottom: 10px; font-size: 3.2vw;}
			#haori .blackBtn{background-color: #000; width:100%; max-width: inherit; height: 50px; margin:5% auto 0 auto; position:relative}
			#haori .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw}
			#haori .pBox p.blackBtn{background-color: #000; width:100%;  height: 40px; max-width:340px;  margin:5% auto 0 auto; clear: both; position: relative;}
			#haori .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}
			#haori .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;}
			#haori .blackBtn:hover, #haori .whiteBtn:hover{opacity: 0.7;}
			#haori .whiteBtn{ width:100%; max-width: inherit;  height: 50px; margin: 3% auto;}
			#haori .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;}
			#haori .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;}
	
			#haori section{text-align: center; margin-bottom: 5%;padding-top: 5%;}
			#haori section h2{font-size: 4.2vw; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom:5%;}
			#haori section h2 img{margin-bottom: 0; width:100%; height: auto;}
			#haori section .cBox{margin: 0 auto 10%;}
			#haori section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
			#haori section .ltxt{font-size: 3.8vw; line-height: 200%;}	
			#haori section .leedText{font-size: 3.8vw; font-weight: bold; margin-bottom: 5%;}
			
			#haori section .codeBox{width:100%; margin:0 0 5%; max-width:inherit; display: inline-block; vertical-align: middle;}
			#haori section .codedetail{width:100%;  max-width:inheritx; display: inline-block; vertical-align: middle; text-align: left;}
			#haori section .codedetail p{text-align: left;}
			#haori section .styling a{width:48%; display: inline-block; margin-right: 3.8%; margin-bottom: 4%}
			#haori section .styling a:nth-of-type(2n){margin-right:0%}
			#haori section .styling dl dd{font-size: 2.8vw; margin: 3% 0 0 0; padding: 0;}
			#haori section .styling .label{font-size: 3.8vw; text-align: center; font-weight: bold; margin: 0 auto 5%;}
			#haori #code03{padding-bottom: 10%; border-bottom: 1px solid #CCC;}
	
			#haori #other .bana{max-width:inherit;margin: 0 auto 5%;}
			#haori .insta {width:100%; margin: 0 auto 10%; text-align: center;}
			#haori .insta .instatit{color: #638abd; font-size: 3.8vw; text-align: center; border-bottom: 1px solid #638abd; padding-bottom: 3%;}
			#haori .insta p{font-size: 3.2vw; margin-bottom: 5%; text-align: center;}
			#haori .insta p.accountname{font-size: 3.8vw;color: #638abd;}
	
	
	
	
			#haori section .cBox .imgBox{width:100%;  float:inherit; margin-top: 7%;}
			#haori 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;}
			#haori section .cBox .leedBox p{text-align: left;}
			#haori section .cBox .leedBox p.titleText{font-size: 3.8vw; font-weight: bold; margin-top: 0;}
			#haori section .cBox .detailBox{width:100%; float:inherit; }
			#haori section .cBox .detailBox .silhouette{width:50%; float: left; }
			#haori section .cBox .detailBox .detailin{width:90%; float: inherit; margin:10% auto 0 }
			#haori section .cBox .detailBox .detailin ul{margin: 15% 0 0 0 ; padding: 0; list-style: none; font-size: 0; text-align: left;}
			#haori section .cBox .detailBox .detailin ul li{display: inline-block; width:30%; margin-right: 3%;}
	
	
	
	
			#haori section .coordinateBox{width:100%; display: inline-block; vertical-align: top; margin:0 0 5% 0;}
			#haori section .coordinateBox:nth-of-type(2n){margin:0 0 5% 0;}
			#haori section .coordinateBox .coordeTxt{text-align: left; padding:0;}
	
			#haori section .styling .nolink {width:48%; display: inline-block; margin:0 1.3% 3% 0; vertical-align: top; text-align: left;}
			#haori .textlink{ background-size: 4px; margin: 10px;}
}


#haori .pBox{margin: 0 auto 50px; clear: both; text-align: left; overflow: hidden;}
			#haori .pBox .pImg{width:49%;display: inline-block; vertical-align: middle;}
			#haori .pBox .pDetail{ width:50%;display: inline-block; vertical-align: middle; padding-right: 10%; box-sizing: border-box;}
			#haori .pBox .pDetail p{font-size:min(1.6vw , 16px); text-align: left; margin:10% 0 3%;}
			#haori .pBox .pDetail .stxt{font-size:min(1.4vw , 14px);}
			#haori .pBox .stylingImg{width:46%;}
			#haori .pBox .stylingImg p{text-align: left;}
			#haori .pBox .detailBox{width:50%; text-align: center;}
			#haori .pBox .detailBox .detailin{text-align:left; font-size: 0; padding-top: 5%;}
			#haori .pBox .detailBox .styleBox{width:48%; margin-right: 3%; margin-bottom: 5%;display: inline-block; vertical-align: top;}
			#haori .pBox .detailBox .styleBox p{margin: 0 0 10px; color: #000;}
			#haori .pBox .detailBox .styleBox:nth-of-type(2n){margin-right: 0%;}
			 #haori 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%;}
			#haori .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}
			#haori .cpaicon{background-color: #C00; color: #FFF; padding: 3px 10px; display: inline-block; font-size: min(1.4vw, 14px)!important; margin-bottom: 5px!important;}
			#haori .cpprice{font-size: min(1.8vw, 18px)!important; color: #C00; font-weight: bold}
			#haori .offtxt{background-color: #C00; color: #FFF; padding: 3px 10px; display: inline-block; font-size: min(1.4vw, 14px)!important; margin-bottom: 5px!important;}
			#haori .throughline{text-decoration: line-through;}
			#haori .pDetail .tag a{display: inline-block; padding: 5px 15px; background-color: #e7e7e7; color: #000; border-radius: 20px; margin-bottom: 10px;}
			#haori .itemv{margin-bottom: 5%}
			#haori .itemv p{margin:0 0 5px; text-align: right;}
			#haori .itemv  a{color: #000;}
			#haori #otherstyle{font-size: 0; padding-bottom: 80px;}
			#haori #otherstyle a{display: inline-block; width:49.5%;}

			@media screen and (max-width: 480px) {
				#haori .pBox{position:relative; margin: 0 auto 30px;}
				#haori .pBox .pDetail{ width:52%; padding: 0; padding-left: 3%; box-sizing: border-box;}
				#haori .pBox .pDetail p{font-size:3.0vw; text-align: left; margin:0 auto 5%;}
				#haori .pBox .pDetail .stxt{font-size:2.8vw;}
				#haori p.stylingitem{font-size: 4.6vw; }
				#haori .pBox .pImg{width:46%;display: inline-block; vertical-align: middle; margin-right: 0; margin-bottom: 5%;float: left}
				#haori .pBox .stylingImg{width:100%;}
				#haori .pBox .detailBox{width:100%; text-align: center;}
				#haori .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}
				#haori .cpaicon{ font-size:3.2vw!important; }
				#haori .cpprice{font-size:3.4vw!important; }
				#haori .offtxt{ font-size: 3.2vw!important;}
				#haori .pDetail .tag a{ font-size: 2.8vw; padding: 2px 10px; margin-bottom: 5px;}
				#haori #otherstyle{font-size: 0; padding-bottom:10%;}
				#haori #otherstyle a{display: inline-block; width:100%; margin-bottom: 2px;}

			}