@charset "utf-8";

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

注意：共通ヘッダーを実装する際、背景色を変更する場合、
　　　または、ぐるなびロゴを変更する場合は、以下の部分のみを変更してください。

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



/*
---------------------------------------------------------------
背景のグラデーション色を変更する場合
---------------------------------------------------------------

* background-image 内を各ブラウザ用に記述。

*/

#gnHeader .gnColor {
	background-color:#fd9999;
	background-image:linear-gradient(/* 任意のグラデーション指定色 */);
	background-image:-moz-linear-gradient(/* 任意のグラデーション指定色 */);
	background-image:-ms-linear-gradient(/* 任意のグラデーション指定色 */);
	background-image:-webkit-gradient(/* 任意のグラデーション指定色 */);
}

/*
---------------------------------------------------------------
グラデーションを使用せずマッド背景色を設定する場合
---------------------------------------------------------------

* background-image:none;　を指定
* background-color に任意の色を指定

*/

#gnHeader .gnColor {
	background-color:/* 指定色（グラデーションの濃い色の部分が望ましいけどいい感じで） */;
	background-image:none;
}



/*
---------------------------------------------------------------
★★★　背景を変更したらボタンに付く影の色も変更してください。
---------------------------------------------------------------
*/

#gnHeader .gnButton {
	-webkit-box-shadow:0px 1px 2px /* 任意のシャドウ色を指定 */;
	-moz-box-shadow:0px 1px 2px  /* 任意のシャドウ色を指定 */;
	-ms-box-shadow:0px 1px 2px  /* 任意のシャドウ色を指定 */;
	box-shadow:0px 1px 2px  /* 任意のシャドウ色を指定 */;
}





/*
---------------------------------------------------------------
ぐるなびロゴをサービスロゴに変更する場合
---------------------------------------------------------------

* ロゴ画像はRetinaディスプレイに対応したサイズで作成。
* background-size は　必ず高さ部分が16pxになる。(ロゴ画像は高さ32px）
* 画像幅は 180px　まで許容できる（ロゴ画像の幅は360px まで）

*/

#gnHeaderLogo p {
	width:86px/* 画像の1/2サイズの幅を指定 */;
	background-image:url(../../img/WeddingAll/wedding.png);
	-webkit-background-size:86px 16px/* 画像の1/2サイズの大きさを指定。　高さは必ず「16px」 */;
	-moz-background-size:86px 16px/* 画像の1/2サイズの大きさを指定。　高さは必ず「16px」 */;
	-ms-background-size:86px 16px/* 画像の1/2サイズの大きさを指定。　高さは必ず「16px」 */;
	background-size:86px 16px;
}