@charset "UTF-8";

/*!
Theme Name: shinbiyo
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

*{font-feature-settings: "palt";}
a{text-decoration: none; color:#000;}
a:hover{color: #111;}
img{vertical-align: bottom;}
ul{padding: 0 !important;}
li{list-style: none;}

.bold{font-weight: bold;}
.border{border: #000 1px solid; margin: 60px 0 10px 0;}
.clear{clear: both;}
#body{margin-top: 0 !important;}

/* iPhoneでフォントサイズ指定するための */
body { 
  -webkit-text-size-adjust: 100%; 
} 

/* 45x65px */ .font_main{font-size: 45px; line-height: 65px;}
/* 40x50px */ .font_title{font-size: 40px; line-height: 50px;}
/* 28x36px */ .font_sub{font-size: 28px; line-height: 36px;}
/* 24x32px */ .font_attention{font-size: 24px; line-height: 32px;}
/* 21x28px */ .font_accent{font-size: 21px; line-height: 28px;}
/* 20x26px */ .font_pickup{font-size: 20px; line-height: 26px;}
/* 18x30px */ .font_content{font-size: 18px; line-height: 30px; margin-top:3px;}
.su-spoiler-title{font-size: 18px !important; line-height: 25px !important; margin-top:3px;}



.flex-nav-prev .flex-prev .left{
width:100px; height:100px;
background: url(http://www.shinbiyo.com/content/wp-content/image/prev.png) !important;
}



.beforemain{margin-top: 10px;}

.bookshop .content_order_left,
.bookshop .content_order_right{
width: 48%;
margin-bottom: 4em;
}

.bn_content{
display: table;
padding: 40px 50px;
margin-bottom: 40px;
border: #ccc 1px solid;
}

.bn_content_left{
float: left;
width: 204px;
padding-right: 45px;
}

.bn_content_right{
float: right;
width: 600px;
text-align: left;
}

.bn_content_left , .bn_content_right{
display: table-cell;
}

.bn_content_left img{
width: 230px;
height: auto;
margin-bottom: 1em;
}

.bn_image{
height: 190px;
width: auto;
}

.bn_order{border: #000 5px solid; padding: 0.8em 0; text-align: center;}

.bn_s{width: 22%;}
.bn_k{width: 28%;}
.bn_t{width: 49.26%;}

.bn_s , .bn_k , .bn_t , .content_tab_btn{
border: #000 1px solid;
padding: 1.2em 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
}

.category-books .eye-catch ,
.category-other .eye-catch{
width: 1070px;
height: 140px;
background-image: url("/content/wp-content/uploads/2018/11/bg_head.jpg");
}
.category-books .eye-catch img ,
.category-other .eye-catch img{
display: none;
}

.content_books ,
.content_seminar ,
.seminar_form
{text-align: left;}

.content_bottom .content_order_left , .content_bottom .content_order_right{
width: 47%;
text-align: center;
padding: 0.8em 0;
border: #999 1px solid;
}

.content_company div{
margin: 2em 0 0.3em 0;
}

.content_hairdresser a
{text-decoration: underline;}
.content_hairdresser a:hover ,
.seminar_content a:hover
{color: #f33;}

.content_books .su-spoiler-content{
padding-left: 0 !important;
}

.content_hairdresser .su-spoiler ,
.content_hairdresser .su-spoiler-content ,
.content_hairdresser .su-spoiler-title{
margin: 0;
}

.content_main{
margin: 20px auto;
width: 960px;
text-align: center;
}

.content_menu{
text-align: center;
}

.content_menu img{
margin-bottom: 0.8em;
}

.content_middle{
text-align: left;
margin-top: 2em;
}

.content_middle img{
margin-bottom: 20px;
border: #ccc 1px solid;
}

.content_order{
margin-top :80px;
}

.content_order_left{float: left;}
.content_order_right{float: right;}

.content_order_left li{
float: left;
width: 50%;
text-align: center;
padding: 2% 0;
}
.content_order_left a li:hover ,
.bn_content_left a .bn_order,
a .order_btn
{
background-color: #ddd;
}
.content_order_left a li ,
.bn_content_left a .bn_order:hover,
.seminar_btn ,
a .order_btn:hover
{
background-color: #fff;
}

.content_order_left img{
max-width: auto;
max-height: 600px;
}

.content_order_right li{
width: 345px;
text-align: center;
margin: 25px 0;
}

.content_order img ,
.bn_content_left img
{
border: #666 1px solid;
}

.content_order_k div{
width: 32%;
text-align: center;
padding: 0.8em 0;
border: #999 1px solid;
float: left;
}
.content_order_kcenter{
margin: 0 0.5em;
}

.content_page{
text-align: left;
padding: 2em 0;
}

.content_page .map{
margin: 1em 0;
}

.content_page{
margin: 2.5em 0 0.3em 0;
}

.content_tab{
border-bottom: #000 5px solid;
display: table;
width: 100%;
}

.content_tab li{
float: left;
display: table-cell;
}

.content_tab .tab_on{
color: #fff;
background-color: #000;
}

.content_tab .su-tabs{
background-color: transparent !important;
}

.content_tab .su-tabs-pane{
margin: 0;
}

.content_tab_btn{
width: 33%;
}

.content_title{
display: table;
width: 100%;
margin: 75px 0;
}

.content_title li{
float: left;
display: table-cell;
margin-right: 2em;
vertical-align: middle;
}

.content_top .logo_image_shinbiyo,
.content_top .logo_image_ks{
margin-top: 1em;
}

.content_topic{
margin: 3px 0 40px 0;
}

.entry-title-shinbiyotop h2 ,
.flex-viewport .caption-wrap .caption{
font-size: 13px !important;
line-height: 21px !important;
}

.flex-control-nav{
/*top: 275px !important;*/
}

.flex-direction-nav{
/*top: 275px !important;*/
}

.flex-control-nav li ,
.flex-direction-nav li{
/*float: left;*/
}

.flex-nav-prev .flex-prev::before{
content: url(/content/image/prev.png);
}

.flex-nav-next .flex-next::before{
content: url(/content/image/next.png);
}

.flex-viewport img ,
.main_image{
border: #ccc 1px solid !important;
}

.slidertop .slides .caption-wrap{
margin-top: -100px !important;
}

.slidertop .flex-viewport .caption-wrap .caption{
}


#footer{background-image: url("/content/image/bg_footer.jpg"); background-repeat: repeat-x; background-position: bottom; background-color: #fff;}
#footer-widget a , #copyright , #copyright a{color: #000;}
/*#footer{background-color: transparent !important; color: #000;}
#footer-in{background-image: url("/content/image/bg_footer.jpg");}*/

.home .entry-card ,
body[class*=" category-"] .entry-card ,
body[class*=" tag-"] .entry-card{
margin-bottom: 20px !important;
}

#h-top{
width: 100%;
z-index: 999;
}

.home .entry-card-content ,
body[class*=" category-"] .entry-card-content ,
body[class*=" tag-"] .entry-card-content{
margin-left: 20px;
/* top: 245px; */
bottom: 8px;
}
.home .entry-card-content{
bottom: -0.5em;
overflow: hidden;
}

.home .entry-title-shinbiyotop ,
body[class*=" category-"] .entry-title-shinbiyotop ,
body[class*=" tag-"] .entry-title-shinbiyotop{
white-space: nowrap;
overflow: hidden;
text-overflow: "..";
}

.home .entry-thumb ,
body[class*=" category-"] .entry-thumb ,
body[class*=" tag-"] .entry-thumb{
float: none;
margin-right: 0;
}

.home .entry-thumb img ,
body[class*=" category-"] .entry-thumb img ,
body[class*=" tag-"] .entry-thumb img{
width: 300px;
height: auto;
vertical-align: bottom;
box-shadow: 2px 2px 2px #bbb;
}

.home .hover-card ,
body[class*=" category-"] .hover-card ,
body[class*=" tag-"] .hover-card{
width: 300px;
float: left;
margin-right: 20px;
}

.home .hover-card:hover + .home .entry-title-shinbiyotop h2 ,
body[class*=" category-"] .hover-card:hover + body[class*=" category-"] .entry-title-shinbiyotop h2 ,
body[class*=" tag-"] .hover-card:hover + body[class*=" tag-"] .entry-title-shinbiyotop h2{
color: #fff !important;
}

.home .hover-card:hover ,
.hover-card:hover{
opacity: 0.8;;
}

.image_left{
float: left;
width: 48%;
display: inline-block;
}
.image_right{
float: right;
width: 48%;
display: inline-block;
}

#list{
width: 980px;
margin: 0 auto;
padding-left: 40px;
}

#main{
width: 100%;
padding: 0;
border: none;
margin-bottom: 0 !important;
}

#main .post, #main .page , .entry-content{
margin-bottom: 0 !important;
}

.mailnews{
text-align: center;
}
.mailnews_form{
text-align: left;
}

.main_image_bg{
width: 100%;
height: 142px;
}
.main_image_bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url("/content/image/bg_head.jpg");
width: 100%;
height: 142px;
display: block;
}

.metaslider{
margin: 0 !important;
padding: 0 !important;
}

#mobile-menu-toggle{
background-color: #fff;
margin: 0 !important;
}

.mw_wp_form input[type="submit"]{
width: 100%;
font-size: 20px;
border: #000 5px solid;
margin-top: 10px;
}

.mw-wp-form_file a{
color: #f33;
text-decoration: underline;
}

.mw_wp_form input[type="text"]{
outline: none !important;
border-top: none;
border-left: none;
border-right: none;
border-bottom: #999 1px solid;
box-shadow: none;
border-radius: 0;
}
.mw_wp_form input[type="text"]:focus{
outline: none !important;
border-top: none;
border-left: none;
border-right: none;
border-bottom: #000 1px solid;
box-shadow: none;
border-radius: 0;
}

#navi-in .menu{
z-index: 9999;
}

.oldimage{
width: 100%;
height: auto;
}

.order_btn{
border: #000 5px solid;
background-color: #ddd;
padding: 10px;
background: url("/content/image/btn_deco.png") no-repeat 90% 50%;
}
.order_btn_soldout{
border: #000 5px solid;
background-color: #fff;
padding: 10px;
}

.pcspace{margin-bottom: 0.5em;}

.promotion{
border: #000 5px solid;
padding: 1em;
overflow: hidden;
margin-top: 2em;
}
.promotion:hover{background-color: #ccc;}
.promotion_left{
float: left;
width: 20%;
}
.promotion_left img{
height: 145px;
width: auto;
border: #333 1px solid;
margin-bottom: 0 !important;
}
.promotion_right{
float: right;
width: 80%;
text-align: left;
}
@media screen and (max-width: 560px){
.promotion{padding: 0.5em;}
.promotion_left{width: 40%;}
.promotion_right{width: 60%;}
.promotion_right .ptitle{display: none;}
}

.publication{
margin-top: 5em;
}

.publication{
margin: 10px 0 5em 0;
}

.publication_cover{
width: 100%;
height: auto;
border: #000 1px solid;
margin-top: 1em;
}

.publication_follow{
margin-top: 2em;
text-align: left;
}

.publication_left{
margin-bottom: 0.5em;
}

.publication_logo{
margin: auto;
padding: 0 2em;
}

.publication_books{
padding: 0.5em;
background: linear-gradient(to right, #ccf, #cef);
}

.publication_right{
text-align: left;
}

#responsive-menu-button{
border-radius: 0 !important;
}

#responsive-menu-button , #page-top{
margin-right: calc(50vw - 535px) !important;
}

.search h1{
margin-bottom: 1em;
}

.search_entrycard h2{
margin-bottom: 0;
}

.search_entrycard p{
margin-bottom: 3em;
}

#searchsubmit {
background-color: #f5f5f5;
border-bottom-left-radius: 0;
border-left: 1px solid #ccc;
border-top-left-radius: 0;
height: 30px;
right: 1px;
top: 1px;
width: 56px;
}

.seminar_content , .seminar_info{
margin-bottom: 4em;
}

.seminar_formtitle{
margin: 5em auto 1em auto;
}

.single-post #main{
padding: 0;
}

#site-title{margin-top: 10px;}
.site-title-img{height: 40px; width: auto;}

.seminar_btn{
border: #000 5px solid;
padding: 10px;
text-align: center;
}

.slides .caption-wrap{
padding-left: 20px !important;
font-weight: bold;
}

.spw_btn{
border: #000 5px solid;
background-image: url("/content/image/shinbiyo/spw_bg.jpg");
padding: 15px;
}

.su-tabs-pane{
padding: 0 !important;
margin: 0;
border: #eee 1px solid;
}

.tachiyomi_btn{
padding-top: 2em;
}

.tomotomo_contentbtm{
text-align: center;
}

.tomotomo_contentbtm li{
margin-top: 2.5em;
width: 100%;
}

.tomotomo_vol{
margin-bottom: 1em;
font-size: 28px;
}

.video{margin-top: 0 !important;}

#widget-index-top #searchform{
margin: 0;
}
.home #widget-index-top aside{
text-align: center;
margin: 0;
}


.movie{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; /* 現プレイヤーでは不要？ */
height: 0;
overflow: hidden;
}
.movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* display */
#footer-widget
{display: block;}

#breadcrumb ,
#mobile-menu ,
/*.home .entry-card-content .post-meta ,*/
body[class*=" category-"] .entry-card-content .post-meta ,
body[class*=" tag-"] .entry-card-content .post-meta ,
.home .pagination ,
.main_image_bg img,
.search .addtoany_content ,
#sidebar ,
#site-description ,
.category .entry-snippet ,
.home .entry-snippet
/*.entry-snippet*/
{display: none;}

.type-gentei .article header ,
.type-page .article header ,
.type-post .article header
{position: absolute !important; z-index: -9999 !important;}

.video-container , .video{
/*max-height: 360px;*/
}


/* position */
/*.home .entry-card-shinbiyo ,*/
.entry-card-shinbiyo ,
#header-in ,
#navi-in ,
.slides
{position: relative !important;}

/*.home .entry-card-content ,*/
.entry-card-content ,
#h-top ,
#navi-in .menu ,
.slides .caption-wrap
{position: absolute !important;}


.home #h-top
{position: static !important;}


/* media */
@media screen and (max-width: 1070px){
/*
.bn_s{width: 19.90654205vw;}
.bn_k{width: 25.32710280vw;}
.bn_t{width: 44.39252336vw;}
*/
.bn_content_left{width: 28%; padding-right: 0;}
.bn_content_right{width: 68%;}
.bn_s{width: 16vw;}
.bn_k{width: 26.5vw;}
.bn_t{width: 46vw;}
#body-in{width: 100% !important;}
.content_main , .content_menu{width: 89.71962616vw;}
.content_middle img{margin-bottom: 1.86915887vw;}
.content_order{margin-top: 3em;}
.content_order_left , .content_order_right{width: 48%; margin: 0 1%;}
.content_order_right{width: 345px;}
.content_order_right li , .tomotomo_contentbtm li{display: inline-block; margin: 0.8em 0;}
.content_top .logo_image{margin: 5.60747663vw 0;}
.content_top .logo_image_tomotomo{width: 70.18691588vw; height: auto; margin: 0;}
.entry-title-shinbiyotop h2 , .flex-viewport .caption-wrap .caption{font-size: 1.21695327vw !important; line-height: calc(1.96261682vw) !important;}
.flex-direction-nav{desplay: none !important;}
#footer-in{width: 100% !important;}
.footer-left , .footer-center , .footer-right{margin: 0 !important; padding: 0 !important;}
.home .entry-card-content , body[class*=" category-"] .entry-card-content , body[class*=" tag-"] .entry-card-content{margin-left: 1.86915887vw;}
.home .entry-card-content{bottom: -0.5em !important;}
.home .entry-thumb img , body[class*=" category-"] .entry-thumb img{width: 100%;}
.home .entry-title-shinbiyotop , body[class*=" category-"] .entry-title-shinbiyotop , body[class*=" tag-"] .entry-title-shinbiyotop{width: calc(28vw);}
.home .hover-card , body[class*=" category-"] .hover-card , body[class*=" tag-"] .hover-card{width: 31%; margin-right: 1%;}
#list{width: 100%; padding-left: 2%;}
#responsive-menu-button , #page-top{margin-right: 0 !important;}
#responsive-menu-title-image{width: 25vw;}
#rmp-search-box-17186 .rmp-search-box{width: 200px !important; margin-top: 2em;}
.tomotomo_vol{font-size: 2.61682242vw;}
}

@media screen and (min-width: 1070px){
.bookshop .content_order_left , .bookshop .content_order_right{width: 49%;}
.content_order .content_order_left{margin-left:50px;}
.content_order .content_order_right{margin-right:50px;}
.magazine_follow .widget_a2a_follow_widget{margin: 5px 0 !important; padding: 0 !important;}
.magazine_follow .widget_a2a_follow_widget .addtoany_list a{zoom: 90% !important; margin: 0 10px !important;}
.home #main{}
#footer-widget .widget_a2a_follow_widget .addtoany_list a{margin: 0 5px !important;}
#responsive-menu-container , #page-top{position: fixed;}
.pcspace{margin-bottom: 2em;}
.post-password-form{margin-top: 10em;}
}

@media screen and (max-width: 780px){
.content_order .content_order_left , .content_order .content_order_right{width: 100%; margin: 0; float: none; }
.content_order .content_order_left img{width: 80% !important;}
.content_order .content_order_right li{width: 80%;}
.footer-right{padding-top: 0 !important;}
}

@media screen and (max-width: 560px){
.beforemain{font-size: 12px !important; line-height: 20px !important; margin: 0.5em 0;}
.bookshop .content_order_left, .bookshop .content_order_right{width: 100%; float: none;}
.bn_content{padding: 1em; margin-bottom: 1em;}
.bn_content span{display: none;}
.bn_s , .bn_k , .bn_t , .content_tab_btn{width: 100%; padding: 0.5em 0;}
.btn_cart , .btn_vimeo{width: 100%;}
.category-books .eye-catch , .category-other .eye-catch{width: 100vw; height: calc(13.08411214vw); background-image: url("/content/wp-content/uploads/2018/11/bg_head-320x42.jpg"); background-size: cover;}
.content_order .content_order_right li{width: 100%;}
.content_order_k div{width: 100%;}
.content_order_kcenter{margin: 0.5em 0;}
.content_title{margin: 2em 0;}
.content_title li{width: 100%;;}
.content_top .logo_image_shinbiyo{width: 450px; height: auto; margin: 2.80373831vw 0;}
.content_top .logo_image_ks{width: 45.60747663vw; height: auto; margin: 2.80373831vw 0;}
#custom_html-12{display: none;}
.entry-thumnail{margin-bottom: 0.25em !important;}
.entry-title-shinbiyotop h2 , .flex-viewport .caption-wrap .caption{font-size: 0.64em !important; line-height: 1.6em !important;}
.flex-control-nav{display: none;}
.flexslider{margin-bottom: 0 !important;}
.flickity-button{zoom: 50% !important;}
.home .entry-card , body[class*=" category-"] .entry-card , body[class*=" tag-"] .entry-card{margin: 0.1em !important;}
.category .entry-card-content , body[class*=" category-"] .entry-card-content , body[class*=" tag-"] .entry-card-content , .entry-card-content{bottom: -0.2em !important;}
.home .entry-card-content{bottom: -0.6em !important;}
.home .entry-card-shinbiyo , body[class*=" category-"] .entry-card-shinbiyo , body[class*=" tag-"] .entry-card-shinbiyo{margin-right: 2px;}
.home .entry-title-shinbiyotop , .category .entry-title-shinbiyotop , body[class*=" category-"] .entry-title-shinbiyotop , body[class*=" tag-"] .entry-title-shinbiyotop{width: calc(42vw); margin-bottom:0 !important;}
.home .entry-thumb img , body[class*=" category-"] .entry-thumb img , body[class*=" tag-"] .entry-thumb img{width: 100% !important; height: auto !important;}
.home .hover-card , body[class*=" category-"] .hover-card , body[class*=" tag-"] .hover-card{width: 50% !important;}
.home .widget-index-top img{width: 14.76635514vw; height: auto;}
#main{padding-top: 0 !important; margin-top: 0 !important;}
.main-footer li{margin: 15px 0;}
.main_image_bg{display: none;}
#menu-footer_left ,#menu-footer_center , #menu-footer_right{margin: 0;}
#list{width: 100%; padding-left: 0;}
#site-title{margin: 0 !important;}
.site-title-img , .logo_image{width: 38.05607476vw; height: auto;}
.slides .caption-wrap{padding-left: 2.10747663vw !important;}
.slides .caption-wrap .caption{padding-bottom: calc(0.86915887vw) !important;}
.seminarlogo{width: 70%; margin: 0 0 10px 3px;;}
#responsive-menu-title-image{width: 25vw;}
/* 45x65px .font_main{font-size: 8.41121494vw; line-height: 1.5em;} */
/* 40x50px .font_title{font-size: 7.47663551vw; line-height: 1.5em;} */
/* 28x36px .font_sub{font-size: 5.33333333vw; line-height: 1.5em;} */
/* 24x32px .font_attention{font-size: 4.58398130vw; line-height: 1.5em;} */
/* 21x28px .font_accent{font-size: 3.92523364vw; line-height: 1.5em;} */
/* 20x26px .font_pickup{font-size: 3.73831774vw; line-height: 1.5em;} */
/* 18x30px .font_content{font-size: 3.36448598vw; line-height: 1.5em;} */
.font_main{font-size: 35px; line-height: 50px;;}
.font_title{font-size: 30px; line-height: 40px;}
.font_sub{font-size: 24px; line-height: 33px;}
.font_attention{font-size: 20px; line-height: 28px;}
.font_accent{font-size: 18px; line-height: 26px;}
.font_pickup{font-size: 17px; line-height: 25px;}
.font_content{font-size: 16px; line-height: 25px;}
#header-in ,
#navi-in ,
#h-top ,
#navi-in .menu {position: static !important;}
#header-in{margin-top: 10px;}
.widget_a2a_follow_widget{text-align: center !important;}
}

@media screen and (min-width: 560px){
.books_parallel{width: 450px; padding: 0 !important; margin: 0 !important;}
.content_hairdresser , .mailnews_form , .seminar_form{width: 80%; margin: auto;}
.metaslider .caption{font-size: 11px !important; line-height: 14px !important;}
.post-password-form{margin-top: 5em; padding-left: 2em;}
.publication{display: table;}
.publication_left{width: 40%; float: left; display: table-cell;}
.publication_right{width: 55%; float: right; display: table-cell; text-align: left;}
.home #widget-index-top{width: 960px; margin: 0 auto;}
.seminar_title{margin: 40px 0 10px 55px !important;}
.home #widget-index-top aside{
width: 33%;
float: left;
margin-top: 30px;
}
#.rmp-menu-title-image{width:250px; height: 50px;}
}





/*///////////////////////////
slider
///////////////////////////*/