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

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

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

/* ----------------------------------------------------------
.area
---------------------------------------------------------- */
body.page-rewards-join .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-join{ margin-left: 0; }

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

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

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

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

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

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

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

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

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

 .page-rewards-join 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-join .mainContents article{ margin-left: 0; } }

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

 .page-rewards-join{ position: relative; }
 /* ----------------------------------------------------------
BASE
---------------------------------------------------------- */

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

 .block-main{ padding: 15.625vw 0 15.625vw 0; position: relative; }

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

 .block-main ._t1{ margin-top: 6.25vw; font-size: 4.0625vw; color: #c9a646; text-align: center; line-height: 1.6; font-weight: bold; }

 .block-main ._inner{ padding: 0 12.5vw; }

 .block-main ._links{ margin-top: 6.25vw; }

 .block-main ._links a{ display: block; }

 .block-main ._links li{ position: relative; }

 .block-main ._links li + li{ margin-top: 6.25vw; }

 .block-main ._links li:before{ position: absolute; top: 50%; right: 0; display: block; content: ''; height: 3.125vw; width: 3.125vw; border: 0.625vw solid #c9a646; border-left-width: 0; border-top-width: 0; transform: scale(0.6, 1) translate(0, -80%) rotate(45deg); }

 .block-main ._links span:nth-child(1){ font-size: 4.0625vw; color: #c9a646; font-weight: bold; }

 .block-main ._links span:nth-child(2){ font-size: 4.0625vw; display: inline-block; }
 /* ----------------------------------------------------------
.block-step1
---------------------------------------------------------- */

 .block-step1{ padding: 9.375vw 0; position: relative; }

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

 .block-step1 ._inner{ padding: 0 3.125vw; }

 .block-step1 ._t1{ margin: 12.5vw 0 0 0; }

 .block-step1 ._t1 > *{ font-size: 5.625vw; color: #c9a646; text-align: center; }

 .block-step1 ._t_app{ margin: 3.125vw 12.5vw 0 12.5vw; }

 .block-step1 ._banners{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 4.6875vw 12.5vw 0 12.5vw; }

 .block-step1 ._banners > *{ width: 48%; }
 /* ----------------------------------------------------------
.block-step2
---------------------------------------------------------- */

 .block-step2{ padding: 9.375vw 0; position: relative; }

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

 .block-step2 ._inner{ padding: 0 3.125vw; }

 .block-step2 ._inner2{ padding: 0 3.125vw; }

 .block-step2 ._t1{ margin: 9.375vw 0 0 0; }

 .block-step2 ._t1 > *{ font-size: 5.625vw; color: #c9a646; text-align: center; }

 .block-step2 ._t2{ margin: 3.125vw 0 0 0; font-size: 4.0625vw; }

 .block-step2 ._t2 span{ font-size: 3.125vw; }

 .block-step2 ._steps{ margin-top: 9.375vw; }

 .block-step2 ._steps ._step{ position: relative; background: #070707; color: #bb9f51; border: 0.3125vw solid #d6b866; padding: 9.375vw 6.25vw 9.375vw 6.25vw; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

 .block-step2 ._steps ._step + ._step{ margin-top: 12.5vw; }

 .block-step2 ._steps ._step + ._step:before{ content: ""; position: absolute; top: -9.375vw; left: 50%; width: 6.25vw; height: 6.25vw; box-sizing: border-box; border: 6.25vw solid transparent; border-top: 6.25vw solid #bb9f51; transform: translate(-50%, 0) scale(0.8, 1); }

 .block-step2 ._steps ._step div:nth-child(1){ width: 74%; font-size: 3.4375vw; line-height: 1.8; }

 .block-step2 ._steps ._step div:nth-child(2){ width: 23%; }
 /* ----------------------------------------------------------
.block-step3
---------------------------------------------------------- */

 .block-step3{ padding: 9.375vw 0; position: relative; }

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

 .block-step3 ._inner{ padding: 0 3.125vw; }

 .block-step3 ._inner2{ padding: 0 3.125vw; }

 .block-step3 ._pagelinks{ margin-top: 6.25vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-step3 ._pagelinks li{ display: block; width: 43%; border: 0.9375vw solid #d6b866; text-align: center; padding: 6.25vw 1.5625vw 9.375vw 1.5625vw; font-size: 3.4375vw; position: relative; }

 .block-step3 ._pagelinks li a{ display: block; color: #c9a646; }

 .block-step3 ._pagelinks li:before{ position: absolute; bottom: 1.5625vw; right: 50%; display: block; content: ''; height: 3.125vw; width: 3.125vw; border: 0.625vw solid #c9a646; border-left-width: 0; border-top-width: 0; transform: scale(0.6, 1) translate(100%, -80%) rotate(45deg); }

 .block-step3 ._items li{ margin-top: 15.625vw; }

 .block-step3 ._items ._p1{ width: 62.5vw; margin: 0 auto; }

 .block-step3 ._items ._t1 > *{ font-size: 5.625vw; color: #c9a646; text-align: center; }

 .block-step3 ._items ._t2{ margin: 4.6875vw 0 0 0; font-size: 4.0625vw; }

 .block-step3 ._items ._t2 span{ font-size: 3.125vw; }

 .block-step3 ._items ._row-1{ margin-top: 6.25vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-step3 ._items ._row-1 ._p2{ width: 48%; }

 .block-step3 ._items ._row-1 ._t3{ width: 48%; font-size: 3.75vw; }

 .block-step3 ._items ._row-2{ margin-top: 6.25vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-step3 ._items ._row-2 ._p2{ width: 33%; }

 .block-step3 ._items ._row-2 ._t3{ width: 60%; font-size: 3.75vw; }
 /* ----------------------------------------------------------
.block-howto
---------------------------------------------------------- */

 .block-howto{ padding: 9.375vw 0; position: relative; }

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

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

 .block-howto ._inner2{ padding: 0 3.125vw; }

 .block-howto ._t1{ margin-top: 6.25vw; font-size: 3.75vw; color: #c9a646; }

 .block-howto ._cols{ margin-top: 6.25vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-howto ._cols > div:nth-child(1){ width: 46%; }

 .block-howto ._cols > div:nth-child(2){ width: 46%; }

 .block-howto ._cols > div:nth-child(2) ._p{ width: 15.625vw; margin: 0 auto; }

 .block-howto ._cols > div:nth-child(2) ._t2{ font-size: 3.75vw; }

 .block-howto ._cols > div:nth-child(2) ._t3{ font-size: 2.8125vw; }
 /* ----------------------------------------------------------
.block-last
---------------------------------------------------------- */

 .block-last{ padding: 9.375vw 0; position: relative; }

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

 .block-last ._inner{ padding: 0 3.125vw; }

 .block-last ._btn{ margin: 0 3.125vw; }

 .block-last ._note{ margin-top: 12.5vw; font-size: 2.5vw; color: #c9a646; }

 .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: #fff; }

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

 .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: #333; }

 .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{ margin-top: 7.8125vw; position: relative; }

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

 .block-main ._inner{ width: 82.91667vw; margin: 0 auto; }

 .block-main ._t1{ margin-top: 5.20833vw; font-size: 1.5625vw; color: #c9a646; text-align: center; line-height: 1.6; font-weight: bold; }

 .block-main ._links{ margin-top: 5.20833vw; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .block-main ._links li{ width: 33%; text-align: center; }

 .block-main ._links li:nth-child(n+4){ margin-top: 5.20833vw; }

 .block-main ._links span:nth-child(1){ font-size: 1.40625vw; color: #c9a646; font-weight: bold; }

 .block-main ._links span:nth-child(2){ font-size: 1.25vw; position: relative; display: inline-block; }

 .block-main ._links span:nth-child(2):before{ position: absolute; top: 50%; right: -2.08333vw; display: block; content: ''; height: 1.04167vw; width: 1.04167vw; border: 0.20833vw solid #c9a646; border-left-width: 0; border-top-width: 0; transform: scale(0.6, 1) translate(0, -80%) rotate(45deg); }
 /* ----------------------------------------------------------
.block-step1
---------------------------------------------------------- */

 .block-step1{ margin-top: 2.60417vw; padding: 5.20833vw 0 2.60417vw 0; position: relative; position: relative; }

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

 .block-step1 ._inner{ width: 82.91667vw; margin: 0 auto; }

 .block-step1 ._t1{ color: #c9a646; font-size: 1.97917vw; margin-top: 3.64583vw; text-align: center; }

 .block-step1 ._t1 > *{ font-size: 1.97917vw; }

 .block-step1 ._t_app{ width: 24%; margin: 1.5625vw auto 0 auto; display: block; }

 .block-step1 ._banners{ width: 38%; margin: 1.5625vw auto 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-step1 ._banners ._banner_apple{ width: 90%; }

 .block-step1 ._banners ._banner_apple img{ width: 95%; }

 .block-step1 ._banners ._banner_google{ width: 90%; text-align: right; }

 .block-step1 ._banners ._banner_google img{ width: 95%; }
 /* ----------------------------------------------------------
.block-step2
---------------------------------------------------------- */

 .block-step2{ margin-top: 2.60417vw; padding: 5.20833vw 0 2.60417vw 0; position: relative; position: relative; }

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

 .block-step2 ._inner{ width: 82.91667vw; margin: 0 auto; }

 .block-step2 ._t1{ color: #c9a646; font-size: 1.97917vw; margin-top: 3.64583vw; text-align: center; }

 .block-step2 ._t1 > *{ font-size: 1.97917vw; }

 .block-step2 ._t2{ font-size: 1.35417vw; margin-top: 2.08333vw; text-align: center; }

 .block-step2 ._t2 span{ font-size: 0.9375vw; margin-top: 1.04167vw; }

 .block-step2 ._t_app{ width: 24%; margin: 1.5625vw auto 0 auto; display: block; }

 .block-step2 ._banners{ width: 38%; margin: 1.5625vw auto 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

 .block-step2 ._banners ._banner_apple{ width: 90%; }

 .block-step2 ._banners ._banner_apple img{ width: 95%; }

 .block-step2 ._banners ._banner_google{ width: 90%; text-align: right; }

 .block-step2 ._banners ._banner_google img{ width: 95%; }

 .block-step2 ._steps{ margin-top: 3.125vw; }

 .block-step2 ._steps ._step{ position: relative; background: #070707; color: #bb9f51; border: 0.10417vw solid #d6b866; padding: 2.08333vw 4.16667vw; box-sizing: border-box; width: 54.6875vw; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

 .block-step2 ._steps ._step + ._step{ margin-top: 3.125vw; }

 .block-step2 ._steps ._step + ._step:before{ content: ""; position: absolute; top: -2.08333vw; left: 50%; width: 1.04167vw; height: 1.04167vw; box-sizing: border-box; border: 1.04167vw solid transparent; border-top: 1.04167vw solid #bb9f51; transform: translate(-50%, 0) scale(0.8, 1); }

 .block-step2 ._steps ._step div:nth-child(1){ width: 80%; font-size: 1.25vw; }

 .block-step2 ._steps ._step div:nth-child(2){ width: 13%; }
 /* ----------------------------------------------------------
block-step3
---------------------------------------------------------- */

 .block-step3{ margin-top: 2.60417vw; padding: 5.20833vw 0 2.60417vw 0; position: relative; position: relative; }

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

 .block-step3 ._inner{ width: 82.91667vw; margin: 0 auto; }

 .block-step3 ._items{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 75.52083vw; margin: 3.125vw auto 0 auto; }

 .block-step3 ._items > li{ width: 48%; }

 .block-step3 ._items > li ._p1{ width: 80%; margin: 0 auto; }

 .block-step3 ._items > li ._t1{ margin-top: 1.04167vw; font-size: 1.97917vw; text-align: center; color: #c9a646; }

 .block-step3 ._items > li ._t1 > *{ font-size: 1.97917vw; letter-spacing: 0; }

 .block-step3 ._items > li ._t2{ margin-top: 3.125vw; font-size: 1.25vw; text-align: center; }

 .block-step3 ._items > li ._p2{ width: 80%; margin: 2.08333vw auto 0 auto; }

 .block-step3 ._items > li ._t3{ width: 80%; margin: 2.08333vw auto 0 auto; font-size: 1.25vw; }
 /* ----------------------------------------------------------
block-howto
---------------------------------------------------------- */

 .block-howto{ margin-top: 2.60417vw; padding: 5.20833vw 0 2.60417vw 0; position: relative; position: relative; }

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

 .block-howto ._inner{ width: 82.91667vw; margin: 0 auto; }

 .block-howto ._cols{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 75.52083vw; margin: 3.125vw auto 0 auto; }

 .block-howto ._cols > div:nth-child(1){ width: 45%; text-align: center; }

 .block-howto ._cols > div:nth-child(1) img{ width: 80%; }

 .block-howto ._cols > div:nth-child(2){ width: 50%; }

 .block-howto ._t1{ margin-top: 4.16667vw; font-size: 1.25vw; color: #c9a646; text-align: center; }

 .block-howto ._t2{ font-size: 1.25vw; }

 .block-howto ._t3{ margin-top: 1.04167vw; font-size: 0.9375vw; }

 .block-howto ._p{ margin: 2.60417vw 0 0 0; width: 23%; }
 /* ----------------------------------------------------------
block-last
---------------------------------------------------------- */

 .block-last{ margin-top: 2.60417vw; padding: 5.20833vw 0 2.60417vw 0; position: relative; position: relative; color: #c9a646; }

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

 .block-last ._inner{ width: 82.91667vw; margin: 0 auto; border-top: 0.15625vw solid #c9a646; padding: 5.20833vw 0 0 0; }

 .block-last ._btn{ width: 31.25vw; margin: 0 auto; }

 .block-last ._note{ margin-top: 4.16667vw; font-size: 0.9375vw; line-height: 1.8; }
 /* ----------------------------------------------------------
common
---------------------------------------------------------- */

 .block-sns{ position: absolute; bottom: 40px; right: 40px; z-index: 10; }

 .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: #fff; }

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

 .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 */