@charset "UTF-8";

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

/*--------------------------------------------------
	column
--------------------------------------------------*/
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { width: 100%; margin-bottom: 24px; }
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 { float: none; margin-right: 0; }
.col_1.fr, .col_2.fr, .col_3.fr, .col_4.fr, .col_5.fr, .col_6.fr, .col_7.fr, .col_8.fr, .col_9.fr, .col_10.fr, .col_11.fr { float: none; }
.col_1.last, .col_2.last, .col_3.last, .col_4.last, .col_5.last, .col_6.last, .col_7.last, .col_8.last, .col_9.last, .col_10.last, .col_11.last {	margin-right: 0; }
.wrapper { width: auto; margin: 0 10px; }
.inner { width: auto; margin: 0 10px; }
.area { width: auto; margin: 0 10px; }

.sp { display: block; }
.pc { display: none; }

/*--------------------------------------------------
	sec01
--------------------------------------------------*/
#sec01 { width: 100%; margin-bottom:50px; }
#view { width: 100%; height: 400px; }
#s01, #s02, #s03 {
	width: 100%;
	height: 400px;
 	-moz-background-size:cover;
	background-size:cover;
}
#s01 .inBox , #s02 .inBox , #s03 .inBox  {
	margin: 0 10px;
}
.copy {
	position: absolute;
	top: 350px;
	left: 0px;
	margin-left: 0;
}

/*--------------------------------------------------
	sec02
--------------------------------------------------*/
.sec02_1 { margin-bottom:70px; }
.sec02_2 { margin-bottom:20px; }
.sec02_3 { margin-bottom:30px; }

.p01 { width:100%;	float: none; }
.p02 { width:100%;	float: none; }
.p03 { width:80%; }
.p04 { width:20%; }
.p05 { width:35%; }
.p06 { width:65%; }
.p07 { margin-bottom:100px; }
.p08 { margin-bottom:100px; }

#p01 { width:52px; }
#p04 { width:28px; }
#p05 { width:56px; }
#p08 { width:28px; }
  
#parallax01 {
	background: none;
}
#parallax01 .inner{
    height: auto;
    position: static;
}
#parallax01 .inner .text01 {
    background: url('../../img/para01_textbg.png');
    width: 80%;
    position: static;
	padding: 20px 0;
}

/*--------------------------------------------------
	sec03
--------------------------------------------------*/
#titan {
	margin-bottom:60px;
	background-position: right 50px;
}
#titan_text {
	margin-top: 150px;
	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}
#titan_size img { float:none; }


#mat_text {
	margin-top: 150px;
	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}


#namepen { background:none; }
#namepen h1 { margin:0px; }
#namepen_text {
	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}


#shuniku{
	margin-bottom:60px;
}
#shuniku_text {
	margin-top: 150px;
	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}


#black-queen { background:none; }
#black-queen h1 { margin:0px; }
#black-queen .inner {
	height:auto;
}


/*--------------------------------------------------
	sec04
--------------------------------------------------*/
#parallax02 {
    height: auto;
	background: none;
}
#parallax02 .inner{
    height: auto;
    position: static;
}
#parallax02 .inner .text02 {
    width: 80%;
    position: static;
	padding: 20px 0;
}

/*--------------------------------------------------
	sec05
--------------------------------------------------*/
#parallax03 {
	width: 100%;
	height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#heart-parallax {
	width:100%;
	padding-top: 200px;
	height: 400px;
	margin-bottom: 0px;
}
#heart-parallax .name {
    margin-top: 60px;
}

#heart-parallax #heart1 { display:none; }
#heart-parallax #heart2 { display:none; }


/*--------------------------------------------------
	sec06 ItemList
--------------------------------------------------*/
#sec06 .col_4 { width: 220px; margin: 0 auto 50px; }

/*--------------------------------------------------
	footer
--------------------------------------------------*/
#footer .btn { width: 100%; }

/*--------------------------------------------------
	googlemap
--------------------------------------------------*/
#map_canvas { width: 100%; }


}