@charset "UTF-8";

/* CSS Document */
.fadeIn {
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s;
    opacity: 0;
    will-change: transform;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.-animated.fadeIn,
.-animated .fadeIn {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.op {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    z-index: 1000;
}

.op_logo {
    width: 155px;
    height: 166px;
    margin: auto;
}

.hero {
    background: #ccc;
    position: relative;
}

.slide {
    width: calc(100vw + 200px);
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    overflow: hidden;
}

.slide_item {
    width: 100%;
    height: 100vh !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.slide_item.-moving {
    -webkit-animation: zoom_animation 15s linear infinite;
    animation: zoom_animation 15s linear infinite;
}

.navi {
    position: absolute;
    bottom: 2vw;
    left: 4vw;
    z-index: 200;
}

.navi_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
}

.navi_list>li {
    -webkit-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.navi_list>li:first-child {
    width: 100%;
    margin-bottom: 24px;
}

body.-load .navi_list>li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.navi_list>li a {
    padding: 25px 10px 10px;
    position: relative;
    display: inline-block;
}

.navi_list>li a:before {
    width: 16px;
    height: 1px;
    margin-left: -8px;
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    transform: rotate(-90deg);
}

.navi_list>li a span {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    display: inline-block;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.navi_list>li a:hover span {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

/*
.navi_list {
    display: flex;
    font-size: 14px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.navi_list > li {
    -webkit-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

body.-load .navi_list > li {
    opacity: 1;
    margin-left: 56px;
    text-align: right;
}

body.-load .navi_list > li:not(:first-child) {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.navi_list > li:first-child {
    width: 100%;
    margin-bottom: 16px;
}

.navi_list > li .title {
    padding: 10px 0;
}

.navi_list > li a {
    padding: 10px 0;
    position: relative;
    display: inline-block;
}

.navi_list > li a:before {
    content: "";
    display: block;
    height: 1px;
    width: 16px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -26px;
}

.navi_list > li a span {
    display: inline-block;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
}

.navi_list > li a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
*/
.infoArea {
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
    position: absolute;
    right: 8vw;
    bottom: 3vw;
    z-index: 80;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

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

.infoArea a:hover img {
    opacity: .7;
}

.infoArea a {
    padding: 16px;
    position: relative;
}

.infoArea a:before {
    width: 100%;
    height: 1px;
    content: "";
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

body.-load .infoArea {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.news {
    width: 50%;
    height: 70px;
    padding-right: 50px;
    padding-left: 120px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    align-items: flex-end;
    font-size: 12px;
    line-height: 1;
    color: #141414;
    -webkit-box-align: end;
    z-index: 80;
}

.news_row {
    overflow: hidden;
}

.news_row>dt {
    padding: .5em 0;
    float: left;
    white-space: nowrap;
}

.news_row>dt:after {
    margin-left: 10px;
    content: "/";
}

.news_row>dd {
    height: 2em;
    margin-left: 6em;
    overflow: hidden;
}

.news_list {
    -webkit-transition: margin .5s;
    transition: margin .5s;
}

.news_list>li {
    display: -webkit-box;
    display: flex;
}

.news_list>li a {
    padding: .5em 0;
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_list>li a:after {
    width: 100%;
    height: 1px;
    content: "";
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    background: #333;
    position: absolute;
    bottom: .3em;
    left: 5.8em;
    display: block;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.news_list>li a:hover:after {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right;
    transform-origin: right;
}

.news_list>li a time {
    margin-right: 10px;
}

.intro {
    margin-bottom: 80px;
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
}

#vol2.intro {
    flex-direction: row-reverse;
}

.intro:before {
    width: 60%;
    height: 100%;
    content: "";
    background: url(../img/bg.png) repeat 0 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 0;
}

#vol2.intro:before {
    top: 0;
    right: auto;
    left: 0;
}

.intro_wrap {
    width: 35%;
    margin: auto;
    padding: 40px;
    position: relative;
    display: -webkit-box;
    display: flex;
    z-index: 10;
}

.intro_cnt {
    margin: auto;
    display: inline-block;
    text-align: left;
}

.intro_ttl {
    font-size: 22px;
    font-weight: 400;
}

.intro_jp {
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: .05em;
}

.intro_en {
    margin-top: 40px;
}

.intro_btn {
    margin-top: 40px;
}

.intro_btn .btn {
    padding: 16px 24px;
    background: #000;
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.intro_img {
    width: 60%;
    padding-top: 100px;
    padding-bottom: 9%;
    padding-left: 7%;
    position: relative;
    z-index: 10;
}

#vol2 .intro_img {
    padding-right: 7%;
    padding-left: 0;
}

.intro_btm {
    width: 60%;
    height: 500px;
    background-image: url("../img/img-intro02.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: -160px;
    left: 0;
    z-index: 1;
}

#vol2 .intro_btm {
    background-image: url("../img/img-intro04.jpg");
}

#vol3 .intro_btm {
    background-image: url("../img/img-intro06.jpg");
}

.intro_btm img {
    display: none;
}

.intro_img_main {
    width: 60vw;
    max-width: 1580px;
    height: 40vw;
    max-height: 1168px;
    background-image: url("../img/img-intro01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: right;
    z-index: 10;
}

#vol2 .intro_img_main {
    width: 53vw;
    background-image: url("../img/img-intro03.jpg");
}

#vol3 .intro_img_main {
    background-image: url("../img/img-intro05.jpg");
}

.intro_img_main img {
    display: none;
}

.intro_img_logo {
    position: absolute;
    top: 80px;
    right: -220px;
    z-index: 20;
}

.intro_img_logo img {
    opacity: .5;
}

.intro_img_sub {
    width: 100%;
    padding-left: 14%;
    position: absolute;
    top: 87%;
    left: 0;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    z-index: 20;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.intro_img_sub_item1 {
    margin-left: 60px;
}

.intro_img_sub_item2 {
    margin-top: 70px;
}



.movie_hd {
    text-align: center;
}

.movie_hd_ttl {
    display: inline-block;
}

.movie_hd_ttl em {
    margin: 0 auto;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: .3em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.movie_hd_ttl small {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    letter-spacing: .1em;
}

.movie_body {
    margin-top: 40px;
    text-align: center;
}

.movie_wrap {
    width: 100%;
    max-width: 940px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.movie_wrap:before {
    padding-top: 56.25%;
    content: "";
    transition: transform 1s;
    background-image: url("../img/home/img-movie-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    transform: scale(1);
}

.movie_wrap:hover:before {
    transform: scale(1.1);
}

.movie_play {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    text-align: center;
    transform: translateY(-50%);
}

.product {
    margin-top: 80px;
    padding-left: 80px;
}

.product_hd {
    position: relative;
}

.product_hd_ttl {
    position: absolute;
    top: 1.05em;
    left: 100px;
    line-height: 1;
    white-space: nowrap;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.product_hd_ttl em {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: .3em;
}

.product_hd_ttl small {
    margin-top: 20px;
    font-size: 10px;
    letter-spacing: .1em;
}

.product_hd_lead {
    padding: 20px 0 20px 220px;
}

.product_wrap {
    background: #e8e8e8;
}

.product_cnt {
    margin-right: -60px;
    padding: 100px 0 60px 180px;
    position: relative;
}

.product_link {
    width: 200px;
    position: absolute;
    bottom: 180px;
    left: 0;
    line-height: 1;
    text-align: center;
}

.product_link a {
    padding: 10px;
    transition: opacity .6s;
    opacity: .5;
    display: inline-block;
    font-size: 16px;
}

.product_link a:hover {
    opacity: 1;
}

.product_btn {
    width: 200px;
    position: absolute;
    bottom: 100px;
    left: 0;
    text-align: center;
    z-index: 10;
}

.product_btn button {
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: .3;
    border: none;
    background: none;
    font-size: 36px;
    -webkit-appearance: none;
}

.product_btn button:hover {
    opacity: 1;
}

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

.product_slide .slick-list {
    padding-top: 20px;
}

.product_slide_item {
    margin: 0 20px;
    outline-style: none;
    text-align: center;
}

.product_slide_item_img {
    -webkit-transition: box-shadow .6s, -webkit-transform .6s;
    transition: box-shadow .6s, -webkit-transform .6s;
    transition: transform .6s, box-shadow .6s;
    transition: transform .6s, box-shadow .6s, -webkit-transform .6s;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .2);
    display: inline-block;
    ;
}

.product_slide_item:hover .product_slide_item_img {
    -webkit-transition: box-shadow .3s, -webkit-transform .3s;
    transition: box-shadow .3s, -webkit-transform .3s;
    transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s;
    box-shadow: 5px 16px 18px rgba(0, 0, 0, .2);
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
    ;
}

.product_slide_item_img img {
    width: 100%;
    height: auto;
}

.product_slide_item_cap {
    margin-top: 30px;
}

.product_slide_item_ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

.product_slide_item_price {
    margin-top: 10px;
    line-height: 1;
}





.type {
    padding: 80px 0 40px;
}

.type_hd {
    text-align: center;
}

.type_hd_ttl {
    display: inline-block;
}

.type_hd_ttl em {
    margin: 0 auto;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: .3em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.type_hd_ttl small {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    letter-spacing: .1em;
}

.type_wrap {
    margin-top: 80px;
}

.type_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-box-pack: center;
}

.type_item {
    width: 31.54%;
    margin-top: 40px;
    margin-left: 2.69%;
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s;
    opacity: 0;
    display: inline-block;
    text-align: center;
    will-change: transform;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.type_item:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.type_item:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.type_item:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.type_item:nth-child(5) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.-animated .type_item {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.type_item_img {
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.type_item:hover .type_item_img {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: .7;
}

.type_item_cap {
    padding: 20px 0;
}





.menu {
    margin-bottom: 100px;
    padding-top: 50px;
    position: relative;
}

.menu:before {
    width: 88%;
    height: 100%;
    content: "";
    background: #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}

.menu_list {
    padding-left: 12%;
    position: relative;
    top: 100px;
    z-index: 10;
}

.menu_item {
    margin-top: 40px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    color: #fff;
}

.menu_item.-item01 {
    margin-top: 0;
    background-image: url("../img/home/img-menu-about@2x.jpg");
}

.menu_item.-item02 {
    background-image: url("../img/home/img-menu-kanazawa@2x.jpg");
}

.menu_item a {
    height: 420px;
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.menu_item a:before {
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: 0;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}

.menu_item a:hover:before {
    opacity: .5;
}

.menu_item_img {
    position: relative;
    display: none;
    z-index: 1;
}

.menu_item_cnt {
    margin: auto 0;
    padding-left: 120px;
    position: relative;
    z-index: 1;
}

.menu_item_cnt:before {
    width: 90px;
    height: 1px;
    content: "";
    opacity: .7;
    background: #fff;
    position: absolute;
    top: .7em;
    left: 0;
    display: block;
}

.menu_item_ttl {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}

.menu_item_jp {
    margin-top: 50px;
    line-height: 1.8;
    text-shadow: 0 0 5px rgba(0, 0, 0);
}

.menu_item_en {
    margin-top: 20px;
    line-height: 1.8;
}

.menu_img {
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 46%;
    left: -220px;
    text-align: center;
    will-change: transform;
    z-index: 20;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.menu_img.-animated {
    opacity: .5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.access {
    padding-top: 80px;
}

.access_hd {
    padding-left: 12%;
}

.access_hd_ttl {
    margin-right: 30px;
    display: inline-block;
    vertical-align: bottom;
}

.access_hd_ttl em {
    margin-right: 15px;
    font-size: 22px;
    font-weight: bold;
}

.access_hd_ttl small {
    font-size: 10px;
}

.access_hd_addr {
    display: inline-block;
    vertical-align: bottom;
}

.access_map {
    margin-top: 30px;
    padding-right: 120px;
}

.access_map iframe {
    width: 100%;
    height: 500px;
    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);
}

.sns {
    padding: 80px 0;
    text-align: center;
}

.sns_ttl {
    font-size: 22px;
    line-height: 1;
    letter-spacing: .05em;
}

.sns_ttl em {
    font-style: italic;
}

.sns_btn {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
}

.sns_btn>a {
    margin-left: 20px;
    border-radius: 50%;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
    display: inline-block;
    overflow: hidden;
}

.sns_btn>a:first-child {
    margin-left: 0;
}

.about .hero {
    background-image: url("../img/img-about01.jpg");
}

.about .hero {
    height: auto !important;
    min-height: 762px;
    padding: 80px 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
    color: #fff;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    z-index: 1;
}

body.-load .about .hero {
    opacity: 1;
}

.about .hero_ttl {
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
    font-size: 16px;
    letter-spacing: .2em;
    z-index: 100;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

body.-load .about .hero_ttl {
    height: auto;
    max-height: none;
    margin: 0 0 40px;
    opacity: 1;
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transform: translateY(0px);
}

.about .hero_ttl strong {
    margin-top: 16px;
    font-size: 24px;
    letter-spacing: .2em;
}

.about .hero p {
    line-height: 2;
    text-align: center;
    letter-spacing: .2em;
}


.about {
    line-height: 2;
    letter-spacing: .2em;
}

.about .about-intro {
    padding-top: 220px;
    position: relative;
}

.about .intro_ttl {
    position: absolute;
    top: 2.8em;
    left: 10%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: .3em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    z-index: 20;
}

.about .intro_ttl span.-wh {
    font-size: 32px;
    color: #fff;
}

.about .about-intro_sec {
    width: 100%;
    position: relative;
    z-index: 10;
}

.about .about-intro_sec.-sec02 {
    margin-top: -150px;
    padding-top: 150px;
    position: relative;
    z-index: 1;
}

.about .about-intro_sec.-sec03 {
    margin-top: 150px;
    padding-bottom: 103px;
}

.about .about-intro_sec.-sec02:before {
    width: 82%;
    height: 100%;
    content: "";
    background: url(../img/bg.png) repeat 0 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 0;
}

.about .about-intro_sec.-sec03:before {
    width: 100%;
    height: 280px;
    content: "";
    background: #e8e8e8;
    position: absolute;
    right: 130px;
    bottom: 0;
    display: block;
    z-index: 0;
}

.about .about-intro_wrap {
    position: relative;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-box-pack: justify;
    z-index: 10;
}

.about .about-intro_sec.-sec02 .about-intro_wrap {
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.about .about-intro_cnt {
    max-width: 640px;
    margin: auto;
    padding: 0 40px;
    display: inline-block;
    text-align: left;
}

.about .about-intro_sec.-sec01 .about-intro_cnt {
    margin-top: 0;
}

.about .about-intro_sec.-sec02 .about-intro_cnt {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about .about-intro_sec.-sec03 .about-intro_cnt {
    margin-top: 0;
    padding-bottom: 142px;
}

.about .intro_subttl {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.8;
}

.about .intro_jp {
    margin-top: 40px;
}

.about .intro_en {
    margin-top: 40px;
    margin-bottom: 80px;
}

.about .intro_subimg {
    position: relative;
    display: -webkit-box;
    display: flex;
    z-index: 10;
}

.about .about-intro_sec.-sec02 .intro_subimg {
    margin-left: -192px;
    left: 18%;
}

.about .about-intro_sec.-sec03 .intro_subimg {
    margin-top: -140px;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.about .intro_subimg img {
    margin-left: 4px;
}

.about .intro_subimg img:first-child {
    margin-left: 0;
}

.about .about-intro_sec.-sec02 .intro_subimg img {
    width: 188px;
    height: 209px;
}

.about .about-intro_sec.-sec03 .intro_subimg img {
    width: 255px;
    height: 177px;
}

@media screen and (max-width:640px) {
    .about .hero {
        min-height: 320px;
        padding: 80px 0;
    }

    body.-load .about .hero_ttl {
        margin-bottom: 24px;
        line-height: 2;
        text-align: center;
        letter-spacing: .3em;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }

    .about .about-intro {
        padding-top: 150px;
    }

    .about .intro_ttl {
        margin: auto;
        right: 0;
        left: 0;
        line-height: 2;
        text-align: center;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }

    .about .hero_ttl strong {
        display: block;
    }

    .about .intro_ttl span.-wh {
        color: #000;
    }

    .about .about-intro_sec.-sec02 {
        margin-top: 0;
        padding-top: 40px;
    }

    .about .about-intro_sec.-sec03 {
        margin-top: 60px;
        padding-bottom: 47px;
    }

    .about .about-intro_sec.-sec02:before {
        width: 100%;
        right: auto;
        left: 80px;
    }

    .about .about-intro_sec.-sec03:before {
        height: 130px;
        right: 40px;
    }

    .about .about-intro_wrap {
        display: block;
    }

    .about .about-intro_cnt {
        padding: 40px;
    }

    .about .about-intro_sec.-sec02 .about-intro_cnt {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about .about-intro_sec.-sec03 .about-intro_cnt {
        padding-bottom: 40px;
    }

    .about .intro_subttl {
        font-size: 18px;
    }

    .about .intro_jp {
        margin-top: 20px;
        font-size: 12px;
    }

    .about .intro_en {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .about .about-intro_sec.-sec02 .intro_subimg {
        margin-top: 0;
        margin-left: 0;
        left: 80px;
    }

    .about .about-intro_sec.-sec03 .intro_subimg {
        margin-top: 0;
        padding-right: 40px;
    }

    .about .about-intro_sec.-sec02 .intro_subimg img {
        width: 120px;
        height: 134px;
    }

    .about .about-intro_sec.-sec03 .intro_subimg img {
        width: 120px;
        height: 83px;
    }
}

.outline {
    padding-top: 100px;
    padding-left: 15%;
}

.outline_wrap {
    padding: 100px;
    background: #e8e8e8;
    position: relative;
}

.outline_wrap:before {
    width: 1px;
    height: 160px;
    content: "";
    background: #cacaca;
    position: absolute;
    bottom: 0;
    left: 140px;
    display: block;
}

.outline_ttl {
    margin-right: 56px;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 2;
    white-space: nowrap;
    letter-spacing: .3em;
}

.outline_ttl em {
    padding-bottom: 15px;
    background: #e8e8e8;
    position: relative;
    display: inline-block;
}

.outline_cnt {
    margin-top: 24px;
    padding-bottom: 120px;
    flex: 1;

    -webkit-box-flex: 1;
}

.outline_img {
    position: absolute;
    right: -64px;
    bottom: -24px;
    z-index: 0;
}

@media screen and (max-width:640px) {
    .outline {
        padding-bottom: 0;
        padding-left: 0;
    }

    .outline_wrap {
        padding: 40px;
    }

    .outline_wrap:before {
        height: 110px;
        left: 100px;
    }

    .outline_ttl {
        margin-right: 35px;
        font-size: 18px;
    }

    .outline_ttl:before {
        left: 9px;
    }

    .outline_cnt {
        padding-bottom: 100px;
    }

    .outline_img {
        display: none;
    }
}

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

.staff_sec {
    margin-top: 25px;
    background: #181818;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    color: #fff;
    -webkit-box-pack: justify;
}

.staff_wrap {
    padding: 16vh 10%;
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    flex: 1;

    -webkit-box-flex: 1;
}

.staff_cnt {
    max-width: 100%;
    margin: auto 0;
}

.staff_catch {
    font-size: 18px;
}

.staff_text {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2.2;
}

.staff_name {
    position: absolute;
    right: 40px;
    bottom: 30px;
    font-size: 12px;
}

.staff_img {
    flex-shrink: 0;
}

.staff_img img {
    height: 100%;
}

@media screen and (max-width:640px) {
    .staff_sec {
        display: block;
    }

    .staff_wrap {
        padding: 40px;
    }

    .staff_catch {
        font-size: 16px;
    }

    .staff_text {
        margin-top: 20px;
        font-size: 13px;
        text-align: justify;
    }

    .staff_name {
        margin-top: 20px;
        position: static;
        text-align: right;
    }
}



.greeting {
    margin-top: 80px;
    background-image: url("../img/img-bed.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    color: #fff;
}

.greeting_cnt {
    max-width: 880px;
    margin: 0 auto;
    padding: 120px 20px 150px;
    position: relative;
}

.greeting_ttl {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 2;
    white-space: nowrap;
    letter-spacing: .3em;
}

.greeting_ttl:before {
    width: 240px;
    height: 1px;
    content: "";
    opacity: .5;
    background: #fff;
    position: absolute;
    top: 36px;
    left: -300px;
    display: block;
}

.greeting_text {
    margin-top: 60px;
    line-height: 2.2;
}

.greeting_name {
    margin-top: 40px;
    text-align: right;
}

.greeting_name>dt,
.greeting_name>dd {
    display: inline;
}

.greeting_name>dt {
    margin-right: 1em;
}

.greeting_img {
    pointer-events: none;
    opacity: .5;
    position: absolute;
    bottom: -160px;
    left: -210px;
}

@media screen and (max-width:640px) {
    .greeting_cnt {
        padding: 60px 40px;
    }

    .greeting_cnt:before {
        height: 40px;
        left: 49px;
    }

    .greeting_ttl {
        font-size: 18px;
    }

    .greeting_text {
        margin-top: 30px;
        text-align: justify;
    }

    .greeting_name {
        margin-top: 20px;
    }

    .greeting_img {
        width: 80%;
        bottom: -10%;
        left: -14%;
    }
}

@media screen and (min-width: 560px) {
    .type_item:nth-child(-n+3) {
        margin-top: 0;
    }

    .type_item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 559px) {
    body.-load .hero_ttl img {
        height: 16vh;
        max-height: 200px;
    }

    .slide_item {
        height: 50vh !important;
    }

    .hero {
        height: 50vh !important;
    }

    .slide {
        height: 50vh;
    }

    .slide_item {}

    .slide_item.-moving {}

    .navi {
        display: none;
    }

    .navi_list {}

    .navi_list>li {}

    body.-load .navi_list>li {}

    .navi_list>li a {}

    .navi_list>li a:before {}

    .navi_list>li a span {}

    .navi_list>li a:hover span {}

    .hero_scroll {}

    .news {
        width: 90%;
        padding-right: 20px;
        padding-left: 40px;
    }

    .news_row {}

    .news_row>dt,
    .news_row>dd {}

    .news_row>dt {
        padding: 0;
        float: none;
    }

    .news_row>dt:after {}

    .news_row>dd {
        margin-top: 6px;
        margin-left: 0;
    }

    .news_list {}

    .news_list>li {}

    .news_list>li a {}

    .news_list>li a:after {}

    .news_list>li a:hover:after {}

    .news_list>li a time {}

    .news_list>li a em {}

    .infoArea {
        width: 80%;
        margin: auto;
        right: 0;
        bottom: 16px;
        left: 0;
        text-align: center;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    .infoArea a {
        padding: 0 0 16px;
        display: block;
        line-height: 2;
    }

    .infoArea a:before {
        bottom: 0;
        left: 0;
    }

    .intro {
        margin-bottom: 0;
        padding: 16px 0;
        background: #e8e8e8;
        display: block;
    }

    .intro:before {
        width: 10%;
        display: none;
    }

    .intro_wrap {
        width: 90%;
        padding: 40px 20px 100px;
        background: #fff;
    }

    .intro_cnt {}

    .intro_ttl {
        font-size: 18px;
    }

    .intro_jp {
        margin-top: 20px;
        font-size: 12px;
    }

    .intro_en {
        margin-top: 20px;
    }

    .intro_img {
        width: 100%;
        margin-top: -80px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 20%;
    }

    #vol2 .intro_img {
        padding-left: 20%;
    }

    .intro_btm {
        width: 100%;
        height: 270px;
        margin-top: -130px;
        position: static;
        bottom: 0;
    }

    .intro_btm img {}

    .intro_img_main {
        width: 100vw;
        height: auto;
        background: none;
    }

    .intro_img_main img {
        display: block;
    }

    #vol2 .intro_img_main {
        width: 100vw;
        height: auto;
        background: none;
    }

    .intro_img_logo {
        width: 83%;
        top: -80px;
        right: -10%;
    }

    .intro_img_logo img {
        max-width: 100%;
        height: auto;
    }

    .intro_img_sub {
        padding-left: 20%;
    }

    .intro_img_sub img {
        width: 80px;
    }

    .intro_img_sub_item1 {
        margin-left: 20px;
    }

    .intro_img_sub_item2 {}

    .movie {}

    .movie_hd {}

    .movie_hd_ttl {}

    .movie_hd_ttl em {
        font-size: 18px;
    }

    .movie_hd_ttl small {}

    .movie_body {
        margin-top: 30px;
    }

    .movie_wrap {}

    .movie_wrap:before {}

    .movie_play {}

    .product {
        margin-top: 40px;
        padding-left: 40px;
    }

    .product_hd {
        padding: 40px 0 20px;
    }

    .product_hd_ttl {
        position: static;
        -ms-writing-mode: initial;
        -webkit-writing-mode: initial;
        writing-mode: initial;
    }

    .product_hd_ttl em {
        margin-right: 15px;
        font-size: 18px;
        letter-spacing: .15em;
    }

    .product_hd_ttl small {}

    .product_hd_lead {
        margin-top: 12px;
        padding: 0;
        padding-right: 20px;
        font-size: 12px;
    }

    .product_wrap {}

    .product_cnt {
        padding: 40px 0 60px;
    }

    .product_link {
        width: auto;
        top: 40px;
        bottom: auto;
        left: 0;
    }

    .product_link a {
        padding: 20px;
        font-size: 14px;
    }

    .product_btn {
        width: 100%;
        padding-right: 60px;
        position: static;
        text-align: right;
    }

    .product_btn button {
        font-size: 28px;
    }

    .product_btn button:hover {}

    .product_btn button.-prev {}

    .product_btn button.-next {}

    .product_slide {}

    .product_slide .slick-list {}

    .product_slide_list {}

    .product_slide_item {}

    .product_slide_item_fig {}

    .product_slide_item_img {}

    .product_slide_item:hover .product_slide_item_img {}

    .product_slide_item_img img {}

    .product_slide_item_cap {
        margin-top: 15px;
    }

    .product_slide_item_ttl {
        font-size: 14px;
    }

    .product_slide_item_price {
        font-size: 12px;
        line-height: 1.6;
    }

    .product_slide_item_price em {}

    .product_slide_item_price small {}

    .type {
        padding: 60px 0 30px;
    }

    .type_hd {}

    .type_hd_ttl {}

    .type_hd_ttl em {
        font-size: 18px;
    }

    .type_hd_ttl small {}

    .type_wrap {
        margin-top: 50px;
    }

    .type_list {
        display: block;
    }

    .type_item {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .type_item:first-child {
        margin-top: 0;
    }

    .type_item_img {}

    .type_item_cap {}

    .type_item_jp {}

    .type_item_en {}

    .menu {
        margin-bottom: 0;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .menu:before {
        width: 100%;
        right: 40px;
        left: auto;
    }

    .menu_list {
        padding-left: 0;
        top: 0;
    }

    .menu_item {
        background: none;
        background-image: none !important;
        color: #141414;
    }

    .menu_item.-item01 {}

    .menu_item.-item02 {}

    .menu_item a {
        height: auto;
        display: block;
    }

    .menu_item_img {
        margin-right: -40px;
        margin-bottom: 30px;
        padding-left: 40px;
        display: block;
    }

    .menu_item_img:before {
        padding-top: 75%;
        content: "";
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        display: block;
    }

    .menu_item.-item01 .menu_item_img:before {
        background-image: url("../img/home/img-menu-about.jpg");
    }

    .menu_item.-item02 .menu_item_img:before {
        background-image: url("../img/home/img-menu-kanazawa.jpg");
    }

    .menu_item_img img {
        display: none;
    }

    .menu_item_cnt {
        padding-right: 20px;
        padding-left: 40px;
    }

    .menu_item_cnt:before {
        width: 30px;
        background: #000;
    }

    .menu_item_ttl {
        font-size: 18px;
    }

    .menu_item_jp {
        margin-top: 15px;
        font-size: 12px;
        text-shadow: none;
    }

    .menu_item_en {
        margin-top: 15px;
    }

    .menu_img {
        display: none;
    }

    .access {
        padding-top: 40px;
    }

    .access_hd {
        padding-left: 40px;
    }

    .access_hd_ttl {
        margin-right: 0;
        display: block;
    }

    .access_hd_ttl em {
        font-size: 18px;
    }

    .access_hd_ttl small {}

    .access_hd_addr {
        display: block;
        font-size: 13px;
    }

    .access_map {
        padding-right: 40px;
    }

    .access_map iframe {
        height: 300px;
    }

    .sns {
        padding: 60px 0;
    }

    .sns_ttl {
        font-size: 18px;
    }

    .sns_ttl em {}

    .sns_btn {}

    .sns_btn>a {}

    .sns_btn>a:first-child {}
}

@-webkit-keyframes zoom_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes zoom_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.slide_item.-moving {
    -webkit-animation: slide-right 20s cubic-bezier(.250, .460, .450, .940) both;
    animation: slide-right 20s cubic-bezier(.250, .460, .450, .940) both;
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*------------------------

お部屋詳細

------------------------*/
.room-contentsArea .engtxt400 {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
}

.room-contentsArea a,
.room-contentsArea a:link,
.room-contentsArea a:active,
.room-contentsArea a:visited {
    color: #252417;
    text-decoration: none;
}

.room-contentsArea a:hover {
    color: #252417;
    text-decoration: none;
}

.room-contentsArea a:focus {
    outline: thin dotted;
}

.room-contentsArea a:hover,
.room-contentsArea a:active {
    outline: 0;
}

.room-contentsArea ul {
    margin: 0;
    padding: 0;
}

.room-contentsArea dd {
    margin: 0;
}

.room-contentsArea img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: bottom;
}

.room-contentsArea table {
    border-spacing: 0;
    border-collapse: collapse;
}

.room-contentsArea h3,
.room-contentsArea h4,
.room-contentsArea h5,
.room-contentsArea h6 {
    font-size: 100%;
    font-weight: normal;
}

.room-contentsArea img {
    border: 0;
}

.room-contentsArea li {
    list-style: none;
}

.room-contentsArea .clearfix:before,
.room-contentsArea .clearfix:after {
    content: "";
    display: block;
}

.room-contentsArea .clearfix:after {
    clear: both;
}

.room-contentsArea .clearfix {
    zoom: 1;
}

.room-contentsArea ::-webkit-input-placeholder {
    font-size: 12px;
    color: #ccc;
}

.room-contentsArea :-moz-placeholder {
    opacity: 1;
    font-size: 12px;
    color: #ccc;
}

.room-contentsArea ::-moz-placeholder {
    opacity: 1;
    font-size: 12px;
    color: #ccc;
}

.room-contentsArea :-ms-input-placeholder {
    font-size: 12px;
    color: #ccc;
}

.room-contentsArea .txt_w {
    color: #fff;
}

.room-contentsArea a:link {
    color: #444;
    text-decoration: none;
}

.room-contentsArea a:visited {
    color: #444;
    text-decoration: none;
}

.room-contentsArea a:hover {
    color: #ccc;
    text-decoration: none;
}

.room-contentsArea a:active {
    color: #ccc;
    text-decoration: none;
}

.room-contentsArea a.white:link {
    color: #fff;
    text-decoration: none;
}

.room-contentsArea a.white:visited {
    color: #fff;
    text-decoration: none;
}

.room-contentsArea a.white:hover {
    color: #fff;
    text-decoration: none;
}

.room-contentsArea a.white:active {
    color: #fff;
    text-decoration: none;
}

.room-contentsArea a.line:link {
    color: #444;
    text-decoration: underline;
}

.room-contentsArea a.line:visited {
    color: #444;
    text-decoration: underline;
}

.room-contentsArea a.line:hover {
    color: #ccc;
    text-decoration: underline;
}

.room-contentsArea a.line:active {
    color: #ccc;
    text-decoration: underline;
}

.room-contentsArea img {
    max-width: 100%;
}

@media screen and (min-width: 560px) {
    .room-contentsArea a:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .room-contentsArea .pc {
        display: block;
    }

    .room-contentsArea .sp {
        display: none;
    }

    .room-contentsArea {
        width: 100%;
        margin: 0 auto 0 auto;
        background: url(../../images/bg.png) repeat 0 0;
        position: relative;
        text-align: center;
        z-index: 4;
    }

    .contents-gray {
        background-color: #202020;
    }

    .room-second-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        clear: both;
        overflow: visible;
    }

    .room-second-wrap .room-main-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 1000px;
        margin: 0 auto 0 auto;
        padding: 80px 0;
        position: relative;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    .room-main-inner__left {
        width: 400px;
    }

    .room-main-inner__right {
        width: 550px;
    }

    .room-second-wrap .room-main-inner .b_titleArea {
        width: 300px;
        margin: auto;
    }

    .room-second-wrap .room-main-inner .b_titleArea .type_name {
        margin-bottom: 2px;
        font-size: 12px;
        color: #888;
    }

    .room-second-wrap .room-main-inner .b_titleArea .room_type {
        margin-bottom: 10px;
        font-size: 16px;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea .cloud_img {
        margin-bottom: 28px;
    }

    .room-second-wrap .room-main-inner .b_titleArea .cloud_img img {
        width: 72px;
        height: 22px;
    }

    .room-second-wrap .room-main-inner .b_titleArea h3 {
        margin-bottom: 22px;
        font-size: 24px;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea .txt1 {
        font-size: 12px;
        font-weight: 200;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea h4 {
        margin: 28px 0;
        padding: 20px 0;
        border-top: solid 1px #5a5a5a;
        border-bottom: solid 1px #5a5a5a;
        font-size: 18px;
        line-height: 2;
    }

    .room-second-wrap .room-main-inner .b_main_p1 {
        width: 100%;
    }

    .amatsuki .room-second-wrap .room-main-inner .b_main_p1 {
        margin-top: 40px;
    }

    .room-second-wrap .room-main-inner .b_main_p1 img {
        width: 100%;
    }

    .room_layout {
        margin-top: 40px;
    }

    .room_layout img {
        width: 400px;
    }

    .room-second-wrap .room-main-inner .b_main_p2 {
        width: 100%;
    }

    .room-second-wrap .room-main-inner .b_main_p2 img {
        width: 100%;
    }

    .room-second-wrap .room-main-inner .img-area {
        margin-top: 80px;
        position: relative;
    }

    .hoshimi .room-second-wrap .room-main-inner .img-area {
        margin-top: 80px;
    }

    .room-second-wrap .room-main-inner .b_main_p3 {
        width: 55%;
    }

    .room-second-wrap .room-main-inner .b_main_p3 img {
        width: 100%;
    }

    .amatsuki .room-second-wrap .room-main-inner .b_main_p4 {
        width: 55%;
        position: absolute;
        top: 40px;
        right: 0;
    }

    .room-second-wrap .room-main-inner .b_main_p4 img {
        width: 100%;
    }

    .hoshimi .room-second-wrap .room-main-inner .b_main_p1 {
        width: 100%;
        margin-top: 40px;
    }

    .hoshimi .room-second-wrap .room-main-inner .b_main_p3 {
        width: 60%;
    }

    .hoshimi .room-second-wrap .room-main-inner .b_main_p4 {
        width: 60%;
        position: absolute;
        top: 200px;
        right: 0;
    }

    .room-second-wrap .room-main-inner .b_layoutArea {
        width: 100%;
    }

    .room-second-wrap .room-main-inner .b_layoutArea h5 {
        width: 100%;
        margin-top: 100px;
        font-size: 13px;
        line-height: 2;
        color: #fff;
        text-align: justify;
    }

    .hoshimi .room-second-wrap .room-main-inner .b_layoutArea h5 {
        margin-top: 240px;
    }

    .room-second-wrap .room-main-inner .b_layoutArea .room_layout {
        width: 40%;
        position: relative;
        float: left;
    }

    .room-second-wrap .room-main-inner .b_layoutArea .room_layout img {
        width: 100%;
        height: 100%;
    }

    .b-photo-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        padding-top: 0;
        clear: both;
        overflow: visible;
    }

    .b-photo-wrap .b-photo-inner {
        margin: 0 auto 0 auto;
        position: relative;
    }

    .b-photo-wrap .b-photo-inner ul {
        list-style: none;
        font-size: 0;
    }

    .b-photo-wrap .b-photo-inner li {
        width: 100%;
        display: inline-block;
    }

    .b-photo-wrap .b-photo-inner li img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-detail-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 1000px;
        margin: 0 auto 0 auto;
        padding: 70px 0 0 0;
        clear: both;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .detailArea {
        width: 100%;
    }

    .room-second-wrap .room-detail-inner .detailArea .facilityBox {
        width: 48%;
        float: left;
    }

    .room-second-wrap .room-detail-inner .detailArea .amenityBox {
        width: 48%;
        float: right;
    }

    .room-second-wrap .room-detail-inner .detailArea .addBox {
        width: 48%;
        float: left;
        clear: both;
    }

    .room-second-wrap .room-detail-inner h6 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .room-second-wrap .room-detail-inner h6 span {
        font-size: 12px;
    }

    .room-second-wrap .room-detail-inner .detailtxt {
        clear: both;
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .b_Box {
        width: 100%;
        margin-bottom: 30px;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_photo {
        width: 42%;
        float: left;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_photo img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_txt {
        width: 52%;
        float: right;
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .priceArea {
        width: 100%;
        clear: both;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td {
        padding: 20px 0;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt01 {
        width: 15%;
        font-size: 14px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt02 {
        width: 65%;
        font-size: 14px;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt03 {
        width: 20%;
        font-size: 14px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
    }

    .room-second-wrap .room-detail-inner .bannerArea {
        width: 100%;
        margin: 80px 0 100px;
    }

    .room-second-wrap .room-detail-inner .bannerArea .spaBox {
        width: 100%;
        margin: auto;
    }

    .room-second-wrap .room-detail-inner .bannerArea .conBox {
        width: 48%;
        float: right;
    }

    .room-second-wrap .room-detail-inner .bannerArea .banner_Box {
        padding: 56px;
        border: solid 1px #ddd;
        background-color: rgba(255, 255, 255, 1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .bannerArea .photoArea {
        width: 30%;
    }

    .room-second-wrap .room-detail-inner .bannerArea .photoArea img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea {
        width: 56%;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .txt1 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 1.8;
        color: #444;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .txt2 {
        margin-top: 24px;
        font-size: 14px;
        line-height: 1.8;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .link {
        margin-top: 24px;
        font-size: 14px;
        line-height: 1.8;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .bannerArea .banner_Box a {
        display: block;
    }

    .room-second-wrap .room-detail-inner .bannerArea .banner_Box a:hover {
        color: #000;
    }

    .room-second-wrap .room-detail-inner .cautionArea {
        margin: 30px 0 100px 0;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .cautionArea ul {
        margin-left: 20px;
    }

    .room-second-wrap .room-detail-inner .cautionArea li {
        margin: .2em 0 .6em 0;
        list-style-type: disc;
        font-size: 12px;
        line-height: 1.8;
        color: #888;
    }

    .reserveBox {
        margin: 0 0 100px 0;
        text-align: center;
    }

    .reserveBox .linkBtn {
        width: 250px;
        height: 50px;
        margin: 0 auto 50px auto;
        clear: both;
        font-size: 14px;
        line-height: 50px;
    }

    .reserveBox .linkBtn a {
        border: solid 1px #ddd;
        background-color: #fff;
        display: block;
    }

    .reserveBox .linkBtn a:hover {
        border: solid 1px #ddd;
        background-color: #888;
        color: #fff;
    }

    .reserveBox .telBtn {
        margin-bottom: 60px;
        clear: both;
    }

    .reserveBox .telBtn .txt {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .reserveBox .telBtn .num {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .reserveBox .telBtn .time {
        font-size: 12px;
        line-height: 2;
        color: #888;
    }

    .preBox {
        margin: 0 0 0 0;
        text-align: left;
    }

    .preBox .preBtn {
        clear: both;
        font-size: 12px;
    }

    .preBox .preBtn img {
        width: 56px;
        height: 14px;
    }

    .preBox .preBtn a:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -moz-opacity: .60;
        opacity: .60;
        filter: alpha(opacity=60);
    }

    .room-link-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        background-color: #b2b2b2;
        clear: both;
        overflow: visible;
    }

    .room-link-wrap .room-link-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 940px;
        margin: 50px auto 0 auto;
        padding: 50px 0 30px 0;
        position: relative;
        text-align: center;
    }

    .room-link-wrap .room-link-inner .b_Area {
        width: 44.6%;
        position: relative;
        float: left;
    }

    .room-link-wrap .room-link-inner .h_Area {
        width: 48.9%;
        position: relative;
        float: right;
    }

    .room-link-wrap .room-link-inner .room_type {
        width: 5%;
        float: left;
        font-size: 14px;
        text-align: left;
    }

    .room-link-wrap .room-link-inner .room_type span {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea {
        width: 94%;
        margin-bottom: 0;
        margin-left: 0;
        padding-bottom: 0;
        float: right;
        zoom: 1;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox {
        width: 27.333%;
        margin-bottom: 4%;
        margin-left: 6%;
        float: left;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dl {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dl img {
        width: 100%;
        height: 100%;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dt {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dd.room_name {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea {
        width: 94%;
        margin-bottom: 0;
        margin-left: -0;
        float: right;
        zoom: 1;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox {
        width: 19%;
        margin-bottom: 5%;
        margin-left: 6%;
        float: left;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dl {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dl img {
        width: 100%;
        height: 100%;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dt {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dd.room_name {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .room-link-wrap .room-link-inner dl:hover {
        color: #fff;
        text-decoration: underline;
    }

    .room-link-wrap .room-link-inner dl img:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -moz-opacity: .60;
        opacity: .60;
        filter: alpha(opacity=60);
    }
}

@media screen and (max-width: 559px) {
    .room-contentsArea img {
        max-width: 100%;
        height: auto;
    }

    .room-contentsArea img {
        -ms-interpolation-mode: bicubic;
    }

    .room-contentsArea .pc {
        display: none;
    }

    .room-contentsArea .sp {
        display: block;
    }

    .room-contentsArea {
        padding: 0 0 0 0;
        position: relative;
        overflow: hidden;
        z-index: 4;
    }

    .contents-gray {
        background-color: #202020;
    }

    .room-second-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        clear: both;
        overflow: visible;
    }

    .room-second-wrap .room-main-inner {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%);
        margin: 0 auto 0 auto;
        padding: 50px 0 0 0;
        text-align: center;
    }

    .room-second-wrap .room-main-inner .b_titleArea {
        width: 100%;
        margin: 0 auto 50px auto;
    }

    .room-second-wrap .room-main-inner .b_titleArea .type_name {
        margin-bottom: 2px;
        font-size: 12px;
        color: #888;
    }

    .room-second-wrap .room-main-inner .b_titleArea .room_type {
        margin-bottom: 10px;
        font-size: 14px;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea .cloud_img {
        margin-bottom: 28px;
    }

    .room-second-wrap .room-main-inner .b_titleArea .cloud_img img {
        width: 72px;
        height: 22px;
    }

    .room-second-wrap .room-main-inner .b_titleArea h3 {
        margin-bottom: 22px;
        font-size: 20px;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea .txt1 {
        font-size: 12px;
        color: #fff;
    }

    .room-second-wrap .room-main-inner .b_titleArea h4 {
        margin: 28px 0 0 0;
        padding: 20px 0;
        border-top: solid 1px #5a5a5a;
        border-bottom: solid 1px #5a5a5a;
        font-size: 16px;
        line-height: 2;
    }

    .room-second-wrap .room-main-inner .room_layout {
        margin-top: 40px;
    }

    .room-second-wrap .room-main-inner .b_main_p1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .room-second-wrap .room-main-inner .b_main_p1 img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-main-inner .b_main_p2 {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .room-second-wrap .room-main-inner .b_main_p2 img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-main-inner .b_main_p3 {
        width: 100%;
        margin-bottom: 10px;
    }

    .room-second-wrap .room-main-inner .b_main_p3 img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-main-inner .b_main_p4 {
        width: 100%;
        margin-bottom: 50px;
    }

    .room-second-wrap .room-main-inner .b_main_p4 img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-main-inner .b_layoutArea {
        width: 100%;
        clear: both;
        overflow: visible;
    }

    .room-second-wrap .room-main-inner .b_layoutArea h5 {
        margin: 0 0 50px 0;
        position: relative;
        font-size: 13px;
        line-height: 2;
        color: #fff;
        text-align: justify;
    }

    .room-second-wrap .room-main-inner .b_layoutArea .room_layout {
        width: 100%;
        position: relative;
    }

    .room-second-wrap .room-main-inner .b_layoutArea .room_layout img {
        width: 100%;
        height: 100%;
    }

    .b-photo-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        clear: both;
        overflow: visible;
    }

    .b-photo-wrap .b-photo-inner {
        width: -webkit-calc(100% - 0%);
        width: calc(100% - 0%);
        margin: 50px auto 50px auto;
        padding: 0;
        text-align: center;
    }

    .b-photo-wrap .b-photo-inner ul {
        list-style: none;
    }

    .b-photo-wrap .b-photo-inner li {
        width: 100%;
        margin-bottom: 0;
    }

    .b-photo-wrap .b-photo-inner li img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-detail-inner {
        width: -webkit-calc(100% - 10%);
        width: calc(100% - 10%);
        margin: 50px auto 50px auto;
        padding: 0;
        text-align: center;
    }

    .room-second-wrap .room-detail-inner .detailArea {
        width: 100%;
    }

    .room-second-wrap .room-detail-inner .detailArea .facilityBox {
        width: 280px;
        margin: 0 auto 0 auto;
        margin-bottom: 80px;
    }

    .room-second-wrap .room-detail-inner .detailArea .amenityBox {
        width: 280px;
        margin: 0 auto;
    }

    .room-second-wrap .room-detail-inner .detailArea .addBox {
        width: 280px;
        margin: 0 auto;
        clear: both;
    }

    .room-second-wrap .room-detail-inner h6 {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .room-second-wrap .room-detail-inner h6 span {
        font-size: 12px;
    }

    .room-second-wrap .room-detail-inner .detailtxt {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .b_Box {
        width: 100%;
        margin-bottom: 30px;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_photo {
        width: 100%;
        margin-bottom: 20px;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_photo img {
        width: 80%;
        height: 80%;
    }

    .room-second-wrap .room-detail-inner .b_Box .b_Box_txt {
        width: 100%;
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .priceArea {
        width: 100%;
        clear: both;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td {
        padding: 10px 0;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt01 {
        font-size: 13px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt02 {
        padding-right: 4%;
        padding-left: 4%;
        font-size: 13px;
    }

    .room-second-wrap .room-detail-inner .priceArea table.price td.txt03 {
        font-size: 13px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .room-second-wrap .room-detail-inner .bannerArea {
        width: 100%;
        margin: 0;
    }

    .room-second-wrap .room-detail-inner .bannerArea .spaBox {
        width: 100%;
        margin-top: 50px;
    }

    .room-second-wrap .room-detail-inner .bannerArea .conBox {
        width: 100%;
    }

    .room-second-wrap .room-detail-inner .bannerArea .banner_Box {
        padding: 32px;
        border: solid 1px #ddd;
        background-color: rgba(255, 255, 255, 1);
        clear: both;
        text-align: center;
    }

    .room-second-wrap .room-detail-inner .bannerArea .photoArea {
        width: 100%;
        float: left;
    }

    .room-second-wrap .room-detail-inner .bannerArea .photoArea img {
        width: 100%;
        height: 100%;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea {
        width: 100%;
        float: right;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .txt1 {
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.6;
        color: #444;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .txt2 {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.6;
        color: #888;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .bannerArea .txtArea .link {
        margin-top: 20px;
        font-size: 12px;
        line-height: 1.6;
        text-align: justify;
    }

    .room-second-wrap .room-detail-inner .bannerArea .banner_Box a {
        display: block;
    }

    .room-second-wrap .room-detail-inner .cautionArea {
        margin: 30px 0 80px 0;
        text-align: left;
    }

    .room-second-wrap .room-detail-inner .cautionArea ul {
        margin-bottom: 40px;
        margin-left: 20px;
    }

    .room-second-wrap .room-detail-inner .cautionArea li {
        margin: .2em 0 .6em 0;
        list-style-type: disc;
        font-size: 12px;
        line-height: 1.8;
        color: #888;
    }

    .reserveBox {
        margin: 0 0 0 0;
        text-align: center;
    }

    .reserveBox .linkBtn {
        width: 250px;
        height: 50px;
        margin: 0 auto 40px auto;
        clear: both;
        font-size: 14px;
        line-height: 50px;
    }

    .reserveBox .linkBtn a {
        border: solid 1px #ddd;
        background-color: #fff;
        display: block;
    }

    .reserveBox .linkBtn a:hover {
        border: solid 1px #ddd;
        background-color: #888;
        color: #fff;
    }

    .reserveBox .telBtn {
        margin-bottom: 100px;
        clear: both;
    }

    .reserveBox .telBtn .txt {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .reserveBox .telBtn .num {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .reserveBox .telBtn .time {
        font-size: 12px;
        line-height: 2;
        color: #888;
    }

    .preBox {
        padding: 0 0 80px 0;
        text-align: center;
    }

    .preBox .preBtn {
        clear: both;
        font-size: 12px;
    }

    .preBox .preBtn img {
        width: 56px;
        height: 14px;
    }

    .preBox .preBtn a:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -moz-opacity: .60;
        opacity: .60;
        filter: alpha(opacity=60);
    }

    .room-link-wrap {
        width: 100%;
        margin: 0 auto 0 auto;
        background-color: #b2b2b2;
        clear: both;
        overflow: visible;
    }

    .room-link-wrap .room-link-inner {
        width: -webkit-calc(100% - 10%);
        width: calc(100% - 10%);
        margin: 0 auto 0 auto;
        padding: 0 0 10px 0;
        text-align: center;
    }

    .room-link-wrap .room-link-inner .b_Area {
        width: 100%;
        margin-bottom: 0;
        position: relative;
    }

    .room-link-wrap .room-link-inner .h_Area {
        width: 100%;
        position: relative;
    }

    .room-link-wrap .room-link-inner .room_type {
        margin-bottom: 15px;
        padding-top: 50px;
        clear: both;
        font-size: 14px;
        text-align: center;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea {
        width: 100%;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox {
        width: 27.333%;
        margin: 0 3%;
        margin-bottom: 0;
        float: left;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dl {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dl img {
        width: 100%;
        height: 100%;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dt {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .room-link-wrap .room-link-inner .b_Area .b_linkArea .b_linkBox dd.room_name {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea {
        width: 100%;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox {
        width: 27.333%;
        margin: 0 3%;
        margin-bottom: 6%;
        float: left;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dl {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dl img {
        width: 100%;
        height: 100%;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dt {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .room-link-wrap .room-link-inner .h_Area .h_linkArea .h_linkBox dd.room_name {
        margin: 2px 0 0 0;
        font-size: 12px;
    }
}

/*------------------------

料理

------------------------*/
.vertical-writing {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "pkna";

    -webkit-font-feature-settings: "pkna";
}

.vertical-writing span {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}

@media only screen and (min-width: 560px) {
    .dishes-wrap {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 100px;
        background-color: #202020;
        color: #fff;
        letter-spacing: .16em;
    }

    .dishes-wrap .dishes-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 1000px;
        margin: auto;
        padding: 100px 0;
        text-align: center;
    }

    .dishes-wrap .dishes-inner .titleArea {
        width: 100%;
        margin: 0 auto;
    }

    .dishes-wrap .dishes-inner .titleArea h3 {
        margin-bottom: 70px;
        display: inline-block;
        color: #888;
        letter-spacing: .2em;
    }

    .dishes-wrap .dishes-inner .titleArea h3 strong {
        display: block;
        font-size: 24px;
        color: #fff;
        text-indent: 1em;
    }

    .dishes-wrap .dishes-inner .titleArea .cate_text {
        width: 100%;
        font-size: 14px;
        line-height: 2;
    }

    .dishes-wrap .dishes-main-inner {
        width: -webkit-calc(100% - 0px);
        width: calc(100% - 0px);
        margin: 0 auto 0 auto;
        padding: 0;
        text-align: center;
    }

    .dishes-wrap .dishes-main-inner h4 {
        margin-bottom: 50px;
        font-size: 18px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .photoArea {
        width: 60%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .photoArea img {
        width: 100%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea {
        width: 40%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox {
        width: 350px;
        margin: auto;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h5 {
        display: inline-block;
        font-size: 20px;
        color: #888;
        color: #fff;
        letter-spacing: .2em;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h5 img {
        width: 30px;
        height: 116px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h6 {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.8;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .txt1 {
        margin-bottom: 50px;
        font-size: 10px;
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .txt2 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link {
        margin-top: 40px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link a {
        font-size: 14px;
        line-height: 2;
        color: #c4c4c4;
        text-align: center;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link a:hover {
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 {
        margin: 0 auto 200px auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea {
        width: 60%;
        margin: 0 auto 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea {
        position: absolute;
        top: 50%;
        left: 20%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox {
        width: 350px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox h5 {
        margin: 0 auto 20px auto;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox h5 img {
        width: 30px;
        height: 116px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox h6 {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.8;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox .txt1 {
        margin-bottom: 50px;
        font-size: 10px;
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox .txt2 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-season-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 1000px;
        margin: 0 auto 200px auto;
        padding: 0;
        display: flex;
    }

    .dishes-wrap .dishes-season-inner .season_photoBox {
        width: 80%;
        float: left;
    }

    .dishes-wrap .dishes-season-inner .season_photoBox img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox {
        width: 20%;
        margin: 2% 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox h5 {
        font-size: 60px;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox h6 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .dishes-wrap .dishes-dining-inner {
        width: -webkit-calc(100% - 0px);
        width: calc(100% - 0px);
        margin: -150px auto 0 auto;
        padding-top: 150px;
        text-align: center;
    }

    .dishes-wrap .dishes-dining-inner h4 {
        margin-bottom: 50px;
        font-size: 18px;
    }

    .dishes-wrap .dishes-dining-inner .dining_photoArea {
        margin: 0 auto 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-dining-inner .dining_photoArea img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-dining-inner .dining_txtArea {
        width: 1350px;
        margin: 56px auto 0;
    }

    .dishes-wrap .dishes-dining-inner .dining_txtArea .img img {
        max-width: 100%;
    }

    .dishes-wrap .dishes-dining-inner .dining_txtArea__text {
        width: 400px;
        min-width: 400px;
        margin: 0 0 0 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        line-height: 2;
    }

    .dishes-wrap .dishes-inner .dishesArea {
        width: 100%;
        clear: both;
    }

    .dishes-wrap .dishes-inner .mb100 {
        margin-bottom: 100px;
    }

    .dishes-wrap .dishes-inner .dishesArea .txtBox {
        width: 44%;
        float: left;
        text-align: left;
    }

    .dishes-wrap .dishes-inner .dishesArea .photoBox {
        width: 50%;
        float: right;
    }

    .dishes-wrap .dishes-inner .dishesArea .photoBox img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 {
        margin-bottom: 30px;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span {
        vertical-align: middle;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.cate_name_jp {
        font-size: 18px;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.small_line_red {
        padding: 0 20px;
        font-size: 8px;
        color: #e03912;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.cate_name_en {
        font-size: 12px;
    }

    .dishes-wrap .dishes-inner .dishesArea h5 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-rice-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 880px;
        margin: 100px auto 150px auto;
        padding: 0;
    }

    .dishes-wrap .dishes-rice-inner .riceArea {
        width: 80%;
        margin: auto;
        padding: 3%;
        border: solid 1px #ddd;
        background-color: rgba(255, 255, 255, 1);
        display: flex;
        align-items: center;
        clear: both;
        text-align: left;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .photoBox3 {
        width: 53%;
        float: left;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .photoBox3 img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 {
        width: 44%;
        margin-left: auto;
        padding: 0;
        float: right;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 h4 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 h5 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }
}

@media screen and (max-width: 559px) {
    img {
        max-width: 100%;
        height: auto;
    }

    img {
        -ms-interpolation-mode: bicubic;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .dishes-wrap {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 50px;
        background-color: #202020;
        color: #fff;
        letter-spacing: .16em;
    }

    .dishes-wrap .dishes-inner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        max-width: 1000px;
        margin: auto;
        padding: 50px 0;
        text-align: center;
    }

    .dishes-wrap .dishes-inner .titleArea {
        width: 100%;
        margin: 0 auto;
    }

    .dishes-wrap .dishes-inner .titleArea h3 {
        margin-bottom: 40px;
        display: inline-block;
        color: #888;
        letter-spacing: .2em;
    }

    .dishes-wrap .dishes-inner .titleArea h3 strong {
        display: block;
        font-size: 24px;
        color: #fff;
        text-indent: 1em;
    }

    .dishes-wrap .dishes-inner .titleArea .cate_text {
        width: 100%;
        font-size: 12px;
        line-height: 2;
        text-align: justify;
    }

    .dishes-wrap .dishes-main-inner {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%);
        margin: 0 auto 0 auto;
        padding: 0;
        text-align: center;
    }

    .dishes-wrap .dishes-main-inner h4 {
        display: none;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 {
        margin: 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .photoArea {
        width: 100%;
        margin: 0 auto 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .photoArea img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea {
        margin-top: 40px;
    }


    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h5 {
        display: inline-block;
        font-size: 20px;
        color: #888;
        color: #fff;
        letter-spacing: .2em;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h5 img {
        width: 30px;
        height: 116px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox h6 {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.8;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .txt1 {
        margin-bottom: 50px;
        font-size: 10px;
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .txt2 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link {
        margin-top: 40px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link a {
        font-size: 14px;
        line-height: 2;
        color: #c4c4c4;
        text-align: center;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea1 .txtArea .txtBox .link a:hover {
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 {
        margin: 0 auto 40px auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea {
        width: 100%;
        margin: 0 auto 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea .txtBox h5 {
        margin: 0 auto 20px auto;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea .txtBox h5 img {
        width: 24px;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .photoArea .txtBox .txt1 {
        margin-bottom: 30px;
        font-size: 12px;
        color: #888;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea {
        width: 100%;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox {
        margin: 50px auto 0 auto;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox h6 {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 1.6;
    }

    .dishes-wrap .dishes-main-inner .dishesallArea2 .txtArea .txtBox .txt2 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-season-inner {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%);
        margin: 0 auto 80px auto;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .dishes-wrap .dishes-season-inner .season_photoBox {
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center;
        order: 2;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox {
        width: 100%;
        text-align: center;
        order: 1;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox h5 {
        font-size: 30px;
    }

    .dishes-wrap .dishes-season-inner .season_txtBox h6 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .dishes-wrap .dishes-dining-inner {
        width: -webkit-calc(100% - 20%);
        width: calc(100% - 20%);
        margin: -80px auto 0 auto;
        padding-top: 80px;
        text-align: center;
    }

    .dishes-wrap .dishes-dining-inner h4 {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.6;
    }

    .dishes-wrap .dishes-dining-inner .dining_photoArea {
        margin: 0 auto 0 auto;
        position: relative;
    }

    .dishes-wrap .dishes-dining-inner .dining_photoArea img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-dining-inner .dining_txtArea {
        margin: 16px 0 100px 0;
        font-size: 13px;
        line-height: 2;
        text-align: left;
    }

    .dishes-wrap .dishes-dining-inner .dining_txtArea .img {
        margin-top: 16px;
    }

    .dishes-wrap .dishes-inner .dishesArea {
        width: 100%;
        clear: both;
    }

    .dishes-wrap .dishes-inner .mb100 {
        margin-bottom: 80px;
    }

    .dishes-wrap .dishes-inner .dishesArea .txtBox {
        width: 100%;
    }

    .dishes-wrap .dishes-inner .dishesArea .photoBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .dishes-wrap .dishes-inner .dishesArea .photoBox img {
        width: 100%;
        height: 100%;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 {
        margin-bottom: 20px;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span {
        vertical-align: middle;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.cate_name_jp {
        font-size: 16px;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.small_line_red {
        padding: 0 20px;
        font-size: 8px;
        color: #e03912;
    }

    .dishes-wrap .dishes-inner .dishesArea h4 span.cate_name_en {
        font-size: 12px;
    }

    .dishes-wrap .dishes-inner .dishesArea h5 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }

    .dishes-wrap .dishes-rice-inner {
        width: -webkit-calc(100% - 10%);
        width: calc(100% - 10%);
        margin: 0 auto 100px auto;
        padding: 0;
        text-align: center;
    }

    .dishes-wrap .dishes-rice-inner .riceArea {
        padding: 10%;
        border: solid 1px #ddd;
        background-color: rgba(255, 255, 255, 1);
        clear: both;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .photoBox3 {
        width: 100%;
        margin-bottom: 20px;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 {
        width: 100%;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 h4 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .dishes-wrap .dishes-rice-inner .riceArea .txtBox3 h5 {
        font-size: 12px;
        line-height: 2;
        color: #888;
        text-align: justify;
    }
}