/* カスタマイズ用CSS */
.pc { display: block; }
.sp { display: none; }
@media only screen and (max-width: 750px) {
.pc { display: none; }
.sp { display: block; }
}

#sp-fixed-bb{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}
#sp-fixed-bb ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#sp-fixed-bb li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 16px;
   border-right: 1px solid #fff;
}
#sp-fixed-bb li:first-child{
   background: #a0522d;
}
#sp-fixed-bb li:last-child{
   background: #c89932;
}
#sp-fixed-bb li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:15px;
}

.wrapper {
  background-color: white;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.osusumebox {
  width: 23%;
  height: AUTO;
  background-color:#f9fff9;
  margin: 10px;
  padding: 10px;
border: 1px solid #dcdcdc;
}
.osusumebox:nth-child(odd){
  background-color: #ffffef;
}
.osusumebox img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}
.osusumebox:nth-child(even) > h2{
  color: darkred;
}
.osusumebox > p{
  font-size: 16px;
  color: gray;
}

@media only screen and (max-width:479.9px) {
.wrapper{width:100%;}
.osusumebox {
  width: 100%;
  height: AUTO;
  background-color:#f9fff9;
  margin: 10px;
  padding: 8px;
  border: 1px solid #dcdcdc;
}
}
@media screen and (min-width:480px) and ( max-width:768px) {
.wrapper{width:100%;}
.osusumebox {
  width: 46%;
  height: AUTO;
  background-color:#f9fff9;
  margin: 10px;
  padding: 8px;
border: 1px solid #dcdcdc;
}
}

.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 5px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 0 5px;
}
.ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 10px;
    width: 23%;
}

.ec-headerNavSP {
    padding: 0px;
    width: 48px;
    height: 44px;
    border-radius: 25% 10%;
    background: #fff8dc;
}

.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.yuji-boku-regular {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}
.yuji-syuku-regular {
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}



.header-fixed
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    background-position: center center;
}


.namiunder {
text-decoration: underline wavy #ff5733;
text-decoration-thickness: 3px;
}

.ec-price .ec-price__price {
    font-size: 1.3em;
}
.ec-price .ec-price__tax {
    font-size: 0.7em;
}

.itemplan {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #fff8dc;
    box-shadow: 0px 0px 0px 10px #fff8dc;
    border: dashed 2px #b8860b;
    font-size:1.2em;
}
.itemplan p {
    margin: 0; 
    padding: 0;
}

.itemmidashi {
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
}

.itemmidashi:after {
  content: "";
  position: absolute;
  top:30px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #b8860b, #b8860b 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #b8860b, #b8860b 2px, #fff 2px, #fff 4px);
}

.item01 {
  position: relative;
  border-top: solid 2px #cd853f;
  border-bottom: solid 2px #cd853f;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
  font-size:1.2em;
  font-weight: bold;
}

.item01:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f0a7\ POINT';
  background: #cd853f;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.8em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.f01{
  font-size: 1.2em;
}



.btn01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 50px;
  position: relative;
  background: #ff6517;
  border: 1px solid #ff6517;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn01:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
.btn01:hover {
  background: #fff;
  color: #ff6517;
}
.btn01:hover:before {
  border-top: 2px solid #ff6517;
  border-right: 2px solid #ff6517;
}


.midasi01 {
    position: relative;
    padding: 1rem;
    border: 2px solid #941e23;
    background-image: linear-gradient(-45deg, transparent 10px, #fff8f3 10px);
    color: #212121;
    font-weight: bold;
    font-size: 26px;
    overflow: hidden;
}

.midasi01::before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #941e23;
    box-shadow: 0 0 5px #000;
}


.ec-borderedDefs dt {
    padding-top: 15px;
    width: 25%;
    background-color: #ead4c0;
    }
.ec-label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
}
.ec-borderedDefs dd {
    width: 75%;
    line-height: 2;
    margin-left: 10px;
    margin-top: 10px;
}
.ec-borderedDefs dl {
        flex-wrap: nowrap;
        padding: 5px 0px;
    }
.ec-off1Grid .ec-off1Grid__cell {
width: 98%;
}
.ec-off1Grid .ec-off1Grid__cell {
        position: relative;
        min-height: 1px;
        margin-left: 3%;
    }
    
.ec-footerRole {
  border-top: 1px solid #FFF;
  margin-top: 30px;
  background-image:url('/html/user_data/assets/img/top/fh.png');
  background-color:#fff;
}

.ec-footerNavi {
    padding: 0;
    color: black;
    font-weight: bold;
    list-style: none;
    text-align: center;
}

.ec-footerTitle {
    padding: 40px 0 60px;
    text-align: center;
    color: black;
}
.ec-footerNavi .ec-footerNavi__link a {
font-size:1.2em;
}

@media screen and (max-width: 768px) {
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 5px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 0 5px;
}
.ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 10px;
    width: 50%;
}


.ec-footerNavi .ec-footerNavi__link a {
font-size:1.3em;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
}

.headsub1 {
    padding: .3em .5em;
    border-top: 2px solid #b5b5b5;
    border-bottom: 2px solid #b5b5b5;
    background-image: linear-gradient(45deg, #b5b5b512 25%, transparent 25%, transparent 50%, #b5b5b512 50%, #b5b5b512 75%, transparent 75%, transparent), linear-gradient(-45deg, #b5b5b512 25%, transparent 25%, transparent 50%, #b5b5b512 50%, #b5b5b512 75%, transparent 75%, transparent);
    background-color: #b5b5b50d;
    background-size: 20px 20px;
    color: #535353;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

.waku2 {
 margin: 15px auto;
 padding: 8px;
 width: 100%;
 background-color: #fff; /* 背景色 */
 border: 1px solid #999999; /* 枠線 */
}

.tl5 {
position: relative;
	padding-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
}

.tl5::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image:
		repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%),
		repeating-linear-gradient(135deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}


.ec-drawerRole .ec-headerLinkArea {
    background: #b39841;
}