@charset "utf-8";

/*
ファイル名:style.css
最終更新日:20xx/xx/xx
*/

.sp-none {	display: none !important;}


/*---------------------------------------

	body

---------------------------------------*/

body {
    /*background: #fff;*/
	color: #333;
	text-align: left;
	width: 100%;
	font-size: 4vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
body.home:after {
	display: none;
}

body #wrapper {
	width: 100%;
	margin-right: 0;
}
body.home:before {	display: none;}

/* PAGER */
.pager {
	overflow: hidden;
	_zoom: 1;	
	clear: both;
	margin-bottom: 50px;
	padding: 8px 0px 7px 0px;
	font-weight: 700;
}
.pager strong {
	line-height: 2.3;
}
.pager ul {
	/*float: left;*/
	width: 100%;
	text-align: center;
}
.pager li {
	/*float: left;*/
	display: inline-block;
	/*margin-right: 5px;*/
	color:#666;
}
.pager li a {
	display: inline-block;
	padding: 3px 5px 1px;
	border: solid 1px #cccccc;
	text-decoration:none;
	font-weight: 400;
}
.pager li a:hover {
	display: inline-block;
	padding: 3px 5px 1px;
	border: solid 1px #ffb506;
	background-color: #ffebba;
	color:#000;
}
.pager li span.current_page {
	display: inline-block;
	padding: 3px 5px 1px;
	border: solid 1px #cccccc;
	background-color: #ffebba;
	color: #333;
}
.pager p{
	float:right;
	color:#4e4e4e;
	font-weight:700;
	font-size:116.7%;
}
.pager p span{
	color:#CC0000;
	padding-left:10px;
}

/*---------------------------------------

	header

---------------------------------------*/
header {
    background: #fff;
    display: inline-block;
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
}
#home header {
    display: inline;
}
#header {
	width: 100%;
	height: 17vw;
/*
    min-height: 17vw;
    position: fixed;
    background: #fff;
	background-color: rgba(255,255,255,0.9);
	filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.1));
    text-align: center;
*/
}
#header .inner {
	clear: both;
	width: 96%;
	margin: 0 2%;
}
#site-id {
    width: 28vw;
    height: 27vw;
}
#site-id a {
}



#header .menu-wrap {
    width: 100%;
}
#header .menu-wrap .menu ul.header-menu {
    margin: 30vw 0 0 16vw;
	width: 76vw;
	height: 63vh;
}
#header .menu-wrap .menu ul.header-menu li:last-child {
	width: 27vw;
	margin-top: 7vw;
}

  /* click-nav */
	#click-nav {
		width: 12vw;
		height: 13vw;
		left: 77vw;
		top: -25.4vw;
	}
	.is-fixed #click-nav {
		/*top: -20vw;*/
	}
	#click-nav .one {
	    top: 6vw;
	}
	.is-fixed #click-nav .one {
	    top: 8vw;
	}
	#click-nav .three {
		top: 8vw;
	}
	.is-fixed #click-nav .three {
		top: 8vw;
	}


/*---------------------------------------

	site-main

---------------------------------------*/
body:after {	display: none;}
body:before { width: 0;}
body.home #wrapper {
	margin-top: 17vw;
}
body.sub #wrapper {
	margin-top: 14vw;
}
main.site-main {
	clear: both;
    width: 100%;
}
main.site-main p {
	display: inline-block;
	width: 100%;
	margin-bottom: 6vw;
	line-height: 1.8em;
    font-size: 3.5vw;
    color: #333;
}


main.site-main .swiper-container2 .swiper-button-next,
main.site-main .swiper-container3 .swiper-button-next {
    z-index: 1;
}
main.site-main .swiper-container2 .swiper-button-next:after,
main.site-main .swiper-container3 .swiper-button-next:after,
main.site-main .swiper-container-kanren .swiper-button-next:after,
main.site-main .swiper-container-kanren .swiper-button-prev:after {
    font-size: 8vw;
}
main.site-main .go-next {	right: 17vw;}
main.site-main .go-prev {	right: 7vw;}
main.site-main .swiper-container4 .go-next,
main.site-main .swiper-container4 .go-prev {
    top: 33vw;
}
main.site-main .go-next, main.site-main .go-prev {
    width: 8vw;
    height: 8vw;
}
main.site-main .swiper-container2 .swiper-pagination,
main.site-main .swiper-container3 .swiper-pagination,
main.site-main .swiper-container4 .swiper-pagination,
main.site-main .swiper-container-kanren .swiper-pagination {
	z-index: 1;
}

main.site-main .swiper-container4 .swiper-pagination {
    top: 65vw;
}

main.site-main .swiper-container-kanren .swiper-button-next,
main.site-main .swiper-container-kanren .swiper-button-prev {
    top: 23vw;
    z-index: 1;
}
main.site-main .swiper-container-kanren .swiper-button-next {
	right: calc(14vw - 53px);
}
main.site-main .swiper-container-kanren .swiper-button-prev {
	left: calc(16vw - 60px);
}



/*---------------------------------------

	footer 

---------------------------------------*/