@charset "UTF-8";

/* p_globalNav */
.p_globalNav {
	position: absolute;
	top: 44px;
	left: 0;
	display: none;
	width: 100%;
	min-width: 320px;
	height: 0;
	z-index: 1000;
}

.is_show.p_globalNav {
	height: 100vh;
}

.p_globalNav__layer{
	display: none;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 20;
}

.is_show.p_globalNav + .p_globalNav__layer {
	display: block;
}

.p_globalNav__content {
	display: none;
}

.p_globalNav__list {
	border-bottom: solid #ffffff 1px;
}

.p_globalNav__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff !important;
	height: 50px;
	padding: 0 10px;
	background-color: #0099ff;
	border-top: solid #ffffff 1px;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
}
span.p_globalNav__link {
	color: #74bbff !important;
}

.p_globalNav__link span {
	display: block;
	padding-left: 10px;
	border-left: 3px solid #fff;
}
span.p_globalNav__link span {
	border-left: 3px solid #74bbff;
}

.s_accBtn{
	position: relative;
}

.s_accBtn::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 24px;
	margin: auto 0;
}

.s_accBtn::before {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 19px;
	margin: auto 0;
}

.s_accBtn.s_open::after {
	display: none;
}

.s_accBtn > span {
	position: relative;
	padding-right: 40px;
	width: 100%;
}

.s_accBtn > span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto 0;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
}

.p_globalNav__subList {
	border-top: 1px dashed #fff;
	padding: 5px 0;
	background-color: #0099ff;
	display: none;
}

.p_globalNav__subList > li > a {
	position: relative;
	display: block;
	padding: 3px 20px;
	color: #fff;
	text-decoration: none;
}

.p_globalNav__subList > li > a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate( 45deg );
	margin: auto 0;
}

.p_globalNav__noteList > li > a {
	position: relative;
	display: block;
	padding: 3px 20px 3px 30px;
	color: #fff;
	text-decoration: none;
}

.p_globalNav__noteList > li > a::after {
	content: "・";
	position: absolute;
	top: 2px;
	left: 15px;
}

.p_globalNav__externalList {
	padding: 20px;
	background-color: #4d280a;
}

.p_globalNav__externalItem + .p_globalNav__externalItem {
	margin-top: 10px;
}

.p_globalNav__externalLink {
	display: block;
	color: #fff !important;
	font-size: 14px;
	text-decoration: none;
}

/* p_hamburger */
.p_hamburger {
	position: absolute;
	top: -44px;
	right: 5px;
	width: 44px;
	height: 44px;
}

.p_hamburger::before,
.p_hamburger::after {
	content: "";
}

.p_hamburger::before {
	top: 10px;
}

.p_hamburger::after {
	top: 30px;
}

.p_hamburger__line {
	top: 20px;
}

.p_hamburger::before,
.p_hamburger::after,
.p_hamburger__line {
	position: absolute;
	left: 50%;
	width: 80%;
	height: 4px;
	background-color: #ffffff;
	border-radius: 2px;
	transform: translateX(-50%);
	transition: all 0.2s;
}

.p_hamburger__line img {
	display: none;
}

.is_show .p_hamburger::before {
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.is_show .p_hamburger::after {
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.is_show .p_hamburger__line {
	opacity: 0;
}

@media screen and (max-width: 767px) {
	*.template__old,
	*.template__old :before,
	*.template__old :after{
		box-sizing: border-box;
	}

	.template__old ol, .template__old ul, .template__old li,iframe {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	body.is_hidden {
		/* height: 100vh; */
		/* overflow-y: hidden; */
		/* padding-right: 16px; */
	}

	/* p_globalNav */
	.p_globalNav {
		display: block;
	}
}

@media screen and (max-width: 1100px){ .u_ov1100 { display: none !important; } }
@media screen and (max-width: 1000px){ .u_ov1000 { display: none !important; } }
@media screen and (max-width: 900px) { .u_ov900  { display: none !important; } }
@media screen and (max-width: 800px) { .u_ov800  { display: none !important; } }
@media screen and (max-width: 767px) { .u_ov767  { display: none !important; } }
@media screen and (max-width: 700px) { .u_ov700  { display: none !important; } }
@media screen and (max-width: 600px) { .u_ov600  { display: none !important; } }
@media screen and (max-width: 500px) { .u_ov500  { display: none !important; } }
@media screen and (max-width: 400px) { .u_ov400  { display: none !important; } }
@media screen and (max-width: 374px) { .u_ov374  { display: none !important; } }
@media screen and (min-width: 1101px){ .u_un1100 { display: none !important; } }
@media screen and (min-width: 1001px){ .u_un1000 { display: none !important; } }
@media screen and (min-width: 901px) { .u_un900  { display: none !important; } }
@media screen and (min-width: 801px) { .u_un800  { display: none !important; } }
@media screen and (min-width: 768px) { .u_un767  { display: none !important; } }
@media screen and (min-width: 701px) { .u_un700  { display: none !important; } }
@media screen and (min-width: 601px) { .u_un600  { display: none !important; } }
@media screen and (min-width: 501px) { .u_un500  { display: none !important; } }
@media screen and (min-width: 401px) { .u_un400  { display: none !important; } }
@media screen and (min-width: 375px) { .u_un374  { display: none !important; } }