﻿@charset "utf-8";
.gnavi ul li a {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 0;
	padding: 15px 10px;
	border: solid 5px #000;
	box-sizing: border-box;
	position: relative;
	}
	
.gnavi ul li.on a:after, .gnavi ul li:hover a:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 18px solid transparent;
	position: absolute;
	bottom: -9px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	-o-transform: translateX(-50%) rotate(45deg);
}

.gnavi ul li:nth-child(1).on a:after, .gnavi ul li:nth-child(1):hover a:after {
	border-bottom: 18px solid #fed6d6;
}
.gnavi ul li:nth-child(2).on a:after, .gnavi ul li:nth-child(2):hover a:after {
	border-bottom: 18px solid #cdebf5;
}
.gnavi ul li:nth-child(3).on a:after, .gnavi ul li:nth-child(3):hover a:after {
	border-bottom: 18px solid #ffe563;
}
.gnavi ul li:nth-child(4).on a:after, .gnavi ul li:nth-child(4):hover a:after {
	border-bottom: 18px solid #eafddc;
}

.gnavi ul li.on a:before, .gnavi ul li:hover a:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 28px solid #000;
	border-left: 28px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	-o-transform: translateX(-50%) rotate(45deg);
}
#dammy {
	display: block;
	overflow: hidden;
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
	}
	
.pcheck {
	position: fixed;
	top:60px;
	left:10px;
	margin:0;
	padding:10px;
	width:150px;
	background-color: #FFF;
	opacity: 0.7;
	z-index: 200;
	}

.param1,
.param2 {
	margin:0;
	font-size:1.4em;
	}

/* layout
--------- --------- --------- --------- --------- */
#wrapper {
	margin:0;
	padding:65px 0 0;
	width:100%;
	position: relative;
	}
	
header {
	margin:0 0 35px;
	padding:0;
	width:100%;
	height:auto;
	position: relative;
	}
	
header h1,
header .sns,
.h_links {
	display: none;
	}

.gnavi {
	position: fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	z-index:50;
	}
	
.pop_menu {
	position: fixed;
	top:0;
	left:0;
	display: block;
	margin:0;
	width:45px;
	height:43px;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	background-color: #FFF;
	z-index:60;
	}
	
.pop_menu a {
	display: block;
	overflow: hidden;
	background: url('../images/common/sp_menu.jpg') no-repeat;
	background-size: 18px 15px;
	background-position: center center;
	margin: 0;
	padding: 43px 0 0;
	width: 45px;
	height: 0!important;
	}
		
.gnavi ul {
	margin:0;
	width:auto;
	float:right;
	}

.gnavi ul li {
	/* background: url('../images/common/sp_gnavi.png') repeat-x;
	background-size: 5px 14px;
	background-position: 0 bottom; */
	margin:0;
	width:25%;
	line-height:1.1;
	vertical-align: bottom;
	font-size:1.0em;
	float:left;
	}

.gnavi ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	/* height:57px!important; */
	font-weight: bold;
	text-align: center;
	}

/* .gnavi ul li.gnavi1 a,
.gnavi ul li.gnavi2 a,
.gnavi ul li.gnavi3 a,
.gnavi ul li.gnavi11 a,
.gnavi ul li.gnavi22 a,
.gnavi ul li.gnavi33 a {
	background: none;
	}

.gnavi ul li.gnavi1.on a,
.gnavi ul li.gnavi1 a:hover {
	background: url('../images/common/sp_gnavi1.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	}

.gnavi ul li.gnavi2.on a,
.gnavi ul li.gnavi2 a:hover {
	background: url('../images/common/sp_gnavi2.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	}

.gnavi ul li.gnavi3.on a,
.gnavi ul li.gnavi3 a:hover {
	background: url('../images/common/sp_gnavi3.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	}

.gnavi ul li.gnavi11.on a,
.gnavi ul li.gnavi11 a:hover {
	background: url('../images/common/sp_gnavi1.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	}

.gnavi ul li.gnavi22.on a,
.gnavi ul li.gnavi22 a:hover {
	background: url('../images/common/sp_gnavi3.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	}

.gnavi ul li.gnavi33.on a,
.gnavi ul li.gnavi33 a:hover {
	background: url('../images/common/sp_gnavi2.png') no-repeat;
	background-size: 125px 14px;
	background-position: center bottom;
	} */

.gnavi ul li a span {
	display: block;
	margin: 0;
	padding: 15px 0 0;
	height:28px;
	border-right:2px solid #000;
	font-weight: bold;
	color:#000;
	background-color: #FFF;
	width: 100%;
	}

.gnavi ul li:nth-child(1).on a span, .gnavi ul li:nth-child(1):hover a span {
	background-color: #fed6d6;
}
.gnavi ul li:nth-child(2).on a span, .gnavi ul li:nth-child(2):hover a span {
	background-color: #cdebf5;
}
.gnavi ul li:nth-child(3).on a span, .gnavi ul li:nth-child(3):hover a span {
	background-color: #ffe563;
}
.gnavi ul li:nth-child(4).on a span, .gnavi ul li:nth-child(4):hover a span {
	background-color: #eafddc;
}
	
.gnavi ul li a span br {
	display: none;
	}

/*	
.gnavi ul li.gnavi3 a span,
.gnavi ul li.gnavi33 a span {
	border-right:none;
	}
*/
.gnavi ul li.gnavi1.on a span,
.gnavi ul li.gnavi1 a:hover span {
	background-color: #fed6d6;
	}
.gnavi ul li.gnavi2.on a span,
.gnavi ul li.gnavi2 a:hover span {
	background-color: #cdebf5;
	}
.gnavi ul li.gnavi3.on a span,
.gnavi ul li.gnavi3 a:hover span {
	background-color: #ffe563;
	}
.gnavi ul li.gnavi4.on a span,
.gnavi ul li.gnavi4 a:hover span {
	background-color: #eafddc;
	}
	
/* .gnavi ul li.gnavi2.on a span,
.gnavi ul li.gnavi2 a:hover span {
	background-color: #CFEAF4;
	}
	
.gnavi ul li.gnavi3.on a span,
.gnavi ul li.gnavi3 a:hover span {
	background-color: #EBFCDA;
	}

.gnavi ul li.gnavi11.on a span,
.gnavi ul li.gnavi11 a:hover span {
	background-color: #FAD8D7;
	}
	
.gnavi ul li.gnavi22.on a span,
.gnavi ul li.gnavi22 a:hover span {
	background-color: #EBFCDA;
	}
	
.gnavi ul li.gnavi33.on a span,
.gnavi ul li.gnavi33 a:hover span {
	background-color: #CFEAF4;
	} */
	
.sp_logo {
	margin:0 auto;
	padding:20px 20px 0;
	text-align: center;
	}
	
.sp_logo a {
	display: block;
	margin: 0;
	width:100%;
	}
	
.sp_logo a img {
	margin: 0;
	width:100%;
	}

.contents {
	margin:0 auto 50px;
	width:100%;
	}
		
.to_top {
	display: none;
	}
		
.to_top a {
	display: none;
	}
			
.bottom {
	margin:0 auto 30px;
	padding:0;
	width:100%;
	position: relative;
	}
	
.blogo {
	margin:0;
	}

.blogo a {
	display: block;
	overflow: hidden;
	background: url('../images/common/logo0.png') no-repeat;
	background-size: 276px 22px;
	margin: 0 auto;
	padding: 22px 0 0;
	width: 276px;
	height: 0!important;
	}

.pc_bsns {
	display: none;
	}

.blinks_area {
	margin:0 0 10px;
	padding:0 0 20px;
	width:100%;
	border-bottom:4px solid #000;
	}

.blinks {
	margin:0 0 25px;
	width:100%;
	text-align: center;
	font-size:1.2em;
	border-top:1px solid #C9C9C9;
	}

.blinks li {
	display: block;
	margin:0;
	border-bottom:1px solid #C9C9C9;
	}

.blinks li a,
.blinks li b {
	display: block;
	margin:0;
	padding:20px 0 17px;
	color:#000;
	font-weight: bold;
	text-align: center;
	}
	
.blinks li b {
	color:#CCC;
	}

.sp_bsns {
	margin:0;
	text-align: center;
	}

.sp_bsns li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 10px;
	}
	
.sp_bsns li a {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 33px 0 0;
	width:34px;
	height: 0!important;
	}

.sp_bsns li.sp_bsns1 {
	background: url('../images/common/sp_sns_fb.gif') no-repeat;
	background-size: 34px 33px;
	}

.sp_bsns li.sp_bsns2 {
	background: url('../images/common/sp_sns_tw.gif') no-repeat;
	background-size: 34px 33px;
	}

.footer {
	margin:0 auto;
	width:100%;
	}
	
.footer .copyright {
	margin:0;
	text-align: center;
	font-size:1.0em;
	font-weight: bold;
	}

.screen {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: #000;
	z-index: 55;
	}
	
.menu_list {
	display:none;
	position: fixed;
	width:100%;
	z-index:999;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 150;
	}

.menu_close {
	margin:0;
	padding:17px 13px 13px 17px;
	border-bottom:1px solid #C9C9C9;
	}

.menu_close a {
	display: block;
	overflow: hidden;
	background: url('../images/common/popup_close.jpg') no-repeat;
	background-size: 15px 15px;
	margin: 0;
	padding: 15px 0 0;
	width: 15px;
	height: 0!important;
	}
	
.menu_list ul {
	margin:0;
	padding:2px 0 0;
	font-size:1.2em;
	overflow: auto;
	}
	
.menu_list ul li {
	margin:0;
	border-bottom:1px solid #C9C9C9;
	}
	
.menu_list ul li a,
.menu_list ul li b {
	display: block;
	margin:0;
	padding:20px 0 17px;
	color:#000;
	font-weight: bold;
	text-align: center;
	}
	
.menu_list ul li b {
	color:#CCC;
	}

@media screen and (max-width: 380px) {/* PCの設定 */
	.gnavi ul li.gnavi11 a span,
	.gnavi ul li.gnavi1 a span,
	.gnavi ul li.gnavi2 a span {
		padding: 9px 0 0;
		height:34px;
		}
		
	.gnavi ul li a span br {
		display: block;
		}
	
}
@media screen and (max-width: 959px) {
	.gnavi ul li a {border-width: 1px; border-top: none; border-left: none;}
	.gnavi ul li.on a:before, .gnavi ul li:hover a:before {
		border-bottom: 20px solid #000;
		border-left: 20px solid transparent;
		bottom: -10px;
	}
}
@media screen and (orientation: portrait) {/* 縦向き */

	}

@media only screen and (orientation : landscape){/* 横向き */

	}
	
@media screen and (min-width: 960px) {/* PCの設定 */
	#wrapper {
		padding:0;
		}
	
	header {
		margin:0 auto 20px;
		padding:70px 0 0;
		width:1100px;
		height:215px;
		position: relative;
		}
		
	header h1 {
		display: block;
		margin:0 0 35px;
		width: 1100px;
		}
		
	header h1 a {
		display: block;
		overflow: hidden;
		background: url('../images/common/logo0.png') no-repeat;
		background-size: 1093px 88px;
		background-position: center 0;
		margin: 0;
		padding: 90px 0 0;
		width: 1100px;
		height: 0!important;
		}
	
	header .sns {
		position: absolute;
		top:10px;
		right:10px;
		display: block;
		margin:0;
		width:75px;
		height:30px;
		}
	
	header .sns li {
		margin:0 7px 0 0;
		width:30px;
		float:left;
		}
	
	header .sns li a {
		display: block;
		overflow: hidden;
		background: url('../images/common/sns_fb.gif') no-repeat;
		background-size: 30px 30px;
		margin: 0;
		padding: 30px 0 0;
		width: 30px;
		height: 0!important;
		}
	
	header .sns li.tw a {
		background: url('../images/common/sns_tw.gif') no-repeat;
		background-size: 30px 30px;
		}
	
	.h_links {
		position: absolute;
		top:10px;
		right:100px;
		display: block;
		margin:0;
		padding:7px 0 0;
		}
	
	.h_links li {
		margin:0 20px 0 0;
		font-size:1.4em;
		font-family: 'Noto Sans Japanese', serif;
		float:left;
		}
	
	.h_links li a,
	.h_links li b {
		margin:0;
		color:#000;
		font-weight: bold;
		}
		
	.h_links li b {
		color:#CCC;
		}
	
	.gnavi {
		position: static;
		margin:0;
		width:1100px;
		}
		
	.pop_menu {
		display: none;
		}
		
	.gnavi ul {
		margin:0 -15px;
		width:auto !important;
		float:none;
		box-sizing: border-box;
		}
	
	.gnavi ul.fixed {
		position: fixed;
		top:15px;
		z-index: 100;
		width: 1130px !important;
		}
	
	.gnavi ul.fixed li a {background: #fff;}
	
	.gnavi ul li {
		background: none;
		margin:0;
		width:25%;
		/* height:90px; */
		font-size:1.7em;
		padding: 0 15px;
		box-sizing: border-box;
		
		}
	
	.gnavi ul li.gnavi3,
	.gnavi ul li.gnavi33 {
		margin:0;
		}
	
	.gnavi ul li a {
		display: flex;
		align-items: center;
		text-align: center;
		margin: 0;
		padding: 15px 10px;
		height:66px!important;
		border: solid 5px #000;
		box-sizing: border-box;
		position: relative;
		}
		
	.gnavi ul li:nth-child(1).on a, .gnavi ul li:nth-child(1):hover a {
		background: #fed6d6;
	}
	.gnavi ul li:nth-child(2).on a, .gnavi ul li:nth-child(2):hover a {
		background: #cdebf5;
	}
	.gnavi ul li:nth-child(3).on a, .gnavi ul li:nth-child(3):hover a {
		background: #ffe563;
	}
	.gnavi ul li:nth-child(4).on a, .gnavi ul li:nth-child(4):hover a {
		background: #eafddc;
	}
	
	.gnavi ul li.on a:after, .gnavi ul li:hover a:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		position: absolute;
		bottom: -9px;
		left: 50%;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-o-transform: translateX(-50%) rotate(45deg);
	}
	
	.gnavi ul li:nth-child(1).on a:after, .gnavi ul li:nth-child(1):hover a:after {
		border-bottom: 18px solid #fed6d6;
	}
	.gnavi ul li:nth-child(2).on a:after, .gnavi ul li:nth-child(2):hover a:after {
		border-bottom: 18px solid #cdebf5;
	}
	.gnavi ul li:nth-child(3).on a:after, .gnavi ul li:nth-child(3):hover a:after {
		border-bottom: 18px solid #ffe563;
	}
	.gnavi ul li:nth-child(4).on a:after, .gnavi ul li:nth-child(4):hover a:after {
		border-bottom: 18px solid #eafddc;
	}
	
	.gnavi ul li.on a:before, .gnavi ul li:hover a:before {
		content: "";
		width: 0;
		height: 0;
		border-bottom: 28px solid #000;
		border-left: 28px solid transparent;
		position: absolute;
		bottom: -14px;
		left: 50%;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-o-transform: translateX(-50%) rotate(45deg);
	}

	.gnavi ul li.gnavi1 a {
		/* background: url('../images/common/gnavi_back1.png') no-repeat;
		background-size: 337px 182px; */
		}
	
	.gnavi ul li.gnavi2 a {
		/* background: url('../images/common/gnavi_back2.png') no-repeat;
		background-size: 337px 182px; */
		}
	
	.gnavi ul li.gnavi3 a {
		/* background: url('../images/common/gnavi_back3.png') no-repeat;
		background-size: 337px 182px; */
		}

	.gnavi ul li.gnavi11 a {
		/* background: url('../images/common/gnavi_back1.png') no-repeat;
		background-size: 337px 182px; */
		}
	
	.gnavi ul li.gnavi22 a {
		/* background: url('../images/common/gnavi_back3.png') no-repeat;
		background-size: 337px 182px; */
		}
	
	.gnavi ul li.gnavi33 a {
		/* background: url('../images/common/gnavi_back3.png') no-repeat;
		background-size: 337px 182px; */
		}

	.gnavi ul li.gnavi1.on a,
	.gnavi ul li.gnavi1 a:hover {
		/* background: url('../images/common/gnavi_back1.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}
	
	.gnavi ul li.gnavi2.on a,
	.gnavi ul li.gnavi2 a:hover {
		/* background: url('../images/common/gnavi_back2.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}
	
	.gnavi ul li.gnavi3.on a,
	.gnavi ul li.gnavi3 a:hover {
		/* background: url('../images/common/gnavi_back3.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}

	.gnavi ul li.gnavi11.on a,
	.gnavi ul li.gnavi11 a:hover {
		/* background: url('../images/common/gnavi_back1.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}
	
	.gnavi ul li.gnavi22.on a,
	.gnavi ul li.gnavi22 a:hover {
		/* background: url('../images/common/gnavi_back3.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}
	
	.gnavi ul li.gnavi33.on a,
	.gnavi ul li.gnavi33 a:hover {
		/* background: url('../images/common/gnavi_back2.png') no-repeat;
		background-size: 337px 182px;
		background-position: 0 -91px; */
		}
		
	.gnavi ul li a span {
		margin: 0;
		padding: 0;
		height: auto;
		border-right:none;
		background-color: transparent;
		}
	
	.gnavi ul li a span br {
		display: none;
		}

	.gnavi ul li.gnavi1.on a span,
	.gnavi ul li.gnavi1 a:hover span,
	.gnavi ul li.gnavi2.on a span,
	.gnavi ul li.gnavi2 a:hover span,
	.gnavi ul li.gnavi3.on a span,
	.gnavi ul li.gnavi3 a:hover span,
	.gnavi ul li.gnavi11.on a span,
	.gnavi ul li.gnavi11 a:hover span,
	.gnavi ul li.gnavi22.on a span,
	.gnavi ul li.gnavi22 a:hover span,
	.gnavi ul li.gnavi33.on a span,
	.gnavi ul li.gnavi33 a:hover span {
		background-color: transparent;
		}
		
	.sp_logo {
		display: none;
		}

	.contents {
		margin:0 auto 110px;
		width:100%;
		}
		
	.to_top {
		display: none;
		position: fixed;
		right:0;
		bottom:100px;
		margin:0;
		width:132px;
		height:48px;
		z-index:200;
		}
		
	.to_top p {
		display: block;
		}
		
	.to_top p a {
		display: block;
		overflow: hidden;
		background: url('../images/common/totop.gif') no-repeat;
		background-size: 132px 48px;
		margin: 0;
		padding: 48px 0 0;
		width: 132px;
		height: 0!important;
		}
		
	.bottom {
		margin:0 auto 50px;
		padding:0;
		width:1100px;
		position: relative;
		}
	
	.blogo {
		margin:0;
		width:418px;
		}
	
	.blogo a {
		display: block;
		overflow: hidden;
		background: url('../images/common/logo0.png') no-repeat;
		background-size: 418px 34px;
		margin: 0;
		padding: 34px 0 0;
		width: 418px;
		height: 0!important;
		}
	
	.pc_bsns {
		display:block;
		position: absolute;
		top:3px;
		left:450px;
		margin:0;
		height:30px;
		}
	
	.pc_bsns li {
		margin:0 7px 0 0;
		width:30px;
		float:left;
		}
	
	.pc_bsns li a {
		display: block;
		overflow: hidden;
		background: url('../images/common/sns_fb.gif') no-repeat;
		background-size: 30px 30px;
		margin: 0;
		padding: 30px 0 0;
		width: 30px;
		height: 0!important;
		}
	
	.pc_bsns li.pc_bsns2 a {
		background: url('../images/common/sns_tw.gif') no-repeat;
		background-size: 30px 30px;
		}
	
	.blinks_area {
		margin:0 0 20px;
		padding:0 0 45px;
		min-width:1100px;
		border-bottom:4px solid #000;
		}
	
	.blinks {
		margin:0 auto;
		width:1100px;
		text-align: left;
		font-size:1.4em;
		border-top:none;
		}
	
	.blinks li {
		display: -moz-inline-box;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin:0 35px 0 0;
		border-bottom:none;
		}
		
	.blinks li.sp {
		display: none;
		}
		
	.blinks li.last {
		margin:0;
		}
	
	.blinks li a {
		display: inline;
		margin:0;
		padding:0;
		color:#000;
		font-weight: bold;
		text-align: left;
		}
		
	.sp_bsns {
		display: none;
		}
	
	.footer {
		margin:0 auto;
		width:1100px;
		}
		
	.footer .copyright {
		margin:0;
		text-align: center;
		font-size:1.4em;
		}
	}





/* social icon */
@import "/css/icons.css";

