/*=============================
	Sub(Lower)Page setting
===============================*/

/* main_visual
----------------------------------- */
#sub_visual {padding-top:40px; height:150px;position:relative;z-index:0;margin-top:40px;overflow: hidden;}
#sub_visual::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%; background: #fcf6e0;z-index: -1;}
#sub_visual .img { height:150px; position: absolute; right: 0; top: 0; width:60%;z-index:-1;}
#sub_visual .img img{width:100%;height:100%;border-radius:30px 0 0 30px;object-fit: cover;object-position: right top;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual .h1 h1{font-size:40px; line-height: 140%;font-weight: 400;letter-spacing: 4px;font-family: "Zen Maru Gothic", serif;font-weight:600;}
#sub_visual .h1 .ttl{font-size:14px;line-height:200%;font-family: "Zen Maru Gothic", serif;font-weight:700;color:#ad7421;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:60px; height:250px;position:relative;z-index:0;margin-top:70px;overflow: hidden;}
#sub_visual::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%; background: #fcf6e0;z-index: -1;}
#sub_visual .img { height:250px; position: absolute; right: 0; top: 0; width:60%;z-index:-1;}
#sub_visual .img img{width:100%;height:100%;border-radius:30px 0 0 30px;object-fit: cover;object-position: center;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual .h1 h1{font-size:60px; line-height: 140%;font-weight: 400;letter-spacing: 4px;font-family: "Zen Maru Gothic", serif;font-weight:600;}
#sub_visual .h1 .ttl{font-size:20px;line-height:200%;font-family: "Zen Maru Gothic", serif;font-weight:700;color:#ad7421;}
}
@media screen and (min-width:1025px) {
#sub_visual {padding-top:120px; height:400px;position:relative;z-index:0;margin-top:120px;overflow: hidden;}
#sub_visual::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%; background: #fcf6e0;z-index: -1;}
#sub_visual .img { height:380px; position: absolute; right: 0; top: 0; width:60%;z-index:-1;}
#sub_visual .img img{width:100%;height:100%;border-radius:30px 0 0 30px;object-fit: cover;object-position: center;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:5%;}
#sub_visual .h1 h1{font-size:80px; line-height: 140%;font-weight: 400;letter-spacing: 4px;font-family: "Zen Maru Gothic", serif;font-weight:600;}
#sub_visual .h1 .ttl{font-size:20px;line-height:200%;font-family: "Zen Maru Gothic", serif;font-weight:700;color:#ad7421;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; margin-bottom:0;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 14px; text-align:right; display:block;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0 0 30px 0;background:#fcf6e0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:50px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:100px;}
#sub_contents .sub_ttl.mt10 {text-align:center;margin-top:10px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:24px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-family: "Zen Maru Gothic", serif;font-weight: bold;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:-20px;display: inline-block;width:35px;height:35px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:15px; display: block;margin-bottom:0px;font-family: "Zen Maru Gothic", serif;font-weight: bold;color: #e6b85c;letter-spacing: 0.1em;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 150%;}
#sub_contents .tcen{text-align:left;}
#sub_contents .f13 {font-size:13px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 40px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .mb0{padding-bottom:0px;}
#sub_contents .sub_bg{background:#fff;padding: 40px 0;z-index:0;}
@media screen and (min-width:768px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;background:#fcf6e0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section.mt0{max-width: 94%; margin: 0px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;}
#sub_contents .sub_ttl.mt10 h2{text-align:center;margin-top:10px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:35px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;"Zen Maru Gothic", serif;font-weight: bold;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:-15px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;}
#sub_contents .txt_cen{ text-align: center; font-size:28px; line-height: 200%;}
#sub_contents .tcen{text-align:center;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:#fff;padding: 0px 0 40px;z-index:0;}
}
@media screen and (min-width:1025px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
#sub_contents .section.mt0{max-width: 1280px; margin: 0px auto 100px;position: relative;}
}
@media screen and (min-width:1500px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
#sub_contents .section.mt0{max-width: 1280px; margin: 0px auto 100px;position: relative;}
}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 30px;}
#sub_contents .anker__item{width: 100%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;border-radius: 0;background: #412500;border-radius: 9999px;color: #fff;}
#sub_contents .anker__item a:hover {background: #452f0d;color:#fff;}
#sub_contents .anker__item p {line-height: 50px;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-60px;padding-top:60px;}
@media screen and (min-width:299px) {
#sub_contents .anker__items{column-gap: 1%;}
#sub_contents .anker__item{width: 100%; height: 45px;}
#sub_contents .anker__item a{line-height: 45px;}
#sub_contents .anker__items{column-gap: 3%;}
}
@media screen and (min-width:525px) {
#sub_contents .anker__items{row-gap: 25px;}
#sub_contents .anker__item{width: 45%;}
#sub_contents .anker__item.menu_btn{width:50%;}
}
@media screen and (min-width: 768px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 20px;}
#sub_contents .anker__item.w20 {width: 45%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__item{width: 22%;}
#sub_contents .anker__item.w20 {width: 19%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}

/* about
-----------------------------*/
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:0px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px;background:#e6b85c;color:#412500; text-align:center;font-weight: bold; letter-spacing: 0.1em;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}
#sub_contents .access_area{column-gap: 4%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:100%;}
#sub_contents .access_list img{width:100%; border-radius:10px;}
#sub_contents .sub_map{width:100%;}

#sub_contents .center_img{width:100%;text-align: center;margin: 0 auto 50px;}
#sub_contents .center_img img{width:800px;text-align: center;margin: 0 auto;border-radius: 10px;}

@media screen and (min-width:768px) {
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info .tr:nth-child(2n){background:rgba(255,255,255,0.5);}
#sub_contents .tbl_info .th{width:24%;padding:15px 25px;text-align:center;}
#sub_contents .tbl_info .td{width:72%;padding:15px 0px;}
#sub_contents .access_area{column-gap: 4%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:48%;}
#sub_contents .center_img{width:100%;text-align: center;margin: 0 auto 50px;}
#sub_contents .center_img img{width:800px;text-align: center;margin: 0 auto;border-radius: 10px;}
}
@media screen and (min-width:1024px) {
#sub_contents .access_area{column-gap: 1%;row-gap: 10px;}
#sub_contents .access_list{width:49%;}
}

/* hotel
----------------------------------- */
#sub_contents .comm_textBox .img{width: 60%; margin: 0 auto 30px; position:relative;}
#sub_contents .comm_textBox .img img{border-radius: 10px;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:20px;} 
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Zen Maru Gothic", serif;}
#sub_contents .comm_textBox .textarea .ttl_ja {font-size:16px;font-weight: 500;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea p {line-height:2;} 
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: dashed 1px #412500;margin-bottom: 10px;font-weight: bold;font-size: 17px;} 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:15px;margin-bottom:10px;text-align:center;font-weight: 500;}
#sub_contents .concept_area .txt.sub_phone {font-size:25px;font-weight: bold;}
#sub_contents .concept_area .txt.sub_sub_ttl {font-size:15px;text-align:center;font-weight: bold;border-bottom: solid 2px #412500; display: inline-block;margin: 0 auto 10px;position: relative;}
#sub_contents .concept_area p {line-height:2;font-size:14px;text-align:left;}
#sub_contents .concept_area a.sub_contact_url {font-size:16px;text-align:center;margin:0 auto;}
#sub_contents .concept_area p.colred {color: #ee0101;}
#sub_contents .concept_img{column-gap: 3%;}
#sub_contents .concept_img .li {width:45%;margin-bottom:10px;}
#sub_contents .concept_img .li img{width:100%;}

#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width:100%; border-radius: 10px;}
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#sub_contents .tbl_menu .th {width: 100%;padding: 10px 0 0 0;border-bottom: none;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 100%;text-align: left;padding: 0 0 10px 0;line-height: 1.6;border-bottom: 1px solid #412500;}
#sub_contents .tbl_menu .th p{font-weight:600;padding-left: 10px;}
#sub_contents .tbl_menu .td p{font-weight:500;text-align: left;padding-left: 10px;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 22px;font-weight:bold;text-align: left;border-left: 5px solid #412500; line-height: 1.5;position: relative;font-weight: bold;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:17px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; border-radius: 10px; background: #412500;}

#sub_contents .attention_bg{background: rgb(255 255 255 / 100%); padding:25px 15px; position: relative; border-radius:10px;}
#sub_contents .attention_bg .txt_cen{text-align:left; font-weight:bold; font-size:16px;line-height: 200%;}

@media screen and (min-width:768px) {
#sub_contents .menu_img img{max-width: 900px;width: 100%;}
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 60%;padding: 15px 0;border-bottom: 1px solid #412500;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 40%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #e6b85c;}
#sub_contents .menu_ttl {font-size: 25px;margin-top:5px;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}

#sub_contents .attention_bg::before {position: absolute;bottom: -8px;right: -8px;width: 100%; height:100%;background:none; border-radius:10px; border: 1px solid #e6b85c;content: '';z-index: 1;}
#sub_contents .attention_bg .txt_cen{text-align:center; font-size:16.5px;line-height: 220%;}
  
#sub_contents .concept_area .txt.sub_phone {font-size:35px;font-weight: bold;}
}

@media screen and (min-width:1024px) {
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 45%;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Zen Maru Gothic", serif;}
#sub_contents .comm_textBox .textarea .ttl_ja {font-size:20px;font-weight: 500;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: dashed 1px #e6b85c;font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: bold;margin-top: 20px;} 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:25px;margin-bottom:20px;}
#sub_contents .concept_area .txt.sub_phone {font-size:45px;font-weight: bold;}
#sub_contents .concept_area .txt.sub_sub_ttl {font-size:25px;margin-bottom:20px;text-align:center;font-weight: bold;border-bottom: solid 2px #412500; display: inline-block;}
#sub_contents .concept_area p {line-height:2;font-size:16px;text-align: center;}
#sub_contents .concept_area a.sub_contact_url {font-size:20px;text-align:center;margin: 0 auto;}
#sub_contents .concept_img{column-gap: 2%;}
#sub_contents .concept_img .li {width:23%;margin-bottom:0;}
#sub_contents .concept_img .li img{width:100%;}
#sub_contents .concept_img .li:nth-child(even){padding-top:50px; }

#sub_contents .comm_textBox.comm_staff .img{width: 20%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox.comm_staff .textarea {width: 65%;}

#sub_contents .menu_img img{max-width: 900px;width: 100%;}

#sub_contents .attention_bg .txt_cen{text-align:center; font-size:20px;}
}

/* equipment
----------------------------------- */
#sub_contents .sub_pro_area {row-gap:80px;width:90%;margin:0 auto;}
#sub_contents .sub_pro_area .item{width:100%;}
#sub_contents .sub_pro_area .item .img {margin-bottom:10px;}
#sub_contents .sub_pro_area .item .img img {border-radius: 10px;}
#sub_contents .sub_pro_area .item .price {font-size:13px;text-align:left;}
#sub_contents .sub_pro_area .item .sub_pro_ttl p{font-size:17px;text-align:left;margin-bottom:10px;font-weight: bold !important;border-bottom: dashed 1px #e6b85c;}
#sub_contents .sub_pro_area .item .sub_pro_p {font-size:14px;color:#412500;}

#sub_contents .sub_pro_area .item .sub_pro_ttl.col_green p{font-size:17px;text-align:left;margin-bottom:10px;font-weight: bold !important;border-bottom: dashed 1px #2f9f49}
#sub_contents .sub_pro_area .item.col_green {width:100%;}
@media screen and (min-width: 768px) {
#sub_contents .sub_pro_area {row-gap:80px;width:90%;gap:14px;}
#sub_contents .sub_pro_area .item{width:45%;}
#sub_contents .sub_pro_area .item .img {margin-bottom:10px;}
#sub_contents .sub_pro_area .item .price {font-size:14px;text-align:left;}
#sub_contents .sub_pro_area .item .sub_pro_ttl {font-size:16px;text-align:left;margin-bottom:10px;}
#sub_contents .sub_pro_area .item .sub_pro_p {font-size:15px;color:#412500;}
}
@media screen and (min-width: 1025px) {
#sub_contents .sub_pro_area {width:90%;margin:0 auto;gap:14px;row-gap:40px;}
#sub_contents .sub_pro_area .item{width:45%;}
#sub_contents .sub_pro_area .item .img {margin-bottom:10px;}
#sub_contents .sub_pro_area .item .price {font-size:14px;text-align:left;}
#sub_contents .sub_pro_area .item .sub_pro_ttl {font-size:18px;text-align:left;margin-bottom:10px;font-weight: bold !important;}
#sub_contents .sub_pro_area .item .sub_pro_p {font-size:15px;color:#412500;}
#sub_contents .sub_pro_area .item.col_green {width:45%;}
}

/* faq
----------------------------------- */
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;background: #412210;position: relative;color:#fff;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;border: 1px solid #412210;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#fff;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #412210;}

/* contact
----------------------------------- */
#sub_contents .qr_img  {text-align: center;}
#sub_contents .qr_img img {text-align: center;position: relative;margin: 0 auto;width: 100px;height: auto; object-fit: cover;margin-top: 20px;}

@media screen and (min-width: 768px) {
#sub_contents .qr_img img {text-align: center;position: relative;margin: 0 auto;width: 200px;height: auto; object-fit: cover;margin-top: 20px;}
}