@charset "UTF-8";

/* //////////////////////////////////////////////////

　common style for modern browser

////////////////////////////////////////////////// */


/* Base
-------------------------------------------------- */
/*
　各要素のスタイルを初期化し、デフォルトのスタイルを定義
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, header, footer, main, nav, section, time { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; }
article, aside, details, figure, figcaption, header, footer, main, nav, section { display: block; }
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
blockquote, q { quotes: none; }
img { vertical-align: middle; font-size: 0; line-height: 0; width: auto; max-width: 100%;}
a img { border: 0; }
button { border: none; background: none; margin: 0; padding: 0; outline: none; font-size: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

/*
  Module
-------------------------------------------------- */
/*
　あらゆる再利用できるオブジェクト
　ブロックのエレメントを表すルールは"_"で始まる
　エレメントのバリエーションを表すルールは"__"で始まる
*/
/* grid */
.grid {
  display: grid;
  display: -ms-grid; }

/* grid table */
.grid-table {
  display: table;
  width: 100%; }
  .grid-table.fixed {
    table-layout: fixed; }
  .grid-table > ._item {
    display: table-cell;
    vertical-align: top; }

/* grid inline-block */
.grid-inline {
  letter-spacing: -.4em; }
  .grid-inline > ._item {
    display: inline-block;
    letter-spacing: normal; }

/* flexbox */
.flex {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }

.grid-table .__col2, .grid-inline .__col2, .flex .__col2 {
  width: 16.6666%; }
.grid-table .__col3, .grid-inline .__col3, .flex .__col3 {
  width: 25%; }
.grid-table .__col4, .grid-inline .__col4, .flex .__col4 {
  width: 33.33%; }
.grid-table .__col5, .grid-inline .__col5, .flex .__col5 {
  width: 41.6666%; }
.grid-table .__col6, .grid-inline .__col6, .flex .__col6 {
  width: 50%; }
.grid-table .__col7, .grid-inline .__col7, .flex .__col7 {
  width: 58.3333%; }
.grid-table .__col8, .grid-inline .__col8, .flex .__col8 {
  width: 66.67%; }
.grid-table .__col9, .grid-inline .__col9, .flex .__col9 {
  width: 75%; }
.grid-table .__col10, .grid-inline .__col10, .flex .__col10 {
  width: 83.3333%; }
.grid-table .__col12, .grid-inline .__col12, .flex .__col12 {
  width: 100%; }
@media screen and (max-width: 768px) {
  .grid-table .__col2, .grid-table .__col3, .grid-table .__col4, .grid-table .__col5, .grid-table .__col6, .grid-table .__col7, .grid-table .__col8, .grid-table .__col9, .grid-table .__col10, .grid-inline .__col2, .grid-inline .__col3, .grid-inline .__col4, .grid-inline .__col5, .grid-inline .__col6, .grid-inline .__col7, .grid-inline .__col8, .grid-inline .__col9, .grid-inline .__col10, .flex .__col2, .flex .__col3, .flex .__col4, .flex .__col5, .flex .__col6, .flex .__col7, .flex .__col8, .flex .__col9, .flex .__col10 {
    width: 100%; }
  .grid-table .__col2-tab, .grid-inline .__col2-tab, .flex .__col2-tab {
    width: 16.6666%; }
  .grid-table .__col3-tab, .grid-inline .__col3-tab, .flex .__col3-tab {
    width: 25%; }
  .grid-table .__col4-tab, .grid-inline .__col4-tab, .flex .__col4-tab {
    width: 33.33%; }
  .grid-table .__col5-tab, .grid-inline .__col5-tab, .flex .__col5-tab {
    width: 41.6666%; }
  .grid-table .__col6-tab, .grid-inline .__col6-tab, .flex .__col6-tab {
    width: 50%; }
  .grid-table .__col7-tab, .grid-inline .__col7-tab, .flex .__col7-tab {
    width: 58.3333%; }
  .grid-table .__col8-tab, .grid-inline .__col8-tab, .flex .__col8-tab {
    width: 66.67%; }
  .grid-table .__col9-tab, .grid-inline .__col9-tab, .flex .__col9-tab {
    width: 75%; }
  .grid-table .__col10-tab, .grid-inline .__col10-tab, .flex .__col10-tab {
    width: 83.3333%; }
  .grid-table .__col12-tab, .grid-inline .__col12-tab, .flex .__col12-tab {
    width: 100%; } }
@media screen and (max-width: 600px) {
  .grid-table .__col2-sp, .grid-inline .__col2-sp, .flex .__col2-sp {
    width: 16.6666%; }
  .grid-table .__col3-sp, .grid-inline .__col3-sp, .flex .__col3-sp {
    width: 25%; }
  .grid-table .__col4-sp, .grid-inline .__col4-sp, .flex .__col4-sp {
    width: 33.33%; }
  .grid-table .__col5-sp, .grid-inline .__col5-sp, .flex .__col5-sp {
    width: 41.6666%; }
  .grid-table .__col6-sp, .grid-inline .__col6-sp, .flex .__col6-sp {
    width: 50%; }
  .grid-table .__col7-sp, .grid-inline .__col7-sp, .flex .__col7-sp {
    width: 58.3333%; }
  .grid-table .__col8-sp, .grid-inline .__col8-sp, .flex .__col8-sp {
    width: 66.67%; }
  .grid-table .__col9-sp, .grid-inline .__col9-sp, .flex .__col9-sp {
    width: 75%; }
  .grid-table .__col10-sp, .grid-inline .__col10-sp, .flex .__col10-sp {
    width: 83.3333%; }
  .grid-table .__col12-sp, .grid-inline .__col12-sp, .flex .__col12-sp {
    width: 100%; } }

.flex.m60 {
  margin-right: -30px;
  margin-left: -30px;
}
.m60 > * {
  padding-right: 30px;
  padding-left: 30px;
}
.flex.m50 {
  margin-right: -25px;
  margin-left: -25px;
}
.m50 > * {
  padding-right: 25px;
  padding-left: 25px;
}
.flex.m40 {
  margin-right: -20px;
  margin-left: -20px;
}
.m40 > * {
  padding-right: 20px;
  padding-left: 20px;
}
.flex.m30 {
  margin-right: -15px;
  margin-left: -15px;
}
.m30 > * {
  padding-right: 15px;
  padding-left: 15px;
}
.flex.m20 {
  margin-right: -10px;
  margin-left: -10px;
}
.m20 > * {
  padding-right: 10px;
  padding-left: 10px;
}
.flex.m10 {
  margin-right: -5px;
  margin-left: -5px;
}
.m10 > * {
  padding-right: 5px;
  padding-left: 5px;
}
/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
  .flex.m60 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .m60 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .flex.m50 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .m50 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .flex.m40 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .m40 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .flex.m30 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .m30 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .flex.m20 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .m20 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.wp_entry .__col1  ,.__col1  { width: 8.33% !important}
.wp_entry .__col2  ,.__col2  { width: 16.6666% !important}
.wp_entry .__col3  ,.__col3  { width: 25% !important}
.wp_entry .__col4  ,.__col4  { width: 33.33% !important}
.wp_entry .__col5  ,.__col5  { width: 41.6666% !important}
.wp_entry .__col6  ,.__col6  { width: 50% !important}
.wp_entry .__col7  ,.__col7  { width: 58.3333% !important}
.wp_entry .__col8  ,.__col8  { width: 66.67% !important}
.wp_entry .__col9  ,.__col9  { width: 75% !important}
.wp_entry .__col10 ,.__col10 { width: 83.3333% !important}
.wp_entry .__col11 ,.__col11 {width: 91.66% !important}
.wp_entry .__col12 ,.__col12 { width: 100% !important}
@media screen and (max-width: 768px) {
  .__col1, .__col2, .__col3, .__col4, .__col5, .__col6, .__col7, .__col8, .__col9, .__col10,
  .wp_entry .__col1, .wp_entry .__col2, .wp_entry .__col3, .wp_entry .__col4, .wp_entry .__col5,
  .wp_entry .__col6, .wp_entry .__col7, .wp_entry .__col8, .wp_entry .__col9, .wp_entry .__col10 {
    width: 100% !important;
  }

  .__col2-tab  { width: 16.6666% !important}
  .__col3-tab  { width: 25% !important}
  .__col4-tab  { width: 33.33% !important}
  .__col5-tab  { width: 41.6666% !important}
  .__col6-tab  { width: 50% !important}
  .__col7-tab  { width: 58.3333% !important}
  .__col8-tab  { width: 66.67% !important}
  .__col9-tab  { width: 75% !important}
  .__col10-tab { width: 83.3333% !important}
  .__col12-tab { width: 100% !important}

  .flex > div, .flex > ._item
  {
    margin-bottom: 20px;
  }
  .flex > div:last-child{
    margin-bottom: inherit;
  }

}
@media screen and (max-width: 480px) {
  .__col1, .__col2, .__col3, .__col4, .__col5, .__col6, .__col7, .__col8, .__col9, .__col10,
  .wp_entry .__col1, .wp_entry .__col2, .wp_entry .__col3, .wp_entry .__col4, .wp_entry .__col5,
  .wp_entry .__col6, .wp_entry .__col7, .wp_entry .__col8, .wp_entry .__col9, .wp_entry .__col10 {
    width: 100% !important;
  }
.wp_entry .__col2-sp, .__col2-sp  { width: 16.6666% !important}
.wp_entry .__col3-sp, .__col3-sp  { width: 25% !important}
.wp_entry .__col4-sp, .__col4-sp  { width: 33.33% !important}
.wp_entry .__col5-sp, .__col5-sp  { width: 41.6666% !important}
.wp_entry .__col6-sp, .__col6-sp  { width: 50% !important}
.wp_entry .__col7-sp, .__col7-sp  { width: 58.3333% !important}
.wp_entry .__col8-sp, .__col8-sp  { width: 66.67% !important}
.wp_entry .__col9-sp, .__col9-sp  { width: 75% !important}
.wp_entry .__col10-sp, .__col10-sp { width: 83.3333% !important}
.wp_entry .__col12-sp, .__col12-sp { width: 100% !important}
}


/* other element */
.ul_disc > li { list-style: disc; margin-left: 18px; }
.ol_decimal > li { list-style: decimal; margin-left: 18px; }

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}

/* State
-------------------------------------------------- */
.hidden { display: none; }
.hidden_pc { display: none; }

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
.hidden_pc { display: block; }
.hidden_pc.inline { display: inline; }
.hidden_tab { display: none; }
}
@media screen and (max-width: 480px) {
.hidden_pc.hidden_tab { display: block; }
.hidden_sp { display: none; }
}

/* Utillity
-------------------------------------------------- */
.clearfix::after { content: ""; display: block; clear: both; }
.clear { clear: both; }
.ofH { overflow: hidden; }
.poR { position: relative; }
.poA { position: absolute; }

/* Centering */
.centering { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.center-block, .mx-auto{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Float */
.flL { float: left }
.flR { float: right }

/* Margin */
.m00  { margin: 0 !important }
.mt0  { margin-top:    0px !important }
.mt05 { margin-top:    5px !important}
.mr05 { margin-right:  5px !important}
.mb05 { margin-bottom: 5px !important}
.ml05 { margin-left:   5px !important}
.mt10 { margin-top:    10px !important}
.mr10 { margin-right:  10px !important}
.mb10 { margin-bottom: 10px !important}
.ml10 { margin-left:   10px !important}
.mt15 { margin-top:    15px !important}
.mr15 { margin-right:  15px !important}
.mb15 { margin-bottom: 15px !important}
.ml15 { margin-left:   15px !important}
.mt20 { margin-top:    20px !important}
.mr20 { margin-right:  20px !important}
.mb20 { margin-bottom: 20px !important}
.ml20 { margin-left:   20px !important}
.mt25 { margin-top:    25px !important}
.mr25 { margin-right:  25px !important}
.mb25 { margin-bottom: 25px !important}
.ml25 { margin-left:   25px !important}
.mt30 { margin-top:    30px !important}
.mr30 { margin-right:  30px !important}
.mb30 { margin-bottom: 30px !important}
.ml30 { margin-left:   30px !important}
.mt40 { margin-top:    40px !important}
.mr40 { margin-right:  40px !important}
.mb40 { margin-bottom: 40px !important}
.ml40 { margin-left:   40px !important}
.mt50 { margin-top:    50px !important}
.mr50 { margin-right:  50px !important}
.mb50 { margin-bottom: 50px !important}
.ml50 { margin-left:   50px !important}

.pt0 { padding-top:    0px !important}
.pt05 { padding-top:    5px !important}
.pr05 { padding-right:  5px !important}
.pb05 { padding-bottom: 5px !important}
.pl05 { padding-left:   5px !important}
.pt10 { padding-top:    10px !important}
.pr10 { padding-right:  10px !important}
.pb10 { padding-bottom: 10px !important}
.pl10 { padding-left:   10px !important}
.pt20 { padding-top:    20px !important}
.pr20 { padding-right:  20px !important}
.pb20 { padding-bottom: 20px !important}
.pl20 { padding-left:   20px !important}
.pt30 { padding-top:    30px !important}
.pr30 { padding-right:  30px !important}
.pb30 { padding-bottom: 30px !important}
.pl30 { padding-left:   30px !important}

@media screen and (max-width: 768px) {
.pd10-sp{padding: 10px !important;}
}

/* Text */
.fwB  { font-weight: bold }
.fwN  { font-weight: normal }

.ffG {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ffM {
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.fcW { color: #fff }

.taR { text-align: right }
.taL { text-align: left }
.taC { text-align: center }
.vaM { vertical-align: middle }

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* Image */
a:hover img { opacity: 0.7; }
img.fit_limit { max-width: 100%; height: auto; }
img.fit { width: 100%; height: auto; }


/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
.noF_tab { float: none !important; }
.wA_tab { width: 100% !important; }
img.retina { zoom: .75; }
}
@media screen and (max-width: 480px) {
.noF_sp { float: none !important; }
.wA_sp { width: 100% !important; }
img.retina { zoom: .5; }
}

/* text-decoration */
.noDec a { text-decoration: none; }
.noDec a:hover { text-decoration: underline; }