@charset "utf-8";
/* CSS Document */

/* all */
.pc-upper {
	display: block;
}
.tab-under {
	display: none;
}

#hotel-header-v .PC-Separate {
	display: block !important
}
#hotel-header-v .SP-Separate {
	display: none !important
}

#hotel-header-v a {
    color: #666;
}

#hotel-header-v a:link,
#hotel-header-v a:visited {
    text-decoration: none;
}

#hotel-header-v a:hover,
#hotel-header-v a:active {
    text-decoration: underline;
}

#hotel-header-v {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.5;
    width: 100%;
    color: #333;
    font-weight: 500;
    position: relative;
    z-index: 99;
}

@media screen and (max-width:980px) {
	.pc-upper {
        display: none;
    }
	.tab-under {
        display: block;
    }
	#page {
        padding: 55px 0 0 0 !important;
	}
}
@media screen and (max-width:700px) {
    #hotel-header-v .PC-Separate {
        display: none !important
    }
    #hotel-header-v .SP-Separate {
        display: block!important
    }
}
/* /all */

#hotel-header-v .forvisitors {
    width: 100%;
    min-width: 980px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1;
    background: #c82435;
    padding: 10px;
    box-sizing: border-box;
}
#hotel-header-v .forvisitors a {
	color: #fff !important;
	border-bottom: solid 1px;
}
#hotel-header-v .forvisitors a:hover {
	text-decoration: none;
}

#website-header {
    width: 100%;
}
#website-header .logo {
    margin: 8px 0;
}
#website-header .website-header-inner {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 22px 0 24px;
    border-bottom: 1px solid #e5e5e5;
}

#website-hotel-header {
    width: 100%;
}

#website-hotel-header .website-hotel-header-inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 49px 0 27px;
    border-bottom: 1px solid #e5e5e5;
}

#website-hotel-header .website-hotel-header-inner-Gall {
    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 49px 0 27px;
    border-bottom: 1px solid #e5e5e5;
}
#website-hotel-header .ito_header,
#website-hotel-header .nas_header,
#website-hotel-header .gor_header,
#website-hotel-header .szj_header {
    box-sizing: border-box;
}

#website-hotel-header .szj_header {
    display: flex;
    justify-content: space-between;
}
#website-hotel-header .szj_header .right-side-element {
    width: 330px;
    position: relative;
}
#website-hotel-header .website-hotel-header-inner-Visitor {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 45px 0 16px;
    border-bottom: 1px solid #e5e5e5;
}

#website-hotel-header .logo span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    margin: 6px 0 0 23px;
    padding: 0 0 0 20px;
    vertical-align: middle;
    border-left: 2px solid #d8d8d8;
}

/* 言語選択 */
#website-hotel-header.language .language-select {
    right: 0;
}
#website-hotel-header .language-select {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    z-index: 9;
    /*top: 10px;*/
    top: 28px;/* 20180328 gora */
    display: inline-block;
}
#website-hotel-header .right-side-element .language-select {
    top: -2px;
}
/* 全ページ新ヘッダーが適用されたらcommon_shuzenji.cssに移す */
.visitor .right-side-element .pc-shuzenji-toggle {
    top: -8px;
}

#website-hotel-header .language-select > span {
    font-weight: bold;
    display: inline-block;
    padding: 20px 0;
    cursor: pointer;
    letter-spacing: .1em;
}

#website-hotel-header .language-select > span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -10px 6px -6px 0;
    content: '';
    vertical-align: middle;
}

.dpr1 #website-hotel-header .language-select > span:before {
    background-image: url('../img/sprites/1x-s98e1058949.png');
    background-position: -61px 0;
}

.dpr2 #website-hotel-header .language-select > span:before {
    background-image: url('../img/sprites/2x-s560cf0fb57.png');
    background-position: -61px 0;
    background-size: 80px;
}

#website-hotel-header .language-select:hover > span {
    text-decoration: underline;
}

#website-hotel-header .language-select:hover .language-select-inner {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#website-hotel-header .language-select .language-select-inner {
    position: absolute;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    text-align: left;
    text-align: center;
    opacity: 0;
    border: 1px solid #333;
    border-radius: 4px;
    background-color: #fff;
}

#website-hotel-header .language-select .language-select-inner:before {
    position: absolute;
    top: -11px;
    left: 50%;
    display: inline-block;
    width: 16px;
    height: 11px;
    margin: 0 0 0 -8px;
    content: '';
}

.dpr1 #website-hotel-header .language-select .language-select-inner:before {
    background-image: url('../img/sprites/1x-s98e1058949.png');
    background-position: -14px -16px;
}

.dpr2 #website-hotel-header .language-select .language-select-inner:before {
    background-image: url('../img/sprites/2x-s560cf0fb57.png');
    background-position: -14px -16px;
    background-size: 80px;
}

#website-hotel-header .language-select .language-select-inner ul {
    display: inline-block;
    text-align: left;
}

#website-hotel-header .language-select .language-select-inner ul li {
    margin: 10px 0 0;
}

#website-hotel-header .language-select .language-select-inner ul li:first-child {
    margin: 0;
}

#website-hotel-header .language-select .language-select-inner ul li a:hover {
    text-decoration: underline;
}
/* /言語選択 */


#website-hotel-header.language .reservation-dial {
    right: 268px;
}

#website-hotel-header .reservation-dial {
    font-size: 11px;
    font-size: 1.1rem;
    position: absolute;
    top: 32px;
    right: 175px;
}

#website-hotel-header .ito_header,
#website-hotel-header .nas_header,
#website-hotel-header .gor_header,
#website-hotel-header .szj_header {
    padding: 30px 0px 30px;
}
.ito_h1 span,
.nas_h1 span,
.gor_h1 span,
.szj_h1 span {
    border-left: none !important;
    padding: 0px 0 0 8px !important;
}

#website-hotel-header .ito_search,
#website-hotel-header .nas_search,
#website-hotel-header .gor_search,
#website-hotel-header .szj_search {
    top: 26px !important;
}

#website-hotel-header .ito_language-select > span,
#website-hotel-header .nas_language-select > span,
#website-hotel-header .gor_language-select > span,
#website-hotel-header .szj_language-select > span {
    padding: 5px 0;
}

/* 宿泊予約モーダル
#website-header .search-plans {
    position: absolute;
    top: 22px;
    right: 0;
    text-align: right;
}
#website-header .search-plans > .btn {
    width: 155px;
}
#website-hotel-header.language .search-plans {
    right: 111px;
}

#website-hotel-header.language .search-plans > .btn {
    width: 137px;
}
#website-hotel-header.language .search-plans > .btn-best-rate {
    width: 100%;
}
.btn-best-rate strong {
    background: #dddddd;
    padding: 1px 3px;
    margin: 0 0.5rem;
}
#website-hotel-header .search-plans {
    position: absolute;
    top: 21px;
    right: 0;
    text-align: right;
}

#website-hotel-header .search-plans > .btn {
    width: 155px;
}
*/

@media screen and (max-width:1020px) {
	#hotel-header-v #website-hotel-header {
        width: 100%;
        box-sizing: border-box;
	}

    #website-hotel-header .ito_header,
    #website-hotel-header .nas_header,
    #website-hotel-header .gor_header,
    #website-hotel-header .szj_header {
        padding: 30px 15px 30px;
    }

    #hotel-header-v #website-hotel-header .website-hotel-header-inner {
        position: relative;
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        padding: 49px 0 27px;
        border-bottom: 1px solid #e5e5e5;
    }
}

@media screen and (max-width:980px) {
    #hotel-header-v .menu {
        position: fixed;
        z-index: 102;
        top: -3px;
        right: 0;
        transition: -webkit-transform .25s ease-out;
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    }

    #hotel-header-v .menu .btn-menu {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 52px;
        height: 57px;
        padding: 20px 16px;
        text-align: center;
        text-decoration: none;
    }

    #hotel-header-v .menu .btn-menu .menu-line {
        display: block;
        width: 20px;
        height: 3px;
        margin: 3px 0;
        border-radius: 1px;
        background-color: #333;
    }

    #hotel-header-v .menu .btn-menu .menu-line.menu-line-top {
        margin-top: 0;
        transition: -webkit-transform .25s ease-out, background-color .25s ease-out;
        -webkit-transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
        transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
        transition: transform .25s ease-out, background-color .25s ease-out;
        transition: transform .25s ease-out, background-color .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    #hotel-header-v .menu .btn-menu .menu-line.menu-line-middle {
        -webkit-transition: opacity .25s ease-out, background-color .25s ease-out;
        transition: opacity .25s ease-out, background-color .25s ease-out;
        opacity: 1;
    }

    #hotel-header-v .menu .btn-menu .menu-line.menu-line-bottom {
        margin-bottom: 0;
        transition: -webkit-transform .25s ease-out, background-color .25s ease-out;
        -webkit-transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
        transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
        transition: transform .25s ease-out, background-color .25s ease-out;
        transition: transform .25s ease-out, background-color .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    #hotel-header-v .menu.is-open {
        -webkit-transform: translate(-180px, 0);
        transform: translate(-180px, 0);
    }

    #hotel-header-v .menu.is-open .btn-menu {
        background-color: #909090;
    }

    #hotel-header-v .menu.is-open .btn-menu .menu-line.menu-line-top {
        -webkit-transform: rotate(45deg) translate(0, -3px) scaleX(1.15);
        transform: rotate(45deg) translate(0, -3px) scaleX(1.15);
        background-color: #fff;/*20180228 Responsive*/
    }

    #hotel-header-v .menu.is-open .btn-menu .menu-line.menu-line-middle {
        opacity: 0;
    }

    #hotel-header-v .menu.is-open .btn-menu .menu-line.menu-line-bottom {
        -webkit-transform: rotate(-45deg) translate(0, 3px) scaleX(1.15);
        transform: rotate(-45deg) translate(0, 3px) scaleX(1.15);
        background-color: #fff;
    }
    #hotel-header-v .menu a.btn {
        border-bottom: none;
    }

    #website-header {
        position: fixed;
        z-index: 50;
        top: 0;
        left: 0;
        width: 100%;
        transition: -webkit-transform .25s ease-out;
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        /*border-bottom: 1px solid #e5e5e5;*/
        background-color: #fff;
    }

    #website-header .reserveBtn02{
        position: absolute; /*20180228 Responsive*/
        top: 10px;
        right: 5px;
    }
    #website-header .logo02 {
        /* padding: 15px 0;*/
        /* padding: 15px 0 10px 0;*/
        padding: 20px 0; /*20181109*/
    }

    #website-header p.logo02 {
        padding: 20px 0 8px; /*20190703*/
    }

    #website-header .logo02V {
        padding: 15px 0 10px;
    }

    .drawn #website-header {
        -webkit-transform: translate(-180px, 0);
        transform: translate(-180px, 0);
    }

    #website-header .website-header-inner {
        position: relative;
        padding: 0 15px;
        width: 100%; /*20180228 Responsive*/
		max-width: 980px;
		margin: 0 auto;
        border-bottom: none; /*20180228 Responsive*/
		box-sizing: border-box;
    }

    #website-header .logo {
        padding: 20px 0;
    }

    #website-header .logo-hotel {
        padding: 16px 0;
    }

    #website-header .logo a span,
    #website-header .logo-hotel a span {
        display: block;
        margin: 5px 0 0 0;
    }

    #website-header .hotel-name {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 10px;
        text-align: center;
        color: #333;
    }

    #website-header .reservation-dial {
        /*font-size: 10px;
        font-size: 1rem;*/
        font-size: 13px;
        font-size: 1.3rem;/*20181114*/
        padding: 7px 15px;
        color: #444;
        background-color: #e5e5e5;
    }

	#website-header .search-plans {
        position: absolute;
        top: 12px;
        right: 70px;
        text-align: right;
    }

	#website-header .search-plans > .btn {
        width: 155px;
    }
    #hotel-header-v #global-sp {
        position: fixed;
        z-index: 105;
        top: 0;
        right: 0;
        width: 180px;
        height: 100%;
        transition: -webkit-transform .25s ease-out;
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background-color: #909090;
        font-family: initial;/* 20180501 */
        line-height: normal;/* 20180501 */
    }

    #hotel-header-v #global-sp.is-open {
        -webkit-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }

    #hotel-header-v #global-sp .nav-global-inner {
        position: absolute;
        right: 0;
        left: 0;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px 8px 0 15px;
        background-color: #909090;
        -webkit-overflow-scrolling: touch;
    }

    #hotel-header-v #global-sp .membership-links {
        display: none;
    }

    #hotel-header-v #global-sp .link-group {
        margin: 0 0 24px;
    }

    #hotel-header-v #global-sp .link-group dl dt {
        font-size: 13px; /*20181114*/
        font-weight: bold;
        margin: 0 0 12px;
        color: #fff;
    }

    #hotel-header-v #global-sp .link-group dl dt a {
        color: #fff;
    }

    #hotel-header-v #global-sp .link-group dl dd ul li {
        font-size: 13px;/*20181114*/
        margin: 0 0 6px;
    }

    #hotel-header-v #global-sp .link-group dl dd ul li a {
        color: #e0e0e0;
    }

    #hotel-header-v #global-sp .link-group-02 {
        margin: 0 0 15px;
    }

    #hotel-header-v #global-sp .link-group-02 ul li {
        font-size: 13px; /*20181114*/
        font-weight: bold;
        margin: 0 0 6px;
        color: #fff;
    }

    #hotel-header-v #global-sp .link-group-02 ul li a {
        color: #fff;
    }

    #hotel-header-v #global-sp .link-home {
        margin: 0 -8px 15px -20px;
    }

    #hotel-header-v #global-sp .link-home a {
        font-size: 13px;
        font-weight: bold;
        display: block;
        padding: 12px 8px 10px 15px;
        color: #fff;
        background-color: #737373;
    }
    #website-header .logo02V {
        padding: 15px 0 10px;
    }

    #hotel-header-v .menu .btn-menu .menu-lineW {
    background: #fff;
    }

    #website-header .headerV {
    background: #a77d4b;
    }
    #website-header .headerV a {
    color: #fff;
    }

	#website-header .headerV .search-plans a {
        color: #333;
    }
    .pageAdjust #page {
        padding-top: 61px;
    }

	#language-outside .SP-Separate {
		display: block !important;
	}

    #language-outside .language-select {
        position: relative;
        padding: 10px 15px;
    }

    #language-outside .language-select.is-open > span {
        border: 1px solid #666;
        background-color: #fff;
    }

    #language-outside .language-select.is-open .language-select-inner {
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
        opacity: 1;
    }

    #language-outside .language-select > span {
        font-size: 13px;
        font-size: 1.3rem;/*20181114*/
        font-weight: bold;
        display: block;
        padding: 5px 0;
        cursor: pointer;
        text-align: center;
        letter-spacing: .05em;
        border: 1px solid #f5f5f5;
        border-radius: 3px;
        background-color: #f5f5f5;
    }

    #language-outside .language-select > span:before {
        display: inline-block;
        width: 7px;
        height: 5px;
        margin: -3px 5px -1px 0;
        content: '';
        vertical-align: middle;
    }

    .dpr1 #language-outside .language-select > span:before {
        background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
        background-position: 0 -16px;
    }

    .dpr2 #language-outside .language-select > span:before {
        background-image: url('/img/sp/sprites/2x-s53e0d773de.png');
        background-position: 0 -16px;
        background-size: 55px;
    }

    #language-outside .language-select > span:after {
        display: inline-block;
        width: 7px;
        margin: 0 0 0 5px;
        content: '';
    }

    #language-outside .language-select .language-select-inner {
        position: absolute;
        z-index: 9;
        top: 52px;
        right: 0;
        left: 0;
        visibility: hidden;
        width: 142px;
        margin: auto;
        padding: 12px 0;
        transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, visibility .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
        transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
        transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
        transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        pointer-events: none;
        opacity: 0;
        border: 1px solid #333;
        border-radius: 3px;
        background-color: #fff;
    }

    #language-outside .language-select .language-select-inner:before {
        position: absolute;
        top: -11px;
        right: 0;
        left: 0;
        display: inline-block;
        width: 18px;
        height: 13px;
        margin: auto;
        content: '';
    }

    #language-outside .language-select .language-select-inner dl {
        margin: 0 0 10px 0;
    }

    #language-outside .language-select .language-select-inner dt {
        font-weight: bold;
        margin: 0 0 10px 0;
        text-align: center;
        /*font-size: 12px;*/
        font-size: 13px; /*20181114*/
    }

    .dpr1 #language-outside .language-select .language-select-inner:before {
        /*  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
        background-position: -12px -49px;*/
        background-image: url(../img/sp/sprites/1x-sbe498cd554.png);
        background-position: -12px -48.5px;
        background-size: 55px;
    }

    .dpr2 #language-outside .language-select .language-select-inner:before {
        background-image: url('/common/img/sprites/1x-sbe498cd554.png');
        background-position: -12px -48.5px;
        background-size: 55px;
    }

    #language-outside .language-select .language-select-inner ul li {
        margin: 10px 0 0;
        text-align: center;
    }

    #language-outside .language-select .language-select-inner ul li:first-child {
        margin: 0;
    }

    #website-hotel-header .logo span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1;
		display: block;
		margin: 6px 0 0 0;
		padding: 0 0 0 0;
		vertical-align: middle;
		border-left: none;
	}

    #language-outside .language-select {
		position: relative;
		padding: 10px 15px;
	}

	#language-outside .language-select.is-open > span {
		border: 1px solid #666;
		background-color: #fff;
	}

	#language-outside .language-select.is-open .language-select-inner {
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto;
		opacity: 1;
	}

	#language-outside .language-select > span {
		/* font-size: 10px;
		font-size: 1rem;*/
		font-size: 13px;
		font-size: 1.3rem;/*20181114*/
		font-weight: bold;
		display: block;
		padding: 5px 0;
		cursor: pointer;
		text-align: center;
		letter-spacing: .05em;
		border: 1px solid #f5f5f5;
		border-radius: 3px;
		background-color: #f5f5f5;
	}

	#language-outside .language-select > span:before {
		display: inline-block;
		width: 7px;
		height: 5px;
		margin: -3px 5px -1px 0;
		content: '';
		vertical-align: middle;
	}

	.dpr1 #language-outside .language-select > span:before {
		background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
		background-position: 0 -16px;
	}

	.dpr2 #language-outside .language-select > span:before {
		background-image: url('/img/sp/sprites/2x-s53e0d773de.png');
		background-position: 0 -16px;
		background-size: 55px;
	}

	#language-outside .language-select > span:after {
		display: inline-block;
		width: 7px;
		margin: 0 0 0 5px;
		content: '';
	}

	#language-outside .language-select .language-select-inner {
		position: absolute;
		z-index: 9;
		top: 52px;
		right: 0;
		left: 0;
		visibility: hidden;
		width: 142px;
		margin: auto;
		padding: 12px 0;
		transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, visibility .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
		transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
		transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
		transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		pointer-events: none;
		opacity: 0;
		border: 1px solid #333;
		border-radius: 3px;
		background-color: #fff;
	}

	#language-outside .language-select .language-select-inner:before {
		position: absolute;
		top: -11px;
		right: 0;
		left: 0;
		display: inline-block;
		width: 18px;
		height: 13px;
		margin: auto;
		content: '';
	}

	#language-outside .language-select .language-select-inner dl {
		margin: 0 0 10px 0;
	}

	#language-outside .language-select .language-select-inner dt {
		font-weight: bold;
		margin: 0 0 10px 0;
		text-align: center;
		/*font-size: 12px;*/
		font-size: 13px; /*20181114*/
	}

	.dpr1 #language-outside .language-select .language-select-inner:before {
		/*  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
		background-position: -12px -49px;*/
		background-image: url(../img/sp/sprites/1x-sbe498cd554.png);
		background-position: -12px -48.5px;
		background-size: 55px;
	}

	.dpr2 #language-outside .language-select .language-select-inner:before {
		background-image: url('/common/img/sprites/1x-sbe498cd554.png');
		background-position: -12px -48.5px;
		background-size: 55px;
	}

	#language-outside .language-select .language-select-inner ul li {
		margin: 10px 0 0;
		text-align: center;
	}

	#language-outside .language-select .language-select-inner ul li:first-child {
		margin: 0;
	}

    /* 宿泊モーダル用
    #website-hotel-header.language .search-plans > .btn-best-rate {
        width: 100%;
    }
    .btn-search-plan2 {
        color: #ffffff!important;
    }
    .btn-best-rate strong {
        background: #ffffff;
        color: #a77d4b;
    }
    */
}

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

	#website-hotel-header .logo span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1;
		display: block;
		margin: 9px 0 0 0px;
		padding: 0;
		vertical-align: middle;
		border-left: none;
	}

}

@media screen and (max-width:700px) {
    #website-header {
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        transition: -webkit-transform .25s ease-out;
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        border-bottom: 1px solid #e5e5e5;
        background-color: #fff;
    }

    .drawn #website-header {
        -webkit-transform: translate(-180px, 0);
        transform: translate(-180px, 0);
    }

    #website-header .website-header-inner {
        position: relative;
        padding: 0 15px;
        width: 100%; /*20180228 Responsive*/
        margin: 0; /*20180228 Responsive*/
        border-bottom: none; /*20180228 Responsive*/
        box-sizing: border-box; /*20180228 Responsive*/
    }

    #website-header .logo {
        padding: 20px 0;
    }

    #website-header .logo-hotel {
        padding: 16px 0;
    }


    #website-header .logo a span,
    #website-header .logo-hotel a span {
        display: block;
        margin: 5px 0 0 0;
    }

    #website-header .hotel-name {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 0 10px;
        text-align: center;
        color: #333;
    }

    #website-header .reservation-dial {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 7px 15px;
        color: #444;
        background-color: #e5e5e5;
    }

    #hotel-header-v #global-sp {
        position: fixed;
        z-index: 105;
        top: 0;
        right: 0;
        width: 180px;
        height: 100%;
        transition: -webkit-transform .25s ease-out;
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background-color: #909090;
        font-family: initial;/* 20180501 */
        line-height: normal;/* 20180501 */
    }

    #hotel-header-v #global-sp.is-open {
        -webkit-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }

    #hotel-header-v #global-sp .nav-global-inner {
        position: absolute;
        right: 0;
        left: 0;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px 8px 0 15px;
        background-color: #909090;
        -webkit-overflow-scrolling: touch;
    }

    #hotel-header-v #global-sp .membership-links {
        display: none;
    }

    #hotel-header-v #global-sp .link-group {
        margin: 0 0 24px;
    }

    #hotel-header-v #global-sp .link-group dl dt {
        font-size: 13px; /*20181114*/
        font-weight: bold;
        margin: 0 0 12px;
        color: #fff;
    }

    #hotel-header-v #global-sp .link-group dl dt a {
        color: #fff;
    }

    #hotel-header-v #global-sp .link-group dl dd ul li {
        font-size: 13px;/*20181114*/
        margin: 0 0 6px;
    }

    #hotel-header-v #global-sp .link-group dl dd ul li a {
        color: #e0e0e0;
    }

    #hotel-header-v #global-sp .link-group-02 {
        margin: 0 0 15px;
    }


    #hotel-header-v #global-sp .link-home {
        margin: 0 -8px 15px -20px;
    }

    #hotel-header-v #global-sp .link-home a {
        font-size: 13px;
        font-weight: bold;
        display: block;
        padding: 12px 8px 10px 15px;
        color: #fff;
        background-color: #737373;
    }

    #hotel-header-v #global-sp.is-membership-active .public-links {
        display: none;
    }

    #hotel-header-v #global-sp.is-membership-active .membership-links {
        display: block;
    }

    #hotel-header-v .fz14 {
        font-size: 14px;
    }

    #website-header .logo02V {
        padding: 15px 0 10px;
    }

    #hotel-header-v .menu .btn-menu .menu-lineW {
        background: #fff;
    }

    #website-header .headerV{
        background: #a77d4b;
    }
    #website-header .headerV a{
        color: #fff;
    }

    /* 宿泊モーダル用
    #website-header .search-plans {
        position: absolute;
        top: 10px;
        right: 56px;
    }
	#website-header .search-plans .btn {
		width: 155px !important;
        font-size: 13px;
        width: inherit;
    }

    .mod-search-panel {
        z-index: 99;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 95%;
        margin: 5px 0;
        padding: 15px 10px;
        border: 1px solid #333;
        border-radius: 4px;
        background: #fff;
    }

    .mod-search-panel .close {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .mod-search-panel .tabs.rsv-form-tabs {
        margin-bottom: 15px;
    }

    .mod-search-panel #tab-content-search-form-member,
    .mod-search-panel #tab-content-search-form-public {
        width: 100%;
    }

    .mod-search-panel #calid,
    .mod-search-panel #calid2 {
        position: absolute;
    }

    .mod-search-panel #calid_screen,
    .mod-search-panel #calid2_screen {
        position: relative;
        overflow: hidden;
        padding: 5px;
        border-right: 3px solid rgba(0, 0, 0, .1);
        border-bottom: 3px solid rgba(0, 0, 0, .1);
        border-radius: 3px;
        background-color: #fff;
    }

    .mod-search-panel #calid_screen table,
    .mod-search-panel #calid2_screen table {
        border: none !important;
    }

    .mod-search-panel #calid_screen table td,
    .mod-search-panel #calid2_screen table td {
        padding: 6px 4px !important;
        border: none !important;
    }

    .mod-search-panel .search-panel-header {
        margin: 0 0 10px;
        text-align: center;
    }

    .mod-search-panel .search-panel-header .search-panel-heading {
        font-size: 13px;
    }

    .mod-search-panel .search-form {
        font-size: 13px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 5px 0 0;
        padding: 10px;
        border-radius: 3px;
        background-color: #f5f5f5;
    }

    .mod-search-panel .search-form:after {
        display: block;
        clear: both;
        content: '';
    }

    .mod-search-panel .search-form:last-child {
        margin-top: 0;
    }

    .mod-search-panel .search-form .search-form-header {
        margin: 0 0 5px;
        text-align: center;
    }

    .mod-search-panel .search-form .search-form-header .search-form-heading {
        font-size: 12px;
        font-size: 13px;
    }

    .mod-search-panel .reservation-links {
        font-size: 13px;
        font-size: 1.3rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 5px;
        padding: 10px;
        border-radius: 4px;
        background-color: #f5f5f5;
    }

    .mod-search-panel .reservation-links:after {
        display: block;
        clear: both;
        content: '';
    }

    .mod-search-panel .reservation-links ul li {
        float: none;
        margin: 10px 0 0;
    }

    .mod-search-panel .reservation-links ul li:first-child {
        margin: 0;
    }

    .mod-search-panel .reservation-links .btn {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        line-height: inherit;
        display: inline-block;
        width: 100%;
        padding: 12px 0;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        text-align: center;
        text-decoration: none;
        letter-spacing: 1px;
        opacity: 1;
        color: #fff;
        border: none;
        border-radius: 4px;
        background-color: #333;
    }

    .mod-search-panel .search-form-items {
        font-size: 13px;
        font-size: 1.3rem;
        margin: 0 0 17px;
        table-layout: fixed;
    }

    .mod-search-panel .search-form-items th {
        font-size: 13px;
        font-weight: bold;
        width: 88px;
        padding: 5px 0 12px;
        text-align: left;
        vertical-align: top;
    }

    .mod-search-panel .search-form-items td {
        padding: 0 0 12px;
        text-align: left;
        vertical-align: middle;
    }

    .mod-search-panel .search-form-items input[type='text'] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 82px;
        height: 28px;
        margin: 0 7px 0 0;
        padding: 0 10px;
        border: none;
        border-radius: 4px;
        background-color: #fff;
    }

    .mod-search-panel .search-form-items input[type='text']:focus {
        outline: none;
        background-color: #d7d7d7;
    }

    .mod-search-panel .search-form-items input[type='text'][name='cmbARRY'],
    .mod-search-panel .search-form-items input[type='text'][name='cmbARRY2'] {
        width: 68px;
        margin: 0 7px 12px 0;
    }

    .mod-search-panel .search-form-items input[type='text'][name='cmbARRM'],
    .mod-search-panel .search-form-items input[type='text'][name='cmbARRM2'] {
        width: 51px;
        margin: 0 7px 8px 0;
    }

    .mod-search-panel .search-form-items input[type='text'][name='cmbARRD'],
    .mod-search-panel .search-form-items input[type='text'][name='cmbARRD2'] {
        width: 51px;
        margin: 0 7px 8px 17px;
    }

    .mod-search-panel .search-form-items #dk_container_cmbhcod1,
    .mod-search-panel .search-form-items #dk_container_cmbhcod2 {
        display: inline-block !important;
        width: 157px;
    }

    .mod-search-panel .search-form-items #dk_container_hidSELECTHAKSU,
    .mod-search-panel .search-form-items #dk_container_hidSELECTHAKSU2 {
        display: inline-block !important;
        width: 68px;
    }

    .mod-search-panel .search-form-items #dk_container_cmbADULT,
    .mod-search-panel .search-form-items #dk_container_cmbADULT2 {
        display: inline-block !important;
        width: 68px;
    }

    .mod-search-panel .submit {
        text-align: center;
    }

    .mod-search-panel .submit .button {
        width: 200px;
        margin: 0 0 15px;
    }

    .mod-search-panel .detail-membership {
        font-size: 13px;
        margin: 0 0 15px;
    }

    .mod-search-panel .search-room-available {
        margin: 10px 0 0;
        padding: 17px 0;
        text-align: center;
        border-top: 1px solid #d7d7d7;
    }

    .mod-search-panel .search-room-available .btn {
        width: 200px;
    }

    .mod-search-panel .cancel-links {
        font-size: 0;
        padding: 10px 0 0;
        text-align: left;
        border-top: 1px solid #d7d7d7;
    }

    .mod-search-panel .cancel-links li {
        font-size: 13px;
        font-weight: bold;
        margin: 5px 0 0;
    }

    .mod-search-panel .cancel-links li:first-child {
        margin: 0;
    }

    .mod-search-panel .cancel-links li:before {
        font-weight: bold;
        margin: 0 4px 0 0;
        content: '>';
    }

    .mod-search-panel .cancel-links li a {
        display: inline-block;
        text-decoration: none;
        color: #333;
        border-bottom: 1px dotted #333;
    }
    .mod-search-panel .web-reservation {
        padding: 15px 0 0;
    }
    .mod-search-panel .web-reservation p {
        padding-bottom: 0;
    }
    .mod-search-panel .web-reservation li {
        font-size: 13px;
        font-weight: bold;
        margin: 5px 0 0;
    }
    .btn-best-rate {
        display: block;
        border: 1px solid #fff;
        text-align: center;
        border-radius: 2px;
        padding: 0.25rem 0;
        margin-right:40px;
}
    */
}
/* 宿泊モーダル用
@media screen and (max-width:485px) {
	#website-header .search-plans .btn {
        width: 85px !important;
	}
}
*/

/* gnavi */
#nav-hotel {
    position: relative;
    z-index: 3;
    min-width: 980px;
    text-align: center;
    background-color: #fff;
}

#nav-hotel > ul {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;

}

#nav-hotel > ul:after {
    display: block;
    clear: both;
    content: '';
}

#nav-hotel > ul > li {
    float: left;
}

#nav-hotel > ul > li:before {
    content: ':';
}

#nav-hotel > ul > li:first-child:before {
    display: none;
}

#nav-hotel > ul > li:hover .sub {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#nav-hotel > ul > li > a,
#nav-hotel > ul > li span {
    display: inline-block;
    padding: 15px 16px;
    cursor: pointer;
    color: #666;
}

#nav-hotel > ul > li.members {
    position: relative;
}

#nav-hotel > ul > li.members a:before,
#nav-hotel > ul > li.members span:before {
    top: -.1em;
    width: 13px;
    height: 13px;
    margin: 0 9px 0 0;
}

.dpr1 #nav-hotel > ul > li.members a:before,
.dpr1 #nav-hotel > ul > li.members span:before {
    background-image: url('../img/sprites/1x-s98e1058949.png');
    background-position: -14px 0;
}

.dpr2 #nav-hotel > ul > li.members a:before,
.dpr2 #nav-hotel > ul > li.members span:before {
    background-image: url('../img/sprites/2x-s560cf0fb57.png');
    background-position: -14px 0;
    background-size: 80px;
}

#nav-hotel > ul > li.members .sub {
    right: 0;
    width: 198px;
}

#nav-hotel > ul > li.members .sub:before {
    right: 38px;
    left: auto;
}

#nav-hotel > ul > li.members .membership-links {
    margin-top: 0;
}

#nav-hotel > ul > li.members .membership-links,
#nav-hotel > ul > li.members .membership-about {
    display: none;
}

#nav-hotel > ul > li.members.is-membership-active .public-links {
    display: none;
}

#nav-hotel > ul > li.members.is-membership-active .membership-links,
#nav-hotel > ul > li.members.is-membership-active .membership-about {
    display: block;
}

#nav-hotel > ul .sub {
    position: absolute;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 30px;
    padding: 16px 15px 16px 20px;
    transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    text-align: left;
    opacity: 0;
    border: 1px solid #333;
    border-radius: 4px;
    background-color: #fff;
}

#nav-hotel > ul .sub:before {
    position: absolute;
    top: -11px;
    left: 43px;
    display: inline-block;
    width: 16px;
    height: 11px;
    content: '';
}

.dpr1 #nav-hotel > ul .sub:before {
    background-image: url('../img/sprites/1x-s98e1058949.png');
    background-position: -14px -16px;
}

.dpr2 #nav-hotel > ul .sub:before {
    background-image: url('../img/sprites/2x-s560cf0fb57.png');
    background-position: -14px -16px;
    background-size: 80px;
}

#nav-hotel > ul .sub .link-group {
    margin: 25px 0 0;
}

#nav-hotel > ul .sub .link-group:first-child {
    margin: 0;
}

#nav-hotel > ul .sub .link-group dl dt {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0 0 11px;
}

#nav-hotel > ul .sub .link-group dl dd {
    font-size: 11px;
    font-size: 1.1rem;
}

#nav-hotel > ul .sub .link-group dl dd ul li {
    margin: 8px 0 0;
}

#nav-hotel.stuck {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
}
#website-hotel-header .hotel-headerVisitor {
    border-bottom: none;
}
#nav-hotel.nav-hotelVisitor{
    background: #a77d4b;
}
#nav-hotel.nav-hotelVisitor > ul > li > a,
#nav-hotel.nav-hotelVisitor > ul > li span {
    display: inline-block;
    padding: 7px 16px;
    cursor: pointer;
    color: #fff;
}
#nav-hotel.nav-hotelVisitor > ul > li > a:hover {
    color: #fff;
}
#nav-hotel.nav-hotelVisitor > ul > li:before {
    content: ':';
    color: #fff;
}

#nav-hotel .menu_drop > li a {
    display: block;
    color: #666;
    padding: 15px 16px;
}

#nav-hotel .menu_drop > li a:hover {
  color: #999;
}

#nav-hotel ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

#nav-hotel ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

#nav-hotel ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

#nav-hotel .menu_drop > li:hover {
    background: #ffffff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#nav-hotel .menu_drop.visitor > li:hover {
    background: #a77d4b;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#nav-hotel .menu__second-level li {
    padding: 0 15px;
}

#nav-hotel .menu__second-level li a {
    border-top: 1px solid #666;
}

#nav-hotel .menu__second-level li:first-child a {
    border-top: none;
}

#nav-hotel .menu__third-level li {
    border-top: 1px solid #666;
}

#nav-hotel .menu__second-level li a:hover {
    background: #f4f4f4;
    padding: 15px 16px;
}

#nav-hotel .menu__third-level li a:hover {
    background: #2a1f1f;
}

#nav-hotel .menu__fourth-level li a:hover {
    background: #1d0f0f;
}
#nav-hotel .init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-hotel .menu_drop.m_ito .init-bottom:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#nav-hotel .menu_drop.visitor .init-bottom:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#nav-hotel .menu_drop:before,
#nav-hotel .menu_drop:after {
    content: " ";
    display: table;
}

#nav-hotel .menu_drop:after {
    clear: both;
}

#nav-hotel .menu_drop > li.menu__single {
    position: relative;
    background: #ffffff;
}

#nav-hotel .menu_drop.visitor > li.menu__single {
    position: relative;
    background: #a77d4b;
}

#nav-hotel li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #f4f4f4;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

#nav-hotel li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 1020px) {
    #nav-hotel {
        position: relative;
        z-index: 3;
        min-width: inherit;
        text-align: center;
        background-color: #fff;
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    #global-sp #menu > li ul {
        line-height: 34px;
    }
    #global-sp #menu > li > label:hover {
        cursor: pointer;
        cursor: hand;
    }
    #global-sp #menu li ul {
        position: static;
    }
    #global-sp #menu > li > ul {
        margin-left: initial;
        position: relative;
    }
    #global-sp #menu ul li:last-child {
        border-bottom: none;
    }
    #global-sp #menu li ul li {
        display: none;
        padding: 0px 20px;
    }
    #global-sp #menu li ul li ul {
        top: inherit;
        left: 0;
    }
    #global-sp #menu li ul li:last-child {
        border-bottom: none;
    }
    #global-sp #menu input[type="checkbox"]:checked ~ label ~ ul > li {
        max-height: inherit;
        overflow-y: visible;
        display: block;
    }
    #global-sp .angletoggle:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 0 0 15px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #global-sp input[type="checkbox"]:checked ~ label .pd .angletoggle:before {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    #global-sp #menu input { display: none;}

	#hotel-header-v #global-sp .link-home a {
		background: #a77e4b;
	}

}

@media screen and (max-width: 700px) {
    #global-sp #menu li ul li {
        font-size: 14px;
        box-sizing: border-box;
        border: none;
    }
    #hotel-header-v #global-sp .link-home a {
        font-size: 11px;
    }
}
@media only screen and (max-width: 500px){
    .ito_logo .logo02V img{
        width: 50% !important;
        height: auto !important;
    }
    .nas_logo .logo02V img{
        width: 52% !important;
        height: auto !important;
    }
    .gor_logo .logo02V img{
        width: 55% !important;
        height: auto !important;
    }
    .szj_logo .logo02V img{
        width: 37% !important;
        height: auto !important;
    }
}
/* /gnavi */