@charset "utf-8";
/*----------------------------------------------------------------------------------
---------------------------------インポート------------------------------------------
----------------------------------------------------------------------------------*/
@import url("./font.css");
@import url("./reset.css");
/*----------------------------------------------------------------------------------
--------------------------------全デバイス共通---------------------------------------
----------------------------------------------------------------------------------*/

/*-----------------------------------ベース---------------------------------------*/
html{font-size:62.5%;}
body{
	/*font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-weight: 400;*/
	font-family:"Zen Kaku Gothic New","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-weight: 700;
	font-size:1.5em;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
	color: #221815;
	box-sizing: border-box;
	background-color: #f7f5e0;
}
::selection{background:#ffcc33; color:#fff;}
::-moz-selection {background:#ffcc33;color:#fff;}
a,
span,
i{
	color:inherit;
	font-weight: inherit;
}
a{
	text-decoration:none;
	transition:.4s;
}
.sp_only{display: none!important}
.tab_only{display: none!important}
img{
	max-width: 100%;
	height: auto;
}
ruby[data-ruby] {position:relative;}
ruby[data-ruby]::before {
	content: attr(data-ruby);
	position:absolute;
	left:-2em;
	top:-1em;
	right:-2em;
	text-align:center;
	font-size:.6em;
}
rt {display:none;}
/*.f_Anti{font-family: "Shippori Antique B1", sans-serif;}*/
.f_Min{font-family: "Shippori Mincho", serif;}
.f_Anti{font-family: "Zen Kaku Gothic New", sans-serif;}
.f_Cond{font-family: "Barlow Condensed", sans-serif;}

#Contents{position: relative;}
/*---------------------------header--------------------------------*/
#headerBox{
	box-sizing: border-box;
	position: relative;
	text-align: center;
	background-color: #ffcc33;
}
#headerBox h1 a{transition: .4s;}
#headerBox #gNavi{
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}
#headerBox #gNavi li{
	box-sizing: border-box;
	position: relative;
	padding:0 .75vw;
}
#headerBox #gNavi li.navi01{width: 13.75%;}
#headerBox #gNavi li.navi02{width: 16.5%;}
#headerBox #gNavi li.navi03{width: 12%;}
#headerBox #gNavi li.navi04{width: 10.15%;}
#headerBox #gNavi li.navi05{width: 11.6%;}
#headerBox #gNavi li.navi06{width: 13.1%;}
#headerBox #gNavi li.navi07{width: 13.2%;}
#headerBox #gNavi li.navi08{width: 8%;}
/*#headerBox #gNavi li.navi01{width: 13.75%;}
#headerBox #gNavi li.navi02{width: 16.5%;}
#headerBox #gNavi li.navi03{width: 11.5%;}
#headerBox #gNavi li.navi04{width: 9.85%;}
#headerBox #gNavi li.navi05{width: 11.5%;}
#headerBox #gNavi li.navi06{width: 13.1%;}
#headerBox #gNavi li.navi07{width: 13.1%;}
#headerBox #gNavi li.navi08{width: 8%;}*/
#headerBox #gNavi li:not(:last-child)::after{
	content: " ";
	width: 1px;
	height: 100%;
	background-color: #231815;
	position: absolute;
	top: 2px;
	right: 0;
}
#headerBox #gNavi li a{
	display: block;
	line-height: 1;
}
#headerBox #gNavi li a img{
	vertical-align: middle;
	width: 100%;
	transition: .4s;
}
#headerBox #gNavi li.here a img{filter: invert(72%) sepia(4%) saturate(9%) hue-rotate(324deg) brightness(84%) contrast(88%);}
/*----------------------------------contents---------------------------------------*/

#pagetop{
	display: none;
	position: fixed;
	right: 2.5%;
	bottom: 2vw;
}
/*----------------------------------footer---------------------------------------*/
#footer{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
#footer small{
	letter-spacing: -0.01em;
	font-size: 1rem;
	color: #4b4b4b;
}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	html{overflow-x: hidden;}
	#headerBox h1 a:hover,
	#headerBox #gNavi li.navi08 a:hover,
	#pagetop a:hover{opacity: .7;}
	#headerBox #gNavi li:not(.navi08) a:hover img{filter: invert(72%) sepia(4%) saturate(9%) hue-rotate(324deg) brightness(84%) contrast(88%);}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	.pc_only{display: none;}
	#headerBox h1{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	#headerBox #gNavi{margin: 6vw auto 0;
	}
	#headerBox #gNavi li{padding:0 2vw;}
	#headerBox #gNavi li.navi01{width: 14%;}
	#headerBox #gNavi li.navi02{width: 17.25%;}
	#headerBox #gNavi li.navi03{width: 11.95%;}
	#headerBox #gNavi li.navi04{width: 9.75%;}
	#headerBox #gNavi li.navi05{width: 11.5%;}
	#headerBox #gNavi li.navi06{width: 13.1%;}
	#headerBox #gNavi li.navi07{width: 13.25%;}
	#headerBox #gNavi li.navi08{width: 8%;}

}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) and (min-width:641px){
	.tab_only{display: block!important;}
	br.tab_only{display: inline-block!important;}
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	body{
		font-size:1.35em;
		letter-spacing: 0.025em;
	}
	.sp_only{display: block!important;}
	br.sp_only{display: inline-block!important;}
	#headerBox{padding:9vw 2.5% 5vw;}
	#pagetop{
		width: 7%;
		right: 4.5%;
		bottom: 3.5vw;
}
	#footer small{font-size: .9rem;}

}