/*
Theme Name: LF news SP
Author URI: 
Description: Media Site
Author: grape Co.,Ltd.
Author URI: 
Version: 1.0
*/

@charset "UTF-8";

/*RECET
=======================================*/

* { margin: 0; padding: 0;}
a { text-decoration: none;}
ul, ol { list-style: none;}
img { border: none; max-width: 100%; height: auto;}
	
article, aside, details, figcaption, figure, footer, header, menu, nav, section , canvas {
	display: block;
	margin: 0;
	padding: 0;
}

/*DEFAULT
=======================================*/

html {
	font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
	font-size: 60%;
}
body {
	color: #000;
	background-color: #fff;
	font-size: 1.6rem;
}
a:link,a:visited { color:#1198dd;text-decoration:underline;}
a:hover { color: #1198dd;text-decoration:underline; }


/*COMMON
=======================================*/

.f-clear {
	clear: both;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}
.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}
.container{
	margin-left: auto;
	margin-right: auto;
}


/*header
=======================================*/

#header{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}
#header_title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 56px;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}
#sitetitle{
	width: calc(100% - 112px);
	height: 70%;
	order: 2;
}
#sitetitle a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-image: url(img/sitetitle.png?3);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

#header_title button{
	width: 56px;
	height: 56px;
	text-indent: -9999px;
	background-color: #fff;
	background-image: url(img/btn_navi-menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto;
	border: none;
	cursor: pointer;
}
#header_title button#global_nav{
	background-image: url(img/btn_navi-menu.png);
	order: 1;
}
#header_title button#search_box{
	background-image: url(img/btn_search.png);
	order: 3;
}
#header_title button:focus,
#header .menu_container-header button:focus{
	outline: none;
}

/* menu */

#header .menu_container-in{
	max-width: 640px;
	margin: 0 auto;
}
#header .menu_container-header button{
	width: 56px;
	height: 56px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(img/btn_navi-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto;
	border: none;
	cursor: pointer;
}
#header #area-search_box .menu_container-header{
	text-align: right;
}
#header .menu_container{
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	left: -100%;
	z-index: 200;
	background-color: rgba(255,255,255,0);
	transition: .5s;
	opacity: 0;
	padding-top: 0;
}
#header .menu_container.active,
#header .menu_container#area-search_box.active{
	opacity: 1;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#header .menu_container#area-search_box{
	background-color: rgba(255,255,255,0.97);
	background-image: none;
}
#header .menu_container#area-global_nav{
	background-image: url(img/bg_footer.png);
	background-position: top center;
	color: #eee;
}
#header .menu_container-in{
	/*min-height: 100%;*/
	height: calc(100vh - 250px);
	overflow-y: scroll;
}
#header .menu_container#area-search_box{
	left: 100%;
}

.admin-bar #header .menu_container{
	padding-top: 46px;
}

/* スライドメニュー */

#area-global_nav li a{
	display: flex;
	align-items: center;
	border-bottom: rgba(255,255,255,0.3) 1px solid;
	color: #fff;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.6rem;
}
#global_nav_top ul li a:before,
#global_nav_links ul li a:before{
	content: ' ';
	width: 5px;
	height: 16px;
	background-color: #999;
	display: inline-block;
	margin-right: 8px;
	margin-left: 2px;
}
#area-global_nav h3{
	display: block;
	padding: 8px 15px 7px;
	margin: 0;
	background-color: #333;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	border-bottom: rgba(255,255,255,0.3) 1px solid;
	clear: both;
}

/* トップメニュー */
#global_nav_top{
	border-top: rgba(255,255,255,0.3) 1px solid;
}
#global_nav_top ul li:nth-child(2){
	width: 50%;
	float: left;
}
#global_nav_top ul li:nth-child(2) a{
	border-right: rgba(255,255,255,0.3) 1px solid;
}

/* カテゴリ */

#global_nav_category ul li a:before,
#global_nav ul li a:before{
	content: ' ';
	width: 10px;
	height: 10px;
	background-color: #999;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
}
#global_nav_category ul li a[href*="category/entertainment"]:before,
#global_nav ul li a[href*="category/entertainment"]:before{
	background-color: #e15c03;
}
#global_nav_category ul li a[href*="category/news"]:before,
#global_nav ul li a[href*="category/news"]:before{
	background-color: #06aba1;
}
#global_nav_category ul li a[href*="category/sport"]:before,
#global_nav ul li a[href*="category/sport"]:before{
	background-color: #0073c3;
}
#global_nav_category ul li a[href*="category/column"]:before,
#global_nav ul li a[href*="category/column"]:before{
	background-color: #dead29;
}
#global_nav_category ul li a[href*="category/life"]:before,
#global_nav ul li a[href*="category/life"]:before{
	background-color: #7bbe45;
}
#global_nav_category ul li:nth-child(1),
#global_nav_category ul li:nth-child(3),
#global_nav ul li:nth-child(1),
#global_nav ul li:nth-child(3){
	width: 50%;
	float: left;
}
#global_nav_category ul li:nth-child(1) a,
#global_nav_category ul li:nth-child(3) a,
#global_nav ul li:nth-child(1) a,
#global_nav ul li:nth-child(3) a{
	border-right: rgba(255,255,255,0.3) 1px solid;
}

/* ニッポン放送 */

#global_nav_links ul#menu-sp_footer_nav{
	width: 100%;
	display: grid;
	grid-template-columns: 50% 1fr;
}
#global_nav_links ul#menu-sp_footer_nav li{
	grid-column: 1/3;
}
#global_nav_links ul#menu-sp_footer_nav li:first-child{
	grid-row: 1/2;
	grid-column: 1/2;
	border-right: rgba(255,255,255,0.3) 1px solid;
}
#global_nav_links ul#menu-sp_footer_nav li:nth-child(5){
	grid-row: 1/2;
	grid-column: 2/3;
}


/* ソーシャル */

#global_nav_social h3{
	margin: 20px 0 15px;
	padding: 0;
	width: 100%;
	height: 15px;
	text-indent: -9999px;
	background-image: url(img/obj_followus.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color: transparent;
	border-bottom: none;
}
#area-global_nav #global_nav_social li a{
	padding: 0;
	border-bottom: none;
}

#header .menu_container p{
	text-align: center;
	margin: 1.5em 0 .8em;
}
#header .menu_container p img{
	height: 50px;
	width: auto;
}

/* global_nav_bottom */

#header ul#menu-sp_global_nav_bottom{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: .5em 0;
}
#header ul#menu-sp_global_nav_bottom li{
	margin: 0;
	line-height: 1;
}
#header ul#menu-sp_global_nav_bottom li a{
	font-size: 12px;
	color: #999;
	justify-content: center;
	border-bottom: none;
}
#header ul#menu-sp_global_nav_bottom li:first-child{
	width: 100%;
}



/* search */

#searchform{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 20px auto;
}
#searchform label{
	display: none;
}
#searchform input[type="text"]{
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	padding: 10px 15px;
	font-size: 1.6rem;
	width: calc(100% - 85px);
}
#searchform a{
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(img/icon_sns.png);
	background-repeat: no-repeat;
	background-position: center right;
}

/* header bottom */

#header_nav{
	background-color: #1b1b1b;
	padding: 5px 0;
}
#header_nav ul{
	display: flex;
	justify-content: center;
}
#header_nav ul li{
	display: flex;
	justify-content: center;
	align-items: center;
}
#header_nav ul li:before{
	content: ' ';
	display: block;
	width: 1px;
	height: 1.6rem;
	background-color: #575757;
	margin: 0 5px;
}
#header_nav ul li:first-child:before{
	display: none;
}
#header_nav ul a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 5px;
}

@media screen and (max-width: 374px) {
	#header_nav ul a{
		font-size: 1.2rem;
	}
}

/*footer
=======================================*/

#footer{
	background-image: url(img/bg_footer.png);
	background-position: top center;
	color: #eee;
	padding: 35px 0 65px;
}
#footer p{
	text-align: center;
}
#footer p img[src*="bana_lf"]{
	width: 50%;
	height: auto;
	max-width: 280px;
}

/* sns */
#menu-social h3{
	margin:20px 0 15px;
	width: 100%;
	height: 15px;
	text-indent: -9999px;
	background-image: url(img/obj_followus.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.menu-social{
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-social a{
	display: block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(img/icon_sns.png);
	background-repeat: no-repeat;
	background-size: auto 28px;
	background-position: 0px 0px;
	margin-left: 15px;
}
.menu-social li:first-child a{
	margin-left: 0;
}
.menu-social a[href*="facebook"]{
	background-position: 0px 0px;
}
.menu-social a[href*="twitter"]{
	background-position: -59px 0;
}
.menu-social a[href*="instagram"]{
	background-position: -115px 0px;
}
.menu-social a[href*="youtube"]{
	background-position:-173px 0px;
	width: 33px;
}

/* footer nav */

#footer_nav{
	padding: 23px 0 24px;
}
#footer_nav ul{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#footer_nav ul li{
	margin: 5px;
}
#footer_nav ul li a{
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border: #fff 1px solid;
	background-color: #262527;
	padding: 3px 5px;
}

/* footer links */

#footer_links{
	background-color: #333;
	color: #eee;
	padding: 15px 0 10px;
	font-size: 1.2rem;
}
#footer_links ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
	max-width: 500px;
}
#footer_links ul li{
	display: flex;
	align-items: center;
	width: 50%;
	padding-bottom: 5px;
}
#footer_links ul li:before{
	content: '\30fb';
	display: inline-flex;
	margin: 0 2px;
}
#footer_links ul li a{
	color: #fff;
	text-decoration: none;
}

/* copyright */

#copyright{
	text-align: center;
	padding: 35px 5px 0;
}
#copyright p,
#copyright address{
	padding: 0 0 10px;
	font-size: 1.2rem;
	font-style: normal;
}

/* pagetop */

#pagetop a{
	display: block;
	background-image: url(img/bg_footer.png);
	background-position: bottom center;
	width: 60px;
	height: 28px;
	margin: 1rem auto 0;
	border-radius: 28px 28px 0 0;
	font-size: 0;
	text-decoration: none;
	line-height: 1;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
#pagetop a:after{
	content: '';
	width: 20px;
	height: 33px;
	background-image: url(img/icon_pagetop.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block;
	margin: 0 auto;
}

/*main
=======================================*/

#main{
	padding: 0 10px 1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}
#main:after{
	content: ' ';
	display: block;
	clear: both;
}

/* default list（サムネ付きリストタイプ） */
.entry_list{
	margin: 0;
	clear: both;
}
.entry_list a{
	display: flex;
	justify-content: space-between;
	padding: 0 0 10px;
	margin: 10px 0;
	color: #000;
	text-decoration: none;
	border-bottom: #eee 1px solid;
	position: relative;
}
.entry_list figure{
	width: 100px;
	height: 100px;
	position: relative;
	margin-bottom: 0;
}
.entry_list figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.entry_list figure .icon_category{
	display: none;
	padding: 3px 5px;
	background-color: #202020;
	color: #fff;
	font-size: 1.0rem;
	position: absolute;
	bottom: 0;
	left: 0;
}
.entry_list figure .icon_category:empty{
	display: none !important;
}
.entry_list figure .icon_category.entertainment{
	background-color: #e15c03;
}
.entry_list figure .icon_category.sports{
	background-color: #0073c3;
}
.entry_list figure .icon_category.news{
	background-color: #06aba1;
}
.entry_list figure .icon_category.column{
	background-color: #dead29;
}
.entry_list figure .icon_category.life{
	background-color: #7bbe45;
}

.entry_list .entry_title{
	width: calc(100% - 100px - 10px);
}
.entry_list .entry_title .title_txt{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.entry_list .entry_title .entry_meta{
	font-size: 1.0rem;
	line-height: 1;
	margin: 0;
	color: #999;
}
.entry_list .entry_title .entry_meta .icon_new{
	display: inline-block;
	padding: 3px 5px;
	margin: 0;
	background-color: #c00;
	color: #fff;
	font-size: 1.0rem;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top:0;
	left: 0;
}
.entry_list .entry_meta .sponsored{
	display: inline-block;
	/*padding: 3px 5px;
	background-color: #b6b6b6;
	color: #fff;*/
	font-size: 1.0rem;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #999;
}
.entry_list .entry_meta .sponsored:before,
.entry_list .entry_meta .sponsored:after{
	content: '\5b';
	display: inline;
}
.entry_list .entry_meta .sponsored:after{
	content: '\5d';
}


/* wide list（1カラム） */

.entry_list.wide{
	margin: 0 0 1rem;
	clear: both;
}
.entry_list.wide a{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.entry_list.wide figure{
	width: 100%;
	height: auto;
	margin-right: 0;
}
.entry_list.wide figure:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.entry_list.wide figure img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.entry_list.wide figure .icon_category{
	display: inline-block;
}
.entry_list.wide .entry_title{
	width: auto;
}
.entry_list.wide .entry_title .title_txt{
	-webkit-line-clamp: 3;
	margin: 5px 0 0;
	line-height: 1.4;
}
.entry_list.wide .entry_title .entry_meta{
	margin: 5px 0 0;
}
.entry_list.wide .entry_title .entry_meta .icon_new{
	right: 0;
	left: auto;
}
.entry_list.wide .entry_meta .sponsored{
	right: 0px;
	bottom: 0;
}
.entry_list.wide .latest_ads{
	margin: 1rem 0 -1rem;
}

/* col-2 list（2カラム） */

.entry_list.col-2{
	margin: 0 10px 1rem 0;
	width: calc(50% - 5px);
	float: left;
	clear: none;
}
.entry_list.col-2:nth-child(2n){
	margin-right: 0;
}
.entry_list.col-2 a{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.entry_list.col-2 figure{
	width: 100%;
	height: auto;
	margin-right: 0;
}
.entry_list.col-2 figure:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.entry_list.col-2 figure img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.entry_list.col-2 figure .icon_category{
	display: inline-block;
}
.entry_list.col-2 .entry_title{
	width: 100%;
}
.entry_list.col-2 .entry_title .title_txt{
	-webkit-line-clamp: 3;
	margin: 5px 0 0;
	line-height: 1.4;
}
.entry_list.col-2 .entry_title .entry_meta{
	margin: 5px 0 0;
}
.entry_list.col-2 .entry_title .entry_meta .icon_new{
	right: 0;
	left: auto;
}
.entry_list.col-2 .entry_meta .sponsored{
	right: 0;
	bottom: 0;
}
.entry_list.col-2.left{
	margin-right: 0;
}
.entry_list.col-2.left:nth-child(2n){
	margin-right: 10px;
}

/* breadcrumb */

#breadcrumb{
	margin: 10px 0;
	color: #666666;
	font-size: 1.1rem;
}
#breadcrumb li{
	display: inline;
}
#breadcrumb a{
	color: #666666;
	text-decoration: none;
}
#breadcrumb li:after{
	content: '>';
	display: inline-block;
	padding-right: 0px;
	padding-left: 5px;
}
#breadcrumb li:first-child:after{
	padding-left: 2px;
}
#breadcrumb li:last-child:after{
	content: '';
}

/* ranking */

#ranking_list{
	margin: 20px 0;
}
#ranking_list .list_title{
	padding: 0;
	margin: 0 0 16px;
	background-color: transparent;
	line-height: 1;
	font-weight: bold;
	color: #262527;
}
#ranking_list .list_title strong{
	display: block;
	text-align: center;
	font-size: 2.4rem;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
}
#ranking_list .list_title span{
	font-size: 1.2rem;
	display: block;
	text-align: center;
	padding-top: 8px;
	margin-top: 5px;
	border-top: #ccc 1px solid;
}
#ranking_list .tab_switch{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 16px;
}
#ranking_list .tab_switch button{
	border: #262527 1px solid;
	background-color: #fff;
	color: #262527;
	padding: 8px;
	text-align: center;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
}
#ranking_list .tab_switch button:focus{
	outline: none;
}
#ranking_list .tab_switch button.swiper-slide-thumb-active{
	background-color: #262527;
	color: #fff;
}
#ranking_list .tab_switch .swiper-wrapper .swiper-slide{
	width: auto;
}

#ranking_list .tab_list{
	/*display: none;*/
	counter-reset: rankNum;
}
#ranking_list .tab_list .entry_list{
	position: relative;
}
#ranking_list .tab_list .entry_list:before{
	counter-increment: rankNum;
	content: counter(rankNum);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ff7e00;
	color: #fff;
	padding: 4px 3px 1px;
	min-width: 18px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	z-index: 10;
}
#ranking_list .tab_body{
	width: 100%;
	overflow: hidden;
	position: relative;
	/*display: flex;*/
}
#ranking_list .entry_list:last-child a{
	border-bottom: none;
	margin-bottom: 0;
}

#page-ranking #ranking_list{
	margin: 10px 0 20px;
}

/* hotword */

#side_hotword{
	margin: 40px 0;
}
#side_hotword .list_title{
	padding: 0;
	background-color: transparent;
	border-left: none;
	border-bottom: #c84b4b 1px solid;
}
#side_hotword .list_title span{
	padding: 5px 14px 2px;
	background-color: #c84b4b;
	display: inline-block;
	line-height: 1.6;
	font-weight: bold;
}
p.tag_list{
	padding: 0;
}
p.tag_list a{
	display: inline-block;
	border: #ccc 1px solid;
	color: #000;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 1;
	padding: 9px 10px;
	margin: 0 10px 10px 0;
}

/* ads */

.area_ads{
	display: block;
	clear: both;
	padding: 20px 0;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.area_ads-single{
	display: block;
	clear: both;
	padding: 15px 0;
	text-align: center;
	align-items: center;
	justify-content: center;
}


/*index
=======================================*/

/* main pickup */

#main_pickup:after{
	content: ' ';
	display: block;
	clear: both;
}
#main_pickup .entry_list.col-2:nth-child(2n){
	margin-right: 10px;
}
#main_pickup .entry_list.col-2:nth-child(2n+1){
	margin-right: 0;
}
#main_pickup .entry_list.wide{
	margin: 0 -10px 1rem;
	clear: both;
}
#main_pickup .entry_list.wide .entry_title{
	margin-left: 10px;
	margin-right: 10px;
}
#main_pickup .entry_list.wide .entry_title .title_txt{
	font-size: 2.0rem;
}
#main_pickup .entry_list.wide .entry_meta .sponsored{
	right: 10px;
}

/* カテゴリリスト */

.category_list{
}
.category_list:after{
	content: ' ';
	display: block;
	clear: both;
}
.category_list .entry_list.col-2:nth-child(2n){
	margin-right: 10px;
}
.category_list .entry_list.col-2:nth-child(2n+1){
	margin-right: 0;
}
.category_list#top-pickup_list .entry_list.col-2:nth-child(2n){
	margin-right: 0px;
}
.category_list#top-pickup_list .entry_list.col-2:nth-child(2n+1){
	margin-right: 10px;
}
.category_list .entry_list.col-2 .icon_category{
	display: none;
}
.category_list .list_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
	border-left: #e15c03 5px solid;
}
.category_list .list_title h2{
	font-size: 1.6rem;
	color: #fff;
	padding: 5px 8px;
}
.category_list .list_title a{
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
	padding: 8px;
}
.category_list .list_title a:after{
	content: ' ';
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	width: 9px;
	height: 14px;
	background-image: url(img/icon_arrow-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

#entame_list .list_title{
	background-color: #e15c03;
	border-color: #b44800;
}
#news_list .list_title{
	background-color: #06aba1;
	border-color: #097b74;
}
#sport_list .list_title{
	background-color: #0073c3;
	border-color: #085489;
}
#column_list .list_title{
	background-color: #dead29;
	border-color: #a78321;
}
#life_list .list_title{
	background-color: #7bbe45;
	border-color: #598535;
}

#top-pickup_list .list_title{
	background-color: #ffae00;
	border-color: #cb8e0a;
}
#top-pickup_list .entry_list.wide figure .icon_category{
	display: none;
}


/* 新着 */

#latest_list .list_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
	border-left: #6d6d6d 5px solid;
	background-color: #262527;
	color: #fff;
}
#latest_list .list_title h2{
	font-size: 1.6rem;
	color: #fff;
	padding: 5px 8px;
}
#archive_list .btnarea,
#latest_list .btnarea{
	text-align: center;
	margin: 10px 0;
	padding-top: 5px;
	clear: both;
}
#archive_list .btnarea a,
#latest_list .btnarea a.btn{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1;
	color: #202020;
	text-align: center;
	text-decoration: none;
	background: #fff;
	margin: 5px auto;
	padding: 14px 15px 14px;
	border-radius: 25px;
	border: #202020 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 60%;
}
#archive_list .btnarea a:after,
#latest_list .btnarea a.btn:after{
	content: ' ';
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	width: 9px;
	height: 15px;
	background-image: url(img/icon_arrow-right_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

/*archive
=======================================*/

#main_list h1.category_title{
	display: block;
	font-size: 2.2rem;
	font-weight: normal;
	color: #333;
	border-bottom: #cccccc 1px solid;
	background-color: transparent;
	padding: 10px 0 3px;
	margin: 0 0 5px;
}
.blog #main_list h1.category_title,
.tag #main_list h1.category_title,
.author #main_list h1.category_title,
body[class*="tax-"] #main_list h1.category_title{
	border-bottom: none;
}
#main_list p.category_tags{
	margin: 5px 0 5px;
	line-height: 1;
}
.tag #main_list .tag_description{
	padding: 5px 0;
	border-top: #cccccc 1px solid;
}
#main_list div.category_description:empty + p.category_tags{
	padding-top: 5px;
	/*border-bottom: #cccccc 1px solid;*/
}
#main_list p.category_tags a{
	display: inline-block;
	border: #999 1px solid;
	color: #333;
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1;
	padding: 3px 6px;
	margin: 0 5px 5px 0;
}
#main_list div.category_description{
	margin-bottom: 5px;
}
#main_list div.category_description p{
	color: #000;
	font-size: 1.2rem;
	line-height: 1.8;
	padding: 0 5px;
}

#archive_list{
	border-top: #cccccc 1px solid;
	padding-top: 18px;
}
#archive_list:after{
	content: ' ';
	display: block;
	clear: both;
}
.archive_title + #archive_list{
	border-color: #202020;
}
.archive_title{
	padding: 10px 0 0;
	margin: 0;
	line-height: 1;
}
.archive_title span{
	display: inline-block;
	background-color: #202020;
	color: #fff;
	font-size: 1.6rem;
	padding: 8px 12px 7px;
	font-weight: normal;
}
.archive_title.img_header + #archive_list{
	border-top: none;
	padding-top: 10px;
}
.archive_title.img_header img{
	display: block;
	vertical-align: bottom;
}

/*single, page
=======================================*/

.single-page{
	padding-top: 16px;
}
.single-page .header_img img{
	display: block;
	vertical-align: bottom;
}
.single-page .header_img{
	margin-bottom: 16px;
}
.single-page > .entry_title{
	padding-bottom: 5px;
	border-bottom: #ccc 1px solid;
}
.single-page .entry_title h1{
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 10px;
}
.single-page h1 a{
	color: #0e0e0e;
	text-decoration: none;
}
.single-page .entry_title p{
	font-size: 1.1rem;
	color: #666;
}
.single-page .entry_title p .author a{
	text-decoration: none;
	color: #666;
}
.single-page .entry_title p.entry_tags{
	margin: 15px 0 5px;
	line-height: 1;
	font-size: 1.2rem;
	overflow: hidden;
}
.single-page .entry_title p.entry_tags a{
	display: inline-block;
	border: #ccc 1px solid;
	padding: 6px;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
}
.single-page .entry_title p.entry_tags a[href*="category/entertainment"]{
	border-color: #e15c03;
	background-color: #e15c03;
	color: #fff;
}
.single-page .entry_title p.entry_tags a[href*="category/news"]{
	border-color: #06aba1;
	background-color: #06aba1;
	color: #fff;
}
.single-page .entry_title p.entry_tags a[href*="category/sports"]{
	border-color: #0073c3;
	background-color: #0073c3;
	color: #fff;
}
.single-page .entry_title p.entry_tags a[href*="category/column"]{
	border-color: #dead29;
	background-color: #dead29;
	color: #fff;
}
.single-page .entry_title p.entry_tags a[href*="category/life"]{
	border-color: #7bbe45;
	background-color: #7bbe45;
	color: #fff;
}
.single-page .entry_title p.entry_tags a[href*="category/top"]{
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.single-page .entry_title p.entry_tags .sponsored{
	display: inline-block;
	padding: 6px;
	margin-left: 5px;
	background-color: #b6b6b6;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}
.single-page .entry_title p .sponsored_name{
	display: block;
}
.single-page .entry_main{
	padding: 0;
	margin-top: 0;
	overflow: hidden;
}
.single-page .area_ads-single + .entry_main{
	margin-top: -25px;
}

/* 番組情報 */

.box-info_program{
	background-color: #333;
	color: #fff;
	margin: 10px 0;
}
.box-info_program h2{
	padding: 8px 8px 7px;
	line-height: 1;
	background-color: #000;
	font-size: 1.4rem;
	font-weight: normal;
}
.box-info_program h2:before{
	content: ' ';
	display: inline-block;
	width: 4px;
	height: 13px;
	background-color: #ff6600;
	margin-right: 7px;
	vertical-align: bottom;
}
.box-info_program-in{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 9px 9px 0;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.box-info_program-in figure{
	width: 100px;
}
.box-info_program-in figure img{
	display: block;
	margin: 0;
}
.box-info_program-in figure a.program-link{
	background-image: url(img/btn_program-hp.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 20px;
	background-color: #7ab70c;
}
.box-info_program-title{
	width: calc(100% - 110px);
}
.box-info_program-title h3{
	font-weight: bold;
	font-size: 1.6rem;
}
.box-info_program-title p{
	font-size: 1.2rem;
	font-weight: normal;
}
.box-info_program-txt{
	width: 100%;
}
.box-info_program-txt p{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.2rem;
}
article.single-page .box-info_program-txt a{
	color: #fff;
}
.box-info_program-txt p.radiko{
	padding-top: 0;
	text-align: center;
}
.box-info_program-txt p.radiko a{
	background-image: url(img/btn_radiko.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 232px;
	height: 38px;
	text-indent: -9999px;
	display: block;
	margin: 5px auto 7px;
}
.box-info_program-txt p.radiko.order a{
	background-image: url(img/btn_radiko_order.png);
}
.box-info_program.rensai .box-info_program-in figure{
	height: 100px;
	overflow: hidden;
}

/* SNS */

.box-btn_sns{
	margin: 10px auto 10px;
	padding: 0 0 10px;
	border-bottom: #ccc 1px solid;
	max-width: 640px;
}
article.single-page .box-btn_sns ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
article.single-page .box-btn_sns ul li{
	margin: 0 5px 0 0;
	padding: 0;
	flex-grow : 1;
}
article.single-page .box-btn_sns ul li:last-child{
	margin-right: 0;
}
.box-btn_sns ul a{
	display: block;
	overflow: hidden;
	width: 100%;
	max-width: 120px;
	height: 32px;
	background-image: url(img/btn_sns.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.2rem;
	text-indent: 20px;
	text-align: center;
	line-height: 32px;
}
.box-btn_sns ul a:hover{
	opacity: 0.7;
}
.box-btn_sns ul a[href*="twitter"]{
	background-position: 0 0;
}
.box-btn_sns ul a[href*="facebook"]{
	background-position: -130px 0px;
}
.box-btn_sns ul a[href*="line"]{
	background-position: -260px 0px;
}
.box-btn_sns ul a[href*="hatena"]{
	background-position:-390px 0px;
}

/* おすすめ記事 */

#pickup_list .list_title{
	background-color: #262527;
	border-color: #6d6d6d;
}

/* feature */

#feature_list{
	margin-bottom: 0;
}


/* 関連記事 */

#related-list{
	margin-bottom: 20px;
	clear: both;
	margin-top: 40px;
}
#related-list .list_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
	border-left: #6d6d6d 5px solid;
	background-color: #262527;
	color: #fff;
}
#related-list .list_title h2{
	font-size: 1.6rem;
	color: #fff;
	padding: 5px 8px;
}
#related-list-in:after{
	content: ' ';
	display: block;
	clear: both;
}

/*parts
=======================================*/

#main_list article.single-page .entry_main h2{
	display: block;
	margin:25px 0;
	padding: 7px 16px 6px 16px;
	font-size:2.0rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	color: #000;
	background-color: #f4f4f4;
	border-left: #dcdcdc 6px solid;
	text-transform: none;
}
article.single-page .entry_main h3{
	margin: 25px 0 25px;
	padding: 3px 0px 3px 6px;
	border-left: #dcdcdc 4px solid;
	font-size:1.8rem;
	font-weight: bold;
	text-align: left;
	text-transform: none;
}
article.single-page .entry_main h4{
	margin: 25px 0;
	padding: 3px 0px 3px;
	font-size:1.7rem;
	font-weight: bold;
	text-align: left;
}
article.single-page .entry_main h4:before{
	content: ' ';
	width: 12px;
	height: 12px;
	background-color: #aaa;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 6px 3px 0;
}

article.single-page .entry_main p{
	margin:25px 0;
	line-height: 1.8;
	font-size:1.7rem;
}
article.single-page p a {
	color: #000099;
	text-decoration:underline;
}
article.single-page p a:hover {
	text-decoration:none;
}
article.single-page p.small,
article.single-page .small{
	font-size:1.4rem;
	color:#666;
}
article.single-page b{
	font-weight: bold;
}
article.single-page ul{
	list-style: disc outside;
	margin-bottom:20px;
	line-height:1.7;
	margin-left: 0px;
}
article.single-page ol{
	list-style:decimal outside;
	margin-bottom:20px;
	line-height:1.7;
	margin-left: 33px;
}
article.single-page li{
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.7;
	text-align: left;
	display: list-item;
	font-size: 1.6rem;
}
article.single-page li a{
	color: #000099;
}

article.single-page ul.small li {
	font-size:1.4rem;
	color: #666;
	margin-bottom: 5px;
}
article.single-page ul.small li.none{
	margin-left: -20px;
	list-style:none;
}

article.single-page hr{
	display: block;
	border: 0;
	height: 4px;
	background-image: url(img/line_01.png);
	background-repeat: repeat-x;
	margin: 20px -5px;
	background-size: 5px 5px;
	-webkit-background-size: 5px 5px;
}

article.single-page .txt-box,
article.single-page blockquote{
	border:1px solid #cccccc;
	padding:.8em;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin:20px 0;
}
article.single-page .txt-box p,
article.single-page blockquote p,
article.single-page .txt-box .wp-caption,
article.single-page blockquote .wp-caption{
	margin:0;
	padding:0;
}
article.single-page .txt-box p + p:not(:empty),
article.single-page blockquote p + p:not(:empty),
article.single-page .txt-box .wp-caption + p:not(:empty),
article.single-page blockquote .wp-caption + p:not(:empty),
article.single-page .txt-box p + .wp-caption,
article.single-page blockquote p + .wp-caption{
	margin-top: .8em;
}
article.single-page .txt-box p a {
	text-decoration:underline;
}
article.single-page .txt-box p a:hover {
	text-decoration:underline;
}
article.single-page .txt-box ul,
article.single-page .txt-box ol{
	margin-top: 20px;
	margin-left: 0;
}

.quote{
	margin:25px 0;
}
.quote blockquote{
	padding:10px;
	border: #cccccc 1px solid;
	background-color:#f4f4f4;
	position: relative;
}
.quote blockquote:before{
	content: "\201c";
	font-size: 6.0rem;
	font-family: 'Hiragino Mincho ProN', serif;;
	line-height: 1;
	color: #9c9c9c;
	position: absolute;
	left: 5px;
	top: 4px;
}
article.single-page .quote blockquote p{
	margin:20px 20px;
	padding:0;
}
article.single-page .quote blockquote ul,
article.single-page .quote blockquote ol{
	margin-top: 20px;
}

cite{
	display: block;
	text-align:right;
	font-size:1.2rem;
	color:#666666;
	margin:5px 0 0;
	font-style: normal;
}
cite a{
	color:#666666;
	text-decoration: none;
}

/* メディア配置 */
article.single-page .tiktok,
article.single-page .youtube {
	margin: 25px 0;
	text-align: center;
} 
article.single-page .twitter {
	margin-bottom: 25px;
}
article.single-page .instagram,
article.single-page .ameba{
	text-align: center;
	width: 600px;
	margin: 0 auto 25px;
}
article.single-page .ameba div{
	margin: auto;
}

article.single-page .facebook {
	text-align: center;
	margin-bottom: 25px;
}
article.single-page .vine {
	position: relative;
	padding-bottom: 100%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
	text-align: center;
}
article.single-page .imgur{
	text-align: center;
	margin: 10px 0 10px;
}
article.single-page div[id*=attachment],
article.single-page .image,
article.single-page .wp-caption{
	text-align: center;
	margin: 25px 0;
	width: 100% !important;
}
article.single-page div[id*=attachment] img,
article.single-page p img,
article.single-page .image img,
article.single-page .wp-caption.aligncenter img{
	display: block;
	margin: 8px auto;
	vertical-align: bottom;
}
article.single-page .image img{
	max-width: 100%;
	height: auto;
}
article.single-page .image p.image-cite,
article.single-page .entry_main p.wp-caption-text{
	text-align:left;
	font-size:1.2rem;
	line-height: 1.5;
	color:#666;
	margin:8px 0 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
article.single-page .image p.image-cite a,
article.single-page .entry_main p.wp-caption-text a{
	color:#666;
	text-decoration: none;
}
article.single-page .txt-box .image img{
	max-width: 100%;
}
article.single-page .txt-box .image p.image-cite{
	width: 100%;
}
#main_list article.single-page .entry_main img.first{
	display: none;
}
.twitter blockquote,
.facebook blockquote{
	padding:20px 20px 20px;
	margin: 20px 0;
	border: #cccccc 1px solid;
	background-color:#f4f4f4;
	position: relative;
	font-size: 14px;
	text-align: center;
}
article.single-page .entry_main .twitter blockquote p,
article.single-page .entry_main .facebook blockquote p{
	font-size: 16px;
	margin: 0 0 15px;
	text-align: left;
}
article.single-page .entry_main .twitter blockquote a,
article.single-page .entry_main .facebook blockquote a{
	color: #333;
}

article.single-page .entry_main iframe[src*="youtube"]{
	width: 100%;
	height: 430px;
}

.page .entry_main table{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 1.5rem;
	border-collapse: collapse;
}
.page .entry_main table.frame th,
.page .entry_main table.frame td{
	font-weight: normal;
	line-height: 1.5;
	display: block;
}
.page .entry_main table.frame th{
	color: #000;
	text-align: center;
}
.entry_main table.frame th{
	padding: 8px 10px 6px;
	border: 1px solid #ccc;
	background-color: #efefef;
	font-weight: bold;
	text-align: left !important;
}
.entry_main table.frame td{
	padding: 8px 10px 6px;
	/*border: 1px solid #ccc;*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.entry_main table.frame tr:last-child td{
	border-bottom: 1px solid #ccc;
}

article.single-page h2[style*="center"],
article.single-page h3[style*="center"],
article.single-page h4[style*="center"],
article.single-page .entry_main p[style*="center"]{
	text-align: left !important;
}

/* nextpage_links */
.page-links{
	margin: 25px 0 15px;
}
.page-links p{
	text-align: center;
	margin: 10px 0;
}
.page-links p span{
	text-align: center;
	display: inline-block;
	padding: 7px 12px;
	margin: 0 5px;
	border-radius: 3px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
.page-links p a span{
	background-color: #ccc;
	color: #333;
}
.page-links p span span{
	padding: 0;
	margin: 0;
}
.page-links p a.nextlink{
	font-weight:bold;
	font-size:1.6rem;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	display: block;
	background: #dd462b;
	width:50%;
	margin:12px auto 15px;
	padding:0.8em 0 0.7em 0;
	border-radius: 4px;
}
.page-links p a.nextpage{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	text-decoration: none;
	font-size:1.6rem;
	font-weight:bold;
	color: #000;
	background-color: #ffeaaf;
	padding:0.6em 0.5em 0.4em;
	margin:12px auto 15px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/*border-bottom: #deb121 3px solid;*/
}
.page-links p a.nextpage span{
	display: inline-block;
	text-align: left;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #000;
}
.page-links p a.nextpage span:first-child{
	margin: 0 1em 0 0;
	white-space: nowrap;
}
.page-links p a.nextpage span:first-child:before {
	content: ' ';
	display: inline-block;
	background-image: url(img/icon_nextpage.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #d2aa79;
	width: 20px;
	height: 22px;
	border-radius: 3px;
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
}


a.btn{
	font-size: 1.4rem;
	font-weight:bold;
	line-height: 1;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background: #000;
	margin:5px 10px;
	padding:14px 15px 14px;
	border-radius: 25px;
}
a.btn.btn_normal{
	font-size:1.6rem;
	display: block;
	margin: 5px auto;
	max-width: 50%;
}
a.btn:hover{
	opacity: 0.6;
}
a.btn.arrow{
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
}
a.btn.arrow:after{
	content: ' ';
	display: inline-block;
	background-image: url(img/icon_arrow-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	right:0;
	width: 50px;
	height: 100%;
}
a.btn.ad{
	position: relative;
	margin-top: 50px;
	margin-bottom: 40px;
}
a.btn.ad:before{
	content: '\5b\41\44\5d';
	display: block;
	position: absolute;
	top:-23px;
	left:0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #ccc;
}

.error404 .entry_main{
	margin-top: 0;
}


/* ギャラリー */

.gallery-thumbs{
	background-color: #efefef;
	padding: 1rem;
}
article.single-page .gallery-thumbs p{
	margin: 0 0 .5rem;
	font-size: 1.2rem;
}
.gallery-thumbs ul.gallery{
	margin: 0;
	padding: 0;
	list-style: none;
/*	display: flex;
	flex-wrap: wrap;*/
	display: block;
	height: 67px;
	overflow: hidden;
}
article.single-page .gallery-thumbs ul.gallery li{
	margin: 0;
	width: calc(100% / 5);
	padding: 2px;
	box-sizing: border-box;
	float: left;
}
article.single-page .gallery-thumbs ul.gallery li img{
	display: block;
}
article.single-page .gallery-thumbs .btn_galmore{
	width: 50%;
	text-align: center;
	background-color: #fff;
	border: #ccc 2px solid;
	color: #009;
	padding: 4px;
	font-size: 1.4rem;
	margin: 5px auto;
}

/* attachment */

.attachment .single-page{
	padding: 0;
}
.attachment .single-page .entry_main{
	padding: 75px 0 5px;
	margin: 0 -10px 0;
	background-color: #202020;
	position: relative;
}
.attachment .single-page .entry_main p.btn_close{
	margin: 0;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
}
.attachment .single-page .entry_main p.btn_close a{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(img/btn_navi-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto;
	border: none;

}
.attachment .single-page a.backlink{
	display: block;
	border: #999 2px solid;
	color: #999;
	text-decoration: none;
	text-align: center;
	padding: .5em 1em;
	margin: 1rem 0 0;
}
.attachment .single-page a.backlink[class*="cat_"]{
	border-radius: 8px;
	background-color: #404040;
	color: #fff;
	border: none;
	border-bottom: #000 3px solid;
	font-size: 1.8rem;
	padding: 0.6em;
}
.attachment .single-page a.backlink[class*="cat_"]:hover{
	border: none;
	border-top: #000 3px solid;
}
.attachment .single-page a.backlink[class*="cat_"]:after{
	content: 'next';
	width: 20px;
	height: 18px;
	font-size: 15px;
	font-family: swiper-icons;
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
	display: inline-block;
}
.attachment .single-page a.backlink[class*="cat_entertainment"],
.attachment .single-page a.backlink[class*="cat_entertainment"]:hover{
	background-color: #e15c03;
	border-color: #a34608;
}
.attachment .single-page a.backlink[class*="cat_news"],
.attachment .single-page a.backlink[class*="cat_news"]:hover{
	background-color: #06aba1;
	border-color: #0a7e77;
}
.attachment .single-page a.backlink[class*="cat_sport"],
.attachment .single-page a.backlink[class*="cat_sport"]:hover{
	background-color: #0073c3;
	border-color: #0a4670;
}
.attachment .single-page a.backlink[class*="cat_column"],
.attachment .single-page a.backlink[class*="cat_column"]:hover{
	background-color: #dead29;
	border-color: #8b6b17;
}
.attachment .single-page a.backlink[class*="cat_life"],
.attachment .single-page a.backlink[class*="cat_life"]:hover{
	background-color: #7bbe45;
	border-color: #4b7429;
}

article.single-page .entry_main .wp-caption-text p{
	margin: 5px 0;
	font-size: 1.2rem;
	color:#ccc;
}

.swiper-container {
	width: 100%;
}
.swiper-container.slider {
	/*min-height: calc(90vh - 75px);*/
	height: auto;
}
.swiper-wrapper{
	align-items: center;
}
.swiper-container.slider .wp-block-image{
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.swiper-container.slider .wp-block-image img{
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain;
}
.swiper-pagination-bullet{
	background-color: #999;
}
.swiper-pagination-bullet-active{
	background-color: #eee;
}

.swiper-container.slider-thumbnail {
	background-color: transparent;
	padding: 10px 2rem;
	box-sizing: border-box;
	position: absolute;
	width: calc(100% - 50px);
	right: 0;
	top: 0;
	z-index: 900;
	height: 75px;
}
.swiper-container.slider-thumbnail .swiper-wrapper{
	align-items: center;
}
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
	height: 100%;
	opacity: 0.5;
	overflow: hidden;
}
.swiper-container.slider-thumbnail .wp-block-image{
	margin: 0;
	border: rgba(0,0,0,0) 1px solid;
	height: 100%;
	box-sizing: border-box;
}
.swiper-container.slider-thumbnail .swiper-slide-thumb-active .wp-block-image{
	border-color: #fff;
}
.swiper-container.slider-thumbnail .wp-block-image img{
	vertical-align: top;
	height: 100%;
	object-fit: cover;
}
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0;
	/*display: none;*/
}
.swiper-slide .wp-block-image{
	position: relative;
}
.swiper-slide .wp-block-image figcaption{
	margin: 0 0 5px;
	padding: 1rem;
	font-size: 1.2rem;
	color:#ccc;
	/*position: absolute;*/
	bottom: 15px;
	width: 100%;
	box-sizing: border-box;
}

/* 本文内ギャラリーボタン */

article.single-page a.goto_gallery{
	position: relative;
	display: block;
}
article.single-page a.goto_gallery:empty{
	display: none;
}
article.single-page a.goto_gallery:after{
	content: ' ';
	display: block;
	background-color: rgba(0,0,0,0.95);
	color: #fff;
	width: 35px;
	height: 35px;
	background-image: url(img/goto_gallery.png?2);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	margin: 0 0 0 auto;
	border-radius: 5px;
	opacity: .6;
}
article.single-page a.goto_gallery:hover:after{
	opacity: .8;
}
article.single-page a.btn_goto_gallery{
	display: flex;
	background-color: #e3e3e3;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 25px auto 0;
	text-decoration: none;
	padding: 3px 0;
}
article.single-page a.btn_goto_gallery:before{
	content: ' ';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(img/btn_goto_gallery.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
	margin: 0 8px 0 0;
}
article.single-page a.btn_goto_gallery:hover{
	background-color: #f4f4f4;
}
article.single-page a.goto_gallery+p.image-cite,
article.single-page .entry_main a.goto_gallery+p.wp-caption-text{
	margin: -30px 0 50px;
	display: flex;
	flex-direction: column-reverse;
	padding-right: 35px;
}
article.single-page .entry_main a.goto_gallery+p.wp-caption-text > a.btn_goto_gallery{
	margin-right: -35px;
	width: calc(100% + 35px);
}
article.single-page .entry_main .box-profile a.goto_gallery{
	cursor: auto;
	pointer-events:none;
}
article.single-page .entry_main .box-profile a.goto_gallery:after,
article.single-page .entry_main .box-profile a.btn_goto_gallery{
	display: none;
	cursor: auto;
	pointer-events:none;
}

/* プロフィールボックス */

.box-profile{
	margin: 40px 0px 20px;
	border: #000 1px solid;
	padding: .8em;
	position: relative;
}
.box-profile h2{
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
	background-color: #000;
	position: absolute;
	top: -24px;
	left: -1px;
	padding: 4px 8px;
	text-transform: uppercase;
	font-weight: bold;
}
.box-profile-img{
	display: flex;
	align-items: center;
	margin-bottom: .5em;
}
.box-profile-img figure{
	width: 70px;
	box-sizing: border-box;
}
.box-profile h3{
	font-size: 1em;
	margin-bottom: 0;
	padding-left: .8em;
	box-sizing: border-box;
}

.box-profile figure img{
	vertical-align: bottom;
}
.box-profile .box-profile-txt{
}
.box-profile p{
	font-size: .875em;
}
.box-profile p.link{
	margin-top: 0;
}

/* 記事内プロフィールボックス */

.entry_main .box-profile,
article.single-page blockquote.box-profile{
	margin: 20px 0;
	padding: .8em;
	border: #ccc 1px solid;
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-gap: .8em;
	align-items: center;
	overflow: hidden;
}
.entry_main .box-profile .wp-caption,
article.single-page blockquote.box-profile .wp-caption,
article.single-page .entry_main .box-profile > *:first-child{
	width: 100px !important;
	display: block;
	margin: 0;
	box-sizing: border-box;
	grid-column: 1/2;
}
article.single-page .entry_main .box-profile p{
	font-size: .875em;
	margin: 0;
	grid-column: 1/3;
}
article.single-page .entry_main .box-profile p.name,
.entry_main .box-profile .wp-caption + p:not(:empty),
article.single-page blockquote.box-profile .wp-caption + p:not(:empty),
article.single-page .entry_main .box-profile > *:first-child + p:not(:empty){
	grid-column: 2/3;
}
article.single-page .entry_main .box-profile p.wp-caption-text{
	font-size: .75em;
}
article.single-page .entry_main .box-profile p:empty{
	display: none;
}
article.single-page .entry_main .box-profile p:last-child{
	margin: 0;
}
.box-profile:after,
.entry_main .box-profile:after,
article.single-page blockquote.box-profile:after{
	content: ' ';
	display: none;
	clear: both;
}
article.single-page .box-profile img,
article.single-page .txt-box img,
article.single-page blockquote img{
	margin-top: 0 !important;
}
span.rotate{
	-webkit-writing-mode: vertical-rl;
	  -ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
	display: inline-block;
	letter-spacing: -3px;
}
span.middle{
	vertical-align: text-bottom;
}

/* LINE */

.box_line-add{
	margin: 10px auto;
/*	width: 70%;*/
	border: rgba(2,185,2,0.8) 1px solid;
	text-align: center;
	line-height: 1.4;
}
.box_line-add span{
	font-size: 1.3rem;
	display: inline-block;
	margin-top: 5px;
	color: #333;
}
.box_line-add a{
	display: block;
	background-color: #02b902;
	border-radius: 4px;
	text-align: center;
	width: 90%;
	margin: 2px auto 5px;
	max-width: 280px;
}
.box_line-add img{
	vertical-align: bottom;
	height: 33px;
	width: auto;
}

/* タグ記事一覧 */

#main.colum-1page #main_image{
	margin: 0 -10px 0;
}
#main.colum-1page #main_image img{
	vertical-align: bottom;
}
#main.colum-1page .single-page{
	padding-top: 0;
}
#main.colum-1page article.single-page .entry_main h3{
	border-left: none;
	padding: 0;
}

#banner-list li.widget{
	margin: .5em 0 1em;
}
#banner-list li.widget .widgettitle{
	display: none;
}
#banner-list li.widget img{
	vertical-align: bottom;
}


.box_infeed{
	clear: both;
	position: relative;
}
.box_infeed.gmossp{
	min-height: 46vw;
}

/*form
=======================================*/

/* adsbox */
.area_ads-single,
.area_ads{
	min-height: 280px;
}
.area_ads_ise{
	min-height: 750px;
}
.area_ads_gunosy{
	min-height: 48vw;
}

.ob-native{
	min-height:300px;
}
#pickup_list{
	min-height:1477px;
}

/* 目次 */

article.single-page .outline{
	border: 4px double #ccc;
	padding: 1em 1em 0.5em;
	margin: 2em auto;
	box-sizing: border-box;
	font-size: 1.5rem;
}
article.single-page .outline .outline__title{
	display: block;
	margin-bottom: .5em;
}
article.single-page .outline ul{
	margin-left: 0;
	margin-bottom: 0;
}
article.single-page .outline ul ul{
	margin-top: 4px;
	list-style: circle;
}
body article.single-page .outline ul li{
	font-size: 1.5rem;
	margin-bottom: 6px;
}
article.single-page .outline.h2 ul ul{
	display: none;
}

/* ギャラリーページ広告 */

.slider .entry-attachment.pr{
	min-height: 300px;
	text-align: center;
	padding: 0 10px 20px;
}
.slider-thumbnail .swiper-slide.pr{
	width: 0 !important;
	margin-right: 0 !important;
}
.slider-thumbnail .swiper-slide.pr p{
	display: none;
}

/* 記事を折りたたむ */

.box-single.set_close{
	height: 75vh;
	overflow: hidden;
	transition: all .3s;
}
.box-single.set_close+.page-links{
	display: none;
}
.btn_moreopen{
	text-align: center;
	margin: 0px 0 10px;
	padding: 10px 0;
	position: relative;
	background-color: #fff;
}
.btn_moreopen:before{
	content: ' ';
	display: block;
	width: 100%;
	height: 80px;
	background-image: linear-gradient(rgba(255,255,255,.0) 0, rgba(255,255,255,1) 100%);
	position: absolute;
	left: 0;
	top: -80px;
}
.btn_moreopen span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	text-decoration: none;
	background-color: #fff;
	border: #333 2px solid;
	margin: 0 auto;
	padding: 0;
	font-size: 1.4em;
	color: #333;
	font-weight: bold;
	border-radius: 6px;
	height: 50px;
	box-sizing: border-box;
}
.btn_moreopen span:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	border-right: #333 3px solid;
	border-bottom: #333 3px solid;
	transform: rotate(-45deg);
}

.area_banner{
	text-align: center;
	padding: 16px 0;
}
.area_banner img{
	vertical-align: bottom;
}