/****
u0031011

レイアウトボックス設定 
背景設定
タイトル・見出し装飾設定 

インタビュー設定 
information common
本文装飾設定
ボタンパターン設定 
プロフィール設定 
動画エリア設定
フレームボックス設定 
インフォ・スペック設定
目次一覧　次のページ　次の記事へ　エリア設定
メンバーアクセス表示
タイトル・見出し装飾設定 

スマホ横　タブレット　表示　max-width: 1024px
スマホ　表示 max-width: 548px
****/





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

#main_left #magazine_main_wide{
	background-color: #FFF;
	margin: 0;
	padding: 10px 0;
}

/*------- 画像マージン設定 -------*/
#main_left #magazine_main #sub_main_img {
        margin: 0px 0 -5px;
        height: 100%;
    }


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

#main_left #magazine_main img{

}

#main_left #magazine_main_wide img{
	width:100%;

}

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

#main_img{
	width:100%;
}

#main_img img{
	width:100%;
}



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

/*------- magazine 見出し設定 -------*/

#main_left #magazine_main h1,
#magazine_main_full h1{
	text-align: justify;
	margin: 0rem 0rem 1rem;
	padding-top:5px;
	font-size:1.8rem;

}
#main_left #magazine_main h2{
        text-align: justify;
        margin: 1rem 0rem 0rem;
        padding-top:10px;
        font-size: 1.4rem;
    
    }
#main_left #magazine_main h3{
	text-align: left;
	margin:2rem 0rem 1rem;
	font-size:1.2rem;
	font-weight: bold;
}

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

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

/*------- サブタイトル -------*/
#magazine_main_full .subtitle,
#magazine_main .subtitle{
	font-size: 100%;
	text-align: left;
	margin-bottom: 5px;
}

/*------- 本文設定 -------*/
#main_left #magazine_main p{
	text-align: justify;
	line-height: 200%;
	padding: 10px 0px;
	margin:1rem 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 ;
}

#main_left #magazine_main #magazine_Pspace ul{
	text-align: justify;
	line-height: 200%;
	padding: 1rem 0rem ;
}
#main_left #magazine_main #magazine_Pspace ul li{
	margin: 1rem 0rem ;
}

#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;
}
	
.SAXtextInfo{
	margin:0 50px;
}
	
.SAXtextInfo dt{
	font-size:120%;
	margin-top:5%;
	margin-bottom:1%;
	font-weight:bold
}

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



/*------- 2ページ目以降非表示項目 -------*/

#main_left #magazine_main.page_1 .page_no,
#main_left #magazine_main.page_2 #sub_main_img,#main_left #magazine_main.page_3 #sub_main_img,#main_left #magazine_main.page_4 #sub_main_img,#main_left #magazine_main.page_5 #sub_main_img,
#main_left #magazine_main.page_2 h1,#main_left #magazine_main.page_3 h1,#main_left #magazine_main.page_4 h1,#main_left #magazine_main.page_5 h1,
#main_left #magazine_main.page_2 .subtitle,#main_left #magazine_main.page_3 .subtitle,#main_left #magazine_main.page_4 .subtitle,#main_left #magazine_main.page_5 .subtitle,
#main_left #magazine_main.page_2 .date,#main_left #magazine_main.page_3 .date,#main_left #magazine_main.page_4 .date,#main_left #magazine_main.page_5 .date,
#main_left #magazine_main.page_2 .tag_box_area,#main_left #magazine_main.page_3 .tag_box_area,#main_left #magazine_main.page_4 .tag_box_area,#main_left #magazine_main.page_5 .tag_box_area,
#main_left #magazine_main.page_2 .page_intro,#main_left #magazine_main.page_3 .page_intro,#main_left #magazine_main.page_4 .page_intro,#main_left #magazine_main.page_5 .page_intro,
#main_left #magazine_main.page_2 .prof_area,#main_left #magazine_main.page_3 .prof_area,#main_left #magazine_main.page_4 .prof_area,#main_left #magazine_main.page_5 .prof_area
{
display: none;
}
#main_left #magazine_main.page_2 .page_index,#main_left #magazine_main.page_3 .page_index,#main_left #magazine_main.page_4 .page_index,#main_left #magazine_main.page_5 .page_index{
	margin:1rem 0.2rem 1.0rem;
}

#main_left #magazine_main .page_no{
	float: right;
}

#main_left #magazine_main.page_2 #magazine_Pspace,
#main_left #magazine_main.page_3 #magazine_Pspace,
#main_left #magazine_main.page_4 #magazine_Pspace,
#main_left #magazine_main.page_5 #magazine_Pspace
{
	padding:4% 0;
}

/*------- 罫線設定 -------*/
#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;
}


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

}

/*------- MAGAZINE LEFT 画像左 テンプレ ---------*/
#main_left #magazine_main #magazine_main_left_img{
        float: left;
        width: 400px;
        padding: 5px 5px;
        margin: 0 2rem 0rem 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{
	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 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;
}


.article_contents_area{
        margin: 40px 0 0;
        float: left;
        width: 100%;    
    }


/*------- 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 画面フル 見出し設定 -------*/


#magazine_main_full h1{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#magazine_main_full h2,
#magazine_main_full h3,
#magazine_main_full h4,
#magazine_main_full p{
	max-width:1000px;
	padding:10px 0px 2px 0px;
	margin:0px auto 0;
}


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

#magazine_main_full h3{
	font-size:25px;
	font-weight: bold;
}

#magazine_main_full h4{
	font-size:18px;
	font-weight: bold;
}

#magazine_main_full h5{
	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;
}


 
#potal_main_ec #magazine_main_full h1,
#potal_main_ec #magazine_main_full h2,
#potal_main_ec #magazine_main_full h3,
#potal_main_ec #magazine_main_full h4{
margin-top:0px;
padding:10px 50px 10px 50px

}

.magazine_also #magazine_main_full h1{
margin-top:0px;
padding:0px 0px 40px;
}

.magazine_also #magazine_main_full h2{
margin-top:0px;
padding:10px 0px 20px;
}

.magazine_also #magazine_main_full h3{
	font-size:18px;
	padding:10px 0px ;

}
.magazine_also #magazine_main_full h4{
font-size:18px;
padding:10px 0px ;

}


/*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: 0px;
        margin-top: 50px;
        text-align: center;
    
    }	

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

#magazine_enquete table th{
        width: 250px;
        padding: 4%;
        background: #9f8dc5; 
        vertical-align: middle;
        text-align: left;
        width: 35%;
        overflow: visible;
        position: relative;
        color: #fff;
        font-weight: 800;
        font-size: 13px;
        line-height: 150%;
    
    }	

#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: #9f8dc5;
        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: #9f8dc5 10px solid;
        margin-top: -10px;
    }
}

 
#magazine_enquete table td {
        background-color: #E8E4E1;
        width: 65%;
        padding: 2% 3%;
    
    }
#magazine_enquete table .p1{
	font-size: 8px;
	color: #CAF1ED;
	padding-left: 10px;
}	


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

#magazine_enquete input[type="text"]  {
        padding: 3%;
        width: 96%;
    
    }	

#magazine_enquete table select{
    width: 80%;
}	

#magazine_enquete .btn_vote{
        margin: 60px 0;
    
    }



#magazine_enquete input[type="submit"] {
        background: url('/images/btn_formvote.png') no-repeat 50%;
        width: 70%;
        height: 70px;
        border: 0px solid;
        cursor: pointer;
        background-color: #9f8dc5;
        border-radius: 50px;
        padding: 20px;
		font-size: 1.6rem;  
		color: #fff;
    }
#magazine_enquete .btn_submit:hover{
	   background-color: #A5A29D;

}


/******************************************************************
	マガジン インタビューページ 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;
	float: left;
}

#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 img{
	width: 20px !important;
}


#related_topic .relate_hin_box .icon{
	width: 100%;
	max-width: 300px;
	float:left;
}

#related_topic .relate_hin_box .icon img{
	width: 100% !important;
}

#magazine_main .related_brand a,#magazine_main .related_brand a:visited{
	color: #79735B;
	text-decoration: none;
	
}
#magazine_main .related_brand a:hover{
	color: #96907B;
	text-decoration: underline;
	
}

.related_brand .brand_img{
	width: 80px;
	height: auto;
	float: left;
}
.related_brand .brand_img img{
	width: 100%;;
}

.related_brand .brand_name{
	float: left;
	padding: 30px 5px;
}
#magazine_Pspace {
	float: left;
	
	padding: 1rem 12%;
	margin-top: 5px;
	margin-left: 0px;
}
#magazine_main #magazine_Pspace{
	float: none;
	width:720px;
	padding:4% 0%;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;

}
.magazine_ocarina #magazine_Pspace {
	float: left;

	padding: 1rem 12%;
	margin-top: 5px;
	margin-left: 0px;
	width: 76%;
}

.magazine_sax #magazine_Pspace {
	float: left;
	
	padding: 1rem 10%;
	margin-top: 5px;
	margin-left: 0px;
}

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

	.magazine_ewi #magazine_Pspace {
		float: left;
		width: 92%;
		padding: 4% 4%;
		margin-top: 5px;
		margin-left: 0px;
	}
#main .magazine_also #magazine_Pspace{
	float: none;
	width:840px;
	padding:4% 0%;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;

}	
#magazine_main_112 #magazine_Pspace {
	float: left;
	
	padding: 1rem 10%;
	margin-top: 5px;
	margin-left: 0px;
	width: 100%;
}
#magazine_main_112 #magazine_Pspace h1,
#magazine_main_112 #magazine_Pspace .subtitle,
#magazine_main_112 #magazine_Pspace .tag_box_area
{
	float: left;
	
	padding: 0rem 0%;
	margin-top: 2px;
	width: 100%;
}

#magazine_main {
	width: 100%;
}

#magazine_main_full.magazine_also  {
	background-color:#edebe4;

}
#magazine_main_full.magazine_also img {
	width: 100%;
}
#magazine_main_full.magazine_also #magazine_main{
	background-color:#FFF;
	width: 1200px;
	margin: 0 auto;


}

#magazine_main .article_bg{
        height: 100%;
        width: 100%;
        float: left;
   		margin-bottom: 50px;
	overflow:hidden;
}


#magazine_main #magazine_Pspace img{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.sub_header_img img{
	width: 100%;
	padding: 0px;
	margin: 0px;
}


#magazine_main #magazine_Pspace .ct_box {
   width: 200px;
   float: left;
}

#magazine_main_full .date,
#magazine_main .date {
	font-size: 10px;
	width: 90px;
	float: left;
	color: #888888;
	padding: 10px;

}

strong{
	font-weight: bold;
}
.sp{display: none;}



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

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

.center{
	text-align:justify;
	margin: 0px auto;
}

.clear{
	clear: both;

}
.m_auto{
	margin: 0px auto;
}


.m10{	margin: 10px;}.m20{	margin: 20px;}.m30{	margin: 30px;}.m40{	margin: 40px;}.m50{	margin: 50px;}
.m_1{	margin: 1%;}.m_2{	margin: 2%;}.m_3{	margin: 3%;}.m_4{	margin: 4%;}.m_5{	margin: 5%;}.m_10{	margin: 10%;}
.p10{	padding: 10px;}.p20{	padding: 20px;}.p30{	padding: 30px;}.p40{	padding: 40px;}.p50{	padding: 50px;}
.p_1{	padding: 1%;}.p_2{	padding: 2%;}.p_3{	padding: 3%;}.p_4{	padding: 4%;}.p_5{	padding: 5%;}.p_10{	padding: 10%;}


.mt10{	margin-top: 10px;}.mt20{	margin-top: 20px;}.mt50{	margin-top: 50px;}.mt100{	margin-top: 100px;}.mt120{	margin-top: 120px;}.mt150{	margin-top: 150px;}
.mb10{	margin-bottom: 10px;}.mb20{	margin-bottom: 20px;}.mb50{	margin-bottom: 50px;}.mb100{margin-bottom: 100px;}.mb120{	margin-bottom: 120px;}.mb150{	margin-bottom: 150px;}
.mr10{	margin-right: 10px;}.mr20{	margin-right: 20px;}.mr50{	margin-right: 50px;}.mr100{	margin-right: 100px;}
.ml10{	margin-left: 10px;}.ml20{	margin-left: 20px;}.ml50{	margin-left: 50px;}.ml100{	margin-left: 100px;}

.pt10{	padding-top: 10px;}.pt20{	padding-top: 20px;}.pt50{	padding-top: 50px;}.pt100{	padding-top: 100px;}
.pb10{	padding-bottom: 10px;}.pb20{ padding-bottom: 20px;}.pb50{	padding-bottom: 50px;}.pb100{	padding-bottom: 100px;}
.pr10{	margin-right: 10px;}.pr20{	margin-right: 20px;}.pr50{	margin-right: 50px;}.pr100{	margin-right: 100px;}
.pl10{	padding-left: 10px;}.pl20{	padding-left: 20px;}.pl50{	padding-left: 50px;}.pl100{	padding-left: 100px;}


.mt_1{	margin-top: 1%;}.mt_2{	margin-top: 2%;}.mt_3{	margin-top: 3%;}.mt_4{	margin-top: 4%;}.mt_5{	margin-top: 5%;}.mt_10{	margin-top: 10%;}
.mb_1{	margin-bottom: 1%;}.mb_2{	margin-bottom: 2%;}.mb_3{	margin-bottom: 3%;}.mb_4{	margin-bottom: 4%;}.mb_5{	margin-bottom: 5%;}.mb_10{	margin-bottom: 10%;}
.ml_1{	margin-left: 1%;}.ml_2{	margin-left: 2%;}.ml_3{	margin-left: 3%;}.ml_4{	margin-left: 4%;}.ml_5{	margin-left: 5%;}.ml_10{	margin-left: 10%;}
.mr_1{	margin-right: 1%;}.mr_2{	margin-right: 2%;}.mr_3{	margin-right: 3%;}.mr_4{	margin-right: 4%;}.mr_5{	margin-right: 5%;}.mr_10{	margin-right: 10%;}

.pt_1{	padding-top: 1%;}.pt_2{	padding-top: 2%;}.pt_3{	padding-top: 3%;}.pt_4{	padding-top: 4%;}.pt_5{	padding-top: 5%;}.pt_10{ padding-top: 10%;}
.pb_1{	padding-bottom: 1%;}.pb_2{	padding-bottom: 2%;}.pb_3{	padding-bottom: 3%;}.pb_4{	padding-bottom: 4%;}.pb_5{	padding-bottom: 5%;}.pb_10{	padding-bottom: 10%;}
.pl_1{	padding-left: 1%;}.pl_2{	padding-left: 2%;}.pl_3{	padding-left: 3%;}.pl_4{	padding-left: 4%;}.pl_5{	padding-left: 5%;}.pl_10{	padding-left: 10%;}
.pr_1{	padding-right: 1%;}.pr_2{	padding-right: 2%;}.pr_3{	padding-right: 3%;}.pr_4{	padding-right: 4%;}.pr_5{	padding-right: 5%;}.pr_10{	padding-right: 10%;}

.w_10, .w_10s{	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%;}
.w_90, .w_90s{	width:90%;}
.w_100, .w_100s{	width:100%;
}

.w_10 img, .w_10s img,
.w_20 img, .w_20s img,
.w_30 img, .w_30s img,
.w_40 img, .w_40s img,
.w_50 img, .w_50s img,
.w_55 img, .w_55s img,
.w_60 img, .w_60s img,
.w_65 img, .w_65s img,
.w_70 img, .w_70s img,
.w_80 img, .w_80s img,
.w_90 img, .w_90s img,
.w_100 img, .w_100s img{width:100%; height: auto;
}


/******************************* レイアウトボックス設定 ****************************/
.box3,
.box2,
.img_e_1_2,
.img_f .inner,
.img_d_1 .item,
.interview .item,	
.interview_noimg,
.interviewer_box,
.interview_box,
.interview_noimg .item,
.interview_noimg .interviewer_box,
.interview_img_l,
.interview_img_r,
.interview_img_l_margin,
.interview_img_r_margin,
.interview_boxL,
.interview_boxR{
	display: flex;
	justify-content:space-between;
}
	
#main_left #magazine_main .item{
}


.item{
}
#main_left #magazine_main div.item img{
	margin: 0;
	padding: 0;
	max-width: 100%;
}
#main_left #magazine_main #magazine_Pspace .caption,#main_left #magazine_main #magazine_Pspace .cap{
	font-size: 0.7em;
	margin: 0;
}

.img_box{
	padding: 2%;
}
/* box1_l */
.box1_l img{
	z-index: 10;
	position: relative;
	width: 130%;/* 概算 */
	left: -15%;
}

.box1_l .caption{
	font-size: 0.8em;
}

/* box1 画像１つ */
.box1{
	width: 100%;
}

.box1_full{
        width: 160%;
        margin: 0 -30%;
    }

.box1 .photo{
	margin: 2rem auto;
}
.box1_full img,
.box1 img{
	max-width: 100%;
}

.box1 .caption{
	font-size: 0.8em;
	text-align: justify;
}
/***** box1_s １画像本文マージンより中に配置***/

.box1_s{
	max-width: 480px;
	margin: 0 100px;
}

.box1_s img{
	width: 100%;
}

.box1_s .caption{
	font-size: 0.8em;
}

/******   box2　画像２つ配置 *******/
.box2 .item{
	width: 47%;
}

.box2 .item img{
	width: 100%;
}

.box2 .caption{
	font-size: 0.8em;
}



/******   box2　画像２つ配置 *******/


	.box2_rs{
		display: flex;
		justify-content:space-between;
	}

	/* box2_rs */
	.box2_rs .item{
		width: 47%;
	}
	.box2_rs .text{
		width: 55%;
	}
	.box2_rs .photo{
		width: 40%;
		margin: 2rem 0 0 !important;		

	}
	.box2_rs .photo img,
	.box2_rs .item img{
		max-width: 100%;
		margin: 0 !important;
	}
	.box2_rs .text_info{
		width: 55%;
	}
	.box2_rs .text .textInfo_bg{
	padding: 1.5em;
	color: #111;
	background-color:#F2EDE3;
	margin: 1em 0em 2em;
	font-size: 80%;
	}


	.box2_L, .box2_R{
		width: 100%;
		float: left;
		margin: 3rem 0;

	}
	.box2_L .item{
		width: 47%;
	}
	.box2_L .text{
		width: 55%;
		float: right;
	}
	.box2_L .photo{
		width: 40%;
		margin: 0rem 0 0 !important;		
		float: left;

	}
	.box2_L .photo img,
	.box2_L .item img{
		max-width: 100%;
		margin: 0 !important;
	}

	.box2_R .item{
		width: 47%;
	}
	.box2_R .text{
		width: 55%;
		float: left;
	}
	.box2_R .photo{
		width: 40%;
		margin: 0rem 0 0 !important;		
		float: right;
	}
	.box2_R .photo img,
	.box2_R .item img{
		max-width: 100%;
		margin: 0 !important;
	}


	/* box2_rs_rv */
	.box2_rs_rv{
		display: flex;
		justify-content:space-between;
		flex-direction:row-reverse;
	}

	.box2_rs_rv .item{
		width: 47%;
	}
	.box2_rs_rv .item img{
		max-width: 100%;
	}

	.box2_around{
	float: left;
		
	}
	.box2_around .photo{
	float: left;
		margin: 2rem 40px 40px 0 !important;		
	
	}
	.box2_around .photo img{
	margin: 0 !important;		
	}
	.box2_around .photo .caption{
	font-size: 0.8em;
	margin-bottom: 40px;
}


/******* box2 画像2つ配置 大小 ********/

.box2_5_2{
	display: flex;
	justify-content:space-between;
}

.box2_5_2 .item:nth-of-type(1){
	width: 70%;
	padding: 0;
}
.box2_5_2 .item:nth-of-type(2){
	width: 28%;
	padding: 0;
}


/******* box3 画像３つ配置 ********/
.box3 .item{
	width: 30%;
}

.box3 .item img{
	max-width: 100%;
	margin: 0;
}

#main_left #magazine_main .box3 {
	margin: 0;/* 10rem*/
}

#main_left #magazine_main .box3 div.item img{
	max-width: 100%;
	margin: 0;
}


.box3 .caption{
	font-size: 0.8em;
}



/**** 背景設定 **************************/
#main_left #magazine_main .bg_full {
	float: left;
	width: calc( 100% + 20rem);
	margin-left: -10rem;
	padding: 2rem 10rem;
}
 .bg_full {
	float: left;
	padding: 2rem 3rem;
}


/**** タイトル・見出し装飾設定 ******/

h2{
	padding: 3em 1em 1em;
	margin-bottom: 1em;
}

h1.Title{
	display: block;
	line-height:2.6em;
	letter-spacing:1px;
	margin-top:10px;
	padding: 4rem 10rem;
	font-size: 2.4rem;
}

h2.Title{
        border-left: solid #afa087 6px;
        display: block;
        line-height: 1.6em;
        letter-spacing: 1px;
        margin: 100px 0 50px;
        padding: 0.5em 0.5em 0.5em 1em;
    
    }

h3.Title{
	border-left: solid #aacd03 3px;
	padding-left: 1em;
	display: block;
	line-height:1.6em;
	letter-spacing:1px;
	margin-top:10px;
	border-bottom: 1px solid #FAFAFA;
	font-size: 1.6rem;
}
h4.Title{
	border-left: solid #aacd03 1px;
	padding-left: 1em;
	display: block;
	line-height:1.6em;
	letter-spacing:1px;
	margin-top:10px;
	border-bottom: 1px solid #FAFAFA;
	font-size: 1.6rem;
		background: linear-gradient(transparent 60%, #ffff66 60%);

}

#main_left #magazine_main #magazine_Pspace h2,
#main_left #magazine_main #magazine_Pspace h3,
#main_left #magazine_main #magazine_Pspace h4{
	margin:  6% 0 2%;
}

#main_left #magazine_main hr{
	border-color:#cccccc;
/* 	height:2px; */
	margin: 0;
}

/************************* インタビュー設定 ************************************/

/**** .interview　追加内容*/

.interview_box {
	margin: 0 20rem 0;
}
/* .interview_noimg */
.interview_box .item{
	margin: 0 0 1em 0;
}

.interview_box .interviewer_box{
	margin: 1.5em 0 0em 0;
}

.interview_box .speaker{
	font-size:15px;/*ここを追加木村*/
	min-width: 4em;
	margin: 0.2em 1em;/*ここを変更木村*/
	font-weight: 600;
}
.interview_box .interviewer_box .interviewer_mark,
.interview_noimg .interviewer_box .interviewer_mark{/*ここを追加*/
	font-size:15px;
	min-width: 2em;
	margin: 0.2em 0.5em 0em 3.5em;
	font-weight: 600;
	letter-spacing: 0px;
	transform: scale(4, 1);
	color: #857a6c;

}

.interview_box .interviewer_talk{/*ここを追加*/
	text-align: justify;
	width: 100%;
	font-size:15px;
	line-height: 2em;
	font-weight: 600;
	color: #857a6c;
	font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

.interview_box .talk{
	text-align: justify;
	width: 100%;
	font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	font-feature-settings : "pkna";
	font-size:15px;/*ここを変更木村*/
	line-height: 2em;
}

.interview_boxL .photo{
	width: 40%;
	float: left;
	
}

.interview_boxL,
.interview_boxR{
	width: 100%;
	float: left;
	margin-bottom: 50px;
	clear: both;
}

.interview_textbox{
	text-align: justify;
	width: 50%;
	
}

.interview_boxL .interview_textbox{
	text-align: justify;
	width: 50%;
	float: right;

}
.interview_boxR .photo{
	width: 40%;
	float: right;
	
}
.interview_boxL .photo img,
.interview_boxR .photo img{
	margin: 0 !important;
	
}
.interview_boxL .photo .caption,
.interview_boxR .photo .caption{
	font-size: 0.6em;
	margin-bottom: 40px;
}


/**** インタビュー設定 **********/

	/* .interview_noimg */
	.interview_noimg .item{
		margin: 0 0 1em 0;
	}

	.interview_noimg .interviewer_box{
		margin: 1.5em 0 0em 0;
	}
	.interview_box .speaker,
	.interview_noimg .speaker{
		font-size:15px;/*ここを追加木村*/
		min-width: 4em;
		margin: 0.2em 1em;/*ここを変更木村*/
		font-weight: 600;
	}
	.interview_box .interviewer_box .interviewer_mark,
	.interview_noimg .interviewer_box .interviewer_mark{/*ここを追加*/
		font-size:15px;
		min-width: 2em;
		margin: 0.2em 0.5em 0em 3.5em;
		font-weight: 600;
		letter-spacing: 0px;
		transform: scale(4, 1);
		color: #857a6c;

	}
	.interview_box .interviewer_talk,
	.interview_noimg .interviewer_talk{/*ここを追加*/
		text-align: justify;
		width: 100%;
		font-size:15px;
		line-height: 2em;
		font-weight: 600;
		color: #857a6c;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;

	}
	.interview_box .talk,
	.interview_noimg .talk{
		text-align: justify;
		width: 100%;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:15px;/*ここを変更木村*/
		line-height: 2em;
	}






	/* .interview_noimg */
	.interview_box,
	.interview_noimg {
		margin: 0 0 1em 0;
	}

	 .interviewer_box{
		margin: 1.5em 0 0em 0;
	}

	.interview_box .speaker,
	.interviewer_box .speaker2,
	.interview_box .speaker2,
	.interview_noimg .speaker2,
	.interview_noimg .speaker{
		font-size:15px;/*ここを追加木村*/
		width: 10%;
		margin: 0.2em 1em;/*ここを変更木村*/
		font-weight: 600;
	}
	 .interviewer_box .interviewer_mark{/*ここを追加*/
		font-size:15px;
		min-width: 2em;
		margin: 0.2em 0.5em 0em 3.5em;
		font-weight: 600;
		letter-spacing: 0px;
		 transform: scale(4, 1);
		color: #857a6c;

	}

		.interviewer_box .interviewer_talk{/*ここを追加*/
		text-align: justify;
		width: 100%;
		font-size:15px;
		line-height: 2em;
		font-weight: 600;
		color: #857a6c;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;

	}



	/* interview_img_l,
		interview_img_l_margin */
	.interviewer_box .photo, 
	.interview_img_l .photo, 
	.interview_img_l_margin .photo{
		width: 40%
	}

	.interview_img_l .photo img,
	.interview_img_l_margin .photo img{
		width: 100%
	}

.interview_img_l .photo .caption,
.interview_img_l_margin .photo .caption{
	font-size: 0.6em;
}

.interview_img_l .item .talk,
.interview_img_l_margin .item .talk{
	text-align: left;
	width: 100%;
	margin: 0 0 1em 0;
	font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	font-feature-settings : "pkna";
	font-size:1.0em;
	line-height: 2em;
}
	
.interview_img_l .item,
.interview_img_l_margin .item{
	width: 77%;
	margin: 0 0 1em 0;
}


/* interview_img_r,
interview_img_r_margin */
.interview_img_r .item,
.interview_img_r_margin .item{
	width: 77%;
	margin:0 0 1em 0;
}

.interview_img_r .photo, 
.interview_img_r_margin .photo{
	width: 40%;
	float: right;
	
}

.interview_img_r .photo img,
.interview_img_r_margin .photo img{
	width: 100%
}

.interview_img_r .photo .caption,
.interview_img_r_margin .photo .caption{
	font-size: 0.6em;
}

.interview_img_r .talk,
.interview_img_r .item .talk,
.interview_img_r_margin .item .talk{
	text-align: left;
	width: 100%;
	margin: 0 0 1em 0;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	font-feature-settings : "pkna";
	font-size:1.0em;
	line-height: 2em;
}

/**** information common */
.event, 
.production{
	display: flex;
}

.artist{
	display: flex;
	flex-wrap: wrap; 
}

/* event */
.event .h4{
	display: none;
}

.event .img{
	width: 25%;
	padding: 0 5% 0 0;
}

.event .img img{
	width: 100%;
}

.event .item{
	width: 70%;
}

.event .item .title{
	font-size: 1.4em;
}

.event .item .subtitle{
/* 		font-size: 0.8em; */
}

.event .item .day{
/* 		font-size: 0.8em; */
}

.event .item .place{
/* 		font-size: 0.8em; */
}

.event .item .text{
/* 		font-size: 0.8em; */
	line-height: 2em;
}

/* production */
.production .h4{
	display: none;
}

.production .img{
	width: 25%;
	padding: 0 5% 0 0;
}

.production .img img{
	width: 100%;
}

.production .item{
	width: 70%;
}

.production .item .title{
	font-size: 1.4em;
}

.production .item .detail{
	font-size: 1em;
}

.production .item .price{
/* 		font-size: 0.8em; */
}

.production .item .text{
/* 		font-size: 0.8em; */
	line-height: 2em;
}

/* artist */
.artist .h4{
	display: none;
}

.artist .img{
	width: 20%!important;
	height: 80px;
	margin: 0 5% 0 0;
}

.artist .img img{
	width: 100%;
}

.artist .name{
	width: 70%;
	padding: 1em 0 0 0;
	font-size: 1.4em;
}
.artist .career{
	width: 100%!important;
	padding: 4% 0 0 25%!important;
/* 		font-size: 0.8em; */
}


/**** 本文装飾設定　*********************************/
.font60{
	font-size: 0.6rem;
}

.font160{
	font-size: 1.6rem;
}

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

.Marker_pink{
	background: linear-gradient(transparent 60%, #fce5ec 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%;  
}

.CapTxt,
.caption{
	font-size: 0.8em;
}

	/* box2_1_4 */
	.box2_1_4{
		display: flex;
		justify-content:space-between;
	}

	.box2_1_4 .item:nth-child(1){
		width: 18%;
	}
	.box2_1_4 .item:nth-child(2){
		width: 78%;
	}

	.box2_1_4 .item img{
		max-width: 100%;
	}

	.scroll {
        height: auto;
        margin:0.5em auto;
	    padding: 5px;
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	}

/**** インフォ・スペック設定 **************************************/

/**** CD infoボックス設定パターン１ ********************************************************/

	.Disc_box {
    padding: 1em 1em 0.2em 1em;
    margin: 2em 0;
    background: #d4d9df;}

	.Disc_box p{ margin:0 ;padding:0;}
	.box_line {border-top: solid 1px #000000; border-bottom: solid 1px #000000; margin:0 0 2em 0; padding: 0.4em 0;}
	
	.Disc_photo{width:30% ;float:left; margin:0 2% 0}
	.Disc_photo img{ margin:0}
	
	.Disc_info{width:60%; float:left; margin:0 2% 0 ;}
	
	.Disc_Title {font-size: 1.4rem; }
		
	.Disc_Performer{font-size: 1.1rem; margin:0 0 2em 1.4em;}	
	.Disc_info p { font-size: 0.9rem !important; line-height: 140% !important; }

	span.tax {font-size: 0.6rem }	



/**** ライブイベント・スペック設定 **************************************/

 	.textInfo{
	/*margin:0 10rem;*/
	font-size:11px;
	/*padding:1.5rem;*/
	font-weight: 300;
	}
	
	 p.textInfo {
	font-size:11px;
	padding:0;
	font-weight: 300;

	}
	 .textInfo_bg{
	padding: 1.5em;
	color: #111;
	background-color:#F2EDE3;
	margin: 1em 0em 2em;

	}
	.Info_event{
	float: left;
	width: 100%;
	padding: 1.8em;
	color: #111;
	background-color:#f8f6f1;
	margin: 1em 0em 2em;

	}
	.Info_event h2,
	#main_left #magazine_main #magazine_Pspace .Info_event h2{
	font-size: 0.9rem;
	margin: 1em 0em 0em;
	padding: 1rem 1rem 0rem;
	color: #6d634e;
	border-top:thick double #d6d0c3;

	}	
	.Info_event h3,
	#main_left #magazine_main #magazine_Pspace .Info_event h3{
	font-size: 1.3rem;
	margin: 0em 0em 2em;
	padding: 0 1rem 1rem;
	border-bottom:0.2rem solid #d6d0c3;

	}

	.concert_guide_list {
        float: left;
        margin: 0 0%;
    
    }

	.concert_guide_list h2,
	#main_left #magazine_main #magazine_Pspace .concert_guide_list h2{
        font-size: 2.4rem;
        margin: 1em -4em 0em;
        padding: 1rem 1em 0rem;
        text-align: left;
        color: #6d634e;
        border-top: thick double #A794A8;
    
    }	
	.concert_guide_list h3,
	#main_left #magazine_main #magazine_Pspace .concert_guide_list h3{
        font-size: 1.6rem;
        margin: 1em 1.2em 0.7em;
        padding: 1rem 0.2rem 0rem;
		color: #A794A8;
    
    }
	.concert_guide_list p,
	#main_left #magazine_main .concert_guide_list p{
		margin: 0 5%;
		padding: 1rem 1rem;
		text-align: justify;
		border-left:1.4rem solid  #c7a5bf;
		background-color:#f7f1f6;
	}	

	.concert_guide_list span,
	#main_left #magazine_main .concert_guide_list span{
        font-size: 1.4rem;
		
	}


/**** ボタンパターン設定 ********************************************************/
.btn_kado_maru{
	background-color: #80775B; 
	border-radius: 0.5em; 
	font-size: medium; 
	padding: 0.8em; 
	color: #80775B;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 6rem;
  color: #fff;
  border-radius: 0;
  background: #000;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #eb6877;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.slide_btn.btn{
	font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0rem;
}

/**************************   アコーディオン ****************************

******************************************************************************/


.accordion-wrap{
    border-bottom: 1px solid #ddba4d;
}

.accordion-item{
  width: 100%;
  margin: 0 auto;
  cursor: pointer;

  margin-top: 30px;
}

.accordion-header{
  transition: ease-in-out 100ms;
}

.accordion-text{
  width: 100%;
  
  display: none;
  padding-top: 5px;
  padding-bottom: 20px;
 }

 .fa{
  transition: ease-in-out 300ms;
 }

 .rotate-fa{
  transform: rotate(180deg);
 }


 .accordion-header .fa{
  float: right;
  line-height: 35px;
 }

 .accordion-gold{
  color: #ddba4d;
 }

 .accordion-no-bar{
  border-bottom: 0;
}


 .accordion-box {
  width: 100%;
  max-width: 700px;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

.accordion-box .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion-box li:last-child .link {
  border-bottom: 0;
}

.accordion-box li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion-box li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion-box li.open .link {
  color: #b63b4d;
}

.accordion-box li.open i {
  color: #b63b4d;
}
.accordion-box li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-box li.default .contents_area {display: block;}
/**
 * アコーディオン　ボディ
 -----------------------------*/
 .content_area {
  display: none;
  font-size: 14px;
 }

 .contents_area li {
  border-bottom: 1px solid #4b4a5e;
 }

 .contents_area a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
 }

 .contents_area a:hover {
  background: #b63b4d;
  color: #FFF;
 }

/**************************   動画エリア設定 ****************************

******************************************************************************/


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

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


/**************************   プロフィール設定 ****************************

******************************************************************************/
 .prof_img,
 .prof_img_maru,
 .prof_img_kado_maru{
	float: left;
	padding: 0px;
	margin-top: 4%;
	margin-right: 1%;
		width: 120px;
	height: 120px; 
	border-radius: 50%;
	overflow-y: hidden; 
	}

 .prof_img img{
	max-width: 100%;
	height: auto;
	}
	.prof_img_maru img{
	width: 100%;
	height: auto;
	overflow-y: hidden;
	background-position: center center;	
	}
	.prof_img_kado_maru img{
	max-width: 100%;
	height: auto;
	border-radius: 10%;
	}

	#magazine_main #magazine_Pspace p.profile_name,
	.profile_name{
	font-size: 1.4rem;
	font-weight: 700;
	margin-left: 26%;
	margin-bottom: -2%;
	}
	#magazine_main #magazine_Pspace p.profile_sub,
	.profile_sub{
	font-size: 1rem;
	font-weight: 200;
	margin-left: 26%;	
	margin-top: 0;
	}
	#magazine_main #magazine_Pspace p.profile_text,
	.profile_text{
	font-size: 0.8rem;
	margin-left: 26%;
	}

/**************************   ガイド連携　ナビゲータープロフィール設定 ****************************

******************************************************************************/
	#main_left #magazine_main h5{
	margin: 1rem 1rem 1rem 0rem !important;
	width:100%;
	float: left;
	}


	#magazine_main .navi_area{
	float: right;
	width: 160px;
	
	font-size: 0.7rem;
	font-weight: 700;
	margin-left: 0;
	margin-bottom: 0;
		height: 50px;
	}

	#magazine_main .navi_area .prof_img_maru{
	float: left;
	width: 45px;
	padding: 0px;
	margin-top: 2%;
	margin-left: 2%;
	}
	#main_left #magazine_main .navi_area .prof_img_maru img{
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow-y: hidden;
	background-position: center center;	
	margin: 0;	
	}
	.navi_area span,
	.prof_area span{
	font-size: 0.6rem;
	font-weight: 400;
	margin-left: 0%;
	margin-top: 2%;
	}
	.navi_area .prof_text{
	margin-top: 0px;	
	}

	/**アーティストガイド連携プロフィールエリア*/
	#magazine_main .prof_area{
	float: left;
	width: 100%;
	font-size: 0.8rem;
	font-weight: 700;
	margin: 1% 0;
	border-top: solid #B4B1AB 1px;
	}

	#main_left #magazine_main #magazine_Pspace .prof_area .prof_box h4{
	float: right;
	width: 75%;
	margin: 4% 2% 2%;

	}
	.prof_area .prof_text,
    .prof_area .prof_name
    {
	float: right;
	width: 75%;
	margin-top: 0%;	
	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_img_maru {
	width: 120px;
	height: 120px;

	margin: 20px 0;	
	}

	#main_left #magazine_main #magazine_Pspace .prof_area .prof_img_maru img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	background-position: center center;	
	object-fit: cover;
	margin: 0;	
	padding: 0;	
	}
	#main_left #magazine_main .prof_area p , #main_left #related_topic .prof_area p {
	font-size: 0.7rem;
	margin: 0%;
	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_name h4 {
	margin: 8% 2% 4%;
	}
	#main_left #magazine_main .prof_area .prof_imgbox{
		margin: 4% 2% 4%;

	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_text  {
	margin: 0% 2% 4%;
	}


/**** フレームボックス設定 *****************************************************/
	.ex_frame{
	border:solid 2px #ffc778;
	padding: 1.2em 2em 1em;
	margin: 1em 0em 2em;
	position: relative;
	}
	 .ex_frameTitle{
	font-weight:700;
	font-size:1.2rem;
	position:absolute;
	top:-1.2rem;
	margin-left: .5rem;
	padding: 0 .5em;
	color: #ffc778;
	background-color:#fff;
	}
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}
.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
    margin: 0; 
    padding: 0;
}
.box19 {
    position: relative;
    padding:0.25em 1em;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
}
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.kokuban {
 position: relative;
 margin: 2em auto;
 padding: 3.2em 1.5em 3em;
 width: 90%; /* ボックス幅 */
 background-color: #202020; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 10px solid #8b4513; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban::before,
.kokuban::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban::before {
 right: 10px;
 border: solid 3px #ff7fbf; /*チョーク（ピンク）*/
 width: 20px; 
 border-radius: 3px 2px 0 2px;
}
.kokuban::after {
 right: 40px;
 border: solid 3px #fff; /*チョーク（白）*/
 width: 15px; 
 border-radius: 8px 5px 2px 5px;
}
.title-kokuban {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ff7fbf; /* タイトル色 */
}


	#magazine_main .favorite_box_area,
	#magazine_main_wide .favorite_box_area,
	#magazine_main_full .favorite_box_area{
	float: right;
	margin: 1em 2em ;
	text-align: center;
	
	}
	#magazine_main .favorite_box_area .favorite_btn span{
	font-size: 1.6rem;
	
	}
	
	#magazine_main .favorite_box_area a.favorite_btn {
	color: #C5C5C5;
	font-size: 1.6rem;
	}


	#magazine_main .favorite_box_area a:hover.favorite_btn,
	#magazine_main .favorite_box_area a.favorite_btn .active{
	color: #C68586;
	font-size: 1.6rem;
	}



/**** 目次一覧　次のページ　次の記事へ　エリア設定
+++++++++++++++++++++++++++++++++++++++++++*/

#magazine_Pspace .sub_title {
	text-overflow: ellipsis;
	cursor: pointer;
	word-break: break-all;
	overflow:hidden;
	white-space: nowrap;
	height: auto;
	text-align: justify;
	padding: 50px 10px 50px;
	font-size: 0.8rem;
	}


#magazine_Pspace .sub_title a{
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: auto;
	text-align: center;
	padding:  0px;
	font-size: 1.2rem;
	}

	.page_index {
	margin:4rem 0rem 1.5rem ;
	border-bottom: solid 1px #888;
	padding: 10px 0;
	}

#magazine_Pspace .page_index .sub_title {
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: auto;
	text-align: left;
	padding: 10px 10px 0px;
	font-size: 0.8rem;
	}

#magazine_Pspace .page_index .sub_title a{
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: auto;
	text-align: center;
	padding:  0px;
	font-size: 0.8rem;
	}

	.page_previous {
	margin: 0 5%;
	width: 40%;
	float: left;
	text-align: left;

	}
.page_previous_next  {
		margin:20px 0px;

}
.page_previous_next .page_next {
	float: right;
	padding: 0;
	background-color: transparent;
	font-size: inherit;
    margin-right: 5%;
    margin-left: 0;
    width: 40%;
    text-align: right;
	}

.page_previous_next .sub_image {
        width: 250px;
        margin: 0px 0px 0px 0px;
    
    }

.page_previous_next .sub_image img{
        width: 100%;
    
    }

.page_previous .sub_title {
	text-align: left;
	float: left;
	width: 100%;
	}

.sub_image img {
	margin: 0 !important;
	}

.page_next .sub_title {
	float: right;
	width: 100%;
	}


	.page_previous .sub_title {
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: 50px;
	margin-top:0px;
	}


	.sub_title {
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: 50px;
	}


	.page_previous .sub_image{
	float: left;
	}

	.page_next .sub_image{
	float: right;
	}

	.sub_image{
 	width: 50px;
 	}

	.page_next:hover .sub_title, .page_previous:hover .sub_title{
	overflow: visible;
	white-space: normal;
	}

	.sub_title_text {
	color: #000;
	font-size: 14px;
	}

	.ct_comp{
	float: right;
	}


/**** メンバーアクセス表示  +++++++++++++++++++++++++++++++++++++++++++*/

#main_left #magazine_main #member_access {
        padding: 50px 50% 5rem;
        text-align: center;
        background-color: #eeece7;
        margin: 5rem -50%;
    }

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


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

#main_left #magazine_main #member_access p{
	color:#F90;
	font-size: 15px;
	margin:0 auto;
	width: 360px;

}


#ad_article{
	float: left;
		width: 100%;

}

#ad_article _G1{
	float: left;
	width: 100%;

}


#related_item .related_title img{
	width: 100%;
}

/**** タイトル・見出し装飾設定 ****/
.magazine_Pspace { /******追加予定indd****/
	float: left;
	width: 100%;
	max-width: 740px;
	padding: 4rem 10rem;
	margin-top: 5px;
	margin-left: 0px;
}

h2.artist_nameP{
	display: block;
	line-height:1em;
	letter-spacing:1px;
	margin-top:0px;
	padding: 0em;
	font-size: 3.4rem;
	color: #afa087;
	font-family: 'Pinyon Script', cursive;
}

h3.artist_namePjp{
	display: block;
	line-height:1.6em;
	letter-spacing:1px;
	margin-top:0px;
	padding: 0em;
	font-size: 1.0rem;
	color: #fff;
}


	/* box1 画像１つ */
.bg_black{
	width: 100%;
	height: 100%; 
	background-color: #000;
}

.intro{
	width: 100%;
	max-width:600px;
	font-size: 1.0rem;
	line-height: 2em;
	padding: 5px 20px 5px 0px;
}

.latest_title h2,.latest_title h3{
	padding: 0em 0em;
	margin: 0em;
	
}

/* 音源ダウンロード*/



#main_left #magazine_main hr {
	height: initial;
}
#magazine_main #magazine_Pspace p .DLlist{
	background-color: #292e32;
	padding: 1em 1em;
	color:#FFFFFF;
}
#magazine_main #magazine_Pspace .DLlist .dl_box{
        margin: 20px 0;
        padding: 10px 20px!important;
        border-left: 6px solid #91C4C3;
        background-color: #f5f7f8;
	
    
    }

#magazine_main #magazine_Pspace .DLlist .dl_box p.track{
	font-size: 1.0rem;
	margin: 0rem 0.4rem;
	line-height: 150%;
}
#magazine_main #magazine_Pspace .DLlist .dl_box p.artist{
	font-size: 1.0rem;
	margin: 0.4rem 0;
	line-height: 150%;
}

#magazine_main #magazine_Pspace .DLlist .dl_box p.title{
	font-size: 1.8rem;
	margin: 0.2rem 0;
	line-height: 150%;
	
}

#magazine_main #magazine_Pspace .DLlist .dl_box p.title span{
	font-size: 0.7rem;
	
}

#magazine_main #magazine_Pspace .DLlist .dl_box ul {
	width: 100%;
	padding:10px 15px;

}
.DLlist .dl_box ul li{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 120px;
	border-radius: 5px;
	text-align: center;
}
#magazine_main .DLlist .dl_box ul li a{
	color: #fff;

	display:block;
    width:90px;
	padding:8px 15px;
}
#magazine_main .DLlist .dl_box ul li a:hover{
	color: #111;
}

#magazine_main .DLlist .dl_box ul li.btn_none{
	background-color: #E6E4E2;
	 border: 6px solid #E6E4E2;
	padding: 8px 0;
}

#magazine_main .DLlist .dl_box ul li.btn_wav{
	background-color: #88827A;
	  border: 6px solid #88827A;
}

#magazine_main .DLlist .dl_box ul li.btn_mp3{
	  background: linear-gradient(to right, #91C4C3 0%, #91C4C3 100%);

	  border: 6px solid #91C4C3;

}

#magazine_main .DLlist .dl_box ul li.btn_acc{
  border-left: 6px solid #cc54c2;
  border-right: 6px solid #69bed7;
height: auto;
  padding: 0;	
}
#magazine_main .DLlist .dl_box ul li.btn_acc a{
	color: #111;
}
#magazine_main .DLlist .dl_box ul li.btn_acc a:hover{
	color: #999999;
}
.DLlist .dl_box ul li.btn_acc::before,
.DLlist .dl_box ul li.btn_acc::after{
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(to right, #cc54c2 0%, #69bed7 100%);
}


/**** バックヤード表示x+++++++++++++++++++++++++++++++++++++++++++*/

	.headbanner_cp{
	width: 100%;
	max-width: 1440px;
	margin:0 auto;
	padding: 10px;
	text-align: center;
	
	}
	.headbanner_cp img{
		width: 75%;

	}
.headbanner_SpringCP2022{
	background-image: url(https://www.alsoj.net/images/shohin/cp/SpringCP2022_globalmenu_back.jpg);
	background-repeat: repeat-x;
	height:50px;}

.headbanner_fluteday2022{
	background-image: url(https://www.alsoj.net/images/shohin/cp/FluteDayCP2022_globalmenu_back.jpg);
	background-repeat: repeat-x;
	height:50px;
	}	
.mce-content-body  {
		width: 100%;
		max-width: 700px;
		padding: 0% !important;
		margin: 5px auto !important;
		text-align: center;
			
	}
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5
{
		text-align: justify;
			
	}
.mce-content-body p{
		width: 100%;
		padding:0%;
		margin: 5px auto;
		text-align: justify;
	}



/**** imac　表示　min-width: 1924px+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width: 1824px){



.box1_full{
        width: 210%;
        margin: 0 -55%;
    }
	
/* ここで親ボックスの比率を決める（例：16:9） */
.box1_full .item {
  width: 100%;
  aspect-ratio: 16 / 9;   /* 画像に合わせて 3/4 や 1/1 に変更可 */
  position: relative;
  overflow: hidden;
  background: #0000;      /* optional: 透明 */
}

/* 画像をボックス内に全体表示（トリミングなし） */
.box1_full .item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;    /* ← 全部見せる */
  display: block;
	}
}

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

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

	#main_left #magazine_main #member_access {
	padding:50px 10rem 10px 10rem;
	margin: 0rem -10rem;
	}

/*------- MAGAZINE left 設定 ---------*/
	#main_left #magazine_main #magazine_main_left_img{
		width: 40%;
		padding-left:3%;
		margin-top:4%
	}

	#main_left #magazine_main #magazine_main_left_img img{
		width:90%;
	}
	/*------- MAGAZINE right 設定 ---------*/
	#main_left #magazine_main #magazine_main_right_img{
		width: 40%;
		margin-right:3%
	}

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


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

タブレット iPad iPadmini 縦768  744←→1024px  min-width 744pxand(max-width:1023px)and(orientation:portrait)

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width:744px) and (max-width:1023px) and (orientation:portrait){
	
	
		
		#magazine_main #magazine_Pspace{
			float: none;
			width:700px;
			padding:4% 2%;
			margin-top:5px;
			margin-right:auto;
			margin-left:auto;

		}
     #magazine_main #sub_main_img .sp {
		display: block !important;
	}

}

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

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

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

	.magazine_ocarina #magazine_Pspace {
	float: left;
	
	padding: 4% 4%;
	margin-top: 5px;
	margin-left: 0px;
	width: 92%;
	
}
	.magazine_sax #magazine_Pspace {
		float: left;
		width: 100%;
		max-width: 100%;

		padding: 4rem 2rem;
		margin-top: 5px;
		margin-left: 0px;
	}

	.page_index {
	 	margin:4rem 1rem 1.5rem ;
	 	border-bottom: solid 1px #888;
		padding: 10px 0;
	}
}

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

@media only screen and (max-width: 548px){
	
    
    
	/*============================================================================*/
	/*       MAGAZINEメイン         */
	/*============================================================================*/
	/*------- 幅・色設定 -------*/
	#main_left #magazine_main{
		background-color: #FFF;
		margin: 0;
		padding: 0;
	}
	
	/*------- メイン画像設定 -------*/
	#main_left #main_img img{
		background-color: #000;
		width:100%;
		margin: 0;

	}
	/*------- テンプレ画像設定 -------*/
	#main_left #magazine_main #sub_main_img{
		margin: 0px ;
		}
		#main_left #magazine_main #sub_main_img img{
		margin: 0px ;
		width:100%;
	}
	/*------- 本文内画像設定 -------*/
	#main_left #magazine_main img{
		margin: 10px 5px 20px 5px;
		width:100%;
	}
	
	#main_left #magazine_main div img{
		margin: 0px 0px 0px;
	
		}
	#main_left #magazine_main #magazine_Pspace p img{
	margin: 0;	
	}
	
		
	
	
		/*------- 本文設定 -------*/
	
	#main_left #magazine_main p{
		text-align: justify;
		line-height: 200%;
		margin:2rem 0;
		padding: 0;
		font-size:15px;
		font-weight: 400;
		font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 
		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
	
	
    
	.magazine_ocarina #magazine_Pspace {
	float: left;
	width: 96%;
	max-width: 100%;
	padding: 2% 2%;
	margin-top: 5px;
	margin-left: 0px;
	}
	
     .magazine_sax #magazine_Pspace,	
	#magazine_main #magazine_Pspace,
	#main_left #magazine_main.page_2 #magazine_Pspace,
	#main_left #magazine_main.page_3 #magazine_Pspace,
	#main_left #magazine_main.page_4 #magazine_Pspace,
	#main_left #magazine_main.page_5 #magazine_Pspace{
		float: left;
		width: 100%;
		padding: 4% 5%;
		margin-top: 5px;
		margin-left: 0px;
	}
	
#magazine_main_full.magazine_also #magazine_main{
	background-color:#FFF;
	width: 100%;
	margin: 0 auto;


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

	.magazine_ewi #magazine_Pspace {
		float: left;
		width: 92%;
		padding: 4% 4%;
		margin-top: 5px;
		margin-left: 0px;
	}
	
    
	#main_left #main_img,
	#magazine_main_left #main_img {
		width: 100%;
		background-color: #fff;
	}
	
	
	#magazine_main_left #main_img img{
		width: 100%;
		margin:0px;
	}
	
	#magazine_main{
		width: 100%;
		margin:0px 5px;
	}
	
	#magazine_main #main_img img{
		width: 100%;
		margin:0px;
	}
	
	
	#magazine_main p{
		text-align: justify;
		line-height: 200%;
		margin-top:15px;
		font-size:15px;
		font-weight: bold;
	}
	
	#magazine_main_full{
		background-color: #eeeeee;
		width:100%;
		margin: 0;
		padding: 0;
	}
	
	#magazine_main_full p{
		line-height: 180%;
		padding: 5px 15px;
		font-size:100%;
	
	}
	
	#magazine_main_full img{
		width: 100%;
	
	}
	#main_left #magazine_main_wide {
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

	#magazine_main_wide #magazine_Pspace{
	width: 100%;
	padding: 0px;
	margin: 0px;
	}
	#magazine_main_wide #magazine_Pspace p{
	
	line-height:0;
	}
	
	

	#main_left #magazine_main_wide img{
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

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

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

		}

	/*------- MAGAZINE right 設定 ---------*/
	#main_left #magazine_main #magazine_main_right_img{
		width: 100%;
		margin:0%
	}

	#main_left #magazine_main #magazine_main_right_img img{
		width:100%;
	}
	
	.box1_full{
        width: 110%;
        margin: -5%;
    }

			/* ここで親ボックスの比率を決める（例：16:9） */
		.box1_full .item {
		  width: 100%;
		  aspect-ratio: 16 / 9;   /* 画像に合わせて 3/4 や 1/1 に変更可 */
		  position: relative;
		  overflow: hidden;
		  background: #0000;      /* optional: 透明 */
		}

		/* 画像をボックス内に全体表示（トリミングなし） */
		.box1_full .item img {
		  position: absolute;
		  inset: 0;
		  width: 100%;
		  height: 100%;
		  object-fit: contain;    /* ← 全部見せる */
		  display: block;
			}
	
	.box1_s{
		width: 100%;
		margin: 0;
	}
	
	.box1_s img{
		max-width: 100%;
	}
	
	.box1_s .caption{
		font-size: 0.8em;
	}
	.box2 {
		display: block;
	}

	.box2 .item{
	width: 100%;
	}
	.pc{display: none;}
	.sp{display: block;}

	.w_10,
	.w_20,
	.w_30,
	.w_40,
	.w_50,
	.w_60,
	.w_70,
	.w_80,
	.w_90{
		width:100%;
	}
	 .w_10s{	width:10%;}
.w_20s{	width:20%;}
.w_30s{	width:30%;}
.w_40s{	width:40%;}
.w_50s{	width:50%;}
.w_55s{	width:55%;}
.w_60s{	width:60%;}
.w_65s{	width:65%;}
.w_70s{	width:70%;}
.w_80s{	width:80%;}
.w_90s{	width:90%;}
.w_100s{	width:100%;
}
	

	
	
	#magazine_main_full #magazine_Pspace p{
		padding: 0;
	}
	
	
	#magazine_main #magazine_Pspace p.profile_text,
	.profile_text{
		font-size: 0.8rem;
		margin-left: 0;
	}
	
	
	#main_left #magazine_main #magazine_Pspace p img{
		width:100%;
		padding:0%;
		height: auto;
	}
	
		/*------- magazine 見出し設定 -------*/
	#magazine_main h1{
		text-align: justify;
		padding: 0px;
		margin-top:15px;
		font-weight: bold;
	}
	
	#main_left #magazine_main h1{
	text-align: justify;
	margin: 0rem 0rem 1rem;
	padding-top:0px;
	font-size:1.4rem;
	line-height: 140%;

	}
	#main_left #magazine_main h2{
	text-align: justify;
	margin: 1rem 0rem 1rem;
	padding-top:10px;
	font-size:1.4rem;
	line-height: 140%;

	}

	#main_left #magazine_main h3{
		text-align: left;
		padding-top:10px;
		margin: 20px 10px 5px 10px;
		font-size:20px;
		font-weight: bold;
	}
	
	#main_left #magazine_main h4{
		text-align: left;
		margin: 0px 10px 25px 10px;
		font-size:18px;
		font-weight: bold;
	}
	
	
	#main_left #magazine_main h5{
		margin:0px 10px 10px 10px !important; 
		width: 100%;
	}
	
	
	

	/* .interview_noimg */
	.interview_box .item{
		margin: 0 0 1em 0;
	}

	.interview_box,
	.interviewer_box,
	.interview_box .interviewer_box{
		margin: 1.5em 0 0em 0;
		clear: both;
		display: block;
	}
	.interview_box,
	.interview_noimg{
		display: block;
	}
	.interview_box .speaker{
		font-size:15px;/*ここを追加木村*/
		min-width: 4em;
		margin: 0.2em 1em;/*ここを変更木村*/
		font-weight: 600;
		float: left;
	}

	.interview_noimg .interviewer_box .interviewer_mark{/*ここを追加*/
		font-size:15px;
		min-width: 1.5em;
		margin: 0.2em 1em 0em 1.5em;
		font-weight: 600;
		letter-spacing: 0px;
		transform: scale(4, 1);
		color: #857a6c;
	}

	.interview_box .interviewer_talk{/*ここを追加*/
		text-align: justify;
		width: 100%;
		font-size:15px;
		line-height: 2em;
		font-weight: 600;
		color: #857a6c;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	}

	.interview_box .talk{
		text-align: justify;
		width: 100%;
		font-family:  'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:15px;/*ここを変更木村*/
		line-height: 2em;
	}

	.interviewer_box .speaker2,
	.interview_box .speaker2,
	.interview_box .speaker,
	.interview_noimg .speaker{
		font-size:12px;/*ここを追加木村*/
		min-width: 4em;
		margin: 0.6em 0.8em 0em 0em;/*ここを変更木村*/
		font-weight: 600;
		float: left;
		width: auto;
	}

	.interviewer_box .interviewer_mark{/*ここを追加*/
		font-size:15px;
		min-width: 1.0em;
		margin: 0.3em 1.5em 0em 0.5em;
		font-weight: 600;
		letter-spacing: 0px;
		transform: scale(3, 1);
		color: #857a6c;
		float: left;
	}

	
	.interview_boxL,
	.interview_boxR{
	width: 100%;
	float: left;
	
	}

	.interview_textbox{
		text-align: justify;
		width: 100%;

	}

	.interview_textbox_l{
		text-align: justify;
		width: 100%;
			float: left;

		}
	.interview_boxL .photo,
		.interview_boxR .photo{
		width: 100%;
		float: right;

	}
	
	.interview_boxL .interview_textbox .interview_noimg,
	.interview_boxR .interview_textbox .interview_noimg{
	width: 100%;
	float: right;
		margin: 0;
	
	}
	
	
	
	
	/*------- MAGAZINE left テンプレ301 ---------*/
	#magazine_Pspace #ma_colbox{
		float: right;
		width: 100%;
		margin: 40px 0px 0px 0px;
	}

	#magazine_Pspace #col_left{
		float: left;
		width: 100%;
		height:auto;	
	}

	#magazine_Pspace #col_right{
		float: right;
		width: 100%;
	}

	
	#magazine_main #magazine_Pspace .ct_box {
   width: 100%;
   float: left;
	}
	.page_index {
		margin:3rem 0.2rem 1.0rem ;
		border-bottom: solid 1px #888;
		padding: 10px 0;
	}

	.page_index .sub_title {
		text-overflow: ellipsis;
	    cursor: pointer;
	    word-break: break-all;
	    overflow:hidden;
	    white-space: nowrap;
	    height: auto;
		text-align: left;
		padding: 10px 10px 0px;
		font-size: 1.1rem;
	}
	
	#magazine_Pspace .page_index .sub_title a{
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: auto;
	text-align: center;
	padding:  0px;
	font-size: 0.8rem;
	display: inline;	
	}


	

	#magazine_Pspace .page_index .sub_title {
	text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    height: auto;
	text-align: left;
	padding: 10px 10px 0px;
	font-size: 0.8rem;
	}
	
	#magazine_Pspace .sub_title {
		text-overflow: ellipsis;
	    cursor: pointer;
	    word-break: break-all;
	    overflow:hidden;
	    white-space: nowrap;
	    height: auto;
		text-align: left;
		padding: 20px 10px 0px;
		font-size: 0.8rem;
	}


	#magazine_Pspace .sub_title a{
		text-overflow: ellipsis;
	    cursor: pointer;
	    word-break: break-all;
	    overflow:hidden;
	    white-space: nowrap;
	    height: auto;
		text-align: left;
		padding:  0px;
		font-size: 1.2rem;
		display:	-webkit-box;
		-webkit-box-orient:	vertical;
		-webkit-line-clamp:	2;
	}
	
	
	
	.page_previous_next .page_previous {
		margin: 0 0px;
		width: 45%;
		float: left;
	}

	.page_previous_next .page_next {
		float: right;
		padding: 0;
		background-color: transparent;
		font-size: inherit;
	    margin-right: 0px;
	    margin-left: 0;
	    width: 45%;
	    text-align: right;
	}

	.page_previous .sub_title,
	.page_next .sub_title {
    	margin-right: 5px;
		width: 100%;
		height: 150px;
	}

	#main_left .page_next{
		text-align:left;
		padding: 0px 0px 10px 0px;
		margin-bottom: 20px;
	}
	
	#main_left .page_next a{
		color:#878573;
		padding: 0px;
	}
	

	.page_next .sub_title_text {
	    text-align: right;
	}
	
	.page_previous_next .sub_image {
        width: 100%;
        margin: 0px 0px 0px 0px;
    
    }

	.page_previous_next .sub_image img{
        width: 100%;
    
    }


/**** ライブイベント・スペック設定 **************************************/

 
	.concert_guide_list h2,
		#main_left #magazine_main #magazine_Pspace .concert_guide_list h2{
        font-size: 2.4rem;
        margin: 1em -0.5em 0em;
        padding: 1rem 0.5em 0rem;
        text-align: left;
        color: #6d634e;
        border-top: thick double #A794A8;
    
    }	

	.concert_guide_list h3,
	#main_left #magazine_main #magazine_Pspace .concert_guide_list h3{
        font-size: 1.6rem;
        margin: 1em 1.2em 0.7em;
        padding: 1rem 0.2rem 0rem;
		color: #A794A8;
    
    }
	.concert_guide_list p,
	#main_left #magazine_main .concert_guide_list p{
		margin: 0 -5%;
		padding: 1rem 1.5rem;
	}	

	
	
	
	
	#main_left #magazine_main #magazine_Pspace .prof_img,
 	#main_left #magazine_main #magazine_Pspace .prof_img_maru,
 	#main_left #magazine_main #magazine_Pspace .prof_img_kado_maru{
	float: left;
	padding: 0px;
	margin-top: 4%;
	margin-right: 1%;
		width: 120px;
	height: 120px; 
	border-radius: 50%;
	overflow-y: hidden; 
	}

 .prof_img img{
	max-width: 100%;
	height: auto;
	}
	#main_left #magazine_main #magazine_Pspace .prof_img_maru img{
	width: 100%;
	height: auto;
	background-position: center center;	

	overflow-y: hidden;
	margin: 0;	
	}	
	
	
	.prof_area{
		text-align: justify;
		border-top: solid #B4B1AB 1px;
	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_text{
		float: left;
		width: 100%;
		text-align: justify;
		margin: 4% 2%;
			
	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_name h4{
	float: left;
	font-size: 1.4rem;
	text-align: justify;
	letter-spacing: 5px;
		margin: 14% 2% 0;

	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_name h4 span{
	float: left;
	font-size: 0.6rem;
	text-align: justify;
	letter-spacing: 2px;
	margin: 0px;	

	}
	
	#magazine_Pspace .prof_box{
		float: left;
		width: 100%;
		text-align: justify
	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_box h4{
	float: right;
	font-size: 1.2rem;
	text-align: justify;
	letter-spacing: 4px;
	width: 63%;
	margin: 50px 0 0;	

	}
	#main_left #magazine_main #magazine_Pspace .prof_area .prof_box h4 span{
            float: right;
            font-size: 1.6rem;
            text-align: justify;
            letter-spacing: 2px;
            width: 100%;
            margin: 0px;
        
        }
	
	.prof_area p{
		float: left;
		width: 100%;
		text-align: justify;
		line-height: 180%;

	}

	#main_left #magazine_main #member_access {
		padding:2rem 2rem;
		text-align:center;
		background-color: #eeece7;
		margin:0rem -1rem;
	}
	#main_left #magazine_main #member_access p{
		width: 90%;
	margin:0px auto;

	}
	
	#main_left #magazine_main #member_access .login_btn {
		margin:10px auto;
			height:60px;
	width: 90%;
	
	}
	
		
	#main_left #magazine_main #member_access .login_btn img{
	margin:0px auto;		
		height:50px;
		
	
	}
	
	#magazine_main_112 #magazine_Pspace {
	float: left;
	
	padding: 1rem 8%;
	margin-top: 5px;
	margin-left: 0px;
	width: 100%;
	}
	
	
		/* box2_rs */
	
	.box2_rs 
	{
		display:block;
		width: 100%;
	}
	
	.box2_rs .item,
	.box2_rs .photo,
	.box2_rs .text
	{
		width: 100%;
	}

	.box2_rs .photo img,
	.box2_rs .item img{
		max-width: 100%;
	}

	.box2_rs .caption{
		font-size: 0.8em;
	}

	/* box2_1_4 */
	.box2_1_4{
		display: flex;
		justify-content:space-between;
	}

	.box2_1_4 .item:nth-child(1){
		width: 30%;
	}
	.box2_1_4 .item:nth-child(2){
		width: 70%;
	}

	.box2_1_4 .item img{
		max-width: 100%;
	}
	
	/******* box3 画像３つ配置 縦 ********/

	.box3 {

		display: block;
		justify-content:space-between;
	}

	.box3 .item{
	width: 100%;
	margin: 20px 0;
	float: left;
	}

	.box3 .item img{
	max-width: 100%;
	margin: 0;
	}


	
	.scroll {
        height:auto;
		margin:1em auto;
	    padding: 5px;
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	}
	#magazine_main #magazine_Pspace .scroll img{
		width: 800px;
		height: auto;
	}
	
	.Disc_photo{width:100% ;float:left; margin: 0 0 2% 0 }
	
	.Disc_info{width:96%; float:left; margin:0 2%;}
	
	
		/**************************   音源ダウンロード*****************************/

		#magazine_main #magazine_Pspace .DLlist .dl_box p.title{
	font-size: 1.4rem;
	margin: 0.4rem 0;
	line-height: 150%;
	
}
	.DLlist .dl_box ul li{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 27%;
	border-radius: 5px;
	text-align: center;
}
.DLlist .dl_box ul li a{
	color: #fff;

	display:block;
    width:90%;
	padding:12px 2%;
}
	
	/**************************   動画エリア設定 ****************************

******************************************************************************/


		/*YouTubeレスポンシブサイズ*/
		.youtube {
				position: relative;
				max-width: 110%;
				padding-top: 60%;
				margin: -5%;
			}
	
		#potal_main_ec .youtube {
				position: relative;
				max-width: 100%;
				padding-top: 60%;
				margin: 0%;
			}
		.youtube iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}
	/**************************   アンケート **************************/

#magazine_enquete table{
        padding: 2% 1% 2% 0%;
        width: 110%;
        margin: 0 -4%;
     
    }	

	
	
}