@charset "UTF-8";
/* =================================================================================================
セゾンポイントモール - 15・16・17日はポイ得3DAYS
https://www.a-q-f.com/contents/extra/3days/index.html
Copyright (C) CREDIT SAISON CO.,LTD. All Right Reserved.
================================================================================================= */
body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff !important;
}

/* ----------------------------------------------------------------------------
ページスタイル
---------------------------------------------------------------------------- */
/* ページ背景色 */
.page {
	background-color: #fff;
}

/* リセット */
#lp strong, #lp address {
	margin: 0;
	padding: 0;
	text-align: left;
}
#lp ul, #lp li {
	list-style: none;
	list-style-position: inside;
	text-indent: 0em;
}
#lp {
	min-width: 950px;
	font-family: 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka;
	color: #2b131c;
	background-color: #FFFFFF;
}

/* パンくずナビ */
#lp .bread {
	background: #FFFFFF;
}
#lp #breadCrumb {
	width: 950px;
	margin: 0 auto;
	padding: 2px 0 12px;
}
#lp #breadCrumb li {
	display: inline;
	font-size: 12px;
}
#lp #breadCrumb li strong {
	font-size: 12px;
}
#lp #breadCrumb li a {
	color: #3399ff;
}

/* リンク（デフォルトは下線無し） */
#lp a {
	text-decoration: none;
	cursor: pointer;
}
#lp a:hover {
	text-decoration: underline;
}

/* リキッド */
.liquid {
	margin: 0 auto;
	max-width: 1260px;
}
#new_header {
	margin-bottom: 0px !important;
}
#wrapper {
	padding-top: 0px !important;
}
#container,
#contentWrapper,
#mainContent {
	width: 100% !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

/* 赤字 */
.text_red {
	color: #a3171a;
	font-weight: bold;
}



/* ----------------------------------------------------------------------------
背景
---------------------------------------------------------------------------- */
#wrapper {
	padding-bottom: 0px !important;
}



/* ----------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------- */
#main_area {
	background: url("/common/pc/img/contents/extra/3days/pattern_01.png") repeat;
	padding: 60px 0 50px;
	text-align: center;
}

#main_area .anchor a {
	display: block;
	position: relative;
	width: 550px;
	margin: 30px auto 0;
	padding: 14px 0 17px;
	border-radius: 10px;
	background-color: #ffe1ed;
	color: #2b131c;
	font-size: 1.5rem;
	font-weight: bold;
	box-shadow: 0px 6px 0px 0px #f89fc3;
	text-align: center;
}
#main_area .anchor a:hover {
	text-decoration: none;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	box-shadow: none;
}
#main_area .anchor a::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 11px;
	height: 11px;
	border-top: 4px solid #ff5fa0;
	border-right: 4px solid #ff5fa0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 20px;
	right: 30px;
}

#main_area .sns {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 950px;
	margin: 30px auto 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#main_area .sns li:first-of-type {
	margin-right: 24px;
}



/* ----------------------------------------------------------------------------
ショップ
---------------------------------------------------------------------------- */
#shop {
	background: url("/common/pc/img/contents/extra/3days/pattern_02.png") repeat;
}
#shop .shop_inner {
	width: 950px;
	margin: 0 auto;
	padding: 60px 0;
}

/*-----　アコーディオン　------*/
#shop .accordion {
	padding-bottom: 15px;
}
#shop .accordion dl dt {
	padding: 15px 0 16px;
	background: url("/common/pc/img/contents/extra/3days/plus.png") no-repeat center right 30px / 22px 22px , #FFFFFF;
	border: 1px solid #ff5fa0;
	border-radius: 10px;
	box-shadow: 0px 4px 0px 0px #ff5fa0;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#shop .accordion dl dt span {
	color: #ff5fa0;
}
#shop .accordion dl .open {
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	background: url("/common/pc/img/contents/extra/3days/minus.png") no-repeat center right 30px / 22px 4px , #FFFFFF;	
}
#shop .accordion dl dd {
	line-height: 1.5;
	padding: 34px 0 46px;
	border: 1px solid #ff5fa0;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 4px 0px 0px #ff5fa0;
	background: #FFFFFF;
	font-family: 'Kiwi Maru', セリフ; 
	font-size: 1.1rem;
	text-align: center;
}
#shop .accordion dl dd p {
	margin-bottom: 30px;
	font-weight: 500;
}
#shop .accordion dl dd p:last-of-type {
	margin-bottom: 0;
}
#shop .accordion dl dd p strong {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #f4f2b6 0%) repeat scroll 0 0;
	font-weight: 500;
}

/*-----　ショップリスト　------*/
#shop ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#shop ul li {
	/*width: 170px;*/
	width: 250px;
	margin: 0 10px;
	padding: 25px 0;
	text-align: center;
}
#shop ul li dt {
	padding-bottom: 14px;
}
#shop ul li dt img {
	display: block;
	width: 168px;
	margin: 0 auto;
}
#shop ul li dd a {
	display: block;
	padding: 20px 10px 10px;
	background: #fff;
	box-shadow: 0px 2px 8px 0px #c38da3b8;
	border-radius: 10px;
}
#shop ul li dd a:hover {
	-webkit-transform: translateY(2px);
  transform: translateY(2px);
	box-shadow: 0px 1px 3px 0px #987181b8;
	text-decoration: none;
}
#shop ul li dd a .api_logourl {
	width: 120px;
	height: auto;
}
#shop ul li dd a .api_shopname {
	line-height: 1.4;
	padding: 10px 10px 14px;
	color: #2b131c;
  font-size: 0.87rem;
}
#shop ul li dd a .point {
	padding: 16px 0 13px;
	background: #ecfbf8;
	color: #2b131c;
	font-size: 0.75rem;
}
#shop ul li dd a .api_normalmaxpoint {
	margin-bottom: 3px;
	padding: 3px 0 17px;
	background: url(/common/pc/img/contents/extra/3days/point_arrow.png) center bottom no-repeat;
	font-size: 1rem;
}
#shop ul li dd a .api_normalmaxpoint span {
	font-size: 1.1rem;
	font-weight: bold;
}
#shop ul li dd a .campaignpoint {
	font-size: 1.25rem;
}
#shop ul li dd a .campaignpoint span {
	color: #ff5fa0;
	font-size: 2.13rem;
	font-weight: bold;
}

/*-----　注釈　------*/
#shop .attention {
	width: 950px;
	margin: 0 auto;
	padding-top: 15px;
}
#shop .attention p {
	line-height: 1.5;
	font-size: 0.75rem;
}



/* ----------------------------------------------------------------------------
Twitter
---------------------------------------------------------------------------- */
#twitter {
	background: url("/common/pc/img/contents/extra/3days/pattern_01.png") repeat;
}
#twitter .twitter_inner {
	line-height: 1.5;
	width: 950px;
	margin: 0 auto;
	padding: 60px 0 80px;
	text-align: center;
}
#twitter .lead {
	margin-bottom: 50px;
	background: url("/common/pc/img/contents/extra/3days/object.png") center no-repeat;
	font-size: 1.5rem;
	font-weight: bold;
}
#twitter .lead span {
	color: #ff5fa0;
	font-size: 1.75rem;
}
#twitter .catch {
	position: relative;
	margin-bottom: -10px;
	font-size: 1.25rem;
}
#twitter .catch::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 42px;
	background: url(/common/pc/img/contents/extra/3days/title_left.png) center no-repeat;
	background-size: 25px 42px;
	bottom: 5px;
	left: 260px;
}
#twitter .catch::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 42px;
	background: url(/common/pc/img/contents/extra/3days/title_right.png) center no-repeat;
	background-size: 24px 42px;
	bottom: 5px;
	right: 260px;
}
#twitter .catch strong {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #f4f2b6 0%) repeat scroll 0 0;
}

#twitter .btn a {
	display: block;
	position: relative;
	width: 550px;
	margin: 30px auto 0;
	padding: 14px 0 17px;
	border-radius: 10px;
	background-color: #1b95e0;
	color: #FFFFFF;
	font-size: 1.5rem;
	font-weight: bold;
	box-shadow: 0px 6px 0px 0px #0074bc;
	text-align: center;
}
#twitter .btn a:hover {
	text-decoration: none;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	box-shadow: none;
}
#twitter .btn a::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 11px;
	height: 11px;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 25px;
	right: 30px;
}
#twitter .btn a img {
	padding: 0 16px 5px 0;
}



/* ----------------------------------------------------------------------------
次回予告
---------------------------------------------------------------------------- */
#next {
	background: url("/common/pc/img/contents/extra/3days/pattern_01.png") repeat;
	padding: 60px 0 70px;
	text-align: center;
}
#next .next_inner {
	width: 950px;
	margin: 0 auto;
	background: url("/common/pc/img/contents/extra/3days/next_mv_bg.png") top no-repeat;
}
#next .next_inner > p {
	padding: 46px 0;
}
#next .next_day {
	position: relative;
	width: 710px;
	margin: 0 auto;
	padding: 20px 0 60px;
	background: #FFFFFF;	
}
.next_day::before {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 36px 0 0;
	border-color: #d4e6e3 transparent transparent transparent;
	right: 0;
	bottom: 0px;
}
.next_day::after {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 36px 36px;
	border-color: transparent transparent #e6f9f6 transparent;
	right: 0;
	bottom: 0px;
}
#next .next_day h2 {
	padding: 14px 0 25px;
}



/* ----------------------------------------------------------------------------
ページTOP
---------------------------------------------------------------------------- */
.page_top {
	width: 950px;
	margin: 0 auto;
	text-align: right;
	background-color: #fff;
}


/* -------------------
shoplist
----------------------*/
#shop_bg {
	 background: url(/common/pc/img/contents/extra/3days/pattern_01.png) repeat;
    text-align: center;
	padding: 50px 0;
}
#shop_bg h3.blue{
	 font-size: 30px;
	font-weight: bold;
	color:#00b2d6;
}
#shop_bg h3.pink{
	 font-size: 30px;
	font-weight: bold;
	color:#ff5fa0;
	margin: 50px 0 20px;
}

#shoplist {
	width: 950px;
	margin: 20px auto;
	
}

#shoplist .shopContents {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* shopContent */
#shoplist .shopContent {
	width: 160px;
    margin-left: 10px;
    padding: 25px 10px;
    background: #FFFFFF;
    text-align: center;

}
#shoplist .shopContent:nth-child(4n+1) {
	margin-left: 10;
}
#shoplist .shopContent:nth-child(n+5) {
	margin-top: 0px;
}
#shoplist .shopContentInner > a {
	color: #365c95;
}


#shoplist .shopInfo dd {
	display: table;
	width: 100%;
	height: 62px;
}
#shoplist .shopInfo .api_shopname {
	padding: 14px 0 0;
	font-size: 14px;
	text-decoration: underline;
}
#shoplist .shopInfo .api_shopname:hover {
	text-decoration: none;
}

/* point */
#shoplist .point {
	padding: 14px 20px;
	background: #f9f9f9;
}
#shoplist .point .tit,
#shoplist .pointInner .api_displaypoint,
#shoplist .pointInner ul li {
	color: #333;
	font-size: 12px;
	font-weight: 500;
}
#shoplist .pointInner .api_displaypoint {
    color: #b90000;
    font-size: 13px;
}
#shoplist .point .tit {
	padding-bottom: 8px;
	border-bottom: 1px solid #b0b0b0;
}
#shoplist .pointInner {
	width: 120px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding-top: 14px;
}
#shoplist .pointInner .api_displaypoint span {
	font-size: 22px;
    font-weight: bold;
}
#shoplist .pointInner ul li span {
	color: #b90000;
	font-weight: 900;
}
#shoplist .pointInner ul li span strong {
	font-size: 20px;
	font-weight: 900;
}
#shoplist .point.normal .pointInner {
	webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#shoplist .point.normal .pointInner .api_displaypoint {
	font-size: 13px;
}
#shoplist .point.normal .pointInner .api_displaypoint span {
	font-size: 20px;
}

/* shopAttention */
#shoplist .shopAttention {
	padding-top: 14px;
	font-size: 10px;
}
#shoplist .shopAttention p + p {
	padding-top: 5px;
}
#shoplist .shopAttention p a {
	color: #7d7d7d;
	text-decoration: underline;
}
#shoplist .shopAttention p a:hover {
	color: #7d7d7d;
	text-decoration: none;
}

/* pickup_shop */
#shoplist h3.red{
	font-size: 40px;
	font-weight: bold;
	color:#b90000;
	margin: 50px 0 20px;
	text-align: center;
}
#shoplist.pickup_shop ul li {
    width: 435px;
    margin-left: 10px;
    padding: 25px 10px;
    
}


#shoplist.pickup_shop ul li dd a .api_logourl {
    width: 168px;
    height: auto;
}
#shoplist.pickup_shop ul li dd a {
    display: block;
    padding: 20px 10px 10px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px #c38da3b8;
    border-radius: 10px;
    border: 8px solid #ffea00;
}
/* ----------------------------------------------------------------------------
clearfix
---------------------------------------------------------------------------- */
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}