/*panel*/
.panel1{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel1_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}
.panel2{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel2_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}
.panel3{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel3_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}
.panel4{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel4_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}
.panel5{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel5_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}
.panel6{
	background:url(/yado/sp/hitori/woman/images/hitori_woman_panel6_bg_001.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:top center;
	padding: 8rem 20px;
	margin: 0 -20px;
}


/*h2*/
.st2-tab--changer__panel h2{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	font-size: 3.5rem;
	color: #561605;
	line-height: 1.2;
	margin: 0 0 5rem;
	position: relative;
}
.st2-tab--changer__panel.panel2 h2{
	color: #003a00;
}
.st2-tab--changer__panel.panel3 h2{
	color: #000d2a;
}
.st2-tab--changer__panel.panel4 h2{
	color: #001f22;
}
.st2-tab--changer__panel.panel5 h2{
	color: #302700;
}
.st2-tab--changer__panel.panel6 h2{
	color: #501c00;
}
.st2-tab--changer__panel h2 span.sub{
	display: block;
	position: relative;
	border-top: 3px solid #931111;
	font-size: 2.5rem;
	padding-top: 1rem;
	margin-top: 1rem;
}
.st2-tab--changer__panel.panel2 h2 span.sub{
	border-color: #008700;
}
.st2-tab--changer__panel.panel3 h2 span.sub{
	border-color:#1851d4;
}
.st2-tab--changer__panel.panel4 h2 span.sub{
	border-color:#008894;
}
.st2-tab--changer__panel.panel5 h2 span.sub{
	border-color: #735c00;
}
.st2-tab--changer__panel.panel6 h2 span.sub{
	border-color: #d04900;
}
.st2-tab--changer__panel h2 span.sub::before{
	content: '';
    position: absolute;
    top: -3px;
    width: 10%;
    left: 0;
    height: 3px;
    background: #561605;
}
.st2-tab--changer__panel h2 span.sub::after{
	content: '';
	position: absolute;
	right: 0;
	top: -3px;
	width: 10%;
	height: 3px;
    background: #561605;
}
.st2-tab--changer__panel.panel2 h2 span.sub::before,
.st2-tab--changer__panel.panel2 h2 span.sub::after{
    background: #003a00;
}
.st2-tab--changer__panel.panel3 h2 span.sub::before,
.st2-tab--changer__panel.panel3 h2 span.sub::after{
    background: #000d2a;
}
.st2-tab--changer__panel.panel4 h2 span.sub::before,
.st2-tab--changer__panel.panel4 h2 span.sub::after{
    background: #001f22;
}
.st2-tab--changer__panel.panel5 h2 span.sub::before,
.st2-tab--changer__panel.panel5 h2 span.sub::after{
    background: #302700;
}
.st2-tab--changer__panel.panel6 h2 span.sub::before,
.st2-tab--changer__panel.panel6 h2 span.sub::after{
    background: #501c00;
}
@media (max-width:736px) {
	.st2-tab--changer__panel h2{
		font-size: 1.8rem;
		margin: 0 0 3rem;
	}
	.st2-tab--changer__panel h2 .fl{
		font-size:3.0rem;
	}
	.st2-tab--changer__panel h2 .fm{
		font-size:3.0rem;
	}
	.st2-tab--changer__panel h2 span.sub{
		border-top: 2px solid;
		font-size: 1.4rem;
	}
	.st2-tab--changer__panel h2 span.sub::before{
		top: -2px;
		height: 2px;
	}
	.st2-tab--changer__panel h2 span.sub::after{
		top: -2px;
		height: 2px;
	}

}

/*h3*/
h3.api_title{
	text-align: center;
    background-color: #931111;
    border-radius: 50px;
    padding: 0;
    font-size: 2.2rem;
    color: #fff;
    letter-spacing: 30px;
    max-width: 800px;
    font-weight: normal;
    margin: 2rem auto;
}
.panel2 h3.api_title{
    background-color: #008700;
}
.panel3 h3.api_title{
    background-color: #1851d4;
}
.panel4 h3.api_title{
    background-color:#008894;
}
.panel5 h3.api_title{
    background-color: #735c00;
}
.panel6 h3.api_title{
    background-color: #d04900;
}
.st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background: #931111;
	border-radius: 5px 5px 0 0;
    display: inline-block;
    padding:0.2rem 1rem 0.1rem;
}
.panel2 .st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background: #008700;
}
.panel3 .st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background: #1851d4;
}
.panel4 .st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background: #008894;

}
.panel5 .st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background:#735c00;
}
.panel6 .st2-api__recommend[data-color="3"] .st2-api__recommend__header{
	background: #d04900;
}

/*btn*/
.st2-tab--changer__panel .st2-heading-lv5__heading__txt{
    text-align: center;
    margin: 2rem auto 1.5rem;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	color: #561605;
}
.st2-tab--changer__panel.panel2 .st2-heading-lv5__heading__txt{
	color: #003a00;
}
.st2-tab--changer__panel.panel3 .st2-heading-lv5__heading__txt{
	color: #000d2a;
}
.st2-tab--changer__panel.panel4 .st2-heading-lv5__heading__txt{
	color:#001f22;
}
.st2-tab--changer__panel.panel5 .st2-heading-lv5__heading__txt{
	color: #302700;
}
.st2-tab--changer__panel.panel6 .st2-heading-lv5__heading__txt{
	color: #501c00;
}

/*point*/
.point .point_title h3{
	font-size: 3.2rem;
    width: calc(100% / 2 + 10%);
	margin: 0;
	background-color: #c8c1ac;
	padding: 1rem 2rem 1rem 3rem;
	color: #561605;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	position: relative;
}
.panel2 .point .point_title h3{
	color: #003a00;
}
.panel3 .point .point_title h3{
	color: #000d2a;
}
.panel4 .point .point_title h3{
	color: #001f22;
}
.panel5 .point .point_title h3{
	color: #302700;
}
.panel6 .point .point_title h3{
	color: #501c00;
}
.point .point_title h3:before{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 15px #561605;
}

.panel2 .point .point_title h3:before{
	border-right: solid 15px #563d00;
}
.panel3 .point .point_title h3:before{
	border-right: solid 15px #563d00;
}
.panel4 .point .point_title h3:before{
	border-right: solid 15px #563d00;
}
.panel5 .point .point_title h3:before{
	border-right: solid 15px #563d00;
}
.panel6 .point .point_title h3:before{
	border-right: solid 15px #501c00;
}

@media (max-width:736px) {
	h3.api_title{
		font-size:1.3rem;
		letter-spacing: 15px;
	}
}


.point dd span{
	background-color: rgba(255, 255, 255, 0.5);
	color: #561605;
	padding: 0.2rem 0.5rem;
	font-weight: bold;
	margin-right: 0.2rem;
}
.panel2 .point dd span{
	color: #003a00;
}
.panel3 .point dd span{
	color: #000d2a;
}
.panel4 .point dd span{
	color: #001f22;
}
.panel5 .point dd span{
	color: #302700;
}
.panel6 .point dd span{
	color: #501c00;
}
@media (max-width:736px) {
	.point{
		border-radius: 10px;
		padding:7rem 1rem 1rem;
		width: 100%;
		box-sizing: border-box;
		margin-top: 5rem;
	}
	.point .point_title{
		display: block;
		top: 18px;
		left: -10px;
	}
	.point .point_title h3 {
		font-size: 1.6rem;
		width: 100%;
		margin: 0;
		padding: 0.5rem 1rem;
		box-sizing: border-box;
	}
	.point .point_title img{
		display: none;
	}
	.point dl {
		width: 100%;
	}
	.point dd {
		font-size: 1.0rem;
        line-height: 1.8;
		padding: 0 0 0 1.5em;
	}
	.point dt{
        font-size: 1.4rem;
        text-indent: -1em;
        padding: 1.5rem 0 0 1em;
        border-top: 2px dotted #fff;
	}
}

/*other*/
.other h2,.other h3.title{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-size: 3.0rem;
	color: #561605;
	text-align: left;
	display: block;
	border-bottom: 2px solid #930000;
	position: relative;
	margin: 0 0 2rem 0;
	line-height: 1.8;
}
.panel2 .other h2,.panel2 .other h3.title{
	color: #003a00;
	border-bottom: 3px solid #008700;
}
.panel3 .other h2,.panel3 .other h3.title{
	color: #000d2a;
	border-bottom: 3px solid #1851d4;
}
.panel4 .other h2,.panel4 .other h3.title{
	color:#001f22;
	border-bottom: 3px solid#008894;
}
.panel5 .other h2,.panel5 .other h3.title{
	color: #302700;
	border-bottom: 3px solid #735c00;
}
.panel6 .other h2,.panel6 .other h3.title{
	color: #501c00;
	border-bottom: 3px solid #d04900;
}
.other h2:before,.other h3.title:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2.5px;
	width: 30%;
	height: inherit;
	border-bottom: 3px solid #ffbaa7;
}
.panel2 .other h2:before,.panel2 .other h3.title:before{
	border-bottom: 3px solid #a0cfa0;
}
.panel3 .other h2:before,.panel3 .other h3.title:before{
	border-bottom: 3px solid #c3cce1;
}
.panel4 .other h2:before,.panel4 .other h3.title:before{
	border-bottom: 3px solid #a0cfa0;
}
.panel5 .other h2:before,.panel5 .other h3.title:before{
	border-bottom: 3px solid #e1d399;
}
.panel6 .other h2:before,.panel6 .other h3.title:before{
	border-bottom: 3px solid #ffd3bb;
}
@media (max-width:736px) {
	.other{
		padding: 2rem 1rem;
		margin-top: 5rem;
	}
	.other h2,.other h3.title{
		font-size: 1.6rem;
		margin: 0 0 1rem 0;
		line-height: 1.4;
	}
}

/*osusume_area*/
.osusume_area{
	border: none;
	border-radius: 10px;
	padding: 2rem;
	margin-bottom: 6rem;
	background: #ffd0c3;
}
.panel2 .osusume_area{
	background: #a0cfa0;
}
.panel3 .osusume_area{
	background: #c3cce1;
}
.panel4 .osusume_area{
	background: #a0cfa0;
}
.panel5 .osusume_area{
	background: #e1d399;
}
.panel6 .osusume_area{
	background: #ffd3bb;
}
.osusume_area h4{
	display: flex;
	align-items: flex-end;
	border-bottom: 3px dotted #930000;
	padding:0 15px 10px;
}
.panel2 .osusume_area h4{
	border-color: #008700;
}
.panel3 .osusume_area h4{
	border-color: #1851d4;
}
.panel4 .osusume_area h4{
	border-color: #005d00;
}
.panel5 .osusume_area h4{
	border-color: #735c00;
}
.panel6 .osusume_area h4{
	border-color: #d04900;
}
.osusume_area h4 .hotel_title{
	font-size: 2.0rem;
	color: #930000;
	width: 100%;
	text-align: center;
	line-height: 1.4;
}
.panel2 .osusume_area h4 .hotel_title{
	color: #008700;
}
.panel3 .osusume_area h4 .hotel_title{
	color: #1851d4;
}
.panel4 .osusume_area h4 .hotel_title{
	color:#008894;
}
.panel5 .osusume_area h4 .hotel_title{
	color: #735c00;
}
.panel6 .osusume_area h4 .hotel_title{
	color: #d04900;
}
.osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid #930000;
	background: #930000;
}
.panel2 .osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.panel2 .osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid #008700;
	background: #008700;
}
.panel3 .osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.panel3 .osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid #1851d4;
	background: #1851d4;
}
.panel4 .osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.panel4 .osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid#008894;
	background:#008894;
}
.panel5 .osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.panel5 .osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid #735c00;
	background: #735c00;
}
.panel6 .osusume_area .st2-btn[data-color="11"] .st2-btn__container,
.panel6 .osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__trigger{
	border: 1px solid #d04900;
	background: #d04900;
}
@media (max-width:736px) {
	.osusume_area{
		padding: 1rem;
		margin-bottom: 2rem;
	}
	.osusume_area .st2-pic-block[data-pic-pos=right] .st2-pic-block__container-wrapper:first-child {
		max-width: 100%;
	}
	.osusume_area h4{
		display: block;
		padding:0 15px 5px;
	}
	.osusume_area h4 img{
		max-width: 220px;
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	.osusume_area h4 .hotel_title{
		font-size: 1.4rem;
	}
	.osusume_area h4 .hotel_title .hotel_title_area {
		font-size: 1.0rem;
		padding: 0.3rem 0.5rem;
		margin:0 auto 0.5rem;
		width: 80%;
		display: block;
	}
	.osusume_area .st2-catch{
		margin-bottom: 0.5rem;
	}
	.osusume_area .st2-catch[data-style="2"] p {
		font-size: 1.2rem;
	}
	.osusume_area .st2-paragraph p {
        font-size: 1.0rem;
    }
	.osusume_area .st2-btn[data-color="11"] .st2-btn__container{
		padding: 1rem 2.5rem;
		font-size: 1.2rem;
	}
}