@charset "UTF-8";
/* birei.css */
/* - - - * - - - - * - - - - * - - - - * - - - - * - - - - *
 * 制作開始：H25.11.11 (月) H28.05.08 (日)
 * 前々更新：base.css から移行 R02.05.29 (金)
 * レスポンシブ化： R02.06.06 (土) 
 * 前回更新：R04.01.07 (金) R05.02.14 (火)
 * 最終更新：R08.04.20 (月)
 * - - - * - - - - * - - - - * - - - - * - - - - * - - - - *
 */
/* 上・右・下・左 ◆ 上・左右・下 ◆ 上下・左右 */
/* ******************************************** */

/* ▼ #contents内の指定
 * - - - * - - - - * - - - - * - - - - * - - - - *
 */
/* * * * * ▼ .danraku  * * * * * * * * * * * * */
/* * * 食べマルシェコメント用 * * * * */
#contents .dan-700 {
	width: 80%;                    /* ★R02.06.19 (金) */
	margin: 0 auto 0;
	position: relative;
}
#contents .dan-700 div.coment {
	font-size: 1.1em;
	letter-spacing: 8px;
	text-indent: 1em;
	font-weight: bold;
	margin: 0 10px 10px 10px;
}

/* * * * * ▼リストその他 * * * * * * * * * * * */
#contents dl {
	margin: 1em 2em 1em 1em;
}
#contents dt {
	margin: 0.5em 0.5em;
	font-weight: bold;
	border-bottom: 1px dotted #f8f;
}
#contents dd {
	margin-left: 2em;
	margin-bottom: 0.5em;
}
/* * * * * ▼画像 img * * * * * * * * * * * * * */
img {
	border: 0;
}
img.waku {
    border: solid 1px #888;
    margin: 5px;
    padding: 5px;
}
img.waku120 {
    border: solid 1px #888;
    margin: 5px;
    padding: 5px;
    width: 120px;
}
/* * * * * * ★H25.11.20 (水) ▼リンク * * * * * * * * * */
a.mark, span.mark {
	text-align: left;
/* 	letter-spacing: -2px;     ★R08.04.20 (月) -- ★R02.06.14 (日) */
	margin: 5px 0 0 2px;
	padding: 1px 8px 0 7px;
	background:url("./mark.gif") no-repeat -2px 10px;  /* 左端 上端 0 5*/
}
/* - - - - ▼Gallery,Entame,Video,写真用  - - - - */
.box-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;  /* 【並列の中央寄せ】 */
	align-items: center;      /* 【上下の中央寄せ】 */
	padding: 0 10px 20px 5px;
	text-align: center;       /* 【中央寄せ】 */
/* 	border: 1px solid #f00;   【確認用】   */
}
.box-row2 {              /* ★R04.07.23 (土)【左寄せ用】 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px 20px 25px;
}
.box-item {
	margin: 0 2% 0 4%;
	font-size: 0.8em;   /* ★R08.04.20 (月) 追加 */
}
.box-item2 {              /* ★R04.07.23 (土) */
	margin: 0 2% 0 4%;
	text-align: center;       /* 【中央寄せ】 */
}
.box-row img, .box-row2 img {   /* ★R04.07.23 (土) */
		width: 100%;  /* 縦横比維持に必要  */
		height: auto; /* 縦横比維持に必要  */
		max-width: 100%;
}

img.waku {
		width: 100%;  /* 縦横比維持に必要  */
		height: auto;  /* 縦横比維持に必要  */
		max-width: 100%;
		padding: 5px 5px;
		box-sizing: border-box;
	}

video {                 /* ★R05.02.14 (火) */
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}
/* - - - - ▲Gallery,Entame,Video,写真用 - - - - - - - - - - - - - */

/* - - ▼▼▼ - -【レスポンシブ用】- - ▼▼▼ - - - - - - */
@media (max-width: 599px) {
	img.waku {
		width: 80%;  /* 縦横比維持に必要  */
		height: 80%; /* 縦横比維持に必要  */
		max-width: 95%;
		padding: 1px;
		box-sizing: border-box;
	}
	.box-item {
		margin: 0 0 0 2px;
		font-size: 0.67em;     /* ★R08.04.20 (月)検査済 */
		vertical-align: top;
	}
	/* .box-row img {
		width: 80%;
		height: auto; 縦横比維持に必要
		max-width: 100%;
	}  */
}
/* - - ▲▲▲ - -【レスポンシブ用】- - ▲▲▲ - - - - - - */
/* * * * * ▼マーク挿入 * * * * * * * * * * * * */
.greekaku:before {
	color: #afd;
	content: "■";      /* グリーン系マーク挿入 */
	font-size: 0.8em;
	margin-right: 0.4em;
}
.reddot:before {
	color: red;
	font-size: 1em;
	content: "・";      /* マーク挿入 */
	margin-right: 0.5em;
}

/* * * * * ▼画像レイアウト用▼ * * * * * * * * */
#photos { margin-left:50px; }

.pht { float: left; width: 160px; height: 140px;
	background-color: #fff; border: 1px solid #fff; }

.thumb {
	float: left;
	position: relative;
	width: 160px;
	height: 170px;
	margin-left: 5px;
	font-size: 80%;
	color:inherit;       /* 親要素を継承 */
	background-color: #fff;
	border: 1px solid #fff;
}

/* * * * * * * 【注】 * * * * * * * * * * * * * */
.thumb:hover {
	color:inherit;
	background-color: #fff;
	/* border: 1px solid #ddd;   ★H25.11.23 (土) */
}
/* * * * * * * 【img】  * * * * * * * * * * * * */
.img-yoko {
	text-align: center;
	margin-top:20px;
}
.img-tate {
	vertical-align: top;
	text-align: center;
	margin-top: 0px;
	line-height: 1.1;     /* ★H30.12.08 (土) 追加 */
}

/* * * * ▲画像レイアウト用▲ **  * * * * * * * */


/* * * * ▼ ol, ul, OnePoint ▼ * * * * * * * * */
#contents ul {
	list-style-type: none;
	margin: 20px 0 50px 30px;
	font-size: 14pt;
	}
#contents ul li {
	margin: 0 0 10px 0px;
	text-indent: -2.5em;
	}
/* ------- ▼  --------------- */

#contents ul li.blue2:before {
	padding: 0px 10px 10px 30px;
	color: #5ae;
	content: '\25b6';
	}

/* * * * ▼ リンク用マーク ▼ * * * * * * * * * */
div.head {
	margin: 5px 0 10px 0;
	font-size: 1.2em;
	font-family: Century, Osaka, sans-serif;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;     /* ★R02.06.07 (日)  */
	letter-spacing: 1px;
}

 span.mark01 { color: #cc0033;}	/* 臙脂色*/
 span.mark02 { color: #00aa55;}	/* 緑系 */
 span.mark03 { color: #cbcbdb;}	/* 灰色 */
 span.mark04 { color: #ff3311;}	/* 赤 */
 span.mark05 { color: #ffaa00;}	/* 橙 */
 span.mark06 { color: #ffff00;}	/* 黄 */
 span.mark07 { color: #00ffff;}	/* lime */
 span.mark08 { color: #7fffd4;}	/* 薄水色*/
 span.mark09 { color: #0088ff;}	/* 青 */
 span.mark10 { color: #ff88ff;}	/* 桃 */
 span.mark11 { color: #ff33ff;}	/* 濃桃 */
 span.mark12 { color: #ff0000;}	/* 赤 */
 span.mark99 { color: #008844;}	/* 緑 */

/* ★R04.01.07 (金) */
 span.mark21 { color: #ff0000;}	/* 赤 */
 span.mark22 { color: #0088ff;}	/* 青系 */
 span.mark23 { color: #ffaa00;}	/* 橙 */
 span.mark24 { color: #00ffff;}	/* lime */
 span.mark25 { color: #ff88ff;}	/* 桃 */
 span.mark26 { color: #bfbfbf;}	/* 灰色 */
 span.mark27 { color: #00ccbb;}	/* 緑系 */
 span.mark28 { color: #ff33ff;}	/* 濃桃 */
 span.mark29 { color: #0000ff;}	/* 青 */

/* * * * ▲ リンク用マーク ▲ * * * * * * * * * */

/* * * * ▼ 共通 ▼ * * * * * * * * * * * * * * */
p.jiki {
	color: #333;
	text-align: right;
	margin: 0 2px 25px 0;
	max-width: 95%;
	line-height: 1.2;
}

.center { text-align: center; }
.left { text-align: left; }
.red { color: red; }
.orange { color: orange; }
.aqua { color: aqua; }
.yellow { color: yellow; }
.pink { color: #ffcccc; }

/* * * * ▲ 共通 ▲ * * * * * * * * * * * * * * */