@charset "UTF-8";
/* FONT 対応サイズ表
---------------------------------------------------------------------
pxでの指定値   vwでの指定値
  10px      2.7vw     11px      2.9vw
  12px      3.2vw     13px      3.4vw
  14px      3.7vw     15px      4vw
  16px      4.2vw     17px      4.5vw
  18px      4.8vw     19px      5vw
  20px      5.3vw     21px      5.6vw
  22px      5.9vw     23px      6.1vw
  24px      6.4vw     25px      6.7vw
  26px      6.9vw

  30px      9.3vw
---------------------------------------------------------------------*/
/*add 202110*/
/*font*/
/*add 202110 end*/
.this_photo_index .l_contents {
  background: #333333; }
  .this_photo_index .l_contents .md_title_indexH1 {
    text-align: center;
    font-size: 48px; }
  .this_photo_index .l_contents .l_contentsWrap .photoArea {
    padding-bottom: 100px; }
    .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section {
      margin: 0 auto;
      padding: 0px;
      max-width: 1100px;
      width: 100%;
      background: none; }
      .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section h2 {
        padding-top: 100px;
        font-size: 24px; }
      .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox {
        margin-left: -25px; }
        .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li {
          margin-bottom: 10px;
          width: calc(25% - 25px);
          margin-bottom: 19px;
          margin-left: 25px;
          border-radius: 10px;
          overflow: hidden; }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li img {
            transition: all 0.3s ease;
            width:100%;
            transform: scale(1); }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li.wSize {
            width: calc(50% - 25px); }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li figure {
            opacity: 1;
            margin: 0; }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li figcaption {
            display: flex;
            transition: opacity 0.3s ease;
            opacity: 0;
            margin: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center; }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li:hover img {
            transform: scale(1.1); }
          .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li:hover figcaption {
            opacity: 1; }

.md_title_indexH1 {
  margin: 0 auto;
  padding: 100px 0;
  color: #fff;
  max-width: 1100px; }

.md_list_anchor {
  max-width: 1100px;
  margin: 10px auto 0 auto; }
  .md_list_anchor li a {
    color: #fff; }

@media (max-width: 1200px) {
  .md_title_indexH1 {
    padding: 100px 20px; }
  .md_list_anchor {
    padding: 0 20px; }
  .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section {
    padding: 0 20px; }
    .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section h2 {
      padding-top: 100px;
      font-size: 28px; }
    .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox {
      margin-left: -25px; }
      .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li {
        margin-bottom: 10px;
        width: calc(25% - 25px);
        margin-bottom: 19px;
        margin-left: 25px;
        border-radius: 10px;
        overflow: hidden; }
        .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li.wSize {
          width: calc(50% - 25px); } }

@media (max-width: 980px) {
  .md_list_anchor {
    padding: 0 20px; }
  .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section {
    padding: 0 20px; }
    .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section h2 {
      padding-top: 100px;
      font-size: 28px; }
    .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox {
      width: auto;
      margin-left: -2%; }
      .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li {
        width: calc(50% - 2%);
        margin-bottom: 2%;
        margin-left: 2%; }
        .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section ._flexbox li.wSize {
          width: calc(100% - 2%); } }

@media (max-width: 500px) {
  .md_title_indexH1 {
    padding: 45px 20px; }
  .this_photo_index .l_contents .l_contentsWrap .photoArea .m_photo_section h2 {
    font-size: 20px;
    padding-top: 50px; } }

/*light box re css*/
.lightbox .lb-image {
  border: none; }

.lb-outerContainer {
  overflow: visible !important; }

.lb-nav a.lb-next {
  background: url(../../sw_img/photo/slide_right.svg) right 48% no-repeat;
  background-size: 40px; }

.lb-nav a.lb-prev {
  background: url(../../sw_img/photo/slide_left.svg) left 48% no-repeat;
  background-size: 40px; }

.lb-data .lb-close {
  width: 40px;
  height: 40px;
  background: url(../../sw_img/photo/btn_close.svg) top right no-repeat;
  background-size: 40px; }

.lb-nav a.lb-prev {
  width: 50%;
  position: absolute;
  left: -0%; }

.lb-nav a.lb-next {
  width: 50%;
  position: absolute;
  right: -0%; }

/*eng font*/
.lang_en .topTopics__Area--ConBox a .con {
  font-family: "TTCommonsPro-Bd"; }

.lang_en .topTopics img {
  padding-top: 0%; }

.lang_en .topContents__Area--ConBox .txtArea .txt,
.lang_en .topContents__Area--ConBox .txtArea .subT {
  font-family: "TTCommonsPro-Db"; }