@charset "utf-8";


/************************************************************
	共通設定
*************************************************************/
a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important; } 

/*.mm-menu {
    -webkit-overflow-scrolling: auto;
}*/

/************************************************************
	display設定
*************************************************************/
#page nav {
	display: none;
}

	@media all and (min-width: 769px){
		nav#global {
			display: block !important;
		}
		/* mmenu 開閉 非表示 */
		header#mmenu{
			display: none;
		}
		nav.basic ,
		nav.bottom {
			display: block !important;
		}
		.slidemenu-close {
			display: none;
		}
	}
	@media screen and (max-width: 768px){
		nav.basic ,
		nav.bottom {
			display: block !important;
		}
	}


/********************************************************
	ヘッダー
*********************************************************/

	/********************************************************
		jQuery.mmenu CSS // Mobile
	*********************************************************/
	@media only screen and (max-width: 768px){
		/* 基本設計
		------------------------------------------------------------*/
		/* jquery.mmenu.all.css */	

		/* 開閉メニュー
		------------------------------------------------------------*/
		header#mmenu {
			background: #13230E none repeat scroll 0 0;
			height: 50px;
		}
		header#mmenu a {
			display: block;
			width: 100%;
			color: #fff;
			text-decoration: none;
		}
		header#mmenu a i {
			padding: 0 0.3em;
			font-size: 3rem;
			line-height: 50px !important;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle !important;
		}
		/* Icon
		------------------------------------------------------------*/
		.mm-navbar-bottom a:before {
			margin-right: 0.4em;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f07a";
		}

		/* Theme Black 文字色（テーマ上書き）
		------------------------------------------------------------*/
		.mm-menu.mm-theme-black { color: rgba(255, 255, 255, 1) !important; background-color:#071209!important;} /* default 0.6 */
		.mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 1) !important;} /* default 0.4 */
		.mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 1) !important;} /* default 0.4 */
		.mm-menu.mm-theme-black .mm-listview > li .mm-prev::before, .mm-menu.mm-theme-black .mm-listview > li .mm-next::after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow::after { border-color: rgba(255, 255, 255, 1) !important;} /* default 0.4 */
	}


	/********************************************************
		jQuery Superfish Menu Plugin 1.7.46) // PC
	*********************************************************/
	@media all and (min-width: 769px){
		/* 基本設計
		------------------------------------------------------------*/
		nav#global {
			background: #fff none repeat scroll 0 0;
			margin: 0;
			padding: 3rem 0 1rem;
			white-space: nowrap;
			width: 100%;
		}
		nav#global ul#dropdown {
			margin: 0 auto;
			width: 1000px;
		}
		nav#global ul ul { /* ie,chrome loading bug fix */
			display:none
		}
		.sf-menu,
		.sf-menu * {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.sf-menu ul {
			position: absolute;
			display: none;
			top: 100%;
			left: 0;
			z-index: 99;
			width: 100%;
		}
		.sf-menu ul:before {
			content: "";
			position: absolute;
			top: -5px;
			left: 50%;
			width: 0;
			height: 0;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 16px solid #13230E;
			margin-left: -7px;
		}
		.sf-menu li {
			position: relative;
		}
		.sf-menu > li {
			float: left;
			font-size: 1.7rem;
			letter-spacing: 0.6rem;
			padding: 0 1.8rem;
			text-align: center;
		}
		.sf-menu > li:hover:before {
			color:#E37208;
		}
		.sf-menu li:hover > ul,
		.sf-menu li.sfHover > ul {
			display: block;
		}
		.sf-menu a {
			display: block;
			position: relative;
		}
		.sf-menu ul ul {
			top: 0;
			left: 100%;
		}
		
		/* ナビゲーション
		------------------------------------------------------------*/
		.sf-menu {
		}
		.sf-menu ul {
			min-width: 12em; /* allow long menu items to determine submenu width */
			*width: 12em; /* no auto sub width for IE7, see white-space comment below */
		}
		.sf-menu li {
			white-space: nowrap; /* no need for Supersubs plugin */
			*white-space: normal; /* ...unless you support IE7 (let it wrap) */
			-webkit-transition: background .2s;
			transition: background .2s;
		}
	
		/* 下層(Second Level～)
		------------------------------------------------------------*/
		.sub-menu li {
			text-align: left;
		}
		.sf-menu ul li {
			background: #F8F3ED;/*★子メニュー背景色★*/
		}
			.sf-menu > li > ul > li:first-of-type {
				margin-top: 0.5em;
			}
		.sf-menu ul ul li {
			background: #9CC479;/*★孫メニュー背景色★*/
		}
		
		/* リンク
		------------------------------------------------------------*/
		.sf-menu a {
			/*font-weight:bold;*/
			text-decoration: none;
			zoom: 1; /* IE7 */
			font-size: 96%;
			line-height: 1.4;
			font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E",Arial,Helvetica,sans-serif;
		}
		.sf-menu ul a {
			padding: 0 1rem;
			color: #FFF;
			background: #13230E;
			letter-spacing: 3px;
			width: 100%;
			box-sizing: border-box;
			line-height: 4rem;
			height: 4rem;
			font-size: 1.4rem;
		}
		.sf-menu ul a:before {
			content:"\f101";
			margin-right: 0.5rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.sf-menu ul a:hover {
			background: #FFF;
			color: #13230E;
			transition: 0.3s ease-in-out;
		}
		.sf-menu ul li:last-of-type a {
			border-bottom:none;
		}
		.sf-menu > li a {
			border-bottom: 1px solid #FFF;
			padding-bottom: 10px;
		}
		.sf-menu > li a.current-menu-item,
		.sf-menu > li a.current-menu-parent {
			border-bottom: 1px solid #9CC479 !important;
		}
		.sf-menu > li > a:hover {
			border-bottom: 1px solid #9CC479 !important;
		}
		/*重複回避(現在地)*/
		.sf-menu > li a.current-menu-item:hover,
		.sf-menu > li a.current-menu-parent:hover {
			border-bottom: 2px solid #9CC479 !important;
		}
		/* サブタイトル
		------------------------------------------------------------*/
		.sf-menu a > span {
			color: #999;
			display: block;
			font-family: "Old Standard TT",serif;
			font-size: 1.1rem;
			font-weight: normal;
			letter-spacing: 0.2rem;
		}
	}
	
	@media only screen and (min-width: 769px) and (max-width: 999px) {
		nav#global ul#dropdown {
			width: 773px;
		}
		.sf-menu > li {
			font-size: 1.3rem;
			padding: 0 10px;
		}
	}
	@media only print {
		nav#global {
			width: 980px !important;/*★印刷幅★*/
			margin: 0 auto !important;
		}
	}


/************************************************************
	フッター
*************************************************************/

	/* 基本設定
	------------------------------------------------------------*/
	footer {
		width: 100%;
		background-color:#F7F7F2;
	}
		footer > div {
			box-sizing:border-box;
			padding: 1rem;
		}
		footer > div:nth-of-type(1) {
			padding-top: 6rem;
			margin: 0 auto 4rem;
			width: 1000px;
		}
		footer > div:nth-of-type(1) > a {
			float:left;
		}
		footer > div:nth-of-type(1) > div {
			float: right;
			width: 770px;
		}
		footer > div:nth-of-type(1) > div > div > div:nth-of-type(1) {
			float:left;
			width: 50%;
		}
		footer > div:nth-of-type(1) > div > div > div:nth-of-type(2) {
			float: right;
			width: 50%;
		}
		footer > div:nth-of-type(1) > div > div > div > p {
			margin: 0 4rem 1rem 0;
		}
		footer > div:nth-of-type(1) > div > div > div > p > span {
			display:inline-block;
		}
		footer > div:nth-of-type(1) > div > div > div > p:nth-of-type(2) {
			float: left;
		}
		footer > div:nth-of-type(2) {
			background: #221815 none repeat scroll 0 0;
			color: #fff;
			padding: 1rem 0;
		}
			@media only screen and (max-width: 999px){
				footer > div:nth-of-type(1) {
					margin: 0;
					width: 100%;
				}
				footer > div:nth-of-type(1) > a {
					width: 20%;
				}
				footer > div:nth-of-type(1) > div {
					width: 75%;
				}
				footer > div:nth-of-type(1) > div > div > div:nth-of-type(1) {
					float: none;
					width: 100%;
				}
				footer > div:nth-of-type(1) > div > div > div:nth-of-type(2) {
					float: none;
					width: 100%;
				}
				footer > div:nth-of-type(1) > div > div > div > p:nth-of-type(2) {
					float: none;
				}
			}
			@media only screen and (max-width: 767px){
				footer > div:nth-of-type(1) {
					padding:0;
				}
				footer > div:nth-of-type(1) > a {
					display: block;
					float: none;
					margin: 0 auto;
					padding: 2rem 0 0;
					width: 100%;
				}
				footer > div:nth-of-type(1) > a img {
					display: block;
					margin: 0 auto;
					max-width: 150px;
					width: 40%;
				}
				footer > div:nth-of-type(1) > div {
					width: 100%;
				}
				footer > div:nth-of-type(1) > div > div {
					padding:1rem;
				}
				footer > div:nth-of-type(1) > div > div > div > p {
					margin: 0 0 1rem 0;
				}
			}

/* ナビゲーション
------------------------------------------------------------*/
nav.basic {
	margin-top: 3rem;
}
nav.basic ul {
}
nav.basic ul li {
    display: inline-block;
    margin: 0 1rem 0 0;
}
nav.basic ul li:after {
    content: "/";
    margin-left: 1rem;
}
nav.basic ul li:last-of-type:after {
    content: none;
}
nav.basic ul li a {
    display: inline-block;
}
nav.bottom {
	margin: 0 auto;
	width: 1000px;
}
nav.bottom a {
	color:#FFF;
}
nav.bottom ul {
    text-align: center;
}
nav.bottom ul li {
	display: inline-block;
	font-size: 12px;
	margin: 0 0 0 1rem;
}
nav.bottom ul li:after {
	color:#FFF;
    content: "|";
    margin-left: 1rem;
}
nav.bottom ul li:last-of-type:after {
    content: none;
}
	@media only screen and (max-width: 999px){
		nav.bottom {
			width: 100%;
		}
		nav.bottom ul li {
			box-sizing: border-box;
			display: inline-block;
			float: left;
			margin: 0;
			padding: 1rem;
			width: 50%;
			text-align: left;
		}
		nav.basic ul li:after {
			content: none;
			margin-left: 0
		}
		nav.bottom ul li a:before {
			content:"\f0da";
			margin-right: 1rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		nav.bottom ul li:after {
			content: none;
			margin-left: 0;
		}
		
	}
	@media only screen and (max-width: 767px){
		nav.basic {
			margin: 0;
		}
		nav.basic ul li {
			background: #efefef none repeat scroll 0 0;
			border-bottom: 1px dotted #ccc;
			box-sizing: border-box;
			font-size: 1.6rem;
			margin: 0;
			width: 100%;
		}
		nav.basic ul li a ,
		nav.bottom ul li a {
			display: block;
			text-align: left;
		}
		nav.basic ul li a {
			padding: 1.5rem;
		}
		nav.bottom ul li a {
			padding: 0.5rem 1.5rem;
		}
		nav.bottom ul li {
			text-align:center;
			font-size:1.2rem;
			float: left;
			padding:0;
			margin: 0;
			width: 100%;
		}
		nav.bottom ul li::after {
			content: none;
			margin-left: 0
		}
	}
	/* COPYRIGHT
	------------------------------------------------------------*/
	footer small {
		clear: left;
		display: block;
		font-size: 1rem;
		letter-spacing: 0;
		padding: 1em 0;
		text-align: center;
	}
	@media only screen and (max-width: 767px){
		footer small {
		}
	}


/************************************************************
	PAGE TOP
*************************************************************/
#page-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	font-size: 90%;
}
	#page-top a {
		border:3px solid #0B0F08;
		display: block;
		line-height: 17px;
		padding: 0.4em 1em;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		-ms-filter: "alpha( opacity=70 )";
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-box-shadow: 0 0 1px #666; /* for Android2.3 */
		background: #9CC479;
		text-decoration: none;
		color: #0B0F08;
		text-align: center;
	}
				#page-top a:before {
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					content: "\f106";
				}
		#page-top a:hover {
			color: #fff;
			background: #0B0F08;
			-moz-transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			text-decoration: none;
		}
			#page-top a span {
				display: block;
			}

	@media only screen and (max-width: 767px){
		#page-top {
			bottom: 3em;
			right: 0.5em;
			font-size: 100%;
		}
			#page-top a {
				padding: 1em 0.5em;
			}
				#page-top a:before {
					margin-right: 0.2em;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					content: "\f106";
				}
				#page-top a span {
					display: none;
				}
	}