@charset "UTF-8";


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

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

	display: none/block;

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

#header,
#nav { display: none; }

.sp,
#header-sp,
menu { display: block; }

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

	base

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

body {
	min-width: 100%;
	position: relative;
	}

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

	header-sp

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

#header-sp {
	background: #fff;
	display: block;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 9999;
	}
	#header-sp:after {
		display: block;
		height: 0px;
		clear: both;
		content: ".";
		}
		#header-sp { zoom: 1; }

	#header-sp #menu_button {
		display: block;
		float: right;
		list-style: none;
		width: 15%;
		}
		#header-sp #menu_button p img { width: 100%; }

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

	sp-drawer-menu

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

menu {
    position: fixed;
    overflow: auto;
    top: 0;
    margin: 0;
    padding: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999;
	}
	menu:after {
		display: block;
		height: 0px;
		clear: both;
		content: ".";
		}
		menu { zoom: 1; }
	menu div {
		float: left;
		width: 20%;
	    height: 100%;
		}
	menu ul {
		background: #00403b;
		color: #fff;
		float: left;
	    height: 100%;
		width: 80%;
		}
		menu ul li {
			display: block;
			}
		menu ul li.nolink {
			background: #00655e;
			border-top: 1px solid #408c86;
			display: block;
			padding: 5%;
			}
		menu ul li a {
			background: #00655e;
			border-bottom: 1px solid #004c45;
			color: #dfe1e5!important;
			display: block;
			padding: 5%;
			width: 100%;
			}
		menu ul li.child-menu {
			border-bottom: none;
			display: block;
			padding: 0 0 0 5%;
			width: 100%;
			}
			menu ul li.child-menu ul {
				float: none;
				width: 100%;
				}
				menu ul li.child-menu ul li { overflow: hidden; }
				menu ul li a:before,
				menu ul li.child-menu ul li a:before {
					color: #fff;
					content: '>';
					display: inline-block;
					float: right;
					}

		menu ul li.menu-main-ttl a:before { display: none; }
			menu ul li.menu-main-ttl.addlink a:before {
				color: #fff;
				content: '>';
				display: inline-block;
				float: right;
				}

		menu ul li#sdm-head {
			overflow: hidden;
			position: fixed;
			width: 80%;
			background: -moz-linear-gradient(top center, #30827c 0%, #0d6d66 100%);/* Firefox */
			background: -webkit-gradient(linear, center top, center bottom, from(#30827c), to(#0d6d66));/* Chrom 縺ｨ Safari */			
			background: linear-gradient(top center, #30827c 0%, #0d6d66 100%);/* 蜈ｱ騾� */
			}
			menu ul li#sdm-head p { padding: 3% 5%; }
			menu ul li#sdm-head p:nth-child(1) {
				float: left;
				text-align: left;
				width: 37%;
				}
			menu ul li#sdm-head p:nth-child(2) {
				float: right;
				text-align: right;
				width: 63%;
				}
				menu ul li#sdm-head p a {
					background: none;
					border-bottom: none;
					}
					menu ul li#sdm-head p a.close { color: #fff; }
					menu ul li#sdm-head p a.close:before { display: none; }
				menu ul li#sdm-head p img {
					vertical-align: middle;
					width: 50%;
					}
	
}