@charset "UTF-8";
#contents { margin: 0; overflow: hidden; }

@media (min-width: 960px) { #contents { width: 100%; } }

#campaign10thanniv { overflow: hidden; font-family: "Noto Sans JP", sans-serif; }

#campaign10thanniv div, #campaign10thanniv h1, #campaign10thanniv h2, #campaign10thanniv h3, #campaign10thanniv p, #campaign10thanniv a, #campaign10thanniv span { box-sizing: border-box; }

#campaign10thanniv img { vertical-align: bottom; }

#campaign10thanniv a { text-decoration: none; -webkit-transition: .5s; transition: .5s; }

#campaign10thanniv a:hover { color: inherit; -webkit-transition: .5s; transition: .5s; opacity: .7; }

#campaign10thanniv a:hover p { -webkit-transition: .5s; transition: .5s; opacity: .7; }

#campaign10thanniv .inner { margin: 0 auto; position: relative; width: 960px; box-sizing: border-box; }

#campaign10thanniv .anchor { border: none; position: absolute; top: 0; }

#campaign10thanniv .pc_hidden { display: none; }

#campaign10thanniv .btn-push { margin: 0 auto; border-radius: 33px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; width: 450px; height: 66px; color: #fff; background: #f3a8bb; font-size: 22px; font-weight: bold; -webkit-transition: 0s; transition: 0s; box-shadow: 0 4px #cb5b77; }

#campaign10thanniv .btn-push:after { display: block; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 20px; background: url(../images/campaign10thanniv//btn_arrow-carrot_right_white.svg) no-repeat; background-size: contain; content: ""; }

#campaign10thanniv .btn-push:hover { top: 1px; color: #fff; box-shadow: 0 3px #cb5b77; opacity: .9; }

#campaign10thanniv .btn-push:active { top: 3px; box-shadow: 0 1px #cb5b77; }

#campaign10thanniv .btn-push.-twitter { background: #1b9df0; box-shadow: 0 4px #0b7cc4; }

#campaign10thanniv .btn-push.-twitter:hover { top: 1px; box-shadow: 0 3px #0b7cc4; }

#campaign10thanniv .btn-push.-twitter:active { top: 3px; box-shadow: 0 1px #0b7cc4; }

#campaign10thanniv .flexbox { display: -webkit-box; display: flex; }

#campaign10thanniv .kv { position: relative; height: 675px; background: url(../images/campaign10thanniv/kv-bgi.jpg) no-repeat center center; background-size: cover; }

#campaign10thanniv .kv .inner { padding: 31px 0; position: relative; }

#campaign10thanniv .kv-logo { position: absolute; top: 31px; left: 0; }

#campaign10thanniv .kv-parts { position: absolute; top: 73px; left: 50%; }

#campaign10thanniv .kv-parts.-left { margin-left: -533px; }

#campaign10thanniv .kv-parts.-right { margin-left: 236px; }

#campaign10thanniv .kv-bottom_wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 217px; background: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0.85)); background: linear-gradient(to top, white, rgba(255, 255, 255, 0.85)); text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: .8; }

#campaign10thanniv .kv-products { margin-top: -121px; margin-left: 11px; }

#campaign10thanniv .kv-btn_list { margin-top: 8px; -webkit-box-pack: justify; justify-content: space-between; }

#campaign10thanniv .kv-btn_list p { margin-top: 12px; font-size: 14px; font-weight: bold; }

#campaign10thanniv .kv-btn_list p.close-comment { margin-top: 0; color: red; }

#campaign10thanniv .yellow_line { display: inline-block; position: relative; }

#campaign10thanniv .yellow_line:after { display: block; position: absolute; bottom: 2px; z-index: -1; width: 100%; height: 10px; background: #fae934; content: ""; }

#campaign10thanniv .lead_section { padding: 88px 0 95px; position: relative; background: url(../images/campaign10thanniv/lead-star-top.png) no-repeat center top, url(../images/campaign10thanniv/lead-star-bottom.png) no-repeat center bottom; background-size: 100% auto, 100% auto; font-size: 22px; font-weight: 500; line-height: 1.75; text-align: center; }

#campaign10thanniv .lead_section p + p { margin-top: 1.05em; }

#campaign10thanniv .lead_section .yellow_line { font-weight: 500; }

#campaign10thanniv .lead-parts { position: absolute; left: 50%; }

#campaign10thanniv .lead-parts.-left { margin-left: -429px; top: 95px; }

#campaign10thanniv .lead-parts.-right { margin-left: 248px; top: 83px; }

#campaign10thanniv .campaign_section { padding: 80px 0; background: url(../images/campaign10thanniv/campaign-flag-left.png) no-repeat left top, url(../images/campaign10thanniv/campaign-flag-right.png) no-repeat right top, -webkit-linear-gradient(left, #f8d4dd 0%, #f8d4dd 50%, #f6c9d4 50%, #f6c9d4 100%); background: url(../images/campaign10thanniv/campaign-flag-left.png) no-repeat left top, url(../images/campaign10thanniv/campaign-flag-right.png) no-repeat right top, linear-gradient(to right, #f8d4dd 0%, #f8d4dd 50%, #f6c9d4 50%, #f6c9d4 100%); background-size: auto, auto; }

#campaign10thanniv .campaign-ttl_wrap { text-align: center; }

#campaign10thanniv .campaign-localnavi { margin: 35px auto 0; width: 844px; }

#campaign10thanniv .campaign-localnavi > li { border-radius: 10px 0 0 10px; position: relative; width: 50%; font-size: 22px; font-weight: 500; line-height: 1.25; }

#campaign10thanniv .campaign-localnavi > li .campaign-localnavi_poto { position: absolute; top: -77px; left: -156px; pointer-events: none; }

#campaign10thanniv .campaign-localnavi > li a { padding: 35px 75px 36px; display: block; color: #fff; text-align: right; }

#campaign10thanniv .campaign-localnavi > li span { display: inline-block; position: relative; text-align: center; }

#campaign10thanniv .campaign-localnavi > li span:after { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 10px 8px 0 8px; position: absolute; bottom: -22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; content: ""; }

#campaign10thanniv .campaign-localnavi > li.to_twitter { border-radius: 0 10px 10px 0; }

#campaign10thanniv .campaign-localnavi > li.to_twitter .campaign-localnavi_poto { top: -72px; right: -170px; left: auto; }

#campaign10thanniv .campaign-localnavi > li.to_twitter a { padding-left: 55px; text-align: left; }

#campaign10thanniv .campaign-localnavi .to_receipt { background: #f3a8bb; }

#campaign10thanniv .campaign-localnavi .to_twitter { background: #1b9df0; }

#campaign10thanniv .campaign_box { margin-top: 40px; border-radius: 10px; overflow: hidden; background: #f7faef; }

#campaign10thanniv .campaign_box + .campaign_box { margin-top: 67px; }

#campaign10thanniv .campaign_box .contents_area { padding: 0 58px 57px; }

#campaign10thanniv .btn_wrap { margin: 36px auto 0; text-align: center; }

#campaign10thanniv .btn_wrap .btn_caption { display: inline-block; position: relative; color: #cb5b77; font-size: 18px; font-weight: bold; }

#campaign10thanniv .btn_wrap .btn_caption:before, #campaign10thanniv .btn_wrap .btn_caption:after { display: block; position: absolute; top: 10px; width: 21px; height: 23px; content: ""; }

#campaign10thanniv .btn_wrap .btn_caption:before { left: -32px; background: url(../images/campaign10thanniv/btn-line-left.png) no-repeat left top; background-size: contain; }

#campaign10thanniv .btn_wrap .btn_caption:after { right: -25px; background: url(../images/campaign10thanniv/btn-line-right.png) no-repeat left top; background-size: contain; }

#campaign10thanniv .btn_wrap .btn_caption + .btn-push { margin-top: 6px; }

#campaign10thanniv .btn_wrap .btn-push { width: 548px; height: 65.85px; font-size: 26px; }

#campaign10thanniv .btn_wrap .btn-date { margin-top: 12px; font-size: 14px; font-weight: bold; }

#campaign10thanniv .btn_wrap .close-comment { margin-top: 0; color: red; font-size: 14px; font-weight: bold; }

#campaign10thanniv .btn_wrap + .headline-linepink { margin-top: 50px; }

#campaign10thanniv .link-download { margin-top: 12px; font-size: 14px; font-weight: bold; }

#campaign10thanniv .link-download a { padding-right: 20px; background: url(../images/campaign10thanniv/icon-download.svg) no-repeat right; background-size: 17px 17px; }

#campaign10thanniv .headline-linepink { font-size: 30px; text-align: center; }

#campaign10thanniv .headline-linepink span { padding-bottom: 2px; border-bottom: solid 6px #f3a8bb; font-weight: bold; }

#campaign10thanniv .campaign-product_box { margin: 26px auto 0; padding: 38px 0 36px; position: relative; background: #fff; text-align: center; }

#campaign10thanniv .campaign-product_box:after { border: solid 2px #faf9f6; position: absolute; top: 9px; left: 9px; width: calc(100% - 21px); height: calc(100% - 21px); pointer-events: none; content: ""; }

#campaign10thanniv .campaign-product_box + .headline-linepink { margin-top: 52px; }

#campaign10thanniv .campaign-prize_list { margin: 28px auto 0; -webkit-box-pack: justify; justify-content: space-between; }

#campaign10thanniv .campaign-prize_list > li { width: 410px; }

#campaign10thanniv .campaign-prize_list > li img { width: 100%; height: auto; }

#campaign10thanniv .campaign-prize_list .text_area { padding: 22px 20px; position: relative; background: #fff; }

#campaign10thanniv .campaign-prize_list .text_area p { font-size: 22px; font-weight: bold; text-align: center; }

#campaign10thanniv .campaign-prize_list .text_area sub { margin-right: -1.25em; margin-left: .25em; position: relative; top: -.33em; color: #666; font-size: 14px; font-weight: normal; }

#campaign10thanniv .campaign-prize_list .text_area .price { margin: -7px 0 7px; font-size: 16px; font-weight: normal; }

#campaign10thanniv .campaign-prize_list + .notice_wrap { margin-top: 15px; text-align: center; }

#campaign10thanniv .campaign-prize_list + .notice_wrap .notice { display: inline-table; width: auto; }

#campaign10thanniv .campaign-prize_list + .notice_wrap + .btn_wrap { margin-top: 25px; }

#campaign10thanniv .label-circle { padding: 14px; border-radius: 50%; display: block; position: absolute; top: -53px; right: 10px; width: 80px; height: 80px; color: #fff; background: #ec2466; font-size: 26px; font-weight: bold; line-height: 1.1; }

#campaign10thanniv .label-circle b, #campaign10thanniv .label-circle span { display: block; text-align: center; }

#campaign10thanniv .label-circle span { font-size: 16px; }

#campaign10thanniv .notice { display: table; color: #666; font-size: 14px; }

#campaign10thanniv .notice:before { display: table-cell; width: 1.5em; content: "※"; }

#campaign10thanniv .campaign_box.-twitter .contents_area { background: #f8f8f8; }

#campaign10thanniv .campaign_box.-twitter .btn_wrap { margin-top: 40px; }

#campaign10thanniv .campaign_box.-twitter .apply_list + .btn_wrap { margin-top: 60px; }

#campaign10thanniv .campaign-twitter_prize_list { margin-top: 25px; }

#campaign10thanniv .campaign-twitter_prize_list > li { padding-bottom: 30px; -webkit-box-align: center; align-items: center; position: relative; }

#campaign10thanniv .campaign-twitter_prize_list > li:after { display: block; position: absolute; right: 0; bottom: 0; z-index: 0; width: calc(100% - 24px); height: calc(100% - 30px); background: #000; content: ""; }

#campaign10thanniv .campaign-twitter_prize_list > li > .img_area, #campaign10thanniv .campaign-twitter_prize_list > li .text_area { position: relative; z-index: 70; }

#campaign10thanniv .campaign-twitter_prize_list > li + li { margin-top: 40px; }

#campaign10thanniv .campaign-twitter_prize_list > .img_area { flex-shrink: 0; width: 492px; height: auto; }

#campaign10thanniv .campaign-twitter_prize_list .text_area { padding: 0 40px; color: #fff; font-size: 22px; font-weight: bold; }

#campaign10thanniv .campaign-twitter_prize_list .price { margin-top: .2em; display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; color: #fff100; }

#campaign10thanniv .campaign-twitter_prize_list .price b { font-size: 30px; }

#campaign10thanniv .campaign-twitter_prize_list .price span { margin-left: .1em; position: relative; top: -.1em; }

#campaign10thanniv .campaign-twitter_prize_list .label-circle { top: -103px; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon { padding-bottom: 28px; border: solid 4px #f3f3f3; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon:after { content: none; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon .phase_label { position: absolute; top: -4px; left: -4px; pointer-events: none; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon .text_area { padding: 40px 40px 16px; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon .comingsoon_text { color: #000; font-size: 30px; line-height: 1.25; text-align: center; }

#campaign10thanniv .campaign-twitter_prize_list .-comingsoon .comingsoon_text small { display: block; font-size: 18px; font-weight: 500; }

#campaign10thanniv .campaign-twitter_prize_list + .headline-linepink { margin-top: 50px; }

#campaign10thanniv .apply_list { margin-top: 27px; padding-left: 80px; }

#campaign10thanniv .apply_list > li { padding: 0; border-radius: 10px; position: relative; background: #fff; font-size: 18px; font-weight: bold; line-height: 1.75; }

#campaign10thanniv .apply_list > li + li { margin-top: 30px; }

#campaign10thanniv .apply_list > li + li .step_number:after { content: none; }

#campaign10thanniv .apply_list .step_number { position: absolute; top: -2px; left: -80px; height: 100%; color: #f3a8bb; font-family: "Roboto", sans-serif; font-size: 60px; line-height: 1; text-align: center; }

#campaign10thanniv .apply_list .step_number small { display: block; font-size: 16px; font-weight: bold; letter-spacing: .2em; }

#campaign10thanniv .apply_list .step_number b { font-weight: 500; }

#campaign10thanniv .apply_list .step_number:after { display: block; position: absolute; top: 71px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 4px; height: calc(100% - 50px); background: url(../images/campaign10thanniv/apply_list-line.svg) repeat-y center top; content: ""; }

#campaign10thanniv .apply_list .flexbox { -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; }

#campaign10thanniv .apply_list .text_area { padding: 24px 42px; }

#campaign10thanniv .apply_list .img_area { border-radius: 0 10px 10px 0; }

#campaign10thanniv .terms_section { padding: 80px; background: #fcf8f7; }

#campaign10thanniv .terms-ttl_wrap { text-align: center; }

#campaign10thanniv .terms_box { margin-top: 36px; padding: 40px 58px 55px; border-radius: 10px; background: #fff; font-size: 16px; }

#campaign10thanniv .terms_list + .terms_list { margin-top: 35px; }

#campaign10thanniv .terms_list-headline { padding: 12px 20px 15px; border-radius: 5px; position: relative; background: #f3a8bb; font-size: 22px; font-weight: bold; text-align: center; cursor: pointer; -webkit-transition: .3s; transition: .3s; }

#campaign10thanniv .terms_list-headline:after { display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 22px; background: url(../images/campaign10thanniv/icon-minus.svg) no-repeat center; background-size: contain; -webkit-transition: .3s; transition: .3s; content: ""; }

#campaign10thanniv .terms_list-headline:hover { opacity: .8; }

#campaign10thanniv .terms_list-headline.active:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background: url(../images/campaign10thanniv/icon-plus.svg) no-repeat center; background-size: contain; }

#campaign10thanniv .terms_list-content { padding: 23px 20px 0; line-height: 1.75; }

#campaign10thanniv .terms_list-content p + p { margin-top: 1em; }

#campaign10thanniv .terms_list-content .notice_list { margin-top: 17px; }

#campaign10thanniv .terms_list-content .notice_list .notice:before { width: 1.25em; }

#campaign10thanniv .text_link { color: #008aff; text-decoration: underline; text-underline-offset: .55em; }

#campaign10thanniv .-tel { pointer-events: none; }

#campaign10thanniv .icon { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; }

#campaign10thanniv .icon:before { display: block; content: ""; }

#campaign10thanniv .icon.-tel:before { margin-right: .5em; width: 14px; height: 14px; background: url(../images/campaign10thanniv/icon-tel.svg) no-repeat center; background-size: contain; }

#campaign10thanniv .campaign-pagetop_wrap { position: relative; z-index: 90; }

@-webkit-keyframes pagetopIn { 0% { bottom: 0;
    opacity: 0; }
  100% { bottom: 90px;
    opacity: 1; } }

@keyframes pagetopIn { 0% { bottom: 0;
    opacity: 0; }
  100% { bottom: 90px;
    opacity: 1; } }

@-webkit-keyframes pagetopOut { 0% { bottom: 90px;
    opacity: 1; }
  100% { bottom: 0;
    opacity: 0; } }

@keyframes pagetopOut { 0% { bottom: 90px;
    opacity: 1; }
  100% { bottom: 0;
    opacity: 0; } }

#campaign10thanniv .campaign-pagetop { display: block; position: fixed; right: 20px; bottom: 90px; z-index: 70; width: 40px; height: 40px; -webkit-animation: pagetopIn .3s 0s both; animation: pagetopIn .3s 0s both; }

#campaign10thanniv .campaign-pagetop img { border-radius: 50%; width: 100%; height: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#campaign10thanniv .campaign-pagetop.-absolute { -webkit-animation: pagetopOut .3s 0s both; animation: pagetopOut .3s 0s both; }

#campaign10thanniv .campaign-copyrught_wrap { padding: 20px; color: #666; background: #fff; font-size: 12px; text-align: center; }

@media only screen and (max-width: 750px) { #contents { width: 100%; } #campaign10thanniv { font-size: 3.7333333333vw; } #campaign10thanniv img { width: 100%; height: auto; vertical-align: bottom; } #campaign10thanniv .inner { margin: 0 auto; padding: 0 5.3333333333%; position: relative; width: 100%; } #campaign10thanniv .pc_hidden { display: block; } #campaign10thanniv .sp_hidden { display: none !important; } #campaign10thanniv .btn-push { padding-top: 0; border-radius: 1.4705882353em; width: 19.7058823529em; height: 2.9411764706em; line-height: 1.13; box-shadow: 0 0.2352941176em #cb5b77; font-size: 4.5333333333vw; } #campaign10thanniv .btn-push:after { right: 1em; width: 0.5em; height: 0.8529411765em; } #campaign10thanniv .btn-push:hover { box-shadow: 0 0.0882352941em #cb5b77; } #campaign10thanniv .btn-push:active { top: 0.0882352941em; } #campaign10thanniv .btn-push.-twitter { box-shadow: 0 0.2352941176em #0b7cc4; } #campaign10thanniv .btn-push.-twitter:hover { box-shadow: 0 0.0882352941em #0b7cc4; } #campaign10thanniv .btn-push.-twitter:active { top: 0.0882352941em; } #campaign10thanniv .kv { padding-bottom: 35.6%; height: auto; background: -webkit-linear-gradient(top, #ffbbc8, #ffdce2); background: linear-gradient(to bottom, #ffbbc8, #ffdce2); } #campaign10thanniv .kv .inner { padding: 0; } #campaign10thanniv .kv-logo { top: 1.1071428571em; left: 1.4285714286em; width: 6.5357142857em; } #campaign10thanniv .kv-parts { margin-top: 63.6%; top: 0; left: 0; width: 46%; } #campaign10thanniv .kv-parts.-left { margin-left: 2.6666666667%; } #campaign10thanniv .kv-parts.-right { margin-right: 2.4%; margin-left: 0; right: 0; left: auto; } #campaign10thanniv .kv-bottom_wrap { height: 18.2857142857em; } #campaign10thanniv .kv-products { margin: -21.3333333333% auto 0; position: relative; left: -0.1071428571em; width: 38.8%; } #campaign10thanniv .kv-btn_list { margin-top: 4.2666666667%; display: block; } #campaign10thanniv .kv-btn_list > li + li { margin-top: 4.6666666667%; } #campaign10thanniv .kv-btn_list p { margin-top: 2.9333333333%; font-size: 3.2vw; letter-spacing: -.02em; } #campaign10thanniv .yellow_line:after { bottom: 0.25em; height: 0.5714285714em; font-size: 3.7333333333vw; } #campaign10thanniv .yellow_line.-sp_span_wrap:after { content: none; } #campaign10thanniv .yellow_line.-sp_span_wrap span { position: relative; z-index: 80; } #campaign10thanniv .yellow_line.-sp_span_wrap span:after { display: block; position: absolute; bottom: 0.25em; left: 0; z-index: -1; width: 100%; height: 0.5714285714em; background: #fae934; content: ""; } #campaign10thanniv .lead_section { padding: 13.8666666667% 0 14.9333333333%; background: url(../images/campaign10thanniv/lead-star-top-sp.png) no-repeat center top, url(../images/campaign10thanniv/lead-star-bottom-sp.png) no-repeat center bottom; background-size: 100% auto, 100% auto; font-size: 4.5333333333vw; } #campaign10thanniv .lead-parts { top: 1.1071428571em; left: 0; z-index: 0; pointer-events: none; font-size: 3.7333333333vw; } #campaign10thanniv .campaign_section { padding: 0 0 13.3333333333%; background: -webkit-linear-gradient(left, #f8d4dd 0%, #f8d4dd 50%, #f6c9d4 50%, #f6c9d4 100%); background: linear-gradient(to right, #f8d4dd 0%, #f8d4dd 50%, #f6c9d4 50%, #f6c9d4 100%); } #campaign10thanniv .campaign-localnavi { margin: 0 auto; padding: 33.3333333333% 5.3333333333% 0; width: 100%; box-sizing: border-box; } #campaign10thanniv .campaign-localnavi > li { border-radius: 0.3571428571em 0 0 0.3571428571em; font-size: 3.7333333333vw; } #campaign10thanniv .campaign-localnavi > li .campaign-localnavi_poto { top: -7.6785714286em; left: -0.2142857143em; width: 12.1071428571em; font-size: 3.7333333333vw; } #campaign10thanniv .campaign-localnavi > li a { padding: 2.0714285714em 0.5em 2.1071428571em; text-align: center; } #campaign10thanniv .campaign-localnavi > li span:after { border-width: 0.5357142857em 0.4285714286em 0 0.4285714286em; font-size: 3.7333333333vw; bottom: -1.3571428571em; } #campaign10thanniv .campaign-localnavi > li.to_twitter { border-radius: 0 10px 10px 0; } #campaign10thanniv .campaign-localnavi > li.to_twitter .campaign-localnavi_poto { top: -7.6785714286em; right: -0.7142857143em; left: auto; width: 9.5357142857em; } #campaign10thanniv .campaign-localnavi > li.to_twitter a { padding-left: .5em; text-align: center; } #campaign10thanniv .campaign_box { margin: 8% auto 0; padding: 0; border-radius: 0.3571428571em; width: 89.3333333333%; } #campaign10thanniv .campaign_box + .campaign_box { margin-top: 10.6666666667%; } #campaign10thanniv .campaign_box .contents_area { padding: 0 5.9701492537% 11.9402985075%; } #campaign10thanniv .btn_wrap { margin: 1.9642857143em auto 0; } #campaign10thanniv .btn_wrap .btn_caption { font-size: 3.7333333333vw; line-height: 1.25; } #campaign10thanniv .btn_wrap .btn_caption:before, #campaign10thanniv .btn_wrap .btn_caption:after { top: 1.1785714286em; width: 1.2857142857em; height: 1.3571428571em; font-size: 3.7333333333vw; } #campaign10thanniv .btn_wrap .btn_caption:before { left: -1.5714285714em; } #campaign10thanniv .btn_wrap .btn_caption:after { right: -1em; } #campaign10thanniv .btn_wrap .btn_caption + .btn-push { margin-top: 0.1764705882em; } #campaign10thanniv .btn_wrap .btn-push { width: 100%; height: 2.9411764706em; font-size: 4.5333333333vw; } #campaign10thanniv .btn_wrap .btn-date { margin-top: 0.9166666667em; font-size: 3.2vw; line-height: 1.25; letter-spacing: -.02em; } #campaign10thanniv .btn_wrap .close-comment { font-size: 3.2vw; } #campaign10thanniv .btn_wrap + .headline-linepink { margin-top: 1.4523809524em; } #campaign10thanniv .link-download { margin-top: 0.9166666667em; font-size: 3.2vw; } #campaign10thanniv .link-download a { padding-right: 1.2142857143em; background-size: 1.0714285714em 1.0714285714em; } #campaign10thanniv .headline-linepink { font-size: 5.6vw; } #campaign10thanniv .headline-linepink span { padding-bottom: 0.1666666667em; border-bottom-width: 0.1904761905em; } #campaign10thanniv .campaign-product_box { margin: 1.5714285714em auto 0; padding: 0; } #campaign10thanniv .campaign-product_box:after { content: none; } #campaign10thanniv .campaign-product_box + .headline-linepink { margin-top: 1.5476190476em; } #campaign10thanniv .campaign-prize_list { margin: 1.5714285714em auto 0; display: block; } #campaign10thanniv .campaign-prize_list > li { width: 100%; } #campaign10thanniv .campaign-prize_list > li + li { margin-top: 5.2542372881%; } #campaign10thanniv .campaign-prize_list > li img { width: 100%; height: auto; } #campaign10thanniv .campaign-prize_list .text_area { padding: 5.2542372881% 0.5em 6.1016949153%; } #campaign10thanniv .campaign-prize_list .text_area p { font-size: 4.5333333333vw; } #campaign10thanniv .campaign-prize_list .text_area sub { margin-right: -1.15em; margin-left: .2em; position: relative; top: -.2em; font-size: 3.2vw; } #campaign10thanniv .campaign-prize_list .text_area .price { margin: -0.0714285714em 0 0 0.3214285714em; font-size: 3.7333333333vw; } #campaign10thanniv .campaign-prize_list + .notice_wrap { margin-top: 1.1428571429em; text-align: left; } #campaign10thanniv .campaign-prize_list + .notice_wrap .notice { display: table; } #campaign10thanniv .campaign-prize_list + .notice_wrap + .btn_wrap { margin-top: 1.9285714286em; } #campaign10thanniv .label-circle { padding: 0.5227272727em; top: -2.6818181818em; right: 0.2272727273em; width: 3.0681818182em; height: 3.0681818182em; font-size: 5.8666666667vw; line-height: 1.15; } #campaign10thanniv .label-circle span { font-size: 3.6vw; } #campaign10thanniv .notice { line-height: 1.25; font-size: 3.2vw; } #campaign10thanniv .notice:before { width: 1.2em; } #campaign10thanniv .campaign_box.-twitter .btn_wrap { margin-top: 10.3389830508%; } #campaign10thanniv .campaign_box.-twitter .headline-linepink span { padding-bottom: 0.3333333333em; border-bottom: none; position: relative; } #campaign10thanniv .campaign_box.-twitter .headline-linepink span:after { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 5.6071428571em; height: 0.2857142857em; background: #f3a8bb; font-size: 3.7333333333vw; content: ""; } #campaign10thanniv .campaign_box.-twitter .apply_list + .btn_wrap { margin-top: 10.1694915254%; } #campaign10thanniv .campaign-twitter_prize_list { margin-top: 7.2881355932%; display: block; } #campaign10thanniv .campaign-twitter_prize_list > li { padding-bottom: 0; display: block; } #campaign10thanniv .campaign-twitter_prize_list > li:after { content: none; } #campaign10thanniv .campaign-twitter_prize_list > li > .img_area, #campaign10thanniv .campaign-twitter_prize_list > li .text_area { position: relative; z-index: 70; } #campaign10thanniv .campaign-twitter_prize_list > li + li { margin-top: 1.0714285714em; } #campaign10thanniv .campaign-twitter_prize_list .text_area { padding: 0.8823529412em 1.1764705882em 0.8529411765em; background: #000; font-size: 4.5333333333vw; } #campaign10thanniv .campaign-twitter_prize_list .price { margin-top: .1em; } #campaign10thanniv .campaign-twitter_prize_list .price b { font-size: 5.6vw; } #campaign10thanniv .campaign-twitter_prize_list .label-circle { top: -2.1818181818em; } #campaign10thanniv .campaign-twitter_prize_list .-comingsoon { padding-bottom: 0; border-width: 0.1428571429em; } #campaign10thanniv .campaign-twitter_prize_list .-comingsoon .phase_label { top: -0.1428571429em; left: -0.1428571429em; width: 4.2857142857em; } #campaign10thanniv .campaign-twitter_prize_list .-comingsoon .text_area { padding: 1.8529411765em 1.1764705882em 1.9705882353em; background: transparent; } #campaign10thanniv .campaign-twitter_prize_list .-comingsoon .comingsoon_text { font-size: 5.6vw; } #campaign10thanniv .campaign-twitter_prize_list + .headline-linepink { margin-top: 11.3559322034%; } #campaign10thanniv .apply_list { margin-top: 7.1186440678%; padding-left: 0; } #campaign10thanniv .apply_list > li { padding: 0; border-radius: 0.3125em; background: transparent; font-size: 4.2666666667vw; } #campaign10thanniv .apply_list > li + li { margin-top: 6.1016949153%; } #campaign10thanniv .apply_list > li + li .step_number:after { content: none; } #campaign10thanniv .apply_list .step_number { margin-bottom: 0.1666666667em; position: relative; top: 0; left: 0; font-size: 8vw; } #campaign10thanniv .apply_list .step_number small { margin-bottom: 0.25em; font-size: 3.7333333333vw; } #campaign10thanniv .apply_list .step_number:after { content: none; } #campaign10thanniv .apply_list .flexbox { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } #campaign10thanniv .apply_list .text_area { padding: 0.75em 1.25em 0.9375em; border-radius: 0 0 0.3125em 0.3125em; background: #fff; } #campaign10thanniv .apply_list .img_area { border-radius: 0.3125em 0.3125em 0 0; } #campaign10thanniv .terms_section { padding: 13.2% 5.3333333333% 13.3333333333%; } #campaign10thanniv .terms-ttl_wrap { text-align: center; } #campaign10thanniv .terms_box { margin-top: 8.0597014925%; padding: 8.9552238806% 5.9701492537% 10.447761194%; border-radius: 0.3571428571em; font-size: 3.7333333333vw; } #campaign10thanniv .terms_list + .terms_list { margin-top: 8.4745762712%; } #campaign10thanniv .terms_list-headline { padding: 1em 0.5882352941em 1.0294117647em; border-radius: 0.1470588235em; font-size: 4.5333333333vw; } #campaign10thanniv .terms_list-headline:after { right: 1.0714285714em; width: 1.0714285714em; height: 1.0714285714em; font-size: 3.7333333333vw; } #campaign10thanniv .terms_list-headline.-line2 { padding: 0.3823529412em 0.5882352941em 0.6470588235em; line-height: 1.25; } #campaign10thanniv .terms_list-content { padding: 4.7457627119% 0 0; } #campaign10thanniv .terms_list-content p + p { margin-top: 0.6em; } #campaign10thanniv .terms_list-content .notice_list { margin-top: 3.3898305085%; } #campaign10thanniv .terms_list-content .notice_list .notice { line-height: 1.75; } #campaign10thanniv .terms_list-content .notice_list .notice:before { width: 1.5em; } #campaign10thanniv .terms_list-content .notice_list .notice + .notice { margin-top: .75em; } #campaign10thanniv .-tel { pointer-events: auto; } #campaign10thanniv .icon.-tel:before { margin-right: .4em; width: 0.7142857143em; height: 0.7142857143em; font-size: 3.7333333333vw; } #campaign10thanniv .campaign-pagetop_wrap { font-size: 3.7333333333vw; } @-webkit-keyframes pagetopInSP { 0% { bottom: 0;
      opacity: 0; }
    100% { bottom: 3.5714285714em;
      opacity: 1; } } @keyframes pagetopInSP { 0% { bottom: 0;
      opacity: 0; }
    100% { bottom: 3.5714285714em;
      opacity: 1; } } @-webkit-keyframes pagetopOutSP { 0% { bottom: 3.5714285714em;
      opacity: 1; }
    100% { bottom: 0;
      opacity: 0; } } @keyframes pagetopOutSP { 0% { bottom: 3.5714285714em;
      opacity: 1; }
    100% { bottom: 0;
      opacity: 0; } } #campaign10thanniv .campaign-pagetop { right: 0.7142857143em; bottom: 3.5714285714em; width: 1.7857142857em; height: 1.7857142857em; -webkit-animation: pagetopInSP .3s 0s both; animation: pagetopInSP .3s 0s both; } #campaign10thanniv .campaign-pagetop.-absolute { -webkit-animation: pagetopOutSP .3s 0s both; animation: pagetopOutSP .3s 0s both; } #campaign10thanniv .campaign-copyrught_wrap { padding: 1.1em 1em 1.4em; font-size: 2.6666666667vw; } }