@charset "UTF-8";
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  /*overflow-y: scroll;*/
  font-size: 62.5%;
}
@media only screen and (min-width: 769px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: sans-serif;
  font-size: 1.0rem;
}
@media only screen and (min-width: 769px) {
  body {
    font: 13px "メイリオ","ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    letter-spacing: .08em;
    *font-size: small;
    *font: x-small;
  }
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6, strong, em {
  font-weight: bold;
}

a {
  color: #18b0e2;
}
a:visited {
  color: #ce637f;
}
a:hover {
  color: #00aaee;
  text-decoration: none;
}
a:active {
  color: #0080aa;
}

a:focus {
  outline: none;
}

img {
  width: 100%;
}

div, input, textarea, table, th, td, li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
}

input[type="text"],
textarea {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  -webkit-box-shadow: 0 1px 2px rgba(89, 89, 96, 0.1) inset;
  box-shadow: 0 1px 2px rgba(89, 89, 96, 0.1) inset;
}

input[type="text"]:focus,
textarea:focus {
  outline-offset: -2px;
  outline: 5px auto -webkit-focus-ring-color;
}

@media only screen and (min-width: 769px) {
  input[type="text"]:hover,
  textarea:hover {
    border: 1px solid #a6c8ff;
  }
}

select {
  padding: 2px;
  border: 1px solid #ccc;
}

input[type="radio"],
input[type="checkbox"] {
  width: 17px;
  height: 17px;
  vertical-align: middle;
  cursor: pointer;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
  *font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

/* margin */
.mg-0 {
  margin: 0 !important;
}

.mg-t0 {
  margin-top: 0 !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-r0 {
  margin-right: 0 !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-r25 {
  margin-right: 25px !important;
}

.mg-r30 {
  margin-right: 30px !important;
}

.mg-b0 {
  margin-bottom: 0 !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-l0 {
  margin-left: 0 !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-l25 {
  margin-left: 25px !important;
}

.mg-l30 {
  margin-left: 30px !important;
}

/* padding */
.pa-0 {
  padding: 0 !important;
}

.pa-t0 {
  padding-top: 0 !important;
}

.pa-t5 {
  padding-top: 5px !important;
}

.pa-t10 {
  padding-top: 10px !important;
}

.pa-t15 {
  padding-top: 15px !important;
}

.pa-t20 {
  padding-top: 20px !important;
}

.pa-t25 {
  padding-top: 25px !important;
}

.pa-t30 {
  padding-top: 30px !important;
}

.pa-r0 {
  padding-right: 0 !important;
}

.pa-r5 {
  padding-right: 5px !important;
}

.pa-r10 {
  padding-right: 10px !important;
}

.pa-r15 {
  padding-right: 15px !important;
}

.pa-r20 {
  padding-right: 20px !important;
}

.pa-r25 {
  padding-right: 25px !important;
}

.pa-r30 {
  padding-right: 30px !important;
}

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

.pa-b5 {
  padding-bottom: 5px !important;
}

.pa-b10 {
  padding-bottom: 10px !important;
}

.pa-b15 {
  padding-bottom: 15px !important;
}

.pa-b20 {
  padding-bottom: 20px !important;
}

.pa-b25 {
  padding-bottom: 25px !important;
}

.pa-b30 {
  padding-bottom: 30px !important;
}

.pa-l0 {
  padding-left: 0 !important;
}

.pa-l5 {
  padding-left: 5px !important;
}

.pa-l10 {
  padding-left: 10px !important;
}

.pa-l15 {
  padding-left: 15px !important;
}

.pa-l20 {
  padding-left: 20px !important;
}

.pa-l25 {
  padding-left: 25px !important;
}

.pa-l30 {
  padding-left: 30px !important;
}

/* clearfix */
.cl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

*:first-child + html .cl {
  zoom: 1;
  /* IE7 */
}

/* input width */
.fw-5 {
  width: 5% !important;
}

.fw-10 {
  width: 10% !important;
}

.fw-20 {
  width: 20% !important;
}

.fw-30 {
  width: 30% !important;
}

.fw-40 {
  width: 40% !important;
}

.fw-50 {
  width: 50% !important;
}

.fw-60 {
  width: 60% !important;
}

.fw-70 {
  width: 70% !important;
}

.fw-80 {
  width: 80% !important;
}

.fw-90 {
  width: 90% !important;
}

.fw-100 {
  width: 100% !important;
}

.fs-10 {
  font-size: 1.0rem !important;
}

.fs-11 {
  font-size: 1.1rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-15 {
  font-size: 1.5rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-17 {
  font-size: 1.7rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-19 {
  font-size: 1.9rem !important;
}

.fs-20 {
  font-size: 2.0rem !important;
}

.fs-21 {
  font-size: 2.1rem !important;
}

.fs-22 {
  font-size: 2.2rem !important;
}

.fs-23 {
  font-size: 2.3rem !important;
}

.fs-24 {
  font-size: 2.4rem !important;
}

.fs-25 {
  font-size: 2.5rem !important;
}

.fs-26 {
  font-size: 2.6rem !important;
}

.fs-27 {
  font-size: 2.7rem !important;
}

.fs-28 {
  font-size: 2.8rem !important;
}

.fs-29 {
  font-size: 2.9rem !important;
}

.fs-30 {
  font-size: 3.0rem !important;
}

@media only screen and (min-width: 769px) {
  .fs-10 {
    font-size: 10px !important;
  }

  .fs-11 {
    font-size: 11px !important;
  }

  .fs-12 {
    font-size: 12px !important;
  }

  .fs-13 {
    font-size: 13px !important;
  }

  .fs-14 {
    font-size: 14px !important;
  }

  .fs-15 {
    font-size: 15px !important;
  }

  .fs-16 {
    font-size: 16px !important;
  }

  .fs-17 {
    font-size: 17px !important;
  }

  .fs-18 {
    font-size: 18px !important;
  }

  .fs-19 {
    font-size: 19px !important;
  }

  .fs-20 {
    font-size: 20px !important;
  }

  .fs-21 {
    font-size: 21px !important;
  }

  .fs-22 {
    font-size: 22px !important;
  }

  .fs-23 {
    font-size: 23px !important;
  }

  .fs-24 {
    font-size: 24px !important;
  }

  .fs-25 {
    font-size: 25px !important;
  }

  .fs-26 {
    font-size: 26px !important;
  }

  .fs-27 {
    font-size: 27px !important;
  }

  .fs-28 {
    font-size: 28px !important;
  }

  .fs-29 {
    font-size: 29px !important;
  }

  .fs-30 {
    font-size: 30px !important;
  }
}
/* line-height */
.lh-10 {
  line-height: 1.0 !important;
}

.lh-11 {
  line-height: 1.1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}

.lh-13 {
  line-height: 1.3 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-15 {
  line-height: 1.5 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-17 {
  line-height: 1.7 !important;
}

.lh-18 {
  line-height: 1.8 !important;
}

.lh-19 {
  line-height: 1.9 !important;
}

.lh-20 {
  line-height: 2.0 !important;
}

/* text */
.tx-ac {
  text-align: center !important;
}

.tx-al {
  text-align: left !important;
}

.tx-ar {
  text-align: right !important;
}

.tx-wb {
  font-weight: bold !important;
}

.tx-wn {
  font-weight: normal !important;
}

.tx-du {
  text-decoration: underline !important;
}

.tx-dn {
  text-decoration: none !important;
}

.l-all {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .l-foot {
    margin: 0 auto;
  }
}

.l-contents {
  width: 100%;
  padding: 10px 0 0;
}
@media only screen and (min-width: 769px) {
  .l-contents {
    width: 1038px;
    margin: 0 auto;
    padding: 20px 0 50px;
  }
  .l-contents:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  *:first-child + html .l-contents {
    *zoom: 1;
  }
}

.l-main {
  width: 100%;
  padding: 0 0 20px;
}
@media only screen and (min-width: 769px) {
  .l-main {
    float: left;
    width: 728px;
  }
}

.l-sub {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .l-sub {
    float: right;
    width: 300px;
  }
}

.mod-section {
  margin: 0 0 20px;
}

.mod-subSection {
  padding: 0 10px;
}

.mod-spHide {
  display: none !important;
}
@media only screen and (min-width: 769px) {
  .mod-spHide {
    display: block !important;
  }
}

.mod-pcHide {
  display: block !important;
}
@media only screen and (min-width: 769px) {
  .mod-pcHide {
    display: none !important;
  }
}

.mod-head {
  border-top: 4px solid #18b0e2;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  z-index: 20;
  position: relative;
}

.mod-head-inner {
  display: table;
  width: 100%;
  border-collapse: collapse;
  max-width: 1038px;
  margin: 0 auto;
}

.mod-head-logo {
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
  width: 56%;
}
@media only screen and (min-width: 769px) {
  .mod-head-logo {
    width: 60%;
  }
}
.mod-head-logo img {
  width: 88px;
}
@media only screen and (min-width: 769px) {
  .mod-head-logo img {
    width: 120px;
  }
}

.mod-head-nav {
  display: table-cell;
  background: #eefbff;
  vertical-align: middle;
  border-left: 1px solid #85d8f3;
  text-align: center;
  width: 22%;
  font-size: 1.1rem;
}
@media only screen and (min-width: 769px) {
  .mod-head-nav {
    font-size: 12px;
    width: 10%;
  }
}
.mod-head-nav a {
  display: block;
  padding: 5px;
  text-decoration: none;
  font-weight: bold;
  color: #18b0e2;
}
.mod-head-nav a span {
  display: block;
  margin: 0 auto 4px;
}

.mod-head__favo a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
@media only screen and (min-width: 769px) {
  .mod-head__favo {
    border: none;
    background: none;
    padding: 5px 0;
  }
  .mod-head__favo a {
    background: #eefbff;
    border: 1px solid #85d8f3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 769px) {
  .mod-head__search {
    display: none;
  }
}

.mod-head__search-on {
  background-color: #4ec5ec;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4EC5EC', endColorstr='#FF85D8F3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlYzVlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1ZDhmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ec5ec), color-stop(100%, #85d8f3));
  background-image: -moz-linear-gradient(top, #4ec5ec 0%, #85d8f3 100%);
  background-image: -webkit-linear-gradient(top, #4ec5ec 0%, #85d8f3 100%);
  background-image: linear-gradient(to bottom, #4ec5ec 0%, #85d8f3 100%);
}
.mod-head__search-on a {
  color: #fff;
}

.mod-head-search {
  display: none;
}
@media only screen and (min-width: 769px) {
  .mod-head-search {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    padding: 0 10px 0 0;
  }
}

.mod-headSearch {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .mod-headSearch {
    display: none;
  }
}

.mod-headSearch-wrap {
  position: absolute;
  width: 100%;
  background: #eefbff;
  border-top: 3px solid #85d8f3;
  z-index: 20;
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);
}

.mod-headSearch-word {
  width: 100%;
  display: table;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-headSearch-word dt {
  display: table-cell;
  vertical-align: middle;
}
.mod-headSearch-word dt input[type="text"] {
  height: 31px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}
.mod-headSearch-word dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.mod-headSearch-bt input[type="submit"] {
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  border: 1px solid #009bce;
  text-decoration: none;
  display: block;
  color: #fff;
  width: 100%;
  cursor: pointer;
  height: 31px;
  text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.2);
  background-color: #52bee2;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF52BEE2', endColorstr='#FF07A1D3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52bee2), color-stop(100%, #07a1d3));
  background-image: -moz-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: -webkit-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: linear-gradient(to bottom, #52bee2 0%, #07a1d3 100%);
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-headSearch-bt input[type="submit"] {
    font-size: 13px;
  }
}
.mod-headSearch-bt input[type="submit"]:hover {
  background-color: #07a1d3;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF07A1D3', endColorstr='#FF52BEE2');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07a1d3), color-stop(100%, #52bee2));
  background-image: -moz-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: -webkit-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: linear-gradient(to bottom, #07a1d3 0%, #52bee2 100%);
}

.mod-foot-menu {
  background: #666;
  text-align: center;
  padding: 13px 5px;
}

.mod-foot-menu li {
  display: inline-block;
  line-height: 1.5;
}
.mod-foot-menu li:after {
  content: "｜";
  color: #fff;
  padding: 0 0 0 3px;
}
.mod-foot-menu li:last-child:after {
  content: "";
}
.mod-foot-menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .mod-foot-menu li a {
    font-size: 12px;
  }
}

.mod-ad {
  text-align: center;
  margin: 0 0 20px;
}

.mod-title1 {
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: bold;
  color: #18b0e2;
  padding: 12px 10px;
  border-top: 2px dotted #18b0e2;
  border-bottom: 2px dotted #18b0e2;
  margin: 0 0 15px;
}
@media only screen and (min-width: 769px) {
  .mod-title1 {
    font-size: 22px;
  }
}

.mod-title2 {
  color: #fff;
  font-weight: bold;
  background: #18b0e2;
  font-size: 1.5rem;
  padding: 10px;
  margin: 0 0 10px;
  position: relative;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .mod-title2 {
    font-size: 15px;
  }
}

.mod-title2__new {
  padding: 10px 10px 10px 50px;
}
.mod-title2__new:before {
  content: "";
  background: url(/img/common/ic_recommend_new.png) no-repeat left top;
  background-size: 37px 39px;
  width: 37px;
  height: 39px;
  position: absolute;
  bottom: 5px;
  left: 8px;
}

.mod-title3 {
  color: #fff;
  font-weight: bold;
  background: #18b0e2;
  font-size: 1.7rem;
  padding: 15px 10px;
  margin: 0 0 10px;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .mod-title3 {
    font-size: 20px;
    padding: 15px;
  }
}

.mod-article ul li {
  margin: 0 0 20px;
}
.mod-article ul li span {
  font-weight: bold;
  font-size: 1.3rem;
  margin: 0 0 5px;
  line-height: 1.5;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .mod-article ul li span {
    font-size: 13px;
  }
}
.mod-article ul li p {
  font-size: 1.3rem;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .mod-article ul li p {
    font-size: 13px;
  }
}
.mod-article ul li:after {
  margin: 0;
}

.mod-btScroll {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 1000;
  width: 50px;
}
@media only screen and (min-width: 769px) {
  .mod-btScroll {
    right: 20px;
    bottom: 20px;
    width: 60px;
  }
}
.mod-btScroll img {
  width: 50px;
}
@media only screen and (min-width: 769px) {
  .mod-btScroll img {
    width: 60px;
  }
}

.mod-btScroll__topPopup {
  bottom: 100px;
}
@media only screen and (min-width: 769px) {
  .mod-btScroll__topPopup {
    bottom: 20px;
  }
}

.mod-btReply a {
  font-size: 1.3rem;
  background: #fff;
  font-weight: bold;
  color: #333 !important;
  border-radius: 3px;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 5px;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .mod-btReply a {
    font-size: 13px;
  }
}
.mod-btReply a span {
  padding: 0 3px 0 0;
}
.mod-btReply a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.mod-btFavo a {
  font-size: 1.3rem;
  background: #fff;
  font-weight: bold;
  color: #333;
  border-radius: 3px;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 5px;
  display: inline-block;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  .mod-btFavo a {
    font-size: 13px;
  }
}
.mod-btFavo a span {
  padding: 0 3px 0 0;
  vertical-align: bottom;
}
.mod-btFavo a:hover {
  box-shadow: none;
  top: 1px;
  position: relative;
}

.mod-btFavo__on a {
  background: #fffbe3;
}

.mod-btClose {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
}

.mod-btNormal a, .mod-btNormal input[type="submit"], .mod-btNormal button {
  padding: 10px 15px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-btNormal a, .mod-btNormal input[type="submit"], .mod-btNormal button {
    font-size: 15px;
    cursor: pointer;
  }
}
.mod-btNormal a:hover, .mod-btNormal input[type="submit"]:hover, .mod-btNormal button:hover {
  background-color: #eeeeee;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
}

.mod-btBlue a, .mod-btBlue input[type="submit"] {
  padding: 10px 30px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  border: 1px solid #009bce;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.2);
  background-color: #52bee2;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF52BEE2', endColorstr='#FF07A1D3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52bee2), color-stop(100%, #07a1d3));
  background-image: -moz-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: -webkit-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: linear-gradient(to bottom, #52bee2 0%, #07a1d3 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-btBlue a, .mod-btBlue input[type="submit"] {
    font-size: 15px;
  }
}
.mod-btBlue a:hover, .mod-btBlue input[type="submit"]:hover {
  background-color: #07a1d3;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF07A1D3', endColorstr='#FF52BEE2');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07a1d3), color-stop(100%, #52bee2));
  background-image: -moz-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: -webkit-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: linear-gradient(to bottom, #07a1d3 0%, #52bee2 100%);
}

.mod-btSend a, .mod-btSend input[type="submit"] {
  padding: 10px 30px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  border: 1px solid #009bce;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.2);
  background-color: #52bee2;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF52BEE2', endColorstr='#FF07A1D3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52bee2), color-stop(100%, #07a1d3));
  background-image: -moz-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: -webkit-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: linear-gradient(to bottom, #52bee2 0%, #07a1d3 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-btSend a, .mod-btSend input[type="submit"] {
    font-size: 15px;
  }
}

.mod-btDelete a {
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #f9f9f9;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-btDelete a {
    font-size: 13px;
  }
}
.mod-btDelete a:hover {
  box-shadow: none;
  top: 1px;
  position: relative;
}

.mod-btMore a {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333 !important;
  border-radius: 3px;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 5px 15px;
  display: inline-block;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-btMore a {
    font-size: 13px;
  }
}
.mod-btMore a span {
  padding: 0 5px 0 0;
}
.mod-btMore a:hover {
  background-color: #eeeeee;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
}

.mod-btAllPage a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  color: #18b0e2;
}
@media only screen and (min-width: 769px) {
  .mod-btAllPage a {
    font-size: 13px;
  }
}
.mod-btAllPage a span {
  margin: 0 3px 0 0;
}
.mod-btAllPage a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.mod-btUpdate a {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
  color: #18b0e2;
}
.mod-btUpdate a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
@media only screen and (min-width: 769px) {
  .mod-btUpdate a {
    font-size: 15px;
  }
}
.mod-btUpdate a span {
  margin: 0 2px 0 0;
  padding: 0 0 1px;
}

.mod-btFirst a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}
@media only screen and (min-width: 769px) {
  .mod-btFirst a {
    font-size: 13px;
  }
}
.mod-btFirst a span {
  margin: 0 2px 0 0;
}

.mod-btLast a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}
@media only screen and (min-width: 769px) {
  .mod-btLast a {
    font-size: 13px;
  }
}
.mod-btLast a span {
  margin: 0 0 0 2px;
}

.mod-btPrev a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
  padding: 15px 10px 15px 18px;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-btPrev a {
    font-size: 13px;
  }
}
.mod-btPrev a span {
  position: absolute;
  left: 5px;
}
.mod-btPrev .prev {
  padding: 15px 10px;
  border: 1px solid #ddd;
  background: #f4f4f4;
  color: #bbb;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-btPrev .prev {
    font-size: 13px;
  }
}
.mod-btPrev .prev .icons {
  display: none;
}

.mod-btNext a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
  padding: 15px 18px 15px 10px;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-btNext a {
    font-size: 13px;
  }
}
.mod-btNext a span {
  position: absolute;
  right: 5px;
}
.mod-btNext .next {
  padding: 15px 10px;
  border: 1px solid #ddd;
  background: #f4f4f4;
  color: #bbb;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-btNext .next {
    font-size: 13px;
  }
}
.mod-btNext .next .icons {
  display: none;
}

.mod-pageSelect select {
  background: url(/img/common/ic_arrow03_b.png) no-repeat 90% center;
  background-size: 7px 6px;
  border: none;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px;
  min-width: 100px;
}

.mod-sort li {
  font-size: 1.2rem;
  display: inline-block;
  font-weight: bold;
}
.mod-sort li:after {
  content: "｜";
}
.mod-sort li:last-child:after {
  content: "";
}
@media only screen and (min-width: 769px) {
  .mod-sort li {
    font-size: 12px;
  }
}
.mod-sort li a {
  color: #18b0e2;
}

.mod-pagenation {
  background: #eefbff;
}
@media only screen and (min-width: 769px) {
  .mod-pagenation {
    display: table;
    width: 100%;
    background: none;
  }
}

.mod-pagenation-sub {
  background: #fff;
  display: table;
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-pagenation-sub {
    display: table-cell;
    width: 50%;
  }
}
.mod-pagenation-sub > li {
  display: table-cell;
}
@media only screen and (min-width: 769px) {
  .mod-pagenation-sub > li {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}
.mod-pagenation-sub > li div {
  display: inline-block;
  margin: 0 0 0 5px;
}

.mod-pagenation-main {
  padding: 10px 0;
}
@media only screen and (min-width: 769px) {
  .mod-pagenation-main {
    display: none;
  }
}

.mod-pagenation-main__pc {
  display: none;
}
@media only screen and (min-width: 769px) {
  .mod-pagenation-main__pc {
    display: block;
  }
}
.mod-pagenation-main__pc ul {
  padding: 10px;
  text-align: right;
}
.mod-pagenation-main__pc ul li {
  display: inline-block;
  font-weight: bold;
  margin: 0 1px;
  font-size: 14px;
  vertical-align: middle;
}
.mod-pagenation-main__pc ul li a {
  border: 1px solid #ccc;
  padding: 0 8px;
  display: table-cell;
  text-decoration: none;
  height: 26px;
  vertical-align: middle;
  color: #333;
  background: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.mod-pagenation-main__pc ul li a:hover {
  box-shadow: none;
  top: 1px;
  position: relative;
}

.mod-pagenation-active {
  color: #18b0e2;
  padding: 0 5px;
}

.mod-pagenation-bt {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-pagenation-bt li {
  display: table-cell;
  padding: 0 5px;
}

.mod-pagenation-bt2 {
  padding: 0 10px 5px;
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-pagenation-bt2 li {
  display: table-cell;
}
.mod-pagenation-bt2 li:last-child {
  text-align: right;
}
.mod-pagenation-bt2 li:nth-child(2) {
  text-align: center;
  padding: 0 10px;
}

.mod-sns li {
  display: inline-block;
  margin: 0 3px 0 0;
}
.mod-sns li:last-child {
  margin: 0;
}
.mod-sns li a {
  width: 36px;
  height: 28px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mod-sns li a:hover {
  box-shadow: none;
  top: 3px;
  position: relative;
}

.mod-sns__twitter {
  background: #55acee;
  box-shadow: 0px 3px 0px 0px #2478b8;
}

.mod-sns__facebook {
  background: #315195;
  box-shadow: 0px 3px 0px 0px #001d5c;
}

.mod-sns__line {
  background: #00c300;
  box-shadow: 0px 3px 0px 0px #008f00;
}
@media only screen and (min-width: 769px) {
  .mod-sns__line {
    display: none !important;
  }
}

.mod-link {
  color: #333 !important;
  font-size: 1.3rem;
  text-decoration: none;
  line-height: 1.5;
  margin: 0 8px 0 0;
  display: inline-block;
}
.mod-link .ic_arrow_r {
  margin: 0 0 0 3px;
}
@media only screen and (min-width: 769px) {
  .mod-link {
    font-size: 13px;
  }
}

.mod-linkList__half {
  width: 100%;
  background: #fff;
}
.mod-linkList__half ul {
  border-top: 1px solid #ccc;
}
.mod-linkList__half ul li {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.mod-linkList__half ul li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
*:first-child + html .mod-linkList__half ul li {
  *zoom: 1;
}
@media only screen and (min-width: 769px) {
  .mod-linkList__half ul li {
    border-bottom: none;
  }
}
.mod-linkList__half ul li a {
  border-right: 1px solid #ccc;
  display: block;
  width: 50%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none;
  color: #333;
  font-size: 1.1rem;
}
.mod-linkList__half ul li a:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
*:first-child + html .mod-linkList__half ul li a {
  *zoom: 1;
}
.mod-linkList__half ul li a:nth-child(even) {
  border: none;
}
.mod-linkList__half ul li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.mod-linkList__half ul li a span {
  float: right;
}
@media only screen and (min-width: 769px) {
  .mod-linkList__half ul li a {
    float: none;
    width: 100%;
    border-right: none;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
  }
  .mod-linkList__half ul li a:nth-child(even) {
    border-bottom: 1px solid #ccc;
  }
}

.mod-tab {
  background: #eefbff;
  padding: 10px 0 0 10px;
  border-bottom: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-tab {
    background: #fff;
  }
}
.mod-tab ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 5px 0 0;
}
.mod-tab ul li {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 10px 0 0;
}
.mod-tab ul li span {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #fff;
  text-align: center;
  padding: 12px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-tab ul li span {
    font-size: 15px;
    padding: 15px 10px;
  }
}
.mod-tab ul li a {
  text-decoration: none;
  color: #fff;
}
.mod-tab ul li a span {
  background-color: #52bee2;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF52BEE2', endColorstr='#FF07A1D3');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52bee2), color-stop(100%, #07a1d3));
  background-image: -moz-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: -webkit-linear-gradient(top, #52bee2 0%, #07a1d3 100%);
  background-image: linear-gradient(to bottom, #52bee2 0%, #07a1d3 100%);
}
.mod-tab ul li a span:hover {
  background-color: #07a1d3;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF07A1D3', endColorstr='#FF52BEE2');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YTFkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyYmVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07a1d3), color-stop(100%, #52bee2));
  background-image: -moz-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: -webkit-linear-gradient(top, #07a1d3 0%, #52bee2 100%);
  background-image: linear-gradient(to bottom, #07a1d3 0%, #52bee2 100%);
}

.mod-tab__active span {
  border-radius: 0px !important;
}
.mod-tab__active span:before {
  content: " ";
  width: 101.5%;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  top: -5px;
  left: -1px;
  background: #18b0e2;
  height: 5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.mod-tab__active span:after {
  content: " ";
  width: 98%;
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  border: 1px solid #fff !important;
  position: absolute;
  bottom: -1px;
  left: 0px;
}

.mod-tab-bt {
  text-align: center;
  margin: 10px 0 25px;
}
@media only screen and (min-width: 769px) {
  .mod-tab-bt {
    margin: 10px 0 35px;
  }
}
.mod-tab-bt a, .mod-tab-bt input[type="submit"] {
  text-align: center;
  font-weight: bold;
  padding: 15px 45px;
  font-size: 1.6rem;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-tab-bt a, .mod-tab-bt input[type="submit"] {
    font-size: 15px;
  }
}
.mod-tab-bt a:hover, .mod-tab-bt input[type="submit"]:hover {
  background-color: #eeeeee;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
}

.mod-breadCrumb {
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 769px) {
  .mod-breadCrumb {
    font-size: 13px;
    margin: 0 0 20px;
  }
}

.mod-breadCrumb li {
  display: inline-block;
}
.mod-breadCrumb li:after {
  content: "＞";
  padding: 0 0 0 3px;
  font-size: 1.1rem;
}
@media only screen and (min-width: 769px) {
  .mod-breadCrumb li:after {
    font-size: 10px;
  }
}

.mod-breadCrumb li:last-child:after {
  content: "";
}

.mod-comment-ttl {
  margin: 0 0 10px;
  line-height: 1.3;
}

.mod-comment-name {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .mod-comment-name {
    font-size: 13px;
  }
}

.mod-comment-name-id {
  font-size: 1.1rem;
  color: #a9a9a9;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .mod-comment-name-id {
    font-size: 11px;
  }
}

.mod-comment-date {
  font-size: 1.1rem;
}
@media only screen and (min-width: 769px) {
  .mod-comment-date {
    font-size: 11px;
  }
}

.mod-comment-delete {
  font-size: 1.0rem;
}
@media only screen and (min-width: 769px) {
  .mod-comment-delete {
    font-size: 10px;
  }
}
.mod-comment-delete a {
  color: #777;
}

.mod-comment-txt {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 0 5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 769px) {
  .mod-comment-txt {
    font-size: 13px;
  }
}
.mod-comment-txt a {
  color: #18b0e2;
}

.mod-comment-bt {
  text-align: right;
  position: relative;
}

.mod-commentList {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mod-commentList > ul > li {
  padding: 15px 10px;
  border-bottom: 1px dashed #ccc;
}
.mod-commentList > ul > li:last-child {
  border: none;
}

.mod-comment-link {
  position: relative;
  margin: 0 0 5px;
}

.mod-comment-linkBox {
  position: absolute;
  background: #f9f9f9;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 20;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.mod-comment-zero {
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  color: #ff7680;
  padding: 10px 0;
}
@media only screen and (min-width: 769px) {
  .mod-comment-zero {
    font-size: 14px;
    padding: 20px 0;
  }
}

.mod-commentLast {
  background: #f9f9f9;
}
@media only screen and (min-width: 769px) {
  .mod-commentLast {
    padding: 20px !important;
  }
}

.mod-commentLast-inner {
  background: #fff;
  padding: 15px 10px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  .mod-commentLast-inner {
    padding: 25px 20px 20px;
  }
}
.mod-commentLast-inner p {
  line-height: 1.5;
  font-size: 1.3rem;
}
@media only screen and (min-width: 769px) {
  .mod-commentLast-inner p {
    font-size: 13px;
  }
}

.mod-commentLast-post {
  position: relative;
}

.mod-commentLast-ttl {
  color: #f00;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  margin: 0 0 10px;
}
@media only screen and (min-width: 769px) {
  .mod-commentLast-ttl {
    font-size: 16px;
  }
}

.mod-commentList-ad {
  text-align: center;
  padding: 15px 0 !important;
}

.mod-recommend {
  margin: 6px 10px 15px;
}
@media only screen and (min-width: 769px) {
  .mod-recommend {
    margin: 0 0 25px;
  }
}

.mod-recommend-ttl {
  background: #72d762;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px;
  line-height: 1.2;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-ttl {
    font-size: 15px;
    background: #18b0e2;
  }
}

.mod-recommend__rank .mod-recommend-ttl {
  padding: 10px 10px 10px 50px;
}
.mod-recommend__rank .mod-recommend-ttl:before {
  content: "";
  background: url(/img/common/ic_recommend_rank.png) no-repeat left top;
  background-size: 37px 37px;
  width: 37px;
  height: 37px;
  position: absolute;
  top: -5px;
  left: 8px;
}

.mod-recommend__new .mod-recommend-ttl {
  padding: 10px 10px 10px 50px;
}
.mod-recommend__new .mod-recommend-ttl:before {
  content: "";
  background: url(/img/common/ic_recommend_new.png) no-repeat left top;
  background-size: 37px 39px;
  width: 37px;
  height: 39px;
  position: absolute;
  top: -5px;
  left: 8px;
}

.mod-recommend__history .mod-recommend-ttl {
  padding: 10px 10px 10px 50px;
}
.mod-recommend__history .mod-recommend-ttl:before {
  content: "";
  background: url(/img/common/ic_recommend_history.png) no-repeat left top;
  background-size: 37px 37px;
  width: 37px;
  height: 37px;
  position: absolute;
  top: -5px;
  left: 8px;
}

.mod-recommend__reco .mod-recommend-ttl {
  padding: 10px 10px 10px 50px;
}
.mod-recommend__reco .mod-recommend-ttl:before {
  content: "";
  background: url(/img/common/ic_recommend_reco.png) no-repeat left top;
  background-size: 37px 37px;
  width: 37px;
  height: 37px;
  position: absolute;
  bottom: 5px;
  left: 8px;
}

.mod-recommendList {
  border: 1px solid #72d762;
}
@media only screen and (min-width: 769px) {
  .mod-recommendList {
    border: none;
  }
}
.mod-recommendList ul li {
  border-bottom: 1px dashed #ccc;
}
.mod-recommendList ul li:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 769px) {
  .mod-recommendList ul li:last-child {
    border-bottom: 1px dashed #ccc;
  }
}
.mod-recommendList ul li a {
  display: block;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  line-height: 1.3;
  min-height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-recommendList ul li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
@media only screen and (min-width: 769px) {
  .mod-recommendList ul li a {
    font-size: 13px;
  }
}

.mod-recommend-date {
  display: block;
  font-weight: normal;
  font-size: 1.1rem;
  color: #777;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-date {
    font-size: 11px;
  }
}

.mod-recommend__rank .mod-recommendList ul li a, .mod-recommend__reco .mod-recommendList ul li a {
  display: table;
  width: 100%;
}
.mod-recommend__rank .mod-recommendList ul li a span, .mod-recommend__reco .mod-recommendList ul li a span {
  display: table-cell;
  vertical-align: middle;
}

.mod-recommendRank_num {
  position: relative;
  width: 25px;
  height: 20px;
}
.mod-recommendRank_num em {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  font-style: normal;
  font-size: 1.3rem;
  padding: 6px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-recommendRank_num em {
    font-size: 12px;
  }
}
.mod-recommendRank_num i {
  display: block;
  margin: 0 auto;
  position: relative;
}

.mod-recommendRank_num__other em {
  padding: 3px 0 0;
}

.mod-recommendRank_txt {
  padding: 0 0 0 10px;
}

.mod-recommend__linkIc .mod-recommendList ul li a {
  background: url(/img/common/ic_arrow2_r.png) no-repeat 95% center;
  background-size: 12px 12px;
}
@media only screen and (min-width: 769px) {
  .mod-recommend__linkIc .mod-recommendList ul li a {
    background: url(/img/common/ic_arrow_r.png) no-repeat 95% center;
    background-size: 12px 12px;
  }
}

.mod-recommend-noHistory {
  text-align: center;
  margin: 15px 10px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-noHistory {
    font-size: 13px;
    margin: 20px 10px;
  }
}

.mod-recommend-tab {
  margin: 0 10px;
}
.mod-recommend-tab ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mod-recommend-tab ul li {
  display: table-cell;
  vertical-align: bottom;
}
.mod-recommend-tab ul li a {
  display: block;
  padding: 5px;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #36a624;
  margin: 0 5px;
  font-size: 1.2rem;
  text-decoration: none;
  min-height: 30px;
  position: relative;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tab ul li a {
    font-size: 12px;
    background: #007ba3;
  }
}
.mod-recommend-tab ul li a i {
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  padding: 0 5px;
  left: 0%;
  right: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mod-recommend-tab-active span {
  background: #72d762;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 8px 0 0;
  font-size: 1.3rem;
  min-height: 38px;
  position: relative;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tab-active span {
    font-size: 13px;
    background: #18b0e2;
  }
}
.mod-recommend-tab-active span i {
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  padding: 0 5px;
  left: 0%;
  right: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mod-recommend-tabBox {
  margin: 0 10px 15px;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tabBox {
    margin: 0 0 15px;
  }
}
.mod-recommend-tabBox > li {
  display: none;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tabBox > li {
    display: block;
    margin: 0 0 25px;
  }
}
.mod-recommend-tabBox .mod-recommend {
  margin: 0;
}
.mod-recommend-tabBox .mod-recommend-ttl {
  display: none;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tabBox .mod-recommend-ttl {
    display: block;
  }
}

.mod-recommend-tabBox-active {
  display: block !important;
  border-top: 5px solid #72d762;
}
@media only screen and (min-width: 769px) {
  .mod-recommend-tabBox-active {
    border-top: none;
  }
}

.mod-post {
  background: #e1f8ff;
  padding: 10px;
}
@media only screen and (min-width: 769px) {
  .mod-post {
    background: none;
    padding: 0;
  }
}

.mod-post-wrap {
  background: #fff;
  border: 1px solid #ccc;
}

.mod-post-ttl {
  background: #18b0e2;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px;
}
@media only screen and (min-width: 769px) {
  .mod-post-ttl {
    font-size: 15px;
  }
}
.mod-post-ttl span {
  margin: 0 5px 0 0;
  vertical-align: bottom;
}

.mod-post-inner {
  padding: 10px 10px 15px;
}
.mod-post-inner dl {
  margin: 0 0 15px;
}
.mod-post-inner dl dt {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0 0 5px;
}
@media only screen and (min-width: 769px) {
  .mod-post-inner dl dt {
    font-size: 15px;
  }
}
.mod-post-inner dl dd {
  font-size: 1.3rem;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .mod-post-inner dl dd {
    font-size: 13px;
  }
}
.mod-post-inner dl dd input[type="text"] {
  width: 100%;
  padding: 5px;
}
.mod-post-inner dl dd textarea {
  width: 100%;
  padding: 5px;
  line-height: 1.5;
}

.mod-post-textarea {
  position: relative;
}
.mod-post-textarea span {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
@media only screen and (min-width: 769px) {
  .mod-post-textarea span {
    display: none;
  }
}

.mod-post-must {
  color: #fff;
  background: #ff7680;
  font-size: 1.0rem;
  display: inline-block;
  padding: 3px 5px;
  margin: 0 0 0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 769px) {
  .mod-post-must {
    font-size: 10px;
  }
}

.mod-post-txt:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
*:first-child + html .mod-post-txt {
  *zoom: 1;
}

.mod-post-count {
  float: right;
  font-size: 1.1rem;
  margin: 5px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-post-count {
    font-size: 11px;
  }
}

.mod-post-error {
  display: inline-block;
  color: #f00;
  margin: 5px 0 0;
  font-size: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .mod-post-error {
    font-size: 12px;
  }
}

.mod-post-attention {
  border: 1px dashed #ccc;
  padding: 10px;
  margin: 0 0 15px;
}

.mod-post-attention-ttl {
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
  margin: 0 0 10px;
}
@media only screen and (min-width: 769px) {
  .mod-post-attention-ttl {
    font-size: 15px;
  }
}
.mod-post-attention-ttl span {
  margin: 0 5px 0 0;
  vertical-align: bottom;
}

.mod-post-attentionList {
  font-size: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .mod-post-attentionList {
    font-size: 12px;
  }
}
.mod-post-attentionList li {
  margin: 0 0 8px;
  line-height: 1.5;
  padding: 0 0 0 1em;
  position: relative;
}
.mod-post-attentionList li:last-child {
  margin: 0;
}
.mod-post-attentionList li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.mod-post__reply {
  position: absolute;
  border: 1px solid #ccc;
  width: 100%;
  z-index: 200;
  padding: 0;
  text-align: left;
  top: 0px;
  left: 0;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.mod-post__reply .mod-post-inner {
  background: #fff;
}

.mod-post-btArea {
  text-align: center;
  background: #e1f8ff;
  padding: 10px;
}
.mod-post-btArea a, .mod-post-btArea input[type="submit"] {
  font-size: 1.3rem;
  background: #fff;
  font-weight: bold;
  color: #333;
  border-radius: 3px;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 8px 15px;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .mod-post-btArea a, .mod-post-btArea input[type="submit"] {
    font-size: 13px;
  }
}
.mod-post-btArea a:hover, .mod-post-btArea input[type="submit"]:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.mod-post__confirm {
  background: #fff;
  padding: 0;
}

.mod-post__confirm .mod-post-inner {
  padding: 0;
}
.mod-post__confirm .mod-post-inner dl dt {
  background: #eefbff;
  padding: 10px;
  margin: 0 0 10px;
}
.mod-post__confirm .mod-post-inner dl dd {
  padding: 0 10px;
}

.mod-post__confirm .mod-post-attention {
  margin: 0 10px 15px;
}
@media only screen and (min-width: 769px) {
  .mod-post__confirm .mod-post-attention {
    padding: 20px;
  }
}

@media only screen and (min-width: 769px) {
  .mod-post__confirm .mod-post-attentionList {
    text-align: center;
  }
}
@media only screen and (min-width: 769px) {
  .mod-post__confirm .mod-post-attentionList li {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}

.mod-post-btList {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-post-btList li {
  display: inline-block;
  padding: 0 5px;
}
.mod-post-btList li div {
  display: inline-block;
}

.mod-post__opinion {
  background: none;
  padding: 0;
  margin: 6px 10px 15px;
}
@media only screen and (min-width: 769px) {
  .mod-post__opinion {
    margin: 0 0 20px;
  }
}
.mod-post__opinion .mod-post-inner {
  position: relative;
}

.mod-post-finishTxt {
  display: none;
  position: absolute;
  z-index: 100;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0;
  padding: 80px 0 0;
  background: #fff;
  text-align: center;
}
.mod-post-finishTxt p {
  font-size: 1.3rem;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .mod-post-finishTxt p {
    font-size: 13px;
  }
}

.mod-post-finishTxt-ttl {
  margin: 0 0 5px;
  color: #18b0e2;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .mod-post-finishTxt-ttl {
    font-size: 18px;
  }
}

.mod-bbsList ul li a {
  text-decoration: none;
  color: #18b0e2;
  padding: 15px 30px 10px 10px;
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList ul li a {
    padding: 25px 30px 20px 15px;
  }
}
.mod-bbsList ul li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.mod-bbsList .ic_arrow_r {
  position: absolute;
  right: 10px;
  top: 50%;
  bottom: 50%;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList .ic_arrow_r {
    right: 15px;
  }
}

.mod-bbsList-ttl {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 5px;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList-ttl {
    font-size: 16px;
  }
}

.mod-bbsList-commentNum {
  font-size: 1.0rem;
  border: 1px solid #18b0e2;
  padding: 0 5px;
  display: inline-block;
  vertical-align: text-bottom;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList-commentNum {
    font-size: 11px;
  }
}

.mod-bbsList-txt {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 0 5px;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList-txt {
    font-size: 13px;
  }
}

.mod-bbsList-detail {
  font-size: 1.1rem;
  color: #999;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList-detail {
    font-size: 12px;
  }
}

.mod-bbsList__rank .mod-bbsList-wrap {
  display: table;
  width: 100%;
}

.mod-bbsList__rank .mod-bbsList-ttl {
  padding: 0 0 0 5px;
  vertical-align: middle;
  display: table-cell;
}

.mod-bbsList__rank .mod-bbsList-rankNum {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 32px;
}
.mod-bbsList__rank .mod-bbsList-rankNum span {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 12px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-bbsList__rank .mod-bbsList-rankNum span {
    font-size: 12px;
  }
}
.mod-bbsList__rank .mod-bbsList-rankNum i {
  display: block;
  margin: 0 auto;
  position: relative;
}

.mod-bbsList__rank .mod-bbsList-rankNum__other {
  width: 28px;
}
.mod-bbsList__rank .mod-bbsList-rankNum__other span {
  padding: 8px 3px;
  display: inline-block;
  position: relative;
  background: #18b0e2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.mod-bbsList-ad {
  border-bottom: 1px solid #ccc;
  padding: 20px 0 0;
}

.mod-themeList {
  background: #eefbff;
  padding: 15px 10px;
}
@media only screen and (min-width: 769px) {
  .mod-themeList {
    padding: 20px 15px;
  }
}
.mod-themeList dl {
  border: 1px solid #ccc;
  margin: 0 0 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.mod-themeList dl:last-child {
  margin: 0;
}
.mod-themeList dl dt {
  border-bottom: 3px solid #18b0e2;
  background: #f9f9f9;
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-themeList dl dt {
    font-size: 14px;
    padding: 8px 10px;
  }
}
.mod-themeList dl dt a {
  display: block;
  text-decoration: none;
}
.mod-themeList dl dt span {
  margin: 0 0 0 5px;
}
.mod-themeList dl dd {
  background: #fff;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 4px;
}

@media only screen and (min-width: 769px) {
  .mod-themeList-wrap {
    table-layout: fixed;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .mod-themeList-wrap:last-child {
    border-bottom: none;
  }
}
.mod-themeList-wrap:last-child .mod-themeList-wrap-inner:last-child {
  border-bottom: none;
}

.mod-themeList-wrap-inner {
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 769px) {
  .mod-themeList-wrap-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    border-bottom: none;
  }
  .mod-themeList-wrap-inner:nth-child(odd) ul {
    border-right: 1px solid #ccc;
  }
}

.mod-themeList-sub {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .mod-themeList-sub {
    width: 348px;
    height: 100%;
  }
}
.mod-themeList-sub li {
  display: table-cell;
  border-right: 1px solid #ccc;
  padding: 8px 10px;
  font-size: 1.2rem;
  line-height: 1.3;
  vertical-align: middle;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 769px) {
  .mod-themeList-sub li {
    font-size: 12px;
    height: 40px;
    padding: 5px 10px;
  }
}
.mod-themeList-sub li:last-child {
  border-right: none;
}
.mod-themeList-sub li a {
  display: block;
  text-decoration: none;
  position: relative;
}

.mod-themeList-new {
  color: #ff7680;
  font-size: 1.0rem;
  padding: 0 5px 0 0;
}
@media only screen and (min-width: 769px) {
  .mod-themeList-new {
    font-size: 11px;
  }
}

.mod-newBbs {
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 769px) {
  .mod-newBbs {
    border: 1px solid #ccc;
    border-top: none;
  }
}

.mod-newBbs-inner {
  padding: 0 10px;
  margin: 0 0 10px;
}
.mod-newBbs-inner a {
  font-size: 1.4rem;
  line-height: 1.7;
  margin: 0 8px 0 0;
  display: inline-block;
  text-decoration: none;
  color: #333 !important;
}
@media only screen and (min-width: 769px) {
  .mod-newBbs-inner a {
    font-size: 14px;
  }
}
.mod-newBbs-inner a .ic_arrow_r {
  margin: 0 0 0 3px;
}

.icons {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url('/img/icons-s522124df8e.png') no-repeat;
  -moz-background-size: 32px 857px;
  -o-background-size: 32px 857px;
  -webkit-background-size: 32px 857px;
  background-size: 32px 857px;
}

.ic_arrow02_l {
  width: 11px;
  height: 10px;
  background-position: 0 0;
}

.ic_arrow02_r {
  width: 11px;
  height: 10px;
  background-position: 0 -15px;
}

.ic_arrow03_b {
  width: 7px;
  height: 6px;
  background-position: 0 -30px;
}

.ic_arrow04_l {
  width: 6px;
  height: 10px;
  background-position: 0 -41px;
}

.ic_arrow04_r {
  width: 6px;
  height: 10px;
  background-position: 0 -56px;
}

.ic_arrow05_l {
  width: 12px;
  height: 10px;
  background-position: 0 -71px;
}

.ic_arrow05_r {
  width: 12px;
  height: 10px;
  background-position: 0 -86px;
}

.ic_arrow06_b {
  width: 10px;
  height: 6px;
  background-position: 0 -101px;
}

.ic_arrow06_r {
  width: 6px;
  height: 10px;
  background-position: 0 -112px;
}

.ic_arrow06_t {
  width: 10px;
  height: 6px;
  background-position: 0 -127px;
}

.ic_arrow_l {
  width: 12px;
  height: 12px;
  background-position: 0 -138px;
}

.ic_arrow_r {
  width: 12px;
  height: 12px;
  background-position: 0 -155px;
}

.ic_attention {
  width: 21px;
  height: 19px;
  background-position: 0 -172px;
}

.ic_close {
  width: 24px;
  height: 24px;
  background-position: 0 -196px;
}

.ic_comment {
  width: 12px;
  height: 10px;
  background-position: 0 -225px;
}

.ic_facebook {
  width: 8px;
  height: 18px;
  background-position: 0 -240px;
}

.ic_favo {
  width: 15px;
  height: 15px;
  background-position: 0 -263px;
}

.ic_favo_on {
  width: 15px;
  height: 15px;
  background-position: 0 -283px;
}

.ic_head_favo {
  width: 23px;
  height: 23px;
  background-position: 0 -303px;
}

.ic_head_search {
  width: 24px;
  height: 24px;
  background-position: 0 -331px;
}

.ic_head_search_on {
  width: 24px;
  height: 24px;
  background-position: 0 -360px;
}

.ic_line {
  width: 20px;
  height: 19px;
  background-position: 0 -389px;
}

.ic_list {
  width: 12px;
  height: 10px;
  background-position: 0 -413px;
}

.ic_mail {
  width: 19px;
  height: 15px;
  background-position: 0 -428px;
}

.ic_paper_airplane {
  width: 22px;
  height: 18px;
  background-position: 0 -448px;
}

.ic_pen {
  width: 18px;
  height: 18px;
  background-position: 0 -471px;
}

.ic_pen2 {
  width: 16px;
  height: 16px;
  background-position: 0 -494px;
}

.ic_rank1 {
  width: 25px;
  height: 20px;
  background-position: 0 -515px;
}

.ic_rank1_02 {
  width: 32px;
  height: 25px;
  background-position: 0 -540px;
}

.ic_rank2 {
  width: 25px;
  height: 20px;
  background-position: 0 -570px;
}

.ic_rank2_02 {
  width: 32px;
  height: 25px;
  background-position: 0 -595px;
}

.ic_rank3 {
  width: 25px;
  height: 20px;
  background-position: 0 -625px;
}

.ic_rank3_02 {
  width: 32px;
  height: 25px;
  background-position: 0 -650px;
}

.ic_rank_other {
  width: 20px;
  height: 20px;
  background-position: 0 -680px;
}

.ic_rank_other_02 {
  width: 25px;
  height: 25px;
  background-position: 0 -705px;
}

.ic_reply {
  width: 15px;
  height: 11px;
  background-position: 0 -735px;
}

.ic_thread {
  width: 12px;
  height: 12px;
  background-position: 0 -751px;
}

.ic_twitter {
  width: 19px;
  height: 15px;
  background-position: 0 -768px;
}

.ic_up {
  width: 14px;
  height: 19px;
  background-position: 0 -788px;
}

.ic_update {
  width: 14px;
  height: 13px;
  background-position: 0 -812px;
}

.ic_wide {
  width: 27px;
  height: 27px;
  background-position: 0 -830px;
}