@charset "utf-8";
/*
Theme Name: bibien.tv
Description: bibien.tv
Version: 1.0
Author: MSKCH
*/

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	outline: none;
}

body {
	position: relative;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 14px;
	line-height: 1.4;
	color: #333333;
	background: #ffffff;
	text-size-adjust: 120%;
	-moz-text-size-adjust: 120%;
	-webkit-text-size-adjust: 120%;
}

.bibienSprite {
	background: url(/wp-cms/wp-content/themes/bibien/img/shared/sprite_bibien.png) no-repeat;
}

.panel-grid {
	margin: 0!important;
}

.articleList img {
	width: 240px;
	height: auto;
}

.articleInner img {
	max-width: 100%;
}

a {
	color: #88c11a;
}
/* ===== PC ===== */
.forSP {
	display: none;
}

.general_h1 {
	font-size: 26px;
	font-weight: normal;
	padding: 20px 0;
}

.postList {
	width: 640px;
	margin: 0 auto 50px;
	border-top: #bce174 solid 1px;
}

.postList_item {
	position: relative;
	min-height: 137px;
	padding: 0 0 15px 0;
	border-bottom: #bce174 solid 1px;
}

.postList_item a.postList_item_link {
	display: block;
	padding: 35px 200px 0px 30px;
	text-decoration: none;
}

.postList_item_title {
	display: block;
	line-height: 35px;
	font-size: 26px;
	color: #333333;
}

.postList_item_thumb {
	position: absolute;
	right: 0px;
	top: 50%;
	display: block;
	width: 177px;
	height: 132px;
	margin-top: -66px;
	overflow: hidden;
}

.postList_item_thumb span {
	position: absolute;
	left: -162px;
	top: 0px;
	display: block;
	width: 500px;
	height: 132px;
	text-align: center;
	overflow: hidden;
}

.postList_item_thumb img {
	width: auto;
	height: 132px;
	vertical-align: bottom;
}

.postList_item_thumb img.postList_item_thumb_movie {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
}

.postList_item_cat {
	position: relative;
	display: block;
	height: 18px;
	line-height: 18px;
	padding-left: 37px;
	margin-bottom: 17px;
	font-size: 18px;
	color: #666666;
}

.postList_item_cat .bibienSprite {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -14px;
	display: inline-block;
	width: 29px;
	height: 29px;
	background-size: 29px;
	background-repeat: no-repeat;
}

.postList_item_cat_icon-yoga {
	background-image: url(../img/shared/icon_category_yoga_gray.png);
}
.postList_item_cat_icon-exercise {
	background-image: url(../img/shared/icon_category_exercise_gray.png);
}
.postList_item_cat_icon-diet {
	background-image: url(../img/shared/icon_category_diet_gray.png);
}
.postList_item_cat_icon-beauty {
	background-image: url(../img/shared/icon_category_beauty_gray.png);
}
.postList_item_cat_icon-tv {
	background-image: url(../img/shared/icon_category_tv_gray.png);
}

.postList_item_budge-new,
.postList_item_budge-special {
	position: absolute;
	left: 0px;
	top: 1px;
	display: block;
	width: 57px;
	height: 57px;
}

.postList_item_budge-new {
	background-position: -300px -70px;
}
.postList_item_budge-special {
	background-position: -360px -70px;
}

.postList_item_tag {
	display: block;
	margin: 10px 0 0;
	padding: 0 200px 0 30px;
}

.postList_item_tag a {
	display: inline-block;
	margin: 0 10px 5px 0;
	padding: 5px;
	line-height: 12px;
	border: #bce275 solid 1px;
	color: #88c119;
	font-size: 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
}

.more_disp_wrap {
	height: 50px;
	margin: 40px 0 0;
	text-align: center;
}

.more_disp {
	display: inline-block;
	width: 200px;
	color: #ffffff;
	background: #88c119;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	padding: 16px 0;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.bnrCategoryLink {
	margin: 0 0 30px;
	text-align: center;
}

.bnrCategoryLink a:hover {
	opacity: 0.8;
}

.bnrCategoryLink img {
	vertical-align: bottom;
	max-width: 100%;
}

.adBnr_SIDE {
	text-align: center;
}

.adBnr_SIDE img {
	vertical-align: bottom;
}

.home_aside .adBnr_SIDE {
	margin: 0 0 30px;
}

#sidebar .adBnr_SIDE {
	padding: 2px 0;
	border-bottom: #bce275 solid 1px;
}

.adBnr_SP {
	display: none;
}

/* ===== /PC ===== */


/* ===== TABLET ===== */
@media screen and (max-width: 975px) {
.forPC {
	display: none!important;
}

.forSP {
	display: inherit;
}

#topcontrol.bibienSprite,
header.site-header .bibienSprite,
footer.site-footer .bibienSprite {
	background-size: 225px auto;
}

.adBnr_SP {
	display: inherit;
	padding: 12px 0;
	border-bottom: #bce174 solid 1px;
	text-align: center;
}

.adBnr_SP img {
	vertical-align: bottom;
}

}
/* ===== /TABLET ===== */


/* ===== SP ===== */
@media screen and (max-width: 670px) {

.articleInner img {
	height: auto;
}

.bibienSprite {
	background-size: 225px auto;
}

.postList {
    width: auto;
	margin: 0 0 40px;
}

.postList_item {
	position: relative;
	min-height: 96px;
	padding: 0 0 12px 0;
	border-bottom: #bce174 solid 1px;
}

.postList_item a.postList_item_link {
	padding: 20px 130px 0px 15px;
}

.postList_item_title {
	line-height: 22px;
	font-size: 17px;
}

.postList_item_thumb {
	right: 15px;
	top: 15px;
	width: 108px;
	height: 78px;
	margin-top: 0px;
}

.postList_item_thumb span {
	left: -96px;
	width: 300px;
	height: 78px;
}

.postList_item_thumb span img {
	height: 78px;
}

.postList_item_thumb img.postList_item_thumb_movie {
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
}

.postList_item_cat {
	position: relative;
	display: block;
	height: 10px;
	line-height: 10px;
	padding-left: 22px;
	margin-bottom: 13px;
	font-size: 10px;
}

.postList_item_cat .bibienSprite {
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-size: 18px;
}

.postList_item_budge-new,
.postList_item_budge-special {
	top: 0px;
	width: 31px;
	height: 31px;
}

.postList_item_budge-new {
	background-position: -105px -280px;
}
.postList_item_budge-special {
	background-position: -140px -280px;
}

.postList_item_tag {
	display: block;
	margin: 5px 0 0;
	padding: 0 15px;
}

.postList_item_tag a {
	display: inline-block;
	margin: 0 5px 3px 0;
	padding: 3px 6px;
	line-height: 11px;
	font-size: 10px;
	text-decoration: none;
}

.more_disp_wrap {
	margin: 0px 0 0;
}

.more_disp {
	position: relative;
	display: block;
	width: auto;
	background: #333333;
	font-size: 14px;
	line-height: 14px;
	padding: 25px 0 11px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.more_disp:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 10px;
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 -4px;
	border-style: solid;
	border-color: transparent #ffffff #ffffff transparent;
	border-width: 0 2px 2px 0;
	transform-origin: center;
	transform: rotate(45deg);
	-moz-transform-origin: center;
	-webkit-transform: rotate(45deg);
	-moz-transform-origin: center;
	-webkit-transform: rotate(45deg);
}

.more_disp_wrap img {
	padding-top: 15px;
}

}
/* ===== /SP ===== */



/* ========== Utility ========== */

/* ===== text-align ===== */
.ta_l {
	text-align: left;
}

.ta_c {
	text-align: center;
}

.ta_r {
	text-align: right;
}
/* ===== /text-align ===== */

/* ===== noWrap ===== */
.noWrap {
	white-space: nowrap;
	word-break: keep-all;
}
/* ===== /noWrap ===== */

/* ===== table_type01 ===== */
.table_type01 {
	margin: 0 0 30px;
	border-collapse: collapse;
}

.table_type01 caption {
	caption-side: top;
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
}

.table_type01 thead th,
.table_type01 thead td,
.table_type01 tbody th,
.table_type01 tbody td {
	padding: 5px 10px;
	border: #bce275 solid 1px;
	font-size: 14px;
	font-weight: normal;
}

.table_type01 thead th,
.table_type01 thead td {
	background: #88c119;
	font-weight: bold;
	color: #ffffff;
}


.table_type01 tfoot td {
	padding: 10px 0 0;
	font-size: 12px;
}

@media screen and (max-width: 670px) {
.table_type01 caption,
.table_type01 thead th,
.table_type01 thead td,
.table_type01 tbody th,
.table_type01 tbody td {
	font-size: 12px;
}
}

/* ===== /table_type01 ===== */


/* ===== bg ===== */
.bg_ecf8d4 {
	background: #ecf8d4;
}
/* ===== /bg ===== */


/* ===== column ===== */
.bbn_row {
	position: relative;
	margin: 0 -10px;
}

.bbn_row:after {
	content: "";
	clear: both;
	display: block;
}

.bbn_row .bbn_col {
	float: left;
}

.bbn_row_2 .bbn_col {
	width: 50%;
}

.bbn_row_3 .bbn_col {
	width: 33.33%;
}

.bbn_row .bbn_col_inner {
	padding: 0 10px;
}

@media screen and (max-width: 670px) {
.bbn_row {
	margin: 0 -5px;
}

.bbn_row .bbn_col_inner {
	padding: 0 5px;
}
}

@media screen and (max-width: 430px) {
.bbn_row_2 .bbn_col {
	width: 100%;
}

.bbn_row_3 .bbn_col {
	width: 50%;
}
}
/* ===== /column ===== */


/* ===== fig ===== */
.fig {
}

.fig_img {
	max-width: 100%;
	height: auto;
}

.fig_text {
	display: block;
}

.fig_text_title {
	display: block;
}

.fig_title-H3 {
	margin: 0;
	font-size: 20px;
	font-weight: normal;
}

.fig_title-H4 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.fig_title-P {
	margin: 0;
	font-weight: normal;
}

.fig_text-small {
	font-size: 14px;
}

.fig_text-xSmall {
	font-size: 12px;
}

.fig_h-type1L:after,
.fig_h-type1R:after,
.fig_h-type2L:after,
.fig_h-type2R:after {
	content: "";
	clear: both;
	display: block;
}

.fig_h-type1L .fig_img,
.fig_h-type1R .fig_img,
.fig_h-type1L .fig_text,
.fig_h-type1R .fig_text {
	width: 310px;
}

.fig_h-type1L .fig_img,
.fig_h-type1R .fig_text {
	float: left;
}

.fig_h-type1R .fig_img,
.fig_h-type1L .fig_text {
	float: right;
}

.fig_h-type2L .fig_img,
.fig_h-type2R .fig_img {
	width: 200px;
}

.fig_h-type2L .fig_img {
	float: left;
	padding: 0 20px 10px 0;
}

.fig_h-type2R .fig_img {
	float: right;
	padding: 0 0 10px 20px;
}

@media screen and (max-width: 670px) {
.fig_title-H3 {
	font-size: 14px;
}

.fig_title-H4 {
	font-size: 12px;
}

.fig_text-small,
.fig_text-xSmall {
	font-size: 12px;
}

.fig_h-type1L .fig_img,
.fig_h-type1R .fig_img,
.fig_h-type1L .fig_text,
.fig_h-type1R .fig_text {
	width: auto;
	float: none;
}

.fig_h-type2L .fig_img {
	padding: 0 10px 10px 0;
}

.fig_h-type2R .fig_img {
	padding: 0 0 10px 10px;
}
}

@media screen and (max-width: 430px) {
.fig_h-type2L .fig_img,
.fig_h-type2R .fig_img {
	width: 140px;
}
}
/* ===== /fig ===== */

/* ========== /Utility ========== */