@charset "UTF-8";
/*
style2.css

文字：#000000
リンクカラー：#222288


/*-------------------------------------------- カルーセル */

.carousel{
	position:  relative;padding: 0 0 0;overflow: hidden;
}
.carousel_body{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	opacity: 0;
}
.carousel-min{
	height:391px;
	padding-bottom:40px;
}

.post_carousel.carousel .carousel_body{
	margin: 0 auto;
}
.post_carousel.carousel .carousel_body img{
	height: auto;
	width: 100%;
}

#top_imgs .carousel_body{
	position:relative;
	max-width: none;
	height: 100vh;
}
.carousel_body_inner{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
}

.carousel_item{
	position:absolute;
	left:100%;
	top:0;
	/* right: auto; */
	bottom:0;
	width: 100%;
	background-size:auto 100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: #f7f4f2;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	padding: 0 3px;
}
.carousel-min .carousel_item{
	width: 516px;
	height: 391px;
	padding: 0  10px;
	background: none;
	box-sizing: content-box;
}

/*
.carousel_item{
	position:static;
	display:inline-block;
	height:100%;
	width:auto;
}
*/
.carousel_item:first-child{
	
}
.carousel_item_img{
	height:100%;
	width:auto;
}

.sec_content .carousel{
	position:relative;
	padding:492px 700px 0 0;
	border-radius:6px;
	/* overflow:hidden; */
	margin-bottom:40px;
}
.sec_content .carousel_body{
	border-radius:6px;
}
.header_image .carousel_item{
}
body.iOS .carousel_item{
}
.carousel_item p,.sec_content .carousel_item p{
	background:rgba(0,0,0,0.6);
	color:#fff;
	padding:6px 12px;
	line-height:1.5;
	position:absolute;
	left:0;bottom:0;
	margin:0;
	right:0;
	font-size:13px;
}
.carousel_item:first-child{
	left:0;
}
.carousel_item>a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.carousel_item:hover{
	opacity:0.8;
}
.carousel_item>a h1{
	visibility:hidden;
}
.carousel .thumbs{
	text-align:center;
	position:  absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}
.carousel .thumbs .thumb{
	display:inline-block;
	width: 6px;
	height: 6px;
	border-radius:5px;
	background:#aaa;
	margin: 0 4px;
}
.carousel .thumbs span.on{
	background: #000;
}
.ie .carousel .thumbs span{
	zoom:1;
}
.carousel .btn_next,.carousel .btn_prev{
	background: none;
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:7.7%;
	top:50%;
	margin: -25px 0 0;
	cursor:  pointer;
	background:#fff;
	border-radius:50px;
	transform: translateX(-50%);
	transition: opacity 0.3s ease-out;
	padding: 0;
	border: 0;
}
.carousel .btn_next:before,.carousel .btn_prev:before{
	content:"";
	border:#000 1px solid;
	border-width:1px 1px 0 0;
	display:inline-block;
	width:10px;
	height:10px;
	position:absolute;
	top: 0;
	left:0;
	right: -7px;
	bottom:0;
	margin: auto;
	transform:rotate(-135deg);
	transition:none;
	box-shadow: 1px -1px 0 rgba(0,0,0,0.1);
}
.carousel .btn_next{
	left:auto;
	right:7.7%;
	transform: translateX(50%);
}
.carousel .btn_next:before{
	right:0;
	left:-5px;
	transform:rotate(45deg);
}
.carousel .btn_next:hover,.carousel .btn_prev:hover{
	opacity:0.7;
}

.carousel .btn_next:hover:before,.carousel .btn_prev:hover:before{
	/*border-color:#000;none1px -1px 0 rgba(255,255,255,0.5);*/
}

.carousel .btn_next.stuck,.carousel .btn_prev.stuck{
	width: 36px;
	height:36px;
	transform:translateX(-10px);
	border-radius:0 20px 20px 0;
}
.carousel .btn_next.stuck{
	transform:translateX(10px);
	border-radius:20px 0 0 20px;
}
.carousel .btn_next.stuck:before,.carousel .btn_prev.stuck:before{
	width: 5px;
	height:5px;
}

.carousel.img_single .btn_next,
.carousel.img_single .btn_prev,
.carousel.img_single .thumbs{
	display: none;
}
.carousel-min .btn_next,.carousel-min .btn_prev{
	margin-top:-45px;
}
.fc_brand .carousel{
  margin: 0 auto 120px;
}

@media screen and (max-width: 1200px) {
	.carousel .btn_prev{
		left:0px;
	}	
	.carousel .btn_next{
		right:0px;
	}	
}
@media screen and (max-width: 767px) {
	.carousel_body{
		padding: 0;
	}
	#top_imgs.carousel{
	}
	#top_imgs .carousel_body{
	height: auto;
	}
	.carousel_item{
		/*padding-top:141.54589%;*/
		height: auto;
		padding:0;
	}
	.carousel_item_img{
		width:100%;
		height:auto;
	}
	.carousel_item_img:hover{
		opacity:1;
	}
	.carousel .btn_next,.carousel .btn_prev{
		width: 36px;
		height:36px;
		transform:translateX(-10px);
		border-radius:0 20px 20px 0;
    }
	.carousel .btn_next{
		right: 0 !important;
	}
	.carousel .btn_prev{
		left: 0 !important;
	}
	.carousel .btn_next{
		transform:translateX(10px);
		border-radius:20px 0 0 20px;
	}
	.carousel .btn_next:before,.carousel .btn_prev:before{
		width: 5px;
		height:5px;
	}
	.carousel-min{
    height: 270px;
    padding-bottom:40px;
	}
	.carousel-min .carousel_item{
		width:356px;
		height: 270px;
		padding: 0 5px;
	}
  .carousel-min .btn_next{
    right: 0!important;
  }
  .carousel-min .btn_prev{
     left: 0!important;
  }
  .fc_brand .carousel{
    margin: 0 auto 16vw;
  }
}
@media screen and (max-width: 360px) {
	.carousel-min{
    height: 227px;
	}
	.carousel-min .carousel_item{
		width:300px;
		height: 227px;
	}
}


@media screen and (max-width: 750px) {
.page_ttl_sub {
    position: absolute;
    right: 0;
    top: 5px;
    margin-top: 0;
    font-size: 0;
    display: flex;
    align-items: center;
}

.page_ttl_sub .btn_fc_bukken {
    line-height: 40px;
    font-size: 13px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 30px;
    color: #fff;
    height: 40px;
    letter-spacing: 1px;
    background: none;
    padding: 0 10px;
    box-sizing: border-box;
}
.page_ttl_sub .btn_fc_kamei {
    line-height: 1.2;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
    background: #f00;
    border-radius: 30px;
    color: #fff;
    height: 40px;
    padding: 5px 12px;
    box-sizing: border-box;
    margin-top: 3px;
    text-align: center;
}
}