/* ************************************************************** */
/* common                                                         */
/* ************************************************************** */
.pt_2em { padding-top: 2em; }
.ml_indent { margin-left: 1.5em; }
.ml_2em { margin-left: 2em; }
.bold { font-weight: bold; }
.ta_r { text-align: right; }

/* ************************************************************** */
/* news                                                           */
/* ************************************************************** */
#category_tab {
  display: table;
  width: 100%;
  height: auto;
  table-layout: fixed;
}
#category_tab>li {
  display: table-cell;
  background-color: #1a1a1a;
  padding: 1em 0;
  text-align: center;
  cursor: pointer;
}
#category_tab>li.curr {
  background-color: #131313;
}
#category_tab>li:not(:first-child) {
  border-left: 1px solid #020001;
}
#category_tab>li>p {
  color: #fff;
  font-size: .85em;
  font-weight: lighter;
}
#category_select {
  display: block;
  width: 90%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; 
  outline: none;
  border: 1px solid #62615f;
  padding: .5em 0 .5em .25em;
  cursor: pointer;
  color: #62615f;
  font-size: 16px;
  background: url('../../img/goods/arrow.png') no-repeat right center #1a1a1a;
  background-size: contain;
  margin: 0 auto 1em auto;
  box-sizing: border-box;
}
#category_select::-ms-expand {
  display: none;
}

#news_list {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 3em;
}
#news_list>li {
  position: relative;
  display: block;
  overflow: hidden;
}
#news_list>li.hide {
  display: none;
}
#news_list>li::before {
  content: "";
  display: block;
  padding-top: 75%;
}
#news_list>li>a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#news_list>li>a>img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  margin: auto;
}
#news_list>li>a>img:nth-child(1) {
  opacity: 0;
}
#news_list>li>a>div {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}
#news_list>li>a>div>p {
  display: block;
  color: #fff;
}
#news_list>li>a>div>p:not(:nth-child(2)) {
  font-weight: lighter;
  font-size: .8em;
  line-height: 1.0em;
  letter-spacing: .1em;
}
#news_list>li>a>div>p:nth-child(2) {
  font-size: 1.2em;
  margin-top: .2em;
  margin-bottom: .75em;
  line-height: 1.4em;
}
#news_list>li>a>div>p:nth-child(3) {
  color: #969696;
}
#news_list>li>a>div>div.detail_item {
  display: none;
  margin-top: .5em;
  margin-bottom: .5em;
  color: #fff;
  font-size: .8em;
}

#trigger_addnews {
  position: relative;
  display: none;
  height: auto;
  color: #777;
  line-height: 1em;
  letter-spacing: .1em;
  background-color: rgba(8, 7, 5, .5);
  border: 1px solid #969696;
  box-sizing: border-box;
  padding: 1.5em 1em;
  text-align: center;
  margin: 4em auto 0;
  cursor: pointer;
  z-index: 0;
  transition: color .5s;
}
#trigger_addnews::before {
  content: "\003e\003e\0020";
  line-height: 1em;
  letter-spacing: -.25em;
  margin-right: .75em;
}

/* pc-tab */
@media all and (min-width: 768px) {
  .contents_line {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #1a1a1a;
  }
  #category_select {
    display: none;
  }

  #news_list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #news_list>li {
    width: calc( 50% - 1em );
    margin-bottom: 2em;
    box-sizing: border-box;
  }
  #news_list>li>a>img {
    transition: opacity .5s;
  }
  #news_list>li>a:hover>img:nth-child(1) {
    opacity: 1;
  }
  #news_list>li>a:hover>img:nth-child(2) {
    opacity: 0;
  }
  #news_list>li>a>div {
    height: 45%;
    background-color: rgba(0, 0, 0, .7);
    transition: all .5s;
    display: flex;
    flex-direction: column;
  }
  #news_list>li>a:hover>div {
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    justify-content: center;
    text-align: center;
  }
  #news_list>li>a>div>p {
    margin-left: 0;
    margin-right: auto;
    transition: all .5s;
  }
  #news_list>li>a:hover>div>p {
    margin-left: auto;
    animation: anm_hov .5s;
  }
  #news_list>li>a:hover>div>div.detail_item {
    display: block;
    animation: anm_hov .5s;
  }
  #trigger_addnews {
    width: 50%;
  }
  #trigger_addnews:hover {
    color: #080705;
  }
  #trigger_addnews::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #969696;
    transition: width .5s;
    z-index: -1;
  }
  #trigger_addnews:hover::after {
    width: 100%;
  }
}
@keyframes anm_hov {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
/* tab-phone */
@media all and (max-width: 767px) {
  .narrow_wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .contents_line {
    display: none;
  }
  #category_tab {
    display: none;
  }

  #news_list {
    flex-wrap: wrap;
    flex-direction: row;
  }
  #news_list>li {
    width: 100%;
    margin-bottom: 2em;
  }
  #news_list>li>a>div {
    background-color: rgba(0, 0, 0, .7);
  }
  #trigger_addnews {
    width: 100%;
  }
}


/* ************************************************************** */
/* detail                                                         */
/* ************************************************************** */
#news_header {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
#news_header::before {
  content: "";
  display: block;
}
#news_header>img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: auto;
}
#news_header>div {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  min-height: 27.5%;
  background-color: rgba(0, 0, 0, .7);
  padding: 1em;
  box-sizing: border-box;
}
#news_header>div>p {
  color: #fff;
  letter-spacing: .1em;
}
#news_header>div>p:nth-child(1) {
  font-size: .8em;
  font-weight: lighter;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  margin-bottom: .5em;
}
#news_header>div>p:nth-child(2) {
  font-size: 1.4em;
  line-height: 1.4em;
}
#share_wrapper {
  display: block;
  box-sizing: border-box;
  text-align: center;
}
#share_wrapper>ul {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
#share_wrapper>ul>li {
  position: relative;
  line-height: 1em;
  padding: .75em 0;
  border: 1px solid rgba(229, 229, 229, 0.4);
  border-collapse: collapse;
  box-sizing: border-box;
}
#share_wrapper>ul>li:nth-child(1) {
  color: #fff;
  font-size: .7em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #0866ff;
  box-sizing: border-box;
}
#share_wrapper>ul>li:nth-child(2) {
  color: #fff;
  font-size: .7em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000;
  box-sizing: border-box;
}
#share_wrapper>ul>li>a {
  text-decoration: none;
  color: #fff;
}
#share_wrapper>ul>li:nth-child(1)>a::before {
  background-image: url('//media.fromsoftware.jp/fromsoftware/jp/static/img/common/sns_x.png');
  background-size: 1.6em auto;
}
#share_wrapper>ul>li:nth-child(2)>a::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23ffffff"/></svg>');
  background-size: 1.4em auto;
}
#share_wrapper>ul>li:nth-child(1)>a::before,
#share_wrapper>ul>li:nth-child(2)>a::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width:  100%;
  height: 100%;
  background-repeat: no-repeat;
}
#share_wrapper>ul>li:nth-child(3) {
  width: 40%;
  color: #333;
  font-size: .7em;
  background-color: #e5e5e5;
}
#share_wrapper>ul>li:nth-child(3)::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto -1.4em auto 0;
  width: 0;
  height: 0;
  border: .75em solid transparent;
  border-left-color: #e5e5e5;
}

#news_wrapper {
  font-size: 1em;
  line-height: 1.6em;
}
#news_wrapper hr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #62615f;
  margin: 5em 0;
  padding: 0;
}
#news_wrapper h1 {
  color: #c7b199;
  border-top: 1px solid #c7b199;
  border-bottom: 1px solid #c7b199;
}
#news_wrapper h2 {
  color: #c7b199;
  border-color: #c7b199;
}
#news_wrapper h3 {
  color: #c7b199;
  font-size: 1em;
  font-weight: normal;
  border-left: .5em solid #c7b199;
  box-sizing: border-box;
  line-height: 1em;
  padding-left: .5em;
}
#news_wrapper h3::before {
  content: "";
}
#news_wrapper .pdg {
  padding-left: 1.5em;
  box-sizing: border-box;
}
#news_wrapper .mgl {
  margin-left: 1.5em;
  box-sizing: border-box;
}
#news_wrapper table.line_box {
  border: 1px solid #fffeff;
  border-collapse: collapse;
}
#news_wrapper table.line_box > tbody > tr > th,
#news_wrapper table.line_box > tbody > tr > td {
  border: 1px solid #fffeff;
  padding: 0.5em 1em;
}
#news_wrapper table th {
  text-align:left;
  word-break: keep-all;
}
#news_wrapper table td {
  padding-left: .5em;
  vertical-align: middle;
}
#news_wrapper table th.img_w1 {
  width: 60%;
  line-height: 0;
}
#news_wrapper table th.img_w1>img {
  width: 100%;
}
#news_wrapper dl.list_def > dd {
  padding: 0.5em 0 0.5em 2em;
}
#news_wrapper .fc_r {
  /* color: red; */
  color: #be221f;
}
#last_wrapper {
  border-top: 1px solid #62615f;
  margin-top: 5em;
  padding-top: 4em;
}
#last_wrapper>a {
  position: relative;
  display: block;
  text-decoration: none;
  border: 1px solid #969696;
  color: #fff;
  font-size: .8em;
  line-height: 1em;
  letter-spacing: .1em;
  padding: 1.8em 0;
  margin: 0 auto;
  text-align: center;
}
#last_wrapper>a::before {
  content: "\003e\003e\0020";
  line-height: 1em;
  letter-spacing: -.25em;
  margin-right: .75em;
}

h1.news_h {
  border-top: none;
  border-bottom: none;
  border-left: .5em solid #333;
  background-color: #e5e5e5;
  text-align: left;
  box-sizing: border-box;
}
.image_cut {
  display: block;
  width: 100%;
  height: auto;
}
.fw_bold {
  color: #333;
}

#prev_list {
  position: relative;
  display: block;
  height: auto;
  border: 1px solid #777;
  box-sizing: border-box;
  line-height: 1em;
  padding: 1.5em 0;
  text-decoration: none;
  text-align: center;
  color: #777;
  margin: 5em auto 0;
  background-color: #fff;
  transition: color .5s;
  z-index: 0;
}
#prev_list::before {
  content: ">>";
  font-family: 'Letter Gothic Std';
  padding-right: .5em;
}

/* mv =============================== */
.desc_tabl tr>td { border: 1px solid #cbcbcb; box-sizing: border-box; padding: 10px 10px 10px 5px; vertical-align: middle; letter-spacing: 0; line-height: 1.4em; }
/* mv =============================== */

div.hurfwrapper {
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

img.fix {
  width: 100%;
  height: auto;
  line-height: 0;
}

/* pc-tab */
@media all and (min-width: 768px) {
  div.view_narrow {
    display: none;
  }
  img.max,
  img.half,
  img.hurfmax {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  img.max {
    width: 80%;
  }
  img.half,
  img.hurfmax {
    width: 50%;
  }
  #news_header::before {
    padding-top: 41.7%;
  }
  #share_wrapper {
    width: 100%;
    margin: 1.5em 0 4em;
    padding-left: 45%;
  }
  #share_wrapper>ul>li:nth-child(1),
  #share_wrapper>ul>li:nth-child(2) {
    width: 25%;
    margin-left: 5%;
  }
  #share_wrapper>ul>li:nth-child(1)>a,
  #share_wrapper>ul>li:nth-child(2)>a {
    padding-left: 2.5em;
  }
  #share_wrapper>ul>li:nth-child(1)>a::before,
  #share_wrapper>ul>li:nth-child(2)>a::before {
    background-position: 30% 50%;
    background-position-x: 30%;
    background-position-y: 50%;
  }
  #share_wrapper>ul>li>a:hover {
    animation: hov_anm .5s;
  }
  #last_wrapper>a {
    width: 40%;
    transition: color .5s;
  }
  #last_wrapper>a::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #969696;
    transition: width .5s;
    z-index: -1;
  }
  #last_wrapper>a:hover {
    color: #080705;
  }
  #last_wrapper>a:hover::after {
    width: 100%;
  }

  #prev_list {
    width: 50%;
  }
  #prev_list::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #777;
    transition: width .5s;
    z-index: -1;
  }
  #prev_list:hover {
    color: #fff;
  }
  #prev_list:hover::after {
    width: 100%;
  }
  h1.news_h {
    padding-left: 1em;
  }
  /* mv =============================== */
  .desc_tabl tr>td { font-size: 1.0em; }
  /* mv =============================== */

  div.hurfwrapper {
    flex-direction: row;
    justify-content: space-between;
  }
  div.hurfwrapper>* {
    width: calc( (100% / 2) - 1em );
  }
}
@keyframes hov_anm {
  0% { opacity:  1; }
 50% { opacity: .5; }
  0% { opacity:  1; }
}
/* tab-phone */
@media all and (max-width: 767px) {
  div.view_wide {
    display: none;
  }
  img.max,
  img.hurfmax {
    width: 100%;
  }
  img.half {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  #news_header::before {
    padding-top: 41.7%;
  }
  #share_wrapper {
    width: 90%;
    margin: .5em auto 3em;
  }
  #share_wrapper>ul>li:nth-child(1),
  #share_wrapper>ul>li:nth-child(2) {
    width: 27%;
    margin-left: 3%;
    font-weight: lighter;
  }
  #share_wrapper>ul>li:nth-child(1)>a,
  #share_wrapper>ul>li:nth-child(2)>a {
    text-align: left;
    padding-left: 3em;
  }
  #share_wrapper>ul>li:nth-child(1)>a::before,
  #share_wrapper>ul>li:nth-child(2)>a::before {
    background-position: 0.6em 50%;
  }
  #prev_list {
    width: 100%;
  }
  h1.news_h {
    padding-left: .5em;
  }
  /* mv =============================== */
  .desc_tabl tr>td { font-size: 0.8em; }
  /* mv =============================== */

  div.hurfwrapper {
    flex-direction: column;
  }
  div.hurfwrapper>* {
    width: 100%;
  }
  div.hurfwrapper>*:not(last-child) {
    margin-bottom: 1.5em;
  }
}


ul.multi_tbl {
  position: relative;
  display: flex;
}
ul.multi_tbl>li>img {
  width: 100%;
}
@media all and (min-width: 768px) {
  ul.multi_tbl {
    flex-direction: row;
  }
  ul.multi_tbl>li:nth-child(1) {
    max-width: 20em;
  }
}
@media all and (max-width: 767px) {
  ul.multi_tbl {
    flex-direction: column;
  }
  ul.multi_tbl>li:nth-child(1) {
    padding-bottom: 1em;
    box-sizing: border-box;
  }
}

dl.faq_wrapper>dt,
dl.faq_wrapper>dd {
  position: relative;
  display: flex;
  flex-direction: row;
}
dl.faq_wrapper>dt {
  color: #c7b199;
  font-size: 1.1em;
}
dl.faq_wrapper>dd {
  margin-top: .5em;
}
dl.faq_wrapper>dt::before,
dl.faq_wrapper>dd::before {
  display: block;
  padding-right: .5em;
}
dl.faq_wrapper>dt::before {
  content: "Q.";
}
dl.faq_wrapper>dd::before {
  content: "A.";
}
dl.faq_wrapper>dt:not(:first-of-type) {
  margin-top: 2em;
}
ul.list_dot.fs_unset>li {
  font-size: unset;
}

.link_blank {
  position: relative;
  display: inline-block;
  color: #EF7625;
  opacity: .8;
  transition: opacity .5s;
}
.link_blank:hover {
  opacity: 1;
}
.link_blank::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em;
  background-image: url('../../img/common/external_link_gray.svg');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  width:  1.5em;
  height: 1.5em;
}


/* ************************************************************** */
/* video env                                                      */
/* ************************************************************** */
.video_wrapper {
  position: relative;
  display: block;
  max-width: 560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.video_wrapper::before {
  content: "";
  display: block;
  padding-top: 56.3%;
}
.video_wrapper>iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ************************************************************** */
/* each list                                                      */
/* ************************************************************** */
.col_list {
  position: relative;
  display: flex;
  list-style-type: none;
}
.tbl_list {
  position: relative;
  display: table;
  list-style-type: none;
}
.tbl_list>li {
  display: table-row;
}
.tbl_list>li>div {
  display: table-cell;
}
/* * media query ************************************************ */
@media all and (min-width: 768px) {
  .col_list {
    flex-direction: row;
  }
  .col_list>li {
    box-sizing: border-box;
  }
  .col_list>li.wid_10p { width: 10%; }
  .col_list>li.wid_20p { width: 20%; }
  .col_list>li.wid_30p { width: 30%; }
  .col_list>li.wid_40p { width: 40%; }
  .col_list>li.wid_50p { width: 50%; }
  .col_list>li.pdL_2em { padding-left: 2em; }
  .col_list>li.pdL_4em { padding-left: 4em; }
}
@media all and (max-width: 767px) {
  .col_list {
    flex-direction: column;
  }
}


.txt_rights {
  color: #cdcdcd;
  font-size: .8em;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 0;
  line-height: 2em;
}

div.postscript {
  position: relative;
  display: block;
  margin-top: 2em;
  width: 100%;
  height: auto;
  color: #FD9CA1;
  padding: 2em 1em;
  box-sizing: border-box;
  background-color: #1e1e1e;
  border: 1px solid #FD9CA1;
  border-collapse: collapse;
}
div.postscript>h4 {
  font-size: 1.1em;
  font-weight: bold;
}
@media all and (min-width: 768px) {
  br.only_sp {
    display: none;
    visibility: hidden;
  }
}
@media all and (max-width: 767px) {
}