@charset "UTF-8";
@font-face {
  font-family: "NotoSansCJKjpNormal";
  font-style: bold;
  font-weight: 800;
  src: local("Noto Sans CJK JP Regular"), 
    url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), 
    url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJKjpMedium";
  font-style: bold;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), 
    url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), 
    url("../fonts/NotoSansCJKjp-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Hind-Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Hind Regular"), 
    url("../fonts/Hind-Regular.woff2") format("woff2"), 
    url("../fonts/Hind-Regular.otf") format("opentype");
}
.headerSns .fa-facebook {color: #000000;}
.headerSns .fa-twitter-square {color: #000000;}

.snsArea .fa-line {color:#08c655; }
.snsArea .fa-facebook {color: #3b5998;}
.snsArea .fa-twitter-square {color: #1ca2f1;}

a {outline: none;}
/* ----------------------------------------------------------
 html5 elements
---------------------------------------------------------- */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ----------------------------------------------------------
 body
---------------------------------------------------------- */
body {
    color: #212121;
    font-size: 14px;
    letter-spacing: .12em;
    line-height: 1.6;
    overflow-x: hidden;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: relative;
    font-family: 'NotoSansCJKjpMedium' , sans-serif;
}
.weight_bold{font-weight: bold;}
div , ul , span , article {
    box-sizing: border-box;
}
body, input, textarea, select, button {
    line-height: 1.6;
    letter-spacing: 0.8px;
}

body:before {
    display: none;
}

/* トップページ */
body > iframe {
  display: none;
}

html {
    font-family: 'pc';
}


@media screen and (min-width: 768px) {
    body:before {
        content: 'pc';
    }
}

@media screen and (max-width: 767px) {
    html {
        font-family: 'sp';
    }
    body, input, textarea, select, button {
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    }
    body:before {
        content: 'sp';
    }
}
/* ----------------------------------------------------------
 base Link
---------------------------------------------------------- */
a {
    color: #333;
    text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: underline;}
/* ----------------------------------------------------------
 clearfix
---------------------------------------------------------- */
.clearfix:after,
.contents:after
{
    clear: both;
}
/* ----------------------------------------------------------
 layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
/* ----------------------------------------------------------
 wrapper
---------------------------------------------------------- */
#wrapper {
    width: 100%;
    background: #fbfbf3;
    position: relative;
    z-index: 0;
}
@media screen and (max-width: 767px) {
    #wrapper {
        padding-top: 106px;
    }
}
/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
.fa-3x.size {font-size: 2.5em;}
.header {
    background: #fff;
    width: 100%;
    z-index: 200;
/*    -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);*/
}
.headerWaveImg img {
    height: 35px;
    width: 100%;
    display: none;
}
.headerIn {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerUarea {
    width: 1000px;
    margin: 0 auto;
    position: fixed;
    z-index: 400;
    right: 50%;
    margin-right: -500px;
    }
.headerUtility {
    float: right;
/*    margin-top: -42px;*/
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -163px;
}
.headerLogo {
    margin-top: 23px;
}
.headerLogo a {
    display: block;
    overflow: hidden;
    width: 129px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.headerLogo a:hover {
    opacity: 0.7;
}
.headerLogo.s a {
    width: 109px;
}
.headerLogo img {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.headerLogo img{
    opacity: 1;
    margin-top: 0;
    width: 100%;
    height: auto;
}
.headerLogo a > img {
    margin-top: -7px;
}
.headerLogo.s .copy img {
    opacity: 0;
}
.headerLogo.s a > img {
    margin-top: -22px;
}
.headerCompanyLogo {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0;
}
.headerCompanyLogo img {
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}
.headerCompanyLogo span {
    display: none;
}
.headerMenu {
    float: left;
}
.fab {height: 35px;}
/* headerSns */
.headerSns {
    padding: 10px 0;
    justify-content: flex-end;
    display: flex;
}
.headerSns li {
    border-radius: 0 0 5px 5px;
    text-align: center;
}.headerSns li:not(:last-of-type) {margin-right: 32px;}
.headerSns li img {
    width: 16px;
}
.headerSns .pinterest {
    background-color: #ce0f19;
}
.headerSns li a {
    display: block;
}
.headerSns li a img {
    display: table-cell;
}

.tav_im01{
    margin: 3% auto 8%;
    display: block;
    width: 82%;
}
#navBtn {
    display: none;
}
@media screen and (max-width: 767px) {
.header {
    overflow: visible;
}
    .headerWaveImg img {
        height: 18px;
        width: 100%;
        display: block;
    }
.headerIn {
    margin-top: -3px;
    width: 100%;
}
.headerUtility {
    float: left;
    margin-top: 0;
    overflow: hidden;
    position: static;
}
.headerLogo {
    float: left;
    width: 144px;
    padding-left: 12px;
    margin-top: 6px;
}
    .headerLogo a {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

.headerCompanyLogo {
    background-color: rgba(255,255,255,0);
    border: none;
    border-radius: 0;
    /*float: left;*/
    margin: 0;
    padding: 13px 0 0;
    left: 100px;
    z-index: 400;
    top: 20px;
}
    .headerCompanyLogo a {
        display: block;
        text-decoration: none;
    }
    .headerCompanyLogo span {
        color: #cfcfcf;
        display: block;
        font-size: 7px;
        line-height: 1.1;
        margin-bottom: -5px;
    }
.headerMenu {
    display: none;
}
.headerUarea {
    width: auto;
    margin: auto;
    position: static;
    z-index: 400;
}
#navBtn {
    display: block;
    position: fixed;
    right: 10px;
    top: 30px;
    z-index: 300;
    width: 25px;
    height: 25px;
}

    #navBtn span {
        display: block;
        height: 0;
        overflow: hidden;
        white-space: nowrap
    }
    #navBtn span:before {
        content: '';
        background: url(../images/common/ico-menu-open.png) no-repeat;
        background-size: contain;
        background-position: center center;
        display: block;
        height: 25px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
    }
    #navBtn.active span:before {
        background-image: url(../images/common/ico-menu-close.png);
    }

}

/* ----------------------------------------------------------
 areaToggleMenu
---------------------------------------------------------- */
.areaToggleMenu {
    display: none;
}
@media screen and (max-width: 767px) {
.areaToggleMenu {
    background-image: url(../images/common/bg-footer01.png);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
}
    .areaToggleMenu.isActive {
        display: block;
    }
    .areaToggleMenuIn {
        margin: 0 auto;å
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .areaToggleMenuIn .listMenu {
        padding: 10px 10px 25px 10px;
    }
        .areaToggleMenuIn .listMenu li {
            border-right: none;
            border-bottom: 1px solid #bfdfe5;
            display: inline-block;
            width: 100%;
        }
        .areaToggleMenuIn .listMenu > li:first-child {
            border-left: none;
        }
        .areaToggleMenuIn .listMenu li:nth-last-of-type(2),
        .areaToggleMenuIn .listMenu li:nth-last-of-type(1) {
            border-bottom: none;
        }
            .areaToggleMenuIn .listMenu > li > a {
                display: block;
                padding: 7px 0;
                position: relative;
                text-align: left;
                text-decoration: none;
            }
            .areaToggleMenuIn .listMenu > li > a::after {
                border-top: 2px solid #218b8f;
                border-right: 2px solid #218b8f;
                content: '';
                height: 5px;
                margin-top: -4px;
                position: absolute;
                right: 5px;
                transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                top: 50%;
                width: 5px;
            }
                .areaToggleMenuIn .listMenu > li a .txt01 {
                    color: #218b8f;
                    display: inline-block;
                    font-size: 12px;
                    font-weight: bold;
                    position: relative;
                    vertical-align: middle;
                }
                .areaToggleMenuIn .listMenu > li a .txt01::after{
                    display: none;
                }
                .areaToggleMenuIn .listSns {
                    margin-top: 5px;
                    width: 100%;
                }
    .areaToggleMenuIn .listSns li {
        border-radius: 5px;
        display: inline-block;
        padding: 9px 0;
        width: 47.8%;
    }
    .areaToggleMenuIn .listSns li + li {
        margin-left: 8px;
    }
        .areaToggleMenuIn .listSns li a {
            display: block;
            text-decoration: none;
        }
        .areaToggleMenuIn .listSns img {
            margin-right: 5px;
            vertical-align: middle;
        }
        .areaToggleMenuIn .listSns .txt02 {
            color: #fff;
            font-size: 11px;
            font-weight: bold;
        }
        .areaToggleMenuIn .listSns .fb {
            background-color: #305097;
        }
        .areaToggleMenuIn .listSns img {
            width: 13px;
        }
        .areaToggleMenuIn .listSns .pinterest {
            background-color: #ce0f19;
        }
        .areaToggleMenuIn .listSns .snap {
            background: linear-gradient(135deg, rgba(255,221,160,1) 1%,rgba(255,104,96,1) 50%,rgba(255,104,96,1) 51%,rgba(161,125,193,1) 100%);
            background: -ms-linear-gradient(135deg, rgba(255,221,160,1) 1%,rgba(255,104,96,1) 50%,rgba(255,104,96,1) 51%,rgba(161,125,193,1) 100%);
        }
}

/* ----------------------------------------------------------
 navGlobal
---------------------------------------------------------- */
.navGlobal {
    margin: 10px auto 0;
    text-align: center;
    width: 1000px;
}
    #globalNav {
        margin: 0 auto;
        display: table;
        width: 1000px;
    }
    #globalNav >li {
        display: table-cell;
    }

    #globalNav >li.nav01 {
        width: 18%;
    }
    #globalNav >li.nav02 {
        width: 22%;
    }
    #globalNav >li.nav03 {
        width: 22%;
    }
    #globalNav >li.nav04 {
        width: 20%;
    }
    #globalNav >li.nav05 {
        width: 18%;
    }
        #globalNav >li a {
            display: block;
            padding-bottom: 10px;
            position: relative;
            text-decoration: none;
            width: 100%;
        }
        #globalNav >li a:before {
            bottom: 0;
            content: '';
            height: 3px;
            display: none;
            left: 0;
            position: absolute;
            width: 100%;
        }
#globalNav >li.nav04 .ico {
    margin: 0 3px 0 0px;
    width: 20px;
    position: relative;
    top: -3px;
}
            #globalNav >li a .frame {
                border: 1px solid #dedede;
                border-width: 0 1px 0 0;
                font-weight: bold;
                display: inline-block;
                width: 100%;
            }
            #globalNav >li a .word {
                font-weight: bold;
                display: inline;
            }
            #globalNav >li:first-child a .frame {
                border-width: 0 1px;
            }
            #globalNav >li a img {
                vertical-align: middle;
            }
                #globalNav >li.nav01 .ico {
                    height: 18px;
                    margin: 0 4px 0 -9px;
                    width: 10px;
                }
                #globalNav >li.nav02 .ico {
                    margin: 0 2px 0 -3px;
                    width: 19px;
                }
                #globalNav >li.nav03 .ico {
                    margin: 0 5px 0 -5px;
                    width: 24px;
                }
                #globalNav >li.nav04 .ico {
                    margin: 0 1px 0 0;
                    width: 20px;
                }
                #globalNav >li.nav05 .ico {
                    margin: 0 1px 0 -1px;
                    width: 15px;
                }

            #globalNav >li a:hover:before,
            #globalNav >li a.active:before {
                display: block;
            }

            #globalNav >li.nav01 a:hover:before,
            #globalNav >li.nav01 a.active:before {
                background: #ff6666;
            }
            #globalNav >li.nav02 a:hover:before,
            #globalNav >li.nav02 a.active:before {
                background: #acac2f;
            }
            #globalNav >li.nav03 a:hover:before,
            #globalNav >li.nav03 a.active:before {
                background: #6699cc;
            }
            #globalNav >li.nav04 a:hover:before,
            #globalNav >li.nav04 a.active:before {
                background: #69c6a3;
            }
            #globalNav >li.nav05 a:hover:before,
            #globalNav >li.nav05 a.active:before {
                background: #ed9728;
            }
@media screen and (max-width: 767px) {
.navGlobal {
    border-top: 1px solid #dedede;
    clear: both;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
    #globalNav {
        /*border-top: 1px solid #e0e0e0;*/
        display: block;
        width: 100%;
    }
    #globalNav li {
        display: block;
        float: left;
        width: auto!important;
    }
    #globalNav >li a {
        display: block;
        padding: 11px 0;
        text-decoration: none;
        width: 100%;
    }

        #globalNav >li a .frame {
            border-right: 1px solid #dedede;
            display: block;
            height: 20px;
            font-size: 12px;
            font-weight: bold;
            padding: 0 10px;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #globalNav >li a .word {
            border-right: none;
        }
        #globalNav >li:first-child a span {
            border-left: none;
        }
        #globalNav >li:last-child a span {
            border-right: none;
        }
        #globalNav >li .ico {
            margin: 0 1px 0 0!important;
        }
        #globalNav >li.nav01 .ico {
            height: 15px;
            margin: 0 2px 0 3px!important;
            width: 8px;
        }
        #globalNav >li.nav02 .ico,
        #globalNav >li.nav03 .ico,
        #globalNav >li.nav04 .ico {
            width: 15px;
        }
        #globalNav >li.nav05 .ico {
            width: 11px;
        }
}
/* ----------------------------------------------------------
 nav-local
---------------------------------------------------------- */
/* areaSide */
.topics_im01{margin: 3% auto;display: block;}
.areaSide {
    background-image: url(../images/common/bg-side01.png);
}
    .titSide01 img {
        display: block;
        margin: 0 auto;
    }
    .titSide01 .txtSide01 {
        display: block;
        font-size: 12px;
        margin-bottom: -6px;
        text-align: center;
    }
@media screen and (max-width: 767px) {
    .titSide01 .txtSide01 {
        font-size: 8px;
    }
}
/*listSideRelated*/
.listSideRelated {
    margin-bottom: 25px;
}
    .listSideRelated a {
        display: block;
    }
    .listSideRelated li {
        background: url(../images/common/bg-side-border01.png) repeat-x left bottom;
        font-weight: bold;
        overflow: hidden;
}
    .listSideRelated li a {
        display: inline-block;
        padding: 29px 0 24px 0;
        text-decoration: none;
        width: 100%;
    }
        .listSideRelated li a:hover .txt {
            color: #3cb1b5;
        }
    .listSideRelated .img{
        float: left;
        margin-right: 10px;
        position: relative;
        width: 120px;
        height: 79px;
    }
    .listSideRelated .img img{
        width: 100%;
    }

    .listSideRelated .img .iconRank {
        position: absolute;
        left: 0;
        top: 0;
        width: 34px;
        height: 34px;
    }
    .listSideRelated .img:before {
        background-size: cover;
        -webkit-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        bottom: -13px;
        content: '';
        display: block;
        height: 30px;
        position: absolute;
        right: 0;
        width: 30px;
    }
    .listSideRelated .food .img:before {
        background-image: url(../images/contents/ico-list-category01.png);
    }
    .listSideRelated .fashion .img:before {
        background-image: url(../images/contents/ico-list-category02.png);
    }
    .listSideRelated .relax .img:before {
        background-image: url(../images/contents/ico-list-category03.png);
    }
    .listSideRelated .natural .img:before {
        background-image: url(../images/contents/ico-list-category04.png);
    }
    .listSideRelated .event .img:before {
        background-image: url(../images/contents/ico-list-category05.png);
    }

    .sidRanking .listSideRelated .img:before {
        display: none;
    }

    .listSideRelated li .txt {
        display: block;
        font-size: 12px;
        line-height: 1.6;
        overflow: hidden;
        margin-top: -7px;
    }
    .listSideRelated .day {
        font-weight: bold;
        font-size: 12px;
        line-height: 1.7;
        display: inline-block;
        color: #858585;
        position: relative;
        top: -7px;
        font-family: 'NotoSansCJKjpNormal' , sans-serif;
    }
    .list__items .datails_minibox {margin-top: 16px;}
    .sidRanking .listSideRelated li .txt {
        display: inline-block;
        margin-top: -3px;
        width: 130px;
    }

@media screen and (max-width: 767px) {
    .listSideRelated .img{
        height: 0;
        padding-top: 33.5%;
        width: 51.4%;
    }
    .listSideRelated .img:before {
        bottom: -8px;
        height: 28px;
        right: 5px;
        width: 28px;
    }
    .listSideRelated li .txt {
        -webkit-line-clamp: 3;
    }
    .sidRanking .listSideRelated li .txt {
        width: 44.1%;
    }
}
/* listSideKeyword */
.listSideKeyword {
    margin: 28px 0 21px;
}
    .listSideKeyword li {
        display: inline-block;
        margin-bottom: 2px;
    }
    .listSideKeyword a {
        background-color: #fbf5e4;
        color: #999;
        display: table;
        font-size: 12px;
        margin-right: 15px;
        padding: 6px 10px 5px 19px;
        position: relative;
        text-decoration: none;
    }
    .listSideKeyword a:hover,
    .listSideKeyword a.current {
        background-color: #3cb1b5;
        color: #fff;
    }
    .listSideKeyword a:before {
        background-color: #fff;
        border-radius: 5px;
        content: '';
        height: 6px;
        left: 5px;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        width: 6px;
    }
    .listSideKeyword a:after {
        border-style: solid;
        border-style: solid;
        border-width: 15px 0 15px 10px;
        border-color: transparent transparent transparent #fbf5e4;
        content: '';
        height: 0;
        position: absolute;
        right: -10px;
        top: 0;
        width: 0;
    }
    .listSideKeyword a:hover:after,
    .listSideKeyword a.current:after {
        border-left-color: #3cb1b5;
    }
        .listSideKeyword a span {
            font-size: 12px;
        }
@media screen and (max-width: 767px) {
.listSideKeyword {
    margin: 25px 0 10px;
}
}

/* ----------------------------------------------------------
 navBreadcrumb
---------------------------------------------------------- */
.navBreadcrumb {
    width: 100%;
}
.navBreadcrumbIn {
    display: table;
    font-size: 12px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    width: 1000px;
}
.navBreadcrumb ol {
    display: table-cell;
    vertical-align: middle;
}
.navBreadcrumb li {
    font-weight: bold;
    font-size: 11px;
    float: left;
    white-space: nowrap;
}
.navBreadcrumb li:after {
    padding: 0 5px;
    content: ">";
    color: #b7b6b2;
}
.navBreadcrumb li:last-child:after {
    content: " ";
}
.navBreadcrumb .now {
  color: #333;
}
.navBreadcrumb li a {
    text-decoration: none;
    color: #0c9eb8;
    text-decoration: underline;
}
/* ----------------------------------------------------------
 heroCmn
---------------------------------------------------------- */
.heroCmn {
    background-repeat: repeat;
    background-position: 0 0;
    height: 138px;
    overflow: hidden;
}
.heroCmn.food    { background-image: url(../images/contents/bg-category-title01.png); }
.heroCmn.fashion { background-image: url(../images/contents/bg-category-title02.png); }
.heroCmn.relax   { background-image: url(../images/contents/bg-category-title03.png); }
.heroCmn.natural { background-image: url(../images/contents/bg-category-title04.png); }
.heroCmn.event   { background-image: url(../images/contents/bg-category-title05.png); }
.heroCmn.keyword { background-image: url(../images/contents/bg-category-title06.png); }

.heroCmnIn {
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 1000px;
}
    .heroCmn .titHero {
        text-align: left;
    }
    .heroCmn .titHero,
    .heroCmn .leadHero {
        display: table-cell;
        vertical-align: middle;
        font-weight: bold;
    }
    .heroCmn .titHero figure,
    .heroCmn .titHero .tit,
    .heroCmn .titHero p {
        display: inline-block;
        vertical-align: middle;
    }

    .heroCmn .figHero01 {
        position: relative;
        margin-right: -18px;
    }
    .heroCmn .figHero02 {
        margin-right: -18px;
    }
    .heroCmn .figHero03 {
    }
    .heroCmn.food .titHero {
        width: 205px;
    }
    .heroCmn.relax .titHero {
        width: 340px;
    }
    .heroCmn.natural .titHero {
        width: 250px;
    }
    .heroCmn.event .titHero {
        width: 220px;
    }
    .heroCmn .figHero04 {
    }
    .heroCmn .figHero05 {
        margin-right: -18px;
    }

    .heroCmn.keyword .titHero {
        width: 236px;
    }
    .heroCmn.keyword .leadHero {
        padding: 6px 63px 0;
    }
    .heroCmn.keyword .keywordTit {
        margin-top: 13px;
        width: 175px;
    }
    .heroCmn.keyword .keywordTit img {
        width: 100%;
    }
    .heroCmn.keyword .keywordPageName {
        display: inline-block;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.2;
        position: relative;
    }
    .heroCmn.keyword .keywordPageName:before,
    .heroCmn.keyword .keywordPageName:after {
        background: url(../images/contents/ico-double-quotation01.png) no-repeat 0 0;
        -moz-background-size: auto 12px;
        -o-background-size: auto 12px;
        -webkit-background-size: auto 12px;
        background-size: auto 12px;
        content: '';
        display: block;
        height: 12px;
        position: absolute;
        top: 0;
        width: 15px;
    }
    .heroCmn.keyword .keywordPageName:before {
        left: -27px;
    }
    .heroCmn.keyword .keywordPageName:after {
        background-position: -14px 0;
        right: -26px;
    }

    .heroCmn .tit {
        color: #fff;
        font-family: 'Amatic SC', cursive;
        font-size: 40px;
    }
    .heroCmn .titHeroInner {
        padding-right: 5px;
        position: relative;
    }
    .heroCmn .titHeroInner::before {
        content: '';
        background: rgba(255,255,255,0.5);
        display: block;
        height: 96px;
        right: 0;
        margin-top: -48px;
        position: absolute;
        top: 50%;
        width: 1px;
    }
    .heroCmn .leadHero {
        color: #fff;
        font-size: 13px;
        padding-left: 32px;
        position: relative;
        text-align: left;
    }

@media screen and (max-width: 767px) {
.heroCmn {
    height: auto;
    overflow: hidden;
    padding: 0 10px 21px 10px;
}
.heroCmnIn {
    display: block;
    left: 0;
    margin: 0 auto;
    width: 100%;
}
    .heroCmn .titHero,
    .heroCmn .leadHero {
        display: inline-block;
        vertical-align: middle;
    }
	.heroCmn.relax .titHero,
	.heroCmn.food .titHero,
	.heroCmn.fashion .titHero,
	.heroCmn.natural .titHero,
	.heroCmn.event .titHero {
		display: table;
        margin: 0 auto -10px auto;
		width: auto !important;
    }
    .heroCmn.relax .titHero .img,
    .heroCmn.food .titHero .img,
    .heroCmn.fashion .titHero .img,
    .heroCmn.natural .titHero .img,
    .heroCmn.event .titHero .img {
		width: 80px;
	}

    .heroCmn.keyword .titHero {
        width: 100%;
    }
    .heroCmn.keyword .leadHero {
        padding: 0 10px;
    }
    .heroCmn.keyword .keywordTit {
        margin-top: 26px;
        width: 123px;
    }
    .heroCmn.keyword .keywordPageName {
        display: block;
        font-size: 19px;
    }
    .heroCmn.keyword .keywordPageName:before,
    .heroCmn.keyword .keywordPageName:after {
        -moz-background-size: auto 9px;
        -o-background-size: auto 9px;
        -webkit-background-size: auto 9px;
        background-size: auto 9px;
        height: 9px;
        width: 11px;
    }
    .heroCmn.keyword .keywordPageName:before {
        left: -18px;
    }
    .heroCmn.keyword .keywordPageName:after {
        background-position: -11px 0;
        right: -18px;
    }

    .heroCmn .tit {
        font-size: 30px;
        margin-left: 0;
    }
        .heroCmn .titHeroInner {
            padding: 0;
        }
        .heroCmn .titHeroInner::before {
            display: none;
        }
    .heroCmn .leadHero {
        padding: 0;
        text-align: center;
    }

}
/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.special__area .special_recommend li a .sp-display-day {display: none;}
.special_recommend li:last-of-type {padding-bottom: 22px;}
.contents--wrap.blue-bg {
    position: relative;
}
.contents--wrap .pc--display {display: block;}
.contents--wrap .sp--display {display: none;}
.main__img--bg {
    position: absolute;top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.contents {
    margin: 0 auto;
    text-align: left;
    width: 1070px;
}
.article-flex {
    display: flex;
    justify-content: space-between;
    padding-top: 36px;
}
.contentsMain {
    width: 745px;
}
.contentsMain.full {
    float: none;
    width: 100%;
}
.areaSide {
    border-radius: 4px;
    margin: 40px 0 82px;
    padding: 20px;
    width: 300px;
}
.special__area {background:url(../images/common/special_bg.png) no-repeat;}
.special__area .lead {
    text-align: center;
    padding: 16px 30px 0;
    margin: 0 0 32px;
    font-size: 13px;
    font-weight: bold;
    font-family: 'NotoSansCJKjpMedium', sans-serif;
}
.special__area .special_recommend {padding: 0 30px;}
.special__area .special_recommend li:not(:last-of-type) {margin-bottom: 43px;}
.special__area .special_recommend a {font-size: 14px;transition: all .5s;display: block;}
.special__area .special_recommend a:hover {text-decoration: none;opacity: .7;}
.special__area .special_recommend a p {margin-top: 12px;font-weight: bold;font-family: 'NotoSansCJKjpMedium', sans-serif;}
.special__area .special_recommend .day {
    font-size: 13px;color: #999999;
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Hind-Regular' , sans-serif;
    letter-spacing: .12em;
}
.special__area .special_recommend .day::after {
    content: "";
    transform: translateY(-50%);
    width: 145px;
    height: 1px;
    background: #e1e1e1;
}


.noPost {
    margin: 70px auto 100px;
    text-align: center;
    width: 800px;
}
.noPost .noPostInner {
    background: url(../images/contents/bg-detail-contents01.png) repeat 0 0;
    border: 1px solid #e2dbc6;
    padding: 49px 72px 56px;
}
.noPost .txt {
    border-bottom: 1px dotted #f0e6cf;
    padding: 11px 0 26px;
}
.noPost .btnReturn {
    margin: 26px auto 0;
    width: 178px;
}
.noPost .btnReturn a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    background: #3d3d3d url(../images/contents/arrow-top-category.png) no-repeat 94% center;
    -moz-background-size: 5px 8px;
    -o-background-size: 5px 8px;
    -webkit-background-size: 5px 8px;
    background-size: 5px 8px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 0 8px;
    text-decoration: none;
    width: 100%;
}
.noPost .btnReturn a:hover {
    opacity: 0.8;
}
@media screen and (max-width: 878px) {
.contents {
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
.contentsWrap {
    background: none;
}
.contentsMain {
    float: none;
    width: 100%;
}
.noPost {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px auto!important;
    padding: 0 20px;
    width: 100%;
}
.noPost .noPostInner {
    padding: 25px 17px 29px;
}
.noPost.noPost .noPostTit img {
    width: 140px;
}
.noPost .txt {
    padding: 0px 0 13px;
}
.noPost .btnReturn {
    margin-top: 19px;
    width: 130px;
}
.noPost .btnReturn a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-position: 90% center;
    opacity: 1!important;
    padding: 7px 0 6px;
}
.areaSide {
    float: none;
    margin: 0 10px 50px 10px;
    padding: 20px;
    width: auto;
}
.titSide01 img {
    width: 157px;
}
}


.overlay {
  background: rgba(0, 0, 0, 0.6);
  content: '';
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer {
    position: relative;
    width: 100%;
    z-index: 1001;
}
    .footerWaveImg img {
        display: none;
    }
.footerLinks {
    background-image: url(../images/common/bg-footer01.png);
    width: 100%;
}
.footerLinksIn {
    margin: 0 auto;
    overflow: hidden;
    padding: 31px 0;
    text-align: center;
    width: 1000px;
}
    .footerLinksIn ul li {
        border-right: 1px solid #70787a;
        float: left;
        line-height: 1.2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footerLinksIn ul li:first-child {
        border-left: 1px solid;
    }
    .footerLinksIn ul li.food {
        width: 14%;
    }
    .footerLinksIn ul li.fashion {
        width: 14%;
    }
    .footerLinksIn ul li.relax {
        width: 14%;
    }
    .footerLinksIn ul li.natural {
        width: 14%;
    }
    .footerLinksIn ul li.event {
        width: 14%;
    }
    .footerLinksIn ul li.company {
        width: 14%;
    }
    .footerLinksIn ul li.about {
        width: 14%;
    }
        .footerLinksIn ul li a {
            display: block;
            text-decoration: none;
        }
        .footerLinksIn ul li a span {
            color: #218b8f;
            display: inline-block;
            font-size: 12px;
            margin-right: 10px;
            position: relative;
            vertical-align: middle;
        }
        .footerLinksIn ul li a span::after{
            border-top: 2px solid #218b8f;
            border-right: 2px solid #218b8f;
            content: '';
            height: 4px;
            margin-top: -4px;
            position: absolute;
            right: -14px;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            top: 50%;
            width: 4px;
        }
.footerUtility {
    background-color: #333;
    color: #fff;
    width: 100%;
}
.footerUtilityIn {
    margin: 0 auto;
    padding: 33px 24px 34px;
    position: relative;
    width: 1070px;
}
.footerCompanyLogo {
    width: 178px;
}
.footerCompanyLogo img {
    width: 100%;
    height: auto;
}
.footerCopyright {
    color: #fff;
    font-size: 13px;
    font-family: 'Hind-Regular' , sans-serif;
}
.footerSns {
    float: right;
    margin-top: -11px;
}
.footerSns li {
    float: left;
}
.footerSns li + li {
    margin-left: 10px;
}
.footerSns img {
    width: 30px;
    height: auto;
    vertical-align: middle;
}
.footerPagetop {
    display: none;
    position: fixed;
    right: 0px;
    bottom: 40px;
}
.footerPagetop a {
    width: 60px;
    height: 200px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    display: flex;align-items: center;justify-content: center;
    border: 2px dashed #999999;
}
.footerPagetop a:hover {outline: none;text-decoration: none;}
.footerPagetop a img {height: 80%;}
.logo_copy_area {display: flex;justify-content: space-between;}
@media screen and (max-width: 767px) {
.footer {
    width: 100%;
}
    .footerWaveImg img {
        height: 15px;
        width: 100%;
        vertical-align: bottom;
        display: block;
    }
.footerLinks {
    background-image: url(../images/common/bg-footer01.png);
    width: 100%;
}
.footerLinksIn {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
    .footerLinksIn ul {
        padding: 10px 10px 10px 10px;
    }
        .footerLinksIn ul li {
            border-right: none;
            border-bottom: 1px solid #bfdfe5;
            float: none;
            width: 100%!important;
        }
        .footerLinksIn ul li:first-child {
            border-left: none;
        }
        .footerLinksIn ul li:last-child {
            border-bottom: none;
        }
            .footerLinksIn ul li a {
                display: block;
                padding: 8px 0;
                position: relative;
                text-align: left;
                text-decoration: none;
            }
            .footerLinksIn ul li a::after {
                border-top: 2px solid #218b8f;
                border-right: 2px solid #218b8f;
                content: '';
                height: 5px;
                margin-top: -4px;
                position: absolute;
                right: 5px;
                transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                top: 50%;
                width: 5px;
            }
                .footerLinksIn ul li a span {
                    color: #218b8f;
                    display: inline-block;
                    font-size: 12px;
                    margin-left: 5px;
                    position: relative;
                    vertical-align: middle;
                }
                .footerLinksIn ul li a span::after{
                    display: none;
                }
.footerUtility {
    background-color: #333;
    color: #fff;
    width: 100%;
}
.footerUtilityIn {
    display: table;
    margin: 0 auto;
    overflow: hidden;
    padding: 68px 0 12px 0;
    position: relative;
    width: 100%;
}
.footerCompanyLogo{
    display: block;
    float: none;
    margin-top: 11px;
    text-align: center;
    width: 100%;
}
    .footerCompanyLogo img {
        width: 123px;
    }
.footerCopyright {
    font-size: 10px;
}
.footerSns {
    display: block;
    float: none;
    margin: 5px auto 8px;
    overflow: hidden;
    font-size: 0;
}
.footerSns img {
    width: 27px;
}
    .footerSns li {
        display: inline-block;
        float: none;
    }
    .footerSns li + li {
        margin-left: 12px;
    }
}

/* ----------------------------------------------------------
 PARTS
---------------------------------------------------------- */
/* .listTopArticle 記事一覧の共通設定（日付、ホバー処理、画像）
---------------------------------------------------------- */
.listTopArticle li .day {
    font-size: 12px;
    color: #999999;
    padding-right: 10px;
    font-family: 'Hind-Regular' , sans-serif;
    position: relative;
}
.listTopArticle li .day::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-5px);
    width: 1px;
    height: 8px;
    background: #999999;
}
.listTopArticle li .more {
    background-color: rgb(255 255 255 / 80%);
    height: 100%;
    display: block;
    line-height: 210px;
    opacity: 0;
    text-align: center;
    top: 0px;
    width: 100%;
    transition: 0.5s ease;
    border-radius: 7px;
    transition: 0.5s;
    position: relative;
    z-index: 4;
}
.listTopArticle li a:hover .more {
    opacity: 1;
}

.listTopArticle li a {
    text-decoration: none;
}

.listTopArticle li .img {
    margin-bottom: 20px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: translate(0);
}
.listTopArticle li .tit {
    font-size: 15px;
    font-weight: bold;
    font-family: 'NotoSansCJKjpMedium', sans-serif;
    /* margin-bottom: 12%; */
}
.listTopArticle li a:hover .tit {
    color: #3cb1b5;
}
.listTopArticle li .txt {
    font-size: 12px;
    overflow: hidden;
}
.listTopArticle li .img .imgArea,
.listTopArticle li .img .imgArea span {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 7px;
}
.listTopArticle li .img .imgArea span {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}
.listTopArticle li .img .imgArea .cat--name {
    position: absolute;
    background: #fff;
    width: 50%;
    display: flex;
    align-items: center;
    height: 24px;
    justify-content: center;
    left: 50%;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
}
.listTopArticle li span.cat--name {
    color: #999999;
    font-size: 12px;

}

@media screen and (min-width: 768px) {
/*    .listTopArticle li a:hover .imgArea span {
      -webkit-filter: blur(1px);
         -moz-filter: blur(1px);
          -ms-filter: blur(1px);
              filter: blur(1px);
    }*/
}


.listTopArticle.cateIco .img:after,
.listTopArticle.cateIco .ico {
    display: block;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: absolute;
    background-image: url(../images/common/ico-special-shadow.png);
}

.listTopArticle.cateIco .img:after {
    content: '';
    width: 42px;
    height: 52px;
    right: 10px;
    bottom: -16px;
}

.listTopArticle.cateIco .ico {
    width: 42px;
    height: 42px;
    right: 10px;
    bottom: -10px;
}

.listTopArticle.cateIco .food .ico {
    background-image: url(../images/contents/ico-special-category01.png);
}
.listTopArticle.cateIco .fashion .ico {
    background-image: url(../images/contents/ico-special-category03.png);
}
.listTopArticle.cateIco .relax .ico {
    background-image: url(../images/contents/ico-special-category02.png);
}
.listTopArticle.cateIco .natural .ico {
    background-image: url(../images/contents/ico-special-category04.png);
}
.listTopArticle.cateIco .event .ico {
    background-image: url(../images/contents/ico-special-category05.png);
}

@media screen and (max-width: 767px) {
.listTopArticle li .more {
    display: none;
}
.listTopArticle li .tit{
    font-size: 14px;
    line-height: 1.4;
}
.listTopArticle li a:hover .tit {
    /*color: inherit;*/
}
/*.listTopArticle li a:hover .imgArea span {
  -webkit-filter: blur(0px);
     -moz-filter: blur(0px);
      -ms-filter: blur(0px);
          filter: blur(0px);
}*/
.listTopArticle.cateIco .img .ico {
    width: 25px;
    height: 25px;
    bottom: -5px;
    right: 13px;
}
.listTopArticle.cateIco .img:after {
    width: 25px;
    height: 3px;
    bottom: -8px;
    right: 13px;
}
}


/* ----------------------------------------------------------
 grid
---------------------------------------------------------- */
/* gridCmn01
---------------------------------------------------------- */
.gridCmn01.sCol02 {
    overflow: hidden;
}
    .gridCmn01.sCol02 .col {
        float: left;
        width: 320px;
    }
    .gridCmn01.sCol02 .col:nth-child(2n) {
        margin-left: 10px;
    }
    .gridCmn01.sCol02 .col:nth-child(2n+1) {
        clear: both;
        margin-right: 10px;
    }

/* boxCategory */
.boxCategory {
    overflow: hidden;
}
    .boxCategory .inner {
        padding: 20px 0 30px;
    }
    .boxCategory .img {
        width: 320px;
        height: 210px;
    }
    .boxCategory a {
        display: block;
    }

@media screen and (max-width: 878px) {
.gridCmn01.sCol02 {
    overflow: hidden;
}
    .gridCmn01.sCol02 .col {
        float: left;
        width: 48%;
    }
    .gridCmn01.sCol02 .col:nth-child(2n) {
        margin-left: 2%;
    }
    .gridCmn01.sCol02 .col:nth-child(2n+1) {
        margin-right: 2%;
    }

.boxCategory {
    overflow: hidden;
}
    .boxCategory .inner {
        padding: 20px 0 0 0;
    }
    .boxCategory .tit{
        margin-bottom: 5px!important;
    }
    .boxCategory .txt{
        display: none!important;
    }
    .boxCategory .img {
        width: 100%;
        height: 0;
        margin-bottom: 6px!important;
        padding-top: 65.6%;
    }
}
/* ----------------------------------------------------------
 section
---------------------------------------------------------- */
/* sec-cmn
---------------------------------------------------------- */
.secCmn01 {
    padding: 0 0 82px 0;
}
@media screen and (max-width: 767px) {
.secCmn01 {
    padding: 20px 10px 54px 10px;
}
.secCmn01.sPt00 {
    padding: 0 10px 54px 10px;
}
}
/* section last margin */
section:last-of-type {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
 module
---------------------------------------------------------- */
/* wp-pagenavi
---------------------------------------------------------- */
.wp-pagenavi {
    letter-spacing: -0.4em;
    margin-top: 25px;
    text-align: center;
}
    .wp-pagenavi span,
    .wp-pagenavi a {
        display: inline-block;
        letter-spacing: normal;
        width: 30px;
        background-color: #fff;
        border-radius: 4px;
        color: #3cb1b5;
        font-size: 12px;
        line-height: 1;
        margin: 5px 2px 0 3px;
        padding: 10px 0 9px;
        position: relative;
        text-decoration: none;
        vertical-align: middle;
    }
    .wp-pagenavi span.extend {
        background: none!important;
        color: #999!important;
        margin: 0;
        width: 20px;
    }
        .wp-pagenavi .nextpostslink,
        .wp-pagenavi .previouspostslink {
            overflow: hidden;
            text-indent: 100%;
            vertical-align: middle;
            white-space: nowrap;
        }
        .wp-pagenavi .nextpostslink:after,
        .wp-pagenavi .previouspostslink:after {
            border: 1px solid #218b8f;
            border-width: 2px 2px 0 0;
            content: '';
            height: 4px;
            margin-top: -4px;
            position: absolute;
            top: 50%;
            width: 4px;
        }

        .wp-pagenavi .nextpostslink:after {
            right: 13px;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
        }
        .wp-pagenavi .previouspostslink:after{
            left: 13px;
            transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
        }
        .wp-pagenavi span.current,
        .wp-pagenavi span:hover,
        .wp-pagenavi a:hover {
            background-color: #3cb1b5;
            color: #fff;
        }
        .wp-pagenavi .nextpostslink:hover:after,
        .wp-pagenavi .previouspostslink:hover:after{
            border-color: #fff;
        }

@media screen and (max-width: 767px) {
.wp-pagenavi {
    margin-top: 27px;
}
    .wp-pagenavi span + a ,
    .wp-pagenavi a + a,
    .wp-pagenavi a + span {
        margin-left: 5px;
    }
}

/* ----------------------------------------------------------
section
---------------------------------------------------------- */
/* secDetail
---------------------------------------------------------- */
.secDetail {padding: 70px 10px 0;background: #fff;letter-spacing: .12em;}
.secDetail:nth-last-child(2) {
    border-radius: 0 0 10px 10px;
    padding-bottom: 32px;
}
.secDetail:last-of-type {
    margin-top: 60px;
    padding:65px 25px 37px;
    border-radius: 10px;
    position: relative;
}
.secDetail:first-of-type{border-radius: 10px 10px 0 0;padding-top: 10px;}
.secDetail a {transition:all .5s;}
.secDetail a:hover {
    opacity: .7;
}
.secDetail p + p {margin-top: 1.5em;}
.mv_day {
    margin-top: 28px;
    color: #999999;
    font-size: 14px;
}
.mv_day .day {
    font-family: 'Hind-Regular' , sans-serif;
    position: relative;
    padding-right: 10px;
}
.mv_day .day::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-8px);
    width: 1px;
    height: 12px;
    background: #999999;
}
.secDetail .tit01 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 16px;
    font-family: 'NotoSansCJKjpBold' , sans-serif
}
.secDetail .tit02 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.555;
    padding-bottom: 5px;
    margin-bottom: 21px;
    padding-left: 10px;
    border-bottom: 2px #c5e4e9 solid;
    font-family: 'NotoSansCJKjpMedium', sans-serif;
}
.secDetail p {
    padding: 0 15px;
    font-size: 16px;
}
.secDetail img {
    height: auto;
    max-width: 100%;
}
.secDetail img:not(:first-of-type) {margin-top: 26px;}
.secDetail .bnr {
    margin-top: 3em;
}
.secDetail .boxDetailTop {
    position: relative;
    border: 2px dashed #c5e4e9;
    border-radius: 7px;
}
.secDetail .boxDetailTop .img{
    background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    height: 443px;
    margin: 11px;
    border-radius: 7px;
}
.secDetail .blue {
    font-weight: bold;
    color: #3286a9;
}
.secDetail .bd {
    font-weight: bold;
}
.secDetail .img:before {
     background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: -29px;
    content: '';
    display: block;
    height: 90px;
    margin-top: -65px;
    position: absolute;
    right: -2px;
    width: 90px;
}
.mv_bottom_conte {
    padding: 0 15px;
}
.secDetail:first-of-type .mv_bottom_conte {
    padding-bottom: 1.5em;
}
.bnrWebFlyer {
    margin-top: 40px;
}
.bnrWebFlyer a:hover {
    opacity: 0.7;
}
.bnrWebFlyer img {
    max-width: 100%;
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
@media screen and (max-width: 878px) {
.secDetail {
    padding-top: 20px;
    font-size: 15px;
}
    .secDetail .tit01 {
        font-size: 20px;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
        font-weight: bold;
        line-height: 1.3;
        margin-top: 15px;
    }
    .secDetail .tit02 {
        font-size: 18px;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
        margin-bottom: 15px;
        line-height: 1.45;
        padding-left: 0;
    }
    .secDetail p {
        font-size: 15px;
    }
    .secDetail p + p {
        margin-top: 1em;
    }
    .secDetail .bnr {
        margin-top: 2em;
    }
    .secDetail .boxDetailTop {
        position: relative;
    }
    .secDetail .boxDetailTop .img {
        position: relative;
        height: 0;
        padding-top: 65.6%;
    }
    .secDetail .boxDetailTop img,
    .secDetail .img img,
    .secDetail img {
        width: 100%;
    }
    .secDetail img {
        margin: 12px 0 5px;
    }
    .secDetail .img:before {
        bottom: -15px;
        height: 60px;
        position: absolute;
        right: 9px;
        width: 60px;
    }
    .bnrWebFlyer {
        margin-top: 20px;
    }
}
/* ----------------------------------------------------------
list
---------------------------------------------------------- */
/* listDetailTag
---------------------------------------------------------- */
.listDetailTag {
    margin:32px 0 24px;
}
.listDetailTag li {
    display: inline-block;
}
.listDetailTag li a {
    pointer-events: none;
    border-radius: 20px;
    border: 1px solid #999999;
    background-color: #fff;
    color: #999;
    display: table;
    font-size: 12px;
    margin-right: 8px;
    padding:2px 12px;
    position: relative;
    text-decoration: none;
}
.listDetailTag a span {
    font-size: 12px;
}
.snsArea {
    margin: 0 15px;
    font-size: 0;
    overflow: hidden;
    display: flex;
    align-self: center;
    padding: 5px 7px 5px 20px;
    background: url(../images/contents/sec_bottom_sns_bg.jpg) repeat-y;
    background-size: 100%;
    border-radius: 5px;
    align-items: center;
}
.snsArea img {width: 18px;}
.snsArea .snap img {width: 43px;display: block;margin: 0 auto;}
.snsArea p {
    display: flex;align-items: center;
    font-size: 15px;
    width: 204px;
    font-family: 'NotoSansCJKjpMedium', sans-serif;
}
.snsArea p .symbol {display: none;}
.snsArea p span {margin-left: 13px;font-weight: bold;}
.listDetailSns.up {
    padding: 16px 26px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:1;
    z-index: 1;
}
.listDetailSns.up::before {
    content: "";
    border: 1px dashed #e2f3f6;
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 5px;
    z-index: -1;
}
.listDetailSns.down {
    float: right;
}
.listDetailSns li {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
.listDetailSns li:not(:last-of-type) {margin-right: 24px;}
.listDetailSns li .fa-3x.size {font-size: 3.5em;}
@media screen and (max-width: 940px) {
    .snsArea {
        flex-wrap: wrap;
        padding: 28px 18px 20px 18px;
        background-size: 200%;
    }
    .snsArea p,
    .listDetailSns.up {width: 100%;}
    .snsArea p span {margin: 0 auto;display: inline-block;margin-bottom: 20px;}
    .snsArea p .symbol {display: inline;}
    .snsArea img {display: none;}
    .special__area .special_recommend .day::after {width: 45%;}
}
@media screen and (max-width: 767px) {
.listDetailTag {
    margin-top: 16px;
}
    .listDetailTag.sBorder {
        padding-bottom: 9px;
        margin-bottom: 20px;
    }

.snsArea {
    margin-bottom: 25px;
}
.listDetailSns {
    float: none!important;
    text-align: center;
}
.listDetailSns.down {
    margin-top: 10px;
}
.listDetailSns li {
    width: 68px;
}
.listDetailSns li a {
    -moz-background-size: auto 16px;
    -o-background-size: auto 16px;
    -webkit-background-size: auto 16px;
    background-size: auto 16px;
    padding-top: 45px;
}
.listDetailSns li.line {
    display: inline-block;
}
.listDetailSns li.line a {
    -moz-background-size: auto 18px;
    -o-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    background-size: auto 18px;
}
.listDetailSns li.fbLike {
    padding: 13px 5px 12px;
    width: auto;
}

}
/* secMap
---------------------------------------------------------- */
.secMap {
    background: url(../images/contents/bg-detail-contents01.png);
    overflow: hidden;
    padding: 30px 30px 22px;
}
    .secMap .img {
        background-size: cover;
        -webkit-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        float: left;
        margin: 0 30px 8px 0;
        width: 235px;
        height: 155px;
    }
    .secMap .detail {
        overflow: hidden;
    }
        .secMap .detail .ttl {
            font-weight: bold;
            font-size: 22px;
            line-height: 1.3;
        }
        .secMap .detail .link {
            font-size: 14px;
            line-height: 1.2;
            margin-top: -1px;
            word-break: break-all;
        }
        .secMap .detail a {
            color: #3cb1b5;
        }

            .secMap .detail .tableMap:first-of-type {
                margin-top: 13px;
            }
            .secMap .detail .tableMap + .tableMap {
                background: url(../images/contents/bg-detail-border01.png) left top repeat-x;
            }
            .secMap .detail .tableMap th,
            .secMap .detail .tableMap td {
                color: #666;
                font-size: 12px;
                padding: 10px 0;
                word-break: break-all;
            }
            .secMap .detail .tableMap th {
                font-weight: bold;
                width: 89px;
            }
            .secMap .detail .tableMap td {
                width: 238px;
            }
@media screen and (max-width: 767px) {
.secMap {
    padding: 20px;
}
    .secMap .img {
        float: none;
        height: 0;
        margin: 0;
        padding-top: 65.6%;
        width: 100%;
    }
        .secMap .detail .ttl {
            font-size: 17px;
            margin-top: 12px;
        }
        .secMap .detail .link {
            font-size: 12px;
            margin-top: 3px;
        }
            .secMap .detail .tableMap {
                width: 100%;
            }
            .secMap .detail .tableMap th,
            .secMap .detail .tableMap td {
                font-size: 12px;
                padding: 7px 0;
            }
            .secMap .detail .tableMap th {
                width: 89px;
            }
            .secMap .detail .tableMap td {
                width: auto;
            }
}
/* ----------------------------------------------------------
area
---------------------------------------------------------- */
/* areaGoogleMap
---------------------------------------------------------- */
.areaGoogleMap {
    margin: 20px 0 23px 0;
    position: relative;
    padding-bottom: 350px;
    height: 0;
    overflow: hidden;
}
    .areaGoogleMap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
@media screen and (max-width: 767px) {
.areaGoogleMap {
    padding-bottom: 175px;
}
}

/* ----------------------------------------------------------
 is
---------------------------------------------------------- */
/* opacity hover
---------------------------------------------------------- */
.isOpacitycity
{
    -ms-filter: 'alpha( opacity=100)';
    opacity: 1;
}
.isOpacity:hover
{
    -ms-filter: 'alpha( opacity=70)';
    filter: alpha( opacity=70);
    opacity: 0.7;
}
/* ----------------------------------------------------------
 style
---------------------------------------------------------- */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-mt-00    { margin-top: 0 !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
/* ----------------------------------------------------------
 rwd switch
---------------------------------------------------------- */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-sp,
.no-pc { display: none !important;}
.no-sp {}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.only-pc,
.no-sp  { display: none !important;}
.only-sp,
.no-pc     { display: block !important;}
img.only-sp,
img.no-pc  { display: inline-block !important;}
}




svg {
        display: block;
        left: 0;
        overflow: visible;
        position: absolute;
        z-index: 300;
}
svg.top {
top: 0;
position: fixed;
}
svg.bottom {
bottom: 140px;
}
@media screen and (max-width: 767px) {
    svg {
        bottom: 362px;
        display: none;
    }
}

/* ----------------------------------------------------------
 404ページとアバウト共有メニュー
---------------------------------------------------------- */
.pageUnderMenu {
    margin-top: 48px;
    overflow: hidden;
}
.pageUnderMenu li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: repeat;
    background-position: 0 0;
    float: left;
    overflow: hidden;
    width: 180px;
}
.pageUnderMenu li + li {
    margin-left: 25px;
}
.pageUnderMenu li:hover {
    opacity: 0.8;
}
.pageUnderMenu li a {
    background-repeat: no-repeat;
    background-position: center 0;
    display: block;
    padding: 108px 0 20px;
    text-align: center;
    text-decoration: none;
}
.pageUnderMenu li.food    { background-image: url(../images/contents/bg-category-title01.png); }
.pageUnderMenu li.fashion { background-image: url(../images/contents/bg-category-title02.png); }
.pageUnderMenu li.relax   { background-image: url(../images/contents/bg-category-title03.png); }
.pageUnderMenu li.natural { background-image: url(../images/contents/bg-category-title04.png); }
.pageUnderMenu li.event   { background-image: url(../images/contents/bg-category-title05.png); }

.pageUnderMenu li.food a    { background-image: url(../images/contents/img-about-category01_pc.png); }
.pageUnderMenu li.fashion a { background-image: url(../images/contents/img-about-category02_pc.png); }
.pageUnderMenu li.relax a   { background-image: url(../images/contents/img-about-category03_pc.png); }
.pageUnderMenu li.natural a { background-image: url(../images/contents/img-about-category04_pc.png); }
.pageUnderMenu li.event a   { background-image: url(../images/contents/img-about-category05_pc.png); }

.pageUnderMenu li .txt > span {
    color: #fff;
    display: block;
    line-height: 1.2;
}
.pageUnderMenu li .txt .en {
    font-family: 'Amatic SC';
    font-size: 42px;
    font-weight: bold;
}
.pageUnderMenu li .txt .ja {
    font-size: 12px;
}
.pageUnderMenu li .aboutBtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    color: #3cb1b5;
    font-size: 13px;
    margin: 13px auto 0;
    padding: 10px 0;
    position: relative;
    width: 140px;
}
.pageUnderMenu li .aboutBtn:after {
    border-top: 2px solid #3cb1b5;
    border-right: 2px solid #3cb1b5;
    content: '';
    height: 4px;
    margin-top: -4px;
    position: absolute;
    right: 13px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 50%;
    width: 4px;
}
@media screen and (max-width: 767px) {
.pageUnderMenu {
    margin: 17px 10px 0;
}
.pageUnderMenu li {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: none;
    position: relative;
    width: 100%;
}
.pageUnderMenu li + li {
    margin: 10px 0 0;
}
.pageUnderMenu li:hover {
    opacity: 1;
}
.pageUnderMenu li a {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 0 center;
    text-align: left;
    padding: 14px 0 14px 77px!important;
}

.pageUnderMenu li.food a    { background-image: url(../images/contents/img-top-category-title01_sp.png); }
.pageUnderMenu li.fashion a { background-image: url(../images/contents/img-top-category-title02_sp.png); }
.pageUnderMenu li.relax a   { background-image: url(../images/contents/img-top-category-title03_sp.png); }
.pageUnderMenu li.natural a { background-image: url(../images/contents/img-top-category-title04_sp.png); }
.pageUnderMenu li.event a   { background-image: url(../images/contents/img-top-category-title05_sp.png); }

.pageUnderMenu li .txt > span {
    font-weight: bold;
    line-height: 1;
}
.pageUnderMenu li .txt .en {
    font-size: 35px!important;
    margin: 0!important;
}
.pageUnderMenu li .aboutBtn {
    background: url(../images/contents/arrow-top-category.png) no-repeat 0 0;
    -moz-background-size: 12px 17px;
    -o-background-size: 12px 17px;
    -webkit-background-size: 12px 17px;
    background-size: 12px 17px;
    display: block!important;
    height: 0;
    margin: -9px 0 0 0;
    overflow: hidden;
    padding: 17px 0 0 0;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 12px;
}
.pageUnderMenu li .aboutBtn::after{
    display: none;
}
}

/* ----------------------------------------------------------
 ABOUT SANCHU!とは
---------------------------------------------------------- */
#aboutPage .contentsWrap {
    background: url(../images/contents/bg-about.jpg) no-repeat right 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 79px 0 104px;
}
#aboutPage .contents {
    text-align: center;
}

#aboutPage .aboutRead {
    font-size: 15px;
    margin-top: 27px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
#aboutPage .contentsWrap {
    padding: 45px 0 40px;
}
#aboutPage .contents {
    text-align: left;
}

#aboutPage .aboutTit {
    text-align: center;
}
#aboutPage .aboutTit img {
    width: 115px;
}
#aboutPage .aboutRead {
    font-size: 12px;
    margin: 10px 10px 0;
    line-height: 1.45;
}
#aboutPage .aboutRead br {
    display: none;
}

}

/* ----------------------------------------------------------
 404ページ
---------------------------------------------------------- */
#error404 .contentsWrap {
    padding: 79px 0 119px;
}
#error404 .contents {
    text-align: center;
}
#error404 .errorTit img {
    width: 318px;
}
#error404 .errorRead {
    line-height: 1.8;
    margin: 0 0 11px;
}
#error404 .pageUnderMenu {
    background: url(../images/contents/bg-error-menu_pc.png) no-repeat center 0;
    padding-top: 55px;
}
#error404 .pageUnderMenu li a {
    padding: 117px 0 24px;
}
#error404 .pageUnderMenu li .aboutBtn {
    display: none;
}
@media screen and (max-width: 767px) {
#error404 .contentsWrap {
    padding: 30px 0 45px;
}
#error404 .contents {
    text-align: left;
}
#error404 .errorTit {
    text-align: center;
}
#error404 .errorTit img {
    width: 208px;
}
#error404 .errorRead {
    line-height: 1.5;
    margin: 10px 10px 0;
}
#error404 .pageUnderMenu {
    background-image: url(../images/contents/bg-error-menu_sp.png);
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 11.5%;
}

}
/* ----------------------------------------------------------
 youtube
---------------------------------------------------------- */
.youtubeFrame{
    padding-top: 56.25%;
    position: relative;
    border: none;
    margin-top: 30px;
}
.youtubeFrame iframe {
    height: 100% !important;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
}
.relatedArea {
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  z-index: 0;
}
.titRelated {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -65px;
    z-index: 1;
    transform: translateY(-50%);
}
.relatedArea .titRelated img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0px auto;
  max-width: 100%;
  width: 109px;
}

.relatedArea .titRelated .txtRelated {
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}

.relatedArea .listRelated {
  display: flex;
  justify-content: space-between;
}

.relatedArea .listRelated li {
  font-weight: bold;
  background: none;
  width: 216px;
}

.relatedArea .listRelated li + li {
  margin-left: 19px;
}

.relatedArea .listRelated li a {
  color: #212121;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}

.relatedArea .listRelated li a:hover .txt {
  color: #3cb1b5;
}

.relatedArea .listRelated li a .img {
  float: none;
  width: 100%;
  height: 143px;
  position: relative;
  border-radius: 7px;
}

.relatedArea .listRelated li a .img .iconRank {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
}

.relatedArea .listRelated li a .img .food .img:before {
  background-image: url(../images/contents/ico-list-category01.png);
}

.relatedArea .listRelated li a .img .fashion .img:before {
  background-image: url(../images/contents/ico-list-category02.png);
}

.relatedArea .listRelated li a .img .relax .img:before {
  background-image: url(../images/contents/ico-list-category03.png);
}

.relatedArea .listRelated li a .img .natural .img:before {
  background-image: url(../images/contents/ico-list-category04.png);
}

.relatedArea .listRelated li a .img .event .img:before {
  background-image: url(../images/contents/ico-list-category05.png);
}

.relatedArea .listRelated li .txt {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 12px;
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  font-family: 'NotoSansCJKjpMedium' , sans-serif

}
.listRelated a .hidden {
    overflow: hidden;
}
.relatedArea .listRelated li .day,
.relatedArea .listRelated li .cat--name {font-size: 11px;color: #999999;}


@media screen and (max-width: 767px) {
  .relatedArea {
    padding: 22px 20px 26px;
  }
  .relatedArea .titRelated img {
    width: 157px;
  }
  .relatedArea .titRelated .txtRelated {
    font-size: 10px;
    margin-top: 6px;
  }
  .relatedArea .listRelated {
    margin-top: 20px;
  }
  .relatedArea .listRelated li {
    padding-bottom: 9px;
    width: 31%;
  }
  .relatedArea .listRelated li + li {
    margin-left: 0;
    margin-top: 6px;
  }
  .relatedArea .listRelated li a .img {
    width: 100%;
    height: 88px;
    padding-top: 33.5%;
  }
  .relatedArea .listRelated li a .img .day {
    font-size: 22px;
    top: -11px;
    font-family: 'Hind-Regular' , sans-serif;
  }
  .relatedArea .listRelated li .txt {
    -webkit-line-clamp: 3;
    font-size: 12px;
  }
}
.footer {clear: both;}
/*関連*/
.relatedArea .listRelated li .day {position: relative;padding-right: 5px;
    font-family: 'Hind-Regular' , sans-serif;
}
.relatedArea .listRelated li .day::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-6px);
    width: 1px;
    height: 12px;
    background: #999999;
}
/*
沖縄特集
================================================*/
aside {margin-left: 25px;width: 300px;}
aside img {display: block;width: 100%;}
aside .special__area {
    background: url(../images/common/special_bg.png) repeat-y;
    background-size:100%;
}
.footerUtility {
    background: url(../images/common/foot_logoarea_line_pc.jpg) repeat-y;
    background-size: 100%;
}
.footer-sns {display: none;}
@media screen and (max-width: 1070px) {
    .headerIn {width: 100%;padding: 20px 30px 15px;}
    /*main visual*/
    
    /*main contents*/
    .contents {width: 100%;padding: 0 10px;}
    .contentsMain {width: 70%;}
    /*side bar*/
    aside {margin-left: 2%;width: 30%;}
    /*main contents*/
    .footerUtilityIn {width: 100%;}
}   
@media screen and (max-width: 768px) {
    .headerSns {display: none;}
    /*下層ページ SP*/
    .article-flex {padding-top: 0;}
    .contents--wrap .pc--display {display: none;}
    .contents--wrap .sp--display {display: block;}
    #wrapper {padding-top: 0;}
    .article-flex {flex-wrap: wrap;}
    .contentsMain,
    aside {width: 100%;}
    /*下層ページ SP*/
    .listDetailSns li a {display: block;width: 37px;padding-top: 0;}
    .footer-sns.sp--display {display: block;}
    .footer-sns {
        padding: 40px 0;
        display: flex;
        justify-content: center;
        background: url(../images/common/foot_sns_line.jpg) repeat-y;
        background-size: 100%;
    }
    .footer-sns i {color: #fff;}
    .footer-sns li:not(:last-of-type) {margin-right: 40px;}
    .footerUtilityIn {
        background: url(../images/common/foot_logoarea_line_sp.jpg) repeat-y;
        background-size: 100%;
        padding: 38px  0 30px;
    }
    .logo_copy_area {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .logo_copy_area img {max-width: 100%;width: 50%;}
    .footerCompanyLogo , .footerCopyright {width: 100%;}
    .footerCompanyLogo {margin-bottom: 4%;}
    .footer .fa-3x.size {font-size: 3.5em;}
    .relatedArea .listRelated {
        flex-wrap: wrap;
    }
    .relatedArea .listRelated li {width: 100%;}
    .relatedArea .listRelated li a {
        display: flex;

    }
    .secDetail:last-of-type {padding: 65px 15px 37px;}
    .relatedArea {padding: 0px 0px 26px;}
    .listRelated__datails {flex:1;}
    .relatedArea .listRelated li .txt {margin-top: 0;}
    .relatedArea .listRelated li .day, .relatedArea .listRelated li .cat--name {font-size: 10px;}
    /*関連*/
    .listRelated a .hidden {width: 50%;margin-right: 16px;}
    .relatedArea .listRelated li a .img {padding-top: 67%;}
    .relatedArea .listRelated li + li {margin-left: 0;}
    .relatedArea .listRelated li:not(:last-of-type) {margin-bottom: 24px;}

}
@media screen and (max-width: 480px) {
    .headerIn {padding: 10px 15px 8px;}
    .headerLogo {width: 77px;}
    .logo_sns_area {width: 109px;}
    .special__area .special_recommend .day::after {width: 63%;}
    .navBreadcrumb ol {display: flex;margin-bottom: 10px;}
    .navBreadcrumb li {display: inline;white-space: inherit;}
    .navBreadcrumbIn {width: 100%;overflow: visible;height: auto;}
    .mv_day {margin-top: 15px;font-size: 11px;}
    .secDetail .tit01 {font-size: 16px;}
    .foot__searcharea .blue--bg a {padding-bottom: 0;}


    /*下層ページ*/
    .contents {padding: 0 16px 16px;}
    .mv_day .day {padding-right: 8px;}
    .mv_day .day::after {height: 8px;transform: translateY(-5px);}
    .secDetail .boxDetailTop {margin: 0 -7px;}
    .secDetail .boxDetailTop .img {margin: 7px;}
    .listDetailTag a {padding: 6px 9px;font-size: 10px;}
    .secDetail {padding: 40px 15px 0;}
    .secDetail p {font-size: 13px;padding: 0;}
    .listDetailTag.sBorder {margin-bottom: 0;}
    .secCmn01 {padding: 20px 0px 48px;}
    .secDetail:first-of-type {padding-bottom: 1px;padding-top: 7px;}
    .secDetail .tit02 {font-size: 15px;}
    .secDetail img:not(:first-of-type) {margin-top: 15px;}
    .mv_bottom_conte {padding: 0;}
    .secDetail:nth-last-child(2) {padding-top: 48px;}
    .snsArea {padding: 28px 18px 20px;margin: 0;}
    .listDetailSns li .fa-3x.size {font-size: 3em;}
    .listDetailSns {margin-right: 0;}
    .relatedArea {padding-bottom: 20px;}
    .secDetail:last-of-type {padding-bottom: 0;}
    .relatedArea .titRelated {top: -65px;}
    .relatedArea .titRelated img {width: 109px;}
    .secDetail:last-of-type {padding-top: 45px;}
    .snsArea p span {margin-bottom: 9px;}
    .listDetailSns li:not(:last-of-type) {margin-right: 20px;}

    /*沖縄特集*/
    .special__area .special_recommend {padding: 0 22px;}
    .footer .fa-3x.size {font-size: 2.5em;}
    .footer-sns {padding: 20px 0;}
    .special__area .special_recommend a {
        display: flex;
    }
    aside ul li span {width: 50%;height:95px;display: block;margin-right: 16px;}
    .special_recommend li a span {overflow: initial;}
    .special__area .special_recommend a p {margin-top: 0;font-size: 12px;flex:1;}
    .special__area .special_recommend li a .sp-display-day{display: block;height: auto;overflow: initial;}
    .special__area .special_recommend .day,
    .special__area .special_recommend .day::after {display: none;}
    .special__area .special_recommend .day {margin-top: 14px;}
    .special__area .special_recommend li:not(:last-of-type) {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;padding-bottom: 20px;
    }
    .relatedArea .listRelated li:not(:last-of-type) {margin-bottom: 0;}
    .relatedArea .listRelated li .day {margin-right: -5px;padding-left: 0;letter-spacing: .12em;}
    .relatedArea .listRelated li .cat--name {letter-spacing: .12em;}
    .listRelated a .hidden {margin-right: 11px;}
    .relatedArea .listRelated li .day::after {right: 2px;transform: translateY(-7px);}

    /*ページトップボタン*/
    .footerPagetop a {
        width: 45px;
        height: 150px;
        border: 1px dashed #999999;
    }
    .footerPagetop a span {
        font-size: 10px;
    }
}
/*hover efect*/
.main_wrap .main__img--outer,
.special_recommend li a span {display: block;overflow: hidden;}


.main_wrap a .main__img--outer .img_conte,
.special_recommend li a .catch img, 
.boxTopCategory .list li a .imgArea span,
.listRelated a .hidden .img {
    transform: scale(1);
    transition: .3s ease;
}
.main_wrap a:hover .main__img--outer .img_conte,
.special_recommend li a:hover .catch img,
.boxTopCategory .list li a:hover .imgArea span,
.listRelated a:hover .hidden .img {
    transform: scale(1.1);
}