@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
font-size: 10px;
margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 12px;
margin: 0 1%;
}
.inner{
width: 96%;
margin: 0 2%;
box-sizing: border-box;
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
width: 100%;
max-width:970px;
min-width:760px;
margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
width: 100%;
margin: 0 auto;
display: block;
font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 14px;
width: auto;
max-width: 970px;
margin: 0 auto 5px;
}

.inner{
width: 96%;
max-width:970px;
margin: 0 auto;
display: block;
}
u{text-decoration-color: red;}
}


/*=======================================
UNIQUE SETTING Add 231009 by MIMOAGENT
=======================================*/

.page_stamprally * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.page_stamprally {
background-color: #e94709;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
font-size:12px;
line-height: 1.4;
}

.page_stamprally .fx {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.page_stamprally .fx_row_2 > *,
.page_stamprally .fx_row_3 > *,
.page_stamprally .fx_row_4 > * {width:100%;}

.page_stamprally .only_sp,
.page_stamprally .only_xs {display: block;}
.page_stamprally .only_pc {display: none;}


@media screen and (min-width: 760px),print {
.page_stamprally {font-size:16px;}

.page_stamprally .only_sp {display: none;}
.page_stamprally .only_pc {display: block;}

.page_stamprally .fx_row_2 > * {width:48.6%;}
.page_stamprally .fx_row_3 > * {width:31.33%;}
.page_stamprally .fx_row_4 > * {width:23%;}

}

.page_stamprally p {font-size:16px;}

.page_stamprally .headline {
color:#fff;
font-size:2rem;
font-weight: 700;
margin:0 auto 32px;
text-align: center;
}
.page_stamprally .headline > span {
color:#edb9a5;
display: block;
font-family: 'Oswald', sans-serif;
font-size:1.4rem;
}
.page_stamprally .headline.bg_blks > span {color:#777;}

.page_stamprally .subttl {
color:#fdd22b;
font-size:24px;
font-weight: 700;
text-align: center;
text-shadow:2px 2px 6px #000,-2px -2px 6px #000,-2px 0px 6px #000,0px -2px 6px #000,
1px 1px 3px #000,-1px -1px 3px #000,-1px 0px 3px #000,0px -1px 3px #000;
}

.page_stamprally .tx_note {font-size:87.5%;}


@media screen and (min-width: 480px) {
.page_stamprally p {font-size:18px;}

.page_stamprally .only_xs {display: none;}
}

@media screen and (min-width: 760px),print {
.page_stamprally p {font-size:20px;}

.page_stamprally .headline {
 font-size:3.6rem;
 margin:0 auto 40px;
 }
 .page_stamprally .headline > span {font-size:1.8rem;}

.page_stamprally .subttl {
font-size:32px;
}
}

.page_stamprally img {
border: none;
border-style: none;
height: auto;
max-width: 100%;
width: auto;
}
.page_stamprally figure {
margin:0;
padding:0;
}


/*===== MV =====*/
.page_stamprally .mv {
background: url(../images/bg_mv_sp.jpg) no-repeat 50%;
background-size: cover;
padding: 32px 0;
}
.page_stamprally .mv img {
display: block;
margin:auto;
max-width: 970px;
width: 100%;
}
@media screen and (min-width: 760px),print {
.page_stamprally .mv {
background: url(../images/bg_mv.jpg) no-repeat 50%;
background-size: cover;
padding: 64px 0;
}
}

/*===== INTRO =====*/
.page_stamprally .sr_intro {
background: url(../images/bg_intro_sp.jpg) no-repeat 100%;
background-size: cover;
padding: 32px 0;
}
.page_stamprally .sr_intro .lead {
color:#fff;
font-size:20px;
font-weight: 700;
line-height: 2;
margin-top: 3em;
text-align: center;
}
.page_stamprally .sr_intro .lead > em {font-size:125%;}
.page_stamprally .sr_intro .lead > em > span {color:#e94709;}

.page_stamprally .sr_intro .lead::after {
background: url(../images/intro_mascot.png) no-repeat;
background-size: 100%;
content:'';
display: block;
height:230px;
margin: auto;
width: 180px;
}

.page_stamprally .sr_spot_intro {margin:48px 0 80px;}

.page_stamprally .sr_spot_intro figure {position: relative;}
.page_stamprally .sr_spot_intro figcaption {
background-color: #fff;
color:#e94709;
font-size:125%;
font-weight: 700;
margin:auto;
padding: .25em;
width: 94%;
text-align: center;
position: relative;
top:-1em
}
.page_stamprally .sr_spot_intro a {
background-color: #00afad;
border-radius: 28px;
color:#fff;
display: block;
font-size: 138.5%;
font-weight: 700;
line-height: 56px;
margin: 1em auto 0;
text-align: center;
width: 14em;
}

@media screen and (min-width: 760px),print {
.page_stamprally .sr_intro {
background: url(../images/bg_intro.jpg) no-repeat 50% 100%;
background-size: cover;
padding: 56px 0;
}
.page_stamprally .sr_intro .lead {
font-size:32px;
position: relative;
}
.page_stamprally .sr_intro .lead::after {
background: url(../images/intro_mascot.png) no-repeat;
background-size: 100%;
content:'';
height:278px;
width: 217px;
position: absolute;
bottom:-.5em;
right:-1em;
}

.page_stamprally .sr_spot_intro {margin:80px 0 120px;}
}


/*===== PRIZE =====*/
.page_stamprally .sr_prize__detail {margin:3em auto;}
.page_stamprally .prize_list li:not(:last-child) {margin-bottom: 3em;}
.page_stamprally .prize_list p {
color:#fff;
font-size:125%;
font-weight: 700;
margin-bottom: 16px;
text-align: center;
}
.page_stamprally .prize_list p.tx_note {
font-size:87.5%;
font-weight: 300;
}
.page_stamprally .prize_list img {border-radius: 16px;}



/*===== OFFICIAL =====*/
.page_stamprally .sr_official {
background: url(../images/bg_official.jpg) no-repeat 75% 0;
background-size: cover;
margin: 48px auto 0;
padding:48px 0;
}
.page_stamprally .sr_official a {
display: block;
margin:auto;
max-width: 820px;
text-align: center;
width: 94%;
}


@media screen and (min-width: 760px),print {
.page_stamprally .sr_official {
background: url(../images/bg_official.jpg) no-repeat 50%;
background-size: cover;
margin: 80px auto 0;
padding:80px 0;
}
}

/* ===== CAUTION ===== */
.page_stamprally .sr_caution {margin: 48px auto;}
.page_stamprally .sr_caution .kiyaku {
display: flex;
justify-content: center;
}
.page_stamprally .sr_caution .kiyaku a {
background-color: #00afad;
border-radius:32px;
color:#fff;
display: inline-block;
font-size:20px;
margin:0 auto 32px;
padding: .25em 2em;
text-align: center;
}
.page_stamprally .sr_caution .kiyaku a > span {
display: block;
font-size:14px;
}

.page_stamprally .sr_caution h2 {
color: #fff;
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
text-align: center;
}

.page_stamprally .sr_caution .apli {
background-color: #fff;
border-radius: 16px;
margin: auto;
padding: 2em;
}
.page_stamprally .sr_caution .img_wester1 {
width: 170px;
padding: 0;
margin: 0 auto;
}
.page_stamprally .sr_caution .apli dl {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 20px;
padding: 20px 0 0;
width: 100%;
}

.page_stamprally .sr_caution .apli dt {
font-size: 20px;
font-weight: 700;
text-align: center;
padding: 0;
margin: 0 0 25px;
width: 100%;
}
.page_stamprally .sr_caution .apli dd {
margin: 0 1em;
padding: 0;
}

.page_stamprally .sr_caution .txt_wester2 {
font-size: 14px;
text-align: center;
padding: 0;
margin-top:16px;
}

/*===== SPOT =====*/
.page_stamprally .sr_spot {
background-color: #000;
padding:48px 0 80px;
}
.page_stamprally .sr_spot li:not(:first-child) {margin-top:5em;}
.page_stamprally .sr_spot figure img {
position: relative;
z-index: 2;
}
.page_stamprally .sr_spot .summary {
color:#fff;
position: relative;
z-index: 1;
}
.page_stamprally .sr_spot .summary::before {
background-color: #e94709;
content:'';
display: block;
height:100%;
padding: 4em 0 2em;
width: 80%;
position: absolute;
top:-4em;
left:50%;
transform: translateX(-50%) skewX(-10deg);
z-index: -1;
}
.page_stamprally .sr_spot .summary h3 {
font-size:20px;
font-weight: 700;
text-align: center;
}
.page_stamprally .sr_spot .summary h3 > span {
display: block;
margin: 0 auto .5em;
max-width:120px;
}
.page_stamprally .sr_spot .summary p {
border-top:1px solid #fff;
margin:1em auto 0;
padding-top: 1em;
width: 70%;
}

@media screen and (min-width: 760px),print {
.page_stamprally .sr_spot {padding:80px 0;}

.page_stamprally .sr_spot li {
display: flex;
justify-content: space-between;
position: relative;
}
.page_stamprally .sr_spot li::before {
background-color: #e94709;
content:'';
height: 80%;
width: 100%;
position: absolute;
top:10%;
left:0;
transform: skewX(-15deg);
}
.page_stamprally .sr_spot li:not(:first-child) {margin-top:3em;}
.page_stamprally .sr_spot figure {width: 45.46%;}

.page_stamprally .sr_spot .summary {
padding:5% 0 5% 2.5%;
width: 54.54%;
}
.page_stamprally .sr_spot .summary::before {display: none;}
.page_stamprally .sr_spot .summary h3 {
font-size:32px;
text-align: left;
}
.page_stamprally .sr_spot .summary h3 > span {
margin: 0;
max-width:200px;
}
.page_stamprally .sr_spot .summary p {
margin:1em 0 0 0;
padding-top: 1em;
width: 90%;
}
}


/*===== JOIN =====*/
.page_stamprally .sr_join {padding:48px 0;}

.page_stamprally .sr_join .sr_join__step {
background-color: #fff;
padding-bottom: 24px;
position:relative;
}
.page_stamprally .sr_join .sr_join__step {margin-top:3em;}

.page_stamprally .sr_join .title_wrap {
display: flex;
justify-content: flex-start;
position: relative;
z-index: 1;
}
.page_stamprally .sr_join .title_wrap figure {
width: 80px;
position: relative;
}
.page_stamprally .sr_join .title_wrap figure::before {
content:'';
height: 0;
width: 0;
border-style: solid;
border-width: 80px 80px 0 0;
border-color: #e94709 transparent transparent transparent;
position: absolute;
left:0;
top:0;
z-index: -1;
}
.page_stamprally .sr_join .title_wrap p {
font-size:16px;
font-weight: 700;
padding: 1.5em .5em 0 0;
text-align: center;
width: calc(100% - 80px);
}
.page_stamprally .sr_join .title_wrap p > em {
color:#e94709;
font-size:125%;
}

.page_stamprally .sr_join .sr_join__summary {margin:1em 2em;}

.page_stamprally .sr_join .step1 .fx {
justify-content: center;
margin:auto;
}
.page_stamprally .sr_join .step1 li {text-align: center;}
.page_stamprally .sr_join .step1 li:nth-child(1) {width:100%;}
.page_stamprally .sr_join .step1 li:nth-child(1) img {max-width: 187px;}
.page_stamprally .sr_join .step1 li:nth-child(2) {
max-width: 183px;
width:43.99%;
}
.page_stamprally .sr_join .step1 li:nth-child(3) {
max-width: 220px;
width:52.88%;
}

.page_stamprally .sr_join .fx_row_4 {align-items: flex-start;}
.page_stamprally .sr_join .fx_row_4 li {
align-self: stretch;
margin-bottom: 24px;
width:40%;
position: relative;
}
.page_stamprally .sr_join .fx_row_4 li p {
font-size:14px;
margin-bottom: 8px;
text-align: justify;
}

.page_stamprally .sr_join .fx_row_4 li figcaption {
font-size:12px;
text-align: center;
}
.page_stamprally .sr_join .fx_row_4 li::after {
border-style: solid;
border-width: 10px 0 10px 14px;
border-color: transparent transparent transparent #e94709;
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
top:50%;
right:-30%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.page_stamprally .sr_join .fx_row_4 li:nth-child(2):after,
.page_stamprally .sr_join .fx_row_4 li:last-child:after {display: none;}

.page_stamprally .sr_join .sr_join__summary dl {
font-size:125%;
text-align: center;
}
.page_stamprally .sr_join .sr_join__summary dt > em {color:#e94709;}
.page_stamprally .sr_join .sr_join__summary dt::after {
border-style: solid;
border-width: 16px 12px 0 12px;
border-color: #e94709 transparent transparent transparent;
content:'';
display: block;
height: 0;
margin:16px auto;
width: 0;
}
.page_stamprally .sr_join .sr_join__summary dd > em {color: #e94709;}
.page_stamprally .sr_join .colophon {
font-size:138.5%;
font-weight: 700;
margin: 2em 0 1em;
text-align: center;
}
.page_stamprally .sr_join .colophon > em {
color:#e94709;
display: block;
}
.page_stamprally .sr_join .step3 figcaption {
font-size:14px;
text-align: right;
}

@media screen and (min-width: 480px) {
.page_stamprally .sr_join .title_wrap figure {width: 104px;}
.page_stamprally .sr_join .title_wrap figure::before {border-width: 104px 104px 0 0;}
.page_stamprally .sr_join .title_wrap p {width: calc(100% - 104px);}
}

@media screen and (min-width: 760px),print {
.page_stamprally .sr_join {padding:80px 0;}

.page_stamprally .sr_join .sr_join__step::before {
content:'';
height:135px;
width: 131px;
position:absolute;
left:-20px;
top:-48px;
}

.page_stamprally .sr_join .title_wrap {align-items: center;}
.page_stamprally .sr_join .title_wrap figure {width: 160px;}
.page_stamprally .sr_join .title_wrap figure::before {border-width: 160px 160px 0 0;}
.page_stamprally .sr_join .title_wrap p {
font-size:20px;
padding: 0;
width: calc(100% - 160px);
}

.page_stamprally .sr_join .step1 .fx {
justify-content: space-between;
margin:auto;
max-width: 632px;
width: 100%;
}

.page_stamprally .sr_join .step1 li:nth-child(1) {width:187px;}
.page_stamprally .sr_join .step1 li:nth-child(2) {width:183px;}
.page_stamprally .sr_join .step1 li:nth-child(3) {width:220px;}

.page_stamprally .sr_join .step1 .fx {
justify-content: space-between;
margin:auto;
max-width: 632px;
width: 100%;
}

.page_stamprally .sr_join .step1 li:nth-child(1) {width:187px;}
.page_stamprally .sr_join .step1 li:nth-child(2) {width:183px;}
.page_stamprally .sr_join .step1 li:nth-child(3) {width:220px;}

.page_stamprally .sr_join .fx_row_4 li {
margin-bottom: 0;
width:19.09%;
}
.page_stamprally .sr_join .fx_row_4 li p {font-size:16px;}
.page_stamprally .sr_join .fx_row_4 li figcaption {font-size:14px;}
.page_stamprally .sr_join .fx_row_4 li::after {right:-25%;}
.page_stamprally .sr_join .fx_row_4 li:nth-child(2):after {display: block;}
}


/*===== METHOD =====*/
.page_stamprally .sr_method {
background-color: #000;
padding: 80px 0;
}

.page_stamprally .sr_stamp__gps {
background-color: #fff;
border-radius:16px;
padding: 2em 1.5em;
}

.page_stamprally .sr_stamp__gps .fx_row_3 {
align-items: flex-start;
margin-top:32px;
}
.page_stamprally .sr_stamp__gps .fx_row_3 li {
align-self: stretch;
margin-bottom: 24px;
width:40%;
position: relative;
}
.page_stamprally .sr_stamp__gps .fx_row_3 li p {
font-size:12px;
margin-bottom: 8px;
text-align: justify;
}

.page_stamprally .sr_stamp__gps .fx_row_3 li:first-child::after {
border-style: solid;
border-width: 10px 0 10px 14px;
border-color: transparent transparent transparent #e94709;
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
top:50%;
right:-30%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}


@media screen and (min-width: 760px),print {
.page_stamprally .sr_stamp__gps {padding: 2em 4em;}

.page_stamprally .sr_stamp__gps .fx_row_3 li {width:30%;}
.page_stamprally .sr_stamp__gps .fx_row_3 li:not(:last-child)::after {
border-style: solid;
border-width: 10px 0 10px 14px;
border-color: transparent transparent transparent #e94709;
content:'';
display: block;
height: 0;
width: 0;
position: absolute;
top:50%;
right:-12%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.page_stamprally .sr_stamp__gps .fx_row_3 li p {font-size:16px;}
}

/*===== ATTENTION =====*/
.page_stamprally .sr_attention {
background-color: #fff;
padding: 48px 0;
}
.page_stamprally .sr_attention h2 {
font-size:12px;
margin-bottom: 16px;
text-align: center;
}
.page_stamprally .sr_attention h2 > em {
display: block;
font-size:20px;
}
.page_stamprally .sr_attention p {font-size:14px;}
.page_stamprally .sr_attention ul + p {margin-top:1em;}
.page_stamprally .sr_attention li {
font-size:12px;
padding-left: 1em;
text-indent: -1em;
}
.page_stamprally .sr_attention li.tx_red {color:#e60012;}

.page_stamprally .sr_attention .sr_attention__extend {
border:2px solid #000;
font-size:12px;
margin: 1em 0;
padding: 1em;
text-align: center;
}
.page_stamprally .sr_attention .sr_attention__extend h3 {
font-size:16px;
}
.page_stamprally .sr_attention .sr_attention__extend dd {margin-top:8px;}
.page_stamprally .sr_attention .sr_attention__extend dd > span {
display: block;
font-size:10px;
}

@media screen and (min-width: 760px),print {
.page_stamprally .sr_attention {padding: 80px 0;}
.page_stamprally .sr_attention h2 {
font-size:16px;
margin-bottom: 24px;
}
.page_stamprally .sr_attention h2 > em {font-size:24px;}
.page_stamprally .sr_attention p {font-size:18px;}
.page_stamprally .sr_attention li {font-size:16px;}

.page_stamprally .sr_attention .sr_attention__extend {font-size:16px;}
.page_stamprally .sr_attention .sr_attention__extend h3 {font-size:20px;}
.page_stamprally .sr_attention .sr_attention__extend dd > span {font-size:13px;}
}
