@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document

1024←
スマホ横   548←→668px
スマホ　表示
768→ PC　表示
iPad横  768←→1280px
iPad縦 768←
+++++++++++++++++++++++++++++++++++++++++++*/





@media only screen and (max-width:1280px) {

	#main #main_left{
		background: #ffffff;
		float: left;
		width: 70%;
		margin-left: 5%;
		text-align: justify;
	}
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
	
	#main #main_left{
		width: 69%;
		margin-left: 2%;
	}
}


/*++++++++++++++++++++++++++++++++++++++++++
1024←
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:1024px) {
	
	#main #main_left{
		background: #ffffff;
		float: left;
		width: 70%;
		margin-left: 0%;
		text-align: justify;
	}

	#main_left #latest_news .news_listG .news_listD{
		width: 155px;
		float: left;
		font-size: 10px;
		height: 12px;
		text-align: left;
		margin-left: 5px;
		padding-top: 0px;
	}
		

}

@media only screen and (min-width:668px) {
	
	.sp{
		display: none;
	}
}




/*++++++++++++++++++++++++++++++++++++++++++
スマホ横   548←→668px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-device-width: 668px){
	.pc{
		display: none;
	}
	
	
	#header {
		width:100%;
		height:60px;
	}
	
	#header #head_left{
		width:100%;
		text-align:center;
	}
	
	#header #head_left img{
		width:200px;
		height:40px;
	}
	
	#header #grobal_navi .main_navi ul{
		width:100%;
	}
	#header #grobal_navi .main_navi li img{
		width:80px;
	
	}
	
	#navi{
		background: url(../images/user_navi_bg_sax.gif) ;
		text-align: justify;
		padding: 0;
		height: 40px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top:2px;
		width: 100%;
		max-width: 1200px;
		overflow:hidden;
		z-index:11111;
	}
	
	#navi a{
		color: #c2b281;
		font-size: 10px;
		font-weight: bold;
		margin-left: 10px;
		text-decoration:none;
	}
	
	#navi a:hover{
		color: #E4DAC3;
		font-size: 10px;
		font-weight: bold;
		margin-left: 10px;
		text-decoration: none;
	}
	
	#main #main_left{
		background: #ffffff;
		float: left;
		width: 100%;
		margin-left: 0%;
		text-align: justify;
	}
	
	/*--- 特集欄 ---*/
	#main_left #feat_topics #content_wrapper .review{
		width: 44%;
		float: left;
		margin-left: 10px;
		margin-right: 18px;
		margin-bottom: 20px;
		height: 420px;
	}
	
	
	/*--- コラム欄 ---*/
	#main_left  .column_topics,
	#main_left  #column_topics{
		width: 44%;
		float: left;
		margin-left: 10px;
		margin-right: 18px;
		margin-bottom: 20px;
		height: 300px;
	
	}


}


/*++++++++++++++++++++++++++++++++++++++++++
スマホ　表示
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width: 548px){
	.pc{
		display: none;
	}
		
	
	.focus {
	  color: #969696;
	}
	
	.open{
		cursor: pointer;
		padding: 5px;
	}
	
	#slide_box{
		width: 100%;
	  padding: 3px; 
	  display: none;
	}
	
	.toggle_box{
	    display:none;
	    color:#fff;
	    padding:0px;
	    margin-top:0px;
	}
	.btn{
		padding: 0px;
	}
	.btn.active{
	   
	}
	.btn:hover{
	    cursor:pointer;
	}
	
	.box{
	    background-color:#132343;
	    width:100%;
	    height:20px;
	    margin-top:20px;
	    margin-bottom:20px;
	}
	
	
	div #main_search{
		background:#c2c1bc;
	}
	
	div .main_search_box{
		background: #c2c1bc;
		width: 96%;
		margin: auto;
		color: #FFF;
		text-align: center;
		font-size: 15px;
		line-height: 200%;
		padding: 2%;
	
	}
	
	input[type=text] {
		-webkit-appearance: none;
		display: inline-block;
		margin-right: 0;
		margin-bottom: 0px;
		padding: 10px;
		width: 70%;
		height: 40px;
		font-size: 100%;
		box-sizing: border-box;
		border-radius: 5px;
		border: 1px solid #ccc;
		border-right: none;
	}
	.main_search_box input[type=text] {
		-webkit-appearance: none;
		display: inline-block;
		margin-right: 0;
		margin-bottom: 0px;
		padding: 10px;
		width: 70%;
		height: 40px;
		font-size: 100%;
		box-sizing: border-box;
		border-radius: 5px 0 0 5px;
		border: 1px solid #ccc;
		border-right: none;
	}
	
	.main_search_box input[type=submit] {
		-webkit-appearance: none;
		display: inline-block;
		padding: 0 10px;
		color: #fff;
		width: 20%;
		height: 40px;
		font-size: 100%;
		vertical-align: top;
		border: none;
		border-radius: 0 5px 5px 0;
		background: #b3b2ad;
	}
	
	.main_search_box .search_topic{
		font-size: 13px;
		text-align: left;
		line-height: 240%;
		padding:2% 2% 4% 4%;
		color: #333;
	}
	.main_search_box .search_topic a{
		font-size: 14px;
		text-align: left;
		text-decoration: underline;
		color: #FFF;
	}
		
	div #main_head
	{
	    float: left;
	    background-color:White;
	    width:100%
	
	}
	
	#head_flash
	{
	    margin: 0px 0;
	}
	
	

	
	#main_left #latest_news #content_wrapper{
		width:100%;
		margin:0px;
		}
	
	/*--- LatestNewsコーナー  ---*/
	#main_left #latest_news{
		margin: 0% auto;
		padding-bottom: 0px;
		padding: 1%;
		width: 98%;
	}
	#main_left #latest_news #content_wrapper{
		width:100%;
		margin:0px;
		}
	#content_wrapper #whats_new_box{
		width:100%;
		float: none;
		font-size:85%;
		letter-spacing:normal;
		line-height: 1.5em;
		margin-left: inherit;
	}
	/*    LatestNewsトピックス欄    */
	#main_left #latest_news #content_wrapper .news_listG{
		width: 48%;
		float: left;
		height:150px;
		margin: 1%;
	}
	#main_left #latest_news #content_wrapper .news_listG img
	{
		width: 100%;
		float: left;
	}
	
	#main_left #latest_news .news_listG .news_listT
	{
		width: 100%;
		float: right;
		height:80px;
		padding-top:10px;
		font-size: 12px;
	}
	
	#main_left #latest_news .news_listG .news_listD
	{
		width: 100%;
		float: right;
		padding-top:5px;

	}
	#main_left #latest_news #content_wrapper .news_listD img
	{
		width: 30%;
		float: left;
		margin-right:10px;
	}
	
	/*==============================*/
	/*--- main---*/
	/*==============================*/
	#main {
		margin:0px auto;
		width: 100%;
	}
	#main #top_flash {
		margin:0px auto;
		width: 100%;
	}	

	#top_mainspace {
		margin:0px ;
	}
	
	
	#main #top_mainspace img{
		margin:0px auto;
		width: 100%;
	}
	
	
	
	.bx-wrapper .bx-pager.bx-default-pager {
		display: none;
	}
	
	
	
	#main #main_left{
		margin:5px auto;
		width: 100%;
	}
	
	
	
	
	.kiji_label{
		width: 20%;
	}
	
	
	/*------- 本文内画像左設定 -------*/
	#main_left #magazine_main #side img{
		margin: 10px 5px 20px 5px;
		width:50%;
	}
	#main_left #magazine_main #frame {
	 float: left; width: 97%; height: auto; margin: 10px 15px 30px 15px;
	 }
	 
	 
	 #magazine_main .IMGWIDE_LR50{
		width:100%;
		margin: 20px 0px 25px 0px;
	}
	
	
	/*------- 本文設定 -------*/

	
	.textInfo{
		/*margin:0 4%;*/
		}
	.SAXtextInfo{
		/*margin:0 4%;*/
		}
	.SAXtextInfo dd{
		font-size:95%;
		}
	
	/*------- magazine 見出し設定 -------*/
	#main_left #magazine_main h3{
		text-align: left;
		padding-top:10px;
		margin: 20px 10px 5px 10px;
		font-size:20px;
		font-weight: bold;
	}
	
	#main_left #magazine_main h4{
		text-align: left;
		margin: 0px 10px 25px 10px;
		font-size:18px;
		font-weight: bold;
	}
	
	
	
	#main_left #magazine_main h5{
		text-align: left;
		font-size:11px;
		margin: 0px 10px 25px 10px;
		padding-top: 0;
	}
	
	
	/*------- 本文設定 -------*/
	
	#main_left #magazine_main p{
		text-align: justify;
		line-height: 200%;
		margin:2rem 0;
		padding: 0;
		font-size:15px;
		font-weight: 400;
		font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 
		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
	
	
	#main_left #magazine_main p a:link {
		color: #878573;
		text-decoration:underline;	
		}
		
		#main_left #magazine_main ul{
		text-align: justify;
		line-height: 200%;
		padding: 1rem 2rem;
	}
	#main_left #magazine_main ul li{
	
		margin: 1rem 0rem ;
	
	}
		
	#main_left #magazine_main .SMclear{
		clear:both;
	}
	
	#magazine_main .interview {
	
		margin: 0rem;
	
	}
		
		/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/
	#main_left #magazine_main #magazine_main_left_img{
		float: left;
		width: 100%;
		padding:0;
		margin: 0 ;
	}
	/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/
	#main_left #magazine_main #magazine_main_left_img img{
		width: 100%;
		margin: 0;
	
	}
	
	#magazine_main #img_index{
	float: left;
	width: 110%;
	background-color: #333333;
	margin-left: -5%;
	padding: 5%;	
	}
	
	 .page_next{
		float: right;
		text-align: center;
		font-size: 11px;
		width: 200px;
		padding: 15px 5px;
		color: #CCCCCC;
		margin: 0px 0px 25px 35px;
		background-color: #999999;
	}
	/*------- magazine pgabebox -------*/
	#main_left  #magazine_pagebox{
	
		text-align: center;
		margin: 20px 0px 25px 0%;
		padding: 20px 1% 20px ;
		border-bottom: 1px solid #999999;
		background-color:#000000;
		color: #ffa500;
		font-size:110%;
		line-height: 180%;
		font-weight: 600;
		width: 100%;
		overflow: hidden;
	}
		
		
		
	/*==============================*/
	/*     関連アーティスト         */
	/*==============================*/
	/*------- 幅・色設定 -------*/
	#relation_artistbox{
		text-align: left;
		padding: 5px 0px 0px 0px;
		border-bottom: 1px solid #999999;
		font-size:12px;
		font-weight: bold;
	}
	
	/*------- <a>タグ 色・下線設定 -------*/
	#relation_artistbox a{
		color:#000000;
		text-decoration:underline;
	}
	
	#relation_artistbox a:hover{
		color:#999999;
		text-decoration:underline;
	}
	
	
	#relation_artistbox p{
		text-align: left;
		margin: 0 20px 0px 20px;
		font-size:14px;
		font-weight: bold;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
	
	
	
	#magazine_pageskip h4{
		font-size:9px;
		letter-spacing:0px;
		}
	#magazine_space p{
		font-size:13px;
		letter-spacing:0pt;
		line-height:1.7em;
		text-align:justify;
		margin-top:0px;
	}
	#magazine_space img{
		margin:10px 0px;
		width:100%
	}
	#magazine_pageskip{
		text-align:center;
		margin:10px 0px 15px 0px;
		}
	
		
	/***************************************************
		マガジン 関連記事
	****************************************************/
		#magazine_main .ct_comp{
			
		background-color: #86827A;
		text-align: center;
		padding: 10px 5px;
		
		}
		#magazine_main .ct_comp a{
		color: #E5E5E5;
		
		}
	#related_topic{
		width: 100%;
		margin-right: 0px;
		background-color: #DADAD1;
		padding: 10px 5px;
		text-align: center;
		height: 100%;
		margin-top: 10px;
		list-style-image: none;
		list-style-type: none;
		line-height: 200%;
		font-size: 12px;
	}
	
	#related_topic .relate_hin_box{
		width: 98%;
		text-align: left;
		margin-top: 10px;
		list-style-image: none;
		list-style-type: none;
		line-height: 140%;
		font-size: 11px;
		font-weight:400;
	}
	
	
	#magazine_pagebox{
		font-size:10px;
		}

	#magazine_Pspace .interview dt.interviewer{
		font-weight: bold;
		letter-spacing: -0.3em;
	}
	
	
	
	#magazine_main_left{
		width: 95%;
		margin:0px 10px;
	}
	
	#magazine_navi{
		width: 100%;
		height:15px;
	}
	
	#main_left #sub_main_img img{
	margin:0;

		
	}
	
	#list_main_left{
		width: 95.5%;
		margin:0px auto;
		float:none;
	}
	

	#main h2 {
		margin-top:0px;
		font-family:KozGoPr6N-Regular;
		font-size:13px;
		line-height:200%;
		letter-spacing:1px;
		text-align:center;
		margin-bottom:2px;
		font-weight:normal;
	}
	


	
	/******************************************************************
		マガジン インタビューページ PC2コラム  →１コラム
	**********************************************************************/
	#magazine_main #interview_wrapper{
		width:                  100%;
		float: 					left;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#magazine_main #body_intro{
		float:left;
		margin-left:0px;
		margin-bottom:30px;
		text-align:justify;
		width:                  100%;
	}
	#interview_wrapper #interview_c2 #body_mid{
		float:left;
		margin-left:70px;
		margin-bottom:30px;
		text-align:justify;
		width:                  100%;
	}
	
	#magazine_main #body_intro h1{
		font-size: 20px;
		font-weight: bold;
		padding-top: 2px;
	}
	
	#magazine_main #interview_wrapper h3{
		font-size: 18px;
		font-weight: bold;
		padding: 4px 0px 10px 0px;
		color: #333333;
	}
	
	#magazine_main #interview_wrapper h4{
		font-size: 18px;
		font-weight: bold;
		padding: 30px 15px 0px 0px;
		color: #333333;
	}
	
	#magazine_main #interview_wrapper #interview_c2{
		float:left;
		margin-left:0px;
		margin-bottom:0px;
		text-align:justify;
		width:                  100%;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	
	#interview_wrapper #interview_c2 .interview{
		font-size:15px;
		line-height:150%;
		font-weight: bold;
		text-align:justify;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		color: #00CCCC;
		margin-bottom: -10px;
	}
	
	
	
	#interview_wrapper #interview_c2 p{
		padding: 4px 25px 10px 15px;
		font-size:15px;
		color: #333333;
		font-weight: normal;
		line-height:180%;
		text-align:justify;
	}
	
	#interview_wrapper #body_mid #pho_box{
		float:left;
		margin-left:0px;
		text-align: left;
		padding: 0px 0px 0px 0px;
		width:                  100%;
	
	}
	
	
	#interview_wrapper #interview_c2 #body_last{
		float:left;
		margin-left:70px;
		margin-bottom:30px;
		text-align:justify;
		width:                  100%;
	}
	
	
	#interview_wrapper #interview_c2 #body_last #news_box{
	float:left;
		margin-left:70px;
		margin-bottom:30px;
		text-align:justify;
		width:                  100%;
	}
	
	
	
	#interview_wrapper #interview_c2 #body_last #pf_box{
	float:left;
		margin-left:70px;
		margin-bottom:30px;
		text-align:justify;
		width:                  100%;
	}
	
	
	
	
	/******* youtube******************************/
	
	#magazine_main iframe,  
	#magazine_main object,  
	#magazine_main embed {
		width: 100%;
	}
	
	
	
	/**********************************************************************************************************************
		メイン右側
	***********************************************************************************************************************/
	
	
	/*--- マガジンリスト表示 ---*/
	#list_Magagine{
		text-align:left;
		padding:5%;
		margin-bottom: 0px auto 0.5px auto;
		}
	
	#list_Magagine img{
		float: none;
		}
	
	#list_Magagine .list_text {
		width:97%;
		float: none;
		font-size:13px;
		line-height:1.5em;
		margin-top:4px;
		}
	#list_Magagine .ct_title{
		font-size:16px;
		line-height:1.2em;
		margin-top:8px;
		}
	#list_Magagine .ct_subtitle{
		font-size:13px;
		line-height:1.2em;
		margin:5px 0px;
		}
	
	
	/*--- マガジン文章部分 ---*/
	
	#maintitle h1{
		font-size:16px;
		letter-spacing:0.5pt;
		text-align:center;
		line-height:1.5em;
		font-weight: normal;
		}
	#subtitle h2{
		font-size:13px;
		letter-spacing:0.5px;
		line-height:1.5em;
		text-align:center;
	}
	
}






/*++++++++++++++++++++++++++++++++++++++++++
iPad横  768←→1280px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width:768px) and (max-width:1280px)
    and (orientation:landscape) {
	.smart, .sp{
		display: none;
	}
	
	


}




/*++++++++++++++++++++++++++++++++++++++++++
iPad縦 768←
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width:767px) and (max-width:1024px)
    and (orientation:portrait){
	
	.tabletP{
		display: none;
	}
	
	.tablet{
		display:block;
	}
	
	
	#main_left #latest_news{
		margin:10px auto;
		width: 100%;
	}
	
	/*------- 特集画像設定 -------*/
	
	#main_left #feat_topics #content_wrapper .review img{
		width: 300px;
	}
	

	#main_left #feat_topics #content_wrapper .review #category_date {
	color: #fff;
		}
	#main_left #feat_topics #content_wrapper .review img.category_label {
			float: left;
			width: 60px;
			margin-right: 10px;
		}	
		
		

}


/*++++++++++++++++++++++++++++++++++++++++++
 320←
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:320px){
	



}