/*
    Theme Name: The Voux Child Theme
    Theme URI: http://themeforest.net/user/fuelthemes
    Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
    Version: 1.0.0
    Author: fuelthemes
    Template: thevoux-wp
*/

/*category_page*/
#category-title{
    background-image : url(../../uploads/2018/04/category_banner_bg.jpg);
    padding          : 55px 0 46px;
}
/*post-related.php*/
.post .related-posts strong{
    font-size   : 16px;
    font-weight : bold;
}
/** general **/
html, body{
    overflow-wrap : break-word;
    font-family   : "Lato", "Yu Gothic Medium", "Yu Gothic Bold", "ヒラギノ角ゴシック Pro", "メイリオ", "Helvetica Neue", "Arial";
}
.titlefont, h1, h2, h3, h4, h5, h6{
    font-family : "Lato", "Yu Gothic Medium", "Yu Gothic Bold", "ヒラギノ角ゴシック Pro", "メイリオ", "Futura", "Helvetica Neue", "Arial";
}
.row{
    /* 	max-width:90rem; */
}
#wrapper [role="main"]{
    max-width : 90rem;
    margin    : 0 auto;
}
.header .header_top{
    background-position : center;
    border-bottom       : 1px solid rgb(226, 226, 226);
}
.header.fixed .header_top{
    padding : 13px 0 12px;
}
.single .post .post-content h2{
    line-height   : 1.25;
    margin        : 75px 0 25px;
    padding       : 5px 0 10px;
    font-size     : 28px;
    font-weight   : 700;
    border-bottom : 2px solid #181818;
}
.single .post .post-content h3{
    margin        : 56px 0 20px;
    padding       : 13px 28px 12px;
    font-size     : 21px;
    font-weight   : 700;
    background    : #f3f3f3;
    border-radius : 10px;
}
.single .post .post-content h4{
    margin      : 34px 0 11px;
    /*     padding: 0 0 0 16px; */
    position    : relative;
    font-size   : 20px;
    font-weight : 700;
}
dl{
    border  : 1px solid #ddd;
    margin  : 33px 0;
    padding : 28px 33px;
}
dt{
    display        : inline-block;
    background     : #fff;
    padding        : 0 10px;
    font-size      : 16px;
    font-weight    : 700;
    letter-spacing : .055em;
    position       : relative;
    top            : -44px;
    left           : -12px;
}
dd{
    position   : relative;
    margin-top : -36px;
}
blockquote p{
    font-size   : 16px;
    line-height : 1.8 !important;
}
/* header */
.header .social-holder .social_header > i{
    display : none;
}
.header .logo #page-title{
    font-weight : bold;
}
/* font */
.mont, .post .post-author em, #footer.style2 .menu,
#footer.style3 .menu, #footer.style4 .menu, #footer.style5 .menu, .social_bar,
.smalltitle, .toggle .title, q, blockquote p, cite{
    font-family : "Lato", "Yu Gothic Medium", "Yu Gothic Bold", "ヒラギノ角ゴシック Pro", "メイリオ", "Futura", "Helvetica Neue", "Arial";
}
/* top_page */
.textalign_center{
    text-align : center;
}
.bold{
    font-weight : bold;
}
.home h5{
    font-size : 22px;
}
.home .slick-slide .post .post-title h5{
    font-size : 22px;
}
.home .post .post-title h5{
    /* 	font-size:22px; */
    line-height   : 150%;
    font-weight   : 600;
    margin-top    : 10px;
    margin-bottom : 5px;
}
.post.style6 .post-gallery{
    margin-bottom : 10px;
}
.slick-slide .post.featured-style11 .featured-title .post-title h1{
    font-size   : 26px;
    line-height : 1.4;
}
.home .post .post-gallery img{
    height     : calc(45vw * 0.62);
    object-fit : cover;
}
.new_arrivals h5{
    border-top : solid 1px #333;
    text-align : center;
    padding    : 3rem 0 1.5rem;
}
.more_new{
    margin : 0 auto 3.2rem;
    width  : 15rem;
}
.more_new a p{
    font-size     : 14px;
    color         : #545353;
    text-align    : center;
    line-height   : 3rem;
    width         : 15rem;
    height        : 3.2rem;
    border        : 1px solid #333;
    border-radius : 2px;
}
.post.style6 .post-author,
.post.style6 aside{
    font-size   : 12px;
    margin-left : 2px;
}
/* post slider */
.post.post-slider:not(.featured-style10) .post-gallery.has-parallax{
    padding-bottom : calc(50% + 110px);
}
.post.featured-style2 .featured-title .post-meta{
    display : inline-block;
}
/*.post.featured-style2 .featured-title time::before{
	 content: ' - ';
	 display: inline-block;
}*/
.post.featured-style2 .featured-title time{
    display : inline-block;
}
.post.featured-style2 .featured-title{
    border  : none;
    padding : 0;
    top     : 72%;
    /* 	top: calc(67vw*0.48); */
}
.slick-nav{
    top    : 35%;
    border : none;
    width  : 20px;
}
.slider_width{
    width : 100%;
}
.slick-nav{
    visibility : visible;
}
.slick-nav svg{
    width : 15px;
}
.slick-nav.slick-prev{
    left : 25px;
}
.slick-nav.slick-next{
    right : 25px;
}
.slick-slider .post .post-author{
    margin-top : 0;
}
/** aside **/
.sidebar_inner .widget > strong span{
    font-size   : 18px;
    font-weight : 700;
}
.sidebar_inner .widget > strong span{
    border-bottom : 2px solid #222;
}
.widget.style2 > strong span{
    padding : 15px 0 5px;
}
.widget.style2 > strong{
    margin-bottom : 18px;
}
.widget.style2{
    border : none;
}
.widget ul{
    margin : 0 0 20px;
}
.widget .post .post-title h6{
    font-weight : bold;
}
.listing_content time{
    font-size : 12px;
}
.listing_content .post-meta.style1 a{
    color : #c9975f;
}
.listing_content .post-meta.style1 a:hover{
    color : #333;
}
.post.listing .post-title{
    margin-bottom : 0;
}
aside.share-article.hide-on-print.hide-for-medium{
    height : 0;
}
aside.post-bottom-meta.hide{
    height : 0;
}
/*--- category_page ---*/
#category-title{
    margin-bottom : 20px;
}
/* single_page */
#infinite-article > .post-detail-row{
    padding : 20px 0;
}
.post ul{
    margin : 0 0 35px;
}
.post.post-detail ul p{
    margin : 0;
}
.bread li:not(:last-child):after{
    padding        : 0 5px 0 10px;
    content        : '>';
    vertical-align : -2px;
}
.single .post-detail{
    padding-top : 15px;
}
/** shop_review **/
.post .post-title h1{
    font-size   : 30px;
    font-weight : bold;
    margin      : 0;
}
.shop_data{
    border-top     : dotted 2px;
    border-bottom  : dotted 2px;
    padding        : 2rem 0;
    display        : flex;
    flex-direction : column;
    width          : 100%;
    margin         : 2rem 0;
}
.shop_data .shop_data_txt{
    font-size     : 90%;
    /*width: 100%;*/
    padding       : 0 0.5rem;
    margin-bottom : 0.7rem;
}
.shop_data .shop_data_img,
.shop_data .coffee_data_img{
    width  : 100%;
    margin : 1rem auto;
}
.no_border_top{
    border-top : none;
    /* 	align-items:center; */
}
.no_border_top .shop_data_img{
    padding-bottom : 2rem;
}
.home input, .shop_data input[type="button"],
.shop_data > .shop_data_txt > a{
    width         : 70%;
    font-size     : 80%;
    padding       : 0.5rem;
    margin        : 1.7rem 15%;
    background    : #fff;
    border        : 1px solid #999;
    border-radius : 0.15rem;
    display       : inline-block;
    text-align    : center;
}
.shop_data > .shop_data_img > p > iframe{
    margin  : 0 auto;
    display : block;
}
.home input, .shop_data input[type="button"]:active{
    background : #eee;
    border     : 1px solid #fff;
}
.post .post-content .shop_data h5{
    margin-bottom : 0.2rem;
}
.shop_data tr{
    line-height : 150%;
}
.shop_data th{
    text-align     : left;
    vertical-align : top;
    width          : 7rem;
    padding        : 0.3rem 0;
}
.shop_data td{
    padding : 0.3rem 2rem;
    /*width:70%;*/
}
.flex_box{
    display         : flex;
    /* 	flex-direction:row; */
    justify-content : space-between;
}
.flex_box figure:first-child{
    margin-right : 1rem;
}
.post-content-container .post-content figure{
    margin-bottom : 1rem;
}
.post-content-container .post-content figcaption{
    font-size  : 80%;
    text-align : center;
    margin-top : 0.5rem;
}
.related-posts{
    margin-top : 0;
}
.post .post-attribute{
    /* 	font-size: 11px; */
    /* 	color: #767676; */
    /* 	font-weight: 400; */
    /* 	text-transform: uppercase; */
    /* 	margin: 10px 0 35px; */
    /* 	display:inline-block; */
}
.post.post-detail .post-meta{
    display : inline-block;
}
.inline-block{
    display : inline-block;
}
/* category_page */
#category-title h1{
    font-size : 20px;
}
#category-title h1 + p{
    color  : #fff;
    margin : 20px 0 0
}
/* contact_page */
.wpcf7{
}
.wpcf7 form{
    /* 	text-align:center; */
    /* 	display:block; */
    margin : 2rem auto;
    width  : 20rem;
}
.wpcf7 h5{
    color         : #333;
    border-bottom : 2px solid #666;
    width         : 19rem;
    margin-bottom : 1rem;
}
.wpcf7 p{
    /* 	display:block; */
    width         : 20rem;
    margin-bottom : 0;
}
.wpcf7 label{
    font-size     : 14px;
    color         : #878787;
    font-weight   : 400;
    line-height   : 1.8;
    margin-bottom : 0;
}
.wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 textarea{
    width         : 19rem;
    border-radius : 2px;
}
.wpcf7 input[type=submit].wpcf7-submit{
    font-size     : 14px;
    color         : #878787;
    text-align    : center;
    line-height   : 3rem;
    width         : 19rem;
    height        : 3rem;
    border        : 1px solid #999;
    border-radius : 2px;
    background    : #fff;
    cursor        : pointer !important;
    padding       : 0;
}
/*整理後不要*/
.related_articles .box{
    margin-bottom : 2rem;
}
.related_articles a img{
    margin-bottom : 15px;
}
.related_articles a small{
    font-size   : 16px;
    font-weight : bold;
}
/* footer */
#footer .widget ul.menu li a{
    font-size : 14px;
}
.widget.style2{
    margin-bottom : 0;
}
#infinite-article{
    padding-bottom : 0;
}
/* widgets */
.shop_review.listing{
    display     : flex;
    align-items : center;
}
/*--- 商品マトリックス    START------------------------*/
table.mytable{
    border-collapse : collapse;
    border          : 1px solid #ffffff;
    margin          : 0 auto;
    position        : relative;
    box-sizing      : border-box;
}
table.mytable td{
    border  : 1px dashed #d3bba3;
    padding : 0;
}
@media only screen and (max-width : 600px){
    table.mytable td{
        font-size : 1.0em;
    }
}
div.cell{
    width  : 40px;
    height : 40px;
    border : 1.7px solid transparent;
}
table tr td.matrix_top{
    /*border-top:none;*/
}
table tr td.matrix-left{
    /*border-left:none;*/
}
table tr td.matrix-bottom{
    /*border-bottom:none;*/
}
table tr td.matrix-right{
    /*border-right:none;*/
}
table tr td.matrix-middle-row{
    padding : 0;
    height  : 0;
    border  : 1.7px solid #d3bba3;
}
table tr td.matrix-middle-col{
    padding : 0;
    width   : 0;
    border  : 1.7px solid #d3bba3;
}
table tr td.matrix-title{
    padding        : 0;
    border         : 0;
    color          : #2E1510;
    font-weight    : bold;
    vertical-align : middle;
}
table tr td.matrix-title-left{
    padding-right : 2px;
}
table tr td.matrix-title-right{
    padding-left : 2px;
}
table tr td.matrix-title-top{
    padding-bottom : 2px;
}
table tr td.matrix-title-bottom{
    padding-top : 2px;
}
td.preferd{
    background-color : #ffcc00;
}
td.selected div.cell{
    border : 1.7px solid #2b1611;
}
.mytable .active_tab{
    /*background: #ffcc00;*/
    background : #c4bcb2;
}
/*--- 商品マトリックス    END------------------------*/

@media only screen and (min-width : 40.063em){
    /* 	header */
    .header .logo .logoimg{
        max-height : 40px;
    }
    .header .header_top{
        padding : 15px;
    }
    /* top */
    .sidebar{
        padding-left : 0;
    }
    /* post slider */
    .post.featured-style11{
        /* 		height:calc(67vw * 0.48); */
    }

}
@media screen and (max-width : 40.0624em){
    /* top_page */
    .hidden_sp{
        display : none;
    }
    .hidden_pc{
        /* 		display:block; */
    }
    .blog-section{
        margin : 15px 0;
    }
    .slider_width{
        /* 		width:70%; */
        /* 		margin:0 auto; */
    }
    .post.post-slider:not(.featured-style10) .post-gallery.has-parallax{
        padding-bottom : calc(38% + 110px);
    }
    .post.featured-style2 .featured-title{
        top : 0;
    }
    .widget.style2 > strong{
        text-align : center;
    }
    .widget.style2 > strong span{
        font-size : 22px;
        display   : none;
    }
    .widget .post .post-title h6{
        font-weight : bold;
    }
    h5.hidden_pc{
        font-weight : bold;
        text-align  : center;
    }
    .new_arrivals h5{
        padding : 1.5rem 0 0.5rem;
    }
    .hidden_pc .post .post-meta + .post-author:before{
        display : none;
    }
    .hidden_pc time{
        /* 		display:none; */
    }
    .hidden_pc .post.style6{
        margin-bottom : 0;
    }
    .home .hidden_pc .post .post-gallery img{
        height : calc(95vw * 0.62);
    }
    .hidden_pc .widget_latestimages li:nth-child(1){
        /* 		background:#ccc; */
    }
    /* 	category_page */
    .archive.category aside.sidebar{
        display : none;
    }
    .archive.category .post .post-gallery img{
        height     : calc(95vw * 0.7);
        object-fit : cover;
    }
    /* 	single_page */
    .single .post .post-content-container > .post-gallery img{
        width : 100%;
        /*height: calc(95vw*0.62);*/
        /*object-fit: cover;*/
    }
    /* 	404 */
    .content404 .widget .hide-for-small-only{
        display : inline-block !important;
    }
    .content404 > .row{
        background : #fff;
    }
    .content404 .columns{
        text-align : center;
    }
    .content404 h1{
        font-size : 80px;
        color     : #5e382b;
    }
    .content404 p{
        font-size   : 15px;
        line-height : 3;
    }
    .content404 .flex_box{
        flex-direction : column;
    }
    .content404 .flex_box > div{
        width      : 100%;
        text-align : start;
    }
    .content404 .widget.style2 > strong{
        text-align : start;
        width      : 100%;
    }
    .content404 .widget.style2 > strong span{
        display       : inline-block;
        width         : 100%;
        padding       : 15px 0 5px;
        font-size     : 18px;
        font-weight   : 700;
        border-bottom : 2px solid #222;
    }
}
@media screen and (min-width : 40.0625em){
    /* header */
    .header .header_top{
        background-position : center;
    }
    .mobile-toggle{
        display : none;
    }
    .quick_search{
        margin-right : 30px;
    }
    .full-menu-container{
        display : block;
    }
    /* top */
    .hidden_pc{
        display : none;
    }
    .home .post .post-gallery img{
        height     : calc(28vw * 0.62);
        object-fit : cover;
    }
    .home .large-4 .post .post-gallery img{
        height     : calc(28vw * 0.62);
        object-fit : cover;
    }
    .slick-nav{
        top : 40%;
    }
    /* 	single_page */
    .single .post .post-content-container > .post-gallery img{
        /*     width: 100%; */
        /*height: calc(55vw*0.62);*/
        object-fit : contain;
    }
    /* shop_review */
    .shop_data{
        justify-content : space-between;
        flex-direction  : row;
    }
    .shop_data .shop_data_txt{
        font-size : 90%;
        width     : 60%;
        padding   : 0 0.5rem;
    }
    .shop_data .shop_data_img{
        width    : 40%;
        height   : calc(32vw * 0.6);
        margin   : 0;
        overflow : hidden
    }
    .shop_data .coffee_data_img{
        width  : 40%;
        margin : 0;
    }
    .related_articles{
        display         : flex;
        justify-content : space-between;
        width           : 100%;
        margin-bottom   : 2rem;
    }
    .related_articles .box{
        width : 30%;
    }
    .related_articles a img{
        width      : 100%;
        height     : 9rem;
        object-fit : cover;
    }
    /* 	category_page */
    #category-title h1{
        font-size : 26px;
    }
    .archive .post .post-gallery img{
        height     : calc(30vw * 0.6);
        object-fit : cover;
    }
    /* footer */
    #footer .widget ul.menu li a{
        font-size : 14px;
    }
    /* 	404 */
    .content404 > .row{
        background : #fff;
    }
    .content404 .columns{
        text-align : center;
    }
    .content404 h1{
        font-size : 120px;
        color     : #5e382b;
    }
    .content404 p{
        font-size   : 25px;
        line-height : 3;
    }
    .content404 .flex_box div:nth-child(3){
        display : none;
    }
    .content404 .flex_box > div{
        width      : 30%;
        text-align : start;
    }
    .content404 strong span{
        width         : 100%;
        padding       : 15px 0 5px;
        font-size     : 18px;
        font-weight   : 700;
        border-bottom : 2px solid #222;
    }
}
@media screen and (min-width : 64.0625em){
    /* 	top_page */
    .home .large-4 .post .post-gallery img{
        height     : calc(19vw * 0.62);
        object-fit : cover;
    }
    /* 	category_page */
    #category-title h1{
        font-size : 30px;
    }
    /* shop_review */
    .shop_data .shop_data_img{
        width    : 40%;
        height   : calc(23vw * 0.6);
        margin   : 0;
        overflow : hidden
    }
}
@media only screen and (min-width : 75em){
    /* 	category_page */
    #category-title h1{
        font-size : 36px;
    }
}
@media screen and (min-width : 90.0625em){

}