@charset "UTF-8";
/* ================================================================

じゃらんnet 共通cssの調整兼reset

================================================================ */

/*  じゃらんnet仕様
    ※個別のcssで全ページに読み込まれているプロパティ等
---------------------- */
/* * { -webkit-box-sizing: border-box; box-sizing: border-box;}
body{ font-family: "メイリオ"; margin: 0; }
#subnavi #subnaviLinks{ line-height: auto; } */

/* width:100% に対応できるように調整
---------------------- */
/* #wrap{    width: 100% !important;}
#wrap > #info{    margin: 0 auto 4px !important;}
#ft_logo, #ft_ul{ margin: 0 auto; }
.to_pagetop{ margin: 10px auto 0 !important; }
#contents { width: 100%; margin: 0 auto; overflow: hidden; }
#contents.width-950{ width: 950px; } */

/* reset
---------------------- */
.contents ul { list-style: none; }
.contents ul, .contents li { margin: 0; padding: 0; }
.contents img { vertical-align: bottom; }
.contents img { border: 0; }

/* utility
---------------------- */
.tC{ text-align: center; }
.sanSerif{ font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.serif{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }

/* clerfix -micro clearfix
-------------------------------- */
.cf:before, .cf:after{ content: ""; display: table; }
.cf:after{ clear: both; }
.cf{ *zoom: 1; }

/* 縦書き
---------------------- */
.vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/* table
---------------------- */
.dT{
    display: table;
    width: 100%;
}
.dTCell{
    display: table-cell;
}


/* ================================================================

調整

================================================================ */
/* #yadIndex-319981,
#yad-319981{
    display: none !important;
} */


/* ================================================================

	contents

================================================================ */
.contents{
    min-width: 1000px;
    background: #000;
    color: #fff;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    position: relative;
    z-index: 1;

    overflow: hidden;
}
.contents::before{
    display: block;
    content: "";
    width: 100%;
    min-width: 1000px;
    height: 100%;
    background-repeat: no-repeat;
    /* background-size: 100%; */
    position: absolute;
    left: 0;
    opacity: 0.8;
    z-index: -1;
}
.contents::before{
    background-position: center top 500px;
    background-image: url(../images/back-ptn.png);
    background-size: 1200px;
    background-repeat: repeat-y;
    top: 0;
    mix-blend-mode: overlay;
}
.contents::after{
    display: block;
    content: "";
    width: 100%;
    min-width: 1000px;
    height: 100%;
    background-repeat: no-repeat;
    /* background-size: 100%; */
    position: absolute;
    left: 0;
    z-index: -2;
}
.contents::after{
    background-position: center top 500px;
    background-image: url(../images/back-base.png);
    background-size: 1200px 100%;
    background-repeat: no-repeat;
    top: 0;
}
.sec-yadCassette{
    margin-top: 15px;
    position: relative;
}
.sec-yadCassette::after{
    display: block;
    width: 1015px;
    height: 100%;
    z-index: -1;
    content: "";
    background-image: url(../images/sec-yad/back.png);
    background-size: 1015px;
    /* background: linear-gradient(to right, transparent, #95021c, transparent); */
    /* background: linear-gradient(90deg, rgba(83,2,30,0) 0%, rgba(83,2,30,1) 7%, rgba(149,2,28,1) 50%, rgba(83,2,30,1) 93%, rgba(83,2,30,0) 100%); */

    mix-blend-mode: multiply;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
/* .page-front .contents.page-front::before{
    top: 0;
    background-position: center bottom;
    background-image: url(../images/back-yad.png);
    background-size: 1400px;
    background-repeat: repeat;
    background-size: contain;
    background-repeat: repeat-y;
} */
/* .contents.page-front::after{
    display: none;
} */

.w-950 > .inner{
    width: 950px;
    margin: 0 auto;
    padding: 0;
}

/* common
---------------------- */
.contents a{
    color: #fff;
}



/* ================================================================

    contentHeader

================================================================ */
.contentHeader{
    padding: 0;
    position: relative;


}
.page-front .contentHeader::after{
    /* content: "";
    width: 1200px;
    height: 2px;
    background: url(../images/page-front/img-line.png) no-repeat bottom center;
    background-size: 1200px;
    padding-bottom: 2px; */
}
.contentHeader > .inner{
    position: relative;

    /* background: url(../images/page-front/img-line.png) no-repeat bottom center; */
    background-size: 800px;
    background-color: rgba(0,0,0,.8);

}

.title{
/*    position: relative;*/
}

/* front用
---------------------- */
.page-front .title img{
    /* z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; */
}

/* contentHeader__slide
---------------------- */
.contentHeader__slide{
    width: 1000px;
    margin: 0 auto 0;
    /* width: 100%;
    position: relative;
    padding: 30px;
    background: url(../images/sec-yad/back-ttl.png) no-repeat;
    background-size: cover;
    text-align: center; */

/*    background: url(../images/page-front/slide.jpg) repeat-x 0 0;*/



}
.contentHeader__slide > .inner{
    width: 1200px;
    margin-left: -100px;
    padding-bottom: 2px;
    position: relative;


    /* background: url(../images/page-front/img-line.png) no-repeat bottom center; */
    background-size: 1200px;
}
.contentHeader__slide::before {
    /* content: "";
    background: url(../images/page-front/title.png) no-repeat center top;
    background-size: 1200px;
    width: 1200px;
    height: 697px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; */
}

.contentHeader__slide h2{
    /* display: none; */
    width: 100%;
    height: 822px;
    z-index: 1;

    /* background: url(../images/page-front/titleBack.png) no-repeat 0 0;
    background-size: 100% 100%; */
}

/* .contentHeader__slide h2::before,
.contentHeader__slide h2::after{
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: url(../images/page-front/img-line.png) repeat-x center center;
    background-size: 1200px 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}
.contentHeader__slide h2::after{
    top: auto;
    bottom: 0;
} */

/* #slider{
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 100;
} */
/* #slider::before,
#slider::after{
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: url(../images/page-front/img-line.png) repeat-x center center;
    background-size: 1200px 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}
#slider::after{
    top: auto;
    bottom: 0;
} */
/* #slider ul{
    width: 100%;
    height: 236px;
}
#slider li{
    width: 15670px;
    height: 236px;
    float: left;
    overflow: hidden;
    z-index: 300;
}
#slider li img{
    width: 15670px;
    height: 236px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#slider .bx-wrapper {
    width: 100% !important;
    height: 236px;
    overflow: hidden;
    position: relative !important;
    zoom: 1;
    z-index: 200;
}
#slider .bx-wrapper:first-child {
    margin-bottom: 210px;
}
#slider .bx-window {
    margin: 0 auto !important;
    overflow: visible !important;
} */



/* .categoryNav_slide{
    width: 290px;
    height: 200px;
    overflow: hidden;
    position: absolute;
}
.categoryNav_slide.ctg-01{  top: 0px;   left: 47px;}
.categoryNav_slide.ctg-02{  top: 200px;   left: 47px;}
.categoryNav_slide.ctg-03{  top: 400px;   left: 47px;}
.categoryNav_slide.ctg-04{  top: 0px;   right: 47px;}
.categoryNav_slide.ctg-05{  top: 200px;   right: 47px;}
.categoryNav_slide.ctg-06{  top: 400px;   right: 47px;}

.categoryNav_slide li{
    position: absolute;
    top: 0;
    left: 0;
}
.categoryNav_slide li:not(:first-child){
    display: none;
} */

.contentHeader__slide .slideA{
    width: 1200px;
    height: 303px;
    background: url(../images/page-front/photo-slideA.jpg);
    /* background-size: 400%; */
    background-size: 13830px;
    position: absolute;
    top: 0;
    left: 0;
    will-change: background-position;
    animation: slide 360s infinite linear;
}
.contentHeader__slide .slideB{
    width: 1200px;
    height: 303px;
    background: url(../images/page-front/photo-slideB.jpg);
    /* background-size: 400%; */
    background-size: 13830px;
    position: absolute;
    bottom: 2px;
    left: 0;

    will-change: background-position;
    animation: slide 360s infinite linear;
}
@keyframes slide{
  0% {
    background-position: 0;
  }

  100% {
    background-position: -13830px;
  }
}

/* ================================
contentlNav
================================ */
.contentlNav{
    width: 950px;
    margin: 0 auto;
}
.contentlNav__categoryMenu{
    width: 950px;
    overflow: hidden;
    position: relative;
}
.contentlNav__categoryMenu li{
    float: left;
    width: 158px;
    border-right: 1px solid #fff;
}
.contentlNav__categoryMenu li:first-child{
    border-left: 1px solid #fff;
}
.contentlNav__categoryMenu a{
    display: block;
    padding: 10px 0;
    font-size: 14px;
}
.contentlNav__categoryMenu a:hover{
    background: #3c3315;
}


/* ================================================================

contentFooter

================================================================ */
.contentFooter{
    /* padding: 100px 0 0; */
    margin-top: 100px;
    background: rgba(0,0,0,.5);
}
.page-front .contentFooter{
    /* padding-top: 60px; */
    margin-top: 20px;
}


/* ================================================================

    sec-mainContainer

================================================================ */
.sec-mainContainer{
    /* position: relative;
    background: url(../images/page-front/img-line.png) no-repeat top center;
    background-size: 60%; */
}

.categoryTitle img{
    width: 100%;
    max-width: 1200px;
    /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100; */
}

/* ================================================================

    sec-mainVisual

================================================================ */
.sec-mainVisual{
    position: relative;
    /* padding: 30px; */
    /* padding: 0 0 3px; */
    margin-top: -1px;
    /* background: url(../images/page-front/img-line.png) no-repeat bottom center; */
    background-size: 1200px;
    text-align: center;
}


.sec-mainVisual::after{
    /* display: block;
    margin-left: -475px;
    width: 950px;
    height: 2em;
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 50%; */
}
/* [data-theme="theme-01"] .sec-mainVisual::after{ content: "写真／ふたりとわに 縁";}
[data-theme="theme-02"] .sec-mainVisual::after{ content: "写真／箱根湯本温泉 天成園";}
[data-theme="theme-03"] .sec-mainVisual::after{ content: "写真／美味しい温泉 夢みさき";}
[data-theme="theme-04"] .sec-mainVisual::after{ content: "写真／マホロバマインズ三浦";} */

/* .mainVisual__primary
---------------------- */
.mainVisual__primary{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.mainVisual__primary img{
    width: 100%;
    height: auto;
/*
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
*/

}



/* ================================================================

    yadCassette

================================================================ */
.yadCassette{
    border-top: 1px solid #fff;
}
.yadCassette:first-child{
    border:none;
}
.yadCassette:last-child{
    /* border-bottom: 1px solid #fff; */
}

.yadCassette> .inner{
    width: 950px;
    margin: 0 auto;
    padding: 45px 0 40px;
}
/* ================================
    yadCassette__header
================================ */
.yadCassette__header{
    width: 900px;
    margin: 0 auto 17px;
}
.yadCassette__area{
    padding: 10px 8px;
    width: 116px;
    height: 74px;
    border: 1px solid #ba822d;
    border-width: 1px;
    line-height: 1;
    float: left;
    position: relative;
    background: rgba(0,0,0,.8);
}
.yadCassette__area::before,
.yadCassette__area::after{
    display: block;
    content: "";
    width: 1px;
    height: 70%;
    background: #ba822d; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right bottom, from(#ba822d),color-stop(50%, #fff0a6),to(#ba822d));
    background: linear-gradient(to bottom, #ba822d 0%,#fff0a6 50%,#ba822d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba822d', endColorstr='#ba822d',GradientType=1 ); /* IE6-9 */    position: absolute;
    top: 50%;
    margin-top: -25%;
}
.yadCassette__area::before{
    left: -1px;
}
.yadCassette__area::after{
    right: -1px;
}
.yadCassette__areaMachi{
    display: block;
    margin-bottom: 8px;
    padding-bottom: 8px;

    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.yadCassette__areaKen{
    display: block;
    font-size: 14px;
}



/* yadCassette__title
---------------------- */
.yadCassette__title{
    padding: 0 0 0 14px;
    width: 784px;
    float: left;
}
.yadCassette__title > p{
    /* margin-bottom: 3px; */
    font-size: 14px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.yadCassette__title > h4{
    font-size: 30px;
    font-weight: normal;
}
.link-yad{
    display: block;
    color: #fff;
}
.link-yad br{
    display: none;
}
.link-yad > small{
    font-size: 20px;
}
.link-yad > small.rub{
    font-size: 18px;
}
.link-yad:hover{
    /* color: #ba822d; */
    color: #ffc56e;
}

/* 個別調整 */
/* #yad-367400 .link-yad > small{ margin-right: 10px;font-size: 26px; } */
#yad-326617 .link-yad > small:first-child{ font-size: 80%; }

/*
#yad-358282 .link-yad > small:first-child{ font-size: 30px; }
#yad-366752 .link-yad > small:first-child{ font-size: 30px; }
*/
/* #yad-321751 .link-yad > small{ font-size: 30px; margin-right: .6em;} */
#yad-321751 .link-yad > small{ margin-right: .6em;}
/*
#yad-310573 .link-yad > small{ font-size: 30px; }
#yad-329012 .link-yad > small{ font-size: 30px; }
#yad-318487 .link-yad > small{ font-size: 30px; }
#yad-321825 .link-yad > small{ font-size: 30px; }
#yad-307763 .link-yad > small{ font-size: 30px; }
*/
#yad-307225 .yadCassette__title a > span{ padding-right: .5em; }
#yad-301923 .yadCassette__title a > span{ padding-right: .5em; }
/*
#yad-302725 .link-yad > small:last-child{ font-size: 18px; }
#yad-339763 .link-yad > small:last-child{ font-size: 18px; }
#yad-322323 .link-yad > small:last-child{ font-size: 18px; }
*/

#yad-362208 .yadCassette__title a,
#yad-335007 .yadCassette__title a,
#yad-382049 .yadCassette__title a,
#yad-307408 .yadCassette__title a{
    position: relative;
}
#yad-362208 .yadCassette__title a::after,
#yad-382049 .yadCassette__title a::after,
/* #yad-307408 .yadCassette__title a::after, */
/* #yad-335007 .yadCassette__title a::after{
    display: block;
    content: "";
    width: 135px;
    height: 20px;
    background: url(../images/sec-yad/icn-open.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: -31px;
    margin-top: -9px;
} */
/* #yad-335007 .yadCassette__title a::after{
    background-image: url(../images/sec-yad/icn-open_2104.png);
} */
/* #yad-382049 .yadCassette__title a::after{
    background-image: url(../images/sec-yad/icn-open_202208.png);
} */
/* #yad-307408 .yadCassette__title a::after{
    background-image: url(../images/sec-yad/icn-open_2022autumn.png);
} */

/* ================================
    yadCassette__image
================================ */
.yadCassette__image {
    overflow: hidden;
    position: relative;
}
.yadCassette__image figure{
    float: left;
    position: relative;
    background-position: center center;
    background-size: cover;
}
.yadCassette__image figcaption{
    display: block;
    padding: .5em .8em .4em;
    font-size: 11px;
    background-color: #000;
    background-color: rgba(0,0,0,.9);
    position: absolute;
    bottom: 0;
    left: 0;
}
.yadCassette__imageMain{
    width: 614px;
    height: 468px;
}
.yadCassette__imageSub{
    width: 336px;
    height: 234px;
}

/* 個別調整 */
#yad-338218 .yadCassette__imageMain{
    background-position: center bottom;
}
#yad-367400 .yadCassette__imageMain{
    background-position: left -10px center;
}


/* link-planAll
---------------------- */
.link-planAll{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    opacity: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.link-planAll > span{
    display: inline-block;
    width: 13em;
    height: 2em;
    line-height: 2em;
    color: #333;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

    -webkit-transform: translate(0,10px);

    transform: translate(0,10px);
    -webkit-transition: .4s;
    transition: .4s;
}
.link-planAll:hover{
    opacity: 1;
    background: rgba(0,0,0,.7);
}
.link-planAll:hover > span{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

/* caption
---------------------- */
.yadCassette__caption{
    width: 860px;
    margin: 1em auto 3em;
    font-size: 11px;
    line-height: 1.5;
}

#yad-379607 .yadCassette__caption{
    width: 910px;
}

/* ================================
    yadCassette__planContainer
================================ */
.yadCassette__planContainer{
    width: 860px;
    margin: 0 auto;
}
.yadCassette__plan{
    width: 400px;
    /* width: 420px; */
    float: left;
    line-height: 1.4;
}

.yadCassette__plan::before{
    display: flex;
    justify-content: center;
    justify-self: center;
    content: "プラン1";
    width: 130px;
    margin: 0 auto .6em;
    padding: 0 1em .1em;
    font-size: 1.2rem;
    letter-spacing: 2px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
    border-bottom: 1px solid #fff;
}
.yadCassette__plan:last-child::before{
    content: "プラン2";
}

.yadCassette__plan:last-child{
    float: right;
}



.yadCassette__planTitle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
}
.yadCassette__planPR{
    margin: 2em 0;
    padding-left: 1em;
    padding-right: 0;
    font-size: 12px;
    border-left: 3px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;

}

.link-planDetail{
    display: block;
    padding: .8em;
    border: 1px solid #fff;
    position: relative;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    background: rgba(0,0,0,.8);
}
.link-planDetail:hover{
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.link-planDetail::after{
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/sec-yad/icn-arrw.png) no-repeat 0 0;
    background-size: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;

}


/* 個別調整 */
#yad-307408.yadCassette> .inner{
    padding-bottom: 60px;
}
#yad-307408 .yadCassette__plan:last-child{
    position: relative;
}
/* 湯宿 羊山邸 プランがひとつのためのイレギュラー処理 */
#yad-307408 .yadCassette__plan:last-child > *{
    opacity: 0;
    pointer-events: none;
}
#yad-307408 .yadCassette__plan:last-child::before{
    display: block;
    content: "";
    width: 460px;
    height: 211px;
    border: none;
    background: url(../images/sec-yad/img-ext.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -15px;
}

/* ================================================================

    sec-indexContainer

================================================================ */
.sec-indexContainer{
    padding: 0 0 30px;
}
/* ================================
    indexContainer__slide
================================ */
.indexContainer__slide{
    width: 968px;
    margin-right: -10px;
    margin-bottom:10px;
    overflow: hidden;
    position: relative;
}
.indexSlide{
    width: 230px;
    height: 360px;
    margin-right: 10px;

    float: left;
    position: relative;
}
.indexContainer__slide .indexSlide + .indexSlide::before{
    /* display: block;
    content: "";
    width: 1px;
    height: 100%;
    border-left: 1px solid #fff;
    position: absolute;
    top: 0;
    left: -10px; */
}

.indexSlide h3{
    text-align: center;
    position: relative;
/*
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 100;
*/
}
.indexSlide h3::before{
    display: block;
    content: "";
    width: 223px;
    height: 346px;
    /* background-image: url(../images/page-front/back-h-theme.png); */
    background-size: contain;
    mix-blend-mode: multiply;
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: -1;
}

.indexSlide.theme03 h3,
.indexSlide.theme04 h3{
    /* right: 20px; */
}
.indexSlide p{
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    top: 40px;
    right: 120px;
}
.indexSlide.theme03 p,
.indexSlide.theme04 p{
    right: 140px;
}

/* ================================
    indexContainer__note
================================ */
.indexContainer__note{
    margin: 30px 0;
    font-size: 10px;
    text-align: right;
}

/* ================================
    indexContainer__yadIndex
================================ */
.indexContainer__yadIndex{
    width: 968px;
    margin-right: -10px;
    overflow: hidden;
    position: relative;
}
.contents .yadList{
    width: 230px;
    margin-right: 10px;
    float: left;
}
.contents .yadList__item{
    width: 230px;
    /* padding: 2px; */
    margin-bottom: 10px;
/*    border: 2px solid #ba822d;    */
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
}
.contents .yadList__item:hover{
    -webkit-box-shadow: 4px 4px 30px rgba(227, 217, 109, .4);
    box-shadow: 4px 4px 30px rgba(227, 217, 109, .4);
}
/*
.yadList__item::before,
.yadList__item::after{
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #ba822d;
    background: linear-gradient(to right, #ba822d 0%,#fff0a6 50%,#ba822d 100%);
    position: absolute;
    left: 0;
}
.yadList__item::before{ top: -2px;}
.yadList__item::after{ bottom: -2px;}
*/

.yadList__name{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 4.5em;
    padding: 7px 3px;
    font-size: 15px;
    background: #000;
}
.yadList__name > span{
    display: table-cell;
    vertical-align: middle;
}
.yadList__name small{
    font-size: 12px;
}
.yadList__figure{
    width: 230px;
    height: 172px;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.yadList__figure img{
    width: 100%;
}

/* 個別調整 */
#yad-367400 .yadList__name small{ font-size: 10px; }
#yad-366752 .yadList__name small:last-child{ font-size: 10px; }
#yad-366752 .yadList__name{ padding: 7px 1px; font-size: 14px; }
#yad-307225 .yadList__name > span > span{ padding-right: .5em; }
#yad-301923 .yadList__name > span > span{ padding-right: .5em; }
#yad-330402 .yadList__name > span > small{ display: block;}
#yad-382737 .yadList__name > span > small:first-child{ display: block;}
#yad-393168 .yadList__name > span > small:last-child{display: block;}
#yad-359014 .yadList__name > span > small:first-child{ display: block;}
#yad-328277 .yadList__name > span > small{ display: block;}
#yad-379607 .yadList__name > span > small{ display: block;}
#yad-361212 .yadList__name > span > small{ display: block;}
#yad-308194 .yadList__name > span > small{ display: block;}
#yad-386820 .yadList__name > span > small{ display: block;}
#yad-370919 .yadList__name > span > small:first-child{ display: block;}
#yad-309583 .yadList__name > span > small{ display: block;}
#yad-334972 .yadList__name > span > small{ display: block;}
#yad-307763 .yadList__name > span > small{ display: block;}
#yad-326979 .yadList__name > span > small{ display: block;}
#yad-310789 .yadList__name > span > small{ display: block;}
#yad-335287 .yadList__name > span > small{ display: block;}
#yad-318488 .yadList__name > span > small{ display: block;}
#yad-330658 .yadList__name > span > small{ display: block;}
#yad-389502 .yadList__name > span > small{ display: block;}
#yad-345636 .yadList__name > span > small{ display: block;}
#yad-345483 .yadList__name > span > small{ display: block;}

/*高さ調整*/
/*
#yad-318020 .yadList__name > span{ height: 57px; }
#yad-316526 .yadList__name > span{ height: 57px; }
#yad-386712 .yadList__name > span{ height: 57px; }
#yad-359433 .yadList__name > span{ height: 57px; }
#yad-389910 .yadList__name > span{ height: 57px; }
#yad-319993 .yadList__name > span{ height: 57px; }
*/

/* 個別調整　注釈追加 */
#yad-353714 .yadList__figure::after,
#yad-367400 .yadList__figure::after,
#yad-321825 .yadList__figure::after{
    display: block;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 5px;
    text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
/* #yad-353714 .yadList__figure::after{ content: "※源泉（加水）";} */
/* #yad-367400 .yadList__figure::after{ content: "※源泉100%";} */
/* #yad-321825 .yadList__figure::after{ content: "※源泉100%";} */



/* ================================================================

    sec-coupon

================================================================ */
.sec-coupon{
    padding: 20px 0 25px;
}
.sec-coupon > .inner{
    padding: 40px 100px;
    background: rgba(0,0,0,.5);
    border: 1px solid #fff;
    border-radius: 10px;
}
.sec-coupon h3{
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: normal;
}
.coupon__txt{
    width: 300px;
    float: right;
    font-size: 12px;
    line-height: 1.5;
    text-align: justify;
    position: relative;
}
.coupon__txt p{
}
.coupon__img{
    width: 390px;
    float: left;
}
.coupon__txt .note{
    padding: 1em;
    text-indent: -0.7em;
}
.btn-coupon{
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 1em;
    font-size: 14px;
    border: 1px solid #fff;
}


/* ================================

contentYadNav

================================ */
.contentYadNav{
/*    margin: 50px 0;*/
    margin-bottom: 40px;
}
.contentYadNav *{
    display: none !important;
}

/* h
---------------------- */
.contentYad h2 img{
    width: 950px;
}
/* h
---------------------- */
.contentYadNav h3{
    margin-bottom: 20px;
    position: relative;
}
.contentYadNav h3::before,
.contentYadNav h3::after{
    display: inline-block;
    content: "";
    margin: 0 10px;
    width: 40px;
    height: 1px;
    background: #333;
    vertical-align: 6px;
}

/* list
---------------------- */
.contentYadNavList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contentYadNavList li {
/*    width: 25%;*/
/* width: 237px; */
width: 310px;
margin-bottom: 10px;
}
.contentYadNavList a{
    display: block;
}
/*
.contentYadNavList .theme-01 a:hover{ background: #f7f3f8; }
.contentYadNavList .theme-02 a:hover{ background: #f0f5ec; }
.contentYadNavList .theme-03 a:hover{ background: #f5f3ee; }
.contentYadNavList .theme-04 a:hover{ background: #f5edf0; }
.contentYadNavList .theme-05 a:hover{ background: #f0eaf4; }
*/

.contentYadNavList__figure{
    width: 80px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.contentYadNavList__name{
    padding: 5px 14px;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
}
.contentYadNavList__name small{
    font-size: 10px;
}
.contentYadNavList__name .title_sub{
    display: block;
    font-size: 60%;
}
.contentYadNavList__name .title_primary{
    display: block;
}
.contentYadNavList__name .title_secondary{
    display: block;
}

/*個別調整*/
/*

.contentYadNavList a[href="#yad-388500"] small:nth-child(1){
    display: inline-block;
    line-height: 0.9;
}

.contentYadNavList a[href="#yad-324444"] .contentYadNavList__figure{background-size: 100% !important;}

.contentYadNavList a[href="#yad-358282"] small:nth-child(1){
    display: block;
    font-size: 100%;
}
.contentYadNavList a[href="#yad-321751"] small:nth-child(1){
    display: block;
    font-size: 100%;
}
*/
/*
.contentYadNavList a[href="#yad-388500"] small:nth-child(1){
    display: block;
    font-size: 100%;
}
*/
/*
.contentYadNavList a[href="#yad-319181"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-310789"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-328589"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-313337"] br.for-front{display: none;}
*/
/* .contentYadNavList a[href="#yad-367400"] br.for-front{ display: none;}*/
/*
.contentYadNavList a[href="#yad-316526"] br.for-front:nth-child(1){display: none;}

.contentYadNavList a[href="#yad-316086"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-333542"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-331120"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-316899"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-304567"] br.for-front{display: none;}
.contentYadNavList a[href="#yad-339312"] br.for-front{display: none;}
*/

#yadIndex-319981 small{display: block;}
#yadIndex-329779 small{display: block;}
#yadIndex-327235 small{display: block;}
#yadIndex-393168 .contentYadNavList__name small:last-child{display: block;}
#yadIndex-359014 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-379607 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-328277 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-334972 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-361212 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-307763 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-308194 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-386820 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-370919 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-309583 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-326979 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-310789 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-335287 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-318488 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-389502 .contentYadNavList__name small:first-child{display: block;}
#yadIndex-345636 .contentYadNavList__name small:first-child{display: block;}


/*
---------------------- */
.contentYadNav__note{
    display: block;
    margin-top: 10px;
    font-size: 10px;
    text-align: right;
}

/*
---------------------- */
br.for-nav{ display: none; }
.contentYadNavList br.for-nav{ display: block; }
.contentYadNavList #yadIndex-388500 br.for-nav{ display: none; }


/* ================================

================================ */
.globalNav{
    width: 100%;
    background: rgba(0,0,0,.9);
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1000;
}
.globalNav > div{
    display: none;
    width: 1000px;
    padding: 0 20px;
    margin: 20px auto;
}


/* ================================

================================ */
.slideTop,
.slideBtm{
    /* display: none; */
    width: 1200px;
    height: 303px;
    overflow: hidden;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;

    background-color: #ccc;
}
.slideTop{
    top: 3px;
    bottom: auto;
}
.slideTop ul,
.slideBtm ul{
    display: flex;
    flex-wrap: nowrap;

    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    will-change: transform;
}

.slideTop ul{
    animation: slider 420s infinite linear;
}
.slideBtm ul{
    animation: slider-l 420s infinite linear;
}

.slideTop li,
.slideBtm li{
    width: 450px;
    height: 100%;
}
.slideTop img,
.slideBtm img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

/* (全体の宿数 - 3) * 450 */
@keyframes slider{
  0% {
    transform: translate(0,0);
}

100% {
      /* transform: translate(-10800px,0); */
      transform: translate(-9000px,0);
  }
}
@keyframes slider-l{
  0% {
    /* transform: translate(-10800px,0); */
    transform: translate(-9000px,0);
}

100% {
      transform: translate(0,0);
  }
}