/*flex box*/
.flex{display: flex; align-items: flex-start;}
.flex img{align-items: flex-start;}
.mleft{margin-left: auto;}
.mright{margin-right: auto;}
.mtop{margin-top: auto;}
.mbottom{margin-bottom: auto;}
.spacer {width: 100%; display: block;}

.swiper-container{border-top: none;line-height: 0;}
#event{padding: 3em 0 0 0;}
#event .box{margin-bottom: 4em;}
#event h3{font-size: 1.5em; margin-top: 1em; width: 100%; border:1px solid #fff; border-width: 0 0 1px 0;}
#event h4{margin-top: 0.5em;}
#event h3 + p{margin: 1em 0;}
#event h3 + p.product{margin: 1em 0 0;}
p span{font-size: 0.8em;}
body {padding: 0;}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {padding-top: 0rem; }

.product_wrap {margin:0 0 2em -1em;align-items: stretch; flex-wrap: wrap;}
.product{flex-direction: column; border: 1px solid #fff; padding: 1em; width: calc(((100% - 2em) - 18px) / 3); margin-left: 1em; box-sizing: border-box; margin-top: 1em;}
.product h4{font-size: 1.1em;}
.product a.btn{display: block; background: #fff; color: #000; text-align: center; border: 1px solid #fff; padding: 1.5em 1em 1.4em; width: 100%; margin-top: auto;line-height: 0;font-size: .8em;transition: all 0.2s linear;}
.product a.btn:hover{background: #000; color: #fff;}

@media screen  and (max-width: 768px){
   .product{width: calc((100% - 1em - 18px) / 2); }
}

aside.container{border: 1px solid #fff; padding: 25px; margin-bottom: 5em;font-size: .8em;}
.caution{padding-left: 2em;}
.caution.prd {padding-left: .8em;}
.product_caution{margin-top: 1em; font-size: .8em;}
.caution li{margin-top: .5em;/*  margin-left: -1em; */ line-height: 1.8;}
.caution li::before{content: "※"; margin-left: -1em;}
.caution.prd li{line-height: 1.5;font-size: .8em;}
.product_caution li{line-height: 1.5;}

@media screen  and (max-width: 1024px){
   .container{width: 95%; margin: 0 auto;}
   #event{padding-top: 25px;}
}