@charset "UTF-8";

/*========================全体=============================*/

html,
body {
    /*font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-family: \\6E38\660E\671D, dnp-shuei-mincho-pr6n, YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "\FF2D\FF33 \660E\671D", serif;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}


/*フォント*/

.tk-proxima-nova.tkbold {
    font-weight: 800 !important;
}

.tk-proxima-nova.tksemi {
    /* font-weight:600!important; */
}


/*ie*/

.lte-ie9 body {
    overflow-x: hidden;
}

.lte-ie9 #wrapper.open {
    left: 575px;
}

.lte-ie9 #wrapper.open #contents {
    padding-left: 0px;
}

.lte-ie9 #drawer.open {
    left: 80px;
}

#ie_btn {
    display: none;
}

.lte-ie9 .arrow1 {
    display: none;
}

.lte-ie9 #ie_btn {
    display: block;
}


/*box-sizing*/

.bs_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/*
.btn_brown {
padding: 5px 20px;
background-color: #550101;
border: 1px solid #550101;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
line-height: 50px;
text-decoration: none;
font-size: 1.3rem;
font-weight: 600;
}

.btn_brown:hover {
background-color: #381b14;
border: 1px solid #381b14;
color: #fff;
text-decoration: none;
}

.btn_brown:visited {
color: #fff;
text-decoration: none;
}
*/


/*--btn_brown---*/

.btn_brown {
    margin: 10px auto;
    font-size: 1.1rem;
    color: #c1272d;
    padding: 7px 40px;
    text-decoration: none;
    border: #c1272d 1px solid;
    display: inline-block;
}


/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_brown {
    background: #fff;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_brown:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Button 1e */

.btn_brown {
    overflow: hidden;
}

.btn_brown:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #c1272d;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_brown:hover,
.btn_brown:active {
    color: #fff !important;
    background: #c1272d;
}

.ie8 .btn_brown:hover,
.ie8 .btn_brown:active {
    color: #c1272d !important;
}

.btn_brown:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_brown:active:after {
    height: 500%;
    opacity: 1;
}


/*--ボタン---*/

.btn_wrapper {
    position: relative;
    z-index: 1;
}

.btn_type0 {
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
    padding: 7px 40px;
    text-decoration: none;
    border: #000 1px solid;
    display: inline-block;
    background: rgba(255, 255, 255, 0.5)
}


/*-.btn_type0 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_type0 {
    background: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type0:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Button 1e */

.btn_type0 {
    overflow: hidden;
}

.btn_type0:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    /* background: #c1272d;*/
    background: #000;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type0:hover,
.btn_type0:active {
    color: #ffffff !important;
}

.ie8 .btn_type0:hover,
.ie8 .btn_type0:active {
    color: #000 !important;
}


/* .ie8 .btn_type0:active {color: #c1272d!important;} */

.btn_type0:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type0:active:after {
    height: 500%;
    opacity: 1;
}


/*--btn_type1---*/

.btn_type1 {
    margin: 0 auto;
    font-size: 12px;
    color: #c1272d;
    padding: 7px 40px;
    text-decoration: none;
    border: #c1272d 1px solid;
    display: inline-block;
}


/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_type1 {
    background: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type1:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Button 1e */

.btn_type1 {
    overflow: hidden;
}

.btn_type1:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #c1272d;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type1:hover,
.btn_type1:active {
    color: #ffffff !important;
}

.ie8 .btn_type1:hover,
.ie8 .btn_type1:active {
    color: #c1272d !important;
}

.btn_type1:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type1:active:after {
    height: 500%;
    opacity: 1;
}


/*テキスト　センター*/

.tx_c {
    text-align: center;
    color: #7c7762;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*カラー*/

.clr_1 {
    color: #7c7762;
}


/*.clr_1 { color:#c1272d;} */

.clr_2 {
    color: #0066cc;
}


.tx_l {
    text-align: left;
    color: #7c7762;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*pc sp 表示非表示*/

.pc {
    display: inline-block;
}

.sp {
    display: none;
}


/*sp 改行用*/

.ifSp {
    display: none;
}

.fb_pc {
    display: block;
}

.fb_sp {
    display: none;
}

@media only screen and (max-width: 500px) {
    .fb_pc {
        display: none;
    }

    .fb_sp {
        display: block;
    }
}


/*sp 改行用*/

.clearf {
    clear: both;
    /*floatの解除、ここがポイント*/
}


/* .snsArea ul */

.snsArea ul {
    font-size: 0;
    display: inline-block;
}

.snsArea ul li {
    display: inline-block;
    margin: 0;
    text-align: center;
    padding-right: 8px;
}

.snsArea ul li a {
    display: block;
    width: 30px;
    height: 40px;
    font-size: 15px;
    font-size: 18px;
    color: #111;
    font-weight: normal;
    position: relative;
    z-index: 0;
}

.snsArea ul li a i {
    line-height: 30px;
}

.snsArea ul li a:hover {
    font-size: 18px;
    color: #fff;
}

.snsArea ul li a:hover i {
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
}

.snsArea ul li a.youtube {
    font-size: 18px;
}

.snsArea ul li a.youtube:hover {
    font-size: 23px;
}


/* ul.blog */

.snsArea {
    position: absolute;
    /* top: 5px; */
    right: 0;
    /* width: 600px; */
    z-index: 99999;
    height: 45px;
    width: 220px;
    background: rgba(0, 0, 0, 0.3);
    /* border-radius: 3px; */
}

.snsArea ul.blog {
    position: relative;
    z-index: 60;
    margin-left: 10px;
    display: inline;
    display: inline;
    padding-left: 18px;
    top: 10px;
}

.snsArea ul.blog:before {
    /* position:absolute; */
    /* top: 0; */
    /* left:0; */
    /* bottom:10px; */
    /* width:10px; */
    /* content:""; */
    border-left: #111 1px dotted;
    z-index: -1;
}

.snsArea ul.blog li a {
    width: auto;
    display: inline;
    height: 30px;
    font-size: 12px;
    color: #fffdfd;
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
    letter-spacing: 1.5px;
    position: relative;
    line-height: 30px;
    z-index: 2;
    /* display: inline-block; */
}

.snsArea ul.blog li a:hover {
    color: #fff;
}

.snsArea ul.blog li a i {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    padding-right: 3px;
}

.snsArea ul.blog li a:before {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 0;
    content: "";
    border-bottom: #ddd 1px dotted;
    z-index: -2;
}

.snsArea ul.blog li a:after {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 100%;
    height: 0;
    content: "";
    /* border-bottom:transparent 1px solid; */
    z-index: -1;
    /* -webkit-transition: all 0.5s ease; */
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    /* transition: all 0.5s ease; */
}

.snsArea ul.blog li a:hover:after {
    right: 0;
    border-bottom: #fff 1px solid;
}

.snsArea .sep {
    display: inline-block;
    width: 1px;
    height: 16px;
    vertical-align: middle;
    margin: 0 20px;
    background: #fff;
}

.ti-lang-ja:before {
    content: url(../images_n/lan_ja.svg);
}

.ti-lang-en:before {
    content: url(../images_n/lan_en.svg);
}


/* English */


/* .ti-lang-en:before{content: url(../common/images_n/lan_en.svg) opacty:10;} */


/* Korean  */


/* .ti-lang-ko:before{content: url(../common/images_n/lan_ko.svg) } */


/* Japanese  */


/* .ti-lang-ja:before{content: url(../common/images_n/lan_ja.svg) } */


/* ch  */


/* .ti-lang-cn:before{content: url(../common/images_n/lan_cn.svg) } */


/*=============================================================================================================================
668px以下
====================================================*/

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

    /* ul.blog */
    .snsArea ul.blog li a:before {
        border-bottom: #ddd 0px dotted;
        z-index: -2;
    }

    .snsArea {
        position: fixed;
        top: 5px;
        right: 0px;
        height: 20px;
        width: 90px;
        background: rgba(0, 0, 0, 0);
    }

    .snsArea ul.blog li a {
        font-size: 0
    }

    .snsArea ul li {
        padding-right: 1px;
    }
}

@media only screen and (max-width: 414px) {
    .snsArea ul.blog {
        margin-left: 5px;
        display: inline;
        display: inline;
        padding-left: 20px;
        top: 10px;
    }

    .snsArea ul.blog:before {
        border-left: #111 1px dotted;
        z-index: -1;
    }

    .snsArea ul.blog li a:before {
        border-bottom: #ddd 0px dotted;
        z-index: -2;
    }

    .snsArea {
        position: fixed;
        top: 5px;
        right: 0px;
        height: 20px;
        width: 90px;
        background: rgba(0, 0, 0, 0);
    }

    .snsArea ul.blog li a {
        font-size: 0
    }

    .snsArea ul li {
        padding-right: 1px;
    }
}

@media only screen and (max-width: 320px) {
    .snsArea ul.blog {
        margin-left: 0px;
        display: inline;
        display: inline;
        padding-left: 0px;
        top: 10px;
        right: 0px;
    }

    .snsArea ul.blog:before {
        border-left: #111 1px dotted;
        z-index: -1;
    }

    .snsArea ul.blog li a:before {
        border-bottom: #ddd 0px dotted;
        z-index: -2;
    }

    .snsArea {
        position: fixed;
        top: 5px;
        right: 0px;
        height: 20px;
        width: 60px;
        background: rgba(0, 0, 0, 0);
    }

    .snsArea ul.blog li a {
        font-size: 0
    }

    .snsArea ul li {
        padding-right: 1px;
        width: 10px;
        height: 20px;
        padding-left: 10px;
    }
}

#progress {
    width: 140px;
    height: 1px;
    margin: 15px auto 0px;
}


/*#progressBar {width: 0; height: 1px; background-color: #000;} */


/*ローダーバー*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 9999;
    position: fixed;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    width: 120px;
    background: #000;
    border: none;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 1s ease-in-out 1s linear;
    -moz-transition: width 1s ease-in-out 1s linear;
    -ms-transition: width 1s ease-in-out 1s linear;
    -o-transition: width 1s ease-in-out 1s linear;
    transition: width 1s ease-in-out 1s linear;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 300px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #000;
    border: none;
}

.pace.pace-inactive {
    display: none;
}


/*ローディングロゴ*/

#loader {
    width: 300px;
    height: 207px;
    display: none;
    position: fixed;
    _position: absolute;
    /* IE6対策 */
    top: 35%;
    left: 45%;
    margin-top: -17px;
    /* heightの半分のマイナス値 */
    margin-left: -100px;
    /* widthの半分のマイナス値 */
    z-index: 9999;
    text-align: center;
}

#ie_logo {
    display: none !important;
}

.ie8 #other_logo {
    display: none !important;
}

.ie8 #ie_logo {
    display: block !important;
}

#loader img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9998;
}


/*================ヘッダー=================*/

header {
    background-color: #ffffff;
    width: 50px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
}


/*.bg_c header {background-color: #000;} */

.bg_c header {
    background-image: url(../images_n/common/side_bg.png);
}

header.open {
    background-image: url(../images_n/common/side_bg.png);
}


/* オリジナル
.bg_c header {background-color: #c1272d;} 
header.open{background-color: #bf3000;} 
*/

.ie8 .ie8_header {
    background-color: #231815;
    width: 50px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
    background-image: url(../images_n/common/side_bg.png);
}


/*z-index:9997;background-color: #c1272d;} } 

.ie8 .bg_c .ie8_header {background-color: #c1272d;} */

.ie8 .bg_c .ie8_header {
    background-image: url(../images_n/common/side_bg.png);
}

.ie8 .ie8_header.open {
    background-image: url(../images_n/common/side_bg.png);
}

#header {
    position: relative;
    height: 100%;
}

#header .logo {
    top: 15px;
    left: 10px;
    position: absolute;
}

@media only screen and (max-width: 666px) {
    #header .logo {
        top: 15px;
        left: 60px;
        position: absolute;
    }

}


/* #header h1 {
    text-align: center;
    margin: 25px 0;
    text-indent: -9999px;
    overflow: hidden;
} */

#header h2.logo {
    text-align: center;
    margin: 25px 0;
    text-indent: -9999px;
    overflow: hidden;
}


#drawer-toggle {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    cursor: pointer;
    visibility: hidden;
}

#drawer-toggle img {
    margin: 27px auto 0;
}


/*================ナビゲーション=================*/
#drawer-toggle {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    cursor: pointer;
    visibility: hidden;
}

#drawer-toggle img {
    margin: 27px auto 0;
}

/*================ナビゲーション=================*/
#nav {
    background-color: #231815;
    /* 黒系*/
    /*background-image:url(../images_n/common/side_bg-2.png);*/
    padding-left: 50px;
    color: #ffffff;
    /* 黒系*/
    width: 250px;
    /* 200　→　250*/
    height: 100%;
    padding-bottom: 20px;
}

#nav a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#nav_inner {
    width: 190px;
    float: left;
    overflow-y: scroll;
    height: 100%;
    padding: 40px 30px 40px 30px;
    color: #ffffff;
}

#nav_inner ul {
    margin-bottom: 20px;
}

/* 40　→ 20*/
#nav_inner ul li {
    margin-bottom: 2px;
    color: #ffffff;
}

#nav_inner ul li a {
    position: relative;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 1px;
}

#nav_inner ul li a:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    visibility: hidden;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: visibility 0 linear 333ms, -webkit-transform 333ms cubic-bezier(.215, .61, .355, 1);
    transition: visibility 0ms linear 333ms, transform 333ms cubic-bezier(.215, .61, .355, 1);
}

#nav_inner ul li a:hover:after {
    visibility: visible;
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transition: visibility 0 linear, -webkit-transform 333ms cubic-bezier(.215, .61, .355, 1);
    transition: visibility 0ms linear, transform 333ms cubic-bezier(.215, .61, .355, 1)
}

#nav_inner ul li.active a:after {
    visibility: visible;
}

#nav_inner ul li.active a:after,
#nav_inner ul li.active a:hover:after {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

#nav_thumb {
    float: left;
    /* overflow-y:scroll; */
    /* height: 330px; */
    padding: 0px;
    margin-bottom: 10px;

    /*-overflow-y:scroll; */
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;*/
    box-sizing: content-box;
}

#nav_thumb #nav_thumb_inner {
    margin-bottom: 10px;
}

#nav_thumb a {
    display: block;
}

/* #nav_thumb a.new dl:after{ display:block; content:"NEW"; font-size:9px; background-color:#ff6633; color:#ffffff; position:absolute; top:-18px; right:-18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width:36px; height:36px; text-align:center; line-height:36px;font-family: "proxima-nova",sans-serif;}  */
#nav_thumb a.new dl:after {
    display: block;
    content: "NEW";
    font-size: 9px;
    ackground-image: url(../images_n/common/side_bg.png);
    color: #ffffff;
    position: absolute;
    top: -18px;
    right: -18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}


#nav_thumb dl {
    margin-bottom: 15px;
    position: relative;
}

#nav_thumb dl dt {
    margin-bottom: 1px;
    background-color: #ffffff;
    display: inline-block;
    width: 170px;
    /* # 150 →170 */
    height: 75px;
    overflow: hidden;
    position: relative;
}

#nav_thumb dl dt img {
    width: 170px;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
    margin-top: 0px;
}

#nav_thumb a:hover dl dt img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#nav_thumb dl dd {
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
}

/*コンテンツ*/

#contents {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 280px;
    background-color: #ffffff;
}

#slide_main {
    position: relative;
}

#slide_reserv
/*ラッパー*/

#wrapper {
    position: relative;
    width: 100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

#wrapper.open {
    -webkit-transform: translate3d(495px, 0, 0);
    -moz-transform: translate3d(495px, 0, 0);
    transform: translate3d(495px, 0, 0);
}

#wrapper_inner.noscroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
}


/* オーバーレイ表示をするためのCSS */

.ol {
    /*  -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;*/
}

.open .ol {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.ie8 .open .ol {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000);
    /*IE8以下用*/
}


/*ドロワー*/

#drawer {
    position: fixed;
    top: 0;
    /*left: -415px;*/
    width: 280px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: 9990;
    /*	background-color: #c1272d;*/
    background-image: url(../images_n/common/side_bg.png);
}

#drawer.open {
    -webkit-transform: translate3d(495px, 0, 0);
    -moz-transform: translate3d(495px, 0, 0);
    transform: translate3d(495px, 0, 0);
}


/*==========スライドショー==========*/

#slide-container,
#slide-container .item,
#slide-container .background {
    width: 100%;
    height: 500px;
}

#hero {
    position: relative;
}

#slide-container {
    position: relative;
    overflow: hidden;
    background-color: #eee;
}

#slide-container .item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
}


/*#slide-container .item a{ } */

#slide-container .item a:hover {
    text-decoration: none;
}

#slide-container .background {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
    width: 100%;
}

#slide-container .background.bg00 {
    /*     background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_1.webp); */

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-akeome.webp?2024);
}

#slide-container .background.bg0 {
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-xmas-2023.webp); */
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-yuyake.webp); */
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0.webp);
    /*     background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-akeome.webp); */
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-sakura.jpg); */
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-sakura.webp); */
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-ajisai-2.webp); */
    /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-beer.webp); */
    /* background-image:url(../images_n/top_slide/webp/top_haikei_1500x1000_0-xmas-2023.webp); */
    /*     background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-green.webp); */
}

#slide-container .background.bg1 {
    /*     background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_1.webp); */

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_1-room.webp?2023);
}

#slide-container .background.bg2 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_2.webp?2023);

}

#slide-container .background.bg7 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_7.webp);

}

#slide-container .background.bg8 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_8.webp?2023);

}

#slide-container .background.bg3 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_3-cuisine.webp?2024);

}

#slide-container .background.bg4 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_4.webp?2023);

}

#slide-container .background.bg5 {

    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_9.webp?2023);

}

#slide-container .background.bg6 {
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_6.webp?2023);

}

#slide-container .background.bg7 {
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_7.webp?2023);

}

#slide-container .background.bg8 {
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_8.webp);

}

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

    #slide-container .background.bg00 {
        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-akeome-sp.webp?2024);
    }

    #slide-container .background.bg0 {
        /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-xmas-2023-sp.webp); */
        /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-yuyake-sp.webp); */

        /*         background-image:url(../images_n/top_slide/webp/top_haikei_1500x1000_0-akeome-sp.webp); */
        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0.webp);
        /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-sakura-sp.webp); */
        /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-ajisai-2-sp.webp); */
        /* background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-beer-sp.webp); */
        /* background-image:url(../images_n/top_slide/webp/top_haikei_1500x1000_0-xmas2022-sp.webp?20221209); */
        /* background-image:url(../images_n/top_slide/webp/top_haikei_1500x1000_0-xmas-2023-sp.webp?20221209); */
        /*         background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_0-green-sp.webp); */
    }

    #slide-container .background.bg1 {

        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_1-room-sp.webp);
    }

    #slide-container .background.bg2 {
        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_2-sp.webp);
    }

    #slide-container .background.bg3 {

        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_3-cuisine-sp.webp?2024);
    }

    #slide-container .background.bg4 {
        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_4-sp.webp);
    }

    #slide-container .background.bg5 {
        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_9-sp.webp);
    }

    #slide-container .background.bg6 {

        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_6-sp.webp);

    }

    #slide-container .background.bg7 {

        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_7-sp.webp);

    }

    #slide-container .background.bg8 {

        background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_8-sp.webp);

    }
}


#slide-container .background.bg_old1 {
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_old1.webp);
}

#slide-container .background.bg_old2 {
    background-image: url(../images_n/top_slide/webp/top_haikei_1500x1000_old2.webp);
}




/*#slide-container .background img { position:absolute; top:50%; left:50%; margin-left:-750px; margin-top:-450px;} */

#slide-container .foreground {
    width: 100%;
    height: 500px;
    position: absolute;
    text-align: center;
}

#slide-container .foreground .element {
    position: relative;
}


/*#slide-container .icon {} */

#slide-container .title {
    margin: 170px auto 25px;
    font-size: 80px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /*color:#7c7762!important; */
    line-height: 1em;
    /*	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8),
    -1px -1px 1px rgba(0, 0, 0, 0.5);*/
}

.title_color_white {
    color: #8C7872 !important;
}

.title_color_brown {
    color: #4C4948 !important;
    /*	color:#331A11!important; */
}

.title_color_black {
    color: #222 !important;
}

#slide-container .subtitle {
    top: 85%;
    text-align: right;
    margin: 0 auto;
    font-size: 16px;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),	-1px -1px 1px rgba(255, 255, 255, 0.8);*/
}

#slide-container .subtitle a {
    margin: 0 auto;
    font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    text-decoration: none;
    border: #000 0px solid;
    background: rgba(0, 0, 0, 0.7)
}


/*#slide-container .subtitle a{ margin:0 auto; font-size:15px; color:#c1272d; padding:10px 35px; text-decoration:none; border:#c1272d 1px solid;} */


/* controller */

.controller .pager-demo {
    position: absolute;
    top: 230px;
}

.controller .prev {
    left: 30px;
}

.controller .next {
    right: 30px;
}


/* pagination */

.pagination-demo {
    position: relative;
    left: 50%;
    float: left;
    margin-top: 40px;
}

.pagination-demo li {
    float: left;
    position: relative;
    right: 50%;
    margin: 0 1px;
    list-style: none;
}

.pagination-demo li .bullet {
    display: block;
    width: 12px;
    height: 0 !important;
    padding-top: 12px;
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination-demo li .active {
    background-position: 0 -12px;
}

#slide-pagination {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 9900;
}

#slide-pagination li {
    display: inline-block;
    padding: 0 0 0 5px;
}

#slide-pagination li a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#slide-pagination_r {
    position: absolute;
    bottom: 100px;
    right: 30px;
    z-index: 9900;
}

#slide-pagination_r li {
    display: inline-block;
    padding: 0 0 0 5px;
}

#slide-pagination_r li a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#slide-pagination_reserv {
    position: absolute;
    top: 100px;
    right: 30px;
    z-index: 9900;
}

#slide-pagination_reserv li {
    display: inline-block;
    padding: 0 0 0 5px;
}

#slide-pagination_reserv li a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#slide-pagination_event {
    position: absolute;
    top: 70px;
    right: 30px;
    z-index: 9900;
    width: 200px;
    /* border-radius: 10px; */
    height: auto;
    /* background: rgba(255, 254, 254, 0.8); */
    padding: 10px;
}

#slide-pagination_event li {
    display: inline-block;
    padding: 10px;
    margin-top: 5px;
    color: #fff;
    /* border-bottom: 1px dashed #000; */
    background: rgba(255, 254, 254, 0.8);
    min-width: 200px;
}

#slide-pagination_event li a {
    width: 90%;
    margin: 10px 2%;
    color: #222;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

#slide-pagination_event li a {
    color: #222;
    text-decoration: none;
    font-size: 14px;
}

#slide-pagination_event li img {
    width: 90%;
    margin: 10px 5%;
}

#slide-pagination_event li a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    text-decoration: none;
}


/*
#slide-indicator { position:absolute; bottom:30px; right:60px; z-index:9900;} 
#slide-indicator li { display:inline-block;  padding:0 10px;} 
#slide-indicator li a { display:block; text-indent:-9999em; background-color: #ffffff; width:6px; height:6px; border-radius:50%;} 
#slide-indicator li a.active {background-color: #c1272d;} 
*/


/*==========ナビゲーション　矢印動き==========*/

.arrow1 {
    display: block;
    height: 27.5px;
    position: relative;
    width: 30px;
    margin: 27px auto 0;
}


/*.arrow1.active:before,
.arrow1.active:after {} */

.arrow1.active:before {
    -webkit-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(3px);
    right: 8px;
    -moz-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(3px);
    right: 8px;
    -ms-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(3px);
    right: 8px;
    transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(3px);
    right: 8px;
}

.arrow1.active:after {
    -webkit-transform: rotate(45deg) scaleY(1) translateX(0px) translateY(-3px);
    right: 8px;
    -moz-transform: rotate(45deg) scaleY(1) translateX(0px) translateY(-3px);
    right: 8px;
    -ms-transform: rotate(45deg) scaleY(1) translateX(0px) translateY(-3px);
    right: 8px;
    transform: rotate(45deg) scaleY(1) translateX(0px) translateY(-3px);
    right: 8px;
}

.arrow1.active span {
    -webkit-transform: rotate(90deg) translateX(0px) translateY(0px);
    -moz-transform: rotate(90deg) translateX(0px) translateY(0px);
    -ms-transform: rotate(90deg) translateX(0px) translateY(0px);
    transform: rotate(90deg) translateX(0px) translateY(0px);
    left: 15px;
}

.arrow1:before,
.arrow1:after {
    background: none repeat scroll 0 0 #ffffff;
    content: " ";
    display: block;
    height: 12px;
    position: absolute;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    width: 1px;
}

.arrow1 span {
    background: none repeat scroll 0 0 #ffffff;
    content: " ";
    display: block;
    height: 24px;
    position: absolute;
    top: 0px;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    width: 1px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    left: 11px;
}

.arrow1:before {
    top: 0px;
    right: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.arrow1:after {
    top: 12px;
    right: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.arrow1.btn_click:before {
    -webkit-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(2px);
    -moz-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(2px);
    -ms-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(2px);
    transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(2px);
    right: 20px;
}

.arrow1.btn_click:after {
    -webkit-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(-2px);
    -moz-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(-2px);
    -ms-transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(-2px);
    transform: rotate(-45deg) scaleY(1) translateX(0px) translateY(-2px);
    right: 8px;
}

.arrow1.btn_click span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 15px;
}


/*================施設案内 トップ　=================*/

#faci_contents h2 {
    display: none;
}

#faci_contents .faci_post_wrapper {
    width: 33.3%;
    float: left;
}

#faci_contents .faci_post_wrapper .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 63.5% 0 0;
    overflow: hidden;
}

#faci_contents .faci_post_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

#faci_contents a:hover .faci_post_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


/*================予約サーチ　=================*/

#reserve_contents h2 {
    /* display: none; */
}

#reserve_contents {
    width: 98%;
    padding: 1%;
    background: #ffffff;
}

#reserve_contents .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 87.5% 0 0;
    /* 63.5% 0 0 */
    overflow: hidden;
}

#reserve_contents label {
    color: #fff;
}

#reserve_contents span {
    color: #151515;
}


/*----------------------------------------------------
QCDS
------------------*/

.boxQcds {
    /* position: relative; */
    margin: 2em auto;
    padding: 1.5em 1em;
    /* border: solid 3px #18274d; */
    border-radius: 8px;
    max-width: 1000px;
    /* margin: 0 auto; */
    background: #f9f9f9;
}

.boxQcds .box-title {
    /* position: absolute; */
    display: inline-block;
    /* top: -13px; */
    /* left: 10px; */
    padding: 5px 0;
    line-height: 1;
    font-size: 19px;
    /* background: #f9eced; */
    color: #a40000;
    font-weight: bold;
    /* display: none; */
}

.boxQcds p {
    margin: 0;
    padding: 0;
}





/*================シーン　1　=================*/

#news_contents h2 {
    /* display:none; */
}

#news_contents .news_post_wrapper {
    width: 25%;
    float: left;
}

#news_contents .news_post_wrapper .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 87.5% 0 0;
    /* 63.5% 0 0 */
    overflow: hidden;
}

#news_contents .news_post_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

#news_contents a:hover .news_post_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.catch {
    text-align: center;
    font-size: 1em;
    line-height: 2;
    letter-spacing: 0.4em;
    margin: 40px 0 10px;
    padding-top: 20px;
}

p.catch {
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0;
}

p.title {
    text-align: center;
    font-size: 1.5em;
    line-height: 3;
    letter-spacing: 0.4em;
    color: #4d442e;
    font-weight: 600;
    margin-bottom: 10px;
}


@media only screen and (max-width: 1200px) {
    .catch {
        letter-spacing: 0.2em;
    }

    p.title {
        letter-spacing: 0.1em;
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 500px) {
    .catch {
        margin-top: 0;
        line-height: 2;
        padding-bottom: 60px;
        padding: 10px 10px;
        font-size: 0.9em;
    }
}

.catch_mv {
    text-align: center;
    font-size: 1em;
    line-height: 2;
    letter-spacing: 0.4em;
    padding-top: 50px;
    margin: 80px 0 20px;
    /* padding-top: 50px; */
    width: 100%;
}

p.catch_mv {
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0;
}

.catch_mv p.title {
    text-align: center;
    font-size: 1.5em;
    line-height: 3;
    letter-spacing: 0.4em;
    color: #4d442e;
    font-weight: 600;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .catch_mv {
        letter-spacing: 0.2em;
    }

    .catch_mv p.title {
        letter-spacing: 0.1em;
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 500px) {
    .catch_mv {
        margin-top: 0;
        line-height: 2;
        padding-bottom: 60px;
        padding: 50px 0 10px;
        font-size: 0.9em;
    }
}






/*================シーン　1　=================*/

#news_contents2 h2 {
    display: none;
}

#news_contents2 .news_post_wrapper {
    width: 50%;
    float: left;
}

#news_contents2 .news_post_wrapper .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 87.5% 0 0;
    /* 63.5% 0 0 */
    overflow: hidden;
}

#news_contents2 .news_post_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

#news_contents2 a:hover .news_post_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sankaku {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

#faci_contents .faci_txt_wrapper {
    padding: 0px 30px;
    margin: 20px 0 40px;
    border-right: #e6e6e6 1px solid;
    height: 150px;
}

#faci_contents .faci_box:nth-child(4n) .news_txt_wrapper {
    border-right: none;
}

#faci_contents .faci_txt_wrapper dl {
    margin-bottom: 10px;
}

#faci_contents .faci_txt_wrapper dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#faci_contents .faci_txt_wrapper dl dd {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#faci_contents .faci_txt_wrapper h3 {
    font-size: 14px;
    color: #c1272d;
    margin-bottom: 5px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
}

#faci_contents .faci_txt_wrapper p {
    font-size: 12px;
    /*text-align:justify;*/
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
}

#news_contents .news_txt_wrapper {
    padding: 0px 15px;
    margin: 20px 0 60px;
    border-right: #e6e6e6 1px solid;
    height: 150px;
}

#news_contents .news_box:nth-child(4n) .news_txt_wrapper {
    border-right: none;
}

#news_contents .news_txt_wrapper dl {
    margin-bottom: 10px;
}

#news_contents .news_txt_wrapper dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#news_contents .news_txt_wrapper dl dd {
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.1em;
}

#news_contents .news_txt_wrapper h3 {
    font-size: 0.98rem;
    color: #c1272d;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
}

#news_contents .news_txt_wrapper h2 {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
    background: #c1272d;
    padding: 5px;
}

#news_contents .news_txt_wrapper p {
    font-size: 0.9em;
    /*text-align:justify;*/
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
    line-height: 1.8;
}

#news_contents .news_txt_wrapper p.btn_type_a {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    text-align: right;
    margin-right: 1em;
    margin-top: 10px;
    color: #636363;
}

#news_contents .news_txt_wrapper .right {
    text-align: right;
}

.moreLink {
    display: inline-block;
}

#news_contents .news_txt_wrapper p.btn_type_a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#news_contents .news_txt_wrapper p.btn_type_a:hover {
    color: #c1272d;
}

.lineArrow {
    width: 110%;
    height: 10px;
    border-bottom: 0.5px solid #b4b8d0;
    border-right: 0.5px solid #b4b8d0;
    /*傾きを調節*/
    transform: skew(45deg);
    /*下線矢印をテキストに合わせてうまい具合にはめる*/
    position: relative;
    right: 10%;
    top: -10px;
    margin: 0 0 0 auto;
}

#news_contents2 .news_txt_wrapper {
    padding: 0px 20px;
    margin: 20px 0 40px;
    border-right: #e6e6e6 1px solid;
    height: 150px;
}

#news_contents2 .news_box:nth-child(4n) .news_txt_wrapper {
    border-right: none;
}

#news_contents2 .news_txt_wrapper dl {
    margin-bottom: 10px;
}

#news_contents2 .news_txt_wrapper dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#news_contents2 .news_txt_wrapper dl dd {
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
}

#news_contents2 .news_txt_wrapper h3 {
    font-size: 0.9rem;
    color: #c1272d;
    margin-bottom: 5px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
}

#news_contents2 .news_txt_wrapper p {
    font-size: 15px;
    /*text-align:justify;*/
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
    line-height: 1.4;
}


/*================シーン　1　=================*/

#scene_contents h2 {
    display: none;
}

#scene_contents .scene_post_wrapper {
    width: 50%;
    float: left;
}

#scene_contents .scene_post_wrapper .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 100% 0 0;
    overflow: hidden;
}

#scene_contents .scene_post_wrapper img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

#scene_contents a:hover .scene_post_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sankaku {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

#scene_contents .scene_txt_wrapper {
    padding: 0px 30px;
    margin: 20px 0 40px;
    border-right: #e6e6e6 1px solid;
    height: 150px;
}

#scene_contents .scene_box:nth-child(4n) .scene_txt_wrapper {
    border-right: none;
}

#scene_contents .scene_txt_wrapper dl {
    margin-bottom: 10px;
}

#scene_contents .scene_txt_wrapper dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#scene_contents .scene_txt_wrapper dl dd {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#scene_contents .scene_txt_wrapper h3 {
    font-size: 14px;
    color: #c1272d;
    margin-bottom: 5px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
}

#scene_contents .scene_txt_wrapper p {
    font-size: 12px;
    /*text-align:justify;*/
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
}


/*================お料理　1　=================*/

#cuisine_contents h2 {
    display: none;
}

#cuisine_contents .cuisine_post_wrapper {
    width: 33.3%;
    float: left;
}

#cuisine_contents .cuisine_post_wrapper .figure {
    width: 100%;
    height: auto;
    position: relative;
    padding: 100% 0 0;
    overflow: hidden;
}

#cuisine_contents .cuisine_post_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

#cuisine_contents a:hover .cuisine_post_wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sankaku {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

#cuisine_contents .cuisine_txt_wrapper {
    padding: 0px 30px;
    margin: 20px 0 40px;
    border-right: #e6e6e6 1px solid;
    height: 150px;
}

#cuisine_contents .cuisine_box:nth-child(4n) .cuisine_txt_wrapper {
    border-right: none;
}

#cuisine_contents .cuisine_txt_wrapper dl {
    margin-bottom: 10px;
}

#cuisine_contents .cuisine_txt_wrapper dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#cuisine_contents .cuisine_txt_wrapper dl dd {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

#cuisine_contents .cuisine_txt_wrapper h3 {
    font-size: 14px;
    color: #c1272d;
    margin-bottom: 5px;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre;*/
}

#cuisine_contents .cuisine_txt_wrapper p {
    font-size: 12px;
    /*text-align:justify;*/
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
}


/*================　トップページ　=================*/


/*================お料理=================*/

#cuisine_oder_wrapper {
    background: url(../images_n/webp/bg_cuisine.webp) no-repeat top center;
    background-size: cover;
    width: 50%;
    float: left;
}

#cuisine_oder_wrapper h2 {
    font-size: 1.2em;
    letter-spacing: 0.2em;
    color: #000;
    margin-bottom: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),-1px -1px 1px rgba(255, 255, 255, 0.5); */
}

#cuisine_oder_wrapper h3 {
    font-size: 3em;
    letter-spacing: 0.05em;
    color: #7f7f7f;
    margin-bottom: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),-1px -1px 1px rgba(255, 255, 255, 0.5); */
    text-shadow: 0 0 10px rgb(255 255 255), 0 0 6px rgb(255 255 255 / 80%), 0 0 3px rgb(255 255 255 / 50%);
}

#cuisine_oder_wrapper p {
    color: #000;
    font-size: 0.9em;
    line-height: 2em;
    letter-spacing: 0.1em;
    margin: 30px auto 30px;
    max-width: 600px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background: rgba(255, 255, 255, 0.4);
    padding: 5px;
    text-shadow: 0 0 3px rgb(255 255 255 / 100%);
}

#cuisine_oder_wrapper p span {
    /* background: rgba(248, 237, 237, 0.6); */
    /* padding: 5px; */
    font-weight: 600;
}

@media only screen and (max-width: 1200px) {
    #cuisine_oder_wrapper h3 {}
}

@media only screen and (max-width: 812px) {
    #cuisine_oder_wrapper p {
        background: rgba(255, 255, 255, 0.2);
        padding: 5px;
    }

    #cuisine_oder_wrapper {
        background: url(../images_n/webp/bg_cuisine.webp) no-repeat top center;
        background-size: cover;
        width: 100%;
        clear: both;
    }
}

#cuisine_oder_wrapper p a.btn_type1 {
    font-size: 14px;
    color: #7c7762;
    border: #7c7762 1px solid;
}

#cuisine_oder_wrapper p a.btn_type1:after {
    background: #7c7762;
}

#cuisine_oder_wrapper p a.btn_type1:hover,
#cuisine_oder_wrapper p a.btn_type1:active {
    color: #ffffff !important;
}

#cuisine_oder_wrapper .contents_inner {
    background-size: cover !important;
}

#cuisine_oder_wrapper .future_inner {
    width: 80%;
    margin: 0px auto;
    padding: 140px 0 100px;
}

#cuisine_oder_wrapper a {
    font-size: 12px;
    width: 98px;
}


/*================オールインクルーシブ=================*/

#all-inclusive_wrapper {
    background: url(../images_n/webp/bg_all-inclusive.webp) no-repeat top center;
    background-size: cover;
    width: 50%;
    float: left;
}

#all-inclusive_wrapper h2 {
    font-size: 1.2em;
    letter-spacing: 0.2em;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-shadow: 0 0 1px rgb(0, 0, 0, 100%), 0 0 2px rgb(0, 0, 0, 100%);
}

#all-inclusive_wrapper h3 {
    font-size: 3em;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),-1px -1px 1px rgba(255, 255, 255, 0.5); */
}

#all-inclusive_wrapper p {
    color: #000;
    font-size: 0.9em;
    line-height: 2em;
    letter-spacing: 0.1em;
    margin: 30px auto 30px;
    max-width: 600px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background: rgba(54, 17, 4, 0.16);
    padding: 5px;
}

#all-inclusive_wrapper p span {
    /* background: rgba(248, 237, 237, 0.6); */
    /* padding: 5px; */
    font-weight: 600;
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    #all-inclusive_wrapper h3 {}
}

@media only screen and (max-width: 812px) {
    #all-inclusive_wrapper {
        background: url(../images_n/webp/bg_all-inclusive.webp) no-repeat top center;
        background-size: cover;
        width: 100%;
        clear: both;
    }

    #all-inclusive_wrapper p {
        background: rgba(54, 17, 4, 0.16);
        padding: 5px;
    }
}

#all-inclusive_wrapper p a.btn_type1 {
    font-size: 14px;
    color: #7c7762;
    border: #7c7762 1px solid;
}

#all-inclusive_wrapper p a.btn_type1:after {
    background: #7c7762;
}

#all-inclusive_wrapper p a.btn_type1:hover,
#all-inclusive_wrapper p a.btn_type1:active {
    color: #ffffff !important;
}

#all-inclusive_wrapper .contents_inner {
    background-size: cover !important;
}

#all-inclusive_wrapper .future_inner {
    width: 80%;
    margin: 0px auto;
    padding: 140px 0 100px;
}

#all-inclusive_wrapper a {
    font-size: 12px;
    width: 98px;
}


/*================送迎(ロケーションに変更)　ヒストリー=================*/

#car_wrapper {
    background: url(../images_n/webp/bg_location.webp) no-repeat top center;
    background-size: cover;
}

#car_wrapper h2 {
    font-size: 1.2em;
    letter-spacing: 0.2em;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#car_wrapper h3 {
    font-size: 4em;
    letter-spacing: 0em;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#car_wrapper p {
    color: #ffffff;
    font-size: 0.8em;
    line-height: 2em;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#car_wrapper p a.btn_type1 {
    font-size: 14px;
    color: #ffffff;
    border: #ffffff 1px solid;
}

#car_wrapper p a.btn_type1:after {
    background: #ffffff;
}

#car_wrapper p a.btn_type1:hover,
#car_wrapper p a.btn_type1:active {
    color: #c1272d !important;
}

#car_wrapper .contents_inner {
    width: 640px;
    margin: 0px auto;
    padding: 180px 0;
}


/*================ラウンジ=================*/

#lounge_wrapper {
    background: url(../images_n/webp/top_lounge.webp) no-repeat top center;
    background-size: cover;
}

#lounge_wrapper h2 {
    font-size: 1.2em;
    letter-spacing: 0.2em;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#lounge_wrapper h3 {
    font-size: 4em;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#lounge_wrapper p {
    color: #ffffff;
    font-size: 0.8em;
    line-height: 2em;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#lounge_wrapper p a.btn_type1 {
    font-size: 14px;
    color: #ffffff;
    border: #ffffff 1px solid;
}

#lounge_wrapper p a.btn_type1:after {
    background: #ffffff;
}

#lounge_wrapper p a.btn_type1:hover,
#lounge_wrapper p a.btn_type1:active {
    color: #c1272d !important;
}

#lounge_wrapper .contents_inner {
    width: 640px;
    margin: 0px auto;
    padding: 180px 0;
}


/*================リボーン=================*/

#reborn_wrapper {
    /*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;*/
    background: url(../images_n/top_reborn.jpg) no-repeat top center;
    background-size: auto 100%;
    width: 100%;
    height: 770px;
}


/*#reborn_wrapper:hover { background-size:auto 101% ;} */

#reborn_wrapper a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 600px;
}

#reborn_wrapper a h2 {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    text-decoration: none;
}

#reborn_wrapper a h3 {
    font-size: 60px;
    color: #f5f8fa;
    margin-bottom: 15px;
    text-decoration: none;
    /*filter:dropshadow(color=#d93600,offX= 0,offY=-1)
    dropshadow(color=#d93600,offX= 1,offY= 0)
    dropshadow(color=#d93600,offX= 0,offY= 1)
    dropshadow(color=#d93600,offX=-1,offY= 0);
    -webkit-text-stroke-color: #d93600;
    -webkit-text-stroke-width: 1px;*/
    color: #d93600;
    -webkit-text-fill-color: #f5f8fa;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d93600;
    /*text-shadow: #d93600 1px 1px 0px, #d93600 -1px 1px 0px,
    #d93600 1px -1px 0px, #d93600 -1px -1px 0px;*/
}

#reborn_wrapper a h4 {
    font-size: 14px;
    color: #d93600;
    margin-bottom: 15px;
    text-decoration: none;
    text-align: center;
}

#reborn_wrapper a p {
    color: #d93600;
    font-size: 13px;
    margin-bottom: 30px;
    text-decoration: none;
}

#reborn_wrapper .contents_inner {
    width: 640px;
    margin: 0px auto;
    padding: 100px 0 70px;
}

#top_video_wrapper {
    background-color: #f5f8fa;
}

#top_video_wrapper .contents_inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0px 40px 50px;
}

#top_video_wrapper .contents_inner .video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    margin-bottom: 40px;
}

#top_video_wrapper .contents_inner .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

#top_video_wrapper .tx_c {
    padding-bottom: 100px;
}


/*================facebook topics=================*/

#top_topics_contents figure {
    max-width: 900px;
    margin: 20px 20px 25px;
}

#top_topics_contents figure figurecaption {
    font-size: 14px;
    background-color: #211614;
    color: #ffffff;
    margin: 5px 0 10px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

#top_topics_contents figure figurecaption.mb_20 {
    margin-bottom: 0px;
}

#top_topics_contents p {
    font-size: 17px;
    color: #4c322d;
    margin-bottom: 90px;
    line-height: 1.9em;
}

#top_topics_contents figure.left {
    float: left;
    width: 340px;
    padding: 5px;
}


/*#top_topics_contents figure.right { float:right; width:41%} */

#top_topics_contents figure.right1 {
    margin-top: 23px;
    padding: 5px;
    float: left;
    width: 600px;
    height: 700px;
    background-position: top;
    /*border: solid 1px #211614;
    border-right: solid 3px #ab1e23;
    border-left: solid 3px #ab1e23;*/
}

@media only screen and (min-width: 1024px) {
    #top_topics_contents figure {
        max-width: 900px;
        margin: 20px 20px 25px;
    }

    #top_topics_contents figure.right1 {
        margin-left: 10px;
        padding: 10px;
        float: left;
        width: 600px;
        background-position: top;
        /*	border: solid 1px #211614;*/
    }
}

@media only screen and (min-width: 768px) {
    #top_topics_contents figure {
        max-width: 450px;
        margin: 10px;
    }

    #top_topics_contents figure.right1 {
        padding: 5px;
        float: left;
        width: 400px;
        height: 450px;
        background-position: top;
        /*	border: solid 1px #211614;*/
    }
}

@media only screen and (min-width: 667px) {
    #top_topics_contents figure {
        max-width: 600px;
        margin: 10px;
    }

    #top_topics_contents figure.right1 {
        padding: 5px;
        float: left;
        width: 600px;
        height: 450px;
        background-position: top;
        /*	border: solid 1px #211614;*/
    }
}

@media only screen and (min-width: 375px) {
    #top_topics_contents figure {
        max-width: 350px;
        margin: 10px;
    }

    #top_topics_contents figure.right1 {
        padding: 5px;
        float: left;
        width: 330px;
        height: 450px;
        background-position: top;
        /*	border: solid 1px #211614;*/
    }
}

@media only screen and (min-width: 667px) {
    #top_topics_contents figure {
        max-width: 600px;
        margin: 10px;
    }

    #top_topics_contents figure.right1 {
        padding: 5px;
        float: left;
        width: 500px;
        height: 450px;
        background-position: top;
        /*	border: solid 1px #211614;*/
    }
}


/*================インスタキャンペーン=================*/

#insta_wrapper {
    background: url(../images_n/insta_cam_bg.gif) repeat-x top left;
}

#insta_wrapper .insta_box_left {
    float: left;
}

#insta_wrapper .insta_box_right {
    float: right;
    padding-top: 80px;
}

#insta_wrapper .contents_inner {
    width: 687px;
    padding: 80px 0 70px;
    margin: 0 auto;
}


/*================フッター=================*/

#footer {
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 280px;
    font-size: 12px;
}

#footer,
#footer p,
#footer a,
#footer li,
#footer span,
#footer h3,
#footer div {
    color: #160304;
    /* font-weight: 700; */
    font-size: 14px;
}

#footer a {
    text-decoration: none;
    /* font-weight: 700; */
}

#footer_sub {
    padding: 20px 40px;
    border-bottom: #160304 1px solid;
}

#pageup a {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}


#pankuzu {
    float: left;
    font-size: 13px;
}

#pankuzu a {
    display: inline-block
}

#pankuzu a:after {
    content: "/";
    padding: 0 10px;
}

#footer_main {
    padding: 20px 40px;
    font-size: 13px;
}

#footer_main h3,
#footer_main h3 a {
    font-size: 14px;
}

#footer_main h3 {
    margin-bottom: 10px;
    line-height: 14px;
}

#footer_main h3 a {
    line-height: 14px;
    margin-right: 10px;
}

#footer_main h3 img {
    vertical-align: middle;
}

#footer_list {
    float: left;
}

#footer_list h2 {
    margin-top: -5px;
}

.footer_list_box {
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.footer_list_box li {
    margin-bottom: 7px;
}

.footer_list_box li.active a {
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.5 !important;
    opacity: 0.5 !important;
}

.footer_list_box1 {
    float: left;
    margin-right: 40px;
}

.footer_list_box2 {
    float: left;
}

.iconList {
    float: right;
}

.iconList li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.iconList li a,
.iconList li a img {
    vertical-align: middle;
}

.footer_kamei_logo {
    text-align: center;
}

.footer_kamei_logo a {
    filter: alpha(opacity=70) !important;
    -moz-opacity: 0.7 !important;
    opacity: 0.7 !important;
}

.footer_kamei_logo a:hover {
    filter: alpha(opacity=10) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}

.copyright {
    font-size: 11px;
    text-align: center;
    padding: 7px 0 20px;
}


/*=============================================
ページ別　テンプレ
===============================================*/

#contents.page {
    padding-bottom: 60px;
}

#contents_header {
    text-align: center;
    padding: 80px 0 80px;
}

#contents_header h2 {
    color: #ffffff;
    font-size: 60px;
}

#contents_header h3 {
    color: #ffffff;
    font-size: 18px;
}

#contents_header.ch_img {
    padding: 80px 0 80px;
}

#contents_header.ch_img h2 {
    color: #ffffff;
}

#contents_header.ch_img h3 {
    color: #ffffff;
}

#contents_header h2,
#contents_header h3 {}


/*=============================================
ページ別　ニュース　2
===============================================*/

.news #contents_header {
    background: url(../images_n/header_img_facility.jpg) no-repeat center top;
    background-size: cover;
}

.news #news_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.news #contents_header_wrapper {
    position: relative;
}

.news #sub_navi {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9900;
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    border-bottom: #f9e1d9 1px solid;
}

.news #sub_navi.fixed,
#sub_navi.fixed_open,
.news.item #sub_navi {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: inherit;
    background-color: #231815;
    padding: 20px 20px 20px 100px;
    z-index: 9900;
}

.news #sub_navi section {
    display: inline-block;
}

.news #sub_navi li {
    display: inline-block;
    margin: 0 2px;
}

.news #sub_navi li a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    padding: 3px 10px;
}

.news #sub_navi li.active_btn a,
.news #sub_navi li.current-cat a {
    background-color: #ffffff;
    color: #c1272d;
}


/*.news #sub_navi li.active_btn a,.news #sub_navi li.current-cat a{ background-image:url(../images_n/common/side_bg.png); color:#ffffff;} */

.news #sub_navi li a:hover {
    color: #c1272d;
}


/*.news #sub_navi li a:hover { background-image:url(../images_n/common/side_bg.png);  color:#ffffff;} */

#item-pagination {
    text-align: center;
}

#item-pagination ul {
    text-align: center;
}

#item-pagination ul li {
    display: inline;
    font-size: 14px;
}

#item-pagination ul li a,
#item-pagination ul li span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    text-decoration: none;
    /*-webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;*/
    color: #c1272d;
}

#item-pagination ul li:hover a {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#item-pagination ul li span.current {
    position: relative;
}

#item-pagination ul li span.current:after {
    background-color: #ec9a7f;
    /* 薄い赤 */
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
}

#item-pagination ul li a.prev {
    border: #c1272d 1px solid;
    padding: 10px 20px;
    margin-right: 20px;
}

#item-pagination ul li a.next {
    border: #c1272d 1px solid;
    padding: 10px 20px;
    margin-left: 10px;
}


/*=============================================
ページ別　ニュース シングルページ
===============================================*/

.news.single #single_area {
    max-width: 780px;
    margin: 0 auto;
    padding: 140px 40px 100px;
}

.news.single #single_area .single_article h3 {
    font-size: 34px;
    color: #333333;
    margin-bottom: 20px;
}

.news.single #single_area dl {
    margin-bottom: 40px;
}

.news.single #single_area dl dt {
    color: #c1272d;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    padding-right: 10px;
}

.news.single #single_area dl dd {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}

.news.single #single_area p {
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 1.8em;
    word-break: break-all;
    word-wrap: break-word;
}

.news.single #single_area p strong {
    color: #c1272d;
}

.news.single #single_area .single_article_body p img {
    max-width: 100%;
    height: auto;
}

.news.single #single_area a {
    color: #c1272d !important;
}

.news.single #single_area a font {
    color: #c1272d !important;
}

.news.single #single_area h5 {
    color: #c1272d;
    font-size: 12px;
    margin: 20px 0 15px;
}

.news.single #single_area .sns_list {
    margin-bottom: 30px;
}

.news.single #single_area .sns_list li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.sns_list .link-container {
    display: none;
    position: absolute;
}

.news.single #item-pagination p {
    display: inline-block;
    margin-bottom: 0px;
}

.news.single #item-pagination ul {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0 0px 20px;
}

.news.single #item-pagination ul li a {
    padding: 10px 20px;
    /*font-family: sans-serif;*/
    margin: 0px;
}

.news.single #item-pagination ul li.prev:after {
    content: "|";
    color: #f9e1d9;
    margin: 0 10px 0 15px;
    display: inline-block;
}

.news.single #item-pagination .btn_type1 {
    padding: 6px 20px;
}

.news.single #item-pagination .btn_type1:after {
    display: none;
}

.news.single #item-pagination .btn_type1:hover {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    color: #c1272d !important;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*=============================================
ページ別　フューチャー　faci
===============================================*/

.future #faci_contents .faci_post_wrapper {
    width: 50%;
}

.future #faci_contents .faci_post_wrapper .figure {
    padding: 37% 0 0;
}

.future #faci_contents .faci_txt_wrapper {
    height: 100px;
}


/*=============================================
ページ別　フューチャー　news
===============================================*/

.future #news_contents .news_post_wrapper {
    width: 50%;
}

.future #news_contents .news_post_wrapper .figure {
    padding: 37% 0 0;
}

.future #news_contents .news_txt_wrapper {
    height: 100px;
}


/*=============================================
ページ別　フューチャー　scene
===============================================*/

.future #scene_contents .scene_post_wrapper {
    width: 50%;
}

.future #scene_contents .scene_post_wrapper .figure {
    padding: 37% 0 0;
}

.future #scene_contents .scene_txt_wrapper {
    height: 100px;
}


/*=============================================
ページ別　フューチャー　cuisine
===============================================*/

.future #cuisine_contents .cuisine_post_wrapper {
    width: 50%;
}

.future #cuisine_contents .cuisine_post_wrapper .figure {
    padding: 37% 0 0;
}

.future #cuisine_contents .cuisine_txt_wrapper {
    height: 100px;
}


/*=============================================
ページ別　シーン 2
===============================================*/

.scene #contents_header {
    background: url(../images_n/header_img_scene.jpg) no-repeat center top;
    background-size: cover;
}

.scene #scene_contents {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.scene #scene_contents h3 {
    color: #211614;
    text-align: center;
    border-bottom: #211614 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.scene #contents_header_wrapper {
    position: relative;
}

.scene #scene_contents .list_box {
    margin-bottom: 80px;
}

.scene #scene_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.scene #scene_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.scene #scene_contents .list_box p.scene_txt_title {
    margin-bottom: 40px;
}

.scene #scene_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.scene #scene_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.scene #scene_contents .list_box .txt_picup img {
    width: 80%;
    padding: 10px;
}

.scene #scene_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.scene #scene_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.scene #scene_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.scene #scene_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.scene #scene_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.scene #scene_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.scene #scene_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.scene #scene_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.scene #scene_contents .list_box .list_box_inner p {
    color: #999999;
}

.scene #scene_contents p {
    color: #c1272d;
    font-size: 14px;
}

#item-pagination {
    text-align: center;
}

#item-pagination ul {
    text-align: center;
}

#item-pagination ul li {
    display: inline;
    font-size: 14px;
}

#item-pagination ul li a,
#item-pagination ul li span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    text-decoration: none;
    /*-webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;*/
    color: #c1272d;
}

#item-pagination ul li:hover a {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#item-pagination ul li span.current {
    position: relative;
}

#item-pagination ul li span.current:after {
    background-color: #ec9a7f;
    /* 薄い赤 */
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: block;
}

#item-pagination ul li a.prev {
    border: #c1272d 1px solid;
    padding: 10px 20px;
    margin-right: 20px;
}

#item-pagination ul li a.next {
    border: #c1272d 1px solid;
    padding: 10px 20px;
    margin-left: 10px;
}


/*=============================================
ページ別　リボーン
===============================================*/

.reborn #contents_header.ch_img {
    padding: 80px 0 80px;
    /* height: 113px; */
}

.reborn #contents_header {
    background: url(../images_n/header_img_about1.jpg) no-repeat center top;
    background-size: cover;
}

.reborn #reborn_contents {
    max-width: 900px;
    margin: 0 auto 100px;
    padding: 60px 40px 0px;
}

.reborn #reborn_contents h3 {
    text-align: center;
    font-size: 30px;
    color: #000;
    margin-bottom: 25px;
}

.reborn #reborn_contents figure {
    margin-bottom: 25px;
}

.reborn #reborn_contents figure figurecaption {
    font-size: 14px;
    color: #000;
    margin: 5px 0 90px;
    display: inline-block;
    vertical-align: top;
}

.reborn #reborn_contents figure figurecaption.mb_20 {
    margin-bottom: 0px;
}

.reborn #reborn_contents img {
    width: 100%;
    height: auto;
}

.reborn #reborn_contents p {
    font-size: 17px;
    color: #000;
    margin-bottom: 50px;
    line-height: 1.9em;
}

.reborn #reborn_contents figure.left {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.reborn #reborn_contents figure.right {
    float: right;
    width: 49%;
}

.reborn #video_wrapper {
    background-color: #000000;
}

.reborn #video_inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 40px;
}

.reborn .video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}

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

.reborn #vimeo_txt a {
    line-height: 67px;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 12px;
    margin-left: 15px;
}

@media only screen and (max-width: 500px) {
    .reborn #reborn_contents {
        padding: 60px 10px 0px;
    }

    .reborn #reborn_contents h3 {
        text-align: center;
        font-size: 18px;
        color: #000;
        margin-bottom: 25px;
    }
}


/*=============================================
ページ別　木もれ陽について
===============================================*/

.about #about_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.about #contents_header {
    background: url(../images_n/header_img_about.jpg) no-repeat center top;
    background-size: cover;
}

.about #about_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.about #about_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.about #about_contents .list_box {
    margin-bottom: 80px;
}

.about #about_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.about #about_contents .list_box p {
    font-size: 13px;
    color: #000000;
    line-height: 1.8em;
}

.about #about_contents .list_box p.about_txt_title {
    margin-bottom: 40px;
}

.about #about_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.about #about_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.about #about_contents .list_box .txt_picup img {
    width: 80%;
    padding: 10px;
}

.about #about_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.about #about_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.about #about_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.about #about_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.about #about_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.about #about_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.about #about_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.about #about_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.about #about_contents .list_box .list_box_inner p {
    color: #999999;
}

.about #about_contents p {
    color: #c1272d;
    font-size: 14px;
}


/*=============================================
ページ別　客室
===============================================*/

.room #room_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.room #contents_header {
    background: url(../images_n/header_img_room.jpg) no-repeat center top;
    background-size: cover;
}

.room #room_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.room #room_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.room #room_contents .list_box {
    margin-bottom: 80px;
}

.room #room_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.room #room_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.room #room_contents .list_box p.room_txt_title {
    margin-bottom: 40px;
}

.room #room_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.room #room_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.room #room_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.room #room_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.room #room_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.room #room_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.room #room_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.room #room_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.room #room_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.room #room_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.room #room_contents .list_box .list_box_inner p {
    color: #999999;
}

.room #room_contents p {
    color: #000000;
    font-size: 14px;
}

.room #room_contents #roominfo_wrapper .roominfo_inner {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.room #room_contents #roominfo_wrapper .roominfo_inner .room_item_photo {
    margin: 5px 0;
}

.room #room_contents #roominfo_wrapper ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.room #room_contents #roominfo_wrapper ul li {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.room #room_contents #roominfo_wrapper ul li img {
    width: 100%;
    height: auto;
}

.room #room_contents #roominfo_wrapper dl {}

.room #room_contents #roominfo_wrapper dl dt {
    color: #c1272d;
    font-size: 14px;
    margin-bottom: 10px;
}

.room #room_contents #roominfo_wrapper dl dd {
    color: #666666;
    font-size: 12px;
}

.room #room_contents #roominfo_wrapper dl dd p {
    color: #666666;
    font-size: 12px;
    line-height: 2em;
}

.room #room_contents #roominfo_wrapper dl dd div {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}

.room #room_contents #roominfo_wrapper dl dd a {
    color: #c1272d;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}


/*=============================================
ページ別　料理
===============================================*/

.cuisine #cuisine_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.cuisine #contents_header {
    background: url(../images_n/header_img_cuisine.jpg) no-repeat center top;
    background-size: cover;
}

.cuisine #cuisine_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.cuisine #cuisine_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.cuisine #cuisine_contents .list_box {
    margin-bottom: 80px;
}

.cuisine #cuisine_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.cuisine #cuisine_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.cuisine #cuisine_contents .list_box p.cuisine_txt_title {
    margin-bottom: 40px;
}

.cuisine #cuisine_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.cuisine #cuisine_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.cuisine #cuisine_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.cuisine #cuisine_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.cuisine #cuisine_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.cuisine #cuisine_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.cuisine #cuisine_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.cuisine #cuisine_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.cuisine #cuisine_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.cuisine #cuisine_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.cuisine #cuisine_contents .list_box .list_box_inner p {
    color: #999999;
}

.cuisine #cuisine_contents p {
    color: #000000;
    font-size: 16px;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper .cuisineinfo_inner {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper .cuisineinfo_inner .cuisine_item_photo {
    margin: 5px 0;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper ul li {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper ul li img {
    width: 100%;
    height: auto;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl {}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl dt {
    color: #c1272d;
    font-size: 15px;
    margin-bottom: 5px;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl dd {
    color: #666666;
    font-size: 12px;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl dd p {
    color: #666666;
    font-size: 12px;
    line-height: 2em;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl dd div {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}

.cuisine #cuisine_contents #cuisineinfo_wrapper dl dd a {
    color: #c1272d;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}


/*=============================================
ページ別　オールインクルーシブ
===============================================*/

.all-inclusive #contents_header {
    background: url(../images_n/header_img_all-inclusive.jpg) no-repeat center top;
    background-size: cover;
}


/*=============================================
ページ別　SPA
===============================================*/

.spa #contents_header {
    background: url(../images_n/header_img_spa.jpg) no-repeat center top;
    background-size: cover;
}

.spa #spa_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.spa #spa_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.spa #spa_contents p {
    color: #000000;
    font-size: 17px;
}

.spa #spa_contents #spainfo_wrapper .spainfo_inner {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.spa #spa_contents #spainfo_wrapper .spainfo_inner .spa_item_photo {
    margin: 5px 0;
}

.spa #spa_contents #spainfo_wrapper ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.spa #spa_contents #spainfo_wrapper ul li {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.spa #spa_contents #spainfo_wrapper ul li img {
    width: 100%;
    height: auto;
}

.spa #spa_contents #spainfo_wrapper dl {}

.spa #spa_contents #spainfo_wrapper dl dt {
    color: #c1272d;
    font-size: 14px;
    margin-bottom: 5px;
}

.spa #spa_contents #spainfo_wrapper dl dd {
    color: #666666;
    font-size: 12px;
}

.spa #spa_contents #spainfo_wrapper dl dd p {
    color: #666666;
    font-size: 12px;
    line-height: 2em;
}

.spa #spa_contents #spainfo_wrapper dl dd div {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}

.spa #spa_contents #spainfo_wrapper dl dd a {
    color: #c1272d;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}


/*=============================================
ページ別　施設紹介
===============================================*/

.facility #about_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.facility #contents_header {
    background: url(../images_n/header_img_facility.jpg) no-repeat center top;
    background-size: cover;
}

.facility #facility_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.facility #facility_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.facility #facility_contents .list_box {
    margin-bottom: 80px;
}

.facility #facility_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.facility #facility_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.facility #facility_contents .list_box p.about_txt_title {
    margin-bottom: 40px;
}

.facility #facility_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.facility #facility_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.facility #facility_contents .list_box .txt_picup img {
    width: 80%;
    padding: 10px;
}

.facility #facility_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.facility #facility_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.facility #facility_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.facility #facility_contents .list_box ul li a img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

.facility #facility_contents .list_box ul li a figcaption {
    margin-bottom: 20px;
}

.facility #facility_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.facility #facility_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.facility #facility_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.facility #facility_contents .list_box .list_box_inner p {
    color: #999999;
}

.facility #facility_contents p {
    color: #c1272d;
    font-size: 14px;
}


/*=============================================
ページ別　アクセス
===============================================*/

.access #access_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.access #contents_header {
    background: url(../images_n/header_img_access.jpg) no-repeat center top;
    background-size: cover;
}

.access #access_contents {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px 0px;
}

.access #access_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.access #access_contents .list_box {
    margin-bottom: 80px;
}

.access #access_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.access #access_contents .list_box p {
    font-size: 17px;
    /* color:#000000; */
    /* line-height:1.8em; */
}

.access #access_contents .list_box p.access_txt_title {
    margin-bottom: 40px;
}

.access #access_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.access #access_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.access #access_contents .list_box .txt_picup img {
    width: 80%;
    padding: 10px;
}

.access #access_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.access #access_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.access #access_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.access #access_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.access #access_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.access #access_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.access #access_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.access #access_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.access #access_contents .list_box .list_box_inner p {
    color: #999999;
}

.access #access_contents p {
    /* color:#c1272d; */
    font-size: 14px;
}


/*=============================================
ページ別　トピックス
===============================================*/

.topics #topics_contents .btn_type1:hover:after {
    height: 100%;
    opacity: 1;
}

.topics #contents_header {
    background: url(../images_n/header_img_topics.jpg) no-repeat center top;
    background-size: cover;
}

.topics #topics_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}

.topics #topics_contents h3 {
    color: #c1272d;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.topics #topics_contents .list_box {
    margin-bottom: 80px;
}

.topics #topics_contents .list_box a {
    color: #c1272d;
    text-decoration: none;
}

.topics #topics_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.topics #topics_contents .list_box p.topics_txt_title {
    margin-bottom: 40px;
}

.topics #topics_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.topics #topics_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.topics #topics_contents .list_box .txt_picup img {
    width: 80%;
    padding: 10px;
}

.topics #topics_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.topics #topics_contents .list_box ul li {
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    min-width: 196px;
}

.topics #topics_contents .list_box ul li a {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.topics #topics_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.topics #topics_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.topics #topics_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.topics #topics_contents .list_box ul li a figcaption {
    color: #c1272d;
    font-size: 11px;
    text-decoration: none;
}

.topics #topics_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.topics #topics_contents .list_box .list_box_inner p {
    color: #999999;
}

.topics #topics_contents p {
    color: #c1272d;
    font-size: 14px;
}


/*=============================================
ページ別　ラウンジ
===============================================*/

.lounge #contents_header.ch_img {
    padding: 110px 0 190px;
    height: 113px;
}

.lounge #contents_header {
    background: url(../images_n/header_img_lounge.jpg) no-repeat center top;
    background-size: cover;
}

.lounge #lounge_contents {
    max-width: 900px;
    margin: 0 auto 100px;
    padding: 60px 40px 0px;
}

.lounge #lounge_contents h3 {
    text-align: center;
    font-size: 30px;
    color: #000000;
    margin-bottom: 25px;
}

.lounge #lounge_contents figure {
    margin-bottom: 25px;
}

.lounge #lounge_contents figure figurecaption {
    font-size: 11px;
    color: #000000;
    margin: 5px 0 90px;
    display: inline-block;
    vertical-align: top;
}

.lounge #lounge_contents figure figurecaption.mb_20 {
    margin-bottom: 0px;
}

.lounge #lounge_contents img {
    width: 100%;
    height: auto;
}

.lounge #lounge_contents p {
    font-size: 17px;
    color: #000000;
    margin-bottom: 90px;
    line-height: 1.9em;
}

.lounge #lounge_contents figure.left {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.lounge #lounge_contents figure.right {
    float: right;
    width: 49%;
}

.lounge #video_wrapper {
    background-color: #000000;
}

.lounge #video_inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 40px;
}

.lounge .video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}

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

.lounge #vimeo_txt a {
    line-height: 67px;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 12px;
    margin-left: 15px;
}


/*=============================================
ページ別　ショップリスト
===============================================*/

.shoplist #contents_header {
    background: url(../images_n/header_img_shoplist.jpg) no-repeat center top;
    background-size: cover;
}

.shoplist #shoplist_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 60px 0px;
}

.shoplist_main_title {
    color: #c1272d;
    text-align: center;
    border-bottom: #eb9a7f 1px solid;
    font-size: 24px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.sl_wrapper {
    border-bottom: #eb9a7f 1px solid;
}

.sl_title_wrapper {
    text-align: center;
}

.sl_title_wrapper h3 {
    display: block;
    color: #c1272d;
    font-size: 14px;
    margin: 25px auto 0px;
    border: #c1272d 1px solid;
    width: 120px;
    padding: 3px 0px;
}

.sl_title_wrapper ul {
    display: inline-block;
    text-align: center;
    margin: 0px 0 25px;
}

#shoplist_box ul li {
    display: inline-block;
    margin: 20px 20px 0px;
    font-size: 16px;
}

#shoplist_box ul li a {
    text-decoration: none;
    color: #c1272d;
    padding: 0 0px 5px;
    font-size: 14px;
}

#shoplist_box ul li a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#shoplist_box ul li a.active {
    border-bottom: #c1272d 1px solid;
}

#shoplist_box .sl_c {
    display: none;
}

#shoplist_box .sl_c .sl_c_inner:first-child {
    border-top: #e5e5e5 1px solid;
}

#shoplist_box .sl_c .sl_c_inner {
    padding: 20px 20px 40px 0;
    position: relative;
    border-bottom: #e5e5e5 1px solid;
}

#shoplist_box .sl_c .sl_c_inner:last-child {
    border-bottom: none;
}

#shoplist_box .sl_c dl {
    margin: 0 130px 0 0;
}

#shoplist_box .sl_c dl dt {
    color: #666666;
    font-size: 13px;
}

#shoplist_box .sl_c dl dd {
    color: #666666;
    font-size: 13px;
}

#shoplist_box .sl_c dl dd br {
    display: none;
}

#shoplist_box .sl_c dl dd a {
    text-decoration: none;
    color: #666666;
}

#shoplist_box .sl_c .shop_item {
    font-size: 11px;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    width: 130px;
}

#shoplist_box .sl_c .shop_item span {
    display: inline-block;
    color: #cccccc;
    margin: 0 5px;
}

.shoplist #shoplist_contents #tyokuei_wrapper {
    margin-top: 80px;
}

.shoplist #shoplist_contents #tyokuei_wrapper h3 {
    color: #c1272d;
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.shoplist #shoplist_contents #tyokuei_wrapper .tyokuei_inner {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.shoplist #shoplist_contents #tyokuei_wrapper .tyokuei_inner .shop_item_photo {
    margin-bottom: 20px;
}

.shoplist #shoplist_contents #tyokuei_wrapper ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.shoplist #shoplist_contents #tyokuei_wrapper ul li {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.shoplist #shoplist_contents #tyokuei_wrapper ul li img {
    width: 100%;
    height: auto;
}

.shoplist #shoplist_contents #tyokuei_wrapper dl {}

.shoplist #shoplist_contents #tyokuei_wrapper dl dt {
    color: #c1272d;
    font-size: 14px;
    margin-bottom: 10px;
}

.shoplist #shoplist_contents #tyokuei_wrapper dl dd {
    color: #666666;
    font-size: 12px;
}

.shoplist #shoplist_contents #tyokuei_wrapper dl dd p {
    color: #666666;
    font-size: 12px;
    line-height: 2em;
}

.shoplist #shoplist_contents #tyokuei_wrapper dl dd div {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}

.shoplist #shoplist_contents #tyokuei_wrapper dl dd a {
    color: #c1272d;
    font-size: 12px;
    margin-top: 10px;
    line-height: 2em;
}


/*=============================================
ページ別　お問い合わせ　個人情報保護方針
===============================================*/

.repair #repair_contents .btn_type1:hover:after {
    height: 700%;
    opacity: 1;
}

.repair #repair_contents .btn_type1:active:after {
    height: 700%;
    opacity: 1;
}

.repair #contents_header {
    background: url(../images_n/header_img_contact.jpg) no-repeat center top;
    background-size: cover;
}

.repair #repair_contents {
    max-width: 900px;
    margin: 0 auto 200px;
    padding: 60px 40px 0px;
}

.repair #repair_contents h3 {
    color: #d93600;
    text-align: center;
    border-bottom: #ec9a7f 1px solid;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.repair #repair_contents h4 {
    color: #3d3938;
    text-align: center;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.repair #repair_contents .list_box {
    margin-bottom: 80px;
}

.repair #repair_contents .list_box a {
    color: #d93600;
    text-decoration: none;
}

.repair #repair_contents .list_box p {
    font-size: 17px;
    color: #000000;
    line-height: 1.8em;
}

.repair #repair_contents .list_box p.repair_txt_title {
    margin-bottom: 40px;
}

.repair #repair_contents .list_box .txt_picup {
    text-align: center;
    margin-bottom: 30px;
}

.repair #repair_contents .list_box .txt_picup p {
    display: inline-block;
    font-size: 16px;
    border: #e5e5e5 4px solid;
    padding: 10px 40px;
}

.repair #repair_contents .list_box ul {
    text-align: center;
    letter-spacing: -0.4em;
}

.repair #repair_contents .list_box ul li {
    display: inline-block;
    width: 20%;
    letter-spacing: normal;
    /* min-width: 1px; */
}

.repair #repair_contents .list_box ul li a {
    color: #d93600;
    font-size: 11px;
    text-decoration: none;
}

.repair #repair_contents .list_box ul li a img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.repair #repair_contents .list_box ul li a figcaption {
    margin-bottom: 40px;
}

.repair #repair_contents .list_box ul li a:hover figure {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.repair #repair_contents .list_box ul li a figcaption {
    color: #d93600;
    font-size: 11px;
    text-decoration: none;
}

.repair #repair_contents .list_box .list_box_inner {
    margin-bottom: 60px;
}

.repair #repair_contents .list_box .list_box_inner p {
    color: #999999;
}

.repair #repair_contents p {
    color: #d93600;
    font-size: 14px;
}

.repair #repair_contents .list_box2 {
    margin-bottom: 80px;
    text-align: center;
}


/*=============================================
ページ別　プロダクト
===============================================*/

.product #contents_header {
    background: url(../images_n/header_img_product.jpg) no-repeat center top;
    background-size: cover;
    padding: 170px 0 150px;
}

.product .contents_box {
    position: relative;
}

.product .contents_box h3 {
    float: left;
    color: #c1272d;
    width: 25%;
    text-align: center;
    position: absolute;
    top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    font-size: 26px;
    font-weight: 100 !important;
}

.product .contents_box ul {
    float: right;
    letter-spacing: -.40em;
    width: 75%;
    margin-left: 25%;
    text-align: right;
}

.product .contents_box ul li {
    display: inline-block;
    width: 33.33%;
    letter-spacing: normal;
    vertical-align: top;
}

.product .contents_box ul li a {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 100% 0 0;
    overflow: hidden;
    background-color: #ffffff;
}

.product .contents_box.cb_odd ul li a {
    background-color: #f5f5f5;
}

.product .contents_box ul li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

.product .contents_box ul li a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.product .contents_box a {
    text-decoration: none !important;
}

.product .contents_box a.lb:after {
    content: "rooma";
    position: absolute;
    top: 50%;
    display: inline-block;
    color: #c1272d;
    font-weight: 800;
    left: 50%;
    z-index: 100;
    padding: 0.2em 10px;
    line-height: 1em;
    margin: -0.7em 0 0 -86px;
    width: 150px;
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
}


/*.product  .contents_box .lb:hover:after { background-color:#c1272d; color:#ffffff;} */

.product .contents_box a.cc:after {
    content: "COLLECTION";
    position: absolute;
    top: 50%;
    display: inline-block;
    color: #c1272d;
    font-weight: 800;
    left: 50%;
    z-index: 100;
    padding: 0.2em 10px;
    line-height: 1em;
    margin: -0.7em 0 0 -86px;
    width: 150px;
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
}


/*.product  .contents_box .cc:hover:after { background-color:#c1272d; color:#ffffff;} */

.product .contents_box.cb_odd {
    background-color: #f5f5f5;
}

.product .contents_box ul li span {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 100% 0 0;
    overflow: hidden;
    background-color: #000000;
}

.product .contents_box ul li span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    transition: all 1.0s;
}

.product .contents_box ul li .q1:before {
    content: "QUARTER 1";
    position: absolute;
    top: 50%;
    display: inline-block;
    color: #c1272d;
    /*font-family: sans-serif;*/
    font-weight: 800;
    left: 50%;
    z-index: 100;
    padding: 0.2em 10px;
    line-height: 1em;
    margin: -0.7em 0 0 -86px;
    width: 150px;
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
}

.product .contents_box ul li .q2:before {
    content: "QUARTER 2";
    position: absolute;
    top: 50%;
    display: inline-block;
    color: #c1272d;
    /*font-family: sans-serif;*/
    font-weight: 800;
    left: 50%;
    z-index: 100;
    padding: 0.2em 10px;
    line-height: 1em;
    margin: -0.7em 0 0 -86px;
    width: 150px;
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
}

.product .contents_box ul li .q2.q2_date:before {
    margin: -1.4em 0 0 -86px;
}

.product .contents_box ul li .q2_date:after {
    content: "2017年秋公開予定";
    position: absolute;
    top: 50%;
    display: inline-block;
    color: #c1272d;
    left: 50%;
    z-index: 100;
    padding: 0.2em 10px;
    line-height: 1em;
    margin: 0 0 0 -86px;
    width: 150px;
    text-align: center;
    font-size: 12px;
    text-decoration: none !important;
}

.product .contents_box ul li .cc_new:after {
    content: "NEW";
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    background-image: url(../images_n/common/side_bg.png);
    /* #c1272d */
    color: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    z-index: 100;
    line-height: 40px;
    /*font-family: sans-serif;*/
    font-weight: 400;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 9px;
    text-decoration: none !important;
    text-align: center;
}


/*=============================================
ページ別　rooma
===============================================*/

.rooma #contents_header {
    background: url(../images_n/header_img_room.jpg) no-repeat center top;
    background-size: cover;
}

.rooma #rooma_contents {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 0px;
}


/*.rooma #contents_header { padding:170px 0 150px;} 
.rooma #rooma_contents { max-width:1330px; margin:0 auto; padding:0px 60px 0px;} */


/*type1*/

.rooma .contents_box {
    margin-bottom: 90px;
}

.rooma .contents_box .img_wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.rooma .contents_box .img_wrapper li {
    float: left;
}

.rooma .contents_box .img_wrapper li:first-child {
    width: 30%;
    margin-right: 2.5%;
}

.rooma .contents_box .img_wrapper li:last-child {
    width: 67.5%;
}

.rooma .contents_box .img_wrapper:nth-child(even) li:first-child {
    width: 67.5%;
}

.rooma .contents_box .img_wrapper:nth-child(even) li:last-child {
    width: 30%;
}

.rooma .contents_box:nth-child(even) .img_wrapper li:first-child {
    width: 67.5%;
}

.rooma .contents_box:nth-child(even) .img_wrapper li:last-child {
    width: 30%;
}

.rooma .contents_box .img_wrapper li img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.rooma .contents_box .img_wrapper li:first-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    opacity: 0;
}

.rooma .contents_box .img_wrapper li:last-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

.rooma .contents_box.on .img_wrapper li img {
    margin-top: 0px;
    opacity: 1;
}


/* 追加　↓*/

.rooma .contents_box {
    margin-bottom: 90px;
}

.rooma .contents_box .img_wrapper2 {
    width: 100%;
    margin-bottom: 20px;
}

.rooma .contents_box .img_wrapper2 li {
    float: left;
}

.rooma .contents_box .img_wrapper2 li:first-child {
    width: 67.5%;
    margin-right: 2.5%;
}

.rooma .contents_box .img_wrapper2 li:last-child {
    width: 30%;
}

.rooma .contents_box .img_wrapper2:nth-child(even) li:first-child {
    width: 30%;
}

.rooma .contents_box .img_wrapper2:nth-child(even) li:last-child {
    width: 67.5%;
}

.rooma .contents_box:nth-child(even) .img_wrapper2 li:first-child {
    width: 30%;
}

.rooma .contents_box:nth-child(even) .img_wrapper2 li:last-child {
    width: 67.5%;
}

.rooma .contents_box .img_wrapper2 li img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.rooma .contents_box .img_wrapper2 li:first-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

.rooma .contents_box .img_wrapper2 li:last-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    opacity: 0;
}

.rooma .contents_box.on .img_wrapper2 li img {
    margin-top: 0px;
    opacity: 1;
}


/* 追加　　↑*/

.rooma .contents_box .lb_btn_wrapper {
    text-align: center;
}

.rooma .contents_box .lb_btn_wrapper li {
    display: inline-block;
    font-size: 18px;
    color: #c1272d;
    cursor: pointer;
    line-height: 28px;
    margin: 0 8px;
}

.rooma .contents_box .lb_btn_wrapper li:hover img {
    -webkit-transform: rotate(-135deg) scale(1.1);
    -moz-transform: rotate(-135deg) scale(1.1);
    -ms-transform: rotate(-135deg) scale(1.1);
    transform: rotate(-135deg) scale(1.1);
}

.rooma .contents_box .lb_btn_wrapper li i {
    margin-right: 5px;
}

.rooma .contents_box .lb_btn_wrapper li img {
    vertical-align: top;
    line-height: 30px;
    margin-top: 0px;
    margin-left: 8px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: rotate(0deg) scale(1.0);
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
}

.roomBox {
    border: solid 1px #eee;
    padding: 10px;
    font-size: 1.1rem;
    text-align: left;
    width: 80%;
    margin: 10px auto;
    background: #eee;
    border-radius: 5px;
}


/*type2*/

.rooma #rooma_contents2 {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0px 60px 0px;
}

.rooma #rooma_contents2 .contents_box2 {
    margin-bottom: 40px;
    float: left;
    width: 48%;
}

.rooma #rooma_contents2 .contents_box2:nth-child(even) {
    float: right;
    margin-left: 4%;
}

.rooma #rooma_contents2 .contents_box2.type2_big li {
    width: 100%;
}

.rooma #rooma_contents2 .contents_box2.type2_small li {
    width: 80%;
    margin: 0px auto 0;
}

.rooma #rooma_contents2 .contents_box2.type2_small:nth-child(even) .img_wrapper li {
    margin: 200px auto 0;
}

.rooma #rooma_contents2 .contents_box2.type2_big:nth-child(even) .img_wrapper li {
    margin: 120px auto 0;
}

.rooma .contents_box2 .img_wrapper li img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.rooma .contents_box2:first-child .img_wrapper li img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    opacity: 0;
}

.rooma .contents_box2:last-child .img_wrapper li img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

.rooma .contents_box2.on .img_wrapper {
    margin-bottom: 20px;
}

.rooma .contents_box2.on .img_wrapper li img {
    margin-top: 0px;
    opacity: 1;
}

.rooma .contents_box2 .lb_btn_wrapper {
    text-align: center;
}

.rooma .contents_box2 .lb_btn_wrapper li {
    display: inline-block;
    font-size: 12px;
    color: #c1272d;
    cursor: pointer;
    line-height: 20px;
    margin: 0 5px;
}

.rooma .contents_box2 .lb_btn_wrapper li i {
    margin-right: 5px;
}

.rooma .contents_box2 .lb_btn_wrapper li img {
    vertical-align: top;
    line-height: 20px;
    margin-top: 3px;
}

.rooma .contents_box2 .lb_btn_wrapper li:hover img {
    -webkit-transform: rotate(-135deg) scale(1.1);
    -moz-transform: rotate(-135deg) scale(1.1);
    -ms-transform: rotate(-135deg) scale(1.1);
    transform: rotate(-135deg) scale(1.1);
}

.rooma .contents_box2 .lb_btn_wrapper li i {
    margin-right: 5px;
}

.rooma .contents_box2 .lb_btn_wrapper li img {
    vertical-align: top;
    line-height: 20px;
    margin-top: 3px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: rotate(0deg) scale(1.0);
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
}


/*ドロワー*/

.item_drawer_wrapper {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: -580px;
    width: 580px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: 9990
}

.item_drawer_wrapper.open {
    visibility: visible;
    -webkit-transform: translate3d(-580px, 0, 0);
    -moz-transform: translate3d(-580px, 0, 0);
    transform: translate3d(-580px, 0, 0);
    right: 0\9;
}

#wrapper.open2 {
    -webkit-transform: translate3d(-580px, 0, 0);
    -moz-transform: translate3d(-580px, 0, 0);
    transform: translate3d(-580px, 0, 0);
    right: 580px\9;
}


/* オーバーレイ表示をするためのCSS */

.open2 .ol {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.ie8 .open2 .ol {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000);
    /*IE8以下用*/
}

.item_info_wrapper {
    background-color: #f5f5f5;
    padding-bottom: 80px;
}

.item_info_wrapper .info_img_box {
    background-color: #ffffff;
    padding: 40px;
    position: relative;
    /*width:100%; height:auto;*/
}

.item_info_wrapper .info_img_box .bx-wrapper li img {
    width: 100%;
    height: auto;
}

.item_info_wrapper .info_img_box p {
    position: absolute;
    bottom: 20px;
    ;
    right: 20px;
}

.item_info_wrapper .info_img_box p span:first-child img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.item_info_wrapper .info_img_box p span {
    display: inline-block;
    position: relative;
    width: 43px;
    height: 43px;
}

.item_info_wrapper .info_img_box p span a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 43px;
    background-color: #ff0000;
    text-indent: -9999em;
    z-index: 100;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.item_info_wrapper .info_txt_wrapper {
    padding: 20px 30px 5px;
    color: #c1272d;
}


/*.item_info_wrapper  .info_txt_wrapper { padding:60px 30px 100px; color:#c1272d; }*/

.item_info_wrapper .info_txt_wrapper h2 {
    color: #c1272d;
    font-size: 13px;
    margin-bottom: 10px;
}

.item_info_wrapper .info_txt_wrapper h2 a {
    color: #c1272d;
    font-size: 13px;
    text-decoration: none;
    /*font-family: sans-serif;*/
}

.item_info_wrapper .info_txt_wrapper h3 {
    color: #c1272d;
    font-size: 24px;
    margin-bottom: 10px;
}

.item_info_wrapper .info_txt_wrapper h4 {
    color: #c1272d;
    font-size: 12px;
    margin-bottom: 30px;
}

.item_info_wrapper .info_txt_wrapper .info_txt {
    color: #c1272d;
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 20px;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
}

.item_info_wrapper .info_txt_wrapper dl {
    margin-bottom: 20px;
}

.item_info_wrapper .info_txt_wrapper dt {
    color: #c1272d;
    float: left;
    font-size: 12px;
    line-height: 2em;
}

.item_info_wrapper .info_txt_wrapper dd {
    color: #c1272d;
    margin-left: 70px;
    font-size: 12px;
    line-height: 2em;
}

.item_info_wrapper .info_txt_wrapper h5 {
    color: #c1272d;
    font-size: 12px;
    margin: 20px 0 15px;
}

.item_info_wrapper .info_txt_wrapper .sns_list {
    margin-bottom: -30px;
}

.item_info_wrapper .info_txt_wrapper .sns_list li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.item_info_wrapper .info_txt_wrapper .btn_wrapper {
    color: #c1272d;
}

.item_info_wrapper .info_txt_wrapper .btn_wrapper a {
    font-size: 18px;
    text-align: center;
}

.item_info_wrapper .btn_close {
    font-size: 12px;
    cursor: pointer;
    padding: 0 60px;
}

.item_info_wrapper .info_txt_wrapper #tag_wrapper {
    margin-bottom: 30px;
}

.item_info_wrapper .info_txt_wrapper .contry {
    color: #c1272d;
    font-size: 13px;
    line-height: 20px;
    margin: 0 20px 10px 0;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .contry i {
    margin-right: 10px;
}

.item_info_wrapper .info_txt_wrapper .contry img {
    vertical-align: top;
    margin-top: 0px;
}

.item_info_wrapper .info_txt_wrapper .about {
    color: #c1272d;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .about i {
    margin-right: 5px;
    line-height: 14px;
}

.item_info_wrapper .info_txt_wrapper .about img {
    vertical-align: top;
    margin-top: 0px;
}

.item_info_wrapper .info_txt_wrapper .room {
    color: #c1272d;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .room i {
    margin-right: 5px;
    line-height: 14px;
}

.item_info_wrapper .info_txt_wrapper .room img {
    vertical-align: top;
    margin-top: 0px;
}

.item_info_wrapper .info_txt_wrapper .cuisine {
    color: #c1272d;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .cuisine i {
    margin-right: 5px;
    line-height: 14px;
}

.item_info_wrapper .info_txt_wrapper .cuisine img {
    vertical-align: top;
    margin-top: 0px;
}

.item_info_wrapper .info_txt_wrapper .spa {
    color: #c1272d;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .spa i {
    margin-right: 5px;
    line-height: 14px;
}

.item_info_wrapper .info_txt_wrapper .spa img {
    vertical-align: top;
    margin-top: 0px;
}

.item_info_wrapper .info_txt_wrapper .repair {
    color: #d93600;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.item_info_wrapper .info_txt_wrapper .repair i {
    margin-right: 5px;
    line-height: 14px;
}

.item_info_wrapper .info_txt_wrapper .repair img {
    vertical-align: top;
    margin-top: 0px;
}


/*=============================================
ページ別　rooma ss16
===============================================*/

.rooma_ss16.rooma #contents_header {
    padding: 170px 0 0px;
    position: relative;
    z-index: 10;
}

.rooma_ss16.rooma #rooma_contents {
    padding: 0px;
}

.rooma_ss16.rooma #rooma_contents {
    max-width: none;
}

.rooma_ss16.rooma .contents_box3 .img_wrapper li img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.rooma_ss16.rooma .contents_box3.type_wide {
    border-bottom: #cccccc 1px solid;
    margin-bottom: 20px;
}

.rooma_ss16.rooma .contents_box3.type_wide .img_wrapper li {
    width: 100%;
}

.rooma_ss16.rooma .contents_box3.type_wide.wide_end {
    border: none;
    margin-bottom: 40px;
}

.rooma_ss16.rooma .contents_wrap {
    padding: 0px 20px 20px;
}

.rooma_ss16.rooma .contents_box3 {
    position: relative;
}

.rooma_ss16.rooma .contents_box3.type1 {
    border: #cccccc 1px solid;
    box-sizing: border-box;
}

.rooma_ss16.rooma .contents_box3.type1.t_left {
    float: left;
}

.rooma_ss16.rooma .contents_box3.type1.t_right {
    float: right;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no1 {
    width: 37.77%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no1 {
    width: 60.3%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no2 {
    width: 55.4%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no2 {
    width: 42.6%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no3 {
    width: 42.4%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no3 {
    width: 55.5%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no4 {
    width: 33%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no4 {
    width: 65%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no5 {
    width: 49%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no5 {
    width: 49%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no6 {
    width: 41.5%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no6 {
    width: 56.55%;
    border: none;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no7 {
    width: 41.5%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no7 {
    width: 56.55%;
    border: none;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no8 {
    width: 41.5%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no8 {
    width: 56.55%;
    border: none;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no9 {
    width: 53.6%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no9 {
    width: 44.6%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no10 {
    width: 41.5%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no10 {
    width: 56.55%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no11 {
    width: 44.6%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no11 {
    width: 53.6%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no12 {
    width: 49%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no12 {
    width: 49%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no13 {
    width: 55.8%;
}

.rooma_ss16.rooma .contents_box3.type1.t_right.box_no13 {
    width: 42.28%;
}

.rooma_ss16.rooma .contents_box3.type1.t_left.box_no14 {
    width: 68%;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li {
    display: inline-block;
    font-size: 11px;
    color: #c1272d;
    cursor: pointer;
    line-height: 20px;
    margin: 0 5px;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li span {
    color: #c1272d;
    line-height: 20px;
    position: relative;
    padding-bottom: 3px;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #c1272d;
    transition: all .3s ease;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li:hover span:after {
    width: 100%;
}

.rooma .contents_box .lb_btn_wrapper li span {
    color: #c1272d;
    line-height: 20px;
    position: relative;
    padding-bottom: 3px;
}

.rooma .contents_box .lb_btn_wrapper li span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #c1272d;
    transition: all .3s ease;
}

.rooma .contents_box .lb_btn_wrapper li:hover span:after {
    width: 100%;
}

.rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li span {
    color: #c1272d;
    line-height: 20px;
    position: relative;
    padding-bottom: 3px;
}

.rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #c1272d;
    transition: all .3s ease;
}

.rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li:hover span:after {
    width: 100%;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li i {
    margin-right: 5px;
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li img {
    vertical-align: top;
    line-height: 20px;
    margin-top: 2px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: rotate(0deg) scale(1.0);
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
}

.rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li:hover img {
    -webkit-transform: rotate(-135deg) scale(1.1);
    -moz-transform: rotate(-135deg) scale(1.1);
    -ms-transform: rotate(-135deg) scale(1.1);
    transform: rotate(-135deg) scale(1.1);
}

.rooma_ss16.rooma .contents_box3 .img_wrapper li:first-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    opacity: 0;
}

.rooma_ss16.rooma .contents_box3 .img_wrapper li:last-child img {
    margin-top: 30px;
    -webkit-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -moz-transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    transition: margin-top 0.6s ease-out, opacity 0.8s ease-in;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

.rooma_ss16.rooma .contents_box3.on .img_wrapper li img {
    margin-top: 0px;
    opacity: 1;
}


/*=============================================
ページ別　faci
===============================================*/

.collection #faci_contents .faci_post_wrapper .figure {
    background-color: #000000;
}

.collection #faci_contents a:hover .faci_post_wrapper img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.collection #faci_contents .faci_post_wrapper {
    position: relative;
    text-align: center;
}

.collection #faci_contents a:hover .faci_post_wrapper h2 {
    display: inline-block;
}

.collection #faci_contents .faci_post_wrapper h2 {
    color: #c1272d;
    font-size: 18px;
    line-height: 1.8em;
    margin-top: -0.9em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}


/*=============================================
ページ別　COLLECTION
===============================================*/

.collection #news_contents .news_post_wrapper .figure {
    background-color: #000000;
}

.collection #news_contents a:hover .news_post_wrapper img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.collection #news_contents .news_post_wrapper {
    position: relative;
    text-align: center;
}

.collection #news_contents a:hover .news_post_wrapper h2 {
    display: inline-block;
}

.collection #news_contents .news_post_wrapper h2 {
    color: #c1272d;
    font-size: 18px;
    line-height: 1.8em;
    margin-top: -0.9em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}


/*=============================================
ページ別　シーン
===============================================*/

.collection #scene_contents .scene_post_wrapper .figure {
    background-color: #000000;
}

.collection #scene_contents a:hover .scene_post_wrapper img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.collection #scene_contents .scene_post_wrapper {
    position: relative;
    text-align: center;
}

.collection #scene_contents a:hover .scene_post_wrapper h2 {
    display: inline-block;
}

.collection #scene_contents .scene_post_wrapper h2 {
    color: #c1272d;
    font-size: 18px;
    line-height: 1.8em;
    margin-top: -0.9em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}


/*=============================================
ページ別　お料理
===============================================*/

.collection #cuisine_contents .cuisine_post_wrapper .figure {
    background-color: #000000;
}

.collection #cuisine_contents a:hover .cuisine_post_wrapper img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.collection #cuisine_contents .cuisine_post_wrapper {
    position: relative;
    text-align: center;
}

.collection #cuisine_contents a:hover .cuisine_post_wrapper h2 {
    display: inline-block;
}

.collection #cuisine_contents .cuisine_post_wrapper h2 {
    color: #c1272d;
    font-size: 18px;
    line-height: 1.8em;
    margin-top: -0.9em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}


/*=============================================
ページ別　商品詳細
===============================================*/


/*.news.item #sub_navi { border-bottom:#e6e6e6 1px solid;} */

#item_contents {
    display: table;
    width: 100%;
    padding-top: 65px;
    table-layout: fixed;
}

#item_img {
    display: table-cell;
    width: 60%;
    vertical-align: top;
}

#item_img.item_info_wrapper {
    background-color: #ffffff;
    padding-bottom: 0px;
}

#item_img.item_info_wrapper .info_img_box {
    padding: 0;
}

#item_img.item_info_wrapper .info_img_box .bx-wrapper {
    width: 100%;
}

#item_txt {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    max-width: 500px;
}

#item_img.item_info_wrapper .info_img_box .bx-wrapper li img {
    width: 90%;
    padding: 0 0 0 10%;
}

#item_img.item_info_wrapper .info_img_box #bx-pager {
    position: absolute;
    top: 10%;
    left: 10px;
}

#item_img.item_info_wrapper .info_img_box #bx-pager a {
    display: block;
    border: #e5e5e5 1px solid;
    margin-bottom: 5px;
}

#item_img.item_info_wrapper .info_img_box #bx-pager a img {
    vertical-align: top;
}

#tag_wrapper2 span {
    margin: 0 auto;
    font-size: 14px;
    color: #c1272d;
    padding: 10px 40px;
    text-decoration: none;
    border: #c1272d 1px solid;
    display: inline-block;
}

.item_t #item-pagination {
    margin-top: 30px;
}


/*=============================================
ページ別　お問い合わせ　個人情報保護方針
===============================================*/

.contact #contents_header {
    background: url(../images_n/header_img_contact.jpg) no-repeat center top;
    background-size: cover;
    padding: 80px 0 80px;
}

.contact .contact {
    float: left;
    width: 90%;
}

.contact .contact_l {
    float: left;
    width: 48%;
}

.contact .contact_r {
    float: right;
    width: 48%;
}

.wpcf7 p.f_txt {
    margin-bottom: 20px;
}

.wpcf7 div span {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.wpcf7 div div span {
    width: 49%;
    margin-right: 2%;
    float: left;
}

.wpcf7 div div span:last-child {
    margin-right: 0;
}

.wpcf7 div span.wpcf7-not-valid-tip {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0px;
    color: #c1272d;
    font-size: 11px;
    border: #c1272d 1px solid;
    padding: 0 10px;
}

.wpcf7 input,
.wpcf7 textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: none;
    outline: none;
    padding: 5px;
    font-size: 13px;
}

.wpcf7 input.wpcf7-submit {
    background-color: #999999;
    border: none;
    cursor: pointer;
    color: #ffffff;
    -webkit-appearance: none;
    width: 100px;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    padding: 10px 15px;
}

.wpcf7 input.wpcf7-submit:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.wpcf7 div.wpcf7-validation-errors {
    border: #c1272d 1px solid;
    color: #c1272d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 10px;
    margin: 20px 0 0;
    font-size: 11px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #c1272d !important;
    color: #c1272d;
    font-size: 13px;
}


/*=============================================
ページ別　ヒストリー
===============================================*/

.car.about #contents_header {
    background: url(../images_n/header_img_car.jpg) no-repeat center top;
    background-size: cover;
    padding: 170px 0 150px;
}

.car.about #about_contents h3 {
    border-bottom: none;
}


/* .about_wrap */

.about_car img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.about_wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    color: #c1272d;
}

.about_wrap h2 {
    text-align: center;
    font-size: 24px;
    margin: 0 0 40px 0;
    color: #c1272d;
}

.about_wrap h3 {
    text-align: center;
    font-size: 24px;
    margin: 0 0 50px 0;
}

.about_wrap p.lead {
    font-size: 14px;
    line-height: 30px;
    color: #c1272d;
}

.about_wrap .about_car {
    padding: 50px 0 0 0;
    margin: 0 0 0 0;
}

.about_car_list {
    position: relative;
    visibility: hidden;
    min-height: 1000px;
}

.about_car_list:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #c1272d;
    margin: 0 0 0 -1px;
}

.about_car_list .left {
    float: left;
    width: 50%;
}

.about_car_list .right {
    float: right;
    width: 50%;
    padding: 0 0 0 0;
}

.histroy_inner {
    display: none;
    clear: both;
}

.about_time {
    position: relative;
    margin: 0 0 45px 0;
}

.hisotry_pc .about_time {
    position: relative;
    /*min-height: 300px;*/
}

.hisotry_pc .about_time.no_image {
    min-height: 0px;
}


/*.hisotry_pc .about_time figure{
-ms-filter: "alpha(opacity=0)" ;
-khtml-opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;	
} */

.about_time h4 {
    position: absolute;
    top: 0;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    color: #c1272d;
}

.about_time p {
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 20px 0;
    padding: 6px 0 0 0;
    color: #c1272d;
}

.about_car_list .left .about_time {
    margin-right: -1px;
    padding-right: 145px;
    text-align: right;
}

.about_car_list .left .about_time h4 {
    right: 0;
    padding: 0 30px 0 0;
    background: #ffffff url(../images_n/car_bg.jpg) no-repeat center right;
}

.about_car_list .right .about_time {
    margin-left: -2px;
    padding-left: 145px;
    text-align: left;
}

.about_car_list .right .about_time h4 {
    left: 0;
    padding: 0 0 0 30px;
    background: #ffffff url(../images_n/car_bg.jpg) no-repeat center left;
}

.about_bottom {
    padding: 60px 0 0 0;
    text-align: center;
}

.about_bottom .about_link {
    display: inline-block;
    color: #c1272d;
}

.about_bottom h5 {
    font-weight: 900;
    font-size: 30px;
    margin: 0 0 25px 0;
    color: #c1272d;
}

.about_bottom p {
    font-size: 13px;
    line-height: 24px;
    color: #c1272d;
}

.car1892 {
    margin: 0 0 90px 0;
}

.car1954 {
    margin: 70px 0 33px 0;
}

.car1965 {
    margin: 0 0 45px 0;
}

.car1965 figure {
    text-align: center;
}

.car1978 {
    margin: 0 0 57px 0;
}

.car1982 {
    margin: 0 0 90px 0;
}

.car1982 figure {
    text-align: center;
}

.car1990 {
    margin: 0 0 110px 0;
}

.car1994 {
    margin: 0 0 45px 0;
}

.car1995 {
    margin: 0 0 120px 0;
}

.car1997 {
    margin: 0 0 40px 0;
}

.car1998 {
    margin: 0 0 140px 0;
}

.car1999 {
    margin: 0 0 46px 0;
}

.car2000 {
    margin: 0 0 46px 0;
}

.car2001 {
    margin: 0 0 46px 0;
}

.car2002 {
    margin: 0 0 46px 0;
}

.car2003 {
    margin: 0 0 49px 0;
}

.car2004 {
    margin: 0 0 46px 0;
}

.car2005 {
    margin: 0 0 50px 0;
}

.car2006 {
    margin: 0 0 50px 0;
}

.car2007 {
    margin: 0 0 46px 0;
}

.car2008 {
    margin: 0 0 60px 0;
}

.car2009 {}

.car2013 {}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}

@media only screen and (max-width:1360px) {
    #news_contents .news_post_wrapper {
        width: 50%;
    }
}


/*=============================================================================================================================
1023px以下
====================================================*/

@media only screen and (max-width:1024px) {
    #slide-container .title {
        font-size: 60px;
    }

    #faci_contents .faci_post_wrapper {
        width: 33.33%;
    }

    #news_contents .faci_post_wrapper {
        width: 33.33%;
    }

    #news_contents2 .faci_post_wrapper {
        width: 50%;
    }

    #news_contents .news_post_wrapper {
        width: 50%;
    }
}


/*=============================================================================================================================
768px以下
====================================================*/

@media only screen and (max-width:768px) {
    #slide-container .title {
        font-size: 36px;
    }

    #faci_contents .faci_post_wrapper {
        width: 50%;
    }

    #news_contents .news_post_wrapper {
        width: 50%;
    }

    #faci_contents2 .faci_post_wrapper {
        width: 50%;
    }

    #news_contents2 .news_post_wrapper {
        width: 50%;
        margin-bottom: 100px;
    }

    #cuisine_oder_wrapper .future_inner {
        width: auto;
        margin: 0 20px;
    }

    #all-inclusive_wrapper .future_inner {
        width: auto;
        margin: 0 20px;
    }

    #car_wrapper .contents_inner {
        width: auto;
        margin: 0 70px;
    }

    #lounge_wrapper .contents_inner {
        width: auto;
        margin: 0 70px;
    }

    /*================インスタキャンペーン=================*/
    #insta_wrapper .insta_box_left {
        float: none;
        display: block;
        text-align: center;
    }

    #insta_wrapper .insta_box_right {
        float: none;
        padding-top: 30px;
        display: block;
        text-align: center;
    }

    #insta_wrapper figure img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #insta_wrapper .insta_box_left figure img {
        width: 185px;
        heigth: auto;
        margin-right: -35px;
    }

    #insta_wrapper .insta_box_right figure img {
        width: 300px;
        heigth: auto;
    }

    #insta_wrapper .contents_inner {
        width: auto;
        padding: 50px 0 50px;
        margin: 0 auto;
    }

    /*=============================================
    ページ別　商品詳細
    ===============================================*/
    #item_contents {
        display: block;
        width: 100%;
        padding-top: 65px;
    }

    #item_img {
        display: block;
        width: 100%;
    }

    #item_img.item_info_wrapper {
        background-color: #ffffff;
        padding-bottom: 0px;
    }

    #item_img.item_info_wrapper .info_img_box {
        padding: 0;
    }

    #item_img.item_info_wrapper .info_img_box .bx-wrapper {
        width: 100%;
    }

    #item_txt {
        display: block;
        width: 100%;
        max-width: none;
    }

    #item_img.item_info_wrapper .info_img_box .bx-wrapper li img {
        width: 90%;
        padding: 0 0 0 10%;
    }

    /*=============================================
    ページ別　ショップリスト
    ===============================================*/
    .shoplist #shoplist_contents #tyokuei_wrapper ul {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .shoplist #shoplist_contents #tyokuei_wrapper dl {
        margin-left: 0px;
    }
}


/*=============================================================================================================================
668px以下
====================================================*/

@media only screen and (max-width: 668px) {
    .pc {
        display: none;
    }

    .sp {
        display: inline-block;
    }

    .ifSp {
        display: block;
    }

    /*================ヘッダー=================*/
    html,
    body {}

    body {
        width: 100%;
        position: relative;
        background-color: #fff;
        /* #c1272d*/
    }

    body#top {
        background-color: #ffffff;
    }

    #page_w {
        background-color: #000;
    }

    #wrapper {
        padding-top: 50px;
    }

    .btn_type1:after {
        display: none;
    }

    .btn_type1:hover {
        color: #7c7762 !important;
    }

    #slide-pagination_r {
        position: fixed;
    }

    header {
        background-color: #000;
        width: 100%;
        height: 50px;
        top: 0;
        left: 0;
        z-index: 9997;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;
    }

    header.open {
        background-image: url(../images_n/common/side_bg.png);
        /*	background-color: #bf3000;*/
        -webkit-transform: translate3d(0, 0, 0);
        /* 50% → 180px */
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #header {
        position: relative;
    }

    #header h1 {
        text-align: center;
        margin: 0px 0;
        text-indent: -9999px;
        overflow: hidden;
    }

    #header h1 a {
        display: inline-block;
        margin-top: 14px;
    }

    #drawer-toggle {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0px;
        margin-top: 0px;
        margin-left: 0px;
        cursor: pointer;
        visibility: visible
    }

    /*
    header #header_logo path, header #header_logo polygon, header #header_logo rect { fill:#ffffff;} 
    header #header_logo path, header #header_logo polygon, header #header_logo rect { fill:#ffffff;} 
    header #header_logo path, header #header_logo polygon, header #header_logo rect { fill:#ffffff;} 
    */
    .arrow1 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: 11px 0 0 11px;
    }

    .arrow1.active:before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        right: 10px;
    }

    .arrow1.active:after {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        right: 10px;
    }

    .arrow1.active span {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        left: 11px;
    }

    header .arrow1:before {
        background-color: #ffffff;
    }

    header .arrow1:after {
        background-color: #ffffff;
    }

    header .arrow1 span {
        background-color: #ffffff;
    }

    #nav {
        width: 100%;
        padding-left: 0;
        height: auto;
        /*background-color: #c1272d;*/
        background-image: url(../images_n/common/side_bg.png);
    }

    #nav_inner {
        width: 150px;
        float: none;
        padding: 20px 5px 0 20px;
        /* padding-bottom:0; */
    }

    #nav_inner img {
        width: 150px;
        /* padding-bottom:0; */
    }

    #nav_thumb {
        float: none;
        overflow: visible;
        padding-top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 125px;
    }

    #nav_inner ul li a:after {
        display: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
    }

    #nav_inner ul li.active a:after {
        display: block;
    }

    #nav_thumb dl dt {
        width: 145px;
        height: 60px;
    }

    #nav_thumb dl dt img {
        width: 150px;
        height: 60px;
    }

    #contents {
        padding-left: 0px;
    }

    #wrapper.open {
        -webkit-transform: translate3d(50%, 0, 0);
        -moz-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    #drawer {
        width: 160px;
        left: -190px;
        width: 190px;
        visibility: hidden;
    }

    #drawer.open {
        visibility: visible;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        overflow: scroll;
    }

    #slide-pagination {
        display: none;
    }

    #faci_contents .faci_post_wrapper {
        width: 100%;
        float: none;
        padding: 5%;
    }

    #faci_contents a .faci_txt_wrapper dl dt {
        color: #999999;
    }

    #faci_contents a .faci_txt_wrapper dl dd {
        color: #999999;
    }

    #faci_contents a .faci_txt_wrapper p {
        color: #999999;
    }

    #faci_contents a {
        text-decoration: none;
    }

    #news_contents .news_post_wrapper {
        width: 100%;
        float: none;
    }

    #news_contents a .news_txt_wrapper dl dt {
        /* color:#999999; */
        display: block;
        margin-bottom: 10px;
        font-size: 15px;
    }

    #news_contents a .news_txt_wrapper dl dd {
        /* color:#999999; */
    }

    #news_contents a .news_txt_wrapper p {
        /* color:#999999; */
    }

    #news_contents a {
        text-decoration: none;
    }

    #news_contents2 .news_post_wrapper {
        width: 100%;
        float: none;
    }

    #news_contents2 a .news_txt_wrapper dl dt {
        /* color:#999999; */
        font-size: 15px;
    }

    #news_contents2 a .news_txt_wrapper dl dd {
        /* color:#999999; */
    }

    #news_contents2 a .news_txt_wrapper p {
        /* color:#999999; */
        font-weight: 600;
    }

    #news_contents2 a {
        text-decoration: none;
    }

    #scene_contents .scene_post_wrapper {
        width: 100%;
        float: none;
    }

    #scene_contents a .scene_txt_wrapper dl dt {
        color: #999999;
    }

    #scene_contents a .scene_txt_wrapper dl dd {
        color: #999999;
    }

    #scene_contents a .scene_txt_wrapper p {
        color: #999999;
    }

    #scene_contents a {
        text-decoration: none;
    }

    #cuisine_contents .cuisine_post_wrapper {
        width: 100%;
        float: none;
    }

    #cuisine_contents a .cuisine_txt_wrapper dl dt {
        color: #999999;
    }

    #cuisine_contents a .cuisine_txt_wrapper dl dd {
        color: #999999;
    }

    #cuisine_contents a .cuisine_txt_wrapper p {
        color: #999999;
    }

    #cuisine_contents a {
        text-decoration: none;
    }

    #cuisine_oder_wrapper .future_inner {
        width: auto;
        padding: 100px 40px 70px;
        margin: 0;
        color: #fff;
    }

    #all-inclusive_wrapper .future_inner {
        width: auto;
        padding: 100px 40px 70px;
        margin: 0;
        color: #fff;
    }

    #car_wrapper .contents_inner {
        width: auto;
        padding: 100px 40px 70px;
        margin: 0;
    }

    #lounge_wrapper .contents_inner {
        width: auto;
        padding: 100px 40px 70px;
        margin: 0;
    }

    /*================リボーン=================*/
    #reborn_box {
        padding-bottom: 40px;
        background-color: #f5f8fa;
    }

    #reborn_wrapper a h3 {
        font-size: 36px;
    }

    #reborn_wrapper .contents_inner {
        width: auto;
        padding: 100px 40px 70px;
        margin: 0;
    }

    #reborn_wrapper {
        background: url(../images_n/top_reborn.jpg) no-repeat bottom center #f5f8fa;
        background-size: 180% auto;
        height: 680px;
    }

    #reborn_wrapper:hover {
        background-size: 100% auto;
    }

    /*================お料理　オーダー=================*/
    #cuisine_oder_wrapper h2 {
        font-size: 14px;
    }

    #cuisine_oder_wrapper h3 {
        /* font-size:36px; */
    }

    /*================オールインクルーシブ=================*/
    #all-inclusive_wrapper h2 {
        font-size: 14px;
    }

    #all-inclusive_wrapper h3 {
        font-size: 36px;
    }

    /*================送迎ー=================*/
    #car_wrapper h2 {
        font-size: 14px;
    }

    #car_wrapper h3 {
        font-size: 36px;
    }

    #car_wrapper p a.btn_type1:hover {
        color: #ffffff !important;
    }

    /*================ラウンジ　=================*/
    #lounge_wrapper h2 {
        font-size: 14px;
    }

    #lounge_wrapper h3 {
        font-size: 36px;
    }

    #lounge_wrapper p a.btn_type1:hover {
        color: #ffffff !important;
    }

    /*=#lounge_box {padding-bottom:40px; background-color:#f5f8fa;} 
    #lounge_wrapper a h3 { font-size:36px;} 
    #lounge_wrapper .contents_inner { width:auto; padding:100px 40px 70px; margin:0;} 
    #lounge_wrapper{
    background: url(../images_n/top_lounge.jpg) no-repeat bottom center #f5f8fa;
    background-size: 180% auto;
    height: 680px;
} 
    #lounge_wrapper:hover { background-size: 100% auto;} */
    /*================インスタキャンペーン=================*/
    #insta_wrapper .insta_box_left {
        float: none;
        display: block;
        text-align: center;
    }

    #insta_wrapper .insta_box_right {
        float: none;
        padding-top: 30px;
        display: block;
        text-align: center;
    }

    #insta_wrapper figure img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #insta_wrapper .insta_box_left figure img {
        width: 185px;
        heigth: auto;
        margin-right: -35px;
    }

    #insta_wrapper .insta_box_right figure img {
        width: 300px;
        heigth: auto;
    }

    #insta_wrapper .contents_inner {
        width: auto;
        padding: 50px 0 50px;
        margin: 0 auto;
    }

    /*================フッター=================*/
    #footer {
        padding-left: 0px;
        position: relative;
        padding-bottom: 35px;
    }

    #pageup {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 35px;
        text-align: center;
    }

    #pageup a {
        display: block;
        background-color: #c1272d;
        height: 35px;
        width: 35px;
        position: fixed;
        bottom: 90px;
        right: 20px;
        line-height: 35px;
    }

    #pageup a img {
        margin-top: 12px;
    }

    #footer_list {
        float: none;
    }

    #footer_list h2 {
        display: none;
    }

    .footer_list_box {
        float: none;
        margin-right: 0px;
    }

    .iconList {
        float: none;
        text-align: center;
    }

    /*=============================================
    ページ別　テンプレ
    ===============================================*/
    #contents.page {
        padding-bottom: 60px;
    }

    #contents_header h2 {
        font-size: 36px;
    }

    /*=============================================
    ページ別　ニュース
    ===============================================*/
    .news #sub_navi {
        width: 100%;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 20px 0px 0px 0px;
    }

    .news #sub_navi ul {
        white-space: nowrap;
        padding: 5px 20px 0px;
    }

    .news #sub_navi section {
        width: 100%;
        overflow: scroll;
        padding-bottom: 15px;
    }

    .news #sub_navi.fixed,
    #sub_navi.fixed_open {
        top: 40px;
        padding: 20px 0px 0px 0px;
    }

    #item-pagination .visible-xs {
        display: block;
    }

    .shoplist #shoplist_contents {
        max-width: none;
        margin: 0 auto;
        padding: 60px 0px 0px;
    }

    #shoplist_box .sl_c .sl_c_inner {
        padding: 20px 20px 40px 20px;
    }

    #shoplist_box .sl_c dl {
        margin: 0 0px 0 5px;
    }

    #shoplist_box .sl_c .shop_item {
        font-size: 11px;
        position: relative;
        text-align: left;
        width: auto;
    }

    .news.single #item-pagination ul {
        padding: 0px;
        margin-left: 10px;
    }

    #item-pagination #pre_next_navi {
        margin-bottom: 10px;
    }

    /*=============================================
    ページ別　ニュース
    ===============================================*/
    .scene #sub_navi {
        width: 100%;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 20px 0px 0px 0px;
    }

    .scene #sub_navi ul {
        white-space: nowrap;
        padding: 5px 20px 0px;
    }

    .scene #sub_navi section {
        width: 100%;
        overflow: scroll;
        padding-bottom: 15px;
    }

    .scene #sub_navi.fixed,
    #sub_navi.fixed_open {
        top: 40px;
        padding: 20px 0px 0px 0px;
    }

    #item-pagination .visible-xs {
        display: block;
    }

    .shoplist #shoplist_contents {
        max-width: none;
        margin: 0 auto;
        padding: 60px 0px 0px;
    }

    #shoplist_box .sl_c .sl_c_inner {
        padding: 20px 20px 40px 20px;
    }

    #shoplist_box .sl_c dl {
        margin: 0 0px 0 5px;
    }

    #shoplist_box .sl_c .shop_item {
        font-size: 11px;
        position: relative;
        text-align: left;
        width: auto;
    }

    .scene.single #item-pagination ul {
        padding: 0px;
        margin-left: 10px;
    }

    #item-pagination #pre_next_navi {
        margin-bottom: 10px;
    }

    /*=============================================
    ページ別　フューチャー
    ===============================================*/
    .future #faci_contents .faci_post_wrapper {
        width: 100%;
    }

    /*=============================================
    ページ別　フューチャー
    ===============================================*/
    .future #news_contents .news_post_wrapper {
        width: 100%;
    }

    /*=============================================
    ページ別　フューチャー
    ===============================================*/
    .future #scene_contents .scene_post_wrapper {
        width: 100%;
    }

    /*=============================================
    ページ別　フューチャー
    ===============================================*/
    .future #cuisine_contents .cuisine_post_wrapper {
        width: 100%;
    }

    /*=============================================
    ページ別　プロダクト
    ===============================================*/
    .product #contents_header {
        background: url(../images_n/header_img_product.jpg) no-repeat center top;
        background-size: cover;
        padding: 170px 0 150px;
    }

    .product .contents_box h3 {
        float: none;
        width: 100%;
        text-align: center;
        position: relative;
        top: 50%;
        line-height: 1em;
        margin-top: 0px;
        padding: 27% 0;
    }

    .product .contents_box ul {
        float: none;
        width: 100%;
        margin-left: 0px;
    }

    .product .contents_box ul li {
        width: 100%;
    }

    .product .contents_box ul li.pc {
        display: none;
    }

    .product .contents_box ul li a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        vertical-align: top;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

    .product .contents_box ul li a:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        filter: none;
        -moz-opacity: none;
        opacity: none;
    }

    /*=============================================
    ページ別　ルックブック
    ===============================================*/
    .rooma #rooma_contents {
        padding: 0px 40px 0px;
    }

    .rooma .contents_box {
        margin-bottom: 90px;
    }

    .rooma .contents_box .img_wrapper li {
        float: none;
        width: 100%;
    }

    .rooma .contents_box .img_wrapper li:first-child {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .rooma .contents_box .img_wrapper li:last-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper:nth-child(even) li:first-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper:nth-child(even) li:last-child {
        width: 100%;
    }

    .rooma .contents_box:nth-child(even) .img_wrapper li:first-child {
        width: 100%;
    }

    .rooma .contents_box:nth-child(even) .img_wrapper li:last-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper li:first-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        opacity: 1;
    }

    .rooma .contents_box .img_wrapper li:last-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
        opacity: 1;
    }

    .rooma .contents_box {
        margin-bottom: 90px;
    }

    .rooma .contents_box .img_wrapper2 li {
        float: none;
        width: 100%;
    }

    .rooma .contents_box .img_wrapper2 li:first-child {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .rooma .contents_box .img_wrapper2 li:last-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper2:nth-child(even) li:first-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper2:nth-child(even) li:last-child {
        width: 100%;
    }

    .rooma .contents_box:nth-child(even) .img_wrapper li:first-child {
        width: 100%;
    }

    .rooma .contents_box:nth-child(even) .img_wrapper li:last-child {
        width: 100%;
    }

    .rooma .contents_box .img_wrapper2 li:first-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        opacity: 1;
    }

    .rooma .contents_box .img_wrapper2 li:last-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
        opacity: 1;
    }

    /*type2*/
    .rooma #rooma_contents2 {
        max-width: auto;
        margin: 0 auto;
        padding: 0px 40px 0px;
    }

    .rooma #rooma_contents2 .contents_box2 {
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .rooma #rooma_contents2 .contents_box2:nth-child(even) {
        float: none;
        margin-left: 0;
    }

    .rooma #rooma_contents2 .contents_box2.type2_big li {
        width: 100%;
    }

    .rooma #rooma_contents2 .contents_box2.type2_small li {
        width: 100%;
        margin: 0px auto 0;
    }

    .rooma #rooma_contents2 .contents_box2.type2_small:nth-child(even) .img_wrapper li {
        margin: 0px auto 0;
    }

    .rooma #rooma_contents2 .contents_box2.type2_big:nth-child(even) .img_wrapper li {
        margin: 0px auto 0;
    }

    .rooma .contents_box2:first-child .img_wrapper li img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        opacity: 1;
    }

    .rooma .contents_box2:last-child .img_wrapper li img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transition-delay: none;
        -moz-transition-delay: none;
        transition-delay: none;
        opacity: 1;
    }

    .rooma .contents_box2 .img_wrapper {
        margin-bottom: 20px;
    }

    .item_drawer_wrapper .info_img_box {
        padding: 0px;
    }

    .item_drawer_wrapper .info_txt_wrapper {
        padding: 20px 20px 100px;
    }

    #wrapper.open2 {
        -webkit-transform: translate3d(-80%, 0, 0);
        -moz-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0);
    }

    .item_drawer_wrapper {
        right: -80%;
        width: 80%;
    }

    .item_drawer_wrapper.open {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        overflow: scroll;
    }

    .item_drawer_wrapper .item_info_wrapper {
        padding-top: 50px;
    }

    /*ss16*/
    .rooma_ss16.rooma .contents_box3.type1.t_left {
        float: none;
        margin-bottom: 20px;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right {
        float: none;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no1 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no1 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no2 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no2 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no3 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no3 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no4 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no4 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no5 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no5 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no6 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no6 {
        width: 100%;
        border: none;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no7 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no7 {
        width: 100%;
        border: none;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no8 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no8 {
        width: 100%;
        border: none;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no9 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no9 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no10 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no10 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no11 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no11 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no12 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no12 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no13 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_right.box_no13 {
        width: 100%;
    }

    .rooma_ss16.rooma .contents_box3.type1.t_left.box_no14 {
        width: 100%;
    }

    .rooma .contents_box .lb_btn_wrapper li span {
        color: #c1272d;
        line-height: 20px;
        position: relative;
        padding-bottom: 3px;
    }

    .rooma .contents_box .lb_btn_wrapper li span:after {
        width: 0%;
        height: 0px;
        transition: none;
    }

    .rooma .contents_box .lb_btn_wrapper li:hover span:after {
        width: 0%;
    }

    .rooma .contents_box .lb_btn_wrapper li:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li span {
        color: #c1272d;
        line-height: 20px;
        position: relative;
        padding-bottom: 3px;
    }

    .rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li span:after {
        width: 0%;
        height: 0px;
        transition: none;
    }

    .rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li:hover span:after {
        width: 0%;
    }

    .rooma #rooma_contents2 .contents_box2 .lb_btn_wrapper li:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li span {
        color: #c1272d;
        line-height: 20px;
        position: relative;
        padding-bottom: 3px;
    }

    .rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li span:after {
        width: 0%;
        height: 0px;
        transition: none;
    }

    .rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li:hover span:after {
        width: 0%;
    }

    .rooma_ss16.rooma .contents_box3 .img_wrapper li:first-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        opacity: 1;
    }

    .rooma_ss16.rooma .contents_box3 .img_wrapper li:last-child img {
        margin-top: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
        opacity: 1;
    }

    .rooma_ss16.rooma .contents_box3 .lb_btn_wrapper li:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    /*=============================================
    ページ別　商品詳細
    ===============================================*/
    .news.item #sub_navi {
        top: 40px;
        padding: 20px 0px 0px 0px;
    }

    #contents.page.item {
        padding-top: 100px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 30px 40px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager a {
        display: inline-block;
    }

    #item_img.item_info_wrapper .info_img_box .bx-wrapper li img {
        width: 100%;
        padding: 0 0 0 0;
    }

    .item_info_wrapper .info_img_box p {
        position: relative;
        bottom: auto;
        right: auto;
        text-align: center;
    }

    .item_info_wrapper .info_img_box p span {
        text-align: left;
    }

    .item_info_wrapper .info_txt_wrapper {
        padding: 30px 30px 100px;
    }

    .item_info_wrapper .btn_close {
        padding: 0 30px;
    }

    body.open_b {
        overflow: hidden;
    }

    .news #sub_navi {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /*=============================================
    ページ別　商品詳細　シーン
    ===============================================*/
    .scene.item #sub_navi {
        top: 40px;
        padding: 20px 0px 0px 0px;
    }

    #contents.page.item {
        padding-top: 100px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 30px 40px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager a {
        display: inline-block;
    }

    #item_img.item_info_wrapper .info_img_box .bx-wrapper li img {
        width: 100%;
        padding: 0 0 0 0;
    }

    .item_info_wrapper .info_img_box p {
        position: relative;
        bottom: auto;
        right: auto;
        text-align: center;
    }

    .item_info_wrapper .info_img_box p span {
        text-align: left;
    }

    .item_info_wrapper .info_txt_wrapper {
        padding: 30px 30px 100px;
    }

    .item_info_wrapper .btn_close {
        padding: 0 30px;
    }

    body.open_b {
        overflow: hidden;
    }

    .scene #sub_navi {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /*=============================================
    ページ別　商品詳細　お料理
    ===============================================*/
    .cuisine.item #sub_navi {
        top: 40px;
        padding: 20px 0px 0px 0px;
    }

    #contents.page.item {
        padding-top: 100px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 30px 40px;
    }

    #item_img.item_info_wrapper .info_img_box #bx-pager a {
        display: inline-block;
    }

    #item_img.item_info_wrapper .info_img_box .bx-wrapper li img {
        width: 100%;
        padding: 0 0 0 0;
    }

    .item_info_wrapper .info_img_box p {
        position: relative;
        bottom: auto;
        right: auto;
        text-align: center;
    }

    .item_info_wrapper .info_img_box p span {
        text-align: left;
    }

    .item_info_wrapper .info_txt_wrapper {
        padding: 30px 30px 100px;
    }

    .item_info_wrapper .btn_close {
        padding: 0 30px;
    }

    body.open_b {
        overflow: hidden;
    }

    .cuisine #sub_navi {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /*=============================================
    ページ別　お問い合わせ
    ===============================================*/
    .contact .contact_l {
        float: none;
        width: 100%;
    }

    .contact .contact_r {
        float: none;
        width: 100%;
    }

    /*=============================================
    ページ別　送迎
    ===============================================*/
    /* .about */
    .about_car_list .left {
        display: none;
    }

    .about_car_list .right {
        display: none;
    }

    .histroy_inner {
        display: block;
    }

    .about_car_list::before {
        display: none;
    }

    .about_time h4 {
        position: static;
        text-align: center !important;
        margin: 0 0 15px 0;
        padding: 0 !important;
        background: none !important;
    }

    .about_time p {
        text-align: center !important;
    }

    .about_time figure {
        text-align: center !important;
    }

    .about_time {
        min-height: 0;
        margin: 0 0 35px 0 !important;
    }

    .about_bottom {
        padding: 20px 0 0 0;
    }

    /*=============================================
    ページ別　ショップリスト
    ===============================================*/
    .shoplist #shoplist_contents #tyokuei_wrapper {
        margin: 80px 40px 20px;
    }

    #shoplist_box .sl_c dl dd a {
        text-decoration: none;
        color: #c1272d;
    }

    /*=============================================
    ページ別　ラウンジ
    ===============================================*/
    .lounge #lounge_contents figure figurecaption.mb_20 {
        margin-bottom: 20px;
    }

    .lounge #lounge_contents figure.left {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .lounge #lounge_contents figure.right {
        float: none;
        width: 100%;
    }

    .lounge #lounge_contents p {
        margin-bottom: 40px;
    }

    .lounge #lounge_contents figure figurecaption {
        margin: 5px 0 20px;
    }

    .lounge #video_wrapper #vimeo_txt i img {
        width: 40px;
        height: auto;
    }

    .lounge #vimeo_txt a {
        line-height: 40px;
    }

    /*=============================================
    ページ別　リボーン
    ===============================================*/
    .reborn #reborn_contents figure figurecaption.mb_20 {
        margin-bottom: 20px;
    }

    .reborn #reborn_contents figure.left {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .reborn #reborn_contents figure.right {
        float: none;
        width: 100%;
    }

    .reborn #reborn_contents p {
        margin-bottom: 40px;
    }

    .reborn #reborn_contents figure figurecaption {
        margin: 5px 0 20px;
    }

    .reborn #video_wrapper #vimeo_txt i img {
        width: 40px;
        height: auto;
    }

    .reborn #vimeo_txt a {
        line-height: 40px;
    }
}

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

    /*
    .product  .contents_box { float:left; width:50%; } 
    .product  .contents_box  h3 { font-size:24px;} 
    .product  .contents_box .lb:after { font-size:20px; } 
    .product  .contents_box .cc:after {  font-size:20px; } 
    */
    #slide-pagination_event {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 9900;
        width: 380px;
        /* border-radius: 10px; */
        height: auto;
        /* background: rgba(255, 254, 254, 0.8); */
        padding: 10px;
    }

    #slide-pagination_event li {
        display: inline-block;
        /* padding: 0; */
        color: #fff;
        min-width: 250px;
    }

    #slide-pagination_event li a h2 {
        width: 90%;
        margin: 10px 2%;
        color: #222;
        text-decoration: none;
        font-size: 1.0em;
        font-weight: 600;
    }

    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 60%;
    }

    #slide-pagination_event li img {
        width: 30%;
        margin: 10px 5%;
    }
}

@media only screen and (max-width: 812px) {
    #slide-pagination_event {
        position: absolute;
        top: 10px;
        right: 1.3%;
        width: 60%;
        height: auto;
        overflow: scroll;
        /* background: rgba(255, 254, 254, 0.8); */
        padding: 5px;
    }

    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 100%;
        font-size: 0.9em;
    }

    #slide-pagination_event li img {
        display: none
    }

    #slide-pagination_event li a h2 {
        width: 90%;
        margin: 0px 1%;
        color: #222;
        font-size: 15px;
        font-weight: 600;
    }
}

@media screen and (min-width: 667px) and (max-width: 767px) {
    #slide-pagination_event {
        position: absolute;
        top: 10px;
        right: 30px;
        z-index: 9900;
        width: 380px;
        border-radius: 10px;
        height: auto;
        background: rgba(255, 254, 254, 0.8);
        padding: 10px;
    }

    #slide-pagination_event li {
        display: inline-block;
        padding: 0;
        color: #fff;
    }

    #slide-pagination_event li a h2 {
        width: 90%;
        margin: 0px 2%;
        color: #222;
        text-decoration: none;
        font-size: 1.0em;
        font-weight: 600;
    }

    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 70%;
        font-size: 0.9em;
    }

    #slide-pagination_event li img {
        width: 20%;
        margin: 10px 5%;
    }
}

@media only screen and (max-width: 667px) {
    #slide-pagination_event {
        position: absolute;
        top: 60px;
        right: 5%;
        left: 5%;
        width: 85%;
        height: auto;
        overflow: scroll;
        /* background: rgba(255, 254, 254, 0.8); */
        padding: 10px;
    }

    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 100%;
        font-size: 0.9em;
    }

    #slide-pagination_event li img {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    #lounge_wrapper .contents_inner {
        width: auto;
        padding: 100px 20px 70px;
        margin: 0;
    }

    #slide-pagination_event {
        position: absolute;
        top: 55px;
        right: 8%;
        left: 8%;
        width: 75%;
        height: auto;
        overflow: scroll;
        /* background: rgba(255, 254, 254, 0.5); */
        padding: 10px;
    }

    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 80%;
        display: inline;
        font-size: 14px;
        line-height: 1.4;
    }

    #slide-pagination_event li img {
        width: 60px;
        margin: 10px 1%;
        top: 10px;
        display: inline;
        position: absolute;
        /* padding: 2%; */
    }
}

@media only screen and (max-width: 375px) {
    #slide-pagination_event li a p {
        color: #222;
        text-decoration: none;
        float: left;
        width: 75%;
        display: inline;
        font-size: 14px;
    }

    #slide-pagination_event li img {
        width: 70px;
        margin: 10px 1%;
        top: 10px;
        display: inline;
        position: absolute;
    }
}


/*========================================================================*/


/* map
/*========================================================================*/

#map {
    width: 100%;
    height: 300px;
}



/*============

予約フォーム

==============*/


.btn_reserve {
    position: fixed;
    /* top: 30%;*/
    top: 20%;
    right: 0px;
    z-index: 100000;
    line-height: 0.8em;
    color: #fff;
}

.btn_reserve a {
    /* border: solid 2px #141514; */
    padding: 10px;
    color: #fff;
    background: #141514;
    font-size: 16px;
    text-decoration: none;
    font-family: A1MinchoStd-Bold, serif;
    -ms-writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    width: 15px;
    height: auto;


    /* radius */
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;

    /* radius */
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;


    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;

}

.btn_reserve a:before {}

.btn_reserve a:hover {
    /* border: solid 2px rgba(28, 29, 28, 0.8); */
    background: rgba(20, 21, 20, 0.7);
    color: #fff;
    text-decoration: none;
}


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

    .btn_reserve {
        position: fixed;
        top: 40%;
        /* left: 0px; */
    }


}

@media only screen and (max-width: 500px) {
    #slide-pagination_r {
        position: fixed;
        bottom: 10px;
        right: 0;
    }
}





/* .btnCampaign */

.window_flex {
    display: flex;
    flex-direction: column;
}

.window_flex {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100px;
    right: 10px;
}

.window_flex .cal_set {
    position: relative;
    /* top: -600px; */
    z-index: 9999;
    background: #fff;
    max-width: 300px;
    right: 5px;
    padding: 10px;
    border-radius: 0.5em;
}

.window_flex .cal_set p {
    font-size: 13px
}

.reserve-status {
    font-size: 16px;
    line-height: 2;
    line-height: 2.5;
}



.cal_set {
    /* position: relative; */
}

.cal_set .wrap {
    /* position: relative; */
    display: flex;
    max-width: 1000px;
    margin: 50px auto;
    align-items: center;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 0.5em;
    /* background: #fdf9f9; */
}


.common-inner {
    width: 50%;
    padding: 1em;
}

.common-inner p.reserve-text {
    font-size: 1.4em;
}

.common-inner p.comment-text {
    font-size: 1.2em;
    line-hgiht: 1.5
}

#calendar {
    margin-top: 0em;
    /* max-width:500px; */
    padding: 1em;
    /* position:re */
    width: 50%;
}


@media only screen and (max-width: 500px) {
    .cal_set .wrap {
        display: flex;
        /* max-width: 1000px; */
        margin: 50px auto;
        align-items: center;
        flex-direction: column;
        padding: 15px;
    }


    .common-inner {
        width: 100%
    }


    #calendar {
        padding: 10px;
        width: 100%;
    }



}





.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 1.3rem;
}


.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.5em;
    /* max-width: 350px; */
}

.fc .fc-event-title {
    font-size: 1.3em;
    text-align: center;
}

.fc .fc-event {
    background: none !important;
    border: none !important;
    color: #007bff;
    font-weight: bold;
    cursor: pointer;
}

.fc .fc-toolbar-title {
    font-size: 1.1em;
    margin: 0px;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 1.5em;
    position: relative;
}


.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
    table-layout: fixed;
    width: 100% !important;
    /* max-width: 350px; */
}


/* .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
    table-layout: fixed;
    width: 100%;
    max-width: 350px;
} */

.fc td,
.fc th {
    padding: 0px;
    vertical-align: top;
    width: calc(95% / 7);
    font-size: 13px;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 0em;
}

.fc .fc-daygrid-day-number {
    padding: 0px 2px;
    position: relative;
    z-index: 4;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    max-height: 1.5em;
    position: relative;
    height: 25px;
    margin-bottom: 0em;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
    line-height: 1;
    text-align: center;
}

.fc .fc-button {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25em;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.2em 0.45em;
    text-align: center;
    user-select: none;
    vertical-align: middle;
}


.fc .fc-button-primary {
    background-color: #990000;
    border: none;
    color: var(--fc-button-text-color);
}

.fc .fc-button-primary:hover {
    background-color: #cc5555;
    border-color: var(--fc-button-hover-border-color);
    border: none;
    color: var(--fc-button-text-color);
}

.fc .fc-button .fc-icon {
    font-size: 1.5em;
    vertical-align: middle;
    color: #fff !important;
}


a[href="null"] {
    pointer-events: none;
    color: #999;
    cursor: default;
    text-decoration: none;
}

.fc-today-button {
    display: none !important;
}

p.reserve-link-desc {
    line-height: 1.3;
}

p.reserve-link-desc a {
    color: #990000;
    border-bottom: 1px solid
}



.btn_link_campaign {
    display: inline-block;
    margin: 0 0 20px 20px;
    padding: 16px 18px 14px 18px;
    color: #fff;
    border-color: #fefefe;
    background: #000;
    background: #fff;
    position: absolute;
    z-index: 99;
    /* bottom: 100px; */
    top: 100px;
    right: 20px;
    width: 200px;
    text-decoration: none;
    border-bottom: none;
}

.btn_link_campaign img {
    max-width: 200px;
}

.btn_link_campaign:hover {
    /*     border-color: #000; */
    /*     background: #666666; */
    color: #fff;
}


.btn_link_campaign .jp {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: center;
}


.btn_link_campaign .jp span {
    /* font-size: 16px; */
    /* background: #000; */
    color: #000;
    /* padding: 1% 2% 3%; */
    border-radius: 1em;
}

.btn_link_campaign .jp span:hover {
    /* color: #dfdfdf; */
}

.btn_link_campaign:after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    font-size: 11px;
    font-family: 'themify';
    content: "\e65a";
    content: "→";
    font-weight: normal;
    line-height: 30px;
    color: #000;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 0;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.btn_link_campaign:hover {
    color: #000;
    background: #e9e8e8;
}

@media only screen and (max-width: 800px) {
    .linkArea_campaign {
        position: initial;
        padding: 50px 0 0;
        margin: 0;
        width: 100%;
        text-align: center;
        display: block;
        width: 100%;
        border: none;
        background-color: none;
    }

    .btn_link_campaign {
        /* padding: 2px 0 0 0; */
        line-height: 50px;
        margin: 0;
        display: block;
        bottom: auto;
        right: 0;
        z-index: 10;
        top: 200px;
    }

    .btn_link_campaign .jp {
        line-height: inherit;
        font-size: 15px;
        line-height: 2;
    }

    .btn_link_campaign .jp br {
        display: none;
    }

    .btn_link_campaign .jp span {
        padding-bottom: 1%;
        font-size: 13px;
    }

    .btn_link_campaign:hover {
        color: #111;
        border-color: #fefefe;
        background: rgba(255, 255, 255, 0.8);
    }

    .btn_link_campaign:after {
        top: 2px;
        right: 6px;
        line-height: 28px;
        bottom: 0;
        margin: auto 0;
    }
}

@media only screen and (max-width: 500px) {
    .btn_link_campaign {
        /* padding: 2px 0 0 0; */
        line-height: 50px;
        margin: 0;
        display: block;
        bottom: auto;
        top: 100px;
        right: 0;
        width: 200px;
    }
}



/* 2 */


.btn_link_campaign2 {
    display: inline-block;
    margin: 0 0 20px 20px;
    padding: 16px 18px 14px 18px;
    color: #fff;
    border-color: #fefefe;
    background: #000;
    background: #fff;
    position: absolute;
    z-index: 99;
    /* bottom: 100px; */
    width: 200px;
    top: 200px;
    right: 20px;
    text-decoration: none;
    border-bottom: none;
}

.btn_link_campaign2:hover {
    /*     border-color: #000; */
    /*     background: #666666; */
    color: #fff;
}


.btn_link_campaign2 .jp {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.7;
}


.btn_link_campaign2 .jp span {
    /* font-size: 16px; */
    /* background: #000; */
    color: #000;
    /* padding: 1% 2% 3%; */
    border-radius: 1em;
}

.btn_link_campaign2 .jp span:hover {
    color: #999999;
}

.btn_link_campaign2:after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    font-size: 11px;
    font-family: 'themify';
    content: "\e65a";
    font-weight: normal;
    content: "→";
    color: #000;
    line-height: 30px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 0;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.btn_link_campaign2:hover {
    color: #000;
    background: #666666;
}

@media only screen and (max-width: 800px) {
    .linkArea_campaign {
        position: initial;
        padding: 50px 0 0;
        margin: 0;
        width: 100%;
        text-align: center;
        display: block;
        width: 100%;
        border: none;
        background-color: none;
    }

    .btn_link_campaign2 {
        /* padding: 2px 0 0 0; */
        line-height: 50px;
        margin: 0;
        display: block;
        bottom: auto;
        right: 0;
        z-index: 99999;
        top: 200px;
    }

    .btn_link_campaign2 .jp {
        line-height: inherit;
        font-size: 15px;
        line-height: 2;
    }

    .btn_link_campaign2 .jp br {
        display: none;
    }

    .btn_link_campaign2 .jp span {
        padding-bottom: 1%;
        font-size: 13px;
    }

    .btn_link_campaign2:hover {
        color: #111;
        border-color: #fefefe;
        background: rgba(255, 255, 255, 0.8);
    }

    .btn_link_campaign2:after {
        top: 2px;
        right: 6px;
        line-height: 28px;
        bottom: 0;
        margin: auto 0;
    }
}

@media only screen and (max-width: 500px) {
    .btn_link_campaign2 {
        /* padding: 2px 0 0 0; */
        line-height: 50px;
        margin: 0;
        display: block;
        /* bottom: auto; */
        top: 200px;
        right: 0;
        width: 200px;
    }
}






/*================ラウンジ=================*/


/*#lounge_wrapper { background:url(../images_n/top_lounge.jpg) no-repeat top center; background-size: cover ;} */


/*#lounge_wrapper:hover { background-size:auto 101% ;} */


/*#lounge_wrapper a {text-decoration:none; display: block; width: 100%; height: 600px;} 
#lounge_wrapper a h2 {  font-size:14px;color: #ffffff; margin-bottom:10px; text-decoration:none;} 
#lounge_wrapper a h3 { font-size:60px;color: #f5f8fa; margin-bottom:15px; text-decoration:none;*/


/*filter:dropshadow(color=#c1272d,offX= 0,offY=-1)
dropshadow(color=#c1272d,offX= 1,offY= 0)
dropshadow(color=#c1272d,offX= 0,offY= 1)
dropshadow(color=#c1272d,offX=-1,offY= 0);
-webkit-text-stroke-color: #c1272d;
-webkit-text-stroke-width: 1px;*/


/*color: #c1272d;
-webkit-text-fill-color: #f5f8fa; 
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:#c1272d;
/*text-shadow: #c1272d 1px 1px 0px, #c1272d -1px 1px 0px,
#c1272d 1px -1px 0px, #c1272d -1px -1px 0px;
} */


/*#lounge_wrapper a h4 { font-size:14px;color: #c1272d; margin-bottom:15px; text-decoration:none; text-align:center;} 
#lounge_wrapper a p {color: #c1272d; font-size:13px; margin-bottom:30px; text-decoration:none; } 

#lounge_wrapper p a.btn_type1 { color:#c1272d; border:#c1272d 1px solid;} 
#lounge_wrapper p a.btn_type1:after {background: #c1272d;} 
#lounge_wrapper p a.btn_type1:hover,
#lounge_wrapper p a.btn_type1:active { color: #ffffff!important; } 

#lounge_wrapper .contents_inner { width:640px; margin:0px auto; padding:100px 0 70px;} 

*/

ul#nav1 {
    font-size: 100%;
    font-weight: bold;
    list-style: none;
    position: fixed;
    top: 20px;
    right: 0;
    margin: 0;
    position: absolute;
    top: 160px;
    /* right:30px; */
    /* z-index:9900; */
    /* width: 260px; */
    /* border-radius: 10px; */
    /* height: auto; */
    background: rgba(255, 254, 254, 0.8);
    background: #000;
    /* padding: 10px; */
    z-index: 99999;
}

#nav1 li {
    margin-bottom: 0.8em;
    color: #000;
}

#nav1 li img {
    width: 80px;
    padding: 5px;
    z-index: 20000;
}

#nav1 li a {
    text-decoration: none;
    color: #333333;
    color: #fff;
    display: block;
    background-repeat: no-repeat;
    /* height:64px; */
    padding-left: 10px;
    /* FONT-WEIGHT: 100; */
}

#nav1 li a span {
    color: #fff;
}

#nav1 li a:hover {
    color: #FF9900;
}

#nav1 .twitter {
    background-image: url(twitter.png);
}

#nav1 .facebook {
    background-image: url(facebook.png);
}

#nav1 .youtube {
    background-image: url(youtube.png);
}

#nav1 .rss {
    background-image: url(rss.png);
}


/*------------ameblo------------*/

.fl_ameblo {
    color: #FFF;
    border-radius: 0px;
    display: inline-block;
    height: 50px;
    /**/
    width: 170px;
    /**/
    text-align: center;
    /**/
    font-size: 13px;
    /**/
    line-height: 50px;
    /**/
    vertical-align: middle;
    /**/
    background: #000000;
    overflow: hidden;
    /**/
    text-decoration: none;
    /**/
    margin: 10px auto;
    border: 1px solid #fff;
}

.fl_ameblo .fa-youtube {
    /* text-shadow: 2px 2px 0px #e62117;*/
    font-size: 30px;
    color: #fff;
}

.fl_ameblo span {
    display: inline-block;
    transition: .5s;
    color: #fff;
    font-size: 13px;
}

.fl_ameblo:hover span {
    /**/
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
}

@media only screen and (max-width: 500px) {
    .fl_ameblo {
        width: 145px;
        height: 50px;
        line-height: 40px;
        /**/
        font-size: 13px;
    }
}

.fl_ameblo:before {
    vertical-align: middle;
    font-size: 15px;
    font-family: 'FontAwesome';
    content: "\f044";
    font-weight: normal;
    margin: 0 00px;
    color: #fff;
    padding-right: 5px;
}


/*------------ticket------------*/

.fl_ticket {
    color: #FFF;
    border-radius: 0px;
    display: inline-block;
    height: 50px;
    /**/
    width: 170px;
    /**/
    text-align: center;
    /**/
    font-size: 13px;
    /**/
    line-height: 50px;
    /**/
    vertical-align: middle;
    /**/
    background: #000000;
    overflow: hidden;
    /**/
    text-decoration: none;
    /**/
    margin: 10px auto;
    border: 1px solid #fff;
}

.fl_ticket .fa-youtube {
    /* text-shadow: 2px 2px 0px #e62117;*/
    font-size: 30px;
    color: #fff;
}

.fl_ticket span {
    display: inline-block;
    transition: .5s;
    color: #fff;
    font-size: 13px;
}

.fl_ticket:hover span {
    /**/
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
}

@media only screen and (max-width: 500px) {
    .fl_ticket {
        width: 145px;
        height: 50px;
        line-height: 40px;
        /**/
        font-size: 13px;
    }
}

.fl_ticket:before {
    vertical-align: middle;
    font-size: 15px;
    font-family: 'FontAwesome';
    content: "\f145";
    font-weight: normal;
    margin: 0 00px;
    color: #fff;
    padding-right: 5px;
}


/*
#news_contents{
position: relative;
}
#news_contents:before{
content: "";
background: url(../images_n/top-bg.png) no-repeat;
width: 1280px;
height: 117px;
position: absolute;
top: 50px;
right: -500px;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: -1; 
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
transition-delay: 2s;
}*/

.pv_komorebi {
    padding-top: 80px;
}

.videoArea {
    width: 100%;
}

@media only screen and (max-width: 1180px) {
    .pv_komorebi {
        display: none;
    }
}


article#top_stay {
    padding: 0 30px;
}

#top_stay .stay-item {
    max-width: 1280px;
    width: 100%;
    /* height: 500px; */
    margin: 50px auto 70px;
    padding: 3% 2%;
    box-sizing: border-box;
    background: #fff;
    /* display: flex; */
    position: relative;
}

#top_stay .stay-item .text-box {
    width: 100%;
    order: 2;
    box-sizing: border-box;
    padding: 0%;
    line-height: 2;
    display: flex;
    /* font-size: 15px; */
}

#top_stay .stay-item .text-box {
    display: flex;
}

#top_stay .stay-item .text-box.group {
    flex-direction: row-reverse;
}

/* #top_stay .stay-item .text-box.group .stay-title,
#top_stay .stay-item .text-box.group .text{
    text-align: right;
} */

#top_stay .stay-item .text-box_col {
    width: 50%;
    padding: 0 1.5%;
    z-index: 10;
}

#top_stay .stay-item .text-box_col img {
    width: 100%;
}


#top_stay .stay-item .stay-title {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

/* .stay-title::after {
content: "";
height: 1px;
flex-grow: 1; 
background-color: #ffc107;
margin-left: 30px;
width: 100px;
}
 */


#top_stay .stay-item .text-box::before {
    position: absolute;
    top: 7px;
    left: 0;
    bottom: 7px;
    right: 0;
    content: "";
    border: #ddd 1px solid;
    z-index: index 1;
}

#top_stay .stay-item .text-box::after {
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    right: 7px;
    content: "";
    border: #ddd 1px dotted;
    z-index: 3;
}


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

    #top_stay .stay-item .text-box {
        flex-direction: column;
    }

    #top_stay .stay-item .text-box.group {
        flex-direction: column;
    }

    #top_stay .stay-item .text-box.group .stay-title,
    #top_stay .stay-item .text-box.group .text {
        text-align: left;
    }

    #top_stay .stay-item .text-box_col {
        width: 96%;
        padding: 2%;
    }
}




a.btnMore {
    position: relative;
    color: #c1272d;
    font-family: "Century Gothic", 'Abel', sans-serif;
    width: 250px;
    font-size: 0.9em;
    font-family: adobe-garamond-pro, serif;
    font-weight: 400;
    font-style: normal;
    z-index: 9999;
    cursor: pointer;
}

a.btnMore::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 30%;
    height: 1px;
    background-color: #fefefe;
    transition: width 0.3s;
}

/*    a.btnMore:after {
     position: relative;
     top: -13px;
     font-family: 'Font Awesome 6 pro';
     content: "\f178";
     left: 10px;
     font-weight:400;
     font-size: 10px;
  }
   */

a.btnMore:hover::before {
    width: 120%;
}


@media screen and (max-width: 1580px),
(max-device-width: 1580px) {}

@media screen and (max-width: 920px),
(max-device-width: 920px) {}

@media screen and (max-width: 800px),
(max-device-width: 800px) {}

@media screen and (max-width: 700px),
(max-device-width: 700px) {}

@media screen and (max-width: 600px),
(max-device-width: 600px) {}



/* ----------------------------------------------------------
   
   #scrollUp
   
   ---------------------------------------------------------- */

#scrollUp {
    position: fixed;
    bottom: 85px;
    right: 25px;
    z-index: 1000;
}

#scrollUp a {
    width: 40px;
    height: 40px;
    display: block;
    color: #fefefe;
    background: #a40000;
    border: none;
    text-align: center;
    z-index: 11;
    /* -webkit-border-radius: 100%; */
    -moz-border-radius: 100%;
    /* border-radius: 100%; */
    position: relative;
    z-index: 1;
}

#scrollUp a:before {
    /* position:absolute; */
    /* top:0; */
    /* left: 0; */
    /* right:0; */
    /* bottom:0; */
    font-family: 'FontAwesome';
    content: "\f106";
    font-size: 15px;
    line-height: 40px;
}

#scrollUp a:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

@media only screen and (max-width: 800px) {
    #scrollUp a:hover {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@media only screen and (max-width: 414px) {
    #scrollUp a {
        /* width: 30px; */
        /* height: 30px; */
        /* line-height: 30px; */
    }

    #scrollUp a:before {
        font-size: 16px;
        line-height: 40px;
    }
}





/* ===============================================
topCard Styling
=============================================== */
.card_container {
    max-width: 1200px;
    padding: 20px 20px;
    margin: 80px auto;
    width: 100%;
    border-top: 1px solid #DDD;
}

.card_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* width: 100%; */
    padding: 0 20px;
    gap: 20px;
}

.card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
    padding: 20px 15px;
    border-radius: 5px;
    color: #323232 !important;
    text-decoration: none !important;
}

.card:hover {
    transition: all .4s;
    opacity: .7;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.card_title {
    font-size: clamp(0.75rem, 0.375rem + 0.781vw, 1rem);
    text-align: center;
    padding-bottom: 10px;
    font-size: 1em;
}

.card_img {
    padding-top: calc(363 / 600 * 100%);
    position: relative;
}

.card_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card_text {
    font-size: 15px;
    padding: 10px 0;
    flex-grow: 1;
}

.card_link {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
}

.card_link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 2px;
    background-color: #d8c9c9;
}

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

    .card_container {
        width: 92%;
        margin: 0 4%;
        padding: 0 0 50px;
    }

    .card_wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* width: 100%; */
        padding: 0 20px;
        gap: 20px;
    }



    .card_wrapper {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
        width: 100%;
    }
}

#web_exhibition .kigyo_box {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 30px 0 50px;
}

#web_exhibition .kigyo_box .wrap {
    display: flex;
    align-items: center;
}

#web_exhibition .kigyo_nm {
    font-size: 20px;
    line-height: 2;
    color: #149c3d;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}

#web_exhibition .logo_img {
    /* max-width: 250px; */
    margin: 0 auto;
    padding: 10px;
}


#web_exhibition .logoArea {
    padding: 10px;
    display: flex;
    justify-content: space-around;
}




#web_exhibition .tx_catch {
    width: 40%;
    padding: 1%;
}

#web_exhibition .tx_catch p {
    /* color: #022a7f; */
    text-align: left;
    border: 1px solid #eee;
    padding: 8px;
}

/* #web_exhibition .tx_catch img{margin-top:10px;width:140px;} */
#web_exhibition .tx_catch .line img {
    margin-top: 10px;
    width: 140px;
}

#web_exhibition .tx_catch ul {
    display: block;
    margin-top: 10px;
}

#web_exhibition .tx_catch ul li {
    line-height: 1.8;
    border-bottom: 1px dashed #ddd;
}


#web_exhibition .mv_video {
    width: 40%;
    padding: 0.5%;
    /* border: 1px solid #eee; */
}

.videoArea {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    #web_exhibition .tx_catch {
        width: 100%;
    }

    #web_exhibition .mv_video {
        width: 100%;
    }
}

#web_exhibition .contents-text .cate-title {
    font-size: 25px;
    border-bottom: 1px solid #ddd;
    padding: 4px 4px 0 0;
    text-align: left;
    color: #5d5d5d;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
}

#web_exhibition .contents-text .cate-title:before {
    content: '\f11e';
    font-size: 23px;
    font-family: "Font Awesome 6 Pro";
    position: relative;
    left: 0;
    color: #022a7f;
    padding-right: 10px;
}



#web_exhibition .boxHozon {
    width: calc(100%);
    margin: 0.5%;
    padding: 1%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0.2em;
    margin-top: 60px;
}

#web_exhibition .boxHozon .box-title {
    font-size: 16px;
    /* background: #919191; */
    border-bottom: 1px solid #ddd;
    padding: 4px 4px 4px 1.9em;
    text-align: left;
    color: #5d5d5d;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.05em;
    position: relative;
}

#web_exhibition .boxHozon .box-title:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f82e";

}

#web_exhibition .boxHozon .box-title:before {
    content: "\f008";
}



#web_exhibition .boxHozon p {
    padding: 15px 20px;
}

#web_exhibition .boxHozon li,
#web_exhibition .myboxP li {
    line-height: 1.5;
    padding: 0.5em;
    border-bottom: dashed 1px silver;
    list-style-type: none !important;
    font-size: 15px;
    font-weight: 400;
    margin-left: 1.4em;
    text-indent: -1.4em;
}

#web_exhibition .boxHozon li:last-of-type {
    border-bottom: none;
}

#web_exhibition .boxHozon li:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f22d";
    position: relative;
    left: 0;
    color: #00913a;
    padding-right: 10px;
}

@media only screen and (min-width: 1000px) {
    #web_exhibition .boxHozon {
        /* width: calc(48%); */
        /* margin: 50px 0.5%; */
        display: flex;
    }
}


.video {
    position: relative;
    width: 100%;
    /*     padding-top:56.25%; */
    margin-bottom: 10px;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video_youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px;
}

.video_youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


#web_exhibition {
    /* position:absolute;
    width:1000px; */
    position: relative;
    min-height: 100vh;

}

.p-Home-Hero__contents {
    width: 100%;
    max-width: 1100px;
    /* position: relative; */
    /* top: 50%;
    left: 50%; */
    /* transform: translate3d(-50%, -50%, 0); */
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    padding: 20px 25px;
    gap: 20px;
    margin: 30px auto;
    background: #f9f9f9;
    border-radius: 10px;
}

.p-Home-Hero__main {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0 auto 0;
}

.p-Home-Hero__main .p-Home-Hero__main__title {
    flex: 1 0 auto;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.p-Home-Hero__main .p-Home-Hero__main__title img {
    width: 250px;
}



.p-Home-Hero__main .p-Home-Hero__main__video {
    width: 60%;
    height: auto;
}


video {
    position: relative;
    width: 100%;
    /* padding-top: 10.25%; */
    /* margin-bottom: 10px; */
    /* padding-bottom: 30.25%; */
    /* height: 100%; */
    /* border-radius: 0.5em; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

@media only screen and (max-width: 738px) {
    .p-Home-Hero__contents {
        width: 100%;
        padding: 20px 0px;
        border-radius: 0;
    }

    .p-Home-Hero__main .p-Home-Hero__main__title {
        text-align: center;
        padding-right: 0;
    }

    .p-Home-Hero__main .p-Home-Hero__main__title img {
        width: 150px;
    }


    .p-Home-Hero__main {
        flex-direction: column;
    }

    .p-Home-Hero__main .p-Home-Hero__main__video {
        width: 100%;
        height: auto;
    }

    video {
        position: relative;
        width: 90%;
        margin: 0 5%;

    }



}


/* ---------------------------------------------------------
MV下 カードエリア 2022_7_23
------------------------------------------------------------- */

.top_cardArea {
    margin: 60px 0;
}

.top_cardArea .inner {
    max-width: 1220px;
    margin: 60px auto;
    padding: 0 10px;
}

.top_cardArea .bestrate {
    display: inline;
}

.top_cardArea .bestrate img {
    max-width: 300px
}

.top_cardArea .inner h4 {
    font-weight: normal;
    /*     font-family: 'Pinyon Script', cursive; */
    color: #185e7d;
    font-size: 393%;
    line-height: 1;
    margin-bottom: 10px;
}


.top_cardArea .inner h4 em {
    display: inline-block;
    vertical-align: middle;
    /*     font-family: 'Pinyon Script', cursive; */
    line-height: 1;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
    font-size: 70%;
}

@media only screen and (max-width:768px) {
    .top_cardArea .inner h4 em {
        vertical-align: text-bottom;
    }
}

.top_cardArea .inner h4 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    color: #185e7d;
    /* font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif; */
    font-family: 'Pinyon Script', cursive;
    font-size: 40%;
}

/* .top_cardArea .inner h4 span:after {
    content: "////////////";
    font-family: 'BOWI';
    font-size: 72%;
    display: block;
    letter-spacing: .4em;
}
 */
.top_cardArea .inner h4:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 32px;
    background: url(../images/common/ic_st_w02.png) no-repeat center/100% auto;
    margin-right: 0.3em;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .top_cardArea .inner h4:before {
        width: .5em;
        height: .76em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
    .top_cardArea .inner h4 {
        font-size: 358%;
    }
}

@media only screen and (max-width: 767px) {
    .top_cardArea .inner h4 {
        font-size: 229%;
    }
}

.top_cardArea .card_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

@media only screen and (max-width: 768px) {
    .top_cardArea .bestrate {
        text-align: center;
    }

    .top_cardArea .card_box {
        display: block;
    }
}

.top_cardArea .card_item {
    /* padding: 20px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
}

.ifPc {
    display: block;
}

.ifSp {
    display: none;
}

@media only screen and (max-width: 768px) {
    .top_cardArea .card_item {
        margin-top: 10px;
    }

    .ifPc {
        display: none;
    }

    .ifSp {
        display: block;
    }
}

.top_cardArea .card_item a {
    text-decoration: none;
    padding: 20px;
    display: block;
}

.top_cardArea .card_item:hover .link_btn .btn {
    background-color: #fff;
    color: #337175;
    transition: .5s;
}

.top_cardArea .card_item:hover {
    opacity: .8;
    transition: .5s;
}

.top_cardArea .card_title {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 16px;
    color: #435051;
}

.top_cardArea .card_text {
    font-size: 14px;
    margin-top: 16px;
    line-height: 1.6;
    color: #333;
}

.top_cardArea .link_btn {
    margin-top: 20px;
    text-align: center;
}

.top_cardArea .btn {
    display: inline-block;
    font-size: 16px;
    background-color: #2ca9e1;
    border: 1px solid #2ca9e1;
    padding: 10px 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: .5s;
}

.top_cardArea .btn:hover {
    background-color: #fff;
    color: #337175;
}