/*
Theme Name:NANO child
Theme URI:https://tcd-theme.com/tcd065
Description:WordPressテーマ「NANO」の自作子テーマです。
Template:nano_tcd065
Author:e-press
Author URI:https://tcd-theme.com/
Text Domain: tcd-nano
Version:1.7.1
*/

/* Page ---------------------------------*/
@media only screen and (max-width: 767px) {
    div.wrp{
    padding:15px;
    }
}

/* common */
.p-footer-banners__list-item > a {
  transition: 0.3s;
}
.p-footer-banners__list-item > a:hover {
  opacity: 0.7;
}
.sns_btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto !important;
}
.sns_btns > li {
  border: 1px solid #000;
  list-style: none;
  display: block;
  width: 260px;
}
.sns_btns > li:first-of-type {
  margin-bottom: 15px;
}
.sns_btns > li > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  padding: 10px 30px;
  text-decoration: none !important;
  font-size: 20px;
  position: relative;
  transition: 0.3s;
}
.sns_btns > li > a:hover {
  opacity: 0.7;
}
.sns_btns > li > a:after {
  position: absolute;
  content: "";
  display: block;
  right: 15px;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sns_btn_fb:before {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/nano-child/img/btns/fb.svg") no-repeat;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.sns_btn_inst:before {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/nano-child/img/btns/instagram.svg") no-repeat;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
@media only screen and (min-width: 560px) {
  .sns_btns {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 !important;
  }
  .sns_btns > li:first-of-type {
    margin-right: 40px;
    margin-bottom: 0px;
  }
}
.l-contents {
  margin-bottom: 80px;
}

/* SNS button links /machinery division ---------------------------------*/

div.sns_btn_link{
    
}

div.sns_btn_link > h5{
    font-weight: bold;
    margin:0 0 8px 0;
    padding:0;
}

div.sns_btn_link > ul{
    display:block;
    list-style: none;
    padding:0;
    margin:0;
}

div.sns_btn_link > ul > li{
    display:inline-block;
    padding:0;
}

div.sns_btn_link > ul > li a{
    display:inline-block;
    padding:3px 15px;
    lin-height:1.1;
    color:#fff;
    text-decoration: none;
    border-radius: 5px;
    transition: .5s;
}

div.sns_btn_link > ul > li a:first-of-type{
    margin-right:10px;
}

a.btn_fb{
    border:1px #4267B2 solid;
    background:#4267B2;
    color:#fff;
    text-decoration: none;
}
a.btn_fb:hover{
    opacity: 0.7;
    text-decoration: none;
}


a.btn_insta{
    background-image:linear-gradient(72.44deg, #FF7A00 11.92%, #FF0169 51.56%, #D300C5 85.69%);
    color:#fff;
    text-decoration: none;
}
a.btn_insta:hover{
    opacity: 0.7;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    div.sns_btn_link{
        margin-bottom:40px;
    }
}


/* 2column /common ---------------------------------*/
.box_2col {
  display: block;
}
.box_2col + .box_2col {
  margin-top: 50px;
}
.box_2col > div {
  width: auto;
}
@media only screen and (min-width: 767px) {
  .box_2col {
    display: flex;
  }
  .box_2col > div:first-of-type {
    margin-right: 50px;
  }
}
/* table style /company ---------------------------------*/
.tb_style_company .mk_list p {
  margin-bottom: 0 !important;
  display: block;
  vertical-align: top;
}
@media only screen and (min-width: 767px) {
  .tb_style_company {
    font-size: 14px;
  }
  .tb_style_company th {
    max-width: 250px;
    width: 20%;
  }
  .tb_style_company .mk_list p {
    margin-bottom: 0 !important;
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
  }
}
/* history /company ---------------------------------*/
dl.dl_history {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
dl.dl_history dt {
  width: 100px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
dl.dl_history dd {
  width: calc(100% - 100px);
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 767px) {
  dl.dl_history dt {
    width: 150px;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  dl.dl_history dd {
    width: calc(100% - 150px);
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
}
/* point /MACHINERY DIVISION ---------------------------------*/
.box_point {
  margin-top: 50px;
  border: 1px #ccc solid;
  padding: 30px;
}
.box_point + .box_2col {
  margin-top: 80px;
}
.box_point h5 {
  border-left: #5fc212 5px solid;
  padding-left: 15px;
}
.box_point p {
  margin: 0;
}
.box_point > div:nth-of-type(2) > ul {
  display: flex;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}
.box_point > div:nth-of-type(2) > ul li:nth-of-type(1) {
  margin-right: 20px;
}
.box_point > div:nth-of-type(2) > ul strong {
  display: block;
}
@media only screen and (min-width: 767px) {
  .box_point {
    display: flex;
    margin-top: 50px;
    border: 1px #ccc solid;
    padding: 30px;
  }
  .box_point > div:nth-of-type(2) > ul {
    margin-left: 20px;
  }
}
/* form_bx /Contact ---------------------------------*/
.wpcf7 {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0;
  width: 100%;
}

.l-contents__inner{
    padding:0;
}

dl.form_bx {
  display: block;
  margin-bottom: 0.8em;
  padding-bottom: 0.8em;
}
dl.form_bx > dt {
  padding: 15px;
  margin-bottom: 0;
  background: #f1f1f1;
  font-weight: bold;
  font-size: 1.6rem;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #999;
  box-sizing: border-box;
}
dl.form_bx > dt span {
    display:inline-block;
    background:#c00;
    color:#fff;
    padding:5px 7px;
    margin-left:15px;
    border-radius: 5px;
    font-size:12px;
    line-height:1.1;
}

dl.form_bx > dd {
  padding: 15px 0;
  margin-bottom: 0;
  margin-left: 0;
  border-bottom: 1px solid #999;
  vertical-align: baseline;
}
dl.form_bx > dd:last-of-type {
  border-bottom: none;
}

/* zip_style */

.zip_style input{
    display:inline-block!important;
    width:200px;
}

/* tel_style */

.tel_style input{
    display:inline-block!important;
    width:200px;
}

dl.form_bx > dt > p, dl.form_bx > dd > p {
  margin: 0;
}
@media only screen and (min-width: 767px) {
  dl.form_bx {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
  }
  dl.form_bx > dt {
    width: 30%;
    padding: 15px 25px;
  }
  dl.form_bx > dd {
    width: 70%;
    padding: 15px 25px;
    border-bottom: 1px solid #999!important;
  }
}