@charset "UTF-8";
/*=============================================================

	Date: 2023-08-08
	CSS Document ： Once a day[ワンスアデイ] 共通ヘッダー・フッター

=============================================================*/
.pc_kr {
		display: block;
}
.sp_kr {
		display: none !important;
}
.onceaday_common {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.onceaday_common a {
transition: all 0.3s;
text-decoration: none;
}
.onceaday_common a:hover {
opacity: 0.7;
}
/*------------------------------------

ヘッダー

------------------------------------*/
#header_kr {
		font-size: 1rem;
		position: relative;
		z-index: 1;
		display: flex;
  margin: 0 auto 1em;
  padding: 1em 0 0;
		justify-content: space-between;
		align-items: center;
}
/* リストページ内 */
#maincontent #header_kr {
		border-top: 2px solid #f7f7f8;
}
#header_kr .logo_kr {
		width: 177px;
}
#header_kr .nav_kr {
		font-size: 110%;
}
#header_kr .nav_kr ul.nav_main_kr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		list-style: none;
		padding: 0;
		margin: 0;
}
#header_kr .nav_kr ul.nav_main_kr > li {
		border-left: 1px solid #b2b2b9;
}
#header_kr .nav_kr ul.nav_main_kr > li:last-child {
		border-right: 1px solid #b2b2b9;
}
#header_kr .nav_kr ul.nav_main_kr > li > a {
		line-height: 1.5;
		display: block;
		padding: 0 1.5em;
		cursor: pointer;
}
#header_kr .nav_kr ul.nav_main_kr > li > a:hover {
		color: #008ea4;
}
#header_kr .category_nav_kr {
		font-size: 1.18rem;
		font-weight: bold;
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		width: 100%;
		padding: 1em 0 2em;
		text-align: center;
		border-top: 16px solid #fff;
		background: #f7f7f8;
}
/* ナビ共通 */
.category_nav_kr ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
}
.category_nav_kr ul li {
		margin: 1em .5em;
}
.category_nav_kr ul li a {
		position: relative;
		display: inline-block;
		padding: .5em 2.2em .5em 1.8em;
		text-align: left;
		color: #008ea4;
		border-radius: 2em;
		background: #fff;
}
.category_nav_kr ul li a::after {
		position: absolute;
		top: 0;
		right: .9em;
		display: block;
		width: .4em;
		height: 100%;
		content: '';
		transition: all .3s;
		background-image: url(../images/arrow_g.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
}
.category_nav_kr ul li a:hover::after {
		right: .65em;
}
.category_nav_kr .footer_nav_kr {
		max-width: 920px;
		margin: 0 auto 1.5em !important;
		padding-bottom: .6em !important;
		border-bottom: 2px solid #fff;
		justify-content: center;
}
.category_nav_kr .nav_category_kr {
		margin-top: 1em;
}
.category_nav_kr .nav_category_ttl_kr {
		position: relative;
		display: inline-block;
}
.category_nav_kr .nav_category_ttl_kr::before, .category_nav_kr .nav_category_ttl_kr::after {
		position: absolute;
		bottom: 46%;
		display: block;
		width: .6em;
		content: '';
		border-top: 1px solid #000;
}
.category_nav_kr .nav_category_ttl_kr::before {
		left: -1.2em;
}
.category_nav_kr .nav_category_ttl_kr::after {
		right: -1.2em;
}
#menu_kr {
		display: none;
}
/*------------------------------------

フッター

------------------------------------*/
#footer_kr {
		font-size: 1.18rem;
		font-weight: bold;
		margin: 3em -500%;
		padding: 3em 500% 2em;
		text-align: center;
		background: #f7f7f8;
}
#footer_kr .logo_kr {
		width: 150px;
		margin: 0 auto 1em;
}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		.pc_kr {
				display: none !important;
		}
		.sp_kr {
				display: block !important;
		}
		/*------------------------------------

ヘッダー

------------------------------------*/
		#header_kr {
				justify-content: center;
		}
		#header_kr .logo_kr {
				width: 36%;
		}
		#header_kr .logo_kr a {}
		#header_kr .logo_kr img {}
		#header_kr .nav_kr {
				display: none;
		}
		#header_kr .nav_kr ul.nav_main_kr {}
		#header_kr .nav_kr ul.nav_main_kr > li {}
		#header_kr .nav_kr ul.nav_main_kr > li:last-child {}
		#header_kr .nav_kr ul.nav_main_kr > li > a {}
		#header_kr .nav_kr ul.nav_main_kr > li > a:hover {}
		#header_kr .category_nav_kr {
				font-size: .85rem;
				display: flex;
				padding: 2em 5% 4em;
				border: none;
		}
		/* ナビ共通 */
		.category_nav_kr {
				display: flex;
				width: 90%;
				margin: 0 auto;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
		}
		.category_nav_kr ul {
    justify-content: space-between;
}
		.category_nav_kr ul li {
				width: 47%;
				margin: .5em 0;
		}
		.category_nav_kr ul li a {
				display: block;
				width: 100%;
				white-space: nowrap;
		}
		.category_nav_kr ul li a::after {}
		.category_nav_kr .footer_nav_kr {
				margin-bottom: 1em !important;
				padding-bottom: 2em !important;
				justify-content: space-between;
				width: 100%;
		}
		.category_nav_kr .nav_category_kr {
				width: 47%;
		}
		.category_nav_kr .nav_category_kr ul li {
				width: 100%;
		}
		.category_nav_kr .nav_category_ttl_kr {}
		.category_nav_kr .nav_category_ttl_kr::before, .category_nav_kr .nav_category_ttl_kr::after {}
		.category_nav_kr .nav_category_ttl_kr::before {}
		.category_nav_kr .nav_category_ttl_kr::after {}
		/*------------------------------------

SP メニュー

------------------------------------*/
		#menu_kr {
				position: absolute;
				z-index: 10;
				top: 1em;
				right: 0;
				display: block;
				width: 100%;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		}
		#menu_kr.fixed_on_kr {
				position: fixed;
				top: 0 !important;
		}
		#menu_kr ul {
				margin: 0;
				padding-inline-start: 0;
				width: 100%;
		}
		#menu_kr li {
				list-style: none;
		}
		.openbtn_kr {
				position: absolute;
				z-index: 10;
				top: .8vw;
				right: 4vw;
				display: block;
				width: 6vw;
				height: 4.5vw;
				margin: 0;
				padding: 0;
				cursor: pointer;
				border-radius: 5px;
		}
		/*ボタン内側*/
		.openbtn_kr span {
				position: absolute;
				left: 0;
				display: inline-block;
				width: 100%;
				height: .1em;
				transition: all .4s;
				border-radius: 5px;
				background: #717071;
		}
		.openbtn_kr span:nth-of-type(1) {
				top: 0;
		}
		.openbtn_kr span:nth-of-type(2) {
				top: 47%;
		}
		.openbtn_kr span:nth-of-type(3) {
				bottom: 0;
		}
		/*active*/
		.openbtn_kr.active span:nth-of-type(1) {
				top: 1px;
				left: 1px;
				width: 100%;
				transform: translateY(6px) rotate(-45deg);
				background: #717071;
		}
		.openbtn_kr.active span:nth-of-type(2) {
				opacity: 0;
		}
		.openbtn_kr.active span:nth-of-type(3) {
				top: 14px;
				left: 1px;
				width: 100%;
				transform: translateY(-6px) rotate(45deg);
				background: #717071;
		}
		#overlay_kr {
				position: absolute;
				z-index: 5;
				top: 10vw;
				right: 0;
				display: none;
				width: 100%;
		}
		.overlay_nav_kr {
				font-size: 74%;
		}
		.overlay_nav_kr ul {}
		.overlay_nav_kr ul li {
				margin: 0 0 1.4em;
		}
		.overlay_nav_kr ul li:last-child {
				margin: 0 0;
		}
		.overlay_nav_kr ul li a {
				position: relative;
				display: inline-block;
				padding-right: 3.0em;
		}
		.overlay_nav_kr ul li a::after {
				position: absolute;
				bottom: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				content: '';
				background: url(../images/link_arrow_b.svg?$staticlink$) no-repeat center right 0;
				background-size: .5em;
		}
		#main_wrap_kr .overlay_nav_kr ul li a img {
				height: 1.2em;
		}
	/*------------------------------------

フッター

------------------------------------*/
		#footer_kr {
				font-size: .82rem;
				padding: 2.4em 500% 2em;
		}
		#footer_kr .logo_kr {
				width: 37%;
		}
		#footer_kr .logo_kr a {}
		#footer_kr .logo_kr img {}
}