@charset "utf-8";
/* ===================================================================

 file name  :common.css
 style info :共通cssファイル
 
=================================================================== */

/*PCサイズ
////////////////////////////////////////////////////*/

@media screen and (min-width:751px) {
	body {
		font-size: 14px;
		color: #343434;
	}
	a {
		color: #343434;
		text-decoration: none;
	}
	.partner-contents a:hover{
		cursor: pointer;
		opacity: 0.6;
		transition: all 0.3s ease-in;
	}
	#scroll {
		top: 0;
		left: 0;
		z-index: 10;
	}
	/*//////////       layout       //////////*/
	#wrapper {
		width: 100%;
		font-size: 100%;
		position: relative;
	}
	.cf:after {
		content: " ";
		display: block;
		clear: both;
	}
	.sp-only {
		display: none;
	}

	/*//////////       area       //////////*/
	.area-wrap {
		margin-bottom: 80px;
	}
	.area {
		margin: 0 auto 30px;
		position: relative;
	}
	#contents.ambassador-contents{
		letter-spacing: 0.1em;
	}
	#contents .bg-gray{
		background: #f3f3f3;
		padding: 60px 70px;
		margin-bottom: 10px;
	}
	#contents .bg-gray h2{
		color: #0e0e0e;
		font-size: 30px;
		font-size: 3.0rem;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 30px;
	}
	/*//////////       メインビジュアル       //////////*/
	#contents #main-visual h1 {
		margin: 80px 0 10px 0;
	}
	/*//////////       キャンペーンの流れ       //////////*/
	#contents #ambassador-campaign-flow ul{
		margin-bottom: 25px;
	}
	#contents #ambassador-campaign-flow li{
		width: 250px;
		float: left;
	}
	#contents #ambassador-campaign-flow li div{
		margin-bottom: 15px;
	}
	#contents #ambassador-campaign-flow li dl dt{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 500;
		margin-bottom: 15px;
		position: relative;
		padding-left: 33px;
	}
	#contents #ambassador-campaign-flow li.step1,
	#contents #ambassador-campaign-flow li.step2{
		margin-right: 55px;
	}
	#contents #ambassador-campaign-flow li.step1 dl dt:before{
		content: "";
		background: url(../img/cam-step-num-01.png) no-repeat;
		width: 28px;
		height: 30px;
		position: absolute;
		top: -7px;
		left: 0;
	}
	#contents #ambassador-campaign-flow li.step2 dl dt:before{
		content: "";
		background: url(../img/cam-step-num-02.png) no-repeat;
		width: 28px;
		height: 30px;
		position: absolute;
		top: -7px;
		left: 0;
	}
	#contents #ambassador-campaign-flow li.step3 dl dt:before{
		content: "";
		background: url(../img/cam-step-num-03.png) no-repeat;
		width: 28px;
		height: 30px;
		position: absolute;
		top: -7px;
		left: 0;
	}
	#contents #ambassador-campaign-flow li dl dd{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	#contents #ambassador-campaign-flow li dl dd sup{
		font-size: 10px;
		top: -0.1em;
		vertical-align: super;
	}
	#contents #ambassador-campaign-flow li dl dd a{
		font-weight: bold;
		color: #EA0029;
		text-decoration: underline !important;
		display: inline-block;
	}
	#contents #ambassador-campaign-flow .attention{
		font-size: 12px;
		font-size: 1.2rem;
	}
	#contents #ambassador-campaign-flow .attention dl dt{
		float: left;
		width: 9em;
		line-height: 1.8;
	}
	#contents #ambassador-campaign-flow .attention dl dd{
		float: left;
		line-height: 1.8;
	}
	/*//////////       キャンペーンの条件       //////////*/
	#contents #ambassador-conditions table {
		border: 1px solid #fff;
		margin-bottom: 10px;
	}
	#contents #ambassador-conditions table th{
		width: 170px;
		padding: 20px;
		background: #ffe5e5;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		line-height: 1.6;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
	}
	#contents #ambassador-conditions table td{
		padding: 25px 20px;
		border-bottom: 1px solid #f3f3f3;
		font-weight: normal;
		vertical-align: middle;
		line-height: 1.6;
		background: #fff;
	}
	#contents #ambassador-conditions table td .ambassador-conditions-attention{
		color: #EA0029;
		font-weight: 500;
		margin-bottom: 10px;
	}
	#contents #ambassador-conditions table td ul li{
		text-indent: -1em;
		padding-left: 1em;
		line-height: 1.6;
		margin-top: 5px;
	}
	#contents #ambassador-conditions table td ul li:first-child{
		margin-top: 0;
	}
	#contents #ambassador-conditions .attention{
		font-size: 12px;
		font-size: 1.2rem;
	}
	/*//////////       キャンペーンのフォーム       //////////*/
	#contents #ambassador-form p{
		width: 560px;
		margin: 0 auto 30px;
	}
	#contents #ambassador-form .dd input{
		background: #fff;
		border: 1px #fff solid;
	}
}






	/*SPサイズ
////////////////////////////////////////////////////*/
	@media screen and (max-width:750px) {
		body {
			font-size: 14px;
			color: #343434;
			font-family: 'Noto Sans JP', sans-serif;
			line-height: 1.6;
		}
		body #wrap{
			width: 100%;
			margin: 0;
		}
		a {
			color: #343434;
			text-decoration: none;
			display: block;
		}
		a:hover {
			opacity: 0.6;
			transition: all 0.3s ease-in;
		}
		/*//////////       layout       //////////*/
		#wrapper {
			width: 100%;
			font-size: 100%;
			position: relative;
		}
		.cf:after {
			content: " ";
			display: block;
			clear: both;
		}
		/*//////////       area       //////////*/

		.area {
			margin: 0 auto;
			position: relative;
		}
		.area .section--ttl {
			text-align: center;
			margin-bottom: 30px;
		}
		.area .section--ttl h1 {
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 1.5;
			color: #ff9191;
			letter-spacing: 0.06em;
		}
		#contents.ambassador-contents{
			letter-spacing: 0.1em;
		}
		#contents .bg-gray{
			background: #f3f3f3;
			padding: 10% 5%;
			margin-bottom: 2%;
		}
		#contents .bg-gray h2{
			color: #0e0e0e;
			font-size: 22px;
			font-size: 2.2rem;
			line-height: 1.5;
			text-align: center;
			margin-bottom: 20px;
		}
		/*//////////       メインビジュアル       //////////*/
		#contents #main-visual h1 {
			margin: 0 0 10px 0;
		}
		/*//////////       キャンペーンの流れ       //////////*/
		#contents #ambassador-campaign-flow ul{
			margin-bottom: 25px;
		}
		#contents #ambassador-campaign-flow li{
			width: 100%;
		}
		#contents #ambassador-campaign-flow li div{
			margin-bottom: 15px;
		}
		#contents #ambassador-campaign-flow li dl dt{
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 500;
			margin-bottom: 15px;
			position: relative;
			padding-left: 42px;
		}
		#contents #ambassador-campaign-flow li.step1,
		#contents #ambassador-campaign-flow li.step2{
			margin-right: 0;
			margin-bottom: 14%;
		}
		#contents #ambassador-campaign-flow li.step1 dl dt:before{
			content: "";
			background: url(../img/sp/cam-step-num-01.png) no-repeat;
			width: 30px;
			height: 44px;
			position: absolute;
			top: -8px;
			left: 2px;
			background-size: contain;
		}
		#contents #ambassador-campaign-flow li.step2 dl dt:before{
			content: "";
			background: url(../img/sp/cam-step-num-02.png) no-repeat;
			width: 30px;
			height: 44px;
			position: absolute;
			top: -8px;
			left: 2px;
			background-size: contain;
		}
		#contents #ambassador-campaign-flow li.step3 dl dt:before{
			content: "";
			background: url(../img/sp/cam-step-num-03.png) no-repeat;
			width: 30px;
			height: 44px;
			position: absolute;
			top: -8px;
			left: 2px;
			background-size: contain;
		}
		#contents #ambassador-campaign-flow li dl dd{
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.6;
		}
		#contents #ambassador-campaign-flow li dl dd sup{
			font-size: 10px;
			top: -0.1em;
			vertical-align: super;
		}
		#contents #ambassador-campaign-flow li dl dd a{
			font-weight: bold;
			color: #EA0029;
			text-decoration: underline !important;
			display: inline-block;
		}
		#contents #ambassador-campaign-flow .attention{
			font-size: 12px;
			font-size: 1.2rem;
		}
		#contents #ambassador-campaign-flow .attention dl dt{
			float: left;
			width: 9em;
			line-height: 1.8;
		}
		#contents #ambassador-campaign-flow .attention dl dd{
			float: left;
			line-height: 1.8;
		}
		/*//////////       キャンペーンの条件       //////////*/
		#contents #ambassador-conditions table {
			border: 1px solid #fff;
			margin-bottom: 10px;
		}
		#contents #ambassador-conditions table th{
			display: block;
			width: 94%;
			padding: 3%;
			background: #ffe5e5;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			line-height: 1.6;
			font-weight: normal;
			text-align: left;
		}
		#contents #ambassador-conditions table td{
			display: block;
			width: 94%;
			padding: 3%;
			font-weight: normal;
			line-height: 1.6;
			background: #fff;
		}
		#contents #ambassador-conditions table td .ambassador-conditions-attention{
			color: #EA0029;
			font-weight: 500;
			margin-bottom: 10px;
		}
		#contents #ambassador-conditions table td ul li{
			text-indent: -1em;
			padding-left: 1em;
			line-height: 1.6;
			margin-top: 5px;
		}
		#contents #ambassador-conditions table td ul li:first-child{
			margin-top: 0;
		}
		#contents #ambassador-conditions .attention{
			font-size: 12px;
			font-size: 1.2rem;
			padding-left: 1em;
    		text-indent: -1.0em;
		}
		/*//////////       キャンペーンのフォーム       //////////*/
		#contents #ambassador-form p{
			width: 100%;
			margin: 0 auto 30px;
		}
		#contents #ambassador-form .dd input{
			background: #fff;
			border: 1px #fff solid;
		}


















}