@charset "utf-8";
/* CSS Document */

/*==============================*/
/* ヘッダー */
/*==============================*/
div.header{
	position: relative;
	padding: 32px 0 32px 0 ;
	margin-bottom: 80px;
	box-shadow: 0 4px 6px -3px rgba(153,153,153,0.7);
}
#top div.header{ margin-bottom: 0px; }

div.header div.wrap{ overflow: hidden; }

	/* ======= PC =======*/
	@media (min-width: 601px) {
		div.header .hdrWrap{
			display: flex; display: -webkit-flex;
			align-items: flex-end;-webkit-align-items: flex-end;
			justify-content: space-between; -webkit-justify-content: space-between;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		body{ padding-top: 160px; }
		body#top { padding-top: 112px!important;}
		div.header{
			width: 100%;
			position: fixed; top: 0;
			padding: 16px 0 0 0 ;
			margin-bottom: 30px;
			z-index: 999;
			background: #fff;
		}
		#top div.header{ margin-bottom: 0; }
	}


/*-- h1
------------------------- */
div.header div.wrap h1{
	float: left;
	font-size: 11px;
	color: #999;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
	}

/*-- ロゴ
------------------------- */
div.header p.logo{ width: 120px; }
	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.header p.logo{
			width: 56px;
			margin: 0 auto 20px auto;
		}
	}

/*-- お問い合わせ
------------------------- */
.all_item_btn{
	float: right;
	margin-left: 10px;
	width: 200px
}
.all_item_btn a{
	display: block;
	padding: 9px 0 11px 0;
	color: #fff;
	background: #989898;
	text-align: center;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		.all_item_btn{ display: none;}
	}


/*-- メニュー
------------------------- */
/* ======= SP =======*/
	@media (max-width: 600px) {
	div.header ul.btnList{
		position: absolute; top: 78px; right: 16px;
		display: flex; display: -webkit-flex; /* Safari */
		align-items: center; -webkit-align-items: center; /* Safari */
		z-index: 1;
	}
	div.header ul.btnList li:first-child{margin-right: 24px;}
	div.header ul.btnList li i{ color: #fff; font-size: 18px;}
}

/*-- メニュー
------------------------- */
	/* ======= SP =======*/
	@media (min-width: 601px) {
		div.header .hdrWrap .hdrContent ul{
			display: flex; display: -webkit-flex; 
			gap: 0 56px;
		}
		div.header .hdrWrap .hdrContent ul li a{
			display: block;
			text-align: center;
			font-size: 16px;
			font-weight: 500;
			font-family: 'Noto Sans Japanese', sans-serif;
			color: #696969;
		}
		div.header .hdrWrap .hdrContent ul li a span{
			display: block;
			color: #bcbcbc;
			font-weight: 400;
		}
	}

	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.header .hdrWrap .hdrContent{
			position: relative; top: 0; left: 0;
			padding: 13px 0 9px 0;
			background: #009989;
			color: #FFFFFF;
		}
		div.header .hdrWrap .hdrContent:after{
			position: absolute; top: -3px; left: 0;
			content: "";
			width: 100%;
			height: 1px;
			background: #009989;
		}
		div.header dl{ position: relative;}
		div.header .hdrContent dl dt.active{ position: relative; }
		div.header .hdrContent dl dt.active:before{
			position: absolute; top: 50%; left: 24px;
			content: "close";
			color: #fff;
			margin-top: -9px;
		}

		div.header .hdrContent .fix_menu{
			position: relative; top: -2px; left: 16px;
			height: 18px;
			width: 22px;
			z-index: 9999;
		}
		div.header .hdrContent .fix_menu .menu__line{
			background: #fff;
			display: block;
			height: 2px;
			position: absolute;
			transition:transform .3s;
			width: 100%;
		}
		div.header .hdrContent .fix_menu .menu__line--center{ top: 8px; }
		div.header .hdrContent .fix_menu .menu__line--bottom{ bottom: 0; }
		div.header .hdrContent .fix_menu .menu__line--top.active{ top: 8px; transform: rotate(45deg); }
		div.header .hdrContent .fix_menu .menu__line--center.active{ transform:scaleX(0); }
		div.header .hdrContent .fix_menu .menu__line--bottom.active{ bottom: 8px; transform: rotate(135deg); }

		div.header .hdrWrap .hdrContent > ul{ display: none;}
		
		/*-- メニュー
		------------------------- */
		div.header ul.gnavi{
			display: flex; display: -webkit-flex; /* Safari */
			flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */
			justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
			background: #009989;
			border-top: 1px solid #6bbfb6;
			margin-top: 8px;
			margin-bottom: -10px;
		}
		div.header ul.gnavi li{
			width: calc(50% - 0.5px);
			border-bottom: 1px solid #6bbfb6;
		}
		div.header ul.gnavi li:nth-child(odd){
			border-right: 1px solid #6bbfb6;
		}
		div.header ul.gnavi li a{
			display: block;
			padding: 10px;
			font-family: 'Noto Sans Japanese', sans-serif;
			color: #FFFFFF;
			text-align: center;
		}
	}


/*==============================*/
/* フッター */
/*==============================*/
div.footer{
	padding: 30px 0;
	border-top: 1px solid #a4a4a4;
}
div.footer p.logo{
	margin-bottom:20px;
	text-align: center;
}
div.footer ul{
	text-align: center;
}
div.footer ul li{
	display: inline;
	position: relative;
	padding-left: 15px;
	margin-right: 20px; 
}
	@media (max-width: 600px) {
		div.footer ul li{
			display: block;
			margin-right: 0;
			border-bottom: 1px solid #dddddd;
			padding: 6px 0 ;
		}
		div.footer ul li a{
			color: #009989;
			display: block;
		}
	}
div.footer ul li:last-child{ margin-right: 0; }
div.footer ul li:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #CDCDCD;
}
	@media (max-width: 600px) {
		div.footer ul li:before{
			display:none;
		}
	}

/*==============================*/
/* copyright */
/*==============================*/
.copyright { background: #a4a4a4; padding: 3px 0; color: #fff; text-align: center; font-size: 12px; }
	@media (max-width: 600px) {
		.copyright{
			font-size: 10px;
		}
	}
/*==============================*/
/* カタログボタン */
/*==============================*/
#web_catalog { position: fixed; bottom: 75px; right: 30px;  z-index: 9999; }
#web_catalog a{
	display: block;
	padding: 12px 7px 7px 7px;
	background: #009989;
	border-radius: 4px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
}
#web_catalog a img{
	display: block;
	width: 40px;
	margin: 0 auto 6px auto;
}

@media (max-width: 600px) {
	#web_catalog { position: fixed; bottom: 70px; right: 30px;  z-index: 9999; }
}

/*==============================*/
/* 会員登録ボタン */
/*==============================*/
#member_registration { position: fixed; bottom: 160px; right: 30px;  z-index: 9999; }
#member_registration a{
	display: block;
	padding: 12px 15px 10px 15px;
	background: #FF9D03;
	border-radius: 4px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
    text-align: center;
    line-height: 1.3em;
}

@media (max-width: 600px) {
	#member_registration { position: fixed; bottom: 153px; right: 30px;  z-index: 9999; }
}

/*==============================*/
/* ページTOP */
/*==============================*/
#page-top { position: fixed; bottom: 30px; right: 30px; background: #666; padding: 5px 15px; border-radius: 4px; font-size: 12px; border: 1px solid #fff; z-index: 9999; }
#page-top a { color: #fff; }