@charset "utf-8";
/******************************
 eyecatch_area
******************************/
.eyecatch_area {
    position: relative;
    margin-bottom:20px;
    width:100%;
    height:285px;
    background-repeat: no-repeat;
    background-size: cover;
    color:#FFF;
}
.eyecatch_area .eyecatch_area_inr {
    position: relative;
    width:100%;
    height:100%;
    background-color:rgba(2,69,107,0.38);
}
.eyecatch_area .eyecatch_area_inr .txt {
    display: block;
    position: absolute;
    width:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size:1.8rem;
    margin: auto;
    height: 3em;
}
.eyecatch_area .txt span {
    display: block;
    font-size:4.0rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom:0.4em;
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    .eyecatch_area {
        height:90px;
    }
    .eyecatch_area .eyecatch_area_inr .txt {
        font-size: 11px;
    }
    .eyecatch_area .txt span {
        font-size: 20px;
    }
}/* ---/SP--- */

/* breadcrumbs */
#breadcrumbs {
    text-align: left;
    padding:0 30px;
    margin-bottom:50px;
}
.info.detail #breadcrumbs,
.shopinfo.detail #breadcrumbs,
.shop.details #breadcrumbs {
    margin-top:20px;
}
#breadcrumbs li {
    position: relative;
    display: inline-block;
}
#breadcrumbs a {
    position: relative;
    margin-right:2.0em;
    color:#333;
}
#breadcrumbs a::after {
    content: "";
    display: block;
    position: absolute;
    right: -1.0em;
    top: 0.5em;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
/* pagination */
.pagination{clear:both;margin:0 auto 45px;font-size:1.6rem;display: block;}
.pagination_inr{display: inline-block;}
.pagination::after { content: "";clear: both;display: block;}
.pagination span{display: block;float: left;margin-left:1px;}
.pagination span.prev{margin-right:30px;}
.pagination span.next{margin-left:30px;}
.pagination span a{position: relative;display: table-cell;vertical-align: middle;text-align: center;color:#3E3A39;width:40px;height:40px;background-color: #D6E2E8;transition: 0.3s;}
.pagination span.current a,
.pagination span a:hover{background-color: #00AFDD;color:#FFF;}

.pagination span span{display: table-cell;vertical-align: middle;height: 40px;}
.pagination span.prev a,
.pagination span.next a{display: block;background-color: transparent;text-indent: -9999px;}
.pagination span.prev a::before,
.pagination span.next a::before {
    content: "";position: absolute;
    top: 50%;width: 10px;height: 10px;margin-top: -5px;vertical-align: middle;
}
.pagination span.prev a::before {
    content: "";position: absolute;
    left: 15px;border-top: 2px solid #2F2725;border-right: 2px solid #2F2725;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.pagination span.next a::before {
    content: "";position: absolute;right: 15px;
    border-top: 2px solid #2F2725;border-right: 2px solid #2F2725;
    -webkit-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #breadcrumbs {
        display: none;
    }
    .pagination span a {
        width: 36px;
        height: 36px;
        font-size:12px;
    }
    .pagination span.prev a::before,
    .pagination span.next a::before {
        width: 5px;
        height: 5px;
        margin-top: -2px;
    }
    .pagination span.prev {
        margin-right: 10px;
    }
    .pagination span.next {
        margin-left: 10px;
    }
}/* ---/SP--- */

/**************************************
 * Page of ショップ案内
**************************************/
/******************************
 eyecatch_area
******************************/
.page.shop .eyecatch_area {
    background-image: url(../img/shoplist/ec_shoplist.jpg);
}

/******************************
 shoplist_area
******************************/
#shoplist_area .shoplist_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#shoplist_area .shoplist_inr::after { content: "";clear: both;display: block;}
#shoplist_area h2 {
    position: relative;
    max-width:1000px;
    width:100%;
    text-align: left;
    font-size:2.6rem;
    padding:0.3em 1.0em 0.3em 70px;
    margin: 0 auto 30px;
}
#shoplist_area h2::before{
    position: absolute;
    top:0.2em;
    left:0;
    content:"";
    display: block;
    width:36px;
    height:36px;
    background-repeat: no-repeat;
    background-image: url(../img/ic_shoplist.svg);
}
#shoplist_area h2 span {
    display: inline-block;
    font-size:1.8rem;
    vertical-align: top;
    border-left:solid 1px #9D9E9E;
    margin-left:20px;
    padding-left:20px;
    height:1.5em;
    line-height: 1.4;
}
#shoplist_area nav{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#shoplist_area nav ul{
    border-top:solid 1px #9D9E9E;
    border-bottom:solid 1px #9D9E9E;
    padding:5px 0;
    margin-bottom:60px;
}
#shoplist_area nav ul::after { content: "";clear: both;display: block;}
#shoplist_area nav ul li{
    position: relative;
    display: table;
    float: left;
    text-align: left;
    width:16.65%;
    max-width: 220px;
    border-left:solid 1px #9D9E9E;
}
#shoplist_area nav ul li:first-child{
    border-left:none;
}
#shoplist_area nav ul li a{
    display: table-cell;
    min-height:46px;
    padding: 1.0em 1.0em 1.0em 5.0em;
    vertical-align: middle;
    font-size:1.2rem;
    color:#333;
}
#shoplist_area nav ul li .ic{
    position: absolute;
    left:10px;
    top:50%;
    display: block;
    margin-top:-16px;
    width:32px;
    height:32px;
}
#shoplist_area nav ul li .ic img{
    height:100%;
}

#shoplist_area > h3 {
    position: relative;
    max-width: 1000px;
    width: 100%;
    text-align: left;
    font-size: 2.0rem;
    font-weight: 500;
    padding: 0.8em 1.0em 0.8em 50px;
    margin: 0 auto 30px;
    border-bottom: solid 1px #9FA0A0;
}
#shoplist_area > h3 .ic {
    position: absolute;
    top: 0.2em;
    left: 0;
    display: block;
    width: 36px;
    height: 36px;
}
#shoplist_area > h3::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#shoplist_area article {
    float: left;
    width:49.23%;
    max-width:640px;
    text-align: left;
    margin-left:1.54%;
    margin-bottom:60px;
}
#shoplist_area article:nth-child(odd) {
    margin-left:0;
}
#shoplist_area article a {
    display: block;
    color:#333;
}
#shoplist_area article a::after { content: "";clear: both;display: block;}
#shoplist_area article .cont {
    position: relative;
    float: right;
    width:50%;
    max-width:320px;
    text-align: left;
}
#shoplist_area article .img {
    position: relative;
    top:0;
    left:0;
    z-index: 0;
    overflow: hidden;
    width:46.87%;
    max-width:300px;
    padding-top:31.33%;
    background-color: #F6F6F6;
}
#shoplist_area article .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#shoplist_area article a:hover .img img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1.2);
}
#shoplist_area article h3 {
    position: relative;
    padding: 40px 0 10px;
    margin-bottom:10px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
}
#shoplist_area article h3::before {
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color: #9D9E9E;
}
#shoplist_area article h3::after {
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    width:60%;
    height:1px;
    background-color: #00AFDD;
}
#shoplist_area article .cont .tips {
    position: absolute;
    top: 0;
    padding-top: 0;
    width:100%;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
}
#shoplist_area article .cont .tips .cat,
#shoplist_area article .cont .tips .place {
    display: inline-block;
    border-radius: 5px;
    padding:0.5em;
    margin-left:5px;
    vertical-align: top;
}
#shoplist_area article .cont .tips .cat {
    background-color: #03AFDE;
    max-width:58%;
    margin-left:0;
    letter-spacing: -0.1em;
}
#shoplist_area article .cont .tips .place {
    background-color: #E8A317;
    max-width:38%;
}
#shoplist_area article .txt {
    line-height: 1.6;
}
@media screen and (max-width: 1250px) {
    #shoplist_area .shoplist_inr {
        padding:0 15px;
    }
    #shoplist_area h2 {
        width:calc(100% - 30px);
    }
    #shoplist_area nav {
        width:calc(100% - 30px);
    }
    #shoplist_area > h3 {
        width: calc(100% - 30px);
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #shoplist_area h2 {
        font-size: 15px;
        padding: 0.3em 0.5em 0.3em 30px;
    }
    #shoplist_area h2 span {
        font-size: 11px;
        margin-left: 10px;
        padding-left: 10px;
    }
    #shoplist_area h2::before {
        width: 22px;
        height: 19px;
    }
    #shoplist_area > h3 {
        font-size: 15px;
        padding: 0.8em 0 0.8em 30px;
    }
    #shoplist_area > h3 .ic {
        width: 22px;
        height: 19px;
        top:0.4em;
    }
    #shoplist_area article a {
        position: relative;
        border: dotted 1px #CCC;
        padding: 10px;
    }
    #shoplist_area nav {
        width: 100%;
    }
    #shoplist_area nav ul {
        border-top: none;
        border-bottom: none;
        margin-bottom: 20px;
    }
    #shoplist_area nav ul li {
        float: left;
        width: 33.33%;
        margin-bottom: 20px;
        text-align: center;
        border-left: none;
    }
    #shoplist_area nav ul li a {
        display: block;
        font-size: 12px;
        line-height: 1.2;
        height: auto;
        padding: 0;
    }
    #shoplist_area nav ul li .ic {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 40px;
        height: 30px;
        margin: 0 auto 10px;
    }
    #shoplist_area article {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    #shoplist_area article a {
        padding-top: 68.66%;
    }
    #shoplist_area article .cont {
        float: none;
        width: 100%;
        max-width: 640px;
    }
    #shoplist_area article .img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden;
        width: 100%;
        max-width: 640px;
        padding-top: 68.66%;
    }
    #shoplist_area article h3 {
        font-size:15px;
    }
    #shoplist_area article h3::after {
        width: 30%;
    }
    #shoplist_area article .cont .tips {
        margin-top:10px;
        font-size:10px;
    }
    #shoplist_area article .txt {
        font-size:12px;
    }
    #shoplist_area article .cont .tips .cat br {
        display: none;
    }
}/* ---/SP--- */


/**************************************
 * Page of ショップ案内　詳細
**************************************/
/******************************
 shopmv_area
******************************/
.shopmv_area {
    position: relative;
    max-width: 1000px;
    width: 100%;
    height:403px;
    margin:40px auto 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
}
.shopmv_area .shopmv_area_inr {
    position: relative;
    width:100%;
    height:100%;
    background-color: rgba(35,25,21,0.47);
}
.shopmv_area .cont {
    display: block;
    position: absolute;
    width:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 6.0em;
    color:#FFF;
    text-align: center;
}
.shopmv_area .txt {
    font-size:3.6rem;
    padding:1.0em 0 0;
}
.shopmv_area .tips {
    display: inline-block;
    position: absolute;
    top:-20px;
    left:0;
    width:100%;
    margin:0 auto;
    font-size:1.5rem;
    text-align: center;
}
.shopmv_area .cat,
.shopmv_area .place {
    border-radius: 5px;
    padding:0.2em 2.0em;
}
.shopmv_area .cat {
    background-color: #00AFDD;
}
.shopmv_area .place {
    background-color: #EAA317;
    margin-left:10px;
}

/* ---SP--- */
@media screen and (max-width: 768px) {
    .shopmv_area {
        height: 130px;
        margin: 0 auto 20px;
    }
    .shopmv_area .txt {
        font-size: 20px;
        padding: 2.0em 0 0;
    }
    .shopmv_area .tips {
        font-size: 10px;
        top: 10px;
    }
}/* ---/SP--- */



/******************************
 shopdetail_area
******************************/
#shopdetail_area .shopdetail_inr{
    max-width: 1000px;
    width: 100%;
    margin:0 auto 20px;
}
#shopdetail_area .shopdetail_inr::after { content: "";clear: both;display: block;}
#shopdetail_area h2 {
    text-align: center;
    margin-bottom:40px;
}
#shopdetail_area h2 img{
    width:100%;
}
#shopdetail_area .cont {
    float: right;
    width:48%;
    width:calc(100% - 500px);
    max-width:480px;
    text-align: left;
    margin-bottom: 30px;
}
#shopdetail_area .cont .txt{
    line-height: 1.6;
    font-size:1.6rem;
}
#shopdetail_area .gallery {
    float: left;
    width:460px;
}
#shopdetail_area .gallery .slick-prev,
#shopdetail_area .gallery .slick-next {
    width: 28px;
    height: 50%;
    margin: 0;
    margin-top: -15%;
    background-color: rgba(159,160,160,0.8);
}
#shopdetail_area .gallery .slick-prev{
    left: 0;
}
#shopdetail_area .gallery .slick-next{
    right: 0;
}
#shopdetail_area .gallery .slick-prev:before,
#shopdetail_area .gallery .slick-next:before {
    background-image: none;
    top: 50%;
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#shopdetail_area .gallery .slick-prev:before {
    right: 4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
#shopdetail_area .gallery .slick-next:before {
    left: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#shopdetail_area .thumb-it::after { content: "";clear: both;display: block;}
#shopdetail_area .thumb-it li {
    float: left;
    width:110px;
}
#shopdetail_area .thumb-it img {
    width:110px;
    margin-right:6px;
    cursor: pointer;
}
#shopdetail_area .thumb-it img:hover{
    opacity: 0.7;
}
#shopdetail_area .thumb-it .slick-current img{
    border:solid 2px #03AFDE;
}
#shopdetail_area dl{
    clear: both;
    text-align: left;
    font-size:1.6rem;
    line-height: 1.6;
    border-top:solid 1px #9FA0A0;
    margin-bottom:80px;
}
#shopdetail_area dl::after { content: "";clear: both;display: block;}
#shopdetail_area dl dt{
    float: left;
    padding:0.8em 0.1em;
}
#shopdetail_area dl dd{
    border-bottom:solid 1px #9FA0A0;
    padding:0.8em 1.0em 0.8em 12em;
}
.sns_box {
    background-color: #FBFBFA;
    padding:40px;
    margin-bottom:50px;
}
.sns_box::after { content: "";clear: both;display: block;}
.sns_box li{
    display: inline-block;
    margin-left:30px;
}
.sns_box li:first-child{
    margin-left:0;
}
.sns_box li a {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.sns_box .tw a {
    background-color: #04A9F4;
    padding: 5px;
}
.sns_box img {
    width:50%;
    vertical-align: middle;
}
.sns_box .fb a {
    background-color: #37559D;
    padding: 5px 14px;
}
.sns_box .line a {
    background-color: #00B100;
    padding: 10px 5px;
}
.sns_box .line img {
    margin-top: -5px;
}
.sns_box .blog a {
    background-color: #CCC;
    padding: 8px;
}
.sns_box .insta a {
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    /*background-color: #00B100;*/
    padding: 10px 5px;
}
@media screen and (max-width: 1250px) {

    #shopdetail_area .shopdetail_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #shopdetail_area .gallery {
        float: none;
        position: absolute;
        top:0;
        width: calc(100% - 30px);
    }
    #shopdetail_area .shopdetail_inr {
        position: relative;
        min-width: 320px;
    }
    #shopdetail_area .cont {
        float: none;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        padding-top:74%;
    }
    #shopdetail_area .thumb-it {
       display: none !important;
    }
    #shopdetail_area h2 {
        margin-bottom: 10px;
        padding:0 15px;
    }
    #shopdetail_area .cont .txt {
        font-size: 12px;
        margin-bottom: 20px;
    }
    #shopdetail_area dl {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .sns_box {
        padding: 20px;
        margin-bottom: 20px;
    }
    .sns_box li {
        margin-left: 20px;
    }
    .sns_box li a {
        width: 38px;
        height: 38px;
    }
    .sns_box img {
        width: 70%;
    }
}/* ---/SP--- */

/******************************
 shopinfo_area
******************************/
#shopinfo_area .shopinfo_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#shopinfo_area .shopinfo_inr::after { content: "";clear: both;display: block;}
#shopinfo_area h2 {
    position: relative;
    max-width:1000px;
    width:100%;
    text-align: left;
    font-size:2.6rem;
    padding:0.3em 1.0em 1.0em 70px;
    margin:0 auto 30px;
    border-bottom:solid 1px #9FA0A0;
}
#shopinfo_area h2::before{
    position: absolute;
    top:0.4em;
    left:0;
    content:"";
    display: block;
    width:36px;
    height:36px;
    background-repeat: no-repeat;
    background-image: url(../img/ic_news_off.svg);
}
#shopinfo_area h2::after{
    position: absolute;
    bottom:-1px;
    left:0;
    content:"";
    display: block;
    width:200px;
    height:1px;
    background-color: #00AFDD;
}
#shopinfo_area h2 span {
    display: inline-block;
    font-size:1.8rem;
    vertical-align: top;
    border-left:solid 1px #9D9E9E;
    margin-left:20px;
    padding-left:20px;
    height:1.5em;
    line-height: 1.4;
}

#shopinfo_area article {
    width: 32.5%;
    max-width: 325px;
    margin-left: 1.2%;
    margin-bottom: 30px;
    float: left;
    text-align: left;
}
#shopinfo_area article:first-child {
    margin-left: 0;
}
#shopinfo_area article a {
    position: relative;
    display: block;
    width: 100%;
    border: solid 1px #B3B3B4;
    padding: 53.72% 25px 25px;
    background-color: #FFF;
    color: #3E3A39;
    overflow: hidden;
}
#shopinfo_area h3 {
    line-height: 1.4;
    font-size:1.6rem;
    font-weight: 500;
    padding:30px 0 10px;
    margin-bottom:20px;
    border-bottom:solid 1px #9D9E9E;
    color:#000;
}
#shopinfo_area .date {
    position: absolute;
    top:10px;
    padding-top:53.72%;
    color:#00AFDD;
    font-weight: 500;
}
#shopinfo_area .txt {
    line-height: 1.6;
}
#shopinfo_area article .img {
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    overflow: hidden;
    width:100%;
    max-width:323px;
    padding-top:53.72%;
    background-color: #F6F6F6;
}
#shopinfo_area article .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#shopinfo_area article a:hover .img img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1.2);
}

@media screen and (max-width: 1250px) {
    #shopinfo_area h2 {
        width: calc(100% - 30px);
    }
    #shopinfo_area .shopinfo_inr{
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #shopinfo_area h2 {
        font-size: 15px;
        padding: 0.6em 0 0.6em 30px;
        margin: 0 auto 30px;
    }
    #shopinfo_area h2::before {
        width: 22px;
        height: 19px;
    }
    #shopinfo_area h2 span {
        font-size: 11px;
        margin-left: 5px;
        padding-left: 5px;
        display: inline-block;
        vertical-align: top;
        border-left: solid 1px #9D9E9E;
        height: 1.5em;
        line-height: 1.4;
    }
    #shopinfo_area article {
        width: 100%;
        max-width: 768px;
        margin-left: 0;
        float: none;
    }
    #shopinfo_area article a {
        padding: 53.72% 15px 15px;
        font-size:12px;
    }
    #shopinfo_area article .img {
        max-width: 768px;
        padding-top: 56.49%;
    }
    #shopinfo_area .date {
        padding-top: 56.49%;
    }
    #shopinfo_area h3 {
        line-height: 1.2;
        font-size: 15px;
        font-weight: 500;
        padding-top: 10%;
    }
}/* ---/SP--- */

/**************************************
 * Page of お知らせ一覧
**************************************/
/******************************
 eyecatch_area
******************************/
.page.information .eyecatch_area {
    background-image: url(../img/information/ec_infolist.jpg);
}
/******************************
 info_area
******************************/
.page.information #info_area {
    background-color: transparent;
    padding:0;
}
#info_area .info_monthly {
    width:100%;
    max-width:1000px;
    display: block;
    margin:0 auto 60px;
}
#info_area .info_monthly::after { content: "";clear: both;display: block;}
#info_area .info_monthly h3 {
    display:block;
    font-size:1.8rem;
    margin-bottom:20px;
}
#info_area .info_monthly h4 {
    clear: both;
    display: inline-block;
    vertical-align: middle;
    background-color: #00AFDD;
    color:#FFF;
    float: left;
    width:10.57%;
    max-width:105px;
    min-height:40px;
    padding: 0.9em 0;
}
#info_area .info_monthly ul {
    float: left;
    display: block;
    width:89.43%;
    margin-bottom:1px;
}
#info_area .info_monthly ul::after { content: "";clear: both;display: block;}
#info_area .info_monthly li {
    float: left;
    display: block;
    vertical-align: middle;
    width:calc(8.41% - 1px);
    max-width:74px;
    padding-left:1px;
}
#info_area .info_monthly li a {
    display: block;
    vertical-align: middle;
    background-color: #D6E2E8;
    color:#2F2725;
    width:100%;
    min-height:40px;
    padding: 0.9em 0;
}



@media screen and (max-width: 1250px) {
    #info_area .info_monthly {
        width:100%;
    }

}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #info_area .info_monthly {
        width: 100%;
        margin-bottom: 30px;
    }
    .page.info #info_area h2{
        width:calc(100% - 30px);
    }
    #info_area .info_monthly h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }
    #info_area .info_monthly h4 {
        float: none;
        width: 100%;
        max-width: 100%;
        font-size:12px;
        min-height: auto;
    }
    #info_area .info_monthly ul::after { content: "";clear: both;display: block;}
    #info_area .info_monthly ul {
        display: block;
        width: 100%;
        margin-bottom: 1px;
    }
    #info_area .info_monthly li {
        display: block;
        float: left;
        vertical-align: middle;
        width: 16.35%;
        height: auto;
        padding-left:0;
        margin-left: 1px;
        margin-bottom: 1px;
    }
    #info_area .info_monthly ul li:nth-child(6n+1) {
        margin-left: 0;
    }
    #info_area .info_monthly li a {
        display: block;
        vertical-align: middle;
        background-color: #D6E2E8;
        color: #2F2725;
        width: 100%;
        min-width: 45px;
        height: auto;
        min-height: auto;
        padding:1.0em 0;
        font-size:11px;
    }

}/* ---/SP--- */

/**************************************
 * Page of お知らせ　詳細
**************************************/
/******************************
 infomv_area
******************************/
.infomv_area {
    position: relative;
    max-width: 1000px;
    width: 100%;
    height:403px;
    margin:40px auto 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
}
.info.detail .infomv_area,
.shopinfo.detail .infomv_area,
.shop.details .infomv_area {
    margin-top:0;
}
.infomv_area .infomv_area_inr {
    position: relative;
    width:100%;
    height:100%;
    background-color: rgba(35,25,21,0.47);
}
.infomv_area .cont {
    display: block;
    position: absolute;
    width:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 8.0em;
    color:#FFF;
    text-align: center;
}
.infomv_area .txt {
    position: relative;
    font-size:2.4rem;
    margin-bottom:50px;
}
.infomv_area .txt::after {
    position: absolute;
    bottom: -20px;
    left:50%;
    margin-left:-30px;
    content:"";
    width:60px;
    height:2px;
    background-color: #00AFDD;
}
.infomv_area .date {
    display: inline-block;
    font-size:1.6rem;
    text-align: center;
    color:#EEE;
    border:solid 1px #EEE;
    padding:10px 15px;
}
.infomv_area .author {
    display: block;
    font-size:2.4rem;
    font-weight: bold;
    padding: 0.5em 0.8em;
    margin: 0 auto 40px;
    text-align: center;
    color: #EEE;
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    .infomv_area {
        height: 130px;
        margin: 0 auto 20px;
    }
    .infomv_area .cont {
        height: 6.0em;
    }
    .infomv_area .txt {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 1.6;
        padding:0 10px;
    }
    .shopinfo .infomv_area .txt {
        margin-bottom: 10px;
    }
    .infomv_area .txt::after {
        bottom: -5px;
        margin-left: -20px;
        width: 40px;
    }
    .infomv_area .date {
        font-size: 10px;
        padding: 5px 10px;
    }
    .infomv_area .author {
        margin: 0 auto 5px;
        padding: 0.2em 0.8em;
        font-size: 16px;
    }
}/* ---/SP--- */
/******************************
 infocont_area
******************************/
.wparea.infocont_inr {
    padding-bottom:40px;
    border-bottom:solid 1px #B5B5B6;
}
#infocont_area .infocont_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#infocont_area .infocont_inr::after { content: "";clear: both;display: block;}
#infocont_area .infocont_inr p{
    line-height: 1.8;
}
#infocont_area h1 {
    text-align: center;
    font-size:3.2rem;
    font-weight: 500;
    line-height: 1.4;
    padding:0.8em 1.0em;
    margin-bottom:30px;
}
#infocont_area h2 {
    position: relative;
    text-align: left;
    font-size:2.4rem;
    font-weight: bold;
    line-height: 1.4;
    padding:0.8em 1.0em 0.8em 1.0em;
    margin-bottom:30px;
    border-top:solid 1px #9FA0A0;
    border-bottom:solid 1px #9FA0A0;
    background-color: #F7F8F8;
}
#infocont_area h2::before{
    position: absolute;
    top:0.4em;
    left:0;
    content:"";
    display: inline-block;
    vertical-align: middle;
    width:8px;
    height:calc(70%);
    background-color: #00AFDD;
    margin-right:0.5em;
}
#infocont_area h3 {
    position: relative;
    text-align: left;
    font-size:2.0rem;
    font-weight: 500;
    padding:0.5em 0;
    margin-bottom:30px;
    border-bottom:solid 1px #9FA0A0;
}
#infocont_area h3::after{
    position: absolute;
    bottom:-1px;
    left:0;
    content:"";
    display: block;
    width:200px;
    height:1px;
    background-color: #00AFDD;
}
#infocont_area h4 {
    position: relative;
    text-align: left;
    font-size:1.8rem;
    padding:0.5em 0 0.5em 1.5em;
    margin-bottom:30px;
    border-bottom:solid 1px #9FA0A0;
}
#infocont_area h4::after{
    position: absolute;
    top:50%;
    left:0;
    content:"";
    display: block;
    width:16px;
    height:1px;
    background-color: #00AFDD;
}
/* btn_more */
#infocont_area .btn_more {
    clear:both;
    width:350px;
    margin:0 auto 50px;
}
#infocont_area .btn_more a {
    position: relative;
    display: block;
    font-size:1.6rem;
    border:solid 1px #3E3A39;
    padding:1.4em 1.0em;
    border-radius: 10px;
    color:#333;
}
#infocont_area .btn_more a::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
@media screen and (max-width: 1250px) {
    #infocont_area .infocont_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #infocont_area .infocont_inr {
        margin: 0 auto 20px;
        font-size:12px;
    }
    #infocont_area h2 {
        font-size: 15px;
        margin-bottom: 30px;
    }
    #infocont_area h2::before {
        width: 4px;
    }
    #infocont_area h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #infocont_area h3::after {
        width: 100px;
    }
    #infocont_area h4 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    #infocont_area h4::after {
        width: 8px;
    }
    #infocont_area .btn_more {
        width: 100%;
        margin: 0 auto 20px;
    }
    #infocont_area .btn_more a {
        font-size: 14px;
        padding: 1.0em 0.5em;
        border-radius: 5px;
    }
}/* ---/SP--- */

/**************************************
 * Page of ショップからのお知らせ　詳細
**************************************/
/******************************
 shopinfocont_area
******************************/
.wparea.shopinfocont_inr {
    padding-bottom:40px;
    border-bottom:solid 1px #B5B5B6;
}
#shopinfocont_area .shopinfocont_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#shopinfocont_area .shopinfocont_inr::after { content: "";clear: both;display: block;}
#shopinfocont_area .shopinfocont_inr p{
    line-height: 1.8;
}
#shopinfocont_area h1 {
    text-align: center;
    font-size:3.2rem;
    font-weight: 500;
    line-height: 1.4;
    padding:0.8em 1.0em;
    margin-bottom:30px;
}
#shopinfocont_area h2 {
    position: relative;
    text-align: left;
    font-size:2.4rem;
    font-weight: bold;
    line-height: 1.4;
    padding:0.8em 1.0em 0.8em 1.0em;
    margin-bottom:30px;
    border-top:solid 1px #9FA0A0;
    border-bottom:solid 1px #9FA0A0;
    background-color: #F7F8F8;
}
#shopinfocont_area h2::before{
    position: absolute;
    top:0.4em;
    left:0;
    content:"";
    display: inline-block;
    vertical-align: middle;
    width:8px;
    height:calc(70%);
    background-color: #00AFDD;
    margin-right:0.5em;
}
#shopinfocont_area h3 {
    position: relative;
    text-align: left;
    font-size:2.0rem;
    font-weight: 500;
    padding:0.5em 0;
    margin-bottom:30px;
    border-bottom:solid 1px #9FA0A0;
}
#shopinfocont_area h3::after{
    position: absolute;
    bottom:-1px;
    left:0;
    content:"";
    display: block;
    width:200px;
    height:1px;
    background-color: #00AFDD;
}
#shopinfocont_area h4 {
    position: relative;
    text-align: left;
    font-size:1.8rem;
    padding:0.5em 0 0.5em 1.5em;
    margin-bottom:30px;
    border-bottom:solid 1px #9FA0A0;
}
#shopinfocont_area h4::after{
    position: absolute;
    top:50%;
    left:0;
    content:"";
    display: block;
    width:16px;
    height:1px;
    background-color: #00AFDD;
}
/* btn_more */
#shopinfocont_area .btn_more {
    clear:both;
    width:350px;
    margin:0 auto 50px;
}
#shopinfocont_area .btn_more a {
    position: relative;
    display: block;
    font-size:1.6rem;
    border:solid 1px #3E3A39;
    padding:1.4em 1.0em;
    border-radius: 10px;
    color:#333;
}
#shopinfocont_area .btn_more a::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
@media screen and (max-width: 1250px) {
    #shopinfocont_area .shopinfocont_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #shopinfocont_area .shopinfocont_inr {
        margin: 0 auto 20px;
        font-size:12px;
    }
    #shopinfocont_area h1 {
        font-size: 17px;
        margin-bottom: 30px;
    }
    #shopinfocont_area h2 {
        font-size: 15px;
        margin-bottom: 30px;
    }
    #shopinfocont_area h2::before {
        width: 4px;
    }
    #shopinfocont_area h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #shopinfocont_area h3::after {
        width: 100px;
    }
    #shopinfocont_area h4 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    #shopinfocont_area h4::after {
        width: 8px;
    }
    #shopinfocont_area .btn_more {
        width: 100%;
        margin: 0 auto 20px;
    }
    #shopinfocont_area .btn_more a {
        font-size: 14px;
        padding: 1.0em 0.5em;
        border-radius: 5px;
    }
}/* ---/SP--- */
/**************************************
 * Page of 求人情報
**************************************/
/******************************
 eyecatch_area
******************************/
.page.recruit .eyecatch_area {
    background-image: url(../img/recruit/ec_recruit.jpg);
}

/******************************
 recruit_area
******************************/
#recruit_area .recruit_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#recruit_area .recruit_inr::after { content: "";clear: both;display: block;}
#recruit_area h2 {
    position: relative;
    max-width:1000px;
    width:100%;
    text-align: left;
    font-size:2.6rem;
    padding:0.3em 1.0em 1.0em 70px;
    margin: 0 auto 30px;
}
#recruit_area h2::before{
    position: absolute;
    top:0.4em;
    left:0;
    content:"";
    display: block;
    width:36px;
    height:36px;
    background-repeat: no-repeat;
    background-image: url(../img/ic_news_off.svg);
}
#recruit_area h2 span {
    display: inline-block;
    font-size:1.8rem;
    vertical-align: top;
    border-left:solid 1px #9D9E9E;
    margin-left:20px;
    padding-left:20px;
    height:1.5em;
    line-height: 1.4;
}

#recruit_area article {
    float: left;
    width:49.23%;
    max-width:640px;
    text-align: left;
    margin-left:1.54%;
    margin-bottom:60px;
    padding-top:20px;
}
#recruit_area article:nth-child(odd) {
    margin-left:0;
}
#recruit_area article::after { content: "";clear: both;display: block;}
#recruit_area article .cont {
    position: relative;
    float: right;
    width:50%;
    max-width:320px;
    text-align: left;
}
#recruit_area article .img {
    position: relative;
    top:0;
    left:0;
    z-index: 0;
    overflow: hidden;
    width:46.87%;
    max-width:300px;
    padding-top:31.33%;
    background-color: #F6F6F6;
}
#recruit_area article .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#recruit_area article a:hover .img img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1.2);
}
#recruit_area article h3 {
    position: relative;
    padding: 40px 0 10px;
    margin-bottom:20px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
}
#recruit_area article h3::before {
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color: #9D9E9E;
}
#recruit_area article h3::after {
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    width:60%;
    height:1px;
    background-color: #00AFDD;
}
#recruit_area article .cont .tips {
    position: absolute;
    top: 0;
    padding-top: 0;
    width:100%;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
}
#recruit_area article .cont .tips .cat,
#recruit_area article .cont .tips .place {
    display: inline-block;
    border-radius: 5px;
    padding:0.5em;
    margin-left:5px;
    vertical-align: top;
}
#recruit_area article .cont .tips .cat {
    background-color: #03AFDE;
    max-width:58%;
    margin-left:0;
    letter-spacing: -0.1em;
}
#recruit_area article .cont .tips .place {
    background-color: #E8A317;
    max-width:38%;
}
#recruit_area article .cont .date {
    position: absolute;
    top: -20px;
    left:-100%;
    padding-top: 0;
    color: #595757;
    font-size:1.2rem;
}

#recruit_area article table {
    clear: both;
    width:100%;
    line-height: 1.6;
    border-bottom:solid 1px #B3B3B4;
    border-right:solid 1px #B3B3B4;
}
#recruit_area article table th,
#recruit_area article table td {
    padding:0.6em 1.5em;
}
#recruit_area article table th {
    width:30%;
    background-color: #EFEFEF;
    border-top:solid 1px #B3B3B4;
    border-left:solid 1px #B3B3B4;
    text-align: center;
    font-weight: 500;
}
#recruit_area article table td {
    border-top:solid 1px #B3B3B4;
    border-left:solid 1px #B3B3B4;
    text-align: left;
}
/* btn_more */
#recruit_area .btn_more {
    clear:both;
    width: 100%;
    margin:0 auto 20px;
    text-align: center;
}
#recruit_area .btn_more a {
    position: relative;
    display: block;
    font-size:1.4rem;
    border:solid 1px #3E3A39;
    padding:1.4em 1.0em;
    border-radius: 10px;
    color:#333;
}
#recruit_area .btn_more a::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
@media screen and (max-width: 1250px) {
    #recruit_area .recruit_inr {
        padding:0 15px;
    }
    #recruit_area h2 {
        width:calc(100% - 30px);
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #recruit_area .recruit_inr {
        padding:0 15px 20px;
    }
    #recruit_area h2 {
        font-size: 15px;
        padding: 0.3em 1.0em 0.3em 30px;
    }
    #recruit_area h2::before {
        width: 24px;
        height: 24px;
    }
    #recruit_area h2 span {
        font-size: 12px;
        margin-left: 10px;
        padding-left: 10px;
    }
    #recruit_area article {
        position: relative;
        float: none;
        width: 100%;
        max-width: 768px;
        margin-left: 0;
        margin-bottom: 30px;
        padding-top: calc(68.66% + 20px);;
    }
    #recruit_area article .cont {
        float: none;
        top:0;
        width: 100%;
        max-width: 768px;
    }
    #recruit_area article .img {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        max-width: 768px;
        padding-top: 68.66%;
    }
    #recruit_area article .cont .tips {
        margin-top: 10px;
        font-size: 10px;
    }
    #recruit_area article .cont .date {
        top: 0;
        left: 0;
        font-size:10px;
        margin-top: calc(-68.66% - 15px);
    }
    #recruit_area article h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    #recruit_area article h3::after {
        width: 30%;
    }
    #recruit_area .btn_more {
        margin-bottom: 10px;
    }
    #recruit_area .btn_more a {
        font-size: 12px;
        padding: 1.0em 0.5em;
        border-radius: 5px;
    }
    #recruit_area article table {
        font-size:12px;
    }
    #recruit_area article table th,
    #recruit_area article table td {
        padding: 0.4em 0.6em;
    }
}/* ---/SP--- */

/**************************************
 * Page of 施設案内
**************************************/
/******************************
 eyecatch_area
******************************/
.page.facility .eyecatch_area {
    background-image: url(../img/facility/ec_facility.jpg);
}

/******************************
 facility_area
******************************/
#facility_area .facility_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#facility_area .facility_inr::after { content: "";clear: both;display: block;}
#facility_area h2 {
    position: relative;
    max-width:1000px;
    width:100%;
    text-align: left;
    font-size:2.6rem;
    font-weight: 500;
    padding:0.5em 0;
    margin: 0 auto 30px;
    border-bottom:solid 1px #9FA0A0;
}
#facility_area h2::after{
    position: absolute;
    bottom:-1px;
    left:0;
    content:"";
    display: block;
    width:200px;
    height:1px;
    background-color: #00AFDD;
}
#facility_area nav {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#facility_area nav ul {
    display: table;
    width: 100%;
}
#facility_area nav ul::after { content: "";clear: both;display: block;}
#facility_area nav li {
    display: block;
    float: left;
    vertical-align: middle;
    width: calc(33.33% - 1px);
    margin-left: 1px;
}
#facility_area nav li:first-child {
    margin-left: 0;
}
#facility_area nav a {
    display: block;
    vertical-align: middle;
    background-color: #D6E2E8;
    color: #2F2725;
    width: 100%;
    min-height: 40px;
    padding:1.0em;
}
#facility_area nav li.current a{
    background-color: #00AFDD;
    color: #FFF;
}
#facility_area .facility_inr .img {
    position: relative;
    width: 100%;
    margin-bottom:30px;
}
#facility_area .facility_inr .img a{
    display: block;
}
#facility_area .facility_inr .img::before,
#facility_area .facility_inr .img::after {
    content:"";
    position: absolute;
    z-index: 1;
    width:65px;
    height:65px;
    background-repeat: no-repeat;
    background-size: 100%;
}
#facility_area .facility_inr .img.all::before {
    top:0;
    left:0;
    background-image: url(../img/facility/ic_2f.svg);
}
#facility_area .facility_inr .img.all::after {
    top:50%;
    left:0;
    background-image: url(../img/facility/ic_1f.svg);
}
#facility_area .facility_inr .img.atown::before,
#facility_area .facility_inr .img.btown::before {
    top:0;
    left:0;
}
#facility_area .facility_inr .img.atown::before {
    background-image: url(../img/facility/ic_1f.svg);
}
#facility_area .facility_inr .img.atown:first-child::before {
    background-image: url(../img/facility/ic_2f.svg);
}
#facility_area .facility_inr .img.btown::before {
    background-image: url(../img/facility/ic_1f.svg);
}
#facility_area .facility_inr .img.btown:first-child::before {
    background-image: url(../img/facility/ic_2f.svg);
}
#facility_area .facility_inr .img.atown::after,
#facility_area .facility_inr .img.btown::after {
    display: none;
}
#facility_area .facility_inr .img img {
    width: 100%;
}
#facility_area .facility_inr .link {
    position: absolute;
    left:0;
    top:0;
    z-index: 1;
    width: 100%;
    height:100%;
}
#facility_area .facility_inr .link a {
    position: relative;
    display: inline-block;
    font-size:2.0rem;
    color:#333;
}
#facility_area .facility_inr .link a::before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width:40px;
    height:40px;
    margin-right:10px;
    background-image: url(../img/facility/ic_search_f.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
#facility_area .facility_inr .link li {
    position: absolute;
}
#facility_area .facility_inr .a1 {
    bottom:23%;
    left:20%;
}
#facility_area .facility_inr .a2 {
    top: 18%;
    left:20%;
}
#facility_area .facility_inr .b1 {
    bottom:23%;
    right:15%;
}
#facility_area .facility_inr .b2 {
    top: 18%;
    right:15%;
}
@media screen and (max-width: 1250px) {
    #facility_area .facility_inr {
        padding:0 15px;
    }
    #facility_area nav {
        padding:0 15px;
    }
    #facility_area h2 {
        width: calc(100% - 30px);
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #facility_area .facility_inr {
        margin: 0 auto 50px;
    }
    #facility_area nav {
        margin: 0 auto 50px;
    }
    #facility_area h2 {
        font-size: 15px;
    }
    #facility_area h2::after {
        width: 100px;
    }
    #facility_area nav ul {
        display: block;
    }
    #facility_area nav ul::after { content: "";clear: both;display: block;}
    #facility_area nav li {
        float: left;
        display: block;
        height: auto;
        font-size:11px;
    }
    #facility_area nav a {
        display: block;
        width: 100%;
        min-width: auto;
        height: auto;
        min-height: auto;
        padding: 1.0em 0;
    }
    #facility_area .facility_inr .img::before,
    #facility_area .facility_inr .img::after {
        width: 40px;
        height: 40px;
    }
    #facility_area .facility_inr .img.all::after {
        top: 43%;
    }
    #facility_area .facility_inr .link a {
        font-size:3.6vw;
    }
    #facility_area .facility_inr .link a::before {
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }
    #facility_area .facility_inr .a1 {
        bottom: 27%;
        left: 18%;
    }
    #facility_area .facility_inr .a2 {
        top: 25%;
        left: 18%;
    }
    #facility_area .facility_inr .b1 {
        bottom: 27%;
        right: 13%;
    }
    #facility_area .facility_inr .b2 {
        top: 25%;
        right: 13%;
    }
}/* ---SP--- */

/**************************************
 * Page of 施設案内　詳細
**************************************/
/******************************
 facility_area table
******************************/
#facility_area .facility_inr table {
    clear: both;
    width:100%;
    line-height: 1.6;
    margin-bottom:50px;
    border-bottom:solid 1px #B3B3B4;
    border-right:solid 1px #B3B3B4;
}
#facility_area .facility_inr table th,
#facility_area .facility_inr table td {
    padding:0.6em 1.5em;
}
#facility_area .facility_inr table th {
    width:33.33%;
    background-color: #EFEFEF;
    border-top:solid 1px #B3B3B4;
    border-left:solid 1px #B3B3B4;
    text-align: center;
    font-weight: 500;
}
#facility_area .facility_inr table td {
    border-top:solid 1px #B3B3B4;
    border-left:solid 1px #B3B3B4;
    text-align: center;
}
#facility_area .facility_inr table td a {
    color:#0091D3;
    text-decoration: underline;
}
#facility_area .facility_inr table tr td:first-child {
    text-align: left;
}

/******************************
 sign
******************************/
#facility_area h2.signh span {
    display: inline-block;
    font-size:1.8rem;
    vertical-align: top;
    border-left:solid 1px #9D9E9E;
    margin-left:20px;
    padding-left:20px;
    height:1.5em;
    line-height: 1.4;
}
#facility_area .sign {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#facility_area .sign::after { content: "";clear: both;display: block;}
#facility_area .sign li{
    display: table;
    float: left;
    width: 111px;
    font-size:1.2rem;
    line-height: 1.2;
    text-align: left;
    margin-bottom:20px;
}
#facility_area .sign li .ic,
#facility_area .sign li .txt{
    display: table-cell;
    height:30px;
    vertical-align: middle;
}
#facility_area .sign li .ic{
    width: 30px;
}
#facility_area .sign li .txt{
    width: 81px;
    padding: 0 5px;
}
#facility_area .sign li .ic img{
    width: 100%;
}
@media screen and (max-width: 1250px) {
    #facility_area .sign {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #facility_area .facility_inr table {
        font-size:12px;
    }
    #facility_area .facility_inr table th,
    #facility_area .facility_inr table td {
        padding: 0.4em 0.6em;
    }
    #facility_area .facility_inr table th:first-child {
        width: 40.00%;
    }
    #facility_area .facility_inr table th:nth-child(2) {
        width: 32.00%;
    }
    #facility_area .facility_inr table th:nth-child(3) {
        width: 28.00%;
    }
    #facility_area h2.signh span {
        font-size: 11px;
        margin-left: 10px;
        padding-left: 10px;
    }
    #facility_area .sign li {
        width: 33.33%;
        font-size: 11px;
        margin-bottom: 10px;
    }
}/* ---SP--- */
/**************************************
 * Page of アクセス
**************************************/
/******************************
 eyecatch_area
******************************/
.page.access .eyecatch_area {
    background-image: url(../img/access/ec_access.jpg);
}

/******************************
 access_area
******************************/
#access_area .access_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#access_area .access_inr::after { content: "";clear: both;display: block;}
#access_area h2 {
    position: relative;
    max-width:1000px;
    width:100%;
    text-align: left;
    font-size:2.6rem;
    font-weight: 500;
    padding:0.5em 0;
    margin: 0 auto 30px;
    border-bottom:solid 1px #9FA0A0;
}
#access_area h2::after{
    position: absolute;
    bottom:-1px;
    left:0;
    content:"";
    display: block;
    width:200px;
    height:1px;
    background-color: #00AFDD;
}
#access_area .access_inr .img{
    float: left;
    width:50%;
    max-width:500px;
}
#access_area .access_inr .img img{
    width:100%;
}
#access_area .access_inr .access_box{
    float: right;
    text-align: left;
    width:47%;
    max-width:470px;
    line-height: 1.4;
    margin-bottom:40px;
}
#access_area .access_inr .basic{
    margin-bottom:20px;
}
#access_area .access_inr .basic::after { content: "";clear: both;display: block;}
#access_area .access_inr .basic dt,
#access_area .access_inr .basic dd{
    padding:0.8em 0;
}
#access_area .access_inr .basic dt{
    float: left;
}
#access_area .access_inr .basic dd{
    border-bottom:dashed 1px #727171;
    padding-left:6.0em;
}
#access_area .access_inr p{
    margin-bottom:20px;
}
#access_area .access_inr .accessdl dt{
    position: relative;
    border-bottom:solid 1px #9E9F9F;
    font-size:1.6rem;
    font-weight: bold;
    padding:0.6em 1.0em 0.6em 26px;
    margin-bottom:10px;
}
#access_area .access_inr .accessdl dt::before{
    content:"";
    position: absolute;
    top:50%;
    left:0;
    width:16px;
    height:2px;
    background-color: #00AFDD;
}
#access_area .access_inr .accessdl dd{
    margin-bottom:20px;
}
#access_area .gmap {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#access_area .gmap iframe,
#access_area .gmap object,
#access_area .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1250px) {
    #access_area .access_inr {
        padding:0 15px;
    }
    #access_area nav {
        padding:0 15px;
    }
    #access_area h2 {
        width: calc(100% - 30px);
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #access_area .access_inr {
        margin: 0 auto 50px;
    }
    #access_area nav {
        padding:0 15px;
        margin: 0 auto 50px;
    }
    #access_area h2 {
        font-size: 15px;
    }
    #access_area h2::after {
        width: 100px;
    }
    #access_area .access_inr .img {
        float: none;
        width: 100%;
    }
    #access_area .access_inr .access_box {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    #access_area .access_inr {
        font-size:12px;
    }
    #access_area .access_inr .accessdl dt {
        font-size: 12px;
        padding: 0.6em 1.0em 0.6em 13px;
    }
    #access_area .access_inr .accessdl dt::before {
        width: 8px;
    }
}/* ---SP--- */

/**************************************
 * Page of プライバシーポリシー
**************************************/
/******************************
 eyecatch_area
******************************/
.page.privacy .eyecatch_area {
    background-image: url(../img/privacy/ec_privacy.jpg);
}
/******************************
 privacy_area
******************************/
#privacy_area .privacy_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: left;
}
#privacy_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#privacy_area h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#privacy_area h3 {
    position: relative;
    text-align: left;
    font-size: 1.8rem;
    padding: 0.5em 0 0.5em 1.5em;
    margin: 30px 0;
    border-bottom: solid 1px #9FA0A0;
}
#privacy_area h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #00AFDD;
}
#privacy_area h4 {
    position: relative;
    text-align: left;
    font-size: 1.6rem;
    padding: 0.5em 0;
    margin-bottom: 10px;
}
#privacy_area p {
    display: block;
    margin: 1em 0;
    line-height: 1.8;
}

#privacy_area .privacy_inr::after { content: "";clear: both;display: block;}
#privacy_area .pribox{border:solid 1px #CCC;padding:30px;}
#privacy_area ul,
#privacy_area ol {
    padding: 0 1.0em 0 2.5em;
    margin-bottom: 40px;
}
#privacy_area ol {
    counter-reset: number 0;
}
#privacy_area li {
    position: relative;
    margin-bottom: 0.5em;
    line-height: 1.8;
}
#privacy_area ul li::before {
    content: "■";
    position: absolute;
    top: 0;
    left: -1.5em;
}
#privacy_area ol li::before {
    counter-increment: number 1;
    content: counter(number) ".";
    position: absolute;
    top: 0;
    left: -1.5em;
}
@media screen and (max-width: 1250px) {
    #privacy_area .privacy_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #privacy_area .privacy_inr {
        margin: 0 auto 50px;
        font-size:12px;
    }
    #privacy_area h2 {
        font-size: 15px;
    }
    #privacy_area h2::after {
        width: 100px;
    }
    #privacy_area h3 {
        font-size: 13px;
    }
    #privacy_area h3::before {
        width: 8px;
    }
    #privacy_area .pribox {
        padding: 15px;
    }
    #privacy_area ul, #privacy_area ol {
        padding: 0 1.0em 0 2.0em;
        margin-bottom: 20px;
    }
}/* ---SP--- */

/**************************************
 * Page of お問い合わせ
**************************************/
/******************************
 eyecatch_area
******************************/
.page.contact .eyecatch_area {
    background-image: url(../img/contact/ec_contact.jpg);
}

/******************************
 contact_area
******************************/
#contact_area .contact_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: left;
}
#contact_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#contact_area h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#contact_area h3 {
    position: relative;
    text-align: left;
    font-size: 1.8rem;
    padding: 0.5em 0 0.5em 1.5em;
    margin: 30px 0;
    border-bottom: solid 1px #9FA0A0;
}
#contact_area h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #00AFDD;
}
/* contact_tel */
#contact_area .contact_tel{
    border:solid 1px #CCC;
    padding:40px;
    margin:0 160px 50px;
    line-height: 1.8;
    text-align: center;
}
#contact_area .contact_tel .tel {
    display: block;
    margin:20px 0 10px;
}
#contact_area .contact_tel p {
    font-size: 2.4rem;
    font-weight: 500;
}
#contact_area .contact_tel .btn_more {
    clear: both;
    width: 350px;
    margin: 0 auto 50px;
    padding-top:30px;
}
#contact_area .contact_tel .btn_more a {
    position: relative;
    display: block;
    font-size:1.6rem;
    border:solid 1px #3E3A39;
    padding:1.4em 1.0em;
    border-radius: 10px;
    color:#333;
}
#contact_area .contact_tel .btn_more a::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#contact_area .contact_tel .imgtxt {
    border-top:dotted 1px #CCC;
    padding-top:30px;
}
#contact_area .contact_tel .imgtxt img{
    width:340px;
}

@media screen and (max-width: 1250px) {
    #contact_area .contact_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #contact_area .contact_inr {
        margin: 0 auto 50px;
    }
    #contact_area h2 {
        font-size: 15px;
    }
    #contact_area h2::after {
        width: 100px;
    }
    #contact_area h3 {
        font-size: 13px;
    }
    #contact_area h3::before {
        width: 8px;
    }
    #contact_area .contact_tel {
        padding: 20px;
        margin: 0 0 20px;
    }
    #contact_area .contact_tel p {
        font-size: 14px;
    }
    #contact_area .contact_tel .btn_more {
        width: 100%;
        margin: 0 auto 20px;
    }
    #contact_area .contact_tel .btn_more a {
        font-size: 14px;
        padding: 1.0em 0.5em;
        border-radius: 5px;
        width: 100%;
        margin:0;
        line-height: 1.0;
    }
    #contact_area .contact_tel .imgtxt img {
        width:240px;
    }
}/* ---SP--- */



/**************************************
 * Page of よくあるご質問
**************************************/
/******************************
 eyecatch_area
******************************/
.page.faq .eyecatch_area {
    background-image: url(../img/faq/ec_faq.jpg);
}
/******************************
 faq_area
******************************/
#faq_area .faq_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#faq_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#faq_area h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#faq_area dl {
    font-size:1.8rem;
    text-align: left;
    line-height: 1.8;
    margin-bottom:50px;
}
#faq_area dl dt ,
#faq_area dl dd {
    padding:1.0em 1.5em 1.0em 3.5em;
    margin-bottom:5px;
}
#faq_area dl dt {
    position: relative;
    background-color: #F9F9F8;
    cursor: pointer;
}
#faq_area dl dd {
    position: relative;
    display: none;
}
#faq_area dl dt::before,
#faq_area dl dd::before {
    position: absolute;
    top:0.7em;
    left:1.2em;
    display: block;
    font-size:2.2rem;
}
#faq_area dl dt::before {
    content:"Q. ";
    color: #00AFDD;
}
#faq_area dl dd::before {
    content:"A. ";
}
#faq_area dl dt::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#faq_area dl dt.open::after {
    margin-top: -5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width: 1250px) {
    #faq_area .faq_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #faq_area .faq_inr {
        margin: 0 auto 50px;
    }
    #faq_area h2 {
        font-size: 15px;
    }
    #faq_area h2::after {
        width: 100px;
    }
    #faq_area dl {
        font-size:13px;
    }
    #faq_area dl dt ,
    #faq_area dl dd {
        padding:0.8em 2.0em 0.8em 3.5em;
        margin-bottom:2px;
    }
    #faq_area dl dt::before,
    #faq_area dl dd::before {
        font-size:14px;
    }
    #faq_area dl dt::after {
        right: 12px;
        top: 50%;
        margin-top: -6px;
        content: "";
        width: 6px;
        height: 6px;
    }
    #faq_area dl dt.open::after {
        margin-top: -3px;
    }
}/* ---SP--- */


/**************************************
 * Page of サービス
**************************************/
/******************************
 eyecatch_area
******************************/
.page.service .eyecatch_area {
    background-image: url(../img/service/ec_service.jpg);
}
/******************************
 service_area
******************************/
#service_area .service_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#service_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#service_area h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#service_area ul::after { content: "";clear: both;display: block;}
#service_area ul li{
    position: relative;
    float: left;
    width: 30.6%;
    max-width: 306px;
    margin-left:4.1%;
    text-align: left;
    margin-bottom:50px;
}
#service_area ul li:nth-child(3n+1){
    margin-left:0;
}
#service_area ul li .txt {
    padding-top: 68.62%;
    line-height: 1.6;
}
#service_area ul li h3 {
    position: relative;
    font-size:1.6rem;
    font-weight: 500;
    padding: 0.5em 0 0.5em 1.5em;
    margin-bottom: 10px;
    border-bottom: solid 1px #9FA0A0;
}
#service_area ul li h3::before {
    position: absolute;
    top: 1.2em;
    left: 0;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #00AFDD;
}
#service_area ul li .img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 68.62%;
    background-color: #F6F6F6;
}
#service_area ul li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
@media screen and (max-width: 1250px) {
    #service_area .service_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #service_area .service_inr {
        margin: 0 auto 50px;
    }
    #service_area h2 {
        font-size: 15px;
    }
    #service_area h2::after {
        width: 100px;
    }
    #service_area ul li{
        width: 48.27%;
        max-width: 768px;
        margin-left:3.46%;
        margin-bottom:30px;
        font-size:12px;
    }
    #service_area ul li:nth-child(3n+1) {
        margin-left:3.46%;
    }
    #service_area ul li:nth-child(odd){
        margin-left:0;
    }
    #service_area ul li h3 {
        font-size: 13px;
    }
    #service_area ul li h3::before {
        width: 8px;
    }
}/* ---SP--- */


/**************************************
 * Page of コンセプト
**************************************/
/******************************
 eyecatch_area
******************************/
.page.concept .eyecatch_area {
    background-image: url(../img/concept/ec_concept.jpg);
}
/******************************
 concept_area
******************************/
#concept_area .concept_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#concept_area h2 {
    width:340px;
    margin:0 auto 80px;
}
#concept_area h2 img {
    width:100%;
}
#concept_area p {
    font-size:2.2rem;
    font-weight: bold;
    margin-bottom:10px;
    line-height: 2.0;
}
#concept_area .lead {
    font-size:3.0rem;
}
#concept_area .lead span{
    text-decoration: underline;
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #concept_area .concept_inr {
        padding:0 15px;
        margin: 0 auto 50px;
    }
    #concept_area h2 {
        width:80%;
        margin:50px auto;
    }
    #concept_area p {
        font-size:14px;
    }
    #concept_area .lead {
        font-size:18px;
    }
    #concept_area p br{
        display: none;
    }
}/* ---SP--- */


/**************************************
 * Page of 催事スペースの貸出
**************************************/
/******************************
 eyecatch_area
******************************/
.page.business .eyecatch_area {
    background-image: url(../img/business/ec_business.jpg);
}

/******************************
 business_area
******************************/
#business_area .business_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: left;
}
#business_area .business_inr p{
    line-height: 1.8;
    margin-bottom:20px;
}
#business_area .business_inr h2 + p{
    margin-bottom:50px;
}
#business_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#business_area h2::before {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#business_area h3 {
    position: relative;
    text-align: left;
    font-size: 1.8rem;
    padding: 0.5em 0 0.5em 1.5em;
    margin: 30px 0;
    border-bottom: solid 1px #9FA0A0;
}
#business_area h3::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #00AFDD;
}
#business_area h4 {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 10px;
}
#business_area .img_box{
    float:right;
    width:47%;
    max-width:470px;
}
#business_area .img_box::after { content: "";clear: both;display: block;}
#business_area .img_box p{margin-bottom:15px;}
#business_area .img_box .sub{
    float:left;
    width:48.29%;
    max-width:227px;
}
#business_area .img_box .sub:last-child{
    margin-left:3.4%;
}
#business_area .img_box img{
    width:100%;
}
#business_area .txt_box{
    width:47.5%;
    max-width:475px;
    line-height: 1.8;
}
#business_area .txt_box img{
    width:100%;
}
#business_area ul,
#business_area ol {
    padding: 0 1.0em 0 2.5em;
    margin-bottom: 40px;
}
#business_area ol {
    counter-reset: number 0;
}
#business_area li {
    position: relative;
    margin-bottom: 0.5em;
    line-height: 1.8;
}
#business_area ul li::before {
    content: "■";
    position: absolute;
    top: 0;
    left: -1.5em;
}
#business_area ol li::before {
    counter-increment: number 1;
    content: counter(number) ".";
    position: absolute;
    top: 0;
    left: -1.5em;
}
#business_area .img_box2{
    margin-bottom:20px;
}
#business_area .img_box2::after { content: "";clear: both;display: block;}
#business_area .img_box2 p{
    float:left;
    width:47%;
    max-width:470px;
    margin-left:6%;
    margin-bottom:15px;
}
#business_area .img_box2 p img{
    width: 100%;
}
#business_area .img_box2 p:first-child{
    margin-left:0;
}
#business_area .pdf{
    clear:both;
    margin: 60px 0;
}
#business_area .point,
#business_area .pdf p{
    font-size:2.4rem;
    font-weight: 500;
    text-align: center;
}
#business_area .btn_more{
    display: block;
    margin:0 auto 60px;
    width:350px;
}
#business_area .btn_more a{
    position: relative;
    display: block;
    width:100%;
    padding:1.5em 1.0em;
    background-color: #00AFDD;
    border-radius: 5px;
    color:#FFF;
    text-align: center;
    font-size:1.6rem;
}
#business_area .btn_more a::before {
    content: "";
    display: block;
    position: absolute;
    right: 1.0em;
    top: 50%;
    content: "";
    width: 6px;
    height: 6px;
    margin-top:-3px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#business_area .pdf .btn_more a{
    background-color: #666;
}
#business_area .pdf .btn_more a::before {
    display: none;
}
#business_area .pdf .btn_more a::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.0em;
    top: 50%;
    content: "";
    width: 20px;
    height: 18px;
    margin-top:-9px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image:url(../img/ic_pdf.svg);
}
#business_area table{
    width: 100%;
    border-top:solid 1px #B3B3B5;
    border-left:solid 1px #B3B3B5;
}
#business_area table th,
#business_area table td{
    border-bottom:solid 1px #B3B3B5;
    border-right:solid 1px #B3B3B5;

    text-align: center;
    padding:1.2em 1.0em;
}
#business_area table th{
    background-color: #EEEEEE;
    width: 33.33%;
}


@media screen and (max-width: 1250px) {
    #business_area .business_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #business_area .business_inr {
        margin: 0 auto 50px;
        font-size:12px;
    }
    #business_area h2 {
        font-size: 15px;
    }
    #business_area h2::after {
        width: 100px;
    }
    #business_area h3 {
        font-size: 13px;
    }
    #business_area h3::before {
        width: 8px;
    }
    #business_area .img_box {
        float: none;
        width: 100%;
        max-width: 768px;
    }
    #business_area .txt_box {
        width: 100%;
        max-width: 768px;
    }
    #business_area .btn_more {
        margin: 0 auto 30px;
        width: 100%;
    }
    #business_area .btn_more a{
        font-size: 14px;
    }
    #business_area .point, #business_area .pdf p {
        font-size: 18px;
    }
    #business_area .img_box2 p {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}/* ---SP--- */


/**************************************
 * Page of カード会員募集
**************************************/
/******************************
 eyecatch_area
******************************/
.page.member .eyecatch_area {
    background-image: url(../img/member/ec_member.jpg);
}
/******************************
 member_area
******************************/
#member_area .member_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: left;
}
#member_area h2 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em .10em;
    margin-bottom: 30px;
    line-height: 1.6;
}

#member_area h3 {
    position: relative;
    text-align: left;
    font-size: 1.8rem;
    padding: 0.5em 0 0.5em 1.5em;
    margin: 30px 0;
    border-bottom: solid 1px #9FA0A0;
}
#member_area h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #00AFDD;
}
#member_area h4 {
    position: relative;
    text-align: left;
    font-size: 1.6rem;
    padding: 0.5em 0;
    margin-bottom: 10px;
}

/* img_box */
#member_area .img_box{
    position: relative;
    width:330px;
    margin:0 auto;
}
#member_area .img_box img{
    position: relative;
    z-index: 0;
}
#member_area .img_box span{
    position: absolute;
    display: block;
    width:100px;
}
#member_area .img_box span.enroll{
    top:0;
    right:-60px;
    z-index: 1;
}
#member_area .img_box span.year{
    top:60px;
    right:-120px;
    z-index: 2;
}

/* campaign_box */
#member_area #campaign_box{
    text-align: center;
    background-color: #f9f9f8;
    padding:30px;
    margin-bottom:50px;
}
#member_area #campaign_box p{
    width: 648px;
    margin:0 auto;
}
#member_area #campaign_box img{
    width: 100%;
}
/* enroll_box */
#member_area .enroll_box{
    margin-bottom:50px;
}
#member_area .enroll_box p{
    line-height: 1.6;
}
#member_area .enroll_box::after { content: "";clear: both;display: block;}
#member_area .enroll_box .limit{
    float: left;
    background-color: #a5347b;
    width:125px;
    height:125px;
    text-align: center;
    padding:15px 10px;
    margin-right:10px;
    color: #FFF;
    line-height: 1.4;
}
#member_area .enroll_box .limit h4{
    color: #a5347b;
    background-color: #FFF;
    font-size:1.5rem;
    font-weight: 500;
    text-align: center;
    border-radius: 1.0em;
    line-height: 1.0;
}
#member_area .enroll_box .limit p{
    font-size:1.1rem;
}
#member_area .enroll_box .limit p span{
    display: block;
    font-size:1.4rem;
    font-weight: 500;
}
#member_area .enroll_box ul{
    float: left;
    font-size:2.2rem;
    width: calc(100% - 135px);
    max-width: 860px;
}
#member_area .enroll_box ul li{
    padding:20px 10px;
    letter-spacing: 0.1em;
}
#member_area .enroll_box ul li:first-child{
    border-bottom:dotted 2px #9e9f9f;
}
#member_area .enroll_box ul li span.sat{
    color:#29a7de;
}
#member_area .enroll_box ul li span.sun{
    color:#a5347b;
}
#member_area .enroll_box ul li::after { content: "";clear: both;display: block;}
#member_area .enroll_box ul li p{
    display: inline-block;
    float: right;
}

/* benefit_box */
#member_area .benefit_box {
    padding:0 20px;
    margin-bottom:20px;
}
#member_area .benefit_box::after { content: "";clear: both;display: block;}
#member_area .benefit_box .img {
    float: left;
    width: 35%;
    max-width: 350px;
    margin-right: 30px;
}
#member_area .benefit_box .img img {
    width:100%;
}
#member_area .benefit_box ul {
    float: left;
    width:calc(100% - 380px);
    max-width:570px;
}
#member_area .benefit_box ul::after { content: "";clear: both;display: block;}
#member_area .benefit_box li {
    float: left;
    position: relative;
    width:46%;
    max-width:270px;
    height:110px;
    margin-left:30px;
    margin-bottom:20px;
    border:solid 1px #a5347b;
    border-radius: 10px;
    color: #a5347b;
    padding:30px 20px;
    font-size:1.8rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}
#member_area .benefit_box li span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
}
#member_area .benefit_box li:nth-child(odd) {
    margin-left:0;
}

/* enroll_box */
#member_area .benefit_detail_box::after { content: "";clear: both;display: block;}
#member_area .benefit_detail_box li {
    float: left;
    width:47%;
    max-width:475px;
    padding:20px 30px;
    margin-left:50px;
    margin-bottom:40px;
    border:solid 1px #333;
    line-height: 1.6;
}
#member_area .benefit_detail_box li:nth-child(odd) {
    margin-left:0;
}
#member_area .benefit_detail_box h4 {
    position: relative;
    background-color: #a5347b;
    color:#FFF;
    font-size:1.8rem;
    line-height: 1.4;
    padding:1.5em;
    margin-bottom:30px;
    height:75px;
    text-align: center;
}
#member_area .benefit_detail_box h4 span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
}
#member_area .benefit_detail_box h4:after {
    right: 50%;
    bottom: -20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#member_area .benefit_detail_box h4:after {
    border-bottom-color: #a5347b;
    border-width:10px;
    margin-top: -5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

@media screen and (max-width: 1250px){
    #member_area .member_inr {
        padding: 0 15px;
    }
    #member_area .enroll_box ul li p {
        display: block;
        float: none;
    }
    #member_area .enroll_box ul li {
        padding: 5px 10px;
    }
    #member_area .benefit_box .img {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #member_area .benefit_box ul {
        float: none;
        width: 80%;
        max-width: 100%;
    }
    #member_area .benefit_detail_box li {
        width: 40%;
    }
}


/* ---SP--- */
@media screen and (max-width: 768px) {
    #member_area .member_inr {
        padding:0 15px;
        margin: 0 auto 50px;
    }
    #member_area h2 {
        text-align: left;
        font-size: 17px;
        margin-bottom: 20px;
    }
    #member_area .img_box {
        width: 84.37%;
        margin-bottom: 20px;
    }
    #member_area .img_box span{
        width: 55px;
    }
    #member_area .img_box span.enroll {
        top: auto;
        bottom:10px;
        right: auto;
        left:-30px;
        z-index: 2;
    }
    #member_area .img_box span.year {
        top: auto;
        bottom:10px;
        right: auto;
        left:15px;
        z-index: 1;
    }
    #member_area #campaign_box {
        padding: 10px;
        margin-bottom: 20px;
    }
    #member_area #campaign_box p{
        width: 100%;
    }
    #member_area .enroll_box .limit {
        float: none;
        width: 100%;
        height: auto;
    }
    #member_area .enroll_box .limit h4 {
        font-size: 14px;
    }
    #member_area .enroll_box .limit p {
        font-size: 14px;
    }
    #member_area .enroll_box .limit p span {
        font-size: 14px;
    }
    #member_area .enroll_box ul {
        float: none;
        font-size: 14px;
        width: 100%;
    }
    #member_area .enroll_box ul li {
        line-height: 1.4;
        padding: 10px 0;
        letter-spacing: 0em;
    }
    #member_area .enroll_box ul li:first-child {
        border-bottom: dotted 1px #9e9f9f;
    }
    #member_area .enroll_box ul li p {
        display: block;
        float: none;
    }
    #member_area .benefit_box {
        padding: 0;
    }
    #member_area .benefit_box .img {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    #member_area .benefit_box ul {
        float: none;
        width: 100%;
    }
    #member_area .benefit_box li {
        float: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 10px;
        border-radius: 5px;
        padding: 20px 10px;
        font-size: 14px;
    }
    #member_area .benefit_detail_box li {
        float: none;
        width: 100%;
        padding: 20px;
        margin-left: 0;
        margin-bottom: 20px;
    }
    #member_area .benefit_detail_box h4 {
        font-size: 14px;
        padding: 10px;
        height: 50px;
        margin-bottom: 20px;
        text-align: center;
    }
    #member_area .benefit_detail_box h4:after {
        bottom: -10px;
        border-width: 5px;
    }
}/* ---SP--- */


/**************************************
 * Page of サイトマップ
**************************************/
/******************************
 eyecatch_area
******************************/
.page.sitemap .eyecatch_area {
    background-image: url(../img/sitemap/ec_sitemap.jpg);
}
/******************************
 sitemap_area
******************************/
#sitemap_area .sitemap_inr {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px;
}
#sitemap_area h2 {
    position: relative;
    text-align: left;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0.5em 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #9FA0A0;
}
#sitemap_area h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background-color: #00AFDD;
}
#sitemap_area ul {
    text-align: left;
    font-size: 1.8rem;
}
#sitemap_area ul::after { content: "";clear: both;display: block;}
#sitemap_area ul li{
    float: left;
    width:48.3%;
    max-width:483px;
    border-bottom:solid 1px #808080;
    margin-left:3.4%;
    margin-bottom:10px;
}
#sitemap_area ul li:nth-child(odd){
    margin-left:0;
}
#sitemap_area ul li a{
    position: relative;
    display: block;
    padding:0.8em 1.0em 0.8em 1.5em;
    color:#333;
}
#sitemap_area ul li a::after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -3px;
    content: "";
    width: 6px;
    height:6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width: 1250px) {
    #sitemap_area .sitemap_inr {
        padding:0 15px;
    }
}
/* ---SP--- */
@media screen and (max-width: 768px) {
    #sitemap_area .sitemap_inr {
        margin: 0 auto 50px;
    }
    #sitemap_area h2 {
        font-size: 15px;
    }
    #sitemap_area h2::after {
        width: 100px;
    }
    #sitemap_area ul {
        font-size:13px;
    }
    #sitemap_area ul li{
        float: none;
        margin-left:0;
        width: 100%;
    }
    #faq_area dl dt::before,
    #faq_area dl dd::before {
        font-size:14px;
    }
    #faq_area dl dt::after {
        right: 12px;
        top: 50%;
        margin-top: -6px;
        content: "";
        width: 6px;
        height: 6px;
    }
    #faq_area dl dt.open::after {
        margin-top: -3px;
    }
}/* ---SP--- */