/*
Name: クラシキ文華 汎用特集テンプレート2025
Author:Seiki Nishijima

	$Id: style.css,v1.0 $
*/
/*===========================================================================
-----------------------------------------------------------------------------
  共通カラー・フォント変数　ここから
-----------------------------------------------------------------------------
===========================================================================*/
:root {
  --spc-main: #a12e2e;

  /* アクティブでないページボタン */
  --spc-mntx: #a12e2e;
  --spc-sub1: #f5f5f0;
 
  --spc-sub2: #a67c39; /* コラム用 */
  --spc-sub3: #a12e2e; /* レシピ用 */
  --spc-sub4: #2b2b2b; /* スポット用 */
  --spc-bg2:  #cbe2ef;
  --spr-box:  8px;

  --spc-dbd: #3a5185; /* 詳細ボーダー */


  /** フォントを設定しない場合はデフォ値を記述 **/
  --spf-titl: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --spf-wid1: 900;
  --spf-eiji: "Poppins", sans-serif;
  --spf-wid2: 700;
  /** メニュー・帯キャプション 背景用 使用しない場合は画像を入れない(#fffなどに) **/
  --spb-navi: url(./title-background.png);
  --spb-label: linear-gradient(135deg, #697585, #2C607A, #1A3954);



}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  :root {
  	--spr-box: 4px;
  }
}
/*===========================================================================
-----------------------------------------------------------------------------
  共通設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 {
	margin-bottom: 5.3em;
}
#background #feature-area25 .feature-wrapper {
	background: var(--color-tofu);
	padding-bottom: 0.1px;
	border-radius: var(--spr-box);/*
	overflow: hidden;*/
}
#background #feature-area25 .feature-wrapper2 {
	background: var(--spc-bg2);
	padding-top: 3.5em;
	padding-bottom: 0.1px;
	margin-bottom: 4em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 {
		margin-bottom: 3.5em;
	}
	#background #feature-area25 .feature-wrapper {
		width: calc(100% + 16vw);
		margin-left: -8vw;
		margin-right: -8vw;
		margin-top: 5em;
		border-radius: 0;
	}
	#background #feature-area25 .feature-wrapper2 {
		padding-top: 2.5em;
	}
}
/*===========================================================================

  タイトル設定　ここから

===========================================================================*/
#background #feature-area25 .feature-header25 {
	margin-bottom: 5em;
	padding-bottom: 0.1px;
}
#background #feature-area25 .feature-header25:before {
	content: "";
	display: block;
	width: calc(100% - 10vw);
	height: 1px;
	background: var(--color-renkon);
	position: absolute;
	bottom: 0;
	left: 5vw;
}
#background #feature-area25 .feature-header25 h1 {
	margin-bottom: 4em;
	border-radius: var(--spr-box) var(--spr-box) 0 0;
	overflow: hidden;
}
#background #feature-area25 .feature-header25 p.lead-text {
	max-width: 1000px;
	width: calc(100% - 20vw);
	margin: 0 auto 5em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-header25 {
		margin-bottom: 3.5em;
	}
	#background #feature-area25 .feature-header25 h1 {
		border-radius: 0;
		margin-bottom: 2em;
	}
	#background #feature-area25 .feature-header25 p.lead-text {
		margin-bottom: 3.5em;
	}
}
/*--------------------------------------------------------------------------
  タイトル ナビ設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 nav {
	display: flex;
	justify-content: center;
	max-width: calc(1000px + 1.8em);
	width: calc(100% - 10vw);
	margin: 0 auto 3.5em;
}
#background #feature-area25 nav p {
	position: relative;
	display: flex;
	width: calc(33.33% - 0.6em);
	max-width: 24em;
	margin: 0 0.3em;
	padding: 1em 1em 1em 0;
	background: var(--spc-sub1);
	border: 2px solid var(--spc-sub1);
	border-radius: var(--radius-box);
	color: var(--spc-mntx);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#background #feature-area25 nav p:hover {
	border-radius: 4px;
	background-color: transparent;
	color: var(--spc-sub1);
}
#background #feature-area25 nav p.active {
	background: var(--spc-main) !important;
	border-color: var(--spc-main);
	border-radius: var(--radius-box) !important;
	color: var(--color-tofu) !important;
}
#background #feature-area25 nav p > strong {
	width: 2.4em;
	text-align: center;
	margin: auto 0;
	font-size: 2em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
}
#background #feature-area25 nav p > span {
	width: calc(100% - 2.4em);
	margin: auto 0;
	font-weight: 700;
	font-size: 0.875em;
	line-height: 1.4em;
}
#background #feature-area25 nav p > a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	text-align: left;
	text-indent: -10em;
}
#background #feature-area25 nav p.active > a {
	display: none;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 nav {
		width: 100%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 nav {
		width: 100%;
		justify-content: space-between;
		border-top: 3px solid var(--color-tofu);
		margin-bottom: 2em;
	}
	#background #feature-area25  .feature-header25 h1 + nav {
		margin-top: -2em;
	}
	#background #feature-area25 nav p {
		display: block;
		width: calc(33.33% - 2px);
		margin: 0;
		padding: 1em 0 1.2em;
		border-radius: 0;
		text-align: center;
	}
	#background #feature-area25 nav p:hover ,
	#background #feature-area25 nav p.active {
		border-radius: 0 !important;
	}
	#background #feature-area25 nav p > strong {
		display: inline;
		position: static;
	}
	#background #feature-area25 nav p > strong:before {
		content: "";
		display: block;
		width: 1.2em;
		height: 2px;
		background: var(--spc-mntx);
		position: absolute;
		bottom: 0.5em;
		left: calc(50% - 0.6em);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#background #feature-area25 nav p:hover > strong:before {
		background-color: var(--spc-sub1);
	}
	#background #feature-area25 nav p.active > strong:before {
		display: none;
	}
	#background #feature-area25 nav p > span {
		display: none;
	}
	#background #feature-area25 nav p.active > a {
		display: none;
	}
}
/*--------------------------------------------------------------------------
  タイトル データ＆良いね 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-header25 .data-set {
	max-width: 1000px;
	width: calc(100% - 20vw);
	display: flex;
	margin: 0 auto 4em;
}
#background #feature-area25 .feature-header25 .data-set dl {
	display: block;
	margin: auto auto auto 0;
}
#background #feature-area25 .feature-header25 .data-set dl dt {
	display: block;
	float: left;
	border: 1px solid var(--color-goma);
	border-radius: 4px 0 0 4px;
	background: var(--color-goma);
	padding: 0.4em 0.6em 0.5em 0.8em;
	font-weight: 700;
	color: var(--color-tofu);
	font-size: 0.875em;
	line-height: 1em;
}
#background #feature-area25 .feature-header25 .data-set dl dd {
	display: block;
	float: left;
	border: 1px solid var(--color-renkon);
	border-radius: 4px;
	padding: 0.4em 0.6em 0.5em 0.8em;
	font-weight: 700;
	font-size: 0.875em;
	line-height: 1.4em;
}
#background #feature-area25 .feature-header25 .data-set dl dt + dd {
	border-left: none;
	border-radius: 0 4px 4px 0;
	line-height: 1em;
}
#background #feature-area25 .feature-header25 .data-set .like-button {
	display: block;
	margin: auto 0 auto auto;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 .feature-header25 .data-set {
		width: 100%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-header25 .data-set {
		display: static;
		margin-bottom: 2em;
		text-align: center;
	}
	#background #feature-area25 .feature-header25 .data-set dl {
		margin: auto;
	}
	#background #feature-area25 .feature-header25 .data-set .like-button {
		display: block;
		width: 86vw;
		position: absolute;
		top: -4em;
		left: calc(50% - 43vw);
	}
	#background #feature-area25 .feature-header25 .data-set .like-button form {
		text-align: center;
	}
	#background #feature-area25 .feature-header25 .data-set .like-button button {
		margin: 0 auto;
	}
}
/*===========================================================================

  追加 一覧専用タイトル 設定　ここから

===========================================================================*/
#background #feature-area25 nav.title-nav {
	max-width: 100%;
	width: 100%;
	margin: 0;
	border: 6px solid var(--spc-main);
	border-radius: var(--spr-box) var(--spr-box) 0 0;
	background: var(--spb-navi) repeat 50% 50%;
	background-size: 100% auto;
}
#background #feature-area25 .feature-header25 nav.title-nav + h1 {
	border-radius: 0;
}
#background #feature-area25 nav.title-nav h3 {
	padding: 0.5em 1em;
	max-width: calc(100% - 260px);
	width: 78.9%;
}
#background #feature-area25 nav.title-nav > p {
	margin: auto 2em;
	width: auto;
	border: none;
	background: transparent;
	padding: 0;
	position: static;
}
#background #feature-area25 nav.title-nav > p a {
	position: static;
	text-indent: 0;
	display: block;
	padding: 0.5em 3em 0.5em 1.5em;
	border-color: var(--spc-main);
	border-radius: var(--spr-box);
	background-color: var(--spc-main);
	color: var(--color-tofu);
	font-weight: 900;
	position: relative;
	white-space: nowrap;
}
#background #feature-area25 nav.title-nav > p a:hover {
	filter: Alpha(opacity=100);
	opacity: 1;
	transform: var(--anime-big);
}
#background #feature-area25 nav.title-nav > p a:before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background: url(./icon01w.svg) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	right: 0.5em;
	top: calc(50% - 1em);
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** 小さい画面用分岐 **/
	@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-header25 nav.title-nav h3 {
		max-width: 100%;
	}
	#background #feature-area25 .feature-header25 nav.title-nav > p {
		display: none;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 nav.title-nav {
		width: 100vw;
		margin: 0 auto;
		position: static;
		border: 4px solid var(--spc-main);
		border-radius: 0;
	}
	#background #feature-area25 .feature-header25 nav.title-nav + h1 {
		margin-bottom: 2em;
	}
	#background #feature-area25 nav.title-nav h3 {
		margin: 0 auto;
		padding: 1em 2em;
		max-width: 500px;
	}
}
/*--------------------------------------------------------------------------
  フッターナビ設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-footer25-list-nav {
	width: 100%;
	margin: 0;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav {
	flex-wrap: wrap;
	border-radius: 0;
	margin-bottom: 4em;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul {
	display: flex;
	width: 100%;
	padding: 2em 0 3em;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li {
	width: calc(15% - 2em);
	margin: 0 1em;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li:first-child {
	margin-left: auto;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li:last-child {
	margin-right: auto;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li picture {
	display: block;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li picture img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li figcaption {
	display: block;
	width: 100%;
	padding-top: 1em;
	line-height: 1.4em;
	text-align: center;
	font-weight: var(--spf-wid1);
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -10em;
	overflow: hidden;
}
#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li:hover img {
	transform: var(--anime-big);
}

/** 小さい画面用分岐 **/
	@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul {
		display: flex;
		width: 100%;
		padding: 2em 0 0;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav h3 {
		width: 100%;
		max-width: 100%;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav p {
		order: 99;
		width: 100%;
		max-width: calc(100% - 6em);
		margin: 0 3em 3em;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav p > a {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li {
		width: calc(28.66% - 2em);
		margin: 0 1em;
		margin-bottom: 2em;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li:nth-of-type(3n) {
		margin-right: auto;
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li:nth-of-type(3n+1) {
		margin-left: auto;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav ul li {
		width: calc(30% - 2em);
		margin: 0 1em;
		margin-bottom: 2em
	}
	#background #feature-area25 .feature-footer25-list-nav nav.title-nav h3 {
		max-width: 500px;
	}
}
/*===========================================================================

  追加 タイトル下 帯キャプション 設定　ここから

===========================================================================*/
#background #feature-area25 .feature-header25 .label-caption {
	display: flex;
	idth: 100%;
	margin: -4em 0 4em;
	padding: 1.5em 2em;
	background: var(--spb-label) no-repeat 50% 50%;
	background-size: cover;
	color: var(--color-tofu);
}
#background #feature-area25 .feature-header25 .label-caption dt {
	max-width: calc(350px - 2em);
	width: calc(35% - 2em);
	margin: auto 0 auto auto;
	font-size: 1.75em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
}
#background #feature-area25 .feature-header25 .label-caption dd {
	max-width: calc(650px - 2em);
	width: calc(65% - 2em);
	margin: auto auto auto 0;
	padding-left: 4em;
	font-size: 1.25em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	position: relative;
}
#background #feature-area25 .feature-header25 .label-caption dd:before {
	content: "";
	display: block;
	width: 0.725em;
	height: 100%;
	background: url(./separate.svg) no-repeat 50% 50%;
	background-size: cover;
	position: absolute;
	left: 1em;
	top: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-header25 .label-caption {
		display: block;
		idth: 100%;
		margin: -2em 0 2em;
		padding: 1.5em 2em;
		text-align: center;
	}
	#background #feature-area25 .feature-header25 .label-caption dt {
		max-width: 100%;
		width: 100%;
		margin: 0 auto 0.4em;
		font-size: 1.5em;
		text-align: center;
	}
	#background #feature-area25 .feature-header25 .label-caption dd {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding-left: 0;
		font-size: 1em;
		text-align: center;
	}
	#background #feature-area25 .feature-header25 .label-caption dd:before {
		display: none;
	}
}
/*--------------------------------------------------------------------------
  マップ付きリード文 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-header25 .map-text {
	max-width: 1000px;
	width: calc(100% - 10vw);
	margin: -4em auto 4em;
	padding: 2em 0;
}
#background #feature-area25 .feature-header25 .map-text > p {
	min-height: 4em;
	padding-left: 13em;
	text-align: center;
	font-size: 1.125em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	position: relative;
}
#background #feature-area25 .feature-header25 .map-text > p:before {
	content: "";
	display: block;
	width: 12em;
	height: 12em;
	background: url(./mini-map.svg) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 6em);
}

/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
#background #feature-area25 .feature-header25 .map-text {
	width: 90%;
}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-header25 .map-text {
		width: calc(100% - 14vw);
		margin: -2em auto 2em;
		padding-bottom: 0;
	}
	#background #feature-area25 .feature-header25 .map-text > p {
		min-height: auto;
		min-height: initial;
		padding: 0;
		font-size: 1em;
		text-align: left;
	}
	#background #feature-area25 .feature-header25 .map-text > p:before {
		display: none;
	}
}

/*===========================================================================
-----------------------------------------------------------------------------
  コンテンツ設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 .feature-contents25 {
	width: calc(100% - 20vw);
	padding-bottom: 0.1px;
	margin: 0 auto;
}
#background #feature-area25 .feature-contents25 > p {
	max-width: 1000px;
	margin: 0 auto 5em;
}
#background #feature-area25 .feature-contents25 small.attention {
	display: block;
	font-size: 0.875em;
}
#background #feature-area25 .feature-contents25 > figure {
	border-radius: var(--spr-box);
	overflow: hidden;
	width:90%;
	margin: 0 auto 5em;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 .feature-contents25 {
		width: 86%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 > p {
		margin-bottom: 3.5em;
	}
	#background #feature-area25 .feature-contents25 > figure {
		width:calc(100% + 3vw);
		margin: 0 -1.5vw 3.5em;
	}
}
/*--------------------------------------------------------------------------
  タイトル 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 h2 {
	max-width: 1000px;
	margin: 0 auto 1.5em;
	font-size: 2.5em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	line-height: 1.5em;
}
#background #feature-area25 .feature-contents25 h2 > small {
	display: block;
	font-size: 0.5em;
	color: var(--spc-main);
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	line-height: 1.5em;
}
#background #feature-area25 .feature-contents25 h2 > small b {
	display: inline-block;
	font-size: 2em;
	font-weight: var(--spf-wid2);
	padding-left: 0.2em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 h2 {
		margin-bottom: 1em;
		font-size: 1.5em;
	}
	#background #feature-area25 .feature-contents25 h2 br {
		display: none;
	}
	#background #feature-area25 .feature-contents25 h2 > small {
		margin-bottom: 0.5em;
	}
	#background #feature-area25 .feature-contents25 h2 > small b {
		font-size: 1.5em;
	}
}
/*===========================================================================

  写真セット設定　ここから

===========================================================================*/
/*--------------------------------------------------------------------------
  写真セット 基本設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-wrapper {
	display: block;
	width: 100%;
}
#background #feature-area25 .feature-contents25 .photo-set {
	display: flex;
	width: calc(100% + 13vw);
	margin: 0 -6.5vw 5em;
	position: relative;
}
#background #feature-area25 .feature-contents25 .photo-wrapper > .photo-set {
	margin-bottom: 0;
}
#background #feature-area25 .feature-contents25 .photo-wrapper > .photo-set:last-child {
	margin-bottom: 5em;
}
#background #feature-area25 .feature-contents25 .photo-set figure {
	overflow: hidden;
	margin: 0 auto 0.5em;
	position: relative;
}
#background #feature-area25 .feature-contents25 .photo-set figure > img {
	border-radius: var(--spr-box);
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 .feature-contents25 .photo-set {
		width: calc(100% + 105px);
		margin: 0 -52.5px 5em;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set {
		width: calc(100% + 7vw);
		margin: 0 -3.5vw 3.5em;
	}
	#background #feature-area25 .feature-contents25 .photo-set figure {
		border-radius: calc( var(--spr-box) * 0.8);
		margin-bottom: 0.2em;
	}
	#background #feature-area25 .feature-contents25 .photo-wrapper > .photo-set:last-child {
		margin-bottom: 3.5em;
	}
}
/*--------------------------------------------------------------------------
  写真セット ハーフ設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:first-child {
	width: calc(50% - 0.25em);
	margin-left: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:last-child {
	width: calc(50% - 0.25em);
	margin-right: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:last-child > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set.photo-half {
		display: block;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-half figure ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:first-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:last-child {
		display: block;
		width: 100%;
		height: auto;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-half figure > img ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-half figure:last-child > img {
		width: 100%;
		height: auto;
		position: static;
	}
}
/*--------------------------------------------------------------------------
  写真セット 2枚設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set2 figure:first-child {
	width: calc(66.66% - 0.25em);
	margin-left: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2 figure:last-child {
	width: calc(33.33% - 0.25em);
	margin-right: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2 figure:last-child > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:first-child {
	width: calc(33.33% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:last-child {
	width: calc(66.66% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:first-child > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:last-child > img {
	height: auto;
	position: static;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set.photo-set2 figure:first-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:last-child {
		width: calc(66.66% - 0.1em);
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set2 figure:last-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set2.reverse figure:first-child {
		width: calc(33.33% - 0.1em);
	}
}
/*--------------------------------------------------------------------------
  写真セット 3枚設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set3 {
	flex-direction: column;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure {
	width: calc(33.33% - 0.25em);
	margin: 0 0 0.5em auto;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure:first-child {
	display: block;
	width: calc(66.66% - 0.25em);
	height: calc(100% - 0.5em);
	position: absolute;
	left: 0;
	top: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure:first-child > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure {
	margin-left: 0;
	margin-right: auto;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure {
	margin: 0 auto 0.5em 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:first-child {
	width: calc(33.33% - 0.25em);
	margin: 0 auto 0.5em 0;
	position: relative;
	left: auto;
	top: auto;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:last-child {
	display: block;
	width: calc(66.66% - 0.25em);
	height: calc(100% - 0.5em);
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:first-child > img {
	height: auto;
	position: static;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:last-child > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3 {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:first-child {
		width: calc(50% - 0.1em);
		margin: 0 auto 0.2em 0;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure:first-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:last-child {
		width: 100%;
		height: auto;
		position: relative;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure:first-child > img ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:last-child > img {
		width: 100%;
		height: auto;
		object-fit: cover;
		position: static;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3 figure:last-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set3.reverse figure:nth-of-type(2) {
		margin: 0 0 0.2em auto;
	}
}
/*--------------------------------------------------------------------------
  写真セット 4枚設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 {
	flex-wrap: wrap;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure {
	width: calc(33.33% - 0.25em);
	padding-top: calc(33.33% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:first-child ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:last-child {
	width: calc(66.66% - 0.25em);
	padding-top: calc(33.33% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(1) ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(3) {
	margin-left: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(2) ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(4) {
	margin-right: 0;
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(2) ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(3) {
	width: calc(66.66% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:first-child ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:last-child {
	width: calc(33.33% - 0.25em);
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure {
		width: calc(50% - 0.1em);
		padding-top: calc(50% - 0.1em);
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:first-child ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:last-child {
		width: 100%;
		padding-top: 50%;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(2) ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(2) {
		margin-left: 0;
		margin-right: auto;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4 figure:nth-of-type(3) ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(3) {
		margin-left: auto;
		margin-right: 0;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(1) {order: 1;}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(2) {order: 0;}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(3) {order: 3;}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set4.reverse figure:nth-of-type(4) {order: 2;}
}
/*--------------------------------------------------------------------------
  写真セット 縦（縦2+横1） 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure {
	width: calc( calc(50% - 0.25em) / 2 - 0.25em);
	margin: 0 0.5em 0.5em 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(3) {
	margin-right: 0;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(1) {
	width: calc(50% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(1) > img ,
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(2) > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(1) {
	width: calc( calc(50% - 0.25em) / 2 - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(3) {
	width: calc(50% - 0.25em);
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(1) > img {
	height: auto;
	position: static;
}
#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(3) > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt {
		flex-wrap: wrap;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(1) {
		width: calc(50% - 0.125em);
		margin: 0 0.25em 0.25em 0;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(3) ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(2) {
		margin-right: 0;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(1) ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(3) {
		width: 100%;
		margin-right: 0;
	}
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt figure:nth-of-type(1) > img ,
	#background #feature-area25 .feature-contents25 .photo-set.photo-set-vt.reverse figure:nth-of-type(3) > img {
		width: 100%;
		height: auto;
		position: static;
	}
}
/*--------------------------------------------------------------------------
  連番 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 figure figcaption {
	display: block;
	min-width: 2em;
	height: 2em;
	line-height: 2em;
	padding: 0 0.5em;
	text-align: center;
	font-size: 0.75em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	background: var(--color-tofu);
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: calc(var(--spr-box) * 0.6) 0 0 0;
	z-index: 10;
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 ol {
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 1em auto 4em;
}
#background #feature-area25 .feature-contents25 ol li {
	display: flex;
	flex-wrap: wrap;
	margin: 0 2em 1em 0;
	position: relative;
}
#background #feature-area25 .feature-contents25 ol li > em {
	display: block;
	min-width: 2em;
	width: auto;
	height: 2em;
	padding: 0 0.5em;
	margin: auto 0.8em auto 0;
	border: 1px solid var(--color-goma);
	border-radius: calc(var(--spr-box) * 0.6);
	line-height: 2em;
	text-align: center;
	font-size: 0.75em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	white-space: nowrap;
}
#background #feature-area25 .feature-contents25 ol li > span {
	display: block;
	margin: auto 0;
	line-height: 1.4em;
	padding-bottom: 0.1em;
	word-wrap: break-word;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 figure figcaption {
		font-size: 0.625em;
		border-radius: calc(var(--spr-box) / 2) 0 0 0;
	}
	/*-------------------------------------------------------------------------*/
	#background #feature-area25 .feature-contents25 ol {
		margin: 0.5em 0 3em;
	}
	#background #feature-area25 .feature-contents25 ol li {
		margin-bottom: 0.5em;
		padding-left: 0em;
	}
	#background #feature-area25 .feature-contents25 ol li > em {
		font-size: 0.625em;
		border-radius: calc(var(--spr-box) / 2);
	}
}

/*===========================================================================
-----------------------------------------------------------------------------
  コラム用 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 h2.column-title {
	display: flex;
	width: 100%;
	margin: 0 auto 2em;
	font-size: 1em;
}
#background #feature-area25 h2.column-title small {
	display: block;
	margin: auto 0.5em auto 0;
	line-height: 1.4em;
	letter-spacing: 0;
	font-size: 2.25em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	color: var(--spc-sub2);
}
#background #feature-area25 h2.column-title b {
	display: block;
	margin: auto auto auto 0;
	line-height: 1.4em;
	letter-spacing: 0;
	font-size: 2.25em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 h2.column-title {
		display: block;
		margin-bottom: 1.5em;
	}
	#background #feature-area25 h2.column-title small {
		line-height: 1em;
		font-size: 1.25em;
		margin-bottom: 0.2em;
	}
	#background #feature-area25 h2.column-title b {
		font-size: 1.5em;
	}
}
/*===========================================================================
-----------------------------------------------------------------------------
  レシピ用 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 h2.recipe-title {
	display: inline-block;
	margin: 0 auto 1em;
	padding: 0 1.2em;
	color: var(--spc-sub3);
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	line-height: 1em;
	position: relative;
}
#background #feature-area25 h2.recipe-title:before ,
#background #feature-area25 h2.recipe-title:after {
	content: "";
	display: block;
	visibility: visible;
	width: 0.7em;
	height: 0.2em;
	background: var(--spc-sub3);
	position: absolute;
	top: calc(50% - 0.1em);
	left: 0;
}
#background #feature-area25 h2.recipe-title:before {
	left: auto;
	right: 0;
}
#background #feature-area25 .recipe-area {
	max-width: 1400px;
	width: calc(100% + 5vw);
	border: 4px solid var(--spc-sub3);
	margin: 0 -2.5vw 4em;
	padding: 3em 3.125em 0;
}
#background #feature-area25 .recipe-area + .recipe-area {
	margin-top: -4em;
	border-top: none;
}
#background #feature-area25 .recipe-area .recipe-main ,
#background #feature-area25 .recipe-area .recipe-contents {
	border-bottom: 1px solid var(--color-renkon);
	margin-bottom: 3em;
	padding-bottom: 0.1px;
}
#background #feature-area25 .recipe-area .recipe-main:last-child ,
#background #feature-area25 .recipe-area .recipe-contents:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

/** 大きい画面用分岐 **/
@media screen and (min-width: 1680px) {
	#background #feature-area25 .recipe-area {
		width: 100%;
		margin: 0 auto 4em;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .recipe-area {
		width: calc(100% + 9vw);
		margin: 0 -4.5vw 3em;
		padding: 2em 5vw 0;
	}
	#background #feature-area25 .recipe-area + .recipe-area {
		margin-top: -3em;
	}
	#background #feature-area25 .recipe-area .recipe-main ,
	#background #feature-area25 .recipe-area .recipe-contents {
		margin-bottom: 2em;
	}
	#background #feature-area25 .recipe-area .recipe-main:last-child ,
	#background #feature-area25 .recipe-area .recipe-contents:last-child {
		margin-bottom: 0;
	}
}
/*--------------------------------------------------------------------------
  レシピタイトル用 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-main {/*
	padding-left: calc(50% + 1em);*/
	position: relative;
}
#background #feature-area25 .recipe-area .recipe-main:after {
	content: "";
	display: block;
	visibility: visible;
	clear: both;
}
#background #feature-area25 .recipe-area .recipe-main h3 {/*
	width: 100%;*/
	width: calc(50% - 1em);
	padding-bottom: 0.667em;
	margin: 0 0 1em;
	border-bottom: 1px solid var(--color-renkon);
	font-size: 1.5em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0;
	float: right;
}
#background #feature-area25 .recipe-area .recipe-main h3 small {
	display: block;
	font-size: 0.75em;
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-main ul {
	width: calc(50% - 1em);/*
	height: calc(100% - 2.5em);
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;*/
	float: left;
	margin: 0 auto 2.5em;
}
#background #feature-area25 .recipe-area .recipe-main ul li {
	display: block;
	width: 100%;/*
	height: calc(100% - 0.5em);*/
	border-radius: var(--radius-box);
	overflow: hidden;
	margin-bottom: 0.5em;
}/*
#background #feature-area25 .recipe-area .recipe-main ul.photo-set2 li {
	height: calc(50% - 0.5em);
}
#background #feature-area25 .recipe-area .recipe-main ul li > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/
/*-------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-main table {/*
	width: 100%;*/
	width: calc(50% - 2em);
	margin: 0 0 3em;
	float: right;
}
#background #feature-area25 .recipe-area .recipe-main table thead th {
	font-size: 1.125em;
	font-weight: 700;
}
#background #feature-area25 .recipe-area .recipe-main table tbody th ,
#background #feature-area25 .recipe-area .recipe-main table tbody td {
	font-size: 0.875em;
	font-weight: 700;
	padding: 0.5em 0;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1024px) {
	#background #feature-area25 .recipe-area .recipe-main {
		padding: 0;
	}
	#background #feature-area25 .recipe-area .recipe-main h3 ,
	#background #feature-area25 .recipe-area .recipe-main table {
		width: 100%;
		float: none;
	}
	#background #feature-area25 .recipe-area .recipe-main ul {
		width: 100%;
		height: auto;
		margin-bottom: 2.5em;
		position: static;
		float: none;
	}
	#background #feature-area25 .recipe-area .recipe-main ul li ,
	#background #feature-area25 .recipe-area .recipe-main ul.photo-set2 li {
		width: 100%;
		height: auto;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .recipe-area .recipe-main h3 {
		text-align: left;
		font-size: 1.125em;
	}
	#background #feature-area25 .recipe-area .recipe-main h3 small {
		font-size: 0.875em;
	}
	/*-------------------------------------------------------------------------*/
	#background #feature-area25 .recipe-area .recipe-main ul {
		margin-bottom: 2em;
	}
	/*-------------------------------------------------------------------------*/
	#background #feature-area25 .recipe-area .recipe-main table {
		margin-bottom: 2em;
	}
	#background #feature-area25 .recipe-area .recipe-main table tbody th ,
	#background #feature-area25 .recipe-area .recipe-main table tbody td {
		padding: 0.4em 0;
		border-bottom: 1px dashed var(--color-renkon);
	}
	#background #feature-area25 .recipe-area .recipe-main table tbody tr:last-child th ,
	#background #feature-area25 .recipe-area .recipe-main table tbody tr:last-child td {
		border-bottom: none;
	}
}
/*--------------------------------------------------------------------------
  レシピ用内容 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-contents h4 {
	max-width: 1000px;
	font-size: 1.125em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	margin: 0 auto 1em;
}
#background #feature-area25 .recipe-area .recipe-contents p {
	max-width: 1000px;
	margin: 0 auto 3em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .recipe-area .recipe-contents h4 {
		margin-bottom: 0.5em;
	}
	#background #feature-area25 .recipe-area .recipe-contents p {
		margin-bottom: 2em;
	}
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-contents ul {
	max-width: 1000px;
	margin: 0 auto 2em;
	padding-bottom: 0.1px;
}
#background #feature-area25 .recipe-area .recipe-contents ul li {
	margin-bottom: 1em;
	padding-left: 0.9em;
}
#background #feature-area25 .recipe-area .recipe-contents ul li:before {
	content: "";
	display: block;
	width: 0.4em;
	height: 0.4em;
	background: var(--color-goma);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.9em;
}
#background #feature-area25 .recipe-area .recipe-contents ol {
	max-width: 1000px;
	margin-bottom: 2em;
	counter-reset: number-list;
}
#background #feature-area25 .recipe-area .recipe-contents ol li {
	margin-bottom: 1em;
	padding-left: 2em;
	counter-increment: number-list;
}
#background #feature-area25 .recipe-area .recipe-contents ol li:before {
	content: counter(number-list);
	display: block;
	width: 1.4em;
	height: 1.4em;
	font-size: 0.725em;
	text-align: center;
	line-height: 1.4em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
	border: 2px solid var(--color-goma);
	border-radius: 50%;
	position: absolute;
	top: 0.6em;
	left: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .recipe-area .recipe-contents ul ,
	#background #feature-area25 .recipe-area .recipe-contents ol {
		margin-bottom: 1em;
	}
}
/*-------------------------------------------------------------------------*/
#background #feature-area25 .recipe-area .recipe-contents dl {
	max-width: 1000px;
	margin: 0 auto 2em;
}
#background #feature-area25 .recipe-area .recipe-contents dl:after {
	content: "";
	display: block;
	clear: both;
}
#background #feature-area25 .recipe-area .recipe-contents dl dt {
	clear: both;
	float: left;
	max-width: 8em;
	margin-bottom: 1em;
	padding-right: 0.5em;
	position: relative;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	background: var(--color-tofu);
	z-index: 10;
}
#background #feature-area25 .recipe-area .recipe-contents dl dd {
	float: right;
	width: calc(100% - 9em);
	margin-bottom: 1em;
}
#background #feature-area25 .recipe-area .recipe-contents dl dd:before {
	content: "";
	display: block;
	width: 7.5em;
	height: 1px;
	background: var(--color-renkon);
	position: absolute;
	left: -8em;
	top: 1em;
}
/** 食材名長い時 **/
#background #feature-area25 .recipe-area .recipe-contents.recipe-wide dl dt {
	max-width: 15em;
}
#background #feature-area25 .recipe-area .recipe-contents.recipe-wide dl dd {
	width: calc(100% - 16em);
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .recipe-area .recipe-contents dl {
		margin-bottom: 1em;
		padding-bottom: 0.1px;
	}
	#background #feature-area25 .recipe-area .recipe-contents dl dt ,
	#background #feature-area25 .recipe-area .recipe-contents.recipe-wide dl dt {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
		padding-right: 0;
	}
	#background #feature-area25 .recipe-area .recipe-contents dl dd ,
	#background #feature-area25 .recipe-area .recipe-contents.recipe-wide dl dd {
		float: none;
		width: 100%;
		font-size: 0.875em;
		margin-bottom: 1.25em;
	}
	#background #feature-area25 .recipe-area .recipe-contents dl dd:before {
		display: none;
	}
}

/*===========================================================================
-----------------------------------------------------------------------------
  スポット情報 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 .spot-set {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto 4em;
	border: 4px solid var(--spc-sub4);
	border-radius: var(--spr-box);
	overflow: hidden;
	padding-bottom: 2em;
}
#background #feature-area25 .spot-set h3 {
	width: 100%;
	background: var(--spc-sub4);
	padding: 0.4em 1em 0.5em;
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	font-size: 1.5em;
	color: var(--color-tofu);
	text-align: center;
	margin-bottom: 1.5em;
}
#background #feature-area25 .spot-set figure {
	width: calc(50% - 3em);
	margin: 0 auto 0 2em;
	border-radius: var(--spr-box);
	overflow: hidden;
}
#background #feature-area25 .spot-set figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#background #feature-area25 .spot-set table {
	width: calc(50% - 3em);
	margin: auto 2em auto auto;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1240px) {
	#background #feature-area25 .spot-set {
		display: block;
		width: 100%;
	}
	#background #feature-area25 .spot-set figure {
		width: calc(100% - 14vw);
		margin: 0 auto 2em;
	}
	#background #feature-area25 .spot-set table {
		width: calc(100% - 14vw);
		margin: 0 auto;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .spot-set {
		width: calc(100% + 9vw);
		margin: 0 -4.5vw 3em;
	}
	#background #feature-area25 .spot-set h3 {
		font-size: 1.125em;
	}
	#background #feature-area25 .spot-set figure {
		width: calc(100% - 10vw);
		margin: 0 auto 2em;
	}
	#background #feature-area25 .spot-set table {
		width: calc(100% - 10vw);
		margin: 0 auto;
	}
}
/*--------------------------------------------------------------------------
  テーブル 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .spot-set table {
	border-top: 1px dashed var(--color-renkon);
}
#background #feature-area25 .spot-set table th ,
#background #feature-area25 .spot-set table td {
	border-bottom: 1px dashed var(--color-renkon);
	padding: 1em 0;
  word-break: break-all;
}
#background #feature-area25 .spot-set table th {
	padding-right: 1em;
	white-space: nowrap;
}
#background #feature-area25 .spot-set table th b {
	display: inline-block;
	padding: 0.4em 1em 0.5em;
	font-size: 0.75em;
	line-height: 1em;
	background: var(--spc-sub4);
	border-radius: calc(var(--radius-box) / 2);
	font-family: var(--spf-titl);
	font-weight: var(--spf-wid1);
	color: var(--color-tofu);
}
#background #feature-area25 .spot-set table td a {
	font-weight: 700;
	text-decoration: underline;
	color: var(--spc-sub4);
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}

/*===========================================================================
-----------------------------------------------------------------------------
  フッター設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 .feature-footer25 {
	display: flex;
	width: calc(100% - 10vw);
	padding-bottom: 0.1px;
	margin: 0 auto 3.5em;
}
#background #feature-area25 .feature-footer25 .like-button {
	margin: auto 0 auto auto;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 .feature-footer25 {
		width: 90%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-footer25 {
		display: block;
		width: calc(100% - 14vw);
		margin-bottom: 2.5em;
	}
	#background #feature-area25 .feature-footer25 .like-button ,
	#background #feature-area25 .feature-footer25 .like-button button {
		margin: auto;
	}
	#background #feature-area25 .feature-footer25 .like-button form {
		text-align: center;
	}
}
/*--------------------------------------------------------------------------
  コンテンツタグ 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-footer25 .cate-set {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 18.75em);
	margin: auto auto auto 0;
}
#background #feature-area25 .feature-footer25 .cate-set li {
  margin: 0 0.5em 0.5em 0em;
  line-height: 1em;
}
#background #feature-area25 .feature-footer25 .cate-set li a {
  display: block;
  font-weight: 700;
  padding: 0.4em 1em;
  border: 1px solid var(--color-goma);
  border-radius: 0.9em;
}
#background #feature-area25 .feature-footer25 .cate-set li.cate a {
  background: var(--color-goma);
  color: var(--color-tofu);
}
#background #feature-area25 .feature-footer25 .cate-set li.tag a {
  font-size: 0.875em;
  line-height: 1.2em;
}
#background #feature-area25 .feature-footer25 .cate-set li a:hover {
  border-radius: 0.4em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-footer25 .cate-set {
		width: 100%;
		margin: 0 auto 2em;
	}
	#background #feature-area25 .feature-footer25 .cate-set li a {
    font-size: 0.875em;
  }
	#background #feature-area25 .feature-footer25 .cate-set li.tag a {
	  font-size: 0.75em;
    line-height: 1.4em;
	}
}
/*===========================================================================

  特集ページネーション 設定　ここから

===========================================================================*/
/*--------------------------------------------------------------------------
  テキストページネーション 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-pagination  {
	display: flex;
	justify-content: center;
  margin-top: 3em;
}
#background #feature-area25 .feature-pagination p {
	position: relative;
	display: flex;
	width: calc(30% - 0.6em);
	max-width: 24em;
	margin: 0 1em;
	padding: 1em 3em 1em 0;
	border: 2px solid var(--color-goma);
	border-radius: var(--radius-box);
	color: var(--color-goma);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#background #feature-area25 .feature-pagination p.prev {
	padding: 1em 1em 1em 2em;
}
#background #feature-area25 .feature-pagination p:before {
  content: "";
  display: block;
  width: 2.4em;
  height: 2.4em;
  background: url(./icon01.svg) no-repeat 50% 50%;
  position: absolute;
  right: 0.75em;
  top: calc(50% - 1.2em);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#background #feature-area25 .feature-pagination p.prev:before {
  right: auto;
  left: 0.75em;
  transform: scaleX(-1);
}
#background #feature-area25 .feature-pagination p:hover {
	border-radius: 4px;
	background-color: var(--color-goma);
	color: var(--color-tofu);
}
#background #feature-area25 .feature-pagination p:hover:before {
  background-image: url(./icon01w.svg);
}
#background #feature-area25 .feature-pagination p > strong {
	width: 2.4em;
	text-align: center;
	margin: auto 0;
	font-size: 2em;
	font-family: var(--spf-eiji);
	font-weight: var(--spf-wid2);
}
#background #feature-area25 .feature-pagination p > span {
	width: calc(100% - 2.4em);
	margin: auto 0;
	font-weight: 700;
	font-size: 0.875em;
	line-height: 1.4em;
}
#background #feature-area25 .feature-pagination p > a {
	display: block;
	position: absolute;
	width: calc(100% + 5.5em);
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	text-indent: -10em;
}
#background #feature-area25 .feature-pagination p a:before {
  content: "next";
  display: block;
  text-indent: 0;
  font-size: 1.5em;
  font-family: var(--spf-eiji);
  font-weight: var(--spf-wid2);
  line-height: 1em;
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0;
  color: var(--color-goma) !important;
}
#background #feature-area25 .feature-pagination p.prev > a {
	width: calc(100% + 9.5em);
	left: auto;
	right: 0;
}
#background #feature-area25 .feature-pagination p.prev a:before {
  content: "previous";
  right: auto;
  left: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1150px) {
	#background #feature-area25 .feature-pagination p {
		width: calc(50% - 0.6em);
	}
	#background #feature-area25 .feature-pagination p > a ,
	#background #feature-area25 .feature-pagination p.prev > a {
		width: 100%;
	}
	#background #feature-area25 .feature-pagination p a:before {
	  display: none;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-pagination  {
		display: block;
	  margin-top: 1.5em;
	}
	#background #feature-area25 .feature-pagination p {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 1em;
	}
}
/*--------------------------------------------------------------------------
  ページネーション 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .pagination {
  margin-top: 3em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}

/*===========================================================================
-----------------------------------------------------------------------------
  追加 一覧専用パネル 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 .feature-list25 {
	width: calc(100% - 10vw);
}
#background #feature-area25 .feature-list25 .contents-list-set {
	display: flex;
	margin: 0 auto 10em;
	position: relative;
}
#background #feature-area25 .feature-list25 .contents-list-set:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--color-renkon);
	position: absolute;
	bottom: -5em;
	left: 0;
}
#background #feature-area25 .feature-list25 .contents-list-set:last-child {
	margin-bottom: 5em;
}
#background #feature-area25 .feature-list25 .contents-list-set:last-child:before {
	display: none;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 2100px) {
	#background #feature-area25 .feature-list25 {
		width: 90%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-list25 .contents-list-set {
		display: block;
		margin-bottom: 8em;
		padding: 0 1em;
	}
	#background #feature-area25 .feature-list25 .contents-list-set:before {
		bottom: -4em;
	}
	#background #feature-area25 .feature-list25 .contents-list-set:last-child {
		margin-bottom: 4em;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}
/*--------------------------------------------------------------------------
  テキストボックス 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-list25 .text-box {
	max-width: 500px;
	width: calc(40% - 2em);
	margin: 0 2em 0 auto;
	position: static;
}
#background #feature-area25 .feature-list25 .contents-list-set:nth-of-type(2n) .text-box {
	margin-left: 2em;
	margin-right: auto;
	order: 2;
}
#background #feature-area25 .feature-list25 .text-box h3 {
	font-family: var(--spf-titl);
	font-size: 2.5em;
	font-weight: var(--spf-wid1);
	line-height: 1.5em;
	margin-bottom: 0.725em;
}
#background #feature-area25 .feature-list25 .text-box h3 rt {
	font-size: 0.4em;
	font-weight: 700;
}
#background #feature-area25 .feature-list25 .text-box h3 small {
	display: block;
	font-size: 0.4em;
	font-weight: 700;
	line-height: 1.5em;
}
#background #feature-area25 .feature-list25 .text-box h3 em {
	display: block;
}
#background #feature-area25 .feature-list25 .text-box p {
	position: static;
	margin-bottom: 3em;
}
#background #feature-area25 .feature-list25 .text-box p.more {
	margin-bottom: 0;
}
#background #feature-area25 .feature-list25 .text-box .lead-text {
	font-family: var(--spf-titl);
	font-size: 1.25em;
	font-weight: var(--spf-wid1);
	margin-bottom: 1.25em;
}
#background #feature-area25 .feature-list25 .text-box .coming-text {
	font-family: var(--spf-titl);
	font-size: 2.5em;
	font-weight: var(--spf-wid1);
	padding: 1em 0 0;
	color: var(--color-renkon);
}
#background #feature-area25 .feature-list25 .text-box p.more a {
	position: static;
}
#background #feature-area25 .feature-list25 .text-box p.more a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#background #feature-area25 .feature-list25 .text-box p.more a:hover {
	background: var(--color-tofu);
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-list25 .text-box ,
	#background #feature-area25 .feature-list25 .contents-list-set:nth-of-type(2n) .text-box {
		width: calc(100% - 1em);
		margin: 0 auto;
	}
	#background #feature-area25 .feature-list25 .text-box h3 {
		font-size: 2em;
	}
	#background #feature-area25 .feature-list25 .text-box h3 rt ,
	#background #feature-area25 .feature-list25 .text-box h3 small {
		font-size: 0.44em;
	}
	#background #feature-area25 .feature-list25 .text-box .lead-text {
		font-size: 1.125em;
	}
	#background #feature-area25 .feature-list25 .text-box .coming-text {
		font-size: 2em;
		padding: 1em 0 0;
	}
	#background #feature-area25 .feature-list25 .text-box p.more {
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
}
/** スマートフォン用分岐 **/
	@media screen and (max-width: 740px) {
}

/*--------------------------------------------------------------------------
  フォトボックス 設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-list25 .photo-box {
	max-width: 700px;
	width: calc(60% - 2em);
	margin: 0 auto 0 2em;
}
#background #feature-area25 .feature-list25 .contents-list-set:nth-of-type(2n) .photo-box {
	margin-left: auto;
	margin-right: 2em;
	order: 1;
}
#background #feature-area25 .feature-list25 .photo-box .photo-wrapper {
	width: 100%;
	padding-top: 75%;
	position: relative;
}
#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure {
	display: block;
	width: calc(65% - 0.25em);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: var(--spr-box);
}
#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure:only-child {
	width: 100%;
}
#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure + figure {
	width: calc(35% - 0.25em);
	left: auto;
	right: 0;
}
#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure > img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#background #feature-area25 .feature-list25 .contents-list-set:hover .photo-box .photo-wrapper figure > img {
	transform: var(--anime-big);
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-list25 .photo-box ,
	#background #feature-area25 .feature-list25 .contents-list-set:nth-of-type(2n) .photo-box {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 1px;
	}
	#background #feature-area25 .feature-list25 .photo-box .photo-wrapper {
		margin-bottom: 4em;
	}
	#background #feature-area25 .feature-list25 .contents-list-set.no-link .photo-box .photo-wrapper {
		margin-bottom: 0;
	}
	#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure {
		width: calc(65% - 0.125em);
	}
	#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure:only-child {
		width: 100%;
	}
	#background #feature-area25 .feature-list25 .photo-box .photo-wrapper figure + figure {
		width: calc(35% - 0.125em);
	}
	#background #feature-area25 .feature-list25 .contents-list-set:hover .photo-box .photo-wrapper figure > img {
		transform: none;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}
/*===========================================================================
-----------------------------------------------------------------------------
  汎用コンテンツ箱 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #feature-area25 .feature-contents25 .detail-area {
	max-width: 1400px;
	width: calc(100% + 5vw);
	border: 6px solid var(--spc-dbd);
	margin: 0 -2.5vw 5em;
	padding: 4em 4em 0;
	position: relative;
}
#background #feature-area25 .feature-contents25 .detail-area > h2 {
	display: block;
	width: 100%;
	padding: 0 2em;
	text-align: center;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50% ,-50%);
}
#background #feature-area25 .feature-contents25 .detail-area > h2 em {
	display: inline-block;
	padding: 0 1em;
	background: var(--color-tofu);
}
#background #feature-area25 .feature-contents25 .detail-area > figure {
	border-radius: var(--spr-box);
	overflow: hidden;
	margin-bottom: 4em;
}
#background #feature-area25 .feature-contents25 .detail-area > p {
	max-width: 1000px;
	margin: 0 auto 4em;
}
/** 大きい画面用分岐 **/
@media screen and (min-width: 1767px) {
	#background #feature-area25 .feature-contents25 .detail-area {
		width: 100%;
		margin: 0 auto 5em;
	}
	#background #feature-area25 .feature-contents25 .detail-area > h2 {
		width: 100%;
	}
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1080px) {
	#background #feature-area25 .feature-contents25 .detail-area > h2 {
		font-size: 3.7vw;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .detail-area {
		padding: 2em 1em 0;
	}
	#background #feature-area25 .feature-contents25 .detail-area > h2 {
		font-size: 1.5em;
	}
	#background #feature-area25 .feature-contents25 .detail-area > figure {
		margin-bottom: 2em;
	}
	#background #feature-area25 .feature-contents25 .detail-area > p {
		margin: 0 auto 2em;
		padding: 0 1em;
	}
}
/*--------------------------------------------------------------------------
  パネルセット設定　ここから
---------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .panel-set {
	display: flex;
	margin-bottom: 4em;
}
#background #feature-area25 .feature-contents25 .panel-set > p ,
#background #feature-area25 .feature-contents25 .panel-set > dl ,
#background #feature-area25 .feature-contents25 .panel-set > figure {
	width: calc(50% - 1.5em);
	margin: 0 auto;
}
#background #feature-area25 .feature-contents25 .panel-set > figure > img {
	border-radius: var(--spr-box);
	overflow: hidden;
}
#background #feature-area25 .feature-contents25 .panel-set > p ,
#background #feature-area25 .feature-contents25 .panel-set > dl {
	margin-top: auto;
	margin-bottom: auto;
	padding: 0 1.5em;
}
#background #feature-area25 .feature-contents25 .panel-set > p:first-child ,
#background #feature-area25 .feature-contents25 .panel-set > dl:first-child {
	padding-left: 0;
}
#background #feature-area25 .feature-contents25 .panel-set > p:last-child ,
#background #feature-area25 .feature-contents25 .panel-set > dl:last-child {
	padding-right: 0;
}
#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > p ,
#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > dl ,
#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure {
	width: calc(33.333% - 0.25em);
}
#background #feature-area25 .feature-contents25 .panel-set > p:first-child ,
#background #feature-area25 .feature-contents25 .panel-set > dl:first-child ,
#background #feature-area25 .feature-contents25 .panel-set > figure:first-child {
	margin-left: 0;
}
#background #feature-area25 .feature-contents25 .panel-set > p:last-child ,
#background #feature-area25 .feature-contents25 .panel-set > dl:last-child ,
#background #feature-area25 .feature-contents25 .panel-set > figure:last-child {
	margin-right: 0;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1300px) {
	#background #feature-area25 .feature-contents25 .panel-set > p ,
	#background #feature-area25 .feature-contents25 .panel-set > dl ,
	#background #feature-area25 .feature-contents25 .panel-set > figure {
		width: calc(50% - 0.25em);
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 {
		flex-wrap: wrap;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > p ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > dl {
		width: 100%;
		padding: 0;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure {
		width: calc(50% - 0.25em);
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure:nth-of-type(1) {
		margin-left: 0;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure:nth-of-type(2) {
		margin-right: 0;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure + p ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure + dl ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > p + figure ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > dl + figure ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > p + figure + figure ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > dl + figure + figure {
		margin-top: 2em;
	}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .panel-set {
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	#background #feature-area25 .feature-contents25 .panel-set > p ,
	#background #feature-area25 .feature-contents25 .panel-set > dl ,
	#background #feature-area25 .feature-contents25 .panel-set > figure {
		width: 100%;
		margin-bottom: 2em;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 {
		margin-bottom: 2em;
	}
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > p ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > dl ,
	#background #feature-area25 .feature-contents25 .panel-set.panel-set3 > figure {
		margin-bottom: 0;
	}
	#background #feature-area25 .feature-contents25 .panel-set > p:first-child ,
	#background #feature-area25 .feature-contents25 .panel-set > dl:first-child ,
	#background #feature-area25 .feature-contents25 .panel-set > p:last-child ,
	#background #feature-area25 .feature-contents25 .panel-set > dl:last-child {
		padding: 0 1em;
	}
}

/*-------------------------------------------------------------------------*/
#background #feature-area25 .feature-contents25 .panel-set > figure figcaption {
	padding: 1.5em 0.5em 0;
	position: static;
	width: 100%;
	height: auto;
	font-family: var(--spf-titl);
	font-size: 1em;
	text-align: left;
	font-weight: 500;
}
#background #feature-area25 .feature-contents25 .panel-set > figure figcaption strong {
	display: block;
	font-size: 1.25em;
	margin-bottom: 0.5em;
}
#background #feature-area25 .feature-contents25 .panel-set > dl dt {
	font-size: 1.125em;
}
#background #feature-area25 .feature-contents25 .panel-set > dl dd {
	font-size: 0.875em;
}
#background #feature-area25 .feature-contents25 .panel-set > dl dt a {
	font-size: 0.777em;
	line-height: 1.4em;
}
#background #feature-area25 .feature-contents25 .panel-set .exlink {
	padding-right: 2em;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background #feature-area25 .feature-contents25 .panel-set > figure figcaption {
		padding: 1em 1em 0;
		font-size: 0.875em;
	}
	#background #feature-area25 .feature-contents25 .panel-set > dl dt {
		font-size: 1em;
	}
}

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

  設定　ここから

===========================================================================*/
/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}
/*--------------------------------------------------------------------------
  設定　ここから
---------------------------------------------------------------------------*/

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

/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}