@charset "euc-jp";

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/*------------------------------------------------------------
TOP
------------------------------------------------------------*/

.index-block h2{
  background: #03407D;
  color: #fff;
  font-size: 1.8em;
  padding: 0.5em;
  margin-bottom: 0;
  font-weight: 500;
}
.index-block h2 span{
  color: #F6B93C;
}
.index-block h2.rich-font{
  letter-spacing: 5px;
}

.index-block .block-inner{
  background: #fff;
  padding: 1.0em;
  -moz-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -ms-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
}
.index-block .block-inner h3{
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .index-block .block-inner h3{
    text-align: left;
  }
}

.index-block .block-sub-inner{
  padding-top: 1.0em;
  margin-top: 1.0em;
  border-top: dashed 1px #ccc;
}
.index-block .block-sub-inner h4{
  margin-top: 0;
}
@media (max-width: 480px) {
  .index-block .block-sub-inner h4{
    text-align: center;
  }
}

.index-block .product-infomation01{
  padding: 1.0em;
  background: #6ab04c;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.index-block .product-infomation01 figure{
  width: 50%;
  margin: 0;
}
.index-block .product-infomation01 .info{
  width: 48%;
}

@media (max-width: 480px) {
  .index-block .product-infomation01 figure,
  .index-block .product-infomation01 .info{
    width: 100%;
  }
  .index-block .product-infomation01 figure{
    margin-bottom: 1.0em;
  }
}

.info-block,
.free-block{
  background: #fff;
  -moz-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -ms-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
}

.info-block{
  padding: 1.0em;
  text-align: center;
  color: #bd101c;
  border: solid 2px #bd101c;
  margin-bottom: 1.0em;
}

.free-block{
  padding: 1.0em;
  text-align: center;
  color: #03407D;
  border: solid 2px #03407D;
}

@media (max-width: 480px) {
  .info-block,
  .free-block{
    text-align: left;
  }
}



/* Column
------------------------------------------------------------*/
.column,
.column *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.column{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.column li{
  margin-right: 2%;
  margin-bottom: 2%;
  list-style-type: none;
}
.column li img{
  width: 100%;
  height: auto;
}
@media screen and (min-width: 481px){
  .column2 li{
    width: 49%;
  }
  .column3 li{
    width: 32%;
  }
  .column4 li{
    width: 23.5%;
  }
  .column5 li{
    width: 18.4%;
  }

  .column2 li:nth-of-type(2n),
  .column3 li:nth-of-type(3n),
  .column4 li:nth-of-type(4n),
  .column5 li:nth-of-type(5n){
    margin-right: 0;
  }
}
@media screen and (max-width: 480px){
  .column{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .column li{
    width: 49%;
    margin-right: 0;
  }
  .shipping-benefits li{
    width: 100%;
    margin-right: 0;
  }
}

/* List
------------------------------------------------------------*/
.shipping-benefits.column{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shipping-benefits.column li{
  width: 43%;
}
.shipping-benefits.column li.more{
  width: 10%;
}
@media screen and (max-width: 480px){
  .shipping-benefits.column{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .shipping-benefits.column li{
    width: 100%;
  }
  .shipping-benefits.column li.more{
    width: 23%;
  }
}


.products-list{
  margin: 1.0em 0;
}
.products-list li{
  background: #fff;
  padding: 1.0em;
  -moz-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  -ms-box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
  box-shadow: 10px 10px 20px -19px rgba(0, 0, 0, 0.54);
}
.products-list li h3{
  font-size: 38px;
  line-height: 1.2;
  text-align: center;
  margin: 0;
}
.products-list li h3 small{
  font-size: 16px;
  display: block;
}
.products-list li .sub-title{
  text-align: center;
  margin-bottom: 0;
}
.products-list li .item-info .txt-price{
  font-size: 30px;
  color: #BD101C;
  font-weight: bold;
  text-align: center;
}
.products-list li .item-info .txt-price .tax{
  font-size: 14px;
  color: #111;
  font-weight: normal;
}
.products-list li .select-kosuu,
.products-list li .select-hinban{
  text-align: center;
  margin-bottom: 1.0em;
}
.products-list li .select-kosuu select{
  width: 5.0em;
}
.products-list li .select-hinban select{
  width: 14.0em;
}

@media screen and (max-width: 480px){
  .products-list li{
    margin-right: 0;
    width: 100%;
  }
}


/* Form
------------------------------------------------------------*/
.item-info form .btn-submit{
  background: #0D1E3D;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 1.0em;
}
.item-info form .btn-submit:before{
  content: "\f217";
  font-family: FontAwesome;
  margin-right: 0.5em;
}
.item-info form .btn-submit:hover{
  opacity: 0.8;
}




/* Font
------------------------------------------------------------*/
.rich-font{
  font-family: 'Oswald', sans-serif;
}

.txt-center{
  text-align: center;
}
@media (max-width: 480px) {
  .txt-center{
    text-align: left;
  }
}


/* Table
------------------------------------------------------------*/
.table-style01{
  background: transparent;
  border-collapse: collapse;
}
.table-style01 th,
.table-style01 td{
  font-weight: normal;
  text-align: center;
  padding: 0.5em;
  border: solid 2px #6ab04c;
  color: #000;
  background: #fff;
}


.table-style01 .td-style01{
  background: #FFF1AA;
  color: #000;
}
.table-style01 .td-style02{
  color: #03407D;
  font-weight: bold;
}
.table-style01 .td-style02 span{
  color: #BD101C;
}

/* Recommend block
------------------------------------------------------------*/
#recommend-block.index-block h2{
  font-size: 16px;
}

@media (max-width: 480px) {
  #recommend-block.index-block h2{
    text-align: left;
  }
}