@charset "UTF-8";

/*--------------------------------------
	タイトルエリア
---------------------------------------*/

.hdrArea {
	background-image: url(../img/bg_hdrarea.gif);
}


/*--------------------------------------
	アイコンつき見出し
---------------------------------------*/

.hdr__icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin: -12px 0.5em -10px 0;
	vertical-align:middle;
}
.hdr__icon--service {
	width:44px;
	height:38px;
	background: url(../img/icon_service_pc.png) no-repeat 0 0;
}
.hdr__icon--majica{
	width:45px;
	height:38px;
	background:url(../img/icon_coupon_pc.png) no-repeat 0 0;
}
.hdr__icon--customer{
	width:42px;
	height:42px;
	background:url(../img/icon_customer_pc.png) no-repeat 0 0;
}
.hdr__icon--brand{
	width:52px;
	height:42px;
	background:url(../img/icon_brand_pc.png) no-repeat 0 0;
}
.hdr__icon--bohan{
	width:50px;
	height:30px;
	background:url(../img/icon_bohan_pc.png) no-repeat 0 0;
}
.hdr__icon--security{
	width:50px;
	height:30px;
	background:url(../img/icon_security_pc.png) no-repeat 0 0;
}
.hdr__icon--money{
	width: 42px;
  height: 29px;
  background: url(../img/icon_service_money_pc.png) no-repeat;
  font-weight: bold;
}

.cts--service .service__topKey{
	margin-bottom: 32px;
	padding: 0;
	*margin-left: -30px;
	*padding-left: 30px;
}

@media only screen and (max-width: 767px) {

.hdr__icon--service {
	width:29px;
	height:26px;
	background:url(../img/icon_service_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--majica{
	width:34px;
	height:24px;
	background:url(../img/icon_coupon_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--customer{
	width:31px;
	height:31px;
	background:url(../img/icon_customer_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--brand{
	width:35px;
	height:27px;
	background:url(../img/icon_brand_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--bohan{
	width:35px;
	height:21px;
	background:url(../img/icon_bohan_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--security{
	width:35px;
	height:21px;
	background:url(../img/icon_security_sp.png) no-repeat 0 0;
	background-size: contain;
}
.hdr__icon--money{
	width:29px;
	height:20px;
	background: url(../img/icon_service_money_sp.png) no-repeat;
	background-size: contain;
}
}


/*--------------------------------------
	サービストップ
---------------------------------------*/
.service__topTxt {
	margin: 0 15px 30px;
}


@media only screen and (max-width: 768px) {

.service__topTxt {
	font-size: 93%;
	margin: -15px 15px 15px;
}

}

/*--------------------------------------
	majicaクーポンのご案内トップ
---------------------------------------*/
.service__couponTxt{
	margin:0 20px 20px;
	font-size:115%;
	line-height:1.7;
}
.service__couponBox{
	margin: 0 20px 50px;
}
.service__couponBoxInner{
	margin: 0 0 5px;
	background: #ffeeee;
}
.service__couponBox a{
	padding: 10px 15px;
	display: block;
	text-decoration: none;
}
.service__couponBox a p.sc_txt01{
	color: #ff5555;
}
.service__couponBox a p.sc_txt02{
	color: #333;
	text-indent: 15px;
	text-decoration: underline;
}
.service__couponBox a:hover p.sc_txt02{
	color: #f60;
}
.service__couponBox p.sc_txt03{
	color: #444;
	font-size: 12px;
}

.service__topKey{
	margin-bottom:50px;
	padding: 0 20px;
	*padding: 0 5px;
	*text-align:center;
}
.service__topKey img{width:100%;}
.hdr.hdr3--majica{font-size:129%; padding-left:20px;}
.service__aboutmajica{margin-bottom:40px; overflow:hidden;}
.aboutmajica__image{margin-top:30px; padding:0 20px;}
.aboutmajica__image img{width:100%;}
.aboutmajica__image img.am_img01,
.aboutmajica__image img.am_img02 {
	width:50%;
	float: left;
}


.coupon__btnArea--pc{margin:30px 0; padding:0 20px;}
.coupon__joinBtn--pc img{width:100%;}
.coupon__inbtnArea--pc{
	position:relative;
	margin-top:13px;
	padding:0 26px 30px 0;
}
.coupon__otherBtn--pc{
	float:left;
	width:33.33%;
	margin-right:13px;
}
.coupon__otherBtn--pc.last{margin-right:-26px;}
.coupon__otherBtn--pc img{width:100%;}
.coupon__btnArea--sp{display:none;}
.service__br--Sp{display:none;}

@media only screen and (max-width: 767px) {
.service__aboutmajica{margin-bottom:50px;}
.service__couponTxt{
	margin:0 15px 20px;
	font-size:100%;
	line-height:1.7;
}
.hdr2--majica{margin-bottom:25px;}
.service__topKey{margin-bottom:30px;}
.hdr3--majica{margin-bottom:25px;}
.aboutmajica__image{margin-top:20px; padding:0 15px;}

.coupon__btnArea--sp{
	display:block;
	margin:20px 0;
	padding:0 15px;
	overflow: hidden;
}
.coupon__joinBtn--sp img{width:100%;}
.coupon__inbtnArea--sp{
	margin-top:6px;
	padding-right:16px;
	overflow:hidden;
}
.coupon__otherBtn--sp{
	float:left;
	width:33.33%;
	margin-right:8px;
}
.coupon__otherBtn--sp.last{margin-right:-16px;}
.coupon__otherBtn--sp img{width:100%;}
.coupon__btnArea--pc{display:none;}
.service__br--pc{display:none;}
.service__br--Sp{display:block;}
}

/*--------------------------------------
	majicaクーポンの入会方法
---------------------------------------*/
.majica__joinArea{overflow:hidden;}
.majica__localNav--pc{padding: 0 44px 0 20px; overflow:hidden;}
.majica__localNavImage--pc{
	float:left;
	width:25%;
	margin-right:8px;
}
.majica__localNavImage--pc.last{margin-right:-24px;}
.majica__localNavImage--pc img{width:100%;}
.hdr4--majica--pc{
	clear:both;
	margin:40px 20px;
	*margin:40px 5px;
	*text-align:center;
}
.hdr4--majica--pc img{width:100%;}
.majica__stepArea{margin-bottom:60px;}
.majica__stepAreaLast{margin-bottom:0;}
.hdr.hdr5--majica{
	margin:0 20px 20px;
	padding:20px 20px 18px;
	background-color:#fffacc;
	font-size:129%;
	font-weight:bold;
	text-align:center;
}
.majica__hdr5step{
	margin-right:10px;
	color:#ff6600;
	font-weight:bold;
}
.majica__stepContent{
	margin:0 20px;
	padding:20px 0 50px;
	border-bottom:1px solid #ebebeb;
	overflow:hidden;
}
.majica__stepImage{
	float:left;
	margin-right:40px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.majica__stepImage01{
	width:136px;
	height:136px;
	background:url(../img/image_majica_step1_1.jpg) no-repeat;
}
.majica__stepImage02{
	width:172px;
	height:224px;
	background:url(../img/image_majica_step1_2.jpg) no-repeat;
}
.majica__stepImage03{
	width:338px;
	height:432px;
	background:url(../img/image_majica_step1_3.jpg) no-repeat;
}
.majica__stepImage04{
	width:340px;
	height:286px;
	background:url(../img/image_majica_step1_4.jpg) no-repeat;
}
.majica__stepImage05{
	width:274px;
	height:160px;
	background:url(../img/image_majica_step2_1.jpg) no-repeat;
}
.majica__stepImage06{
	width:354px;
	height:464px;
	background:url(../img/image_majica_step2_2.jpg) no-repeat;
}
.majica__stepImage07{
	width:440px;
	height:398px;
	background:url(../img/image_majica_step2_3.jpg) no-repeat;
}
.majica__stepImage08{
	width:348px;
	height:409px;
	background:url(../img/image_majica_step2_4.jpg) no-repeat;
}
.majica__stepText{margin:0 0 0 176px; font-size:100%;}
.majica__stepText2{margin-top:13px;}
.majica__stepText a{font-weight:bold;}
.majica__stepText p{margin-bottom:20px;}
.majica__stepText ul{ margin-left:18px; list-style-type:disc;}
.hdr6--majica{
	margin-bottom:5px;
	color:#ff0000;
	font-weight:bold;
}
.majica__stepDetails{font-size: 86%;}
.majica__stepAnnotation{color:#ff0000;}
.majica__stepNext{
	position:relative;
	margin-top:-15px;
	text-align:center;
}
.majica__stepLast{border:none;}
.majica__stepPostscript{margin:0 20px;}
.majica__localNav--sp{display:none;}
.hdr4--majica--sp{display:none;}
.majica__stepImage06--sp{display:none;}
.majica__stepImage07--sp{display:none;}

@media only screen and (max-width: 767px) {
.majica__localNav--pc{display:none;}
.majica__localNav--sp{
	display:block;
	margin:0 15px;
	overflow:hidden;
}
.majica__localNavArea--sp{
	margin-bottom:7px;
	padding-right:7px;
	overflow: hidden;
}
.majica__localNavImage--sp{
	float:left;
	width:50%;
	margin-right:7px;
}
.majica__localNavImage--sp.last{margin-right:-7px;}
.majica__localNavImage--sp img{width:100%;}
.hdr4--majica--pc{display:none;}
.hdr4--majica--sp{
	display:block;
	padding:20px 15px 20px;
}
.hdr4--majica--sp img{width:100%;}
.hdr.hdr5--majica{margin-bottom:0; font-size:100%;}
.majica__stepContent{
	margin:0 15px;
	padding:0 0 30px;
}
.majica__stepImage{
	float:none;
	margin:30px auto;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.majica__stepImage01{
	width:136px;
	height:136px;
	background:url(../img/image_majica_step1_1_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepImage02{
	width:130px;
	height:168px;
	background:url(../img/image_majica_step1_2_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepImage03{
	width:139px;
	height:305px;
	background:url(../img/image_majica_step1_3_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepImage04{
	width:129px;
	height:192px;
	background:url(../img/image_majica_step1_4_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepImage05{
	width:210px;
	height:120px;
	background:url(../img/image_majica_step2_1_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepImage06{display:none;}
.majica__stepImage06--sp{display:block;max-width:330px; margin:30px auto;}
.majica__stepImage06--sp img{
	max-width:100%;
	height:auto;
}
.majica__stepImage07{display:none;}
.majica__stepImage07--sp{display:block;max-width:327px; margin:30px auto;}
.majica__stepImage07--sp img{
	max-width:100%;
	height:auto;
}
.majica__stepImage08{
	width:260px;
	height:306px;
	background:url(../img/image_majica_step2_4_sp.jpg) no-repeat;
	background-size: cover;
}
.majica__stepText{margin:0; font-size:100%;}
.majica__stepText a{font-weight:normal;}
.hdr6--majica{font-size:100%;}
.majica__stepText ul{margin-bottom:20px;}
.majica__stepNext{margin:-24px 0 0;}
.majica__stepArea{margin-bottom:55px;}
.majica__stepArea.majica__stepAreaLast{margin-bottom:0;}
}

/*--------------------------------------
	majicaクーポン発券方法
---------------------------------------*/
.majica__ticketingContentArea{ margin:0 20px 40px;}
.majica__ticketingContentArea p{font-size:100%;}
.majica__ticketingImage--pc{
	display:block;
	max-width:696px;
	height:auto;
	margin:35px 0;
}
.majica__ticketingImage--pc img{width:100%;}
.majica__ticketingImage--sp{display:none;}

@media only screen and (max-width: 767px) {
.majica__ticketingContentArea{ margin:0 20px 60px;}
.majica__ticketingImage--pc{display:none;}
.majica__ticketingImage--sp{
	display:block;
	max-width:320px;
	height:auto;
	margin:25px auto;
}
.majica__ticketingImage--sp img{width:100%;}
}
/*--------------------------------------
	majicaクーポン退会方法
---------------------------------------*/
.majica__leaveContentArea{margin:0 20px 40px;}
.majica__leaveContentArea p{font-size:100%;}
.majica__leaveStepArea{padding:40px 0 20px;}
.hdr5--majicaLeave{
	padding-bottom: 20px;
	border-bottom:1px solid #ebebeb;
	font-size:115%;
}
.majica__leaveImage--pc{
	display:block;
	max-width:744px;
	height:auto;
	margin:35px 0 0;
}
.majica__leaveImage--pc img{width:100%;}
.majica__leaveImage--sp{display:none;}

@media only screen and (max-width: 767px) {
.majica__leaveContentArea{margin:0 20px 40px;}
.majica__leaveStepArea{padding:25px 0 0;}
.hdr5--majicaLeave{display:none;}
.majica__leaveImage--pc{display:none;}
.majica__leaveImage--sp{
	display:block;
	max-width:320px;
	height:auto;
	margin:0 auto;
}
.majica__leaveImage--sp img{width:100%;}

}

/*--------------------------------------
	majicaクーポン機種変更後のログイン方法
---------------------------------------*/
.majica__changeloginContentArea{margin:0 20px 40px;}
.majica__changeloginContentArea p{font-size:100%;}
.majica__changeloginStepArea{padding:40px 0 20px;}
.hdr5--majicachangelogin{
	padding-bottom: 20px;
	border-bottom:1px solid #ebebeb;
	font-size:115%;
}

.majica__couponBox{
	margin: 20px 0 50px;
}
.majica__couponBoxInner{
	margin: 0 0 5px;
	background: #ffeeee;
}
.majica__couponBox a{
	padding: 10px 15px;
	display: block;
	text-decoration: none;
}
.majica__couponBox a p.sc_txt01{
	color: #ff5555;
}
.majica__couponBox a p.sc_txt02{
	color: #333;
	text-indent: 15px;
	text-decoration: underline;
}
.majica__couponBox a:hover p.sc_txt02{
	color: #f60;
}
.majica__couponBox p.sc_txt03{
	color: #444;
	font-size: 12px;
}

.majica__changeloginImage--pc{
	display:block;
	height:auto;
	margin:35px 0 0;
}
.majica__changeloginImage1--pc{max-width:600px;}
.majica__changeloginImage2--pc{max-width:508px;}
.majica__changeloginImage--pc img{width:100%;}
.majica__changeloginImage--sp{display:none;}

@media only screen and (max-width: 767px) {
.majica__changeloginContentArea{margin:0 15px 40px;}
.majica__changeloginStepArea{padding:25px 0 0;}
.hdr5--majicachangelogin{display:none;}
.majica__changeloginImage--pc{display:none;}
.majica__changeloginImage--sp{
	display:block;
	max-width:320px;
	height:auto;
	margin:0 auto;
	padding:0 20px;
}
.majica__changeloginImage--sp img{width:100%;}

}
/*--------------------------------------
	マル得サービス
---------------------------------------*/
.service__customerArea{position:relative;}
.customer__header{padding:0 20px; overflow:hidden;}
.customer__header div{float:left; width:33.33%;}
.customer__headerLeft{text-align:left;}
.customer__headerCenter{margin-top:44px; text-align:center;}
.customer__headerRight{text-align:right;}
.customer__donpen{
	position:absolute;
	top:38px;
	right:45px;
}
.customer__contentArea{
	overflow:hidden;
	margin:-1px 20px 0;
	padding:45px 0 0;
	background-color:#ffed4a;
}
.customer__donpen{
	max-width:28%;
}
.customer__donpen img{
	max-width:100%;
	height:auto;
}
.hdr3--customer{
	border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	background-color:#000;
	margin:0 40px;
	padding:20px 16px 9px; 
}
.customer__contentLineBox{overflow:hidden;}
.customer__contentOutLine{
	clear:both;
	float:left;
	width:49.99%;
	margin:25px 0 0;
}
.customer__contentOutLine.last{clear:none;}
.customer__serviceContent{
	margin:0 10px 0 40px;
	padding:25px 15px;
	border:5px solid #000;
	border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	text-align:center;
}
.customer__serviceContent.last{clear:both; margin:0 40px 0 10px;}
.hdr4--customer{padding-bottom:15px;}
.hdr4--customer img{width:100%; height:auto;}
.customer_image01 img{max-width:228px;}
.customer_image02 img{max-width:281px;}
.customer_image03 img{max-width:232px;}
.customer_image04 img{max-width:278px;}
.customer_image05 img{max-width:260px;}
.customer_image06 img{max-width:268px;}
.customer_image07 img{max-width:468px;}
.customer__serviceContent p{margin-bottom:5px; font-size:86%;}
.customer__serviceLeftText{text-align:left;}
.hdr5--customer{
	margin-bottom:10px;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background-color:#000;
}
.hdr5--customer img{padding:4px 0;}
.customer__serviceLine2{clear:both; padding:25px 40px 0 40px;}
.customer__serviceContent2 p{margin-bottom:20px; font-size:86%;}
.customer__serviceContent2 p.indentCts{
	margin:0 0 0.8em 1em;
}
.customer__serviceContent2{
	margin-bottom:40px;
	padding:20px 18px 0;
	border:5px solid #000;
	border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	text-align:center;
}
.customer__supportArea{
	overflow:hidden;
	margin:40px 20px 20px;
	padding:45px 25px 25px 25px;
	border:30px solid #e6d7a5;
}
.hdr4--customerSupport{text-align: center; margin:0; padding:0;}
.hdr4--customerSupport img{max-width:617px; height:auto; width:100%;}


.customer__supportArea .moreLife {
	float:left;
	width:50%;
	padding:20px 0 0 0;
}

.customer__supportArea .moreLife .block {
	float:left;
	width:100%;
	margin:0;
}

.customer__supportArea .moreLife .block .tile {
	padding:0 20px;
}

.customer__supportArea .moreLife .tile .st {
	background:#000;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	margin:0;
	padding:0;
	line-height:1.4;
}

.customer__supportArea .moreLife .tile .st p {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:20px;
	margin:0;
	text-align:center;
}

.customer__supportArea .moreLife .moreBody {
	background:#e8e8e8;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	padding:20px;
}

.customer__supportArea .moreLife .moreBody .thumb {
	max-width:320px;
	margin:0 auto;
}

.customer__supportArea .moreLife .moreBody .thumb img {
	width:100%;
	height:auto;
}

.customer__supportArea .moreLife .moreBody .read {
	padding:20px 0 0 0;
}

.customer__supportArea .moreLife .moreBody .read p {
	padding-left: 1em;
    text-indent: -1em;
}

.customer__supportArea .moreLife .moreBody .transition {
}

.transition {
	position:relative;
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:10px 0 20px 0;
}

.transition a {
	padding:15px 0;
}

.btn_push_store{
	text-decoration: none;
	display: block;
	width:100%;
	text-align: center;
	background: #208b60;
	color:#fff;
	margin:0 auto;
}

.btn_motionPush_store:hover{
	background: #ffed4a;
	border: 1px solid #e5d542;
}

.push_solid_store{
	box-shadow: 0 5px 0 #e5d542;
	position: relative;
	top: 0;
	-moz-transition: 100ms all linear;
	-o-transition: 100ms all linear;
	transition: 100ms all linear;
	background:#ffed4a;
}

.btn_push_store p {
	color:#000;
	font-weight:bold;
}

.push_solid_store:hover{
	box-shadow: 0 1px 0 #e5d542;
	background:#ffed4a;
	top: 5px;
}

.push_radius{
    border-radius: 3px;
}

@media only screen and (max-width: 767px){
	.customer__supportArea .moreLife {
		clear:both;
		width:100%;
		padding:20px 0 0 0;
	}
	.customer__supportArea .moreLife .block .tile {
		padding:0;
	}
	.customer__supportArea .moreLife .tile .st p {
		color:#fff;
		font-size:14px;
		font-weight:bold;
		padding:10px;
		margin:0;
		text-align:center;
	}
	
}

.customer__supporImage{clear:both; padding:20px 0 8px; text-align:center;}
.customer__supporImage img{max-width:578px; height:auto; width:100%;}
.customer__imgSp{display:none;}
.customer__ServiceContentimg--Sp{display:none;}
.hdr5--customer--sp{display:none;}
.customer__supporImage--sp{display:none;}

@media only screen and (max-width: 767px) {
.hdr2--customer{margin-bottom:25px;}
.customer__header{padding:0 15px;}
.customer__headerCenter{margin-top:17px;}
.customer__donpen{
	position:absolute;
	top:17px;
	right:27px;
}
.customer__contentArea{
	margin:0 15px;
	padding:20px 0 0;
}
.customer__imgPc{display:none;}
.customer__imgSp{display:inline;}
.hdr3--customer{
	border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	background-color:#000;
	margin:0 20px;
	padding:10px 8px 5px; 
}
.customer__contentOutLine{
	clear:both;
	float:left;
	width:49.99%;
	margin:12px 0 0;
}
.customer__contentOutLine.last{clear:none;}
.customer__serviceContent{
	margin:0 5px 0 20px;
	padding:13px 8px 8px;
	border:4px solid #000;
	border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	text-align:left;
}
.customer__serviceContent.last{clear:both; margin:0 20px 0 5px;}
.customer__serviceContent p{
	margin-bottom:5px;
	line-height:1.4;
}
.hdr4--customer{display:none;}
.customer__ServiceContentimg--Sp{display:block;}
.customer_image{padding-bottom:10px; text-align:center;}
.customer_image img{width:100%; max-width:129px; height:auto;}
.hdr5--customer{display:none;}
.hdr5--customer--sp{
	display:block;
	margin-bottom:7px;
	padding:4px 2px 2px;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background-color:#000;
	text-align:center;
}
div.hdr5--customer--sp img{
	width:100%;
	max-width:129px;
	vertical-align:baseline;
}
.customer__serviceLine2{padding:10px 20px 0 20px;}
.customer_image07 img{max-width:262px;}
.customer__serviceContent2{
	margin-bottom:20px;
	padding:13px 8px 13px;
	border:4px solid #000;
	border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	text-align:center;
}
.customer__serviceContent2 p{margin:10px 0 0;}
.customer__supportMarutoku{
	top:-25px;
	left:-10px;
	width:73px;
	height:75px;
	background:url(../img/pic_customer_marutoku_sp.png) no-repeat;
	background-size:cover;
}
.customer__supportArea{
	position:relative;
	margin:24px 15px 50px;
	padding:20px;
	border:15px solid #e6d7a5;
}
.hdr4--customerSupport{display:none;}
.customerSupport_image--sp{padding:0; text-align:center;}
.customerSupport_image--sp img{
	width:100%;
}
.customer__supportTextArea p{width:45%; margin:0 0 0 10px;}
.customer__supportTextArea p.last{margin:0 10px 0 0; float:right;}
.customer__supporImage{display:none;}
.customer__supporImage--sp{
	display:block;
	clear:both;
	padding:10px 0 0;
	text-align:center;
}
.customer__supporImage--sp img{max-width:578px; height:auto; width:100%;}


}

/*--------------------------------------
	ATM
---------------------------------------*/
.service__bankareaOutline{
	padding:0 15px;
}
.hdr__icon--atm {
	width: 38px;
	height: 34px;
	background:url(../img/icon_atm_atm.png) no-repeat;
	font-weight:bold;
}
.service__bankareatitle{font-size:115%;}
.service__bankareatitle.first{
	margin-bottom: 5px;
	padding-bottom:0;
	border-bottom:none;
}
.service__atmattentionTxt{
	margin-bottom:10px;
	padding-left:14px;
	color:#ff0000;
	text-indent:-14px;
}
.service__atmattentionTxt.last{margin-bottom:45px;}
.service__bankareatitle{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ebebeb;
	font-size:115%;
}
.service__atmTxt{margin-bottom:20px;}
.service__bank{
	margin-bottom:45px;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}
.service__bankTitle{
	padding:10px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	background-color:#f6f6f6;
	font-size:115%;
	font-weight:bold;
	text-align:center;
}
.service__bankList{margin:13px; text-align:center;}
.service__bankList > li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.service__areabanList{display:inline-block;}
.service__atmTxt span{color:#ff0000;}
.service__atmotherTxt{
	margin-bottom:45px;
	padding:13px;
	border:1px solid #ebebeb;
	text-align:center;
}
.service__atmTxt.last{margin-bottom:45px;}
.hdr.hdr3.hdr3--Atm{
	width:100%;
	margin-bottom:35px;
	margin-left:-15px;
	padding-right:15px;
	font-size:129%;
}
.service__banksetArea{display:block; margin-bottom:35px;}
.service__banksetArea--sp{display:none;}
.service__banksetArea--pc{display:block;}
.service__banksetareaLink{
	float:left;
	padding-left:17px;
	padding-right:17px;
	border-right:1px solid #ebebeb;
}
.service__banksetareaLink.forcus{color:#ff6600;}
.service__banksetareaLink.last{border:none;}
.service__banksetareaTitle img{float:left; margin:-8px 10px 0 7px}
.service__banksetareaTitle span{
	display:block;
	position:static;
	padding: 15px 0 0 0;
	font-size:143%;
}
.service__bankareaList{
	margin:0 auto 50px;
	border:1px solid #ebebeb;
	border-radius:11px;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
	-o-border-radius:11px;
	-ms-border-radius:11px;
	border-collapse:separate;
}
.service__bankareaList th,
.service__bankareaList td p{padding:15px 0 15px 25px;}
.service__bankareaList thead th{
	clear:both;
	width:95%;
	height:55px;
	margin:0 auto;
	padding:0;
	background-color:#fff59a;
	border-radius:11px 11px 0 0;
    -moz-border-radius:11px 11px 0 0;
    -webkit-border-radius:11px 11px 0 0;
	-o-border-radius:11px 11px 0 0;
	-ms-border-radius:11px 11px 0 0;
	border-bottom:#ffe200 2px solid;
	font-size:115%;
}
.service__bankareaList th{
	background-color:#eeeeee;
	font-size:115%;
	font-weight:bold;
}
.service__bankareaList td{border:1px solid #ebebeb;}
.service_atm_operationContent{margin-bottom:75px;}
.service_atm_Operation{
	float:left;
	width:25%;
	text-align:center;
}
.service_atm_Operation.last{padding-right:0; background:none;}
.service_atm_operationTxt{padding:10px; font-size:86%;}
.service_atm_imgArrow{
	padding:0 18px;
	background:url(../img/service_atm_arrow.jpg) no-repeat right center;
}
.service_atm_imgArrow img{max-width:100%; height:auto;}
.service_atm_imgArrow.last{background:none;}
.service_atm_Attension{font-size:115%; font-weight:bold;}
.service_atm_attensionTxt{margin-bottom:25px;}

@media only screen and (max-width: 767px) {
.service__bankareaOutline{padding:0 15px;}
.hdr__icon--atm {
	width: 27px;
	height: 24px;
	background:url(../img/icon_atm_atm_sp.png) no-repeat;
	background-size:cover;
	font-weight:bold;
	font-size:115%;
}
.service__bankareatitle{margin-bottom:0; border:none;}
.hdr2.hdr2--atm{margin-bottom:25px;}
.hdr.hdr3.hdr3--Atm{font-size:108%;}
.service__bankareatitle,
.service__bankTitle,
.service__bankList{font-size:100%;}
.service__atmTxt span{color:#000;}
.service__atmattentionTxt{
	padding-left:0;
	font-size:93%;
	text-indent:0;
}
.service__atmattentionTxt.last{margin-bottom:25px;}
.service__bankareaList th{font-size:108%;}
.service__bankareaList th,
.service__bankareaList td p{padding:13px 0 13px 15px;}
.service__bankareatitle--sp{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}
.service__atmotherTxt{text-align:left;}
.service__banksetArea--sp{display:block;}
.service__banksetArea--pc{display:none;}
.service__banksetArea{display:table; border-collapse:separate;}
.service__banksetareaTitle span{
	font-size:108%;
	top: 26%;
}.service__banksetArea tr .service__banksetareaFrist{border-right:none;	}
.service__banksetArea tr .service__banksetareaSecond{border-right:none;}
.service__banksetArea .service__banksetArea--center .service__banksetareaFrist{
	border-right:none;	
	border-top:none;
}
.service__banksetArea .service__banksetArea--center .service__banksetareaSecond{
	border-right:none;
	border-top:none;
}
.service__banksetArea .service__banksetArea--center .service__banksetareaThird{
	border-top:none;
}
.service__banksetArea tr td{
	padding:12px 0;
	border-collapse:separate;
	border:1px #eaeaea solid;
	font-size:93%;
	text-align:center;
}
.service__banksetArea tr td a{display:block; text-decoration:none;}
.service__banksetArea--active{background-color:#ffee5f;}
.service__bankareaList{border:none;}
.service__bankareaList td{border-bottom:none;}
.service__bankareaList td:first-child{border-right:none;}
.service__bankareaList td.last{border-bottom:1px #eaeaea solid;}
.service__bankareaList thead th{width:100%;}
.service_atm_Operation{width:50%; font-size:93%;}
.service_atm_operationTxt{font-size:93%;}
.service_atm_imgArrow{
	background:url(../img/service_atm_arrow.jpg) no-repeat left center;
	padding-right:0;
	padding-left:15px;
}
.service_atm_imgArrow img{width:72px; height:75px;}
.service_atm_imgArrow.first{padding:0 18px; background:none;}
.service_atm_imgArrow.left{
	padding-right:0;
	padding-left:15px;
	background:url(../img/service_atm_arrow.jpg) no-repeat left center;
}
.service_atm_imgArrow.last{
	padding-right:0;
	padding-left:15px;
	background:url(../img/service_atm_arrow.jpg) no-repeat left center;
}
.service_atm_operationContent{margin-bottom:25px;}
.service_atm_attensionTxt.last{margin-bottom:60px;}
}
/*--------------------------------------
	ブランド品について
---------------------------------------*/
.hdArea--brand{background-image: url(../img/bg_hdrarea_brand.gif);}
.hdrArea__donpen.hdrArea__donpen--brand{margin-right:0;}
.brand__aboutArea{
	position:relative;
	margin:0 20px 50px;
	padding:30px;
	border:10px solid #fffbdb ;
	font-size:108%;
}


p.contents_btn {
    height: 58px;
    font-size: 16px;
    font-weight: bold;
	margin: 30px 0 20px;
    padding: 3px 0 0;
}
p.contents_btn a {
    width: 220px;
    height: 44px;
    color: #4c140f;
    display: block;
    line-height: 44px;
    margin: auto;
    padding: 5px 5px 5px 15px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 3px rgb(105, 105, 105);
    background: #ffba00 url(../img/icn_arrow01.png) no-repeat 10% center;
}
p.contents_btn a:hover {
    height: 44px;
    margin: 3px auto 0;
    box-shadow: none;
}
/* popup動画不要ボタン非表示 */
#cboxCurrent{ display: none !important;   }
#cboxPrevious { display: none !important; }  
#cboxNext {display: none !important; }  

div#cboxContent #cboxClose {
	right: -10px; top: -12px;
}


@media only screen and (max-width: 480px) {

p.contents_btn {
	margin: 20px 0 20px;
}

div#colorbox {
	width: 300px !important;
	margin: auto !important;
	left: 0 !important; right:0 !important;
}
div#cboxWrapper {
	width: 300px !important;
}
div#cboxContent {
	width: 300px !important;
}
div#cboxLoadedContent {
	width: 300px !important;
}
}


@media only screen and (max-width: 380px) {

div#contentsBox p.contents_btn {
	height: 48px;
	font-size: 15px;
}
div#contentsBox p.contents_btn a {
	height: 34px;
	line-height: 34px;
}
div#contentsBox p.contents_btn a:hover {
	height: 34px;
	line-height: 34px;
}

}

.brand__aboutImage{
	position:absolute;
	bottom:-33px;
	right:20px;
}
.brand__qaArea{margin:0 20px 35px;}
.hdr3.hdr3--brand{font-size:129%;}
.hdr4--brandQ{
	padding:0 0 20px 34px;
	border-bottom:1px solid #ebebeb;
	background: url(../img/pic_brand_q.jpg) no-repeat left 0px;
	font-size:100%;
}
.hdr5--brandA{margin-bottom:10px; font-size:100%;}
.brand__aArea{padding:20px 0 0 34px; background: url(../img/pic_brand_a.jpg) no-repeat left 20px;}
.brand__aArea p{margin-bottom:20px; font-size:86%;}
.brand__qaImage{
	float:left;
	width:168px;
	height:86px;
	margin:0 25px 28px 0;
	background:url(../img/image__brand_qa_cn.jpg) no-repeat;
	overflow:hidden;
	text-indent: -99%;
}
.brand__explanationArea{
	clear:both;
	padding:20px;
	border:1px solid #e5e5e5;
}
.brand__explanationArea p{margin-bottom:10px;}
.brand__aList{padding:5px 0 0; font-size:86%;}
.brand__aList li{
	list-style-type:none;
	*list-style-type:decimal;
	list-style-position:inside;
    padding-left:18px;
	text-indent:-18px;
	line-height:20px;
	counter-increment: cnt;
}
.brand__aList li:before{ display: marker; content: "(" counter(cnt) ") ";}
.brand__details{color:#df3000;}
p.brand__brandText{margin-bottom:10px; font-size:100%;}

@media only screen and (max-width: 767px) {
.hdrArea--brand {
	background: url(../img/bg_hdrarea_brand_sp.gif) repeat-x left center;
	background-size: cover;
}
.hdr.hdr2--brand{
	overflow:hidden;
	margin-bottom:30px;
	font-size:108%;
}
.hdr2--brandText{display:block; padding-left:40px;}
.hdr__icon--brand{float:left; margin:0px;}
.hdr3.hdr3--brand{margin-bottom:30px; font-size:108%;}
.brand__aboutArea{
	position:relative;
	margin:0 15px 50px;
	padding:20px 20px 35px 20px;
	border:6px solid #fffbdb ;
	font-size:100%;
}
.brand__aboutImage{
	width:72px;
	height:63px;
	right:10px;
}
.brand__aboutImage img{width:100%;}
.brand__qaArea{margin:0 15px 45px;}
.hdr4--brandQ{
	padding:0 0 18px 25px;
	background-size:15px 16px;
	background-position:left 3px;
}
.brand__aArea{
	background-size:16px 15px;
	padding:18px 0 0 25px;
}
.brand__aArea p{margin-bottom:18px; font-size:93%;}
.brand__qaImage{
	float:none;
	width:186px;
	height:75px;
	background:url(../img/image__brand_qa_sp_cn.jpg) no-repeat;
	background-size:cover;
}
.brand__explanationArea{margin-right:25px;}
.brand__ContentArea{padding-bottom:20px;}
}
/*--------------------------------------
	自動車防犯登録
---------------------------------------*/
.hdr.hdr3.hdr3--bohan{margin-bottom: 23px; font-size:129%;}
.service__aboutBohan{margin-bottom: 60px;}
.service__aboutBohan--last{margin-bottom: 28px;}
.service__aboutBohanInner{padding: 0 20px;}
.service__aboutBohanCaution{
	margin: 22px 0;
	margin-bottom: 26px;
	padding: 22px;
	padding-bottom: 20px;
	border: 1px solid #ff0000;
}
.service__aboutBohanCaution p{margin-bottom:2px; color: #f00;}
.service__aboutBohanText{margin-bottom:22px;}
.service__aboutBohanTextUlCaption{margin-bottom:0;}
.service__aboutBohanTextUl, .service__aboutBohanTextUl ul
{list-style: disc;}
.service__aboutBohanTextUl li{margin-left: 17px;}
@media only screen and (max-width: 768px) {
.hdr.hdr2.hdr2--bohan{margin-bottom: 25px;}
.hdr.hdr3.hdr3--bohan{font-size:108%;}
.cts--service .service__topKey{margin-bottom: 17px; padding: 0 7px;}
.service__aboutBohan{margin-bottom: 34px;}
.service__aboutBohanCaution{
	margin: 16px 0;
	margin-bottom: 21px;
	padding: 11px;
	padding-bottom: 14px;
}
.service__aboutBohanText{margin-bottom: 16px;}
.service__aboutBohanTextWordWrap{
	word-break: break-all;
	-moz-word-break: break-all;
	-webkit-word-break: break-all;
}
.service__aboutBohanTextUlCaption{margin-bottom: 0;}
.service__aboutBohan--last{margin-bottom: 62px;}
}
/*--------------------------------------
	電子マネー
---------------------------------------*/
.hdr.hdr3.hdr3--money{
	width: 100%;
	margin-bottom: 35px;
	margin-left: -15px;
	padding-right: 15px;
	font-size: 129%;
}
.hdr.hdr2.hdr2--money{position: relative;}
.service__moneyshopLink{
	position: absolute;
	right: 0;
	margin-right: 20px;
	background: url(../img/icon_moneyshop_arrow_sp.png) no-repeat right center;
	background-size: 16px 17px;
	top: 28%;
}
.service__moneyshopLink a{
	margin-right: 19px;
	font-size: 77%;
	font-weight: normal;
}
.service__moneyshopLink{display: block;}
.service__moneyShop{
	width: 100%;
	margin-bottom: 40px;
	padding: 20px 0;
	border: solid 1px #ebebeb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	text-align: center;
}
.service__moneyshopLink--sp{display: none;}
.service__moneyshopattentionTxt{margin-bottom: 40px; color: #ff0000;}
.service__moneyContents{
	padding: 10px;
	border: solid 1px #ebebeb;
	border-radius: 10px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.service__moneyshopList{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 23.5%;
	*width: 21.0%;
	margin: 0 10px 20px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
}
.service__moneyshopList img{height: 78px;}
.service__moneyshopList:hover .service__moneyContents{border: solid 1px #ffe200;}
.service__moneyshopList:hover .service__moneyTxt{color:#f60}
.service__service__moneyshop__Txt{margin-bottom: 10px; font-size: 100%;}
.service__service__moneyshop__Txt span{font-size: 93%;}
.service__service__moneyshopattemtion__Txt{font-size: 86%; color: #ff0000;}
.service__service__moneyshopattemtion__Txt.index{margin-bottom:35px;}
.hdr.hdr3.hdr3--moneyshop{margin-bottom: 25px;}
.hdr.hdr3.hdr3--moneyshop{margin-bottom: 25px;}
.service__moneyShop a{display: block;}
.service__moneyTxt{
	padding: 20px 0 0 0;
	font-size:86%;
	text-align: center;
}
a:hover .service__moneyTxt{
	color:#000;
	text-decoration:underline;
}

.service__moneyshop--sp{display:none;}

@media only screen and (max-width: 1379px){
.service__moneyshopList{width: 31.5%;}
}

@media only screen and (max-width: 767px){
.hdr.hdr3.hdr3--money{margin-bottom: 25px; font-size: 108%;}
.hdr.hdr2.hdr2--money{margin-bottom: 25px;}
.service__moneyshopTxt span, .service__moneyshopattentionTxt{font-size: 93%;}
.service__moneyshopLink--sp{
	display:block;
	float: right;
	margin-bottom: 15px;
	padding: 10px 17px;
	font-size: 85%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	text-align: right;
	background: #ffee5f;
}
.service__moneyshopLink--sp:after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-top: -1px;
	background: url(../img/icon_moneyshop_arrow_sp.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.service__giftcardShop{margin-bottom:40px;}
.service__moneyshopLink--sp a{text-decoration: none;}
.service__moneyshopattentionTxt{clear: both; margin-bottom: 25px;}
.service__moneyshopLink{display:none;}
.service__moneyshop--sp{
	display:block;
	width: 100%;
	margin-bottom: 25px;
	padding: 20px 0;
	border: solid 1px #ebebeb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	text-align: center;
}
.service__moneyshop--sp img{width:51px; height:40px;}
.service__moneyshopList img{height: 60px;}
.service__moneyTxt{padding: 13px 0 0 0; font-size: 93%;}
.service__moneyTxt:after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-top: -1px;
	background: url(../img/icon_moneyshop_arrow_sp.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.service__moneyshopList{margin-bottom: 25px;}
.service__topKey{
	padding: 0 20px;
	text-align: center;
	margin-bottom: 22px;
}
.service__moneyShop{display: none;}
.service__service__moneyshop__Txt{margin-bottom: 10px; font-size: 100%;}
.service__service__moneyshop__Txt span{font-size: 93%;}
.service__service__moneyshopattemtion__Txt{font-size: 93%; color: #ff0000;}
.service__service__moneyshopattemtion__Txt.index{margin-bottom:25px;}
.service__moneyshopList{width: 47%;}
.service__moneyShopTitle{margin-bottom: 27px; font-size: 100%;}
.service__moneyshopListArea{margin-bottom:35px;}
.gridImg3--wide.service__moneyShop{
	width: 120%;
	margin-right: -20%;
	margin-bottom: 35px;
	padding-left: 0;
}
.service__moneyshopList{margin-bottom: 25px; text-decoration:none;}
a:hover .service__moneyTxt{
	text-decoration:none;
}
.service__moneyshopList.second{margin-right: 0;}
.hdr.hdr3.hdr3--moneyshop{
	width: 100%;
	padding-left: 40px;
	margin-left: -36px;
	font-size: 108%;
}
}
/*--------------------------------------
	ギフトカード
---------------------------------------*/
.service__topKey{
	margin-bottom: 30px;
	padding:0 20px;
	*padding:0 5px;
	text-align:center;
}
.hdr__icon--Giftcard{
	width: 42px;
	height: 29px;
	background: url(../img/icon-giftcard_pc.png) no-repeat 0 0;
}
.service__topKey.service__topKey--giftcard{
	padding-left:0;
	padding-right:0;
}
.hdr.hdr3.hdr3--Giftcard{font-size:129%;}
.service__aboutGiftcard{font-size:108%;}
.service__giftcardForyou{margin-bottom:35px; text-align:center;}
.service__giftcardAttention{
	margin:10px 0 75px;
	padding:30px;
	border:solid 1px #dedede;
}
.service__giftcardTxt{margin-bottom:30px;}
.service__giftcardattentionTxt{
	margin-bottom:20px;
	padding-left: 13px;
	font-size:86%;
	font-weight:bold;
	text-indent: -13px;
}
.service__giftcardattentionTxt.last{margin-bottom:0;}
.service__giftcardshopTitle{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
	font-size: 115%;
}

/* 191002　追加 */
.service__giftcardshopTitle span.ttl_l {
	font-size: 110%;
	margin-right: 20px;
	color: #333;
	font-weight: 900;
}
.service__giftcardShop.kojin .majicaGift_button.first {
	margin-bottom: 30px !important;
}
ul.majicaGift_button li a img {
	right: 30px !important;
}
ul.majicaGift_button.first li a {
	/*
	background-color : #fff;
	border: solid 2px #666;
	*/
	background-color: #ccc;
    border: solid 2px #aaa;
    pointer-events: none;
}
ul.majicaGift_button.first li a img {
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
ul.majicaGift_button.first li a:hover {
	opacity: .5;
}
ul.majicaGift_button li.giftee a {
	pointer-events: none;
	background-color : #ccc;
	border: solid 2px #aaa;
}
/*ul.majicaGift_button li.giftee a img {
	opacity: .2;
}*/
/* 191002　追加　ここまで */

.service__giftcardshopList img{max-width:100%;}
.service__giftcardshopList{
	text-align:center;
}
.service__giftcardshopList:hover{border: solid 1px #ffe200;}
.hdr.hdr3.hdr3--giftcard{margin-bottom:25px;}
.service__giftcardWeb{margin-bottom:30px; /*padding:0 20px;*/}
.service__giftcardwebForm{
	text-align:center;
}
.service__giftcardwebForm >li{
	display:inline-block;
}
.service__giftcardwebForm .btn{
	padding:23px 40px;
}
.service__giftcardshopList{
	padding:15px 30px 13px;
	border: solid 1px #ebebeb;
	border-radius:10px;
}
.service__giftcardshopList:hover{border: solid 1px #ffe200;}
.hdr.hdr3.hdr3--giftcard{margin-bottom:25px;}

@media only screen and (max-width: 767px) {
.service__topKey{
	text-align:center;
	margin-bottom: 22px;
}
.hdr__icon--Giftcard{
	width: 32px;
	height: 22px;
	background: url(../img/icon-giftcard_sp.png) no-repeat 0 0;
	background-size:cover;
}
.service__giftcardForyou img{max-width:194px; width:100%;}
.service__giftcardForyou{margin-bottom:25px;}
.service__giftcardTxt{margin-bottom:24px;}
.service__giftcardAttention{padding:20px;}
.service__giftcardattentionTxt{padding-left:0; text-indent:0;}
.service__giftcardAttention{margin-bottom:37px;}
.service__giftcardshopTitle{margin-bottom:27px; font-size:100%;}
.service__giftcardWeb{padding:0; margin-bottom:25px;}
.service__giftcardwebForm{
	display:table;
	width:103%;
}
.service__giftcardwebForm > li{
	display:table-cell;
	width:50%;
	padding-right:3%;
}
.service__giftcardwebForm .btn{
	padding:15px 0;
	width:100%;
}


}
@media only screen and (max-width: 380px) {
	.service__giftcardwebForm .btn{
		font-size:86%;
	}
}
/*--------------------------------------
	家電ソムリエ
---------------------------------------*/

.service__topKey{
	padding:0 20px;
	*padding:0 5px;
	text-align:center;
  margin-bottom: 30px;
}
.hdr__icon--somrie{
  width: 45px;
  height: 40px;
  background: url(../img/icon-somrie_pc.png) no-repeat 0 0;
}
.hdr.hdr3.hdr3--somrie{
	font-size:129%;
}
.service__somrieContents{
	padding:0 20px;
	background:url(../img/img_somrie_arrow.png) no-repeat 55px 120px;
}

.service__aboutSomrie{
	margin:0 0 60px;
	padding-left:105px;
	background:url(../img/img_somrie_howto.png) no-repeat center left;
	font-size:129%;
	min-height:88px;
}
.service__phoneArea{
	margin:0 0 20px;
	padding-left:105px;
	background:url(../img/img_somrie_phone.png) no-repeat center left;
	font-size:129%;
	min-height:88px;
}
.somrie__tell{
	text-align:center;
	padding-top:20px;
}
.somrie__tell img{
	width:724px;
	height:auto;
	margin-bottom:25px;
}
.somrie__tellTxt{
	text-align:center;
	font-size:129%;
	margin-bottom:40px;
}
.service__phoneTxt{
	color:#df3000;
}
.somrie__tellTxt span{
	margin-left:7px;
}
.somrie__tellTxt{
	color:#2c3e50;
}

@media only screen and (max-width: 767px) {
.service__topKey{
	padding:0 20px;
	text-align:center;
  margin-bottom: 22px;
}
.hdr__icon--somrie{
  width: 28px;
  height: 29px;
  background: url(../img/icon-somrie_sp.png) no-repeat 0 0;
	background-size:cover;
}

.service__somrieContents{
	padding:0 20px;
	background:none;
}
.hdr.hdr3.hdr3--somrie{
	font-size:108%;
}
.service__aboutSomrie--sp{
	padding:0 0 26px;
	background:url(../img/img_somrie_arrow.png) no-repeat 24px bottom;
}

.service__aboutSomrie{
	margin-bottom: 0;
	padding:0 0 0 80px;
	font-size:100%;
	background-size:65px 65px;
	background-position:top left;
	min-height:inherit;
}
.service__phoneArea{
	margin:16px 0 0 0;
	padding:0 0 0 80px;
	font-size:100%;
	background:url(../img/img_somrie_phone.png) no-repeat top left;
	background-size:65px 65px;
	min-height:inherit;
}
.somrie__tell{
	max-width:320px;
	margin:0 auto;
}
.somrie__tell img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.somrie__tellTxt{
	font-size:65%;
	margin-bottom:55px;
}

}


/*--------------------------------------
	ドンキの家電長期保証サービス
---------------------------------------*/

#service_security {
	max-width:1160px;
	margin:0 auto;
	padding:0;
}
#service_security .service_kv img {
	width:100%;
	height:auto;
}
#service_security .service_money .st {
	text-align:center;
	margin-bottom:15px;
	overflow:hidden;
}
#service_security .service_money .st .sideLeft {
	display:inline-block;
	padding-left:50px;
	background:url(../img/service_security_stmyLeft.jpg) no-repeat left bottom;
}
#service_security .service_money .st .sideRight {
	display:inline-block;
	padding-right:50px;
	background:url(../img/service_security_stmyRight.jpg) no-repeat right bottom;
}
#service_security .service_money .st p .first {
	font-size:28px;
	line-height:1.5;
	color:#ff3333;
	font-weight:bold;
}
#service_security .service_money .st p .second {
	font-size:36px;
	color:#ff3333;
	font-weight:bold;
}

@media only screen and (max-width: 767px) {
	#service_security .service_money {
		padding: 0 20px;
	}
	#service_security .service_kv {
		padding-bottom:20px;
	}
	#service_security .service_money .st p .first {
		font-size:14px;
		line-height:1.5;
	}
	#service_security .service_money .st p .second {
		font-size:18px;
	}
	#service_security .service_money .st .sideLeft {
		padding-left:30px;
		background-size: 19px 28px;
	}
	#service_security .service_money .st .sideRight {
		padding-right:30px;
		background-size: 19px 28px;
	}
}

#service_security .service_money .tile {
	max-width:1000px;
	margin:0 auto;
	clear:both;
}
#service_security .service_money .tile ul,
#service_security .service_money .tile ul li {
	list-style-type:none;
	vertical-align:bottom;
	margin:0;
	padding:0;
	overflow:hidden;
}
#service_security .service_money .tile ul li {
	float:left;
	width:25%;
	padding:20px 0 20px 0;
}

@media only screen and (max-width: 767px) {
	#service_security .service_money .tile ul li {
		float:left;
		width:100%;
		padding:20px 0 20px 0;
	}
}

#service_security .service_money .tile ul li.thinYellow {
	background:#fffbbc;
}
#service_security .service_money .tile ul li.defYellow {
	background:#fff889;
}
#service_security .service_money .tile ul li .tile_icon {
	max-width:160px;
	margin:0 auto;
}

@media only screen and (max-width: 767px) {
	#service_security .service_money .tile ul li .tile_icon {
		max-width:100px;
		margin:0 auto;
	}
}

#service_security .service_money .tile ul li .tile_icon img {
	width:100%;
	height:auto;
}
#service_security .service_money .tile ul li p {
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	margin:0;
	padding:0;
}
#service_security .service_money .tile ul li p.name {
	font-size:18px;
	color:#000;
}
#service_security .service_money .tile ul li p.num {
	font-size:16px;
	color:#ff3333;
}
#service_security .service_money .tile .tile_read {
	font-size:14px;
	line-height:1.6;
	color:#333;
	padding:20px 0;
}
#service_security .service_but {
	max-width:1000px;
	margin:0 auto;
	clear:both;
	background:url(../img/service_security_butBg.jpg) repeat 0 0;
}
#service_security .service_but .setpos {
	position:relative;
}
#service_security .service_but .setpos .but_read {
	padding:40px 60px;
	text-align:center;
	line-height:2;
	font-size:20px;
	color:#870033;
	font-weight:bold;
}
#service_security .service_but .setpos .but_donpen {
	position:absolute;
	left:100px;
	bottom:0;
}
#service_security .service_but .setpos .but_donpen img {
	width:50%;
	height:auto;
}

@media only screen and (max-width: 1200px) {
	#service_security .service_but {
		background:url(../img/service_security_butBg.jpg) repeat 0 0;
		margin:0 20px;
	}
	#service_security .service_but .setpos .but_read {
		padding:30px 30px 100px 30px;
		font-size:16px;
		line-height:1.6;
	}
	#service_security .service_but .setpos .but_donpen {
		position:absolute;
		left:50%;
		margin-left:-60px;
		bottom:0;
	}
	#service_security .service_but .setpos .but_read br {
		display:none;
	}
}

#service_security .service_about {
	max-width:1000px;
	margin:60px auto 0 auto;
	clear:both;
	background:#e6f8ff;
}
#service_security .service_about .st {
	text-align:center;
	background:url(../img/service_security_myWave.jpg) repeat-x bottom left;
	padding:30px 0;
}
#service_security .service_about .st p {
	display:inline-block;
	font-size:33px;
	font-weight:bold;
	color:#0e4da2;
	background:url(../img/service_security_stQuestion.png) no-repeat right top;
	padding-right:40px;
}
#service_security .service_about .st p span.typoEnd {
	font-size:21px;
}
#service_security .service_about .read p {
	padding:40px;
	font-size:16px;
	font-weight:bold;
	line-height:2;
}
#service_security .service_about .read p .imp {
	color:#dc0404!important;
	font-weight:bold;
}

@media only screen and (max-width: 767px) {
	#service_security .service_about {
		margin:30px 20px 0 20px;
		clear:both;
		background:#e6f8ff;
	}
	#service_security .service_about .st {
		text-align:center;
		background:url(../img/service_security_myWave.jpg) repeat-x bottom left;
		padding:15px 0;
	}
	#service_security .service_about .st p {
		font-size:16px;
		font-weight:bold;
		color:#0e4da2;
		background:none;
		padding:0 30px;
	}
	#service_security .service_about .st p span.typoEnd {
		font-size:14px;
	}
	
	#service_security .service_about .read p {
		padding:20px 40px;
		font-size:14px;
		font-weight:bold;
		line-height:1.6;
	}
}


#service_security .service_conditions {
	max-width:1000px;
	margin:0 auto;
	clear:both;
}
#service_security .service_conditions .point_icon {
	overflow:hidden;
	width:100%;
	padding:20px 0;
}
#service_security .service_conditions .point_icon ul,
#service_security .service_conditions .point_icon ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#service_security .service_conditions .point_icon p {
	margin:10px 0;
	font-size:14px;
	text-align:center;
}
#service_security .service_conditions .point_icon ul li {
	float:left;
	width:14.2857142857%;
}
#service_security .service_conditions .point_icon ul li .block {
	padding:0 10px;
}
#service_security .service_conditions .point_icon ul li img {
	width:100%;
	height:auto;
}

@media only screen and (max-width: 991px) {
	#service_security .service_conditions {
		padding:0 20px;		
	}
	#service_security .service_conditions .point_icon ul li {
		float:left;
		width:25%;
	}
	#service_security .service_conditions .point_icon p {
		margin:10px 0;
		font-size:12px;
		text-align:center;
	}
	#service_security .service_conditions .point_icon p.next {
		padding-bottom:10px;
	}
}

#service_security .service_time {
	max-width:1000px;
	margin:20px auto 0 auto;
	clear:both;
}
#service_security .service_time p {
	margin-bottom:10px;
	font-size:14px;
	line-height:1.6;
}
#service_security .service_time .graph {
	padding:20px 0;
}
#service_security .service_time .graph img {
	width:100%;
	height:auto;
}

@media only screen and (max-width: 767px) {
	#service_security .service_time {
		padding:0 20px;
	}
	#service_security .service_time p br {
		display:none;
	}
}

#service_security .service_box {
	max-width:1000px;
	margin:10px auto 0 auto;
	clear:both;
}
#service_security .service_box ul,
#service_security .service_box ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#service_security .service_box ul li:first-child {}
#service_security .service_box ul li:last-child {
	border:none;
}
#service_security .service_box ul li {
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:#ededed 1px solid;
	padding:20px 0;
}
#service_security .service_box ul li .listItem {
	float:left;
	width:30%;
	color:#f35310;
	font-size:16px;
	line-height:1.5;
	padding-right:5%;
}
#service_security .service_box ul li .listRead {
	float:left;
	width:65%;
	color:#231815;
	font-size:14px;
	line-height:1.5;
}

@media only screen and (max-width: 767px) {
	#service_security .service_box ul {
		padding: 0 20px;
	}
	#service_security .service_box ul li .listRead {
		clear:both;
		width:100%;
	}
	#service_security .service_box ul li .listRead br {
		display:none;
	}
	#service_security .service_box ul li .listItem {
		clear:both;
		width:100%;
		padding-bottom:5px;
	}
	
}


#service_security .service_list {
	max-width:1000px;
	margin:10px auto 0 auto;
	clear:both;
}

#service_security .service_list .listTable {
	margin-top:20px;
	margin-bottom:10px;
}

#service_security .service_list .listTable img {
	width:100%;
	height:auto;
}

#service_security .service_list .tile_read {
	font-size:14px;
	line-height:1.6;
}
#service_security .service_list .tile_read .imp {
	color:#ff3333;
}


@media only screen and (max-width: 767px) {
	#service_security .service_list {
		padding: 0 20px;
	}
}

#service_security .service_warning {
	max-width:1000px;
	margin:10px auto 0 auto;
	clear:both;
}
#service_security .service_warning .rec_list {
}

#service_security .service_warning .rec_list ul,
#service_security .service_warning .rec_list ul li {
	list-style-type:none;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

#service_security .service_warning .rec_list ul li {
	padding-left: 1em;
    text-indent: -2em;

}

#service_security .service_warning .rec_list ul li:before {
	content:"- ";
	padding-left:20px;
}
#service_security .service_warning .rec_list ul li:last-child {
	margin-bottom:10px;
}

#service_security .service_warning .rec_list p {
	display:block;
	margin-bottom:10px;
	padding-left: 1em;
    text-indent: -1em;
}

#service_security .service_warning .rec_list p:before {
	content:"・";
}

#service_security .service_warning .rec_list p.war:before {
	content:"※";
}

@media only screen and (max-width: 767px) {
	#service_security .service_warning {
		padding: 0 20px;
	}
}


#service_security .security_tell {
	max-width:533px;
	margin:10px auto 0 auto;
	clear:both;
	padding:40px 0 20px 0;
}

#service_security .security_tell img {
	width:100%;
	height:auto;
}

#service_security .security_tell p {
	text-align:center;
	padding-bottom:10px;
	line-height:1.6;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
	#service_security .security_tell {
		padding:40px 20px 20px 20px;
	}
	#service_security .security_tell p br {
		display:none;
	}
}


/*--------------------------------------
	150427 追加
---------------------------------------*/
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
* + html .clearfix {
	display:inline-block;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------------------------
	200512_まる得サービスflex化対応
---------------------------------------*/
.hdr3--customer{
	margin: 0 40px 25px;
}

.customer_inner{
	padding: 0 40px;
}

.customer_li{
	display: flex;
	justify-content: space-between;
}
.customer_li li{
	border: 5px  solid #000;
	border-radius: 15px;
	margin: 0 10px 25px;
	padding: 30px;
	text-align: center;
	width: 45%;
}
.customer_li li img{
	height: auto;
	margin-bottom: 10px;
	max-width: 100%;
}
.li_box{
	flex-basis: auto;
}

.customer_li_l{
	
}
.customer_li_l li{
	border: 5px  solid #000;
	border-radius: 15px;
	margin: 0 auto 25px;
	padding: 30px;
	text-align: center;
	width: auto;
}
.customer_li_l li h5{
	background: #000;
	margin: 15px 0 5px;
    padding: 0 0 5px;
}
.customer_li_l li img{
	height: auto;
	max-width: 100%;
}

/* 注意文言 */
.customer_li_l li .sub_txt{
	font-size: 12px;
	margin: 10px auto 0;
	text-align: left;
	width: 95%;
}
.customer_li_l li .sub_txt span{
	display: block;
}

@media only screen and (max-width: 767px) {
	.customer_li{
		display: block;
	}
	.customer_li li{
		width: auto;
	}

    .customer_li li p,  .customer_li_l li p{
        text-align: left;
    }
}

@media only screen and (max-width: 480px) {
    .customer_inner{
        padding: 0 20px;
    }
	.customer_inner p{
		font-size: 12px;
	}
	
    .customer_li li, .customer_li_l li{
		padding: 20px;
    }
}