@charset "utf-8";

#contents_full img { -webkit-backface-visibility: hidden; vertical-align:bottom; }

.switch {
	width:100%; height:auto; max-width:1000px;
	margin:0; padding:0;
}


/* =========================================================
  Layout
========================================================= */



/* =========================================================
  Custom
========================================================= */

/* topimg -----------------------------------------------*/



body {
background-image:url(../images/img.jpg);
background-repeat:repeat;
margin:0;
padding:0;

}




#topimg {
width:1000px;
margin:0 auto;
background:light-gray;
}



#topimg-sumaho{

display:none;

}

@media screen and (max-width: 767px){
#topimg-cover {

display:none;
}
#topimg-sumaho{

  background: #EEE;
	background-image: url(../images/top-image-background2.jpg);
	width: 100%; max-width: none;
	display: table;
	position: relative;
  background-position-y:-600px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;


}

#topimg-sumaho h1{

color:red;

text-align:center;
font-size:50px;
}
#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom:10px;
  background: #00479d;
  font-weight:bold;
  border-radius: 50%;
  z-index:9999;
}
#page_top a{
  position: relative;
  display: block;
  width:100px;
  height: 100px;
  text-decoration: none;
  font-weight:bold;
}

#page_top p{
  color:white;
  text-decoration: none;
  font-weight:bold;
  position: absolute;
   top:5px;
  left:25px;
  line-height:1.2;
   text-align:center;
}

#page_top a::before{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight:bold;
  content: ;
  font-size: 24px;
  color: #fff;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content:;
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom:30px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

}


/* main section ----------------------------------------*/
#main_sec{
	background: #dda266;	
	padding: 50px 10px;
}
#maintxt{ font-size:14px; line-height:18px; color:#000;	margin-bottom:20px;}

#maintxt h1 {
	font-size:18px; text-align:center; color:#942525;
	margin-bottom:20px;	
}

#maintxt p {
	font-size:14px; text-align:center; 
	margin-bottom:20px;	
}


.corner_btn {
	padding: 10px 10px; text-align:center; 
}
.corner_btn img {
	margin: 10px;
}



#suit01,#suit02,#suit03,#suit04{
background: #333;
background-image: url(../images/suitc-bg-01.jpg);
clear:both;
width: 100%;
max-width: none;
margin: 0 auto;

display: table;
position: relative;
background-position: center center; 
background-attachment: fixed; 
background-repeat: no-repeat;
-webkit-background-size: cover; background-size: cover;
}
.corner_ttl {
width:360px; 
margin:0 auto;
}


.corner_sec {
 width:100%;
 padding:30px 0;
 padding:3.0rem 0;
 background:#FFF; 
}


.corner_txt { 

width:660px; 
margin:0 auto;
padding: 0 0 20px 0;
padding: 0 0 2.0rem 0; }



/* lineup_big */
.lineup_big { clear:both; width:100%; max-width:1000px; margin:0 auto; padding: 0 10px; padding: 0 1.0rem; }

.lineup_big_item { width:100%; max-width:1000px; }
.lineup_big_item .phmain { width:100%; max-width:100%; float:none;margin:15px 0; }
.lineup_big_item .phmain img { width:100%; height:auto; }
.lineup_big_item .phsub { width:100%; max-width:100%; float:none; margin:15px 0}
.lineup_big_item .phsub img { width:100%; height:auto; }
.lineup_big_item .phcolor { width:100%; padding-top:10px; padding-top:1.0rem; clear:both; }
.lineup_big_item .phcolor img { width:100%; height:auto; margin-bottom:10px; margin-bottom:1.0rem; }
.lineup_big_item .buybtn_l { clear:both; width:90%; max-width:480px; height:auto; margin: 0 auto; margin: 1.5rem auto 4.0rem;}
.lineup_big_item .buybtn_l img { width:100%; }

.row img { margin:0px 20px 150px; float:left;}
#main_sec .row img { margin-bottom:10px; margin-bottom:1.0rem; }
.setup_item{ max-width:100%;
margin-bottom:100px; 
}
.setup_item img{ width:33%; }

@media only screen and (min-width: 481px) {
.lineup_big_item .phmain { width:54%; max-width:540px; float:left; }
.lineup_big_item .phsub { width:44%; max-width:440px; float:right; }
}

@media only screen and (min-width: 769px) {
#main_sec { padding: 50px 10px; padding: 5.0rem 1.0rem; }
#main_sec h2 {
	font-size: 18px; font-size: 1.8rem;
	margin-bottom: 20px; margin-bottom: 2.0rem;	
}
#main_sec p { font-size:12px; font-size:1.2rem; }
.corner_btn .corner_btn140 { width: 25%; max-width:150px; }

.lineup_big p{text-align:left;}

.product-buy{
width:1000px;
margin:0;
padding:0;
clear:both;
}

.product-buy-text {
clear:both;

margin:15px 0 0 0 !important;
padding:0;

}


.product-buy-text h1{
clear:both;
background-color:#7cd0f2;
text-align:center;
color:white;;
margin:15px 0 0 0 !important;
padding:0;

}



.jacket,.pants{
width:300px;
height:auto;
float:left;
margin:20px 50px 10px 0;
padding:0;

}
.jacket,.pants,.tshirt p{
text-align:left;
}
.tshirt{
width:300px;
float:left;
margin:20px 0 10px 0;
padding:0;
height:auto;
}


.jacket,.pants,.tshirt h4{
text-align:right;
}







#footer{
margin:5px auto 0;
padding:10px 0 0;
text-align:center;


}


#footer_info_ttl {
     width:200px;
    border: solid 5px #666;
    font-size: 10px;
    
    margin: 0 auto 20px;
   clear:both;
   background:#5dc3ec;

}

#footer_info_ttl h1 {
     color:white;

}


a:link {
  text-decoration: none;
}





#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #5dc3ec;
  
  border-radius: 50%;
}

#page_top p{
  color:white;
  text-align:center;
   font-weight: bold;
  line-height:1.2;
   position: absolute;
   top:5px;
   left:25px;
}




#page_top a{
  position: relative;
  display: block;
  width:100px;
  height: 100px;
  text-decoration: none;
   text-align:center;
   font-weight: bold;
}
#page_top a::before{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold;
  content: '';
  font-size: 10px;
  color: white;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '';
  font-size: 15px;
  color: white;
  position: absolute;
  top:30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}