@charset "UTF-8";



#yad-343370 .yadCassette__planTitle{
    display: block;
}
#yad-323012 .yadCassette__imageSub.photo-03 div{
    background-position: bottom;
}

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

	じゃらん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; }
#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; }
*/

/* エイリアス
---------------------- */
/*.contents{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/


/* パンくずの非表示
---------------------- */
/*#pankuzu{ display: none;}*/


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

    汎用

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

/* text align
---------------------- */
.tC{ text-align: center; }
.tR{ text-align: right; }

/* typo
---------------------- */
body{
    /* font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 500; */
}
.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; }

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

/* hide
---------------------- */
.hide{
    display: none !important;
}

/* effect hover
---------------------- */
.ef-hover{
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
}
.ef-hover:hover{
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
    box-shadow: 3px 3px 3px rgba(0,0,0,.4);
}


/* 
---------------------- */
.contents img{
    image-rendering: -webkit-optimize-contrast;
}

/* ================================================================
	
    コンテンツ

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


.wrap-content{
    background: url(../images/common/back.png) repeat 0 0;
    background-size: 100px;
}



/* ================================
	
    title

================================ */
.ttl .inner{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
/* .btn-coupon{
    display: block;
    width: 789px;
    height: 57px;
    position: absolute;
    bottom: 20px;
    right: 84px;
    margin: auto;
}
.btn-coupon img{
    width: 100%;
} */

.logo-ttl{
    width: 323px;
    height: 380px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 500;
}

.mainVisual{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.mainVisual  ul{
    width: 50%;
    height: 310px;
    background-color: #ccc;
    position: relative;
}

.mainVisual  ul::after{
    display: block;
    content: "";
    width: 275px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    position: absolute;
}
.mainVisual  ul:nth-child(1)::after{  top: 0;left: 0; background-image: url(../images/header/txt-mainvisual01.png); }
.mainVisual  ul:nth-child(2)::after{  top: 0;right: 0;  background-image: url(../images/header/txt-mainvisual02.png); }
.mainVisual  ul:nth-child(3)::after{  bottom: 0; left: 0; background-image: url(../images/header/txt-mainvisual03.png); }
.mainVisual  ul:nth-child(4)::after{  bottom: 0; right: 0; background-image: url(../images/header/txt-mainvisual04.png); }

.mainVisual li{
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
}
.mainVisual li:not(:first-child){
    display: none;
}

.mainVisual li img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;

  font-family: 'object-fit: cover;';
}

/* areaNav */
.areaNav .inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 6px 12px;
}

.areaNav h3{
    width: 100%;
    margin-bottom: 12px;
}
.areaNav a{
    cursor: pointer;
}

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

    categoryNav

================================ */
.categoryNav{
    padding: 14px 0;
}
.page-front .categoryNav{
    padding: 6px 0;
}
.categoryNav a{
    display: block;
    margin-left: 12px;
    width: 238px;
    /* height: 47px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/nav.png) no-repeat 0 0;
    background-size: 930px; */
    float: left;
}
.categoryNav a:first-child{
    margin-left: 6px;
}
.categoryNav a img{
    width: 100%;
}
/* .categoryNav a:first-child{ margin-left: 6px;}
.categoryNav a.theme-01{    background-position: 0 0; }
.categoryNav a.theme-02{    background-position: -188px 0; }
.categoryNav a.theme-03{    background-position: -376px 0; }
.categoryNav a.theme-04{    background-position: -564px 0; }
.categoryNav a.theme-05{    background-position: -752px 0; } */

.categoryNav.btm{
    /* background-color: #e6ffff; */
}
.categoryNav.btm a{
    /* background-image: url(../images/nav-btm.png); */
}


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

    .categoryNav-front

================================ */
.categoryNav-front{
    background: #1881ff;
}
.categoryNav-front > .inner{
    padding-top: 10px;
}

.categoryNav-front .wrap-categoryNav_link{
    width: 190px;
    float: left;
}
.categoryNav-front .wrap-categoryNav_link img{
    width: 190px;
}
.categoryNav-front .categoryNav_slide{
    width: 190px;
/*    height: 127px;*/
    height: 140px;
    overflow: hidden;
    position: relative;
}
.categoryNav-front .categoryNav_slide li{
    position: absolute;
    top: 0;
    left: 0;
}
.categoryNav-front .categoryNav_slide li:not(:first-child){
    display: none;
}


/* contentYad */
.contentYad > .inner{
    padding: 12px 6px;
}

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

    contentYadNav

================================ */
.contentYadNav{
    margin: 20px 0;
}
/* h
---------------------- */
.contentYad h2 img{
    width: 988px;
}
/* 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
---------------------- */
ul.contentYadNavList{
    padding: 0 20px;
}
.contentYadNavList li {
    width: 25%;
    margin-bottom: 10px;
    float: left;
}
.contentYadNavList a{
    display: block;
    background: #fff;
}
.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: 68px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}

.contentYadNavList__name{
    padding: 5px 5px 5px 7px;
    vertical-align: middle;
    font-size: 12px;
    color: #000;
}
.contentYadNavList__name .title_sub{
    display: block;
    font-size: 80%;
}
.contentYadNavList__name .title_primary{
display: block;
}
.contentYadNavList__name .title_secondary{
display: block;
}

/*個別調整*/
.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: inline-block;
    font-size: 100%;
}
.contentYadNavList a[href="#yad-388500"] small:nth-child(1){
    display: block;
    font-size: 100%;
}
.contentYadNavList a[href="#yad-310056"] small:nth-child(1){display: block;}

.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-320622"] .title_secondary{ font-size: 98%; }
.contentYadNavList a[href="#yad-320622"] 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;}
.contentYadNavList a[href="#yad-367400"] br.for-front{display: none;}



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

    yadCassete

================================ */
.wrap-yadCassete{
    /* background-color: #1881ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#2f80ff), to(#e1fdff));
    background: linear-gradient(to bottom, #2f80ff, #e1fdff); */
    /* padding: 6px; */
}
.page-front .wrap-yadCassete{
    /* background: url(../images/back.png) no-repeat left bottom -70px #1881ff; */
    /*    background: #1881ff;*/
    /* background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(204, 225, 244, 1) 1px, rgba(204, 225, 244, 1) 14px ); */
    padding: 0 0 12px;
}
.yadCassete{background: #fff; border-radius: 0; padding-bottom: 10px; border-radius: 0 0 24px 24px;}
.yadCassete:not(:last-child){margin-bottom: 20px; }
.ie8 .yadCassete{margin-bottom: 20px; }

/*調整*/
#yad-381548.yadCassete{
    border: 4px solid #d32d26;
}
.yadCasseteIndex___figure{
    position: relative;
    image-rendering: -webkit-optimize-contrast;
}
#yad-367400 .yadCasseteIndex___figure::after,
#yad-321825 .yadCasseteIndex___figure::after{
    display: block;
    content: "※源泉100%";
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 0;
}

/* yadCassete__header
---------------------- */
.yadCassete__header{
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 10px;
}

/*クチコミ*/
.yadCassete__kuchikomi{
    width: 130px;
    padding: 14PX  8px 8px;
    background-color: #3ba8c9;
    color: #fff;
    vertical-align: middle;
/*    overflow: hidden;*/
    position: relative;
    left: -14px;
    z-index: 1;
}
/*
.theme-01 .yadCassete__kuchikomi{ background-color: #3ba8c9; background: -webkit-gradient(linear, left top, right top, from(#3ba8c9), to(#768095)) no-repeat 50% 50% / 100% 100%; background: linear-gradient(90deg, #3ba8c9 0%, #768095 100%) no-repeat 50% 50% / 100% 100%; }
.theme-02 .yadCassete__kuchikomi{ background-color: #ea5330; background: -webkit-gradient(linear, left top, right top, from(#ea5330), to(#818f53)) no-repeat 50% 50% / 100% 100%; background: linear-gradient(90deg, #ea5330 0%, #818f53 100%) no-repeat 50% 50% / 100% 100%; }
.theme-03 .yadCassete__kuchikomi{ background-color: #f8b801; background: -webkit-gradient(linear, left top, right top, from(#f8b801), to(#c09d50)) no-repeat 50% 50% / 100% 100%; background: linear-gradient(90deg, #f8b801 0%, #c09d50 100%) no-repeat 50% 50% / 100% 100%; }
.theme-04 .yadCassete__kuchikomi{ background-color: #a1c900; background: -webkit-gradient(linear, left top, right top, from(#a23c90), to(#c383a5)) no-repeat 50% 50% / 100% 100%; background: linear-gradient(90deg, #a23c90 0%, #c383a5 100%) no-repeat 50% 50% / 100% 100%; }
.theme-05 .yadCassete__kuchikomi{ background-color: #c96fc0; background: -webkit-gradient(linear, left top, right top, from(#4d1980), to(#826f92)) no-repeat 50% 50% / 100% 100%; background: linear-gradient(90deg, #4d1980 0%, #826f92 100%) no-repeat 50% 50% / 100% 100%; }
*/
.theme-01 .yadCassete__kuchikomi{ background-color: #3ba8c9; }
.theme-02 .yadCassete__kuchikomi{ background-color: #ea5330; }
.theme-03 .yadCassete__kuchikomi{ background-color: #f8b801; }
.theme-04 .yadCassete__kuchikomi{ background-color: #a1c900; }
.theme-05 .yadCassete__kuchikomi{ background-color: #c96fc0; }


/* クチコミ装飾  */
/*
.yadCassete__kuchikomi::before{
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    background: inherit;
    position: absolute;
    top: -10px;
    left: 0;
}
.yadCassete__kuchikomi::after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 6px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #000;
    position: absolute;
    top: -20px;
    right: -6px;
    z-index: -1;    
}
.theme-01 .yadCassete__kuchikomi::after{ border-bottom-color: #258cca; }
.theme-02 .yadCassete__kuchikomi::after{ border-bottom-color: #a50438; }
.theme-03 .yadCassete__kuchikomi::after{ border-bottom-color: #2f9109; }
.theme-04 .yadCassete__kuchikomi::after{ border-bottom-color: #b77504; }
.theme-05 .yadCassete__kuchikomi::after{ border-bottom-color: #6c941a; }
*/

.yadCassete__kuchikomi p{
    width: 85px;
    height: 57px;
    margin: 0 auto 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    image-rendering: -webkit-optimize-contrast;
}
.theme-01 .yadCassete__kuchikomi p{ background-image: url(../images/page-yadCassette/icn-kuchikomi_01.png); }
.theme-02 .yadCassete__kuchikomi p{ background-image: url(../images/page-yadCassette/icn-kuchikomi_02.png); }
.theme-03 .yadCassete__kuchikomi p{ background-image: url(../images/page-yadCassette/icn-kuchikomi_03.png); }
.theme-04 .yadCassete__kuchikomi p{ width: 111px; background-image: url(../images/page-yadCassette/icn-kuchikomi_04.png); }
.theme-05 .yadCassete__kuchikomi p{ background-image: url(../images/page-yadCassette/icn-kuchikomi_05.png); }


/*
.yadCassete__kuchikomi::before{
    display: block;
    content: "";
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    bottom: 52%;
    left: -36px;
    z-index: -1;
}
.theme-01 .yadCassete__kuchikomi::before{ background-color: #21438b; }
.theme-02 .yadCassete__kuchikomi::before{ background-color: #275802; }
.theme-03 .yadCassete__kuchikomi::before{ background-color: #2e8f31; }
.theme-04 .yadCassete__kuchikomi::before{ background-color: #e2465d; }
.theme-05 .yadCassete__kuchikomi::before{ background-color: #4e286b; }
*/


/*
.yadCassete__kuchikomi::after{
    display: block;
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    border-radius: 6px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
*/

.yadCassete__kuchikomi > p{   
    font-size: 16px;
    line-height: 1.6;
}
.yadCassete__kuchikomi > p> span{   
/*
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
*/
}
.yadCassete__kuchikomi > i{
    font-style: normal;    
    font-size: 58px;
    line-height: 1;
}

/* 個別対応 アイコン表示 */
#yad-381548 .yadCassete__kuchikomi{
    background: url(../images/page-yadCassette/icn-newopen.jpg) no-repeat center center #df0a10;
    padding: 0;
    height: 130px;
}
#yad-381548 .yadCassete__kuchikomi::before{
    display: none;
}
#yad-381548 .yadCassete__kuchikomi > p,
#yad-381548 .yadCassete__kuchikomi > i{
    opacity: 0;
    display: none;
}

/*宿名・キャッチコピー*/
.yadCassete__name{
    padding: 0 0 0 1em;
    vertical-align: middle;
}
.yadCassete__name .dT{
    min-height: 4.9em;
}
.yadCassete__name .dTCell{
    vertical-align: middle;
}
.yadCassete__name > p{
    padding: 10px .5em 5px;
    font-size: 16px;
}
#yad-381548 .yadCassete__name > p > span{
    display: inline-block;
    position: relative;
    background: yellow;
}
.yadCassete__name > a{
    display: block;
    padding: .8em 0 1em;
    border: solid #333;
    border-width: 1px 0;
    color: #333;
    position: relative;
}
.theme-01 .yadCassete__name > a:hover{ background: #f7f3f8; }
.theme-02 .yadCassete__name > a:hover{ background: #f0f5ec; }
.theme-03 .yadCassete__name > a:hover{ background: #f5f3ee; }
.theme-04 .yadCassete__name > a:hover{ background: #f5edf0; }
.theme-05 .yadCassete__name > a:hover{ background: #f0eaf4; }

/*
.yadCassete__name > a::after{
    display: block;
    content: "";
    width: 164px;
    height: 16px;
    background: url(../images/img-goto.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 8px;
    left: 0;
}
*/

.yadCassete__name h3{
    padding: 0 .3em;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.2;
}
.yadCassete__name .title_sub{
    display: block;
    font-size: 80%;
}
.yadCassete__name .title_primary{
    display: block;
}
.yadCassete__name .title_secondary{
    display: block;
}
.yadCassete__name h3 small{
    display: inline-block;
    font-size: 80%;
}
.yadCassete__name i{
    padding: 0 0 0 1em;
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    vertical-align: middle;
    text-align: right;
}

.yadCassete__name h3 br.for-front,
.yadCassete__name h3 br.for-index{
    display: none;
}

/*個別調整*/
#yad-317924 .yadCassete__name > p{ font-size: 98%; }
#yad-358282 .yadCassete__name small:nth-of-type(1){ font-size: 100%; }
#yad-358282 .yadCassete__name small:nth-of-type(2){ display: inline-block; }
#yad-393168 .yadCassete__name small:nth-of-type(2){ display: inline-block; font-size: 60% }
#yad-310789 .yadCassete__name small{ font-size: 80%; }
#yad-388500 .yadCassete__name small{ font-size: 80%; }
#yad-321751 .yadCassete__name small{ display: inline-block; font-size: 100%; }
#yad-367400 .yadCassete__name small{ font-size: 70%; }
#yad-382737 .yadCassete__name small:nth-of-type(1){ display: inline-block; font-size: 60%; }
#yad-365545 .yadCassete__name small{ display: inline-block; }
#yad-328710 .yadCassete__name small:nth-of-type(1){ font-size: 80%; }
#yad-328710 .yadCassete__name small:nth-of-type(2){ display: inline-block; }
#yad-367400 .yadCassete__name h3 br.for-index:nth-of-type(1){ padding-left: 1em; }

#yad-336464 .yadCassete__name small{ display: inline-block; font-size: 100% }
#yad-343748 .yadCassete__name small{ display: inline-block;}
#yad-330299 .yadCassete__name small{ display: inline-block;}
#yad-349662 .yadCassete__name small{ display: inline-block;font-size: 100%}
#yad-370919 .yadCassete__name small{ display: inline-block;font-size: 100%}
/*#yad-328277 .yadCassete__name small{ display: inline-block; font-size:100%}*/
#yad-334972 .yadCassete__name small{ display: inline-block; font-size:100%}

#yad-334118 .yadCassete__name .title_sub{ display: inline-block; margin-right: 1em; }
#yad-334118 .yadCassete__name .title_secondary{ display: inline-block; }


/* yadCassete__body
---------------------- */
.yadCassete__body{
    padding: 5px 15px 2px;
}


/* yadCassete__figure
---------------------- */
.yadCassete__figure{
    width: 503px;
    float: left;
}
.yadCassete__figure > a{
    display: block;
    width: 513px;
    margin-right: -10px;
    overflow: hidden;
    position: relative;
}
.yadCassete__figure > a::before{
    display: block;
    content: "";
    width: 503px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.4);
    -webkit-transition: .5s;
    transition: .5s;
}
.yadCassete__figure > a:hover::before{
    opacity: 1;
}
.yadCassete__figure > a::after{
    display: block;
    content: "プラン一覧を見る";
    padding: .6em 1em;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,40%);
    transform: translate(-50%,40%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.yadCassete__figure > a:hover::after{
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
}

.theme-01 .yadCassete__figure > a:hover::after{    background-color: #3ba8c9; }
.theme-02 .yadCassete__figure > a:hover::after{    background-color: #ea5330; }
.theme-03 .yadCassete__figure > a:hover::after{    background-color: #f8b801; }
.theme-04 .yadCassete__figure > a:hover::after{    background-color: #a1c900; }
.theme-05 .yadCassete__figure > a:hover::after{    background-color: #c96fc0; }


.yadCassete__figure > a > span{
    display: block;
    margin: 0 10px 10px 0;
    float: left;
    background: no-repeat center center;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
}
/*
.yadCassete__figure > a:hover > span{
    opacity: .4;
    background-color: #333;
}
*/
.yadCassete__figureMain{
    width: 333px;
    height: 262px;
}
.yadCassete__figureSub1,
.yadCassete__figureSub2{
    width: 160px;
    height: 126px;
}

/* 個別調整 トリミング不可への対応 */
#yad-324444 .yadCassete__figureMain{ background-size: 100% !important; }
#yad-316526 .yadCassete__figureSub2{ background-size: 100% !important; }


/* yadCassete__txt
---------------------- */
.yadCassete__txt{
    width: 360px;
    float: right;
}
.yadCassete__txt > a{
    display: block;
    color: #333;
}
/*
.theme-01 .yadCassete__txt > a:hover{ background: #f7f3f8; }
.theme-02 .yadCassete__txt > a:hover{ background: #f0f5ec; }
.theme-03 .yadCassete__txt > a:hover{ background: #f5f3ee; }
.theme-04 .yadCassete__txt > a:hover{ background: #f5edf0; }
.theme-05 .yadCassete__txt > a:hover{ background: #f0eaf4; }
*/


/* h */
.yadCassete__txt > a > h4{
    width: 136px;
    height: 24px;
    margin: 0 auto 4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    image-rendering: -webkit-optimize-contrast;
}
.theme-01 .yadCassete__txt > a  > h4{ background-image: url(../images/page-yadCassette/h-specialplan.png); }
.theme-02 .yadCassete__txt > a  > h4{ background-image: url(../images/page-yadCassette/h-specialplan.png); }
.theme-03 .yadCassete__txt > a  > h4{ background-image: url(../images/page-yadCassette/h-specialplan.png); }
.theme-04 .yadCassete__txt > a  > h4{ background-image: url(../images/page-yadCassette/h-specialplan.png); }
.theme-05 .yadCassete__txt > a  > h4{ background-image: url(../images/page-yadCassette/h-specialplan.png); }

.yadCassete__planTitle{
    display: table;
    min-height: 4em;
    margin: 5px auto 4px;
}
.yadCassete__planTitle > span{
    display: table-cell;
    padding: 0;
    font-size: 14px;
    margin-bottom: .3em;
    line-height: 1.4;
    vertical-align: middle;
    text-align: center;
}
.yadCassete__planData{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1;
    text-align: right;
}
.yadCassete__planMan{
    display: block;
    line-height: 1.3;
}
.yadCassete__planPrice{
    margin-left: 10px;
    font-size: 24px;
    color: #c30d24;
}
.yadCassete__planPrice strong{
    font-size: 160%;    
}
.yadCassete__planPrice span{
    font-size: 50%; 
    color: #000;
}

/*調整*/
#yad-367400 .yadCassete__planPrice .kara,
#yad-388500 .yadCassete__planPrice .kara,
#yad-375808 .yadCassete__planPrice .kara{
/*    display: none;*/
}

/* yadCassete__planComment
---------------------- */
.yadCassete__planComment{
    margin-bottom: 10px;
    padding: 10px 4px 10px 58px;
    background: #efefef;
    font-size: 11px;
    text-align: center;
    position: relative;
    min-height: 62px;
    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;
}
.yadCassete__planComment > span{
    display: inline-block;
/*    text-align: left;*/
/*    position: relative;*/
    text-align: center;
}
.theme-01 .yadCassete__planComment{ background: #fdf263; }
.theme-02 .yadCassete__planComment{ background: #fdf263; }
.theme-03 .yadCassete__planComment{ background: #fdf263; }
.theme-04 .yadCassete__planComment{ background: #fdf263; }
.theme-05 .yadCassete__planComment{ background: #fdf263; }


.yadCassete__planComment span:before{
    display: block;
    content: "";
    width: 51px;
    height: 51px;
    background-image: url(../images/page-yadCassette/icn-point.png); 
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    overflow: hidden;
    position: absolute;
/*
    top: -34px;
    left: -23px;
*/
    top: 50%;
    left: 6px;
    margin-top: -25px;
}
/*
.theme-01 .yadCassete__planComment span:before{ background-image: url(../images/page-yadCassette/icn-point_01.png); }
.theme-02 .yadCassete__planComment span:before{ background-image: url(../images/page-yadCassette/icn-point_02.png); }
.theme-03 .yadCassete__planComment span:before{ background-image: url(../images/page-yadCassette/icn-point_03.png); }
.theme-04 .yadCassete__planComment span:before{ background-image: url(../images/page-yadCassette/icn-point_04.png); }
.theme-05 .yadCassete__planComment span:before{ background-image: url(../images/page-yadCassette/icn-point_05.png); }
*/

/*位置調整*/
#yad-315958 .yadCassete__planComment span:before{ }

/* .btn-toYadPlan
---------------------- */
.btn-toYadPlan{
    display: block;
/*    padding: 1em;*/
    margin-bottom: 10px;
/*    background: #21438b;*/
    border-radius: 30px;
    position: relative;
    z-index: 1;
}
.btn-toYadPlan img{
    width: 100%;
}
/*
.btn-toYadPlan::before{
    display: block;
    content: "";
    width: 100%;
    height: 50%;
background: #3ba8c9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.theme-02 .btn-toYadPlan{ background: #2e8f31; }
.theme-02 .btn-toYadPlan::before{ background: #ea5330; }
.theme-03 .btn-toYadPlan{ background: #a46500; }
.theme-03 .btn-toYadPlan::before{ background: #f8b801; }
.theme-04 .btn-toYadPlan{ background: #6f3484; }
.theme-04 .btn-toYadPlan::before{ background: #a23c90; }
.theme-05 .btn-toYadPlan{ background: #341475; }
.theme-05 .btn-toYadPlan::before{ background: #4d1980; }
*/

/* ================================
	
    btn side

================================ */
.btn_back,
.btn_couponSide{
    display: block;
    width: 34px;
    height: 113px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -540px;
}
.btn_back{   margin-top: -60px; }
.btn_couponSide{    margin-top: 60px; }


/* ================================
	
    yadCassette-index

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

.yadCasseteIndex{
/*    margin-left: 6px;*/
    width: 238px;
    min-height: 10px;
    float: left;
}
.yadCasseteIndex:not(:first-child){
    margin-left: 12px;
}
.yadCasseteIndex .yadCasseteIndex__item{
    background: #fff;    
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.yadCasseteIndex .yadCasseteIndex__item:not(:last-child){
    margin-bottom: 6px;    
}

.ie8 .yadCasseteIndex .yadCasseteIndex__item{
    margin-bottom: 10px;    
}
.yadCasseteIndex___kuchikomi{
    display: block;
    padding: 6px 12px 0;
    font-size: 32px;
    font-style: normal;
    line-height: 1;
    color: #e40b14;
    font-weight: bold;
    text-align: right;
}
.yadCasseteIndex___kuchikomi{
    background: no-repeat 0 7px;
    background-size: 108px;
}
.theme-01 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme01.png"); }
.theme-02 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme02.png"); }
.theme-03 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03.png"); }
.theme-04 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme04.png"); }
.theme-05 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme05.png"); }

/*個別調整 NEWOPEN 不要なら削除*/
/*
.yadCasseteIndex #yad-381548.yadCasseteIndex__item{
    border: 4px solid #d32d26;
}
#yad-381548 .yadCasseteIndex___kuchikomi{
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(../images/page-top/icn-newopen.jpg);
    background-color: #e80b14;
    padding: 0 0 2px;
    background-size: contain;
    background-position: 0 0;
}
*/

/*個別調整　朝食アイコン*/
/*#yad-315958 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asayu.png"); }*/
/*#yad-338218 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asayu.png"); }*/
/*#yad-327397 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asa.png"); }*/
/*#yad-328803 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asa.png"); }*/
/*#yad-359433 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asa.png"); }*/
/*#yad-359433 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asa.png"); }*/
/*#yad-394424 .yadCasseteIndex___kuchikomi{ background-image: url("../images/page-top/icn-kuchikomi_theme03_asa.png"); }*/

.yadCasseteIndex___name{
    display: table;
    width: 100%;
    height: 4.8em;
/*    margin-bottom: 1.2em;*/
    padding: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.theme-01 .yadCasseteIndex___name{ background-color: #e9628b; }
.theme-02 .yadCasseteIndex___name{ background-color: #34ac0b; }
.theme-03 .yadCasseteIndex___name{ background-color: #f78703; }
.theme-04 .yadCasseteIndex___name{ background-color: #35b4e9; }

/*
.yadCasseteIndex___name::after{
    display: block;
    content: "";
    width: 164px;
    height: 16px;
    background: url(../images/img-goto.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    left: 7px;

}
*/
.yadCasseteIndex___name > span{
    display: table-cell;
    vertical-align: middle;
}
.yadCasseteIndex___name span.title_sub{
    display: block;
    font-size: 80%;
    line-height: 1.4;
}
.yadCasseteIndex___name span.title_primary{
    display: block;
}
.yadCasseteIndex___name span.title_secondary{
    display: block;
}




.yadCasseteIndex___name small{
    display: block;
    font-size: 80%;
    line-height: 1.4;
}
.yadCasseteIndex___name br.for-index{
    display: none;
}

/*個別調整*/
#yad-358282 .yadCasseteIndex___name small:nth-of-type(1){ font-size: 76%; }
#yad-310789 .yadCasseteIndex___name small{ font-size: 70%; }
#yad-367400 .yadCasseteIndex___name small{ font-size: 70%; }
#yad-388500 .yadCasseteIndex___name small{ font-size: 80%; }
/*#yad-382737 .yadCasseteIndex___name small:nth-of-type(1){ font-size: 60%; }*/
#yad-321751 .yadCasseteIndex___name small{ display: inline; font-size: 80%; }
#yad-319181 .yadCasseteIndex___name small{ font-size: 80%; }
#yad-328710 .yadCasseteIndex___name small{ font-size: 70%; }

#yad-320622 .yadCasseteIndex___name span.title_sub{ font-size: 40%; }

#yad-365545 .yadCasseteIndex___name small{ display: inline;}
#yad-370919 .yadCasseteIndex___name small{ display: inline;}
#yad-349662 .yadCasseteIndex___name small{ display: inline;}
#yad-334972 .yadCasseteIndex___name small{ display: inline;}
#yad-334118 .yadCasseteIndex___name span.title_secondary small{ display: inline;}
#yad-349163 .yadCasseteIndex___name span.title_secondary small:nth-child(2){ display: inline;}
#yad-334118 .yadCasseteIndex___name span.title_secondary small:nth-child(2){ display: inline-block;}

#yad-335440 .yadCasseteIndex___name span.title_primary{ font-size: 95%;}
#yad-335440 .yadCasseteIndex___name small{ font-size: 75%; }

#yad-304244 .yadCasseteIndex___name span.title_primary,
#yad-304244 .yadCasseteIndex___name span.title_secondary{
    display: inline;
}

#yad-304244 .yadCasseteIndex___name span.title_secondary{
    padding-left: .5em;
}
#yad-333542 .yadCasseteIndex___name span.title_primary,
#yad-333542 .yadCasseteIndex___name span.title_secondary{
    font-size: 92%;
}

.yadCasseteIndex___area{
    padding: 8px 0;
    color: #fff;
    line-height: 1;
    font-size: 11px;
    background: #000;
}
/*
.theme-01 .yadCasseteIndex___area{ background-color: #8cccde; }
.theme-02 .yadCasseteIndex___area{ background-color: #f28f68; }
.theme-03 .yadCasseteIndex___area{ background-color: #fcd66b; }
.theme-04 .yadCasseteIndex___area{ background-color: #c4dd65; }
.theme-05 .yadCasseteIndex___area{ background-color: #e195f2; }
*/


.yadCasseteIndex___figure{
    width: 100%;
    height: 0;
    padding-top: 74%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.yadCasseteIndex___btn{
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}
.theme-01 .yadCasseteIndex___btn{ background-color: #e9628b; }
.theme-02 .yadCasseteIndex___btn{ background-color: #34ac0b; }
.theme-03 .yadCasseteIndex___btn{ background-color: #f78703; }
.theme-04 .yadCasseteIndex___btn{ background-color: #35b4e9; }

/*個別調整*/
/*
#yad-382737 .yadCasseteIndex___figure{
    background-size: 116% 116%;
}*/

.wrap-planTitle{
    background: #fff;
    padding: 4px 8px;

    height: 3.0em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wrap-planTitle a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #2324fd;
    text-decoration: underline;
}


/* ================================
	臨時追加
================================ */
.yadCassete__msg{
/*    border: 1px solid;*/
    border-radius: 16px;
    padding: 14px;
    margin: 0 15px 5px;
    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;
}

.theme-01 .yadCassete__msg{ background-color: #bee2ed; }
.theme-02 .yadCassete__msg{ background-color: #f7bdaf; }
.theme-03 .yadCassete__msg{ background-color: #fdeec0; }
.theme-04 .yadCassete__msg{ background-color: #e2edb8; }
.theme-05 .yadCassete__msg{ background-color: #eccce9; }

.yadCassete__msg h4{
    width: 380px;
    text-align: center;
}
.yadCassete__msg h4 img{
    width: 284px;
    height: 33px;
}
.yadCassete__msg p{
    width: 500px;
    padding: 0 1em;
    font-size: 11px;
    text-align: justify;
/*    font-family: sans-serif;*/
    font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
}



/* ================================
txt-goto
================================ */
.txt-goto{
    padding: 20px 0;
    border-bottom: 1px solid #ede3c2;
}
.txt-goto a{
    display: block;
    margin-top: 20px;
}


/* sideNav */
.sideNav{
    width: 38px;
    position: fixed;
    top: 70px;
    left: 30px;
    /* left: 50%;
    margin-left: -570px; */
}
.sideNav h3{
    margin-bottom: 12px;
}
.sideNav a{
    display: block;
    margin-bottom: 3px;
    cursor: pointer;
}