/* CSS Document */
@charset "utf-8";

img { max-width: 100%; }

#call_info_wrap {
	line-height: 1.6em;
}

/* complement */
#call_info_wrap ul.complement {
	margin-bottom: 10px;
}
#call_info_wrap ul.complement li{
	font-size: 1.3rem;
	position: relative;
	padding-left: 2em;
}
#call_info_wrap ul.complement li span.mark{
	position: absolute;
	top: 0;
	left: 0;
}


/* callCenterInfo */
#call_info_wrap dl.callCenterInfo {
	margin-bottom: 20px;
}
#call_info_wrap dl.callCenterInfo dt {
	font-weight: bold;
}


/* notes */
#call_info_wrap ul.notes {
	margin: 0;
	padding: 0;
}
#call_info_wrap ul.notes li{
	font-size: 1.2rem;
	position: relative;
	padding-left: 1.2em;
}
#call_info_wrap ul.notes li span.mark{
	position: absolute;
	top: 0;
	left: 0;
}
#call_info_wrap ul.notesL li {
	font-size: 1.4rem;
}

/* imgCaption */
#call_info_wrap .imgCaption {
	text-align: right;
	font-size: 1.2rem;
}

#call_info_wrap p.phoneNum a {
	font-size: 2.5rem;
}

#call_info_wrap .icon-windows:before { padding-right: 3px; }


/* #call_info_wrap dl.cic */
#call_info_wrap dl.cic {
	margin-bottom: 20px;
}

#call_info_wrap dl.cic>dt.acd_head {
	padding: 20px 50px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	position: relative;
	cursor: pointer;
}
#call_info_wrap dl.cic>dt.acd_head i{
	display: inline-block;
	font-size: 1.8rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	top: 45%;
	right: 15px;
	margin-top: -0.9rem;
	padding: 1px;
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-ms-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
	
}
#call_info_wrap dl.cic>dt.acd_head.active i{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#call_info_wrap dl.cic>dd {
	padding: 15px;
	border: 1px solid #ccc;
	border-top: none;
	display: none;
}


/* table.menu_details */
#call_info_wrap table.menu_details {
	font-size: 1.3rem;
	line-height: 1.3em;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
#call_info_wrap table.menu_details th,
#call_info_wrap table.menu_details td {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}
#call_info_wrap table.menu_details th {
	font-weight: bold;
}

#call_info_wrap table.menu_details .linkOutBtnL {
	width: 100%;
	background-position: 4px 50%;
	margin: 0;
	background-color: #eb5505;
	background-image: url(/shared/legacy-compatible/img/icn_login.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
#call_info_wrap table.menu_details .linkOutBtnL a {
	display: block;
	padding: 6px 4px 6px 22px;
	color: #ffffff;
}

#call_info_wrap table.menu_details th.step1 { color: #00a296; background-color: #ccecea; }
#call_info_wrap table.menu_details th.step2 { color: #2ea7e0; background-color: #d5edf9; }
#call_info_wrap table.menu_details th.step3 { color: #2d61ae; background-color: #d5dfef; }
#call_info_wrap table.menu_details th.step4 { color: #eb5505; background-color: #fbddcd; }

#call_info_wrap table.menu_details th.step4 {
	min-width: 9em;
}

#call_info_wrap table.menu_details dl.pushNum {
	display: table;
}

#call_info_wrap table.menu_details dl.pushNum dt,
#call_info_wrap table.menu_details dl.pushNum dd {
	display: table-cell;
}
#call_info_wrap table.menu_details dl.pushNum dt {
	padding-right: 5px;
}


/* number icon */
#call_info_wrap .icn-s01,
#call_info_wrap .icn-s02,
#call_info_wrap .icn-s03 {
	line-height: 1em;
	color: #fff;
	padding: 0.4em 0.7em 0.3em;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	display: inline-block;
}
#call_info_wrap .icn-s01 { background-color: #00a296; }
#call_info_wrap .icn-s02 { background-color: #2ea7e0; }
#call_info_wrap .icn-s03 { background-color: #2d61ae; }


/* ci_freecall */
#call_info_wrap dl dl.ci_freecall {
	margin: 20px 0 0;
}
#call_info_wrap dl dl.ci_freecall>dt {
	font-weight: bold;
}
#call_info_wrap dl dl.ci_freecall img { vertical-align: bottom; }

#call_info_wrap dl dl.ci_freecall p.freeCallNum {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 35px;
	position: relative;
}
#call_info_wrap dl dl.ci_freecall p.freeCallNum a {
	font-size: 2.5rem;
}
#call_info_wrap dl dl.ci_freecall p.freeCallNum:before {
	content: url("/shared/legacy-compatible/img/icn_freeCall.gif");
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

#call_info_wrap .ci_other>p {
	margin-top: 10px;
}



/*////////// 個別設定 //////////*/

/* ci01 */
#call_info_wrap dl.ci01 {
	margin-bottom: 20px;
}
#call_info_wrap dl.ci01 dt.band_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg01.png) 0 0 no-repeat #70ad47;
	background-size: auto 100%;
	padding: 20px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	position: relative;
}
#call_info_wrap dl.ci01 dt.band_head:after {
	position: absolute;
	content: url(/shared/legacy-compatible/img/callInfo/callInfo_ico01.png);
	top: 30%;
	left: 20px;
}
#call_info_wrap dl.ci01>dd {
	padding: 15px;
	border: 1px solid #ccc;
	border-top: none;
}
#call_info_wrap dl.ci01 .ci_freecall {
	margin-top: 0;
}

#call_info_wrap dl.ci01 .callCenterInfo {
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}


/* ci01b */
#call_info_wrap dl.ci01b {
	margin-bottom: 20px;
}
#call_info_wrap dl.ci01b>dt.band_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg01.png) 0 0 no-repeat #70ad47;
	background-size: auto 100%;
	padding: 20px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	position: relative;
}
#call_info_wrap dl.ci01b dt.band_head:after {
	position: absolute;
	content: url(/shared/legacy-compatible/img/callInfo/callInfo_ico01.png);
	top: 30%;
	left: 20px;
}
#call_info_wrap dl.ci01b>dd {
	padding: 15px;
	border: 1px solid #ccc;
	border-top: none;
}
#call_info_wrap dl.ci01b .ci_freecall {
	margin-top: 0;
}

#call_info_wrap dl.ci01b .callCenterInfo {
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}


/* ci02 */
#call_info_wrap dl.ci02 dt.acd_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg02.png) 0 0 no-repeat #5b9bd5;
	background-size: auto 100%;
}


/* ci03 */
#call_info_wrap dl.ci03 dt.acd_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg03.png) 0 0 no-repeat #a0a3a9;
	background-size: auto 100%;
}
#call_info_wrap dl.ci03 dt.acd_head:after {
	position: absolute;
	content: url(/shared/legacy-compatible/img/callInfo/callInfo_ico02.png);
	top: 30%;
	left: 20px;
}
#call_info_wrap dl.ci03 .notesL {
	margin-bottom: 20px;
}


/* ci04 */
#call_info_wrap dl.ci04 dt.acd_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg04.png) 0 0 no-repeat #c6a355;
	background-size: auto 100%;
}
#call_info_wrap dl.ci04 dt.acd_head:after {
	position: absolute;
	content: url(/shared/legacy-compatible/img/callInfo/callInfo_ico03.png);
	top: 30%;
	left: 20px;
}
#call_info_wrap dl.ci04 .cardBack {
	text-align: center;
}

#call_info_wrap dl.ci04 .goldGuide {

}
#call_info_wrap dl.ci04 .goldGuide p {
	margin-bottom: 10px;
}
#call_info_wrap dl.ci04 .goldGuide span.fsLarge {
	font-size: 2rem;
}


/* ci05 */
#call_info_wrap dl.ci05 dt.acd_head {
	background: url(/shared/legacy-compatible/img/callInfo/callInfo_bg05.png) 0 0 no-repeat #eb5505;
	background-size: auto 100%;
}
#call_info_wrap dl.ci05 .callCenterInfo {
	margin-bottom: 0;
}




/*============================================================
PC
============================================================*/
@media screen and (min-width: 641px) {

	#call_info_wrap {
		width: 100%;
	}

	#call_info_wrap dl.ci04 .cardBack img {
		width: 240px;
	}

	}/*PC_end*/
/*============================================================
SP
============================================================*/
@media screen and (max-width: 640px) {

	#call_info_wrap .wsnw {
		white-space: nowrap;
	}

	#call_info_wrap dl.cic>dt.acd_head i{
		right: 8px
	}

	#call_info_wrap {
		margin: auto 3%;
	}
	#call_info_wrap table.menu_details th.step4 {
		min-width: 7em;
	}
	#call_info_wrap table.menu_details dl.pushNum {
		width: 100%;
	}
	#call_info_wrap table.menu_details dl.pushNum dt,
	#call_info_wrap table.menu_details dl.pushNum dd {
		display: inherit;
	}
	#call_info_wrap table.menu_details dl.pushNum dt {
		width: 100%;
		text-align: center;
		margin-bottom:  5px;
	}
	#call_info_wrap table.menu_details dl.pushNum dd.taC {
		width: 100%;
		text-align: center;
	}


	#call_info_wrap dl.cic>dt.acd_head {
		padding: 20px 40px 20px 60px;
	}



	#call_info_wrap dl.ci01 dt.band_head:after,
	#call_info_wrap dl.ci01b dt.band_head:after,
	#call_info_wrap dl.ci03 dt.acd_head:after,
	#call_info_wrap dl.ci04 dt.acd_head:after {
		position: absolute;
		top: 0;
		left: 10px;
		display: block;
		width: 40px;
		height: 100%;
	}


	/* ci01 */
	#call_info_wrap dl.ci01 dt.band_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg01.png) 0 0 no-repeat #70ad47;
		background-size: auto 100%;
	}
	#call_info_wrap dl.ci01 dt.band_head:after {
		content: "";
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_ico01.png) no-repeat;
		background-size: 100% auto;
		background-position: 0 50%;
	}

	/* ci01b */
	#call_info_wrap dl.ci01b dt.band_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg01.png) 0 0 no-repeat #70ad47;
		background-size: auto 100%;
	}
	#call_info_wrap dl.ci01b dt.band_head:after {
		content: "";
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_ico01.png) no-repeat;
		background-size: 100% auto;
		background-position: 0 50%;
	}

	/* ci02 */
	#call_info_wrap dl.ci02 dt.acd_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg02.png) 0 0 no-repeat #5b9bd5;
		background-size: auto 100%;
	}

	/* ci03 */
	#call_info_wrap dl.ci03 dt.acd_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg03.png) 0 0 no-repeat #a0a3a9;
		background-size: auto 100%;
	}
	#call_info_wrap dl.ci03 dt.acd_head:after {
		content: "";
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_ico02.png) no-repeat;
		background-size: 100% auto;
		background-position: 0 50%;
	}

	/* ci04 */
	#call_info_wrap dl.ci04 dt.acd_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg04.png) 0 0 no-repeat #c6a355;
		background-size: auto 100%;
	}
	#call_info_wrap dl.ci04 dt.acd_head:after {
		content: "";
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_ico03.png) no-repeat;
		background-size: 100% auto;
		background-position: 0 50%;
	}

	/* ci05 */
	#call_info_wrap dl.ci05 dt.acd_head {
		background: url(/shared/legacy-compatible/img/callInfo/sp_callInfo_bg05.png) 0 0 no-repeat #eb5505;
		background-size: auto 100%;
	}



	#call_info_wrap dl.ci04 .cardBack img {
		width: 80%;
	}


	

}/*SP_end*/