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

	Date: 2023-08-08
	CSS Document ： Once a day[ワンスアデイ]

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
/* LPのみヘッダー幅指定 */
#header_kr {
		max-width: 920px;
}

/*------------------------------------

wrap

------------------------------------*/
#wrap_kr {
		line-height: 1.7;
		overflow-x: hidden;
		width: 100%;
		margin: 0 auto;
		letter-spacing: .08em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
#wrap_kr img {
		max-width: 100%;
}
#wrap_kr a {
		display: block;
		transition: all .3s;
		text-decoration: none;
}
#wrap_kr a:hover {
		opacity: .7;
}
#wrap_kr ul {
		margin: 0;
		padding: 0;
		list-style: none;
}

/*------------------------------------

メインスライド

------------------------------------*/
#slider_kr > ul {
		width: 960px;
		margin: 0 auto;
}
#slider_kr .slick-list {
		overflow: inherit;
}
/*------------------------------------

メインコンテンツ

------------------------------------*/
#main_kr {
		width: 920px;
		margin: 0 auto 6em;
}
#main_kr section {
		margin: 2.5em -500%;
		padding: 2.5em 500% 0;
		text-align: center;
}
/*------------------------------------

共通

------------------------------------*/
/* カテゴリタイトル */
.ttl_kr {
		position: relative;
		display: inline-block;
		text-align: center;
}
.ttl_kr .subttl_kr {
		font-family: 'Roboto', sans-serif;
		font-size: 145%;
		font-weight: 500;
		font-style: italic;
		letter-spacing: .1em;
		color: #008ea4;
}
.ttl_kr .mainttl_kr {
		font-family: 'Ryumin Medium KL', serif;
		font-size: 250%;
		line-height: 1.2em !important;
		letter-spacing: .12em;
}
.ttl_kr .mainttl_kr::after {
		display: block;
		width: 1px;
		height: .5em;
		margin: .23em auto .4em;
		content: '';
		background: #008ea4;
}
/* 商品スペック */
.spec_kr {
		font-size: 110%;
		text-align: left;
}
.spec_kr .price_kr {
		display: block;
		margin-top: .4em;
}
.spec_kr .tanyi_kr {
		margin-right: .5em;
}
.spec_kr .down_kr {
		text-decoration: line-through;
		color: #e44c2d;
}
.spec_kr .down_kr span {
		color: #000;
}
.spec_kr .special_kr {
		font-size: 110%;
		font-weight: bold;
		display: block;
		color: #e44c2d;
}
.spec_kr .special_kr .num_kr {
		font-size: 140%;
}
.spec_kr .special_kr .tax_kr {
		font-size: 70%;
}
/* リンクボタン */
.btn_kr {
		font-size: 1.4rem;
		font-weight: bold;
		position: relative;
		display: inline-block;
		min-width: 16em;
		padding: .4em 2em;
		text-align: center;
		letter-spacing: .15em;
		color: #fff;
		border-radius: 3em;
		background: #008ea4;
}
.btn_kr::after {
		position: absolute;
		top: 0;
		right: 1em;
		display: block;
		width: 1em;
		height: 100%;
		content: '';
		transition: all .3s;
		background-image: url('../images/arrow_w.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: .5em;
}
a:hover .btn_kr::after {
		right: .7em;
}
/* アイテムリスト */
ul.item_list_kr {
		display: flex;
		justify-content: space-between;
		align-items: initial;
}
ul.item_list_kr li {
		width: 31%;
}
ul.item_list_kr li a {
		position: relative;
		display: block;
		height: 100%;
		padding: 1.5em 1.5em;
		text-align: center;
		border-bottom: 1px solid #008ea4;
}
ul.item_list_kr li a::after {
		position: absolute;
		right: .3em;
		bottom: .3em;
		display: block;
		width: 1em;
		height: 1em;
		content: '';
		transition: all .3s;
		background: url('../images/arrow_min.svg');
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: .78em;
}
ul.item_list_kr li a .item_image_kr {
		margin-bottom: 1em;
}
/*------------------------------------

コンセプト

------------------------------------*/
#main_kr #concept_kr {
		text-align: center;
}
#concept_kr h1 {
		width: 218px;
		margin: 0 auto;
}
#concept_kr h2 {
		font-size: 120%;
		line-height: 1.4;
		margin: 1em 0 .5em;
}
#concept_kr p {
		font-size: 90%;
		letter-spacing: .04em;
		color: #80808a;
}
/*------------------------------------

特設キャンペーン

------------------------------------*/
#main_kr .campaign_kr {
		margin-bottom: 6em;
}
/*------------------------------------

今月のおすすめアイテム

------------------------------------*/
#main_kr #recommend_kr {
		padding: 4.8em 500% 6em;
		background: #f7f7f8;
}
/* メインアイテム */
#recommend_kr .main_item_kr {
		margin: 0 auto 2em;
		padding: 2.5em 0;
		text-align: center;
		background: #fff;
}
#recommend_kr .recommend_head_kr {
		font-family: 'Noto Serif', serif;
		font-size: 220%;
		font-style: italic;
		line-height: 1;
		position: relative;
		display: inline-block;
		letter-spacing: .14em;
		color: #008ea4;
}
#recommend_kr .recommend_head_kr::before, #recommend_kr .recommend_head_kr::after {
		position: absolute;
		bottom: 0;
		;
		display: block;
		height: .9em;
		content: '';
		border-left: 1.3px solid #008ea4;
}
#recommend_kr .recommend_head_kr::before {
		left: -.8em;
		transform: rotate(-35deg);
}
#recommend_kr .recommend_head_kr::after {
		right: -.8em;
		transform: rotate(35deg);
}
#recommend_kr .recommend_point_kr {
		font-family: 'Ryumin Medium KL', serif;
		font-size: 183%;
		line-height: 1.5;
		margin: .4em 0;
		letter-spacing: .1em;
}
#recommend_kr .item_wrap_kr {
		font-size: 130%;
		width: 90%;
		margin: 1em auto;
}
#recommend_kr .item_wrap_kr a {
		display: flex;
		justify-content: center;
		align-items: center;
}
#recommend_kr .item_wrap_kr .spec_kr {
		width: 40%;
		margin: 0 0 0 5%;
}
#recommend_kr .btn_kr {
		margin-top: 1.4em;
}
/* サブアイテム */
#recommend_kr ul.item_list_kr li {
		background: #fff;
}
/*------------------------------------

TRY ＆ KEEP ON キャンペーン

------------------------------------*/
#main_kr #try_keep_kr {
		text-align: center;
}
#try_keep_kr .box_kr {
		width: 780px;
		margin: 0 auto;
		padding: 2em 0;
		cursor: pointer;
		transition: all .3s;
		text-align: center;
		background: #f2dbea;
}
#try_keep_kr .box_kr:hover {
		opacity: .7;
}
#try_keep_kr .box_kr > img {
		margin: 0 auto;
}
#try_keep_kr .btn_kr {
		margin-top: .5em;
		color: #c14d97;
		background: #fff;
}
#try_keep_kr .btn_kr::after {
		background-image: url(../images/arrow_m.svg);
		background-size: .7em;
}
#try_keep_kr .open .btn_kr::after {
		transform: rotate(-180deg);
}
#try_keep_kr .hidden_kr {
		display: none;
}
#try_keep_kr .hidden_kr > img {
		margin: 0 auto;
}
/*------------------------------------

使い方提案

------------------------------------*/
#main_kr #blog_kr {
		margin: 7.5em -500% 5em;
		padding-bottom: 4.2em;
		border: 1px solid #008ea4;
		border-right: none;
		border-left: none;
		background: url('../images/blog_bg.png');
}
#blog_kr .ttl_kr img {
		position: absolute;
		top: -73px;
		left: -142px;
}
#blog_kr #blog_list_kr {
		display: flex;
		margin-bottom: 2.5em;
		justify-content: space-between;
		align-items: center;
}
#blog_kr #blog_list_kr a {
		width: 31.5%;
}
/*------------------------------------

お気に入り数ランキング

------------------------------------*/
#main_kr #ranking_kr {
		margin-bottom: 6em;
}
#ranking_kr ul.item_list_kr {
		margin: 2em 0;
}
#ranking_kr ul.item_list_kr li {
		position: relative;
}
#ranking_kr ul.item_list_kr li:before {
		position: absolute;
		z-index: 1;
		top: 3px;
		left: 13px;
		display: block;
		width: 3em;
		height: 5em;
		content: '';
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
}
#ranking_kr ul.item_list_kr li:nth-child(1)::before {
		background-image: url('../images/rank_icon01.png');
}
#ranking_kr ul.item_list_kr li:nth-child(2)::before {
		background-image: url('../images/rank_icon02.png');
}
#ranking_kr ul.item_list_kr li:nth-child(3)::before {
		background-image: url('../images/rank_icon03.png');
}
/*------------------------------------

商品リスト誘導バナー

------------------------------------*/
#main_kr .item_bnr_kr {
		margin-top: 0;
		padding-top: 0;
}
.item_bnr_kr ul li {
		margin: 2em auto;
}
.item_bnr_kr ul li a img {
		margin: 0 auto;
}
/*------------------------------------

デジタルカタログ

------------------------------------*/
#main_kr .catalog_kr {
		margin: 9em auto 6em;
		padding: 2.5em 0 2.8em;
		background: #f7f7f8;
}
#wrap_kr .catalog_kr a {
		display: flex;
		justify-content: center;
		align-items: center;
}
.catalog_kr .catalog_text_kr {
		font-family: 'Ryumin Medium KL', serif;
		margin: 0 96px 0 0;
}
.catalog_kr .catalog_new_kr {
		font-family: 'Roboto', sans-serif;
		font-size: 128%;
		font-weight: 500;
		font-style: italic;
		line-height: 1.3;
		display: inline-block;
		margin: 0 0 .5em;
		padding: 0 .5em;
		color: #fff;
		background: #008ea4;
}
.catalog_kr .catalog_check_kr {
		font-size: 155%;
}
.catalog_kr .catalog_ttl_kr {
		font-size: 123%;
		display: flex;
		margin: .3em 0 .1em;
		justify-content: center;
		align-items: center;
}
.catalog_kr .catalog_ttl_kr img {
		width: 12em !important;
		margin: 0 .5em 0 0;
}
.catalog_kr .catalog_ttl_kr span {
		font-size: 164%;
}
.catalog_kr .catalog_num_kr {
		font-size: 142%;
}
.catalog_kr .catalog_image_kr {
		width: 250px;
		margin: -80px 0;
}
.catalog_kr .catalog_image_kr img {
		transform: rotate(5deg);
}
/*------------------------------------

習慣化を応援！

------------------------------------*/
#main_kr #appeal_kr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
}
#appeal_kr .appeal_ttl {
		font-size: 220%;
		font-weight: bold;
		line-height: 1.4;
		width: 100%;
		margin: .6em 0 .8em;
		letter-spacing: .1em;
		color: #008ea4;
}
#appeal_kr .appeal_point {
		width: 57%;
}
#appeal_kr .appeal_point img:nth-child(1) {
		margin-bottom: 1.5em;
}
/*------------------------------------

コンセプト誘導

------------------------------------*/
#main_kr .link_bnr_kr {
		margin-top: 6em;
		padding-top: 0;
}
.link_bnr_kr ul li {
		margin: 2em auto;
}
.link_bnr_kr ul li a img {
		margin: 0 auto;
}

/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		/*------------------------------------

wrap

------------------------------------*/
		#wrap_kr {
				font-size: .85rem;
				line-height: 1.8em;
				overflow-x: hidden;
				width: 100%;
		}
		#wrap_kr img {
				width: 100%;
		}
		#wrap_kr a {}
		#wrap_kr ul {
}
		#wrap_kr ul li {}

		/*------------------------------------

メインスライド

------------------------------------*/
		#slider_kr {}
		#slider_kr > ul {
				width: 100%;
		}
		#slider_kr ul li.slick-slide {}
		#slider_kr ul li a {}
		#slider_kr ul li a img {}
		#slider_kr .slick-list {}
		/*------------------------------------

メインコンテンツ

------------------------------------*/
		#main_kr {
				width: 100%;
				margin: 0 0 4.5em;
		}
		#main_kr section {
				margin: 2.0em 0;
				padding: 2.0em 0 0;
		}
		/*------------------------------------

共通

------------------------------------*/
		/* カテゴリタイトル */
		.ttl_kr {
				font-size: 76%;
		}
		.ttl_kr .subttl_kr {
				font-size: 155%;
		}
		.ttl_kr .mainttl_kr {}
		.ttl_kr .mainttl_kr::after {}
		/* 商品スペック */
		.spec_kr {
				line-height: 1.4;
		}
		.spec_kr .name_kr {}
		.spec_kr .price_kr {
				line-height: 1.4;
		}
		.spec_kr .tanyi_kr {}
		.spec_kr .num_kr {}
		.spec_kr .down_kr {}
		.spec_kr .down_kr span {}
		.spec_kr .special_kr {}
		.spec_kr .special_kr .num_kr {}
		.spec_kr .special_kr .tax_kr {}
		/* リンクボタン */
		.btn_kr {
				font-size: 1.05rem;
				width: 70vw;
				min-width: auto;
				margin: 0 auto;
		}
		.btn_kr::after {}
		a:hover .btn_kr::after {}
		/* アイテムリスト */
		ul.item_list_kr {
				display: block;
		}
		ul.item_list_kr li {
				font-size: 88%;
				width: 100%;
				margin-bottom: 1.3em;
		}
		#wrap_kr ul.item_list_kr li a {
				display: flex;
				padding: 1.2em 1.5em 1.2em;
				justify-content: flex-start;
				align-items: center;
		}
		ul.item_list_kr li a::before {}
		ul.item_list_kr li a::after {}
		ul.item_list_kr li a .item_image_kr {
				width: 35%;
				margin-right: 1.5em;
				margin-bottom: 0;
		}
		ul.item_list_kr li a .item_image_kr img {}
		/*------------------------------------

コンセプト

------------------------------------*/
		#main_kr #concept_kr {
				margin-top: 0;
				padding-top: 2.8em;
		}
		#concept_kr h1 {
				width: 55%;
		}
		#concept_kr h2 {}
		#concept_kr p {}
		/*------------------------------------

特設キャンペーン

------------------------------------*/
		#main_kr .campaign_kr {
				margin-bottom: 4.7em;
		}
		.campaign_kr a {}
		#wrap_kr .campaign_kr a img {
				width: 90%;
				margin: 0 auto;
		}
		/*------------------------------------

今月のおすすめアイテム

------------------------------------*/
		#main_kr #recommend_kr {
				padding: 3.2em 5% 2.3em;
		}
		/* メインアイテム */
		#recommend_kr .main_item_kr {
				/* width: 90%; */ padding-bottom: 1.3em;
		}
		#recommend_kr .recommend_head_kr {
				font-size: 205%;
		}
		#recommend_kr .recommend_head_kr::before, #recommend_kr .recommend_head_kr::after {}
		#recommend_kr .recommend_head_kr::before {}
		#recommend_kr .recommend_head_kr::after {}
		#recommend_kr .recommend_point_kr {
				font-size: 155%;
				line-height: 1.35;
		}
		#recommend_kr .item_wrap_kr {
				font-size: 110%;
				width: 80%;
				margin: .6em auto;
		}
		#recommend_kr .item_wrap_kr a {
				display: block;
		}
		#recommend_kr .item_wrap_kr .item_image_kr {}
		#recommend_kr .item_wrap_kr .item_image_kr img {}
		#recommend_kr .item_wrap_kr .spec_kr {
				width: 100%;
				margin: 1em auto;
		}
		#recommend_kr .btn_kr {
				margin-top: .9em;
		}
		#recommend_kr .btn_kr::after {}
		/* サブアイテム */
		#recommend_kr ul.item_list_kr {}
		#recommend_kr ul.item_list_kr li {}
		/*------------------------------------

TRY ＆ KEEP ON キャンペーン

------------------------------------*/
		#main_kr #try_keep_kr {}
		#try_keep_kr .box_kr {
				width: 90%;
				padding-top: 0;
		}
		#try_keep_kr .box_kr > img {
				margin: 0 auto .3em;
		}
		#try_keep_kr .btn_kr {}
		#try_keep_kr .btn_kr::after {}
		#try_keep_kr .open .btn_kr::after {}
		#try_keep_kr .hidden_kr {}
		#try_keep_kr .hidden_kr > img {
				width: 90%;
		}
		/*------------------------------------

使い方提案

------------------------------------*/
		#main_kr #blog_kr {
				margin: 5.5em 0 3.5em;
				padding-bottom: 3em;
				background-size: 12vw;
		}
		#blog_kr .ttl_kr {}
		#blog_kr .ttl_kr img {
				top: -13vw;
				left: -28vw;
				width: 66%;
		}
		#blog_kr #blog_list_kr {
				display: block;
		}
		#blog_kr #blog_list_kr a {
				display: block;
				width: 80%;
				margin: 0 auto;
				margin-bottom: 2em;
		}
		#blog_kr #blog_list_kr a img {}
		#blog_kr > a {}
		/*------------------------------------

お気に入り数ランキング

------------------------------------*/
		#main_kr #ranking_kr {
				margin-bottom: 4em;
		}
		#ranking_kr ul.item_list_kr {
				width: 90%;
				margin: 0 auto;
		}
		#ranking_kr ul.item_list_kr li {}
		#ranking_kr ul.item_list_kr li a {}
		#ranking_kr ul.item_list_kr li:before {
				top: 0;
				left: -.4vw;
				width: 3em;
				height: 4em;
		}
		#ranking_kr ul.item_list_kr li:nth-child(1)::before {}
		#ranking_kr ul.item_list_kr li:nth-child(2)::before {}
		#ranking_kr ul.item_list_kr li:nth-child(3)::before {}
		/*------------------------------------

商品リスト誘導バナー

------------------------------------*/
		#main_kr .item_bnr_kr {}
		.item_bnr_kr ul {
				display: flex;
				width: 90%;
				margin: 0 auto !important;
				justify-content: space-between;
				align-items: center;
		}
		.item_bnr_kr ul li {
				width: 47.5%;
				margin: 0;
		}
		.item_bnr_kr ul li a {}
		.item_bnr_kr ul li a img {}
		/*------------------------------------

デジタルカタログ

------------------------------------*/
		#main_kr .catalog_kr {
				width: 90%;
				margin: 5em auto 3em;
				padding-bottom: 1.8em;
		}
		#wrap_kr .catalog_kr a {
				display: block;
		}
		.catalog_kr .catalog_text_kr {
				margin: 0 auto;
		}
		.catalog_kr .catalog_new_kr {
				font-size: 115%;
		}
		.catalog_kr .catalog_check_kr {
				font-size: 130%;
		}
		.catalog_kr .catalog_ttl_kr {
				font-size: 100%;
				margin: .7em 0 .5em;
		}
		.catalog_kr .catalog_ttl_kr img {}
		.catalog_kr .catalog_ttl_kr span {}
		.catalog_kr .catalog_num_kr {
				font-size: 123%;
				letter-spacing: .05em;
		}
		.catalog_kr .catalog_image_kr {
				width: 55%;
				margin: 1em auto;
		}
		.catalog_kr .catalog_image_kr img {
				transform: inherit;
		}
		/*------------------------------------

習慣化を応援！

------------------------------------*/
		#main_kr #appeal_kr {
				margin-bottom: 4em;
				justify-content: center;
		}
		#appeal_kr .appeal_ttl {
				font-size: 150%;
				margin: 1.0em;
		}
		#appeal_kr .appeal_image {
				order: -1;
				width: 100%;
		}
		#appeal_kr .appeal_image img {
}
		#appeal_kr .appeal_point {
				width: 90%;
				margin: 0 auto;
		}
		#appeal_kr .appeal_point img {}
		#appeal_kr .appeal_point img:nth-child(1) {}
		#appeal_kr .appeal_point img:nth-child(2) {
				width: 90%;
				margin: 0 auto;
		}
		/*------------------------------------

コンセプト誘導

------------------------------------*/
		#main_kr .link_bnr_kr {
				width: 90%;
				margin: 0 auto;
		}
		.link_bnr_kr ul {}
		.link_bnr_kr ul li {}
		.link_bnr_kr ul li a {}
		.link_bnr_kr ul li a img {}

}