@charset "utf-8";

/*

# CSS info
---
その他ページ

*/

/* ## faq ===============================
よくある質問 設定 */

.accordion dd{
	display: none;
}
.accordion dt{
	cursor: pointer;
}
.accordion > dd{
	margin-bottom: 20px;
}
.accordion{
	margin-bottom: 10px;
}
#faQtabArea h2.resp-accordion,
#faQtabArea h2.resp-tab-active{
	border: 0 !important;
	padding: 0 !important;
	margin-top: 10px;
}
#faQtabArea h2.resp-accordion div,
#faQtabArea h2.resp-tab-active div{
	display: block;
	color: #316AC5;
	font-size: 1.15rem;
	font-weight: bold;
	border: 1px solid #BBBBBB !important;
	padding: 10px 10px !important;
	text-decoration: none;
	position: relative;
	background: -webkit-linear-gradient(#FFF, #F6F6F6) !;
	background: -o-linear-gradient(#FFF, #F6F6F6) !;
	background: linear-gradient(#FFF, #F6F6F6) !important;
}
#faQtabArea h2.resp-accordion div:after{
	content: '\e806';
	font-family: "fontello";
	width: 30px;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	right: 0;
	font-size: 23px;
	text-align: center;
	line-height: 1;
	border-left: 1px solid #BBBBBB;
	color: #AAA;
}
#faQtabArea h2.resp-tab-active div:after{
	content: '\e805';}
#faQtabArea h2.resp-accordion span{
	display: none;
}

#faQtabArea .resp-tab-content{
	padding: 0;
	border: 0;
}
.accordion dt{
	font-weight: bold;
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCC;
	padding: 15px 10px 15px 50px;
	position: relative;
}
.accordion dt:before{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 10px;
	content:"Q.";
	color: #FFF;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border-radius:50%;
	background-color: #1F529F;
}
.accordion dd{
	overflow: hidden;
	padding: 15px 10px 15px 50px;
	border-bottom: 1px solid #CCC;
}
.accordion dd:before{
	font-weight: bold;
	margin-left: -40px;
	float: left;
	content:"A.";
	color: #FFF;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border-radius:50%;
	background-color: #F3981C;
}

.faqBtnArea{
	overflow: hidden;
	margin:20px 0 30px;
}
.faqBtnArea li{
	float: left;
	width:49%;
	margin-left:2.0%;
}
.faqBtnArea li:first-child{
	clear:both;
	margin-left:0 !important;
}
.faqBtnArea li a,
.faqBtnArea li a:hover{
	font-size: 1.15rem;
	color: #316AC5;
	padding: 13px 25px 13px 15px;
}
.answer .txt{
	float: left;
	margin-right: -215px;
	width: 100%;
}
.answer .txt .inner{
	margin-right: 215px;
}

.answer div p {
	margin-bottom: 0.5em;
}

.answer div p span.fnt-b {
	font-weight: bold;
}


.faqBtnR{
	float: right;
	overflow: hidden;
	margin-left: 15px;
}
.faqBtnR a{
	width: 200px;
	padding: 13px 10px 13px;
}

@media screen and (max-width: 640px) {
.check_mailalert_box{
	margin: 25px 0 30px;
}
.faqBtnArea li{
	float: none;
	width:auto;
	margin-left:0;
}
.faqBtnArea li:first-child{
	margin-bottom: 10px;
}
.faqBtnR{
	float: right;
	margin-left: 15px;
}
#faQtabArea h2.resp-accordion div,
#faQtabArea h2.resp-tab-active div{
	font-size: 1.08rem;
}
.answer .txt{
	float:inherit;
	margin-right:0;
	margin-bottom:10px;}
.answer .txt .inner{
	margin-right:0;}
.faqBtnR{
	float:inherit;
	margin-left:0;}
.faqBtnR a{
	width: 100%;
	margin: 0 auto;}
}/* --640px END-- */


/* ## infoWrap ===============================
共通設定 */

#infoWrap p{
	margin-bottom: 1.8em;
}
#infoWrap .smf span {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
}
#infoWrap .smf {
	margin-bottom: 10px;
}
#infoWrap .smf.last {
	margin-bottom: 1.8em;
}
#infoWrap p:last-child{
	margin-bottom: 0;
}
#infoWrap ol li{
	margin-bottom: 5px;
	list-style-type: decimal;
}
#infoWrap ol.lower_alpha li{
	margin-bottom: 5px;
	list-style-type: lower-alpha;
}
#infoWrap ol{
	margin-bottom: 15px;
}
#infoWrap ul li{
	margin-bottom: 1.8em;
}
#infoWrap ul li ul,
#infoWrap ul li ol{
	margin: 10px 0 0;
}
#infoWrap ul li li{
	margin-bottom: 0;
}

#infoWrap .li_mb_sp0 li{
	margin-bottom: 0;
}

/*　カード利用規約　*/

#infoWrap table.kiyaku_table {
	width: 100%;
	margin-bottom: 20px;
}

#infoWrap table.kiyaku_table th {
	font-weight: normal;
	vertical-align: middle;
	width: 30%;
}

table.shiharai_table {
	width: 100%;
	margin-bottom: 10px;
}

table.betuhyo_table{
	margin-bottom: 10px;
}


table.shiharai_table th,
table.betuhyo_table th{
	font-weight: normal;
	background: #f5f5f5;
	vertical-align: middle;
}

table.shiharai_table th,
table.shiharai_table td,
table.betuhyo_table th,
table.betuhyo_table td {
	border: 1px solid #CCC;
	padding: 10px;
	vertical-align: middle;
}

table.shiharai_table td,
table.betuhyo_table td {
	text-align: center;
}

table.shiharai_table td.left_cell {
	text-align: left;
}

table.shiharai_table th.w1em {
	width: 2.5em !important;
	text-align: center;
}

table.betuhyo_table th.w20 {
	width: 20% !important;
}

table.betuhyo_table th.w80 {
	width: 80% !important;
}

#infoWrap .info_box {
	width: 100%;
	padding: 10px;
	background: #ffffff;
	border: solid 1px #1B50A2;
	margin: 10px 0;
}

/* ## smartphone ===============================
エディオンメンバーズアプリ */

.edionApp{
	overflow: hidden;
	margin-bottom: 45px;
}
.edionApp .imgR{
	width: 300px;
	text-align: center;
	margin: 0 auto;
}
.edionApp .txt{
	overflow: hidden;
}
.edionApp .txt .check {
	text-align: center;
	margin: 20px 0 25px;}
.edionApp .txt .check li{
	display: inline-block;
	margin: 0 15px 10px;
}
.edionApp .txt .check li span{
	font-size: 1.15rem;
	vertical-align: middle;
	margin-left: 3px;
	font-weight: bold;
}
.edionApp .txt .check li span:before {
	background: #FFF;
	box-shadow:rgba(0, 0, 0, 0.11) 3px 3px 3px -3px inset;
	border: 2px solid #CCC;
	box-sizing: border-box;
	content: "\e85f";
	display: inline-block;
	font-family: "fontello";
	font-size: 30px;
	font-weight: bold;
	height: 22px;
	line-height: 16px;
	margin: 11px 8px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
	width: 22px;
	background-color: #FFF !important;
	color: #F3981C;
}


.edionApp .txt .appDlList{
	text-align: center;
}
.edionApp .txt .appDlList li{
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;
}
.edionApp .txt .atte{
	margin-top: 35px;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	padding: 10px;
}
.edionApp .txt .atte dt{
	font-size: 1.15rem;
	font-weight: bold;
}
.edionApp .txt .atte dt:before{
	color: #F3981C;
	font-size: 25px;
	margin-right: 10px;
}

.appDL{
	margin-bottom: 50px;
}
.appDL .title{
	text-align: center;
	font-weight: bold;
	color: #455976;
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.appDL p strong{
	color: #1F52A0;
}
.appDL .image{
	padding: 18px 0;
}
.appDL .flow{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}
.appDL .flow dl{
	border: 1px solid #CCC;
	width:32%;
}
.appDL .flow dl dt{
	background-color: #1F52A1;
	color: #FFF;
	padding: 10px;
	font-size: 1.15rem;
	font-weight: bold;
	text-align: center;
}
.appDL .flow dl dd{
	padding: 20px;
}
.appDL ul{
	margin-top: 15px;
}
.appDL ul li{
	background-color: #f5F5F5;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}
.appDL ul li:after{
	font-size: 25px;
	font-family: fontello;
	color: #FB9D00;
	content: "\e832";
	display: block;
	width: 100%;
	position: absolute;
	bottom: -29px;
	left: 0;
	text-align: center;
}
.appDL ul li:last-child{
	margin-bottom: 0;
}
.appDL ul li:last-child:after{
	display: none;
}

@media screen and (max-width: 640px) {
.appDL{
	display: none;
}
}/* --640px END-- */

.registrationFlow ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
	overflow: hidden;
	margin-bottom: 30px;
}
.registrationFlow ul li{
	width:17%;
}
.registrationFlow ul li .image{
	margin-bottom: 10px;
	text-align: center;
}
.registrationFlow ul li .image img{
	max-width: 100%;
	height: auto;
	width /***/:auto;}
@media screen and (max-width: 640px) {
.registrationFlow ul{
	display: block;
	margin-bottom: 0;
}
.registrationFlow ul li{
	width:auto;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
}/* --640px END-- */

/* ## inquiry ===============================
お問い合わせ一覧 */

#inquiryWrap p{
	margin-bottom: 1em;
}
.inquiry_box{
	margin-bottom: 50px;
}
.inquiry_box .Btnprivacy {
	margin-top: 25px;
	text-align:center;
}
.inquiry_box .Btnprivacy a{
	max-width: 400px;
	margin: 0 auto;
	padding: 18px 30px;
}


/* ## edion_camList ===============================
カードリスト */
.edion_camList{
	border-top: 1px solid #CCC;
}
.edion_camList li{
	border-bottom: 1px solid #CCC;
	padding: 15px;
	overflow: hidden;
}
.edion_camList li .imgL{
	margin-bottom: 0;
	width: 180px;
}
.edion_camList li .imgL img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.edion_camList li a:before{
	font-family: "fontello";
	width: 1em;
	text-align: center;
	color: #FB9D00;
	text-decoration:none !important;
	content: '\e813';
	display: inline-block;
	margin-right: 5px;
}
@media screen and (max-width: 800px) {
.edion_camList li{
	padding: 10px;
}
.edion_camList li .imgL{
	margin: 0 auto 10px;
}
}


/* ## pointget ===============================
店舗・商品情報　設定 */

#tags {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin:10px 0 -3px;
}
#tags div {
    display: table-cell;
    list-style: none;
    cursor: pointer;
    width: auto;
    vertical-align: bottom;
    background: none !important;
    text-align: center !important;
}

#tags div span{
	display: block;
    font-weight: 600;
    padding: 13px 5px;
    margin: 0 0 0 8px;
    border-radius:6px 6px 0 0;
    border: 1px solid #c1c1c1;
    border-bottom: 0;
    background-color: #f5f5f5;
}
#tags div:first-child span{
    margin-left: 0;
}
#tags div span em{
	font-weight: 800;
}

#tags .select span{
	border: 3px solid #1B50A2 !important;
	border-bottom: none;
	padding: 12px 3px 15px 3px !important;
	border-bottom: 0 #fff solid !important;
	color: #1B50A2;
	font-weight: 800;
	background-color: #FFF !important;
	position: relative;
	z-index: 1px;
}


#tags span:hover{
	cursor: pointer;
	text-decoration: none;
}
.tabList .preferentialList {
	border-top: 3px solid #1b50a2;
	padding-top: 20px;
}

#shopinfoWrap .preferentialList ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	overflow: hidden;
	margin-left:-1.6%;
}
.preferentialList li{
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	width: 23.4%;
	margin-left: 1.6%;
	margin-bottom: 20px;
}
#shopinfoWrap .preferentialList ul li .image{
	text-align: center;
	background: #F5F5F5;
}
#shopinfoWrap .preferentialList ul li .image.bgBlack{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2E2624), color-stop(0.00, #010101));
	background: -webkit-linear-gradient(#2E2624, #010101);
	background: -ms-linear-gradient(#2E2624, #010101);
	background: linear-gradient(#2E2624, #010101);}
#shopinfoWrap .preferentialList ul li .image.bgYellow{background: #FDD100;}
#shopinfoWrap .preferentialList ul li .image.bgBlue{background: #1659A0;}
#shopinfoWrap .preferentialList ul li .image.bgOrange{background: #F18D00;}


#shopinfoWrap .preferentialList ul li .image img{
	max-width: 100%;
	height: auto;
	width /***/:auto;}
#shopinfoWrap .preferentialList ul li .txt{
	padding: 10px;
}
#shopinfoWrap .preferentialList ul li .txt span{
	display: inline-block;
	margin-left: 5px;
}
#shopinfoWrap .preferentialList ul li .txt span:first-child{
	margin-left: 0;
}
#shopinfoWrap .preferentialList ul li .txt .period{
	font-size: 0.93rem;
	font-weight: bold;
}
#shopinfoWrap .preferentialList ul li .txt a{
	text-decoration:underline;
	font-weight: bold;
}
#shopinfoWrap .preferentialList ul li .txt a:hover{
	text-decoration: none;}
#shopinfoWrap .preferentialList ul li .txt em.red{
	font-weight: bold;
	color:#D90000;
	display: block;
	margin-bottom:5px;}
#shopinfoWrap .preferentialList ul li .txt p{
	font-size:13px;}

@media screen and (max-width: 850px) {
.preferentialList li{
	width:31.7%;
	margin-left:1.6%;
}
}/* --850px END-- */
@media screen and (max-width: 640px) {
.preferentialList ul{
	margin-left:-2.5%;
}
.preferentialList li{
	width: 47.5%;
	margin-left: 2.5%;
}
#tags span em{
	display: block;
}
}/* --640px END-- */
@media screen and (max-width: 410px) {
.preferentialList ul{
	margin-left:0;
	display: block;
}
.preferentialList li{
	width: 100%;
	margin-left: 0;
}
#tags span em{
	display: block;
}
}/* --410px END-- */

/* ## sitemap ===============================
サイトマップ 設定 */

#infoWrap .sitemap{
	overflow: hidden;
	border: 1px solid #CCC;
	background: #F5F5F5;
	padding: 5px 20px 5px;
}
#infoWrap .sitemap ul{
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}
#infoWrap .sitemap ul:last-child{
	border-bottom: none;
}
#infoWrap .sitemap ul li{
	margin-bottom: 0;
	width: 49%;
	margin-left:2%;
	float: left;
}
#infoWrap .sitemap ul li a{
	display: block;
	padding: 5px;
	color: #444;
}
#infoWrap .sitemap ul li a:before{
	font-family: "fontello";
	font-weight: normal;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	color: #FB9D00;
	text-decoration:none !important;
	content: '\e835';
	display: inline-block;
}
#infoWrap .sitemap ul.fl{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 1.2em;
}

#infoWrap .sitemap ul.fl li{
	width: auto;
	margin: 0;
}
#infoWrap .sitemap ul.fl li a{
	font-weight: bold;
}

#infoWrap .sitemap ul.fl li .no_link{
	font-weight: bold;
	margin-left: 1em;
}

#infoWrap .sitemap ul li span{
	font-size:0.928571423rem;
	color: #666;
}

#infoWrap .sitemap ul li dl {
	margin-bottom: 10px;
}

#infoWrap .sitemap ul li dl dt {
	font-weight: bold;
}

#infoWrap .sitemap ul li dl dt.no_link {
	margin-left: 1em;
}

#infoWrap .sitemap ul li dl dd {
	margin-left: 1em;
}

@media screen and (min-width: 800px) {
#infoWrap .sitemap ul li:nth-child(2n+1){
	margin-left: 0;
	clear: both;
}
}/* --800px END-- */
@media screen and (max-width: 800px) {
#infoWrap .sitemap{
	padding: 5px 10px 5px;
}
#infoWrap .sitemap ul li{
	width: 47.3%;
	margin-left: 2.4%;
}

}/* --800px END-- */
@media screen and (max-width: 640px) {
#infoWrap .sitemap ul li{
	float: none;
	width: auto;
	margin-left: 0 !important;
}
}/* --640px END-- */

/* ------------------ End ------------------ */