body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-size-adjust:none; 
	margin:0;
	padding:0;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:white;
}
a{
	text-decoration: none;
	color:white;
}

#pcMenu2 a{
	position:relative;
	transition: 0.3s;
	transition-property:color;
	backface-visibility:hidden;	
}
#pcMenu2 a::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background:white;
	bottom: -2px;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
	backface-visibility:hidden;
}

#pcMenu2 a:hover{
	color:rgb(200,0,0);
}

#pcMenu2 a:hover::after {
	transform: scale(1.1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}


b{
	color:white;
}

.grayImg{
	filter:grayscale(1);
	filter: contrast(20%);
}
.grayTxt{
	color:gray;
}

.mobile_menu{
	display:none;
}
.mobile{
	text-align:center;
	background-color:black;
	height:6vw;
    line-height:6vw;
    vertical-align: middle;
	font-size:2.2vw;
	letter-spacing:0.5vw;
}
.mobile a:link{
	color:white;
}
.mobile a:visited{
	color:white;
}
.mobile a:hover{
	color:#80b1ff;
}
.mobile a:active{
	color:white;
}
.border_rt{
	border-right:solid 1px skyblue;
}
.border_top{
	border-top:solid 1px skyblue;
}

.parent {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0;
}
.child {
	flex: 1;
	margin:0;
	padding:0;
}

#menu_logo{
	width:40%;
	height:auto;
	display:block;
	margin:2% auto;
}

#hedder2{
	width:100%;
	background-color:black;
	background: linear-gradient(180deg, rgba(0, 0, 0,1), rgba(0, 0, 30,1));
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:flex-start;
}
#pcMenu2{
	width:86%;
	margin:auto;
	margin-bottom:2%;
	display:flex;
	justify-content:space-evenly;
	align-items:flex-start;
	font-size:2vw;
}

#main{
	position:relative;
	max-width:1280px;
	width:100%;
	margin:auto;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-image:url(img/bg2.jpg);
	background-size:min(100%, 1280px) auto;
	background-repeat:no-repeat;
	background-position:top;
	background-attachment: fixed;
	text-shadow: 1px 2px 3px black;
}

.category{
	background-color:#2968dc;
	color:white;
	border-top:solid 1px white;
	border-bottom:solid 2px white;
	padding:2% 4%;
	font-size:2.5vw;
	background-image:url(img/ico_l.png),url(img/ico_r.png);
	background-position:left,right;
	background-repeat:no-repeat;
	background-size:auto 100%;
}



#footer{
	background-color:#2968dc;
	color:white;
	border-top:solid 1px skyblue;
	padding:2% 4%;
	font-size:1.5vw;
	background-image:url(img/ico2_l.png),url(img/ico2_r.png);
	background-position:left,right;
	background-repeat:no-repeat;
	background-size:auto 100%;
	
	display:flex;
	justify-content:center;
	align-items:flex-start;
	
	vertical-align: middle;
}
#footer img{
	max-width:80px;
	width:9%;
	height:auto;
	margin:auto 0;
}

.redShadow{
	text-shadow: 1px 1px 2px red;
}
.noShadow{
	text-shadow:none;
}

.fontLL{
	font-size:3.5vw;
}
.fontL{
	font-size:2.5vw;
}
.fontM{
	font-size:1.9vw;
}
.fontS{
	font-size:1.5vw;
}
.fontSS{
	font-size:1.2vw;
}

.br{
	display:none;
}

#is-loading{
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: white;
	z-index: 8;
	transition:all 1.0s;
}
#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width:1015px;
	height: auto;
	text-align: center;
	color: skyblue;
	z-index: 9;
	transition:all 1.0s;
}

@media (min-width: 1280px) {
	#main{
		border-right: solid 2px skyblue;	/* 内側の線になる一本線の枠線をひく*/
		border-left: solid 2px skyblue;
		outline: solid 2px skyblue;	/* 外側の線になる一本線の枠線をひく*/
		outline-offset: 6px;	/* 外側の線と内側の線の空き具合を調整*/
   }
   
	#pcMenu2{
		font-size:26px;
	}
   
	.category{
		font-size:32px;
	}
   
	#footer{
		font-size:19px;
	}

	.fontLL{
		font-size:45px;
	}
	.fontL{
		font-size:32px;
	}
	.fontM{
		font-size:24px;
	}
	.fontS{
		font-size:19px;
	}
	.fontSS{
		font-size:14px;
	}

}

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

	.category{
		font-size:4.5vw;
	}
	
	#hedder2{
		display:none;
	}

	.pc{
		display:none;
	}
	.mobile_menu{
		display:block;
	}
	
	.fontLL{
		font-size:6.2vw;
	}
	.fontL{
		font-size:5.3vw;
	}
	.fontM{
		font-size:4vw;
	}
	.fontS{
		font-size:3.5vw;
	}
	.fontSS{
		font-size:2.8vw;
	}
	
	.br{
		display:block;
	}
}