@charset "utf-8";
/* CSS Document */
.mainArea {margin-bottom:50px;}
.center {text-align: center;}
#coupon_gaiyo a{ text-decoration: underline;}
#coupon_gaiyo ul.asterisk li {list-style-type: none; text-indent: -1em;}
#coupon_gaiyo ul.asterisk li:before {display: inline; content: "※";}
/*　終了ボタン　*/
@media only screen and (min-width: 769px) {
.button03_cp {width: 400px;}
}
@media only screen and (max-width: 769px) {
.button03_cp {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
}
}
.button03_cp {
display: block;
background: #C90027;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .3s;
pointer-events: none;
}
.button03_cp span {
color: #fff;
font-size: 1.8rem;
line-height: 24px;
}
#a01 , #b02 { margin-top:-60px; padding-top:60px; }

/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media only screen and (max-width: 768px) {
.pc {display: none !important;}
.sp {display: block !important;}
img {max-width: 100%;}
#ozioday_2024cp {width: 100%;}
#ozioday_2024cp ul { margin: 0;padding: 2% 0 5%;}
#ozioday_2024cp .fv {background-color: #FCF7F3; }
#coupon_gaiyo {margin: 40px 0;}
.btn {width: 50%; margin: 50px auto;}
#coupon_gaiyo .attention {font-size: 16px; text-align: center; color: #fff; background-color: #666; padding: 5px;margin: 0 3%;}
#coupon_gaiyo section ul li:before {font-size: 13px ;margin-left: -10px;}
#coupon_gaiyo {width: 100%;margin: 50px auto;}
#coupon_gaiyo ul.asterisk {	padding: 5% 2% 0 7%;}
#coupon_gaiyo ul.asterisk li {margin-bottom: 5px;font-size: 12px;}
.cp_end{text-align:center; margin:0px; padding:10px; background-color:#000;}
.cp_end h3{font-size:18px; color:#FFF; line-height:1.3;}
#goods {width: 100%; margin: auto;}
#goods .goods {background-color: #ffdfe4;}
#goods h2 {text-align: center;}
#goods .goods_text {text-align: center; color: #333; font-size:14px; line-height:1.5; padding: 25px 10px;}
/*カート*/
#goods .box_cart {padding-bottom: 25px;}
#goods .count_area {padding-left: 10px; width: 60%;}
#goods select.count_area2 {margin-left: 5px;}
#goods .form {justify-content: center; align-items: center; display: flex;}
#goods .type-a {padding: 0 35px 15px;}
#goods .cart1 {
background: #ffdfe4 url(/excludes/ozio/ozioday/2024cp/img/common/001_01.png) center center;
background-size: cover; overflow: hidden; padding: 3% 0; margin-top: -1px;}
#goods .cart2 {
background: #ffdfe4 url(/excludes/ozio/ozioday/2024cp/img/common/002_01.png) center center;
background-size: cover; overflow: hidden; padding: 3% 0; margin-top: -1px;}
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media only screen and (min-width: 768px) {
.pc {display: block !important;}
.sp {display: none !important;}
#ozioday_2024cp {width: 768px;margin: 0 auto;}
#ozioday_2024cp h1 {text-align: center;}
#ozioday_2024cp .fv { position: relative; background-color: #FCF7F3;}
#ozioday_2024cp .fv ul {width: 768px;margin: 0 auto;padding-bottom: 20px; overflow: hidden;}
#ozioday_2024cp .fv ul li {float: left;}
#ozioday_2024cp .btn {margin: 50px;}
#coupon_gaiyo {width: 768px;margin: 50px auto;}
#coupon_gaiyo .attention {font-size: 24px; text-align: center; color: #fff; background-color: #666; padding: 10px; margin: 0 30px;}
#coupon_gaiyo ul.asterisk { padding: 20px 60px;}
#coupon_gaiyo ul.asterisk li {font-size: 16px;margin-bottom: 10px;}
.cp_end{text-align:center; margin:0px; padding:20px; background-color:#000;}
.cp_end h3{font-size:24px; color:#FFF; line-height:1.3;}
.br-pc { display:none;}
#goods {width: 768px; margin: auto;}
#goods .goods {background-color: #ffdfe4;}
#goods h2 {text-align: center;}
#goods .goods_text {text-align: center; color: #333; font-size:24px; line-height:1.5; padding: 50px 0px;}
/*カート*/
#goods .box_cart {padding-bottom: 50px;}
#goods .count_area {padding-left: 20px;}
#goods select.count_area2 {font-size: 30px; margin-left: 10px;}
#goods .form {justify-content: center; align-items: center; display: flex;}
#goods .type-a {padding: 0 110px 30px;}
#goods div.type-a select {font-size: 30px;}
#goods .cart1 {
background: #ffdfe4 url(/excludes/ozio/ozioday/2024cp/img/common/001_01.png) center center;
background-size: cover;
overflow: hidden; font-size: 30px; padding: 3% 0; margin-top: -1px;}
#goods .cart2 {
background: #ffdfe4 url(/excludes/ozio/ozioday/2024cp/img/common/002_01.png) center center;
background-size: cover;
overflow: hidden; font-size: 30px; padding: 3% 0; margin-top: -1px;}
}