@charset "utf-8";
/* (c) So-net Corporation */
body{
    width     : 100%;
    -webkit-text-size-adjust: 100%;
}
#wrapper{
  width: auto;
  margin:0 auto;
  clear:both;
  overflow:hidden;
  position:relative;
}
#content  {width:100%; float:none; margin-top:0;}
#side_menu  {width:100%; float:none; margin-top:0;}
.mbr_pc{display: none!important;}
.gHd2014_box-breadcrumbs{display:none;}
button {
  background: none;
  border: none;
  cursor: pointer;
}
img{max-width:100%; height:auto;}
h2{margin-bottom:8px; margin-top:15px; padding-right:10px;}
h3{margin:15px 10px 8px 10px;}
.indentA {margin: 0 10px 20px 10px;}
.indentB {margin:0 10px 30px 10px;}
.indentC {margin: 0 10px 20px;}
.boxC{padding:10px 20px;}
li a{line-height:2.1em;}
.move-pageTop{display:none;}
.move-pageTopSp {margin-bottom:10px; text-align: right; width: 95%;}
.move-pageTopSp a {background:url(../img/share/icon_linktop.png) no-repeat left center; padding-left:22px;}
.pageLinkBox{display:none;}
.sideMenuTitle br{display:none;}
.sideMenuTitle{
  background-color: #f5f5f5;
    border-style: solid;
    border-width: 4px 0 1px;
    padding: 10px 0 10px 10px;
}
div.menu_list{
  background-color:#FFF;
  padding:0;
  margin-bottom:0;
}
div.menu_list .sideMenuTitle{
  color:#252525;
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:0;
}
div.menu_list p.sideMenuTitle_Link{margin:0;}
div.menu_list p.sideMenuTitle_Link a{
  color:#252525;
  font-weight:normal;
  padding-left:0;
  background-image:none;
  padding:10px;
  display:block;
  /*border-bottom: 1px solid #999;*/
}
ul.menu_list_cont{
  background-color:#fff;
  margin:0;
  padding:0;
  overflow:hidden;
  font-size:100%;
}
ul.menu_list_cont li{
  font-weight:normal;
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
}
ul.menu_list_cont li a{
  display:block;
  /*border-bottom:#999 1px solid;*/
  padding:0 8px 0 20px;
  color:#252525;
  height:40px;
  line-height:2.8em;
}
ul.menu_list_cont li a.multiLine {
  line-height: 1.6em;
  padding-top: 13px;
  padding-bottom: 13px;
}
ul.menu_list_cont li a:hover{background-color:#EBFFD7;}
ul.menu_list_cont li a span{font-size:88%;}
ul.menu_list_cont li.menuList_on a{background-color:#EBFFD7; color:#009f45;}
/* So-net自動口座振替サービスのお申し込み */
.btn_nomal_CL a{
  width: auto;
  padding:0;
}
/* ページ内リンク */
ul.pageLink{margin:0 15px;}
ul.pageLink li{display:block;}
ul.pageLink li span {padding-right:0; margin-right:0; border-right:none;}
ul.pageLink li a{
  background  :url("../img/share/icon_nomal_link.png") no-repeat left center;
  padding-left:9px;
}
/* フッター上リンク */
.sp_uMenu{margin:0 10px; border-top: 1px solid #e6e6e6; padding-top:10px;}
.sp_uMenu p.Aside_link{text-indent:-1em; margin-left:1em; line-height:1.88em;}
.sp_uMenu p.Aside_link br{display:none;}
.sp_uMenu p.Aside_link a{
  background  :url("../img/share/icon_nomal_link.png") no-repeat left center;
  padding-left:10px;
}
.Aside_btn_nomal{
  border-bottom:#999 1px solid;
  border-top:none;
  margin-bottom:0;
  text-align:left;
  font-size:100%;
  margin:0 5px;
}
.Aside_btn_nomal a{
  background-color:#fff;
  display:block;
  padding:5px 5px 5px 20px;
  font-size:95%;
  background:url("../img/share/icon_nomal_link.png") no-repeat scroll 10px center;
}
.Aside_btn_nomal a:hover{
  display:block;
  background-color:#FFBF00;
}
.Aside_btn_nomal a span{
  background:url("../img/share/icon_linkblank.png") no-repeat right center;
  padding-right:20px;
}
/* 各コンテンツの見出し */
.cont_midashi_01{
  border:#bbb 1px solid;
  margin:15px 0 10px 0;
    padding: 5px;
}
.cont_midashi_01 span{
  padding: 8px 0 8px 60px;
  display:block;
}
.cont_midashi_01 span.icon_midashi_card{background:url(../img/share/icon_card.png) no-repeat 10px center;}
.cont_midashi_01 span.icon_midashi_koufuri{background:url(../img/share/icon_koufuri.png) no-repeat 5px center;}
.cont_midashi_01 span.icon_midashi_ntt{background:url(../img/share/icon_ntt.png) no-repeat 10px center;}
.cont_midashi_01 span.icon_midashi_kddi{background:url(../img/share/icon_kddi.png) no-repeat 10px center;}
.cont_midashi_01 span.icon_midashi_cvs{background:url(../img/share/icon_cvs.png) no-repeat 10px center;}
.cont_midashi_01 span.icon_midashi_ntt02,
.cont_midashi_01 span.icon_midashi_ntt02_2,
.cont_midashi_01.multiLine span.icon_midashi_ntt02_2 {
    background: url(../img/share/icon_ntt_01.png) no-repeat 5px center;
    background-size: 42px;
}
.cont_midashi_01.multiLine span.icon_midashi_ntt02 {
    background-position: 6px 10px;
}
/* ボタン */
.btn_nomal_L2 a{margin: 0 auto 10px auto;}
.btn_nomal_CS a,.btn_nomal_CS4g a{margin: 0 auto 10px auto;}
div.btn_2n_box .btn_nomal_L2{float:none; width:auto; display:inline;}
.btn_2n_box{margin:0 auto 10px auto;}
.lyt-col2_inner .btn_nomal_C a{padding: 0 10px;}
@media only screen and (max-width: 640px) {
.btn_nomal_CLL a{width:auto; line-height:1.6em; padding:0 10px;}
}
/* hamburger-button */
#hamburge-btn{
  display: block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
  padding:0;
}
#hamburge-btn-icon{
  display: block;
    height: 30px;
    right: 15px;
    top: 10px;
    width: 30px;
    background-color: #252525;
    background-image:url(../img/share/img-pad_sp.png);
    background-repeat:no-repeat;
    -webkit-background-size: 180px auto;
    background-size:160px auto;
    background-position:left;
    white-space:nowrap;
    text-indent:100%;
    overflow:hidden;
    border-radius:2px;
}
#hamburge-btn-icon.close{
  background-position:right;
}
#sp_menuPanel{margin:0;}
.sideMenuTitle_Link{display:none;}
/**/
.x-ss{font-size: 0.9em;}
@media screen and (min-width: 770px){
  .mbr_sp2{display:none;}
}
@media only screen and (max-width: 769px) {
  .mbr_pc2{display:none;}
}
/* koufuri */
div.number{margin:20px 10px 10px;}
.sampleImg_l{float:none; width:auto;}
.sampleImg_r{float:none; width:auto; text-align:center;}
.sampleImg_r img{margin:0 auto;}
h4.txt_h4a{margin-top:8px;}
.kinyukikan_tb td{display:inline;}
#mn_koufuri .box_alert{margin:0 10px 15px 10px;}
/* ============== 規約ページ ============== */
.kiyaku_midashi_1{margin:15px 10px 0 10px;}
.kiyaku_midashi_2{margin:0px 10px;}
.kiyaku_cont{margin:0 10px 20px 10px;}
.kiyaku_cont p{margin:0px;}
.kiyaku_cont p.txt_indent1-6em{text-indent:-1.6em; margin-left:1.6em;}
.kiyaku_cont .table-04{margin-bottom:30px;}
/* ============== So-net 光 ============== */
.docomo_shiharai_box,.docomo_shiharai_box2{display:block; width:auto;}
.docomo_shiharai_box_txt,.docomo_shiharai_box2_txt{width:auto;}
.collaboCon{display:block; max-width: 100%; margin-bottom:15px;}
.collaboCon_img{text-align:center; display:block; vertical-align:middle; width:auto; margin-bottom:10px;}
.collaboCon_box{display:block; vertical-align:middle; background-color: #eee; padding:15px; width:auto;}
/*shiharai top*/
.spNone{
  display:none;
}
.pcNone {
  display: block;
}
#wrapper,
#top_content{
  margin-top: 0;
  width: 100%;
}
.topMenu {
  margin: 15px 0 30px 0;
}
.topMenu .topMenu_1,
.topMenu .topMenu_2{
  margin-bottom: 0;
}
.topMenu .topMenu_1 li.top_menu_icon.icon_cvs a{
  padding: 20px 30px 5px 60px;
}
.topMenu .topMenu_1 li.top_menu_icon a,
.topMenu .topMenu_1 li.top_menu_icon:last-child a,
.topMenu .topMenu_2 li.top_menu_icon.icon_ntt a,
.topMenu .topMenu_2 li.top_menu a,
.topMenu .topMenu_2 li.top_menu_icon.icon_kddi a{
  height: 30px;
  text-align: left;
  width: auto;
  padding: 20px 30px 5px 60px;
  margin: 5px 10px 0 10px;
  float: none;
}
.topMenu .topMenu_2 li.top_menu.usen a{
  margin: 5px 10px 0 10px;
  }
.topMenu .topMenu_1 li.top_menu_icon.icon_cvs a{
  background: url(/support/mbr/shiharai/common/img/share/icon_cvs_02.png) #F5F5F5 no-repeat center 40%;
}
.topMenu .top_menu.icon_none a span {
  position: static;
}
.topMenu .topMenu_1 li.top_menu_icon.icon_ntt a,
.topMenu .topMenu_2 li.top_menu_icon.icon_ntt02 a,
.topMenu .topMenu_2 li.top_menu_icon.icon_ntt a {
  padding: 10px 30px 15px 60px;
}
.topMenu .topMenu_2 li.top_menu a{
  padding: 20px 30px 5px 10px;
}
.topMenu .topMenu_2 li.top_menu a.multiLine {
  padding-top: 13px;
  padding-bottom: 13px;
  height: auto;
}
.topMenu .topMenu_1 li.top_menu_icon.icon_card a,
.topMenu .topMenu_1 li.top_menu_icon.icon_bank a,
.topMenu .topMenu_1 li.top_menu_icon.icon_ntt a,
.topMenu .topMenu_2 li.top_menu_icon.icon_ntt02 a,
.topMenu .topMenu_1 li.top_menu_icon.icon_kddi a,
.topMenu .topMenu_1 li.top_menu_icon.icon_cvs a,
.topMenu .topMenu_2 li.top_menu.icon_ntt a {
  background-size: 40px auto;
  background-position: 10px center;
}
.topMenu .topMenu_1 li.top_menu_icon a:after,
.topMenu .topMenu_2 li.top_menu a:after{
  bottom: 15px;
  right: 5px;
}
.topMenu .topMenu_1 li.top_menu_icon.icon_cvs a:after{
  bottom: 20px;
  right: 5px;
  }
.topMenu ul li a .menu_sup{
  font-size: 88%;
  font-weight: normal;
}
h2.Toph2{
  color: #252525;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-style: solid;
  border-width: 4px 0 1px;
  padding: 10px 0 10px 10px;
}
.Toph2-2 {
  font-size: 1.428em;
  padding: 7px 0 5px 5px;
}
/*col2*/
/*top*/
.col2-01_inner .box_2dan{
  padding: 0 10px;
}
.col2-01_inner .box_2dan .boxG{
  width: 100%;
}
.contents_inner{
  padding: 0 10px;
}
.col2-01,
.col2-02,
.col2-03,
.col2-04,
.col2-05,
.lyt-col2{
  width: 100%;
}
.col2-01_inner,
.col2-02_inner,
.col2-03_inner,
.col2-04_inner,
.col2-05_inner,
.lyt-col2_inner,
.col2-04_inner:last-child{
  width: 100%;
  float: none;
}
.col2-05_inner:first-child,
.lyt-col2_inner:first-child{
  margin-right: 0;
}
.col2-01_inner > .boxG{
  margin: 10px;
  padding: 10px;
}
.col2-01_inner > .boxG > p{
  text-align: left;
}
.img_flort_R.flort_R_sp,
.img_flort_L.flort_R_sp{
  margin-left: 0;
  float:none;
}
.info_yuki01.yuki01_sp .info_yuki01_box{
  float: none;
  width: auto;
  margin: 0 10px
}
.info_yuki01.yuki01_sp > img{
  display: none;
}
.box_cvs{
  width: auto;
}
.box_cvs ul{
  float: none;
}
.box_cvs .cvs_inner{
  float:left;
}
.cont_midashi_01 strong{
  display: block;
  padding: 8px
}
/*table*/
.table-01,
.table-02,
.table-03,
.table-04{
  width: 100%;
}
/*btn*/
.btn_2n_boxB .btn_nomal_CS2g{
  margin: 0 0 15px;
  float: none !important;
}
/*flow*/
.flowArea{
  width: auto;
  margin: 0 10px;
}
.flowLead{
  padding-top: 15px;
}
.flowText .btn_nomal_CS2g a{
  margin-left: 0;
}
.flowCol2{
  margin-top: 0;
  width: 100%;
}
.flowCol2_inner{
  width: auto;
  margin: 0;
  float: none;
}
.flowCase{
  text-align: left;
  padding: 10px;
  margin-bottom: 0;
  background: #F8F8F8;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
}
.flowBody:before{
  display:none;
}
.flowBody:after{
  content: url(/support/mbr/shiharai/common/img/share/step_ya.gif);
  display: block;
  text-align: center;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -40px;
}
.flowCol2 .flowBody{
  height: auto;
}
.flowCol2 .flowBody:first-child:before,
.flowCol2_inner .flowBody:last-child:after{
  display: none;
}
.flow_bullet::after{
  border-color: #5F5F5F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 22px;
    content: "";
    left: 40%;
    position: absolute;
  }
.flow_bullet_a::after{
  border-color: #5F5F5F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 15px 22px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
/*flow jsToggle*/
.jsToggle .flowCase{
  width: auto;
  display: block;
  text-align: left;
  padding: 10px 50px 10px 10px;
  background: #F8F8F8;
  border:solid #ccc;
  border-width: 1px 1px 0 1px;
}
.js-on .flowCase{
  display: block;
  margin-bottom: 10px;
  border-width: 1px 1px 1px 1px;
  position: relative;
  cursor: pointer;
}
.js-on .flowCase.active{
  margin-bottom: 0;
  border-width: 1px 1px 0 1px;
}
.js-on .flowCase_inner{
  display: none;
}
.js-on .flowCase.active + .flowCase_inner{
  display: block;
}
.js-on .status{
  display: inline;
  left: -9999px;
  position: absolute;
  top: -9999px;
}
.js-on .flowCase:before{
  display: block;
  content: '';
  height: 20px;
  width: 3px;
  background-color: #555;
  position: absolute;
  bottom: 11px;
  right:24px;
}
.js-on .flowCase:after{
  display: block;
  content: '';
  height: 3px;
  width: 20px;
  background-color: #555;
  position: absolute;
  right: 15px;
  bottom: 20px;
}
.js-on .flowCase:before,
.js-on .flowCase:after{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.js-on .flowCase.active:before,
.js-on .flowCase.active:after{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*koufuri table*/
#mn_koufuri table .tableCol3{
  width: auto;
}
#mn_koufuri table .borderbottomDot {
  border-bottom: dotted 1px #ccc;
}
#mn_koufuri table .tableCol3 a{
  display: block;
  width: auto;
  float: none;
}
#mn_koufuri table .tableCol3 .width-col2 {
  width: auto;
}
/*card table*/
#mn_card table tr{
  border:1px solid #ccc;
}
#mn_card table td:first-child{
  width: 100%;
  border-bottom:1px solid #ccc;
}
#mn_card table.table-02 td, #mn_card table th{
  border:1px #CCC solid;
}
#mn_card table th{
  width: 50%;
  border-right:1px solid #ccc;
}
#mn_card table td{
  margin-top:5px;
}
/*shiharai_print*/
.print_l{float:none; width:auto;}
.print_r{float:none; width:auto; text-align:center;}
.print_r img{margin:0 auto;}
/*18.10.26 サイドバー修正分*/
ul.loginArea_sp {
  padding: 10px 5px;
}
ul.menu_list_cont li.loginList_sp {
  display: block;
  background-image: linear-gradient(to bottom, #ffe256, #ffc600);
  border-radius: 2px;
  border: solid 1px #fccd0a;
  border-bottom: none;
}
ul.menu_list_cont li.loginList_sp:not(:last-child) {
  margin-bottom: 5px;
}
ul.menu_list_cont li.loginList_sp a:hover{
  background: url(../img/share/icon_nomal_link.png) no-repeat 10px center, linear-gradient(to bottom, #f2c85c, #f0af0a);
  text-decoration: none;
}
ul.menu_list_cont li .navi_border{
  border-top: #999 1px solid;
}
/*2018.12.11追加*/
ul.menu_list_cont li.menu_text_sp a {
    height: 30px;
    line-height: 30px;
    font-size: 0.8em;
    border-bottom: none;
}
ul.menu_list_cont:last-child {
    border-bottom: #999 1px solid;
    padding-bottom: 10px;
}