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

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

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


.spmt30 {
    margin-top: 30px!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: 160px;
}

.moreContArea {
    padding: 15px;
}

.tableArea .goldTable th,
.tableArea .goldTable td{
	display: block;
}
/*.goldTable th{
	border: none;
}*/
.goldTable th,
.goldTable td{
	border-bottom: 1px solid #d8ceae;
}

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

.goldTable .spTxt{

}

.mainTit{
	text-align: center;
	font-size: 18px;
	padding: 13px;
}
.tableTit03 {
	/* background: #dadada!important; 2021/7/16 */
	background: #e6e6e6!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-of-type(2):before,
.priceTable td:nth-of-type(4):before{
	 content: "One-way";
	 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: #004595 ;
	}

	.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: 110px !important;
	padding-bottom: 50px !important;
	height: auto;
}

/*---------------------------------
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 #b29e5d;
	border-left: 1px solid #b29e5d;
	border-right: 1px solid #b29e5d;
}
.first-h1{
	font-size: 28px !important;
	padding-top: 26px;
	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{
	margin-top: 50px;
}
#third .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;
}
.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;
	}

}


/*----------------------------------------------------------------------
リニューアル
----------------------------------------------------------------------*/

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

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



/*--------------------------------------------------
170321 追記
--------------------------------------------------*/
.freeArea {
    padding: 135px 20px 20px 20px;
    line-height: 1.8;
    background: #fffbe7 url(/topics/wp-content/themes/asahidake_custom/images/index/info_icon01.png) no-repeat center 25px;
    background-size: 88px;
}

/*--------------------------------------------------
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;
}

.nowBtnBg {
    width: 90px;
}

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

.nowBtnBg {
	position: absolute;
	top: 23px;
    right: 60px;

}
.nowBtn{
    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/asahidake_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: url(/topics/wp-content/themes/asahidake_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;
    padding: 15px;
}
.tit03 {
    margin-top: 30px!important;
    margin-bottom: 20px;
}

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

/*--------------------------------------------------
170705 トップ
--------------------------------------------------*/
#first .OperationStatusArea02 {
	/* margin-top: 0; */
	margin: 0 0 30px;
}
#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 {
    min-height: 160px;
}

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

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

/*--------------------------------------------------
170713 追記
--------------------------------------------------*/
.operationTime {
	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;
}*/




/* 日本語 */
#ja_page .priceTable td:nth-of-type(1):before,
#ja_page .priceTable td:nth-of-type(3):before{
	 content: "往復券";

  }

#ja_page .priceTable td:nth-of-type(2):before,
#ja_page .priceTable td:nth-of-type(4):before{
	 content: "片道券";

  }




.first-h1 span {
	display: block;
    margin-top: 10px;
    line-height: 1.2;
    font-size: 125%;
}

.first-h1{
    padding: 0 20px;
}

.h_logo {
    width: 130px;
}

/* フッターバナー */
.bnrIn,
.bnr_other .bnrIn {
    width: 100%;
}
#BNR_AREA .col-sm-30{
    width: 50%;
	float: left;
	padding-left: 5px;
    padding-right: 5px;
}

/*
.liveCameraAreaSpmt30{
    margin-top: 30px!important;
} */



.underPageArea .underPage .row,
.underPageArea .row {
    padding: 0;
}


.underPageArea .underPage,
.amore-inner-container.underPageArea {
    padding: 30px 20px;
}


#ja_page .facebookArea,
#ja_page .twitterArea {
	width: 100%;
}


#blog-index .col-sm-38 {
    margin-left: 15px!important;
}


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

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




/* 1004運行状況　文言変更　追加 */

.statusTxt .status_caution{
	font-size: 14px;
}


/* 180214 youtube */

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

.youtubeArea{
	margin-top: 20px;
}

.blogTit img{
	width: 100%;
}

/*--------------------------------------------------
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;
}


.noteBox2 {
    margin-top: 10px;
}

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


/* タガログ語 */
#tl_page .timeIcon{
left: 0;
}

#tl_page .timeTit{
	font-size: 110%;
    left: 10px;
	position: static;
	line-height: 26px;
}
#tl_page .dateTxt{
	font-size: 20px;
	display: inline-block;
	margin: 5px;
}

#tl_page .opeTimeTxt table th{
	font-size: 95%;
}

#tl_page .firstTime,#tl_page .lastTime{
	width: 30%;
	font-size: 20px;
}

.br-sp
 { display:none; }


}