@charset "UTF-8";

/* ========EVENT CUSTOMIZE========= */


/* ========EVENT ORIGINA CUSTOMIZE========= */
/*--------------------------------
ここからPCのCSS
----------------------------------*/
@media screen and (min-width:480px){
.sumaho{
	display: none;
}
body{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
}


#magazine #main_box {
	width: 1130px;
	height: 596px;
	margin: auto;
	position: relative;
	background-image: url("../images/magazine/main.png");
	overflow: hidden;
}


#magazine #move_car01 {
	width: 200px;
	height: 65px;
	position: absolute;
	top: 0px;
	visibility: hidden;
}

#magazine #move_car02 {
	width: 200px;
	height: 110px;
	position: absolute;
	top: 0px;
	visibility: hidden;
}
#magazine #move_car03 {
	width: 200px;
	height: 121px;
	position: absolute;
	top: 0px;
	visibility: hidden;
}
#magazine .move_car {
	z-index: 15;
}
#magazine #move_staff01 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	visibility: hidden;
}
#magazine #move_staff02 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	visibility: hidden;
}
#magazine #move_staff03 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	visibility: hidden;
}
#magazine .move_staff {
	width: 230px;
	height: 258px;
	z-index: 16;
}

#magazine #car_body {
	width: 164px;
	height: 49px;
	z-index: 17;
	position: absolute;
	top: 165px;
	left: 30px;
	visibility: hidden;
}

#magazine #tire1 {
	position: absolute;
	top: 200px;
	left: 155px;
	visibility: hidden;
}

#magazine #tire2 {
	position: absolute;
	top: 200px;
	left: 50px;
	visibility: hidden;
}

#magazine .tire {
	width: 29px;
	height: 28px;
	z-index: 18;
}


#magazine #vol_box {
	width: 277px;
	height: 266px;
	position: absolute;
	left: 850px;
    top: 60px;
}

#magazine #magazine_menu_box {
	width: 256px;
	height: 118px;
	position: absolute;
	left: 850px;
    top: 350px;
}


#magazine #top_text_box {
	width: 1130px;
	height: 300px;
	margin: auto;
	position: relative;
	text-align: left;
}

#magazine #item01_box {
	width: 418px;
	height: 251px;
	position: absolute;
	left: 700px;
    top: -50px;
}

#magazine #comment_box {
	width: 1100px;
	height: 580px;
	margin: auto;
	margin: -40px 0px 0px 50px;
	position: relative;
	text-align: left;
}

#magazine #comment_text_box {
	width: 650px;
	height: 450px;
	margin: auto;
	position: relative;
	float: left;
}

#magazine #comment_back1_box {
	margin: auto;
	background-image: url("../images/magazine/comment01_back.png");
}

#magazine #comment_title1_box {
	margin:30px 0px 0px 20px;
}

#magazine #comment_back2_box {
	margin: auto;
	margin-top:80px;
	background-image: url("../images/magazine/comment02_back.png");
}

#magazine #comment_title2_box {
	margin:30px 0px 0px 0px;
}

#magazine #comment_photo01_box {
	width: 350px;
	height: 316px;
	margin: auto;
	position: absolute;
	left: -50px;
	top: -50px;
	z-index: 2;
}
#magazine #comment_photo02_box {
	width: 346px;
	height: 312px;
	margin: auto;
	position: absolute;
	left: 80px;
	top: 150px;
	z-index: 1;
}


#magazine #comment_photo03_box {
	width: 350px;
	height: 316px;
	margin: auto;
	position: absolute;
	left: 80px;
	top: -100px;
	z-index: 2;
}

#magazine #comment_photo04_box {
	width: 346px;
	height: 312px;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 130px;
	z-index: 1;
}

#magazine #comment_comment1_box {
	margin:10px 0px 0px 45px;
	text-align: left;
}
#magazine #comment_comment2_box {
	margin:10px 0px 0px 20px;
	text-align: left;
}
#magazine .comment_comment {
	width: 600px;
	height: 220px;
	float: left;
}

#magazine .comment_back {
	width: 409px;
	height: 392px;
	margin: auto;
	position: relative;
	text-align: left;
	float: left;
}

#magazine .comment_title {
	width: 531px;
	height: 117px;
	text-align: left;
	float: left;
}

}


/*--------------------------------
ここからスマホCSS
----------------------------------*/

@media screen and (max-width:480px){/*andの後は半角スペース*/
body{
	position:relative;//ナビ用
	overflow:hidden;
	font-size:14px;
}
*{
	margin:0;
	padding:0;	
}

.pc{
	display:none;
}

#main_left {
	min-height: 0px !important;	
}

/*=====MAGAZINE vol.1======*/
/*vol.1画像*/
#vol_box {
	display:block;
	margin:0 auto 10px;
	width:50%;
	float:left;
}
/*vol.2バナー*/
#magazine_menu_box {
	display:block;
	width:50%;
	float: right;
	overflow: hidden;
	margin-top:80px;
}
/*background→html*/
/*オーナー*/
img#magazine_main_pic {
	width:100%;
	//margin:0 auto;
}
/*オーナーコメント*/
#top_text_box {
	width:95%;
	display:block;
	margin:0 auto;
	font-size:90%;
	font-weight:normal;
}
/*======コメントボックス======*/
/*囲い*/
#comment_text_box {
	width:95% !important;
	box-sizing:border-box;
	border:1px solid #888;
	padding:20px 5px;
	margin:0 auto 25px;
	display:block;
}
/*見出し画像*/
img.comment_title{
	width:95% !important;
	margin:0 auto 15px;	
	display:block;
}
/*h4*/
#comment_text_box h4 {
	width:90%;
	font-weight:normal;
	margin:0 auto;
}

/*redcar*/
#item01_box {
	width:90%;
	margin:20px auto 0;
	display:block;
}
/*ポラロイド写真2枚*/
#comment_back1_box,
#comment_back2_box
{
	position:relative;
	height:200px;
}
img#comment_photo01_box,
img#comment_photo03_box {
	width:55%;
	position:absolute;
	top:0;
	left:10px;
	z-index:2;
}
img#comment_photo02_box,
img#comment_photo04_box {
	width:55%;
	position:absolute;
	top:0;
	right:10px;
	z-index:1;
}

/*========footer========*/
#footer {
	width:100%;
	background:#000;
	font-size:60%;
	color:#fff;
	box-sizing:border-box;
	padding:5px;	
}
}