@charset 'utf-8';

@import url('../../../../common/css/reset.css');
@import url('../../../../common/css/layout.css');	
@import url('../../../common/css/internal_links.css');
/*@import url(' ../../css/contact_style.css');*/
.f-footer a{
color: #FFFFFF;	
}
.f-header a{
color: #000000;	
}
.f-header-sub-content a{
color: #FFFFFF;	
}

body {
background:#fff;
font-family: 'Noto Sans JP', sans-serif;	
/*font-family: dnp-shuei-nmincho-std, sans-serif;*/
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
font-size: 14.5px;
line-height: 1.4;
}
#container{
clear: both;
width: auto;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*-- float --*/
.left {	float: left;}
.right { float: right;}

/*--font調整--*/
.bold{font-weight: bold;}
.just{text-align:justify;text-justify:distribute;}
a, a:link {
    text-decoration: none !important;
}
.center{text-align: center;}
.s_font{font-size:90%;}

/*--webアイコン調整用--*/
.fa{margin-right: 7px;}
/*-- clearfix --*/
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/*-- 画像位置 --*/
img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
/*-- pc用画像 --*/
.pc {display: block;}
.tb {display: block;}
.sp {display: none;}


/*--------------------パンくず */
#pankuzu ul{
    overflow: auto;
    padding: 0 10px;
    _zoom: 1;
}
#pankuzu li{
    float: left;
    list-style: none;
}
#pankuzu li + li:before{
    margin: 0 8px;
    content: '>';
}
/*--------------------調整*/
/*----------  flex------------*/
.flax_container {
	display: flex;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	flex-flow: row nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
}
ul.flax_container{
width: 100%;
}
ul.flax_container li{
width: calc(100%/2);
text-align: center;
} 
/*-----------------------------------------------------------------------main*/

#main ul.ul_main{
display: flex;
}
#main ul.ul_main_smart{
display: none;
}
#main ul li.main-logo{
width: 300px;
text-align: left;
margin-top: 20px;
}
#main ul li.main-logo img{
width: 250px;
}
#main ul li.main-title{
width: 600px;
padding-top: 60px;
}
#sche{
display: none;
}

/*-----------------------------------------------------------------------top*/



#home{
	background-image: url("../img/bg_pattern_pc.png");
	background-size: 100%;
	min-width: 100vh;
	text-align: center;	
      display: block;
}

    .top_img_pc {
		width:100%;
		padding: 10px 50px 10px;
      justify-content: center;
    }



/*タイトル*/
    .title-image_pc {
      width: 100%;
      max-width: 1000px;
      margin: -250px auto 20px;
      display: block;
    }



/*タイトルしたテキスト*/
    .description {
      max-width: 800px;
text-align: left;
	margin-top: 10em;
      margin: 0 auto;
font-family: dnp-shuei-nmincho-std, sans-serif;
padding: 33px 50px 33px;
background-image: url("../img/bg_pc.png");
background-size: contain;
background-repeat: no-repeat;
      font-size: 16px;
      line-height: 2.0;
    }

    .description small {
	text-align: center;	
      display: block;
      margin-top: 2em;
      font-size: 14px;
	padding-bottom: 100px;
      color:#000000;
    }


/*----------------------------------------------------------------middle*/


.middle {  background-size: 100%;
	background-position: center top;
	background-repeat: repeat-y;
	padding-top: 30px;
	padding-bottom: 50px;
	font-family: dnp-shuei-nmincho-std, sans-serif;
}


#hotel{
	background-image: url("../img/nunkatsubg_middle.png");
	min-width:10vh;
	text-align: center;
}

/*----------------------------------------------------------------button*/
 
    .tab-buttons {
      display: flex;
      gap: 5px;
	justify-content: center;
      margin-bottom: 10px;
      flex-wrap: wrap;
    }

    .tab-buttons button {
     
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size: 18px;
      color: white;
      border: none;
      border-radius: 50px;
      cursor: pointer;
		
    }

 
.tab-btn{
	margin-top: 100px;
		margin-bottom: 100px;	 	
}
 .tab1{
	 background-color: #548047;
	padding: 10px 40px;	 
     }
.tab2{
	 background-color: #45764f;
	padding: 10px 15px;
     }
.tab3{
	 background-color: #406d65;
	padding: 10px 65px;
     }
.tab4{
	 background-color: #4b707b;
	padding: 10px 45px;
     }
.tab5{
	 background-color: #4d6176;
	padding: 10px 50px;
     }

/*アクティブ状態色ちょっと濃く*/
.tab-btn.active.tab1{background-color: #3F7031}
.tab-btn.active.tab2{background-color: #30673B}
.tab-btn.active.tab3{background-color: #1E564C}
.tab-btn.active.tab4{background-color: #2E5A67}
.tab-btn.active.tab5{background-color: #304963}




/*----------------------------------------------------------------tab_content*/


.tab-content {
      display: none;
      padding: 15px;
      background: #f9e9e5;
      background-position: center top;
	  width: 1100px;
	  border: none;
      border-radius: 20px;
      margin: auto;
    }

    .tab-content.active {
      display: block;
    }

    .tab-content.active.cityname01 {
      background-color: initial;
	  margin-bottom:  30px;
	  width: 300px;
	  padding: 20px 0px ;
      border: none;
      background-color: #548047;
      border-radius: 50px;
      font-size: 28px;
	  color: #FFFFFF;
    }

    .tab-content.active.cityname02 {
      background-color: initial;
	  margin-bottom:  30px;
	width: 300px;
	  padding: 20px 0px;
      border: none;
      background-color: #45764f;
      border-radius: 50px;
      font-size: 28px;
	  color: white;	
    }

    .tab-content.active.cityname03 {
      background-color: initial;
	  margin-bottom:  30px;
	width: 300px;
	  padding: 20px 0px;
      border: none;
      background-color: #406d65;
      border-radius: 50px;
      font-size: 28px;
	  color: white;	
    }

    .tab-content.active.cityname04 {
      background-color: initial;
	  margin-bottom:  30px;
	width:300px;
	  padding: 20px 0px;
      border: none;
      background-color: #4b707b;
      border-radius: 50px;
      font-size: 28px;
	  color: white;	
    }
    .tab-content.active.cityname05 {
      background-color: initial;
	  margin-bottom:  30px;
	width: 300px;
	  padding: 20px 0px;
      border: none;
      background-color: #4d6176;
      border-radius: 50px;
      font-size: 28px;
	  color: white;	
    }


#tab01{
      border: 1px solid #548047;
      /* color: #548047;*/
    }
	  
#tab02{
      border: 1px solid #45764f;
/*color: #45764f;*/
    }
#tab03{
      border: 1px solid #406d65;
/*color: #406d65;*/
    }
#tab04{
      border: 1px solid #4b707b;
/*color: #4b707b;*/
    }
#tab05{
      border: 1px solid #4d6176;
/*color: #4d6176;*/
    }
/*----------------------------------------------------------------card01*/
    .card01-container {
      display: flex;
	  flex-direction:column;
		 justify-content: center;
    }

    .area01{    
	  padding: 15px 20px 15px;
      font-size: 28px;
	  color: #3F7031;
	background-image: url("../img/deco_flower.png");
	background-size:40%;
	background-position: center;
	background-repeat: no-repeat;
	
}


    .card01 {
     overflow: hidden;
      width: 900px;justify-content: center;
		margin: auto;
    }


    .card01 h3 {
      padding: 40px 20px 40px;
      font-size: 32px;
	  color: white;
	background-image: url("../img/hotel_bg_01.png");
	background-size:90%;
	background-position: center;
	background-repeat: no-repeat;
    }

    .card01 h4 {
      padding: 50px 0px 10px;
		margin-left: 40px;
		margin-right: 40px;
      font-size: 28px;
	border-bottom: solid 1.5px #3F7031;	
    }

    .card01 p {
      font-size: 16px;
	text-align: left;
	line-height: 1.8;
      color: #555;
	  padding: 40px 60px 40px;
    }

 .card01 .button {
      margin: 70px 180px 90px;
	  padding: 10px;
      border: none;
      background-color: #7FCDB4;
	  border: 1px solid #086F64;
      color: black;
      border-radius: 50px;
      cursor: pointer;
      font-size: 24px;
		font-family: dnp-shuei-nmincho-std, sans-serif;
    }

    .card01 .button:hover {
      background-color: #489793;
    }


/*----------------------------------------------------------------card02*/
    .card02-container {
      display: flex;
	  flex-direction:column;
	 justify-content: center;
    }

    .area02{    
		padding: 15px 20px 15px;
      font-size: 28px;
	  color: #45764f;
	background-image: url("../img/deco_flower.png");
	background-size:40%;
	background-position: center;
	background-repeat: no-repeat;
	
}


    .card02 {
     overflow: hidden;
      width: 900px;
		margin: auto;
    }

   .card02 img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .card02 h3 {
      padding: 40px 20px 40px;
      font-size: 32px;
	  color: white;
	background-image: url("../img/hotel_bg_02.png");
	background-size:90%;
	background-position: center;
	background-repeat: no-repeat;
    }

    .card02 h4 {
      padding: 50px 0px 10px;
		margin-left: 40px;
		margin-right: 40px;
      font-size: 26px;
	border-bottom: solid 1.5px #45764f;	
    }

    .card02 p {
      font-size: 16px;
	text-align: left;
	line-height: 1.8;
      color: #555;
	  padding: 40px 60px 40px;
    }

    .card02 .button {
       margin: 70px 180px 90px;
	  padding: 10px;
      border: none;
      background-color: #7FCDB4;
	  border: 1px solid #086F64;
      color: black;
      border-radius: 50px;
      cursor: pointer;
      font-size: 24px;
		font-family: dnp-shuei-nmincho-std, sans-serif;
    }

    .card02 .button:hover {
      background-color: #489793;
    }


/*----------------------------------------------------------------card03*/
    .card03-container {
      display: flex;
	  flex-direction:column;
  justify-content: center;
    }

    .area03{    
		padding: 15px 20px 15px;
      font-size: 28px;
	  color: #406d65;
	background-image: url("../img/deco_flower.png");
	background-size:40%;
	background-position: center;
	background-repeat: no-repeat;
	
}


    .card03 {
     overflow: hidden;
      width: 900px;
		margin: auto;
    }

   .card03 img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .card03 h3 {
      padding: 40px 20px 40px;
      font-size: 32px;
	  color: white;
	background-image: url("../img/hotel_bg_03.png");
	background-size:90%;
	background-position: center;
	background-repeat: no-repeat;
    }

    .card03 h4 {
       padding: 50px 0px 10px;
		margin-left: 40px;
		margin-right: 40px;
      font-size: 28px;
	border-bottom: solid 1.5px #406d65;	
    }

    .card03 p {
      font-size: 16px;
	text-align: left;
	line-height: 1.8;
      color: #555;
	  padding: 40px 60px 40px;
    }

    .card03 .button {
      margin: 70px 180px 90px;
	  padding: 10px;
      border: none;
      background-color: #7FCDB4;
	  border: 1px solid #086F64;
      color: black;
      border-radius: 50px;
      cursor: pointer;
      font-size: 24px;
		font-family: dnp-shuei-nmincho-std, sans-serif;
    }

    .card03 .button:hover {
      background-color: #489793;
    }


/*----------------------------------------------------------------card04*/
    .card04-container {
      display: flex;
	  flex-direction:column;
    justify-content: center;
    }

    .area04{    
		padding: 15px 20px 15px;
      font-size: 28px;
	  color: #4b707b;
	background-image: url("../img/deco_flower.png");
	background-size:40%;
	background-position: center;
	background-repeat: no-repeat;
	
}


    .card04 {
     overflow: hidden;
      width: 900px;
		margin: auto;
    }

   .card04 img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .card04 h3 {
      padding: 40px 20px 40px;
      font-size: 32px;
	  color: white;
	background-image: url("../img/hotel_bg_04.png");
	background-size:90%;
	background-position: center;
	background-repeat: no-repeat;
    }

    .card04 h4 {
        padding: 50px 0px 10px;
		margin-left: 40px;
		margin-right: 40px;
      font-size: 28px;
	border-bottom: solid 1.5px #4b707b;	
    }

    .card04 p {
      font-size: 16px;
	text-align: left;
	line-height: 1.8;
      color: #555;
	  padding: 40px 60px 40px;
    }

    .card04 .button {
      margin: 70px 180px 90px;
	  padding: 10px;
      border: none;
      background-color: #7FCDB4;
	  border: 1px solid #086F64;
      color: black;
      border-radius: 50px;
      cursor: pointer;
      font-size: 24px;
		font-family: dnp-shuei-nmincho-std, sans-serif;
    }

    .card04 .button:hover {
      background-color: #489793;
    }


/*----------------------------------------------------------------card05*/
    .card05-container {
      display: flex;
	  flex-direction:column;
      justify-content: center;
    }

    .area05{    
		padding: 15px 20px 15px;
      font-size: 28px;
	  color: #4d6176;
	background-image: url("../img/deco_flower.png");
	background-size:40%;
	background-position: center;
	background-repeat: no-repeat;
	
}


    .card05 {
     overflow: hidden;
      width: 900px;
		margin: auto;
    }

   .card05 img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .card05 h3 {
      padding: 40px 20px 40px;
      font-size: 32px;
	  color: white;
	background-image: url("../img/hotel_bg_05.png");
	background-size:90%;
	background-position: center;
	background-repeat: no-repeat;
    }

    .card05 h4 {
      padding: 50px 0px 10px;
		margin-left: 40px;
		margin-right: 40px;
      font-size: 28px;
	border-bottom: solid 1.5px #4d6176;	
    }

    .card05 p {
      font-size: 16px;
	text-align: left;
	line-height: 1.8;
      color: #555;
	  padding: 40px 60px 40px;
    }

    .card05 .button {
      margin: 70px 180px 90px;
	  padding: 10px;
      border: none;
      background-color: #7FCDB4;
	  border: 1px solid #086F64;
      color: black;
      border-radius: 50px;
      cursor: pointer;
      font-size: 24px;
		font-family: dnp-shuei-nmincho-std, sans-serif;
    }

    .card05 .button:hover {
      background-color: #489793;
    }
/*----------------------------------------------------------------carousel*/
.slider {
  margin-inline: auto;
 width: 100%;
}
.slick-slide{
	margin-left: 20px;
}
.slick-list{
	width: 100%;
	height: auto !important;
}
.slider-img {
  margin: 10px 10px;
}
.slider-img img {
  height: 100%;
  width: 100%;
}
.slick-prev {
    
    z-index: 2;
}
.slick-next {
   
    z-index: 2;
}

.no-slider{  justify-content: center;
}
.no-slider img{ width: 500px; 
}

/*----------------------------------------------------------------t_link*/
#t_link {
display: block;
height: 230px;
background-color: #fff
}
#t_link_smart{
display: none;
}
#t_link ul{
padding: 50px 0 70px;
}
#t_link ul li{
width: calc(100%/2);
margin: 0 15px 10px;
}
#t_link ul li a{
display: inline-block;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 115%;
font-weight: 500;
vertical-align: middle;
text-decoration: none;
color: #fff;
border-radius: 100vh;
transition: 0.3s;
}
#t_link ul li a.mwt_link{
border: 2px solid #e50058;
background: #e50058;
}
#t_link ul li a.mwt_link a{
color: #fff;
}
#t_link ul li a.other_link{
border: 2px solid #3d3232;
background: #3d3232;
}
#t_link ul li a.mwt_link:hover {
color: #e50058;
background: #fff;
}
#t_link ul li a.mwt_link a:hover{
color: #e50058;
}
#t_link ul li a.other_link:hover {
color: #3d3232;
background: #fff;
}
p.t_link_p{
font-size: 95%;
text-align: right;
padding: 7px 25px 0 0 ;
}
p.caption{
text-align: center;
color: #e50058;
padding-bottom: 30px;
}
/*--------------------contact */
#contact{
background-color: #3d3232;
padding: 30px 0 50px;
color: #fff;
}
#contact h5{
/*font-size: 2rem;*/
padding-bottom:15px;
text-align: center;
}
.contacts{
width: 950px;
margin: 0 auto;
padding-top: 20px;
font-size: 1.02rem;
vertical-align:middle;
}
.contact_tyo ul{
display: flex;
justify-content: space-between;
}
.contact_tyo ul li{
width: calc(100%/2);
}
.contact_tyo ul li a{
color: #fff;
font-weight: bold;
}
.contact_tyo dl dd.migizoroe{
padding-left: 30px;
}
span.ph-number{
font-size: 1.8em;
padding-left: 15px;
letter-spacing: 2px;
}
/*-------------------------------------------------上に戻るボタン */
.pagetop {
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
font-size: 1.5rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
border-radius: 3.3rem;
text-align: center;
cursor: pointer;
}
.pagetop:hover {
color: #fff !important;
background-color: #4a4141;
text-decoration: none;
}