/*
Theme Name: Grape En v2 for PC
Author URI: https://grapee.jp/en/
Description: Media Site of Japan Cluture & funny Video
Author: grape Co.,Ltd.
Author URI: http://grapee.jp/en/
Version: 2.0
*/

@charset "UTF-8";

/* RESET
=======================================*/
html{
}
body {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,header,nav,footer,section,canvas,article,figure { 
	margin:0;
	padding:0;
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	display: block;
}
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}

ul, ol { list-style: none;}
img { border: none;}

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

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans');

html{
	font-size: 62.5%;
}
body {
	font-size: 1.8rem;
	color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	/*background: url(img/bg_body.png) #f0f0f0 no-repeat center 0px;*/
}
body.front-page.background1{
	background: url(slide/topimg_miki-kato.jpg) #f0f0f0 no-repeat center 0px;
}
body.front-page.background2{
	background: url(slide/topimg_hiroyuki-mitsume.jpg) #f0f0f0 no-repeat center 0px;
}
body.page{
	background-image: none;
}
body.paged.front-page.background1,
body.paged.front-page.background2,
body.paged.front-page,
body.paged{
	padding-top: 0px;
	background-image: none;
}
body.customize-support{
	background-position: center 32px;
}
a {
	color:#69274f;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


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

.f-clear {
	clear: both;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}

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

header {
	background-color: transparent;
	position:fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}
.customize-support header {
    top: 32px;
}
#header-in {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#header-in #sitetitle{
	float: left;
}
#header-in #sitetitle a{
	display: block;
	background: url(img/sitelogo_w.png?2) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	width: 125px;
	height: 44px;
	background-size: 124px auto;
	margin: 7px 10px 0 7px;
}

.front-page header{
	
}

/*-- nav --*/

#header-in #box_nav{
	float: left;
}
#header-in #box_nav #btn_menu-nav{
	display: none;
}
#header-in #box_nav #menu-nav ul{
	display: table;
	margin: 0;
    height: 50px;
}
#header-in #box_nav #menu-nav ul li{
	display: table-cell;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 1.6rem;
	text-transform: uppercase;
}
#header-in #box_nav #menu-nav ul li a{
	color: #fff;
	display: block;
	padding: 16px 10px;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Merriweather Sans', sans-serif;
/*	text-shadow: #888 0px 0px 3px;*/
}
#header-in #box_nav #menu-nav ul li a:hover{
	color: #fff;
	background-color: rgba(177, 99, 163,0.8);
}

/*-- search --*/

#header-in #box_search{
	float: right;
	width: 220px;
	padding: 8px 5px 0 0;
	text-align: right;
}
#header-in #box_search span{
	background: url(img/icon_search_w.png) no-repeat left top;
	width: 25px;
	height: 25px;
	vertical-align: bottom;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	display: inline-block;
	background-size: 25px auto;
}
#header-in #box_search input{
	width: 90px;
	display: inline-block;
	border: none;
	padding: 5px 3px;
	margin-left: 2px;
	font-size: 1.6rem;
	/*text-transform: uppercase;*/
	border-bottom: #aaa 1px solid;
	background-color: rgba(255,255,255,0.8);
}
#header-in #box_search input:focus{
	width: 150px;
}
#header-in #box_search span.btn{
    display: none;
}
#header-in #box_search .search{
    display: inline;
}
#header-in #box_search .search span{
    margin-right: 5px;
}

@media screen and (max-width: 1299px){
	#header-in {
		width: 100%;
	}
}
@media screen and (max-width: 840px){
	#header-in #box_nav #menu-nav ul li {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 785px){
	.customize-support header {
		top: 46px;
	}
}


/*-- scrolled --*/
header.scroll{
	background-color: rgba(255,255,255,0.9);
	border-bottom: #ebebeb solid 1px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header.scroll #header-in #sitetitle a{
	background: url(img/sitelogo.png?2) no-repeat left top;
	background-size: 124px auto;
}
header.scroll #header-in #box_nav #menu-nav ul li a{
	text-shadow: none;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header.scroll #header-in #box_nav #menu-nav ul li a:hover{
	color: #fff;
}
header.scroll #header-in #box_search span{
	background-image: url(img/icon_search.png);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


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

footer{
	clear: both;
	background-color: #fff;
	border-top: #ebebeb solid 1px;
	padding-bottom: 7px;
}
#footer-in{
	width: 1300px;
	margin:0 auto;
}
footer address{
	font-style: normal;
	font-size: 1.4rem;
	text-align: right;
	padding: 20px 15px 10px;
	color: #999;
}

#footer-in nav{
	float: left;
	text-align: left;
}
#footer-in nav li{
	padding: 15px;
	display: inline-block;
}
#footer-in nav li:before{
	content: '- ';
	display: inline;
	color: #ccc;
}
#footer-in nav li a{
	font-size: 1.4rem;
	color: #999;
	text-decoration: none;
}
#footer-in nav li a:hover{
	color: #b163a3;
}


@media screen and (max-width: 1299px){
	#footer-in{
		width: 100%;
	}
}

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

#wrapper{
	width: 1300px;
	margin: -93px auto 0;
	background-color: #fff;
	padding-top: 145px;
	display: flex;
}
#wrapper:after{
	content: ' ';
	display: block;
	clear: both;
}
#wrapper.box_2nd{
	margin: 0 auto 0;
	padding-top: 52px;
}
main{
	width: 67%;
	/*float: left;*/
	box-sizing: border-box;
	border-right: #ebebeb 1px solid;
	padding-top: 0px;
}
aside{
	width: 33%;
	/*float: right;*/
}
.paged main,
.paged aside,
#wrapper.box_2nd main,
#wrapper.box_2nd aside{
	padding-top: 25px;
}

@media screen and (max-width: 1299px){
	#wrapper{
		width: 100%;
	}
}
@media screen and (max-width: 800px){
	#wrapper{
		display: block;
	}
	main,
	aside{
		width: 100%;
	}
	aside .video-list ul{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*-- Tags --*/

main p#search_result{
	width: 100%;
	margin: 0 0 35px;
	padding: 10px 3% 25px;
	border-radius: 1px;
	background-color: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
	font-size: 2.0rem;
    box-sizing: border-box;
}

/*-- trending --*/

#trending{
	width: 1300px;
	margin: 495px auto 0;
	position: relative;
}
#trending:before{
	content: ' ';
	display: block;
	position: absolute;
	width: 1300px;
	height: 50px;
	top: -55px;
	right: 0;
	background-image: url(img/obj_lead-l.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#trending h1{
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	background-color: #912001;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	padding: 2px 5px;
	text-transform: uppercase;
	position: absolute;
	top: 49px;
	left: -73px;
}
#trending ol{
	width: 1300px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: center;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 10px 0;
	box-sizing: border-box;
}
#trending ol li{
	width: 30%;
	width: calc(100% / 3);
	position: relative;
	padding: 0 10px;
}
#trending ol li .image{
	width: 100%;
	height: 280px;
	overflow: hidden;
}
#trending ol li .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
#trending ol li h2{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.8rem;
	line-height: 1.6;
	padding: 0 10px;
}
#trending ol li h2 a{
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	padding: 3px 7px;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 1299px){
	#trending{
		margin-top: 469px;
	}
	#trending,
	#trending ol{
		width: 100%;
	}
	#trending:before{
		width: 100%;
		top: -30px;
	}
    #trending h1{
        transform: none;
        -webkit-transform: none;
        position: relative;
        top: auto;
        left: auto;
    }
}
@media screen and (max-width: 999px){
	body.front-page.background1,
	body.front-page.background2{
		background-size:auto 376px;
	}
	#trending{
		margin-top: 350px;
	}
}

/*-- blog --*/

article.video-list{
	display: block;
	box-sizing: border-box;
	margin: 0 65px 45px;
	padding-bottom: 45px;
	border-bottom: #ebebeb 1px solid;
	background-color: #fff;
	position: relative;
}
article.video-list .top-sponsor-content{
    font-size: 1.2rem;
	color: #aaa;
	padding: 0 0px 15px;
	display: inline-block;
    float: left;
}
article.video-list .meta{
	padding: 0px 0px 10px;
	margin: -10px 0 0;
	text-align: right;
}
article.video-list .meta span.time{
	font-size: 1.2rem;
	color: #aaa;
	padding: 5px 0px;
	display: inline-block;
}
article.video-list .meta span.time:before{
	content: ' ';
	display: inline-block;
	background: url(img/icon_time.png) no-repeat 0px 3px;
	background-size: 16px auto;
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}
article.video-list .image{
	width: 100%;
	float: none;
	min-height: 30px;
}
article.video-list .image img{
	width: 100%;
	height: auto;
	vertical-align: top;
	display: block;
}
article.video-list h1{
	padding: 15px 0 10px;
	margin: 0;
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: bold;
}
article.video-list h1 a{
	text-decoration: none;
	color: #333;
}
article.video-list .excerpt{
	clear: both;
}
article.video-list .excerpt p{
	font-size: 1.4rem;
	line-height: 1.6;
	color: #006666;
	padding: 5px 0px 0;
	margin: 0;
	max-height: 4.5rem;
	overflow: hidden;
}
main hr,
aside hr{
	display: none;
}
main .single-ads+hr{
	display: block;
	margin: 45px 65px;
	padding: 0;
	border: 0;
	height: 1px;
	background-color: #ebebeb;
}
main article.video-list{
}

@media screen and (max-width: 1099px){
	article.video-list{
		margin: 0 5% 5%;
		padding-bottom: 5%;
	}
}

/*-- side --*/

aside .side_ads{
	margin: 0 auto 20px;
	text-align: center;
}
aside .side_ads ins{
	background-color: #fcfcfc;
}
aside .side_ads ins ins{
	background-color: transparent;
}

aside #side_sns{
	width: 340px;
	border-radius: 1px;
	background-color: #fff;
	text-align: center;
	box-sizing:border-box;
	padding: 20px 10px;
	margin:0 auto 20px;
}
aside #side_sns li{
	display: inline-block;
}
aside #side_sns li a{
	display: block;
	margin: 0 10px;
	width: 69px;
	height: 69px;
	text-indent: -9999px;
	overflow: hidden;
}
aside #side_sns li:nth-child(1) a{
	background: url(img/btn_fb.png) no-repeat center top;
}
aside #side_sns li:nth-child(2) a{
	background: url(img/btn_tw.png) no-repeat center top;
}
aside #side_sns li:nth-child(3) a{
	background: url(img/btn_insta.png) no-repeat center top;
}
aside article.video-list{
	width: 300px;
	margin: 0 auto 20px;
	position: relative;
	border-bottom: none;
	padding-bottom: 0;
}
aside article.video-list h2{
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	background-color: #912001;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	padding: 2px 5px;
	text-transform: uppercase;
	position: absolute;
	top: 45px;
	right: -111px;
}
aside article.video-list h3{
	padding: 10px 0px 15px;
	margin: 0 0 15px;
	font-size: 1.6rem;
	font-weight: normal;
}
aside article.video-list h3 a{
	color: #333;
	text-decoration: none;
}
aside article.video-list li{
	padding-bottom: 10px;
	margin-bottom: 45px;
	border-bottom: #ebebeb 1px solid;
}
aside article.video-list ul.banner-area{
    padding-top: 0;
}
aside article.video-list ul.banner-area li{
    border-bottom: none;
    padding-bottom: 0;
    margin: 0 auto 15px;
    padding-top: 15px;
}
aside article.video-list ul.banner-area li:last-child{
    border-bottom:#ebebeb 1px solid;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

aside article.video-list li p.banner{
    width: 100%;
    float: none;
    min-height: 30px;
}
aside article.video-list li p.banner a{
    display: block;
}
aside article.video-list li p.banner img{
    vertical-align: top;
}
aside article.video-list li span.hide{
    display: none;
}
.side_ads.ads_sp{
    display: none;
}
.side_ads.ads_pc{
    display: block;
}

aside #side_twitter,
aside .side_widget{
	width: 90%;
	margin: 20px auto;
	text-align: center;
}
aside #side_twitter iframe{
	width: 100%;
	box-sizing: border-box;
}
aside .side_widget h4{
	font-size: 1.8rem;
	margin-bottom: 10px;
	text-align: left;
}
aside .side_widget .instagram-pics {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
aside .side_widget .instagram-pics li{
	width: 125px;
	margin-bottom: 10px;
	text-align: center;
}
aside .side_widget .instagram-pics li img{
	width: 90%;
	height: auto;
}
aside .side_widget .instagram-pics+p.clear{
	text-align: right;
}
aside .side_widget .instagram-pics+p.clear a{
	display: inline-block;
	padding:5px 15px 3px;
	margin: 0;
	background-color: #69274f;
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	border-radius: 20px;
	border: #69274f 1px solid;
	border-bottom: #400a2b 3px solid;
}
aside .side_widget .instagram-pics+p.clear a:hover{
	text-decoration: none;
	border-top: #400a2b 3px solid;
	border-bottom: #69274f 1px solid;
}

@media screen and (max-width: 1299px){
	aside .side_ads{
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	aside #side_sns{
		width: 98%;
		margin: 0 auto 20px;
		text-align: center;
	}
    aside article.video-list h2{
        transform: none;
        -webkit-transform: none;
        position: relative;
        top: auto;
        right: auto;
    }
    aside article.video-list{
        width: auto;
	}
   aside article.video-list ul{
       padding-top: 20px;
    }
    aside article.video-list li{
		width: 90%;
		margin: 0 auto 20px;
        padding-top: 20px;
	}
}
@media screen and (max-width: 999px){
	aside #side_sns li a{
		width: 45px;
		height: 45px;
		margin: 0 5px;
	}
	aside #side_sns li:nth-child(1) a,
	aside #side_sns li:nth-child(2) a,
	aside #side_sns li:nth-child(3) a{
		background-size: 45px auto;
	}
}

/*-- pager --*/

.wp-pagenavi{
	text-align: center;
	margin-bottom: 30px;
	clear: both;
    padding-top: 10px;
}
.wp-pagenavi a{
	display: inline-block;
	padding: 10px 30px;
	margin: 0 5px;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	color: #669 !important;
	text-transform: uppercase;
	font-size: 1.2rem !important;
	border: #a7aad8 1px solid;
}
.wp-pagenavi a:hover{
	color: #fff !important;
	background-color: #3e3e7a;
	border: #3e3e7a 1px solid;
}
@media screen and (max-width: 1299px){
	.wp-pagenavi{
		margin-right: 0px;
	}
}


/* single-page
========================================================================== */
article.single-page .single-in{
	width: 85%;
	margin: 0 auto 20px;
	padding: 0px 5%;
	background-color: #fff;
	text-align: center;
}
article.single-page-inner{
	width:93.75%;
	margin-left:auto;
	margin-right:auto;
}
article.single-page h1,
article.single-page .single-page-sponsor,
article.single-page .comment > p,
article.single-page .comment > h2,
article.single-page .comment > h3,
article.single-page .comment > .quote,
article.single-page .comment > cite,
article.single-page .comment > ul,
article.single-page dl,
article.single-page table,
article.single-page .comment > .txt-box,
article.single-page .comment > .box_link,
article.single-page .image .image-cite,
article.single-page .twitter,
article.single-page .instagram,
article.single-page .facebook,
article.single-page .vine,
article.single-page .comment > .quote{
	width:93.75%;
	margin-left:auto;
	margin-right:auto;
}
article.single-page figure{
	position: relative;
	margin-bottom:15px;
}
article.single-page figure .single-img-source{
	background-color: rgba(0,0,0,0.7);
	display: block;
	font-size:0.5em;
	color:#ebebeb;
	padding:0.3em 0.5em 0.3em 0.5em ;
	position: absolute;
	right:0;
	bottom:0;
}
article.single-page figure .single-img-source blockquote a:link,
article.single-page figure .single-img-source blockquote a:visited,
article.single-page figure .single-img-source blockquote a:hover { 
	color:#ebebeb;
	text-decoration: none;
}
article.single-page figure img{
	width: 100%;
	height:auto;
	vertical-align: top;
}
article.single-page figure img[src*="default.png"]{
	display:none;
}


/*メディア配置*/
article.single-page .youtube {
	padding: 20px 0;
	text-align: center;
} 
article.single-page .twitter {
	margin-bottom: 25px;
}
article.single-page .instagram {
	max-width: 600px;
	margin-bottom: 25px;
	text-align: center;
}
article.single-page .facebook {
	text-align: center;
	margin-bottom: 40px;
}
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{
		margin: 0 10px 25px 10px;
}
article.single-page .image img{
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}
article.single-page .image .image-cite{
	text-align:right;
	font-size:1.0rem;
	color:#868686;
	margin-top:-15px;
	margin-bottom:10px;
    width: 98%;
    box-sizing: border-box;
}
article.single-page .google-maps{
	margin: 0 0 25px;
	text-align: center;
}
article.single-page .google-maps iframe{
	max-width: 90%;
	max-height: 400px;
}
article.single-page h1{
	padding: 15px 0;
	margin: 0 auto;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: left;
}
article.single-page h1 a{
	color: #333;
	text-decoration: none;
}
article.single-page .comment h2{
	margin-top:20px;
	margin-bottom:20px;
	font-size:2.4rem;
	font-weight: bold;
	text-align: left;
}
article.single-page .comment h3{
	margin-top:30px;
	margin-bottom:20px;
	font-size:2.0rem;
	font-weight: bold;
	text-align: left;
}
article.single-page .comment p{
	margin-bottom:20px;
	line-height: 1.7;
	font-size:1.6rem;
	text-align: left;
}
article.single-page .comment p a:link,
article.single-page .comment p a:visited {
	color: #999;
	text-decoration:none;
}
article.single-page .comment p a:hover {
	color: #3e3e7a;
	text-decoration:underline;
}
article.single-page .comment p.small{
	margin-bottom:20px;
	line-height: 1.5;
	font-size:1.4rem;
	color:#666;
}
article.single-page .comment b{
	font-weight: bold;
}
article.single-page .comment ul{
	list-style: disc outside;
	margin-bottom:20px;
	line-height:1.7;
}
article.single-page .comment li{
	margin-left:1.5em;
	margin-bottom:10px;
	line-height:1.7;
    text-align: left;
    display: list-item;
    font-size: 1.6rem;
}
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 dl{
	font-size:1.2rem;
	color:#666666;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 0;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	text-align: left;
}
article.single-page .comment+dl{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
article.single-page .comment+dl dd{
    padding-bottom: 0;
}
article.single-page dt{
	display: inline-block;
	margin-right: 10px;
}
article.single-page dd{
	display: inline;
}
article.single-page dd a{
	color: #666;
	text-decoration: none;
}
article.single-page dl+dl{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
article.single-page .txt-box{
	width:100%;
	border:1px solid #cccccc;
	padding:0.5em 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	overflow: hidden;
}
article.single-page .txt-box p,
article.single-page .box_link p{
	margin:0;
	padding:0.4em 0.6em;
}
article.single-page .txt-box p a:link,
article.single-page .txt-box p a:visited,
article.single-page .box_link p a:link,
article.single-page .box_link p a:visited{
	color: #666699;
	text-decoration:underline;
}
article.single-page .txt-box p a:hover,
article.single-page .box_link p a:hover{
	color: #3e3e7a;
	text-decoration:underline;
}
article.single-page .box_link{
	padding: 15px;
	border-top: #ebebeb 1px solid;
	border-bottom: #ebebeb 1px solid;
	margin: 25px 0;
	display: flex;
	/*flex-direction: row-reverse;
	justify-content: space-around;*/
	align-items: center;
}
article.single-page .box_link h4{
	width: 170px;
	vertical-align: middle;
	padding:0.4em 0.6em 0.4em 0.4em;
}
article.single-page .box_link h4 img{
	width: 100%;
	height: auto;
	border: #ebebeb 3px solid;
	box-sizing: border-box;
}
article.single-page .box_link p{
	font-size: 1.2rem;
}
article.single-page .box_link p strong{
	font-size: 1.4rem;
	display: block;
}

.quote blockquote{
	padding:35px 25px 10px;
	background-color:#f0f0f0;
	background-size: 15px 12px;
	font-size:1em;
	margin-bottom:20px;
    position: relative;
}
.quote blockquote:before{
    content: "“";
    font-size: 400%;
    font-family: 'Hiragino Mincho ProN', serif;;
    line-height: 1em;
    color: #d7d7d7;
    position: absolute;
    left: 4px;
    top: 2px;
}
.quote blockquote:after{
    content: "”";
    font-size: 400%;
    line-height: 0em;
    font-family: 'Hiragino Mincho ProN', serif;;
    color: #d7d7d7;
    position: absolute;
    right: 3px;
    bottom: 0;
}
cite{
	display: block;
	text-align:right;
	font-size:0.75em;
	color:#868686;
	margin-top:-15px;
	margin-bottom:20px;
}
cite a,
cite a:link,
cite a:visited,
cite a:hover,
cite a:active{
	color:#868686;
    text-decoration: none;
}

article.single-page p.author{
	text-align: right;
	font-size: 1.4rem;
	color: #666;
	margin: 0 2% 20px;
}

/*profile*/
article.single-page .profile{
	padding: 15px;
	position: relative;
	border-top: #ebebeb 1px solid;
	border-bottom: #ebebeb 1px solid;
	margin: 25px 0;
}
article.single-page .profile img{
	float: left;
	margin: 0 20px 0 0;
	border: #ebebeb 2px solid;
}
article.single-page .profile h1 {
	padding: 5px 0 0;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 1.4;
	font-size: 1.4rem;
}
article.single-page .profile p{
	padding: 0;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
}
article.single-page .profile:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
}

/*CVN*/
#cvn-logo {
	text-align: right;
	margin: 0 12px 20px 0;
}
.single-page-sponsor{
	margin:10px 0 0px 0;
	width:100%;
	/*overflow: hidden;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
article.single-page .single-page-sponsor-time{
/*	float:left;
	width:50%;*/
	text-align: left;
}
article.single-page .single-page-sponsor-time time,
article.single-page .single-page-sponsor-time blockquote{
	vertical-align: top;
	display: inline-block;
	font-size:1.3rem;
	color:#868686;
	margin-right: 15px;
}
article.single-page .single-page-sponsor-time time.create{
	padding: 2px 0 2px 24px;
	background-image: url(img/icon_time.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 23px auto;
}
article.single-page .single-page-sponsor-time time.update{
	padding: 2px 0 2px 24px;
	background-image: url(img/icon_update.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 23px auto;
}

article.single-page .single-page-sponsor-time blockquote{
	margin-right:1em;
}
article.single-page .single-page-sponsor-content{
	float:right;
	text-align: right;
	width:30%;
	font-size:0.688em;
	color:#868686;
	margin: 0;
}
@media screen and (max-width: 550px){
	article.single-page .single-page-sponsor-content{
		float: none;
		width: 100%;
		margin: -15px 0 10px;
	}
}

article.single-page footer blockquote{
	font-size:0.812em;
	color:#666666;
	margin: 0 10px;
	background:#fff;
	padding:10px 0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-indent: 0.5em;
}

span.share-ttl{
	margin:20px 0 0 0;
	display: block;
	text-align:center;
	font-size:1em;
}

article.single-page .sns{
	border-top: #ebebeb 1px solid;
	border-bottom: #ebebeb 1px solid;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px 5px 8px;
	clear: both;
}
article.single-page .sns li{
	display: inline-block;
	margin-left: -5px;
}
article.single-page .sns li a{
	display: block;
	margin: 0 5px;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	border-radius: 50% 50%;
}
article.single-page .sns .share a{
	background: url(img/btn_fb.png) no-repeat center top;
	background-size: 25px auto;
}
article.single-page .sns .tweet a{
	background: url(img/btn_tw.png) no-repeat center top;
	background-size: 25px auto;
}
article.single-page .single-page_sns{
	padding: 15px 0;
	margin: 15px 0;
	border-top: #ebebeb 1px solid;
	border-bottom: #ebebeb 1px solid;
}

.single-ads{
	text-align: center;
	margin: 30px 3%;
	padding: 10px 0;
	background-color: #fcfcfc;
}
article.footer-links{
    width: 85%;
	margin: 0 auto 20px;
	padding: 0px 3% 20px;
}
article.footer-links ul{
    display: flex;
	justify-content: center;
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: -20px;
	width:100%;
}
article.footer-links li{
    padding: 0;
    vertical-align: top;
	text-align: center;
}
article.footer-links li span.hide{
    display: none;
}
article.footer-links li p.banner{
    padding: 0 5%;
    margin: 0 auto;
	width: 230px;
	box-sizing: border-box;
}
article.footer-links li p.banner a{
    display: block;
}
article.footer-links li p.banner img{
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 799px){
	article.single-page .single-in{
		width: 90%;
	}
	article.single-page h1{
		font-size: 2.1rem;
        padding-top: 0;
	}
	article.single-page h1:first-child{
		padding-top: 15px;
	}
    article.single-page h2{
        font-size:2.0rem;
    }
    article.single-page h3{
        font-size:1.8rem;
    }
    article.single-page p{
		font-size: 1.6rem;
		margin-left:3%;
		margin-right: 3%;
	}
	article.single-page .image img{
		width: 100%;
		height: auto;
	}
	article.single-page .youtube iframe, .youtube object, .youtube embed {
		width: 100%;
		height: 100%;
	}
	article.single-page .facebook iframe, .facebook object, .facebook embed {
		width: 100%;
		height: 100%;
	}
	article.single-page .vine iframe, .vine object, .vine embed {
		width: 100%;
		height: 100%; 
	}
	article.single-page .instagram {
		width: 100%;
		height: auto;
	}
	article.single-page .instagram iframe{
		width: 100%;
		vertical-align: top;
		min-height: 250px;
	}
	article.single-page .image iframe,
	article.single-page .youtube iframe,
	article.single-page .imgur iframe{
		width: 100%;
		height: auto;
		vertical-align: top;
		min-height: 250px;
	}
	.quote blockquote{
		padding:35px 15px 10px;
	}
	article.single-page dl{
		padding-bottom: 0;
	}
	article.single-page dl dt,
	article.single-page dl dd{
		padding: 0px 3% 10px;
		margin: 0;
		display: block;
	}
 }

/* foot share */
.mod-fb-area{
	display: table;
	width:93.75%;
	margin:10px auto 15px;
	overflow: hidden;
	border:#ebebeb 1px solid;
}
.mod-fb-area .mod-fb-img{
	display: table-cell;
	width:30%;
	text-align: center;
	vertical-align: middle;
}
.mod-fb-area .mod-fb-img img{
	width: 100%;
	height:auto;
	vertical-align: top;
}

.mod-fb-area .mod-fb-bt {
	display: inline-block;
	margin: 1em 0;
	transform:scale(1.3); 
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
}
.mod-fb-area .mod-fb-txt{
	display: table-cell;
	width:60%;
	text-align: center;
	vertical-align: middle;
	font-size:0.875em;
	font-weight:bold
}
.mod-fb-area .mod-fb-txt p{
	margin:0.5em;
}
li.fb-like{
	margin-left:auto;
}
main .socialbox {
	display: inline-block;
	margin: 0 0 20px 10px;
	vertical-align: top;
}
main .facebook-box{
	min-width:58px;
	max-width:115px;
	margin: 0 0 0 0;
}
main .twitter-box{
	min-width:87px;
	max-width:90px;
	margin: 0 -8px 0 0;
}
main .hatena-box{
	min-width:80px;
	max-width:125px;
}
main .gplus-box{
	min-width:50px;
	max-width:80px;
}
main .pocket-box{
	min-width:60px;
	max-width:115px;
}

/* OB用 */
aside .OUTBRAIN{
	position: relative;
}
aside .OUTBRAIN .AR_1.ob-widget .ob-widget-section .ob-widget-header{
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	background-color: #912001;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	padding: 2px 5px;
	text-transform: uppercase;
	position: absolute;
	top: 65px;
	right: -128px;
	font-weight: normal;
}
@media screen and (max-width: 1299px){
	aside .OUTBRAIN{
		padding-top: 35px;
	}
	aside .OUTBRAIN .AR_1.ob-widget .ob-widget-section .ob-widget-header{
		transform: none;
		-webkit-transform: none;
		top: 0;
		left: 0;
	}
}
aside .OUTBRAIN .AR_1.ob-widget .ob-widget-section ul.ob-widget-items-container{
	padding: 10px 0 0;
}
aside .OUTBRAIN .AR_1.ob-widget .ob-widget-section ul.ob-widget-items-container li{
	padding-bottom: 15px;
}

/* breadcrumb */
#breadcrumb{
	width: 93.75%;
	margin: 20px auto;
	color: #333;
	font-size: 1.3rem;
	padding-bottom: 5px;
	text-align: left;
}
#breadcrumb li{
	display: inline;
	color: #333;
}
#breadcrumb li.home a span{
	display:inline-block;
	width: 16px;
	height: 17px;
	background: url(img/icon_home.png) no-repeat left center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: top;
}
#breadcrumb li:after{
	content: '>';
	display: inline-block;
	padding-right: 2px;
	padding-left: 2px;
}
#breadcrumb li:last-child:after{
	display: none;
}
#breadcrumb li a{
	color: #333;
}

/* related */
#related{
	width:100%;
	margin: 0 0 20px;
	text-align: left;
}
#related h2{
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	background-color: #912001;
	padding: 2px 5px;
	text-transform: uppercase;
}
#related ul{
	margin: 15px -10px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
#related ul li{
	width:32%;
	margin: 0px;
	padding: 0 10px 25px;
	display: inline-block;
	box-sizing: border-box;
}
#related ul li a{
	display:block;
	overflow:hidden;
	margin:0 auto;
}
article.single-page #related ul li figure.image{
	margin-bottom: 10px;
}
#related ul li .image img{
	margin-bottom: 0;
}
#related ul li h3{
	font-size: 1.4rem;
	text-align: left;
}
#related ul li h3 a{
	color: #333;
	text-decoration: none;
}

/* new Profile-box */

article.single-page .profile-box{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #cccccc;
	padding:0.5em 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
article.single-page .profile-box figure{
	box-sizing: border-box;
	width: 40%;
	text-align: center;
	margin: 0;
	padding: 0.4em 0.6em;
}
article.single-page .profile-box figure img{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border:#ebebeb 3px solid;
}
article.single-page .profile-box p{
	box-sizing: border-box;
	width: 60%;
	margin:0;
	padding:0.4em 0.6em;
}

/* add page style */
article.single-page .comment ol.numeric li,
article.single-page .comment ol.alpha li{
	line-height: 1.5;
}
article.single-page .comment ol.numeric{
	list-style:decimal;
	margin-left:25px;
	margin-bottom: 20px;
}
article.single-page .comment ol.alpha{
	list-style:lower-alpha;
	margin-left:25px;
	margin-bottom: 20px;
}
article.single-page .comment ol.numeric ol,
article.single-page .comment ol.alpha ol{
	margin-top: 10px;
	list-style:decimal;
	margin-left:10px;
}
article.single-page .comment ol.numeric ol.alpha,
article.single-page .comment ol.alpha ol.alpha{
	list-style:lower-alpha;
	margin-left:10px;
}

/* table CSS for PC */
article.single-page table.outline,
article.single-page table.outline table{
	border-collapse: collapse;
	border-top:#ccc 1px solid;
	font-size: 1.6rem;
}
article.single-page table.outline th{
	border-bottom:#ccc 1px solid;
	padding: 6px 10px;
	background-color: #fcfcfc;
	text-align: left;
}
article.single-page table.outline td{
	border-bottom:#ccc 1px solid;
	padding: 6px 10px;
	text-align: left;
}
article.single-page table.outline table,
article.single-page table.outline table th,
article.single-page table.outline table td{
	border-top:none;
	border-bottom: none;
	background-color: transparent;
}