@charset "UTF-8";

.cf:after {
  content: "";
  display: block;
  clear: both;
}

a:link {
  color: #000;
}

footer a:link {
  color: #fff;
}

/*catarog*/
.sToggle dt {
  position: relative;
}

.sToggle dd {
  display: none;
}

.plus_wrap {
  position: absolute;
  right: 30px;
  width: 10px;
  content: "";
  display: block;
  height: 10px;
  top: -5px;
  bottom: 0;
  margin: auto;
}

.plus_wrap span {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #1b1d25;
  top: 50%;
  bottom: 0;
  position: absolute;
  margin: 0;
}

.pl02 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.togg .pl02 {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.sample_icon {
  max-width: 25px;
}

.samplelist_wrap dl {
  border: 1px solid #efefef;
  padding: 10px;
  margin: 0 auto 30px;
}

.samplelist_wrap dl dt {
  padding: 10px;
}

.samplelist_wrap dl dd {
  padding: 10px;
}

.samplelist_wrap table {
  border: 1px solid #9FA0A0;
  border-collapse: collapse;
}

.samplelist_wrap td {
  color: #000;
  padding: 10px;
  border: 1px solid #9FA0A0;
  font-size: 12px;
  vertical-align: middle;
}

.samplelist_wrap td:first-child {
  width: 35%;
  font-size: 13px;
}

.samplelist_wrap td:nth-of-type(2) {
  width: 5%;
}

.samplelist_wrap td:nth-of-type(3) {
  width: 20%;
}

.samplelist_wrap td.size {}

.samplelist_wrap td.num {
  background: #F5F2E9;
  padding: 3px 3px 3px 15px;
  width: 90px;
}

.samplelist_wrap td.num input {
  /* float: left; */
  width: 30px;
  /* height: 25px; */
  /* text-indent: 1.4em; */
  margin: 0 10px 0 0;
  padding: 7px;
  /* text-align: center; */
}

.samplelist_wrap td.num p {
  float: left;
  padding: 5px 0 0 10px;
}

.samplelist_wrap th.num {
  width: 80px;
}

.samplelist_wrap th {
  background: #E6E6E6;
  text-align: center;
  color: #000;
  border: 1px solid #9FA0A0;
}

.samplelist_wrap .item {
  margin-bottom: 20px;
}

.psingle_freeimg_wrap {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 5%;
}

.ul25 li {
  width: 22%;
  float: left;
  margin: 0 3% 3% 0%;
}

/*.ul25 li:nth-child(4n){
  margin: 0 0 3% 0%;
}*/
li.pho_warp {
  position: relative;
  padding: 0 0 10% 0;
  overflow: hidden;
}

li.pho_warp img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.photo_wrap100.cf {
  margin: 0 auto 5%;
  width: 100%;
}

.photo_wrap_Wrap.cf.ul25d>div {
  float: left;
}

.photo_wrap25.cf {
  width: 48%;
  margin: 0 2% 3% 0;
}

.flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.bxbb .photo>a {
  display: block;
  position: relative;
  padding: 0 0 70%;
  overflow: hidden;
}

.bxbb .photo>a img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width : 1195px) {

  /*--------------------------------
　［SP］ボタン
----------------------------------*/
  .btnBox {
    width: 80%;
    max-width: 200px;
    border: 1px solid #333;
    /*padding:2% 0;*/
    margin: 0 auto 3%;
    color: #000;
    display: block;
    text-align: center;
    font-family: 'Lora', serif;
    background: #fff;
  }

  .btnBox a {
    max-width: 200px;
    width: 100%;
    color: #000;
    display: block;
    padding: 3% 0;
    text-align: center;
    font-family: 'Lora', serif;
    letter-spacing: 0.1rem;
    margin: 0 auto;
  }

  .textImgBox37 .btnBox a {
    padding: 2% 0;
  }

  /*--------------------------------
　［SP］ノスタモ  共通
----------------------------------*/
  #home {
    margin-top: 0;
  }

  #wrapper {
    color: #000;
    overflow: hidden;
  }

  header {
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.8);
    /*padding: 15px 0;*/
    height: 120px;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    position: fixed;
    height: 90px;
  }

  header h1 {
    float: left;
    /* padding-left: 10%; */
    text-align: center;
    padding-right: 0;
    max-width: 210px;
    width: 53%;
    padding: 19px 0 19px 13px;
  }

  header h1>a {
    display: block;
  }

  header .iconBox {
    padding-top: 13px;
  }

  header .iconBox ul {
    text-align: center;
  }

  header .iconBox ul li {
    float: left;
    padding: 0 2.5%;
  }

  header.is-fixed .iconBox ul li {}

  header .topBox {
    width: 90%;
    margin: 0 auto;
  }

  @keyframes faded {
    0% {
      animation-timing-function: ease-out;
      opacity: 0;
      -webkit-transform: translate3d(0%, -10%, 0);
      transform: translate3d(0%, -10%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: translate3d(0%, 0%, 0);
      transform: translate3d(0%, 0%, 0);
    }
  }

  /* =======================================
★バーガーメニュ
========================================== */
  .spnav_btn {
    width: 30px;
    margin: 0 auto;
    font-size: 0;
    position: absolute;
    right: 40px;
    top: 27px;
    transition: 0.3s;
    display: block;
  }

  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  .menu-trigger {
    position: relative;
    width: 30px;
    height: 24px;
  }

  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 4px;
  }

  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }

  .menu-trigger span:nth-of-type(2) {
    top: 11px;
  }

  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }

  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }

  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }

  /*--------------------------------
　［SP］ノスタモ  トップメイン
----------------------------------*/
  #mainnav {
    /*margin-top: 5%;*/
    padding-left: 11%;
    position: relative;
    transition: 0.3s;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    position: fixed;
    float: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 100;
    top: -100%;
    opacity: 0;
    padding: 0;
    overflow-y: auto;
  }

  nav#mainnav .mainnav_inner {
    width: 80%;
    margin: 30px auto 5%;
  }

  nav#mainnav.active {
    top: 90px;
    opacity: 1;
  }

  #mainnav li {
    max-width: 800px;
    padding: 15px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #000;
  }

  #mainnav li a {
    max-width: 200px;
    color: #000;
    font-size: 25px;
  }

  #mainnav li.company01 a {
    color: #333;
    font-size: 25px;
    font-weight: 600;
  }

  .snsBox {
    width: 220px;
    overflow: hidden;
    margin-top: 20px;
  }

  .snsBox .fb {
    width: 50px;
    float: left;
  }

  .snsBox .insta {
    width: 50px;
    float: left;
  }

  #maineBox {
    overflow: hidden;
    position: relative;
    margin-top: 11%;
  }

  #maineBox .maine-bg {
    /*塗りつぶしの幅*/
    width: 100%;
    /*塗りつぶしの高さ*/
    height: 74%;
    position: absolute;
    /*塗りつぶしのスタート位置　左*/
    left: -20vw;
    /*塗りつぶしのスタート位置　上*/
    top: 32vw;
    z-index: -1;
    background-color: #f5f5f5;
  }

  #maineBox #pageMainPhoto {
    /*    width: calc(100% - 110px);*/
    float: right;
    padding-right: 7%;
  }

  #maineBox .textImgBox57 {
    width: 95%;
    margin: 0 auto;
  }

  /* nav追記 */
  .mainnav {
    float: left;
    padding-left: 11%
  }

  /*--------------------------------
　［SP］ノスタモ  h2下層共通
----------------------------------*/
  #maineBox .h2-bg {
    /*塗りつぶしの幅*/
    width: 100%;
    /*塗りつぶしの高さ*/
    height: 31%;
    position: absolute;
    /*塗りつぶしのスタート位置　左*/
    left: -9.3vw;
    /*塗りつぶしのスタート位置　上*/
    top: 19vw;
    z-index: -1;
    background-color: #f5f5f5;
  }

  /*--------------------------------
　［SP］ノスタモ  フッター
----------------------------------*/
  .innerBoxColor04 {
    background-image: url(../images/common/footerBack.png);
    padding: 8% 0;
    background-size: cover;
  }

  footer {
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    line-height: 3.5rem;
    box-sizing: border-box;
    padding: 0 3%;
  }

  footer a {
    color: #fff;
  }

  footer .leftArea div {
    width: 100%;
    font-size: 1.5rem;
    float: none;
  }

  footer .leftArea div li {
    display: inline-block;
    margin: 0 2% 0;
  }

  footer .rightArea {
    float: none;
  }

  footer .rightArea li {
    display: inline-block;
  }

  .rightArea {}

  footer .rightArea li {
    max-width: 24%;
    /*width: 20%;*/
    padding-right: 3%;
  }

  footer .rightArea li a {
    max-width: 200px;
    display: block;
    line-height: 2.0rem;
    background: #fff;
    font-size: 20px;
    /*border: 1px solid #000;*/
    color: #151515;
    /*padding: 2% 0;*/
    /*margin-bottom: 7%;*/
    text-align: center;
  }

  .copyL {
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    /*margin-top: 20px;*/
    padding: 0 3%;
  }

  .copyL .copyLogo {
    width: 30%;
    float: left;
    text-align: left;
  }

  .copyLogo img {
    width: 80%;
  }

  .copyL p {
    max-width: 700px;
    /*width: 40%;*/
    float: left;
    text-align: center;
    font-family: 'Lora', serif;
    font-size: 0.5rem;
    margin-top: 20px;
  }

  .copyL .snsBox02 {
    float: right;
    max-width: 250px;
    overflow: hidden;
    margin-top: -10px;
  }

  .copyL .snsBox02 p {
    width: 50px;
    text-align: center;
    ;
    float: right;
  }

  /*--------------------------------
　［SP］ノスタモ  トップコンテンツ 背景
----------------------------------*/
  #home .topBox {
    position: relative;
  }

  /*about back*/
  #home .bg-gray02 {
    width: 100%;
    height: 21%;
    position: absolute;
    left: -20vw;
    top: 8vw;
    z-index: -1;
    background-color: #f5f5f5;
  }

  /*message back*/
  #home .bg-gray03 {
    width: 100%;
    height: 24%;
    position: absolute;
    right: -20vw;
    /*    top:0;*/
    z-index: -1;
    background-color: #f5f5f5;
  }

  /*--------------------------------
　［SP］ノスタモ  トップコンテンツ
----------------------------------*/
  #home h3 {
    line-height: normal;
  }

  #home .pr h3 {
    text-align: center;
    margin-bottom: 3%;
  }

  #home .textImgBox57 .box01 {
    padding-right: 2%;
  }

  #home .textImgBox57 {
    border: none;
    margin-top: 0;
    font-family: 'Oswald', sans-serif;
  }

  #home .textImgBox57 .box01 p {
    font-size: 1.8rem;
    padding-top: 0;
    padding-left: 0;
  }

  #home .textImgBox57 .box02 .cat {
    background: #272727;
  }

  #home .textImgBox57 .box02 {
    width: 100%;
    margin-left: 0;
    border-left: 0 solid #000;
    box-sizing: border-box;
  }

  #home .textImgBox57 a {
    color: #000;
    font-weight: 400;
    text-decoration: underline;
  }

  #home .textImgBox57 .box02 .day {
    font-weight: 600;
    padding-left: 0%;
    letter-spacing: 0.1rem;
    padding: 0;
  }

  #home .textImgBox57 .box02>div {
    padding-bottom: 0;
  }

  #home .textImgBox10 .box p.title {
    font-size: 2.0rem;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding-bottom: 5%;
  }

  #home .textImgBox10 .box {
    margin-top: 4%;
  }

  #home .textImgBox10 .text {
    margin-bottom: 60px;
  }

  #home .textImgBox10 .box p.sub {
    padding-bottom: 5%;
  }

  #home .textImgBox11 .box p.sub {
    padding-bottom: 3%;
  }

  #home .textImgBox11 .box p.title {
    font-size: 2.0em;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding-bottom: 5%;
  }

  #home .textImgBox11 .text {
    margin-bottom: 5%;
  }

  #home .textImgBox11 .box {
    margin-top: 5%;
  }

  #home .textImgBox37 li .photo img {
    border: none;
  }

  #home h3 {
    font-size: 2.0rem;
    font-family: 'Oswald', sans-serif;
  }

  #home .textImgBox37 {
    margin-bottom: 10%;
  }

  #home .textImgBox37 li {
    /* width: 28%; */
    /* padding: 0 2.5%; */
  }

  #home .textImgBox37 .sub {
    text-align: center;
    margin: 10% 0;
  }

  #home .textImgBox37 .body p {
    /*margin-bottom: 60px;*/
    line-height: 2.0rem;
  }

  #home h3.worksTitle {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #home .worksBox .mainePhoto {
    margin-bottom: 5%;
  }

  #home .worksBox .miniTextBox {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40%;
  }

  #home .worksBox .miniTextBox p {
    font-size: 1.0rem;
    line-height: 2.3rem;
    margin-bottom: 30px;
  }

  #home .worksBox .btnBox {
    text-align: center;
  }

  /*--------------------------------
　［SP］ js:流れるギャラリー
----------------------------------*/
  .photoSlider {
    margin-top: -100px;
    margin-bottom: 10%;
  }

  .photoSlider .btnBox {
    margin-top: 3%;
  }

  .photoSlider h3 {
    text-align: left;
    /*padding-left: 18%;*/
    line-height: normal;
    margin-bottom: 3%;
  }

  .loopsline {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0;
  }

  #loopslider {
    margin: 0 auto;
    width: 100%;
    height: 275px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  #loopslider ul {
    float: left;
    display: inline;
    overflow: hidden;
  }

  #loopslider ul li {
    width: 400px;
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
  }

  #loopslider ul li img {
    width: 100%;
  }

  /* =======================================
    ClearFixElements
======================================= */
  #loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
  }

  #loopslider ul {
    display: inline-block;
    overflow: hidden;
  }
}

/* =======================================
	★ページャー
========================================== */
.pager {
  width: auto;
  margin: 0 auto;
  padding-bottom: 100px;
}

.wp-pagenavi {
  clear: both;
  font-size: 14px;
  text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 2.6;
  border: 1px solid #000000;
  transition: ease-out .5s;
  color: #000000;
  font-size: 14px;
  margin: 5px;
  vertical-align: top;
  padding: 0px;
  background-color: #fff;
  border-radius: 4px;
}

.wp-pagenavi span.extend {
  border: 1px solid rgba(245, 245, 245, 0);
}

.wp-pagenavi span.current {
  color: #fff;
  background-color: #000000;
  font-size: 14px;
  vertical-align: top;
  text-decoration: none;
}

.mfp_element_textarea {
  width: 100% !important;
  height: 80px !important;
}

.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
  border-radius: 0px;
  box-shadow: 0px 0px 0px #CCC;
  padding: 3px 8px;
  margin: 0;
  vertical-align: middle;
  /* border: 1px solid #6b6b6b; */
}

form#mailformpro label {
  border-radius: 0;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
}

form#mailformpro label.mfp_not_checked {
  padding: 0;
  border: solid 0px #EEE;
}

input.middle {
  padding: 3px 8px;
}

.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
  border-radius: 5px;
  padding: 5px 10px;
  border: solid 1px #CCC;
  background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
  background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
  background: -moz-linear-gradient(top, #EEE, #CCC);
  background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
  text-shadow: 0px 0 0px #FFF;
  font-size: 18px;
  cursor: pointer;
  outline: none;
}

form#mailformpro label.mfp_checked {
  padding: 0px;
  border: solid 0px #CCC;
  background-color: #fff;
  box-shadow: 0px 0px 0px #CCC inset;
}

.sample h4 strong {
  color: #000000;
  font-weight: bold;
  font-size: 24px;
  font-family: 'Oswald', sans-serif;
}

.samplelist_wrap h4 {
  margin: 0 0 15px;
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  padding: 10px 16px;
}

.opci_0 {
  opacity: 0;
}

.sample .opci_0 {
  z-index: -1;
  position: relative;
}

.productName h3.hct0 {
  font-size: 3.2rem;
}

.productName h3.hct1 {
  font-size: 2.9rem;
}

.productName.nemeins h3 {
  margin: 0;
}

.productName.nemeins p {
  margin: 0;
}

.textImgBox04 li p.title {
  border-bottom: 0px solid #e0e0e0;
}

/*20200720*/
strong.tax_tit_st {
  font-size: 2rem;
  color: #000;
  font-family: 'Oswald', sans-serif;
  display: block;
  margin: 5% auto 2%;
  border-bottom: solid 13px rgb(238 238 238 / 50%);
  font-weight: normal;
}

/*20200904*/
.seriesbox .entry-content img {
  max-width: 950px;
  width: 98%;
  height:auto;
  display: block;
  margin: 0 0 3%;
}

#home .bg-gray04.netgray {
  top: 216vw;
  z-index: -1;
  background-color: #f5f5f5;
  height: 13%;
}

#home .bg-gray03 {
  top: 40vw;
}

/*20200924追記*/
#faq .innerBox .miniTextBox {
  font-size: 1.1rem;
}

#faq .bellows__header h3 {
  font-size: 1.1rem;
}

#faq .bellows__content p {
  font-size: 1.0rem;
}

/*20200925 insta追記*/
#home .instaBox h3.worksTitle {
  margin-bottom: 3%;
}

#home .bg-gray03.instgray {
  top: -3vw;
  height: 14%;
  right: 0vw;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
}

.instagramcont {}

.instagramcont li {
  float: left;
  width: 23%;
  margin: 0 2.666% 4.666% 0;
  box-sizing: border-box;
  position: relative;
}

.instagramcont li:nth-child(4n) {
  margin: 0 0 4.666%;
}

.instagramcont li a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 0 66.6%;
}

.instagramcont li a img {
  display: block;
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.tuitel {}

.tuitel a {
  letter-spacing: 2px;
  display: inline-block;
  margin: 0 6px;
  font-size: 20px;
}

#question .checkboxQ li {
  padding-right: 0;
  float: left;
  font-size: 0.9rem;
  margin: 0 10px 0 10px;
}

#question .checkboxQ .long {
  width: auto;
}

#question .checkboxQ .long02 {
  width: auto;
}

/*20201126tuiki*/
.display_none {
  display: none !important;
}

#productCategory .textImgBox06 p.piece {
  font-size: 0.8rem;
}

#productDetails .textImgBox38 .lead .piece {
  font-size: 0.9rem;
}

.note_ss {
  font-size: 0.75rem;
}

#conatctBox table.style01 th {
  width: 47%;
}

#faq #contentsArea h2 {
  background: #eee;
}

#faq .bellows__header {
  margin-bottom: 15px;
}

#faq .bellows__header h3 {
  position: relative;
  font-weight: bold;
  border-bottom: solid 1px #eee;
  border-top: solid 1px #eee;
  padding: 10px 0 10px 30px;
}

#faq .bellows__header h3:before {
  position: absolute;
  content: "Q.";
  left: 0;
  top: 10px;
  display: block;
}

#faq .bellows__content {
  margin-bottom: 30px;
}

#faq .bellows__content p {
  position: relative;
  padding-left: 0;
}

#faq .bellows__content p:before {
  display: block;
  content: "Anser.";
  font-weight: bold;
  font-size: 1.2rem;
  position: relative;
  left: 0;
  margin-bottom: 5px;
}

#faq .boxf {
  margin-bottom: 15%;
}

#faq .tab_content_description {
  position: relative;
}

#faq .ttlink_cont {}

#faq #contentsArea h2 {
  width: 100%;
}

#faq .ttlink_cont ul {}

#faq .ttlink_cont ul li {}

#faq .ttlink_cont ul li a {
  background: #aaa;
  color: #fff;
  padding: 3px 15px;
  margin-bottom: 5px;
  display: inline-block;
}

.yomi_span {
  font-size: 10px;
  position: relative;
  display: inline-block;
  margin: 0 0 0 5px;
  font-weight: 100;
}

.yomi_span:before {
  content: "（";
}

.yomi_span::after {
  content: "）";
}


/*dataページ*/
.ul50>li, .ul50>a {
  float: left;
  width: 48%;
  margin: 0 4% 4% 0;
  box-sizing: border-box;
}

.ul50>li:nth-child(2n), .ul50>a:nth-child(2n) {
  margin: 0 0 4%;
}
.ul6_4>li, .ul6_4>a {
  float: left;
  width: 58%;
  margin: 0 4% 4% 0;
  box-sizing: border-box;
}


.ul6_4>li:nth-child(2n), .ul6_4>a:nth-child(2n) {
  width: 38%;
  margin: 0 0 4%;
}

.ul33>li, .ul33>a {
  float: left;
  width: 30%;
  margin: 0 5% 5% 0;
  box-sizing: border-box;
}

.ul33>li:nth-child(3n), .ul33>a:nth-child(3n) {
  margin: 0 0 5%;
}

.ul50>li>a, .ul33>li>a {
  display: block;
}

.c_c_c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
ul.disc_big {
  margin-left: 20px;
  margin-bottom: 30px;
}

ul.disc_big > li {
  padding-bottom: 10px;
  position: relative;
}

ul.disc_big > li:before{
  display: block;
  content: "●";
  position: absolute;
  left: -20px;
      color: #797979;
  /* width: 15px;
  padding-bottom: 15px; */
  /* background: #000; */
}

ul.disc_big > li:last-child {
  padding-bottom: 0;
}

ul.disc {
  margin-left: 20px;
  list-style-type: disc;
  margin-bottom: 30px;
}

ul.disc > li {
  padding-bottom: 5px;
  list-style-type: disc;
}

ul.disc > li:last-child {
  padding-bottom: 0;
}

ul.circle {
  margin-left: 20px;
  list-style-type: circle;
  margin-bottom: 30px;
}

ul.circle > li {
  padding-bottom: 5px;
  list-style-type: circle;
}

ul.circle > li:last-child {
  padding-bottom: 0;
}

ul.circle_dig {
  margin-left: 20px;
  margin-bottom: 30px;
}

ul.circle_dig > li {
  padding-bottom: 5px;
  position: relative;
}
ul.circle_dig > li::before {
  display: block;
  content: "〇";
  left: -20px;
  position: absolute;
}

ul.circle_dig > li:last-child {
  padding-bottom: 0;
}
ul.decimal {
  margin-left: 20px;
  list-style-type: decimal;
  margin-bottom: 30px;
}

ul.decimal > li {
  padding-bottom: 5px;
  list-style-type: decimal;
}

ul.decimal > li:last-child {
  padding-bottom: 0;
}

ul.decimal_st strong{
  font-weight: bold;
  display: block;
}

.border_radi{
  border-radius: 10px;
}

/*DATA_TOP*/
#data {}

#data .img_wrap {
  margin-bottom: 30px;
}

#data img {
  max-width: 100%;
  display: block;
}

.innerBox2 {
  max-width: 1300px;
  display: block;
  margin: 0 auto;
  width: 96%;
}

.data_link_area{margin-bottom: 80px;}
.data_inde {}
.data_linkbox {}
.data_linkbox .d_box {}
.dlink_title {
  color: #000;
  border: solid 2px;
  padding: 10px;
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 20px;
}

.link_wrap {
  margin-bottom: 35px;
}

.link_wrap>a {
  display: block;
  padding: 5px 10px;
  border: solid 1px #b5b5b5;
  margin: 0 0 10px;
  background: #eee;
  font-weight: 500;
  font-size: 14px;
}

.data_titlh2 h2 {
  border-top: solid 3px;
  border-bottom: solid 3px;
  padding: 20px 0;
  margin-bottom: 60px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}

.data_titlh3 h3 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}

.data_inbox {}

.data_titlh4 {
  border-bottom: solid 1px #000;
  margin-bottom: 40px;
  padding: 10px 10px 20px 0px;
  font-size: 24px;
  font-weight: bold;
}
.data_titlh4 em{
  font-weight: bold;
}
.data_titlh5 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #001a65;
}
.data_titlh5 > span {
    border-bottom: solid 1px;
    display: inline-block;
    padding: 2px;
}
.dp_txt01 {
  margin-bottom: 15px;
  padding: 0;
}

.dp_txtst {
  margin-bottom: 5px;
  font-weight: bold;
}

.dp_txt02 {
  margin-bottom: 5px;
}
.txt_box{
  margin-bottom: 20px;
}
.st_txt{
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #000;
}

.dp_note{
  font-size: 12px;
  font-weight: 200;
}

.yogore_box{
  border-top: double 4px;
  border-bottom: double 4px;
  padding: 50px 0;
}
.yogore_box > ul > li .img_box{
  max-width: 300px;
}
.yogore_box > ul > li .img_box p{
  font-size: 14px;
}
.flot_right{
  float: right;
  margin: 0 0 20px 20px;;
}
.border_box{
  border: solid 1px #000;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.box_number {
    background: #000;
    padding: 8px 13px;
    margin-right: 18px;
    color: #fff;
}

.disp_inblo{
  display: inline-block;
  box-sizing: border-box;
}
.data_incont {
  margin-bottom: 80px;
}
.ultate > li{
  margin-bottom: 140px;
}

/*howto_f01*/

.howto_f01 .sec01_area{}
.howto_f01 .sec01_area .ultate li:first-child{

}
.howto_f01 .sec01_area .ultate li:first-child .data_incont .flot_right{
  max-width: 500px;
  width: 90%;
}

/*howto_f06*/

.howto_f06 .sec01_area{}
.howto_f06 .sec01_area .ultate li:first-child{

}
.howto_f06 .sec01_area .ultate li:first-child .data_incont .flot_right{
  max-width: 500px;
  width: 90%;
}
.txt_center{
  text-align: center;
}
.txt_center img{
  margin: 0 auto;
}

/*howto_p02*/

.howto_p02{}
.howto_p02 .decimal{}
.howto_p02 .decimal li strong{
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
  font-size: 20px;
}
.howto_p02 .decimal li b{
  display: block;
  margin-bottom: 10px;
}
.howto_p02 .decimal li p{
  margin-left: 35px;
}
.howto_p02 .decimal li .box{
  margin-bottom: 30px;
}

.howto_p02 ul.decimal > li::marker {
    font-weight: bold;
    font-size: 20px;
}

.border_box_X{
  border: solid 1px #000;
  border-radius: 15px;
  padding: 50px 50px 20px;
}

#data .mb0{margin-bottom: 0px !important}
#data .mb5{margin-bottom: 5px !important}
#data .mb10{margin-bottom: 10px !important}
#data .mb15{margin-bottom: 15px !important}
#data .mb20{margin-bottom: 20px !important}
#data .mb25{margin-bottom: 25px !important}
#data .mb30{margin-bottom: 30px !important}
#data .mb35{margin-bottom: 35px !important}
#data .mb40{margin-bottom: 40px !important}
#data .mb45{margin-bottom: 45px !important}
#data .mb50{margin-bottom: 50px !important}
#data .mb55{margin-bottom: 55px !important}
#data .mb60{margin-bottom: 60px !important}
#data .mb65{margin-bottom: 65px !important}
#data .mb70{margin-bottom: 70px !important}
#data .mb75{margin-bottom: 75px !important}
#data .mb80{margin-bottom: 80px !important}
#data .mb85{margin-bottom: 85px !important}
#data .mb90{margin-bottom: 90px !important}
#data .mb95{margin-bottom: 95px !important}
#data .mb100{margin-bottom: 100px !important}
#data .mb105{margin-bottom: 105px !important}
#data .mb110{margin-bottom: 110px !important}
#data .mb115{margin-bottom: 115px !important}
#data .mb120{margin-bottom: 120px !important}
#data .mb125{margin-bottom: 125px !important}
@media screen and (max-width :1194px) {
  #maineBox {
    overflow: hidden;
    position: relative;
    margin-top: 90px;
  }

  .spnav_btn {
    width: 30px;
    margin: 0 auto;
    font-size: 0;
    position: absolute;
    right: 40px;
    top: 32px;
    transition: 0.3s;
    display: block;
  }

  #productDetails p.dct0 {
    text-align: center;
    margin-bottom: 2%;
  }

  #home .bg-gray03 {
    top: 0;
  }

  #faq #contentsArea .bellows__header h3 {
    font-size: 1.0rem;
  }

  #faq .bellows__content p {
    font-size: 1.0rem;
  }

  .instagramcont li {
    float: left;
    width: 48%;
    margin: 0 4% 4% 0;
    box-sizing: border-box;
    position: relative;
  }

  .instagramcont li:nth-child(4n) {
    margin: 0 0 4%;
  }

  .instagramcont li:nth-child(2n) {
    margin: 0 0 4%;
  }
}

@media screen and (max-width : 768px) {
  .photo_wrap_Wrap.cf.ul25d>div {
    float: none;
  }

  .photo_wrap25.cf {
    width: 100%;
    margin: 0 auto 5%;
  }
}

@media screen and (max-width : 591px) {
  #mainnav li {
    padding: 2% 0;
    font-size: 5vw;
  }

  #mainnav li a {
    font-size: 5vw;
  }

  #mainnav li.company01 a {
    font-size: 5vw;
  }

  header h1 {
    float: left;
    padding-left: 5%;
    text-align: center;
    padding-right: 0;
    max-width: 210px;
    width: 50%;
  }

  .spnav_btn {
    right: 8%;
    top: 35%;
  }

  .ul25 li {
    width: 48%;
    float: left;
    margin: 0 2% 2% 0%;
  }

  .ul25 li:nth-child(2n) {
    margin: 0 0% 2% 0%;
  }

  .ul25 li:nth-child(4n) {
    margin: 0 0% 2% 0%;
  }

  #conatctBox table.style01 th {
    width: 80%;
    display: block;
    box-sizing: border-box;
  }

  #conatctBox table.style01 td {
    width: 100%;
    box-sizing: border-box;
  }

  input.middle {
    width: 100%;
  }

  #faq #contentsArea h2 {
    width: 100%;
  }

  #faq .boxf {
    margin-bottom: 15%;
  }

  #faq .bellows__content p {
    position: relative;
    padding-left: 0;
  }

  #faq .bellows__content p:before {
    display: block;
    content: "Anser.";
    font-weight: bold;
    font-size: 1.2rem;
    position: relative;
    left: 0;
    margin-bottom: 5px;
  }
  #faq .ttlink_cont ul {
      margin: 20px 0 0;
  }
  #faq .ttlink_cont ul li a {
    background: #aaa;
    color: #fff;
    padding: 3px 15px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 13px;
  }
  .samplelist_wrap .sToggle dd{
    overflow-x: scroll;
  }
  .samplelist_wrap table{
    width: 200%;
  }


    .ul50_max>li, .ul50_max>a {
      margin: 0 0 5% 0;
      box-sizing: border-box;
    }

    .ul50>li, .ul50>a {
      margin: 0 0% 5% 0;
      box-sizing: border-box;
      width: 100%;
    }

    .ul33>li, .ul33>a {
      float: left;
      width: 48%;
      margin: 0 4% 4% 0;
      box-sizing: border-box;
      position: relative;
    }
    .ul33>li:nth-child(2n), .ul33>a:nth-child(2n) {
      margin: 0 4% 4% 0;
    }
    .ul33>li:nth-child(2n), .ul33>a:nth-child(2n) {
      margin: 0 0 4%;
    }

    .ul6_4>li, .ul6_4>a {
      float: none;
      width: 100%;
      margin: 0 0 4%;
      box-sizing: border-box;
    }


    .ul6_4>li:nth-child(2n), .ul6_4>a:nth-child(2n) {
      width: 100%;
      margin: 0 0 4%;
    }

    #data .mb0{margin-bottom: 0px !important}
    #data .mb5{margin-bottom: 5px !important}
    #data .mb10{margin-bottom: 10px !important}
    #data .mb15{margin-bottom: 15px !important}
    #data .mb20{margin-bottom: 20px !important}
    #data .mb25{margin-bottom: 25px !important}
    #data .mb30{margin-bottom: 30px !important}
    #data .mb35{margin-bottom: 35px !important}
    #data .mb40{margin-bottom: 40px !important}
    #data .mb45{margin-bottom: 45px !important}
    #data .mb50{margin-bottom: 50px !important}
    #data .mb55{margin-bottom: 55px !important}
    #data .mb60{margin-bottom: 60px !important}
    #data .mb65{margin-bottom: 65px !important}
    #data .mb70{margin-bottom: 70px !important}
    #data .mb75{margin-bottom: 75px !important}
    #data .mb80{margin-bottom: 80px !important}
    #data .mb85{margin-bottom: 85px !important}
    #data .mb90{margin-bottom: 90px !important}
    #data .mb95{margin-bottom: 95px !important}
    #data .mb100{margin-bottom: 100px !important}
    #data .mb105{margin-bottom: 105px !important}
    #data .mb110{margin-bottom: 110px !important}
    #data .mb115{margin-bottom: 115px !important}
    #data .mb120{margin-bottom: 120px !important}
    #data .mb125{margin-bottom: 125px !important}
}

@media screen and (max-width : 414px) {}

@media screen and (max-width : 375px) {}

@media screen and (max-width : 320px) {}