@charset "utf-8";

/* ------------------------------------------------------------------
  NEW_ID_UL
------------------------------------------------------------------ */
#input_v2 p,
#modal p,
#mobile_navi p,
#areaSelect p { margin-top: 0px;}

.Arial { font-family: 'Arial'; }
.notB { font-family: 'Noto Sans JP', sans-serif; font-weight:800; }
.notM { font-family: 'Noto Sans JP', sans-serif; font-weight:600; }
.notR { font-family: 'Noto Sans JP', sans-serif; font-weight:400; }
.notL { font-family: 'Noto Sans JP', sans-serif; font-weight:200; }

.p_relative { position:relative; }

.VCenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pt00 { padding-top:0; }
.pb00 { padding-bottom:0; }
.pl00 { padding-left:0; }
.pr00 { padding-right:0; }

/*-------------------- font-size --------------------*/
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}

/*-------------------- color --------------------*/
.txt_red{
    color: #ea3e13;
}

/*-------------------- text-decoration --------------------*/
.underline{
    text-decoration: underline;
}

/*-------------------- text-align --------------------*/
.taC{
    text-align: center;
}

/*-------------------- title --------------------*/
.sub_tit_01{
    font-size: 20px;
    text-align: center;
    padding: 5px 0;
    margin: 0 -15px;
    background-color: #efefef;
}
.sub_tit_02{
    font-size: 16px;
    padding-left: 7px;
    border-left: 2px solid #ee3300;
    line-height: 1;
}

/*-------------------- doc_box --------------------*/
.doc_box{
    border: 2px solid #bbbcbe;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 -5px;
}
.doc_box li{
    float: left;
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #bcbdbf;
    border-bottom: 1px solid #bcbdbf;
}
.doc_box li:first-child,
.doc_box li:nth-child(5) {
    border-left: none;
}

.doc_box li:nth-child(5),
.doc_box li:nth-child(6),
.doc_box li:nth-child(7),
.doc_box li:nth-child(8){
    border-bottom: none;
}
.doc_box a{
    display: block;
}

/*-------------------- aux_box --------------------*/
.aux_box {
    overflow: hidden;
}
.aux_box p {
    float: left;
    width: 55%;
}
.aux_box p.doc_box {
    float: right;
    margin-right: 0;
    width: 40%;
}

/*-------------------- upload_caution_box --------------------*/
.upload_caution_box{
    background-color: #fefbf4;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 15px 10px;
    margin: 0 -15px;
}
.upload_caution_box h3{
    font-size: 16px;
    color: #fb0000;
    margin-bottom: 10px;
}
.upload_caution_box div{
    margin: 0 -5px;
    font-size: 0;
    text-align: center;
}
.upload_caution_box div img{
    display: inline-block;
    font-size: 14px;
    margin-left: 4px;
}
.upload_caution_box div img:first-child{
    margin: 0;
}
.upload_caution_box ul li:nth-child(odd){
    margin-right: 2.5%;
}

/*-------------------- img_upload_box --------------------*/
.img_upload_box{
    font-size: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 20px;
}
.img_upload_box.bdr_b{
    border-color: #ebebeb;
}
.img_upload_box:first-child{
    padding-top: 10px;
}
.img_upload_box .img_preview{
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}
.img_upload_box .img_preview img,
.img_upload_box .img_preview span,
.img_upload_box .img_preview input{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.img_upload_box .img_preview img{
    width: 100%;
    margin-top: 10px;
}
.img_upload_box .img_preview span{
    margin-right: 10px;
    max-width: 370px;
    word-break: break-all;
}
.img_upload_box .img_preview input{
    width: 23px;
}
.img_upload_box .img_select_btn_area{
    text-align: center;
    margin: 0 -5px;
}
.img_upload_box .img_select_btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    width: 240px;
    overflow: hidden;
    margin-top: 18px;
    margin-left: 10px;
}
.img_upload_box .img_select_btn input{
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 100px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}
.txt_confirmation{
    font-size: 12px;
}

/*-------------------- attention_area --------------------*/
.attention_area{
    padding: 5px 10px 10px;
    background-color: #f8f8f8;
}
.attention_area .attentionbox{
    width: 100%;
    margin-bottom: 8px;
}
.attention_area .attentionbox p{
    font-size: 10px;
}
.attention_area .attentionbox p strong{
    font-weight: bold;
}
.attention_area .attentionbox .numList{
    margin-bottom: 3px;
    line-height: 1.4;
    padding-left: 1.3em;
}
.attention_area .attentionbox .numList span{
    margin-left: -1.3em;
    padding-right: 0.3em;
    line-height: 1.4;
}
/* ------------------------------------------------------------------
  header
------------------------------------------------------------------ */
.header_text {
  position: absolute;
  top: 20px;
  left: 17px;
  color: #00a4a8;
  font-weight: bold;
}
/* ------------------------------------------------------------------
  step_3_mvno
------------------------------------------------------------------ */
.selectList-cb li{
    position: relative;
}
.selectList-cb li a.tooltip{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    z-index: 2;
}

/* ------------------------------------------------------------------
  step7
------------------------------------------------------------------ */
.mb_tel_continuation{
    display: none;
}
.mb_tel_continuation1_box,
.mb_tel_continuation2_box,
.mb_tel_continuation3_box,
.mb_tel_continuation4_box,
.mb_tel_continuation5_box
{
    display: none;
}
.mnp_mb_select1_box, .mnp_mb_select2_box, .mnp_mb_select3_box, .mnp_mb_select4_box, .mnp_mb_select5_box{
    display: none;
}

/* ------------------------------------------------------------------
  subscription
------------------------------------------------------------------ */
.inputListBox .subscriptionServiceList {
    padding: 10px;
}
.inputListBox .subscriptionServiceList li {
    margin-top: 5px;
}
.inputListBox .subscriptionServiceList li:first-child {
    margin-top: 0;
}

/* ------------------------------------------------------------------
  agreementBox
------------------------------------------------------------------ */
.agreementBox h1 b {
    font-weight: normal;
}

/* ------------------------------------------------------------------
  ツールチップ
------------------------------------------------------------------ */
#colorbox {
    border-radius: 20px;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight{
    width: 0px!important;
    height: 0px!important;
    /* background: #cbd3d5; */
    background-image: none!important;
}

#cboxTopLeft{
    border-radius: 2px 0 0 0;
}
#cboxTopRight{
    border-radius: 0 2px 0 0;
}
#cboxBottomLeft{
    border-radius: 0 0 0 2px;
}
#cboxBottomRight{
    border-radius: 0 0 2px 0;
}
#top #cboxContent {
    background-color: transparent;
}
#top .cboxIframe {
    border-radius: 20px;
}
#top #cboxLoadedContent {
    padding-top: 32px;
}
#top #cboxClose{
    outline: none;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: url(/common_form/img/common/icn_modal_close.svg) no-repeat 0 0 / 32px auto!important;
    text-indent:-9999px;
}
/* #cboxClose{
    position:absolute;
    bottom:0;
    right:0;
    background:url(/common_form/sph/sim_contact/sim_entry_oc/img/share/controls.png) no-repeat -25px 0;
    width:25px;
    height:25px;
    text-indent:-9999px;
} */
#cboxClose:hover{
    background-position: -25px 0px!important;
}

/* ------------------------------------------------------------------
  ステップナビ
------------------------------------------------------------------ */
#pagettl{
    padding: 5px 3px;
}
#pagettl .return{
    display: inline-block;
    left: 3px;
    top: 50%;
    margin-top: -13px;
}
#pagettl h2{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
#pagettl p{
    display: inline-block;
    background-color: #ffae00;
    padding: 2px 4px 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -13px;
}

/*-- mobile_step
---------------------------------------------------- */
.mobile_changeSetting .l-contentBody__inner {
  display:none;
}

body.mobile_step #pagettl p{
    display: inline-block;
    background-color: #fff;
    color: #00a5a8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 2px 4px 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -13px;
}

/* ------------------------------------------------------------------
  YahooID
------------------------------------------------------------------ */
.Ylogin_noteBox {
    margin: 0 0 25px;
    padding: 10px;
    border: #ccc 1px solid;
}

.YloginBtn {
    text-align: center;
}
/* ------------------------------------------------------------------
  change
------------------------------------------------------------------ */
.radioBox > p { padding: 15px; }
.selectBox li {
	border-top: 1px solid #bbbdbf;
	margin: 0;
	padding: 0;
	position: relative;
}
.selectBox li:first-child { border-top: none; }
.selectBox li .tooltip {
	position: absolute;
	top: 2px;
	right: 2px;
}
.selectBox label {
	display: block;
	cursor: pointer;
}
.selectBox .campList input { display: none; }
.selectBox input + label {
	display: block;
	background: url(/common_form/sph/entry/img/share/check_off.png) no-repeat 0 50%;
	-webkit-background-size: 39px auto;
}
.selectBox li input[type="checkbox"]:checked + label {
	display: block;
	background: url(/common_form/sph/entry/img/share/check_on.png) no-repeat 0 50% #fff7ca;
	-webkit-background-size: 39px auto;
}
.selectBox li input[type="radio"]:checked + label {
	display: block;
	background: url(/common_form/sph/entry/img/share/check_on.png) no-repeat 0 50% #fff7ca;
	-webkit-background-size: 39px auto;
}
.serviceList li:first-child input + label {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
}
.serviceList li:last-child input + label {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
}
.serviceList li #serviceTv + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_tv.png) no-repeat 45px 50%;
	-webkit-background-size: auto 24px;
	height: 48px;
}
.serviceList li #serviceNet + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_net.png) no-repeat 45px 50%;
	-webkit-background-size: auto 24px;
	height: 48px;
}
.serviceList li #servicePhone + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_phone.png) no-repeat 45px 50%;
	-webkit-background-size: auto 24px;
	height: 48px;
}
.serviceList li #serviceMobile + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_mobile.png) no-repeat 45px 50%;
	-webkit-background-size: auto 27px;
	height: 48px;
}
.serviceList li #serviceWimax + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_wimax.png) no-repeat 48px 50%;
	-webkit-background-size: auto 13px;
	height: 32px;
}
.serviceList li #serviceJisin + label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_jisin.png) no-repeat 48px 50%;
	-webkit-background-size: auto 16px;
	height: 32px;
}
.serviceList li label {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.linkList li { padding: 5px 30px 5px 10px; }
.linkList li a.link {
	font-size: 86%;
	background: url(/common_form/sph/entry/img/share/icon_link.png) no-repeat 0 50%;
	-webkit-background-size: 18px 18px;
	padding: 0 0 0 28px;
	display: block;
	color: #333333!important;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}
.selectBox .chList label {
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	padding: 10px 30px 10px 50px;
	text-indent: 0!important;
}
.selectBox .chList label em { font-size: 20px; }
.tunerList li:last-child input + label,
.campList li:last-child input + label {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
}
.selectBox .tunerList label {
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	padding: 0px 30px 0px 50px;
	text-indent: 0!important;
}
.selectBox .tunerList li.sjb label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_tuner_sjb.png) no-repeat 0 50%;
	-webkit-background-size: auto 21px;
	padding: 10px 0 10px 75px;
}
.selectBox .tunerList li.stb label p {
	background: url(/common_form/sph/entry/img/service_select/img_serviceselect_tuner_stb.png) no-repeat 0 50%;
	-webkit-background-size: auto 39px;
	padding: 10px 0 10px 75px;
}
.selectBox .tunerList li.sjb label p em {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #525252;
	color: #fff;
	font-size: 11px;
	width: 110px;
	text-align: center;
	padding: 3px 0;
	display: block;
}
.selectBox .tunerList li.stb label p em {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #fff;
	color: #525252;
	font-size: 11px;
	width: 108px;
	text-align: center;
	padding: 3px 0;
	display: block;
	border: 1px solid #525252;
}
.selectBox .readtxt {
	font-size: 14px;
	background: #e5e5e5;
	border-bottom: 1px solid #bbbdbf;
	padding: 5px 10px 5px;
	line-height: 1.2;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}
.selectBox .readtxt span { font-size: 11px; }
.selectBox .campList label {
	font-size: 14px !important;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	padding: 10px 30px 10px 50px;
	font-weight: bold;
}
.selectBox .campList li:first-child label { /*padding:2px 30px 2px 50px;*/
}
.selectBox .campList .coutiontxt {
	border-top: 1px dotted #bbbdbf;
	padding: 3px 8px;
	color: #666666;
	font-size: 10px;
}
.serviceSetting2,
.serviceList .tvdetail { display: none; }
.serviceList .chList li label,
.serviceList .tunerList li label {
	border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	-ms-border-radius: 0px!important;
	-o-border-radius: 0px!important;
}
.serviceList .readtxt.ch,
.serviceList .readtxt.tuner { border-top: 2px solid #bbbdbf; }
.serviceList .tunerList { border-bottom: 1px solid #bbbdbf; }

/* ------------------------------------------------------------------
  アンカー
------------------------------------------------------------------ */
.clf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	font-size: 0.1em;
}
.clf { display: inline-block; }
.clf { display: block; }

.ancBox2 .ancBtn {
	width: 48%;
	background: #fff url(../img/share/anc_002.png) no-repeat scroll 95% center / 6px 6px;
	border: 1px solid #bbbdbe;
	display: block;
	float: right;
	display: block;
	text-align: center;
}
.ancBox2 .ancBtn:first-child { float: left; }
.ancBox2 .ancBtn a {
	display: block;
	padding: 10px 14px;
	font-size: 12px;
	margin: 10px auto;
	text-shadow: none;
	color: #666 !important;
	text-decoration: none;
}

.stepImgUl li {
	margin-bottom: 10px;
	border: 1px solid #7a7a7a;
	border-radius: 3px;
}
.stepImgUl li p {
	text-align: center;
  padding: 8px 10px;

}
.stepImgUl .status_step,
.stepImgUl .status_step2 {
	background: #7a7a7a;
	color: #fff;
}
.stepImgUl .status_more {
	margin-left: 10px;
}

#contents .subtitle2 {
  padding: 10px 15px 8px 15px;
  background-color: #efefef;
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  color: #333;
  -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1), inset 0px 0px 1px rgba(255,255,255,0.3);
}
h3.midashi {
	background: rgba(0, 0, 0, 0) url("/common_form/sph/sim_contact/sim_entry_oc/img/share/icon_txthead.png") no-repeat scroll 0 50%;
	border: 0 none !important;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	margin: 0 0 8px -3px;
	padding: 3px 0 0 35px;
}
.btn_parent {
    position: relative;
    padding-left: 15px;
}
.btn_parent-icon {
    position: relative;
    padding-right: 20px;
    font-weight: bold;
}
.bottomBtn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #406FAF;
}
.bottomBtn-icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(/common_v10/images/icn-link-self-blue.svg) center no-repeat;
}
/*-----------------------------------------------------
  jcom電力お申し込み　大分
-----------------------------------------------------*/
#Inquiry h3 { margin: 20px 0 20px; font-size:115%; font-weight: bold; line-height: 1.3; }
#Inquiry .tel a { padding: 0; text-decoration: none; color: #05277e; font-size: 30px; font-weight: bold; line-height: 1; font-family: 'arial'; }

/* ----------------------------------------------------
  mobile_step　001
---------------------------------------------------- */
@media screen and (min-width: 400px) {
	.br-sp { display:none; }
}

body.mobile_step .btnWidthAll {
  width: 100%;
  margin: 0 auto;
}
body.mobile_step .bgNone {
	background-color: none;
 	padding: 15px 11px;
}

body.mobile_step .applyBtnTypeB {
  background-color: none;
  padding: 15px;
  text-align: center;
}
body.mobile_step .mobile_title01 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-align: center;
}

body.mobile_step .inner .serviceBox_kanyu.mobileselect .select {
  padding: 0;
  position: relative;
}
body.mobile_step .select a#kanyu_joined,
body.mobile_step .select a#kanyu_unjoined {
	padding: 20px 0;
    margin-bottom: 10px;
    display: block;
    width: 100%;
	/*height: 0;*/
	border: 2px solid #00a5a8;
    background: #fff;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    -o-border-radius: 5px!important;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	color: #00a5a8;
	background: #ffffff;
    font-size: 20px;
}
body.mobile_step .select a#kanyu_joined ::after,
body.mobile_step .select a#kanyu_unjoined ::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #00a5a8;
  border-right: 2px solid #00a5a8;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -5px;
}
body.mobile_step #kanyu_select .inner #kanyu_select_banner {
	text-align: center;
  padding-top: 10px;
}
body.mobile_step #kanyu_select .inner #kanyu_select_banner p img {
	width: 100%;
}
.birthday {
  display: flex;
}
.birthday label {
  width: calc(100% / 3 - 5%);
}
.birthday label:first-child {
  width: calc(100% / 3 + 10%);
}
.birthday label select {
  width: calc(100% - 28.8px);
  padding: 5px 5px;
  font-size: 14px;
  border: 1px solid #cacaca;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
/* ----------------------------------------------------
  mobile_step　002
---------------------------------------------------- */
body.mobile_step  a#entry_type_easy {
  padding: 15px 30px 15px;
  }

body.mobile_step .easy_submit_box .statusBox #personalconfLink {
    margin: 20px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}
body.mobile_step .easy_submit_box .statusBox #personalconfLink a:link {
    color: #226bc4;
    text-decoration: underline;
}
body.mobile_step .statusBox a.btnTypeEntry#entry_type_easy {
	background: #eee;
	color: #333!important;
}
a.btnTypeEntry#entry_type_easy::after {
	border-top: 2px solid #00a5a8;
	border-right: 2px solid #00a5a8;
}
body.mobile_step .easy_submit_box .statusBox  p a span {
  display: block;
  width: 60%;
  margin: 0px auto 10px;
  padding: 3px 10px;
  background: #fff;
  color: #00a5a8;
  border-radius: 20px;
}
body.mobile_step .easy_submit_box .statusBox p a#entry_type_easy span {
	border: 1px solid #00a5a8;
}
body.mobile_step .easy_submit_box .statusBox  p a .Es_Comments {
  display: block;
	width: 100%;
	margin: 10px auto 0;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 12px;
}

body.mobile_step #apply_btn2 .easy_submit_box .statusBox  p a span {
  display: block;
  width: 50%;
  margin: 10px auto 0;
  padding: 3px 10px;
  background: #fff;
  color: #e83416;
  border-radius: 20px;
}
body.mobile_step .easy_submit_box .card-blockbody {
  padding: 0 0 20px;
}
body.mobile_step .statusBox .card-block .card-blockbody {
  width: 100%;
  margin: 15px auto 0;
  border-bottom: 1px solid #ccc;
}
body.mobile_step .statusBox .card-block .easy_accordion {
  /*text-align: center;*/
}
body.mobile_step .statusBox .card-block .easy_accordionA a {
  text-decoration:none;
  display: block;
  font-size: 14px;
  padding: 0 20px 0 0;
  background: url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_mobile_plus.png) no-repeat right 50%;
  background-size: 16px 16px;
}
body.mobile_step .statusBox .card-block .easy_accordionB a {
  text-decoration:none;
  display: block;
  font-size: 16px;
  padding: 0 20px 0 0;
  background: url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_mobile_minus.png) no-repeat right 50%;
  background-size: 16px 16px;
}

body.mobile_step .easy_submit_box .card-block .status_img {
	text-align: center;
	width: 80%;
	margin: 10px auto;
}
body.mobile_step .easy_submit_box .card-block .circle p {
	margin: auto;
  position: relative;
  top:50%;
  transform: translateY(-50%);
}
body.mobile_step .easy_submit_box .card-block_img {
  width: 90%;
  margin: 0 auto;
}
body.mobile_step .easy_submit_box .card-block_img p {
  width: 80%;
  margin: 0 auto;
}
body.mobile_step .easy_submit_box .card-block_img img {
  width: 100%;
  margin: 0 auto;
}
body.mobile_step .easy_submit_box .card-block_imgsub li {
  width: 33%;
  float: left;
  text-align: center;
  padding: 10px 0;
}
body.mobile_step .easy_submit_box .card-block_imgsub li img {
  text-align: center;
  width: 70%;
}
body.mobile_step .easy_submit_box .card-blockbody ol li {
  list-style: decimal!important;
  margin-left: 1rem;
}

body.mobile_step .easy_submit_box #card-block_text {
	text-align: left;
}
body.mobile_step .easy_submit_box #card-block_text p {
margin-top: 10px;
}

body.mobile_step .easy_submit_box .checkicon {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	margin-left: 25px;
	position: relative;
	margin-bottom: 15px;
  font-size: 16px;
}
body.mobile_step .easy_submit_box .checkicon::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.5em;
	width: 10px;
	height: 5px;
	border-left: 3px solid #e73619;
	border-bottom: 3px solid #e73619;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.mobile_step #apply_btn2 .easy_submit_box .checkicon::after {
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
}
body.mobile_step .easy_submit_box .MNP_img_box {
  width: 100%;
  margin: 0 auto;
}
body.mobile_step .easy_submit_box .card-block_MNP {
  font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	float: left;
	width: 49%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
}
body.mobile_step .easy_submit_box .card-block_MNP img {
  width: 40%;
  margin: 0 auto;
}
body.mobile_step .easy_submit_box .card-block_MNP span{
  width: 50%;
	margin-left: 1%;
}

body.mobile_step .easy_submit_box .card-block_MNP:first-child {
	margin-right: 1%;
}
body.mobile_step .easy_submit_box #card-block_text {
	text-align: left;
}
body.mobile_step .external_link span {
  color: #226bc4;
  padding: 0 15px 0 0 ;
  background: url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/service_select_bulankicon.png) no-repeat right 50%;
}
body.mobile_step .external_link a:visited {
  color: #226bc4;
}

/* ---  mobile_step　002modal
---------------------------------------------------- */
body.mobile_step .mobile_confBox h4 {
  width:70%;
  margin:15px auto;
  color: #fff;
  font-size:20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  text-align:center;
  background: #808080;
  border-radius: 20px;
  border: none;
}
body.mobile_step #m_confBox_nav {
	padding: 10px 0;
}
body.mobile_step #m_confBox_nav ul {
	width: 100%;
	margin: 1px auto;
}
body.mobile_step #m_confBox_nav ul li {
  background-color: #f5f5f5;
	position: relative;
	padding: 10px 30px;
}
body.mobile_step #m_confBox_nav ul li a {
  color: #226bc4;
}
body.mobile_step #m_confBox_nav ul li:first-child {
	margin-bottom: 1px;
}
body.mobile_step #m_confBox_nav ul li::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #226bc4;
	border-right: 2px solid #226bc4;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -5px;
}
body.mobile_step .mobile_confBox .IdentificationTitle {
  font-weight: bold;
  text-align: center;
}
body.mobile_step .mobile_confBox .doc_box_support {
  border-top: 1px solid #808080;
}
body.mobile_step .mobile_confBox .textCaution {
  display: block;
  text-align: center;
}
body.mobile_step #confBox .txt a:link,
body.mobile_step #confBox .txt a:visited {
    color: #226bc4;
    text-decoration: underline;
}
/* ----------------------------------------------------
  mobile_step　004
---------------------------------------------------- */
body.mobile_step #mobileArea .read sup { font-size: 80%!important; }
.icon_5g {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 45px;
  height: auto;
  background: #fff!important;
  border-radius: 2px;
  padding: 2px!important;
}
.icon_5g span {
  background: #66C1C8;
  border-radius: 2px;
}

/* -- モバイルカラー
---------------------------------------------------- */
body.mobile_step .mobileTerminalColor .serviceName p { position: relative; font-size:14px; padding-top:20px; }
body.mobile_step .mobileTerminalColor .serviceName p .circle {
  position: absolute;
  left: 50%;
  top: 0;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-left: -10px;
	background:#000;
	border: 1px solid #d2d1d2;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow:0px 3px 3px -1px rgba(0,0,0,0.24) inset;
	-moz-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.24) inset;
	-webkit-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.24) inset;
}

/* ----------------------------------------------------
 .contents
---------------------------------------------------- */

.contents { position:relative; }
.contents .flowArrow { width:100%; text-align:center; position:absolute; top:-13px; z-index:5; }
.contents > .inner { padding:0 15px; }
.contents > .inner h2.ttl { font-size:16px; margin:0 0 10px; text-align:center;}

body.mobile_step #optionSelect .ffnoto { font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
/* ----------------------------------------------------
 #optionSelect
---------------------------------------------------- */

body.mobile_step #optionSelect { padding: 0px 0 40px; background:#f3f3f3; position:relative; border-bottom:1px solid #cacaca; }
#optionSelect h2.ttl { font-size:16px; margin:0 0 20px; text-align:center;}
#optionSelect .inner { margin:0; padding:15px 15px 0; }

body.mobile_step #optionSelect #mobile_terminal_iplink { margin-bottom: 15px; text-align: right; font-size: 12px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
body.mobile_step #optionSelect #mobile_terminal_iplink a { color: #226bc4; }
/* -- 各カテゴリタイトル
---------------------------------------------------- */

#optionSelect #tabletArea h3 span { padding:0 0 0 35px; display:inline-block; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_tablet.png) no-repeat 0% 50%; background-size:23px 33px; }
#optionSelect #megapackArea h3 span { padding:0 0 0 75px; display:inline-block; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_megapack.png) no-repeat 0% 50%; background-size:63px 23px; }
#optionSelect h3.ttl.tv { height:56px; margin:0; font-size:200%; line-height:45px; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/ttl_bg_tv.png) repeat-x 50% 0%; background-size:auto 56px; }
#optionSelect #tvArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_tv.png) no-repeat 50% 10px; text-indent:100%; overflow:hidden; white-space: nowrap; background-size:195px 27px; }
#optionSelect h3.ttl.net { height:56px; margin:0; font-size:200%; line-height:45px; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/ttl_bg_net.png) repeat-x 50% 0%; background-size:auto 56px; }
#optionSelect #netArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_net.png) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; background-size:252px 27px; }
#optionSelect h3.ttl.phone { height:56px; margin:0; font-size:200%; line-height:45px; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/ttl_bg_phone.png) repeat-x 50% 0%; background-size:auto 56px; }
#optionSelect #phoneArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_phone.png) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; background-size:248px 28px; }
#optionSelect h3.ttl.mobile { height:56px; margin:0; font-size:200%; line-height:45px; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/ttl_bg_mobile.png) repeat-x 50% 0%; background-size:auto 56px; }
#optionSelect #mobileArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_mobile.png) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; background-size:243px 31px;  }
#optionSelect h3.ttl.ele { height:56px; margin:0; font-size:200%; line-height:45px; text-align:center; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/ttl_bg_ele.png) repeat-x 50% 0%; background-size:auto 56px; }
#optionSelect #eleArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_ttl_ele.png) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; background-size:150px 30px; }


/* -- 設問
---------------------------------------------------- */

#optionSelect h4.ques { margin:0 0 15px; padding:0 0 0 40px; font-size:14px; line-height:1.5em; display:block; position:relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; text-align: left!important; }
#optionSelect h4.ques.t { padding:0 30px 0 40px; }
#optionSelect h4.ques .required { padding:4px 5px; color:#fff; background:#e43725; font-size:12px; line-height:1em; border-radius:3px; display:inline-block; position:absolute; top:0; left:0; }
#optionSelect h4.ques .optional { padding:4px 5px; color:#fff; background:#005387; font-size:12px; line-height:1em; border-radius:3px; display:inline-block; position:absolute; top:0; left:0; }


/* -- ラジオボタン
---------------------------------------------------- */

#optionSelect .radio .selectList li label p.input { height:32px; border-bottom:1px solid #dfdfdf;}
#optionSelect .radio input[type='radio'],
#optionSelect .radio input[type='checkbox']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
#optionSelect .radio label { background:#fff; border:1px solid #cacaca; display:block; cursor:pointer; overflow:hidden; }
#optionSelect .radio label.checked { background:#fff7c8; }
#optionSelect .radio label.main.checked { background:#fff7c8; }
#optionSelect .radio label .input {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/radio_off.png);
	background-repeat:no-repeat;
	background-position:50% 6px;
	background-color:#e7e7e7;
	background-size:20px 20px;
	border-bottom:1px solid #dfdfdf;
	height:32px;
}
#optionSelect #tvArea .radio label .input { background-color:#fff4fa; }
#optionSelect #netArea .radio label .input { background-color:#edfaff; }
#optionSelect #phoneArea .radio label .input { background-color:#ecf9f1; }
#optionSelect #mobileArea .radio label .input { background-color:#e3f5f5; }
#optionSelect #eleArea .radio label .input { background-color:#fff3e1; }
#optionSelect .radio label.checked .input { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/radio_on.png)!important;}


/* -- チェックボックス
---------------------------------------------------- */

#optionSelect .checkbox input[type='checkbox']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; }
#optionSelect .checkbox label {
	padding:10px 10px 10px 47px;
	border:1px solid #cacaca;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_off.gif);
	background-color:#ffffff;
	background-repeat:repeat-y;
	background-position:0% 50%;
	background-size:37px auto;
	display:block;
	cursor:pointer;
	overflow:hidden;
}
#optionSelect .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_on.gif);
	background-color:#fffadf;
}
#optionSelect #tvArea .checkbox label {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_tv_off.gif);
}
#optionSelect #tvArea .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_tv_on.gif);
}
#optionSelect #netArea .checkbox label {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_net_off.gif);
}
#optionSelect #netArea .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_net_on.gif);
}
#optionSelect #phoneArea .checkbox label {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_phone_off.gif);
}
#optionSelect #phoneArea .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_phone_on.gif);
}
#optionSelect #mobileArea .checkbox label {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_mobile_off.gif);
}
#optionSelect #mobileArea .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_mobile_on.gif);
}
#optionSelect #eleArea .checkbox label {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_ele_off.gif);
}
#optionSelect #eleArea .checkbox label.checked {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/checkbox_ele_on.gif);
}

#optionSelect .selectList.checkbox li.pickup label .txt { position:relative; }
#optionSelect .selectList.checkbox li.pickup label .txt::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  content: "おすすめ";
  font-size: 12px;
  padding: 1px 6px;
  background: #e73c22;
  color: #fff;
}
.typeA .ques .pickup { font-size:72%; margin-left:10px; padding:1px 6px; background:#e73c22; color:#fff; }
.typeI .ques .pickup { font-size:72%; margin-left:10px; padding:1px 6px; background:#e73c22; color:#fff; }


/* -- 選択肢BOX
---------------------------------------------------- */

#optionSelect .selectList { margin:0 0 35px; overflow:hidden; }
#optionSelect .selectList li { margin-top:10px; position:relative; }
#optionSelect .selectList li:first-child { margin-top:0; }

#optionSelect .selectList.c1 li { width:98%; margin:0 1%; }
#optionSelect .selectList.c2 li { width:48%; margin:6px 1% 0; float:left; }
#optionSelect .selectList.c3 li { width:31.33%; margin:6px 1% 0; float:left; }

#optionSelect .selectList li.c1 { width:98%; margin:6px 1% 0; }
#optionSelect .selectList li.c2 { width:48%; margin:6px 1% 0; float:left; }
#optionSelect .selectList li.c3 { width:31.33%; margin:6px 1% 0; float:left; }

#optionSelect .selectList li.mobileTerminal_title { width:100%; margin-top:20px; background:none; }


#optionSelect .selectList li label { display:block; cursor:pointer; }
#optionSelect .selectList li label .txt { padding:10px; font-size:16px; position:relative; }
.web_entry #optionSelect .selectList li label .txt { padding:10px 5px; }
.web_entry #optionSelect .selectList#payment_type2 li label .txt,
.web_entry #optionSelect .selectList#payment_type3 li label .txt  { padding:20px 5px; }
/*
#optionSelect .typeA .selectList li label .txt { height:calc(100% - 31px); }
*/
#optionSelect .selectList li label .txt .img { padding:0; }
#optionSelect .selectList li label .txt .serviceName { font-size:16px; line-height:1.3; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
#optionSelect .selectList li label .txt .campName { margin:5px 0; color:#ff6c00; line-height:1.3; }
#optionSelect .selectList li label .txt .price { margin-top:5px; font-size:12px; line-height:1.25; }
#optionSelect .selectList li label .txt .price dl { display:table;}
#optionSelect .selectList li label .txt .price dt { width:60px; display:table-cell;}
#optionSelect .selectList li label .txt .price dd {  display:table-cell; }
#optionSelect .selectList.c2 li label .txt { padding:15px 0; }
#optionSelect .selectList.c2 li label .txt .serviceName { font-size:14px; }

#optionSelect .mobileSelect #mobileSelect_tab .selectList.c3 > li label { border:none; }
#optionSelect .mobileSelect #mobileSelect_tab .selectList.c3 > li label input { display: none; }
#optionSelect .mobileSelect #mobileSelect_tab .selectList.c3 > li label .txt  {
  padding: 10px 5px 10px;
  font-size: 86%;
  border: 1px solid #cacaca;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#optionSelect .mobileSelect #mobileSelect_tab .selectList.c3 > li { border: none; }
#optionSelect .mobileSelect #mobileSelect_tab .selectList.c3 > li label.checked .txt { background: #fffbe6; }
#optionSelect .mobileSelect .selectList.c3 li label .txt .serviceName { font-size: 86%; line-height:1.3; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }


@media screen and (max-width:320px) {
	#optionSelect .selectList li label .txt .price { font-size:11px; }
}

#optionSelect .selectList li label .txt .price .camp { font-size:200%; color:#e73518; font-family: 'Noto Sans JP', sans-serif; font-weight: 800; }
#optionSelect .selectList li label .txt .price .normal { font-size:186%; font-family:'Arial'; font-weight:bold; }
#optionSelect .selectList li label .txt .price .number { font-size:129%; font-family:'Arial'; }

#optionSelect .selectList.checkbox li label .txt { position:relative; padding:0 5px!important; }
#optionSelect .selectList.checkbox li label .txt .PackName { position:absolute; top: -2px; right: 0; text-align:right; }
#optionSelect .selectList.checkbox li label .txt .campaign {
  display: inline-block;
  font-size: 12px;
  background: #fff2f0;
  border-radius: 40px;
  margin-top: 10px;
  padding: 3px 20px;
}

#optionSelect #mobileArea .checkbox.nobtn label { background:none; background-color:#fff; padding:15px 5px; }
#optionSelect #mobileArea .checkbox.nobtn label.checked { background:none; background-color:#fffadf; }
#optionSelect .optionBox .selectList li label .txt,
#optionSelect .optionBox .selectList.c1 li label .txt,
#optionSelect .optionBox .selectList.c2 li label .txt { padding:15px 5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#optionSelect .optionBox .selectList li label .txt .img { width:30%; }
#optionSelect .optionBox .selectList li label .txt .img img { width:auto; max-height:85px; }
#optionSelect .optionBox .selectList li label .txt .serviceName { width:70%; font-size:12px; text-align:left; }
#optionSelect .optionBox .selectList li label .txt .price { margin:0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }
#optionSelect .optionBox .selectList li label .txt .price .normal { font-size:11.5px; font-family:'Arial'; }
#optionSelect .optionBox .selectList li label .txt .price .number { font-size:11.5px; font-family:'Arial'; }
#optionSelect .optionBox .selectList li label .txt .price.tax_included.js-split { width: 158px; text-align: right; }
#optionSelect .optionBox .selectList li label .txt .price.tax_included.js-initial { width: 133.6px; text-align: right; }


/* -- オプション開閉ボタン
---------------------------------------------------- */

#optionSelect .optionPlus { margin:0 15px; border:1px solid #cfcfcf; border-radius:4px; background:#fff; }
#optionSelect .btnView {
	border-radius:4px 4px 0 0;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	border-bottom:1px solid #cfcfcf;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fbfbfb, endcolorstr=#dcdcdc))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #fbfbfb, #dcdcdc);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfbfb, #dcdcdc);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #fbfbfb, #dcdcdc);/* IE10+, W3C */
	zoom:1;
	cursor: pointer;
}
#optionSelect .btnView span {
	padding-left:22px;
	display:inline-block;
	line-height:40px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-size:16px 16px;
}
#optionSelect #mobileArea .btnView {
	 border-radius:0;
}

#optionSelect #tvArea .btnView span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_tv.png); }
#optionSelect #netArea .btnView span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_net.png); }
#optionSelect #phoneArea .btnView span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_phone.png); }
#optionSelect #mobileArea .btnView span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_mobile.png); }
#optionSelect .optionPlus .btnView span.up { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_close.png)!important; }


/* -- オプション枠/モバイル枠内選択肢
---------------------------------------------------- */

#optionSelect .optionPlus { margin:0 15px; }
#optionSelect .optionPlus .in { padding:0 15px 15px; }
#optionSelect .optionPlus .optionBox { display:none; }
#optionSelect .optionPlus .in section { margin-top:30px; padding-bottom:10px; }
#optionSelect .optionPlus .selectList { margin:0; }


/* -- 個別選択肢設定
---------------------------------------------------- */

/* -- タブレット端末 -- */
#optionSelect .selectList.tablet_machine .price { width:200px; margin:0 auto; text-align:right; }
#optionSelect .selectList.tablet_machine .price.plus { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/service_select_plus.png) no-repeat 0 70%; background-size:13px 13px; }
#optionSelect .selectList.tablet_acc .price { margin:0 auto; text-align:left; }

/* -- CS 6ch -- */
#optionSelect .selectList.cs6ch .txt { padding:0!important; }
#optionSelect .selectList.cs6ch .serviceName{ padding:8px 0 8px; font-size:18px; }
#optionSelect .selectList.cs6ch li ul li { width:90%;  margin:0; padding:10px 5%; display:table; font-size:12px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; float:none;}
#optionSelect .selectList.cs6ch li ul li.odd { background:#f6f6f6; }
#optionSelect .selectList.cs6ch li label.checked .odd { background:#fffdfb; }
#optionSelect .selectList.cs6ch li ul li .icon { width:70px; display:table-cell; }
#optionSelect .selectList.cs6ch li ul li .chName { width:198px; display:table-cell; vertical-align:middle; }

/* -- オプションチャンネル -- */
#optionSelect .optionChBox { margin:0!important; padding:0!important; }
#optionSelect h5.opchViewCont { padding:10px 0 10px 45px; border:1px solid #cacaca; border-top:none; font-size:100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_acd_open.png) no-repeat 0% 50% #fff; background-size:37px auto; cursor:pointer; }
#optionSelect h5.opchViewCont.up { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_acd_close.png) no-repeat 0% 50% #fafafa; background-size:37px auto; }
#optionSelect .optionChList { display:none; margin:0!important; padding:0!important; }
#optionSelect .optionChList li label { border-top:none!important; border-bottom:1px solid #cacaca; border-radius:0; }
#optionSelect .optionChList.checkbox label .chName { margin-bottom:10px; font-size:12px; line-height:1.3; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
#optionSelect .optionChList.checkbox label .txt-cell dl { padding:0 0 5px; display:table; }
#optionSelect .optionChList.checkbox label .txt-cell dl dt { width:52px; display:table-cell; }
#optionSelect .optionChList.checkbox label .txt-cell dl dd { font-size:12px; line-height:1.3; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; display:table-cell; vertical-align:middle; }
#optionSelect .optionChList.checkbox label .price-cell { margin-top:8px; font-size:12px; display:block; }
#optionSelect .optionChList.checkbox label .price-cell .price .normal { font-size:186%; font-family:'Arial'; font-weight:bold; }
#optionSelect .optionChList.checkbox label .price-cell .price .number { font-size:129%; font-family:'Arial'; }

#optionSelect .optionChList.checkbox label .txt-cell .campBanner { margin:5px 0 8px; padding:0; display:block; border:1px solid #c9c9c9; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1); }
#optionSelect .optionChList.checkbox label .txt-cell .campBanner dt { width:95%; padding:3px 2.5%; display:block; font-size:16px; line-height:1.5em; text-align:center; color:#ffffff; background:#c6c6c6; border-bottom:1px solid #c9c9c9; }
#optionSelect .optionChList.checkbox label .txt-cell .campBanner dd { width:95%; padding:10px 2.5%; display:block; font-size:16px; line-height:1.5em; text-align:center; background:#ffffff; }

/* -- 固定電話 -- */
#optionSelect .selectList li.optionPhonePack > label { border-bottom:1px solid #cacaca; }
#optionSelect .selectList li.optionPhonePack ul { margin-left:37px!important; }
#optionSelect .selectList li.optionPhonePack ul li { margin-top:0; }
#optionSelect .selectList li.optionPhonePack ul li label { border-top:none!important; border-bottom:1px solid #cacaca; border-radius:0; }

/* -- モバイル共通 -- */
#optionSelect .mobileBox { margin-bottom:25px; border:1px solid #cacaca; background:#fff; }
#optionSelect .mobileBox .inBox { padding:15px; }
#optionSelect .mobileBox .optionBox { display:none; }
#optionSelect .mobileBox .typeA { display:none; }
#optionSelect .mobileBox .typeI { display:none; }
#optionSelect .mobileBox h3 { padding:5px 0; background:#b9e0e1; border-bottom:1px solid #cacaca; text-align:center; position:relative; }
#optionSelect .mobileBox h3 span { padding:0 10px; background:#fff; display:inline-block; border-radius:3px; color:#29a4a9; font-size:12px; font-weight:normal; }
#optionSelect .mobileBox h3 span em { font-size:115%; }
#optionSelect .mobileBox .deleteBtn {
	padding:10px;
	background:#ebebeb;
	text-align:center;
}
#optionSelect .mobileBox .deleteBtn p{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	border-radius:5px;
	border:1px solid #b0b0b0;
	display:inline-block;
	text-decoration:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#dddddd))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #ffffff, #dddddd);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #dddddd);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #dddddd);/* IE10+, W3C */
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	zoom:1;
	cursor:pointer;
}
#optionSelect .mobileBox .deleteBtn p em { padding:0 15px 0 36px; font-size:11px; line-height:24px; color:#111111; text-align:center; display:block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_delete.png) no-repeat 12px 50%; background-size:20px 23px;}
#optionSelect .mobileBox .inBox .mobileTerminal h5,
#optionSelect .mobileBox .inBox .mobileDplan h5 { margin:0 0 10px; font-size:14px; line-height:30px; text-align:center; background:#f3f3f3; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; border-radius:3px; }

/* -- モバイル端末 -- */
#optionSelect .mobileBox .inBox .mobileTerminal .img img { width:50%; }
#optionSelect .mobileBox .inBox .mobileTerminal .serviceName p { margin-top:5px; }
#optionSelect .mobileBox .inBox .mobileTerminal .serviceName p.pickup { display:inline-block; background:#e73c22; color:#fff; border-radius:3px; font-size:12px; margin-top:5px; padding: 3px 10px; }


/* -- モバイルデータ容量 -- */
#optionSelect .mobileBox .inBox .selectList.mobileData .txt { padding:0; }
#optionSelect .mobileBox .inBox .selectList.mobileData .txt .serviceName { padding:5px 0; font-size:14px; }
#optionSelect .mobileBox .inBox .selectList.mobileData .txt .serviceName em { font-size:172%; }
.web_entry #optionSelect .mobileBox .inBox .selectList.mobileData .txt .serviceName em { font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#optionSelect .mobileBox .inBox .selectList.mobileData .priceBox { padding:5px 10px; border-top:1px solid #cacaca; font-size:10px; }
#optionSelect .mobileBox .inBox .selectList.mobileData .priceBox dl { width:100%; overflow:hidden; display:table; }
#optionSelect .mobileBox .inBox .selectList.mobileData .priceBox dl dt { display:table-cell; }
#optionSelect .mobileBox .inBox .selectList.mobileData .priceBox dl dd { text-align:right; display:table-cell; }
#optionSelect .mobileBox .inBox .selectList.mobileData .priceBox dl dd span { font-size:12px; }

/* -- モバイル訪問設定 -- */
#optionSelect .mobileBox .inBox .selectList.tablet_visit label ul { overflow:hidden; }
#optionSelect .mobileBox .inBox .selectList.tablet_visit label li { margin-top:3px; padding:0; font-size:12px; }

/* -- モバイル追加ボタン -- */
.btn.mobilePlus {
	margin-top:0px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	display:inline-block;
}
.btn.mobilePlus span { text-decoration:underline; padding:0 0 0 20px; font-size:12px; color:#111111; text-align:center; display:block; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_mobile_plus.png) no-repeat 0px 50%; background-size:16px 16px;}
.btn.mobilePlus:hover span  { text-decoration:none; }


/* ----------------------------------------------------
 #fixedPriceArea
---------------------------------------------------- */

#fixedPriceArea { display:none; width:100%; position:fixed; bottom:0; z-index:10; }
#fixedPriceArea #tab { margin:0 0 -1px; padding:3px 0 0; overflow:hidden; }
#fixedPriceArea #tab li { width:45%; margin:0 4% 0 1%; float:right; }
#fixedPriceArea #tab li:first-child { width:45%; margin:0 1% 0 4%; float:left; }
#fixedPriceArea #tab li p {
	padding-left:5px;
	border:1px solid #ffffff;

	margin-top:3px;
	border-bottom:1px solid #ffffff;
	line-height:35px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_tab_open_w.png);

	border-radius:4px 4px 0 0;
	display:block;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.3);
	background-color:#848484;
	background-repeat:no-repeat;
	background-position:7% 50%;
	background-size:14px 14px;
	font-size:12px;

	color:#ffffff;
	text-decoration:none;
	text-align:center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	cursor:pointer;
}
#fixedPriceArea #tab li.open p {
	margin-top:0;
	border-bottom:none;
	line-height:39px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_tab_close_w.png);
	background-color:#848484;
}
#fixedPriceArea #tab li p.price {
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_down_w.png);
  background-repeat:no-repeat;
  background-position:7% 50%;
  background-size:10px 6px;
}

#fixedPriceArea section {  }
#fixedPriceArea section .priceBox {
  padding:8px;
  background:#848484;
  border-top:1px solid #ffffff;
  box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fixedPriceArea section .priceBox .priceBoxBoy { width: 60%; }
#fixedPriceArea section dl { width:100%; margin:2px 0 0; padding:0; overflow:hidden; display:table; }
#fixedPriceArea section dl dt { width:72px; margin:0 0 1px; padding:6px 6px 4px 10px; font-size:11px; line-height:18px; text-align:left; background:#e7e7e7;  display:table-cell; vertical-align:middle; border-radius:3px 0 0 3px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
#fixedPriceArea section dl dd { margin:0; padding:6px 6px 4px 10px; font-size:11px; line-height:18px; background:#ffffff; display:table-cell; vertical-align:middle; border-radius:0 3px 3px 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
#fixedPriceArea section dl.price dd { font-size:10px; }
#fixedPriceArea section dl.price dd em { font-family:'Arial'; }
/*#fixedPriceArea section dl.price dd .iconCamp { margin:-3px 5px 0 0; padding:0 3px; font-size:86%; border:1px solid #ff9a00; color:#ff9a00; border-radius:3px; font-family:'Noto Sans Japanese Medium'; }*/
#fixedPriceArea section .contactBox { padding:8px; display:none; background:#848484; border-top:1px solid #ffffff; box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); }
body.mobile_step #fixedPriceArea section .contactBox div.in { padding: 10px; background:#ffffff; text-align:center; border-radius:4px;}
body.mobile_step #mobile_navi section .contactBox div.in a,
body.mobile_step #fixedPriceArea section .contactBox div.in a { text-decoration: none; }
#fixedPriceArea section .contactBox div.in .btn { margin:5px 30px 0; padding:0; }
#fixedPriceArea section .contactBox div.in .btn span { padding:5px; line-height:16px; background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_contact.png) no-repeat 20px 50%; }
.arrow {
    /* position: relative; */
    display: inline-block;
    padding-left: 20px;
}
.arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #00a5a8;
    border-right: solid 2px #00a5a8;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

#fixedPriceArea .priceBox .btnBox { width:38%; overflow:hidden; }
body.mobile_step #fixedPriceArea .priceBox .btnBox li { width:100%; float:right; font-size:100%; }
#fixedPriceArea .priceBox .btnBox li:first-child { float:left; }

/* -- 各種ボタン
---------------------------------------------------- */

body.mobile_step #fixedPriceArea .btn { cursor:pointer; display:block; line-height:1.5;}
body.mobile_step #fixedPriceArea .btn.gray {
	color:#111111;
	text-align:center;
	text-decoration:none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	border-radius:5px;
	border:1px solid #cfcfcf;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f4f4f4))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #ffffff, #f4f4f4);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #f4f4f4);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);/* IE10+, W3C */
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
body.mobile_step .btn.gray {
	color:#111111;
	text-align:center;
	text-decoration:none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	border-radius:5px;
	border:1px solid #cfcfcf;
	display:inline-block;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f4f4f4))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #ffffff, #f4f4f4);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #f4f4f4);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);/* IE10+, W3C */
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
body.mobile_step .btn.gray:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f4f4f4, endcolorstr=#ffffff))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #f4f4f4, #ffffff);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #f4f4f4, #ffffff);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #f4f4f4, #ffffff);/* IE10+, W3C */
}

body.mobile_step #fixedPriceArea .btn.red {
	color:#fff;
	text-align:center;
	text-decoration:none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
	border-radius:5px;
	border:1px solid #e83517;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eb5d45, endcolorstr=#e83416))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #eb5d45, #e83416);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #eb5d45, #e83416);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #eb5d45, #e83416);/* IE10+, W3C */
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
body.mobile_step #fixedPriceArea .btn.gre {
	color:#fff;
	text-align:center;
    text-decoration:none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
	border-radius:5px;
	border:1px solid #00a5a8;
    background: #00a5a8;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}

body.mobile_step #fixedPriceArea .btn span { display:block; padding:8px 20px 8px 10px; }
body.mobile_step #fixedPriceArea .btn.sizeS span { line-height:1.3; display:block; padding:8px 10px 8px 3px; }
body.mobile_step #fixedPriceArea .btn.sizeL span { line-height:1.3; display:block; padding:16px 10px 16px 3px; }
body.mobile_step #fixedPriceArea .btn.mobile { border:2px solid #29a4a9; }
body.mobile_step #fixedPriceArea .btn.mobile span { padding:7px 19px 7px 9px; }
body.mobile_step #fixedPriceArea .btn.mobile.sizeS span { display:block; padding:7px 9px 7px 2px; }

body.mobile_step #fixedPriceArea .btn.gre.arrowN span,
body.mobile_step #fixedPriceArea .btn.red.arrowN span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_w.png) no-repeat 94% 50%; background-size:7px 12px; }
body.mobile_step #fixedPriceArea .btn.gre.arrowD span,
body.mobile_step #fixedPriceArea .btn.red.arrowD span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_down_w.png) no-repeat 95% 50%; background-size:12px 7px; }
body.mobile_step #fixedPriceArea .btn.gre.arrowU span,
body.mobile_step #fixedPriceArea .btn.red.arrowU span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_up_w.png) no-repeat 95% 50%; background-size:12px 7px; }
body.mobile_step #fixedPriceArea .btn.gray.arrowN span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_r.png) no-repeat 94% 50%; background-size:7px 12px; }
body.mobile_step #fixedPriceArea .btn.gray.arrowD span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_down_r.png) no-repeat 95% 50%; background-size:12px 7px; }
body.mobile_step #fixedPriceArea .btn.gray.arrowU span { background:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_btn_link_up_r.png) no-repeat 95% 50%; background-size:12px 7px; }

body.mobile_step #fixedPriceArea .btn.m40 { margin:0 40px; }
body.mobile_step #fixedPriceArea .btn.m30 { margin:0 30px; }
body.mobile_step #fixedPriceArea .btn.m20 { margin:0 20px; }

/* ----------------------------------------------------
 #priceList
---------------------------------------------------- */

#priceList { padding-top:35px; padding-bottom:0; background:#fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }


/* -- 申し込みボタン
---------------------------------------------------- */

#priceList .entryBox { padding:15px; border-radius:4px; background:#f0f0f0; overflow:hidden; }


/* -- 選択プラン
---------------------------------------------------- */

#priceList .read { padding:0 0 15px; font-size:18px; text-align:center; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
#priceList #selectedPlan { margin:0 0 25px; padding:8px; font-size:16px; line-height:1.3; text-align:center; font-family: 'Noto Sans JP', sans-serif; font-weight: 600;border:2px solid #d4d4d2; border-radius:5px; }


/* -- 合計/小計金額
---------------------------------------------------- */
body.mobile_step #priceList .MorePriceBox { padding: 0 15px; background: #FFFBF3;  }
body.mobile_step #priceList .MorePriceBox:last-child { padding-bottom: 15px;}
body.mobile_step #priceList .MorePriceBox h4 { padding: 15px 0;    font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }


#priceList .priceTable { margin:0 0 50px; /*border:1px solid #cacaca;*/ }
body.mobile_step #priceList .priceTable .totalPrice { padding:15px 0 10px; font-size:14px; line-height:1em; text-align:center; border-bottom:1px solid #cacaca; background:#fff5dd; position:relative; }
#priceList .priceTable .totalPrice em { padding:0 3px; display:inline-block; font-size:32px; color:#e73518; font-family:'Arial'; font-weight:bold; }
#priceList .priceTable .totalPrice .btn { width:160px; margin:8px auto 0; }
#priceList .priceTable .totalPrice .btn span { padding:5px 0; font-size:12px; }

body.mobile_step #priceList .priceTable .stotalPrice { padding:8px 10px 5px; font-size:12px; line-height:26px; border:1px solid #cacaca; background:#edeeef; overflow:hidden;}
#priceList .priceTable .stotalPrice dt { width:50%; float:left; }
#priceList .priceTable .stotalPrice dd { width:50%; float:left; text-align:right; }
#priceList .priceTable .stotalPrice dd span { padding:0 3px; display:inline-block; font-family:'Arial'; font-size:22px; font-weight:bold; }
body.mobile_step #priceList .priceTable .stotalPrice p { width:100%; margin: 0 auto; text-align: center;}
body.mobile_step #priceList .priceTable .stotalPrice p span.price { padding:0 3px; display:inline-block; font-family:'Arial'; font-size:22px; font-weight:bold; }

/* -- 内訳見出し
---------------------------------------------------- */

#priceList .sttl { margin:0; padding:2px; border-top:1px solid #cacaca; background:#fff; text-align:center; font-size:12px;   font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }


/* -- プラン金額
---------------------------------------------------- */

body.mobile_step #priceList .priceTable .planPrice {
  border-top:1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  overflow:hidden;
  background:#fff;
}

#priceList .priceTable .planPrice dt .in { padding:10px; }
#priceList .priceTable .planPrice dt .in .sn { font-size:115%;   font-family: 'Noto Sans JP', sans-serif; font-weight: 600;}
#priceList .priceTable .planPrice dt .in .price1 { margin:10px 0 0; font-size:10px; text-align:right; line-height:1.8em; }
#priceList .priceTable .planPrice dt .in .price2 { font-size:10px; text-align:right; line-height:1.8em; }
#priceList .priceTable .planPrice dt .in .price1 span { font-family:'Arial'; font-size:26px; }
#priceList .priceTable .planPrice dt .in .price2 span { font-family:'Arial'; font-size:14px; }
#priceList .priceTable .planPrice dt .in .price1 span { font-weight:bold; }
#priceList .priceTable .planPrice dt .in .price2 span { font-weight:bold; }
body.mobile_step #priceList .priceTable .planPrice dd { margin:0 ; border-top:1px solid #cacaca; }
#priceList .priceTable .planPrice dd .detail { overflow:hidden; border-top:1px solid #cdcdcc; }
#priceList .priceTable .planPrice dd .detail:first-child { border-top:none; }
/*body.mobile_step #priceList .priceTable .planPrice dd .detail:last-child { border-bottom:1px solid #cdcdcc; }*/
#priceList .priceTable .planPrice dd .detail .cell { padding:10px 0; font-size:11px; text-align:center; float:left; }
#priceList .priceTable .planPrice dd .detail .cell p { padding:0 8px; }
#priceList .priceTable .planPrice dd .detail .cell p.mi { font-weight:bold; text-align:left; }
#priceList .priceTable .planPrice dd .detail .cell p.txt { text-align:right; }
/*body.mobile_step #priceList .priceTable .planPrice dd .detail .cell1 { width:100%; background:none; border-bottom:1px dotted #cdcdcc; }*/
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell2 { width:100%; }
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell3 { width:48%; border-left:1px dotted #cdcdcc; }
#priceList .priceTable .planPrice dd .detail .cell1 p.mi { text-align:left; }
#priceList .priceTable .planPrice dd .detail .cell1 p.txt { text-align:left; }
#priceList .priceTable .planPrice dd .detail .cell2 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .planPrice dd .detail .cell3 p.txt span { font-size:129%; font-family:'Arial'; }

body.mobile_step #priceList .priceTable .planPrice dd .detail .cell1 p { text-align:left; font-size: 105%;   font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell2 p { text-align:right; }
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell2 p span { font-size:129%; font-family:'Arial'; }
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell3 p span { font-size:129%; font-family:'Arial'; }
.web_entry #priceList .priceTable .planPrice dd .detail .cell2 p span { font-weight:bold; }
.web_entry #priceList .priceTable .planPrice dd .detail .cell2 p span:nth-child(2) { font-weight:normal; }

/*planPriceB*/
body.mobile_step #priceList .priceTable .normalPriceB.planPriceB {
  border-top:1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  overflow:hidden;
  background:#fff;
}
#priceList .priceTable .normalPriceB.planPriceB dt .in { padding:10px; }
#priceList .priceTable .normalPriceB.planPriceB dt .in .sn { font-size:115%;   font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#priceList .priceTable .normalPriceB.planPriceB dt .in .price1 { margin:10px 0 0; font-size:10px; text-align:right; line-height:1.8em; }
#priceList .priceTable .normalPriceB.planPriceB dt .in .price2 { font-size:10px; text-align:right; line-height:1.8em; }
#priceList .priceTable .normalPriceB.planPriceB dt .in .price1 span { font-family:'Arial'; font-size:26px; }
#priceList .priceTable .normalPriceB.planPriceB dt .in .price2 span { font-family:'Arial'; font-size:14px; }
/* body.mobile_step #priceList .priceTable .normalPriceB.planPriceB dd { margin:0 ; }
#priceList .priceTable .planPriceB dd .detail { overflow:hidden; border-top:1px dashed #cdcdcc; margin:0 8px; }
#priceList .priceTable .planPriceB dd .detail .cell { padding:10px 0; font-size:11px; text-align:center; }
#priceList .priceTable .planPriceB dd .detail .cell p.mi { font-weight:bold; text-align:left; }
#priceList .priceTable .planPriceB dd .detail .cell p.txt { text-align:right; }
body.mobile_step #priceList .priceTable .planPrice dd .detail .cell1 { width:100%; background:none; border-bottom:1px dotted #cdcdcc; }
body.mobile_step #priceList .priceTableB .planPrice dd .detail .cell2 { width:100%; }
body.mobile_step #priceList .priceTableB .planPrice dd .detail .cell3 { width:48%; border-left:1px dotted #cdcdcc; }
#priceList .priceTable .planPriceB dd .detail .cell1 p.mi { text-align:left; }
#priceList .priceTable .planPriceB dd .detail .cell1 p.txt { text-align:left; }
#priceList .priceTable .planPriceB dd .detail .cell2 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .planPriceB dd .detail .cell3 p.txt span { font-size:129%; font-family:'Arial'; }

body.mobile_step #priceList .priceTable .planPriceB dd .detail .cell1 p { text-align:left; font-size: 105%; font-family: 'Noto Sans Japanese Regular'; }
body.mobile_step #priceList .priceTable .planPriceB dd .detail .cell2 p { text-align:right; }
body.mobile_step #priceList .priceTable .planPriceB dd .detail .cell2 p span { font-size:129%; font-family:'Arial'; }
body.mobile_step #priceList .priceTable .planPriceB dd .detail .cell3 p span { font-size:129%; font-family:'Arial'; }
.web_entry #priceList .priceTable .planPriceB dd .detail .cell2 p span { font-weight:bold; }
.web_entry #priceList .priceTable .planPriceB dd .detail .cell2 p span:nth-child(2) { font-weight:normal; } */

/* -- 通常金額表示
---------------------------------------------------- */

body.mobile_step #priceList .priceTable .normalPrice {
  border-top:1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  overflow:hidden;
  background:#fff;
}

#priceList .priceTable .normalPrice > dt .in { padding:10px 15px; font-size:12px; }
#priceList .priceTable .normalPrice > dt .in .sn { font-size:12px;   font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#priceList .priceTable .normalPrice > dt .in .price { margin:5px 0 0; font-size:12px; text-align:right; line-height:1.8em; }
#priceList .priceTable .normalPrice > dt .in .price span { font-family:'Arial'; font-size:18px; }
.web_entry #priceList .priceTable .normalPrice > dt .in .price span { font-weight:bold; }
#priceList .priceTable .normalPrice > dd { margin:0 10px 10px;  }
#priceList .priceTable .normalPrice > dd .detail { overflow:hidden; border-top:1px solid #cdcdcc; }
#priceList .priceTable .normalPrice > dd .detail:first-child { border-top:none; }
#priceList .priceTable .normalPrice > dd .detail .cell { padding:10px 0; font-size:11px; float:left; }
#priceList .priceTable .normalPrice > dd .detail .cell p { padding:0 8px; }
#priceList .priceTable .normalPrice > dd .detail .cell p.mi { font-weight:bold; text-align:left; }
.web_entry #priceList .priceTable .normalPrice > dd .detail .cell p.mi { font-weight:normal; text-align:left; }

#priceList .priceTable .normalPrice > dd .detail .cell p.txt { text-align:right; }
#priceList .priceTable .normalPrice > dd .detail .cell1 { width:100%; background:#edeeef; border-bottom:1px dotted #cdcdcc; }
#priceList .priceTable .normalPrice > dd .detail .cell2 { display: none; width:100%; }
#priceList .priceTable .normalPrice > dd .detail .cell3 { display: none; width:100%; border-left:1px dotted #cdcdcc; }
#priceList .priceTable .normalPrice > dd .detail .cell1 p.mi { text-align:left; }
#priceList .priceTable .normalPrice > dd .detail .cell1 p.txt { text-align:left; }
#priceList .priceTable .normalPrice > dd .detail .cell2 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .normalPrice > dd .detail .cell3 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .normalPrice > dd .detail .coution { padding:5px 10px; width:100%; font-size:10px; border-top:1px dotted #cdcdcc; float:left; }

body.mobile_step #priceList .priceTable .normalPriceB {
  border-top:1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  overflow:hidden;
  background:#fff;
}

#priceList .priceTable .normalPriceB > dt .in { padding:10px 15px; font-size:12px; }
#priceList .priceTable .normalPriceB > dt .in .sn { font-size:12px;   font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#priceList .priceTable .normalPriceB > dt .in .price { margin:5px 0 0; font-size:12px; text-align:right; line-height:1.8em; }
#priceList .priceTable .normalPriceB > dt .in .price span { font-family:'Arial'; font-size:18px; }
#priceList .priceTable .normalPriceB > dd { margin:0 10px 10px; border:1px solid #cdcdcc; }
/*#priceList .priceTable .normalPriceB > dd.box { display: none; }*/
#priceList .priceTable .normalPriceB > dd .detail { overflow:hidden; }
#priceList .priceTable .normalPriceB > dd .detail .cell { padding:10px 0; font-size:11px; float:left; }
#priceList .priceTable .normalPriceB > dd .detail .cell p { padding:0 8px; }
#priceList .priceTable .normalPriceB > dd .detail .cell p.mi { font-weight:bold; text-align:left; }
.web_entry #priceList .priceTable .normalPriceB > dd .detail .cell p.mi { font-weight:normal; text-align:left; }

#priceList .priceTable .normalPriceB > dd .detail .cell p.txt { text-align:right; }
#priceList .priceTable .normalPriceB > dd .detail .cell1 { width:100%; background:#edeeef; }
#priceList .priceTable .normalPriceB > dd .detail .cell2 { width:100%; }
#priceList .priceTable .normalPriceB > dd .detail .cell3 { width:100%; }
#priceList .priceTable .normalPriceB > dd .detail .cell1 p.mi { text-align:left; }
#priceList .priceTable .normalPriceB > dd .detail .cell1 p.txt { text-align:left; }
#priceList .priceTable .normalPriceB > dd .detail .cell2 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .normalPriceB > dd .detail .cell3 p.txt span { font-size:129%; font-family:'Arial'; }
#priceList .priceTable .normalPriceB > dd .detail .coution { padding:5px 10px; width:100%; font-size:10px; }


/* -- オプション金額
---------------------------------------------------- */
body.mobile_step #priceList .priceTable .optionPrice {
  border-top:1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  overflow:hidden;
  background:#fff;
 }

body.mobile_step #priceList .priceTable .optionPrice li .in { padding:5px 10px;  border-bottom:1px solid #cacaca; }
body.mobile_step #priceList .priceTable #monthOptionPrice { border-top: none; }
#priceList .priceTable .optionPrice li .in .sn { font-size:12px;   font-family: 'Noto Sans JP', sans-serif; font-weight: 600;}
#priceList .priceTable .optionPrice li .in .price { font-size:11px; text-align:right; }
#priceList .priceTable .optionPrice li .in .price span { font-family:'Arial'; font-size:16px; }
.web_entry #priceList .priceTable .optionPrice li .in .price span { font-weight:bold; }

/* -- 適用キャンペーン
---------------------------------------------------- */

#priceList #campaign { margin-bottom:50px; }
#priceList #campaign table { width:100%; border-collapse:collapse; border:none; }
#priceList #campaign table thead th { border:1px solid #cacaca; background: #fff5dd; }
#priceList #campaign table thead th h4 { font-size:100%; line-height:30px;   font-family: 'Noto Sans JP', sans-serif; ont-weight: 700; text-align:center; }
#priceList #campaign table tbody th{ padding:8px 10px; font-size:12px; text-align:left; border:1px solid #cacaca; border-bottom:1px dotted #cacaca; background:#f8f8f8; font-weight:bold; vertical-align:top; }
#priceList #campaign table tbody td { padding:10px; font-size:11px; border:1px solid #cacaca; border-top:none; font-size:86%; }


/* -- 適用条件
---------------------------------------------------- */

#priceList #terms { width:100%; margin:0 0 40px; }
#priceList #terms h4.ttl { border:1px solid #cacaca; background:#e3e3e3; font-size:100%; line-height:30px;   font-family: 'Noto Sans JP', sans-serif; font-weight: 600; text-align:center; }
#priceList #terms .midashi {
	background:#edeeef;
	padding:5px 8px;
	border:1px solid #cacaca;
	border-top:none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}
#priceList #terms .sttl {
	border:1px solid #cacaca;
	border-top:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fbfbfb, endcolorstr=#e1e1e1))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);/* IE10+, W3C */
	zoom:1;
}
#priceList #terms .sttl span {
	padding:8px 0 8px 35px;
	height:18px;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:18px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open.png);
	background-repeat:no-repeat;
	background-position:10px 50%;
	background-size:16px 16px;
	cursor:pointer;
}
#priceList #terms .sttl.tv span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_tv.png); }
#priceList #terms .sttl.net span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_net.png); }
#priceList #terms .sttl.phone span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_phone.png); }
#priceList #terms .sttl.mobile span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_mobile.png); }
#priceList #terms .sttl.ele span { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_open_ele.png); }
#priceList #terms .sttl span.up { background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_optional_close.png)!important; }

#priceList #terms .sttl img {
	vertical-align:bottom;
	margin:0;
	padding:0;
	height:18px;
}
#priceList #terms .termsBox.din { display:none; }
#priceList #terms .termsBox { padding:12px; font-size:11px; border:1px solid #cacaca; border-top:none; font-size:86%; }

#priceList #terms .termsBox dl { margin-top:6px; }
#priceList #terms .termsBox dl:first-child { margin-top:0; }
#priceList #terms .termsBox dt { font-weight:bold; display:inline-block; }
#priceList #terms .termsBox dd { display:inline-block; }
#priceList #terms .termsBox ul.service li{ margin-bottom:10px; }
#priceList #terms .termsBox ul.service img{ height:18px; }
#priceList #terms .termsBox .btn.change { width:60%; margin:10px auto 0; }
#priceList #terms .termsBox .btn.change span { padding:5px 20px; }




/* ----------------------------------------------------
 #coution
---------------------------------------------------- */

#coution { padding-top:40px; border-top: 1px solid #cacaca; }
#coution h4 { font-size:10px; color:#666666; }
#coution ul { margin:8px 0 25px; }
#coution ul li { margin-bottom:2px; padding-left:1.2em; font-size:10px; color:#666666; position:relative; }
#coution ul li.number { padding-left:2.2em; }
#coution ul li span { position:absolute; top:0; left:0; }

/* ----------------------------------------------------
 #mobile_navi
---------------------------------------------------- */
body.mobile_step #mobile_navi { width: 100%; position:fixed; bottom:0; z-index:50; }
body.mobile_step #mobile_navi #tab { margin:0 0 -1px; padding:3px 0 0; overflow:hidden; }
body.mobile_step #mobile_navi #tab li { width:45%; margin:0 4% 0 1%; float:right; }
body.mobile_step #mobile_navi #tab li:first-child { width:45%; margin:0 1% 0 4%; float:left; }
body.mobile_step #mobile_navi #tab li p {
	padding-left:5px;
	border:1px solid #ffffff;

	margin-top:3px;
	border-bottom:1px solid #ffffff;
	line-height:35px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_tab_open_w.png);

	border-radius:4px 4px 0 0;
	display:block;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.3);
	background-color:#aaaaaa;
	background-repeat:no-repeat;
	background-position:7% 50%;
	background-size:14px 14px;
	font-size:12px;

	color:#ffffff;
	text-decoration:none;
	text-align:center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
	cursor:pointer;
}
body.mobile_step #mobile_navi #tab li.open p {
	margin-top:0;
	border-bottom:none;
	line-height:39px;
	background-image:url(/common_form/sph/sim_contact/sim_entry_oc/img/pack_select/icon_tab_close_w.png);
	background-color:#aaaaaa;
}
body.mobile_step #mobile_navi section .contactBox { padding:8px; background:#aaaaaa; border-top:1px solid #ffffff; box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); }
body.mobile_step #mobile_navi section .contactBox div.in { padding: 10px; background:#ffffff; text-align:center; border-radius:4px;}

/*body.mobile_step #mobile_navi #mobile_navi_body { width: 288px; margin: 0 auto; }*/
body.mobile_step #mobile_navi #mobile_navi_body a.btnTypeD_upload { padding: 7px; }


body.mobile_step #mobile_navi { margin:0; padding:0; position:fixed; bottom:10%; left:-280px; z-index:50; }
/*body.mobile_step #mobile_navi #mobile_navi_body p { width: 220px;  padding:0; margin: 0; border-radius: 5px; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3); }*/
body.mobile_step #mobile_navi #mobile_navi_body { width: 317px; height: 170px; }
body.mobile_step #mobile_navi .vrl {
  float: right;
  background: #ccc;
  height: 170px;
  padding: 0px 6px;
  color: #fff;
  border-radius: 0 5px 5px 0!important;
  -webkit-border-radius: 0 5px 5px 0!important;
  -moz-border-radius: 0 5px 5px 0!important;
  -ms-border-radius: 0 5px 5px 0!important;
  -o-border-radius: 0 5px 5px 0!important;
  border: 2px solid #fff;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  letter-spacing: 0.3rem;
  cursor: pointer;
  font-size: 14px;
  line-height: 23px;
  width: 37px;
}
.web_entry #mobile_navi .vrl {
  background: #424242;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  body.mobile_step #mobile_navi .vrl {
		letter-spacing: 0;
  }
}
body.mobile_step #mobile_navi .vrl span { margin: 20px 0;}
body.mobile_step #mobile_navi .body_box { float: left; width: 280px; height: 170px; padding: 15px 10px; border: 2px solid #ccc; background: #fff; }
body.mobile_step #mobile_navi .body_box #mobile_navi_btn { width: 250px; margin: 0 auto;}
body.mobile_step #mobile_navi .body_box #mobile_navi_btn a {
  display: block;
  padding: 10px 0px 10px;
  background: #fff;
  border: 2px solid #226bc4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #226bc4 !important;
  text-align: center;
  text-decoration: none;
 }

/* ----------------------------------------------------
 footer
---------------------------------------------------- */

footer { margin:0; padding:10px 15px 20px; font-size:79%; text-align:center; border-top:1px solid #dadada; }



/* ----------------------------------------------------
 アラート
---------------------------------------------------- */

.alertBox { display:none; width:100%; position:fixed; top:200px; left:0; z-index:16001; }
.alertBox .inner { width:380px; margin:0 auto; padding:25px; border:2px solid #ffba00;
    background:#ffffff;
    border-radius:6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px; -webkit-box-shadow:0px 0px 5px 0px rgba(255,255,255,0.9); box-shadow:0px 0px 5px 0px rgba(255,255,255,0.9); text-align:center; }
.alertBox .inner .txt { text-align:left; }
.alertBox .inner a { color:#226bc4!important; text-decoration:underline; }
.alertBox .inner a:hover { color:#5690d7!important; text-decoration:none; }
.alertBox .inner .closeBtn { margin:15px auto 0; padding:3px 30px; display:inline-block; }
@media screen and (max-width: 767px) {
    .alertBox { display:none; width:100%; position:fixed; top:200px; left:0; z-index:1100; }
    .alertBox .inner { width:70%; margin:0 auto; padding:5%; border:2px solid #ffba00; background:#ffffff; border-radius:6px; box-shadow:0px 0px 5px 0px rgba(255,255,255,0.9);text-align:center; }
    .alertBox .inner .txt { text-align:left; }
    .alertBox .inner a { color:#226bc4!important; text-decoration:underline; }
    .alertBox .inner a:hover { color:#5690d7!important; text-decoration:none; }
    .alertBox .inner .closeBtn { margin:15px auto 0; padding:3px 30px; display:inline-block; }
}
#modalBG { display:none; width:100%; height:100%; background-color: rgba(255,255,255,0.75); position:fixed; top:0; left:0; z-index:1000; }

.txtsG {
  font-size: 12px;
  color: #666666;
  margin-top: 5px;
}
.fsXS {
    font-size: 72% !important;
}
body.mobile_step .fcOrange {
  color: #ff6c00;
}
.campName {
  margin: 5px 0;
  color: #ff6c00;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}
body.mobile_step .selectList li p,
body.mobile_step #service_select .selectList li a {
    padding: 0;
    background:none;
}
body.mobile_step .tooltip_text { width:auto; display:block; position:absolute; top:2px; right:5px; font-size: 12px; color:#226bc4; text-decoration:underline; }
body.mobile_step .tooltip {
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: -3px;
    right: 2px;
}
body.mobile_step .tooltip img {
    width: 27px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.text_tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}

body.mobile_step .selectList #visit li {
    padding: 0;
    border-bottom: none;
    border-top: none;
    position: relative;
    background-image: none;
}

/* ----------------------------------------------------
  mobile_step　005
---------------------------------------------------- */
body.mobile_step .statusBox {
  margin: 10px 0;
  padding: 15px;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}
/*body#entryRoom #contents h3,
body#entryRoom #house_type h3 {
  text-align: center;
  margin-bottom: 5px;
  font-family:'Noto Sans Japanese Medium';
}*/
body.mobile_step .statusBox #p_login {
  margin: 10px 0;
  padding: 10px 15px 8px 15px;
  background: #efefef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
body.mobile_step .statusBox #p_login p:nth-child(2) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

/*--住所選択モーダル
---------------------------------------------------- */
body.mobile_step #house_type{
  margin: 10px 0;
  padding: 15px;
}
body.mobile_step #house_type ul.selectList-rb {
  width: 100%;
  margin: 20px auto;
}
body.mobile_step #house_type li {
  float: left;
  width: 48%;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
body.mobile_step #house_type li:last-child {
  float: right;
}
/* ----------------------------------------------------
  mobile_step　006
---------------------------------------------------- */
body.mobile_step #contents #mobileFormBox {
  margin: 0 0 25px;
  padding: 15px;
}
body.mobile_step #contents .subtitle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  border-left: 5px solid #00a5a8;
  margin: 0 0 10px;
  padding: 0 0 0 8px;
}
body.mobile_step .Information_Title {
  background: #efefef;
  padding: 5px 10px;
  margin-bottom: 5px;
}
body.mobile_step .entry_field {
  padding: 5px 10px;
}
body.mobile_step .MNP_promise {
  background: #ccc;
  padding: 5px 15px;
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
}
body.mobile_step #MNP_box em {
	font-weight: bold;
}
body.mobile_step #MNP_box ul li,
body.mobile_step .MNP_form ul li {
	margin-left: 18px;
	list-style-type: disc;
}
body.mobile_step .MNP_form select {
  width: 100%;
  padding: 8px 3%;
  border: #ccc 1px solid;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  -moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  font-family: Helvetica, Arial, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.MNP_form .MNP_midashi {
	position: relative;
	text-align: center;
	background-color: #efefef;
  padding: 10px 15px;
}
.MNP_form .MNP_midashi::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 50%;
  border: 10px solid transparent;
  border-top: 10px solid #efefef;
}
.MNP_form .MNP_midashi span {
  display: inline-block;
  width: 80%;
}
.MNP_form .MNP_midashi input[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.MNP_form .MNP_midashi label {
  position: relative;
  display: block;
  word-break: break-all;
}
.MNP_form .MNP_midashi label input[type="checkbox"] + span {
  position: relative;
  padding: 0 30px 0 35px;
}
.MNP_form .MNP_midashi:nth-of-type(1) label input[type="checkbox"] + span::before {
  border-color: #00a5a8;
	background-color: #fff;
}
.MNP_form .MNP_midashi:nth-of-type(1) label input[type="checkbox"]:checked + span::before {
  background-color: #00a5a8;
}
.MNP_form .MNP_midashi label span {
  display: inline-block;
}
.MNP_form .MNP_midashi label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.MNP_form .MNP_midashi label input[type="checkbox"] + span::before, .MNP_form .MNP_midashi label input[type="checkbox"] + span::after {
  position: absolute;
  top: 25%;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.MNP_form .MNP_midashi label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 30px;
  height: 30px;
  border: 2px #00a5a8 solid;
  border-radius: 5px;
}
.MNP_form .MNP_midashi label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 8px 10px;
  width: 8px;
  height: 12px;
}
.MNP_form .MNP_midashi label input[type="checkbox"]:checked + span::before {
  background-color: #00a5a8;
}
.MNP_form .MNP_midashi label input[type="checkbox"]:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
  body.mobile_step #MNP_box .selectList-mobile li,
    body.mobile_step .MNP_form .selectList-mobile li {
  	margin-left: 0;
  	list-style-type: none;
}
body.mobile_step .MNP_form .MNP_box {
  margin: 0 auto 30px;
}
body.mobile_step .MNP_form .MNP_box_l {
  width: 49%;
  float: left;
}
body.mobile_step .MNP_form .MNP_box_r {
  width: 49%;
  float: right;
  margin-left: 2%;
}
body.mobile_step .MNP_form .MNP_box_r input,
body.mobile_step .MNP_form .MNP_box_l input {
  margin-left: 2%;
}
body.mobile_step .MNP_form .selectList_S_M select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.mobile_step .MNP_form .selectList_S_M select {
  text-align: center;
}

body.mobile_step .MNP_form .selectList_S_M label {
	position: relative;
}
body.mobile_step .MNP_form .selectList_S_M label:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #ccc;
  top: 50%;
	right: 20px;
  margin-top: -5px;
}
body.mobile_step .MNP_form .MNP_box_l input.inputtext,
body.mobile_step .MNP_form .MNP_box_r input.inputtext  {
  width: 75%;
}
.radio01-input{
  display: none;
}
.radio01-parts{
  padding-left: 35px;
  position:relative;
  margin-right: 20px;
}
.radio01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 50%;
}

.radio01-input:checked + .radio01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  background: #00a5a8;
  border-radius: 50%;
}
/* ----------------------------------------------------
  mobile_step　007
---------------------------------------------------- */

/* ----------------------------------------------------
  mobileフォームコピー
---------------------------------------------------- */
.input_box ul li,
.input_obj ul li {
	margin-left: 18px;
	list-style-type: disc;
}
.input_obj select {
  width: 100%;
  padding: 8px 3%;
  border: #ccc 1px solid;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  -moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
  font-family: Helvetica, Arial, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input_box .selectListIn li,
    .input_obj .selectListIn li {
  	margin-left: 0;
  	list-style-type: none;
}
.input_obj .input_box {
  margin: 0 auto 30px;
}
.input_obj .input_box_l {
  width: 49%;
  float: left;
}
.input_obj .input_box_r {
  width: 49%;
  float: right;
  margin-left: 2%;
}
.input_obj .input_box_r input,
.input_obj .input_box_l input {
  margin-left: 2%;
}
.input_obj .selectList_S_M select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input_obj .selectList_S_M select {
  text-align: center;
}

.input_obj .selectList_S_M label {
	position: relative;
}
.input_obj .selectList_S_M label:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #ccc;
  top: 50%;
	right: 20px;
  margin-top: -5px;
}
.input_obj .input_box_l input.inputtext,
.input_obj .input_box_r input.inputtext  {
  width: 75%;
}

.input_obj .radio01-input:checked + .radio01-parts::after{
    background: #9c3;
}
/* ----------------------------------------------------
    本人確認書類について
-----------------------------------------*/
.mobile_confBox {

}
.mobile_confBox h4{
	background:#efefef;
	text-align:center;
	padding:3px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
	font-size:14px;
	border-bottom:1px dashed #bbbdbf;
}
.mobile_confBox .txt{
	padding:10px;
	font-size:12px;
}
.mobile_confBox .txt img{
	margin-right:10px;
	margin-bottom:10px;
}
.mobile_confBox .img{
	border-top:1px solid #bcbdbf;
}
#personalconf .mobile_confBox {
	border-top:none;
	display:block;
}
#personalconf .mobile_confBox h4{
	background:#efefef;
	text-align:center;
	padding:3px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
	font-size:14px;
	border-bottom:none;
}

.ele_conf_list{
	font-size:14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
	margin:0 0 20px;
}

#mobileConf { display:none; }
#eleConf { display:none; }

.settingBox h3.midashi2{
	background:url(/common_form/sph/entry/img/share/icon_txthead.png) no-repeat 0 50%;
	-webkit-background-size: auto 30px;
	font-size:16px;
	padding:3px 0 0 38px;
	margin:0 0 10px -3px;
	line-height:1.5;
	border:0 !important;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}

.doc_box{
    border: 2px solid #bbbcbe;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 8px;
    overflow:hidden;
    zoom:1;
}
.doc_box li{
    float: left;
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #bcbdbf;
    border-bottom: 1px solid #bcbdbf;
}
.doc_box li:first-child,
.doc_box li:nth-child(5) {
    border-left: none;
}

.doc_box li:nth-child(5),
.doc_box li:nth-child(6),
.doc_box li:nth-child(7),
.doc_box li:nth-child(8){
    border-bottom: none;
}
.doc_box a{
    display: block;
}
.aux_box {
    overflow: hidden;
    margin: 10px 8px 20px;
}
.aux_box p {
    float: left;
    width: 55%;
}
.mobile_confBox .txt2{
    font-size:12px;
}
.aux_box p.doc_box {
    float: right;
    margin-right: 0;
    width: 40%;
}


body.mobile_step .doc_box {
  width: 100%;
  margin: 0;
  padding: 2%;
  border: none;
  box-shadow: none;
}
body.mobile_step .doc_box li {
  display: inline-block;
  list-style-type: none;
  box-sizing: border-box;
  border: none;
  padding: 2%;
  width: 50%;
}
body.mobile_step .doc_box li p.text {
  font-size: 130%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 5px!important;
}
body.mobile_step .doc_box li p.text span {
  font-size: 10px;
  letter-spacing: 0;
	display: block;
}
body.mobile_step .upload_caution_box .doc_box li {
  display: inline-block;
  list-style-type: none;
  box-sizing: border-box;
  border: none;
  padding: 1%;
  width: 48.5%;
}
body.mobile_step .doc_box img {
  width: 100%;
  margin: 0 auto;
}
body.mobile_step .doc_box #documentsImg img {
  padding: 2%;
  width: 50%;
  margin: auto;
}
body.mobile_step #contents .require.leftIcon {
  float: none;
  margin-right: 5px;
}
/*-- ファイル送信ボタン
---------------------------------------------------- */
body.mobile_step .sub_tit_02 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding-left: 7px;
  border-left: 5px solid #00a5a8;
  line-height: 1.5;
  text-align: left;
}
body.mobile_step .img_upload_box .img_select_btn input {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 100px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}
body.mobile_step .img_upload_box .img_select_btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
body.mobile_step a.btnTypeD_upload, body.mobile_step button.btnTypeD_upload {
  display: block;
  position: relative;
  width: 100%;
  padding: 12px 20px 12px 20px;
  background: #ffffff;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 5px;
  border: 2px solid #00a5a8;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  color: #00a5a8;
  text-align: center;
}
body.mobile_step .plus_icon {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 4px;
  height: 20px;
  background: #00a5a8;
  float: right;
}
body.mobile_step .plus_icon:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 20px;
  height: 4px;
  margin-top: -2px;
  background: #00a5a8;
}
/*-- 住所選択 住所一覧部
---------------------------------------------------- */
body.mobile_step .inputListBox .selectList {
	width:100%;
	overflow: hidden;
	position: relative;
	line-height: 1.5;
}
body.mobile_step .inputListBox .selectList.in {
	display:block;
	margin:0 0 15px;
	border-radius: 5px;
	border:1px solid #bbbdbf;
	box-shadow:rgba(0, 4, 8, 0.44902) 0px 0px 5px -2px;
}

body.mobile_step .inputListBox .selectList li {
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-top: none;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#ECECEC));
	background-image: linear-gradient(#fff, #ECECEC);
}

body.mobile_step .inputListBox .selectList li p,
body.mobile_step .inputListBox .selectList li a {
	display:block;
	cursor: pointer;
	padding: 12px 10px 10px 15px;
	background:url(/common_form/sph/sim_contact/sim_entry_oc/img/share/icon_list.png) no-repeat 97% 50%;
	-webkit-background-size: 13px auto;
}

body.mobile_step .inputListBox .selectList li:hover {
	background-image: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#fff));
	background-image: linear-gradient(#fff, #fff);
}

body.mobile_step .inputListBox .selectList li:first-child {
	border-top: 0px solid #ccc;
}

body.mobile_step .inputListBox .selectList li:last-child {
	border-bottom: 0px solid #ccc;
}

body.mobile_step .inputListBox .selectList li:only-child {
	border: 0px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*-- 住所選択 部屋番号
---------------------------------------------------- */
/*　Example
.hogehoge {
	@include cf;
	@include pa(1px, auto, auto, 1px);
	@include fs(30);
	@include op(0.5);
	@include br(4px);
	@include enTitle;
}
*/
body#entryRoom .statusBox h3,
body#entryRoom #house_type h3{
 text-align: center; 	font-family: 'Noto Sans JP', sans-serif; font-weight: 600; }
body#entryRoom #roomSearchBox {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 15px; }
body#entryRoom #roomSearchBox input {
  width: 45%;
  margin-right: 5px; }
body#entryRoom #roomSearchBox a.sBtn {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eae9ea));
  background: -webkit-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -o-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -ms-linear-gradient(top, white 0%, #eae9ea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #b2b2b2;
  padding: 0 10px;
  font-size: 86%;
  text-decoration: none;
  margin-right: 5px; }
body#entryRoom #roomSearchBox a.sBtn:hover {
  text-decoration: none; }
body#entryRoom #roomSearchBox a.sBtn span {
  background: url(/common_form/sph/entry/img/area_select/icon_search.png) no-repeat right center;
  background-size: 30%;
  padding-right: 25px; }
body#entryRoom #roomSearchBox a.cBtn {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eae9ea));
  background: -webkit-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -o-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -ms-linear-gradient(top, white 0%, #eae9ea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #b2b2b2;
  padding: 0 10px;
  font-size: 86%;
  text-decoration: none; }
body#entryRoom #roomSearchBox a.cBtn:hover {
  text-decoration: none; }
body#entryRoom .notFound {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 20px;
  text-align: center; }
body#entryRoom .notFound a {
  display: inline-block;
  width: 90%;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eae9ea));
  background: -webkit-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -o-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -ms-linear-gradient(top, white 0%, #eae9ea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #b2b2b2;
  padding: 0 10px;
  font-size: 86%;
  text-decoration: none; }
body#entryRoom .notFound a:hover {
  text-decoration: none; }
body#entryRoom .inputListBox {
  border-top: none; }
body#entryRoom .inputListBox .pagenationTop a,
body#entryRoom .inputListBox .pagenationBot a {
  display: block;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eae9ea));
  background: -webkit-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -o-linear-gradient(top, white 0%, #eae9ea 100%);
  background: -ms-linear-gradient(top, white 0%, #eae9ea 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  width: 15%;
  height: 27px;
  padding-top: 13px;
  border: 1px solid #ccc;
  text-align: center; }
body#entryRoom .inputListBox .pagenationTop a img,
body#entryRoom .inputListBox .pagenationBot a img {
  width: 12px;
  height: auto; }
body#entryRoom .inputListBox .pagenationTop a:nth-child(1),
body#entryRoom .inputListBox .pagenationBot a:nth-child(1) {
  float: left;
  border-left: none; }
body#entryRoom .inputListBox .pagenationTop a:nth-child(2),
body#entryRoom .inputListBox .pagenationBot a:nth-child(2) {
  float: right;
  border-right: none; }
body#entryRoom .inputListBox .pagenationTop {
  border-bottom: 1px solid #ccc; }
body#entryRoom .inputListBox .pagenationTop a {
  border-bottom: none; }
body#entryRoom .inputListBox .pagenationBot {
  border-top: 1px solid #ccc; }
body#entryRoom .inputListBox .pagenationBot a {
  border-top: none;
  border-bottom: none; }
body#entryRoom .inputListBox .selectList li {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
body#entryRoom .inputListBox .selectList li:nth-child(2n) {
  border-right: none; }


body.mobile_step #form_user_info ul {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
body.mobile_step #form_user_info ul:last-child {
  border-bottom: none;
}
body.mobile_step #form_user_info #privacytext {
  margin-top: 20px;
}
/* ----------------------------------------------------
 見積もりメール
---------------------------------------------------- */
p.mail_btn {
  width: 200px;
  margin: 0 auto!important;
}
p.mail_btn.w100 {
  width: 100%;
}
.mail_btn .btn.gray {
  position: relative;
  width: 100%;
  padding: 5px 10px;
}
.mail_btn .btn.gray span {
  line-height: 1;
}
.mail_btn .btn.gray span::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #e73619;
  border-right: 1px solid #e73619;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -5px;
}
.entry_mail_modal {
  padding: 20px 60px;
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
    .entry_mail_modal {
        padding: 16px 16px 20px 16px
    }
}
.entry_mail_modal h2.midashi{
  margin: 0 0 18px!important;
  padding: 0 0 6px;
  border-bottom: 1px solid #d2d1d2;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #d2d1d2!important;
}
.entry_mail_modal .inputFormTable1 {
  width: 100%;
  margin: 0 0 20px;
  padding: 15px 5px;
  border-spacing: 0px;
  border: 0;
  border-collapse: separate;
}
.entry_mail_modal .inputFormTable1 th {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 0 8px;
  background-color: #fff;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.entry_mail_modal .inputFormTable1 td {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 0 8px;
}
.entry_mail_modal th.required {
  padding-left: 55px!important;
  background: #fff;
  background-image: none;
}
.entry_mail_modal .inputFormTable1 th,
.entry_mail_modal .inputFormTable1 td {
  border:none;
}
.entry_mail_modal .inputFormTable1 td > .iconTooltip,
.entry_mail_modal .inputFormTable1 td div > .iconTooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.subtitle {
  padding: 13.5px 12px;
  margin-bottom: 0;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.inputtext {
  width: 100%;
  padding: 8px 3%;
  border: #ccc 1px solid;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
  box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subtitleComments {
  display: block;
  font-size: 86%;
}
/* ----------------------------------------------------
 夜間メンテナンス
---------------------------------------------------- */
.maintenance_modal {
  padding: 20px;
}
.maintenance_modal h3 {
  margin: 0 0 18px!important;
  padding: 0 0 6px 5px;
  border-bottom: 1px solid #d2d1d2;
}