@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : 
 Style Info : 頒布会CSS
=================================================================== */

.clrR{color: #9c1c2b;}

#hanpu .ttl{margin-top: 20px;}
#hanpu #sub_main .txt02{font-size: 17px;}
#hanpu #sub_main .txt02 span{color: #9c1c2b; padding: 3px;}

#hanpu .h_price_box{margin: 20px 0 0 40px;}
#hanpu .h_price_box p{float: left; }

#hanpu .h_price01{width:330px; margin-top: 7px; float: left; background: url(../img/sankaku01.jpg) no-repeat center right;}
#hanpu .h_price01 p:first-child{width: 4em; font-size: 30px;}
#hanpu .h_price01 p:first-child span{font-size: 46px;}
#hanpu .h_price01 p:nth-child(2){width: 2.5em; text-align: center; border: solid 1px #777; border-radius: 5px; line-height: 130%; font-size: 14px; margin-top: 10px;}
#hanpu .h_price01 p:nth-child(3){width: 5em; font-size: 30px; margin-top: 5px;}
#hanpu .h_price01 p:nth-child(3) span{font-size: 40px; }

#hanpu .h_price02{width: 360px; float: left; margin-left: 10px;}
#hanpu .h_price02 p:first-child{width: 2.5em; text-align: center; border: solid 1px #777; border-radius: 5px; line-height: 130%; font-size: 18px; margin-top: 10px;}
#hanpu .h_price02 p:nth-child(2){width: 5.2em; font-size: 40px;}
#hanpu .h_price02 p:nth-child(2) span{font-size: 58px;}
#hanpu .h_price02 p:nth-child(3) {width: 60px;}
#hanpu .h_price02 p:nth-child(3) img{width: 60px;}

#hanpu .day{width: 500px; font-size: 20px; text-align: center; background: #414245; color: #fff; border: double 5px #fff; margin-top: 20px;}
#hanpu a{text-decoration: none;}
#hanpu a:hover .day{background: #5e5e61;}
#hanpu .day+p{width: 500px; margin-top: 10px; margin-bottom: 10px;}

#hanpu #sub_main .txt03{margin: 30px 0 40px;}
#hanpu #sub_main .txt03>.txt02{text-align: left;}

#hanpu .hw_txtbox.pc{margin-left: 40px;}
#hanpu .hw_txtbox.pc img{float: left;}
#hanpu .hw_txtbox.pc p{float: left; width:410px; height: 130px; margin-left: 5px; padding: 20px; background: #fdfaf5; }

#hanpu .h_tel{text-align: center; }
#hanpu .h_tel p:nth-child(2){font-weight: bold; font-size: 24px; color: #9c1c2b;}

.h1804 .h_prcinfo{margin-top: 20px;}
.h1804 .h_prcinfo a:nth-child(2){margin-left: 20px;}
.h1804 #course01{margin:30px 0 40px 20px;}
.h1804 .h_itembox li{float: left;}
.h1804 .h_itembox li img{ border: solid 1px #9c1c2b; width: 232px;}
.h1804 .h_itembox .bdrn{border-left: none; border-right: none;}
.h1804 .h_itembox li:nth-child(n+4) img{border-top: none;}
.h1804 .item_btn+p{text-align: right; padding-right: 40px;}
.h1804 #course02{margin-left: 20px;}
.h1804 #course02 .h_itembox li img{ border-color:#727171;}

/* うすにごりコース */
#hanpu .nigori{background: url("../img/3h1812_Ubkimg_1.jpg")no-repeat; background-size: cover; margin: 40px 0; padding: 20px 0;}
#hanpu .nigori h2+p{width: 670px; margin-top: 2px; padding: 10px 15px; background: #9c1b2a; color: #fff; }
#hanpu .nigori .U_price_box{margin: 20px 30px; line-height: 1.4;}
#hanpu .nigori .U_price_box ul{display: inline-block; float: left; margin-right: 20px; font-size: 18px;}
#hanpu .nigori .U_price{float: left; margin-top: 8px}
#hanpu .nigori .U_price p{width: auto; font-size: 30px; float: left; display: inline;}
#hanpu .nigori .U_price p span{font-size: 54px;}
#hanpu .nigori .U_1{background: url("../img/sankaku01.png") no-repeat left center; padding-left: 40px;}
#hanpu .nigori .U_price .U_2{font-size: 20px; line-height: 1.1; border: solid 1px #000; border-radius: 5px; padding: 3px 5px; margin: 0 10px;}
#hanpu .purchase{background: rgba(255,255,255,0.7); width: 700px; margin: 0 auto; padding: 10px 0;}

#hanpu .course{text-align: center; font-size: 22px; color: #9fa0a0;}
#hanpu .prsnt_txt{text-align: center; font-size: 22px; color: #9c1b2a; margin: 10px auto;}
#hanpu .prsnt_txt span{font-size: 30px;}
#hanpu .prsnt_txt2{width: 250px; text-align: center; background:#9c1b2a; font-weight: bold; color: #fff; letter-spacing: 1px; margin-top: 20px}

/* 通常コース */
#hanpu .normal{margin: 40px 20px; border: solid 1px #bababa; padding-bottom: 20px;}
#hanpu .normal h2+p{width: 670px; margin-top: 2px; padding: 10px 15px; background: #7d7d7d; color: #fff;}
#hanpu .normal .h_price_box{margin: 20px 20px 0;}
#hanpu .normal .h_price02{width: auto;}
#hanpu .freeS{text-align: center; color: #9c1c2b; font-size: 20px;}
#hanpu .normal .line{display: inline-block; text-decoration: line-through;}

/* 購入ボタン */
.hanpu_btn{margin: 0 40px; text-align: center;}
.hanpu_btn a{width: 100%; display: block; background: linear-gradient(0deg, rgba(0,139,206,1) 16%, rgba(0,199,241,1) 67%); color: #fff; font-size: 30px; padding: 15px; border-radius: 5px; letter-spacing: 1px; border: solid 2px #65dcf5; box-sizing: border-box;}
.hanpu_btn a:hover{background: linear-gradient(180deg, rgba(0,139,206,1) 16%, rgba(0,199,241,1) 67%);
}

@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	
	#hanpu img.max280{max-width: 280px;}
	#hanpu .ttl{margin-top: 0; }
	#hanpu #sub_main p.txt02{font-size: 16px;}
	#hanpu .h_itembox{width: 96%; max-width: 320px; margin: 0 auto;}
	#hanpu .h_itembox h6{text-align: center; background: #727171; color: #fff; padding: 1px;}
	#hanpu .h_itembox>div{padding-top: 5%; border: solid 1px #727171; margin-bottom: 20px;}
	
	#hanpu .h_price_box{margin: -15px 0 0 0;}
	#hanpu .h_price01{float: none; width: 96%; max-width: 250px; height: 85px; background: url(../img/sankaku02.jpg) no-repeat center bottom; margin: 0 auto;}
	#hanpu .h_price01 p:first-child{font-size: 20px; padding: 0; margin-top: 10px;}
	#hanpu .h_price01 p:first-child span{font-size: 32px;}
	#hanpu .h_price01 p:nth-child(2){width: 26px; padding: 2px 5px; font-size: 13px; margin-left: 2px}
	#hanpu .h_price01 p:nth-child(3){width: 130px; font-size: 20px; padding: 0; margin-top: 10px;}
	#hanpu .h_price01 p:nth-child(3) span{font-size: 36px;}
	
	#hanpu .h_price02{float: none; width: 96%; max-width: 290px; margin: 0 auto;}
	#hanpu .h_price02 p{padding: 0;}
	#hanpu .h_price02 p:first-child{float: none; border: none; width: 100%; text-align: left; color: #9c1c2b; margin-left: 8%;}
	#hanpu .h_price02 p:nth-child(2){width: 70%; font-size: 30px; text-align: right;}
	#hanpu .h_price02 p:nth-child(2) span{ font-size: 50px;}
	#hanpu .h_price02 p:nth-child(3){width: 50px; margin-left: 10px;}
	#hanpu .h_price02 p:nth-child(3) img{width: 50px;}
	
	#hanpu .shppg_txt{color: #9c1c2b; font-weight: bold; text-align: center;}
	
	#hanpu .day{width: 94%; font-size: 17px; margin-top: 0; padding: 5px;}
	#hanpu .day+p{width: 96%; margin-top: 0; margin-bottom: 0;}
	
	#hanpu #sub_main .txt03{margin: 20px 0;}
	#hanpu .txt03 p.smp{font-size: 20px; background: #eee; line-height: 1.3; border-bottom: solid 2px #ddd;}
	
	#hanpu .hw_txtbox.smp{width: 96%; margin: 0 auto; border: solid 1px #9c1c2b;}
	#hanpu .hw_txtbox.smp h5{text-align: center; background: #9c1c2b; color: #fff; line-height: 170%;}

	#hanpu .h_1804set{border: solid 1px #9c1c2b; margin: 20px auto 0;}
	#hanpu .h_1804set p:first-child{background: #9c1c2b; color: #fff; }
	#hanpu .h_tel{margin-top: 20px;}
	#hanpu .h_tel p{padding: 0;}
	#hanpu .h_tel p:first-child{text-align: left; }
	#hanpu .h_tel p:nth-child(2){font-size: 18px;}
	
	/* 詳細ページ　----------------------------------------------------------------------*/
	.h1804 .h_prcinfo{margin-top: 10px;}
	.h1804 .h_prcinfo a:nth-child(2){display: block; margin-left: 0; margin-top: 20px;}
	.h1804 .h_prcinfo a img{max-width: 300px;}
	.h1804 #course01{margin: 20px 0;}
	.h1804 #course01 .smp h4{text-align: center; background: #9c1c2b; color: #fff; margin-bottom: 10px;}
	.h1804 .h_itembox li{float: none; text-align: center; margin-bottom: 5px;}
	#hanpu.h1804 .h_itembox li img{width: 80%;}
	.h1804 .h_itembox .bdrn{border: solid 1px #9c1c2b;}
	.h1804 .h_itembox li:nth-child(n+4) img{border: solid 1px #9c1c2b;}
	#hanpu.h1804 .h_itembox+p{font-size: 14px;}
	.h1804 #course02{margin-left: 0;}
	.h1804 #course02 .smp h4{text-align: center; background: #727171; color: #fff; margin-bottom: 10px;}
	#hanpu.h1804 .item_btn+p{text-align: left; padding-right: 0; font-size: 14px;}
	
	/* うすにごりコース */
	#hanpu .nigori{width: 100%; margin-left: -5%; margin-bottom: 20px; padding: 20px 5%;}
	#hanpu .nigori h2+p{width: 90%; font-size: 14px;}
	#hanpu .nigori .U_price_box{margin: 20px auto;  width: 250px; }
	#hanpu .nigori .U_price_box ul{width: 13em; display: block; float: none; margin: 0 auto; font-size: 16px;}
	#hanpu .nigori .U_price{float: none; margin-top: 20px;}
	#hanpu .nigori .U_price p{font-size: 20px;}
	#hanpu .nigori .U_price p span{font-size: 30px;}
	#hanpu .nigori .U_1{background: none; padding: 0;}
	#hanpu .nigori .U_price .U_2{font-size: 12px; margin: 0 10px;}
	#hanpu .nigori .U_price .U_3{padding: 0;}
	#hanpu .purchase{width: 92%;padding: 10px 3%;}
	#hanpu .day{width: 90%; font-size: 16px;}
	#hanpu .itemttl{width: 96%;}

	#hanpu .course{font-size: 16px;}
	
	#hanpu .prsnt_txt{font-size: 16px; color: #9c1b2a; margin: 0;}
	#hanpu .prsnt_txt span{font-size: 20px;}
	#hanpu .prsnt_txt2{width: 200px; font-weight: bold; color: #fff; letter-spacing: 0; margin-top: 20px; padding: 0; font-size: 14px;}


/* 通常コース */
	#hanpu .normal{width: 100%; margin: 10px 0;}
	#hanpu .normal h2+p{width: 94%; font-size: 14px; padding: 10px 3%;}
	#hanpu .normal .h_price_box{margin: 10px 0;}
	#hanpu .h_price02 p:first-child{margin-left: 20%}
	#hanpu .h_price02 p:nth-child(2) span{ font-size: 42px;}
	#hanpu .normal .item_btn{width: 94%; margin: 0 3%;}
	#hanpu .shppg_txt{padding: 0;}
	
/* 購入ボタン */
	.hanpu_btn{margin: 0 3%; }
	.hanpu_btn a{font-size: 22px; padding: 10px;}
}