@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, 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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

html, body {
  width: 100%;
  min-height: 100%;
  background-color: #f8f8f8;
  color: #27313d;
  font-family: 'YakuHanJP','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 14px;
  line-height: 180%;
  -webkit-text-size-adjust: 100%;
}

img {
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
  outline: none;
}

p {
  text-align: justify;
}

#container {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  overflow: hidden;
}

.timeline-Viewport {
  height: 100% !important;
}

#header {
  width: 100%;
  background-color: #fff;
  background-image: none !important;
}

#header .inner {
  padding: 15px 20px 14px;
}

#header .inner h1 {
  position: relative;
  width: 96px;
  height: 40px;
}

#header .inner h1 a {
  display: block;
  width: 96px;
  height: 40px;
  background-image: url(../img/common/header_logo.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#header .inner nav {
  position: relative;
  padding-top: 12px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#header .inner nav .item {
  width: 100px;
  height: 28px;
  margin-bottom: 6px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
}

#header .inner nav .item.item_02 {
  background-image: url(../img/common/sp_nav_01.png);
  background-size: 52.5px 11.9px;
}

#header .inner nav .item.item_03 {
  background-image: url(../img/common/sp_nav_02.png);
  background-size: 48.3px 9.8px;
}

#header .inner nav .item.item_04 {
  background-image: url(../img/common/sp_nav_03.png);
  background-size: 74.9px 11.9px;
}

#header .inner nav .item.item_05 {
  background-image: url(../img/common/sp_nav_04.png);
  background-size: 58.45px 11.2px;
}

#header .inner nav .item.item_06 {
  background-image: url(../img/common/sp_nav_05.png);
  background-size: 76.3px 11.9px;
}

#header .inner nav .item.item_07 {
  background-image: url(../img/common/sp_nav_06.png);
  background-size: 37.1px 11.9px;
}

#header .inner .sns {
  padding-bottom: 8px;
}

#header .inner .sns dt {
  display: none;
}

#header .inner .sns dd {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  border-radius: 3px;
  background-image: url(../img/common/sns_active.png);
  background-size: 60px 20px;
  background-position: 0 0;
  overflow: hidden;
  font-size: 0;
}

#header .inner .sns dd a {
  display: block;
  width: 20px;
  height: 20px;
}

#header .inner .sns dd.tw {
  background-position: 0 0;
}

#header .inner .sns dd.fb {
  background-position: -20px 0;
}

#header .inner .sns dd.li {
  background-position: -40px 0;
}

#content_wrapper {
  margin: 0 auto;
}

#content_wrapper .main_content {
  width: 360px;
}

#content_wrapper .sub_content {
  position: relative;
  width: 360px;
  background-color: #ececec;
}

#content_wrapper .sub_content h2 {
  display: none;
}

#content_wrapper .sub_content .inner {
  position: relative;
  padding: 20px 0 20px;
  z-index: 2;
}

#sitemap {
  position: relative;
  background-color: #fff;
}

#sitemap .header {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 10px;
}

#sitemap .header h2 {
  width: 98px;
  height: 15px;
  background-image: url(../img/home/sitemap_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

#sitemap .inner {
  width: 320px;
  margin: 0 auto;
  padding-bottom: 25px;
}

#sitemap .inner .item {
  display: block;
  width: 320px;
  border-top: 1px solid #ccc;
  padding: 12px 0 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#sitemap .inner .item h3 {
  color: #4272ac;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.12px;
}

#sitemap .inner .item p {
  padding-top: 5px;
  color: #777777;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.88px;
}

#sitemap .inner .empty {
  display: none;
}

#footer {
  width: 100%;
  background-color: #394a5f;
}

#footer .inner {
  position: relative;
  width: 320px;
  margin: 0 auto;
  padding: 20px 0;
}

#footer p {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#footer a {
  display: block;
  position: fixed;
  width: 160px;
  height: 174px;
  bottom: -179px;
  right: 15px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  z-index: 10;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

#footer a.btn_01 {
  background-image: url(../img/common/pagetop_01.png);
}

#footer a.btn_02 {
  background-image: url(../img/common/pagetop_02.png);
}

#footer a.btn_03 {
  background-image: url(../img/common/pagetop_03.png);
}

#footer a.btn_04 {
  background-image: url(../img/common/pagetop_04.png);
}

#footer a.btn_05 {
  background-image: url(../img/common/pagetop_05.png);
}

#footer a.btn_06 {
  background-image: url(../img/common/pagetop_06.png);
}

#footer a.active {
  bottom: -5px;
}

#sub_header {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 10px 0;
  background-image: url(../img/common/title_bk.png);
  background-size: 960px 310px;
  background-position: 50% 50%;
  background-color: #4a7fc0;
}

#sub_header .inner {
  width: 100%;
  height: 100%;
  background-image: url(../img/news/title.png);
  background-size: 350px 50px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#sub_header .inner h2 {
  font-size: 0;
}

#sub_header .inner#http404 {
  background-image: url(../img/common/title_404.png) !important;
}

#sub_header:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}

#pankuzu {
  width: 100%;
  background-color: #394a5f;
}

#pankuzu ul {
  width: 320px;
  margin: 0 auto;
  padding: 10px 0 5px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#pankuzu ul li {
  display: block;
  position: relative;
  padding: 0 5px 5px 10px;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.07em;
}

#pankuzu ul li a {
  display: block;
  color: #fff;
}

#pankuzu ul li span {
  color: #7fffcb;
}

#pankuzu ul li:before {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  margin-top: -8px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
}

#pankuzu ul li:first-of-type {
  padding-left: 0;
}

#pankuzu ul li:first-of-type:before {
  display: none;
}

.btn {
  display: block;
  position: relative;
  width: 200px;
  height: 14px;
  margin: 0 auto;
  padding: 10px 0 12px;
  border-radius: 20px;
  border: 2px solid #e0e0e0;
  background-color: #f8f8f8;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.btn:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 14px;
  margin-top: -7px;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.btn.back:after {
  right: auto;
  left: 14px;
  content: "\f104";
}

.btn.submit {
  border: 2px solid #55acee;
  background-color: #55acee;
  color: #fff;
}

.btn.submit:after {
  color: #fff;
}

.btn.long {
  width: 260px;
}

.pn_btn {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 14px;
  margin: 0 2px;
  padding: 10px 0 12px;
  border-radius: 20px;
  border: 2px solid #e0e0e0;
  background-color: #f8f8f8;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.pn_btn.pn_next {
  width: 100px;
}

.pn_btn.pn_next:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 14px;
  margin-top: -7px;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.pn_btn.pn_prev {
  width: 100px;
}

.pn_btn.pn_prev:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 14px;
  margin-top: -7px;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f104";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.pn_btn.long {
  width: 140px;
}

span.pn_index {
  border: 2px solid #acacac;
  background-color: #acacac;
  color: #fff;
}

.section_box {
  display: block;
  width: 320px;
  margin: 0 auto 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section_box .header {
  width: 100%;
  height: 45px;
  background-image: url(../img/common/h2_bk.png);
  background-position: 0 0;
  background-size: 804px 50px;
}

.section_box .header h3, .section_box .header h4 {
  width: 100%;
  height: 100%;
  background-position: 0 0;
  font-size: 0;
  background-size: 750px 45px;
}

.section_box .inner {
  padding: 20px 20px 35px;
}

.section_box .inner > h4,
.section_box .inner > h5 {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #989fa7;
  font-size: 16px;
  line-height: 125%;
  font-weight: 700;
}

.section_box .inner * + h4,
.section_box .inner * + h5 {
  padding-top: 20px;
}

.section_box .inner > img {
  width: 280px;
  height: auto;
  margin: 5px 0 20px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.section_box .inner p {
  padding-bottom: 15px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
}

.section_box .inner p a {
  color: #55acee;
  font-weight: 700;
  text-decoration: underline;
}

.section_box .inner p strong {
  color: #d13232;
}

.section_box .inner li a, .section_box .inner dd a {
  color: #55acee;
  font-weight: 700;
  text-decoration: underline;
}

.section_box .inner .img {
  margin: 5px 0 20px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.section_box .inner .btn {
  margin: 20px auto 30px;
}

#side_menu {
  width: 360px;
  display: none;
}

#side_menu .inner {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#side_menu hr {
  display: block;
  width: 80px;
  height: 3px;
  margin: 20px auto;
  border: none;
  border-top: 3px solid #e2e2e2;
  border-bottom: 3px solid #e2e2e2;
}

#side_menu .search h3 {
  width: 108px;
  height: 12px;
  background-image: url(../img/home/search_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#side_menu .search form {
  position: relative;
  width: 320px;
  height: 44px;
}

#side_menu .search form:before {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 16px;
  margin-top: -10px;
  color: #c5cbd0;
  font-size: 19px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f002";
}

#side_menu .search form input[type=text] {
  display: block;
  width: 320px;
  height: 44px;
  margin-top: 10px;
  padding: 0 20px 0 47px;
  border: none;
  border-radius: 22px;
  background-color: #ffffff;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#side_menu .search form input[type=submit] {
  display: none;
}

#side_menu .tree_list .item {
  display: block;
  position: relative;
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 0;
}

#side_menu .tree_list dt .item {
  width: 320px;
  height: 40px;
  background-color: #a7afb7;
}

#side_menu .tree_list dd {
  padding-left: 20px;
}

#side_menu .tree_list dd .item {
  width: 300px;
  height: 30px;
}

#side_menu .tree_list dt + dt,
#side_menu .tree_list dd + dt {
  margin-top: 10px;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}

#body_home #jumbotron {
  position: relative;
  width: 100%;
  height: 224px;
  background-position: 50% 50%;
  background-color: #ffffff;
}

#body_home #jumbotron .inner {
  padding-top: 20px;
  background-color: #f8f8f8;
}

#body_home #jumbotron .inner .twitter {
  display: none;
}

#body_home #jumbotron .inner .jumbo_btn {
  display: block;
  width: 320px;
  height: 106px;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 5;
  background-image: url(../img/home/top_banner_01.png);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_home #jumbotron #slider {
  display: block;
  position: absolute;
  width: 360px;
  height: 24px;
  padding-top: 200px;
  top: 0;
  left: 0;
  background-color: #f8f8f8;
  z-index: 2;
}

#body_home #jumbotron #slider .header {
  display: none;
}

#body_home #jumbotron #slider .banners li {
  display: block;
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  background-color: #fff;
  background-size: 620px 200px;
  background-position: 28% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: 0.6s ease opacity;
  transition: 0.6s ease opacity;
  z-index: 3;
}

#body_home #jumbotron #slider .banners .links {
  display: block;
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 4;
}

#body_home #jumbotron #slider .banners .links a {
  display: none;
  width: 100%;
  height: 200px;
  font-size: 0;
}

#body_home #jumbotron #slider .navigation {
  display: block;
  width: 100%;
  height: 24px;
  z-index: 10;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

#body_home #jumbotron #slider .navigation li {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 50%;
  border: 2px solid #394a5f;
  background-color: #fff;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  cursor: pointer;
}

#body_home #jumbotron #slider .banners[data-now="1"] .visual_1 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="1"] .link_1 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="1"] + .navigation .nav_1 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="2"] .visual_2 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="2"] .link_2 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="2"] + .navigation .nav_2 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="3"] .visual_3 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="3"] .link_3 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="3"] + .navigation .nav_3 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="4"] .visual_4 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="4"] .link_4 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="4"] + .navigation .nav_4 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="5"] .visual_5 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="5"] .link_5 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="5"] + .navigation .nav_5 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="6"] .visual_6 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="6"] .link_6 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="6"] + .navigation .nav_6 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="7"] .visual_7 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="7"] .link_7 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="7"] + .navigation .nav_7 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .banners[data-now="8"] .visual_8 {
  opacity: 1;
}

#body_home #jumbotron #slider .banners[data-now="8"] .link_8 {
  display: block;
}

#body_home #jumbotron #slider .banners[data-now="8"] + .navigation .nav_8 {
  background-color: #394a5f;
  opacity: 1;
  cursor: default;
}

#body_home #jumbotron #slider .prev,
#body_home #jumbotron #slider .next {
  display: none;
}

#body_home #home_news {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_home #home_news h2 {
  display: none;
}

#body_home #home_news .post {
  display: block;
  position: relative;
  width: 320px;
  margin-bottom: 10px;
}

#body_home #home_news .post > a {
  display: block;
  width: 100%;
}

#body_home #home_news .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_home #home_news .post > a .inner .thumbnail {
  width: 320px;
  height: 220px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_home #home_news .post > a .inner .date {
  display: block;
  padding: 15px 21px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_home #home_news .post > a .inner h3 {
  display: block;
  padding: 5px 20px 0;
  color: #27313d;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-align: justify;
}

#body_home #home_news .post > a .inner p {
  padding: 15px 20px 0;
  color: #7c858e;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_home #home_news .post .sns {
  display: none;
}

#body_home #home_news .post_mini {
  width: 155px;
}

#body_home #home_news .post_mini > a {
  width: 155px;
  height: 100%;
}

#body_home #home_news .post_mini > a .inner {
  height: 100%;
}

#body_home #home_news .post_mini > a .inner .thumbnail {
  width: 155px;
  height: 106px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_home #home_news .post_mini > a .inner .date {
  display: block;
  padding: 15px 21px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_home #home_news .post_mini > a .inner h3 {
  display: block;
  padding: 5px 20px 0;
  color: #27313d;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.2px;
  text-align: justify;
}

#body_home #home_news .post_mini > a .inner p {
  padding: 15px 20px 0;
  color: #7c858e;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_home #home_news .lock:after {
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  top: -7px;
  left: -7px;
  background-image: url(../img/common/news_lock_03.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  content: "";
}

#body_home #home_news .footer {
  width: 100%;
  padding: 15px 0 30px;
}

#body_home #side_menu .banners .big_banner {
  display: block;
  width: 320px;
  margin-bottom: 8px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_home #side_menu .banners .big_banner img {
  width: 320px;
  height: auto;
}

#body_home #side_menu .banners .big_banner:nth-of-type(2) {
  margin-bottom: 15px;
}

#body_home #side_menu .banners .mini_banner {
  display: block;
  position: relative;
  width: 190px;
  padding: 0 15px 0 115px;
  height: 70px;
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(../img/home/side_banner_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_home #side_menu .banners .mini_banner .img {
  position: absolute;
  width: 100px;
  height: 70px;
  top: 0;
  left: 0;
}

#body_home #side_menu .banners .mini_banner .title {
  display: block;
  padding-top: 12px;
  color: #3e72b1;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
}

#body_home #side_menu .banners .mini_banner .tip {
  display: block;
  padding-top: 6px;
  color: #777;
  font-size: 11px;
  line-height: 130%;
}

#body_home #side_menu .banners .mini_banner.banner_11 .img {
  background-image: url(../img/home/side_banner_11.png);
}

#body_home #side_menu .banners .mini_banner.banner_12 .img {
  background-image: url(../img/home/side_banner_12.png);
}

#body_home #side_menu .banners .mini_banner.banner_13 .img {
  background-image: url(../img/home/side_banner_13.png);
}

#body_home #side_menu .banners .mini_banner.banner_14 .img {
  background-image: url(../img/home/side_banner_14.png);
}

#body_home #side_menu .banners .mini_banner.banner_15 .img {
  background-image: url(../img/home/side_banner_15.png);
}

#body_home #side_menu .banners .mini_banner.banner_16 .img {
  background-image: url(../img/home/side_banner_16.png);
}

#body_home #side_menu .banners .mini_banner.banner_17 .img {
  background-image: url(../img/home/side_banner_17.png);
}

#body_home #side_menu .banners .mini_banner.banner_18 .img {
  background-image: url(../img/home/side_banner_18.png);
}

#body_home #side_menu .banners .mini_banner.banner_19 .img {
  background-image: url(../img/home/side_banner_19.png);
}

#body_home #side_menu .banners .mini_banner.banner_20 .img {
  background-image: url(../img/home/side_banner_20.png);
}

#body_home #side_menu .banners .mini_banner.banner_21 .img {
  background-image: url(../img/home/side_banner_21.png);
}

#body_home #side_menu .banners .mini_banner.banner_22 .img {
  background-image: url(../img/home/side_banner_22.png);
}

#body_home #product {
  position: relative;
  width: 360px;
  padding: 25px 0 10px;
  background-color: #394a5f;
}

#body_home #product:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  z-index: 6;
}

#body_home #product .header {
  position: relative;
  width: 320px;
  margin: 0 auto 20px;
  z-index: 5;
}

#body_home #product .header h2 {
  width: 96px;
  height: 18px;
  background-image: url(../img/home/product_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_home #product .inner {
  position: relative;
  width: 320px;
  margin: 0 auto;
  z-index: 5;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_home #product .inner a {
  display: block;
  position: relative;
  width: 320px;
  height: 141px;
  margin-bottom: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_home #product .inner a .img,
#body_home #product .inner a .bk_cover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  z-index: 2;
}

#body_home #product .inner a h3 {
  font-size: 0;
}

#body_home #product .inner a ul {
  position: absolute;
  width: 300px;
  right: 5px;
  bottom: 5px;
}

#body_home #product .inner a ul li {
  display: inline-block;
  height: 11px;
  padding: 2px 5px 2px;
  margin: 2px 0 0 2px;
  border-radius: 2px;
  background-color: #394a5f;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0.56px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_home #product .inner a ul:after {
  display: block;
  clear: both;
  content: "";
}

#body_home #product .inner .empty {
  width: 450px;
  height: 1px;
}

#body_home #product .bk_cover {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}

#body_home #product .bk_movie {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2a333b;
  z-index: 3;
}

#body_home #product .bk_movie #product_movie {
  width: 100%;
  height: 100%;
  opacity: 0.07;
}

#body_home #sitemap:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.05);
  content: "";
}

#body_news #sub_header .inner {
  background-image: url(../img/news/title.png);
}

#body_news #search_news {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_news #search_news h2 {
  display: none;
}

#body_news #search_news .post {
  display: block;
  position: relative;
  width: 320px;
  margin-bottom: 10px;
}

#body_news #search_news .post > a {
  display: block;
  width: 100%;
}

#body_news #search_news .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_news #search_news .post > a .inner .thumbnail {
  width: 320px;
  height: 220px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_news #search_news .post > a .inner .date {
  display: block;
  padding: 15px 21px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_news #search_news .post > a .inner h3 {
  display: block;
  padding: 5px 20px 0;
  color: #27313d;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-align: justify;
}

#body_news #search_news .post > a .inner p {
  padding: 15px 20px 0;
  color: #7c858e;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_news #search_news .post .sns {
  display: none;
}

#body_news #search_news .footer {
  width: 100%;
  padding: 15px 0 30px;
  text-align: center;
}

#body_news #archive_news,
#body_news #single_news {
  padding: 20px 0 0;
}

#body_news #archive_news h2,
#body_news #single_news h2 {
  display: none;
}

#body_news #archive_news > .post,
#body_news #single_news > .post {
  display: block;
  position: relative;
  width: 320px;
  margin: 0 auto;
}

#body_news #archive_news > .post .header,
#body_news #single_news > .post .header {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_news #archive_news > .post .header .thumbnail,
#body_news #single_news > .post .header .thumbnail {
  display: none;
}

#body_news #archive_news > .post .header .meta .date,
#body_news #single_news > .post .header .meta .date {
  display: block;
  padding: 15px 21px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_news #archive_news > .post .header .meta h3,
#body_news #single_news > .post .header .meta h3 {
  display: block;
  padding: 5px 20px 0;
  color: #27313d;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-align: justify;
}

#body_news #archive_news > .post .header .meta h3 a,
#body_news #single_news > .post .header .meta h3 a {
  color: #27313d;
}

#body_news #archive_news > .post .header .sns,
#body_news #single_news > .post .header .sns {
  display: block;
  height: 20px;
  padding: 10px 20px 30px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_news #archive_news > .post .header .sns li,
#body_news #single_news > .post .header .sns li {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 3px;
  background-image: url(../img/common/sns_active.png);
  background-size: 60px 20px;
  background-position: 0 0;
  overflow: hidden;
  font-size: 0;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

#body_news #archive_news > .post .header .sns li a,
#body_news #single_news > .post .header .sns li a {
  display: block;
  width: 20px;
  height: 20px;
}

#body_news #archive_news > .post .header .sns li.tw,
#body_news #single_news > .post .header .sns li.tw {
  background-position: 0 0;
}

#body_news #archive_news > .post .header .sns li.tw a,
#body_news #single_news > .post .header .sns li.tw a {
  background-position: 0 0;
}

#body_news #archive_news > .post .header .sns li.fb,
#body_news #single_news > .post .header .sns li.fb {
  background-position: -20px 0;
}

#body_news #archive_news > .post .header .sns li.fb a,
#body_news #single_news > .post .header .sns li.fb a {
  background-position: -20px 0;
}

#body_news #archive_news > .post .header .sns li.li,
#body_news #single_news > .post .header .sns li.li {
  background-position: -40px 0;
}

#body_news #archive_news > .post .header .sns li.li a,
#body_news #single_news > .post .header .sns li.li a {
  background-position: -40px 0;
}

#body_news #archive_news > .post .inner,
#body_news #single_news > .post .inner {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 5px;
  padding: 20px 20px 30px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #4c535a;
  font-size: 13px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.25px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#body_news #archive_news > .post .inner > h4,
#body_news #single_news > .post .inner > h4 {
  margin-bottom: 25px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #989fa7;
  font-size: 18px;
  font-weight: 700;
}

#body_news #archive_news > .post .inner * + h4,
#body_news #single_news > .post .inner * + h4 {
  padding-top: 20px;
}

#body_news #archive_news > .post .inner img,
#body_news #single_news > .post .inner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.5em;
  border-radius: 4px;
}

#body_news #archive_news > .post .inner p img,
#body_news #single_news > .post .inner p img {
  margin-bottom: 0;
}

#body_news #archive_news > .post .inner p,
#body_news #single_news > .post .inner p {
  margin-bottom: 1.5em;
}

#body_news #archive_news > .post .inner p a,
#body_news #single_news > .post .inner p a {
  color: #4a7fc0;
  font-weight: 700;
}

#body_news #archive_news > .post .links li,
#body_news #single_news > .post .links li {
  display: block;
}

#body_news #archive_news > .post .links li a,
#body_news #single_news > .post .links li a {
  display: inline-block;
  padding: 0 0;
  color: #4a7fc0;
  font-weight: 700;
  border-bottom: 2px solid #4a7fc0;
}

#body_news #archive_news .post_pageing,
#body_news #single_news .post_pageing {
  width: 320px;
  margin: 0 auto;
}

#body_news #archive_news .post_pageing h3,
#body_news #single_news .post_pageing h3 {
  width: 320px;
  height: 12px;
  margin: 30px 0 13px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_news #archive_news .post_pageing h3.next,
#body_news #single_news .post_pageing h3.next {
  background-image: url(../img/news/h2_next.png);
}

#body_news #archive_news .post_pageing h3.prev,
#body_news #single_news .post_pageing h3.prev {
  background-image: url(../img/news/h2_prev.png);
}

#body_news #archive_news .post_pageing .post,
#body_news #single_news .post_pageing .post {
  display: block;
  position: relative;
  width: 320px;
}

#body_news #archive_news .post_pageing .post > a,
#body_news #single_news .post_pageing .post > a {
  display: block;
  width: 100%;
}

#body_news #archive_news .post_pageing .post > a .inner,
#body_news #single_news .post_pageing .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_news #archive_news .post_pageing .post > a .inner .thumbnail,
#body_news #single_news .post_pageing .post > a .inner .thumbnail {
  width: 320px;
  height: 220px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_news #archive_news .post_pageing .post > a .inner .date,
#body_news #single_news .post_pageing .post > a .inner .date {
  display: block;
  padding: 15px 21px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_news #archive_news .post_pageing .post > a .inner h4,
#body_news #single_news .post_pageing .post > a .inner h4 {
  display: block;
  padding: 5px 20px 0;
  color: #27313d;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  text-align: justify;
}

#body_news #archive_news > .footer,
#body_news #single_news > .footer {
  width: 100%;
  padding: 10px 0 30px;
  text-align: center;
}

#body_news #archive_news #search_result {
  margin-bottom: 20px;
}

#body_news #archive_news > .post {
  margin-bottom: 20px;
}

#body_news #single_news > .footer {
  padding-top: 30px;
}

#body_news #side_menu .inner {
  width: 320px;
  margin: 0 auto;
  padding: 30px 0;
}

#body_news #side_menu .search h3 {
  width: 108px;
  height: 12px;
  background-image: url(../img/home/search_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_news #side_menu .search form {
  position: relative;
  width: 320px;
  height: 44px;
}

#body_news #side_menu .search form:before {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 16px;
  margin-top: -10px;
  color: #c5cbd0;
  font-size: 19px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f002";
}

#body_news #side_menu .search form input[type=text] {
  display: block;
  width: 320px;
  height: 44px;
  margin-top: 10px;
  padding: 0 20px 0 47px;
  border: none;
  border-radius: 22px;
  background-color: #ffffff;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_news #side_menu .search form input[type=submit] {
  display: none;
}

#body_news #search_result {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  width: 320px;
  margin: 0 auto 15px;
}

#body_news #search_result h2 {
  display: block;
  height: 30px;
  padding: 9px 20px 0 20px;
  border-radius: 10px 10px 0 0;
  background-image: url(../img/common/h2_bk.png);
  background-position: 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_news #search_result p {
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  font-size: 12px;
  line-height: 140%;
}

#body_news #side_menu .monthly {
  padding-top: 40px;
}

#body_news #side_menu .monthly h3 {
  width: 105px;
  height: 12px;
  background-image: url(../img/news/monthly_h1.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_news #side_menu .monthly ul {
  margin-top: 20px;
}

#body_news #side_menu .monthly ul li {
  padding: 10px 5px 10px;
  border-bottom: 2px solid #d9d9d9;
}

#body_news #side_menu .monthly ul li a {
  display: block;
  color: #616971;
  line-height: 140%;
  text-align: justify;
}

#body_news #side_menu .monthly ul li:nth-of-type(1) {
  border-top: 2px solid #d9d9d9;
}

#body_product #sub_header .inner {
  background-image: url(../img/product/title.png);
}

#body_product #content {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#body_product #content h2 {
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 16px;
  border-radius: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-size: 500px 50px;
}

#body_product #content h2.h2_product {
  background-image: url(../img/product/h3_product.png);
}

#body_product #content h2.h2_media {
  background-image: url(../img/product/h3_cd.png?ver=2);
}

#body_product #content h2.h2_lotup {
  background-image: url(../img/product/h3_lotup.png);
}

#body_product #content .post {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

#body_product #content .post .wrapper {
  display: block;
  width: 100%;
  height: 100%;
}

#body_product #content .post .wrapper .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_product #content .post .wrapper .inner .thumbnail {
  width: 320px;
  height: 444px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_product #content .post .wrapper .inner .logo {
  width: 300px;
  height: 140px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

#body_product #content .post .wrapper .inner h3 {
  padding: 0 20px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
}

#body_product #content .post .wrapper .inner .lead {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
}

#body_product #content .post .wrapper .inner .lead .genre {
  display: block;
  padding: 10px 20px 0;
  color: #3e72b1;
}

#body_product #content .post .wrapper .inner .lead .date {
  display: block;
  padding: 5px 20px 0;
  color: #a7afb7;
}

#body_product #content .post .wrapper .inner p {
  padding: 10px 20px;
  color: #27313d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_product #content .post .wrapper .inner .sitelist {
  display: block;
  padding-top: 20px;
}

#body_product #content .post .wrapper .inner .sitelist > li {
  display: block;
}

#body_product #content .post .wrapper .inner .sitelist > li.aria a {
  background-image: url(../img/product/icon_aria.png);
  background-position: 25px 50%;
  background-repeat: no-repeat;
  padding-left: 72px;
}

#body_product #content .post .wrapper .inner .sitelist > li a {
  display: block;
  position: relative;
  padding: 18px 0;
  border-top: 1px solid #efefef;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product #content .post .wrapper .inner .sitelist > li a .title {
  display: block;
  padding-left: 30px;
  color: #27313d;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.8px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform {
  display: block;
  padding: 5px 0 0 30px;
  font-size: 12px;
  line-height: 100%;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform li {
  padding-right: 8px;
  display: inline-block;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform i {
  margin-right: 3px;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .win {
  color: #3e72b1;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .and {
  color: #0e9a6f;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .ios {
  color: #af7819;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .bro {
  color: #b4408f;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .ps {
  color: #6042c3;
}

#body_product #content .post .wrapper .inner .sitelist > li a .platform .ns {
  color: #c34256;
}

#body_product #content .post .wrapper .inner .sitelist > li a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  color: #ececec;
  font-size: 20px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product #content .post.semilong .wrapper .inner .thumbnail {
  width: 320px;
  height: 480px;
}

#body_product #content .post.long .wrapper .inner .thumbnail {
  width: 320px;
  height: 520px;
}

#body_product #content .post_media {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

#body_product #content .post_media a {
  display: block;
  width: 100%;
  height: 100%;
}

#body_product #content .post_media a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_product #content .post_media a .inner .thumbnail {
  width: 320px;
  height: 320px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_product #content .post_media a .inner .logo {
  width: 300px;
  height: 140px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

#body_product #content .post_media a .inner h3 {
  padding: 20px 20px 10px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
}

#body_product #content .post_media a .inner .lead {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
}

#body_product #content .post_media a .inner .lead .genre {
  display: block;
  padding: 10px 20px 0;
  color: #3e72b1;
}

#body_product #content .post_media a .inner .lead .date {
  display: block;
  padding: 5px 20px 0;
  color: #a7afb7;
}

#body_product #content .post_media a .inner p {
  padding: 10px 20px;
  color: #27313d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_product #content .post_media a .inner .spec {
  padding: 0 20px 20px;
}

#body_product #content .post_media a .inner .spec dt {
  color: #00ac77;
}

#body_product #content .post_media a .inner .spec dd {
  color: #7c858e;
}

#body_product #content .download_links {
  display: block;
  margin: -3px 0 25px 0;
  border-radius: 10px;
  background-color: #f0f0f0;
  overflow: hidden;
}

#body_product #content .download_links h4 {
  padding: 6px 20px 4px;
  border-bottom: 2px solid #ddd;
  background-color: #ddd;
  color: #27313d;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}

#body_product #content .download_links h4 i {
  padding-right: 3px;
}

#body_product #content .download_links ul {
  display: block;
}

#body_product #content .download_links ul .item {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  color: #7c858e;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_product #content .download_links ul .item .name {
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  padding: 5px 20px;
}

#body_product #content .download_links ul .item a {
  display: block;
  width: 28px;
  position: relative;
  padding: 5px 20px;
  border-left: 1px solid #e8e8e8;
  color: #7c858e;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product #content .download_links ul .item a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  color: #7c858e;
  font-size: 10px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product #content .download_links ul .item a:first-of-type:last-of-type {
  width: 97px;
}

#body_product #content .download_links ul .item.long a {
  width: 280px !important;
  border: none;
}

#body_product #content .download_links ul .item:last-of-type {
  border: none;
}

#body_product #content .download_links ul .item:last-of-type .name, #body_product #content .download_links ul .item:last-of-type a {
  padding: 5px 20px 10px;
}

#body_product #content .download_links + .download_links {
  margin-top: -21px;
}

#body_product #content .footer {
  width: 100%;
  padding: 25px 0 35px;
  text-align: center;
}

#body_product #side_menu .item {
  display: block;
  height: 40px;
  margin-bottom: 6px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

#body_product #side_menu .item.item_100 {
  background-image: url(../img/product/side_product.png);
  background-color: #4a7fc0;
}

#body_product #side_menu .item.item_200 {
  background-image: url(../img/product/side_cd.png?ver=2);
  background-color: #00ac77;
}

#body_product #side_menu .item.item_300 {
  background-image: url(../img/product/side_lotup_r.png);
  height: 60px;
  background-color: #a7afb7;
}

#body_product #side_menu .item.item_101 {
  background-image: url(../img/product/side_101.png);
  height: 30px;
}

#body_product #side_menu .item.item_102 {
  background-image: url(../img/product/side_102.png);
  height: 42px;
}

#body_product #side_menu .item.item_103 {
  background-image: url(../img/product/side_103.png);
  height: 42px;
}

#body_product #side_menu .item.item_104 {
  background-image: url(../img/product/side_104.png);
  height: 30px;
}

#body_product #side_menu .item.item_105 {
  background-image: url(../img/product/side_105.png);
  height: 30px;
}

#body_product #side_menu .item.item_106 {
  background-image: url(../img/product/side_106.png);
  height: 30px;
}

#body_product #side_menu .item.item_107 {
  background-image: url(../img/product/side_107.png);
  height: 30px;
}

#body_product #side_menu .item.item_108 {
  background-image: url(../img/product/side_108.png);
  height: 30px;
}

#body_product #side_menu .item.item_109 {
  background-image: url(../img/product/side_109.png);
  height: 30px;
}

#body_product #side_menu .item.item_110 {
  background-image: url(../img/product/side_110.png);
  height: 30px;
}

#body_product #side_menu .item.item_111 {
  background-image: url(../img/product/side_111.png);
  height: 30px;
}

#body_product #side_menu .item.item_112 {
  background-image: url(../img/product/side_112.png);
  height: 42px;
}

#body_product #side_menu .item.item_113 {
  background-image: url(../img/product/side_113.png);
  height: 30px;
}

#body_product #side_menu .item.item_114 {
  background-image: url(../img/product/side_114.png);
  height: 42px;
}

#body_product #side_menu .item.item_201 {
  background-image: url(../img/product/side_201.png);
  height: 42px;
}

#body_product #side_menu .item.item_202 {
  background-image: url(../img/product/side_202.png);
  height: 42px;
}

#body_product #side_menu .item.item_203 {
  background-image: url(../img/product/side_203.png);
  height: 42px;
}

#body_product #side_menu .item.item_204 {
  background-image: url(../img/product/side_204.png);
  height: 42px;
}

#body_product #side_menu .item.item_205 {
  background-image: url(../img/product/side_205.png);
  height: 42px;
}

#body_product #side_menu .item.item_206 {
  background-image: url(../img/product/side_206.png);
  height: 42px;
}

#body_product #side_menu .item.item_207 {
  background-image: url(../img/product/side_207.png);
  height: 42px;
}

#body_product #side_menu .item.item_208 {
  background-image: url(../img/product/side_208.png);
  height: 56px;
}

#body_product #side_menu .item.item_209 {
  background-image: url(../img/product/side_209.png);
  height: 42px;
}

#body_product #side_menu .item.item_210 {
  background-image: url(../img/product/side_210.png);
  height: 42px;
}

#body_product #side_menu .item.item_211 {
  background-image: url(../img/product/side_211.png);
  height: 42px;
}

#body_product #side_menu .item.item_212 {
  background-image: url(../img/product/side_212.png);
  height: 42px;
}

#body_product #side_menu .item.item_213 {
  background-image: url(../img/product/side_213.png);
  height: 42px;
}

#body_product #side_menu .item.item_214 {
  background-image: url(../img/product/side_214.png);
  height: 42px;
}

#body_product_new #sub_header .inner {
  background-image: url(../img/product/title.png);
}

#body_product_new #product_nav {
  width: 306px;
  margin: 0 auto;
  padding: 15px 0 10px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_product_new #product_nav a {
  display: block;
  position: relative;
  width: 146px;
  height: 32px;
  margin-bottom: 6px;
  background-size: 150px 36px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
  border-radius: 18px;
  font-size: 0;
}

#body_product_new #product_nav a.game {
  border: 2px solid #4a7fc0;
  background-image: url(../img/product_new/nav_01.png);
}

#body_product_new #product_nav a.music {
  border: 2px solid #00ac77;
  background-image: url(../img/product_new/nav_02.png);
}

#body_product_new #product_nav a.other {
  border: 2px solid #bd995a;
  background-image: url(../img/product_new/nav_03.png);
}

#body_product_new #product_nav span {
  display: block;
  position: relative;
  width: 150px;
  height: 36px;
  margin-bottom: 6px;
  background-size: 150px 36px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
  border-radius: 18px;
  font-size: 0;
}

#body_product_new #product_nav span.game {
  background-image: url(../img/product_new/nav_01_on.png);
}

#body_product_new #product_nav span.music {
  background-image: url(../img/product_new/nav_02_on.png);
}

#body_product_new #product_nav span.other {
  background-image: url(../img/product_new/nav_03_on.png);
}

#body_product_new .main_content {
  padding-bottom: 50px;
}

#body_product_new .main_content .footer {
  padding-top: 40px;
}

#body_product_new .category_box {
  width: 320px;
  margin: 0 auto 20px;
}

#body_product_new .category_box .header {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  border-radius: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/product_new/h3_bk.png);
  background-size: 750px 45px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#body_product_new .category_box .header h3 {
  display: block;
  width: 100%;
  height: 45px;
  background-size: 750px 45px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product_new .category_box .header h3.lotup {
  background-image: url(../img/product_new/h3_lotup.png);
}

#body_product_new .category_box .product_box {
  margin-bottom: 15px;
}

#body_product_new .category_box .product_box .information {
  display: block;
  width: 320px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-size: 500px auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}

#body_product_new .category_box .product_box .information .visual {
  display: block;
  width: 320px;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product_new .category_box .product_box .information .inner {
  width: 280px;
  padding: 20px 20px 25px;
}

#body_product_new .category_box .product_box .information .inner .logo {
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
  background-size: auto 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#body_product_new .category_box .product_box .information .inner h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

#body_product_new .category_box .product_box .information .inner .copy {
  padding-top: 5px;
  color: #3e72b1;
  font-size: 14px;
  line-height: 140%;
}

#body_product_new .category_box .product_box .information .inner .text {
  padding-top: 12px;
  font-size: 14px;
  line-height: 180%;
  text-align: justify;
}

#body_product_new .category_box .product_box .information .inner .text br {
  display: none;
}

#body_product_new .category_box .item_box {
  display: block;
  position: relative;
  padding: 20px 20px 25px;
  margin-top: 6px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-size: 500px auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1;
}

#body_product_new .category_box .item_box .platform {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#body_product_new .category_box .item_box .platform li {
  display: block;
  width: 70px;
  height: 21px;
  margin-right: 5px;
  border-radius: 10px;
  background-image: url(../img/product_new/platform_list.png);
  background-size: 70px 210px;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_product_new .category_box .item_box .platform li.browser {
  background-position: 0 0px;
}

#body_product_new .category_box .item_box .platform li.browser::after {
  border: 2px solid #6598a9;
  background-color: #6598a9;
}

#body_product_new .category_box .item_box .platform li.ios {
  background-position: 0 -21px;
}

#body_product_new .category_box .item_box .platform li.ios::after {
  border: 2px solid #b388bc;
  background-color: #b388bc;
}

#body_product_new .category_box .item_box .platform li.android {
  background-position: 0 -42px;
}

#body_product_new .category_box .item_box .platform li.android::after {
  border: 2px solid #64956f;
  background-color: #64956f;
}

#body_product_new .category_box .item_box .platform li.windows {
  background-position: 0 -63px;
}

#body_product_new .category_box .item_box .platform li.windows::after {
  border: 2px solid #5c799c;
  background-color: #5c799c;
}

#body_product_new .category_box .item_box .platform li.switch {
  background-position: 0 -84px;
}

#body_product_new .category_box .item_box .platform li.switch::after {
  border: 2px solid #aa5d73;
  background-color: #aa5d73;
}

#body_product_new .category_box .item_box .platform li.psvita {
  background-position: 0 -105px;
}

#body_product_new .category_box .item_box .platform li.psvita::after {
  border: 2px solid #a49164;
  background-color: #a49164;
}

#body_product_new .category_box .item_box .platform li.ps4 {
  background-position: 0 -126px;
}

#body_product_new .category_box .item_box .platform li.ps4::after {
  border: 2px solid #b99d5a;
  background-color: #b99d5a;
}

#body_product_new .category_box .item_box .platform li.ps2 {
  background-position: 0 -147px;
}

#body_product_new .category_box .item_box .platform li.ps2::after {
  border: 2px solid #b99d5a;
  background-color: #b99d5a;
}

#body_product_new .category_box .item_box .platform li.psp {
  background-position: 0 -168px;
}

#body_product_new .category_box .item_box .platform li.psp::after {
  border: 2px solid #a49164;
  background-color: #a49164;
}

#body_product_new .category_box .item_box .platform li.legacy {
  background-position: 0 -189px;
}

#body_product_new .category_box .item_box .platform li.legacy::after {
  border: 2px solid #a7a7a7;
  background-color: #a7a7a7;
}

#body_product_new .category_box .item_box .platform li.r18 {
  position: relative;
  margin-right: 30px;
}

#body_product_new .category_box .item_box .platform li.r18::after {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 73px;
  border-radius: 10px;
  background-image: url(../img/product_new/platform_r18.png);
  background-size: 21px 21px;
  background-position: 50% 50%;
  font-size: 0;
  content: "R18";
}

#body_product_new .category_box .item_box .text {
  padding: 5px 20px 0 0;
}

#body_product_new .category_box .item_box .text .label {
  display: block;
  color: #27313d;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
}

#body_product_new .category_box .item_box .text .date {
  display: block;
  padding-top: 3px;
  color: #989fa7;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0.1em;
  text-indent: 0.2em;
}

#body_product_new .category_box .item_box::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  color: #ececec;
  font-size: 30px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
}

#body_product_new .category_box .item_box.sub {
  background-color: #ececec;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#body_product_new .category_box .item_box.sub .text .label {
  display: block;
  color: #27313d;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new .category_box .item_box.sub .text .date {
  display: none;
}

#body_product_new .category_box .item_box.sub::after {
  color: #dad9d9;
}

#body_product_new #new_product .header h3 {
  background-image: url(../img/product_new/h3_new.png);
}

#body_product_new #new_product .inner .new_box {
  display: block;
  width: 320px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-size: 500px auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  color: #27313d;
  overflow: hidden;
}

#body_product_new #new_product .inner .new_box .thumbnail {
  display: block;
  width: 320px;
  height: 130px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product_new #new_product .inner .new_box .text {
  position: relative;
  padding: 12px 45px 18px 20px;
}

#body_product_new #new_product .inner .new_box .text h4 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new #new_product .inner .new_box .text p {
  padding-top: 3px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new #new_product .inner .new_box .text::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  color: #ececec;
  font-size: 30px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease right;
  transition: 0.2s ease right;
}

#body_product_new .post_media {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

#body_product_new .post_media a {
  display: block;
  width: 100%;
  height: 100%;
}

#body_product_new .post_media a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_product_new .post_media a .inner .thumbnail {
  width: 320px;
  height: 320px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_product_new .post_media a .inner .logo {
  width: 300px;
  height: 140px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

#body_product_new .post_media a .inner h4 {
  padding: 20px 20px 10px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
}

#body_product_new .post_media a .inner .lead {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
}

#body_product_new .post_media a .inner .lead .genre {
  display: block;
  padding: 10px 20px 0;
  color: #3e72b1;
}

#body_product_new .post_media a .inner .lead .date {
  display: block;
  padding: 5px 20px 0;
  color: #a7afb7;
}

#body_product_new .post_media a .inner p {
  padding: 10px 20px;
  color: #27313d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_product_new .post_media a .inner .spec {
  padding: 0 20px 20px;
}

#body_product_new .post_media a .inner .spec dt {
  color: #00ac77;
}

#body_product_new .post_media a .inner .spec dd {
  color: #7c858e;
}

#body_product_new .download_links {
  display: block;
  margin: -3px 0 25px 0;
  border-radius: 10px;
  background-color: #f0f0f0;
  overflow: hidden;
}

#body_product_new .download_links h5 {
  padding: 6px 20px 4px;
  border-bottom: 2px solid #ddd;
  background-color: #ddd;
  color: #27313d;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}

#body_product_new .download_links h5 i {
  padding-right: 3px;
}

#body_product_new .download_links ul {
  display: block;
}

#body_product_new .download_links ul .item {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  color: #7c858e;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_product_new .download_links ul .item .name {
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  padding: 5px 20px;
}

#body_product_new .download_links ul .item a {
  display: block;
  width: 28px;
  position: relative;
  padding: 5px 20px;
  border-left: 1px solid #e8e8e8;
  color: #7c858e;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new .download_links ul .item a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  color: #7c858e;
  font-size: 10px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new .download_links ul .item a:first-of-type:last-of-type {
  width: 97px;
}

#body_product_new .download_links ul .item.long a {
  width: 280px !important;
  border: none;
}

#body_product_new .download_links ul .item:last-of-type {
  border: none;
}

#body_product_new .download_links ul .item:last-of-type .name, #body_product_new .download_links ul .item:last-of-type a {
  padding: 5px 20px 10px;
}

#body_product_new .download_links + .download_links {
  margin-top: -21px;
}

#body_product_new .other_box a {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 1;
}

#body_product_new .other_box a .visual {
  width: 100%;
  height: auto;
}

#body_product_new .other_box a .inner {
  position: relative;
  padding: 12px 45px 18px 20px;
  color: #27313d;
}

#body_product_new .other_box a .inner h4 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new .other_box a .inner .copy {
  color: #b28c4d;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new .other_box a .inner .text {
  padding-top: 3px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}

#body_product_new .other_box a .inner::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  color: #ececec;
  font-size: 30px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease right;
  transition: 0.2s ease right;
}

#body_product_new .lotup_box a {
  display: block;
  position: relative;
  width: 320px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-size: 500px auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  color: #27313d;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-transition: 0.2s ease box-shadow, 0.2s ease opacity, 0.2s ease transform;
  transition: 0.2s ease box-shadow, 0.2s ease opacity, 0.2s ease transform;
}

#body_product_new .lotup_box a .visual {
  display: block;
  width: 320px;
  height: 435px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#body_product_new .lotup_box a .inner {
  position: relative;
  width: 280px;
  padding: 20px 20px 25px 20px;
}

#body_product_new .lotup_box a .inner .logo {
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
  background-size: auto 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#body_product_new .lotup_box a .inner h4 {
  padding-right: 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

#body_product_new .lotup_box a .inner .copy {
  padding-right: 25px;
  padding-top: 5px;
  color: #3e72b1;
  font-size: 14px;
  line-height: 140%;
}

#body_product_new .lotup_box a .inner .date {
  padding-right: 25px;
  padding-top: 5px;
  color: #a7afb7;
  font-size: 14px;
  line-height: 140%;
}

#body_product_new .lotup_box a .inner .text {
  padding-right: 25px;
  padding-top: 12px;
  font-size: 14px;
  line-height: 180%;
  text-align: justify;
}

#body_product_new .lotup_box a .inner .text br {
  display: none;
}

#body_product_new .lotup_box a .inner::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  color: #ececec;
  font-size: 30px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease right;
  transition: 0.2s ease right;
}

#body_product_new #content {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#body_product_new #content h2 {
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 16px;
  border-radius: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-size: 500px 50px;
}

#body_product_new #content h2.h2_product {
  background-image: url(../img/product/h3_product.png);
}

#body_product_new #content h2.h2_media {
  background-image: url(../img/product/h3_cd.png?ver=2);
}

#body_product_new #content h2.h2_lotup {
  background-image: url(../img/product/h3_lotup.png);
}

#body_product_new #content .post {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

#body_product_new #content .post .wrapper {
  display: block;
  width: 100%;
  height: 100%;
}

#body_product_new #content .post .wrapper .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_product_new #content .post .wrapper .inner .thumbnail {
  width: 320px;
  height: 444px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_product_new #content .post .wrapper .inner .logo {
  width: 300px;
  height: 140px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

#body_product_new #content .post .wrapper .inner h3 {
  padding: 0 20px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
}

#body_product_new #content .post .wrapper .inner .lead {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
}

#body_product_new #content .post .wrapper .inner .lead .genre {
  display: block;
  padding: 10px 20px 0;
  color: #3e72b1;
}

#body_product_new #content .post .wrapper .inner .lead .date {
  display: block;
  padding: 5px 20px 0;
  color: #a7afb7;
}

#body_product_new #content .post .wrapper .inner p {
  padding: 10px 20px;
  color: #27313d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_product_new #content .post .wrapper .inner .sitelist {
  display: block;
  padding-top: 20px;
}

#body_product_new #content .post .wrapper .inner .sitelist > li {
  display: block;
}

#body_product_new #content .post .wrapper .inner .sitelist > li.aria a {
  background-image: url(../img/product/icon_aria.png);
  background-position: 25px 50%;
  background-repeat: no-repeat;
  padding-left: 72px;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a {
  display: block;
  position: relative;
  padding: 18px 0;
  border-top: 1px solid #efefef;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .title {
  display: block;
  padding-left: 30px;
  color: #27313d;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.8px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform {
  display: block;
  padding: 5px 0 0 30px;
  font-size: 12px;
  line-height: 100%;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform li {
  padding-right: 8px;
  display: inline-block;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform i {
  margin-right: 3px;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .win {
  color: #3e72b1;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .and {
  color: #0e9a6f;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .ios {
  color: #af7819;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .bro {
  color: #b4408f;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .ps {
  color: #6042c3;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a .platform .ns {
  color: #c34256;
}

#body_product_new #content .post .wrapper .inner .sitelist > li a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  color: #ececec;
  font-size: 20px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new #content .post.semilong .wrapper .inner .thumbnail {
  width: 320px;
  height: 480px;
}

#body_product_new #content .post.long .wrapper .inner .thumbnail {
  width: 320px;
  height: 520px;
}

#body_product_new #content .post_media {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

#body_product_new #content .post_media a {
  display: block;
  width: 100%;
  height: 100%;
}

#body_product_new #content .post_media a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_product_new #content .post_media a .inner .thumbnail {
  width: 320px;
  height: 320px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_product_new #content .post_media a .inner .logo {
  width: 300px;
  height: 140px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

#body_product_new #content .post_media a .inner h3 {
  padding: 20px 20px 10px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
}

#body_product_new #content .post_media a .inner .lead {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
}

#body_product_new #content .post_media a .inner .lead .genre {
  display: block;
  padding: 10px 20px 0;
  color: #3e72b1;
}

#body_product_new #content .post_media a .inner .lead .date {
  display: block;
  padding: 5px 20px 0;
  color: #a7afb7;
}

#body_product_new #content .post_media a .inner p {
  padding: 10px 20px;
  color: #27313d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08em;
}

#body_product_new #content .post_media a .inner .spec {
  padding: 0 20px 20px;
}

#body_product_new #content .post_media a .inner .spec dt {
  color: #00ac77;
}

#body_product_new #content .post_media a .inner .spec dd {
  color: #7c858e;
}

#body_product_new #content .download_links {
  display: block;
  margin: -3px 0 25px 0;
  border-radius: 10px;
  background-color: #f0f0f0;
  overflow: hidden;
}

#body_product_new #content .download_links h4 {
  padding: 6px 20px 4px;
  border-bottom: 2px solid #ddd;
  background-color: #ddd;
  color: #27313d;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}

#body_product_new #content .download_links h4 i {
  padding-right: 3px;
}

#body_product_new #content .download_links ul {
  display: block;
}

#body_product_new #content .download_links ul .item {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  color: #7c858e;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_product_new #content .download_links ul .item .name {
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  padding: 5px 20px;
}

#body_product_new #content .download_links ul .item a {
  display: block;
  width: 28px;
  position: relative;
  padding: 5px 20px;
  border-left: 1px solid #e8e8e8;
  color: #7c858e;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new #content .download_links ul .item a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  color: #7c858e;
  font-size: 10px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_product_new #content .download_links ul .item a:first-of-type:last-of-type {
  width: 97px;
}

#body_product_new #content .download_links ul .item.long a {
  width: 280px !important;
  border: none;
}

#body_product_new #content .download_links ul .item:last-of-type {
  border: none;
}

#body_product_new #content .download_links ul .item:last-of-type .name, #body_product_new #content .download_links ul .item:last-of-type a {
  padding: 5px 20px 10px;
}

#body_product_new #content .download_links + .download_links {
  margin-top: -21px;
}

#body_product_new #content .footer {
  width: 100%;
  padding: 25px 0 35px;
  text-align: center;
}

#body_event #sub_header .inner {
  background-image: url(../img/event/title.png);
}

#body_event #content {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_event #content h2 {
  display: none;
}

#body_event #content .post {
  display: block;
  position: relative;
  width: 155px;
  margin-bottom: 10px;
}

#body_event #content .post > a {
  display: block;
  width: 100%;
  height: 100%;
}

#body_event #content .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_event #content .post > a .inner .thumbnail {
  width: 155px;
  height: 106px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_event #content .post > a .inner .date {
  display: block;
  padding: 10px 10px 0;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#body_event #content .post > a .inner h3 {
  padding: 5px 10px 25px;
  color: #27313d;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

#body_event #content .footer {
  width: 100%;
  padding: 25px 0 35px;
  text-align: center;
}

#body_recruit #sub_header .inner {
  background-image: url(../img/recruit/title.png);
}

#body_recruit #content {
  padding: 20px 0 0;
}

#body_recruit #content h2 {
  display: none;
}

#body_recruit #content .section_box .inner .banners {
  margin-top: 15px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#body_recruit #content .section_box .inner .banners a {
  display: block;
  width: 280px;
  height: 140px;
  margin: 0 5px 10px;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 0;
}

#body_recruit #content #intro .header {
  width: 500px;
  height: 102px;
  background-image: url(../img/recruit/img_01.png);
  background-size: 500px 175px;
  background-size: cover;
}

#body_recruit #content #about .header h3 {
  background-image: url(../img/recruit/h2_01.png);
}

#body_recruit #content #about .img_01 {
  width: 280px;
  height: 92px;
  background-image: url(../img/recruit/img_02.png);
  background-size: cover;
}

#body_recruit #content #about .banner_01 {
  background-image: url(../img/recruit/btn_11.png);
}

#body_recruit #content #about .banner_02 {
  background-image: url(../img/recruit/btn_12.png);
}

#body_recruit #content #category .header h3 {
  background-image: url(../img/recruit/h2_02.png);
}

#body_recruit #content #category .list {
  padding-top: 15px;
}

#body_recruit #content #category .list a {
  display: block;
  position: relative;
  margin: 0 auto 10px;
  border-radius: 8px;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #454a4e;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_recruit #content #category .list a .title {
  display: block;
  padding: 12px 20px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}

#body_recruit #content #category .list a .text {
  display: block;
  padding: 8px 20px 8px;
  font-size: 12px;
  line-height: 140%;
  color: #fff;
  background-color: #b0b8bf;
}

#body_recruit #content #category .list a:after {
  position: absolute;
  display: inline-block;
  top: 9px;
  right: 15px;
  color: #b0b8bf;
  font-size: 20px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_recruit #content #guide .header h3 {
  background-image: url(../img/recruit/h2_03.png);
}

#body_recruit #content #guide dl {
  margin-bottom: 12px;
}

#body_recruit #content #guide dl dt {
  width: 100px;
  height: 24px;
  background-image: url(../img/recruit/dt_01.png);
  background-size: 100px 240px;
  font-size: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

#body_recruit #content #guide dl dt:nth-of-type(1) {
  background-position: 0 0px;
}

#body_recruit #content #guide dl dt:nth-of-type(2) {
  background-position: 0 -24px;
}

#body_recruit #content #guide dl dt:nth-of-type(3) {
  background-position: 0 -48px;
}

#body_recruit #content #guide dl dt:nth-of-type(4) {
  background-position: 0 -72px;
}

#body_recruit #content #guide dl dt:nth-of-type(5) {
  background-position: 0 -96px;
}

#body_recruit #content #guide dl dt:nth-of-type(6) {
  background-position: 0 -120px;
}

#body_recruit #content #guide dl dt:nth-of-type(7) {
  background-position: 0 -144px;
}

#body_recruit #content #guide dl dt:nth-of-type(8) {
  background-position: 0 -168px;
}

#body_recruit #content #guide dl dt:nth-of-type(9) {
  background-position: 0 -192px;
}

#body_recruit #content #guide dl dt:nth-of-type(10) {
  background-position: 0 -216px;
}

#body_recruit #content #guide dl dd {
  width: 280px;
  margin-bottom: 15px;
  padding: 0 0 0 0;
  line-height: 150%;
}

#body_recruit #content #guide iframe {
  width: 280px;
  height: 200px;
}

#body_recruit #content #faq .header h3 {
  background-image: url(../img/recruit/h2_04.png);
}

#body_recruit #content .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_recruit #side_menu .tree_list .item.item_10 {
  background-image: url(../img/recruit/side_10.png);
}

#body_recruit #side_menu .tree_list .item.item_20 {
  background-image: url(../img/recruit/side_20.png);
}

#body_recruit #side_menu .tree_list .item.item_21 {
  background-image: url(../img/recruit/side_21.png);
}

#body_recruit #side_menu .tree_list .item.item_22 {
  background-image: url(../img/recruit/side_22.png);
}

#body_recruit #side_menu .tree_list .item.item_23 {
  background-image: url(../img/recruit/side_23.png);
}

#body_recruit #side_menu .tree_list .item.item_24 {
  background-image: url(../img/recruit/side_24.png);
}

#body_recruit #side_menu .tree_list .item.item_30 {
  background-image: url(../img/recruit/side_30.png);
}

#body_recruit #side_menu .tree_list .item.item_31 {
  background-image: url(../img/recruit/side_31.png);
}

#body_recruit #side_menu .tree_list .item.item_32 {
  background-image: url(../img/recruit/side_32.png);
}

#body_recruit #side_menu .tree_list .item.item_33 {
  background-image: url(../img/recruit/side_33.png);
}

#body_recruit #side_menu .tree_list .item.item_40 {
  background-image: url(../img/recruit/side_40.png);
}

#body_recruit #side_menu .tree_list .item.item_51 {
  background-image: url(../img/recruit/side_51.png);
}

#body_recruit #side_menu .tree_list .item.item_52 {
  background-image: url(../img/recruit/side_52.png);
}

#body_recruit #side_menu .tree_list .item.item_53 {
  background-image: url(../img/recruit/side_53.png);
}

#body_recruit #side_menu .tree_list .item.item_54 {
  background-image: url(../img/recruit/side_54.png);
}

#body_recruit #side_menu .tree_list .item.item_55 {
  background-image: url(../img/recruit/side_55.png);
}

#body_recruit #side_menu .tree_list .item.item_56 {
  background-image: url(../img/recruit/side_56.png);
}

#body_recruit #side_menu .tree_list .item.item_57 {
  background-image: url(../img/recruit/side_57.png);
}

#body_recruit #side_menu .tree_list .item.item_58 {
  background-image: url(../img/recruit/side_58.png);
}

#body_recruit #side_menu .tree_list .item.item_59 {
  background-image: url(../img/recruit/side_59.png);
}

#body_recruit .main_content h3 {
  height: 45px !important;
}

#body_recruit .recruit_content {
  padding-top: 20px;
}

#body_recruit .recruit_content > .header h3 {
  background-size: 500px 50px;
}

#body_recruit #category_body > .header h3 {
  width: 320px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 10px;
  background-image: url(../img/recruit/h2_10.png);
  background-position: 0 0;
  background-repeat: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_recruit #category_body #scenario h4 {
  background-image: url(../img/recruit/h2_51.png);
}

#body_recruit #category_body #character h4 {
  background-image: url(../img/recruit/h2_52.png);
}

#body_recruit #category_body #n2dgraphic h4 {
  background-image: url(../img/recruit/h2_53.png);
}

#body_recruit #category_body #3dgraphic h4 {
  background-image: url(../img/recruit/h2_54.png);
}

#body_recruit #category_body #creator h4 {
  background-image: url(../img/recruit/h2_55.png);
}

#body_recruit #category_body #system h4 {
  background-image: url(../img/recruit/h2_56.png);
}

#body_recruit #category_body #management h4 {
  background-image: url(../img/recruit/h2_57.png);
}

#body_recruit #category_body #design h4 {
  background-image: url(../img/recruit/h2_58.png);
}

#body_recruit #category_body #officework h4 {
  background-image: url(../img/recruit/h2_59.png);
}

#body_recruit #category_body .inner .btn {
  margin-top: 60px;
}

#body_recruit #category_body .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_recruit #category_body h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
}

#body_recruit #category_body h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #acacac;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f0da";
}

#body_recruit #category_body h5 + h6 {
  padding-top: 0;
}

#body_recruit #category_body p.tip {
  font-size: 12px;
  line-height: 160%;
  color: #989fa7;
}

#body_recruit #category_body ul {
  padding-bottom: 20px;
}

#body_recruit #category_body ul li {
  position: relative;
  padding-left: 1em;
}

#body_recruit #category_body ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_recruit #category_body #vc_submit_label {
  margin-top: 20px;
}

#body_recruit #faq > .header h3 {
  width: 320px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 10px;
  background-image: url(../img/recruit/h2_40.png);
  background-position: 0 0;
  background-repeat: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_recruit #faq .section_box .header h4 {
  background-image: url(../img/recruit/h2_41.png);
}

#body_recruit #faq .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_recruit #taigu .header h3 {
  background-image: url(../img/recruit/h2_03.png);
}

#body_recruit #taigu dl {
  margin-bottom: 12px;
}

#body_recruit #taigu dl dt {
  width: 100px;
  height: 24px;
  background-image: url(../img/recruit/dt_01.png);
  background-size: 100px 240px;
  font-size: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

#body_recruit #taigu dl dt:nth-of-type(1) {
  background-position: 0 0px;
}

#body_recruit #taigu dl dt:nth-of-type(2) {
  background-position: 0 -24px;
}

#body_recruit #taigu dl dt:nth-of-type(3) {
  background-position: 0 -48px;
}

#body_recruit #taigu dl dt:nth-of-type(4) {
  background-position: 0 -72px;
}

#body_recruit #taigu dl dt:nth-of-type(5) {
  background-position: 0 -96px;
}

#body_recruit #taigu dl dt:nth-of-type(6) {
  background-position: 0 -120px;
}

#body_recruit #taigu dl dt:nth-of-type(7) {
  background-position: 0 -144px;
}

#body_recruit #taigu dl dt:nth-of-type(8) {
  background-position: 0 -168px;
}

#body_recruit #taigu dl dt:nth-of-type(9) {
  background-position: 0 -192px;
}

#body_recruit #taigu dl dd {
  width: 280px;
  margin-bottom: 15px;
  padding: 0 0 0 0;
  line-height: 150%;
}

#body_recruit #taigu iframe {
  width: 280px;
  height: 200px;
}

#body_recruit #flow h4 {
  background-image: url(../img/recruit/h2_31.png);
}

#body_recruit #form .header h4 {
  background-image: url(../img/recruit/h2_61.png);
}

#body_about #sub_header .inner {
  background-image: url(../img/about/title.png);
}

#body_about #content {
  padding: 20px 0 0;
}

#body_about #content h2 {
  display: none;
}

#body_about #content #intro .header {
  width: 320px;
  height: 160px;
  background-image: url(../img/about/img_01.png);
  background-size: cover;
}

#body_about #content #news .header h3 {
  background-image: url(../img/about/h2_01.png);
}

#body_about #content #news .tweet {
  width: 280px;
  margin: 0 auto 30px;
  border: 1px solid rgba(15, 70, 100, 0.12);
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_about #content #news .twitter_tip {
  display: block;
  margin-top: -22px;
  font-size: 11px;
  text-align: center;
  color: #999;
}

#body_about #content #link .header h3 {
  background-image: url(../img/about/h2_02.png);
}

#body_about #content #link .banners li {
  margin-bottom: 15px;
}

#body_about #content #link .banners span {
  display: block;
  padding-top: 2px;
  font-size: 12px;
}

#body_about #content #userentry .header h3 {
  background-image: url(../img/about/h2_03.png);
}

#body_about #content #guideline .header h3 {
  background-image: url(../img/about/h2_04.png);
}

#body_about #content .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_about #side_menu .tree_list .item.item_10 {
  background-image: url(../img/about/side_10.png);
}

#body_about #side_menu .tree_list .item.item_11 {
  background-image: url(../img/about/side_11.png);
}

#body_about #side_menu .tree_list .item.item_12 {
  background-image: url(../img/about/side_12.png);
}

#body_about #side_menu .tree_list .item.item_20 {
  background-image: url(../img/about/side_20.png);
}

#body_about #side_menu .tree_list .item.item_21 {
  background-image: url(../img/about/side_21.png);
}

#body_about #side_menu .tree_list .item.item_30 {
  background-image: url(../img/about/side_30.png);
}

#body_about #side_menu .tree_list .item.item_31 {
  background-image: url(../img/about/side_31.png);
}

#body_about #side_menu .tree_list .item.item_32 {
  background-image: url(../img/about/side_32.png);
}

#body_about #side_menu .tree_list .item.item_40 {
  background-image: url(../img/about/side_40.png);
  height: 60px;
}

#body_about #side_menu .tree_list .item.item_41 {
  background-image: url(../img/about/side_41.png);
  height: 47px;
}

#body_about #side_menu .tree_list .item.item_42 {
  background-image: url(../img/about/side_47.png?ver=2);
}

#body_about #side_menu .tree_list .item.item_43 {
  background-image: url(../img/about/side_46.png?ver=2);
}

#body_about #side_menu .tree_list .item.item_44 {
  background-image: url(../img/about/side_43.png?ver=2);
}

#body_about #side_menu .tree_list .item.item_45 {
  background-image: url(../img/about/side_45.png?ver=2);
}

#body_about #side_menu .tree_list .item.item_46 {
  background-image: url(../img/about/side_44.png?ver=2);
}

#body_about #guide {
  padding: 20px 0 0;
}

#body_about #guide > .header h3 {
  width: 320px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 10px;
  background-image: url(../img/about/h2_10.png);
  background-size: 500px 50px;
  background-position: 0 0;
  background-repeat: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_about #guide h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
}

#body_about #guide h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #acacac;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f0da";
}

#body_about #guide h5 + h6 {
  padding-top: 0;
}

#body_about #guide .jio {
  text-align: center;
  padding-bottom: 20px;
}

#body_about #guide .jio a {
  display: inline-block;
}

#body_about #guide .jio img {
  width: 280px;
  height: auto;
}

#body_about #guide ul {
  padding-bottom: 20px;
}

#body_about #guide ul li {
  position: relative;
  padding-left: 1em;
}

#body_about #guide ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_about #guide #fanfic h4 {
  background-image: url(../img/about/h2_11.png);
}

#body_about #guide #itasha h4 {
  background-image: url(../img/about/h2_12.png);
}

#body_about #guide #privacy h4 {
  background-image: url(../img/about/h2_31.png);
}

#body_about #guide .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_about #fanfic_guide {
  padding: 20px 0 0;
}

#body_about #fanfic_guide > .header h3 {
  width: 320px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 10px;
  background-image: url(../img/about/h2_40.png);
  background-size: 500px 50px;
  background-position: 0 0;
  background-repeat: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_about #fanfic_guide h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
}

#body_about #fanfic_guide h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #acacac;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f0da";
}

#body_about #fanfic_guide h5 + h6 {
  padding-top: 0;
}

#body_about #fanfic_guide .jio {
  text-align: center;
  padding-bottom: 20px;
}

#body_about #fanfic_guide .jio a {
  display: inline-block;
}

#body_about #fanfic_guide .jio img {
  width: 280px;
  height: auto;
}

#body_about #fanfic_guide ul {
  padding-bottom: 20px;
}

#body_about #fanfic_guide ul li {
  position: relative;
  padding-left: 1em;
}

#body_about #fanfic_guide ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_about #fanfic_guide .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_about #fanfic_guide p a, #body_about #fanfic_guide ul a, #body_about #fanfic_guide dl a {
  font-weight: 400;
}

#body_about #fanfic_guide p br.pc, #body_about #fanfic_guide ul br.pc, #body_about #fanfic_guide dl br.pc {
  display: none;
}

#body_about #fanfic_guide #fanfic_guide_faq dl dt {
  position: relative;
  padding: 0 0 10px 2em;
  font-weight: 700;
}

#body_about #fanfic_guide #fanfic_guide_faq dl dt:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #3a7fce;
  font-weight: 700;
  content: "Ｑ．";
}

#body_about #fanfic_guide #fanfic_guide_faq dl dd {
  position: relative;
  padding: 0 0 20px 2em;
}

#body_about #fanfic_guide #fanfic_guide_faq dl dd:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ce3aa6;
  font-weight: 700;
  content: "Ａ．";
}

#body_about #fanfic_guide #fanfic_guide_faq ul {
  margin-bottom: 30px;
}

#body_about #fanfic_guide #fanfic_guide_00 h4 {
  background-image: url(../img/about/h2_41.png);
}

#body_about #fanfic_guide #fanfic_guide_01 h4 {
  background-image: url(../img/about/h2_42.png);
}

#body_about #fanfic_guide #fanfic_guide_02 h4 {
  background-image: url(../img/about/h2_43.png);
}

#body_about #fanfic_guide #fanfic_guide_03 h4 {
  background-image: url(../img/about/h2_44.png);
}

#body_about #fanfic_guide #fanfic_guide_04 h4 {
  background-image: url(../img/about/h2_45.png);
}

#body_about #fanfic_guide #fanfic_guide_05 .header {
  height: 63px;
}

#body_about #fanfic_guide #fanfic_guide_05 h4 {
  background-image: url(../img/about/h2_46_sp.png);
  background-size: 750px 63px;
}

#body_about #fanfic_guide #fanfic_guide_06 h4 {
  background-image: url(../img/about/h2_47.png);
}

#body_about #fanfic_guide #fanfic_guide_faq h4 {
  background-image: url(../img/about/h2_48.png);
}

#body_about #terms_guide {
  padding: 20px 0 0;
}

#body_about #terms_guide > .header h3 {
  width: 320px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 10px;
  background-image: url(../img/about/h2_50.png);
  background-size: 500px 50px;
  background-position: 0 0;
  background-repeat: 10px;
  font-size: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#body_about #terms_guide h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
}

#body_about #terms_guide h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #acacac;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f0da";
}

#body_about #terms_guide h5 + h6 {
  padding-top: 0;
}

#body_about #terms_guide .jio {
  text-align: center;
  padding-bottom: 20px;
}

#body_about #terms_guide .jio a {
  display: inline-block;
}

#body_about #terms_guide .jio img {
  width: 280px;
  height: auto;
}

#body_about #terms_guide ul {
  padding-bottom: 20px;
}

#body_about #terms_guide ul li {
  position: relative;
  padding-left: 1em;
}

#body_about #terms_guide ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_about #terms_guide .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_about #terms_guide p a, #body_about #terms_guide ul a, #body_about #terms_guide dl a {
  font-weight: 400;
}

#body_about #terms_guide p br.pc, #body_about #terms_guide ul br.pc, #body_about #terms_guide dl br.pc {
  display: none;
}

#body_about #terms_guide #terms_guide_faq dl dt {
  position: relative;
  padding: 0 0 10px 2em;
  font-weight: 700;
}

#body_about #terms_guide #terms_guide_faq dl dt:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #3a7fce;
  font-weight: 700;
  content: "Ｑ．";
}

#body_about #terms_guide #terms_guide_faq dl dd {
  position: relative;
  padding: 0 0 20px 2em;
}

#body_about #terms_guide #terms_guide_faq dl dd h5 {
  padding: 20px 0 10px;
  font-weight: 700;
}

#body_about #terms_guide #terms_guide_faq dl dd h5 span {
  display: inline-block;
  margin-bottom: 3px;
  padding: 4px 7px 5px;
  border-radius: 2px;
  background-color: #e084c7;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

#body_about #terms_guide #terms_guide_faq dl dd h5.first {
  padding-top: 0;
}

#body_about #terms_guide #terms_guide_faq dl dd .example_title {
  display: none;
}

#body_about #terms_guide #terms_guide_faq dl dd ul.example {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 0;
}

#body_about #terms_guide #terms_guide_faq dl dd ul.example:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "例）";
}

#body_about #terms_guide #terms_guide_faq dl dd ul.example li {
  position: relative;
  padding-left: 2em;
}

#body_about #terms_guide #terms_guide_faq dl dd ul.example li:before {
  display: none;
}

#body_about #terms_guide #terms_guide_faq dl dd:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ce3aa6;
  font-weight: 700;
  content: "Ａ．";
}

#body_about #terms_guide #terms_guide_faq ul {
  margin-bottom: 30px;
}

#body_about #terms_guide #terms_guide_00 h4 {
  background-image: url(../img/about/h2_51.png);
}

#body_about #terms_guide #terms_guide_01 h4 {
  background-image: url(../img/about/h2_52.png);
}

#body_about #terms_guide #terms_guide_02 h4 {
  background-image: url(../img/about/h2_53.png);
}

#body_about #terms_guide #terms_guide_03 .header {
  height: 63px;
}

#body_about #terms_guide #terms_guide_03 h4 {
  background-image: url(../img/about/h2_54_sp.png);
  background-size: 750px 63px;
}

#body_about #terms_guide #terms_guide_04 h4 {
  background-image: url(../img/about/h2_55.png);
}

#body_about #terms_guide #terms_guide_05 h4 {
  background-image: url(../img/about/h2_56.png);
}

#body_about #terms_guide #terms_guide_faq h4 {
  background-image: url(../img/about/h2_48.png);
}

#body_about #terms_guide #car_form h4 {
  background-image: url(../img/about/h2_13.png);
}

#body_about #entry_form .header h3 {
  background-image: url(../img/about/h2_21.png);
}

#body_about #entry_form_u .header h3 {
  background-image: url(../img/about/h2_22.png);
}

#body_about #entry_form_u .plus_form {
  display: none;
}

#body_about #entry_form_u .plus_form.active {
  display: block;
}

#body_userentry #sub_header .inner {
  background-image: url(../img/userentry/title.png);
}

#body_userentry #content {
  padding: 20px 0 0;
}

#body_userentry #content h2 {
  display: none;
}

#body_userentry #content #entry .header h3 {
  background-image: url(../img/userentry/h2_01.png);
}

#body_userentry #content #lotup .header h3 {
  background-image: url(../img/userentry/h2_02.png);
}

#body_userentry #content ul {
  padding-bottom: 20px;
}

#body_userentry #content ul li {
  position: relative;
  padding-left: 1em;
}

#body_userentry #content ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_userentry #content .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_userentry #side_menu .tree_list .item.item_10 {
  background-image: url(../img/userentry/side_10.png);
}

#body_userentry #side_menu .tree_list .item.item_11 {
  background-image: url(../img/userentry/side_11.png);
}

#body_userentry #side_menu .tree_list .item.item_12 {
  background-image: url(../img/userentry/side_12.png);
}

#body_userentry #side_menu .tree_list .item.item_20 {
  background-image: url(../img/userentry/side_20.png);
  height: 60px;
}

#body_userentry #entry_form .header h3,
#body_userentry #change_form .header h3 {
  background-image: url(../img/userentry/h2_03.png);
}

#body_userentry #entry_form .inner .product_id_old,
#body_userentry #entry_form .inner .product_id_senmomo,
#body_userentry #change_form .inner .product_id_old,
#body_userentry #change_form .inner .product_id_senmomo {
  display: none;
}

#body_userentry #entry_form .inner .old,
#body_userentry #change_form .inner .old {
  display: inline-block;
  width: 100px;
}

#body_userentry #entry_form .inner .name_s, #body_userentry #entry_form .inner .name_s_kana,
#body_userentry #entry_form .inner .name_m,
#body_userentry #change_form .inner .name_s,
#body_userentry #change_form .inner .name_s_kana,
#body_userentry #change_form .inner .name_m {
  display: inline-block;
  width: 100px;
}

#body_userentry #entry_form .inner .name_s, #body_userentry #entry_form .inner .name_s_kana,
#body_userentry #change_form .inner .name_s,
#body_userentry #change_form .inner .name_s_kana {
  padding-right: 10px;
}

#body_userentry #entry_form .inner .serial_a,
#body_userentry #entry_form .inner .serial_b,
#body_userentry #change_form .inner .serial_a,
#body_userentry #change_form .inner .serial_b {
  display: inline-block;
  width: 100px;
}

#body_userentry #entry_form .inner .zip_1,
#body_userentry #entry_form .inner .zip_2,
#body_userentry #entry_form .inner .new_zip_1,
#body_userentry #entry_form .inner .new_zip_2,
#body_userentry #change_form .inner .zip_1,
#body_userentry #change_form .inner .zip_2,
#body_userentry #change_form .inner .new_zip_1,
#body_userentry #change_form .inner .new_zip_2 {
  display: inline-block;
  width: 100px;
}

#body_userentry #entry_form .inner .hyphen,
#body_userentry #change_form .inner .hyphen {
  display: inline-block;
  padding: 10px 5px 8px;
  font-size: 16px;
  line-height: 100%;
}

#body_userentry #entry_form .inner .settou,
#body_userentry #change_form .inner .settou {
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 100%;
}

#body_userentry #change_form .header h3 {
  background-image: url(../img/userentry/h2_04.png);
}

#body_userentry #change_form .header.change h3 {
  background-image: url(../img/userentry/h2_05.png);
}

#body_userentry #change_form .header.delete h3 {
  background-image: url(../img/userentry/h2_06.png);
}

#body_userentry #change_form .subject_change {
  display: none;
}

#body_mailinfo #sub_header .inner {
  background-image: url(../img/mailinfo/title.png);
}

#body_mailinfo #content {
  padding: 20px 0 0;
}

#body_mailinfo #content h2 {
  display: none;
}

#body_mailinfo #content #info .header {
  height: 126px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}

#body_mailinfo #content #info .header img {
  width: 320px;
  height: auto;
}

#body_mailinfo #content #info .header h3 {
  height: 60px;
  background-image: url(../img/mailinfo/h2_01.png);
}

#body_mailinfo #content ul {
  padding-bottom: 20px;
}

#body_mailinfo #content ul li {
  position: relative;
  padding-left: 1em;
}

#body_mailinfo #content ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_mailinfo #content .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_mailinfo #side_menu .tree_list .item.item_10 {
  background-image: url(../img/mailinfo/side_10.png);
  height: 60px;
}

#body_mailinfo #side_menu .tree_list .item.item_11 {
  background-image: url(../img/mailinfo/side_11.png);
}

#body_mailinfo #side_menu .tree_list .item.item_12 {
  background-image: url(../img/mailinfo/side_12.png);
}

#body_mailinfo #mailinfo_form .header h3 {
  background-image: url(../img/mailinfo/h2_02.png);
}

#body_mailinfo #mailinfo_form .header.change h3 {
  background-image: url(../img/mailinfo/h2_03.png);
}

#body_mailinfo #mailinfo_form .header.cancel h3 {
  background-image: url(../img/mailinfo/h2_04.png);
}

#body_mailinfo #mailinfo_form .inner img {
  display: block;
  width: 70%;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  margin: 0 auto 25px;
}

#body_mailinfo #mailinfo_form .inner dt, #body_mailinfo #mailinfo_form .inner dd {
  width: 100%;
}

#body_mailinfo #mailinfo_form .inner dt {
  padding-bottom: 5px;
}

#body_support #sub_header .inner {
  background-image: url(../img/support/title.png);
}

#body_support #support_archive {
  width: 320px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#body_support #support_archive h2 {
  display: none;
}

#body_support #support_archive #title_list {
  width: 320px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

#body_support #support_archive #title_list .post {
  position: relative;
  width: 155px;
  margin-bottom: 10px;
}

#body_support #support_archive #title_list .post > a {
  display: block;
  width: 100%;
  height: 100%;
}

#body_support #support_archive #title_list .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#body_support #support_archive #title_list .post > a .inner .thumbnail {
  width: 155px;
  height: 106px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#body_support #support_archive #title_list .post > a .inner h3 {
  width: 135px;
  padding: 10px 10px 5px;
  color: #27313d;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

#body_support #support_archive #title_list .post > a .inner h4 {
  width: 135px;
  padding: 0 10px 25px;
  color: #27313d;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 1.2px;
}

#body_support #support_archive #support .header {
  height: 126px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}

#body_support #support_archive #support .header img {
  width: 320px;
  height: auto;
}

#body_support #support_archive #support .header h3 {
  height: 60px;
  background-image: url(../img/support/h2_01.png);
}

#body_support #support_archive ul {
  padding-bottom: 20px;
}

#body_support #support_archive ul li {
  position: relative;
  padding-left: 1em;
}

#body_support #support_archive ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_support #support_archive .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_support #support_single h2 {
  display: none;
}

#body_support #support_single #title_logo {
  width: 280px;
  height: 150px;
  margin: 0 auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

#body_support #support_single .header {
  width: 100%;
  height: 30px;
  background-image: url(../img/common/h2_bk.png);
  background-position: 0 0;
  background-size: 536px 30px;
}

#body_support #support_single .header h3, #body_support #support_single .header h4 {
  width: 100%;
  height: 100%;
  background-position: 0 0;
  font-size: 0;
  background-size: 500px 30px;
}

#body_support #support_single .caution .header {
  background-image: url(../img/support/caution_bk.png);
}

#body_support #support_single .warning .header {
  background-image: url(../img/support/warning_bk.png);
}

#body_support #support_single .warning .header {
  background-image: url(../img/support/warning_bk.png);
}

#body_support #support_single #caution_yoake_cp .header {
  background-image: url(../img/support/yoake_bk.png);
}

#body_support #support_single #caution_yoake_cp .header h3 {
  background-image: url(../img/support/h2_12.png);
}

#body_support #support_single #caution_win10 .header h3 {
  background-image: url(../img/support/caution_04.png);
}

#body_support #support_single #caution_win8 .header h3 {
  background-image: url(../img/support/caution_03.png);
}

#body_support #support_single #caution_win7 .header h3 {
  background-image: url(../img/support/caution_02.png);
}

#body_support #support_single #caution_winv .header h3 {
  background-image: url(../img/support/caution_01.png);
}

#body_support #support_single #warning_win7 .header h3 {
  background-image: url(../img/support/warning_01.png);
}

#body_support #support_single #caution_version .header h3 {
  background-image: url(../img/support/h2_08.png);
}

#body_support #support_single #update_file .header h3 {
  background-image: url(../img/support/h2_09.png);
}

#body_support #support_single #jump .header h3 {
  background-image: url(../img/support/h2_02.png);
}

#body_support #support_single #selfcheck .header h3 {
  background-image: url(../img/support/h2_03.png);
}

#body_support #support_single #starterror .header h3 {
  background-image: url(../img/support/h2_07.png);
}

#body_support #support_single #starterror h4 {
  display: none;
}

#body_support #support_single #starterror .btn {
  margin-top: 40px;
  margin-bottom: 40px;
}

#body_support #support_single #faq .header h3 {
  background-image: url(../img/support/h2_04.png);
}

#body_support #support_single #contact {
  padding-top: 0;
}

#body_support #support_single #contact .header h3 {
  background-image: url(../img/support/h2_05.png);
}

#body_support #support_single #protect .header h3 {
  background-image: url(../img/support/h2_06.png);
}

#body_support #support_single label h4 {
  position: relative;
  margin-bottom: 10px;
  padding: 35px 15px 10px;
  background-color: #e6ecf2;
  border-radius: 4px;
  font-size: 14px;
  line-height: 130%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  overflow: hidden;
}

#body_support #support_single label h4:before {
  position: absolute;
  display: block;
  width: 280px;
  height: 30px;
  top: 0;
  left: 0;
  padding: 5px 0 0 0;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #b4bcc4;
  content: "その他";
}

#body_support #support_single label.install h4:before {
  background-color: #839cb2;
  content: "インストール時";
}

#body_support #support_single label.first h4:before {
  background-color: #659d8a;
  content: "初回起動時";
}

#body_support #support_single label.playing h4:before {
  background-color: #b5758b;
  content: "ゲームプレイ中";
}

#body_support #support_single input {
  display: none;
}

#body_support #support_single .toggle {
  position: relative;
  display: none;
  padding: 15px 15px 35px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#body_support #support_single input:checked + .toggle {
  display: block;
}

#body_support #support_single h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
}

#body_support #support_single h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #acacac;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f0da";
}

#body_support #support_single h5 + h6 {
  padding-top: 0;
}

#body_support #support_single ul {
  padding-bottom: 20px;
}

#body_support #support_single ul li {
  position: relative;
  padding-left: 1em;
}

#body_support #support_single ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: "・";
}

#body_support #support_single .footer {
  width: 100%;
  padding: 20px 0 30px;
  text-align: center;
}

#body_support #side_menu h2 {
  display: block;
  width: 121px;
  height: 12px;
  background-image: url(../img/support/side_h2_01.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

#body_support #side_menu ul {
  margin-top: 20px;
}

#body_support #side_menu ul li {
  padding: 10px 5px 10px;
  border-bottom: 2px solid #d9d9d9;
}

#body_support #side_menu ul li a {
  display: block;
  color: #616971;
  line-height: 140%;
  text-align: justify;
}

#body_support #side_menu ul li:nth-of-type(1) {
  border-top: 2px solid #d9d9d9;
}

#body_support #contact {
  padding-top: 30px;
}

#body_support #contact #contact_form .header h3 {
  background-image: url(../img/support/h2_10.png);
}

#body_support #contact #contact_form .header.fanbox h3 {
  background-image: url(../img/support/h2_11.png);
}

#body_support #contact #contact_form p + div {
  padding-top: 30px;
}

#body_support #contact #contact_form ol {
  counter-reset: support_item;
  padding-bottom: 20px;
}

#body_support #contact #contact_form ol li {
  position: relative;
  padding-left: 1.4em;
}

#body_support #contact #contact_form ol li:before {
  counter-increment: support_item;
  position: absolute;
  top: 0;
  left: 0;
  color: #989fa7;
  content: counter(support_item);
}

#body_support #contact #contact_form h6 {
  padding: 0.5em 0 1em;
  font-size: 16px;
  font-weight: 700;
  color: #d13232;
}

#body_support #contact #contact_form h6:before {
  display: inline-block;
  padding-right: 0.5em;
  color: #d13232;
  font-size: 16px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f071";
}

#body_support #contact #contact_form .name_s, #body_support #contact #contact_form .name_s_kana,
#body_support #contact #contact_form .name_m {
  display: inline-block;
  width: 140px;
}

#body_support #contact #contact_form .name_s, #body_support #contact #contact_form .name_s_kana {
  padding-right: 10px;
}

#body_support #contact #contact_form .settou {
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 100%;
}

#body_support #contact #contact_form .pc_maker,
#body_support #contact #contact_form .pc_original {
  display: none;
}

#body_support #contact #contact_form textarea {
  height: 140px;
}

#body_support #contact .footer {
  padding: 35px 0 80px;
}

.screen-reader-response ul,
.wpcf7-not-valid-tip,
.wpcf7-display-none {
  display: none !important;
}

#form input, #form button, #form textarea, #form select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}

#form > h4,
#form > h5 {
  margin-bottom: 25px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #989fa7;
  font-size: 18px;
  font-weight: 700;
}

#form * + h4,
#form * + h5 {
  padding-top: 30px;
}

#form p {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
}

#form p a {
  color: #55acee;
  font-weight: 700;
  text-decoration: underline;
}

#form p strong {
  color: #d13232;
}

#form dl {
  width: 100%;
  padding: 0 0 20px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

#form dt {
  display: block;
  width: 100%;
  padding: 6px 0 3px;
  font-weight: bold;
}

#form dt i {
  color: #d94747;
}

#form dd {
  position: relative;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: block;
  width: 100%;
  padding: 0 0 15px;
}

#form dd .group {
  position: relative;
  padding-bottom: 5px;
  display: inline-block;
}

#form dd input[type="text"],
#form dd input[type="email"],
#form dd input[type="password"],
#form dd textarea {
  width: 100%;
  padding: 10px 12px 8px;
  border-radius: 4px;
  border: 1px solid #989fa7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 100%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
}

#form dd input[type="text"]:focus,
#form dd input[type="email"]:focus,
#form dd input[type="password"]:focus,
#form dd textarea:focus {
  background-color: #eff6ff;
  outline: none;
}

#form dd input[type="file"] {
  width: 100%;
  padding: 10px 12px 8px;
  border-radius: 4px;
  border: 1px solid #989fa7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
}

#form dd textarea {
  height: 250px;
  font-size: 14px;
  line-height: 130%;
  resize: vertical;
}

#form dd select {
  width: 100%;
  margin-right: 5px;
  padding: 9px 0 9px 12px;
  border-radius: 4px;
  border: 1px solid #989fa7;
  font-size: 16px;
  line-height: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
}

#form dd select:focus {
  background-color: #eff6ff;
  outline: none;
}

#form dd .wpcf7-checkbox {
  display: block;
  padding: 6px 0 12px;
}

#form dd .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

#form dd .wpcf7-checkbox .wpcf7-list-item-label {
  display: inline-block;
  margin-right: 25px;
  position: relative;
}

#form dd .wpcf7-checkbox .wpcf7-list-item-label:before {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eee;
  top: 2px;
  margin-right: 10px;
  border: 2px solid #eee;
  content: "";
}

#form dd .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label {
  font-weight: 700;
}

#form dd .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #4a7fc0;
  top: 2px;
  margin-right: 10px;
  border: 2px solid #eee;
  content: "";
}

#form dd .tip {
  display: block;
  padding: 5px 0 0;
  color: #989fa7;
}

#form dd .err {
  display: block;
  position: absolute;
  max-width: 500px;
  top: 42px;
  left: 0;
  padding: 7px 10px;
  border-bottom: 2px solid #c93d3d;
  background-color: #d94747;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 140%;
  z-index: 20;
}

#form dd .err span {
  display: inline-block;
}

#form dd .err:empty {
  display: none;
}

#form dd .err:after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -5px;
  left: 12px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #d94747 transparent;
  content: "";
}

#form .submit_wrapper {
  padding: 10px 0 20px;
}

#form #vc_submit_label {
  display: block;
  cursor: pointer;
}

#form #vc_submit_dis,
#form #vc_submit_send {
  display: block;
  position: relative;
  width: 274px;
  height: 14px;
  margin: 20px auto 30px;
  padding: 10px 0 12px;
  border-radius: 20px;
  border: 2px solid #f8f8f8;
  background-color: #f8f8f8;
  color: #acacac;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.05em;
}

#form #vc_submit_send {
  display: none;
}

#vc_submit_label,
#vc_submit {
  display: none;
}

.screen-reader-response {
  display: none;
}

#entry_send {
  padding: 40px 0 0;
}

#entry_send h2 {
  display: none;
}

#entry_send > .post {
  display: block;
  position: relative;
  width: 1000px;
}

#entry_send > .post .header {
  display: block;
  position: relative;
  width: 100%;
  height: 110px;
  padding: 0 0 0 190px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#entry_send > .post .header .thumbnail {
  position: absolute;
  width: 160px;
  height: 110px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#entry_send > .post .header .meta .date {
  display: block;
  padding-top: 30px;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#entry_send > .post .header .meta h3 {
  width: 680px;
  padding-top: 5px;
  color: #27313d;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1.2px;
}

#entry_send > .post .header .meta h3 a {
  color: #27313d;
}

#entry_send > .post .header .sns {
  display: none;
}

#entry_send > .post .inner {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 50px 50px 70px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #4c535a;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.56px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

#entry_send > .post .inner > h4 {
  margin-bottom: 25px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #989fa7;
  font-size: 18px;
  font-weight: 700;
}

#entry_send > .post .inner * + h4 {
  padding-top: 30px;
}

#entry_send > .post .inner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 2em;
  border-radius: 4px;
}

#entry_send > .post .inner p img {
  margin-bottom: 0;
}

#entry_send > .post .inner p {
  margin-bottom: 2em;
}

#entry_send > .post .inner p a {
  color: #4a7fc0;
  font-weight: 700;
}

#entry_send > .post .links li {
  display: block;
}

#entry_send > .post .links li a {
  display: inline-block;
  padding: 0 2px;
  color: #4a7fc0;
  font-weight: 700;
  border-bottom: 2px solid #4a7fc0;
}

#entry_send .post_pageing {
  width: 1000px;
  height: 175px;
  margin: 30px 0 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: space-between;
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

#entry_send .post_pageing h3 {
  width: 492px;
  height: 12px;
  margin-bottom: 13px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}

#entry_send .post_pageing h3.next {
  background-image: url(../img/news/h2_next.png);
}

#entry_send .post_pageing h3.prev {
  background-image: url(../img/news/h2_prev.png);
}

#entry_send .post_pageing .post {
  display: block;
  position: relative;
  width: 492px;
  height: 150px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#entry_send .post_pageing .post > a {
  display: block;
  width: 100%;
  height: 100%;
}

#entry_send .post_pageing .post > a .inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 0 240px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: url(../img/common/post_bk.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#entry_send .post_pageing .post > a .inner .thumbnail {
  position: absolute;
  width: 220px;
  height: 150px;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
}

#entry_send .post_pageing .post > a .inner .date {
  display: block;
  padding-top: 20px;
  color: #3e72b1;
  font-family: 'Comfortaa','Noto Sans JP','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.1em;
}

#entry_send .post_pageing .post > a .inner h4 {
  width: 215px;
  padding-top: 5px;
  color: #27313d;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
}

#entry_send .post_pageing .post > a .inner:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  color: #ececec;
  font-size: 30px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 100%;
  content: "\f105";
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#entry_send > .footer {
  width: 100%;
  padding: 40px 0 70px;
  text-align: center;
}

#container .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  display: block !important;
  margin: -30px 0 50px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #d94747;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes visual_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes visual_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*

@include display-flex;
@include flex-direction(row);
@include flex-wrap(wrap);
@include justify-content(space-between);
@include align-items(flex-start);
@include align-content(flex-start);
}
li{
display: block;
width: 340px;
height: 150px;
margin-bottom: 32px;
a,span{
display: block;
@include transition(0.3s ease all);
box-shadow: 0 2px 10px rgba(71,71,71,0.1);
cursor: pointer;
&:hover{
opacity: 0.7;
@include transform(translateY(-5px));
box-shadow: 0 7px 20px rgba(71,71,71,0.12);
}
}
*/
/*# sourceMappingURL=style_sp.css.map */