/***************************************

水商売協会 CSS

******************************************/

/***********************

common

**********************/

*{
box-sizing:border-box;
}

a{
text-decoration:none;
    color: inherit;
}

a:hover{

}

li{
list-style:none;
}

i{
font-style:normal;
}

body,html{
margin:0px;
padding:0px; 
font-family: 'Yu Gothic',sans-serif;
font-feature-settings:'palt';
    color: #333;font-weight: 500;
}

body{
overflow-x:hidden;
    color: #333;
}

ul{
margin:0;
padding:0;
}

em{
    font-style: normal;
}

iframe{
    display: block;
    margin: 30px auto;
    width: 100%;
    max-width: 100%;
    height: 400px;
}


.ib{
width:1100px;
margin:0 auto;
position: relative;
}
#wpadminbar{
display:none;
}

.pc_content{
display:block !important;
}
.sp_content{
display:none !important;
}
.talk img {
    display: block;
    margin: 0 auto !important;
    width: 80px;
    padding: 0;
}

.pop_txt{
    position: fixed;
    background: #fff;
    border-radius: 4px;
    width: calc(100% - 400px);
    height:calc(100% - 100px);
    top: 50px;
    left: 200px;
    overflow: hidden;
    z-index: 9999;
    display: none;
    overflow-y: scroll;
}

.pop_txt .t_img{
    height: 350px;
    background: url(../img/members.jpg) 50% 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.pop_txt p{
    text-align: center;
}

.pop_txt i{
    position: absolute;
    width: 45px;
    height: 45px;
    border: 1px solid  #999;
    top: 30px;background: #fff;
    right: 30px;cursor: pointer;
}

.pop_txt i:before{
    font-size: 40px;
    left: 9px;position: absolute;
    content: "\f273";
    transform: rotate(45deg);
        font-family: ionicons;
}

.pop_txt p span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.pop_txt .a_con{
    -webkit-flex-wrap: wrap;
    width: 100%;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 30px auto;
    max-width: 800px;
    justify-content: space-between;
}

.pop_txt div a{
    display: block;
    width: 49%;
    background: #d5b056;
    color: #111;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
}

.pop_txt div a:nth-child(2){
    background: #111;
    color: #fff;
}

.bglayer{
    background: rgba(0,0,0,.7);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    top: 0;
    left: 0;
}

/***********************************************

ふわっとアニメーション

************************************************/

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.slideInn01 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: slideInn01;
 animation-name: slideInn01;
 visibility: visible !important;
}

@keyframes slideInn01 {
 0% { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.slideInn02 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: slideInn02;
 animation-name: slideInn02;
 visibility: visible !important;
}

@keyframes slideInn02 {
 0% { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*******************************r*********

header

*****************************************/

header{
    height: 80px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;

}

header .ib{
    padding: 10px 0;
}

header h1{
    margin: 0;
}

header h1 img{
    width: 200px;
}

header nav{
    display: block;
    position: absolute;
    right: 140px;top: 10px;
}

header nav ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}

header nav ul li{
    display: block;
    width: 105px;
    padding: 10px 0;
    margin-top: 0;
    position: relative;
}

header nav ul li a{
    display: block;
    padding: 0px 0;
    text-align: center;
    position: relative;
    font-size: 13px;transition:0.3 ease;
}

header nav ul li a img{
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    margin-top: 3px;
    max-height: 20px;
}

header nav ul li a:before{
    position: absolute;
    width: 1px;
    height: 25px;
    background: #d5b056;
    right: 0;
    top: 10px;content: '';
    transform: rotate(10deg);
}

header nav ul li:last-child a:before{
    display: none;
}

header nav ul li a i{
    display: block !important;
    text-align: center;margin-bottom: 6px;
    color:#c39e45;font-size: 25px !important;
}

header nav ul li .sub{
    position: fixed;
    display: block;
    height: 50px;
    background: #D4AF37;
    width: 100%;
    top: 80px;
    left: 0;
    display: none;
}

header nav ul li.main a{
    pointer-events: none;
}

header nav ul li .sub .ib{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 17px;
    justify-content: center;
}

header nav ul li .sub .ib a{
    color: #111;
    width: 150px;pointer-events:inherit;
    border-right: 1px solid  #111;
}

header nav ul li .sub .ib a:last-child{
    border-right: none;
}

header nav ul li .sub .ib a:before,header nav ul li .sub .ib a:after{
    display: none;
}
header nav ul li a:hover:after{
    height: 3px;
    width: 120px;
    bottom: -11px;
    left: calc(50% - 60px);
    background: #d5b056;
    position: absolute;
    content: '';display: block;
}

header nav ul li:last-child a{
    border: none;
}
header a.nowlogin {
    position: absolute;
    display: block;
    width: auto;
    right: 0;
    top: 0px;
    font-size: 12px;
    padding: 2px;
    color: #fff;
    border-radius: 0 0 4px 4px;
    background: #111;
    text-align: center;
    min-width: 130px;
}

header a.nowlogin:before{
    font-family: ionicons;
    content: "\f345";
}
header a.login{
    position: absolute;
    display: block;
    width: 130px;
    right: 0;
    font-size: 12px;
    top: 20px;
    padding: 12px;
    border-radius: 3px;
    background: #fff;
    text-align: center; border: 1px solid #333;
}
header a.login:before{
    font-family: ionicons;
    content: "\f1b1";
    margin-right: 4px;
    margin-right: 4px;
    font-size: 18px;
    font-weight: bold;
        line-height: 0.5;
    position: relative;
    top: 2px;
}
header a.logout {
    position: absolute;
    display: block;
    width: 130px;
    right: 0;
    font-size: 12px;
    top: 27px;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    border: 1px solid #333;
}
header a.logout:before {
    font-family: ionicons;
    content: "\f1b2";
    margin-right: 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 0.5;
    position: relative;
    top: 2px;
}
header:before{
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    width: 100%;
    height: 5px;
    z-index: -2;
    background: url(../img/gold.jpg);
}

/****************************************

login

***************************************/



/***************************************

topslide

***************************************/

.topimg{
    height: 780px;
    background:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0)),url(../img/pattern9.png),url(../img/night_view.jpg) fixed;
    background-size: cover,auto,cover;background-blend-mode: multiply;
    
    overflow: hidden;
}

#topslide{
    width: 100%;
    padding-top: 60px;
}
.topimg .sp-slide{
    
    
}
.topimg .sp-slide img{
    width: 100%;border:3px solid #ccc;box-shadow: 3px 3px 3px rgba(0,0,0,.3)
}

.spl_detail{
    position: absolute;
    top: 40px;
    left: calc(50% - 540px);
    width: 1080px;
    display: flex;
    height: 540px;
    margin: 0px auto;
    background: rgba(0,0,0,.5);
}

.spl_detail div{
    width: 50%;
    position: relative;
}

.spl_detail div h2{
    color: #fff;
    font-size: 52px;
}

.spl_detail div h2 span{
    display: block;
}

.spl_detail div a{
    display: block;
    padding: 20px;
    font-size: 20px;
    font-weight: 800;
    width: 300px;
    color: #fff;
    position: absolute;
    text-align: center;
    bottom: 50px;
    border: 1px solid  #fff;
    left: calc(50% - 150px);
    
}
.spl_detail div:nth-child(1){
    padding: 40px;
}
.spl_detail div:nth-child(2){
    padding: 50px;
}
#sponcerd .sp-slide{
    overflow: hidden;
    padding: 0px;

    background: #fff;
}
#sponcerd .sp-slide img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

#sponcerd {
    padding: 12px 0;
    margin-top: -78px;
    background: #111;
    overflow-x: hidden;
}

#sponcerd .sp-mask{
    overflow: inherit;
}

#sponcerd .sp-slide {
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

/*****************************************

update

*******************************************/
.update{position: relative;
overflow: hidden;}

.update:before{
    height: 380px;
    background: #111;
    display: block;
    content: '';
    width: 110%;
    position: absolute;
    left: -5%;top: -50px;
    transform: rotate(-2.8deg);
}
.update h2 {
    text-align: center;
    font-size: 50px;position: relative;
    padding-bottom: 10px;
    color: #fff;
    font-family: 'Cinzel', serif;
    margin: 50px 0 20px;font-weight: normal;
}

.update h2 span{
    display: block;font-size: 18px;
    font-family: 'Yu Gothic';
}
.update .ib{
    padding: 30px 0 10px;
}

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

.update .ib .upd_box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 15px;
    border-bottom: 1px solid  #333;
    padding: 12px 15px;
    background: #fff;
    position: relative;
}

.update .ib .upd_box:after{
    position: absolute;
    top: 15px;
    right: 15px;
    content: "\f3d1";
    font-family: ionicons;
}

.update .ib .upd_box .news_day{
    width: 80px;
}

.update .ib .upd_box .category{
    width: 110px;font-size: 12px;
    margin-right: 15px;text-align: center; 
    padding: 2px 2px;
}

.update .ib .upd_box .category.latest_content{
    background: #FFC042;
}

.update .ib .upd_box .category.latest_shop{
    background: #F99292;
}
.update .ib .upd_box .category.latest_seminar{
    background: #A8DBA8;
}
.update .ib .upd_box .news_txt{
    width: calc(100% - 250px);
}

.update .ib .upd_box .news_txt a{
    display: block;
}

.update .ib .upd_box .category.latest_info{
    background:#ff96c1;
}
/*****************************************

intro

******************************************/

.top_bnr{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top_bnr a{
    width: 49.4%;
    height: auto;
    margin-bottom: 15px;
}

.top_bnr a img{
    object-fit: cover;
    height: 350px;
    width: 100%;
    border: 1px solid  #ddd;
    padding: 0px;
}
@media(max-width:600px){
    
    .top_bnr a{
        width: 100%;
    }
    
    .top_bnr a img{
        padding: 0;
        height: 240px;
    }
    
}/*600ここまで*/

.intro{
}

.intro img{
    max-width: 100%;
}
.intro .ib{
    padding: 50px 0 100px;
    background: #fff;
    width: 1000px;
}

.intro h2 {
    text-align: center;
    font-size: 50px;position: relative;
    padding-bottom: 10px;
    font-family: 'Cinzel', serif;
    margin: 50px 0;font-weight: normal;
}

.intro h2 span{
    display: block;font-size: 18px;
    font-family: 'Yu Gothic';
}

/*
.intro h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #333 25%, #333 75%, transparent);
    background-image: linear-gradient(to right, transparent, #333 25%, #333 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
*/
.int_txt{
    font-family: 'Yu mincho';
    height: 500px;margin-bottom: 70px;
    margin-top: -30px;
    background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)) 0 0 no-repeat,
    linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)) 0 100% no-repeat,
    linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0)) 0 0 no-repeat,
    linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1)) 100% 0 no-repeat,
    url(../img/introbg02.jpeg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: 100% 120px, 100% 120px,100px 100%,100px 100%,cover;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.int_txt div{
    width: 53%;padding: 20px;
    text-align: left;
}

.int_txt div:nth-child(1) a{
    font-size: 16px;
    font-family: 'Yu gothic';
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}

.int_txt div:nth-child(2){
    width: 46%;padding: 0;padding-top: 20px;
    position: relative;
}

.int_txt div:nth-child(2):before{
font-family: ionicons;
    position: absolute;
    top: 240px;
    content: "\f34f";
    color: #d70045;
    font-size: 36px;
    z-index: 4;
    left: calc(50% - 20px);
}

.int_txt div:nth-child(2) img{
    height: auto;
    width: 100%;
    position: relative;
    margin-top: 25px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    object-fit: contain;
}

.int_txt p{
    font-size: 26px;
    font-weight: bold;
    margin: 0;color: #111;
    padding-top: 20px;
    text-shadow: 
   #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
}
.int_txt span{
    display: inline-block;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin:10px 0 0;color: #111;
    padding-top: 30px;
    text-shadow:    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
}

.oubo_bnr{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.oubo_bnr div{
    width: 32.8%;
    padding: 0px;
}

.oubo_bnr div a{
    display: block;
}

.oubo_bnr div span{
    display: block;
    padding: 25px 25px;
}
.oubo_bnr div span i{
    display: block;
    text-align: center;
    padding: 7px;
    font-size: 15px;
    font-weight: bold;
    border:1px solid #fff;
    background: none;
    position: relative;
    z-index: 3;
    color: #fff;

}
.oubo_bnr div span p{
    font-weight: bold;
    text-align: center;
    font-size: 22px;position: relative;
    z-index: 3;
    color: #fff;margin-top: 20px;
    margin-bottom: 10px;text-shadow: 3px 3px 3px rgba(0,0,0,.3);
}


.oubo_bnr div:nth-child(1) span{
    background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)), url(../img/lady03.jpg) 50% 50% no-repeat;
    background-size: cover,cover;background-blend-mode: multiply;
    position: relative;overflow: hidden;
}

.oubo_bnr div:nth-child(1) span:before{
    display: block;
    width: 200px;
    background: #EB8686;
    height: 240px;
    content: '';
    top: -30px;transform: rotate(10deg);
    left: -120px;position: absolute;
    z-index: 2;
}
.oubo_bnr div:nth-child(2) span{
    background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)), url(../img/shop01.jpg) 50% 50% no-repeat;
    background-size: cover,cover;background-blend-mode: multiply; position: relative;overflow: hidden;
}

.oubo_bnr div:nth-child(2) span:before{
    display: block;
    width: 200px;
    background: #28385E;
    height: 240px;
    content: '';
    top: -30px;transform: rotate(10deg);
    left: -120px;position: absolute;
    z-index: 2;
}

.oubo_bnr div span img{
    display: block;
    margin: 15px auto 10px;
}
.oubo_bnr div:nth-child(2) span img{
    height: 65px;margin-top: 20px;margin-bottom: 10px;
}

.oubo_bnr div:nth-child(3) {
    display: block;
    background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../img/business02.jpg) 50% 50% no-repeat;
    background-blend-mode: multiply;
    background-size: cover,cover;
}

.intro .mov {
    position: relative;
}

.intro .mov:before{
    position: absolute;
    display: block;
    width: 120px;
    height: 100px;
    left: calc(50% - 60px);
    top:160px;
    content:'';
    background: url(../img/youtube.png) 50% 50% no-repeat;
    -webkit-background-size: ;
    background-size: 120px auto;
}
.intro .mov a{
    display: block;
}
.intro .mov iframe{
    pointer-events: none;
    width: 100%;
    height: 500px;
}

.intro .mov img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
/*****************************************

top_tile

*******************************************/

.top_tile {
    background:url(../img/st03.png);
}

.top_tile .ib{
    padding: 50px 0 70px;
}

.top_tile h2 {
    text-align: center;
    font-size: 50px;position: relative;
    padding-bottom: 10px;
    font-family: 'Cinzel', serif;
    margin: 45px 0;font-weight: normal;
}

.top_tile h2 span{
    display: block;font-size: 18px;
    font-family: 'Yu Gothic';
}

.tile_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tile_con div{
    width: 32%;position: relative;
    border: 1px solid  #888;
    background: #fff;
    margin-right: 17px;
    margin-bottom: 25px;
    /*transition: 0.3s ease;*/
}

.tile_con div:nth-child(3n){
    margin-right: 0;
}

.tile_con div:hover{
    /*transition: 0.3s ease;*/
    transform: translateY(-10px);
}

.tile_con div a{
    display: block;
    padding: 20px 20px;
    overflow: hidden;
    position: relative;
}

.tile_con div img{
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.tile_con div span.date{
    position: absolute;
    top: 0;
    left: 0px;
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;font-weight: lighter;

}

.tile_con div h3{
    font-size: 18px;padding-top: 0px;
    margin: 0;line-height: 1.3;
    font-weight: 800;
}

.tile_con div h3 {color:#454545;
    background:transparent;border-width:2px;border-style: solid;border-color: #454545;
    position:relative;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-family:comfortaa;font-weight:bold}
.tile_con div h3:before, .tile_con div h3:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
.tile_con div h3:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
.tile_con div h3:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
.tile_con div:hover h3:before, .tile_con div:hover h3:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
.tile_con div:hover h3 {color:#353535;background-color:#ddd;border-color:#ddd}

.tile_con div h3 span{
    display: block;
}
.tile_con div span.category{
    display: block;padding: 0px 20px;
    margin-top: -10px;
}
.tile_con div span.category a{
    background: #E67A7A;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
}

.tile_con div a.more{
    bottom: -1px;
    position: absolute;
    right: -1px;
    width: 40px;
    height: 40px;transition:all 0.3s ease-in-out;
    border: 1px solid  #888;
}

.tile_con div:hover a.more{
    background: #333;
    color: #fff;transition:all 0.3s ease-in-out;
}

.tile_con div a.more:before{
    font-family: ionicons;
    content: "\f287";
    position: absolute;
    top: 6px;
    font-size: 26px;
    left: 13px;
}

.tile_con div p{
    padding: 0 20px 10px;
    font-size: 14px;line-height: 1.7;
}

/*************************************

top content

*************************************/

.top_content{
        background:url(../img/pattern9.png),url(../img/citylarge.gif) 50% 50%;
    -webkit-background-size: auto,cover;
    background-size: auto,cover;

    min-height: 200px;
}
.top_content .ib{
    padding: 50px 0 90px;
}
.top_content h2 {
    text-align: center;
    font-size: 50px;position: relative;
    padding-bottom: 10px;color: #fff;
    font-family: 'Cinzel', serif;
    margin: 45px 0;font-weight: normal;
}

.top_content h2 span{
    display: block;font-size: 18px;
    font-family: 'Yu Gothic';
}

.top_content p{
    color: #fff;
    text-align: center;
}

.move_btn{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.move_btn a{
    width: 180px;
    display: block;
    padding: 15px;position: relative;
    border: 1px solid  #111;
    color: #111;margin-right: 15px;
    text-align: center;overflow: hidden;
    line-height: 1.3;padding-left: 40px;
}

.move_btn a:last-child{
    margin-right: 0;
    
}

.move_btn a:before{
    content: "\f3d0";
    font-family: ionicons;
    margin-right: 7px;
    position: absolute;
    display: block;
    width: 26px;
    height: 100%;
    padding: 13px 5px;
    font-size: 20px;
    color: #fff;
    background: #111;
    top: 0;
    left: 0;
    
}

.telbox{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;margin: 30px 0;
    justify-content: space-between;
}

.telbox a{
    width: 48%;
    padding: 15px;
    border: 1px solid  #111;
    border-radius: 4px;
    text-align: center;
    font-size: 28px;
    font-weight: 800;
}

.conbox{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 30px 0;
}

.conbox a{
    width: 100%;
    background: #333;
    padding: 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    text-align: center;transition:0.3s ease;
}
.conbox a:hover{
  background: #d5b056; 
    transition:0.3s ease;
    color: #111;
}


.tc_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.tc_con div{
    width: 32%;
    padding:20px 10px 20px;
    background: rgba(255,255,255,.8);
    cursor: pointer;
}
.tc_con div:hover{
    transition: 0.3s ease;
    transform: translateY(-10px);
}
.tc_con div i{
    height: 160px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.tc_con div i img{
    object-fit: cover;
    height: 100%;
    width: 100%;transition: 0.3s ease;
}

.tc_con div i:hover img{
    transform: scale(1.1);
    transition: 0.3s ease;
}

.tc_con div span{
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #333;
    color: #fff;
    margin-bottom: 5px;
    padding: 5px;
}
.tc_con div span:after {
	content: "";
	position: absolute;
	bottom: -15px; left: 0;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 15px 0;
	border-color: transparent #333 transparent transparent;
	z-index: 1;
}
.tc_con div p{
    font-size: 20px;
    font-weight: bold;text-align: center;
    margin-bottom: 0;color: #000;
}

/*****************************************

media

*******************************************/

.media .ib{
    padding: 50px 0 80px;
}

.media h2 {
    text-align: center;
    font-size: 50px;position: relative;
    padding-bottom: 10px;
    font-family: 'Cinzel', serif;
    margin: 45px 0;font-weight: normal;
}

.media h2 span{
    display: block;font-size: 18px;
    font-family: 'Yu Gothic';width: 100% !important;
}

.media .ib div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.media .ib ul{
    display: block;
    margin: 0 auto;
    max-width: 900px;
}
.media .ib ul li{
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.media .ib ul li span{
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid  #111;    
    color: #111;font-size: 12px;
    line-height: 1.3;
    margin-right: 15px;
}

.media p{
text-align: center;
}

a.red{
    color: #d70045;
}

.content.media_sub .ib {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content.media_sub .ib .con_ib{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content.media_sub .ib .con_ib h2{
    width: 100%;
}


.content.media_sub .ib ul li{
    display: block;padding: 13px 0;
    border-bottom: 1px solid  #111;
}

.content.media_sub .ib ul li span{
    display: inline-block;
    padding: 4px 10px;
    background: #111;
    font-size: 12px;margin-right: 15px;
    color: #fff;
}

.content.mathmedia .ib img {
    height: auto;
    object-fit: unset;
    width: 100%;
    max-width: 700px;
    max-height: inherit;
    display: block;
    margin: 35px 0;
}

.content.mathmedia .ib a{
    text-decoration: underline;
}
/****************************************

subpage

******************************************/
    .panlist{
    background: #fff;
    }

    .panlist.bgb{
    background: #222;
        color: #fff;
    }

    .panlist .ib{
    padding: 13px 0px;
    font-size: 12px;
        width: 1160px;
    }
    .panlist .ib br{
    display:none;
    }

a.a_btn{
    display: block;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid  #666;
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 30px 0;
}

.head_tit{
height:350px;
overflow: hidden;
position: relative;
background-size: cover;
}

.head_tit h1{
position: absolute;
width: 880px;
left: calc( 50% - 440px);
top:160px;
text-align: center;
font-size:36px;
color:#fff;
z-index: 99;
}

.head_tit img{
width: 100%;
height: auto;
position: relative;
}
/*:before縺ｫ縺ｼ縺九＠蜉ｹ譫懊ｒ險ｭ螳壹☆繧?*/
.head_tit:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(0px);
  position: absolute;
  /*繝悶Λ繝ｼ蜉ｹ譫懊〒逕ｻ蜒上?遶ｯ縺後?繝､縺代◆蛻?□縺台ｽ咲ｽｮ繧定ｪｿ謨ｴ*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 9;/*驥阪↑繧企??ｺ上ｒ荳€逡ｪ荳九↓縺励※縺翫￥*/
}


.content{
    background: url(../img/st07.png);
    background-size: auto;
    padding: 50px 0;
}

.content.st01{
    background: url(../img/str01.jpg) 50% 0% repeat-y;
    
    background-size: 100% auto;
}

.content .ib{
    background: #fff;
    padding: 50px 35px;
    border: 3px solid  #d5b056;
    min-height: 700px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1160px;box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

.content .ib .con_ib{
    width: 100%;
}

.content .ib .con_left{
    width: 770px;
}

.content .ib .sidebar{
    width: 260px;
    overflow: hidden;
}

.content .ib img {
    max-width: 100%;
    max-height: 360px;
    object-fit: cover;
}

.content.greeting .ib img {
    max-height: inherit;
}

.content h2{
    font-size: 22px;
    border-bottom: 1px solid  #333;
    color: #333;
    padding-bottom: 10px;
    margin: 35px 0;
    width: 100%;
}

.content h3{
    font-size: 20px;
    margin: 35px 0;
    border-left: 5px solid #d5b056;
    padding-left: 10px;
}

.content h4{
    font-size: 18px;
    margin: 30px 0;
}

.content h4:before{
    font-family: ionicons;
    color: #d5b056;
    content: "\f284";margin-right: 10px;
}

.content p{
    font-size: 16px;
    line-height: 1.7;
    padding-left: 10px;
}

.content p .emp{
    font-size: 24px;
    font-family: 'Yu Mincho','游明朝';
    font-weight: 800;
}

.content p.atten{
    padding: 30px;
    background: #f1f1f1;
}

.content p.atten i{
    display: block;
    font-size: 13px;
    padding: 20px 0;margin-top: 20px;
    border-top: 1px solid  #999;
}
.content p.atten span:before{
        font-family: ionicons;
    content: "\f45c";
    margin-right: 0px;
    color: #ff0000;
}

.content table{
    border-collapse: collapse;
    width: 100%;
}

.content table th{
    width: 25%;
    padding: 17px 0;
    border-bottom: 1px solid  #d5b056;
    text-align: left;
}

.content table th.req:before{
    font-family: ionicons;
    content: "\f45c";
    margin-right: 7px;
    color: #ff0000;
}

.content table td{
    width: 75%;
    line-height: 1.6;
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid  #999;
}

.content table td iframe{
    display: block;
    width: 100%;
    height: 300px;
    margin: 20px 0;
}

.content table input[type="text"],.content table input[type="email"],.content table input[type="tel"],.content table input[type="number"]{
    padding: 10px;
    border: 1px solid  #bbb;
    border-radius: 3px;
    width: 100%;
}

.content table select{
        padding: 10px;
    border: 1px solid  #bbb;
    border-radius: 3px;
    width: 100%;
}

.content table textarea{
    min-height: 250px;border: 1px solid  #999;
    width: 100%; border-radius: 3px;
    padding: 10px;
}

.content input[type="submit"]{
    background: #d5b056;
    width: 240px;
    padding: 20px;
    text-align: center;
    display: block;
    border-radius: 4px;
    margin: 40px auto;
    cursor: pointer;
    color: #111;
    border: none;
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
}

/**************************************

前後ページ送り

*************************************/

.page_move{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 60px 0 0;
    justify-content: space-between;border-top: 1px solid  #999;border-bottom: 1px solid  #999;
}

.page_move div{
    width: 50%;
    position: relative;
}

.page_move div a{
    font-weight: bold;
    position: relative; display: block;padding: 30px 20px;
}

.page_move div a:hover{
    background: #f1f1f1;
}

.page_move div.prev{
    border-right: 1px solid  #999;
}

.page_move div.next a{
    text-align: right;
}

.page_move div.prev a:before{
   content:"\f3cf" ;
    font-family: ionicons;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;font-size: 24px;
}
.page_move div.next a:before{
   content:"\f3d1" ;
    font-family: ionicons;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;font-size: 24px;
}
/***************************************

sidebar

***************************************/

.content .sidebar h3{
    padding: 10px 10px 7px;
    background: #000;
    position: relative;
    text-align: center;
    background: #d5b056;
    color: #222;border: none;
    font-size: 16px;
    font-weight: bold;
}

.content .sidebar h3:before{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    display: block;
    background: #d5b056;
    bottom: -7px;
}

.side_ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.side_ul li{
    width: 100%;
    display: block;
    border-bottom: 1px solid  #ccc;
    font-size: 14px;
}
.side_ul li a{
    display: inline-block;
    padding: 10px 0;
    margin-bottom: px;
}

.side_ul li a:before{
    content: url(../img/dot_ar01.png);
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.side_ul li ul li{
    margin-left: 10px;
}

.side_ul li ul li:last-child{
    border-bottom: none;
}

#wpmem_reg label{
    font-size: 14px;
    color: #333;
}

.sidebar #wpmem_reg legend{
    display: none;
}

.sidebar #wpmem_reg select#age,.sidebar #wpmem_reg label[for='age']{
    display: none;
}
.sidebar #wpmem_reg select#pref,.sidebar #wpmem_reg label[for='pref']{
    display: none;
}

.sidebar #wpmem_reg label[for='avator'],.sidebar #wpmem_reg .div_image{
    display: none;
}

.sidebar input[type="submit"]{
    width: 100%;
    background: #333;
    color: #fff;
    padding: 13px;
}

/***************************************

pager

*************************************/

.pagenavi{
    margin: 40px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 5px 10px !important;
    margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #333!important;
    background: #333 !important;
    color: #fff !important;
}
/***************************************

about

***************************************/

.about{
    
}
.about span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Yu mincho','游明朝',serif;
}
.about p{
    font-size: 18px;
    font-family: 'Yu mincho','游明朝',serif;
    font-weight: 500;
}

.about p i:before{
    content: '-';
    margin: 0 10px;
}

.ab_tit{
    height: 200px;
    background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0)) 0 0 no-repeat,url(../img/sub01.jpg) 50% 50%;
    -webkit-background-size: cover;
    background-size: 80% 100%,cover;
}

/***************************************

greeting

**************************************/

.repres{
    font-family: '游明朝','Yu mincho';
    font-size: 32px;font-weight: 800;
}

.repres span{
    display: block;
    font-size: 20px;
}

.gree_desc{
    border-bottom: 1px solid  #ddd;
}

.gree_desc div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin: 50px 0 50px;
}

.gree_desc div p{
    width: 60%;margin-top: 0;
    font-size: 15px;
}

.gree_desc div span{
    display: block;
    width: 37%;
    height: 560px;
    overflow: hidden;
}

.gree_desc div span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

p.history{
    font-size: 15px;

}
/****************************************

スポンサー

******************************************/

.spo_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0;
    
}

.spo_con .spo_box{
    width: 48%;
    background:#b2a484;
    padding: 7px;
    margin-bottom: 25px;
}

.spo_con .spo_box a{
    display: block;
    padding: 0px;
    background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    display: flex;
}

.spo_con .spo_box a span{
    display: block;
    width: 40%;
    height: 150px;
    overflow: hidden;
}

.spo_con .spo_box a:after{
    position: absolute;
    padding: 15px;
    height: 50px;
    display: block;
    border: 1px solid #b2a484;
    top: calc(50% - 41px);
    right: -1px;
    content: '';
}

.spo_con .spo_box a:before{
    top: 60px;
    content:"\f3d1" ;
    font-family: ionicons;
    color: #b2a484;font-size: 24px;
    position: absolute;
    right: 7px;
}

.spo_con .spo_box a span img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.spo_con .spo_box a div{
    width: 61%;
    padding: 20px;
}

.spo_con .spo_box a div p{
    font-weight: bold;
    padding-left: 0;
    padding-top: 15px;line-height: 1.2;
    font-size: 14px;position: relative;

}

.spo_con .spo_box a div p i{
    display: block;
font-weight: normal;font-size: 25px;
    font-family: 'Cinzel', serif;
}

/*
.spo_con .spo_box a div p:after {
    position: absolute;
    height: 1px;
    width: 30px;
    background: #222;
    display: block;
    bottom: 9px;
    right: -2px;
    content: '';
    transform: rotate(40deg);
}
*/

.sponcer_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.spo_tit{
    padding: 20px;
    background: #D4AF37;
    font-size: 22px;
    font-weight: bold;
}

.sponcer_con .sponcer_box{
    width: 100%;
    margin: 30px auto 40px;
    max-width: 700px;
    position: relative;
}

.sponcer_con .sponcer_box p{
    font-size: 20px;
    font-weight: bold;
    padding-left: 0;
}



.sponcer_con .sponcer_box p:before{
    font-family: ionicons;
    margin-right: 7px;font-size: 120%;
    content: "\f371";color: #D4AF37;
    font-weight: normal;
}

.sponcer_con .sponcer_box img{
    margin: 30px auto 25px;
    max-width: 100%;
}

.sponcer_con .sponcer_box span{
    display: block;
    background:#f5eedc;
    padding: 30px;
    border-radius: 4px;
    position: relative;
}
.sponcer_con .sponcer_box span:before{
    width: 0;
    height: 0;position: absolute;
    top: -20px;
    right: 30px;
    border-style: solid;content: '';
    border-width: 0 8px 20px 8px;
    border-color: transparent transparent #f5eedc transparent;
}
.sponcer_con .sponcer_box:after{
    position: absolute;
    width: 300px;
    height: 5px;
    content: '';
    background: #D4AF37;
    bottom: -50px;
    left: calc(50% - 150px);
}

.sponcer_con .sponcer_box:last-child:after{
    display: none;
}

#sponcerd.sub{
    margin-top: 0;
}
/****************************************

時給相場

**************************************/

.content.wr .a_tit{
    background: #d5b056;
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;margin: 30px 0;
}

.content.wr .area_con{
    
}

.content.wr .area_con a{
    display: inline-block;
    padding: 5px 10px 5px 23px;
    border: 1px solid  #FB7D79;
    border-radius: 4px;
    color: #FB7D79;
    position: relative;
    transition:0.3s ease;
}

.content.wr .area_con a:hover{
    background:  #FB7D79;
    color: #fff;
}

.content.wr .area_con a:before{
    font-family: ionicons;
    content: "\f360";
    position: absolute;
    top: 12px;
    left: 10px;transition:0.3s ease;
    font-size: 10px;
}
.area_img{
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.area_img img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.content p.a_d{
    padding: 30px;
    background: #f3efe6;
    font-size: 14px;
    line-height: 1.8;
}

.content .ib h2:nth-of-type(1){
    margin-top: 0;
}

p.emp{
    font-size: 20px;
    font-weight: bold;
    padding-left: 0 !important;
}

.content .ib table.area_data{
    table-layout: fixed;max-width:800px;
    margin: 40px 0;
}

.content .ib table.area_data th,.content .ib table.area_data td{
    width: 25%;
}

.content .ib table.area_data th{
    background: #f3efe6;padding: 20px;
}
.content .ib table.area_data td{
    text-align: right;
    padding: 20px;
}

.content .ib table.area_data td:after{
    content: '円';
}
/****************************************

wp-member関連
*****************************************/

.wp_mem{
    
}

.wp_mem p span{
    display: block;
    padding: 20px;
    margin-top: 20px;
    background: #f1f1f1;
}

.wp_mem p.atten a{
  text-decoration: underline;  
}
.wp_mem p span a{
text-decoration: underline;
}

.wp_profile{
    
}
#wpmem_reg .div_text{
    width: 75% !important;
}
.wp_mem label{
    background: #f3f3f3;
    display: block !important;
    margin-bottom: 10px;width: 75% !important;
    padding: 10px;
}

.wp_profile ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.wp_profile ul li{
    width: 49%;
}

.wp_profile ul li a{
    display: block;
    padding: 20px;
    text-align: center;
    border: 1px solid  #333;
    transition: 0.3s ease;
    border-radius: 4px;
}

.wp_profile ul li a:hover{
    background: #333;transition: 0.3s ease;
    color: #fff;
}

legend{
    font-family: "kozuka-gothic-pro",'Yu Gothic',sans-serif;
    font-size: 22px !important;
    margin-bottom: 30px !important;
    padding-left: 10px;
    border-left: 5px solid  #111;
}

#wpmem_login .div_text, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_reg .div_checkbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_radio, #wpmem_reg .div_image, #wpmem_reg .div_file, #wpmem_reg .div_url, #wpmem_reg .div_number, #wpmem_reg .div_date {
    width: 74%;
    margin: 0 0 10px 0 !important;
}

.wpmem_msg {
    width: 100% !important;
    border: 2px solid #d5b056 !important;
    margin-bottom: 20px !important;
    padding-top: 10px !important;
}

.content.page_register p{
    padding-left: 0;
}

.content.page_register .remark{
    padding: 20px;
    border: 1px solid  #d70075;
    font-size: 14px;
}

.content.page_register .remark span{
    display: block;
    font-weight: bold;
}

.prof_btn{
    display: block;
    padding: 15px;
    font-size: 15px;
    text-align: center;
    border: 1px solid  #666;
    margin: 30px auto;
    border-radius: 50px;
    max-width: 330px;
}


a.btn_link{
    display: block;
    width: 400px;
    padding: 15px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin: 30px auto;
    background: #E85A70;
    font-weight: bold;
    max-width: 100%;
    box-shadow: 0px 4px 0px #c03c50;
}

/***************************************

コンテンツ

***************************************/

.grecaptcha-badge{
    display: none;
}

.content .con_left.private{
    width: 100%;
}
.private_remark{
    text-align: center;
}
.private_remark i{
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
}

.private_remark i a{
    width: 49%;
    border-radius: 4px;
    padding: 20px;
    font-size: 18px;
    color: #333;
    background:#d5b056;
}

.private_remark i a span{
    font-size: 14px;
    display: block;
    text-align: center;
}

.private_remark i a:nth-child(2){
    background: #333;
    color: #fff;
}
/***************************************

contents

*****************************************/

.cont_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content .ib .sidebar h3:nth-of-type(1){
    margin-top: 0;
}

.cont_con .cont_box{
    width: 46%;
    margin-bottom: 30px;
    border-bottom: 1px solid  #333;
}

.cont_con .cont_box span{
    display: block;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.cont_con .cont_box:hover span:before{
    height: 20px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background: linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,1)) ;
}
.cont_con .cont_box span:before{
    height: 20px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 9;
    background: linear-gradient(-180deg,rgba(255,255,255,0),rgba(255,255,255,1)) ;
}

.cont_con .cont_box span img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition:0.3s ease;
}

.cont_con .cont_box div{
    padding: 10px 0 5px;
}

.cont_con .cont_box:hover span img{
    transition:0.3s ease;
    transform: scale(1.1);
}

.cont_con .cont_box div h3{
    border: none;margin: 15px 0;
    padding-left: 0;
}

.cont_con .cont_box div em.date{
    font-size: 12px;
    color: #888;
    display: block;
    margin: 10px 0 -16px;
}

.cont_con .cont_box div h3:before{
    content: '「';
}
.cont_con .cont_box div h3:after{
    content: '」';
}
.cont_con .cont_box div p{
    font-size: 14px;padding-left: 0;
}

i.category a{
    display: inline-block;padding: 3px 7px;
    border-radius: 2px;
    background: #111;
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin-left: 3px;
    margin-bottom: 3px;
}
i.category a:before{
content: "\f35a";font-size: 16px;
    font-family: ionicons;
 margin-right: 5px;  position: relative;
    top: 2px;
}

p.atten a{
    color: #d70045;
    text-decoration: underline;
}

/*************************************

contents side

*************************************/

.side_con_list{
    margin-bottom: 40px;
}

.side_con_box{
    margin-bottom: 10px;
}

.side_con_box a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.side_con_box a div:nth-child(1){
    width: 65px;
    height: 65px;
}

.side_con_box a div:nth-child(2){
    width: calc(100% - 75px);
}

.side_con_box a div:nth-child(2) span{
    display: block;
    font-size: 11px;
    color: #666;
}

.side_con_box a div:nth-child(1) img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.side_con_box h4{
    font-size: 15px;
    margin-top: 5px;font-weight: bold;
    margin-bottom: 0;
}

.side_con_box h4:before{
    display: none;
}
/***************************************

onayami

**************************************/

.qa .atten{
    font-size: 14px;
}

.qa .cont_con .cont_box{
    width: 48%;
}

.qa .cont_con .cont_box span.date{
    height: auto;
    font-size: 12px;
    color: #777;
}
.qa .cont_con .cont_box span:before{
    display: none;
}

.qa .cont_con .cont_box div h3:after{
    display: none;
}

.qa .cont_con .cont_box div h3:before{
    color: #F99292;
    font-size: 120%;
    content: 'Q:';margin-right: 5px;
}

span.date{
    font-size: 12px;
    color: #777;
}

ul.nayami{
    display: block;
}

ul.nayami li{
    display: block;
    border-bottom: 1px solid #ddd;
}

ul.nayami li a{
    display: block;
    padding: 10px 0;
}

ul.nayami li a h4{
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.nayami li a h4:before{
        color: #F99292;
    font-size: 120%;
    content: 'Q:';margin-right: 5px;
}

.qa_menu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.qa_menu a{
    width: 48%;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
}

.qa_menu a i{
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.qa_menu a span{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.qa_menu a:nth-child(1){
    background: #FCECEA;
}

.qa_menu a:nth-child(1) i
{
    color:#FFB2AE;
}

.qa_menu a:nth-child(2){
    background: #B2E2EC;
}

.qa_menu a:nth-child(2) i
{
    color:#6A91C1;
}

/****************************

onayami詳細

******************************/

.q_m{

}

.q_m img{
width: 90px;
    opacity: 0.6;
    display: block;
    margin: 0 auto;
}

.q_m span{
    display: block;
    font-size: 13px;
    text-align: center;
}

.q_m span:nth-of-type(1){
    font-weight: bold;
    padding: 5px 0 1px;
}

.content p.q{
    font-size: 16px;
    background: #FCECEA;
    border-radius: 4px;
    padding: 30px;
    position: relative;
    font-weight: bold;
    
}
.content p.q:before{
position: absolute;
    content: '';
    top: -15px;
    left: calc(50% - 10px);
    width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 15px 10px;
border-color: transparent transparent #FCECEA transparent;
}


.ans_box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.ans_box em{
    font-size: 14px;
}

.ans_box i{
    font-size: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.ans_box div:nth-child(1){
    width: 80px;
}

.ans_box div:nth-child(2){
    width: calc(100% - 100px);
}

.ans_box div:nth-child(2) p{
    background: #f1f1f1;
    padding: 20px;
    font-size: 14px;
    margin: 0;
    position: relative;
}

.ans_box div:nth-child(2) p:before{
    content: '';
    position: absolute;
    width: 0;
height: 0;
    left: -15px;
    top:30px;
border-style: solid;
border-width: 10px 15px 10px 0;
border-color: transparent #f1f1f1 transparent transparent;

}

.ans_box div:nth-child(1) span{
    width: 80px;display: block;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

.ans_box div:nth-child(1) span img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/**********************************

お悩みメンバー

**********************************/
.resp_con .resp_box:last-child{
    border: none;
}
.resp_box{
    margin-bottom: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid  #ddd;
    padding-bottom: 40px;
}

.resp_box h3{
    width: 100%;
}

.resp_box div:nth-of-type(1){
    width: 200px;
}
.resp_box div:nth-of-type(2){
    width: calc(100% - 220px);
}
.resp_box div:nth-of-type(1) span{
    display: block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
}

.resp_box div:nth-of-type(1) span img{
object-fit: cover;
    width: 100%;
    height: 100%;
}

.content p.flow{
    font-size: 14px;
    padding: 20px 0;
    border-bottom: 2px solid #F99292;border-top: 2px solid #F99292;
}

/****************************************
メリット関連

***************************************/

.merit_con{
    width: 100%;
}

.wp_reg #wpmem_reg form fieldset label:nth-of-type(4){
    display: none !important;
}.wp_reg #wpmem_reg form fieldset label:nth-of-type(5){
    display: none !important;
}
.wp_reg #wpmem_reg form fieldset label:nth-of-type(6){
    display: none !important;
}
.wp_reg #wpmem_reg form fieldset label:nth-of-type(7){
    display: block !important;
}

.wp_reg #wpmem_reg form fieldset div:nth-of-type(4){
    display: none !important;
}

.wp_reg #wpmem_reg form select#age,.wp_reg #wpmem_reg form select#pref,.wp_reg #wpmem_reg form input[name='avator']{
    display: none;
}
.content.adv p{
    padding-left: 0;
}
.content.adv p span{
    display: block;
    padding: 20px 0;
    border-top: 2px solid  #EB8686;border-bottom: 2px solid  #EB8686;
    margin: 20px 0;
}

/****************************************

優良店舗一覧

**************************************/
.content.shop_list_con h2,.content.shop_list_con h3,.content.shop_list_con h4{
font-family: 'Cinzel', serif !important;
    }
.content.shop_list_con{
    background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../img/bg12.png);
    background-blend-mode: multiply;
}

.content.shop_list_con .ib{
    border: none;
}
.shop_list{
    
}

.shop_list .shop_box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;justify-content: space-between;
    margin-bottom: 30px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    padding-bottom:20px;
    background: url(../img/sb_frame01.png) 120% 155% no-repeat;
    -webkit-background-size: ;
    background-size: 360px auto;
    padding: 0 15px 20px;
}

.shop_list .shop_box a{
    
}

.shop_img{
    width: 40%;
}

.shop_img span{
 display: block;
    height: 265px;
    overflow: hidden;
}

.shop_img span img{
    object-fit: cover;
    height: 100%;
    width: 100%;transition:0.3s ease;
}

.shop_img span img:hover{
    transform: scale(1.1);transition:0.3s ease;
}

.shop_data{
    width: 60%;
    padding: 0 0 0 20px;
}

.shop_d_img img{
    width: 100%;
    object-fit: cover;
}

.shop_data h3{
    margin-top: 0;
    border-left: none;
    padding-left: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5b056;
    margin-bottom: 0px;
}

.shop_data i.area{
    display: block;
    border-bottom: 1px solid  #bbb;
    padding: 10px 0;font-size: 15px;
    margin-bottom: 8px;
}

.shop_data i.area a{
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid  #111;
    border-radius: 4px;
    font-size: 14px;
    margin: -0px 5px;
}

.shop_data p{
    padding-left: 0 !important;
    margin: 0;
    padding: 8px 0;
    font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop_data p span{
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}

.shop_data div p:nth-child(2n){
    background: rgba(0,0,0,.05);
}

.shop_data a.more{
    display: block;
    position: relative;
    background: #333;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin: 10px auto;
    font-size: 14px;
    transition:0.3s ease;
}

.shop_data a.more:hover{
    background: #d5b056;transition:0.3s ease;
}

.shop_data a.more:before{
    font-family: ionicons;
    position: absolute;
    top: 7px;
    right: 10px;
    content: "\f3d1";
    font-size: 24px;
}
.content.shop_detail h2{
    border-bottom:1px solid #ccc;
    font-size: 30px;padding-bottom: 5px;
    font-weight: normal;
}

.content.shop_detail h3{
   text-align: center;
    margin: 40px 0 35px;
    border-left: none;padding: 0 0 10px;
    font-size: 26px;
    font-weight: normal;
}

.content.shop_detail h3 span{
    display: block;font-size: 16px;
    font-family: 'Yu gothic',sans-serif;
}

.content.shop_detail h3 i{
    position: relative;top: 4px;
    margin-right: 5px;
    font-size: 110%    ;
}

.shop_d_data p{
    font-size: 15px;
    padding: 10px;
    margin: 0;
}

.shop_d_data p:nth-child(2n){
    background: #f6f1e5;
}

.shop_d_data p span{
    display: inline-block;
    width: 20%;
    font-weight: bold;
}

.shop_bubbles{
    margin: 20px 0;
}

.shop_bubbles div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid  #ddd;
    padding-bottom: 10px;
}

.shop_bubbles div span{
width: 20%;
    padding: 10px;
    font-weight: bold;
}
.shop_bubbles div i{
    position: relative;
    top: 6px;
}
.shop_bubbles div em{
    display: block;
    width: 80%;
    padding: 20px;
    background: #f6f1e5;
    border-radius: 4px;
    position: relative;
}

.shop_bubbles div em:before{
width: 0;
height: 0;position: absolute;
    content: '';
    top: 20px;
    left: -15px;
border-style: solid;
border-width: 7.5px 15px 7.5px 0;
border-color: transparent #f6f1e5 transparent transparent;
}
.content .shop_d_info table{
    font-size: 14px;
}

.content .shop_d_info table th,.content .shop_d_info table td{
    padding: 12px 10px;
    border-bottom: none;
}

.content .shop_d_info table tr:nth-child(2n){
    background: #f1f1f1;
}
.content table i{
    display: block;
    font-size: 13px;
    color: #666    ;
}

.content input.hidden_val{
display: none !important;
}

#gmap{
    margin: 30px 0;
}

#gmap iframe{
    width: 100%;
    height: 350px;
}

.qr{
    display: block;
    margin: 30px 0;
    text-align: center;
}


.qr img{
    display: block;
    margin: 0 auto;
}

a.oubo{
    display: block;
    width: 100%;
    position: relative;
    margin: 0px auto 20px;
    padding: 15px 10px;
    text-align: center;
    color: #b9936a;
    font-size: 18px;
    transition: 0.3s ease;
    display: inline-block;
    text-decoration: none;
    border-radius: 60px;
    color: #ffffff;
    background: #f2709c;
    background: -webkit-linear-gradient(to right, #ff9472, #f2709c);
    background: linear-gradient(to right, #ff9472, #f2709c);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #f2709c;
}

a.oubo:before{
font-family: ionicons;
content: "\f2b8";
    font-size: 126%;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

/***************************************

よいとき yoitoki

**************************************/

#content .yoitoki p{
    padding-left: 0;
    text-align: center;
}

#content .yoitoki img{
    display: block;
    margin: 30px auto;
    object-fit: cover;
    height: 500px;
    max-height: 500px;
    width:400px;
}

#content .yoitoki span{
    font-size: 24px;
    font-weight: bold;
    font-family: "Sawarabi Mincho",serif;
}

#content .yoitoki .yoitoki_insta{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;margin-top: 40px;
}

#content .yoitoki .yoitoki_insta img{
    display: block;
    width: 20%;
    margin: 0;
    height: 220px;
}
/***************************************

sidebar_shop

***************************************/

.side_shop_list{
    margin: 30px 0;
}
.side_shop_box{
    border-bottom: 1px solid  #bbb;
    position: relative;transition:0.3s ease;
}

.side_shop_box:hover{
    background: #f1f1f1;
    transition:0.3s ease;
}

.side_shop_box:after{
    position: absolute;
    font-family: ionicons;
    content: "\f3d1";
    font-weight: lighter;
    right: 0;
    top: 40px;
}
.side_shop_box a.shop{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding: 15px 0 10px;
}

.side_shop_box a div:nth-child(1){
    width: 66px;
    
}
.side_shop_box a div:nth-child(2){
    width: calc(100% - 76px);
    
}
.side_shop_box a div:nth-child(1) img{
    width: 100%;
    height: 66px;
    object-fit: cover;
}

.side_shop_box div h4{
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.side_shop_box div h4:before{
    margin-right: 5px;
    font-size: 120%;
}

.side_shop_box a div:nth-child(2) p{
    padding: 0;padding-left: 10px;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.4;
}

.side_shop_box a div:nth-child(2) p span{
    display: block;
}

.content.shop_detail .sidebar h3{
    padding: 10px 10px 7px;border-bottom: 0;
    font-size: 16px !important;font-weight: bold !important;
    font-family: inherit !important;
}

/*****************************************

acticity 活動実績

****************************************/

#content.activity .top_tile{
    background: #fff;
    width: 100%;
}

#content.roa.single .ib .con_ib{
    max-width: 800px;
    margin: 0 auto;
}

#content.roa.single .ib .con_ib p {
    padding-left: 0;
}

.blog_back{
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 12px;
    margin-bottom: 30px;
    padding: 7px 15px;
    border-radius: 4px;
}
/****************************************

seminar

***************************************/

.content.seminar .ib p.semi_detail{
    font-size: 16px;
    font-weight: bold;
    padding:30px 20px;
    background: #fff3d5;
    line-height: 1.8;
}

.content.seminar .ib p.semi_remark{
        font-size: 16px;
    font-weight: bold;
    padding: 20px;
    border: 2px solid #d5b056;
    text-align: center;
    margin: 40px 0;
}

.content.seminar .con_ib{
    max-width: 800px;
    margin: 0 auto;
}

.content.seminar table td iframe{
    height: 350px;
}

.content.seminar .ib img{
    width: 100%;
    display: block;
    margin: 30px 0;
    max-height: 400px;
}

.content.seminar .ib p{
    padding-left: 0;
}

.content.seminar .ib h3.check{
    border-left: 0;
    padding-left: 0px;
}

.content.seminar .ib h3.check:before{
    font-family: 'Material Icons';
    content: "\e877";font-size: 30px;
    color: #d5b056;
    position: relative;font-weight: normal;
    top: 6px;margin-right: 5px;
}

.content.seminar .semi_contents span{
    font-family: 'Yu mincho',serif;
    font-weight: 500;
    font-size: 24px;
    padding-top: 5px;
}
/***************************************

seminar一覧

****************************************/

.seminar_list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.seminar_list .seminar_box{
    width: 100%;
    border: 1px solid  #000;
    padding: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
}

.seminar_list .seminar_box h3{
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    border: none !important;
    width: 100% !important;
    padding-left: 0 !important;
}

.seminar_list .seminar_box span.number{
    position: absolute;
    display: inline-block;
    padding: 10px 20px;
    top: 20px;
    right: 20px;
    font-size: 14px;
    background: #ddd;
    font-weight: bold;
}

.seminar_list .seminar_box span.number:before{
        font-family: ionicons;
    content: "\f324";
    margin-right: 5px;
}

.seminar_box .semi_img{
    width: 28%;
    height: 270px;
    overflow: hidden;
}

.seminar_box .semi_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.seminar_box .semi_desc{
    width: 63%;    
    position: relative;
}

.semi_desc a.semilink{
    border: 1px solid  #000;
    padding: 10px 30px;
    position: absolute;
    font-size: 14px;
    bottom: 0;
    right: 0;transition:0.3s ease;
}

.semi_desc a.semilink:hover{
    background: #000;
    color: #fff;
    transition:0.3s ease;
}

.semi_desc a.semilink:before{
    font-family: ionicons;
    content: "\f287";
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 18px;
}

.seminar_box .semi_desc p{
    margin-top: 0 !important;
    font-size: 14px;
}

/****************************************

よくあるご質問

****************************************/

.question .qa_list{
    
}

.question .qa_list div{
    padding: 20px;
    padding-left: 60px;
    display: block;
    background: #fff;
    border: 2px solid  #5CC0EF;
    margin-bottom: 10px;
    position: relative;
font-size: 15px !important;
}

.question .qa_list div:before{
    display: inline-block;
    padding: 4px 12px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background:  #5CC0EF;
    border-radius: 6px;
    content: 'Q';
    position: absolute;
    top: 13px;
    left: 10px;
}

.question .qa_list div:nth-child(2){
    background:#fff; border: 2px solid #FC9D9A;
    margin-bottom: 40px;
}
.question .qa_list div:nth-child(2):before{
    display: inline-block;
    padding: 4px 12px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background:  #FC9D9A;
    border-radius: 6px;
    content: 'A';
    position: absolute;
    top: 13px;
    left: 10px;
}
#content.question .qa_list p{
    margin: 0;padding-left: 0;
}

#content.question .qa_list div span{
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}
/***************************************

footer

*****************************************/

footer{
    background: #111;
}

footer .ib{
    padding: 30px 0 100px;
}

footer ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

footer ul li{
    font-size: 13px;
    color: #fff    ;
    
    
}
footer ul li:last-child a{
    border: none;
}
footer ul li a{
    display: block;
    text-align: center;padding: 0 30px;
    border-right: 1px solid  #fff;
}

footer img.flogo{
    display: block;
    margin: 40px auto 50px;
    width: 220px;
}
.pagetop {
    position: fixed;
    bottom: 00px;
    right: 0;
    z-index: 2;
    display: block;
    width: 160px;
    height: 46px;
    padding: 10px;
    background: #D4AF37;
    cursor: pointer;
    border-radius: 3px 3px 0 0;
}
.pagetop span:before{
    display: block;
    content: "\f3d8";
    line-height: 1;
    margin-top: -10px;
    font-family: ionicons;
    font-size: 36px;
    text-align: center;
}
.pagetop span{
    line-height: 1;
    letter-spacing: 0.5px;
    display: block;
    text-align: center;
    color: #222    ;position: relative;
    top: -5px;
    font-size: 10px;margin-top: -6px;
}

footer p.copy{
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

a.osusume_bnr{
    position: fixed;
    bottom: -2px;
    z-index: 99;
    display: none;
    left: calc(50% - 550px);
    height: max-content;
    width: 1100px;
    max-width: 100%;
}

a.osusume_bnr img{
    display: block;
}