html, body {
	height: 100%;
}
.content .main-content{
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}
.mod-section-title_1st{
	padding-left: 10px;
	padding-right: 10px;
}
section.inCts {
	max-width: 750px;
	margin: 0 auto;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4" ,sans-serif;
}
.ttl{
	position:relative;
	background: url(../img/bg01.png) 0 0 no-repeat;
	background-size: 100% auto;
	padding-bottom: 27.7%;
}
.ttl h2{
	padding-top:4%;
	text-align: center;
}
.ttl h2 img{
	width: 93.3%;
}
.ttl .catch{
	text-align: center;
	margin-bottom: 180px;
	position: relative;
}
.ttl .catch .catch_tex{
	margin-top: 0;
}
.ttl .cap{
	position: absolute;
	top: 32%;
	left: 0;
	right: 0;
	font-size: 2.5vw;
	text-align: center;
	margin-top:0;
}
@media screen and (min-width: 750px){
	.ttl .cap{
		font-size: 2rem;
	}
}


.ttl .catch_btn{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top:0;
}
.ttl .anchor{
	position: absolute;
	top: 35%;
	right: 0.4%;
	width: 25%;
}
.ttl p.txt_cpid{
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	bottom:10px;
	right: 10px;
}

.whatjpp{
	text-align: center;
	background: url(../img/bg05.png) 0 0 repeat;
	/*padding: 12% 0 18.9%;*/
}
.whatjpp p.imgarea{
	padding-top:6%;
}
.whatjpp p.txt{
	font-size: 1.2em;
	padding-top:3%;
	margin-top:0;
	font-size: 1.2em;
	padding-bottom:3%;
}
.point{
	background: url(../img/bg02.png) 0 0 no-repeat;
	background-size: cover;
	padding-top: 6.6%;
	text-align: center;
	padding-bottom: 16%;
}

.simulation{
	background: url(../img/bg03.png) 0 0 no-repeat;
	background-size:cover;
	text-align: center;
}
.simulation .title{
	
}

.simulation .title img{
	margin-top: -4%;
}
.simulation .imgarea{
	margin-top: 2.8%;
	position: relative;
}
.simulation .simulation_btn1{
	position: absolute;
	top: 39.2%;
	right: 0;
	margin: 0;
	width: 21.3%;
}

.simulation .simulation_btn2{
	margin: 0;
	position: absolute;
	width: 72.4%;
	top: 76%;
	left: 13.7%;
}

.somewhere .inner{
	background: url(../img/bg04.png) 0 0 no-repeat;
	background-size: cover;
	margin-top: -4.7%;
	padding-bottom: 20%;
}
.somewhere .inner p{
	margin:0;
}
.somewhere .inner .title{
	padding-top: 3.8%;
	text-align: center;
}
.somewhere .inner .catch{
	padding-top:3.2%;
	text-align: center;
}
.somewhere .inner .txt{
	color:#fff;
	width:70%;
	margin:0 auto;
	padding-top:3.5%;
	line-height: 225%;
	font-size: 1.2rem;
}
.somewhere .inner .txt span{
	font-size: 83.3%;
}
.somewhere .inner .btn{
	text-align: center;
	margin-top: 8%;
}
.somewhere .inner .btn a{
	border: 1px solid #d2d2d2;
	background: url(/sp/common_renewal/img/parts/mod-btn-thin_blank.png) 12px 10px no-repeat #fff;
	background-size: 12px 10px;
	padding: 9px 15px 9px 36px;
	margin: 0 auto;
	font-size: 1.2rem;
}

.campaign p{
	margin-top:0;
}

.campaign .inner{
	background: url(../img/bg05.png) 0 0 repeat;
	margin:0;
	position: relative;
	text-align: center;
}
.campaign .title{
	text-align: center;
}
.campaign .title img{
	margin-top: -6.3%;
}
.campaign .gentei{
	margin-left: auto;
	margin-right: auto;
	margin-top:-28%;
	font-size: 1.2rem;
}
.campaign .gentei span{
	border:1px solid #0f0f69;
	border-radius: 25px;
	color: #0f0f69;
	padding: 2% 2.6%;
	/*margin-left:10%;*/
}
.campaign .catch{
	text-align: center;
	/*padding-top: 5%;*/
	margin-top: 8%;
}
.campaign .kikan{
	margin-top: -2%;
	padding-left:10%;
	text-align: left;
}
.campaign .btn{
	padding-top: 4.4%;
}
.campaign .mile{
	/*position: absolute;
	top: 46.8%;
	right: 0;
	width:25%;*/
	float: right;
	width: 25%;
	margin-top:-10px;
}
.campaign .mod-btn{
	width: 60%;
	margin: 3.3% auto 0;
}
.campaign .mod-btn a{
	font-weight: bold;
}
.campaign .cap{
	margin-top:12%;
	font-size: 1.2em;
	text-align: right;
	padding-right:1em;
	padding-bottom:2.5%;
	border-bottom:1px solid #c6c6c6;
}

.cpDetail{
	padding-left: 10px;
	padding-right: 10px;
}












.mileTc {
	padding: 0 10px;
}
.mileMds {
	border: 1px solid #a79b72;
	padding: 0 10px;
	margin: 20px 0;
}
.l_dot {
	border-bottom: 1px dotted #000000;
}
.l_4 {
	border: 4px solid #a79b72;
}
.flBox {
	border: 2px solid #ff5a00;
	padding: 20px 10px 0 10px;
	border-radius: 0 0 6px 6px / 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px / 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px / 0 0 6px 6px;
}
.ptBox {
	background: #e6e6e6;
	margin-top: 40px;
}
.ptBox div {
	max-width: 730px;
	margin: 0 auto;
	padding: 0 10px 20px 10px;
}
.ptBox li {
	margin-bottom: 8px;
	border: 2px solid #d0d0d0;
}
#movieArea {
	padding: 0 10px;
	border-bottom: none;
	margin: 0 auto 40px;
	max-width: 730px;
}
#movieArea p#ttl_movie {
	width: 100%;
	margin: 40px 0 10px 0;
}
#movieArea #video_wrapper2 {
	width: 90%;
	margin: 0 auto;
}
#movieArea #video {
	position: relative;
	padding-bottom: 56.25%;
}
#movieArea #video iframe, #video img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1px #ccc;
}
.btmBn {
	background: #b10000;
	margin-bottom: 40px;
}
.btmBn div {
	max-width: 730px;
	margin: 0 auto;
	padding: 20px 10px;
}
.btmBn div p {
	color: #fff;
	text-align: center;
}
.btmBn div .dateSmall {
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 1.2em;
}



/*----------------------------

キャンペーン内容

----------------------------*/

.grayArea {
    padding: 20px 0;
    background: #f5f5f5;
    margin: 20px 0;
}
.grayArea p {
    margin-left: 10px;
    margin-right: 10px;
}

/* レイアウト調整 */
.PB10 { padding-bottom:10px;}


.mileTc .txt {
	overflow:hidden;
	font-size:1.2rem;
	line-height:1.5;
	padding-bottom:10px;
}
.mileTc .txt .txtIn {
	display:block;
	width:65%;
	float:left;
}
.mileTc .txt .icn {
	display:block;
	width:30%;
	float:right;
}

.flBox .txt {
	font-size:1.4rem;
	line-height:1.5;
	text-align:center;
}
.flBox .txt .tx01 {
	color:#c00;
}
.flBox .txt .tx02 {
	font-size:1.8rem;
	font-weight:bold;
	color:#c00;
}

.card_txt {
	border: 2px solid #cc0000;
	padding: 20px 15px 20px 20px;
	text-align: left;
}