@charset "utf-8";
/* ----------------------------------------------------
 Common
---------------------------------------------------- */
.wrap {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}
.fs07 { font-size:51%!important; }
.fs08 { font-size:58%!important; }
.fs09 { font-size:65%!important; }
.fs10 { font-size:72%!important; }
.fs12 { font-size:86%!important; }
.fs14 { font-size:115%!important; }
.fs16 { font-size:100%!important; }
.fs18 { font-size:129%!important; }
.fs20 { font-size:143%!important; }
.fs22 { font-size:158%!important; }

.d-ib { display:inline-block!important; }
.d_b { display:block!important; }
.flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; }
.flexWrap { -ms-flex-wrap:wrap; flex-wrap:wrap;  }
.justify_content_between {
    justify-content: space-between !important;
}
.justify_content_center {
    justify-content: center !important;
}
.justify_content_end {
    justify-content: flex-end !important;
}
.justify_content_start {
    justify-content: flex-start !important;
}
.align_items_center {
    align-items: center !important;
}
.align_items_end {
    align-items: flex-end !important;
}
.align_items_baseline {
    align-items: baseline !important;
}

.position_relative { position: relative; }

.fwn { font-weight:normal; }
.fcBlack { color: #111!important; }
.font_black02 { color: #3a3a3a; }
.font_green01 { color: #29a4a9;}
.font_orange01 { color:#f18d00; }

.w20 { width:20%; margin:0 auto; }
.w25 { width:25%; margin:0 auto; }
.w30 { width:30%; margin:0 auto; }
.w40 { width:40%; margin:0 auto; }
.w50 { width:50%; margin:0 auto; }
.w60 { width:60%; margin:0 auto; }
.w70 { width:70%; margin:0 auto; }
.w80 { width:80%; margin:0 auto; }
.w90 { width:90%; margin:0 auto; }
.w100 { width:100%; margin:0 auto; }


.notB { font-family: 'Noto Sans Japanese Bold'; }
.notM { font-family: 'Noto Sans Japanese Medium'; }
.notR { font-family: 'Noto Sans Japanese Regular'; }
.notR { font-family: 'Noto Sans Japanese Regular'; }
.Arial { font-family: 'Arial'; }

.bALL1 { border:1px solid #cacaca!important; }
.bT1 { border-top:1px solid #cacaca!important; }
.bL1 { border-left:1px solid #cacaca!important; }
.bR1 { border-right:1px solid #cacaca!important; }
.bB1 { border-bottom:1px solid #cacaca!important; }

hr.style1 { border:1px solid #00a4a9!important; margin:20px 0; }

.hide { display: none;}
.Minner { margin: 0 14px; }
.vhide {visibility: hidden;}

.inner { width:960px; margin:0 auto; padding:0; position:relative; }
h1,h2,h3 { font-family:'Noto Sans Japanese Bold'; font-weight:normal; }
.serviceName {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family:'Noto Sans Japanese Medium';
}
.campName { margin:5px 0; color:#ff6c00; font-family:'Noto Sans Japanese Medium'; }

.VCenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.VCenterA {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
a.link_blank { color:#226bc4; text-decoration:none; padding-right: 20px; }
a.link_blank:after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0;
	display: inline-block;
    background: url(/common_v10/images/icn-link-blank-blue.svg) no-repeat center center / contain;
    width: 16px;
    height: 16px;
    margin: auto;
}
a.link_line {
    color:#226bc4;
    text-decoration: underline;
}
.text-check, .text-check-primary, .text-atn, .text-qst {
    position: relative;
    padding-left: 32px;
}

.text-check::before, .text-check-primary::before, .text-atn::before, .text-qst::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}
.text-atn::before {
    background: url(/common_v10/images/icn-text-atn.svg) no-repeat center center / contain;
}

/* main.css btn */
a[href=""] {
    transition: .3s opacity ease-out;
    color: #406FAF;
}
[class^="btn-main"], [class*=" btn-main"] {
    overflow: hidden;
    position: relative;
    display: inline-block;
    transition: .3s opacity ease-out;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
    width: 352px;
    min-width: 352px;
    min-height: 58px;
    padding: 14px 40px;
    border: 3px solid #fff;
    border-radius: 100px;
    line-height: 1.3;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: bold;
    color: #333 !important;
    text-align: center;
}
[class^="btn-sub"], [class*=" btn-sub"] {
    padding: 6px 40px;
}
.btn-member {
    background: #F5D200;
    border-color: #F5D200;
    color: #333 !important;
}
[class^="btn-main"]::after, [class*=" btn-main"]::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 16px;
    margin: auto;
}
.btn-member::after {
    background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}
[class^="btn-"][class*="btn-blank"]::after, [class*=" btn-"][class*="btn-blank"]::after {
    background-image: url(/common_v10/images/icn-link-blank-black.svg);
    width: 16px;
}
.fs-12 {
    font-size: 12px;
}
.fs-16 {
    font-size: 16px;
}


/* -- line-height
---------------------------------------------------- */

.line000{ line-height: 0 !important;}
.line100{ line-height: 1.00 !important;}
.line101{ line-height: 1.01 !important;}
.line102{ line-height: 1.02 !important;}
.line103{ line-height: 1.03 !important;}
.line104{ line-height: 1.04 !important;}
.line105{ line-height: 1.05 !important;}
.line106{ line-height: 1.06 !important;}
.line107{ line-height: 1.07 !important;}
.line108{ line-height: 1.08 !important;}
.line109{ line-height: 1.09 !important;}
.line110{ line-height: 1.10 !important;}
.line111{ line-height: 1.11 !important;}
.line112{ line-height: 1.12 !important;}
.line113{ line-height: 1.13 !important;}
.line114{ line-height: 1.14 !important;}
.line115{ line-height: 1.15 !important;}
.line116{ line-height: 1.16 !important;}
.line117{ line-height: 1.17 !important;}
.line118{ line-height: 1.18 !important;}
.line119{ line-height: 1.19 !important;}
.line120{ line-height: 1.20 !important;}
.line121{ line-height: 1.21 !important;}
.line122{ line-height: 1.22 !important;}
.line123{ line-height: 1.23 !important;}
.line124{ line-height: 1.24 !important;}
.line125{ line-height: 1.25 !important;}
.line126{ line-height: 1.26 !important;}
.line127{ line-height: 1.27 !important;}
.line128{ line-height: 1.28 !important;}
.line129{ line-height: 1.29 !important;}
.line130{ line-height: 1.30 !important;}
.line131{ line-height: 1.31 !important;}
.line132{ line-height: 1.32 !important;}
.line133{ line-height: 1.33 !important;}
.line134{ line-height: 1.34 !important;}
.line135{ line-height: 1.35 !important;}
.line136{ line-height: 1.36 !important;}
.line137{ line-height: 1.37 !important;}
.line138{ line-height: 1.38 !important;}
.line139{ line-height: 1.39 !important;}
.line140{ line-height: 1.40 !important;}
.line141{ line-height: 1.41 !important;}
.line142{ line-height: 1.42 !important;}
.line143{ line-height: 1.43 !important;}
.line144{ line-height: 1.44 !important;}
.line145{ line-height: 1.45 !important;}
.line146{ line-height: 1.46 !important;}
.line147{ line-height: 1.47 !important;}
.line148{ line-height: 1.48 !important;}
.line149{ line-height: 1.49 !important;}
.line150{ line-height: 1.50 !important;}
.line151{ line-height: 1.51 !important;}
.line152{ line-height: 1.52 !important;}
.line153{ line-height: 1.53 !important;}
.line154{ line-height: 1.54 !important;}
.line155{ line-height: 1.55 !important;}
.line156{ line-height: 1.56 !important;}
.line157{ line-height: 1.57 !important;}
.line158{ line-height: 1.58 !important;}
.line159{ line-height: 1.59 !important;}
.line160{ line-height: 1.60 !important;}
.line161{ line-height: 1.61 !important;}
.line162{ line-height: 1.62 !important;}
.line163{ line-height: 1.63 !important;}
.line164{ line-height: 1.64 !important;}
.line165{ line-height: 1.65 !important;}
.line166{ line-height: 1.66 !important;}
.line167{ line-height: 1.67 !important;}
.line168{ line-height: 1.68 !important;}
.line169{ line-height: 1.69 !important;}
.line170{ line-height: 1.70 !important;}
.line171{ line-height: 1.71 !important;}
.line172{ line-height: 1.72 !important;}
.line173{ line-height: 1.73 !important;}
.line174{ line-height: 1.74 !important;}
.line175{ line-height: 1.75 !important;}
.line176{ line-height: 1.76 !important;}
.line177{ line-height: 1.77 !important;}
.line178{ line-height: 1.78 !important;}
.line179{ line-height: 1.79 !important;}
.line180{ line-height: 1.80 !important;}
.line181{ line-height: 1.81 !important;}
.line182{ line-height: 1.82 !important;}
.line183{ line-height: 1.83 !important;}
.line184{ line-height: 1.84 !important;}
.line185{ line-height: 1.85 !important;}
.line186{ line-height: 1.86 !important;}
.line187{ line-height: 1.87 !important;}
.line188{ line-height: 1.88 !important;}
.line189{ line-height: 1.89 !important;}
.line190{ line-height: 1.90 !important;}
.line191{ line-height: 1.91 !important;}
.line192{ line-height: 1.92 !important;}
.line193{ line-height: 1.93 !important;}
.line194{ line-height: 1.94 !important;}
.line195{ line-height: 1.95 !important;}
.line196{ line-height: 1.96 !important;}
.line197{ line-height: 1.97 !important;}
.line198{ line-height: 1.98 !important;}
.line199{ line-height: 1.99 !important;}
.line200{ line-height: 2.00 !important;}
.line201{ line-height: 2.01 !important;}
.line202{ line-height: 2.02 !important;}
.line203{ line-height: 2.03 !important;}
.line204{ line-height: 2.04 !important;}
.line205{ line-height: 2.05 !important;}
.line206{ line-height: 2.06 !important;}
.line207{ line-height: 2.07 !important;}
.line208{ line-height: 2.08 !important;}
.line209{ line-height: 2.09 !important;}
.line210{ line-height: 2.10 !important;}
.line211{ line-height: 2.11 !important;}
.line212{ line-height: 2.12 !important;}
.line213{ line-height: 2.13 !important;}
.line214{ line-height: 2.14 !important;}
.line215{ line-height: 2.15 !important;}
.line216{ line-height: 2.16 !important;}
.line217{ line-height: 2.17 !important;}
.line218{ line-height: 2.18 !important;}
.line219{ line-height: 2.19 !important;}
.line220{ line-height: 2.20 !important;}
.line221{ line-height: 2.21 !important;}
.line222{ line-height: 2.22 !important;}
.line223{ line-height: 2.23 !important;}
.line224{ line-height: 2.24 !important;}
.line225{ line-height: 2.25 !important;}
.line226{ line-height: 2.26 !important;}
.line227{ line-height: 2.27 !important;}
.line228{ line-height: 2.28 !important;}
.line229{ line-height: 2.29 !important;}
.line230{ line-height: 2.30 !important;}
.line231{ line-height: 2.31 !important;}
.line232{ line-height: 2.32 !important;}
.line233{ line-height: 2.33 !important;}
.line234{ line-height: 2.34 !important;}
.line235{ line-height: 2.35 !important;}
.line236{ line-height: 2.36 !important;}
.line237{ line-height: 2.37 !important;}
.line238{ line-height: 2.38 !important;}
.line239{ line-height: 2.39 !important;}
.line240{ line-height: 2.40 !important;}
.line241{ line-height: 2.41 !important;}
.line242{ line-height: 2.42 !important;}
.line243{ line-height: 2.43 !important;}
.line244{ line-height: 2.44 !important;}
.line245{ line-height: 2.45 !important;}
.line246{ line-height: 2.46 !important;}
.line247{ line-height: 2.47 !important;}
.line248{ line-height: 2.48 !important;}
.line249{ line-height: 2.49 !important;}
.line250{ line-height: 2.50 !important;}
.line251{ line-height: 2.51 !important;}

/* -- ツールチップアイコン
---------------------------------------------------- */
.tooltip { width:29px; height:29px; display:block; position:absolute; top:2px; right:2px;}
.tooltip img { width:100%; margin:0; padding:0; position:absolute; top:0; left:0;}
h4 .tooltip { width:29px; height:29px; display:block; position:absolute; top:0; right:0;}
#optionSelect h4 .tooltip { width:29px; height:29px; display:inline-block; }

/* -- 各種ボタン
---------------------------------------------------- */
.btn { cursor:pointer; display:block; line-height:1.5; position:relative; }
.btn.gray {
	color:#111111;
	text-align:center;
	text-decoration:none;
	font-family:'Noto Sans Japanese Medium';
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border:1px solid #cfcfcf;
	display:inline-block;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f4f4f4))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);/* IE10+, W3C */
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
.btn.gray:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f4f4f4, endcolorstr=#ffffff))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ffffff));
	background: linear-gradient(to bottom, #f4f4f4, #ffffff);/* IE10+, W3C */
}
.btn.red {
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-family:'Noto Sans Japanese Medium';
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border:1px solid #e83517;
	display:inline-block;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eb5d45, endcolorstr=#e83416))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
	background: linear-gradient(to bottom, #eb5d45, #e83416);/* IE10+, W3C */
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
.btn.bgnone {
	color:#111111;
	text-align:center;
	text-decoration:none;
	font-family:'Noto Sans Japanese Medium';
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border:1px solid #cfcfcf;
	display:inline-block;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	zoom:1;
}
.btn.red:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#e83416, endcolorstr=#eb5d45))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#e83416), to(#eb5d45));
	background: linear-gradient(to bottom, #e83416, #eb5d45);/* IE10+, W3C */
}
.btn span { display:block; padding:10px; font-size:18px; }
.recommend .btn span { display:block; padding:5px 10px 5px 10px; }

.btnC2 { width:778px; margin:0 auto; }
.btnC2 p { width:384px; }

.btn.red.arrow span { background:url(/common_form/img/pack_select/icon_btn_link_w.png) no-repeat 93% 50%; }
.btn.red.arrowL span { background:url(/common_form/img/pack_select/icon_btn_link_w_l.png) no-repeat 93% 50%; }
.btn.red.arrowD span { background:url(/common_form/img/pack_select/icon_btn_link_down_w.png) no-repeat 93% 50%; }
.btn.gray.arrow span { background:url(/common_form/img/pack_select/icon_btn_link_r.png) no-repeat 93% 50%; }
.btn.gray.arrowL span { background:url(/common_form/img/pack_select/icon_btn_link_r_l.png) no-repeat 93% 50%; }
.btn.gray.arrowD span { background:url(/common_form/img/pack_select/icon_btn_link_down_rs.png) no-repeat 93% 50%; }
.btn.gray.arrowDL span { background:url(/common_form/img/pack_select/icon_btn_link_down_r.png) no-repeat 93% 50%; }
.btn.gray.arrowU span { background:url(/common_form/img/pack_select/icon_btn_link_up_r.png) no-repeat 93% 50%; }

.ReselectBtn { position:relative; }
.ReselectBtn span { padding-right:6px; }
.ReselectBtn .arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
}

.icon_plus{
  display: inline-block;
  margin: -7px 24px 0;
  padding: 0;
  width: 2px;
  height: 14px;
  background: #111;
  position: absolute;
  top: 50%;
  right: -8px;
}
.icon_plus:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 14px;
  height: 2px;
  margin-top: -1px;
  background: #111;
}
.CancelBtn span{
  height:20px;
  width:20px;
  display:block;
  position:relative;
}
.Cancel{
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  background:#999;
}
.Cancel:before,
.Cancel:after{
  content:'';
  height:2px;
  width:12px;
  display:block;
  background:#fff;
  position:absolute;
  top:50%;
  left:4px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
	margin-top: -1px;
}
.Cancel:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/* -- header
---------------------------------------------------- */
/*
header { position:relative; width:100%; min-height:65px; height:auto!important; height:65px; margin:0; padding:0; border-bottom:1px solid #dadada; background:#eeeeee; }
header .inner #logo { margin:3px 0 0; float:left; position:relative; }
header .inner #contentsttl { margin:14px 0 0 25px; float:left; font-size:28px; font-family:'Noto Sans Japanese Medium'; }

header .txtLink { position:absolute; bottom:10px; right:10px; padding:0 0 0 25px; font-size:14px; font-weight:normal; display:inline-block; background:url(/procedure/img_v2/pack_select/icon_txtlink_r.png) no-repeat 0% 50%; }
#AreaSelectBtn { width:100%; }
header .txtLinkA { position:absolute; bottom:5px; right:15px; padding:0 0 0 17px; font-size:12px; line-height:16px; font-weight:normal; display:inline-block; }
header .txtLinkA::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 1px solid #e83416;
  border-left: 1px solid #e83416;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  left: 10px;
  margin-top: -4px;
  }
*/
.l-contentBody {
  display: none;
}
.hader_title {
  position: relative;
}
.hader_title span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , 50%);
  font-size: 20px;
  color: #e93817 !important;
  line-height: 1.3;
  font-weight: bold;
}
/* -- footer
---------------------------------------------------- */
/*
footer { position:relative; padding:30px 0; background:#eeeeee; border-top: 1px solid #cacaca; }
footer p { font-size:12px; }
*/
.m-footerUtil li a:link,
.m-footerUtil li a:visited {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
/* -- main nav
---------------------------------------------------- */

#step_menu {
  background: #dcdcdc;
}
#step_menu ol {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
#step_menu ol li {
  display: inline-block;
	width: 25%;
  z-index: 1;
  text-align: center;
}
#step_menu ol::before {
  width: 75%;
  margin: 0 auto;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 17px;
  border-bottom: 2px solid #999999;
  z-index: 0;
}
#step_menu li .circle {
  width: 20px;
  height: 20px;
  margin: 5px auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  color: #fff;
  vertical-align: middle;
  background-color: #999999;
  text-align: center;
}
#step_menu li.active .circle {
  width: 26px;
  height: 26px;
  margin: 5px auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  color: #fff;
  background-color: #f18d00;
  text-align: center;
  font-size: 120%;
}
#step_menu li .circle .status_step {
  position: relative;
}

#step_menu li p {
  margin: auto;
  position: relative;
  font-family: 'Noto Sans Japanese Medium';
  text-align: center;
  z-index: 1;
}
#step_menu li p span {
  display: block;
  line-height: 1.2rem;
  margin-bottom: 5px;
}
#step_menu li.active  p span {
  line-height: 1.5rem;
}
/* -- titles
---------------------------------------------------- */
#pagettl { background:#999; border:none; text-align:center; color:#fff; font-size:122% }
#pagettl h2 { margin-bottom:0; }
.subtitle {
	margin: 0 0 20px;
	padding: 0 35px 0 0px;
	font-size: 129%;
	line-height: 25px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	font-family: 'Noto Sans Japanese Medium';
}
#price_simulator_title {
  background: #999;
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans Japanese Medium';
  font-weight: normal;
  margin-bottom: 20px;
 }

.section_title01{
  margin: 20px 0 20px;
  padding: 0 14px 0 14px;
  font-size: 143%;
  line-height: 1.5em;
  font-weight: normal;
  display: block;
  position: relative;
  font-family: 'Noto Sans Japanese Bold';
}

.section_title01 .text01{
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 14px;
  padding: 1px 5px;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  font-size: 10px;
}

.question_box h4.ques.t,
#question_box h4.ques.t {
  margin: 15px 0 15px;
  padding: 0 0 0 35px;
  font-size: 18px;;
  line-height: 1.5em;
  font-weight: normal;
  display: block;
  position: relative;
  font-family: 'Noto Sans Japanese Bold';
}
.circle {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 100%;
  color: #fff;
  background-color:#f85217;
  margin-top: -15px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

/* -- .contents 共通
---------------------------------------------------- */

.contents h2 { margin:15px 0 25px; font-size:200%; text-align:center; font-weight:normal; }
.flowArrow { width:100%; text-align:center; position:absolute; left:0; top:-25px; z-index:10; }

.pickup, .choices, .choices2, .choicesB, .choicesC { position: relative; }
.choices:before,
.pickup:before{
  content: "";
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 10px;
	font-family: 'Noto Sans Japanese Bold';
  color: #fff;
  background: #f85217;
  /*padding: 5px 15px;*/
  position: absolute;
  top: -20px;
  left: -15px;
  z-index: 2;
  line-height: 5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.choices2:before {
  content: "";
  text-align: center;
  width: 50px;
  height: 20px;
  font-size: 10px;
  font-family: 'Noto Sans Japanese Bold';
  color: #fff;
  background: #f85217;
  /* padding: 5px 15px; */
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 2;
  line-height: 2;
  /* border-radius: 50%; */
  /* -webkit-border-radius: 50%; */
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.pickup:before{
  content: "イチオシ";
}
.choices:before,
.choices2:before {
  content: "イチオシ";
}

.choicesB::before {
  font-size: 10px;
  content: "イチオシ";
  font-family: 'Noto Sans Japanese Bold';
  text-align: center;
  color: #f85217;
  line-height: 5.2;
  width: 50px;
  height: 62px;
  position: absolute;
  top: -40px;
  left: 5px;
  z-index: 2;
  background:url(/common_form/img/share/pickup_icon.png) no-repeat;
  background-size: 100% auto;
}
.choicesC::before {
 font-size: 12px;
 content: "イチオシ!";
 font-family: 'Noto Sans Japanese Bold';
 text-align: center;
 color: #fff;
 line-height: 1.5;
 padding: 3px 15px;
 position: absolute;
 top: -14px;
 right: 10px;
 z-index: 2;
 background: #f85217;
 box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
 -webkit-box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
}
/* -- エリア選択
---------------------------------------------------- */
#joinServiceList { width:506px; margin:0 auto; }
#joinTypeSelect h2.midashi {
  margin: 0 0 18px!important;
  padding: 0 0 6px;
  border-bottom: 1px solid #d2d1d2;
  font-family: 'Noto Sans Japanese Medium';
  font-weight: normal;
  font-size: 200%;
  text-align: center;
}
#joinTypeSelect .inner { width: 750px;margin: 0 auto; padding: 25px 0 30px; }
#joinTypeSelect #s0107.formbox {
  width: 665px;
  margin: 0 auto 10px;
}
#joinTypeSelect #s0107 .formbox_body {
  width: 500px;
  margin: 0 auto;
  padding: 10px 0;
}
.radioInput input[type="radio"] {
    position: absolute;
    left: -9999px;
}
.errorBox {
  width: 478px;
  margin:0 auto 10px;
}
body.drawer .area_simulator_window #s0102 .formbox_body .radio01 .hometype1 {display:block;}
body.drawer .area_simulator_window #s0102 .formbox_body .radio01 label span.kodate { margin:0; padding:0; width:100%; height:56px; line-height:56px; font-size:14px; font-weight:bold; text-indent:80px; overflow:hidden; display:block; background:url(/procedure/img_v1/area_select/icon_hometype1.png) no-repeat 20px 50%; }
body.drawer .area_simulator_window #s0102 .formbox_body .radio02 label span{ margin:0; padding:0; width:100%; height:56px; line-height:56px; font-size:14px; font-weight:bold; text-indent:80px; overflow:hidden; display:block; background:url(/procedure/img_v1/area_select/icon_hometype2.png) no-repeat 20px 50%; }

.area_simulator_window #s0104 .formbox_body .radio01 label span em,
.area_simulator_window #s0104 .formbox_body .radio02 label span em {
  display: block;
}
/* ----------------------------------------------------
  recommend step1
---------------------------------------------------- */
#price_simulator .tabnav {
/*  border-bottom: 2px solid #f85217;*/
}
.plan_select_tab ul,
#price_simulator .tab {
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  position: relative;
  margin-bottom: -1px;
}
.plan_select_tab ul li {
  background: #fff;
  padding: 10px 0;
  float: left;
  margin-right: 20px;
  width: calc(100% / 3 - 14px);
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border: 1px solid #999;
  /*border-bottom: 1px solid #fff;*/
  font-size: 115%;
  font-family: 'Noto Sans Japanese Medium';
  cursor: pointer;
}
.plan_select_tab ul li:last-child {
  margin-right: 0px;
}
#price_simulator .tab li {
  background: #fff;
  padding: 10px 0;
  float: left;
  margin-right: 20px;
  width: 468px;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border: 1px solid #999;
  /*border-bottom: 1px solid #fff;*/
  font-size: 115%;
  font-family: 'Noto Sans Japanese Medium';
	cursor: pointer;
}
#price_simulator .tab li:last-child {
  margin-right:0;
}
.plan_select_tab ul li.select,
#price_simulator .tab li.select {
  background: #f85217;
  color: #fff;
  border: 1px solid #f85217;
}
/* ----------------------------------------------------
  recommend step2A
---------------------------------------------------- */
#recommend {
  padding: 0;
}
#price_simulator .recommend .recommendBox .serviceName  { position:relative; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; }
#price_simulator .recommend .recommendBox {
  width:311px;
  float:left;
  margin:0 10px 20px 0;
  border:1px solid #999;
  background: #fff;
  border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
#price_simulator #LongPlan .recommend .recommendBox {
  position: relative;
  width:311px;
  display: inline-block;
  float: none;
  vertical-align: top;
}
#price_simulator .recommend .recommendBox:last-child { margin-right:0px; }
#price_simulator .recommend .BoxPickup { background: #ffffcc; }
#price_simulator .recommend .BoxGlay { border: 1px solid #999; }
.recommend .recommendBox .catchcopy {
  padding:10px;
  font-size:20px;
  line-height:1.4em;
  color:#fff;
  background:#f18d00;
  position:relative;
  text-align:center;
  font-family:'Noto Sans Japanese Medium';
  position:relative;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
}
.recommend .BoxGlay .catchcopy {
  padding:10px;
  font-size:20px;
  line-height:1.4em;
  color:#111;
  background:#dcdcdc;
  position:relative;
  text-align:center;
  font-family:'Noto Sans Japanese Medium';
  position:relative;
  border-radius: 4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
}
#LongPlan .recommend .choicesB::before {
  font-size: 10px;
  content: "イチオシ";
  font-family: 'Noto Sans Japanese Bold';
  text-align: center;
  color: #fff;
  line-height: 5.2;
  width: 50px;
  height: 62px;
  position: absolute;
  top: -40px;
  left: 5px;
  z-index: 2;
  background:url(/common_form/img/share/pickup_icon2.png) no-repeat;
  background-size: 100% auto;
}
#LongPlan .recommend .choicesC::before {
  font-size: 12px;
  content: "イチオシ!";
  font-family: 'Noto Sans Japanese Bold';
  text-align: center;
  color: #fff;
  line-height: 1.5;
  padding: 3px 15px;
  position: absolute;
  top: -14px;
  right: 10px;
  z-index: 2;
  background: #f85217;
  box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
  -webkit-box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
}

.recommend .recommendBox .catchcopy span{ font-size:86%; }
.recommend .recommendBox .catchcopy sup{ font-size:10px!important; }
.recommend .recommendBox .catchcopy .icon { width:82px; padding:22px 0 24px; display:block; font-size:14px; color:#111111; background:url(/procedure/img_v2/pack_select/icon_recommend.png) no-repeat 0% 0%; text-align:center; position:absolute; top:-25px; left:-25px; }
.recommend .recommendBox .catchcopy .icon.l1 { line-height:34px; }
.recommend .recommendBox .catchcopy .icon.l2 { line-height:17px; }

#price_simulator .recommend .recommendBox .dataBox {
  margin:0;
  padding:0;
  background:#ffffff;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#price_simulator .recommend .BoxPickup .dataBox { background:#ffffcc; }

#price_simulator .recommend .recommendBox .dataBox.checked { background:#fef3e5; }
#price_simulator .recommend .recommendBox .dataBox h3 { margin:0; padding:0 14px; font-size:14px; text-align:center; }
#price_simulator .recommend .recommendBox .dataBox h3 span { font-size:12px; }

#price_simulator .recommend .recommendBox .serviceBox { position:relative; background:#ffffff; padding:0 8px; text-align:left; }
#price_simulator .recommend .BoxPickup .serviceBox { background:#ffffcc; }

#price_simulator .recommend .recommendBox .serviceBox .text { font-size:93%; }
#price_simulator .recommend .recommendBox .serviceBox .text sup { font-size:51%; }

#price_simulator .recommend .recommendBox .serviceBox .col2 .service { width:65%; float:left; text-align:left; display: table; }
#price_simulator .recommend .recommendBox .serviceBox .service { width:100%; display:table; text-align:left; }

#price_simulator .recommend .recommendBox .serviceBox .service li { text-align: center; width:calc(100% / 6 - 4px); line-height:12px; font-family:'Noto Sans Japanese Medium';  display:inline-block; vertical-align: top; background:none; }
#price_simulator .recommend .recommendBox .serviceBox .service li:first-child {  background:none; }
#price_simulator .recommend .recommendBox .serviceBox .service li span { font-size:16px; line-height:0.8; padding:80% 0 5px; display:block; background-position:50% 5px; background-repeat:no-repeat; }
#price_simulator .recommend .recommendBox .serviceBox .service li em { font-size:10px;  }
#price_simulator .recommend .recommendBox .serviceBox .service li.net span .wifi { font-size:10px; display: inline-block; }

#price_simulator .recommend .recommendBox .serviceBox .service li.tv span { background-image:url(/common_form/img/pack_select/svg/service_select_tv.svg); background-size:70% auto; color:#fa108f; }
#price_simulator .recommend .recommendBox .serviceBox .service li.net span { background-image:url(/common_form/img/pack_select/svg/service_select_net.svg); background-size:70% auto; color:#0086cd; }
#price_simulator .recommend .recommendBox .serviceBox .service li.phone span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_phone.svg); background-size:70% auto; color:#00a739; }
#price_simulator .recommend .recommendBox .serviceBox .service li.mobile span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_mobile.svg); background-size:70% auto; color:#00a4a9; }
#price_simulator .recommend .recommendBox .serviceBox .service li.megapack span { content: ""; background-image:url(/common_form/img/pack_select/service_select_mega.png); background-size:100% auto; background-position:0% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; }
#price_simulator .recommend .recommendBox .serviceBox .service li.vod span { content: ""; background-image:url(/common_form/img/pack_select/svg/icon_stream_02.svg); background-size:100% auto; background-position:0% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; }
#price_simulator .recommend .recommendBox .serviceBox .service li.ele span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_ele.svg); background-size:70% auto; color:#f18d00; }
#price_simulator .recommend .recommendBox .serviceBox .service li.gas span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_gas.svg); background-size:70% auto; color:#0B318F; }
#price_simulator .recommend .recommendBox .serviceBox .service li.netflix span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_netflix.svg); background-size:100% auto; background-position:50% 50%; color:#e82b29; }
#price_simulator .recommend .recommendBox .serviceBox .service li.linkmini span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_linkmini.svg); background-size:100% auto; background-position:50% 50%; color:#fa108f; }

#price_simulator .recommend .recommendBox .serviceBox .col2 .iconNow { width:30%; margin:5px 5px 0 0; padding:1px 0 2px; font-size:8px; line-height:11px; color:#ff9c00; background:#fff; border:2px solid #ff9c00; border-radius:4px; text-align:center; font-family:'Noto Sans Japanese Medium'; position:relative; float:right; }
/*
#price_simulator #recommendWrap .recommend .recommendBox .serviceBox .iconNow { position:absolute; top:20px; right:0; }
*/
#price_simulator #recommendWrap .recommend .recommendBox .serviceBox .iconNow span {
  width: 140px;
	padding: 5px 10px;
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	color: #ff9c00;
	background: #fff;
	border: 1px solid #ff9c00;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	font-family: 'Noto Sans Japanese Medium';
	position: relative;
	text-align: center;
 }
 #price_simulator .recommend .recommendBox .serviceBox .iconNow span {
  width: 140px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #ff9c00;
  background: #fff;
  border: 1px solid #ff9c00;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-family: 'Noto Sans Japanese Medium';
  position: relative;
  text-align: center;
}
#price_simulator .recommend .recommendBox .serviceBox .iconNowB {
  width: 100px;
	padding: 5px 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #333;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	font-family: 'Noto Sans Japanese Medium';
	position: relative;
	text-align: center;
 }

#price_simulator .recommend .recommendBox .priceBox .price { padding:0 0 3px; text-align:center; font-family:'Arial'; float:none; }
#price_simulator .recommend .recommendBox .serviceBox .arrow { position: relative; width:90%; margin:5px auto; border-bottom: 1px solid #999; }
#price_simulator .recommend .recommendBox .serviceBox .arrow:before{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #999;
	position: absolute;
	bottom: -24px;
  left: 50%;
  margin-left: -12px;
}
#price_simulator .recommend .recommendBox .serviceBox .arrow:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	position: absolute;
	bottom: -22px;
  left: 50%;
  margin-left: -12px;
}
#price_simulator .recommend .BoxPickup .serviceBox .arrow:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #ffffcc;
	position: absolute;
	bottom: -22px;
  left: 50%;
  margin-left: -12px;
}
#price_simulator .recommend .recommendBox .recommendBtn { text-align:center; color:#ff9c00; margin-bottom:10px; }
#price_simulator .recommend .recommendBox .recommendBtn a { position: relative; color:#ff9c00; font-family: 'Noto Sans Japanese Medium'; }
#price_simulator .recommend .recommendBox .ac a { text-decoration:none; }
#price_simulator .recommend .BoxGlay .recommendBtn a { color:#999; }
#price_simulator .recommend .recommendBox .recommendBtn span {
  position: absolute;
  top: 50%;
  left:-16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ff9d00 transparent transparent;
  margin-top: -4px
}
#price_simulator .recommend .BoxGlay .recommendBtn span { border-color: #999 transparent transparent; }
#price_simulator .recommend .recommendBox .ac span {
  position: absolute;
  top: 50%;
  left:-16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #ff9d00 transparent;
}
#price_simulator .recommend .BoxGlay .ac span {
  border-color: transparent transparent #999 transparent;
}
#price_simulator .recommend .recommendBox .reasonBox {
  font-size:10px;
  margin-top:-1px;
  padding:14px 14px;
  text-align:left;
  border:none;
  background:#fef3e5;
  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;
}
#price_simulator .recommend .BoxGlay .reasonBox { font-size:10px; margin-top:-1px; padding:14px 14px; text-align:left; border:none; border-top:none; background:#eeeeee;}

#price_simulator .recommend .recommendBox .reasonBox ul { }
#price_simulator .recommend .recommendBox .reasonBox ul li { margin-top:15px; background:#fff; border:1px solid #ff9c00; font-family:'Noto Sans Japanese Medium'; position:relative; }
#price_simulator .recommend .BoxGlay .reasonBox ul li { border:1px solid #999; }

#price_simulator .recommend .recommendBox .reasonBox ul li:nth-child(odd) { margin-left: 0px; }
#price_simulator .recommend .recommendBox .reasonBox ul li div { padding:10px; line-height:1.5; }
#price_simulator .recommend .recommendBox .reasonBox ul li div sup { font-size:58%; }
#price_simulator .recommend .recommendBox .reasonBox ul li div .Box_l { width:20%; margin-right:5%; float:left; padding:0; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.reasonImg { text-align: center;  line-height:1; margin-bottom:10px; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.reasonImg img { width:80%; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.reasonImg span { display:block; margin-top:5%; }

#price_simulator .recommend .recommendBox .reasonBox ul li div p.tv span { color:#fa108f; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.net span { color:#0086cd; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.reasonImg { line-height: 0.9; font-size: 16px;}
#price_simulator .recommend .recommendBox .reasonBox ul li div p.reasonImg em { font-size:10px; }
#price_simulator .recommend .recommendBox .reasonBox ul li div p.Box_r { width: 70%; float: left;}

.recommend .recommendBox .priceBox { margin:0 auto; padding:0; overflow:hidden; font-family:'Arial','Noto Sans Japanese Medium';}
.recommend .recommendBox .priceBox > div { margin-top:-8px; }
.recommend .recommendBox .priceBox .iconNow {
	width:60px;
	margin-top:5px;
	padding:1px 0 2px;
	font-size:9px;
	line-height:11px;
	color:#ff9c00;
	border:2px solid #ff9c00;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	text-align:center;
	font-family:'Noto Sans Japanese Medium';
	position:relative;
	float:left;
}
.recommend .recommendBox .priceBox .iconNow .icon { width:10px; height:13px; line-height:1px; position:absolute; right:-10px; top:4px; display:block; }
.recommend .recommendBox .priceBox .price { padding:0 0 3px; text-align:right; font-family:'Arial'; float:right; }
.recommend .recommendBox .priceBox .price.normal { padding:8px 0 3px; text-align:center; font-family:'Arial'; float:none; }
.recommend .recommendBox .priceBox .price_note { float: right;}

.recommend .recommendBox .priceBox .price span { display:inline-block; padding:0 0 0 3px; line-height:1.3em; }
.recommend .recommendBox .priceBox .etcPrice { width:100%; font-size:10px; line-height:1.5em; text-align:right; }
.recommend .recommendBox .priceBox .etcPrice em { font-size:14px; }

.recommend .recommendBox .btnBox { padding:0 14px 0px; }

.recommend .recommendBox .btnRecommend { margin:0 auto; width:210px; cursor:pointer; }

.recommend .recommendBox .reasonBox { font-size:12px; margin-top:-1px; padding:14px 14px; text-align:left; border:1px solid #cacaca; border-top:none; background:#eeeeee;}
.recommend .recommendBox .reasonBox ul { }
.recommend .recommendBox .reasonBox ul li { margin-top:25px; background:#fff; border:1px solid #b9b9b9; font-family:'Noto Sans Japanese Medium'; position:relative; }
.recommend .recommendBox .reasonBox ul li:first-child { margin-top:15px; }
.recommend .recommendBox .reasonBox ul li h3 { position:absolute; top:-15px; left:-5px; }
.recommend .recommendBox .reasonBox ul li div { padding:10px 5px 10px; line-height:1.5; }
.recommend .recommendBox .reasonBox ul li div sup { font-size:10px; }
.recommend .recommendBox .reasonBox ul li .icon01 { width:50px; display:block; position:absolute; top:-10px; left:5px; }
.recommend .recommendBox .reasonBox ul li .icon02 { width:50px; display:block; position:absolute; top:-10px; left:60px; }
.recommend .recommendBox .reasonBox ul li .icon01 img { width:100%; }
.recommend .recommendBox .reasonBox ul li .icon02 img { width:100%; }

.recommend .simBtn { margin:0; padding:0 30px 15px; }
.recommend .simBtn li { margin-top:10px; }

.recommend .customizeBtn {
	width:75%;
	margin:0 auto 25px;
}

.recommend .recommendBox .btnBox { }
.recommend .recommendBox .btnBox p { margin:10px 0 0; padding:0; }
.recommend .recommendBox .btnBox p:first-child { margin:0; }
.recommend .recommendBox .btnBox p.entry a { margin:5px 0 2px; padding:10px 0; font-size:16px; display:block; }

.recommend .recommendBox .priceBox .price .priceL { font-size:50px; }

.recommend .recommendBox .mobilepriceBox { margin:0 auto; padding:5px 14px 15px; overflow:hidden; font-family:'Arial';}
.recommend .recommendBox .mobilepriceBox .priceBoxL { width:45%; float:left; line-height:2; }
.recommend .recommendBox .mobilepriceBox .priceBoxR { width:55%; float:left; }
.recommend .recommendBox .mobilepriceBox .priceBoxL img { width:100%; }
.recommend .recommendBox .mobilepriceBox .price span { display:inline-block; /* padding:0 0 0 3px; */ line-height:1; }
.recommend .recommendBox .mobilepriceBox .priceBoxR .priceL { font-size:240%; }
.recommend .recommendBox .mobilepriceBox .plusIcon {  position:relative;  display:block;  margin:0 auto 8px;  padding:0;  width:4px;  height:20px;  background:#999; }
.recommend .recommendBox .mobilepriceBox .plusIcon:before {  display:block;  content:"";  position:absolute;  top:50%;  right:-8px;  width:20px;  height:4px;  margin-top:-2px;  background:#999; }
#priceList .priceTable .alert_note {
    font-size: 10px;
    padding-left: 1.2em;
}
#priceList .priceTable .alert_note span {

}

/* ----------------------------------------------------
  serviceselect step2A
---------------------------------------------------- */
.settingBox .selectBox li .tooltip {
	position:absolute;
	top:1px;
	right:1px;
}
.settingBox .selectBox li .tooltip img {
  width: 100%
}
.settingBox .selectBox li .tooltip_other {
	position:absolute;
	top:1px;
	right:1px;
}
.settingBox .selectBox{
  margin: 14px 14px;
	border:2px solid #bbbdbf;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.1);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.1);
}
.settingBox .selectBox li{
	border-bottom:1px solid #bbbdbf;
	margin:0;
	padding:0;
	position:relative;
}
.settingBox .selectBox li.c2 {
  width: 50%;
  float: left;
}
/*.settingBox .selectBox li.c2:nth-child(odd) p {
  border-right: 1px solid #bbbdbf;
}*/
.settingBox .selectBox li.last,
.settingBox .selectBox li:last-child{
	border-bottom:none;
}
.settingBox .selectBox label {
	display:block;
	cursor:pointer;
}
.settingBox .selectBox input{ display: none; }
.settingBox .selectBox input + label {
	display:block;
	background:url(/common_form/img/share/check_off.png) no-repeat 0 50%;
 background-size:40px auto;
	height: 61px;
}
.settingBox .selectBox li input[type="checkbox"]:checked + label {
	display:block;
	background:url(/common_form/img/share/check_on.png) no-repeat 0 50% #fff7ca;
 background-size:40px auto;
  height: 61px;
}
.settingBox .selectBox li input[type="radio"]:checked + label {
	display:block;
	background:url(/common_form/img/share/check_on.png) no-repeat 0 50% #fff7ca;
 background-size:40px auto;
  height: 61px;
}
.settingBox .serviceList li:first-child input  + label {
	border-radius: 5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-ms-border-radius: 5px 0 0 0;
	-o-border-radius: 5px 0 0 0;
}
.settingBox .selectBox li.c2.last input  + label {
	border-radius: 0 0 0 5px;
	-webkit-border-radius:0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-ms-border-radius: 0 0 0 5px;
	-o-border-radius: 0 0 0 5px;
}
.settingBox .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;
}

/* ----------------------------------------------------
  serviceselect step2B
---------------------------------------------------- */

/* -- 希望サービス選択
---------------------------------------------------- */

.settingBox .serviceList li .serviceTv + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_tv.svg) no-repeat 45px 50%;
  background-size:auto 60%;
  -webkit-background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceNet + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_net.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .servicePhone + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_phone.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceMobile + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_mobile2.svg) no-repeat 45px 50%;
  -webkit-background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceEle + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_ele.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceEleNew + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_ele_new.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceGas + label p{
	background:url(/common_form/img/service_select/svg/img_serviceselect_gas.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceWimax + label p{
	background:url(/common_form/img/service_select/img_serviceselect_wimax.png) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceJisin + label p{
	background:url(/common_form/img/service_select/img_serviceselect_jisin.png) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .serviceList li .serviceMega + label p{
	background:url(/common_form/img/pack_select/svg/icon_stream_02.svg) no-repeat 45px 50%;
  background-size:auto 60%;
	height:59px;
}
.settingBox .selectBox li.c2 input + label p{
  background-size: auto 60%;
  -webkit-background-size:auto 60%;
  background-position: 45px 50%;
}

.settingBox .serviceList li label{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	cursor:pointer;
}
.settingBox .serviceList li.c2 label{
	border-right: 1px solid #bbbdbf;
}
.settingBox .selectBox .coutiontxt {
	border-top:1px dotted #bbbdbf;
	padding:3px 8px;
	color:#666666;
	font-size:10px;
}
.settingBox .selectBox.kibou li.join input[type="checkbox"] + label {
    display: block;
    background: url(/common_form/img/share/icon_kanyu.png) no-repeat 0% 50% #fff7ca;
    background-size: 40px auto;
    -webkit-background-size: 40px auto;
		height: 61px;
}
/* ----------------------------------------------------
  serviceselect step3
---------------------------------------------------- */
#optionSelect .tv_flex h4 .tooltip,
#question_box h4 .tooltip {
  width: auto;
  display: inline-block;
  position: static;
  text-decoration: none;
}
#optionSelect .tv_flex h4 .tooltip img,
#question_box h4 .tooltip img {
  width: 29px;
  position: static;
}
.question {
  margin: 0 14px;
}
.selectList.c2 li {
  width: 48%;
  margin: 10px 1% 0;
  float: left;
}
.selectList.c3 li {
  width: 31.3%;
  margin: 10px 1% 0;
  float: left;
}
.selectList.c4 li {
  width: 23%;
  margin: 10px 1% 0;
  float: left;
}
.selectList li {
  padding: 0;
  border-top: none;
}
.selectList li label input {
    display: none;
}
.selectList.c3 li .selectbtn,
.selectList.c2 li .selectbtn {
  display: block;
  cursor: pointer;
}
.selectList li .selectbtn .txt {
  padding: 15px 5px 15px;
  font-size: 86%;
  border: 1px solid #cacaca;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.selectList.c3 li .selectbtn .txt {
  font-size: 86%;
}
.selectList li .selectbtn .txt p sup {
  font-size: 56%;
}
.selectList li.checked .txt {
  background:#ffeed8;
}
.AccordionBtn + .DetailsTextBox .DetailsText {
  padding-left: 1.2em;
  position: relative;
}
.DetailsTextBox .DetailsText {
  padding-left: 1.2em;
  position: relative;
}
.DetailsText span {
  position: absolute;
  top: 0;
  left: 0;
}
.AccordionBtn {
  text-align: center;
  margin-bottom: 10px;
}
.AccordionBtn span {
  border-color: #999 transparent transparent;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  margin-top: -4px;
}
.AccordionBtn a {
  position: relative;
  color: #999;
  font-family: 'Noto Sans Japanese Medium';
}
.AccordionBtn.ac a {
  text-decoration:none;
}
.AccordionBtn.ac span {
  border-color: transparent transparent #999 transparent;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
}
.external_link span {
    padding: 0 15px 0 0;
    background: url(/common_form/img/pack_select/service_select_bulankicon.png) no-repeat right 50%;
}
/* -- 各カテゴリタイトル
---------------------------------------------------- */
#optionSelect h4.Msubtitle {
  font-family: 'Noto Sans Japanese Medium';
  border-left: 5px solid #00a5a8;
  margin: 0 0 10px;
  padding: 0 0 0 8px;
}
#price_simulator h3.ttl.tv { position:relative; height:70px; margin:0; font-size:200%; line-height:45px; text-align:center; background:#f7deec; }
#price_simulator h3.ttl.tv span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_tv.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top: 13px; background-size: auto 40px;}
#price_simulator h3.ttl.tv span#icon4k { position:absolute; top:50%; right:2%; width:20%; display: inline; background:#ff33cc; text-indent: 0px; font-size: 12px; color:#fff; margin-top: -13px; line-height: 25px;}
#price_simulator h3.ttl.net { height:70px; margin:0; font-size:200%; line-height:45px; text-align:center; background:#d4e7f1; }
#price_simulator h3.ttl.net span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_net.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top: 13px; background-size: auto 40px; }
#price_simulator h3.ttl.phone { height:70px; margin:0; font-size:200%; line-height:45px; text-align:center; background:#d0ecda; }
#price_simulator h3.ttl.phone span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_phone.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top: 13px; background-size: auto 40px; }
#price_simulator h3.ttl.mobile { height:70px; margin:0; font-size:200%; line-height:45px; text-align:center; background:#c5e6e7; }
#price_simulator h3.ttl.mobile span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_mobile2.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top: 13px; background-size: auto 40px; }
#price_simulator h3.ttl.ele { height:70px; margin:0; font-size:200%; line-height:45px; text-align:center; background:#fde8ca; }
#price_simulator h3.ttl.ele  span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_ele.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top: 13px; background-size: auto 40px; }
#price_simulator h3.ttl.etc { height:70px; margin:0; font-size:120%; line-height:45px; text-align:center; background: #dfdfdf; }
#price_simulator h3.ttl.etc  span { width:100%; padding:0; display:inline-block; text-indent:0%; overflow:hidden; white-space: nowrap; line-height: 2.5; font-size: 150%; }

/* -- mobile .btn_area
---------------------------------------------------- */
.btn_area input {
    display: none;
}
#p-similation_zone *,
#p-similation_zone *:after,
#p-similation_zone *:before{
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_area{
  margin: 20px 0 0 0;
  text-align: center;
  letter-spacing: -0.4em;
	font-family:'Noto Sans Japanese Medium';
}

.btn_area .btn_wrap{
  letter-spacing: normal;
  position: relative;
  /*display: inline-block;*/
  float: left;
  vertical-align:  top;
}

.btn_area .btn_content{
  display: block;
  position: relative;
  width: 100%;
  letter-spacing: -0.4em;
  cursor: pointer;
}

.btn_area .btn_content:after{
  content: "";
  display: inline-block;
  vertical-align:  middle;
}

.btn_area .btn_text{
  letter-spacing: normal;
  display: inline-block;
  vertical-align:  middle;
  width: 100%;
  position: relative;
}

/*  .btn_area.max2*/

.btn_area.max2 .btn_wrap.type01{
	width: 48%;
  margin: 1%;
  margin-bottom: 4%;
}
/*
.btn_area.max2 .btn_wrap.type01:last-child{
  margin-right: 0;
}
*/
.btn_area.max2 .btn_wrap.type01 a{
  width: 100%;
  display: inline-block;
}

#sp_step01 .btn_area.max2 .btn_wrap.type01:first-child a:before{
  content: "おすすめ";
  border-radius: 5px 0 5px 0;
	-webkit-border-radius: 5px 0 5px 0;
	-moz-border-radius: 5px 0 5px 0;
	-ms-border-radius: 5px 0 5px 0;
	-o-border-radius: 5px 0 5px 0;
  color: #fff;
  background: #e83416;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
}

/*  .btn_area.max3 */

.btn_area.max3 .btn_wrap.type01{
  width: 31.3%;
	margin: 1%;
}
/*
.btn_area.max3 .btn_wrap.type01:last-child{
  margin-right: 0;
}
*/
/*  .btn_area.max4 */

.btn_area.max4 .btn_wrap.type01{
  width: 144px;
  margin-right: 15px;
}

.btn_area.max4 .btn_wrap.type02{
  width: 144px;
  margin-right: 15px;
}
/*
.btn_area.max4 .btn_wrap.type01:last-child{
  margin-right: 0;
}

.btn_area.max4 .btn_wrap.type02:last-child{
  margin-right: 0;
}
*/
.btn_area.max4 .btn_wrap.type01 a{
  width: 100%;
  display: inline-block;
}


/* .btn_area .btn_wrap.type01 .btn */

.btn_area .btn_wrap.type01 .btn_content{
  border: 1px solid #29a4a9;
  padding: 20px 0;
  border-radius: 5px;
}

.btn_area li.btn_wrap.type02.checked .btn_content,
.btn_area li.btn_wrap.type01.checked .btn_content{
  background:#fef3e5;
}

/*.sp_select .btn_area li.btn_wrap.type01.checked .btn_content,
.sp_select .btn_area li.btn_wrap.type01.checked .btn_content{
  background: none;
}*/

.btn_area .btn_wrap.type01 .btn_text{
  color: #29a4a9;
  font-size: 16px;
  line-height: 1;
}
.btn_area .btn_wrap.type01 #btn_step3b .btn_text,
.btn_area .btn_wrap.type01 #btn_step3a .btn_text{
	font-size: 158%;
}
.btn_area .btn_wrap.type01 li.checked .btn_text,
.btn_area .btn_wrap.type01 li.checked .btn_text{
  color: #ffffff;
}

/* .btn_area .btn_wrap.type01 .btn */

.btn_area .btn_wrap.type02 .btn_content{
  border: 1px solid #29a4a9;
  padding: 20px 0 20px 0;
  border-radius: 5px;
}


.btn_area .btn_wrap.type01 .btn_min,
.btn_area .btn_wrap.type02 .btn_min{
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  color: #29a4a9;
  border-radius: 2px;
  border: 2px solid #29a4a9;
  margin: 12px auto 0 auto;
  width: 120px;
}

.btn_area li.btn_wrap.type01.checked .btn_min,
.btn_area li.btn_wrap.type01.checked .btn_min,
.btn_area li.btn_wrap.type02.checked .btn_min,
.btn_area li.btn_wrap.type02.checked .btn_min{
  background: #29a4a9;
  color: #ffffff;
}

.btn_area.max2 .image_wrap{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
  margin-bottom: 10px;
}
.btn_area.max2 .image_wrap2{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
  width: 50%;
  float: left;
}
.btn_area.max2 .text_wrap {
  width: 50%;
  float: left;
  text-align: left;
}
.btn_area.max2 .image_wrap2 figure img {
  height: 140px;
}
.btn_area.max2 .image_wrap .colors{
  position: absolute;
  bottom: 10px;
  right: -30px;
}

.btn_area.max2 .image_wrap .colors_list{
  width: 17px;
  height: 17px;
  margin: 0 0 5px 0;
  border-radius: 2px;
}

.btn_area.max2 .image_wrap .colors_list:last-child{
  margin-bottom: 0;
}
.btn_area.max2 .text_wrap .colors{
  margin-top: 10px;
}
.btn_area.max2 .text_wrap .colors_list{
  width: 17px;
  height: 17px;
  float: left;
  margin: 0 10px 0 0;
  border-radius: 2px;
}

.btn_area.max2 .text_wrap .colors_list:last-child{
  margin-bottom: 0;
}
/*  .btn_area.max3 */

.btn_area.max3 .btn_wrap.type01 label{
  width: 100%;
  display: inline-block;
  position: relative;
}

#sp_step01 .btn_area.max3 .btn_wrap.type01.sim_recommended a:before{
  content: "おすすめ";
  border-radius: 5px 0 5px 0;
  color: #fff;
  background: #e83416;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
}

#sp_step01 .btn_area.max3 .btn_wrap.type01.sim_new a:before{
  content: "NEW";
  border-radius: 5px 0 5px 0;
  color: #fff;
  background: #e83416;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
}
/*
.btn_area.max3 .btn_wrap.type01:last-child{
  margin-right: 0;
}
*/
.btn_area.max3 .btn_wrap.type01 .btn_min{
  font-size: 15px;
  width: 133px;
  height: 34px;
  line-height: 32px;
}

#q6B .btn_area,#q6 .btn_area { text-align:left; }
#q6B .btn_area li,#q6 .btn_area li { text-align:center; }

.btn_area.max3 .btn_wrap.type02{
	width: 31.3%;
	margin: 1%;
  margin-bottom: 2%;
}

.btn_area.max3 .btn_wrap.type02 label{
  width: 100%;
  display: inline-block;
  position: relative;
}
/*
.btn_area.max3 .btn_wrap.type02.r,
.btn_area.max3 .btn_wrap.type02:last-child{
  margin-right: 0;
}
*/
.btn_area.max3 .image_wrap{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
  margin-bottom: 10px;
}

.btn_area.max3 .image_wrap figure{

}

.btn_area.max3 .image_wrap .colors{
  position: absolute;
  bottom: 10px;
  right: -30px;
}

.btn_area.max3 .image_wrap .colors_list{
  width: 17px;
  height: 17px;
  margin: 0 0 5px 0;
  border-radius: 2px;
}

.btn_area.max3 .image_wrap .colors_list:last-child{
  margin-bottom: 0;
}

.btn_area.max3 .btn_wrap.type02 .btn_min{
  font-size: 15px;
  width: 133px;
  height: 34px;
  line-height: 32px;
}

/*  .btn_area.max5 */

.btn_area.max5 .btn_wrap.type02{
  width: 144px;
  height: 155px;
  margin-right: 15px;
}

.btn_area.max5 .btn_wrap.type02 label{
  width: 100%;
  display: inline-block;
}

.btn_area.max5 .btn_wrap.type02:nth-child(2) a:before{
  content: "おすすめ";
  border-radius: 5px 0 5px 0;
  font-size: 10px;
  color: #fff;
  background: #e83416;
  padding: 3px 11px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
}
/*
.btn_area.max5 .btn_wrap.type02:last-child{
  margin-right: 0;
}
*/
/* ----------------------------------------------------
  serviceselect step3
---------------------------------------------------- */
#step3 #q1B #genre .selectList {
  margin: 0 0 40px;
  overflow: hidden;
}
#step3 #q1B #genre .selectList { margin:0 0 40px; overflow:hidden; }
#step3 #q1B #genre .selectList li { float:left; position:relative; }
.selectList.checkbox li label,
#step3 #q1B #genre .selectList li label { display:block; cursor:pointer; }

.selectList.checkbox li label p.input,
#step3 #q1B #genre .radio02 .selectList li label p.input { height:32px; border-bottom:1px solid #dfdfdf;}
.selectList.checkbox li label,
#step3 #q1B #genre .radio02 label { background:#fff; border:1px solid #cacaca; border-radius:4px; display:block; cursor:pointer; overflow:hidden; }
.selectList.checkbox li label.checked,
#step3 #q1B #genre .radio02 label.checked { background:#fffbe6; }
.selectList.checkbox li label p.input,
#step3 #q1B #genre .radio02 label .input {
	background-image:url(/common_form/img/pack_select/checkbox_off.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#e7e7e7;
	border-bottom:1px solid #dfdfdf;
	height:40px;
}
.selectList.checkbox li .selectbtn .txt{
  border: 0;
}
.selectList.checkbox li.checked label p.input,
#step3 #q1B #genre .radio02 label.checked .input { background-image:url(/common_form/img/pack_select/checkbox_on.png)!important;}


/* -- CS 6ch -- */
#step3 #q1B #genre .selectList.cs6ch .txt { padding:0!important; }
#step3 #q1B #genre .selectList.cs6ch .serviceName{ padding:8px 0 8px; font-size:16px; }
#step3 #q1B #genre .selectList.cs6ch li ul li { width:100%; margin:0; padding:10px 4px; display:table; font-size:11px; font-family:'Noto Sans Japanese Medium'; float:none;}
#step3 #q1B #genre .selectList.cs6ch li ul li.odd { background:#f6f6f6; }
#step3 #q1B #genre .selectList.cs6ch li label.checked .odd { background:#fffdfb; }
#step3 #q1B #genre .selectList.cs6ch li ul li .icon { width:70px; display:table-cell; }
#step3 #q1B #genre .selectList.cs6ch li ul li .chName { width:165px; display:table-cell; vertical-align:middle; padding-left: 1px; }
#step3 #q1B #genre .selectList.cs6ch .title_txt {
  padding: 0 5px;
  margin-bottom: 20px;
  font-family:'Noto Sans Japanese Regular';
  font-size: 12px;
}
#step3 #q1B #genre .selectList.cs6ch li ul li.mega {
  padding: 0 20px;
}
#step3 #q1B #genre .selectList.cs6ch li ul li.mega .mega_img {
  padding: 10px 10px;
}
/* ----------------------------------------------------
  serviceselect step4
---------------------------------------------------- */
.balloon {
  position: relative;
  background: #fff;
  color: #f18d00;
  text-align: center;
  font-family: 'Noto Sans Japanese Medium';
  margin: 0 0 10px;
  padding: 5px;
  border-radius:35px ;
  -moz-border-radius:35px ;
  -webkit-border-radius:35px ;
}
.BoxGlay .balloon {
  color: #111;
}
.balloon::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent;
  margin-bottom: -9px;
  margin-left: -10px;
}

/* ----------------------------------------------------
  banner
---------------------------------------------------- */
.banner .planTtl {
  text-align: center;
}
.banner .planTtl .tagRed {
  background:#0086cd;
  color: #ffffff;
  padding: 5px 10px;
  font-weight: normal;
  margin-right: 10px;
}
.banner ul.c3 {
  width: 100%;
  margin: 0 auto;
}
.banner ul li {
  width: 311px;
  float: left;
  margin-left: 10px;
  box-shadow: 0 3px 6px -3px #999;
  -webkit-box-shadow: 0 3px 6px -3px #999;
  font-family: 'Noto Sans Japanese Medium';
}
.banner ul.c1 li{
  width: 100%;
  margin: 0 auto;
}
.banner ul.c2 li {
  width: calc(100% / 2 - 5px);
}
.banner ul.c3 li {
  width: calc(100% / 3 - 6.7px);
}
.banner ul li:first-child {
  margin-left: 0;
}
.banner ul li a {
  display: block;
  padding: 15px 10px;
  position: relative;
  text-align: center;
  border: 1px solid #0086cd;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-decoration: none;
}
.banner ul li a p, .banner ul li img {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 86%;
}
.banner ul.c1 li a p, .banner ul.c1 li img,
.banner ul.c2 li a p, .banner ul.c2 li img {
  font-size: 100%;
}
.banner .special_plan_right span {
  display: block;
  font-size: 115%;
  color: #e83416;
  margin-top: 5px;
}
.banner .special_plan_left {
  float: left;
  width: 30%;
}
.banner .special_plan_right {
  float: right;
  width: 70%;
  text-align: left;
}
.banner ul li img {
  width: 90%;
  margin: 0 10% 0 0;
}
.banner ul.c1 li a p.special_plan_left2 {
  width: 125px;
  margin-right: 30px;
}
.banner ul.c1 li a p.special_plan_right2 {
  text-align: left;
  font-size: 136%;
  width: calc(100% - 162px);
}
.banner ul.c1 li a p.special_plan_right2 .subtext {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  margin-left: -155px;
}
.banner ul.c1 li a p.special_plan_left2 img {
  width: auto;
  margin: 0;
}
.banner ul li a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0086cd;
  border-right: 2px solid #0086cd;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
  visibility: initial;
}
.banner.sduBanner1 ul li a {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  border: 0px solid #0086cd;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-decoration: none;
}
.banner.sduBanner1 ul li a::before {
  display: none;
}

/* ----------------------------------------------------
  priceTable
---------------------------------------------------- */
#price_details .recommend_head {
  background: #999999;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
#price_details #priceList {
  display:block;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}
#price_details #priceList .priceTable { margin:0 0 20px; border: 1px solid #f18d00; }
#price_details #priceList .priceTable .totalPrice { padding:15px 0 10px; font-size:20px; line-height:1em; text-align:center; background:#fef3e5; position:relative; font-family:'Noto Sans Japanese Medium'; }
#price_details #priceList .priceTable .totalPrice #monthTotalNormal { font-family:'Noto Sans Japanese Regular'; }

#price_details #priceList .priceTable .optiontotalPrice { text-align:center; padding:5px; font-size:18px; color:#111; line-height:26px; border:none; background:#fef3e5; position:relative; font-family:'Noto Sans Japanese Medium'; }
#price_details #priceList .priceTable .optiontotalPrice em{ padding:0 3px; display:inline-block; font-size:20px; font-family:'Arial'; font-weight:bold; }
#price_details #priceList .priceTable .totalPrice em { padding:0 3px; display:inline-block; font-size:40px; color:#e73518; font-family:'Arial'; font-weight:bold; }
#price_details #priceList .priceTable .optiontotalPrice span em,
#price_details #priceList .priceTable .totalPrice span em { padding:0; display:inline-block; font-size:18px; color:#111; font-family:'Arial'; font-weight:normal; }

#price_details #priceList #initialCos .priceTable .totalPrice em { padding:0 3px; display:inline-block; font-size:18px; font-family:'Arial'; font-weight:bold; }
#price_details #priceList .priceTable .totalPrice .btn { width:160px; margin:8px auto 0; }
#price_details #priceList .priceTable .totalPrice .btn span { padding:5px 0; font-size:12px; }

#price_details #priceList .priceTable .stotalPrice { text-align:center; padding:5px; font-size:18px; color:#111; line-height:26px; border:none; background:#dcdcdc; overflow:hidden; font-family:'Noto Sans Japanese Medium';  }
#price_details #priceList .priceTable .stotalPrice p span { padding:0 3px; display:inline-block; font-family:'Arial'; font-size:20px; font-weight:bold; }

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

#price_details #priceList .sttl { margin:0; padding:2px; border-top:none; background:#fff; text-align:center; font-size:12px; font-family:'Noto Sans Japanese Medium'; }

/* -- プラン金額
---------------------------------------------------- */
#price_details #priceList .priceTable .planPrice #planBoxIn { position:relative; }
#price_details #priceList .priceTable .planPrice #addbtnBox { position:absolute; top:50%; right:0; margin-top:-40px; }
#price_details #priceList .priceTable .planPrice .addbtn a { font-size:14px; padding:5px 20px; width:80px; }
#price_details #priceList .priceTable .planPrice .addbtn2 a { font-size:14px; padding:5px 20px; width:160px; }


#price_details #priceList .priceTable .planPrice { overflow:hidden; border:none; }
#price_details #priceList .priceTable .planPrice dt {  border-bottom:1px solid #cdcdcc; margin:10px; padding-bottom:10px; }
/*#price_details #priceList .priceTable .planPrice dt .in { padding:10px 10px 0; }*/
#price_details #priceList .priceTable .planPrice dt .in .sn { margin-bottom: 10px; font-size:16px; font-family:'Noto Sans Japanese Bold'; }
#price_details #priceList .priceTable .planPrice dt .in .add a { font-size:12px; float: left; border:none; padding:5px 20px; color: #111; text-decoration: none; }

#price_details #priceList .priceTable .planPrice dt .in .Box_l_c3 { width:40%; float:left; }
#price_details #priceList .priceTable .planPrice dt .in .Box_r_c3 { width:30%; float:left; }

#price_details #priceList .priceTable .planPrice dt .in .Box_l { width:60%; float:left; }
#price_details #priceList .priceTable .planPrice dt .in .Box_r { width:40%; float:left; }

#price_details #priceList .priceTable .planPrice dt .in .Box_C3 { width:33.33%; float:left; }

#price_details #priceList .priceTable .planPrice dt .in .service li { text-align: center; width:calc(100% / 6 - 4px); /*padding:0 1% 0;*/ line-height:12px; font-family:'Noto Sans Japanese Medium';  display:inline-block; vertical-align: top; background:none; }
#price_details #priceList .priceTable .planPrice dt .in .service li:first-child {  background:none; }
#price_details #priceList .priceTable .planPrice dt .in .service li span { font-size:14px; line-height:0.8; padding:85% 0 5px; display:block; background-position:50% 5px; background-repeat:no-repeat; }
#price_details #priceList .priceTable .planPrice dt .in .service li em { font-size:10px;  }
#price_details #priceList .priceTable .planPrice dt .in .service li.net span .wifi { font-size:10px; display: inline-block; }
#price_details #priceList .priceTable .planPrice dt .in .service li.tv span { background-image:url(/common_form/img/pack_select/svg/service_select_tv.svg); background-size:80% auto; color:#fa108f; }
#price_details #priceList .priceTable .planPrice dt .in .service li.net span { background-image:url(/common_form/img/pack_select/svg/service_select_net.svg); background-size:80% auto; color:#0086cd; }
#price_details #priceList .priceTable .planPrice dt .in .service li.phone span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_phone.svg); background-size:80% auto; color:#00a739; }
#price_details #priceList .priceTable .planPrice dt .in .service li.mobile span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_mobile.svg); background-size:80% auto; color:#00a4a9; }
#price_details #priceList .priceTable .planPrice dt .in .service li.megapack span { content: ""; background-image:url(/common_form/img/pack_select/service_select_mega.png); background-size:100% auto; background-position:0% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; }
#price_details #priceList .priceTable .planPrice dt .in .service li.vod span { content: ""; background-image:url(/common_form/img/pack_select/svg/icon_stream_02.svg); background-size:100% auto; background-position:0% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; }
#price_details #priceList .priceTable .planPrice dt .in .service li.ele span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_ele.svg); background-size:80% auto; color:#f18d00; }
#price_details #priceList .priceTable .planPrice dt .in .service li.gas span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_gas.svg); background-size:80% auto; color:#0B318F; }
#price_details #priceList .priceTable .planPrice dt .in .service li.netflix span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_netflix.svg); background-size:100% auto; background-position: 50% 30%; color:#e82b29; }
#price_details #priceList .priceTable .planPrice dt .in .service li.linkmini span { content: ""; background-image:url(/common_form/img/pack_select/svg/service_select_linkmini.svg); background-size:100% auto; background-position: 50% 50%; color:#fa108f; }


#price_details #priceList .priceTable .planPrice dt .in .price1 { font-size:16px; line-height:2em; }
#price_details #priceList .priceTable .planPrice dt .in .price2 { font-size:16px; line-height:2em; }
#price_details #priceList .priceTable .planPrice dt .in .price1 em { font-family:'Noto Sans Japanese Medium'; }
#price_details #priceList .priceTable .planPrice dt .in .price2 em { font-family:'Noto Sans Japanese Medium'; }
#price_details #priceList .priceTable .planPrice dt .in .price1 span { font-family:'Arial'; font-size:18px; }
#price_details #priceList .priceTable .planPrice dt .in .price2 span { font-family:'Arial'; font-size:18px; }
#price_details #priceList .priceTable .planPrice dt .in .campaign_icon span {
  padding: 5px 10px;
  border: 1px solid #ff9c00;
  border-radius: 5px;
  margin-right: 10px;
  font-size: 14px;
  color: #ff9c00;
  font-weight: bold;
}
#price_details #priceList .priceTable .planPrice dt .in .campaign_icon span.uq {
  border: 1px solid #E4007F;
  color: #E4007F;
}

#price_details #priceList .priceTable .planPrice dd { margin:0 10px 10px; border:none; }
#price_details #priceList .priceTable .planPrice dd .c1 { padding:10px 0; }
#price_details #priceList .priceTable .planPrice dd .c1 .detail { border-right:1px solid #cdcdcc; }
#price_details #priceList .priceTable .planPrice dd .c1 .detail.bgOre { background: #fef3e5;}
#price_details #priceList .priceTable .planPrice dd .c1 .detail.selected { background: none; }
#price_details #priceList .priceTable .planPrice dd .c1 .detail:last-child { border:none; padding:10px 15px;}
#price_details #priceList .priceTable .planPrice dd .c2 { padding:10px 0; }
#price_details #priceList .priceTable .planPrice dd .c2 .detail { width:49%; float:left; border-right:1px solid #cdcdcc; }
#price_details #priceList .priceTable .planPrice dd .c2 .detail.bgOre { background: #fef3e5;}
#price_details #priceList .priceTable .planPrice dd .c2 .detail.selected { background: none; }
#price_details #priceList .priceTable .planPrice dd .c2 .detail:last-child { border:none; padding-left:15px;}

/*#price_details #priceList .priceTable .planPrice dd:last-child { margin:0 10px 0; }*/
#price_details #priceList .priceTable .planPrice dd .detail { overflow:hidden; border:none; }
#price_details #priceList .priceTable .planPrice dd .detail01 { margin:0 10px; }
#price_details #priceList .priceTable .planPrice dd .detail02 { position:relative; }
#price_details #priceList .priceTable .planPrice dd .detail:first-child { border-top:none; }
#price_details #priceList .priceTable .planPrice dd .detail .cell {  line-height: 1.8; font-size:14px; text-align:center; float:left; /*background:#fff;*/ border:none; }
#price_details #priceList .priceTable .planPrice dd .detail02 .cell { background:none; }
#priceList .priceTable .planPrice dd .detail .cell p { padding:0; }
#price_details #priceList .priceTable .planPrice dd .detail .cell p.mi { font-family:'Noto Sans Japanese Medium'; text-align:left;}
/*#price_details #priceList .priceTable .planPrice dd .detail02 .cell p.mi { position:relative; }*/
#price_details #priceList .priceTable .planPrice dd .detail02 .cell p.mi { position:absolute; top:0px; left:10px; background:#2E6998; color:#fff; padding:4px 10px 3px; border-radius:10px; }
#price_details #priceList .priceTable .planPrice dd .detail .cell p.txt { text-align:left; padding:0; }
#price_details #priceList .priceTable .planPrice dd .detail .cell p.txt em { font-family:'Noto Sans Japanese Medium'; }
#price_details #priceList .priceTable .planPrice dd .detail .cell p.txt span { font-family:'Arial'; }

#price_details #priceList .priceTable .planPrice dd .detail .cell0 { width:100%; }
#price_details #priceList .priceTable .planPrice dd .detail .cell1 { width:100%; }
#price_details #priceList .priceTable .planPrice dd .detail02 .cell1 { background:#fef3e5; padding:0 10px 10px; }
#price_details #priceList .priceTable .planPrice dd .detail02 .selected { background:#fff; }

#price_details #priceList .priceTable .planPrice dd .detail .cell2 { width:50%; }
#price_details #priceList .priceTable .planPrice dd .detail .cell3 { width:48%; border-left:none; }
#price_details #priceList .priceTable .planPrice dd .detail .cell1 p.mi { text-align:left; }
#price_details #priceList .priceTable .planPrice dd .detail .cell1 p.txt { text-align:left; }
#price_details #priceList .priceTable .planPrice dd .detail .cell2 p.txt span { font-size:129%; font-family:'Arial'; }
#price_details #priceList .priceTable .planPrice dd .detail .cell3 p.txt span { font-size:129%; font-family:'Arial'; }

#price_details #priceList .priceTable .planPrice dd#caution4jbBox .detail .cell p.mi { position:relative; }
#price_details #priceList .priceTable .planPrice dd#caution4jbBox .detail .cell p.mi .tooltip {
  display: inline-block;
  position: inherit;
  top: 7px;
  right: -3px;
}

#price_details #priceList .priceTable .planPrice dd#netNorikaeBox .detail { position:relative; }
#price_details #priceList .priceTable .planPrice dd#netNorikaeBox .detail .addbtn {
  position: absolute;
  bottom: 28px;
  right: 0;
}

/* -- 通常金額表示
---------------------------------------------------- */
#price_details #priceList #monthServiceDetail .planPrice dd { border-bottom:1px solid #cdcdcc; }
#priceList .priceTable .normalPrice.c2 { width:49%; float:left; }

#priceList .priceTable .normalPrice { /*border-top:1px solid #cacaca;*/ overflow:hidden; }
#priceList .priceTable .normalPrice > dt { }
#priceList .priceTable .normalPrice > dt .in { padding:10px 15px; font-size:12px; }
#priceList .priceTable .normalPrice > dt .in .sn { font-size:16px; font-family:'Noto Sans Japanese Bold';}
#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; }
#priceList .priceTable .normalPrice > dd { margin:0 10px 10px; border:none; }
#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 5px; font-size:14px; float:left; }
#priceList .priceTable .normalPrice > dd .detail .cell p { padding:0 8px; }
#priceList .priceTable .normalPrice > dd .detail .cell p.mi { font-family:'Noto Sans Japanese Medium'; text-align:left; }
#priceList .priceTable .normalPrice > dd .detail .cell p.txt { text-align:right; }
#priceList .priceTable .normalPrice > dd .detail .cell1 { width:100%; background:#fff; border-bottom:none; }
#priceList .priceTable .normalPrice > dd .detail .cell2 { width:50%; }
#priceList .priceTable .normalPrice > dd .detail .cell3 { width:48%; border-left: none; }
#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:12px; border-top:none; float:left; }

/* -- オプション金額
---------------------------------------------------- */

#priceList .priceTable .optionPrice { /*border-top:1px solid #cacaca;*/ overflow:hidden; }
#priceList .priceTable .optionPrice li { border-bottom:1px solid #cacaca; }
#priceList .priceTable .optionPrice li.optionWrap { padding-left:50px; position:relative; }
#priceList .priceTable .optionPrice li.optionWrap .CancelBtn { position:absolute; top:50%; left:10px; margin-top:-8px; }
#priceList .priceTable .optionPrice li .normalPrice dt { border-bottom:1px solid #cacaca; padding:10px 0; }
#priceList .priceTable .optionPrice li .normalPrice dd { margin:0; }
#priceList .priceTable .optionPrice li .normalPrice dd.boxB { padding:10px 0; }
#priceList .priceTable .optionPrice li .normalPrice dd .cell p { display:inline-block; padding:0; }
#priceList .priceTable .optionPrice li .normalPrice dd .cell p.text span { font-family:'Arial'; }

#priceList .priceTable .optionPrice li .normalPrice dd .coution { padding:0 0 5px; }
#priceList .priceTable .optionPrice li .Box_l { width:80%; float:left; }
#priceList .priceTable .optionPrice li .Box_r { width:20%; float:left; }
#priceList .priceTable .optionPrice li .Box_l p { display:inline-block; vertical-align:middle; }
#priceList .priceTable .optionPrice li .CancelBtn { margin-right:10px; cursor:pointer; }

#priceList .priceTable .optionPrice li .in { padding:10px 10px; border-right:none; border-top:none; }
#priceList .priceTable .optionPrice li .in .sn { font-size:16px; font-family:'Noto Sans Japanese Bold';}
#priceList .priceTable .optionPrice li .in .price { font-size:14px; text-align:right; }
#priceList .priceTable .optionPrice li .in .price span { font-family:'Arial'; font-size:16px; }

#price_details #priceList .priceTable #initialDetail .planPrice dd .detail .cell p.mi span { margin-left:20px; font-family:'Arial'; font-size:16px; }
#price_details #priceList .priceTable #initialDetail .planPrice dd .detail .cell p.mi em { font-weight:normal; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; }


/* -- エリア
---------------------------------------------------- */
#priceList .AreaTable　{ overflow:hidden; }
#priceList .AreaTable #selectArea { text-align:center; padding:5px; font-size:18px; color:#111; line-height:26px; border:none; background:#dcdcdc; overflow:hidden; font-family:'Noto Sans Japanese Medium';  }
#priceList .AreaTable #selectAreaList { padding:10px 10px; font-size:14px; margin:0 0 20px; border:1px solid #dcdcdc;}
#priceList .AreaTable #selectAreaList ul li { border-bottom:1px solid #dcdcdc; padding:10px 0; font-family:'Noto Sans Japanese Medium';  }
#priceList .AreaTable #selectAreaList ul li:first-child { padding-top:0; }
#priceList .AreaTable #selectAreaList ul li:last-child { padding-bottom:0; border-bottom:none; }

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

#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:#e3e3e3; }
#priceList #campaign table thead th h4 { font-size:100%; line-height:30px; font-family:'Noto Sans Japanese Medium'; font-weight:normal; 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 Japanese Medium'; font-weight:normal; text-align:center; }
#priceList #terms .midashi {
	background:#edeeef;
	padding:5px 8px;
	border:1px solid #cacaca;
	border-top:none;
	 font-family:'Noto Sans Japanese Medium';
}
#priceList #terms .sttl {
	border:1px solid #cacaca;
	border-top:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fbfbfb, endcolorstr=#e1e1e1))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));
	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/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/img/pack_select/icon_optional_open_tv.png); }
#priceList #terms .sttl.net span { background-image:url(/common_form/img/pack_select/icon_optional_open_net.png); }
#priceList #terms .sttl.phone span { background-image:url(/common_form/img/pack_select/icon_optional_open_phone.png); }
#priceList #terms .sttl.mobile span { background-image:url(/common_form/img/pack_select/icon_optional_open_mobile.png); }
#priceList #terms .sttl.ele span { background-image:url(/common_form/img/pack_select/icon_optional_open_ele.png); }
#priceList #terms .sttl span.up { background-image:url(/common_form/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; }

/* -- 追従ナビ
---------------------------------------------------- */
#fixedNav { position:relative; width:100%; }
#fixedNav #fixNav_body { position:fixed; bottom:0; width:100%; padding:10px 0; background:rgba(254,243,229,0.8); border-top:1px solid #dcdcdc; z-index: 5; }

/* ----------------------------------------------------
 #optionSelect
---------------------------------------------------- */
#cboxOverlay {
	background: #000;
}
.drawer-menu-item {
  text-align: center;
  background: #dcdcdc;
  margin-bottom: 10px;
  font-family:'Noto Sans Japanese Medium';
	padding: 10px;
	font-size: 16px;
	/*cursor: pointer*/
}
.drawer-menu-item a {
	color: #111!important;
	text-decoration:none!important;
	padding: 10px;
}
.drawer-menu-item:hover { background: #dcdcdc; }
.drawer-menu-item span { position:relative; }
.drawer-menu-item span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #111 transparent transparent;
  margin-top: -4px;
}
.ac .drawer-menu-item span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #111 transparent;
}
.drawer-nav {
	width: 1000px;
	margin: 0 auto;
}
#colorbox {
  box-shadow:none;
  -webkit-box-shadow: none;
}
#cboxClose {
  top:-30px;
  right: 0;
  width: 30px;
  height: 30px;
  background:url(/common_form/img/share/closebton.png) no-repeat;
}
#cboxClose:hover{
    background-position: 100% 100%;
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
}

#optionSelect { padding:2% 0; position:relative; }

#optionSelect h4 { font-size:16px; position:relative; font-family:'Noto Sans Japanese Medium' }

/* -- 各カテゴリタイトル
---------------------------------------------------- */
h3.ttl.normal { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_normal.png) repeat-x 50% 0%; }

#optionSelect #tabletArea h3 span { padding:0 0 0 50px; display:inline-block; text-align:center; background:url(/common_form/img/pack_select/svg/icon_ttl_tablet.svg) no-repeat 0% 50%; background-size: 20%; }
#optionSelect #megapackArea h3 span,
#optionSelect #megapackArea1 h3 span,
#optionSelect #megapackArea2 h3 span { padding:0 0 0 105px; display:inline-block; text-align:center; background:url(/common_form/img/pack_select/svg/icon_stream_S02.svg) no-repeat 0% 50%; background-size: 95px; }
/* #optionSelect #dPlusArea h3 span,
#optionSelect #dPlusArea h3 span,
#optionSelect #dPlusArea h3 span { padding:0 0 0 105px; display:inline-block; text-align:center; background:url(/common_form/img/pack_select/icon_ttl_disneyplus.png) no-repeat 0% 50%; } */
#optionSelect h3.ttl.tv { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_tv.png) repeat-x 50% 0%; }
#optionSelect #tvArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_tv.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top:0; background-size: auto 40px; }
#optionSelect h3.ttl.net { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_net.png) repeat-x 50% 0%; }
#optionSelect #netArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_net.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top:0; background-size: auto 40px; }
#optionSelect h3.ttl.phone { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_phone.png) repeat-x 50% 0%; }
#optionSelect #phoneArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_phone.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top:0; background-size: auto 40px; }
#optionSelect h3.ttl.mobile { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_mobile.png) repeat-x 50% 0%; }
#optionSelect #mobileArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_mobile2.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top:0; background-size: auto 40px; }
#optionSelect h3.ttl.ele { height:105px; margin:0 0 13px; font-size:200%; line-height:80px; text-align:center; background:url(/common_form/img/pack_select/ttl_bg_ele.png) repeat-x 50% 0%; }
#optionSelect #eleArea h3.ttl span { width:100%; padding:0; display:inline-block; background:url(/common_form/img/pack_select/svg/icon_ttl_ele.svg) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space: nowrap; margin-top:0; background-size: auto 40px; }


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

#optionSelect h4.ques { margin:0 0 20px; padding:0 35px 0 0; font-size:129%; line-height:25px; font-weight:normal; display:inline-block; position:relative; font-family:'Noto Sans Japanese Medium'; }
#optionSelect h4.ques.required { background:url(/common_form/img/pack_select/icon_required.png) no-repeat 0% 50%; padding-left: 60px; }
#optionSelect h4.ques.optional { background:url(/common_form/img/pack_select/icon_optional.png) no-repeat 0% 50%; }
#optionSelect h4.ques + .sub_text { position: absolute; top:0; right:0px; font-family:'Noto Sans Japanese Regular'; }
#optionSelect .selectList { margin:0 0 40px; overflow:hidden; }
#optionSelect .selectList li { float:left; position:relative; }
#optionSelect .selectList li label { display:block; cursor:pointer; }


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

#optionSelect .radio .selectList li label p.input { height:32px; border-bottom:1px solid #dfdfdf;}
#optionSelect .radio input[type='radio']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
#optionSelect .radio label { background:#fff; border:1px solid #cacaca; border-radius:4px; display:block; cursor:pointer; overflow:hidden; }
#optionSelect .radio label.checked { background:#fffbe6; }
#optionSelect .radio label .input {
	background-image:url(/common_form/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:40px;
}
#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,#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/img/pack_select/radio_on.png)!important;}

/*追記*/
#optionSelect .radio02 .selectList li label p.input { height:32px; border-bottom:1px solid #dfdfdf;}
#optionSelect .radio02 input[type='radio']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
#optionSelect .radio02 label { background:#fff; border:1px solid #cacaca; border-radius:4px; display:block; cursor:pointer; overflow:hidden; }
#optionSelect .radio02 label.checked { background:#fffbe6; }
#optionSelect .tv_flex .selectList li label .txt {
  display: block;
}
#optionSelect .tv_flex .selectList.checkbox label .input {
  background-image:url(/common_form/img/pack_select/checkbox_off.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-color:#e7e7e7;
  border-bottom:1px solid #dfdfdf;
  height:40px;
  width: auto;
  display: block;
}
#optionSelect .radio02 label .input {
	background-image:url(/common_form/img/pack_select/checkbox_off.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#e7e7e7;
	border-bottom:1px solid #dfdfdf;
	height:40px;
}
#optionSelect .tv_flex .selectList.checkbox label.checked .input {
  background-image: url(/common_form/img/pack_select/checkbox_on.png)!important;
  background-repeat:no-repeat!important;
  background-position:50% 50%!important;
  background-color:#e7e7e7!important;
}
#optionSelect #tvArea .radio02 label .input { background-color:#fff4fa; }
#optionSelect #netArea .radio02 label .input { background-color:#edfaff; }
#optionSelect #phoneArea .radio02 label .input { background-color:#ecf9f1; }
#optionSelect #mobileArea .radio02 label .input,#optionSelect .mobileArea .radio02 label .input { background-color:#e3f5f5; }
#optionSelect #eleArea .radio02 label .input { background-color:#fff3e1; }
#optionSelect .radio02 label.checked .input { background-image:url(/common_form/img/pack_select/checkbox_on.png)!important; }



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

#optionSelect .checkbox input[type='checkbox']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
#optionSelect .checkbox label{ display: table; border:1px solid #cacaca; background:#fff; cursor: pointer; overflow: hidden; }
#optionSelect .checkbox label.checked { border:1px solid #cacaca; background:#fffadf; }
#optionSelect .checkbox label .input { width:52px; display:table-cell; border:none!important; border-right:1px solid #dfdfdf!important; background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #f2f2f2; }
#optionSelect #tvArea .checkbox label .input { background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #fff4fa; }
#optionSelect #netArea .checkbox label .input { background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #edfaff; }
#optionSelect #phoneArea .checkbox label .input { background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #ecf9f1; }
#optionSelect #mobileArea .checkbox label .input { background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #e3f5f5; }
#optionSelect #eleArea .checkbox label .input { background:url(/common_form/img/pack_select/checkbox_off.png) no-repeat 14px 50% #fff3e1; }
#optionSelect .checkbox label.checked .input { background:url(/common_form/img/pack_select/checkbox_on.png) no-repeat 14px 50% #fff7c8!important; }

/*追記*/
#optionSelect .checkbox02.selectList li label p.input { height:40px; border-bottom:1px solid #dfdfdf;}
#optionSelect .checkbox02 input[type='radio']{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
#optionSelect .checkbox02 label { background:#fff; border:1px solid #cacaca; border-radius:4px; display:block; cursor:pointer; overflow:hidden; }
#optionSelect .checkbox02 label.checked { background:#fffbe6; }

#optionSelect .checkbox02 label .input {
	background-image:url(/common_form/img/pack_select/checkbox_off.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#e7e7e7;
	border-bottom:1px solid #dfdfdf;
	height:40px;
}
#optionSelect #tvArea .checkbox02 label .input { background-color:#fff4fa; }
#optionSelect #netArea .checkbox02 label .input { background-color:#edfaff; }
#optionSelect #phoneArea .checkbox02 label .input { background-color:#ecf9f1; }
#optionSelect #mobileArea .checkbox02 label .input,#optionSelect .mobileArea .checkbox02 label .input { background-color:#e3f5f5; }
#optionSelect #eleArea .checkbox02 label .input { background-color:#fff3e1; }
#optionSelect .checkbox02 label.checked .input { background-image:url(/common_form/img/pack_select/checkbox_on.png)!important;}


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

#optionSelect .selectList li label .txt { padding:15px; font-size:16px; position:relative; }
#optionSelect .selectList li label .txt .img { padding:0; }
#optionSelect .selectList li label .txt .img img { height:140px; }
#optionSelect .selectList li label .txt .serviceName { font-size:16px; }
#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:14px; line-height:1.25; }
#optionSelect .selectList li label .txt .price .camp { font-size:200%; color:#e73518; font-family:'Arial'; font-weight:bold; }
#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:186%; font-family:'Arial'; font-weight:bold; }
/*
#optionSelect .selectList.c4 > li { width:229px; margin-left:15px; }
#optionSelect .selectList.c4 > li:first-child { width:228px; margin-left:0; }
#optionSelect .selectList.c3 > li { width:310px; margin-left:15px; }
#optionSelect .selectList.c3 > li:first-child { margin-left:0; }
#optionSelect .selectList.c2 > li { width:472px; margin-left:15px; }
#optionSelect .selectList.c2 > li:first-child { width:473px; margin-left:0; }
*/
#optionSelect .selectList.c5 > li { width:18%; margin: 10px 1% 0; }
#optionSelect .selectList.c4 > li { width:23%; margin: 10px 1% 0; }
#optionSelect .selectList.c3 > li { width: 31.3%; margin: 10px 1% 0; }
#optionSelect .selectList.c2 > li { width:48%; margin: 10px 1% 0; }


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

#optionSelect .optionPlus { background:#fff; }
#optionSelect .inBox .btnView {
	font-size:129%;
	text-align:center;
	font-family:'Noto Sans Japanese Medium';
	border-bottom:1px solid #cfcfcf;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fbfbfb, endcolorstr=#dcdcdc))";/* IE8 IE9 *//* FF3.6+ *//* Chrome10+, Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dcdcdc));
	background: linear-gradient(to bottom, #fbfbfb, #dcdcdc);/* IE10+, W3C */
	zoom:1;
	cursor: pointer;
}
/*#optionSelect .inBox .btnView span { padding-left:35px; display:inline-block; line-height:50px; background:url(/common_form/img/pack_select/icon_optional_open.png) no-repeat 0% 50%; }
#optionSelect #tvArea .inBox .btnView span { background:url(/common_form/img/pack_select/icon_optional_open_tv.png) no-repeat 0% 50%; }
#optionSelect #netArea .inBox .btnView span { background:url(/common_form/img/pack_select/icon_optional_open_net.png) no-repeat 0% 50%; }
#optionSelect #phoneArea .inBox .btnView span { background:url(/common_form/img/pack_select/icon_optional_open_phone.png) no-repeat 0% 50%; }
#optionSelect #mobileArea .inBox .btnView span { background:url(/common_form/img/pack_select/icon_optional_open_mobile.png) no-repeat 0% 50%; }
#optionSelect .inBox .btnView span.up { padding-left:35px; display:inline-block; line-height:50px; background:url(/common_form/img/pack_select/icon_optional_close.png) no-repeat 0% 50%!important; }
*/
#optionSelect .inBox .btnView {
  position: relative;
 }
#optionSelect .inBox .btnView span {
	padding-right:22px;
	display:inline-block;
	line-height:40px;
  background:none;
}
#optionSelect .inBox .btnView span::after {
  display: inline-block;
  content: "";
  margin: -7px 8px 0;
  padding: 0;
  width: 2px;
  height: 14px;
  background: #222;
  position: absolute;
  top: 50%;
  right: 20px;
}
#optionSelect .inBox .btnView span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  width: 14px;
  height: 2px;
  margin-top: -1px;
  background: #222;
}
#optionSelec .inBoxt #tvArea .btnView span,
#optionSelect .inBox #netArea .btnView span,
#optionSelect .inBox #phoneArea .btnView span,
#optionSelect .inBox #mobileArea .btnView span,
#optionSelect .optionPlus .btnView span.up{ background-image:none!important; }

#optionSelect #mobileArea .btnView span.up::after,
#optionSelect .optionPlus .btnView span.up::after {
  width: 0px;
  height: 0px;
 }


/* -- オプション枠/モバイル枠内選択肢
---------------------------------------------------- */
#optionSelect .selectList.c3 li ul li { width: 95%; margin: 0; }

#optionSelect .inBox .in { padding:0 30px 30px; }
/*#optionSelect .inBox .optionBox { display:none; }*/
#optionSelect .inBox .in section { margin-top:30px; padding-bottom:10px; }
#optionSelect .inBox .selectList { margin:0; }
/*
#optionSelect .inBox .selectList.c5 > li { width:167px; margin-left:16px; }
#optionSelect .inBox .selectList.c5 > li:first-child { width:166px; }
#optionSelect .inBox .selectList.c4 > li { width:213px; margin-left:15px; }
#optionSelect .inBox .selectList.c4 > li:first-child { width:213px; }
#optionSelect .inBox .selectList.c3 > li { width:289px; margin-left:15px; }
#optionSelect .inBox .selectList.c3 > li:first-child { width:290px; }
#optionSelect .inBox .selectList.c2 > li { width:441px; margin-left:15px; }
#optionSelect .inBox .selectList.c2 > li:first-child { width:442px; }
#optionSelect .inBox .selectList.c1 > li { width:100%; }
#optionSelect .inBox .selectList > li:first-child { margin-left:0; }
*/
#optionSelect .inBox .selectList.c5 > li { width:18%; margin: 10px 1% 0; }
#optionSelect .inBox .selectList.c4 > li { width:23%; margin: 10px 1% 0; }
#optionSelect .inBox .selectList.c3 > li { width: 31.3%; margin: 10px 1% 0; }
#optionSelect .inBox .selectList.c2 > li { width:48%; margin: 10px 1% 0; }
#optionSelect .inBox .selectList.c1 > li { width:100%; }

#optionSelect .checkbox label .txt { margin:0; padding:20px 0!important; font-size:16px; display:table-cell; vertical-align:middle; }
#optionSelect .checkbox.c3 label .txt { width:237px; }
#optionSelect .checkbox.c3 label .txt .price { padding:0 20px; }
#optionSelect .checkbox.c4 label .txt { width:160px; }

#optionSelect .checkbox.c1 > li > label { border-top:none; }
#optionSelect .checkbox.c1 > li:first-child > label { border-top:1px solid #cacaca; }
#optionSelect .checkbox.c1 label .txt-cell { width:730px; padding:10px 15px; font-size:16px; display:table-cell; vertical-align:middle;}
#optionSelect .checkbox.c1 label .txt-cell .serviceName { font-size:16px; }
#optionSelect .checkbox.c1 label .price-cell { width:178px; padding:10px 15px 10px 15px; border-left:1px dotted #dfdfdf; font-size:12px; display:table-cell; text-align:right; vertical-align:middle; }
#optionSelect .checkbox.c1 label .price-cell .price .normal { font-size:186%; font-family:'Arial'; font-weight:bold; }
#optionSelect .checkbox.c1 label .price-cell .price .number { font-size:129%; font-family:'Arial'; }
#optionSelect .checkbox.c1 label .txt { width:816px; padding:15px 15px!important; display:table-cell; vertical-align:middle; }

#optionSelect .checkbox.c1 > li > ul { padding-left:51px;}
#optionSelect .checkbox.c1 > li > ul > li label { border-top:none;}
#optionSelect .checkbox.c1 > li > ul > li label .txt-cell { width:677px; padding:10px 15px; font-size:16px; display:table-cell; vertical-align:middle;}


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

/* -- タブレット端末 -- */
#optionSelect .selectList.tablet_machine .price { width:205px; margin:0 auto; text-align:center; }
#optionSelect .selectList.tablet_acc .price { width:; margin:0 auto; text-align:center; }
#optionSelect .selectList.tablet_acc .price em { font-size:200%;}

/* -- CS 6ch -- */
#optionSelect .selectList.cs6ch .txt { padding:0!important; }
#optionSelect .selectList.cs6ch .serviceName{ padding:8px 0 8px; font-size:16px; }
#optionSelect .selectList.cs6ch li ul li { width:100%; margin:0; padding:10px 4px; display:table; font-size:11px; font-family:'Noto Sans Japanese Medium'; 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:165px; display:table-cell; vertical-align:middle; padding-left: 1px; }
#optionSelect .selectList.cs6ch .title_txt {
  padding: 0 5px;
  margin-bottom: 20px;
  font-family:'Noto Sans Japanese Regular';
  font-size: 12px;
}
#optionSelect .selectList.cs6ch li ul li.mega {
  padding: 0 20px;
}
#optionSelect .selectList.cs6ch li ul li.mega .mega_img {
  padding: 10px 10px;
}

#optionSelect .campName.magazine { color:#ff6c00!important; }

/* -- オプションチャンネル -- */
#optionSelect .optionChBox { margin:0 auto!important; padding:0!important; }
#optionSelect h5.opchViewCont { padding:10px 0 10px 7%; border:1px solid #cacaca; border-top:none; font-size:115%; font-family:'Noto Sans Japanese Medium'; font-weight:normal; background:url(/common_form/img/pack_select/icon_acd_open.png) no-repeat 0% 50% #fff; cursor:pointer; }
#optionSelect h5.opchViewCont.up { background:url(/common_form/img/pack_select/icon_acd_close.png) no-repeat 0% 50% #fafafa; }
#optionSelect .optionChList { display:none; margin:0!important; padding:0!important; }
#optionSelect .optionChList li label { border-top:none!important; border-bottom:1px solid #cacaca; }
#optionSelect .optionChList.checkbox label .chName { margin-bottom:5px; font-size:12px; line-height:1.3; font-family:'Noto Sans Japanese Medium'; }
#optionSelect .optionChList.checkbox label .txt-cell dl { padding:5px 0; display:table; }
#optionSelect .optionChList.checkbox label .txt-cell dl dt { width:70px; display:table-cell; }
#optionSelect .optionChList.checkbox label .txt-cell dl dd { width:560px; font-size:12px; line-height:1.3; font-family:'Noto Sans Japanese Medium'; display:table-cell; vertical-align:middle; }
#optionSelect .optionChList.checkbox label .txt-cell dl.ch3 dd { width:140px; }

#optionSelect .optionChList.checkbox label .txt-cell .campBanner { margin:5px 0 8px; padding:0; display:block; border:1px solid #c9c9c9; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1); }
#optionSelect .optionChList.checkbox label .txt-cell .campBanner dt { width:100%; padding:3px 2.5%; display:block; font-size:16px; text-align:center; color:#ffffff; background:#c6c6c6; border-bottom:1px solid #c9c9c9; font-family:'Noto Sans Japanese Medium'; font-weight:normal;}
#optionSelect .optionChList.checkbox label .txt-cell .campBanner dd { width:95%; padding:10px 2.5%; display:block; font-size:16px; text-align:center; background:#ffffff; font-family:'Noto Sans Japanese Medium'; font-weight:normal;}

/* -- モバイル共通 -- */
#optionSelect .mobileBox { margin-bottom:50px; border:1px solid #cacaca; background:#fff; }
#optionSelect .mobileBox .typeA { display:none; }
#optionSelect .mobileBox .typeI { display:none; }
#optionSelect .mobileBox h3 { padding:10px 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:14px; font-weight:normal; }
#optionSelect .mobileBox h3 span em { font-size:115%; }



/* -- モバイル端末 -- */
#optionSelect .mobileBox .in .mobileTerminal { margin:0; width:675px; overflow:hidden; float:left; }
#optionSelect .mobileBox .in .mobileDplan { margin:0; width:210px; overflow:hidden; float:right; }
#optionSelect .mobileBox .in .mobileTerminal .selectList li { width:210px; margin:0 15px 15px 0; }
#optionSelect .mobileBox .in .mobileDplan .selectList li { width:210px; margin:0 0 15px 0; }
#optionSelect .mobileBox .in .mobileTerminal h5,
#optionSelect .mobileBox .in .mobileDplan h5 { margin:0 0 15px; font-size:14px; line-height:30px; text-align:center; background:#f3f3f3; font-family:'Noto Sans Japanese Medium'; border-radius:3px; font-weight:normal; }
#optionSelect .mobileBox .in .mobileTerminal h5 { margin-right:15px; }
#optionSelect .mobileBox .in .mobileDplan .serviceName { min-height:50px; }
#optionSelect .mobileBox .in .mobileTerminal .serviceName { min-height:50px; }

/* -- モバイルデータ容量 -- */
#optionSelect .mobileBox .in .selectList.mobileData .txt { padding:0; }
#optionSelect .mobileBox .in .selectList.mobileData .txt .serviceName { font-size:18px; }
#optionSelect .mobileBox .in .selectList.mobileData .txt .serviceName em { font-size:172%; }
#optionSelect .mobileBox .in .selectList.mobileData .priceBox { padding:10px 15px; border-top:1px solid #cacaca; }
#optionSelect .mobileBox .in .selectList.mobileData .priceBox dl { width:100%; font-size:12px; overflow:hidden; display:table; }
#optionSelect .mobileBox .in .selectList.mobileData .priceBox dl dt { display:table-cell; }
#optionSelect .mobileBox .in .selectList.mobileData .priceBox dl dd { text-align:right; display:table-cell; }
#optionSelect .mobileBox .in .selectList.mobileData .priceBox dl dd span { font-size:20px; }

/* -- モバイル訪問設定 -- */
#optionSelect .mobileBox .in .selectList.tablet_visit label ul { overflow:hidden; }
#optionSelect .mobileBox .in .selectList.tablet_visit label li { padding:5px 0 0; width:25%; float:left; font-size:12px; }

/* -- モバイル追加ボタン -- */
.btn.mobilePlus {
	margin-top:-20px;
	font-family:'Noto Sans Japanese Medium';
	display:inline-block;
}
.btn.mobilePlus span { text-decoration:underline; padding:0 0 0 25px; font-size:14px; color:#111111; text-align:center; display:block; background:url(/common_form/img/pack_select/icon_btn_mobile_plus.png) no-repeat 0px 50%;}
.btn.mobilePlus:hover span  { text-decoration:none; }
/* -- モバイル削除ボタン -- */
.btn.deleteBtn {
	font-family:'Noto Sans Japanese Medium';
}
.btn.deleteBtn em { padding:0 15px 0 36px; font-size:14px; line-height:30px; color:#111111; display:block; background:url(/common_form/img/pack_select/icon_delete.png) no-repeat 10px 50%;}

/* -- モバイルカラー
---------------------------------------------------- */
.mobileTerminalColor .serviceName p { position: relative; padding-left:20px; }
.mobileTerminalColor .serviceName p .circle {
	position: absolute;
	left:0;
	top:50%;
	width:20px;
	height:20px;
	margin-top: -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;
}
.mobileTerminalColor .serviceName p.aquos_white .circle { background:#fff; }
.mobileTerminalColor .serviceName p.aquos_black .circle { background:#333; }
.mobileTerminalColor .serviceName p.screen_champagnegold .circle { background:#b4aba4; }
.mobileTerminalColor .serviceName p.screen_navi .circle { background:#202d4c; }
.mobileTerminalColor .serviceName p.Smart_brown .circle { background:#6c6061; }
.mobileTerminalColor .serviceName p.Smart_navi .circle { background:#202d4c; }
.mobileTerminalColor .serviceName p.Smart_winered .circle { background:#ac3d37; }
.mobileTerminalColor .serviceName p.huawei_white .circle { background:#F5F5F5; }
.mobileTerminalColor .serviceName p.huawei_black .circle { background:#0E0E0E; }
.mobileTerminalColor .serviceName p.huawei_pink .circle { background:#F4BEC3; }
.mobileTerminalColor .serviceName p.basio_gold .circle { background:#cc9900; }
.mobileTerminalColor .serviceName p.basio4_champagnegold .circle { background:#ccc8ad; }
.mobileTerminalColor .serviceName p.galaxy_a30_blue .circle { background:#5D86C5; }
.mobileTerminalColor .serviceName p.galaxy_a30_white .circle { background:#EDF2EF; }
.mobileTerminalColor .serviceName p.galaxy_a20_red .circle { background:#FF0000; }
.mobileTerminalColor .serviceName p.galaxy_a20_black .circle { background:#0E0E0E; }
.mobileTerminalColor .serviceName p.galaxy_a20_white .circle { background:#EDF2EF; }

.mobileTerminalColor .serviceName p.iphone_rose .circle { background:#D0A8A0; }
.mobileTerminalColor .serviceName p.iphone_gold .circle { background:#CC9900; }
.mobileTerminalColor .serviceName p.iphone_silver .circle { background:#E1E1E1; }

.mobileTerminalColor .serviceName p.iphone7_black .circle { background:#333333; }
.mobileTerminalColor .serviceName p.iphone7_Gblack .circle { background:#000000; }
.mobileTerminalColor .serviceName p.iphone7_silver .circle { background:#E1E1E1; }
.mobileTerminalColor .serviceName p.iphone7_gold .circle { background:#e5d3bc; }
.mobileTerminalColor .serviceName p.iphone7_Rgold .circle { background:#ffcccc; }

/* -- シュミ追加
---------------------------------------------------- */
#optionSelect h4 { position:relative; font-family:'Noto Sans Japanese Medium'; }

.checkbox02 .tooltip {
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  top: 45px;
  right: 2px;
}
#optionSelect .optionPlus .in { padding:0 0 15px; }
#optionSelect .btnView { border:1px solid #cfcfcf; }

/* ----------------------------------------------------
 #coution
---------------------------------------------------- */
#coution { padding: 50px 0 50px; background: #ffffff; border-top: 1px solid #cacaca; }
#coution h4 { font-size:10px; color:#666666; }
#coution ul,
.coution ul { margin:8px 0 25px; }
#coution ul li,
.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,
.coution ul li span.head { position:absolute; top:0; left:0; }

/* ----------------------------------------------------
 モーダル
---------------------------------------------------- */
.lock {overflow:hidden;}

.modal-content {
    position:relative;
    display:none;
    /*width:50%;*/
    /*margin:30px;
    padding:10px 20px;*/
    border:2px solid #aaa;
    background:#fff;
    overflow:auto;
    height: 100%;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:3;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:4;
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    width:1100px;
    height:600px;
    margin-left: -550px;
    margin-top: -330px;
    padding-top: 30px;
}

.modal-wrap.t30 {
    top:30%;
}
.CloseIcon {
  position: absolute;
  top: 0px;
  right: 0;
  width: 30px;
  height: 30px;
  background:url(/common_form/img/share/closebton.png) no-repeat;
  cursor:pointer;
}

.Netflix_plan_table {
  border: 1px solid #333;
}
.Netflix_plan_table th,
.Netflix_plan_table td {
  padding: 5px 10px;
  border: 1px solid #333;
  font-size: 12px;
}
.Netflix_plan_table thead th {
  background-color: #5587c1;
  color: #fff;
}
.Netflix_plan_table .bgBarkBlue {
  background-color: #00006c;
  color: #fff;
}
.Netflix_plan_table .bgLightBlue {
  background-color: #3c6697;
  color: #fff;
}
.Netflix_plan_table .taR td {
  text-align: right;
}
.guidance li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.guidance li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}