@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

.fixed_bnr{
	position: fixed;
	right: 20px;
	top: 10px;
	z-index: 999;
	display: flex;
}
.fixed_bnr a{
	display: block;
	margin-left: 5px;
	padding: 0 !important;
}
.fixed_bnr a:hover{
	opacity: 0.8;
}
.fixed_bnr a img{
	height: 45px;
	width: auto;
}
.sticky .fixed_bnr{
	position: static;
}

.jumbotron-extend {
    position: relative;
    height: calc(100vh - 110px);
    background: #000;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.slideMainWrap {
    width: 100%;
    height: 100%;
}

.slideMain {
    height: 100% !important;
}

.slideMain .slide {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: cover;
}

.slideMain .slideMain_text01,
.slideMain .slideMain_text02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.slideMain .slideMain_text01 {
	top: 105px;
}
.slideMain .slideMain_text02 {
	top: 320px;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 'Noto Serif JP', "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 26px;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.15em;
	line-height: 1.3;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
	width: 100%;
}
.slideMain .slideMain_text02.blue {
	color: #4b8fac;
	text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
.slideMain .slideMain_text02 span {
	font-size: 18px;
	letter-spacing: 0.5em;
}
.slideMain .slideMain_main {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nav_main_menu {
    margin-bottom: 0;
}

.sub_menu {
    background-color: #fff;
    text-align: center;
}

.sub_menu li {
    display: inline;
}

.sub_menu li a {
    padding: 2px 1px;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.confortroom_header {
    margin-top: -51px;
    padding-top: 51px;
}

.breadcrumb {
    background-color: none;
}

.navbar-collapse {
    padding: 0;
}
.sp_menu{
    display: none;
}

@media (max-width: 768px) {
    .sp_menu
    {
        display: block;
    }
    .pc{
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float: none;
    }
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    /*border-bottom: 1px solid #333;*/
}

#News .sticky {
    position: inherit;
}

.img_hero {
    vertical-align: middle;
}

.first-view {
    min-height: 100%;
}

.appeal_visual1 {
    height: 560px;
}



/*-----------------------------------------------------------------
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
}

ol,
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

:focus,
:active {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 8px;
    line-height: 1.4em;
}

input {
    margin-right: 5px;
}

.switch {
    visibility: hidden;
}

body {
    margin: 0;
    padding: 0;
    /*font:16px/1.6 "メイリオ","Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;*/
    /*font:16px/1.6 "FOT-筑紫Aオールド明朝 Pr6 R{pm}", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font: 16px/1.6 "メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.03em;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dt,
dl,
dd {
    font-size: inherit;
    margin: 0;
    padding: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 360px) {
    * {
        -webkit-text-size-adjust: none;
    }
}


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.header:after,
.contents:after,
#topInfo .planList li:after,
.restaurantSubInfo dl:after,
.restaurantImgList:after,
.selectBtn04 li:after,
.stayWrap:after,
.stayWrap .imgBox.U:after,
.stayWrap .txtBox.D:after {
    content: ".";
    display: block;
    height: 0.1px;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix,
.header,
.contents,
#topInfo .planList li,
.restaurantSubInfo dl,
.restaurantImgList,
.selectBtn04 li,
.stayWrap,
.stayWrap .imgBox.U,
.stayWrap .txtBox.D {
    display: inline-block;
    overflow: hidden;
    _overflow: visible;
    display: block;
}

* html .clearfix,
* html .header,
* html .contents,
* html #topInfo .planList li,
* html .restaurantSubInfo dl,
* html .restaurantImgList,
* html .selectBtn04 li,
* html .stayWrap,
* html .stayWrap .imgBox.U,
* html .stayWrap .txtBox.D {
    height: 1%;
}

.spCrearBox:after,
.profileBtn:after,
.facllityCont:after,
.facllityCont dl.infoDl:after,
.facllityCont dl.infoDl dt:after,
.facllityMenu:after {
    content: ".";
    display: block;
    height: 0.1px;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.spCrearBox,
.profileBtn,
.facllityCont,
.facllityCont dl.infoDl,
.facllityCont dl.infoDl dt,
.facllityMen {
    display: inline-block;
    overflow: hidden;
    _overflow: visible;
    display: block;
}

* html .spCrearBox,
* html .profileBtn,
* html .facllityCont,
* html .facllityCont dl.infoDl,
* html .facllityCont dl.infoDl dt,
* html .facllityMenu {
    height: 1%;
}


/* ----------- anchor */
a {
    color: #000;
    text-decoration: none;
}

.imgbt a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}



@media (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 740px;
    }

    .container.container02 {
        max-width: 750px;
    }

    #sub .contents .container {
        max-width: 740px;
    }

    #sub .contents .container.container02 {
        max-width: 750px;
    }

    /*.reservationWrap .container {max-width: 100%; width: 100%; padding:0;}*/
    #gNavi01 ul {
        width: 100%;
        margin: 0 auto;
    }

    #gNavi02 ul {
        width: 100%;
        margin: 0 auto;
    }

    #sub .contents#staySub01 .stayWrap,
    #sub .contents#staySub02 .stayWrap,
    #sub .contents#staySub03 .stayWrap {
        max-width: 750px;
    }

    #sub .contents#staySub01 .stayWrapCont02,
    #sub .contents#staySub02 .stayWrapCont02,
    #sub .contents#staySub03 .stayWrapCont02 {
        max-width: 750px;
    }

    #sub .contents .container.restaurantInfoWrap {
        max-width: 750px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
        padding: 0 10px;
    }

    .container.container02 {
        max-width: 970px;
        padding: 0 10px;
    }

    #sub .contents .container {
        max-width: 950px;
    }

    #sub .contents .container.container02 {
        max-width: 960px;
    }

    /* .reservationWrap .container {max-width: 100%; width: 100%; padding:0;}*/
    #gNavi01 ul {
        width: 100%;
        margin: 0 auto;
    }

    #gNavi01 ul li {
        width: 10%;
    }

    #gNavi02 ul {
        width: 100%;
        margin: 0 auto;
    }

    #sub .contents#staySub01 .stayWrap,
    #sub .contents#staySub02 .stayWrap,
    #sub .contents#staySub03 .stayWrap {
        max-width: 960px;
    }

    #sub .contents#staySub01 .stayWrapCont02,
    #sub .contents#staySub02 .stayWrapCont02,
    #sub .contents#staySub03 .stayWrapCont02 {
        max-width: 970px;
    }

    #sub .contents .container.restaurantInfoWrap {
        max-width: 970px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {

    /*.reservationWrap .container {max-width: 1000px; width: 1000px; padding:0;}*/
    #gNavi01 ul {
        width: 1000px;
        margin: 0 auto;
    }

    #gNavi01 ul li {
        font-size: 10px;
    }

    #gNavi02 ul {
        width: 1000px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
        padding: 0;
    }

    .container.container02 {
        max-width: 1000px;
        padding: 0;
    }

    #sub .contents .container {
        max-width: 950px;
    }

    #sub .contents .container.container02 {
        max-width: 1000px;
    }

    /*.reservationWrap .container {max-width: 1000px; width: 1000px; padding:0;}*/
    #gNavi01 ul {
        width: 1200px;
        margin: 0 auto;
    }

    #gNavi02 ul {
        width: 1000px;
        margin: 0 auto;
    }

    #sub .contents#staySub01 .stayWrap,
    #sub .contents#staySub02 .stayWrap,
    #sub .contents#staySub03 .stayWrap {
        max-width: 1140px;
    }

    #sub .contents#staySub01 .stayWrapCont02,
    #sub .contents#staySub02 .stayWrapCont02,
    #sub .contents#staySub03 .stayWrapCont02 {
        max-width: 1280px;
        width: 1280px;
    }

    #sub .contents .container.restaurantInfoWrap {
        max-width: 1280px;
        width: 1280px;
    }

}



/*********************************************************************

PC-Layout

**********************************************************************/
.pcnone {
    display: none;
}

.spnone {
    display: block;
}

.sp_tel {
    pointer-events: none;
}

.sp_tel:hover {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.jumbotron p {
    margin-bottom: auto;
    font-size: 1em;
    font-weight: normal;
}

.c_blue {
    color: #084d86;
}

.c_skyblue {
    color: #4f7aaf;
}

.c_white {
    color: #fff !important;
}

.c_red {
    color: #c00505;
}

a.pdf {
    text-decoration: underline;
}

a.pdf:before {
    content: "";
    background: url(../img/icon_pdf.png) no-repeat 50% 50%;
    display: inline-block;
    background-size: 18px auto;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -5%;
}

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


@media screen and (min-width:768px) {
    .scroll {
        padding-top: 160px;
    }
}



/*----------------------------------------------------
 	header
----------------------------------------------------*/
.bx-wrapper {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.slideMainWrap .bx-viewport,
.slideMainWrap .bx-wrapper,
.slideMain {
    height: 100% !important;
}

.slideMainWrap .bx-wrapper .bx-pager,
.slideMainWrap .bx-wrapper .bx-controls-auto {
    bottom: 25px;
}

.slideMainWrap .bx-wrapper .bx-pager {
    padding-top: 0;
}

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

.slideMainWrap .bx-wrapper .bx-pager.bx-default-pager a {
    background: url(../img/icon_pagerItem.png) no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin: 0 1px;
}

.slideMainWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slideMainWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../img/icon_pagerItem_on.png) no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    border-radius: 0;
}

.navbarSp {
    display: none;
}

header {
    z-index: 99999;
    height: auto;
}

#top header {
    /*position:absolute; display: block; width: 100%; left:0; bottom:0;*/
}

.languageWrap {
    background: #fff;
    text-align: right;
    font-size: 0.74em;
    padding: 10px 0 0;
}

.languageWrap li {
    display: inline-block;
}

.languageWrap a {
    color: #4f7aaf;
    display: block;
    padding: 0 10px;
    text-align: center;
}

.languageWrap a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.languageWrap li.link {
    border: 1px solid #084d86;
    padding: 2px 3px;
}

.languageWrap li ul li {
    display: block;
    width: 100%;
}

.languageWrap li ul li a {
    padding: 10px 20px;
}

.languageWrap li ul li a:hover {
    opacity: 1;
}

.languageWrap li.sns {
    width: 34px;
    background: #fff;
    /*border-radius: 3px;*/
    text-align: center;
    border: 1px solid #084d86;
}

.languageWrap li.sns a {
    padding: 0;
}

.languageWrap li.sns img {
    width: 100%;
}

.sticky .languageWrap .container.container02 {
	width: 100%;
	max-width: 100%;
	padding-right: 20px;
}
@media (min-width: 993px) {
    #gNavi {
        display: block !important;
    }
}

#gNavi01 {
    text-align: center;
    background: #fff;
    padding: 10px 0;
}

#gNavi01 ul {
    overflow: visible;
}

#gNavi01 ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 9%;
    font-size: 0.875em;
    text-align: center;
    border-right: 1px solid #B9CADF;
}
#gNavi01 ul li:first-child{
    width: 15%;
}
#gNavi01 ul li:first-child img{
    margin-top: -7px;
}
#gNavi01 ul.menuList li:first-child{
    width: 100%;
}

@media(max-width:767px){
    #gNavi01 ul li:first-child{
    width: 49%;
}
}

#gNavi01 ul li a {
    padding: 0 2%;
    display: block;
    line-height: 46px;
}

#gNavi01 ul li.line2 a {
    line-height: 23px;
}

#gNavi01 ul li a:hover {
    text-decoration: none;
    color: #4f7aaf;
}

#gNavi01 ul li:first-child a {
    padding-left: 0;
}
#gNavi01 ul li:first-child a img{
    width: 100%;
    padding: 0 10px;
}

#gNavi01 ul li.active a {
    color: #4f7aaf;
}

/*#gNavi01 #bg_nav01{background:#E2CDB6;}
#gNavi01 #bg_nav02{background:#4f7aaf;}
#gNavi01 #bg_nav02 a{color: #ffffff;}
#gNavi01 #bg_nav01 a,#gNavi01 #bg_nav02 a{border-right: none;}*/


#gNavi02 {
    text-align: center;
    background: #E5EBF3;
    height: 28px;
}

#gNavi02 ul li {
    line-height: 28px;
    display: inline-block;
}

#gNavi02 ul li:before {
    content: "／";
    padding-right: 10px;
    color: #c1d2e1;
}

#gNavi02 ul {
    overflow: visible;
}

#gNavi02 li:first-child:before {
    content: "";
    padding-right: 0;
}

.btnMenu {
    position: relative;
}

.btnMenu .menuList {
    display: none;
}

.btnMenu:hover .menuList {
    display: block;
    border: 1px solid #4F7AAF;
    z-index: 999;
    position: absolute;
}

.btnMenu .menuList li {
    width: 100% !important;
    line-height: 1.2;
    border-bottom: 1px solid #4F7AAF;
    background: #fff;
}

.btnMenu .menuList li:last-child {
    border-bottom: none;
}

.btnMenu .menuList li a {
    display: block;
    color: #4F7AAF;
    background: #fff;
}

.btnMenu .menuList li a:hover {
    opacity: 0.5;
}

#gNavi01 li.btnMenu:hover .menuList {
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
}

#gNavi01 li.btnMenu:hover .menuList li {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 0.86em;
    border-right: none;
}

#gNavi01 li.btnMenu:hover .menuList li a {
    padding: 10px 0;
    line-height: normal;
}

/*#gNavi01 li.btnMenu:hover .menuList li a:hover{opacity:1;}*/
#gNavi02 li.btnMenu:hover .menuList {
    top: 26px;
    left: 20px;
    width: 100%;
}

#gNavi02 li.btnMenu .menuList li:before {
    content: "";
    padding-right: 0;
}


/*予約検索*/
.reservationWrap {
    background: url(../img/bg_reservationWrap.png) no-repeat 50% 50%, #084d86;
    color: #fff;
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 0.9em;
}

.reservationWrap.none {
    background: #084d86;
    height: 5px;
}

.reservationWrap .container {
    padding: 0;
}

.reservationWrap .reservationIn {
    margin-left: 138px;
}

.reservationWrap .reservationIn div {
    display: inline-block;
    margin-right: 5px;
}

.reservationWrap .reservationIn label {
    line-height: 30px;
    margin: 10px 0 10px;
}

.reservationWrap .reservationIn select {
    color: #000;
    line-height: 30px;
    height: 30px;
    padding: 0 17px 0 3px;
}

.reservationWrap .reservationIn .btn {
    border-radius: 0;
    font-size: 1em;
    font-weight: normal;
    border: none;
    padding: 0;
    text-align: center;
    width: 80px;
    height: 30px;
    margin: 3px 0 10px;
}

.reservationWrap .reservationIn .btn-primary {
    background: url(../img/icon_right_white.png) no-repeat 80% 50%, #bca046;
    background-size: 7px auto;
    padding-right: 14px;
}

/* カレンダーCSS */
#dynCalendarTest1 * {
	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;
	line-height: 1.4em;
	letter-spacing: normal;
	border-collapse: inherit;
}
#dynCalendarTest1 div {
	display: block;
	margin-right: 0;
}
/* // カレンダーCSS */

@media (min-width: 993px) and (max-width: 1199px) {
    .reservationWrap {
        background: url(../img/bg_reservationWrap.png) no-repeat 45% 50%, #084d86;
    }

    .reservationWrap .reservationIn {
        margin-left: 125px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .reservationWrap {
        background: url(../img/bg_reservationWrap.png) no-repeat 45% 50%, #084d86;
    }

    .reservationWrap .reservationIn {
        margin-left: 125px;
    }
}

.scroll #ui-datepicker-div {
    position: fixed !important;
    top: 85px !important;
    left: 50% !important;
    margin-left: -145px;
}

.ui-widget-header {
    border: 1px solid #ccc !important;
    background: #ccc !important;
    color: #004276 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d8dcdf !important;
    background: #eee !important;
    font-weight: bold;
    color: #333 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #004276 !important;
    background: #004276 !important;
    color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #004276 !important;
    background: #fff !important;
    color: #333 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr,
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-radius: 0px !important;
}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer {
    padding: 50px 0 0;
}

#footer,
#footer a {
    color: #fff;
}

.cd-bg-footer {
    background-image: url("../img/bg_footer.jpg");
}

.footerContact {
    margin-bottom: 30px;
    width: 39%;
    float: left;
}

.footerContact .footerLogo {
    margin-bottom: 40px;
}

.footerContact .footerLogo img {
    width: 250px;
}

.footerReservationBox {
    width: 100%;
    max-width: 350px;
    text-align: center;
    background: #084d86;
    padding: 30px 8%;
}

.footerReservationBox .ttl {
    margin-bottom: 20px;
}

.footerReservationBox .ttl img {
    width: 250px;
}

.footerReservationBox .footerTel {
    margin-top: 20px;
}

.footerReservationBox .footerTel img {
    width: 245px;
}

.footerReservationBox .link-faq,
.footerReservationBox .link-form {
    display: block;
    text-align: center;
    line-height: 50px;
}

.footerReservationBox .link-form::before {
    display: inline;
    content: "▶";
}

.footerFb {
    width: 60%;
    float: right;
}

.footerSnsLinks {
    margin: 10px 0;
    text-align: left;
}

.footerSnsLinks li {
    display: inline-block;
    width: 34px;
    background: #fff;
    /*border-radius:3px;*/
    text-align: center;
}

.footerSnsLinks li img {
    max-width: 100%;
}

.footerSnsLinks li a:hover {
    opacity: 0.5;
}

.footerSitemap {
    margin-bottom: 20px;
}

.footerSitemap .ttl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    font-family: 'Noto sans-Serif', sans-serif;
    letter-spacing: 0.25em;
    font-size: 0.9375em;
    line-height: 1em;
}

.footerSitemap .ttl img {
    width: 90px;
}

.pagetop {
    background: rgba(8, 77, 134, .9);
    line-height: 46px;
}

.pagetop02 {
    position: fixed;
    right: 3%;
    bottom: 20px;
    z-index: 10000;
}

.pagetop02 img {
    width: 70px;
}

.pagetop02 a:hover {
    opacity: 0.5;
}

.grouphotelWrap {
    background: rgba(255, 255, 255, .9);
    padding: 70px 0 50px;
}

.grouphotelWrap,
#footer .grouphotelWrap a {
    color: #000;
    font-size: 0.9375em;
}

@media (min-width: 1200px){
.grouphotelWrap .container{
    max-width: 1280px!important;
}
}
@media (min-width: 768px){
.col-sm-3 {
    width: 20%;
}
}

.grouphotelWrap h3.top {
    margin-bottom: 30px;
}

.grouphotelWrap h3.top img {
    width: 375px;
}

.grouphotelWrap .grouphotelList img {
    max-width: 100%;
}

.grouphotelWrap .grouphotelList a:hover,
.grouphotelWrap .grouphotelList:focus {
    text-decoration: none;
    opacity: 0.5;
}

.grouphotelWrap.relation{
    padding: 20px 0 20px;
}

.grouphotelWrap.relation img{
     height: 80px;
    width: 100%;
    object-fit: cover;
}

.grouphotelWrap.relation .grouphotelList div:nth-child(2) img{
object-position: top;
}

.copyright {
    font-family: 'Noto sans-Serif', sans-serif;
    background: #fff;
    text-align: center;
    color: #084d86;
    font-size: 0.75em;
    padding: 20px 0 80px;
}

/* 電話番号 */
#footer .stayNumber {
    text-align: center;
    /*margin-top: 15px;*/
}

#footer .stayNumber p {
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
}

#footer .stayNumber p:last-child {
    margin-bottom: 0;
}

#footer .stayNumber .number {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 29px;
    margin-bottom: 15px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#footer .stayNumber .number:hover {
    opacity: 0.5;
    text-decoration: none;
}

#footer .stayNumber .number::before {
    content: "";
    display: inline-block;
    background: url("../img/phone.svg") no-repeat;
    background-size: contain;
    background-position: center center;
    width: 20px;
    height: 26px;
    margin-right: 10px;
}


/* ---------------------------------------------------------
	ボタン
--------------------------------------------------------- */
.btn02 {
    width: 200px;
    height: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.btn02 a {
    display: block;
    line-height: 40px;
    font-size: 0.9375em;
    background: #e5e5e5;
}

.btn02 a span {
    padding-left: 24px;
}

.btn02 a span:after {
    content: "";
    background: url(../img/icon_right.png) no-repeat 50% 50%;
    background-size: 14px auto;
    margin-left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2%;
}

.btn02 a:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.5;
}

.btn02.bg_blue a {
    background: #084d86;
    color: #fff;
}

.btn02.bg_blue a span:after {
    background: url(../img/icon_right_white.png) no-repeat 50% 50%;
    background-size: 14px auto;
}

.more {
    text-align: center;
    width: 473px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    border: solid #fff;
    border-width: 1px 0 1px 0;
}

.more a {
    font-size: 1.125em;
    color: #fff;
    display: block;
}

.more a span:after {
    content: "";
    background: url(../img/icon_right_white.png) no-repeat 50% 50%;
    background-size: 14px auto;
    margin-left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2%;
}

.more a:hover {
    color: #084d86;
    text-decoration: none;
    opacity: 0.5;
}

.more.c_blue {
    border-color: #c1d2e1;
}

.more.c_blue a {
    color: #084d86;
}

.more.c_blue a span:after {
    background: url(../img/icon_right_blue.png) no-repeat 50% 50%;
    background-size: 14px auto;
}

.more.bg_black {
    background: rgba(57, 26, 18, 0.66);
    border-color: #fff;
}

.more.bg_black a {
    color: #fff;
}

.more.bg_black a span:after {
    background: url(../img/icon_right_white.png) no-repeat 50% 50%;
    background-size: 14px auto;
}

.more2 {
    text-align: center;
    width: 473px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    border: solid #084d86;
    border-width: 1px 0px 1px 0;
    background: url(../img/icon_right_blue2.png) no-repeat 80% 50%, rgba(255, 255, 255, 0.66);
    background-size: 14px auto;
}

.more2 a {
    font-size: 1.125em;
    color: #084d86;
    display: block;
}

.more2 a:hover {
    color: #084d86;
    text-decoration: none;
    opacity: 0.5;
}

.moreBox {
    border-width: 1px 1px 1px 1px;
    background: url(../img/icon_right_blue.png) no-repeat 80% 50%;
    background-size: 14px auto;
}

.btn03 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    border: solid #4f7aaf;
    border-width: 1px 1px 1px 1px;
    background: url(../img/icon_right_blue.png) no-repeat 94% 50%, #4f7aaf;
    background-size: 14px auto;
}

.btn03.footer1 {
    margin-bottom: 10px;
}

.btn03.footer2 {
    background: url(../img/icon_right_blue.png) no-repeat 94% 50%;
    background-size: 14px auto;
}

.btn03 a {
    font-size: 1.125em;
    color: #084d86;
    display: block;
}

.btn03 a:hover {
    color: #084d86;
    text-decoration: none;
    opacity: 0.5;
}




/*----------------------------------------------------
 	TOP
----------------------------------------------------*/
/*見出し*/
h2.top {
    text-align: center;
}

h3.top {
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.42857em;
    font-weight: normal;
}

h3.top span {
    font-family: 'Noto sans-Serif', sans-serif;
    color: #4f7aaf;
    display: block;
    letter-spacing: 0.25em;
    font-size: 1.4em;
}

.grouphotelWrap h3.top {
    text-align: left;
    line-height: 1em;
}

.grouphotelWrap h3.top span {
    display: inline;
    margin-right: 30px;
    font-size: 1em;
}

.text11 {
    font-size: 11px;
}

.text13 {
    font-size: 13px;
}

.text18 {
    font-size: 18px;
}

.fontFamily01 {
    font-family: 'Noto sans-Serif', sans-serif;
}

/*明石大橋を間近に望む大絶景*/
.mainText {
    background: url(../img/bg_mainTxt.jpg) no-repeat 50% 50%;
    margin-bottom: 0;
}

.mainText p {
    font-size: 1.125em;
    margin-bottom: 10px;
    letter-spacing: 0.2em;
}

.mainText .ttl {
    font-size: 1.625em;
    margin-bottom: 40px;
}

/*スライド*/
#topSlide01 .jumbotron {
    padding: 0;
    margin-bottom: 0;
}

#topSlide01 .appeal_visual1 {
    height: 254px;
}

#topSlide01 .slide {
    width: auto !important;
    height: 100% !important;
    margin-right: 0 !important;
}

#topSlide01 img {
    width: 100%;
}

@media screen and (max-width:768px) {
    #topSlide01 img.pc {
        display: none;
    }
}

@media screen and (min-width:768px) {
    #topSlide01 img.sp {
        display: none;
    }
}

/*レストラン*/
#topRestaurant.section {
    padding: 30px 0 80px;
}

#topRestaurant.section h2 {
    margin: 0 0 30px;
}

#topRestaurant h2.top img {
    width: 520px;
}

#topRestaurant h3.top img {
    width: 460px;
}

#topRestaurant .appeal_visual1 {
    height: 540px;
    text-align: center;
    background: url(../img/bg_topRestaurant.jpg) no-repeat 50% 50%;
    position: relative;
}

#topRestaurant .jumbotron {
    margin-bottom: 20px;
}

.restaurantBox01 {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    display: block;
    width: 100%;
    text-align: center;
}

.restaurantList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.restaurantList li{
	width: 32%;
}

.restaurantList .col-sm-6 {
    padding: 0;
}

/*.restaurantList li._keywest {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}*/

.restaurantList img {
    max-width: 100%;
}

.restaurantList li .txtBox {
    padding: 0 15px 40px;
}

/*.restaurantList li .txtBox p{margin-bottom: 20px;}*/
.restaurantList li .txtBox .btn02 {
    display: inline-block;
}

/*ゲストルーム・ウエディング*/
#topWedding.section {
    padding: 0 0 20px;
}

#topWedding h3.top {
    margin-top: 20px;
    margin-bottom: 270px;
}

#topWedding h3.top img {
    width: 290px;
}

#topWedding {
    background: url(../img/bg_topWedding.jpg) no-repeat 50% 100%;
    background-size: cover;
    height: 526px;
}

#topWedding .container02 {
    background: url(../img/bg_topWedding02.png) no-repeat 50% 70%;
    background-size: auto 424px;
    height: 100%;
}

/*ルームタイプ*/
#roomType {
    color: #145e91;
    width: 100%;
	background: #fff;
}

#roomType p.text-center {
    color: #000;
}

#roomType h3.top img {
    width: 370px;
}

@media screen and (max-width: 764px) {
    #roomType.section h3.pc {
        display: none;
    }

    #roomType p.text-center {
        color: #145e91;
    }
}

@media screen and (min-width: 764px) {
    #roomType.section h3.sp {
        display: none;
    }
}

#roomType.section {
    padding: 70px 0 80px;
	border-top: solid 2px #145e91;
}

#roomType a {
    color: #fff;
}

#roomType .roomList {
    margin-top: 30px;
}

#roomType .roomList div.col-md-4 {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#roomType .roomListBottom div.col-md-3 {
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    margin-bottom: 10px;
}
#roomType .roomList div.col-md-3 {
    text-align: center;
    margin-bottom: 10px;
}

#roomType .roomListBottom div.row {
    margin-left: -7px;
    margin-right: -7px;
}

#roomType .roomList div p,
#roomType .roomListBottom div p {
    text-align: left;
}

#roomType .roomList div p {
    padding-left: 30px;
    color: #000;
}
#roomType .roomList div.col-md-3 p{
	text-align: center;
	padding-left: 0;
}

#roomType .roomListBottom div p {
    padding-left: 15px;
    color: #000;
}

#roomType .roomList div.row {
    margin-bottom: 0;
    margin-right: -10px;
    margin-left: -10px;
}

#roomType .roomListBottom {
    margin-bottom: 50px;
}

#roomType .roomList div a,
#roomType .roomListBottom div a {
    display: block;
}

#roomType .roomList div a:hover,
#roomType .roomListBottom div a:hover {
    text-decoration: none;
    position: relative;
}

#roomType .roomList div a:hover:before,
#roomType .roomListBottom div a:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icon_right_white.png) no-repeat 50% 50%, rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
}

#roomType .roomList div img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#roomType .roomList img,
#roomType .roomListBottom img {
    border: 1px solid #145e91;
    width: 100%;
}

#roomType div.more {
    border: solid #145e91;
    color: #145e91;
    border-width: 1px 0 1px 0;
}

#roomType div.more span {
    color: #145e91;
}

#roomType .more a span:after {
    content: "";
    background: url(../img/icon_right_white.png) no-repeat 50% 50%;
    background-size: 14px auto;
}

/* 舞子ビラで過ごす特別な一日*/
#topSpecial {
    color: #fff;
    background: url(../img/bg_topSpecial_test.jpg) no-repeat 50% 50%;
    width: 100%;
    height: 830px;
}

#topSpecial h3.top {
    margin-bottom: 60px;
}

#topSpecial h3.top img {
    width: 350px;
}

#topSpecial.section {
    padding: 80px 0;
}

#topSpecial .specialList {
    margin-bottom: 70px;
	max-width: 1280px;
	margin: 0 auto 30px;
}

#topSpecial .specialList div img {
    width: 100%;
}

#topSpecial .specialList .col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}

#topSpecial .specialList .row {
    padding-left: -5px;
    padding-right: -5px;
}

#topSpecial .specialList div a {
    display: block;
}

#topSpecial .specialList div a:hover {
    position: relative;
}

#topSpecial .specialList div a:hover:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: auto 100%;
}

#topSpecial .specialList div:nth-child(1) a:hover:before {
    background-image: url(../img/img_specialList_hover01.png);
}

#topSpecial .specialList div:nth-child(2) a:hover:before {
    background-image: url(../img/img_specialList_hover02.png);
}

#topSpecial .specialList div:nth-child(3) a:hover:before {
    background-image: url(../img/img_specialList_hover03.png);
}

/*アクセス*/
#topAccess {
    background: url(../img/bg_topAccess.png) no-repeat 50% 50%;
    width: 100%;
    height: 630px;
    padding-top: 360px;
}

#topAccess p {
    margin-bottom: 30px;
    margin-left: 30px;
}

/*観光　バナー*/
#topBanner {
    margin-bottom: 130px;
}

/*新着情報・おすすめ宿泊プラン*/
#topInfo h3.top {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #968e8b;
}

#topInfo .infoWrap h3.top img {
    width: 270px;
}

#topInfo .planWrap h3.top img {
    width: 395px;
}

#topInfo .infoList {
    font-size: 0.9375em;
    margin-bottom: 60px;
}

#topInfo .infoList dt {
    color: #7f7f7f;
    margin-bottom: 5px;
}

#topInfo .infoList dd {
    margin-bottom: 25px;
}

#topInfo .infoList dd:last-child {
    margin-bottom: 0;
}

#topInfo .infoList dd a {
    text-decoration: underline;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#topInfo .infoList dd a:hover {
    text-decoration: none;
}

#topInfo .planList li {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    background: url(../img/icon_planList.png) no-repeat 100% 50%;
    background-size: 27px auto;
    font-size: 0.9375em;
}

#topInfo .planList li:last-child {
    margin-bottom: 60px;
}

#topInfo .planList li .imgBox {
    width: 200px;
    float: left;
    max-width: 40%;
}

#topInfo .planList li .imgBox img {
    width: 100%;
}

#topInfo .planList li .txtBox {
    width: 240px;
    float: right;
    padding: 0px 0 0;
    max-width: 49%;
    margin-right: 30px;
}

#topInfo .planList li a:hover {
    opacity: 0.5;
}

/*イベント*/
#topEvent {
    padding: 60px 0;
}

#topEvent h3.top img {
    width: 120px;
}

#topEvent .bx-wrapper {
    margin-bottom: 40px;
}

#topEvent .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 30px;
}

#topEvent .bx-wrapper .bx-prev {
    left: -40px;
    background: url(../img/controls2.png) no-repeat 0 -33px;
}

#topEvent .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#topEvent .bx-wrapper .bx-next {
    right: -40px;
    background: url(../img/controls2.png) no-repeat -44px -33px;
}

#topEvent .bx-wrapper .bx-next:hover {
    background-position: -44px 0px;
}

/*バナー*/
.topFootBtn {
    background: #f2f2f2;
    padding: 40px 3%;
}

.topFootBtn ul {
    width: 100%;
    text-align: center;
}

.topFootBtn li {
    width: 23%;
    max-width: 300px;
    display: inline-block;
    margin-right: 1%;
}

.topFootBtn li img {
    width: 100%;
}

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

.topFootBtn li a:hover {
    opacity: 0.5;
}


/*----------------------------------------------------
 	下位
----------------------------------------------------*/
#sub .jumbotron-extend {
    height: 150px !important;
    padding-top: 50px;
    background: #fff;
}

#sub .jumbotron-extend h1 img {
    width: 250px;
}

#sub .section {
    padding-bottom: 80px;
}

.jumbotron.p0 {
    padding: 0;
}

.lsSmall {
    letter-spacing: -0.167em;
}

.borderBottom {
    border-bottom: 1px solid #4f7aaf;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

/*パンくず*/
.breadcrumb {
    background: none;
    font-size: 0.75em;
    text-align: left;
    padding: 10px 0;
}

.breadcrumb .container {
    padding: 0;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li:before {
    content: "";
    margin: 0 10px;
    background: url(../img/icon_right_blue2.png) no-repeat 50% 50%;
    background-size: 7px auto;
    width: 7px;
    height: 7px;
    display: inline-block;
}

.breadcrumb li:first-child:before {
    background: none;
}

/*見出し*/
h2.sub {
    padding: 50px 0 60px;
    font-size: 1.25em;
    text-align: center;
}

h2.sub span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 1.4em;
    color: #4f7aaf;
    letter-spacing: 0.25em;
}

h2.sub span:after {
    content: "";
    display: block;
    width: 40px;
    border-bottom: 1px solid;
    margin: 30px auto;
}

h3.sub {
    text-align: center;
    font-size: 1.5625em;
}

h3.sub span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.6em;
    color: #4f7aaf;
    letter-spacing: 0.25em;
}

h3.sub:before,
h3.sub:after {
    content: "";
    display: block;
    width: 100%;
    height: 7px;
    background: url(../img/bg_h3_sub.png) repeat-x;
}

h3.sub:before {
    margin-bottom: 40px;
}

h3.sub:after {
    margin-top: 40px;
}

h3.sub02 {
    text-align: center;
    color: #4f7aaf;
    font-size: 1.25em;
    font-weight: normal;
    position: relative;
    margin-bottom: 40px;
}

h3.sub02 span {
    background: #fff;
    padding: 0 10px;
    display: inline-block;
}

h3.sub02 span:before {
    content: "";
    border-bottom: 2px solid;
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

h4.sub {
    text-align: center;
}

h4.sub span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.9375em;
    color: #4f7aaf;
    letter-spacing: 0.25em;
}

.titleSubBox {
    color: #fff !important;
    background: #ccc;
    font-size: 15px !important;
    text-align: center;
    display: inline-block !important;
    line-height: 26px;
    padding: 0 5px;
    margin-right: 20px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.titleSubBox.bg_blue {
    background: #1884ac;
}

.titleSubBox.bg_green {
    background: #00632c;
}

.titleSubBox.bg_red {
    background: #c1272d;
}

/*ページタイトル*/
.pageTitleWrap {
    height: 340px;
    text-align: center;
    background: url(../room/img/pageTitleWrap.jpg) no-repeat 50% 50%;
    padding: 130px 0;
    margin-bottom: 40px;
}

.pageTitleWrap h3 {
    color: #fff;
    font-size: 1.75em;
    -webkit-text-shadow: 0 0 8px #000;
    -moz-text-shadow: 0 0 8px #000;
    text-shadow: 0 0 8px #000;
}

.pageTitleWrap h3 span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.6em;
    color: #4f7aaf;
    letter-spacing: 0.25em;
    margin-top: 20px;
}

.pageTitleWrap02 {
    padding-top: 0;
}

.pageTitleWrap02 {
    height: 500px;
    text-align: center;
    background-color: #1a2d4a;
    margin-bottom: 40px;
    position: relative;
}

.pageTitleWrap02 .h3Wrap {
    padding: 40px 0;
    margin-top: 340px;
    text-align: center;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.pageTitleWrap02 .h3Wrap .icon {
    width: 85px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: 154%;
}

.pageTitleWrap02 .h3Wrap .icon img {
    max-width: 100%;
}

.pageTitleWrap02 .h3Wrap h3 {
    display: inline-block;
}

.pageTitleWrap02 .h3Wrap h3 span {
    display: block;
}

.ttl01,
.ttl02,
.ttl03 {
    color: #4f7aaf;
    letter-spacing: 0.12em;
}

.ttl01 {
    font-size: 28px;
}

.ttl02 {
    font-size: 22px;
    margin-bottom: 10px;
}

.ttl02.lsSmall {
    letter-spacing: -0.06em;
}

.ttl03 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

.ttl04 {
    color: #fff;
    background: #4f7aaf;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.ttl05 {
    background: #4f7aaf;
    color: #fff;
    text-align: center;
    font-size: 140%;
    line-height: 1.2em;
    padding: 25px 0 24px;
}

.ttl05 span {
    display: block;
    color: #a7bcd7;
    font-size: 62%;
}


/*ページ内リンクボタン*/
#selectBtnWrap .jumbotron {
    padding: 0;
}

#selectBtnWrap .jumbotron {
    background: none;
}

.selectBtn li {
    /*width: 294px;*/
    width: 240px;
    padding-bottom: 40px;
}
.selectBtn.roomNav li {
    width: 294px;
}

.selectBtn li a {
    display: block;
}

.selectBtn li .imgBox {
    width: 100%;
    height: 120px;
    text-align: center;
}

.selectBtn li .imgBox img {
    max-width: 100%;
}

.selectBtn li .txtBox {
    width: 100%;
    text-align: center;
    font-size: 1.125em;
    position: relative;
    padding-bottom: 40px;
}

.selectBtn li .txtBox:after {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    content: "";
    background: url(../img/icon_down.png) no-repeat 50% 50%;
    background-size: 10px auto;
}

.selectBtn li a:hover {
    text-decoration: none;
    color: #000;
    background: #d3deeb;
}

.selectBtn03 {
    text-align: center;
}

.selectBtn03 li {
    display: inline-block;
    border: 1px solid #d3deeb;
    margin-bottom: 3.5px;
}

.selectBtn03 li a {
    display: block;
    padding: 10px 30px;
}

.selectBtn03 li a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.selectBtn04 li {
    margin-bottom: 20px;
}

.selectBtn04 li a {
    display: block;
}

.selectBtn04 li .imgBox {
    width: 50%;
    float: left;
}

/*.selectBtn04 li:nth-child(2n) .imgBox{float:right;}*/
.selectBtn04 li .imgBox img {
    width: 100%;
}

.selectBtn04 li .txtBox {
    width: 50%;
    height: 100%;
    float: right;
    text-align: center;
    font-size: 0.9375em;
    position: relative;
}

/*.selectBtn04 li:nth-child(2n) .txtBox{float:left;}*/
.selectBtn04 li .txtBox .ttl {
    font-size: 1.2em;
    padding-bottom: 20px;
    border-bottom: 1px solid #4f7aaf;
    margin-top: 20px;
    margin-bottom: 10px;
}

.selectBtn04 li .txtBox .ttl:after {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    height: 20px;
    content: "";
    background: url(../img/icon_down.png) no-repeat 50% 50%;
    background-size: 10px auto;
}

.selectBtn04 li .txtBox p {
    text-align: left;
    padding: 0 10px;
}

.selectBtn04 li a:hover .txtBox {
    background: #d3deeb;
    color: #000;
}

.selectBtn04:nth-child(2n) li .txtBox {
    float: left;
}

.selectBtn04:nth-child(2n) li .imgBox {
    float: right;
}


/*スライド*/
.subSlide {
    padding: 0;
    background: none;
}

.subSlide .subSlideImg {
    height: 520px;
    padding: 0;
}

.subSlide .bx-pager,
.subSlide .bx-pager4 {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.subSlide .bx-pager li,
.subSlide .bx-pager4 li {
    width: 107px;
    display: inline-block;
    margin-right: 10px;
}

.subSlide .bx-pager li img,
.subSlide .bx-pager4 li img {
    max-width: 100%;
}

.subSlide .bx-pager li:last-child,
.subSlide .bx-pager4 li:last-child {
    margin-right: 0;
}

.subSlide .bx-pager li a.active,
.subSlide .bx-pager li a:hover,
.subSlide .bx-pager4 li a.active,
.subSlide .bx-pager4 li a:hover {
    opacity: 0.5;
}

.subSlide .bx-wrapper .bx-viewport {
    margin: 0 auto;
    overflow: visible !important;
    width: 1000px !important;
    max-width: 100% !important;
}

.subSlide.slideNo .bx-wrapper .bx-viewport {
    overflow: hidden !important;
}

.subSlide.slideNo .bx-wrapper {
    background: #2B1809;
}

.subSlide.slideNo .bx-controls-direction {
    display: none;
}

.subSlide .bx-controls {
    width: 100%;
    height: 520px;
    position: absolute;
    top: 0;
    left: 0;
}

.subSlide .bx-controls-direction {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

/*キャッチ*/
.pointTtl,
.point {
    letter-spacing: 0.25em;
    text-align: center;
}

.pointTtl {
    font-size: 1.3125em;
    color: #4f7aaf;
    margin-bottom: 20px;
}

.point {
    font-size: 0.9375em;
    margin-bottom: 40px !important;
}

.point.border {
    border-bottom: 1px solid #4f7aaf;
    padding-bottom: 40px !important;
}


/*information系*/
#topInfo {
    margin-bottom: 60px;
}


table.info01 {
    width: 100%;
    font-size: 0.9375em;
}

table.info01 td {
    border-right: 1px solid #d3deeb;
    padding: 15px 20px;
}

table.info01 td:first-child {
    padding-left: 0;
}

table.info01 td:last-child {
    padding-right: 0;
    border-right: none;
}

table.info02 {
    width: 100%;
    font-size: 0.9375em;
}

table.info02 th {
    background: #d3deeb;
    color: #084d86;
    text-align: center;
    width: 70px;
    font-weight: normal;
    padding: 0 10px;
    line-height: 1.8em;
}

table.info02 td {
    padding: 0 0 0 20px;
    line-height: 1.8em;
}


/*サービス一覧*/
.subFootBtn {
    background: #f2f2f2;
    padding: 60px 0 40px;
}

.subFootBtn h3 {
    font-weight: normal;
    border-left: 4px solid #4d79b1;
    margin-bottom: 20px;
}

.subFootBtn h3 span {
    color: #4d79b1;
    font-family: 'Noto sans-Serif', sans-serif;
    letter-spacing: 0.25em;
    font-size: 1.3125em;
    padding: 0 20px 0 10px;
}

.subFootBtn ul.row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.subFootBtn ul li {
    margin-bottom: 20px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.subFootBtn ul li a:hover {
    opacity: 0.5;
}

.subFootBtn ul li img {
    width: 100%;
}

/*ボックス*/
.listCol3 .row {
    margin-left: -20px;
    margin-right: -20px;
}

.listCol3 .row .col-sm-4 {
    padding-left: 20px;
    padding-right: 20px;
    width: 330px;
    max-width: 100%;
}

/*テーブル*/
.table01 {
    width: 100%;
    text-align: center;
}

.table01 th {
    background: #edf1f7;
    font-weight: normal;
    border: 1px solid #d3deeb;
    border-width: 1px 1px 1px 0;
    text-align: center;
    padding: 10px;
}

.table01 td {
    background: #fff;
    font-weight: normal;
    border: 1px solid #d3deeb;
    border-width: 1px 1px 1px 0;
    padding: 10px;
}

.table01 td:last-child {
    border-width: 1px 0;
}

.table01.textL,
.table01.textL th,
.table02.textL,
.table02.textL th {
    text-align: left;
}

.table01.textL td,
.table01.textL th {
    padding: 20px;
}

.table02 {
    width: 100%;
    text-align: center;
}

.table02 th {
    background: #edf1f7;
    font-weight: normal;
    border: 1px solid #d3deeb;
    border-width: 1px 1px 1px 0;
    text-align: center;
    padding: 5px 10px;
}

.table02 td {
    background: #fff;
    font-weight: normal;
    border: 1px solid #d3deeb;
    border-width: 1px 1px 1px 0;
    padding: 5px 10px;
}

.table02 td:last-child {
    border-width: 1px 0;
}



/*----------------------------------------------------
 	客室
----------------------------------------------------*/
/*一覧*/
.mainText.mainTextSub {
    margin-bottom: 0;
}

#roomTypeSub .mainText {
    background: url(../room/img/bg_mainTxt.jpg) no-repeat 50% 50%;
}

#roomTypeSub .jumbotron.appeal_visual1 {
    padding-top: 380px;
    height: 580px;
    overflow: hidden;
}

#roomTypeSub .mainText.mainTextSub p.ttl {
    font-size: 1.25em;
}

#roomTypeSub .mainText.mainTextSub p {
    font-size: 1em;
}

#selectBtnRoomEnWrap {
    background: url(../room/img/bg_selectBtnRoomEnWrap.jpg) no-repeat 50% 50%;
    height: 400px;
    padding: 157px 0;
}

#selectBtnRoomEnWrap li {
    width: 270px;
    margin: 0 -3.5px;
    padding-left: 10px;
    padding-right: 10px;
}

#selectBtnRoomEnWrap li a {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    line-height: 84px;
    border: 1px solid;
    border-width: 1px 0;
    color: #084d86;
    font-size: 0.9375em;
    position: relative;
}

#selectBtnRoomEnWrap li a:hover {
    text-decoration: none;
    opacity: 0.5;
}

#selectBtnRoomEnWrap li a span:before {
    content: "";
    background: url(../img/icon_down.png) no-repeat 50% 50%;
    background-size: 10px auto;
    display: block;
    width: 100%;
    height: 7px;
    position: absolute;
    bottom: 17px;
    left: 0;
}

#roomTypeSub h3 span.c_blue {
    font-size: 1em;
    display: inline;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

    #roomType01En,
    #roomType02En,
    #roomType03En,
    #roomType01_01,
    #roomType01_02,
    #roomType01_03,
    #roomType01_04,
    #roomType01_05,
		#roomType01_06,
    #roomType02_01,
    #roomType02_02,
    #roomType02_03,
    #roomType02_04,
    #roomType02_05,
    #roomType02_06,
    #roomType03_01,
    #roomType03_02,
    #roomType03_03 {
        margin-top: -160px;
        padding-top: 160px;
    }
}

#roomType01En .mainBox,
#roomType02En .mainBox {
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 450px;
}

#roomType03En .mainBox {
    padding-top: 40px;
}

#roomType01En .mainBox .imgBox,
#roomType02En .mainBox .imgBox,
#roomType03En .mainBox .imgBox {
    width: 1260px;
    max-width: 100%;
    margin: 0 auto 30px;
}

#roomType01En .mainBox {
    background-image: url(../room/img/bg_roomType01.jpg);
}

#roomType02En .mainBox {
    background-image: url(../room/img/bg_roomType02.jpg);
}

#roomType03En.section {
    padding-bottom: 0;
}

#roomType03En .bgWrap {
    padding-bottom: 80px;
}

.selectBtn02 li {
    margin-bottom: 60px;
}

.selectBtn02 li a {
    display: block;
    position: relative;
}

.selectBtn02 li .imgBox {
    width: 100%;
    height: auto;
    text-align: center;
}

.selectBtn02 li .imgBox img {
    width: 100%;
}

.selectBtn02 li .txtBox {
    width: 100%;
    text-align: center;
    font-size: 1.125em;
    padding: 20px 0 0;
}

.selectBtn02 li a:after {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    content: "";
    background: url(../img/icon_down.png) no-repeat 50% 50%;
    background-size: 10px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #4f7aaf;
}

.selectBtn02 li a:hover {
    text-decoration: none;
}

.selectBtn02 li a:hover {
    color: #000;
    background: #d3deeb;
}

.selectBtn02 li a:hover:after {
    color: #000;
    background: url(../img/icon_down.png) no-repeat 50% 50%, #d3deeb;
    background-size: 10px auto;
}

table.info01.roomInfo {
    margin-bottom: 30px;
}

.infoWrap .madoriBox img {
    max-width: 100%;
}

#roomType01En .bgWrap {
    background: url(../room/img/bg_roomType01En.png) no-repeat 50% 0, #fff;
}

#roomType02En .bgWrap {
    background: url(../room/img/bg_roomType02En.png) no-repeat 50% 0, #fff;
}

#roomType03En .bgWrap {
    background: #fff;
}

#roomType01En .selectBtn02 .col-xs-12,
#roomType02En .selectBtn02 .col-xs-12,
#roomType03En .selectBtn02 .col-xs-12 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

/*詳細*/
#roomType01 .pageTitleWrap,
#roomType02 .pageTitleWrap,
#roomType03 .pageTitleWrap {
    margin-bottom: 0;
}

#roomType01 #selectBtnWrap,
#roomType02 #selectBtnWrap,
#roomType03 #selectBtnWrap {
    background: url(../room/img/bg_selectBtn.png) no-repeat 50% 0, #fff;
    padding-top: 40px;
}

#roomType01 .pageTitleWrap {
    background: url(../room/img/roomType01/pageTitleWrap.jpg) no-repeat 50% 50%;
}

#roomType02 .pageTitleWrap {
    background: url(../room/img/roomType02/pageTitleWrap.jpg) no-repeat 50% 50%;
}

#roomType03 .pageTitleWrap {
    background: url(../room/img/roomType03/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.restaurantFootLinks .roomCat li {
    border: none;
    margin-bottom: 0;
}



/*----------------------------------------------------
 	レストラン・バー
----------------------------------------------------*/
/*一覧*/
#restaurantSub .mainText {
    background: url(../restaurants/img/bg_mainTxt.jpg) no-repeat 50% 50%;
    margin-bottom: 50px;
}

#restaurantSub .jumbotron.appeal_visual1 {
    padding-top: 380px;
    height: 580px;
    overflow: hidden;
}

#restaurantSub .mainText.mainTextSub p.ttl {
    font-size: 1.25em;
}

#restaurantSub .mainText.mainTextSub p {
    font-size: 1em;
}

.restaurantSubInfo dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #999;
    text-align: left;
}

.restaurantSubInfo dl dt {
    width: 20%;
    float: left;
    font-size: 0.875em;
    color: #999;
    font-weight: normal;
}

.restaurantSubInfo dl dd {
    width: 80%;
    float: right;
}

.restaurantSubInfo dl dd a {
    font-size: 1.125em;
    text-decoration: underline;
}

.restaurantSubInfo dl dd a:hover {
    text-decoration: none;
}

.restaurantSubInfo dl dd p {
    font-size: 0.875em;
}

#restaurantSub .mainText.greeting {
    background: url(../restaurants/img/bg_greeting.jpg) no-repeat 50% 50%;
    margin-bottom: 50px;
}

#restaurantSub .jumbotron.appeal_visual1.greeting {
    padding-top: 186px;
    height: 630px;
    overflow: hidden;
}

#restaurantSub .greetingTxt {
    width: 50%;
}

#restaurantSub .greeting h3 {
    font-size: 1.25em;
    letter-spacing: 0.3em;
    margin-bottom: 50px;
}

#restaurantSub .greeting h3 span {
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.75em;
    margin-left: 10px;
}

#restaurantSub .greeting p.ttl {
    font-size: 1.625em;
    color: #fff;
    margin-bottom: 30px;
}

#restaurantSub .greeting p {
    font-size: 1em;
    color: #fff;
    margin-bottom: 40px;
}

#restaurantSub .greeting p.name {
    text-align: right;
}

#restaurantSub .mainImg {
    margin: 30px auto;
}

#restaurantSub .tel {
    font-size: 1.75em;
    font-family: 'Noto sans-Serif', sans-serif;
}

#restaurantSub .tel span.text13 {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#restaurantSub .titleSubBox {
    padding: 2px 20px;
    background: #4f7aaf;
}


.restaurantImgList {
    margin-top: 40px;
    margin-bottom: 30px;
    margin-left: -1px;
    margin-right: -1px;
}

.restaurantImgList .imgBox {
    margin-bottom: 10px;
}

.restaurantImgList .imgBox img {
    width: 100%;
}

.restaurantImgList .col-sm-4 {
    padding: 0 1px;
}

.stuationWrap {
    height: 470px;
    padding: 80px 0;
    color: #fff;
    margin-bottom: 30px;
}

.stuationWrap .box {
    border: 1px solid rgba(255, 255, 255, .4);
    padding: 80px 30px;
    width: 314px;
    text-align: left;
}

.stuationWrap .box .ttl {
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 1.25em;
    color: #575757;
    margin-bottom: 10px;
}

.stuationWrap .box p {
    letter-spacing: 0.1em;
    line-height: 1.75em;
}

#restaurantSub01 .stuationWrap {
    background: url(../restaurants/img/bg_stuation_arisugawa.jpg) no-repeat 50% 50%;
}

#restaurantSub02 .stuationWrap {
    background: url(../restaurants/img/bg_stuation_keywest.jpg) no-repeat 50% 50%;
}

#restaurantSub02 .stuationWrap .box {
    margin-left: auto;
    margin-right: 0;
}

#restaurantSub03 .stuationWrap {
    background: url(../restaurants/img/bg_stuation_kochuten.jpg) no-repeat 50% 50%;
}

/* レストラン検索ウィジェット */
.reservationWrap-restaurant {
    background: url(../img/bg_reservationWrap-restaurant.png) no-repeat 50% 50%, #084d86;
    color: #fff;
    position: relative;
    height: 50px;
}

.reservationWrap-restaurant a:hover {
    color: #FFF;
    opacity: 0.5;
    text-decoration: none;
}

.reservationWrap-restaurant .sp-text {
    display: none;
}

.reservationWrap-restaurant .inner {
    width: 1020px;
    max-width: inherit;
    margin: 0 auto;
    padding: 0 0 0 170px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#sub #tc-widget {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

#sub #tc-widget .tc-header {
    display: none;
}

.reservationWrap-restaurant .close-btn {
    display: none;
}

#sub #tc-widget .tc-h1 {
    padding: 0;
    color: #FFF;
}

#sub #tc-widget .tc-body {
    height: 50px;
    border-radius: 0;
    padding: 0;
}

#sub #tc-widget[data-layout="horizontal"] .tc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#sub #tc-widget .tc-body form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
}

#sub #tc-widget .tc-icon-cal {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAACQCAYAAAASlKtNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjgzQzk0QkQ2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjgzQzk0QkM2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNkJFQzdFRkZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNkJFQzdGMEZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCC8HQAAA1+SURBVHja7FoJdFXF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) 0 0 no-repeat;
    background-position-y: -72px;
}

#sub #tc-widget .tc-icon-clock {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAACQCAYAAAASlKtNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjgzQzk0QkQ2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjgzQzk0QkM2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNkJFQzdFRkZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNkJFQzdGMEZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCC8HQAAA1+SURBVHja7FoJdFXF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) 0 0 no-repeat;
    background-position-y: -96px;
}

#sub #tc-widget .tc-icon-ppl {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAACQCAYAAAASlKtNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjgzQzk0QkQ2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjgzQzk0QkM2NEE4MTFFOUIzMUVFNDQ3ODk4NEJDOUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNkJFQzdFRkZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNkJFQzdGMEZDNzUxMUUyOUM2MDgyNTAyNkYxNUEwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlCC8HQAAA1+SURBVHja7FoJdFXF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) 0 0 no-repeat;
    background-position-y: -120px;
}

#sub #tc-widget .tc-shop,
#sub #tc-widget .tc-date,
#sub #tc-widget .tc-time,
#sub #tc-widget .tc-ppl,
#sub #tc-widget .tc-shop,
#sub #tc-widget .tc-date,
#sub #tc-widget .tc-time,
#sub #tc-widget .tc-ppl {
    margin: 0 15px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#sub #tc-widget .tc-time {
    display: none;
}

#sub #tc-widget .tc-shop select {
    width: 261px;
}

#sub #tc-widget input[type="text"],
#sub #tc-widget select {
    width: 170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sub #tc-widget select {
    background: #FFF url(../img/icon_down.png) no-repeat 95% 50%;
    background-size: 10px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sub #tc-widget .tc-wrap-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 15px 0 auto;
}

#sub #tc-widget .tc-book {
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background: url(../img/icon_right_white.png) no-repeat 93% 50%, #BA7019;
    background-size: 13px;
    font-weight: normal;
    padding: 0;
    border-radius: 0;
    border: none;
    text-shadow: none;
    margin: 0;
}

#sub #tc-widget .tc-book:hover {
    opacity: 0.5;
}

.plun-btn {
    display: inline-block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background: url(../img/icon_right_white.png) no-repeat 97% 50%, #bca046;
    background-size: 13px;
}

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

    #restaurantSub01,
    #restaurantSub02,
    #restaurantSub03,
    #restaurantSub04,
    #restaurantSub05,
    #restaurant01 #menu01,
    #restaurant01 #menu02,
    #restaurant01 #menu03,
    #restaurant01 #menu04,
    #restaurant01 #menu05,
    #restaurant03 #menu01,
    #restaurant03 #menu02 {
        margin-top: -160px;
        padding-top: 160px;
    }

}

#spMenu,
#spMenuRooms,
#spFixedMenuRooms{
	display: none;
}
@media screen and (max-width:480px) {
    #spFixedMenuRooms{
		display: block;
        position: fixed;
        bottom: 85px;
        left: 10px;
        width: 170px;
        height: 40px;
				background: #fff;
				border: 1px solid #000;
        z-index: 99999999;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    #spFixedMenuRooms a{
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
        text-decoration: none;
    }
    #spFixedMenuRooms.active{
    }
		ul.roomsList{
			display: flex;
      flex-wrap: wrap;
		}
		ul.roomsList li{
			width: 47%;
      margin: 5px;
		}
    #spFixedMenuRooms ul li a{
        display: block;
        height: 65px;
        width: 100%;
        padding-top: 45px;
        text-align: center;
        font-size: 12px;
        background-position: center 6px;
        background-repeat: no-repeat;
        background-size: 25px;
    }
    #spMenuRooms{
		position: fixed;
		z-index: 999999999;
		bottom: 0;
		left: 0;
		width: 100%;
	}
    #spMenuRooms .spHeader_top {
    text-align: end;
}
    #spMenuRooms .spHeader_top .closeBtn {
    background-color: #fff;
    right: 0;
    display: inline-block;
}
    .spMenuRoomsClose {
    text-indent: -9999px;
    background: url(https://bettei-itsuki.jp/cms/wp-content/themes/itsuki2020/lib/images/common/sp/spMenuClose.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: block;
    margin: 8px;
}
    .pageNavRoom01 {
    background-color: #fff;
}
    .pageNavRoom01 {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
    .pageNav01, .pageNavRoom01 {
    padding: 30px 0 40px;
}
    .pageNav01>ul, .pageNavRoom01>ul {
    overflow: visible;
        display: flex;
    flex-wrap: wrap;
        justify-content: space-around;
}
    .pageNavRoom01 ul.pageNav01Sub li {
        width: 48% !important;
    text-align: center;
    margin-top: 3vw !important;
        font-size: 18px;
        border: solid 1px #4f7aaf;
        display: flex;
    align-items: center;
    justify-content: center;
}
    .pageNavRoom01 ul.pageNav01Sub li a{
        color: #4f7aaf;
    }
}

.restaurantFootLinks {
    display: none;
}

.restaurantFootLinks.on {
    position: fixed;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px 3%;
    background: rgba(8, 77, 134, 0.8);
    z-index: 999;
}

.restaurantFootLinks ul {
    /*max-width: 1200px;*/
    width: 96%;
    margin: 0 auto;
}

.restaurantFootLinks li {
    display: inline-block;
    border: 1px solid #fff;
}

.restaurantFootLinks li a {
    color: #fff;
    font-size: 0.8em;
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 30px 0 10px;
    background: url(../img/icon_right_white.png) no-repeat 96% 50%;
    background-size: 14px auto;
    line-height: 24px;
}

.restaurantFootLinks li a:hover {
    text-decoration: none;
    opacity: 0.5;
}

#sub .section#restaurantSub06,
#sub .section#restaurantSub07 {
    padding-top: 60px;
    padding-bottom: 0;
}

#restaurantSub07 {
    margin-bottom: 100px;
}

#restaurantSub06,
#restaurantSub07 {
    background: #eee7d5;
}

#restaurantSub06 h3.sub,
#restaurantSub07 h3.sub {
    margin-bottom: 50px;
    color: #000;
}

#restaurantSub06 h3.sub span,
#restaurantSub07 h3.sub span {
    color: #fff;
}

#restaurantSub06 h3.sub:before,
#restaurantSub06 h3.sub:after,
#restaurantSub07 h3.sub:before,
#restaurantSub07 h3.sub:after {
    height: 10px;
    background: url(../img/bg_h3_sub02.png) repeat-x;
}

#restaurantSub06 .more,
#restaurantSub07 .more {
    width: 230px;
}

.restaurantInfoWrap li {
    margin-bottom: 60px;
    color: #42210b;
}

.restaurantInfoWrap li .clearfix {
    margin-bottom: 40px;
}

.restaurantInfoWrap li .L {
    float: left;
}

.restaurantInfoWrap li .R {
    float: right;
}

.restaurantInfoWrap li .txtBox {
    width: 45%;
    max-width: 580px;
    padding: 2%;
    position: relative;
}

.restaurantInfoWrap li .imgBox {
    width: 55%;
    max-width: 700px;
}

.restaurantInfoWrap li .txtBox.L {
    padding-left: 18%;
}

.restaurantInfoWrap li .txtBox.R {
    padding-right: 18%;
}

.restaurantInfoWrap li .txtBox .ttl {
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 40px;
}

.restaurantInfoWrap li .txtBox img,
.restaurantInfoWrap li .imgBox img {
    width: 100%;
}

.restaurantInfoWrap li .txtBox .txtBoxImg {
    position: absolute;
    bottom: 0;
    max-width: 380px;
    width: 55%;
}

.restaurantInfoWrap li .txtBox.L .txtBoxImg {
    right: 5%;
}

.restaurantInfoWrap li .txtBox.R .txtBoxImg {
    left: 5%;
}

.restaurantInfoWrap li .txtBox .txtBoxImg img {}

.restaurantInfoWrap .more {
    background: rgba(255, 255, 255, 0.66);
}

#restaurantSub07 .restaurantInfoWrap li .txtBox .ttl {
    margin-bottom: 10px;
}

#restaurantSub07 .txtBox p {
    padding-bottom: 190px;
}

#restaurantSub07 .restaurantInfoWrap li .txtBox {
    padding-top: 0;
}


/*詳細*/
.openTime li {
    width: 73px;
    display: inline-block;
    margin: 10px 0;
}

.openTime li img {
    width: 100%;
}

.menuPickup .row {
    margin-left: auto;
    margin-right: auto;
}

.menuPickup .col-sm-7 {
    width: 520px;
    max-width: 58.33333333%;
    padding: 0;
}

.menuPickup .col-sm-5 {
    width: 390px;
    max-width: 41.66666667%;
    padding: 0;
}

.menuPickup .col-sm-7.L,
.menuPickup .col-sm-5.L {
    margin-right: 40px;
}

.menuPickup .col-sm-7.R,
.menuPickup .col-sm-5.R {
    float: right;
}

@media only screen and (max-width: 1200px) {

    .menuPickup .col-sm-7,
    .menuPickup .col-sm-5 {
        padding: 0 15px;
    }

    .menuPickup .col-sm-7 {
        width: 58.33333333%;
    }

    .menuPickup .col-sm-5 {
        width: 41.66666667%;
    }

    .menuPickup .col-sm-7.L,
    .menuPickup .col-sm-5.L {
        margin-right: auto;
    }

    .menuPickup .col-sm-7.R,
    .menuPickup .col-sm-5.R {
        float: left;
    }
}

.menuPickup .priceBox {
    margin-top: 50px;
}

.menuPickup .priceBox.mt10 {
    margin-top: 10px;
}

.menuPickup .priceBox .day {
    color: #4f7aaf;
}

#restaurant01 #menu01 h3.sub,
#restaurant01 #menu02 h3.sub,
#restaurant01 #menu03 h3.sub,
#restaurant01 #menu04 h3.sub,
#restaurant01 #menu05 h3.sub,
#restaurant02 #menu01 h3.sub,
#restaurant03 #menu01 h3.sub,
#restaurant03 #menu02 h3.sub,
#restaurant04 #menu01 h3.sub,
#restaurant05 #menu01 h3.sub {
    margin-bottom: 30px;
}

#restaurantSub08 .headline01 {
    text-align: center;
    margin: 65px 0 25px;
    padding-bottom: 25px;
    border-bottom: #A7BCD7 1px solid;
    letter-spacing: 0.1em;
    font-size: 1.25em;
    color: #4f7aaf;
}

#restaurantSub08 .flexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#restaurantSub08 .allergen li {
    width: 14.2%;
    padding: 0 1%;
    text-align: center;
    margin-bottom: 20px;
}

#restaurantSub08 .allergen li img {
    display: block;
    margin-bottom: 20px;
}

#restaurantSub08 .restaurantSub07_p01 {
    padding: 30px 0;
}

#restaurantSub08 .restaurantSub07_p02 {
    padding: 30px 0;
    text-align: left;
}

#restaurantSub08 dl {
    margin-bottom: 30px;
    text-align: left;
}

#restaurantSub08 dl dt {
    margin-bottom: 10px;
    color: #4f7aaf;
    padding-bottom: 10px;
    border-bottom: 1px solid #A7BCD7;
}

#restaurantSub08 dl dd {
    padding-left: 20px;
}

#restaurantSub08 .restaurant07_dl {
    background: url(../restaurants/img/restaurantSub07_dl.png) no-repeat center center;
    width: 1000px;
    height: 100px;
    margin: 50px auto;
}

#restaurantSub08 .restaurant07_dl h4 {
    display: block;
    float: left;
    font-size: 125%;
    color: #fff;
    margin-left: 50px;
    margin-right: 130px;
    font-weight: bold;
    margin-top: 30px;
}

#restaurantSub08 .restaurant07_dl a.bt01 {
    background: #d3deeb url(../restaurants/img/bt01.png) no-repeat right 10px center;
    display: block;
    float: left;
    text-align: center;
    font-size: 112%;
    padding: 5px 35px 5px 20px;
    color: #004E8F;
    margin-right: 10px;
    line-height: 1.3;
    margin-top: 24px;
}

#restaurantSub08 .restaurant07_dl a.bt02 {
    background: #4079B6 url(../restaurants/img/bt02.png) no-repeat right 10px center;
    display: block;
    float: left;
    text-align: center;
    font-size: 112%;
    padding: 5px 35px 5px 20px;
    color: #fff;
    margin-right: 10px;
    line-height: 1.3;
    margin-top: 24px;
}

@media only screen and (max-width: 768px) {
    #restaurantSub08 .restaurant07_dl_sp {
        background: #004E8F url(../restaurants/img/restaurantSub07_dl_sp.png) no-repeat top -10px center;
        width: 100%;
        margin: 50px auto;
        padding: 10px;
    }

    #restaurantSub08 .restaurant07_dl_sp h4 {
        display: block;
        font-size: 125%;
        color: #fff;
        font-weight: bold;
        padding: 18px 0;
    }

    #restaurantSub08 .restaurant07_dl_sp a.bt01 {
        background: #d3deeb url(../restaurants/img/bt01.png) no-repeat right 10px center;
        display: block;
        text-align: left;
        font-size: 112%;
        padding: 10px;
        color: #004E8F;
        line-height: 1.3;
        margin-top: 24px;
    }

    #restaurantSub08 .restaurant07_dl_sp a.bt02 {
        background: #4079B6 url(../restaurants/img/bt02.png) no-repeat right 10px center;
        display: block;
        text-align: left;
        font-size: 112%;
        padding: 10px;
        color: #fff;
        line-height: 1.3;
        margin-top: 10px;
    }

    .reservationWrap-restaurant {
        position: fixed;
        top: 0;
        width: 100%;
        background: none;
        height: 0;
    }

    .reservationWrap-restaurant .sp-text {
        background: #BCA046;
        display: block;
        color: #FFF;
        padding: 10px 5px;
        text-align: center;
        cursor: pointer;
        font-size: 11px;
        float: right;
    }

    .reservationWrap-restaurant .inner {
        display: none;
        background: #5678AA;
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        padding: 15px 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .pika-single {
        z-index: 100000;
    }

    #sub #tc-widget {
        width: auto;
        display: block;
        margin-bottom: 15px;
    }

    #sub #tc-widget .tc-header {
        display: block;
        background: #084D86;
        margin: -15px -10px 15px;
        padding: 15px;
        position: relative;
    }

    .reservationWrap-restaurant .close-btn {
        display: block;
        position: absolute;
        top: 10px;
        right: 3%;
        padding: 1px 8px;
        border: 1px solid #FFF;
        color: #FFF;
        font-weight: bold;
        font-size: 1.4em;
        z-index: 1;
    }

    #sub #tc-widget .tc-body {
        height: auto;
    }

    #sub #tc-widget .tc-body form {
        height: auto;
    }

    #sub #tc-widget[data-layout="horizontal"] .tc-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #sub #tc-widget .tc-shop,
    #sub #tc-widget .tc-date,
    #sub #tc-widget .tc-time,
    #sub #tc-widget .tc-ppl,
    #sub #tc-widget .tc-shop,
    #sub #tc-widget .tc-date,
    #sub #tc-widget .tc-time,
    #sub #tc-widget .tc-ppl {
        width: 100%;
        margin: 0 0 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #sub #tc-widget .tc-time {
        display: none;
    }

    #sub #tc-widget select,
    #sub #tc-widget .tc-shop select,
    #sub #tc-widget .tc-wrap-input,
    #sub #tc-widget .tc-wrap-input input {
        width: 100%;
    }

    #sub #tc-widget .tc-icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 10px;
    }

    #sub #tc-widget .tc-wrap {
        float: none;
    }

    #sub #tc-widget .tc-body form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #sub #tc-widget .tc-wrap-book {
        margin: 0 auto;
    }

    #sub #tc-widget .tc-book {
        width: 170px;
    }

    .plun-btn {
        display: block;
        margin: 0 auto;
    }
}

.menuPickup .price {
    border-bottom: 1px solid #a7bcd7;
    font-size: 0.9375em;
}

.menuList .price {
    font-size: 0.9375em;
    margin-top: 10px;
}

.menuPickup .price span,
.menuList .price span {
    font-size: 1.6em;
}

.menuPickup .price span.text13 {
    font-size: 13px;
}

table.info01.restaurantInfo {
    text-align: center;
    font-size: 1.2em;
}

table.info01.restaurantInfo td {
    width: 50%;
}

#ladiesday {
    padding: 30px 0;
    background: #fdf0f3;
}

#ladiesday .container {
    max-width: 900px !important;
}

#ladiesday .row {
    margin-bottom: 10px;
}

#ladiesday img {
    max-width: 100%;
}

#ladiesday h4 {
    font-size: 1.25em;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid;
    color: #ef99ac;
    position: relative;
}

#ladiesday h4 .youbi {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: inline-block;
    background: #ef99ac;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.95em;
}

#ladiesday .name {
    font-size: 1.25em;
}

#ladiesday .priceBox {
    font-size: 0.9375em;
}

#ladiesday .price {
    font-size: 1.6em;
}

#ladiesday .gentei {
    background: #fff;
    color: #ef99ac;
    padding: 5px 10px;
    margin-left: 10px;
}

#ladiesday .col-sm-4 {
    width: 350px;
    max-width: 100%;
    padding: 0;
}

#ladiesday .col-sm-8 {
    width: 560px;
    max-width: 100%;
    padding-right: 50px;
}

#restaurant01 .subSlide .bx-wrapper .bx-viewport,
#restaurant02 .subSlide .bx-wrapper .bx-viewport,
#restaurant03 .subSlide .bx-wrapper .bx-viewport {
    overflow: hidden !important;
}

table.menu01 {
    width: 100%;
}

table.menu01 th {
    font-weight: normal;
    color: #4f7aaf;
    width: 20%;
}

table.menu01 th,
table.menu01 td {
    padding: 3px;
}

table.menu01.w45 th {
    width: 45%;
}


/*有栖川*/
#restaurant01 .pageTitleWrap02 {
    background: url(../restaurants/img/arisugawa/pageTitleWrap.jpg) no-repeat 50% 0%;
}

/*キーウエスト*/
#restaurant02 .pageTitleWrap02 {
    background: url(../restaurants/img/keywest/pageTitleWrap.jpg) no-repeat 50% 0%;
}

/*壺中天*/
#restaurant03 .pageTitleWrap02 {
    background: url(../restaurants/img/kochuten/pageTitleWrap.jpg) no-repeat 50% 0%;
}

/*サントロペ*/
#restaurant04 .pageTitleWrap02 {
    background: url(../restaurants/img/sttropez/pageTitleWrap.jpg) no-repeat 50% 0%;
}

/*レオーレ*/
#restaurant05 .pageTitleWrap02 {
    background: url(../restaurants/img/leore/pageTitleWrap.jpg) no-repeat 50% 0%;
}

.kochuten_menu{
    max-width: 950px;
    margin: 0 auto;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kochuten_menu_tit{
    font-size: 30px;
    font-weight: bold;
    max-width: 950px;
    margin: 0 auto;
    color: #000;
}
.kochuten_menu_ul{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}
.kochuten_menu_li{
    border: solid 1px #d3deeb;
    width: 49%;
    margin-bottom: 20px;
}
.kochuten_menu_li:last-child{
    width: 100%;
}
.kochuten_menu_name{
    text-align: center;
    background-color: #d3deeb;
    padding: 10px 0;
    color: #084d86;
}
.kochuten_menu_txt{
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    padding: 10px 20px;
}
.kochuten_menu_li:last-child .kochuten_menu_txt{
    display: flex;
    width: 100%;
}
.kochuten_menu_li:last-child .kochuten_menu_txt .right{
    width: 50%;
}
.kochuten_menu_li:last-child .kochuten_menu_txt .left{
    width: 50%;
}
.kochuten_menu_txt .ii{
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
}
@media(max-width:768px){
    .kochuten_menu{
        display: block;
    }
    .kochuten_menu_li{
        width: 95%;
        margin: 0 auto 15px;
    }
    .kochuten_menu_li:last-child{
        width: 95%;
    }
    .kochuten_menu_li:last-child .kochuten_menu_txt{
        display: block;
    }
    .kochuten_menu_li:last-child .kochuten_menu_txt .left{
        width: 100%;
    }
    .kochuten_menu_li:last-child .kochuten_menu_txt .right{
    width: 100%;
}
    .kochuten_menu_txt .ii{
        padding-right: 0;
    }
}


/*----------------------------------------------------
 	宴会・会議
----------------------------------------------------*/
/*一覧*/
#banquetSub .mainText {
    background: url(../banquet/img/bg_mainTxt.jpg) no-repeat 50% 50%;
    margin-bottom: 50px;
}

#banquetSub .jumbotron.appeal_visual1 {
    padding-top: 380px;
    height: 580px;
    overflow: hidden;
}

#banquetSub .mainText.mainTextSub p.ttl {
    font-size: 1.25em;
}

#banquetSub .mainText.mainTextSub p {
    font-size: 1em;
}

#banquetSub h3.sub,
#banquetSubPlan h3.sub {
    margin-bottom: 40px;
}

#banquetSub01 .banquetMenuList {
    margin-left: -10px;
    margin-right: -10px;
}

#banquetSub01 .banquetMenuList .col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}

#banquetSub01 .banquetMenuList .imgBox {
    margin-bottom: 30px;
}

#banquetSub01 .banquetMenuList .imgBox img {
    width: 100%;
}

#banquetSub01 .banquetMenuList .ttl02 {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3deeb;
}

#banquetSub01 .banquetMenuList .ttl02 a {
    display: block;
}

#banquetSub01 .banquetMenuList .ttl02 a:hover {
    text-decoration: none;
    opacity: 0.5;
}

#banquetSub01 .banquetMenuList .ttl02 span:after {
    content: "";
    background: url(../img/icon_right_blue.png) no-repeat 100% 50%;
    background-size: 14px auto;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 20px;
}

#banquetSub01 .banquetMenuList .btn02 {
    margin-top: 30px;
}

#banquetSub02 .imgWrap {
    margin-bottom: 40px;
}

#banquetSub02 .imgWrap img {
    margin-right: 5px;
    width: 296px;
    max-width: 15%;
}

#banquetSub02 .imgWrap img:last-child {
    margin-right: 0;
}

#banquetSub03 .titleSubBox {
    padding: 2px 10px;
    background: #4f7aaf;
}

#banquetSub03 .selectBtn02.row {
    margin-left: -5px;
    margin-right: -5px;
}

#banquetSub03 .selectBtn02 li {
    padding: 0 5px 40px;
}

#banquetSub03 .selectBtn02 li .imgBox img {
    width: 100%;
}

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

    #banquetSub01,
    #banquetSub02,
    #banquetSub03,
    .banquetPriceWrap {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*宴会プラン*/
#banquetSubPlan .pageTitleWrap {
    height: 340px;
    text-align: center;
    background: url(../banquet/img/plan/pageTitleWrap.jpg) no-repeat 50% 50%;
    padding: 130px 0;
    margin-bottom: 40px;
}

#banquetSubPlan table.info02 th {
    border-bottom: 5px solid #fff;
    width: auto;
}

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

    #banquetSubPlan01,
    #banquetSubPlan02,
    #banquetSubPlan03,
    #banquetSubPlan04,
    #banquetSubPlan05,
    #banquetSubPlan06,
    #banquetSubPlan07,
    #banquetSubPlan10 {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*宴会場*/
#banquetSubHall .pageTitleWrap {
    background-image: url(../banquet/img/plan/pageTitleWrap.jpg);
}

#banquetSubHall .titleSubBox {
    padding: 2px 10px;
    background: #4f7aaf;
}

#banquetSubHall h3.sub {
    margin-bottom: 20px;
}

#banquetSubHall .section .borderBottom {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#banquetSubHall .section img {
    width: 100%;
}

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

    #banquetSubHall01_01,
    #banquetSubHall01_02,
    #banquetSubHall01_03,
    #banquetSubHall01_04,
    #banquetSubHall01_05,
    #banquetSubHall02_01,
    #banquetSubHall02_02,
    #banquetSubHall02_03,
    #banquetSubHall02_04,
    #banquetSubHall02_05,
    #banquetSubPrice {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*宴会料理メニュー*/
#banquetSubPlan .pageTitleWrap.BanquetMenu {
    background: url(../banquet/img/menu/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.yataiBox {
    background: #eff3f8;
    padding: 15px;
    margin-bottom: 20px;
}

.yataiBox .price {
    text-align: right;
    font-weight: bold;
    padding-top: 5px;
    border-top: 1px dotted #4f7aaf;
    margin-top: 10px;
}

.stallMenu {
    width: 103px;
    float: left;
    margin-right: 15px;
    min-height: 160px
}

.stallMenu .img {
    margin-bottom: 5px;
}

.stallMenu .spec {
    font-size: 76%;
}

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

    #banquetSubPlan #menu01,
    #banquetSubPlan #menu02,
    #banquetSubPlan #menu03,
    #price,
    #banquetSub h3.sub {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*----------------------------------------------------
 	過し方
----------------------------------------------------*/
.pageTitleWrap.stay {
    height: 580px;
    background: url(../stay/img/pageTitleWrap.jpg) no-repeat 50% 50%;
    padding-top: 400px;
    color: #fff;
}

.pageTitleWrap.stay h3 {
    text-shadow: none;
    margin-bottom: 20px;
    font-size: 125%;
}


.stayWrap01,
.stayWrap02,
.stayWrap03 {
    text-align: center;
    /*color: #fff;*/
    padding: 40px 0;
}

.stayWrap01 {
    background: url(../stay/img/bg_01.jpg) no-repeat 50% 50%;
}

.stayWrap02 {
    background: url(../stay/img/bg_02.jpg) no-repeat 50% 50%;
}

.stayWrap03 {
    background: url(../stay/img/bg_03.jpg) no-repeat 50% 50%;
}

.stayWrap01 .more a:hover,
.stayWrap02 .more a:hover,
.stayWrap03 .more a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.stayWrap01 .more {
    border-color: #edd7de;
}

.stayWrap01 .more a {
    color: #b75e7b;
}

.stayWrap01 .more a span::after {
    background: url(../stay/img/icon_right_01.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

.stayWrap02 .more {
    border-color: #c1d2e1;
}

.stayWrap02 .more a {
    color: #084d86;
}

.stayWrap02 .more a span::after {
    background: url(../stay/img/icon_right_02.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

.stayWrap03 .more {
    border-color: #e0ba94;
}

.stayWrap03 .more a {
    color: #c17529;
}

.stayWrap03 .more a span::after {
    background: url(../stay/img/icon_right_03.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

.stayWrap03 {
    margin-bottom: 80px;
}

/*詳細共通*/
#staySub01 .pageTitleWrap02,
#staySub02 .pageTitleWrap02,
#staySub03 .pageTitleWrap02 {
    height: 630px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#staySub01 .pageTitleWrap02 .h3Wrap,
#staySub02 .pageTitleWrap02 .h3Wrap,
#staySub03 .pageTitleWrap02 .h3Wrap {
    margin-top: 0;
}

#staySub01 .pageTitleWrap02 .h3Wrap .icon,
#staySub02 .pageTitleWrap02 .h3Wrap .icon,
#staySub03 .pageTitleWrap02 .h3Wrap .icon {
    width: 144px;
    display: block;
    margin: 0 auto 40px;
    vertical-align: auto;
}

#staySub01 .pageTitleWrap02 .h3Wrap h3,
#staySub02 .pageTitleWrap02 .h3Wrap h3,
#staySub03 .pageTitleWrap02 .h3Wrap h3 {
    display: inline-block;
    font-size: 1.5625em;
    font-weight: normal;
}

h4.stay {
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 0.25em;
}

h4.stay span {
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 1.75em;
    display: block;
    margin-bottom: 10px;
}

.stayWrap {
    margin-bottom: 20px;
    text-align: center;
    margin: 0 auto 20px;
}

.stayWrap .L {
    float: left;
}

.stayWrap .R {
    float: right;
}

.stayWrap .imgBox.L,
.stayWrap .imgBox.R {
    width: 73%;
    max-width: 840px;
}

.stayWrap .txtBox.L,
.stayWrap .txtBox.R {
    width: 28%;
    max-width: 320px;
    padding: 30px 0 10px;
    vertical-align: top;
}

.stayWrap .txtBox.R {
    margin-left: -1%;
}

.stayWrap .txtBox.L {
    margin-right: -1%;
}

.stayWrap .imgBox.U {
    width: 100%;
}

.stayWrap .imgBox.U .left {
    width: 410px;
    max-width: 32%;
    float: left;
}

.stayWrap .imgBox.U .right {
    width: 870px;
    max-width: 68%;
    float: right;
}

.stayWrap .imgBox.U img {
    width: 100%;
}

.stayWrap .txtBox.D {
    width: 970px;
    max-width: 76%;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
}

.stayWrap .txtBox.D .left {
    float: left;
    width: 380px;
    max-width: 40%;
}

.stayWrap .txtBox.D .right {
    float: right;
    width: 590px;
    max-width: 60%;
    padding-top: 40px;
}

.stayWrap .imgBox img {
    width: 100%;
}

.stayWrap .txtBox {
    text-align: left;
}

.stayWrap .time {
    width: 320px;
    max-width: 100%;
    color: #fff;
    height: 45px;
    font-size: 1.0625em;
    font-family: 'Noto sans-Serif', sans-serif;
    position: relative;
    padding: 15px 15px 0;
}

.stayWrap .time span {
    position: absolute;
    right: 15px;
    bottom: -5px;
    font-style: italic;
    font-size: 1.7647em;
}

.stayWrap .txtBox.R .txtBoxIn {
    padding-left: 12.5%;
    padding-right: 6.25%;
    width: 320px;
    max-width: 100%;
}

.stayWrap .txtBox.L .txtBoxIn {
    padding-left: 6.25%;
    padding-right: 12.5%;
    width: 320px;
    max-width: 100%;
}

.stayWrap h5 {
    margin: 30px auto 50px;
    font-size: 1em;
}

.stayWrap h5 span {
    font-size: 2em;
    display: block;
}


.arrowStaySub {
    position: relative;
    margin-bottom: 62px;
}

.arrowStaySub:after {
    content: "";
    display: block;
    width: 100%;
    height: 62px;
    background-size: 28px auto;
    background-position: 50% 10px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: -62px;
}

.stayWrap .txtBox.arrowStaySub {}

#staySub01 #topSpecial.section,
#staySub02 #topSpecial.section,
#staySub03 #topSpecial.section {
    padding: 0 0 80px;
}

#staySub01 #topSpecial,
#staySub02 #topSpecial,
#staySub03 #topSpecial {
    background: none;
    height: auto;
}

#staySub01 .more a span:after,
#staySub02 .more a span:after,
#staySub03 .more a span:after {
    content: "";
    background: url(../img/icon_right.png) no-repeat 50% 50%;
    background-size: 14px auto;
}

/*気の置けない友達と神戸旅行を楽しむ*/
#staySub01 .pageTitleWrap02 {
    background-image: url(../stay/img/friends/pageTitleWrap.jpg);
}

#staySub01 .borderBottom {
    border-bottom: 1px solid #cec1c2;
}

#staySub01 .pageTitleWrap02 .h3Wrap h3,
#staySub01 h4.stay,
#staySub01 .ttl02,
#staySub01 .stayWrap h5,
#staySub01 .more a {
    color: #B75E7B;
}

#staySub01 .stayWrap .time {
    background: #c57e95;
}

#staySub01 .arrowStaySub:after {
    background-image: url(../stay/img/friends/arrow.png);
}

#staySub01 .more {
    border-color: #edd7de;
}

#staySub01 .more a {
    color: #b75e7b;
}

#staySub01 .more a span::after {
    background: url(../stay/img/icon_right_01.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

/*カップル・夫婦で記憶に残る思い出旅行に*/
#staySub02 .pageTitleWrap02 {
    background-image: url(../stay/img/couple/pageTitleWrap.jpg);
}

#staySub02 .borderBottom {
    border-bottom: 1px solid #cec1c2;
}

#staySub02 .pageTitleWrap02 .h3Wrap h3,
#staySub02 h4.stay,
#staySub02 .ttl02,
#staySub02 .stayWrap h5,
#staySub02 .more a {
    color: #145E91;
}

#staySub02 .stayWrap .time {
    background: #428ABC;
}

#staySub02 .arrowStaySub:after {
    background-image: url(../stay/img/couple/arrow.png);
}

#staySub02 .more {
    border-color: #c1d2e1;
}

#staySub02 .more a {
    color: #084d86;
}

#staySub02 .more a span::after {
    background: url(../stay/img/icon_right_02.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

/*家族で楽しむホテルステイ大型リゾートホテルを満喫*/
#staySub03 .pageTitleWrap02 {
    background-image: url(../stay/img/family/pageTitleWrap.jpg);
}

#staySub03 .borderBottom {
    border-bottom: 1px solid #cec1c2;
}

#staySub03 .pageTitleWrap02 .h3Wrap h3,
#staySub03 h4.stay,
#staySub03 .ttl02,
#staySub03 .stayWrap h5,
#staySub03 .more a {
    color: #C17529;
}

#staySub03 .stayWrap .time {
    background: #EBA661;
}

#staySub03 .arrowStaySub:after {
    background-image: url(../stay/img/family/arrow.png);
}

#staySub03 .more {
    border-color: #e0ba94;
}

#staySub03 .more a {
    color: #c17529;
}

#staySub03 .more a span::after {
    background: url(../stay/img/icon_right_03.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

@media screen and (min-width:768px) {
	#sub .contents#staySub03 .stayWrap.kiro{max-width: 320px;  margin: 100px auto 0;}
}
/*----------------------------------------------------
 	周辺観光
----------------------------------------------------*/
/*#tourismSub .pageTitleWrap02{background-image:url(../tourism/img/pageTitleWrap02.jpg); background-position:50% 50%; height: 580px; background-repeat:no-repeat;}*/
#tourismSub .pageTitleWrap02 {
    text-align: center;
    background: #448CAF;
    height: auto;
    position: relative;
    height: 580px;
}

#tourismSub .pageTitleWrap02 img.spnone {
    height: auto;
    min-height: 580px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px;
}

#tourismSub .selectBtn {
    margin-bottom: 45px;
}

#tourismSub .selectBtn li {
    width: 50%;
    text-align: center;
}

#tourismSub .selectBtn li a {
    color: #084d86;
}

#tourismSub .selectBtn li .txtBox {
    font-size: 1.4375em;
}

#tourismSub .col-sm-6 {
    display: inline-block;
    max-width: 616px;
    float: none;
    padding: 0;
}

#tourismSub .col-sm-6:first-child {
    margin-right: 27px;
}

#tourismSub .col-sm-6 img {
    max-width: 100%;
}

#tourismSub .col-sm-6 a {
    display: block;
}

#tourismSub .col-sm-6 a:hover {
    position: relative;
}

#tourismSub .col-sm-6 a:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 310px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
}

#tourismSub #near .col-sm-6:nth-child(1) a:hover:before {
    background-image: url(../tourism/img/awaji_on.png);
}

#tourismSub #near .col-sm-6:nth-child(2) a:hover:before {
    background-image: url(../tourism/img/kobe_on.png);
}

#tourismSub #far .col-sm-6:nth-child(1) a:hover:before {
    background-image: url(../tourism/img/himeji_on.png);
}

#tourismSub #far .col-sm-6:nth-child(2) a:hover:before {
    background-image: url(../tourism/img/osaka_on.png);
}

.tourismSubTxt {
    font-size: 1.3125em;
}

.tourismSubTxt span {
    font-size: 1.3333em;
}

.tourismSubTxt.c01 {
    color: #006837;
}

.tourismSubTxt.c02 {
    color: #42210b;
}

.tourismSubTxt.c03 {
    color: #1e2957;
}

.tourismSubTxt.c04 {
    color: #c1272d;
}

/*近郊・広域*/
.pageTitleWrap.hotelTourismNear {
    background: url(../tourism/img/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.pageTitleWrap.hotelTourismFar {
    background: url(../tourism/img/far/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.google-maps {
    position: relative;
    padding-bottom: 30%;
    /* これが縦横比 */
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

.profileBtn {
    width: 622px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 90px;
}

.profileBtn li a {
    display: block;
    height: 193px;
    width: 294px;
    float: left;
    background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
}

.profileBtn li:last-child a {
    float: right;
}

.profileBtn li a img {
    margin-bottom: 10px;
}

.profileBtn li a:hover,
.profileBtn li.now a {
    background: #d3deeb url(../about/img/bg_arw.png) no-repeat 50% 92%;
    text-decoration: none;
}

.container.profileCont {
    padding: 60px 0;
}

#near01,
#near02,
#near03,
#far01,
#far02 {
    text-align: center;
    padding-top: 138px;
    margin-top: -138px;
}

h4.awaji {
    background: #006837;
}

h4.kobe {
    background: #1e2957;
}

h4.oyakudachi {
    background: #7e9740;
}

h4.himeji {
    background: #42210b;
}

h4.osaka {
    background: #c1272d;
}

h4.awaji,
h4.kobe,
h4.oyakudachi,
h4.himeji,
h4.osaka {
    color: #fff;
    text-align: center;
    font-size: 140%;
    line-height: 1.2em;
    padding: 25px 0 24px;
}

h4.awaji span,
h4.kobe span,
h4.oyakudachi span,
h4.himeji span,
h4.osaka span {
    color: rgba(255, 255, 255, 0.4)
}

h4.awaji span,
h4.kobe span,
h4.oyakudachi span,
h4.himeji span,
h4.osaka span {
    display: block;
    font-size: 62%;
}

h5 {
    font-size: 135%;
    margin-bottom: 20px;
}

#near01 h5,
#near01 ul.tourismPlace li p.name {
    color: #006837;
}

#near02 h5,
#near02 ul.tourismPlace li p.name {
    color: #1e2957;
}

#far01 h5,
#far01 ul.tourismPlace li p.name {
    color: #42210b;
}

#far02 h5,
#far02 ul.tourismPlace li p.name {
    color: #c1272d;
}

ul.tourismPlace {
    width: 990px;
    margin-left: -40px;
}

ul.tourismPlace li {
    width: 290px;
    margin-left: 40px;
    margin-bottom: 50px;
    float: left;
}

ul.tourismPlace li img {
    width: 100%;
}

ul.tourismPlace li p.name {
    font-size: 120%;
    margin: 10px 0;
    line-height: 31px;
}

ul.tourismPlace li p.name.line2 {
    line-height: 62px;
}

ul.tourismPlace li p.time {
    margin-bottom: 10px;
    height: 32px;
    color: #fff;
    line-height: 32px;
}

ul.tourismPlace li p.txt {
    text-align: left;
    margin-bottom: 10px;
    height: 128px;
}

ul.tourismPlace li p.txt2 {
    text-align: left;
    margin-bottom: 10px;
    height: 150px;
}

ul.tourismPlace li p.txt3 {
    text-align: left;
    margin-bottom: 10px;
    height: 170px;
}

ul.tourismPlace li p.txt.long {
    height: 170px;
}

ul.tourismPlace li p.add {
    border-top: #b3b3b3 1px solid;
    padding-top: 10px;
    text-align: left;
    margin-bottom: 10px;
    line-height: 37px;
}

ul.tourismPlace li p.add.line2 {
    line-height: 74px;
}

#near01 ul.tourismPlace li p.time {
    background: #006837;
}

#near02 ul.tourismPlace li p.time {
    background: #1e2957;
}

#near03 ul.tourismPlace li p.time {
    background: #7e9740;
}

#far01 ul.tourismPlace li p.time {
    background: #42210b;
}

#far02 ul.tourismPlace li p.time {
    background: #c1272d;
}

.btnHp {
    background: url(../tourism/img/bg_hp.png) no-repeat 15% 50%, #666666;
    float: left;
}

.btnMap {
    background: url(../tourism/img/bg_map.png) no-repeat 15% 50%, #666666;
    float: right;
}

.btnHp,
.btnMap {
    width: 48%;
    line-height: 35px;
}

.btnHp a,
.btnMap a {
    color: #fff;
    padding-left: 18%;
}

.btnHp a:hover,
.btnMap a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.more.profileMore {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width:768px) {
    ul.tourismPlace li {
        /*margin-top: -160px !important;
    padding-top: 160px;*/
    }
}




/*----------------------------------------------------
 	資料請求
----------------------------------------------------*/
#form .pageTitleWrap02 {
    background-image: url(../form/img/pageTitleWrap.jpg);
    background-position: 50% 50%;
    height: 340px;
    background-repeat: no-repeat;
}

#document {
    margin-top: -70px;
    padding-top: 70px;
}

.documentWrap {
    margin-top: 60px;
}

.documentWrap .ttl {
    border-left: 6px solid;
    line-height: 1.875em;
    padding-left: 10px;
    color: #4f7aaf;
    margin-bottom: 10px;
}

.documentWrap .box1 {
    width: 200px;
}

.documentWrap .box2 {
    width: 400px;
}

.documentWrap .box3 {
    width: 600px;
}

.documentWrap .box1,
.documentWrap .box2,
.documentWrap .box3 {
    float: left;
}

.documentWrap li {
    width: 150px;
    margin-right: 50px;
    float: left;
}

@media (max-width: 1199px) {

    .documentWrap .box1,
    .documentWrap .box2,
    .documentWrap .box3 {
        width: 100%;
    }

    .documentWrap li {
        width: 32%;
        margin-right: 2%;
    }

    .documentWrap .box3 li:last-child {
        margin-right: 0;
    }
}

.documentWrap li div,
.documentWrap li p:first-child {
    margin-bottom: 10px;
}

.documentWrap li p {
    font-size: 0.875em;
}

.documentWrap li img {
    border: 1px solid #ccc;
}

.documentWrap a.pdf {
    text-decoration: none;
}

.documentWrap a.pdf:hover {
    text-decoration: underline;
}

.documentWrap a:hover {
    opacity: 0.5;
}

#contact .table01 th {
    width: 30%;
}

#contact input[type="checkbox"] {
    display: inline-block;
    margin-right: 6px;
    appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -o-appearance: checkbox;
    -ms-appearance: checkbox;
}

#contact .contactTxt {
    margin: 60px auto;
}

#contact .table01 {
    margin-bottom: 40px;
}

#contact a.link {
    text-decoration: underline;
    color: #4e79ad;
}

#contact a.link:hover {
    text-decoration: none;
}

.btnContact {
    text-align: center;
    color: #fff;
    width: 400px;
    max-width: 100%;
    height: 50px;
    border: none;
    letter-spacing: 0.25em;
    background: url(../img/icon_right_white.png) no-repeat 96% 50%, #4f7aaf;
    background-size: 14px auto;
}

.btnContact:hover {
    opacity: 0.5;
}

#contact .select {
    border: 1px solid #cbcbcb;
}

#contact .select select {
    padding: 3px 10px;
}

.pc0sp20 {
    margin-bottom: 0;
}

.pc40sp20 {
    margin-bottom: 40px;
}

.contactSelectBtn {
    margin: 27px 0 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contactSelectBtn li {
    font-size: 14px;
    width: 23%;
    float: left;
    margin: 0 1% 20px;
    border: 1px solid #D3DEEB;
    background: url(../img/icon_down.png) no-repeat 95% 50%;
    background-size: 10px auto;
}

.contactSelectBtn li a {
    padding: 12px 0;
    display: block;
    text-decoration: none;
    color: #4E79AE;
}

.contactSelectBtn li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.contactSelectBtn li a {
    display: block;
}

.contactLink_wrap {
    margin: 60px auto 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contactLink_col {
    width: 45%;
}

.contactLink_col > div {
    margin-bottom: 63px;
}

.conLink {
    background: url(../img/icon_right_white.png) no-repeat 97% 50%, #bca046;
    ;
    background-size: 13px;
    display: block;
    padding: 13px;
    margin: 20px 0;
    text-align: center;
    color: #FFF;
    width: 184px;
}

.conLink.full {
    width: 100%;
}

.contact_titWrap {
    border-bottom: 1px solid #D3DEEB;
    margin-bottom: 18px;
}

.contact_tit {
    margin-bottom: 4px;
    position: relative;
    padding-left: 15px;
    color: #456FA5;
    font-size: 18px;
    line-height: 1.4;
}

.contact_tit::before {
    display: block;
    content: "";
    width: 6px;
    background: #456FA5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.contactLink_item {
    margin-bottom: 22px;
}

.contactLink_item h5 {
    padding: 7px 20px;
    font-size: 16px;
    margin-bottom: 10px;
    background: #E5EBF3;
}

.contactLink_item .contactLink_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contactLink_item .contactLink_inner p {
    padding: 0 20px;
}

.contactLink_item .contactLink_inner .conLink {
    margin: 0;
}

@media screen and (min-width:768px) {
    #contact {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*----------------------------------------------------
 	ホテル概要
----------------------------------------------------*/
/*ホテルについて*/
.pageTitleWrap.hotelProfile {
    background: url(../about/img/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.profileBtn {
    width: 622px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 90px;
}

.profileBtn li a {
    display: block;
    height: 193px;
    width: 294px;
    float: left;
    background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
}

.profileBtn li:last-child a {
    float: right;
}

.profileBtn li a img {
    margin-bottom: 10px;
}

.profileBtn li a:hover,
.profileBtn li.now a {
    background: #d3deeb url(../about/img/bg_arw.png) no-repeat 50% 92%;
    text-decoration: none;
}

.container.profileCont {
    padding: 60px 0;
}

h4.profile {
    background: #4f7aaf;
    color: #fff;
    text-align: center;
    font-size: 140%;
    line-height: 1.2em;
    padding: 25px 0 24px;
}

h4.profile span {
    display: block;
    color: #a7bcd7;
    font-size: 62%;
}

h5.profile {
    color: #084d86;
    font-size: 120%;
    border-bottom: 1px solid #084d86;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.table01.profileTable th,
.table01.profileTable td {
    text-align: left;
    font-size: 93%;
}

.profileTable02 {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    font-size: 85%;
    vertical-align: bottom;
}

.profileTable02 th {
    background: #edf1f7;
    font-weight: normal;
    border: 1px solid #d3deeb;
    text-align: center;
    padding: 5px;
    height: 64px;
}

.profileTable02 td {
    background: #fff;
    font-weight: normal;
    border: 1px solid #d3deeb;
    padding: 10px;
    vertical-align: top;
}

.profileTable02.bdrR th,
.profileTable02.bdrR td {
    border-right: none;
}

.profileTable02.bdrR td {
    border-bottom: none;
}

.box50p.fl {
    margin-bottom: 0;
}

.more.profileMore {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/*歴史*/
#sub .container.history {
    max-width: 1300px;
}

.pageTitleWrap.hotelProfile02 {
    height: 580px;
    background: url(../about/img/history/pageTitleWrap.jpg) no-repeat 50% 50%;
    padding-top: 400px;
    color: #fff;
    margin-bottom: 0;
}

.pageTitleWrap.hotelProfile02 h3 {
    text-shadow: none;
    margin-bottom: 20px;
    font-size: 125%;
}

.historyWrap01 {
    padding: 90px 0;
    background: url(../about/img/history/bg01.jpg) no-repeat 50% 50%;
}

.historyWrap01 h3.history {
    text-align: center;
    margin-bottom: 40px;
    font-size: 125%;
}

.historyWrap01 h4.history {
    color: #fff;
    font-style: italic;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 300%;
    text-align: center;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 0;
    vertical-align: bottom;
    letter-spacing: 0.2em;
}

.historyWrap01 .cap {
    padding: 0 160px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    line-height: 3em;
}

.historyWrap01 .cap span {
    font-size: 125%;
}

.historyWrap02 {
    padding: 90px 0;
    background: #040404 url(../about/img/history/bg02.jpg) no-repeat 50% 100%;
    color: #fff;
}

.historyWrap02 h3.history,
.historyWrap03 h3.history {
    text-align: center;
    font-size: 1.5625em;
    margin-bottom: 40px;
}

.historyWrap02 h3.history span,
.historyWrap03 h3.history span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.6em;
    color: #ccc;
    letter-spacing: 0.25em;
}

.historyWrap02 h3.history:before,
.historyWrap02 h3.history:after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: url(../about/img/history/bg_h3.png) repeat-x;
}

.historyWrap02 h3.history:before,
.historyWrap03 h3.history:before {
    margin-bottom: 40px;
}

.historyWrap02 h3.history:after,
.historyWrap03 h3.history:after {
    margin-top: 40px;
}

.historyWrap02 p {
    padding: 0 160px;
    line-height: 2.4em;
}

.historyWrap03 {
    padding: 60px 0;
}

.historyWrap03 h3.history:before,
.historyWrap03 h3.history:after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: url(../about/img/history/bg_h3_02.png) repeat-x;
}

.historyWrap03 .container.history {
    padding: 0 160px;
}

.historyWrap03 .container.history p {
    line-height: 2em;
    margin-bottom: 30px;
}

.historyWrap04 {
    padding: 90px 0;
    background: url(../about/img/history/bg04.jpg) no-repeat 0% 50%;
}

.historyWrap04 h3.history {
    text-align: center;
    color: #000;
    font-size: 1.25em;
    margin-bottom: 40px;
    line-height: 1.6em;
}

.historyWrap04 img.spnone {
    margin-left: auto;
    margin-right: auto;
}

.historyWrap04 h3.history span {
    display: block;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 0.6em;
    color: #999;
    letter-spacing: 0.25em;
}

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

    #about01,
    #about02 {
        margin-top: -85px;
        padding-top: 85px;
    }
}

/*----------------------------------------------------
 	施設・サービス
----------------------------------------------------*/
/*施設・サービス*/
.pageTitleWrap.facllity {
    background: url(../facilities/img/pageTitleWrap.jpg) no-repeat 50% 50%;
}

.facllityCap {
    text-align: center;
    border-bottom: 1px solid #a7bcd7;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#sub .container.facllityCont {
    max-width: 1300px;
}

.floorMapWrap {
    width: 100%;
    margin-bottom: 40px;
}

.floorMapWrap .mainMap {
    margin-bottom: 40px;
    text-align: center;
}

.floorMapWrap .mainMap.spnone {
    position: relative;
    width: 100%;
    height: 220px;
}

.floorMapWrap .mainMap.spnone img {
    width: 925px;
    max-width: 925px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -462.5px;
    display: block;
}

.floorMapWrap .floormap {
    width: 540px;
    max-width: 56%;
    float: left;
}

.floorMapWrap .mapIcon {
    width: 326px;
    max-width: 34%;
    float: right;
}

.floorMapWrap .floormap img,
.floorMapWrap .mapIcon img {
    max-width: 100%;
}

.floorMapWrap .floormap img {
    display: none;
}

.floorMapWrap .floormap img.active {
    display: block;
}

area {
    cursor: pointer;
}

.facllityMenu {
    width: 948px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
    /*font-weight: bold;*/
}
@media(min-width:993px){
    .facllityMenu{
      justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
}

.facllityMenu li a {
    display: block;
    height: 213px;
    width: 222px;
    float: left;
    background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
    margin-bottom: 20px;
    margin-right: 20px;
}

.facllityMenu li:nth-child(4) a,
.facllityMenu li:nth-child(8) a {
    margin-right: 0;
}

.facllityMenu li a p {
    line-height: 3em;
}

.facllityMenu li:nth-child(2) a p,
.facllityMenu li:nth-child(3) a p,
.facllityMenu li:nth-child(4) a p {
    line-height: 1.6em;
}

.facllityMenu li:nth-child(3) a p {
    letter-spacing: -0.1em;
}

.facllityMenu li a img {
    margin-bottom: 10px;
}

.facllityMenu li a:hover {
    background: #d3deeb url(../about/img/bg_arw.png) no-repeat 50% 92%;
    text-decoration: none;
}


.facllityWrap01,
.facllityWrap02 {
    padding: 40px 0;
}

.facllityWrap01 {
    background: #eff3f8;
}

.facllityWrap01 img {
    float: left;
    margin-right: 40px;
}

.facllityWrap01 .txtBox {
    width: 380px;
    float: left;
}

#facllityService .facllityWrap01 .txtBox {
    width: 100%;
    float: none;
}

#facllityService .facllityWrap01 img {
    float: none;
    margin-right: auto;
}

#facllityService .facllityWrap01 .table01 th {
    background: #f5f5f5;
}

#facllityService .facllityWrap01 .table01 td {
    text-align: left;
}

#facllityService .facllityWrap01 .table01,
.facllityWrap02 .table01 {
    font-size: 93%;
}

.facllityMenu {
    padding-bottom: 140px;
}


.facllityWrap02 img {
    float: right;
    margin-left: 40px;
}

.facllityWrap02 .txtBox {
    width: 380px;
    float: left;
    margin-left: 50px;
}

#facllityService .facllityWrap02 img {
    float: none;
    margin-left: auto;
}

#facllityService .facllityWrap02 .txtBox {
    width: 100%;
    float: none;
    margin-left: auto;
}

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

    #facllityMenuBtn,
    .facllityWrap {
        margin-top: -160px;
        padding-top: 160px;
    }
}


.facllityCont {
    font-size: 93%;
}

.facllityCont .labelFac {
    display: inline-block;
    background: #4f7aaf;
    color: #fff;
    padding: 4px 8px 3px;
    margin-bottom: 10px;
    font-size: 90%;
    font-weight: bold;
}

.facllityCont h3 {
    font-size: 150%;
    margin-bottom: 10px;
}

.facllityCont h3 span {
    display: block;
    color: #a7bcd7;
    font-family: 'Noto sans-Serif', sans-serif;
    font-size: 60%;
    line-height: 2em;
}

.facllityCont p.detail {
    font-size: 93%;
}

.facllityCont p.detail.mb01 {
    margin-bottom: 120px;
}

.facllityCont p.detail.mb02 {
    margin-bottom: 90px;
}

.facllityCont p.detail.mb03 {
    margin-bottom: 40px;
}

.facllityCont p.detail.mb04 {
    margin-bottom: 20px;
}

.facllityCont p.info {
    color: #a7bcd7;
    font-family: 'Noto sans-Serif', sans-serif;
    margin-bottom: 10px;
    border-top: 1px solid #a7bcd7;
    padding-top: 5px;
}

.facllityCont .text12 {
    font-size: 98%;
    letter-spacing: -0.1em;
}

.facllityCont dl.infoDl {
    margin-bottom: 20px;
    font-size: 90%;
}

.facllityCont dl.infoDl dt {
    background: #dce4ef;
    color: #084d86;
    padding: 3px 5px 2px;
    width: 6em;
    text-align: center;
    float: left;
    margin-bottom: 8px;
    clear: both;
}

.facllityCont dl.infoDl dd {
    padding: 3px 5px 2px 6.5em;
    margin-bottom: 8px;
}

.facllityCont p.contactTxt {
    color: #084d86;
    margin-bottom: 10px;
    background: url(../facilities/img/bg_h3.png) right center no-repeat;
}


.facllityCont p.contactDetail {
    font-family: 'Noto sans-Serif', sans-serif;
    margin-bottom: 10px;
    font-size: 133%;
}

.facllityCont p.contactDetail.tel a {
    pointer-events: none;
}

.facllityCont p.contactDetail.tel a:hover {
    text-decoration: none;
}

.facllityCont .moreB a {
    display: inline-block;
    background: #e5e5e5;
    width: 200px;
    text-align: center;
    padding: 10px 0 9px;
}

.facllityCont .moreB a span {
    display: inline-block;
    background: url(../facilities/img/bg_more.png) right center no-repeat;
    padding-right: 20px;
}

.facllityCont .moreB a:hover {
    text-decoration: none;
    background: #dce4ef;
}

.facllityCont ul.caution {
    margin-bottom: 20px;
}

.facllityCont ul.caution li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 80%;
}

.facllityCont .syuryo {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #000;
    margin-bottom: 20px;
}

.facllityCont h3.facllity {
    color: #084d86;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.facllityCont h4.facllity {
    background: #4f7aaf;
    color: #fff;
    text-align: center;
    padding: 8px 0 7px;
    margin-bottom: 10px;
    font-size: 130%;
    font-weight: bold;
}

.facllityCont h4 {
    color: #084d86;
    font-size: 120%;
    border-bottom: 1px dotted #a7bcd7;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.facllityCont .ekeBox {
    margin-bottom: 40px;
}

.facllityCont .ekeBox li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 80%;
}

.facllityCont .ekeBox li:before {
    content: '※';
}


.facllityCont .spCrearBox {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.facllityCont .parking dt {
    color: #084d86;
    font-size: 120%;
    margin-bottom: 10px;
}

.facllityCont .parking dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3deeb;
}

.facllityCont .parking dd ul li {
    list-style-type: disc;
    margin-left: 20px;
}

/*マッサージ*/
.table01.massage td {
    border-width: 1px 0;
    text-align: left;
}

@media screen and (min-width:768px) {
    .facllityWrap {
        margin-top: -160px;
        padding-top: 160px;
    }
}

/*あじさいホール*/
#ajisai .mainText {
    background: url(../facilities/img/ajisai/pageTitleWrap.jpg) no-repeat 50% 50%;
}

#ajisai .jumbotron.appeal_visual1 {
    padding-top: 230px;
    height: 340px;
    overflow: hidden;
    margin-bottom: 40px;
}


/*エステティックルーム潤〜URUOI〜*/
.pageTitleWrap.uruoi {
    background: url(../facilities/img/uruoi/pageTitleWrap.jpg) no-repeat 50% 50%;
}

h3.uruoi {
    text-align: center;
    color: #4f7aaf;
    font-size: 175%;
    margin-bottom: 40px;
}

h3.uruoi span {
    font-size: 60%;
    display: inline-block;
    background: #4f7aaf;
    color: #fff;
    width: 84px;
    height: 84px;
    line-height: 1.4em;
    padding-top: 18px;
    margin-right: 10px;
    border-radius: 42px;
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
}

.uruoiCap {
    border-top: 1px solid #a7bcd7;
    border-bottom: 1px solid #a7bcd7;
    padding-bottom: 60px;
    padding-top: 60px;
    margin-bottom: 60px;
}

.uruoiCap .tel {
    font-size: 175%;
    margin-bottom: 20px;
}

.uruoiCap .tel span {
    font-size: 70%;
}

.uruoiCap .tel a {
    pointer-events: none;
}

.uruoiCap dl dt {
    background: #dce4ef;
    width: 57px;
    text-align: center;
    float: left;
    font-size: 93%;
    color: #084d86;
    padding: 10px 0 9px;
}

.uruoiCap dl dd {
    padding-left: 67px;
    padding-top: 7px;
}

.uruoiCont h3 {
    background: #084d86;
    color: #fff;
    font-size: 125%;
    margin-bottom: 40px;
    padding: 12px 10px 11px;
}

.uruoiCont .ttlP {
    color: #084d86;
    font-size: 113%;
    border-bottom: 1px dotted #a7bcd7;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.uruoiCont .ttl {
    float: left;
}

.uruoiCont .ttl span {
    font-size: 80%;
}

.uruoiCont .price {
    text-align: right;
    float: right;
    font-size: 125%;
}

.uruoiCont .price span.small {
    font-size: 80%;
}

.uruoiCont .price span.red {
    color: #840820;
}

.urioiDetail {
    font-size: 81%;
    margin-bottom: 40px;
}

.uruoiMenuList li {
    margin-bottom: 80px;
}

.uruoiLabel {
    display: inline-block;
    margin-bottom: 10px;
    background: #dce4ef;
    color: #084d86;
    padding: 10px 10px 9px;
}

.uruoiTtl {
    color: #084d86;
    font-size: 120%;
}

/*スコーリア スパ produced by NIWAYAMA*/
.pageTitleWrap.scoria {
    background: url(../facilities/img/scoria/pageTitleWrap.jpg) no-repeat 50% 50%;
}


/*----------------------------------------------------
 	アクセス
----------------------------------------------------*/
#Access .access {
    height: 400px;
    background: url(../access/img/pageTitleWrap.png) no-repeat 50% 50%;
    margin-bottom: 0;
}

#Access .facllityCap {
    padding-bottom: 40px;
    margin-bottom: 30px;
}

#Access .rogoBox {
    text-align: center;
    margin-bottom: 40px;
}

#Access .rogoBox p {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#Access .rogoBox img {
    width: 100%;
    max-width: 307px;
    margin-right: 20px;
}

.box950 {
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.box812 {
    width: 100%;
    max-width: 812px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#Access .pdf span:before {
    margin: -10px 10px 0 0;
    content: " ";
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../access/img/ico_pdf.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

.imghover:hover {
    opacity: 0.8;
}

.ico_plus:before {
    margin: -5px 10px 0 0;
    content: " ";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../access/img/ico_plus.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#banquet .pdf2 span:before {
    margin: -10px 10px 0 0;
    content: " ";
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(pdf/ico_pdf.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

.imghover:hover {
    opacity: 0.8;
}

.ico_plus:before {
    margin: -5px 10px 0 0;
    content: " ";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../access/img/ico_plus.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#access01 {
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 40px;
}

#access01 h4 {
    background-color: #4f7aaf;
    width: 100%;
    padding: 25px 0 24px;
    color: #fff;
    font-size: 140%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

#access01 h5 {
    color: #084d86;
    padding-bottom: 8px;
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 20px;
}

#access01 h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../access/img/ico_air.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#accessbus {}

#accessbus h4 {
    text-align: center;
    color: #084d86;
    font-size: 140%;
    line-height: 1.2em;
    vertical-align: middle;
}

#accessbus h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 34px;
    height: 20px;
    background: url(../access/img/ico_bus.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#accessbus .leftBox {
    width: 100%;
    max-width: 558px;
    display: inline-block;
    margin-right: 56px;
    vertical-align: top;
}

#accessbus .leftBox img {
    width: 100%;
    max-width: 558px;
    margin-bottom: 5px;
    vertical-align: top
}

#accessbus .rightBox {
    width: 100%;
    max-width: 336px;
    display: inline-block;
}

#accessbus dl dt {
    margin-bottom: 10px;
}

#accessbus dl dd a {
    color: #084d86;
}

#accessbus dl dd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4f7aaf;
}

#access02 {
    margin-bottom: 40px;
}

#access02 h4 {
    background-color: #4f7aaf;
    width: 100%;
    padding: 25px 0 24px;
    color: #fff;
    font-size: 140%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

#accessbus2 {
    background-color: #4f7aaf;
    width: 100%;
    padding-bottom: 30px;
}

#accessbus2 h4 {
    float: left;
    text-align: left;
    width: 50%;
}

#accessbus2 h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../access/img/ico_bus.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#accessbus2 img {
    float: right;
    width: 100%;
    max-width: 233px;
    margin-top: 30px;
}

#accessbus2 p {
    float: left;
    font-size: 20px;
    color: #FFF;
}

#accessbus2 p span {
    font-size: 26px;
}

#accessbus2 p.smTxt {
    font-size: 14px;
}

#accessbus2 a {
    background-color: #FFF;
    display: block;
    text-align: center;
    color: #4f7aaf;
    padding: 10px;
    width: 360px;
    margin: 0 auto 10px;
    border: 1px solid #4f7aaf;
}

#accessbus2 a:hover {
    background-color: #4f7aaf;
    color: #FFF;
    padding: 10px;
    text-decoration: none;
    border: 1px solid #fff;
}

#accessbustable {}

#accessbustable .accessbustableAttention {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid #D03E3B;
}

#accessbustable h4 {
    background-color: #fff;
    color: #4f7aaf;
}

#accessbustable h5 {
    background-color: #4f7aaf;
    color: #FFF;
    padding: 8px;
    text-align: center;
}

#accessbustable .timeTable02 {
    background-color: #B3B3B3;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

#accessbustable .timeTable02 thead th:nth-child(1) {
    background-color: #E5E5E5;
    text-align: center;
}

#accessbustable .timeTable02 thead th:nth-child(2) {
    background-color: #DCE5D0;
    text-align: center;
}

#accessbustable .timeTable02 thead th:nth-child(3) {
    background-color: #EED2C5;
    text-align: center;
}

#accessbustable .timeTable02 tbody tr th,
#accessbustable .timeTable02 tbody tr td {
    background-color: #FFF;
}

#accessbustable .timeTable02 tbody tr:nth-child(2n) th,
#accessbustable .timeTable02 tbody tr:nth-child(2n) td {
    background-color: #E5E5E5;
}

#accessbustable .timeTable02 tbody tr th {
    width: 8.8%;
    text-align: center;
}

#accessbustable .timeTable02 tbody tr td {
    width: 7.6%;
}

#accessbustable .timeTable03 {
    background-color: #B3B3B3;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    width: 100%;
}

#accessbustable .timeTable03 thead th:nth-child(1) {
    background-color: #E5E5E5;
    text-align: center;
}

#accessbustable .timeTable03 thead th:nth-child(2) {
    background-color: #DCE5D0;
    text-align: center;
}

#accessbustable .timeTable03 thead th:nth-child(3) {
    background-color: #EED2C5;
    text-align: center;
}

#accessbustable .timeTable03 tbody tr th,
#accessbustable .timeTable03 tbody tr td {
    background-color: #FFF;
}

#accessbustable .timeTable03 tbody tr:nth-child(2n) th,
#accessbustable .timeTable03 tbody tr:nth-child(2n) td {
    background-color: #E5E5E5;
}

#accessbustable .timeTable03 tbody tr th {
    width: 8.8%;
    text-align: center;
}

#accessbustable .timeTable03 tbody tr td {
    width: 15.2%;
}

#accessbustable .timeTable02 th,
#accessbustable .timeTable02 td {
    padding: 4px 1%;
}

#access03 {
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 20px;
}

#access03 h4 {
    background-color: #4f7aaf;
    width: 100%;
    padding: 25px 0 24px;
    color: #fff;
    font-size: 140%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

#access03 h5 {
    color: #084d86;
    padding-bottom: 8px;
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 20px;
}

#access03 h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../access/img/ico_car.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#access04 {
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 20px;
}

#access04 h4 {
    background-color: #fff;
    color: #4f7aaf;
}

#access05 h4 {
    padding: 10px 0;
    font-size: 18px;
    margin-bottom: 10px
}

#access06 h4 {
    background-color: #4f7aaf;
    width: 100%;
    padding: 25px 0 24px;
    color: #fff;
    font-size: 140%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

#access06 h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../access/img/ico_train.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

#access06 h5 {
    color: #084d86;
    padding-bottom: 8px;
    margin-bottom: 20px;
    text-align: center;
}

#access07 h4 {
    background-color: #4f7aaf;
    width: 100%;
    padding: 25px 0 24px;
    color: #fff;
    font-size: 140%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

#access07 h5 {
    color: #084d86;
    padding-bottom: 8px;
    border-bottom: 1px solid #4f7aaf;
    margin-bottom: 20px;
}

#access07 h4 span:before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../access/img/ico_shinkan.png) no-repeat left center;
    background-size: contain;
    vertical-align: middle;
}

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

    #access01,
    #access02,
    #access03,
    #access06,
    #access07 {
        margin-top: -160px;
        padding-top: 160px;
    }
}






/*----------------------------------------------------
 	プラポリ
----------------------------------------------------*/
.privacyHead {
    font-size: 20px;
    color: #074C85;
    font-weight: bold;
    border-bottom: 1px solid #d3deeb;
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: 0.15em;
    text-align: center;
}

.privacySubhead {
    font-size: 17px;
    color: #074C85;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}

.privacy p {
    font-size: 15px;
	word-break: break-all;
}

.policyCaption {
    text-align: center;
    padding-bottom: 15px;
}

.normalList {
    margin-bottom: 30px;
    font-size: 15px;
}

ol.normalList li {
    list-style: outside;
    list-style-type: decimal;
    margin-left: 1em;
    margin-bottom: 10px;
}

.subList {
    margin-bottom: 35px;
    font-size: 15px;
}

ul.subList li {
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 1em;
}

.signature {
    text-align: right;
    font-weight: bold;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.privacy a {
    color: #4E79AE;
    text-decoration: underline;
}

.privacy a:hover {
    color: #4E79AE;
    text-decoration: none;
}


/*----------------------------------------------------
 	よくある質問
----------------------------------------------------*/
/*.faqSelectBtnBox{ width:976px; margin:0 auto;  text-align:center;}*/
.faqSelectBtn li div {
    font-size: 14px;
    width: 31.1%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    border: 1px solid #4E79AE;
    padding: 20px 0;
    background: url(../img/icon_down.png) no-repeat 95% 50%;
    background-size: 10px auto;
}

.faqSelectBtn li a {
    text-decoration: none;
    color: #4E79AE;
}

.faqSelectBtn li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.faqSelectBtn li a {
    display: block;
}

.qaBlock a {
    color: #4E79AE;
    text-decoration: underline;
}

.qaBlock a:hover {
    color: #4E79AE;
    text-decoration: none;
}

.faqHead {
    background-color: #4E79AE;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.15em;
    padding: 20px 0;
    margin: 40px 0;
}

.qaBlock dl dt {
    font-weight: bold;
    color: #074C85;
    background: url(../faq/img/faq_icon01.jpg) no-repeat left top;
    background-size: 25px;
    line-height: 25px;
    padding-left: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}

.qaBlock dl dt:hover {
    opacity: 0.8;
}

.qaBlock dl dd {
    background: url(../faq/img/faq_icon02.jpg) no-repeat left top;
    background-size: 25px;
    padding-left: 40px;
    margin-bottom: 25px;
}

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

    #aStay,
    #aRestaurants,
    #aBanquet,
    #aWedding,
    #aFacilities,
    #aEvent,
    #aAccess {
        margin-top: -140px;
        padding-top: 140px;
    }
}


.ptopTxt {
    font-size: 13px;
    text-align: center;
    margin-top: 40px;
}

@media only screen and (max-width: 1000px) and (min-width: 641px) {
    .faqSelectBtn li div {
        font-size: 14px;
        width: 48%;
        float: left;
        margin-right: 2%;
        margin-bottom: 20px;
        border: 1px solid #4E79AE;
        padding: 20px 0;
        background: url(../img/icon_down.png) no-repeat 93% 50%;
        background-size: 10px auto;
    }
}

@media only screen and (max-width: 1199px) {
    .restaurantInfoWrap li .txtBox.L {
        padding-left: 0%;
    }

    .restaurantInfoWrap li .txtBox.R {
        padding-right: 0%;
    }

    .restaurantInfoWrap li .txtBox .ttl,
    .restaurantInfoWrap li .txtBox p {
        margin-bottom: 20px;
    }

    .restaurantInfoWrap li .txtBox .txtBoxImg {
        position: static;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .restaurantInfoWrap li .txtBox .txtBoxImg img {
        max-width: 315px;
    }
}


/*----------------------------------------------------
 	採用情報
----------------------------------------------------*/
#Recruit .recruit {
    background: url(../recruit/img/pageTitleWrap.jpg) no-repeat 50% 50%;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 336px;
}

#Recruit .recruitSec {
    background: url(../recruit/img/bg.jpg) no-repeat center top;
    background-size: cover;
    margin-bottom: 0;
    padding-bottom: 0;
}

#Recruit .recruitCont {
    background: url(../recruit/img/bg3.jpg) no-repeat center top;
    background-size: 1950px 715px;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

#Recruit h4 img {
    width: 100%;
    max-width: 333px;
    margin: 0 auto 40px auto;
    display: block;
}

#Recruit p {
    text-align: center;
}

#Recruit ul.recruitlist {
    background: rgba(255, 255, 255, 0.65);
    padding: 20px 5%;
    /*font-size:1.5625em;*/
    width: 50%;
    margin: 0 auto 125px auto;
}

#Recruit ul.recruitlist li {
    margin-bottom: 20px;
}

#Recruit ul.recruitlist li:last-child {
    margin-bottom: 0;
}

#Recruit ul.recruitlist02 {
    width: 70%;
    margin: 0 auto 30px auto;
}

#Recruit ul.recruitlist02 li {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
    border: 2px solid #d3deeb;
    padding: 20px 20px 40px 20px;
    text-align: center;
    background:
        rgba(0, 0, 0, 0) url("../img/icon_right_blue.png") no-repeat center 96%;
    background-size: 14px;
}

/*#Recruit ul.recruitlist02 li:hover{background:rgba(211, 222, 235, 0.6) url("../img/icon_right_blue.png") no-repeat center 96%;}*/
#Recruit ul.recruitlist02 li:last-child {
    margin-right: 0;
    padding-top: 30px;
}

#Recruit ul.recruitlist02 li img {
    max-width: 208px;
    width: 100%;
}

#Recruit ul.recruitlist02 h5 {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
}

#Recruit ul.recruitlist02 p {
    color: #4f7aaf;
    display: block;
    font-family: "Noto sans-Serif", sans-serif;
    font-size: 0.8em;
    letter-spacing: 0.25em;
    margin-bottom: 10px;
}

#Recruit ul.recruitlist02 li a.bt {
    background-color: #4f7aaf;
    color: #ffffff;
    display: block;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #4f7aaf;
}

#Recruit ul.recruitlist02 li a.bt:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #4f7aaf;
    border: 1px solid #4f7aaf;
}

#Recruit ul.recruitlist02 li a img:hover {
    opacity: 0.8;
}

.box950 {
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.box812 {
    width: 100%;
    max-width: 812px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.mb80 {
    margin-bottom: 80px;
}

#Recruit .table01 th {
    width: 200px;
}







@media only screen and (max-width: 992px) {
    /*md*/

    /*----------------------------------------------------
 	header
----------------------------------------------------*/
    #gNavi01 ul li {
        padding: 0;
    }

    #gNavi01 ul li a {
        padding: 0;
        display: block;
        font-size: 0.76em;
    }

    #gNavi02 ul li a {
        font-size: 0.8em;
    }

    #gNavi02 li:before {
        padding-right: 0;
    }

    #gNavi02 .list-inline > li {
        padding-left: 0;
        padding-right: 0;
    }


    .reservationWrap {
        background: #084d86;
        font-size: 0.74em;
        text-align: center;
    }

    .reservationWrap .reservationIn {
        margin-left: auto;
    }

    .reservationWrap .reservationIn .btn-primary {
        background: url(../img/icon_right_white.png) no-repeat 96% 50%, #bca046;
        background-size: 7px auto;
        padding-right: 5px;
        width: 6%;
    }


    /*----------------------------------------------------
 	footer
----------------------------------------------------*/
    .footerFb {
        margin-bottom: 20px;
    }



    /*----------------------------------------------------
 	TOP
----------------------------------------------------*/
    /*ルームタイプ*/
    #roomType {
        height: auto;
        background-size: cover;
    }

    /*観光バナー*/
    #topBanner {
        margin-bottom: 50px;
    }

    #topBanner a {
        display: block;
        margin-bottom: 10px;
    }

    /*宿泊プラン*/
    #topInfo .planList li .imgBox {
        padding-top: 30px;
    }



    /*----------------------------------------------------
 	下位
----------------------------------------------------*/
    /*information系*/
    table.info01 td {
        border-bottom: 1px solid #d3deeb;
        border-right: none;
        padding: 10px 3%;
        width: 100%;
        display: block;
    }

    table.info01 td:first-child {
        padding-left: 3%;
    }

    table.info01 td:last-child {
        padding-right: 3%;
    }

    /*ボックス*/
    .listCol3 .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .listCol3 .row .col-sm-4 {
        padding-left: 15px;
        padding-right: 15px;
        width: 33.33333333%;
    }



    /*----------------------------------------------------
 	レストラン・バー
----------------------------------------------------*/
    .menuPickup .col-sm-7,
    .menuPickup .col-sm-5 {
        padding: 0 15px;
    }

    .menuPickup .col-sm-7 {
        width: 58.33333333%;
    }

    .menuPickup .col-sm-5 {
        width: 41.66666667%;
    }

    .menuPickup .col-sm-7.L,
    .menuPickup .col-sm-5.L {
        margin-right: auto;
    }

    .menuPickup .col-sm-7.R,
    .menuPickup .col-sm-5.R {
        float: left;
    }

    #ladiesday .col-sm-4 {
        width: 33.33333333%;
    }

    #ladiesday .col-sm-8 {
        width: 66.66666667%;
    }

    #ladiesday img,
    .menuPickup img,
    .menuList img {
        width: 100%;
    }

    .restaurantInfoWrap li .L,
    .restaurantInfoWrap li .R {
        float: none;
    }

    .restaurantInfoWrap li .txtBox,
    .restaurantInfoWrap li .imgBox {
        width: 100%;
        max-width: 100%;
    }

    .restaurantInfoWrap li .txtBox {
        padding: 0;
        margin-bottom: 20px;
    }

    .restaurantInfoWrap .heightLine {
        height: auto !important;
    }

    /*----------------------------------------------------
 	過し方
----------------------------------------------------*/
    .pageTitleWrap.stay {
        background: url(../stay/img/pageTitleWrapSP.jpg) no-repeat 80% 50%;
    }


    /*詳細共通*/
    .stayWrap .L {
        float: none;
    }

    .stayWrap .R {
        float: none;
    }

    .stayWrap .imgBox.L,
    .stayWrap .imgBox.R {
        width: 100%;
        max-width: 100%;
        height: auto !important;
        margin-bottom: 10px;
    }

    .stayWrap .txtBox.L,
    .stayWrap .txtBox.R {
        max-width: 100%;
        padding: 0 3%;
        height: auto !important;
    }

    .stayWrap .txtBox.L {
        width: 100%;
    }

    .stayWrap .txtBox.R {
        width: 100%;
    }

    .stayWrap .txtBox.R {
        margin-left: auto;
    }

    .stayWrap .txtBox.L {
        margin-right: auto;
    }

    .stayWrap .imgBox.U {
        width: 100%;
    }

    .stayWrap .imgBox.U .left {
        width: 410px;
        max-width: 32%;
        float: left;
    }

    .stayWrap .imgBox.U .right {
        width: 870px;
        max-width: 68%;
        float: right;
    }

    .stayWrap .imgBox.U img {
        width: 100%;
    }

    .stayWrap .txtBox.D {
        width: 100%;
        max-width: 100%;
        margin-top: -20px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3%;
    }

    .stayWrap .txtBox.D .left {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .stayWrap .txtBox.D .right {
        float: none;
        width: 100%;
        max-width: 100%;
        padding-top: 0;
    }

    .stayWrap .txtBox {
        padding-left: 3%;
        padding-right: 3%;
    }

    .stayWrap .time {}

    .stayWrap .time span {}

    .stayWrap .txtBox.R .txtBoxIn,
    .stayWrap .txtBox.L .txtBoxIn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .stayWrap h5 {
        margin: 10px auto 20px;
    }

    .stayWrap h5 span {}

    .stayWrap .txtBox.arrowStaySub,
    .arrowStaySub {
        background-size: 14px auto;
        padding-bottom: 30px;
    }


    /*----------------------------------------------------
 	周辺観光
----------------------------------------------------*/
    h3.tourism {
        margin-bottom: 20px;
    }

    #tourismSub .col-sm-6 {
        margin-bottom: 40px;
    }

    #tourismSub .col-sm-6:first-child {
        margin-right: auto;
    }

    /*広域*/
    ul.tourismPlace {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.tourismPlace li {
        width: 31.3%;
        margin: 0 1% 50px;
        float: left;
    }

    ul.tourismPlace li p.time,
    ul.tourismPlace li p.txt,
    ul.tourismPlace li p.add {
        font-size: 85%;
    }

    .btnHp a,
    .btnMap a {
        color: #fff;
        padding-left: 18%;
        font-size: 70%;
    }


    /*----------------------------------------------------
 	ホテル概要
----------------------------------------------------*/
    /*歴史*/
    #sub .container.history {
        max-width: 100%;
    }

    .historyWrap01 .cap {
        padding: 0 6%;
    }

    .historyWrap02 p {
        padding: 0 6%;
    }

    .historyWrap03 .container.history {
        padding: 0 6%;
    }


    /*----------------------------------------------------
 	施設・サービス
----------------------------------------------------*/
    /*施設・サービス*/
    .pageTitleWrap.facllity {
        background: url(../facilities/img/pageTitleWrap.jpg) no-repeat 50% 50%;
    }

    .facllityCap {
        text-align: center;
        border-bottom: 1px solid #a7bcd7;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    #sub .container.facllityCont {
        max-width: 100%;
    }

    #selectBtnWrap img,
    .section img {
        max-width: 100%;
    }

    .facllityMenu {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .facllityMenu li a {
        display: block;
        height: 213px;
        width: 31.3%;
        float: left;
        background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
        margin: 0 1% 20px;
    }

    .facllityMenu li:nth-child(4) a,
    .facllityMenu li:nth-child(8) a {
        margin: 0 1% 20px;
    }

    .facllityWrap01 img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .facllityWrap01 .txtBox {
        width: 100%;
        float: none;
    }

    .facllityWrap02 img {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .facllityWrap02 .txtBox {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .facllityCont p.detail.mb01 {
        margin-bottom: 20px;
    }

    .facllityCont p.detail.mb02 {
        margin-bottom: 20px;
    }

    .facllityCont p.detail.mb03 {
        margin-bottom: 20px;
    }

    .facllityCont p.contactTxt {
        color: #084d86;
        margin-bottom: 10px;
        background: none;
    }

    /*エステティックルーム潤〜URUOI〜*/
    h3.uruoi span {
        font-size: 60%;
        display: block;
        background: #4f7aaf;
        color: #fff;
        width: 64px;
        height: 64px;
        line-height: 1.4em;
        padding-top: 8px;
        margin-right: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        border-radius: 32px;
        -webkit-border-radius: 32px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 32px;
        /* Firefox用 */
    }




    .spCrearBox .box48p,
    .spCrearBox .box49p,
    .spCrearBox .box50p {
        width: 100%;
    }

    .spCrearBox fl,
    .spCrearBox fr {
        float: none;
    }


}


/*********************************************************************

TB-Layout

**********************************************************************/
@media only screen and (max-width: 768px) {
    /*sm*/

    .section img {
        max-width: 100%;
    }

    /*----------------------------------------------------
 	header
----------------------------------------------------*/
    #gNavi01 ul li a {
        padding: 0;
    }


    /*----------------------------------------------------
 	下位
----------------------------------------------------*/
    .subSlide .bx-wrapper {
        margin-bottom: 0;
    }

    .subSlide .subSlideImg {
        height: auto;
    }

    .subSlide .bx-pager li {
        width: 17%;
        margin-right: 1%;
        margin-bottom: 10px;
    }

    .subSlide .bx-pager4 li {
        width: 17%;
        margin-right: 1%;
        margin-bottom: 10px;
    }

    .subSlide .bx-controls {
        display: none;
    }

    /*ボックス*/
    .listCol3 .row .col-sm-4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .listCol3 .row .col-sm-4:last-child {
        margin-bottom: 0;
    }


    /*----------------------------------------------------
 	レストラン・バー
----------------------------------------------------*/
    .menuPickup .col-sm-7,
    .menuPickup .col-sm-5 {
        width: 100%;
        max-width: 100%;
    }

    #ladiesday .col-sm-4 {
        width: 100%;
    }

    #ladiesday .col-sm-8 {
        width: 100%;
    }

    #ladiesday img,
    .menuPickup img,
    .menuList img {
        width: 100%;
    }


}

/*********************************************************************

SP-Layout

**********************************************************************/
@media only screen and (max-width: 767px) {

    /*xs*/
    body {
        margin: 0;
        padding: 0;
        font: 12px/1.4 "メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        letter-spacing: 0.03em;
        color: #000;
    }


    .pcnone {
        display: block;
    }

    .spnone {
        display: none;
    }

    .sp_tel {
        pointer-events: auto;
    }

    .sp_tel:hover {
        text-decoration: underline;
    }

    .fl,
    .fr {
        float: none;
    }

    .fl {
        margin-bottom: 10px;
    }

    .row {
        margin-left: auto;
        margin-right: auto;
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        padding-left: 0;
        padding-right: 0;
    }

    img {
        max-width: 100%;
    }

    .lsSmallSp {
        letter-spacing: -0.167em;
    }


    /*----------------------------------------------------
 	header
----------------------------------------------------*/
	.slideMain .slideMain_text01 {
		top: 20px;
		width: 125px;
	}
	.slideMain .slideMain_text02 {
		top: 100px;
		font-size: 14px;
	}
	.slideMain .slideMain_text02 span {
		font-size: 12px;
	}

    .jumbotron-extend {
        height: 240px !important;
    }

    .reservationWrap {
        display: none;
    }

    .navbarSp {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
    }

    .navbarSp ul li {
        width: 20%;
        float: left;
        text-align: center;
        border-right: 1px solid #fff;
    }

    .navbarSp ul li:last-child {
        border-right: none;
    }

    .navbarSp ul li a {
        display: block;
        font-size: 10px;
        background: #4f7aaf;
        color: #fff;
        width: 100%;
        padding: 10px 0;
    }

    .navbarSp ul li a:hover,
    .navbarSp ul li a:focus {
        text-decoration: none;
    }

    .navbarSp ul li span {
        display: block;
        margin-top: 10px;
    }

    .navbarSp ul li img {
        width: 25px;
    }

    header {
        z-index: 99999;
        position: fixed;
        top: 0;
        left: 0;
        background: none;
        width: 100%;
        height: 50px;
        overflow-y: visible;
        padding: 0;

    }

    header.open {
        height: 100%;
    }

    #gNavi {
        display: none;
        padding: 20px 0 70px;
        position: relative;
        z-index: 1;
        background: #FFF;
    }

    .languageWrap {
        display: none;
    }

    #gNavi01 {
        height: auto;
    }

    #gNavi01 ul {
        width: 94%;
        margin: 0 auto;
    }

    #gNavi01 ul li {
        width: 49%;
        float: left;
        display: block;
        margin-right: 2%;
        margin-bottom: 10px;
        margin: 0 2% 10px 0;
        padding: 0;
        font-size: 1.4em;
    }

    #gNavi01 ul li:nth-child(2n) {
        margin-right: 0;
    }

    #gNavi01 ul li a {
        background: #084d86;
        color: #fff;
        padding: 15px 1%;
        line-height: normal;
    }

    /*#gNavi01 #bg_nav01,#gNavi01 #bg_nav02{background:none;}
#gNavi01 #bg_nav01 a{background:#E2CDB6;}
#gNavi01 #bg_nav02 a{background:#4f7aaf;}*/

    #gNavi02 {
        width: 94%;
        margin: 0 auto 20px;
        height: auto;
        background: none;
    }

    #gNavi02 ul ul {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    #gNavi02 ul li {
        width: 49%;
        display: block;
        margin: 10px 2% 0 0;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        float: left;
    }

    #gNavi02 ul li:nth-child(2n) {
        margin-right: 0;
    }

    #gNavi02 ul li:before {
        display: none;
    }

    #gNavi02 ul li a {
        border: 1px solid #084d86;
        display: block;
    }

    #gNavi .pcnone .ttlSpmenu {
        font-size: 1.125em;
        color: #bca057;
    }

    #gNavi .pcnone .menu-trigger {
        position: absolute;
        top: 10px;
        right: 3%;
        padding: 1px 8px;
        border: 1px solid #e5e5e5;
        color: #4f7aaf;
        font-weight: bold;
        font-size: 1.4em;
    }

    #gNavi .pcnone .menu-trigger a:hover {
        text-decoration: none;
    }

    .spReservation .footerReservationBox {
        width: 94%;
        margin: 0 auto;
        padding: 20px 3%;
    }

    .spReservation .footerReservationBox .btn03 a {
        color: #fff;
    }

    .btnMenu:hover .menuList {
        display: none;
    }

    /*----------------------------------------------------
 	footer
----------------------------------------------------*/
    .footerContact,
    .footerFb {
        width: 100%;
        float: none;
    }

    .footerContact {
        margin-bottom: 10px;
    }

    .footerReservationBox {
        max-width: 100%;
    }

    .footerSitemap .col-sm-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .footerSitemap li {
        margin-bottom: 15px;
        width: 50%;
        float: left;
    }

    .footerSitemap .col-sm-3:last-child {
        clear: both;
    }

    .footerSitemap .col-sm-3:last-child p {
        margin-bottom: 10px;
    }

    .pagetop02 {
        bottom: 90px;
    }

    .pagetop02 img {
        width: 35px;
    }

    /*バナー*/
    .topFootBtn {
        background: #f2f2f2;
        padding: 20px 3%;
    }

    .topFootBtn ul {
        width: 100%;
    }

    .topFootBtn li {
        width: 48%;
        max-width: 300px;
        display: inline-block;
        margin-right: 2%;
    }

    .topFootBtn li:nth-child(2n) {
        margin-right: 0;
    }

    .topFootBtn li:nth-child(1),
    .topFootBtn li:nth-child(2) {
        margin-bottom: 10px;
    }



    /* ---------------------------------------------------------
	ボタン
--------------------------------------------------------- */
    .more2 {
        background: url(../img/icon_right_blue2.png) no-repeat 98% 50%, rgba(255, 255, 255, 0.66);
    }

    .selectBtn03 li {
        width: 70%;
        display: block;
        text-align: center;
        padding: 5px 0;
        margin: 0 auto 10px;
    }

    .selectBtn04 li .txtBox .ttl {
        margin-top: 0;
        font-size: 1.12em;
    }

    .selectBtn04Wrap .col-sm-6 {
        height: auto !important;
        padding-left: 0;
        padding-right: 0;
    }


    /*----------------------------------------------------
 	TOP
----------------------------------------------------*/

    .text11 {
        font-size: 9px;
    }

    .text13 {
        font-size: 9.75px;
    }

    .text18 {
        font-size: 13.5px;
    }

    .container .row .col-sm-4,
    .container .row .col-sm-6 {
        padding-left: 0;
        padding-right: 0;
    }

    /*見出し*/
    h2.top,
    h3.top {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    /*レストラン*/
    .restaurantList {
        margin-bottom: 60px;
    }

    .restaurantList li {
        width: 100%;
        margin-bottom: 10px;
    }
    .restaurantList li._keywest {
        width: 100%;
    }

    .restaurantList li:last-child {
        margin-bottom: 0;
    }

    .selectBtn02 li .txtBox {
        text-align: center !important;
    }

    /*ゲストルーム・ウエディング*/
    #topWedding {
        height: auto;
    }

    #topWedding .container02 {
        background-size: 100% auto;
    }

    #topWedding h3.top {
        margin-bottom: 200px;
    }

    /*ルームタイプ*/
    #roomType .roomList {
        margin-top: 50px;
    }

    #roomType .roomList div img {
        width: 100%;
    }

    #roomType .roomList div p,
    #roomType .roomListBottom div p {
        text-align: center;
        padding-left: 0;
    }

    #roomType .roomList div.col-md-4,
    #roomType .roomListBottom div.col-md-3 {
        margin-bottom: 20px;
    }

    /*舞子ビラで過ごす特別な一日*/
    #topSpecial {
        height: auto;
        background-size: cover;
    }
	#topSpecial.section{
		padding:80px 20px; 
	}
    #topSpecial .specialList div img {
        max-width: 327px;
    }

    #topSpecial .specialList .col-sm-4 {
        margin-bottom: 10px;
        text-align: center;
    }

    /*アクセス*/
    #topAccess {
        height: auto;
        background: url(../img/bg_topAccess_sp.png) no-repeat 50% 0%;
        background-size: cover;
        margin-bottom: 20px;
    }

    #topAccess p {
        margin-left: auto;
    }

    /*観光バナー*/
    #topBanner {
        margin-bottom: 50px;
    }

    /*新着情報・おすすめ宿泊プラン*/
    #topInfo {
        margin-bottom: 40px;
    }

    #topInfo h3.top {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #topInfo .infoList,
    #topInfo .planList {
        margin-bottom: 20px;
    }

    #topInfo .planList li .imgBox {
        width: 49%;
    }

    #topInfo .planList li .txtBox {
        width: 49%;
        padding: 20px 4% 0 0;
        margin-right: auto;
    }

    #topInfo .planList li:last-child {
        margin-bottom: 0;
    }

    .infoWrap {
        margin-bottom: 40px;
    }

    .planWrap {
        margin-bottom: 60px;
    }

    /*----------------------------------------------------
 	下位
----------------------------------------------------*/
    #sub .section {
        padding-bottom: 40px;
    }

    /*ページタイトル*/
    .pageTitleWrap02 .h3Wrap .icon {
        width: 20%;
        margin-right: 0;
    }

    /*テーブル*/
    .table01 th,
    .table01 td {
        display: block;
        width: 100%;
        padding: 5px;
        border-width: 1px 1px 0;
    }

    .table01 td:last-child {
        border-width: 1px;
    }

    .table01.sp {
        overflow: scroll;
        width: auto;
        min-width: 100%;
    }

    .table01.sp th,
    .table01.sp td {
        display: table-cell;
        width: auto;
        padding: 5px 1%;
        border-width: 1px 0 1px 0;
        font-size: 0.84em;
    }

    .table02 th,
    .table02 td {
        display: block;
        width: 100%;
        padding: 5px;
        border-width: 1px 1px 0;
    }

    .table02 td:last-child {
        border-width: 1px;
    }



    /*----------------------------------------------------
 	客室
----------------------------------------------------*/
    /*一覧*/
    #selectBtnRoomEnWrap {
        padding: 60px 0;
    }

    #selectBtnRoomEnWrap li {
        margin-bottom: 10px;
    }

    #roomType01En .mainBox,
    #roomType02En .mainBox {
        padding-top: 240px;
        background-size: auto 300px;
    }

    .titleSubBox {
        margin-right: 0;
        display: block !important;
        font-size: 11px !important;
    }

    h3.sub .titleSubBox {
        display: inline-block !important;
        margin-right: 10px;
    }

    .selectBtn02 li .txtBox {
        text-align: left;
        padding-top: 10px;
    }

    .selectBtn02 li.col-xs-12 .txtBox {
        text-align: center;
    }

    #roomType01En .selectBtn02 .col-xs-12,
    #roomType02En .selectBtn02 .col-xs-12,
    #roomType03En .selectBtn02 .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    img.kinen {
        width: 50px;
        display: inline-block;
        margin-bottom: 2px;
        margin-right: 2px;
    }


    /*----------------------------------------------------
 	レストラン・バー
----------------------------------------------------*/
    /*一覧*/
    .restaurantSubInfo dl dt,
    .restaurantSubInfo dl dd {
        width: 100%;
        display: block;
        float: none;
    }

    #restaurantSub .greetingTxt {
        width: 100%;
    }

    #restaurantSub .jumbotron.appeal_visual1.greeting {
        padding-top: 40px;
        height: 330px;
    }

    #restaurantSub .mainText.greeting {
        background: url(../restaurants/img/bg_greeting.jpg) no-repeat 60% 50%;
        margin-bottom: 30px;
    }

    #restaurantSub .greeting h3 {
        margin-bottom: 20px;
    }

    #restaurantSub .greeting p.ttl {
        margin-bottom: 10px;
        color: #000;
    }

    #restaurantSub .greeting p {
        margin-bottom: 20px;
        color: #000;
    }

    #restaurantSub .greeting p.name {
        text-align: left;
    }

    #restaurantSub .greeting p.name img {
        width: 125px;
    }

    .restaurantImgList li {
        margin-bottom: 20px;
    }

    .restaurantImgList li:last-child {
        margin-bottom: 0;
    }

    .stuationWrap {
        padding: 80px 3%
    }

    .stuationWrap .box {
        padding: 80px 3%;
        width: 314px;
        max-width: 100%;
    }

    .restaurantFootLinks.on {
        display: none;
    }

    #restaurantSub07 .txtBox p {
        padding-bottom: 0;
    }

    /*詳細*/
    .menuPickup .priceBox {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .menuPickup .price span.text13 {
        font-size: 9.75px;
    }

    .listCol3 .row {
        margin-right: 15px;
        margin-left: 15px;
    }

    #restaurant01 table.info02,
    #restaurant02 table.info02,
    #restaurant03 table.info02 {
        margin-bottom: 5px;
    }

    table.info01.restaurantInfo td {
        width: 100%;
    }

    #ladiesday .col-sm-8 {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .menuPickup .col-sm-7,
    .menuPickup .col-sm-5 {
        padding: 0;
    }



    /*----------------------------------------------------
 	宴会・会議
----------------------------------------------------*/
    /*一覧*/
    #banquetSub01 .banquetMenuList .ttl02 {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    #banquetSub01 .banquetMenuList li {
        margin-bottom: 20px;
    }

    #banquetSub01 .banquetMenuList .btn02 {
        margin-top: 20px;
    }

    #banquetSub02 .imgWrap img {
        margin-right: 0;
    }

    /*宴会プラン*/
    #banquetSubPlan table.info02 th {
        border-bottom: none;
        width: 100%;
        display: block;
    }

    #banquetSubPlan table.info02 td {
        width: 100%;
        display: block;
    }



    /*----------------------------------------------------
 	過し方
----------------------------------------------------*/
    .pageTitleWrap.stay {
        height: 580px;
        background: url(../stay/img/pageTitleWrapSP.jpg) no-repeat 80% 50%;
        padding: 400px 2% 0;
        color: #fff;
    }

    .stayWrap03 {
        margin-bottom: 40px;
    }


    /*詳細共通*/
    #staySub01 .pageTitleWrap02,
    #staySub02 .pageTitleWrap02,
    #staySub03 .pageTitleWrap02 {
        height: 420px;
        background-size: auto 100px;
        background-color: #fff;
    }

    .stayWrap .imgBox.U {
        width: 100%;
    }

    .stayWrap .imgBox.U .left {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .stayWrap .imgBox.U .right {
        width: 100%;
        max-width: 100%;
        float: none;
        clear: both;
    }

    .stayWrap .imgBox.U img {
        width: 100%;
    }

    .stayWrap .imgBox.U .left img {
        width: 50%;
        float: left;
    }

    .stayWrap .txtBox.D {
        margin-top: 0;
    }

    .stayWrap .time span {
        bottom: 5px;
    }


    /*----------------------------------------------------
 	周辺観光
----------------------------------------------------*/
    #tourismSub .pageTitleWrap02 {
        background: none;
        height: auto;
        position: relative;
        height: auto;
    }

    #tourismSub .pageTitleWrap02 img.pcnone {
        width: 100%;
        height: auto;
    }

    /*広域*/
    .profileBtn {
        width: 96%;
        font-size: 86%;
        margin-bottom: 40px;
    }

    .profileBtn li a {
        width: 49%;
        height: 120px;
    }

    #near01,
    #near02 {
        padding-top: 0;
        margin-top: 0;
    }

    .profileCont {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .google-maps {
        padding-bottom: 75%;
        /* これが縦横比 */
        margin-bottom: 15px;
    }

    ul.tourismPlace {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.tourismPlace li {
        width: 290px;
        margin: 0 auto 40px;
        float: none;
    }

    ul.tourismPlace li p.time,
    ul.tourismPlace li p.txt,
    ul.tourismPlace li p.add {
        font-size: 100%;
    }

    ul.tourismPlace li p.name.line2 {
        line-height: 31px;
    }

    ul.tourismPlace li p.add,
    ul.tourismPlace li p.add.line2 {
        line-height: normal;
    }

    ul.tourismPlace li p.txt,
    ul.tourismPlace li p.txt.long {
        height: auto;
    }

    .btnHp a,
    .btnMap a {
        font-size: 100%;
    }

    .more.profileMore {
        width: 96%;
        line-height: 1.4em;
        padding: 10px 0;
    }


    .pc0sp20 {
        margin-bottom: 20px;
    }

    .pc40sp20 {
        margin-bottom: 20px;
    }




    /*----------------------------------------------------
 	ホテル概要
----------------------------------------------------*/
    /*ホテルについて*/
    .profileBtn {
        width: 96%;
        font-size: 86%;
    }

    .profileBtn li a {
        width: 49%;
        height: 120px;
    }

    .profileCont {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .more.profileMore {
        width: 96%;
        line-height: 1.4em;
        padding: 10px 0;
    }

    .profileTable02.bdrR th,
    .profileTable02.bdrR td {
        border-right: 1px solid #d3deeb;
    }

    .profileFr .fr {
        float: right;
    }

    /*歴史*/
    #sub .container.history {
        max-width: 100%;
    }

    .historyWrap01 {
        padding: 90px 0;
        background: url(../about/img/history/bg01.jpg) no-repeat 50% 100%;
    }

    .historyWrap01 .cap {
        padding: 0 2%;
    }

    .historyWrap02 p {
        padding: 0 2%;
    }

    .historyWrap03 .container.history {
        padding: 0 2%;
    }

    .historyWrap04 .textC {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }


    /*----------------------------------------------------
 	施設・サービス
----------------------------------------------------*/
    /*施設・サービス*/
    .floorMapWrap .mainMap {
        margin-bottom: 10px;
    }

    .floorMapWrap .mainMap p {
        text-align: left;
        margin-bottom: 10px;
    }

    .floorMapWrap .mainMapList {
        text-align: center;
    }

    .floorMapWrap .mainMapList li {
        display: inline-block;
    }

    .floorMapWrap .mainMapList li a {
        border: 1px solid #4f7aaf;
        padding: 5px 10px;
        margin-bottom: 10px;
        display: block;
    }

    .floorMapWrap .mainMapList li a:hover,
    .floorMapWrap .mainMapList li a:focus {
        text-decoration: none;
        opacity: 0.5;
    }

    .floorMapWrap .floormap {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .floorMapWrap .mapIcon {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .facllityMenu li a {
        display: block;
        height: 200px;
        width: 48%;
        float: left;
        background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
        margin: 0 1% 20px;
    }

    .facllityMenu li:nth-child(4) a,
    .facllityMenu li:nth-child(8) a {
        margin: 0 1% 20px;
    }

    /*エステティックルーム潤〜URUOI〜*/
    h3.uruoi span {
        font-size: 60%;
        display: block;
        background: #4f7aaf;
        color: #fff;
        width: 64px;
        height: 64px;
        line-height: 1.4em;
        padding-top: 14px;
        margin-right: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        border-radius: 32px;
        -webkit-border-radius: 32px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 32px;
        /* Firefox用 */
    }

    /*----------------------------------------------------
 	アクセス
----------------------------------------------------*/
    #Access .access {
        height: 860px;
        background: url(../access/img/pageTitleWrapSP.png) no-repeat 50% 50%;
        background-size: 100% auto;
    }

    #Access .rogoBox {
        width: 100%;
        max-width: 307px;
        margin: 0 auto 30px auto;
    }

    #Access .rogoBox p {
        display: block;
        margin-bottom: 10px;
    }

    #Access .rogoBox img {
        margin-right: none;
    }

    #accessbus2 h4 {
        float: none;
        width: 100%;
    }

    #accessbus2 img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px auto;
    }

    #accessbus2 p {
        float: none;
    }


    /*----------------------------------------------------
 	よくある質問SP
----------------------------------------------------*/
    .faqSelectBtn li div {
        font-size: 14px;
        width: 100%;
        float: none;
        margin-right: 2%;
        margin-bottom: 20px;
        border: 1px solid #4E79AE;
        padding: 20px 0;
        background: url(../img/icon_down.png) no-repeat 93% 50%;
        background-size: 10px auto;
    }


    /*----------------------------------------------------
 	採用情報
----------------------------------------------------*/
    #Recruit ul.recruitlist {
        width: 100%;
        padding: 10px 3%;
    }

    #Recruit .recruitCont {
        padding-bottom: 130px;
    }

    #Recruit ul.recruitlist02 {
        width: 100%;
    }

    #Recruit ul.recruitlist02 li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    #Recruit .table01 th {
        width: 100%;
    }

    /*----------------------------------------------------
 	資料請求
----------------------------------------------------*/
    #contact .table01 th {
        width: 100%;
    }

    .contactSelectBtn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contactSelectBtn li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .contactLink_wrap {
        margin: 30px 0 10px;
        display: block;
    }

    .contactLink_wrap .contactLink_col {
        width: 100%;
        margin-bottom: 26px;
    }

    .contactLink_item .contactLink_inner p {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .contactLink_item .contactLink_inner > div {
        width: 100%;
    }

    .conLink {
        width: 100%;
    }

    .contactLink_col > div {
        margin-bottom: 40px;
    }


}

@media only screen and (max-width: 420px) {

    /*xs*/
    /*----------------------------------------------------
 	TOP
----------------------------------------------------*/
    /*バナー*/
    .topFootBtn li {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .topFootBtn li:last-child {
        margin-bottom: 0;
    }

    /*----------------------------------------------------
 	施設・サービス
----------------------------------------------------*/
    .facllityMenu li a {
        display: block;
        height: 160px;
        width: 48%;
        float: left;
        background: url(../about/img/bg_arw.png) no-repeat 50% 92%;
        margin: 0 1% 20px;
    }

    .facllityMenu li:nth-child(4) a,
    .facllityMenu li:nth-child(8) a {
        margin: 0 1% 20px;
    }

    /*----------------------------------------------------
 	アクセス
----------------------------------------------------*/
    #Access .access {
        height: 430px;
    }
}


@media only screen and (max-width: 414px) {
    /*----------------------------------------------------
 	周辺観光
----------------------------------------------------*/
    /*#tourismSub .pageTitleWrap02{height: 430px; background-size:cover;}*/
}

@media only screen and (max-width: 400px) {

    .stallMenu {
        width: 81px;
        float: left;
        margin-right: 15px;
        min-height: 160px
    }

    .stallMenu img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 360px) {
    #ladiesday h4 .youbi {
        padding: 5px;
        font-size: 0.9em;
    }
    .navbarSp ul{
        display: flex;
    }
    .navbarSp ul li{
        float: none;
        display: flex;
    }
}





/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */
/* input base */
input,
textarea {
    text-align: left;
    border: 1px solid #cbcbcb;
}

input {
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
}

textarea {
    padding: 10px;
}

input:focus,
textarea:focus {
    border: solid 1px #4f7aaf;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 5px;
}

input[type=text],
input[type=tel] {
    width: 70%;
    font-size: 1em;
    display: block;
}

textarea {
    width: 98%;
    font-size: 1em;
    display: block;
    resize: vertical;
}

label,
input[type=text],
input[type=tel],
input[type=checkbox],
input[type=radio] {
    display: inline;
}

input.myError,
textarea.myError {
    background: #FFFFE6;
}

p.myError {
    color: #F00;
    padding-top: 10px;
    font-weight: bolder;
    display: block;
    clear: both;
}

input[type="text"].input1,
input[type="tel"].input1,
.input1 {
    width: 60%;
}

input[type="text"].input2,
input[type="tel"].input2,
.input2 {
    width: 30%;
}

/*セレクトボックス*/
label.select {
    position: relative;
    display: inline-block;
    width: auto;
    background: url(../img/btn_select.png) no-repeat 95% 50%, #fff;
}

select {
    width: auto;
    padding-right: 17px;
    background: none;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select option {
    color: #000;
}

select::-ms-expand {
    display: none;
}

/*チェックボックス*/
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 0;

    font-size: 14px;
    /*    line-height: 30px;*/

    cursor: pointer;
}




@media (min-width: 1px) {

    input[type=checkbox] {
        display: none;
        margin: 0;
    }

    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }

    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -9px;

        background: #FFF;
    }

    input[type=checkbox] + label::before {
        border: 1px solid #ccc;
    }

    input[type=checkbox]:checked + label::before {
        border: 1px solid #111;
        background: #111;
    }

    /*	input#douisuru[type=checkbox]:checked {background:none;  border: 1px solid #111; color:#111;}*/
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    input[type=checkbox]:checked + label::after {
        left: 4px;
        width: 13px;
        height: 8px;
        margin-top: -5px;

        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;

        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle;
}

/* input[type="checkbox"]{
	 display:inline-block;
	padding:0;
	border:1px solid #ccc;
	border-radius:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    min-height: 13px;
    min-width: 13px;
}
 input[type="checkbox"]:checked{
	 content:		'\2713';
	 background:#111;
	 color:#fff;
 }
*/

label {
    font-weight: normal;
}

/*日付検索カレンダー*/
input.input3 {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #000;
    font-size: 1em;
    display: inline-block;
    margin-right: 2px;
}

input.input3.year {
    width: 4em;
}

input.input3.month,
input.input3.date {
    width: 3em;
}




/* ---------------------------------------------------------
	common
--------------------------------------------------------- */

.box48p {
    width: 48%;
}

.box49p {
    width: 49%;
}

.box50p {
    width: 50%;
}

.ml30 {
    margin-left: 30px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.textC {
    text-align: center;
}


@media only screen and (max-width: 767px) {

    /*xs*/
    .spCrearBox .box48p,
    .spCrearBox .box49p,
    .spCrearBox .box50p {
        width: 100%;
    }

    .spCrearBox fl,
    .spCrearBox fr {
        float: none;
    }
}

/* ---------------------------------------------------------
	bn_contactSP
--------------------------------------------------------- */
.bn_contactSP {
    background: url(../img/bn_contactSP01.jpg) no-repeat;
    background-size: 100% auto;
    padding: 15vw 0 4vw 4vw;
}

.bn_contactSP img {
    width: 49%;
    background-color: none;
}

.mgb40px {
    margin-bottom: 40px;
}

/* ---------------------------------------------------------
	aosen
--------------------------------------------------------- */
.aosen {
    background: #084d86;
    height: 5px;
}

/* ---------------------------------------------------------
	部屋画面のバナー
--------------------------------------------------------- */
.bn_reservationSP_wrp {
    position: relative;
}

.bn_reservationSP_bg {
    width: 100%;
}

.bn_reservationSP_tel {
    position: absolute;
    top: 51.6%;
    left: 3.1%;
    width: 44.3%;
}

.bn_reservationSP_link {
    position: absolute;
    top: 57.5%;
    right: 3.8%;
    width: 44.7%;
}
.text-bold {
  font-weight: bold;
}