@charset "shift_jis";
/* guide_ecoupon.html */

#mainCont{
	border-right: none !important;
	border-left: none !important;
	width:100% !important;
}

#mainCont h2 {
    font-size: 1.5em !important;
}

#mainCont h4 {
	margin-left:0;
	padding-left : 1em !important;
}
#A_tsukaikata h4,
.border_red {
	border-left: 6px solid #DD2322;
}
#A_tsukaikata h4:before,
.border_red:before{
	border-left: 3px solid #DD2322;
}
/*--------------------------
.icon h＆btn
--------------------------*/
#mainCont h3.iconA,
#mainCont h3.iconB,
#mainCont h3.iconC{
	position:relative;
	padding-left: 45px;
	font-size: 1.2em;
	border-left: none !important;
}
#mainCont h3.iconA:before {
	content: url(/statics/images/guide_ecoupon/iconA.png);
	border-left: none !important;
	position: absolute;
	top: -10px;
	left: 0;
	height: 100%;
}
#mainCont h3.iconB:before {
	content: url(/statics/images/guide_ecoupon/iconB.png);
	border-left: none !important;
	position: absolute;
	top: -10px;
	left: 0;
	height: 100%;
}
#mainCont h3.iconC:before {
	content: url(/statics/images/guide_ecoupon/iconC.png);
	border-left: none !important;
	position: absolute;
	top: -10px;
	left: 0;
	height: 100%;
}


#mainCont h4.icon{
	border:none;
	padding-left:0;
}
#mainCont h4.icon:before {
	border:none;
	margin:0;
}
#mainCont h4 img{
	display: inline !important;
}


.btnIconA{ background: #e41326; }
.btnIconB{ background: #1266ae; }
.btnIconC{ background: #eba806;  color : #fff !important;}

/*--------------------------
.nav
--------------------------*/
.nav{
	padding:10px;
	background:#edf3ff;
	font-size:0.9em;
}
.nav li{
/*	display: inline-block;*/
	position:relative;
	float:left;
	margin:5px;
	padding:0 15px;
	border-right:1px solid #cccccc;
}
.nav li:before{
	content:'';
	display:inline-block;
	position:absolute;
	left:0px;
	top:6px;
	width:6px;
	height:6px;
	border-bottom:2px solid #075681;
	border-right:2px solid #075681;
	transform:rotateZ(45deg);
}
.nav li:last-child{
	border-right: none;
}


/*--------------------------
nav固定
--------------------------*/
.nav{
	justify-content: space-between;
	width: 100%;
}
.nav.fixed{
	position: fixed;
	bottom: 0;
	z-index: 10;
}

/*
@media screen and (min-width: 768px){
.nav ul{
	margin-left: 10%;
}
}*/

/*--------------------------
コールセンター内
--------------------------*/

.back_red {
	font-weight:bold;
	color:#fff;
	background-color:#ba0000;
	text-align:center;
	line-height: 5em;
}
.call_center2 .back_red {
	line-height: 3.2em;
}
.call_center li .navidial {
	background: url(//www.lec-jp.com/system/soudan/images/index/call_img.gif) 2px 2px no-repeat;
}
.navi_num {
	margin-left:70px;
	text-align: center;
}


.call_center .grid5 dl dd, .call_center2 .grid5 dl dd {
	margin-left:70px;
	text-align: center;
 line-height:0em;
}
.call_center .grid4 dl, .call_center2 .grid4 dl {
	height: 80px;
	padding-top : 0.5em;
	font-size: 0.9em;
	border-left: dotted 2px #ba0000;
	padding-left:10px;
	text-align: center;
}
.call_center li .grid4 dl dd, .call_center2 li .grid4 dl dd {
	padding-left: 10px;
}
.call_center, .call_center2 {
	border: solid 3px;
	border-color: #ba0000;
	padding: 0.2em;
}
.call_num {
	color: #ff5400;
	font-size: 2em;
	text-align: center;
}
li dl dt.deadline {
	text-align: center;
	line-height: 1.3em;
	color: #ffffff;
	background-color: #ba0000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 1px;
	margin-right: 10px;
}
.call_center .dlFloat dt {
	width: 7em !important;
}

.call_center .dlFloat dt,
.call_center .dlFloat dd {
	margin-top : 10px;
}


@media screen and (max-width: 767px){
.call_center .grid4 dl, .call_center2 .grid4 dl {
	border-top: dotted 2px #ba0000;
	border-left: none;
	padding: 10px;
}
}
/*--------------------------
リンク
--------------------------*/
#guide06 a {
	text-decoration: underline !important;
	color: #075681 !important;
}

/*--------------------------
エラーメッセージで困った時は
--------------------------*/
#centerCont dl.detail {
	margin:1.5em 0;
	border-top:solid 1px #ccc;
}

#centerCont dl.detail dt,
#centerCont dl.detail dd {
	padding:1.00%;
}

#centerCont dl.detail dt.ttl {
	background: #efefef;
}


@media screen and (min-width:768px) {
	#centerCont dl.detail {
		display:table;
		width:100%;
	}

	#centerCont dl.detail dt ,
	#centerCont dl.detail dd {
		display:table-cell;
	}

	#centerCont dl.detail .ttl {
		width:35%;
	}

}
/*--------------------------
ハンバーガーmenu
--------------------------*/
.smBtn img{
	width:140% !important;
}

.smBtn{
	position:fixed;
	right:70px;
	top:10px;
	width:50px;
	height:50px;
	cursor:pointer;
	z-index:1200;
}
.smBtn:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.overlay{
	display:none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top:0;
/*	background: rgba(0, 0, 0, 0.7);*/
	z-index: 800;
}
.sidemenu{
	position:fixed;
	top:0px;
	right:-70vw;
	width:45vw;
/*	height:calc(100vh - 70px);*/
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	z-index: 1000;
}
.side_open{
	background:#fff;
}
.sidemenu ul{
	border:1px solid #b3b3b3;
}
.sidemenu ul.side_info{
	border-top:5px solid #1667a9;
}
.sidemenu ul a{
	position:relative;
	display:block;
	width:100%;
	padding:1rem;
	border-bottom:1px solid #b3b3b3;
	text-decoration:none;
	color:#333333;
	transition: background 0.6s ease;
}

.sidemenu ul.side_info a{
	background: #edf3ff;
}
.sidemenu ul.side_info a:hover{
	background:#f1f8fd;
}
@media screen and (min-width:767px) {
	.sidemenu{
		width:275px;
		height:auto;
		overflow-y:auto;
	}
	.sidemenu ul + ul{
		margin-top:20px;
	}
	.sidemenu ul a:after{
		content:"";
		position:absolute;
		top:calc(50% - 0.3em);
		right:0.8em;
		display:block;
		width: 0.6em;
		height: 0.6em;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		transform:rotate(-45deg);
	}
	.sidemenu ul a:hover,
	.sidemenu ul a:hover span{
		text-decoration:underline;
	}
	.sidemenu ul a:hover:after{
		border-right:1px solid #39789a;
		border-bottom:1px solid #39789a;
	}
.smBtn{
	position:fixed;
	right:70px;
	bottom:0px;
	width:50px;
	height:50px;
	cursor:pointer;
	z-index:1200;
}
}
@media screen and (max-width: 767px){
.smBtn{
	right: 35px;
	bottom:90px;
	top:unset;
}
.sidemenu{
	bottom:140px;
	top:unset;
}