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

.sppdlr15{
	padding-left: 15px;
	padding-right: 15px;
}
.spmglr15{
	margin-left: 15px;
	margin-right: 15px;
}

.sppb0{
	padding-bottom: 0!important;
}


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

}

.top-headline {
    font-size: 40px!important;
}

h3{
	font-size: 20px!important;
	line-height: 1.2em!important;
}

.h_logo, .f_logo {
    width: 120px;
}

.moreContArea {
    padding: 15px;
}

/*.tableArea .faresTable th,
.tableArea .faresTable td{
	display: block;
}*/
/*.faresTable th{
	border: none;
}*/
.faresTable th,
.faresTable td{
	border: 1px dashed #000!important;
	font-size: 90%!important;
}

/*.faresTable th:last-child,
.faresTable td:last-child{
	border-bottom: none;
}*/

.faresTable .spTxt{

}

.mainTit{
	text-align: center;
	font-size: 18px;
	padding: 13px;
}
/*.tableTit03 {
	background: #dadada!important;
	color: #323232;
}*/

.priceTable td:nth-of-type(0):before {
	 content: "";
  }
/*
.priceTable td:nth-of-type(1):before,
.priceTable td:nth-of-type(3):before{
	 content: "Round-trip";
	 width: 85px;
	 display: inline-block;
	 text-align: center;
	 background: #894a5f;
	 color: #fff;
	 padding: 6px;
	 border-radius: 3px;
	 margin-right: 10px;
	 font-size: 13px;
  }*/

	/*.priceTable td:nth-child(2):before{
		 content: "Adult";
		 width: 85px;
		 display: inline-block;
		 text-align: center;
		 background: #3c6981;
		 color: #fff;
		 padding: 6px;
		 border-radius: 3px;
		 margin-right: 10px;
		 font-size: 13px;
	  }

.priceTable td:nth-child(4):before{
	 content: "Child";
	 width: 85px;
	 display: inline-block;
	 text-align: center;
	 background: #3c6981;
	 color: #fff;
	 padding: 6px;
	 border-radius: 3px;
	 margin-right: 10px;
	 font-size: 13px;
  }*/

	.facebookArea h3{
		background: #315a9e ;
	}
	.facebookArea h3 img{
		background: #315a9e ;
	    width: 80%;
	}
	.twitterArea h3{
	    background: #00a8f1;
	}
.facebookArea h3,
.twitterArea h3 {
	width: 100%;
	padding: 10px;
	margin: 0!important;
}

/* タイトル */

.top-headline {
	/*font-size: 45px;*/
	line-height: 1em;
}

.amore-divider .top-headline {
    margin-top: 0!important;
}


.amore-divider {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	height: 200px;
}

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

.liveCameraAreaIn {
	padding: 10px;
	line-height: 1.3em;
}

.OperationStatusTable th,
.OperationStatusTable td{
	display: block;
	width: 100%!important;
}

.OperationStatus2 .status,
.OperationStatus4 .status,
.OperationStatus3 .status {
	width: 100%!important;
}

.OperationStatus2 .icon {
    padding-top: 0!important;
}

.OperationStatusTable th{
	padding: 15px;
	border-bottom: none;
	text-align: center;
	font-size: 20px;
}

.OperationStatusTable td{
	padding: 30px;
}


.OperationStatus img{
	width: 100px;
}


.OperationStatus .icon,
.OperationStatus1 .status{
	text-align: center;
}

.OperationStatus .status{
	line-height: 1.2em;
	margin-top: 15px;
	font-size: 18px;
}


.OperatingTable td:nth-of-type(1):before,
.OperatingTable td:nth-of-type(3):before{
 content: "First run (upward-bound)";
 width: 200px;
 display: inline-block;
 text-align: center;
 background: #894a5f;
 color: #fff;
 padding: 6px;
 border-radius: 3px;
 margin-right: 10px;
 font-size: 13px;
}

.OperatingTable td:nth-of-type(2):before,
.OperatingTable td:nth-of-type(4):before{
 content: "Last run (downward-bound)";
 width: 200px;
 display: inline-block;
 text-align: center;
 background: #3c6981;
 color: #fff;
 padding: 6px;
 border-radius: 3px;
 margin-right: 10px;
 font-size: 13px;
}


.fareArea{
	display: none;
	border-bottom: 1px solid #017a38;
	border-left: 1px solid #017a38;
	border-right: 1px solid #017a38;
}
.first-h1{
	font-size: 28px !important;
    padding: 20px;
	line-height: 1.2em!important;
}


#SCHEDULE,
#GALLERY,
#SHOP,
#TOUR,
#ACCESS{
	margin-top: -60px;
	padding-top: 74px;
}


/*---------------------------------
SHEDULE & PRICE
-----------------------------------*/
/* カレンダーテーブルここから */
.timeArea{
	margin-top: 20px;
}
.calendarTableArea{
	margin: 15px 0 0 0;
}
.calendarTable td,
.calendarTable th {
    padding: 6px 0 7px;
}

/*---------------------------------
GALLERY
-----------------------------------*/
#third .col-sm-30,
#fifth .col-sm-30{
	margin-top: 50px;
}
#third .col-sm-30:first-child,
#fifth .col-sm-30:first-child{
	margin-top: 0;
}

/*---------------------------------
tour
-----------------------------------*/
.CourseImg{
	border-top: 2px solid #b29e5d;
	border-left: 2px solid #b29e5d;
	border-bottom: 1px solid #b29e5d;
	border-right: 2px solid #b29e5d;

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



/*---------------------------------
ACCESS
-----------------------------------*/
#sixth .top-headline {
    font-size: 42px;
}


/*--------------------------------------------------
GALLERY
--------------------------------------------------*/
#blog-index>div {
    margin-top: 0!important;
}
#blog-index>div>div {
    margin-bottom: 0!important;
}
.underPageArea .amore-divider,
.gallery .amore-divider{
	padding-top: 110px !important;
	padding-bottom: 50px !important;
	height: auto;
}
.gallery .amore-inner-container {
    margin-top: 20px!important;
}

.galleryImg{
	margin-bottom: 20px !important;
}
.gallery #GALLARY_CONT{
	margin-top: 20px;
}

.gallery #GALLARY_CONT .ph_long img {
	width: auto!important;
	min-height:230px!important;
}
/*--------------------------------------------------f
FOOTER
--------------------------------------------------*/
#footer-copr{
	font-size: 12px!important;
	background: #222!important;
}

/*--------------------------------------------------f
HEADER
--------------------------------------------------*/
.navbar-collapse{
	margin-top:14px;
}

/*--------------------------------------------------
160725
--------------------------------------------------*/
@media screen and (min-width:500px) and (max-width:767px) {

	.first-h1{
		font-size: 40px !important;
		padding-top: 26px;
		line-height: 1.2em!important;
	}

}

/*--------------------------------------------------
有珠山追加
--------------------------------------------------*/
.appTime {
    padding: 10px;
    margin-top: 20px;
}

.appTimeTable th {
    width: 13%;
	    padding: 7px;
}

.appTimeTable td.time {
    width: 26%;
	  font-size: 25px;
	  line-height: 0.8;
}

/* メニュー */

#MENU {
    margin-bottom: 80px;
}


#MENU .col-sm-60{
    margin-top: 30px;
}

#MENU .col-sm-60:first-child{
    margin-top: 0;
}

#MENU .col-sm-66{
	margin-top: 20px;
}

.otherMenuArea {
    margin-top: 20px!important;
}

.appTimeTable {
    margin-top: 50px;
}

.appTime {
	background: #FFE251 url("/topics/wp-content/themes/usuzan_custom/images/index/apptime.png") no-repeat -7px 0px;
	background-size: 111%;
}

.appTimeTable td.time span {
    font-size: 18px;
}


.square-100 {
    width: 260px;
    height: 230px;
}

#FACILITIES .amore-divider {
    padding-top: 20px !important;
}

.dropdown-menu li {
	font-weight: bold;
	color: #323232 !important;
    background-color: #ffd507!important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus {
	font-weight: bold;
	color: #323232 !important;
    background-color: #ffd507!important;
}

#main-menu>li>a:hover {
	color: #fff !important;
	background: #017a38 !important;
}



.headline02,
.blessingsArea .third-banner-headline {
    font-size: 20px;
}
#MENU .menuArea,
#TREKKING .trekkingArea	{
	margin-top: 30px !important;
}

.linkArea img{
	    width: 100%;
}

.navbar-collapse {
	margin-top: 2px!important;
	background: #4c4c4c !important;
	border-top: 2px solid transparent;
}

.navbar-nav {
    float: none!important;
    margin: 3px -15px;
}

/*--------------------------------------------------
161121 追記
--------------------------------------------------*/
.faresTable th,
.faresTable td{
	border: 1px solid #b2b2b2!important;
	font-size: 90%!important;
}

/*--------------------------------------------------
161122 追記
--------------------------------------------------*/
/*Blessings from the volcano*/
.blessingsArea .one_line{
  min-height: auto;
  line-height: 100%;
}


	.jpBtnArea{
		top: 23px;
    right: 60px;
	}
	.jpBtnArea a {
	    font-size: 12px;
		}

		h1#logo {
    	left: 3px!important;
		}



/*--------------------------------------------------
170321 追記
--------------------------------------------------*/
.freeArea {
    border: 10px solid #fff8c2;
    padding: 135px 20px 20px 20px;
    background: #fff8c2;
    line-height: 1.8;
    background: url(/topics/wp-content/themes/usuzan_custom/images/index/info_icon01.png) no-repeat center 25px;
    background-size: 88px;
    margin-bottom: 30px;/* 200402 追加 */
}

/*--------------------------------------------------
170328 追記
--------------------------------------------------*/
.OperationStatusIcon img{
	width: 100px;
	margin-bottom: 10px;
}
.OperationStatusinner02 {
	padding: 20px;
}
.OperationTit1{
	font-size: 25px;
	line-height: 1.2;
}
.statusTxt{
	font-size: 20px;
}

/*--------------------------------------------------
170329 ヘッダー言語ボタン　アコーディオン
--------------------------------------------------*/
.langBtnArea {
    width: auto;
    margin-top: 6px;
}

.langBtnArea {
    position: inherit;
    top: inherit;
    right: inherit;
}

.nowBtn {
    width: 90px;
}

.otherBtn a {
    width: 100%;
	min-width: inherit;
    padding: 10px;
}

.nowBtn {
	position: absolute;
	top: 23px;
    right: 60px;
    font-size: 12px;
}



.navbar-toggle {
    margin-bottom: 17px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border-color: none!important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border-color: none!important;
}

.navbar-collapse {
    border-top: 0px solid transparent;
}



/* 繁体字 */
#tw_page .tw_faci{
    padding-top: 30px !important;
}
/* インドネシア語 */
.appTime.idTime {
    background: #ffe252 url(/topics/wp-content/themes/usuzan_custom/images/index/apptime_id.png) no-repeat 0 0;
    background-size: 107%;
}
.id_faci span{
    font-size: 26px;
}
.id_faci {
	line-height: 0.9;
}


.nowBtn {
    background: #017a38 url(/topics/wp-content/themes/usuzan_custom/images/common/arrowOpen.png) no-repeat 6px center;
    background-size: 10px;
    padding-left: 16px;
}
.otherBtn.on {
    padding: 10px;
}


#BNR_AREA .col-sm-30{
    width: 50%;
	float: left;
	padding-left: 5px;
    padding-right: 5px;
}

.blogThumBox,
.blogTxtBox {
    float:none;
	width: 100%;
}
.blogTxtBox {
	margin-top: 10px;
}

.blogArea li:first-child {
    padding: 0 0 15px;
}


#ja_page .blogArea{
    margin-right: 0;
}

/*--------------------------------------------------
170627 トレッキング
--------------------------------------------------*/

.trekkingArea .col-sm-38 {
	margin-bottom: 20px;
}
.trekkingArea .col-sm-38:last-of-type {
	margin-bottom: 0;
}



.menuColumn3 .no-padding,
.trekkingColumn .no-padding{
	padding: 10px 0 10px;
}


.cautionTit,
.cautionList{
	width: 100%;
	float: none;
}

.cautionTit {
	text-align: center;
}
.cautionList{
	margin-top: 10px;
}
.trekkingColumn {
    margin-top: 10px;
}
#TREKKINGCONT .trekkingTxt p {
    margin-top: 10px;
}

/* 下層共通 */
.underPage {
    margin-bottom: 30px;
}

h4, .h4 {
    font-size: 16px;
}

.backNum{
    margin-top: 30px;
}
.tit03 {
    margin-top: 30px!important;
}

.menuArea .col-sm-90 {
	padding: 0;
}

/*--------------------------------------------------
170705 トップ
--------------------------------------------------*/
#first .OperationStatusArea02 {
	margin: 0 0 30px;/* 200402 追加 */
}
#ja_page .rightNowArea,
#ja_page .rightNowAreaIn {
	height: auto;
}
.mainBnrArea {
    margin-left: 0;
}
.snsArea {
	margin-top: 0;
}
#ja_page .blogArea {
	max-height: none;
}
#ja_page .blogAreaIn ul {
	overflow: visible;
	max-height: none;
}
.shopBox {
	min-height: 0;
}
/*--------------------------------------------------
170706 FOOD
--------------------------------------------------*/
.menuArea .no-padding {
	padding: 10px 0 5px;
}
#MENU .menuArea{
	padding-top: 110px !important;
	margin-top: -70px !important;
}

/*--------------------------------------------------
170707 運行時間
--------------------------------------------------*/
.operationTime {
    width: 100%;
}
.timeIcon {
    position: inherit;
    top: 0;
    left: 0;
    width: 13%;
    float: left;
    margin-right: 10px;
}
.timeIcon img {
    width: 100%;
}
.opeTimeTitBox {
    height: auto;
    font-size: 22px;
	padding: 10px;
}
.timeTit {
	position: inherit;
    top: 0;
    left: 0;
    float: left;
    width: 80%;
    text-align: left;
}
.dateTxt {
    padding: 6px 8px 4px 6px;
    font-size: 19px;
}

.operationTimeArea {
    padding: 0 15px;
}
.firstTit, .lastTit {
     height: auto;
	 width: 44%;
    font-size: 15px;
    padding: 0 5px 0 10px;
}

.firstTime, .lastTime {
    width: 56%;
    height: auto;
    padding: 5px 10px;
    font-size: 25px;
}
.opeTimeTxt {
    padding: 15px;
}
.opeTimeTxt table,
.opeTimeTxt p {
    float: none;
}
.opeTimeTxt p {
	width: 25px;
    /* height: 32px; */
    margin: 0 auto;
    padding: 6px 0;
}
.opeTimeTxt p img {
    display: block;
}


.opeTimeTxt table,
.opeTimeTxtIn {
	width: 100%;
}
.firstTime span,
.lastTime span {
    font-size: 20px;
}

#ja_page .first-h1 img{
	width: 80%;
}

#ja_page .top-headline {
    font-size: 35px!important;
}
/*#ja_page .amore-divider .top-headline {
    margin-top: 60px!important;
    margin-bottom: 0px!important;
}*/

#ja_page #FACILITIES .amore-divider {
	padding-top: 50px !important;
    padding-bottom: 50px !important;
    height: 200px;
}
.fifth-banner-headline,
.headline01 {
    font-size: 25px;
}

/*--------------------------------------------------
170710 追記
--------------------------------------------------*/
.pcMainTxt {
	display: none!important;
}
#topcover .spMainTxt {
	display: block!important;
}
.mainBnrArea li img {
	width: 100%;
}

/* トップブログ */
.blogAreaIn .readBtnArea {
    position: inherit;
    bottom: inherit;
    left: inherit;
    width: 100%;
}

/* ブログ */
.blogTable .blogPh img{
    width: 60%;
}

.blogThumBox {
    height: 230px;
}

.trekkingModel .trekkingModelPh{
        margin: 20px 0 20px!important;
}

.tit03 {
    font-weight: bold;
    font-size: 20px;
}

/*--------------------------------------------------
170713 追記
--------------------------------------------------*/
.opeTimeArea {
	margin: 0 0 30px;
}
.heightasviewport {
	max-height: 100%;
}

@media all and (orientation: landscape) {
   div.amore-welcome-center {
      /* 横向き専用の追加装飾 */
	  padding-top: 50px!important;
   }
   div.amore-welcome-center h2 img {
	   width: 50%!important;
   }
}

/*#blog-index .blog-list-thumb{
    height: 110px;
}*/

#ja_page .blogAreaIn li {
    margin-right: 0;
}

#BLOG_TOP #blog-index .col-sm-120{
    margin-bottom: 0 !important;
}
#BLOG_TOP #blog-index .col-sm-38{
    margin-bottom: 20px !important;
}

#BLOG_TOP{
    margin-bottom: 50px;
}
#blog-index .blog-list-thumb {
    height: 109px;
}

.bnrIn, .bnr_other .bnrIn {
    width: 100%;
}


/*--------------------------------------------------
171024 追記
--------------------------------------------------*/
.foodBox {
    min-height: 0;
}


/* 180214 youtube */

/* .youtubeAreaWrap{
	padding-left: 15px;
    padding-right: 15px;
} */

.youtubeArea{
	margin-top: 30px;
}

.blogTit img{
	width: 100%;
}
.spmt30 {
    margin-top: 30px!important;
}


/*--------------------------------------------------
180313 追記
--------------------------------------------------*/
#en_page .opeTimeTxt table{
	width: 100%;
}
#en_page .dateTxt {
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin: 1vw;
}
#en_page .timeTit {
	font-size: 25px;
	left: 3%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: static;
	width: calc(87% - 10px);
	height: 88%;
}
#en_page .timeIcon {
    left: 0%;
}
#en_page .firstTime, #en_page .lastTime {
	font-size: 25px;
}


/* タイ言語 */

#th_page .opeTimeTxt table{
	width: 100%;
}
#th_page .dateTxt {
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin: 1vw;
}
#th_page .timeTit {
	font-size: 25px;
	left: 3%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: static;
	width: calc(87% - 10px);
	height: 88%;
}
#th_page .timeIcon {
    left: 0%;
}
#th_page .firstTime, #th_page .lastTime {
	font-size: 25px;
}



/* インドネシア言語 */

#id_page .opeTimeTxt table{
	width: 100%;
}
#id_page .dateTxt {
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin: 1vw;
}
#id_page .timeTit {
	font-size: 25px;
	left: 3%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: static;
	width: calc(87% - 10px);
	height: 88%;
}
#id_page .timeIcon {
    left: 0%;
}
#id_page .firstTime, #id_page .lastTime {
	font-size: 25px;
}


#ja_page .snsBnrArea.mainBnrArea li {
    margin-top: 20px;
}

/*--------------------------------------------------
180323 追記
--------------------------------------------------*/
.backNum{
    padding: 15px;
}


.rightNowArea.usuzanRightNow {
    margin-left: 0;
    margin-right: 0;
}
.rightNowArea.usuzanRightNow,
.usuzanRightNow .rightNowAreaIn {
    height: auto;
}
.rightNowArea.usuzanRightNow {
    background: url(/topics/wp-content/themes/usuzan_custom/images/index/right_now_bg.jpg) no-repeat 0 150px;
    background-size: 100%;
}




/*--------------------------------------------------
180323 追記
--------------------------------------------------*/
#ACCESS .faresTable th{
    font-size: 14px!important;
}


/*--------------------------------------------------
タガログ語
--------------------------------------------------*/
.appTime.tlTime{
	background-size: 107%;
}
#tl_page .dateTxt{
	display: inline-block;
	font-size: 20px;
    margin: 1vw;
}

#tl_page .timeTit{
	font-size: 25px;
	left: 0;
}
#tl_page .timeIcon{
	left: 0;
}
#tl_page .opeTimeTitBox{
height: auto;
}

#tl_page .firstTit, #tl_page .lastTit{
	font-size: 4.5vw;
}

#tl_page .opeTimeTxtIn table td{
	font-size: 6vw;
}

#tl_page .firstTime span,#tl_page .lastTime span{
	font-size: 4vw;
}

/* 2022/05/12 追加 */
.dropdown-menu li {
	background-color: #869ecc!important;
}

.dropdown-menu>li>a {
	color: #fff!important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus {
	background-color: #017A38!important;
	color: #fff!important;
}

.h_logo, .f_logo {
	width: 170px;
}

/* 2022/05/17 追加 */

.appTime {
	background-image: none;
    background-color: #f3f1ef;
	padding: 0;
}

.tableWrapper {
	padding: 10px;
}

.appTimeTable {
	margin-top: 0;
}

.triangle.sp_none::after {
    display: none;
}

.appTime.idTime {
	background-image: none;
	background-color: #f3f1ef;
}