@charset "utf-8";
/* CSS Document */

* {
	-webkit-box-sizing:border-box;/* Android3.0以前用 */
	-moz-box-sizing:border-box;/* FireFox用 */
	box-sizing:border-box;
}
html {
	font-size:62.5%;/* rem単位用基準値設定。＝10px */
	overflow-y:scroll;
	height: 100vh;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	margin:0;
	padding:0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.08em;
	height: 100%;
	width:100%;
	background:linear-gradient(to right,#ff0000 0%,#ff0000 50%,#9900cc 50%,#9900cc 100%);
}

/* reset */
h1, h2, h3 {
	margin:0;
	padding:0;
}
table, caption, th, td {
	font-style:normal;
	font-weight:normal;
}
/* common */
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: underline;
}
img {
	max-width:100%;
	height:auto;
}
img a {
	border:none;
}
p {
	margin:0 auto 1em;
	line-height: 1.7em;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* 共通class -------------------------------------- */
.cf:after {
	content:"";
	display:block;
	clear:both;
}
.clear {
	clear:both;
}

.marginT0 {
	margin-top:0 !important;
}
#container .title-main-box img,
#container .title-box img {
	max-width:100%;
	
	margin: 0 auto;
	text-align: center;
}
#container .index-box {
	max-width:100%;
	
	margin: 5% auto;
	text-align: center;
}
#container .index-box img.ind_01,
#container .index-box img.ind_03 {
	width: 31.9%;
	margin: 0 1%;
}
#container .index-box img.ind_02 {
	width: 24.2%;
	margin: 0 1%;
}
#container .goods-box img.goods_head,
#container .prize-box img.prize_head,
#container .howto-box img.howto_head {
	width: 70.3%;
}
#container .goods-box img.goods_head {
	margin: 2% auto 5%;
}
#container .goods-box .genji {
	margin-bottom: 6%;
}
#container .prize-box img.prize_head {
	margin: 8% auto 3%;
}
#container .howto-box img.howto_head {
	margin: 8% auto 3%;
}
#container .terms-box {
	width: 100%;
	margin: 10% auto 15%;
	text-align: left;
}
#container .terms-box img {
	padding: 10px 0;
}
/* footer ------------------------------------------------ */
#footer {
	padding:40px 0 50px;
	margin:0 auto;
	text-align:center;
}
#footer .footer-box {
	width:100%;
	
	margin-left:auto;
	margin-right:auto;
}
#footer .footer-box img {
	width: 50%;
	margin: 0 auto 3%;
}
#footer .footer-box p {
	margin:0;
	font-size: 1em;
	color: #fff;
}

/* responsive*/
@media screen and (max-width:519px) {
.sp {
	display:block;
	}
.pc {
	display:none;
	}
}

/* タブレット以上 */
@media screen and (min-width:520px) {
	.sp {
		display:none;
	}
	.pc {
		display: block;
	}
	#container {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	
	}
	#container .inner{
		padding-bottom:80px;
	}
	#container .title-main-box img {
		width:1196px;
		max-width:100%;
		margin: 0 auto;
		text-align: center;
	}
	#container .title-box img,
	#container .index-box img,
	#container .info-box img {
		width:980px;
		max-width:100%;
		margin: 0 auto;
		text-align: center;
	}
	#container .title-box .child {
		width: calc(100% + 22.4%);
		margin: 0 -11.2%;
	}
	#container .title-box .child img {
		width: 100%;
		
	}
	#container .title-box .tit_04 {
		margin: 3% 0 3%;
	}
	#container .index-box {
	max-width:100%;
	
	margin: 5% auto 3%;
	text-align: center;
	}
	#container .index-box img.ind_01,
	#container .index-box img.ind_03 {
	width: 18%;
	margin: 0;
	}
	#container .index-box img.ind_02 {
	width: 14%;
	margin: 0 15%;
	}
	#container .goods-box img.goods_head,
	#container .prize-box img.prize_head,
	#container .howto-box img.howto_head {
	width: 30%;
	}
	#container .goods-box img.goods_head {
	margin: 2% auto;
	}
	#container .goods-box .genji {
	margin-bottom: 3%;
	}
	#container .prize-box img.prize_head {
	margin: 5% auto 1%;
	}
	#container .howto-box img.howto_head {
	margin: 5% auto 2%;
	}
	#container .goods-box .genji_pc,
	#container .goods-box .heike_pc,
	#container .prize-box .prize_pc {
	width: 88.2%;
	}
	#container .howto-box {
	max-width:100%;
	
	margin: 0 auto;
	text-align: center;
	}
	#container .howto-box img.howto_01,
	#container .howto-box img.howto_02 {
	width: 44.1%;
	}
	#container .howto-box img.howto_03 {
	width: 88.2%;
	}
	#container .info-box {
	max-width:100%;
	
	margin: 0 auto;
	text-align: center;
	}
	#container .info-box img {
	width: 88.2%;
	}
	#container .terms-box {
	width: 88.2%;
	margin: 3% auto 6%;
	text-align: left;
	}
	#container .terms-box img {
	max-width: 100%;
    padding: 6px 0;
	}
	#footer .footer-box img {
	width: 25%;
	margin: 2% auto;
	}
}

/* スマホ */
@media screen and (max-width:519px) {
	#container .goods-box, 
	#container .prize-box,
	#container .howto-box {
	max-width:100%;
	
	margin: 0 auto;
	text-align: center;
	}
}

/* タブレット以上 */
@media screen and (min-width:520px) {

}

/* 横幅100% */
#container .terms-box {
	background-color: #fff;
	opacity: 0.9;
	padding: 0;
}
@media screen and (min-width:520px) {
#container .terms-box {
	background-color: #fff;
	padding: 0;
}
}
#container .terms-box .note-box {
	width: 100%;
	
	margin: 0 auto;
}

@media screen and (min-width:979px) {
#container .terms-box {
	background-color: #fff;
	padding: 0;
}
#container .terms-box .note-box {
	margin: 0 auto;
}
}

#container .terms-box .note-box h2 {
    font-size: 2.2rem;
    color: #336633;
    padding: 0.5em 0 0.25em;
}
#container .terms-box .note-box h3 {
	font-size:1.6rem;
	margin-top:2em;
	margin-bottom: 0.3em;
	margin-left:-0.5em;
}

/* タブレット以上 PCレイアウト */
@media screen and (min-width:520px) {
	#container {
		max-width:980px;
		margin:0 auto;
	}
}

/* タブレット以上 PC以下 */
@media screen and (min-width:520px) and (max-width: 979px) {
    #note .note-box{
		width: 900px;
		margin: 0 auto;
        padding: 10px 20px 10px 20px;
    }
}

/* PC以上 */
@media screen and (min-width:980px) {
    #note .note-box{
        margin: 0 50px;
        padding: 10px 20px 10px 20px;
    }
}

#page_top {
    position: fixed;
    bottom: 40px;
    right: 10px;
}
#page_top a {
    background-color: #fff;
	opacity: 0.6;
    color: #000;
	font-size: 20px;
    text-align: center;
    text-decoration: none;
    padding: 33px 22px;
	border-radius: 50%;
}
#page_top a:hover {
    background-color: #fff;
	opacity: 0.9;
    text-decoration: none;
}

/* アコーディオン */
.acd-check{
    display: none;
}
.acd-label{
    background: #fff;
    color: #333;
    display: block;
	text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.acd-label:after{
    background: #fff;
    box-sizing: border-box;
    content: url("../img/terms_on.png");
    display: block;
	padding-top: 10px;
    padding-right: 0px;
    position: absolute;
    right: 0;
    top: 0px;
}
@media screen and (min-width:520px) {
.acd-label:after{
padding-top: 3px;
}
}
.acd-content{
	background: #fff;
    border-left: solid 5px #fff;
	border-right: solid 5px #fff;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 20px;
    transition: all .8s;
    visibility: hidden;
	text-align: left;
	max-haight: 0;
	overflow: hidden;
}
.acd-check:checked + .acd-label:after{
    content: url("../img/terms_off.png");
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
	padding: 15px 20px;
    visibility: visible;
}