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;
	position:relative;
}
.ttl{
	/*position:absolute;
	top:0.3%;
	left:0;*/
	width: 100%;
	position: relative;
}
.ttl .inner{
	padding: 15% 5% 0;
    position: absolute;
    top: 0;
    left: 0;
}
.ttl .limit{
	margin-top: 5%;
}

.btn-app{
   font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: #ce1717;
    width: 86%;
    margin: 5% auto;
    /*position: absolute;
    bottom: -45%;
    left: 7%;*/
}
.btn-app a{
	color: #fff;
	display: block;
	padding: 8px 0 9px;
}
.btn-app img{
	position: absolute;
	right: 4%;
	top: 35%;
	width: 5%;

}

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

.boxCap{
   margin: 0 auto;
    padding: 5% 0;
    background-color: #ffffff;
}
.boxCap .inner{
	    margin: 0 auto;
    width: 93%;
    border: 1px solid #cc0000;
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px;
}


.boxCard .blue{
	background: #0f0f69;
	color: #fff;
	padding: 5px 0;
}
.boxCard .detail{
	background: #f0f0f0;
	padding: 15px 0;
}

.txt .ttl_card{
	color: #0f0f69;
}

.remind{
	position: relative;
	background: url(../img/bg_remind.jpg) center bottom no-repeat;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}
.remind .btn-app{
	position: relative;
	margin: 0;
	
}

.kazoku{
	padding: 50px 0 70px;
}

.merit{
	position: relative;
	background: #fbebd3;
	padding: 50px 0 50px;
}
.sas-r {bottom: 0.3em;
	padding-right: 0px;
	font-size: 80%;
	vertical-align: top;
}
.merit .icon{
	position: absolute;
    top: -3.5%;
    left: 50px;;
}

.meritBox{
	margin-right: 10px;
	margin-left: 10px;
	background: #fff;
}

.meritBox .blue{
	position: relative;
	background: #0f0f69;
	padding: 20px 0 5px;
}
.meritBox .blue .num{
	position: absolute;
	top: -21%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 2.5em;
	background: #fff;
	color: #0f0f69;
	text-align: center;
	border-radius: 50px;
	width: 34px;
	height: 34px;
	line-height: 34px;
}

.meritBox .blue .ttl_merit{
	color: #fff;
	font-size: 1.7em;
}

.meritBox .detail{
	padding: 15px;
}

.meritBox .gray{
	background: #f0f0f0;
	border-radius: 50px;
	line-height: 1.3;
	padding: 4px 0
}
.meritBox .red{
	color: #c00;
	line-height: 1.3;
}


.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;
}

.w100{width: 100px;}
.w100 img{-webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.8, transparent), to(rgba(0,0,0,0.2)));}

.fcBK{color:#333!important}
.fcWT{color:#fff!important}
.fcRD{color:#c00!important}
.fcYL{color:#ff0!important}
.fc_p{color:#181b1e!important}
.fc_g{color:#c08b00!important}
.fc_a{color:#cabc1f!important}
.fc_r{color:#808080!important}
.fcLink{color:#0f56a2!important}
.normal{font-weight:normal!important}
.bold{font-weight:bold!important}
.italic{font-style:italic!important}
.fs10{font-size:10px!important;font-size:1rem!important}
.fs11{font-size:11px!important;font-size:1.1rem!important}
.fs12{font-size:12px!important;font-size:1.2rem!important}
.fs13{font-size:13px!important;font-size:1.3rem!important}
.fs14{font-size:14px!important;font-size:1.4rem!important}
.fs15{font-size:15px!important;font-size:1.5rem!important}
.fs16{font-size:16px!important;font-size:1.6rem!important}
.fs17{font-size:17px!important;font-size:1.7rem!important}
.fs18{font-size:18px!important;font-size:1.8rem!important}
.fs19{font-size:19px!important;font-size:1.9rem!important}
.fs20{font-size:20px!important;font-size:2rem!important}
.fs22{font-size:22px!important;font-size:2.2rem!important}
.fs24{font-size:24px!important;font-size:2.4rem!important}
.fs26{font-size:26px!important;font-size:2.6rem!important}
.fs28{font-size:28px!important;font-size:2.8rem!important}
.fs30{font-size:30px!important;font-size:3rem!important}
.fs32{font-size:32px!important;font-size:3.2rem!important}
.fs34{font-size:34px!important;font-size:3.4rem!important}
.fs36{font-size:36px!important;font-size:3.6rem!important}
.fs38{font-size:38px!important;font-size:3.8rem!important}
.fs40{font-size:40px!important;font-size:4rem!important}
.fs42{font-size:42px!important;font-size:4.2rem!important}
.fs44{font-size:44px!important;font-size:4.4rem!important}
.fs46{font-size:46px!important;font-size:4.6rem!important}
.fs48{font-size:48px!important;font-size:4.8rem!important}
.fs50{font-size:50px!important;font-size:5rem!important}
.fs55{font-size:55px!important;font-size:5rem!important}

/* line */
.lh10{line-height:1.0!important}
.lh11{line-height:1.1!important}
.lh12{line-height:1.2!important}
.lh13{line-height:1.3!important}
.lh14{line-height:1.4!important}
.lh15{line-height:1.5!important}
.lh16{line-height:1.6!important}
.lh17{line-height:1.7!important}
.lh18{line-height:1.8!important}

/* block */
.block{padding:40px 0;}
.block_in{width:auto;padding:0;margin:0 10px;overflow:hidden;}
.block .block__hd{margin:0 auto 20px;font-weight:bold;line-height:1.5;text-align:center;}
.block .block__catch{margin:0 auto 35px;line-height:1.5;text-align:center;}

/*  #mileinfo ** */
#mileinfo{background:#bce2ff url('../img/bg_mileinfo.jpg') center bottom no-repeat; background-size: cover;}
#mileinfo.block .block__catch{width:auto;margin:0 auto 35px;}
.mileinfo_ex .mileinfo_ex_box{position:relative;letter-spacing:normal;display:block;width:auto;padding:15px 10px;margin:0 auto;border:#a6a6a6 solid 2px;background:#fdfbf8;}
.mileinfo_ex .mileinfo_ex_box2{width:auto;border:#cc0000 solid 4px;background:#fdfbf8;-moz-box-shadow:2.5px 2.5px 0px 0px #cc0000;-webkit-box-shadow:2.5px 2.5px 0px 0px #cc0000;box-shadow:2.5px 2.5px 0px 0px #cc0000;}
.mileinfo_ex .mileinfo_ex_box .icon_balloon_ex{position:absolute;top:-25px;left:-20px;}
.mileinfo_ex .mileinfo_ex_box ul.ex_list{font-size:0;width:auto;margin:0 auto;}
.mileinfo_ex .mileinfo_ex_box .ex_list li{width:25%;display:inline-block;*display:inline;*zoom:1;text-align:center;vertical-align:top;}
.mileinfo_ex .mileinfo_ex_box .ex_list li span{line-height: 1.3; vertical-align:middle;}
.mileinfo_ex .mileinfo_ex_box .ex_list li span.icon_ex{display:block;height:51px;padding-bottom:5px;}
.mileinfo_ex .mileinfo_ex_box .ex_list li img{height: 90%;width: auto; padding-bottom:5px;}
.mileinfo_ex .mileinfo_ex_box ul.ex_list2{width:auto;margin:20px auto 0;}
.mileinfo_ex .mileinfo_ex_box ul.ex_list2 li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 6px;line-height:1.3;text-align:left;}
.mileinfo_ex .mileinfo_ex_box ul.ex_list2 li em{padding:0 3px;color:#c00;font-weight:bold;font-style:normal;}
.mileinfo_ex .mileinfo_ex_box .ex_catch{width:auto;height:auto;margin:0 1em;line-height:30px;-webkit-border-radius:30px;-moz-border-radius:30px;background:#edeaea;border-radius:30px;}
.mileinfo_ex_arrow{position:relative;display:block;height:30px;text-align:center;z-index:1;}
.mileinfo_ex_arrow img{margin-top:-8px;}
.presentList li{
	/* background:#0f0f69; */
	/* display:block; */
	  display: flex;
	  justify-content: center;
	width:auto;
	/* height:114px; */
	margin:0 auto 10px;
}
.presentList li .thumb{
	/* float:left; */
	/* flex-basis: 50%; */
	max-width: 50%;
}
.presentList li .txt{
	/* float:left; */
	/* width:50%; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-basis: 50%;
	max-width: 50%;
	/* padding:10px 0 0; */
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#0f0f69;
}
.presentList li .txt .txt_mile{
	display:block;
}
.presentList li .txt .txt_mile em{
	font-style:normal;
}
.presentList li .txt .txt_present{
	display:block;
	/* padding-top:28px; */
	line-height:1.2;
	/* background:url('../img/arrow_down_red.png') center top no-repeat;
	background-size: 10%; */
}





/* countdown area */

#wrapper.end{margin-top:150px;}
.count_area{background:#000;color:#fff;width:100%;}
/*.count_area.end{height:69px;left:0;padding:55px 0 8.5px;position:fixed;top:0;z-index:2;}*/
.count_area.end{width:auto;margin:0 auto;padding:10px 0 10px;}
.count_area .count_area_inner{width:auto;margin:0 auto;padding:10px 0 10px; max-width: 640px;}
.count_area.end .count_area_inner{display:none;}
.count_area .count_area_inner:after{content:"";display:block;clear:both;}
.count_area .count_txt{padding-right:20px;text-align:center;color:#fff;margin-left:20px;}
.count_area .txt1{font-size:18px;}
.count_area .txt2{font-size:16px;margin-left:-8px;}
.count_area .count{font-size:16px;letter-spacing:0;color:#fff!important;text-align:center;margin-top:29px;}
.count_area .count .num_wrap{margin:0 0px 0 10px;position:relative;bottom:9px;vertical-align:bottom;}
.count_area .count .num{display:inline-block;text-align:center;width:30px;height:38.5px;background:url(/sp/information/kazoku_visa2101/img/bg_count_num.png);background-size: contain;line-height:38.5px;color:#000;font-size:18px;vertical-align:bottom;margin:0 1px;}
.count_area .count_area_inner_end{display:none;}
.count_area.end .count_area_inner_end{display:block;}
.count_area_inner_end .end_txt{max-width:640px;width: auto;margin:0 auto;color:#fff;}
.count_area_inner_end .end_txt{font-size:14px;text-align:center;line-height:1.5em;}
.count_area_inner_end .end_txt .txt1{font-size:1.5em;display:inline-block;margin-bottom:20px;position:relative;left:15px;}
.count_area_inner_end .end_txt a{color:#fcff00;}
.count_area_inner_end .end_txt a:hover{color:#feffa3;}



.floatL {
	float: left;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */