/*
HIGASHI TAXI
style.css

/*-
text #333333
sky blue #059de6
*/

/*----------------------------------------------
 TOP LAYOUT
------------------------------------------------*/


/* 　1023以下に適応  ---------------------------*/ 
@media screen and (max-width: 1023px) {
.pconly	{
display:none;　/* 1023以下のSMAPHOとtabでは消去 */ 
}
}

/* 767以下に適応  ------------------------------*/ 
@media screen and (max-width: 767px) {
.exceptsma{
display:none;　/* SMAPHOでは消去 */ 
}
}

/* TAB以外　768〜1023に適応 --------------------*/ 
@media (min-width: 768px)and (max-width: 1023px) { 
.tab{
}
}

/* 768px以上に適応  ----------------------------*/ 
@media (min-width: 768px) { 
.smaonly{
display:none;　/* PC・タブレットで消去 */ 
}
}



/* ---　base  ------------*/ 
body{
margin:0;
padding:0 0 0 0;
color:#333333;
font-size:0.9em;
letter-spacing:0.08em;
}


/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}



/*-------------------------------------------------------
  NAVI
----------------------------------------------------------*/ 
/* 基本はnav.css */

/* NAVI LINK */
ul#gnav-ul li a:link, a:visited {
color: #333333;
text-decoration: none;
}
ul#gnav-ul li a:hover {
opacity:1;  /* 透過度 1（なし） */ 
color: #00bfff !important;
text-decoration: none;
}
ul#gnav-ul li a:active {
opacity:1;
color: #1e90ff;
text-decoration: none;
}


/* タブレット・スマホ （バックはsky blue）*/
@media screen and (max-width: 1024px) {
ul#gnav-ul li a:hover {
opacity:1;  /* 透過度 1（なし） */ 
color: #ffd700 !important;
text-decoration: none;
}

ul#gnav-ul li a:active {
opacity:1;
color: #ffa500;
text-decoration: none;
}
}


/* スマホ PAGE LINK ズレ修正*/
@media screen and (max-width: 1024px) {
a.fixes{
  height: 1px;
  display: block;
  margin-top: -80px;
  padding-top: 80px;
 }
}



/*-------------------------------------------------------
 ALL CONTENS
---------------------------------------------------------*/

#top-all{
  text-align:center;
  margin-left: auto;
  margin-right:auto;  
}


/* MAIN IMAGE
----------------------------------------------------*/
 
/*---- PC ----*/
.topmain-image{
position: relative;
margin-top:30px;
}

.topmain-image img{
width:100%;
height:auto !important; /* イメージの高さ620px*/
}

.topmain-image p{
position: absolute;
bottom:8%;
right:7%;
padding:2% 5%;
text-align:center;
font-weight:bold;
font-size:1.3em;
background:rgba(255,255,255,0.7); /*--- バック（白）#ffffff --*/
}

.top-tel {
font-size: 1.6em;
letter-spacing:0.09em;
line-height: 180%;
}

.topmain-image p a{
  text-decoration: none; 
  color: #059de6; 
}

.topmain-image p a:hover{ 
  text-decoration: none; 
  color: #FF8000; 
}


/*---- MOBILE ------*/
.topmain-image2{
width:100%;
margin-top:30px;
text-align:center;
background:#059de6;  /*--- バック（SKY BULE）#ffffff --*/
}

.topmain-image2 img{
width:100%;
height:auto !important; /*イメージの高さ670px*/
}

.topmain-image2 p{
margin: 5px auto 20px;
color: #ffffff; 
padding:2.6% 20% 5%;
font-weight:bold;
font-size:1.2em;
letter-spacing:0.08em;
line-height: 160%;
background:#059de6; /*--- バック（SKY BULE）#ffffff --*/
}

.topmain-image2 .mo-telbtn{
display: block;
font-size: 1.4em;
letter-spacing:0.1em;
line-height: 180%;
margin-top:15px;
margin-bottom:10px;
padding:3px 5px;
background:#fff;
}

.topmain-image2 a.mo-telbtn:hover {
color:#fff;
background:#E17644 !important;    
}


/* 480以下に適応  ------------------------------*/ 
@media screen and (max-width: 480px) {
.topmain-image2 p{
padding:2.6% 10% 5%;
font-size:1.1em;
line-height: 160%;
}

.topmain-image2 .mo-telbtn{
letter-spacing:0.1em;
line-height: 180%;
margin-top:10px;
margin-bottom:10px;
padding:3px;
background:#fff;
}
}

/*-------------------------------------------------------
 ABOUT
---------------------------------------------------------*/
#about{
padding-bottom:0px;
text-align:center;
}

/* スマホ 文字周りスペース変更*/
@media (max-width: 767px){
#about .col-sm-12 p{
padding:15px 15px 0;
}
}


.arrival-time{
width:70%;
height:auto;
padding:8px 10px 18px;
margin:0 auto;
outline:1px solid #059de6 !important;
}
/* スマホ*/
@media (max-width: 767px){
.arrival-time{
width:90% !important;
padding:8px 5p;
}
}


#about table{
width:100% !important;
margin: 0px auto;
}

#about table td{
font-size: 0.92rem;
letter-spacing:0.07em;
line-height: 160% !important;
}

/* スマホ テーブル幅変更*/
@media (max-width: 767px){
#about table{
width:98% !important;
margin: 0px auto 5px;
}
}


/*-------------------------------------------------------
 COMPANY
---------------------------------------------------------*/
#company{
width:100%;
height:auto;
margin: 50px auto;
padding-bottom:10px;
text-align:center;
background-color:#F5F3E7;
}

#company table{
width:80% !important;
margin: 0px auto 30px;
}

/* スマホ テーブル幅変更*/
@media (max-width: 767px){
#company table{
width:94% !important;
margin: 0px auto 30px;
}
}

.each-company{
height:auto;
padding:24px;
margin-left:2px;
margin-right:2px;
background-color:#ffffff;
}

.google-map{
position: relative;
margin-top:10px;
padding-top: 20px;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.google-map iframe,
.google-map object,
.google-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*-------------------------------------------------------
 PLAN
---------------------------------------------------------*/

#plan{
width:100%;
height:auto;
padding:50px 25px 60px;
text-align:center;
background-color:#F5F3E7;
}
.plan-info{
max-width:700px;
height:auto;
padding:30px;
margin:0 auto;
background:url(../img/flower1.png),url(../img/travel_item.png), #FFFFFF;
background-position:left bottom, right top;
background-repeat:no-repeat, no-repeat ;
background-size:17%, 24%;
 
}


/*-------------------------------------------------------
 RECRUIT
---------------------------------------------------------*/
.rec-top{
clear:both;
width:100%;
padding-top:50px;
height:600px;
background-image:url(../img/driving_secne.jpg);
background-size:cover;
background-position:top;
background-repeat:no-repeat;
}

#recruit{
width:100%;
height:auto;
padding-top:20px;
padding-bottom:60px;
text-align:center;
background-color:#F5F3E7;
}

/* スマホ 文字周りスペース変更 */
@media (max-width: 767px){
#recruit .col-sm-12 p{
padding:15px 15px 0;
}
}

#recruit table{
width:80% !important;
margin: 0px auto 30px
}

/* スマホ テーブル幅変更 */
@media (max-width: 767px){
#recruit table{
width:94% !important;
margin: 0px auto 30px
}
}


/*-------------------------------------------------------
 INFO
---------------------------------------------------------*/

/* CONTACT
---------------------------------------------*/
.contact {
position: relative;
width:90%;
height:auto;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.contact p {
padding-bottom:40px;
}

.contact .btn-tel{
display: inline-block;
min-width:280px;
max-width:340px;
padding: 0.7em 0.7em;
text-align: center;
text-decoration: none;
color: #333333;
background:#fff;
border: 1px solid #333333;
border-radius: 2px;
transition: .4s;
margin-bottom: 20px;
}

.contact .btn-mail{
display: inline-block;
min-width:280px;
max-width:340px;
padding: 0.7em 0.7em;
text-align: center;
text-decoration: none;
color: #333333;
background:#fff;
border: 1px solid #333333;
border-radius: 2px;
transition: .4s;
margin-bottom: 20px;
}

.contact a.btn-tel:hover , .contact a.btn-mail:hover {
background: #059de6;
color: #fff !important; 
}
.contact a.btn-tel:visited, .contact a.btn-mail:visited {
color: #333333;
}


.sns {
display: inline-block;
margin-bottom:50px;
width:80%;
padding:2em 1em 1em;
text-align: center !important; 
color:#FFFFFF;
background-color:#059de6;
}
 
/* スマホ 文字周りスペース変更 */
@media (max-width: 767px){
.sns {
width:94%;
}
}

.sns .icons{
text-align: center;
margin:15px 15px 10px;
}

.sns .icons img {
margin-left:15px;
margin-right:15px;
}


@media (min-width: 768px) { 
.fb-page{
margin-bottom:0px;
width:100%;
}
}



/* PAGE	TOP
----------------------------------------------------*/ 
#pagetop {
width:100%;
height:60px;
background-color:#BDEFFF;
}
#pagetop img {
max-width:70px;
height:auto;
margin-top:8px;
z-index:200;
}


/*-------------------------------------------------------
 FOOTER
---------------------------------------------------------*/
#copyright{
width:100%;
height:auto;
text-align:center;
padding:20px 10px 18px;
color:#fff;font-size:0.8em;
letter-spacing: 0.2em;
background:#059de6;
}

/* スマホ */
@media (max-width: 767px){
#copyright{
max-height:70px;
padding:18px 10px;
}
}