@charset "UTF-8";
/* scroll fix */
html {
  font-size: 100%;
  overflow-y: scroll;
}

html.is-tb {
  width: 100%;
  min-width: 1400px;
}

html, body {
  background: #fff;
}

body.is-tb {
  min-width: 1400px;
}

body {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.4;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  min-width: 1200px;
}

@media only screen and (max-width: 750px) {
  body {
    min-width: 320px;
  }
}
body.noScroll {
  position: fixed;
  width: 100%;
  height: 100%;
}

body.mac {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input, textarea {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

strong {
  font-weight: bold;
}

/*---ForFireFoxLink------------------*/
a:focus {
  outline: none;
}

/*---clearFix ------------------*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* 02.link
----------------------------------------------------------- */
a {
  color: #09F;
  text-decoration: none;
}

a:hover {
  color: #09F;
  text-decoration: underline;
}

/* modules
----------------------------------------------------------- */
.hover-opacity {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media only screen and (max-width: 750px) {
  .hover-opacity {
    opacity: 1 !important;
    -webkit-transition: none;
    transition: none;
  }
}

/* align
----------------------- */
.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

/* float
----------------------- */
.f-l {
  float: left;
}

.f-r {
  float: right;
}

.f-n {
  float: none;
}

/* only PC / SP
------------------------ */
.only-pc {
  display: block !important;
}

.only-pci {
  display: inline-block !important;
}

.only-sp {
  display: none !important;
}

.only-spi {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .only-pc {
    display: none !important;
  }
  .only-pci {
    display: none !important;
  }
  .only-sp {
    display: block !important;
  }
  .only-spi {
    display: inline-block !important;
  }
}
/*////////////////////////////////////////

padding, margin

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

.padT1 {
  padding-top: 0.5em !important;
}

.padT2 {
  padding-top: 1em !important;
}

.padT3 {
  padding-top: 1.5em !important;
}

.padT4 {
  padding-top: 2em !important;
}

.padT5 {
  padding-top: 2.5em !important;
}

.padL0 {
  padding-left: 0 !important;
}

.padL1 {
  padding-left: 0.5em !important;
}

.padL2 {
  padding-left: 1em !important;
}

.padL3 {
  padding-left: 1.5em !important;
}

.padL4 {
  padding-left: 2em !important;
}

.padL5 {
  padding-left: 2.5em !important;
}

.padR0 {
  padding-right: 0 !important;
}

.padR1 {
  padding-right: 0.5em !important;
}

.padR2 {
  padding-right: 1em !important;
}

.padR3 {
  padding-right: 1.5em !important;
}

.padR4 {
  padding-right: 2em !important;
}

.padR5 {
  padding-right: 2.5em !important;
}

.padB0 {
  padding-bottom: 0 !important;
}

.padB1 {
  padding-bottom: 0.5em !important;
}

.padB2 {
  padding-bottom: 1em !important;
}

.padB3 {
  padding-bottom: 1.5em !important;
}

.padB4 {
  padding-bottom: 2em !important;
}

.padB5 {
  padding-bottom: 2.5em !important;
}

.marT0 {
  margin-top: 0 !important;
}

.marT1 {
  margin-top: 0.5em !important;
}

.marT2 {
  margin-top: 1em !important;
}

.marT3 {
  margin-top: 1.5em !important;
}

.marT4 {
  margin-top: 2em !important;
}

.marT5 {
  margin-top: 2.5em !important;
}

.marL0 {
  margin-left: 0 !important;
}

.marL1 {
  margin-left: 0.5em !important;
}

.marL2 {
  margin-left: 1em !important;
}

.marL3 {
  margin-left: 1.5em !important;
}

.marL4 {
  margin-left: 2em !important;
}

.marL5 {
  margin-left: 2.5em !important;
}

.marR0 {
  margin-right: 0 !important;
}

.marR1 {
  margin-right: 0.5em !important;
}

.marR2 {
  margin-right: 1em !important;
}

.marR3 {
  margin-right: 1.5em !important;
}

.marR4 {
  margin-right: 2em !important;
}

.marR5 {
  margin-right: 2.5em !important;
}

.marB0 {
  margin-bottom: 0 !important;
}

.marB1 {
  margin-bottom: 0.5em !important;
}

.marB2 {
  margin-bottom: 1em !important;
}

.marB3 {
  margin-bottom: 1.5em !important;
}

.marB4 {
  margin-bottom: 2em !important;
}

.marB5 {
  margin-bottom: 2.5em !important;
}

/* #tpl-topicpath
----------------------------------------------------------- */
#tpl-topicpath {
  width: 100%;
}
#tpl-topicpath ul {
  overflow: hidden;
  padding: 10px;
}
#tpl-topicpath li {
  display: inline-block;
}

@media only screen and (max-width: 750px) {
  #tpl-topicpath {
    display: none;
  }
}
/* #tpl-contents
----------------------------------------------------------- */
#tpl-contents .tpl-inner-wrap {
  min-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 750px) {
  #tpl-contents .tpl-inner-wrap {
    max-width: 100%;
    min-width: 0;
  }
}
#tpl-contents #main {
  font-size: 90%;
  overflow: hidden;
}

/* modal-contents
----------------------------------------------------------- */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 980px;
}
@media only screen and (max-width: 750px) {
  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 92%;
  }
}

.mfp-content {
  padding: 70px 0 40px;
}
@media only screen and (max-width: 750px) {
  .mfp-content {
    padding: 50px 0 20px;
  }
}

.mfp-close-btn-in .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  opacity: 1;
  font-size: 40px;
  font-weight: 300;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 750px) {
  .mfp-close-btn-in .mfp-close {
    font-size: 30px;
    width: 35px;
    height: 44px;
    line-height: 30px;
  }
}
.mfp-close-btn-in .mfp-close::after {
  content: "閉じる";
  display: block;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 750px) {
  .mfp-close-btn-in .mfp-close::after {
    font-size: 11px;
  }
}
.mfp-close-btn-in .mfp-close:active {
  top: 0;
}

.modal-contents {
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .modal-contents {
    padding: 30px 15px;
  }
}
.modal-contents .modal-title {
  font-size: 22px;
  color: #cf3333;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-title {
    font-size: 16px;
    text-align: left;
    margin-bottom: 20px;
  }
}
.modal-contents .modal-title.icon span {
  display: inline-block;
  background: url(/assets/common/img/icon_notice.png) left top 0.2em no-repeat;
  background-size: 26px auto;
  padding-left: 45px;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-title.icon span {
    background-size: 17px auto;
    padding-left: 26px;
  }
}
.modal-contents .modal-contents-wrap {
  font-size: 15px;
  font-weight: 200;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-contents-wrap {
    font-size: 13px;
  }
}
.modal-contents .modal-contents-wrap ul li:nth-child(n+2) {
  margin-top: 5px;
  letter-spacing: 0.06em;
}
.modal-contents .modal-close {
  width: 200px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: #586a75;
  /* flex */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-top: 40px;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-close {
    font-size: 15px;
    width: 180px;
    height: 45px;
    margin-top: 35px;
  }
}
.modal-contents .modal-close:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-close:hover {
    opacity: 1;
  }
}
.modal-contents .modal-close span {
  vertical-align: middle;
}
.modal-contents .modal-close span::before {
  content: "×";
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  margin-right: 35px;
  margin-left: -40px;
  vertical-align: middle;
  margin-top: -4px;
}
@media only screen and (max-width: 750px) {
  .modal-contents .modal-close span::before {
    margin-right: 40px;
    margin-left: -55px;
  }
}

/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing button.mfp-close {
  opacity: 0;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
/*# sourceMappingURL=common.css.map */