/*============================
  sub-visual
============================*/
.main {
  position: relative;
}
.main::before {
 position: absolute;
  content:"";
  background: #efdcdd;
  width:100%;
  height:100%;
  top:50px;
  left:0;
  z-index: -1;
}

.sub_mv {
  height: 200px;
  width:100%;
  position: relative;
  /* background: url(../images/sub_mv.png) no-repeat top center / cover ; */
  background: url(../images/sub_mv_260416.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_shop01 {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_shop01.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_shop02 {
  height: 200px;
  width:100%;
  position: relative;
  /* background: url(../images/sub_mv_shop02.png) no-repeat top center / cover ; */
  background: url(../images/sub_mv_shop02_260416.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_shop03 {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_shop03.png) no-repeat center center / cover ;
  margin-top:50px
}
.sub_mv_stay {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_stay.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_reco {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_reco.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_news {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_news.png) no-repeat top center / cover ;
  margin-top:50px
}
.sub_mv_com {
  height: 200px;
  width:100%;
  position: relative;
  background: url(../images/sub_mv_com.png) no-repeat top center / cover ;
  margin-top:50px
}
.submain_ttl {
  font-size: 24px;
  font-weight: 350;
  letter-spacing: .1em;
  display: block;
  margin-bottom: 0px;
  color:#fff;
}
.submain_txt {
  font-weight: 500;
  letter-spacing: .2em;
  display: block;
}
.submain_box{
  width: 100%;
  position:absolute;
  display: block;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*text-shadow: #fff 10px 1px 10px;*/
}
@media screen and (min-width: 768px) {
.sub_mv {
  height: 400px;
}
.sub_mv_shop01 {
  height: 400px;
}
.sub_mv_shop02 {
  height: 400px;
}
.sub_mv_shop03 {
  height: 400px;
}
.sub_mv_stay {
  height: 400px;
}
.sub_mv_reco {
  height: 400px;
}
.sub_mv_news {
  height: 400px;
}
.sub_mv_com {
  height: 400px;
}
.submain_ttl {
  font-size:36px;
}
.submain_txt {
  font-size:18px;
}
}
@media screen and (min-width: 1024px) {
.sub_mv{
  height: 550px;
}
.sub_mv_shop01{
  height: 550px;
}
.sub_mv_shop02{
  height: 550px;
}
.sub_mv_shop03{
  height: 550px;
}
.sub_mv_stay{
  height: 550px;
}
.sub_mv_reco{
  height: 550px;
}
.sub_mv_news{
  height: 550px;
}
.sub_mv_com{
  height: 550px;
}
.submain_box{
  top: 50%;
  /*text-shadow: #fff 1px 1px 20px;*/
}
.submain_ttl {
  font-size:48px;
}
.main::before {
 position: absolute;
  content:"";
  background: #efdcdd;
  width:100%;
  height:100%;
  top:50px;
  left:0;
}
}

@media screen and (min-width: 1025px) {
.sub_mv,.sub_mv_shop01,.sub_mv_shop02,.sub_mv_shop03,.sub_mv_stay,.sub_mv_reco,.sub_mv_news,.sub_mv_com {
  margin-top:0px
}
}
@media screen and (min-width: 1280px) {
.sub_mv{
  height: 650px;
}
.sub_mv_shop01{
  height: 650px;
}
.sub_mv_shop02{
  height: 650px;
}
.sub_mv_shop03{
  height: 650px;
}
.sub_mv_stay{
  height: 650px;
}
.sub_mv_reco{
  height: 650px;
}
.sub_mv_news{
  height: 650px;
}
.sub_mv_com{
  height: 650px;
}
.submain_ttl {
  font-size:48px;
}
.submain_txt {
  font-size:20px;
}
}
@media screen and (min-width: 1700px) {
.sub_mv{
  height: 850px;
}
.sub_mv_shop01{
  height: 850px;
}
.sub_mv_shop02{
  height: 850px;
}
.sub_mv_shop03{
  height: 850px;
}
.sub_mv_stay{
  height: 850px;
}
.sub_mv_reco{
  height: 850px;
}
.sub_mv_news{
  height: 850px;
}
.sub_mv_com{
  height: 850px;
}
.submain_ttl {
font-size: 80px;
}
.submain_txt {
  font-size:24px;
}
}
/*----------------------------
 bread_crumb_list
-----------------------------*/
.breadcrumb{
  font-size: 10px;
  margin-bottom:0;
  background: #fff1d6;
  color:#000;
}
.breadcrumb p{
  margin-left: auto;
}
.breadcrumb a{
color: #7d7d7d;
}
@media screen and (min-width:768px) {
.breadcrumb{
font-size: 14px;
}
}
@media screen and (min-width:1024px) {
.breadcrumb p{
  margin-right:20px;
}
}
  
/* anker link */
.anker__items{
column-gap: 4%;
  row-gap: 10px;
}
.anker__item{
width: 100%;
height: 45px;
position: relative;
display: block;
}
.anker__item a,.anker__item a p{
display: block;
text-align: center;
line-height: 45px;
color:#fff;
transition: all .5s;
background: #e60012;
  border-radius: 30px;
}
.anker__item a,.anker__item a p:hover{
 background: #fff;
 color:#e60012;
 border: 1px solid #e60012;
}
@media screen and (min-width:525px) {
.anker__items{
  row-gap: 20px;
}
.anker__item{
  width: 48%;
}
}
@media screen and (min-width:1024px) {
.anker__items{
column-gap: 2%;
}
}

.back_btn a{
    background: #7f1210;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
  }

/* 背景 */
.sub_bg {
  background: url(../images/bg_sub.png) no-repeat top center / cover ;
}
.sub_bg01 {
  background: url(../images/sub-concept_01.png) no-repeat top center / cover ;
}
.sub_bg02 {
  background: url(../images/sub_bg02.png) no-repeat top center / cover ;
}
.sub_bg03 {
  background: url(../images/sub_bg03.png) no-repeat top center / cover ;
}

#item01,#item02,#item03,#item04,#item05{
 margin-top:-80px;
 padding-top:80px;
}
@media screen and (min-width:1024px) {
#item01,#item02,#item03,#item04,#item05{
 margin-top:-120px;
 padding-top:120px;
}
}
/*============================
 company
============================*/
.illust_com01{
  position:absolute;
  content:"";
  width:80px;
  height:200px;
  top:-15%;
  right:0%;
}
.illust_com02{
  position:absolute;
  content:"";
  width:150px;
  height:100px;
  top:-5%;
  right:0%;
}
/* -----Table----- */
.table01 .tr{
  display: block;
}
.table01 .th{
  width: 100%;
  padding:20px 0 0px 15px;
  border-bottom:none;

}
.table01 .th p{
 font-weight:bold;
}
.table01 .td{
  width: 100%;
  padding: 5px 0 5px 15px;
  border-bottom:1px dashed #d9d8c6;
}
.illust_img{
  column-gap: 4%;
  row-gap: 20px;
}
.illust_img .img{
  width:130px;
}
@media screen and (min-width:768px) {
  
/* -----Table----- */
.table01 .tr{
display: flex;
justify-content: flex-start;
}
.table01 .th{
width: 25%;
padding: 30px 20px 10px;
line-height: 1.6;
border-bottom:3px solid #e60012;
  
}
.table01 .td{
width: 75%;
padding: 30px 20px 10px;
line-height: 1.6;
border-bottom:1px dashed #d9d8c6;
} 
}


/*============================
recommend
============================*/
.illust_reco01{
  position:absolute;
  content:"";
  width:150px;
  height:50px;
  top:0%;
  left:0%;
}
.illust_reco02{
  position:absolute;
  content:"";
  width:150px;
  height:50px;
  top:0%;
  right:0%;
}
/* flexbox */
.textBox .img{
  width: 100%;
  margin-bottom: 20px;
  position:relative;
} 
.textBox .textarea {
  width: 100%;
}
.area_ttl{
  font-size:17px;
  font-weight:bold;
  text-shadow:1px 1px 0 #f76a00, -1px -1px 0 #f76a00,
              -1px 1px 0 #f76a00, 1px -1px 0 #f76a00,
              0px 1px 0 #f76a00,  0-1px 0 #f76a00,
              -1px 0 0 #f76a00, 1px 0 0 #f76a00;
  color:#fff;
}
.area_img{
  width:100%;
}
@media screen and (min-width:768px) {
.illust_reco01{
  width:250px;
  height:50px;
}
.illust_reco02{
  width:250px;
  height:50px;
}
.area_img{
  width:70%;
  margin-inline: auto;
}
.area_ttl{
  font-size:20px;
}
}
@media screen and (min-width:1024px) {
.illust_reco01{
  width:250px;
  height:50px;
}
.illust_reco02{
  width:250px;
  height:50px;
}
/* flexbox */
.textBox .img{
  width: 45%;
  margin-bottom: 0px;
  position:relative;
} 
.textBox .textarea {
  width: 53%;
}
.area_ttl{
  font-size:24px;
}
}
@media screen and (min-width:1400px) {
.illust_reco01{
  width:450px;
  height:100px;
}
.illust_reco02{
  width:450px;
  height:100px;
}
}
/*============================
stay
============================*/
.sub_stay_bg{
  background: url(../images/bg_sub-stay.png) no-repeat top center / cover ;
  width:100%;
}
.stay_list{
  border-bottom:1px dashed #d9d8c6;
  padding-bottom:10px;
  margin-bottom:10px;
}
.stay_ttl{
  color:#fff;
  background:#e60012;
  padding:3px 20px;
  border-radius: 30px;
  margin-right:10px;
}
.stay_option{
  background:#fff;
  padding:15px;
  color:#000;
}
.stay_option_new{
  background: none;
}
.option_ttl{
  border-bottom:1px solid #e60012;
  padding-bottom:10px;
  margin-bottom:10px;
}
.plan_btn{
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width:1024px) {
.stay_list{
  display:block;
} 
.stay_ttl{
  width: fit-content;
}
.stay_txt{
  font-size:14px;  
}
.stay_option_20250305 {
    background:none;
    color:#fff;
}
}

/*============================
concept
============================*/
.sub-concept_01 {
  width:100%;
  background: url(../images/sub-concept_01.png) no-repeat top center / cover ;
}
.img_icon01{
  position:absolute;
  content:"";
  width:100px;
  height:100px;
  top:-10%;
  left:0;
}
.con_ttl{
  font-size:17px;
  font-weight:bold;
  text-shadow:1px 1px 0 #f76a00, -1px -1px 0 #f76a00,
              -1px 1px 0 #f76a00, 1px -1px 0 #f76a00,
              0px 1px 0 #f76a00,  0-1px 0 #f76a00,
              -1px 0 0 #f76a00, 1px 0 0 #f76a00;
  color:#fff;
}
.access_lists{
 display:block;
}
.access_list:not(:last-child){
  border-bottom:1px dashed #d9d8c6;
  padding-bottom:10px;
  margin-bottom:10px;
}
.access_txt{
  position: relative;
  padding-left:20px;
}
.access_txt::before{
  position: absolute;
  content:"";
  background:#e60012;
  width:10px;
  height:10px;
  border-radius: 30px;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.reserve_area{
  column-gap: 4%;
  row-gap: 10px;
}
.reserve_list{
 max-width:250px;
  width:100%;
}
.map_img{
  background:#fff;
  padding:15px;
}
@media screen and (min-width:768px) {
.img_icon01{
  top:-5%;
  left:0;
}
.access_lists{
 display:flex;
  column-gap: 8%;
  border-bottom:1px dashed #d9d8c6;
  padding-bottom:10px;
  margin-bottom:10px;
}
.access_list:not(:last-child){
  border-bottom:0px dashed #d9d8c6;
  padding-bottom:0px;
  margin-bottom:0px;
}
}
@media screen and (min-width:1024px) {
.con_ttl{
  font-size:26px;
}
}

/*============================
shop01
============================*/
.kinken_area{
  background:#fff1d6;
  padding:30px
}
.kinken_txt{
 font-size:16px;
  font-weight:bold;
  color:#e10413;
}
.kinken_area img{
 max-width:600px;
}
@media screen and (min-width:768px) {
.sub-shop01_con{
  position: relative;  
}
.sub-shop01_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  top: -1%;
  right: 8%;
  width: 100px;
  height: 100px;
  z-index: 1;
}
}
@media screen and (min-width:1024px) {
.sub-shop01_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  top: -2%;
  right: 10%;
  width: 130px;
  height: 130px;
  z-index: 1;
}
.kinken_txt{
 font-size:18px;
}
}
@media screen and (min-width:1600px) {
.sub-shop01_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  top: -2%;
  right: 20%;
  width: 150px;
  height: 150px;
  z-index: 1;
}
}
/*============================
shop02
============================*/
.illust01{
  position:absolute;
  content:"";
  width:150px;
  height:50px;
  bottom:-15%;
  left:-10%;
  z-index: -1;
}
.illust02{
  position:absolute;
  content:"";
  width:200px;
  height:50px;
  top:-15%;
  right:-10%;
  z-index: -1;
}
.illust03{
  position:absolute;
  content:"";
  width:100px;
  height:300px;
  top:0%;
  left:-20%;
  z-index: -1;
}
.illust04{
  position:absolute;
  content:"";
  width:100px;
  height:50px;
  bottom:0%;
  left:-10%;
  z-index: -1;
}
.sub-shop02_con{
  position: relative;  
}
.recomm_menu{
 row-gap: 20px;
 column-gap: 2%;
}
.menu_ttl{
 font-size:16px;
 color:#f76a00;
}
.menu_pdf_list{
  row-gap: 20px;
  column-gap: 4%;
}
.menu_pdf{
  width:100%;
}
.shop2_ttl{
 font-size:22px;
}
@media screen and (min-width:768px) {
.sub-shop02_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill02.png) no-repeat center center / contain ;
  top: -1%;
  right: 8%;
  width: 100px;
  height: 100px;
  z-index: 1;
}
.recomm_list{
 width:48%;
}
.menu_pdf{
  width:48%;
}
}
@media screen and (min-width:1024px) {
.sub-shop02_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill02.png) no-repeat center center / contain ;
  top: -2%;
  right: 10%;
  width: 130px;
  height: 130px;
  z-index: 1;
}
.recomm_list{
 width:31%;
}
.menu_ttl{
 font-size:18px;
}
.menu_pdf{
  width:30%;
}
.shop2_ttl{
 font-size:24px;
}
}
@media screen and (min-width:1600px) {
.sub-shop02_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill02.png) no-repeat center center / contain ;
  top: -2%;
  right: 20%;
  width: 150px;
  height: 150px;
  z-index: 1;
}
}
/*============================
shop03
============================*/
.sub-shop03_con {
  width:100%;
  background: url(../images/bg_gallary.png) no-repeat top center / cover ;
}
.site_map{
  max-width:1200px;
  width:100%;   
}

/* -----Table----- */
.table02 .tr{
  display: block;
  border-bottom:1px dashed #d9d8c6;
}
.table02 .th{
  width: 100%;
  padding:20px 0 0px 15px;
  border-bottom:none;
  font-weight:bold;
}
.table02 .td{
  width: 100%;
  padding: 5px 0 5px 15px;
}
.shop03_img{
 width:100%;
}
.illust_shop03_02_left{
  position: absolute;
  content: "";
  width: 200px;
  top: 0%;
  left: 0%;
}
.illust_shop03_02_right{
  position: absolute;
  content: "";
  width: 200px;
  top: 0%;
  right: 0%;
}
.illust_shop03_left{
  position: absolute;
  content: "";
  width: 80px;
  top: 0%;
  left: 0%;
}
.illust_shop03{
  position: absolute;
  content: "";
  width: 150px;
  top: 0%;
  right: 0%;
}
.illust_ya{
  position: absolute;
  content: "";
  width: 120px;
  top: 10px;
  left: 0%;
}
@media screen and (min-width:768px) {
.sub-shop03_con{
  position: relative;  
}
.sub-shop03_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  bottom: -10%;
  left: 10%;
  width: 100px;
  height: 100px;
  z-index: 1;
}
.sub-shop03_con::after{
  position: absolute;
  content: "";
  background: url(../images/shop_ill03.png) no-repeat center center / contain ;
  top: 10%;
  right: 10%;
  width: 120px;
  height: 120px;
  z-index: 1;
}
/* -----Table----- */
.table02 .tr{
display: flex;
justify-content: flex-start;
}
.table02 .th{
width: 30%;
padding: 30px 20px 10px;
line-height: 1.6;
}
.table02 .td{
width: 70%;
padding: 30px 20px 10px;
line-height: 1.6;
} 
.illust_shop03_02_left{
  width: 300px;
}
.illust_shop03_02_right{
  width: 300px;
}
.illust_shop03{
  width: 280px;
  height: 280px;
}
.illust_ya{
  width: 150px;
  top: 50px;
  left: 50px;
}
}
@media screen and (min-width:1024px) {
.sub-shop03_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  bottom: -15%;
  left: 10%;
  width: 150px;
  height: 150px;
  z-index: 1;
}
.sub-shop03_con::after{
  position: absolute;
  content: "";
  background: url(../images/shop_ill03.png) no-repeat center center / contain ;
  top: 10%;
  right: 10%;
  width: 150px;
  height: 150px;
  z-index: 1;
}
.illust_shop03_02_left{
  width: 400px;
}
.illust_shop03_02_right{
  width: 400px;
}
.illust_shop03_left{
  width: 150px;
  top:10%;
  left:5%
}
.illust_shop03{
  width: 350px;
}
.illust_ya{
  width: 200px;
  top: 50px;
  left: 150px;
}
}
@media screen and (min-width:1600px) {
.sub-shop03_con::before{
  position: absolute;
  content: "";
  background: url(../images/shop_ill01.png) no-repeat center center / contain ;
  bottom: -15%;
  left: 20%;
  width: 150px;
  height: 150px;
  z-index: 1;
}
.sub-shop03_con::after{
  position: absolute;
  content: "";
  background: url(../images/shop_ill03.png) no-repeat center center / contain ;
  top: 10%;
  right: 20%;
  width: 180px;
  height: 180px;
  z-index: 1;
}
.illust_ya{
  width: 250px;
  top: 50px;
  left: 150px;
}
}
/*============================
news
============================*/
.sub-news .inner__sub::before{
  position: absolute;
  content: "";
  background: url(../images/sub_illust01.png) no-repeat top center / contain ;
  bottom: 0%;
  left: 5%;
  width: 100px;
  height: 150px;
}
.sub-newsdatail .inner__sub::before{
  position: absolute;
  content: "";
  background: url(../images/sub_illust01.png) no-repeat top center / contain ;
  top: -5%;
  right: 5%;
  width: 80px;
  height: 100px;
}
.newsttl{
 font-size:18px;
}
.news_btnarea{
  row-gap: 10px;
  column-gap: 2%;
}
.news_list{
  max-width:400px;
  width:100%;
}
@media screen and (min-width:768px) {
.newsttl{
 font-size:24px;
}
.news_list{
  width:48%;
}
}
@media screen and (min-width:1720px) {
.sub-news .inner__sub::before{
  bottom: 0%;
  left: -15%;
  width: 200px;
  height: 250px;
}
.sub-newsdatail .inner__sub::before{
  top: -5%;
  right: 5%;
  width: 150px;
  height: 180px;
}
}