@charset "utf-8";
@import url("./css/about_kotohogi.css");
@import url("./css/anshin_anzen.css");
@import url("./css/catalog_zakuro.css");
@import url("./css/everyone_post.css");
@import url("./css/faq_kotohogi.css");
@import url("./css/first_hakko.css");
@import url("./css/guide_kotohogi.css");
@import url("./css/index.css");
@import url("./css/media_publish.css");
@import url("./css/myoko_laboratory.css");

/*
Theme Name: Kotohogi（開発用テーマ）
*/

/* common */
a {
	margin: 0 auto;
}
.flex_photo,.flex_text,.flex_no_reverse .flex_text{
	flex: 0 0 50%;
}
.mail {
	margin-left: 0;
}
.fast_view {
	background: none;
	width: auto;
}
@media only screen and (max-width: 768px) {
	body { overflow-x: hidden; }
	.flex_photo, .flex_text, .flex_no_reverse .flex_text {
			flex: 0 0 100%;
	}
	.flex_photo_mini {
    width: 100%;
    max-width: 400px;
	}
	.flex_photo_mini, .flex_text_mini {
    flex: 0 0 100%;
    margin: 0;
		padding: 0 10px;
	}
	.guide_item {
		flex: 0 0 50%;
	}
	.circle_parent li {
		width: 210px;
		padding: 40px;
	}
}

/* everyone-post */
.everyone_post .slick-dots li button:before { font-size: 26px; }
.btn_post_left, .btn_post_right, .btn_post_batsu { z-index: 2; }
.slick-dots {
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider-4 img {
	width: auto;
	margin: 0 auto;
	max-height: 400px;
}
@media only screen and (max-width: 768px) {
.boxList_post.popPost .popupPost {
  left: 50%;
}
.popupPost_text {
  height: 300px;
}
.slider-4 img {
	max-height: 180px;
}
}

/* wp pagenavi */
.wp-pagenavi {
	text-align: center;
	margin-top: 30px;
  margin-bottom: 15px;
}
.wp-pagenavi a, 
.wp-pagenavi span {
	display: inline-block;
	padding: 10px 15px !important;
	border: 1px solid #83735B !important;
	color: #83735B;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid #83735B !important;
	background: #83735B;
	color: #ffffff;
}
.wp-pagenavi .pages {
	display: none;
}
@media only screen and (max-width: 768px) {
	.wp-pagenavi a, 
	.wp-pagenavi span {
		margin: 5px;
	}
}

/* myoko-laboratory */
.manufacturing_process .flex_text_mini h3{
	text-align: left;
}
.manufacturing_process .flex_photo_mini img{
	border-radius: 8.5%;
}

/* index */
.emergency_list.popEmer .popupEmer {
	z-index: 9;
}
.emergency_list.popEmer .popupEmer_btn .btn_Emer_batsu {
	z-index: 999;
}
.news_item a {
	margin: 0;
}
.top_slide {
	z-index: 1;
}
.article_title {
	width: auto;
}
#category_staffblog {
	display: flex;
	justify-content: center;
	align-items: center;
}
.category_staffblog{
	color: #fff;
	text-align: center;
	border-radius: 18px;
	margin: 5px;
	padding: 3px 20px;
	width: 180px;
}
.category_staffblog{
	background-color: #1598C4 !important;
}
.card02 .swiper-slide {
    margin: 20px;
}
.card02 .swiper-slide a{
	margin: 0;
}

/* 
@media only screen and (max-width: 768px) {
	.top_slide {
		width: 100%;
	}
	.emergency {
		top: 91% !important;
		width: auto;
		max-width: 85%;
	}
}
 */

/* shohin-joho */
.materials_name h2 {
	white-space: nowrap;
}
.zakuro .fast_view {
	background: url(./img/catalog_zakuro/fv_zakuro_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	height: inherit;
	width: 100%;
	margin-top: 0;
}

/* staff-blog */
.background_yellow .page_title {
	display: block;
	border: none;
	padding: 50px 0;
	font-size: 3rem;
	font-family: "しっぽり明朝 B1", "Yu Mincho", "sans-serif";
	text-align: center;
	letter-spacing: 5px;
	line-height: 1.2;
	margin: 0 auto 20px;
	font-weight: bold;
}

/*768px以下*/
@media only screen and (max-width:768px){
.background_yellow .page_title {
    font-size: 6vw;
}
}

.sb_text .blog_title {
	display: block;
	color: #E67F12;
	text-align: left;
	font-size: 1.2rem;
	font-family: "BIZ UDPGothic", "Yu Gothic", "YuGothic", sans-serif;
	letter-spacing: 3px;
	line-height: 1.2;
	margin: 20px auto;
	padding: 0;
	border: none;
}
.blog_title{
	letter-spacing: 3px;
}
.materials_about {
	overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
    .vegetables_fruit, .sanyasou_top, .sanyasou_bottom, .sanyasou .materials_name {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .flex_no_reverse .flex_photo {
        padding-left: 2%;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }
}

/*お知らせ個別ページ*/
.news_content{
	width: 80vw;
	max-width: 800px;
	margin: 0 auto;
}
.news_title,.news_text time,.news_text p{
font-family: "BIZ UDPGothic", "Yu Gothic", "YuGothic", sans-serif;
}
.news_title{
	display: block;
	font-size: 1.2rem;
	text-align: left;
letter-spacing: 3px;
	border-bottom: none;
	margin: 20px 0 50px;
	padding: 0;
}
.news_text .right{
	text-align: right;
}

/* editor */
.news_text p {
	margin-bottom: 1em;
	line-height: 2;
}

/*768px以下*/
@media only screen and (max-width:768px){
	.news_title{
			margin: 2% 0 5%;
	}
	
}




/******* add_style *******/




.content_title{
　font-size: 1.2rem;
}

/*お知らせ個別ページ*/
.news_content{
    width: 80vw;
    max-width: 800px;
    margin: 0 auto;
}
.news_title,.news_text time,.news_text p{
	font-family: "BIZ UDPGothic", "Yu Gothic", "YuGothic", sans-serif;
}
.news_title{
    display: block;
    font-size: 1.2rem;
    text-align: left;
	letter-spacing: 3px;
    border-bottom: none;
    margin: 20px 0 50px;
    padding: 0;
}
.news_text .right{
    text-align: right;
}
/*768px以下*/
@media only screen and (max-width:768px){
    .news_title{
        margin: 2% 0 5%;
    }
    
}

/*ビフィずっと*/
/*FV*/
.bifiz .fast_view{
	background: url("../img/catalog_bifiz/fv_bifiz_pc.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	height: inherit;
	width: 100%;
	margin-top: 0;
	padding: 5% 0 0;
}
.fv_comment{
    font-size: 1.2rem !important;
	text-align: left !important;
	margin: 0 5%;
	padding: 0;
}
.fv_message span{
	font-size: 0.9rem;
	vertical-align: top;
}
.fv_trinity{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 2%;
}
.trinity_list{
    max-height: 250px;
    width: auto;
    margin-right: 30px;
}
.b_logo{
    width: 450px;
    margin: 0 2%;
}
.b_logo img{
    width: 100%;
}
/*1024px以下*/
@media only screen and (max-width:1024px){
    .fv_comment{
	    text-align: center!important;
	    margin: 0;
    }
    .fv_trinity{
        width: 90vw;
        margin: 0 auto;
    }
    .trinity_list{
        margin: 0;
    }
    .b_logo{
        width: 80vw;
        margin: 15% auto 0;
    }
}

/*title_trinity*/
.title_trinity{
    width: 75vw;
    margin: 30px auto;
}
.title_trinity div{
    width: 70vw;
    margin-left: 3%;
}
.title_trinity li{
    width: 70vw;
}
.title_trinity1{
    margin: 1% 0 0;
}
.title_trinity2{
    margin: 1% 0 0 5%;
}
.title_trinity3{
    margin: 1% 0 0 10%;
}
/*768px以下*/
@media only screen and (max-width:768px){
    .title_trinity{
        width: 95vw;
    }
    .title_trinity div,.title_trinity li{
        width: 90vw;
        margin: 4% auto;
    }
}

/*1?3背景*/
.probio,.prebio,.postbio{
	width: 80vw;
    margin: 50px auto;
	padding: 2%;
}
.probio{
	background: url("../img/catalog_bifiz/bg_trinity1_pc.jpg") left top/100% auto no-repeat;
	padding: 2% 2% 6%;
}
.prebio{
	background: url("../img/catalog_bifiz/bg_trinity2_pc.jpg") left top/100% auto no-repeat;
    
}
.postbio{
	background: url("../img/catalog_bifiz/bg_trinity3_pc.jpg") left top/100% auto no-repeat;
	padding: 2% 2% 6%;
}
.probio_detail .flex_parent_mini{
    margin-top: 0;
}
.bacteria .flex_parent_mini{
    margin: 0 auto;
}
.postbio .flex_photo_mini{
    margin: 1%;
}
/*1500px以下*/
@media only screen and (max-width:1500px){
    .probio,.prebio,.postbio{
        background-size: auto 100%;
    }
}
/*768px以下*/
@media only screen and (max-width:768px){
    .probio,.prebio,.postbio{
        width: 100vw;
	    padding: 1% 0 5%;
    }
    .probio{
        background: url("../img/catalog_bifiz/bg_trinity1_sp.jpg");
    }
    .prebio{
        background: url("../img/catalog_bifiz/bg_trinity2_sp.jpg");
    }
    .postbio{
        background: url("../img/catalog_bifiz/bg_trinity3_sp.jpg");
    }
    .probio_detail .flex_photo_mini,.probio_detail .flex_text_mini,.prebio_detail .flex_photo_mini,.prebio_detail .flex_text_mini,
    .postbio_detail .flex_photo_mini,.postbio_detail .flex_text_mini{
        flex: 0 0 78vw;
    }
    .bacteria .flex_photo_mini{
        flex: initial;
    }
}
/*600px以下*/
@media only screen and (max-width:768px){
    .probio{
        background-size: cover;
        width: 100vw;
    }
}

.postbio_photo{
    width: 60vw;
    margin: 0 auto;
}
.postbio_photo img{
    width: 100%;
}