@charset "utf-8";
@import "../css/common.css";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* 空背景部分 */
@media (min-width:992px){
	.secTop{
		padding:30px 0;
		background:url(../img/index/bgTop.jpg) center top no-repeat;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
	}
}
@media (min-width:1200px){
	.secTop{
		padding:44px 0;
	}
	.secTop .wrapper{
		width:1020px;
		margin:0 auto;
		
	}
}

/* ログイン部分 */
.secTop .boxLogin{
	margin-bottom:20px;
	background:#fff;
}
.secTop .titLogin{
	height:40px;
	margin-bottom:0;
	padding-top:12px;
	font-size:12px;
	text-align:center;
	letter-spacing:0.05em;
	color:#fff;
	background:#4F2700;
}
.secTop .boxForm{
	padding:20px;
	font-size:12px;
}
.secTop .boxLink{
	padding-bottom:10px;
}
@media (min-width:992px){
	.secTop .boxLeft{
		width:720px;
		margin:0 auto 30px;
		padding:10px;
		background:#fff;
	}
}
@media (min-width:1200px){
	.secTop .boxLeft{
		float:left;
		margin:0 auto;
	}
}

/* ログイン部分（スマホ用） */
.secTop .modal-body{
	position:relative;
}
.secTop .btnClose{
	display:block;
	width:30px;
	height:30px;
	line-height:26px;
	color:#fff;
	text-align:center;
	background:#4B4B4B;	
	border:solid 2px #fff;
	border-radius:50%;
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:2;
}
.secTop .modal-dialog{
	margin:20px;
}
@media (min-width:768px){
	.secTop .modal-dialog{
		margin:20px auto;
	}
}

/* PRバナー */
.secTop .boxPr{
	padding:20px 0;
}
@media (min-width:992px){
	.secTop .boxPr{
		padding:0;
		background:#fff;
	}
}

/* スライダー */
.secTop .boxRight{
	width:280px;
	margin:0 auto;
}
#slider{
	opacity:0;
	filter:alpha(opacity=0);
}
.secTop .sliderWrap a img{
	width:100%;
	height:auto;
}
.secTop .sliderWrap a:hover img,
.secTop .pagerWrap a:hover img{
	filter:alpha(opacity=80);opacity:0.8;
}
.secTop .slick-dotted.slick-slider{
	margin-bottom:0 !important;
}
.secTop .slick-dots{
	height:44px;
	background:#4593C1;
	position:relative !important;
	bottom:0 !important;
}
.secTop .slick-dots li{
	margin:13px 0 0 !important;
}
.secTop .slick-dots li button:before{
	color:#fff !important;
	filter:alpha(opacity=100) !important;
	opacity:1 !important;
}
.secTop .slick-dots li.slick-active button:before{
	color:#E6BC27 !important;
}
.secTop .pagerWrap{
	position:relative;
	top:-44px;
}
.secTop .pagerWrap a{
	display:block;
	width:8px;
	height:8px;
	background:#fff;	
	border-radius:50%;
}
.secTop .currentBox{
	display:none;
}
#pager{
	margin-bottom:0;
	position:relative;
}
#pager li{
	display:none;
}
#pager .btnPrev,
#pager .btnNext{
	display:block;
	width:50px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#fff;
	background: #3C87B5;
	position:absolute;
	top:0;
	cursor:pointer;
}
#pager .btnPrev:hover,
#pager .btnNext:hover{
	filter:alpha(opacity=80);opacity:0.8;
}
#pager .btnPrev{
	left:0;
}
#pager .btnNext{
	right:0;
}
@media (min-width:992px){
	.secTop .pagerWrap{
		width:624px;
		margin:0 auto;
		top:0;
	}
	.secTop .pagerWrap a{
		width:auto;
		height:auto;	
		border-radius:0;
	}
	.secTop .currentBox{
		display:block;
		width:150px;
		height:65px;
		border:solid 3px #E6BC27;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		-moz-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}
	.secTop .currentBox.nowChange{
		filter:alpha(opacity=0);opacity:0;
	}
	#pager{
		width:632px;
	}
	#pager li{
		display:block;
	}
	#pager .btnPrev,
	#pager .btnNext{
		width:30px;
		height:65px;
		line-height:65px;
		background: #017ee5;
		background: -moz-linear-gradient(top,  #017ee5 0%, #2791e9 50%, #017ee5 51%, #017ee5 100%);
		background: -webkit-linear-gradient(top,  #017ee5 0%,#2791e9 50%,#017ee5 51%,#017ee5 100%);
		background: linear-gradient(to bottom,  #017ee5 0%,#2791e9 50%,#017ee5 51%,#017ee5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ee5', endColorstr='#017ee5',GradientType=0 );
		position:absolute;
		top:0;
	}
	#pager .btnPrev{
		left:-38px;
	}
	#pager .btnNext{
		right:-30px;
	}
}
@media (min-width:1200px){
	.secTop .boxRight{
		float:right;
	}
}

/* 背景 */
.bg{
	padding-top:30px;
}
@media (min-width:992px){
	.bg{
		padding-top:50px;
		background:url(../img/index/bgPrivilege.gif) center top no-repeat;
	}
}

/* お知らせ */
.secNews{
	padding-bottom:10px;
}
.titNews{
	font-size:16px;
	font-weight:bold;
	line-height:48px;
	margin:0;
	position:relative;
	color:#017EE5;
	border-left:solid 6px #017EE5;
	box-shadow:0px 4px 0px 0px rgba(0,0,0,0.02);
}
.titNews .inner{
	display:block;
	padding:0 0 0 14px;
	background:#fff;
	border:solid 1px #E0E0E0;
	border-left:none;
}
.secNews .boxItem{
	padding:17px 0 16px;
	/* background:url(../img/index/line.gif) left bottom repeat-x; */
	background-size:4px 1px;
}
.secNews .date{
	font-size:13px;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 4px;
	color:#4E2600;
}
.secNews .txt{
	font-size:12px;
	line-height:20px;
}

/* 特典一覧 */
.secPrivilege{
	padding:0 10px 25px;
}
@media (min-width:992px){
	.secPrivilege{
		padding:0 0 125px;
	}
}

/* 余白調整の為にコメントアウト */
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:5px;padding-right:5px}*/


.toptile {

background:#1896bd;padding:5px 10px;color:#ffffff;font-size:13px;

}


@media (max-width:992px){
	.toptile {
		font-size:10px;
	}
}





.toptile_t {

background:#f7f3f7;padding:10px 10px;color:;margin:0 0 10px 0;line-height:1.5;font-size:12px;

}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    col-sm-2-5 {
        width: 40%;
        float: left;
    }
    col-sm-3-5 {
        width: 60%;
        float: left;
    }
    col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}

/* NEWアイコン用 */
.secPrivilege .iconNew{
	display:inline-block;
	font-weight:normal;
	background:#BF0000;
}