@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* --------------------
 body
-------------------- */
html {
 font-size: 62.5%; /* 10px基準 */
}
body {
	color: #4d4d4d;
	line-height:1.7;
 font-size:14px;
	font-size:1.4rem;
	background-color:#fff;
	font-family:'Noto Sans Japanese',Meiryo,sans-serif;
}
body *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
a{
	color:#4d4d4d;
	text-decoration:underline;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}
a[href^="tel:"] {
	pointer-events: none;
	text-decoration:none !important;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
}
.wp-caption{
	max-width:100%;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}
em{font-style:italic;}


/* Advanced Responsive Video Embedder プラグイン用 */
.aligncenter{margin:0 auto !important;}

/* --------------------
 header
-------------------- */
#wrapper{
	margin:0 auto;
	min-height:650px;
	position:relative;
	overflow:hidden;
}
#header{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:200px;
	height:100%;
}
#header #logo{
	width:100%;
	height:168px;
	border-bottom:4px #E2DFDD solid;
	background-color:#fff;
	position:relative;
}
#header #logo img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
#header #sp-lang{
	display:none;
}
#header #sp-nav-btn{
	display:none;
}
#header #sp-nav-search-btn{
	display:none;
}

#header nav{
	width:100%;
}
.pc #header nav{
	display:block !important;
}
#header #m-nav{
	padding:6px 0 0;
	width:100%;
	background-color:#fff;
	border-bottom:1px #d4d4d4 solid;
}
#header #m-nav > ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header #m-nav > ul > li{
	margin:0;
	padding:0;
	color:#000;
}
#header #m-nav > ul > li > a{
	padding:2px 12px 2px 16px;
	display:block;
}
#header #m-nav > ul > li.nav-1:hover,
#header #m-nav > ul > li.nav-2:hover,
#header #m-nav > ul > li.nav-3:hover{
	border-right:4px #608273 solid;
}
#header #m-nav > ul > li > a::before{
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#608273;
	font-size:16px;
	font-size:1.6rem;
	width:25px;
	position:relative;
}
#header #m-nav > ul > li > a span{
	font-size:10px;
	font-size:1.0rem;
}
#header #m-nav > ul > li > a .fa{
	color:#608273;
	font-size:16px;
	font-size:1.6rem;
	width:25px;
}
#header #m-nav > ul > li a{
	color:#000;
	text-decoration:none;
}
#header #m-nav > ul > li.nav-2 a::before{
	margin-right:5px;
	content:" ";
	width:20px;
	height:20px;
	background:url(../img/com/header/m-nav-icon-1.png) no-repeat left top;
	background-size:cover;
	top:5px;
}
#header #m-nav > ul > li .c-nav{
	display:none;
	padding:80px 16px 40px;
	width:240px;
	height:100%;
	position:absolute;
	top:0;
	left:200px;
	z-index:10;
}
#header #m-nav > ul > li.nav-6,
#header #m-nav > ul > li.nav-7{
	font-size:12px;
	font-size:1.2rem;
}
#header #m-nav > ul > li.nav-6{margin-top:10px;border-top:1px #d4d4d4 solid;}
#header #m-nav > ul > li.nav-7{border-top:1px #d4d4d4 solid;}

#header #m-nav > ul > li.nav-6 a,
#header #m-nav > ul > li.nav-7 a{
	padding:6px 16px;
}
#header #m-nav > ul > li.nav-6 a::before{
	margin-right:5px;
	content:" ";
	width:20px;
	height:20px;
	background:url(../img/com/header/m-nav-icon-2.png) no-repeat left top;
	background-size:cover;
	top:5px;
}
#header #m-nav > ul > li.nav-7 a::before{
	margin-right:5px;
	content:" ";
	width:20px;
	height:20px;
	background:url(../img/com/header/m-nav-icon-3.png) no-repeat left top;
	background-size:cover;
	top:5px;
}


#header #m-nav > ul > li.nav-1 .c-nav{background-color:#F3F3D8;}
#header #m-nav > ul > li.nav-2 .c-nav{background-color:#E5F1F9;}
#header #m-nav > ul > li.nav-3 .c-nav,
#header #m-nav > ul > li.nav-4 .c-nav{background-color:#F0E2D3;}

#info #header #m-nav > ul > li.nav-1 .c-nav{background-color:#F3F3D8;}
#info #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#info #header #m-nav > ul > li.nav-1 .c-nav li.current a{
	background-color:#006837;
}
#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav{background-color:#F3E5D8;}
#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav li.current a{
	background-color:#732600;
}
#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav{background-color:#ECF1F0;}
#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav li.current a{
	background-color:#005980;
}

#info.active #header #m-nav > ul > li.nav-1 .c-nav,
#tenrankai-events.active #header #m-nav > ul > li.nav-1 .c-nav,
#koshukai-workshops.active #header #m-nav > ul > li.nav-1 .c-nav,
#shisetsu.active #header #m-nav > ul > li.nav-2 .c-nav,
#restaurant-cafe.active #header #m-nav > ul > li.nav-3 .c-nav{
	display:block !important;
	z-index:9;
}

#header #m-nav > ul > li .c-nav .btn-close{
	position:absolute;
	top:50px;
	right:10px;
	width:16px;
	height:16px;
	border-radius:2px;
	line-height:16px;
	font-size:12px;
	text-align:center;
	color:#666;
	background-color:rgba(255,255,255,0.6);
	cursor:pointer;
}

#info.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#tenrankai-events.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#koshukai-workshops.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#shisetsu.active #header #m-nav > ul > li.nav-2 .c-nav .btn-close,
#restaurant-cafe.active #header #m-nav > ul > li.nav-3 .c-nav .btn-close{
	display:none;
}
#header #m-nav > ul > li .c-nav h3{
	margin:0 0 15px 10px;
	color:#000;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2;
}
#header #m-nav > ul > li .c-nav ul{
	margin:0 0 18px;
	padding:0;
	list-style:none;
}
#header #m-nav > ul > li .c-nav ul li{
	margin:0;
	padding:0;
	color:#000;
}
#header #m-nav > ul > li .c-nav ul li a{
	display:block;
	padding:5px 10px;
	color:#000;
	text-decoration:none;
}
#header #m-nav > ul > li .c-nav ul li a:hover{
	color:#fff;
}
#header #m-nav > ul > li .c-nav h4{
	margin:0 0 8px 10px;
	padding-left:6px;
	color:#3B1100;
	line-height:1.2;
}
#header #m-nav > ul > li .c-nav h4.title-1{border-left:5px #358C63 solid;}
#header #m-nav > ul > li .c-nav h4.title-2{border-left:5px #9C392A solid;}
#header #m-nav > ul > li .c-nav h4.title-3{border-left:5px #184666 solid;}
#header #m-nav > ul > li .c-nav ul.list-1{
	margin:0 0 0 10px;
}
#header #m-nav > ul > li .c-nav ul.list-1 li{
	font-size:12px;
	font-size:1.2rem;
}
#header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#header #m-nav > ul > li.nav-1 .c-nav li.current a{
	color:#fff;
	background-color:#006837;
}
#header #m-nav > ul > li.nav-2 .c-nav li a:hover,
#header #m-nav > ul > li.nav-2 .c-nav li.current a{
	color:#fff;
	background-color:#2B8000;
}
#header #m-nav > ul > li.nav-3 .c-nav li a:hover,
#header #m-nav > ul > li.nav-3 .c-nav li.current a,
#header #m-nav > ul > li.nav-4 .c-nav li a:hover,
#header #m-nav > ul > li.nav-4 .c-nav li.current a{
	color:#fff;
	background-color:#D83500;
}
#header #m-nav > ul > li.nav-2 .c-nav .list-1{
	margin-bottom:10px;
}
#header #m-nav > ul > li.nav-2 .c-nav .list-1 a{
	padding:2px 10px;
}
#header #m-nav > ul > li.nav-2 .c-nav .list-2{
	width:100%;
	letter-spacing:-.40em;
}
#header #m-nav > ul > li.nav-2 .c-nav .list-2 li{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:50%;
	font-size:12px;
	font-size:1.2rem;
}
#header #m-nav > ul > li.nav-2 .c-nav .list-2 a{
	padding:2px 10px;
}

#header #s-nav{
	padding:10px 16px;
	width:100%;
}
#header #s-nav h3{
	padding-left:25px;
	color:#000;
	background:url(../img/com/header/s-nav-icon-title.png) no-repeat left center;
	font-weight:normal;
}
#header #s-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header #s-nav ul li{
	margin:0;
	padding:2px 0 2px 24px;
	font-size:12px;
	font-size:1.2rem;
	color:#000;
	background:url(../img/com/header/s-nav-icon-1.png) no-repeat 8px 10px;
}
#header #s-nav ul li a{
	color:#000;
	text-decoration:none;
}
#header #o-nav{
	padding:0;
	width:100%;
}
#header #o-nav > ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header #o-nav > ul > li{
	margin:0;
	padding:0;
	border-top:1px #d4d4d4 solid;
	color:#000;
}
#header #o-nav ul li.sp{display:none;}
#header #o-nav > ul > li > a{
	padding:8px 16px 8px 43px;
	display:block;
	color:#000;
	text-decoration:none;
}
#header #o-nav > ul > li.nav-1 > a{background:url(../img/com/header/o-nav-icon-1.png) no-repeat 18px center;}
#header #o-nav > ul > li.nav-2 > a{background:url(../img/com/header/s-nav-icon-1.png) no-repeat 24px 16px;}

#header .n-nav{
	padding:80px 20px 40px;
	width:240px;
	height:100%;
	position:absolute;
	top:0;
	left:200px;
	background:#447570;
	z-index:9;
}
#header #nav-infomation.n-nav{
	display:none;
	background:#ECF3E4 none;
}
#header #nav-infomation-2.n-nav{
	display:none;
	background:#ECF3E4 none;
}
#page.active #header #nav-infomation.n-nav,
#toiawase.active #header #nav-infomation.n-nav,
#ikuseijigyo.active #header #nav-infomation-2.n-nav{
	display:block;
	z-index:9;
}

#header .n-nav h3{
	margin:0 0 15px 10px;
	color:#000;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2;
}
#header .n-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header .n-nav ul li{
	margin:0;
	padding:0;
	color:#000;
}
#header .n-nav ul li.border-top{
	margin-top:10px;
	padding-top:10px;
	border-top:1px #ccc solid;
}
#header .n-nav ul li a{
	display:block;
	padding:5px 10px;
	color:#000;
	text-decoration:none;
}
#header .n-nav ul li a:hover,
#header .n-nav ul li.current a{
	color:#fff;
	background-color:#006837;
}

#top-bar{
	position:relative;
	z-index:10;
	margin:0 0 0 200px;
	height:40px;
	color:#fff;
	background-color:#013142;
	font-size:12px;
	font-size:1.2rem;
}
#top-bar #font-size{
	position:absolute;
	top:10px;
	left:14px;
	width:110px;
}
#top-bar #font-size .text,
#top-bar #font-size .btn{
	float:left;
}
#top-bar #font-size .text{
	width:32px;
}
#top-bar #font-size .btn{
	margin:0;
	padding:0;
	list-style:none;
	width:66px;
}
#top-bar #font-size .btn li{
	float:left;
	margin-right:2px;
	width:20px;
	height:20px;
	line-height:20px;
	color:#333;
	background-color:#5A717B;
	text-align:center;
	cursor:pointer;
}
#top-bar #font-size .btn li.current{
	background-color:#B3B3B3;
}
#top-bar #lang{
	margin:0;
	padding:0 0 0 14px;
	border-left:1px #5C6D75 solid;
	list-style:none;
	position:absolute;
	top:10px;
	left:126px;
}
#top-bar #lang li{
	margin:0;
	padding:0;
}
#top-bar #lang li a{
	color:#fff;
	text-decoration:none;
}
#top-bar #h-nav{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:10px;
	right:56px;
}
#top-bar #h-nav li{
	margin:0 0 0 12px;
	padding:0;
	float:left;
}
#top-bar #h-nav li:last-child{
	margin:0 0 0 12px;
	padding:0 0 0 12px;
	border-left:1px #5C6D75 solid;
}
#top-bar #h-nav li a{
	color:#e6e6e6;
	text-decoration:none;
}
#top-bar #nav-search{
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
}
#top-bar #nav-search .btn{
	width:40px;
	height:40px;
	color:#fff;
	background-color:#010101;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}
#top-bar #nav-search .box{
	display:none;
	position:absolute;
	top:40px;
	right:0;
	background-color:#010101;
	width:202px;
	padding:10px;
	border-radius:0 0 0 8px;
}
#top-bar #nav-search .box #cse-search-box{
	width:192px;
	height:28px;
	background: url(../img/com/header/bg_search.png) no-repeat left top;
}
#top-bar #nav-search .box #cse-search-box input {
	border: none !important;
}
#top-bar #nav-search .box #cse-search-box #saerch-box-input {
	width: 152px !important;
	height: 20px !important;
	margin: 5px 0 0 3px !important;
	padding: 0 !important;
	vertical-align: top !important;
}
#top-bar #nav-search .box #cse-search-box #saerch-box-btn {
	margin: 7px 0 0 6px !important;
	padding: 0 !important;
	vertical-align: top !important;
}


#f-nav-infomation.n-nav{
	display:none;
	background:#ECF3E4 none;
}
#f-nav-infomation-2.n-nav{
	display:none;
	background:#ECF3E4 none;
}


/* --------------------
 main
-------------------- */
#main{
	padding:0 0 0 440px;
	min-height:610px;
}
#pankuzu{
	margin:0 10px 32px;
	padding-top:6px;
	color:#989898;
	font-size:12px;
	font-size:1.2rem;
	line-height:16px;
}
#pankuzu a{
	color:#989898;
	text-decoration:none;
}
#pankuzu a:hover{
	color:#989898;
	text-decoration:underline;
}
#pankuzu a.home{
	color:#CBCBCB;
	text-decoration:none;
	font-size:16px;
	font-size:1.6rem;
}
#main-image{
	margin:0 1px 36px;
	background-color:#ccc;
}
/*#contents{
	margin:0 30px;
	padding-bottom:30px;
}*/
#contents{
	margin:0 1px;
}

#info-box-btm{
	width:100%;
}
.f-nav.c-nav{display:none;}


/* --------------------
 footer
-------------------- */
.f-btn{
	margin-left:10px;
	display:inline-block;
	border:1px #e5e5e5 solid;
	border-radius:4px;
	color:#1C7C3E;
	background-color:#fff;
	padding:2px 0;
	text-align:center;
	width:80px;
	text-decoration:none;
	position:relative;
	top:0;
}
.f-btn:hover{
	color:#1C7C3E;
	text-decoration:none;
	opacity:0.8;
}
#f-box-l .text-box{
	margin-top:16px;
	display:table;
	width:100%;
}
#f-box-l .text-box > p{
	display:table-cell;
	vertical-align:middle;
}
#f-box-l .text-box > p.btn{
	width:116px;
	font-size:12px;
	font-size:1.2rem;
}
#f-box-l .text-box > p.btn a{
	display:block;
	border:1px #1C7C3E solid;
	color:#1C7C3E;
	background-color:#fff;
	padding:8px 0;
	text-align:center;
	width:100%;
	text-decoration:none;
	position:relative;
}
#f-box-l .text-box > p.btn a:hover{opacity:0.8;}
#f-box-l .text-box > p.btn a::after{
	content:"";
	width:5px;
	height:7px;
	background:url(../img/com/footer/btn-icon-1.gif) no-repeat left top;
	background-size:contain;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:8px;
	margin:auto;
}
#f-box-l .text-box > p.text-1{
	padding-left:12px;
	font-size:12px;
	font-size:1.2rem;
}
#footer{
	margin:0 auto;
	padding:50px 40px 32px;
	border-top:6px #9EC890 solid;
	background-color:#f1f1f1;
	position:relative;
}
#f-box-l{
	margin-bottom:20px;
	width:45%;
	float:left;
}
#f-address-1{
	margin-bottom:16px;
}
#f-address-1 dt{
	margin-bottom:10px;
}
#f-address-1 dd{
	font-size:12px;
	font-size:1.2rem;
}
.f-address-2{margin-bottom:8px;}
.f-address-2 dl{
	float:left;
}
.f-address-2 dl.box-l{
	width:40%;
}
.f-address-2 dl.box-r{
	width:60%;
}
.f-address-2 dt{
	color:#000;
	font-weight:bold;
}
.f-address-2 dd{
	font-size:12px;
	font-size:1.2rem;
}
#f-box-l .text{
	font-size:12px;
	font-size:1.2rem;
}
#f-box-l .text a{
	color:#006837;
}
#f-box-l .text a:hover{
	color:#f00;
}
#f-box-r{
	margin-bottom:20px;
	width:55%;
	float:left;
}
#f-box-r > .inner{
	float:left;
	width:100%;
}
#f-link-1{padding-bottom:40px;}
#f-link-1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#f-link-1 > ul{
	float:left;
	width:33.3%;
}
#f-link-1 ul > li{
	margin:0;
	padding:0;
}
#f-link-1 > ul > li{
	padding-bottom:10px;
	font-weight:bold;
}
#f-link-1 > ul.f-link-1 > li{
	font-weight:normal;
}
#f-link-1 > ul.f-link-1 > li > a{
	color:#4d4d4d;
}
#f-link-1 > ul > li li{
	padding-top:10px;
	font-weight:normal;
}
#f-link-1 > ul > li > a{
	color:#000;
}
#f-link-1 ul > li a{
	color:#4d4d4d;
	text-decoration:none;
}
#f-link-1 ul > li a:hover{
	text-decoration:underline;
}
#f-link-2{
	clear:both;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	list-style:none;
	border-top:1px #c9c9c9 solid;
	letter-spacing:-.40em;
	text-align:center;
}
#f-link-2 li{
	margin:0 20px 0 0;
	padding:0;
	letter-spacing:normal;
	font-size:12px;
	font-size:1.2rem;
	display:inline-block;
}
#f-link-2 li.border{
	padding-left:20px;
	border-left:1px #c8c8c8 solid;
}
#f-link-2 li:last-child{
	margin:0;
}
#f-link-2 li a{
	color:#4d4d4d;
	text-decoration:none;
}
#f-link-2 li a:hover{
	text-decoration:underline;
}
#page-top{
	width:52px;
	height:52px;
	position:absolute;
	bottom:-26px;
	right:40px;
}
#copyright{
	padding:24px 0;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}
#copyright a{
	color:#4d4d4d;
	text-decoration:none;
}
#copyright a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}


@media screen and (max-width: 1280px) {

	/* --------------------
		main
	-------------------- */
	#main{
		padding-left:200px;
	}

}

@media screen and (max-width: 768px) {
	
	/* --------------------
		body
	-------------------- */
	a[href^="tel:"] {
		pointer-events: auto;
		text-decoration:underline !important;
	}
	select,input,textarea{
		font-size:16px;
	}

	/* --------------------
		header
	-------------------- */
	#wrapper{
		min-height:0;
	}
	#header{
		position:static;
		width:100%;
		height:46px;
		border-bottom:1px #e5e5e5 solid;
	}
	#top #header{
		border-bottom:none;
	}
	#header #logo{
		width:151px;
		height:37px;
		border-bottom:none;
		background:#fff url(../img/com/header/sp-logo.jpg) no-repeat left top;
		background-size:cover;
		position:absolute;
		top:2px;
		left:14px;
	}
	#header #logo a{
		width:151px;
		height:37px;
		display:block;
	}
	#header #logo img{
		visibility:hidden;
		width:151px;
		height:37px;
		position:static;
	}
	#header #sp-lang{
		display:block;
		width:66px;
		position:absolute;
		top:12px;
		right:102px;
		line-height:18px;
	}
	#header #sp-lang a{
		display:block;
		border:1px #a6a6a6 solid;
		border-radius:3px;
		text-align:center;
		font-size:10px;
		font-size:1.0rem;
		color:#4d4d4d;
		text-decoration:none;
	}
	#header #sp-lang a i{
		margin-right:6px;
	}
	#header #sp-nav-btn{
		display:block;
		width:45px;
		height:45px;
		position:absolute;
		top:0;
		right:45px;
	}
	#header #sp-nav-search-btn{
		display:block;
		width:45px;
		height:45px;
		position:absolute;
		top:0;
		right:0;
		z-index:100;
	}
	#header #sp-nav-search-btn .btn{
		width:45px;
		height:45px;
		color:#fff;
		background-color:#b2b2b2;
		font-size:14px;
		text-align:center;
		cursor:pointer;
	}
	#header #sp-nav-search-btn .box{
		display:none;
		position:absolute;
		top:45px;
		right:0;
		background-color:#b2b2b2;
		width:202px;
		padding:10px;
		border-radius:0 0 0 8px;
	}
	#header #sp-nav-search-btn .box #sp-cse-search-box{
		width:192px;
		height:28px;
		background: url(../img/com/header/bg_search.png) no-repeat left top;
	}
	#header #sp-nav-search-btn .box #sp-cse-search-box input {
		border: none !important;
	}
	#header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-input {
		width: 152px !important;
		height: 20px !important;
		margin: 5px 0 0 3px !important;
		padding: 0 !important;
		vertical-align: top !important;
	}
	#header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-input.bgn{background-image:none !important;}
	#header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-btn {
		margin: 7px 0 0 6px !important;
		padding: 0 !important;
		vertical-align: top !important;
	}
	#header nav{
		display:none;
		width:100%;
		background-color:#fff;
		position:absolute;
		top:46px;
		left:0;
		z-index:100;
	}
	#header #m-nav > ul > li.nav-1:hover,
	#header #m-nav > ul > li.nav-2:hover,
	#header #m-nav > ul > li.nav-3:hover{
		border-right:none;
	}
	#header #m-nav > ul > li .c-nav{
		display:none;
		padding:10px;
		width:100%;
		height:auto;
		position:static;
		padding-bottom:1px;
		margin-bottom:0;
	}
	#header #m-nav > ul > li .c-nav.active{
		display:block !important;
	}
	#header #m-nav > ul > li .c-nav .btn-close{display:none;}
	#header #m-nav > ul > li .c-nav h3{
		display:none;
	}
	#header #o-nav ul li.sp{display:block;}
	#top-bar{
		display:none;
	}

	#f-nav-infomation.n-nav{
	}
	#f-nav-infomation.n-nav,
	#f-nav-infomation-2.n-nav{
		display:block;
		padding:28px 38px;
		width:100%;
	 background:#ECF3E4;
	}
	#page.active #f-nav-infomation.n-nav,
	#toiawase.active #f-nav-infomation.n-nav,
	#ikuseijigyo.active #f-nav-infomation-2.n-nav{
		display:block !important;
		z-index:9;
	}
	
	#f-nav-infomation.n-nav h3,
	#f-nav-infomation-2.n-nav h3{
		margin:0 0 15px 10px;
		color:#000;
		font-size:18px;
		font-size:1.8rem;
		line-height:1.2;
	}
	#f-nav-infomation.n-nav ul,
	#f-nav-infomation-2.n-nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#f-nav-infomation.n-nav ul li,
	#f-nav-infomation-2.n-nav ul li{
		margin:0;
		padding:0;
		color:#000;
	}
	#f-nav-infomation.n-nav ul li.border-top{
		margin-top:10px;
		padding-top:10px;
		border-top:1px #ccc solid;
	}
	#f-nav-infomation.n-nav ul li a,
	#f-nav-infomation-2.n-nav ul li a{
		display:block;
		padding:5px 10px;
		color:#000;
		text-decoration:none;
	}
	#f-nav-infomation.n-nav ul li a:hover,
	#f-nav-infomation.n-nav ul li.current a,
	#f-nav-infomation-2.n-nav ul li a:hover,
	#f-nav-infomation-2.n-nav ul li.current a{
		color:#fff;
		background-color:#006837;
	}
	
	/* --------------------
		main
	-------------------- */
	#main{
		padding:0;
		min-height:0;
	}
	#pankuzu{
		margin:0 0 2px;
		padding:6px 15px;
		font-size:10px;
		font-size:1.0rem;
		background-color:#f5f5f5;
	}
	#pankuzu a{
		color:#989898;
		text-decoration:none;
	}
	#pankuzu a:hover{
		color:#989898;
		text-decoration:none;
	}
	#pankuzu a.home{
		color:#989898;
		text-decoration:none;
		font-size:12px;
		font-size:1.2rem;
	}
	#main-image{
		margin:0 1px 36px;
		background-color:#ccc;
	}
	/*#contents{
		margin:0 30px;
		padding-bottom:30px;
	}*/
	#contents{
		margin:0;
	}
	#info-box-btm{
		width:100%;
	}
	
	#f-nav-1.f-nav.c-nav{background-color:#F3F3D8;}
	#f-nav-2.f-nav.c-nav{background-color:#E5F1F9;}
	#f-nav-3.f-nav.c-nav{background-color:#F0E2D3;}
	
	#info #f-nav-1.f-nav.c-nav{background-color:#F3F3D8;}
	#info #f-nav-1.f-nav.c-nav li a:hover,
	#info #f-nav-1.f-nav.c-nav li.current a{
		background-color:#006837;
	}
	#tenrankai-events #f-nav-1.f-nav.c-nav{background-color:#F3E5D8;}
	#tenrankai-events #f-nav-1.f-nav.c-nav li a:hover,
	#tenrankai-events #f-nav-1.f-nav.c-nav li.current a{
		background-color:#732600;
	}
	#koshukai-workshops #f-nav-1.f-nav.c-nav{background-color:#ECF1F0;}
	#koshukai-workshops #f-nav-1.f-nav.c-nav li a:hover,
	#koshukai-workshops #f-nav-1.f-nav.c-nav li.current a{
		background-color:#005980;
	}
	
	#info #f-nav-1.f-nav.c-nav,
	#tenrankai-events #f-nav-1.f-nav.c-nav,
	#koshukai-workshops #f-nav-1.f-nav.c-nav,
	#shisetsu #f-nav-2.f-nav.c-nav,
	#restaurant-cafe #f-nav-3.f-nav.c-nav{
		display:block !important;
	}
	.f-nav.c-nav{
		padding:28px 38px;
		width:100%;
	}
	.f-nav.c-nav h3{
		margin:0 0 15px 10px;
		color:#000;
		font-size:18px;
		font-size:1.8rem;
		line-height:1.2;
	}
	.f-nav.c-nav ul{
		margin:0 0 18px;
		padding:0;
		list-style:none;
	}
	.f-nav.c-nav ul li{
		margin:0;
		padding:0;
		color:#000;
	}
	.f-nav.c-nav ul li a{
		display:block;
		padding:5px 10px;
		color:#000;
		text-decoration:none;
	}
	.f-nav.c-nav ul li a:hover{
		color:#fff;
	}
	.f-nav.c-nav h4{
		margin:0 0 8px 10px;
		padding-left:6px;
		color:#3B1100;
		line-height:1.2;
	}
	.f-nav.c-nav h4.title-1{border-left:5px #358C63 solid;}
	.f-nav.c-nav h4.title-2{border-left:5px #9C392A solid;}
	.f-nav.c-nav h4.title-3{border-left:5px #184666 solid;}
	.f-nav.c-nav ul.list-1{
		margin:0 0 0 10px;
	}
	.f-nav.c-nav ul.list-1 li{
		font-size:12px;
		font-size:1.2rem;
	}
	#f-nav-1.f-nav.c-nav li a:hover,
	#f-nav-1.f-nav.c-nav li.current a{
		color:#fff;
		background-color:#006837;
	}
	#f-nav-2.f-nav.c-nav li a:hover,
	#f-nav-2.f-nav.c-nav li.current a{
		color:#fff;
		background-color:#2B8000;
	}
	#f-nav-3.f-nav.c-nav li a:hover,
	#f-nav-3.f-nav.c-nav li.current a{
		color:#fff;
		background-color:#D83500;
	}
	#f-nav-2.f-nav.c-nav .list-1{
		margin-bottom:10px;
	}
	#f-nav-2.f-nav.c-nav .list-1 a{
		padding:2px 10px;
	}
	#f-nav-2.f-nav.c-nav .list-2{
		width:100%;
		letter-spacing:-.40em;
	}
	#f-nav-2.f-nav.c-nav .list-2 li{
		display:inline-block;
		letter-spacing:normal;
		vertical-align:top;
		width:50%;
		font-size:12px;
		font-size:1.2rem;
	}
	#f-nav-2.f-nav.c-nav .list-2 a{
		padding:2px 10px;
	}
	
	/* --------------------
		footer
	-------------------- */
	#footer{
		padding:24px 0 16px;
	}

	.f-btn{
		margin-top:4px;
		margin-left:0;
		display:block;
	}
	.f-btn:hover{
		opacity:1;
	}
	#f-box-l .text-box > p.btn a:hover{opacity:1;}

	#footer-i{
		margin:0 auto;
		max-width:306px;
	}
	#f-box-l{
		width:100%;
		float:none;
	}
	#f-address-1 dt{
		width:176px;
	}
	.f-address-2 dl{
		float:none;
	}
	.f-address-2 dl.box-l{
		width:100%;
	}
	.f-address-2 dl.box-r{
		width:100%;
	}
	.f-address-2 dt{
		margin-bottom:8px;
		width:62px;
		float:left;
		font-size:12px;
		font-size:1.2rem;
	}
	.f-address-2 dd{
		margin-bottom:8px;
		margin-left:62px;
	}
	#f-box-l .text{
		text-align:center;
	}
	#f-box-r{
		display:none;
	}
	#f-link-2{
		display:none;
	}
	#page-top{
		width:44px;
		height:44px;
		position:fixed;
		bottom:10px;
		right:10px;
		opacity:0.4;
	}
	#copyright{
		padding:12px 0;
		font-size:10px;
		font-size:1.0rem;
	}
	#copyright a{
		color:#4d4d4d;
		text-decoration:underline;
	}


}

@media screen and (max-width: 374px) {
	
	/* --------------------
		header
	-------------------- */
	#header #logo{
		width:130px;
		height:32px;
		border-bottom:none;
		background:#fff url(../img/com/header/sp-logo.jpg) no-repeat left top;
		background-size:cover;
		position:absolute;
		top:4px;
		left:14px;
	}
	#header #logo a{
		width:130px;
		height:32px;
		display:block;
	}
	#header #logo img{
		visibility:hidden;
		width:130px;
		height:32px;
		position:static;
	}

}