@charset "UTF-8";
/* ==============================================
 * ガゴメ昆布を選ぶ理由
 * ============================================== */

/* ==============================================
 * 基本レイアウト
 * ============================================== */
/* 共通スタイル(PC/SP共通) */

:root {
	font-size: 10px;
}
.sp-only {
	display: none;
}
html[data-browse-mode="S"] .sp-only {
	display: block;
}

.pc-only {
	display: block;
}
html[data-browse-mode="S"] .pc-only {
	display: none;
}

html[data-browse-mode="P"] .tmpl-wrap,
html[data-browse-mode="S"] .tmpl-wrap {
	background: #f9f9f9;
}

html[data-browse-mode="P"] .tmpl-container-special-gagome figure,
html[data-browse-mode="P"] .tmpl-container-special-gagome img,
html[data-browse-mode="S"] .tmpl-container-special-gagome figure,
html[data-browse-mode="S"] .tmpl-container-special-gagome img {
	max-width: 100%;
	height: auto;
}

/* PC */
html[data-browse-mode="P"] .tmpl-h1 {
	text-align: left;
	font-weight: bold;
	font-size: 40px;
	margin: 60px 0;
}

html[data-browse-mode="P"] .tmpl-container-special-gagome {
	width: 100%;
	padding: 0;
	padding-bottom: 150px;
	margin-bottom: 0;
	background: #fff;
}

/* SP */
html[data-browse-mode="S"] .tmpl-h1 {
	text-align: left;
	font-weight: bold;
	font-size: 2.3rem;
	margin: 3rem 0;
}

html[data-browse-mode="S"] .tmpl-container-special-gagome {
	width: 100%;
	padding: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	background: #fff;
	font-size: 1.4rem;
}

/* ==============================================
 * ヒーロー
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-hero {
	position: relative;
	overflow: hidden;
}

html[data-browse-mode="P"] .tmpl-special-gagome-hero picture,
html[data-browse-mode="P"] .tmpl-special-gagome-hero img {
	width: 100%;
	max-width: 100%;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-hero {
	position: relative;
	overflow: hidden;
}

html[data-browse-mode="S"] .tmpl-special-gagome-hero picture,
html[data-browse-mode="S"] .tmpl-special-gagome-hero img {
	width: 100%;
	max-width: 100%;
}

/* ==============================================
 * リード
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-lead {
	padding: 110px 0 100px;
	background-color: #e3eae2;
}
html[data-browse-mode="P"] .justify-content-center {
	max-width: 750px;
	margin: 0 auto;
}
html[data-browse-mode="P"] .tmpl-special-gagome-lead-title {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 31px;
	font-weight: bold;
	line-height: 46px;
	text-align: left;
	background: transparent;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-text {
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 19px;
	line-height: 34px;
	text-align: left;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor {
	margin: 50px 0 0;
	padding: 0;
	list-style: none;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	list-style: none;
	text-align: left;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor li + li {
	margin-top: 20px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor li a {
	display: block;
	padding: 16px 26px 12px;
	border-radius: 10px;
	background-color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor li a:hover {
	opacity: 0.6;
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-anchor li:after {
	position: absolute;
	top: 0;
	right: 24px;
	bottom: 0;
	width: 18px;
	height: 14px;
	margin: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2215.904%22%20viewBox%3D%220%200%2012.021%2015.904%22%20width%3D%2212.021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23326538%22%3E%3Cpath%20d%3D%22m1055.523%20564.742h15%22%20transform%3D%22matrix(0%201%20-1%200%20570.959%20-1055.523)%22%2F%3E%3Cpath%20d%3D%22m0%200v8h8%22%20transform%3D%22matrix(.70710678%20-.70710678%20.70710678%20.70710678%20.353%209.54)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

html[data-browse-mode="P"] .tmpl-special-gagome-lead-num {
	margin-right: 20px;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-lead {
	padding: 4.5rem 2.5rem 6rem;
	background-color: #e3eae2;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-title {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 3rem;
	text-align: center;
	background: transparent;
	padding: 0;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-text {
	margin-top: 4rem;
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 2.4rem;
	text-align: left;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-anchor {
	margin: 3rem auto 0;
	padding: 0;
	list-style: none;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-anchor li {
	position: relative;
	margin: 0 auto;
	padding: 0;
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1;
	list-style: none;
	text-align: left;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-anchor li + li {
	margin-top: 1.2rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-anchor li a {
	display: block;
	padding: 1.8rem 2rem;
	border-radius: 1rem;
	background-color: #fff;
	text-decoration: none;
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-anchor li:after {
	position: absolute;
	top: 0;
	right: 2.4rem;
	bottom: 0;
	width: 1.8rem;
	height: 1.4rem;
	margin: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2215.904%22%20viewBox%3D%220%200%2012.021%2015.904%22%20width%3D%2212.021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23326538%22%3E%3Cpath%20d%3D%22m1055.523%20564.742h15%22%20transform%3D%22matrix(0%201%20-1%200%20570.959%20-1055.523)%22%2F%3E%3Cpath%20d%3D%22m0%200v8h8%22%20transform%3D%22matrix(.70710678%20-.70710678%20.70710678%20.70710678%20.353%209.54)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

html[data-browse-mode="S"] .tmpl-special-gagome-lead-num {
	margin-right: 1.2rem;
}

/* ==============================================
 * ブロックヘッダー共通
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-block-head {
	display: flex;
	align-items: flex-start;
	max-width: 1110px;
	margin: 130px auto 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-figure {
	flex: 0 0 auto;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-figure img {
	width: 100%;
	height: auto;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-title-wrap {
	position: relative;
	flex: 1 1 auto;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-title {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 41px;
	font-weight: bold;
	line-height: 20px;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-num {
	position: absolute;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head-bg {
	display: inline-block;
	padding: 20px 15px;
	background-color: #e3eae2;
}
html[data-browse-mode="P"] #tmpl-special-gagome-block02 .tmpl-special-gagome-block-head-bg {
	padding: 20px 0;
}
html[data-browse-mode="P"] #tmpl-special-gagome-block02 .tmpl-special-gagome-block-head-bg:last-child {
	padding: 20px 15px 20px 0;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-block-head {
	padding: 0 2.5rem;
	margin-top: 4rem;
}

html[data-browse-mode="S"] #tmpl-special-gagome-block02 .tmpl-special-gagome-block-head {
	padding: 0;
	margin-top: 0;
}

html[data-browse-mode="S"] #tmpl-special-gagome-block03 .tmpl-special-gagome-block-head {
	margin-top: 0;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-figure img {
	width: 100%;
	height: auto;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-title-wrap {
	position: relative;
	margin: -5.5rem auto 2rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-title {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 0;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-num {
	position: absolute;
	bottom: 0;
	height: 5.6rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-num img {
	width: auto !important;
	height: 100% !important;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-bg {
	display: inline-block;
	padding: 2rem 0.7rem;
	background-color: #e3eae2;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head-bg:last-of-type {
	margin-top: -0.5rem;
}

/* ==============================================
 * ブロック1ヘッダー
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 {
	flex-direction: row-reverse;
	position: relative;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 .d-md-flex {
	display: flex;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 .tmpl-special-gagome-block-head-figure {
	width: 72.22%;
	order: 2;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 .tmpl-special-gagome-block-head-title-wrap {
	display: flex;
	align-items: center;
	width: calc(100% - 72.22%);
	padding-left: 70px;
	order: 1;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 .tmpl-special-gagome-block-head-title {
	position: absolute;
	bottom: 100px;
	left: 70px;
	display: block;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head1 .tmpl-special-gagome-block-head-num {
	top: -160px;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-block-head1 .tmpl-special-gagome-block-head-num {
	right: 2.5rem;
	height: 5.6rem;
}

/* ==============================================
 * ブロック2ヘッダー
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-block-head2 {
	flex-direction: column;
	max-width: 100%;
	overflow: hidden;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head2 .tmpl-special-gagome-block-head-figure {
	width: 100%;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head2 .tmpl-special-gagome-block-head-title-wrap {
	width: 1080px;
	margin: -50px auto 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head2 .tmpl-special-gagome-block-head-num {
	display: inline-block;
	position: static;
	margin-right: 75px;
}

/* SP */
html[data-browse-mode="S"] #tmpl-special-gagome-block02 .tmpl-special-gagome-block-head-title-wrap {
	width: calc(100% - 50px);
	margin: -55px auto 20px;
}
html[data-browse-mode="S"] .tmpl-special-gagome-block-head2 .tmpl-special-gagome-block-head-title {
	padding-left: 7rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head2 .tmpl-special-gagome-block-head-num {
	left: 0;
	height: 5.6rem;
}

/* ==============================================
 * ブロック3ヘッダー
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-block-head3 {
	flex-direction: row;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-figure {
	width: 72.22%;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-title-wrap {
	display: flex;
	align-items: center;
	width: calc(100% - 72.22%);
	padding-left: 70px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-title {
	position: absolute;
	top: 100px;
	right: 0;
	display: inline-block;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-num {
	top: 150px;
	right: 10px;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-figure {
	width: calc(100% - 2rem);
	margin-left: auto;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-title-wrap {
	margin-top: -2.5rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-title {
	padding-bottom: 2.5rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-block-head3 .tmpl-special-gagome-block-head-num {
	right: 2rem;
	height: 5.8rem;
}

/* ==============================================
 * コンテンツ
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
html[data-browse-mode="P"] #tmpl-special-gagome-block02 .row {
	margin: 0;
}
html[data-browse-mode="P"] .tmpl-special-gagome-content {
	display: flex;
	align-items: flex-start;
	max-width: 1110px;
	margin: 130px auto 0;
	padding: 0 30px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-text {
	display: flex;
	flex: 0 1 55.56%;
	order: 1;
	padding: 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-text.col {
	padding: 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-text dl {
	padding: 0 0 0 30px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-figure {
	flex: 0 1 44.44%;
	order: 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-figure img {
	width: 100%;
	height: auto;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content dl {
	margin: 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content dt {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 31px;
	font-weight: bold;
	line-height: 56px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content dt span {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8'%3E%3Cline x1='0' y1='4' x2='100' y2='4' stroke='%23326538' stroke-width='2'/%3E%3C/svg%3E");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: auto 8px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content dd {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 17px;
	line-height: 32px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content dd sup {
	font-size: 10px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-note {
	display: block;
	margin-top: 15px;
	color: #777;
	font-size: 14px;
	line-height: 22px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-content {
	padding-bottom: 6rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content-text {
	padding: 2rem 2.5rem;
}

html[data-browse-mode="S"] #tmpl-special-gagome-block02 .tmpl-special-gagome-content-text {
	padding: 2rem 2.5rem 3.5rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content-figure {
	padding: 0 2.5rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content-figure img {
	width: 100%;
	height: auto;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content dl {
	margin: 0;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content dt {
	color: #326538;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 3.6rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content dt span {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8'%3E%3Cline x1='0' y1='4' x2='100' y2='4' stroke='%23326538' stroke-width='2'/%3E%3C/svg%3E");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: auto 0.8rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content dd {
	margin-top: 2rem;
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 3.2rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content-note {
	display: block;
	margin-top: 1.5rem;
	color: #777;
	font-size: 1.3rem;
	line-height: 2rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-content-indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* ==============================================
 * コンテンツ - リバース（左右反転）
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-content-reverse .tmpl-special-gagome-content-text {
	order: 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-reverse .tmpl-special-gagome-content-text dl {
	padding: 0 30px 0 0;
}

html[data-browse-mode="P"] .tmpl-special-gagome-content-reverse .tmpl-special-gagome-content-figure {
	order: 1;
}

/* ==============================================
 * ブロック2 最初のコンテンツ（幅が異なる）
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-block2 .tmpl-special-gagome-content:first-of-type .tmpl-special-gagome-content-text {
	flex: 0 1 42.35%;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block2 .tmpl-special-gagome-content:first-of-type .tmpl-special-gagome-content-text dl {
	padding: 0 0 0 30px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-block2 .tmpl-special-gagome-content:first-of-type .tmpl-special-gagome-content-figure {
	flex: 0 1 57.65%;
}

/* ==============================================
 * フッターリード
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-footer-lead {
	margin-top: 180px;
	padding: 90px 30px 170px;
	background-color: #326538;
	color: #fff;
	text-align: center;
}

html[data-browse-mode="P"] .tmpl-special-gagome-footer-lead-title {
	margin: 0 auto;
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 31px;
	font-weight: bold;
	line-height: 56px;
	color: #fff;
}

html[data-browse-mode="P"] .tmpl-special-gagome-footer-lead-text {
	max-width: 740px;
	margin: 40px auto 0;
	font-size: 17px;
	line-height: 34px;
	text-align: left;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-footer-lead {
	padding: 5rem;
	background-color: #326538;
	color: #fff;
	text-align: left;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-lead-title {
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-lead .tmpl-special-gagome-footer-lead-title {
	color: #fff;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-lead-text {
	margin-top: 2rem;
	font-size: 1.6rem;
	line-height: 2.9rem;
}

/* ==============================================
 * フッターシリーズ
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-footer-series {
	max-width: 750px;
	margin: 0 auto;
	padding: 110px 0 60px;
	background-color: #fff;
}

html[data-browse-mode="P"] .tmpl-special-gagome-footer-series-title {
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
}

html[data-browse-mode="P"] .tmpl-special-gagome-footer-series-figure {
	margin-top: 40px;
}

html[data-browse-mode="P"] .tmpl-special-gagome-footer-series-figure img {
	width: 100%;
	height: auto;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-footer-series {
	padding: 5rem 2.5rem 1rem;
	background-color: #fff;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-series-title {
	font-family: "TazuganeInfoStdN-Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.7rem;
	text-align: center;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-series-figure {
	margin-top: 4rem;
}

html[data-browse-mode="S"] .tmpl-special-gagome-footer-series-figure img {
	width: 100%;
	height: auto;
}

/* ==============================================
 * フッターボタン
 * ============================================== */
/* PC */
html[data-browse-mode="P"] .tmpl-special-gagome-footer-button {
	width: 400px;
	max-width: 400px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

html[data-browse-mode="P"] .tmpl-special-gagome-button {
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
	background-color: var(--color-red);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.3s;
}

html[data-browse-mode="P"] .tmpl-special-gagome-button:hover {
	opacity: 0.8;
}

/* SP */
html[data-browse-mode="S"] .tmpl-special-gagome-footer-button {
	padding: 0 2.5rem 0;
	text-align: center;
}

html[data-browse-mode="S"] .tmpl-special-gagome-button {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 1.6rem 3rem;
	background-color: var(--color-red);
	color: #fff;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 0.4rem;
	margin-top: 1.5rem;
}

/* ==============================================
 * 992px以上の追加調整
 * ============================================== */
@media screen and (min-width: 992px) {
	html[data-browse-mode="P"] .tmpl-special-gagome-content-reverse .tmpl-special-gagome-content-text dl {
		padding: 0 60px 0 0;
	}

	html[data-browse-mode="P"] .tmpl-special-gagome-block2 .tmpl-special-gagome-content:first-of-type .tmpl-special-gagome-content-text dl {
		padding: 0 0 0 80px;
	}

	html[data-browse-mode="P"] .tmpl-special-gagome-content-text dl {
		padding: 0 0 0 60px;
	}
}

/* ==============================================
 * 画像サイズ調整（PNG対応）
 * ============================================== */
/* PC */
/* リードアンカーの番号画像 */
html[data-browse-mode="P"] .tmpl-special-gagome-lead-num img {
	height: 24px;
	width: auto;
}

/* ブロックヘッダーの番号画像 */
html[data-browse-mode="P"] .tmpl-special-gagome-block-head-num img {
	height: 96.69px;
	width: auto;
}

/* SP */
/* リードアンカーの番号画像 */
html[data-browse-mode="S"] .tmpl-special-gagome-lead-num img {
	height: 1.8rem;
	width: auto;
}

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

 LP用 汎用エフェクト

 ---------------------------------------------------------------------------------- */
.js-scroll-fadeIn.js-effect-active {
	animation: fadein 0.8s forwards;
}

.js-initial-fadeIn.js-effect-active {
	animation: initial-fadein 0.9s 0.3s forwards;
}

.js-scroll-fadeInUp.js-effect-active {
	animation: fadeinup 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.js-initial-fadeIn,
.js-scroll-fadeIn,
.js-scroll-fadeInUp {
	opacity: 0;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes initial-fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeinup {
	0% {
		transform: translate3d(0, 10px, 0);
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}