@charset "shift_jis";

@media screen and (max-width:736px){
	.campaignEndText p,.ChangeTextBox{
		width: auto;
		margin: 0 auto;
		font-size: 1.0em;
		padding: 10px;
	}
	.campaignChangeText .ChangeText{
		padding: 20px 10px;
	}
	.ChangeTextBox p{
		text-align: left;
	}
	
	#main.kanshasai{
		padding-bottom: 0;
	}
	#main.kanshasai .mainArea .mainAreaInr{
		width: 100%;
	}
	#main.kanshasai .mainArea img{
		width: 98%;
		margin: auto;
	}
	#main.kanshasai .contents h2{
		margin: 20px 0;
		padding-bottom: 10px;
		border-bottom: 2px solid #ff7b00;
	}
	#main.kanshasai .contents h3 span{
		vertical-align: middle;
		overflow: hidden;
		margin-right: 5px;
		padding: 2px 8px;
	}
	#main .contentblock h3.step1, .step2, .step3{
		margin: 0 0 10px;
		padding: 15px 0px 15px 110px;
		background: url(/campaign/assets/mdata/campaign/2103_friends/img/step1.png) no-repeat 0 center;
		background-size: 100px;
	}
	#main .contentblock h3.step2{
		background: url(/campaign/assets/mdata/campaign/2103_friends/img/step2.png) no-repeat 0 center;
		background-size: 100px;
	}
	#main .contentblock h3.step3{
		background: url(/campaign/assets/mdata/campaign/2103_friends/img/step3.png) no-repeat 0 center;
		background-size: 100px;
	}
	.noteOrenge{
		font-size: 1.3rem;
	}
	#main .contents{
		margin: 0;
	}
	.entrybtn{
		width: 100%;
	}
	.entrybtn a{
		padding: 0;
	}
	.entrybtn a::before {
		width: auto;
		height: auto;
		background: url(/campaign/assets/mdata/campaign/2103_friends/img/entry_icon_boo.png) no-repeat;
		position: absolute;
		left: 0;
		top: 10%;
		background-size: contain;
		padding: 2em;
	}
	.entrybtn a span{
		padding: 20px 10%;
		background-position: 95% center;
		line-height: 0;
		font-size: 0;
		background-size: 6px auto;
		-moz-background-size: 6px auto;
		-webkit-background-size: 6px auto;
		-o-background-size: 6px auto;
		-ms-background-size: 6px auto; 
	}
	.entrybtn a span img{
		height: auto;
		width: 160px;
	}
	
	.tab_menu_area{
		margin: 0 0 15px;
	}
	.tab_menu{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#main.kanshasai ul.tab_menu li{
		display: table-cell;
		width: 100%;
		border-left: 1px solid #ffffff;
	}
	.tab_menu_area .tab_menu li:first-child{
		border-left: 0;
	}
	.tab_menu_area .tab_menu li a{
		padding: 15px;
	}
	.tab_menu_area .tab_menu li.menu_select a{
		padding: 20px 10px;
	}
	.tab_menu_area .tab_menu a img{
		width: 120px;
		height: auto;
	}
	.contentblock{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.contentblock.bdb0{
		padding-bottom: 0;
	}
	.cashtable{
		font-size: 1.2rem;
	}
	.cashtable th,
	.cashtable td{
		padding: 10px 3px;
		font-weight: normal;
		word-break: break-all;
	}
	table.cashtable.tablepoint3 th:first-child{
		width: 40% !important;
	}
	table.cashtable.tablepoint3 th,
	table.cashtable.tablepoint3 td{
		padding: 10px 5px;;
	}
	.table_line{
		padding-bottom: 10px;
	}
	
	.mgn_b50{
		margin-bottom: 30px !important;
	}
	
	#main .contents .sec table.cashtable .icon_month{
		margin-top: 10px;
	}
	
	
	#period{
		margin-bottom: 0;
		padding-top: 10px;
	}
	.periodBlock{
		margin-top: 15px;
		padding: 15px 5px;
		font-size: 1.4rem;
		text-align: center;
	}
	.btmnoteArea{
		background: #f7f7f7;
		margin: 20px 0 50px;
		padding: 15px 10px;
		font-size: 1.3rem;
	}
	
	#footer_entry_bnr{
		bottom: 8px !important;
		height: auto;
		width: 80%;
		left: 10px;
	}
	
	.attention a{
		word-break: break-all;
	}
	
	.w980{
		width: auto;
		margin: 0 5px;
	}
}