@charset "UTF-8";

/*=============================================================

	Date: 2018-04-23
	update: 2018-04-23
	CSS Document ：　

=============================================================*/
.fsc_gfooter__breadcrumb {
margin-top: 0;
}

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

共通ヘッダー・フッター

--------------------------------- */
#header_kr {
    max-width: 920px;
}
.onceaday_common {
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
		letter-spacing: 0.07em;
}
.onceaday_common * {
box-sizing: border-box;
}
#footer_kr {
margin-top: 0;
}
/* ---------------------------------

	ブランド内大枠設定

--------------------------------- */
.pc_kr {
		display: block !important;
}
.sp_kr {
		display: none !important;
}
.mt_0_kr {
		margin-top: 0 !important;
}
body {
		width: 100%;
		overflow-x: auto;
}
.wide_kr {
		margin-right: -500%;
		margin-left: -500%;
		padding-right: 500%;
		padding-left: 500%;
}
#inner_kr img {
		vertical-align: bottom;
		line-height: 0;
		font-size: 0;
}
div#Container_fca {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		font-size: 75.0%;
		padding: 0;
		margin: 0 auto; /*max-width: 920px !important;*/ width: 100%;
		position: relative;
		min-width: 100px;
}
div#main_kr {
		width: 100%;
		margin: 0 auto 50px;
		text-align: center;
		color: #000;
}
div#inner_kr {
		width: 100%;
		margin: 0px auto 0px !important;
		text-align: left;
}
div#box_area_kr {
		background: #FFE341;
		margin: 0px -500% 0px !important;
		padding: 40px 500% 80px !important;
}
i {
		font-style: normal !important;
}
@media screen and (min-width: 768px) {
		/*

div#main_kr,

div#inner_kr { width:920px; }

*/
		#socialOuter a:hover img, div#inner_kr a:hover img {
				opacity: 0.7;
		}
}
@media screen and (max-width: 767px) {
		.pc_kr {
				display: none !important;
		}
		.sp_kr {
				display: block !important;
		}
		br.sp_kr {
				line-height: 0;
		}
		img {
				width: auto;
				max-width: 100%;
				height: auto;
		}
		div#Container_fca {
				padding: 0px 0 0px 0 !important;
		}
		#Header_fca {
				display: none;
		}
		div#main_kr {
				font-size: 100%;
				margin-top: 15px;
		}
}
@media screen and (max-width: 639px) {
		div#main_kr {
				width: 100%;
				margin-top: 0;
		}
		div#inner_kr {
				width: auto;
				font-size: 115%;
		}
}
@media screen and (max-width: 479px) {
		div#main_kr {
				font-size: 75%;
		}
}
/* ---------------------------------

	CSS HACK

--------------------------------- */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		line-height: 0;
}
.clearfix {
		display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
		height: 1%;
}
.clearfix {
		display: block;
}
/* End hide from IE-mac */
/* ---------------------------------

	FONT

--------------------------------- */
#inner_kr {
		font-family: "Gothic Medium BBB";
}
.o_en_kr, .subTitle_kr i, .n_lead_kr i, .subTitle_kr span i {
		font-family: "FB Benton Sans Regular";
}

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

		div#Container_fca {
				margin: 0;
		}
}
/* ---------------------------------

	pankuzu_fca

--------------------------------- */
#Content_fca div.pankuzu_fca {
		width: 920px;
		margin: 11px auto 12px;
}
@media screen and (max-width: 767px) {
		#Content_fca div.pankuzu_fca {
				width: 99%;
				margin: 7px 0 4px 1%;
		}
}
/* ---------------------------------

	0.layout common

--------------------------------- */
/* 画像エリア（高さ固定） */
.imgArea_kr img {
		max-height: 100vh;
		min-height: 10vh;
		object-fit: cover;
		font-family: 'object-fit: cover';
		object-position: 80% 75%;
		width: 100%;
		display: block;
}
/* 共通の画面幅 */
.width_auto_kr {
		width: 920px;
		margin: 0 auto;
}
.n_lead_kr {
		font-size: 130%;
		line-height: 1.8em;
		margin: 16px auto 5px;
		letter-spacing: 0.1em;
}
.o_en_kr {
		font-size: 110%;
		margin-top: 10px;
		letter-spacing: 0.02em;
}
.link_btn_kr {
		margin-top: 15px;
}
.link_btn_kr a {
		line-height: 1em;
		border: 1px solid #fff;
		padding: 12px 5px 12px 15px;
		display: block;
		color: #fff;
		position: relative;
		font-size: 120%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background: none;
}
.link_btn_kr a:before {
		left: 3px;
		width: 17px;
		height: 1px;
		background: #fff;
}
.link_btn_kr a:after {
		left: 3px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}
.link_btn_kr a:before, .link_btn_kr a:after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 15px;
		margin: auto;
		content: "";
		vertical-align: middle;
		left: auto;
}
.link_btn_kr a:hover {
		text-decoration: none;
		background: #fff;
		color: #666;
}
.link_btn_kr a:hover:after {
		border-color: #666;
}
.link_btn_kr a:hover:before {
		background: #666;
}
@media screen and (min-width: 768px) {
		#Container_fca a:hover img.hover {
				opacity: 0.7;
				filter: alpha(opacity=70);
		}
}
@media screen and (max-width: 767px) {
		.width_auto_kr {
				width: 640px;
		}
}
@media screen and (max-width: 639px) {
		.width_auto_kr {
				display: block;
				width: auto;
		}
}
/* ---------------------------------

	1.topArea

--------------------------------- */
#top_kr {
		position: relative;
}
#top_kr .imgArea_kr img {
		min-height: 550px;
		max-height: 550px;
}
#top_kr .rltv_outer_kr {
		text-align: center;
}
#top_kr .rltv_outer_kr .rltv_inner_kr {
		position: absolute;
		top: 185px;
		left: auto;
		right: auto;
		color: #fff;
}
#top_kr .o_logo01_kr {
		margin-bottom: 140px;
}
#top_kr .o_logo02_kr {
		margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
		#top_kr .rltv_outer_kr .rltv_inner_kr {
				width: 100%;
		}
}
/* ---------------------------------

	2.titleArea

--------------------------------- */
#index_kr .subTitle_kr, .o_title_kr {
		font-size: 170%;
		margin-bottom: 12px;
		line-height: 1em;
		background: none;
		padding: 0;
		color: #8d8f93;
}
#index_kr .w_outer_kr .subTitle_kr {
		color: #ffffff;
}
.rltv_inner_kr .o_title_kr {
		color: #fff;
}
#index_kr .b_table_kr .subTitle_kr {
		margin-bottom: 27px !important;
}
#index_kr .b_layer_inner_kr .subTitle_kr {
		color: #ffffff;
}
.b_layer_inner_kr .e_lead_kr {
		letter-spacing: -0.01em;
}
.rltv_inner_kr .subTitle_kr {
		color: #ffffff;
}
#index_kr .subTitle_kr span, .o_title_kr span {
		display: block;
		font-size: 70%;
		margin-bottom: 27px;
}
.center_kr .subTitle_kr span {
		text-align: center !important;
}
#index_kr #box02_kr .subTitle_kr {
		margin-bottom: 12px;
}
#index_kr #box02_kr .subTitle_kr span {
		text-align: left;
		position: static;
}
.subTitle_kr span i {
		border-bottom: 1px solid;
		padding-bottom: 3px;
		font-size: 95%;
		letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
		.subTitle_kr, .o_title_kr {
				line-height: 1.5em;
		}
		.b_table_kr .subTitle_kr {
				margin-bottom: 12px !important;
		}
}
@media screen and (max-width: 639px) {
		.box_kr .boxInner_kr .subTitle_kr span {
				margin-bottom: 17px;
		}
		.width_auto_kr, .n_lead_kr {
				width: 100%;
				padding: 0;
		}
		.box_kr .b_head_kr {
				box-sizing: border-box;
		}
}
@media screen and (max-width: 490px) {}
.nLead_kr {
		font-size: 150%;
		line-height: 1.5em;
		margin: 10px auto 0;
}
#main_navi_kr {
		margin-bottom: 0 !important;
}
/* ---------------------------------

	3.box layout

--------------------------------- */
.center_kr {
		text-align: center;
}
.box_kr {
		background-color: #fff;
		color: #fff;
		padding-bottom: 80px;
}
.box_kr .boxInner_kr {
		margin: 65px auto 0 !important;
}
.box_kr .boxInner_kr ul li {
		position: relative;
		margin-bottom: 0;
}
.box_kr .b_head_kr {
		color: #8d8f93;
}
.box_kr .b_layer_kr {
		width: 70%;
		margin: 0 auto;
}
.box_kr .b_layer_kr .b_layer_inner_kr {
		position: absolute;
		height: 100%;
		top: 0;
		left: auto;
		right: auto;
		display: table;
}
.box_kr .b_layer_kr .b_layer_inner_kr .b_table_kr {
		display: table-cell; /*vertical-align: middle;*/ padding: 45px 30px 0 40px;
}
/* box02 */
#box02_kr.wide_kr {
		background: #e6e6e6;
		padding-top: 80px;
		padding-bottom: 0px;
		margin-bottom: 80px;
}
#box02_kr .b_table_kr { /*background:url(/kraso/onceaday/concept/images/con02_bg.png) repeat 0 0;*/ background: rgba(141, 143, 147, 0.2);
}
#box02_kr.box_kr li:nth-child(even) .b_layer_kr .b_layer_inner_kr {
		left: 0;
		right: auto;
}
#box02_kr .n_lead_kr {
		line-height: 1.8em;
}
/* box03 */
#box03_kr .b_table_kr {
		background: rgba(0, 0, 0, 0.15);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#33000000, EndColorStr=#33000000);
}
#box03_kr ul li {
		width: 50%;
}
#box03_kr .swiper-container .subTitle_kr {
		color: #8d8f93;
}
/* box04 */
#box04_kr {
		background: #666;
		color: #fff;
		padding-top: 80px;
		padding-bottom: 0;
}
#box04_kr .w_outer_kr {
		width: 680px;
		margin: 0 auto;
}
#box04_kr.box_kr .b_head_kr {
		color: #fff;
		margin-bottom: 80px;
}
#box04_kr.box_kr .boxInner_kr {
		padding: 40px 0;
		margin: 0 auto;
}
#box04_kr.box_kr .boxInner_kr ul li {
		float: left;
		width: 560px;
}
#box04_kr.box_kr .boxInner_kr ul li:first-child {
		width: 80px;
		margin-right: 40px;
}
#box04_kr.box_kr .boxInner_kr ul li .n_lead_kr {
		margin-top: 0px;
}
#box04_kr .n_lead_kr.border_kr {
		border: 1px solid #fff;
		padding: 15px 20px;
		border-radius: 15px;
		margin: 50px auto 0px;
		box-sizing: border-box;
}
#box04_kr .n_lead_kr.border_kr span {
		display: block;
		margin-top: 20px;
}
#box04_kr.box_kr .width_auto_kr {
		border-top: 1px solid #fff;
		padding-bottom: 20px;
}
/*

background:rgba(230,230,230,0.7);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99e6e6e6,EndColorStr=#99e6e6e6);

*/
/* slide effect */
.move_kr li .b_layer_inner_kr {
		opacity: 0;
}
.effect_left_kr {
		animation: slidein_left 1s ease-in-out .1s forwards;
}
.effect_right_kr {
		animation: slidein_right 1s ease-in-out .1s forwards;
}
@keyframes slidein_left {
		from {
				margin-left: -30%;
				opacity: 0;
		}
		to {
				margin-left: 0%;
				opacity: 1;
		}
}
@keyframes slidein_right {
		0% {
				margin-right: -30%;
				opacity: 0;
		}
		100% {
				margin-right: 0%;
				opacity: 1;
		}
}
@media screen and (min-width: 768px) {
		.fl_kr li {
				float: left;
		}
}
@media screen and (min-width: 640px) {
		#box02_kr .imgArea_kr img {
				min-height: 400px;
				max-height: 400px;
		}
		#box02_kr.box_kr .b_layer_kr .b_layer_inner_kr {
				right: 0;
				width: 360px;
				height: 400px;
		}
}
@media screen and (max-width: 767px) {
		.box_kr {
				padding-bottom: 40px;
		}
		#box02_kr.wide_kr {
				padding-top: 50px;
				margin-bottom: 60px;
		}
		#box04_kr .w_outer_kr {
				width: 92%;
		}
		#box04_kr.box_kr .boxInner_kr ul li {
				width: 77%;
		}
		#box04_kr.box_kr .boxInner_kr ul li:first-child {
				width: 19%;
				margin-right: 4%;
		}
		.box_kr .boxInner_kr {
				margin: 40px auto 0 !important;
		}
}
@media screen and (max-width: 639px) {
		.box_kr .b_head_kr {
				padding: 0 3%;
		}
		#box04_kr.box_kr .boxInner_kr {
				margin-top: 0 !important;
		}
		.box_kr .b_layer_kr {
				width: 100%;
				margin: 0 auto;
		}
		.box_kr .b_layer_kr .b_layer_inner_kr {
				position: static;
				height: auto;
				width: 100%;
				display: block;
		}
		.box_kr .b_layer_kr .b_layer_inner_kr .b_table_kr {
				padding: 25px 40px 40px;
				display: block;
		}
		#box02_kr .b_table_kr {
				background: #ccc;
		}
		#top_kr {
				padding: 0 0 40px;
		}
}
/* ---------------------------------

	slider

--------------------------------- */
.swiper-button-next, .swiper-button-prev {
		width: 60px;
		height: 60px;
		background-size: 60px 60px;
}
.swiper-button-next {
		background-image: url(../images/next.png);
		right: 0;
		background-position: 60px center;
}
.swiper-button-prev {
		background-image: url(../images/prev.png);
		left: 0;
		background-position: -60px center;
}
.swiper-container {
		width: 100%;
		height: auto;
		margin: 20px auto;
		padding-bottom: 30px;
}
.swiper-slide {
		text-align: center;
}
.swiper-slide a:hover {
		text-decoration: none;
}
.wide_cl {
		width: 150px !important;
}
.swiper-container-horizontal > .swiper-scrollbar {
		position: relative;
		bottom: -25px;
		z-index: 50;
		height: 5px;
		width: 90%;
		margin: 0 auto;
}
.b_outer_kr {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 60px;
		z-index: 1;
}
.b_outer_kr.p_kr {
		left: 0;
}
@media screen and (min-width: 768px) {
		.swiper-slide a:hover {
				opacity: 0.7;
		}
}
/* ---------------------------------

	bnr_area01

--------------------------------- */
#bnr_area01 {
		line-height: 0;
		font-size: 0;
		letter-spacing: 0;
		padding-bottom: 100px;
		text-align: center;
}
@media screen and (max-width: 767px) {
		#bnr_area01 {
				width: 92%;
				padding: 30px 4% 60px;
		}
}
/* ---------------------------------

	pageTop_kr

--------------------------------- */
/* ↓標準 */
div.pagetop_kr {
		margin: 20px 0;
		clear: both;
		text-align: right;
		padding: 5px 0 0 0;
}
div.pagetop_kr a, div.pagetop_kr a:visited {
		text-decoration: underline;
}
div.pagetop_kr a {
		background: url(../images/icon_pagetop.gif) no-repeat left center !important;
		padding: 0 0 0 12px;
}
/* ↓追従型 */
.fx_pageTop_kr {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
}
.fx_pageTop_kr a {
		position: fixed;
		bottom: 10px;
		right: 25px;
		left: auto;
		display: block;
		width: 60px;
		height: 60px;
		padding-bottom: 10px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-image: url(../images/pagetop.png);
		z-index: 100;
		background-size: contain;
}
@media screen and (min-width: 768px) {
		div.pagetop_kr {
				margin: 20px auto !important;
		}
}
/* ----------------------------------------

sns

---------------------------------------- */
body.is_pc .scbtn_line {
		display: none;
}
body.is_sp .scbtn_line {
		display: block;
}
#social img {
		width: 30px;
}
#socialOuter {
		margin: 50px 0px 0px;
		text-align: center;
}
#socialOuter {
		position: static;
		left: auto;
		top: auto;
		z-index: 1;
		width: 100%;
		margin-bottom: 50px;
}
#socialOuter ul#social {
		display: inline-block !important;
}
#socialOuter ul#social li {
		/* background: url(/kraso/onceaday/concept/images/social_fukidashi.gif) no-repeat scroll center 0; */
		/* -webkit-background-size:70% auto;

background-size:100% auto; */
		float: left;
		margin-right: 15px;
		position: relative;
		text-align: center;
		/* width: 55px; */
		/* padding-top:48px; */
}
#socialOuter ul#social li.scbtn_tw, #socialOuter ul#social li.scbtn_line {
		background-image: none;
}
#socialOuter ul#social li:last-child {
		margin-right: 0;
}
#socialOuter ul#social li strong {
		font-size: 150%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 8%;
		width: 100%;
}
@media (min-width: 921px) {
		#socialOuter {
				margin: 60px 0px 40px;
		}
		#articleInner h2 {
				margin: 35px 0px 5px 2px;
		}
}
@media (max-width: 920px) {
		#social img {
				width: 40px;
		}
}
@media screen and (max-width: 767px) {
		#footer_nav_kr {
				font-size: 120% !important;
		}
}
#box03_kr {
		background-color: #fff;
}
.b_outer_kr {
		display: none;
}