/* ==================================================================================

		Browser Reset Color Me
		Last Up Date 2014/11/18

================================================================================== */

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;javascript:increaseNotesHeight(document.frm.css,%20100)
	/*background:transparent;*/
}


/*-----------Font Setting-------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1;
}

/* for WinIE6*/
* html body {font-size: small; vertical-align:baseline;}
/* for WinIE7*/
*:first-child+html body {font-size: small;}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
	list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}


/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}


/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	/*background:transparent;*/
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}


/*-----------hack-------------*/

/* modern browser except IE */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* IE7 and Mac IE5 */
.clearfix {display:inline-block;}

/* IE6 preIE6 */
/* Hides from IE-mac \*/
*html.clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*-----------For JS-------------*/
.imgover {}

/*-----------Other-------------*/


table {border-collapse:collapse; border-spacing:0; font-size:inherit;}
th,td {text-align:left; vertical-align: top;}
table caption { text-align:left; display: none;}

ul,dl,ol {text-indent: 0;}
ul,ol {list-style: none}

address,caprion,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}


/*-----------Other-------------*/

.clear {clear: both; font-size: 1px; line-height: 1px;}
img {border-style: none;}
hr {display: none;}


/*-----------link-------------*/

a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #F15A24;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}


/*-----------align-------------*/
.alignright {
	float: right;
	margin-left: 5px;
}
.alignleft {
	float: left;
	margin-right: 5px;
}


/* ==================================================================================

		Browser Resetここまで

================================================================================== */

/* ブラウザ幅を960に。コンテンツは940 */
html {
	min-width: 960px;
}

/* 背景画像の設定 */
body {
	background-image: 
		url(https://img06.shop-pro.jp/PA01175/550/etc/background-aoi-umi.jpg),  /* 最前面の背景レイヤーの背景画像 */
		url(https://img06.shop-pro.jp/PA01175/550/etc/bg.png);
	
	background-repeat: 
		no-repeat, /* 最前面の背景レイヤーに対応 */
		repeat;
	
	background-position: 
		center top,
		center bottom;
}



/* 1400px以上の場合は背景画像をブラウザ幅に合わせる */
@media(min-width:1400px){
	body {
		background-size: contain;
	}
}

/* 汎用wrapper */
.wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------------------------------


	ヘッダー
	（ヘッダーは相対配置にして、中身を絶対配置で指定）


---------------------------------------------------------- */
.header {
}
.header .inner {
	width:940px;
	margin-right:auto;
	margin-left:auto;
}
.header .intro {
	font-size:92.4%;
	line-height: 30px;
}
.header .intro .inner {
	position:relative;
}
.header .intro .inner .text {
	color:#FFF;
}
.header .logo {
	padding-top: 15px;
	height: 300px;
}
.header .logo ul {
	float: left;
}

.header .logo ul li.accounts {
	background-color:#FFF;
	padding-top:0px;
	padding-bottom:3px;
	margin-top:3px;
	text-align:center;
}
.header .logo ul li.accounts img {
	margin-top:1px;
	margin-right:5px;
}
.header .logo ul li.accounts a:link {
	color:#666666;
	text-decoration:none;
}
.header .logo ul li.accounts a:hover {
	color:#F15A24;
	text-decoration:none;
}
.header .logo .syouhin {
	float: right;
	width: 630px;
}



/* ------------------------------------------------------- 

ナビゲーションのエリア

-------------------------------------------------------- */

.header .nav {
	height: 40px;
	margin-bottom:40px;
	background-color: #FFF;
}
.header .nav ul {
}
.header .nav ul li {
	float: left;
	padding-right:33px;
	padding-left:33px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:1.3em;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.header .nav ul li a {
	text-decoration: none;
	display: block;
}
.header .nav ul li a:hover {
	text-decoration:none;
	opacity:0.8;
}
.header .nav .inner {
	position: relative;
}
.header .nav .inner .cart {
	position:absolute;
	top:-10px;
	right:0px;
}

.header .nav .inner .cart {
	text-indent: -9999px; 
	float:right;
	margin: 0;  
	padding: 0;  
}

.header .nav .inner .cart a {
	display: block;  
	width: 160px;  
	height: 57px;  
	background-image:url(https://img06.shop-pro.jp/PA01175/550/etc/common_bt_cart.gif) ;
	background-repeat: no-repeat; 
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.header .nav .inner .cart a:hover {
	background-position: 0 -58px;
}


/* -------------------------------------------------------


	コンテンツのエリア


----------------------------------------------------------
*/
.contents {
	width: 700px;
	float: right;
	background-color: rgba(255,255,255,1.0);
	border-radius:5px;
	margin-bottom: 30px;
	padding: 10px;
}

.contents strong {
	font-weight: bold;
	color: #cc0000;
}

.section {
	margin-bottom: 30px;
}


/* -------------------------------------------------------


	サイドバー


----------------------------------------------------------
*/
.sidebar{
	float: left;
	width: 200px;
	line-height: 1.4;
}


/* 基本ブロック =section */
.sidebar .section {
	margin-bottom: 25px;
}


/* -----  取扱い商品  -----*/

.sidebar .category {
	width: 190px;
	background-color:#FFF;
	border:5px solid #FFF;
	border-radius:5px;
 } 
.sidebar .category ul {
	margin-top:10px;
	font-size: 1.05em;
	line-height: 1.45;
 } 
.sidebar .category ul li {
	display: block;
	list-style-type: none;
	margin-bottom: 0.8em;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.21, #FFFFFF),
	color-stop(0.91, #EEEAE6),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 21%, #EEEAE6 91%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 21%, #EEEAE6 91%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 21%, #EEEAE6 91%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 21%, #EEEAE6 91%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #FFFFFF 21%, #EEEAE6 91%, #FFFFFF 100%);
 } 

.sidebar .category ul li:nth-last-child(1) {
	border:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.sidebar .category ul li a {
	display: block;
	padding-left: 5px;
	color: #282828;
}

.sidebar .category ul li a:hover {
	text-decoration:none;
	color:#F15A24;
}


.sidebar .category ul li .itemname {
	vertical-align: top;
	display: inline-block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

/* -- おすすめ商品 --*/

.sidebar .osusume {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidebar .osusume h1.title_osusume01 {
	margin-left:-10x;
	margin-top:-5px;
}
.sidebar .osusume h2.title_osusume02 {
	margin-left:-10px;
	margin-top:-10px;
}

.sidebar .osusume ul {
	margin-top:5px;
	font-size: 1.02em;
	padding-left:5px;
	padding-right:5px;
}
.sidebar .osusume ul li {
	list-style-type: none;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.sidebar .osusume ul li a {
	display: block;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sidebar .osusume ul li a:hover {
	color: #F15A24;
	text-decoration: none;
	font-weight:normal;
}
.sidebar .osusume ul li:nth-last-child(1) {
	border:none;
}



/* ランキング */
.sidebar .ranking {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*ランキングのタイトル*/
.title_ranking {
	color: #E56060;
	font-size: 123.1%;
	text-align: center;
	margin-bottom: 15px;
}


/* ランキングのリストにクラウンの画像を指定 */
.sidebar .ranking ul li{
	background-image: url(https://img06.shop-pro.jp/PA01175/550/etc/crown02.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}

/*疑似クラスで、リストの1〜10番目それぞれクラウンの画像の座標をずらして表示*/
.sidebar .ranking ul li:nth-child(1) {background-position: 0px 10px;}
.sidebar .ranking ul li:nth-child(2) {background-position: -200px 10px;}
.sidebar .ranking ul li:nth-child(3) {background-position: -400px 10px;}
.sidebar .ranking ul li:nth-child(4) {background-position: -600px 10px;}
.sidebar .ranking ul li:nth-child(5) {background-position: -800px 10px;}
.sidebar .ranking ul li:nth-child(6) {background-position: -1000px 10px;}
.sidebar .ranking ul li:nth-child(7) {background-position: -1200px 10px;}
.sidebar .ranking ul li:nth-child(8) {background-position: -1400px 10px;}
.sidebar .ranking ul li:nth-child(9) {background-position: -1600px 10px;}
.sidebar .ranking ul li:nth-child(10) {background-position: -1800px 10px;}

/*リンクをブロック要素に＆paddingを指定*/
.sidebar .ranking ul li a{
	display: block;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 43px;
}

.sidebar .ranking ul li a:hover {
	color: #F15A24;
	text-decoration: none;
	font-weight:normal;
}

/* -- FAXとメールとモバイル --*/

.sidebar .sub {
	background-color: #FFFFFF;
	padding: 8px;
	font-size: 0.98em;
	font-weight: normal;
	line-height: 1.3;
}
.sidebar .sub p.left {
	float:left;
	margin-right:8px;
}

.sidebar p.sub2 {
	text-align:center;
	font-size: 13px;
	padding:4px;
	background-color:#bfac99;
}
.sidebar p.sub2 a {
	color:#FFF;
}


/* 検索窓のスタイリング */
.search-bloc {
	margin-bottom: 5px;
}
.search-bloc h2 {
	font-size:14px;
	font-weight:normal;
	color: #80808080;
}

.search-bloc form {
	display: block;
	position: relative;
}
.search-bloc .search_box {
	border: 1px solid #CCCCCC;
	line-height: 30px;
	width: 200px;
	left: 0px;
	height: 18px;
}
.search-bloc .search_button {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	position: absolute;
	top: 3px;
	right: 0px;
}

/* -------------------------------------------------------

	ページ上部に戻る

----------------------------------------------------------
*/
.pagetop {
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
	zoom: 1;
}
.pagetop p {
	background-image:url(https://img06.shop-pro.jp/PA01175/550/etc/common_pagetop.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 51px;
	float: right;
}
.pagetop a {
	text-indent: 100%;
	height: 50px;
	width: 50px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.pagetop a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/* -------------------------------------------------------

	フッター

---------------------------------------------------------- */

.footer  {
	background-color: #dfd5cc;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
	zoom: 1;
	clear: both;
	font-size: 92.4%;
	line-height: 1.75em;
}

/* フッター内の個別ブロック */
.footer .box {
	background-color: #FFF;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* フッター内の見出し */
.footer .box h3 {
	font-size: 107.8%;
}

/* フッター内の見出し */
.footer .box h3 {
	font-size: 107.8%;
}

/* フッターのリンク色 */
.footer .box ul li a:link {
	color: #666666;
}
.footer .box ul li  a:hover {
	color: #F15A24;
}

.footer .box .aicon {
	margin-top: 6px;
	margin-bottom: 6px;
}

/* 最初のブロック（ガイド）の設定 */
.footer .guide h2 {
	float: left;
	margin-right: 2em;
}
.footer .guide ul li {
	float: left;
	margin-right: 2em;
}


/* 左右の大枠 */
.footer .left {
	width: 500px;
	float: left;
}
.footer .right {
	float: right;
	width: 410px;
}

/* 送料テーブルのスタイリング */
.footer table.carriage {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	margin-bottom: 0.5em;
}

.footer table.carriage td {
	text-align: left;
	padding-left: 2.5em;
	border: solid 1px #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer .tohoku {
	color: #F60;
}

/* コピーライト */
.copyright {
	font-size: 85%;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* ==================================================================================

		商品一覧リスト（モジュール）

================================================================================== */
.item-list {
	margin-top: 15px;
}
.item-list li {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	line-height: 1.5;
	font-size: 100%;
}
.item-list li:nth-child(3n) {
	margin: 0px;
}
.item-list li img {
	height: auto;
	width: 100%;
}
.item-list li a {
	display: block;
	margin-bottom: 5px;
}

.item-list li a:link {
	color: #666666;
}
.item-list li a:hover {
	color: #F15A24;
}

.item-list li .itemPrice {
	font-weight: bold;
	color: #000000;
}

.item-list li .itemPrice strong {
	font-weight: bold;
	color: #FF6600;
}

.item-list li .soldout {
	background-color: #A4A4A4;
	color: #FFFFFF;
	display: inline-block;
	font-size: 92.4%;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* ------------------------------------- 
	商品リスト4列 class="itemlisy l4"にする
 * ------------------------------------ */
.item-list.l4 {
	padding-top: 15px;
}
.item-list.l4 li {
	float: left;
	width: 20.5%;
	margin-right: 6%;
	margin-bottom: 5%;
	line-height: 1.5;
	font-size: 100%;
}
.item-list.l4 li:nth-child(4n) {
	margin-right: -6px;
}
/* ------------------------------------- 
	商品がないとき
 * ------------------------------------ */
.no-match {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: #666666;
	padding-top: 200px;
	padding-bottom: 200px;
}

/* ------------------------------------- 
	ページャー
 * ------------------------------------ */
.pager {
	margin-bottom: 20px;
	line-height: 1.6;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 92.4%;
	padding-left: 5px;
	border-top: 4px solid #B79A20 ;
	border-bottom: 1px dotted #666666 ;
}
.pager h1 {
	font-size: 180%;
	color: #000000;
}

/* ------------------------------------- 
	検索結果のタイトル
 * ------------------------------------ */
.search_title {
	margin-bottom: 20px;
}
.search_title h1 {
	font-size: 138.5%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.search_title h1 strong {
	color: #808080;
}
.search_title p {
	line-height: 1.7em;
}




/* ==================================================================================

		トピックパス

================================================================================== */
.topicPath {
	font-size: 95%;
	color: #808080;
	margin-bottom: 20px;
}
.topicPath li {
	margin-bottom: 0.3em;
}

.topicPath li a {
	color: #808080;
	text-decoration: none;
}
.topicPath li a:hover {
	color: #F15A24;
	text-decoration: underline;
}


/* ==================================================================================

		最近チェックした商品（モジュール）

================================================================================== */
.checked-item h3 {
	font-size: 1.1em;
	color: #666666;
	line-height: 2;
	padding-left: 0.5em;
	margin-bottom: 20px;
}
.checked-item li {
	float: left;
	width: 14%;
	font-size: 85%;
	line-height: 1.4;
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 30px;
}
.checked-item li a {
	display: block;
	margin-bottom: 3px;
}
.checked-item li img {
	width: 100%;
	height: auto;
}
.checked-item .soldout {
	background-color: #A4A4A4;
	color: #FFFFFF;
	text-align: center;
	display: block;
	margin-top: 3px;
}
.checked-item .price-regular {
	color: #cc0000;
	display: block;
	text-align: center;
}
.checked-item .price-sell {
	color: #cc0000;
	display: block;
	text-align: center;
}
.checked-item .price-off {
	color: #FF0000;
	display: block;
	text-align: center;
}

/* ==================================================================================

		SHOPKEEPER

================================================================================== */
.tokushoho th, .tokushoho td {
	border: 1px solid #cab49f;
	padding: 1em;
	line-height: 1.5;
}
.tokushoho th {
	background-color: #e5dbd0;
	white-space: nowrap;
}
.pay-section h3 {
	font-size: 123.1%;
}
.pay-section p {
	line-height: 1.5;
}
.pay-section i {
}
.pay-section {
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 30px;
}
.pay-section img {
	margin-bottom: 10px;
	margin-left: 1.5em;
}
.pay-section p {
	margin-left: 1.5em;
}



/* ==================================================================================

		free.css
		フリーページ

================================================================================== */
/* ==================================================================================

		フリーページ／お買い物について
================================================================================== */



/* ------------------------------------- 
 *	フリーページ／共通
 * ------------------------------------- */

.page {
	padding-left: 30px;
	padding-right: 30px;
}
.page h1 {
	font-size: 2.3em;
	color: #000;
	padding: 1em;
	margin-bottom: 10px;
	border-radius: 5px;
}
.page h2 {
	font-size: 1.8em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #cc0000;
	font-weight: normal;
	text-align: left;
}
table.default {
	background-color: #FFFFFF;
	width: 100%;
	line-height: 160%;
}
table.default th {
	background-color: #f9f9f9;
	width:10em;
}
table.default th, table. {
	padding: 10em;
	line-height: 160%;
	border: 1px solid #cccccc;
}
table.default td.middle{
    font-weight: bold;
    text-align: middle;  
    line-height:160%;
    margin-top:20px;
}


/* ------------------------------------- 
 *	宏八屋について
 * ------------------------------------- */


.about {
	font-size: 1.15em;
	margin:0px auto 20px;
}
.about .section {
	margin-bottom:60px;
}
.about h1 {
	margin-top: 36px;
	text-align:center;
}
.about h2 {
	margin-bottom: 36px;
	text-align:center;
}
.about p {
	line-height: 1em;
	margin-bottom: 0.8em;
	text-align:center;
}
.about #image {
	margin-bottom: 20px;
}



/* ==================================================================================

		フリーページ／お買い物ガイド

================================================================================== */
.guide  {
	margin-bottom: 50px;
	line-height: 1.6;
}
.guide .list div {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.guide .list div h3 {
	font-size: 107.8%;
	margin-bottom: 0.5em;
	color: #000;
}
.guide .list div h4 {
	font-size: 100%;
	margin-bottom: 0.2em;
}
.guide .list div p {
	line-height: 1.6;
	margin-bottom: 1em;
}
/* ------------------------------------- 
 *	夏期休暇用設定／
 * ------------------------------------- */

.holiday-top{
width:920px;
    color:#FFFFFF;
    line-height: 1.3;
    font-size:large;
    font-weight:bolder;
    padding:10px;
    margin:10px 0px;
margin-right : auto;
margin-left : auto;
    background-color:#9BC64A ;
}

.holiday{
width:950px;
    color:#000000;
    line-height: 1.3;
    padding:10px;font-size:medium ;
    padding:10px;padding:0px 10px 10px 10px;
    margin-top:20px;
    margin-bottom:20px;
margin-right : auto;
margin-left : auto;
    background:#FFFFFF ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid grey;
    border-top: 1px solid grey;
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}

.center{
 text-align: center;
}

/* ----------------------- 休業期間のお知らせ -----------------------*/
.holiday-info {
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 30px;
	border: 3px solid #D1D1D1;
	margin-bottom: 20px;
	margin-top: 10px;
  	width: 940px;
  	margin-left: auto;
	margin-right: auto;

}
.holiday-info h2 {
	margin-bottom: 10px;
	color: #474747;
	text-align: center;
	font-size: 16px;
}
.holiday-info__title {
	margin: 0px;
	padding: 0;
	font-size: 14px;
}
.holiday-info__text {
	line-height: 1.8!important;
	color: #4D4D4D;
	font-size: 14px;
	text-align: center;
}
.holiday-info strong{
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	}
.holiday-info__strong1  {
  	line-height: 1.8!important;
	background-color: #BD4547;
	margin-left: auto;
	border-radius: 3px;
	margin-right: auto;
	color: #FFFFFF;
	margin-bottom: 10px;
	width: 80%;
}
.holiday-info__strong2 {
	color: #5B5B5B;
	margin-top: 5px;
}
.holiday-info em {
	font-weight: bold;
	font-style: normal;
}
/* -----------------------  //休業期間のお知らせ -----------------------*/

p.right {text-align: right}


.top-notice-box-1 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.top-notice-box-1::before {
    background-color: #fff;
    color: #da4033;
    content: "◆生うに、かぜ水発送状況のお知らせ◆";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.center{
 text-align: center;
}

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