@charset "utf-8";
/* (c) So-net Corporation */

article, aside, footer, header, main, nav, section {display: block;}

body, p,ol, ul, li, dl, dt, dd, h1, h2, h3, h4 ,h5 {margin: 0; padding: 0; font-weight: normal;}

body{
    overflow-x  : hidden !important;
    width     : 100%;
    line-height : 1.7em;
    font-size   : 0.88em;
    font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','MS PGothic','ＭＳ Ｐゴシック',sans-serif;
    color     : #252525;
}

strong {font-weight: bold;}

ul    {list-style: none;}
ol    {list-style:decimal; list-style-position: inside;}
li    {line-height:1.7em;}
ol li {text-indent:-1.3em; margin-left:1.3em;}


img {-ms-interpolation-mode: bicubic; border:none;line-height:1em;vertical-align:middle;}

a      {text-decoration:none; color: #314da5;}
a:hover  {text-decoration:underline; color: #314da5;}
a:active {text-decoration:underline; color: #DD4B39;}
a:visited{color: #660099;}

h1{font-size:1.50em;}
h2{font-size:1.56em; border-top:#CCC 4px solid; border-bottom:#CCC 1px solid; padding:10px 0 10px 10px; margin-bottom:20px;}
h3{font-size:1.42em; border-left:#888 5px solid; padding:5px 0 3px 5px; margin:20px 0 10px 0;}
h4{font-size:1.28em; font-weight:bold; margin:20px 10px 20px 0;}

p{margin:5px 0 10px;}

pre{
  font-family: inherit;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
}

.x-Em{font-size:1.4em;}
.x-lg{font-size:1.1em;}
.x-sml{font-size:0.89em;}

/* 注意色 */
.txt_alert    {color:#cc0000;}
.txt_alert2   {color:#cc0000; font-weight:normal; font-size:0.88em;}
.txt_alert3   {color:#25A530; font-weight:bold; font-size: 1.28em; }
.txt_alert4   {color:#25A530; font-weight:bold; }

/* 左右寄せ */
.d-l{float:left;}
.d-r{float:right;}

/* 枠線 */
.border{border: 1px solid #ccc;}

/* ぱんくず */
.gHd2014_box-breadcrumbs {
  overflow  : hidden;
  width   : 950px;
  margin  : 0 auto;
}
.gHd2014_box-breadcrumbs .bread-crumb-list {
  padding : 0;
  width   : 950px;
  float   : left;
}
.gHd2014_box-breadcrumbs .bread-crumb-list li {
  display : inline;
  font-size : 0.857em !important;
  list-style-type: none;
}

/* javascriptオフ時の表示 */
.state-javascript {
    background: #f2f2f2 none repeat scroll 0 0;
    display: block;
    text-align: center;
}
.state-javascript .js-off-r{
    color: #cc0000;
}

/* ============== 全体共通 ============== */
#wrapper{
  width: 950px;
  margin: 0 auto;
  clear:both;
  overflow:hidden;
}

#top_content{width:950px; margin-top:20px;}

#content  {width:696px; float:right; margin-top:20px;}

#side_menu  {width:224px; float:left; margin-top:20px;}


.txc{text-align:center;}
.txr{text-align:right !important;}
.txl{text-align:left;}
.txt_line{text-decoration:underline;}
h4.txt_h4a{font-size:1.13em; font-weight:bold; margin:0 10px 5px 0; text-indent:-1em; margin-left:1em;}

/* 注釈 */
ul.txt_sml  {font-size:0.89em;}
ul.txt_sml li{text-indent:-2em; margin-left:2em;}
ul.txt_sml2 {font-size:0.86em;}
ul.txt_sml2 li{text-indent:-1em; margin-left:1em; line-height:1.88em;}
p.txt_sml3  {font-size:0.88em; line-height:1.7em;}
.txt_sml_nomal{font-size:0.88em;}

/* ボックス */
.boxA{padding:15px 0 30px 350px;}
.boxB{background-color:#EEE; padding:15px; margin-bottom:10px;}
.boxC{padding:20px;}
.boxD{padding:10px; border:#CCC 1px solid; overflow:hidden;}
.boxE{background-color:#EEE; padding:15px; margin-bottom:10px; overflow:hidden;}
.boxF{padding:30px; border:#CCC 1px solid;}
.boxG{padding:20px; border:#CCC 1px solid;}
.boxH{padding:30px; border:#CCC 1px solid; width:80%;}
.boxI{padding:10px; border:#CCC 1px solid; overflow:hidden; width:75%;}
.boxJ{background-color:#DEF; padding:8px; margin-bottom:10px;}
.boxK{padding:20px; border:#CCC 1px solid;}
img.boxA,img.boxB,img.boxC,img.boxD,img.boxE,img.boxF,img.boxG,img.boxH,img.boxI,img.boxJ,img.boxK {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 950px){ .boxK{margin:0 10px;} }
/* ボックス+サイドにゆきちゃん画像 ボックス内リスト2段組みの場合 */
.boxD ul.ulboxD_2{width:50%; display:table-cell;}
/* img等センター揃え */
.box_line_c{text-align:center; margin-bottom:20px;}

/* 注意囲み */
.box_alert{border:#cc0000 1px solid; padding:15px; margin-bottom:15px; display:block;}

/* 注意囲みタイトル*/
.box-title{font-weight:bold;}

/* ボックス内にアラートアイコン付与 */
.type-alert{
background:url(../img/share/alert_icon.png) no-repeat left top; padding:5px 0 5px 40px; display:block;}

/* ボックス内にアラートアイコン付与 */
.type-info{
background:url(../img/share/info_icon.png) no-repeat left top; padding:5px 0 5px 40px; display:block;}


.box_2dan{clear:both; overflow:hidden; margin-bottom:20px;}
.box_2dan .box_2dan_cont{width:50%; float:left;}
.box_2dan .box_2dan_cont2{width:80%; float:left;}
.box_2dan .box_2dan_cont3{width:75%; float:left;}

/* 段落ごと */
.indentA{margin:0 0 30px 10px; overflow:hidden;}
.indentA_clear{margin:0 0 40px 10px; clear:both;}
.indentB{margin:0 0 30px 30px; overflow:hidden;}
.indentC{margin:0 0 20px 10px; overflow:hidden;}

/* スペース調整 */
.ma_l10{margin-left:10px;}
.ma_l15{margin-left:15px;}
.ma_l20{margin-left:20px;}
.ma_l30{margin-left:30px;}
.ma_l40{margin-left:40px;}
.ma_l50{margin-left:50px;}
.ma_r10{margin-right:10px;}
.ma_r15{margin-right:15px;}
.ma_r20{margin-right:20px;}
.ma_t0{margin-top:0;}
.ma_t10{margin-top:10px;}
.ma_t15{margin-top:15px;}
.ma_t20{margin-top:20px;}
.ma_t25{margin-top:25px;}
.ma_t30{margin-top:30px;}
.ma_t35{margin-top:35px;}
.ma_t40{margin-top:40px;}
.ma_t50{margin-top:50px;}
.ma_t63{margin-top:63px;}
.ma_t87{margin-top:87px;}
.ma_b0{margin-bottom:0;}
.ma_b10{margin-bottom:10px;}
.ma_b15{margin-bottom:15px;}
.ma_b20{margin-bottom:20px;}
.ma_b25{margin-bottom:25px;}
.ma_b30{margin-bottom:30px;}
.ma_b35{margin-bottom:35px;}
.ma_b40{margin-bottom:40px;}
.ma_b60{margin-bottom:60px;}
.pa_t20{padding-top:20px;}
.pa_b10{padding-bottom:10px;}
.pa_b20{padding-bottom:20px;}

/* スペース調整 */

/* コンテンツアイコンつきタイトル */
.cont_midashi_A{
  font-size   :1.38em;
  background-color:#F5F5F5;
  border-color  :#BBB #BBB #BBB #238c00;
  border-width  :1px 1px 1px 10px;
  border-style  :solid;
}
.cont_midashi_A span.icon_midashi_card{
  background    :url(../img/share/icon_card.png) no-repeat left center;
  padding-left  :60px;
  margin-left   :10px;
  font-weight   :bold;
}
.cont_midashi_A span.icon_midashi_koufuri{
  background    :url(../img/share/icon_koufuri.png) no-repeat left center;
  padding     :5px 0 5px 60px;
  margin-left   :10px;
  font-weight   :bold;
}
.cont_midashi_A span.icon_midashi_ntt{
  background    :url(../img/share/icon_ntt.png) no-repeat left center;
  padding     :5px 0 5px 60px;
  margin-left   :10px;
  font-weight   :bold;
}
.cont_midashi_A span.icon_midashi_kddi{
  background    :url(../img/share/icon_kddi.png) no-repeat left center;
  padding     :5px 0 5px 60px;
  margin-left   :10px;
  font-weight   :bold;
}
.cont_midashi_A span.icon_midashi_cvs{
  background    :url(../img/share/icon_cvs.png) no-repeat left center;
  padding     :5px 0 5px 60px;
  margin-left   :10px;
  font-weight   :bold;
}


/* 修正版 */
.cont_midashi_01{
  font-size   :1.38em;
  border-color  :#BBB #BBB #BBB #238c00;
  border-width  :1px 1px 1px 10px;
  border-style  :solid;
  padding: 10px 0 10px 10px;
  font-weight   :bold;
  background-color:#F5F5F5;
  margin-bottom:20px;
}

.cont_midashi_01.multiLine {
  padding: 5px 0 5px 10px;
}

.cont_midashi_01 em.note{
  margin-left: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 0.72em;
}

.cont_midashi_01 span{padding:5px 0 5px 55px; background:url(../img/share/icon_menu.png) no-repeat 10px center;}
.cont_midashi_01.multiLine span {display: inline-block;}
.cont_midashi_01.multiLine span.icon_midashi_ntt02 {background-position: 1px -572px;}

.cont_midashi_01 span.icon_midashi_card{background-position:1px 7px;}
.cont_midashi_01 span.icon_midashi_koufuri{background-position:1px -104px;}
.cont_midashi_01 span.icon_midashi_ntt{background-position:1px -223px;}
.cont_midashi_01 span.icon_midashi_kddi{background-position:1px -341px;}
.cont_midashi_01 span.icon_midashi_cvs{background-position:1px -460px;}
.cont_midashi_01 span.icon_midashi_ntt02{background-position:1px -578px;}

.cont_midashi_01 span.icon_midashi_ntt2{
  display:block;
  background-position:1px -219px;
  padding-top:0;
  padding-bottom:0;
}

.cont_midashi_01 span.icon_midashi_ntt02_2{
  display:block;
  background-position:1px -578px;
  padding-top:0;
  padding-bottom:0;
}

/* 番号(数字)　Web手続きの画面サンプル */
div.number{
  font-size:1.25em;
  text-indent: -45px;
  border-bottom:#888 1px dashed;
  margin:20px 0 10px 0;
  padding-left: 45px;
  padding-bottom:2px;
  }
div.number span{
  color     :#fff;
  background-color:#555;
  display     :inline-block;
  height      :26px;
  width     :10px;
  text-align    :right;
  padding-top   :4px;
  padding-left    :10px;
  padding-right   :10px;
  border-radius :3px;
  margin-right    :10px;
}

.number_link{
  color     :#fff;
  background-color:#555;
  display     :inline-block;
  height      :26px;
  width     :10px;
  text-align    :right;
  padding-top   :4px;
  padding-left    :10px;
  padding-right   :10px;
  border-radius :3px;
  margin          :0 3px;
}

.number_link:hover, .number_link:active, .number_link:focus{
  color     :#fff;
  text-decoration:none;
  background-color:#888;
}

/* ページ内リンク */
.pageLinkBox{margin-bottom:30px;}
ul.pageLink     {margin-bottom:0;}
ul.pageLink li    {display:inline-block;}
ul.pageLink li span {padding-right:10px; margin-right:10px; border-right:1px solid #252525;}

/* イメージ画像の回り込み設定 */
img.img_flort_R{float:right; margin-left:15px;}
img.img_flort_L{float:left;}

/* ページトップへ */
.move-pageTop {margin-bottom:30px; text-align: right; width: 100%;}
.move-pageTop a {background:url(../img/share/icon_linktop.png) no-repeat left center; padding-left:22px;}

/* ゆきちゃんふきだし */
.info_yuki01{overflow:hidden; clear:both; margin-bottom:30px;}
.info_yuki01 .info_yuki01_box{
  float:right;
  border:#FFC926 3px solid;
  border-radius:5px;
  padding:15px;
  width:80%;
}

/* リスト */
ul.txt_indent1em li{text-indent:-1em; margin-left:1em;}
ul.txt_indent1-4em li{text-indent:-1.4em; margin-left:1.4em;}
ul.txt_indent1-4emB10 li{text-indent:-1.4em; margin-left:1.4em; margin-bottom:10px;}
ul.txt_indent2em li{text-indent:-2em; margin-left:2em;}
ul.txt_indent3em li{text-indent:-3em; margin-left:3em;}
ul.txt_indent1em.multiple li{display: inline-block; margin-right: 10px;}
@media screen and (max-width: 949px){ul.txt_indent1em.multiple li{display: block; margin-right: 0;}}

dl.dllist01   {margin-bottom:10px;}
dl.dllist01 dt  {width:5.5em; float:left; clear:both;}
dl.dllist01 dd  {margin:0 0 0 5.5em;}

/* コンビニエンスストア表記 */
.box_cvs  {clear:both; overflow:hidden; padding:10px; border:#CCC 1px solid;}
.box_cvs ul {width:50%; float:left; display:inline; font-size:0.85em;}


/* ============== table ============== */
.table-01 {
    width     :70%;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}
.table-01,.table-01 th,.table-01 td{border:1px #CCC solid; text-align:left;}

.table-01 th {
    padding   :8px;
    background  :#F5F5F5;
    font-weight :bold;
    line-height :120%;
}
.table-01 td {
    padding   :5px;
    border-width:0 0 1px 1px;
}

.table-02,.table-02a {
    width     :100%;
    border      :1px #CCC solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}

.table-02 th,.table-02a th {
    padding     :8px;
    border      :1px #CCC solid;
    background    :#F5F5F5;
    font-weight   :bold;
    line-height   :120%;
  text-align    :center;
}
.table-02 td,.table-02a td {
    padding   :5px;
    border    :1px #CCC solid;
    border-width:0 0 1px 1px;
}
.table-02 td  {text-align:center;}
.table-02a td   {text-align:left;}
.table-02 td.noborder2,.table-02a td.noborder2 {border:none!important;}

.table-03 {
    width     :90%;
    border      :1px #CCC solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}

.table-03 th {
    padding   :8px;
    border    :1px #CCC solid;
    background  :#F5F5F5;
    font-weight :bold;
    line-height :120%;
  text-align  :center;
}
.table-03 td {
    padding   :8px;
    border    :1px #CCC solid;
    border-width:0 0 1px 1px;
  text-align  :center;
}

.table-04 {
    width     :100%;
    border      :1px #CCC solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}

.table-04 th {
    padding   :8px;
    border    :1px #CCC solid;
    background  :#F5F5F5;
    font-weight :bold;
    line-height :120%;
  text-align  :center;
}
.table-04 td {
    padding   :8px;
    border    :1px #CCC solid;
    border-width:0 0 1px 1px;
}

.table-05 {
    width     :100%;
    border      :1px #CCC solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}

.table-05 th {
    padding   :8px;
    border    :1px #CCC solid;
    background  :#F5F5F5;
    font-weight :bold;
    line-height :120%;
  text-align  :center;
}
.table-05 td {
    padding   :8px 15px;
    border    :1px #CCC solid;
    border-width:0 0 1px 1px;
  text-align  :center;
}
.table-05 td:nth-child(1){
  text-align:left;
}

.table-05a {
    width     :100%;
    border      :1px #CCC solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin-bottom :10px;
}

.table-05a th {
    padding   :8px;
    border    :1px #CCC solid;
    background  :#F5F5F5;
    font-weight :bold;
    line-height :120%;
  text-align  :center;
}
.table-05a td {
    padding   :8px 15px;
    border    :1px #CCC solid;
    border-width:0 0 1px 1px;
  text-align  :center;
}
.table-05a td:nth-child(1),.table-05a td:nth-child(2){
  text-align:left;
}

/* ボーダーなし */
.table-non    {border:none;}
.table-non td{vertical-align:top;}
/* ページ専用table */
.table-collabo{
  width:100%;
  border      :1px #BBBBBB solid;
    border-collapse :collapse;
    border-spacing  :0;
  margin:20px 0 0 0;
}
.table-collabo th{text-align:center; color:#FFF; padding:5px; border:1px #BBBBBB solid;}
th.color_bg_blue{background:#187D97;}
th.color_bg_green{background: #2EAAE7;}
.table-collabo td{
  padding:5px 10px 0 10px;
  border:1px #BBBBBB solid;
}
.table-collabo td p.collabolink{
  font-weight:bold;
  text-indent:-1em;
  margin-left:1em;
}

/* ============== リンク ============== */
/* 別窓アイコン */
a.icon_link_blank{
  background   :url(../img/share/icon_linkblank.png) no-repeat right center;
  padding-right:18px;
  margin-right :5px;
}
/* 別窓アイコン */
span.icon_link_blank{
  background   :url(../img/share/icon_linkblank.png) no-repeat right center;
  padding-right:18px;
  margin-right :5px;
}
/* 別窓表示アイコンと三角矢印アイコンの表示させる場合 */
a.icon_link_blank span{
  background  :url(../img/share/icon_nomal_link.png) no-repeat left center;
  padding-left:13px;
}
/* 三角アイコンを表示のみ */
a.icon_link_next{
  background  :url(../img/share/icon_nomal_link.png) no-repeat left center;
  padding-left:13px;
}

/* ================== 通常リンクボタン(グレー) ================== */

.btn_nomal_TOP a,
.btn_nomal_C a,
.btn_nomal_CL a,
.btn_nomal_CS a,
.btn_nomal_L2 a,
.btn_nomal_L2s a,
.btn_nomal_CLL a,
.btn_nomal_CS4g a,
.btn_nomal_CS2g a,
.btn_nomal_CSsmall a{
  min-width:70px;
  max-height:150px;
  height:42px;
  margin:10px auto 10px auto;
  padding:0 24px;
  border-radius:2px;
  border:solid 1px #d9d9d9;
  background:#fbfbfb;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ebebeb));
  background-image:-webkit-linear-gradient(top, #fbfbfb, #ebebeb);
  background-image:-moz-linear-gradient(top, #fbfbfb, #ebebeb);
  background-image:-o-linear-gradient(top, #fbfbfb, #ebebeb);
  background-image:linear-gradient(to bottom, #fbfbfb, #ebebeb);
  *zoom:1;
  filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFBFB', endColorstr='#FFEBEBEB');
  color:#252525;
  cursor: pointer;
  line-height:44px;
  text-align:center;
  display:block;
}
.btn_nomal_TOP a:hover,
.btn_nomal_C a:hover,
.btn_nomal_CL a:hover,
.btn_nomal_CS a:hover,
.btn_nomal_L2 a:hover,
.btn_nomal_L2s a:hover,
.btn_nomal_CLL a:hover,
.btn_nomal_CS4g a:hover,
.btn_nomal_CS2g a:hover,
.btn_nomal_CSsmall a:hover{
    color:#252525;
    text-decoration:none;
  border:solid 1px #d9d9d9;
  background:#f5f5f5;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5));
  background-image:-webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
  background-image:-moz-linear-gradient(top, #f5f5f5, #e5e5e5);
  background-image:-o-linear-gradient(top, #f5f5f5, #e5e5e5);
  background-image:linear-gradient(to bottom, #f5f5f5, #e5e5e5);
  *zoom:1;
  filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffe5e5e5');
}


/* TOPページ用ボタン　お支払方法の登録変更確認 */
.btn_nomal_TOP a{
  width : 268px ;
  margin  : 10px 10px 10px 190px;
}
/* クレジットカードのお手続き方法 */
.btn_nomal_C a{
  width: 268px ;
  margin: 10px auto 10px auto;
}
/* So-net自動口座振替サービスのお申し込み */
.btn_nomal_CL a{
  width: 300px ;
  margin: 10px auto 10px auto;
}
/* Webからのお申込み */
.btn_nomal_CS a{
  width : 200px ;
  margin: 10px auto 10px auto;
}
/* 「So-net 光」各コースへのコース変更について */
.btn_nomal_CLL a{
  width: 400px ;
  margin: 10px auto 10px auto;
}

/* ----2行の場合---- */
.btn_nomal_L2s a,
.btn_nomal_L2 a{
  width: 220px ;
  height: 38px ;
  line-height: 18px ;
  padding: 4px 24px 0 24px ;
  text-align: center ;
  border-radius: 2px ;
}

/* NTT請求/KDDI請求 お申し込み方法(新規入会／コース変更)、(支払方法登録・変更) */
.btn_nomal_L2s a{margin: 10px auto 10px auto;}
/* 口座振替申込書　お申込み　個人会員、法人会員(2行+横並び) */
.btn_nomal_L2 a{margin: 0 auto 10px auto;}
div.btn_2n_box{
  margin:0 0 30px 0;
  overflow:hidden;
  clear:both;
}
div.btn_2n_box .btn_nomal_L2{float:left; display:inline-block; width:50%;}

/* お支払い方法のご登録・ご変更 */
.btn_nomal_CS4g a{
  width: 250px ;
  height: 42px ;
  margin: 0 auto 0 auto;
}

/* 幅狭 */
.btn_nomal_CSsmall{text-align:center;}
.btn_nomal_CSsmall a{
  width: 80px ;
  height: 30px ;
  line-height:30px;
  margin:30px auto;
}

/* 横並びになる場合 */
/* 新規入会、コース変更 */
.btn_nomal_CS2g a{
  width : 180px;
  height: 42px;
  margin: 0 0 0 24px;
}
div.btn_2n_boxB{
  margin:0;
  padding:20px 10px;
  overflow:hidden;
  clear:both;
}
div.btn_2n_boxB .btn_nomal_CS2g{float:left; display:inline-block; width:50%;}

/* 優先リンクボタン(黄色) */
.btn_yusen a{
  height:42px;
  max-width:268px;
  min-width:70px;
  max-height:150px;
  margin: 10px auto 10px auto;
  border-radius: 2px;
  border:solid 1px #fccd0a;
  text-decoration: none;
  cursor: pointer;
  background:#fdd513;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe256), color-stop(100%, #ffc600));
  background-image:-webkit-linear-gradient(top, #ffe256, #ffc600);
  background-image:-moz-linear-gradient(top, #ffe256, #ffc600);
  background-image:-o-linear-gradient(top, #ffe256, #ffc600);
  background-image:linear-gradient(to bottom, #ffe256, #ffc600);
  *zoom:1;
  filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffe256', endColorstr='#ffffc600');
  color:#252525;
  line-height:44px;
  text-align:center;
  display:block;
}

.btn_yusen a:hover {
  color:#252525;
    text-decoration:none;
  border:solid 1px #f2c85c;
  background:#f2c85c;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2c85c), color-stop(100%, #f0af0a));
  background-image:-webkit-linear-gradient(top, #f2c85c, #f0af0a);
  background-image:-moz-linear-gradient(top, #f2c85c, #f0af0a);
  background-image:-o-linear-gradient(top, #f2c85c, #f0af0a);
  background-image:linear-gradient(to bottom, #f2c85c, #f0af0a);
  *zoom:1;
  filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF2C85C', endColorstr='#fff0af0a');
}

.btn_yusen.type-line2 a {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.5em;
}

/* ボタン内に別窓アイコンを表示させる */
.btn_nomal_CL a > span, .btn_nomal_C a span,.btn_nomal_CS a span,.btn_nomal_CS2 a span,.btn_nomal_CS2g a span,.btn_nomal_CS4g a span,.btn_yusen a > span,.btn_nomal_TOP a span{
  background:url("../img/share/icon_linkblank.png") no-repeat right center;
  padding-right:20px;
}
.btn_nomal_L2 a span{background:url("../img/share/icon_linkblank.png") no-repeat right center; padding-right:20px;}
/* ============== TOP ============== */

.panelTop{margin:15px 0; overflow:hidden;}

.panelTopMenu{clear:both; margin-bottom:20px;}


ul.panelTopMenu_1{display:table; text-align:center; vertical-align:middle; width:100%;}
.panelTopMenu_1 li{
  height:118px;
  width:174px;
  float:left;
  padding-right:20px;
}
ul.panelTopMenu_2{display:table; text-align:center; vertical-align:middle; width:100%;}
.panelTopMenu_2 li{
  height:83px;
  float:left;
  padding-right:20px;

}

.panelTopMenu_1 li:last-child,.panelTopMenu_2 li:last-child{padding-right:0;}
.panelTopMenu_1 li a,.panelTopMenu_2 li a{
  display:block;
  height:100%;
  position:relative;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index:1;
  border:#aaa 1px solid;
  background:url(../img/share/TOP_new.png) no-repeat left top;
  background-color: #f5f5f5;
}

.panelTopMenu_1li.top_menu_cvs a{background-position:-1px 0;}
.panelTopMenu_1 li.top_menu_card a{background-position:-1px -150px;}
.panelTopMenu_1 li.top_menu_koufuri a{background-position:-1px -300px;}
.panelTopMenu_1 li.top_menu_matome a{background-position:-1px -450px;}
.panelTopMenu_1 li.top_menu_tabal a{background-position:-1px -600px;}
.panelTopMenu_2 li.top_menu_kddi a{background-position:-1px -750px; width:172px;}
.panelTopMenu_2 li.top_menu_pcdepo a{background-position:-1px -865px; width:172px;}
.panelTopMenu_2 li.top_menu_usen a{background-position:-1px -980px; width:172px;}
.panelTopMenu_2 li.top_menu_cvs a{background-position:-1px -1095px; width:366px;}

.panelTopMenu_1 li a:hover,.panelTopMenu_2 li a:hover{
  border:#009f45 1px solid;
  background-color:#dff4ca;
}

/* Top見出し */
h2.Toph2{
  background-color:#333;
  font-size:1.7em;
  font-weight:bold;
  color:#fff;
  border:none;
  padding:12px 0 8px 30px;
}
.Toph2-2 {
  font-size: 1.7em;
  font-weight: bold;
  padding: 12px 0 9px 5px;
  border-top: #666 solid 4px;
  border-bottom: #666 solid 1px;
}
.Toph2-2 > img {
  margin-right: 10px;
}

/* ============== サイドメニュー ============== */
div.menu_list{
  background-color:#999;
  padding:11px;
  margin-bottom:20px;
}
div.menu_list .sideMenuTitle{
  color:#FFF;
  font-weight:bold;
  font-size:1.5em;
  margin-bottom:0;
}
div.menu_list p.sideMenuTitle_Link a{
  color:#FFF;
  font-weight:bold;
  background:url(../img/share/icon_nomal_link_w.png) no-repeat left 0.3em;
  padding-left:15px;
}
ul.menu_list_cont{
  font-size:105%;
  background-color:#fff;
  margin:0;
  padding:0;
}
ul.menu_list_cont li{
  font-weight:bold;
  display:inline;
}

ul.menu_list_cont li a{
  display:block;
  border-bottom:#999 1px solid;
  padding:10px 0 10px 25px;
  color:#252525;
  background:url(../img/share/icon_nomal_link.png) no-repeat 10px center;
}

ul.menu_list_cont li a:hover{
  background-color:#EBFFD7;
}

ul.menu_list_cont li.menuList_on a{background-color:#EBFFD7; color:#009f45;}

ul.menu_list_cont li a span.menuListBlank{
  background:url("../img/share/icon_linkblank.png") no-repeat right center;
  padding-right:20px;
}

/* 現在のページをハイライトさせる */
ul.menu_list_cont li a.current, ul.menu_list_cont li.menu_list2 a.current
{background-color:#EBFFD7; color:#252525;}


.Aside_btn_nomal{font-size:83%;}
.Aside_btn_nomal{
  text-align:center;
  border:#999 1px solid;
  margin-bottom:20px;
}
.Aside_btn_nomal a{
  background-color:#fff;
  display:block;
  padding:10px;
}
.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;
}


/*コンビニ2行表示の位置調整*/
ul.menu_list_cont li.menu_list2{
  line-height:1.3em;
}
ul.menu_list_cont li.menu_list2 a{
  display:block;
  border-bottom:#999 1px solid;
  padding:10px 0 10px 25px;
  color:#252525;
  background:url(../img/share/icon_nomal_link.png) no-repeat 10px 1em;
}
ul.menu_list_cont li.menu_list2 a:hover{background-color:#EBFFD7;}
ul.menu_list_cont li.menu_list2.menuList_on a{background-color:#EBFFD7; color:#238c00;}

/* メニュ下に三角アイコンを表示するリンクパターン */
#side_menu p.Aside_link{font-size:85%; text-indent:-1em; margin-left:1em; line-height:1.6em;}
#side_menu p.Aside_link a{
  background  :url(../img/share/icon_nomal_link.png) no-repeat left center;
  padding-left:8px;
}

/* ============== 規約ページ ============== */
.kiyaku_midashi_1{margin:15px 0 0 0; font-weight:bold;}
.kiyaku_midashi_2{margin:0px;}
.kiyaku_cont{margin-bottom:20px;}
.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;}

/* ============== KDDI　Step ============== */
dl.step_A{
  border:#CCC 1px solid;
  padding:10px;
  margin-bottom:10px;
  background-color:#f8f8f8;
  overflow:hidden;
  clear:both;
}
dl.step_A dt{float:left;}
dl.step_A dd{width:85%; float:right;}

/* step2段の場合 */
.step_2box{
  overflow:hidden;
  clear:both;
}
.step_2box .step_2boxL{
  float:left;
  width:48%;
}
.step_2box .step_2boxR{
  float:right;
  width:48%;
}
.step_2box .step_2boxL dd,.step_2box .step_2boxR dd{width:75%;}

dl.step_B{
  border-right:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  border-left:#CCC 1px solid;
  padding:10px;
  margin:0;
  background-color:#f8f8f8;
  overflow:hidden;
  clear:both;
}
dl.step_B dt{float:left;}
dl.step_B dd{width:85%; float:right;}

dl.step_C{
  border-right:#CCC 1px solid;
  border-top:#CCC 1px solid;
  border-left:#CCC 1px solid;
  padding:10px;
  margin:0;
  background-color:#f8f8f8;
  overflow:hidden;
  clear:both;
}
dl.step_C dt{float:left;}
dl.step_C dd{width:85%; float:right;}


/* 枠内の色つきみだし */
dd.ddmidashi_01{display:block; background-color:#F90; color:#FFF; font-weight:bold; text-align:center;}
dd.ddmidashi_02{display:block; background-color:#27863A; color:#FFF; font-weight:bold; text-align:center;}
dd.ddmidashi_03{display:block; background-color:#006DD9; color:#FFF; font-weight:bold; text-align:center;}
dd.ddmidashi_04{display:block; background-color:#29873C; color:#FFF; font-weight:bold; text-align:center;}

/* step枠内のボタン */
div.btn_2n_box_w{
  clear:both;
  margin:0;
}
/* 見出しの前にミニアイコンを入れる場合 */
.boxE dl.dticon,.boxE dl.dticon2{overflow:hidden;}
.boxE dl.dticon2{margin-bottom:20px;}
.boxE dl.dticon dt,.boxE dl.dticon2 dt{float:left; margin-right:10px;}
.boxE dl.dticon dd,.boxE dl.dticon2 dd{float:left; display:block;}

/* new見出しの前にミニアイコンを入れる場合 */
.icon_yajirushi{display:table; max-width: 100%; margin-bottom:15px;}
.icon_yajirushi_img{text-align:center; display:table-cell; vertical-align:top; width:40px;}
.icon_yajirushi_box{display:table-cell; vertical-align:middle; width:auto;}
.icon_yajirushi_box p{margin-top:0; margin-bottom:0;}

/* ============== So-net 光 ============== */
/* ご利用いただけるお支払方法 */
.docomo_midashiA{
  color:#FFF;
  background-color:#3DA5C1;
  font-size:1.25em;
  text-align:center;
  padding:3px 0 0 0;
  margin:0px;
}

.docomo_shiharai_col{padding:10px; display:table; max-width: 100%; text-align:left; }
.docomo_shiharai_box{display:table-cell; width:380px; vertical-align:center;}
.docomo_shiharai_box_img{text-align:left; display:table-cell; vertical-align:middle; width:100px;}
.docomo_shiharai_box_txt{display:table-cell; vertical-align:middle; width:280px;}
.docomo_shiharai_box2{display:table-cell; width:280px; vertical-align:center;}
.docomo_shiharai_box2_img{text-align:left; display:table-cell; vertical-align:middle; width:100px;}
.docomo_shiharai_box2_txt{display:table-cell; vertical-align:middle; width:180px;}
.docomo_shiharai_col p{margin:0;}



.collaboCon{display:table; max-width: 100%; margin-bottom:15px;}
.collaboCon_img{text-align:center; display:inline-block; vertical-align:middle; width:220px;}
.collaboCon_box{display:table-cell; vertical-align:middle; background-color: #eee; padding:20px; width:450px;}

/* ============== モーダルウィンドウ ============== */
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    margin:0;
    background:#fff;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}

.modal-open {
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
}

.modal-close:hover {
    cursor:pointer;
}

.modal-closebtn{
  /*float:right;
  margin:0;
  overflow:hidden;
  display:block;
  clear:both;*/
  cursor: pointer;
    position: absolute;
    right: 0px;
    top: -39px;
    z-index: 8040;
  border:1px #fff solid;
}
.modal-closebtn:hover{cursor:pointer;}
.btn_nomal_CSsmall{margin-bottom:20px;}

/* 画面サンプル */
.sampleImg_l{float:left; width:42%;}
.sampleImg_r{float:right; width:58%;}
.sampleImg_r img{margin-left:20px;}

.print_l{float:left; width:42%;}
.print_r{float:right; width:58%;}
.print_r img{margin-left:10px;}

/*.modal-header{padding:0px; overflow:hidden;}*/
.modal-box{margin:20px; display:block;}

@media screen and (min-width: 950px){
.mbr_sp,.mbr_sp2{display:none;}
#hamburge-btn{display:none;}
}

/* 改変中 */
.move-pagetop {margin-bottom:30px; text-align: right; width: 100%;}
.move-pagetop a {background:url(../img/share/icon_linktop.png) no-repeat left center; padding-left:22px;}


/*shiharai top*/

.topMenu {
  margin: 15px 0 30px 0;
}

.topMenu .topMenu_1,
.topMenu .topMenu_2{
  margin-bottom: 20px;
}

.topMenu .topMenu_1 li.top_menu_icon.icon_card a{
  background: url(/support/mbr/shiharai/common/img/share/icon_card_02.png) no-repeat #F5F5F5 center 60%;
}

.topMenu .topMenu_1 li.top_menu_icon.icon_bank a{
  background: url(/support/mbr/shiharai/common/img/share/icon_koufuri_02.png) no-repeat #F5F5F5 center 60%;
}

.topMenu .topMenu_1 li.top_menu_icon.icon_ntt a,
.topMenu .topMenu_2 li.top_menu_icon.icon_ntt a {
    background: url(/support/mbr/shiharai/common/img/share/icon_ntt_02.png) no-repeat #F5F5F5 center 50%;
    background-size: 32%;
}

.topMenu .topMenu_2 li.top_menu.icon_ntt02 a{
  background: url(/support/mbr/shiharai/common/img/share/icon_ntt_01.png) no-repeat #F5F5F5 center 50%;
  background-size: 32%;
}

.topMenu .topMenu_1 li.top_menu_icon.icon_kddi a{
  background: url(/support/mbr/shiharai/common/img/share/icon_kddi_02.png) no-repeat #F5F5F5 center 50%;
  background-size: 32%;
}

.topMenu .topMenu_2 li.top_menu.usen a{
  margin-right: 0;
  }
.topMenu .top_menu.icon_none a span{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
}

.topMenu .topMenu_1 li.top_menu_icon a,
.topMenu .topMenu_2 li.top_menu a{
  color: #252525;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.topMenu ul li a .menu_sup{
  font-size: 70%;
  font-weight: normal;
}

.topMenu ul li.icon_cvs a .menu_sup02{
  display: block;
  padding: 5px 10px;
  font-size: 85.5%;
  font-weight: normal;
}
.topMenu ul li:not(.icon_cvs) a{
  position: relative;
  overflow: hidden;
}
.topMenu ul li:not(.icon_cvs) a .menu_sup02{
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px;
  background: #000;
  font-size: 85.5%;
  font-weight: normal;
  color: #fff;
}
.topMenu ul li.top_menu_icon.icon_cvs a .menu_sup02 span {
  display: inline-block;
  margin-top: 5px;
  color: #cc0000;
}
.topMenu ul li a .menu_sup03 {
  position: absolute;
  left: -20px;
  top: 10px;
  width: 200px;
  height: 22px;
  background: #ddd;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
  text-align: left;
  padding: 39px 0 0 21px;
  font-size: 85.5%;
}
@media screen and (max-width: 950px){
  .topMenu ul li a .menu_sup03 {
    left: auto;
    right: 10px;
    top: 13px;
    width: auto;
    height: auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: left;
    padding: 5px;
  }
}

.topMenu .topMenu_1 li.top_menu_icon a,
.topMenu .topMenu_2 li.top_menu a {
  display: block;
  width: 215px;
  height: 135px;
      background: #f5f5f5;
  border: solid #ddd 1px;
  padding: 20px 0;
  margin-right: 20px;
  position: relative;
  float: left;
}

.topMenu .topMenu_1 li.top_menu_icon:last-child a{
  margin-right: 0;
}

.topMenu .topMenu_1 li.top_menu_icon a:after,
.topMenu .topMenu_2 li.top_menu a:after{
  display: block;
  content: '';
  width: 25px;
  height: 26px;
  background: url(/support/mbr/shiharai/common/img/share/icon_arow_01.png) no-repeat;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.topMenu .icon_link_arrow::before {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 6px solid #555;
}

.topMenu .topMenu_1 li.top_menu_icon.icon_cvs a:after{
  display: block;
  content: '';
  width: 25px;
  height: 26px;
  background: url(/support/mbr/shiharai/common/img/share/icon_arow_02.png) no-repeat;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.topMenu.type-noArrow .topMenu_1 li.top_menu_icon a:after,
.topMenu.type-noArrow .topMenu_2 li.top_menu a:after,
.topMenu.type-noArrow .topMenu_1 li.top_menu_icon.icon_cvs a:after {
  display: none;
}

.topMenu .topMenu_1 li.top_menu_icon a:hover,
.topMenu .topMenu_2 li.top_menu a:hover,
.topMenu .topMenu_2 li.top_menu.menu_icon_cvs a:hover{
  text-decoration: none;
  background-color: #DFF4CA;
  border: solid #009f45 1px;
}

/*トップ２カラムリンク群*/
.col2-05_inner a{
  display: block;
  border: 1px solid #ddd;
  background-color: #F5F5F5;
  position:relative;
  padding: 20px 25px;
  margin-bottom: 5px;
  font-size: 0.9em;
}
.col2-05_inner a:before {
    content: "";
    border: 4px solid transparent;
    border-left: 6px solid #555555;
    position: absolute;
    top: 28px;
  left:12px;
}
.col2-05_inner a:hover,
.col2-05_inner a:active,
.col2-05_inner a:focus{
  text-decoration: none;
  background-color: #DFF4CA;
  border: solid #009f45 1px
}

/*col2*/

.col2-01, .col2-05{
  width: 950px;
}

.col2-01_inner{
  width: 752px;
  float: left;
}
.col2-01_inner:last-child{
  width: auto;
  float: right;
}

.col2-02,
.col2-03,
.lyt-col2{
  width: 686px;
}

.lyt-col2{
  margin: 0 auto;
}

.col2-02_inner{
  width: 530px;
  float: left;
}
.col2-02_inner:last-child{
  width: auto;
  float: right;
}

.col2-03_inner{
  width: 50%;
  float: left;
}

.col2-04{
  width: 666px;
}

.col2-04_inner{
  width: 45%;
  float:left;
}

.col2-04_inner:last-child{
  width: 55%;
  float: right;
}
.col2-05_inner,
.lyt-col2_inner{
  width: 49%;
  float:left;
}
.col2-05_inner:first-child,
.lyt-col2_inner:first-child{
  margin-right: 1%;
}

/*flow*/

.flowHdg h3{
  color: #FFF;
  font-weight: bold;
  background: #888;
  margin: 0 auto;
}

.flowBody{
  margin-bottom: 50px;
  background: #F8F8F8;
  border: 1px solid #ccc;
  position: relative;
}

.flowBody:before,
.flowCol2 .flowBody:first-child:before{
  content: url(/support/mbr/shiharai/common/img/share/step_ya.gif);
  display: block;
  text-align: center;
  width: 100%;
  height: 30px;
  position: absolute;
  top: -40px;
}

.flowBody:first-child:before{
  display:none;
}

.flowBody .bgA{
  background: #FFFFFF;
}

.flowLead{
  margin: 10px 0;
  padding: 20px  20px 0 20px;
  font-weight: bold;
}

.flowCol2{
  margin-top: -20px
}

.flowCol2 .flowLead{
  padding: 5px 20px 0px 20px;
}

.flowCol2 .flowLead span{
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

.flowCol2 .flowLead span.rev_ok{
  color: #FFF;
  background: #006DD9;
}

.flowCol2 .flowLead span.rev_ng{
  color: #FFF;
  background: #29873C;
}

.flowCol2 .flowLead span.rev_kddi{
  color: #FFF;
  background: #FF9900;
}

.flowCol2 .flowLead span.rev_kddi2{
  color: #FFF;
  background: #FF9900;
  margin-top: 5px;
}

.flowCol2 .flowLead span.leadText{
  margin-top: 0;
  font-weight: normal;
  text-align: left;
}


.flowText{
  padding: 0 20px 10px 20px;
}

.flowLead.cust{
  min-height: 65px;
  padding-left: 90px;
  background: url(/support/mbr/shiharai/common/img/share/stepicon1.gif) no-repeat 10px top;
}

.flowLead.so-net{
  min-height: 65px;
  padding-left: 90px;
  background: url(/support/mbr/shiharai/common/img/share/stepicon2.gif) no-repeat 10px top;
}

.flowLead.ntt{
  min-height: 65px;
  padding-left: 90px;
  background: url(/support/mbr/shiharai/common/img/share/stepicon4.gif) no-repeat 10px top;
}

.flowLead.ntt02{
  min-height: 65px;
  padding-left: 90px;
  background: url(/support/mbr/shiharai/common/img/share/stepicon5.gif) no-repeat 10px top;
}
.flowLead.kddi{
  min-height: 65px;
  padding-left: 90px;
  background: url(/support/mbr/shiharai/common/img/share/stepicon3.gif) no-repeat 10px top;
}

.flowCol2_inner{
  width: 338px;
  margin-right: 20px;
  float: left;
}

.flowCol2_inner:last-child{
  margin-right: 0;
}

.flowCase{
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 0 0 40px 0 ;
  overflow: hidden;
}

.print_flow{
  position:relative;
}


.flow_bullet::after{
  border-color: #5F5F5F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 29px 34px;
    content: "";
    left: 45%;
    position: absolute;

  }

.flow_bullet_a::after{
  border-color: #5F5F5F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 29px 34px;
  content: "";
  left: 56%;
  position: absolute;
}

/*flow jsToggle*/

.jsToggle .status{
  display: none;
}

.jsToggle .flowCase{
  width: 336px;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*koufuri table*/

#mn_koufuri table .tableCol3{
  width: 324px;
}

#mn_koufuri table .borderbottomDot {
  border-bottom: dotted 1px #ccc;
}

#mn_koufuri table .table_pc_none{
  border-bottom: none;
}

#mn_koufuri table .tableCol3 a{
  width: 93px;
  padding-right: 15px;
  float: left;
}
#mn_koufuri table .tableCol3 .width-col2 {
  width: 201px;
}

/* 文頭マーク */
.mark {
  margin-right: 10px;
}
.mark img {
  vertical-align: bottom;
}

/*clearfix*/

.col2-01:after,
.col2-02:after,
.col2-03:after,
.col2-04:after,
.col2-05:after,
.lyt-col2:after,
.flowCol2:after,
.topMenu .topMenu_1:after,
.topMenu .topMenu_2:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

/*18.10.26 サイドバー修正分*/
div.menu_list .sideMenuTitle span {
  margin-right: 5px;
}

div.menu_list .sideMenuTitle {
    color: #FFF;
    font-weight: bold;
    font-size: 1.25em;/*差分ここだけ*/
    margin-bottom: 10px;/*差分ここだけ*/
}

.sideMenuTitle a {
  color: inherit;
}

.loginArea li {
  margin-bottom: 10px;
  background-image: linear-gradient(to bottom, #ffe256, #ffc600);
  border-radius: 2px;
  border: solid 1px #fccd0a;
  text-decoration: none;
}

.loginArea span {
  font-size: 83%;
  color: #252525;
  font-weight: bold;
}

.loginArea a {
  display: block;
  padding: 10px 2px 10px 4px;
  color: inherit;
}

.loginArea li a:hover {
  background-image: linear-gradient(to bottom, #f2c85c, #f0af0a);
  text-decoration: none;
}

.loginArea span.icon_link_blank{
  margin-right: 0;
}

/*2018.11.20 追加分*/
h5.txt_h5a {
    font-size: 1em;
    font-weight: bolder;
}

@media screen and (min-width: 950px){
span.sp_only {
  display: none;
}
}
/*2018.12.11追加分*/
ul.menu_list_cont li.menu_text {
  display: block;
  line-height: 1;
  font-weight: lighter;
  font-size: 0.8em;
}

ul.menu_list_cont:last-child {
  margin-top: 10px;
  background-color: inherit;
}

ul.menu_list_cont:last-child li a:hover {
  background-color: inherit;
}

ul.menu_list_cont li.menu_text a {
    color: #000;
    font-weight: bold;
    border: none;
    padding: 6px 0 6px 25px;
}

/* 2020-05-13追加分 */
.dp-f {
  display: flex;
}
.w100 {
  width: 100%;
}
.csv-img {
  width: 300px;
  padding: 0 10px;
}
.mediaSp {
  display: none;
}
@media screen and (max-width: 560px) {
  .dp-f {
    flex-direction: column;
  }
  .csv-img {
    margin: 0 auto;
    padding: 10px 10px 0;
    box-sizing: border-box;
    width: 100%;
  }
  .mediaSp {
    display: block;
  }
  .mediaPc {
    display: none;
  }
}

/* 2206A-42-002 */
.recommend {
  display: block;
  padding-bottom: 6px;
}
.recommend-icon {
  box-sizing: border-box;
  border-color: #009f45;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 3px;
  border-left-width: 2px;
  border-radius: 12px;
  color: #009f45;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 4px 2px 2px;
  position: relative;
  text-align: center;
  width: 65px;
}
.recommend-icon::before {
  border: 3px solid transparent;
    border-top: 6px solid #FFF;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.recommend-icon:after {
  border: 5px solid transparent;
    border-top: 8px solid #009f45;
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.recommend-icon.nobubble::after,
.recommend-icon.nobubble::before,
.pcNone {
  display: none;
}

.btn-auto a{
  height: auto!important;
  line-height: 1.5!important;
  padding: .5rem!important;
}
.btn-free{
  text-align: center;
}
.btn-free a{
  width: auto!important;
  max-width: initial!important;
  display: inline-block;
}