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

  Date: 2021-09-01
  CSS Document ： felissimo chocolate museum
  
  共通style
  
=============================================================*/

/* google font import */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
/* 全体 */
body .pc_fcm {
 display: block !important;
}
body .sp_fcm {
 display: none !important;
}
.fsc_gfooter__copies {
  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;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: subpixel-antialiased;
}
body {
	font-size: 10px;
 overflow-x: hidden;
 width: 100%;
 text-align: left;
 color: #000;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
	animation: fade 0.5s 0.1s both;
}
@keyframes fade {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
img {
 height: auto;
 vertical-align: bottom;
 border: none;
}
body:not(.is_ie) p {
 /* text-align: justify;
 text-justify: inter-ideograph; */
}
.align-right_fcm {
 text-align: right;
}
.clearfix:after {
 line-height: 0;
 display: block;
 visibility: hidden;
 clear: both;
 height: 0;
 content: '.';
}
.clearfix {
 display: block;
}
/* safari対策 */
*:focus {
 outline: none;
}
/* アンカーリンク ポジション */
.anchor_fcm {
 position: absolute;
 width: 0;
 height: 0;
 top: -80px;
}
/* 改行させない */
span.word-wrap_fcm {
 display: inline-block;
}
@media (min-width: 920px) {
 a:hover {
  opacity: .9;
 }
 a {
  transition: all .3s;
 }
}
/*===== SP =====*/
@media (max-width: 919px) {
 body .pc_fcm {
  display: none !important;
 }
 body .sp_fcm {
  display: block !important;
 }
 body {
  -webkit-text-size-adjust: 100%;
 }
 a:active {
  opacity: .6;
 }
}

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

ルビ

==================================*/
[data-ruby] {
		position: relative;
		margin-top: 0.2em;
		display: inline-block;
        line-height: 1.2;
}
[data-ruby]::before {
		content: attr(data-ruby);
		position: absolute;
		text-align: center;
		top: -0.8em;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 0.38em;
		letter-spacing: 0.5em;
		white-space: nowrap;
        line-height: 1;
}

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

wrapper

------------------------------------*/
#wrapper_fcm {
 font-size: 1.3vw;
 line-height: 2.0;
 padding-top: 70px;
 letter-spacing: .1em;
}
#wrapper_fcm::-webkit-scrollbar, #luxy::-webkit-scrollbar {
 display: none
}
.is_pc #luxy {
 /* 慣性スクロール用 */
 padding-bottom: 80px;
}
#wrapper_fcm a:hover {
 text-decoration: none;
}
@media (min-width: 1200px) {
 #wrapper_fcm {
  font-size: 17px;
 }
}
/*===== SP =====*/
@media (max-width: 919px) {
 #wrapper_fcm {
  font-size: 2.8vw;
  padding-top: 60px;
             overflow: hidden;
 }
}
.main_fcm {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
	
 font-family: 'Hiragino Kaku Gothic W4 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
/*------------------------------------

inner_fcm（内容表示領域）

------------------------------------*/
.inner_fcm {
 width: 90%;
 max-width: 1200px;
 margin: 0 auto;
}

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

下層ページ タイトル部分.common

------------------------------------*/
.ttl_fcm {
 background-image: url('../images/ttl_concept_bg.jpg');
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 text-align: right;
 font-size: 85%;
	margin: 0;
}
.ttl_fcm .inner_fcm {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 height: 300px;
}
/* 横から表示 */
@keyframes width-100-0 {
 0% {
  width: 100%;
 }
 100% {
  width: 0;
 }
}
.ttl_fcm .c-ttl_fcm {
 display: inline-block;
 text-align: center;
 margin-bottom: 0;
}
.ttl_fcm .c-ttl-main_fcm {
 color: #FFF;
}
.ttl_fcm .c-ttl-sub_fcm {
 color: #FFF;
}
/* SP */
@media (max-width: 919px) {
 .ttl_fcm {
  min-height: 1px;
  font-size: 80%;
 }
 .ttl_fcm .inner_fcm {
  height: 50vw;
 }
 .ttl_fcm::after {
  animation: width-100-0 0.4s forwards;
  animation-delay: 1.0s;
 }
}
/*------------------------------------

各パーツ

------------------------------------*/
/* カテゴリタイトル */
.c-ttl_fcm {
 margin-bottom: 1em;
}
.c-ttl-main_fcm {
 font-family: 'Barlow', sans-serif;
 font-size: 500%;
 font-weight: 300;
 font-style: italic;
 line-height: 1;
 color: #bda881;
 margin: 0;
}
.c-ttl-sub_fcm {
 font-family: 'Hiragino Mincho W4 JIS2004', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
 font-size: 140%;
 margin-left: 0.3em;
}
/* more ボタン */
.more-btn_fcm {
 font-size: 90%;
 display: flex;
 margin: 1em auto 0;
 text-align: center;
 flex-wrap: nowrap;
 justify-content: space-between;
}
.more-btn_fcm a {
 font-family: 'Barlow', sans-serif;
 font-size: 130%;
 font-weight: 300;
 position: relative;
 display: block;
 min-width: 12em;
 margin: 0 auto;
 padding: .4em 0;
 text-align: center;
 letter-spacing: .25em;
 border: 1px solid #000;
}
.more-btn_fcm .arrow {
 position: absolute;
 width: 1em;
 height: 1em;
 top: 39%;
 right: 0.9em;
 display: inline-block;
 /* padding-left: .5em; */
 transition: all .3s;
 vertical-align: middle;
 text-decoration: none;
}
.more-btn_fcm .arrow::before {
 top: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background: #000;
 transition: all 0.3s;
}
.more-btn_fcm .arrow::after {
 top: 27.5%;
 right: -15%;
 width: 48%;
 height: auto;
 transform: rotate(35deg);
 border-top: 1px solid #000;
 transition: all 0.3s;
}
/* 矢印 → */
.arrow::before, .arrow::after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: '';
 vertical-align: middle;
}
/* PC */
@media (min-width: 920px) {
 .more-btn_fcm a::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  content: '';
  transition: all .3s;
  background: #000;
 }
 .more-btn_fcm a:hover {
  color: #fff;
 }
 .more-btn_fcm a:hover::before {
  width: 100%;
 }
 .more-btn_fcm a:hover .arrow {
  margin-right: -0.5em;
 }
 .more-btn_fcm a:hover .arrow::before {
  background: #fff;
 }
 .more-btn_fcm a:hover .arrow::after {
  border-top: 1px solid #fff;
 }
}
/* SP */
@media (max-width: 919px) {
 .more-btn_fcm .arrow::after {
  top: 25.5%;
 }
}
/* 共通文字スタイル */
.indent_fcm {
 padding-left: 1em;
 text-indent: -1.1em;
}
.inner-min_fcm p {
 margin-top: 20px;
}
.min-txt_fcm {
 margin-top: 10px !important;
}
.bold-txt_fcm {
 font-family: "Hiragino Kaku Gothic W5 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.red-txt_fcm {
 color: #930b04;
 font-family: "Hiragino Kaku Gothic W5 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.link_fcm {
 border-bottom: 1px solid #930b04;
 color: #930b04 !important;
 font-family: "Hiragino Kaku Gothic W5 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*------------------------------------

共通 background color

------------------------------------*/
.bg-brown_fcm {
 background-color: #b29478;
}