@charset "UTF-8";
/* CSS Document */

#main_left #magazine_main .WhiteCol h3{
	text-align: left;
	margin:2% 0 0;
	font-size:25px;
	font-weight:bold;
	}
#main_left #magazine_main .WhiteCol p{
	text-align: justify;
	line-height: 200%;
	padding:2% 0;
	font-size:15px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#main_left #magazine_main .BlackCol p{
	color:#FFF;
	padding:3% 0;
	}

#main_left #magazine_main .BlackCol h2{
	color:#FFF;
	margin-left:2%
	}
#main_left #magazine_main .BlackCol h3{
	color:#AAA;
	margin-left:2%
	}
#main_left #magazine_main .BlackCol img{
	margin: 2% 0;
}
#main_left #magazine_main .WhiteCol img{
	margin: 2% 0;
}
#main_left #magazine_main .howto img{
	margin: 2% 6% 0;
}


.WhiteCol{
	/*width:84%;*/
	padding:3%;
	margin:5% auto 0;
	overflow:hidden;
	background-color:#FFF;
	border-color:#cccccc;
	border-width:2px;
	border-style:solid;
	}
	
.WhiteCol2{
	/*width:80%;*/
	padding:3%;
	margin:0 auto 5%; 
	overflow:hidden; 
	background-color:#FFF;
	border-color:#000;
	border-width:2px;
	border-style:solid;
	}
	
.BlackCol{
	/*width:84%*/
	padding:3%; 
	margin:5% auto 0; 
	overflow:hidden; 
	background-color:#000;
	}
	
.ColImgBox{
	float:left;
	margin-right:5%;
	}
	
#magazine_main #magazine_Pspace .ColImgBox img.ColImg {
	width:180px;
	border-radius: 100%;
	margin-right:5%;
	}
	
.Color1{
	color:#56471e
	}
	
.Color2{
	color:#ef850b
	}
	
.Marker{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	}
	
.Check{
	float:left;
	width:30%;
	}
	
#main_left #magazine_main .Check img.CheckImg{
	width:90%;
	margin:1em 0;
	}
	
#main_left #magazine_main hr.Hr{
	border-color:#cccccc;
	height: 1px;
	margin:6% 5% 3%;
	clear: both
	}
#main_left #magazine_main .BlackCol hr.Hr2{
	border-color:#333;
	height: 1px;
	margin:6% 2% 3%;
	clear: both
}
.CheckTxt{
	width:/*450px*/70%;
	float:right;/*left*/
	}
#main_left #magazine_main .CheckTxt p{
	/*padding:0 0 4% 0;*/
	/*margin-right:40px;*/
}
#main_left #magazine_main .CheckTxt h2{
	padding:0 0 0 0;
	margin-right:40px;
	margin-left:0
}
.Material{
	background-color:#56471e;
	padding:0.5em;
	color:#FFF
	}
.Material2{
	padding:1.5%;
	border-color:#000;
	border-width:3px;
	border-style:solid;
	}
.CapTxt{
	font-size:small;
	line-height:1.5em;
	}
p.White{
	color:#FFF
	}
#main_left #magazine_main .BlackCol p.NormalTxt{
	color:#AAA;
	font-weight:normal;
	}
.SAXtextInfo{
	color:#FFF;
	padding-top:0
	}
.profile{
	margin-top:5%
	}
#main_left #magazine_main div .profile img.profileImg{
	max-width:150px;
	float:left;
	margin:0 2rem 0 0;
	}

.S77lefre-img9{
	float: right;
	width: 150px; 
	margin: 0 1em;
	}

/*++++++++++++++++++++++++++++++++++++++++++
スマホ　表示
+++++++++++++++++++++++++++++++++++++++++++*/
@media only screen  and (min-width:568px){
.smart{
	display: none;
}
}

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

.ColImgBox{
	width:40%
	}

#main_left #magazine_main .WhiteCol h3{
	margin:2% 4% 0;
	font-size:130%;
	font-weight: bold;
	}

#main_left #magazine_main .WhiteCol p{
	padding:0% 4% 2%;
	}

#main_left #magazine_main .Check img.CheckImg{
	width:150px;
	}
#main_left #magazine_main h2 {
	color: #56471e;
	}

.CheckTxt{
	width: inherit;
	float: none;
	}
	
#main_left #magazine_main .CheckTxt p{
	/*padding:0 4%;*/
	/*margin-right:0;*/
	}
#main_left #magazine_main .CheckTxt h2{
	margin-right:4%;
	}
#main_left #magazine_main .howto img{
	margin: 2% 2% 0;
	}
#main_left #magazine_main p.CapTxt{
	font-size:90%;
	padding-top:0
	}
	
#main_left #magazine_main div .profile img.profileImg{
	max-width:150px;
	float:none;
	margin:0 auto;
	}

.S77lefre-img9{
	float: none;
	width: 150px; 
	margin: 0 auto 8rem;
	}
.BlackCol{
	padding:4%; 
	margin:0 -4%; 
	overflow:hidden; 
	background-color:#000;
	}	

}