@charset "UTF-8";

html,
body,
ul ,
ol ,
li ,
dl ,
dt ,
dd ,
p ,
img ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
hr ,
address ,
em ,
strong ,
abbr ,
dfn ,
object ,
form,
table,
tr,
td,
th,
iframe
{
	margin : 0 ;
	padding : 0 ;
	font-style : normal ;
	font-weight : normal ;
	font-size : 100% ;
	list-style-type : none ;
	background-color : transparent ;
	border-style : none ;
}


html,
body
{
	height : 100% ;
	width : 100% ;
}

/* body */
body
{
	margin : 0 ;
	padding : 0 ;
	color : rgb(250,250,250) ;
	font-size : 100% ;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif ;
	text-align : center ;
	-webkit-text-size-adjust : 100%;
	line-height : 1.5 ;
	background-color : rgb(80,80,80) ;
}

/* 段落（パラグラフ） */
p
{
	text-align : justify ;
	text-justify : inter-ideograph ;
	margin-bottom : 0.8em ;
}

p.notice
{
	margin-bottom : 0.5em ;
}

/* 改行 */
br.b240,
br.b480,
br.b768
{
	display : none ;
}

/* 約物 */
hr
{
	clear : both ;
	border-bottom : 1px solid rgb(200,200,200) ;
	margin : 0 0 2.5em 0 ;
}

/* 回り込みクリア */
hr.line
{
	display : block ;
	margin : -1px 0 0 0 ;
	height : 1px ;
	overflow : hidden ;
	visibility : hidden ;
	clear : both ;
}

.clearfix:after
{
  content: "";
  clear: both;
  display: block;
}

/* 画像 */
a img
{
	border-style : none ;
}

img.cover
{
	display : block ;
	width : auto ;
	max-width : 100% ;
	margin : 0 auto 0 auto ;
}

/* 動画 */
video.movie
{
	max-width : 85% ;
}

/* 強調関係 */
em,
.notice
{
	font-size : 85% ;
}

dfn
{
	font-weight : bold ;
}

strong
{
	color : rgb(173,24,40) ;
	font-weight : bold ;
}

.silent /* 中黒 320.cssのみ表示*/
{
	display : none ;
}

.read
{
	font-size : 140% ;
	font-weight : bold ;
	color : rgb(80,80,80) ;
}

/* 回り込み */
.fll
{
	float : left ;
	margin-right : 1.5em ;
	margin-bottom : 1em ;
}

.flr
{
	float : right ;
	margin-left : 1.5em ;
	margin-bottom : 1em ;
}

.fll img,
.flr img
{
	vertical-align : top ;
}

/* テキスト段落揃え */
.center
{
	text-align : center ;
}

.right
{
	text-align : right ;
}

.left
{
	text-align : left;
}

/* ボーダー指定 */
.border
{
	border : 1px solid rgb(200,200,200) ;
}

/* テーブル類幅規制 */
.tw6
{
	width : 6em ;
}

/* マージントップゼロ */
.topzero
{
	margin-top : 0 ;
}
/* ブロック化 */
/* 隙間なしイメージたて並び */
div.photo_part img,
.block
{
	display : block ;
}

/* コラム */
div.column
{
	padding : 10px 10px 1px 10px ;
	background-color : rgb(255,246,218) ;
	border-radius : 0 0 8px 8px ;
	margin-bottom : 1em ;
}

div.column_notice
{
	padding : 10px 10px 1px 10px ;
	background-color : rgb(250,252,252) ;
	border : 1px dotted rgb(120,120,120) ;
	border-radius : 4px ;
}

/* 著作者表示 */
address
{
	text-align : right ;
}

/* アンカーの疑似クラス（共通） */

a:link,
a:visited {
	color : rgb(255,255,255) ;
	text-decoration : none ;
}

a:hover {
	color : rgb(255,255,255) ;
	text-decoration : underline ;
}

a:active {
	color : rgb(255,255,255) ;
	text-decoration : none ;
}

/* 100%ブロック */
/* chapter */
div.chapter
{
	height : 100% ;
	padding : 0 ;
	text-align : left ;
}

body > div.chapter
{
	height : auto ;
	min-height : 100% ;
}

*:first-child+html div.chapter
{
	margin-bottom : -20px ;
}

/* テーブル 共通 */
/* テーブル */
table
{
	width : 100% ;
	margin-bottom : 1em ;
	border-collapse : collapse ;
}

table tr td,
table tr th
{
	vertical-align : middle ;
/*	border : 1px solid rgb(255,255,255) ;*/
}

table tr th
{
	padding : 0.5em ;
/*	color : rgb(66,66,66) ;*/
	font-weight : bold ;
	text-align : center ;
/*	background-color : rgb(58,90,135) ;*/
}

table tr td
{
	text-align : left ;
	padding : 0.5em ;
}

/* 仕様表 */
table.specification
{
	width : auto ;
	max-width : 100% ;
	margin-right : auto ;
	margin-left : auto ;
}

table.specification tr td
{
	padding : 0.75em 1em 0.75em 1em ;
	border : 1px solid rgb(200,200,200) ;
	background-color : rgb(60,60,60) ;
}

table.specification tr th
{
	border : 1px solid rgb(200,200,200) ;
	background-color : rgb(40,40,40) ;
}

table.specification tr th:first-child,
table.specification tr td:first-child
{
/*	border-left : none ;*/
}

table.specification tr th:last-child,
table.specification tr td:last-child
{
/*	border-right : none ;*/
}

table.specification tr:nth-child(odd) td
{
	background-color : rgb(60,60,60) ;
}

table.specification tr:nth-child(even) td
{
	background-color : rgb(70,70,70) ;
}

table tr td.ride,
table tr th.ride
{
	text-align : left ;
}

table tbody.price tr td,
table tr td.price,
table tr th.price,
table tr.total th
{
	text-align : right ;
}

table tr td.wid3,
table tr th.wid3
{
	width : 3em ;
}

table tr td.wid4,
table tr th.wid4
{
	width : 4em ;
}

table tr td.wid5,
table tr th.wid5
{
	width : 5em ;
}

table tr td.wid6,
table tr th.wid6
{
	width : 6em ;
}

table tr td.wid7,
table tr th.wid7
{
	width : 7em ;
}

table tr td.wid8,
table tr th.wid8
{
	width : 8em ;
}

/* 会社案内 */
table.overview tr td,
table.overview tr th
{
	vertical-align : top ;
}

table.overview tr td:nth-child(1)
{
	padding-left : 0 ;
}

table.overview tr td:nth-child(2)
{
	padding-right : 0 ;
}


table tr:nth-child(odd)
{
/*	background-color : rgb(245,245,245) ;*/
}

table tr:nth-child(even)
{
/*	background-color : rgb(250,250,250) ;*/
}

table tr:hover
{
/*	background-color : rgb(230,245,210) !important;*/
}

table tr:hover th
{
/*	background-color : rgb(58,90,135) ;*/
}

/* option */
option
{
	color : rgb(80,80,80) ;
}

optgroup
{
	color : rgb(60,60,60) ;
}

/* テーブル メールフォーム用は、mailform.cssを参照 */

/* 本文中アンカー */
div.passage a:link,
div.passage a:visited
{
	text-decoration : none ;
}

div.passage a:hover
{
	text-decoration : underline ;
}

div.passage a:active
{
	text-decoration : none ;
}

/* アンカー MAP付 */
a.map:after
{
	content : "MAP" ;
	font-size : 60% ;
	padding : 2px 2px 0 2px ;
	margin-left : 5px ;
	color : rgb(0,104,55) ;
	border : 1px solid rgb(0,104,55) ;
	border-radius : 2px ;
	vertical-align : 1px ;
}

a.map:hover:after
{
	color : rgb(193,39,45) ;
	text-decoration : none !important;
	border : 1px solid rgb(193,39,45) ;
}

/* Google Map 関係 */
div.googlemap
{
	margin-bottom : 1em ;
}

div.googlemap iframe
{
	display : block ;
	width : 100% ;
}

div.gogoogle
{
	text-align : center ;
	padding : 0 ;
	margin-top : 6px ;
	margin-bottom : 8px ;
}

a.mapbutton,
a.mapbutton_next,
a.mapbutton_prev
{
	display : inline-block ;
	height : 1em ;
	width : auto ;
	padding : 0.25em 2em 0.25em 2em ;
	margin : 0.5em auto 0 auto ;
	font-size : 1em ;
	text-align : center ;
	line-height : 1em ;
	text-decoration : none ;
	font-weight : bold ;
	color : rgb(255,255,255) ;
	background-color : rgb(120,120,120) ;
	border-radius : 0.75em ;
	border : 1px solid rgb(120,120,120) ;
	overflow : hidden ;
}

a.mapbutton_next,
a.mapbutton_prev
{
	width : 1em ;
	padding : 0.5em ;
}

a.mapbutton:hover,
a.mapbutton_next:hover,
a.mapbutton_prev:hover
{
	background-color : rgb(60,60,60) ;
	border : 1px solid rgb(60,60,60) ;
}

/* リスト マーク有り */
ul.marks,
ol.marks
{
	margin-bottom : 0.8em ;
}

ul.marks li,
ol.marks li
{
	margin-left : 1.2em ;
	margin-bottom : 0.3em ;
	list-style-position : outside ;
	marker-offset : 1em ;
}

ul.marks li
{
	list-style-type : disc ;
}

ul.marks li ul li
{
	list-style-type : circle ;
}

ol.marks li
{
	list-style-type : decimal ;
}

ol.alph li
{
	list-style-type : upper-latin ;
}

ol.alph li ol.alph li
{
	list-style-type : lower-latin ;
}

/* 定義リスト */
div.section dl
{
	margin-top : 1em ;
	margin-bottom : 1em ;
}

div.section dl.column_list
{
	padding : 1em 10px 1px 10px ;
	background-color : rgb(240,240,240) ;
	border-radius : 4px ;
	margin-bottom : 1em ;
}

div.section dl dt
{
	font-weight : bold ;
	margin-bottom : 0.5em ;
}

div.section dl.column_list dt
{
	padding-bottom : 0.4em ;
	border-bottom : 2px dotted rgb(50,100,160) ;
}

div.section dl.column_list dt.flr,
div.section dl.column_list dt.fll
{
	border-style : none ;
	width : 120px ;
	padding-bottom : 0 ;
	margin-bottom : 0.2em ;
}

div.section dl dd
{
	margin-bottom : 1em ;
}

div.section dl.column_list dd p
{
	margin-bottom : 0.5em ;
}

div.section dl.column_list dd p.top_border
{
	padding-top : 0.4em ;
	border-top : 2px dotted rgb(50,100,160) ;
}

div.section dl.column_list dd p.bottom_border
{
	padding-bottom : 0.4em ;
	border-bottom : 2px dotted rgb(50,100,160) ;
}

div.section dl.column_list dd p.bottom_border:after
{
	content : "" ;
	clear : both ;
	display : block ;
}


/* テーブルスイッチ（切替） */
.table-switch
{
	background-image : url(/Images/line_120.png) ;
	background-position : bottom center ;
	background-repeat : repeat-x ;
}

.table-switch img
{
	vertical-align : bottom ;
}

/* リンクボタン */
a.linkbutton
{
	font-weight : bold ;
	color : rgb(255,255,255) ;
	background-color : rgb(50,88,182) ;
	padding : 0.2em 1em 0.2em 1em ;
	border-radius : 4px ;
}

/* 詳細ボタン */
a.link-detail-button
{
	display : block ;
/*	display : inline-block ;*/
	width : 120px ;
	height : 0 ;
	padding-top : 48px ;
	background-color : transparent ;
	background-image : url(/Images/link-detail-button.svg) ;
	background-size : 100% auto ;
	background-position : top left ;
	background-repeat : no-repeat ;
	border-radius : 24px ;
	overflow : hidden ;
}

a.link-detail-button:hover
{
	background-position : bottom left ;
}