/* カスタマイズ用CSS */

html{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
background: url("/html/user_data/img/paperboard-texture.jpg")repeat;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

#content{
margin-top:2vw;
}

.content-s{
    width: 90%;
    margin: 0 auto;
}
.content-s img{
width:100%;
height:auto;
}

#container-inner{
width: 80%;
  margin: 0 auto;
  position: relative;
}


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

#header-content{
  background-color: white;
height: 8vw;
}

#header-content ul{
position: absolute;
    right: 0vw;
    top:1vw;
}

#header-content h3 {
  color: white;
  text-align: center;
}

#header-content h1 {
position: absolute;
  width: 60%;
  vertical-align: top;
  top: 0;
  margin: 0;
}

#header-content li {
display: inline-block;
  width: 8vw;
  vertical-align: middle;
  margin: 0 0 auto 1vw;
}

#header-content img{
width: 100%;
height: auto;
}

#header-content a{
text-decoration-line: none;
font-size: 1.2vw;
color:black;
font-weight: bold;
}

.topshot{
position: relative;
}


.topshot img{
width: 100%;
height: auto;
}

.topshot h1{
position: absolute;
bottom: 2%;
  right: 3%;
  color: white;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-size: 1.5vw;
}

.list{
  text-align: center;
  background-color: rgb(230, 0, 18);
  width: 20%;
  margin: 0 auto;
  padding: 1vw;
  color: white;
  font-size: 2vw;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight:800;
}

.listt{
  text-align: center;
  background-color: rgb(230, 0, 18);
  width: 30%;
  margin: 0 auto;
  padding: 1vw;
  color: white;
  font-size: 3vw;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight:800;
}
.listt a{
    color: white;
}

#index-main{
margin:0;
padding:0;
}

#index-main ul{
margin: 1vw auto 2vw auto;
padding:0;
}


#index-main li{
display: inline-block;
  width: 29%;
margin-left:5%;
margin-top: 2vw;
vertical-align: top;
}

.il{
display: inline-block;
  width: 29%;
margin-top: 2vw;
margin-left:0!important;
padding-left:0!important;
vertical-align: top;

}

.top{

}

.top img{
width: 100%;
height: auto;
}

.middle{
font-size: 1.1vw;
font-weight: 400;
}

.bottom{
float: right;
}

bottom{
text-decoration-line: none;
color:white;
}

.bottom h1{
color:rgb(230, 0, 18);
font-size: 1.5vw;
display: inline-block;
}

.bottom span{
font-size: 0.8vw;
vertical-align: top;
}

.bottom h2{
    display: inline-block;
    width: 12vw;
    height: 2vw;
    line-height: 2vw;
    background-color: rgb(230, 0, 18);
    border-radius: 50vh;
    color: #fff;
    text-align: center;
    font-size: 1.1vw;
    margin-left: 1vw;
}
.bottom a{
text-decoration-line: none;
color:white;
}

.rya{
width:100%;
}

.rya h1{
  text-align: center;
  background-color: rgb(230, 0, 18);
  width: 42%;
  margin: 0 auto;
  padding: 1vw;
  color: white;
  font-size: 2vw;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight:800;
}


.rya ul{
margin: 3vw 0 3vw 0;
  padding: 0;
}

.ra{
display: inline-block;
  width: 15vw;
  margin: 0 8vw 0 1vw;
}

.ya{
display: inline-block;
  width: 30vw;
}

.am{
display: inline-block;
  width: 15vw;
  margin-left: 8vw;
}

.rya img{
width: 100%;
height: auto;
}



#info-content{
background-color: black;
  height: 5vw;
margin: 2vw auto;
}

#info-content h1{
width: 50%;
  text-align: center;
  color: white;
  margin: 0 auto;
  padding-top: 0.5vw;
  font-size: 2.5vw;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.info{
margin: 0;
padding: 0;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.info p{
line-height: 180%;
font-weight: 600;
font-size:1.1vw;
}

.tenpo{
line-height: 180%;
font-weight: 600;
font-size:1.1vw!important;
margin:0;
padding:0;
}

.info span{
line-height: 180%;
font-weight: 600;
font-size: 1.2vw;
}

.l{
display: inline-block;
width: 42%!important;
margin:0 5% 0 auto!important;
vertical-align: top;
}
.lp{
display: inline-block;
margin:0 5% 0 auto!important;
vertical-align: top;
}

.lp img{
width:100%;
height:auto;
}

.card{
width:65%!important;
  margin: 0!important;
}

.dg{
width: 30%!important;
  margin: 0!important;
}

.l img{
width: 100%;
height: auto;
}



.info li{
display: inline-block;
width: 49%;
margin:0 auto 0 auto;
vertical-align: top;
}



.info h1 {
  border-left: 0.8vw solid rgb(230, 0, 18);
  padding: 0.5% 2% 0.5%;
  background-color: white;
  font-size: 1.5vw;
}


.info h2{
margin: 0 auto;
  width: 40%;
}
.info h2 img{
width: 100%;
height: auto;
}

.info h3{
margin: 0 auto;
  width: 35%;
}
.info h3 img{
width: 100%;
height: auto;
}

.info h4{
margin: 1vw auto;
  width: 60%;
}
.info h4 img{
width: 100%;
height: auto;
}




#footer-content{
  background-color: black;
margin-top: 2vw;
}

#footer-inner{
position: relative;
width:80%;
margin: 0 auto ;
}

#footer-content ul{
float: right;
}

#footer-content h3{
  font-size:1.0vw;
  color: white;
  text-align: center;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
margin: 0;
padding: 0;
clear: both;
}

#footer-content h1{
position: absolute;
  width: 60%;
  vertical-align: top;
  top: 0;
  margin: 0;
}

#footer-content li{
display: inline-block;
  width: 5vw;
}

#footer-content img{
width: 100%;
height: auto;
}

.si1{
font-size:0.8vw;
  color: white;
}

.si1s{
font-size:2vw;
  color: white;
}

.center ul{
    width:90%;
    margin: 0 auto;    
}
.center li{
    display:inline-block;
    width:30%;
}

.center img{
    width:100%;
    height:auto;
}



.ec-sliderRole {
    margin:0px;
}

  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
width: 100%
  }
@media only screen and (min-width: 460px) {
.ec-shelfGrid .ec-shelfGrid__item{
    padding: 0 16px;
    width: 32%;
}
}
@media only screen and (min-width: 980px) {
.ec-shelfGrid .ec-shelfGrid__item{
    padding: 0 16px;
    width: 32%;
}
}
    .ec-cartNaviWrap {
    position: relative;
    width: 75%;
    margin: 0 auto;
  }
  
  .shelfGrid__item {
  padding: 0 16px;
  width: 32%;
  }
  
.ec-off1Grid__cell h4{
    margin:1.5vw;
}
.ec-off1Grid__cell li{
    margin:1vw;
}

.ec-footerTitle__logo img{
    width:100%;
    height:auto;
}

.ec-cartNaviNull {
    width:50vw;
}

.ec-cartNaviIsset {
        width: 50vw;
}