@charset "shift_jis";
/* CSS Document */

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

   お得な10日間　25.11.17

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

/* コンテンツ幅リセット */
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; }

:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightbeige: #cbc1ae;

	--main-clr-white: #f4f5f0;
	--main-clr-gray: #7f7c7a;
	--main-clr-red: #d07157;

	--clr-ss-black: #48413b;
	--clr-line: #00b900;

	--otoku-main: #99403b;

	--otoku-grg: #cac2b9;
	--otoku-grg-rgb: 202,194,185;

	--otoku-ivr: #eae6da;
	--otoku-ivr-rgb: 234,230,218;

	--vlogw-pink: #efdbd5;
    --vlogw-pink-rgb: 239, 219, 213;
    --vlogw-yellow: #eadaba;
    --vlogw-yellow-rgb: 234, 218, 186;
    --vlogw-green: #c6d0d1;
    --vlogw-green-rgb: 198, 208, 209;
    --vlogw-blue: #bec6d2;
    --vlogw-blue-rgb: 190, 198, 210;
	
}


#ss_10days a,
#ss_10days a:hover {
	color: var(--clr-ss-black);
	text-decoration: none;
	transition: all 0.2s;
}
#ss_10days * { box-sizing: border-box; }
#ss_10days h1,
#ss_10days h2,
#ss_10days h3,
#ss_10days h4,
#ss_10days h5 { color: var(--clr-ss-black); }
#ss_10days img { width: 100%; height: auto; }
#ss_10days .pc_none { display: none; }

#ss_10days {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: var(--otoku-ivr);
}

/* 価格表記・共通 */
#ss_10days .spesicalprice,
#ss_10days .intax { display: none!important; }

#ss_10days .buy_price>ol,
#ss_10days .buy_price>ul { margin: auto; }

#ss_10days .price_normal .buy_price .price {
	position: relative;
	color: var(--clr-ss-black)!important; font-weight: normal;
}
#ss_10days .price_cpn .buy_price .price {
	font-size: 32px;
}


/* ==================================================
   メインコンテンツエリア
================================================== */

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

#kanban {
    position: relative;
    width: 100%;
	margin-bottom: 40px;
}
#kanban h1 {
	position: relative;
	width: 100%;
	margin-bottom: 24px;
}
/* #kanban p.kikan {
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.1em;
	margin: 0 auto;
	padding: 0.5em 0;
}
#kanban p.kikan span {
	font-size: 80%;
	line-height: 1;
	letter-spacing: inherit;
} */

/* メニュー */
#kanban #menu {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#kanban #menu > p {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0.75em;
}
#kanban #menu > p span {
	font-size: 125%;
	font-weight: inherit;
	line-height: 1;
}
#kanban #menu > p::before,
#kanban #menu > p::after {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 1px;
	height: 24px;
	background-color: var(--clr-ss-black);
	margin: auto 0.5em;
}
#kanban #menu > p::before { transform: rotate(-20deg);}
#kanban #menu > p::after { transform: rotate(20deg);}

#kanban #menu ul {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 0 20px;
}
#kanban #menu ul li {
	position: relative;
	width: calc((100% - 12px*2)/3);
	max-width: 270px;
}
#kanban #menu ul li a {
	position: relative;
	display: block;
}

#kanban #menu ul li:hover a {
	opacity: 0.8;
	transform: translateY(10px);
}


/* コンテンツ幅・セクション
================================================== */

#ss_10days .contentsarea {
	order: 2;
	position: relative;
	width: 100%;
	max-width: 900px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 0px 12px 0px rgba(var(--otoku-grg-rgb), 1);
}

#ss_10days .otoku {
	position: relative;
	width: 100%;
	padding: 24px 0;
}
#ss_10days #otoku01 { background-color: rgba(var(--otoku-ivr-rgb),0.5); }
#ss_10days #otoku01:has(.js-accordion-btn.is-show) { padding-bottom: 64px; }

#ss_10days #otoku03 { background-color: rgba(var(--otoku-ivr-rgb),0.5); }

#ss_10days .otoku > .inner {
	position: relative;
	width: 100%;
	padding: 0 40px;
}

#ss_10days .heading01 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	width: auto;
	margin: 0 auto 1em;
}
#ss_10days .heading01 p {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--otoku-main);
	border-radius: 50%;
}
#ss_10days .heading01 p span {
	font-size: 300%;
	font-weight: inherit;
	line-height: inherit;
	margin-top: 2px;
}
#ss_10days .heading01 h2 {
	position: relative;
	width: auto;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
#ss_10days .heading01 h2 span,
#ss_10days .heading01 h2 strong {
	font-size: inherit;
	font-weight: inherit;
	line-height: 1;
}
#ss_10days .heading01 h2 span {
	display: inline-block;
	color: var(--otoku-main);
	font-size: 90%;
	background-color: #fff;
	margin-bottom: 8px;
	padding: 4px;
}
#ss_10days .heading01 h2 strong {
	color: var(--otoku-main);
	font-size: 120%;
}
#ss_10days .heading_other {
	font-weight: 700;
	margin-bottom: 1em;
}


#ss_10days .heading_img {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 12px;
}
#ss_10days .heading_img > img {
	position: relative;
	width: 100%;
	max-width: 640px;
	height: auto;
}



/* 会員登録・ログイン
================================================== */


#ss_10days .btnarea {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 24px auto 12px;
}
#ss_10days .btnarea .heading_login,
#ss_10days .btnarea .heading_shinki {
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
#ss_10days .btnarea .heading_login strong {
	font-size: 100%;
	font-weight: 700;
	line-height: 1;
	color: var(--clr-line);
}

#ss_10days .btnarea a,
#ss_10days .btnarea span {
	position: relative;
	width: 100%;
	max-width: 480px;
	height: 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 8px auto 0;
	border-radius: 80px;
}
#ss_10days .btnarea span { height: 40px; }
#ss_10days .btnarea a strong,
#ss_10days .btnarea a span {
	color: #fff;
	font-weight: 700;
}
#ss_10days .btnarea a strong {
	position: relative;
	font-size: 20px;
}
#ss_10days .btnarea a strong::after {
	position: relative;
	display: inline-block;
	vertical-align: -2px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/IMAGE/10days/arr.gif) no-repeat center center;
	background-size: 18px 18px;
	margin-left: 8px;
}
#ss_10days .btnarea a span {
	font-size: 15px;
	line-height: 1.25;
}
#ss_10days .btnarea.btn_shinki a { background-color: var(--main-clr-red); }
#ss_10days .btnarea.btn_login span { background-color: var(--main-clr-lightgray); }

#ss_10days .txt_und_btn {
	position: relative;
	width: 100%;
	max-width: 480px;
	/* text-align: left; */
	margin: 0 auto 24px;
}
#ss_10days .txt_und_btn p {
	font-size: 14px;
	line-height: 1.7;
}
#ss_10days .txt_und_btn p.att {
	color: var(--main-clr-red);
	text-indent: -1em;
	margin-left: 1em;
	font-size: 90%;
}





/* 応募要項
================================================== */

#ss_10days .youkou {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#ss_10days .heading_youkou {
	position: relative;
	display: flex;
    align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0.5em;
}
#ss_10days .heading_youkou:before,
#ss_10days .heading_youkou:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: var(--main-clr-gray);
}

#ss_10days .heading_youkou:before {
    margin-right: 1rem;
}

#ss_10days .heading_youkou:after {
    margin-left: 1rem;
}

#ss_10days .accordion { position: relative; }
#ss_10days .accordion-btn {
	background-color: var(--main-clr-gray);
	border: 1px solid var(--main-clr-gray);
	bottom: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	left: 0;
	margin: auto;
	padding: 4px 20px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all .2s;
	width: fit-content;
	z-index: 2;
}
#ss_10days .accordion-btn::after { content: "続きを読む"; }
#ss_10days .accordion-btn:hover {
	background-color: #fff;
	color: var(--main-clr-gray);
}
#ss_10days .accordion-text {
	overflow: hidden;
	position: relative;
}
#ss_10days .accordion-text.is-hide { height: 100px; }
#ss_10days .accordion-text::before {
	background: -webkit-linear-gradient(top, rgba(244,242,236,0) 0%, rgba(244,242,236,.9) 50%, rgba(244,242,236,.9) 50%, #f4f2ec 100%);
	background:         linear-gradient(top, rgba(244,242,236,0) 0%, rgba(244,242,236,.9) 50%, rgba(244,242,236,.9) 50%, #f4f2ec 100%);
	left: 0;
	bottom: 0;
	content: "";
	height: 80px;
	position: absolute;
	width: 100%;
	z-index: 1;
}
#ss_10days .accordion-btn.is-show { bottom: -3em; }
#ss_10days .accordion-btn.is-show::after { content: "閉じる"; }
#ss_10days .accordion-btn.is-show + .accordion-text::before { display: none; }
#ss_10days .accordion {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	width: 100%;
}
#ss_10days .accordion:not(:first-of-type) {
	margin-bottom: 100px;
	margin-top: 100px;
}

.accordion-text dl {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.accordion-text dl dt,
.accordion-text dl dd {
	border-bottom: dotted 1px var(--clr-ss-black);
}
.accordion-text dl dt {
	width: 120px;
	text-align: center;
	padding: 8px 8px 8px 0;
}
.accordion-text dl dt span {
	display: block;
	/* background-color: var(--main-clr-gray); */
	border: solid 1px var(--main-clr-gray);
	/* color: #fff; */
	font-size: 12px;
	line-height: 1.25;
	padding: 0.5em 0;
}
.accordion-text dl dd {
	width: calc(100% - 120px);
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	padding: 8px 0 8px 8px;
}
.accordion-text dl dd ul {
	margin-top: 0.5em;
}
.accordion-text dl dd ul li {
	font-size: 13px;
	line-height: 1.5;
	text-indent: -1em;
	margin-left: 1em;
	text-wrap: pretty;
}


/* 商品一覧
================================================== */

#ss_10days .heading_cate {
	position: relative;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 0.5em;
	padding: 0 20px;
	box-sizing: border-box;
}

#ss_10days .list_item {
	position: relative;
	width: 100%;
	max-width: 640px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 auto 32px;
}
#ss_10days .list_item > li {
	position: relative;
	width: calc((100% - 16px*1)/2);
}
#ss_10days .list_item > li.w100 { width: 100%; }
#ss_10days .list_item > li a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0px 0px 15px -5px #b3aca2;
}
#ss_10days .list_item > li a .thumb,
#ss_10days .list_item > li a .spec {
	position: relative;
	display: block;
}
#ss_10days .list_item > li a .thumb img {
	width: 100%;
	height: auto;
}
#ss_10days .list_item > li a .spec {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
#ss_10days .list_item > li a .spec h4 {
	font-size: 14px;
	font-weight: 700;
	padding: 0.75em 0;
}


#ss_10days .block_set {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px 0;
}
#ss_10days .block_set:nth-of-type(n+2) { margin-top: 4px; }
#ss_10days .block_set#buzz { background-color: #fff; }

#ss_10days .block_set .movie {
	position: relative;
	width: 160px;
}
#ss_10days .block_set .item {
	width: auto;
}

#ss_10days .block_item .txt_set {
	position: relative;
	font-size: 14px;
	line-height: 1.5;
}
#ss_10days .block_item .txt_set::before,
#ss_10days .block_item .txt_set::after {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 1px;
	height: 16px;
	background-color: var(--clr-ss-black);
	margin: auto 0.5em;
}
#ss_10days .block_item .txt_set::before { transform: rotate(-20deg);}
#ss_10days .block_item .txt_set::after { transform: rotate(20deg);}
#ss_10days .block_item .setname {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

#ss_10days .block_set#buzz .block_item .txt_set { color: var(--otoku-main); font-size: 15px; }
#ss_10days .block_item .txt_set::before,
#ss_10days .block_item .txt_set::after { background-color: var(--otoku-main); }

#ss_10days .block_set#buzz .block_item .setname { font-size: 20px; }

#ss_10days .block_item .btn {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 240px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	background-color: var(--main-clr-lightbeige);
	padding: 0.5em 0;
	border-radius: 100px;
	margin: 8px auto 0;
}
#ss_10days .block_item .btn::after {
	position: absolute;
	top: 50%;
	right: 10%;
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg) translateY(-50%);
}
#ss_10days .block_item :hover .btn {
	opacity: 0.7;
}

#ss_10days .anim_animal {
	position: relative;
	width: 100%;
	max-width: 300px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}
#ss_10days .anim_animal li {
	position: relative;
	width: calc((100% - 15px*2) / 3);
}
/* #ss_10days .anim_animal li a { pointer-events: none; } */
#ss_10days .anim_animal li img {
	width: 75%;
	height: auto;
}

.anim_ani01 { animation: decoSwing01 2s steps(2, end) infinite; }
@keyframes decoSwing01 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(25deg); }
}

.anim_ani02 { animation: decoSwing02 2s steps(2, end) 0.5s infinite; }
@keyframes decoSwing02 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-25deg); }
}

.anim_ani03 { animation: decoSwing03 2s steps(2, end) 0.75s infinite; }
@keyframes decoSwing03 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(25deg); }
}



/* 商品 vlog
================================================== */

#ss_10days .block_set_vitem {
	position: relative;
	/* display: grid;
	gap: 20px; */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 20px;
	width: 100%;
	margin: 0 auto 8px;
	padding: 20px 80px;
}
#ss_10days .block_set_vitem#vitem01 { background-color: rgba(var(--vlogw-pink-rgb), 0.75); }
#ss_10days .block_set_vitem#vitem02 { background-color: rgba(var(--vlogw-yellow-rgb), 0.75); }
#ss_10days .block_set_vitem#vitem03 { background-color: rgba(var(--vlogw-green-rgb), 0.75); }
#ss_10days .block_set_vitem#vitem04 { background-color: rgba(var(--vlogw-blue-rgb), 0.75); }

/* #ss_10days .block_set_vitem .movie { grid-column: 1 / 2; grid-row: 1 / 2;}
#ss_10days .block_set_vitem .item { grid-column: 2 / 3; grid-row: 1 / 2;}
#ss_10days .block_set_vitem .tanpin { grid-column: 1 / 3; grid-row: 2 / 3;} */
#ss_10days .block_set_vitem .movie { width: 200px;}
#ss_10days .block_set_vitem .item { width: calc(100% - 220px);}
#ss_10days .block_set_vitem .tanpin { width: 100%; } 


#ss_10days .block_set_vitem .block_item { 
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
#ss_10days .block_set_vitem .block_item::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg) translateX(-50%);
}

#ss_10days .tanpin .heading_sub {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0.25em;
}

#ss_10days .block_set_vitem .list_item_v { 
	position: relative;
	width: 90%;
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin: 0 auto;
}
#ss_10days .block_set_vitem .list_item_v > li { 
	position: relative;
	width: calc((100% - 8px*2)/3);
}
#ss_10days .block_set_vitem .list_item_v > li a { 
	display: block;
}
#ss_10days .block_set_vitem .list_item_v > li .thumb { 
	margin-bottom: 8px;
}
#ss_10days .block_set_vitem .list_item_v > li .pname { 
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}
#ss_10days .block_set_vitem .list_item_v > li .buy_price>ol .price,
#ss_10days .block_set_vitem .list_item_v > li .buy_price>ul .price {
	font-size: 18px;
}
#ss_10days .block_set_vitem .cpn_line {
    position: relative;
    width: 100%;
    border-top: dashed 1px #ccc;
    margin-top: 12px;
    padding-top: 12px;
}

#ss_10days .block_set_vitem .price_cpn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}
#ss_10days .block_set_vitem .price_cpn > p {
    display: inline-block;
    width: auto;
    color: var(--main-clr-red);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border: solid 2px var(--main-clr-red);
    padding: 4px;
}



/* 小ナビ
================================================== */

.nav_item {
	position: relative;
	width: 100%;
	max-width: 640px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin: 0 auto 32px;
}
.nav_item > li {
	position: relative;
	width: calc((100% - 20px)/2);
}
.nav_item > li > a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 72px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
	border-radius: 12px;
}
.nav_item > li > a::after {
	position: absolute;
	right: 8%;
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
	transform: rotate(45deg);
}
.nav_item > li > a span {
	font-weight: inherit;
}
.nav_item > li:hover > a {
	color: #fff!important;
	background-color: var(--otoku-main);
}
.nav_item > li:hover > a::after { border-color: #fff; }



/* 吹き出し
================================================== */

#ss_10days .movie a {
	position: relative;
	display: block;
}
/* #ss_10days .ballon {
	position: absolute;
	top: -20px;
	left: -40px;
	z-index: 5;
	width: 120px;
	height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: var(--main-clr-lightbeige);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	border-radius: 50%;
}
#ss_10days .ballon span,
#ss_10days .ballon strong {
	font-weight: inherit;
	line-height: 1.25;
}
#ss_10days .ballon span { font-size: 150%; } */
#ss_10days .ballon {
	position: relative;
	width: 100%;
	margin: 0 auto 8px -0.5em;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	overflow: visible;
	text-align: center;
}
#ss_10days .ballon span {
	font-size: 150%;
	font-weight: inherit;
	line-height: 1;
}
#ss_10days .ballon::before,
#ss_10days .ballon::after {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 1px;
	height: 20px;
	background-color: var(--clr-ss-black);
	margin: auto 0.5em;
}
#ss_10days .ballon::before { transform: rotate(-20deg);}
#ss_10days .ballon::after { transform: rotate(20deg);}





/* スマホ固定ナビ
================================================== */

#ss_10days .smp_fixed_nav { display: none!important; }




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

#ss_10days ul[class^="col_"] {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	padding: 0;
	box-sizing: border-box;
}
#ss_10days ul[class^="col_"] li {
	position: relative;
}
#ss_10days ul[class^="col_"] li a {
	position: relative;
	display: block;
	width: 100%;
}
#ss_10days ul[class^="col_"] li a img {
	width: 100%;
	height: auto;
}
#ss_10days ul[class^="col_"] li:hover a img {
	opacity: 0.8;
}

#ss_10days ul.col_1 li { width: 100%; }
#ss_10days ul.col_2 li { width: calc((100% - 8px*1)/2); }
#ss_10days ul.col_3 li { width: calc((100% - 8px*2)/3); }

#otoku03 .col_1 {
	padding: 0;
	margin-bottom: 20px;
}

#ss_10days .cpnsize {
	max-width: 480px;
	height: auto;
}



/* ==================================================
   PC左側 / PC右側
================================================== */

#ss_10days .pc_left,
#ss_10days .pc_right {
	position: sticky;
	width: calc((100% - 640px)/2);
	/*top: 0;
	height: 100vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
#ss_10days .pc_left > .inner,
#ss_10days .pc_right > .inner {
	text-align: center;
	padding: 0 4%;
}


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

#ss_10days .pc_left {
	order: 1;
}


#ss_10days .pc_left nav {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#ss_10days .pc_left nav ul {
	position: relative;
	width: 100%;
	/* display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 8px; */
}
#ss_10days .pc_left nav ul li {
	position: relative;
	width: 100%;
}
#ss_10days .pc_left nav ul li:nth-child(n+2) {
	margin-top: 8px;
}
#ss_10days .pc_left nav ul li a {
	position: relative;
	display: block;
	/* display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
	width: 100%;
	/* height: 100px; */
	/* background-color: #343e4c; */
	background-color: rgba(var(--ss10days-yallow-rgb),0.15);
	border-radius: 16px;
	overflow: hidden;
	padding: 32px 24px;
}
#ss_10days .pc_left nav ul li a,
#ss_10days .pc_left nav ul li a span,
#ss_10days .pc_left nav ul li a strong {
	line-height: 1;
	font-weight: 700;
}
#ss_10days .pc_left nav ul li a { font-size: 16px; }
#ss_10days .pc_left nav ul li a span { font-size: 100%;  }
#ss_10days .pc_left nav ul li a strong { font-size: 120%; margin: 0.25em auto; color: var(--ss10days-pink); line-height: 1.25;}

#ss_10days .pc_left nav ul li a::before,
#ss_10days .pc_left nav ul li a::after {
	position: absolute;
	z-index: 2;
	display: inline-block;
}
#ss_10days .pc_left nav ul li a::before {
	top: -4px;
	left: 0;
	color: var(--ss10days-yallow);
	font-size: 40px;
	line-height: 1;
	content: attr(data-num);
	opacity: 0.5;
}
#ss_10days .pc_left nav ul li a::after {
	right: 8px;
	bottom: 8px;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/IMAGE/10days/arr.gif) no-repeat center center;
	background-size: 18px 18px;
	transform: rotate(90deg);
}

#ss_10days .pc_left nav ul li:hover a {
	background-color: rgba(var(--ss10days-yallow-rgb),0.4);
}

@media screen and (max-width: 1600px) {
	#ss_10days .pc_left nav ul li a { padding: 24px 20px;}
	#ss_10days .pc_left nav ul li a strong { display: block; }
}

@media screen and (max-width: 1200px) {
	#ss_10days .pc_left nav { display: none; }
}



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

#ss_10days .pc_right {
    order: 3;
	/* background: url(/IMAGE/10days/bg_240912.jpg) no-repeat center center;
    background-size: cover; */
}




#ss_10days .gototop {
	position: fixed;
	z-index: 100;
	right: 20px;
	bottom: 20px;
}
#ss_10days .gototop a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--otoku-main);
	border-radius: 50%;
}
#ss_10days .gototop a:hover {
	opacity: 0.8;
}

/* 期間外 */
#ss_10days .btnarea.btn_outside a {
	pointer-events: none;
	background-color: #aaa;
}
#ss_10days .btnarea.btn_outside a strong::after {
	display: none;
}

#ss_10days .btn_tanzaku.outside a {
	pointer-events: none;
}


#ss_10days .col_1.outside {
	position: relative;
}
#ss_10days .col_1.outside li a::before {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "Coming Soon";
	width: 100%;
	height: 100%;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	background-color: rgba(0,0,0,0.5);
}
#ss_10days .col_1.outside li a {pointer-events: none }
#ss_10days .col_1.outside li:hover a img { opacity: 1; }