@charset "UTF-8";

/* Not Firefox (others) */
/* チャプター　chapter */
div.chapter
{
	width: auto;
}

/* ヘッダーナビゲーション */
div.header-navigation
{
	width: 100%;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 999;
}

div.header-navigation ul
{
	width: 90vw;
	height: 47px;
	padding: 0 5vw;
}

div.header-navigation ul li
{
	height: 47px;
}

div.header-navigation ul li:first-child
{
	width: 20vw;
	min-width: 240px;
	height: 47px;
	background-size: 192px 88px;
	background-position: top -8px left;
}

div.header-navigation ul li:nth-of-type(2)
{
	margin-left: 20vw;
}

div.header-navigation ul li a
{
	padding: 12px 0 0 0;
	line-height: 18px;
}

div.header-navigation ul li:first-child a
{
	width: 20vw;
	min-width: 240px;
	padding: 47px 0 0 0;
	background-size: 192px 88px;
	background-position: top -8px left;
}

div.header-navigation ul li a,
div.header-navigation ul li:nth-of-type(6) a,
div.header-navigation ul li:nth-of-type(7) a
{
	width: calc((70vw - 8px) / 7);
}

div.header-navigation ul li:nth-of-type(4) a
{
	background-position: top -2px left calc((100% - 86px) / 2);
}

/* 本文 */
/* アーティクル　article */
div.article
{
	padding: 0;
	margin-top: 90px;
}

div.section#H1
{
	width: 90vw;
	padding: 0 5vw;
}

/* パンくずリスト */
p.breadcrumbs
{
	width: calc(90vw - 72px);
	height: 28px;
	padding: 0 5vw 0 calc(5vw + 72px);
	margin: 0 -5vw 0 -5vw;
	background-size: 192px 88px;
	background-position: bottom -4px left 5vw;
	background-color: rgb(255,255,255);
	position: fixed;
	top: 48px;
	left: 5vw;
	z-index: 999;
}

/* ホーム */
div.home_board
{
	display: flex;
	justify-content: space-between;
	width: 90vw;
	margin: 0 auto;
}

div.home_board_info
{
	width: auto;
	flex-basis: 65vw;
	float: none;
	margin-bottom: 12px;
}

div.home_board hr.line
{
	display : none ;
}

/* ホーム facebook */
div.facebook
{
	float: left;
	width: 48%;
	height: 480px;
}

div.insta
{
	width: 48%;
	margin-left: calc(52% - 2px);
	background-color: rgb(248,250,250);
	overflow: scroll;
}

div.twitter
{
	width: 32%;
	margin-left: calc(68% - 2px);
	border: 1px solid rgb(200,200,200);
	margin-bottom: 12px;
	height: 480px;
	overflow: scroll;
}

/* ホーム目次 */
div.home_board_index
{
	width: 20vw;
	min-width: 240px;
	margin-left: 0;
	margin-bottom: 24px;
}

div.home_board_index ul
{
	position: sticky;
	top: 90px;
}

div.home_board_index ul li a
{
	font-size: 16px;
}

/* セクションセクション */
/* div.article */
div.section div.section
{
	width: calc(100% - 25vw);
	margin-left: 5vw;
	font-size: clamp(16px,1.0625vw,20px);
}

div.section div.section table
{
	font-size: 16px;
}

/* セクションセクション ホーム */
body.home div.section div.section
{
	width: 90vw;
	max-width: initial;
	margin-left: auto;
	margin-right: auto;
}

/* ブックマークリスト */
div.bookmark
{
	width: 20vw;
	min-width: 240px;
	max-width: 360px;
	position: sticky;
	top: 90px;
	margin-top: 0;
	float: left;
}

div.bookmark ul li
{
	width: auto;
}

/* Google Translate pop 翻訳 */
div.google_translate
{
	position: fixed;
	top: 50px;
	right: 5vw;
	z-index: 1000;
}

/* 見出し h1 */
h1
{
	width: auto;
	max-width: 360px;
}

h1 span.h1_text
{
	width: calc(20vw - 78px);
	min-width: 162px;
}

/* 見出しh2 */
div#H201.section > div.passage:first-child > h2:first-child + p > img
{
	width: 100% ;
	height: auto ;
}
 
/* 見出し h3 */
div.passage h3.freestyle
{
	line-height: 27px;
}

h4.column + p > a > img,
h4.column + p > img
{
	width: 100% ;
	height: auto ;
}

/* 高速バス 見出し下タイトル画 */
div.hi_title
{
	width: 100%;
	height: 190px;
	background-image: url(/Images/hi_title_bg.svg);
	background-repeat : repeat-x ;
	background-size: 190px 190px;
	background-position : top 74% left ;
	position : relative ;
}

/* シェアボタン関係 */
.appendix
{
	padding: 0 5vw 0 0;
}

/* フッター　アドレス */
div.footer address
{
	width: 90vw;
	padding: 0 5vw;
}

/* ボトムナビゲーション */
div.footer-navigation
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(100vw - 10vw);
	padding: 16px 5vw 0 5vw;
}

div.footer-navigation dl
{
	flex-basis: 18%;
	width: auto;
	height: auto;
	margin: 0 0 18px 0;
}

div.footer-navigation dl:nth-of-type(1),
div.footer-navigation dl:nth-of-type(6) 
{
}

div.footer-navigation dl:nth-of-type(5),
div.footer-navigation dl:nth-of-type(10) 
{
	margin-right: 0;
}

div.footer-navigation hr.line
{
	display : none ;
}

/* エンドロール */
div.endrole
{
	width: 90vw;
	padding: 0 5vw;
}

/* スライドショー bxslider */
.bx-wrapper .bx-viewport
{
/*	height: auto !important;*/
	height: 294px !important;
}

body.home .bx-wrapper,
body.home .bx-wrapper .bx-viewport,
body.rosen.howto .bx-wrapper,
body.rosen.howto .bx-wrapper .bx-viewport
{
	height: 400px !important;
}

body.rosen.howto .bx-wrapper,
body.rosen.howto .bx-wrapper .bx-viewport
{
	width: 700px !important;
}

.bx-wrapper img
{
	width: 100%;
	height: auto;
}

.bx-wrapper .bx-controls-direction a
{
	z-index: 998;
}

body.home ul.bxslider
{
	left: calc(50% - 489px);
	overflow: hidden;
}

body.sightseeing ul.bxslider
{
	left: calc(50% - 360px);
	overflow: hidden;
}

/* メディアクエリ スタイル転換点 */
@media screen and (min-width:1566px)
{
	div.facebook
	{
		width: 32%;
	}
	div.insta
	{
		width: 32%;
		float: left;
		margin-left: calc(2% - 2px);
	}
	div.twitter
	{
		display: block;
	}
}