/* 開発環境のリボン */
.env-local > h1{
	background-color: aquamarine;
	padding: 24px 0;
	margin: 0;
}
.env-test > h1 {
	background-color: gold;
	padding: 24px 0;
	margin: 0;
}

/* h6 の最終適用CSS */
/* TODO 既存のCSS と折り合いを見て基本セレクタのCSSをまとめる */
h6 {
	color: #000;
	margin: 24px 0;
}

/* 以下カスタム CSS */

/* トップページのニュース記事 */
.toppage-news {
    font-size: 25px;
}
.toppage-news table {
    width: 100%;
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.news iframe, .news-img {
	display: block;
	margin: 0 auto;
}
.news > .f-left {
	float: left;
}
.news > .f-right {
	float: right;
}

/* 注意喚起 */
.attention {
    font: 19px bold;
    color: crimson;
}

/* h2セレクタ */
#hpb-main .main-h2 {
	font-family: '游ゴシック';
	font-size: 25px;
	color : white;
	background-color : maroon;
}
#hpb-main > .hiddon {
	display: none;
}
#hpb-main hr {
	width: 512px;
	height: 9px;
	background-image : url(../img/main_hr.gif);
	background-repeat: no-repeat;
	margin: 10px auto;
}

/* SNS のアイコングループ */
.sns-icons {
	margin: 0 20px;
}
.sns-icons li {
	list-style: none;
	display: inline;
}
.sns-icons li img {
	max-width: 40px;
	max-height: 40px;
	margin: 0 5px;
}

/* お知らせバナー */
.top-note {
	font-size: 20px;
	width: 630px;
	margin: 24px auto;
    padding: 15px 0;
	color : white;
	background-color : maroon;
	text-align: center;
}
.top-note > a {
    color : white;
}

.table-borderd, .table-borderd th, .table-borderd td {
	border-collapse: collapse;
	border: solid 1px #000;
}
/* shoplist のデリバリーアイコンリスト */
#hpb-main .deliveries li, #hpb-main .deliveries a {
	display: inline-block;
	width: 90px;
	height: 90px;
}
#hpb-main .deliveries li {
	list-style: none;
	background-image: none;
	padding: 0;
}
#hpb-main .deliveries li img {
	width: 100%;
	height: 100%;
}

/* aタグをボタン化するCSS */
#hpb-main .btn {
	margin: 24px 0;
}

.btn a {
	padding: 10px;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
}

.btn a:link{ background-color: gray; }
.btn a:hover { background-color: #5f5f5f;}

.btn-blue a:link { background-color: #006fc4; }
.btn-blue a:hover { background-color: #004bc4; }

.btn-olive a:link { background-color: #48660d; }
.btn-olive a:hover { background-color: #1f3306; }