@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++
CSS Document

リンク
全体
ヘッダー
グローバルナビ
メイン
各コンテンツ右端コラム 
ブロック2　コーナー
真ん中バナー表示コーナー
ブロック3　コーナー
ブロック4　コーナー
記事一覧
tp_table
メイン右側
The flute
フッタ
スペックテーブル
MAGAZINEメイン
マガジン 関連記事
関連アーティスト
関連商品
ページ部分設定
youtube動画配置 音源
アンケート
addthis

PC表示 max-width:1279px
PC表示 min-width:1280px
タブレット表示 max-width:1024px
スマホ表示max-width:767px
	youtube動画配置 音源   

PC表示 min-width:768px
tablet表示 min-width:960px
+++++++++++++++++++++++++++++++++++++++++++*/

* {
}

img {
	border:0;
}

html{overflow-y:scroll;}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: small;
	background-color: #f7f7f7;
}

/*
body {
	font-size:              small;
}
*/

p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	text-align:justify;
}

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

a:link {
	color:#8899a5;
	text-decoration:none;
}

a:hover {
	color:#BCD3E2;
	text-decoration:underline;
}

a:visited {
	color:#8899a5;
	text-decoration:none;
}

a img {
	border:none;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s 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:auto;
	margin:auto;
	position: relative;

}

.sp {
	display: none;
}

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

#header_bg{
	text-align:left;
	background:linear-gradient(#FFF, #EFEFEF);
	margin:0 auto;
	width:100%;
}

#header{
	text-align:center;
	margin:0 auto;
	width:100%;
	max-width:1280px;
}

#header ul{
	padding:5px 0px 0px 0px;
	text-align:right
}

#header li{
	display:inline;
	padding:0px 10px 0px 8px;
	border-left:1px solid #999999;
	font-weight:bold;
	font-size:11px;
}

#head_left{
	float:					left;
	max-width:				473px;
	width:					66%;
	margin-top: 2%;
}

#head_left img{
	width:100%;
}

#head_right{
	float:					right;
	width:					30%;
	text-align:				right;
	padding:				0px 0 0px 0px;
}


#head_body{
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#000000;
	color:#C86934;
	width: 1100px;
	margin-top:0px;
	text-align:right;
	background-image: url(../images/headbody_bg_fl.jpg);
	padding-top: 5px;
}

#head_body a{
    color:#afb2b2;
    font-family:'arial',sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}


/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/
	
#top_mainspace {
	background-color: #DEDCD1;
	}	
	
#top_mainspace img{
	width:100%;
	height:auto;
	margin:0% auto 0px auto;
	}
	

.bx-viewport {
	overflow:visible!important;
}
.slider {
	overflow:visible;
    
}
	
	ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width:1024px;
    height:auto;
	z-index: -1;
	opacity:1;
} 
	
	
ul.bxslider01 li img{
    display:block;
    width:100%;
    height:auto;
}


/* 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%;
}

/* Hides from IE-mac \*/
#main #main_left * html .clearfix { height: 1%; }
#main #main_left .clearfix { display: block; }
/* End hide from IE-mac */

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

/*--- ライン細 ---*/
#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;
}




/*==============================*/
/*    各コンテンツ右端コラム    */
/*==============================*/
#content_wrapper #whats_new_box{
	width: 100%;
	color: #757374;
	float: left;
	font-size: 12px;
	line-height: 1.8em;
	margin-left: 10px;
}

#main_left #column_box{
	width: 160px;
	background-color: #FBEEE2;
	color: #999999;
	float: right;
	font-size: 10px;
	line-height: 180%;
	padding: 5px;
	height: 350px;
	background-image: url(../userimages/t_portal_site/2/fl_bg_cover.jpg);
	margin-right: 10px;
}


#main_left #column_box_top{
	width: 710px;
	background-color: #FBEEE2;
	color: #666666;
	float: right;
	font-size: 10px;
	line-height: 140%;
	padding: 5px;
	height: 200px;
}

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

}

/*--- whats_new_box ---*/
#main_left #whats_new_box h3{
	font-family: 'impact', 'arial', sans-serif;
	font-size: 16px;
	color: #8c8c8e;
	margin-top: 5px; margin-left: 5px; margin-bottom: 0;
}

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

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

/*--- コンテンツ ---*/
#main_left #whats_new_box .col_contents{
	margin: 0px 5px 0px 5px;
}

/*--- 出典 ---*/
#main_left #whats_new_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: 14px;
}

/*==============================*/
/*   ブロック2　コーナー   */
/*==============================*/
 #latest_news .topics2{
	padding: 0px;
	margin-right: 0px;
	margin-left: -3%;
	background-color: #EFFCF3;
	width: 106%;
	float: left;
	font-size: 13px;
	line-height: 1.8em;
	margin-top: 20px;
	text-align: justify;
}


/*==============================*/
/*  真ん中バナー表示コーナー  */
/*==============================*/
#main_left .AD_b{
	background: #080403;
	padding: 10px; padding-top: 25px; padding-bottom: 25px;
	_width: 702px;/* IE6 hack */
}
#main_left .SpecialContBox{
	width:90%;
	margin:0px auto 2% auto;
	overflow:hidden;
	}
#main_left .SpecialContBox .SpecialCont_L{
	float: left; 
	width: 48%;
	}
#main_left .SpecialContBox .SpecialCont_R{
	float: right; 
	width:48%;
	}




/*==============================*/
/*   ブロック3　コーナー   */
/*==============================*/
#main_left #topics3{
	padding: 15px;
	margin-right: 10px;
	background-color: #C8E0D4;
	margin-top: 30px;
	margin-left: 0px;
}

/*==============================*/
/*   ブロック4　コーナー   */
/*==============================*/
#main_left .topics4{
	margin:20px 45px;
}



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

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

/*==============================*/
/*   記事一覧  */
/*==============================*/
#main .FLTopTitle{
	border-left: solid #d5e4fc 6px;
	padding-left: 0.5em;
	display: block;
	font-size:135%;
	margin-top:4%;
	margin-bottom:1%;
	letter-spacing:1px;
	margin-left:4%;
	clear: both;
}
#main .FLMagaCategory{
	font-size:95%;
	margin-left:6%;
	letter-spacing:2px;
}

		/*--- もっとみる ---*/
	#main_left .see_more_box{
		text-align:center;
		margin: 1em auto;
		width:40%;
		border-radius:2em;
		font-size: 1em;
		border:1px;
		height:1em;
		padding:1em 0 1.8em;
		border: 1px solid #CCCCCC;
		clear: both;
	}
	


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

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

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

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

/* タイトル設定*/
#main_left .tp_title{
	font-family: sans-serif;
	font-size: 18px;
	float: left;
	margin-right: 0px;
	color: #B39D99;
	padding-top: 5px;
}

#main_left .tp_title2{
	font-family: 'arial black', sans-serif;
	font-size: 16px;
	float: left;
	margin-right: 0px;
	color: #77545A;
	padding-top: 5px;
	width: 140px;
}

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



#contents_list_area .contents_list{
	float:left;
		width:28%;
	margin: 1%;
	
	}

#contents_list_area .contents_list .cl_img{
	float:left;
		width:100%;	
	}
	
	
#contents_list_area .contents_list .cl_img img{
	float:left;
		width:100%;	
	}
	
	
/********************************************************
	メイン右側
*********************************************************/



/*==============================*/
/*          The flute             */
/*==============================*/
#main_right #flute{
	width: 246px;
	margin: 0;
	background-color: #ECE6E8;
}

#flute .flute_left_img{
	margin-left: 10px;
	_margin-left: 5px;/* IE6 hack*/
	float: left;
}

#flute p{
	float: right;
	margin-right: 20px;
	_margin-right: 10px;/* IE6 hack */
}


/*==============================================================================*/
/*       MAGAZINEメイン         */
/*==============================================================================*/
/*------- 幅・色設定 -------*/
#main_left #magazine_main{
/* 	background-color: #FFFFFF; */
	margin: 0;
	padding: 0;
	text-align: justify;
}

#magazine_main a:link {
	color: #41A6AF;
	text-decoration: underline;
	font-weight: bold;
}

#magazine_main a:visited {
	color: #41A6AF;
	text-decoration: none;
	font-weight: bold;

}

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

/*------- 画像マージン設定 -------*/
#main_left #magazine_main img{
	margin: 0px;
}

#main_left #magazine_main #magazineTopImg{
	width:100%;
}

#main_left #magazine_main #magazineTopImg img{
	width:100%;
}

#main_left #magazine_main #magazine_Pspace p img{
	padding:10px 0px;
	width:100%;
	max-width:710px;
}

.photo img{
	width:50%;
}



#main_left #magazine_main .FLmagaTitle{
	border-left: solid #d5e4fc 6px;
	padding-left: 0.5em;
	display: block;
	font-size:135%;
	margin-top:6%;
	margin-bottom:1%;
	letter-spacing:1px
}

/*------- 本文設定 -------*/
#main_left #magazine_main p{
	text-align: justify;
	line-height: 2em;
	margin:1rem 0;/*201911*/
	padding: 10px 0px;/*padding: 10px 0px;*/
	font-size:15px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.textInfo,
.FLtextInfo{
	margin:0 40px;
	}
	
.FLtextInfo dt{
	font-size:120%;
	margin-top:5%;
	margin-bottom:1%;
	font-weight:bold
	}

.FLtextInfo dd{
	font-weight:normal;
	line-height:1.7em;
	}

#main_left #magazine_main .CapTxt{
	text-align: justify;
	line-height: 1.6em;
	/*padding: 0px 40px 4%;*/
	font-size:90%;
	}

#magazine_main #magazine_Pspace .FLBtn {
  color: #fff;
  font-size: 110%;
  border-radius: 4px;
  text-decoration: none;
  background: #F63;
  box-shadow: 0 3px #f7d0cb;
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 5px 15px;
  letter-spacing:1px;
}

#magazine_main #magazine_Pspace .FLBtn:hover {
  box-shadow: 0 1px #f7d0cb;
  top: 1px;
}

#magazine_main #magazine_Pspace a:link.FLBtn{
	color: #fff;
	font-weight:normal;
	letter-spacing:1px
}

#magazine_main #magazine_Pspace a:visited.FLBtn {
	color:                  #FFF;
	text-decoration:        none;
}

/*------- information 本文設定 -------*/
#main_left #magazine_main .magazine_info p{
	text-align: justify;
	line-height: 120%;
	padding: 5px;
	font-size:11px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}



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

/*------- 下線設定 -------*/
.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%;
}

/*------- 本文内画像 -------*/
#main_left #magazine_main .TxtImg_full{
	width:710px;
	margin:10px auto;
	text-align:center;
}

/*------- 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,'ＭＳ Ｐゴシック',sans-serif;
}

/*------- MAGAZINE 画像右 テンプレ ---------*/
#main_left #magazine_main #magazine_main_left{
	float: left;
	width: 400px;

}

/*------- left 本文設定 -------*/
#main_left #magazine_main #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;
}


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

	
}

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

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

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

#magazine_main .interview dt.interviewer + dd{
	font-weight: bold;
}
/*------- 本文googlemap設定 -------*/
.GoogleMap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.GoogleMap iframe,
.GoogleMap object,
.GoogleMap embed {
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 100%;
}

/*------- MAGAZINE right 設定 ---------*/
#main_left #magazine_main #magazine_main_right_img{
	float: right;
	width: 300px;
	margin-right:40px;
}


/*------- 記事 画像左 200 ---------*/
#magazine_main #magazine_img200 {
	float: left;
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 0px;
}


/*------- MAGAZINE 画像左 200 ---------*/
#magazine_main #subtitle{
	float: left;
	width: 100%;
}

#magazine_main #magazine_pageskip{
	float: right;
	width: 180px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
	#magazine_main #magazine_pageskip h4{
		float: right;
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
		text-align:right;
		font-size:80%;
	}



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

	}
	
.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;/* ボーダー線の太さを1pxに  */
	border-color: #000000;/* ボーダー線の色を指定 */
	color:#000000;  /* ボーダー線の色を指定 */
	font-size: 80% ;/* フォントのサイズを80%に縮小して表示 */
	padding: 2px 4px 2px 4px ;/* 文字と四角の間に余白をつくる  */
	margin-left : 2px;/* 左隣りの文字とのスペースを2pxつくる  */
	margin-right: 2px;/* 右隣りの文字とのスペースを2pxつくる  */
	vertical-align: 3%;  /* 上下のずれを微修正；少し上に移動  */
}	





/*------- MAGAZINE left テンプレ301 ---------*/
#ma_colbox{
	float: right;
	width: 680px;
	margin: 40px 0px 0px 0px;
}

#col_left{
	float: left;
	width: 100px;
	height:500px;	
	
}
#col_right{
	float: right;
	width: 580px;
}
#magazine_main #magazine_Pspace .LeftImg250{
	width:41%; 
	overflow:hidden;
	float:left;
	margin-right:4%
	}
#main_left #magazine_main #magazine_Pspace .LeftImg250 img{
	width:100%;
	max-width:250px; 	
	}
#magazine_main #magazine_Pspace .RightImg250{
	width:41%; 
	overflow:hidden;
	float: right;
	margin-left:4%
	}
#main_left #magazine_main #magazine_Pspace .RightImg250 img{
	width:100%;
	max-width:250px; 	
	}


/*------- MAGAZINE 画面フル テンプレ305 ---------*/
#magazine_main_full{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#magazine_main_full img{
	width:98%;
	margin:0 auto;
	}
#main #magazine_main_full #magazine_main_center_img img{
	text-align:center;
	margin:0 auto;
	width:100%;
}



/*------- 画面フル 関連ｱｰﾃｨｽﾄbox -------*/
#magazine_main_full #relation_artistbox{
	text-align: left;
	margin: 0 25px 25px 25px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #999999;
	font-size:14px;
	font-weight: bold;
}

/*------- 画面フル 本文設定 -------*/
#magazine_main_full 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,'ＭＳ Ｐゴシック',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 pgabebox -------*/
#magazine_main_full #magazine_pagebox{
	text-align: left;
	width:90%;
	margin: 10px auto 25px auto;
	padding: 10px 0 10px 10px;
	background-color: #E8F9FF;
	color: #82B3D1;
	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;
}

/*------- 画面フル 画像左 関連ｱｰﾃｨｽﾄbox -------*/
#magazine_main_full #main_full_right #relation_artistbox{
	text-align: left;
	margin: 0 25px 25px 25px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #999999;
	font-size:14px;
	font-weight: bold;
}

/*------- 画面フル 画像左 本文設定 -------*/
#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,'ＭＳ Ｐゴシック',sans-serif;
}










/*==============================*/
/*     関連アーティスト         */
/*==============================*/
/*------- 幅・色設定 -------*/
#main_left #relation_artistbox{
	text-align: left;
	margin: 0 50px 25px 50px;
	padding: 10px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

/*------- <a>タグ 色・下線設定 -------*/
#main_left #relation_artistbox a{
	color:#000000;
	text-decoration:underline;
}

#main_left #relation_artistbox a:hover{
	color:#999999;
	text-decoration:underline;
}

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



/*==============================*/
/*     関連商品         */
/*==============================*/
/*------- 幅・色設定 -------*/

#related_item{
	margin:10px 50px;
	}

.related_title{
	text-align:left;}



/*==============================*/
/*      ページ部分設定          */
/*==============================*/
/*------- 幅・色設定 -------*/
#main_left #magazine_pagebox{
	text-align: center;
	width:90%;
	margin: 10px auto 25px auto;
	padding: 10px 0 10px 10px;
	background-color: #E8F9FF;
	color: #82B3D1;
	font-size: 14px;
	font-weight: bold;
}
/*==============================*/
/*     　youtube動画配置 音源        */
/*==============================*/
#main_left iframe{
	width:100%;
}






/*==============================*/
/*      addthis      */
/*==============================*/
#addthis{
	width:93%;
	margin:5% auto;
	overflow:hidden;
}




/*++++++++++++++++++++++++++++++++++++++++++
PC表示 max-width:1279px
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and  (max-width:1279px){

	#main #main_left{
		float: left;
		width: 68%;
		margin-left: 2%;
		margin-bottom: 20px;
	}


}


/*++++++++++++++++++++++++++++++++++++++++++
PC表示 min-width:1280px
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1280px){

	#main{
		text-align: center;
		width: 100%;
	}

	#main #main_left{
		float: left;
		width: 70%;
		margin-left: 6%;
		margin-bottom: 20px;
	}



}


/*++++++++++++++++++++++++++++++++++++++++++
タブレット表示 max-width:1024px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:1024px){
	
	#main #main_left{
        float: left;
	    width: 99%;
	    margin-left: 1%;
	    margin-bottom: 20px;
	}


	
	#main_left #feat_topics #content_wrapper .review img,
	#main_left .SpecialContBox .SpecialCont_R img,
	#main_left .SpecialContBox .SpecialCont_L img{
	    width: 100%;	
	}

}

/*++++++++++++++++++++++++++++++++++++++++++
スマホ、タブレット縦表示max-width:768px
+++++++++++++++++++++++++++++++++++++++++++*/

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

}
/*++++++++++++++++++++++++++++++++++++++++++
スマホ表示max-width:767px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:767px){
	
	.pc,.tablet {
		display: none;
	}
.sp,.smart{
		display: block;
	}
	body {
/* 		background-color:#e5f4f0; */
	}

	#top_mainspace img{
		width:100%;
		margin:0 auto 0px auto;
	}
	
	#main{
		text-align: center;
/* 		margin: 1% auto 0px auto; */
		padding-bottom: 2%;
		text-align: justify;
/* 		width: 98%; */
		width: 100%;
		max-width: 1100px;
		overflow: hidden;
/* 		background-color: #fff; *//*見出し妨害*/
		box-sizing:border-box;/*見出し演出のための代替措置*/
		border: 0px solid #e5f4f0;/*見出し演出のための代替措置*/
	
	}

	
	#main #main_left{
		width:100%;
		margin:1% auto;
	}
	
	#content_wrapper #whats_new_box{
		width:100%;
		float: none;
		font-size:85%;
		letter-spacing:normal;
		line-height: 1.5em;
		margin-left: inherit;
	}

	
	/*--- 記事一覧タイトル ---*/
	#column_topics_list .ct_title h1{
		font-size:130%;
		line-height:1.3em;
		padding:1% 0
	}
		
	/*--- 記事一覧 ---*/
	#column_topics_list{
		width: 94%;
		padding:10% 0;
	}

	/*--- ブロック2　コーナー  ---*/
	#content_wrapper .topics2{
		padding:3%;
		background-color:#f6f5f4;
		width:85%;
		margin:0px auto 2% auto;
		overflow:hidden;
		float: none;
		font-size: 13px;
		line-height: 1.8em;
	}
	
		
	/*--- ブロック4　コーナー ---*/
	#main_left .topics4{
		margin:0px auto 0% auto;
		clear:both;
	}

	#main_left .topics4 img{
		width:97%;
		margin:0px auto;
	}

	#main_left .topics4 p{
		text-align:center
	}

	.photo img{
		width:100%;
	}
		    
	/*--- 広告バナー  ---*/
	#content_wrapper .ADsmart{
		 text-align:center;
		 width:91%;
		 margin:2% auto;
		 overflow:hidden;
	}

	.ADsmart .ADsmart-L img{
		float:left;
		width:100%;
	}

	.ADsmart .ADsmart-R img{
		float: right;
		width:100%;
	}
	
	/*--- 真ん中特集バナー  ---*/
	#main_left .SpecialContBox img{
		width: 100%;
		max-width:680px;
		margin:0px auto 1% auto;
	}

	#main_left .SpecialContBox .SpecialCont_L{
		float: none; 
		width: auto;
	}

	#main_left .SpecialContBox .SpecialCont_R{
		float: none; 
		width: auto;
	}


	
	#contents_list_area .contents_list{
		float:left;
		width:98%;
		margin: 1%;
	}
	
	#contents_list_area .contents_list .cl_img{
		float:left;
		width:100%;	
	}
		
	#contents_list_area .contents_list .cl_img img{
		float:left;
			width:100%;	
	}
	


	
	#main_left #magazine_main .interview{
		padding: 3% 4%;
	}
	
	#main_left #magazine_main .smart img{
		margin: 0px auto 10px auto;
	}

	#magazine_Pspace {
		float: left;
		width: 92%;
		padding: 4% 4%;
		margin-top: 5px;
		margin-left: 0px;
	}

	#magazine_main .textInfo p,
	#magazine_main p.textInfo,
	#magazine_main #magazine_Pspace p.textInfo {
		font-size:11px;
		padding:0;
		font-weight: 300;
		/*margin:0 4%;*/
	}
	
	#magazine_main p.profile{}
	
	#magazine_main p.profile_name{}
	
	.FLtextInfo{
		/*margin:0 4%;*/
	}

	.FLtextInfo dt{
		font-size:110%;
		line-height:1.4em
	}

	.FLtextInfo dd{
		font-size:95%;
	}

	#main_left #magazine_main .CapTxt{
		/*padding: 0px 4% 4%;*/
	}

	#main_left #magazine_main .SMclear{
		clear:both;
	}

	#main_left #magazine_main .TxtImg_full{
		width:95%;
		margin:5% auto 2% auto;
	}

	#main_left #magazine_main #magazine_Pspace p img{
		width:100%;
		padding:0% 0%;
		height: auto;
	}

	#magazine_main #magazine_pageskip h4{
		float: right;
		text-align:right;
		font-size:75%;
	}

	

	/*--- 飾り ---*/
	.FLline{
		width:100%;
	    height: 12px;
	    border: 0;
	    box-shadow: inset 0 2px 2px -2px rgb(181 224 212);
	}
	
	.w_10,
	.w_20,
	.w_30,
	.w_40,
	.w_50,
	.w_60,
	.w_70,
	.w_80{
		width:100%;
	}


	/*==============================*/
	/*     　youtube動画配置 音源        */
	/*==============================*/
	#main_left iframe{
		width:98%;
	}
	
}


/*++++++++++++++++++++++++++++++++++++++++++
tablet縦表示 min-width:768px
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px){
	.smart,.sp,.pc {
		display: none;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++
tablet表示 min-width:960px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width:960px){
	.pc{
		display: block;
	}
}


/*++++++++++++++++++++++++++++++++++++++++++
タブレットipad pro 横表示 min-width:1112px
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1111px){

	
}
/*++++++++++++++++++++++++++++++++++++++++++
タブレットipad pro 横表示 min-width:1332px
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1332px){

	
}