@charset "UTF-8";

　*/
/*　半透明効果用css　*/

/*　reboot後に全てのページに適応される　*/

/*　半透明効果　始まり　*/
body {
	background-color: #fff2e5;
}

.main_content {
	background-color: rgba(255, 242, 229, 0.8);
	padding: 2em 0 2em 0;
}

/*　background-attachment:fixed;以外の方法で背景画像を固定する（iOS対策）　始まり　*/
body:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;/*　要素の重なりの順番　*/
	width: 100%;
	height: 100vh;
	background: url("../images/red_bridge_1.jpg") top no-repeat;
	background-size: cover;
}
/*　background-attachment:fixed;以外の方法で背景画像を固定する（iOS対策）　終わり　*/

.translucent {
	opacity: 0.8;/*　任意の箇所"translucent"への透明度の指定　*/
}
/*　半透明効果　終わり　*/

img {
	max-width: 100%;
	height: auto;
}

.wrapper {
	margin: 0 auto 0 auto;
	max-width: 550px;
}

.top_logo {
	margin: 30px 0 40px 0;
	text-align: center;
}

.center {/*　真ん中に配置　*/
	text-align: center;
}

.any_color_1 {/*　任意の色指定　レッド　*/
	color: rgb(200, 0, 0);
}

.any_color_2 {/*　任意の色指定　オレンジ　*/
	color: rgb(255, 70, 30);
}

.any_color_3 {/*　任意の色指定　ブラウン　*/
	color: rgb(50, 0, 0);
}

.any_color_100 { /*　任意の色指定　抑制色　*/
                                color: rgb(128, 128, 128);
}

.shadow_1 {/*　文字に暗い影を付ける　*/
	text-shadow: 2px 2px 4px #000000;
}

.f_color {
	color: #003296;
}

.f_color:hover {
	color: #00b4ff;
}

main {
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}

.making {/*　工事中案内の画像用装飾　*/
	margin: 30px 0 50px 0;
	text-align: center;
}

footer {
	color: #ffbf7f;
	font-size: 10px;
	line-height: 0.4;
}

.footer_logo {
	margin-top: 2em;
	text-align: right;
	background-color: rgba(255, 229, 204, 0.9);/*　半透明効果　含む　*/
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.copyright {
	text-align: center;
	margin-bottom: 5em;
}

h2 {
	text-align: center;
	margin-bottom: 1em;
}

.with_line {/*　<h2>のドットライン付き　マージンをとる　*/
	text-align: center;
	margin-bottom: 1em;
	border-top: 3px ridge rgb(255, 165, 0);
	margin-top: 6em;
}

.komemark {/*　「※」の文章のインデント処理　*/
	text-indent: -1em;
	padding-left: 1em;
}

.indent {/*　インデント処理　*/
	text-indent: 1em;
}

.indent_2 {/*　インデント処理　*/
	text-indent: 2em;
}

/*　横幅指定３種　始まり　*/
.width_wide {
	padding: 0 1em 0 1em;
}

.width_middle {
	padding: 0 4em 0 4em;
}

.width_narrow {
	padding: 0 8em 0 8em;
}
/*　横幅指定３種　終わり　*/

/*　縦幅指定２種　始まり　*/
.height_narrow1 {
	margin-top: -1.2em;
}

.height_wide1 {
	margin-top: 2em;
}

.height_wide2 {
	margin-top: 0.5em;
}
/*　縦幅指定２種　終わり　*/

/*　歩みのdl要素　ここから〜　*/
dt {
	font-weight: bold;
	margin-top: 3em;
}

dd {
	text-indent: -1em;
	padding-left: 3em;
}

dd::before {
	content: "・";
}
/*　歩みのdl要素　〜ここまで　*/

.float {
	float: left;
	padding: 0 1em 1em 0.5em;
}


@media (min-width: 551px) {

	/*　ナビゲーション　ここから〜　*/
	nav {
		background-color: rgba(255, 229, 204, 0.9);/*　半透明効果　含む　*/
		margin: 0 0 20px 0;
		padding: 5px 0 5px 0;
		text-align: center;
	}

	ul {
		padding: 0;
		margin: 5px 0 5px 25px;/*　ul間のマージン　*/
	}

	li {
		display: inline;
		list-style-type: none;
		padding-right: 45px;
	}

	img.logo_text_align {
		vertical-align: text-top;/*　ロゴ画像とテキストの垂直位置指定　*/
	}
	.sp_interval {
		margin: 0 10px 0 10px;
	}
	/*　ナビゲーション　〜ここまで　*/

}

/*　time_scheduleテーブル　ここから〜　*/
.time_schedule {
	text-indent: -1em;
	margin-top: -1em;
}

.time_schedule th {
	width: 3em;
	text-align: right;
}

.time_schedule td {
	width: 3em;
	text-indent: 0em;
	text-align: left;
}
/*　time_scheduleテーブル　〜ここまで　*/


/*　t24_infoテーブル　ここから〜　*/
.underline_dot {
	border-bottom: 2px dotted #ffbf7f;
}

.t24_info th {
	width: 2.3em;
	vertical-align: top;
	text-align: right;
}

.t24_info td {
	padding-left: 1em;
}
/*　t24_infoテーブル　〜ここまで　*/


/*　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　*/


/*　スマートフォン向けCSS　*/
@media (max-width: 550px) {
	/*　全ページ　*/
	.wrapper {
		margin: 0 8px;
	}
	
	/*　background-attachment:fixed;以外の方法で背景画像を固定する（iOS対策）　始まり　*/
	body:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;/*　背景画像開始位置　*/
		left: 0;
		z-index: -1;/*　要素の重なりの順番　*/
		width: 100%;
		height: 100vh;
		background: url("../images/red_bridge_2.jpg") top no-repeat;
		background-size: cover;
	}
	/*　background-attachment:fixed;以外の方法で背景画像を固定する（iOS対策）　終わり　*/
	
	/*　ナビゲーション　*/
	nav {
		background-color: rgba(255, 229, 204, 0.9);/*　半透明効果　含む　*/
		margin: 0 0 20px 0;
		padding: 5px 0 0 0;
		text-align: center;
		font-size: 0.8em;
	}
	
	ul {
		margin: 0;/*　ul間のマージン　*/
		padding: 2px 0 8px 0;
	}
	
	li {
		display: inline;
		vertical-align: 
		list-style-type: none;
		padding-right: 14px;
	}
	.sp_interval {
		margin: 0 5px 0 5px;
	}
	/*　ナビゲーション　〜ここまで　*/
	
	img.logo_text_align {
		vertical-align: text-top;/*　ロゴ画像とテキストの垂直位置指定　*/
	}
	
	/*　横幅指定３種　始まり　*/
	.widthg_wide {
		padding: 0 0.8em 0 0.8em;
	}
	
	.width_middle {
		padding: 0 1em 0 1em;
	}
	
	.width_narrow {
		padding: 0 1.3em 0 1.3em;
	}
	/*　横幅指定３種　終わり　*/
}