@charset "UTF-8";

/* ---------------------------------------------- 1.要調整*/

/* ---------------------------------------------- 通常特集*/
/* ---------------------------------------------- メインカラー*/
#feat_content h2{
	color:#009CC4;
	border-bottom:#009CC4;
}
/* ---------------------------------------------- メイン画像：横長100%/縦長80%を指定する */
#feat_content .main_image{
	width:100%;
	/*width:80%;*/
}


/* ---------------------------------------------- INTRODUCTION特集*/
/* ---------------------------------------------- メインカラー*/
#feat_content .feat_introduction .introduction_title{
	color:#c4002e;
}
#feat_content .feat_introduction .introduction_lead{
	color:#c4002e;
}
/* ---------------------------------------------- 表紙の色を指定する*/
#feat_content .feat_introduction .magazine_info .writing .heading{
	color:#c4002e;
}










/* ---------------------------------------------- 2.必要に応じて使用/調整可*/

/* ---------------------------------------------- 洋楽の動画タイトル回り：基本黒背景白文字 */
#feat_content .video_title{
	color:#fff;
	background-color:#000;
}
/* ---------------------------------------------- 上記.video_titleの背景色に合わせる */
#feat_content .border .video_wrapper iframe,
#feat_content .youtube .video_wrapper iframe{
	background-color:#000;
	border:1px solid #000;
}


#feat_content .bold{
	font-weight:bold;	
}
#feat_content .big{
	font-size:120%;
}
#feat_content .small{
	font-size:80%;
}
#feat_content .red{
	color:#F00;
}
#feat_content .blue{
	color:#00F;
}
#feat_content .center{
	text-align:center;	
}
#feat_content .br{
	display:block;	
}
#feat_content .pc_br{
	display:block;	
}
#feat_content .sp_br{
}
#feat_content .hide{
	display:none;
}
#feat_content .pc_hide{
	display:none;
}
#feat_content .sp_hide{
}
#feat_content .border{
	border:#e7e7e7 1px solid;
}
#feat_content .borderbottom{
	border-bottom:#e7e7e7 1px solid;
	margin:40px 0;
	width:100%;
	display:block;
}










/* ---------------------------------------------- 3.調整不可*/

/* ---------------------------------------------- FEAT CONTENT*/
#feat_content{
	text-align: justify;
	word-break:break-all;
}

/* ---------------------------------------------- HEADER*/
#feat_content .feat_header{
	width:100%;
	margin:10px 0 40px;
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1.5;
}
#feat_content .main_image {
	text-align:center;
	margin:0 auto;
}
#feat_content .main_image img {
    width:100%;
	height:auto;
}
#feat_content .feat_header .title{
	border-bottom:solid #e7e7e7 2px;
	padding-bottom:16px;
	margin-bottom:30px;
}
#feat_content .feat_header .title_next{
}
/* ---------------------------------------------- LEAD*/
#feat_content .lead{
	font-weight:bold;
    color:#616161;
	margin-bottom:70px;
}
#feat_content .lead p{
	margin-bottom:14px;
	line-height:1.7;
}
#feat_content p.author{
}

/* ---------------------------------------------- INDEX */
#feat_content .index{
	display:none;
}

/* ---------------------------------------------- H2*/
#feat_content h2{
	font-size:19px;
	line-height:1.7;
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:solid 2px;
}

/* ---------------------------------------------- INTERVIEW*/
#feat_content .interview{
	width:100%;
	margin:50px 0;
	line-height:1.8;
}
#feat_content .interview_text{
	font-size:14px;
	color:#000;
	padding:0 10px 0 5px;
}
#feat_content .interview_text .interviewer{
	font-weight:bold;
    color:#999;
}

/* ---------------------------------------------- PICTER*/
#feat_content .picture{
	width:80%;
	margin:60px auto;
	text-align:center;
}
#feat_content .picture img{
	width:100%;
}

/* ---------------------------------------------- MOVIE*/
#feat_content .youtube{
	width:100%;
	margin-bottom:80px;
	position: relative;
}
#feat_content .youtube .video_title{
	width:100%;
	font-size:20px;
	text-align:center;
	padding:2px 5px;
	box-sizing: border-box;
}

#feat_content .youtube .video_wrapper{
	width:100%;
	position: relative;
	padding-top: 56.25%;
	margin-bottom:30px;
	overflow:hidden;
}
#feat_content .youtube .video_wrapper iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
}

/* ---------------------------------------------- SOUNDCLOUD*/
#feat_content .soundcloud{
	width:100%;
	margin-bottom:80px;
}
#feat_content .soundcloud iframe{
	width:100%;
}

/* ---------------------------------------------- BORDER*/
#feat_content .border{
	width:100%;
	padding:4%;
	margin:0 auto 80px;
	font-size:14px;
	color:#000;
	position: relative;
	box-sizing: border-box;
}
#feat_content .border p{
	padding:0 10px 0 5px;
}
#feat_content .border .interviewer{
	font-weight:bold;
    color:#999;
}

#feat_content .border .picture{
	width:90%;
	margin:40px auto;
	text-align:center;
}
#feat_content .border .picture img{
	width:100%;
}

#feat_content .border .video_title{
	width:90%;
	font-size:20px;
	text-align:center;
	margin:20px auto 0;
	padding:2px 5px;
	box-sizing: border-box;
}

#feat_content .border .video_wrapper{
	width:90%;
	position: relative;
	padding-top: 56.25%;
	margin:0 auto 20px;
	overflow:hidden;
}
#feat_content .border .video_wrapper iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
}

/* ---------------------------------------------- CATEGORY*/
#feat_content .category{
	width:100%;
	clear:both;
	box-sizing:border-box;
	margin-bottom:15px;
	border-bottom:1px solid #777;
}
#feat_content .category p.tab{
	color:#444;
	font-size:18px;
	padding:4px 12px 0;
	border-top:1px solid #777;
	border-right:1px solid #777;
	border-left:1px solid #777;

	border-top-left-radius:2px; 
	border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px; 
}

/* ---------------------------------------------- DISC*/
#feat_content .disc_info{
	width:80%;
	margin:40px auto 80px auto;
}
#feat_content .disc_info .picture{
	width:100%;
	margin:20px 0 ;
}
#feat_content .disc_info .picture img{
    width:100%;
}
#feat_content .disc_info .writing{
	text-align:left;
}
#feat_content .disc_info .writing .disc_title{
	font-size:18px;
	font-weight:bold;
}

/* ---------------------------------------------- LIVE */
#feat_content .live_info{
	width:80%;
	margin:40px auto 80px auto;
	}
#feat_content .live_title{
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
}

/* ---------------------------------------------- NEXT PAGE*/
#feat_content .next_page{
	width:50%;
	margin:80px auto;
	text-align:center;
}
#feat_content .next_page a{
    color:#000;
    text-decoration:none;
	font-size:13px;
	line-height:1.7;
	word-break:break-all;
}
#feat_content .next_page a:link,
#feat_content .next_page a:visited,
#feat_content .next_page a:active {
    color:#000;
}
#feat_content .next_page a:hover{
    background: #eee none repeat scroll 0 0;
}
#feat_content .next_page .button {
	position: relative;
	display: inline-block;
	padding: 8px 32px 8px 20px;
	text-align: center;
	text-decoration: none;
    background-color: #F9F9F9;
}
#feat_content .next_page .button::after {
	position: absolute;
	top: 50%;
	right: 16px;
	content: '';
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ---------------------------------------------- PAGER */
#feat_content .pager {
    width:100%;
	margin-bottom:80px;
    padding:8px 0;
	border-top:solid #e7e7e7 1px;
	text-align:center;
    position: relative;
}
#feat_content .pager li {
    color:#bbb;
    display: inline;
    font-size:13px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#feat_content .pager li .prev,
#feat_content .pager li .next {
    font-weight: normal;
}
#feat_content .pager li span {
    padding: 6px 10px;
}
#feat_content .pager li a span {
    padding: 0;
}
#feat_content .pager li a {
    font-weight: normal;
    padding: 6px 10px;
    color:#000;
    text-decoration: none;
}
#feat_content .pager li a:hover {
    background: #eee none repeat scroll 0 0;
}


/* ---------------------------------------------- INTRODUCTION*/
#feat_content .feat_introduction {
    width: 100%;
}
#feat_content .feat_introduction .introduction_logo {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
#feat_content .main_image {
    margin: 0 auto 40px;
    text-align: center;
}
#feat_content .feat_introduction .artist_logo{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
#feat_content .feat_introduction .introduction_logo img,
#feat_content .main_image img,
#feat_content .feat_introduction .artist_logo img{
	width:100%;
	height:auto;
}
#feat_content .feat_introduction .introduction_title{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	margin: 40px 0 30px;
	text-align: left;
}
#feat_content .feat_introduction .introduction_lead{
	font-weight: bold;
    margin-bottom: 60px;
}
#feat_content .feat_introduction .introduction_lead p{
	margin-bottom:15px;
}

#feat_content .feat_introduction .gallery{
	width:100%;
	margin-bottom:40px;
	text-align:center;
}
#feat_content .feat_introduction .gallery img{
	width:90%;
	height:auto;
}
#feat_content .feat_introduction .caption {
	width:90%;
	font-size: 11px;
	margin: 50px auto 0;
}
#feat_content .feat_introduction .more_info {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
}

/* ------------------------- QUOTATION*/
#feat_content .feat_introduction .quotation{
	margin-bottom:70px;
}
#feat_content .feat_introduction blockquote{
	position:relative;
	margin-bottom:40px;
	padding:5px 10px 0 45px;
	z-index:1;
}
#feat_content .feat_introduction blockquote p{
	position:relative;
	z-index:3;
	font-size:14px;
	line-height:1.7;
}
#feat_content .feat_introduction blockquote:before{
	content: "“";
	font-size:520%;
	font-family:'Times New Roman' ,"ＭＳ 明朝" ,serif;
	line-height:0.8em;
	color:#ccc;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

/* ------------------------- MAGAZINE_INFO*/
#feat_content .feat_introduction .magazine_info{
	display:table;
	width:100%;
	margin-bottom:50px;
}
#feat_content .feat_introduction .magazine_info .cover{
	display:table-cell;
	width:34%;
}
#feat_content .feat_introduction .magazine_info .cover img{
	width:100%;
	height:auto;
	border:1px solid #f9f9f9;
}
#feat_content .feat_introduction .magazine_info .writing{
	display:table-cell;
	vertical-align:top;
	padding:2% 3%;
	line-height:1.5;
	background-color:#f9f9f9;
}
#feat_content .feat_introduction .magazine_info .writing .magazine_title{
	font-size:22px;
	font-weight:bold;
	margin-bottom:6px;
}
#feat_content .feat_introduction .magazine_info .writing .heading{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
#feat_content .feat_introduction .magazine_info .writing .catch_copy{
	font-size:13px;
	margin-bottom:15px;
}
#feat_content .feat_introduction .magazine_info .writing .code{
	font-size:12px;
	margin-bottom:30px;
}
#feat_content .feat_introduction .magazine_info .writing a{
	padding:6px 15px;
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
#feat_content .feat_introduction .magazine_info .writing a:hover{
	background-color:#60c300;
}


/* ---------------------------------------------- imgBorder*/
.feature-text .imgBorder{
	display: inline;
	}