@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;
	}
		
	#main_left #magazine_main h1, 
	#main_left #magazine_main h2,
	#main_left #magazine_main h5{
	text-align: left;
	margin: 1rem ;
	padding-top:30px;
	}

}

@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-gnavi #navi #menu_kiji{
		width: 70%;
		padding-left:5px;
		margin: 0px auto;
	}
	
	 #menu_kiji ul{
	}	
	 
	 #menu_kiji li{
		display:inline-block;
		padding:0px 1px 0px 1px;
		font-size:12px;
	
	}	
	/* #menu_kiji li.news a{
		display:                block;
		width:                 45px;
		font-weight:			bold;
	}	*/
	
	 #menu_kiji li.review a{
		display:block;
		width:9em;/*40px;*/
		font-weight:bold;
	}	
	
	 #menu_kiji li.artist a{
		display:block;
		width:8em;/*65px;*/
		font-weight:bold;
	}	
	
	 #menu_kiji li.lesson a{
		display: block;
		width:6em; /*55px;*/
		font-weight:bold;
	}	
	 #menu_kiji li.event a{
		display:block;
		width:6em;/*45px;*/
		font-weight:bold;
	}	
	 #menu_kiji li.gear a{
		display:block;
		width:6em;/*25px;*/
		font-weight:bold;
	}	
	
	#main-gnavi #navi #menu_SP{
		width: 88px;
		float: left;
		height: 30px;
	}
	
	#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{
		width: 44%;
		float: left;
		margin-left: 10px;
		margin-right: 18px;
		margin-bottom: 20px;
		height: 300px;
	
	}
	#main_left #magazine_main h1, 
	#main_left #magazine_main h2{
	text-align: left;
	margin: 1rem 1rem 1rem;
	padding-top:30px;
	}


}


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

@media only screen and (max-width: 548px){
	.pc{
		display: none;
	}
	
		
	#header_middle{
		margin-left: auto;
		margin-right: auto;
		padding-top:5px;
		padding-bottom:2px;
		text-align: center; position: relative;}
	
	#header_middle img{
		width: auto;
		
		
		height: 50px;
}
	
	#header {
		width:100%;
		height:60px;
		background: linear-gradient(to bottom,  #eae8e4 1%, #eae8e4 7%,#FFF 45%);
	
	}
	
	#header #head_left{
		width:100%;
		text-align:center;
		padding: 14px  0px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header #head_left img{
		width:200px;
		height:40px;
		padding-left: 30px;
	}
	
		
		
	
	.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;
	}
		
		
		
	#header #grobal_navi .main_navi ul{
		width:100%;
	}
	#header #grobal_navi .main_navi ul li{
		width:50px;
	}
	
	
	#header #grobal_navi li img{
		width:20%;
	}
	
	
	#grobal_navi{
		margin-top: 0px; margin-left: 0px;
		float: left;
		width:100%;
		text-align: left;
		height:50px;
	
	}
	
	
	#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: #c1bbad;
		font-size: 13px;
		font-weight: 600;
		margin-left: 10px;
		text-decoration:none;
	
	}
	
	#navi a:hover{
		color: #c1bbad;
		font-size: 13px;
		font-weight: 600;
		margin-left: 10px;
		text-decoration: none;
	
	}
	
	#main-gnavi #navi #menu_kiji{
		width: 76%;
		float: left;
		padding-left:2px;
		 overflow-x:auto;
		 display:block;
		 white-space:nowrap;
	
	}
	
	 #menu_kiji ul{
		 height:40px;
	}	
	 #menu_kiji li{
		display:                inline-block;
		padding:                8px 1px 0px 1px;
		font-size:				15px;
	
	}	
	/* #menu_kiji li.news a{
		display:                block;
		width:                 45px;
		font-weight:			bold;
	}	*/
	
	 #menu_kiji li.review a{
		display:                block;
		width:                 9em;/*40px;*/
		font-weight:			600;
	}	
	
	 #menu_kiji li.artist a{
		display:                block;
		width:                 6em;/*65px;*/
		font-weight:			600;
	}	
	
	 #menu_kiji li.lesson a{
		display:                block;
		width:                 4em;/*55px;*/
		font-weight:			600;
	}	
	 #menu_kiji li.event a{
		display:                block;
		width:                 4em;/*45px;*/
		font-weight:			600;
	}	
	 #menu_kiji li.gear a{
		display:                block;
		width:                 4em;/*25px;*/
		font-weight:			600;
	}	
	
	
	 #menu_kiji li.music a{
		display:                block;
		width:                 2em;/*25px;*/
		font-weight:			600;
	}	
	
	
	#main-gnavi #navi #menu_SP{
		max-width: 78px;
		width: 23%;
	
		float: left;
		height: 34px;
	}
	#main-gnavi #navi #menu_SP img{
		width: 100%;
		height: 34px;
	}
	
		#container{
		
		margin-top: 0px;
	
	}
	
	div #main_head
	{
	    float: left;
	    background-color:White;
	    width:100%
	
	}
	
	#head_flash
	{
	    margin: 0px 0;
	}
	
	
	
	
	
	.w_10,
	.w_20,
	.w_30,
	.w_40,
	.w_50,
	.w_60,
	.w_70,
	.w_80{
		width:100%;
	}
	
	/*==============================*/
	/*          検索エリア          */
	/*==============================*/
	#main_left #search_box{
		background: #d6d6d6;
		margin-left: 0px;
		width: 100%;
		margin-bottom: 30px;
	}
	
	/*--- 検索フォーム ---*/
	#search_box .search_form{
		padding-left: 0px; 
		padding-top: 10px;
		width: 100%;
	}
	
	/*--- 入力エリア ---*/
	#search_box .search_form p .search{
	    width: 220px;
	    height: 30px; /* border-box for IE6 */
	    padding: 5px;
	    margin-bottom: 5px;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}
	#search_box .search_logo{
		margin: 8px 5px 5px 0px;
		float: right;
	}
	/*--- 画像 ---*/
	#search_box .search_logo img{
		float: right;
		width: 50%;
	}
	
	#search_box .search_navi_left{
		color: #737373;
	    height: 38px;
		width: 100%;
		font-size: 12px;
	    line-height: 2.0;
		padding-left: 0px;
	
	}
	
	/*--- 検索ボタン ---*/
	#search_box .search_form p .searchsubmit{
		float: right;	
	    margin: 5px 0px 0px 0px;
		width: 70px;
		}
	
	#search_box .search_navi_right a{
		font-weight: bold;
		width: 100%;
	}
	
	#search_box .search_navi_right .searchType{
		width: 200px;
	}
	
	
	/*--- ナビエリア ---*/
	#search_box .search_navi_right{
	
		color: #737373;
		width: 220px;
	    height: 40px;
	    float: right;
	    font-size: 11px;
	    letter-spacing: 2px;
	    line-height: 3.5;
	    margin-top: 16px;
	}
	#search_box .search_navi_right a{
		font-weight: bold;
	}
	
	#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 #latest_news{
		margin:5px auto;
		width: 100%;
	}
	
	#main_left #feat_topics{
		margin:5px auto;
		width: 100%;
	}
	
	
	#main_left #content_wrapper{
		margin:5px auto;
		width: 100%;
	}
	
	#main_left #feat_topics #content_wrapper .review{
		width: 100%;
		float: left;
		margin:0px;
		height: 250px;
	
	}
	
	#main_left #feat_topics #content_wrapper .review h2{
		width: 95%;
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		text-align:justify;
		font-size:140%;
	}
	
	#main_left #feat_topics #content_wrapper .review img{
		width: 100%;
	}
	
	#main_left #feat_topics #content_wrapper .review #category_date img{
		margin:0px;
		width: 30%;
		float: left;
	}
	
	#main_left #feat_topics .ft_cont{
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		font-size:75%;
		line-height:160%;
	
	}
	
	
	#main_left #feat_topics .ft_title{
	
		height: 80px;
	
	}
	
	
	
	.ct_title img{
		width:600px;
	}
	
	
	/*==============================*/
	/*     Column Topics ＆記事一覧      */
	/*==============================*/
	
	
	#main_left #column_topics.top_column_topics {
		margin:1% ;
		width: 48%;
		height:100%;
	
	}
		#main_left #column_topics.top_column_topics  #ct_box{
		margin-top: 10px;
		width: 100%;
		line-height: 1.6em;
		float:right;
	
	}
	
	#main_left #column_topics.top_column_topics  #ct_box img{
		width: 100%;
	
	}
	/*--- 画像 ---*/
	#main_left #column_topics.top_column_topics .cl_img{
		margin:5px auto;
		width: 100%;
		margin-right:10px;
	
	}
	
	
	
	#main_left #column_topics {
		margin:1% 2%;
		width: 96%;
		height:100%;
	
	}
	
	
	/*--- タイトル ---*/
	#main_left #column_topics .ct_title{
		font-size: 13px;
		font-weight: 600;
		margin:0px 2px;
	}
	
	/*--- float用枠 ---*/
	#main_left #column_topics #ct_box{
		margin-top: 10px;
		width: 60%;
		line-height: 1.6em;
		float:right;
	
	}
	
	#main_left #column_topics #ct_box img{
		width: 30%;
	
	}
	/*--- ○○一覧 ---*/
	#column_topics .ct_comp{
		float: right;
		font-size: 9px;
	}
	
	
	/*--- 画像 ---*/
	#main_left #column_topics .cl_img{
		margin:5px auto;
		width: 35%;
		margin-right:10px;
	
	}
	
	#main_left #column_topics .cl_img img{
		margin:5px auto;
		width: 100%;
	}
	
	
	
	/*==============================*/
	/*     Topics Newsコーナー      */
	/*==============================*/
	
	
	/*--- 枠 ---*/
	#main_left #topics_news{
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#main_left #topics_news img{
		width: 100%;
	}
	
	/*--- レビュー欄 ---*/
	#main_left #topics_news #content_wrapper .news{
		width: 100%;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	
	
	/*--- 画像 ---*/
	.tn_topics .cl_img{
		float: left;
		vartical-align: top;
		margin: 10px 0px;
			width: 60%;
	 
	}
	
	 .tn_topics .kiji_label{
		margin-top: 85px;
		width: 100px;
		float: right;
	}
	
	#main_left #topics_news .kiji_label img{
		width: 60%;
	}
	
	#main_left #topics_news #content_wrapper .tn_index{
		width: 100%;
		float: left;
	}
	
	/*--- トピックス表示エリア ---*/
	#main_left #content_wrapper .tn_topics{
		font-size: 11px;
		line-height: 1.5em;
		float: left;
		width: 94%;
		height:auto;
	
	}
	
	/*--- トピックス見出し ---*/
	#main_left #topics_news #content_wrapper .tn_topics h2{
		margin-left: 0px;
		margin-right: 0px;
		float: left;
		font-size: 22px;
		font-weight: bold;
		padding-top: 2px;
		line-height: 1.4em;
		width: 100%;
	}
	
	
	/*--- ピックアップエリア  ---*/

	.article_list_middle_area .left{
	width: 100%;
	float: left;
	margin-left: 0%;
	
	}
	

	#main_left .article_list_middle_area .left #column_topics{
	width: 85%;
	height: 140px;
	
	}

	#main_left .article_list_middle_area .left #column_topics .cl_img{
	margin: 0;
	}

	.article_list_middle_area .right{
	width: 100%;
	float: right;
	padding-right: 0px;
	}
	.article_list_middle_area .right img{
	width: 100%;
	height: auto;
	
	}


	
	/*--- 広告バナー  ---*/
	 #content_wrapper .ADsmart{
		 text-align:center;
		 width:91%;
		 margin:2% auto;
		 overflow:hidden;
		 }
	.ADsmart .ADsmart-L img{
		float:left;
		width:48%;
		}
	.ADsmart .ADsmart-R img{
		float: right;
		width:48%;
		}
	
	
	
	/*============================================================================*/
	/*       MAGAZINEメイン         */
	/*============================================================================*/
	/*------- 幅・色設定 -------*/
	#main_left #magazine_main{
		background-color: #FFF;
		margin: 0;
		padding: 0;
	}
	
	/*------- メイン画像設定 -------*/
	#main_left #main_img img{
		background-color: #000;
		width:100%;
		margin: 0;

	}
	/*------- テンプレ画像設定 -------*/
	#main_left #magazine_main #sub_main_img{
		margin: 0px ;
		}
		#main_left #magazine_main #sub_main_img img{
		margin: 0px ;
		width:100%;
	}
	/*------- 本文内画像設定 -------*/
	#main_left #magazine_main img{
		margin: 10px 5px 20px 5px;
		width:100%;
	}
	
	#main_left #magazine_main div img{
		margin: 10px 0px 20px;
	
		}
	#main_left #magazine_main #magazine_Pspace p img{
	margin: 0;	
	}
	
		
	/*------- 本文内画像左設定 -------*/
	#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;
	}
	
	
	/*------- 本文設定 -------*/
	
	#main_left #magazine_main h1{
		text-align: left;
		margin: 0px 10px 10px 10px;
		line-height: 135%;
	}
	
	#main_left #magazine_main h2{
		text-align: left;
		margin: 20px 10px 25px 10px;
		font-size:18px;
		font-weight: bold;
	}
	
	.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: left;
		margin: 20px 0px 25px 0px;
		padding: 20px 4% 20px ;
		border-bottom: 1px solid #999999;
		background-color:#000000;
		color: #ffa500;
		font-size:120%;
		line-height: 180%;
		font-weight: 600;
		width: 100%;
	}
		
		
		
	/*==============================*/
	/*     関連アーティスト         */
	/*==============================*/
	/*------- 幅・色設定 -------*/
	#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;

		
	}
	#main_left #main_img,
	#magazine_main_left #main_img {
		width: 100%;
		background-color: #fff;
	}
	
	#magazine_main_left #main_img img{
		width: 100%;
	}
	
	#magazine_main{
		width: 100%;
		margin:0px 5px;
	}
	
	#magazine_main h1{
		text-align: justify;
		line-height: 160%;
		padding: 5px;
		margin-top:15px;
		font-size:20px;
		font-weight: bold;
	}
	
	#magazine_main p{
		text-align: justify;
		line-height: 200%;
		margin-top:15px;
		font-size:15px;
		font-weight: bold;
	}
	
	#magazine_main_full{
		background-color: #eeeeee;
		width:100%;
		margin: 0;
		padding: 0;
	}
	
	#magazine_main_full p{
		line-height: 180%;
		padding: 5px 15px;
		font-size:100%;
	
	}
	
	#magazine_main_full img{
		width: 100%;
	
	}
	
	#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;
	}
	
	/*--- left 記事---*/
	#content_wrapper{
		float: none;
		width:100%;
		overflow:hidden;
		} 
	
	.articleText dl{
		margin-top:10px;
		font-size:11px;
		line-height:1.5em;
	}
	.komidashi{
		clear:both;
		}
		
	article img{
		float:left;
		margin:15px;
		width:35%;
	}
	
	/*--- column_topics topics_news ---*/
	
	.article_column_topics  {
		width:95%;
		height: auto;
		margin:3px auto;
		float: none;
	}
	.article_column_topics h3{
		font-size: 15.5px;
	}
	.article_topics_news  {
		width:95%;
		height: auto;
		margin:3px auto;
		float: none;
	}
	.article_topics_news h3{
		font-size: 15.5px;
	}
	
	
	/*--- feat_topics ---*/
	
	.article_feature_topics {
		width: 95%;
		margin:3px auto;
		height:auto;
		float: none;
	}
	.article_feature_topics h3{
		font-size: 15.5px;
		font-weight: bold;
	}
	.article_feature_topics .komidashi{
		clear:both;
		}
	.article_feature_topics img{
		height:auto;
		width:35%;
		margin-right:15px;
		margin-bottom:10px;
		}
	
	
	
	.contentslist_header{
	height: 250px;
	}

	.article_list_top_ba{
	width: 100%;
	margin-bottom: 0px;
	}
	.article_list_bottom_ba{
	width: 100%;
	margin: 80px 0 50px;
	}
	.article_list_top_ba img,
	.article_list_bottom_ba img{
	width: 100%;
	height: auto;
	}

	#article_list{
	padding: 2%;
	}
	#article_list h1 span{
	font-size: 1.1rem;
	font-weight: 200;
	margin-left: 10px;
	}

	.article_list_top_area{
	padding: 0px;
	padding-top: 25px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 50px;
	color: #CCC;
	}
	.article_list_top_area img{
	
	width: 100%;
	}

	article_list_top_area
	.article_list_middle_area .left{
	width: 100%;
	float: left;
	margin-left: 1%;
	
	}

	#main_left .article_list_middle_area .left #column_topics{
	width: 100%;
	height: 80px;
	
	}

	#main_left .article_list_middle_area .left #column_topics .cl_img{
	margin: 0;
	}

	.article_list_middle_area .right{
	width: 100%;
	float: right;
	
	}
	.article_list_middle_area .right img{
	width: 100%;
	height: auto;
	
	}

	
	/*==============================*/
	/*     takarajima関連
	/*==============================*/
	
	
	#magazine_main_full #tk{
		width: 100%;
	}
	
	 #takarajimamovie1{
		padding-top: 60px; 
		float: right; 
		width: 320px;
		height:220px;
		}
			
		
		 #takarajima_bg1{
		background-image: url("../../../im.html?f=takarajima_bg1.jpg&w=&h=&id=229&c=t_magazine_sub1&md=");
	 	background-size: 270%;
		background-repeat: no-repeat; 
		}
		
		
		#magazine_main_full #tk #text1{
	float: left; 
	padding-top: 20px; 
	padding-left:0px; 
		width: 100%;
		}
		
		#magazine_main_full #tk2{
		width: 100%;
	}
	
		 #takarajima_bg2{
		background-image: url("../../../im.html?f=takarajima_bg3.jpg&w=&h") ;
		background-repeat: no-repeat; 
		background-size: 100%;
		}
		
		
	 #takarajimamovie2{
		margin-top: 40px; 
		width: 200px;
		float: right; 
		width: 360px;
		}
	
	#magazine_main_full #tk2 #text2{
		float: left; 
		padding-top: 20px; 
		padding-left: 0px;
		width: 100%;
		}
		
		#magazine_main_full #tk3{
		width: 100%;
		margin-top: 40px; 
	
	}
	
	#magazine_main_full #tk3 #text3{
		float: left; 
		padding-top: 20px; 
		padding-left: 0px;
		width: 100%;
		}
	
	
	#magazine_main_full #navi_Takarajima ul{
		margin: 20px;
		width: 100%;
	}
	
	#magazine_main_full #navi_Takarajima li{
		display: block;
		float: left;
	
	}
	#magazine_main_full #takarajima{
		margin: 60px 0px 100px 10px;
		padding: 20px;
		width: 100%;
		background-color: #111;
		font-size: 16px;
		}
	
	#magazine_main_full #takarajima ul{
		margin-top: 20px;  
		width: 320px; 
		display:block; 
		color:#FFF;
		list-style-type: none;
		
		}
		
		#magazine_main_full #takarajima li{
		padding: 20px 0px 20px 0px;
		display: block;
		margin-top: 20px;
		}
		
	
	
	/******************************************************************
		マガジン インタビューページ 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%;
	}
	
	
	
	/**********************************************************************************************************************
		メイン右側
	***********************************************************************************************************************/
	#main #main_right{
		width: 100%;
		max-width: 100%;
		float: right;
		margin-right: 0px;
		background-color: #FFFFFF;
	}
	
	#main_right .topics{
		width: 100%;
		max-width: 100%;
		padding: 15%;
	}
	
	#main_right .topics .tp_title img{
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
	
	}
	
	#main_right #vote{
		background: #4e4c4d;
		width: 100%;
		max-width: 100%;
	
	}
	
	/*==============================*/
	/*        バナーエリア          */
	/*==============================*/
	#main_right #right_banner{
		width: 100%;
		background: #FFF;
	}
	
	#main_right #right_banner img{
		width: 100%;
	}
	#main_right #sax{
		width: 100%;
	}
	
	/*==============================*/
	/*            Vote              */
	/*==============================*/
	#main_right #vote{
		background: #4e4c4d;
		width: 100%;
		height: 100px;
		padding-top: 10px;
		margin: 0;
		border-bottom: 3px solid #000000;
	}
	
	/*--- vote コンテンツ ---*/
	#vote .vote_cnt {
		background: url(../images/votebox.gif) repeat scroll 0 0 transparent;
		width: 100%;
		background-size:cover;
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 14px;
		float: left;
		max-width: 100%;
	}
	
	#vote #vote_sml{
		margin: 20px;
		padding: 10px;
		margin-top: 10px;
		padding-top: 10px;
		float: left;
	}
	
	#main #main_right #vote #vote_sml a:hover{
			color: #FFF;
	}
	
	#vote p{
		padding: 5px 0px 0px 10px;
	}
	
	
	
	/*==============================*/
	/*           PICKUP             */
	/*==============================*/
	#main_right #pickup{
		background:#fff ;
		width: 100%;
		height: 300px;
		padding-top: 20px;
			float:left;
		overflow-x:scroll;
	}
	
	#main_right #pickup .pickup_box_area{
		width: 3100px;

	}
	#main_right #week_event{
		background: #6b6b6b;
		width: 100%;
		padding-top: 15px;
	}
	
	#pickup .pickup_box{
			padding-top: 5px;
			height:150px;
			width: 300px;
			float:left;
			margin: 5px;
		border-top: 0px;
	}
	
	#pickup .pickup_box_img{
		width: 100%;
		float:left;
	
	}
	
	#pickup .pickup_box_img img{
			width: 100%;
	
	}
	
	#pickup .pickup_box .pickup_box_text {
		font-size: 14px;
		width: 100%;
		float:right;
	
		
	}
	
	#pickup .pickup_box .pickup_box_text h4{
		font-size: 14px;
	
		font-weight: 800;
		padding-top: 5px;
	}
	
	
	#pickup .pickup_box .pu_category{
		color: #6F6D68;
		font-size: 12px;
		font-family: 'impact', 'arial', sans-serif;
		float: left;
	}
	/*--- 広告---*/
	#ADspTop{
		margin:5px 0px;
		}
	
	/*==============================*/
	/*          広告表示            */
	/*==============================*/
	#main_right #analog{
		background: #000000;
		width: 100%;
		color: #a09e9f;
		padding-top: 20px; padding-bottom: 30px;
	}
	
	
	
	#facebook_plugin{
		width: 100%;
	}
	
	
	/*==============================*/
	/*  バナー表示コーナー  */
	/*==============================*/
	 .AD_b{
		background: #080403;
		padding: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 20px;
		width: 98%;
	
		color: #CCC;
	}
	
	 .AD_b img{
		width: 100%;
	}
	
	.smart img{
		width:100%;
		}
	
	/*--- footer---*/
	
	#footer_top{
	padding: 20px 0 5px;
		background-color:#f7f7f7;
		text-align: left;

	}

	#footer_top img{
		width: 80px;
		text-align: left;

	}

	#footer_top  .go_p_top{
		text-align: right;
		float: right;
		width: 100px;
	}
	
	#footer{
		background: #000000;
		margin: 0;
		min-height: 650px;
		padding: 0 ;
		background-image: url("../images/re/bg_recorder.jpg") ;
		background-repeat: no-repeat;  
		background-position: 35% 0%;
		position: relative;
	}
	#footer_bg{
		background: #000000;
		margin: 0;
		min-height: 650px;
		background-color:rgba(1,1,1,0.6);
		background-blend-mode:lighten;
	}

	#footer #f_menu_tbl{
		color: #b3b3b3;
		margin-left: 5px;
		width:100%;
		padding-top: 0px;

		overflow-x: scroll;
	}

	#footer #f_menu_tbl ul{
		margin-top: 0px;
		width: 750px;
		text-align: left;
	}

	#footer #f_menu_tbl li{
		display: inline;
		border-left: 1px solid #b3b3b3;
		padding: 10px;
		font-family: 'tahoma', 'arial', sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 20px;
		vertical-align: bottom;
	}

	#footer .f_menu_area{
		text-align: left;
		width: 95%;
		margin: 40px auto 20px;

	}
	#footer .f_menu_area .side_area_info {
		display: none;

	}


	#footer .f_menu1{
		float: left;
		text-align: center;
		border-right: 0px solid #979695;
		width: 100%;
		padding: 0 20px;
		height: 150px;
		color: #b3b3b3;

	}
	#footer .f_menu1:last-child{

		border-right: 0px solid #979695;


	}
	#footer .f_menu1.footer_sns .logo {
			margin: 15px 0 0;

	}

		#footer .f_menu1 h3{
		padding: 10px 0px 2px 15px;
		float: left;
		width: 62%;
		text-align: left;
	}
	#footer .f_menu1 ul{
		padding: 10px 0px 2px 15px;
		float: left;
		width: 68%;
		text-align: left;
	}

	#footer .f_menu1.footer_sns ul{
		padding: 10px 0px 2px 7px;
		float: right;
		width: 75%;
		text-align: left;
	}




	#footer .f_menu1.footer_sns li.fb,
	#footer .f_menu1.footer_sns li.yt,
	#footer .f_menu1.footer_sns li.tw{
		padding: 15px;
		display: inline;
		font-size: 30px;
		color: #979695;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin: 5px;
		background-color: aliceblue;
	}

	#footer .f_menu1.footer_sns .logo .re{
		width: 50px;

	}
	#footer .f_menu1.footer_sns .logo img{
		max-width: 60px;
		height: 60px;
		border-radius: 50%;
		overflow-y: hidden;
		background-position: 50% 20%;	
		margin: 0;	

	}

	#footer .f_menu1 .footer_login_btn{
		border: 1px solid #979695;
		padding: 15px 10px;
		margin: 10px auto;
		width: 45%;
		float: none;
		text-align: center;
		color: #FFF;

	}

	#footer .f_menu1 .footer_login_btn:hover{
		background-color: #FFF;
		color: #636365;
		border: 1px solid #111;

	}

	#footer .f_menu1 .tp_title {
		width: 100px;
		float: left;
	}
	#footer .f_menu1 .tp_title img{
		width: 100px;
	}


	#footer .f_menu_bottom{
		width: 100%;
		color: #636365;
		font-weight: bold;
		text-align: left;
		position: absolute;
		bottom: 0;
		background-color: #000;
	}

	#footer .f_menu_bottom #corp_logo{
		float: right;
	}

	#footer .f_menu2{
		text-align: left;
	}

	#footer .f_menu2 ul{
		padding: 10px 0px 2px 7px;

	}

	#footer .f_menu2 li{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-left: 1px solid #636365;
		font-weight: bold;
		font-size: 9px;
		color: #636365;
	}
	
	/*--- マガジンリスト表示 ---*/
	#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;
	}
	
.tag_area{
	float: right;
    }

.tag_box_area{
	float: left;
	width: 100%;
    }

.tag{

    }

.tag_box_area .tag a.tagbtn{
	padding: 5px 8px;
	background-color: #d7d4d0;
	font-size: 8px;
	color: #FFF;
	border-radius: 10px;
	width: 100%;
	margin: 2px;
	}


#mddNav .mddWrap .mddInner > div span.tag{
	margin: 2px;
    padding: 5px 8px;
	background-color: #d7d4d0;
	font-size: 8px;
	color: #FFF;
	border-radius: 10px;
	width: auto;
    display: inline-block;
    }

.tag_box .tag a:link{
	font-size: 9px;
	color: #FFF;
    }

.contentslist_header{
	height: 250px;
    }

.article_list_top_ba{
	width: 100%;
	margin-bottom: 0px;
    }
.article_list_bottom_ba{
	width: 100%;
	margin: 80px 0 50px;
    }
.article_list_top_ba img,
.article_list_bottom_ba img{
	width: 100%;
	height: auto;
    }

#article_list{
	padding: 2%;
    }
#article_list h1 span{
	font-size: 1.1rem;
	font-weight: 200;
	margin-left: 10px;
    }

.article_list_top_area{
	background-color: #f0efee;
	padding: 10px;
	padding-top: 25px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 50px;
	color: #CCC;
    }

.article_list_top_area .left{
width: 25%;
float: left;
	margin-left: 8%;
	
    }

#main_left .article_list_top_area .left #column_topics{
	width: 85%;
	height: 140px;
	
    }

#main_left .article_list_top_area .left #column_topics .cl_img{
	margin: 0;
    }

.article_list_top_area .right{
width: 60%;
float: right;
	
    }
.article_list_top_area .right img{
width: 100%;
height: auto;
	
    }



#magazine_main .follow_menu ul{
 	float: left;
	 margin-left: 10px;
	width: 100%;
	 display: flex;
	flex-wrap: wrap;
	 
    }

#magazine_main .follow_menu ul li{
 	padding:10px 20px;
	 font-size: 20px;
    }


#magazine_main .follow_area #info99 ul.follow_tag_menu{
	width: 1400px;
 	padding:1rem;
	float: left;
	margin-bottom: 40px;	
    background-color: #f1f0e8;
    }

    
#magazine_main .follow_area ul.follow_tag_menu li{
	font-size: 1.0rem;
 	padding:5px 5px 0;
	width: auto;	
	display: inline-block;	
    margin: 0.5rem

    }


#magazine_main .follow_area{
	width: 100%;
	height: 100%;
	margin: 0;

    }
#main_left #magazine_main .follow_area h1{
	font-size: 1.4rem;
	margin: 10px 10px 0;
	width: 100%;	

	
    }

	.check_btn_area{
	width: 100%;	
	height: 100%;
	padding: 10px 0px;
    }
    .check_btn_area h3{
	font-size: 1.2rem;
	padding: 0;
	margin: 10px 0 0;

    }
    #magazine_main .follow_area #info99 .check_btn_bar {
	width: 100%;
    overflow-x: scroll;

    }
      
.check_btn_box{
	width: 100%;	
	display: flex;
	flex-wrap: wrap;
	
    }

#magazine_main #info99 .check_btn_box h3{
	font-size: 1.2rem;
	margin: 10px 10px 0;
	width: 100%;	

	
    }
#info99 .check_btn_box .tag {
	width: auto;	
	font-size: 1rem;
	padding: 20px 10px 0;
	color: #707070;
	
    }




.myfollow_tag_area .btn_send{
	margin: 10px;
	width: 180px;
	float: right;
	overflow: hidden;
    }
.myfollow_tag_area .btn_send input[type="img"]{
	width: 100%;
    }

	.myfollow_area{
	float: left;
	width: 87%;
	margin-left: 3%;

    }

	.follow{
	background-color:#FFF;
	padding: 10px 5px 40px 0px;
	margin-top: 0px;
	margin-right: 0px;
		
	width: 100%;
	float: left;

    }


	.follow ul {
	background-color:#FFF;
	padding: 10px;
	margin-top: 0px;
	margin-right: 10px;
	width: 100%;

    }

	.follow li{
	width: 32%;
	margin-top: 30px;
	margin-right: 1%;	
	min-height: 60px;
	display: inline-block;
		

    }
	.follow li .part_left{
	width: 40%;
		float: left;
    }
	.follow li .part_left img{
	width: 100%;

    }

	.follow li .part_right{
		width: 58%;
		float: right;
		font-size: 10px;
		margin-left: 2%;

    }
	.follow li .part_right img.category_label{
	width: 60px;
    }
	.follow li .part_right img.logo{
	width: 12px;
    }
	.follow li .part_right h3{
	margin: 0px 3px;
	padding: 0;
	font-size: 14px;	
	margin-top: 8px;

    }
	.follow li .part_right .right_icon{
	float: right;
    }

}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 768→ PC　表示
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen  and (min-width:768px){
	.smart, .sp{
		display: none;
	}
		
	
	#main-gnavi #navi #menu_kiji{
		width:1100px;
		 margin: 0px auto;
	
	}
	
	#magazine_main_left{
		width: 79%;
		height: auto;
		margin:0px auto;
		overflow:hidden;
		float:left;
		max-width: 790px;
	}
	
	 #magazine_main_left p{
		text-align: left;
		line-height: 200%;
		padding: 10px;
		font-size:15px;
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
	#imgL_textR{
		width: 100%;
		height: auto;
		margin:0px auto;
		float:left;
		max-width: 1100px;
	}
	
	#img_left{
		width: 100%;
		height: auto;
		margin:0px auto;
		float:left;
		margin-left:40px;
		max-width: 240px;
	
	}
	
	 #img_left img{
		height: auto;
		width:inherit; 
	}
	
	#main_left #magazine_main #img_left img{
		height: auto;
		width:inherit; 
		margin:0px ;
	}
	
	 #main_left #magazine_main #img_left a img{
		margin:0px ;
	}
	
	#text_right600{
		width: 60%;
		height: auto;
		margin:0px auto;
		float:right;
		max-width: 550px;
		margin-right:30px;
	}
	
	/*------- 特集画像設定 -------*/
	
	#main_left #feat_topics .review img{
		width: 220px;
	}
	
	#main_left #feat_topics #category_date img{
		width: 60px;
	}

}





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

@media only screen and (min-width:768px) and (max-width:1280px)
    and (orientation:landscape) {
	.smart, .sp{
		display: none;
	}
	
	nav a{
		font-size:9px;
		letter-spacing:0pt;
		height: auto;
	}
	#people {
		position:absolute;
		height: auto;
		top:260px;
		display:block;
		z-index:999;
		width:690px;
	}
	#main-gnavi #navi #menu_SP{
		width: 88px;
		float: left;
		height: 30px;
	}
	
	
	
	/*--- 特集欄 ---*/
	#main_left #feat_topics #content_wrapper .review{
		width: 44%;
		float: left;
		margin-left: 20px;
		margin-right: 20px;
		
	}
	
	
	
	/*--- コラムタイトル ---*/
	#column_topics .ct_title{
		font-size: 15px;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	
	/*--- トピックス表示エリア ---*/
	#main_left #content_wrapper .tn_topics{
		font-size: 11px;
		line-height: 1.5em;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 30%;
		height:360px;
	}
	
	/*--- 画像 ---*/
	.tn_topics .cl_img{
		float: left;
		margin: 10px 0px 0px 0px;
		vartical-align: top;
	}
	
	
	/*--- トピックス見出し ---*/
	#main_left .tn_topics h2{
		margin-left: 10px;
		margin-right: 10px;
		font-size: 14px;
		font-weight: bold;
		padding-top: 2px;
		line-height: 1.4em;
	
	}
	
	/*------- 特集画像設定 -------*/
	
	#main_left #feat_topics .review img{
		width: 220px;
	}
	#main_left #feat_topics #category_date img{
		width: 60px;
	}
	#header {
		width:100%
	}

	#footer #f_menu_tbl{
		color: #b3b3b3;
		margin-left: 5px;
	}

	#footer #f_menu_tbl ul{
		width:100%;
		margin-top: 15px;
	}

	#footer #f_menu_tbl li{
		display: inline;
		border-left: 2px solid #b3b3b3;
		padding-right: 40px; padding-left: 10px;
		font-family: 'tahoma', 'arial', sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 30px;
		vertical-align: bottom;
	}

	#footer .f_menu_area{
		text-align: left;
		width: 100%;
		margin: 120px auto 40px;

	}


	#footer .f_menu1{
		float: left;
		text-align: left;
		border-right: 2px solid #979695;
		width: 33%;
		padding: 0 20px;
		height: 150px;
		color: #b3b3b3;

	}
	#footer .f_menu1:last-child{

		border-right: 0px solid #979695;


	}
	#footer .f_menu1.footer_sns .logo {
			margin: 15px 0 0;

	}

	#footer .f_menu1 ul{
		padding: 10px 0px 2px 7px;
		float: right;
		width: 64%;
		text-align: left;
	}

	#footer .f_menu1.footer_sns ul{
		padding: 10px 0px 2px 7px;
		float: right;
		width: 100%;
		text-align: left;
	}

	#footer .f_menu1.footer_sns li.sx{
		display: none;

	}


	#footer .f_menu1.footer_sns li.fb,
	#footer .f_menu1.footer_sns li.yt,
	#footer .f_menu1.footer_sns li.tw{
		padding: 15px;
		display: inline;
		font-size: 30px;
		color: #979695;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin: 5px;
		background-color: aliceblue;
	}

	#footer .f_menu1.footer_sns .logo .sx{
			display: none;

	}
	#footer .f_menu1.footer_sns .logo img{
		max-width: 60px;
		height: 60px;
		border-radius: 50%;
		overflow-y: hidden;
		background-position: 50% 20%;	
		margin: 0;	

	}

	#footer .f_menu1 .footer_login_btn{
		border: 1px solid #979695;
		padding: 15px 10px;
		margin: 10px 10px 0 0;
		width: 45%;
		float: left;
		text-align: center;
		color: #FFF;

	}

	#footer .f_menu1 .footer_login_btn:hover{
		background-color: #FFF;
		color: #636365;
		border: 1px solid #111;


	}

	#footer .f_menu1 .tp_title {
		width: 100px;
		float: left;
	}
	#footer .f_menu1 .tp_title img{
		width: 100px;
	}


	#footer .f_menu_bottom{
		width: 100%;
		color: #636365;
		font-weight: bold;
		text-align: left;
		position: absolute;
		bottom: 0;
		background-color: #000;
	}

	#footer .f_menu_bottom #corp_logo{
		float: right;
	}

	#footer .f_menu2{
		text-align: left;
	}

	#footer .f_menu2 ul{
		padding: 10px 0px 2px 7px;

	}

	#footer .f_menu2 li{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-left: 1px solid #636365;
		font-weight: bold;
		font-size: 9px;
		color: #636365;
	}


}




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

@media only screen and (min-width:767px) and (max-width:1024px)
    and (orientation:portrait){
	
	.tabletP{
		display: none;
	}
	
	.tablet{
		display:block;
	}
	
	#main #main_left{
		background: #ffffff;
		float: left;
		width: 100%;
		margin-left: 0px;
		text-align: justify;
	}
	
	
	#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;
		}	
		
	/*==============================*/
	/*    Feature_topicsコーナー    */
	/*==============================*/
	#main_left .topics_logo{
	}
	/*--- 枠 ---*/
	#main_left #feat_topics{
		margin-top: 25px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		width: 100%;
		margin-right: 0px;
	}
	
	/*--- 特集欄 ---*/
	#main_left #feat_topics #content_wrapper .review{
		width: 44%;
		float: left;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	/*--- ギア欄 ---*/
	#main_left #feat_topics #content_wrapper .gear{
		width: 200px;
		float: right;
		margin-left: 10px; margin-right: 10px;
	}
	
	/*--- タイトル ---*/
	#main_left #feat_topics h2{
		margin-left: 5px;
		margin-right: 5px;
		color: #737373;
		font-size: 18px;
		line-height: 1.4em;
	}
	
	/*--- コンテンツ ---*/
	#main_left #feat_topics .ft_cont{
		color: #737373;
		line-height: 1.8em;
	}
		
	#main_left #feat_topics .ft_title{
		width: 98%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		}
	
	/*==============================*/
	/*     Column Topics ＆記事一覧      */
	/*==============================*/
	
	
	#main_left #column_topics {
		margin:20px auto;
		width: 100%;
		height:150px;
	
	}
	
	
	/*--- タイトル ---*/
	#main_left #column_topics .ct_title{
		font-size: 1.2em;
		font-weight: bold;
		margin:5px 2px;
	}
	
	/*--- float用枠 ---*/
	#main_left #column_topics #ct_box{
		margin-top: 10px;
		width: 56%;
		line-height: 1.6em;
		float:right;
		margin-right: 10px;
	
	}
	
	#main_left #column_topics #ct_box img{
		width: 20%;
	
	}
	/*--- ○○一覧 ---*/
	#column_topics .ct_comp{
		float: right;
		font-size: 9px;
	}
	
	
	/*--- 画像 ---*/
	#main_left #column_topics .cl_img{
		margin:5px auto;
		width: 35%;
		margin-right:10px;
	
	}
	
	#main_left #column_topics .cl_img img{
		margin:5px auto;
		width: 100%;
	}
	
	
	/*==============================*/
	/*     Topics Newsコーナー      */
	/*==============================*/
	
	
	/*--- 枠 ---*/
	#main_left #topics_news{
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	
	/*--- レビュー欄 ---*/
	#main_left #topics_news #content_wrapper .news{
		width: 45%;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	/*--- トピックス表示エリア ---*/
	#main_left #content_wrapper .tn_topics{
		font-size: 11px;
		line-height: 1.5em;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 30%;
		height:300px;
	}
			
	/*--- 画像 ---*/
	.tn_topics .cl_img{
		float: left;
		margin: 10px 0px 10px 0px;
		vartical-align: top;
			width: 100%;
	
	}
	
	#main_left #content_wrapper .tn_topics img{
	
		width: 100%;
	}
	#main_left #content_wrapper .tn_topics .kiji_label img{
	
		width: 30%;
	}
	
	
	
	/*------- 本文内画像設定 -------*/
	#main_left #magazine_main img{
		margin: 10px 20px 20px 0px;
	}
	
	#main_left #magazine_main #frame{
		margin: 10px 50px 40px 50px;
		width:80%;
	}
	
	#magazine_main_left #main_img{
		width:100%;
	}
	
	#magazine_main_left {
		float: left;
		width:100%;
	}
		
		

	#footer{
		background: #000000;
		margin: 0;
		min-height: 500px;
		padding: 0 ;
		background-image: url("../images/sx/lesson/bg_saxtop.jpg") ;
		background-repeat: no-repeat;  
		background-position: 75% 0%;
		position: relative;
	}
		
		#footer #f_menu_tbl{
		color: #b3b3b3;
		margin-left: 5px;
		width:100%;
		padding-top: 0px;

		overflow-x: scroll;
	}

	#footer #f_menu_tbl ul{
		margin-top: 0px;
		width: 750px;
		text-align: left;
	}

	#footer #f_menu_tbl li{
		display: inline;
		border-left: 1px solid #b3b3b3;
		padding: 10px;
		font-family: 'tahoma', 'arial', sans-serif;
		font-size: 14px;
		font-weight: bold;
		height: 20px;
		vertical-align: bottom;
	}

	#footer .f_menu_area{
		text-align: left;
		width: 95%;
		margin: 40px auto 20px;

	}
	#footer .f_menu_area .side_area_info {
		display: none;

	}


	#footer .f_menu1{
		float: left;
		text-align: center;
		border-right: 0px solid #979695;
		width: 50%;
		padding: 0 20px;
		height: 150px;
		color: #b3b3b3;

	}
	#footer .f_menu1:last-child{

		border-right: 0px solid #979695;


	}
	#footer .f_menu1.footer_sns .logo {
			margin: 15px 0 0;

	}

	#footer .f_menu1 ul{
		padding: 10px 0px 2px 7px;
		float: right;
		width: 68%;
		text-align: left;
	}

	#footer .f_menu1.footer_sns ul{
		padding: 10px 0px 2px 7px;
		float: right;
		width: 100%;
		text-align: left;
	}

	#footer .f_menu1.footer_sns li.sx{
		display: none;

	}


	#footer .f_menu1.footer_sns li.fb,
	#footer .f_menu1.footer_sns li.yt,
	#footer .f_menu1.footer_sns li.tw{
		padding: 15px;
		display: inline;
		font-size: 30px;
		color: #979695;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin: 5px;
		background-color: aliceblue;
	}

	#footer .f_menu1.footer_sns .logo .sx{
			display: none;

	}
	#footer .f_menu1.footer_sns .logo img{
		max-width: 60px;
		height: 60px;
		border-radius: 50%;
		overflow-y: hidden;
		background-position: 50% 20%;	
		margin: 0;	

	}

	#footer .f_menu1 .footer_login_btn{
		border: 1px solid #979695;
		padding: 15px 10px;
		margin: 10px 10px 0 0;
		width: 45%;
		float: left;
		text-align: center;
		color: #FFF;

	}

	#footer .f_menu1 .footer_login_btn:hover{
		background-color: #FFF;
		color: #636365;
		border: 1px solid #111;

	}

	#footer .f_menu1 .tp_title {
		width: 100px;
		float: left;
	}
	#footer .f_menu1 .tp_title img{
		width: 100px;
	}


	#footer .f_menu_bottom{
		width: 100%;
		color: #636365;
		font-weight: bold;
		text-align: left;
		position: absolute;
		bottom: 0;
		background-color: #000;
	}

	#footer .f_menu_bottom #corp_logo{
		float: right;
	}

	#footer .f_menu2{
		text-align: left;
	}

	#footer .f_menu2 ul{
		padding: 10px 0px 2px 7px;

	}

	#footer .f_menu2 li{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-left: 1px solid #636365;
		font-weight: bold;
		font-size: 9px;
		color: #636365;
	}
	

}