@charset "utf-8";



/*
タグ指定
*/



/*全体*/

/*リンク表示設定*/
a{
	color:blue;
	text-decoration:none;
}
a:hover{
	color:#27c2ff;
}
a:active{
	color:#27c2ff
}

/*デザイン*/
body{
	margin:0;
	padding:0;
	background-image:url("../image/background_image.jpg");
	background-repeat:repeat;
}
header{
	background-color: #ffb24b;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}
article{
	font-family: "Kiwi Maru", serif;
	font-weight: 400;
	font-style: normal;
	clear:both;
	width:885px;
	margin-left:auto;
	margin-right:auto;
}
article h1{
	font-size:190%;
	background-color:#ffdbac;
	border:dashed 3px white;
	box-shadow:0 0 0 5px #ffdbac;
	padding:5px;
	padding-left:10px;
}
article h2{
	font-size:170%;
	border-left:10px solid #ffb24b;
	border-bottom:3px solid #ffb24b;
	background:linear-gradient(to left,#fff,#fce8ce);
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
}
article h3{
	font-size:135%;
	border-bottom:4px double #ffb24b;
	border-top:4px double #ffb24b;
	margin-left:10px;
	margin-right:10px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
article p{
	font-size:110%;
	margin-left:10px;
	margin-right:10px;
	text-indent:15px;
}
footer{
	background-color: #ffb24b;
	text-align: center;
	padding-top:15px;
	padding-bottom:15px;
}
footer small{
	color:#4b4948;
}

/*フッターリンク設定*/
small a:link{
	color:#4b4948;
	text-decoration:underline;
}
small a:visited{
	color:#4b4948;
	text-decoration:underline;
}
small a:active{
	background-color:#6b6b6b;
	color:#fff;
}

/*ヘッダー画像の回り込み*/
header img{
	float:left;
	position:absolute;
	top:8px;
}



/*
クラス指定
*/



/*全体：パンくずリスト*/

.pan_list li{
	display:inline;
}
.pan_list ol{
	padding-left:0;
}

/*全体：ページトップへのリンク*/
.pagetop{
	text-align:right;
	font-size:100%;
}

/*全体：最下部コンテンツ用*/
.under_content{
	padding-bottom:20px;
}

/*index.html*/

/*ページデザイン*/
.ramen_top_image_1{
	padding-top:0;
}
.ramen_welcome_title{
	position:relative;
}
.ramen_welcome_title_h1{
	color:white;
	text-shadow:0px 5px 10px black;
	background-color:rgba(0,0,0,0.3);
	box-shadow:0 0 10px black;
	border:none;
	padding:10px;
	font-size:280%;
	position:absolute;
	top:0;
	left:35px;
}
.ramen_top_introduction_mark{
	text-decoration:underline;
	color:red;
}
.release_day{
	background-color:#92e9ff;
}
.default_list{
	font-size:110%;
	list-style-image:url("../image/top_list.png");
}

/*更新履歴*/
.category_ramen1,.category_ramen2{
	font-size:90%;
	padding:7px;
	border-radius:20px;
}
.category_ramen1{
	background-color:greenyellow;
	margin-right:60px;
	padding-left:36px;
	padding-right:36px;
}
.category_ramen2{
	background-color:orange;
	margin-right:60px;
	padding-left:20px;
	padding-right:20px;
}
.under_info{
	border-bottom:1px solid #8d8d8d;
}
.content_release ul{
	font-family:"游ゴシック",sans-serif;
	font-size:110%;
	padding-left:25px;
	padding-right:25px;
	list-style-type: none;
	line-height:4.0;
}
.content_release ul li{
	border-top:1px solid #8d8d8d;
}
.content_release ul time{
	font-weight: bold;
	margin-right:60px;
}

/*更新履歴：リンク設定*/
.content_release a:link{
	color:black;
}
.content_release a:visited{
	color:black;
}
.content_release a:hover{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}

/*ナビゲーション*/
.header_navi nav ul li{
	font-family:"游ゴシック",sans-serif;
	color:#4b4948;
	font-weight:bold;
	list-style-type: none;
	display:inline;
	border-right:2px solid #4b4948;
	padding-right:10px;
	padding-left:10px;
}
.header_navi .last_navi_content{
	border-right:none;
}
.header_navi nav ul{
	text-align:right;
	margin-top:18px;
	margin-bottom:10px;
}
.header_navi{
	width:885px;
	margin-left:auto;
	margin-right:auto;
}
.navi_link a{
	color:#4b4948;
}
.navi_link a:hover{
	text-decoration:underline;
	text-decoration-thickness:1.5px;
	text-underline-offset:4px;
}
.navi_link a:active{
	color:#999491;
}

/*history.html*/

section{
	padding-right:10px;
	clear:both;
}
.image_group{
	float:right;
}
.image_intro{
	font-size:90%;
	margin:3px;
	text-align:center;
}
.content_toc{
	font-family:"游ゴシック",sans-serif;
	background-color:#e9e9e9;
	width:250px;
	border:solid 1px #8f8f8f;
}
.content_toc ul{
	margin-left:5px;
}
.content_toc_title{
	list-style-image:url("../image/toc_list.png");
	font-weight:bold;
}
.footnote{
	font-size:90%;
	text-indent:0;
}
.hide_link{
	color:black;
}
.hide_link:hover{
	color:black;
}

/*shop_intro.html*/

.content_list ul{
	font-family:"游ゴシック",sans-serif;
	font-size:110%;
	padding-left:25px;
	padding-right:25px;
	list-style-type: none;
	line-height:3.5;
}
.content_list li{
	border-top:1px solid #8d8d8d;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}
.content_list li img{
	float:right;
	border-radius:10px;
	box-shadow:0 2px 12px black;
}
.under_list{
	border-bottom:1px solid #8d8d8d;
}
.content_list ul time{
	font-weight: bold;
	margin-right:60px;
}
.content_list a{
	color:black;
}
.content_list a:hover{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}

/*google map埋め込みのレスポンス対応*/
.map_width{
	max-width:70%; /*横幅指定*/
}
.map{
	position:relative;
	width:100%;
	height:0;
	padding-top:75%; /*縦幅指定 画面幅=4:3*/
}
.map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*テーブル*/
table{
	border:3px solid #ffb24b;
	margin-left:auto;
	margin-right:auto;
	font-family:"游ゴシック",sans-serif;
	border-collapse:collapse;
}
th{
	border:3px solid #ffb24b;
	padding:10px;
	background-color:#fff3e4;
}
td{
	border:3px solid #ffb24b;
	padding:10px;
}

.footnote#caution{
	text-align:right;
}

/*local_intro.html*/

.content_toc_2{
	font-family:"游ゴシック",sans-serif;
	background-color:#e9e9e9;
	width:300px;
	border:solid 1px #8f8f8f;
	padding-right:15px;
}
.content_toc_2 ul{
	margin-left:5px;
}
.content_toc_title_2{
	list-style-image:url("../image/toc_list.png");
	font-weight:bold;
}


/*contact.html*/






/*
クエリ
*/



/*画面サイズが885px以下*/
@media(max-width:885px){
	header img{
		position:static;
		float:none;
	}
	.header_navi{
		width:auto;
	}
	.header_navi nav ul{
		text-align:left;
		padding:0;
		margin-top:6px;
		margin-bottom:6px;
		margin-left:10px;
	}
	.ramen_welcome_title_h1{
		font-size:250%;
		left:10px;
	}
	/*ページ全体*/
	article{
		width:auto;
	}
	article img{
		max-width:100%;
		height:auto;
	}
	article h1{
		margin-left:5px;
		margin-right:5px;
	}
	article h2{
		margin-left:5px;
		margin-right:5px;
	}
	article h3{
		margin-left:15px;
		margin-right:15px;
	}
	article p{
		margin-left:15px;
		margin-right:15px;
	}
	footer small{
		margin-left:6px;
		margin-right:6px;
	}
	/*パンくずリスト*/
	.pan_list li{
		padding-left:6px;
		padding-right:6px;
	}
	/*index.html*/
	.content_release li{
		padding-top:10px;
		padding-bottom:10px;
		line-height:2.5;
	}
	/*history.html*/
	.content_toc{
		margin-left:10px;
	}
	/*shop_intro.html*/
	.content_list li{
		line-height:2.5;
		padding-bottom:50px;
	}

	.map_width{
		margin-left:15px;
		margin-right:15px;
	}
	table{
		margin-left:5px;
		margin-right:5px;
	}
	/*local_intro.html*/
	.content_toc_2{
		margin-left:10px;
	}
}

/*画面サイズが680px以下*/
@media(max-width:670px){
	/*ページ全体*/
	article h1{
		font-size:170%;
		margin-left:4px;
		margin-right:4px;
	}
	article h2{
		font-size:150%;
		margin-left:4px;
		margin-right:4px;
	}
	article h3{
		font-size:115%;
		margin-left:10px;
		margin-right:10px;
	}
	article p{
		font-size:95%;
		margin-left:10px;
		margin-right:10px;
	}
	footer small{
		font-size:70%;
	}
	footer{
		padding-top:10px;
		padding-bottom:10px;
	}
	ol li{
		font-size:95%;
	}
	ul li{
		font-size:95%;
	}
	/*全体：ページトップに戻る*/
	.pagetop{
		font-size:85%;
	}
	/*index.html*/
	.header_navi nav ul li{
		font-size:90%;
	}
	.header_navi nav ul{
		margin-top:4px;
		margin-bottom:4px;
		margin-left:1px;
	}
	.ramen_welcome_title_h1{
		font-size:190%;
		padding:5px;
		left:10px;
	}
	.content_release ul{
		font-size:95%;
	}
	.content_list ul{
		font-size:95%;
	}
	.category_ramen1{
		margin-right:40px;
		padding-left:24px;
		padding-right:24px;
	}
	.category_ramen2{
		margin-right:40px;
		padding-left:10px;
		padding-right:10px;
	}
	.content_release time{
		margin-right:40px;
	}
	/*history_html*/
	.image_group{
		float:none;
		text-align:center;
	}
	.image_intro{
		text-align:center;
		font-size:80%;
	}
	.content_toc{
		font-size:90%;
	}
	.footnote{
		font-size:70%;
	}
	/*shop_intro.html*/
	.content_list ul{
		line-height:2.0;
	}
	.content_list li{
		padding-bottom:80px;
	}
	.map_width{
		max-width:100%;
		margin-left:10px;
		margin-right:10px;
	}
	table{
		font-size:95%;
	}
	/*local_intro.html*/
	.content_toc_2{
		font-size:90%;
	}
}

/*画面サイズが655px以下*/
@media(max-width:655px){
	/* shop_intro.html*/
	.content_list li{
		padding-bottom:60px;
	}
	.content_list li img{
		margin-top:15px;
	}
}

/*印刷用スタイル*/
@media print{
	/*index.html*/
	.ramen_welcome_title_h1{
		background-color:transparent;
		color:black;
		text-shadow:none;
		box-shadow:none;
	}
}