/*
Template:bootstrap-basic4
Theme Name:child-yeg_night
*/
@charset "utf-8";

body{background: url('assets/images/bg_02.jpg') no-repeat fixed center center / cover; font-size: 16px; color: #333; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; min-width: 320px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
a{color: #333; transition:all 300ms 0s ease;}
div{outline:none;}
a:hover{text-decoration: underline; color: initial;}
.img-block{width: 100%; display: block;}
div{word-break: break-all;}
.container{position: relative; max-width:420px;}
.link{color: #3993ec;}
.link_2{color: #10b7ee; text-decoration: underline;}
.fjalla{font-family: 'Fjalla One', sans-serif;}
.tel{font-weight: bold; font-size: 32px;}
.tel > i{font-size: 20px;}
.fa-m_l10{margin:  0 0 0 10px;}
img{height: auto;}

/*btn*/
.btn-1{background-color: #132065; color: #fff;}
.btn-nostyle{background: none; border: none;}

/*fa*/
.srh-group::before,
.lumi::before,
.ul-hnav > li > a::before,
.foot-nav > li > a::before
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*color*/
.rank-num{position: absolute; left: 0; top: 0; color: #fff; width: 30px; height: 30px; line-height: 1.8; font-size: 16px; font-weight: bold; text-align: center; z-index: 9;}
.rank-1{background-color: #ECD357;}
.rank-2{background-color: #A9C6D5;}
.rank-3{background-color: #C58459;}
.rank-pickup{color: #ff6577;}
.c-1{color: #10b7ee;}

/*bg*/
.bgf-1{position: relative;}
.bgf-1::after{background-color: rgba(0,0,0,.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; z-index: 2;}

/*pattern*/
.pten{position: relative;}
.pten::before{content: ""; display: block; width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-position: 0 0, 10px 10px; background-size: 3px 3px;}
.pten-1::before{background-image: radial-gradient(rgba(255,255,255,0.5) 20%, transparent 0), radial-gradient(rgba(255,255,255,0.5) 20%, transparent 0);}
.pten-2::before{background-image: radial-gradient(rgba(0,0,0,0.7) 20%, transparent 0), radial-gradient(rgba(0,0,0,0.7) 20%, transparent 0);}
.pten-3::before{background-color: rgba(255,255,255,0.95)}
.pten-4::before{background-color: rgba(0,0,0,0.7)}
.pten-4{color: #fff;}

/*text-style*/
.style-t{font-size: 18px; line-height: 1.8;}

/*---HEADER---*/
#header{position: relative; background-color: #fff; border-bottom: 1px solid #ddd;}
.head-h1{line-height:0;}
.head-h1 .logo{width: 50px;}
.head-h1 a{display: flex; align-items: center;}
.head-h1 a:hover{text-decoration: none;}
.logo_text{font-size: 15px; color: #132065; margin-left: 10px;}
.srh-group{position: relative;}
.srh-group::before{content: "\f002"; color: #ddd; position: absolute; font-size: 18px; top: 12px; left: 10px;}
.srh-group input{-webkit-appearance:textfield;border:1px solid #E7E7E7;border-radius:30px;height:40px;padding-left:40px;width:100%; font-size: 12px;}
.srh-group .btn{border-radius:28px;color:#fff;font-size:13px;font-weight:bold;height:30px;padding:0 15px;position:absolute;right:7px;top:5px;width:auto}
.liff_follow{margin-right: 20px;}
.head-bar{background-color: #10b7ee; color: #fff; font-size: 12px; text-align: center; padding:2px 0 3px 0;}
.head-inner{padding: 5px 0;}

/*nav*/
.ul-hnav{border-top: 1px solid #777; margin-top: 30px;}
.ul-hnav > li > a{font-size: 16px; text-align: left; color: #fff; padding: 15px; border-bottom: 1px solid #777; display: block; position: relative;}
.ul-hnav > li > a::before{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 18px;}

/*offcanvas*/
.m-toggle{border: none; display: block; position: static; background: none; z-index: 9999; outline: none !important;}
.offcanvas-toggle .icon-bar{background: #333;}
.icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
.icon-bar + .icon-bar{margin-top:3px}
.offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
.offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
.off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

/*offcanvas-size*/
.navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
.navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}    

/*bread*/
.breadcrumbs{padding: 5px 0; font-size: 11px; background-color: #f4f4f4;}
.breadcrumbs,.breadcrumbs a{color: #333;}
.breadcrumbs > .container > span{margin:0 5px;}
.breadcrumbs > .container > span:first-child{margin-left: 0;}
.breadcrumbs i{margin: 0;}

/*---MAIN---*/
#main{padding-top: 50px; min-height: 70vh;}
.item-title{font-weight: bold; line-height: 1.3;}

/*cat*/
.cat{display: inline-block; color: #fff; background-color: #10b7ee; padding: 5px; min-width: 100px; font-size: 12px; text-align: center; line-height: 1; margin-right: 10px;}
.cat_area{background-color: #132065;}
.cat:hover{text-decoration: none; color: #fff;}
.cat:last-child{margin-right: 0;}

/*phead*/
.phead{background: url("assets/images/bg_01.jpg") no-repeat scroll center bottom / cover; padding: 60px 0; margin-bottom: 50px;}
.phead-title{color: #fff; text-shadow: 2px 2px 3px #000; font-size: 36px; font-weight: bold;}

/*sec*/
.sec{padding: 30px 0;}
.sec-title{text-align: center; position: relative; margin-bottom: 50px; font-weight: bold;}
.sec-title > .eng{font-size: 46px; text-transform: uppercase; color: #0952a0; margin-bottom: 5px; display: block;}
.sec-title > .ja{font-size: 24px; display: block;}
.sec-text{font-size: 16px; margin-bottom: 30px; text-align: center;}
.sec-title.v2{text-align: left;}
.sec-btn{text-align: center; margin-top: 30px;}
.sec-btn .btn{width: 240px; padding: 10px; font-size: 18px;}
.sec-bar{color: #fff; font-size: 1.4rem; background-color: #10b7ee; padding: 5px 10px; margin-bottom: 15px;}
.sec-bar .ja{font-size: 0.9rem;}

/*---INDEX---*/
#main.home-main{padding: 0 0 40px;}

/*shop_search*/
.wrp-search_area{padding: 15px 0; background-color: #cecece; margin-bottom: 15px;}
.i_search{margin-bottom: 15px;}
.i_search:last-child{margin-bottom: 0;}
.wrp-search_btn{grid-gap: 5px; display: grid; grid-template-columns: 1fr 1fr 1fr;}
.btn-2{background-color: #10b7ee; color: #fff;}
.btn-3{border: 2px solid #10b7ee; border-radius: 7px; font-size: 0.95rem; height: 45px; line-height: 1.1; background-color: #fff; color: #333; padding:0 5px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; }
.btn-3.active{background-color: #10b7ee; color: #fff;}
.form-control::placeholder{color: #ccc;}
.shop_search .select_area{width: 97px; border: 2px solid #10b7ee; border-right: none;}
.shop_search .input_s{width: 110px; border: 2px solid #10b7ee;}
.radio-btn input:checked + label.btn {background-color:#10b7ee;}
label.btn{margin-bottom: 0;}
.radio-btn .btn-1{height: 45px; padding: 0; display: inline-flex; align-items: center; justify-content: center;}

/*shoplist*/
.shoplist .item-cat{margin-bottom: 5px;}
.shoplist .item-body{margin-top: 5px; font-size: 12px;}
.shoplist .card-img{position: relative; margin-bottom: 10px;}
.ico-is_yeg{position: absolute; right: 3px; bottom: 3px; width: 50px;}
.ico-is_yeg.ver-is_fcoupon{left: 3px; right: auto;}
.wrp-shoplist > div{margin-bottom: 20px;}
.shoplist{box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.05);}
.shoplist .card-body{padding: 12px 10px;}
.shoplist .cat{padding: 5px; font-size: 10px; min-width: auto; margin-right: 5px;}
.shoplist .card-meta{position: absolute; padding: 7px 7px 20px; left: 0px; top: 0px; width: 100%; background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0));}
.shoplist .card-meta a{color: #fff; text-decoration: underline;}
.shoplist .card-meta .item-r{color: #fff; font-size: 12px; text-align: right; min-width: 105px;}
.tb-shop.ver-sm{font-size: 12px; margin: 0;}
.tb-shop.ver-sm th{width: 55px;}
.tb-shop.ver-sm td{width: 100px;}
.tb-shop.ver-sm td, .tb-shop.ver-sm th{padding:6px 5px;}

.wrp-line_text{margin-bottom: 10px;}
.line_text{background-color: #c3f69d; padding:10px 15px; border-radius: 15px; font-size: 14px; }
.line_udate{text-align: right; font-size: 12px; color: #a6a6a6; padding: 2px 5px 0 0;}
.wrp-shop .wrp-line_text{margin: 10px 0 0;}


/*---archive---*/
.item-meta{color: #888;}

/*---SINGLE---*/
/*shop*/
#main.shop-main{padding: 0 0 50px;}
.zoomup{right: 10px; bottom: 10px; color: #fff; font-size: 20px;}
.tb-shop th{width: 120px; padding: .75rem 0.5rem; background-color: #ebebeb;}
.fix-shoptel{width: 80px; text-align: center; height: 80px; background-color: #fff; border: 3px solid #ea3766; border-radius: 50%;  bottom: 5px; top: auto; right: 5px; color: #ea3766 !important; position: fixed; z-index: 999999999;}
.fix-shoptel:hover{text-decoration:none}
.spn-shoptel{display: block; font-size: 10px; font-weight: bold;}
.fix-shoptel i{font-size: 34px;}
.shop-photos{grid-gap: 5px; margin-top: 10px;}
.shop-photos .item-img{position: relative;}
.shop-thumb{position: relative; margin-bottom: 0;}
.shop-meta{position: absolute; color: #fff; padding: 5px 10px; left: 0px; bottom: 0px; width: 100%; background: rgba(150,150,150,0.7);}
.shop-area_genre{font-size: 12px;}
.shop-title{font-weight: normal; font-size: 1.1rem; margin: 0;}
.shop-head{background-color: #fff; padding: 10px; position: relative;}
.shop-is_yeg{margin-bottom: 5px; text-align: right;}
.badge-yeg{background-color: #202080; font-size: 14px; padding: 7px;}
.badge-yeg.ver-is_fcoupon{background-color: #132065; }
.wrp-myslide{margin-bottom: 25px;}
.slider-style .slick-dots{position: static;}
.shop-text_pr{background-color: #fff; margin-bottom: 20px; padding: 15px;}
.google-map{margin-bottom: 10px; padding-bottom: 100%;}

/*block*/
.block{margin-bottom: 40px;}
.block-title_big{text-align: center; font-size: 32px; margin-bottom: 30px;}
.block-title_big::after{content: ""; display: block; margin: 5px auto 0; border-bottom: 5px solid #0952a0; width: 50px;}
.block-title{font-size: 28px; margin-bottom: 20px; padding: 0 0 5px 15px; border-left: 10px solid #333; border-bottom: 1px solid #333;}
.block-sub_title{font-size: 20px; margin-bottom: 20px; padding: 0 0 5px 15px; border-left: 10px solid #333;}
.block-inner{margin-bottom: 30px;}
.block-inner:last-child{margin-bottom: 0;}
.photos{position: relative;}
.photos-label{position: absolute; bottom: 0; left: 0; font-size: 14px; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.85); padding: 5px 10px;} 
.wrp-game{margin-top: 50px;}
.lumi::before{position: absolute; content: "\f00e"; right: 0; top: 0;}



/*----Slider----*/
.my_slider_top .slick-dots{position: absolute;}

.my_slider-nav .slick-slide,
.my_slider_top .slick-slide{position: relative;}
.my_slider_top .slider-arrow{position: absolute; background-color: #fff; color: #10b7ee; padding: 0; font-size: 24px; width: 50px; height: 50px; border-radius: 50%; text-align: center; top: 44%; z-index: 9; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.my_slider_top .slider-prev{left: 24%;}
.my_slider_top .slider-next{right: 24%;}
.main_sl-foot{padding: 10px 20px; background-color: #fff; color: #10b7ee; position: absolute; width: 100%; bottom: 0; left: 0;}
.slide-title{font-size: 20px; font-weight: bold;}
.my_slider-nav{margin-top: 10px;}
.my_slider-nav .slick-slide{position: relative; width: 100px;}
.my_slider-nav .slick-slide img{cursor: pointer; max-width: 100%;}
.my_slider-nav .slick-current::after{position: absolute; width: 100%; height: 100%; content: ""; border: 1px solid #3993ec; left: 0; top: 0;}
.my_slider-nav .slick-current,
.my_slider-nav .slick-slide:hover{opacity: 0.7;}
.slider-style .a-thumb{display: block;}
.slider-style{display: none; overflow: hidden;}
.slider-style.slick-initialized{display: block; /*slick-initializedが付与されたら表示*/ }
.slider-style.slick-dotted.slick-slider{margin-bottom: 0;}
.slider-style .slick-slide{position: relative;}
.slider-style .slick-dots{bottom: 7px;}
.slider-style .slick-dots li{width: auto; height: auto; margin: 0 5px;}
.slider-style .slick-dots li button::before{font-size: 14px;}
.slick-dots li button::before{border-radius: 50%; width: 15px; height: 15px; border:2px solid #10b7ee; opacity: 1; content: ""; background-color: #fff;}
.slick-dots li.slick-active button::before{background-color: #10b7ee;}
.slide-text{position: absolute; padding:7px 15px 6px;background-color:rgba(0, 0, 0, 0.65); font-size: 14px; color: #fff; bottom: 0; width: 100%; left: 0;}


/*------PAGE------*/
.page-main{padding-bottom: 50px;}

/*some*/
.wrp-pp h2{font-size: 20px; font-weight: bold; margin:30px 0 10px;}
.wrp-pp li{margin-top: 5px;}
.tR{text-align: right;}

/*maymap*/
#main.arc-map{padding: 15px 0 0;}
.mymap-btn{text-align: center;}
#map.google-map{padding-bottom: 150%;}
.item-mymap h3{font-weight: bold; font-size: 12px; margin: 0;}
.item-mymap h3 a{color: #3993ec; text-decoration: underline;}
.item-mymap p{font-size: 10px; margin: 3px 0 0;}
.item-mymap .item-genre{font-size: 10px; margin-bottom: 2px;}
.search-mymap{margin-top: 25px;}
.search-mymap .wrp-search_area{margin-bottom: 0;}
.search-mymap .sec-bar{margin-bottom: 0;}
.result-mymap{text-align: center; background-color: #fff; padding: 15px 0;}
.result-mymap span{font-size: 20px; font-weight: bold; color: #132065;}

.gm-style .gm-style-iw-c{padding: 5px 10px 5px 5px !important;}
.gm-style .gm-style-iw-d{padding: 0 !important; margin: 0 !important; overflow: hidden !important;}
.gm-ui-hover-effect{width: 18px !important; height: 18px !important; }
.gm-ui-hover-effect > span{width: 18px !important; height: 18px !important; margin: 0 !important;}

/*---ARCHIVE SEARCH---*/
#main.arc-main{padding: 0 0 50px;}
.item-post{padding: 15px 0; border-bottom: 1px dashed #ddd;}
.item-post .item-title{font-size: 24px;}


/*paging*/
.p_uper .pagination-nav-container{margin-bottom: 40px;}
.p_under .pagination-nav-container{margin-top: 40px;}
.pagination .page-link{border-radius: 0 !important; color: #10b7ee;}
.page-item.active .page-link{background-color: #10b7ee; border-color: #dee2e6;}


/*---FOOTER---*/
#footer{color: #fff;}
.f-inner{padding:50px 0 20px; position: relative; background-color: #313131; text-align: center; font-size: 13px;}
.wrp-f_logo{margin-bottom: 50px; text-align: center;}
.wrp-f_logo img{width: 140px;}
.f-info{font-weight: bold; margin-bottom: 5px;}
.f-p_1{margin: 20px 0 0; line-height: 1.6;}

.foot-nav > li{margin-right: 2em;}
.foot-nav > li:last-child{margin: 0;}
.foot-nav > li > a{display: block; position: relative; font-size: 13px; color: #fff;}
.cpr{text-align: center; font-size: 11px; background-color: #111; padding: 15px 0; color: #999;}
.totop{background-color: #484848; width: 44px; height: 44px; position: fixed; bottom: 50px; right: 20px; opacity: 0; border-radius: 50px;}
.totop.open{opacity: 0.8;}
.totop i{color: #fff; font-size: 24px;}

/*---PAPER---*/
body.body-print{background-color: #fff; color: #000;}
.wrp-paper{margin:0 0 50px;}
.wrp-paper > .container{border: 1px solid #ccc; padding: 50px; max-width: 1090px; position: relative;}
.style-p{font-size: 20px; line-height: 1.8;}
.style-p p{margin-bottom: 0;}
.paper-title{text-align: center; margin-bottom: 50px; font-size: 1.6rem;}
.paper-content table{width: 100%;}
.paper-content th, .paper-content td{padding: 7px 5px; border:1px solid #aaa; font-size: 16px; line-height: 1.6;}
.paper-content tr{height: auto !important;}
.paper-qr{right: 0; top: 0; position: absolute;}
.paper-qr img{width: 90px;}

/*info*/
.wrp-paper.ptype-info > .container{max-width: 880px;}
.page-info{margin-bottom: 40px;}
.page-info_tel,
.page-info .item-date,
.page-info .item-from
{text-align: right;}
.page-info_tel{margin-top: 40px; line-height: 1.4;}
.page-info_tel small{display: inline-block; padding-right: 15px;}

/*---PC small---*/
@media only screen and (max-width: 1280px) {
    /*offcanvas*/
    .m-toggle.is-open{position: absolute; right: 10px;}
    .offcanvas-toggle.is-open .icon-bar{background-color: #fff;}

}

/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
    .pten::before{background-size: 6px 6px;}
    .paper-qr{display: none;}
}

/*---PAD---*/
@media only screen and (max-width: 880px) {
    .pten::before{background-size: 4px 4px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {

    body{font-size: 14px;}
    .pten::before{background-size: 3px 3px;}

    /*---HEADER---*/
    .liff_follow{margin-right: 10px;}
    

    /*---MAIN---*/
    #main{padding-top: 30px;}
    .outer-tb{overflow: auto;}
    .outer-tb > table{min-width: 600px;}
    .phead{padding: 30px 0;}
    .block-title,
    .phead-title{font-size: 24px;}
    .block-sub_title{font-size: 18px;}
    .block-title_big{font-size: 28px;}

    /*sec*/
    .sec{padding: 40px 0;}
    .sec-title{margin-bottom: 30px;}
    .sec-title > .eng{font-size: 24px;}
    .sec-title > .ja{font-size: 14px;}
    .sec-btn{margin-top: 30px;}
    .sec-btn .btn{width: 100%;}

    /*------INDEX------*/

    /*---SINGLE---*/
    .table td, .table th{padding: 5px;}
    .th-w_date{width: 100px;}


    /*---FOOTER---*/
    .f-inner{padding:25px 10px; text-align: left;}
    .wrp-f_logo{margin-bottom: 30px;}
    .foot-nav{flex-wrap:wrap; justify-content:flex-start;}
    .foot-nav > li{margin:0 0 15px; width: 100%;}
    .cpr{text-align: left; padding: 15px 25px;}
    .totop{width: 30px; height: 30px; bottom: 20px; right: 10px;}
    .totop i{font-size: 20px;}

    /*---PAPER---*/
    .wrp-paper > .container{padding:0 15px; border: none;}
    .member-main .style-p,
    .style-p{font-size: 13px;}
    .paper-title{margin-bottom: 20px; font-size: 18px;}    
    .paper-content th, .paper-content td{font-size: 12px; padding: 5px 3px;}
    .paper-content .outer-tb > table{min-width: 880px;}


}

/*---Sm small---*/
@media only screen and (max-width: 350px) {
    

}