@charset "utf-8";
/*
Theme Name: LIQUID MAGAZINE CHILD
Template: liquid-magazine
*/

blockquote{
    padding: 50px 20px 30px;
    background: #F6F6F6;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
    border: 7px #ffffff solid;
    -moz-box-shadow: 0 0 0 1px #E6E6E6;
    -webkit-box-shadow: 0 0 0 1px #E6E6E6;
    box-shadow: 0 0 0 1px #E6E6E6;
    position: relative;
}

blockquote p{
    position: relative;
    z-index: 3;
}

blockquote:before{
    content: "“";
    font-size: 350%;
    line-height: 0.8em;
    font-family: 'Century' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #9d9e9f;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
}

blockquote:after{
    content: "”";
    font-size: 350%;
    line-height: 0em;
    font-family: 'Century' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #9d9e9f;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
}


.logo img { height:auto !important; }

.navbar { font-weight: bold; }

.bxslider li { 
    position: relative; 
    height: 350px; 
    background-size: contain;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: 100% contain;
    -o-background-size: 100% contain;
    -ms-background-size: 100% contain;
    background-repeat: no-repeat;
    z-index: 9999;
}
.bxslider img { width: 100%; height:auto; 
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    display: none;
}
.bxslider a { display: block; }

.bx-wrapper .bx-caption {
    z-index: 9999;    
}

.breadcrumb , .post_cat , .post_time { font-size: 14px; } 

.list .post_links .post_thumb {
    background-color: #fff; 
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: 100% contain;
    -o-background-size: 100% contain;
    -ms-background-size: 100% contain;
}

.pager { display: table; width: 100%; }
.pager .pager-prev { display: table-cell; width: 50%; vertical-align: top; }
.pager .pager-next { display: table-cell; width: 50%; vertical-align: top; }

.headline .sns a { background-color: #f47900; } 
.headline .sns a.facebook { background-color:#3B5998;}
.headline .sns a.twitter { background-color:#00aced; }
.foot .sns a { background-color: #f47900; } 
.foot .sns a.facebook { background-color:#3B5998;}
.foot .sns a.twitter { background-color:#00aced; }

.copy .rwd { display: none; }

.foot-link li { display: inline-block; margin-right:15px; }

/*
.widget .tptn_posts_widget ul li { display: table; }
.widget .tptn_posts_widget ul li a { display: table-cell; }

.widget .tptn_posts_widget ul li a.tptn_link { width: 90px; height: 60px !important; }
*/

/* ------------------------------------
// original- widget 
------------------------------------ */
.original-widget.widget { margin-bottom:0; }
.original-widget { padding-top:15px;padding-bottom:15px;  border-top: 1px solid #DB4C0F; color:#DB4C0F; }
.original-widget.no-border { border:none; }
.original-widget a { text-decoration: underline; }

.whatday-title { height:1.3rem !important; vertical-align:middle;}
.whatday-year { margin-top:8px; }

.original-widget-title img { height:1.3rem !important; }  

.widget-title { margin-bottom:0.5rem; } 

.madeato-event { vertical-align: middle; }
.madeato { height:1.3rem !important;  vertical-align:middle; }
.madeato-number , .madeato-day { width:1rem;  vertical-align:middle; }
.madeato-number { margin-right: -0.2rem; }
.madeato_tokyo_orinpic { width:1.4rem;}

.original-widget-title { margin-bottom:0.5rem; color:#DD4E11; font-size:1.1rem; font-weight:bold; }
.omikuji { margin: 0 auto; width:100%; text-align:center; }
.omikuji img { display:inline-box; width:21%; -webkit-appearance: none; border-radius: 0; }
.himekuri-widget { text-align:center; }
.himekuri-widget .himekuri-inner div { margin-bottom:1rem; }

.himekuri-widget { margin-right:-0.9375rem; margin-left:-0.9375rem; margin-top:-1rem; background:#DB4D0E; }
.himekuri-widget .himekuri-inner { margin:auto; padding:7px 0; width:70%; background:#fff; }


.whatday-widget { border:none; }

/*201802 comment out*/
/*スマホ版トップページ上部のウィジェット、デフォルトは非表示*/
/*.sp-top-widget { display:none; }*/

/*201802 スマホ版トップページ上部検索フォーム、デフォルトは非表示*/
.sp_top_searchform { display: none; }

/*PC版トップページ おすすめコンテンツ*/
.recommend-contents {width: 100%;}
.recommend-contents img {padding: 5px; float: left; width: 50%;}

/* FourM 広告タグ */
.fourm-add {
    margin-top: 10px;
    text-align: center
}
.fourm-add div.add-flex {
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

.fourm-add-sp {
    margin-bottom: 20px;
}


/* ------------------------------------
// @media
------------------------------------ */
@media (max-width: 74.9em) {
    .list_big .post_links .post_thumb span {
        height: 190px;
    }

}
@media (max-width: 61.9em) {
    .list_big .post_links .post_thumb span {
        height: 260px;
    }

}
/* Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
    h1 { font-size: 1.5rem; }
    .bxslider li { 
        height: 180px; 
    }
    .logo img {
        max-width: 70% !important;
    }
    .navbar-toggle { top: -4rem; }
    
    .foot-link li {
        display: block;
    }
    .list .post_ttl { font-size: 16px; }
    .list .post_time, .list .post_cat { font-size: 16px; }

    body.home .sidebar .countdown-widget,
    body.home .sidebar .orinpic-widget,
    body.home .sidebar .madeato-widget,
    body.home .sidebar .whatday-widget,
    body.home .sidebar .birthday-widget,
    body.home .sidebar .omikuji-widget,
    /*201802 comment out*/
    /*body.home .sidebar .himekuri-widget { display:none }*/

    .sp-top-widget .himekuri-widget { margin-top:0; }

    /*201802 comment out*/
    /*スマホ版トップページ上部のウィジェットを非表示*/
    /*.sp-top-widget { display:block; }*/

    /*201802 スマホ版トップページ上部の検索ボックスを表示*/
    .sp_top_searchform {display:block; }

    /*スマホ版トップページ おすすめコンテンツ*/
    .recommend-contents img {width: 100%;}


}

@media (max-width: 33.9em) {

    .list_big .post_links .post_thumb span {
        width: 100%;
        height: 260px;
    }

}
