/*
Theme Name: LUXMAN INDEX
Description: LUXMANテンプレート トップページ
Author: LUXMAN
Author URI: http://www.luxman.co.jp/
Version: 1.0
*/

.red1 { color: #c31607; }

/*--------------------------
 HOME
--------------------------*/
/* メインビジュアル */
.mv {position: relative;}
.mv>.mvImg {width:100%;}

/* 新製品 */
.release_item{border:0;}
.release_item:hover{}
.release_title{font-size:0.8rem;padding:1rem 0;}
.release_menu{width:95%;padding-top:1rem;}

/* インフォメーション */
.info_data{border-bottom: 1px solid #ccc;padding: 10px 0;margin: 0;}
.info_date{text-align:left;}
.info_date .glyphicon{font-size:small; color:#c31607;margin-right: 5px;}

/* カテゴリパネル */
.category_area{padding:5px;overflow:hidden;}
figure {position: relative;overflow: hidden;width: 100%;}
figure img {display: block;width: 100%;}
figcaption {display:none;}
.figure_title_area{position:absolute;width:100%;top:50%;text-align:center;color:white;transform: translateY(-50%);}
.figure_title_area > h3{font-size: 1.8vw;font-weight: bold;}

/* 公式SNS */
.fa-twitter-square{color:#69a1d0}
.fa-facebook-official{color:#7785a0}
.fa-instagram{color:#a37ca8}
.iScrollHorizontalScrollbar {
  overflow:inherit !important;
  position: absolute;
  z-index: 9999;
  bottom:0px;
  height:10px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
  width: 80%;
  height:25px;
}

.iScrollHorizontalScrollbar {
  height: 25px;
  background:#EEE;
  width:100%;
  right: 0;
  left:0;
  bottom: 0;
}

.iScrollIndicator {
  position: absolute;
  background: #9b9b9b;
  border: 2px solid #777777;
  border-radius: 2px;
  box-sizing: border-box;
  cursor:pointer;
  height:25px;
  transition: all  0.3s ease;
}

.iScrollIndicator:hover {
  background:#c11805;
}

#section-social h2{
  text-align:left;
}

#social-content{
  position:relative;
  width:100%;
  height:410px;
  font-size: 14px;
  overflow:hidden;
}

#social-content img{
  vertical-align: bottom;
}

#social-content #social-wrapper p{
  word-break: break-all;
}
#social-content i{
font-size: 36px;
vertical-align: middle;
}

#social-content #social-wrapper i.fa-share-alt{
  font-size:20px;
  margin-right:5px;
}

#social-content #social-wrapper i.fa-share-alt{
  font-size:20px;
  margin-right:5px;
}

#social-content #social-wrapper .more i{
  font-size: 12px;
  vertical-align: middle;
}

#social-content #social-wrapper .datetime{
  text-align:right;
}

#social-content #social-wrapper{
  position:absolute;
/*  overflow:hidden;*/
  z-index:1;
  top:0;
  left:0;
  width:80%;
  padding-bottom: 40px;
  margin: 0 10%;
}
#social-content #social-wrapper #content-box{
  width:3690px;
}

#social-content #social-wrapper #content-box .content-out{
  float:left;
  width:315px;
  position:relative;
  height:370px;
}
#social-content #social-wrapper #content-box .content-out + .content-out{
  margin-left:60px;
}

#social-content #social-wrapper #content-box .content-out:nth-last-child(1){
  float:left;
  margin-right:0px;
  width:315px;
}

#social-content #social-wrapper #content-box .content-out .share-btn{
  margin-left:5px;
  vertical-align: middle;
  color:#000;
  /* background-color:#a2a2a2; */
  background-color:#ddd;
  border:0;
  border-radius:5px;
  padding:6px;
  transition: all  0.3s ease;
}


#social-content #social-wrapper #content-box .content-out .share-btn:hover{
  color:#FFF;
  background-color:#525252;
}

#social-content #social-wrapper #content-box .content-out .img-link{
  display:block;
  margin-bottom:15px;
  text-align:center;
  vertical-align:middle;
  height:200px;
  background-image: url(/wp-content/themes/images/common/sns_noimage.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#social-content #social-wrapper #content-box .content-out .img-link img{
  max-width:100%;
  max-height:200px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#social-content #social-wrapper #content-box .content-out .bottom-contents{
  bottom:0;
  position:absolute;
}


@media (min-width: 768px) {
  .release_item{border:1px solid transparent;}
  .release_item:hover{border:1px solid #ccc;}
  .release_title{font-size:large;font-weight:bold;padding:1rem 0;}
  .release_menu{visibility:hidden;width:95%;border-top:1px solid #ccc;padding-top:1rem;}
  .release_item:hover > .release_menu{visibility:visible;}

  figcaption {
    display:block;
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(54,54,54,.8);
    -webkit-transition: .3s;
    transition: .3s;
    color:white;
    padding: 0 20px;
  }

  figure:hover figcaption {bottom: 0;left: 0;}
  figcaption>div{position:relative;width:100%;height:100%;}
  .figure_caption_area{width:100%; text-align:center;position:absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  .figure_caption_area > h3{font-size:1.3vw;margin-bottom:1rem;text-align:center;}
  .figure_caption_area > p{font-size:0.7rem;padding:5px;text-align: center;}

}

@media (min-width: 992px) {
  .info_date{text-align:right;}
}

.social .social__list {
  display: flex;
}
.social .social__item {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 991px) {
  .social .social__list {
    flex-flow: column;
  }
  .social .social__item {
    margin: auto;
  }
  .social .social__item + .social__item {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .social .social__list {
    justify-content: center;
  }
  .social .social__item  {
    width: 50%;
  }
  .social .social__item + .social__item {
    margin-top: 0;
    margin-left: 30px;
  }
}

/*--------------------------
 カタログ請求・お問い合わせ ページ
--------------------------*/
#inquiry .formBox { margin-bottom: 20px; }
#inquiry .formtable { margin-bottom: 30px; }
#inquiry .formtable table { width: 100%; }
#inquiry .formtable th { white-space: nowrap; padding: 15px 0 5px; }
#inquiry .formtable th,
#inquiry .formtable td { display: block; }
#inquiry .formtable input { width: 100%; }
#inquiry .wpcf7-not-valid-tip-no-ajax{ color: #c11805 }
#inquiry .checkbox-425 .wpcf7-not-valid-tip-no-ajax{ display: block; }
#inquiry .wpcf7-form.sent .contact-form{
	display: none;
}
#inquiry .wpcf7-mail-sent-ok{
	padding: 260px 0 80px 0;
  margin-top: -180px;
}

@media (min-width: 992px) {
  #inquiry .formtable th { width: 30%; }
  #inquiry .formtable td { width: 70%; }
  #inquiry .formtable th,
  #inquiry .formtable td { display: table-cell; padding: 10px 0; vertical-align: top; }
}

/*--------------------------
 サービス情報 ページ
--------------------------*/
#service h3 { display: flex; align-items: center; font-weight: bold; margin-bottom: 20px; }
#service h3::before { 
  content: '';
  display: inline-block;
  width: 4px;
  height: 45px;
  background-color: #C42B05;
  margin-right: 10px;
}
#service .contentBox p:not(:last-child) { margin-bottom: 1em; }
#service .contentBox .block { padding: 0px 15px; }
#service .contentBox { margin-bottom: 30px; }
#service .flexBox li { text-align: center; margin-bottom: 10px; }
#service .listNum { list-style-type: decimal; padding-left: 1.2em; }
#service .fs11 { font-size: 11px; }
#service .fs12 { font-size: 12px; }
#service .fs18 { font-size: 18px; }
#service .floatR { border: #CCC 1px solid; padding: 10px; margin-top: 15px; }
#service #warranty{ margin-top: -63px; padding-top: 63px;}
#service .text-link{ display: flex; align-items: center;}
#service .text-link::before{ 
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #c11805;
  border-right: 2px solid #c11805;
  transform: rotate(45deg);
  margin-right: 10px;
}
#service .m-title{ font-weight: bold; margin-bottom: 10px;}

#service #side { margin-top: 30px; }
#service #side li:not(:last-child) { margin-bottom: 1em; }
#service #side .mapLink { margin-left: 10px; }
#service #side .mapLink img { vertical-align: middle; }
#service section { margin-bottom: 60px; }

@media (min-width: 768px) {
  #service .flexBox ul { display: flex; flex-wrap: wrap; text-align: center; }
  #service .flexBox li { padding: 0 5px; }
  #service .flexBox ul.width33 li { width: 33.3333%; }
  #service .flexBox ul.width50 li { width: 50%; }
  #service #warranty{ margin-top: -136px; padding-top: 136px;}
  #service #side ul { display: flex; flex-wrap: wrap; }
  #service #side li { width: 33.3333%; }
}

/*--------------------------
 費用の概算見積もりページ
--------------------------*/
#cost table{ width: 100%; }
#cost th{ background-color: #EEEEEE; padding: 10px; }
#cost td{ padding: 10px; border-bottom: 1px solid #CCC; }
#cost .m-title{ font-weight: bold; margin-bottom: 10px;}

/*--------------------------
 グローバルリンク ページ
--------------------------*/
.global_link li { margin-bottom: 15px; text-align: center; }