@charset "UTF-8";
/*
Theme Name: Bijoyメディア オウンドメディア
Template: twentyfifteen
Author: Bijoyメディア オウンドメディア
Description:
Version: 1.0
Updated: 2017-11-30
*/


/* =Common
----------------------------------------------------- */
/* 全ループ共通 */
.loop {}
.loop .row {}
.loop .row .col {}

.loop .image img {object-fit: cover;width: 100%;height: 100%;/* objectFitImages for ie11 */
	object-position: center center;font-family: 'object-fit: cover; object-position: center center;';}
.loop .image img:hover {opacity: 0.7;}

.loop .header > * { margin-bottom: 15px; }
.loop .header > *:last-child { margin-bottom: 0; }
.loop .meta {font-size: 12px;}
.loop .meta .date,
.loop .meta .category {display: inline-block;}
.loop .meta .date {margin-right: 1.5em;}
.loop .meta .category a {margin-right: 0.5em;color: #00b8db;text-decoration: none;}
.loop .meta .category a:hover { opacity: 0.7; }
.loop .title {margin-bottom: 15px;font-size: 16px;line-height: 1.6;font-weight: bold;}
.loop .title a {color: inherit;text-decoration: none;}
.loop .title a:hover { text-decoration: underline;}
.loop .content { font-size: 12px;}
.loop .content p { line-height: 1.6; }

/* ループ下部 */
.loop-footer {border-top: solid 0 #dcdcdc;padding-top: 40px;margin-bottom: 40px;}
.loop-footer:last-child { margin-bottom: 0; }


/* =Type : Key
----------------------------------------------------- */
/* 3カラムのループ */
.loop .type-key {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-right: -3%;margin-bottom: -40px;}
.loop .type-key .col {width: 30.33%;margin-right: 3%;margin-bottom: 40px;}

.loop .type-key .image {margin-bottom: 20px;height: 200px;}
.loop .type-key .image img {object-fit: cover;width: 100%;height: 100%;}
.loop .type-key .image img:hover {opacity: 0.7;}
.loop .type-key .title {margin-bottom: 15px;font-size: 15px;line-height: 1.6;font-weight: bold;}
.loop .type-key .title a {color: #000;text-decoration: none;}
.loop .type-key .content {margin-bottom: 15px;font-size: 12px;}
.loop .type-key .title a:hover {text-decoration: underline;}
.loop .type-key .meta {font-size: 12px;}
.loop .type-key .meta .date,
.loop .type-key .meta .category {display: inline-block;font-weight: bold;}
.loop .type-key .meta .date {margin-bottom: 10px;margin-right: 1.5em;}
.loop .type-key .meta .category a {margin-bottom: 10px;margin-right: 1em;color: #00b8db;font-weight: bold;text-decoration: none;}
.loop .type-key .meta .category a:hover {text-decoration: underline;}


/* =Type : Full
----------------------------------------------------- */
/* 最新の1記事 */
@media screen and (min-width: 600px) {/* Full */
	.loop .type-full,
	.loop .type-full .col,
	.loop .type-full .col .image {	height: 410px;}
	.loop .type-full .col {	position: relative;}
	.loop .type-full .col .image {}
	.loop .type-full .title { font-size: 18px;}
	.loop .type-full .meta .date { font-size: 18px;}
	.loop .type-full .header {	position: absolute;	z-index: 2;	bottom: 0;	left: 0;	width: 100%;	background-color: rgba(255, 255, 255, 0.75);	padding: 20px;}
	.loop .type-full .header > * { margin-bottom: 15px; }
}

/* =Type : recommend
----------------------------------------------------- */
/* おすすめ記事（3カラム） */
.loop .type-recommend {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-right: -20px;}
.loop .type-recommend .col {width: calc(33.33% - 20px);margin-right: 20px;margin-bottom: 40px;}

.loop .type-recommend .image {margin-bottom: 20px;height: 170px;}

.loop .type-recommend .title { font-size: 12px;}
.loop .type-recommend .content { display: none; }


.loop .type-main {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-right: 0;}
.loop .type-main .col {width: 23%;margin:0 1% 10px 1%;}

.loop .type-main .image {margin-bottom: 10px;height: 200px;}
.loop .type-main .image img {object-fit: cover;width: 100%;height: 100%;}
.loop .type-main .image img:hover {opacity: 0.7;}

.loop .type-main .title {margin-bottom: 5px;font-size: 16px;font-weight: normal;line-height: 1.6;}
.loop .type-main .title a { color: #000; text-decoration: none;}
.loop .type-main .content {margin-bottom: 15px;font-size: 12px;}
.loop .type-main .title a:hover {text-decoration: underline;}
.loop .type-main .meta {font-size: 12px;}
.loop .type-main .meta .date,
.loop .type-main .meta .category {display: inline-block;font-weight: bold;line-height: 1.2;}
.loop .type-main .meta .date {margin-bottom: 10px;margin-right: 1.5em;font-weight: normal;}
.loop .type-main .meta .category a {margin-bottom: 10px;margin-right: 1em;text-decoration: none;}
.loop .type-main .meta .category a:hover {text-decoration: underline;}

.bblog .loop .type-main .image {margin-bottom: 20px;height: 200px;}
.bblog .loop .type-main .image img {object-fit: cover;width: 100%;height: 100%;}
.bblog .loop .type-main .image img:hover {opacity: 0.7;}
.bblog .loop .type-main .date{display: block; margin: 0 auto 10px;text-align: center; font-weight: normal;font-size: 14px;}
.bblog .loop .type-main .title {margin-bottom: 15px;font-size: 16px;font-weight: normal;line-height: 1.6;}
.bblog .loop .type-main .title a { color: #000; text-decoration: none;}
.bblog .loop .type-main .content {margin-bottom: 15px;font-size: 12px;}
.bblog .loop .type-main .title a:hover {text-decoration: underline;}
.bblog .loop .type-main .meta {font-size: 12px;}
.bblog .loop .type-main .meta .category {max-width: 170px;width: 67%; padding: 5px 0; float: right;font-weight: bold;line-height: 1.2;font-size: 12px;}
.bblog .loop .type-main .meta .category a {display: block; margin-top: 5px; margin-bottom: 10px;margin-right: 1em;text-decoration: none;}
.bblog .loop .type-main .meta .category a:hover {text-decoration: underline;}
.bblog .loop .type-main .meta .pic{float: left;margin: 0 !important; width: 70px;height: 70px;overflow: hidden;margin: 0 0 20px 20px; border-radius: 70px;box-sizing: border-box;border:5px solid #fff}
.bblog .loop .type-main .meta .pic img{object-fit: cover;width: 100%;height: 100%;object-position: center center;}

.top_bijoy_div{
	display:flex;
	max-width:1180px;
	width: 100%;
	margin:auto;
}

.top_bijoy_thum{
	width:100%;
	background-color:#fff;
	padding:10px;
}

@media screen and (max-width: 640px){
.top_bijoy_thum .loop .type-main .flex-item a{width: 30%;height: 70px;margin: 0 0 10px;overflow-y: hidden;}
.top_bijoy_thum .loop .type-main .image{width: 100%;height: auto;margin-bottom: 0;}	
.top_bijoy_thum .loop .type-main .header {width: 66%;}
.top_bijoy_thum .loop .type-main .title{font-size:14px;line-height: 1.4;margin-bottom: 10px; }

	.loop .type-main .col {border-bottom:none;}
	.loop .type-main .content p{}
	.loop .type-main .content{display: none !important;}
}


.top_bijoy_thum .screen-reader-text,.top_bijoy_thum .content{display:none !important;}