@charset "Shift_JIS";
@media screen and (max-width:736px){
	body{
		min-width: auto;
		min-width: initial;
		font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN";
	}
	body#renewSpread{
		font-size: 1.4rem;
	}
	
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	
	#header {
		position: relative;
		background: #FFF;
		width: auto;
		height: 30px;
		padding: 7px;
		-webkit-box-shadow: 0 1px 3px -0px #d4d4d4;
		-moz-box-shadow: 0 1px 3px -0px #d4d4d4;
		box-shadow: 0 1px 3px -0px #d4d4d4;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
		min-width: 306px;
		z-index: 999;
	}
	#logo {
		width: auto;
		float:left;
		background: none;	
	}
	#logo a {
		background-image: url(/campaign/assets/mdata/smphone/img/common/logo.png);
		background-repeat: no-repeat;
		-webkit-background-size: 161px 25px;
		width: 161px;
		height: 25px;
		display: block;
		overflow: hidden;
		margin-top: 5px;
		text-indent: -9999px;
	}
	#header #btn_menu, #header #btn_account {
		float: right;
		margin: 0 0 0 5px;
	}
	#btn_menu {
		background: url(/campaign/assets/mdata/smphone/img/common/menu/bn_header.png);
		-webkit-background-size: 43px 30px;
		width: 43px;
		height: 30px;
		display: block;
		text-indent: -9999px;
	}
	#btn_account a {
		background: url(/campaign/assets/mdata/smphone/img/common/bn_accountS.png);
		-webkit-background-size: 90px 30px;
		width: 90px;
		height: 30px;
		display: block;
		text-indent: -9999px;
	}
	#account {
		background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 187, 0)),color-stop(0.6, rgb(254, 102, 1)),color-stop(1, rgb(254, 102, 1)));
		background-image: -moz-linear-gradient(-90deg,rgb(255, 187, 0) 0%,rgb(254, 102, 1) 69%,rgb(254, 102, 1) 100%);
		background-image: linear-gradient(-90deg,rgb(255, 187, 0) 0%,rgb(254, 102, 1) 69%,rgb(254, 102, 1) 100%);
		color: rgb(255, 255, 255);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 12px;
		border: 1px solid #fe9900;
		height: 36px;
		width: 134px;
		display: block;
		text-align: center;
		line-height: 36px;
		text-decoration: none;
		font-weight: bold;
		margin-left: 3px;
		float: right;
	}
	a {	z-index: 1; }
	#account_flow #btn_account {
		display: none;
	}
	
	#slide-menu {
		display:none;
		background: none repeat scroll 0 0 #2C3449;
		border-bottom: 0 none;
		position: absolute;
		width: 100%;
		z-index: 999;
	}
	#slide-menu ul {
		padding: 8px 8px 8px 8px;
	}
	#slide-menu li {
		margin-bottom: 5px;
		float: left;
		width: 49%;
		border: 1px solid #CCCCCC;
	}
	#slide-menu li:nth-child(2n) {
		float: right;
	}
	#slide-menu li:last-child {
		margin-bottom: 8px;
	}
	#slide-menu li a {
		background-color: #3f4c6b;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 5px;
		font-weight: bold;
		font-size: 0.8em;
		height: 2em;
		line-height: 2em;
		z-index: 999;
	}
	#slide-menu:after {
		content: "";
		display: block;
		clear: both;
	}
	#modal {
		display: none;
		position: fixed;
		z-index: 998;
		height: 100%;
		width: 100%;
		background: #000;
		opacity: 0.9;
		filter: alpha(opacity=90);
		-moz-opacity: 0.90;
	}
	
	#spread_bg,
	#spread_bg2{
		width: 100%;
		background-size: auto 233px;
		min-width: inherit;
	}
	
	#topAreaWrap{
		width: 100%;
		border-bottom: 5px solid #1a9abe;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
	}
	#containar4{
		padding: 0 0 30px;
		width: 96%;
	}
	.h1spr_ttl{
		width: auto;
		margin: 0 0 10px 0;
		padding: 0;
		border: none;
		text-align: left;
		background: none;
	}
	
	#containar,
	#containar3,
	.cam_clm2 .left,
	.cam_clm2 .right{
		width: 100%;
	}
	
	#containar3,
	#containar{
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#containar3 p{
		font-size: 100%;
	}
	
	#containar{
		padding-bottom: 30px;
	}
	
	.cam_clm2 .left,
	.cam_clm2 .right{
		float: none;
		text-align: center;
	}
	
	.cam_clm2 .right{
		margin-top: 40px;
	}
	
	#spread_bg,
	#spread_bg2{
		background: none;
		margin-bottom: 0;
	}
	
	#topArea{
		margin: 0;
		padding: 4% 1%;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#topArea .subSpread{
		padding-left: 0;
		width: 54%;
	}
	
	#footerarea p,
	#point_contents,
	#point_contents,
	.tab_points,
	#point1, #point2, #point3, #point4, #point5, #point6{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#point1, #point2, #point3, #point4, #point5, #point6{
		padding: 10px;
	}
	
	
	
	#footerarea .txt_s{
		margin-top: 30px;
	}
	
	
	.mgn_b65{
		margin-bottom: 35px !important;
	}
	
	.mgn_b70{
		margin-bottom: 35px !important;
	}
	
	.clear{
		line-height: 0;
	}
	
	.spnone{
		display: none;
	}
	
	.pcnone{
		display: block;
	}
	
	/* 20160209add */
	#limit_camAll{
		padding: 0 20px;
	}
	#limit_cam{
		width: 100%;
		margin: 30px auto 0;
		position: relative;
		border: 3px solid #ffffff;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.limit_ttl{
		background-color: #444444;
		text-align: left;
		padding: 15px 10px;
	}
	#limit_spr{
		background: url(/campaign/assets/mdata/renew/img/spread/limit_bg.jpg) repeat-x left top #a8a8a8;
		padding: 12px 14px 8px;
	}
	#limit_spr ul{
		width: 100%;
		margin: 0 auto;
	}
	#limit_spr ul li{
		float: none;
		text-align: center;
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#limit_spr ul li.mgn_b0{
		margin-bottom: 20px !important;
	}
	.limit_time{
		background-color: #102955;
		text-align: left;
		padding: 10px;
	}
	#limit_ttl_txt{
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.2;
	}
	#limit_spr ul li.lastb{
		margin-bottom: 0 !important;
	}
	
	/* 2016/6/10 start */
	header #spMenuBtn a:hover img,
	.slide_menu li a {
		opacity: 1;
	}

	.slide_menu img[src*="start_bnr.gif"],
	.slide_menu img[src*="btn_pc.png"]{
		max-width: 220px;
		height: auto;
	}
	
	#footerarea{
		display: none;
	}
	
	#spFooterText,
	#spCopyRight{
		color: #000000;
	}
	
	#point_contents .tab_points li{
		width: 133px;
	}
	
	#point_contents #point1,
	#point_contents #point2,
	#point_contents #point3,
	#point_contents #point4,
	#point_contents #point5,
	#point_contents #point6{
		border: none !important;
	}
	/* 2016/6/10 end */
	
	/* 2016/7/1 start */
	#spRoute{
		color: #333333;
		margin-bottom: 10px;
	}
	#spRoute a{
		color: #0099CC;
	}
	/* 2016/7/1 end */
	
	/* 20160927 */
	#spread_bg2 .notes,
	#spread_bg2 .exampleCashback{
		width: 90%;
		line-height: 1.3;
		font-size: 0.7em;
		margin: 0 auto 15px !important;
	}
	#spread_bg2 .exampleCashback .mgn_b15{
		margin-bottom: 8px;
	}
	.mgn_l0{
		margin-left: inherit !important;
	}
	ul.spreadList{
		width: 100%;
		margin: 0 0 10px -2%;
	}
	ul.spreadList li{
		width: 31%;
		margin-top: 2%;
		margin-left: 2% !important;
	}
	
	ul.spreadList li img{
		width: 100%;
		height: auto;
	}
	.cam_clm2 h2{
		border-bottom: 0;
		text-align: left;
	}
	
	/* 注釈無し */
	/*
	.fukada_abs{
		width: 43%;
		top: inherit;
		bottom: 0;
		right: -3%;
	}
	*/
	
	/* 注釈あり */
	
	.fukada_abs{
		width: 55%;
		top: inherit;
		bottom: 0;
		right: -9%;
		height: auto;
		margin-right: 0;
		overflow: hidden;
	}
	
	
	.conspdttl{
		width: auto;
		margin-left: 0;
	}
	
	/* 2016/11/28 */
	.spreadList02 .mgn_b20{
		margin-bottom: 10px !important;
	}
	
	/* 20170322*/
	#spreadCamBlock{
		width: 96%;
		margin: 20px auto 30px;
		padding-bottom: 20px;
		box-sizing: border-box;
	}
	#spreadCamBlockttl{
		padding: 10px;
	}
	#spreadCamBlockttl.spreadCamBlockttltxt{
		color: #ffffff;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	#spreadCamBlockttl.spreadCamBlockttltxt .txts{
		font-size: 1.2rem;
	}
	#spreadCamBlock div p.mgn_b25 img{
		width: 90%;
		height: auto;
	}
	#spreadCamBlock div{
		width: auto;
		padding: 0 10px;
	}
	#spreadCamBlock div p.mgn_b25{
		margin-bottom: 10px !important;
	}
	#sprettlblue{
		width: 96%;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	#sprettlblue img{
		width: 90%;
		height: auto;
	}
	.spreadCamspttl{
		text-align: left;
		font-weight: bold;
		color: #044fa5;
		font-size: 1.2em;
		border-bottom: 5px solid #e9e9e9;
		margin-bottom: 10px;
		display: block;
	}
	h2 .spreadCamspttl{
		margin-bottom: 0;
	}
	
	/* tab */
	.campaignTab{
		width: auto;
		margin: 0;
		padding-top: 0;
	}
	#campaignTab{
		width: 100%;
	}
	.campaignTab ul{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		-ms-transition-property: -ms-transform;
		transition-property: transform;
	}
	
	.campaignTab ul li{
		width: 200px;
		height: 50px;
		margin: 0 !important;
		padding: 0;
		display: block;
		float: left;
		line-height: 1.2;
		border: none;
		border-right: 1px solid #999999 !important;
		background: #f1f0f0;
	}
	
	.campaignTab ul li:last-child{
		border: none !important;
	}
	
	.campaignTab ul li.ijigenTab,
	.campaignTab ul li.koukinriTab,
	.campaignTab ul li.kouzaTab,
	.campaignTab ul li.g1Tab,
	.campaignTab ul li.noriokaTab,
	.campaignTab ul li.trumpTab,
	.campaignTab ul li.hvtraTab,
	.campaignTab ul li.iimonoTab,
	.campaignTab ul li.lawsonTab,
	.campaignTab ul li.kanshasai,
	.campaignTab ul li.reiwa,
	.campaignTab ul li.autumn,
	.campaignTab ul li.winterTab,
	.campaignTab ul li.appreciationTab{
		background: #f1f0f0;
	}
	
	.campaignTab ul li.ijigenTab.onTab,
	.campaignTab ul li.koukinriTab.onTab,
	.campaignTab ul li.kouzaTab.onTab,
	.campaignTab ul li.g1Tab.onTab,
	.campaignTab ul li.noriokaTab.onTab,
	.campaignTab ul li.trumpTab.onTab,
	.campaignTab ul li.hvtraTab.onTab,
	.campaignTab ul li.iimonoTab.onTab,
	.campaignTab ul li.lawsonTab.onTab,
	.campaignTab ul li.kanshasai.onTab,
	.campaignTab ul li.reiwa.onTab,
	.campaignTab ul li.autumn.onTab,
	.campaignTab ul li.winterTab.onTab,
	.campaignTab ul li.appreciationTab.onTab{
		background: #1b9abe;
	}
	
	.campaignTab ul li a{
		height: auto !important;
		color: #000000;
		background: none !important;
	}
	
	.campaignTab.type02 ul li a,
	.campaignTab.type03 ul li a{
		font-size: 0.87em;
	}
	.campaignTab.type03 ul li{
		width: 184px;
	}
	
	.campaignTab ul li.onTab a{
		color: #ffffff;
	}
	
	.campaignTab ul li.g1Tab a,
	.campaignTab.type02 ul li.g1Tab a,
	.campaignTab.type03 ul li.g1Tab a{
		line-height: 30px;
	}
	.campaignTab.type03 ul li.trumpTab a{
		line-height: 1.2;
	}

	.campaignTab ul li.currentTab a{
		padding: 10px 3px !important;
		height: auto !important;
	}
	.campaignTab.type04 ul li.noriokaTab{
		border-left: none !important;
	}
	/* 20170321 */
	.campaignTab.type05 ul li{
		width: 200px;
	}
	.campaignTab ul li.spredTab a,
	.campaignTab ul li.kanshasaiTab a,
	.campaignTab ul li.reiwaTab a,
	.campaignTab ul li.autumnTab a,
	.campaignTab ul li.winterTab a,
	.campaignTab ul li.appreciationTab a{
		padding-top: 10px;
	}
	.campaignTab ul li.reiwaTab a{
		font-size: 12px;
	}
	#spredcampaignTab #headlogo{
		padding-bottom: 10px;
	}
	
	.spreadTimesale{
		width: 96%;
		height: auto;
		position: relative;
	}
	
	.spreadTimesale p{
		position: static;
		top: 0;
		left: 0;
	}
	
	.spreadTimesale p img{
		width: 100%;
		height: auto;
	}
	.noteLinkBlock{
		border: 3px solid #C60000;
		text-align: left;
		background-color: #ffffff;
		margin: 5px;
	}
	.noteLinkBlock a.txt_red{
		color: #C60000;
		text-decoration: none;
		font-weight: bold;
		padding: 5px;
		display: block;
		font-size: 0.9em;
		text-align: left;
	}
	.noteLinkBlock a.txt_red:hover{
		text-decoration: underline;
	}
	.campaignTab ul li.iimonoTab a{
		padding-top: 10px;
	}
	/* 20180209 add */
	#tablelinegray {
		width: 100%;
	}
	#tablelinegray td,
	#tablelinegray th{
		padding:5px;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		font-size: 0.8em;
		text-align: left;
		width: auto;
	}
	#tablelinegray .tit {
		padding: 5px;
	}
	#tablelinegray td img{
		display: inline-block;
		padding-bottom: 2px;
	}
	#tablelinegray .te0{
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	#tablelinegray .spred{
		text-align: left;
	}
	.spredTab.onTab{
		background-color: #1b9abe;
	}
	#tablelinegray td.pair.spricon{
		background: url(/campaign/assets/mdata/renew/img/spread/spr_icon_sp.png) no-repeat 99% center #ffffff;
		padding: 13px 60px 13px 13px;
		background-size: 54px auto;
		height: auto;
	}
	#tablelinegray td.pair.spricon2{
		background: url(/campaign/assets/mdata/renew/img/spread/spr_icon_sp2.png) no-repeat 99% center #ffffff;
		padding: 13px 60px 13px 13px;
		background-size: 54px auto;
		height: auto;
	}
	#spredNote{
		width: auto;
		margin: 0 auto;
		color: #333333;
	}
	
	/* 20191226add turkeybro*/
	.turkeybro{
		margin: 20px auto 0;
	}
	.turkeybro p{
		margin-bottom: 10px;
	}
	.camOrgttl{
		width: auto;
		margin: 0 auto 5px;
		padding: 10px 3px;
		line-height: 1.4;
		text-align: center;
	}
	.camOrgttl dt{
		font-size: 1.4rem;
		font-weight: bold;
	}
	.camOrgttl dd{
		font-size: 1.2rem;
	}
	.pdt10{
		padding: 3% 1% !important;
	}
	
	.pair.spr_camicon1,
	.pair.spr_camicon2{
		padding: 10px 5px 38px !important;
		background-size: auto 30px;
		background-position: 5% 90%;
	}
	
	.spreadBlock{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin: 15px 0 30px;
	}
	.spreadBlockInr{
		background-color: #efefef;
		padding: 10px 5px;
		box-sizing: border-box;
		width: 48%;
		margin: 1%;
		text-align: center;
	}
	.spreadBlockInr .pairtxt{
		color: #0f2853;
		font-size: 1.2rem;
	}
	.spreadBlockInr .pairtxt img{
		width: 50px;
		height: auto;
		vertical-align: middle;
	}
	.spreadBlockInr .spreadtxt{
		color: #30b8d6;
		font-weight: normal;
		line-height: 1.4;
		vertical-align: middle;
	}
	.spreadBlockInr .spreadtxt span{
		font-size: 4.2rem;
		font-weight: normal;
		color: #30b8d6;
	}
	.spreadBlockInr .spreadtxt2{
		color: #0f2853;
		font-size: 1.2rem;
		text-align: center;
	}
	.spreadBlockInr2{
		background-color: #efefef;
		padding: 10px 5px;
		box-sizing: border-box;
		width: 48%;
		margin: 1%;
		text-align: center;
	}
	.spreadBlockInr2 .pairtxt{
		color: #0f2853;
		font-size: 1.2rem;
	}
	.spreadBlockInr2 .pairtxt img{
		width: 50px;
		height: auto;
		vertical-align: middle;
	}
	.spreadBlockInr2 .spreadtxt{
		color: #30b8d6;
		font-weight: normal;
		line-height: 1.4;
		vertical-align: middle;
	}
	.spreadBlockInr2 .spreadtxt span{
		font-size: 4.2rem;
		font-weight: normal;
		color: #30b8d6;
	}
	.spreadBlockInr2 .spreadtxt2{
		color: #0f2853;
		font-size: 1.2rem;
		text-align: center;
	}
	.spreadcamtxt{
		background-color: #1a9abe;
		display: inline-block;
		text-align: center;
		border-radius: 5px;
		padding: 3px;
		color: #fff;
		margin-top: 10px;
		font-size: 1.0rem;
	}
	.spreadcamtxtbf{
		position: relative;
		color: #888888;
	}
	.spreadcamtxtbf + br{
		display: none !important;
	}
	.spreadcamtxtbf span{
		font-size: 2.6rem !important;
		color: #888888 !important;
	}
	.spreadcamtxtbf:after{
		content: "";
		clear: both;
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 9px solid #888888;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		margin-left: 6px;
	}
	.spreadcam_atn{
		padding: 10px;
		border: solid 1px #000;
		margin: 20px 10px auto;
		display: inline-block;
		text-align: left;
	}
	
	/* tab */
	.camtab{
		overflow: hidden;
		background: transparent;
		padding-bottom: 20px;
	}
	.camtab li a{
		display: block;
		padding: 10px 0;
		box-sizing: border-box;
		color: #333;
		background: #fff;
		border-bottom: 0;
		position: relative;
		border: 1px solid #102955;
	}
	.camtab li a.ov,
	.camtab li a:hover{
		background-color: #102955;
		position: relative;
		width: auto;
		color: #fff !important;
	}
	.camtab li {
		float: left;
		background: center;
		width: 50%;
		text-align: center;
		line-height: 1.5;
		font-size: 1.1rem;
		box-sizing: border-box;
		border: 6px solid transparent;
		border-bottom: 0;
	}
	.camtab li a.ov:before{
		content: "";
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -5px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #102955;
	}
	
	.campaigntime{
		text-align: center;
		margin-top: 10px;
	}
	.campaigntime h2{
		font-size: 1.7rem !important;
		font-weight: bold;
		color: #606060;
		line-height: 1.4;
		border-bottom: 4px solid #e9c94d;
		padding-bottom: 10px;
		display: inline-block;
	}
	
	/* 3tab */
	.cam3tab{
		overflow: hidden;
		background: transparent;
		padding-bottom: 20px;
		width: auto;
	}
	.cam3tab li a{
		display: block;
		padding: 10px 0;
		box-sizing: border-box;
		color: #333;
		background: #fff;
		border-bottom: 0;
		position: relative;
		border: 1px solid #102955;
	}
	.cam3tab li a.ov,
	.cam3tab li a:hover{
		background-color: #102955;
		position: relative;
		width: auto;
		color: #fff !important;
	}
	.cam3tab li {
		float: left;
		background: center;
		width: 33.3%;
		text-align: center;
		line-height: 1.5;
		font-size: 1.1rem;
		box-sizing: border-box;
		border: 6px solid transparent;
		border-bottom: 0;
	}
	.cam3tab li a.ov:before{
		content: "";
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -5px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #102955;
	}
	
}