@charset "UTF-8";
/* css pr [Slideshow] */

@import url("slick.css");
@import url("slick-theme.css");

/*-------------------------------------*/
/* Slide show */
/*-------------------------------------*/
/*== Waku ==*/
.sliderArea {
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

/*== img ==*/
#main-slider01, #main-slider02, #main-slider03, #main-slider04, #main-slider05, #main-slider06, #main-slider07, #main-slider08, #main-slider09 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 0; /* for bottom space */
	line-height: 0; /* for bottom space */
	position: relative;
}
#main-slider01 img, #main-slider02 img, #main-slider03 img, #main-slider04 img, #main-slider05 img,
#main-slider06 img, #main-slider07 img, #main-slider08 img, #main-slider09 img {
	margin: 0 auto;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

/*== Slider Custom ==*/
.slick-dots {
	bottom: -25px;
}
.slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
}
.slick-dots li + li {
	margin-left: 20px;
}
.slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
}
.slick-dots li button:before {
	font-family: "";
	font-size: 0;
	line-height: 0;
	content: "";
	width: 10px;
	height: 10px;
	color: #b7bac6;
	background-color: #b7bac6;
	opacity: 1;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.slick-dots li.slick-active button:before {
	color: #00306d;
	background-color: #00306d;
	opacity: 1;
}
.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
}
.slick-prev:before, .slick-next:before {
	font-size: 30px;
	color: #000;
}
.slick-prev {
  left: -40px;
}
[dir='rtl'] .slick-prev {
  right: -40px;
  left: auto;
}
.slick-next {
  right: -40px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -40px;
}

/*-------------------------------------*/
/* Navi */
/*-------------------------------------*/
.navi-main {
	padding: 0;
	margin: 0 auto;
	height: auto;
	position: relative;
}
.navi-main ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	list-style-type: none;
}
.navi-main ul li {
	height: auto;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align: top;
	list-style-type: none;
}
.navi-main ul li img {
	padding: 0;
	margin: 0;
	width: 100%;
	vertical-align: bottom;
}



/* PC */
@media print, screen and (min-width: 960px) {
/*-------------------------------------*/
/* Slide show */
/*-------------------------------------*/
/*== Waku ==*/
.sliderArea {
	/*padding: 25px 0 30px 0;*/
	padding: 0 0 30px 0;
	width: 98%;
}

/*== img ==*/
#main-slider01, #main-slider02, #main-slider03, #main-slider04, #main-slider05, #main-slider06, #main-slider07, #main-slider08, #main-slider09 {
	/*min-height: 450px;
	max-height: 500px;*/
	width: 100%;
}
#main-slider01 img, #main-slider02 img, #main-slider03 img, #main-slider04 img, #main-slider05 img,
#main-slider06 img, #main-slider07 img, #main-slider08 img, #main-slider09 img {
	min-height: 500px;
	max-height: 500px;
	width: 100%;
}

/*== Slider Custom ==*/
.slick-dots {
	bottom: -30px;
}

.slick-dots li {
	width: 15px;
	height: 15px;
}

.slick-dots li button {
	width: 15px;
	height: 15px;
}

.slick-dots li button:before {
	width: 15px;
	height: 15px;
}

/*-------------------------------------*/
/* Navi */
/*-------------------------------------*/
.navi-main {
	width: 100%;
}

.navi-main ul li {
	padding: 5px 0 15px 0;
	margin: 0 0.8%;
	width: 48.0%;
}



}

/* Tablet */
@media screen and (max-width: 959px) and (min-width: 681px) {
/*-------------------------------------*/
/* illust */
/*-------------------------------------*/
/*== Waku ==*/
.sliderArea {
	/*padding: 25px 0 25px 0;*/
	padding: 0 0 25px 0;
	width: 96%;
}

/*== img ==*/
#main-slider01, #main-slider02, #main-slider03, #main-slider04, #main-slider05, #main-slider06, #main-slider07, #main-slider08, #main-slider09 {
	/*min-height: 400px;
	max-height: 450px;*/
	width: 100%;
}
#main-slider01 img, #main-slider02 img, #main-slider03 img, #main-slider04 img, #main-slider05 img,
#main-slider06 img, #main-slider07 img, #main-slider08 img, #main-slider09 img {
	min-height: 460px;
	max-height: 460px;
	width: 100%;
}

/*== Slider Custom ==*/
.slick-dots {
	bottom: -30px;
}

.slick-dots li {
	width: 16px;
	height: 16px;
}

.slick-dots li button {
	width: 16px;
	height: 16px;
}

.slick-dots li button:before {
	width: 16px;
	height: 16px;
}

/*-------------------------------------*/
/* Navi */
/*-------------------------------------*/
.navi-main {
	width: 100%;
}

.navi-main ul li {
	padding: 5px 0 10px 0;
	margin: 0 0.7%;
	width: 48.0%;
}



}

/* SP */
@media screen and (max-width: 680px)  {
/*-------------------------------------*/
/* illust */
/*-------------------------------------*/
/*== Waku ==*/
.sliderArea {
	/*padding: 20px 0 20px 0;*/
	padding: 0 0 20px 0;
	width: 94%;
}

/*== img ==*/
#main-slider01, #main-slider02, #main-slider03, #main-slider04, #main-slider05, #main-slider06, #main-slider07, #main-slider08, #main-slider09 {
	/*min-height: 350px;
	max-height: 400px;*/
	width: 100%;
}
#main-slider01 img, #main-slider02 img, #main-slider03 img, #main-slider04 img, #main-slider05 img,
#main-slider06 img, #main-slider07 img, #main-slider08 img, #main-slider09 img {
	min-height: 320px;
	max-height: 320px;
	width: 100%;
}

/*== Slider Custom ==*/
.slick-dots {
	bottom: -25px;
}

.slick-dots li {
	width: 15px;
	height: 15px;
}

.slick-dots li button {
	width: 15px;
	height: 15px;
}

.slick-dots li button:before {
	width: 15px;
	height: 15px;
}

/*-------------------------------------*/
/* Navi */
/*-------------------------------------*/
.navi-main {
	width: 100%;
}

.navi-main ul li {
	padding: 5px 0 10px 0;
	margin: 0 0.6%;
	width: 48.2%;
}


}