@charset "utf-8";
/* CSS Document */
body , html {
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
        margin:0;
        padding:0;
        height: 100%;
        color: #333333;        
}
body,nav,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,input,img,figure{
        margin:0;
        padding:0;
        border:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
}
a:hover img{
        opacity: 0.7;
}
a:link { color: #666;}
a:visited { color: #333333; }
ol, ul  {
	list-style: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

* html .clearfix {
        clear: both;
	height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;1
	/**/
}
#wrapper{
        width:100%;
        margin: 0 auto;
        display: block;
        background-image:url(../img/bg_green.jpg);
        border-top:5px #F08200 solid;
}
#wrap{
        width:100%;
        margin: 0 auto;
        display: block;
}
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#wrap{
          width:auto;
}
}  
#header{
        width:100%;
        margin: 0 auto;
        display: block;
        position:relative;
        height: 50px;
         }
#header p small{
        top: 47px;
        position: absolute;
        right:5px;
        font-size:7px;
        }         
.top_logo{
        width:150px;
        position:absolute;
       }
.top_logo_text{
        width:165px;
        position:absolute;
        top:48px;
        left:2px;
        font-size:7px;
       }       
.top_tel{
        width:180px;
        position:absolute;
        right:5px;
        top: 0;
       }
.top_tel img{
        width:100px;
        position:absolute;
        top:5px;
        right:5px;
       }       
.top_tel a{
        text-decoration: none;
       }       
.tel_size{
       font-size:20px;
       text-align: right;
       font-weight:bold;
       margin-top: -7px;
       display: block;
       color:#000;
       }
.time_size {
        width: 100%;
        display: block;
        text-align: right;
        font-size: 8px;
        color: #000;
        margin-top: -22px;
        }       
#nav{
       display:none;    
       }       

#nav_sp { 
        width:100%;
        margin: 0 auto;
        margin-top: 20px;
        display: block;
}         
#nav_sp li{
        width:33%;
        float:left;
        height:20px;
        border-right:1px dotted #EBB222;
        margin-bottom: 5px;
    }
#nav_sp li:nth-child(3) {
        border-right:none;
  }     
#nav_sp li img{   
        margin: 0 auto;
        display: block;
        width:90px;
}
/*****************ここからFBと新着情報**************/    
#contens{ 
        display: none;
} 
#contens_sp{ 
        width:100%;
        margin: 0 auto;
        margin-top: 20px;
} 

#contens_sp p img{
        width:100%;
        margin: 0 auto;
        display: block;
} 
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#contens_sp p img{
         width:auto;
}}
#contens_sp ul{ 
        width:100%;
        margin: 0 auto;
        margin-top:0;
} 
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#contens_sp ul{
        width:auto;
}}
#contens_sp ul li{ 
      width: 300px;
      text-align: center;
      display: block;
      margin: 0 auto;
      border-bottom: 1px #B38614 dotted;
}
#contens_sp ul li a{ 
      text-decoration: none;
      font-size:14px;
      line-height: 38px;
      display: block;
}      
#contens_sp ul li img{ 
    width: 300px;
    display: block;
    margin: 0 auto;
}
#top_bana{ 
    position: relative;
    z-index: 1;
}
.bana_top{
        width:100%;
        position: relative;
        top: 17px;
        z-index: 1;
        
}
.bana_bottom{
        width:100%;
        position: relative;
        top:180px;
        
}
#figure{ 
        display: none;
}
#figure_sp{ 
        width:100%;
        margin: 0 auto;
        display: block;
        position: relative;
        height:210px;
}
.top_img{
        width: 100%;
        position:absolute;
}
.figure_logo{
        width:120px;
        top:-10px;
        right:2px;
        position:absolute;
        z-index: 2;

}
.figure_bana{
        width: 280px;
}
#contens02{ 
        width:100%;
        margin: 0 auto;
        position: relative;
        z-index:3;      
}
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#contens02{
        width:auto;
}}
#contens02 h1 img{
        width: 200px;
        margin: 0 auto;
        display:block;
}
.contens_left{ 
        width:95%;
        margin: 0 auto;
        background-image:url(../img/bg_fb.png);
        background-repeat: no-repeat;
}

.contens_right{ 
        width:100%;
        margin: 0 auto;
        height:450px;
        
}
.contens_right dl{ 
        width:90%;
        margin: 0 auto;
        margin-bottom: 5px;
}
.contens_right dl dt{ 
        width:100%;
        margin: 0 auto;
        font-size: 14px;
}
.contens_right dl dd{ 
       float:left;
       font-size: 14px;
       margin-top: 5px;
       font-weight: bold;
}
#koushin{
        height:380px;
        overflow: auto;
        background-image:url(../img/bg_new.png);
        background-repeat: no-repeat;
        background-size: 100%;
}
.new{
        border-radius: 3px;        /* CSS3草案 */ 
        -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
        -moz-border-radius: 3px;   /* Firefox用 */  
        background-color: #96C0E3;
        margin: 7px 7px 0 0;
        padding: 2px 5px;
        color:#fff;
        font-weight: bold;
        font-size: 14px;
        border: 3px #fff solid;
    }
.tour{
        border-radius: 3px;        /* CSS3草案 */ 
        -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
        -moz-border-radius: 3px;   /* Firefox用 */  
        background-color:#82AD17;
        margin: 7px 7px 0 0;
        padding: 2px 5px;
        color:#fff;
        font-weight: bold;
        font-size: 14px;
        width:150px;
        border: 3px #fff solid;
    }
    
/*****************ここからツアープログラム**************/    
.contens03_wrap{ 
        width:100%;
        margin: 0 auto;
        background-image:url(../img/bg_contens.png);
        background-position:top center;
        background-repeat:repeat-x;
}
.contens03_wrap h1 img{
         width:200px;
         margin: 0 auto;
         display:block;
         padding:20px 0;
}
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.contens03_wrap h1 {
          width:auto;
}}
#contens04_wrap{ 
        width:90%;
        margin: 0 auto;
        margin-bottom: 15px;
}

#contens04_wrap img{ 
        width:260px;
        margin: 0 auto;
        margin-bottom: 10px;
        display:block;
        border: 3px #fff solid;
}
.contens_tour{ 
          width:100%;
          margin: 0 auto;
          background-image:url(../img/bg_tour.png);
          background-position:top center;
          background-repeat:no-repeat;
          margin-bottom: 15px;
          position: relative;
}
/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.contens_tour{ 
          width:auto;
}}
.mail_icon{ 
            font-size:24px;
            font-weight:bold;
            line-height:35px;
            display: block;
            margin-top: -5px;
            color:#000;
            font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.enter{
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        font-size: 18px;
        font-weight:bold;
        color:#333;
        background: rgba(160, 76, 10, 0.18);
        -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Firefox */
        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Chrome,Safari */
        -o-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Opera */
        -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* ie */
         border-radius: 5px;        /* CSS3草案 */ 
         -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
         -moz-border-radius: 5px;   /* Firefox用 */  
         border:4px rgba(155, 108, 57, 0.23) solid;
         text-decoration: none;
         width: 260px;
         height: 80px;
         padding-left: 50px;
         font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
         background-image:url(../img/logo_footer2.png);
         background-position: 0% 50%;
         background-repeat: no-repeat;
         background-size: 70px;
        
}
.enter2{
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight:bold;
        color:#333;
        background: rgba(160, 76, 10, 0.18);
        -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Firefox */
        -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Chrome,Safari */
        -o-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* Opera */
        -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);/* ie */
         border-radius: 5px;        /* CSS3草案 */ 
         -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
         -moz-border-radius: 5px;   /* Firefox用 */  
         border:4px rgba(155, 108, 57, 0.23) solid;
         text-decoration: none;
         width: 260px;
         height: 80px;
         padding-left: 50px;
         font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
         background-image:url(../img/logo_footer2.png);
         background-position: 0% 50%;
         background-repeat: no-repeat;
         background-size: 70px;
}
.link_btn { 
        position: absolute;
        top:60px;
        right:5px;
}
.contens_tour h2{ 
           width:95%;
           margin-bottom: 10px;
           margin-left: 5px;
           font-size:15px;
           border-bottom: 2px #B38614 dotted;
}
.contens_left2 { 
           width:100%;      
}
.contens_left2 table{
           margin: 0 auto;
           display:block;

}
.contens_left2 tbody{
           margin: 0 auto;
           display:block;
}

.contens_left2 table tr {
} 
.contens_left2 td{
            width: 20%;
           text-align: center;
}
.schedule{
           width:90%;
           margin: 0 auto;
           padding:28px 0 15px 0;
           display:block;;
           font-size: 14px;
           font-weight: normal;
           background-image:url(../img/schedule_bg_sp.png),url(../img/schedule_bg_bottom_sp.png);
           background-repeat: no-repeat,no-repeat;
           background-position: top center,bottom center;
           font-weight:bold;
}

.contens_left2 h1{ 
           width:95%;
           margin-top:10px;
           margin-bottom: 10px;
           margin-left: 5px;
           font-size:15px;
           border-bottom: 2px #B38614 dotted;
           text-align: center;
       
} 
.contens_left2 p{ 
           width:90%;
           margin:10px 0 0 10px;
           font-size:12px;
           border-bottom: 1px #B38614 dotted;
       
} 

.contens_left2 img{ 
           width:auto;
           border:3px #fff solid;
           margin: 10px 10px 0 20px;
           -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Firefox */
           -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Chrome,Safari */
           -o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Opera */
           -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* ie */
} 
.contens_right2 { 
          width:95%;
          margin: 0 auto;
}
.contens_right2 img{
            width: 95%;
            margin: 0 auto;
            margin-bottom:10px;
            display:block;
            border: 3px #FFF solid;

            }
.contens_right2 h2 { 
           width:90%;
           margin-bottom: 10px;
           margin-left: 10px;
           font-size:14px;
           border-bottom: 1px #B38614 dotted;
}
.contens_right2 dl dt{ 
          padding:0 10px;
          font-weight:bold;
          font-size: 14px;
}
.contens_right2 dl dd{ 
           padding:0 10px;
           font-size:14px;
           margin: 10px 3px ;
          
}
.contens_right2 dl dd a{ 
           text-decoration: none;
          
}
.contens_right2 h1{ 
           margin:10px 10px;
           width:95%;
           margin-left: 5px;
           font-size:15px;
           text-align: center;
}
.harf{ 
           width:100%;
           margin-bottom: 5px;
}
.harf p{ 
          font-size:12px;
           
}
.font_size_big{ 
           font-size:20px;
           font-weight:bold;
}
.font_size_middle{ 
           font-size:16px;
           font-weight:bold;
}
.font_size_chui{ 
           font-size:10px;
           font-weight:normal;
           color:#f30;
}
.go{
            border-radius: 3px;        /* CSS3草案 */ 
            -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
            -moz-border-radius: 3px;   /* Firefox用 */  
            background-color:#F08200;
            margin: 7px 7px 0 0;
            padding: 2px 5px;
            color:#fff;
            font-weight: bold;
            font-size: 14px;
            border: 3px #fff solid;
    } 
.wait{
            border-radius: 3px;        /* CSS3草案 */ 
            -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
            -moz-border-radius: 3px;   /* Firefox用 */  
            background-color:#80B9EE;
            margin: 7px 7px 0 0;
            padding: 2px 5px;
            color:#fff;
            font-weight: bold;
            font-size: 14px;
            border: 3px #fff solid;
    } 
.with{
            border-radius: 3px;        /* CSS3草案 */ 
            -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
            -moz-border-radius: 3px;   /* Firefox用 */  
            background-color:#ee82ee;
            margin: 7px 7px 0 0;
            padding: 2px 5px;
            color:#fff;
            font-weight: bold;
            font-size: 14px;
            border: 3px #fff solid;
    }    
.cut{
            border-radius: 3px;        /* CSS3草案 */ 
            -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
            -moz-border-radius: 3px;   /* Firefox用 */  
            background-color:#deb887;
            margin: 7px 7px 0 0;
            padding: 2px 5px;
            color:#fff;
            font-weight: bold;
            font-size: 14px;
            border: 3px #fff solid;
    }  

/*************footer部分**********************/
.footer_bg{ 
         width:100%;
         background: rgba(241, 222, 209, 0.5);
         border-top: 1px #B38614 dotted;
 }        
.contens_footer{ 
          width:95%;
          margin: 0 auto;
          background-image:url(../img/logo_footer.png);
          background-position: 98% 80%;
          background-repeat:no-repeat;
          background-size:120px;
          margin-bottom:90px;
          position: relative;
          z-index:1;
}
.contens_footer h1{ 
          font-size:18px;  
          margin-top: 10px;
}
.contens_footer p{ 
          text-align: left !important;
          font-size:12px !important;

}
.contens_left_company{ 
          width:90%;

}

.contens_right_address{ 
        width:100%;
        margin: 0 auto;
}

/*ipad用*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.contens_footer{ 
          width:auto;
}}
#footer{
        width:100%;
        margin: 0 auto;
        display: block;
        margin-top: 30px;
        border-bottom:5px solid #F08200;
}
#footer ul{
        width:100%;
        margin: 0 auto;
        display: block; 
        text-align: center;
        margin-bottom: 15px;
     
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#footer ul {
        width:100%;  
        margin:0 auto;
        display: block; 
  }     
}  
#footer ul li{ 
        width: 33%;
        height: 15px; 
        float:left;
        text-align: center;
        border-right:1px dotted #B38614;
        margin-bottom: 10px;
}
#footer ul li:nth-child(3n+3) {
        border-right:none;
  }  
#footer ul li a{ 
        font-size:10px;
        text-decoration: none;
  
}
#footer p{
        width: 100%;
        margin: 0 auto;
        display: block;
        font-size: 9px;
        text-align: center;
}
/*ツアー詳細*/
.tour_img_width{
        width:90% !important;
        margin: 0 auto !important;
        display:block;
}
.tour_text_width{
        width:95% !important;
        margin-top: 20px!important;
}
.figure_width{
        width:100% !important;
        margin-top: 150px !important;
}
.googlemap{
        width:90% !important;
        margin: 0 auto;
        display: block;
}
.figure_logo2{
        top: -120px;
        right: -20px;
        position: absolute;
        z-index: 2;
}
.banner_bottom2{
        width: 100%;
        position: relative;
        top: 10px;
}
.banner_top2{
        width: 100%;
        position: relative;
        top: 10px;
}
 .condition{
            border-radius: 3px;        /* CSS3草案 */ 
            -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
            -moz-border-radius: 3px;   /* Firefox用 */  
            background-color:#EC344A;
            margin: 7px 7px 0 0;
            padding: 2px 5px;
            color:#fff;
            font-weight: bold;
            font-size: 14px;
            border: 3px #fff solid;
    }   
/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
}
/*ページtop*/
#pageTop{
            border-radius:5px;
            color:#333;
            text-decoration: none;
            padding:5px;
            position:fixed;
            bottom:3px;
            right:0;
            z-index:3;
	}
#pageTop img{
            width:200px;
	}