@charset "UTF-8";
/*
Theme Name: ADIVA様 170103ver.
Description: ADIVA様 170103ver.
*/
@import url(css/init.css);
@import url(css/lib.css);
@import url(https://fonts.googleapis.com/css?family=Lato|Numans);

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,body {
  height: 100%;
}

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
  line-height:1.8;
  /*color:#211e18;*/
  color: #555;
  background-color:#ffffff;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
  text-align:left;
  /*letter-spacing: 1.2px;*/
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}
img{max-width:100%;height:auto;}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.none{display: none;}

a.img:hover {border-bottom:0 !important;}
a:hover img {
  opacity:0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;              /* Safari 1.x */
  zoom:1;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
a:focus {outline:none;}

a{
  color:#2f5d8a;
  text-decoration:none;
}
a:hover{
  color:#444;
  text-decoration:none;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

#main a:hover{text-decoration: underline;}

strong {
  font-weight:bold;
}
.blue{color: #1147c1;}
.red{color: #abde43;}

img.round {
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;

  box-shadow:1px 1px 1px 0px #c2c2c2;
  -webkit-box-shadow:1px 1px 1px 0px #c2c2c2;
  -moz-border-box-shadow:1px 1px 1px 0px #c2c2c2;

  behavior: url(pie.htc); /*for IE*/
  position: relative;
  z-index: 2;
}

.pic_left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.pic_right {
  float:right;
  margin-left:7px;
  margin-bottom:10px;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.sec{margin:10px 0 30px;}

#main .tbl01 input[type="checkbox"],
#main .tbl01 input[type="radio"]{
  width: 12px;
  position: relative;
  top: 2px;
}

/************************************************************************************************/
/* HEADER */
/************************************************************************************************/
#header {
  /*background-color: #001C44;*/
  background-color: #000;
  width: 100%;
  min-width: 1100px;
  height: 134px;
  min-height: 134px;
   position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-box-shadow: 0 1px 1px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(150, 150, 150, 0.4);
  box-shadow: 0 1px 1px rgba(150, 150, 150, 0.4);
}

#header .header-inner {
  position:relative;
  width: 1100px;
  height: 134px;
  padding: 0px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

#header a:hover {
  border:0;
}
#header .logo {
  position:absolute; left: 0; top: 28px;
  width:114px; height:78px;
}

#header #gnavi {
  position:absolute;
  right:0; top: 55px;
  width:auto; height:auto;
  margin:0 auto;
  list-style-type: none;
  padding: 0;
  clear: both;
  zoom: 1;
}
#header #gnavi2 {
  position:absolute; right:0; top: 10px;
  width:auto; height:20px; margin:0 auto;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#header #gnavi li a,
#header #gnavi2 li a{
  float:left;
  width: auto;
  height:20px;
  text-align: center;
  line-height: 20px;
  margin:0;
  margin: 0 15px;
  padding:0;
  display: block;
  /*color: #888;*/
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

#header #gnavi a:hover, #header #gnavi a:active,
#header #gnavi2 a:hover, #header #gnavi2 a:active{
  color: #2f5d8a;
  text-decoration: none;
}


#gnavi li,
#gnavi2 li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  color: #888;
  text-align: center;
}

#gnavi li:hover > a{
}
#gnavi > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#gnavi ul li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180%;
  height: auto;
  z-index: 1000;
  margin: 10px 0 0;
  padding: 0;
}
#gnavi ul li ul li{
  visibility: hidden;
  overflow: hidden;
  width: 150%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  background-color: #000;

  opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}
/*
#gnavi li:last-child ul{
  left: -100%;
  width: 100%
}*/
#gnavi ul li ul li a{
  padding: 13px 15px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#gnavi ul li:hover ul li{
  visibility: visible;
  overflow: visible;
  height: 30px;
  z-index: 10;
}
#gnavi ul li:hover ul li:first-child{
  border-top: 0;
}
#gnavi ul li:hover ul li:last-child{
  border-bottom: 0;
}
#gnavi ul li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* add start by hassy */
.btnMenu_wrap {display:none;}
#smpnav{position:relative;display:none;float:left;width:100%;background:#f1f1f1;margin-top:70px;z-index:-1;}
#smpnav *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#smpnav ul{padding:0;margin:0;width:100%;list-style-type:none;}
#smpnav ul li{position:relative;float:left;width:100%;}
#smpnav ul li a{display: block;float: left;width: 90%;padding: 1em 5%;margin: 0;text-align: left;color: #000;border-top: 1px solid #383838;border-top: 1px solid rgba(255,255,255,0.5);text-decoration: none;}
#smpnav ul li a:hover{border-top:1px solid rgba(255,255,255,0.5);}
#smpnav ul li:last-child a{border-bottom:none;margin-bottom:0;}

@media(max-width:1100px){
  #header {
    width: 100%;
    min-width: 100%;
  }
  #header .header-inner {
    width: 100%;
  }

}
/* add end by hassy */

/************************************************************************************************/
/* CONTENTS */
/************************************************************************************************/
#contents {
  width:100%;
  height: auto;
}

#contents #main {
  /*background-color: #f3f3f3;*/
  width: 1100px;
  margin: 0 auto;
  min-height: 500px;
  height: auto;
 padding: 50px 0 70px;
  clear: both;
  overflow: hidden;
  zoom: 1;
}


@media(max-width:480px){
  #contents #main {
  width: 100%;
  padding: 0 15px 50px;
  box-sizing:border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  }
}



/* video部分　レスポンシブ調整 */
/************************************************************************************************/
#contents .video-wrap{
  width: 100%;
  height: auto;
  margin: 100px 0 0;
  overflow: hidden;
  display: block;
  clear: both;
}
#contents .video-wrap .slider-video{
  width: 100%;
  margin-top: 0;
  display: block;
}

@media(max-width: 1000px){
  #contents .video-wrap{
    margin: 0;
  }
}


#contents .swiper-main {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: auto;
  margin: 50px 0 0;
  position: relative;
}
#contents .swiper-wrapper {
  width: 100%;
  height: auto;
}
@media(max-width: 1100px){
  #contents .swiper-main {
    /*margin: 0;*/ /* del by hassy */
    width:1100px; /*add by hassy */
    max-width:1100px; /*add by hassy */
  }
}
/* add start by hassy */
@media(max-width: 600px){
  #contents .swiper-main {
    margin:0;
    width:100%;
    max-width:100%;
  }
}
/* add end by hassy */

#contents .swiper-main .swiper-slide img{
  width: 100%;
  height: auto;
}

#contents .swiper-main .swiper-button-next{
  right: 20px;
}
#contents .swiper-main .swiper-button-prev{
  left: 20px;
}

#contents .swiper-main .swiper-button-next,
#contents .swiper-main .swiper-button-prev{
  position: absolute;
  background-image: none;
  color: #000;
  font-weight: bold;
  font-size: 30px;
  top: 50%;
  width: 30px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background-color: rgba(255,255,255,0.4);

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;

opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}

@media(max-width: 1000px){
  #contents .swiper-main .swiper-button-next{
    right: 10px;
  }
  #contents .swiper-main .swiper-button-prev{
    left: 10px;
  }
  #contents .swiper-main .swiper-button-next,
  #contents .swiper-main .swiper-button-prev{
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}


/************************************************************************************************/
/* MAIN */
/************************************************************************************************/
#main p{margin-bottom: 10px;}

.breadcrumbs{
  font-size: 11px;
  width: 1100px;
  margin: 7px auto 3px;
}
@media(max-width:480px){
  .breadcrumbs{
    font-size: 11px;
    width: 100%;
    margin: 7px auto 3px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
}

#main .breadcrumbs .breadcrumb_last{
  display: none;
}

#main h2{
  color:#777;
  font-weight: bold;
  font-size: 28px;
  margin: 20px 0;
  border:0;
  border-radius:0;
  line-height: 1.5;
  /*border-left: 4px solid #78ab11;*/
  /*border-bottom:1px solid #78ab11;*/
  /*padding:5px 10px;*/

/*	background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3));
  background: -moz-linear-gradient(top,  #fcfcfc,  #f3f3f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3', GradientType=0)";
  background: linear-gradient(to bottom, #fcfcfc, #f3f3f3);*/
}

@media(max-width:700px){
  #main h2{
    font-size: 24px;
    padding: 0;
    margin: 20px 0;
  }
}


#main h3 {
  font-size: 20px;
  font-weight:normal;
  margin: 20px 0 10px;
  padding: 3px 0 0 10px;
  color: #777;
  border-left: 3px solid #777;
}

#main .wp-post-image{padding-bottom: 10px;}

#main .nextBox{width: 100%; height: auto; min-height: 100px; clear: both; overflow: hidden; zoom:1; padding-bottom: 10px;}
#main .nextBox .prev, #main .nextBox .next{width: 40%; float: left; padding: 10px; height: 100%; min-height: 100px; background-color: #f9f9f9;}
#main .nextBox .prev{float: left; text-align: left; position: relative;}
#main .nextBox .next{float: right; text-align: right; position: relative;}
#main .nextBox .prev a,
#main .nextBox .next a{display: block; max-width: 266px; min-height: 100px;}
#main .nextBox .prev .thumb{width: 100px; height: 100px; position: absolute; top: 10px; right: 10px;}
#main .nextBox .next .thumb{width: 100px; height: 100px; position: absolute; top: 10px; left: 10px;}
#main .nextBox .prev .title{width: 100%; min-height:100px; padding-right: 110px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
#main .nextBox .next .title{width: 100%; min-height:100px; padding-left: 110px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}


#main .sideList{
  margin:0 0 20px 0;
  padding:0;
  overflow:hidden;
  zoom: 1;
  list-style: disc inside;
}
#main .sideList li{
  border-bottom: 1px dashed #e6e6e6;
  margin:0;
  padding:7px 0 5px 10px;
  list-style: disc inside;
}
#main .sideList span{padding-right: 10px;}



/************************************************************************************************/
/* SIDE */
/************************************************************************************************/
#side h4{
  color:#232323;
  font-weight:100;
  font-size: 16px;
  margin-bottom:10px;
  border:0;
  border-radius:0;
  border-left: 4px solid #78ab11;
  border-bottom:1px solid #78ab11;
  padding:5px 10px;

  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3));
  background: -moz-linear-gradient(top,  #fcfcfc,  #f3f3f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3', GradientType=0)";
  background: linear-gradient(to bottom, #fcfcfc, #f3f3f3);
}
#side {
  margin-bottom:10px;
}
#side img {
  display: block;
}
#side .sidetel{
  width:265px;
  display:block;
  margin:0 0 15px 0;
}

#side .sideList{
  margin:0 0 20px 0;
  padding:0;
  overflow:hidden;
  zoom: 1;
  list-style: disc inside;
}
#side .sideList li{
  width:255px;
  border-bottom: 1px dashed #e6e6e6;
  margin:0;
  padding:7px 0 5px 10px;
  list-style: disc inside;
}
#side .sideBnr{
  margin:0 0 20px 0;
  padding:0;
  overflow:hidden;
  zoom: 1;
}
#side .sideBnr li{
  display:block;
  width:265px;
  margin:0 0 10px 0;
  padding:0;
}


/************************************************************************************************/
/* FOOTER */
/************************************************************************************************/
#footer {
  width:100%;
  min-width:1100px; /* add by hassy */
  /*min-width:80%;*/
  clear:both;
  height: 100px;
  min-height: 80px;
  /*position: absolute;*/
  border: 0;
  /*background:#001C44;*/
  background:#000;
  color:#fff;
  font-size: 12px;
}
#footer .inner {
  width: 1100px; height:80px;
  margin:0 auto;
  position:relative;
}
#footer .inner #copy{
/*  color: #888;*/
  color: #fff;
  position: absolute;
  text-align:center;
  right:0;
  left:0;
  top:70px;
  margin:0 auto;
  /*width:150px;*/
}

#footer #fnavi {
  width: 800px;
  height: auto;
  color: #888;
  position: absolute;
  text-align:left;
  left:0;
  top:40px;
}
#footer #fnavi li {
  float: left;
  display: inline-block;
  padding-right: 15px;
}

#footer a{
/*  color: #888;*/
  color: #fff;
  text-decoration:none;
}
#footer a:hover,
#footer a:active{
  color: #ddd;
  text-decoration:none;
}


#footer .company .button{
  border: 1px solid #e6e6e6; text-align: center; margin: 5px 0 0;
  background: #78ab11;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#78ab11));
  background: -moz-linear-gradient(top,  #abde43,  #78ab11);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #78ab11);

  cursor: pointer;  color: #ffffff;
  width: 100%; height: 40px; line-height: 40px;
  display: block;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}

#footer .company p{line-height: 1.3;}
#footer .company a.button:hover, #footer .company a.button:active{color: #ffffff; text-decoration: none;
  background: #abde43;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#abde43));
  background: -moz-linear-gradient(top,  #abde43,  #abde43);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #abde43);
}

#footer .footer-sns{position: absolute;right: 0;top: 10px;margin-right: 15px;}
#footer .footer-sns dt, #footer .footer-sns dd{display:inline-block;vertical-align:bottom;}
#footer .footer-sns .f-twitter, #footer .footer-sns .f-facebook, #footer .footer-sns .f-youtube,#footer .footer-sns .f-insta{width:50px;height:50px;background-repeat: no-repeat;background-position: center left;background-size:50px;display:inline-block;margin-left:15px;vertical-align:bottom;}
#footer .footer-sns .f-twitter{background-image: url("./images/common/footer-twitter.png");}
#footer .footer-sns .f-facebook{background-image: url("./images/common/footer-facebook.png");}
#footer .footer-sns .f-youtube{background-image: url("./images/common/footer-youtube.png");}
#footer .footer-sns .f-insta{background-image: url("./images/common/footer-insta.png");}
/*#footer .footer-sns dt:nth-of-type(2){margin-left:50px}*/

/************************************************************************************************/
/* TABLE */
/************************************************************************************************/
#main .tbl01 input,
#main .tbl01 textarea {
width: 99%;
max-width: 300px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
span.wpcf7-form-control-wrap{
display: block;
}

#main .tbl01 input[type="checkbox"]{width: 20px; margin: 0; padding: 0;}
#main .tbl01 span.wpcf7-list-item {display: block; margin-left: 0;}

#main .tbl01 {
  margin:20px auto 10px;
  border-collapse:collapse;
  border-left:1px solid #dddddd;
  border-top:1px solid #dddddd;
  width:600px; table-layout:fixed;

/*	box-shadow:1px 1px 1px 0px #c2c2c2;
  -webkit-box-shadow:1px 1px 1px 0px #c2c2c2;
  -moz-border-box-shadow:1px 1px 1px 0px #c2c2c2;
*/}

@media (max-width: 1000px){
  #main .tbl01,#main .tbl{
    width: 100%;
    height: auto;
  }
}

#main .tbl01 th,
#main .tbl01 td {
  font-size:13px;
  padding: 10px;
  border-right:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
}

#main .tbl01 th {
  background-color:#f6f6f6;
  color:#211e18;
  width: 30%;
}


.tbl_spec {
  width: 100%;
  margin: 0 auto 20px;
  border-collapse:collapse;
  /*border-top:1px solid #dddddd;*/
  table-layout:fixed;
}
.tbl_spec tr:nth-child(even){
  background-color: #f5f5f5;
}

.tbl_spec th,
.tbl_spec td {
  font-size:12px;
  padding: 4px 20px 2px;
  border-bottom:1px solid #ddd;
}

.tbl_spec th {
  width: 30%;
}


.tbl_tre {
  font-size: 12px;
  width: 83%;
  margin: 20px auto 50px 20px;
  border-collapse:collapse;
  table-layout:fixed;
}

.tbl_tre .td1{
  width: 25%;
  vertical-align: top;
}
.tbl_tre .td2{
  width: 21%;
  vertical-align: top;
}
.tbl_tre .td3{
  width: 50%;
  vertical-align: top;
}

@media (max-width: 1000px){
  .tbl_tre{
    width: 100%;
    height: auto;
    margin:20px auto 50px 0; /* add by hassy */
  }
}


#main .tbl02 {
  margin:20px 0;
  border-collapse:collapse;
  border-left:1px solid #dddddd;
  border-top:1px solid #dddddd;
  width:100%; table-layout:fixed;

/*	box-shadow:1px 1px 1px 0px #c2c2c2;
  -webkit-box-shadow:1px 1px 1px 0px #c2c2c2;
  -moz-border-box-shadow:1px 1px 1px 0px #c2c2c2;
*/}

@media (max-width: 1000px){
  #main .tbl02{
    width: 100%;
    height: auto;
  }
}

#main .tbl02 td {
  font-size:13px;
  padding: 10px;
  border-right:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
}

@media (max-width: 1000px){
  #main .responsive_tbl td{
    width: 100%;
    height: auto;
    display: block;
  }
}

#main .tbl01 th span{color: #555555;}

input[type="submit"] ,
#main .button,
.content-form button {
  border: 1px solid #f6f6f6; text-align: center; margin: 10px auto;
  background: #cfcfcf;
  -webkit-box-shadow: 0 1px 3px rgba(100, 100, 100, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(100, 100, 100, 0.6);
  box-shadow: 0 1px 3px rgba(100, 100, 100, 0.6);

  background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcfcf));
  background: -moz-linear-gradient(top,  #dfdfdf,  #cfcfcf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#cfcfcf', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#cfcfcf', GradientType=0)";
  background: linear-gradient(to bottom, #dfdfdf, #cfcfcf);

  cursor: pointer;  color: #666666;
  width: 300px; height: 40px; line-height: 40px;
  display: block; font-size: 16px;
  font-family: "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#main .button{margin: 0; width: 160px; height: 30px; line-height: 30px; font-size: 14px;}

input[type="submit"]:hover,
input[type="submit"]:active,
#main .button:hover,
.content-form button{
  color: #666666; text-decoration: none;
  background: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#dfdfdf));
  background: -moz-linear-gradient(top,  #dfdfdf,  #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#dfdfdf', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#dfdfdf', GradientType=0)";
  background: linear-gradient(to bottom, #dfdfdf, #dfdfdf);

  opacity: 1;
}


/************************************************************************************************/
/* TOPPAGE */
/************************************************************************************************/

#wrapper {
  width: 100%;
  position: relative;
  height: 100%;
}
.full_content {
        background:#f1f1f1;
      width:100%;
        /*min-height: 456px;*/  /* edit by hassy */
        min-height: 560px;  /* add by hassy */
        height: 456px;
        height:auto;
        position:relative;
        margin:0 auto;
        clear:both;
}

ul.tab_menu li{
  font-family: 'Lato', sans-serif;
  color: #555;
  width:50%;
  height:auto;
  background:#fff;
  float:left;
  list-style:none;
  margin-left:0px;
  text-align:left;
  padding-left: 0px;
  display:block;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  cursor: pointer;
  padding: 10px 20px;
  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/*IE10以降に適用されるCSSハック（一応）*/
/*@media all and (-ms-high-contrast:none){
  ul.tab_menu li {
  width:47%;
  }
}*/

/*IE11だけに適用されるCSSハック*/
/*@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, ul.tab_menu li {
  width:47%;
  }
}*/


ul.tab_menu li:first-child {
  text-align: right;
}

ul.tab_menu {
  width: 100%;
    padding:0;
    margin:0;
    height: 56px;
}



ul.titulos {
  width: 100%;
/*  width: 1100px;*/ /* add by hassy */
  height: 56px;
  display: block;
  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

ul.titulos li a {
  /*font-family: 'Lato', sans-serif;*/
  color: #555;
  width:50%;
  background-color: #fff;
  height: auto;
  float:left;
  list-style:none;
  text-align:right;
  padding-left: 0px;
  display:inline-block;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  cursor: pointer;
  padding: 10px 20px;
  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/*IE10以降に適用されるCSSハック（一応）*/
/*@media all and (-ms-high-contrast:none){
  ul.titulos li a {
  width:47.5%;
  }
}*/

/*IE11だけに適用されるCSSハック*/
/*@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, ul.titulos li a {
  width:47.5%;
  }
}*/


ul.titulos li:last-child a {
  text-align: left;
}
ul.titulos li .activo {
  background-color: #f1f1f1;
}

#bookmark{
  display:none;
}

#tab_contenedor{
        background:#f1f1f1;
      width:100%;
/*      width:1100px; */ /* add by hassy */
        height:auto;
        position:relative;
        margin:0 auto;
        clear:both;
        box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#tab_contenido{
  /*width: 1100px;*/
  width: 100%; /* add by hassy */
  margin: 0 auto;
  height: auto;
  display: block;
  padding: 22px 0 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/* Add start by hassy */
section.lineup{width:100%;}
section.lineup h2{width:100%;display:block;text-align:center;}
/* Add end by hassy */

@media(max-width:1100px){
  #tab_contenedor{
    width:1100px;
  }
  .full_content {
    width:1100px;
  }
}
@media(max-width:480px){
  .full_content {
        background:#f1f1f1;
      width:100%;
        min-height: 440px;
        height: 440px;
        height:auto;
        position:relative;
        margin:0 auto;
        clear:both;
  }
  ul.tab_menu, ul.titulos {
    width: 100%;
      padding:0;
      margin:0;
      height: 40px;
  }

  ul.tab_menu li, ul.titulos li a{
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
  ul.titulos li:last-child a {
    text-align: center;
  }
  #tab_contenedor{width: 100%;} /* add by hassy */
  #tab_contenido{
    width: 100%;
  }

  ul.tab_menu li span {
    margin-left: 0;
  }
  ul.tab_menu li:first-child {
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  ul.tab_menu li:first-child span {
    margin-right: 0;
    margin-left: 0;
  }

}



ul.tab_menu .active ,
ul.tab_menu .hover {
    background:#f1f1f1;

  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

ul.tab_menu .content-inner{
  width: 1100px;
  height: auto;
    margin: 0 auto;
}

/* Add start by hassy */
.banner{width:1141px;margin:0 auto;}
.banner img{height:98px;display:block;float:left;}
.banner a:nth-child(2) img{width: 836px;width: calc(100% - 305px);width: -webkit-calc(100% - 305px);float:right;}
/* Add end by hassy */

/********************************************
  車輌ページ
********************************************/
#catch img{
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: auto;
  margin: 0;
  padding: 0;
  display: block;
}
#catch {
  width: 100%;
  height: auto;
  display: block;
/*  margin-top: 134px;*/
  margin:50px auto 0;
}
#contents .sp_catch{
  display: none;
}

.product-text{
  width:100%;
  text-align:left;
  height:20px;
  margin-bottom:20px;
  display:block;
}
@media(max-width:1100px) and (min-width:481px) {
  #catch {
    width:1100px; /* add by hassy */
  }
  #contents .sp_catch{
    display: none;
  }
}
@media(max-width:480px){
  #catch {
    margin-top: 0;
    width:100%; /* add by hassy */
  }
  #contents .sp_catch{display: block;}
  #contents .pc_catch{display: none;}
  .product-text{
    width:100%;
    text-align:left;
    height:auto;
    padding: 0 15px;
    margin-bottom:30px;
    display:block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
}

#main_product{
  /*margin-top: -10px;*/
  margin-top: 0;
  background-color: #f1f1f1; /* add by hassy */
}

.full_content_product {
      width:100%;
/*      background-color: #f1f1f1;*/
        /*min-height: 743px;*/
        /*height: auto !important;*/
        /*height: 743px;*/
        height:auto;
        position:relative;
        margin:0 auto;
        clear:both;
        overflow: hidden;
        zoom: 1;
}
.full_content_product ul.tab_menu li{
  font-family: 'Lato', sans-serif;
  color: #555;
  width:50%;
  height:auto;
  background:#fff;
  float:left;
  list-style:none;
  margin-left:0px;
  text-align:left;
  padding-left: 0px;
  display:block;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  cursor: pointer;
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 5px;
}
.full_content_product ul.tab_menu li span {
  margin-left: 30px;
}
.full_content_product ul.tab_menu li:first-child {
  text-align: right;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0;
}
.full_content_product ul.tab_menu li:first-child span {
  margin-right: 30px;
  margin-left: 0px;
}

.full_content_product ul.tab_menu {
  width: 100%;
    padding:0;
    margin:0;
    height: 56px;
}

.full_content_product ul.tab_menu .active ,
.full_content_product ul.tab_menu .hover {
    background:#f1f1f1;

  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
ul.tab_menu .content {
  width:100%;
  height:auto;
  position: absolute;
  top: 78px;
  clear:both;
  overflow: hidden;
  zoom: 1;
  display: block;
  /*left: 1px;*/
}

@media(max-width:690px){
  .full_content_product ul.tab_menu {
    width: 100%;
      padding:0;
      margin:0;
      height: 40px;
  }

  .full_content_product ul.tab_menu li{
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
  .full_content_product ul.tab_menu li span {
    margin-left: 0;
  }
  .full_content_product ul.tab_menu li:first-child {
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .full_content_product ul.tab_menu li:first-child span {
    margin-right: 0;
    margin-left: 0;
  }
}


#contents .product-container{
  width: 1100px;
  margin: 0 auto 20px;
    /*height: 312px;*/
  clear: both;
  overflow: hidden;
  zoom: 1;
}
#contents .product-container .product-box{
  background-color: #fff;
  border: 1px solid #ddd;
  width: 1098px;
  height: 310px;
}
/* Add start by hassy */
#contents .product-container .product-box .product-img{
  width:540px;
  margin: 0 20px 0 0;
}
/* Add end by hassy */

#contents .product-container .product-box img{
  width:100%; /* Add by hassy */
  display:block; /* Add by hassy */
/*  margin: 0 20px 0 0;*/
}
#contents .product-container .product-box p{

  padding: 15px 20px 20px;
}
#contents .product-container span{display:block;}

@media(max-width:480px){
  ul.tab_menu .content {
    top: 63px;
  }
  #contents .product-container .product-box{
    width: 100%;
    height: auto;
    overflow:hidden; //add by hassy 20180309
  }
  #contents .product-container .product-box img{
    margin: 0 0 -10px;
    padding: 0;
    width: 100%;
    height: auto;
    float: none;
  }
}

#contents .product-container .product-box-left,
#contents .product-container .product-box-right{
  background-color: #fff;
  border: 1px solid #ddd;
  width: 538px;
  height: 310px;
}
#contents .product-container .product-box-left{
  float: left;
  width: 260px; //add from hassy 20180309
}
#contents .product-container .product-box-right{
  float: right;
}
#contents .product-container .product-box-left img,
#contents .product-container .product-box-right img{
  margin: 0 20px 10px 0;
}
#contents .product-container .product-box-left p,
#contents .product-container .product-box-right p{
  padding: 15px 20px 20px;
}
#contents .product-container .product-box-left p.box_title,
#contents .product-container .product-box-right p.box_title{
  padding: 15px 20px 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
}

@media(max-width:480px){
  #contents .product-container{
    width: 100%;
    margin: 0 auto 15px;
      height: auto;
    clear: both;
    overflow: hidden;
    zoom: 1;
    padding: 0 15px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  #contents .product-container .product-box-left,
  #contents .product-container .product-box-right{
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    height: auto;
    min-height: 160px;
    margin-bottom: 15px;
  }
  #contents .product-container .product-box-right{
    margin-bottom: 0;
  }
}

#contents .product-container .product-box-left img,
#contents .product-container .product-box-right img{
  margin: 0 15px 0 0;
}

@media(max-width:400px){
  #contents .product-container .product-box-left img,
  #contents .product-container .product-box-right img{
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 -10px;
    padding: 0;
  }
  #contents .product-container .product-box-left p.box_title,
  #contents .product-container .product-box-right p.box_title{
    padding: 15px 15px 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
  }
}

#contents .product-container .product-box-left p,
#contents .product-container .product-box-right p{
  padding: 15px;
}

/*
#contents .product-container .product-wrapper{
  width: 100%;
  height: 440px;
  padding: 0 0 50px;
  margin: 0 auto;
  display: block;
  clear: both;
  overflow: hidden;
  zoom: 1;
}*/

/*#contents .product-slide .postThumbnail{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 0 10px;
}*/

#contents .product-slide img{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
  float: none;
}
#contents .product-slide p{
  padding: 10px 20px 20px;
}
#contents .product-slide .f11{
  font-size: 11px;
}
/*#contents .product-slide .postContent{
  height: auto;
  padding: 0 20px 20px;
  overflow: auto;
  text-align: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}*/

#contents .product-slide{
    width: 260px;
    height: 310px;
  font-size: 12px;
  line-height: 1.6;
  background-color: #ffffff;
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  border: 1px solid #ddd;
  margin-bottom:0; /*ad by hassy*/

  box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}


/*#contents .product-slide2 .postThumbnail{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 0 10px;
}*/

#contents .product-slide2 img{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
  float: none;
}
#contents .product-slide2 p{
  padding: 10px 20px 20px;
}
#contents .product-slide2 .f11{
  font-size: 11px;
}
/*#contents .product-slide2 .postContent{
  height: auto;
  padding: 0 20px 20px;
  overflow: auto;
  text-align: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}*/

#contents .product-slide2{
    width: 260px;
    height: 310px;
  font-size: 12px;
  line-height: 1.6;
  background-color: #ffffff;
  display: block;
  float: left;
  margin: 0 0 20px 20px;
  border: 1px solid #ddd;

  box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

@media(max-width:480px){
/*	#contents .product-container .product-wrapper{
    height: auto;
  }*/
  #contents .product-slide{
    height: auto;
    width: 100%;
    margin: 0 0 15px;
    font-size: 13px;
    line-height: 1.8;
  }
  #contents .product-slide p{
    padding: 15px 20px 20px;
  }
  #contents .product-slide img{
    margin: 0 20px 0 0;
    float: left;
    width:100%; /* add by hassy */
  }
  #contents .product-slide .f11{
  font-size: 13px;
}
}
@media(max-width:400px){
  #contents .product-slide img{
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
  }
}

#contents .product-slide:last-child{
  margin-right: 0;
}

.product_desc{width:1100px;font-size:20px;font-weight:bold;padding:40px 0 0;margin:0 auto;}
.product-section-thumb1{width: 100%;margin: 40px auto 40px;clear: both;overflow: hidden;zoom: 1;}
.product-section-thumb2{width: 100%;margin: 70px auto 40px;clear: both;overflow: hidden;zoom: 1;}
.product-section-thumb3{width: 100%;margin: 70px auto 40px;clear: both;overflow: hidden;zoom: 1;}
.product-section-thumb1 img,.product-section-thumb2 img,.product-section-thumb3 img{width:100%;height:auto;}

.slide-box2,.slide-box3,.slide-box4{position: relative;display:block;width:540px;overflow:hidden;margin-right:20px;}
.slide-box2 img{position: absolute;animation: show 8s ease infinite;-webkit-animation: show 8s ease infinite;height: auto;max-width: 100%;opacity: 0;}
.slide-box3 img{position: absolute;animation: show 12s ease infinite;-webkit-animation: show 12s ease infinite;height: auto;max-width: 100%;opacity: 0;}
.slide-box4 img{position: absolute;animation: show 16s ease infinite;-webkit-animation: show 16s ease infinite;height: auto;max-width: 100%;opacity: 0;}
/*
.slide-box2 img:nth-child(2),.slide-box3 img:nth-child(2){top:-100%;}
.slide-box3 img:nth-child(3){top:-200%;}
*/
/*アニメーション*/
@keyframes show {
    0% {opacity:0}
    3% {opacity:1}
    47% {opacity:1}
    50% {opacity:0}
    100% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    3% {opacity:1}
    47% {opacity:1}
    50% {opacity:0}
    100% {opacity:0}
}



.slide-box2 img:nth-of-type(1),.slide-box3 img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.slide-box2 img:nth-of-type(2),.slide-box3 img:nth-of-type(2) {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}
.slide-box3 img:nth-of-type(3) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}
.slide-box4 img:nth-of-type(3) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}
.slide-box4 img:nth-of-type(4),.slide-box3 img:nth-of-type(4) ,.slide-box3 img:nth-of-type(4){
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.price_section{width:1100px;margin:0 auto 40px;text-align:center;background-color:#001C44;color:#ffffff;}
.price_section p:nth-child(1){font-size:25px;line-height:25px;padding:15px 0;}
.price_section p:nth-child(2){font-size:20px;line-height:28px;}
.price_section p:nth-child(3){font-size:18px;padding-bottom:5px;}
.price_section p span{display:inline !important;vertical-align:middle;}
.price_section p span:nth-child(1){font-size:30px;font-family:Numans;}
.price_section p span:nth-child(2),.price_section p span:nth-child(3){font-size:25px;font-family:Numans;}

.swiper-colors{width:100%;margin:70px 0 50px;background:#ffffff;}
.swiper-colors .swiper-wrapper{padding-bottom:30px;}
.swiper-colors .colors-title{background-color:#ffffff;font-size: 50px;line-height: 50px;text-align: center;padding: 30px 0 0;}
.swiper-colors-blu, .swiper-colors-red, .swiper-colors-yel, .swiper-colors-wht, .swiper-colors-sil, .swiper-colors-gra, .swiper-colors-brw, .swiper-colors-blk{overflow: hidden;width:1100px;height: auto;margin:0 auto;position: relative;}
.swiper-colors .swiper-slide img{display:block;width:100%;}
/*.swiper-colors .swiper-slide img:not([src]){width:0;}*/
.swiper-colors > div[class^="swiper-colors-"]:not(.active){display:none;}
.swiper-colors div[class^="swiper-button-next-"],.swiper-colors div[class^="swiper-button-prev-"]{position: absolute;background-image: none;color: #000;/*font-weight: bold;font-size: 50px;line-height: 48px;*/top: 50%;/*width: 30px;height: 48px;*/text-align: center;background-color: rgba(255,255,255,0.4);z-index:1;cursor:pointer;
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}
.swiper-colors div[class^="swiper-button-next-"]{right:130px;}https://adiva.co.jp/wp/wp-admin/theme-editor.php?file=index.php&theme=new-adiva3
.swiper-colors div[class^="swiper-button-prev-"]{left:130px;}


.swiper-colors div[class^="swiper-pagination-"]{text-align:center;}
.swiper-colors .swiper-pagination-bullet{width:15px;height:15px;margin:0 5px;}
.swiper-colors .color-control,.swiper-colors .ad3-color-control{background:#ffffff;}
.swiper-colors .colors-box{overflow:hidden;width:475px;margin:0 auto;}
.swiper-colors .ad3-color-control .colors-box{overflow:hidden;width:335px;margin:0 auto;}
.swiper-colors .colors-box .blu-box div span{background:#001B81;background:-webkit-linear-gradient(top, #0092DF,#003999, #001B81);background: -moz-linear-gradient(top, #0092DF,#003999, #001B81);background: -ms-linear-gradient(top, #0092DF,#003999, #001B81);background:linear-gradient(to bottom, #0092DF,#003999, #001B81);}
.swiper-colors .colors-box .red-box div span{background:#FB0009;}
.swiper-colors .colors-box .yel-box div span{background:#FFAA00;}
.swiper-colors .colors-box .wht-box div span{background:#FFFFFF;}
.swiper-colors .colors-box .sil-box div span{background:#ABACAD;background:-webkit-linear-gradient(top, #FCFCFC,#B7B8B9, #ABACAD);background:-moz-linear-gradient(top, #FCFCFC,#B7B8B9, #ABACAD);background:-ms-linear-gradient(top, #FCFCFC,#B7B8B9, #ABACAD);background:linear-gradient(to bottom, #FCFCFC,#B7B8B9, #ABACAD);}
.swiper-colors .colors-box .gra-box div span{background:#636364;background:-webkit-linear-gradient(top, #F8F8F8,#989898, #636364);background:-moz-linear-gradient(top, #F8F8F8,#989898, #636364);background:-ms-linear-gradient(top, #F8F8F8,#989898, #636364);background:linear-gradient(to bottom, #F8F8F8 0%,#989898 40%, #636363);}
.swiper-colors .colors-box .brw-box div span{background:#523224;}
.swiper-colors .colors-box .blk-box div span{background:#000000;}
.swiper-colors .colors-box > div{width:calc((100% / 7) - 5px);float:left;text-align:center;margin-right:5px;}
.swiper-colors .ad3-color-control .colors-box > div{width:calc((100% / 5) - 5px);float:left;text-align:center;margin-right:5px;}
.swiper-colors .colors-box > div:last-of-type{margin-right:0;}
.swiper-colors .colors-box .active .box{border:1px solid #000;}
.swiper-colors .colors-box .box span{display:block;margin:5px;border:1px solid #000;cursor: pointer;}
.swiper-colors .colors-box .box span::before{content:"";display:block;padding-top:100%;}

.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow-right::before{left: 3px;width: 40px;height: 40px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.arrow-left::before{right: 6px;width: 40px;height: 40px;border-left: 1px solid #000;border-bottom: 1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.swiper-colors .swiper-pagination-bullet-active{background:#001C44;}

/*360用*/
.spritespin-section{width:100%;background:#ffffff;}
.spritespin-section .colors-title{/*background-color:#f1f1f1;*/font-size: 50px;line-height: 50px;text-align: center;padding: 30px 0 0;}
.spritespin{margin: 0 auto;}


/*OPTION PARTS*/
.option_parts > p {font-size: 50px;line-height: 50px;text-align: center;padding: 30px 0 0;}
.mb10 {margin-bottom:10px;}

/*PRODUCT flex*/
.product-flex{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items:stretch;
}
.product-flex-item{
  flex: 1 1 0%;
}

/*試乗予約ページリンクボタン*/
.booking-section {margin-bottom: 50px;}
.booking-section p{text-align:center;font-size:18px;margin-bottom:10px;}
.booking-section .booking-button {width: 300px;margin: 0 auto;}
#main .booking-section .booking-button a:hover{text-decoration:none;}
.booking-section .booking-button img{backface-visibility: hidden;}

@media(max-width:480px){
  .booking-section p{font-size:1em;}
}

/********************************************
  PRODUCTS カルーセル
********************************************/

.frame {
  width: 1100px;
  height: 175px;
  line-height: 175px;
  overflow: hidden;
  margin: 40px auto 20px;
}

@media(max-width: 1000px){
  .frame {
    margin: 40px auto 20px;
  }
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 175px;
  font-size: 50px;
}
.frame ul li {
  float: left;
  width: 145px;;
  height: 175px;
  margin: 0 6px 0;
  padding: 0;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}
.frame ul li a {
  width: 145px;
  height: 175px;
  display: block;
}
#film_roll{
  background-color: #fff;
  /*width: 1100px;*/
  width: auto;
  min-width: 1100px;
  height: auto;
  clear:both;
  overflow:hidden;
  zoom:1;
}
@media(max-width:480px){
.frame {
  width: 100%;
}
}


/*.film_roll_wrapper {
   display: block;
   text-align: center;
   float: none;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   z-index: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
.film_roll_shuttle {
   text-align: left;
   float: none;
   position: relative;
   top: 0;
   left: 0;
   right: auto;
   bottom: auto;
   margin: 0 !important;
   padding: 0 !important;
   z-index: auto;
 }
 .film_roll_shuttle.vertical_center:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
 }
.film_roll_child {
  position: relative;
  display: inline-block;
  *display:inline;
  vertical-align:middle;
  zoom:1;
}*/
.film_roll_prev, .film_roll_next {
   position: absolute;
   top: 48%;
   left: 0;
   width: 15px;
   height: 20px;
   margin: -20px 0 0 0;
   padding: 0;
   font-size: 40px;
   font-weight: 100;
   line-height: 40px;
   color: #555;
   text-align: center;
   /*background: #222;*/
   /*border: 3px solid white;*/
   border-radius: 23px;
   opacity: 0.5;
 }

.film_roll_prev:hover, .film_roll_next:hover {
   text-decoration: none;
   opacity: 0.9;
 }
.film_roll_next {
   left: auto;
   right: 0;
 }
.film_roll_pager {
   text-align: center;
   display: none;
 }
.film_roll_pager a {
   width: 5px;
   height: 5px;
   border: 2px solid #999999;
   border-radius: 5px;
   display: inline-block;
   margin: 0 5px 0 0;
   transition: all 1s ease;
 }
.film_roll_pager a:hover {
   background: #cccccc;
 }
.film_roll_pager a.active {
   background: #555555;
 }
.film_roll_pager span {
   display: none;
 }
 .film_roll_pager a, a.film_roll_prev, a.film_roll_next {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }



#contents .postBox2{
  border-bottom: 1px dotted #dddddd;
  min-height:70px;
  margin-bottom: 0;
  padding: 15px 0;
  position: relative;
}
#contents .postBox2 .postContent{
  width: 100%;
  min-height:100px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .postBox2 .title{
  margin: 0; padding: 0 0 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}
#contents .postBox2 .date{
  color:#888888;
  padding: 0;
  margin-bottom: 7px;
  font-size: 11px;
}
#contents .postBox2 .excerpt{
  padding: 0;
  margin: 0;
}
@media(max-width:480px){
#contents .postBox2{
  margin: 0 15px;
}
}


.news{
  clear:both;
  line-height:1.6;
}
.news dl{
  clear:both;
  padding:0;
  margin:0;
  width:615px;
  height:auto;
  display:block;
  overflow:hidden;
  zoom:1;
  border-bottom:1px dashed #dddddd;
}
.news dt{
  float:left;
  clear:both;
  /*color:#78ab11;*/
  width:130px;
  padding:5px 0;
  display:block;
}
.news dd{
  float:right;
  text-align:left;
  width:480px;
  padding:5px 0;
  display:block;
}
.news dd .postTitle{font-size: 18px;}
#contents .news dd p{margin: 0;}



/************************************************************************************************/
/* SOCIAL BUTTONS */
/************************************************************************************************/
.socialBlock01{
  width: 100%;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0;

box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin: 10px 0 20px;
}
.socialBlock02{
  width: 100%;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0;

box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin: 40px 0 20px;
}

.social-inner{
  clear: both;
  overflow: hidden;
  zoom: 1;
  width: 290px;
  margin: 0 auto;
}


.socialbox {
    float: left;
    display: inline-block;
    margin: 5px 3px 5px 0;
}

.hatena-box{min-width:80px;max-width:125px;}
.facebook-box{min-width:70px;max-width:115px;}
.twitter-box{min-width:70px;max-width:90px;}
.gplus-box{min-width:50px;max-width:80px;}
.pocket-box{min-width:60px;max-width:115px;}

/************************************************************************************************/
/* PAGE NAVI */
/************************************************************************************************/
.tablenav {
  margin: 1em auto;
  line-height:2em;
  text-align:center;
}

a.page-numbers, .tablenav .next, .tablenav .prev {
  text-decoration: none;
  border: 1px solid #efefef;
  padding: 3px 5px;
  margin: 2px;
}

a.page-numbers:hover, .tablenav .current {
  background-color: #2f5d8a;
  color: #ffffff;
}

.tablenav .current{
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #2f5d8a;
  padding: 3px 5px;
  margin: 2px;
}



/************************************************************************************************/
/* CV BOX */
/************************************************************************************************/
#main .cvBox{width: 100%; border: 3px solid #78ab11; text-align: center; clear: both; overflow: hidden; zoom:1;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
background-color: #f9f9f9;
padding: 15px 15px 18px;
margin: 30px 0;
}
#main .cvBox .cvBoxTitle1{font-size: 16px; font-weight: bold; border-bottom: 1px dashed #dddddd; padding-bottom: 10px; margin-bottom: 15px;}
#main .cvBox .cvBoxTitle2{font-size: 14px;}
#main .cvBox .phoneNum{font-size: 30px; line-height: 30px; padding-top: 5px; font-weight: bold;}
#main .cvBox .telBox{width: 288px; float: left; border-right: 1px dashed #dddddd;}
#main .cvBox .formBox{width: 287px; float: right;}
#main .cvBox .button{
  border: 1px solid #efefef; text-align: center; margin: 0 auto;
  background: #78ab11;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#78ab11));
  background: -moz-linear-gradient(top,  #abde43,  #78ab11);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #78ab11);

  cursor: pointer;  color: #ffffff;
  width: 230px; height: 34px; line-height: 34px;
  display: block;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#main .cvBox .button:hover, #main .cvBox .button:active{
  color: #ffffff; text-decoration: none;
  background: #abde43;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#abde43));
  background: -moz-linear-gradient(top,  #abde43,  #abde43);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #abde43);
}

.btn{
  border: 1px solid #efefef; text-align: center; margin: 10px auto;
  background: #78ab11;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#78ab11));
  background: -moz-linear-gradient(top,  #abde43,  #78ab11);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#78ab11', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #78ab11);

  cursor: pointer;  color: #ffffff;
  font-size: 16px; font-weight: bold;
  width: 300px; height: 45px; line-height: 45px;
  display: block;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
.btn:hover, .btn:active{
  color: #ffffff; text-decoration: none;
  background: #abde43;
  background: -webkit-gradient(linear, left top, left bottom, from(#abde43), to(#abde43));
  background: -moz-linear-gradient(top,  #abde43,  #abde43);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#abde43', endColorstr='#abde43', GradientType=0)";
  background: linear-gradient(to bottom, #abde43, #abde43);
}


/************************************************************************************************/
/* ABOUT */
/************************************************************************************************/
.flex-content{display:flex;flex-direction:row;}
.flex-1-0-0{flex:1 0 0%;}


.about-content{width:49%;padding-right:10px;}
.about-sec-title{font-size:30px;}
.about-founder{font-size:20px;}
#main .about-content p{margin-bottom:20px;}
#main .about-content img{display:block;width:400px;margin:50px auto 0;}

.about-side-img{width:50%;}
.about-side-img img{display:block;width:49%;}
.about-side-img img:nth-child(2n){margin-right:0;}
.about-side-img img:last-child{width:100%;}

@media(max-width:480px){
  .flex-content{flex-direction:column;}

  .about-content{width:100%;}
  #main .about-content img{width:100%;}

  .about-side-img{width:100%;order:2;}
  .about-side-img img{width:100%;}

  .flex-1-0-0{order:1;}
}

/************************************************************************************************/
/* SHOPS */
/************************************************************************************************/
.showroom-top{margin-bottom:30px;}
#main .showroom-top p:nth-of-type(1){margin-bottom:0;}
.showroom-btn {display: inline-block;width: 100px;padding: 10px;color: #fff;text-align: center;font-weight: bold;line-height: 1em;}
.showroom-btn-info{background:#672C2C;}
.showroom-btn-map{background:#335667;}
.showroom-btn a{color:#fff;}
.showroom-btn a:hover{text-decoration:none !important;}
.showroom-btn span{vertical-align:middle;}

/************************************************************************************************/
/* SHOWROOM */
/************************************************************************************************/
.showroom img{display:block;}
.img-notes{position:absolute;color:#fff;}
.img-notes.notes-rf{bottom:10px;right:20px;}
.img-notes.notes-lf{bottom:5px;left:10px;}

.special{font-size:18px;margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #9D9D9E;}
.showroom-gift{border: solid 1px #9D9D9E;overflow: auto;margin-bottom:15px;}
.showroom-gift p{width:650px;padding: 40px;margin:0 !important;}
.gift-img{float: right;overflow: hidden;width: 200px;height: 200px;margin-right: 120px;}
.gift-img img{width:250px;}

.showroom-catch{margin-bottom:30px;position:relative;}

.showroom-center{margin-bottom:30px;overflow:auto;}
.showroom-img-wrap{position:relative;width:33.3%;float:left;overflow:auto;}
.showroom-img-wrap:before{display:block;content:"";width:100%;padding-top:100%;}

.showroom-img-ad1,.showroom-img-ad3{width:100%;height:100%;position:absolute;top:0;overflow:hidden;}
.showroom-img-ad1 img,.showroom-img-ad3 img{position:relative;width:120%;left:-10%;}
.showroom-img-ad1 img:last-child,.showroom-img-ad3 img:last-child{width:70%;float:none;margin:0 auto;padding-top:30px;left:0;}

.django-box{position:relative;border:solid 1px #9D9D9E;box-sizing:border-box;}
.django-box img{position:absolute;top:30px;right:0;width:90%;}
.django-text1{position:absolute;left:15px;top:15px;}
.django-text2{position:absolute;left:15px;bottom:15px;}

.showroom-bottom{overflow:auto;}
.showroom-access{width:530px;float:left;}
.showroom-access-img{position:relative;margin-bottom:15px;}
.showroom-access-box1, .showroom-access-box2{font-size:18px;line-height:1.5em;}
.showroom-access-box1{margin-bottom:15px;margin-top:-10px;}

.showroom-map{position:relative;float:right;}

.showroom .booking-section {margin: 30px 100px;padding: 20px 0;border-top: 1px solid #8896A8;border-bottom: 1px solid #8896A8;}
.showroom .booking-section p{text-align:center;font-size:18px;}
.showroom .booking-section .booking-button {width: 300px;text-align: center;font-size: 20px;background: #001C44;margin: 0 auto;padding: 10px 0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.showroom .booking-section .booking-button a{color: #fff;display:block;}
#main .showroom .booking-section .booking-button a:hover{text-decoration:none;}
.showroom .booking-section .booking-button:hover{opacity:0.8;}

.showroom-box{border: solid 3px #0000cd; border-radius: 15px; overflow: auto;margin-bottom:15px;}
.showroom-box p{width:650px;padding: 40px;margin:0 !important;}

@media(max-width:480px){
  .img-notes{font-size:9px;line-height:9px;}
  .img-notes.notes-rf{bottom:7px;right:5px;}
  .img-notes.notes-lf{left:5px;}

  .special{font-size:13px;}
  #main .special p.b{font-size:15px;}
  .showroom-gift{padding:10px;}
  .showroom-gift p{width:100%;float:none;padding:0;}
  .gift-img{float:none;height:auto;margin:0 auto;}
	
  .showroom-box{padding:10px;}
  .showroom-box p{width:100%;float:none;padding:0;}
  .gift-box{float:none;height:auto;margin:0 auto;}

  .showroom-center{width:100%;}
  .showroom-img-wrap{width:100%;}
  .showroom-img-ad1 img, .showroom-img-ad3 img{width:100%;left:0;}

  .showroom-access{width:100%;}
  .showroom-access span.f25{font-size:20px;}
  .showroom-access-box1, .showroom-access-box2{font-size:12px;}

  .showroom-map{width:100%;padding-top:100%;}
  .showroom-map iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

  .showroom .booking-section{margin:0;}
  .showroom .booking-section p{font-size:1em;}
}

/************************************************************************************************/
/* SHOWROOM */
/************************************************************************************************/
section.pdt-ev-sec{margin-bottom:40px;}
section.pdt-ev-sec:first-child{margin-top:50px;}
section.pdt-ev-sec:last-child{margin-bottom:0;}
section.pdt-ev-sec .tbl_spec{background-color:#f1f1f1;}

@media(max-width:480px){
  section.pdt-ev-sec .ar{font-size:11px;}
  section.pdt-ev-sec .f15{font-size:13px;}
}

/************************************************************************************************/
/* BOOKING */
/************************************************************************************************/
#contents #main.booking{padding:0 10px 70px;}
.booking-sec{text-align: center;font-size:18px;}
.booking-info{padding:50px 0;border-bottom:1px solid #8896A8;}
#main .main{padding-top:30px;}
#main.booking h2{text-align:center;font-size:1.75em;font-weight:normal;color:#555;}
#main.booking .booking-title{margin:0;}
#main.booking .booking-desc{line-height:18px;font-size:14px;}
.booking img{display:block;}

.booking-selection{border: solid 1px #9D9D9E;border-radius: 8px;overflow: auto;margin:30px 0 15px;padding: 20px 40px;text-align: center;}
.booking-selection ul{overflow:auto;}
.booking-selection li{width:33.3%;float: left;display:block;margin-bottom:20px;}
.booking-selection img{width: 80%;margin: 0 auto;}
.booking-selection p {font-size: 20px;line-height: 22px;margin-bottom: 0 !important;}
.booking-selection .bbutton{margin-top: 20px !important;font-size: 18px;line-height: 18px;}
.booking-selection .bbutton a {background: #fff;color: #495E77;padding: 3px 20px;border: 1px solid #110865;border-radius: 8px;text-decoration:none !important;}
.booking-selection .bbutton a:hover{background: #110865;color: #fff;}

.monthly-calendar th, .monthly-calendar td{border:1px solid #8896A8;}

.content-form table{border-collapse:collapse;}
.content-form th{background:#f6f6f6;}
.content-form th, .content-form td{padding-top:8px;padding-bottom:8px;}

.select_wrap{width: 250px;position: relative;display: inline-block;}
.select_wrap::after {content: '';width: 0;height: 0;position: absolute;top: 50%;right: 10px;margin-top: -4px;border-style: solid;border-width: 12px 10px 0 10px;border-color: #ADADAD transparent transparent transparent;}
select.selectbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 250px;height: 30px;background: transparent;position: relative;z-index: 1;padding: 0 40px 0 10px;border: 1px solid #b4b3b3;border-radius: 5px;}
select::-ms-expand {display: none;}

label[for=booking-note]{display:block;line-height:25px;}

@media(max-width:480px){
  .booking-info{font-size:14px;padding:30px 0;}
  #main .main{padding-top:10px;}
  .booking-selection li{width:100%;}
}

/************************************************************************************************/
/* GROUP */
/************************************************************************************************/
.group-main{width:100%;}
.group-main .left-content{width:65%;float:left;}
.group-main .right-content{width:35%;float:left;}
.group-main .facebook-italy,.group-main .facebook-taiwan,.group-main .facebook-france,.group-main .facebook-hongkong{width:18px;height:18px;background-image: url("./images/common/facebook-blue.png");background-repeat: no-repeat;background-position: center left;background-size:18px;display:inline-block;margin-left:15px;vertical-align:middle;}

@media(max-width:480px){
  .group-main .left-content,.group-main .right-content{width: 100%;float: none;}
}

/************************************************************************************************/
/************************************************************************************************/
/* ■スマートフォン用CSS■ */
/************************************************************************************************/
/************************************************************************************************/
/*
@media(max-width:1100px){
  #header{min-width:100%;}
  #header .header-inner{width:100%;}
  .product_desc{width:100%;padding-top:18px;}
  #contents .product-container{width:100%;}
  #contents .product-container .product-box{width:100%;height:auto;}
  #contents .product-container .product-box .product-img{width:50%;}
  .slide-box2, .slide-box3{width:50%;}
  .swiper-colors-blu, .swiper-colors-red, .swiper-colors-yel, .swiper-colors-wht, .swiper-colors-sil, .swiper-colors-gra, .swiper-colors-brw, .swiper-colors-blk{width:100%;}
  .price_section{width:100%;}
  #footer .inner{width:100%;}
}
*/
/*
@media(max-width:768px){
  .product_desc{font-size:15px;}
  #contents .product-container .product-box .product-img{margin:0;}
  #contents .product-container span.f30{font-size:20px;margin-bottom:5px;}
  .slide-box2, .slide-box3{margin:0;}

  .swiper-colors div[class^="swiper-button-next-"]{right:100px;}
  .swiper-colors div[class^="swiper-button-prev-"]{left:100px;}

  #footer {font-size: 11px;height: auto;}
  #footer .inner {height: auto;}

  #footer #fnavi{width: 100%;padding: 15px;display: block;position: static;height: auto;clear: both;overflow: hidden;zoom: 1;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
  #footer .inner #copy{position: static;padding: 0 15px 15px;}
}
*/

@media(max-width:480px){

  html,body{height: 100%;}

  body{
    text-align:left;
    background-image: none;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
  }

  img{
    max-width: 100%;
    height: auto;
  }

  input[type="submit"] {
    width: 100%;
  }
  #header {
    width: 100%;
    min-width: 100%;
    position: relative;
    height:70px !important;
    min-height:70px !important;
    margin: 0 !important;
    padding:0 !important;
  }

  #footer {
    font-size: 11px;
    width: 100%;
    min-width: 100%;
    height: auto;
  }
  #footer .inner {
    width: 100%;
    min-width: 100%;
    height: 200px;
  }

  #footer #fnavi{
    width: 100%;
    padding: 15px;
    display: block;
    position: static;
    height: auto;
    clear: both;
    overflow: hidden;
    zoom: 1;
    box-sizing:border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  }
  #footer .inner #copy{
    position: static;
    padding: 0 15px 15px;
  }
  #footer .footer-sns{position:relative;top:0;left:0;margin:0 auto 15px;width:290px;}
  /*#footer .footer-sns dt:nth-of-type(2){margin-left:30px;}*/

  #header .header-inner {
    position:relative;
    height: 70px;
    min-height:70px;
    margin: 0;
    padding:0;
  }
  #header .logo {
    position:absolute; left: 10px; top: 15px;
    width:57px; height:39px;
    z-index: 1000;
  }
  #header .logo img {
    width:57px; height:39px;
  }

  #header .header-inner {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
  }
  #gnavi , #gnavi2 {
    display: none !important;
  }
  #footer .inner #copy2 {
    text-align: center !important;
    width: 100%;
    position: relative !important;
    display: block;
    padding-top: 20px;
  }
  .video-wrap {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }
  .full_content {
    position: relative;
    /*height:100% !important;*/   /* Edit by hassy */
    height: 730px;  /* Add by hassy */
  }
  .content .content-inner ,
  .content .content-inner .news .news-inner
   {
    width: 100% !important;
    height:auto !important;
  }
  #contents .postBox{
    width: 47%;
    display: block;
    text-align: center;
  }
  .postContent {
    text-align: left;
  }

  /* add start by hassy */
  .btnMenu_wrap {position: absolute;display: block;right: 10px;top: 0;bottom:0;margin:auto;width:30px !important;height: 30px;z-index: 2000;}
  .btnMenu {position:absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 5px auto;width:20px !important;height:22px;background:#f5f5f5;border-top:10px solid #001c44;border-bottom:10px solid #001c44;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .btnMenu:before {content:'';position:absolute;width:20px;height:2px;background:#f5f5f5;top:-7px;right:0;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .btnMenu:after {content:'';position:absolute;width:20px;height:2px;background:#f5f5f5;bottom:-7px;right:0;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .btnMenu.toggled-on {background:#001c44;}
  .btnMenu.toggled-on:before {-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);top:0;right:0;}
  .btnMenu.toggled-on:after {-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);bottom:0;right:0;}
  #smpnav

  #contents .product-container .product-box .product-img{width:100%;margin:0;}
  #contents .product-container span.f30{font-size:20px;margin-bottom:5px;}
  .slide-box2, .slide-box3{width:100%;margin:0;}
  .product_desc{width: 100%;padding-top:18px;font-size:11px;}

  .spritespin{width:100%;}
  .swiper-colors .colors-title{font-size:40px;}
  .swiper-colors-blu, .swiper-colors-red, .swiper-colors-yel, .swiper-colors-wht, .swiper-colors-sil, .swiper-colors-gra, .swiper-colors-brw, .swiper-colors-blk{width:100%;}
  .color-control .colors-box{width:100%;}
  .color-control .colors-box > div > p{line-height:13px;}
  .color-control .colors-box > div > p span{font-size:11px;line-height:11px;}
  .swiper-colors div[class^="swiper-button-next-"]{right:50px;}
  .swiper-colors div[class^="swiper-button-prev-"]{left:20px;}
  .slide-box{width:100%;float:none;}
   .ad1-200-color-font-def{font-size:10px;}
   .ad1-200-color-font-min{font-size:10px;}
   .ad3-400-color{}

  .price_section{width:100%;padding:10px 0;}
  .price_section p:nth-child(1){font-size:20px;padding:5px 0;}
  .price_section p span:nth-child(1){font-size:20px;}
  .price_section p span:nth-child(1)::after{content:"";display:block;}
  .price_section p:nth-child(2){font-size:15px;line-height:20px;}
  .price_section p span:nth-child(2), .price_section p span:nth-child(3){font-size:15px;line-height:15px;}
  .price_section p:nth-child(3){font-size:11px;}

  .banner{width:100%;}
  .banner img{width:394px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);height:auto;margin:0 auto;float:none;}
  .banner a:nth-child(2) img{width:394px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);float:none;margin-top:15px;}
  /* add end by hassy */
}


/********************************************
  Flexslider
********************************************/

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url('fonts/flexslider-icon.eot');
  src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexslider-icon.woff') format('woff'),
    url('fonts/flexslider-icon.ttf') format('truetype'),
    url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height: auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  width: 100%;
  height: auto;
  margin: 0 auto 15px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   zoom: 1;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 30px; line-height: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(100,100,100,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -100px; }
.flex-direction-nav .flex-next { right: -100px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.2; left: 3px; }
.flexslider:hover .flex-next { opacity: 0.2; right: 3px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.5; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 30px; display: inline-block; content: '<'; }
.flex-direction-nav a.flex-next:before  { content: '>'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center; z-index: 100;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(100,100,100,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(100,100,100,0.3); -moz-box-shadow: inset 0 0 3px rgba(100,100,100,0.3); -o-box-shadow: inset 0 0 3px rgba(100,100,100,0.3); box-shadow: inset 0 0 3px rgba(100,100,100,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(100,100,100,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(100,100,100,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}




/*pagetop*/
#page-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  font-size: 12px;
  z-index: 10000;
}
#page-top a {
  background: #111;
  text-decoration: none;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  display: block;
  border-radius: 2px;
  opacity: 0.6;
}
#page-top a:hover {
  text-decoration: none;
  background: #2f5d8a;
}


#contents #main .tbl{
  width:100%;
  border:1px solid #e6e6e6;
  border-collapse:collapse;
  border-spacing:0;
  line-height:1.6;
  margin: 10px auto;
  /*table-layout: fixed;*/
}
#main table{
  width: 100%;
  table-layout: fixed;
}
#contents #main .tbl th{
  width:30%;
  padding:15px;
  border:1px solid #e6e6e6;
  background:#f6f6f6;
  text-align:left;
  vertical-align:middle;
}
#contents #main .tbl td{
  width:70%;
  padding:15px;
  border:1px solid #e6e6e6;
  vertical-align:middle;
}
#contents #main table strong{color: #555555;}

span.wpcf7-list-item {
display: block;
}

@media(max-width:480px){
  #contents #main .wpcf7-form .tbl{width:100% !important;}
  #contents #main .wpcf7-form .tbl th{width:40%;}
  #contents #main .wpcf7-form .tbl td{width:60%;}
  .wpcf7-form input,.wpcf7-form textarea{width:100%;}
}



/* Swiper
*********************************/
#contents .swiper-container{
  background-color: #fff;  /*背景色*/
  /*width: 100%;*/
  width: 1141px;
    height: 241px;  /*高さ*/
  clear: both;
  padding: 0 28px;
  overflow: hidden;
  zoom: 1;
  position: relative;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.controls .prev{
  width: 28px;
  height: 231px;  /*左矢印バーの高さ*/
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 355px;
  text-align: center;
  z-index: 100;
  background: #232323 url(./images/home/arrow_prev.png) center center no-repeat;
  background-size: 8px 12px;
}
.controls .next{
  width: 28px;
  height: 231px;  /*右矢印バーの高さ*/
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  line-height: 355px;
  text-align: center;
  z-index: 100;
  background: #232323 url(./images/home/arrow_next.png) center center no-repeat;
  background-size: 8px 12px;	
}

/* add start by hassy */
@media(max-width:1100px){
  #contents .swiper-container{
    width:1100px;
  }
}
/* add end by hassy */

@media(max-width:480px){
#contents .swiper-container{
  width: 100%;
}
}

#contents .swiper-container .swiper-wrapper{
  /*width: 100%;*/
/*  width: 3000px;*/
  width: 3300px; /* add by hassy */
  height: 241px;  /*箱の高さ*/
  padding: 0;
  margin: 0 auto 20px;
  display: block;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#contents .swiper-container .swiper-wrapper .swiper-slide .postThumbnail{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 0 15px;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .postThumbnail a{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .postThumbnail img{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .postContent{
  height: auto;
  height: 180px;
  padding: 0 20px 20px;
  overflow: auto;
  text-align: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .swiper-container .swiper-wrapper .swiper-slide{
  font-size: 12px;
  background-color: #ffffff;
  display: block;
   height: 231px;  /*BOX高さ*/
  float: left;
  margin: 0 0 20px;
  border: 1px solid #ddd;
    width: 260px;

/*	-webkit-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);*/
  box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .swiper-container .swiper-wrapper .swiper-slide .excerpt{
  height: 105px;
  position: relative;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .read-more{
  background-color: #333;
  padding: 5px 9px 5px 12px;
  width: 90px; /*width: 75px;*/
  display: block;
  color: #fff;
  margin-top: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  bottom: 0;
  text-align:center;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .read-more:hover,
#contents .swiper-container .swiper-wrapper .swiper-slide .read-more:active{
  background-color: #2f5d8a;
}



#contents .swiper-container .swiper-wrapper .swiper-slide .title{
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  height: 39px;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}
#contents .swiper-container .swiper-wrapper .swiper-slide .date{
  color:#999999;
  padding: 0;
  margin: 5px 0 12px;
  font-size: 13px;
}


.icon-angle-right:before {
    content: "\f105";
}



/* News 一覧
*********************************/
#contents .news-container{
  background-color: #f1f1f1;
  width: 1100px;
    height: 415px;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#contents .news-container .news-wrapper{
  width: 100%;
  height: 415px;
  padding: 0;
  margin: 0 auto 15px;
  display: block;
  clear: both;
  overflow: hidden;
  zoom: 1;
}


#contents .news-container .news-wrapper .news-slide .postThumbnail{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 0 15px;
}
#contents .news-container .news-wrapper .news-slide .postThumbnail a{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .news-container .news-wrapper .news-slide .postThumbnail img{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .news-container .news-wrapper .news-slide .postContent{
  height: auto;
  height: 180px;
  padding: 0 20px 20px;
  overflow: auto;
  text-align: left;
  font-size: 13px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .news-container .news-wrapper .news-slide{
  font-size: 12px;
  background-color: #ffffff;
  display: block;
  height: auto;
  float: left;
  margin: 0 15px 15px 0;
  border: 1px solid #ddd;
    text-align: center;
    font-size: 18px;
    width: 260px;

  -webkit-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .news-container .news-wrapper .news-slide .excerpt{
  height: 105px;
  position: relative;
}
#contents .news-container .news-wrapper .news-slide .read-more{
  background-color: #333;
  padding: 5px 9px 5px 12px;
  width: 75px;
  display: block;
  color: #fff;
  margin-top: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
#contents .news-container .news-wrapper .news-slide .read-more:hover,
#contents .news-container .news-wrapper .news-slide .read-more:active{
  background-color: #2f5d8a;
}



#contents .news-container .news-wrapper .news-slide .title{
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  height: 39px;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}
#contents .news-container .news-wrapper .news-slide .date{
  color:#999999;
  padding: 0;
  margin: 5px 0 12px;
  font-size: 13px;
}

@media(max-width:480px){
#contents .news-container{
  background-color: #f1f1f1;
  width: 100%;
    height: auto;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#contents .news-container .news-wrapper{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto 15px;
  display: block;
  clear: both;
  overflow: hidden;
  zoom: 1;
}


#contents .news-container .news-wrapper .news-slide .postThumbnail{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 0 15px;
}
#contents .news-container .news-wrapper .news-slide .postThumbnail a{
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .news-container .news-wrapper .news-slide .postThumbnail img{
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}
#contents .news-container .news-wrapper .news-slide .postContent{
  height: auto;
  height: 180px;
  padding: 0 20px 20px;
  overflow: auto;
  text-align: left;
  font-size: 13px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .news-container .news-wrapper .news-slide{
  font-size: 12px;
  background-color: #ffffff;
  display: block;
  height: auto;
  float: left;
  margin: 0 15px 15px 0;
  border: 1px solid #ddd;
    text-align: center;
    width: 100%;

  -webkit-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  box-shadow: 0 1px 0px rgba(150, 150, 150, 0.4);
  box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#contents .news-container .news-wrapper .news-slide .excerpt{
  height: 105px;
  position: relative;
}
#contents .news-container .news-wrapper .news-slide .read-more{
  background-color: #333;
  padding: 5px 9px 5px 12px;
  width: 75px;
  display: block;
  color: #fff;
  margin-top: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
#contents .news-container .news-wrapper .news-slide .read-more:hover,
#contents .news-container .news-wrapper .news-slide .read-more:active{
  background-color: #2f5d8a;
}



#contents .news-container .news-wrapper .news-slide .title{
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  height: 37px;
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}
#contents .news-container .news-wrapper .news-slide .date{
  color:#999999;
  padding: 0;
  margin: 5px 0 12px;
  font-size: 13px;
}
}





#shopTop{
  clear: both;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 30px;
}

dl#shopArea{
max-width:400px;
width: 100%;
clear:both;
/*overflow:hidden;*/
zoom:1;
float: left;
margin-right: 30px;
}

#shopArea dt{
width:150px;
float:left;
font-weight: bold;
padding:0 0 5px 5px;
margin:0 0 5px 0;
border-bottom:dotted 1px #CCC;
}

#shopArea dd{
padding:0 0 5px 0;
margin:0 0 5px 0;
border-bottom:dotted 1px #CCC;
}

.scroll{
overflow: auto;
white-space: nowrap;
}

.scroll::-webkit-scrollbar {
  display: none;
}

.shopInfo{
width:660px;
font-size: 12px;
line-height:1.7;
color:#666;
margin:0 auto 30px;
}

.shopInfo td{
padding:0 0 8px 0;
}

/* add start by hassy */
@media(max-width:480px){
  .shopInfo td > img{height:16px;}
}
/* add end by hassy */


/********************************************
  販売店専用ページ
********************************************/
.order_sheet{
border-top: 1px dotted #d6d6d6;
border-bottom: 1px dotted #d6d6d6;
margin: 10px 0 30px;
padding: 13px 0 10px;
}

ul.ulpdf{
margin:0;
list-style-type:none;
width: 100%;
height:auto;
margin-bottom: 30px;
}
ul.ulpdf li{
margin-bottom:4px;
}
ul.ulpdf li a,
.order_sheet a{
color: #cc3333;
}
ul.ulpdf li a:hover,
.order_sheet a:hover{
color: #cc3333;
text-decoration:underline;
}


ul.ulpdf .col1,
ul.order_sheet .col1{
display: inline-block;
width:220px;
}
ul.ulpdf .col2{
display: inline-block;
width: 130px;
background: url('images/icon_pdf.gif') no-repeat 0 1px;
padding-left: 23px;
}
ul.ulpdf .col2_mov{
display: inline-block;
width: 130px;
padding-left: 23px;
color: #cc3333;
background: url('images/icon_mov.gif') no-repeat 0 1px;
}

ul.order_sheet .col2{
display: inline-block;
width: 130px;
background: url('images/icon_pdf.gif') no-repeat 0 1px;
padding-left: 23px;
}
ul.ulpdf .col3{
display: inline-block;
width: 170px;
}
ul.ulpdf .col4{
display: inline-block;
width: 170px;
}
ul.ulpdf .col5{
display: inline-block;
width: 100px;
}

h2.red{
color:#ee565f;
}
.iframeContainer {
  width: 100%;
padding: 10px;
  overflow-y: scroll;
  height: 250px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;

border: 1px solid #dddddd;
margin-bottom: 30px;
}
.iframeContainer dl {
  clear: both;
  border-bottom: 1px dotted #d6d6d6;
  padding-bottom: 7px;
  margin-bottom: 10px;
}
.iframeContainer dl dt {
  float: left;
  width: 100px;
  padding-left: 10px;
  background: url(../images/dl_icon.gif) 0 2px no-repeat;
}
.iframeContainer dl dd {
  margin-left: 130px;
  width: auto;
}


.iframe-content {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
margin-bottom:21px;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/************************************************************************************************/
/* 2018 */
/************************************************************************************************/


.tbl_line {
  width: 100%;
  margin: 0 auto 20px;
  border-collapse:collapse;
  /*border-top:1px solid #dddddd;*/
  table-layout:fixed;
}
.tbl_line to:nth-child(even){
  background-color: #fff;
}

.tbl_line th,
.tbl_line td {
  font-size:12px;
  padding: 4px 20px 2px;
  border-bottom:1px solid #ddd;
}

.tbl_line th {
 width: 15%;
}


button.button4 {
	
	width:400px;
    /* 文字サイズを指定 */
    font-size: 1.2em;

    /* 文字の太さをnormal に指定 */
    font-weight: normal ;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色をグレーに指定 */
    background-color: #767676;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
	
	position: relative
}

button.button4:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #24d;

    /* 文字色を白色に指定 */
    color: #fff;
}

.btn_bar a{display:block;width:300px;height:40px;line-height:40px;text-align:center;background:#767676;color:#FFFFFF;}
.btn_bar a:hover{background:#2461a3;}

.btn_bar02 a{display:block;width:300px;height:40px;line-height:40px;text-align:center;background:#5c6e86;color:#FFFFFF;border-radius:6px;border:2px solid #FFFFFF;}
.btn_bar02 a:hover{background:#495771;}

.btn_bar_blue a{display:block;width:250px;height:40px;line-height:40px;text-align:center;background:#1d4293;color:#FFFFFF;border-radius:6px;}
.btn_bar_blue a:hover{background:#0088e7;}

/************************************************************************************************/
/* ADIVA okazaki追加 2019.4*/
/************************************************************************************************/
.required{color:#FFFFFF;background:#F00000;font-size:0.6em;padding:3px;float:right;}

/************************************************************************************************/
/* ADIVA okazaki追加 2019.6 EV表*/
/************************************************************************************************/
.table_ev{
	border-spacing: 0;
	border-collapse: collapse;
margin: 6px;
}
.table_ev th,.table_ev td{
	border-top: 1px solid #00BFFF;
	border-left: 1px solid #00BFFF;
	border-bottom: 1px solid #00BFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
.table_ev th{
	width: 120px;
	height: 50px;
	padding: 5px 10px;
	background: #000000;
	color: #FFFFFF;
}
.table_ev td{

	padding: 2px 5px;
	background: #FFFFFF;
	color: #00BFFF;
}
.table_ev th:last-child,.table_ev td:last-child{
	border-right: 1px solid #00BFFF;
}
.table_ev tr:last-child th,.table_ev tr:last-child td{
	border-bottom: 1px solid #00BFFF;
}


@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* 2019/06/26 追加 */
#header { height:auto; min-height:auto; }
#header .header-inner { height:auto; }
#header .header-inner::after{ display:block; content:" "; clear:both; font-size:0; line-height:0; }
#header .logo{ top:50%; left:10px; margin-top:-15px; width:180px; height:30px; }
#header #gnavi{ position:static; right:auto; top:auto; float:right; margin:15px 0 15px 190px; display:table; }
#header #gnavi>ul{ display:table-cell; vertical-align:middle; text-align:right; font-size:0; line-height:0; }
#header #gnavi>ul>li{ display:inline-block; vertical-align:top; float:none; }

.product_bnr2 .pc{ display:block; }
.product_bnr2 .sp,
.product_bnr2 .tab{ display:none; }
.product_bnr2{ padding:0 50px 3px; max-width:1141px; margin:0 auto; }
.product_bnr2 .flex-viewport li{ margin-right:11px; }
.product_bnr2 .flexslider{ background:none; border-radius:0; padding-bottom:50px; margin-bottom:0; }
.product_bnr2 .flex-viewport{ padding:1px; }
.product_bnr2 .flex-control-nav{ bottom:20px; font-size:0; line-height:0; }
.product_bnr2 .flex-direction-nav a{ overflow:visible; width:0; height:0; }
.product_bnr2 .flex-direction-nav a::before{
	width:30px; height:30px;
	border-bottom:3px solid rgba(100,100,100,0.9); border-right:3px solid rgba(100,100,100,0.9);
	transform:rotate(135deg); transform-origin:left top;
	font-size:0; line-height:0; vertical-align:top;
}
.product_bnr2 .flex-direction-nav a.flex-next::before{ transform:rotate(-45deg); transform-origin:left top; }

.product_bnr2 .flexslider .flex-prev { left:10px; opacity: 1; }
.product_bnr2 .flexslider .flex-next { right:10px; opacity: 1; }
.product_bnr2 .flexslider:hover .flex-prev { opacity:0.6; }
.product_bnr2 .flexslider:hover .flex-next { opacity:0.6; }

@media(max-width: 1100px){
	.product_bnr2 .tab{ display:block; }
	.product_bnr2 .sp,
	.product_bnr2 .pc{ display:none; }
}

@media(max-width: 480px){
	#header { height:40px !important; min-height:40px !important; }
	#header .header-inner { min-height:40px !important; z-index:100; }
	#header .logo{ top:10px; margin:0; width:90px; height:15px; }
	#header .logo img{ width:90px; height:15px; }
	.btnMenu_wrap{ top:3px; margin:0; }
	#smpnav { margin-top:40px; }
	
	.product_bnr2 .sp{ display:block; }
	.product_bnr2 .tab,
	.product_bnr2 .pc{ display:none; }
	.product_bnr2 .flex-viewport li{ margin-right:0; }
}