@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++
RECORDER user_recorder_portal.css
CSS Document

リンク
全体
ヘッダー
ログインボックス
グローバルナビ
メイン
テーブル関係　追加
各コンテンツ右端コラム
RSSアイコン
MAGAZINEメイン
スペックテーブル
関連アーティスト
ページ部分設定
マガジン インタビューページ 2コラム
マガジン 関連記事
artist index box
shop
lesson
live_studio
music
gear
event
event details 
artist_page 
artist_discograpy
検索エリア
LatestNewsコーナー
Feature_topicsコーナー
バナー表示コーナー
Topics Newsコーナー
+++++++++++++++++++++++++++++++++++++++++++*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

html{
	overflow-y:scroll;
}

body {
	margin: 0px;
	text-align: center;
	font-size: small;
	background-color: #f7f7f7;
	font-family: 'Lucida Grande','helvetica', 
	YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 	
	'ヒラギノ角ゴ Pro W3','arial', sans-serif;
	line-height: 1.4;
}

p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding:0;
	margin:0;
}

/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/

a:link {
	color: #878573;
}

a,a:visited {
	color:#878573;
	text-decoration:none;
}

a:hover {
	color: #FF9900;
	text-decoration: none;
}

a img {
		border:none;
	    -webkit-transition: 0.4s ease-in-out;
	       -moz-transition: 0.4s ease-in-out;
	         -o-transition: 0.4s ease-in-out;
	            transition: 0.4s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

.clear hr{
	display:none;
}

/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/

#wrapper{
	text-align: center;
	width: 100%;
	margin: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/

#header{
	text-align: right;
	width: 100%;
	margin: 0 auto;
	max-width:1200px;
	height: 130px;
	background-color: #FFF;	
}

#header ul{
	padding: 6px 0px 0px 0px;
}


#header li{
	display:inline;
	padding:0px 25px 0px 8px;
	white-space:nowrap;
	font-weight:bold;
	font-size:11px;
}

#head_left{
	float: left;
	width: 400px;
	padding: 6px 2px 0px 0px;
}

#head_right{
	float: right;
	width: 45%;
	max-width: 540px;
	font-align: left;
}

#head_right li{
	display:inline;
	padding:0px 5px 0px 5px;
	white-space:nowrap;
	font-weight:bold;
	font-size:11px;
}

/*==============================*/
/*      ログインボックス        */
/*==============================*/

#head_right_login_cnt{
	float: right;
	width: 55%;
	max-width: 540px;
	height: 50px;
	padding-top: 6px;
	font-size: 12px;
	text-align: right;
}

#login_field {
	float: left;
	width: 280px;
	margin-top: 8px;
}

#login_field p{
	margin-top:0px;
	font-size:11px;
}

#login_btn ul{
	float: right;
	width: 250px;
}

/*--- ボタン画像 ---*/
#login_btn li{
	padding:0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#login_btn img{
	padding:0px;
	margin:0px;
	margin-bottom: 0px;
	height:35px;
}

/*--- 右寄せ用（ログイン中） ---*/
.right_al{
	float: right;
	color: #e9953d;
}

/*--- フォーム ---*/
#login_btn form{
	margin-left: 5px;
}

/*--- フォーム（インプット） ---*/
#login_btn ul input{
	margin-bottom: 0px;
	width: 150px;
}

/*--- フォーム（インプット） ---*/
#login_btn .login_cnt form .id_box_mid{
	vertical-align:middle;
}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ
+++++++++++++++++++++++++++++++++++++++++++*/

#grobal_navi{
	margin-top: 0px; margin-left: 0px;
	float: left;
	width:100%;
	text-align: left;
}

#grobal_navi .main_navi{
	color: #585757;
	font-family: 'impact', 'arial-black', sans-serif;
}

#grobal_navi .main_navi ul li{
	font-size: 24px;
	margin: 0;
	border-left: none;
}

#header #grobal_navi .main_navi li img{
	height:35px;
}

#navi{
	background: url(../images/user_navi_bg_sax.gif);
	background-repeat: repeat-x;
	text-align: justify;
	padding: 0;
	height: 40px;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top:6px;
	width: 100%;
	z-index:11111;
}

#navi a{
	color: #c2b281;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	text-decoration:none;
}

#navi a:hover{
	color: #E4DAC3;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
}

#main-gnavi #navi #menu_kiji {
	margin: 0px auto;
	width: 100%;
	max-width: 1200px;
}

#menu_kiji li{
	display: inline-block;
	padding: 0px 1px 0px 1px;
}	

#top_mainspace{	
	margin-bottom: 50px;
}

/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/

#main{
	text-align: justify;
	margin: 5px auto 0px;
	width: 100%;
	max-width: 1440px;
	overflow: hidden;
	height: 100%;
	background: #f7f7f7;
}

#top_flash{
	text-align: justify;
	margin: 0px;
	width: 1100px;
	background: #111;
}

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

/* clear fix */
#main #main_left .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main #main_left .clearfix {
	display: inline-table;
	min-height: 1%;
}

/*--- 各コンテンツの包括ボックス ---*/
#main_left #content_wrapper{
	width: 100%;
	float: left;
}

/*--- ライン細 ---*/
#main_left #hr_nalow{
	height: 2px;
	margin-top: 10px;
	border-style: solid;
	border-color: #000000;
}

/*--- ライン極細 ---*/
#main_left #hr_thin{
	height: 1px;
	margin-top: 10px;
	border-style: solid;
	border-color: #888888;
}

/*--- ライン太 ---*/
#main_left #hr_bold{
	height: 5px;
	margin-top: 10px;
	border-style: solid;
	border-color: #000000;
}



/*++++++++++++++++++++++++++++++++++++++++++
テーブル関係　追加
+++++++++++++++++++++++++++++++++++++++++++*/

.w50{width:50px;}

.w60{width:60px;}

.w80{width:80px;}

.w90{width:90px;}

.w100{width:100px;}

.w120{width:120px;}

.w140{width:140px;}

.w150{width:150px;}

.w180{width:180px;}
	
.w200{width:200px;}

.w250{width:250px;}

.w270{width:270px;}

.w290{width:290px;}

.w300{width:300px;}

.w330{width:330px;}

.w440{width:440px;}

.w450{width:450px;}

.w460{width:460px;}

.w470{width:470px;}

.w500{width:500px;}

.w530{width:530px;}

.w540{width:540px;}

.w550{width:550px;}
	
.w620{width:620px;}

.w640{width:640px;}
	
.w670{width:690px;}

.w680{width:680px;}

.w700{width:700px;}
	
.w710{width:710px;}
	
.w722{width:722px;}

.w800{
	width:800px;
	margin-left: 90px;
	margin-bottom: 0px;
	margin-top: 50px;
}

.w_10{
	width:10%;
}

.w_20, .w_20s{
	width:20%;
}

.w_30, .w_30s{
	width:30%;
}

.w_40, .w_40s{
	width:40%;
}

.w_50, .w_50s{
	width:50%;
}

.w_55, .w_55s{
	width:55%;
}

.w_60, .w_60s{
	width:60%;
}

.w_65, .w_65s{
	width:65%;
}

.w_70, .w_70s{
	width:70%;
}

.w_80, .w_80s{
	width:80%;
}

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

/*右寄せ*/
.right{
	float:right;
	text-align:	justify;
	padding-right:10px;
	padding-top:0px;
}

/*左寄せ*/
.left{
	float:left;
	text-align:	justify;
	padding-left:0px;
	padding-top:0px;
}

/*==============================*/
/*    各コンテンツ右端コラム    */
/*==============================*/

#main_left #column_box{
	width: 100%;
	background: #ededed;
	color: #757374;
	float: left;
	font-size: 10px;
	line-height: 140%;
	padding: 3%;
	margin-left: 0px;
	margin-top:20px;
}

/*--- THE WORD設定 ---*/
#main_left #column_box h3{
	font-family: 'Lucida Grande','helvetica', 'arial', sans-serif;
	font-size: 32px;
	color: #8c8c8e;
	margin-top: 2px; margin-left: 2px; margin-bottom: 15px;
	letter-spacing: -0.04em; 
	font-weight: bold;
}

/*--- LastForever設定 ---*/
#main_left #column_box h2{
	font-family: 'helvetica', 'arial', sans-serif;
	font-size: 14px;
	color: #8c8c8e;
	margin-top: 0; margin-left: 5px;
}

/*--- タイトル ---*/
#main_left #column_box .col_title{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 5px;
}

/*--- コンテンツ ---*/
#main_left #column_box .col_contentsL{
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 12px;
	line-height: 180%;
	width:48%;
	float:left;
}

#main_left #column_box .col_contentsR{
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 12px;
	line-height: 180%;
	width:45%;
	float:right;
}



#main_left #feat_topics #category_date{
	margin-top: 8px;
	color: #fff;
	font-size: 80%;
		}
#main_left #feat_topics #content_wrapper .review img.category_label {
			float: left;
			margin-right: 10px;
		}	

#main_left #feat_topics .ft_title{
	height:80px;
}

#main_left #feat_topics h1{
	font-size: 20px;
	line-height: 140%;
}

/*--- 出典 ---*/
#main_left #column_box .col_auth{
	color: #000000;
	text-align: right;
	margin: 0px 5px 0px 5px;
}

/*--- リスト ---*/
#main_left #column_box li{
	list-style-image: url(../images/user_list1.gif);
	list-style-position: outside;
	list-style-type: disc;
	margin: 1px 0px 1px 20px;
	font-size: 10px;
}

/*--- もっとみる ---*/
#main_left .see_more_box{
	text-align: center;
	margin:  5px;
	width:90%;
	border-radius:32px;
	border:1px;
	height:30px;
	padding:2%;
}



/*==============================*/
/*          RSSアイコン         */
/*==============================*/
#main_left #rss_img{
	text-align: right;
	margin: 10px 10px 10px 10px;
}

#addthis{
	text-align:left;  /*right;*/
	margin: 10px 10px 10px 10px;
}

/*============================================================================*/
/*       MAGAZINEメイン         */
/*============================================================================*/
/*------- 幅・色設定 -------*/
#main_left #magazine_main{
	background-color: #FFF;
	margin: 0;
	padding: 30px 0;
}

/*------- 画像マージン設定 -------*/
#main_left #magazine_main #sub_main_img {
	margin: 10px 50px 20px 50px;
}

#main_left #sub_main_img img{
	width:100%;
}

#main_left #magazine_main img{

}

#main_left #magazine_main div img{
	margin: 2rem;
}

#main_img{
	background-color: #000;
	width:100%;
}

#main_img img{
	width:100%;
}

#main_left #magazine_main h1, 
#main_left #magazine_main h2{
	text-align: left;
	margin: 1rem 0rem 1rem;
	padding-top:30px;
}

#magazine_main .IMGWIDE_LR50{
	width:90%;
	margin: 20px 100px 25px 100px;
}

/*------- magazine 見出し設定 -------*/
#main_left #magazine_main h3{
	text-align: left;
	margin:2rem 10rem 1rem;
	font-size:25px;
	font-weight: bold;
}

#main_left #magazine_main h4{
	text-align: left;
	margin: 2rem 10rem 1rem;
	font-size:18px;
	font-weight: bold;
	color:#94835F;	
}

#main_left #magazine_main h5{
	text-align: left;
	margin: 1rem 10rem 1rem;
	font-size:15px;
	font-weight: bold;
}

/*------- 本文設定 -------*/
#main_left #magazine_main p{
	text-align: justify;
	line-height: 200%;
	padding: 0;
	margin:2rem 0;/*201911*/
	font-size:15px;
	font-weight: 400;
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 
	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}


#main_left #magazine_main p a:link {
	color: #878573;
	text-decoration:underline;	
}
#main_left #magazine_main #magazine_Pspace p img{
	margin: 0;	
}

#main_left #magazine_main ul{
	text-align: justify;
	line-height: 200%;
	padding: 1rem 10rem ;
}

#main_left #magazine_main ul li{
	margin: 1rem 0rem ;
}

.font60{
	font-size: 0.6rem;
}

.font160{
	font-size: 1.6rem;
}

.textInfo{
	/*margin:0 10rem;*/
}


#magazine_main #magazine_Pspace p.textInfo {
	font-size:11px;
	padding:0;
	font-weight: 300;
}
	
#magazine_main #magazine_Pspace p.CapTxt {
	font-size:11px;
	font-weight: 300;
	margin:0;
}
	

.Marker{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.DynamicMark{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.3em;
	font-weight:bold;
	font-size:105%;
}

.RehearsalMark{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color:#000000;
	font-size: 80% ;
	padding: 2px 4px 2px 4px ;
	margin-left : 2px;
	margin-right: 2px;
	vertical-align: 3%;
}

/*------- 罫線設定 -------*/
#main_left #magazine_main hr{
	background-color: #cccccc;
	border-color:#cccccc;
	margin: 10px 5px;
}

/*------- 表テーブル設定 -------*/
#main #table1 {
	text-align: justify;
	padding: 30px 25px 30px 50px;
	font-size:15px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	height:100%;
}


#main #table1 #sx_p50_list {
	text-align: left;
	padding: 10px 25px 10px 25px;
	font-size:20px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	float: left;
	width: 260px;
	height: 65px;
	display: block;
	background-color: #F2F0ED;
	border-left-color: #333333;
}

#main #table1 #sx_p50_list a {
	font-size:14px;
}


/*------- 本文インタビュー設定 -------*/
#magazine_main .interview {
	overflow: hidden;
	line-height:25px;
	font-size:14px;
	color:#3b3b3b;
	padding-bottom:1.2em;
	margin: 0;
}

#magazine_main .interview dt{
	float: left;
	clear: left;
	width: 4em;
	font-weight: bold;
}

#magazine_main .interview dd{
	margin-left: 4em;
	padding-bottom:1.2em;
	line-height: 200%;
}

#magazine_main .interview dt.interviewer{
	font-weight: bold;
	letter-spacing: -0.1em;
}

#magazine_main .interview dt.interviewer + dd{
	font-weight: bold;
}

/*------- 本文リンクボックス設定 -------*/
#main_left #magazine_main .SXbtn {
	color: #fff;
	font-size: 110%;
	border-radius: 4px;
	text-decoration:none;
	background: #11233b;
	box-shadow: 0 3px #888;
	position: relative;
	display: inline-block;
	top: -2px;
	padding: 5px 15px;
}

#main_left #magazine_main .SXbtn:hover {
	box-shadow: 0 1px #888;
	top: 1px;
	text-decoration:none;
}

#main_left #magazine_main a:link.SXbtn{
	color: #fff;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
}

#main_left #magazine_main a:visited.SXbtn {
	color:#FFF;
	text-decoration:none;
}

#main_left #magazine_main a:active.SXbtn {
	color:#FFF;
	text-decoration:none;
}

.profile{
	 /*margin-left:10rem;*/
}	

/*==============================*/
/*          スペックテーブル         */
/*==============================*/

.right_table{
	margin-left:50px;
	padding:10px;
	border-collapse:collapse;  	
	border:1px solid #999999;  	
	border-spacing:0;  	
	empty-cells:show;  	
	font-size: 80%;    
	text-indent: 0.7em;
}   

.right_table table.font80 td{  	
	padding:3px;  	
	border:1px solid #999999;  	
}

.td_center{  	
	padding:3px;  	
	text-align:center;  	
	border:1px solid #999999;  	 
}    

.right_table table.font80 th{  	
	padding:3px;  	
	border:1px solid #999999;  	
	font-weight: normal;  	
	background-color: #eeeeee; 
}  

#magazine_main #menulist ul{
	margin: 50px;
	width: 620px;
}

#magazine_main #menulist li{
	display: inline;
	float: left;

}

#magazine_main #menulist img{
	margin:0px;
}

#main_left #magazine_main #magazine_main_left {
		width: 55%;

	float: left;
}
/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/
#main_left #magazine_main #magazine_main_left_img{
	float: left;
	width: 40%;
	padding:5px 5px;
	margin: 0 2% 2rem 0rem;
}

/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/
#main_left #magazine_main #magazine_main_left_img img{
	width: 100%;
	margin: 0;

}

/*------- left 本文設定 -------*/
#main_left #magazine_main #magazine_main_left p{
	float: left;
	text-align: justify;
	line-height: 200%;
	padding: 10px;
	font-size:15px;
	font-weight: 400;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

/*------- MAGAZINE RIGHT 設定 ---------*/
#main_left #magazine_main #magazine_main_right{
	float: left;
	width: 400px;
}

/*------- MAGAZINE RIGHT 画像右 設定 ---------*/
#main_left #magazine_main #magazine_main_right_img{
	float: right;
	width: 300px;
	padding:5px;
}

/*------- MAGAZINE RIGHT 本文設定 -------*/
#main_left #magazine_main #magazine_main_right p{
	text-align: left;
	line-height: 200%;
	padding: 10px;
	font-size:15px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}



/*------- MAGAZINE 左 複数画像配置 設定 グレーバック ---------*/
#magazine_main #img_index{
	float: left;
	width: calc( 100% + 20rem);
	background-color: #333333;
	margin-left: -10rem;
	padding-right: 10px;
}

#main_left #magazine_main #img_index img{
	padding: 1px;
	margin:10px 2px;
	width: 100%;

}

#magazine_main #img_index p,h6{
	padding: 15px;
	color: #FFFFFF;
	font-size:13px;
	line-height: 260%;

}

/*------- MAGAZINE 画面フル テンプレ ---------*/
#magazine_main_full{
	background-color: #FFF;
	width:100%;
	margin: 0;
	padding: 0;
}

#magazine_main_full .main_image img{
	width:100%;
	margin: 0;
	padding: 0;
}



/*------- 画面フル 本文設定 -------*/
#magazine_main_full p{
	text-align: justify;
	line-height: 200%;
	padding: 10px 25px 10px 25px;
	font-size:15px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

/*------- magazine 画面フル 見出し設定 -------*/
#magazine_main_full h3{
	text-align: left;
	padding: 10px 25px 10px 25px;
	font-size:25px;
	font-weight: bold;
}

#magazine_main_full h4{
	text-align: left;
	padding: 10px 25px 10px 25px;
	font-size:18px;
	font-weight: bold;
}

#magazine_main_full h5{
	text-align: left;
	padding: 10px 25px 10px 25px;
	font-size:14px;
	font-weight: bold;
}

#magazine_main_full #main_left h3{
	text-align: left;
	padding: 10px  0px;
	font-size:15px;
	font-weight: bold;
}

/*------- magazine pgabebox -------*/
#magazine_main_full #magazine_pagebox{
	text-align: left;
	margin: 0 25px 25px 25px;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #999999;
	background-color:#000000;
	color: #ffa500;
	font-size:14px;
	font-weight: bold;
}


/*------- MAGAZINE 画面フル 画像左 テンプレ ---------*/
#magazine_main_full #main_full_left{
	float: left;
	width: 400px;
	padding:5px;
}

/*------- MAGAZINE 画面フル right 設定 ---------*/
#magazine_main_full #main_full_right{
	float: left;
	width: 570px;
	background: #eeeeee;
}

/*------- 画面フル 画像左 本文設定 -------*/
#magazine_main_full #main_full_right p{
	text-align: left;
	line-height: 200%;
	padding: 10px 25px 10px 25px;
	font-size:15px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}


/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
	margin-left:50px;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*==============================*/
/*     関連アーティスト         */
/*==============================*/
/*------- 幅・色設定 -------*/
#relation_artistbox{
	text-align: left;
	/*margin: 0 10rem;*//*201911*/
	padding: 5px 0px 0px 0px;
	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 50px 0px -90px;
	font-size:14px;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

/*-------- mylist img用 ---------*/
#relation_artistbox img{
	margin:0;
	padding:0;
}

/*==============================*/
/*      ページ部分設定          */
/*==============================*/
/*------- 幅・色設定 -------*/
#main_left #magazine_pagebox{
	text-align: center;
	margin: 50px;
	color: #ffa500;
	font-size:14px;
	font-weight: bold;
	padding:0;
}

#main_left #magazine_pagebox p{
	text-align: center;
	color: #ffa500;
	font-size:14px;
	background-color:#000000;
	padding:10px;
	font-weight: bold;
}

#main_left #magazine_pagebox p a:link {
	color: #fff;
}

#magazine_enquete {
	padding: 5px;
	margin-top:100px;
	text-align:center;
}	

#magazine_enquete table{
	padding: 10px;
	text-align:left;
	width: 90%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 15px;
}	

#magazine_enquete table th{
	width:250px;
    padding: 10px;
	background: #8974b8;
    vertical-align: middle;
    text-align: left;
    width: 30%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}	

#magazine_enquete table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #8974b8;
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
@-moz-document url-prefix() {
	#magazine_enquete table th::after {
	        float: right;
	        padding: 0;
	        left: 30px;
	        top: 10px;
	        content: " ";
	        height: 0;
	        width: 0;
	        position: relative;
	        pointer-events: none;
	        border: 10px solid transparent;
	        border-left: #b8b3a1 10px solid;
	        margin-top: -10px;
	}
}

 
#magazine_enquete table td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}

#magazine_enquete table .p1{
	font-size: 8px;
	color: #CAF1ED;
	padding-left: 10px;
}	

#magazine_enquete table textarea{
	width: 100%;
	height: 10em;	
}	

#magazine_enquete input[type="text"]{
	padding: 5px;
	width: 70%;
}	

#magazine_enquete table select{
	width: 80%;
}	

#magazine_enquete .btn_vote{
	margin-top:60px;
}

#magazine_enquete input[type="submit"] { 
	background:url('/images/btn_formvote.gif');
	width:300px;
	height:50px;
	border:0px solid;
	cursor:pointer;
}

/******************************************************************
	マガジン インタビューページ 2コラム
**********************************************************************/

#magazine_main #interview_wrapper{
	width:100%;
	float:left;
	padding-left: 25px;
	padding-right: 10px;
}

#magazine_main #body_intro{
	float:left;
	margin-left:0px;
	margin-bottom:30px;
	text-align:justify;
	width:370px;
}

#interview_wrapper #interview_c2 #body_mid{
	float:left;
	margin-left:70px;
	margin-bottom:30px;
	text-align:justify;
	width:722px;
}

#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: 4px 25px 10px 0px;
	color: #333333;
	float:right;
}

#magazine_main #interview_wrapper #interview_c2{
	float:left;
	margin-left:0px;
	margin-bottom:30px;
	text-align:justify;
	width:354px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#interview_wrapper #interview_c2 .interview{
	font-size:15px;
	line-height:120%;
	font-weight: bold;
	text-align:justify;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	color: #00CCCC;
	margin-bottom: -10px;
}

#interview_wrapper #interview_c2 p{
	padding: 4px 25px 10px 25px;
	font-size:15px;
	color: #333333;
	font-weight: normal;
	line-height:160%;
	text-align:justify;
}

#interview_wrapper #body_mid #pho_box{
	float:left;
	margin-left:20px;
	text-align: left;
	padding: 0px 25px 0px 25px;
	width:880px;
}

#interview_wrapper #interview_c2 #body_last{
	float:left;
	margin-left:70px;
	margin-bottom:30px;
	text-align:justify;
	width:880px;
}

#interview_wrapper #interview_c2 #body_last #news_box{
float:left;
	margin-left:70px;
	margin-bottom:30px;
	text-align:justify;
	width:500px;
}

#interview_wrapper #interview_c2 #body_last #pf_box{
float:left;
	margin-left:70px;
	margin-bottom:30px;
	text-align:justify;
	width:500px;
}

/*------- magazine 画面フル 下部フォトナビ設定 -------*/

#interview_wrapper #body_last #pho_box{
	float:left;
	text-align: left;
	padding: 20px 30px 20px 30px;
	width:860px;
	background-color: #000000;
	background: url("../im.html?f=gakkifair11_main.jpg&w=&h=&id=77&c=t_magazine&md=") repeat scroll 0 0 transparent;
}

/******************************************************************
	マガジン 関連記事
**********************************************************************/

#related_topic{
	width: 100%;
	margin-right: 20px;
	background-color: #E6E9E1;
	padding: 10px 30px 10px 30px;
	text-align: left;
	height: 100%;
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
	line-height: 180%;
	font-size: 14px;
}

#related_topic .relate_hin_box a{
	float:left;
	width: 98%;
	text-align: left;
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
	line-height: 140%;
	font-size: 15px;
}

#related_topic .relate_hin_box .icon{
	width: 95px;
	float:left;
}

#related_topic .relate_hin_box .icon img{
	width: 90px;
}/*   

=================*/
/*          検索エリア          */
/*==============================*/
#main_left #search_box{
	background: #d6d6d6;
	margin-left: 0px;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

/*--- 画像 ---*/
#search_box .search_logo{
	margin: 20px 10px 10px 20px;
	float: left;
}

#search_box .search_navi_left{
	background-repeat: no-repeat;
	color: #737373;
    height: 28px;
    line-height: 2.0;
    padding-left: 17px;
	float: left;
	width: 500px;
}

/*--- 検索フォーム ---*/
#search_box .search_form{
	padding-left: 10px; 
	padding-top: 20px;
	width: 360px;
}

/*--- 入力エリア ---*/
#search_box .search_form p .search{
    margin-bottom: 5px;
	width: 230px;
    height: 25px; /* border-box for IE6 */
    padding: 5px;
	margin-left: 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_form p .searchsubmit {
	float: right;	
	width: 70px;
    margin: 0px 20px 0px 0px;
}

/*--- ナビエリア ---*/
#search_box .search_navi_right{
	color: #737373;
	width: 250px;
    height: 36px;
    float: right;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 3.5;
    margin-top: 16px;
}

#search_box .search_navi_right a{
	font-weight: bold;
}

#column_topics #ct_box img.category_label,
.review #category_date img.category_label,
 .tn_topics .kiji_label img.category_label,
#column_topics .ct_box img.category_label
{
	width: 60px;

}
	
/*==============================*/
/*      LatestNewsコーナー      */
/*==============================*/
#main_left #latest_news{
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0 30px;
	width: 100%;
	float: left;
}

/*--- LatestNewsトピックス欄 ---*/

#main_left #latest_news #content_wrapper .news_listG{
	width: 48%;
	float: left;
	height: 75px;
	padding: 10px 0px;
}

#main_left #latest_news #content_wrapper .news_listG td{
	line-height: 2.5em;
	white-space: nowrap;
}

/*--- LatestNewsコーナー画像 ---*/
#main_left #latest_news #content_wrapper .news_listG img{
	width: 120px;
	float: left;
}

#main_left #latest_news .news_listG .news_listT{
	width: 55%;
	color: #737373;
	text-align: left;
	float: left;
	font-size: 13px;
	height: 36px;
	margin-left: 8px;
	line-height: 1.3em;
	padding-top: 6px;
}

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

#main_left #latest_news  #content_wrapper  .news_listD img{
	width: 50px;
}

/*==============================*/
/*    Feature_topicsコーナー    */
/*==============================*/
#main_left .topics_logo{
}

/*--- 枠 ---*/
#main_left #feat_topics{
	margin-top: 25px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

/*--- レビュー欄 ---*/
#main_left #feat_topics #content_wrapper .review{
	width: 40%;
	float: left;
	margin-left: 10px;
	margin-right: 18px;
	margin-bottom: 20px;
	height:300px;
}
 
#main_left #feat_topics #content_wrapper .review img{
	width: 100%;
}

#main_left #feat_topics #content_wrapper .review img.category_label{
	width: 80px;
}

#column_topics .ct_box .status img.category_label{
	width: 60px;
}

/*--- ギア欄 ---*/
#main_left #feat_topics #content_wrapper .gear{
	width: 250px;
	float: right;
	margin-left: 10px; margin-right: 10px;
}

/*--- タイトル ---*/
#main_left #feat_topics h2{
	margin-left: 2px;
	margin-right: 2px;
	color: #737373;
	font-size: 18px;
	line-height: 1.4em;
	padding-top:5px;
}

/*--- コンテンツ ---*/
#main_left #feat_topics .ft_cont{
	color: #737373;
	line-height: 2em;
	font-size: 80%;
}

/*==============================*/
/*        Column Topics         */
/*==============================*/

#main_left #column_topics{
	width: 23%;
	float:left;
	margin: 10px 1% 20px;
	height:240px;
}

/*--- 画像 ---*/
#column_topics .cl_img{
	float: left;
	margin: 0px 0px 10px 0px;
	vartical-align: top;
	width:100%;
}

#column_topics .cl_img img{
	width:100%;
}

/*--- タイトル ---*/
#column_topics .ct_title{
	font-size: 14px;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*--- float用枠 ---*/
#column_topics #ct_box{
	margin-top: 10px;
	line-height: 1.6em;
}

/*--- ○○一覧 ---*/
#column_topics .ct_comp{
	float: right;
	font-size: 9px;
}

/*==============================*/
/*  バナー表示コーナー  */
/*==============================*/

.AD_b{
	background: #080403;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 20px;
	color: #CCC;
}

.AD_b img{
	width: 96%;
}

/*==============================*/
/*     Topics Newsコーナー      */
/*==============================*/

/*--- 枠 ---*/
#main_left #topics_news{
	margin-top: 25px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
	margin-left: 5px;
	margin-right: 0px;
}

/*--- レビュー欄 ---*/
#main_left #topics_news #content_wrapper .news{
	width: 280px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/*--- 左側画像エリア ---*/
#main_left .tn_img{
	float: left;
	margin: 10px; 
	margin-top: 0;
	width: 239px;
}

/*--- 画像 ---*/
.tn_topics .cl_img{
	float: left;
	margin-bottom: 10px;
	vartical-align: top;
	height: 44%;
	overflow-y:hidden;
}

/*--- トピックス表示エリア ---*/
#main_left #content_wrapper .tn_topics{
	font-size: 11px;
	line-height: 1.5em;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 22%;
	height:240px;
}

/*--- トピックス表示エリア ---*/
#main_left #content_wrapper .tn_topics .cl_img img{
	line-height: 1.5em;
	float: left;
	width: 100%;
}

/*--- トピックス見出し ---*/
#main_left .tn_topics h2{
	margin: 10px 0px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	line-height: 1.4em;
}

/*==============================*/
/*   topics(関連記事)コーナー   */
/*==============================*/

#main_right .topics{
	width: 100%;
	max-width: 300px;	
	padding: 15px;
	background-color: #22221F;
}

/*--- 右寄せ用 ---*/
#main_left .li_pr{
	text-align: right;
}

/*--- リスト ---*/
#main_right .topics li{
	list-style-image: url(../images/user_list1.gif);
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 0px 5px 20px;
}


/*==============================*/
/*      tp_table                */
/*==============================*/
/* tp_table 全体設定 */
#main_left .tp_table{
	width: 780px;
	margin-top: 30px;
	padding-left: 10px;
	color: #747474;
	margin-bottom: 30px;
}

/* 見出し設定 */
#main_left .tp_table h3{
	color: #747474;
	line-height: 1.5em;
	font-size: 14px;
}

/* 画像設定 */
#main_left .tp_table img{
	width: 220px; height: 110px;
	padding-top:15px;
}

/* td設定 */
#main_left .tp_table td{
	line-height: 1.5em;
	padding: 0 10px;
	font-size: 10px;
	width: 250px;
}

/* タイトル設定*/
#main_left .tp_title{
	font-family: 'impact', 'arial black', sans-serif;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	color: #000000;
	padding-top:5px;
}

/* tp_table 文章位置設定 */
#main_left .tp_title span{
	vertical-align:	top;
	font-size: 12px;
	padding-left: 7px;
}

/**********************************************************************************************************************
	メイン右側
***********************************************************************************************************************/
#main #main_right{
	width: 30%;
	max-width: 300px;
	float: right;
	margin-right: 0px;
	background-color: #FFFFFF;
}

/*--- 右側限定h3 ---*/
#main_right h3{
	font-family: 'impact', 'arial black', sans-serif;
	font-size: 18px;
	margin-left: 15px; 
	margin-bottom: 0px;
}

/*==============================*/
/*            Vote              */
/*==============================*/
#main_right #vote{
	background: #4e4c4d;
	width: 100%;
	max-width: 300px;	
	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%;
	max-width: 300px;	
	height: 100px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	float: left;
}

#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;
}

/*==============================*/
/*          The Recorder         */
/*==============================*/
#main_right #recorder{
	background: #000000;
	width: 100%;
	max-width: 300px;	
	margin: 0;
}

#recorder .sax_left_img{
	margin-left: 10px;
	float: left;
}

#recorder p{
	float: right;
	margin-right: 20px;
}

/*==============================*/
/*       ADバナー          */
/*==============================*/
#main_right #acceler{
	background: #4e4c4d;
	border-bottom: 1px solid #000000;
	width: 300px;
}

/*==============================*/
/*      This Week Event         */
/*==============================*/
#main_right #week_event{
	background: #6b6b6b;
	width: 300px;
	padding-top: 15px;
}

/*--- 今週のイベント ---*/
#week_event .ev_sub_tit{
	font-size: 9px;
	font-weight: bold;
	color: #ac7795;
	margin-left: 15px;
}

/*--- イベント情報 ---*/
#week_event .event_box{
	border-top: 1px dashed #515151;
	margin-left: 15px; 
	margin-right: 10px;
	padding-bottom: 15px;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 20px;
}

#week_event .artist_name{
	margin-top: 25px;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
}

#week_event .event_box .day{
	font-size: 25px;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 1.0em;
}

#week_event .event_box .place{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 0.4em;
}

/*--- リンク ---*/
#week_event  a {
	color: #FFFFFF;
}

#week_event  a:link {
	color: #FFFFFF;
}

#week_event a:visited {
	color: #999999;
}

#week_event a:hover {
	color: #FF9900;
	text-decoration: none;
}

/*--- リンク ---*/
.event_box .more_info{
	color: #ac7795;
	font-weight: bold;
	font-size: 9px;
	margin-left: 15px;
}

/*--- ジャンル(右端) ---*/
#week_event .genre{
	font-family: 'impact', 'tahoma', sans-serif;
	float: right;
	color: #9e9e9e;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 15px;
}

/*==============================*/
/*        バナーエリア          */
/*==============================*/

#main_right #right_banner{
	width: 300px;
	background: #FFF;
}

#main_right #right_banner img{
	width: 300px;
}

/*==============================*/
/*           PICKUP             */
/*==============================*/

#main_right #pickup{
	background: #d6d4d5;
	width: 300px;
	height: auto;
	padding-top: 20px;
}

#pickup .pu_sm{
	color: #978753;
	margin-left: 15px;
}

#pickup .pickup_box{
	margin-left: 15px;
	margin-right: 15px;
	border-top: 2px dotted #a6a6a6;
	font-weight: bold;
	padding-top: 5px;
}

#pickup .pickup_box img{
	width: 100px;
}

#pickup .pickup_box h4{
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}

#pickup .pickup_box .pu_category{
	color: #6F6D68;
	font-size: 14px;
	font-family: 'impact', 'arial', sans-serif;
	float: right;
}

#pickup .rt_os{
	color: #968655;
	font-weight: bold;
	margin-left: 15px;
}

/*==============================*/
/*          広告表示            */
/*==============================*/

#main_right #analog{
	background: #000000;
	width: 300px;
	color: #a09e9f;
	padding-top: 20px; 
	padding-bottom: 30px;
}

#analog .ads{
	margin-top: 10px; 
	margin-left: 20px; 
	margin-bottom: 30px;
}

#analog .g_ads{
	text-align: center;
}

.ads .ad_title{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

/*==============================*/
/*        メルマガ登録          */
/*==============================*/
#main_right #mail_mag{
	width: 300px;
	color: #969696;
	background: #ffffff;
	padding-top: 20px;
	font-size: 10px;
	font-weight: bold;
}

/*--- トップページへ ---*/
#main_right #mail_mag .go_p_top{
	text-align: right;
}

#main_right #mail_mag form{
	float: left;
}

/*--- フォーム ---*/
#main_right #mail_mag .form_text{
	width: 20em; height: 20px;
}

/**********************************************************************************
	フッタ
***********************************************************************************/

#footer{
	background: #000000;
	margin: 0;
	min-height: 450px;
	padding: 0 ;
	background-image: url("../images/re/bg_recorder.jpg") ;
    background-repeat: no-repeat;  
	position: relative;
}
#footer_bg{
	background: #000000;
	margin: 0;
	min-height: 450px;
	background-color:rgba(1,1,1,0.6);
	background-blend-mode:lighten;
}

#tag_area{
		background-color:#f7f7f7;
		margin-left: 6%;
		width: 70%;
		clear: both;
		height: 100px;
		padding: 20px;

}
#tag_area .tag{
	

		margin: 2px;
		padding: 5px 8px;
		background-color: #d7d4d0;
		font-size: 10px;
		color: #FFF;
		border-radius: 10px;
		width: auto;
		display: inline-block;
}
#tag_area .tag a{
	

		color: #FFF;

}
#footer_top{
	padding: 20px 0 5px;
		background-color:#f7f7f7;

}

#footer_top img{
	width: 80px;
}

#footer_top  .go_p_top{
		text-align: right;
	float: right;
	width: 300px;
}

#footer #f_menu_tbl{
	color: #b3b3b3;
	margin-left: 5px;
	padding-top: 18px;

}

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

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

}

#footer .f_menu_area{
	text-align: left;
	width: 90%;
	margin: 120px auto 40px;
	max-width: 1440px;
}
	#footer .f_menu_area li.side_area_info {
		display: none;

	}

#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 h2{
	float: left;
	padding: 0px;
	margin-bottom: 1em;	
	width: 100%;

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

}

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

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

#footer .f_menu1.footer_sns li.re{
	margin: 15px 0 0;
	display: inline;
	padding: 20px 15px 15px;
	font-size: 60px;
	color: #979695;
	max-width: 60px;
	height: 60px;
	border-radius: 50%;
}


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

#footer .f_menu1.footer_sns .logo .re{
	float: left;
	width: 20%;
}
#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;
}

#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;
	max-width: 1440px;
	margin: 0 auto;
}

#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: 12px;
	color: #636365;
}

#footer .f_menu2 p{
	padding: 10px;
	font-size: 10px;


}
/**********************************************************************************
	追加
***********************************************************************************/

	.bxslider01{
		margin: 10px auto;
		width: 100%;
		opacity: 0;
		transition: 3s;
		position:relative;
	}

	.slick-initialized{
		opacity: 1
	}

	#container{
		margin-top: 150px;
		background-color:#f7f7f7;

	}

	#main_left #topics_news{
		height: auto;
		overflow: hidden;
		margin-bottom: 20px;
	}

	/*--- タイトル ---*/
	#column_topics .ct_title{
		color:#111;
	}

	#column_topics .ct_title a, a:visited{
		color: #878573;
	}

	.teiki{
		color:#c5b27f;
	}

	.ippan{
		color:#817C7C;
	}

	.premium{
		color:#8b6d4a;
	}

	.ippan .small,
	.teiki .small,
	.premium .small{
		font-size: 8px;
	}

	.unlock{
		color: #C4C4C4;
	}


	.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: #fff;
		padding: 10px;
		padding-top: 25px;
		padding-bottom: 5px;
		width: 100%;
		margin-bottom: 50px;
		color: #CCC;
	}
		.article_list_top_area img{

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

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

	}

	#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: 60%;
	float: right;

	}
	.article_list_middle_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: 100%;
		padding:1rem;
		float: left;
		margin-bottom: 40px;	
			background-color: #f1f0e8;


	}
	#magazine_main .follow_area ul.follow_tag_menu li{
		font-size: 1.2rem;
		padding:15px 10px 0;
		width: auto;	
		display: inline-block;	

	}


	#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 20px;

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

	}
	.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;
}