@charset "utf-8";
/************************************************************************************************
		　　　レスポンシブ（1023px以下）　ここから
************************************************************************************************/

@media only screen and (max-width: 1024px) {
#contents,.home #contents {
    padding-top: 0px;
}
/********************************
　ヘッダー
********************************/
#header {
    position: inherit;
	overflow:hidden;
}
#header.fixed {
    position: inherit;
}
h5{
	font-size:18px;	
}
#bxslider_main {
    max-width: 100%;
    overflow: hidden;
}
#header-inner_up {
	max-width: 100%;
	height: 40px;
}
#header_left {
    width: 40%;
}
#top_logo{
    width: 150px;
	margin-left:5px;
	margin-top: 8px;
}
#top_logo img {
    margin: 0px 0 0px 7px;
    width: 78%;
}
#h2_text {
    margin: 13px auto 0;
    max-width: 280px;
    line-height: 1.4em;
    font-size: 12px;
}
#header_right {
    width: 300px;
    margin: 0px 0px 0 0;
}
.sns_botton {
    margin-top: 10px;
}
#tel {
	font-size: 20px;
	margin: 0px 0px 0 0px;
}
#tel a {
	font-size: 20px;
}
#tel img {
    width: 100%;
}
/********************************
　ヘッダーボタン
********************************/
#shopping_login {
    height: 30px;
	width: 100px;
    float: left;
    border-left: 1px solid #0f4ca1;
}
#shopping_cart {
    height: 30px;
	width: 100px;
    float: left;
    border-left: 1px solid #0f4ca1;
}
#shopping_door {
    height: 30px;
    float: left;
    border-right: none;
}
#shopping_login p {
    margin-top: 9px;
    font-size: 11px;
}
#shopping_cart p {
    margin-top: 9px;
    font-size: 11px;
}
#shopping_door p {
    margin-top: 9px;
    font-size: 11px;
}
/********************************
 トップスライダー
********************************/
#top_slider_text img{
    width: 180px;width: 18vw;
}

/********************************
　タイトル
********************************/
/*#main-title {
	height: 200px;
	background-size: 100%;
}*/
.main-title-text {
	padding-top: 100px;
}
.main-title-text-shadow {
	padding-top: 75px;
}
#single-contents {
	padding-top: 0px;
}
/********************************
　トップページ1行ニュース
********************************/
.top_news_maintitle {
	margin:0 13px 0 10px;
}
.top_news_title {
    padding: 3px 0 0 0px;
    width: 50%;
}
/*************************************************
パンくずリスト
*************************************************/
#breadcrumbs-box{

}
#breadcrumbs-box-gray{

}
#breadcrumbs{
	width: 98%;
	float:left;
    margin: 0;
    padding: 9px 0 0 15px;
}
/********************************
　トップページコンテンツ
********************************/
#page_contents {
	padding: 0;
    margin: 0px auto 0 auto;
    width: 100%;
}
#section_main{
    width: 100%;
}
.section_title_red {
    font-size: 42px;
}
.section_coupon {
    width: 98%;
}
.section_coupon_img {
    width: 33.333%;
}

.section_shop_photo {
	max-width: 100%;
}
.section_shop_photo_img {
	width: 33%;
}

/********************************
　トップインフォメーション１
********************************/
.flexbox-column {
	display: block;
	width: 80%;
	padding: 0 0 35px;
 }
.flexbox-column .box2 {
	width: 100%;
	margin: 0 auto 20px;
}
.flexbox-column .box3 {
	width: 100%;
	margin: 0 auto 20px;
}
.flexbox-column button, .flexbox-column input[type="button"], .flexbox-column input[type="reset"], .flexbox-column input[type="submit"] {
	width: 100%;
	font-size: 16px;
}

/********************************
　トップインフォメーション２
********************************/
.topinfo_imgtxt .box2{
	margin: 0 auto 20px;
}

/********************************
　トップインフォメーション３
********************************/
.flexbox-plan-column .plan-box4 {
	width: 48%;
}

/********************************
　トップインフォメーション＆お料理紹介
********************************/
.box_2column button {
	width: inherit;
}

.box_2column {
	display: flex;
	flex-direction: column;/*２カラム表示⇒スマホ１カラム指定*/
}

.section_box_2column {/*カラム内コンテンツエリア枠 width指定*/
	width: 100%;
	height: auto;
	float: left;
	padding: 0;/*スマホpadding入れるとはみ出る*/
}

.box_2column_set {/*カラム内コンテンツ width指定*/
	width: 47%;
	margin: 0 5px;
}

/********************************
　グローバルメニュー
********************************/
#gnavi_box {
    display: none;
}
/********************************
ボタン
********************************/
.btn_contact1 {
	margin-right:10px;
	}
.btn_contact2 {
	width: 120px;
}
.btn_contact2{
	font-size: 12px;
}
.top_banner{
	float: left;
	display:initial;
	justify-content:initial;
}
.top_banner_btn{
	float: left;
	width: 30%;
	margin: 0px 10px 0px 10px;
}
/********************************
トップページ1行投稿欄
********************************/
.MainNews_contents {
	margin:0 auto;
}
.MainNews_title{
	margin: 10px 0 0 5px;	
}
/********************************
フッター検索
********************************/
#search_bottom {
	width:100%;
}
#search_489ban {
	width:100%;
}
/********************************
トップページメイン投稿欄
********************************/
.thumbnail_box{
	width:100%;
	}
.thumbnail_box img{
	width: 100%;
    height: 184px;
	}
/********************************
コンテンツ
********************************/
.section_plan_box {
    width: 22%;
    margin: 30px 11px;
}
.items_img {
	width:100%;
	height: 170px;
}
.items_img img{
	width:100%;
}
.items_img_text {
    float: left;
    width: 100%;
    min-height: 55px;
}
.item_text-small{
	font-size:10px;
	margin-top:3px;
	line-height:1.3em;
}
.MainNews_date {
    font-size: 0.8rem;
    margin: 3px 0px 3px 5px;
	width: 50px;
    padding: 3px;
}
/********************************
トップページ　セクションボックス
********************************/
.section_box {
	padding: 0;
    width: 90%;
    margin: 0 0 0 12px;
}
.section_title {
    width: 98%;
    margin: 50px auto 0 auto;
}
.MainNews_main {
	margin-bottom: 20px;
	width: 98%;
	margin:0 auto;
}
.MainNews_category {
    margin: 5px 0px 3px 5px;
    width: 60px;
    padding: 2px;
}
.MainNews_new {
    font-size: 0.7rem;
    margin: 5px 0px 3px 5px;
    width: 35px;
    padding: 3px 0;
}
.MainNews_main_text-only {
    width: 98%;
    margin: 0 auto;
}
/********************************
各ページ　コンタクトボックス
********************************/
#animation_contact {
    height: 370px;
}
.overlay_contact {
    height: 370px;
}
.section_title_whitefont_h3 {
    padding: 50px 0 10px 0;
}
.section_title_whitefont_h4 {
    padding: 0px 0 40px 0;
}
	
/********************************
カテゴリーページ　セクションボックス
********************************/
.category_News_new {
    font-size: 0.6rem;
    margin: 5px 5px 0px 3px;
    width: 30px;
    padding: 3px;
}
.category_News_category {
	font-size: 0.6rem;
	margin: 5px 5px 0px 0;
	width: 55px;
	padding: 2px;
}
.category_News_date {
    font-size: 0.7rem;
    margin: 5px 0px 0px 0px;
    width: 46px;
    padding: 3px;
}
.category_News_title {
    margin: 5px 0 0 5px;
}
.category_News_title h3 {
    font-size: 13px;
}
.category_News_title p {
    margin: 10px 0 0px 0;
}
/********************************
ページCSS
********************************/
.page_box {
	width: 100%;
    /*margin: 40px auto 40px auto;*/
    min-height: 500px;
}
.contents_section {
    width: 100%;
	margin-bottom: 0;
}
/********************************
アニメーション
********************************/
#animation-none {
    overflow: hidden;
	padding: 50px 0 50px 0;
    background-color: #fff;
}
/********************************
　ショップページ
********************************/
.section_shop {
    width: 100%;
}
.shoplist_box {
	margin-bottom:50px;
}
.shop_information {
	text-align:left;	
}
.shoplist_contents {
    width: 98%;
	margin:0 2%;
}
.shoplist_contents_main {
	margin: 25px 0 60px;
}
.shoplist_contents_left{
    width: 100%;
}
.shoplist_contents_right{
    width: 100%;
	float:left;
}
.google_map ifream{
    width: 100%;
}
	
	
/********************************
	お問い合わせ
********************************/
.formTable dl dt {
	font-size: 15px;
}
.formTable dl dd input[type="text"] {
	width:354px;
}

	
/********************************
　footer
********************************/
#footer_box {
	width: 100%;
	height: auto;
}
.footer_inner {
	width:100%;
	min-width: 98%;
}
/*#footer_fix{
	display:none;
}*/
/*.footer_left{
    width: 100%;
    margin: 0 auto;
    float: none;
}*/
/*.footer_right{
	width: 90%;
	float: none;
	margin: 0 auto;
}*/
.footer_left {
    display:none;
}
.footer_right {
    display: block;
    text-align: center;
    padding: 33px 0;
    width: 90%;
    float: none;
    margin: 0 auto;
}
.footer_logo {
	width:300px;
	float: none;
}
.footer_name {
	width: 100%;
	font-size: 14px;
	margin: 20px auto;
	float: none;
	text-align: center;
}
.footer_add {
	margin: 20px auto;
	float: none;
	text-align: center;
}
.footer_lastbox {
	height:120px;
}
.footer_cr {
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0 10px;
}

/********************************
フッターレスポンシブメニュー
********************************/

/************左************/
/*.footer_left {
    margin: 0 auto;
    float: none;
    display: block;
}*/
/*.footer_logo {
	width: auto;
    float: inherit;
}*/
.footer_logo img {
	float: none;
    width: 50%;
    max-width: none;
    text-align: center;
}
/*.footer_name {
	text-align: center;
    float: inherit;
}*/
/*.footer_add {
    float: inherit;
	text-align:center;
}*/
/************右************/
/*.footer_right {
    display:none;
}*/
#Fixed-information {
	width:70%;
}
#Fixed-information .btn_box {

	}
.Fixed-information-footer_fix_01 {
    width: 40px;
    float: right;
	display: inherit;
	margin-left:220px;
}
.Fixed-information-footer_fix_01 img{
    width: 40px;
}
/************フッターモバイルナビボタン************/
.table_pc {
	padding:0 30px 40px;
}
#footer_fix {
	display: inherit;
    overflow: hidden;
    width: 50%;
    margin: 0 auto;
    float: right;
}
.footer_fix_01{
	display:none;
}
.footer_fix_01 img {
    width: 100%;
}
.footer_fix_02{
	display:none;
}
.footer_fix_02 img {
    width: 100%;
}
.footer_fix_03{
	display:none;
}
.footer_fix_03 img {
    width: 100%;
}
.footer_fix_04{
	width:25%;
	float:left;
}
.footer_fix_04 img {
	display:none;
}
/*タブレット時のスマホフッタ非表示*/
.footer_fix_item {/*通常のメニュー項目*/
    display:none;
}
.footer_fix_item img {
    width: 100%;
}
.footer_fix_menu {/*ハンバーガーメニュー項目*/
    width:25%;
    float:left;
}
.footer_fix_menu img {
    display:none;
}

/************フッターモバイルナビ************/
#mobileNav{
	display: inherit;
}
.panel .check:checked + ul {
    right: 0%;
    z-index: 99999;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.panel ul {
    position: fixed;
	width:100%;
	display: block;
    font-size: 200%;
    background-color: #000;
    top: 0;
    right: -100%;
    margin-right: 0;
    padding: 2% 0% 0;
    list-style-type: none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
}
.panel .check:checked + ul + .cbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
}
.panel .cbtn {
    z-index: 3;
    display: none;
    top: 0;
    right: 0;
    position: fixed;
}
.panel .check {
    display: none;
    z-index: 99999;
}
.panel a {
    display: block;
	padding: 2% 2% 1% 0%;
    margin-top: 1%;
    text-decoration: none;
	width: 100%;
    text-align: left;
    font-size: 14px;
    color: #fff;
}
.panel ul li {

}
.panel .cbtn p {
    margin: 200px 0 0 30px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    width: 100px;
}
#Fixed-information-mobileNav{
	display: inherit;
}
	
/********************************
　gmav-m
********************************/
.gnav_list_level1 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: block;
    font-size: 14px;
    background-color: #000;
    top: 0;
    right: -100%;
    margin-right: 0;
    list-style-type: none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
}
.gnav_list_level1_link{
	width:100%;
	overflow:hidden;
}
.gnav_list_level1_link a{
    margin: 0 0 0 25px;
    color: #fff;
	}
.gnav_list_level1_link_left{
	width:50%;
	overflow:hidden;
	float:left;
}
.gnav_list_level1_link_left a{
	display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_link_right{
	width:50%;
	overflow:hidden;
	float:left;
}
.gnav_list_level1_link_right a{
	display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_has_child{
	width:100%;
	overflow:hidden;
}
.gnav_list_level2 {
    position: initial !important;
    margin: 0px 40px 30px 40px;
}
.gnav_list_level2_link{
	border-bottom:0px;
}
.gnav_list_level2_link a{
	display: block;
    margin: 0px 0px 20px 10px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_link_contact{
}
.gnav_list_level1_link_contact_inner{
	width:50%;
	border: solid 1px #fff;
	overflow:hidden;
	margin: 20px auto;
}
.gnav_list_level1_link_contact_inner a{
	display: block;
    margin: 20px 0px 20px 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.has_child {
    display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.cbtn_in{
	color:#fff;
}
.cbtn_in p{
    font-size: 16px;
    margin: 10px 0px 15px 0px;

}
summary {
	display:block;
	outline:none;
  }
summary::-webkit-details-marker {
	display:none;
	outline:none;
}
.gnav_summary {
    font-size: 50%;
}
.gnav_details ::marker {
	list-style:none:
}
.gnav_summary {
    font-size: 50%;
}
.summary_right{
	margin: 0 15px;
    float: right;
}

/*==================================
サイドナビ
==================================*/
#sidebox_MENU {
    background-color: #000;
    padding: 25px 0;
    color: #fff;
    font-size: 12px;
    display: inherit;
  }

/********************************
　goto
********************************/
#footer_goto {
    bottom: 1%;
    right: 1.5%;
}
/********************************
　カテゴリーメニュー（固定）
********************************/
.menu_box_L{
    width: 100%;
    margin: 0;
	padding:0 15px;
	box-sizing: border-box;
	}
.menu_box_R{
	float: left;
    width: 100%;
    margin: 0;
	padding:0 15px;
	box-sizing: border-box;
	}
.menu_box_btn_child_inner{
	width:96%;
	}
.menu_box_btn_long_child {
    width: 96%;
}
/********************************
　カテゴリーメニュー（カテゴリー）
********************************/
#category-contents {
	padding-top: 0px;
}
.category_News_contents{
	margin: 0px 8px 10px 8px;
	padding: 0px;
}
.category_thumbnail_box img {
    height: 184px;
    width: 100%;
}
.category_News_contents_text{
	height: 150px;
}
.category_thumbnail_box img {
    height: 176px;
}
.section_box_category_MainNews {
	display: block;
	padding:0;
}
.category_MainNews_contents{
	width: 23%;
	margin: 0px 5px 10px 5px;
	padding: 0px;
	float: left;
}
.category_MainNews_thumbnail_box img {
    height: 184px;
    width: 100%;
}
.category_MainNews_contents_text{
	height: 75px;
}
.category_MainNews_thumbnail_box img {
    height: 176px;
}
.category_MainNews_new {
    font-size: 0.6rem;
    margin: 5px 5px 0px 3px;
    width: 30px;
    padding: 3px;
}
.category_MainNews_category {
	font-size: 0.6rem;
	margin: 5px 5px 0px 0;
	width: 55px;
	padding: 2px;
}
.category_MainNews_date {
    font-size: 0.7rem;
    margin: 5px 0px 0px 0px;
    width: 46px;
    padding: 3px;
}
.category_MainNews_title {
    margin: 5px 0 0 5px;
}
.category_MainNews_title h3 {
    font-size: 13px;
}
.category_MainNews_title p {
    margin: 10px 0 0px 0;
}

/********************************
　お部屋
********************************/
/*共通 ------------------------*/
#main-title-room{
	padding: 60px 0;
}
#room_wrapper .section_box{
    width: 100%;
    margin: 0 auto;
}
#room_wrapper .section_box>*{
	max-width: none;
}
/* 文章と画像の位置を逆にするクラスの時はテキストが右に来るので少し隙間を開ける、を解除 */
.row-reverse .text{ padding: 0; }
/*roomページ ------------------------*/
#room_wrapper .imgtxtbox .box2{
	text-align: center;
	margin: 14px auto;
}
#room_wrapper .flexbox-column{ padding: 0; }
#room_wrapper .imgtxtbox{ padding: 10px 0 20px; }

/*画像サイズ調整*/
#room_wrapper .section_box .flexbox-column img{ width: 100%; }
#room_wrapper .section_box.room_sec1 .flexbox-column img{ max-width: 360px; }
#room_wrapper .section_box.room_sec2 .flexbox-column img{ max-width: 490px; }
#room_wrapper .section_box.room_sec3 .flexbox-column img{ max-width: 490px; }

/*-- 写真と文章を重ねたコンテンツ --*/
#room_wrapper .flexbox-overlap-r .text,
#room_wrapper .flexbox-overlap-l .text{
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    z-index: auto;
}
/* 文章右側の場合(flexbox-overlap-l) */
#room_wrapper .flexbox-overlap-l{
	display: flex;
	flex-flow: column;
	flex-direction: column-reverse;
}
/*room-○○ページ ----------------------------*/
  /* スライドショーと文章横並びコンテンツ */
.flexbox-slide{
	display: block;
	width: 90%;
	padding: 0;
}
.flexbox-slide .text,.flexbox-slide .slidediv{
	width: 100%;
	margin: 0 auto 20px;
}

/*room_chargeページ ------------------------*/
.table_price_box.eachprice_box{
	width: 100%;
}

/*==================================
施設（Facility）
==================================*/
.facility_wrapper .section_box>*{
	max-width: none;
}

.facility_img {
	width: 170px;
}

.facility_wrapper .page_main_photo {
	width: 100%;
	float: inherit;
}

.facility_wrapper .page_main_text {
	width: 100%;
	float: inherit;
	text-align: left;
}

.section_box_left {
	width: 100%;
    float: inherit;
}

.section_box_right {
    width: 100%;
    float: inherit;
    text-align: left;
}

.section_box_left_wide {
    width: 100%;
    float: inherit;
    text-align: left;
}

.section_box_right_narrow {
    width: 100%;
    float: inherit;
}

/*==================================
お風呂（spa）
==================================*/
.spa_wrapper .section_box{ margin: 0 auto; }
.spa_wrapper .section_box.br{ margin-bottom: 1em;}
.spa_wrapper .section_box>.flexbox-slide{ margin: 10px auto; }
.spa_wrapper .section_box_left{
	width: 40%;
	float: left;
}
.spa_wrapper .section_box_right{
	width: 57%;
	float: right;
}
.spa_wrapper .section_box_half{ width: 45%; }
.spa_wrapper .page_main_photo{
	float: none;
	width: 100%;;
}

/*==================================
庭園（Garden）
==================================*/
.garden_wrapper .section_box_left{
	width: 40%;
	float: left;
}
.garden_wrapper .section_box_right{
	width: 57%;
	float: right;
}
.garden_wrapper .section_box_half{ width: 45%; }
.garden_wrapper .page_main_photo{
	float: none;
	width: 100%;;
}
.garden_wrapper .page_main_text {
	width: 100%;
	float: inherit;
	text-align: left;
}

/********************************
Dining（お料理）（1023px以下）
********************************/
.cuisine_photoviewer {
	display: flex;
	flex-direction: column;
}
.cuisine_photoarea {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.cuisine_textarea {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.bxslider_thumbnail_list li {
	margin-bottom: 3px;
	text-align: center;
}

/**********topimg***************/
#top_mainimg_max{ float: none; }

/********************************
料理紹介　カテゴリ一覧
********************************/
.CuisineNews_contents_box {
	width: 48%;
	margin: 0 0 35px 0;
}

}

/************************************************************************************************
		　　　レスポンシブ（640px以下） ここから
************************************************************************************************/
@media only screen and (max-width: 641px) {
h1, h2, h3, h4, h5 {
	font-size:90%;
}
#h2_text{
	display:none;	
}
#animation-none{
	overflow: hidden;
	padding: 40px 0 40px 0;
	background-color: #fff;
}
#animation_contact {
	height: 340px;
}
.overlay_contact {
	height: 340px;
}
/********************************
　ヘッダー
********************************/
#header {
	z-index:998;
	position:static;
}
#header-inner {
	height: 50px;
	border-bottom:none;
}
#header-inner_up{
	width:100%;
	height: 37px
}
#header_left{

}
#header_right{
	width: 214px;
}
#gnavi{
	display:none;
	}
#top_logo {
	text-align: left;
    margin: 0;
	width: 150px;
}
#top_logo img {
	margin: 8px 0 0px 12px;
    max-width: 120px;
}
#tel{
	display:none;
}
#sns_header{
    float: right;
    margin: 0 40px 0 0;
	}
/*
#sns_header{
	width: 110px;
	float: left;
	overflow: hidden;
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.sns_botton{
	width: 32px;
	float:left;
	margin-top:10px;
}
.sns_botton img{
	width:85%;
}
*/
#shopping_login{
	width: 60px;
    height: 50px;
    float: left;
	}
#shopping_cart{
	width: 60px;
    height: 50px;
    float: left;
	}
#shopping_door{
	width: 90px;
    height: 50px;
    float: left;
}
	
#mobileNav{
		
}
#header.fixed .gnav {
	border-bottom: solid 5px #000;
}
#gnav nav, #sectionNav nav, #header .gnav, #header .gnav, #header .tarea, .top_slider_inn, .top_slider_inn2, section.section_box01_inner, article.section_box01_inner, div.section_box01_inner, .footer_inner, #main_movie {
	min-width: 98%;
}
#gnavi_box {
    display: none;
}
/********************************
 トップスライダー
********************************/
#top_slider_text img{
    width: 120px;width: 18vw;
}

/********************************
　タイトル
********************************/
/*#main-title {
	height: 90px;
}*/
.main-title-text {
	padding-top: 30px;
	font-size: 150%;
}
.main-title-text-shadow {
	padding-top: 30px;
	font-size: 150%;
}
/********************************
パンくずリスト
********************************/
#breadcrumbs {
	width: 90%;
}
/********************************
　トップページ　コンテンツ
********************************/
#page_contents {

}
.section_title {
	width:98%;
    font-size: 18px;
    font-weight: 600;
	margin: 10px auto 0 auto;
	padding: 10px 0 10px 0;
}
#contents {
    padding: 0;
    margin: 0 auto;
    z-index: 3;
    width: 100%;
    overflow: hidden;
	top: 0px;
}
#bxslider_main {
	display:none;
}
#top_image {
	padding-top:60px;
	display:none;
}
#top_image_sm{
	display:inherit;
	width: 100%;
}
#top_image_sm img{
    width: 100%;
}
#section_main{
	width:100%;
}
#left{
	width:100%;
}
#right{
	width:100%;
}

/********************************
　トップページ　トップニュース
********************************/
.top_news_main_box1{
	width:100%;
	overflow: hidden;
}
.top_news_main_box2{
	margin: 8px 8px;
    width: 96%;
    overflow: hidden;
    border-bottom: 1px dotted #fff;
}
.top_news_maintitle {
    font-size: 0.9rem;
	padding: 0 10px 0 15px;
}
.top_news_title {
	padding: 0px 0 0 0px;
	width: 100%;
}
.top_news_title h3 a {
	font-size: 0.9rem;
}
.btn_contact1 {
    float: none;
    width: 90%;
    margin: 0 auto;
}
.btn_contact2 {
	width: 150px;
}
.btn_contact2 a {
	font-size:80%;
}
/********************************
　トップページ　ニュース
********************************/
.MainNews_contents {
	float: left;
	width: 47%;
	margin: 0 5px;
	padding: 25px 0 0;
}
.MainNews_contents_text {
	float: left;
	height: 70px;
}
.MainNews_title {
	height: 40px;
	width: 100%;
	margin:5px 0 0 5px;
	font-size: 14px;
}
.newslist_title {
	float: left;
    width: 100%;
    margin: 15px 0 30px;
}
.MainNews_main_text-only {
	width: 95%;
	margin: 10px 10px 10px 10px;
	overflow: hidden;
}	
.MainNews_contents_text-only {
	padding: 5px 0;
}
.MainNews_title_text-only {
	width: 95%;
}
/********************************
　トップページ　トップインフォメーション
********************************/
.top_information_text{
    width: 90%;
	line-height:1.75;
}
.information_text{
    width: 90%;
}
#animation1 {
    width: 80%;
	margin:0 auto 30px;
}
#animation1 img{
    width: 100%;
}
	
/********************************
　トップページ　トップインフォメーション２
********************************/
.information_text2{
    width: 90%;
	line-height:1.75;
}

/********************************
　トップページ　トップインフォメーション３
********************************/
.flexbox-plan-column .plan-box4 {
	width: 80%;
}

/********************************
　トップページ　事業内容
********************************/
.section_title_whitefont {
	padding: 80px 0 0 0;
}
.section_title_whitefont_h3 {
	padding: 40px 0 10px 0;
}
.section_title_whitefont_h4 {
	padding: 0px 0 40px 0;
}
.section_plan_box {
    width: 45%;
    margin: 0 8px 30px 8px;
}
	
/********************************
　メインニュース
********************************/
.MainNews_main {
	display: block;
}
.thumbnail_box {
    width: 100%;
}
.MainNews_category {
	font-size: 0.6rem;
	font-weight: 500;
	margin: 5px 0px 3px 5px;
	width: 48px;
	padding: 2px;
}
.MainNews_category1 {
	margin: 0px 0px 0px 0;
	width: 60px;
	padding: 2px;
}
.MainNews_category_text-only {
	margin: 5px 0px 3px 0;
}
.MainNews_date {
	font-size: 0.6rem;
	margin: 8px 0px 3px 5px;
	width: 60px;
	padding: 0px;
}
.MainNews_date1 {
	text-align: left;
	font-size: 0.9rem;
	width: 80px;
    padding-top: 0;
	margin: 0px 0px 0px 6px;
}
.MainNews_new {
	font-size: 0.5rem;
	margin: 5px 0px 3px 5px;
	width: 31px;
	padding: 3px;
}

/********************************
　トップインフォメーション＆お料理紹介
********************************/
.box_2column button {
	width: inherit;
}

.box_2column {
	display: flex;
	flex-direction: column;/*２カラム表示⇒スマホ１カラム指定*/
}

.section_box_2column {/*カラム内コンテンツエリア枠 width指定*/
	width: 100%;
	height: auto;
	float: left;
	padding: 0;/*スマホpadding入れるとはみ出る*/
}

.box_2column_set {/*カラム内コンテンツ width指定*/
    width: 80%;
    margin: 0 auto;
    float: none;
}

/********************************
　トップページ　SNSエリア
********************************/
.sns_area {
	width: 96%;
    margin: 0 auto;
    float: none;
}
.facebook_box{
	margin: 0 0 40px 0;
    width: 100%;
}
.facebook_box_right{
	margin: 0 0 40px 0;
    width: 100%;
}
.twitter_box{
	margin: 0 0 40px 0;
    width: 100%;
}
/********************************
トップページメイン投稿欄
********************************/
.thumbnail_box img{
    height: 176px;
	}	
/********************************
　
********************************/
.h4_title{
	color:#ec6c1f;
	font-size: 16px;
	font-weight: 600;
}
	
/********************************
お問い合わせ
********************************/
.formTable dl dt {
	float:left;
	width:100%;
}
.formTable dl dd {
	float:left;
	width:100%;
    padding-left: 0;
}
.formTable dl dd input[type="text"] {
    width: 300px;
}
.formTable dl dd textarea, .formTable dl dd select, .formTable dl dd input[type="text"], .formTable dl dd input[type="email"], .formTable dl dd input[type="url"], .formTable dl dd input[type="email"], .formTable dl dd input[type="tel"]{
    width: 300px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	width: 57%;
	font-size: 16px;
}
.formTable_check dl dt{
	float:left;
	width:100%;
}
.formTable_check dl dd {
	float:left;
	width:100%;
    padding-left: 0;
}
.formTable_check dl dd input[type="text"] {
    width: 300px;
}
.formTable_check dl dd textarea, .formTable_check dl dd select, .formTable_check dl dd input[type="text"], .formTable_check dl dd input[type="email"], .formTable_check dl dd input[type="url"], .formTable_check dl dd input[type="email"], .formTable_check dl dd input[type="tel"]{
    width: 300px;
}
.formTable_text {
    margin: 0;
}

/********************************
固定ページ共通　20230126
********************************/
.section_box {
	width:90%;
    margin: 0 auto;
}

/********************************
ページ下部　予約フォーム
********************************/
#search_489ban .stay_489ban, #search_489ban .room_489ban, #search_489ban .person_489ban {
	width:100%;
    float: left;
}
 table.search_table_489ban {
 width:100%;
}
 table.search_table_489ban tr {
 margin-bottom:2%;
}
 table.search_table_489ban td {
 line-height:200%;
}
 table.search_table_489ban td input[type="button"] {
 margin:5% 0;
 width:100%;
 padding:3% 0;
}
 select.year_month_489ban {
 margin-right:10px;
}
 #search_489ban {/* スマホ参照時の検索フォームのレイアウト調整 */
	margin: 0 auto;
    padding: 25px 10px;
	width:96%;
    background: #fafafa;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 2%;
    padding-top: 15px;
    color: #000;
    font-size: 14px;
    text-align: left;
}

/********************************
会社概要
********************************/
.text_box_overview{
	width:100%;	
	font-size:85%;
}
.text_left{
	width: 100%;
	background-color: #afafaf;
    color: #000;
    overflow: hidden;
	border-top:none;
}
.text_left p {
	text-align: center;
    margin: 10px;
}
.text_right{
	width: 100%;
	float: left;
	border:none;
}
.text_right p {
    margin: 10px;
    line-height: 1.5;
}
.text_box_overview_add{
	width:100%;	
	font-size:85%;
}
.text_left_add{
	width: 100%;
	background-color:#e6e6e6;
    color: #000;
    overflow: hidden;
	height: 40px;
	border-top:none;
}
.text_left_add p {
	text-align: center;
    margin: 10px;
}
.text_right_add{
	width: 100%;
	float: left;
}
	
/********************************
ショップページ
********************************/
.shoplist_box {
    margin-top: 80px;
}
.shop_info_table tr{
	width:100%;
}
.shop_info_table th {
    background-color: #afafaf;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
    border: none;
}
.shop_info_table td {
	padding: 20px 5%;
    width: 70%;
    float: left;
}
.custom-thumb{
    width: 100%;
}
.custom-thumb img {
	width:100%;	
}
	
/********************************
事業紹介
********************************/
.contents_section {
	width:100%;
	flex-direction: column;
}
.contents_section_image_left{
	width:100%;
}
.contents_section_image_left img{
	width:100%;
}
.contents_section_text_right {
	width:100%;
	float:left;
}
.contents_section_text_left {
	width:100%;
}
.contents_section_image_right{
	width:100%;
	float:left;
}
.contents_section_image_right img{
	width:100%;
}
.contents_section h3 {
	text-align:center;
	margin-top:30px;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
#footer_box{
	display:none;
}
.kotei_ttl {
	font-size: 150%;
}
.kotei_ttl_bdr {
	
}
#Specified-Commercial-Transaction-Act{
	font-size: 85%;
}
#Specified-Commercial-Transaction-Act tr{
	width:100%;
}
#Specified-Commercial-Transaction-Act th{
	width:100%;
	float:left;
	background-color:#e6e6e6;
	color:#000;
	border-top:none;
}
#Specified-Commercial-Transaction-Act th p {
	margin: 10px;
}
#Specified-Commercial-Transaction-Act td{
	width:100%;
	float:left;
	border:none;
}
#Specified-Commercial-Transaction-Act td p {
    margin: 10px;
}
/********************************
　footer
********************************/
footer{
    background-color: #331703;
    padding: 0;
    margin: 0;
}

/**************************************
	footer_goto
**************************************/
#footer_goto {
	width: 50px;
    height: 50px;
	bottom: 75px;
	right: 14px;
}
#footer_goto a {
    margin-top: 0px;
}
#Fixed-information {
		display:none;
}
/*右サイド固定インフォメーション*/
#Fixed-information-side{
    display: none;
}
/********************************
　フッターメニュー
********************************/
.footer_box {
	display:none;
	}
#footer_fix{
	display:inherit;
	position:fixed;
	bottom:0;
	right:0;
	background-color:#fff;
	padding:0;
	z-index:10;
	height:auto;
	width:100%;
}
/*スマホフッタ用表示設定*/
.footer_fix_item {/*通常のメニュー項目*/
    display:inherit;
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #000;
}
.footer_fix_menu {/*ハンバーガーメニュー項目*/
    display:inherit;
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #000;
}
.footer_fix_menu img {
    display: inherit;
    width: 100%;
}

/********************************
　Copyright
********************************/
#footer_Copyright {
	display:none;
}
/********************************
　gnav-m
********************************/
.footer_fix_01 {
	display:inherit;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
	background-color: #000;
}

.footer_fix_02{
	display:inherit;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
	background-color: #000;
}

.footer_fix_03{
	display:inherit;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
	background-color: #000;
}

.footer_fix_04{
	display:inherit;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
	background-color: #000;
}
.footer_fix_04 img {
    display: inherit;
	width: 100%;
}
#mobileNav {
    display: block;
    width: 100%;
    margin-left: 0;
    position: static;
    top: 0;
    left: 0;
    z-index: 1000;
    margin-bottom: 0;
}
.panel {
	
}
.panel .btn {
    color: #fff;
    display: block;
    left: 0px;
    top: 0;
    padding: 0;
    z-index: 10;
    cursor: pointer;
    font-size: 180%;
}
.panel .check {
    display: none;
    z-index: 99999;
}
/*.panel ul {
    position: fixed;
    width: 50%;
    height: 100%;
    z-index: 4;
    display: block;
    font-size: 200%;
    background-color: #0f4ca1;
    top: 0;
    right: -100%;
    margin-right: 0;
    padding: 17% 5% 0;
    list-style-type: none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
}*/

#footer_nav li {
    padding: 0 0 8px;
}
/*.panel ul li {
    border-bottom: solid 1px #dcdcdc;
}*/
#footer_nav a {
    color: #fff;
}	
/*.panel a {
    display: block;
    padding: 2%;
    margin-top: 20%;
    text-decoration: none;
    width: 160px;
    text-align: left;
    font-size: 50%;
    color: #fff;
}*/

.panel .check:checked + ul + .cbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
}
.panel .cbtn {
    z-index: 3;
    display: none;
    top: 0;
    right: 0;
    position: fixed;
}
.panel .cbtn p{
    margin: 200px 0 0 30px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    width: 100px;
}
.gnav_list_level1_link a {
    margin: 0 0 12px 25px;
    color: #fff;
  }
.gnav_list_level1_link_left{
	width:50%;
	overflow:hidden;
	float:left;
}
.gnav_list_level1_link_left a{
	display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_link_right{
	width:50%;
	overflow:hidden;
	float:left;
}
.gnav_list_level1_link_right a{
	display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_has_child{
	width:100%;
	overflow:hidden;
}
.gnav_list_level2{
	margin: 0px 40px 30px 40px;
}
.gnav_list_level2_link{
	border-bottom:0px;
}
.gnav_list_level2_link a{
	display: block;
    margin: 0px 0px 20px 10px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
.gnav_list_level1_link_contact{
}
.gnav_list_level1_link_contact_inner{
	width:50%;
	border: solid 1px #fff;
	overflow:hidden;
	margin: 20px auto;
}
.gnav_list_level1_link_contact_inner a{
	display: block;
    margin: 20px 0px 20px 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.has_child {
    display: block;
    margin: 20px 0 20px 25px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}
summary {
	display:block;
	outline:none;
  }
summary::-webkit-details-marker {
	display:none;
	outline:none;
}
.gnav_details{

}
.gnav_details ::marker {
	list-style:none:
}
.gnav_summary {
}
.summary_right{
	margin: 0 15px;
    float: right;
}
/********************************
　各種フォーム（お問い合わせなど）
********************************/
.form_wrap {
	width: 90%;
}
.form_descripiton p {
	text-align: left;	
}
	.form_descripiton br {
		display: none;
	}
.form_contents {
	width: 100%;
	table-layout: fixed;
}
.form_contents tr {
	width: 100%;
}
.form_contents th {
	display: block;
	width: 100%;
}
.form_contents td{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.registration_descripiton p {
	text-align: left;
}
	.registration_ttl {
		font-size: 80%;
	}
.about_membership_fee_body p {
	text-align:left;
}
.membership_fee_header{
	width: 100%;
}
.about_donation_body p {
		text-align: left;
}
.account_info_wrap {
   width: 100%;
}
.account_info {
	width: 100%;
}.activity_item p {
   text-align:center
}
.long_s {
	font-size: 90%;
}
.pledge_ttl p {
	font-size: 75%;
}
.pledge_caution {
	 text-align:left;
}
.pledge_caution br{
	 display:none;
}
span.wpcf7-list-item {
	margin-left: 0	
}
	.link_each_form {
		display:block;
	}
	.link_box {
		width: 100%;
		margin: 10px auto;
	}
	.about_activity_contents {
		width: 90%;
	}
	.registration_descripiton p br {
		display: none;
	}
	
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 textarea{
	width: 100%;
}
.inner_box_last {
    margin: 0 auto;
	width: 90%;
    float: none;
}

.page_box {
    /*margin: 30px auto;*/
	width: 100%;
}


/********************************
　カテゴリーメニュー（固定）
********************************/
.menu_box_L{
    width: 100%;
	}
.menu_box_R{
	float: left;
    width: 100%;
}
.menu_box_btn_child_inner{
	width: 91%;
	}
.menu_box_btn_long{
	min-width:230px;
}
.menu_box_btn_long_child {
    width: 91%;
}
/********************************
　カテゴリーメニュー（カテゴリー）
********************************/
.section_box_category {
	display: block;
	margin: 0px auto 30px auto;
}
.category_News_contents{
	float: left;
	width: 47%;
	margin: 0 5px 15px 5px;
	padding: 0px;
}
.category_News_contents_text {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100px;
}
.category_News_new {
	font-size: 0.5rem;
    margin: 5px 7px 3px 7px;
    width: 31px;
    padding: 3px;
}
.category_News_category {
    font-size: 0.6rem;
    font-weight: 500;
    margin: 5px 4px 3px 0;
    width: 50px;
    padding: 2px;
}
.category_News_date {
    font-size: 0.6rem;
    margin: 8px 0px 3px 7px;
    width: 60px;
    padding: 0px;
}
.category_News_title {
    width: 100%;
    margin: 5px 0 0 7px;
    font-size: 14px;
}
.category_News_title h3 {
	font-size: 90%;
}
.category_thumbnail_box {
    width: 100%;
}
.category_thumbnail_box img {
    height: 176px;
}	
.category_MainNews_contents{
	float: left;
	width: 47%;
	margin: 0 5px 15px 5px;
	padding: 0px;
}
.category_MainNews_contents_text {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 70px;
}
.category_MainNews_new {
	font-size: 0.5rem;
    margin: 5px 0px 3px 5px;
    width: 31px;
}
.category_MainNews_category {
    font-weight: 500;
    margin: 5px 0px 3px 5px;
    width: 50px;
}
.category_MainNews_date {
    font-size: 0.6rem;
    margin: 8px 0px 3px 5px;
    width: 60px;
    padding: 0px;
}
.category_MainNews_title {
    width: 100%;
    margin: 5px 0 0 5px;
    font-size: 14px;
}
.category_MainNews_title h3 {
	font-size: 90%;
}
/********************************
　投稿ページ
********************************/
.news_title h3 {
    font-size: 16px;
}
.news_text p {
    font-size: 12px;
}
.nav-previous, .nav-next{
	width: 50%;
	margin: 15px 0px 0 0px;
	font-size: 12px;
}
/********************************
ボタン
********************************/
.top_banner_btn {
	width: 29%;
	margin: 0px 8px 0px 8px;
}
.top_banner_btn p {
	font-size: 16px;
}
.btn_contact1 {
	width: 30%;
}

/********************************
　お部屋
********************************/
/*共通 ------------------------*/
#main-title-room{
	padding: 30px 0;
}
#room_wrapper .largefont{ font-size: 22px; }

/*roomページ ------------------------*/
#room_wrapper .flexbox-column{
	width: 90%;
}
#room_wrapper .flexbox-column .box2 img{
	width: 100%;
}
/*-- 写真と文章を重ねたコンテンツ --*/
#room_wrapper .flexbox-overlap-r .text .largefont,
#room_wrapper .flexbox-overlap-l .text .largefont{
	font-size: 20px;
	padding-bottom: 10px;
}

/*==================================
施設（Facility）
==================================*/
.facility_img,
.tourist_img {
	width: 48%;
	margin: 0 0 10px 0;
}


/********************************
　料理紹介　カスタムフィールドデザイン
********************************/

/*メイン画像*/
 #view {
 width: 100%;
 height:450px;
}
 #view img {
 width:100%;
 height:auto;
}
 #view p {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
}

/*料理名（サムネイル画像）*/
#ui-tab li {/*「#ui-tab」料理名メニューのデザイン*/
 width: 20%;
}
#ui-tab ul {
 justify-content: flex-start;
}

/*==================================
お風呂（spa）
==================================*/
.spa_wrapper .section_box_half {
	width: 100%;
	margin: 10px 0;
}
.spa_wrapper .section_box_left, .spa_wrapper .section_box_right{
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
}
.spa_wrapper .page_main_photo{ width: 100%; }

/*==================================
庭園（Garden）
==================================*/
.garden_wrapper .section_box_left,
.garden_wrapper .section_box_right{
	float: none;
	width: 100%;
}
.garden_wrapper #top_mainimg{
    float: none;
    width: 100%;
}

/********************************
料理紹介　カテゴリ一覧
********************************/
.CuisineNews_contents_box {
	width: 90%;
	margin: 0 auto 35px;
	float: none;
}

}
/************************************************************************************************
		　　　レスポンシブ（640px以下） ここまで
************************************************************************************************/

div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8 {
	display: none;
}