/* CSS Document */

/***********************************
直江津ロングファストラン
************************************/
#naoetu{font-family: "Hannari";color: #393939;font-size: 16px;}
#naoetu .bg{background: #f5f5f5;margin: 50px auto;}

#naoetu h1{margin:50px auto 0;font-size: 28px;}
#naoetu h1:after{
    width:100%;height: 3px;
    content: "";background: #075a86;
    display: block;
}
#naoetu h1 span{color: #ff2b2b;}

#naoetu h2{
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 50px;
    }


#naoetu .topTxt {margin: 50px auto 0; font-weight: bold;}
/*お申込みフォーム*/
#naoetu .topTxt a{
    text-decoration: none;
    background: #075a86;color: #fff;
    padding: 15px 25px;
    display: inline-block;
    margin: 25px auto 0;
}


#naoetu .topTxt p span{font-size: 18px;margin-bottom: 5px;display: block;}

/*横並び用*/
.middle{box-sizing: border-box; width: 50%;display: inline-block;vertical-align: middle;}


#naoetu .photo{width: 100%;display: inline-block;}

#naoetu .slider-pro{width:50%!important; margin:0 auto;}

/* コース *********************************/
#naoetu .cose{margin: 0 auto; padding: 50px 0;}
#naoetu .cose .txt{padding:0 15px;}
#naoetu .cose .txt b{border-bottom: 1px solid #a0a0a0;display: block;margin-bottom: 5px;}

/* 宿泊先 *********************************/
#naoetu .yado{}
#naoetu .yado ul{}
#naoetu .yado ul .name{font-weight: bold;font-size: 18px;}






/***********************************
サービス
************************************/

.serviceImg{background:url(../service/img/service_header.jpg);margin-bottom: 30px;}

#new_bike h4{font-size:25px; color:#D63719; margin:10px auto;}
#service{margin:80px auto 0;}
#service p{margin:20px auto;}
#main_service{width:850px;overflow:hidden;margin:50px auto 0;}
#main_service h5{font-size:16px;border-bottom:1px solid #D9BE6C; margin-bottom:20px;}
#service a{display: block;border: 1px solid #fff;color: #000;}
#service a:hover{border: 1px solid #c1751d;}
.service_menu{padding:20px; overflow:hidden;margin-bottom: 25px;}
.service_menu .service_info{float:right;width:48%;}
.service_menu img{ width:400px;float:left;}
.service_menu .service_info h5{font-size:14px !important;}

    /***********************************
    工賃表
    ************************************/
    .serviceGuide{margin-top: 50px;}
    .serviceGuide dl{border:1px solid #776c30;border-bottom: 0; overflow: hidden;text-align: center;}
    .serviceGuide dl dt{width: 45%; border-right: 1px solid #776c30;float: left;padding:10px 0;}
    .serviceGuide dl dd{width:50%;float: left;padding:10px 0;}
    .serviceGuide dl:last-child{border-bottom:1px solid #776c30;}
    .other{text-align: center;margin-top: 20px; font-size: 16px;color: red;}
/***********************************

チーム

************************************/
.teamImg{background:url(../team/img/team_header.jpg);}

#teamInfo{overflow:hidden; margin-bottom:70px;}
#teamInfo img{float:right;width:25%;margin:20px 130px 0 0;}
#teamInfo p{float:left;width:35%;margin-left:130px;}

.teamMein{margin:0 auto;display: table;border-collapse: separate;border-spacing: 15px 0;}
.teamMein .teamContents{
    width:29%;
    min-height:300px;
    margin-right:5%;
    display: table-cell;
    color: #393939;
    text-decoration: none;
    border: 1px solid #b49205;
    padding: 15px;
}
.teamMein .teamContents:nth-child(1){border-color: #0065c9;}
.teamMein .teamContents:nth-child(1):hover{border-color: #00cec6;}

.teamMein img{width:100%;}
.teamMein h3{text-align:center;}

.teamYearMain{overflow: hidden;margin-bottom: 20px;}
.teamYearMain a{width: 23%;margin-left: 2%; float: left;text-decoration: none;}
/*****************
活動報告
******************/
.yearMain{overflow: hidden;}
.year{text-align: center;}
.year p{margin: 40px 0;}
.leftNav{float: left;width:200px;text-align: center;margin-top: 40px;}
.leftNav p{margin-bottom: 10px;}
.leftNav li{margin-bottom: 10px;}
.leftNav li a{color: #393939;text-decoration: none;}
.teamYear{width: 860px;margin:0 auto; overflow: hidden;}
.teamYear .teamContents{float: left; margin:0 20px 30px 0;}
.teamYear .teamContents:nth-child(4n){margin-right: 0;}
.yearPart{float: right;width: 750px;margin-right:20px;}

.teamContents dl dt{background: #075a86; color: #fff;font-weight: 500;text-decoration: none;padding: 5px 0;}
.teamContents dl dd{height: 200px;overflow: hidden;}
.teamContents dl dd img{width: 360px;}
.ivent{width: 750px;}
.iventMain a{width:48%; display: block;float: left;margin:0 20px 25px 0;text-decoration: none;}
.iventMain a:nth-child(2n){float: right!important; margin-right: 0;}
/***********************************

スケジュール

************************************/
#data{max-width:600px;height:110px;margin:50px auto;}
#data h3{font-size:14px;}
#time{width:250px;overflow:hidden;float:left;}
#time dt{float:left;clear:left;width:100px;}
#time dd{float:left;}
#holiday{width:250px;float:right;}
#data h3{border-bottom:1px solid #e6a312;}
#google_schedule{max-width:800px;width:100%;height: 550px; margin:20px auto 0 auto;clear:both;}
#google_schedule iframe{max-width:800px;width:100%;height: 550px;border:0;}


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

アクセス

************************************/
.mapContents{max-width: 1000px;width: 100%;}
#map_canvas{max-width:500px;width:100%;max-height:500px;height:100%;height:500px;float:left;margin-top:20px;margin-left:25px;}
#main_access{max-width:400px;width:100%;height:auto;float:right;margin-top:20px;margin-right:25px;line-height:25px;}
#main_access h5{text-align:left;font-size:14px;border-bottom:1px solid #e6a312;}
#car{margin-bottom:35px;}
#access dt{float:left;clear:left;margin-right:10px;}
#access dd{float:left;margin-bottom:5px;}


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

お問い合わせ

************************************/
#conect p{text-align:center;margin-bottom:30px;}
#main_conect{max-width:800px;width: 100%; margin:50px auto 200px;}
#main_conect p { text-align:center;}
#section{max-width:450px;height:97px;margin:50px auto;}
#logo{float:left;}
#address{float:right;margin-top:20px;}
#conect_form{max-width:535px;width: 100%; margin:auto;clear:both;overflow:hidden;}
#conect_form p{margin-bottom:20px;}
#conect_form input{clear:both;}
#conect_form dl{overflow:hidden;}
#conect_form dt{width:115px;float:left;clear:left;margin-right:20px;}
#conect_form dd{float:left;margin-bottom:20px;width:200px;}
#conect_form dd input{width:200px;border:1px solid #868686;}
#conect_form textarea{width:160%;height:75px;resize:none;border:1px solid #868686;}
#conect_form #btn01{float:right;clear:right;overflow:hidden;}


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

スマホ表示

*************************************/
@media (max-width: 496px) {
/***********************************
サービス
************************************/    
    #new_bike h4{font-size:15px; color:#D63719; margin:10px auto;}
    #service{margin:80px auto 0;}
    #service p{margin:20px auto;}
    #main_service{width:100%;;overflow:hidden;margin:50px auto 0;}
    #service a{display: block;border: 1px solid #fff;color: #000;}
    .service_menu .service_info{float:none;width:100%;}
    .service_menu img{ max-width:100%;float:none;}
    
    /***********************************
    工賃表
    ************************************/
    .serviceGuide dl dt{width:100%;float: none;}
    .serviceGuide dl dd{width:100%;float: none;}

    
    
    
/***********************************
チーム
************************************/
    #teamInfo{text-align: center;}
    #teamInfo img{float: none;width: 50%;margin: 0 auto 20px;}
    #teamInfo p{float: none;width: 100%;margin: 0;}
    .teamMein{width:100%;}
    .teamMein .teamContents{float: none;width: 100%;display: block;margin-bottom: 20px;box-sizing: border-box;}
  
.yearMain{padding: 0!important;}
.teamYearMain a{width: 100%;margin-left: 0; margin-bottom: 20px;display: block; float: none;}
    .leftNav{display: none;}
.yearPart{float: none;width:100%;margin-right:20px;}

.teamContents dl dt{background: #075a86; color: #fff;font-weight: 500;text-decoration: none;padding: 5px 0;}
.teamContents dl dd{height: 200px;overflow: hidden;}
.teamContents dl dd img{width: 360px;}
    .ivent{width: auto;}
.iventMain a{width:95%; display: block;float: none;margin:0 auto 20px;}
.iventMain a:nth-child(2n){float: none !important; margin-right: auto;}
    
    
    
    
 /***********************************
スケジュール
************************************/   
    #data{height: auto;}
    #time{float:none;margin: 0 auto;height: 100px;}
    #holiday{float:none;margin: 0 auto;height: 150px;}
    #google_schedule{height: 350px;}
    #google_schedule iframe{height: 350px;}

/***********************************
アクセス
************************************/    
    .mapContents{max-width: 1000px;width: 100%;}
    #map_canvas{height:200px;float:none;margin: 30px auto;}
    #main_access{margin: 0 auto;}
    
    
    
/***********************************
お問い合わせ
************************************/ 

#section{max-width:450px;height:auto;margin:50px auto;text-align: center;}
#logo{float:none;text-align: center;}
#address{width: 230px;margin: 0 auto;float:none;margin-top:20px; }

#conect_form dt{float:none;}
#conect_form dd{float:none;margin-bottom:20px;width:100%;}
#conect_form dd input{width:80%;}
#conect_form textarea{width:98%;height:75px;}

}