@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');

a.btnTypeC {
	display: inline-block;
	position: relative;
	padding: 7px 9px;
	background: #ffffff;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

a.btnTypeD {
	display: block;
	position: relative;
	padding: 12px 20px 12px 20px;
	background: #ffffff;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	text-align: center;
	max-width: 268px;
	margin-left: auto;
	margin-right: auto;
}

a.btnTypeD::after,
a.btnTypeSimu::after {
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 1px solid #e83416;
	border-right: 1px solid #e83416;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -6px;
}

a.btnTypeS {
	display: inline-block;
	position: relative;
	padding: 7px 30px 7px 9px;
	background:-ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	text-align: center;
}

a.btnTypeS:before{
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid #e83416;
	border-radius: 6px;
	position: absolute;
	top: 9px;
	right: 11px;
}
a.btnTypeS:after{
	display: block;
	content: '';
	width: 2px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #e83416;
	border-radius: 10px;
	position: absolute;
	top: 18px;
	right: 10px;
}

a.btnTypeE {
	display: inline-block;
	position: relative;
	padding: 7px 35px;
	background: #ffffff;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

a.btnTypeE.fr {
	padding: 3px 35px;
}

a.btnTypeE::after {
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 1px solid #e83416;
	border-left: 1px solid #e83416;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -6px;
}

a.btnTypeE::after {
	width: 6px;
	height: 6px;
	left: 10px;
	margin-top: -4px;
}

a.btnTypeE.rightArrow::after {
	border-left: none;
	border-right: 1px solid #e83416;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.btnTypeE.rightArrow::after {
	left: auto;
	right: 10px;
}

a.btnTypeSimu {
	display: block;
	position: relative;
	padding: 12px 15px 12px;
	background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	text-align: center;
}

a.btnTypeEntry,
p.btnTypeEntry{
	display: block;
	position: relative;
	padding: 20px 30px 20px;
	background: #e83416;
	background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	line-height: 1.2;
	color: #ffffff !important;
	text-align: center;
}

a.btnTypeEntry::after,
p.btnTypeEntry::after{
	content:"";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -5px;
}

a.btnTypeEntry.fs16,
p.btnTypeEntry.fs16{ font-size: 16px; }

a:link.btnTypeEntry, a:visited.btnTypeEntry, a:hover.btnTypeEntry,
p:link.btnTypeEntry, p:visited.btnTypeEntry, p:hover.btnTypeEntry{
	text-decoration: none;
	color: #ffffff;
}

a.btnTypeTT {
	display: block;
	position: relative;
	padding: 3px 15px;
	background: -ms-linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	text-align: center;
}

a:link.btnTypeC,a:visited.btnTypeC,a:hover.btnTypeC,
a:link.btnTypeD,a:visited.btnTypeD,a:hover.btnTypeD,
a:link.btnTypeE,a:visited.btnTypeE,a:hover.btnTypeE,
a:link.btnTypeSimu, a:visited.btnTypeSimu, a:hover.btnTypeSimu,
a:link.btnTypeTT, a:visited.btnTypeTT, a:hover.btnTypeTT {
	text-decoration: none;
	color: #333333 !important;
}

a:hover.btnTypeD,
a:hover.btnTypeE,
a:hover.btnTypeTT,
a:hover.btnTypeEntry,
p:hover.btnTypeEntry,
a:hover.btnTypeSimu {
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
}

.btnTypeD.disable,
.btnTypeS.disable,
.btnTypeE.disable,
.btnTypeC.disable,
.btnTypeTT.disable,
.btnTypeEntry.disable,
.btnTypeSimu.disable {
	opacity: 0.7!important;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	cursor: default;
}

.btnWidth01 {
	max-width: 268px;
	margin-left: auto;
	margin-right: auto;
}

.btnWidth02 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.applyBtn {
	margin-top: 20px;
}

.bgcGray {
	background-color: #eee;
	border-radius: 5px;
	padding: 15px 11px;
}

.applyBtnTypeA {
	background-color: #eee;
	padding: 15px;
}

#kouji .midashi .kouji_btn1.typeTT {
	right: 270px;
}

#kouji .midashi .typeTT {
	position: relative;
}

#kouji .midashi .typeTT .posImg {
	position: absolute;
	top: 4px;
	right: 8px;
}

#kouji .midashi .typeTT img {
	vertical-align: baseline;
}

/* inlineListV3 */
.inlineListV3 {
	display: inline-block;
	letter-spacing: -0.5em;
	line-height: 1.45;
}

.inlineListV3 li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 10px;
}
.inlineListV3 li:first-child {
	margin-left: 0;
}

.wwbw {
  word-wrap: break-word;
}
/*----------------------------------------
 link style
-----------------------------------------*/
a.linkArrowV3 {
	position: relative;
	display: inline-block;
	padding-left: 9px;
	font-size: 12px;
	color: #225383;
	line-height: 1.45;
}
a.linkArrowV3:link,
a.linkArrowV3:visited {
	color: #225383;
	text-decoration: none;
}

a.linkArrowV3::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	top: 4px;
	left: 0;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #e83416;
}

p #postal_p {
	display: block;
	font-size: 12px;
}

.applyCheck {
	border: 1px solid #d2d1d2;
	padding: 20px;
	margin-top: 20px;
}

.applyCheck h3 {
	border-bottom: 1px solid #d2d1d2;
	padding-bottom: 6px;
}

.selectList li a.acdBtn {
	position: relative;
	background: none;
	padding-right: 40px;
}

.acdOpen,
.acdClose {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #e83416;
	text-align: right;
	position: absolute;
	right: 3%;
	top:0;
	bottom: 0;
	margin: auto 0;
}

.acdClose:before {
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.acdOpen:before,
.acdOpen:after{
	display: block;
	content: '';
	width: 2px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.acdOpen:before{
	width: 10px;
	height: 2px;
}
.iconTooltip {
  position: relative;
}
.toolTipBaloonTypeA {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    display: none;
    font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3",Osaka,sans-serif !important;
    font-size: 12px;
    left: 26px;
    line-height: 1.5;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    top: -27px;
    z-index: 100;
}
.toolTipBaloonTypeA.rightBox {
    left: 137px;
}
.toolTipBaloonTypeA.isError {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #333;
}
.toolTipBaloonTypeA.isActive {
    display: block;
}
.toolTipBaloonTypeA:hover {
}
.toolTipBaloonTypeA::before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 9px 9px 0;
    bottom: -8px;
    content: "";
    height: 0;
    left: 15px;
    margin-left: -9px;
    position: absolute;
    width: 0;
    z-index: 0;
}
.toolTipBaloonTypeA.isError::before {
    border-color: #333 transparent transparent;
}
.toolTipBaloonTypeA::after {
    border-color: #ddd transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: 15px;
    margin-left: -10px;
    position: absolute;
    width: 0;
    z-index: -1;
}
.toolTipBaloonTypeA.isError::after {
	border-color: #333 transparent transparent;
}

.postArea .numCheck { font-weight: bold; }
.postArea .postNum { border: 1px solid #000; padding: 2px; text-align: center; font-size: 18px; margin: 0 0 10px; }
.postArea .lead_text { font-size: 16px; margin: 30px 0 0; }
#s0101.postArea.formbox { width:290px; margin:30px auto 10px;}
#s0101.postArea.formbox.mrgFix { width:auto; margin:0 0 10px;}
#s0101.postArea .formbox_body{ margin:0; padding:13px 0 0 0;}
#s0101.postArea .formbox_body.pdg00{ margin:0; padding:0;}
#s0101.postArea .formbox_body dl{ display:block; margin:0; padding:0;}
#s0101.postArea .formbox_body dl dd{ display:block; margin:0; float:left;}
#s0101.postArea .formbox_body dl dd input{ margin:0; padding:0 0 0 0; height:33px; border:1px solid #a9a9a9; font-size:18px; text-indent:5px;}
#s0101.postArea .formbox_body dl dd.pos01{ background:url(/sph/price_simulator/img_v2/share/icon_postal.gif) no-repeat 0 50%; padding:0 0 0 27px;}
#s0101.postArea .formbox_body dl dd.pos01 input{ width:85px; box-sizing: border-box;}
#s0101.postArea .formbox_body dl dd.pos02{ background:url(/sph/price_simulator/img_v2/share/icon03.gif) no-repeat 0 50%; padding:0 0 0 17px; margin:0 0 0 8px;}
#s0101.postArea .formbox_body dl dd.pos02 input{ width:120px; box-sizing: border-box;}
.postArea .areaSelectLink { margin-top: 10px; }
#changeSetting .inner .posRltv .tooltip_other { position:absolute; top:-3px; right:-30px; }
.listWrapBox {padding: 10px; margin-bottom: 20px; border: 1px solid #ccc;}

.w260 { width: 260px!important; }
.posRltv { position: relative; }
.ffMd { font-family: 'Noto Sans JP', sans-serif; font-weight: 700;; }
.ffRg { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }
.mr120 { margin-right: 120px; }
.mr60 { margin-right: 60px; }

input.isInputRequired,
textarea.isInputRequired {
    background: #fff1eb;
}

.mobileApplyBtn {
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
  border-radius:5px;
  border:2px solid #29a4a9;
  display:inline-block;
  text-decoration:none;
  background: -webkit-linear-gradient(top, #fff, #dddddd);/* Chrome10+, Safari5.1+ */
  background: linear-gradient(to bottom, #fff, #dddddd);/* IE10+, W3C */
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
  zoom:1;
}
.mobileApplyBtn:hover {
  background: -webkit-linear-gradient(top, #dddddd, #ffffff);/* Chrome10+, Safari5.1+ */
  background: linear-gradient(to bottom, #dddddd, #ffffff);/* IE10+, W3C */
}
.mobileApplyBtn span {
  padding:0 10px 0 38px;
  font-size:16px;
  line-height:36px;
  color:#111111;
  text-align:center;
  display:block;
  background:url(/sph/change/img/share/icon_btn_mobile.png) no-repeat 10px 50%;
  cursor:pointer;
}
#contents .require.leftIcon {
  float: left;
  margin-right: 5px;
}




/* ------------------------------------------------------------------
  エリア選択　パーソナルID分岐画面
------------------------------------------------------------------ */
#areaSelect2 h3.ttlc {
	width:100%;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	position:relative;
	text-indent:1.75em;
}
#areaSelect2 h3.ttlc span{
	width:8px;
	height:8px;
	margin:auto 0;
	border-radius:16px;
	border:8px solid #e63416;
	display:inline-block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

#areaSelect2 #loginButton{
 	display: block;
 	position: relative;
 	padding: 20px 30px 20px;
	background: #e83416;
	background: -ms-linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background: linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6baa00', endColorstr='#5e9600', GradientType=0);
 	box-sizing: border-box;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
 	line-height: 1.2;
 	color: #ffffff !important;
 	text-align: center;
	text-decoration:none;
}
#areaSelect2 #loginButton::after{
 	content:"";
 	display: block;
 	width: 8px;
 	height: 8px;
 	border-top: 2px solid #ffffff;
 	border-right: 2px solid #ffffff;
 	transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	position: absolute;
 	right: 13px;
 	top: 50%;
 	margin-top: -5px;
 }
#areaSelect2 #loginButton.disable {
	opacity: 0.7!important;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	cursor: default;
}
.bgGray {
	background-color: #eee;
 	padding: 15px 11px;
}
#areaSelect2 .coutionTxt { position:relative; padding-left:1.2em; font-size:14px; }
#areaSelect2 .coutionTxt span { position:absolute; top:0; left:0; }

#areaSelect2 label.check { width:290px; padding:10px 0; margin:15px auto; border:1px solid #cccccc; display:block; border-radius:5px; text-align:center; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);}

#areaSelect2 .linkList {
	margin-top:15px;
	font-size:14px;
}
#areaSelect2 .linkList li {
	margin-top:5px;
}
#areaSelect2 .linkList a {
	display:inline-block;
	position: relative;
	padding:0 0 0 0.75em;
}
#areaSelect2 .linkList a:before {
	position: absolute;
	content: "";
	vertical-align: middle;
	top: 8px;
	left: 0;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #e83416;
}

#loginButton_p { width:280px; margin:20px auto 0; padding:10px 0!important;
	background: #e83416;
	background: -ms-linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	background: linear-gradient(to bottom,#6baa00 0%,#5e9600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6baa00', endColorstr='#5e9600', GradientType=0);
}
.Ylogin_noteBox .linkList {
	width:280px;
	margin:10px auto 20px;
}
.Ylogin_noteBox a.btnTypeEntry::after {
	border:none;
}

#note_phone {
padding-left: 11px;
}

/* ----------------------------------------------------
  mobile_step
---------------------------------------------------- */
body.mobile_step a.btnTypeEntry,
body.mobile_step p.btnTypeEntry{
	display: block;
	position: relative;
	padding: 20px 30px 20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	line-height: 1.2;
	color: #ffffff !important;
	text-align: center;
}
body.mobile_step .statusBox a.btnTypeEntry,
body.mobile_step .statusBox p.btnTypeEntry {
	background: #00a5a8;
}
body.mobile_step #apply_btn2 a.btnTypeEntry,
body.mobile_step #apply_btn2 p.btnTypeEntry {
	display: block;
	position: relative;
	padding: 20px 30px 20px;
	background: #e83416;
	background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	line-height: 1.2;
	color: #ffffff !important;
	text-align: center;
}

body.mobile_step #apply_btn2 a.btnTypeEntry::after,
body.mobile_step #apply_btn2 p.btnTypeEntry::after{
	content:"";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -5px;
}

body.mobile_step #apply_btn2 a.btnTypeEntry.fs16,
body.mobile_step #apply_btn2 p.btnTypeEntry.fs16{ font-size: 16px; }

body.mobile_step #apply_btn2 a:link.btnTypeEntry,
body.mobile_step #apply_btn2 a:visited.btnTypeEntry,
body.mobile_step #apply_btn2 a:hover.btnTypeEntry,
body.mobile_step #apply_btn2 p:link.btnTypeEntry,
body.mobile_step #apply_btn2 p:visited.btnTypeEntry,
body.mobile_step #apply_btn2 p:hover.btnTypeEntry{
	text-decoration: none;
	color: #ffffff;
}
body.mobile_step #pagettl,
#pagettl {
	border:none;
	background: #f39700;
	margin: 0;
	padding: 10px;
	color: #FFF;
	position: relative;
	-moz-box-shadow: 1px 0px 1px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 0px 1px rgba(000,000,000,0.3), inset 0px 0px 1px rgba(255,255,255,0.5);
}