@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;
		}
		.slidemenu-close {
			display: none;
		}
	}


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

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

		/* 開閉メニュー
		------------------------------------------------------------*/
		header#mmenu {
			background: #DB0066;
			height: 50px;
		}
		header#mmenu a {
			display: block;
			width: 100%;
			color: #fff;
			text-decoration: none;
		}
		header#mmenu a i {
			padding: 0 0.3em;
			font-size: 1.5em;
			line-height: 50px !important;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle !important;
		}

		.slidemenu-close {
		}

		/* 閉じるボタン */
		li.slidemenu-close 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: "\f057";
		}

		/* Theme Black 文字色（テーマ上書き）
		------------------------------------------------------------*/
		.mm-menu.mm-theme-black { color: rgba(255, 255, 255, 1) !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 {
			white-space: nowrap; /* no need for Supersubs plugin */
			*white-space: normal; /* ...unless you support IE7 (let it wrap) */
			width: 100%;
			margin-bottom: 2em;
			/*padding: 0.5em 0;*/
			background: #DB0066;
		}
		nav#global ul#dropdown {
			margin: 0 auto;
			width: 100%;
			text-align: center;
		}
		.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;
		}
		.sf-menu li {
			position: relative;
		}
		.sf-menu > li {
			display: inline-block;
			padding: 0 0.5em;
		}

		.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 {
			float: left;
			margin-bottom: 1em;
		}*/
		.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 {
			/*background: #FFF;*/
			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～)
		------------------------------------------------------------*/
		
		/* リンク
		------------------------------------------------------------*/
		.sf-menu a {
			padding: 0.75em 0;
			text-decoration: none;
			zoom: 1; /* IE7 */
			font-size: 100%;
			color: #FFF;
			/*line-height: 1.4;*/
		}
			.sf-menu a:hover {
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity:0.5;
				-ms-filter: "alpha( opacity=50 )";
				-moz-transition: 0.5s ease-in-out;
				-webkit-transition: 0.5s ease-in-out;
				transition: 0.5s ease-in-out;
			}

		/*.sf-menu li:hover,
		.sf-menu li.sfHover,
		.sf-menu li.current-menu-item a,
		.sf-menu li.current-menu-parent a {
			border-bottom: 2px solid #0055A4;
			white-space: nowrap;
			*white-space: normal;
			-webkit-transition: none;
			transition: none;
		}*/
		.sf-menu > li {
		}
		.sf-menu > li.current-menu-item,
		.sf-menu > li.current-menu-parent {
		}
		.sf-menu > li:hover {
			background: #640030;
		}
		/*重複回避(現在地)*/
		.sf-menu > li.current-menu-item:hover,
		.sf-menu > li.current-menu-parent:hover {
			background: #640030;
		}

		/* walker */
		/*.sf-menu > li a span {
			display: block;
			margin-top: 0.3em;
			font-size: 10px;
			color: #BFA58A;
			text-align: center;
		}*/

	}

	@media only screen and (min-width: 769px) and (max-width: 859px) {
		.sf-menu a {
			font-size: 96%;
		}
	}

	@media only screen and (min-width: 960px){
		nav#global ul#dropdown {
			width: 960px;
		}
	}
	@media only print {
		nav#global {
			width: 960px !important;/*★印刷幅★*/
			margin: 0 auto !important;
		}
	}


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

	/* 基本設定
	------------------------------------------------------------*/
	footer {
		padding: 1em 0;
		width: 100%;
		background: #DB0066;
	}
		footer > div {
			margin: 0 auto;
			width: 960px;
		}

		@media only screen and (max-width: 959px){
			footer > div {
				width: 98%;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media only screen and (max-width: 767px){
			footer > div {
				width: 95%;
				margin-left: auto;
				margin-right: auto;
			}
		}

	/* COPYRIGHT
	------------------------------------------------------------*/
	footer small {
		display: block;
		font-size: 78%;
		color: #FFF;
		text-align: center;
	}


/************************************************************
	PAGE TOP
*************************************************************/

#page-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	font-size: 90%;
}
	#page-top a {
		display: block;
		padding: 1em;
		opacity: 0.4;
		filter: alpha(opacity=40);
		-moz-opacity:0.4;
		-ms-filter: "alpha( opacity=40 )";
		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: #DB0066;
		text-decoration: none;
		color: #fff;
		text-align: center;
	}
		#page-top a:hover {
			background: #640030;
			-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: 1.5em;
			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: "\f151";
				}
				#page-top a span {
					display: none;
				}
	}