@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
/*茶殻LP用共通*/
/* CSS Document */
/*ニューアルに伴い↓reset用は削除 共通コンテナ用のクラス.catalogue_gift_lp_commonを追加*/
/* =======================================================================
 reset
========================================================================== 

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) 
html {
  font-size: 62.5%; }*/
#contents .catalogue_gift_lp_common {
  font-size: calc(1.3rem + 2 * (100vw - 800px) / 400);
  line-height: 2;
  font-weight: 400;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color: #575642;
	background-color: #f3eddc;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.catalogue_gift_lp_common a {
  outline: none;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#page-top {
  z-index: 3;
}

/* flex
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.l-row {
  display: flex;
  flex-wrap: wrap;
  height: inherit;
  width: 100%;}

.l-row__col02 {
	width: 50%;
}
.l-row__col03 {
	width: 45%;
	max-width: 450px;
}
.l-row--around {
  justify-content: space-around; }
.l-row--evenly {
  justify-content: space-evenly; }
.align-center {
  align-items: center; }
@media screen and (max-width: 768px) {
	.l-row {
  display: block;}
	.l-row__col02 {
	width: 100%;
}
.l-row__col03 {
	width: 100%;
	margin: 0 auto;
}
}



/* animation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.js-anim {
  opacity: 0;
	transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1),opacity 1.2s cubic-bezier(0.76, 0, 0.24, 1);}

.js-fade-bottom {
  transform: translateY(40px); }

.js-fade-top {
  transform: translateY(-40px); }

.js-fade-left {
  transform: translateX(-60px); }

.js-fade-right {
  transform: translateX(60px); }

.js-fade-scale {
  transform: scale(1.1);
  filter: blur(4px);}

.js-anim.is-visible {
  opacity: 1;
  transform: translateY(0);
  transform: scale(1);
  filter: blur(0); }



.js-easingTtl {
  overflow: hidden;}
.js-easingTtl__txt {
  transform: translateY(101%);
	display: inline-block;
}
.is-visible .js-easingTtl__txt {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; }
.is-visible.js-dl05 .js-easingTtl__txt {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; }





/*画像の表示の仕方*/
	.js-scale{
		width: 100%;
		overflow: hidden;
	}
	.js-scale img{
	
     transform:scale(1.5,1.5) translateY(60px);
    transition: all 1s ease 0s;
		
	}
	.js-scale.is-visible img{
	
     transform:scale(1,1) translateY(0);
	}	



/*MVテキストアニメーション*/
.catalogue_gift_lp_main_txt .line {
  display: flex; /* 一行を flexbox で配置 */
}

.catalogue_gift_lp_main_txt .char {
  opacity: 0; /* 初期状態は非表示 */
  animation: main_txt_fadeIn 0.5s forwards ; /* アニメーション設定 */
}

/* 各文字の表示タイミングをずらす */
.char:nth-child(1) { animation-delay: 1.1s; }
.char:nth-child(2) { animation-delay: 1.2s; }
.char:nth-child(3) { animation-delay: 1.3s; }
.char:nth-child(4) { animation-delay: 1.4s; }
.char:nth-child(5) { animation-delay: 1.5s; }
.char:nth-child(6) { animation-delay: 1.6s; }
/* 2行目以降も同様に調整 */
.line + .line .char:nth-child(1) { animation-delay: 1.7s; }
.line + .line .char:nth-child(2) { animation-delay: 1.8s; }
.line + .line .char:nth-child(3) { animation-delay: 1.9s; }
.line + .line .char:nth-child(4) { animation-delay: 2.0s; }
.line + .line .char:nth-child(5) { animation-delay: 2.1s; }
.line + .line .char:nth-child(6) { animation-delay: 2.2s; }
.line + .line .char:nth-child(7) { animation-delay: 2.3s; }
.line + .line .char:nth-child(8) { animation-delay: 2.4s; }
.line + .line .char:nth-child(9) { animation-delay: 2.5s; }
.line + .line .char:nth-child(10) { animation-delay: 2.6s; }
.line + .line .char:nth-child(11) { animation-delay: 2.7s; }

@keyframes main_txt_fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.catalogue_gift_lp_main_txt h1 {
  opacity: 0; /* 初期状態は非表示 */
  animation: main_txt_h1_fadeIn 1.5s forwards 3.4s; /* アニメーション設定 */
}

@keyframes main_txt_h1_fadeIn {
  from {
    opacity: 0;
    transform: translateY(0px);
		filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
		filter: blur(0);
  }
}



/* setting
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
 --txt-color:#5d5d5d;
 --txt-keycolor:#7b6301;
 --serif: "Noto Serif JP", "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, serif;
 --sans_serif:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
 --opacity:0.6;
}

.u-ta-l {
	text-align: left;}
.u-ta-c {
    text-align: center;
	  margin: 0 auto;
  }
.u-ta-r {
    text-align: right;
	  margin: 0 0 0 auto;
  }
img{
	vertical-align:top;
}

.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 768px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }

.txt-shadow{
	text-shadow: 1px 1px #fff;
}

/* SP-COMMON */
#contents {
  color: #575642;
}

#catalogue_gift_lp_wrapper {
  -webkit-text-size-adjust: 100%;
  animation: fadeInSP 2s ease 0s 1 normal;
  -webkit-animation: fadeInSP 2s ease 0s 1 normal;
}

@keyframes fadeInSP {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInSP {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* catalogue_gift_lp_wrapper
--------------------------- */
#catalogue_gift_lp_wrapper {
	color: var(--txt-color);
}

.catalogue_gift_lp_contents {
}

/* main
--------------------------- */
.catalogue_gift_lp_main {
  width: 100%;
  position: relative;
}
.catalogue_gift_lp_main_logo{
  position: absolute;
  top: 5%;
  left:4%;
  display: block;
  width: 25%;
	max-width: 250px;
	
}
.catalogue_gift_lp_main_txt {
  position: absolute;
  top: 18%;
  right: 8%;
  display: block;
  width: 40%;
}

.catalogue_gift_lp_main h1 {
  margin-top: -16%;
  width: 100%;
}

.catalogue_gift_lp_main_txt  {
  margin: 0;
}
.catalogue_gift_lp_main_txt p {
  font-size: calc(2.2rem + 6 * (100vw - 800px) / 400);
  color: #7b6301;
  line-height: 1.5em;
	font-family: var(--serif);
	font-weight: 500;
	text-shadow: 
		-1px -1px 1px #fff, /* 左上 */
    1px -1px 1px #fff,  /* 右上 */
    -1px 1px 1px #fff,  /* 左下 */
    1px 1px 1px #fff; 
}

@media screen and (max-width: 768px) {
.catalogue_gift_lp_main h1 {
  /*margin-top: -18%;*/
}
	.catalogue_gift_lp_main_txt {
  right: 0;
  left: 0;
  top: 10%;
  margin: 0 auto;
  width: 80%;
}
	.catalogue_gift_lp_main_txt p {
  font-size: calc(1.6rem + 10 * (100vw - 300px) / 500);
  margin:  0;
  color: #7b6301;
  line-height: 1.5em;
	font-family: var(--serif);
}
}



/* each section
--------------------------- */
/*commonparts*/
.apply_btn a{
	text-align: center;
	display: block;
	color: #fff;
	font-weight: bold;
	border: solid 0.5px #fff;
	max-width: 240px;
	width: 100%;
	padding: 0.3rem;
  background-image: linear-gradient(0deg, #c0921d, #cfab51);
	margin: 15% auto;
  transition: all 0.3s;
}
.apply_btn a:hover{
	letter-spacing: 0.2em;
	box-shadow: 0px 0px 15px -2px #fff;
	opacity: 1;
}


/*intro
--------------------------- */
.catalogue_gift_lp_intro {
  background: url(../../../images/special/catalogue_gift/contents01_bg.webp) left top repeat;
  background-size: 100px 100px;
  width: 100%;
  padding: 6%;
	position: relative;
}
.catalogue_gift_lp_main:after {
  background: url(../../../images/special/catalogue_gift/contents01_line_top.webp) right top no-repeat;
	background-size: 100%;
	position: absolute;
	display: block;
  right: 0;
  bottom: -25%;
  content: "";
  width: 30%;
  height: 30%;
	z-index: 1;
}
.catalogue_gift_lp_intro:before {
  background: url(../../../images/special/catalogue_gift/contents01_line_bottom.webp) left bottom no-repeat;
	background-size: 100%;
	position: absolute;
	display: block;
  left: 0;
  bottom: -1.5%;
  content: "";
  width: 35%;
  height: 28%;
	z-index: 1;
}

.catalogue_gift_lp_intro .catalogue_gift_lp_intro_inner {
  background-color: #fff;
  margin: 0 auto;
  padding: 5% 5% 15%;
  width: 100%;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1), inset -2px -2px 5px rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(to bottom right, #fefbfe 5%, #fff 20%);
}
.catalogue_gift_lp_intro_inner_h2{
	text-align: center;
	margin: 0 auto;
	
}
.catalogue_gift_lp_intro .catalogue_gift_lp_intro_inner_h2 h2 {
  text-align: center;
  margin-bottom: 3%;
  font-size: calc(2.6rem + 8 * (100vw - 800px) / 400);
	font-weight: 500;
	color: var(--txt-keycolor);
	font-family: var(--serif);
	position: relative;
	display: inline-block;
  background: url(../../../images/special/catalogue_gift/contents01_frame.webp) center no-repeat;
	background-size: 100%;
	padding: 10% 8%;
}



.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_img_area{
	flex: 1;
	margin-right: 1%;
	position: relative;
}

.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_img_area img.slide {
  position: absolute;
	inset: 0;/*親要素内にフルサイズで配置*/
  opacity: 0;
  transition: all 2s ease;
	margin: -3% auto 0 ;
	width: 90%;
	min-width: 300px;
	max-width: 500px;
}
.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_img_area img.img_active {opacity: 1;}
.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_txt_area{
	width: 50%;
}

@media screen and (max-width: 768px) {
.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_img_area{
	width: 80%;
	margin: 0 auto;
}
	
	.catalogue_gift_lp_intro_inner_box p{
		margin:0 auto;
	}
.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_txt_area{
	margin-top: 55%;
	width: 100%;
		
	}
	.catalogue_gift_lp_intro_inner_box .catalogue_gift_lp_intro_inner_box_img_area img.slide {
	margin: -3% auto 0;
	min-width: 180px;
}
}
@media screen and (max-width: 324px) {
	.catalogue_gift_lp_intro .catalogue_gift_lp_intro_inner_h2 h2 {
  font-size: 1.4rem;
	padding: 8% 8%;
}
}






.catalogue_gift_lp_intro_select_list{
	margin: 8% auto 0;
	}
.catalogue_gift_lp_intro_select_list .l-row__col12{
	width:50px;
}
.catalogue_gift_lp_intro_select_list .l-row__col03{
	position:relative;
}

.catalogue_gift_lp_intro_select_list .txt_small{
	position: absolute;
	bottom:-60px;
	left: 15%;
		font-size: 1.2rem;
		line-height: 1.6em;
		text-indent: -1em;
		padding-left: 1em;
	width: 100%;
	}


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

	.catalogue_gift_lp_intro_select_list img{
	max-width: 450px;
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.catalogue_gift_lp_intro_select_list .l-row__col12 img{
	max-width: 30px;
	}
	.catalogue_gift_lp_intro_select_list .l-row__col12{
	margin: 3% auto;
}
	.catalogue_gift_lp_intro_select_list .txt_small{
		font-size: 1rem;
		width:100%;
		position:relative;
		bottom: inherit;
		left: inherit;
		margin: 5% auto 0;
	}
}






/* gift-lineup
--------------------------- */
.catalogue_gift_lp_giftlineup{
  background: url(../../../images/special/catalogue_gift/contents02_bg.webp) left top no-repeat;
	background-size: 100%;
	position: relative;
	box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1080px) {
	.catalogue_gift_lp_giftlineup{
		background-position: left top;
	background-attachment: inherit;
	}
}
.catalogue_gift_lp_giftlineup:after{

	background-size: 100%;
	position: absolute;
	display: block;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
	height: 30%;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_sec_inner{
	margin: 0 0 0 auto;
padding: 6% 12% 4% 4%;
	width: 60%;	
}
.catalogue_gift_lp_giftlineup h3,.catalogue_gift_lp_sec_inner h3{
  text-align: left;
  margin-bottom: 1.5em;
  font-size:calc(2.4rem + 6 * (100vw - 800px) / 400);
	font-weight: 500;
	color: var(--txt-keycolor);
	font-family: var(--serif);
	letter-spacing: -0.03em;
	text-shadow: 1px 1px #fff;
	line-height: 1.6em;
}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo{
	display: flex;
	align-items:baseline;
}

.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo h4{
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	font-family: var(--serif);
  font-size:calc(1.4rem + 6 * (100vw - 800px) / 400);
	font-weight: 500;
  background: url(../../../images/special/catalogue_gift/contents02_lineupphoto_bg.webp) left bottom no-repeat;
	padding: 4% 4% 4% 5%;
	display: block;
	flex: 1;
	line-height: 1.6em;
	background-size: cover;
	height: 50%;
	margin-right: 10%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3),40px 40px 0 rgba(255, 255, 255, 0.5);
	z-index: 2;
  transform: translate(0px, -50px);
	
	
}

.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner{
	margin: 5% 0 0;
	width: 60%;	
	z-index: 2;
	padding-bottom: 10%;
	position: relative;
}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner ul {
	display:flex;
  flex-wrap: wrap;
}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner ul li {
  transition: all 0.8s ease 0.2s;
	box-shadow: 1px 1px 10px rgba(255, 255, 255, 1),6px 6px 4px rgba(0, 0, 0, 0.4);
	margin-bottom: 2%;
}

.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner img{
	vertical-align: bottom;
}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner .txt_small{
	padding: 3% 3% 3% 0;
	text-align: left;
	}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner .txt_small p{
		font-size: 1.2rem;	
		text-indent: -1em;
		padding-left: 1em;
	}
@media screen and (max-width: 768px) {
	.catalogue_gift_lp_giftlineup .catalogue_gift_lp_sec_inner{
		margin: 0 auto;
		padding: 10% 8%;
		width: 100%;
	}
	.catalogue_gift_lp_giftlineup h3, .catalogue_gift_lp_sec_inner h3{
		text-align: center;
	}
	.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo{
		display:block;
	}
	.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner{
		width: 100%;
	}
	.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo h4{
		line-height: 1.4em;
		text-align: center;
		padding: 2%;
		margin: 0;
		font-size: 1.6em;
  transform: translate(0, 0);
	}
.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner .txt_small{
	padding: 3% 8%;
	}
	.catalogue_gift_lp_giftlineup .catalogue_gift_lp_giftlineup_photo_inner .txt_small p{
		font-size: 1rem;	
	}
}



/* denpo
--------------------------- */
.catalogue_gift_lp_denpo>div{
  background: url(../../../images/special/catalogue_gift/contents03_bg.webp) left top no-repeat;
	background-size: 100%;
	box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.catalogue_gift_lp_denpo>div{
	background-size: 120%;
	background-attachment: inherit;
	background-position: left top;
}
	
}
.catalogue_gift_lp_denpo .catalogue_gift_lp_sec_inner{
	margin: 0 auto 0 0 ;
padding: 4% 4% 8% 12%;
	width: 60%;	
}

.catalogue_gift_lp_denpo_list li{
	display:flex;
	list-style: none;
	color: #fff;
	padding-bottom: 5%;
	position: relative;
}
.catalogue_gift_lp_denpo_list li h4{
  text-align: center;
	font-family: var(--serif);
	font-weight: 500;
  margin-bottom: 2.5em;
  font-size:calc(2rem + 4 * (100vw - 800px) / 400);
	position: relative;
}
.catalogue_gift_lp_denpo_list li h4:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
	background-image: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}
.cursive_no{
	font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
	color: #fff;
	font-size: 5rem;
	position: absolute;
	opacity: 0.8;
	z-index: 2;
	text-shadow:0 1px rgba(0, 0, 0, 0.3);
}
.cursive_no.left{
	top: -40px;
	left:3%;
}
.cursive_no.right{
	top: -40px;
	right: 3%;
}
.catalogue_gift_lp_denpo_list li .catalogue_gift_lp_denpo_list_photo{
	width: 60%;
}
.catalogue_gift_lp_denpo_list li .catalogue_gift_lp_denpo_list_txt{
	flex: 1;
	padding: 4% 6% 4% 3%;
}
.catalogue_gift_lp_denpo_list li:nth-child(even) .catalogue_gift_lp_denpo_list_txt{
	padding: 4% 3% 4% 6%;
}
.catalogue_gift_lp_denpo_list li:nth-child(1){
  background: url(../../../images/special/catalogue_gift/lineup_bg.webp) top;
	background-color:#d0574f;
}
.catalogue_gift_lp_denpo_list li:nth-child(2){
  background: url(../../../images/special/catalogue_gift/lineup_bg.webp) top;
	background-color:#832b1c;
}
.catalogue_gift_lp_denpo_list li:nth-child(3){
  background: url(../../../images/special/catalogue_gift/lineup_bg.webp) top;
	background-color:#585158;
}
.catalogue_gift_lp_denpo_list li:nth-child(4){
  background: url(../../../images/special/catalogue_gift/lineup_bg.webp) top;
	background-color:#6fa58a;
}
.catalogue_gift_lp_denpo_list li:nth-child(5){
  background: url(../../../images/special/catalogue_gift/lineup_bg.webp) top;
	background-color:#ce7363;
}
.catalogue_gift_lp_denpo_list li{
  background-blend-mode: multiply;
	background-size: cover;
	
}

.catalogue_gift_lp_denpo_list li:nth-child(1) .catalogue_gift_lp_denpo_list_txt,
.catalogue_gift_lp_denpo_list li:nth-child(3) .catalogue_gift_lp_denpo_list_txt,
.catalogue_gift_lp_denpo_list li:nth-child(5) .catalogue_gift_lp_denpo_list_txt{
	order: 1;
}


@media screen and (max-width: 768px) {
	.catalogue_gift_lp_denpo .catalogue_gift_lp_sec_inner{
		margin: 0 auto;
		text-align: center;
		padding: 10% 8%;
		width: 100%;
	}
	.catalogue_gift_lp_denpo .catalogue_gift_lp_sec_inner p{
		text-align: left;
	}
	.catalogue_gift_lp_denpo_list li,
	.catalogue_gift_lp_denpo_list li .catalogue_gift_lp_denpo_list_photo{
		display:block;
		width: 100%;
	}.catalogue_gift_lp_denpo_list li .catalogue_gift_lp_denpo_list_txt{
		padding: 10% 8% 5%!important;
	}
	.catalogue_gift_lp_denpo_list li{
		padding-bottom: 6%;
	}
	.apply_btn a{
		margin:5% auto;
	}
	.cursive_no{font-size: 4rem; margin-top: 2%;}
}




/* catalogue_gift_lp_gift_denpo_lineup(ラインナップ)

--------------------------- */
.catalogue_gift_lp_gift_denpo_lineup{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url(../../../images/special/catalogue_gift/lineup_bg.webp) center;
	background-size: 100%;
	padding: 8% 4%;
}
.catalogue_gift_lp_gift_denpo_lineup h4{
  text-align: center;
	font-family: var(--serif);
	font-weight: 500;
  font-size:calc(2rem + 3 * (100vw - 800px) / 400);
}
.catalogue_gift_lp_gift_denpo_lineup h4 span{
  text-align: center;
	display: block;
	color: #d4b159;
	font-family: "Pinyon Script", cursive;
  font-size:calc(1.8rem + 2 * (100vw - 800px) / 400);
	margin: 0.5em 0 2em;
}
.catalogue_gift_lp_gift_denpo_lineup ul{
	display: flex;
	width: 100%;
  flex-wrap: wrap;
  height: inherit;
	
}
.catalogue_gift_lp_gift_denpo_lineup ul li{
	width: calc(100% / 3);
	padding: 2%;
}
.catalogue_gift_lp_gift_denpo_lineup .catalogue_gift_lp_li{
	text-align:center;
	background: #fff;
	padding: 10% 8%;
	border: 1px solid #f7d18a;
	border-image: linear-gradient(to bottom, #876b36,#f7e68a, #fff2da,#876b36, #f0ce91,#876b36) 1;
line-height: 2em;
}
.catalogue_gift_lp_gift_denpo_lineup .catalogue_gift_lp_li h3{
  font-size:1.8rem;
  font-size:calc(1.2rem + 0.8 * (100vw - 300px) / 400);
	font-family: var(--serif);
	margin: 10% 0 0;
}
.catalogue_gift_lp_gift_denpo_lineup .catalogue_gift_lp_price{
	margin: 5% 0;
	font-weight: bold;
}
.catalogue_gift_lp_gift_denpo_lineup .catalogue_gift_lp_detail{
	text-align: left;
	font-size: 80%;
	line-height: 1.5em;
	
}
.catalogue_gift_lp_gift_denpo_lineup .apply_btn a{
margin:2rem auto;
}

@media screen and (max-width: 768px) {
	.catalogue_gift_lp_gift_denpo_lineup ul{
  flex-wrap: wrap;
	}
	.catalogue_gift_lp_gift_denpo_lineup ul li{
	width: calc(100% / 2);
	}
}



/* share
--------------------------- */
.social-bottun {
  text-align: center;
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 25px 0 20px;
  background: #fff;
}

.social-bottun li {
  display: inline-block;
  margin: 0 20px 0 0;
  line-height: 1;
}

.social-bottun li:last-child {
  margin-right: 0;
}

.catalogue_gift_lp_pankuzu li {
  font-size: 1.2rem;
}

.catalogue_gift_lp_pankuzu {
  padding-left: 15px;
  padding-right: 15px;
}

#catalogue_gift_lp_footer {
  text-align: center;
  padding: 20px 0 20px;
  font-size: 1.3rem;
	background-blend-mode:multiply;
	background:url(../../../images/special/catalogue_gift/lineup_bg.webp) center;
	/*background-color:#f5f1e8;*/
	background-size: 100% 400%;
}

#catalogue_gift_lp_footer small {
  letter-spacing: 0.1em;
}

#catalogue_gift_lp_footer .catalogue_gift_lp_link_bnr {
  margin: 0 15px 0;
}

#catalogue_gift_lp_footer .catalogue_gift_lp_link_bnr img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
	border: solid 5px rgba(255, 255, 255, 0.6);
}

#catalogue_gift_lp_footer ul {
  margin-bottom: 30px;
}

#catalogue_gift_lp_footer li {
  display: inline-block;
  letter-spacing: 0.1em;
}

#catalogue_gift_lp_footer li a {
  color: #FFF;
  text-decoration: none;
}

#catalogue_gift_lp_page-top {
  display: block;
  text-align: center;
  background: #fff;
}

#catalogue_gift_lp_page-top a {
  text-decoration: none;
  line-height: 3em;
}

/*SP-ONLY*/
/*TAB-PC*/
@media all and (min-width: 769px) {
  #contents {
    min-width: 820px;
  }
  /* main
  --------------------------- */
  /* each section
  --------------------------- */
  /*lineup info*/
  .catalogue_gift_lp_info {
    padding: 85px 20px 70px;
  }
  .catalogue_gift_lp_info h2 {
    font-size: 2.8rem;
  }
  .catalogue_gift_lp_li {
    padding: 0 15px 35px;
  }
  .catalogue_gift_lp_li h3 {
    font-size: 2.2rem;
  }
  .catalogue_gift_lp_li .catalogue_gift_lp_price,
  .catalogue_gift_lp_li .catalogue_gift_lp_price b {
    font-size: 1.4rem;
  }
  .catalogue_gift_lp_li .catalogue_gift_lp_price span {
    font-size: 1.3rem;
  }
  .catalogue_gift_lp_li .catalogue_gift_lp_detail {
    font-size: 1.1rem;
  }
  .catalogue_gift_lp_btn_apply {
    width: auto;
    margin: 0 auto 45px;
  } /*紹介エリアと共通*/
  .catalogue_gift_lp_btn_apply a {
    font-size: 1.6rem;
  }
  /*share*/
  .social-bottun {
    padding: 0;
  }
  .social-bottun li {
    margin-right: 10px;
  }
  .social-bottun li:last-child {
    margin-right: 0;
  }
  /*---footer----*/
  #catalogue_gift_lp_footer {
    padding: 60px 0;
  }
  #catalogue_gift_lp_page-top {
    padding: 20px 0;
  }
  #catalogue_gift_lp_page-top a {
    font-size: 1.6rem;
  }
}