@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------------------------------------
  All Settings
--------------------------------------------------------------------------------*/

body {
	width:100%;
	background-color:#900000;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow-x: hidden;
}

article{
	overflow: hidden;
}

.notes_text{
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	color: #522700;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}

.notes_text2{
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	color: #522700;
	text-align: left;
	width: 100%;
	font-weight: bold;
	font-size: 15px;
}

a:link { color: #0000ff; }

a:visited { color: #000080; }

img{
	vertical-align:bottom;
}

.hidden{
	display:none;
	opacity: 0;
}


.clearfix/*,#container*/ { overflow: hidden; }

/*clearfix*/
.clear:after {
	font-size:100%;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear { display: inline-table; zoom: 1; }
* html .clear { height: 1%; }






@media (min-width: 1030px){/*PC*/
	.text_box {
	  width: 90%;
	  background: #fefefe;
	  border: 1px solid #dcc181;
	  padding: 15px 2% 20px 2%;
	  margin-top: 30px;
	  margin-bottom: 50px;
	  text-align: center;
	  box-shadow: 1px 1px 1px #8a6d3b;
	} 

	.notes_text{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: center;
	  width: 100%;
	  font-weight: bold;
	  font-size: 13px;
	  padding-bottom: 10px;
	}

	.notes_text2{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: left;
	  width: 100%;
	  font-weight: bold;
	  font-size: 11px;
	}

	.content_img_sp{
		display:none;
	}

	.content_img_pc{
		width: 100%;
		max-width:3000px;
		height: auto;
		text-align: center;
		margin:0px auto;
		padding:0;
	}

	.content_img{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
	}

	.relative_wrap{
		max-width: 100%;
		height: 100%;
		position: relative;
		text-align: center;
	}

	.top_img{
		margin:0 0 100px 0;
	}

	.share_wrap{
		margin:10px auto 100px;
	}

	.share_wrap_2{
		margin:0px auto 100px;
	}

	.line_btn{
		width: 20%;
		margin: 0 3% 0 21%;
	}

	.twitter_btn{
		width: 20%;
		margin: 0 21% 0 3%;
	}

	.official_btn{
		width: 30%;
		margin: 30px 35% 60px 35%;
	}

	ul.reward_wrap{
		width: 70%;
		height: 100%;
		margin: 0px 15% 0px 15%;
		padding: 0px;
		position: relative;
		list-style-type: none;
	}

	ul.reward_wrap li {
		display: inline-block;
		width: 49%;
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	ul.reward_wrap li img {
		width:100%;
		height:auto;
		margin: 0px;
		padding: 0px;
	}

}


@media (max-width: 1030px) and (min-width: 768px){/*タブレット*/
	.text_box {
	  width: 90%;
	  background: #fefefe;
	  border: 1px solid #dcc181;
	  padding: 15px 2% 20px 2%;
	  margin-top: 30px;
	  margin-bottom: 50px;
	  text-align: center;
	  box-shadow: 1px 1px 1px #8a6d3b;
	} 

	.notes_text{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: center;
	  width: 100%;
	  font-weight: bold;
	  font-size: 13px;
	  padding-bottom: 10px;
	}

	.notes_text2{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: left;
	  width: 100%;
	  font-weight: bold;
	  font-size: 11px;
	}

	.content_img_sp{
		display:none;
	}

	.content_img_pc{
		width: 120%;
		height: auto;
		margin:0 0 0 -10%;
		padding:0;
	}

	.content_img{
		width: 120%;
		height: auto;
		margin:0 0 0 -10%;
		padding:0;
	}

	.relative_wrap{
		max-width: 100%;
		height: 100%;
		position: relative;
	}

	.top_img{
		margin:0 0 100px 0;
	}

	.share_wrap{
		margin:10px auto 30px;
	}

	.share_wrap_2{
		margin:0px auto 40px;
	}

	.line_btn{
		width: 40%;
		margin: 0 3% 0 6%;
	}

	.twitter_btn{
		width: 40%;
		margin: 0 6% 0 3%;
	}

	.official_btn{
		width: 50%;
		margin: 30px 25% 60px 25%;
	}

	ul.reward_wrap{
		width: 84%;
		height: 100%;
		margin: 0 8% 0 8%;
		padding: 0px;
		position: relative;
		list-style-type: none;
	}

	ul.reward_wrap li {
		display: inline-block;
		width: 49%;
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	ul.reward_wrap li img {
		width:100%;
		height:auto;
		margin: 0px;
		padding: 0px;
	}

}

@media (max-width: 767px) {/*スマホ*/
	.text_box {
	  width: 90%;
	  background: #fefefe;
	  border: 1px solid #dcc181;
	  padding: 15px 2% 20px 2%;
	  margin-top: 30px;
	  margin-bottom: 50px;
	  text-align: center;
	  box-shadow: 1px 1px 1px #8a6d3b;
	} 

	.notes_text{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: center;
	  width: 100%;
	  font-weight: bold;
	  font-size: 13px;
	  padding-bottom: 10px;
	}

	.notes_text2{
	  font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	  color: #522700;
	  text-align: left;
	  width: 100%;
	  font-weight: bold;
	  font-size: 11px;
	}

	.content_img_sp{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
	}

	.content_img_pc{
		display:none;
	}

	.content_img{
		width: 150%;
		height: auto;
		margin:0 0 0 -25%;
		padding:0;
	}

	.relative_wrap{
		max-width: 100%;
		height: 100%;
		position: relative;

	}

	.top_img{
		margin:0 0 100px 0;
	}
	.share_wrap{
		margin:10px auto 30px;
	}

	.share_wrap_2{
		margin:0px auto 40px;
	}

	.line_btn{
		width: 40%;
		margin: 0 3% 0 6%;
	}

	.twitter_btn{
		width: 40%;
		margin: 0 6% 0 3%;
	}

	.official_btn{
		width: 50%;
		margin: 0px 25% 20px 25%;
	}


	ul.reward_wrap{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		position: relative;
		list-style-type: none;
	}

	ul.reward_wrap li {
		display: block;
		width: 70%;
		height: auto;
		margin: 0 15% 0 15% ;
		padding: 0px;
	}
	ul.reward_wrap li img {
		width:100%;
		height:auto;
		margin: 0px;
		padding: 0px;
	}

}