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

  Date: 2024-03-07
  CSS Document ： felissimo chocolate museum /news/
  
=============================================================*/
/*------------------------------------
全体
------------------------------------*/
#wrapper_fcm {
	padding: 1em 0;
	font-size: 1rem;
	letter-spacing: 0.07em;
}

#wrapper_fcm ul{
    list-style: none;
    padding: 0;
}

.fsc_gfooter__copies {
	border-top: 1px solid #eee;
}
.main_fcm {
	width: 90%;
	margin: 0 auto;
	max-width: 700px;
}
.bold_fcm {
	font-weight: bold;
}
/*------------------------------------
ロゴ
------------------------------------*/
h1.logo_fcm {
	text-align: center;
	margin: 2em 0;
}
h1.logo_fcm a {
	display: inline-block;
	max-width: 410px;
	width: 76%;
}
h1.logo_fcm a img {}
/*------------------------------------
記事
------------------------------------*/
.article_fcm {
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	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;
}
.article_fcm p {
	line-height: 2;
	margin: 1.5em 0 3em;
	letter-spacing: 0;
	font-size: 120%;
}
/*------------------------------------
タイトル
------------------------------------*/
.article_fcm .title_wrap {
	text-align: center;
	margin: 0 0 4em;
}
.article_fcm .title_wrap h2 {
	font-family: "A1明朝 M JIS2004 AP",serif;
	line-height: 1.4;
	font-size: 210%;
	border-bottom: 1px solid #999;
	display: inline-block;
	padding: 0 0.2em 0.3em;
	margin: 0 auto 0.6em;
	letter-spacing: 0;
	font-weight: bold;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
.article_fcm .title_wrap p {
	line-height: 1.8;
	/* 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; */
	margin: 0.2em 0 0;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 140%;
}
.article_fcm a {
	text-decoration: underline;
}
/* 作品 */
.article_fcm .works_fcm {
	max-width: 700px;
	margin: 4em auto;
}
.article_fcm .works_fcm ul {}
.article_fcm .works_fcm ul li {
	margin-bottom: 6em;
}
.article_fcm .works_fcm ul li img {
	/* width: 100%; */
}
.article_fcm .works_fcm ul li p.copyright {
	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;
	text-align: right;
	font-size: 86%;
	margin-top: 0.2em;
}
.article_fcm .works_fcm ul li img, .article_fcm .works_fcm ul li p.copyright {
	/* max-width: 580px; */
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.article_fcm .works_ttl {
	font-size: 130%;
	line-height: 1;
}
.article_fcm .works_ttl h3 {
	font-family: "A1明朝 M JIS2004 AP";
	font-weight: 400;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
	font-style: normal;
	font-size: 100%;
	margin: 0 0 0.8em;
}
.works-subttl {
    text-align: center;
    font-weight: bold;
    font-size: 129%;
    color: #FFF;
    background: #000;
    width: max-content;
    padding: 0.5em 1em;
    line-height: 1;
    margin: 0 auto;
}
h3.works-ttl {
    text-align: center;
    font-size: 200%;
    margin: 0.6em 0;
    line-height: 1.4;
    color: #7F191E;
}

.article_fcm .works_ttl p {
	font-weight: 400;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
.article_fcm .works_fcm p.works_spec {
	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;
}
.article_fcm .works_fcm ul li.works_prof {
	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;
}
.article_fcm .works_fcm ul li.works_prof p {
	/* text-indent: -1em; */
	/* padding-left: 1em; */
	margin: 0 0 1em;
	letter-spacing: 0.05em;
	background: #f1f1f1;
	padding: 2em 3em;
}
/*------------------------------------
SNS
------------------------------------*/
.sns_fcm {
	text-align: center;
	margin: 5em auto 5em;
}
.sns_fcm > img {
	margin: 0 auto 1em;
}
.sns_fcm ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sns_fcm ul li {
	margin: 0 1em;
	width: 70px;
}
.sns_fcm ul li a {
	display: block;
}
.sns_fcm ul li a img {
	width: 100%;
}
/*------------------------------------
SP
------------------------------------*/
@media (max-width: 768px) {
	#wrapper_fcm {
		font-size: 3.5vw;
	}
	.main_fcm {}
	/*------------------------------------
ロゴ
------------------------------------*/
	h1.logo_fcm {
		margin: 1.5em 0;
	}
	h1.logo_fcm a {
		max-width: none;
		width: 90%;
	}
	h1.logo_fcm a img {}
	/*------------------------------------
記事
------------------------------------*/
	.article_fcm {}
	.article_fcm p {
		/* letter-spacing: 0.05em; */
		/* line-height: 2.1; */
		font-size: 115%;
	}
	/*------------------------------------
タイトル
------------------------------------*/
	.article_fcm .title_wrap {}
	.article_fcm .title_wrap h2 {
		font-size: 165%;
		letter-spacing: 0;
	}
	.article_fcm .title_wrap p {
    font-size: 113%;
    letter-spacing: 0.05em;
}
	.article_fcm a {}
	/* 作品 */
	h3.works-ttl{font-size: 145%;}
	.article_fcm .works_fcm {}
	.works-subttl{font-size: 104%;}
	.article_fcm .works_fcm ul {}
	.article_fcm .works_fcm ul li {}
	.article_fcm .works_fcm ul li img {}
	.article_fcm .works_fcm ul li p.copyright {}
	.article_fcm .works_fcm ul li img, .article_fcm .works_fcm ul li p.copyright {
		max-width: 100%;
	}
	.article_fcm .works_ttl {
		font-size: 120%;
	}
	.article_fcm .works_ttl h3 {}
	.article_fcm .works_ttl p {}
	.article_fcm .works_fcm p.works_spec {}
	.article_fcm .works_fcm ul li.works_prof {}
	.article_fcm .works_fcm ul li.works_prof p {
    padding: 2em 2em;
    font-size: 97%;
}
	/*------------------------------------
SNS
------------------------------------*/
	.sns_fcm {}
	.sns_fcm > img {
		width: 38vw;
	}
	.sns_fcm ul {}
	.sns_fcm ul li {
		width: 12vw;
	}
	.sns_fcm ul li a {}
	.sns_fcm ul li a img {}
}




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

60周年記念ロゴ追加

------------------------------------*/
.contents60th {
     width: 170px;
     max-width: 1200px;
     margin: 2em auto 0;
 }
 .contents60th img {
     width: 100%;
	 text-align: center;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 100%;
     margin: auto;
 }
 @media screen and (max-width: 767px) {
     .contents60th {
         width: 40%;
     }
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
		 text-align: center;
     }
 }