@charset "utf-8";
/*------------------------------------
last_update 2015/03/24　14:53
--------------------------------------*/
/*------------------------------------
リセット
--------------------------------------*/
/* line 10, editor-style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, editor-style.scss */
html, body {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
  min-width: 320px;
  background: #FFFFFF;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 640px) {
  /* line 34, editor-style.scss */
  html, body {
    -webkit-overflow-scrolling: touch;
  }
}
/* line 41, editor-style.scss */
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, em, img, q, small, strong, sub, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
  word-wrap: break-word;
  word-break: break-all;
  font-weight: normal;
  font-style: normal;
}

/*section {
clear:both;
}*/
/* line 59, editor-style.scss */
ol, ul {
  list-style: none;
}

/* line 63, editor-style.scss */
img {
  vertical-align: bottom;
}

@media only screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
  }
}
/* line 67, editor-style.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

/* line 72, editor-style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 76, editor-style.scss */
nav ul {
  list-style: none;
}

/* line 80, editor-style.scss */
blockquote, q {
  quotes: none;
}

/* line 84, editor-style.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 89, editor-style.scss */
a {
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
  text-decoration: underline;/* 2018-03-28 edit */
  font-weight: normal;
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(153, 153, 153, 0.4);
}
a:hover{/* 2018-03-28 edit */
  text-decoration: none;
}

/* line 100, editor-style.scss */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* line 105, editor-style.scss */
input, select {
  vertical-align: middle;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}

/* line 110, editor-style.scss */
a {
  color: #322D2D;
}

/* line 130, editor-style.scss */
em {
  font-weight: bold;
  font-style: normal;
}

/*------------------------------------
TinyMCE用スタイル
--------------------------------------*/
/*「見出し1（アイコンつき・大）」*/
/* line 140, editor-style.scss */
.editorStyleTitle_01 {
  background: url(images/icon_bg_head_title_01.png) no-repeat 0 100%;
  -webkit-background-size: 660px auto;
  -moz-background-size: 660px auto;
  background-size: 660px auto;
  font-size: 1.3em;
  font-weight: bold;
  color: #322e2f;
  padding: 0px 0 2px 45px;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 140, editor-style.scss */
  .editorStyleTitle_01 {
    max-width: none;
    font-size: 1.1em;
  }
}
/*「見出し2（アイコンつき・中）」*/
/* line 156, editor-style.scss */
.editorStyleTitle_02 {
  font-size: 1.25em;
  color: #322e2f;
  border-bottom: solid 1px #DCDCC8;
  padding: 4px 0 4px 28px;
  background: url(images/icon_head_title_02.png) no-repeat 0 50%;
  margin: 7% 0 3%;
  max-width: 660px;
  -webkit-background-size: 20px auto;
  -o-background-size: 20px auto;
  background-size: 20px auto;
}

@media only screen and (max-width: 640px) {
  /* line 156, editor-style.scss */
  .editorStyleTitle_02 {
    max-width: none;
    font-size: 1.1em;
  }
}
/*「見出し3（アイコンつき・小）」*/
/* line 173, editor-style.scss */
.editorStyleTitle_03 {
  font-size: 1em;
  font-weight: bold;
  color: #322e2f;
  padding: 0 0 0 28px;
  background: url(images/icon_head_title_02.png) no-repeat 0 50%;
  -webkit-background-size: 17px auto;
  -o-background-size: 17px auto;
  background-size: 17px auto;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 173, editor-style.scss */
  .editorStyleTitle_03 {
    max-width: none;
  }
}
/*「見出し4（アイコンなし・太字）」*/
/* line 190, editor-style.scss */
.editorStyleTitle_04 {
  font-size: 1em;
  font-weight: bold;
  color: #322e2f;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 190, editor-style.scss */
  .editorStyleTitle_04 {
    max-width: none;
  }
}
/*「見出し5」*/
/* line 202, editor-style.scss */
.editorStyleTitle_05 {
  font-size: 0.9em;
  color: #322e2f;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 202, editor-style.scss */
  .editorStyleTitle_05 {
    max-width: none;
  }
}
/*「見出し6」*/
/* line 213, editor-style.scss */
.editorStyleTitle_06 {
  font-size: 0.8em;
  font-weight: bold;
  color: #322e2f;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 213, editor-style.scss */
  .editorStyleTitle_06 {
    max-width: none;
  }
}
/*「文章の段落」*/
/* line 226, editor-style.scss */
.editorStyle_text {
  width: 100%;
  max-width: 660px;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 226, editor-style.scss */
  .editorStyle_text {
    max-width: none;
  }
}
/*「箇条書き（アイコンつき）」*/
/* line 238, editor-style.scss */
.editorStyle_list {
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 238, editor-style.scss */
  .editorStyle_list {
    width: 100%;
    display: block;
    max-width: none;
  }
}
/* line 246, editor-style.scss */
.editorStyle_list li {
  padding: 8px 0 8px 18px;
  background: url(images/icon_listmark.png) no-repeat 0 50%;
  -webkit-background-size: 5px auto;
  -o-background-size: 5px auto;
  background-size: 5px auto;
}

/*「表組み（列幅指定なし）」*/
/* line 258, editor-style.scss */
.editorStyle_table {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 258, editor-style.scss */
  .editorStyle_table {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 267, editor-style.scss */
.editorStyle_table th {
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 267, editor-style.scss */
  .editorStyle_table th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
/* line 279, editor-style.scss */
.editorStyle_table td {
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  /* line 279, editor-style.scss */
  .editorStyle_table td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}
/*「表組み（列幅 50:50）」*/
/* line 295, editor-style.scss */
.editorStyle_table_50_50 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 295, editor-style.scss */
  .editorStyle_table_50_50 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
   /* display: block; 2018-03-28 edit*/
  }
}
/* line 305, editor-style.scss */
.editorStyle_table_50_50 th {
  width: 50%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 305, editor-style.scss */
  .editorStyle_table_50_50 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
/* line 318, editor-style.scss */
.editorStyle_table_50_50 td {
  width: 50%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  /* line 318, editor-style.scss */
  .editorStyle_table_50_50 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}
/*「表組み（列幅 30:70）」*/
/* line 335, editor-style.scss */
.editorStyle_table_30_70 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 335, editor-style.scss */
  .editorStyle_table_30_70 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
    /* display: block; 2018-03-28 edit*/
  }
}
/* line 345, editor-style.scss */
.editorStyle_table_30_70 th {
  width: 30%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 345, editor-style.scss */
  .editorStyle_table_30_70 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
/* line 358, editor-style.scss */
.editorStyle_table_30_70 td {
  width: 70%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  /* line 358, editor-style.scss */
  .editorStyle_table_30_70 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}
/*youtube*/
.cmnStyle_movieWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.cmnStyle_movieWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*「リンクボタン」*/
/* line 392, editor-style.scss */
a.editorStyle_btnLink {
  display: block;
  max-width: 280px;
  width: 70%;
  background: #F5F4F0;
  border: solid 1px #D4D4BD;
  padding: 20px 24px;
  margin-top: 4%;
}

/* line 400, editor-style.scss */
a.editorStyle_btnLink:link {
  text-decoration: none;
}

/* line 403, editor-style.scss */
a.editorStyle_btnLink:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* line 407, editor-style.scss */
a.editorStyle_btnLink:visited {
  text-decoration: none;
}

/* line 410, editor-style.scss */
a.editorStyle_btnLink:active {
  text-decoration: none;
}

/*「リンクボタン（外部サイトへ）」*/
/* line 416, editor-style.scss */
a.editorStyle_btnLink.gaibu {
  display: block;
  max-width: 280px;
  width: 70%;
  background: #f9f9f9 url(images/icon_gaibulink.png) no-repeat 94% 50%;
  -webkit-background-size: 16px auto;
  -o-background-size: 16px auto;
  background-size: 16px auto;
  border: solid 1px #8e8a8b;
  padding: 20px 36px 20px 24px;
  margin-top: 4%;
}

/* line 427, editor-style.scss */
a.editorStyle_btnLink.gaibu:link {
  text-decoration: none;
}

/* line 430, editor-style.scss */
a.editorStyle_btnLink.gaibu:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* line 434, editor-style.scss */
a.editorStyle_btnLink.gaibu:visited {
  text-decoration: none;
}

/* line 437, editor-style.scss */
a.editorStyle_btnLink.gaibu:active {
  text-decoration: none;
}

/*
画像レイアウト各種
**************************************
ここから先は複数のタグを組み合わせたレイアウト例なので、
TinyMCEにはパーツ登録しません。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
**************************************
*/
/* line 451, editor-style.scss */
.editorStyle_1col {
  width: 100%;
  max-width: 660px;
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 451, editor-style.scss */
  .editorStyle_1col {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 460, editor-style.scss */
.editorStyle_1col img {
  width: 100%;
  max-width: 660px;
  height: auto;
}

/* line 467, editor-style.scss */
.editorStyle_2col {
  overflow: hidden;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 467, editor-style.scss */
  .editorStyle_2col {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 476, editor-style.scss */
.editorStyle_2col .left {
  float: left;
}

/* line 479, editor-style.scss */
.editorStyle_2col .right {
  overflow: hidden;
  padding-left: 6.6%;
}

/* line 484, editor-style.scss */
.editorStyle_3col {
  overflow: hidden;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 484, editor-style.scss */
  .editorStyle_3col {
    max-width: none;
  }
}
/* line 492, editor-style.scss */
.editorStyle_4col {
  overflow: hidden;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 492, editor-style.scss */
  .editorStyle_4col {
    max-width: none;
  }
}
/*左*/
/* line 503, editor-style.scss */
.editorStyle_2col.img01_left .left {
  max-width: 260px;
  width: 40%;
}

@media only screen and (max-width: 640px) {
  /* line 503, editor-style.scss */
  .editorStyle_2col.img01_left .left {
    max-width: none;
  }
}
/* line 509, editor-style.scss */
.editorStyle_2col.img01_left .left img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 514, editor-style.scss */
  .editorStyle_2col.img01_left .right {
    width: 60%;
    padding-right: 6.6%;
  }
}
/* line 522, editor-style.scss */
.editorStyle_2col.img01large_left .left {
  max-width: 420px;
}

@media only screen and (max-width: 640px) {
  /* line 522, editor-style.scss */
  .editorStyle_2col.img01large_left .left {
    max-width: none;
    float: none;
  }
}
/* line 528, editor-style.scss */
.editorStyle_2col.img01large_left .left img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 533, editor-style.scss */
  .editorStyle_2col.img01large_left .right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 537, editor-style.scss */
  .editorStyle_2col.img01large_left .right p {
    margin-top: 2%;
  }
}
/* line 545, editor-style.scss */
.editorStyle_2col.img02tate_left .left {
  max-width: 260px;
}

@media only screen and (max-width: 640px) {
  /* line 545, editor-style.scss */
  .editorStyle_2col.img02tate_left .left {
    max-width: none;
    width: 100%;
    overflow: hidden;
  }
}
/* line 552, editor-style.scss */
.editorStyle_2col.img02tate_left .left img {
  display: inline-block;
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  /* line 552, editor-style.scss */
  .editorStyle_2col.img02tate_left .left img {
    width: 49%;
    float: left;
    margin-top: 0;
  }
}
/* line 560, editor-style.scss */
.editorStyle_2col.img02tate_left .left img:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  /* line 560, editor-style.scss */
  .editorStyle_2col.img02tate_left .left img:first-child {
    margin-top: 0;
    margin-right: 2%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 569, editor-style.scss */
  .editorStyle_2col.img02tate_left .right {
    padding-left: 0;
    clear: both;
  }
}
@media only screen and (max-width: 640px) {
  /* line 574, editor-style.scss */
  .editorStyle_2col.img02tate_left .right p {
    margin-top: 2%;
  }
}
/* line 582, editor-style.scss */
.editorStyle_2col.img02yoko_left .left {
  max-width: 400px;
}

@media only screen and (max-width: 640px) {
  /* line 582, editor-style.scss */
  .editorStyle_2col.img02yoko_left .left {
    max-width: none;
    width: 100%;
    overflow: hidden;
  }
}
/* line 589, editor-style.scss */
.editorStyle_2col.img02yoko_left .left img {
  display: block;
  width: 100%;
  max-width: 188px;
  float: left;
}

@media only screen and (max-width: 640px) {
  /* line 589, editor-style.scss */
  .editorStyle_2col.img02yoko_left .left img {
    max-width: none;
    width: 49%;
    float: left;
    margin-top: 0;
  }
}
/* line 600, editor-style.scss */
.editorStyle_2col.img02yoko_left .left img:first-child {
  margin-top: 0;
  margin-right: 2%;
}

@media only screen and (max-width: 640px) {
  /* line 600, editor-style.scss */
  .editorStyle_2col.img02yoko_left .left img:first-child {
    margin-top: 0;
    margin-right: 2%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 610, editor-style.scss */
  .editorStyle_2col.img02yoko_left .right {
    padding-left: 0;
    clear: both;
  }
}
@media only screen and (max-width: 640px) {
  /* line 615, editor-style.scss */
  .editorStyle_2col.img02yoko_left .right p {
    margin-top: 2%;
  }
}
/*右*/
/* line 625, editor-style.scss */
.editorStyle_2col.img01_right .right {
  width: 40%;
  max-width: 260px;
  float: right;
}

@media only screen and (max-width: 640px) {
  /* line 625, editor-style.scss */
  .editorStyle_2col.img01_right .right {
    padding-left: 0;
  }
}
/* line 632, editor-style.scss */
.editorStyle_2col.img01_right .right img {
  width: 100%;
  height: auto;
}

/* line 637, editor-style.scss */
.editorStyle_2col.img01_right .left {
  float: none;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  /* line 637, editor-style.scss */
  .editorStyle_2col.img01_right .left {
    width: 60%;
    padding-right: 6.6%;
  }
}
/* line 648, editor-style.scss */
.editorStyle_2col.img01large_right .right {
  max-width: 420px;
  float: right;
}

@media only screen and (max-width: 640px) {
  /* line 648, editor-style.scss */
  .editorStyle_2col.img01large_right .right {
    padding-left: 0;
    max-width: none;
    float: none;
  }
}
/* line 656, editor-style.scss */
.editorStyle_2col.img01large_right .right img {
  width: 100%;
  height: auto;
}

/* line 661, editor-style.scss */
.editorStyle_2col.img01large_right .left {
  float: none;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  /* line 661, editor-style.scss */
  .editorStyle_2col.img01large_right .left {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 667, editor-style.scss */
  .editorStyle_2col.img01large_right .left p {
    margin-top: 2%;
  }
}
/* line 676, editor-style.scss */
.editorStyle_2col.img02tate_right .right {
  max-width: 260px;
  float: right;
  padding-left: 0;
  margin-left: 6.6%;
}

@media only screen and (max-width: 640px) {
  /* line 676, editor-style.scss */
  .editorStyle_2col.img02tate_right .right {
    padding-left: 0;
    max-width: none;
    margin-left: 0;
    float: none;
  }
}
/* line 687, editor-style.scss */
.editorStyle_2col.img02tate_right .right img {
  display: inline-block;
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  /* line 687, editor-style.scss */
  .editorStyle_2col.img02tate_right .right img {
    width: 49%;
    float: left;
    margin-top: 0;
  }
}
/* line 695, editor-style.scss */
.editorStyle_2col.img02tate_right .right img:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  /* line 695, editor-style.scss */
  .editorStyle_2col.img02tate_right .right img:first-child {
    margin-top: 0;
    margin-right: 2%;
  }
}
/* line 704, editor-style.scss */
.editorStyle_2col.img02tate_right .left {
  max-width: 367px;
  overflow: hidden;
  float: none;
}

@media only screen and (max-width: 640px) {
  /* line 704, editor-style.scss */
  .editorStyle_2col.img02tate_right .left {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 712, editor-style.scss */
  .editorStyle_2col.img02tate_right .left p {
    margin-top: 2%;
  }
}
/* line 721, editor-style.scss */
.editorStyle_2col.img02yoko_right .right {
  float: right;
  max-width: 400px;
  padding-left: 0;
  margin-left: 6.6%;
}

@media only screen and (max-width: 640px) {
  /* line 721, editor-style.scss */
  .editorStyle_2col.img02yoko_right .right {
    padding-left: 0;
    max-width: none;
    margin-left: 0;
    float: none;
  }
}
/* line 732, editor-style.scss */
.editorStyle_2col.img02yoko_right .right img {
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  /* line 732, editor-style.scss */
  .editorStyle_2col.img02yoko_right .right img {
    width: 49%;
    float: left;
    margin-top: 0;
  }
}
/* line 739, editor-style.scss */
.editorStyle_2col.img02yoko_right .right img:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  /* line 739, editor-style.scss */
  .editorStyle_2col.img02yoko_right .right img:first-child {
    margin-top: 0;
    margin-right: 2%;
  }
}
/* line 748, editor-style.scss */
.editorStyle_2col.img02yoko_right .left {
  max-width: 246px;
  overflow: hidden;
  float: none;
}

@media only screen and (max-width: 640px) {
  /* line 748, editor-style.scss */
  .editorStyle_2col.img02yoko_right .left {
    max-width: none;
    width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) {
  /* line 757, editor-style.scss */
  .editorStyle_2col.img02yoko_right .left p {
    margin-top: 2%;
  }
}
/*画像*/
/* line 768, editor-style.scss */
.editorStyle_2col.img {
  width: 100%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 768, editor-style.scss */
  .editorStyle_2col.img {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 776, editor-style.scss */
.editorStyle_2col.img > div {
  width: 49%;
  float: left;
}

/* line 783, editor-style.scss */
.editorStyle_2col.img > div:first-child {
  margin-right: 2%;
}

@media only screen and (max-width: 640px) {
  /* line 783, editor-style.scss */
  .editorStyle_2col.img > div:first-child {
    margin-right: 2%;
  }
}
/* line 789, editor-style.scss */
.editorStyle_2col.img > div img {
  width: 100%;
  height: auto;
}

/* line 793, editor-style.scss */
.editorStyle_2col.img > div p {
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 793, editor-style.scss */
  .editorStyle_2col.img > div p {
    overflow: hidden;
    padding-left: 0;
  }
}
/* line 805, editor-style.scss */
.editorStyle_3col.img {
  width: 100%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 805, editor-style.scss */
  .editorStyle_3col.img {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 813, editor-style.scss */
.editorStyle_3col.img > div {
  width: 32%;
  float: left;
  margin-left: 2%;
}

@media only screen and (max-width: 640px) {
  /* line 813, editor-style.scss */
  .editorStyle_3col.img > div {
    overflow: hidden;
  }
}
/* line 820, editor-style.scss */
.editorStyle_3col.img > div:first-child {
  margin-left: 0;
  margin-top: 0;
}

/* line 824, editor-style.scss */
.editorStyle_3col.img > div img {
  width: 100%;
  height: auto;
}

/* line 828, editor-style.scss */
.editorStyle_3col.img > div p {
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 828, editor-style.scss */
  .editorStyle_3col.img > div p {
    overflow: hidden;
    padding-left: 2%;
    margin-top: 0;
  }
}
/* line 840, editor-style.scss */
.editorStyle_3col.img.caption {
  width: 100%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 840, editor-style.scss */
  .editorStyle_3col.img.caption {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 848, editor-style.scss */
.editorStyle_3col.img.caption > div {
  width: 32%;
  float: left;
  margin-left: 2%;
  margin-top: 4%;
}

@media only screen and (max-width: 640px) {
  /* line 848, editor-style.scss */
  .editorStyle_3col.img.caption > div {
    width: 100%;
    float: none;
    margin-left: 0;
    overflow: hidden;
    margin-top: 10px;
  }
}
/* line 860, editor-style.scss */
.editorStyle_3col.img.caption > div:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 640px) {
  /* line 860, editor-style.scss */
  .editorStyle_3col.img.caption > div:first-child {
    margin-top: 0;
  }
}
/* line 866, editor-style.scss */
.editorStyle_3col.img.caption > div img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 866, editor-style.scss */
  .editorStyle_3col.img.caption > div img {
    width: 40%;
    display: block;
    float: left;
  }
}
/* line 875, editor-style.scss */
.editorStyle_3col.img.caption > div p {
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 875, editor-style.scss */
  .editorStyle_3col.img.caption > div p {
    overflow: hidden;
    padding-left: 2%;
    margin-top: 0;
  }
}
/* line 889, editor-style.scss */
.editorStyle_4col.img {
  width: 100%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 889, editor-style.scss */
  .editorStyle_4col.img {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 897, editor-style.scss */
.editorStyle_4col.img > div {
  width: 24.25%;
  float: left;
  margin-left: 1%;
}

@media only screen and (max-width: 640px) {
  /* line 897, editor-style.scss */
  .editorStyle_4col.img > div {
    width: 49%;
    margin-left: 2%;
    overflow: hidden;
    margin-top: 2%;
  }

  /* line 906, editor-style.scss */
  .editorStyle_4col.img > div:nth-child(2) {
    margin-top: 0;
  }

  /* line 909, editor-style.scss */
  .editorStyle_4col.img > div:nth-child(3n) {
    clear: both;
    margin-left: 0;
  }
}
/* line 914, editor-style.scss */
.editorStyle_4col.img > div:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 640px) {
  /* line 914, editor-style.scss */
  .editorStyle_4col.img > div:first-child {
    margin-left: 0;
    margin-top: 0;
  }
}
/* line 921, editor-style.scss */
.editorStyle_4col.img > div img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 925, editor-style.scss */
  .editorStyle_4col.img > div p {
    overflow: hidden;
    padding-left: 2%;
  }
}
/* line 934, editor-style.scss */
.editorStyle_4col.img.caption {
  width: 100%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 934, editor-style.scss */
  .editorStyle_4col.img.caption {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
/* line 942, editor-style.scss */
.editorStyle_4col.img.caption > div {
  width: 24.25%;
  float: left;
  margin-left: 1%;
}

@media only screen and (max-width: 640px) {
  /* line 942, editor-style.scss */
  .editorStyle_4col.img.caption > div {
    width: 100%;
    float: none;
    margin-left: 0;
    overflow: hidden;
    margin-top: 10px;
  }
}
/* line 953, editor-style.scss */
.editorStyle_4col.img.caption > div:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 640px) {
  /* line 953, editor-style.scss */
  .editorStyle_4col.img.caption > div:first-child {
    margin-top: 0;
  }
}
/* line 959, editor-style.scss */
.editorStyle_4col.img.caption > div img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 959, editor-style.scss */
  .editorStyle_4col.img.caption > div img {
    width: 40%;
    display: block;
    float: left;
  }
}
/* line 968, editor-style.scss */
.editorStyle_4col.img.caption > div p {
  margin-top: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 968, editor-style.scss */
  .editorStyle_4col.img.caption > div p {
    overflow: hidden;
    padding-left: 2%;
    margin-top: 0;
  }
}
/*2列均等 見出しが横*/
/* line 984, editor-style.scss */
.editorStyle_table.sideTitle th {
  max-width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 984, editor-style.scss */
  .editorStyle_table.sideTitle th {
    display: block;
    width: 100%;
    max-width: none;
  }
}
/* line 992, editor-style.scss */
.editorStyle_table.sideTitle td {
  max-width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 992, editor-style.scss */
  .editorStyle_table.sideTitle td {
    display: block;
    width: 100%;
    max-width: none;
  }
}
/* line 1000, editor-style.scss */
.editorStyle_table.sideTitle th.side {
  max-width: 23%;
}

@media only screen and (max-width: 640px) {
  /* line 1000, editor-style.scss */
  .editorStyle_table.sideTitle th.side {
    display: block;
    width: 100%;
    max-width: none;
  }
}
/*2列均等　見出しが上*/
@media only screen and (max-width: 640px) {
  /* line 1012, editor-style.scss */
  .editorStyle_table.topTitle {
    width: 100%;
    margin: 5% auto 0;
    display: block;
    height: auto;/* 2018-03-28 edit */
  }
}
@media only screen and (max-width: 640px) {
  /* line 1018, editor-style.scss */
  .editorStyle_table.topTitle thead {
    display: block;
    float: left;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 120px;/* 2018-03-28 edit */
  }
}
@media only screen and (max-width: 640px) {
  /* line 1026, editor-style.scss */
  .editorStyle_table.topTitle tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1034, editor-style.scss */
  .editorStyle_table.topTitle tr {
    display: inline-block;
    margin: 0 -3px;
  }
}
/* line 1040, editor-style.scss */
.editorStyle_table.topTitle th {
  max-width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 1040, editor-style.scss */
  .editorStyle_table.topTitle th {
    display: block;
    /*width: 120px;*/
    width: 100%;/* 2018-03-28 edit */
    max-width: none;
    white-space: nowrap;
  }
}
/* line 1051, editor-style.scss */
.editorStyle_table.topTitle td {
  max-width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 1051, editor-style.scss */
  .editorStyle_table.topTitle td {
    display: block;
    width: 100%;
    max-width: none;
  }
}
/* line 1059, editor-style.scss */
.editorStyle_table.topTitle th.side {
  max-width: 23%;
}

@media only screen and (max-width: 640px) {
  /* line 1059, editor-style.scss */
  .editorStyle_table.topTitle th.side {
    display: block;
    width: 100%;
    max-width: none;
  }
}
/*3列均等*/
/* line 1071, editor-style.scss */
.editorStyle_table.col3 th {
  max-width: 33.3333%;
}

@media only screen and (max-width: 640px) {
  /* line 1071, editor-style.scss */
  .editorStyle_table.col3 th {
    max-width: none;
  }
}
/* line 1077, editor-style.scss */
.editorStyle_table.col3 td {
  max-width: 33.3333%;
}

@media only screen and (max-width: 640px) {
  /* line 1077, editor-style.scss */
  .editorStyle_table.col3 td {
    max-width: none;
  }
}
/*枠付ボックス*/
/* line 1088, editor-style.scss */
.editorStyle_1col.box_border {
  padding: 5.8% 7.5%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  /* line 1088, editor-style.scss */
  .editorStyle_1col.box_border {
    padding: 3.5% 3.8%;
    max-width: none;
  }
}
/* line 1096, editor-style.scss */
.editorStyle_1col.box_border .title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5%;
}

@media only screen and (max-width: 640px) {
  /* line 1096, editor-style.scss */
  .editorStyle_1col.box_border .title {
    text-align: left;
    margin-bottom: 2%;
  }
}
/* line 1106, editor-style.scss */
.editorStyle_1col.box_border.red {
  border: solid 1px #A83D3A;
}

/* line 1109, editor-style.scss */
.editorStyle_1col.box_border.black {
  border: solid 1px #433c3e;
}

/* line 1112, editor-style.scss */
.editorStyle_1col.box_border.gray {
  border: solid 1px #d4d4bd;
}

.searchResult h1 {
  font-size: 1.5em;
  padding: 0 0 20px 0;
}

.searchResult .editorStyle_2col .right {
  overflow: hidden;
  padding-left: 0;
  line-height: 1.8;
}

.searchResult .editorStyle_2col .right a {
  font-weight: bold;
  display: block;
  font-size: 1.1em;
  padding-bottom: 0%;
}

.searchResult .editorStyle_2col.img01large_left .left {
  max-width: 200px;
  margin-right: 6%;
}

.searchResult .editorStyle_2col {
  margin-top: 0%;
  max-width: 660px;
  border-top: solid 1px #ccc;
  padding: 5% 0;
}

.cmnStyle_list.library li{
padding: 5px 0 5px 13px;
background: url(/wp-content/themes/hokkaidomuseum/images/icon_listmark.png) no-repeat 0 13px;
-webkit-background-size: 5px auto;
-o-background-size: 5px auto;
background-size: 5px auto;
}





/*------------------------------------
update 2018/03/28　
--------------------------------------*/

/*「表組み（2列 列幅 40:60）」*/
.editorStyle_table_40_60 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_40_60 th {
  width: 40%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_40_60 td {
  width: 60%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}


/*「表組み（2列 列幅 40:60）」 / 余白が狭いスタイル*/
.editorStyle_table_40_60_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_40_60_lesMargin th {
  width: 40%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_40_60_lesMargin td {
  width: 60%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_40_60_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}











/*「表組み（2列 列幅 20:80）」*/
.editorStyle_table_20_80 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_80 th {
  width: 20%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_80 td {
  width: 80%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}


/*「表組み（2列 列幅 20:80）」 / 余白が狭いスタイル */
.editorStyle_table_20_80_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_80_lesMargin th {
  width: 20%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_80_lesMargin td {
  width: 80%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_80_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}




/*「表組み（3列 列幅 30:30:40）」*/
.editorStyle_table_30_30_40 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_30_30_40 th {
  width: 30%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_30_30_40 td {
  width: 30%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40 td{
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}

.editorStyle_table_30_30_40 td:last-child {
  width: 40%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40 td:last-child {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}




/*「表組み（3列 列幅 30:30:40） / 余白が狭いスタイル」*/
.editorStyle_table_30_30_40_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_30_30_40_lesMargin th {
  width: 30%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_30_30_40_lesMargin td {
  width: 30%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40_lesMargin td{
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}

.editorStyle_table_30_30_40_lesMargin td:last-child {
  width: 40%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_30_40_lesMargin td:last-child {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}




/*「表組み（3列 列幅 20:40:40）」*/
.editorStyle_table_20_40_40 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_40_40 th {
  width: 20%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_40_40 td {
  width: 40%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}





/*「表組み（3列 列幅 20:40:40）/ 余白が狭いスタイル」*/
.editorStyle_table_20_40_40_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_40_40_lesMargin th {
  width: 20%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_40_40_lesMargin td {
  width: 40%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_40_40_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}



/*「表組み（3列 列幅 20:20:60）」*/
.editorStyle_table_20_20_60 {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60 {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_20_60 th {
  width: 20%;
  background: #EAEAE0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60 th {
    padding: 18px 20px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_20_60 td {
  width: 20%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60 td {
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}

.editorStyle_table_20_20_60 td:last-child{
  width: 60%;
  background: #F5F4F0;
  padding: 36px 20px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60 td:last-child{
    padding: 18px 20px;
    display: block;
    width: 100%;
    display: block;
  }
}


/*「表組み（3列 列幅 20:20:60）/ 余白が狭いスタイル」*/
.editorStyle_table_20_20_60_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_20_20_60_lesMargin th {
  width: 20%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_20_20_60_lesMargin td {
  width: 20%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}

.editorStyle_table_20_20_60_lesMargin td:last-child{
  width: 60%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_20_20_60_lesMargin td:last-child{
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}









/*「表組み（列幅指定なし）/ 余白が狭いスタイル」*/
.editorStyle_table_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_lesMargin th {
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_lesMargin td {
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}






/*「表組み（列幅 50:50）/ 余白が狭いスタイル」*/
.editorStyle_table_50_50_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_50_50_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_50_50_lesMargin th {
  width: 50%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_50_50_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_50_50_lesMargin td {
  width: 50%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_50_50_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}





/*「表組み（列幅 30:70）/ 余白が狭いスタイル」*/
.editorStyle_table_30_70_lesMargin {
  width: 100%;
  margin-top: 5%;
  max-width: 660px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_70_lesMargin {
    max-width: none;
    margin: 5% auto 0;
    width: 100%;
  }
}
.editorStyle_table_30_70_lesMargin th {
  width: 30%;
  background: #EAEAE0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_70_lesMargin th {
    padding: 12px 10px;
    width: 100%;
    display: block;
  }
}
.editorStyle_table_30_70_lesMargin td {
  width: 70%;
  background: #F5F4F0;
  padding: 15px 13px;
  border: 1px solid #fff;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table_30_70_lesMargin td {
    padding: 12px 10px;
    display: block;
    width: 100%;
    display: block;
  }
}






/*「表組み（左列 最大30%:右列指定なし）/ 余白が狭いスタイル」*/
.editorStyle_table.sideTitle_lesMargin th {
  max-width: 50%;
  padding: 20px 15px;
  line-height: 1.4;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.sideTitle_lesMargin th {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 10px;
  }
}
.editorStyle_table.sideTitle_lesMargin td {
  max-width: 50%;
  padding: 15px 13px;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.sideTitle_lesMargin td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 10px;
  }
}
.editorStyle_table.sideTitle_lesMargin th.side {
  max-width: 23%;
  padding: 15px 13px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.sideTitle_lesMargin th.side {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 10px;
  }
}





/*「表組み（列幅指定なし/SP時スライド形式）/ 余白が狭いスタイル」*/
@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin {
    width: 100%;
    margin: 5% auto 0;
    display: block;
    height: auto;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin thead {
    display: block;
    float: left;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 120px;
  }
}
@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin tr {
    display: inline-block;
    margin: 0 -3px;
  }
}
.editorStyle_table.topTitle_lesMargin th {
  max-width: 50%;
  padding: 15px 13px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin th {
    display: block;
    width: 100%;
    max-width: none;
    white-space: nowrap;
    padding: 12px 10px;
  }
}
.editorStyle_table.topTitle_lesMargin td {
  max-width: 50%;
  padding: 15px 13px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 10px;
  }
}
.editorStyle_table.topTitle_lesMargin th.side {
  max-width: 23%;
  padding: 15px 13px;
}

@media only screen and (max-width: 640px) {
  .editorStyle_table.topTitle_lesMargin th.side {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 10px;
  }
}