@charset "UTF-8";
/* ----------------------------------------------------------
article
---------------------------------------------------------- */

body.page-rewards-top .mainContents { overflow: visible; position: relative; margin-right: 0; }

body.page-rewards-top .mainContents article { padding-bottom: 0; width: auto; }

/* ----------------------------------------------------------
.area
---------------------------------------------------------- */
body.page-rewards-top .area-mv { background: #999; color: #fff; padding: 100px; }

/* ----------------------------------------------------------
BASE
---------------------------------------------------------- */
div.mainContents.migration { overflow: visible; }

/* ----------------------------------------------------------
SNS
---------------------------------------------------------- */

.mainContentsIn { position: relative; }

@media screen and (min-width: 1280px){

 body.page-rewards-top{ margin-left: 0; }

 body.page-rewards-top .mainContents article{ margin-left: 0; } }

@media screen and (min-width: 910px){

 body.page-rewards-top .mainContents{ min-width: 900px; }

 body.page-rewards-top .mainContents{ min-width: 1140px; }

 body.page-rewards-top aside.welcome{ margin-left: 120px; }

 body.page-rewards-top footer.global{ margin-left: 120px; }

 body.page-rewards-top .area-inner{ margin: 0 auto; width: 1060px; }

 .area-inner-header{ width: auto; margin: 0 30px; }

 .page-rewards-top{ min-width: 1260px; }

 .page-rewards-top .mainContents{ position: relative; background: #111 url(/rewards/images/bg.jpg) left top repeat-y; background-size: 100% auto; }

 .page-rewards-top article a.js--hover:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .mainContentsIn{ letter-spacing: 0.05em; } }

@media screen and (min-width: 910px) and (max-width: 1279px){

 body.page-rewards-top .mainContents article{ margin-left: 0; } }

@media screen and (max-width: 909px){

 .page-rewards-top{ position: relative; background: #111 url(/rewards/images/sp/bg.jpg) left top repeat-y; background-size: 100% auto; }
 /* ----------------------------------------------------------
BASE
---------------------------------------------------------- */

 div.mainContents.migration{ overflow: visible; }
 /* ----------------------------------------------------------
SNS
---------------------------------------------------------- */
 /* .sns { position: absolute; top: 0; right: 0.5%; a {font-size: 10px;} } html.__DEV__ ul.sns{ } ul.sns { display: block; z-index: 100; li.forNotSp { float: left; margin-left: 20px; } li.forSp a { display: table-cell; vertical-align: middle; color: #333; // body.js-page-2 &{color: #a37e40; } // body.js-page-3 &{color: #a37e40; } } li.forSp a.js-pulldown { padding: 8px 10px 10px 10px; } li.forSp ul.pulldown { background-color: #f4f2ef; padding: 15px; position: absolute; right: 0; top: 3.5em; width: 205px; li { float: left; margin: 0; padding: 15px; text-align: center; } &:after { border-color: transparent transparent #f4f2ef; border-image: none; border-style: solid; border-width: 8px; bottom: 100%; content: " "; height: 0; pointer-events: none; position: absolute; right: 15px; width: 0; } .close.js-closeButton { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; position: absolute; right: 0; text-indent: 0; top: 0; } li a.js-shareLn img, li a.shareTw img, li a.js-shareFb img { width: 29px; } li.close img { width: 13px; } } .btn { bottom: 5%; position: absolute; text-align: center; width: 100%; } @media all and (min-width: 599px) { position: absolute; right: 20px; top: 20px; } } */
 /*------------------------------------- article -------------------------------------*/
 /* article { padding-bottom: 0; overflow: visible; p,div{ box-sizing: border-box; } p {margin: 0;padding: 0;} a:hover {opacity: 1;} } */
 /* ----------------------------------------------------------
page-rewards-top-sp
---------------------------------------------------------- */
 /* body{ width: 100vw; overflow-x: hidden; background: #fff; } // 以下は、welcome mode で問題アリ // .page-pistachio_tree-sp { // 	position: relative; // 	z-index: 1; // 	img { // 		width: 100%; // 		height: auto; // 	} // } .page-rewards-top-sp { position: relative; background: #000; background:url(/smartphone/rewards/images/bg.jpg) right top no-repeat; background-repeat: repeat-y; background-position: left top; background-size: 100% auto; } .page-rewards-top-sp img { width: 100%; height: auto; } */

 .ContentsBox img{ width: 100%; }
 /* ----------------------------------------------------------
.block-main
---------------------------------------------------------- */

 .block-main{ position: relative; height: 164.06vw; color: #fff; }

 .block-main ._btn{ position: absolute; top: 136.56vw; left: 27.96vw; width: 63.59vw; height: 9.68vw; }

 .block-main ._t1{ position: absolute; top: 14vw; left: 35.78vw; }

 .block-main ._t2{ position: absolute; top: 82.65vw; left: 35.78vw; }

 .block-main ._banner_apple{ position: absolute; top: 123.75vw; left: 33.28vw; width: 25.93vw; height: 7.81vw; }

 .block-main ._banner_google{ position: absolute; top: 123.75vw; left: 60.46vw; width: 26.25vw; height: 7.96vw; }

 .block-main ._logo{ position: absolute; top: 32.65vw; left: 21.25vw; width: 66.4vw; height: 15.62vw; }

 .block-main ._p_illust{ position: absolute; top: -12.82vw; left: 0vw; width: 63.59vw; height: 164.06vw; }

 .block-main ._p_illust{ background-image: url("/rewards/images/main/sp/p_illust.png"); background-position: center center; background-size: cover; }

 .block-main ._t_app{ position: absolute; top: 112.81vw; left: 37.65vw; width: 44.84vw; height: 7.96vw; }

 .block-main ._t1{ font-size: 3.4375vw; line-height: 1.8; letter-spacing: 0.1em; }

 .block-main ._t2{ font-size: 3.4375vw; line-height: 2; letter-spacing: 0.05em; }
 /* ----------------------------------------------------------
.block-more
---------------------------------------------------------- */

 .block-more-pre{ position: relative; height: 60vw; background: #f7f2e8; }

 .block-more-pre ._title{ position: absolute; top: 12.65vw; left: 21vw; width: 57vw; height: 18.75vw; }

 .block-more-pre ._lead{ position: absolute; top: 35vw; left: 10vw; right: 10vw; text-align: center; }

 .block-more-pre ._lead{ color: #e40e14; font-size: 3.4375vw; line-height: 1.8; font-weight: bold; }
 /* ----------------------------------------------------------
.block-more
---------------------------------------------------------- */

 .block-more{ position: relative; height: 109.37vw; background: #f7f2e8; }

 .block-more ._title{ position: absolute; top: 12.65vw; left: 15.62vw; width: 68.43vw; height: 18.75vw; }

 .block-more ._banners{ position: absolute; top: 42.03vw; left: 6.71vw; width: 85.93vw; height: 46.87vw; }

 .js-banner-slider .slick-dots{ margin-top: 20px; text-align: center; padding: 5px; }

 .js-banner-slider .slick-dots li{ display: inline-block; width: 12px; height: 12px; background: #000; margin: 0 6px; border-radius: 6px; }

 .js-banner-slider .slick-dots li button{ display: none; }

 .js-banner-slider .slick-dots li.slick-active{ background: #D4AA14; }
 /* ----------------------------------------------------------
.block-pagelink
---------------------------------------------------------- */

 .block-pagelink{ position: relative; padding: 12.5vw 6.25vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-pagelink ._btn{ width: 31.5%; border: 0.9375vw solid #d6b866; padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw; text-align: center; transition-duration: 0.2s; box-sizing: border-box; position: relative; cursor: pointer; }

 .block-pagelink ._btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

 .block-pagelink ._btn a{ display: block; padding: 0 0 9.375vw 0; }

 .block-pagelink ._btn a:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .block-pagelink ._btn div:nth-child(1){ padding: 3.125vw 1.5625vw 3.125vw 1.5625vw; }

 .block-pagelink ._btn div:nth-child(2){ font-size: 3.125vw; color: #d6b866; }

 .block-pagelink ._btn:before{ transition-duration: 0.2s; position: absolute; bottom: 4.5vw; left: 50%; display: block; content: ''; height: 1.5625vw; width: 1.5625vw; border: 0.625vw solid #d6b866; border-left-width: 0; border-top-width: 0; transform: translate(-50%, 0) scale(1, 1.5) rotate(45deg); }
 /* ----------------------------------------------------------
.block-benefit
---------------------------------------------------------- */

 .block-benefit ._inner{ padding: 0 6.25vw 0 6.25vw; }

 .block-benefit .row-main ._t_read{ color: #d6b866; padding: 6.25vw 0; font-size: 4.0625vw; }

 .block-benefit .row-main ._p01{ padding: 0 0 6.25vw 0; }

 .block-benefit .row-gold{ color: #d6b866; padding: 0 0 6.25vw 0; }

 .block-benefit .row-gold ._cols-01{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 6.25vw 0; margin: 9.375vw 0 6.25vw 0; border-bottom: 1px solid #d6b866; }

 .block-benefit .row-gold ._cols-01 > div:nth-child(1){ width: 35%; }

 .block-benefit .row-gold ._cols-01 > div:nth-child(2){ padding-top: 6.25vw; width: 60%; }

 .block-benefit .row-gold ._cols-01 ._t_01{ font-size: 4.375vw; text-align: center; }

 .block-benefit .row-gold ._cols-01 ._btn{ margin-top: 3.125vw; font-size: 4.0625vw; }

 .block-benefit .row-gold ._t_01b{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.8; }

 .block-benefit .row-gold ._t_01b span{ font-size: 3.125vw; }

 .block-benefit .row-gold ._cols-02{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 6.25vw 0; margin: 12.5vw 0 6.25vw 0; border-bottom: 1px solid #d6b866; }

 .block-benefit .row-gold ._cols-02 > div:nth-child(1){ width: 35%; }

 .block-benefit .row-gold ._cols-02 > div:nth-child(2){ padding-top: 6.25vw; width: 60%; }

 .block-benefit .row-gold ._cols-02 ._t_02{ font-size: 4.375vw; }

 .block-benefit .row-gold ._cols-02 ._btn{ margin-top: 3.125vw; font-size: 4.0625vw; }

 .block-benefit .row-gold ._t_02b{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.8; }

 .block-benefit .row-gold ._t_02b span{ font-size: 3.125vw; }

 .block-benefit .row-gold ._t_02c{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.8; }

 .block-benefit .row-gold ._t_02c span{ font-size: 3.125vw; }

 .block-benefit .row-gold ._cols-03{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 6.25vw 0; margin: 3.125vw 0 6.25vw 0; }

 .block-benefit .row-gold ._cols-03 > div:nth-child(1){ width: 60%; }

 .block-benefit .row-gold ._cols-03 > div:nth-child(2){ width: 40%; }

 .block-benefit .row-green{ color: #fff; padding: 0 0 6.25vw 0; }

 .block-benefit .row-green ._toggle{ margin: 6.25vw 0 12.5vw 0; }

 .block-benefit .row-green ._toggle ._toggle-head{ position: relative; }

 .block-benefit .row-green ._toggle ._toggle-head:after{ content: ""; display: block; position: absolute; bottom: 5vw; right: 0px; width: 4.0625vw; height: 1px; background: #fff; }

 .block-benefit .row-green ._toggle ._toggle-head:before{ content: ""; display: block; position: absolute; bottom: 3.125vw; right: 1.875vw; width: 1px; height: 4.0625vw; background: #fff; }

 .block-benefit .row-green ._toggle ._toggle-head.js-toggle-open:before{ display: none; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(1){ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(1) > div:nth-child(1){ width: 37%; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(1) > div:nth-child(2){ width: 63%; font-size: 4.0625vw; line-height: 1.6; letter-spacing: 0.1em; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(1) > div:nth-child(2) span{ font-size: 3.125vw; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(1) > div:nth-child(2) sup{ font-size: 2.8125vw; }

 .block-benefit .row-green ._toggle ._toggle-head > div:nth-child(2){ text-align: center; border-bottom: 1px solid #fff; font-size: 4.0625vw; padding: 3.125vw; letter-spacing: 0.1em; }

 .block-benefit .row-green ._toggle ._toggle-body{ display: none; padding: 4.6875vw 0; }

 .block-benefit .row-green ._toggle ._toggle-body ._lead{ font-size: 3.75vw; line-height: 1.8; }

 .block-benefit .row-green ._toggle ._toggle-body ._lead span{ font-size: 3.125vw; }

 .block-benefit .row-green ._toggle ._toggle-body ._img{ margin-top: 3.125vw; padding: 0 3.125vw; }

 .block-benefit .row-green ._toggle ._toggle-body ._btn{ margin-top: 6.25vw; }

 .block-benefit .row-green ._toggle ._toggle-body ._cols{ margin-top: 4.6875vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-benefit .row-green ._toggle ._toggle-body ._cols > div:nth-child(1){ width: 67%; }

 .block-benefit .row-green ._toggle ._toggle-body ._cols > div:nth-child(2){ width: 33%; }
 /* ----------------------------------------------------------
block-collect
---------------------------------------------------------- */

 .block-collect ._inner{ padding: 0 6.25vw 0 6.25vw; }

 .block-collect .row-main{ color: #d6b866; }

 .block-collect .row-main ._t_read{ padding: 6.25vw 0; font-size: 4.0625vw; }

 .block-collect .row-note{ color: #d6b866; border: 1px solid #d6b866; padding: 6.25vw; margin: 6.25vw 0; }

 .block-collect .row-note ._t1{ font-size: 4.6875vw; text-align: center; }

 .block-collect .row-note ._t2{ margin-top: 3.125vw; }

 .block-collect .row-note ._t2 li{ font-size: 4.0625vw; text-indent: -1em; padding-left: 1em; }

 .block-collect .row-note ._t2 li span{ font-size: 2.5vw; }

 .block-collect .row-green{ margin-top: 12.5vw; color: #fff; position: relative; padding-bottom: 15.625vw; }

 .block-collect .row-green ._t1{ font-size: 3.75vw; }

 .block-collect .row-green ._t2{ font-size: 3.75vw; }

 .block-collect .row-green ._bg{ position: relative; background: #000; margin: 6.25vw 0; padding: 6.25vw 9.375vw; border: 1px solid #127a4e; z-index: 10; }

 .block-collect .row-green ._arrow{ position: absolute; bottom: 0px; left: 50%; width: 18.75vw; transform: translate(-50%, 0); }

 .block-collect .row-gold{ position: relative; margin-top: 12.5vw; color: #d6b866; padding-bottom: 15.625vw; }

 .block-collect .row-gold ._arrow{ position: absolute; bottom: 122vw; left: 50%; width: 18.75vw; transform: translate(-50%, 0); }

 .block-collect .row-gold ._bg{ position: relative; background: #000; margin: 6.25vw 0; padding: 6.25vw 9.375vw; border: 1px solid #d6b866; z-index: 10; }

 .block-collect .row-gold ._bg01 ._title{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

 .block-collect .row-gold ._bg01 ._title ._t1{ font-size: 3.75vw; }

 .block-collect .row-gold ._bg01 ._title div:nth-child(1){ width: 35%; }

 .block-collect .row-gold ._bg01 ._title div:nth-child(2){ width: 60%; }

 .block-collect .row-gold ._bg01 ._t2{ font-size: 4.375vw; text-align: center; }

 .block-collect .row-gold ._bg01 ._btn{ margin-top: 3.125vw; }

 .block-collect .row-gold ._bg01 ._t3{ margin-top: 3.125vw; font-size: 4.375vw; text-align: center; line-height: 1.5; }

 .block-collect .row-gold ._bg02 ._t1{ font-size: 5.625vw; text-align: center; color: #fff; }

 .block-collect .row-gold ._bg02 ._t2{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.7; }

 .block-collect .row-gold ._bg03 ._t1{ font-size: 5.625vw; text-align: center; color: #fff; }

 .block-collect .row-gold ._bg03 ._t2{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.7; }

 .block-collect .row-gold ._last{ margin-top: 31.25vw; }

 .block-collect .row-gold ._last ._t1{ font-size: 5vw; text-align: center; line-height: 1.7; }

 .block-collect .row-gold ._last ._t2{ margin-top: 3.125vw; font-size: 3.75vw; line-height: 1.7; }

 .block-collect .row-gold ._last ._btn{ margin-top: 3.125vw; }
 /* ----------------------------------------------------------
block-howto
---------------------------------------------------------- */

 .block-howto{ margin-top: 6.25vw; color: #d6b866; }

 .block-howto ._inner{ padding: 0 6.25vw 0 6.25vw; }

 .block-howto ._t1{ margin-top: 3.125vw; font-size: 3.75vw; text-align: center; }

 .block-howto ._btn{ margin-top: 3.125vw; }

 .block-join{ margin-top: 18.75vw; color: #d6b866; }

 .block-join ._inner{ padding: 0 6.25vw 0 6.25vw; }

 .block-join ._t1{ margin-top: 3.125vw; font-size: 3.75vw; text-align: center; }

 .block-join ._btn{ margin-top: 3.125vw; }

 .block-faq{ margin-top: 18.75vw; color: #d6b866; }

 .block-faq ._inner{ padding: 0 6.25vw 0 6.25vw; }

 .block-faq ._t1{ margin-top: 3.125vw; font-size: 3.75vw; text-align: center; }

 .block-faq ._btn{ margin-top: 3.125vw; }

 .block-note{ margin-top: 18.75vw; color: #d6b866; }

 .block-note ._inner{ padding: 0 1.5625vw 6.25vw 1.5625vw; }

 .block-note ._note{ margin-top: 3.125vw; font-size: 2.8125vw; line-height: 1.6; }

 .mod-btn{ display: block; border: 1px solid #d6b866; border-radius: 6.25vw; text-align: center; font-size: 3.4375vw; line-height: 1.75; padding: 2.5vw; letter-spacing: 0.05em; transition-duration: 0.2s; }

 .mod-btn.is-mini{ padding: 0.8vw; }

 .mod-btn:hover{ background: #d6b866; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .mod-btn:hover span{ color: #000000; }

 .mod-btn:hover span:before{ border-color: #000000; }

 .mod-btn span{ transition-duration: 0.2s; color: #d6b866; position: relative; display: inline-block; }

 .mod-btn span:before{ position: absolute; top: 50%; right: -4.375vw; display: block; content: ''; height: 2.5vw; width: 2.5vw; border: 2px solid #d6b866; border-left-width: 0; border-top-width: 0; transform: translate(0, -60%) scale(1, 0.6) rotate(-45deg); }

 .mod-pc{ display: none; } }

@media print, screen and (min-width: 600px){

 .sns-header ul.sns{ position: absolute; right: 3%; top: 19px; z-index: 15; }

 .sns-header ul.sns li{ display: table-cell; vertical-align: middle; padding: 10px 0 0 10px; }

 .sns-header ul.sns li a{ display: block; width: 33px; text-align: center; margin: 0 auto; }

 .sns-header ul.sns li.forSp{ display: none; }

 .sns-footer{ z-index: 15; position: absolute; right: 3%; bottom: 20px; top: auto; }

 .sns-footer li{ padding: 10px 0 0 20px; }

 .sns-footer li a{ width: auto; } }

@media screen and (max-width: 599px){

 .sns-header ul.sns{ display: block; z-index: 100; position: absolute; top: 0; right: 0.5%; }

 .sns-header ul.sns a{ font-size: 10px; }

 .sns-header ul.sns li.forSp a{ display: table-cell; vertical-align: middle; color: #fff; }

 .sns-header ul.sns li.forSp a.js-pulldown{ padding: 8px 10px 10px 10px; }

 .sns-header ul.sns li.forSp ul.pulldown{ background-color: #f4f2ef; padding: 15px; position: absolute; right: 0; top: 3.5em; width: 205px; }

 .sns-header ul.sns li.forSp ul.pulldown li{ float: left; margin: 0; padding: 15px; text-align: center; }

 .sns-header ul.sns li.forSp ul.pulldown:after{ border-color: transparent transparent #f4f2ef; border-image: none; border-style: solid; border-width: 8px; bottom: 100%; content: " "; height: 0; pointer-events: none; position: absolute; right: 15px; width: 0; }

 .sns-header ul.sns li.forSp ul.pulldown .close.js-closeButton{ background: none repeat scroll 0 0 transparent; cursor: pointer; position: absolute; right: 0; text-indent: 0; top: 0; }

 .sns-header ul.sns li.forSp ul.pulldown li a.js-shareLn img, .sns-header ul.sns li.forSp ul.pulldown li a.shareTw img, .sns-header ul.sns li.forSp ul.pulldown li a.js-shareFb img{ width: 29px; }

 .sns-header ul.sns li.forSp ul.pulldown li.close img{ width: 13px; }

 .sns-header ul.sns .btn{ bottom: 5%; position: absolute; text-align: center; width: 100%; } }

@media print, screen and (min-width: 910px){
 /* ----------------------------------------------------------
.block-main
---------------------------------------------------------- */

 .block-main{ position: relative; color: #fff; }

 .block-main img{ width: 100%; }

 .block-main a{ display: block; color: #fff; }

 .block-main:after{ display: block; content: ""; padding-top: 78.61%; }

 .block-main ._banner_apple{ position: absolute; top: 69.46%; left: 45.38%; width: 18.5%; height: 7.34%; }

 .block-main ._banner_google{ position: absolute; top: 69.39%; left: 64.88%; width: 18.61%; height: 7.34%; }

 .block-main ._logo{ position: absolute; top: 24.45%; left: 40.38%; width: 42.61%; height: 12.72%; }

 .block-main ._p_illust{ position: absolute; top: 0%; left: -6.67%; width: 69.88%; height: 91.23%; }

 .block-main ._p_illust{ background-image: url("/rewards/images/main/p_illust.png"); background-position: center center; background-size: cover; }

 .block-main ._t_app{ position: absolute; top: 59.92%; left: 50.66%; width: 27.83%; height: 7.34%; }

 .block-main ._btn{ position: absolute; top: 80.28%; left: 41.5%; width: 44.88%; height: 5.44%; }

 .block-main ._t1{ position: absolute; top: 9.81%; left: 48.38%; font-size: 2.2vw; }

 .block-main ._t2{ position: absolute; top: 44.66%; left: 37.88%; font-size: 1.36vw; }
 /* ----------------------------------------------------------
.block-more-pre
---------------------------------------------------------- */

 .block-more-pre{ position: relative; background: #F7F2E8; color: #fff; }

 .block-more-pre img{ width: 100%; }

 .block-more-pre a{ display: block; color: #fff; }

 .block-more-pre:after{ display: block; content: ""; padding-top: 31.11%; }

 .block-more-pre ._title{ position: absolute; top: 22.75%; left: 33.44%; width: 31.55%; height: 27.67%; }

 .block-more-pre ._lead{ position: absolute; top: 64%; left: 0; right: 0; text-align: center; }

 .block-more-pre ._lead{ font-size: 2vw; color: #e40e14; font-weight: bold; }
 /* ----------------------------------------------------------
.block-more
---------------------------------------------------------- */

 .block-more{ position: relative; background: #F7F2E8; color: #fff; }

 .block-more img{ width: 100%; }

 .block-more a{ display: block; color: #fff; }

 .block-more:after{ display: block; content: ""; padding-top: 31.11%; }

 .block-more ._banners{ position: absolute; top: 14.64%; left: 48.72%; width: 36.11%; }

 .block-more ._title{ position: absolute; top: 33.75%; left: 12.44%; width: 31.55%; height: 27.67%; }

 .js-banner-slider .slick-dots{ margin-top: 20px; text-align: center; padding: 5px; }

 .js-banner-slider .slick-dots li{ display: inline-block; width: 12px; height: 12px; background: #000; margin: 0 6px; border-radius: 6px; }

 .js-banner-slider .slick-dots li button{ display: none; }

 .js-banner-slider .slick-dots li.slick-active{ background: #D4AA14; }
 /* ----------------------------------------------------------
.block-pagelink
---------------------------------------------------------- */

 .block-pagelink{ position: relative; }

 .block-pagelink img{ width: 100%; }

 .block-pagelink a{ display: block; color: #d6b866; }

 .block-pagelink:after{ display: block; content: ""; padding-top: 26.11%; }

 .block-pagelink ._btn1{ position: absolute; top: 27.44%; left: 5.27%; width: 28.88%; height: 48.72%; }

 .block-pagelink ._btn2{ position: absolute; top: 27.44%; left: 35.72%; width: 28.88%; height: 48.72%; }

 .block-pagelink ._btn3{ position: absolute; top: 27.44%; left: 66.22%; width: 28.88%; height: 48.72%; }

 .block-pagelink ._btn{ border: 0.26042vw solid #d6b866; text-align: center; transition-duration: 0.2s; box-sizing: border-box; cursor: pointer; }

 .block-pagelink ._btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

 .block-pagelink ._btn a{ position: relative; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

 .block-pagelink ._btn a:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .block-pagelink ._btn div:nth-child(1){ padding: 0.52083vw 0 0.10417vw 0; }

 .block-pagelink ._btn div:nth-child(2){ font-size: 1.15vw; color: #d6b866; }

 .block-pagelink ._btn:before{ transition-duration: 0.2s; position: absolute; bottom: 3vw; left: 50%; display: block; content: ''; height: 0.52083vw; width: 0.52083vw; border: 0.15625vw solid #d6b866; border-left-width: 0; border-top-width: 0; transform: translate(-80%, 20px) scale(1, 1.5) rotate(45deg); }
 /* ----------------------------------------------------------
.block-benefit
---------------------------------------------------------- */

 .block-benefit{ position: relative; }

 .block-benefit img{ width: 100%; }

 .block-benefit .row-main{ position: relative; color: #d6b866; }

 .block-benefit .row-main:after{ display: block; content: ""; padding-top: 50%; }

 .block-benefit .row-main ._title{ position: absolute; top: 0; left: 0; width: 100%; }

 .block-benefit .row-main ._t_read{ position: absolute; top: 17.88%; left: 0%; width: 100%; height: 3.33%; }

 .block-benefit .row-main ._t_read{ font-size: 1.56vw; text-align: center; }

 .block-benefit .row-main ._p01{ position: absolute; top: 28.77%; left: 23.5%; width: 52.94%; height: 57.77%; }

 .block-benefit .row-gold{ position: relative; color: #d6b866; }

 .block-benefit .row-gold:after{ display: block; content: ""; padding-top: 58.33%; }

 .block-benefit .row-gold ._title{ position: absolute; top: 1.71%; left: 28.83%; width: 42.16%; height: 27.42%; }

 .block-benefit .row-gold ._btn{ position: absolute; top: 44.76%; left: 25.44%; width: 21.05%; height: 5.8%; }

 .block-benefit .row-gold ._p01{ position: absolute; top: 32.47%; left: 9.83%; width: 13.33%; height: 19.04%; }

 .block-benefit .row-gold ._p01b{ position: absolute; top: 66.66%; left: 31.05%; width: 16.66%; height: 20.95%; }

 .block-benefit .row-gold ._p02{ position: absolute; top: 35.61%; left: 53.61%; width: 13.33%; height: 19.04%; }

 .block-benefit .row-gold ._p02b{ position: absolute; top: 65.52%; left: 73.72%; width: 16.66%; height: 20.95%; }

 .block-benefit .row-gold ._t_01{ position: absolute; top: 38.66%; left: 24.5%; height: 3.23%; }

 .block-benefit .row-gold ._t_01b{ position: absolute; top: 60.38%; left: 9.77%; width: 40%; }

 .block-benefit .row-gold ._t_01c{ position: absolute; top: 70.8%; left: 9.77%; width: 40%; }

 .block-benefit .row-gold ._t_02{ position: absolute; top: 40.28%; left: 69.16%; height: 8.57%; }

 .block-benefit .row-gold ._t_02b{ position: absolute; top: 60.28%; left: 53.61%; width: 30%; }

 .block-benefit .row-gold ._t_02c{ position: absolute; top: 66.5%; left: 53.61%; width: 30%; }

 .block-benefit .row-gold ._t_01, .block-benefit .row-gold ._t_02{ font-size: 1.66667vw; line-height: 1.5; letter-spacing: 0.05em; }

 .block-benefit .row-gold ._t_01b, .block-benefit .row-gold ._t_01c, .block-benefit .row-gold ._t_02b, .block-benefit .row-gold ._t_02c{ font-size: 1.35417vw; line-height: 1.8; letter-spacing: 0.05em; }

 .block-benefit .row-gold ._t_01b span, .block-benefit .row-gold ._t_01c span, .block-benefit .row-gold ._t_02b span, .block-benefit .row-gold ._t_02c span{ font-size: 1.14583vw; }

 .block-benefit .row-gold ._l1{ position: absolute; top: 56%; left: 9.83%; width: 37%; height: 0.3%; background: #d6b866; }

 .block-benefit .row-gold ._l2{ position: absolute; top: 56%; left: 53.83%; width: 37%; height: 0.3%; background: #d6b866; }

 .block-benefit .row-green{ position: relative; color: #fff; }

 .block-benefit .row-green:after{ display: block; content: ""; padding-top: 163.055%; }

 .block-benefit .row-green ._title{ position: absolute; top: 0.3%; left: 27.94%; width: 44.11%; height: 11.5%; }

 .block-benefit .row-green ._p01{ position: absolute; top: 13.67%; left: 6.83%; width: 7.05%; height: 4.15%; }

 .block-benefit .row-green ._p01b{ position: absolute; top: 24.8%; left: 11.22%; width: 15.55%; height: 7.49%; }

 .block-benefit .row-green ._p02{ position: absolute; top: 13.96%; left: 38.33%; width: 5.33%; height: 4.19%; }

 .block-benefit .row-green ._p02b{ position: absolute; top: 30.79%; left: 37.27%; width: 25.55%; height: 4.08%; }

 .block-benefit .row-green ._p03{ position: absolute; top: 14.17%; left: 71.11%; width: 4.72%; height: 3.98%; }

 /* .block-benefit .row-green ._p04{ position: absolute; top: 38.67%; left: 6.44%; width: 5.27%; height: 4.19%; } */
  /* .block-benefit .row-green ._p04b{ position: absolute; top: 53.45%; left: 6.33%; width: 24.55%; height: 9.9%; } */


 .block-benefit .row-green ._p04{ position: absolute; top: 38.67%; left: 8.27%; width: 5.05%; height: 3.78%; }

 .block-benefit .row-green ._btn4{ position: absolute; top: 56.4%; left: 6.61%; width: 24.61%; height: 1.97%; }

 .block-benefit .row-green ._p05{ position: absolute; top: 38.77%; left: 37.61%; width: 11.16%; height: 3.78%; }

 .block-benefit .row-green ._btn5{ position: absolute; top: 50.69%; left: 37.61%; width: 24.61%; height: 1.97%; }

 .block-benefit .row-green ._p06{ position: absolute; top: 38.77%; left: 68.61%; width: 6.33%; height: 3.91%; }

 .block-benefit .row-green ._p06b{ position: absolute; top: 57%; left: 75.72%; width: 10.27%; height: 4.84%; }

 .block-benefit .row-green ._p07{ position: absolute; top: 67.29%; left: 6.44%; width: 5.27%; height: 4.19%; }

 .block-benefit .row-green ._p07b{ position: absolute; top: 81.45%; left: 6.44%; width: 24.55%; height: 9.9%; }

 .block-benefit .row-green ._btn{ position: absolute; top: 92.5%; left: 6.44%; width: 24.61%; height: 1.97%; }

 .block-benefit .row-green ._p08{ position: absolute; top: 67.29%; left: 38.88%; width: 9.61%; height: 3.74%; }

 .block-benefit .row-green ._t01, .block-benefit .row-green ._t02, .block-benefit .row-green ._t03, .block-benefit .row-green ._t04, .block-benefit .row-green ._t05, .block-benefit .row-green ._t06, .block-benefit .row-green ._t07, .block-benefit .row-green ._t08{ font-size: 1.5625vw; line-height: 1.5; }

 .block-benefit .row-green ._t01 span{ font-size: 0.9375vw; }

 .block-benefit .row-green ._t01b, .block-benefit .row-green ._t02b, .block-benefit .row-green ._t03b, .block-benefit .row-green ._t04b, .block-benefit .row-green ._t05b, .block-benefit .row-green ._t06b, .block-benefit .row-green ._t06c, .block-benefit .row-green ._t07b, .block-benefit .row-green ._t08b{ font-size: 1.19792vw; line-height: 1.8; }

 .block-benefit .row-green ._t01b span, .block-benefit .row-green ._t02b span, .block-benefit .row-green ._t03b span, .block-benefit .row-green ._t04b span, .block-benefit .row-green ._t05b span, .block-benefit .row-green ._t06b span, .block-benefit .row-green ._t06c span, .block-benefit .row-green ._t07b span{ font-size: 0.9375vw; line-height: 1.4; }

 .block-benefit .row-green sup{ font-size: 0.72917vw; }

 .block-benefit .row-green ._t06c{ line-height: 1.6; }

 .block-benefit .row-green ._t01{ position: absolute; top: 13.63%; left: 14.94%; }

 .block-benefit .row-green ._t01b{ position: absolute; top: 21.12%; left: 6.44%; width: 25%; }

 .block-benefit .row-green ._t02{ position: absolute; top: 14.44%; left: 45.16%; }

 .block-benefit .row-green ._t02b{ position: absolute; top: 21.12%; left: 37.66%; width: 25%; }

 .block-benefit .row-green ._t03{ position: absolute; top: 14.44%; left: 77.38%; }

 .block-benefit .row-green ._t03b{ position: absolute; top: 21.12%; left: 68.72%; width: 25%; }

 /* .block-benefit .row-green ._t04{ position: absolute; top: 38.16%; left: 12.72%; }

 .block-benefit .row-green ._t04b{ position: absolute; top: 45.48%; left: 6.5%; width: 25%; } */

 .block-benefit .row-green ._t04{ position: absolute; top: 39.2%; left: 14.72%; }

 .block-benefit .row-green ._t04b{ position: absolute; top: 45.48%; left: 6.5%; width: 25%; }

 .block-benefit .row-green ._t05{ position: absolute; top: 39.2%; left: 49.8%; }

 .block-benefit .row-green ._t05b{ position: absolute; top: 45.48%; left: 38%; width: 25%; }

 .block-benefit .row-green ._t06{ position: absolute; top: 38.2%; /* left: 76.33%; */ left: 77.38%; }

 .block-benefit .row-green ._t06b{ position: absolute; top: 45.48%; left: 68.72%; width: 25%; }

 .block-benefit .row-green ._t06c{ position: absolute; top: 49%; left: 68.72%; width: 25%; }

 .block-benefit .row-green ._t08{ position: absolute; top: 66.82%; left: 50%; }

 .block-benefit .row-green ._t08b{ position: absolute; top: 73.77%; left: 38%; width: 25%; }

 .block-benefit .row-green ._t07{ position: absolute; top: 66.82%; left: 12.61%; }

 .block-benefit .row-green ._t07b{ position: absolute; top: 73.77%; left: 6.61%; width: 25%; }

 .block-benefit .row-green ._l1{ position: absolute; top: 19.76%; left: 6.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l2{ position: absolute; top: 19.76%; left: 37.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l3{ position: absolute; top: 19.76%; left: 68.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l4{ position: absolute; top: 44.29%; left: 6.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l5{ position: absolute; top: 44.29%; left: 37.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l6{ position: absolute; top: 44.29%; left: 68.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l8{ position: absolute; top: 72.75%; left: 37.61%; width: 24.5%; height: 0.15%; background: #fff; }

 .block-benefit .row-green ._l7{ position: absolute; top: 72.75%; left: 6.61%; width: 24.5%; height: 0.15%; background: #fff; }

 /* ----------------------------------------------------------
.block-collect
---------------------------------------------------------- */

 .block-collect{ position: relative; }

 .block-collect img{ width: 100%; }

 .block-collect .row-main{ position: relative; color: #d6b866; }

 .block-collect .row-main:after{ display: block; content: ""; padding-top: 38%; }

 .block-collect .row-main ._t_read{ position: absolute; top: 10%; left: 0%; width: 100%; height: 3.87%; text-align: center; }

 .block-collect .row-main ._t_read{ font-size: 1.56vw; text-align: center; }

 .block-collect .row-main ._p01{ position: absolute; top: 25%; left: 23.5%; width: 52.94%; height: 65%; }

 .block-collect .row-note{ position: relative; color: #d6b866; }

 .block-collect .row-note:after{ display: block; content: ""; padding-top: 25%; }

 .block-collect .row-note ._rect{ position: absolute; top: 10.44%; left: 20.66%; width: 58.55%; height: 93.66%; border: 2px solid #d6b866; }

 .block-collect .row-note ._t1{ position: absolute; top: 23.55%; left: 30%; width: 40%; height: 7.33%; text-align: center; }

 .block-collect .row-note ._t2{ position: absolute; top: 42%; left: 26%; }

 .block-collect .row-note ._t1{ font-size: 1.66667vw; line-height: 1.4; }

 .block-collect .row-note ._t2 li{ font-size: 1.35417vw; line-height: 1.8; text-indent: -1em; padding-left: 1em;}

 .block-collect .row-note ._t2 span{ font-size: 1.04167vw; }

 .block-collect .row-green{ position: relative; color: #fff; }

 .block-collect .row-green:after{ display: block; content: ""; padding-top: 46.33%; }

 .block-collect .row-green ._title{ position: absolute; top: 11.5%; left: 33.5%; width: 32.77%; height: 5.8%; }

 .block-collect .row-green ._bg-pc{ position: absolute; top: 21.47%; left: 20.72%; width: 58.44%; height: 45.57%; }

 .block-collect .row-green ._bg-pc{ border: 2px solid #127a4e; background: #000; }

 .block-collect .row-green ._arrow{ position: absolute; top: 37.5%; left: 46.16%; width: 7.66%; height: 51%; }

 .block-collect .row-green ._p01{ position: absolute; top: 30.85%; left: 41.22%; width: 17.44%; height: 10.19%; }

 .block-collect .row-green ._p02{ position: absolute; top: 46.71%; left: 41.11%; width: 17.72%; height: 13.47%; }

 .block-collect .row-green ._t1{ position: absolute; top: 27%; left: 30%; width: 40%; text-align: center; }

 .block-collect .row-green ._t2{ position: absolute; top: 33%; left: 30%; width: 40%; text-align: center; }

 .block-collect .row-green ._t1{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-green ._t2{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-gold{ margin-top: -2vw; position: relative; color: #d6b866; }

 .block-collect .row-gold:after{ display: block; content: ""; padding-top: 147.22%; }

 .block-collect .row-gold > ._arrow{ position: absolute; top: 5.58%; left: 46.11%; width: 7.66%; height: 66.94%; }

 .block-collect .row-gold > ._title{ position: absolute; top: 1.24%; left: 35.83%; width: 28.05%; height: 1.69%; }

 .block-collect .row-gold ._bg01-pc, .block-collect .row-gold ._bg02-pc, .block-collect .row-gold ._bg03-pc{ border: 2px solid #d6b866; background: #000; }

 .block-collect .row-gold ._bg01-pc{ position: absolute; top: 4.9%; left: 20.55%; width: 58.66%; height: 33.2%; }

 .block-collect .row-gold ._bg02-pc{ position: absolute; top: 41.47%; left: 20.5%; width: 58.66%; height: 10.18%; }

 .block-collect .row-gold ._bg03-pc{ position: absolute; top: 55.09%; left: 20.5%; width: 58.72%; height: 11.01%; }

 .block-collect .row-gold ._bg01 ._t1{ position: absolute; top: 8.26%; left: 43.38%; }

 .block-collect .row-gold ._bg01 ._t2{ position: absolute; top: 23.39%; left: 28%; width: 20%; }

 .block-collect .row-gold ._bg01 ._t3{ position: absolute; top: 34.33%; left: 30%; width: 40%; height: 1.05%; }

 .block-collect .row-gold ._bg01 ._t1{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-gold ._bg01 ._t2{ font-size: 1.45833vw; line-height: 1.8; text-align: center; }

 .block-collect .row-gold ._bg01 ._t3{ font-size: 1.45833vw; line-height: 1.8; text-align: center; }

 .block-collect .row-gold ._bg01 ._p1{ position: absolute; top: 7.2%; left: 34.16%; width: 6.94%; height: 4.6%; }

 .block-collect .row-gold ._bg01 ._p2{ position: absolute; top: 14.11%; left: 30.94%; width: 41.05%; height: 15.66%; }

 .block-collect .row-gold ._bg01 ._btn{ position: absolute; top: 30.52%; left: 37.33%; width: 25.22%; height: 2.64%; }

 .block-collect .row-gold ._bg02 ._t1{ position: absolute; top: 43.69%; left: 30%; width: 14%; }

 .block-collect .row-gold ._bg02 ._t2{ position: absolute; top: 46.33%; left: 27.5%; }

 .block-collect .row-gold ._bg02 ._t1{ font-size: 1.97917vw; line-height: 1.8; text-align: center; color: #fff; }

 .block-collect .row-gold ._bg02 ._t2{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-gold ._bg02 ._p{ position: absolute; top: 43.47%; left: 52.33%; width: 21.05%; height: 5.01%; }

 .block-collect .row-gold ._bg03 ._t1{ position: absolute; top: 56.7%; left: 30%; width: 14%; }

 .block-collect .row-gold ._bg03 ._t2{ position: absolute; top: 59.58%; left: 26.55%; }

 .block-collect .row-gold ._bg03 ._t1{ font-size: 1.97917vw; line-height: 1.8; text-align: center; color: #fff; }

 .block-collect .row-gold ._bg03 ._t2{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-gold ._bg03 ._p{ position: absolute; top: 57.54%; left: 59.27%; width: 9.22%; height: 6.07%; }

 .block-collect .row-gold ._last ._t1{ position: absolute; top: 76.9%; left: 20.33%; }

 .block-collect .row-gold ._last ._t2{ position: absolute; top: 79.77%; left: 20.44%; }

 .block-collect .row-gold ._last ._t1{ font-size: 1.77083vw; line-height: 1.8; }

 .block-collect .row-gold ._last ._t2{ font-size: 1.25vw; line-height: 1.8; }

 .block-collect .row-gold ._last ._p{ position: absolute; top: 77.09%; left: 56.55%; width: 25.33%; height: 9.69%; }

 .block-collect .row-gold ._last ._btn{ position: absolute; top: 89.84%; left: 53.66%; width: 30.55%; height: 2.64%; }
 /* ----------------------------------------------------------
.block-howto
---------------------------------------------------------- */

 .block-howto-set{ position: relative; color: #d6b866; }

 .block-howto-set img{ width: 100%; height: auto; }

 .block-howto-set:after{ display: block; content: ""; padding-top: 30.55%; }

 .block-howto-set .block-howto ._title{ position: absolute; top: 9.63%; left: 9.27%; width: 18.88%; height: 8.9%; }

 .block-howto-set .block-howto ._btn{ position: absolute; top: 36.36%; left: 6.55%; width: 24.44%; height: 12.72%; }

 .block-howto-set .block-howto ._t1{ position: absolute; top: 23.45%; left: 10%; width: 17%; }

 .block-howto-set .block-join ._title{ position: absolute; top: 9.45%; left: 46.77%; width: 6.38%; height: 8.9%; }

 .block-howto-set .block-join ._btn{ position: absolute; top: 36.36%; left: 37.83%; width: 24.44%; height: 12.72%; }

 .block-howto-set .block-join ._t1{ position: absolute; top: 23.63%; left: 42%; width: 17%; }

 .block-howto-set .block-faq ._title{ position: absolute; top: 9.45%; left: 77.44%; width: 7.27%; height: 8.9%; }

 .block-howto-set .block-faq ._btn{ position: absolute; top: 36.36%; left: 68.88%; width: 24.44%; height: 12.72%; }

 .block-howto-set .block-faq ._t1{ position: absolute; top: 23.63%; left: 72%; width: 17%; }

 .block-howto-set ._t1{ font-size: 1.14583vw; text-align: center; }

 .block-howto-set ._note{ position: absolute; bottom: 10%; left: 4.5%; }

 .block-howto-set ._note{ font-size: 0.9375vw; line-height: 1.8; }

 .mod-btn{ display: block; border: 2px solid #d6b866; border-radius: 3vw; text-align: center; font-size: 1.25vw; line-height: 1.75; padding: 0.8vw; letter-spacing: 0.05em; transition-duration: 0.2s; }

 .mod-btn.is-mini{ padding: 0.4vw; }

 .mod-btn:hover{ background: #d6b866; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .mod-btn:hover span{ color: #000000; }

 .mod-btn:hover span:before{ border-color: #000000; }

 .mod-btn span{ transition-duration: 0.2s; color: #d6b866; position: relative; display: inline-block; }

 .mod-btn span:before{ position: absolute; top: 50%; right: -1.5625vw; display: block; content: ''; height: 1.04167vw; width: 1.04167vw; border: 2px solid #d6b866; border-left-width: 0; border-top-width: 0; transform: translate(0, -50%) scale(1, 0.6) rotate(-45deg); }

 .mod-sp{ display: none; } }

/*# sourceMappingURL=maps/index.css.map */