@charset "UTF-8";
/* =======================================================================
  Date: 2021-2-1
  CSS Document ： CCPサイト内の共通スタイル（PC）
  1.フォント設定
  2.ノーマライズ＆スタイルのリセット
  3.サイトのベース＆共通パーツ
  4.サイトのモジュール
  ======================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap");
@font-face {
  font-family: "CONDENSEicon";
  src: url("../fonts/CONDENSEicon.woff") format("woff"), url("../fonts/CONDENSEicon.otf") format("opentype"), url("../fonts/CONDENSEicon.eot") format("eot");
  font-display: swap;
}
/* -----------------------------------------------------------------------
## Font #################################################################
----------------------------------------------------------------------- */
.cmn-contents_ccp {
  font-family: "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
	font-size: 10px;
	font-weight: normal;
}

:where(.cmn-contents_ccp) ul,
:where(.cmn-contents_ccp) ol,
:where(.cmn-contents_ccp) dl{
	margin: 0;
	padding: 0;
	list-style: none;
}


/* -----------------------------------------------------------------------
## 旧共通から必要分抜粋 ##################################################################
----------------------------------------------------------------------- */
/*-----------------------------------------------------
Header_fca
-------------------------------------------------------*/
#Header_fca{
	width:920px;
	margin: 0 auto;
}
#Header_fca .header_inline_fca{
	width:100%;
	position:relative;
}

/*-------------------------------------
head-topnavi_allb (上書き)
---------------------------------------*/
#Header_fca #head-topnavi_allb{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	z-index:100;
}
#Header_fca #head-topnavi_allb ul.nave_allb li{
	height:18px;
	line-height:18px;
	padding-top:0;
}
#Header_fca #head-topnavi_allb ul.nave_allb li img{vertical-align:middle;}

/*-------------------------------------
BrandHeader_fac
---------------------------------------*/
#BrandHeader_fac{
	position: relative;
	padding-bottom: 20px;
}
#BrandHeader_fac::after{
	content: "";
	display: block;
	clear: both;
}



/*-------------------------------------
ccp-header_pc
---------------------------------------*/
#ccp-header_pc{
	display: flex;
	margin-top: 10px;
	padding-bottom: 10px;
}


/*-------------------------------------
TagLine_fac
---------------------------------------*/
#TagLine_fac{
	padding-top: 1em;
	padding-left: 2em;
	font-size: 84%;
	color: #AAAAAA;
}
#TagLine_fac strong {
	font-weight:normal;
}

/*-------------------------------------
brand_logo_fca
---------------------------------------*/
#Header_fca p.brand_logo_fca{
	
}


/*-------------------------------------
search_fca
---------------------------------------*/
#Header_fca div.search_fca{
	float:right;
	display:inline;
	margin-left:23px;
}
#Header_fca div.search_fca p{width:100%;overflow:hidden;}
/* txt */
#Header_fca div.search_fca input.txt{
	width:210px;
	height:30px;
	padding:6px 5px;
	vertical-align:middle;
	line-height:1;
	font-size:84%;
	outline:none;
	border:1px solid #888888;
	background-color:transparent;
	
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	-webkit-transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
					transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
/* btn */
#Header_fca div.search_fca input.btn{
	width:50px;
	height:30px;
	outline:none;
	vertical-align:middle;
	font-size:12px;
	font-family:"ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
	color:#FFF;
	border:0;
	background-color:#888888;
	cursor:pointer;
	
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	
	-webkit-transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
					transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

	padding: 0;
	border-radius: 0;
	font-weight: normal;
}
/*-------------------------------------
emergency_fca
---------------------------------------*/
#Header_fca p.emergency_fca{
	clear:both;
	margin: 0;
	padding:0 2px 0;
	font-size:92%;
	color:#e7291a;
}


/*-----------------------------------------------------
shared_navi_category_fca,shared_navi_brand_fca
-------------------------------------------------------*/
/* btn_fca */
#shared_navi_category_fca p.btn_fca,
#shared_navi_brand_fca p.btn_fca{
	position:absolute;
	top:0px;
	z-index:1001;
}
#shared_navi_category_fca p.btn_fca a,
#shared_navi_brand_fca p.btn_fca a{
	width:112px;
	height:39px;
	display:block;
	position:relative;
	text-indent:-10px;
	text-align:center;
	line-height:31px;
	font-size:117%;
	font-family:"ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
	border:1px solid transparent;
	-webkit-font-smoothing:antialiased;
	        font-smoothing:antialiased;
	-webkit-transition:all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#shared_navi_category_fca p.btn_fca a:after,
#shared_navi_brand_fca p.btn_fca a:after{
	content:"";
	width:6px;
	height:6px;
	display:block;
	position:absolute;
	top:12px;
	right:17px;
	border-left:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	-webkit-transform:rotate(-45deg) translateY(-50%);
	        transform:rotate(-45deg) translateY(-50%);
	-webkit-transition:all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

#shared_navi_category_fca p.btn_fca a:hover,
#shared_navi_brand_fca p.btn_fca a:hover,
#shared_navi_category_fca p.btn_fca a.on,
#shared_navi_brand_fca p.btn_fca a.on{
	color:#444;
	text-decoration:none;
	border:1px solid #CCC;
	border-bottom:1px solid #f8f8f8;
	background-color:#f8f8f8;
}
#shared_navi_category_fca p.btn_fca a:hover:after,
#shared_navi_brand_fca p.btn_fca a:hover:after,
#shared_navi_category_fca p.btn_fca a.on:after,
#shared_navi_brand_fca p.btn_fca a.on:after{
	border-color:#444;
}
/* inline_fca */
#shared_navi_category_fca div.inline_fca,
#shared_navi_brand_fca div.inline_fca{
	width:100%;
	display:none;
	overflow:hidden;
	position:absolute;
	top:40px;
	left:0;
	z-index:1000;
	border:1px solid #CCC;
	background-color:#f8f8f8;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

/*-------------------------------------
shared_navi_category_fca
---------------------------------------*/
#shared_navi_category_fca p.btn_fca{right:397px;}
#shared_navi_category_fca div.inline_fca{padding:25px 20px 5px;}
#shared_navi_category_fca ul{
	width:100%;
	overflow:hidden;
}
#shared_navi_category_fca ul li{
	width:25%;
	float:left;
	display:inline;
	padding:0 0 20px 20px;
	line-height:1.2;
	font-size:117%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#shared_navi_category_fca ul li a{
	border-bottom:1px solid transparent;
	-webkit-transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#shared_navi_category_fca ul li a:hover{
	text-decoration:none;
	border-bottom:1px solid #444;
}

/*-------------------------------------
shared_navi_brand_fca
---------------------------------------*/
#shared_navi_brand_fca p.btn_fca{right:283px;}
#shared_navi_brand_fca div.inline_fca{padding:25px 40px 0;}
#shared_navi_brand_fca div.colle_fca,
#shared_navi_brand_fca div.conne_fca,
#shared_navi_brand_fca div.sele_fca{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
}

/* ttl_fca
---------------------*/
#shared_navi_brand_fca p.ttl_fca{
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	line-height:1;
	font-size:134%;
	font-family:"ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
	color:#444444;
	border-bottom:1px solid #888888;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#shared_navi_brand_fca p.ttl_fca:before{
	content:"";
	width:17px;
	height:17px;
	display:inline-block;
	margin:0 7px -3px 1px;
}
#shared_navi_brand_fca div.colle_fca p.ttl_fca:before{background-position:0 0;}
#shared_navi_brand_fca div.conne_fca p.ttl_fca:before{background-position:-18px 0;}
#shared_navi_brand_fca div.sele_fca p.ttl_fca:before{background-position:-36px 0;}

#shared_navi_brand_fca p.ttl_fca span{
	padding:0 0 0 25px;
	font-size:74.63%;
	color:#888888;
}

/* dl
---------------------*/
#shared_navi_brand_fca dl{
	float:left;
	display:inline;
	overflow:hidden;
	margin:0 0 15px 25px;
}
#shared_navi_brand_fca dl dt{
	margin:0 0 5px 0;
	line-height:1.2;
}
#shared_navi_brand_fca dl dd{
	float:left;
	display:inline;
	margin:0 25px 0 0;
	font-size:117%;
}
#shared_navi_brand_fca dl dd a{
	position:relative;
	border-bottom:1px solid transparent;
	-webkit-transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#shared_navi_brand_fca dl dd a:before{
	content:"";
	width:3px;
	height:3px;
	display:inline-block;
	margin:0 5px 1px 0;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	-webkit-transform:rotate(-45deg) translateY(-50%);
	        transform:rotate(-45deg) translateY(-50%);
}
#shared_navi_brand_fca dl dd a:hover{
	text-decoration:none;
	border-bottom:1px solid #444;
}
#shared_navi_brand_fca div.sele_fca{margin:0;}
#shared_navi_brand_fca div.conne_fca dl dd,
#shared_navi_brand_fca div.sele_fca dl dd{
	margin:0 25px 0 0;
	padding:0 0 6px 0;
}


/*-----------------------------------------------------
MerryPointBefore_fca
-------------------------------------------------------*/
#MerryPointBefore_fca{
	width:100%;
	clear:both;
	margin-bottom:3px;
	text-align:right;
	font-size:13px;
}
#MerryPointBefore_fca i{
	width:4px;
	height:4px;
	display:inline-block;
	margin:0 0 3px 10px;
	vertical-align:middle;
	border-top:1px solid #888888;
	border-right:1px solid #888888;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}


/*-----------------------------------------------------
MerryPointAfter_fca
-------------------------------------------------------*/
#MerryPointAfter_fca{
	width:100%;
	clear:both;
	margin-bottom:3px;
	text-align:right;
	font-size:13px;
}
#MerryPointAfter_fca i{
	width:36px;
	height:36px;
	display:inline-block;
	margin:-16px 4px 0 0;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:-100% -100%;
}
#MerryPointAfter_fca i.type01{background-position:0 -143px;}
#MerryPointAfter_fca i.type02{background-position:-36px -143px;}
#MerryPointAfter_fca i.type03{background-position:-72px -143px;}
#MerryPointAfter_fca i.type04{background-position:-108px -143px;}



/*-----------------------------------------------------
GlobalNavi_fca
-------------------------------------------------------*/
#GlobalNavi_fca{
	width:100%;
	position:relative;
	clear:both;
	z-index:500;
}

/* navi
---------------------*/
#GlobalNavi_fca ul.navi_fca{
	width:100%;
	overflow:hidden;
	display:table;
}
#GlobalNavi_fca ul.navi_fca li{
	display:table-cell;
	padding:0 0 0 1px;
	-webkit-font-smoothing:antialiased;
	        font-smoothing:antialiased;
}
#GlobalNavi_fca ul.navi_fca li:first-child{padding-left:0;}
#GlobalNavi_fca ul.navi_fca li a.btn_fca{
	height:40px;
	display:block;
	padding:0 15px;
	text-align:center;
	line-height:40px;
	font-size:117%;
	font-family:"ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
	background-color:#eeeeee;
	-webkit-transition:background-color 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:background-color 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#GlobalNavi_fca ul.navi_fca li a.btn_fca:hover,
#GlobalNavi_fca ul.navi_fca li a.btn_fca.on{
	text-decoration:none;
	background-color:#e4e4e4;
}

/* child_fca
---------------------*/
#GlobalNavi_fca div.child_fca{
	width:100%;
	overflow:hidden;
	display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index:501;
	background-color:#e4e4e4;
}

/* ul */
#GlobalNavi_fca div.child_fca ul{
	width:auto;
	overflow:hidden;
	display:block;
	padding:18px 25px 0 25px;
}
#GlobalNavi_fca div.child_fca ul li{
	float:left;
	display:inline;
	padding:0 25px 18px 0;
}
#GlobalNavi_fca div.child_fca ul li a{
	color:#444444;
	line-height:1;
	font-family:"ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
	border-bottom:1px solid transparent;
	-webkit-transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        transition:all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
#GlobalNavi_fca div.child_fca ul li a:before{
	content:"";
	width:3px;
	height:3px;
	display:inline-block;
	margin:0 5px 1px 0;
	border-right:1px solid #444444;
	border-bottom:1px solid #444444;
	-webkit-transform:rotate(-45deg) translateY(-50%);
	        transform:rotate(-45deg) translateY(-50%);
}
#GlobalNavi_fca div.child_fca ul li a:hover{
	text-decoration:none;
	border-bottom:1px solid #444444;
}


/* -----------------------------------------------------------------------
## Base ##################################################################
----------------------------------------------------------------------- */
.cmn-contents_ccp, .top-contents_ccp {
  color: #3d271f;
}
.cmn-contents_ccp *, .top-contents_ccp * {
  box-sizing: border-box;
}
.cmn-contents_ccp a, .top-contents_ccp a {
  color: #3d271f;
}

#ccp-header_pc{
	display: flex;
}
.ph_ccp{
	display: none;
}

#ccp-footer_pc{
	display: block;
}
#ccp-footer_sp{
	display: none;
}

.cmn-spbr_ccp {
  display: none;
}

.cmn-pcbr_ccp {
  display: inline;
}

/* ################# コンテンツ幅の調整 ################# */
header{
	/* width: 920px; */
	margin: 0 auto;
}
#Container_fca {
  width: auto;
}
#Container_fca p.pagetop_fca {
  display: block;
  width: 960px;
  margin: 0 auto 10px;
  padding: 17px 20px 0;
  float: none;
  text-align: right;
}
#Container_fca p.pagetop_fca a {
  font-size: 92%;
  line-height: 1.2;
}
#Container_fca p.pagetop_fca a::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  overflow: hidden;
  margin: 1px 5px 0 0;
  background-image: url("/common/fca/images/icon_img_split.png");
  background-repeat: no-repeat;
  background-position: -54px 0;
  content: "";
}

#listsItem_fca, #Aside_fca {
  width: 920px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

#Footer_fca {
  width: 960px;
  margin: 0 auto;
  padding: 0 20px 25px;
}

/* ################# パンくず ################# */
.bc-list_ccp {
  position: relative;
  z-index: 2;
  width: 960px;
  margin: 5px auto 0;
  padding: 27px 20px 18px;
  font-size: 0.625rem;
}

.bc-list_item_ccp {
  display: inline;
  letter-spacing: 0.04em;
}
.bc-list_item_ccp:nth-child(n+2)::before {
  position: relative;
  top: -1px;
  margin: 0 5px;
  content: ">";
}

/* ################# 見出し ################# */
.cmn-sectionTitle_ccp {
  text-align: center;
}

.cmn-sectionTitle_main_ccp {
  display: block;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 3rem;
  font-family: "Barlow", sans-serif;
}

.cmn-sectionTitle_sub_ccp {
  display: block;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-size: 1.25rem;
  font-weight: bold;
}

/* ################# ボタン ################# */
.cmn-buttons_ccp {
  display: flex;
  justify-content: center;
}

.cmn-button_ccp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 330px;
  height: 60px;
  border: 1px solid #ccc;
  background: #fff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-family: "Barlow", sans-serif;
  transition: all 0.2s 0s ease;
}
.cmn-button_ccp svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  width: 36px;
  height: 8px;
  margin: auto;
  content: "";
  transition: all 0.2s 0s ease;
}
.cmn-button_ccp:hover {
  text-decoration: none;
  background: #573e34;
  color: #fff;
}
.cmn-button_ccp:hover .arrow {
  fill: #fff;
}

/* ################# View more テキストリンク ################# */
.cmn-viewmore_ccp {
  max-width: 960px;
  margin: 50px auto 0;
  padding: 0 0 0 20px;
  text-align: right;
}
.cmn-viewmore_ccp a, .cmn-viewmore_ccp > span {
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Barlow", sans-serif;
}
.cmn-viewmore_ccp a svg, .cmn-viewmore_ccp > span svg {
  width: 36px;
  height: 36px;
  margin: auto;
  margin-left: 30px;
  content: "";
}

/* ################# Slick ################# */
.template_c_fsp .slick-slide a:focus {
  outline: none;
}
.template_c_fsp .slick-prev, .template_c_fsp .slick-next {
  width: 40px;
  height: 40px;
  z-index: 2;
  border-radius: 100px;
  background: #fff;
}
.template_c_fsp .slick-prev::before, .template_c_fsp .slick-next::before {
  color: #999;
  font-size: 1rem;
  font-family: "CONDENSEicon";
}
.template_c_fsp .slick-prev:focus, .template_c_fsp .slick-prev:hover, .template_c_fsp .slick-next:focus, .template_c_fsp .slick-next:hover {
  background: #fff;
}
.template_c_fsp .slick-prev:before {
  content: "ù";
}
.template_c_fsp .slick-next:before {
  content: "ú";
}
.template_c_fsp .slick-dots {
  left: 0;
}
.template_c_fsp .slick-dots li {
  width: 11px;
  height: 11px;
  margin: 0 10px;
}
.template_c_fsp .slick-dots li button {
  width: 11px;
  height: 11px;
  padding: 0;
}
.template_c_fsp .slick-dots li button:before {
  width: 11px;
  height: 11px;
  border-radius: 100px;
  background: #e8e8e8;
  opacity: 1;
  content: "";
}
.template_c_fsp .slick-dots li.slick-active button:before {
  background: #e87746;
}
.template_c_fsp .slick-dots > li:first-child:last-child {
  display: none;
}