@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;  height: 100%;
}

body {
	font-family:  Lato, 'Noto Sans Japanese', 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	font-size: 14px;
   	margin:0;
   	padding:0;
   	color:#333;
   	border-top:3px solid #E7242E;
   	letter-spacing:1px;
   	  height: 100%;
   /*letter-spacing: 0.05;*/
}

br {
   letter-spacing:normal;
}

a {
   color:#3b3033;
   text-decoration:none;
}

a:hover {
   color:#333;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}
h1{font-size:36px; padding-bottom:14px; line-height:40px!important;border-bottom:1px solid #D7D7D7;}
h2,.h2{font-size:30px; line-height:30px!important;}
h3{background-size:25px;
	margin-top:70px;
   margin-bottom:16px;}
/* ========TEMPLATE LAYOUT======== */

#header {
   position:relative;
   width:100%;
   padding:15px;
   border-bottom:1px solid #D7D7D7;
	}
	#header .logo{
	width:300px;
}



#header .header_top img{
margin:0 10px 0 1px;
vertical-align: middle;
}
#header .header_top img.logoS{
height:25px!important;
}

#header .header_top span{
	vertical-align: middle;
	font-size:18px; font-weight:bold;
}

#contents {
  margin:80px auto;
	
}

.map {
   position: relative;
   width: 100%;
   padding-top: 46.25%;
   /* 16:9のアスペクト比 */
   height: 0;
   margin-top:16px;
}

.map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
ul{padding-left: 20px;}
/*
#company h3.car{
	background: url("./../img/company/car.png") no-repeat scroll left 50%;
	padding-left:40px;
	background-size:25px;
	margin-top:70px;
   margin-bottom:16px;
}
#company h3.train{
	background: url("./../img/company/train.png") no-repeat scroll left 50%;
	padding-left:40px;
	background-size:25px;
	margin-top:70px;
}

#company h3.bass{
	background: url("./../map/bass.png") no-repeat scroll left 50%;
	padding-left:40px;
	background-size:32px;
	margin-top:70px;
   margin-bottom:16px;
}
*/
#company .img_train{
   margin-top:20px;
}
#company .img_bass{
   margin-top:20px;
}
#company .img_bass img{
   margin-bottom:16px;
}

.table_list {
	display:table;
 	vertical-align: middle;
	margin-bottom:50px;
	}
	.table_list .ytable_cell{
  	display:table-cell;
  	vertical-align: top;
	padding-left:20px;
	}
	.table_list .ytable_cell img{
	width:100%;
	max-width:485px;
}

h3{font-weight:bold;}
.side_list{list-style-type: none;padding:0;margin:0;}
.side_list li{ float:left;padding-right:15px; }
.side_list li div{margin:5px 2px;}
#footer{background:#db4c3a;line-height:50px;}
#footer .copyright{padding-left:30px;}
#footer a{color:#FFF;}

.print , .close{
     display:block;
     width: 180px;
     height:50px;
     line-height: 50px;
     color: #666;
     text-decoration: none;
     text-align: center;
      border-radius: 5px; /*角丸*/
     border:1px solid #D7D7D7;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     float:left;
     margin:20px 20px 0 0;
}
.print:hover,
.close:hover{
     background-color: #D7D7D7; /*ボタン色*/
}

.clearfix{clear: both;float: none;}
@media only screen and (max-width: 991px) {
	.table_list .ytable_cell{display:block;margin:10px 0;padding-left:0;}
}

@media print {

   .col-md-4 {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 33.333333%;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
   }
   .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      }
      
   #company h3.train, #company h3.bass{margin-top:40px;}
   #contents{margin-top:40px;}
   .map {padding-top: 44.25%;}
   
   #contents{margin-bottom:40px;}
}