@charset "UTF-8";

a:hover img {
opacity: .7;
}

/*
 ポイントモールトップ
----------------------------*/
/** mainVisual **/
.str-mv {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f5f5f6;
}
.str-mv > .inner {
max-width: 950px;
margin: 0 auto;
padding: 23px 0;
background: url(/point/mall/img/index-img.png) right top no-repeat #f5f5f6;
}
.str-mv .hdg {
font-size: 30px;
font-size: 3.0rem;
}
.bnr-info {
box-sizing: border-box;
margin: 20px auto 0;
text-align: center;
}
.str-sec > .inner,
.contents-box {
max-width: 950px;
margin: 0 auto;
}
.str-sec > .inner {
padding: 55px 0;
}

@media screen and (max-width: 767px) {
	.bnr-info {
	padding-left: 15px;
	padding-right: 15px;
	}
}

.str-mv .pageLink {
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
	.str-mv .pageLink {
	margin-top: 4px;
	margin-bottom: 0;
	padding: 0;
	background: transparent;
	}
	.str-mv .pageLink li {
	display: inline-block;
	}
	.str-mv .pageLink li + li {
		margin-left: 10px;
	}
}
@media screen and (max-width: 767px) {
	.str-mv .pageLink {
	margin-top: 10px;
	}
}

.attentionPanel-2 {
	padding: 20px 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.attentionPanel-2 > .title {
display: inline-block;
float: left;
max-width: 100%;
margin-right: 10px;
padding: 4px 6px 3px;
border: 1px solid #e00000;
border-radius: 4px;
text-align: center;
line-height: 1;
color: #e00000;
}
.attentionPanel-2 > .txt {
overflow: hidden;
}
.attentionPanel-2 > .txt > *:last-child {
margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.attentionPanel-2 {
	padding: 15px;
	}
	.attentionPanel-2 > .title {
	float: none;
	margin-bottom: 7px;
	}
}

/** 3カラム **/
.col3::after {
display: block;
clear: both;
content: '';
}
.col3 {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}
.col3Item {
width: 300px;
margin: 0 0 25px 25px;
}
.col3Item > .lyt-box-2:last-child {
margin-bottom: 0;
}
.col3Item:nth-child(3n+1) {
margin-left: 0;
}
.lyt-box-2 {
margin-bottom: 20px;
border: 1px solid #ccc;
background: #fff;
text-align: center;
}
.lyt-box-2 > a {
position: relative;
display: block;
}
.lyt-box-2 > a > .txt {
padding: 15px;
}
.lyt-box-2 > a > img[src*="shop-logo"] {
margin-top: 19px;
}
.lyt-box-2 > a[target*="_blank"]::before {
position: absolute;
z-index: 1;
top: 10px;
right: 7px;
display: block;
content: '';
width: 12px;
height: 9px;
background: url(/point/common/img/icon/icon_01.png) no-repeat;
}
.lyt-box-2 > a[target*="_blank"].type-white::before {
background: url(/point/common/img/icon/icon_link_02.png) no-repeat;
}
.list-shoplogo-rec {
margin-bottom: 5px;
}
.list-shoplogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.list-shoplogo li {
margin: 0 12px 25px;
}

@media only screen and (max-width:767px) {
.col3 {
	display: block;
}
}

/** カルーセル 上書き **/
@media screen and (min-width: 768px) {
	.carouselBnrBox {
	width: auto;
	margin: 0;
	}
	[data-script-enabled='true'] .js_carousel .owl-stage {
	width: auto !important;
	}
	[data-script-enabled='true'] .js_carousel .owl-item {
	width: auto !important;
	margin-right: 0 !important;
	margin-left: 25px;
	}
	[data-script-enabled='true'] .js_carousel .owl-item:nth-child(3n+1) {
	margin-left: 0;
	}
}
[data-script-enabled='true'] .owl-theme .owl-controls {
margin-top: 10px;
}

/*
 ポイント成果条件について
----------------------------*/

.icon-spoint > p {
  display: inline-block;
}
.icon-up > p {
  position: relative;
  padding-right: 2em;
}

p.icon-spoint::before,
.icon-spoint > p::before {
display: inline-block;
content: '';
width: 16px;
height: 14px;
margin-right: 5px;
vertical-align: middle;
background: url(/point/mall/img/icon-spoint.png) no-repeat;
}
.icon-up {
position: relative;
padding-right: 27px;
}
p.icon-up::after,
.icon-up > p::after {
position: absolute;
top: 0;
right: 0;
display: block;
content: 'ポイントアップ';
width: 22px;
height: 22px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
background: url(/point/mall/img/icon-up.svg) no-repeat;
color: transparent;
}
a:hover .icon-spoint::before,
a:hover .icon-up::after {
text-decoration: none;
opacity: .7;
}
.lyt-box {
display: flex;
margin-bottom: 25px;
}
.lyt-box > div:first-child {
margin-right: 25px;
}
.lyt-box > .text {
flex: 1;
}
.lyt-box > .text > *:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .mallPage .gHd2017_parsonal {
    margin-bottom: 0;
  }
  .mallPage .hdg1Box .hdg1BoxInner {
    padding-top: 16px;
  }
  .mallPage .hdg1Box.js_fixedMenu .hdg1BoxInner {
    padding-top: 18px;
  }
}
@media screen and (max-width: 767px) {
	.mallTop .gHd2017_previousPage > a {
		display: none;
	}
	.str-mv {
	border: 0;
	background: transparent;
	}
	.str-mv > .inner {
	padding: 20px 15px 0;
	background: none;
	}
	.str-mv .hdg {
	font-size: 24px;
	font-size: 2.4rem;
	}
	.img-mv {
	width: 100vw;
	max-width: unset;
	margin: 20px -15px 0;
	}
	.str-sec {
	margin-top: 40px;
	}
	.str-sec > .inner,
	.contents-box {
	padding: 0 15px;
	}
	.str-sec > .inner .hdg2 {
	margin: 0 -15px;
	}

	/** 3カラム **/
	.col3Item {
	float: none;
	width: auto;
	max-width: 300px;
	margin: 0 auto 25px;
	}
	.js_carousel .col3Item {
	margin-bottom: 0;
	}
	.col3Item:nth-child(3n+1) {
	margin-left: auto;
	}
	.lyt-box {
	display: block;
	}
	.lyt-box > div:first-child {
	margin-right: 0;
	margin-bottom: 20px;
	}
	.lyt-box > .img {
	text-align: center;
	}
	.table.type-break {
	table-layout: auto;
	border-width: 1px 0 0 0;
	}
	.table.type-break th,
	.table.type-break td {
	display: block;
	border-top: 0;
	}
	.list-shoplogo-rec {
	margin-bottom: 30px;
	}
}

/*
 ご利用ガイド・条件
----------------------------*/
.faq dt,
.faq dd {
position: relative;
padding-left: 30px;
}
.faq dt::before,
.faq dd::before {
font-size: 17.12px;
font-size: 1.712rem;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
display: block;
color: #8abd71;
}
.faq dt::before {content: 'Q';}
.faq dd::before {content: 'A';}
.faq dd + dt {
margin-top: 20px;
}


/*
 モジュールを上書き (会員トップのstyleを移植)
----------------------------*/
.hdg2,
* + section > .hdg2:first-child {
font-size:40px;
font-size:4rem;
margin:140px auto 20px;
text-align: center;
}

@media screen and (max-width: 767px) {
	* + section > .hdg2:first-child, .hdg2 {
	font-size: 24px;
	font-size: 2.4rem;
	border-top: 2px solid #000;
	padding: 16px 0;
	margin: 40px auto 0;
	}
}


/*
 汎用
----------------------------*/
.base-color { color: #223 !important;}
.bg-color {background: #f5f5f6 !important;}

table .vat { vertical-align: top !important;}
table .vat { vertical-align: top !important;}
table .vat { vertical-align: top !important;}

@media screen and (max-width: 767px) {
	.bg-color {background: transparent !important;}
}


/* ──────────────────────────────────────────────

 SP用ハンバーガーメニュー戻るリンクの表示出しわけ

────────────────────────────────────────────── */

@media only screen and (max-width: 767px) {
body.mallPage .gHd2017_previousPage > a.mallLink {
display: block !important;
}
} /* mediaquey END*/



 .mall_tenpo .accordion2Item {
  padding: 2em;
}

@media only screen and (max-width: 767px) {
   .mall_tenpo .accordion2Item {
    padding: 0 15px 11px;
  }
}

[data-script-enabled='true'] .mall_tenpo .accordion2Item {
  transition: .3s height ease-out,
  .3s padding ease-out,
  .5s opacity ease-out;
  overflow: hidden;
  height: 0;
  opacity: 1;
  display: block;
}
[data-script-enabled='true'] .mall_tenpo .accordion2:not(.opend) .accordion2Item {
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
[data-script-enabled='true'] .mall_tenpo .accordion2 .accordion2Item .inner {
  display: none;
}