@charset "utf-8";

#main-visual{
	position: relative;
	width:100%;
	margin-bottom: 160px;
}

#main-visual .abs1{
	position: absolute;
	top:90px;
	left:0;
	right:360px;
	margin:auto;
	width:431px;
	height:224px;
}
#main-visual .abs2{
	position: absolute;
	bottom:70px;
	left:0;
}

/*ＩＮＤＥＸ共通
=============================*/
.title1{
	text-align: center;
	font-size:12px;
	font-weight: bold;
}
.title1 span{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	font-weight: normal;
	line-height: 1.3;
}
.title2{
	text-align: center;
	font-size:14px;
	font-weight: bold;
	background:url(img/line2.jpg) bottom center no-repeat;
}
.title2 span{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size:36px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.6;
}


.index_cont1{
	position: absolute;
	bottom:0;
	width:100%;
	height:65px;
	overflow: hidden;
	border-top:1px solid rgba(2,112,177,0.2);
	border-bottom:1px solid rgba(2,112,177,0.2);
	background:rgba(255,255,255,0.8);
}
.index_cont1 h1{
	float:left;
	width:216px;
	margin-top:10px;
	margin-right: 80px;
	background: url(img/line1.jpg) right center no-repeat;
}
.index_cont1 p{
	float:left;
	width:450px;
	margin-top:19px;
	font-size:16px;
}
.index_cont1 .more1{
	float:right;
	font-size:14px;
	margin-top:23px;
}
.index_cont1 .more1:after{
content:url(img/ya1.png);
position : relative ;
top:-1px;
margin-left:8px;
}

.index_cont2{
	position: relative;
	height:555px;
	margin-bottom: 195px;
	background:url(img/bg1.jpg) left bottom repeat-x;
}
.index_cont2 .bg1{
	position: absolute;
	top:-40px;
	left:8%;
	width: 92%;
	height: 642px;
	margin-bottom: 73px;
	background:rgba(255,255,255,0.8);
	z-index:-1;
}
.index_cont2 h1{
	margin-bottom: 38px;
}


.index_cont2 .slider{
	height: 438px;
}
.index_cont2 .slick-list{
	height: 438px;
}
.rank_box{
	position: relative;
	width:241px;
	padding:0 8px;
	margin-top:40px;
}
.rank_box strong{
	position: absolute;
	top:-10px;
	left:15px;
	z-index: 10;
}
.rank_img{
	position: relative;
	width:225px;
	height:225px;
	overflow: hidden;
	margin-bottom: 10px;
}
.rank_img a{
	display: block;
	width:225px;
	height:225px;
}
.rank_img img{
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.rank_img p{
	position: absolute;
	bottom:0;
	right:0;
	padding:15px 10px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background:#81c400;
}
.rank_entry h2{
	margin-bottom: 10px;
	font-size: 16px;
}
.rank_entry h2 a{
	color:#fff;
}
.kakaku{
	display: inline-block;
	width:100%;
	height:66px;
	box-sizing:border-box;
	padding-top:10px;
	border:1px solid rgba(255,255,255,0.2);
	text-align: center;
	color:#fff;
	vertical-align: middle;
}
.kakaku p{
	display: inline-block;
	vertical-align: middle;
}
.kakaku .uti11{
	text-decoration: line-through;
}
.rank_box .onf{
	display: none;
}
.kakaku p + p{
	color:#ff9b24;
}
.index_cont2 .slick-prev {
right: -40px;
background:url(img/arwl.png) no-repeat;
}
.index_cont2 .slick-next{
left: -40px;
background:url(img/arwr.png) no-repeat;
}
.index_cont2 .slick-prev,
.index_cont2 .slick-next{
position: absolute;
width: 16px;
height: 31px;
top: 137px;
padding: 0;
border: none;
cursor:pointer;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}




.index_cont3{
	position: relative;
	margin-bottom:105px;
}
.index_cont3 .bg2{
	position: absolute;
	top:-40px;
	right:8%;
	width: 92%;
	height: 714px;
	margin-bottom: 73px;
	background:rgba(255,255,255,0.8);
	z-index:-1;
}

.index_cont3 h1{
	margin-bottom:40px;
}
.index_cont3 .wrap{
	width:100%;
	height:519px;
	margin-bottom: 73px;
	background:url(img/bg1-1.jpg) left bottom repeat-x;
}
.wdr{
	width:842px;
	height: 39px; 
	margin:0 auto;
}
.index_cont3 .slider{
	width:842px;
	margin:0 auto 30px;
}

.index_cont3 .slider li{
	display: block;
	/*float:left;*/
	width:210px;
	height: 39px;
	box-sizing:border-box;
	padding:3px 0px 10px;
	font-size:16px;
	cursor:pointer;
	font-weight:bold;
	text-align: center;
	border-left:2px solid rgba(0,55,97,0.3);
}
.index_cont3 .slider li:last-child{
	border-right:2px solid rgba(0,55,97,0.3);
}
.index_cont3 .slider li h2{
	display: inline-block;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}
.tab li.select h2{
    background: linear-gradient(transparent 80%, #ff9b24 0%);
}

.reco_area{
	width:980px;
	overflow:hidden;
	margin:0 auto;
}
.hide {display:none;}
.content li:first-child{
	display:block;
}

.reco_line{
	overflow: hidden;
}

.index_cont3  .rank_box{
	float:left;
}













.index_cont3 .slick-prev {
right: -40px;
background:url(img/arwl.png) no-repeat;
}

.index_cont3 .slick-next{
left: -40px;
background:url(img/arwr.png) no-repeat;
}
.index_cont3 .slick-prev,
.index_cont3 .slick-next{
position: absolute;
width: 16px;
height: 31px;
top: 5px;
padding: 0;
border: none;
cursor:pointer;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}
.index_cont3 .more2{
	display: block;
	width:378px;
	height: 72px;
	margin:0 auto;
}
.index_cont3 .slick-disabled{
	opacity: 0.1;
}

.index_cont4{
	height:761px;
	position: relative;
	overflow: hidden;
	padding:80px 0 97px;
}
.index_cont4 h1{
	margin-bottom: 55px;
	color:#002961;
}

.month_cont{
	overflow:hidden;
}
.month_cont .img{
	position: relative;
	float:left;
	width:350px;
	height:350px;
	overflow: hidden;
	margin-left:20px;
	z-index: 10;
}
.month_cont .img img{
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.month_cont .img p{
	position: absolute;
	top:15px;
	left:15px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px;
}
.month_cont .month_box{
	position: relative;
	float:left;
	width:597px;
	height:401px;
	overflow:hidden;
	margin:20px 0 0 -20px;
	padding:30px 42px 0;
	color:#fff;
	text-align: center;
	background:rgba(2,112,177,0.8);
}
.month_box h2{
	display: inline-block;
	margin:0 auto 20px;
	font-size:24px;
	font-weight: bold;
	line-height: 1;
	background: linear-gradient(transparent 80%, #ff9b24 0%)
}
.month_box h3{
	padding:10px 0;
	margin-bottom: 25px;
	font-size:18px;
	text-align: center;
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.month_box .pxp0{
	width:445px;
	line-height: 2;
	text-align: line-height;
	margin:0 auto 30px;
}
.month_box .pxp1,
.month_box .pxp2{
	display: inline-block;
	font-size:16px;
	font-weight: bold;
}
.month_box .uti11{
	text-decoration: line-through;
}
.month_box .onf{
	display: none;
}
.month_box .pxp1{
	margin:0 10px 0 auto;
}
.month_box .pxp2{
	margin:0 auto 0 10px;
	color:#ff9b24;
}
.month_box .axa1{
	position: absolute;
	bottom:30px;
	left:95px;
}
.month_box .axa2{
	position: absolute;
	bottom:30px;
	right:95px;
}










.index_cont4 .abs1{
	position: absolute;
	top:0;
	right:0;
}
.index_cont4 .abs2{
	position: absolute;
	bottom:-3px;
	left:0;
}

.index_cont5{
	position: relative;
	padding:100px 0 120px;
	text-align: center;
}
.index_cont5 .abs1{
	position: absolute;
	top:0;
	left:0;
	z-index:10;
}
.index_cont5 .abs2{
	position: absolute;
	bottom: 0;
	right:0;
}
.index_cont5 h1{
	margin-bottom:100px;
	background:url(img/line3.jpg) bottom center no-repeat;
}
.index_cont5 .pxp1{
	position: relative;
	display: inline-block;
	margin-bottom:20px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	background: linear-gradient(transparent 80%, #ff9b24 0%);
	z-index: 100;
}
.index_cont5 ul{
	margin:95px 0 120px;
}
.index_cont5 li{
	position: relative;
	float:left;
	width:300px;
	height: 300px;
	box-sizing:border-box;
	padding:30px 0 0 25px;
	text-align: left;
	border:1px solid rgba(52,26,9,0.6);
	background:rgba(255,255,255,0.6);
}
.index_cont5 .box2{
	margin:0 30px;
}
.index_cont5 li h2{
	margin-bottom:30px;
	font-size:24px;
	font-weight: bold;
	display: inline-block;
	border-bottom:3px solid #ff9b24;
}
.index_cont5 .box2 h2{
	letter-spacing: -5px;
}
.index_cont5 li img{
	margin-right:10px;
	margin-bottom:30px;
}
.index_cont5 p{
	font-weight: bold;
	line-height: 2;
}
.index_cont5 a{
	position: absolute;
	bottom:10px;
	right:14px;
	font-size: 14px;
	font-weight: bold;
}
.index_cont5 a:after{
content:url(img/ya1.png);
position : relative ;
top:0px;
margin-left:3px;
}

.index_cont6{
	padding:80px 0 95px;
	background:url(img/index/bg5.jpg) top center no-repeat;
	background-size:cover;
}
.index_cont6 h1{
	color:#002961;
	margin-bottom: 50px;
	background: url(img/line2.jpg) bottom center no-repeat;
}
.index_cont6 h1 {
	text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff;
}
.col_box{
	width:470px;
	height:301px;
	overflow: hidden;
	padding:20px;
	margin-right:20px;
	margin-bottom: 95px;
	border:2px solid rgba(52,26,9,0.2);
	background:rgba(255,255,255,0.9);
}
.col_box h2{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: center;
	border-bottom:2px dotted  rgba(2,112,177,0.8);
}
.col_box .img{
	float:left;
	display: block;
	width:202px;
	height: 202px;
	overflow:hidden;
	margin-right: 10px
}
.col_box .img img{
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.col_box p{
	padding-top:10px;
}
.index_cont6 .slick-prev {
right: -40px;
background:url(img/arwl2.png) no-repeat;
}
.index_cont6 .slick-next{
left: -40px;
background:url(img/arwr2.png) no-repeat;
}
.index_cont6 .slick-prev,
.index_cont6 .slick-next{
position: absolute;
width: 16px;
height: 31px;
top: 150px;
padding: 0;
border: none;
cursor:pointer;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}
.index_cont6 h3{
	text-align: center;
}
.index_cont6 h3 span{
	display: inline-block;
	margin-bottom:45px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	background: linear-gradient(transparent 80%, #ff9b24 0%);
}
.index_cont6 .more3{
	display: inline-block;
	width:270px;
	height:42px;
	margin-left:95px;
	margin-right: 24px;
}
.index_cont6 #searchform3{
	position: relative;
	display: inline-block;
	width:428px;
	height:42px;
}
.index_cont6 #searchform3:after{
	content:url(img/ya2.png);
	position :absolute ;
	top: -44px;
	right: -70px;
}
.index_cont6 #keywords3{
	width: 100%;
	height: 42px;
	box-sizing:border-box;
	border:none;
	padding: 4px 50px 4px 10px;
	text-align: center;
	color: #535353;
	background: #fff;
}
.index_cont6 #searchBtn3{
	position: absolute;
	top:0px;
	right:0px;
}


.index_cont7{
	padding:95px 0 55px;
}
.index_cont7 h1{
	margin-bottom: 55px;
	background: url(img/line3.jpg) bottom center no-repeat;
}
.index_cont7 .slider{
	margin-bottom: 50px;
}
.cus_box{
	position: relative;
	width:306px;
	height:301px;
	overflow:hidden;
	padding:20px 20px;
	margin:0 10px;
	border:2px solid rgba(52,26,9,0.5);
	background:rgba(255,255,255,0.6);
}
.cus_box h2{
	font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 2px dotted rgba(2,112,177,0.8);
}
.cus_box p{
	width:220px;
	margin:0 auto;
	line-height: 2;
}
.cus_box  h3{
	position: absolute;
	bottom:20px;
	right:50px;
}




.index_cont7 .slick-prev {
right: -40px;
background:url(img/arwl3.png) no-repeat;
}
.index_cont7 .slick-next{
left: -40px;
background:url(img/arwr3.png) no-repeat;
}
.index_cont7 .slick-prev,
.index_cont7 .slick-next{
position: absolute;
width: 16px;
height: 31px;
top: 130px;
padding: 0;
border: none;
cursor:pointer;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}







.index_cont7 .more4{
	display: block;
	width:282px;
	height:54px;
	margin:0 auto;
}



.index_cont8{
	padding:80px 0 ;
	color:#fff;
	text-align: center;
	background:url(img/index/bg6.jpg) top center no-repeat;
	background-size: cover;
}
.index_cont8 h1{
	color:#fff;
	margin-bottom: 310px;
	background: url(img/line2.jpg) bottom center no-repeat;
}


.index_cont8 p{
	position: absolute;
	top: 10px;
	width:100%;
	height: 430px;
	box-sizing:border-box;
	padding-top:150px;
	font-size: 16px;
	line-height:2;
	background:url(img/index/bb2.png) center center no-repeat;
	z-index: 0;
}
.index_cont8 .axa1{
	margin-right:15px;
}

.index_cont9 {
	padding:80px 0 85px;
}
.index_cont9 ul{
	overflow: hidden;
}
.index_cont9 li{
	float:left;
}
.index_cont9 li a{
	display: block;
}
.index_cont9 .mmm{
	margin:0 20px;
}