@charset "UTF-8";
/* ######################################################################################

　WordPress　共通

###################################################################################### */
body{color: #444444;}
img{max-width: 100%; height: auto;}


@media print, screen and (min-width: 768px) {
    body{min-width: 1110px;}
}


/* ====================================================
　ヘッダー
==================================================== */
/* header
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .header{padding-bottom: 10px;}
    .header .logo span{margin-right: 1.5em;}
    .header .logo p{top: 0.1em;}
    .header .guide{padding-top: 0.5em;}
    .header .guide .sns{margin-right: 0;}
}
@media screen and (max-width: 767px){
    .header .contents{height: 45px;}
}

/* 個別調整 */
.pageBlog.single .header{
    background-image: url(../img/blog/line.svg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

@media print, screen and (min-width: 768px) {
    .pageBlog.single .header{padding-bottom: 18px; margin-bottom: 5px; padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 767px){
    .pageBlog.single .header{padding-bottom: 6px; margin-bottom: 10px;}
}



/* ====================================================
　カテゴリボタン
==================================================== */
@media print, screen and (min-width: 768px) {
    .contents.category {width:810px;}
    .contents.category .row {
        margin-left:-15px;
        margin-right:-15px;
    }
    .contents.category .row > li {
        padding-left:15px;
        padding-right:15px;
        margin-bottom:16px;
    }
    .contents.category .row > li:nth-last-of-type(1),
    .contents.category .row > li:nth-last-of-type(2),
    .contents.category .row > li:nth-last-of-type(3){
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .contents.category .row {
        margin-left:-1.6%;
        margin-right:-1.6%;
    }
    .contents.category .row > li {
        padding-left:1.6%;
        padding-right:1.6%;
        margin-bottom:15px;
    }
}


/* ====================================================
　フッター
==================================================== */
.small.keyword{background: #F2F3F4;}

.pageBlog.home .small.keyword{background: #FFACD0; color: #fff;}
.pageBlog.archive .small.keyword{background: #ffe054; color: #555;}

@media print, screen and (min-width: 768px) {
    .small.keyword .contents,
    .footer .contents{width: 1080px;}
    .small.keyword{letter-spacing: 0.05em; font-size: 1.3rem;}
}
@media screen and (max-width: 767px){
    .small.keyword{padding: 1em 0; text-align: left;}
}

/* ロゴ
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .footer .logo{margin-bottom: 30px;}
    .footer .logo span{margin-right: 1.5em;}
    .footer .logo p{font-size: 1.3rem;}
}

/* fnav
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .fnav ul{margin-bottom: 50px;}
    .fnav ul li{font-size: 1.4rem;}
}
@media screen and (max-width: 767px){
    .fnav{margin-top: 2em;}
    .fnav a:before{display: none;}
}

/* copyright
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .copyright{padding-bottom: 125px; font-size: 1.3rem;}
}
@media screen and (max-width: 767px){
    .copyright{padding-top: 3em; padding-bottom: 21%; font-size: 1.4rem;}
}


/* フッター固定：ブログトップへ
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .free2month_k{padding: 10px 0 15px!important;}
    .free2month_k .btn{float: none; text-align: center; margin-top: 0;}
    .free2month_k .btn .button.ico.illuArrow.thickPink{
        min-width: 420px;
        padding: 1.1em 1em 1em 3.75em;
        background: linear-gradient(#ffd117 0%, #fcb100 100%);
        border: #ce9000 solid 1px;
    }
    .free2month_k .btn .button.thickPink.round.ico.before.after.illuArrow.freetrial:before{
        margin: 0;
        background-image: url(../img/blog/ico_house.png);
        background-size: 70%!important;
        left: 2.25em;
        top: 1.5em;
    }
    .free2month_k .btn .button.ico.illuArrow.thickPink:after{
        display: none;
        color: #fcb100;
        right: 1em;
    }
}
@media print{
    .free2month_k{display: none;}
}

@media screen and (max-width: 767px){
    .footerPop .close{height: 100%;}
}