@charset "utf-8";
/* CSS Document */

.pcpd50{
	padding: 50px 0!important;
}

.pdWrap{
	padding-top: 50px!important;
	padding-bottom: 50px!important;

}



/*--------------------------------------------------
index
--------------------------------------------------*/
/*---------------------------------
メイン・ライブカメラ・運行状況・SNS
-----------------------------------*/
.liveCameraArea {
    margin-right: 15px;
}
.rightNowArea {
    margin-right: 15px;
}





.facebookArea {
    height: 499px;
    margin-right: 10px;
	background: #315a9e ;
	padding: 5px 10px 10px;
}
.twitterArea {
    margin-left: 10px;
		background: #00a8f1;
		padding: 5px 10px 5px;
}

.facebookArea img,
.twitterArea img{
	height: 30px;
}

.liveCameraArea{
	margin-right: 10px;
}




/*.operationStatus01{
	background: url(/topics/wp-content/themes/usuzan_custom/images/index/os_icon01.png) no-repeat 18px 14px;
    background-size: 70px;
}*/

.operationStatus01 span{
	padding-top: 18px;
	display: block;
}

.OperationStatus .icon,
.OperationStatus .status{
	float: left;
}

.OperationStatus .status{
	width: 100%;
    text-align: center;
    /* margin: 0 auto; */
    text-indent: -90px;
    padding-left: 90px;
    /* padding: 5px 0 5px 40px; */
}

.OperationStatus img{
	width: 72px;
	margin-right: 15px;
}




.fareArea{
	border: none!important;
	padding: 0!important;
	padding: 15px;
}

.groupTable .wd01{
  width: 16.7%!important
}

.groupTable .wd02{
  width: 16.6%!important
}

.groupTable .wd03,
.groupTable .wd04{
  width: 323px!important
}



/* アクセステーブル */
.height01{
	height: 92px;
}

.height02{
	height: 68px;
}
.mapArea,
.accessTableArea{
      margin-right: -14px!important;
}


/*---------------------------------
SHEDULE & PRICE
-----------------------------------*/
/* カレンダーテーブルここから */
.timeArea{
	margin-top: 30px;
}
.timeArea .time{
	width: 47%;
	float: left;
	margin: 0 20px 0 0;
}



.calendarTableAreaWrap{
	margin-top: 20px;
	margin-right: -45px;
}


.calendarTableArea{
	width: 47%;
	float: left;
	margin: 20px 20px 0 0;
}


/*---------------------------------
TOUR COURSE
-----------------------------------*/

.CourseImg{
	float: left;
	width: 50%;
	border-top: 2px solid #b29e5d;
	border-left: 2px solid #b29e5d;
	border-bottom: 2px solid #b29e5d;
	border-right: 1px solid #b29e5d;

}
.CourseMap{
	float: left;
	width: 50%;
	border-top: 2px solid #b29e5d;
	border-right: 2px solid #b29e5d;
	border-bottom: 2px solid #b29e5d;
	border-left: 1px solid #b29e5d;
}

/*--------------------------------------------------f
FOOTER
--------------------------------------------------*/
.bnrArea{
	width: 404px;
	margin: 30px auto 0;
}
.bnrArea .bnrLeft{
	float: left;
	margin-right: 20px;
}
.bnrArea .bnrRight{
	float: left;
}

/*--------------------------------------------------f
GALLERY
--------------------------------------------------*/
.galleryImg{
	margin-bottom: 40px !important;
}
.gallery #GALLARY_CONT{
	margin-top: 40px;
}
@media only screen and (max-width: 991px){
	.third-banner-body{
		min-height: 250px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1999px){
	/*.third-banner-body{
		min-height: 210px;
	}*/
}
@media only screen and (min-width: 1200px){
	.third-banner-body{
		min-height: 145px;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus,
	.dropdown-menu li{
	  /*color:#c6a832 !important;*/
	  color:#fff !important;
	  background:#017a38 !important;
	}

	.dropdown-menu>li>a {
	  color:#fff !important;
	}
}
.gallery #GALLARY_CONT .ph_long img{
	width: auto!important;
	max-height:215px!important;
}

.gallery { margin-bottom:80px; }

@media only screen and (min-width: 768px){
	.navbar-collapse {
	    box-shadow: none!important;
	}
}

@media only screen and (min-width: 768px){
	.navbar-collapse.collapse {
	    display: block;
	}
}

/*-------------------------------------f
SHEDULE & PRICE
---------------------------------------*/

.calendarTable td{
	height: 54px;
}



/*--------------------------------------------------
有珠山追加
--------------------------------------------------*/

/* テーブル */
.faresTable .wd01{
	width: 200px;
}

.faresTable .wd02{
	width: 385px;
}

.faresTable .wd03{
	width: 240px;
}

.faresTable .wd04{
	width: 160px;
}
.faresTable .wd05{
	width: 192px;
}

.faresTable .wd06{
	width: 300px;
}

.faresTable .wd07{
	width: 420px;
}

.faresTable .wd08 {
    width: 280px;
}

.faresTable th,
.faresTable td{
	    width: 33%;
		  /*border: 1px dashed #000!important;*/
}



/* メニュー/トレッキング */

#MENU .menuGoodsArea{
	margin-top: 40px !important;
}

#MENU .menuArea{
	padding-top: 110px !important;
	margin-top: -70px !important;
}

#MENU .col-sm-60:first-child,
#MENU .col-sm-60:nth-child(2){
    margin-top: 0;
}

#MENU .col-sm-54{
  padding-right: 0;
}



/*--------------------------------------------------
161121 追記
--------------------------------------------------*/

.rightNowArea {
    height: 427px;
}

.rightNowAreaIn {
    height: 419px;
}


.right-menu{
      position: relative;
}


/*--------------------------------------------------
170321 追記
--------------------------------------------------*/
.freeArea{
    min-height: 140px;
}

#acf-fld_date_y,
#acf-fld_date_m,
#acf-fld_date_j,
#acf-fld_date_g,
#acf-fld_date_i{
	width: 30%;
    float: left;
}


/*--------------------------------------------------
170328 追記
--------------------------------------------------*/
.OperationStatusIcon{
	float: left;
	width: 12%;
}
.OperationStatus{
	float: right;
	width: 85%;
}
.OperationTit1{
	font-size: 38px;
}
.statusTxt{
	font-size: 25px;
}
#TIMETABLE {
	margin-top: -130px;
	padding-top: 130px;
	outline: none;
}
.OperationStatusinner02 {
	padding: 30px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px){

	.OperationStatusIcon{
		width: 15%;
	}
	.OperationStatus{
		width: 82%;
	}
}

/*--------------------------------------------------
170606 追記 MENU
--------------------------------------------------*/
.menuColumn3 .col-sm-38 {
    width: 33.3%;
}
.menuColumn3 .headline02 {
    margin-top: 10px !important;
    /*line-height: 1.4;*/
    min-height: 40px;
    font-size: 18px;
}


#TREKKING .trekkingArea{
	margin-top: 40px !important;
}
/*--------------------------------------------------
170705 追記 安全報告書
--------------------------------------------------*/
.indent {
	padding-left: 3em;
}
.anzenbody ol,
#REPORT ul {
	padding-left: 3em;
	margin-top: 5px;
}
#MENU #SHOP1 {
	margin-top: 0;
}




/*--------------------------------------------------
170706 運行時間
--------------------------------------------------*/
.operationTimeArea {
    padding: 60px 0!important;
}

/*--------------------------------------------------
ブログ
--------------------------------------------------*/
#blog-index .blog-list-thumb{
    height: 192px;
}



#BLOG_TOP{
    margin-bottom: 170px;
}




/*--------------------------------------------------
180803 運行時間 多言語
--------------------------------------------------*/

/* .rightNowArea {
    margin-left: 15px;
} */