@charset "shift_jis";

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

   SIMPLE STYLE 2nd Anniversary

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

:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightgray-rgb: 201,201,200;

	--main-clr-lightbeige: #cbc1ae;
	--main-clr-lightbeige-rgb: 203,193,174;

	--main-clr-white: #f4f5f0;
	--main-clr-white-rgb: 244,245,240;

	--main-clr-gray: #7f7c7a;
	--main-clr-gray-rgb: 127,124,122;

	--clr-line: #06c755;

	--clr-ss-red-light: #d07157;
	--clr-ss-red-light-rgb: 208,113,87;

	--clr-ss-black: #48413b;
	--clr-ss-black-rgb: 72,65,59;

	--anv-pink-main: #d8b2ab;
	--anv-pink-main-rgb: 216,178,171;

	--anv-pink-sub01: #d0a49d;
	--anv-pink-sub01-rgb: 208,164,157;

	--anv-pink-sub02: #c7978f;
	--anv-pink-sub02-rgb: 199,151,143;

	--anv-yellow: #fff368;
	--anv-yellow-rgb: 255,243,104;

}

/* コンテンツ幅リセット */
main#wrapper {
	position: relative;
	width: 100%!important;
	max-width: initial!important;
	max-width: auto!important;
	margin: 0 auto!important;
	padding: 0!important;
	overflow: visible!important;
}
article#contents { padding-bottom: 0!important; }
article#contents .inner_content { padding-top: 0!important; }

/* ★★★ header main footerなど特定のスタイルリセット（本店用 ） ★★★ */
#anniversary3rd header,
#anniversary3rd main,
#anniversary3rd footer {
	position: relative;
	z-index: initial;
	width: auto;
	margin: auto;
	padding: 0;
	border: none;
	box-shadow: none;
}

#anniversary3rd * { box-sizing: border-box; line-height: 1; }
#anniversary3rd img { width: 100%; height: auto; }
#anniversary3rd .pc_none { display: none; }

#anniversary3rd {
	position: relative;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	background-color: var(--anv-pink-sub02);
}

/* SEOスクリーンリーダー用テキスト */
.visually-hidden {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;} 


/* 価格プロ 共通設定
================================================== */

#anniversary3rd .buy_price,
#anniversary3rd .price { position: relative; }
#anniversary3rd .spesicalprice,
#anniversary3rd .intax { display: none; }

#anniversary3rd .buy_price { display: inline-block; width: auto; }
#anniversary3rd .buy_price::before,
#anniversary3rd .buy_price::after {
	position: absolute;
	display: inline-block;
	content: "";
}
#anniversary3rd .price,
#anniversary3rd .intax { color: var(--clr-ss-red-light)!important; }
#anniversary3rd .price { font-size: 16px; font-weight: 700; }



/* ==================================================
   メインコンテンツ
================================================== */

#anniversary3rd .contentsarea {
	order: 2;
	position: relative;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 0px 32px 4px rgba(126,124,122,0.15);
	text-align: center;
}

#anniversary3rd .block_cmn {
	position: relative;
	width: 100%;
	padding: 80px 0 40px;
}
#anniversary3rd .block_cmn::after,
#anniversary3rd .kanban::after {
  position: relative;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 40px;

  /* 親要素に対して三角形を作る */
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
#anniversary3rd .block_cmn::after { bottom: -80px; }
#anniversary3rd .kanban::after { bottom: -40px; }

#anniversary3rd .block_cmn .inner { position: relative; padding: 0 40px; }
#anniversary3rd .block_cmn .inner0 { position: relative; padding: 0; }



/* 看板
================================================== */

#anniversary3rd .kanban {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 6;
	line-height: 1;
}
#anniversary3rd .kanban,
#anniversary3rd .kanban::after { background-color: var(--anv-pink-main);}

#anniversary3rd .kanban p {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 1px;
	text-indent: -1px;
}
#anniversary3rd .kanban img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* 見出し
================================================== */

#anniversary3rd [class^="heading_"] {
	position: relative;
	width: 100%;
	font-weight: 700;
	line-height: 1.5;
}

/* 見出し汎用 */
#anniversary3rd .heading_cmn {
	font-size: 28px;
	margin-bottom: 0.5em;
}

/* 見出し下概要  */
#anniversary3rd .guide-summary {
	position: relative;
	margin-bottom: 24px;
}
#anniversary3rd .guide-summary > p {
	font-size: 16px;
	line-height: 1.6;
}

/* メイン見出し */
#anniversary3rd .heading_anv {
	position: relative;
	display: inline-block;
	margin: 0 auto 32px;
}
#anniversary3rd .heading_anv-img {
	position: relative;
}
#anniversary3rd .heading_anv-img > img {
	position: relative;
	width: auto!important;
	height: 150px!important;
	vertical-align: bottom;
}
/* #anniversary3rd .heading_anv::before,
#anniversary3rd .heading_anv::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: 50%;
	width: 54px;
	height: 132px;
	background: url(/IMAGE/anniversary3rd/ha.gif) no-repeat center center;
	background-size: contain;
	z-index: 10;
}
#anniversary3rd .heading_anv::before { left: -80px; transform: scale(1, 1) translateY(-50%);}
#anniversary3rd .heading_anv::after { right: -80px; transform: scale(-1, 1) translateY(-50%);} */

#anniversary3rd .heading_anv .ribon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.25em;
	text-indent: -0.25em;
	white-space: nowrap;
	background-color: var(--main-clr-lightbeige);
	margin: 0 auto 16px;
}
#anniversary3rd .heading_anv .ribon::before,
#anniversary3rd .heading_anv .ribon::after {
	position: absolute;
	top: 50%;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px;
	border-color: var(--main-clr-lightbeige) transparent;
	transform: translateY(-50%);
}
#anniversary3rd .heading_anv .ribon::before { left: -10px; }
#anniversary3rd .heading_anv .ribon::after { right: -10px; }



/* おとく１
================================================== */

#anniversary3rd .block_cmn#otoku01,
#anniversary3rd .block_cmn#otoku01::after { background-color: var(--main-clr-white);}

#anniversary3rd .block_cmn#otoku01 {
	z-index: 5;
}

#anniversary3rd .btn_app_download {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 8px 40px;
	box-sizing: border-box;
}
#anniversary3rd .btn_app_download a {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
#anniversary3rd .box_l { width: calc(100% - 220px);}
#anniversary3rd .box_l > p { 
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1em;
}
#anniversary3rd .box_l > ul { 
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
#anniversary3rd .box_r { width: 200px;}





/* おとく2
================================================== */

#anniversary3rd .block_cmn#otoku02,
#anniversary3rd .block_cmn#otoku02::after { background-color: #fff; }

#anniversary3rd .block_cmn#otoku02 {
	z-index: 4;
	
}

/* クーポン */
#anniversary3rd .coupon {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
#anniversary3rd .coupon li {
	position: relative;
	width: calc((100% - 16px)/2);
}
#anniversary3rd .coupon li:nth-child(1) { width: 100%;}


/* おとく3
================================================== */

#anniversary3rd .block_cmn#otoku03,
#anniversary3rd .block_cmn#otoku03::after { background-color: rgba(var(--anv-pink-main-rgb),0.25); }

#anniversary3rd .block_cmn#otoku03 {
	z-index: 3;
	
}

/* タイムセール */
#anniversary3rd .timesale {
	position: relative;
	width: 100%;
	margin: 0 auto 20px;
	background-color: #fffbd4;
	padding: 10px 40px 15px;
}
#anniversary3rd .timesale .heading_tsale {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.05em;
	margin-bottom: 0.5em;
}
#anniversary3rd .timesale .heading_tsale strong {
	color: var(--clr-ss-red-light);
	font-size: 200%;
	font-weight: 700;
	line-height: 1;
}
#anniversary3rd .timesale .limit {
	width: 90%;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
	margin: 0 auto;
	padding: 12px;
}


/* 本日のおとくなアイテム */
#anniversary3rd .block_item-active {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin: 64px auto 20px;
}
#anniversary3rd .block_item-active .heading_sub-otoku {
	position: absolute;
	z-index: 5;
	width: 80%;
	top: -40px;
	left: 50%;
	color: #fff;
	background-color: var(--main-clr-lightbeige);
	padding: 0.5em 0;
	border-radius: 12px;
	transform: translateX(-50%);
}
#anniversary3rd .block_item-active .heading_sub-otoku::after {
	position: absolute;
	display: inline-block;
	z-index: -1;
	content: "";
	width: 16px;
	height: 16px;
	bottom: -4px;
	left: 50%;
	background-color: var(--main-clr-lightbeige);
	transform: rotate(45deg);
}

#anniversary3rd .block_item-active a {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 20px;
	box-sizing: border-box;
	border: solid 8px #fff;
}
#anniversary3rd .block_item-active a .thumb,
#anniversary3rd .block_item-active a .spec { width: calc((100% - 10px)/2);}


#anniversary3rd .block_item-active a .p_name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
#anniversary3rd .block_item-active a .price_sale {
	color: var(--clr-ss-red-light);
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
}
#anniversary3rd .block_item-active a .btn {
	position: relative;
	width: 75%;
	margin: 20px auto 0;
	color: var(--clr-ss-red-light);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
	border: solid 2px var(--clr-ss-red-light);
	border-radius: 100px;
	padding: 0.5em 0
}
#anniversary3rd .block_item-active a .btn::after {
	position: absolute;
	top: 48%;
	right: 10%;
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg) translateY(-50%);
	transition: right 0.2s;
}

#anniversary3rd .block_item-active a:hover {
	border-color: rgba(var(--anv-pink-main-rgb),0.5);
	box-sizing: border-box;
}
#anniversary3rd .block_item-active a:hover .btn {
	color: #fff;
	background-color: var(--clr-ss-red-light);
}
#anniversary3rd .block_item-active a:hover .btn::after {
	right: 8%;
	border-color: #fff;
	transition: right 0.2s;
}


/* LINE登録ボタン */
#anniversary3rd .btn_line {
	position: relative;
	width: 80%;
	margin: 0 auto 40px;
}
#anniversary3rd .btn_line a {
	position: relative;
	width: 100%;
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--clr-line);
	border: solid 3px var(--clr-line);
	border-radius: 100px;
	padding: 1em 0;
	box-sizing: border-box;
}
#anniversary3rd .btn_line a::after {
	position: absolute;
	top: 48%;
	right: 10%;
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: right 0.2s;
}
#anniversary3rd .btn_line a:hover {
	color: var(--clr-line);
	background-color: #fff;
}
#anniversary3rd .btn_line a:hover::after {
	right: 8%;
	border-color: var(--clr-line);
	transition: right 0.2s;
}


/* スケジュール */
#anniversary3rd .slider_schedule {
	position: relative;
	width: 100%;
}
#anniversary3rd .slider_schedule .swiper {
	position: relative;
	width: 100% !important;
	height: 420px;/**/
}
#anniversary3rd .slider_schedule .swiper-wrapper {
	position: relative;
	display: flex;
	align-items: initial;
	height: 100%;
}

#anniversary3rd .slider_schedule .swiper-slide {
	position: relative;
	width: 40%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
}
#anniversary3rd .slider_schedule .swiper-slide .heading_date {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 0.5em 0;
}
#anniversary3rd .slider_schedule .swiper-slide:last-child .heading_date { font-size: 12px; padding: 0.86em 0; }
#anniversary3rd .slider_schedule .swiper-slide.active .heading_date {
	color: var(--clr-ss-red-light);
	background-color: var(--anv-yellow);
}
#anniversary3rd .slider_schedule .swiper-slide.next .heading_date,
#anniversary3rd .slider_schedule .swiper-slide.kyu .heading_date {
	color: #fff;
	background-color: rgba(var(--anv-pink-main-rgb),0.75);
}
#anniversary3rd .slider_schedule .swiper-slide.close .heading_date {
	color: #fff;
	background-color: #ccc;
}

/**/
#anniversary3rd .slider_schedule .swiper-slide.close::before,
#anniversary3rd .slider_schedule .swiper-slide.close::after {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "";
}
#anniversary3rd .slider_schedule .swiper-slide.close::before {
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
#anniversary3rd .slider_schedule .swiper-slide.close a {
	pointer-events: none;
}

#anniversary3rd .slider_schedule .swiper-slide a {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
  	height: 100%;
	box-sizing: border-box;
}
#anniversary3rd .slider_schedule .swiper-slide a .thumb {
	position: relative;
}
#anniversary3rd .slider_schedule .swiper-slide a .thumb > img {
	width: 100%;
	height: auto;
}
#anniversary3rd .slider_schedule .swiper-slide a .spec {
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}
#anniversary3rd .slider_schedule .swiper-slide a .p_name {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#anniversary3rd .slider_schedule .swiper-slide a .p_use {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#anniversary3rd .slider_schedule .swiper-slide a .prce_sale {
	color: var(--clr-ss-red-light);
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
}
#anniversary3rd .slider_schedule .swiper-slide a .btn {
	position: relative;
	width: 90%;
	display: block;
	color: var(--clr-ss-red-light);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
	border: solid 2px var(--clr-ss-red-light);
	border-radius: 100px;
	box-sizing: border-box;
	margin: 12px auto 0;
	padding: 0.5em 0;
}
#anniversary3rd .slider_schedule .swiper-slide a .btn::after {
	position: absolute;
	top: 48%;
	right: 10%;
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg) translateY(-50%);
	transition: right 0.2s;
}

#anniversary3rd .icon_num {
	position: absolute;
}
#anniversary3rd .block_item-active .thumb .icon_num {
	top: 8px;
	left: 8px;
}
#anniversary3rd .block_item-active .thumb .icon_num img {
	width: 88px;
	height: auto;
}

#anniversary3rd .slider_schedule .swiper-slide .icon_num {
	top: 4px;
	left: 4px;
}
#anniversary3rd .slider_schedule .swiper-slide .icon_num img {
	width: 80px;
	height: auto;
}

#anniversary3rd .slider_schedule.forcpn .icon_num {
	top: 4px;
	left: 4px;
}
#anniversary3rd .slider_schedule.forcpn .icon_num img {
	width: 56px;
	height: auto;
}



#anniversary3rd .slider_schedule .swiper-pagination {
	position: relative;
	text-align: center;
	width: 100%;
	bottom: -10px;
}

#anniversary3rd .swiper-pagination-bullet {
	width: 12px!important;
	height: 4px!important;
	background-color: var(--main-clr-gray)!important;
	border-radius: 0!important;
	margin: 0 4px!important;
}


#anniversary3rd .slider_schedule .swiper-button-prev,
#anniversary3rd .slider_schedule .swiper-button-next {
	position: absolute;
    width: 56px;
    height: 56px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	background: rgba(255,255,255,1);
	border-radius: 50%;
}
#anniversary3rd .slider_schedule .swiper-button-prev { left: 26%; }
#anniversary3rd .slider_schedule .swiper-button-next { right: 26%; }
#anniversary3rd .slider_schedule .swiper-button-prev::after,
#anniversary3rd .slider_schedule .swiper-button-next::after {
	font-size: 16px;
	color: var(--clr-ss-black);
}



/* クーポン獲得ページ用設定*/
#anniversary3rd .slider_schedule.forcpn .swiper {
	position: relative;
	overflow: visible!important;
	padding: 0 20px;
	height: auto!important;
	box-sizing: border-box;
}
#anniversary3rd .slider_schedule.forcpn .swiper-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 12px;
}
#anniversary3rd .slider_schedule.forcpn .swiper-slide {
	width: calc((100% - 12px*2)/3);
	display: flex;
	background-color: #fff;
	height: 100%!important;
}
#anniversary3rd .slider_schedule.forcpn .swiper-slide a .spec {
	padding: 16px 16px 10px;
}
#anniversary3rd .slider_schedule.forcpn .swiper-slide a .p_name {
    font-size: 14px;
    line-height: 1.3;
}
#anniversary3rd .slider_schedule.forcpn .swiper-slide a .p_name.pc_lh2 { height: 3.5em;}
#anniversary3rd .slider_schedule.forcpn .swiper-slide a .p_name.pc_lh3 { height: 4.5em;}
#anniversary3rd .slider_schedule.forcpn .swiper-slide a .p_name.pc_lh4 { height: 5.5em;}

#anniversary3rd .slider_schedule.forcpn .swiper-pagination,
#anniversary3rd .slider_schedule.forcpn .swiper-button-prev,
#anniversary3rd .slider_schedule.forcpn .swiper-button-next {
	display: none;
}

#anniversary3rd .kyusai {
	position: relative;
	width: 100%;
	margin: auto auto 0;
	padding: 0 12px 14px;
	box-sizing: border-box;
}
#anniversary3rd .kyusai li {
	position: relative;
	width: 100%;
	margin-bottom: 4px;
}
#anniversary3rd .kyusai li a,
#anniversary3rd .kyusai li span {
	position: relative;
	width: 100%;
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	border-radius: 100px;
	padding: 0.75em 0;
}
#anniversary3rd .kyusai li.btn_end span {
	background-color: #ccc;
}
#anniversary3rd .kyusai li.btn_50peroff a {
	background-color: var(--clr-line);
}
#anniversary3rd .kyusai li.btn_20peroff a {
	background-color: var(--clr-line);
}


/* スタッフイチオシアイテム
================================================== */

#anniversary3rd .block_cmn#ichioshi,
#anniversary3rd .block_cmn#ichioshi::after { background-color: #fff; }

#anniversary3rd .block_cmn#ichioshi {
	z-index: 2;
	
}




/* 注目のカテゴリ
================================================== */

#anniversary3rd .block_cmn#cate,
#anniversary3rd .block_cmn#cate::after { background-color: rgba(var(--anv-pink-main-rgb),0.25); }

#anniversary3rd .block_cmn#cate {
	z-index: 1;
}

#anniversary3rd .btn_cate li a {
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--anv-pink-main);
	border: solid 2px  var(--anv-pink-main);
	padding: 1em 0;
	border-radius: 8px;
	box-sizing: border-box;
}
#anniversary3rd .btn_cate li a::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: 50%;
	right: 10%;
	width: 4px;
	height: 4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: right 0.2s;
}
#anniversary3rd .btn_cate li:hover a {
	color: var(--anv-pink-main);
	background-color: #fff;
}
#anniversary3rd .btn_cate li:hover a::after {
	right: 8%;
	border-color: var(--anv-pink-main);
	transition: right 0.2s;
}


/* 商品 汎用
================================================== */

#anniversary3rd .list_item {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
#anniversary3rd .list_item .list_item-card { position: relative; }
#anniversary3rd .list_item .list_item-card#card01 { grid-column: 1 / 2; grid-row: 1 / 2; }
#anniversary3rd .list_item .list_item-card#card02 { grid-column: 1 / 2; grid-row: 2 / 3; }
#anniversary3rd .list_item .list_item-card#card03 { grid-column: 2 / 3; grid-row: 1 / 3; }
#anniversary3rd .list_item .list_item-card#card04 { grid-column: 1 / 3; grid-row: 3 / 4; }
#anniversary3rd .list_item .list_item-card#card05 { grid-column: 1 / 2; grid-row: 4 / 5; }
#anniversary3rd .list_item .list_item-card#card06 { grid-column: 2 / 3; grid-row: 4 / 5; }
#anniversary3rd .list_item .list_item-card#card07 { grid-column: 1 / 2; grid-row: 5 / 6; }
#anniversary3rd .list_item .list_item-card#card08 { grid-column: 2 / 3; grid-row: 5 / 6; }

#anniversary3rd .list_item-card a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 16px;
	box-sizing: border-box;
	border-radius: 8px;
}
#anniversary3rd .list_item-card a:hover {
	background-color: rgba(var(--anv-pink-main-rgb),0.15);
}
#anniversary3rd .list_item-card a .thumb,
#anniversary3rd .list_item-card a .spec {
	text-align: left;
}
#anniversary3rd .list_item-card a .thumb {
	margin-bottom: 8px;
	overflow: hidden;
}
#anniversary3rd .list_item-card a .thumb img {
	object-fit: cover;
}
#anniversary3rd .list_item-card a .p_name {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.25em;
}
#anniversary3rd .list_item-card a .p_use {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 0.25em;
	
}
#anniversary3rd .list_item-card a .buy_price>ul {
	margin: 4px auto 0;
}
#anniversary3rd .list_item-card a .buy_price>ul .price {
	font-size: 24px;
}
#anniversary3rd .list_item-card a .btn {
	position: absolute;
	display: inline-block;
	content: "";
	right: 0;
	bottom: 0;
	width: 64px;
	height: 48px;
	color: transparent;
}
#anniversary3rd .list_item-card a .btn::before,
#anniversary3rd .list_item-card a .btn::after {
	position: absolute;
	display: inline-block;
	content: "";
	z-index: 1;
}
#anniversary3rd .list_item-card a .btn::before {
	background-color: var(--anv-pink-sub02);
	border-radius: 24px 0 6px 0;
	width: 64px;
	height: 48px;
}
#anniversary3rd .list_item-card a .btn::after {
	top: 57%;
	left: 41%;
	width: 12px;
	height: 12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg) translate(-50%,-50%);
}

#anniversary3rd .list_item-card .icon {
	position: absolute;
	top: 12px;
	left: -4px;
	z-index: 5;
	display: inline-block;
	width: 140px;
	height: 56px;
	transform: rotate(-3deg);
}


#anniversary3rd .buy_price { position: relative; }
#anniversary3rd .buy_price li.price,
#anniversary3rd .buy_price li.intax { width: auto!important; }
#anniversary3rd .spesicalprice { display: none; }

#anniversary3rd .btn_cmn {
	position: relative;
	display: block;
	width: 100%;
	margin: 40px auto 0;
}
#anniversary3rd .btn_cmn a {
	position: relative;
	display: block;
	width: 80%;
	color: var(--clr-ss-red-light);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
	border: solid 2px var(--clr-ss-red-light);
	margin: 0 auto;
	border-radius: 100px;
	padding: 0.75em 0;
}
#anniversary3rd .btn_cmn a::after {
	position: absolute;
	top: 50%;
	right: 10%;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg) translateY(-50%);
}
#anniversary3rd .btn_cmn a:hover {
	color: #fff;
	background-color: var(--clr-ss-red-light);
}
#anniversary3rd .btn_cmn a:hover::after {
	border-color: #fff;
}







/* 汎用リスト
================================================== */

#anniversary3rd ul[class^="col_"] {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
}
#anniversary3rd ul[class^="col_"] li {
	position: relative;
}
#anniversary3rd ul[class^="col_"] li a {
	position: relative;
	width: 100%;
	display: block;
}
#anniversary3rd ul[class^="col_"] li:hover a img {
	opacity: 0.8;
}

#anniversary3rd .col_1 { flex-direction: column; }
#anniversary3rd .col_1 li { width: 100%; }
#anniversary3rd .col_1 li a { border: solid 2px #fff; }

#anniversary3rd .col_2 { flex-wrap: wrap; }
#anniversary3rd .col_2 li { width: calc((100% - 12px*1)/2); }

#anniversary3rd .col_3 { flex-wrap: wrap; }
#anniversary3rd .col_3 li { width: calc((100% - 12px*2)/3); }



/* ==================================================
   PC用 左側・右側・背景
================================================== */

#anniversary3rd .pc_left,
#anniversary3rd .pc_right {
	position: sticky;
	width: calc((100% - 750px)/2);
	display: flex;
	justify-content: center;
	align-items: center;
}
#anniversary3rd .pc_left > .inner,
#anniversary3rd .pc_right > .inner {
	text-align: center;
	padding: 0 32px;
}


@media screen and (max-width: 1000px) { 
	#anniversary3rd .pc_left,
	#anniversary3rd .pc_right { display: none; }
}



/*  PC用 左側
================================================== */

#anniversary3rd .pc_left {
	order: 1;
}

#anniversary3rd .pc_left h2 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5em;
	line-height: 1.5;
	margin-bottom: 2em;
}

#anniversary3rd .pc_left ul {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
#anniversary3rd .pc_left ul li {
	position: relative;
	width: calc((100% - 8px*1)/2);
}
#anniversary3rd .pc_left ul li a {
	position: relative;
	width: 100%;
	display: block;
	background-color: var(--main-clr-white);
	border-radius: 8px;
}
#anniversary3rd .pc_left ul li a dl {
	position: relative;
	width: 100%;
}
#anniversary3rd .pc_left ul li a dt {
	color: #fff;
	font-weight: 700;
	background-color: var(--clr-ss-red-light);
	padding: 0.5em 0;
	border-radius: 8px 8px 0 0;
}
#anniversary3rd .pc_left ul li a dd {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 80px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
#anniversary3rd .pc_left ul li a dd span {
	font-size: 80%;
	font-weight: 700;
	margin-bottom: 0.35em;
}

@media screen and (max-width: 1600px) {
	#anniversary3rd .pc_left h2 {
		font-size: 0.875vw;/*14px*/
	}

	#anniversary3rd .pc_left ul li {
		width: 100%;
	}
	#anniversary3rd .pc_left ul li a dd {
		height: 5vw;/*80px*/
		font-size: 1vw;/*16px*/
	}
	#anniversary3rd .pc_left ul li a dd span {
		font-size: 80%;
	}
}

@media screen and (max-width: 800px) {
	#anniversary3rd .pc_left h2,
	#anniversary3rd .pc_left ul { display: none!important; }

}




/*  PC用 右側
================================================== */

#anniversary3rd .pc_right {
	order: 3;
	background-size: cover;
}


/* ==================================================
開始前
================================================== */

#anniversary3rd .comingsoon,
#anniversary3rd .thanks {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#anniversary3rd .comingsoon > .inner,
#anniversary3rd .thanks > .inner {
	padding: 0 32px;
}


#anniversary3rd .comingsoon > .inner p,
#anniversary3rd .thanks > .inner p {
	font-size: 20px;
	font-weight: 700;
	margin-top: 1em;
}
#anniversary3rd .comingsoon > .inner p strong,
#anniversary3rd .thanks > .inner p strong {
	font-size: 100%;
	font-weight: 700;
}

#anniversary3rd .comingsoon > .inner img,
#anniversary3rd .thanks > .inner img {
	width: 100%;
	max-width: 750px;
	height: auto;
}