@charset "utf-8";

html {
    overflow: auto;
}

body {
    overflow-x: hidden;
}

@media screen and (min-width:681px) {

    /*SPパーツ非表示*/
    .spmode {
        display: none;
    }

    #modal-nav,
    .right_sp {
        display: none;
    }

    #reservation_area .btn_submit.sp input {
        display: none;
    }

    br.sp_br {
        display: none;
    }

    body {
        line-height: 1.7;
        min-width: 1080px;
        color: #333;
    }

    .container {
        font-size: 1.5rem;
    }

    a {
        color: #000;
    }

    a:hover {
        text-decoration: none;
    }

    .container {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    /*
--------------------------------------------------
	header
-------------------------------------------------- */
    #sp_header {
        display: none;
    }

    .header_wrap {
        position: relative;
        z-index: 101;
    }

    .header_wrap:after {
        content: "";
        clear: both;
        display: block;
    }

    header {
        margin: 0 auto;
        /* background: linear-gradient(#0b3190, #08246a);
        background: -moz-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いSafariなど向け*/
        filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#0b3190', endColorstr='#08246a', GradientType=0);
        /*IE9以下向け*/
        /* border-bottom: 1px solid #00003e; */
        color: #fff;
    }

    .header-inner {
        width: 1080px;
        height: 90px;
        margin: 0 auto;
        position: relative;
    }

    header h1 {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    header h1 a {
        /* display: block;
        background: url(../img/common/logo.png) no-repeat 0 center;
        overflow: hidden;
        height: 0;
        padding-top: 90px;
        width: 250px; */
    }

    header .logo_cap {
        position: absolute;
        top: 23%;
        left: 350px;
        /* margin-top: -8px; */
    }

    /*パーツボタン*/
    .cnav {
        position: absolute;
        top: 15px;
        right: 0;
    }

    header .cnav li {
        float: left;
        margin-left: 8px;
        width: 140px;
        font-size: 1.2rem;
    }

    header .cnav li a {
        display: block;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        text-align: center;
        color: #fff;
        /*border: 1px solid #fff;*/
        transition: ease-in .4s;
    }

    /*外国語リンク*/
    #lang_nav {
        position: absolute;
        z-index: 110;
        top: 35px;
        right: 160px;
    }

    #lang_nav span {
        display: block;
        border: 1px solid #ddd;
        height: 25px;
        line-height: 25px;
        text-align: center;
        /*background:#fff;*/
        color: #fff;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

    #lang_nav span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -3px;
        box-sizing: border-box;
        width: 4px;
        height: 6px;
        border: 5px solid transparent;
        border-top: 7px solid #fff;
    }

    #lang_nav ul.child_menu {
        margin: 5px 0 0 0;
        padding: 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        display: none;
    }

    #lang_nav ul.child_menu li {
        text-align: left;
        list-style: none;
        float: none;
        margin-left: 0;
    }

    #lang_nav ul.child_menu li a {
        background-color: #fff;
        height: 30px;
        line-height: 30px;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        color: #333;
        text-align: left;
        text-decoration: none;
        border-bottom: 1px solid #ccc;
    }

    #lang_nav ul.child_menu li:last-child a {
        border-bottom: none;
    }

    header .right {
        text-align: right;
    }

    header .hnav li {
        float: left;
        margin-bottom: 20px;
    }

    header .hnav li a {
        width: 120px;
        background: black;
        margin-left: 10px;
        display: block;
        text-align: center;
        color: #fff;
        height: 30px;
        line-height: 30px;
    }

    header .hnav li a:hover {
        background: gray;
    }

    header .header_tel {
        background: url(../img/header_tel.png)no-repeat bottom left;
        background-size: 24px;
        padding-left: 30px;
        font-size: 26px;
        line-height: 24px;
        position: absolute;
        right: 0;
        top: 50px;
    }

    header .hnavSP {
        display: none;
    }

    #headerMenu {
        width: 100%;
    }

    #headerMenu ul {
        letter-spacing: -.4em;
    }

    #headerMenu nav {
        margin: 0 auto;
        width: 960px;
    }

    #headerMenu nav li {
        letter-spacing: normal;
    }

    #headerMenu nav li a {
        margin: 0 auto;
        float: left;
        display: block;
        width: 120px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        transition: initial;
    }

    #headerMenu nav li a:hover {
        background: url(../img/navArrow.png)no-repeat center bottom;
        translate: 0s;
    }

    /*
-----------------------------------------------
	Reservation area
----------------------------------------------- */
    #search_area {
        width: 1080px;
        background: #d2c18d;
        padding: 10px;
        margin: 10px auto;
        color: #333;
        font-size: 1.3rem;
    }

    #search_area .search_inner {
        width: 1060px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
        position: relative;
        display: flex;
    }

    #reservation_area .inner-inner.clearfix {
        margin-bottom: 10px;
    }

    #reservation_area h3.search_title {
        font-size: 24px;
        color: #fff;
        margin: 14px 20px 0 0;
        width: 100px;
        float: left;
    }

    input.datepicker {
        width: 80%;
    }

    .ui-datepicker-trigger {
        cursor: pointer;
    }

    .ui-datepicker {
        font-size: 80% !important;
    }

    .search_inner ul#tabs_nav {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 200px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .search_inner ul#tabs_nav:after {
        content: ".";
        display: block;
        height: 0px;
        clear: both;
        line-height: 0;
        visibility: hidden;
    }

    .search_inner ul#tabs_nav li {
        margin: 0 1px 0 0;
        list-style: none;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
    }

    .search_inner .tabbox {
        display: none;
        padding: 10px 20px 10px 15px;
        top: 0;
        left: 200px;
        width: 860px;
        display: flex;
        flex-wrap: wrap;
    }

    .search_inner .tabbox form {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .search_inner #tab_stay.tabbox {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search_inner ul#tabs_nav li a {
        overflow: hidden;
        height: 0;
        padding-top: 50px;
        display: block;
    }

    .search_inner ul#tabs_nav li.tabs_stay a {
        background: url(../img/common/tab_search_stay.png) no-repeat 0 0;
    }

    .search_inner ul#tabs_nav li.tabs_rest a {
        background: url(../img/common/tab_search_rest.png) no-repeat 0 0;
    }

    .search_inner ul#tabs_nav li.active.tabs_stay a,
    .search_inner ul#tabs_nav li.active.tabs_rest a {
        background-position: 0 -50px;
    }

    #search_area .booking-col {
        /* border:1px solid #aaa;*/
        display: inline-block;
        float: left;
        padding-right: 10px;
        margin-top: 10px;
    }

    #search_area p.btn_search {
        float: right;
        width: 140px;
    }

    #search_area p.btn_search input {
        background: url(../img/common/btn_search.png) no-repeat 0 0;
        display: block;
        overflow: hidden;
        height: 0;
        width: 140px;
        padding: 70px 0 0 0;
        cursor: pointer;
    }

    #search_area h3.search_title {
        font-size: 1.8rem;
        color: #fff;
        background: #642314;
        text-align: center;
        width: 140px;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #search_area h3.search_title span {
        display: table-cell;
        vertical-align: middle;
    }

    #tc-widget[data-layout='horizontal'][data-franchise-id] .tc-shop,
    #tc-widget[data-layout='horizontal'][data-franchise-id] .tc-date,
    #tc-widget[data-layout='horizontal'][data-franchise-id] .tc-time,
    #tc-widget[data-layout='horizontal'][data-franchise-id] .tc-ppl,
    #tc-widget[data-layout='horizontal'][data-chain-id] .tc-shop,
    #tc-widget[data-layout='horizontal'][data-chain-id] .tc-date,
    #tc-widget[data-layout='horizontal'][data-chain-id] .tc-time,
    #tc-widget[data-layout='horizontal'][data-chain-id] .tc-ppl {
        margin-right: 15px !important;
    }

    #tc-widget[data-layout='horizontal'] {
        width: 830px !important;
        margin-bottom: 10px !important;
    }

    /*#reservation_area .searchBtns li{float:left;}
#reservation_area .searchBtns li.pulldownWrap{width: 100px;}
#reservation_area .searchBtns li.btn_submit{width: 160px; margin-top: 10px;}
#reservation_area .searchBtns li.btn_submit.sp {    display: none;}
#reservation_area .searchBtns p.texttop{}
#reservation_area .searchBtns p.textbottom{margin:10px 0 0 0}
#reservation_area li.box_day { width: 230px;}
#reservation_area .pulldown01, #reservation_area .pulldown02{width: 90px;}
#reservation_area input#datepicker {
	background: #fff url(../img/calIcon.png)no-repeat right 10px center;
	background-size: 20px;
}
#reservation_area input, #reservation_area select {
	padding:6px;
	border: none;
}
#reservation_area .btnToday{display:none;}
#reservation_area .btn_submit input.search {
	width: 100%;
	background: #000;
	color: #fff;
	border-radius: 6px;
	height: 70px;
margin: 0 0 10px 0;
transition: ease-in-out 0.2s;
font-size: 24px;
	letter-spacing: 0.5em;
	}
#reservation_area .btn_submit input:hover { cursor: pointer; background:gray;}
input.buttonCancel {
	font-size: 12px;
	height: 30px;
	padding: 0;
	width: 100%;
	border-radius: 4px;
	}
.search_btn01, .search_btn02, .search_btn03, .search_btn04, .search_btn05, .search_radio {
	float: left;
	font-size: 14px;
	vertical-align: top;
	padding-right: 18px;
	text-align: left;
}
.search_btn01 ul {	width: 200px;}
.search_btn02 ul { width: 70px;}
search_btn03 ul{ width: 70px;}
.search_btn04 ul { width: 80px;}
.search_radio input {
	vertical-align: middle;
	margin-right: 4px;
}
.search_radio p { font-size: 13px;}
.search_btn05{padding-right:0; }
p.reservetitle {
	border-left: 6px solid #fff;
	padding-left: 8px;
	margin: 0 0 8px 0;
	line-height: 14px;
}
#reservation_area input.button {
	width: 160px;
	height: 60px;
	line-height: 50px;
	background: #000;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.2em;
	border-radius: 4px;
	transition: ease-in-out 0.2s;
	}
.bottom_menu {background: #e0e0e0;font-size:0; }
.bottom_menu ul {
	text-align: center;
}
.bottom_menu li {display: inline-block;border-right: 1px solid #c1c1c1;font-size: 14px;}
.bottom_menu li:first-child{border-left: 1px solid #c1c1c1;}
.bottom_menu li a {
	display: block;
	padding: 6px 20px;
}
.bottom_menu li a:hover{background:gray;color:#fff;}*/
    /*チェックボックス*/
    .checktext,
    .checktext2 {
        margin-top: 4px;
        font-size: 12px;
    }

    .checkA {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: button;
        appearance: button;
        width: 16px;
        height: 16px;
        border: 1px solid #999;
        vertical-align: middle;
    }

    .checkA:checked::after {
        position: absolute;
        content: "";
        top: 0px;
        left: 4px;
        width: 4px;
        height: 10px;
        border-right: 4px solid #009933;
        border-bottom: 4px solid #009933;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*
--------------------------------------------------
	Navigation
-------------------------------------------------- */
    .snav {
        background: #ededed;
        height: 30px;
        line-height: 30px;
    }

    .snav ul {
        width: 1080px;
        margin: 0 auto;
    }

    .snav ul li {
        display: inline;
        font-size: 1.3rem;
        margin-right: 15px;
    }

    .snav ul li a {
        text-decoration: none;
        padding: 0 0 0 12px;
        position: relative;
    }

    .snav ul li a::before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        border-top: 1px solid #0b308e;
        border-right: 1px solid #0b308e;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .snav ul li a:hover {
        color: #0b308e;
    }

    .nav_wrap {
        position: relative;
        z-index: 100;
    }

    nav {
        width: 100%;
        background: url(../img/common/bg_nav.png) repeat-x 0 0;
        height: 80px;
    }

    nav .nav-inner {
        width: 1080px;
        margin: 0 auto;
    }

    nav ul:after {
        content: "";
        clear: both;
        display: block;
    }

    nav.gnav #main_nav {
        display: flex;
        justify-content: flex-end;
    }

    nav.gnav li {
        float: left;
        width: 120px;
        height: 70px;
        font-size: 1.5rem;
        letter-spacing: 0;
        font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }

    nav.gnav li a {
        background: url(../img/common/nav.png) no-repeat 0 0;
        /*width: 135px;
	overflow:hidden;
	height:0;
	display:block;
	padding-top:80px;*/
        display: block;
        text-align: center;
        height: 70px;
        /* line-height: 70px; */
        color: #333;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        line-height: 1.4;
    }

    nav.gnav li.nav05,
    nav.gnav li.nav06,
    nav.gnav li.nav09 {
        width: 150px;
    }

    /*nav.gnav li.nav03{ width:140px;}*/
    nav.gnav li a:hover {
        background-position: 0 -70px;
    }

    nav.gnav li.current a {
        background-position: 0 -140px;
        color: #fff;
        text-shadow: -1px -1px 5px #000;
    }

    nav.gnav li.nav07,
    nav.gnav li.nav08 {
        width: 150px;
    }

    nav.gnav li.nav07 a {
        background: url(../img/common/nav_reserved.png) no-repeat 0 0;
        overflow: hidden;
        height: 0;
        padding-top: 80px;
    }

    nav.gnav li.nav08 a {
        background: url(../img/common/nav_reserved.png) no-repeat -150px 0;
        overflow: hidden;
        height: 0;
        padding-top: 70px;
    }

    nav.gnav li.nav07 a:hover {
        background-position: 0 0;
        opacity: 0.9;
    }

    nav.gnav li.nav08 a:hover {
        background-position: -150px 0;
        opacity: 0.9;
    }

    /* base */
    #page-home nav.gnav li.nav01 a {}

    /* nav_fixed */
    .fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    /*hover.css*/
    /*nav li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
nav li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
nav li:hover:before, nav li:focus:before, nav li:active:before {
  left: 0;
  right: 0;
}

nav li.current a {
	border-bottom: 2px solid #000;
	background: url(../img/navArrow.png)no-repeat center bottom;
}
nav.fixed {
	background: #fff;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);
}*/
    /* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
    #mddNav {
        position: relative;
        z-index: 100;
    }

    /* mddWrap
------------------------------------- */
    #mddNav .mddWrap {
        position: absolute;
        top: 70px;
        left: 50%;
        z-index: 100;
        overflow: hidden;
        display: none;
        width: 1080px;
        margin-left: -540px;
        /*height: 280px;*/
        text-align: center;
        background: #fff;
        background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
        border: #aaa 1px solid;
        border-top: none;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    #mddNav .mddWrap .mddInner {
        margin: 0 auto;
        width: 1060px;
        padding-top: 20px;
        /*height: 260px;
  background:#ddd;*/
        line-height: 1.5;
        text-align: left;
    }

    #mddNav .mddWrap .mddInner>.dropContent {
        display: flex;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div {
        margin: 0 0 0 10px;
        width: 255px;
        border-right: #000 1px solid;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div:last-child {
        margin-right: 0;
        border-right: none;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div>ul>li {
        line-height: 1.6;
        width: auto;
        float: none;
        height: auto;
        font-size: 1.5rem;
        margin-left: 20px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div>ul>li a {
        background: none;
        text-align: left;
        height: auto;
        line-height: 1.6;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div>ul>li a:hover {
        text-decoration: underline;
    }

    #mddNav .mddWrap .mddInner>.dropContent>div>ul>li.list_ttl {
        margin-left: 0;
        position: relative;
        font-weight: bold;
        color: #0b3190;
    }

    /*
--------------------------------------------------
	main
-------------------------------------------------- */
    /*
--------------------------------------------------
	バナーエリア
-------------------------------------------------- */
    .banner {
        width: 960px;
        margin: 10px auto;
    }

    .banner:after {
        content: "";
        clear: both;
        display: block;
    }

    .banner img:last-child {
        margin: 0;
    }

    .banner img {
        vertical-align: bottom;
        float: left;
        margin-right: 26px;
    }

    /*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
    .visual {
        overflow: hidden;
        height: 480px;
        position: relative;
    }

    .mv {
        width: 100%;
        height: 680px;
        position: relative;
        overflow: hidden;
    }

    .mv .swiper-wrapper {
        height: 100%;
    }

    .mv .swiper-wrapper .swiper-slide {
        height: 100%;
    }

    .mv .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .mv .swiper-wrapper .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        top: 650px;
        bottom: auto;
        left: 0;
        width: 100%;
    }

    #page-home .visual {
        overflow: hidden;
        position: relative;
    }

    #page-home .main-photo {
        width: 1600px;
        min-width: 1080px;
        position: relative;
        left: 50%;
        margin-left: -800px;
    }

    #page-home .main-photo-inner {
        position: relative;
    }

    #page-home .slide_home>li {
        width: auto;
        position: static;
        left: 0;
        margin-left: 0;
    }

    #page-home .slide_home>li>img {
        width: 1600px;
    }

    #page-home .wide .main-photo {
        width: 100%;
        position: relative;
        left: 0;
        margin-left: 0;
    }

    #page-home .wide .slide_home>li>img {
        width: 100%;
    }

    .wide02.main-photo {
        /* height: 480px !important; */
        overflow: hidden;
    }

    #page-home .wide02.main-photo {
        height: auto !important;
        overflow: hidden;
    }

    /*230511 newspage*/
    #page-detail .visual {
        overflow: hidden;
        position: relative;
    }

    #page-detail .main-photo {
        width: 1600px;
        min-width: 1080px;
        position: relative;
        left: 50%;
        margin-left: -800px;
    }

    #page-detail .main-photo-inner {
        position: relative;
    }

    #page-detail .slide_home>li {
        width: auto;
        position: static;
        left: 0;
        margin-left: 0;
    }

    #page-detail .slide_home>li>img {
        width: 1600px;
    }

    #page-detail .wide .main-photo {
        width: 100%;
        position: relative;
        left: 0;
        margin-left: 0;
    }

    #page-detail .wide .slide_home>li>img {
        width: 100%;
    }

    #page-detail .wide02.main-photo {
        height: auto !important;
        overflow: hidden;
    }

    /* page */
    .slide_page li {
        width: auto;
        position: static;
        left: 0;
        margin-left: 0;
    }

    .slide_page>li>img {
        width: 1600px;
    }

    .wide .slide_page>li>img {
        width: 100%;
    }

    /*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
    photo {
        width: 100%;
        text-align: center;
    }

    photo img {
        width: 100%;
        vertical-align: bottom;
    }

    .main-photo {}

    /*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
    .breadcrumbs {
        margin: 0 -100%;
        padding: 5px 100%;
        margin-bottom: 20px;
        background: #fff;
        font-size: 1.2rem;
        /*border-bottom:1px solid #ddd;*/
    }

    .breadcrumbs ul {}

    .breadcrumbs ul li {
        display: inline;
    }

    .breadcrumbs ul li:before {
        content: "＞";
        padding: 0 6px;
    }

    .breadcrumbs ul li:first-child:before {
        content: "";
    }

    /*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
    .content {
        width: 100%;
        margin: 0 0;
        padding: 0 0 50px;
    }

    .content .inner {
        width: 1080px;
        margin: 0 auto;
    }

    .wrapper {
        margin: 0;
    }

    /*photo*/
    .photos {}

    .photos-right {
        float: right;
        margin-left: 30px;
    }

    .photos-left {
        float: left;
        margin-right: 30px;
    }

    .plandetail-left {
        /* float: right;*/
        margin-left: 30px;
    }

    .plandetail a {
        color: #333;
    }

    .plandetail a:hover {
        text-decoration: none;
    }

    header .cnav .cnav_contact {
        position: absolute;
        top: 0;
        right: 160px;
    }

    header .cnav .cnav_contact a {
        background: #fff;
        color: #333;
        height: 30px;
        line-height: 30px;
    }

    .photos-center {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .photos-center img {
        width: 100% !important;
        height: auto;
    }

    .photos-conformity {
        margin: 0 auto;
    }

    .photos-conformity-left {
        margin: 0;
    }

    .photos-conformity-left>div {
        margin-right: 10px;
    }

    .photos-conformity-left>div:last-of-type {
        margin-right: 0;
    }

    .photos-conformity-right {
        margin: 0;
        margin: 0 0 20px 0;
    }

    .photos-conformity-center {
        margin: 0 auto;
    }

    .photos-conformity:after,
    .photos-conformity-left:after,
    .photos-conformity-right:after,
    .photos-conformity-center:after {
        content: "";
        clear: both;
        display: block;
    }

    .photos-conformity div,
    .photos-conformity-left div,
    .photos-conformity-right div,
    .photos-conformity-center div {
        float: left;
        margin: 10px 10px 0;
    }

    /*.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}*/
    .photos img,
    .photos-left img,
    .photos-right img,
    .photos-top img,
    .photos-top_headline img,
    .photos-center img,
    .photos-conformity img,
    .photos-conformity-left img,
    .photos-conformity-right img,
    .photos-conformity-center img {
        vertical-align: bottom;
        margin-bottom: 10px;
    }

    .photos .caps,
    .photos-left .caps,
    .photos-right .caps,
    .photos-top .caps,
    .photos-center .caps,
    .photos-conformity .caps,
    .photos-conformity-left .caps,
    .photos-conformity-right .caps,
    .photos-conformity-center .caps {
        display: block;
    }

    .photos-left_headline {
        float: left;
        margin-right: 20px;
    }

    .photos-right_headline {
        float: right;
        margin-left: 20px;
    }

    .photos-top_headline {}

    /* List */
    .column-inner ul {
        padding: 0;
    }

    .column-inner ol {
        padding: 0;
    }

    /*.column-inner ul li { margin: 0; padding: 0; list-style: disc;}*/
    .column-inner ol li {
        list-style: decimal;
    }

    /* Detail */
    .plandetail {
        overflow: hidden;
    }

    .plandetail-left {
        overflow: hidden;
    }

    .plandetail-right {
        overflow: hidden;
    }

    .plandetail-center {
        overflow: hidden;
        clear: both;
    }

    .plandetail-conformity {
        padding-top: 10px;
        overflow: hidden;
        clear: both;
    }

    .plandetail-conformity-left {
        overflow: hidden;
        width: auto;
    }

    .plandetail-conformity-right {
        overflow: hidden;
        width: auto;
    }

    .plandetail-conformity-center {
        padding-top: 10px;
        overflow: hidden;
        clear: both;
    }

    p.statement_link a {
        display: block;
        background: #000 url(../img/arrow_w.png) no-repeat right 8px center;
        background-size: 10px;
        color: #fff;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 20px 0;
        text-decoration: none;
        transition: ease-in 0.2s;
    }

    p.statement_link a:hover {
        background: #000 url(../img/arrow_w.png) no-repeat right 6px center;
        background-size: 10px;
        text-decoration: none;
    }

    /* Move */
    .move {
        position: fixed;
        right: 20px;
        /*margin-right: -640px;*/
        bottom: 30px;
        z-index: 100;
    }

    .move ul li a {
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0.8) url(../img/common/ico_move.png) no-repeat center center;
        background-size: 24px;
        display: block;
        text-indent: -9999px;
        border-radius: 4px;
    }

    /* news */
    article.news {
        width: 960px;
        margin: 0 auto;
        padding-bottom: 90px;
    }

    article.news h2 {
        font-size: 24px;
        text-align: center;
        line-height: 70px;
        height: 70px;
        border-bottom: 1px solid #000;
        margin: 0 0 40px 0;
    }

    .news .articleWrap article {
        float: left;
        width: 300px;
        margin-right: 30px;
        position: relative;
    }

    .news .articleWrap article:last-of-type {
        margin-right: 0px;
    }

    .news .articleWrap article a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .news .articleWrap article a:hover {
        background: rgba(0, 0, 0, 0.2);
    }

    .news .recentPost h3 {
        font-weight: bold;
        height: 70px;
        font-size: 16px;
    }

    .news .articleWrap p.detailBtn {
        padding: 10px 0;
        background: #fff url(../img/arrow.png)no-repeat right 6px center;
        background-size: 14px;
        border: 1px solid #333;
        color: #000;
        text-align: center;
        text-decoration: none;
        width: 100%;
        margin: 20px 0;
    }

    .news .articleWrap p.detailBtn:hover {
        background: #fff url(../img/arrow.png)no-repeat right 6px center;
        background-size: 14px;
    }

    /*more button*/
    article.news .more {
        margin-top: 20px;
    }

    article.news .more .button {}

    article.news .more a {
        display: block;
        background: #333 url(../img/arrow_w.png)no-repeat right 8px center;
        background-size: 14px;
        border: 1px solid #333;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 380px;
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    article.news .more a:hover {
        border: 1px solid #000;
        color: #000;
        background: #fff url(../img/arrow.png)no-repeat right 6px center;
        background-size: 14px;
    }

    #entries {
        margin: 20px 0;
        padding: 0;
    }

    #entries div.column {
        margin: 0;
        padding: 0;
    }

    /*news詳細*/
    span.new {
        color: #fff;
        background: #c30000;
        padding: 0 5px;
        border-radius: 6px;
        margin: 0 0 0 5px;
    }

    /* Tabs Contents */
    /* Caution! Ensure accessibility in print and other media types... */
    @media projection,
    screen {

        /* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
        .ui-tabs-hide {
            display: none;
        }
    }

    /* Hide useless elements in print layouts... */
    @media print {
        .ui-tabs-nav {
            display: none;
        }
    }

    ul.ui-tabs-nav {
        width: 100%;
        height: 70px;
    }

    ul.ui-tabs-nav li {
        float: left;
        position: relative;
    }

    ul.ui-tabs-nav li a {
        width: 230px;
        height: 50px;
        line-height: 50px;
        margin: 0 5px 0 0;
        padding-top: 0px;
        display: block;
        float: left;
        background: #d6d6d6;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
    }

    /* Tab Style */
    ul.ui-tabs-nav li#entries-tab-recommend a {}

    ul.ui-tabs-nav li#entries-tab-recommend a:hover {}

    ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a {
        background: #000000;
        color: #fff;
    }

    ul.ui-tabs-nav li#entries-tab-restaurant a {}

    ul.ui-tabs-nav li#entries-tab-restaurant a:hover {}

    ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a {
        background: #000000;
        color: #fff;
    }

    ul.ui-tabs-nav li#entries-tab-news a {
        background: #d6d6d6;
        background-position: bottom center;
    }

    ul.ui-tabs-nav li#entries-tab-news a:after {
        position: absolute;
        content: "";
        width: 230px;
        height: 10px;
        bottom: -10px;
        left: 0;
        display: block;
    }

    ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a {
        background: #000000;
        color: #fff;
    }

    /*選択時の三角*/
    ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected:after,
    ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected:after,
    ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected:after {
        content: "";
        position: absolute;
        background: url(../img/tab_arrow.png)no-repeat center bottom;
        width: 230px;
        height: 10px;
        bottom: -10px;
        left: 0;
        display: block;
    }

    /*hover*/
    ul.ui-tabs-nav li#entries-tab-news a:hover,
    ul.ui-tabs-nav li#entries-tab-recommend a:hover,
    ul.ui-tabs-nav li#entries-tab-restaurant a:hover {
        opacity: 0.5;
    }

    /*
--------------------------------------------------
	ギャラリー表示
-------------------------------------------------- */
    /* Small-160px */
    .imagesurfingsmall {
        width: 164px;
        height: auto;
        text-align: center;
        overflow: hidden;
    }

    .imagesurfingsmall ul {
        width: 160px;
        margin: 0 auto;
    }

    .imagesurfingsmall ul li {
        width: 40px;
        padding: 1px 0 0 0;
        margin: 0;
        float: left;
        list-style: none;
    }

    .imagesurfingsmall ul li a {
        width: 40px;
        height: 30px;
        border: none;
        border-bottom: 4px solid #DECBA6;
        display: block;
        float: left;
        outline: none;
        overflow: hidden;
    }

    .imagesurfingsmall img {
        width: auto;
        height: 120px;
        text-align: center;
        vertical-align: bottom;
    }

    .imagesurfingsmall ul li img {
        width: 39px;
        height: 29px;
        margin: 0;
        padding: 0;
        background: #FFF;
        border-right: 1px solid #FFF;
    }

    .imagesurfingsmall ul li a.imagesurfing-selected {
        border-bottom: 4px solid #BB471F;
    }

    .imagesurfingsmall p.imagesurfing-caption {
        margin: 0 !important;
        padding: 3px 0;
        font-size: 10px;
        line-height: 1.2;
    }

    /* Normal-220px */
    .imagesurfingnormal {
        width: 224px;
        height: auto;
        text-align: center;
        overflow: hidden;
    }

    .imagesurfingnormal ul {
        width: 220px;
        margin: 0 auto;
    }

    .imagesurfingnormal ul li {
        width: 55px;
        padding: 1px 0 0 0;
        margin: 0;
        float: left;
        list-style: none;
    }

    .imagesurfingnormal ul li a {
        width: 55px;
        height: 42px;
        border: none;
        border-bottom: 4px solid #dcdcdc;
        display: block;
        float: left;
        outline: none;
        overflow: hidden;
    }

    .imagesurfingnormal img {
        width: auto;
        height: 165px;
        text-align: center;
        vertical-align: bottom;
    }

    .imagesurfingnormal ul li img {
        width: 54px;
        height: 41px;
        margin: 0;
        padding: 0;
        background: #FFF;
        border-right: 1px solid #eee;
    }

    .imagesurfingnormal ul li a.imagesurfing-selected {
        border-bottom: 4px solid #5f5f5f;
    }

    .imagesurfingnormal p.imagesurfing-caption {
        margin: 0 !important;
        padding: 3px 0;
        font-size: 10px;
        line-height: 1.2;
    }

    /* Large-280px */
    .imagesurfinglarge {
        width: 284px;
        height: auto;
        text-align: center;
        overflow: hidden;
    }

    .imagesurfinglarge ul {
        width: 280px;
        margin: 0 auto;
    }

    .imagesurfinglarge ul li {
        width: 70px;
        padding: 1px 0 0 0;
        margin: 0;
        float: left;
        list-style: none;
    }

    .imagesurfinglarge ul li a {
        width: 70px;
        height: 53px;
        border: none;
        border-bottom: 4px solid #DECBA6;
        display: block;
        float: left;
        outline: none;
        overflow: hidden;
    }

    .imagesurfinglarge img {
        width: auto;
        height: 210px;
        text-align: center;
        vertical-align: bottom;
    }

    .imagesurfinglarge ul li img {
        width: 69px;
        height: 52px;
        margin: 0;
        padding: 0;
        background: #FFF;
        border-right: 1px solid #FFF;
    }

    .imagesurfinglarge ul li a.imagesurfing-selected {
        border-bottom: 4px solid #BB471F;
    }

    .imagesurfinglarge p.imagesurfing-caption {
        margin: 0 !important;
        padding: 3px 0;
        font-size: 10px;
        line-height: 1.2;
    }

    /*Banner Area*/
    .bannerArea {
        width: 960px;
        margin: 0 auto;
    }

    .bannerArea li {
        float: left;
    }

    .bannerArea li {
        margin-right: 26px;
    }

    .bannerArea li:last-child {
        margin-right: 0px;
    }

    /*sns icons*/
    .snsIcon .inner {
        width: 960px;
        margin: 0 auto;
        text-align: center;
        padding: 40px;
    }

    .snsIcon li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
    }

    .snsIcon li a {
        /*display:block;*/
    }

    .snsIcon li img {
        width: 40px;
    }

    /*
--------------------------------------------------
	footer
-------------------------------------------------- */
    footer {
        width: 100%;
    }

    footer .inner {}

    footer .infoPhoto img {
        width: 200px;
    }

    footer .rowWrap {
        margin: 20px 0
    }

    footer .infoPhoto {
        float: left;
        width: 200px;
        margin-right: 20px;
    }

    footer .infoaddress {
        float: left;
        width: 300px;
    }

    footer .infoText {
        float: right;
        width: 400px;
    }

    .information {
        width: 100%;
    }

    .information-inner {
        width: 1080px;
        margin: 0 auto;
        position: relative;
        height: 90px;
    }

    .information-inner:after {
        content: "";
        clear: both;
        display: block;
    }

    .information-inner .contact {
        position: absolute;
        top: 20px;
        left: 620px;
    }

    .information-inner .contact a {
        background: #0b3190;
        background-size: 20px;
        color: #fff;
        display: block;
        width: 160px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        text-decoration: none;
        font-size: 1.4rem;
        transition: ease-in .4s;
    }

    .information-inner .contact a:hover {
        background: #373ab3;
    }

    .information-inner .contact a span {
        background: url(../img/common/ico_mail.png) no-repeat 0 center;
        background-size: 20px;
        padding-left: 30px;
    }

    .information-inner .sns_link {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .information-inner .sns_link li {
        float: left;
        margin-left: 5px;
    }

    .information-inner .sns_link li a {
        background: url(../img/common/ico_footer_sns.png) no-repeat 0 0;
        display: block;
        width: 45px;
        overflow: hidden;
        height: 0;
        padding-top: 45px;
    }

    .information-inner .sns_link li a:hover {
        opacity: 0.7;
    }

    .information-inner .sns_link li.sns_ta a {
        background-position: 0 0;
    }

    .information-inner .sns_link li.sns_blog a {
        background-position: -45px 0;
    }

    .information-inner .sns_link li.sns_fb a {
        background-position: -90px 0;
    }

    .footer_banner {
        border-top: 1px solid #1b1b1b;
        padding: 20px 0;
    }

    .footer_banner ul {
        width: 1080px;
        margin: 0 auto;
        text-align: center;
    }

    .footer_banner ul li {
        display: inline-block;
        margin: 0 5px;
    }

    .footer_banner ul li.ft_bn {
        background: #f1ede1;
        border: 1px solid #c5c3bc;
        width: 300px;
    }

    .footer_banner ul li.ft_bn a {
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 70px;
    }

    .footer_banner ul li.ft_bn.bn_shikokuhotels a {
        background: url(../img/common/bn_ft_shikokuhotels.gif) no-repeat 0 0;
    }

    .footer_banner ul li.ft_bn.bn_jrhotels a {
        background: url(../img/common/bn_ft_jrhotels.gif) no-repeat 0 0;
    }

    .footer_banner ul li.ft_bn.bn_hankyu a {
        background: url(../img/common/bn_ft_hankyu.gif) no-repeat 0 0;
    }

    .information-access {
        padding: 20px 0;
    }

    .information-access h4 {
        padding-top: 8px;
        width: fit-content;
        float: left;
        margin-right: 20px;
    }

    .information-access p {
        font-size: 1.4rem;
    }

    .information-access .hotel_tel {
        font-size: 1.4rem;
    }

    .information-access .hotel_tel li {
        display: inline;
    }

    .information-access .hotel_tel li.tel {
        margin-right: 10px;
    }

    .information-access .hotel_tel li.tel a {
        text-decoration: none;
    }

    .information-access .hotel_tel li.tel:before {
        content: "TEL:";
    }

    .information-access .hotel_tel li.fax:before {
        content: "FAX:";
    }

    .fnav {
        width: 100%;
        border-top: 1px solid #cbc5b3;
        border-bottom: 1px solid #cbc5b3;
    }

    .fnav .fnav-inner {
        width: 100%;
        background: #efede5;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 15px 0;
    }

    .fnav ul {
        text-align: center;
        padding: 0;
    }

    .fnav li {
        display: inline-block;
        padding: 0 10px;
        font-size: 1.2rem;
    }

    .fnav li a {
        color: #333;
        text-decoration: none;
    }

    .fnav li a:hover {
        text-decoration: underline;
    }

    footer .copyright {
        background: #1d1d1d;
        text-align: center;
        height: 50px;
        line-height: 50px;
        font-size: 1.2rem;
        color: #fff;
    }

    /*
--------------------------------------------------
	go pagetop
-------------------------------------------------- */
    .pagetop {
        position: fixed;
        right: 50%;
        bottom: 0;
        z-index: 80;
        margin-right: -680px;
        z-index: 1;
    }

    .pagetop a {
        background: #333;
        color: #fff;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        display: block;
        border-radius: 5px;
    }

    .pagetop a:hover {
        text-decoration: none;
        background: #999;
    }

    /*フッタに固定時*/
    /*.pagetop.stop a {
	border-radius: 6px 6px 0 0;
}*/
    /*hover.css*/
    /* Underline From Center */
    .hvr-underline-from-center {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        overflow: hidden;
    }

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #000;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before,
    .hvr-underline-from-center:focus:before,
    .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }

    /*
--------------------------------------------------
	bxslider Style
-------------------------------------------------- */
    .bx-wrapper {
        position: relative;
        margin: 0 auto;
        padding: 0;
        *zoom: 1;
    }

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .visual .bx-wrapper .bx-pager {
        text-align: center;
        position: absolute;
        left: 50%;
        width: 100px;
        z-index: 100;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 100px;
        z-index: 100;
        margin-left: -50px;
    }

    .bx-wrapper .bx-pager .bx-pager-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 100;
    }

    .bx-pager a {
        background: #eee;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }

    .bx-pager a:hover,
    .bx-pager a.active {
        background: #c5a84f;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        outline: 0;
        width: 30px;
        height: 45px;
        text-indent: -9999px;
        z-index: 100;
    }

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

    /* pagerサムネイル */
    .thumb {
        text-align: center;
        font-size: 0;
    }

    .thumb a {
        display: inline-block;
        margin: 10px 1px 0;
    }

    .thumb a img {
        border: 3px solid #ddd;
        box-sizing: border-box;
        opacity: 0.5;
        width: 80px;
        filter: alpha(opacity=50);
    }

    .thumb a.active img {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .thumb a.active img {
        border-color: #d2c18d;
    }

    /*
--------------------------------------------------
    Slick Style
-------------------------------------------------- */
    .slick-prev,
    .slick-next {
        width: 35px;
        height: 35px;
    }

    /*左右の矢印の色を変える*/
    .slick-prev:before,
    .slick-next:before {
        color: #fff;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        background: #413127;
        opacity: 0.8;
    }

    /*左右の矢印の位置を変える*/
    .slick-next {
        right: -40px;
        z-index: 0;
        background: #413127;
        border-radius: 20px;
    }

    .slick-next:before {
        /*content: url(../img/common/arr_slick_next.png);*/
        content: "";
        display: block;
        height: 8px;
        width: 8px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -4px;
    }

    .slick-prev {
        left: -40px;
        z-index: 0;
        background: #413127;
        border-radius: 20px;
    }

    .slick-prev:before {
        /*content: url(../img/common/arr_slick_next.png);*/
        content: "";
        display: block;
        height: 8px;
        width: 8px;
        border-left: solid 2px #fff;
        border-bottom: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -4px;
    }

    /*スライド数のドットの色を変える*/
    .slick-dots li.slick-active button:before,
    .slick-dots li button:before {
        color: #333;
    }

    .slick-dots {
        bottom: -40px;
    }

    /*スライド画像の横幅可変*/
    /*ul.multiple-item li img {
    max-width: 260px;
    height: auto;
}*/
    .home_stayplan {
        width: 840px;
        padding: 30px 0;
        float: right;
    }

    .home_stayplan_inner {
        width: 720px;
        margin: 0 auto;
    }

    .home_stayplan .column,
    .home_stayplan .column-inner {
        margin: 0;
        padding: 0;
    }

    .planbox {
        width: 230px;
        min-height: 260px;
        margin: 10px 5px;
        box-sizing: border-box;
        overflow: hidden;
        text-align: center;
        position: relative;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }

    .planbox a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .planbox h4 {
        margin: 10px;
        text-align: left;
        font-size: 1.5rem !important;
    }

    .planbox:hover h4 {
        text-decoration: underline;
    }

    .planbox .ph_home_banner img {
        width: 230px;
    }

    .planbox .ph_home_banner {
        height: 150px;
        overflow: hidden;
    }

    /*
--------------------------------------------------
	common css
-------------------------------------------------- */
    .column {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .column-inner {
        margin: 0 0 20px;
        padding: 0 0 20px;
    }

    .column:after,
    .column-inner:after {
        content: "";
        clear: both;
        display: block;
    }

    /* 見出し */
    .content h2.hd {
        font-size: 4.0rem;
        text-align: center;
        margin: 20px 0 40px;
        letter-spacing: 0.1em;
        font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }

    .content h2.hd:after {
        content: "";
        display: block;
        background: url(../img/common/hd_border.png) repeat-y center 0;
        height: 3px;
        width: 200px;
        margin: 10px auto 0;
    }

    .column-inner h3 {
        margin-bottom: 10px;
        font-size: 2.4rem;
    }

    .column-inner h3.shd {
        text-align: center;
        margin: 40px 0 0;
    }

    .column-inner h3.shd:before {
        content: "";
        display: block;
        height: 3px;
        width: 40px;
        margin: 0 auto 10px;
        background: #0b3190;
    }

    .column-inner h3.sshd {
        font-size: 1.8rem;
        border: 1px solid #ccc;
        padding: 5px 0 5px 25px;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        overflow: hidden;
    }

    .column-inner h3.sshd:before {
        content: "";
        display: block;
        height: 20px;
        width: 3px;
        background: #0b3190;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -10px;
    }

    .column-inner h4 {
        margin-bottom: 10px;
        font-size: 1.8rem;
    }

    .column-inner h4.sshd {
        border: 1px solid #ccc;
        padding: 5px 0 5px 25px;
        /*border-radius:5px;*/
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
    }

    .column-inner h4.sshd:before {
        content: "";
        display: block;
        height: 20px;
        width: 3px;
        background: #0b3190;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -10px;
    }

    .column-inner h5 {
        font-size: 1.6rem;
    }

    /* table */
    .column-inner table {
        margin: 10px 0;
        border: none;
        border-collapse: separate;
        border-spacing: 0;
    }

    .column-inner table th,
    .column-inner table td {
        padding: 14px 10px;
        border-top: 1px solid #ccc;
    }

    .column-inner table th {
        border-top: 1px solid #0b3190;
    }

    .column-inner table tr:last-child td {
        border-bottom: 1px solid #ccc;
    }

    .column-inner table tr:last-child th {
        border-bottom: 1px solid #0b3190;
    }

    .column-inner table th {
        background: none;
        font-weight: bold;
        vertical-align: top;
        width: 30%;
    }

    /* dl_table */
    .column-inner dl.list_table {
        background-color: #dce6f0;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #cacad1;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .column-inner dl.list_table dt {
        float: left;
        clear: both;
        width: 150px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #cacad1;
        padding: 15px;
    }

    .column-inner dl.list_table dd {
        margin-left: 150px;
        background-color: #fff;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #cacad1;
        padding: 15px;
        overflow: hidden;
    }

    /* more */
    .more {
        clear: both;
    }

    .more:after {
        content: "";
        display: block;
        clear: both;
    }

    .more a {
        background: #fff;
        border: 1px solid #c5a84f;
        color: #c5a84f;
        text-decoration: none;
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        transition: ease-in .4s;
    }

    .more a:hover {
        background: #c5a84f;
        color: #fff;
    }

    /* btn_more */
    .more_detail {
        clear: both;
    }

    .more_detail:after {
        content: "";
        display: block;
        clear: both;
    }

    a.btn_more {
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        transition: ease-in .4s;
    }

    a.btn_more:hover {
        background: rgba(255, 255, 255, 1);
        color: #333;
    }

    /* btn_link */
    .btn_link_col {
        clear: both;
        margin: 10px 0;
        width: 280px;
        text-align: center;
    }

    .btn_link_col:after {
        content: "";
        display: block;
        clear: both;
    }

    a.btn_link {
        position: relative;
        display: inline-block;
        padding: 0 0 0 22px;
        vertical-align: middle;
        text-decoration: none;
        color: #fff;
    }

    a.btn_link:hover {
        text-decoration: underline;
    }

    a.btn_link::before,
    a.btn_link::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    a.btn_link::before {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    a.btn_link::after {
        left: 8px;
        box-sizing: border-box;
        width: 5px;
        height: 3px;
        border: 3px solid transparent;
        border-left: 4px solid #fff;
    }

    a.arrow {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
    }

    a.arrow::before,
    a.arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    a.arrow::before {
        left: 4px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 4px solid transparent;
        border-left: 4px solid #d2c18d;
    }

    /*
--------------------------------------------------
	TOP #page-home
-------------------------------------------------- */
    #page-home .content .inner {
        width: 100%;
        margin: 0 auto;
    }

    #page-home .content {
        margin-bottom: 0;
        z-index: 8;
        position: relative;
    }

    /* home_news */
    #news {
        width: 1080px;
        margin: 40px auto;
    }

    #news:after {
        content: "";
        clear: both;
        display: block;
    }

    #news .column {
        width: 250px;
        margin: 0 10px 15px;
        float: left;
    }

    #news div:nth-of-type(4n+1).column {
        clear: both;
    }

    #news .column-inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #news .column-inner h3 {
        font-size: 1.6rem;
    }

    #news .more {
        width: 360px;
        margin: 15px auto;
    }

    /* home_point01 */
    .home_point {
        position: relative;
        height: 580px;
        overflow: hidden;
    }

    .home_point:after {
        content: "";
        clear: both;
        display: block;
    }

    .home_point .home_point_photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
    }

    .home_point .home_point_photo img {
        width: 100%;
        height: auto;
        min-width: 1600px;
    }

    #home_point_rest.home_point .home_point_photo img,
    #home_point_banquet.home_point .home_point_photo img {
        min-width: 640px;
    }

    .home_point .home_point_inner {
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        top: 0;
        left: 55%;
        height: 100%;
        width: 45%;
    }

    .home_point .home_point_txt {
        width: 500px;
        padding: 20px 40px;
        color: #fff;
    }

    .home_point .home_point_txt h3 {
        font-size: 3.6rem;
        margin-top: 100px;
        margin-bottom: 20px;
    }

    .home_point .home_point_txt h3 span {
        display: block;
        font-size: 2.3rem;
        line-height: 1.4;
    }

    /*.home_point .home_point_txt h3 span{ display:block; font-size:2.4rem; line-height: 1.4;}*/
    .home_point .home_point_txt .txt {
        line-height: 1.8;
    }

    .home_point .home_point_txt .more_detail {
        width: 280px;
        margin: 25px 0 0;
    }

    /*#home_point_rest{ margin-bottom:10px;}*/
    #home_point_rest.home_point,
    #home_point_banquet {
        position: relative;
        height: 553px;
        overflow: hidden;
        width: 50%;
        float: left;
    }

    #home_point_rest.home_point.home_point .home_point_txt h3,
    #home_point_banquet.home_point.home_point .home_point_txt h3 {
        font-size: 3.6rem;
        margin-top: 0;
        margin-bottom: 10px;
    }

    #home_point_rest.home_point .home_point_inner,
    #home_point_banquet.home_point .home_point_inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
    }

    #home_point_rest.home_point .home_point_txt {
        position: absolute;
        top: 0;
        right: 0;
    }

    #page-home .pointaria:after {
        content: "";
        display: table;
        clear: both;
    }

    #home_point_rest.home_point.home_point .home_point_txt {
        width: 500px;
        padding: 10px 80px;
        color: #fff;
        margin: 0 auto;
    }

    #home_point_banquet.home_point.home_point .home_point_txt {
        width: 540px;
        padding: 10px 80px;
        color: #fff;
        margin: 0 auto;
    }

    #home_point_rest.home_point .home_point_txt .txt,
    #home_point_banquet.home_point .home_point_txt .txt {
        line-height: 1.6;
    }

    #home_point_rest.home_point .home_point_txt .more_detail,
    #home_point_banquet.home_point .home_point_txt .more_detail {
        margin: 0;
        position: absolute;
        top: 210px;
    }

    /* home_point02 */
    .home_point02 {
        position: relative;
        height: 480px;
        padding: 0;
        background-image: url(../img/common/bg_home_wedding.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }

    .home_point02 .home_point_inner {
        width: 1080px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        text-align: center;
    }

    .home_point02 .home_point_inner .ph_home_wed01 {
        position: absolute;
        top: 90px;
        right: 100px;
    }

    .home_point02 .home_point_inner .ph_home_wed02 {
        position: absolute;
        top: 220px;
        right: 0;
    }

    .home_point02 .home_point_inner .ph_home_wed img {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .home_point02 .home_point_txt {
        padding-top: 10px;
    }

    .home_point02 .home_point_txt h3 {
        font-size: 3.6rem;
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .home_point02 .home_point_txt h3 span {
        display: block;
        font-size: 2.4rem;
        color: #977d2e;
    }

    .home_point02 .home_point_txt .txt {
        line-height: 1.8;
    }

    .home_point02 .home_point_txt .more_detail_2col {
        margin: 50px 0 0;
    }

    .home_point02 .home_point_txt .more_detail_2col li {
        display: inline-block;
        width: 250px;
        margin: 0 5px;
    }

    .home_point02 a.btn_more {
        border: 1px solid #c5a84f;
        color: #c5a84f;
    }

    .home_point02 a.btn_more:hover {
        background: #c5a84f;
        color: #fff;
    }

    /* home_plan_col */
    .home_plan {
        background: url(../img/common/bg_home_plancol.png) repeat 0 0;
    }

    .home_plan .home_plan_inner {
        width: 1080px;
        margin: 0 auto;
    }

    .home_plan .home_plan_inner:after {
        content: "";
        clear: both;
        display: block;
    }

    .home_plan .home_plan_ttl {
        width: 240px;
        float: left;
        background: rgba(171, 130, 0, 0.5) url(../img/common/ico_home_plan_ttl.png) no-repeat center 30px;
        text-align: center;
        padding: 100px 15px 0;
        box-sizing: border-box;
        height: 300px;
    }

    .home_plan .home_plan_ttl h4 {
        font-size: 1.6rem;
        color: #fff;
        line-height: 1.2;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9ca98;
    }

    .home_plan .home_plan_ttl h3 {
        font-size: 2.6rem;
        color: #fff;
        line-height: 1.4;
        padding: 15px 0 10px;
        border-top: 1px solid #8f732e;
    }

    /* home_access */
    .home_access {
        width: 100%;
        height: 400px;
        background: #e9e9e9;
        position: relative;
        margin: 0 0 80px;
    }

    .home_access .gmap {
        width: 55%;
        height: 300px;
        background: #000;
        position: absolute;
        top: 0;
        left: 45%;
    }

    .home_access .home_access_inner {
        width: 380px;
        padding: 20px 20px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -500px;
        text-align: left;
    }

    .home_access .home_access_inner .more {
        width: 200px;
        margin: 15px auto;
    }

    .home_airplan {
        width: 1080px;
        height: 130px;
        box-sizing: border-box;
        margin: 0 auto 40px;
        border-top: 1px solid #5f5f5f;
        border-bottom: 1px solid #5f5f5f;
    }

    .home_airplan .home_airplan_ttl {
        width: 400px;
        float: left;
        text-align: center;
        padding: 15px 0;
    }

    .home_airplan .home_airplan_ttl h3 {
        font-size: 2.8rem;
    }

    .home_airplan ul {
        float: right;
        padding-right: 20px;
    }

    .home_airplan ul li {
        width: 310px;
        background: #ddd;
        margin: 20px 5px 0;
        float: left;
    }

    .home_airplan ul li img {
        vertical-align: bottom;
    }

    /* home_banner */
    .home_banner {
        width: 1080px;
        text-align: center;
        margin: 0 auto 40px;
    }

    .home_banner li {
        display: inline-block;
    }

    /*
--------------------------------------------------
	page common CSS
-------------------------------------------------- */
    .over_content {
        margin: 0 -100%;
        padding: 0 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .over_content:after {
        content: "";
        clear: both;
        display: block;
    }

    .over_content_inner {
        padding-bottom: 70px;
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    }

    .over_content_inner h3 {
        font-size: 2.8rem;
        margin-bottom: 15px;
    }

    .over_content_inner p {
        line-height: 2.0;
        font-size: 1.6rem;
    }

    .txt_center {
        text-align: center;
    }

    .txt_center h3 {
        font-size: 2.4rem;
    }

    .txt_center_point {
        border: 2px solid #d2c18d;
        padding: 10px 15px;
        margin: 10px 0 0;
    }

    .txt_center_point h4 {
        font-weight: bold;
        margin: 10px 0;
        font-size: 1.5rem;
    }

    /* btn（予約） */
    .btn_col {
        margin: 10px 0;
        text-align: center;
    }

    .btn_col li {
        text-align: center;
        font-size: 1.6rem;
        margin: 0 auto 5px;
        display: inline;
    }

    .btn_col li a.btn_reserved {
        display: inline-block;
        width: 260px;
        background: #be9c4d;
        text-decoration: none;
        color: #fff;
        height: 50px;
        line-height: 50px;
        transition: ease-in .4s;
        border: 1px solid #be9c4d;
    }

    .btn_col li a.smorking {
        background: #be9c4d url(../img/common/ico_smorking.png) no-repeat 15px center;
    }

    .btn_col li a.btn_reserved.smorking:hover {
        background: #fff url(../img/common/ico_smorking_on.png) no-repeat 15px center;
        color: #be9c4d;
        border: 1px solid #be9c4d;
    }

    .btn_col li a.no_smorking {
        background: #be9c4d url(../img/common/ico_nosmorking.png) no-repeat 15px center;
    }

    .btn_col li a.btn_reserved.no_smorking:hover {
        background: #fff url(../img/common/ico_nosmorking_on.png) no-repeat 15px center;
        color: #be9c4d;
        border: 1px solid #be9c4d;
    }

    /* ページ内リンク */
    .page_link {
        margin: 15px 0 0;
        font-size: 0;
        text-align: center;
    }

    .page_link li {
        font-size: 1.5rem;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
    }

    .page_link li a {
        display: block;
        height: 60px;
        line-height: 60px;
        text-decoration: none;
        color: #555;
        background: #efede5;
        transition: ease-in .4s;
    }

    .page_link li a:hover {
        background: #0b3190;
        color: #fff;
    }

    .page_link_6col li {
        width: 180px;
        box-sizing: border-box;
    }

    .page_link_4col li {
        width: 270px;
        box-sizing: border-box;
    }

    .page_link_3col li {
        width: 300px;
        box-sizing: border-box;
    }

    .page_link_2col li {
        width: 300px;
        box-sizing: border-box;
    }

    /* 下層ページ　bxslide */
    .ph_slide_page {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* 記事基本系01（部屋/レストラン） */
    .article_detail {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .article_detail .article_photo {
        float: left;
        margin-right: 30px;
        display: flex;
        flex-direction: column;
    }

    .article_detail .article_photo img {
        width: 350px;
    }

    .article_detail .article_photo img+img {
        margin-top: 15px;
    }

    .article_detail .article_date {
        overflow: hidden;
        float: left;
        width: 700px;
    }

    .article_detail .article_date table {
        width: 100%;
    }

    .article_detail .article_date a.btn_link {
        color: #555;
        margin-left: 15px;
        text-decoration: underline;
    }

    .article_detail .article_date a.btn_link::before {
        border: none;
        background: #be9c4d;
    }

    .article_detail .article_date a.btn_link::after {
        border-left: 4px solid #fff;
    }

    .article_detail .article_date a.btn_link:hover {
        text-decoration: none;
    }

    /* 囲み */
    .info_box {
        border: 5px solid #d2c18d;
        padding: 15px 30px;
        margin: 10px 0;
    }

    .info_box h4 {
        border-bottom: 2px solid #d2c18d;
        padding: 5px 0;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .info_box ul li {
        list-style: disc;
        margin-left: 25px;
    }

    /* 画像on文字リンク 340×220 */
    .bt_over_link {
        position: relative;
        overflow: hidden;
        width: 260px;
        height: 173px;
        background: #000;
        transition: .4s;
        float: left;
        margin-left: 8px;
    }

    .bt_over_link a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    .bt_over_link h4 {
        font-size: 1.9rem;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 340px;
        margin-left: -170px;
        margin-top: -14px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 8px #000;
        line-height: 1.2;
    }

    .bt_over_link h4:after {
        content: "";
        display: block;
        margin: 10px auto 0;
        width: 100px;
        border-bottom: 1px solid #fff;
    }

    .bt_over_link img {
        width: 100%;
        vertical-align: baseline;
        height: auto;
        transition: ease-in 0.4s;
        opacity: 0.9;
    }

    .bt_over_link:hover img {
        opacity: 0.6;
    }

    /* layout */
    .mb20 {
        margin-bottom: 20px !important;
    }

    .mt10 {
        margin-top: 10px !important;
    }

    .mt15 {
        margin-top: 15px !important;
    }

    .mt20 {
        margin-top: 20px !important;
    }

    .column-inner .article {
        width: 50%;
        float: left;
        padding: 0 10px 0 0;
    }

    /*
--------------------------------------------------
	#page-stay
-------------------------------------------------- */
    .over_content#stay_intro {
        background-image: url(../img/common/bg_stay_overcontent.jpg);
        background-size: auto auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* stay_planlist */
    .stay_planlist {
        margin: 30px 0;
    }

    .stay_planlist:after {
        content: "";
        clear: both;
        display: block;
    }

    .column-inner .stay_planlist h3 {
        margin-bottom: 20px;
    }

    .stay_planlist .column {
        width: 250px;
        background: ;
        margin: 0 10px 10px;
        padding: 0 5px;
        float: left;
    }

    .stay_planlist .column-inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .stay_planlist div:nth-of-type(4n+1).column {
        clear: both;
    }

    .stay_planlist .more {
        clear: both;
        width: 320px;
        margin: 0 auto;
    }

    /* room_type_list */
    .room_type_list {
        width: 250px;
        float: left;
        margin: 15px 10px 0;
    }

    .room_type_list img {
        width: 250px;
    }

    .room_type_list h5 {
        font-weight: bold;
    }

    div:nth-of-type(4n+1).room_type_list {
        clear: both;
    }

    /* アメニティ枠 */
    .amenity_box {
        border: 2px solid #d2c18d;
        padding: 15px;
        margin-top: 10px;
    }

    /*
--------------------------------------------------
	レストラン・バー　#page-rest
-------------------------------------------------- */
    .over_content#rest_intro {
        /*background-image: url(../img/common/bg_rest_overcontent.jpg);
	background-size: auto auto;
	background-position: center center;
	background-repeat:no-repeat;*/
    }

    /* h2 非表示 */
    #page-vent h2.hd,
    #page-v_breakfast h2.hd,
    #page-v_lunch h2.hd,
    #page-v_dinner h2.hd,
    #page-v_sweets h2.hd,
    #page-seto h2.hd,
    #page-s_lunch h2.hd,
    #page-s_dinner h2.hd,
    #page-steak h2.hd,
    #page-s_private h2.hd {
        display: none;
    }

    /* 問い合わせ */
    .contact_col {
        border: 2px solid #d2c18d;
        background: #efede5;
        padding: 15px 30px 10px;
    }

    .contact_col:after {
        content: "";
        clear: both;
        display: block;
    }

    .contact_col h4 {
        float: left;
        margin-bottom: 0;
        margin-right: 15px;
        padding-right: 15px;
        line-height: 50px;
        border-right: 1px dotted #d2c18d;
    }

    .contact_col .rest_tel {
        overflow: hidden;
        font-size: 2.8rem;
        margin-bottom: 0;
        line-height: 50px;
        background: url(../img/common/ico_footer_tel.png) no-repeat 0 center;
        background-size: 18px;
        padding-left: 28px;
    }

    .contact_col h4 span,
    .contact_col .rest_tel span {
        font-size: 1.4rem;
    }

    /* 予約ボタン（レストラン） */
    .btn_online {
        float: right;
        width: 200px;
        text-align: center;
    }

    .btn_online a {
        display: block;
        text-decoration: none;
        color: #fff;
        height: 50px;
        line-height: 50px;
        background: #661c14;
        transition: ease-in .4s;
        border: 1px solid #661c14;
    }

    .btn_online a:hover {
        background: #983126;
    }

    /* 各店舗のご案内（レストランリスト） */
    .restlist_box {
        width: 500px;
        margin: 10px 20px 0;
        float: left;
        position: relative;
        background: #fff;
        transition: ease-in .4s;
    }

    .restlist_box a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    .restlist_box img {
        width: 500px;
        height: 140px;
        opacity: 1;
        transition: ease-in .4s;
    }

    .restlist_box:hover img {
        opacity: 0.8;
    }

    div:nth-of-type(2n+1).restlist_box {
        clear: both;
    }

    .restlist_box h4 {
        position: relative;
        display: inline-block;
        padding: 0 0 0 22px;
        vertical-align: middle;
        text-decoration: none;
        color: #333;
    }

    .restlist_box:hover h4 {
        text-decoration: underline;
    }

    .restlist_box h4::before,
    .restlist_box h4::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    .restlist_box h4::before {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        background: #0b3190;
    }

    .restlist_box h4::after {
        left: 8px;
        box-sizing: border-box;
        width: 5px;
        height: 3px;
        border: 3px solid transparent;
        border-left: 4px solid #fff;
    }

    /* btn_link */
    .btn_link_col {
        clear: both;
        margin: 10px 0;
        width: 280px;
        text-align: center;
    }

    .btn_link_col:after {
        content: "";
        display: block;
        clear: both;
    }

    /* 様々なシーンでのお手伝い */
    #rest_scene {
        background: #efede5;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #cbc5b3;
        border-bottom: 1px solid #cbc5b3;
        text-align: left;
    }

    .scene_box {
        width: 320px;
        margin: 20px 20px 0;
        float: left;
    }

    .scene_box img {
        width: 320px;
    }

    div:nth-of-type(3n+1).scene_box {
        clear: both;
    }

    /* 店舗情報 */
    #ft_shop {
        padding-top: 20px;
        border-top: 1px solid #ddd;
        text-align: left;
        margin-bottom: 0;
    }

    /* レストラン詳細 */
    .rest_header {
        border: 1px solid #ccc;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        height: 80px;
    }

    .rest_header h2 {
        line-height: 80px;
        padding-left: 120px;
        font-size: 2.8rem;
    }

    .rest_header h2 span {
        font-size: 2.0rem;
    }

    .rest_header .btn_online {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    /*.rest_header .btn_online a{
	display:block;
	text-decoration:none;
	color:#fff;
	height:50px;
	line-height:50px;
	background:#661c14;
	transition: ease-in .4s;
	border:1px solid #661c14;
} */
    h2#rest_vent {
        background: url(../img/common/logo_rest_vent.png) no-repeat 15px center;
        background-size: 80px;
    }

    h2#rest_seto {
        background: url(../img/common/logo_rest_seto.png) no-repeat 40px center;
    }

    h2#rest_shiki {
        background: url(../img/common/logo_rest_shiki.png) no-repeat 20px center;
    }

    h2#rest_toko {
        background: url(../img/common/logo_rest_toko.png) no-repeat 15px center;
        background-size: 80px;
    }

    h2#rest_fiore {
        background: url(../img/common/logo_rest_fiore.png) no-repeat 20px center;
        background-size: 80px;
    }

    h2#rest_fontaine {
        background: url(../img/common/logo_rest_fontaine.png) no-repeat 10px center;
        background-size: 100px;
    }

    h2#rest_astro {
        background: url(../img/common/logo_rest_astro.png) no-repeat 20px center;
        background-size: 80px;
    }

    .rest_header_tab {
        margin-top: 20px;
    }

    .rest_header_tab ul {
        /*border-bottom:1px solid #d2be90;*/
        height: 50px;
    }

    .rest_header_tab ul li a {
        width: 206px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: 0 5px;
        float: left;
        background: #d2be90;
        color: #fff;
        text-decoration: none;
    }

    .rest_header_tab ul li.current a {
        background: #fff;
        border: solid #d2be90;
        color: #bf9d4f;
        border-width: 1px 1px 0 1px
    }

    .note_rest {
        border: 2px solid #d2c18d;
        padding: 15px;
        margin-top: 10px;
    }

    /* レストラン:お知らせ */
    .column-inner ul.rest_news {
        border-top: 1px dotted #aaa;
        margin: 20px 0;
    }

    .column-inner ul.rest_news li {
        padding: 15px 15px;
        border-bottom: 1px dotted #aaa;
    }

    /* レストラン:メニュー関連 */
    .column-inner ul.menu_list {
        padding-left: 25px;
        margin: 10px 0;
    }

    .column-inner ul.menu_list li {
        list-style: square;
    }

    .column-inner dl.menu_list02 {
        margin: 10px 0;
        padding-left: 15px;
    }

    .column-inner dl.menu_list02 dt {
        width: 6em;
        float: left;
        padding: 2px 0;
    }

    .column-inner dl.menu_list02 dd {
        margin-left: 6.5em;
        padding: 2px 0;
    }

    .column-inner dl.menu_list02 dd:after {
        content: "";
        clear: both;
        display: block;
    }

    .menu_box {
        border: 5px solid #d2c18d;
        padding: 15px 30px;
        margin: 10px 0;
    }

    .menu_box h4 {
        border-bottom: 2px solid #d2c18d;
        padding: 5px 0;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .menu_box ul.menu_box_list {
        width: 50%;
        float: left;
        margin: 0 0 20px;
    }

    .menu_box ul.menu_box_list li {
        list-style: square;
        margin-left: 25px;
    }

    .menu_box ul.menu_box_list li.list_hd {
        font-weight: bold;
        margin-bottom: 10px;
        list-style: none;
        margin-left: 0;
    }

    .menu_box .note_rest {
        clear: both;
        border: none;
        padding: 0;
        margin-top: 0;
    }

    /* toggle open menu */
    p.open_menu {
        cursor: pointer;
        position: relative;
    }

    p.open_menu span {
        position: absolute;
        display: block;
        overflow: hidden;
        height: 0;
        background: url(../img/common/ico_open.png) no-repeat 0 0;
        top: 0;
        right: 0;
        width: 23px;
        padding-top: 23px;
    }

    p.open_menu.active span {
        background-position: -23px 0;
    }

    .open_menu_box {
        background: #efede5;
        border: 1px solid #d2c18d;
        padding: 5px 10px;
        overflow: hidden;
        margin: 15px 0;
        width: 80%;
    }

    .open_menu_inner {
        display: none;
    }

    .open_menu_box table {
        width: 100%;
        border-bottom: 1px solid #d2c18d;
        border-left: 1px solid #d2c18d;
        background: #fff;
    }

    .open_menu_box table th,
    .open_menu_box table td {
        border-top: 1px solid #d2c18d;
        border-right: 1px solid #d2c18d;
        padding: 5px 10px;
    }

    .open_menu_box table tr:last-child th,
    .open_menu_box table tr:last-child td {
        border-bottom: none;
    }

    .open_menu_box table th {
        vertical-align: middle;
        background: #efede5;
    }

    dl.menu_price {
        margin: 10px 0;
    }

    dl.menu_price dt {
        background: #d3bf91;
        color: #fff;
        padding: 3px 0;
        width: 5em;
        float: left;
        text-align: center;
        margin-bottom: 5px;
    }

    dl.menu_price dd {
        margin-left: 5.5em;
        padding: 3px 0;
        margin-bottom: 5px;
    }

    dl.menu_price dt:before {
        content: "";
        clear: both;
        display: block;
    }

    table.rest_date {
        width: 100%;
    }

    table.rest_date th {
        width: 20%;
    }

    table.rest_date h5 {
        color: #661c14;
    }

    table.rest_date strong {
        color: #661c14;
        font-size: 1.8rem;
    }

    table.rest_date ul li {
        display: inline;
        margin-right: 10px;
    }

    table.rest_date .btn_online {
        /*float: none;*/
        width: 300px;
        margin: 10px auto 0;
    }

    table.rest_date .btn_online:after {
        content: "";
        clear: both;
        display: block;
    }

    table.rest_date .btn_online a {
        height: 40px;
        line-height: 40px;
    }

    .special_price {
        border: 1px dashed #d2c18d;
        background: #efede5;
        margin: 5px 0;
        padding: 10px 15px;
    }

    .special_price p {
        margin: 10px 0 0;
        font-size: 1.4rem;
    }

    .special_price h5 {
        color: #661c14;
    }

    .special_price strong {
        color: #661c14;
        font-size: 1.8rem;
    }

    /* 画像並列（3） */
    .photos-conformity-left>div:nth-of-type(3n+1) {
        /* clear: both; */
    }

    /*
--------------------------------------------------
	優待メニュー　#page-treat
-------------------------------------------------- */
    #page-treat .column-inner h3 {
        font-size: 2.0rem;
    }

    /*
--------------------------------------------------
	フロアガイド　#page-facilities
-------------------------------------------------- */
    #page-facilities .plandetail {
        overflow: hidden;
    }

    #page-facilities .column-inner h4.btn_view {
        margin: 15px 0 10px;
    }

    #page-facilities .column-inner h4.btn_view a {
        background: url(../img/common/ico_camera.png) no-repeat 0 center;
        background-size: 20px;
        padding-left: 24px;
        color: #333;
        font-weight: bold;
    }

    /*
--------------------------------------------------
	観光情報　#page-sightseeing
-------------------------------------------------- */
    #page-sightseeing .column-inner h3.shd {
        margin-bottom: 20px;
    }

    .kanko_box {
        width: 320px;
        float: left;
        margin: 0 20px;
    }

    .kanko_box img {
        width: 320px;
    }

    .kanko_box .more_web {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .kanko_box .more_web a {
        display: block;
        text-decoration: none;
        border: 1px solid #0b3190;
        color: #0b3190;
        height: 35px;
        line-height: 35px;
        transition: ease-in .4s;
    }

    .kanko_box .more_web a:hover {
        background: #0b3190;
        color: #fff;
    }

    .kanko_date {
        margin-top: 10px;
        background: #333333;
    }

    .kanko_date dt {
        width: 5em;
        color: #fff;
        float: left;
        text-align: center;
        border-top: 1px solid #fff;
    }

    .kanko_date dd {
        margin-left: 5em;
        padding: 3px 0 3px 10px;
        background: #fff;
        line-height: 1.4;
    }

    .kanko_date dd:after {
        content: "";
        clear: both;
        display: block;
    }

    #page-sightseeing .gmap iframe {
        border: none;
    }

    /*
--------------------------------------------------
	宴会・会議　#page-banquet
-------------------------------------------------- */
    /* 画像on文字リンク 500×280 */
    #page-banquet .bt_over_link {
        position: relative;
        overflow: hidden;
        height: 280px;
        width: 520px;
        background: #000;
        transition: .4s;
        float: left;
        margin: 10px;
    }

    #page-banquet .bt_over_link a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    #page-banquet .bt_over_link h4 {
        font-size: 2.8rem;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 520px;
        margin-left: -250px;
        margin-top: -14px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 8px #000;
        line-height: 1.2;
    }

    #page-banquet .bt_over_link h4:after {
        content: "";
        display: block;
        margin: 10px auto 0;
        width: 100px;
        border-bottom: 1px solid #fff;
    }

    #page-banquet .bt_over_link img {
        width: 100%;
        vertical-align: baseline;
        min-height: 280px;
        transition: ease-in 0.4s;
        opacity: 0.9;
    }

    #page-banquet .bt_over_link:hover img {
        opacity: 0.6;
    }

    /* リンク */
    .btn_banquet a {
        display: block;
        background: #b1943c;
        height: 50px;
        line-height: 50px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        transition: ease-in .4s;
    }

    .btn_banquet a:hover {
        background: #d2c18d;
        text-decoration: none;
    }

    .btn_banquet:after {
        content: "";
        clear: both;
        display: block;
    }

    .btn_banquet a.btn_link::before {
        left: 10px;
    }

    .btn_banquet a.btn_link::after {
        left: 18px;
    }

    /* お問合わせ */
    #ft_contact {
        padding-top: 20px;
        border-top: 1px solid #ddd;
        margin-bottom: 0;
    }

    #ft_contact h3 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    #ft_contact ul {
        text-align: left;
    }

    #ft_contact ul li {
        text-indent: -1em;
        padding-left: 1em;
    }

    /* コピーテキスト*/
    .text_copy {
        border: 2px solid #ddd;
        padding: 15px;
        line-height: 2.0;
        margin-top: 10px;
    }

    /* btn（問合せフォーム） */
    .btn_form a.btn_link {
        background: #0b3190;
        background-size: 20px;
        color: #fff;
        display: block;
        width: 420px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        font-size: 1.4rem;
        transition: ease-in .4s;
        padding: 0;
        margin: 0 auto;
    }

    .btn_form a.btn_link::before,
    .btn_form a.btn_link::after {
        display: none;
    }

    .btn_form a.btn_link:hover {
        background: #373ab3;
    }

    .btn_form a.btn_link span {
        background: url(../img/common/ico_mail.png) no-repeat 0 center;
        background-size: 20px;
        padding-left: 30px;
    }

    .tb_plan {
        border: 1px dashed #d2c18d;
        background: #efede5;
        margin: 5px 0;
        padding: 10px 15px;
    }

    .tb_plan h4 span {
        font-size: 1.5rem;
    }

    .tb_plan dl dt {
        font-weight: bold;
    }

    .tb_plan dl dd {
        margin-left: 1em;
    }

    /* dl_table */
    .column-inner dl.list_table02 {
        background-color: #fff;
        overflow: hidden;
    }

    .column-inner dl.list_table02 dt {
        /*float : left;
  clear : both;
  width : 280px;*/
        padding: 0;
        font-weight: bold;
    }

    .column-inner dl.list_table02 dd {
        /*margin-left: 150px;*/
        background-color: #fff;
        padding: 0 0 5px 0;
        overflow: hidden;
    }

    #page-proposal .column-inner dl.list_table02 {
        border: 1px dashed #d2c18d;
        padding: 15px;
        margin: 10px 0;
    }

    #page-proposal .plandetail {
        overflow: hidden;
    }

    .column-inner table.banquet_date {
        border-bottom: 1px solid #d2c18d;
        border-left: 1px solid #d2c18d;
        width: 100%;
    }

    .column-inner table.banquet_date th,
    .column-inner table.banquet_date td {
        border-top: 1px solid #d2c18d;
        border-right: 1px solid #d2c18d;
        padding: 5px 10px;
        text-align: center;
        font-size: 1.3rem;
    }

    .column-inner table.banquet_date tr:last-child th,
    .column-inner table.banquet_date tr:last-child td {
        border-bottom: none;
    }

    .column-inner table.banquet_date th {
        vertical-align: middle;
        background: #efede5;
        width: auto;
    }

    .column-inner table.banquet_date th span,
    .column-inner table.banquet_date td span {
        display: block;
        font-weight: normal;
    }

    .column-inner .article table.banquet_date th,
    .column-inner .article table.banquet_date td {
        text-align: left;
    }

    .column-inner .article table.banquet_date th span {
        font-size: 1.1rem;
    }

    /*
--------------------------------------------------
	FAQ　#page-faq
-------------------------------------------------- */
    .open_box {
        font-size: 1.8rem;
        border: 1px solid #ccc;
        padding: 10px 10px 10px 15px;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        overflow: hidden;
    }

    .open_box .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
        margin-right: 5px;
    }

    .open_box .accordion_icon span {
        position: absolute;
        left: 0;
        width: 60%;
        height: 2px;
        background-color: #aaa;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .open_box .accordion_icon span:nth-of-type(1) {
        top: 15px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .open_box .accordion_icon span:nth-of-type(2) {
        top: 15px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    /*＋、－切り替え*/
    .open_box .accordion_icon.active span:nth-of-type(1) {
        display: none;
    }

    .open_box .accordion_icon.active span:nth-of-type(2) {
        top: 15px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .open_box .accordion_icon,
    .open_box .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .open_box_inner {
        display: none;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #page-faq .column-inner {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .faq_list {}

    .faq_list dt {
        font-size: 1.8rem;
        margin-bottom: 5px;
        background: url(../img/common/ico_faq001.png) no-repeat 15px 0;
        padding: 0 0 5px 60px;
    }

    .faq_list dd {
        background: url(../img/common/ico_faq002.png) no-repeat 15px 0;
        padding: 5px 0 15px 60px;
        border-bottom: 1px dotted #aaa;
        margin-bottom: 15px;
    }

    /*
--------------------------------------------------
	他ページ読み出し　#page-plan, #page-restaurant_plan
-------------------------------------------------- */
    #page-plan {}

    #page-plan .column,
    #page-restaurant_plan .column {
        width: 250px;
        background: ;
        margin: 0 10px 10px;
        padding: 0 5px;
        float: left;
    }

    #page-plan .column-inner,
    #page-restaurant_plan .column-inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #page-plan .ph_home_banner img,
    #page-restaurant_plan .ph_home_banner img {
        width: 230px;
    }

    #page-plan .ph_home_banner,
    #page-restaurant_plan .ph_home_banner {
        height: 150px;
        overflow: hidden;
    }

    #page-plan div.column:nth-of-type(4n+1),
    #page-restaurant_plan div.column:nth-of-type(4n+1) {
        clear: both;
    }

    #page-plan .maincol:after,
    #page-restaurant_plan .maincol:after {
        content: "";
        clear: both;
        display: block;
    }

    /*
--------------------------------------------------
	調整　.plandetail
-------------------------------------------------- */
    #page-restaurant .plandetail,
    #page-vent .plandetail,
    #page-seto .plandetail,
    #page-steak .plandetail,
    #page-fiore .plandetail,
    #page-fontaine .plandetail,
    #page-astro .plandetail,
    #page-bakery .plandetail,
    #page-chinese .plandetail {
        overflow: inherit;
    }

    /*
--------------------------------------------------
	他言語
-------------------------------------------------- */
    .column-inner h3.shd.lang_shd {
        font-size: 3.2rem;
        margin-bottom: 20px;
    }

    .column-inner table.page_lang {
        width: 100%;
    }

    .column-inner table.page_lang th {
        width: 30%;
    }

    #page-en .column-inner table.banquet_date th,
    #page-en .column-inner table.banquet_date td {
        padding: 8px 10px;
    }

    /* add 朝食スライド部分 */
    #breacfast_imgage #breacfast_slide {
        width: 1080px;
        position: relative;
    }

    #breacfast_imgage #breacfast_slide .inner {
        width: 960px;
        margin: auto;
    }

    #breacfast_imgage #breacfast_slide .column {
        clear: none;
        background: #e4e3e3;
        margin: 0;
    }

    #breacfast_imgage #breacfast_slide .column a {
        display: block;
        margin: 0;
        text-decoration: none;
    }

    #breacfast_imgage #breacfast_slide .column a:hover {
        opacity: 0.8;
    }

    #breacfast_imgage #breacfast_slide .column .text {
        padding: 10px;
        height: 4.5em;
    }

    #breacfast_imgage #breacfast_slide .swiper-slide img {
        width: 100%;
    }

    #breacfast_imgage #breacfast_slide .slick-prev,
    #breacfast_imgage #breacfast_slide .slick-next {
        height: 48px;
    }

    #breacfast_imgage #breacfast_slide .slick-prev {
        left: -40px;
    }

    #breacfast_imgage #breacfast_slide .slick-next {
        right: -40px;
    }

    #breacfast_imgage #breacfast_slide .slick-prev:before {
        content: url(../img/top_room_arrow_left.png);
    }

    #breacfast_imgage #breacfast_slide .slick-next:before {
        content: url(../img/top_room_arrow_right.png);
    }

    #breacfast_imgage #breacfast_slide .swiper-button-prev {
        background: url(../img/top_room_arrow_left.png) no-repeat center center;
        width: 21px;
        height: 48px;
        left: -30px;
    }

    #breacfast_imgage #breacfast_slide .swiper-button-next {
        background: url(../img/top_room_arrow_right.png) no-repeat center center;
        width: 21px;
        height: 48px;
        right: -30px;
    }

    /* 大浴場 */
    #page-bath .content h2.hd {
        display: none;
    }

    #page-bath .content h2 {
        font-size: 4.0rem;
        text-align: center;
        letter-spacing: 0.1em;
        font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
        margin-bottom: 30px;
    }

    #page-bath .content h2::after {
        content: "";
        display: block;
        background: url(../img/common/hd_border.png) repeat-y center 0;
        height: 3px;
        width: 200px;
        margin: 10px auto 0;
    }

    #page-service .long-name .page_link_6col li {
        width: 180px;
        box-sizing: border-box;
        vertical-align: bottom;
    }

    /* #page-service .long-name .page_link_6col li a {
        line-height: 1.2;
        padding: 12px 0;
        display: block;
        height: 60px;
    } */
    #page-service .link-5 .page_link_6col li {
        width: 216px;
        box-sizing: border-box;
        vertical-align: bottom;
    }

    #page-service .link-5 .page_link_6col li a {
        line-height: 1.2;
        padding: 12px 0;
        display: block;
        height: auto;
    }

    /* よくある質問 20180925 */
    .tabs h2 {
        font-size: 1.2em;
        font-weight: 600;
    }

    #page-faq .qanda {
        width: 100%;
        margin: 0 auto;
        background: #e7e2dc;
        padding: 10px;
    }

    #page-faq label.tab_item {
        font-size: 1.15em;
        font-weight: 600;
    }

    /*タブ切り替え全体のスタイル*/
    #page-faq .tabs {
        margin-top: 50px;
        padding-bottom: 40px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        width: 100%;
        margin: 0 auto;
    }

    /*タブのスタイル*/
    .tab_item {
        /* width: calc(100%/5); */
        width: calc(100% / 4);
        height: 50px;
        border-bottom: 3px solid #0b3190;
        background-color: #fff;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        color: #333;
        display: block;
        float: left;
        text-align: center;
        font-weight: bold;
        transition: all 0.2s ease;
    }

    .tab_item:hover {
        opacity: 0.75;
    }

    /*ラジオボタンを全て消す*/
    input[name="tab_item"] {
        display: none;
    }

    /*タブ切り替えの中身のスタイル*/
    .tab_content {
        display: none;
        padding: 30px 30px 0;
        clear: both;
        overflow: hidden;
    }

    /*選択されているタブのコンテンツのみを表示*/
    /*#all:checked ~ #all_content,*/
    #at_service:checked~#at_service_content,
    #at_reservation:checked~#at_reservation_content,
    #at_access:checked~#at_access_content,
    #at_stay:checked~#at_stay_content,
    #at_other:checked~#at_other_content,
    #at_faq:checked~#at_faq_content {
        display: block;
    }

    /*選択されているタブのスタイルを変える*/
    .tabs input:checked+.tab_item {
        background-color: #0b3190;
        color: #fff;
    }

    /* Q&A */
    .question {
        position: relative;
        line-height: 2em;
        padding-left: 2em;
        margin-top: 40px;
    }

    .question::before {
        position: absolute;
        left: 0;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../img/ico_Q.png) no-repeat;
    }

    .answer {
        position: relative;
        line-height: 2em;
        padding-left: 2em;
    }

    .answer::before {
        position: absolute;
        left: 0;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../img/ico_A.png) no-repeat;
    }

    /* アクセス */
    h3#access_car {
        background: url(../img/common/shd_access_car.png) no-repeat 0 0;
        padding-left: 50px;
    }

    h3#access_air {
        background: url(../img/common/shd_access_air.png) no-repeat 0 0;
        padding-left: 50px;
    }

    h3#access_train {
        background: url(../img/common/shd_access_train.png) no-repeat 0 0;
        padding-left: 50px;
    }

    h3#access_ship {
        background: url(../img/common/shd_access_ship.png) no-repeat 0 0;
        padding-left: 50px;
    }

    h3#access_parking {
        background: url(../img/common/shd_access_parking.png) no-repeat 0 0;
        padding-left: 50px;
    }

    ul.sightseeing_link li::before {
        content: "■";
        font-size: 0.8rem;
        margin-right: 5px;
        color: #d3bf91;
        vertical-align: middle;
    }

    #rest_intro p {
        font-weight: 600;
        text-shadow: 2px 2px 1px #000000, 0px 0px 3px #000000, 0px 0px 8px #000000;
    }

    .qanda_index li::before {
        content: "■ ";
        color: #d3bf91;
        font-size: 0.8em;
    }

    .qanda_index li {
        padding-left: 1em;
        text-indent: -1em;
    }

    .qanda_index.en li a {
        text-decoration: none;
    }

    .qanda_index.en li a span {
        text-decoration: underline;
    }

    .page_link_acpc {
        margin: 15px 0 0;
        font-size: 0;
        text-align: center;
    }

    .page_link_acpc li {
        font-size: 1.5rem;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
    }

    .page_link_acpc li a {
        display: block;
        height: 60px;
        line-height: 50px;
        text-decoration: none;
        color: #555;
        background: url(../img/common/ac_btn_pc.png) no-repeat 0 0;
        background-position: 50% 50%;
        transition: ease-in .4s;
    }

    .page_link_acpc li a:hover {
        background: url(../img/common/ac_btn_pc_h.png) no-repeat 0 0;
        background-position: 50% 50%;
        color: #fff;
    }

    .page_link_acpc_3col li {
        width: 350px;
        box-sizing: border-box;
    }

    /* 採用情報 */
    .recruit_banner li {
        display: inline;
        margin: 0 10px;
    }

    .recruit_banner {
        text-align: center;
        margin: 20px 0 40px;
    }

    /* end @media screen */
}


/* 客室 */

.room_btm_4ban {
    letter-spacing: -.4em;
}

.room_btm_4ban li {
    letter-spacing: normal;
    display: inline-block;
    width: 32%;
    margin-right: 1%;
    text-align: center;
    padding-left: 20px;
}

.room_btm_4ban li a {
    display: block;
    padding: 15px;
    border: 1px solid #be9c4d;
    background: #be9c4d;
    color: #fff;
    text-decoration: none;
}

.room_btm_4ban li a:hover {
    background: #fff;
    color: #be9c4d;
}

.search_panel {
    width: 870px;
    margin: 30px 0 0 30px;
}

@media screen and (min-width: 681px) {
    .optima {
        position: relative;
        height: 100px;
    }

    .optima iframe {
        position: absolute;
        top: -40px;
        left: 0;
        height: 210px;
        z-index: 6;
    }

    #search_area {
        margin: 20px auto 50px !important;
    }
}

@media screen and (max-width: 680px) {
    .search_panel {
        width: 100%;
        margin: 0;
    }

    .optima {
        position: relative;
        width: 100%;
        padding: 280px 0 0;
        margin: 20px 0 0;
    }

    .optima iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width:680px) {
    body {
        font-size: 1.4rem;
        line-height: 1.7;
        color: #333;
        -webkit-text-size-adjust: 100%;
    }

    .container {
        font-size: 1.4rem;
    }

    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    iframe {
        width: 100%;
    }

    .pcmode {
        display: none;
    }

    .spmode {
        display: inherit;
    }

    .container {
        overflow: hidden;
    }

    /*PCパーツ非表示*/
    #reservation_area .btn_submit input {
        display: none;
    }

    #reservation_area .bottom_menu {
        display: none;
    }

    footer .infoPhoto,
    footer .fnav .fnav_col01 {
        display: none;
    }

    .right_sp {
        display: block;
    }

    br.pc_br {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    /*
--------------------------------------------------
	header
-------------------------------------------------- */
    #pc_header {
        display: none;
    }

    .header_wrap {
        height: 100px;
        position: relative;
        z-index: 9999;
        width: 100%;
        background: linear-gradient(#0b3190, #08246a);
        background: -moz-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いSafariなど向け*/
        filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#0b3190', endColorstr='#08246a', GradientType=0);
        /*IE9以下向け*/
        color: #fff;
        position: absolute;
        top: 0;
    }

    /*.header_wrap {
	position:absolute; top:0; left:0;}*/
    header {
        width: 100%;
        height: 70px;
        position: relative;
    }

    /*fixed*/
    header.fixed {
        background: linear-gradient(#0b3190, #08246a);
        background: -moz-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #0b3190 0%, #08246a 100%);
        /*古いSafariなど向け*/
        filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#0b3190', endColorstr='#08246a', GradientType=0);
        /*IE9以下向け*/
        color: #fff;
        position: fixed;
        top: 0;
        z-index: 999;
        box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);
        height: 70px;
        overflow: hidden;
    }

    /*logo*/
    header h1 {
        position: absolute;
        top: calc(43 / 750 * 100vw);
        left: calc(30 / 750 * 100vw);
        width: 70%;
    }

    header h1 img {
        width: 100%;
    }

    header h1 a {
        /* display: block;
        padding-top: 50px;
        background-image: url(../img/common/logo.png);
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: contain;
        overflow: hidden;
        height: 0; */
    }

    .logo_cap {
        position: absolute;
        top: 70px;
        background: #fff;
        color: #333;
        font-size: 1.1rem;
        width: 100%;
        height: 35px;
        /* line-height: 30px; */
        line-height: 1.3;
    }

    .logo_cap span {
        display: block;
        padding: 3px 10px;
    }

    .cnav {
        position: absolute;
        top: 70px;
        right: 0;
        width: 28%;
    }

    .cnav .cnav_hotels {
        display: none;
    }

    .menu_tel {
        display: none;
    }

    /*外国語リンク*/
    #lang_nav {
        position: relative;
        z-index: 110;
    }

    #lang_nav span {
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: #fff;
        color: #333;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

    #lang_nav span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -3px;
        box-sizing: border-box;
        width: 4px;
        height: 6px;
        border: 5px solid transparent;
        border-top: 7px solid #333;
    }

    #lang_nav ul.child_menu {
        margin: 5px 0 0 0;
        padding: 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        display: none;
    }

    #lang_nav ul.child_menu li {
        text-align: left;
        list-style: none;
        float: none;
        margin-left: 0;
    }

    #lang_nav ul.child_menu li a {
        background-color: #fff;
        height: 30px;
        line-height: 30px;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        color: #333;
        text-align: left;
        text-decoration: none;
        border-bottom: 1px solid #ccc;
    }

    #lang_nav ul.child_menu li:last-child a {
        border-bottom: none;
    }

    /*navigation*/
    nav.gnav {
        display: none;
    }

    header .hnavSP {
        display: inline;
    }

    header .hnavSP li.hnav01,
    header .hnavSP li.hnav02 {
        float: left;
        text-align: center;
        vertical-align: middle;
        background: #000;
        margin-right: 4px;
        color: #fff;
        width: 50px;
        height: 50px;
        padding: 4px 0;
    }

    .hnavSP li a {
        color: #fff;
        display: block;
    }

    .hnavSP .fa {
        font-size: 28px;
    }

    header .hnavSP .text {
        display: block;
        line-height: 12px;
    }

    /*ヘッダボタン*/
    .header_tel {
        display: none;
    }

    .menu_en span.name,
    .menu_tel span.name,
    .menu_btn span.name {
        font-size: 10px;
        margin-top: 0;
        display: block;
    }

    .menu_en,
    .menu_tel a {
        width: 40px;
        height: 40px;
        border: 1px solid #000;
        display: block;
        position: absolute;
        top: 5px;
        color: #000;
        text-align: center;
    }

    .menu_en {
        right: 98px;
        cursor: pointer;
    }

    .menu_tel a {
        right: 52px;
    }

    .menu_btn a {
        text-decoration: none;
    }

    /*各アイコン*/
    .menu_en i,
    .menu_tel i {
        font-size: 26px;
        margin-top: 1px;
    }

    .menu_btn i {
        font-size: 30px;
        margin-top: 10px;
    }

    header .menu_btn .modal-open {
        text-align: center;
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        height: 70px;
        width: 70px;
        cursor: pointer;
        text-decoration: none;
        color: #000;
        background: #c5a84f;
    }

    /*navigation*/
    #headerMenu nav,
    #header .hnav,
    #header .tel {
        display: none;
    }

    /*問い合わせ・宿泊プラン・*/
    /* スマホ用モーダルメニュー */
    .nav {
        width: 100%;
    }

    .nav p {
        display: table-cell;
    }

    .nav ul.nav-inner {
        width: 100%;
    }

    .nav ul.nav-inner li {
        width: 100%;
        text-align: left;
        margin: 0 auto 1px;
        background: #fff;
        border-bottom: 1px solid #a2a2a2;
    }

    .nav ul.nav-inner li a {
        margin: 0 auto;
        height: 36px;
        line-height: 36px;
        display: block;
        color: #333;
        background: #fff;
        text-decoration: none;
    }

    .nav ul.nav-inner li:last-child {
        border-bottom: none;
    }

    .nav li.nav01 a {
        cursor: default;
        padding: 0 10px;
    }

    .nav li ul {
        background: #fff;
        width: 100%;
        display: block;
    }

    .nav li div.dropmenu-inner {
        background: #fff;
        width: 100%;
    }

    .nav li.nav01 a.sp_hd {
        opacity: 1;
    }

    .nav li div.dropmenu-inner li {
        width: 100% !important;
        margin: 0;
        padding: 0;
        border-top: 1px solid #333;
    }

    .nav li div.dropmenu-inner li a {
        display: block;
        margin: 0 auto;
        padding: 0 10px;
        font-size: 14px;
    }

    li.li12 a {
        font-size: 10px !important;
    }

    .nav li.nav01 .sp_hd {
        background: #4c4c4c;
        color: #fff;
        font-size: 14px;
    }

    /* 開閉用ボタンがクリックされた時のスタイル */
    .open .nav {
        cursor: url(../images/cross.svg), auto;
        -webkit-transition: all .5s;
        transition: all .5s;
        visibility: visible;
        opacity: 1;
    }

    .nav .sp_menu {
        width: 100%;
    }

    .nav ul.sp_menu li {
        width: 100%;
        text-align: left;
        margin: 0 auto 1px;
        background: #fff;
        font-size: 0.875em;
    }

    .nav ul.sp_menu li a {
        margin: 0 10px;
        padding-left: 15px;
        height: 40px;
        line-height: 40px;
        display: block;
        font-size: 14px;
        color: #333;
        background-color: #fff;
        text-decoration: none;
        background-image: url(../img/common/arr_topics.png);
        background-position: 0 center;
        background-repeat: no-repeat;
    }

    /*modal-menu*/
    .rightSP {
        display: initial;
    }

    .lock {
        overflow: hidden;
    }

    .modal-content {
        position: relative;
        display: none;
        width: 80%;
        margin: 50px 30px;
        padding: 0;
        z-index: 9999;
    }

    .modal-content p {
        margin: 0;
        padding: 0;
    }

    .modal-overlay {
        z-index: 9995;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .modal-wrap {
        z-index: 9998;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .modal-open {
        color: #00f;
        text-decoration: underline;
    }

    .modal-open:hover {
        cursor: pointer;
        color: #f00;
    }

    .modal-content p.modal-close {
        color: #fff;
        font-size: 30px;
        text-decoration: none;
        position: absolute;
        width: 100%;
        text-align: right;
        background: url(../img/drop_close.png)no-repeat center right 10px;
        background-size: 20px;
        height: 40px;
    }

    .modal-close:hover {
        cursor: pointer;
        color: #f00;
    }

    .modal-content .modal_nav_inner {
        margin: 0;
        border-bottom: 1px solid #ddd;
        overflow: scroll;
    }

    .modal-content .modal_nav_inner li {}

    .modal-content .modal_nav_inner li a {
        display: block;
        height: 45px;
        line-height: 45px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        border-top: 1px solid #ddd;
        border-bottom: none;
    }

    /*スマホ用モーダルメニューここまで*/
    /*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
    .mv {
        margin-top: 100px;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .mv .swiper-wrapper {
        height: 100%;
    }

    .mv .swiper-wrapper .swiper-slide {
        height: 100%;
    }

    .mv .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main-photo {
        height: auto !important;
        padding-top: 100px;
    }

    .main-photo-inner img {
        width: 100% !important;
        height: auto;
        vertical-align: bottom;
    }

    /*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
    .viewer {
        z-index: 0;
    }

    .viewer ul,
    .viewer ul li {
        width: 100% !important;
    }

    .nav_wrap {
        display: none;
    }

    .content {
        margin: 0 0;
        padding: 10px 0;
    }

    .content .inner {}

    div#top_1column {}

    .content h2 {
        width: 100%;
        letter-spacing: 0;
        font-size: 18px;
        margin: 30px 0 10px 0;
    }

    /*
--------------------------------------------------
	記事
-------------------------------------------------- */
    .column-inner h3 {
        margin: 10px 0;
    }

    /*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
    .content-inner {
        width: 96%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .wrapper {
        word-wrap: break-word;
    }

    .plandetail {
        overflow: inherit;
    }

    .plandetail-left,
    .plandetail-right {
        float: none;
        margin: 10px 0;
    }

    /*photo*/
    .photos-top-headline {
        width: 100% !important;
    }

    .plandetail img,
    .photos-top-headline img,
    .photos-bottom img,
    .photos-left-headline img,
    .photos-right-headline img {
        width: 100% !important;
        height: auto !important;
    }

    .photos-conformity-left>div,
    .photos-conformity-right>div,
    .photos-bottom>div {
        width: 100% !important;
        height: auto !important;
    }

    .photos-left-headline,
    .photos-right-headline {
        float: none;
        margin: 0;
        width: 100% !important;
    }

    .photos-left,
    .photos-right,
    .photos-top,
    .photos-bottom {
        float: none;
        width: 100% !important;
        margin: 0;
    }

    .photos img,
    .photos-left img,
    .photos-right img,
    .photos-top img,
    .photos-top-headline img,
    .photos-center img,
    .photos-conformity img,
    .photos-conformity-left img,
    .photos-conformity-right img,
    .photos-conformity-center img {
        width: 100% !important;
        margin: 0 0 10px 0;
    }

    .column-inner {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    /* Tab Style */
    ul.ui-tabs-nav li {
        width: 33%;
        margin-right: 1px;
    }

    ul.ui-tabs-nav li:last-child {
        margin: 0;
    }

    ul.ui-tabs-nav li a {
        width: 100%;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected:after,
    ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected:after,
    ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected:after {
        content: "";
        width: 100%;
    }

    ul.ui-tabs-nav li#entries-tab-news a:hover,
    ul.ui-tabs-nav li#entries-tab-recommend a:hover,
    ul.ui-tabs-nav li#entries-tab-restaurant a:hover {
        opacity: 1;
    }

    /*ギャラリー形式*/
    .imagesurfingnormal {
        width: 100% !important;
        height: auto !important;
    }

    .imagesurfingnormal #photo {
        width: 100% !important;
        height: auto !important;
    }

    .imagesurfingnormal img {
        margin: 0 0 2px 0 !important;
    }

    /* Move */
    .move {
        position: fixed;
        right: 10px;
        /*margin-right: -640px;*/
        bottom: 30px;
        z-index: 100;
    }

    .move ul li a {
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, 0.8) url(../img/common/ico_move.png) no-repeat center center;
        background-size: 24px;
        display: block;
        text-indent: -9999px;
        border-radius: 4px;
    }

    /*
-----------------------------------------------
	Reservation area
----------------------------------------------- */
    #search_area {
        width: 100%;
        background: #d2c18d;
        padding: 10px;
        margin: 0 auto;
        color: #333;
        font-size: 1.6rem;
    }

    #search_area .search_inner {
        margin: 0 auto;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
        position: relative;
    }

    #search_area .search_inner:after {
        content: "";
        clear: both;
        display: block;
    }

    input.datepicker {
        width: 80%;
    }

    .ui-datepicker-trigger {
        cursor: pointer;
    }

    .ui-datepicker {
        font-size: 80% !important;
    }

    .search_inner ul#tabs_nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .search_inner ul#tabs_nav:after {
        content: ".";
        display: block;
        height: 0px;
        clear: both;
        line-height: 0;
        visibility: hidden;
    }

    .search_inner ul#tabs_nav li {
        margin: 0;
        width: 50%;
        float: left;
        list-style: none;
        text-align: center;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
        background: #e2d4aa;
    }

    .search_inner ul#tabs_nav li.active {
        background: #642314;
        color: #fff;
    }

    .search_inner ul#tabs_nav li a {
        display: block;
        text-decoration: none;
        font-size: 1.6rem;
    }

    .search_inner ul#tabs_nav li.active a {
        color: #fff;
    }

    .search_inner .tabbox {
        display: none;
        padding: 10px;
    }

    .search_inner #tab_stay.tabbox {}

    /*.search_inner ul#tabs_nav li a{ overflow:hidden; height:0; padding-top:50px; display:block;}
.search_inner ul#tabs_nav li.tabs_stay a{ background:url(../img/common/tab_search_stay.png) no-repeat 0 0;}
.search_inner ul#tabs_nav li.tabs_rest a{ background:url(../img/common/tab_search_rest.png) no-repeat 0 0;}
.search_inner ul#tabs_nav li.active.tabs_stay a,
.search_inner ul#tabs_nav li.active.tabs_rest a{ background-position: 0 -50px;}*/
    #search_area .booking-col {
        /* border:1px solid #aaa;*/
        display: inline-block;
        float: left;
        padding-right: 20px;
    }

    #search_area #search_stay {
        clear: both;
    }

    #search_area p.btn_search {
        clear: both;
        width: 140px;
        margin: 0 auto;
        padding-top: 10px;
    }

    #search_area p.btn_search input {
        background: url(../img/common/btn_search.png) no-repeat 0 0;
        display: block;
        overflow: hidden;
        height: 0;
        width: 140px;
        padding: 70px 0 0 0;
        margin-top: 10px;
        cursor: pointer;
    }

    #tc-widget {
        width: 200px;
        display: block !important;
        margin: 0 auto !important;
    }

    /*#reservation_area{
	background: #474747;
	width:100%;
	height : auto ;
	text-align:center;
	padding: 10px 0 0 0;
	overflow: hidden;
	}
#reservation_area select {padding: 6px;}
#reservation_area .btn_submit.sp input {	display: inherit; margin-top: 10px;}
#reservation_area input {padding: 6px 4px;}
 #reservation_area .inner {width: 90%;margin: 0 auto;}
#reservation_area h3.search_title {width: 100%;font-size: 20px; margin: 0;}
.search_btn01 ul {width: 100%;}
#reservation_area li.box_day {
	width: 100%;
	margin: 0;
}
#reservation_area input#datepicker {
	width: 100%;
	float:left;
		margin-right: 20px;
}
li.box_day input[type="checkbox"] {
	width: 16px !important;
	height: 16px;
}
.search_btn01{margin:0 0 20px 0;}
.search_btn01, .search_btn05 {
	width: 100%;
	padding: 0;
}
search_btn02, .search_btn03, .search_btn04 {	width: 32%;}
#reservation_area > li, #reservation_area > li.box_day{width: 100%;}
 #reservation_area li.pulldown01  ,  
 #reservation_area li.pulldown02 {
	width: 50%;
	text-align:left;
}
#reservation_area .btn_submit input.search {height: 50px;}
#reservation_area .searchBtns li{float:none; margin: 4px 0; }
#reservation_area .searchBtns li.btn_submit {width: 100%;}
#reservation_area .box_day input{width: 100%;}
#reservation_area .searchBtns li.pulldownWrap {width: 100%;}
#reservation_area .btnToday{display:initial;}
#reservation_area .texttop  ,  #reservation_area .textbottom{display:none;}
#reservation_area .searchBtns li.pulldown01 {
	float: left;
	width: 48%;
	margin-right: 4px;
}
#reservation_area .searchBtns li.pulldown02{float:left; }
#reservation_area .searchBtns li.pulldown01 select  ,
#reservation_area .searchBtns li.pulldown02 select{ width: 100%;}
#reservation_area .btn_submit input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	-webkit-appearance: none;
}
#reservation_area .btnToday input {width: 100%;border-radius: 4px;}
#reservation_area .bottom_menu ul {
	text-align: center;
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
}
#reservation_area .bottom_menu li {
	float: left;
	width: 50%;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
}
#reservation_area .bottom_menu li a {
	width: 100% ;
	float: left;
	display: block;
}*/
    /*予約カレンダー*/
    div#calid3 {
        width: 90% !important;
        background: pink;
    }

    div#calid3 tr {
        height: 40px;
    }

    /*news*/
    article.news {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    article.news h2 {
        font-size: 20px;
        line-height: 50px;
        height: 50px;
        margin: 0 0 20px 0;
    }

    article.news article.recentPost {
        float: none;
        width: 100%;
        margin-right: 30px;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #000;
    }

    article.news article.recentPost img {
        float: right;
        width: 50%;
        height: auto;
        margin: 0 0 20px 10px;
    }

    .news .articleWrap a {
        width: 100%;
    }

    article.news article.recentPost h3 {
        margin: 0 0 10px 0;
        height: auto;
    }

    article.news article.recentPost .indexText {}

    article.news .more {
        padding: 0;
    }

    article.news .more a {
        width: 100%;
    }

    /*すべての記事を見るボタン*/
    .more a {
        width: 100%;
        margin: 10px auto;
        height: 40px;
        line-height: 40px;
    }

    /*sns icons*/
    .snsIcon {
        width: 100%;
    }

    .snsIcon .inner {
        width: 100%;
        margin: 0 auto;
        padding: inherit;
    }

    .snsIcon ul {}

    .snsIcon li {
        margin-right: 10px;
    }

    /*Banner Area*/
    .bannerArea {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .bannerArea li {
        width: 48%;
        float: left;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 8px;
    }

    .bannerArea li:nth-of-type(even) {
        margin-right: 0px;
    }

    .bannerArea ul {
        width: 100%;
        margin: 0 auto;
    }

    .bannerArea li img {
        width: 100%;
        height: auto;
    }

    /*
--------------------------------------------------
	footer
-------------------------------------------------- */
    footer {
        background: #fff;
        padding: 10px 0 0 0;
        margin: 50px 0 0 0;
    }

    footer .inner {
        width: 100%;
        margin: 0 auto;
    }

    footer .infoPhoto img {
        width: 200px;
    }

    footer .rowWrap {
        margin: 20px 0
    }

    footer .infoPhoto,
    footer .infoaddress,
    footer .infoText {
        float: none;
        width: auto;
    }

    /* footer nav */
    .fnav {
        width: 100%;
        border-top: 1px solid #333333;
    }

    .fnav:after {
        content: "";
        clear: both;
        display: block;
    }

    .fnav .fnav-inner {
        width: 100%;
        background: #f9f9f9;
    }

    .fnav ul {
        text-align: center;
        padding: 0;
    }

    .fnav li {
        display: block;
        float: left;
        width: 50%;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        box-sizing: border-box;
        font-size: 1.2rem;
    }

    .fnav li:nth-child(even) {
        border-right: none;
    }

    .fnav li a {
        color: #333;
        display: table-cell;
        height: 45px;
        line-height: 1;
        text-decoration: none;
        width: 340px;
        vertical-align: middle;
    }

    /* hotel information */
    footer .information {
        padding: 20px 0;
    }

    footer .information-photo {
        width: 100%;
        float: none;
        text-align: center;
    }

    footer .information-access,
    footer .information-read {
        overflow: inherit;
        width: 90%;
        margin: 0 auto;
    }

    .information-access h4 {
        background: url(../img/common/footer_logo.png) no-repeat 0 0;
        overflow: hidden;
        height: 0;
        padding-top: 40px;
        width: 200px;
        background-size: contain;
        margin: 0 auto 10px;
    }

    .information-access p {
        text-align: center;
        margin-bottom: 10px;
    }

    .information-access .hotel_tel {
        width: 280px;
        margin: 0 auto 10px;
    }

    .information-access .hotel_tel:after {
        content: "";
        clear: both;
        display: block;
    }

    .information-access .hotel_tel li.fax {
        display: none;
    }

    .information-access .hotel_tel li {
        display: block;
        overflow: hidden;
    }

    .information-access .hotel_tel li.tel {
        float: left;
    }

    .information-access .hotel_tel li.tel a {
        display: block;
        color: #333;
        text-align: center;
        text-decoration: none;
        border: 1px solid #555;
        width: 220px;
        height: 50px;
        line-height: 50px;
        font-size: 1.8rem;
        background: url(../img/common/ico_footer_tel.png) no-repeat 10px center;
        background-size: auto 24px;
        overflow: hidden;
    }

    /* footer contact btn */
    .information-inner .contact {
        float: right;
    }

    .information-inner .contact a {
        background: #0b3190 url(../img/common/ico_mail_sp.png) no-repeat center center;
        background-size: 40px;
        color: #fff;
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        overflow: hidden;
    }

    .information-inner .contact a {}

    .information-inner .contact a span {
        display: none;
    }

    .information-access .hotel_tel li a {
        box-sizing: border-box;
    }

    /* footer sns link */
    .information-inner .sns_link {
        text-align: center;
    }

    .information-inner .sns_link li {
        display: inline-block;
    }

    .information-inner .sns_link li a {
        background: url(../img/common/ico_footer_sns.png) no-repeat 0 0;
        display: block;
        width: 45px;
        overflow: hidden;
        height: 0;
        padding-top: 45px;
    }

    .information-inner .sns_link li a:hover {
        opacity: 0.7;
    }

    .information-inner .sns_link li.sns_ta a {
        background-position: 0 0;
    }

    .information-inner .sns_link li.sns_blog a {
        background-position: -45px 0;
    }

    .information-inner .sns_link li.sns_fb a {
        background-position: -90px 0;
    }

    footer .information-access .tel a {
        color: #fff;
        text-decoration: underline;
    }

    footer nav#footerMenu {
        display: none;
    }

    .footer_banner ul {
        text-align: left;
    }

    .footer_banner ul li {
        border-top: 1px solid #c5c3bc;
    }

    .footer_banner ul li a {
        display: block;
        height: 50px;
        text-decoration: none;
        line-height: 50px;
        padding: 0 0 0 20px;
        background: -prefix-linear-gradient(top, #fbfaf8, #f1ede1);
        background: linear-gradient(to bottom, #fbfaf8, #f1ede1);
    }

    footer .copyright {
        background: #1d1d1d;
        color: #fff;
        text-align: center;
        font-size: 1.1rem;
        padding: 10px 0;
    }

    /*
--------------------------------------------------
	bxslider Style
-------------------------------------------------- */
    .bx-wrapper {
        position: relative;
        margin: 0 auto;
        padding: 0;
        *zoom: 1;
    }

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .visual .bx-wrapper .bx-pager {
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 100px;
        z-index: 100;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 100px;
        z-index: 100;
        margin-left: -50px;
    }

    .bx-wrapper .bx-pager .bx-pager-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 100;
    }

    .bx-pager a {
        background: #eee;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }

    .bx-pager a:hover,
    .bx-pager a.active {
        background: #c5a84f;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        outline: 0;
        width: 30px;
        height: 45px;
        text-indent: -9999px;
        z-index: 100;
    }

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

    /* pagerサムネイル */
    .thumb {
        text-align: center;
        font-size: 0;
    }

    .thumb a {
        display: inline-block;
        margin: 10px 1px 0;
        width: 80px;
    }

    .thumb a img {
        border: 3px solid #ddd;
        box-sizing: border-box;
        opacity: 0.5;
        width: 80px;
        filter: alpha(opacity=50);
    }

    .thumb a.active img {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .thumb a.active img {
        border-color: #d2c18d;
    }

    /*
--------------------------------------------------
	下層テンプレート
-------------------------------------------------- */
    .planbox {
        min-height: 260px;
        margin: 10px 5px;
        box-sizing: border-box;
        overflow: hidden;
        text-align: center;
        position: relative;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }

    .planbox a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .planbox h4 {
        margin: 10px;
        text-align: left;
        text-decoration: underline;
        font-size: 1.5rem !important;
    }

    /*
--------------------------------------------------
	common css
-------------------------------------------------- */
    .column {
        margin: 0 20px;
        padding: 0;
    }

    .column-inner {
        margin: 0 0 10px;
        padding: 0 0 10px;
    }

    .column:after,
    .column-inner:after {
        content: "";
        clear: both;
        display: block;
    }

    /* 見出し */
    .content h2.hd {
        font-size: 2.8rem;
        text-align: center;
        margin: 20px 0 40px;
        letter-spacing: 0.1em;
        font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }

    .content h2.hd:after {
        content: "";
        display: block;
        background: url(../img/common/hd_border.png) repeat-y center 0;
        height: 3px;
        width: 180px;
        margin: 10px auto 0;
    }

    .column-inner h3 {
        margin-bottom: 10px;
        font-size: 2.4rem;
    }

    .column-inner h3.shd {
        text-align: center;
        margin: 20px 0 0;
    }

    .column-inner h3.shd:before {
        content: "";
        display: block;
        height: 3px;
        width: 40px;
        margin: 0 auto 10px;
        background: #0b3190;
    }

    .column-inner h3.sshd {
        font-size: 1.8rem;
        border: 1px solid #ccc;
        padding: 5px 0 5px 25px;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        overflow: hidden;
    }

    .column-inner h3.sshd:before {
        content: "";
        display: block;
        height: 20px;
        width: 3px;
        background: #0b3190;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -10px;
    }

    .column-inner h4 {
        margin-bottom: 10px;
        font-size: 1.8rem;
    }

    .column-inner h4.sshd {
        border: 1px solid #ccc;
        padding: 5px 0 5px 15px;
        /*border-radius:5px;*/
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
    }

    .column-inner h4.sshd:before {
        content: "";
        display: block;
        height: 20px;
        width: 3px;
        background: #0b3190;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
    }

    .column-inner h5 {
        font-size: 1.6rem;
    }

    /* table */
    .column-inner table {
        margin: 10px 0;
        border: none;
        border-collapse: separate;
        border-spacing: 0;
    }

    .column-inner table th,
    .column-inner table td {
        padding: 10px;
        border-top: 1px solid #ddd;
    }

    .column-inner table th {
        border-top: 1px solid #0b3190;
    }

    .column-inner table tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

    .column-inner table tr:last-child th {
        border-bottom: 1px solid #0b3190;
    }

    .column-inner table th {
        background: none;
        width: 30%;
    }

    /* more */
    .more {
        clear: both;
    }

    .more:after {
        content: "";
        display: block;
        clear: both;
    }

    .more a {
        background: #fff;
        border: 1px solid #c5a84f;
        color: #c5a84f;
        text-decoration: none;
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        transition: ease-in .4s;
    }

    .more a:hover {
        background: #c5a84f;
        color: #fff;
    }

    /* btn_more */
    .more_detail {
        clear: both;
    }

    .more_detail:after {
        content: "";
        display: block;
        clear: both;
    }

    a.btn_more {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        transition: ease-in .4s;
    }

    a.btn_more:hover {
        background: rgba(255, 255, 255, 1);
        color: #333;
    }

    /* btn_link */
    .btn_link_col {
        clear: both;
        margin: 10px auto;
        width: 80%;
        text-align: center;
    }

    .btn_link_col:after {
        content: "";
        display: block;
        clear: both;
    }

    a.btn_link {
        position: relative;
        display: inline-block;
        padding: 0 0 0 22px;
        vertical-align: middle;
        text-decoration: none;
        color: #fff;
    }

    a.btn_link:hover {
        text-decoration: underline;
    }

    a.btn_link::before,
    a.btn_link::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    a.btn_link::before {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    a.btn_link::after {
        left: 8px;
        box-sizing: border-box;
        width: 5px;
        height: 3px;
        border: 3px solid transparent;
        border-left: 4px solid #fff;
    }

    a.arrow {
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
    }

    a.arrow::before,
    a.arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    a.arrow::before {
        left: 4px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 4px solid transparent;
        border-left: 4px solid #d2c18d;
    }

    /*
--------------------------------------------------
	TOP #page-home
-------------------------------------------------- */
    #page-home .content .inner {
        width: 100%;
        margin: 0 auto;
    }

    #page-home .content {
        margin-bottom: 0;
    }

    /* home_news */
    #news {
        margin: 0 auto 40px;
    }

    #news:after {
        content: "";
        clear: both;
        display: block;
    }

    #news .column {
        margin: 0 15px 15px;
    }

    #news .column .photos-top {
        width: 30% !important;
        float: left;
        margin: 0 10px 0 0;
    }

    #news .column .photos-top img {
        margin-bottom: 0;
    }

    #news div:nth-of-type(4n+1).column {
        clear: both;
    }

    #news .column-inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #news .column-inner h3 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    #news .more {
        width: 80%;
        margin: 15px auto;
    }

    /* home_point01 */
    .home_point {
        position: relative;
        height: 360px;
        overflow: hidden;
        margin-bottom: 1px;
    }

    .home_point:after {
        content: "";
        clear: both;
        display: block;
    }

    .home_point .home_point_photo {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -332px;
        height: 100%;
        overflow: hidden;
    }

    .home_point .home_point_photo img {
        width: 100%;
        height: 100%;
    }

    /*.home_point .home_point_photo img{ width:auto; height:100%; min-width:1600px;}*/
    .home_point .home_point_inner {
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .home_point .home_point_txt {
        padding: 20px 20px;
        color: #fff;
        text-align: center;
    }

    .home_point .home_point_txt h3 {
        font-size: 2.8rem;
        margin-top: 100px;
        margin-bottom: 20px;
        text-shadow: 0 0 8px #000;
    }

    .home_point .home_point_txt h3 span {
        display: block;
        font-size: 2.0rem;
        line-height: 1.4;
    }

    .home_point .home_point_txt .txt {
        display: none;
    }

    .home_point .home_point_txt .more_detail {
        width: 260px;
        margin: 25px auto 0;
    }

    #home_point_rest {
        margin-bottom: 1px;
    }

    .home_plan {
        display: none;
    }

    /*#home_point_rest.home_point{
	position:relative;
	height:580px;
	overflow: hidden;
}

#home_point_rest.home_point .home_point_inner{
	position:absolute;
	top:0;
	right:55%;
	left:inherit;
}
#home_point_rest.home_point .home_point_txt{
	position:absolute;
	top:0;
	right:0;
}*/
    /* home_point02 */
    .home_point02 {
        position: relative;
        /*height:480px;*/
        padding: 0;
        background-image: url(../img/common/bg_home_wedding.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 150% auto;
    }

    .home_point02 .home_point_inner {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        text-align: center;
    }

    .home_point02 .home_point_inner .ph_home_wed li {
        display: inline-block;
        padding: 0 5px;
        margin-top: 0;
    }

    .home_point02 .home_point_inner .ph_home_wed li img {
        width: 120px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .home_point02 .home_point_txt {
        padding-top: 10px;
    }

    .home_point02 .home_point_txt h3 {
        font-size: 2.8rem;
        margin-top: 40px;
        margin-bottom: 20px;
        text-shadow: 0 0 8px #fff;
    }

    .home_point02 .home_point_txt h3 span {
        display: block;
        font-size: 1.8rem;
        color: #977d2e;
    }

    .home_point02 .home_point_txt .txt {
        line-height: 1.6;
        margin: 0 30px;
        display: none;
    }

    .home_point02 .home_point_txt .more_detail_2col {
        margin: 10px 0 0;
    }

    .home_point02 .home_point_txt .more_detail_2col li {
        display: inline-block;
        width: 260px;
        margin: 0 0 5px;
    }

    .home_point02 a.btn_more {
        border: 1px solid #c5a84f;
        color: #c5a84f;
    }

    .home_point02 a.btn_more:hover {
        background: #c5a84f;
        color: #fff;
    }

    /* home_plan_col */
    .home_plan {
        background: url(../img/common/bg_home_plancol.png) repeat 0 0;
    }

    .home_plan .home_plan_inner {
        width: 1120px;
        margin: 0 auto;
    }

    .home_plan .home_plan_inner:after {
        content: "";
        clear: both;
        display: block;
    }

    .home_plan .home_plan_ttl {
        width: 260px;
        float: left;
        background: rgba(171, 130, 0, 0.5) url(../img/common/ico_home_plan_ttl.png) no-repeat center 30px;
        text-align: center;
        padding: 100px 25px 0;
        box-sizing: border-box;
        height: 300px;
    }

    .home_plan .home_plan_ttl h4 {
        font-size: 1.8rem;
        color: #fff;
        line-height: 1.2;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9ca98;
    }

    .home_plan .home_plan_ttl h3 {
        font-size: 2.8rem;
        color: #fff;
        line-height: 1.4;
        padding: 15px 0 10px;
        border-top: 1px solid #8f732e;
    }

    /* home_access */
    .home_access {
        padding: 0 20px;
        margin: 20px 0 80px;
        border-top: 1px solid #ccc;
    }

    .home_access .gmap {
        position: relative;
        padding-bottom: 100%; // 縦横比
        height: 0;
        overflow: hidden;
    }

    .home_access .gmap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .home_access .home_access_inner {
        text-align: center;
    }

    .home_access .home_access_inner .more {
        width: 80%;
        margin: 10px auto 20px;
    }

    .home_airplan {
        display: none;
        width: 1080px;
        height: 130px;
        box-sizing: border-box;
        margin: 0 auto 40px;
        border-top: 1px solid #5f5f5f;
        border-bottom: 1px solid #5f5f5f;
    }

    .home_airplan .home_airplan_ttl {
        width: 400px;
        float: left;
        text-align: center;
        padding: 15px 0;
    }

    .home_airplan .home_airplan_ttl h3 {
        font-size: 2.8rem;
    }

    .home_airplan ul {
        float: right;
        padding-right: 20px;
    }

    .home_airplan ul li {
        width: 310px;
        background: #ddd;
        margin: 20px 5px 0;
        float: left;
    }

    .home_airplan ul li img {
        vertical-align: bottom;
    }

    /* home_banner */
    .home_banner {
        display: none;
        width: 1080px;
        text-align: center;
        margin: 0 auto 40px;
    }

    .home_banner li {
        display: inline-block;
    }

    /*
--------------------------------------------------
	page common CSS
-------------------------------------------------- */
    .over_content {
        margin: 0 -100%;
        padding: 0 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .over_content_inner {
        padding: 50px 50px;
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        background: rgba(0, 0, 0, 0.4);
    }

    .over_content_inner h3 {
        font-size: 2.4rem;
        margin-bottom: 15px;
    }

    .over_content_inner p {
        line-height: 1.8;
        font-size: 1.5rem;
    }

    .txt_center {
        text-align: center;
    }

    .txt_center h3 {
        font-size: 1.8rem;
    }

    .txt_center_point {
        border: 2px solid #d2c18d;
        padding: 10px 15px;
        margin: 10px 0 0;
    }

    .txt_center_point h4 {
        font-weight: bold;
        margin: 10px 0;
        font-size: 1.5rem;
    }

    /* btn（予約） */
    .btn_col {
        margin: 15px 0 0;
        text-align: center;
    }

    .btn_col li {
        text-align: center;
        font-size: 1.6rem;
        width: 300px;
        margin: 0 auto 5px;
        /*display:inline-block;*/
    }

    .btn_col li a.btn_reserved {
        display: block;
        text-decoration: none;
        color: #fff;
        height: 50px;
        line-height: 50px;
        background: #be9c4d;
        transition: ease-in .4s;
        border: 1px solid #be9c4d;
    }

    .btn_col li a.btn_reserved:hover {
        background: #fff;
        color: #be9c4d;
        border: 1px solid #be9c4d;
    }

    /* ページ内リンク */
    .page_link {
        margin: 15px 0 0;
        font-size: 0;
        text-align: center;
    }

    .page_link li {
        font-size: 1.5rem;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        width: 50%;
        margin-bottom: 1px;
    }

    .page_link li a {
        display: block;
        height: 60px;
        line-height: 60px;
        text-decoration: none;
        color: #555;
        background: #efede5;
        transition: ease-in .4s;
    }

    .page_link li a:hover {
        background: #0b3190;
        color: #fff;
    }

    /*.page_link_6col li{ width:180px; box-sizing:border-box;}
.page_link_4col li{ width:270px; box-sizing:border-box;}
.page_link_2col li{ width:300px; box-sizing:border-box;}*/
    /* 下層ページ　bxslide */
    .ph_slide_page {
        margin-bottom: 15px;
    }

    /* 記事基本系01（部屋/レストラン） */
    .article_detail {
        margin-top: 20px;
    }

    .article_detail .article_photo {}

    .article_detail .article_date {
        overflow: hidden;
    }

    .article_detail .article_date table {
        width: 100%;
    }

    .article_detail .article_date table th {
        width: 25%;
    }

    .article_detail .article_date a.btn_link {
        color: #555;
        margin-left: 15px;
        text-decoration: underline;
    }

    .article_detail .article_date a.btn_link::before {
        border: none;
        background: #be9c4d;
    }

    .article_detail .article_date a.btn_link::after {
        border-left: 4px solid #fff;
    }

    .article_detail .article_date a.btn_link:hover {
        text-decoration: none;
    }

    /* 画像on文字リンク 340×220 */
    .bt_over_link {
        position: relative;
        overflow: hidden;
        height: 220px;
        width: 100%;
        background: #000;
        transition: .4s;
        margin: 0 0 10px;
    }

    .bt_over_link a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    .bt_over_link h4 {
        font-size: 2.2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 340px;
        margin-left: -170px;
        margin-top: -14px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 8px #000;
        line-height: 1.2;
    }

    .bt_over_link h4:after {
        content: "";
        display: block;
        margin: 10px auto 0;
        width: 100px;
        border-bottom: 1px solid #fff;
    }

    .bt_over_link img {
        width: 100%;
        vertical-align: bottom;
        min-height: 220px;
        transition: ease-in 0.4s;
        opacity: 0.9;
    }

    .bt_over_link:hover img {
        opacity: 0.6;
    }

    /* gmap関連 */
    .gmap {
        position: relative;
        padding-bottom: 100%; // 縦横比
        height: 0;
        overflow: hidden;
    }

    .gmap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /* layout */
    .mb20 {
        margin-bottom: 20px !important;
    }

    .mt10 {
        margin-top: 10px !important;
    }

    .mt15 {
        margin-top: 15px !important;
    }

    /*
--------------------------------------------------
	#page-stay
-------------------------------------------------- */
    .over_content#stay_intro {
        background-image: url(../img/common/bg_stay_overcontent.jpg);
        background-size: auto auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* stay_planlist */
    .stay_planlist {
        margin: 30px 0;
    }

    .stay_planlist:after {
        content: "";
        clear: both;
        display: block;
    }

    .stay_planlist .column {
        background: ;
        margin: 0 0 15px;
        padding: 0;
    }

    .stay_planlist .column-inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .stay_planlist .more {
        clear: both;
        width: 100%;
        margin: 0 auto;
    }

    /*.stay_planlist div:nth-of-type(4n+1).column{ clear:both;}*/
    /* room_type_list */
    .room_type_list {
        margin: 15px 0 0;
        width: 48%;
        float: left;
        margin: 0 1% 10px;
    }

    .room_type_list img {
        width: 100%;
    }

    .room_type_list h5 {
        font-weight: bold;
    }

    div:nth-of-type(2n+1).room_type_list {
        clear: both;
    }

    /* アメニティ枠 */
    .amenity_box {
        border: 2px solid #d2c18d;
        padding: 15px;
        margin-bottom: 10px;
    }

    /*
--------------------------------------------------
	#page-rest
-------------------------------------------------- */
    .over_content#rest_intro {
        background-image: url(../img/common/bg_rest_overcontent.jpg);
        background-size: auto auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* 問い合わせ */
    .contact_col {
        border: 2px solid #d2c18d;
        background: #efede5;
        padding: 15px 30px 10px;
    }

    .contact_col:after {
        content: "";
        clear: both;
        display: block;
    }

    .contact_col h4 {
        margin-bottom: 0;
        margin-top: 10px;
        text-align: center;
    }

    .contact_col .rest_tel {
        font-size: 2.6rem;
        margin-bottom: 0;
        text-align: center;
        line-height: 100%;
    }

    .contact_col h4 span,
    .contact_col .rest_tel span {
        font-size: 1.4rem;
        display: block;
    }

    .btn_online {
        width: 100%;
        text-align: center;
    }

    .btn_online a {
        display: block;
        text-decoration: none;
        color: #fff;
        height: 50px;
        line-height: 50px;
        background: #661c14;
        transition: ease-in .4s;
        border: 1px solid #661c14;
    }

    /* 各店舗のご案内（レストランリスト） */
    .restlist_box {
        margin: 10px 0 0;
        position: relative;
        background: #fff;
        transition: ease-in .4s;
    }

    .restlist_box a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    .restlist_box img {
        width: 100%;
        height: 140px;
        opacity: 1;
        transition: ease-in .4s;
    }

    .restlist_box:hover img {
        opacity: 0.8;
    }

    div:nth-of-type(2n+1).restlist_box {
        clear: both;
    }

    .restlist_box h4 {
        position: relative;
        display: inline-block;
        padding: 0 0 0 22px;
        vertical-align: middle;
        text-decoration: none;
        color: #333;
    }

    .restlist_box:hover h4 {
        text-decoration: underline;
    }

    .restlist_box h4::before,
    .restlist_box h4::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }

    .restlist_box h4::before {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        background: #0b3190;
    }

    .restlist_box h4::after {
        left: 8px;
        box-sizing: border-box;
        width: 5px;
        height: 3px;
        border: 3px solid transparent;
        border-left: 4px solid #fff;
    }

    /* btn_link */
    .btn_link_col {
        clear: both;
        margin: 10px 0;
        width: 280px;
        text-align: center;
    }

    .btn_link_col:after {
        content: "";
        display: block;
        clear: both;
    }

    /* 様々なシーンでのお手伝い */
    #rest_scene {
        background: #efede5;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #cbc5b3;
        border-bottom: 1px solid #cbc5b3;
        text-align: left;
    }

    .scene_box {
        margin: 20px 0 0;
    }

    .scene_box img {
        width: 100%;
    }

    div:nth-of-type(3n+1).scene_box {
        clear: both;
    }

    #ft_shop {
        padding-top: 20px;
        border-top: 1px solid #ddd;
        text-align: left;
        margin-bottom: 0;
    }

    /* レストラン詳細 */
    .rest_header {
        border: 1px solid #ccc;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        padding: 10px 10px 70px 10px;
    }

    .content .rest_header h2 {
        line-height: 30px;
        font-size: 2.0rem;
        text-align: center;
        margin: 0;
    }

    .rest_header h2 span {
        font-size: 2.0rem;
    }

    .rest_header .btn_online {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 60%;
    }

    /*h2#rest_vent{
	background:url(../img/common/logo_rest_vent.png) no-repeat 0 center;
	background-size:80px;
}*/
    .rest_header_tab {
        margin-top: 20px;
    }

    .rest_header_tab ul {
        /*border-bottom:1px solid #d2be90;*/
        height: 50px;
    }

    .rest_header_tab ul li a {
        width: 48%;
        box-sizing: border-box;
        height: 50px;
        margin: 0 1% 5px;
        line-height: 50px;
        text-align: center;
        float: left;
        background: #d2be90;
        color: #fff;
        text-decoration: none;
    }

    .rest_header_tab ul li:nth-of-type(2n+1) a {
        clear: both;
    }

    .rest_header_tab ul li.current a {
        background: #fff;
        border: solid #d2be90;
        color: #bf9d4f;
        border-width: 1px 1px 1px 1px
    }

    .note_rest {
        border: 2px solid #d2c18d;
        padding: 15px;
        margin-top: 10px;
    }

    /* レストラン:お知らせ */
    .column-inner ul.rest_news {
        border-top: 1px dotted #aaa;
        margin: 20px 0;
    }

    .column-inner ul.rest_news li {
        padding: 15px 15px;
        border-bottom: 1px dotted #aaa;
    }

    /* レストラン:メニュー関連 */
    .column-inner ul.menu_list {
        padding-left: 25px;
        margin: 10px 0;
    }

    .column-inner ul.menu_list li {
        list-style: square;
    }

    .column-inner dl.menu_list02 {
        margin: 10px 0;
    }

    .column-inner dl.menu_list02 dt {
        font-weight: bold;
    }

    .column-inner dl.menu_list02 dd {
        margin-bottom: 5px;
        line-height: 1.5;
    }

    .menu_box {
        border: 5px solid #d2c18d;
        padding: 15px;
        margin: 10px 0;
    }

    .menu_box h4 {
        border-bottom: 2px solid #d2c18d;
        padding: 5px 0;
        margin-bottom: 15px;
        font-weight: bold;
    }

    p.menu_price {}

    /* toggle open menu */
    p.open_menu {
        cursor: pointer;
        position: relative;
    }

    p.open_menu span {
        position: absolute;
        display: block;
        overflow: hidden;
        height: 0;
        background: url(../img/common/ico_open.png) no-repeat 0 0;
        top: 0;
        right: 5px;
        width: 23px;
        padding-top: 23px;
    }

    p.open_menu.active span {
        background-position: -23px 0;
    }

    .open_menu_box {
        background: #efede5;
        border: 1px solid #d2c18d;
        padding: 5px 10px;
        overflow: hidden;
        margin-top: 10px;
        width: 100%;
    }

    .open_menu_inner {
        display: none;
    }

    #page-vent h2.hd,
    #page-v_breakfast h2.hd {
        display: none;
    }

    table.rest_date {
        width: 100%;
    }

    table.rest_date th,
    table.rest_date td {
        width: 100%;
        display: block;
    }

    .column-inner table.rest_date tr:last-child th {
        border-bottom: none;
    }

    table.rest_date h5 {
        color: #661c14;
    }

    table.rest_date strong {
        color: #661c14;
        font-size: 1.8rem;
    }

    table.rest_date ul li {
        display: inline;
        margin-right: 10px;
    }

    table.rest_date .btn_online {
        /*float: none;*/
        width: 100%;
        margin: 10px auto 0;
    }

    table.rest_date .btn_online:after {
        content: "";
        clear: both;
        display: block;
    }

    table.rest_date .btn_online a {
        height: 40px;
        line-height: 40px;
    }

    table.rest_date .special_price {
        border: 1px dashed #d2c18d;
        background: #efede5;
        margin: 5px 0;
        padding: 10px 15px;
    }

    table.rest_date .special_price p {
        margin: 10px 0 0;
        font-size: 1.4rem;
    }

    /*
--------------------------------------------------
	観光情報　#page-sightseeing
-------------------------------------------------- */
    #page-sightseeing .column-inner h3.shd {
        margin-bottom: 20px;
    }

    .kanko_box {
        margin-bottom: 30px;
    }

    .kanko_box img {
        width: 100%;
    }

    .kanko_box .more_web {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .kanko_box .more_web a {
        display: block;
        text-decoration: none;
        border: 1px solid #0b3190;
        background: #0b3190;
        color: #fff;
        height: 45px;
        line-height: 45px;
        transition: ease-in .4s;
    }

    .kanko_date {
        margin-top: 10px;
        background: #333333;
    }

    .kanko_date dt {
        width: 5em;
        color: #fff;
        float: left;
        text-align: center;
        border-top: 1px solid #fff;
    }

    .kanko_date dd {
        margin-left: 5em;
        padding: 3px 0 3px 10px;
        background: #fff;
        line-height: 1.4;
    }

    .kanko_date dd:after {
        content: "";
        clear: both;
        display: block;
    }

    #page-sightseeing .gmap iframe {
        border: none;
    }

    /*
--------------------------------------------------
	宴会・会議　#page-banquet
-------------------------------------------------- */
    /* 画像on文字リンク h220 */
    #page-banquet .bt_over_link {
        position: relative;
        overflow: hidden;
        height: 220px;
        width: 100%;
        background: #000;
        transition: .4s;
        float: left;
        margin-bottom: 10px;
    }

    #page-banquet .bt_over_link a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 2;
    }

    #page-banquet .bt_over_link h4 {
        font-size: 2.4rem;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        margin-left: -50%;
        margin-top: -14px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 8px #000;
        line-height: 1.2;
    }

    #page-banquet .bt_over_link h4:after {
        content: "";
        display: block;
        margin: 10px auto 0;
        width: 100px;
        border-bottom: 1px solid #fff;
    }

    #page-banquet .bt_over_link img {
        width: 100%;
        vertical-align: baseline;
        min-height: 220px;
        transition: ease-in 0.4s;
        opacity: 0.75;
    }

    /* リンク */
    .btn_banquet a {
        display: block;
        background: #b1943c;
        height: 50px;
        line-height: 50px;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        transition: ease-in .4s;
    }

    .btn_banquet a:hover {
        background: #d2c18d;
        text-decoration: none;
    }

    .btn_banquet:after {
        content: "";
        clear: both;
        display: block;
    }

    .btn_banquet a.btn_link::before {
        left: 10px;
    }

    .btn_banquet a.btn_link::after {
        left: 18px;
    }

    /* お問合わせ */
    #ft_contact {
        padding-top: 20px;
        border-top: 1px solid #ddd;
        margin-bottom: 0;
    }

    #ft_contact h3 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    #ft_contact ul {
        text-align: left;
    }

    #ft_contact ul li {
        text-indent: -1em;
        padding-left: 1em;
    }

    /* コピーテキスト*/
    .text_copy {
        border: 2px solid #ddd;
        padding: 15px;
        line-height: 2.0;
        margin-top: 10px;
    }

    /* btn（問合せフォーム） */
    .btn_form a.btn_link {
        background: #0b3190;
        background-size: 20px;
        color: #fff;
        display: block;
        width: 420px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        font-size: 1.4rem;
        transition: ease-in .4s;
        padding: 0;
        margin: 0 auto;
    }

    .btn_form a.btn_link::before,
    .btn_form a.btn_link::after {
        display: none;
    }

    .btn_form a.btn_link:hover {
        background: #373ab3;
    }

    .btn_form a.btn_link span {
        background: url(../img/common/ico_mail.png) no-repeat 0 center;
        background-size: 20px;
        padding-left: 30px;
    }

    .tb_plan {
        border: 1px dashed #d2c18d;
        background: #efede5;
        margin: 5px 0;
        padding: 10px 15px;
    }

    .tb_plan h4 span {
        font-size: 1.5rem;
    }

    .tb_plan dl dt {
        font-weight: bold;
    }

    .tb_plan dl dd {
        margin-left: 1em;
    }

    /* dl_table */
    .column-inner dl.list_table02 {
        background-color: #fff;
        overflow: hidden;
    }

    .column-inner dl.list_table02 dt {
        /*float : left;
  clear : both;
  width : 280px;*/
        padding: 0;
        font-weight: bold;
    }

    .column-inner dl.list_table02 dd {
        /*margin-left: 150px;*/
        background-color: #fff;
        padding: 0 0 5px 0;
        overflow: hidden;
    }

    #page-proposal .column-inner dl.list_table02 {
        border: 1px dashed #d2c18d;
        padding: 15px;
        margin: 10px 0;
    }

    #page-proposal .plandetail {
        overflow: hidden;
    }

    .column-inner table.banquet_date {
        border-bottom: 1px solid #d2c18d;
        border-left: 1px solid #d2c18d;
        width: 100%;
    }

    .column-inner table.banquet_date th,
    .column-inner table.banquet_date td {
        border-top: 1px solid #d2c18d;
        border-right: 1px solid #d2c18d;
        padding: 5px 10px;
        text-align: center;
        font-size: 1.3rem;
    }

    .column-inner table.banquet_date tr:last-child th,
    .column-inner table.banquet_date tr:last-child td {
        border-bottom: none;
    }

    .column-inner table.banquet_date th {
        vertical-align: middle;
        background: #efede5;
    }

    .column-inner table.banquet_date th span,
    .column-inner table.banquet_date td span {
        display: block;
        font-weight: normal;
    }

    /* table scroll */
    .scroll {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .scroll::-webkit-scrollbar {
        height: 5px;
    }

    .scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }

    /*
--------------------------------------------------
	FAQ　#page-faq
-------------------------------------------------- */
    .open_box {
        font-size: 1.8rem;
        border: 1px solid #ccc;
        padding: 10px 10px 10px 15px;
        background: linear-gradient(#eee, #fff);
        background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いFireFox向け*/
        background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
        /*古いSafariなど向け*/
        position: relative;
        overflow: hidden;
    }

    .open_box .accordion_icon {
        position: relative;
        width: 30px;
        height: 30px;
        float: right;
        margin-right: 5px;
    }

    .open_box .accordion_icon span {
        position: absolute;
        left: 0;
        width: 60%;
        height: 2px;
        background-color: #aaa;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .open_box .accordion_icon span:nth-of-type(1) {
        top: 15px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .open_box .accordion_icon span:nth-of-type(2) {
        top: 15px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    /*＋、－切り替え*/
    .open_box .accordion_icon.active span:nth-of-type(1) {
        display: none;
    }

    .open_box .accordion_icon.active span:nth-of-type(2) {
        top: 15px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .open_box .accordion_icon,
    .open_box .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .open_box_inner {
        display: none;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #page-faq .column-inner {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .faq_list {}

    .faq_list dt {
        font-size: 1.6rem;
        line-height: 1.4;
        margin-bottom: 5px;
        background: url(../img/common/ico_faq001.png) no-repeat 15px 0;
        padding: 0 0 5px 60px;
    }

    .faq_list dd {
        background: url(../img/common/ico_faq002.png) no-repeat 15px 0;
        padding: 5px 0 15px 60px;
        border-bottom: 1px dotted #aaa;
        margin-bottom: 15px;
    }

    /* add */
    #top_freearea .home_point_photo img {
        width: auto;
    }

    #home_point_rest.home_point .home_point_photo,
    #home_point_banquet.home_point .home_point_photo {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        overflow: hidden;
        width: 100%;
        margin-left: 0;
    }

    /* add 朝食スライダー */
    #breacfast_imgage #breacfast_slide {
        width: 90%;
        margin: 0 auto;
    }

    #breacfast_imgage #breacfast_slide .inner {
        width: 96%;
    }

    #breacfast_imgage #breacfast_slide .slick-prev {
        left: -15px;
    }

    #breacfast_imgage #breacfast_slide .slick-next {
        right: -15px;
    }

    #breacfast_imgage #breacfast_slide .column .text {
        line-height: 1.2;
        height: 6em;
    }

    #breacfast_imgage #breacfast_slide .column {
        margin: 0;
    }

    #breacfast_imgage #breacfast_slide .swiper-button-prev {
        left: -15px;
    }

    #breacfast_imgage #breacfast_slide .swiper-button-next {
        background: url(../img/top_room_arrow_right.png) no-repeat center center;
        width: 21px;
        height: 48px;
        right: -15px;
    }

    #breacfast_imgage #breacfast_slide .column a {
        text-decoration: none;
    }

    /* 大浴場 */
    #page-bath .content h2.hd {
        display: none;
    }

    #page-bath .content h2::after {
        content: "";
        display: block;
        background: url(../img/common/hd_border.png) repeat-y center 0;
        height: 3px;
        width: 180px;
        margin: 10px auto 0;
    }

    #page-bath .content h2 {
        font-size: 2.8rem;
        text-align: center;
        margin: 20px 0 40px;
        letter-spacing: 0.1em;
        font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }

    #page-service .long-name .page_link_6col li a {
        line-height: 1.2;
        padding: 12px 0;
        display: block;
        height: 60px;
    }

    #page-service .link-5 .page_link_6col li a {
        line-height: 1.2;
        padding: 12px 0;
        display: block;
        height: auto;
    }

    /* よくある質問 20180925 */
    .tabs h2 {
        font-size: 1.2em;
        font-weight: 600;
    }

    #page-faq .qanda {
        width: 100%;
        margin: 0 auto;
        background: #e7e2dc;
        padding: 10px;
    }

    #page-faq label.tab_item {
        font-size: 1.2em;
        font-weight: 600;
    }

    /*タブ切り替え全体のスタイル*/
    #page-faq .tabs {
        margin-top: 50px;
        padding-bottom: 40px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        width: 100%;
        margin: 0 auto;
    }

    /*タブのスタイル*/
    .tab_item {
        width: calc(100%/1);
        height: 70px;
        border-bottom: 3px solid #0b3190;
        background-color: #fff;
        line-height: 70px;
        font-size: 16px;
        text-align: center;
        color: #333;
        display: block;
        float: left;
        text-align: center;
        font-weight: bold;
        transition: all 0.2s ease;
    }

    .tab_item:hover {
        opacity: 0.75;
    }

    /*ラジオボタンを全て消す*/
    input[name="tab_item"] {
        display: none;
    }

    /*タブ切り替えの中身のスタイル*/
    .tab_content {
        display: none;
        padding: 30px 30px 0;
        clear: both;
        overflow: hidden;
    }

    /*選択されているタブのコンテンツのみを表示*/
    /*#all:checked ~ #all_content,*/
    #at_service:checked~#at_service_content,
    #at_reservation:checked~#at_reservation_content,
    #at_access:checked~#at_access_content,
    #at_stay:checked~#at_stay_content,
    #at_other:checked~#at_other_content,
    #at_faq:checked~#at_faq_content {
        display: block;
    }

    /*選択されているタブのスタイルを変える*/
    .tabs input:checked+.tab_item {
        background-color: #0b3190;
        color: #fff;
    }

    /* Q&A */
    .question {
        position: relative;
        line-height: 2em;
        padding-left: 2em;
        margin-top: 40px;
    }

    .question::before {
        position: absolute;
        left: 0;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../img/ico_Q.png) no-repeat;
    }

    .answer {
        position: relative;
        line-height: 2em;
        padding-left: 2em;
    }

    .answer::before {
        position: absolute;
        left: 0;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../img/ico_A.png) no-repeat;
    }

    /* アクセス */
    h3#access_car {
        background: url(../img/common/shd_access_car.png) no-repeat 0 0;
        padding: 5px 0 5px 50px;
    }

    h3#access_air {
        background: url(../img/common/shd_access_air.png) no-repeat 0 0;
        padding: 5px 0 5px 50px;
    }

    h3#access_train {
        background: url(../img/common/shd_access_train.png) no-repeat 0 0;
        padding: 5px 0 5px 50px;
    }

    h3#access_ship {
        background: url(../img/common/shd_access_ship.png) no-repeat 0 0;
        padding: 5px 0 5px 50px;
    }

    h3#access_parking {
        background: url(../img/common/shd_access_parking.png) no-repeat 0 0;
        padding: 5px 0 5px 50px;
    }

    ul.sightseeing_link li::before {
        content: "■";
        font-size: 0.8rem;
        margin-right: 5px;
        color: #d3bf91;
        vertical-align: middle;
    }

    .qanda_index li::before {
        content: "■ ";
        color: #d3bf91;
        font-size: 0.8em;
    }

    .qanda_index li {
        padding-left: 1em;
        text-indent: -1em;
    }

    .qanda_index.en li a {
        text-decoration: none;
    }

    .qanda_index.en li a span {
        text-decoration: underline;
    }

    .column-inner dl.list_table {
        background-color: #dce6f0;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #cacad1;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .column-inner dl.list_table dt {
        clear: both;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #cacad1;
        padding: 10px;
    }

    .column-inner dl.list_table dd {
        background-color: #fff;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #cacad1;
        padding: 10px;
        overflow: hidden;
    }

    /* ページ内リンク アクセス */
    .page_link_ac {
        margin: -15px 0 0;
        font-size: 0;
        text-align: center;
    }

    .page_link_ac li {
        font-size: 1.5rem;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        width: 33%;
        margin-bottom: 1px;
    }

    .page_link_ac li a {
        display: block;
        height: 60px;
        line-height: 50px;
        text-decoration: none;
        color: #555;
        background: url(../img/common/ac_btn01.png) no-repeat 0 0;
        background-position: 50% 50%;
        transition: ease-in .4s;
    }

    .page_link_ac li a:hover {
        background: url(../img/common/ac_btn01_h.png) no-repeat 0 0;
        background-position: 50% 50%;
        color: #fff;
    }

    .page_link_acpc {
        display: none;
    }

    /*.page_link_ac span{ transform: rotateZ( -90deg );}*/
    /* 客室 */
    .room_btm_4ban {}

    .room_btm_4ban li {
        width: 100%;
        margin: 0 0 10px 0;
        text-align: center;
        padding: 0;
    }

    .room_btm_4ban li a {
        display: block;
        padding: 15px;
        border: 1px solid #be9c4d;
        background: #be9c4d;
        color: #fff;
        text-decoration: none;
    }

    .room_btm_4ban li a:hover {
        background: #fff;
        color: #be9c4d;
    }

    /*
--------------------------------------------------
	180627_検索パネル
-------------------------------------------------- */
    #search_area h3.search_title {
        font-size: 1.8rem;
        color: #fff;
        background: #642314;
        text-align: center;
        width: 100%;
        display: table;
        line-height: 1.0;
        padding: 10px 0;
    }

    #search_area h3.search_title span {
        display: table-cell;
        vertical-align: middle;
    }

    /* end @media screen */
}

@media screen and (min-width: 680px) and (max-width: 1450px) {
    .mv .swiper_outer {
        position: relative;
        left: 50%;
        margin-left: -800px;
    }

    .mv .swiper-wrapper .swiper-slide img {
        width: auto;
    }

    .mv .swiper-wrapper .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        top: 650px;
        bottom: auto !important;
        width: 1600px !important;
    }
}

.mv .swiper_outer .swiper-pagination-bullet {
    background: #eee;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.mv .swiper_outer .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c5a84f;
}