@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {   margin: 0;  padding: 0; }
div {/*word-break:break-all;*/word-break: normal;}
table {  border-collapse:collapse; border-spacing:0;}
fieldset { border: 0; }
img { border: 0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
ol,ul {  list-style-type: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
hr { display: none; }
label {  margin-right: 0.5em; vertical-align: middle; }
input {  margin-right: 0em; vertical-align: middle; }
select { margin-right: 0.3em; vertical-align: middle; }
textarea{font-size: 100%; /margin-bottom: 15px;}
button,
textarea,
input[type="text"],
input[type="number"],
input[type="password"]{
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
}
input[type="number"]{
  text-align: right;
  padding-right: 0;
}
html{
  font-size: 62.5%;
  font-size: 10px;
  font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 1em;
  color: #000;
}

body *,
body *::before,
body *::after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size:1.4rem;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', 'ＭＳ Ｐゴシック','sans-serif';
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Noto Sans Japanese' ,'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
  overflow-x: hidden;
  background: #F9F9F9;
}
br { letter-spacing: 0; }
a {color: #06529F;text-decoration: underline;}
a:hover {text-decoration: none;}

table { font-size:inherit;   font:100%; }
pre,code,kbd,samp,tt {
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}

a,
button{
  transition: opacity 0.2s ease;
}
a:hover,
button:hover{
  opacity: 0.6;
}
.link-color{
  color: #673ab7;
  text-decoration: none;
}
.link{
  color: #3f51b5;
}

textarea {
  font:12px 'メイリオ','Meiryo', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, sans-serif;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Noto Sans Japanese' ,'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
  padding: 0.4em 0.5em;
  resize: vertical;
}
select{
  background: #EEE;
  border: 1px solid #DDD;
  padding: 3px 10px 4px;
  font:inherit;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
}
select[name="date_year"],
select[name="date_month"],
select[name="date_day"]{
  width: 120px;
}
select[name="blg_date_year"],
select[name="blg_date_month"],
select[name="blg_date_day"]{
  width: 120px;
}
select[name="vic_date_year"],
select[name="vic_date_month"],
select[name="vic_date_day"]{
  width: 120px;
}
select.select1,
select.select2{
  width: auto;
  font-size: 12px;
  padding: 0;
}
h1,h2,h3,h4,strong,th,.Dbold{
  font-weight:bold;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Noto Sans Japanese' ,'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif' !important;
}
select,
input,
textarea,
button{
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Noto Sans Japanese' ,'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

/*------------------------------------------------------------------------------ 1=フォントの設定*/
.DfontS    { font-size: 77% !important;} /*10px*/
.Dfont2S  { font-size: 90% } /*10px*/
.DfontL    { font-size: 108%; } /*14px*/
.DfontXL  { font-size: 123.1%; } /*16px*/
.Dfont2XL  { font-size: 138.5%; } /*18px*/
.Dfont3XL  { font-size: 153.9%; } /*20px*/
.Dfont4XL  { font-size: 182%; } /*24px*/

/*太字*/
.Dbold  { font-weight: bold; }
.Dnrml  { font-weight: normal;}
/*色*/
.Dgry { color: #666; }
.Dfrm { color: #999; font-size: 12px;}
.Dred { color: #F00; }
/*------------------------------------------------------------------------------ 2=配置の設定*/
/*縦位置*/
.DvlignT {vertical-align: top;}
.DvlignM {vertical-align: middle;}
.DvlignB {vertical-align: bottom;}

/*横位置*/
.DalignR {text-align: right;}
.DalignL {text-align: left;}
.DalignC {text-align: center;}

/*------------------------------------------------------------------------------ 3=文字の設定*/
/*数字用*/
.DdateNum {  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Noto Sans Japanese' ,'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';letter-spacing: 0.1em;}
.Dimp{
  font-weight: bold;
  color: #F00;
}
/*------------------------------------------------------------------------------ 4=マージン、パディング設定*/

/*下マージ*/
.DmgT20 {margin-top: 20px !important;}
.DmgT30 {margin-top: 30px !important;}
/*下マージ*/
.DmgB1 {margin-bottom: 1px !important;}
.DmgB5 {margin-bottom: 5px !important;}
.DmgB10 {margin-bottom: 10px !important;}
.DmgB15 {margin-bottom: 15px !important;}
.DmgB20 {margin-bottom: 20px !important;}
.DmgB25 {margin-bottom: 25px !important;}
.DmgB30 {margin-bottom: 30px !important;}
.DmgB40 {margin-bottom: 40px !important;}
.DmgB50 {margin-bottom: 50px !important;}
.DmgB60 {margin-bottom: 60px !important;}
.DmgB70 {margin-bottom: 70px !important;}
/*右マージン*/
.DmgR10 {margin-right: 10px !important;}
.DmgR15 {margin-right: 15px !important;}
.DmgR20 {margin-right: 20px !important;}
.DmgR30 {margin-right: 30px !important;}
/*左右マージン*/
.DmgRL5 {margin-right: 5px !important; margin-left: 5px !important;}
.DmgRL10 {margin-right: 10px !important; margin-left: 10px !important;}
.DmgRL15 {margin-right: 15px !important; margin-left: 15px !important;}
.DmgRL20 {margin-right: 20px !important; margin-left: 20px !important;}

.DmgT5 {margin: 5px 0 0 !important;}
/*全てのマージン*/
.Dpg{padding: 10px;}

/*左右パディング*/
.DpgRL5 {padding-left:5px !important; padding-right: 5px !important;}
.DpgRL10 {padding-left:10px !important; padding-right: 10px !important;}
.DpgRL15 {padding-left:15px !important; padding-right: 15px !important;}
.DpgRL20 {padding-left:20px !important; padding-right: 20px !important;}
/*上下パディング*/

.Dpg0 {padding:0 !important;}
.DpgTB5 {padding: 5px 0 !important;}
.DpgTB10 {padding: 10px 0 !important;}
.DpgTB15 {padding: 15px 0 !important;}
.DpgTB20 {padding: 20px 0 !important;}
.DpgT20 {padding-top: 20px !important;}

/*共通の設定
------------------------------------------------------------------------------*/
/*■文字の設定*/
.font10{font-size: 1.0rem !important;} /*10px*/
.font11{font-size: 1.1rem !important;} /*11px*/
.font12{font-size: 1.2rem !important;} /*12px*/
.font13{font-size: 1.3rem !important;} /*13px*/
.font14{font-size: 1.4rem !important;} /*14px*/
.font15{font-size: 1.5rem !important;} /*15px*/
.font16{font-size: 1.6rem !important;} /*16px*/
.font18{font-size: 1.8rem !important;} /*18px*/
.font20{font-size: 2.0rem !important;} /*20px*/
.font22{font-size: 2.2rem !important;} /*22px*/
.font24{font-size: 2.4rem !important;} /*24px*/
.font26{font-size: 2.6rem !important;} /*26px*/
.font28{font-size: 2.8rem !important;} /*28px*/
.font30{font-size: 3.0rem !important;} /*30px*/
.font32{font-size: 3.2rem !important;} /*32px*/
.font38{font-size: 3.8rem !important;} /*38px*/

.line-h{line-height: 1em !important;}
.line-h12{line-height: 1.2em !important;}
.line-h13{line-height: 1.3em !important;}
.line-h14{line-height: 1.4em !important;}
.line-h15{line-height: 1.5em !important;}
.line-h16{line-height: 1.6em !important;}
.line-h18{line-height: 1.8em !important;}
.line-h20{line-height: 2.0em !important;}

.fontN{font-weight: normal !important;}
.fontB{font-weight: bold !important;}

/*■配置の設定*/

/*縦位置*/
.vertical-t  {vertical-align: top !important;}
.vertical-m  {vertical-align: middle !important;}
.vertical-b  {vertical-align: bottom !important;}

/*横位置*/
.align-r{text-align: right !important;}
.align-l{text-align: left !important;}
.align-c{text-align: center !important;}

/*■マージン、パディング設定*/
.mg-t0  {margin-top: 0px !important; }
.mg-t5  {margin-top: 5px !important; }.mg-t10{margin-top: 10px !important;}
.mg-t15  {margin-top: 15px !important;}.mg-t20{margin-top: 20px !important;}
.mg-t25  {margin-top: 25px !important;}.mg-t30{margin-top: 30px !important;}
.mg-t35  {margin-top: 35px !important;}.mg-t40{margin-top: 40px !important;}
/*下マージ*/
.mg-b0{margin-bottom: 0px !important; }
.mg-b1{margin-bottom: 1px !important; }.mg-b3{margin-bottom: 3px !important;}
.mg-b5{margin-bottom: 5px !important; }.mg-b10{margin-bottom: 10px !important;}
.mg-b15  {margin-bottom: 15px !important;}.mg-b20{margin-bottom: 20px !important;}
.mg-b25  {margin-bottom: 25px !important;}.mg-b30{margin-bottom: 30px !important;}
.mg-b35  {margin-bottom: 35px !important;}.mg-b40{margin-bottom: 40px !important;}
.mg-b45  {margin-bottom: 45px !important;}.mg-b50{margin-bottom: 50px !important;}
.mg-b55  {margin-bottom: 55px !important;}.mg-b60{margin-bottom: 60px !important;}
.mg-b65  {margin-bottom: 65px !important;}.mg-b70{margin-bottom: 70px !important;}
.mg-b75  {margin-bottom: 75px !important;}.mg-b80{margin-bottom: 80px !important;}
.mg-b85  {margin-bottom: 85px !important;}.mg-b90{margin-bottom: 90px !important;}
.mg-b95  {margin-bottom: 95px !important;}.mg-b100 {margin-bottom: 100px !important;}
.mg-b150  {margin-bottom: 150px !important;}.mg-b200 {margin-bottom: 200px !important;}
/*右マージン*/
.mg-r5  {margin-right: 5px !important;}
.mg-r10  {margin-right: 10px !important;}
.mg-r15  {margin-right: 15px !important;}
.mg-r20  {margin-right: 20px !important;}
.mg-r30  {margin-right: 30px !important;}
/*左マージン*/
.mg-l5  {margin-left: 5px !important;}
.mg-l10  {margin-left: 10px !important;}
.mg-l15  {margin-left: 15px !important;}
.mg-l20  {margin-left: 20px !important;}
.mg-l30  {margin-left: 30px !important;}
/*左右マージン*/
.mg-r-l5{margin-right: 5px !important; margin-left: 5px !important;}
.mg-r-l10{margin-right: 10px !important; margin-left: 10px !important;}
.mg-r-l15{margin-right: 15px !important; margin-left: 15px !important;}
.mg-r-l20{margin-right: 20px !important; margin-left: 20px !important;}
.mg-auto{margin: 0 auto;}

/*全てのマージン*/
.pg{padding: 0 10px;}
.pg-right10{padding-right: 10px !important;}
/*左右パディング*/
.pg-r-l5{padding-left:5px !important; padding-right: 5px !important;}
.pg-r-l10{padding-left:10px !important; padding-right: 10px !important;}
.pg-r-l15{padding-left:15px !important; padding-right: 15px !important;}
.pg-r-l20{padding-left:20px !important; padding-right: 20px !important;}
.pg-r-l30{padding-left:30px !important; padding-right: 30px !important;}
/*上下パディング*/
.pg0{padding:0 !important;}
.pg-t-b5{padding: 5px 0 !important;}
.pg-t-b10{padding: 10px 0 !important;}
.pg-t-b15{padding: 15px 0 !important;}
.pg-t-b20{padding: 20px 0 !important;}

.pg-b0{padding-bottom: 0 !important;}

/*■テキスト装飾設定*/
.f-left{float: left !important;}
.f-right{float: right !important;}

/*■フレックスボックス*/
.flex{ display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px;}
.flex-wrap{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex.revs{ -webkit-flex-direction: row-reverse; flex-direction:row-reverse;}
.flex.va-cent{ -webkit-align-items: center; align-items:center;}
.flex.va-base{ -webkit-align-items: baseline; align-items:baseline;}
.flex.va-end{ align-items: end;}
.flex.jc-cent{ -webkit-justify-content: center; justify-content: center;}
.flex.jc-right{ -webkit-justify-content: flex-end; justify-content: flex-end;}
.grid{ display: -webkit-flex; display: flex;justify-content: space-between;}
.flex.clear{ display: -webkit-flex; display: flex;justify-content: space-between;}
.flex.column{ flex-direction: column;}
.flex.gap5{ gap: 5px;}
.flex.gap15{ gap: 15px;}
.flex.gap20{ gap: 20px;}
.flex.gap25{ gap: 25px;}
.flex.gap30{ gap: 30px;}
.hover{
  display: inline-block;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
          transition: opacity .4s ease;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.window-link{
  max-width: 100px;
}

.hover:hover{
  opacity: 0.5;
}
a,button{cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color:inherit;}
a:hover,button:hover{ opacity: 0.5;}
/*テキスト非表示*/
.hideline{
  display: block;
  width:0px;
  height:0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*背景画像デフォルト設定*/
.bgcover{background-size:cover; background-repeat: no-repeat; background-position: center;}

/*リンクアンダー*/
.under{
  text-decoration: underline;
  color: #06529F;
}
.under:hover{
  text-decoration: none;
}

/*------------------------------------------------------------------------------ 5=テキスト装飾設定*/

/*共通UL,OLの設定*/

ul.Dul {
  margin-left: 2em;
  list-style-type: disclosure-open;
}

ol.Dol {
  margin-left: 2em;
  list-style-type: decimal;
}
/*------------------------------------------------------------------------------ 5=テーブル内設定*/
th.nwp,
td.nwp{
  white-space: nowrap !important;
}
/*------------------------------------------------------------------------------ 8=改ページナビ設定*/
.Dpager{
  position: relative;
  padding: 6px 0;
}
.Dpager
  ul
    li{
      display: inline;
      font-weight: bold;
      margin-left: 8px;
    }
.Dpager
  ul
    li
      span{
        font-weight: normal;
        margin-right: 8px;
        color: #999;
      }
.Dpager
  ul
    li.last
      span{
        font-weight: normal;
        margin-right: 3px;
        color: #000;
      }
.Dpager
  ul
    li.info{
      font-weight: normal;
    }
.Dpager
  ul
    li.next{
      color: #999;
    }
.Dpager
  ul
    li.prev{
      color: #999;
    }
.Dpager
  ul
    li.info
      strong{
        margin: 0 4px;
      }
.Dpager
  .Dhd{
    position: absolute;
    top: 18%;
    left:0;
  }
/*------------------------------------------------------------------------------ 10=ハック関連*/
/*段落ち回避用ハック*/
.Dcfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.Dcfix {
  display: inline-block;
}
/*Hides from IE-mac\*/
*html .Dcfix{
  height:1%;
}
.Dcfix{
  display: block
}
/*End hide from IE-mac*/

.hover:hover{
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

/*/////////////////////////////////////////////トップページ*/
a.btn{
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: auto !important;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 8px 10px;
}
a.btn2,
input.btn2{
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: auto !important;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 0;
  padding: 4px 1em;
  box-sizing: border-box;
  width: auto !important;
  min-width: 60px;
  letter-spacing: 1px !important;
  white-space: nowrap;
}

input.sbY,
a.sbY{
  display: inline-block;
  letter-spacing: 2px;
  border: none;
  font:inherit;
  font-size: 100%;
  font-weight: 500;
  line-height: 1.3em;
  color: #FFF;
  width: auto;
  min-width: 100px;
  height: auto;
  padding: 0.7em;
  background: #e39518;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
a.sbYS,
input.sbYS{
  width: 80px;
  height: 26px;
  /*background: #FFF url(../images/bg_btn_y.jpg) left top repeat-x;*/
  font:inherit;
  font-weight: bold;
  letter-spacing: 2px;
  border: 0;
  color: #FFF;
/*  background-color: #0085B2;*/
  background-color: #e39518;
  /*background: -moz-linear-gradient(top, #B1DAE7, #0085B2);
  background: -webkit-gradient(linear, center top, center bottom, from(#B1DAE7), to(#0085B2));
  background: -ms-linear-gradient(top, #B1DAE7, #0085B2);*/
  cursor: pointer;
  line-height: 18px;
}
a.sbYL,
input.sbYL{
  letter-spacing: 2px;
  border: none;
  font:inherit;
  font-size: 123.1%;
  font-weight: bold;
  color: #000;
  width: 240px;
  height: 36px;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
  background-color: #FF9900;
  background: -moz-linear-gradient(top, #FFCD83, #FF9900);
  background: -webkit-gradient(linear, center top, center bottom, from(#FFCD83), to(#FF9900));
  background: -ms-linear-gradient(top, #FFCD83, #FF9900);
  cursor: pointer;
}

input.btn-done,
a.btn-done{
  display: inline-block;
  letter-spacing: 2px;
  padding: 0 20px;
  border: none;
  font:inherit;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 36px;
  color: #FFF;
  min-width: 200px;
  height: 36px;
  background: #0085B2;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}


a.sbBSS,
input.sbBSS{
  width: 55px;
  height: 21px;
  border: 1px solid #87AAD1;
  background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
  font:inherit;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 2px;
}
a.sbBS,
input.sbBS{
  width: 120px;
  height: 40px;
  border: 1px solid #87AAD1;
  background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
  font:inherit;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 2px;
}
a.sbB,
input.sbB{
  letter-spacing: 2px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font:inherit;
  font-size: 1.6rem;
  padding: 10px;
  font-weight: bold;
  line-height: 1;
  min-height: 1em !important;
  color: #FFF;
  min-width: 180px;
  cursor: pointer;
  background: #e39518;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
a.sbBL,
input.sbBL{
  letter-spacing: 2px;
  border: 2px solid #0652A0;
  font:inherit;
  font-size: 123.1%;
  font-weight: bold;
  color: #0652A0;
  width: 310px;
  height: 36px;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
  background-color: #008DB0;
  background: -moz-linear-gradient(top, #FFF, #98B8D8);
  background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#98B8D8));
  background: -ms-linear-gradient(top, #FFF, #98B8D8);
  cursor: pointer;
}
a.sbR,
td .sbR,
input.sbR{
  border: 0;
  width: 80px;
  height: 26px;
  font:inherit;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 2px;
  background-color: #D90000;
  /*background: -moz-linear-gradient(top, #EF9696, #D90000);
  background: -webkit-gradient(linear, center top, center bottom, from(#EF9696), to(#D90000));
  background: -ms-linear-gradient(top, #EF9696, #D90000);*/
  cursor: pointer;
}
input.sbRL{
  border: 0;
  /*width: 260px;*/
  min-width: 260px;
  height: 30px;
  font:inherit;
  font-weight: bold;
  color: #FFF;
  background: #F00;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  padding: 0 1em;
}
a.sbGSS,
input.sbGSS{
  width: 55px;
  height: 21px;
  border: 1px solid #87AAD1;
  background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
  font:inherit;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 2px;
}
a.sbBS,
input.sbGS{
  width: 120px;
  height: 40px;
  border: 1px solid #87AAD1;
  background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
  font:inherit;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 2px;
}
a.sbG,
input.sbG{
  letter-spacing: 2px;
  font:inherit;
  font-size: 123.1%;
  font-weight: bold;
  color: #000;
  width: 220px;
  height: 36px;

  cursor: pointer;
}
a.sbBL,
input.sbGL{
  width: 310px;
  height: 27px;
  border: 1px solid #87AAD1;
  background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
  font:inherit;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 0px;
}

input[type="tel"],
input[type="email"],
input[type="text"],
input[type="number"],
input[type="password"]{
  height: 28px;
  font:inherit;
  font-size: 100%;
  border: 1px solid #ccc;
  -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
     -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
          box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
}
textarea{
  border: 1px solid #D0D0D0;
  -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
     -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
          box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
  padding: 0.5em;
  vertical-align: top;
}
input.itxtL{
  width: 96%;
}
input.itxtM{
  width: 360px;
}
input.itxtSS{
  width: 50px;
}
input.itxtS{
  width: 110px;
}
input.itxtDate{
  width: 150px;
}
input.itxtF{
  width: 100%;
}
textarea.txtAraSS{
  width: 96%;
  height: 60px;
}
textarea.txtAraS{
  width: 96%;
  height: 100px;
}
textarea.txtAraM{
  width: 96%;
  height: 160px;
}
textarea.txtAraL{
  width: 96%;
  height: 200px;
}
textarea.txtAraEX{
  width: 96%;
  /*max-width: 450px;*/
  height: 60px;
}
select.slcM{
  width: 100%;
  max-width: 200px;
}
select.slcS{
  width: 80px;
}
select.slcSS{
  width: 55px;
  padding: 3px 5px;
}
/*ERROR*/
.errMsg{
  background:none;
  position:relative;
  background-color: #FFE1E1;
  border: 1px solid #FF0000;
  /*
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  */
  padding: 20px;
  font-weight: bold;
  color: #F00;
  margin-bottom: 18px;
}
.errMsg:after {
}
.errMsg a{
  color: #F00;
}
.errMsg ul li{
  margin-bottom: 5px;
}
.errMsg ul li:last-child{
  margin-bottom: 0;
}

.errCheck{
  position:relative;
  background-color: #FFE1E1;
  border: 1px solid #FF0000;
  /*
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  */
  padding: 5px 10px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #F00;
  margin-top: 10px;
}
.errCheck:after {
  content: url("../images/mrk_fukidashi2.png");
  position: absolute;
  left: 30px;
  top: -11px;
}

/**/
.h2ttl{
  position: relative;
  padding: 10px 15px;
  font-size: 138.5%;
}
  .h2ttl::after{
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 7px;
    height: calc(100% - 20px);
    background: #0085B2;
  }
.h2ttlSub{
  padding: 3px 15px;
  font-size: 108%;
  background: transparent url(../images/arw_6.png) left center no-repeat;
}
.h3ttl{
  padding: 3px 15px;
  font-size: 108%;
  background: url(../images/arw_6.png) left center no-repeat;
}
.usrCount{
  font-size: 123.1%;
  margin-bottom: 5px;
}
.usrCount strong{
  color: #FF0000;
}

.doneMsg{
  border: 4px solid #003399;
  padding: 40px 10px;
  text-align: center;
}
.doneMsg p{
  font-size: 123.1%;
}
.doneMsg h2{
  font-size: 150%;
  color: #003399;
  margin-bottom: 5px;
}
.doneMsg h2 span{
  padding: 5px 5px 5px 45px;
  background: transparent url(../images/icn_check.png) left center no-repeat;
}

.floatL{float: left;}
.floatR{float: right;}


.float-box{
  width: 90%;
  margin: 0 auto;
}
  .float-box .floatL{
    width: 48%;
  }
  .float-box .floatR{
    width: 48%;
  }
/*--------------------ヘッダー----*/

.indexMnu h2{
  display: inline-block;
  margin: 10px;
}
#upper{
  background: #000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
  z-index: 20;
  color: #FFF;
  border-bottom: 1px solid #333;
}
  div#upper .headWrap{
    width: 100%;
  }
    div#upper .head{
      position: relative;
      margin: 0px auto;
    }
      div#upper .head .logo{
        position: absolute;
        left: 100px;
        top: 10px;
      }
        div#upper .head .logo a{
          text-decoration: none;
          color: #000;
          font-size: 20px;
          line-height: 30px;
        }
          div#upper .head .logo a:hover{
            color: #888;
          }

/*メニューボタン add 2016/0310 */
      .head #menu-button{
        position: absolute;
        top: 6px;
        left: 5px;
        width: 30px;
        height: 20px;
        text-decoration: none;
      }
      .head #menu-button>p{
        font-size: 10px;
        font-weight: bold;
        color: #000;
        line-height: 30px;
        letter-spacing: -0.4px;
      }
      .head .menu-button__line{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        height: 20px;
      }
        .head .menu-button__line>div{
          width: 100%;
          height: 2px;
          background: #fff;
          position: absolute;
          -webkit-transition: all .5s;
             -moz-transition: all .5s;
              -ms-transition: all .5s;
               -o-transition: all .5s;
                  transition: all .5s;
        }
        .head .menu-button__line>div:nth-child(1){
          top: 0px;
          left: 0px;
          -webkit-transform: translate(0%,0%);
             -moz-transform: translate(0%,0%);
              -ms-transform: translate(0%,0%);
               -o-transform: translate(0%,0%);
                  transform: translate(0%,0%);
        }
          .head #menu-button.active .menu-button__line>div:nth-child(1) {
            top: 10px;
            -webkit-transform: translate(-5%,-50%) rotate(45deg);
               -moz-transform: translate(-5%,-50%) rotate(45deg);
                -ms-transform: translate(-5%,-50%) rotate(45deg);
                 -o-transform: translate(-5%,-50%) rotate(45deg);
                    transform: translate(-5%,-50%) rotate(45deg);
          }
        .head .menu-button__line>div:nth-child(2){
          top: 9px;
          left: 0px;
        }
          .head #menu-button.active .menu-button__line>div:nth-child(2) {
            opacity: 0;
          }
        .head .menu-button__line>div:nth-child(3){
          top: 18px;
          left: 0px;
          -webkit-transform: translate(0%,0%);
             -moz-transform: translate(0%,0%);
              -ms-transform: translate(0%,0%);
               -o-transform: translate(0%,0%);
                  transform: translate(0%,0%);
        }
          .head #menu-button.active .menu-button__line>div:nth-child(3) {
            top: 10px;
            -webkit-transform: translate(-5%,-50%) rotate(-45deg);
               -moz-transform: translate(-5%,-50%) rotate(-45deg);
                -ms-transform: translate(-5%,-50%) rotate(-45deg);
                 -o-transform: translate(-5%,-50%) rotate(-45deg);
                    transform: translate(-5%,-50%) rotate(-45deg);
          }

      div#upper .head .bnr{
        position: absolute;
        left: 50%;
        top: 10px;
        margin-left: -100px;
      }
      div#upper .head .login{
        position: absolute;
        right: 30px;
        top: 4px;
        font-size: 100%;
        font-weight: bold;
        line-height: 22px;
        color: #fff;
      }

/*スクロール*/
.cls_overflow{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* overflow scrollbar design */
.cls_overflow::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 10px;
}
.cls_overflow::-webkit-scrollbar-corner {
  background: transparent;
}
.cls_overflow::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

#header__navi{
  position: absolute;
  top: 32px;
  left: -248px;
  width: 200px;
  padding: 0 0;
  background: #FFF;
  border-right: 1px solid #CCC;
  /*background: rgba(255,255,255,0.9);*/
  -webkit-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
       -o-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
  z-index: 20;
  transition: all .3s ease;
}
#header__navi.on{
  left: 0px;
}
  #header__navi ul li{
    /*padding: 10px 15px 10px 15px;*/
  }
  #header__navi ul .pull li{
    /*padding: 10px 0;*/
  }
  #header__navi ul li a.link-under::after{
    bottom: 3px;
  }

#header__navi ul.menuBox>li{
  position: relative;
  border-bottom: 1px solid #fff;
}


div#title{
  padding-top: 32px;
  position: relative;
  background: #000;
}
div#title h1{
  font-size: 1.8rem;
  color: #FFF;
  /*max-width: 1600px;*/
  padding: 10px 20px 10px 20px;
  margin: 0 auto;
  position: relative;
  font-weight: 600;
  text-align: center;
}

div#title::after{
  content: "";
  position: absolute;
  right: 120px;
  top: 5px;
  width: 30px;
  height: 20px;
  z-index: 30;
}
div#title.none::after{
  display: none;
}
/*
#ja div#title::after{
  background: url(/controller/images/icn_jpn.png) no-repeat;
  background-size: 30px;
}
#en div#title::after{
  background: url(/controller/images/icn_en.png) no-repeat;
  background-size: 30px;
}
*/


div#title h1:after{
  content:'';
  position: absolute;
  display: block;
  width: 150px;
  height: 60px;
/*  background: url(/controller/images/logo.gif) 50% 50% no-repeat;*/
  background-size: 72%;
  top: -3px;
  left: 0;
}
.menu-on div#title h1{
  padding-left: 180px;
  padding-left: 220px;
  transition: all .3s ease;
}
div#breadList{
  padding: 7px 20px 7px 20px;
  font-size: 85%;
  background: #434343;
  color: #FFF;
  transition: all .3s ease;
}
div#breadList a{
  color: #fff;
}
.menu-on div#breadList{
  padding-left: 220px;
}

/*--------------------フッター----*/
div#foot{

}
.pgTop{
  width: 50px;
  position: fixed;
  bottom: 15px;
  right: 15px;
}
.pgTop a{
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: #000 url(../images/arw_top.png) 50% 50% no-repeat;
  background-size: 40%;
  text-decoration: none;
}
.pgTop a:hover{
  background-color: #999;
}
div#foot .copy{
  padding: 15px 0 15px;
  color: #CCC;
  font-size: 10px;
}
div#foot .copy .adrs{
  padding: 0 30px;
  font-size: 85%;
}
div#foot .copy .adrs h3{
  font-size: 123.1%;
}
div#foot .copy .cpy{
  color: #999;
  font-size: 90%;
}
/*--------------------メイン----*/

div#wrap{
  padding: 0px 0px 30px;
}
div#wrap .side{

}
div#wrap .side h2{
  position: relative;
  color: #FFF;
  background: #9AB7D8 url(../images/bg_mnu_bar.png) 0 0 repeat-x;
  padding: 7px 15px;
  font-size: 108%;
}
div#wrap .side h2 a{
  position: absolute;
  top: 7px;
  right: 7px;
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(../images/btn_mClose.png) 0 0 no-repeat;
}
div#wrap .side h2 a.mOpen{
  background: transparent url(../images/btn_mOpen.png?2014) 0 0 no-repeat;
}
div#wrap .side .sBox{
  position: relative;
  text-align: center;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 15px;
  background: #EEE;
}
div#wrap .side .sBox .menuBox{display: inline-block;}
div#wrap h3{
  padding: 10px 30px 15px;
   cursor: pointer;

  background: #EEE url(../images/arw_6.png) 50% 85% no-repeat;
}
.side .sBox .menuBox h3 a{
  display: block;
  padding: 10px 15px;
  background: #CCC !important;
  text-decoration: none;
  color: #333;
  font-size: 110%;
  font-size: 14px;
}
.side .sBox .menuBox h3 a:hover{
  color: #888;
}
.side .sBox .menuBox li a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
/*  font-weight: bold;*/
  /*border-bottom: 1px solid #EEE;*/
}
.side .sBox .menuBox li a.on{
  font-weight: bold;
  color: #000;
}
.side .sBox .menuBox li .pull a{
  padding: 0.5em 1em 0.5em 2em;
}
/*.side .sBox .menuBox li h3 a{border-bottom: none;}*/
.side .sBox .menuBox h3.on a{text-decoration: none; color: #fff !important; background: #333 !important;}
.side .sBox .menuBox li a:hover{
  color: #999;
}
div#wrap .side .sBox .menuBox:hover h3{
  background: #CCC url(../images/arw_6_on.png) 50% 85% no-repeat;
  color: #FFF;
}
div#wrap .side .sBox .menuBox h3 a{text-decoration: none; color: #000 !important;}
div#wrap .side .sBox .menuBox h3.on a{text-decoration: none; color: #0652A0 !important;}
div#wrap .side .sBox .menuBox:hover h3 a{color: #FFF !important;}
div#wrap .side .sBox ul.pull{
  display: none;
  position: absolute;
  left: 0px;
  top: 45px;
  z-index: 1000;
  width: 90%;
  background: #CCC;
  padding: 20px 0;
  box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;
  -moz-box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;
  padding: 20px 5%;
}
div#wrap .side .sBox ul.pull li{
  font-size: 100%;
  display: inline-block;
  width: 240px;
  margin-bottom: 5px;
}
div#wrap .side .sBox ul.pull li a{
  display: block;
  padding: 10px 20px 10px 30px;
  background: #F3F3F3 url(../images/arw_3.png?20148) 97% 80% no-repeat;
  border: 1px solid #BBB;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  font-size: 84.6%;
}
div#wrap .side .sBox ul.pull li a:hover{
  background-color: #FFF;
}

div#wrap .side .sBox .boxA,
div#wrap .side .sBox .boxB{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  margin: 0 5px;
}

.side .sBox .menuBox .toggle-button{
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px 18px 21px;
  background: #434343;
  cursor: pointer;
}
.side .sBox .menuBox .toggle-contents{
  display: none;
}
.toggle-button::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 6px solid transparent;
  border-top: 8px solid #fff;
}
.toggle-button.open::after {
  margin-top: -8px;
  border: 6px solid transparent;
  border-bottom: 8px solid #fff;
}
@media screen and (max-width: 768px){
  .side .sBox .menuBox .toggle-button{
    padding: 19px 18px;
    font-size: 1.2rem;
  }
}

/*メインコンテン*/
.main-wrap{
  max-width: 1200px;
  margin: 0 auto
}
div#wrap .main{
  text-align: left;
  padding: 20px 10px 0;
  max-width: 100%;
  margin: 0 auto;
  transition: all .3s ease;
}
.menu-on div#wrap .main{
  padding-left: 220px;
}
.top-block{
  max-width: 1200px;
  margin: 0 auto;
}
div#wrap .main .top-block table th{
  background: #666;
  color: #FFF;
}

div#wrap .main .top-block table td:nth-child(1) a{
  font-weight: bold;
  text-decoration: none;
  color: #122A85;
}
div#wrap .main .top-block table tr:nth-child(odd){
  background: #ededed;

}
/*
div#wrap .main .top-block table tr:nth-child(2) td:nth-child(1){
  background: transparent url(../images/top-block-icn5.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(3) td:nth-child(1){
  background: transparent url(../images/top-block-icn2.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(4) td:nth-child(1){
  background: transparent url(../images/top-block-icn4.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(5) td:nth-child(1){
  background: transparent url(../images/top-block-icn4.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(6) td:nth-child(1){
  background: transparent url(../images/top-block-icn5.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(7) td:nth-child(1){
  background: transparent url(../images/top-block-icn6.png) 0.5em 50% no-repeat;
  background-size: 2rem;
  padding-left: 3.3rem;
}
*/
div#wrap .main .top-block table tr{
  border: none !important;
}
div#topMain a{ text-decoration: none;}
div#topMain a:hover{ text-decoration: underline;}
div#topMain .areaList{
  text-align: center;
}
div#topMain .areaList .box{
  width: 32.5%;
  margin: 0.3% !important;
}
div#wrap .main #changeInfo{
  position: relative;
}
div#wrap .main #changeWord{
  position: absolute;
  top: -100px;
  right: 100px;
  width: 400px;
  border: 3px solid #003399;
  padding: 20px;
  background: #FFF;
  display: none;
   -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
         box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
}
div#wrap .main #changeWord .box{
  height: 500px;
  overflow-y: auto;
  margin-bottom: 15px;
}
div#wrap .main #changeWord h2{
  position: relative;
  font-size: 138.5%;
  color: #003399;
  padding-right: 30px;
  margin-bottom: 10px;
}
div#wrap .main #changeWord h2 .winClose{
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
div#wrap .main #changeWord table{
  width: 95%;
}
div#wrap .main #changeWord table th,
div#wrap .main #changeWord table td{
  border: 1px solid #CCC;
  padding: 5px 10px;
  /*font-size: 85%;*/
}
div#wrap .main #changeWord table th{
  width: 130px;
  background-color: #EBEBEB;
}
div#wrap .main .profileSetA,
div#wrap .main .profileSetB{
  border: 2px solid #9AB7D8;
  padding: 30px;
}
div#wrap .main .profileSetA{
  background-color: #FFFAF0;
}
div#wrap .main .profileSetA h3,
div#wrap .main .profileSetB h3{
  font-size: 108%;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 5px;
}

div#wrap .main .searchBox{
  /*border: 4px solid #FE0000;
  padding: 30px;
  background: #FFFAF0;*/
}

.slcLabel label{
  display: inline-block;
  vertical-align: top;
  margin: 5px 10px;
}
.main .loginBox{
  width: 500px;
  margin: -40px auto 0;
  padding: 50px 20px 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.main .loginTbl{
  width: 400px;
  margin: 0 auto;
}
.main .loginTbl th{
  width: 1%;
  white-space: nowrap;
}
.main .loginTbl td input[type="email"],
.main .loginTbl td input[type="text"],
.main .loginTbl td input[type="password"]{
  width: 100%;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0.5em;
}
.main .loginTbl td,
.main .loginTbl th{
  padding: 1em 0.5em 0;
}
/*formテーブル*/
.main .formTbl{
  width: 100%;
  /*border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;*/
  background: #FFF;
  border-top: 1px solid #ddd;
}
.main .formTbl th,
.main .formTbl td{
  position: relative;

  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;

  vertical-align: top;
  word-break: break-all;
}
.main .formTbl td.gallery{position: static;}
.main .formTbl th{
  font-weight: bold;
  /*background: #CEDCEC;*/
  background: #EEE;
  width: 250px;
  min-width: 130px;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;

}
.main .formTbl th.th1{width: 10%; text-align: center;}
.main .formTbl th.th2{width: 90%;}
.main .formTbl th.th3{width: 45%;}
.main .formTbl th.th4{width: 50%;}
.main .formTbl td textarea.contents{
  width: 100%;
  resize: vertical;
}

.main .formTbl th,
.main .formTbl td{
  padding: 12px 15px;
}
.main .formTbl th.auto{
  width: auto;
}
.main .formTbl th.width100{
  width: 100px;
}

.main .formTbl th .imp{
  padding: 3px 0;
  padding-right: 28px;
  background: transparent url(../images/icn_imp.png) 100% 50% no-repeat;
}
.main .formTbl td.aR{
  text-align: right;
}
.main .formTbl td.aC{
  text-align: center;
}
.main .readerProfileSetForm{
  margin: 0 auto;
  width: 80%;
  background-color: #FFF;
}
.main .searchTbl{
  background-color: #FFF;
  /*border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;*/
}
.main .searchTbl th,
.main .searchTbl td{
  padding: 15px 15px;
  border: none;
  border-right: none;
}
.main .searchTbl th{
  padding: 20px 15px;
  background: #FFF;
}


/*一覧テーブル*/
/*スクロール*/
.list-overflow{
  overflow: auto;
  max-height: 500px;
  /*border: 1px solid #bbb;*/
}

/* overflow scrollbar design */
.list-overflow::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 10px;
}
.list-overflow::-webkit-scrollbar-corner {
  background: transparent;
}
.list-overflow::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.main .listTbl{
/*  width: 100%;*/
  width: 100%;
  /*border-top: 1px solid #98B8D8;
  border-left: 1px solid #98B8D8;*/
}
.main .listTbl th,
.main .listTbl td{
  /*border-bottom: 1px solid #EEE;*/
  /*border-right: 1px solid #98B8D8;*/
}
.main .listTbl td{
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  /*border-right: 1px solid #98B8D8;*/
}
.main .listTbl td:nth-last-child(1){
/*  border-right: none;*/
}
.main .listTbl th{
  text-align: center;
  font-weight: bold;
  background: #CFCFCF;
}
.main .listTbl th,
.main .listTbl td{
  padding: 0.5em 0.8em;
  padding: 8px;
  vertical-align: middle;
/*  font-weight: bold;*/
}
.main .listTbl th{
  font-weight: normal;
}
.main .listTbl th.th15{
  width: 15%;
}
.main .listTbl th.width150{
  width: 150px;
}
.main .listTbl th.width30p{
  width: 30%;
}
.main .listTbl th.aL{
  text-align: left;
}
.main .listTbl td.aR{
  text-align: right;
}
.main .listTbl td.aC{
  text-align: center;
}


.main .listTbl td span{
  display: inline-block;
  width: 3.6em;
  padding: 0.4em 0.2em;
  padding-left: 1.8em;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.main .listTbl td span.icn1{
  background: transparent url(../svg/min/arrow_right-up.svg) 0.5em 50% no-repeat;
  background-size: 1.3em;
}
.main .listTbl td span.icn2{
  background: transparent url(../svg/min/arrow_right.svg) 0.5em 50% no-repeat;
  background-size: 1.3em;
}
.main .listTbl td span.icn3{
  background: transparent url(../svg/min/icon_comment_alt.svg) 0.5em 50% no-repeat;
  background-size: 1.3em;
}
.main .listTbl td span.icn4{
  background: transparent url(../svg/min/icon_heart_alt.svg) 0.5em 50% no-repeat;
  background-size: 1.3em;
}

.main .listTbl td a{margin: 0 auto;}

@media screen and (min-width: 961px){
  .main .readerList{
    position: relative;
  }
  .main .readerList thead{
    position: sticky;
    left: 0;
    top: 31px;
    z-index: 2;
  }
}

.main .readerList tr th.last,
.main .readerList tr td.last{
  width: 50px;
}

.main .readerList tr.odd td{
  background: #FFF;
}
.main .readerList tr.even td{
  background: #FFF;
}
.main .readerList tr.check td{
  background: #E7BDBD;
}
.main .readerList tr.alert td{
  background: #FFF888;
}
.main .readerList th,
.main .readerList td{
  /*padding: 10px 15px;*/
  /*font-size: 85%;*/
  border: 1px solid #DDD;
}
.main .readerList th{
  background: #3f3a39;
  font-size: 1.2rem;
  color: #fff;
}
.main .readerList.spec td:nth-last-child(3){
  width: 85px;
}
.main .readerList td a.sbYS,
.main .readerList td input.sbYS,
.main .readerList td a.sbR,
.main .readerList td .sbR,
.main .readerList td input.sbR{
  font-size: 12px;
  width: 60px;
}

.main .readerProfile td div{
  padding: 3px;
}
.main .readerProfile th.rp1{width: %;}
.main .readerProfile th.rp2{width: 10%;}
.main .readerProfile th.rp3{width: %;}
.main .readerProfile th.rp4{width: 15%;}
.main .readerProfile th.rp5{width: 15%;}
.main .readerProfile th.rp6{width: 7%;}

.main .readerProfile td.set select{
  width: 120px;
}
.main .readerProfile td.set select,
.main .readerProfile td.set input{
  margin-right: 5px;
}
.main .readerProfile tr.noSet{
  background-color: #F7F7F7;
}
.main .readerProfileSet{
  margin: 0 auto;
  width: 80%;
  background-color: #FFF;
}
.main .readerProfileSet td .upDown{
  margin: 0 auto;
  width: 60px;
}
.main .readerProfileSet td .upDown .lt{float: left;}
.main .readerProfileSet td .upDown .rt{float: right;}


/*
@media screen and (min-width: 1401px) {
  div#wrap .side{
    width: 17%;
  }
  div#wrap .main{
    margin-left: 20%;
  }
}
@media screen and (max-width: 961px) {
  div#wrap .side{
    width: 16%;
    font-size: 13px;
  }
  div#wrap .main{
    margin-left: 18%;
  }
  div#upper,
  div#title,
  div#breadList,
  div#foot{
    width: 960px;
  }
  div#wrap{
    width: 900px;
  }
}
*/

.search-result-box{
  position: relative;
}
  .search-box{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 320px;
  }
    .search-word{
      max-height: 500px;
    }
  .result-box{
    position: relative;
    margin-left: 340px;
    width: auto;
  }

/*検索エリア*/
.main .srcDiv{
  background: #FFF;
  border : none;
  padding: 10px 15px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
  .main .srcDiv .srcTbl{
    display :block;
    width: 100%;
    background: #fff;
  }
  .main .srcDiv .srcTbl tbody{
    display: block;
  }
    .main .srcDiv .srcTbl tr{
      display: block;
    }
    .main .srcDiv .srcTbl th,
    .main .srcDiv .srcTbl td{
      display :block;
      padding: 0px 5px 10px;
    }
    .main .srcDiv .srcTbl th{
      font-weight: bold;
/*
      padding: 7px 5px;
      background: transparent url(../images/arw_r2.png?20148) 85% 12px no-repeat;
*/
      padding: 7px 5px 7px 10px;
      background: transparent url(../images/arw_r2.png?20148) left 12px no-repeat;
      width: 1%;
      white-space: nowrap;
      vertical-align: top;
    }
    .main .srcDiv .srcTbl tr.non th,
    .main .srcDiv .srcTbl tr.non td{
      background: none;
      padding: 12px 5px;
    }

    .main .srcDiv .srcTbl td .itxtS{width: 100px;}
    .main .srcDiv .srcTbl td select{
      width: 100%;
    }
    .main .srcDiv .srcTbl td select.slcM{
      width: 80px;
      font-size: 92.3%;
    }
    .main .srcDiv .srcTbl td select.slcS{
      width: 60px;
      font-size: 92.3%;
    }
    .main .srcDiv .srcTbl td input[type="text"],
    .main .srcDiv .srcTbl td input[type="number"]{
      padding: 0 0.5em;
    }
  .main .srcDiv > input[type="button"],
  .main .srcDiv > button{
    margin: 0 auto;
    display: block;
  }
.main .srcDiv>.flex{
  margin-bottom: 15px;
}
.main .srcDiv>.flex>div{
  border: 1px solid #ddd;
  padding: 0 4px 4px;
  width: calc((100% - 40px)/5);
}
.main .srcDiv>.flex>div>p:first-child{
  background: #f2f2f2;
  width: calc(100% + 8px);
  margin-left: -4px;
  padding: 3px 10px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .srcDiv>.flex>div>p:first-child + div{
  padding: 3px 10px;
}
.main .srcDiv input[type="tel"],
.main .srcDiv input[type="text"],
.main .srcDiv input[type="email"]{
  padding: 0 0.5em;
}
.main .srcDiv>.flex>div>input[type="text"],
.main .srcDiv>.flex>div>input[type="number"]{
  width: 100%;
}
@media screen and (max-width: 640px){
  .main .srcDiv{
    padding: 10px;
  }
  .main .srcDiv>.flex{
    gap: 5px;
    margin-bottom: 10px;
  }
  .main .srcDiv>.flex>div{
    border: 1px solid #ddd;
    padding: 0 4px 4px;
    width: calc((100% - 5px)/2);
  }
}

.error_key{position: absolute; top: 0;}


/*会員情報タブ*/
ul.userTab{
  width: 100%;
  border-collapse:collapse;
  border-spacing:0;
  border-bottom: 3px  solid #0652A0;
  text-align: center;
}
ul.userTab li{
  display: inline-block;
  width: 200px;
  margin: 0 3px;
  text-align: center;
  vertical-align: middle;
  background: #FFF;
  border: 1px solid #0652A0;
  border-bottom: none;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);
}
ul.userTab li.on{background: #0652A0;}
ul.userTab li a{
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 108%;
  color: #000;

}
ul.userTab li.on a{
  color: #FFF;
  text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.4);
}
ul.userTab li a:hover{
  background: #98B8D8;
  color: #000;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);
}

/*資格タブ*/
ul.qualifiTab{
  width: 100%;
  border-bottom: 1px solid #CCC;
  font-size:0;
}
ul.qualifiTab li{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  border: 1px solid #CCC;
  border-bottom: none;
  margin: 0;
  margin-left: 10px;
  margin-bottom: -1px;
  background: #FFF url(../images/tab_mnu_bar.png) left bottom repeat-x;
  font-size:13px;
}
ul.qualifiTab li.on{background: #FFF url(../images/tab_mnu_bar_on.png) left bottom repeat-x; }
ul.qualifiTab li a{
  display: block;
  width: 200px;
  padding: 0 10px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #888;
}
ul.qualifiTab li.on a{
  color: #000;
}
ul.qualifiTab li a:hover{
  color: #444;
}
.usrInfoBox{
  background: #D6D6D6;
  padding: 15px 20px;
  font-size: 153.9%;
  font-weight: bold;
  margin-top: 15px;
}
.usrInfoBox p{
  display: inline-block;
  margin-right: 10px;
}
/*フォーム*/
.doubleForm{margin: 0 auto;text-align: center;}
.doubleForm form{
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0 15px;
}


/*一覧テーブル2*/
.main .periodTbl{
  width: 100%;
  border-left: 1px solid #9AB7D8;
  font-size: 90%;
}
.main .periodTbl th,
.main .periodTbl td{
  border-bottom: 1px solid #9AB7D8;
  border-right: 1px solid #9AB7D8;
}
.main .periodTbl th{border-top: 1px solid #9AB7D8;}
.main .periodTbl th{
  text-align: center;
  font-weight: bold;
  background: #CEDCEC;
}
.main .periodTbl th.th1,
.main .periodTbl td.td1{
  width: 25%;
}
.main .periodTbl th.th2,
.main .periodTbl td.td2{
  width: 15%;
}
.main .periodTbl th.th3,
.main .periodTbl td.td3{
  width: 25%;
}
.main .periodTbl th.th4,
.main .periodTbl td.td4{
  width: 25%;
}
.main .periodTbl th.th5,
.main .periodTbl td.td5{
  width: 10%;
}
.main .periodTbl td.aR{
  text-align: right;
}
.main .periodTbl td.aC{
  text-align: center;
}


.main .srcDiv .srcTbl td.checkbox label{
  width: 150px;
  display: inline-block;
}



/* 画像ギャラリー*/
ul#image-gallery{text-align: left; display: inline-block;}
td.gallery li{border: 1px solid #ddd;background-color: #EEE;}
ul#image-gallery li{float: left; width: 120px; height: auto; padding: 10px; margin: 10px; text-align: center; }
ul#image-gallery li img{width: 120px; border: 1px solid #ccc;}
ul#image-gallery li.ui-state-highlight { height: auto; border: none; background-color: transparent;}
/*モーダル内*/
#innerFrame{
  width: 760px;
  height: 550px;
  overflow-y: scroll;
}

#file_up{
  position: relative;
  background: url("../images/btn_upload.png") no-repeat;
  width: 215px;
  height: 44px;
  margin: 0 auto;
}
#file_up input[type="file"]{
  opacity: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  z-index: 999;
  width: 215px;
  height: 44px;
}
ul#file-gallery li{float: left; width: 190px; margin: 15px; text-align: center;}
ul#file-gallery li p{white-space: nowrap;}
ul#file-gallery li .img{width: 170px; height: 150px; overflow: hidden; vertical-align:middle; text-align: center; margin: 0 auto 10px;}
ul#file-gallery li img{width: 190px;}

/*パネルテーブル*/
table.panel{padding: 0px 0; margin: 10px; border:none;}
td table.panel td{padding: 0px 0 !important; white-space: nowrap; padding-left: 1px !important; margin: 0 !important; border:none !important;}

.ui-sortable{cursor: move;}
.ui-sortable .deleteBtn{cursor: pointer;}

tbody.ui-sortable{width: 100%;}
tr.ui-sortable-helper{
  display: table;
}
tr.ui-sortable-handle:hover{
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70 );
  opacity: 0.7;
  background-color: #F1F5FA;
}
tr.ui-sortable-helper td{
  background: #FFF;
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70 );
  opacity: 0.7;
  border-top: 1px solid #98B8D8;
  border-left: 1px solid #98B8D8;
}

.pvMsg{
  text-align: center;
  color: #666;
  padding-top: 5px;
}

/*総件数*/
.max-count{
  display: inline-block;
  padding: 5px 20px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  /*border: 2px solid #ddd;*/
}
  .max-count em{
    font-size: 28px;
    font-weight: bold;
    color: #FE0000;
  }

/*情報表示*/
.info-box{
  letter-spacing: -0.5em;
}

  .info-box .max-count,
  .info-box .Dpager{
    display: inline-block;
    letter-spacing: normal;
    margin-right: 10px;
  }

  .info-box>a,
  .info-box>button,
  .info-box>input[type="button"]{
    float: right;
    margin-left: 10px;
  }



/*ソート条件*/
.sort-box{}
.sort-box p{display: inline-block; margin-right: 5px; font-weight: bold;}
.sort-box ul{display: inline-block;}
.sort-box ul li{display: inline-block; border-right: 1px solid #ccc; padding: 0 15px;}
.sort-box ul li:last-child{border: none;}
.sort-box ul li span{color: #777;}
.sort-box ul li a.ASC{background: url("../images/btn_up.png") no-repeat; padding-left: 25px;}
.sort-box ul li a.DESC{background: url("../images/btn_down.png") no-repeat; padding-left: 25px;}



#editor{
  border: 1px solid #ccc;
  width: 96%;
  min-height: 300px;
  max-height: 300px;
  overflow: auto;
  display: none;
}
#editor.active{
  display: block;
}
#textarea{
  resize: vertical;
}

#thumb-img{
  width: 200px;
  margin: 10px 0 0;
}
  #thumb-img img{width: 100%;}

#thumb-img .thumb-delete{

}

/*記事パーツ*/
#article-parts{
  margin-bottom: 20px;
}
  #article-parts>li{
    position: relative;
    border: 1px solid #aaa;
    border-bottom: 0px;
    background: #eee;
    padding-top: 35px;;
  }
  #article-parts>li:last-child{
    border: 1px solid #aaa;
  }
    .article-delete{
      position: absolute;
      display: inline-block;
      top: 5px;
      right: 5px;
      height: 24px;
      padding: 0 20px;
      font:inherit;
      font-size: 12px;
      line-height: 23px;
      color: #FFF;
      text-align: center;
      letter-spacing: 2px;
      background-color: #D90000;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      cursor: pointer;
    }
    #article-parts .box{
      padding: 20px;
      background: #fff;
      cursor: default !important;
    }
      #article-parts .box .value{
        padding: 10px 0 0;
      }
      #article-parts .box .value>div{
        display: none;
        overflow: hidden;
      }
      #article-parts .box>select{
        font-size: 15px;
      }
      #article-parts .box .value.type>div:nth-child(1),
      #article-parts .box .value.type1>div:nth-child(1){
        display: block;
      }
      #article-parts .box .value.type2>div:nth-child(2){display: block;}
      #article-parts .box .value.type3>div:nth-child(3){display: block;}
      #article-parts .box .value.type4>div:nth-child(4){display: block;}
      #article-parts .box .value.type5>div:nth-child(5){display: block;}
      #article-parts .box .value.type6>div:nth-child(6){display: block;}
      #article-parts .box .value.type7>div:nth-child(7){display: block; display: flex; gap: 15px;}
      #article-parts .box .value.type8>div:nth-child(8){display: block; display: flex; gap: 15px;}
      #article-parts .box .value.type9>div:nth-child(9){display: block;}
      #article-parts .box .value.type10>div:nth-child(10){display: block;}
      #article-parts .box .value.type11>div:nth-child(11){display: block;}
      #article-parts .box .value.type12>div:nth-child(12){display: block;}
      #article-parts .box .value.type13>div:nth-child(13){display: block;}
      #article-parts .box .value.type14>div:nth-child(14){display: block;}
      #article-parts .box .value.type15>div:nth-child(15){display: block;}
      #article-parts .box .value.type16>div:nth-child(16){display: block;}
      #article-parts .box .value.type17>div:nth-child(17){display: block;}
      #article-parts .box .value.type18>div:nth-child(18){display: block;}
      #article-parts .box .value.type19>div:nth-child(19){display: block;}
      #article-parts .box .value.type20>div:nth-child(20){display: block;}
      #article-parts .box .value.type21>div:nth-child(21){display: block;}
      #article-parts .box .value.type22>div:nth-child(22){display: block;}
          #article-parts .box .value .title{
            font-weight: bold;
            padding: 5px;
          }
          #article-parts .box .value.type3 .title,
          #article-parts .box .value.type4 .title,
          #article-parts .box .value.type5 .title{
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
          }
          #article-parts .box .value .title a{
          }
          #article-parts .box .value input[type="text"],
          #article-parts .box .value input[type="number"]{
            width: 100%;
            height: 35px;
            font:inherit;
            font-size: 100%;
            font-size: 1.6rem;
            padding: 0 0.5em;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
               -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
                    box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
            -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
                    box-sizing: border-box;
          }
          #article-parts .box .value textarea{
            width: 100%;
            height: 100px;
            font:inherit;
            font-size: 100%;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
               -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
                    box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
            -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
                    box-sizing: border-box;
            resize: vertical;
            height: 200px;
          }
          #article-parts .box .value.type3 textarea{
            height: 300px;
          }
          #article-parts .box .value .f-left{
            float: left;
            width: 300px;
          }
          #article-parts .box .value .f-left.text{
            float: left;
            width: -webkit-calc(100% - 310px);
            width:         calc(100% - 310px);
          }
            #article-parts .box .value .f-left .title:nth-child(1) + textarea,
            #article-parts .box .value .f-right .title:nth-child(1) + textarea{
              height: 30px;
            }
            #article-parts .box .value .thumb-image + textarea,
            #article-parts .box .value .thumb-image + input + textarea{
              height: 50px;
            }
          #article-parts .box .value .f-right{
            float: right;
            width: -webkit-calc(100% - 310px);
            width:         calc(100% - 310px);
          }
          #article-parts .box .value .f-right.image{
            width: 300px;
          }

@media screen and (max-width: 1100px){
  #article-parts .box .value .f-left{
    width: 200px;
  }
  #article-parts .box .value .f-right{
    width: -webkit-calc(100% - 210px);
  }
}

          #article-parts .box .value .balloon .f-left,
          #article-parts .box .value .balloon .f-right.image{
            width: 150px;
          }
          #article-parts .box .value .balloon .f-right,
          #article-parts .box .value .balloon .f-left.text{
            width: calc(100% - 160px);
          }

          #article-parts .box .value .image2{
            float: left;
            width: 50%;
            padding: 0 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          #article-parts .box .value .image3{
            float: left;
            width: 33.33%;
            padding: 0 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          #article-parts .box .value .image4{
            float: left;
            width: 25%;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          .thumb-image{
            width: 100%;
            max-width: 270px;
            padding-right: 10px;
          }
            .thumb-image img{width: 100%; margin-top: 10px;}

  #article-parts .add-box{
    margin-top: 10px;
    width: -webkit-calc(100% - 20px);
    width:         calc(100% - 20px);
    margin-left: 20px;
    margin-bottom: 10px;
  }
    #article-parts .add-box>div{
      position: relative;
      display: table;
      width: 100%;
      border-collapse: collapse;
    }
      #article-parts .add-box>div>span{
        position: absolute;
        left: -20px;
        top: 0px;
        font-size: 20px;
        font-weight: 600;
        line-height: 40px;
        color: #D90000;
        cursor: pointer;
      }
      #article-parts .add-box>div>div{
        display: table-cell;
        width: 40%;
        padding: 5px;
        border: 1px solid #ddd;
        vertical-align: top;
      }
      #article-parts .add-box>div>div.title{
        background: #ddd;
      }
      #article-parts .add-box>div>div:last-child{
        width: 60%;
      }

.sample-add,
.article-add,
.article-next-add,
.contents-add{
  display: inline-block;
  background-color: #0652A0;
  height: 30px;
  padding: 2px 15px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 14;
  line-height: 25px;
  color: #fff;
  cursor: pointer;
}
.article-add{
  background: linear-gradient(#3D97B9,#0F7FA9);
  border: 1px solid #026084;
  color: #fff;
  padding: 6px 20px 6px;
  height: auto;
  line-height: 1.5;
  min-width: 50px;
  text-align: center;
}
.article-next-add{
  font-size: 12px;
  height: auto;
  line-height: 1.4;
  margin: 5px 0 0 5px;
  padding: 6px 15px;
}

.contents-delete{
  display: inline-block;
  background-color: #D90000;
  height: 30px;
  padding: 2px 15px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 14;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}


/*登録画面*/
#regist-form{
  position: relative;
  padding-right: 250px;
}
#regist-form .form-button-area{
  width: 220px;
  border: 1px solid #ddd;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 0px;
}
#regist-form .form-button-area.on{
  position: fixed;
  right: 20px;
  top: 52px;
}
.main-wrap #regist-form .form-button-area.on{
  left: calc(50% + 370px);
}
.menu-on .main-wrap #regist-form .form-button-area.on{
  left: calc(50% + 475px);
}
@media screen and (max-width: 1450px){
  .menu-on .main-wrap #regist-form .form-button-area.on{
    left: auto;
    right: 20px;
  }
}
@media screen and (max-width: 1250px){
  .main-wrap #regist-form .form-button-area.on{
    left: auto;
    right: 20px;
  }
}
@media screen and (max-width: 767px){
  .main-wrap #regist-form .form-button-area.on,
  .menu-on .main-wrap #regist-form .form-button-area.on{
    right: 0px;
  }
}
  #regist-form .form-button-area button{
    background: #f7f7f7;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #aaa;
    background: linear-gradient(#fefefe,#f5f5f5,#ebebeb);
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 5px;
  }
  #regist-form .form-button-area button:hover{
    border: 1px solid #ddd;
    background: #fff;
  }
  #regist-form .form-button-area button:active{
    color: #555;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #regist-form .form-button-area .top{
    padding: 10px;
    text-align: right;
  }
    #regist-form .form-button-area .top table{
      display: block;
      width: 100%;
    }
    #regist-form .form-button-area .top table tbody{
      display: block;
      width: 100%;
    }
      #regist-form .form-button-area .top table th{
        padding-top: 1.5em;
        display: block;
        width: 100%;
        padding-right: 1em;
        vertical-align: middle;
      }
      #regist-form .form-button-area .top table td{
        display: block;
        width: 100%;
        vertical-align: middle;
        text-align: left;
      }

  #regist-form .form-button-area .bottom{
    padding: 10px;
    text-align: right;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
  }
  #regist-form .form-button-area .bottom.no{
    border-top: none;
  }
    #regist-form .form-button-area .bottom button{
      /*background-color: #0085B2;*/
      color: #fff;
      /*border-color: #006799;
      -webkit-box-shadow: 0 1px 0 #006799;
      box-shadow: 0 1px 0 #006799;*/
      padding: 4px 12px;

  background: linear-gradient(#3D97B9,#0F7FA9);
  border: 1px solid #026084;
padding: 4px 1em 4px;
letter-spacing: 1px;
    }
    #regist-form .form-button-area .bottom button.normal{
      background-color: #ddd;
      color: #000;
      border-color: #000;
      -webkit-box-shadow: 0 1px 0 #000;
      box-shadow: 0 1px 0 #000;
      padding: 4px 12px;
background: linear-gradient(#fefefe,#f5f5f5,#ebebeb);
padding: 5px 1em 3px;
letter-spacing: 1px;
    }

  #regist-form .table-button{
    position: absolute;
    right: 250px;
    top: -26px;
  }
    #regist-form .table-button span{
      border: 1px solid #ddd;
      border-bottom: none;
      cursor: pointer;
      padding: 7px 1em;
    }
    #regist-form .table-button span.on{
      background: #eee;
      cursor: auto;
    }

.main .formTbl.set-layout th,
.main .formTbl.set-layout td{
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  font-size: 14px;
}
.main .formTbl.set-layout td input[type="tel"],
.main .formTbl.set-layout td input[type="text"],
.main .formTbl.set-layout td input[type="email"],
.main .formTbl.set-layout td input[type="password"],
.main .formTbl.set-layout td input[type="number"]{
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0 0.5em;
  font-size: 1.6rem;
}
.main .formTbl.set-layout td input[type="number"]{
  padding-right: 0px;
  text-align: left;
}
.main .formTbl.set-layout td select{
  width: 100%;
  height: 35px;
  font-size: 1.4rem;
  font-weight: normal;
}
.main .formTbl.set-layout td label{
  font-size: 1.4rem;
  cursor: pointer
}
.main .formTbl.set-layout td textarea{
  width: 100%;
  height: 150px;
  font-size: 14px;
}
.main .formTbl.set-layout td .confirm{
  font-size: 1.6rem;
}
.main .formTbl.set-layout th{
  padding: 0.5em;
}
.main .formTbl.set-layout.on th,
.main .formTbl.set-layout.on td{
  display: table-cell;
  padding: 12px 15px;
  padding: 1em;
}
.main .formTbl.set-layout.on th{
  width: 250px;
  min-width: 250px;
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 767px){
  .main .formTbl.set-layout th,
  .main .formTbl.set-layout td,
  .main .formTbl.set-layout.on th,
  .main .formTbl.set-layout.on td{
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    padding: 1em;
  }
  .main .formTbl.set-layout th,
  .main .formTbl.set-layout.on th{
    padding: 0.4em 1em;
  }
}


#upload{
  display: inline-block;
  position: relative;
  width: 200px;
  height: 30px;
  overflow: hidden;
  letter-spacing: normal;
  margin-right: 5px;
}
  #upload input[type="file"]{
    display: none;
  }
  #upload span{
    display: block;
    background: url("../images/upload.png") 6px center no-repeat;
    line-height: 28px;
    height: 30px;
    padding-left: 35px;
    cursor: pointer;
    transition: .3s;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #e0e0e0;
  }
  #upload span:hover{
    background-color: #3b98d6;
    border: 1px solid #6b6b6b;
    border-radius: 3px;
    box-shadow: inset 0 0 7px #fff,inset 0 0 3px #fff;
    color: #fff;
  }


.image-delete-area{
  display: none;
  width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.image-delete-area.show{
  display: block;
}
  .image-delete-area span{
    display: inline-block;
    line-height: 26px;
    padding: 0;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

.lang-list li{background: #FFF;}



/*記事パーツ*/
#sample-parts{
  margin-bottom: 20px;
}
  #sample-parts>li{
    position: relative;
    border: 2px solid #aaa;
    border-bottom: 0px;
    background: #ddd;
    padding-top: 30px;;
  }
  #sample-parts>li:last-child{
    border: 2px solid #aaa;
  }
    .sample-delete{
      position: absolute;
      display: inline-block;
      top: 5px;
      right: 5px;
      height: 20px;
      padding: 0 10px;
      font:inherit;
      font-size: 12px;
      line-height: 20px;
      color: #FFF;
      text-align: center;
      letter-spacing: 2px;
      background-color: #D90000;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      cursor: pointer;
    }
    #sample-parts .box{
      padding: 20px;
      background: #fff;
      cursor: default !important;
    }
      #sample-parts .box .value{
        padding: 10px;
      }
      #sample-parts .box .value>div{
        display: none;
        overflow: hidden;
      }
      #sample-parts .box .value.type>div:nth-child(1),
      #sample-parts .box .value.type1>div:nth-child(1){
        display: block;
      }
      #sample-parts .box .value.type2>div:nth-child(2){display: block;}
      #sample-parts .box .value.type3>div:nth-child(3){display: block;}
      #sample-parts .box .value.type4>div:nth-child(4){display: block;}
      #sample-parts .box .value.type5>div:nth-child(5){display: block;}
      #sample-parts .box .value.type6>div:nth-child(6){display: block;}
      #sample-parts .box .value.type7>div:nth-child(7){display: block;}
      #sample-parts .box .value.type8>div:nth-child(8){display: block;}
      #sample-parts .box .value.type9>div:nth-child(9){display: block;}
      #sample-parts .box .value.type10>div:nth-child(10){display: block;}
      #sample-parts .box .value.type11>div:nth-child(11){display: block;}
      #sample-parts .box .value.type12>div:nth-child(12){display: block;}
      #sample-parts .box .value.type13>div:nth-child(13){display: block;}
      #sample-parts .box .value.type14>div:nth-child(14){display: block;}
      #sample-parts .box .value.type15>div:nth-child(15){display: block;}
      #sample-parts .box .value.type16>div:nth-child(16){display: block;}
      #sample-parts .box .value.type17>div:nth-child(17){display: block;}
      #sample-parts .box .value.type18>div:nth-child(18){display: block;}
      #sample-parts .box .value.type19>div:nth-child(19){display: block;}
      #sample-parts .box .value.type20>div:nth-child(20){display: block;}
      #sample-parts .box .value.type21>div:nth-child(21){display: block;}
      #sample-parts .box .value.type22>div:nth-child(22){display: block;}
          #sample-parts .box .value .title{
            font-weight: bold;
            padding: 5px;
          }
          #sample-parts .box .value input[type="text"],
          #sample-parts .box .value input[type="number"]{
            width: 100%;
            height: 28px;
            font:inherit;
            font-size: 100%;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
               -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
                    box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
            -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
                    box-sizing: border-box;
          }
          #sample-parts .box .value textarea{
            width: 100%;
            height: 100px;
            font:inherit;
            font-size: 100%;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
               -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
                    box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
            -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
                    box-sizing: border-box;
            resize: vertical;
          }
          #sample-parts .box .value .f-left{
            float: left;
            width: 300px;
          }
          #sample-parts .box .value .f-left.text{
            float: left;
            width: -webkit-calc(100% - 310px);
            width:         calc(100% - 310px);
          }
            #sample-parts .box .value .f-left .title:nth-child(1) + textarea,
            #sample-parts .box .value .f-right .title:nth-child(1) + textarea{
              height: 30px;
            }
            #sample-parts .box .value .thumb-image + textarea,
            #sample-parts .box .value .thumb-image + input + textarea{
              height: 50px;
            }
          #sample-parts .box .value .f-right{
            float: right;
            width: -webkit-calc(100% - 310px);
            width:         calc(100% - 310px);
          }
          #sample-parts .box .value .f-right.image{
            width: 300px;
          }
          #sample-parts .box .value .image2{
            float: left;
            width: 50%;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          #sample-parts .box .value .image3{
            float: left;
            width: 33.33%;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          #sample-parts .box .value .image4{
            float: left;
            width: 25%;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
          }
          .thumb-image{
            width: 100%;
            max-width: 270px;
            padding-right: 10px;
          }
            .thumb-image img{width: 100%; margin-top: 10px;}

  #sample-parts .add-box{
    margin-top: 10px;
    width: -webkit-calc(100% - 20px);
    width:         calc(100% - 20px);
    margin-left: 20px;
    margin-bottom: 10px;
  }
    #sample-parts .add-box>div{
      position: relative;
      display: table;
      width: 100%;
    }
      #sample-parts .add-box>div>span{
        position: absolute;
        left: -20px;
        top: 0px;
        font-size: 20px;
        font-weight: 600;
        line-height: 40px;
        color: #D90000;
        cursor: pointer;
      }
      #sample-parts .add-box>div>div{
        display: table-cell;
        width: 40%;
        padding: 5px;
        border: 1px solid #ddd;
        vertical-align: top;
      }
      #sample-parts .add-box>div>div.title{
        background: #ccc;
      }
      #sample-parts .add-box>div>div:last-child{
        width: 60%;
      }

.main-img{
  margin-top: 10px;
}



.label-checkbox{
  display: block;
  letter-spacing: -0.4em;
  width: 100%;
}
  .label-checkbox label{
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 25%;
    margin: 0;
    padding: 0.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
  }

.thumb-img{
  position: relative;
  max-width: 200px;
  /*margin: 10px 0 0;*/
}
  .thumb-img img{
    width: auto;
    max-width: 100%;
  }
.thumb-img.type1{
  width: 100%;
  max-width: 350px;
  text-align: center;
}
.thumb-img.type2{
  max-width: 500px;
}
.thumb-img .thumb-delete{

}
.thumb-image .delete-image,
.thumb-img .delete-image{
  position: absolute;
  right: -10px;
  top: -10px;
  background: #fff;
  border: 1px solid #ea0000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #ea0000;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

#article-parts .box .value .add-box textarea{height: 40px;}
#article-parts .box .value .thumb-image{
  position: relative;
  margin-bottom: 10px;
  max-width: 200px;
  text-align: center;
}
#article-parts .box .value .thumb-image.file a{
  display: block;
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-top: 5px;
  color: #673ab7;
}
#article-parts .box .value .thumb-image img{max-width: 150px;}

.flex{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex.nowrap{
  flex-wrap: nowrap;
}
.flex.win>div{
  max-width: 200px;
}
.flex.va-cent{
  align-items: center;
}
.flex.jc-cent{
  justify-content: center;
}
.flex.end{
justify-content: flex-end;
}
.flex.reverse{
  flex-direction: row-reverse;
}
input::placeholder,
textarea::placeholder {
  color: #9f9393;
  font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
}
.flex-radio{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
  .flex-radio label{
    display: block;
    margin: 0 10px 5px 0;
    padding: 3px 10px 5px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

.list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.list.end{
  justify-content: flex-end;
}
  .list li{}
  .list li a,
  .preview{
/*
    display: inline-block;
    padding: 0.2em 0.5em;
    font-size: 12px;
    border: 1px solid #aaa;
    background: #eee;
    text-decoration: none;
    border-radius: 0.2em;
    white-space: nowrap;
*/
    display: block;
    background: linear-gradient(#fefefe,#f5f5f5,#ebebeb);
    min-width: 136px;
    height: 34px;
    padding: 0 1.2em;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .list li.active a{
    background: linear-gradient(#3D97B9,#0F7FA9);
    border: 1px solid #026084;
    color: #fff;
  }
.jc-cent{
  justify-content: center;
}
.ac-cent{
  align-items: center;
}


input.done,
input.done-w,
button.done,
button.done-w{
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  display: inline-block;
  width: 60px;
  height: 28px;
  border: 0px;
  cursor: pointer;
  background: #0085B2;
  color: #fff;
  letter-spacing: 2px;
  border-radius: 5px;
}
input.done-w,
button.done-w{
  width: 100%;
  height: 32px;
  letter-spacing: 1px;
  font-size: 15px;
}
input.done,
input.done-w{
  font-size: 12px;
}

.btn-wait,
.btn-complete{
  box-sizing:border-box;
  display: inline-block;
  min-width: 60px;
  height: 26px;
  background: #426d44;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  padding: 0 1em;
}
.btn-wait{
  background: #ff1100;
}

/*オークション*/
#change-auction{
  background: #fff;
  border: 2px solid #333;
  padding: 0.2em 1em 0.3em;
  border-radius: 5px;
}
.flex.status>div{ margin-bottom: 0; }
.flex.status>div:nth-child(1){  width: 5em; letter-spacing: -1px;}
.flex.status>div:nth-child(2){  width: 150px;}

.auction{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
  .auction h2{
    font-size: 20px;
  }
.tab-payment{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tab-payment li{ margin: 0 5px 10px 0;}
.tab-payment span,
.tab-payment a{
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  min-width: 120px;
  text-align: center;
  border: 2px solid #000;
  padding: 0.4em 1em;
  box-sizing: border-box;
  text-decoration: none;
}
.tab-payment span{
  color: #0085B2;
  border: 2px solid #0085B2;
  background: #0085B2;
  color: #fff;
}
.auction-update{
  max-width: 300px;
}

/*詳細*/
.order-table{
  width: calc(100% - 20px);
  box-sizing: border-box;
}
.order-table tr{
  border-bottom: 1px solid #333;
}
.order-table th{
  padding: 10px;
}
.order-table td{
  vertical-align: middle;
  padding: 10px;
}
.order-table td:nth-child(1){
  width: 100px;
}
.order-table td:nth-child(2){
  width: calc(50% - 100px);
}
.order-table td:nth-child(3){
  width: calc(50% - 100px);
}
.order-table td:nth-child(4){
  text-align: right;
  width: 100px;
}
.order-table td:nth-child(5){
  text-align: right;
}
.order-table td img{
  width: 78px;
}
.total-box{
  width: calc(100% - 20px);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 80px;
}
.total-box .bank{
  border: 1px solid #333;
  padding: 1em;
  margin-bottom: 1em;
}
.total-box .price table th{
  font-size: 12px;
  padding-right: 1em;
}
.total-box .price table td{
  padding: 0 10px;
  text-align: right;
}
.total-box .price .total{
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
  text-align: right;
  border: 4px solid #ddd;
  padding: 5px;
  margin-top: 10px;
}

.button-m,
.button-s,
.button{
  display: inline-block;
  min-width: 200px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  padding: 6px 10px 6px;
  font-size: 1.4rem;
  background: linear-gradient(#fefefe,#f5f5f5,#ebebeb);
  text-decoration: none;
}
.button-m{
  min-width: 120px;
}
.button-s{
  min-width: 60px;
  padding: 3px 10px 3px;
  font-size: 1.3rem;
}
.button.blue,
.button-s.blue,
.button-m.blue{
  background: linear-gradient(#3D97B9,#0F7FA9);
  border: 1px solid #026084;
  color: #fff;
}
.button.red,
.button-s.red,
.button-m.red{
  background: linear-gradient(#EC7B75,#E75B53,#E2382F);
  border: 1px solid #BC1911;
  color: #fff;
}

.color-blue{
  color: #3552fc;
}
.color-red{
  color: #ea0000;
}
.color-gray{
  color: #aaa;
}

/*FontAwesome6*/
.edit-link,
.edit-bold,
.edit-small,
.edit-image,
.button-link,
.button-login,
.button-copy,
.button-download,
.button-preview,
.button-memo,
.button-image,
.button-pdf,
.button-file,
.button-edit,
.button-credit,
.button-cart,
.button-cancel,
.button-pause,
.button-clock,
.button-add,
.button-delete{
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ccc;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  vertical-align: bottom;
}
.edit-link::before,
.edit-bold::before,
.edit-small::before,
.edit-image::before,
.button-link::before,
.button-copy::before,
.button-download::before,
.button-preview::before,
.button-memo::before,
.button-image::before,
.button-pdf::before,
.button-file::before,
.button-edit::before,
.button-credit::before,
.button-cart::before,
.button-cancel::before,
.button-pause::before,
.button-login::before,
.button-clock::before,
.button-add::before,
.button-delete::before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: 'Font Awesome 6 Free';
  font-size: 1.6rem;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.button-edit::before{
  content: '\f044';
  font-size: 1.6rem;
  text-indent: 3px;
}
.button-credit::before{
  content: '\f09d';
}
.button-cart::before{
  content: '\f07a';
}
.edit-image::before,
.button-image::before{
  content: '\f03e';
}
.button-pdf::before{
  content: '\f1c1';
  left: 2px;
}
.button-file::before{
  content: '\f15c';
  left: 2px;
}
.button-memo::before{
  content: '\f27a';
}
.button-preview::before{
  content: '\f06e';
}
.button-download::before{
  content: '\f56d';
  font-size: 2.0rem;
  text-indent: 2px;
}
.button-copy::before{
  content: '\f0c5';
  font-size: 1.6rem;
  text-indent: 2px;
}
.edit-link::before,
.button-link::before{
  content: '\f0c1';
  font-size: 1.6rem;
  text-indent: 2px;
}
.edit-bold::before{
  content: "\f032";
}
.edit-small::before{
  content: "\53";
}
.button-delete::before{
  content: '\f2ed';
  color: #f2f2f2;
}
.button-delete{
  background: linear-gradient(#F07CAA,#EA4B8B);
  border: 1px solid #E61A6B;
  background: linear-gradient(#EC7B75,#E75B53,#E2382F);
  border: 1px solid #BC1911;
}
.button-add::before{
  content: '\2b';
  color: #fff;
}
.button-add,
.button-cancel,
.button-clock,
.button-pause,
.button-login,
.button-update{
  appearance: none;
  background: linear-gradient(#3D97B9,#0F7FA9);
  border: 1px solid #026084;
  border-radius: 5px;
  padding: 4px 1em 4px;
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer;
}
.button-cancel::before{
  content: '\f235';
  color: #f2f2f2;
}
.button-clock::before{
  content: '\f4fd';
  color: #f2f2f2;
}
.button-pause::before{
  content: '\f04c';
  color: #f2f2f2;
}
.button-login::before{
  content: '\f2f6';
  color: #f2f2f2;
}

.search-title{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.bold{font-weight: bold;}
.width50{ width: 100%; max-width: 50px;}
.width60{ width: 100%; max-width: 60px;}
.width70{ width: 100%; max-width: 70px;}
.width80{ width: 100%; max-width: 80px;}
.width90{ width: 100%; max-width: 90px;}
.width100{ width: 100%; max-width: 100px;}
.width110{ width: 100%; max-width: 110px;}
.width120{ width: 100%; max-width: 120px;}
.width130{ width: 100%; max-width: 130px;}
.width140{ width: 100%; max-width: 140px;}
.width150{ width: 100%; max-width: 150px;}
.width200{ width: 100%; max-width: 200px;}
.width250{ width: 100%; max-width: 250px;}
.width300{ width: 100%; max-width: 300px;}
.width350{ width: 100%; max-width: 350px;}
.width400{ width: 100%; max-width: 400px;}
.width450{ width: 100%; max-width: 450px;}

.headline {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.headline-border {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  padding: 10px 2px;
}
.headline-border span{
  display: inline-block;
  color: #FF6600;
  margin-right: 0.5em;
}

.edit-list{
  display: flex;
  flex-wrap: warp;
  gap: 5px;
  margin-bottom: 5px;
}
.edit-link,
.edit-bold,
.edit-small,
.edit-image{
  background: #fff;
  cursor: pointer;
}

/**************************
CSV一括インポート
**************************/
.import-wrap{
  padding: 30px 0 50px;
}
.import-box{
  border: 3px solid #ccc;
  padding: 35px 45px;
  margin-bottom: 50px;
}
.import-box .upload-form {
  width: 100%;
  margin-bottom: 10px;
}
.upload-form label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.upload-form label span:nth-child(1) {
  display: block;
  background: #eee;
  border: 1px solid #ccc;
  width: 223px;
  height: 38px;
  padding-left: 15px;
  line-height: 36px;
  font-size: 1.6rem;
}
.upload-form label span:nth-child(2) {
  width: calc(100% - 140px);
  padding-left: 12px;
  font-size: 1.4rem;
}
.upload-form input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px){
  .import-wrap{
    padding: 0 0 30px
  }
  .import-box{
    border: 2px solid #ccc;
    padding: 15px;
    margin-bottom: 30px;
  }
}

/*リスト*/
.attention{
  margin-bottom: 15px;
}
.attention>li{
  position: relative;
  padding-left: 1em;
  margin-bottom: 3px;
}
.attention>li:last-child{
  margin-bottom: 0;
}
.attention>li>*:first-child{
  position: absolute;
  left: 0;
  top: 0;
}

/**
メッセージ
**/
.message{
  position: relative;
  padding: 30px 0;
  margin-bottom: 30px;
}
.message *{
  position: relative;
  text-align: center;
}
.message::before{
  content: '';
  position: absolute;
  /*left: -50%;*/
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 3px solid #0F7FA9;
}
.message.error::before{
  border: 3px solid #cf2020;
  background: #f2f2f2;
}
.message .title{
  position: relative;
  font-size: 2.2rem;
  color: #0F7FA9;
  padding: 0 15px;
}
@media screen and (max-width: 768px){
  .message .title{
    font-size: 1.6rem;
  }
}
.message.error .title{
  color: #cf2020;
}
.message .title + *{
  margin-top: 10px;
}
.message .message-box li{
  margin-bottom: 20px;
}
.message .message-box li:last-child{
  margin-bottom: 0px;
}
.message .message-title{
  text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
}
.message .message-box li p{
  line-height: 1em;
}

/*ローディング*/
#loader-bg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; z-index: 100;}
#loader {display: block;position: absolute;top: 50%;width: 100%;height: 60px;left: 0; transform: translate(0, -50%) scale(0.9,0.9);;text-align: center;z-index: 100;}
@media screen and (max-width:980px){ #loader {transform: translate(0, -50%) scale(0.7,0.7);}
 }
/*ローダー・サークル*/
.loader1{ width:45px; height:45px; border-radius:50%; border:2px solid rgba(0,0,0,0.2); border-top-color:rgba(0,0,0,0.4); box-sizing:border-box; display: inline-block; animation:loading 0.6s linear infinite; -webkit-animation:loading 0.6s linear infinite;}
    @keyframes loading{ 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}
    @-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}


/*入力カレンダー*/
.calendar{
  display: block;
  position: relative;
  border: 1px solid #ccc;
  margin: 0;
  cursor: pointer;
  width: 140px;
}
.calendar input{
  max-width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 0 0 0 0.5em;
  height: 32px;
  font-size: 16px;
  background: transparent;
  box-shadow: 1px 1px 0px 0 rgb(200 200 200 / 15%) inset;
  cursor: pointer;
}
.calendar input:focus,
.calendar input:focus-visible{
  outline: none;
  border: none;
}
.calendar::after{
  background: #fff;
  content: '\f073';
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  font-family: 'Font Awesome 6 Free';
  font-size: 1.8rem;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  user-select: none;
  pointer-events: none;
  cursor: pointer;
}

/*時間*/
.time{
  display: block;
  position: relative;
  border: 1px solid #ccc;
  margin: 0;
}
.time input{
  max-width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 0 0 0 0.5em;
  height: 32px;
  font-size: 16px;
  background: transparent;
  box-shadow: 1px 1px 0px 0 rgb(200 200 200 / 15%) inset;
}
.time input:focus,
.time input:focus-visible{
  outline: none;
  border: none;
}
.time::after{
  background: #fff;
  content: '\f017';
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 32px;
  font-family: 'Font Awesome 6 Free';
  font-size: 1.6rem;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  user-select: none;
  pointer-events: none;
  cursor: pointer;
}
.checkbox label{
  gap: 3px;
  display: inline-flex;
  cursor: pointer;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0;
}
.checkbox input{
  margin-right: 5px;
}

/*テーブルoverflow*/
@media screen and (max-width: 960px){
  .table-overflow{
    overflow: auto;
    width: 100%;
    max-height: 700px;
  }
  .main .table-overflow .listTbl{
    width: 900px;
  }
}


/*TOPリスト*/
.top-block{
  width: 100%;
  display: inline-grid;
  grid-template-rows: repeat(3,auto);
  grid-auto-flow: column;
  /*background: #fff;*/
  gap: 20px;
  padding: 20px;
}
.top-block-box{
}
.top-block-box .title{
  background: #888;
  border: 1px solid #888;
  color: #fff;
  padding: 0.7em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.top-block-box ul{
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #FFF;
}
.top-block-box ul li{
  border-bottom: 1px solid #ccc;
}
.top-block-box ul li:last-child{
  border: none;
}
.top-block-box ul li a,
.top-block-box ul li span{
  display: block;
  padding: 0.8em 1em;
  text-decoration: none;
}
.top-block-box ul li span{
  background: #ddd;
  color: #aaa;
}

select.large{
  font-size: 16px;
  font-weight: normal;
}

/* tinymce v6 */
.tox:not([dir=rtl]) .tox-statusbar__branding {
  margin-left: 2ch;
  display: none;
}
.tox-promotion{
  display: none;
}
.tox-tinymce {
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
  transition: box-shadow 0s;
  display: flex;
  border-bottom: 1px solid #ccc !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  background-color: #fff;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
}