@charset "shift_jis";

/* ======================================================
 * /common-files/css/cardcenter/cardcenter.css
====================================================== */
/* map */
.cardcenter-map01 {
	position: relative;
	width: 506px;
}
.cardcenter-map01 .cardcenter-mapLink > li {
	position: absolute;
	height: 30px;
	text-indent: -9999px;
}
.cardcenter-map01 .cardcenter-mapLink > li span {
	display: block;
	height: 30px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map01 {
	width: 130px;
	top: 151px;
	left: 366px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map02 {
	width: 76px;
	top: 265px;
	left: 420px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map03 {
	width: 120px;
	top: 256px;
	left: 267px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map04 {
	width: 76px;
	top: 360px;
	left: 303px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map05 {
	width: 76px;
	top: 272px;
	left: 184px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map06 {
	width: 76px;
	top: 378px;
	left: 184px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map07 {
	width: 120px;
	top: 341px;
	left: 69px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map01 span { background: url(/cardcenter/img-files/cardcenter_ic12.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map02 span { background: url(/cardcenter/img-files/cardcenter_ic02.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map03 span { background: url(/cardcenter/img-files/cardcenter_ic03.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map04 span { background: url(/cardcenter/img-files/cardcenter_ic04.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map05 span { background: url(/cardcenter/img-files/cardcenter_ic05.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map06 span { background: url(/cardcenter/img-files/cardcenter_ic06.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li.map07 span { background: url(/cardcenter/img-files/cardcenter_ic07.png) 0 0 no-repeat; }
.cardcenter-map01 .cardcenter-mapLink > li a {
	outline: none;
}
.cardcenter-map01 .cardcenter-mapLink > li a:hover span {
	background-position: 0 -30px;
}
/* text */
.cardcenter-lead01 {
	padding: 14px 20px;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	background: #fff8cc;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
.cardcenter-releaseDate {
	margin-top: 1.0em;
	text-align: right;
}
.cardcenter-releaseDate + * {
	margin-top: 5px !important;
}
/* toggle */
.cardcenter-toggle .toggleTrigger {
	padding-left: 15px;
	padding-right: 56px;
	color: #222222;
}
.cardcenter-toggle .toggleTrigger.open {
	color: #a5001e;
}
.cardcenter-toggle .toggleTrigger .toggleIcon {
	left: inherit;
	right: 12px;
}
/* table */
.cardcenter-table {
}
.cardcenter-shopName {
	font-size: 15px;
	font-size: 1.5rem;
}
.cardcenter-table tr > .cell01, .cardcenter-table tr > .cell02 { width: 32%; }
.cardcenter-table tr > .cell03, .cardcenter-table tr > .cell04 { width: 18%; }
.cardcenter-table tr > .cell05{ width: 68%; }
.cardcenter-table tr > .cell01 > p:first-child {
	float: left;
}
.cardcenter-table .cell06 {
	padding: 15px;
	background-color: #f2f2f2;
    border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}
.cardcenter-table .cell07 {
	padding: 15px;
	background-color: #f2f2f2;
    border-top: solid 1px #dddddd;
}
.cardcenter-table tr > .cell01 .linkTxt01 {
	float: right;
	margin-top: 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.cardcenter-table tr > .cell01 .linkTxt01 a.cb-inline:after {
	display: none;
}
.js-spAfterTxt {
	display: none;
}
/* box */
.cardcenter-boxLayout01 {
	margin-top: 30px;
	padding: 16px 20px;
	background: #f2f2f2;
}
.cardcenter-boxLayout01 .linkTxt02 {
	margin-top: 0.5em;
	font-size: 14px;
	font-size: 1.4rem;
}
/* modal */
.cb_inl_content.type-cardcenter {
	max-height: 100%;
	overflow: auto;
	padding: 40px 96px 0;
	background: #ffffff;
}
.cb_inl_content.type-cardcenter .cb_cardcenter_block {
	width: 600px;
	padding-bottom: 40px;
}
.cb_inl_content.type-cardcenter .cb_inl_head01 {
	background: #a5001e;
	color: #ffffff;
}
.cb_inl_content.type-cardcenter .cb_inl_inner {
	padding: 20px;
	border: 1px solid #e0d3bc;
	border-top: none;
	background: #f4efe6;
}
.cb_inl_content.type-cardcenter .cb_inl_inner > *:first-child {
	margin-top: 0 !important;
}
.cardcenter-list > li {
	float: left;
	width: 125px;
	margin-left: 19px;
	text-align: center;
}
.cardcenter-list > li.col {
	width: 260px;
}
.cardcenter-list > li:nth-child(5n+1) {
	margin-left: 0;
	clear: left;
}
.cardcenter-list > li.colAuto {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.cardcenter-list > li.colAuto + li {
	margin-left: 0;
}
.cardcenter-list .cardNm {
	margin-top: 0.5em;
	font-size: 12px;
	font-size: 1.2rem;
}
.cb_inl_content.type-cardcenter .cb_inl_inner .noteList01 > li > .numList01,
.cb_inl_content.type-cardcenter .cb_inl_inner .noteList01 + .noteList01 {
	margin-top: 5px;
}

@media screen and (max-width: 750px) {
/* map */
.cardcenter-map01 {
	width: 253px;
	margin: 0 auto;
}
.cardcenter-map01 img {
	width: 253px;
}
.cardcenter-map01 .cardcenter-mapLink > li,
.cardcenter-map01 .cardcenter-mapLink > li span {
	height: 15px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map01 {
	width: 65px;
	top: 75px;
	left: 183px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map02 {
	width: 38px;
	top: 132px;
	left: 210px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map03 {
	width: 60px;
	top: 128px;
	left: 133px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map04 {
	width: 38px;
	top: 180px;
	left: 151px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map05 {
	width: 38px;
	top: 136px;
	left: 92px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map06 {
	width: 38px;
	top: 189px;
	left: 92px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map07 {
	width: 60px;
	top: 170px;
	left: 34px;
}
.cardcenter-map01 .cardcenter-mapLink > li.map01 span { -webkit-background-size: 65px 30px; background-size: 65px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map02 span { -webkit-background-size: 38px 30px; background-size: 38px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map03 span { -webkit-background-size: 60px 30px; background-size: 60px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map04 span { -webkit-background-size: 38px 30px; background-size: 38px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map05 span { -webkit-background-size: 38px 30px; background-size: 38px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map06 span { -webkit-background-size: 38px 30px; background-size: 38px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li.map07 span { -webkit-background-size: 60px 30px; background-size: 60px 30px; }
.cardcenter-map01 .cardcenter-mapLink > li a:hover span {
	background-position: 0 0;
}
/* text */
.cardcenter-lead01 {
	padding: 8px 10px;
	font-size: 1.6rem;
}
/* table */
.cardcenter-table tr > .cell01 { width: 44%; }
.cardcenter-table tr > .cell02 { width: 0; display: none; }
.cardcenter-table tr > .cell02.cardcenterEnd { display: table-cell; }
.cardcenter-table tr > .cell03 { width: 18%; text-align: center; }
.cardcenter-table tr > .cell04 { width: 38%; text-align: center; border-right: solid 1px #dddddd;}
.cardcenter-table .headingCell01,
.cardcenter-table .detailCell01 {
	font-size: 1.2rem;
	padding: 6px;
}
.cardcenter-shopName {
	font-size: 1.4rem;
}
.cardcenter-table tr > .cell01 > p:first-child {
	float: none;
}
.cardcenter-table tr > .cell01 .linkTxt01 {
	float: none;
	margin-top: 5px;
	font-size: 12px;
	font-size: 1.2rem;
}
.cardcenter-table tr > .cell01 .linkTxt01 > a {
	padding-left: 10px;
}
.js-spAfterTxt {
	display: block;
}
/* box */
.cardcenter-boxLayout01 {
	margin-top: 15px;
	padding: 8px 10px;
}
/* modal */
.cb_inl_content.type-cardcenter {
	overflow: visible;
	max-height: inherit;
	padding: 20px 20px 0;
	font-size: 1.2rem;
}
.cb_inl_content.type-cardcenter .cb_cardcenter_block {
	padding-bottom: 20px;
	width: 100%;
}
.cb_inl_content.type-cardcenter .cb_inl_head01 {
	font-size: 1.2rem;
}
.cb_inl_content.type-cardcenter .cb_inl_inner {
	padding: 10px;
}
#cboxContent {
	position: static;
}
.cb_inl_content.type-cardcenter .btnLink01.cb_close {
	position: absolute;
	top: 10px;
	right: 10px;
	margin-top: 0;
}
.cb_inl_content.type-cardcenter .btnLink01.cb_close a {
	display: block;
	width: 27px;
	height: 27px;
	padding: 0;
	background: url(/cardcenter/img-files/cardcenter_bt01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
	border-bottom: none;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	text-indent: -9999px;
}
.cb_inl_content.type-cardcenter .btnLink01.cb_close a:after {
	display: none;
}
.cb_inl_content.type-cardcenter .btnLink01.cb_close a:hover {
	margin-top: 0;
}
.floatCenter .cardcenter-list > li {
	float: left;
	width: 48%;
	margin-left: 4%;
}
.floatCenter .cardcenter-list > li.col {
	width: 100%;
}
.cardcenter-list > li:nth-child(4n+1) {
	margin-left: 4%;
	clear: none;
}
.cardcenter-list > li:nth-child(2n+1) {
	margin-left: 0;
	clear: left;
}
.cardcenter-list > li:nth-child(n+3) {
	margin-top: 4%;
}
/* 1 of 1, 1 of 3 */
.cardcenter-list > li:first-child:last-child,
.cardcenter-list > li:nth-child(1):nth-last-child(3) {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
/* 2 of 3 */
.cardcenter-list > li:nth-child(2):nth-last-child(2) {
	margin-left: 0;
	margin-top: 4%;
	clear: left;
}
/* 3 of 3 */
.cardcenter-list > li:nth-child(3):nth-last-child(1) {
	margin-left: 4%;
	clear: none;
}
.cardcenter-list > li.colAuto {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.cardcenter-list .cardNm {
	font-size: 1.1rem;
}
.cardcenter-list > li > figure > img {
	width: 100%;
	max-width: 120px;
}
.cardcenter-list > li.col > figure > img {
	width: 100%;
	max-width: 250px;
}
}