@charset "UTF-8";
body { margin: 0;}
h1 {font-size: 2vw;margin: 0.67em 0;}
figcaption,figure,main {
    display: block;
}
figure { margin: 1em 40px;}
.m-kv {
width: 100%;
position: relative;}
.m-kv__inner {
width: 100%;
margin: 0 auto;
position: relative;
font-size: 18px; }
@media only screen and (max-width: 1300px) {
.m-kv__inner {font-size: 1.3846153846vw; }
}
.m-kv__inner img {
width: 100%; }





/*-----賞品-----*/
.presents_product_name {
padding: 0px;
margin: 200px 0px 0px;
text-align: center;
}
.presents_bg {
background-color: #f5f5f5;
text-align: center;
position: relative;
padding: 20px 0 100px;
}
.presents_bg_2 {
background-color: #ca0000;
text-align: center;
position: relative;
padding: 20px 0 100px;
}

.presents_bg img {padding-bottom: 40px;}
@media only screen and (max-width: 1024px) {
.presents_product_name {margin: 30px 0px 0px;
}
.presents_product_name img{
width: 30vw;
}
.presents_bg img,.presents_bg_2 img {
width: 85%;
padding-bottom: 20px;}
}
@media only screen and (max-width: 640px) {
.presents_product_name {
margin: 10px 0px 0px;
}
.presents_bg {
padding-bottom: 30px;
margin-bottom: 50px;
}
.presents_bg_2 {
padding: 20px 0 20px;
}
}

@media only screen and (max-width: 1300px) {
.presents_product_name img{
width: 30vw;
}
.presents_bg img,.presents_bg_2 img {
width: 85%;
padding-bottom: 20px;}
}

/*対象商品-PC*/
.presents-list-pc{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
text-align: center; /* 内容は中央配置 */
}
.presents-list-pc > div{
	width: 33.33333%;
	padding: 10px 0px 0px;
}

.presents-list-pc img{
	width: 95%;
}
@media screen and (max-width: 640px) {
.presents-list-pc > div{
		width: 90%;
		margin: 0 auto;
	}

	}



.flex-col6{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-child a:hover{
opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.flex-col6 .flex-child { width: calc( (100% - 70px) / 2 );margin-bottom: 10px;
}
.flex-col6 .flex-child img{width: 100%;}
.cyu_tx{font-size: 0.8vw;text-align: right;}
/* 991px以下で4列 → 3列 */
@media screen and (max-width: 991px) {
		.flex-col6 .flex-child	{ width: calc( (100% - 20px) / 2 ); }
.cyu_tx{font-size: 2vw;text-align: right;}
}
/* 575px以下 */
@media screen and (max-width: 575px) {
.flex-col6 .flex-child{
width: calc( (100% - 20px) / 2 );
}
.cyu_tx{font-size: 1vw;text-align: right;}
}
.sponsor_container {
padding: 50px 0 70px;
position: relative;
}
.sponsor_container__inner {
max-width: 1100px;
width: 100%;
margin: 0 auto;
font-size: 18px;
}

@media only screen and (max-width: 640px) {
.sponsor_container {
padding-top: 5vw;
padding-bottom: 2vw;
}
.sponsor_container__inner {
width: 94%; }
}



.cl{clear: both;}
#photogallery {
background: #ebeeee;
padding-top: 90px;
padding-bottom: 60px;
}
.content {}
.box-wrap-first H1{
font-size: 4.5em;
margin: 15px 0 30px;
color: #FFF;
}
.box-wrap-first H2{
font-size: 1.5em;
margin: 15px 0 30px;
color: #FFF;
}
.box-wrap-first {
max-width: 1200px;
margin: 0 auto;
}


.second {
position: relative;
padding: 50px 20px 70px 20px;
}

.box-wrap-second {
max-width: 1240px;
margin: 20px auto;
color: #142554;
}
.box-wrap-second figure{
text-align: center;
}

.box-wrap-second H1{
font-size: 1.8vw;
line-height: 8vh;
margin-bottom: 40px;
padding: 1rem 2rem;
text-align: left;
}
.box-wrap-second H2{
font-size: 1.5em;
line-height: 1.7em;
margin-bottom: 40px;
padding: 1rem 2rem;
text-align: left;
color: #ed0000;
}
.box-wrap-second p{
text-align: left;
line-height: 2em;
margin-bottom: 40px;
}
.fc_r01{color: #e30039}
@media only screen and (max-width: 640px) {
.box-wrap-second H2{
font-size: 4.5vw;
line-height: 1.7em;
margin-bottom: 20px;
padding: 1.4rem 1.2rem;
background-color: #fff3a3;
border-radius: 10px;
}
}
.fifth {
padding: 0px 20px;
background-color: #ecf2fb;}
.cl{
clear: both;
}

.box-wrap-fifth {
max-width: 1240px;
margin: 20px auto;
}

.top_contents_title {
	width:300px;
	height:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:center;
	line-height:15px;
}

.top_contents_title h1 {
color: #FFF;
text-align: center;
margin: 0px;
letter-spacing: 1px;
	font-size:2.6vw;
}
.top_contents_title p {
letter-spacing: 15px;
text-align: center;
	margin: 20px;
	color: #f3f94f;
}
.box-wrap-fifth p {
line-height: 200%;
margin-bottom: 50px;
text-align: center;}

header,
article{
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}


.br-pc { display:block; }
.br-sp { display:none; }



@media only screen and (max-width: 640px) {
.br-pc { display:none; }
.br-sp { display:block; }
}

@media screen and (max-width:1024px){
.box-wrap-second p{font-size: 1.7em;}
.line {font-size: 1.2em;}
.box-wrap-second H1{
font-size: 4.2vw;line-height: 1.7em;
}
}

@media screen and (max-width:599px){
.box-wrap-first H1{font-size: 1.9em;line-height: 1.4em;margin: 10px 0 10px;}
.box-wrap-first H2{font-size: 0.95em;font-weight:normal;margin: 0px;}
.second {padding: 30px 20px;}
.box-wrap-second p{font-size: 1em;}
.box-wrap-second H1{
font-size: 4.2vw;line-height: 1.7em;
border: 0px;
margin-bottom: 25px;
padding: 0rem;
}
.top_contents_title h1 {
	font-size:2em;
}
.top_contents_title p {
letter-spacing: 15px;
text-align: center;
	margin: 20px;
}
}
@media screen and (max-width:320px){
.box-wrap-first H2{font-size: 0.8em;line-height: 1.7em;}
}

.main_container {
padding: 70px 0 50px;
position: relative;
background-image: url("img/bg.jpg");
}
.main_container__inner {
max-width: 1300px;
width: 100%;
margin: 0 auto;
font-size: 18px;
}


@media only screen and (max-width: 1024px) {
.main_container {
padding-top: 5%;
padding-bottom: 5%; }
.main_container__inner {width: 97%; }

}
@media only screen and (max-width: 640px) {
.main_container {
padding-top: 8vw;
padding-bottom: 8vw;
background-size: 10vw; }
.main_container__inner {
width: 94%;
}
}
.inner {
width: 94%;
margin: 0 auto;
padding-bottom: 0px;
background-color: #023793;
border-radius: 20px;}

.inner_main {
width: 90%;
margin: 0 auto;
padding: 30px;}
.inner_main H1 {
font-size: 2rem;
text-align: center;
color: #f0f900;
}
.inner_main H2{
font-size: 2.8vw;
text-align: center;
color: #FFF;
}
.fsr_b{font-size: 3.2vw;}
@media screen and (max-width:1024px){
.inner_main H1 {font-size: 3.5vw;}
.inner_main {
width: 80%;
padding: 10px 0px;}
}
@media screen and (max-width:599px){
.inner_main H1 {font-size: 1.3rem;line-height: 2.2rem;}
.fsr_b{font-size: 5.8vw;}
.inner_main H2{
font-size: 3.4vw;
font-weight: normal;
text-align: left;
}
.inner_main p{
font-size: 0.9em;
text-align: left;
}
}
.footer{
position: relative;
padding: 20px 20px 20px 20px;
color: #626262;
font-size: 0.7em;
background-color: #000;
text-align: center;
}
@media only screen and (max-width: 767px) {
footer {
width: auto !important;
margin: 0 !important;
padding: 2em 0;
background: #fff !important;
color: #6c6c6c;
}
}