@charset "utf-8";

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

	CommonElements

======================================= */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
  font-size: 14px; }


body {
	text-align: center;
	margin:0;
	padding:0;
}

a:link { text-decoration:none; color:#f36e6e;}
a:visited { text-decoration:none; color:#f36e6e;}
a:active { text-decoration:none; color:#f36e6e;}
a:hover { text-decoration:none; color:#f69e9e;}

div {
	text-align:left;
}

p {
	margin:0;
	padding:0;
	text-align:left;
}

ul {
	margin:0 0 0 0;
	list-style:none !important;
	padding:0;
}	

ul li {
	margin:0 0 0.5em;
}

#socialbuttons {
    width: 100%;
    display:block;
    margin: 14px 0 0;
	padding-bottom:0;
    text-align:center;
}
#socialbuttons .wp_social_bookmarking_light {
	display: inline-block;
	margin-bottom:0 !important;
}



div.logo {
	text-align:center;
	width:100%;
	padding:13px 0 10px;
	background-color:#FFF;
}

div.logo img {
	width:60%;
}

h2 {
	text-align:center;
	font-weight:bold;
	margin:0 0 1.5em;
}

div#mvbox {
	width:100%; 
	overflow:hidden;
}

div#mvbox div#mv {
	width:100%;
	text-align:center;
	margin:0 -17%;
	line-height:0;
}

div#mvbox div#mv img{
	width:130%;
	object-fit: cover;
}


div.contentsBox {
	width:98%;
	margin:5vw 1%;
}

div.contentsBox img {
	width:100%;
	height:auto;
}

div.top_period {
	width:100%;
	background-color:#f36e6e;
}

div.top_period div {
	width:90%;
	padding:10px 5%;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.5rem;
	}


/*top 賞品*/
div.top_prize {
	width:100%;
	background-color:#ffdcdc;
	margin:0;
	overflow:hidden;
}

div.top_prize div img {
	width:100%;
	height:auto;
}
div.top_prize p {
	color:#666;
	font-size:90%;
	margin:10px 0 0 ;
}

.top_comment {
	width:80%;
	text-align:center;
	font-weight:bold;
	margin:20px auto ;
	color:#333;
	font-size:85%;
	padding:15px 3%;
	border:#f36e6e 3px solid;
}

/*フロー*/
div.flow {
	width:100%;
	background: url("img/bg01.png") top center;
	background-size:80%;
	margin:0 0;
	padding:0 0 5vw 0;
	overflow:hidden;
}

div.flow div.come,
div.flow div.comeB {
	background-color: #ffe8e8;
	border-radius: 10px;
	width: 76vw;
	margin:3vw auto 10vw;
	padding:4vw 7vw 6vw;
	text-align: center;
}

div.flow div.comeB {
	margin:10vw auto 10vw;
}

div.flow div.come h4,
div.flow div.comeB h4 {
	color:#f36e6e;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 0 1vw 0;
	padding: 0 ;
	line-height: 1.5em;
}

div.flow div.comeB h4 {
	margin: 0 0 2vw 0;
}


div.flow div.come h4 span {
	font-size:80%;
}

div.flow div.come p{
	color:#333;
	font-size: 0.9rem;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	
}

div.flow div.comeB p{
	color:#333;
	font-size: 0.9rem;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	
}


div.flow div.comeB p span{
	display: block;
	font-size: 90%;
	margin: 2vw auto 0;
	padding: 0;
	text-align:left;
	
}



div.flow p.btm {
	margin-bottom:0px;
	line-height:0;
}

div.bt a:hover {
	opacity:0.7;
}


div#kids,
div#family,
div#adult,
div#visual,
div#outdoor
{
	background:url("img/bg02.png") center;
	background-size: 70%;
	padding: 5vw;
}


div#kids {
	background-color: #d4f0de;
}

div#family {
	background-color: #f7dede;
}

div#adult {
	background-color: #eff0d4;
}

div#visual {
	background-color: #d1e5ed;
}

div#outdoor {
	background-color: #f2e0b9;
}

div#kids h3,
div#family h3,
div#adult h3,
div#visual h3,
div#outdoor h3
{
text-align: center;
line-height: 0;
	}

div#kids h3 img,
div#family h3 img,
div#adult h3 img,
div#visual h3 img,
div#outdoor h3 img
{
	width: 80%;
	height: auto;
	}
	



div.block {
width:90%;
margin:30px auto ;
 padding:0;
	text-align: center;

}

	
div.ph_block {
	display: block;
	text-align: center;

}

div.ph {
	width:50vw;
	height: auto;
	padding: 1.5vw;
	background-color: #FFF;
	border-radius: 7px;
	line-height: 0;
margin:5vw auto 3vw;
}

	
div.ph img {
	width: 50vw;
	}	

div.ph_block h4 {
	font-size: 1.1em;
	margin:1vw;
}

div#kids div.ph_block h4 {
	color: #35b0a3;
}

div#family div.ph_block h4 {
	color: #bf5858;
}

div#adult div.ph_block h4 {
	color: #9fa24a;
}

div#visual div.ph_block h4 {
	color: #518fa1;
}

div#outdoor div.ph_block h4 {
	color: #ab8b46;
}

div#kids div.ph_block h4 span,
div#family div.ph_block h4 span,
div#adult div.ph_block h4 span,
div#visual div.ph_block h4 span,
div#outdoor div.ph_block h4 span
{font-size:80%;
}



div.ph_block p {
	width: 100%;
	margin-bottom:8vw;
	line-height: 1.5em;
}

/*賞品*/
div.prize {
	width:100%;
	background-color:#fff0bc;
	margin:0;
	overflow:hidden;
}

div.prize h2 {
	margin:15vw 0 5vw 0;
}

div.prize p {
	margin-bottom:50px;
	vertical-align:bottom;
	line-height:0;
}





/* SNSタイムライン */
#social {
    clear: both;
	width: 100%;
}

#social_wrap {
	width: 100%;
}

#social .socialouter {
	width: 100% ;
}


#socialouter-fb{
    background-color:#305097;
    padding: 20px 0;
	width: 100%; }

#socialouter-tw{
    background-color:#00aced;
    padding: 20px 0;
	width: 100%;}

#socialouter-fb h2,
#socialouter-tw h2 {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin:0 0 20px 0;
}

.widgetouter {
	width: 320px;
	height: 600px;
	margin: 0 auto;
}

#social .widgetouter::before {
	background: url("../../images/background_01.png") no-repeat;
	background-size: 100%;
	background-position-y: bottom;
}
#social .widget {
	margin: 0 auto;
}

#social .widget iframe {
	max-width: 100%;
	box-sizing: border-box;
}
#social .widgetouter::after {
	background: url("../../images/background_03.png") no-repeat;
	background-size: 100%;
}


/*SNSシェア*/
#share {
	padding-top:0px;
	padding-bottom:33px;
}
#share h2 {
	margin-bottom:25px;
	text-align:center;
}
#share h2 img{
	width:50%;
	display:inline;
}

#share .share_list{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

#share .share_list a{
    text-decoration: none;
}

#share .share_list img{
    margin: 0 10px;
    width: 70px;
    height: auto;
}


#footer {
	background:#666666;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:80%;
	padding:0.8em 0;
}

#footer a {
	color:#fff;
}



.close_comment span {
	font-size:75%;
	font-weight:normal;
}


.switch {
	visibility: hidden;
}

.only_smp {
	display: inherit;
}

.only_pc {
	display:none;
}
/* =======================================
	ClearFixElements
======================================= */
.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	overflow: hidden;
}


@media print, screen and (min-width: 769px) {
	
p {
	font-size:1.2rem;
	color:#666;
	line-height:1.8em;
}


div.logo {
	padding:15px 0;
	margin:0;}

div.logo img {
	width:auto;
}

div#mv {
	width:100%;
	text-align:center;
	margin:0;
}

div#mv img{
	width:100%;
	height:auto;
	object-fit: cover;
}




ul {
	font-size:1rem;
}


div.contentsBox {
	width:1000px;
	margin:50px auto 70px;
}


div.top_period {
	width:100%;
	background-color:#f36e6e;
}

div.top_period div {
	width:800px;
	padding:10px 0;
	margin:0 auto;
	font-size:3rem;
	}
	
/*top 賞品*/
div.top_prize div {
	width:800px;
	padding:20px 0;
	margin:30px auto ;
}

div.top_prize div img {
	width:auto;
	height:auto;
}
div.top_prize p {
	color:#666;
	font-size:1.1rem;
	margin:10px 0 ;
	text-align:center;
}
	
.top_comment {
	width:600px;
	text-align:center;
	font-weight:bold;
	color:#333;
	font-size:1.4rem;
	padding:15px 5%;
	border:#f36e6e 3px solid;
}


/*フロー*/
div.flow {
	width:100%;
	background:url("img/bg01.png") top center;
	margin:0 0;
	overflow:hidden;
	padding:0px 0 0px 0;
}

div.flow div.come {
	width: 500px;
	padding: 30px;
	border-radius: 30px;
	margin: 30px auto 50px;
	text-align: center;
}
	
div.flow div.come h4 {
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 ;
}

div.flow div.come h4 span {
	font-size: 1.1rem;
}



div.flow div.come p {
	font-size: 1.1rem;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
}
	
div.flow div.comeB {
	width: 700px;
	padding: 40px;
	border-radius: 30px;
	margin: 100px auto ;
	text-align: center;
}
	
div.flow div.comeB h4 {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 ;
}

div.flow div.comeB h4 span {
	font-size: 1.1rem;
}



div.flow div.comeB p {
	font-size: 1.3rem;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
}

div.flow div.comeB p span {
	text-align: center;
	
}


div#kids,
div#family,
div#adult,
div#visual,
div#outdoor
{
	background:url("img/bg02.png") center;
	background-size: auto;
	padding: 30px 0;
	width:100%;
	text-align: center;
}

div#kids h3,
div#family h3,
div#adult h3,
div#visual h3,
div#outdoor h3
{
text-align: center;
line-height: 0;
	}

div#kids h3 img,
div#family h3 img,
div#adult h3 img,
div#visual h3 img,
div#outdoor h3 img
{
	width: 376px;
	height: auto;
	}
	


div#kids {
	background-color: #d4f0de;
}

div#family {
	background-color: #f7dede;
}

div#adult {
	background-color: #eff0d4;
}

div#visual {
	background-color: #d1e5ed;
}

div#outdoor {
	background-color: #f2e0b9;
}


div.block {
width: 980px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:30px auto ;
  padding:0 ;
	text-align: center;

}

	
div.ph_block {
	width: 288px;
	display: block;
	}

div.ph {
	width: 274px;
	padding: 7px;
	background-color: #FFF;
	border-radius: 7px;
	line-height: 0;
	margin: 30px 0 25px;
	}
	
div.ph img {
	width: 274px;
	}
div.ph_block h4 {
	font-size: 1.2em;
	margin:10px;
}
	
div.ph_block p {
	width: 100%;
	margin-bottom:10px;
	font-size: 1.1rem;
	line-height: 1.5em;
}

	

/*賞品*/
div.prize div.contentsBox {
	width:800px;
	margin:50px auto 70px;
}
 	

div.prize h2 {
	margin:70px 0 20px 0;
}

div.prize h2 img {
	width:auto;
}



/* SNSタイムライン */
#social {
    background:url(img/face_twi.gif) center top repeat-y;
	text-align:center;
}

#social_wrap{
    width: 800px;
    margin: 0 auto;
	line-height:0;
}

#social .socialouter {
	width: 400px;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
}

.widgetouter {
	width: 320px;
	height: 600px;
}


#socialouter-fb{
    float: left;
}

#socialouter-tw{
    float: right;
}

#socialouter-fb h2,
#socialouter-tw h2 {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    margin : 20px 0 30px;
}


/* SNSシェア */
#share {
	padding-top:10px;
}

#share h2 img{
	width:260px;
	display:inline;
}

/*クローズ*/






#footer {
	padding:20px 0;
	}


.only_smp{
	display: none;
}
.only_pc {
	display: inherit;

}



}