@charset "UTF-8";

* {
margin:0;padding;0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}



/* SP */
@media screen and (max-width: 768px) { 

.fixed {
    position: fixed;
     bottom: -20px;
    width: 100% !important;
    max-width: none;
    z-index: 1;
    margin: 0;
}


div.nav-sumaho{

width:100% !important;
background-color:pink;
height:65px;
margin:0 auto 20px;
padding:0;


}
ul.menu-sumaho{
height:65px;
list-style:none;
display:flex;
margin:0 auto;
padding:0;

}

ul.menu-sumaho li{
text-align:center;
list-style:none;
margin:8px 0 0 0;
color:white;

}

img {
width:100%;
max-width: 100%;
height: auto;
margin: 0 0 15px 0;
}
    
    
#wrapper{
width:100%;
margin: 0;
padding:0;
}


.sale-banner{
display:block;
width:100%;
margin:0 auto;
padding:0;
}

ul.sale-image{
width:100%;
list-style:none;
margin: 0 auto;
padding:0;


}

ul.sale-image li{
width:50%;
float:left;
list-style:none;
margin: 0 auto;
padding:0;


}

ul.sale-image li a{
width:100%;
}



#tops-title h1{
width:30%;
margin:30px auto 20px !important;
padding:0;
border: 5px solid;
text-align:center;
color:red;
clear:both;

}


#shirt-title h1{
width:30%;
margin:30px auto 20px !important;
padding:0;
border: 5px solid;
text-align:center;
color:red;
clear:both;

}


#bottoms-title h1{
width:30%;
margin:30px auto 20px !important;
padding:0;
border: 5px solid;
text-align:center;
color:red;
clear:both;

}


   


#tops a {
display: block;
margin:0 
padding:0;
float:left;
}

#shirt a {
display: block;

margin:0 
padding:0;
float:left;}

#bottoms a {
display: block;

margin:0 
padding:0;
float:left;
}

#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom:50px;
  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:17px;
  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;
}

.side_nav{display:none;}

#upper-nav{

width:100%;
max-width:100%;
margin: 0 auto;
padding:0;

}

#upper-nav table tr td{
width:20%;
margin: 0 auto;

}

.nav{display:none;}


}



 
/* PC */

@media screen and (min-width: 1025px) {


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

}
#wrapper{
margin:0;
padding:0;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100% !important;
    max-width: none;
    z-index: 10000;
    margin: 0;
}


a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}



div.nav{


width:100% !important;
background-color:#ffe009;
height:80px;
margin:0 0 20px 0;
padding:0;


}
ul.menu{
width:800px;
height:80px;
list-style:none;
margin:0 auto 20px;
padding:0;

}

ul.menu li{
text-align:center;
list-style:none;
float:left;
margin:8px 40px 0 0;
color:white;

}

.sale-banner{
clear:both;
display:block;
width:1260px;
margin:0 auto 20px;
padding:0;
}


ul.sale-image{
list-style:none;
width:1260px;
margin:0 auto 20px auto;
padding:0;

}

ul.sale-image li{
list-style:none;
float:left;
width:300px;
margin:0 auto 20px auto;
padding:0;

}
a.title{

display:block;
padding-top:80px;
margin-top:-80px;
}

#tops-title h1{

width:100%;
margin:20px auto 20px;
padding:20px 0;
background-color:#1cced0;
text-align:center;
color:white;
text-decoration:none;
font-size: 27px;
font-weight:bold;
}


#shirt-title h1 {
width:100%;
margin:20px auto 20px;
padding:20px 0;
background-color:#1cced0;
text-align:center;
color:white;
text-decoration:none;
font-size: 27px;
font-weight:bold;

}



#bottoms-title h1 {
width:100%;
margin:20px auto 20px;
padding:20px 0;
background-color:#1cced0;
text-align:center;
color:white;
text-decoration:none;
font-size: 27px;
font-weight:bold;
}



#tops{
width:1260px;
margin:0 auto 40px auto;
padding:0;

}

#tops a{
width:1260px;
margin:0 auto 20px auto;
padding:0;

}

#shirt{
width:1260px;
margin:0 auto 40px auto;
padding:0;

}

#shirt a{
width:1260px;
margin:0 auto 20px auto;
padding:0 0 20px 0;

}

#bottom{
width:1260px;
margin:0 auto 40px auto;
padding:0;

}

#bottom a{
width:1260px;
margin:0 auto 20px auto;
padding:0;

}
#upper-nav{
display:none;

}
.nav-sumaho{


Display:none;
}




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

#page_top p{
  color:white;
  text-align:center;
   font-weight: bold;
  line-height:1.2;
   position: absolute;
   top:15px;
   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;
}




    
}

/*ipad*/
@media only screen and (min-width: 667px) and (max-width: 1024px) {

.fixed {
    position: fixed;
     bottom: -20px;
    width: 100% !important;
    max-width: none;
    z-index: 1;
    margin: 0;
}


div.nav{
width:100% !important;
background-color:red;
height:65px;
margin:0 auto 20px;
padding:0;
display:block;

}
ul.menu{
width:35%;
height:65px;
list-style:none;
display:flex;
margin:0 auto;
padding:0;

}

ul.menu li{
text-align:center;
list-style:none;
margin:8px 40px 0 0;
color:white;

}

ul.menu li img{
width:100%;

}


.sale-banner{
clear:both;
display:block;
width:100%;
margin:0 auto 20px;
padding:0;
}

.sale-banner img {

clear:both;
width:100%;
}

ul.sale-image{
width:100%;
margin:0 auto 20px auto;
padding:0;
list-style:none;


}



ul.sale-image li{
width:24%;
float:left;
list-style:none;
margin: 0 auto;
padding:0;


}

ul.sale-image li a img{
width:100%;
}
 
#tops-title h1{
width:200px;
margin:20px auto 20px;
padding:0;
border: 5px solid;
text-align:center;
color:red;

}


#shirt-title h1{
width:200px;
margin:20px auto 20px;
padding:0;
border: 5px solid;
text-align:center;
color:red;

}


#bottoms-title h1{
width:200px;
margin:20px auto 20px;
padding:0;
border: 5px solid;
text-align:center;
color:red;

}


#tops{
width:100%;
margin:0 auto 40px auto;
padding:0;

}

#tops a{
width:100%;
margin:0 auto 20px auto;
padding:0;

}

#shirt{
width:100%;
margin:0 auto 40px auto;
padding:0;

}

#shirt a{
width:100%;
margin:0 auto 20px auto;
padding:0 0 20px 0;

}

#bottom{
width:100%;
margin:0 auto 40px auto;
padding:0;

}

#bottom a{
width:100%;
margin:0 auto 20px auto;
padding:0;

}



.nav-sumaho{display:none;}

}

/** iPad Pro **/
@media only screen and (min-width: 1024px) and (max-width: 1366px) {}