@charset 'UTF-8';

/* ==========================================================================
 *
 * PC/Tab
 *f
 * -------------------------------------------------fv------------------------- */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*main{padding-top: 5vw;}
@media only screen and (max-width: 980px){
    main {
        padding-top: 25vw;
        margin-top: 0;
    }
}*/
@media only screen and (max-width: 980px){
    header .menu {
        height: 55px;
        padding: 0 4vw;
        background: url(/wp/wp-content/themes/kkmaeno/assets/images/bg.jpg);
    }
}
@media only screen and (max-width: 501px){
    main{
        padding-top:55px;
        margin-top: 0;
    }
}
/*@media (min-width: 576px){
    .container {
        max-width: 540px;
        padding: 0;
    }
}*/
#wrap {
  overflow: hidden;
  background: url(/wp/wp-content/themes/kkmaeno/assets/images/bg.jpg); 
}
.site-main{
       background: url(/wp/wp-content/themes/kkmaeno/assets/images/bg.jpg); 
}
body{
    font-family: 'Noto Serif JP', serif;
        font-size: .9rem;
    
}
#nav ul{list-style-type:none;}
img {
    width: 100%;
}
.center{
    text-align: center;
}
.left{
    float:left;
}
.clear{
    clear:both;
}
.no-pc { display: none !important; }
.no-sp { display: initial !important; }

.no-foot { display: initial; }
.on-foot { display: none; }
@media only screen and (max-width: 991px) {
.no-foot { display: none; }
.on-foot { display: initial; }
}


.white{
    color: #fff!important;
}

.home #content .service h2,
.home #content .lineup h2,
.home #shop h2,
.home #news h2{
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    margin: 0 auto 30px;
}






/*着方教室*/
.page #kikata .container{
    padding: 100px 20px;
    margin:0 auto;
    text-align: center;
}
.page #kikata .kikata-bg{
    /*background: url(../images/kikata/bg.jpg) center top repeat;*/
}
.page #kikata img {
    width: 980px;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.page #kikata h1 {
    font-size: 30px;
    font-weight: 700;
    color:#744314;
    padding-bottom:20px;
}
.page #kikata h2{
    font-size: 30px;
    font-weight: 700;
    color: #666;
    padding: 30px 0;
}
.page #kikata p{
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 16px;
}
.page #kikata .point{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
    margin: 50px 0 0 0;
    }
.page #kikata .contact{
    width: 820px;
    margin: 50px auto;
}
.page #kikata .contact-tel{
    font-size: 40px;
    font-weight: 700;
    color: #cc0000;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    /*background: #fff;*/
    text-align: center;
    /*font-size: 33px;*/
font-size: 30px;/*200218:SP表示で崩れるのでサイズダウン*/
        width: 100%;
}
.page #kikata .contact-txt{
    font-size: 16px;
    color: #333;
}
.page #kikata .contact-yoyaku{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin: 0 auto;
    outline: 1px solid #fff;
    outline-offset: -3px;
}
.page #kikata .contact-l{
    float: left;
    margin-right: 20px;
}
.page #kikata .contact-r{
    float: right;
    margin-left: 20px;
}
/*.page #kikata .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}*/
.page #kikata .access h2{
    color: #fff;
}
.page #kikata .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #kikata .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #kikata .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #kikata .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #kikata .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #kikata h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.page #kikata .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #kikata .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width: 768px){
.page #kikata .container{
    padding: 8vw 4vw;
    margin:0 auto;
}
.page #kikata h1 {
    font-size: 24px;
    font-weight: 700;
    color:#744314;
    padding-bottom:2vw;
}
.page #kikata h2{
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 0;
}
.page #kikata p{
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    /*margin: 3vw 3vw 0 3vw;*/
    }
.page #kikata .point{
    font-size: 3vw;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
    margin: 6vw 0 0 0;
    }
.page #kikata .contact{
    width: 100%;
    margin: 10vw auto;
    }
.page #kikata.contact-tel{
    font-size: 8vw;
    font-weight: 700;
    color: #cc0000;
    width: 70vw;
    display: block;
    margin-top: 3vw;
    margin: 0 auto;
    }
.page #kikata .contact-txt{
    font-size: 3vw;
    color: #333;
    }
.page #kikata .contact-yoyaku{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 80%;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin: 20px auto;
    }
.page #kikata .contact-l{
    float: none;
    margin-right: 0px;
    width: 100%;
    }
.page #kikata .contact-r{
    float: none;
    margin-left: 0px;
    width: 100%;
    }
    .page #kikata .access {
        padding: 8vw 0;
    }
    .page #kikata .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #kikata .access-r {
        width: 70vw;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #kikata .raiten-yoyaku {
        font-size: 30px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #kikata .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }
}



/*サービス*/

.page #serv.container{
    padding: 100px 20px;
    margin:0 auto;
    background: url(../images/bg.jpg) center top repeat;
}

.page #serv h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #serv .lead{
    font-size: 16px;
    color: #333;
    margin-bottom: 50px;
}

.page #serv .service-box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page #serv .service ul {
  font-size: 0;
  text-align: center;
  list-style-type: none;
  padding: 0;
}
.page #serv .service{
    width: 100%;
    padding: 10px;
    background: #7b6c90;
    text-align: center;
    position: relative;
    /*padding-bottom: 60px;*/
    /*float: left;*/
    margin-bottom: 20px;
}
.page #serv .service{
    margin-right: 20px;
}
.page #serv .service h2{
    font-size: 18px;
    color: #fff;
    padding: 0;
    font-weight: initial;
}
.page #serv .service img{
    width: 100%;
    height: auto;
    padding: 10px 0 5px;
}
.page #serv .service ul li{
    background: #9c8db1;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 5px 0;
    margin: 5px 0;
    color: #fff;
}
.page #serv .service-next{
    outline: 1px solid #fff;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    background: #6b3e95;
    line-height: 40px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 768px){
    .page #serv .service{
        margin: 5px;
    }
}

/*店舗*/
.page #shops .container,
.page #furisode .container{
/*191210 padding: 100px 0 150px 0;*/
    padding: 0 0 0 0;
    text-align: center;
    margin:0 auto;
}
.content1{
    background: url(../images/shop/bg_firstview.jpg) center top repeat;
}
.page #shops .container img{
    width: 980px;
    height:auto;
    max-width: 100%;
    vertical-align: bottom;
}
.content2{
    /*background: url(../images/shop/bg_hurisode.jpg) center top repeat;*/
}

.page #shops h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 50px;
}
.page #shops .plan{
    background: #823d4a;
    font-size: 16px;
    color: #fff;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto;
}
.page #shops .plan1,
.page #shops .plan2{
    background: #b22c58;
    color: #fff;
    padding: 20px;
    max-width: 980px;
    margin: 40px auto 0;
}
.page #shops .plan2{
    background: #C32C70;
    margin: 0 auto 40px;
}
.page #shops .plan1-l,
.page #shops .plan2-l{
    width: 450px;
    float: left;
    text-align: center;
    margin-right: 10px;
    display: table;
}
.page #shops .plan-inner{
    display: table-cell;
    vertical-align: middle;
    height: 220px;
}
.page #shops .plan1-r,
.page #shops .plan2-r{
    max-width: 450px;
    float: right;
    margin-left: 10px;
}
.page #shops .plan1-l h3,
.page #shops .plan2-l h3{
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.page #shops .plan1-l .kakaku2,
.page #shops .plan2-l .kakaku2{
    font-size: 30px;
}
.page #shops .plan1-l .kakaku1,
.page #shops .plan2-l .kakaku1{
    font-size: 45px;
}
.page #shops .plan1-l .spec,
.page #shops .plan2-l .spec{
    font-size: 16px;
    color: #fff;
}
.page #shops .plan1-r-box1,
.page #shops .plan2-r-box1{
        width: 90px;
    height: 70px;
    background: #b4386b;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    display: table-cell;
}
.page #shops .plan2-r-box1{
    background: #DA307D;
}
.page #shops .plan1-r-box2,
.page #shops .plan2-r-box2{
    width: 360px;
    height: 70px;
    background: #e04f7e;
    font-size: 16px;
    color: #fff;
    display: table-cell;
    text-align: left;
    padding: 10px;
}
.page #shops .plan2-r-box2{
    background: #E03E88;
}


.page #shops .phot {
    margin: 0 auto;
    max-width: 980px;
}
.page #shops .ph{
    float: left;
    position: relative;
    width: 50%;
}
@media only screen and (max-width: 576px){
    .page #shops .ph{
        float: left;
        position: relative;
        width: 100%;
    }
}
.page #shops .ph img{
    max-width: 100%;
    height: auto;
}
.page #shops .ph-txtbg{
    position: absolute;
    bottom: 0;
    height: 40px;
    background: rgba(124, 72, 72, 0.7);
    width: 100%;
    z-index: 1;
}
.page #shops .ph-txt{
    color: #fff;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    line-height: 40px;
}

.page #shops .ph-end {
    padding: 40px 0 0 0;
    text-align: center;
    margin: 0 auto;
}
.page #shops .contact{
    width: 820px;
    margin: 50px auto;
    }
/*191210追加*/
.page #shops .contactcenter{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0;
    }
.page #shops .contactcenter-yoyaku{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 90%;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin:20px auto;
    outline: 1px solid #fff;
    outline-offset: -3px;
}
@media only screen and (min-width: 769px){
    .page #shops .contactcenter-yoyaku{
        width: 50%;
    }
}
/*191210追加ここまで*/
/*200218追加
@media only screen and (max-width: 768px){
.page #shops .contactcenter-yoyaku{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    width: 70vw;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin: 3vw auto 0;
}
}
200218追加ここまで*/
.page #shops .contact-catalog{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    margin: 20px auto 0;
}
.page #shops .contact-txt{
    font-size: 16px;
    color: #333;
}
.page #shops .contact-yoyaku{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin-top:20px;
}
.page #shops .contact-l{
    float: left;
    margin-right: 20px;
}
.page #shops .contact-r{
    float: right;
    margin-left: 20px;
}


.page #shops .oteire{
    /*padding: 100px 0 ;*/
    text-align: center;
    margin:0 auto;
}
.oteire1{
    /*background: url(../images/shop/bg_oteire.jpg) center top repeat;*/
}
.page #shops .oteire img{
    max-width: 980px;
    height: auto;
    vertical-align: bottom;
}
.page #shops .oteire-txtbg {
    padding: 20px;
    max-width: 980px;
    margin: 0 auto;
    color: #fff;
    text-align: left;
}
.page #shops .oteire-txt1 p,
.page #shops .oteire-txt2 p,
.page #shops .oteire-txt3 p,
.page #shops .oteire-txt4 p{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 20px;
}
.page #shops .oteire-txt1 {
    background: #807360; 
}
.page #shops .oteire-txt2 {
    background: #866c2b; 
}
.page #shops .oteire-txt3 {
    background: #ad8b3c; 
}
.page #shops .oteire-txt4 {
    background: #c5a75c; 
}
.mb16{
    margin-bottom: 16px;
}
.mt20{
    margin-top: 20px!important;
}
.page #shops .oteire-txtbg h3{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.page #shops .oteire-txtbg h3 span{
    color: #fff;
    font-size: 16px;
}

/*店舗情報*/
/*.page #shops .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}*/
.page #shops .access h2{
    color: #fff;
}
.page #shops .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #shops .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #shops .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #shops .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #shops .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #shops .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-width: 768px){
/*    .page #shops .container {
        padding: 8vw 4vw;
        text-align: center;
        margin: 0 auto;
    }*/
    .page #shops h2 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 4vw;
            padding-top: 3vw;
    }
    .page #shops .plan {
    background: #823d4a;
    font-size: 16px;
    color: #fff;
    padding: 3vw;
    max-width: 980px;
    margin: 0 auto;
        line-height: 1.4;
        text-align: left;
}
.page #shops .plan1, .page #shops .plan2 {
    background: #b22c58;
    color: #fff;
    padding: 3vw;
    max-width: 980px;
    margin: 6vw auto 0;
}
.page #shops .plan2 {
    background: #C32C70;
    margin: 0 auto 6vw;
}
.page #shops .plan1-l, .page #shops .plan2-l {
    width: 100%;
    float: initial;
    text-align: center;
    margin-right: 0;
    display: table;
}
.page #shops .plan1-r, .page #shops .plan2-r {
    max-width: 100%;
    float: initial;
    margin-left: 10px;
}
.page #shops .plan-inner {
    display: table-cell;
    vertical-align: middle;
    height: auto;
    padding: 3vw 0;
}
.page #shops .contact {
    width: 100%;
    margin: 10vw auto;
}
.page #shops .contact-l {
    float: initial;
    margin-right: 0;
}
.page #shops .contact-catalog {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    width: 70vw;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    margin: 3vw auto 0;
}
/*.page #shops .contact-txt {
    font-size: 3vw;
    color: #333;
        margin-top: 10vw;
}*/
.page #shops .contact-r {
    float: initial;
    margin-left: 0;
}
.page #shops .contact-yoyaku {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    width: 70vw;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin: 3vw auto 0;
}
.page #shops .ph img {
    max-width: 100%;
    height: auto;
}
.page #shops .oteire {
    /*padding: 8vw 3vw;*/
    text-align: center;
    margin: 0 auto;
}
.page #shops .oteire-txt1 p,
.page #shops .oteire-txt2 p,
.page #shops .oteire-txt3 p,
.page #shops .oteire-txt4 p {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
}
.page #shops .ph-txt {
    font-size: 16px;
}
.page #shops .oteire-txtbg {
    padding: 4vw;
    }
    .page #shops .oteire-txt2,
    .page #shops .oteire-txt3,
    .page #shops .oteire-txt4 {
    font-size: 16px;
    line-height: 1.2;
}
.page #shops .oteire-txtbg h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2vw;
}
.page #shops .access {
    padding: 8vw 0;
    text-align: center;
    margin: 0 auto;
    background: #7B6C90;
}
    .page #shops .contact {
        width: 100%;
        margin: 10vw auto;
    }
    .page #shops .contact-l,
    .page #shops .contact-r {
        float: initial;
        margin-right: 0;
    }
    .page #shops .contact-yoyaku{
            width: 70vw;
        margin: auto;
    }
/*    .page #shops .contact-txt {
        font-size: 3vw;
        color: #333;
        margin: 10vw 0 3vw;
    }*/
    .page #shops .access {
        padding: 8vw 0;
    }
    .page #shops .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #shops .access-r {
        width: 100%;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #shops .raiten-yoyaku {
        font-size: 24px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #shops .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }
    .page #shops .plan1-l h3,
    .page #shops .plan2-l h3 {
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.page #shops .plan1-l .kakaku1,
.page #shops .plan2-l .kakaku1 {
    font-size: 10vw;
}
.page #shops .plan1-r-box2,
.page #shops .plan2-r-box2 {
    width: 70vw;
    height: 12vw;
    background: #e04f7e;
    font-size: 3vw;
    color: #fff;
    display: table-cell;
    text-align: left;
    padding: 10px;
}
.page #shops .plan1-r-box1,
.page #shops .plan2-r-box1 {
    width: 16vw;
    height: 12vw;
    background: #b4386b;
    font-size: 3.5vw;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    display: table-cell;
}

}


/*ふりそで和*/


.page #furisode .news1{
    background: url(../images/shop/bg_firstview.jpg) center top repeat;
}
.page #furisode .news2{
    /*background: url(../images/shop/bg_azul.jpg) center top repeat;*/
}
.page #furisode .container img {
    width: 980px;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.page #furisode h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
}
.page #furisode .plan{
    background: #527c94;
    font-size: 16px;
    color: #fff;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto;
}
.page #furisode .plan1,
.page #furisode .plan2,
.page #furisode .plan3,
.page #furisode .plan4,
.page #furisode .plan5,
.page #furisode .plan6,
.page #furisode .plan7{
    background: #2c68b2;
    color: #fff;
    padding: 20px;
    max-width: 980px;
    margin: 40px auto 0;
}
.page #furisode .plan2{
    background: #1b84ab;
    margin: 0 auto;
}
.page #furisode .plan3{
    background: #119fa4;
    margin: 0 auto 40px;
        margin: 40px auto 0;
}
.page #furisode .plan4{
    background: #418d5f;
    margin: 40px auto 0;
}
.page #furisode .plan5{
    background: #7c9840;
    margin: 0 auto;
 }
 .page #furisode .plan6{
    background: #6e418d;
    margin: 40px auto 0;
 }
 .page #furisode .plan7{
    background: #a14e9c;
    margin: 0 auto;
 }
.page #furisode .plan1-l,
.page #furisode .plan2-l,
.page #furisode .plan3-l,
.page #furisode .plan4-l,
.page #furisode .plan5-l,
.page #furisode .plan6-l,
.page #furisode .plan7-l{
    width: 450px;
    float: left;
    text-align: center;
    margin-right: 10px;
    display: table;
}
.page #furisode .plan-inner{
    display: table-cell;
    vertical-align: middle;
    height: 220px;
}
.page #furisode .plan-inner-s{
    display: table-cell;
    vertical-align: middle;
    height: 167px;
}
.page #furisode .plan1-r,
.page #furisode .plan2-r,
.page #furisode .plan3-r,
.page #furisode .plan4-r,
.page #furisode .plan5-r,
.page #furisode .plan6-r,
.page #furisode .plan7-r{
    max-width: 450px;
    float: right;
    margin-left: 10px;
}
.page #furisode .plan1-l h3,
.page #furisode .plan2-l h3,
.page #furisode .plan3-l h3,
.page #furisode .plan4-l h3,
.page #furisode .plan5-l h3,
.page #furisode .plan6-l h3,
.page #furisode .plan7-l h3{
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.page #furisode .plan1-l .kakaku2,
.page #furisode .plan2-l .kakaku2,
.page #furisode .plan3-l .kakaku2,
.page #furisode .plan4-l .kakaku2,
.page #furisode .plan5-l .kakaku2,
.page #furisode .plan6-l .kakaku2,
.page #furisode .plan7-l .kakaku2{
    font-size: 30px;
}
.page #furisode .plan1-l .kakaku1,
.page #furisode .plan2-l .kakaku1,
.page #furisode .plan3-l .kakaku1,
.page #furisode .plan4-l .kakaku1,
.page #furisode .plan5-l .kakaku1,
.page #furisode .plan6-l .kakaku1,
.page #furisode .plan7-l .kakaku1{
    font-size: 45px;
}
.page #furisode .plan1-l .spec,
.page #furisode .plan2-l .spec,
.page #furisode .plan3-l .spec,
.page #furisode .plan4-l .spec,
.page #furisode .plan5-l .spec,
.page #furisode .plan6-l .spec,
.page #furisode .plan7-l .spec{
    font-size: 16px;
    color: #fff;
}
.page #furisode .plan4-l .special-offer,
.page #furisode .plan5-l .special-offer,
.page #furisode .plan6-l .special-offer,
.page #furisode .plan7-l .special-offer{
    font-size: 20px;
    color:#fff;
}

.page #furisode .plan1-r-box1,
.page #furisode .plan2-r-box1,
.page #furisode .plan3-r-box1,
.page #furisode .plan4-r-box1,
.page #furisode .plan5-r-box1,
.page #furisode .plan6-r-box1,
.page #furisode .plan7-r-box1{
        width: 90px;
    height: 70px;
    background: #428edc;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    display: table-cell;
}
.page #furisode .plan2-r-box1{
    background: #1b9ac9;
}
.page #furisode .plan3-r-box1{
    background: #0db3b9;
}
.page #furisode .plan4-r-box1{
    background: #4aad71;
}
.page #furisode .plan5-r-box1{
    background: #8ba84e;
}
.page #furisode .plan6-r-box1{
    background: #8146a9;
}
.page #furisode .plan7-r-box1{
    background: #b852b2;
}
.page #furisode .plan1-r-box2,
.page #furisode .plan2-r-box2,
.page #furisode .plan3-r-box2,
.page #furisode .plan4-r-box2,
.page #furisode .plan5-r-box2,
.page #furisode .plan6-r-box2,
.page #furisode .plan7-r-box2{
    width: 360px;
    height: 70px;
    background: #539ddc;
    font-size: 16px;
    color: #fff;
    display: table-cell;
    text-align: left;
    padding: 10px;
}
.page #furisode .plan2-r-box2{
    background: #32a4cf;
}
.page #furisode .plan3-r-box2{
    background: #25c0c6;
}
.page #furisode .plan4-r-box2{
    background: #65b384;
}
.page #furisode .plan5-r-box2{
    background: #94af5a;
}
.page #furisode .plan6-r-box2{
    background: #8f54b7;
}
.page #furisode .plan7-r-box2{
    background: #c560bf;
}
/*.page #furisode .kome{
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
}*/
/*.page #furisode .kome-box{
    width: 450px;
    text-align: left;
    display: table-cell;
    float: right;
    margin-top: 20px;
    line-height: 1.2;
}
.page #furisode .kome-outer{
    position: relative;
}
.page #furisode .kome-inner{
    position: absolute;
    bottom: 0;
    right: 0;
}*/
.page #furisode .contact{
    width: 820px;
    margin: 50px auto;
    }
.page #furisode .contact-catalog{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    margin: 20px auto 0;
}
.page #furisode .contact-txt{
    font-size: 16px;
    color: #333;
}
.page #furisode .contact-yoyaku{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    margin-top:20px;
}
.page #furisode .contact-l{
    float: left;
    margin-right: 20px;
}
.page #furisode .contact-r{
    float: right;
    margin-left: 20px;
}
.page #furisode .remarks{
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 20px;
}
/*店舗情報*/
/*.page #furisode .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}*/
.page #furisode .access h2{
    color: #fff;
}
.page #furisode .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #furisode .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #furisode .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #furisode .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #furisode .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #furisode .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #furisode .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width: 768px){
/*    .page #furisode .container {
        padding: 8vw 4vw;
        text-align: center;
        margin: 0 auto;
    }*/
    .page #furisode h2 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 4vw;
    }
    .page #furisode .container img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
    .page #furisode .plan {
    background: #527c94;
    font-size: 16px;
    color: #fff;
    padding: 3vw;
    max-width: 980px;
    margin: 0 auto;
        line-height: 1.2;
}
.page #furisode .plan1,
.page #furisode .plan2,
.page #furisode .plan3,
.page #furisode .plan4,
.page #furisode .plan5,
.page #furisode .plan6,
.page #furisode .plan7 {
    background: #2c68b2;
    color: #fff;
    padding: 3vw;
    max-width: 980px;
    margin: 6vw auto 0;
}
.page #furisode .plan2{
    background: #1b84ab;
    margin: 0 auto;
}
.page #furisode .plan3{
    background: #119fa4;
    margin: 0 auto 6vw;
}
.page #furisode .plan4{
    background: #418d5f;
    margin: 40px auto 0;
}
.page #furisode .plan5{
    background: #7c9840;
    margin: 0 auto;
 }
 .page #furisode .plan6{
    background: #6e418d;
    margin: 40px auto 0;
 }
 .page #furisode .plan7{
    background: #a14e9c;
    margin: 0 auto;
 }
.page #furisode .plan1-l,
.page #furisode .plan2-l,
.page #furisode .plan3-l,
.page #furisode .plan4-l,
.page #furisode .plan5-l,
.page #furisode .plan6-l,
.page #furisode .plan7-l {
    width: 100%;
    float: initial;
    text-align: center;
    margin-right: 0;
    display: table;
}
.page #furisode .plan-inner{
    display: table-cell;
    vertical-align: middle;
    height: auto;
    padding: 3vw 0;
}
.page #furisode .plan-inner-s{
    display: table-cell;
    vertical-align: middle;
    height: auto;
    padding: 3vw 0;
}
.page #furisode .plan1-r,
.page #furisode .plan2-r,
.page #furisode .plan3-r,
.page #furisode .plan4-r,
.page #furisode .plan5-r,
.page #furisode .plan6-r,
.page #furisode .plan7-r {
    max-width: 100%;
    float: initial;
    margin-left: 0px;
}


.page #furisode .plan1-l h3,
.page #furisode .plan2-l h3,
.page #furisode .plan3-l h3,
.page #furisode .plan4-l h3,
.page #furisode .plan5-l h3,
.page #furisode .plan6-l h3,
.page #furisode .plan7-l h3{
    font-size: 24px;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.page #furisode .plan1-l .kakaku2,
.page #furisode .plan2-l .kakaku2,
.page #furisode .plan3-l .kakaku2,
.page #furisode .plan4-l .kakaku2,
.page #furisode .plan5-l .kakaku2,
.page #furisode .plan6-l .kakaku2,
.page #furisode .plan7-l .kakaku2{
    font-size: 24px;
}
.page #furisode .plan1-l .kakaku1,
.page #furisode .plan2-l .kakaku1,
.page #furisode .plan3-l .kakaku1,
.page #furisode .plan4-l .kakaku1,
.page #furisode .plan5-l .kakaku1,
.page #furisode .plan6-l .kakaku1,
.page #furisode .plan7-l .kakaku1{
    font-size: 10vw;
}
.page #furisode .plan1-l .spec,
.page #furisode .plan2-l .spec,
.page #furisode .plan3-l .spec,
.page #furisode .plan4-l .spec,
.page #furisode .plan5-l .spec,
.page #furisode .plan6-l .spec,
.page #furisode .plan7-l .spec{
    font-size: 3.5vw;
    color: #fff;
}
.page #furisode .plan4-l .special-offer,
.page #furisode .plan5-l .special-offer,
.page #furisode .plan6-l .special-offer,
.page #furisode .plan7-l .special-offer{
    font-size: 16px;
    color:#fff;
}

.page #furisode .plan1-r-box1,
.page #furisode .plan2-r-box1,
.page #furisode .plan3-r-box1,
.page #furisode .plan4-r-box1,
.page #furisode .plan5-r-box1,
.page #furisode .plan6-r-box1,
.page #furisode .plan7-r-box1{
    width: 24vw;
    height: 70px;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    display: table-cell;
}

.page #furisode .plan1-r-box2,
.page #furisode .plan2-r-box2,
.page #furisode .plan3-r-box2,
.page #furisode .plan4-r-box2,
.page #furisode .plan5-r-box2,
.page #furisode .plan6-r-box2,
.page #furisode .plan7-r-box2{
    width: 70vw;
    height: 70px;
    font-size: 3.5vw;
    color: #fff;
    display: table-cell;
    text-align: left;
    padding: 2vw;
    line-height: 1.4;
    vertical-align: middle;
}

.page #furisode .kome{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 10px;
}
.page #furisode .kome-box{
    width: 100%;
    text-align: left;
    display: table-cell;
    float: right;
    margin-top: 4vw;
    line-height: 1.2;
}
.page #furisode .kome-outer{
    position: relative;
}
.page #furisode .kome-inner{
    position: absolute;
    bottom: 0;
    right: 0;
}
.page #furisode .contact {
    width: 100%;
    margin: 10vw auto;
}
.page #furisode .contact-l,
.page #furisode .contact-r {
    float: initial;
    margin-right: 0;
}
/*.page #furisode .contact-txt {
    font-size: 3vw;
    color: #333;
    margin: 10vw 0 3vw;
}*/
.page #furisode .contact-catalog {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    width: 70vw;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    margin: 3vw auto 0;
}
.page #furisode .contact-l,
.page #furisode .contact-r {
    float: initial;
    margin-right: 0;
    margin-left: 0;
}
/*.page #furisode .contact-txt {
    font-size: 3vw;
    color: #333;
    margin: 10vw 0 3vw;
}*/
.page #furisode .contact-yoyaku {
    width: 70vw;
    margin: auto;
        font-size: 24px;
}
/*店舗情報*/
.page #furisode .access{
    padding: 8vw 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page #furisode .access h2{
    color: #fff;
}
.page #furisode .access-inner{
    background: #fff;
    color: #666;
    padding: 4vw;
    max-width: 980px;
    margin: 0 auto;
}
.page #furisode .access-l{
    width: 100%;
    float: left;
    display: table;
}
.page #furisode .access-r{
width: 90%;
    float: initial;
    display: table;
    text-align: left;
    margin: auto;
}
.page #furisode .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
    text-align: center;
}
.page #furisode .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #furisode .raiten-yoyaku{
    color: #fff;
    width: 70vw;
    height: 60px;
    line-height: 60px;
    background: #6b3e95;
    font-size: 24px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
    margin: 4vw auto;
}
.page #furisode .staff-blog{
    color: #fff;
    width: 70vw;
    height: 60px;
    line-height: 60px;
    background: #5fb4b5;
    font-size: 24px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
    margin: 4vw auto;
}

}




.midashi-sub{
    font-size: 18px;
    color: #ffa1ae;
    font-weight: 700;
    display: inline-block;
    padding: 10px;
}

.flat-left{
    float: left!important;
}

.wa{
    width: auto!important;;
}

/*200218追加*/
/*ギャラリー*/
.page #kiji{
    margin: 4em 0;
}
.page #kiji h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 10px;
}
.page #kiji .container {
    /*max-width: 980px;*/
    padding: 0;
    text-align: center;
    margin: 0 auto;
}
@media only screen and (max-width: 768px){
.page #kiji .container {
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }
.page #kiji h2 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 4vw;
            padding-top: 3vw;
    }
}
.mt20 {
    margin-top: 2vw!important;
    width: 100%;
    text-align: center;
}
.wa {
    width: 100%!important;
}
.wa-in{width: auto!important;}

.mlr05 {
    margin: 0 1vw;
}
/*kuu*/

.page #kuu .container{
    text-align: center;
    margin:0 auto;
}
.page #kuu .container-menu{
    padding: 100px 0 150px!important;
}
.page #kuu .kuu-bg1{
    /*background: url(../images/kuu/bg_firstview.jpg) center top repeat;*/
}
.page #kuu .kuu-bg2{
    /*background: url(../images/kuu/bg_menu.jpg) center top repeat;*/
}
.page #kuu .kuu-bg3{
    /*background: url(../images/kuu/bg_rocation.jpg) center top repeat;*/
}
.page #kuu .container img {
    width: 980px;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.page #kuu .container .menu{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
.page #kuu .container .menuimg{
    width: 345px;
    height: 345px;
    float: left;
}
.page #kuu .container .txtbox{
    display: flex;
    align-items: center;
    height: 345px;
}

.page #kuu .container .txtbox .title{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 30px;
}
.page #kuu .container .txtbox span{
    font-size: 18px;
    color: #fff;
}
.p30{
    padding: 30px;
}
.m1{
    background: #590F07;
}
.m2{
    background: #742B11;
}
.m3{
    background: #743B11;
}
.m4{
    background: #357B60;
}
.m5{
    background: #357B79;
}
.m6{
    background: #367D8C;
}
.mb10{
    margin: 0 auto 10px!important;
}
.page #kuu h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
}
.page #kuu .plan1-l h3,
.page #kuu .plan2-l h3,
.page #kuu .plan3-l h3,
.page #kuu .plan4-l h3,
.page #kuu .plan5-l h3,
.page #kuu .plan6-l h3,
.page #kuu .plan7-l h3{
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.page #kuu .contact{
    width: 820px;
    margin: 50px auto;
    }
.page #kuu .contact-catalog{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 370px;
    height: 60px;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    margin: 20px auto 0;
}
.page #kuu .contact-txt{
    font-size: 16px;
    color: #333;
}
.page #kuu .contact-tel{
    font-size: 40px;
    font-weight: 700;
    color: #cc0000;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
}
.page #kuu .contact-yoyaku{
    font-size: 30px;
    color: #fff;
    width: 370px;
    height: 60px;
    line-height: 60px;
    background: #6b3e95;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #kuu .contact-l{
    float: left;
    margin-right: 20px;
}
.page #kuu .contact-r{
    float: right;
    margin-left: 20px;
}
/*191219追加(メルマガ登録)*/
.page #kuu .contactcenter{
    width: 370px;
    margin: 50px auto;
    text-align: center;
    }
.page #kuu .contactcenter-mail{
    font-size: 30px;
    color: #fff;
    width: 370px;
    height: 60px;
    line-height: 60px;
    background: #92945e;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top:20px;
}
/*191219追加ここまで*/
.page #kuu .remarks{
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 20px;
}
.page #kuu .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page #kuu .access h2{
    color: #fff;
}

.page #kuu .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #kuu .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #kuu .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #kuu .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #kuu .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #kuu .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #kuu .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width: 768px){
    .page #kuu .container {
        padding: 8vw 0;
        text-align: center;
        margin: 0 auto;
    }
    .page #kuu .container-menu {
        padding: 8vw 0 17vw!important;
    }
    .page #kuu .container .menuimg {
        width: 46vw;
        height: auto;
        float: left;
        /*padding-top: 55px;*/
    }
    .page #kuu .container .txtbox {
        display: flex;
        align-items: center;
        height: auto;
    }
    .p30 {
        padding: 1.4vw;
    }
    .page #kuu .container .txtbox .title {
        font-size: 3vw;
        font-weight: 700;
        color: #fff;
        padding-bottom: 3vw;
    }
    .page #kuu .container .txtbox span {
        font-size: 2.5vw;
        color: #fff;
        display: block;
        line-height: 1.4;
    }
    .page #kuu .container .menu {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    .page #kuu .contact {
        width: 100%;
        margin: 10vw auto;
    }
    .page #kuu .contact-l,
    .page #kuu .contact-r {
        float: initial;
        margin-left: 0;
        margin-right: 0;
    }
    .page #kuu .contact-tel,
    .page #kuu .contact-yoyaku{
            width: 70vw;
        margin: auto;
        font-size: 33px;
    }
    .page #kuu .contact-txt {
        font-size: 3vw;
        color: #333;
        margin: 10vw 0 3vw;
    }
    .page #kuu .access {
        padding: 8vw 0;
    }
    .page #kuu .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #kuu .access-r {
        width: 70vw;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #kuu .raiten-yoyaku {
        font-size: 30px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #kuu .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }

}

/*お問い合わせ*/

.page #contact .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
}
.page #contact h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
    width: 80%;
}
.page #contact .bg{
    background: url(../images/bg.jpg) center top repeat;
}

.page #contact input, textarea, select {
    width: 70%;
}
@media only screen and (max-width: 768px){
    .page #contact input, textarea, select {
        width: 100%;
    }
}
.page #contact label{
        text-align: left;
    width: 80%;
    display: inline-block;
    font-size: 16px;
    color: #333;
}

.page #contact label .txt{
    display: inline-block;
    margin: 20px 0 5px;
}

.page #contact input[type="submit"] {
    color: #fff;
    width: 210px;
    height: 40px;
    line-height: 40px;
    background: #a8596a;
    font-size: 18px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 50px;
    border: 0px;
}
@media only screen and (max-width: 768px){
    .page #contact .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
    }
    .page #contact h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
    .page #contact input[type="submit"] {
        color: #fff;
    width: 70vw;
    height: 60px;
    line-height: 6vw;
    background: #a8596a;
    font-size: 24px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 6vw;
    border: 0px;
    }
}


/*カタログ請求*/
.page #catalog .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
}
.page #catalog h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
    width: 80%;
}
.page #catalog .bg{
    background: url(../images/bg.jpg) center top repeat;
}

.page #catalog, textarea, select {
    width: 100%;
}
/*191210変更前
.page #catalog input, textarea, select {
    width: 100%;
}*/

.page #catalog label{
        text-align: left;
    width: 80%;
    display: inline-block;
    font-size: 16px;
    color: #333;
}

.page #catalog label .txt{
    display: inline-block;
    margin: 20px 0 5px;
}

.page #catalog input[type="submit"] {
    color: #fff;
    width: 210px;
    height: 40px;
    line-height: 40px;
    background: #a8596a;
    font-size: 18px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 50px;
    border: 0px;
}
.page #catalog .form-tel,
.page #catalog .form-zip{
    width: 70%;
}
@media only screen and (max-width: 768px){
    .page #catalog .form-tel,
    .page #catalog .form-zip{
        width: 100%;
    }
}
@media only screen and (max-width: 768px){
    .page #catalog .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
    }
    .page #catalog h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
    .page #catalog input[type="submit"] {
        color: #fff;
    width: 70vw;
    height: 60px;
    line-height: 6vw;
    background: #a8596a;
    font-size: 24px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 6vw;
    border: 0px;
    }
}


/*ニュース*/
.page #newsinfo .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
}
.page #newsinfo h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
    width: 80%;
}
.page #newsinfo .bg{
    background: url(../images/bg.jpg) center top repeat;
}

@media only screen and (max-width: 768px){
    .page #newsinfo .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
    }
    .page #newsinfo h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
}


/*プライバシーポリシー*/
.page #privacy-policy .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #privacy-policy h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #privacy-policy p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: left;
}
.page #privacy-policy .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #privacy-policy .bg{
    background: url(../images/bg.jpg) center top repeat;
}

@media only screen and (max-width: 768px){
    .page #privacy-policy .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
    .page #privacy-policy h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
}



/*会社概要*/
.page #company .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #company h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #company p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: left;
}
.page #company .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #company .bg{
    background: url(../images/bg.jpg) center top repeat;
}

.page #company table {
  border-collapse: collapse;
    width: 940px;
    margin: 0 auto;
}
.page #company table th {
  padding: 10px;
  border: 1px solid #999;
}
.page #company table td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.page #company table th {
  background-color: #eee;
  text-align: center;
  width: 200px;
}
.page #company .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page #company .access h2{
    color: #fff;
}
.page #company .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #company .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #company .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #company .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #company .access .box1{
        font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #company h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.page #company .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #company .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-width: 768px){
    .page #company .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
    .page #company h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
    .page #company table {
        border-top: 1px solid #999;
        width: 90%;
    }
    .page #company table th {
          background-color: #eee;
          text-align: center;
          width: 30vw;
    }
    .page #company .access {
        padding: 8vw 0;
    }
    .page #company .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #company .access-r {
        width: 70vw;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #company .raiten-yoyaku {
        font-size: 30px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #company .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
  .page #company table {
   border-top: 1px solid #999;
  }
  .page #company table td {
    display: block;
    text-align: left;
  }
  .page #company table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}




/*採用情報*/
.page #recruit .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #recruit h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #recruit p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: left;
}
.page #recruit .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #recruit .bg{
    background: url(../images/bg.jpg) center top repeat;
}

.page #recruit table {
  border-collapse: collapse;
    width: 940px;
    margin: 0 auto;
}
.page #recruit table th {
  padding: 10px;
  border: 1px solid #999;
}
.page #recruit table td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.page #recruit table th {
  background-color: #eee;
  text-align: center;
  width: 200px;
}
.page #recruit .saiyou-line{
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px){
    .page #recruit .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
    .page #recruit h1 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 90%;
    }
      .page #recruit table {
        border-top: 1px solid #999;
        width: 90%;
        }
        .page #recruit table th {
          background-color: #eee;
          text-align: center;
          width: 30vw;
        }
}

@media screen and (max-width: 320px) {
  .page #recruit table {
   border-top: 1px solid #999;
  }
  .page #recruit table td {
    display: block;
    text-align: left;
  }
  .page #recruit table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}



/*歴史*/
.page #history .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #history h1,
.page #history h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #history p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: left;
}
.page #history .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #history .bg{
    background: url(../images/bg.jpg) center top repeat;
}
.page #history .ichigoichie{
    color: #cc0000;
    border: 0;
    margin: 0;
    padding-bottom: 30px;
}

.page #history table {
  border-collapse: collapse;
    width: 940px;
    margin: 0 auto;
}
.page #history table th {
  padding: 10px;
  border: 1px solid #999;
}
.page #history table td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.page #history table th {
  background-color: #eee;
  text-align: center;
  width: 200px;
}
.page #history .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page #history .access h2{
    color: #fff;
}
.page #history .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #history .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #history .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #history .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #history .access .box1{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #history h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.page #history .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #history .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width: 768px){
    .page #history .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
    .page #history h1 {
        font-size: 24px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 2vw;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 3vw;
    width: 90%;
    }
    .page #history h2 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 100%;
    }
    .page #history .ichigoichie{
    color: #cc0000;
    border: 0;
    margin: 0;
    padding: 0 0 3vw;
    font-size: 16px!important;
    }
    .page #history table {
    border-top: 1px solid #999;
    width: 90%;
    }
    .page #history table th {
    background-color: #eee;
    text-align: center;
    width: 30vw;
    }
    .page #history .access {
        padding: 8vw 0;
    }
    .page #history .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #history .access-r {
        width: 70vw;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #history .raiten-yoyaku {
        font-size: 30px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #history .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
  .page #history table {
   border-top: 1px solid #999;
  }
  .page #history table td {
    display: block;
    text-align: left;
  }
  .page #history table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}
.page #history .access h2{
    border-bottom: 0px;
}

/*来店予約*/
.page #reservation .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #reservation h1 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #reservation p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
}
.page #reservation .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #reservation .bg{
    background: url(../images/bg.jpg) center top repeat;
}

.page #reservation table {
  border-collapse: collapse;
    width: 940px;
    margin: 0 auto;
}
.page #reservation table th {
  padding: 10px;
  border: 1px solid #999;
}
.page #reservation table td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.page #reservation table th {
  background-color: #eee;
  text-align: center;
  width: 200px;
}
.page #reservation, textarea, select {
    width: 100%;
}
/*191210変更前
.page #reservation input, textarea, select {
    width: 100%;
}
*/

.page #reservation label{
        text-align: left;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #333;
}

.page #reservation label .txt{
    display: inline-block;
    margin: 20px 0 5px;
}

.page #reservation input[type="submit"] {
    color: #fff;
    width: 210px;
    height: 40px;
    line-height: 40px;
    background: #a8596a;
    font-size: 18px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 50px;
    border: 0px;
}
.page #reservation .form-tel{
    width: 30%;
    height: 26px;
}

@media only screen and (max-width: 768px){
    .page #reservation .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
        .page #reservation input[type="submit"] {
        color: #fff;
    width: 70vw;
    height: 60px;
    line-height: 6vw;
    background: #a8596a;
    font-size: 24px;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 6vw;
    border: 0px;
    }
    .page #reservation h1 {
        font-size: 24px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 2vw;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 3vw;
    width: 90%;
    }
    .page #reservation .form-tel{
    width: 100%;
    height: 26px;
}
          .page #reservation table {
        border-top: 1px solid #999;
        width: 90%;
        }
        .page #reservation table th {
          background-color: #eee;
          text-align: center;
          width: 30vw;
        }
}

@media screen and (max-width: 320px) {
  .page #reservation table {
   border-top: 1px solid #999;
  }
  .page #reservation table td {
    display: block;
    text-align: left;
  }
  .page #reservation table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
  .page #reservation .form-tel{
    width: 100%;
    height: 26px;
    }
}



/*フッター*/
.footer_menu span{
        display: inline-block;
    padding: 0 10px;
    margin: 5px 0;
}
.footer_menu span:nth-child(n+2){
    border-left: 1px solid #ccc;
}
.footer_menu span a{
    color: #fff;
}
.footer_menu {
    padding: 20px;
    margin: 0 auto;
    max-width: 980px;
    text-align: center;
}

@media only screen and (min-width: 768px){
    .footer_menu .l2{
        border-left: 0px!important;
    }
}



.mt05{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px!important;
}
.pt20{
    padding-top: 20px;
}
.box-pt20{
    padding-top: 20px!important;
}
.box-pb20{
    padding-bottom: 20px!important;
}
.pb20{
    padding-bottom: 20px;
}
.mtb20{
    margin: 20px 0;
}
.mb30{
    margin-bottom: 30px!important;
}
.mb20{
    margin-bottom: 20px!important;
}
.mb50{
    margin-bottom: 50px!important;
}

iframe{
    width: 100%;
}


@media only screen and (max-width: 980px){
    #nav li {
        height: initial;
        padding: 0px 0;
        text-align: center;
    }
    #nav li a {
        color: #b69070;
        line-height: 2;
        font-size: 16px;
    }
    .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        border-top: solid 0px;
    }
    .service_list {
        flex-wrap: wrap;
        margin: 0 auto;
        width: 88%;
    }
}


@media only screen and (max-width: 768px){
    .page #kuu .contact-tel {
        font-size: 33px;
        width: 100%;
    }
    .page #kuu .contact-yoyaku,
    .page #kuu .raiten-yoyaku,
    .page #kuu h2 {
        font-size: 20px;
    }
    .page #kuu .contact-txt {
    font-size: 3vw;
    color: #333;
    margin: 0;
    }
    .page #kuu .access-r {
        width: 90vw;
    }
    .page #kuu .container .txtbox span {
        font-size: 3.5vw;
    }
/*    .page #ishioka-syashinmura .plan {
        font-size: 3.5vw;
    }
    .page #ishioka-syashinmura .kome-box2-14,
    .page #ishioka-syashinmura .kome-box2-15,
    .page #ishioka-syashinmura .kome-box2-16,
    .page #ishioka-syashinmura .kome-box2-17,
    .page #ishioka-syashinmura .kome-box2-18 {
        width: 100%;
    }*/

}

/*190829追加*/
/*TOP画像側のサイズ*/
.picsize {
position: relative;
}
.picsize img {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
object-fit: cover;
}
/*TOP説明文側の背景画像*/
.textbg {
background: url(/wp/wp-content/uploads/2019/08/86b003b2973e7ea97352943601dc4ae8_s.jpg)center top;
background-size:cover;
padding: 2rem;
}
/*190903追加*/
/*スリックスライダー*/
.slider {
    margin: 40px auto;
    width: 100%;
    text-align: center;
}
.slider img {
    height: auto;
    max-width: 100%;
}
.slider ul {
  padding: auto;
}
.slider li {
  margin: 0 5px;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

/*190910追加*/
/*SP表示で改行させないやつ*/
@media screen and (max-width: 576px) {
    .br-sp {
 display:none;
 }
}
/*グリッドシステムの左右padding(デフォ15だと大きいので)*/
/*テキスト下店舗アイコン・店舗詳細用*/
.gs-padding .col-4 {
padding: 0 5px;
}
/*店舗詳細の店舗アイコン用*/
.gs-padding .col-6 {
padding: 0 5px;
margin: 5px 0;
}
/*店舗詳細用*/
.gs-padding .col-sm-3 {
padding: 0 5px;
}
/*店舗詳細用*/
.gs-padding .col-md-2 {
padding: 0 5px;
margin: 5px 0;
}

.center{
    text-align: center;
}
.pt25{
        padding-top: 25px;
}
/*.cbox{
    padding:30px 20px;
}*/
/**/
/*.contents-ph{
    height: 400px;
    width: auto;
}*/


/*トップ英語タイトル併記*/
.top-en{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:20px;
    /*padding: 10px 0 0;*/
    margin-bottom: 0;
}
.top-jp{
    font-family: 'Noto Serif JP', serif;
    font-size:36px;
    font-weight:700;
    padding-top: 60px;
    line-height: 1.4;
    margin-bottom: 0;
}

/*トップコンテンツ見出し*/
.toriatsukai-line {
  position: relative;
  display: inline-block;
  padding: 0 90px;
  font-size: 16px;
}
.toriatsukai-line:before, .toriatsukai-line:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 80px;
  height: 1px;
  background-color: #9A3631;
}
.toriatsukai-line:before {
  left:0;
}
.toriatsukai-line:after {
  right: 0;
}

.footer-line {
  position: relative;
  display: inline-block;
  padding: 0 30%;
  font-size: 16px;
}
.footer-line:before, .footer-line:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  background-color: #9A3631;
}
.footer-line:before {
  left:0;
}
.footer-line:after {
  right: 0;
}
@media screen and (max-width: 768px) {
    .footer-line {
      padding: 0 170px;
    }
}

.tenpo-box a{
    color: #000;
}

/*ボタン*/
.tenpo-box{
    width:100%
}
.tenpo{
    border: 1px solid #9A3631;
    border-radius: 6px;
    display: inline-block;
    min-width: 95%;
    margin: 15px 1% 0;
    background: #fff;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .tenpo{
        border: 1px solid #9A3631;
        border-radius: 6px;
        display: block;
        min-width: 90px;
        margin: 15px 1% 0;
        background: #fff;
        text-align: center;
    }
}
.tenpo-kuu{
    background: #552E0D;
}
.tenpo img{
    width: auto;
    margin: 10px 5px 2px;
}
.tenpo p{
    font-size: 12px;
}
.foot-tenpo-img{
    margin: 10px 5px!important;
}
section{
    /*padding: 2em 0;*/
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/bg.jpg);
}
section.box{
    padding:2em 0;
}
section.box-first{
    padding-bottom:2em;
}
section .foot{
    padding: 1em 0;
}
.btn-name{
    display:block;
    color: #9A3631;
        font-size: 12px;
}
@media screen and (max-width: 991px) {
    .btn-name{
        display:inline-block;
        color: #9A3631;
            font-size: 12px;
    }   
}
.slick-next {
    right: -10px;
}
.slick-prev
{
    left: -10px;
    z-index: 99;
}
.btn-in{
    padding-right: 4px;
    padding-left: 4px;
}
.btn-name-br{
    display: none;
}
@media screen and (max-width: 790px) {
    .btn-hi{
        height: 125px;
    }
    .btn-hi img{
        padding: 5px 0;
        width: 80px;
    }
    .ishioka-img{
        width: auto;
    }
    .ishioka-img-foot{
        width: 80%!important;
    }
    .kuu-img-foot{
            width: auto!important;
    }
    .btn-name-br{
        display: initial;
    }
    .btn-name{
        display:block;
        color: #9A3631;
            font-size: 12px;
            line-height: 1.4;
    }
    .btn-hi-foot{
        height: 100px;
    }
    .btn-hi-foot img{
        padding: 5px 0;
        width: 90px;
    }
}
@media screen and (max-width: 768px) {
    .btn-hi{
        height: 125px;
    }
    .btn-hi img{
        padding: 5px 0;
        width: 80px;
    }
    .ishioka-img{
        width: 62%!important;
    }
}

.section-midashi{
        font-size: 16px;
    line-height: 1.6;
    padding: 20px;
    text-align: left;
}
.cont1-main {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents1-ph.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
min-height: 340px;
background-repeat: no-repeat;
}
.cont2-main {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents2-ph.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
min-height: 340px;
background-repeat: no-repeat;
}
.cont2-bg {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents2-bg.png)center top;
background-size:cover;
/*background-position-x: 15px;*/
}
.cont3-main {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents3-ph.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
min-height: 340px;
background-repeat: no-repeat;
}
.cont3-bg {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents3-bg.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
}
.cont4-main {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents4-ph.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
min-height: 340px;
background-repeat: no-repeat;
}
.cont4-bg {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents4-bg.png)center top;
background-size:cover;
/*background-position-x: 15px;*/
}
.cont5-main {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents5-ph.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
min-height: 340px;
background-repeat: no-repeat;
}
.cont5-bg {
background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents5-bg.png)center top;
background-size:cover;
background-position: right 0px bottom 0px;
}

@media screen and (max-width: 991px) {
    .cont1-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents1-ph-m.jpg)center top;
    background-size:cover;
    background-position: right 0px bottom 0px;
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont2-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents2-ph-m.jpg)center top;
    background-size:cover;
    background-position: right 0px bottom 0px;
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont3-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents3-ph-m.jpg)center top;
    background-size:cover;
    background-position: right 0px bottom 0px;
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont4-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents4-ph-m.jpg)center top;
    background-size:cover;
    background-position: right 0px bottom 0px;
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont5-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents5-ph-m.jpg)center top;
    background-size:cover;
    background-position: right 0px bottom 0px;
    min-height: 340px;
    background-repeat: no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .cont1-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents1-ph-s.jpg)center top;
    background-size:cover;
    /*background-position: right 0px bottom 0px;*/
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont2-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents2-ph-s.jpg)center top;
    background-size:cover;
    /*background-position: right 0px bottom 0px;*/
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont3-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents3-ph-s.jpg)center top;
    background-size:cover;
    /*background-position: right 0px bottom 0px;*/
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont4-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents4-ph-s.jpg)center top;
    background-size:cover;
  /*background-position: right 0px bottom 0px;*/
    min-height: 340px;
    background-repeat: no-repeat;
    }
    .cont5-main {
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/contents5-ph-s.jpg)center top;
    background-size:cover;
    /*background-position: right 0px bottom 0px;*/
    min-height: 340px;
    background-repeat: no-repeat;
    }
}







header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 4;
    background: #fff;
    /*background: url(/wp/wp-content/themes/kkmaeno/assets/images/bg.jpg);*/
}

.ml-15{
    margin-left: -15px;
}
.pr-0{
    padding-right: 0px;
}

.cont1-box{
            border: 1px solid rgba(255, 0, 0, 0.2);
            background: rgba(255, 255, 255, 0.6);
}
.cont2-box{
    border: 1px solid rgba(177, 107, 184, 0.2);
}
.cont3-box{
    border: 1px solid rgba(51, 153, 0, 0.2);
}
.cont4-box{
    border: 1px solid rgba(255, 152, 0, 0.2);
}
.cont5-box{
    border: 1px solid rgba(255, 235, 59, 0.5);
}

.pb50{
    padding-bottom: 50px;
}
.tleft{
    text-align: left;
}
.service-foot{
    display: inline-block;
    padding: 2px;
    border: 1.5px solid #9C373F;
    margin: 4px 10px;
    font-size: 14px;
    width: 20%;
}
@media screen and (max-width: 576px) {
.service-foot {
    display: inline-block;
    padding: 2px;
    border: 1.5px solid #9C373F;
    margin: 4px 5px;
    font-size: 14px;
    width: 45%;
}
    .ishioka-img{
        width: 90%!important;
    }
}
.tenpo-name{
    font-weight: 700;
    font-size: 18px;
    /*padding-bottom: 15px;*/
}
.tenpo-add{
    font-weight: 700;
    color: #666;
    /*padding-bottom: 15px;*/
}
.tenpo-add p{
    margin-left: 10px;
}
@media screen and (max-width: 768px){
    .ishioka-img-foot {
        padding: 8px 0!important;
    }
}

/*.fnavi p{
    line-height: 2.8;
}*/
.fnavi p a{
    color: #333;
    font-size: 16px;
/*    border-bottom: 1px solid #999;*/
}
.slick-slide img {
    border: 4px solid rgba(255, 255, 255, 0);
}

@media screen and (max-width: 576px){
    .ishioka-img-foot {
        width: 60%!important;
        margin: 0!important;
    }
}
@media screen and (max-width: 460px){
    .ishioka-img-foot {
        width: 68%!important;
        margin: 8px!important;
    }
}
@media only screen and (max-width: 980px){
    #nav {
        background: #2e0c0c;
        color: #b69070;
        display: block;
        /* top: -186vw; */
        top: 55px;
        padding-top: 10px;
        padding-bottom:10px;
        left: 0;
        position: fixed;
        width: 100vw;
        z-index: 3;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    #nav {
        background: #2e0c0c;
        color: #b69070;
        display: block;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 0;
        position: fixed;
        width: 100vw;
        z-index: 3;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        transform: translateY(-100vh);
    }
}


.slider-gallery {
    display: none;
}
.slider-gallery.slick-initialized {
    display: block;
    padding: 0;
}

.fs16{
    font-size: 16px;
}

ol{
   list-style-type: none;
       padding: 0;
}

/*サイトマップ*/

/*歴史*/
.page #sitemap .container{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    width: 980px;
}
.page #sitemap h1,
.page #sitemap h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 30px;
}
.page #sitemap p{
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: left;
}
.page #sitemap .title{
    font-weight: 700;
    margin-bottom: 0;
}
.page #sitemap .bg{
    background: url(../images/bg.jpg) center top repeat;
}
.page #sitemap .ichigoichie{
    color: #cc0000;
    border: 0;
    margin: 0;
    padding-bottom: 30px;
}

.page #sitemap table {
  border-collapse: collapse;
    width: 940px;
    margin: 0 auto;
}
.page #sitemap table th {
  padding: 10px;
  border: 1px solid #999;
}
.page #sitemap table td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.page #sitemap table th {
  background-color: #eee;
  text-align: center;
  width: 200px;
}
.page #sitemap .access{
    padding: 100px 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page #sitemap .access h2{
    color: #fff;
}
.page #sitemap .access-inner{
    background: #fff;
    color: #666;
    padding: 20px;
    max-width: 980px;
    margin: 0 auto 20px;
}
.page #sitemap .access-l{
    width: 400px;
    float: left;
    display: table;
}
.page #sitemap .access-r{
    width: 450px;
    float: right;
    display: table;
        text-align: left;
}
.page #sitemap .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.page #sitemap .access .box1{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page #sitemap h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.page #sitemap .raiten-yoyaku{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #6b3e95;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
.page #sitemap .staff-blog{
    font-size: 20px;
    color: #fff;
    width: 340px;
    height: 45px;
    line-height: 45px;
    background: #5fb4b5;
    font-size: 20px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width: 768px){
    .page #sitemap .container{
        padding: 8vw 0 ;
        text-align: center;
        margin:0 auto;
        width: 90%;
    }
    .page #sitemap h1 {
        font-size: 24px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 2vw;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 3vw;
    width: 90%;
    }
    .page #sitemap h2 {
        font-size: 24px;
        font-weight: 700;
        color: #744314;
        padding-bottom: 2vw;
        border-bottom: 1px solid #ccc;
        margin: 0 auto 6vw;
        width: 100%;
    }
    .page #sitemap .ichigoichie{
    color: #cc0000;
    border: 0;
    margin: 0;
    padding: 0 0 3vw;
    font-size: 16px!important;
    }
    .page #sitemap table {
    border-top: 1px solid #999;
    width: 90%;
    }
    .page #sitemap table th {
    background-color: #eee;
    text-align: center;
    width: 30vw;
    }
    .page #sitemap .access {
        padding: 8vw 0;
    }
    .page #sitemap .access-l {
        width: 100%;
        float: left;
        display: table;
    }
    .page #sitemap .access-r {
        width: 70vw;
        float: initial;
        display: table;
        text-align: left;
        margin: auto;
    }
    .page #sitemap .raiten-yoyaku {
        font-size: 30px;
        color: #fff;
        width: 70vw;
        height: 60px;
        line-height: 60px;
        background: #6b3e95;
        font-weight: 700;
        outline: 1px solid #fff;
        outline-offset: -3px;
        text-align: center;
        margin: 4vw auto;
    }
    .page #sitemap .access h3 {
        font-size: 20px;
        color: #666;
        font-weight: 700;
        margin: 4vw 0;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
  .page #sitemap table {
   border-top: 1px solid #999;
  }
  .page #sitemap table td {
    display: block;
    text-align: left;
  }
  .page #sitemap table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}
.page #sitemap .access h2{
    border-bottom: 0px;
}

#sitemap .sitemap-top{
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    padding-bottom: 20px;
    line-height: 2;
}
#sitemap .sitemap-top a{
    color: #673AB7;
}
#sitemap ul{
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}
#sitemap ul li{
    font-size: 16px;
    text-align: left;
    line-height: 2;
    margin: 5px;
    padding: 5px;
    border: 1px dashed #ccc;
}
#sitemap ul li.m{
    font-size: 16px;
    text-align: left;
    line-height: 2;
    margin: 5px;
    padding: 5px;
    border: 0;
}
#sitemap ul li span{
    font-size: 14px;
    color: #333;
    padding: 5px 0 0 15px;
    text-align: left;
    display: block;
    line-height: 1.4;
}
#sitemap ul li a{
    color: #673AB7;
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
}



























/*作り直し*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.vm{
    display: flex;
    align-items: center;
}
.vm-c{justify-content: center;}
.ptb20{padding: 20px 0;}
.mt40{margin-top: 40px!important;}
.mt20{margin-top: 20px;}
.ptblr10{padding: 10px;}
.ptblr20{padding: 20px;}
.f20{font-size: 20px;}
/*add地図*/
.access-dis{
    padding: 0 0 30px 30px;
}

/*石岡*/
.page .kome {
    color: #fff;
    font-size: 15px;
}
.page .kome-inner-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.page #ishioka-syashinmura-page .container,
.page #furisode .container {
    text-align: center;
    margin: 0 auto;
}
.page #ishioka-syashinmura-page .container-inner {
    padding: 8vw 0 0 0;
    text-align: center;
    margin: 0 auto;
}
.page #ishioka-syashinmura-page h2 {
    font-size: 30px;
    font-weight: 700;
    color: #744314;
    padding-bottom: 20px;
}
.page #ishioka-syashinmura-page .plan {
    background: #68b171;
    font-size: 16px;
    color: #fff;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
}
.page #ishioka-syashinmura-page h3,
.page #shops h3,
.page #furisode h3 {
    font-size: 30px;
    width: 100%;
    margin: 0 auto 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-top: 10px;
}
.page #ishioka-syashinmura-page .spec,
.page #shops .spec,
.page #furisode .spec {
    font-size: 20px;
    color: #fff;
}
.page #ishioka-syashinmura-page .kakaku1,
.page #shops .kakaku1,
.page #furisode .kakaku1 {
    font-size: 60px;
    color: #fff;
}
.page #ishioka-syashinmura-page .kakaku2,
.page #shops .kakaku2,
.page #furisode .kakaku2 {
    font-size: 32px;
    color: #fff;
}
.page .pl{
     padding: 10px;
     font-size: 16px;
     color: #fff;
}
.plan1{background: #e04a4a;}
.page .p1{background: #ee5a5a;}
.page .p1-disc{background: #f96c6c;}

.plan2{background: #f15f7a;}
.page .p2{background: #fa6c86;}
.page .p2-disc{background: #ff7a92;}

.plan3{background: #db6385;}
.page .p3{background: #e56e8f;}
.page .p3-disc{background: #eb7696;}

.plan4{background: #a1b73c;}
.page .p4{background: #afc648;}
.page .p4-disc{background: #bbd154;}

.plan5{background: #a66bb2;}
.page .p5{background: #b375c0;}
.page .p5-disc{background: #bd80ca;}

.plan6{background: #209299;}
.page .p6{background: #29a0a7;}
.page .p6-disc{background: #30adb4;}

.plan7{background: #2ba696;}
.page .p7{background: #35b3a3;}
.page .p7-disc{background: #3cbcac;}

.plan8{background: #ba7509;}
.page .p8{background: #c98213;}
.page .p8-disc{background: #d48c1b;}

.plan9{background: #b38804;}
.page .p9{background: #c1950f;}
.page .p9-disc{background: #d0a218;}

.plan10{background: #ad9f07;}
.page .p10{background: #bbad11;}
.page .p10-disc{background: #c6b81d;}

.plan11{background: #cd5425;}
.page .p11{background: #dc6335;}
.page .p11-disc{background: #e76f41;}

.plan12{background: #d16b19;}
.page .p12{background: #df7723;}
.page .p12-disc{background: #e9812e;}

.plan13{background: #1a875f;}
.page .p13{background: #28996f;}
.page .p13-disc{background: #35a77d;}
.page .p13-disc2{background: #42b78c;}

.plan14{background: #1a873b;}
.page .p14{background: #229545;}
.page .p14-disc{background: #2ba34f;}
.page .p14-disc2{background: #3cb25f;}

.plan15{background: #259c2a;}
.page .p15{background: #2ba830;}
.page .p15-disc{background: #33b338;}
.page .p15-disc2{background: #3ec044;}

.plan16{background: #347e28;}
.page .p16{background: #3d8d30;}
.page .p16-disc{background: #469839;}
.page .p16-disc2{background: #51a543;}

.plan17{background: #557731;}
.page .p17{background: #5d8038;}
.page .p17-disc{background: #668942;}
.page .p17-disc2{background: #74994d;}

.plan18{background: #2390dc;}
.page .p18{background: #319ce6;}
.page .p18-disc{background: #3fa7ee;}

.plan19{background: #17a1d4;}
.page .p19{background: #25addf;}
.page .p19-disc{background: #33b7e8;}

.plan20{background: #b22c58;}
.page .p20{background: #b4386b;}
.page .p20-disc{background: #e04f7e;}

.plan21{background: #119fa4;}
.page .p21{background: #0db3b9;}
.page .p21-disc{background: #25c0c6;}

.plan22{background: #418d5f;}
.page .p22{background: #4aad71;}
.page .p22-disc{background: #65b384;}

.plan23{background: #7c9840;}
.page .p23{background: #8ba84e;}
.page .p23-disc{background: #94af5a;}

.plan24{background: #6e418d;}
.page .p24{background: #8146a9;}
.page .p24-disc{background: #8f54b7;}

.plan25{background: #a14e9c;}
.page .p25{background: #b852b2;}
.page .p25-disc{background: #c560bf;}



.page #ishioka-syashinmura-page .plan1,
.page #ishioka-syashinmura-page .plan2,
.page #ishioka-syashinmura-page .plan3,
.page #ishioka-syashinmura-page .plan4,
.page #ishioka-syashinmura-page .plan5,
.page #ishioka-syashinmura-page .plan6,
.page #ishioka-syashinmura-page .plan7,
.page #ishioka-syashinmura-page .plan8,
.page #ishioka-syashinmura-page .plan9,
.page #ishioka-syashinmura-page .plan10,
.page #ishioka-syashinmura-page .plan11,
.page #ishioka-syashinmura-page .plan12,
.page #ishioka-syashinmura-page .plan13,
.page #ishioka-syashinmura-page .plan14,
.page #ishioka-syashinmura-page .plan15,
.page #ishioka-syashinmura-page .plan16,
.page #ishioka-syashinmura-page .plan17,
.page #ishioka-syashinmura-page .plan18,
.page #ishioka-syashinmura-page .plan19,
.page #shops .plan20,
.page #furisode .plan21,
.page #furisode .plan22,
.page #furisode .plan23,
.page #furisode .plan24,
.page #furisode .plan25 {
    color: #fff;
    padding: 20px;
    margin: 0 auto;
}

.page #ishioka-syashinmura-page .plan-nagare {
    padding: 20px;
    background: #ff8b9b;
    color: #fff;
    font-size: 16px;
    margin: auto;
    width: 100%;
    text-align: left;
}
.page #ishioka-syashinmura-page .plan-nagare .title{
    width: 440px;
    padding: 0 20px;
    font-size: 30px;
    font-weight: 700;
    background: #da3d4f;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
@media only screen and (max-width: 768px){
    .page #ishioka-syashinmura-page .plan-nagare .title{
        width: 100%;
        font-size: 30px;
    }
}
@media only screen and (max-width: 576px){
    .page #ishioka-syashinmura-page .plan-nagare .title{
        font-size: 24px;
    }
}
@media only screen and (max-width: 460px){
    .page #ishioka-syashinmura-page .plan-nagare .title{
        font-size: 17px;
    }
}
.page #ishioka-syashinmura-page .step-box {
    padding: 20px;
    margin-bottom: 5px;
    background: #fff;
}
.page #ishioka-syashinmura-page .plan-nagare .step{
    font-size: 30px;
    font-weight: 700;
    color: #c97070;
    border-bottom: 1px solid #ff8b9b;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px){
    .page #ishioka-syashinmura-page .plan-nagare .step{
        font-size: 22px;
    }
}
.page #ishioka-syashinmura-page .nagare-txt {
    font-size: 18px;
    color: #ac8484;
    padding: 0 20px;
}
.page #ishioka-syashinmura-page .free-tel {
    font-size: 30px;
    font-weight: 700;
    color: #23ac38;
    margin: 0 10px;
    padding: 10px 0;
    display: block;
    float: left;
    line-height: 30px;
}
.page #ishioka-syashinmura-page .freetel {
    width: 40px!important;
    height: auto!important;
    vertical-align: initial!important;
}
.page #ishioka-syashinmura-page .midashi {
    font-size: 18px;
    font-weight: 700;
    background: #ffa1ae;
    border-radius: 15px;
    line-height: 30px;
    color: #fff;
    padding: 0 20px;
    margin: 8px 10px;
    display: inline-block;
    text-align: center;
}
.page #ishioka-syashinmura-page .midashi-sub {
    font-size: 18px;
    color: #ffa1ae;
    font-weight: 700;
    display: inline-block;
    padding: 10px;
}
.page #ishioka-syashinmura-page .nagare-kometxt {
    font-size: 18px;
    color: #da2501;
    padding: 0 20px;
}
.page #ishioka-syashinmura-page .topimg,
.page #kuu .topimg {
    padding: 100px 0;
}
@media only screen and (max-width: 768px){
    .page #ishioka-syashinmura-page .topimg,
    .page #kuu .topimg {
        padding: 8vw 0;
    }
}

/*コンタクト*/
.page #ishioka-syashinmura-page .contact-box,
.page #furisode .contact-box {
    padding: 100px 0;
}
.contact-txt{
    margin:20px 0 10px 0;
}
.page #ishioka-syashinmura-page .contact-catalog .contact-button {
	color: #fff !important;
}
.page #ishioka-syashinmura-page .contact-catalog .contact-button:hover {
	color: #fff !important;
	text-decoration: unset !important;
}
.page #ishioka-syashinmura-page .contact-catalog,
.page #furisode .contact-catalog {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: block;
    line-height: 60px;
    background: #a7324a;
    text-align: center;
    width: 80%;
    margin: auto;
    outline: 1px solid #fff;
    outline-offset: -3px;
}
.page #ishioka-syashinmura-page .contact-yoyaku,
.page #furisode .contact-yoyaku {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: block;
    line-height: 60px;
    background: #6b3e95;
    text-align: center;
    width: 80%;
    margin: auto;
    outline: 1px solid #fff;
    outline-offset: -3px;
}



/*店舗情報*/
.page .access{
    padding: 8vw 0 ;
    text-align: center;
    margin:0 auto;
    background: #7B6C90;
}
.page .access h2{
    color: #fff!important;
}
.page .access-inner{
    background: #fff;
    color: #666;
    padding: 4vw;
    max-width: 980px;
    margin: 0 auto;
}
.page .access h3{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px;
    text-align: center;
}
.page .access .box1{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: 120px;
    height: 30px;
    margin: 0 10px 5px 0;
    background: #ada7b5;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.page .access .box2{
 display: inline-block;
    width: 180px;
 vertical-align: middle;
}
.page .raiten-yoyaku{
    color: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #6b3e95;
    font-size: 24px;
    font-weight: 700;
    outline: 1px solid #fff;
    outline-offset: -3px;
    text-align: center;
    margin: auto;
}
.rental-txt{
    font-size: 18px;
}
@media only screen and (max-width: 991px){
    .page #ishioka-syashinmura-page h3,
    .page #shops h3,
    .page #furisode h3 {
        font-size: 24px;
        width: 100%;
    }
    .page #ishioka-syashinmura-page .kakaku1,
    .page #shops .kakaku1,
    .page #furisode .kakaku1 {
        font-size: 42px;
    }
    .page #ishioka-syashinmura-page .spec,
    .page #shops .spec,
    .page #furisode .spec {
        font-size: 16px;
    }
    .rental-txt {
        font-size: 16px;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 980px;
    }
    .kimono-end{
        padding: 100px 0;
    }
}

/*KUU*/
.m1-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/menu_01.jpg);
    height: 345px;
    background-repeat: no-repeat;
    background-size: cover;
}
.m2-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/menu_02.jpg);
    height: 345px;
    background-repeat: no-repeat;
    background-size: cover;
}
.m3-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/menu_03.jpg);
    height: 345px;
    background-repeat: no-repeat;
    background-size: cover;
}
.m4-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/rocation_01.jpg);
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
}
.m5-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/rocation_02.jpg);
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
}
.m6-bg{
    background: url(/wp/wp-content/themes/kkmaeno/assets/images/kuu/rocation_03.jpg);
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 768px){
    .m1-bg{}
    .m2-bg{}
    .m3-bg{}
    .m4-bg{background-position: center;}
    .m5-bg{background-position: center;}
    .m6-bg{background-position: center;}
}
.kuu-title1{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 30px;
}
.kuu-txt{
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
    text-align: left;
    display: inline-block;
}
.kuu-menu-box{
    padding: 30px;
}

@media only screen and (max-width: 991px){
    .kuu-title1{
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 30px;
        padding-top: 10px;
    }
    .kuu-txt{
        font-size: 16px;
        color: #fff;
        line-height: 1.8;
        text-align: left;
        display: inline-block;
    }
    .kuu-menu-box{
        padding: 25px 15px;
    }
}


/*トップ投稿*/
#post-news ul{
    font-size: 16px;
    padding: 0;
}
#post-news ul li{
    line-height: 1.4;
    padding: 2px 0;
}
#post-news span.date:before{
    content:"( ";
}
#post-news span.date:after{
    content:" )";
}
#post-news .news-line {
  position: relative;
  display: inline-block;
  padding: 0 30%;
  font-size: 26px;
  margin-bottom: 20px;
}
#post-news .news-line:before, .news-line:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 25%;
  height: 1px;
  background-color: #9A3631;
}
#post-news .news-line:before {
  left:0;
}
#post-news .news-line:after {
  right: 0;
}

@media screen and (max-width: 768px) {
    #post-news .news-line {
      padding: 0 30%;
      font-size: 18px;
    }
}
#post-news .mb50{margin-bottom: 50px;}


/*投稿*/
.post-thumbnail img{
    width: auto;
}
.post-style{
    text-align: center;
    padding: 30px;
}
.post-txt{
    font-size: 16px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #ccc;
}
.page-title{
    font-size: 30px;
    border-bottom: 1px solid #666;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
@media only screen and (max-width: 768px){
    .page-title{
        font-size: 24px;
    }
}

.post-list{
    padding: 20px 0;
    text-align: right;
}

/**************************************  
20220421追加 
************************************* /
/* 来店予約ボタン */
.page #ishioka-syashinmura-page .contact-catalog:hover,
.page #ishioka-syashinmura-page .contact-yoyaku:hover {
    opacity: 0.7;
}
.page #ishioka-syashinmura-page .contact-button {
    display: block;
    color: #fff !important;
}
.page #ishioka-syashinmura-page .contact-button:hover {
	text-decoration: unset !important;
}
/* ハンバーガーメニュー */
#nav .inner {
    padding: 0 20px 20px 20px;
}
#nav ul {
    max-width: 300px;
    width: 60%;
    margin: 0 auto;
    padding: 0;
}
#nav li {
    margin: 20px;
}
#nav .last {
    margin-bottom: 20px;
}
#nav .button {
    display: block;
    background: #fff;
    text-align: center;
    outline: 1px solid #b69070;
    outline-offset: -3px;
}

/* スマホ 下部固定 */
.show_sp{
    display: none !important;
}
@media only screen and (max-width: 980px) {
    .show_sp {
        display: block !important;
    }
    footer {
        padding-bottom: 52px;
    }
    .infobox_in {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
        display: flex;
    }
    .info_item {
        width: 33.333%;
        padding: 5px 10px;
        color: #fff;
        text-align: center;
        font-size: 11px;
        background-color: #b69070;
        /* background-color: #a7324a; */
        outline: 1px solid #fff;
        outline-offset: -3px;
    }
    .info_item i{
     display: block;
     font-size: 20px;
    }
    .info_item:nth-of-type(2) {
        /* background-color: #6b3e95; */
    }
    .info_item:nth-of-type(3) {
        /* background-color: #333; */
    }
 a.nav_trigger:hover{
        color: #b69070 !important;
     text-decoration: none;
    }
    a.info_item:hover{
        color: #FFF !important;
     text-decoration: none;
    }
    #nav li {
        margin: 0 0 5px;
    }
    #nav p{
        padding: 10px 0 0 0;
    }
     #nav p a{
        color: #b69070;
    }
     header {
        height: 55px;
    }
    #nav a:hover{
        color: #b69070 !important;
        text-decoration: none;
    }
    a:hover{
        text-decoration: none !important;
    }

}

/**************************************  
20220426追加 
************************************* /
/* LP */
#lp {
    background: #fff;
    font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#lp .layout-in {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#lp .layout-in02 {
    max-width: 1100px;
} 
#lp img {
    width: 100%;
}

#lp .mainVisual {
    width: 100%;
    /* padding: 60px 0 0; */
}
#lp .lpBox01 {
    padding:60px 10px 100px ;
}
#lp .lpBox02_block01 {
    position: relative;
    padding: 35px 10px;
    background: #f4f4f4;
}
#lp .lpBox02_block01::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 100px 0 100px;
    border-color: #F4F4F4 transparent transparent transparent;
}
#lp .lpBox02_block02 {
    padding: 65px 10px 55px;
}
#lp .lpBox02_block03 {
    padding: 65px 10px 55px;
    background: #f4f4f4;
}
#lp .lpBox03 {
    padding: 90px 10px 100px;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/lp/bg.png);
    background-size: 130px;
}
#lp .lpBox03_block {
    padding: 40px 0 0;
    /* font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
}
#lp .lpBox03_block .text01 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
#lp .lpBox03_block_inner {
    display: flex;
    justify-content: space-between;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 20px 5px;
    font-size: 16px;
    border-radius: 30px;
    background: #f4f4f4;
    color: #606060;
}
#lp .lpBox03_block_inner .box p {
    margin-bottom: 0;
}
#lp .lpBox03_block_inner .box01 {
    width: 54%;
}
#lp .lpBox03_block_inner .box02 {
    width: 44%;
}
#lp .lpBox03_block_inner .box_in {
    margin: 0 0 20px;
    padding: 20px 25px;
    border-radius: 30px;
    background: #fff;
}
#lp .lpBox03_block_inner .boxTitle {
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #c4ae45;
}
#lp .lpBox03_block_inner .textL {
    padding-top: 25px;
    font-size: 62px;
    font-weight: bold;
    text-align: center;
    color: #cc4e57;
}
#lp .lpBox03_block .memo {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    padding:  10px 0 0 30px;
}
#lp .lpBox04 {
    padding: 50px 10px;
}
#lp .lpBox04_block {
    padding: 45px 50px;
    text-align: center;
    border: 3px solid #207a88;
}
#lp .lpBox04_block .text01 {
    font-size: 27px;
    font-weight: bold;
    color: #cc4e57;
}
#lp .lpBox04_block .text02 {
    font-size: 20px;
    font-weight: bold;
}
#lp .lpBox04_block .buttonBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
}
#lp .lpBox04_block .button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 47%;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/lp/arrow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 13px
}
#lp .lpBox04_block .button_reserve {
    background-color: #6b3e95;
}
#lp .lpBox04_block .button_contact {
    background-color: #ccae6a;
}
#lp .lpBox04_block .button:hover {
    text-decoration: none;
    opacity: .7;
}
#lp .lpBox04_block .button span {
    display: inline-block;
}
#lp .lpBox04_block .button .textL {
    display: block;
    font-size: 30px;
}

#lp .lpBox04_block .button .icon {
    width: 20px;
    margin-right: 10px;
    vertical-align: -2px;
}


@media only screen and (max-width: 980px) {
    .show_pc {
        display: none !important;
    }
    #lp  {
        padding-top:0;
    }
    #lp .lpBox01 {
        padding: 30px 10px 50px;
    }
    #lp .lpBox02_block01 {
        padding: 30px 10px 20px;
    }
    #lp .lpBox02_block01::after {
        bottom: -40px;
        border-width: 50px 65px 0 65px;
    }
    #lp .lpBox02_block02 {
        padding: 30px 10px;
        width: 95%;
        margin: 0 auto;
    }
    #lp .lpBox02_block03 {
        padding: 30px 10px;
    }
    #lp .lpBox03 {
        padding: 50px 10px;
    }
    #lp .lpBox03 .img {
        display: block;
        width: 90%;
        margin: 0 auto 15px;
    }
    #lp .lpBox03_block .text01 {
        font-size: 22px;
    }
    #lp .lpBox03_block_inner {
        flex-direction: column;
        padding: 20px;
    }
    #lp .lpBox03_block_inner .box01,
    #lp .lpBox03_block_inner .box02 {
        width: 100%;
    }
    #lp .lpBox03_block .memo {
        padding: 10px 0 0 0;
    }
    #lp .lpBox04_block {
        padding: 20px;
    }
    #lp .lpBox04_block .buttonBox {
       flex-direction: column;
    }
    #lp .lpBox04_block .button {
        width: 100%;
        height: 115px;margin-bottom: 10px;
        padding: 15px;
    }
}

a:hover{
 text-decoration: none !important;
}

.add_bannerbox01{
 text-align: center;
 padding: 20px 10px 0 10px;
}
.add_bannerbox01 img{
 max-width: 100%;
}
img.hover:hover{
 opacity: 0.8;
 transition: 0.4s;
}
@media screen and (max-width: 768px) {
 .add_bannerbox01{
  padding: 0 10px 0 10px;
 }
}

/* 20220602 追加　キャンペーン */
#lp .lpBox03 .box_in02 img {
    display: block;
    width: 95%;
    margin: 0 auto;
}
@media only screen and (max-width: 980px) {
    #lp .lpBox03 .box_in02 img {
        width: 100%;
    }
}
/* 20220608 追加　キャンペーン */
#lp .lpBox02_block03 {
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/20220608/bg_deco01.png),url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/20220608/bg_deco02.png);
    background-position: left bottom,right 45%;
    background-size: 20%,14%;
    background-repeat: no-repeat,no-repeat;
}
#lp .lpBox02_block03 .image {
    padding: 50px 0;
}
@media only screen and (max-width: 980px) {
    #lp .lpBox02_block03 {
        background-position: left bottom,right 36%;
        background-size: 42%,35%;
    }
    #lp .lpBox02_block03 .image {
        padding: 50px 20px;
    }
    #lp .lpBox02_block03 .image img {
        display: block;
        margin: 0 0 8px;
    }
}

/* 20220630 追加 キャンペーン */
#lp.camp_pattern01 .lpBox01.bg,
#lp.camp202207 .lpBox01.bg {
    position: relative;
    margin-bottom: 60px;
}
#lp.camp_pattern01 .lpBox01.bg::before,
#lp.camp202207 .lpBox01.bg::before {
    content: "";
    display: inline-block;
    background-color: rgba(255, 169, 183, 0.3);
    width: 100%;
    height: 78%;
    position: absolute;
    bottom: 0;
    left: 0;
}
#lp.camp_pattern01 .lpBox01.bg .layout-in,
#lp.camp202207 .lpBox01.bg .layout-in {
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 980px) {
    #lp.camp_pattern01 .lpBox01.bg,
    #lp.camp202207 .lpBox01.bg {
        padding: 10px 10px 30px;
        margin-bottom: 10px;
    }
    #lp.camp_pattern01 .lpBox01.bg::before,
    #lp.camp202207 .lpBox01.bg::before {
        height: 80%;
    }
}

/* 20220722 追加 キャンペーン */
#lp.camp_pattern01 .lpBox01 {
    position: relative;
}
#lp.camp_pattern01 .lpBox01 .linkBtn {
    position: absolute;
    bottom: 5%;
    left: 7%;
    width: 50%;
    max-width: 480px;
}
#lp.camp_pattern01 .lpBox01 .linkBtn:hover {
    opacity: .7;
}
#lp.camp_pattern01 .lpBox01.bg {
    position: relative;
    margin-bottom: 0;
}
#lp.camp_pattern01 .lpBox02_block01 {
    padding: 35px 10px;
    height: 250px;
}
#lp.camp_pattern01 .lpBox02_block01 .layout-in {
    padding: 0 10px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#lp.camp_pattern01 .lpBox02_block01::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 60px 0 60px;
    border-color: #F4F4F4 transparent transparent transparent;
}
#lp.camp_pattern01 .lpBox02_block02 {
    text-align: center;
    position: relative;
    padding: 80px 10px 55px;
}
#lp.camp_pattern01 .lpBox02_block02 img.main_img {
    width: 63%;
}
#lp.camp_pattern01 .lpBox02_block02 img.image01 {
    position: absolute;
    bottom: 0;
    right: 8%;
    width: 16%;
    max-width: 220px;
}
#lp.camp_pattern01 .lpBox02_block02 img.block_bg {
    position: absolute;
}
#lp.camp_pattern01 .lpBox02_block02 img.block_bg01 {
    bottom: 0;
    left: 0;
    width: 23%;
}
#lp.camp_pattern01 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 9%;
}
#lp.camp_pattern01 .lpBox02_block03 {
    background-image: none;
}
#lp.camp_pattern01 .lpBox03 {
    background-image: none;
    position: relative;
    padding: 80px 10px;
}
#lp.camp_pattern01 .lpBox03 img.block_bg {
    position: absolute;
}
#lp.camp_pattern01 .lpBox03 img.block_bg03 {
    top: 0;
    left: 0;
    width: 16%;
}
#lp.camp_pattern01 .lpBox03 img.block_bg04 {
    top: 80px;
    right: 0;
    width: 16%;
}

@media only screen and (max-width: 980px) {
    #lp.camp_pattern01 .lpBox02_block01::after {
        bottom: -40px;
        /* border-width: 50px 35px 0 35px; */
    }
    #lp.camp_pattern01 .lpBox02_block01 .layout-in {
        bottom: -9%;
        left: 50%;
        width: 80%;
    }
    #lp.camp_pattern01 .lpBox02_block01 {
        height: auto;
        padding: 16%;
    }
    #lp.camp_pattern01 .lpBox02_block02 {
        padding: 40px 10px 30px;
        width: 100%;
    }
    #lp.camp_pattern01 .lpBox02_block02 img.main_img {
        width: 85%;
        max-width: 600px;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }
    #lp.camp_pattern01 .lpBox03 {
        padding: 40px 10px;
    }
    #lp.camp_pattern01 .lpBox03_block .img02 {
        width: 100%;
        margin: 0 auto;
    }
    #lp.camp_pattern01 .lpBox03 img.block_bg03 {
        top: 5%;
    }
    #lp.camp_pattern01 .lpBox03 img.block_bg04 {
        top: 2%;
    }
    
    
}

/* 20220727 追加 浴衣キャンペーン */
#lp.camp_yukata .reserveBtn {
    display: block;
    width: 435px;
    margin: 0 auto 110px;
}
#lp.camp_yukata .reserveBtn:hover {
    opacity: .7;
}

#lp.camp_yukata .heading01 {
    padding: 0 0 15px;
    font-size: 32px;
    font-weight: bold;
    color: #57A7E3;
    vertical-align: middle;
    text-align: center;
}
#lp.camp_yukata .heading01 span {
    padding: 0 5px 20px;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/camp_yukata2022/border.png);
    background-repeat: repeat-x;
    background-size: 16px;
    background-position: left bottom;
}
#lp .camp_yukata01 .heading01 .circle {
    display: inline-block;
    width: 125px;
    margin-right: 30px;
}
#lp .camp_yukata01 {
    padding: 80px 0 0;
}
#lp .camp_yukata01_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 60px;
}
#lp .camp_yukata01_01 .innerBox:first-of-type {
    width: 35%;
} 
#lp .camp_yukata01_01 .innerBox:last-of-type {
    width: 62%;
    text-align: left;
} 
#lp .camp_yukata01_01 .text {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}
#lp .camp_yukata01_01 .textL {
    margin: 0;
    font-size: 20px;
}
#lp .camp_yukata01_01 .textM {
    font-size: 18px;
}
#lp .camp_yukata01_01 .textS {
    font-size: 13px;
    font-weight: normal;
}
#lp .camp_yukata01_01 .text .marker {
    background: linear-gradient(transparent 60%, #F5F570 60%);
}
#lp .camp_yukata01_01 .text .color01 {
    color: #D36C8C;
}
#lp .camp_yukata01_02 {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
}
#lp .camp_yukata01_02 .heading02 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    color: #57A7E3;
}
#lp .camp_yukata01_02 .heading02 img {
    vertical-align: baseline;
}
#lp .camp_yukata01_02 .heading02 .deco {
    width: 55px;
}
#lp .camp_yukata01_02 .heading02 .deco01 {
    margin-right: 1em;
}
#lp .camp_yukata01_02 .heading02 .deco02 {
    margin-left: 1em;
}
#lp .camp_yukata01_02 .innerBox {
    padding: 55px 0;
    border-bottom: 1px solid #A0A0A0;
    text-align: center;
}
#lp .camp_yukata01_02 .innerBox:first-of-type {
    padding-top: 0;
}
#lp .camp_yukata01_02 .innerBox:last-of-type {
    padding-bottom: 100px;
    border-bottom: none;
}
#lp .camp_yukata01_02 .innerBox .text {
    margin: 0;
    padding: 20px 0 0;
    font-size: 20px;
    font-weight: bold;
}
#lp .camp_yukata01_02 .innerBox .text span {
    display: block;
    padding: 20px 0 0;
    font-size: 13px;
    font-weight: normal;
}
#lp .camp_yukata02 {
    padding: 80px 0 110px;
    background-color: #FFF8B2;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/camp_yukata2022/bg02.png),url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/camp_yukata2022/bg02.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left 23% top 10%,right 20% bottom 10%;
    background-size: 450px,450px;
}
#lp .camp_yukata02 .heading01 {
    color: #D36C8C;
    padding: 0 2px 20px;
}
#lp .camp_yukata02 .heading01 span {
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/camp_yukata2022/border02.png);
}
#lp .camp_yukata02 .heading01 .sub {
    display: block;
    width: 520px;
    margin: 0 0 0 20%;
    padding: 0 0 20px;
}
#lp .camp_yukata02_01 {
    padding: 60px 0;
}
#lp .camp_yukata02_01 .innerBox {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
}
#lp .camp_yukata02 .reserveBtn {
    margin-bottom: 0;
}
#lp .camp_yukata03 {
    padding: 130px 0;
}
#lp .camp_yukata03 .heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 0 0 40px;
	font-size: 40px;
    font-weight: bold;
	text-align: center;
    color: #57A7E3;
}
#lp .camp_yukata03 .heading03::before,
#lp .camp_yukata03 .heading03::after {
	content: '';
	width: 3px;
	height: 35px;
	background-color: #57A7E3;
}
#lp .camp_yukata03 .heading03::before {
	margin-right: 2rem;
	transform: rotate(-30deg)
}
#lp .camp_yukata03 .heading03::after {
	margin-left: 2rem;
	transform: rotate(30deg)
}

#lp.camp_yukata .lpBox04_block {
    border: 3px solid #C64E57;
}
#lp .camp_yukata04 {
    padding: 80px 0;
}
#lp .camp_yukata04 .text {
    padding: 20px 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}
#lp .camp_yukata04 .linkBanner {
    display: block;
    width: 87%;
    margin: 0 auto;
    padding: 30px 0;
}
#lp .camp_yukata04 .linkBanner:hover {
    opacity: .7;
}

@media only screen and (max-width: 1700px) {
    #lp .camp_yukata02 {
        background-position: left 8% top 10%,right 8% bottom 10%;
    }
}
@media only screen and (max-width: 1500px) {
    #lp .camp_yukata02 {
        background-position: left 3% top 10%,right 3% bottom 10%;
    }
}

@media only screen and (max-width: 980px) {
    #lp.camp_yukata .layout-in {
        padding: 0 10px;
    } 
    #lp.camp_yukata .reserveBtn {
        max-width: 300px;
        width: 90%;
        margin: 0 auto 70px;
    }

    #lp .camp_yukata01 {
        padding: 20px 0 0;
    }
    #lp.camp_yukata .heading01 {
        padding: 0 0 15px;
        font-size: 24px;
    }
    #lp.camp_yukata .heading01 span {
        padding: 0 2px 12px;
        line-height: 2;
    }
    #lp .camp_yukata01 .heading01 .circle {
        display: block;
        width: 70px;
        margin: 0 auto;
    }
    #lp .camp_yukata01_01 {
        flex-direction: column;
        padding: 0 0 30px;
    }
    #lp .camp_yukata01_01 .innerBox:first-of-type {
        max-width: 400px;
        width: 80%;
        margin: 0 auto;
        padding: 20px;
    }
    #lp .camp_yukata01_01 .innerBox:last-of-type {
        width: 100%;
        margin: 0 auto;
    }
    #lp .camp_yukata01_02 .heading02 {
        font-size: 23px;
    }
    #lp .camp_yukata01_02 .heading02 .deco {
        width: 40px;
    }
    #lp .camp_yukata01_02 .heading02 .deco01 {
        margin-right: 1rem;
    }
    #lp .camp_yukata01_02 .heading02 .deco02 {
        margin-left: 1rem;
    }
    #lp .camp_yukata01_02 .innerBox {
        padding: 30px 0;
    }
    #lp .camp_yukata01_02 .innerBox:last-of-type {
        padding-bottom: 50px;
    }
    #lp .camp_yukata02 {
        padding: 30px 0;
        background-position: left 1% top 10%,right 1% bottom 10%;
        background-size: 250px,250px;
    }
    #lp .camp_yukata02 .heading01 .sub {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 10px;
    }
    #lp .camp_yukata02_01 {
        padding: 30px 0 0;
    }
    #lp .camp_yukata02_01 .innerBox:last-of-type {
        padding-bottom: 30px;
    }
    #lp .camp_yukata02 .reserveBtn {
        margin-bottom: 0;
    }
    #lp .camp_yukata03 {
        padding: 40px 0 0;
    }
    #lp .camp_yukata03 .heading03 {
        padding: 0 0 20px;
        font-size: 25px;
    }
    #lp .camp_yukata03 .heading03::before,
    #lp .camp_yukata03 .heading03::after {
        height: 30px;
    }
    #lp .camp_yukata03 .heading03::before {
        margin-right: 1rem;
        transform: rotate(-30deg)
    }
    #lp .camp_yukata03 .heading03::after {
        margin-left: 1rem;
        transform: rotate(30deg)
    }
    #lp .camp_yukata04 {
        padding: 0 0 30px;
    }
    #lp .camp_yukata04 .text {
        padding: 0;
        font-size: 20px;
        line-height: 1.5;
    }
    #lp .camp_yukata04 .linkBanner {
        width: 95%;
        padding: 30px 0;
    }
}

/* 20220728 追加 浴衣LINEキャンペーン */
#lp.camp_yukata_line {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
#lp.camp_yukata_line .layout-in {
    padding: 0 10px;
}
#lp.camp_yukata_line .camp_yukata01 {
    padding: 30px 0 0;
}
#lp.camp_yukata_line .heading01 {
    padding: 0 0 15px;
    font-size: 24px;
    color: #000;
}
#lp.camp_yukata_line .heading01 span {
    padding: 0 8% 10px;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/camp_yukata2022/line/border03.png);
    background-size: 9px;
}
#lp.camp_yukata_line .lineLead {
    margin: 0;
    padding: 0 0 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7s;
}
#lp.camp_yukata_line .camp_yukata01_line {
    padding: 0 0 40px;
}
#lp.camp_yukata_line .line_linkBtn {
    display: block;
    max-width: 316px;
    margin: 15px auto;
}
#lp.camp_yukata_line .line_linkBtn:hover {
    opacity: .7;
}
#lp.camp_yukata_line .camp_yukata01_02 {
    width: 92%;
    margin: 0 auto;
}
#lp.camp_yukata_line .camp_yukata01_02 .heading02 {
    font-size: 23px;
}
#lp.camp_yukata_line .camp_yukata01_02 .innerBox .text {
    padding: 10px 0 0;
    font-size: 16px;
}
#lp.camp_yukata_line .camp_yukata01_02 .innerBox .text span {
    padding: 10px 0 0;
}
#lp.camp_yukata_line .camp_yukata01_02 .heading02 .deco {
    width: 35px;
}
#lp.camp_yukata_line .camp_yukata01_02 .heading02 .deco01 {
    margin-right: .5rem;
}
#lp.camp_yukata_line .camp_yukata01_02 .heading02 .deco02 {
    margin-left: .5rem;
}
#lp.camp_yukata_line .camp_yukata03 {
    padding: 50px 0 0;
    border-top: 1px solid #A0A0A0;
}
#lp.camp_yukata_line .camp_yukata04 .text {
    font-size: 16px;
}
#lp.camp_yukata_line .camp_yukata04 {
    padding: 70px 0 50px;
}
#lp.camp_yukata_line .camp_yukata04 .linkBanner {
    width: 95%;
    padding: 0;
}

/* 20220829 追加 浴衣LINEキャンペーン */
#camp {
    background: #fff;
    font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#camp img {
    height: auto;
}
#camp a {
    color: inherit;
}
#camp p {
    margin: 0;
}
#camp.camp_yukata_line02 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
	text-align: center;
	font-weight: 600;
}
#camp.camp_yukata_line02 .mainVisual {
    width: 100%;
}
#camp.camp_yukata_line02 .mainVisual {
	margin: 0;
}
#camp.camp_yukata_line02 .lineLead {
	padding: 25px 10px;
	font-size: 17px;
	font-weight: 600;
	background-color: #FFFACB;
	position: relative;
}
#camp.camp_yukata_line02 .lineLead::before {
	content: "";
  border: 50px solid transparent;
  border-top: 30px solid #FFFACB;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#camp.camp_yukata_line02 .lineLead .text01 {
	font-size: 17px;
}
#camp.camp_yukata_line02 .lineLead .text02 {
	padding-top: 5px;
	font-size: 26px;
	color: #DD3475;
}
#camp.camp_yukata_line02 .lineLead .text02 .dot {
    padding-top: 15px;
    background-image: radial-gradient(circle at 2px center,#dd3475,#dd3475 2px,transparent 2px,transparent 100%);
    background-position: left 10px top;
    background-repeat: repeat-x;
    background-size: 26px 20px;
}
#camp.camp_yukata_line02 .lineLead .text03 {
	font-size: 15px;
}
#camp.camp_yukata_line02 .lineLead .text03 span {
	font-size: 19px;
}
#camp.camp_yukata_line02 .lineLead .lead_image {
	display: block;
	width: 80px;
	margin: 0 auto;
	padding: 20px 0;
}
#camp.camp_yukata_line02 .block01 {
	padding: 20px 0 0;
}
#camp.camp_yukata_line02 .block01_in {
	padding: 30px 0 0;
	font-size: 16px;
}
#camp.camp_yukata_line02 .block01_in .innerBox {
	width: 85%;
	margin: 0 auto;
	padding: 30px 0;
	border-bottom: 1px solid #707070;
}
#camp.camp_yukata_line02 .block01_in .innerBox:last-of-type {
	border: none;
}
#camp.camp_yukata_line02 .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 5px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #57A7E3;
}
#camp.camp_yukata_line02 .heading::before,
#camp.camp_yukata_line02 .heading::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #57A7E3;
}
#camp.camp_yukata_line02 .heading::before {
	margin-right: 15px;
	transform: rotate(-30deg)
}
#camp.camp_yukata_line02 .heading::after {
	margin-left: 15px;
	transform: rotate(30deg)
}
#camp.camp_yukata_line02 .block01_in .innerBox .text .size01 {
	font-size: 19px;
}
#camp.camp_yukata_line02 .block01_in .innerBox .text .memo {
    display: block;
    padding: 10px 0 0;
    font-size: 13px;
    font-weight: 400;
}
#camp.camp_yukata_line02 .block01_in .innerBox .image {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 30px 0 0;
}
#camp.camp_yukata_line02 .block02 {
    padding: 30px 10px 50px;
	/* border: 1px solid #ccc; */
}
#camp.camp_yukata_line02 .block03 {
	padding: 20px 0 0;
}
#camp.camp_yukata_line02 .block03_in {
	padding: 30px 0 0;
	font-size: 16px;
}
#camp.camp_yukata_line02 .block03_in .innerBox {
    padding: 30px 0;
}
#camp.camp_yukata_line02 .block04 {
	padding: 35px 0;
	background: #F7F5E9;
}
#camp.camp_yukata_line02 .heading02 {
	padding: 0 0 10px;
	font-size: 24px;
	color: #C6A86A;
    font-weight: 600;
}
#camp.camp_yukata_line02 .block04_in {
	padding: 40px 0 0;
}
#camp.camp_yukata_line02 .block04_in .sub {
    margin: 0;
}
#camp.camp_yukata_line02 .block04_in .title {
    padding: 0 0 5px;
    font-size: 21px;
    font-weight: 600;
}
#camp.camp_yukata_line02 .block04_in .text {
	max-width: 250px;
	margin: 0 auto 10px;
	padding: 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #D6D6D6;
}
#camp.camp_yukata_line02 .block04_in .tel {
    display: inline-block;
    padding: 0 0 10px;
	font-size: 26px;
}
#camp.camp_yukata_line02 .block04_in .tel_image {
	display: inline-block;
	width: 35px;
	margin-right: 10px;
	vertical-align: text-bottom;
}
#camp.camp_yukata_line02 .block04_in .address {
    margin: 0;
	font-size: 18px;
}
#camp.camp_yukata_line02 .block04 .map {
	padding: 20px 5%;
}
#camp.camp_yukata_line02 .block04 .map iframe {
	height: 360px;
}
#camp.camp_yukata_line02 .enquete {
    font-weight: 600;
    font-size: 24px;
}

/* 20220830 追加 キャンペーン */
#lp.camp202209 .lpBox01.bg::before {
    background-color: #FDF6D2;
}
#lp.camp202209 .lpBox02_block02 img.main_img {
    z-index: 1;
}
#lp.camp202209 .lpBox02_block02 img.block_bg01 {
    bottom: 90px;
    left: 5%;
    width: 11%;
}
#lp.camp202209 .lpBox02_block02 img.block_bg02 {
    top: 90px;
    right: 5%;
    width: 5%;
}

@media only screen and (max-width: 980px) {
    #lp.camp202209 .lpBox02_block02 img.block_bg01 {
        bottom: 160px;
        left: 2%;
        width: 11%;
    }
    #lp.camp202209 .lpBox02_block02 img.block_bg02 {
        top: 50px;
        right: 5%;
        width: 10%;
    }
}

/* 20220920 追加 753キャンペーン */
.add_footer {
    padding: 20px 0;
}
.infobox_footer .info_item {
    width: 50%;
    padding: 13px;
    font-size: 16px;
}
.infobox_footer .info_item i {
    display: inline-block;
    margin-right: 7px;
    font-size: 14px;
}

#lp.camp_753 .layout-in {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
#lp.camp_753 .layout-in02 {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
#lp.camp_753 .mainVisual {
    background: #FADC41;
}
#lp.camp_753 .mainVisual h1 {
    max-width: 1480px;
    margin: 0 auto !important;
}
#lp.camp_753 .lpBox01 {
    background: #FFFAE0;
}
#lp.camp_753 .lpBox02 {
    margin-bottom: 45px;
    padding: 60px 0;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/753_2022/bg01_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#lp.camp_753 .lpBox03 {
    padding: 60px 0;
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/753_2022/bg02_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#lp.camp_753 .lpBox06 {
    padding: 50px 10px;
}
#lp.camp_753 .lpBox06_block {
    padding: 45px 50px;
    text-align: center;
    border: 3px solid #EC2849;
}
#lp.camp_753 .lpBox06_block .button_reserve {
    background-color: #ECA025;
}
#lp.camp_753 .lpBox06_block .button_contact {
    background-color: #4BA767;
}
#lp.camp_753 .lpBox07 {
    padding: 60px 10px;
    background: #FFF9EE;
}
#lp.camp_753 .lpBox07 .title {
    padding: 0 0 30px;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
}
#lp.camp_753 .lpBox07 .logo {
    display: block;
    width: 130px;
    margin: 0 auto 10px;
}
#lp.camp_753 .lpBox07 .box {
    display: flex;
    justify-content: space-between;
}
#lp.camp_753 .lpBox07 .box_in {
    width: 48%;
}
#lp.camp_753 .lpBox07 .box_in:nth-of-type(2) {
    padding: 0 10px;
 }
#lp.camp_753 .lpBox07 .box_in_title {
    padding: 0 0 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #212529;
}
#lp.camp_753 .lpBox07 .box_in dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 30px 10px;
}
#lp.camp_753 .lpBox07 .box_in dl dt {
    width: 35%;
}
#lp.camp_753 .lpBox07 .box_in dl dt span {
    display: block;
    width: 85%;
    margin: 0 0 15px;
    padding: 3px 10px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #D7A000;
    border-radius: 30px;
}
#lp.camp_753 .lpBox07 .box_in dl dd {
    width: 65%;
    margin: 0 0 15px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
}
@media only screen and (max-width: 980px) {
    .add_footer {
        padding: 20px 0 60px;
    }
    #lp.camp_753 .lpBox02 {
        margin-bottom: 25px;
        padding: 20px 15px;
        background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/753_2022/bg01_sp.png);
    }
    #lp.camp_753 .lpBox03 {
        padding: 20px 15px;
        background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/753_2022/bg02_sp.png);
    }
    #lp.camp_753 .lpBox05 {
        padding: 0 10px;
    }
    #lp.camp_753 .lpBox06_block {
        padding: 20px;
    }
    #lp.camp_753 .lpBox07 {
        padding: 30px 10px;
    }
    #lp.camp_753 .lpBox07 .logo {
        width: 130px;
        margin: 0 auto 10px;
    }
    #lp.camp_753 .lpBox07 .title {
        padding: 0 0 15px;
        font-size: 27px;
    }
    #lp.camp_753 .lpBox07 .box {
        flex-direction: column;
    }
    #lp.camp_753 .lpBox07 .box_in {
        width: 100%;
    }
    #lp.camp_753 .lpBox07 .box_in:nth-of-type(2) {
        padding: 30px 10px 0;
    }
    #lp.camp_753 .lpBox07 .box_in dl {
        padding: 30px 0 0;
    }
    #lp.camp_753 .lpBox07 .box_in dl dd {
        padding-left: 0;
    }
}

/* 20220930 追加 キャンペーン */
#lp.camp202210 .mainVisual {
    background-image: url(/wp/wp-content/themes/kkmaeno/assets/images/campaign/20221001/bg03_02.png);
    background-size: contain;
}
#lp.camp202210 .mainVisual img {
    display: block;
    max-width: 1440px;
    margin: 0 auto;
}
#lp.camp202210 .lpBox01.bg::before {
    background-color: #F8EBE9;
}
#lp.camp202210 .lpBox02_block02 img.block_bg01 {
    bottom: 90px;
    left: 5%;
    width: 11%;
}
#lp.camp202210 .lpBox02_block02 img.block_bg02 {
    top: 90px;
    right: 5%;
    width: 3%;
}
@media only screen and (max-width: 980px) {
    #lp.camp202210 .lpBox02_block02 img.block_bg01 {
        bottom: 180px;
        left: 2%;
        width: 13%;
    }
    #lp.camp202210 .lpBox02_block02 img.block_bg02 {
        top: 50px;
        right: 5%;
        width: 6%;
    }
}

/* 20221024 追加 キャンペーン */
#lp .camp-mainVisual img {
    display: block;
    max-width: 1440px;
    margin: 0 auto;
}
#lp.camp202211 .mainVisual {
   background-color: #2DAAAD;
}
#lp.camp202211 .lpBox01.bg::before {
    background-color: #F8EBE9;
}
#lp.camp202211 .lpBox02_block02 img.block_bg01 {
    bottom: 0;
    left: 0;
    width: 17%;
}
#lp.camp202211 .lpBox02_block02 img.block_bg02 {
    top: 45px;
    right: 0;
    width: 8%;
}
@media only screen and (max-width: 980px) {
#lp.camp202211 .lpBox02_block02 img.main_img {
    z-index: 1;
}
}

/* 20221122 追加 キャンペーン12月 */
#lp.camp202212 .mainVisual {
    background-color: #F1D1CA;
}
#lp.camp_pattern01 .lpBox02_block02 img.main_img {
    z-index: 1;
}
#lp.camp202212 .lpBox02_block02 img.block_bg01 {
    bottom: 12%;
    left: 0;
    width: 16%;
}
#lp.camp202212 .lpBox02_block02 img.block_bg02 {
    top: 10%;
    right: 0;
    width: 10%;
}
@media only screen and (max-width: 980px) {
#lp.camp202212 .lpBox02_block02 img.block_bg01 {
    bottom: 10%;
    width: 25%;
}
#lp.camp202212 .lpBox02_block02 img.block_bg02 {
    top: 7%;
    width: 17%;
}
}

/* 20230110 追加 キャンペーン1月 */
#lp.camp202301 .mainVisual {
    background-color: #C7411C;
}
#lp.camp_pattern01 .lpBox02_block02 img.main_img {
    z-index: 1;
}
#lp.camp202301 .lpBox02_block02 img.block_bg01 {
    bottom: 12%;
    left: 0;
    width: 16%;
}
#lp.camp202301 .lpBox02_block02 img.block_bg02 {
    top: 10%;
    right: 0;
    width: 10%;
}
@media only screen and (max-width: 980px) {
#lp.camp202301 .lpBox02_block02 img.block_bg01 {
    bottom: 10%;
    width: 25%;
}
#lp.camp202301 .lpBox02_block02 img.block_bg02 {
    top: 7%;
    width: 17%;
}
}
/* 20230201追加 キャンペーン2月 */
#lp.camp202302 .mainVisual {
    background-color: #f6e4ef;
}
#lp.camp_pattern01 .lpBox02_block02 img.main_img {
    z-index: 1;
}
#lp.camp202302 .lpBox02_block02 img.block_bg01 {
    bottom: 12%;
    left: 0;
    width: 25%;
}
#lp.camp202302 .lpBox02_block02 img.block_bg02 {
    top: 10%;
    right: 0;
    width: 20%;
}
@media only screen and (max-width: 980px) {
#lp.camp202302 .lpBox02_block02 img.block_bg01 {
    bottom: 10%;
    width: 25%;
}
#lp.camp202302 .lpBox02_block02 img.block_bg02 {
    top: 7%;
    width: 40%;
}
}
	/* 20230301追加 キャンペーン3月 */
#lp.camp202303 .mainVisual {
    background-color: #f3e18b;
}
#lp.camp202303 .lpBox02_block02 img.block_bg02 {
    top: 6%;
    right: 0;
    width: 18%;
}
@media only screen and (max-width: 980px) {
#lp.camp202303 .lpBox02_block02 img.block_bg02 {
    top: 10%;
    width: 34%;
}
}
/* 20230304追加 キャンペーン4月 */
#lp.camp202304 .mainVisual {
    background-color: #CCE9FA;
}
#lp.camp202304 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 20%;
}
@media only screen and (max-width: 980px) {
#lp.camp202304 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 30%;
}
}
/* 20230508追加 キャンペーン5月 */
#lp.camp202305 .mainVisual {
    background-color: #f9ceb7;
}
#lp.camp202305 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 20%;
}
@media only screen and (max-width: 980px) {
#lp.camp_pattern01 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 50%;
}
}
/* add20230531 LINEキャンペーン */

#camp.camp_yukata_line02 .lineLead .text01 span{
    color: #DD3475;
}
#camp.camp_yukata_line02 .lineLead .text02 {
    padding-top: 5px;
    font-size: 20px;
    color: #DD3475;
}
#camp.camp_yukata_line02 .lineLead .text02 span{
    font-size: 26px;
}

#camp.camp_yukata_line02 .lineLead .text03 {
    font-size: 15px;
    background: #fff;
    border-radius: 30px;
    padding: 5px;
    width: 90%;
    margin: 10px auto 0 auto;
}
#camp.camp_yukata_line02 .block01_in .innerBox {
    padding: 40px 0;
    border-bottom: none;
}
#camp.camp_yukata_line02 .flow {
    padding: 25px 10px;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    background-color: #FFFACB;
    position: relative;
    margin: 0 auto 47px auto;
    /* margin: 0 calc(50% - 50vw) 47px; */
}
#camp.camp_yukata_line02 .flow::before {
    content: "";
    border: 50px solid transparent;
    border-top: 30px solid #FFFACB;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
#camp.camp_yukata_line02 .flow p{
    font-size: 16px;
}
#camp.camp_yukata_line02 .flow .head{
    font-size: 18px;
    color: #57A7E3;
}
#camp.camp_yukata_line02 .flow .head {
    font-size: 18px;
    color: #57A7E3;
    margin: 0 0 14px 0;
}
#camp.camp_yukata_line02 .flow .stepicon {
    font-size: 12px;
    color: #fff;
    background: #57A7E3;
    padding: 15px 19px 10px;
    border-radius: 20px;
    margin: 0 10px 0 0;
    vertical-align: bottom;
    letter-spacing: 1px;
}
#camp.camp_yukata_line02 .flow .stepicon span{
    font-size: 20px;
}
#camp.camp_yukata_line02 .flow ul {
    font-size: 16px;
    margin: 0;
    padding: 10px 13px;
    list-style: none;
    font-weight: normal;
}
#camp.camp_yukata_line02 .flow ul li span {
    color: #D36C8C;
}
#camp.camp_yukata_line02 .lineLead .text02 {
    margin: -7px 0 0 0;
}
#camp.camp_yukata_line02 .block03 {
    margin: 0 0 50px 0;
}
/* 20230701追加 キャンペーン7月 */
#lp.camp202307 .mainVisual {
    background-color: #d2ecfa;
}
#lp.camp202307 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 20%;
}
@media only screen and (max-width: 980px) {
    #lp.camp202307 .lpBox02_block02 img.block_bg02 {
        top: 0;
        right: 0;
        width:50%;
    }
    #lp.camp202307 .lpBox02_block02 img.block_bg01 {
        bottom: -20px;
        right: 0;
        width:40%;
    }
}
/* 20230801追加 キャンペーン8月 */
#lp.camp202308 .mainVisual {
    background-color: #fff78c;
}
#lp.camp202308 .lpBox02_block02 img.block_bg02 {
    top: 0;
    right: 0;
    width: 20%;
}
@media only screen and (max-width: 980px) {
    #lp.camp202308 .lpBox02_block02 img.block_bg02 {
        top: 0;
        right: 0;
        width:50%;
    }
    #lp.camp202308 .lpBox02_block02 img.block_bg01 {
        bottom: -20px;
        right: 0;
        width:40%;
    }
}
/* 20230801LINEキャンペーン追加 */
#camp.camp_yukata_line02 .deco_line{
    position: relative;
}
#camp.camp_yukata_line02 .deco_line::before {
    content: "";
    width: 2px;
    height: 15px;
    background-color: #DD3475;
    margin-right: 0px;
    transform: rotate(-30deg);
    position: absolute;
    top: 0;
    left: -12px;
}
#camp.camp_yukata_line02 .deco_line::after{
    content: "";
    width: 2px;
    height: 15px;
    background-color: #DD3475;
    margin-left: 0;
    transform: rotate(30deg);
    position: absolute;
    top: 0;
    right: -12px;
}
/* add20240507 石岡写眞夢楽 注意書き追加 */
.page #ishioka-syashinmura-page .note {
    width: 100%;
    border: 1px solid #9A3631;
    color: #9A3631;
    text-align: center;
    font-size: 14px;
    padding: 40px;
}
.page #ishioka-syashinmura-page .note .note-ttl{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0 0 15px 0;
}
@media screen and (max-width: 768px) {
    .page #ishioka-syashinmura-page .note {
        text-align: left;
        font-size: 12px;
        padding: 15px;
    }
    .page #ishioka-syashinmura-page .note .note-ttl{
        font-size: 14px;
        text-align: center;
        display: block;
        margin: 0 0 10px 0;
    }
}