@charset "utf-8";

body {
  text-align: center;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

#mainArea {
  display: block;
}
#mainWrap	{width:830px !important;}

#main {
  max-width:830px important;
}

.wrap {
  max-width: 830px;
  margin: auto;
}

.mat10	{margin-top:10px;}
.mab20	{margin-bottom:20px !important;}
.mab30	{margin-bottom:30px !important;}

.maintitle	{
display:table; /display:inline; /zoom:1; 
vertical-align:middle; 
background:#fff100; 
height:100px;
width:100%;
text-align:center;

}

.maintitle img	{
width:630px !important;
margin:0 auto;
}

.maintitle2	{
display:table; /display:inline; /zoom:1; 
vertical-align:middle; 
background:#f9f5eb url(/shopping_coupon/images/img_5off_all_bg.gif) repeat-x; text-align:center;
height:100px;
width:100%;
text-align:center;

}

.maintitle2 img	{
width:640px !important;
margin:0 auto;
}

.maintitle3	{
display:table; /display:inline; /zoom:1; 
vertical-align:middle; 
background:linear-gradient(to right, #3e2723 0%, #3e2723 50%, #f2f2f2 50%, #f2f2f2 100%); 
height:100px;
width:100%;
text-align:center;
}

.maintitle3 img	{
width:630px !important;
margin:0 auto;
}


.day {color:#e10f5e;font-size:28px !important;margin-top:10px;font-weight:700 !important;}

.coupon	{
margin:0 auto;
max-width: 800px;
text-align: center;
}

.ribbon	{
position:relative;
margin-bottom:-55px;
margin-top:20px;
z-index:1;
}

.coupon_set	{
background: url(/shopping_coupon/images/p_coupon3.gif) no-repeat;
width:630px;
height:131px;
margin: 0 auto;
z-index:0;
}

.coupon_code	{
color:#e10f5e;
font-weight:700;
padding-top:35px;
font-size:40px;
}

.coupon_text	{
text-align:left;
margin-top:30px;
font-size:16px;

}
.text_title {
font-weight:700;
font-size:18px;
margin-bottom:10px;

}


.attention ul {
padding: 20px 0;
line-height: 1.6;
margin-top:10px;

}
.attention ul li {
text-indent: 10px;
padding-left:1em;
text-indent:-1em;
line-height:1.5;
padding-bottom:5px;
font-size:14px !important;

}

.attention a {
color:#00346e;

}

.rakuda	{
background: url(/shopping_coupon/images/img_rakuda_02.gif) no-repeat;
width:550px;
height:200px;
margin-top:20px;
margin:80px auto;
}

.rakuda_text	{
text-align:left;
padding-top:25px;
margin-left:80px;
}
.rakuda_text a	{
font-size:14px !important;
}

.rakuda_title	{
font-weight:700;
color:#f5586a;
font-size:16px !important;
}

.rakuda_text img	{
width:20px;
}


@media (min-width: 769px) {
  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
}


@media only screen and (max-width:749px) {
  body {
    min-width: 100%;
  }
  .pc {
    display: none;
  }

  .sp {
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }
  

  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
  
  #mainWrap	{width:100% !important;}

	#main {
	  max-width:100% !important;
	}

  .wrap {
    margin: 0 16px;
  }


.maintitle	{
background-size:100%;
width:100% !important; 
height:auto;

}

.maintitle img	{
width:100%;
}

.maintitle2	{
background:none;
height:auto;

}

.maintitle2 img	{
width:100%!important;
}


.maintitle3	{
background-size:100%;
width:100% !important; 
height:auto;

}

.maintitle3 img	{
width:100%;
}


.day {font-size:20px !important;}


.wrap {
  max-width: 100%;
  margin: auto;
}

.coupon	{
margin:0 auto;
width:100%;
}

.ribbon	{
position:relative;
margin-bottom:-35px;
margin-top:20px;
z-index:10;
}

.coupon_set	{
background: none;
width:100%;
background:#fffde5;
height:100px;
margin: 0 auto;
z-index:1;
}

.coupon_code	{
padding-top:25px;
font-size:32px;
}

.coupon_text	{
padding:0 10px;
}

.text_title {
font-size:18px;
margin-bottom:10px;

}

.attention ul {
padding: 20px 0;
line-height: 1.6;

}
.attention ul li {
padding-bottom:5px;
font-size:14px !important;
}

.rakuda	{
background: url(/shopping_coupon/images/img_rakuda_02_sp.gif) no-repeat;
width:100%;
height:200px;
margin-top:0px;
margin:0px auto;
}

.rakuda_text	{
text-align:left;
padding-top:25px;
margin-left:45px;
}
.rakuda_text a	{
font-size:14px !important;
}

.rakuda_title	{
font-weight:700;
color:#f5586a;
font-size:16px !important;
padding-bottom:10px;

}

.rakuda_text img	{
width:20px;
}


  .column2 {
    float: none;
    margin: 0;
    width: auto;
  }

  .column2 #side {
    display: none;
  }

  .column2 #main {
    position: static;
    margin: 0;
  }

  .column2 #content {
    border: none;
  }

}

}



.l-top__section.mt {
    margin-top: 16px;
}

.l-top__section {
    margin: 30px 0;
}


.l-top__arrival {
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
}

.l-top__arrival-heading {
    position: relative;
    font-size: 18px;
    padding: 12px 0px 12px 4px;
    font-weight:700;
        text-align: center;
        background:#ff6f80;
        color:#ffffff;
}

.l-top__arrival-container {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    transition: height .3s cubic-bezier(0.85, 0, 0.15, 1);
    height: auto !important;
	text-align:left !important;
}

.l-top__arrival-list:nth-child(2n-1) {
    border-right: 1px dashed #ccc;
}
.l-top__arrival-list {
    width: 50%;
     border-right: 1px dashed #ccc;
    border-top: 1px solid #ccc;
}    


.l-top__arrival-list a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px 10px 10px;
    font-size: 14px;
	text-align:left !important;
}


.l-top__arrival-list a::before {
    position: absolute;
    top: 50%;
    left: 5px;
    z-index: 1;
    content: "";
    transform: translateY(-50%);
}

    .l-top__arrival-list dt {
        display: flex;
        font-size: 14px;
    }
.l-top__arrival-list a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    content: "";
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(/images/arrow_black.svg) center / 12px 12px no-repeat;
}

.l-top__arrival-list:nth-child(2n-1) {
    border-right: 1px dashed #ccc;
}
@media (min-width: 769px) {
.l-top__section.mt {
    min-width:770px;
}


.l-top__arrival-list {
    width: 33.3%;
}
    .l-top__arrival-list dt {
        display: flex;
        font-size: 16px;
    }

}