

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

#magazine_main_full #magazine_Pspace p{
padding: 0px;
}

#magazine_main_full .subtitle, #magazine_main .subtitle{
     margin: 50px auto 0px;

}

#magazine_main_full #magazine_Pspace h1{
    padding: 10px 0 50px;
    margin: 0px auto 50px;
	font-size: 2.4rem;
}
#magazine_main_full h2
{
	font-size: 1.6rem;
	margin: 30px auto 40px;
    padding: 20px 0 ;

}
#magazine_main_full h3
{
	font-size: 1.2rem;
    margin: 0px auto 10px;
	
}


#magazine_main_full #magazine_main #magazine_Pspace .entry_btn{
	width: 50%;
	margin: 40px auto;
}
	
#magazine_main #magazine_Pspace{
	width: 1200px;
}

#sub_main_img{
	margin: 0 0 -15px;
}

/**** 一覧表示 +++++++++++++++++++++++++++++++++++++++++++*/


.re_menu{
    background-color: #b9b6a4;
    color: #FFF;
    margin: 2% 0;
}

.re_menu li {
    display:inline-block;
    padding: 1% 4% !important;
    margin: 0% 0;
}
.re_menu li:hover{
    background-color: #989481;
}
.re_menu li a{
  text-decoration: none; 
    color: #FFF;    
}

.box2_rs .photo{width:60%; margin: 0rem 0 0 !important;}
.box2_rs .photo img {height:100%;}

#magazine_main_full .box2_rs h2{
    font-size: 1.6rem;
    margin: 0% 0 0 !important;
    padding: 0%  !important;
}
#magazine_main_full .box2_rs h3{
    font-size: 1.4rem;
    margin: 1% 0 2% !important;
}
.box2_rs .text{
    width: 50%;
    margin: 1% 3% !important;
}

.bg1{
    background-color: #e7ecd1;
    color: #FFF;
    margin: 4% -13% 0;

}
.bg1 .text_group{
    border-left: solid 6px #a8b372;
    padding: 0 3%;
    margin: 4% 0;
}

.bg2{background-color:#d7e5e9; 
    color:#FFF;
    margin: 0% -13% 0;
}
.bg2 .text_group{
    border-left: solid 6px #799aa2;
    padding: 0 3%;
    margin: 4% 0;}

.bg3{background-color:#e1deec; color:#FFF;
    margin: 0% -13% 0;
}
.bg3 .text_group{
    border-left: solid 6px #9e95b8;
    padding: 0 3%;
    margin: 4% 0;}
.bg4{background-color:#dbdbd5; color:#FFF;
    margin: 0% -13% 0;
}
.bg4 .text_group{
    border-left: solid 6px #9f9785;
    padding: 0 3%;
    margin: 4% 0;}



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

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

#magazine_main {
	width: 100%;
	padding: 0% 0% 5%;
	margin: 0% auto 0;
	overflow: hidden;
	}	
	#magazine_main #magazine_Pspace{
	width: 90%;
	padding: 0% 0% 5%;
	margin: 0% auto 0;
	}
	.bg1, .bg2, .bg3, .bg4{
    margin: 0% -6% 0;
    padding: 0% 0% 5%;
    width: 112%;
	}
	
}

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

@media only screen and (max-width: 768px){
#magazine_main #magazine_Pspace{
	width: 100%;
}
	.bg1, .bg2, .bg3, .bg4{
    margin: 0% -5% 0;
    padding: 0% 0% 5%;
    width: 105%;
	float:left;
}

	.box2_rs{
		display:inherit;
		width:100%;
	}
.box2_rs .photo{width:100%; margin: 0rem 0 0 !important;}

.box2_rs .text{
	width:100%; 
	float:left;
	margin: 0rem 0 0 !important;}

.bg1 .text_group, .bg2 .text_group, .bg3 .text_group, .bg4 .text_group{
    padding: 3% 2%;
    margin: 0% 3%;
    width: 44%;
    float:left;
	}
	
}

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

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

	#main .magazine_also #magazine_Pspace,
	#magazine_main #magazine_Pspace{
	width: 100%;
	padding: 4% 5%;
}


#magazine_main .main_header_img {
	text-align: right;
	/* position: relative; */
	display: none;
	}
#magazine_main .main_header_img img{
width: 160%;right: 0;
	position: absolute;top: 0;

	}

#magazine_main_full .sub_header_img img{
width: 100%
	}
#magazine_main_full {
margin-top: 0px;
}

#magazine_main{
	position: relative;
	margin: 0px;
}
#magazine_main_full #magazine_Pspace h1{
	font-size: 1.8em;
    padding: 10px 0 20px;
    margin: 0px auto 20px;	
	}
	

	#magazine_main_full h2{
	padding:3em 0.1em 1em;
		font-size: 1.4em;
}
	


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

.box2 .item{
	width: 100%;
	margin-bottom: 50px;
	}
#magazine_main_full #magazine_main #magazine_Pspace p.entry_btn{
	
	width: 90%;
	margin: 10px auto;
}
	
/**** 一覧表示 +++++++++++++++++++++++++++++++++++++++++++*/

	.bg1, .bg2, .bg3, .bg4{
    margin: 0% -6% 0;
    padding: 0% 0% 5%;
    width: 113%;
}
	.bg1 .text_group,
	.bg2 .text_group,
	.bg3 .text_group,
	.bg4 .text_group{
    padding: 3% 4%;
    margin: 0% 2%;
    width: 98%;
    float:left;
 }

.box2_rs .photo{width:100%; margin: 0rem 0 0 !important;}

.box2_rs .text{width:100%; margin: 0rem 0 0 !important;}
	
	
	.re_menu{
		width: 112%;
		margin: 10% -6% 0;
	}
	.re_menu li{
		float: left;
		width:50%;
    padding: 4% 2% !important;
    background-color: #b9b6a4;
	}

#footer{
	text-align: center;
	margin-top:0px;
	/* margin: 0; */
	width: 100%;
	height: 100% !important;
	background-image:-webkit-gradient(linear,left top, left bottom,from(#918c8b),to(#4d4948));
	background-image:-moz-linear-gradient(top bottom,#918c8b,#4d4948);　  
	background-image:-o-linear-gradient(top bottom,#918c8b,#4d4948);　　 
	background-image:linear-gradient(top bottom,#918c8b,#4d4948); 
}


	#footer_bg{
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	background-image: url(../images/footer_bg.gif);
	background-size: 100% 640px;

	clear: both;
	height: 1000px !important;
}
	#footer_left,#footer_right{
	float: left;
	margin-top:3px;
	width: 100% !important;
}

	#footer_left #new_title,
	#footer_right #new_title{
        color: #FFFFFF;
        letter-spacing: 4px;
        margin: 0 auto;
        padding-left: 0px;
        float: none;
        font-size: 95%;
        width: 80% !important;
        text-align: left;
    }
	#footer_left #new_title table, 
	#footer_right #new_title table {
	border-left: 8px solid rgb(177, 176, 177);padding-left: 18px;
	}
#corp_logo{
	float: none !important;
	margin: 10px auto !important;
	width: 210px !important;
}



#corp_menu{
	width: 100% !important;
}
#footer_bottom{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	width: 100% !important;
	clear:both;
	background-color: #000;
}
	
}