@charset "UTF-8";
/*
Theme Name:東邦ステンレス工業株式会社
Theme URI:http://www.narts.jp/
Description:東邦ステンレス工業株式会社用テーマ
Author:NARTS
Author URI:http://www.narts.jp/
Version:1.0
*/

/****************************************

  セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
}

img{
  vertical-align: bottom;
}

body{
  font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}

a{color: #30A3DE; text-decoration:none;}
a:hover{color: #30A3DE; text-decoration:underline;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after{
  content: "";
  display: block;
  overflow: hidden;
}
.clearfix:after{
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
  zoom: 1;
}


/*************************************************************

  サイズ調整

*************************************************************/
.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}
.uLine {text-decoration: underline !important;}
.vaTop {vertical-align: top !important;}
.vaMid {vertical-align: middle !important;}
.vaBot {vertical-align: bottom !important;}

.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}

.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}

.ml05{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}

.mr05{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}

.pt05{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}

.pb05{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}

.pl05{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

.pr05{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}

.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs17{font-size: 17px !important;}
.fs18{font-size: 18px !important;}
.fs19{font-size: 19px !important;}
.fs20{font-size: 20px !important;}
.fB{font-weight: bold !important;}
.fwN{font-weight: normal !important;}

.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{line-height: 1.8;}
.lh19{line-height: 1.9;}
.lh20{line-height: 2.0;}

.tRed {color: #FF0000;}

.fL{float: left;}
.fR{float: right;}
.clear{clear: both;}

/* 計算方法　HD動画（16:9）の場合100÷16×9=56.25% に設定 */
.movie_box{text-align: center; padding: 0 0 56.25% 0; position: relative; width: 100%;}
.movie_box iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* 計算方法　正方形動画（4:4）の場合100÷4×4=100% に設定 */
.movie_box2{text-align: center; padding: 0 0 100% 0; position: relative; width: 100%;}
.movie_box2 iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* 計算方法　長方形動画（4:3）の場合100÷4×3=75% に設定 */
.movie_box3{text-align: center; padding: 0 0 75% 0; position: relative; width: 100%;}
.movie_box3 iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.no_display{display: none;}

@media screen and (min-width: 1000px){

.br-sp{}
.pc{display:block !important;}
.sp{display:none !important;}


/****************************************

  header

*****************************************/
header{
  min-width: 1000px;
  background-image: url("images/common/header-bg01.png");
  background-repeat: repeat-x;
  background-position: left top;
}
#header{
  width: 1000px;
  margin: 0 auto;
  background-image: url("images/common/header-bg02.png");
  background-repeat: no-repeat;
  background-position: left top;
}
#header-logo{
  width: 682px;
  float: left;
  padding: 30px 0 25px 0;
}
#header-tel{
  width: 318px;
  float: right;
  padding: 5px 0 20px 0;
}


/****************************************

  nav

*****************************************/
nav{
  min-width: 1000px;
  background-image: url("images/common/gnavi-bg.png");
  background-repeat: repeat-x;
  background-position: left top;
  min-height: 56px;
}
#gnavi{
  width: 1000px;
  margin: 0 auto;
}
#gnavi ul{}
#gnavi ul li{
  float: left;
  position: relative;
  z-index: 30;
}
#gnavi-menu{}
#gnavi-toggle{
  display: none;
}

#gnavi ul li ul.sub-menu{
  display: none;
  position: absolute;
  left: 0;
  top: 56px;
}
#gnavi ul li:hover ul.sub-menu{
  display: block;
}
#gnavi ul li ul.sub-menu li{
  float: none;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 500;
}
#gnavi ul li ul.sub-menu li a{
  background: #0066B3;
  color: #fff;
  border-bottom: 1px solid #3385C2;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
#gnavi ul li ul.sub-menu li a:hover,
#gnavi ul li ul.sub-menu li.current-menu-item a,
#gnavi ul li ul.sub-menu li.current-menu-parent a{
  background: #00518F;
}
ul#sub-menu{
  display: none;
}


/****************************************

  main-visual

*****************************************/
#main-visual{
  min-width: 1000px;
  background-image: url("images/top/visual01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 600px;
  position: relative;
}
#main-visual h2{
  width: 1000px;
  margin: 0 auto;
}
#main-visual h2 img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}


/****************************************

  sub-visual

*****************************************/
#sub-visual-company{
  min-width: 1000px;
  background-image: url("images/common/sub-visual-company02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  position: relative;
}
#sub-visual-company h2{
  width: 1000px;
  margin: 0 auto;
  padding: 105px 0;
  text-align: center;
  color: #fff;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  -moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}


/****************************************

  breadcrumbs

*****************************************/
.breadcrumbs-box{
  border-bottom: 1px solid #ccc;
  margin: 0 0 40px 0;
}
.breadcrumbs{
  width: 1000px;
  margin: 0 auto;
  color: #333;
  font-size: 16px;
  padding: 20px 0 20px 0;
}
.breadcrumbs a{
  text-decoration: none;
  color: #30A3DE;
}
.breadcrumbs a:hover{
  text-decoration: underline;
}


/****************************************

  template

*****************************************/
#contents{
  width: 1000px;
  margin: 0 auto;
}


main{
  width: 710px;
  float: right;
}
main > h2{
  margin: 0 0 30px 0;
  border: 1px solid #ccc;
  border-top: 5px solid #316ADE;
  padding: 15px;
  color: #333;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
main > h3{
  margin: 0 0 20px 0;
  border-bottom: 2px solid #30A3DE;
  padding: 10px;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  background: #F4F7FD;
}
main > h4{
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}
main > p{
  margin: 0 0 30px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

main > table{
  width: 100%;
  margin: 0 0 30px 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
main > table th{
  background-color: #eee;
  padding: 15px;
  border:1px solid #ccc;
  color: #333;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
}
main > table td{
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ccc;
  color: #333;
  font-size: 16px;
}

main > ul{
  padding: 0 0 30px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}
main > ul li{}
main > ul li::before{
  font-size: 15px;
  font-family: FontAwesome;
  content:' \f111';
  padding:0 10px 0 0;
  color: #30A3DE;
}
main > ul li ul{
  padding: 0;
}
main > ul li ul li{
  padding: 0 0 0 20px;
}

main > table ul{
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}
main > table ul li{}
main > table ul li::before{
  font-size: 20px;
  font-family: FontAwesome;
  content:' \f105';
  padding:0 10px 0 0;
  color: #30A3DE;
}
main > table ul li ul{
  padding: 0;
}
main > table ul li ul li{
  padding: 0 0 0 20px;
}


.alignright{
  float: right;
  margin: 0 0 20px 20px;
}
.aligncenter{
  clear: both;
  display: block;
  margin: 0 auto 20px auto;
}
.alignleft{
  float: left;
  margin: 0 20px 20px 0;
}

.post-time{
  text-align: right;
  margin: 0 0 15px 0;
  color: #999;
  font-size: 12px;
}
.post-time span.date{}
.post-time span.cat{
  padding: 0 0 0 5px;
}
.wp-pagenavi{
  text-align: center;
  padding: 30px 0;
}

.pagination{
  text-align: center;
  padding: 20px 0 0 0;
}
a.page-numbers,
.pagination .current{
  background: #fff;
  border: solid 1px #316ADE;
  font-size: 14px;
  padding: 5px;
  margin: 0;
  text-decoration: none;
}
.pagination .current{
  background: #316ADE;
  border: solid 1px #316ADE;
  color: #fff;
}


aside{
  width: 260px;
  float: left;
}
aside > h2{
  background: #30A3DE;
  text-align: center;
  padding: 15px 10px;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}
aside ul.side-menu{
  border: 1px solid #CDCDCD;
  border-top: none;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
aside ul.side-menu li{
  border-bottom: 1px dotted #CDCDCD;
}
aside ul.side-menu li a{
  padding: 12px 15px;
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  line-height: 1.2;
}
aside ul.side-menu li a:hover{
  background: #F4F7FD;
}
aside ul.side-menu li:last-child{
  border-bottom: none;
}
aside ul.side-menu li:last-child a:hover{
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
aside ul.side-menu li a::before{
  font-size: 18px;
  font-family: FontAwesome;
  content:' \f105';
  padding:0 10px 0 0;
  color: #30A3DE;
}


.post-contactbox{
  margin: 50px 0 50px 0;
  border-top: 5px solid #30A3DE;
  border-bottom: 5px solid #30A3DE;
  background: #F4F7FD;
  padding: 50px 0;
}
.post-contactbox h2{
  text-align:center;
  color: #333;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  padding: 0 0 30px 0;
}
.post-contactbox-tel{
  text-align: center;
}


/****************************************

  home

*****************************************/
#top-products-ttl{
  width: 1000px;
  margin: 0 auto;
}
#top-products-ttl h2{
  text-align: center;
  padding: 50px 0;
  color: #316ADE;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
}


#top-products{
  min-width: 1000px;
  background-image: url("images/top/products-bg.png");
  background-position: left top;
}
#top-products ul{
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0 50px 0;
}
#top-products ul li{
  float: left;
  margin: 0 20px 0 0;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
#top-products ul li:last-child{
  margin: 0;
}
#top-products p{
  text-align: center;
  padding: 0 0 80px 0;
  color: #333;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}


#top-strength{
  min-width: 1000px;
  background-image: url("images/top/strength-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 640px;
}
#top-strength-inner{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 640px;
}
#top-strength-box{
  position: absolute;
  left: 50px;
  bottom: 100px;
  background: rgba(255,255,255,0.85);
  padding: 50px;
  -moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
#top-strength-box h2{
  padding: 0 0 30px 0;
  color: #333;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}
#top-strength-box p{
  padding: 0 0 30px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
}
#top-strength-link a{
  padding: 10px 20px;
  background: #30A3DE;
  color: #fff;
  font-size: 20px;
  line-height: 1.0;
  font-weight: 700;
  display: inline-block;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
}
#top-strength-link a:hover{
  background: #316ADE;
  text-decoration: none;
}


#top-company-ttl{
  width: 1000px;
  margin: 0 auto;
}
#top-company-ttl h2{
  text-align: center;
  padding: 50px 0;
  color: #316ADE;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
}


#top-company{
  min-width: 1000px;
  background-image: url("images/top/company-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 640px;
}
#top-company-inner{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 640px;
}
#top-company-box{
  position: absolute;
  right: 50px;
  bottom: 100px;
  background: rgba(255,255,255,0.85);
  padding: 50px;
  -moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
#top-company-box h2{
  padding: 0 0 30px 0;
  color: #333;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}
#top-company-box p{
  padding: 0 0 30px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
}
#top-company-link a{
  padding: 10px 20px;
  background: #30A3DE;
  color: #fff;
  font-size: 20px;
  line-height: 1.0;
  font-weight: 700;
  display: inline-block;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.3);
}
#top-company-link a:hover{
  background: #316ADE;
  text-decoration: none;
}


#top-contact{
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}
#top-contact h2{
  text-align: center;
  padding: 0 0 30px 0;
  color: #333;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}
#top-contact p{
  text-align: center;
  padding: 0 0 30px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
}
#top-contact-tel{
  text-align: center;
}


#top-information{
  min-width: 1000px;
  background-image: url("images/top/information-bg03.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 472px;
}
#top-information-inner{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 472px;
  padding: 100px 0;
}
#top-information-box{
  background-image: url("images/top/information-bg02.png");
  background-position: left top;
  padding: 50px;
}
#top-information-box h2{
  text-align: center;
  padding: 0 0 20px 0;
  color: #333;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 500;
}
.top-information-contents{
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}
.top-information-contents .metadate{
  width: 240px;
  float: left;
}
.top-information-contents .metadate span.date{
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  width: 115px;
  float: left;
}
.top-information-contents .metadate span.cat{
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  background: #316ADE;
  text-align: center;
  padding: 3px 5px;
  width: 100px;
  float: left;
  display: inline-block;
}
.top-information-contents .title{
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  width: 660px;
  float: right;
}
.top-information-contents a:hover .title{
  color: #30A3DE;
  text-decoration: underline;
}


/****************************************

  footer

*****************************************/
footer{
  min-width: 1000px;
  background: #F4F7FD;
}
#footer{
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

#footer-section{
  float: left;
  width: 675px;
}

#footer-information{
  float: left;
  width: 325px;
  border-right: 1px solid #C9D8F5;
  min-height: 265px;
}
#footer-information #footer-logo{
  padding: 0 0 20px 0;
}
#footer-information #footer-address{
  padding: 0 0 20px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}
#footer-map{
  float: right;
  width: 325px;
}
#footer-map #footer-map-title{
  padding: 0 0 15px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.2;
}
#footer-map #footer-map-google{
  padding: 0 0 5px 0;
}
#footer-map #footer-map-link a{
  color: #333;
}
#footer-map #footer-map-link a:hover{
  color: #30A3DE;
}
#footer-map #footer-map-link::before{
  font-size: 20px;
  font-family: FontAwesome;
  content:' \f105';
  padding:0 10px 0 0;
  color: #30A3DE;
}

#footer-link{
  float: left;
  width: 325px;
  border-left: 1px solid #C9D8F5;
  min-height: 265px;
}
#footer-link ul{}
#footer-link ul li{
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 10px 25px;
}
#footer-link ul li::before{
  font-size: 20px;
  font-family: FontAwesome;
  content:' \f105';
  padding:0 10px 0 0;
  color: #30A3DE;
}

#footer-link ul li a{
  color: #333;
}
#footer-link ul li a:hover{
  color: #30A3DE;
}


#footer-copyright{
  min-width: 1000px;
  background: #316ADE;
}
#footer-copyright p{
  text-align: center;
  padding: 20px 0 20px 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

#pagetop{
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 77%;
  z-index: 9999;
}
#pagetop a{
  background-image: url("images/common/pagetop.png");
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  width: 50px;
  height: 50px;
}


/****************************************

  company

*****************************************/
dl.company-history{
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #ccc;
}
dl.company-history dt{
  width: 130px;
  float: left;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
}
dl.company-history dd{
  width: 580px;
  float: left;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}


/****************************************

  information

*****************************************/
.information-contents{
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}
.information-contents .metadate{}
.information-contents .metadate span.date{
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  width: 115px;
  float: left;
}
.information-contents .metadate span.cat{
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  background: #316ADE;
  text-align: center;
  padding: 3px 5px;
/*  width: 100px; */
  float: left;
  display: inline-block;
}
.information-contents .title{
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  padding: 5px 0 0 0;
}
.information-contents a:hover .title{
  color: #30A3DE;
  text-decoration: underline;
}


/****************************************

  以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}


/******** お問い合わせ ********/
.contact_form table {
	width:100%;
	margin: 0 0 25px 0;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.contact_form table th {
	background-color: #f5f4ed;
	padding: 9px;
	border: 1px solid #003583;
	color: #003583;
	font-weight: 700;
	font-size: 14px;
	text-align: left;
	}
.contact_form table td {
	background-color: #FFFFFF;
	padding: 9px;
	border: 1px solid #003583;
	border-left: none;
	color: #333333;
	font-size: 14px;
}

.wpcf7-list-item {
	display:block !important;
	margin:0 0 5px 0 !important;
}
.wpcf7-list-item.first {
	margin:5px 0 5px 0 !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	padding:1.5%;
	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
	max-width:100%;
	width:95%;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset],
.wpcf7 input[type=button] {
	padding:10px;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:14px;
	width:20%;
}
.wpcf7 input[type=checkbox] {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	margin-right:0.5em;
}
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=reset]:hover,
.wpcf7 input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}

/* 東内追加分 */

/* お問い合わせの電話番号を整える */

.tel-no {
	text-align: left;
	font-size: 38px;
	letter-spacing: 3px;
	margin: 0.5em 0 0.5em 0;
	padding: 2em;
	border: 1px dotted #aaaaaa;
	background-image: url(images/common/ss76_garaketachi14171226.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.tel-no span {
	text-align: center;
	font-size: 15px;
	letter-spacing: 0px;
}
.tel-no a {
	text-decoration: none;
}

/* お問合せフォームを少し整える */
.wpcf7-form p {
	margin-bottom: 1em;
}

/* 上向きのフキダシ */
.baloon {
	background-color:#2a99d9;
	color: #fff;
	border-radius:5px;
	position:relative;
	padding: 0.3em 1em 0.3em 1em;
	width: 60%;
	font-size: 19px;
}
.baloon:after {
	border:10px solid transparent;
	border-bottom-color:#2a99d9;
	border-top-width:0;
	top:-10px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}

/* テーブルの色分け */
.table-one tr td {
	text-align: center;
}
.table-one tr td:first-child {
	background-color: #ffffe1;
}
.table-one tr td:nth-child(3) {
	color: #d3bd00;
}
.table-one tr td:nth-child(4) {
	color: #0f8802;
}
.table-one tr td:nth-child(5) {
	color: #9b0000;
}



/* Swiper.js の文字の設定 */
.swiper-container .swiper-slide {
  position: relative;
}
.swiper-container .swiper-slide .swiper-slide-content {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 46px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 12px #000;
	transform: translate(-50%, -50%);
/*  opacity: 0;
  transition: all 3s ease 0s; */
}
.swiper-container .swiper-wrapper img {
	width: 100%;
	height: auto;
}

/* ダウンロードボタン */
.catalogue_download {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
	font-weight: 800;
	border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
  }
.catalogue_download:hover {
	color: #ffee57;
	text-decoration: none;
}
.catalogue_download:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

/*** 左右を入れ替え ***/
@media screen and (min-width: 1000px) {
aside {
	float: right;
}
main {
	float: left;
}
}