@charset "UTF-8";

/*
■ リセット
■ 共通
■ 領域・背景・文字色

■ KV
■ Introduction
■ Nav
■ Item
■ About
■ Copyright
■ アニメーション

■ フッター
*/



/* ■ リセット ==================================================================================== */

body { min-width: 320px; margin: 0; padding: 0; }

#Feature_ div, #Feature_ section { margin: 0; color: inherit; word-break: normal; }
#Feature_ h1, #Feature_ h2, #Feature_ h3, #Feature_ h4, #Feature_ h5, #Feature_ p { margin: 0; padding: 0; letter-spacing: inherit; color: inherit; word-break: normal; }
#Feature_ dl, #Feature_ dt, #Feature_ dd { margin: 0; padding: 0; color: inherit; word-break: normal; }
#Feature_ *, #Feature_ *:before, #Feature_ *:after, #Feature_ *::before, #Feature_ *::after { box-sizing: border-box; }
#Feature_ *:focus { outline: none; }
#Feature_ figure, #Feature_ img, #Feature_ picture,#Feature_ video, #Feature_ canvas, #Feature_ svg { display: block; max-width: 100%; height: auto; border: none; vertical-align: bottom; }
#Feature_ form { margin: 0; padding: 0; }
#Feature_ ul { margin: 0; padding: 0; }
#Feature_ li { list-style-type: none; }
#Feature_ table { width: 100%; border-collapse: collapse; border-spacing: 0; }
#Feature_ strong, #Feature_ em { font-style: normal; }
#Feature_ input, #Feature_ select, #Feature_ textarea, #Feature_ button { border-style: none; font-size: inherit; }
#Feature_ button { cursor: pointer; }
#Feature_ h2 { border: none; }

#Feature_ a:link {
text-decoration: none;
}

#Feature_ a:active {
text-decoration: none;
}

#Feature_ a:visited {
text-decoration: none;
}

#Feature_ a:hover {
text-decoration: none;
}

/* ページ管理用 --------------------------------------------------- */

.pane-contents {
margin-bottom: 0;
padding-bottom: 0;
}

body.page-page .pane-contents {
letter-spacing: inherit;
}

.pane-contents .container {
display: block;
padding-bottom: 0;
}

.pane-main {
margin-bottom: 0;
}

.block-page-freespace--caption {
margin-bottom: 0;
padding-top: 0;
}

.block-page-block--frame {
margin-bottom: 0;
padding: 0;
}

.block-page-block--contents {
display: block;
max-width: 100%;
}

.block-page-block--contents-text {
padding: 0;
}

.block-page-block--contents-body-text-1column {
width: 100%;
margin: 0;
}

.block-page-block--contents-body-text-1column div {
padding: 0;
}

.block-page-block--contents-body-text-1column a:not([class]) {
letter-spacing: normal;
}

.block-page-block--contents-body-text-1column img {
margin-inline: initial;
}

.block-page-block--contents-body-text-1column img:not(:first-child) {
margin-top: 0;
}

.block-page-freespace--caption img,
.block-pagecategory-freespace--top img,
.block-pagecategory-freespace--bottom img,
.block-page-block--frame img {
border-radius: inherit;
}

/* JSのZoom処理をリセット */
#Feature_ {
zoom: var(--body-reset-zoom); 
}

@media only screen and (max-width: 767px) {

	/* パンくず調整 */
	.block-topic-path {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	}

}




/* ■ 共通 ==================================================================================== */

/*
フォント
汎用
変数
*/


/* フォント --------------------------------------------------- */

#Feature_ * {
font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 400;
font-style: normal;
}

#Feature_ .WF1,
#Feature_ .WF1 * {
font-family: comic-sans-ms, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.075em;
}


/* 汎用 --------------------------------------------------- */

#Feature_ .NoWrap {
white-space: nowrap;
}

@media only screen and (max-width: 767px) {

	#Feature_ .PC {
	display: none;
	}

	#Feature_ .NoWrap_SP {
	white-space: nowrap;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .SP {
	display: none;
	}

	#Feature_ .NoWrap_PC {
	white-space: nowrap;
	}

}

@media (hover: hover) {

	#Feature_ a {
	transition: color 0.2s ease 0.01s, background-color 0.2s ease 0.01s, opacity 0.2s ease 0.01s;
	}

	#Feature_ a:hover {
	opacity: 0.7;
	}

}

/* 非アクティブ */
#Feature_ a.Disabled, 
#Feature_ a.Disabled * {
pointer-events: none;
}

#Feature_ .Disabled:hover {
opacity: 1;
}


/* 変数 --------------------------------------------------- */

:root {
--c-1: #f7e158;
--c-2: #231815;
--c-3: #f6f6f4;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}



/* ■ 領域・背景・文字色（※変数指定不可） ==================================================================================== */


body {
min-width: 1200px;
}


#Feature_ {
width: 100%;
color: #000;
background-color: #fff;
}

@media only screen and (max-width: 767px) {


	body {
	min-width: 320px;
	}


}

@media print, screen and (min-width: 768px) {

}



/* ■ KV ==================================================================================== */

#Feature_ .KV_ {
display: flex;
justify-content: center;
background-color: var(--c-1);
}

#Feature_ .KV_Logo {
opacity: 0;
animation-name: fadeIn;
animation-duration: 1.5s;
animation-delay: 0.5s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {

	#Feature_ .KV_ {
	padding: 68% 60px;
	}

	#Feature_ .KV_Logo {
	width: 280px;
	margin-left: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .KV_ {
	padding: 15% 60px;
	}

	#Feature_ .KV_Logo {
	width: 780px;
	margin-left: 40px;
	}

}



/* ■ Introduction ==================================================================================== */

#Feature_ .Introduction_ {
background-color: var(--c-1);
}

#Feature_ .Introduction_Wrap {
background:
url("../img/Introduction_Box_Lower.png") center bottom / contain no-repeat,
url("../img/Introduction_Box_Upper.png") center top / cover no-repeat;
}

#Feature_ .Introduction_Mds {
font-weight: 500;
text-align: center;
}

#Feature_ .Introduction_Lead {
font-weight: 500;
}

#Feature_ .Introduction_Wrap {
opacity: 0;
transform: translateY(100px);
animation: Anim_Up 1.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes Anim_Up {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (max-width: 767px) {

	#Feature_ .Introduction_ {
	padding: 0 30px;
	}

	#Feature_ .Introduction_Inner {
	padding: 40px 30px 50px;
	}

	#Feature_ .Introduction_Mds {
	margin-bottom: 30px;
	font-size: 22px;
	}

	#Feature_ .Introduction_Lead {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.8;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Introduction_ {
	padding: 0 60px;
	}

	#Feature_ .Introduction_Wrap {
	max-width: 890px;
	margin: 0 auto;
	}

	#Feature_ .Introduction_Inner {
	padding: 65px 80px 80px;
	}

	#Feature_ .Introduction_Mds {
	margin-bottom: 40px;
	font-size: 30px;
	}

	#Feature_ .Introduction_Lead {
	margin-top: 30px;
	font-size: 20px;
	line-height: 2;
	text-align: center;
	}

}


/* ■ Nav ==================================================================================== */

#Feature_ .Nav_ {
background: var(--c-1) url("../img/Boundary_1.png") center bottom / contain no-repeat;
}

#Feature_ .Nav_List {
display: flex;
justify-content: center;
}

#Feature_ .Nav_List a {
display: inline-block;
border-radius: 100vh;
text-align: center;
color: #fff;
background-color: var(--c-2);
}

@media only screen and (max-width: 767px) {

	#Feature_ .Nav_ {
	padding: 50px 30px 50px;
	}

	#Feature_ .Nav_List {
	gap: 15px;
	}

	#Feature_ .Nav_List a {
	width: 140px;
	padding: 8px 0 10px;
	font-size: 14px;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Nav_ {
	padding: 130px 60px 150px;
	}

	#Feature_ .Nav_List {
	gap: 60px;
	}

	#Feature_ .Nav_List a {
	width: 356px;
	padding: 12px 0 14px;
	border: 6px solid var(--c-2);
	font-size: 33px;
	}

}

@media (hover: hover) {

	#Feature_ .Nav_List a {
	transition: color 0.4s ease 0.01s, background-color 0.5s ease 0.01s;
	}

	#Feature_ .Nav_List a:hover {
	color: var(--c-2);
	background-color: #fff;
	opacity: 1;
	}

}



/* ■ Item ==================================================================================== */

/*
Base
アイテム
Item_All
*/


/* Base --------------------------------------------------- */

#Feature_ #Item_Snoopy {
background: #fff url("../img/Boundary_2.png") center bottom / contain no-repeat;
}

#Feature_ #Item_WoodStock {
background-color: var(--c-1);
}

/* Mds */
#Feature_ .Item_Mds {
font-weight: 600;
text-align: center;
}

#Feature_ .Item_Mds_En {
display: flex;
justify-content: center;
}

/* Lead */
#Feature_ .Item_Lead {
font-weight: 600;
text-align: center;
}

/* Btn */
#Feature_ .Item_Link_Btn {
display: inline-block;
position: relative;
}

@media only screen and (max-width: 767px) {

	#Feature_ #Item_Snoopy {
	padding: 40px 30px 60px;
	}

	#Feature_ #Item_WoodStock {
	padding: 40px 30px 0;
	}

	/* Mds */
	#Feature_ .Item_Mds {
	font-size: 14px;
	}

	#Feature_ .Item_Mds_En {
	margin-top: 5px;
	}

	#Feature_ .Item_Mds_En img {
	height: 34px;
	}

	/* Lead */
	#Feature_ .Item_Lead {
	margin-top: 30px;
	font-size: 14px;
	line-height: 1.8;
	}

	/* Btn */
	#Feature_ .Item_Link_Btn {
	width: 50px;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ #Item_Snoopy {
	padding: 100px 60px 180px;
	}

	#Feature_ #Item_WoodStock {
	padding: 100px 60px 0;
	}

	/* Mds */
	#Feature_ .Item_Mds {
	font-size: 20px;
	}

	#Feature_ .Item_Mds_En {
	margin-top: 10px;
	}

	#Feature_ .Item_Mds_En img {
	height: 84px;
	}

	/* Lead */
	#Feature_ .Item_Lead {
	margin-top: 50px;
	font-size: 20px;
	line-height: 1.8;
	}

	/* Btn */
	#Feature_ .Item_Link_Btn {
	width: 70px;
	}

}

@media (hover: hover) {

	/* Btn */
	#Feature_ .Item_Link_Btn::after {
	position: absolute;
	inset: 0;
	background: url(../img/Btn_Cart_On.png) no-repeat center;
	background-size: contain;
	opacity: 0;
	transition: all 0.3s ease-in-out 0.01s;
	content: "";
	}

	#Feature_ .Item_Credit_Inner:hover .Item_Link_Btn::after {
	opacity: 1;
	}

}


/* アイテム --------------------------------------------------- */

#Feature_ .Item_ {
overflow: hidden;
}

#Feature_ .Item_Each img {
width: 100%;
}

#Feature_ .Item_Credit_Inner {
display: block;
color: #000;
}

#Feature_ .Item_Price {
font-weight: 400;
}

@media only screen and (max-width: 767px) {

	#Feature_ .Item_Each {
	margin-top: 60px;
	}

	#Feature_ .Item_Each:first-of-type {
	margin-top: 40px;
	}

	#Feature_ .Item_Photo_Sub {
	margin-top: 5px;
	}

	#Feature_ .Item_Credit {
	margin-top: 20px;
	}

	#Feature_ .Item_Name {
	font-size: 18px;
	line-height: 1.4;
	}

	#Feature_ .Item_PriceLink {
	display: flex;
	margin-top: 10px;
	}

	#Feature_ .Item_Link {
	margin-left: auto;
	margin-top: -30px;
	padding-right: 10px;
	}

	#Feature_ #Item_Snoopy .Item_Each_Type4 .Item_Link {
	margin-top: 0;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type3 .Item_Link {
	margin-top: -10px;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type4 .Item_Link {
	margin-top: 0;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Item_Each {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	}

	#Feature_ .Item_Credit_Inner {
	width: fit-content;
	}

	#Feature_ .Item_Name {
	font-size: 24px;
	line-height: 1.2;
	}

	#Feature_ .Item_PriceLink {
	display: flex;
	margin-top: 10px;
	}

	#Feature_ .Item_Price {
	font-size: 19px;
	}

	#Feature_ .Item_Link {
	margin-left: auto;
	}

	/* Type1 */
	#Feature_ .Item_Each_Type1 {
	margin-top: 80px;
	}

	#Feature_ .Item_Each_Type1 .Item_Photo_Main {
	padding-left: 40px;
	padding-right: 100px;
	}

	#Feature_ .Item_Each_Type1 .Item_Detail {
	display: flex;
	align-items: flex-end;
	margin-top: -60px;
	padding: 0 40px;
	}

	#Feature_ .Item_Each_Type1 .Item_Photo_Sub {
	order: 2;
	width: 43%;
	}

	#Feature_ .Item_Each_Type1 .Item_Credit {
	width: 57%;
	margin-right: auto;
	padding-left: 10px;
	padding-bottom: 20px;
	}

	/* Type2 */
	#Feature_ .Item_Each_Type2 {
	margin-top: 80px;
	}

	#Feature_ .Item_Each_Type2 .Item_Photo_Main {
	padding-left: 100px;
	padding-right: 40px;
	}

	#Feature_ .Item_Each_Type2 .Item_Detail {
	display: flex;
	align-items: flex-end;
	margin-top: -80px;
	padding: 0 40px;
	}

	#Feature_ .Item_Each_Type2 .Item_Photo_Sub {
	width: 43%;
	}

	#Feature_ .Item_Each_Type2 .Item_Credit {
	display: flex;
	justify-content: flex-end;
	width: 57%;
	padding-right: 10px;
	padding-bottom: 30px;
	}

	/* Type3 */
	#Feature_ .Item_Each_Type3 {
	display: flex;
	margin-top: 100px;
	padding-left: 35px;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type3 {
	margin-top: 130px;
	}

	#Feature_ .Item_Each_Type3 .Item_Photo_Main {
	width: 58%;
	}

	#Feature_ .Item_Each_Type3 .Item_Detail {
	display: flex;
	align-items: flex-end;
	flex-flow: column;
	width: 42%;
	margin-left: -40px;
	margin-top: -30px;
	}

	#Feature_ .Item_Each_Type3 .Item_Credit {
	margin-top: 90px;
	padding-right: 10px;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type3 .Item_Credit {
	margin-right: -40px;	
	}

	/* Type4 */
	#Feature_ .Item_Each_Type4 {
	display: flex;
	margin-top: 60px;
	padding-left: 35px;
	}

	#Feature_ .Item_Each_Type4 .Item_Photo_Main {
	order: 2;
	width: 58%;
	}

	#Feature_ .Item_Each_Type4 .Item_Detail {
	display: flex;
	flex-flow: column;
	position: relative;
	z-index: 2;
	width: 42%;
	margin-top: 110px;
	margin-right: -40px;
	}

	#Feature_ .Item_Each_Type4 .Item_Credit {
	margin-top: 80px;
	padding-left: 10px;
	}

	/* Type5 */
	#Feature_ .Item_Each_Type5 {
	display: flex;
	margin-top: 60px;
	padding-left: 30px;
	}

	#Feature_ .Item_Each_Type5 .Item_Photo_Main {
	width: 58%;
	}

	#Feature_ .Item_Each_Type5 .Item_Detail {
	display: flex;
	flex-flow: column;
	width: 42%;
	margin-left: -40px;
	margin-top: -30px;
	}

	#Feature_ .Item_Each_Type5 .Item_Credit {
	margin-left: 70px;
	margin-top: 90px;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type5 .Item_Detail {
	align-items: flex-end;
	}

	#Feature_ #Item_WoodStock .Item_Each_Type5 .Item_Credit {
	margin-left: 0;
	}

}

@media (hover: hover) {

	#Feature_ .Item_Photo_Main a:hover,
	#Feature_ .Item_Photo_Sub a:hover,
	#Feature_ .Item_Credit_Inner:hover {
	opacity: 1;
	}

}


/* Item_All --------------------------------------------------- */

#Feature_ .Item_All_ {
display: flex;
justify-content: center;
}

#Feature_ .Item_All_Btn {
display: flex;
justify-content: center;
align-items: center;
border-radius: 100vh;
text-align: center;
color: #fff;
background-color: var(--c-2);
}

@media only screen and (max-width: 767px) {

	#Feature_ .Item_All_ {
	margin-top: 60px;
	}

	#Feature_ .Item_All_Btn {
	width: 220px;
	padding: 8px 0 10px;
	font-size: 18px;
	}

	#Feature_ .Item_All_Btn_Icon {
	width: 13px;
	transform: translateX(30px);
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Item_All_ {
	margin-top: 120px;
	}

	#Feature_ .Item_All_Btn {
	width: 386px;
	padding: 8px 0 10px;
	border: 6px solid var(--c-2);
	font-size: 33px;
	}

	#Feature_ .Item_All_Btn_Icon {
	position: relative;
	width: 24px;
	transform: translateX(45px);
	}

}

@media (hover: hover) {

	#Feature_ .Item_All_Btn {
	transition: color 0.4s ease 0.01s, background-color 0.5s ease 0.01s;
	}

	#Feature_ .Item_All_Btn:hover {
	color: var(--c-2);
	background-color: #fff;
	opacity: 1;
	}

	#Feature_ .Item_All_Btn_Icon::after {
	position: absolute;
	inset: 0;
	background: url(../img/Icon_Arrow_On.png) no-repeat center;
	background-size: contain;
	opacity: 0;
	transition: all 0.3s ease-in-out 0.01s;
	content: "";
	}

	#Feature_ .Item_All_Btn:hover .Item_All_Btn_Icon::after {
	opacity: 1;
	}

}



/* ■ About ==================================================================================== */

#Feature_ .About_ {
background-color: var(--c-1);
}

#Feature_ .About_Wrap {
background:
url("../img/About_Box_Lower.png") center bottom / contain no-repeat,
url("../img/About_Box_Upper.png") center top / cover no-repeat;
}

#Feature_ .About_Mds {
display: flex;
justify-content: center;
}

#Feature_ .About_Lead {
font-weight: 500;
}

@media only screen and (max-width: 767px) {

	#Feature_ .About_ {
	padding: 70px 30px 0;
	}

	#Feature_ .About_Inner {
	padding: 60px 30px 50px;
	}

	#Feature_ .About_Mds {
	margin-left: 10px;
	margin-bottom: 50px;
	}

	#Feature_ .About_Mds img {
	width: 220px;
	}

	#Feature_ .About_Lead {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.8;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .About_ {
	padding-top: 10%;
	}

	#Feature_ .About_Wrap {
	max-width: 890px;
	margin: 0 auto;
	}

	#Feature_ .About_Inner {
	padding: 140px 100px 130px;
	}

	#Feature_ .About_Mds {
	margin-left: 20px;
	margin-bottom: 100px;
	}

	#Feature_ .About_Mds img {
	width: 660px;
	}

	#Feature_ .About_Lead {
	margin-top: 30px;
	font-size: 20px;
	line-height: 2;
	}

}



/* ■ Copyright ==================================================================================== */

#Feature_ .Copyright_ {
text-align: center;
background: var(--c-1) url("../img/Boundary_1.png") center bottom / contain no-repeat;
}

#Feature_ .Copyright_Mds {
display: flex;
justify-content: center;
}

#Feature_ .Copyright_Lead a  {
color: #000;
}

@media only screen and (max-width: 767px) {

	#Feature_ .Copyright_ {
	padding: 50px 30px 50px;
	}

	#Feature_ .Copyright_Mds {
	margin-left: 20px;
	margin-bottom: 15px;
	}

	#Feature_ .Copyright_Mds img {
	width: 180px;
	}

	#Feature_ .Copyright_Lead {
	font-size: 12px;
	line-height: 1.5;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Copyright_ {
	padding: 80px 60px 80px;
	}

	#Feature_ .Copyright_Mds {
	margin-left: 20px;
	margin-bottom: 15px;
	}

	#Feature_ .Copyright_Mds img {
	width: 265px;
	}

	#Feature_ .Copyright_Lead {
	font-size: 16px;
	line-height: 1.5;
	}

}



/* ■ フッター ==================================================================================== */

#Feature_ .Footer_ {
background-color: #fff;
}

#Feature_ .Footer_Logo {
display: flex;
justify-content: center;
}

#Feature_ .Footer_SNS {
display: flex;
justify-content: center;
align-items: center;
}

#Feature_ .Footer_Copyright {
display: flex;
justify-content: center;
}

@media only screen and (max-width: 767px) {

	#Feature_ .Footer_ {
	padding-top: 50px;
	padding-bottom: 60px;
	}

	#Feature_ .Footer_Logo img {
	width: 120px;
	}

	#Feature_ .Footer_SNS {
	margin-top: 30px;
	}

	#Feature_ .Footer_SNS a {
	margin: 0 15px;
	}

	#Feature_ .Footer_SNS img {
	width: 26px;
	}

	#Feature_ .Footer_Copyright {
	margin-top: 30px;
	font-size: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	#Feature_ .Footer_ {
	padding-top: 100px;
	padding-bottom: 100px;
	}

	#Feature_ .Top_Wrapping_ .Footer_ {
	margin-left: -60px;
	margin-right: -60px;
	}

	#Feature_ .Footer_Logo img {
	width: 140px;
	}

	#Feature_ .Footer_SNS {
	margin-top: 30px;
	}

	#Feature_ .Footer_SNS a {
	margin: 0 15px;
	}

	#Feature_ .Footer_SNS img {
	width: 26px;
	}

	#Feature_ .Footer_Copyright {
	margin-top: 30px;
	font-size: 10px;
	}

}



/* ■ アニメーション ==================================================================================== */

/*
スピード
設定
個別調整
*/


/* スピード --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	:root {
	--a-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--a-opacity-duration: 0.7s;
	--a-transform-duration: 2.3s;
	}

}

@media print, screen and (min-width: 768px) {

	:root {
	--a-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--a-opacity-duration: 0.2s;
	--a-transform-duration: 1.5s;
	}

}


/* 設定 --------------------------------------------------- */

/* LR */
#Feature_ .a_LR_Target {
opacity: 0;
transform: translateX(-150px);
}

#Feature_ .a_LR_Active {
animation-name: LR_Opacity, LR_Transform;
animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
animation-timing-function: ease, var(--a-ease);
animation-fill-mode: forwards, forwards;
}

@keyframes LR_Opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes LR_Transform {
	0% {
		transform: translateX(-150px);
	}
	100% {
		transform: translateX(0);
	}
}

/* RL */
#Feature_ .a_RL_Target {
opacity: 0;
transform: translateX(150px);
}

#Feature_ .a_RL_Active {
animation-name: RL_Opacity, RL_Transform;
animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
animation-timing-function: ease, var(--a-ease);
animation-fill-mode: forwards, forwards;
}

@keyframes RL_Opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes RL_Transform {
	0% {
		transform: translateX(150px);
	}
	100% {
		transform: translateX(0);
	}
}

/* Print */
@media print {

	#Feature_ .a_LR_Target,
	#Feature_ .a_RL_Target {
	transform: translateX(0);
	opacity: 1;
	}

}

@media only screen and (max-width: 767px) {

	/* LR */
	#Feature_ .a_LR_Target_SP {
	opacity: 0;
	transform: translateX(-150px);
	}
	
	#Feature_ .a_LR_Active_SP {
	animation-name: LR_Opacity_SP, LR_Transform_SP;
	animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
	animation-timing-function: ease, var(--a-ease);
	animation-fill-mode: forwards, forwards;
	}
	
	@keyframes LR_Opacity_SP {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	@keyframes LR_Transform_SP {
		0% {
			transform: translateX(-150px);
		}
		100% {
			transform: translateX(0);
		}
	}
	
	/* RL */
	#Feature_ .a_RL_Target_SP {
	opacity: 0;
	transform: translateX(150px);
	}
	
	#Feature_ .a_RL_Active_SP {
	animation-name: RL_Opacity_SP, RL_Transform_SP;
	animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
	animation-timing-function: ease, var(--a-ease);
	animation-fill-mode: forwards, forwards;
	}
	
	@keyframes RL_Opacity_SP {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	@keyframes RL_Transform_SP {
		0% {
			transform: translateX(150px);
		}
		100% {
			transform: translateX(0);
		}
	}
	
	/* Print */
	@media print {
	
		#Feature_ .a_LR_Target_SP,
		#Feature_ .a_RL_Target_SP {
		transform: translateX(0);
		opacity: 1;
		}
	
	}

}

@media print, screen and (min-width: 768px) {

	/* LR */
	#Feature_ .a_LR_Target_PC {
	opacity: 0;
	transform: translateX(-150px);
	}
	
	#Feature_ .a_LR_Active_PC {
	animation-name: LR_Opacity_PC, LR_Transform_PC;
	animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
	animation-timing-function: ease, var(--a-ease);
	animation-fill-mode: forwards, forwards;
	}
	
	@keyframes LR_Opacity_PC {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	@keyframes LR_Transform_PC {
		0% {
			transform: translateX(-150px);
		}
		100% {
			transform: translateX(0);
		}
	}
	
	/* RL */
	#Feature_ .a_RL_Target_PC {
	opacity: 0;
	transform: translateX(150px);
	}
	
	#Feature_ .a_RL_Active_PC {
	animation-name: RL_Opacity_PC, RL_Transform_PC;
	animation-duration: var(--a-opacity-duration), var(--a-transform-duration);
	animation-timing-function: ease, var(--a-ease);
	animation-fill-mode: forwards, forwards;
	}
	
	@keyframes RL_Opacity_PC {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	@keyframes RL_Transform_PC {
		0% {
			transform: translateX(150px);
		}
		100% {
			transform: translateX(0);
		}
	}
	
	/* Print */
	@media print {
	
		#Feature_ .a_LR_Target_PC,
		#Feature_ .a_RL_Target_PC {
		transform: translateX(0);
		opacity: 1;
		}
	
	}

}


/* 個別調整 --------------------------------------------------- */

/* animation-delay */
.a_Delay_01 { animation-delay: 0.1s; }
.a_Delay_02 { animation-delay: 0.2s; }
.a_Delay_03 { animation-delay: 0.3s; }
.a_Delay_04 { animation-delay: 0.4s; }
.a_Delay_05 { animation-delay: 0.5s; }
.a_Delay_06 { animation-delay: 0.6s; }
.a_Delay_07 { animation-delay: 0.7s; }
.a_Delay_08 { animation-delay: 0.8s; }
.a_Delay_09 { animation-delay: 0.9s; }
.a_Delay_10 { animation-delay: 1.0s; }
.a_Delay_11 { animation-delay: 1.1s; }
.a_Delay_12 { animation-delay: 1.2s; }
.a_Delay_13 { animation-delay: 1.3s; }
.a_Delay_14 { animation-delay: 1.4s; }
.a_Delay_15 { animation-delay: 1.5s; }
.a_Delay_16 { animation-delay: 1.6s; }
.a_Delay_17 { animation-delay: 1.7s; }
.a_Delay_18 { animation-delay: 1.8s; }
.a_Delay_19 { animation-delay: 1.9s; }
.a_Delay_20 { animation-delay: 2.0s; }

@media only screen and (max-width: 767px) {

	/* animation-delay */
	.a_Delay_01_SP { animation-delay: 0.1s; }
	.a_Delay_02_SP { animation-delay: 0.2s; }
	.a_Delay_03_SP { animation-delay: 0.3s; }
	.a_Delay_04_SP { animation-delay: 0.4s; }
	.a_Delay_05_SP { animation-delay: 0.5s; }
	.a_Delay_06_SP { animation-delay: 0.6s; }
	.a_Delay_07_SP { animation-delay: 0.7s; }
	.a_Delay_08_SP { animation-delay: 0.8s; }
	.a_Delay_09_SP { animation-delay: 0.9s; }
	.a_Delay_10_SP { animation-delay: 1.0s; }
	.a_Delay_11_SP { animation-delay: 1.1s; }
	.a_Delay_12_SP { animation-delay: 1.2s; }
	.a_Delay_13_SP { animation-delay: 1.3s; }
	.a_Delay_14_SP { animation-delay: 1.4s; }
	.a_Delay_15_SP { animation-delay: 1.5s; }
	.a_Delay_16_SP { animation-delay: 1.6s; }
	.a_Delay_17_SP { animation-delay: 1.7s; }
	.a_Delay_18_SP { animation-delay: 1.8s; }
	.a_Delay_19_SP { animation-delay: 1.9s; }
	.a_Delay_20_SP { animation-delay: 2.0s; }

}

@media print, screen and (min-width: 768px) {

	/* animation-delay */
	.a_Delay_01_PC { animation-delay: 0.1s; }
	.a_Delay_02_PC { animation-delay: 0.2s; }
	.a_Delay_03_PC { animation-delay: 0.3s; }
	.a_Delay_04_PC { animation-delay: 0.4s; }
	.a_Delay_05_PC { animation-delay: 0.5s; }
	.a_Delay_06_PC { animation-delay: 0.6s; }
	.a_Delay_07_PC { animation-delay: 0.7s; }
	.a_Delay_08_PC { animation-delay: 0.8s; }
	.a_Delay_09_PC { animation-delay: 0.9s; }
	.a_Delay_10_PC { animation-delay: 1.0s; }
	.a_Delay_11_PC { animation-delay: 1.1s; }
	.a_Delay_12_PC { animation-delay: 1.2s; }
	.a_Delay_13_PC { animation-delay: 1.3s; }
	.a_Delay_14_PC { animation-delay: 1.4s; }
	.a_Delay_15_PC { animation-delay: 1.5s; }
	.a_Delay_16_PC { animation-delay: 1.6s; }
	.a_Delay_17_PC { animation-delay: 1.7s; }
	.a_Delay_18_PC { animation-delay: 1.8s; }
	.a_Delay_19_PC { animation-delay: 1.9s; }
	.a_Delay_20_PC { animation-delay: 2.0s; }

}