@charset "utf-8";

/*全体の設定

- --------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,

abbr,
address,
cite,
code,

del,
dfn,
em,
img,
ins,
kbd,
q,
samp,

small,
strong,
sub,
sup,
var,

b,
i,

dl,
dt,
dd,
ol,
ul,
li,

fieldset,
form,
label,
legend,

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,

article,
aside,
canvas,
details,
figcaption,
figure,

footer,
header,
hgroup,
menu,
nav,
section,
summary,

time,
mark,
audio,
video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

body {

    line-height: 1;

    -webkit-overflow-scrolling: touch !important;

    -webkit-touch-callout: none;

}

article,
aside,
details,
figcaption,
figure,

footer,
header,
hgroup,
menu,
nav,
section {

    display: block;

}

ol,
ul {

    list-style: none;

}

blockquote,
q {

    quotes: none;

}

blockquote:before,
blockquote:after,

q:before,
q:after {

    content: '';

    content: none;

}

a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    text-decoration: none;

}

a:link,
a:visited,
a:hover,
a:active {

    color: #00634F;

}

del {

    text-decoration: line-through;

}

abbr[title],
dfn[title] {

    border-bottom: 1px dotted;

    cursor: help;

}


button {

    background-color: transparent;

    border: none;

    cursor: pointer;

    outline: none;

    padding: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.hidden {

    display: none;

}

/*===============================

Base

サイト全体のフォント

字間や行間

リンクの扱い

imgのサイズ

幅の設定等

================================*/

html {

    font-size: 16px;

}



body {

    /*ゴシック*/

    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, Osaka, sans-serif;

    color: #333;

    line-height: 1.7;

}

img {

    max-width: 100%;

    height: auto;

    vertical-align: bottom;

}

/*共通の設定

- --------------------------------------------------------------------------*/

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

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

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

}

main {
	max-width: 1200px;
	margin: 0 auto;
    margin-bottom: 80px;
}

.mv {
	background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwreve21shopcoj/uploads/images/2025_gw/top_back.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 740px;
}

.mv .mv_main {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.mv .mv_main img { 
padding-top:50px  
}

.main_contents {
	background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwreve21shopcoj/uploads/images/2025_gw/coin_back.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 100px;
}

.main_contents .point_image {
	max-width: 800px;
	margin: 0 auto;
}

.cta_area {
	max-width: 550px;
	margin: 0 auto;
	margin-top: 60px;
}

.cta_area .cta_btn {
	text-align: center;
}

.cta_area .cta_btn a {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px 30px;
	text-align: center;
	border-radius: 30px;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	background-color: #514200;
}

.comments {
	max-width: 800px;
	margin: 0 auto;
	margin-top: 60px;
	border-top: 1px solid #514200;
	padding-top: 40px;

}

@media only screen and (max-width: 400px) {
	.main_contents,
	.cta_area,
	.comments {
		max-width: 95%;
		margin: 0 auto;
	}

	.mv {
	background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwreve21shopcoj/uploads/images/2025_gw/top_back_sp.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 510px;
}

.mv .mv_main img { 
padding-top:40px  
}

	.main_contents {
	background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwreve21shopcoj/uploads/images/2025_gw/coin_back.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 45px;

}

.cta_area {
	margin-top: 30px;
	margin-bottom: 40px;
}

.cta_area .cta_btn a {
	display: block;
	max-width: 95%;
	margin: 0 auto;
	font-size: 23px;
	padding: 10px 30px;
	text-align: center;
	border-radius: 30px;
	color: #fff;
	background-color: #514200;
}
    
.cta_area .cta_btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.comments {
	margin-top: 30px;
	border-top: 1px solid #514200;
	padding-top: 20px;

}

}