/* 自由エリア編集のCSS
---------------------------------------------*/
.icon_period {
background: url(../../../core_sys/images/main/g_coupon_campaign/campaign/kikanchu.gif) right center no-repeat;
}

/* table スクロール
---------------------------------------------*/
/*table{ width:100%; }*/
.scroll{ overflow: auto; }
th { white-space : nowrap;}
td { word-break : break-all; }
.scroll::-webkit-scrollbar{ height: 5px; }
.scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }


/***************************************************
記事タイトル装飾
***************************************************/
/* タイトル指定
---------------------------------------------*/
#cms_block h3 {
height: 40px;
margin: 0px auto 10px auto;
padding: 20px 5px 8px 20px;
font-size: 140%;
background: URL(../../../core_sys/images/sys/h3_stripe.gif) left top no-repeat #fff;
/* background: URL(../../../core_sys/images/sys/h3_bg01.gif) right top no-repeat #fff; */
font-weight: bold;
}

/*未使用*/
#cms_block h3.lay01 {
height: 21px;
margin: 0px auto 10px auto;
padding: 15px 10px 0px 10px;
color: #fff;
font-size: 120%;
font-weight: bold;
background: URL(../../../core_sys/images/main/layout_h3_ti01.jpg) top repeat-y #a42300;
}

#cms_block h3.lay02y {
height: 35px;
margin: 0px auto 10px auto;
padding: 15px 5px 0 10px;
border: 1px solid #ddd;
font-size: 160%;
font-weight: normal;
background: #f9f9f9;
/*background: URL(../../../core_sys/images/sys/gl_bar_glay.jpg) right bottom no-repeat #fff;*/
}

#cms_block h4 {
height: 35px;
margin: 0px auto 10px auto;
padding: 15px 5px 0 10px;
text-align: left;
font-size: 120%;
font-weight: bold;
color: #960b0b;
border: solid 1px #960b0b;
border-left: solid 5px #960b0b;
/*background: URL(../../../core_sys/images/sys/h4_bg01.gif) bottom repeat-x #fff;*/
}

#cms_block h4.lay01 {
margin: 0px auto 10px auto;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 120%;
font-weight: bold;
border-bottom:solid 1px #900;
background: url(../../../core_sys/images/sys/h4_bg02.gif) bottom repeat-x #fff;
}

#cms_block h4.lay02 {
margin: 0px auto 5px auto;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 120%;
font-weight: bold;
border-bottom:solid 1px #900;
background: #fff;
}

#cms_block h4.lay03 {
margin: 0px auto 5px auto;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 120%;
font-weight: bold;
border: none;
background: #fff;
}

#cms_block h5 {
margin: 0px auto 10px auto;
padding: 0px;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 120%;
font-weight: bold;
background: #f5f5f5;
font-weight: bold;
}

/* 掲示板タイトル */
.ttl_style_red {
border-bottom: 1px solid #dcdcdc;
border-left: 4px solid #b9002c;
border-right: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
color: #b9002c;
font-size: 21px;
margin-bottom: 15px;
padding: 10px;
}


/* サイドバータイトル */
.side_ttl_style_red {
border-bottom: 2px solid #b9002c;
color: #b9002c;
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 5px;
position: relative;
}

/* 付箋風タイトル（赤） */
.ttl_style_sticky {
    border-bottom: 1px solid #0071bc;
    border-left: 4px solid #0071bc;
    border-right: 1px solid #0071bc;
    border-top: 1px solid #0071bc;
    color: #0071bc;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    padding: 0.5rem;
    position: relative !important;
}
/* 下線サブタイトル（赤） */
.sttl_style_red {
  border-bottom: 2px solid #b9002c;
  color: #b9002c;
  padding: 0 0 5px 0!important;
  margin-bottom: 10px;
  height: auto!important;
  background: none!important;
}

/* 大見出し青(h2) */
.ti_b_h2 {margin: 0px 0px 10px 0px;padding: 7px 0px;background: url(../../../core_sys/images/sys/smartphone/con_h2_ti_bg_b.gif) left bottom repeat-x;}
h2.h2_b {margin:0px;padding: 5px 0px 5px 22px;font-size:120%;color:#666;background: url(../../../core_sys/images/sys/smartphone/h2_ti_bg_b.gif) 10px center no-repeat;}

/* 大見出し赤(h2) */
.ti_r_h2 {margin: 0px 0px 10px 0px;padding: 7px 0px;background: url(../../../core_sys/images/sys/smartphone/con_h2_ti_bg_r.gif) left bottom repeat-x;}
h2.h2_r {margin:0px;padding: 5px 0px 5px 22px;font-size:120%;color:#666;background: url(../../../core_sys/images/sys/smartphone/h2_ti_bg_r.gif) 10px center no-repeat;}

/* 大見出し緑(h2) */
.ti_g_h2 {margin: 0px 0px 10px 0px;padding: 7px 0px;background: url(../../../core_sys/images/sys/smartphone/con_h2_ti_bg_g.gif) left bottom repeat-x;}
h2.h2_g {margin:0px;padding: 5px 0px 5px 22px;font-size:120%;color:#666;background: url(../../../core_sys/images/sys/smartphone/h2_ti_bg_g.gif) 10px center no-repeat;}

/* 大見出し黄(h2) */
.ti_o_h2 {margin: 0px 0px 10px 0px;padding: 7px 0px;background: url(../../../core_sys/images/sys/smartphone/con_h2_ti_bg_o.gif) left bottom repeat-x;}
h2.h2_o {margin:0px;padding: 5px 0px 5px 22px;font-size:120%;color:#666;background: url(../../../core_sys/images/sys/smartphone/h2_ti_bg_o.gif) 10px center no-repeat;}

/* 大見出し黒(h2) */
.ti_bk_h2 {margin: 0px 0px 10px 0px;padding: 7px 0px;background: url(../../../core_sys/images/sys/smartphone/con_h2_ti_bg_bk.gif) left bottom repeat-x;}
h2.h2_bk {margin:0px;padding: 5px 0px 5px 22px;font-size:120%;color:#666;background: url(../../../core_sys/images/sys/smartphone/h2_ti_bg_bk.gif) 10px center no-repeat;}

/* 中見出し青(h3) */
h3.ti_b_h3 {margin: 10px 0px;padding: 4px 0px 4px 10px;color:#FFF;background:#0b68b1;}

/* 中見出し赤(h3) */
h3.ti_r_h3 {margin: 10px 0px;padding: 4px 0px 4px 10px;color:#FFF;background:#b70d0d;}

/* 中見出し緑(h3) */
h3.ti_g_h3 {margin: 10px 0px;padding: 4px 0px 4px 10px;color:#FFF;background:#129970;}

/* 中見出し黄(h3) */
h3.ti_o_h3 {margin: 10px 0px;padding: 4px 0px 4px 10px;color:#FFF;background:#e48b00;}

/* 中見出し黒(h3) */
h3.ti_bk_h3 {margin: 10px 0px;padding: 4px 0px 4px 10px;color:#FFF;background:#525252;}

/* 小見出し青(h4) */
h4.ti_b_h4 {margin: 10px 0px;padding: 5px 0px 5px 4px;color:#0b68b1;border-bottom: 3px solid #0b68b1;}

/* 小見出し赤(h4) */
h4.ti_r_h4 {margin: 10px 0px;padding: 5px 0px 5px 4px;color:#666;border-bottom: 3px solid #b70d0d;}

/* 小見出し緑(h4) */
h4.ti_g_h4 {margin: 10px 0px;padding: 5px 0px 5px 4px;color:#666;border-bottom: 3px solid #129970;}

/* 小見出し黄(h4) */
h4.ti_o_h4 {margin: 10px 0px;padding: 5px 0px 5px 4px;color:#666;border-bottom: 3px solid #e48b00;}

/* 小見出し黒(h4) */
h4.ti_bk_h4 {margin: 10px 0px;padding: 5px 0px 5px 4px;color:#666;border-bottom: 3px solid #525252;}

p.h_no {margin:0px;padding:0px;}


/* NEWSのアイコン
---------------------------------------------*/
/* Dr */
span.info_box {
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
    border-radius: 4px;
    color: #fff;
}
.dr { background: #f00; }
.dt { background: #fbc100; }
.dr-dt { 
    padding: 0.2rem 2.4rem!important; 
    background: url(../../../core_sys/images/sys/icon_dr-dt.png) left center no-repeat;
    background-size:auto 20px;
}
.ClassName {display:none;}

.detail {
    display: flex;
    align-items: start;
    font-size: 0.8rem;
    line-height: 1.5;
}
.day_frame {
    border: 1px solid #333;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
    border-radius: 4px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.3;
    white-space: nowrap;
}


/* タイトル内ボタン（黒） */
a.btn_arrow_bk {
  background: #666 url(../../images/sys/ar01_wh01.gif) 5px center no-repeat!important;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff!important;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 6px 0 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
a.btn_arrow_bk:hover {
  background-color: #999;
}

/* 期間中テキスト */
.period {
color: #ff0008;
font-size: 12px;
}

/* 期間中アイコン */
.period_icon {
background: url(../../../images/others/kikanchu.gif) right center no-repeat;
background-size:30px;
display: inline-block;
padding-right: 20px;
}

/* PDFアイコン */

/* PDFアイコンつきリスト */
/* 大 */
.list_style_pdf_l {
list-style: none;
}
.list_style_pdf_l li {
background: url(../../../core_sys/images/others/pdf_icon_x48.gif) left center no-repeat;
background-size:30px;
padding-left: 35px;
padding-bottom: 10px;
margin-bottom: 5px;
line-height: 1.7;
border-bottom: 1px dotted #ccc;
}
.list_style_pdf_l li a {
}

/* 小 */
.list_style_pdf {
  overflow: hidden;
}
.list_style_pdf li {
 background: url(../../../core_sys/images/sys/ar01_bl01.gif) left center no-repeat;
 padding-left: 14px;
 font-size: 14px;
 line-height: 1.9;
  /*float: left;*/
}

span.icon_pdf {
  background: url(../../../core_sys/images/others/pdf_icon_24x24.gif) right center no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

/* タブ */
.tab {
  border-bottom: 1px solid #ccc;
  margin-left: -2px;
  overflow: hidden;
  width: 100%;
}
.tab li {
  background-color: #ccc;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin-left: 2px;
  padding: 0 10px;
}
.tab li a {
  color: #fff;
  text-decoration: none;
}
.tab li.select,
.tab li:hover {
  background-color: #666;
}

.tab_box {
  background-color: #f5f5f5;
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
  display: none;
}
.active { display: block; }

/* 横並びリスト（デフォルト） */
.list_style_col {
  overflow: hidden;
}
.list_style_col li {
  float: left;
  padding-bottom: 10px;
}

/* ---------- ポリシー ボタン -------- */
div.btn_blue a {
    display: block;
    padding: 0.3rem 1.2rem;
    font-size: 1rem;
    color: #fff;
    background: #1979ca;
    border-radius: 6px;
    text-decoration: none;
}
div.btn_blue a:hover {background-color: #1e3756; border-radius: 6px; transition: all .3s; }
.icon_Link:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/sys/ex_link.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
    padding-bottom: 6px;
}


/* ----------オンラインセミナー -------- */
.dayframe {border:1px solid #ccc; margin: 10px; padding:20px 10px;}
.dayframe .flex {display: flex; flex-wrap: wrap; }
.dayframe .flex .item {margin: 10px; font-size: 90%; }
.flow_frame {border:1px solid #FF0000; padding: 2px 4px;}

.s_tit {font-size: 120%; text-align: center;}

.online_btn {
  margin: 10px auto;
  position: relative;
  display: block;
  padding: .4em 1em;
  background-color: #8b0000;
  border: 2px solid #8b0000;
  font-size: 120%;
  color: #fff!important;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}
.online_btn::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.online_btn:hover {
  background-color: #fff;
  color: #333!important;
}

.flow_step {
    position: relative;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.flow_step_title {
    position: relative;
    font-size: 120%;
}
.flow_step_title::before {
    content: "";
    position: absolute;
    left: 0;
}
.flow_step_title.title_1::before {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../../core_sys/images/sys/flow_num1.png) no-repeat 0 0;
    background-size: contain;
}
.flow_step_title.title_2::before {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../../core_sys/images/sys/flow_num2.png) no-repeat 0 0;
    background-size: contain;
}
.flow_step_title.title_3::before {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../../core_sys/images/sys/flow_num3.png) no-repeat 0 0;
    background-size: contain;
}
.flow_step_title.title_4::before {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../../core_sys/images/sys/flow_num4.png) no-repeat 0 0;
    background-size: contain;
}
.flow_step_title.title_5::before {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../../core_sys/images/sys/flow_num5.png) no-repeat 0 0;
    background-size: contain;
}
.flow_step::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 15px;
    width: 1px;
    height: calc(100% - 40px);
    background: #333;
}

.flow_step_title, .flow_step_text {
    padding-left: 35px;
    margin-top: 5px;
}
.flow_step_text {
    font-size: 90%;
}

/*モーダル
---------------------------------------------*/
#modal_box .modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    transition: margin-top 0.3s ease, height 0.3s ease;
    width:90%;
    height: 18em;
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari,Google Chrome */
    -moz-border-radius:10px;/* Firefox */
    display:none; 
    z-index:9999; 
    text-align:center; 
}
#modal_box .modal_box{ padding: 15px;}
#modal_box .modal_tit {
    padding: 3%;
    font-weight: bold;
    font-size: 110%;
    color: #FFF;
    background: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#modal_box .come { padding: 4% 0 0 0; font-size: 80%;}
#modal_box ul.modal_btn { margin: 4% auto 0; width: 80%;  padding: 0; box-sizing: border-box;}
#modal_box ul.modal_btn li { float: left; width: 49%; list-style: none;}
#modal_box ul.modal_btn li+li {  margin-left: 2%;}
#modal_box ul.modal_btn li a {
    display: block;
    width: 100%;
    padding: 10%;
    color: #FFF;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#modal_box ul.modal_btn li:nth-child(1) a {  background: #4DA5DE;}
#modal_box ul.modal_btn li:nth-child(2) a {  background: #999;}