@media screen and (max-width:782px) {
#wrapper{
	width: 100%;
	min-width:100%;
	height:auto;
	min-height: auto;
	background-image:none;
}
.photo img{
	width:110%;
	height:auto;
	margin-left:-5%;
}

.main_sb .dataArea p{
	width:90%;
}
/*-----------------------------------------------
	BT
-----------------------------------------------*/
.btArea li{
	width:80%;
	display:block;
	margin:0 auto 5em;
}
.btArea li:last-child{
	margin:0 auto;
}

/*-----------------------------------------------
	背景
-----------------------------------------------*/
.bg-green::before, .bg-white::before, .bg-grey::before {
	background-size:1000px;
    top: -106px;
    height: 107px;
}
/*-----------------------------------------------
	メイン
-----------------------------------------------*/
.main{
	display:none;
}
.main_sp{
	display:block;
}
.main_sp h2 img{
	width:100%;
	height:auto;
}
.main_sb h3{
	font-size:22px;
}
/*-----------------------------------------------
	メインBT
-----------------------------------------------*/

.mainBt .aMenu{
	display:block;
	position:static;
	padding-top:3em;
	text-align:center;
}
.mainBt .aMenu li{
	display:inline-block;
	width:26%;
	margin:0 0.5%;
	position:relative;
	text-align:left;
	
}
.mainBt .aMenu li:nth-child(-n+2){
	width:49%;
	margin-bottom:1em;
}
.aMenu a:link{
	font-size:16px;
	border-bottom:none;
	text-decoration:none;
	display:block;
	border:1px solid #222;
	line-height:1.6;
	padding:1em 0 1em 1em;

}
.aMenu a:visited{
	color:#222;
	padding:1em 0 1em 1em;
	border:1px solid #222;
	text-decoration:none;
}
.aMenu a:hover{
	color:#666;
	padding:1em 0 1em 1em;
	border:1px solid #666;
	text-decoration:none;
}
.aMenu a:link:after {
    content: "\f107";
    font-family: FontAwesome;
	 position: absolute;
	 right:1em;
	
}
/*-----------------------------------------------
	テーマ
-----------------------------------------------*/
.postArea .area{
	width:98%;
}
.postBoxArea ul{
	padding:0 2em;
}
.postBoxArea ul.check{
	padding:0 0 0 2em;
	text-align:left;
	
}
.postTitleArea{
	margin-bottom: 3em;
}
.postSubBox{
	padding:0em 0 1em;
}
.postSubBoxLeft{
	width: 100%;
	float: none;
	padding-left: 0;
	margin-bottom:5em;
	padding-top:2em;
}
.postSubBoxRight{
	width: 100%;
	float: none;
}
.postBox p.postTitle{
	text-align:center;
}


.postBox p.postTx{
	text-align:center;	
}
.postSub{
	text-align:center;
}
.postArea p.iphone{
	bottom:12em;
	z-index:3;
	left:45%;
	width:90%;
}
.checkArea{
	text-align:center;
	
}
.checkBox{
	display:inline-block;
}
.preBox p.kazari{
	width:35%;
	top:-2em;
	right:auto;
	left:0;
}
.preBox p.im{
	width:80%;
	margin-left:20%;
}
.tokubetsu p.title{
	width:40%;
}
.tokubetsu .appBtArea ul.app li img{
	height:70px;
}
.tokubetsu p.mainTx{
	font-size:18px;
}
.tokubetsu .appBtArea ul.app{
	padding-left:0;
}

ul.all li{
	width:100%;
	float:none;
	padding:8em 5em 5em 5em;
	margin-right:0;
	margin-bottom:3em;
}
ul.all li .preBox p.im{
	padding-left:0em;
}
.themeListArea{
	margin-top:0;
}
ul.all li .preBox p.cc{
	font-size:15px;
	top:0em;
	
}

/*-----------------------------------------------
	ルール
-----------------------------------------------*/
.ruleArea .area{
	width:100%;
}
.ruleArea .ruleBox:first-child{
	padding-left:3em;
}
.ruleArea .ruleBox:last-child{
	padding-right:3em;
}
.ruleArea .ruleBox:first-child .ruleBoxRight{
	padding-top:10em;
}
.ruleArea .ruleBox:last-child .ruleBoxRight{
	padding-top:5em;
}
/*-----------------------------------------------
	賞品
-----------------------------------------------*/



/*-----------------------------------------------
	STEP
-----------------------------------------------*/
.stepArea{
	 width:90%;
}
/*-----------------------------------------------
	概要
-----------------------------------------------*/
.gaiyoArea{
	padding:0 3em;
}
.gaiyo dl{
	padding:3em 1em;
}
.gaiyo dt{
	width:30%;
}
.gaiyo dd{
	width:70%;
}

/*-----------------------------------------------
	規約
-----------------------------------------------*/
.attentionArea{
	padding:0 2em;
}


.postBana li{
	width:100%;
	margin-bottom:2em;
}
.postBana li:last-child{
	margin-bottom:1em;
}

.banaArea{
	width:80%;
}
}
@media screen and (max-width:600px) {
.top{
	padding-bottom:8em;
}
.top2{
	padding:0;
	
}
.main_sb{
	padding-bottom:8em;
	padding-top:3em;
	position:relative;
	
}
.main_sb h3{
	text-align:left;
	font-size:16px;
	line-height:1.8;
	letter-spacing:0;
}
.main_sb h3 br.sp{
	display:none;
}
.main_sb h4{
	width:70%;
	padding:3em 0;
}
.main_sb .dataArea{
	margin:0;
}
.main_sb .dataArea p{
	width:100%;
}
.photo{
	padding-top:2em;
}
.photo img.pc{
	display:none;
}
.photo img.sp{
	display:block;
}
/*-----------------------------------------------
	BT
-----------------------------------------------*/
.btArea {
    padding: 3em 0;
}
.btArea .area{
	width:100%;
	padding-left:2.5em;
}
.btArea li{
	width:100%;
	margin:0 auto 2em;
	letter-spacing:0.1em;
}
.btArea li a:link{
	line-height:5;
	font-size:14px;
	padding:0 1em 0 1.5em;
	
}
.btArea li a:link::before {
  right:1.5em;
  width: 18%;
  margin-right:-2px;
}
.btArea li a:link::after {
  right:1.5em;
  margin-top: -8px;
  width: 15px;
  height: 15px;
}
/*-----------------------------------------------
	タイトル
-----------------------------------------------*/

.mainTitle{
	font-size: 17px;
}
.subTitle{
	font-size:13px;
}
.subTitle br{
	display:block;
}
/*-----------------------------------------------
	メイン
-----------------------------------------------*/
.mainSp{
	margin-bottom:2em;
}
.mainBt .dataArea p{
}
.mainBt .dataArea{
	padding-top:0;
	margin-bottom:1em;
	
}

/*-----------------------------------------------
	メインBT
-----------------------------------------------*/
.mainBt{
	padding-bottom:2em;
}
.mainBt .aMenu{
	padding-top:2em;
}
.mainBt .area{
	width:100%;
}
.mainBt .btArea{
	padding-left:2.5em;
}
.mainBt .aMenu ul{
	padding:0 3em;
}
.mainBt .aMenu li{
	width:100%;
	margin:0 0 0.5em 0;
}
.mainBt .aMenu li:nth-child(-n+2){
	width:100%;
	margin:0 0 0.5em 0;
}
.aMenu a:link{
	font-size:13px;
}
.aMenu a:link:after {
	 right:0.7em;	
}
.mainBt p.sc{
	font-size:14px;
	text-align:center;
	padding-top:2em;
}
/*-----------------------------------------------
	テーマ
-----------------------------------------------*/
.postArea{
	padding-top:3em;
	padding-bottom:5em;
}
.postArea .area{
	width:96%;
}
.postBoxArea ul{
	padding:0;
}
.postBox p.postIcon{
	width:50px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.postBox p.postShow{
	font-size:14px;
	padding-top:1em;
}
.postBox{
	padding:1em;
}
.postBox p.postTitle{
	font-size:18px;
	letter-spacing:0;
}
.postBox p.postTx{
	font-size: 15px;

}
.postBox p.postTx br.bh{
	display:block;
}
.postSub{
	text-align:left;
	padding:2em 0.5em 0 0.5em;
}
.postSub br.bh{
	display:none;
}
.postSubBox{
	padding:2em 0 1em;
	position:relative;
	text-align:center;
}
.postTitleArea{
	padding-top:1.5em;
	
}
.preBox{
	padding-top:0em;
}
.preBox p.preName{
	font-size: 16px;
}
.tokubetsu{
	padding:1em 1em 0 1em;
}
.tokubetsu p.title{
	width:60%;
	margin-bottom:1.5em;
}
.tokubetsu .appBtArea ul.app li img{
	height:50px;
}
.tokubetsu .txArea{
	padding-left:0em;
}
.tokubetsu p.mainTx{
	font-size:15px;
	line-height:1.6;
}
.tokubetsu p.mainTx span.small{
	font-size:12px;
}
.tokubetsu p.mainTx span.small2{
	font-size:14px;
}
.tokubetsu .appBtArea p{
	font-size:15px;
}
.tokubetsu .appBtArea ul.app{
	padding-top:2em;
}
.tokubetsu .appBtArea{
	padding-top:1.5em;
}
.tokubetsu .appBtArea ul.app li{
	margin:0 0 1em 0;
}
.postArea p.iphone{
	left:40%;
	width:120%;
	bottom:-8em;
}
ul.all li{
	padding:4em 1em 2em 1em;
	margin-right:0;
	margin-bottom:3em;
}

ul.all li .preBox p.kazari{
	top:-2em;
	left:0;
}
.themeListArea{
	margin-top:0em;
	margin-bottom:1em;
}
ul.themeList li{
	font-size:14px;
}
.postBoxArea ul.check{
	padding:0 0 0 0.5em;
	
}
.postBoxArea ul.check li{
	font-size:12px;
}
.preBox p.preTx{
	text-align:left;
	padding:0 0.5em;
}
.preBox p.preTx br{
	display:none;
}
ul.all li .preBox p.im{
	width:90%;
	margin:0 auto;
	padding-top:7em;
}
ul.all li .preBox p.cc{
	font-size:14px;
	width:55%;
	top:-1.5em;
}
/*-----------------------------------------------
	ルール
-----------------------------------------------*/
.ruleArea{
	padding-bottom:10em;
	padding-top:5em;
	position:relative;
}
.ruleArea .mainTitleArea{
	margin-bottom:3em;
}
.ruleArea .ruleBox:first-child .ruleBoxLeft{
	float:none;
	width:100%;
	padding:0 2em;
}
.ruleArea .ruleBox:first-child{
	padding-left:0em;
}
.ruleArea .ruleBox:last-child{
	padding-right:0em;
}
.ruleArea .ruleBox:first-child .ruleBoxRight{
	padding-top:3em;
}
.ruleArea .ruleBox:last-child .ruleBoxRight{
	padding-top:3em;
}
.ruleArea .ruleBox:first-child .ruleBoxRight{
	float:none;
	width:80%;
	margin-left:20%;
}
.ruleArea .ruleBox:last-child .ruleBoxLeft{
	float:none;
	width:100%;
	padding:0 2em;
}
.ruleArea .ruleBox:last-child .ruleBoxRight{
	float:none;
	width:80%;
}
/*-----------------------------------------------
	賞品
-----------------------------------------------*/

/*-----------------------------------------------
	STEP
-----------------------------------------------*/
.stepBox{
	padding-bottom:10em;
	padding-top:5em;
	 
}
.stepArea{
	 width:96%;
}
.stepArea ul.step li.ss{
	width:30px;	 
}
.stepArea ul.step li p.name{
	font-size: 16px;	
}
.step_tx p.main_tx{
	font-size: 14px;
	line-height: 1.6;
}
.step_attentionArea{
	padding-top:1em;
}
.stepArea ul.step_attention{
	padding-left:0em;
}
.stepArea ul.step_attention li{
	line-height:1.6;
}
.step_tx{
	padding:2em 1.5em;
}
/*-----------------------------------------------
	概要
-----------------------------------------------*/
.gaiyo{
	padding-bottom:10em;
	padding-top:5em;
}
.gaiyoArea{
	padding:0 1em;
}
.gaiyo dl{
	padding:2em 1em;
}
.gaiyo dt{
	width:100%;
	float:none;
	margin-bottom:1em;
}
.gaiyo dd{
	width:100%;
	float:none;
	padding-left:1em;
}
/*-----------------------------------------------
	規約
-----------------------------------------------*/
.atten{
	padding-top:5em;
}
.attentionArea{
	padding:0 0.5em;
}
#attention{
	margin:0 0 3em 0;
	padding:1em 0.5em;
}
.attention{
	height: 350px;
	padding:1em;
}
.attention p.title3{
	margin-bottom:0.5em;
}
.attentionBox{
	margin-bottom:3em;
	padding:1em 0 1em 0.5em;
}
.attentionBox2{
	margin-bottom:2em;
	padding:0 0 0 0.5em;
}
.postBana li{
	margin-bottom:1em;
}
.postBana li:last-child{
	margin-bottom:1em;
}

.att{
	padding-top:5em;
}
.attArea{
	width:84%;
}
.att p{
	font-size:14px;
	line-height:1.8;
}
.bana{
	padding-top:5em;
}
.banaArea{
	width:90%;
}
}