/*-------------------------------------
■ pick up
-------------------------------------*/
.blog_pick_box{
}
.bp_box{
}

.bps_cts{
	margin-bottom:30px;
	background:#000;
}

.bp_link{
	position:relative;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
	transition:opacity .3s;
}
.bp_link:after{
	content:'';
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	height:9em;
	background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 100%);
	opacity:.55;
	z-index:-1;
}
.bp_link:hover{
	opacity:.98;
}

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

.bp_info{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:0 1.5em 1.5em;
	box-sizing:border-box;
}
.bpi_dc{
	color:#fff;
	font-size:0.9em;
	margin-bottom:5px;
}
.bpi_dc time{
	display:inline-block;
	padding:0 5px;
	border:1px solid #fff;
}
.bpi_dc span{
	display:none;
}
.bpi_title{
	color:#fff;
	line-height:1.4;
	font-size:1.3em;
}

.pickup_icon{
	position:absolute;
	top:.7em;
	right:.7em;
	background:rgba(228,0,127,.95);
	color:#fff;
	font-size:.85em;
	text-align:center;
	display:block;
	padding:0.3em 0.6em;
	box-shadow:2px 2px 0 rgba(51,51,51,.3);
}


.swiper-pagination-bullet-active{
	background:#e4007f
}


/*-------------------------------------
■ form
-------------------------------------*/
input[type="text"],
select,
textarea{
	padding:10px;
	border:1px solid #666;
	color:#fff;
	font-size:16px;
	line-height:1.8em;
	background:rgba(0,0,0,.5);
	transition:border .3s , background .3s;
}
select option{background:#000;}
input[type="text"]:hover,
select:hover,
textarea:hover{
	border:1px solid #970054;
	background:rgba(0,0,0,.7);
}
input[type="text"]:focus,
select:focus,
textarea:focus{
	border:1px solid #e4007f;
	background:rgba(0,0,0,1);
}
input[type="radio"]{display:none}

.inp_l,
select{
	width:80%;
}
.inp_s{
	width:150px;
}
textarea{
	width:100%;
	min-height:200px;
	resize:vertical;
}

label{
	display:inline-block;
}
label span{
	display:block;
	height:50px;
	line-height:28px;
	padding:10px 15px;
	color:#999;
	border-radius:4px;
	border:1px solid #666;
	background:rgba(0,0,0,.3);
	transition:border .3s , background .3s , color .3s;
	cursor:pointer;
}
label span:hover{
	color:#ddd;
	border:1px solid #999;
	background:rgba(0,0,0,1);
}
input[type="radio"]:checked + span{
	color:#fff;
	border:1px solid #ff60b9;
	background:#e4007f;
}

#submit_w{
	text-align:center;
}
#submit_w input{
	width:100%;
	height:48px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border:1px solid #ff60b9;
	background:#e4007f;
	transition:border .3s , background .3s;
	cursor:pointer;
}
#submit_w input:hover{
	border:1px solid #ff1c6c;
	background:#e40050;
}

/*-------------------------------------
■ widget
-------------------------------------*/
.widget-content{
	margin-bottom:20px;
}

/* search
---------------------*/
.widget-search .widget-content{
	padding-top:10px;
	overflow:hidden;
}
#search{
	height:48px;
	width:70%;
	float:left;
}
#submit_w{
	width:30%;
	float:left;
}

.search-results-header{
	padding:10px 0;
}
.search-results-header .sr_title{
	font-size:16px;
	line-height:1.8em;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,.4);
}
.search-results-header .sr_title span,
.sr_no_text span{
	color:#e4007f;
}

.sr_no_text{
	text-align:center;
	padding:50px 0;
	font-size:16px;
}

/* recent
---------------------*/
.widget-recent-entries .widget-content ul li{
	width:100%;
	padding:15px 5px;
	border-bottom:1px solid #444;
}
.widget-recent-entries .widget-content ul li:first-child{
	padding-top:10px;
}
.widget-recent-entries .widget-content ul li a{
	color:#cecece;
	transition:color .3s;
}
.widget-recent-entries .widget-content ul li a:hover{
	color:#e40050;
}

/* tag
---------------------*/
.widget-tag-cloud .widget-content ul li{
	display:inline-block;
	margin-bottom:5px;
}
.widget-tag-cloud .widget-content ul li a{
	display:block;
	padding:6px;
	color:#fff;
	border-radius:2px;
	background:#e4007f;
}
.widget-tag-cloud .widget-content ul li a:hover{
	background:#e40050;
}

/* calendar
---------------------*/
.widget-calendar .widget-content table{
	width:100%
}
.widget-calendar .widget-content table th,
.widget-calendar .widget-content table td{
	text-align:center;
}

/* archive-monthly
---------------------*/
.widget-archive-monthly .widget-content ul li{
	width:100%;
	padding:15px 5px;
	border-bottom:1px solid #444;
}
.widget-archive-monthly .widget-content ul li:first-child{
	padding-top:10px;
}
.widget-archive-monthly .widget-content ul li a{
	color:#cecece;
	transition:color .3s;
}
.widget-archive-monthly .widget-content ul li a:hover{
	color:#e40050;
}

/*-------------------------------------
■ blog top
-------------------------------------*/
.blog_w{
	margin-bottom:50px;
}
.bt_box .entry-content{
	padding:20px 0;
	border-bottom:1px solid #444;
}
.blog_w .bt_box:first-child .entry-content{
	padding-top:10px;
}

.bt_box .entry-content .bt_box_image{
	display:block;
	float:left;
	width:200px;
}
.bt_box .entry-content .bt_box_image img{
	width:100%;
	height:auto;
	transition:opacity .3s;
}
.bt_box .entry-content .bt_box_image:hover img{
	opacity:.8;
}

.bt_box .entry-content .bt_box_info{
	margin-left:220px;
}
.bt_box .entry-content .bt_box_info .asset-header{
	margin-bottom:10px;
}
.bt_box .entry-content .bt_box_info .asset-header .entry-title a{
	color:#fff;
	font-size:20px;
	line-height:1.5;
	transition:color .3s;
}
.bt_box .entry-content .bt_box_info .asset-header .entry-title a:hover{
	color:#e40050
}

.bt_box .entry-content .bt_box_info .asset-header .asset-meta{
	color:#cecece;
}

.bt_box .entry-content .bt_box_info .asset-body{
	margin-bottom:10px;
	line-height:1.8em;
	font-size:16px;
}

.bt_box .entry-content .bt_box_info .asset-more-link a{
	font-size:16px;
}

/*-------------------------------------
■ blog post
-------------------------------------*/
.mt-entry-archive .s_title{
	height:auto;
	min-height:24px;
}
.blog_wp .byline{
	color:#cecece;
}
.blog_wp .entry-content,
.blog_wp .entry-content p{
	line-height:1.8em;
	font-size:16px;
}
.blog_wp .entry-content{
	padding-bottom:50px;
}
.blog_wp .entry-content p{
	min-height:16px;
	display:block;
	margin-block-start:1em;
	margin-block-end:1em;
	margin-inline-start:0px;
	margin-inline-end:0px;
}

.blog_wp .asset-footer{
	border-top:1px solid #444;
}

.blog_wp .asset-footer .entry-tags{
	border-bottom:1px solid #444;
}
.blog_wp .asset-footer .entry-tags ul{
	padding:10px 0 5px;
}
.blog_wp .asset-footer .entry-tags ul li{
	display:inline-block;
	margin-bottom:5px;
}
.blog_wp .asset-footer .entry-tags ul li a{
	display:block;
	padding:6px;
	color:#fff;
	border-radius:2px;
	background:#e4007f;
}
.blog_wp .asset-footer .entry-tags ul li a:hover{
	background:#e40050;
}

/*-------------------------------------
■ pager
-------------------------------------*/
.blog_pager,
.blog_pager_np{
	padding:20px 10px;
	background:rgba(0,0,0,.4);
}

.blog_pager{
	display:flex;
	justify-content:center;
}
.blog_pager.nosr{
	display:none;
}
.blog_pager li{
	flex:1;
	max-width:50px;
}
.mt-datebased-monthly-archive .blog_pager li{
	max-width:inherit;
}
.blog_pager li a{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
}
.blog_pager li.bp_cur a{
	color:#fff;
}

.blog_pager_np{
	overflow:hidden;
}
.blog_pager_np .page-navigation-list-item{
	width:45%;
	max-width:360px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.blog_pager_np .page-navigation-list-item a{
	font-size:16px;
}
.blog_pager_np .page-navigation-prev{
	float:left;
}
.blog_pager_np .page-navigation-next{
	float:right;
	text-align:right;
}










@media screen and (max-width:970px){
/*-------------------------------------
■ blog top
-------------------------------------*/
	.bt_box .entry-content .bt_box_image{
		width:150px;
	}
	.bt_box .entry-content .bt_box_info{
		margin-left:170px;
	}
}










@media screen and (max-width:767px){
	.bp_link:after{
		background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.4) 65%,rgba(0,0,0,.9) 100%);
	}
/*-------------------------------------
■ blog top
-------------------------------------*/
	.blog_w{
		margin-bottom:30px;
	}
	.bt_box .entry-content .bt_box_image{
		width:30%;
	}
	.bt_box .entry-content .bt_box_info{
		margin-left:34%;
	}

	.bt_box .entry-content .bt_box_info .asset-header .entry-title a{
		font-size:16px;
	}
	.bt_box .entry-content .bt_box_info .asset-body{
		font-size:14px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}