@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
/**************************************
						コ ン テ ン ツ
**************************************/
.header { background-color: #FEFEFE; position: fixed; top: 0; left: 0; width: 100%; border-bottom: solid 1px #CCC; z-index: +1; }
.header > div { display: flex; justify-content: space-between; align-items: center; font-size: 0; height: 70px; position: relative; }
.header > div .krsw { width: 65%; max-width: 300px; }
.header > div .krsw img { width: 100%; }
.header > div .navBtn { font-size: 1.0rem; padding: 1.0rem; color: #333; position: relative; transition: .4s; display: flex; align-items: center; justify-content: center; position: relative; }
.header > div .navBtn:hover { cursor: pointer; text-decoration: underline; }
.header > div .navBtn.active { color: transparent; }
.header > div .navBtn.active::before { position: absolute; top: 0; left: 0; content: "CLOSE"; display: block; color: #333; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: .4s; }
.header > div .navBtn.active:hover::before { text-decoration: underline; }
.header > div .globalNav { position: absolute; top: 70px; right: 0; background-color: #E72D18; color: #FEFEFE; width: 100%; padding: 0; /*border: solid 1px #CCC; border-top: none;*/ display: none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
.header > div .globalNav p { font-size: 1.0rem; margin: 0; padding: 0 1.0rem; line-height: 5.0rem; border-bottom: solid 1px rgba(255, 255, 255, 0.3); position: relative; transition: .4s; }
.header > div .globalNav p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.header > div .globalNav p:hover { background-color: #000; }
.header > div .globalNav p:last-child { border-bottom: none; }
@media (min-width: 768px) { .header > div .globalNav { width: 30%; } }
@media (min-width: 1200px) { .header > div .globalNav { right: calc(1.0rem - 2px); } }