@charset "UTF-8";
*{font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-feature-settings : "palt";}
body{background:url("/shibusawa-kou/cp/sangokushi/images/header_bg.jpg") #000 top center no-repeat;
	-moz-background-size:150% auto;
	background-size:150% auto;
}
img{width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}

a:link { color: #408635; text-decoration: underline;}
a:visited { color: #408635; }
a:hover { color: #408635; text-decoration: none;}
a:active { color: #408635; }


.header_box{
	width: 100%;
	max-width: 1173px;
	margin: 0 auto;
	text-align: left;
	background:url("/shibusawa-kou/cp/sangokushi/images/header_pc.png") top center no-repeat;
	padding-top: 650px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


h1{display: none;}
h2, h3, h5{font-family:"ＭＳ Ｐ明朝", "Hiragino Mincho Pro", serif; line-height: 1.2; color: #b9121b; font-weight: bold;}

h2{font-size: 48px; text-shadow: 2px 2px 1px #ffe0d9; padding: 24px;}
h3{font-size: 30px; font-weight: bold; width: 95%; max-width: 980px; margin: 0 auto 8px auto; border-bottom: solid 3px #b9121b;}
h4{font-size: 24px; padding-top: 8px;}

h5{font-size: 28px; width: 95%; max-width: 990px; margin: 0 auto 8px auto; text-align: center;}

.text_box{ width: 95%; max-width: 980px; margin: 0 auto;}

.travel_box{ width: 95%; max-width: 1000px; margin: 16px auto 0 auto; padding: 24px 0; background:rgba(255,255,255,0.65); box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 2px 2px;}
.travel_box p{padding: 16px 0;}
.travel_ss_box{ width: 95%; max-width: 1000px; margin: 0 auto; letter-spacing: -.40em;}
.travel_ss_box li{width: 33%; display:inline-block; padding:0; margin:0; letter-spacing: normal;}
.travel_link_banner{width: 95%; max-width: 980px; margin: 16px auto 0 auto; text-align: right;}

.prf{width: calc(95% - 40px); max-width: 1000px; margin: 16px auto 0 auto; padding: 24px 16px 24px 24px; background:#5a3431; overflow: hidden; color: #f6e497;}
.prf_text_box{ float: left; width: 100%; margin-right: -125px; padding-right: 125px; box-sizing: border-box;}
.prf_img_box{  float: right;  width: 125px;}
.prf_text{width: calc(95% - 8px); padding: 0 8px 0 0;}
.prf_name{font-size:32px;}
.prf_name span{font-size: 18px;}

.step_box{overflow: hidden;}
.step_box dt{ float: left; width: 75px; font-weight: bold;}
.step_box dd{ float: right; width: 100%; margin-left: -75px; padding-left: 75px; box-sizing: border-box;}
.step_box dd div{border-left: solid 3px #491b1b; padding-left: 8px;}

.item_list{width: 95%; max-width: 980px; margin: 0 auto 10px auto;}

.cont_wp{background:url("/shibusawa-kou/cp/sangokushi/images/cont_bg.png");}
.main_cont_box{ width: 95%; max-width: 1000px; margin: 0 auto; color: #491b1b; font-size: 18px; line-height:1.61;}
.linecont{ height: 47px; margin: 0; padding: 0; background: url("/shibusawa-kou/cp/sangokushi/images/line.png"); border: 0px none;}

.free_btn a{background: #f00; color: #fff; display: block; padding: 10px; max-width: 300px; font-size: 30px; text-align:center; margin: 10px 0; text-decoration: none;}
.free_btn a:hover {
		-webkit-animation: scale .3s ease-in-out;
		animation: scale .3s ease-in-out;
	}
	@-webkit-keyframes scale {
		50% { -webkit-transform: scale(1.1); }
	}
	@keyframes scale {
		50% { transform: scale(1.1); }
	}


.free_btn2 a{background: #f00; color: #fff; display: block; padding: 10px; max-width: 500px; text-align:center; margin: 10px auto; text-decoration: none;}
.free_btn2 a:hover {
		-webkit-animation: scale .3s ease-in-out;
		animation: scale .3s ease-in-out;
	}
	@-webkit-keyframes scale {
		50% { -webkit-transform: scale(1.1); }
	}
	@keyframes scale {
		50% { transform: scale(1.1); }
	}


.at{color: #2c2c2c; text-indent: -22px; padding-left: 22px; font-size: 14px; padding-top: 8px;}
.point_txt{color: #f00;}

.banner_box{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 20px 0; letter-spacing: -.40em;}
.banner_box li{width: calc(25% - 4px); display:inline-block;  letter-spacing: normal; border: solid 1px #f00;}
.banner_box li:hover{opacity:0.65;}
.sns_box{margin: 0 auto; width: 100%; max-width: 224px; padding: 32px 0; letter-spacing: -.40em;}
.sns_box li{display:inline-block; padding: 3px; width: 45px; margin:0; letter-spacing: normal;}

.txt_list_box{width: 95%; max-width: 220px; margin: 0 auto; padding: 20px 0; letter-spacing: -.40em;}
.txt_list_box li{display:inline-block; padding: 3px; text-align: center; letter-spacing: normal; font-size: 14px;}
.txt_list_box li a{color: #e88801;}
/* tab */
.content_area{padding-bottom: 32px;}
.tab_area{ width:100%; max-width:980px; overflow:hidden; display:table; margin:0 auto;}
.tab_area li{ width:50%; height:0;  text-align:center;
	cursor: pointer;
	vertical-align:middle;
	display:table-cell;
}
.tab_area li:hover{background-position: 0 100%;}

li.tab1_bg{
	background: url(/shibusawa-kou/cp/sangokushi/images/tab_btn01.png) top center no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:50%;
	padding-top: 11%;
}
li.tab2_bg{
	background: url(/shibusawa-kou/cp/sangokushi/images/tab_btn02.png) top center no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:50%;
	padding-top: 11%;
}

.all_area { overflow: hidden;}
.tab_area li.select{background-position: 0 100%;}

.hide{display:none;}
.cp{ color: #fff; font-size: 12px; text-align: center; padding: 20px 0;}

.end_text{width: calc(95% - 32px); max-width:400px; padding: 16px; border: solid 1px #f00; color: #f00; margin: 16px 0;}
.end_text2{width: calc(95% - 32px); max-width:800px; padding: 16px; border: solid 1px #f00; color: #f00; margin: 16px 0;}



.old_info label{ background: #b9121b; color: #fff; padding: 10px; display: block; margin: 0; border: 1px solid #fff; cursor:pointer;}
.old_info input[type="checkbox"].on-off{ display: none;}
.old_info input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden;}
.old_info input[type="checkbox"].on-off:checked + ul{ height: auto;}

.taisi_come_box{letter-spacing: -.40em;}
.taisi_come{width: calc(50% - 48px); display:inline-block; margin: 16px 2px; border: solid 2px #716b24; padding: 20px; background: #f6f4dd; letter-spacing: normal; vertical-align:top;}
.taisi_name{margin: 0 0 16px 0; border-bottom: solid 1px #716b24;}
.taisi_name strong{font-size: 200%; font-weight: bold;}

/* form*/
hr.clear{display: none;}
.form_title_box{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 40px; line-height: 1.2; color: #b9121b; font-weight: bold; text-shadow: 3px 3px 1px #ffe0d9; padding: 24px 0 24px 0;}
h3.form_question{width: calc(100% - 10px); max-width: 1000px; font-size: 20px; border: none; background: #f6e497; padding: 5px; color: #800000;}
h3.form_question span{background: #fff; color: #f00; display: inline-block; padding: 3px; font-size: 14px; margin-left: 8px; line-height: 1;}
.form_question_box{width: 95%; max-width: 980px; margin: 0 auto; padding-bottom:24px;}
.form_text_box input[type="text"],
.form_text_box textarea{width: auto; max-width: 98%;}
#alert{max-width: 980px; margin: 0 auto; background: #fff; margin-bottom: 8px; width: calc(95% - 10px); padding: 5px;}
#btn_area{width: calc(95% - 10px); padding: 5px; max-width: 980px; margin: 0 auto;}
#btn_nxt{background: #f00; color: #fff; display: block; padding: 10px; font-size: 30px; text-align:center; margin: 10px 0; text-decoration: none; border: none;}
#btn_bck{background: #ffacac; color: #ffff; display: block; padding: 10px; font-size: 30px; text-align:center; margin: 10px 0; text-decoration: none; border: none;}
input[type="submit"]#btn_nxt,
input[type="submit"]#btn_bck{width: 100%; -webkit-appearance: none; border-radius: 0;}
#btn_nxt:hover,
#btn_bck:hover {
			-webkit-animation: scale .3s ease-in-out;
			animation: scale .3s ease-in-out;
		}
		@-webkit-keyframes scale {
			50% { -webkit-transform: scale(1.1); }
		}
		@keyframes scale {
			50% { transform: scale(1.1); }
		}

.red{color: #f00;}

.pconly{display: block;}
.sfonly{display: none;}


@media screen and (max-width: 1200px) {
	.header_box{ background:url("/shibusawa-kou/cp/sangokushi/images/header_pc.png") top center no-repeat; padding-top: 58%; -moz-background-size:105% auto; background-size:105% auto;}
}

@media screen and (max-width: 740px) {
.txt_list_box li{display: block;}
}


@media screen and (max-width: 700px) {
h2{text-align: center; font-size:6.575vw;}
h3{font-size:5.575vw; border-bottom: solid 0.15em #b9121b;}
.form_title_box{text-align: center; font-size:6.575vw;}
h2.twcp br{display: none;}
.txt_list_box{ max-width: 300px;}
.txt_list_box li{display: block;}
}


@media screen and (max-width: 640px) {
.header_box{ background:url("/shibusawa-kou/cp/sangokushi/images/header_sf.png") top center no-repeat; padding-top: 145%; -moz-background-size:100% auto; background-size:100% auto;}
.prf{width: calc(100% - 36px); padding: 24px 12px 24px 24px;}
.prf_text_box{ float: none; width: 100%; margin-right: 0; padding-right: 0;}
.prf_img_box{  float: none; 	display: none;}
.prf_text{width: calc(95% - 0px); padding: 0 0 0 0;}
.banner_box li{width: calc(100% - 2px); margin-bottom: 8px;}
.txt_list_box li{font-size:4.375vw; display: block;}
.taisi_come{width: calc(100% - 48px); display:inline-block; margin: 16px 2px; border: solid 2px #716b24; padding: 20px; background: #f6f4dd; letter-spacing: normal;}
h5{font-size:5.575vw;}

.pconly{display: none;}
.sfonly{display: block;}
}
@media screen and (max-width: 375px) {
h2{padding: 24px 0;}
h3{font-size:6.575vw;}
.form_title_box{padding: 24px 0 24px 0;}
#body_id_confirm .form_title_box{padding: 24px 0 0 0;}
.form_question_box{font-size:18px;}
.taisi_name strong{font-size: 150%; font-weight: bold;}


}

@media screen and (max-width: 320px) {
.travel_box{ width: 99%; }

}