@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/
*{
  padding:0;
  margin:0;
}
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a:hover img {
  opacity: 1;
}

a img {
  background-color: rgba(255, 255, 255, .01);
  width: 100%;
}

#wrapper img {
  width: 100%;
  display: block;
}

.mb10 {
  margin-bottom: 10% !important  ;
}

.mb20 {
  margin-bottom: 20px;
}
.mb15{
  margin-bottom: 15%!important;
}
.mt10{
  margin-top: 20% !important;
}
/*---------- ヘッダー ----------*/

img {
  font-size: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: bottom;
}


/*--------------------------*/

/*準備中*/
.nowprinting{
  font-size: 2em;
  text-align: center;
  padding: 2% 0;
}



section.kv{
  text-align: center;
}

section.kv .fv + p{
  margin-top: 6%;
}

section.menu {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 3% 0 10% 0;
  }

section.menu nav.anks {
  padding: 0 0 0px; }

section.menu nav.anks ul {
  margin: 0 auto 0;
  width: 95%;
  display: flex;
  justify-content: space-between;
}
section.menu nav.anks ul li{
  width: 23%;
  margin: 0;
}

section {
  padding-bottom: 10%;
  width: 100%;
  margin: auto;
}


section.chirashi {
  text-align: center;
  margin: 0px auto 10%;
  /* padding-top: 10%; */
  padding-bottom: 10% !important;
}
section.chirashi .inner {
  width:100% !important;
  border: 7px solid #E50012;
  box-sizing: border-box;
  padding: 0 0% 5% 0%;
}
section.chirashi .btn{
  margin: 3% 5% 0 5%;

}



/* オンラインショップ */
section.ols {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  padding-bottom: 0%;
  margin-bottom: 10%;
  background: #EFEFEA;
  border-bottom: #b50080 5px solid;
}
section.ols h2{
}

section.ols ul.aso_list {
  width: 90%;
  margin: 5% auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
section.ols ul li {
  margin-bottom: 7%;
}
section.ols ul.aso_list li:last-child {
  margin-bottom: 5%;
}
section.ols ul img,
section.ols ul a {
  width: 100%;
  display: block;
}
section.ols ul li span{
  width:80%;
  display: block;
  margin: 3% auto;
}
section.ols ul.ab_list{
  background: #FFF;
  padding: 7% 5% 5%;
}



/*その他の企画*/
section.other h2{
  text-align: center;
  margin-bottom: 5%;
}
section.other ul{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.other ul li{
  margin-bottom: 10%;
  border-radius: 10px;
  box-shadow:0px 2px 8px 3px #d6d6d6;
  text-align: center;
  padding: 5%;
}
section.other ul li.w100{
  width: 900px;
}
section.other ul li span{
  display: block;
  margin-top: 20px;
}

/*アプリクーポン*/
section.appcoupon{
  padding: 0 0 15%;
}
section.appcoupon h3{
  width: 90%;
  margin: 5% auto;
}
section.appcoupon .inner{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
}
section.appcoupon .inner h2{
  margin-bottom: 20px;
}
section.appcoupon .inner .coupon-box{
  background: #FFF;
  box-shadow:0px 2px 8px 3px #d6d6d6;
  padding: 4%;
  width: 82%;
  margin: 0 auto;
}
section.appcoupon .inner .coupon-box a{
  display: block;
  /*width: 100%;*/
  margin: 2% auto 0;
}
section.appcoupon .inner .coupon-box{
  position: relative;
}
section.appcoupon .inner .coupon-box p{
  margin-top: 5%;
}

section.otherinfo{
  padding: 0 0 0px;
}
section.otherinfo .inner{
}

section.otherinfo h2{
  text-align: center;
  margin-bottom: 20px;
}
section.otherinfo ul{
  width: 93%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.otherinfo ul li{

  margin-bottom: 10%;
}


.att{
  text-align: center;
  width: 90%;
  margin: 0 auto 5%;
  display: block;
}












/*section{
  padding-top: 2.5%;
  padding-bottom: 5%;
}
section.bnr_list{
  padding-bottom: 0;
  padding-top: 0;
}
section.aeon_coupon,
section.app_coupon,
section.bnr_list{
  text-align: center;
  background-repeat: repeat-y;
}
section.aeon_coupon{
  padding-top: 5%;
  background: #F7F7F7;
}
section.app_coupon{
  background: url(../img/bg_sakura.png);
}
section.bnr_list,
section.chirashi{
  background: #FFF4D6;
}
section.aeon_coupon .item{
  width: 90%;
  margin: auto;
}
section.aeon_coupon .ttl,
section.app_coupon .ttl{
  width: 95%;
  margin: auto;
}
section.aeon_coupon .ttl img:not(:first-child),
section.app_coupon .ttl img:not(:first-child){
  margin-top: 2.5%;
  margin-bottom: 2.5%;
}
section.aeon_coupon ul.inner{
  width: 90%;
  margin: auto;
  padding-top: 5%;
}
section.aeon_coupon ul.inner li{
  margin-bottom: 5%;
}
section.bnr_list .ttl{
  padding-top: 5%;
}
section.bnr_list ul{
  width: 90%;
  margin: 2.5% auto 0;
  padding-bottom: 10%;
}
section.bnr_list ul li:not(:first-child){
  margin-top: 10%;
}
.free_coupon{
  width: 95%;
  margin: 2.5% auto 10%;
}
.free_coupon:last-child{
  margin-bottom: 0!important;
}
.free_coupon .inner{
  width: 95%;
  margin: 0 auto 5%;
}
.free_coupon .inner img{
box-shadow: 0px 0px 2px 0px #cacaca;
}
.chirashi .free_coupon .inner img{
  box-shadow: none;
}
.footer_note{
  width: 90%;
  margin: 5% auto;
}
.btn{
  width: 90%;
  margin: 2.5% auto;
}
.btn img{
  margin-bottom: 2.5%;
}
.border{
  height: 8px;
  width: 100%;
  background: url(../img/border.png) repeat-x;
  background-size: contain;
}
/*--------------------------*/
/*.backtotop {
  position: fixed;
  right: 15px;
  width: 45% !important;
  bottom: 30px;
  z-index: 9000;
  display: none;
}

.backtotop a, .closewin a {
  display: block;
  color: #777777;
  padding: 10px 6px;
  margin: 0;
  background-color: #DDDDDD;
  opacity: 0.8;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

.backtotop img {
  width: 100%;
}

.backtotop a {
  background-color: transparent !important;
}
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}*/

/*終了表示*/
ul.inner li.end_msg{
  position: relative;
}
ul.inner li.end_msg::after{
position: absolute;
display: block;
content: "";
width: 75%;
height: 300px;
background: url(../img/apply_fin.png) no-repeat;
    background-size: auto;
background-size: contain;
left: 0;
right: 0;
margin: auto;
top: -73px;
}

#end{
  margin-bottom: 5%;
}