@charset "shift_jis";

@media screen and (max-width:736px){
	header.spHeader{
		margin-bottom: 0;
	}
	
	h1 img{
		padding: 0;
	}
	
	.campaignEndText p,.ChangeTextBox{
		width: auto;
		margin: 0 auto;
		font-size: 1.2rem;
		padding: 10px;
	}
	.campaignChangeText .ChangeText{
		padding: 20px 10px;
	}
	.ChangeTextBox p{
		text-align: left;
	}
	
	
	#main.mainWrap{
		padding-bottom: 0;
	}
	#main.mainWrap .mainArea{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
		padding-top: 0;
	}
	#main.mainWrap .mainArea .mainAreaInr{
		width: 100%;
	}
	#main.mainWrap .mvDate{
		font-size: 1.3rem;
	}
	#main.mainWrap .mvbtmatn{
		width: auto;
		margin: 0;
		padding: 10px;
		font-size: 1.1rem;
	}
	
	#main .overview{
		margin: 15px 0 25px;
	}
	#main.mainWrap .contents h2{
		margin: 20px 0;
		padding-bottom: 10px;
		border-bottom: 2px solid #ff7b00;
	}
	#main.mainWrap .contents h3 span{
		vertical-align: middle;
		overflow: hidden;
		margin-right: 5px;
		padding: 2px 8px;
	}
	#main.mainWrap h2{
		font-size: 1.8rem !important;
		text-align: center;
		border: none;
		margin: 30px 0;
		padding: 0;
		font-weight: bold;
	}

	#main.mainWrap .contents{
		background-color: #fff;
		width: 100%;
		padding: 10px;
	}
	#main.mainWrap .contents h3{
		margin-bottom: 15px;
		padding: 10px;
		font-size: 1.5rem;
	}
	#main .contents .sec{
		margin-bottom: 50px;
	}
	#main .contents .sec.cashbackflow{
		/*margin: 10px 0;*/
	}
	#main .contents{
		margin: 0;
	}
	#main .txt_s{
		font-size: 1.1rem;
	}
	
	ul.mvDate{
		width: auto;
	}
	.mvDateWrap{
		padding: 13px 10px;
		font-size: 1.3rem;
	}
	ul.mvDate{
		text-align: center;
	}
	ul.mvDate li .deadline{
		font-size: 1.3rem;
		width: 110px;
		text-align: center;
		margin: 0 auto 5px;
		display: block;
	}
	
	.entryBtnArea .entryBtnlist{
		margin-bottom: 0;
	}
	.entryBtnArea .entryBtnlist li{
		display: block;
		margin-bottom: 20px;
	}
	.entryBtnArea .entryBtnlist a,
	.entryBtnArea.gray .entryBtnlist li:first-child span{
		display: block;
		color: #ffffff;
		padding: 25px 20px 15px 30px;
		width: 100%;
		margin: 15px 0;
		font-size: 1.8rem;
	}
	.entryBtnArea .entryBtnlist li a img{
		height: auto;
		width: 160px;
	}
	.entryBtnArea .entryBtnlist a:before,
	.entryBtnArea.gray .entryBtnlist li:first-child span:before{
		border-left: 10px solid #fff;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		margin-top: -7px;
	}
	.entryBtnlist.entry2clm li{
		display: block;
	}
	.entryBtnlist.entry2clm li a,
	.entryBtnlist.entry2clm li:last-child a{
		margin: 0 0 25px 0;
		width: 100%;
	}
	
	
	.sec .secInr{
		padding: 0;
	}
	
	#trystepBlock dl dt.step1,
	#trystepBlock dl dt.step2_3{
		height: 60px;
		width: 60px;
		line-height: 60px;
		font-size: 1.2rem;
	}
	#trystepBlock dl:before{
		left: 27px;
		top: 60px;
	}
	#trystepBlock dl dd{
		overflow: hidden;
		padding: 0 0 30px 10px;
		float: none;
		width: auto;
	}
	#trystepBlock .stepttl{
		display: table;
		table-layout: fixed;
		width: 100%;
		margin-bottom: 10px;
		min-height: 50px;
	}
	#trystepBlock .trystepttl{
		font-size: 1.5rem;
		margin-bottom: 10px;
		background-size: auto 50px;
		background-position: left top;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		box-sizing: border-box;
	}
	#main #trystepBlock .trystepttl.step1,
	#main #trystepBlock .trystepttl.step2,
	#main #trystepBlock .trystepttl.step3{
		padding: 0 10px 0 55px;
	}
	#main #trystepBlock .trystepttl.step1,
	#main #trystepBlock .trystepttl.step2,
	#main #trystepBlock .trystepttl.step3{
		background-size: auto 50px;
		background-position: left top;
	}
	#trystepBlock .introducer{
		border: 2px solid #f26b72;
	}
	#trystepBlock .introduced{
		border: 2px solid #00a256;
	}
	#trystepBlock .introducer,
	#trystepBlock .introduced{
		padding: 10px;
		text-align: left;
		margin-bottom: 10px;
	}
	#trystepBlock2 dl{
		padding: 15px 10px;
	}
	#trystepBlock2 dt{
		margin-bottom: 10px;
	}
	#trystepBlock2 dd {
		font-size: 1.4rem;
		text-align: left;
	}
	.btmcamblock{
		text-align: center;
		padding: 20px 10px;
	}
	.btmcamblockttl{
		color: #0f2853;
		font-weight: bold;
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	
	#main dl.period{
		margin-top: 0;
	}
	#main dl.period.step1,
	#main dl.period.step2_3{
		padding: 10px;
	}
	#main dl.period.step1 dt span,
	#main dl.period.step2_3 dt span{
		font-size: 1.5rem;
	}
	#main dl.period dd{
		margin-top: 10px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#main dl.period dd span{
		background: #e9eef4;
		border-radius: 120px;
		padding: 3px 10px;
		margin: 0 5px;
		font-size: 1.3rem;
	}
}