/* normalize */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
a {
    background-color: transparent;
}
img {
    border-style: none;
}
/* normalize */

html, body, h1, ul, div, h1{
    margin: 0;
    padding: 0;
}
body{
    font-size: 16px;
    background-color: #dddcdc;
}
ul{
    list-style-type: none;
}
a, a:active, a:visited, a:hover{
    text-decoration: none;
}



/*レガシー*/
body.pc_format.vp_renewal {
    width: 100%;
    margin: 0;
    background: #FFFFFF;
}
.mainContents {
    width: 936px;
    margin: 0 auto 0 auto;
    padding-bottom: 76px;
    position: relative;
}
.vp_renewal .mainContents {
    padding-bottom: 8px;
    background: url(/images/aumonday/renewal_202004/pc-main-bg.jpg) top center no-repeat;
    background-size: contain;
    background-color: #fff;
}



.main-content-wrap{
    /*background: url(/images/aumonday/renewal_202004/pc-main-bg.jpg) top center no-repeat;*/
    /*background-size: cover;*/
    /*background-color: #fff;*/
}



header{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}
.header-logo{
    width: 271px;
}
.header-toho{
    width: 191px;
}

.main-wrap{
    position: relative;
    height: 555px;
}
.main-blk{
    width: 690px;
    box-sizing: border-box;
    position: absolute;
    left: 124px;
    top: 80px;
}
.main-qr{
    width: 162px;
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    right: 20px;
    padding: 10px 10px 10px 7px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: -3px -4px 12px 0px rgba(0, 0, 0, 0.22);
}
.header-logo img, .header-toho img, .c900 img, .main-blk img, .main-qr img, .recommend img, .coupon-btn img{
    width: 100%;
    height: auto;
}





.coupon-btn-blk{
    width: 100%;
    text-align: center;
    margin-top: 0;
}
/* 通常クーポンボタン */
/*.coupon-btn{
    width: 524px;
    display: block;
    padding: 20px 0 0 0;
    margin: auto;
}*/

.hukidashi{
    width: 700px;
    margin: 0px auto -45px;
    text-align: right;
}

.hukidash_gazou{
    width: 230px;
    position: relative;
    top: 0;
    animation-duration: 0.7s;
    animation-name: hukidashi;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

@keyframes hukidashi {
    from {
      top: 0;
    }
    to {
      top: -10px;
    }
  }

.coupon-btn{
    display: block;
    border-right: 4px solid #ff5173;
    border-bottom: 4px solid #ff5173;
    border-top: 4px solid #c7042a;
    border-left: 4px solid #c7042a;
    border-radius: 5px;
    height: 74px;
    width: 450px;
    background-color: #e6002d;
    text-align: center;
    padding: 17px;
    box-sizing: border-box;
    margin: 0 auto;
    box-shadow: -3px -4px 12px 3px rgba(0, 0, 0, 0.22);
}

.coupon-terms{
    color: #fff;
    font-size: .75rem;
    padding-bottom: 1rem;
}


.c900-wrap{
    background-color: #084380;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-bottom: 20px;
}
.c900{
    background-color: rgba(54,0,0,.77);
    border-radius: 15px;
    margin: 0 100px 0 100px;
    padding: 25px 25px 25px 25px;
    color: #fff;
}
.c900-head{
    line-height: 0;
    margin: 0 10% 20px 10%;
    background-color: #c0141d;
    border-radius: 25px;
    width: 80%;
}
.c900 h1{
    line-height: 0;
}
.coupon900-btn{
    display: block;
    border: 5px solid #ffba00;
    border-radius: 42px;
    height: 84px;
    width: 500px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    box-shadow: 0 8px 14px rgba(0,0,0,.35);
}
.coupon900-btn.off{
    border: 5px solid #d4d4d4;
    background-color: #f1f1f1;
    opacity: .75;
}

/* エンタメブロック */
.entm_blk {
    margin-bottom: 20px;
}
.entm-btn{
    display: block;
    border-right: 3px solid #ff8251;
    border-bottom: 3px solid #ff8251;
    border-top: 3px solid #c75b04;
    border-left: 3px solid #c75b04;
    border-radius: 5px;
    height: 64px;
    width: 337px;
    background-color: #ea5504;
    text-align: center;
    padding: 17px;
    box-sizing: border-box;
    margin: 20px auto 0;
    box-shadow: -3px -4px 12px 0px rgba(0, 0, 0, 0.22);
}
.entm-btn-text {
    width: 159px;
}

/* ヘッダーアナウンス */
.header-announce{
    background-color: #dd0000;
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.announce-wrap {
    width: 936px;
    margin: 0 auto;
}
.announce-wrap section:last-child {
    border-bottom: none;
}
.header-announce-title{
    font-size: .875rem;
    text-align: center;
}
.header-announce-title:after{
    content: '[＋]';
}
.header-announce-title.accordion-active:after{
    content: '[ー]';
}
.accordion-head {
    cursor: pointer;
}
.header-announce-body{
    text-align: left;
    margin-top: 1em;
    font-size: 0.75rem;
    display: inline-block;
}
.accordion-body{
    height: 0;
    overflow: hidden;
    text-align: center;
}


/* フッター */
.new_style .txt_footer {
    background-color: #f1f1f1;
    border-radius: 5px;
    margin: 5px 0;
}
.footer-notice {
    padding: 8px 0;
}
.footer-notice a {
    color: #666666;
    text-decoration: underline;
}
.notice-header {
    font-weight: bold;
    font-size: 0.7rem;
}

/* 利用方法　以下 */
.howto-header {
    background-color: #4d5050;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
    text-align: center;
}
.howto-header-large {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
}
.howto-text {
    font-size:0.7rem;
    text-align:left;
}
.new_style .howto_blk .btn_01 li {
    padding-bottom: 0;
}
.footer-button {
    display: block;
    border-radius: 5px;
    height: 60px;
    width: 337px;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin: 20px auto 0;
    font-size: 1.1rem;
    font-weight: bold;
    box-shadow: -3px -4px 12px 0px rgba(0, 0, 0, 0.22);
    background-image: url(/images/aumonday/r18-chevron-right.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 0.5em auto;
}
.footer-button-gray {
    border-right: 3px solid #b3bdbb;
    border-bottom: 3px solid #b3bdbb;
    border-top: 3px solid #737b7a;
    border-left: 3px solid #737b7a;
    background-color: #939c9a;
}
.footer-button-orange {
    border-right: 3px solid #ff8251;
    border-bottom: 3px solid #ff8251;
    border-top: 3px solid #c75b04;
    border-left: 3px solid #c75b04;
    background-color: #ea5504;
}
.footer-button-red {
    border-right: 3px solid #b52c2b;
    border-bottom: 3px solid #b52c2b;
    border-top: 3px solid #6d1010;
    border-left: 3px solid #6d1010;
    background-color: #921e1e;
}
.footer-header-small {
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
}
.footer-button-small {
    width: 138px!important;
}
.footer-button-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.new_style footer {
    background-color: #f1f1f1;
    color: #222;
    font-size: 0.7rem;
}