@charset "utf-8";

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

*{
	margin: 0px;
	padding: 0px;
}

section,article,aside,hgroup,header,footer,nav,figure{
display: block;
}

body{
	background-color: #F8F8F8;
	font-size:14px;
	line-height:120%;
}


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;

}


.clear{
	clear:					both;
}

.clear hr{
	display:				none;
}



.w_10{
	width:10%;
}.w_20{
	width:20%;
}
.w_30{
	width:30%;
}
.w_40{
	width:40%;

}
.w_50{
	width:50%;
}
.w_55{
	width:55%;
}

.w_60{
	width:60%;
}
.w_65{
	width:65%;
}
.w_70{
	width:70%;
}
.w_80{
	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;
	}


hr.dash {
	border-top: 2px dashed #8c8b8b;
}
hr.dot {
	border-top: 1px dotted #8c8b8b;
}

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

a:link {
    color:					#A4CA4A;
}

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

a:hover {
	color:                  #646466;
	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;
	}


/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header, #header2 {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	overflow:hidden;
}

#header img {
	height: auto;
}

#header nav ,#header2 nav {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	font-size:14px;
	letter-spacing:1pt;
	text-align:center;
}

#header nav .login{
	font-size:13px
}



/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー ナビゲーション
+++++++++++++++++++++++++++++++++++++++++++*/

#main-gnavi{
	overflow:hidden;
	display:block;
	z-index:999;
	width: 100%;
	max-width: 1200px;
	background-color:#FFF;

	}

#main-gnavi ul li{
	border-style:solid;
	/* Firefox v1.0+ */
	-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-width:0px;
	border-color:rgb(236,236,251);
	height:49px;
	background-color:rgb(255,255,255);
	float:left;
	width:11%;
	text-align:center;
	padding-left:0px;

}

#main-gnavi ul .home {
	width:12.4%;
}
#main-gnavi ul .review {
	width:12.4%;
}
#main-gnavi ul .login {
	width:13.4%;
	font-size:11px;
	letter-spacing: normal;
}

#main-gnavi ul li a{
	display: block;
	padding-top:20px;
	padding-bottom:13px;
	text-decoration:none;
}


#main-gnavi ul .home {
	background-color:#aacd03;
}
#main-gnavi ul .home img {
	margin:auto auto;
	width:80%;
	margin-top:-5px
}


#main-gnavi ul .topics a:hover{
	background-color:#fee34d;
	color:#FFF
}

#main-gnavi ul .review a:hover{
	background-color:#FF9989;
	color:#FFF
}

#main-gnavi ul .event a:hover{
	background-color:#76c0d3;
	color:#FFF
}

#main-gnavi ul .lesson a:hover{
	background-color:#f4bf50;
	color:#FFF
}

#main-gnavi ul .artist a:hover{
	background-color:#A49FDA;
	color:#FFF
}

#main-gnavi ul .gear a:hover{
	background-color:#76bd94;
	color:#FFF
}

#main-gnavi ul .login a {
	background-color:#edfe9e;
	color:#aacd03
}

#main-gnavi ul .login a:hover{
	background-color:#aacd03;
	color:#FFF
}








/*++++++++++++++++++++++++++++++++++++++++++
メインタイトル
+++++++++++++++++++++++++++++++++++++++++++*/

#main {
	margin: 30px auto;
	width: 90%;
	max-width: 1200px;
	overflow:hidden; 
    height: 100%;
	background-color: transparent;
}

#mainImg {
	margin: 10px auto;
	width:656px;
}

#main h1 {
	margin: 0 auto;
	max-width: 1200px;
	font-family:KozGoPr6N-Regular;
	font-size:17px;
	letter-spacing:1pt;
	line-height:160%;
	color:rgb(100,100,114);
	text-align:center;
	margin-bottom:45px;
}


/*++++++++++++++++++++++++++++++++++++++++++
メイン　left コンテンツ 
+++++++++++++++++++++++++++++++++++++++++++*/

#content_wrapper{
	overflow:hidden;
	float:left;
	width:72%;
	} 

article {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236,236,251);
	background-color: rgb(255,255,255);
	overflow: hidden;
	margin:0px 1% 1% auto;
	text-align: left;
}

article img{
	float:left;
	margin:15px;
	width:35%;
}

article .articleText{
	padding:15px;
	line-height: 1.4em;
}

.articleText dl{
	margin-top:10px;
}

article img{
	width:220px;
}

/*==============================*/
/*   Column Topics コーナー      */
/*==============================*/

.article_column_topics  {
	width: 30%;
	min-width:250px;
	height: 240px;
	overflow:hidden;
	text-align:justify;
	float:left
}

/*--- タイトル ---*/
.article_column_topics .ct_title h3{
	font-size: 18px;
	font-weight: bold;
}
/*--- タイトル ---*/
.article_column_topics .ct_subtitle{
	font-size: 12px;
	font-weight: bold;
}

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

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


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

.article_topics_news {
	width: 30%;
	min-width:250px;
	height: 240px;
	overflow:hidden;
	text-align:justify;
	float:left
	}
	
/*--- タイトル ---*/
.article_topics_news .ct_title h3{
	font-size: 18px;
	font-weight: bold;
}
/*--- タイトル ---*/
.article_topics_news .ct_subtitle{
	font-size: 12px;
	font-weight: bold;
}


/*==============================*/
/*     Feature_topicsコーナー      */
/*==============================*/

.article_feature_topics {
	width:92.5%;
	height: 240px;
	overflow:hidden;
	float:left;
}


/*--- タイトル ---*/
.article_feature_topics h3{
	font-size: 20px;
	font-weight: bold;
	margin:20px 0px;
}
.article_feature_topics img{
	height:200px;
	margin-right:30px
	}
.article_feature_topics dd{
	line-height:1.6em;
	text-align:justify
	}

.article_feature_topics .ct_subtitle{
	font-size: 12px;
	font-weight: bold;
}




/*--- ライン色---*/
.line_REVIEW{
	background-color:#FF9989;
	width:100%;
	height:6px;
}
.line_EVENT{
	background-color:#76c0d3;
	width:100%;
	height:6px;
}
.line_GEAR{
	background-color:#76bd94;
	width:100%;
	height:6px;
}
.line_ARTIST{
	background-color:#A49FDA;
	width:100%;
	height:6px;
}
.line_LESSON{
	background-color:#f4bf50;
	width:100%;
	height:6px;
}
.line_TOPICS{
	background-color:#fee34d;
	width:100%;
	height:6px;
}







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



#main_top_right {
	width: 30%;
	max-width: 300px;
	float: right;
	overflow:hidden;	
}



#main_right {
	width: 100%;
	max-width: 300px;
	float: right;
	overflow:hidden;	
}

.line{
	background-color:rgb(170,205,3);
	width:100%;
	height:6px;
	margin:30px 0px;
}



#wind-iNew .wind-ititle{
	background-color:#FDFDFD;
	width:98%;
	height:38px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	text-align:center;
	font-family:HiraKakuPro-W6;
	font-size:15px;
	letter-spacing:2pt;
	line-height:120%;
	padding-top:20px;
	overflow:hidden;
	border-bottom-style: hidden;
}
#wind-iNew .wind-iImgBox{
	background-color:#FDFDFD;
	width:98%;
	overflow:hidden;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:15px
}
#wind-iNew .wind-iImg{
	float:left;
	padding:20px 5px 15px 10px;
		width:40%;

	}
#wind-iNew .miniImg{
	float: right;
	text-align:center;
	padding:20px 10px 15px 5px;
	width:40%;

	}
#wind-iNew .miniImg img{
	margin-top:32px
}
#wind-iNew .date{
	font-size:11px;
	letter-spacing:0.5pt;
	line-height:280%;
	text-align:center;
	color:#3ba1db;
}

#wind-iNew .btn{
	color:#000;
	font-size:12px;
	text-align:center;
	padding:4px 14px;
	background-color:#bcdff3;
	overflow:hidden
}

#wind-iNew .btn:hover{
	background-color:#3ba1db;
	color:#FFF
}




#main_right img {
	margin:3px 0px;	
}

#Guide_nav nav{
	background-color:#FDFDFD;
	width:98%;
	height:48px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:8px;
}

#Guide_nav p{
	text-align: center;
	letter-spacing:3px;
	margin-top:17px;
}



/*--- SNS ---*/

#social-box{
	width:98%;
	background-color:#d4fae3;
	height:60px;
	overflow:hidden;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236,236,251);
	}

#social-box .social-icon{
	width:200px;
	margin:8px auto;
	}

.social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}

.social-icon i {
  width: 45px;
  height: 45px;
  margin: 10;
  border-radius: 50%;
  background: #70bf64;
  line-height: 20px;
  text-align: center;
}
.social-icon i:before { padding 0; line-height: 50px; }
.social-icon a:hover i { background: #F9D64B; }



/*==============================*/
/*      This Week Event         */
/*==============================*/
#main_right #week_event{
	background:#FDFDFD;
	width:96%;
	padding-top:25px;
	padding-right:10px;
	margin:10px 0px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
}
#week_event h3{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

/*--- 今週のイベント ---*/
#week_event .ev_sub_tit{
	font-size: 9px;
	font-weight: normal;
	color:#3ba1db;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;

}

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

/*--- リンク ---*/
#week_event a{
	color: #000000;
}
/*--- リンク ---*/
#week_event .more_info{
	color:#3ba1db;
	font-size: 9px;
	margin-left: 15px;
	text-align:right;
}
/*--- ジャンル(右端) ---*/
#week_event .genre{
	font-family: 'impact', 'tahoma', sans-serif;
	float: right;
	color: #9e9e9e;
	font-size: 10px;
}

/*==============================*/
/*        バナーエリア          */
/*==============================*/
#main_right #right_banner{
	width:100%;
	background: #FFF;
}

/*==============================*/
/*           PICKUP             */
/*==============================*/
#main_right #pickup{
	background:#FDFDFD;
	width:98%;
	height: auto;
	padding-top: 20px;
	margin-top:10px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
}

#pickup h4{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

#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 img{
	float:left;
	margin-right:15px;
	margin-bottom:10px
	}
	#pickup .pickup_box img{
		float:left;
		width:100%;

}

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

#pickup .rt_os{
	font-size: 10px;
	font-weight: normal;
	color:#aacd03;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;
}





/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/

footer {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	overflow:hidden;
	text-align:center
}

footer ul {
	background-color:#aacd03;
	padding: 20px 0px;
}

footer li {
	list-style-type: none;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 9px;
	padding: 2px 0px;
	letter-spacing:1pt;
	text-align:center;
}

footer .footerLink a {
	color: #fff;
	
}
footer .footerLink  a:hover{
	text-decoration: none;
	border-bottom: solid 1px #fff;
	padding-bottom: 0px; 
}

footer img {
	margin:5px 3px;
}

footer .social-icon {
 	height:50px;
	margin:0px auto;
	width:200px
	}


/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン
+++++++++++++++++++++++++++++++++++++++++++*/

#Magagine_main_left{
	width: 79%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#main_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:100%;
	background-color:rgb(255,255,255);
}
#main_Magagine dl{
	margin:2%;
	text-align: left;
	font-size:11px;
	font-weight:bold
	}
	
#main_Magagine img{
	width:100%;
	margin-top:3%;
	max-width:790px
	}
	
#magazine_space{
	padding:3%;
	}
	
#magazine_pageskip{
	text-align:center;
	margin:20px 0px 50px 0px;
	}
#magazine_Pspace{
	width:100%;
	text-align:justify;
	margin:0px auto;
	padding:1rem;/*追加*/
	}
#magazine_pagebox{
	background-color:#F3FEC0;
	padding:1.5%;
	margin-top:30px
	}
#relation_artistbox{
	text-align:left;
	padding:2%;
	line-height:1.5em;
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:96%;
	background-color:rgb(255,255,255);
	margin-top:1%;
	font-size: small;
	}	
#related_topic{
	text-align:left;
	padding:2%;
	line-height:1.5em;
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:96%;
	background-color:rgb(255,255,255);
	margin-top:1%;
	font-size:small;
	}

	
	#related_topic img{
		width:auto;

	}
	
	#related_topic .icon img{
		width:20%;
		float:left;
		margin-top:0px;

	}
	
	
	
	#related_topic .relate_hin_box{
				margin-top:10px;

	}
	
	
	#related_topic .relate_hin_box_text{
	margin-top:10px;
	font-size:16px;
	float:right;
	width:75%;
	
	}
	
	
#addthis{
	text-align:left;
	padding:1%;
	}
#related_item{
	padding:2%;
	line-height:1.5em;
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:96%;
	background-color:rgb(255,255,255);
	margin-top:1%;
	}
	
#related_item .related_title{
	text-align:left;
	}
	
.WindInfo dt{
	font-size:14px;
	margin-top:5%;
	margin-bottom:1%;
	}
.WindInfo dd{
	font-weight:normal;
	line-height:1.7em;
	}
#magazine_Pspace aside{
	font-size:11px;
	width:97%;
	margin:3% auto 0px auto;
	}
.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_Pspace .HyoshiImg  {
	width:12px;
	vertical-align:-6px
	}
#magazine_Pspace img.MarkImg {
	width:12px;
	vertical-align:-3px
	}

#magazine_Pspace .Pspace.HyoshiImg {widht:50px;}
	#magazine_Pspace .HyoshiImg,
	#magazine_Pspace .MarkImg {
			widht:50px;
		}
	#magazine_Pspace .HyoshiImg
			widht:50px;


/******************** 関連商品 ********************/

.related_title{
    text-align: center;
}

#related_item dl{
	margin-top:				10px;
	margin-right:			3px;
	margin-bottom:			1em;
	padding:				0px;
	float:					left;
	width:					136px;
	font-size:				12px;
}
#related_item dt{
	margin:					0px;
	padding:				0px;
	text-align:				center;
}
#related_item dd{
	margin:					0px;
	padding:				4px 0.5em;
	text-align:				center;
}
#related_item dd.price{
	height:					24px;
	font-size:				12px;

}
#related_item dd.name{
	height:					24px;
	line-height:1.3em
}

/******************** 関連商品2 セット ********************/

.relate_hin_box2{
	width:					640px;
	height: 100%;
}
.related_title{
    text-align: center;
}
.relate_hin_box2 dl{
	margin-top:				10px;
	margin-right:			3px;
	margin-bottom:			1em;
	padding:				0px;
	float:					left;
	width:					150px;
	font-size:				12px;
}
.relate_hin_box2 dt{
	margin:					0px;
	padding:				0px;
	text-align:				center;
}
.relate_hin_box2 dd{
	margin:					0px;
	padding:				4px 0.5em;
	text-align:				center;
}
.relate_hin_box2 dd.price{
	height:					24px;
	font-size:				12px;
}
.relate_hin_box2 dd.name{
	height:					24px;
}





/*--- マガジン文章部分 ---*/

#maintitle h1{
	font-size:24px;
	letter-spacing:1pt;
	text-align:center;
	line-height:1.5em;
	font-weight: normal;
	}
#subtitle h2{
	font-size:14px;
	letter-spacing:1pt;
	line-height:120%;
	text-align:center;
	margin-bottom:50px;

}
#subtitle{
	margin-top:-35px;
	}
#magazine_pageskip h4{
	font-size:11px;
	letter-spacing:1pt;
	}
#magazine_space p{
	font-size:14px;
	letter-spacing:0.5pt;
	line-height:2.5em;
	text-align:justify;
	margin-top:20px;
}
#magazine_space img{
	margin: 10px 0px 0px 0px;
	width: 100%;
	max-width:790px;
}
.Title{
	border-left: solid #aacd03 6px;
	padding-left: 0.5em;
	display: block;
	line-height:1.6em;
	letter-spacing:1px;
	margin-top:10px
}
#magazine_Pspace .CapTxt{
	text-align: justify;
	line-height: 1.6em;
	margin-top:1%;
	font-size:80%;
	}
#magazine_Pspace h2{
	line-height:1.3em;
}
/*------- 本文インタビュー設定 -------*/
#magazine_Pspace .interview {
	overflow: hidden;
	line-height:25px;
	font-size:13px;
	color:#3b3b3b;
	padding-bottom:1.2em;
	text-align:justify;
}

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

#magazine_Pspace .interview dd{
	margin-left: 4em;
	padding-bottom:1.2em;
	font-weight:normal;
}

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

#magazine_Pspace .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%;
}

/*--- テンプレ-2 左画像 ---*/

#magazine_Pspace #magazine_main_right_img{
	float: right;
	width: 41%;
	margin-bottom:5%;
	margin-left:5%;
}
#magazine_Pspace #magazine_main_right_img img{
	max-width:300px
}
/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/

#magazine_space #magazine_main_left_img{
	float: left;
	width: 41%;
	margin-bottom:5%;
	margin-left:1%;
	margin-top:20px;
}
#magazine_Pspace #magazine_main_left_img img{
	max-width:300px
}

/*------- テンプレ-3 フルコンテンツ ---------*/
#magazine_main_full{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}


#magazine_main_full #magazine_Pspace{/*20191022追加*/
	max-width:none;
}





#main #magazine_main_full #magazine_main_center_img img{
	text-align:center;
	margin:0 auto;
	width:100%;
}

/*------- 画面フル 本文設定 -------*/
#magazine_main_full  p{
	font-size:110%;
	letter-spacing:0.5pt;
	line-height:2.5em;
	text-align:justify;
	margin-top:3%;
}







/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン_List表示
+++++++++++++++++++++++++++++++++++++++++++*/

#list_main_left{
	width: 73%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 900px;
}

#list_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:43%;
	background-color:rgb(255,255,255);
	text-align:left;
	padding:3%;
	overflow:hidden;
	margin-bottom:0.5px;
		float:left;
	height: 250px;

}
#list_Magagine #ct_box{
	margin-top:-5px;
	height: 70px;
	overflow:hidden;

	}

#list_Magagine .ct_title{
	font-size:18px;
	line-height:1.3em;
	}
#list_Magagine .ct_subtitle{
	font-size:13px;
	line-height:1.3em;
	margin:5px 0px;
	}
#list_Magagine img{
	width:220px;
	float:left;
	margin-right:20px
	}
#list_Magagine .list_text {
	float:left;
	width:100%;
	font-size:13px;
	line-height:1.7em;
	letter-spacing:0.5px;
	margin-top:5px;
	text-align:justify;
	height: 84px;
	overflow:hidden;
	

	}





/*==============================*/
/*      最新記事紹介  　　    */
/*==============================*/
#Guide_main_left .tp_table{
	margin:15px;
}
#Guide_main_left .tp_table td{
	text-align:left;
	width:30%;
	height:100%;
	padding:5px;
	overflow:hidden;

}
#Guide_main_left .tp_table td img{
	width:100%;
	height:auto; 
}
#magazine_enquete {
	padding: 5px;
	margin-top:100px;
	text-align:center;
	line-height:1.5em;
}	

#magazine_enquete table{
	padding: 0px;
		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: #4ecfd7;
    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: #4ecfd7;
    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;
}



#main_Magagine #member_access {
	padding: 20px 20px 10px 20px;
	text-align: center;
	background-color: #F0F6EE;
	margin: 10px 50px 10px 50px;
}

#main_Magagine #member_access .login_btn {
	margin:10px auto;
}


#main_Magagine #member_access .login_btn img{
	margin:10px 0px 10px 0px;
	height:50px;
		width:auto;

}

#member_access p{
	color:#F90;
	
	font-size: 15px;

}


/*==============================*/
/*           PICKUP             */
/*==============================*/
#Magagine_main_left #pickup, #list_main_left  #pickup{
	background:#FDFDFD;
	width:99%;
	height: auto;
	padding-top: 20px;
	margin-top:10px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
}


#pickup h4{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

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

#Magagine_main_left #pickup .pickup_box, #list_main_left  #pickup .pickup_box {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 2px dotted #a6a6a6;
	font-weight: bold;
	padding-top: 5px;
	width:28%;
	float:left;
	height:200px;
}

#pickup img{
	float:left;
	margin-right:15px;
	margin-bottom:10px
	}
	#pickup .pickup_box img{
		float:left;
		width:100%;

}

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

#pickup .rt_os{
	font-size: 10px;
	font-weight: normal;
	color:#aacd03;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;
}



.article_menu{
	width:100%;
	clear:both;
	float:left;
	text-align:center;


}
.article_menu ul {
	width:100%;
	clear:both;
	text-align:center;

}
.article_menu ul li a{
	display: block;
	padding-top:5px;
	text-decoration:none;

	color:#222;
}

.article_menu ul li a:hover{
	display: block;
	padding-top:5px;
	text-decoration:underline;
	color:#a6a6a6;
}

.article_menu ul li{
	border-style:solid;
	/* Firefox v1.0+ */
	-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-width:0px;
	border-color:rgb(236,236,251);
	height:auto;
	background-color:rgb(255,255,255);
	float:left;
	text-align:left;
	padding:0px 15px;
	line-height:150%;

}





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

@media only screen and (max-width: 567px){
.pc{
	display: none;
}


.w_10, .w_20,.w_30, .w_40, .w_50, .w_55, .w_60, .w_65, .w_70, .w_80{
	width:100%;
}

#header {
	width:100%;
	margin-bottom:5px;
	height:auto;ling
	
}
#header2 {
	width:100%;
	margin-bottom:5px;
	background-color:#A4CA4A;
	height:50px;
	position:fixed;
	margin-top:-5px;
	text-align:center;
	z-index:99999;

}

#header2 .sp_menu_btn{
	width:50px;
	margin-bottom:5px;
	height:30px;
	margin-top:10px;
	float:right;
}



#header2 .sp_toprogo{
	width:84%;
	margin-bottom:5px;
	height:30px;
	margin-top:15px;
	float:left;

}
#header2 .sp_toprogo img{
	
	margin-left:40px;


}

/*--- メニュー---*/
#top_menu {
	margin:0px auto;
	width: 100%;
	background-color:#A4CA4A;
	color:#FFF;
	padding: 5px 0px;
	line-height:160%;
	height:60px;
	
}

#top_menu a {
	
	color:#FFF

}


#top_menu img{
	
	height:auto;
	width:70px;
	
}




/*--- main---*/
#main {
	margin:5px auto;
	width: 100%;
}

#Magagine_main_left{
	width: 95.5%;
	margin:60px auto;
	float:none;
}
#magazine_main_full{
	width: 95.5%;
	margin:0px auto;
	float:none;
}

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

#main h2 {
	margin-top: 0px;
	font-family: KozGoPr6N-Regular;
	font-size: 100%;
	line-height: 160%;
	color: #aacc03;
	letter-spacing: 1px;
	text-align: center;
	margin: 20px 0px;
	font-weight: normal;
}

#magazine_Pspace h2{
	margin-top:0px;
	font-family:KozGoPr6N-Regular;
	font-size:125%;
	line-height:160%;
	color:#aacc03;
	letter-spacing:1px;
	text-align:left;
	margin-bottom:2px;
	font-weight:normal;
}

/*--- left 記事---*/
#content_wrapper{
	margin-top:40px;
	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%;
}
/*------- 画面フル 本文設定 -------*/
#magazine_main_full  p{
	letter-spacing:0.5pt;
	line-height:2.5em;
	padding-top:10px
}


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



/*--- 広告---*/
#ADspTop{
	margin:5px 0px;
	width:50%;
	float:left;
	}
.smart img{
	width:100%;
	}

/*--- footer---*/
footer{
	width:100%
	}

footer ul {
	padding: 8px 0px;
}

footer li {
	line-height:1.3em;
}

footer img {
	width: 30%;
	padding: 5px 0px 0px 0px;
	height: auto;
}

footer  a:hover{
	color: #fff;
}

/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン_List表示
+++++++++++++++++++++++++++++++++++++++++++*/

#list_main_left{
	width: 100%;
	height: auto;
	margin:30px auto;
	overflow:hidden;
	float:left;
}

/*--- マガジンリスト表示 ---*/

#list_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:100%;
	background-color:rgb(255,255,255);
	text-align:left;
	padding:3%;
	margin-bottom:0.5px;
		float:left;
	height: auto;

}

#list_Magagine{
	text-align:left;
	padding:5%;
	margin-bottom: 0px auto 0.5px auto;
	}

#list_Magagine img{
	float: none;
	width:90%;
	}

#list_Magagine .list_text {
	width:97%;
	float: none;
	font-size:13px;
	line-height:1.5em;
	margin-top:4px;
	}
#list_Magagine .ct_title{
	font-size:18px;
	line-height:1.2em;
	margin-top:8px;
	}
#list_Magagine .ct_subtitle{
	font-size:13px;
	line-height:1.2em;
	margin:5px 0px;
	}




#magazine_space #magazine_main_left_img{
	float: left;
	width: 100%;
	margin-bottom:5%;
	margin-left:1%;
	margin-top:20px;
}
#magazine_Pspace #magazine_main_left_img img{
	max-width:100%
}


/*--- マガジン文章部分 ---*/

#maintitle h1{
	font-size:16px;
	letter-spacing:0.5pt;
	text-align:center;
	line-height:1.5em;
	font-weight: normal;
	}
#subtitle h2{
	font-size:14px;
	letter-spacing:0.5px;
	line-height:1.5em;
	text-align:center;
}
#magazine_pageskip h4{
	font-size:12px;
	letter-spacing:0px;
	margin: 10px 0;
	}
	
	#magazine_pageskip h4 a{
		color:#999;

	text-decoration:underline;
	}
#Magagine_main_left #main_Magagine h3{
	letter-spacing:0.5px;
	line-height:1.7em;
	font-size:110%;
}
	
#magazine_space p{
	font-size:13px;
	letter-spacing:0pt;
	line-height:1.7em;
	text-align:justify;
	margin-top:15px;
}

#magazine_space img{
	margin:10px 0px;
	width:100%;
	height:auto;

}
#magazine_Pspace img.HyoshiImg {
	width:12px;
	vertical-align:-16px
	}
#magazine_Pspace img.MarkImg {
	width:12px;
	vertical-align:-12px
	}
#magazine_pageskip{
	text-align:center;
	margin:20px 0px 35px 0px;
	}
#relation_artistbox{
	font-size:10px;
	}	
#related_topic{
	font-size:10px;
	}
#magazine_pagebox{
	width:100%;

	font-size:20px;
	padding:15px;
	line-height:150%;
	height:auto;
	}
#magazine_Pspace{
	width:100%; /* 97% 20191106_変更*/
	margin:0px auto;
	padding:0px; /*20191106_追加*/
	}
#magazine_Pspace .SMclear{
	clear:both;
}
#magazine_Pspace .interview dt.interviewer{
	font-weight: bold;
	letter-spacing: -0.3em;
}
#magazine_enquete {
	margin-top:10px;
	text-align:center;
		width: 100%;
}	

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

#magazine_enquete table th{
	max-width:250px;
    padding: 10px;
	background: #4ecfd7;
    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: #4ecfd7;
    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: 15px;
}
#magazine_enquete table .p1{
	font-size: 8px;
	color: #CAF1ED;
	padding-left: 10px;
}	


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

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

}	

#magazine_enquete table select{
width: 90%;
}	

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


#related_topic img{
		width:auto;

	}
	
	#related_topic .icon img{
		width:25%;
		float:left;
		margin-top:0px;

	}
	
	
	
	#related_topic .relate_hin_box{
				margin-top:30px;

	}
	
	
	#related_topic .relate_hin_box_text{
	margin-top:2px;
	font-size:13px;
	float:right;
	width:68%;
	
	}
	
	
	

#main_Magagine #member_access {
	padding:10px 20px 10px 20px;
	text-align:center;
  		background-color:#FFF;
	margin:10px 0px 10px 0px;

}

#main_Magagine #member_access .login_btn {
	margin:10px auto;
}


#main_Magagine #member_access .login_btn img{
	margin:10px 0px 10px 0px;
	height:50px;
	width:auto;
}

#member_access p{
	color:#F90;
	
	font-size: 15px;

}


#Magagine_main_left #pickup .pickup_box, #list_main_left  #pickup .pickup_box {
	margin-left: 15px;
	margin-right: 10px;
	border-top: 2px dotted #a6a6a6;
	font-weight: bold;
	padding-top: 5px;
	width:41%;
	float:left;
	height:100%;
	margin-bottom: 10px;

}




}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
スマホ 横 表示 667px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen
    and (min-device-width:548px)
    and (max-device-width:667px)
    and (orientation:landscape){
	

.smart{
display: none;
}
.tablet{
	display:block;
}
#header, #header2 {
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
}
#header nav ,#header2 nav {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	font-size:10px;
	letter-spacing:1pt;
	text-align:center;
	background-color:#FFF;

}
#header nav {
	font-size:8px
}

#main-gnavi ul .login {
	width:18%;
	font-size:8px;
	letter-spacing: normal;

}
#main-gnavi ul .review {
	width:14%;
	font-size:8px;
	letter-spacing: normal;
}
#main-gnavi ul li a{
	display: block;
	padding-top:5px;
	text-decoration:none;
}

#main-gnavi ul li{
	border-style:solid;
	/* Firefox v1.0+ */
	-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-width:0px;
	border-color:rgb(236,236,251);
	height:30px;
	background-color:rgb(255,255,255);
	width:10%;
	float:left;
	text-align:center;
	padding:0px 2px;

}

#main {
	margin: 30px auto;
	width: 100%;
    height: auto;
	background-color: transparent;
}
#Magagine_main_left{
	width: 100%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#content_wrapper{
	float:left;
	width:100%;
	} 

/*==============================*/
/*     Feature_topicsコーナー      */
/*==============================*/

.article_feature_topics {
	width:97%;
	height: 240px;
	overflow:hidden;
	float:left;
}

 .article_feature_topics img{
	width:40%;
}

	
/*==============================*/
/*   Column Topics コーナー      */
/*==============================*/

.article_column_topics  {
	width: 48%;
	min-width:230px;
	height: 260px;
	overflow:hidden;
	text-align:justify;
	float:left
}

article img{
	width:90%;
}







/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン_List表示
+++++++++++++++++++++++++++++++++++++++++++*/

#list_main_left{
	width: 100%;
	height: auto;
	margin:20px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#list_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:43%;
	background-color:rgb(255,255,255);
	text-align:left;
	padding:3%;
	overflow:hidden;
	margin-bottom:0.5px;
		float:left;
	height: 250px;

}




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


#main_top_right {
	width: 100%;
	max-width: 768px;
	float: right;
	overflow:hidden;	
}

#main_right {
	width: 100%;
	max-width: 768px;
	float: right;
	overflow:hidden;	
}
#main_right img {
	margin:3px 0px;	
	width: 100%;

}


.line{
	background-color:rgb(170,205,3);
	width:100%;
	height:6px;
	margin:30px 0px;
	float:left;
}



#wind-iNew .wind-ititle{
	background-color:#FDFDFD;
	width: 100%;
	height:38px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	text-align:center;
	font-family:HiraKakuPro-W6;
	font-size:15px;
	letter-spacing:2pt;
	line-height:120%;
	padding-top:20px;
	overflow:hidden;
	border-bottom-style: hidden;
}
#wind-iNew .wind-iImgBox{
	background-color:#FDFDFD;
	width: 100%;
	overflow:hidden;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:15px
}
#wind-iNew .wind-iImg{
	float:left;
	padding:20px 5px 15px 10px;
		width:40%;
		height:auto;

	}
#wind-iNew .miniImg{
	float: right;
	text-align:center;
	padding:20px 10px 15px 5px;
	width:40%;
	height:auto;

	}

#wind-iNew .wind-iImg img{
	margin-top:0px;
	width:50%;
	height:auto;
}
#wind-iNew .miniImg img{
	margin-top:42px;
	width:40%;
	height:auto;
}
#wind-iNew .date{
	font-size:11px;
	letter-spacing:0.5pt;
	line-height:280%;
	text-align:center;
	color:#3ba1db;
}

#wind-iNew .btn{
	color:#000;
	font-size:10px;
	text-align:center;
	padding:4px 14px;
	background-color:#bcdff3;
	overflow:hidden
}

#wind-iNew .btn:hover{
	background-color:#3ba1db;
	color:#FFF
}




#main_right img {
	margin:3px 0px;	
}

#Guide_nav nav{
	background-color:#FDFDFD;
	width:48%;
	height:48px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:8px;
	float:right;
	margin-right:10px;

}


#main_top_right #Guide_nav nav{
	background-color:#FDFDFD;
	width:48%;
	height:48px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:8px;
	float:right;
	margin-right:0px;

}

#Guide_nav p{
	text-align: center;
	letter-spacing:3px;
	margin-top:17px;
}



/*--- SNS ---*/

#social-box{
	width:98%;
	background-color:#d4fae3;
	height:60px;
	overflow:hidden;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236,236,251);
	}

#social-box .social-icon{
	width:200px;
	margin:8px auto;
	}

.social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}

.social-icon i {
  width: 45px;
  height: 45px;
  margin: 10;
  border-radius: 50%;
  background: #70bf64;
  line-height: 20px;
  text-align: center;
}
.social-icon i:before { padding 0; line-height: 50px; }
.social-icon a:hover i { background: #F9D64B; }



/*==============================*/
/*      This Week Event         */
/*==============================*/
#main_right #week_event{
	background:#FDFDFD;
	width: 56%;
	padding-top:25px;
	padding-right:10px;
	margin:10px 0px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:right;
}

#main_top_right #week_event{
	width: 100%;
	padding-top:25px;
	padding-right:10px;
	margin:10px 0px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:right;
}

#week_event h3{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

/*--- 今週のイベント ---*/
#week_event .ev_sub_tit{
	font-size: 9px;
	font-weight: normal;
	color:#3ba1db;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;

}

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

/*--- リンク ---*/
#week_event a{
	color: #000000;
}
/*--- リンク ---*/
#week_event .more_info{
	color:#3ba1db;
	font-size: 9px;
	margin-left: 15px;
	text-align:right;
}
/*--- ジャンル(右端) ---*/
#week_event .genre{
	font-family: 'impact', 'tahoma', sans-serif;
	float: right;
	color: #9e9e9e;
	font-size: 10px;
}

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


#main_right .right_bannerA{
	width: 50%;
		float:left;

}
#main_right .right_bannerA img{
	width: 48%;
	float:left;

}
#main_right .right_bannerL{
	width: 50%;
	float:right;
}

#main_right .right_bannerM{
	width: 100%;
		float:left;

}
#main_right .right_bannerM img{
	width: auto;
	height: 280px;
	float:left;

}
#main_right .right_bannerS{
	width: 100%;
	float:left;

}
#main_right .right_bannerS img{
		width: 30%;
		float:left;
		margin:5px 7px;
}



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



#main_right #pickup{
	background:#FDFDFD;
	width: 100%;
	height: auto;
	padding-top: 20px;
	margin-top:10px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:left;

}
#pickup h4{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

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



 #list_main_left #pickup .pickup_box {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 2px dotted #a6a6a6;
	font-weight: bold;
	padding-top: 5px;
	width:26%;
	float:left;
	height:200px;
}
 #Magagine_main_left #pickup .pickup_box {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 2px dotted #a6a6a6;
	font-weight: bold;
	padding-top: 5px;
	width:26%;
	float:left;
	height:200px;
}


#pickup .pickup_box img{
		float:left;
		width:100%;

}

#pickup img{
	float:left;
	margin-right:15px;
	margin-bottom:10px
	}

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

#pickup .rt_os{
	font-size: 10px;
	font-weight: normal;
	color:#aacd03;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;
}




}



/*++++++++++++++++++++++++++++++++++++++++++
PC　表示
+++++++++++++++++++++++++++++++++++++++++++*/

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


/*++++++++++++++++++++++++++++++++++++++++++
iPad横 1024px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:landscape) {
	.smart{
	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;

}

#header, #header2 {
	margin: 0 auto;
	width: 100%;

}

#main-gnavi ul li{
	border-style:solid;
	/* Firefox v1.0+ */
	-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-width:1px;
	border-color:rgb(236,236,251);
	height:49px;
	background-color:rgb(255,255,255);
	float:left;
	width:12%;
	text-align:center;
	padding-left:0px;

}

#main {
	margin: 30px auto;
	width: 100%;
    height: auto;
	background-color: transparent;
}
/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン_List表示
+++++++++++++++++++++++++++++++++++++++++++*/

#list_main_left{
	width: 74%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#list_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:43%;
	background-color:rgb(255,255,255);
	text-align:left;
	padding:3%;
	overflow:hidden;
	margin-bottom:0.5px;
		float:left;
	height: 250px;

}


#Magagine_main_left{
	width: 100%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#content_wrapper{
	overflow:hidden;
	float:left;
	width:73%;
	} 
	
/*==============================*/
/*     Feature_topicsコーナー      */
/*==============================*/

.article_feature_topics {
	width:98%;
	height: 240px;
	overflow:hidden;
	float:left;
}
	
/*==============================*/
/*   Column Topics コーナー      */
/*==============================*/

.article_column_topics  {
	width: 32%;
	min-width:230px;
	height: 240px;
	overflow:hidden;
	text-align:justify;
	float:left
}
	
	#Magagine_main_left{
	width:100%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 1024px;
}
#main_top_right {
	width: 30%;
	max-width: 250px;
	float: right;
	overflow:hidden;	
}



#main_right {
	width: 100%;
	max-width: 250px;
	float: right;
	overflow:hidden;	
}
footer{
	width:100%
}

}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
iPad縦 768px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:portrait){
	

.smart{
display: none;
}
.tablet{
	display:block;
}
#header, #header2 {
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
}
#header nav ,#header2 nav {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	font-size:11px;
	letter-spacing:1pt;
	text-align:center;
}

#main-gnavi ul .login {
	width:13%;
	font-size:9px;
	letter-spacing: normal;

}
#main-gnavi ul li{
	border-style:solid;
	/* Firefox v1.0+ */
	-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-width:0px;
	border-color:rgb(236,236,251);
	height:49px;
	background-color:rgb(255,255,255);
	float:left;
	width:12%;
	text-align:center;
	padding-left:0px;

}

#main {
	margin: 30px auto;
	width: 100%;
    height: auto;
	background-color: transparent;
}
#Magagine_main_left{
	width: 100%;
	height: auto;
	margin:0px auto;
	overflow:hidden;
	float:left;
	max-width: 829px;
}

#content_wrapper{
	float:left;
	width:70%;
	} 

/*==============================*/
/*     Feature_topicsコーナー      */
/*==============================*/

.article_feature_topics {
	width:97%;
	height: 240px;
	overflow:hidden;
	float:left;
}
	
/*==============================*/
/*   Column Topics コーナー      */
/*==============================*/

.article_column_topics  {
	width: 48%;
	min-width:230px;
	height: 240px;
	overflow:hidden;
	text-align:justify;
	float:left
}
#main_right {
	width: 29%;
	float: right;
}
#main_right img {
	margin:3px 0px;	
	width: 100%;

}


/*++++++++++++++++++++++++++++++++++++++++++
記事マガジン_List表示
+++++++++++++++++++++++++++++++++++++++++++*/

#list_main_left{
	width: 100%;
	height: auto;
	margin: 20px auto;
	overflow: hidden;
	float: left;
	max-width: 829px;
}

#list_Magagine{
	border-style:solid;
	border-width:1px;
	border-color:rgb(236,236,251);
	width:42%;
	background-color:rgb(255,255,255);
	text-align:left;
	padding:3%;
	overflow:hidden;
	margin-bottom:0.5px;
		float:left;
	height: 250px;

}



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


#main_top_right {
	width: 30%;
	max-width: 300px;
	float: right;
	overflow:hidden;	
}

#main_right {
	width: 100%;
	max-width: 768px;
	float: right;
	overflow:hidden;	
}

.line{
	background-color:rgb(170,205,3);
	width:100%;
	height:6px;
	margin:30px 0px;
	float:left;
}



#wind-iNew .wind-ititle{
	background-color:#FDFDFD;
	width: 100%;
	height:38px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	text-align:center;
	font-family:HiraKakuPro-W6;
	font-size:15px;
	letter-spacing:2pt;
	line-height:120%;
	padding-top:20px;
	overflow:hidden;
	border-bottom-style: hidden;
}
#wind-iNew .wind-iImgBox{
	background-color:#FDFDFD;
	width: 100%;
	overflow:hidden;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:15px
}
#wind-iNew .wind-iImg{
	float:left;
	padding:20px 5px 15px 10px;
		width:40%;
		height:auto;

	}
#wind-iNew .miniImg{
	float: right;
	text-align:center;
	padding:20px 10px 15px 5px;
	width:40%;
	height:auto;

	}

#wind-iNew .wind-iImg img{
	margin-top:0px;
	width:50%;
	height:auto;
}
#wind-iNew .miniImg img{
	margin-top:42px;
	width:40%;
	height:auto;
}
#wind-iNew .date{
	font-size:11px;
	letter-spacing:0.5pt;
	line-height:280%;
	text-align:center;
	color:#3ba1db;
}

#wind-iNew .btn{
	color:#000;
	font-size:10px;
	text-align:center;
	padding:4px 14px;
	background-color:#bcdff3;
	overflow:hidden
}

#wind-iNew .btn:hover{
	background-color:#3ba1db;
	color:#FFF
}




#main_right img {
	margin:3px 0px;	
}

#Guide_nav nav{
	background-color:#FDFDFD;
	width:48%;
	height:48px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:8px;
	float:right;
	margin-right:10px;

}


#main_top_right #Guide_nav nav{
	background-color:#FDFDFD;
	width:98%;
	height:48px;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	margin-bottom:8px;
	float:right;
	margin-right:0px;

}

#Guide_nav p{
	text-align: center;
	letter-spacing:3px;
	margin-top:17px;
}



/*--- SNS ---*/

#social-box{
	width:98%;
	background-color:#d4fae3;
	height:60px;
	overflow:hidden;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236,236,251);
	}

#social-box .social-icon{
	width:200px;
	margin:8px auto;
	}

.social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}

.social-icon i {
  width: 45px;
  height: 45px;
  margin: 10;
  border-radius: 50%;
  background: #70bf64;
  line-height: 20px;
  text-align: center;
}
.social-icon i:before { padding 0; line-height: 50px; }
.social-icon a:hover i { background: #F9D64B; }



/*==============================*/
/*      This Week Event         */
/*==============================*/
#main_right #week_event{
	background:#FDFDFD;
	width: 56%;
	padding-top:25px;
	padding-right:10px;
	margin:10px 0px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:right;
}

#main_top_right #week_event{
	width: 100%;
	padding-top:25px;
	padding-right:10px;
	margin:10px 0px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:right;
}

#week_event h3{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

/*--- 今週のイベント ---*/
#week_event .ev_sub_tit{
	font-size: 9px;
	font-weight: normal;
	color:#3ba1db;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;

}

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

/*--- リンク ---*/
#week_event a{
	color: #000000;
}
/*--- リンク ---*/
#week_event .more_info{
	color:#3ba1db;
	font-size: 9px;
	margin-left: 15px;
	text-align:right;
}
/*--- ジャンル(右端) ---*/
#week_event .genre{
	font-family: 'impact', 'tahoma', sans-serif;
	float: right;
	color: #9e9e9e;
	font-size: 10px;
}

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



#main_top_right .right_bannerA{
	width: 100%;
		float:left;

}
#main_right .right_bannerA{
	width: 50%;
		float:left;

}
#main_right .right_bannerA img{
	width: 48%;
	float:left;

}
#main_right .right_bannerL{
	width: 50%;
	float:right;
}

#main_right .right_bannerM{
	width: 100%;
		float:left;

}
#main_right .right_bannerM img{
	width: auto;
	height: 340px;
	float:left;

}
#main_right .right_bannerS{
	width: 100%;
	float:left;

}
#main_right .right_bannerS img{
		width: 32%;
		float:left;
		margin:5px 5px;
}

#main_top_right .right_bannerS img{
		width: 100%;
		float:left;
		margin:5px 5px;
}

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



#main_right #pickup{
	background:#FDFDFD;
	width: 40%;
	height: auto;
	padding-top: 20px;
	margin-top:10px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:left;

}
#main_top_right #pickup{
	background:#FDFDFD;
	width: 100%;
	height: auto;
	padding-top: 20px;
	margin-top:10px;
	text-align: left;
	border-color:rgb(136,136,136);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	float:left;

}
#pickup h4{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	font-weight:bold;
	}

#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{
		float:left;
		width:100%;

}

#pickup img{
	float:left;
	margin-right:15px;
	margin-bottom:10px
	}

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

#pickup .rt_os{
	font-size: 10px;
	font-weight: normal;
	color:#aacd03;
	text-align:center;
	margin:10px auto 0px auto;
	letter-spacing:2px;
}




}