@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

p {font-size:13px; line-height:1.5; text-align: justify; color:#FFF;}

.left {float:left;}
.right {float:right;}

.mar_b_5px {margin-bottom:5px;}
.mar_b_10px {margin-bottom:10px;}
.mar_b_20px {margin-bottom:20px;}
.mar_b_30px {margin-bottom:30px;}
.mar_b_40px {margin-bottom:40px;}
.mar_b_50px {margin-bottom:50px;}
.pad_b_10px {padding-bottom:10px;}
.pad_b_20px {padding-bottom:20px;}
.pad_b_30px {padding-bottom:30px;}
.pad_b_40px {padding-bottom:40px;}
.pad_b_50px {padding-bottom:50px;}
.pad_b_80px {padding-bottom:80px;}
.pad_b_100px {padding-bottom:100px;}

/* マウスオーバーのスタイル指定 */
a {text-decoration:none; color:#fff;}
a:hover {text-decoration:underline;}
a:hover img {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); }
/* オーバー時に透明度を下げないもの */
#header #logo a:hover img,
#imgPhoto li a:hover img {-moz-opacity:1; opacity:1; filter: alpha(opacity=100);}

/*--------------------------------------------------------------------------------------------
　　PCサイトのみのスタイル
--------------------------------------------------------------------------------------------*/
#sp_header,
.sp_only {display:none;}
.pc_br {display:block;}

/*--------------------------------------------------------------------------------------------
　　全ページ 共通部分
--------------------------------------------------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","HiraKakuPro-W3", "メイリオ",Meiryo, "ＭＳ Ｐゴシック" ,Arial,Helvetica,sans-serif;
	 color:#FFF;
	 /*background:#4C5168;*/
	 /*background:url(../images/common/bg.png) repeat top left; padding-bottom:20px;*/
	 /*background-attachment: fixed;*/
	 
	 
	background:url(../images/bg.png) repeat top left;
	 
}
a.pink {color:#F2AAF2;}
h1.top {font-size:10px; text-align:center; position:absolute; top:880px; left:50%; color:#999; width:300px; margin:0 auto 50px -150px;}


/* ページの先頭へ */
#totop {position:fixed; bottom:-5px; right:10px;}
#totop a {
	color:#FFF; 
	font-size:10px;
	background:#004E72; 
	border:1px solid #FFF;
	padding:10px 14px 14px 14px; 
	display:block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*box-shadow:0 -2px 8px #232F45;
	-moz-box-shadow:0 -2px 8px #232F45;
	-webkit-box-shadow:0 -2px 8px #232F45;*/
	behavior:url(PIE.htc);
}
* html #totop a {width:100px; float:right;}
#totop a:hover {text-decoration:none; background:#006FA1;}

/* 白背景のボックス 共通 */
.box {
	background:#FFF;
	border:1px solid #FFF;
	/*box-shadow:4px 4px 4px #315A71;
	-moz-box-shadow:4px 4px 4px #315A71;
	-webkit-box-shadow:4px 4px 4px #315A71;*/
	behavior:url(PIE.htc);
	position:relative;
}

/* ヘッダー ============================================================= */
#header {padding:0; z-index:98; width:900px; height:100px; margin:0 auto;}
#logo {float:left; margin:12px 35px 0 0;}


/* @media screen and (max-width:920px){
#header {width:920px;}
}*/


/* グローバルナビ ============================================================= */
#nav ul {width:707px; height:18px; float:left; margin:50px 0 0 0;}
#nav ul li {float:left; height:18px;}
#nav ul li a {display:block; height:18px; background:url(../images/img_nav.png) left top no-repeat; text-indent:-9999px; }
#nav ul li#nav1 a {display:block; width:85px; background-position:left top;}
#nav ul li#nav1 a:hover, #nav ul li#nav1 a.current { background-position:left bottom;}
#nav ul li#nav2 a {display:block; width:115px; background-position:-85px top;}
#nav ul li#nav2 a:hover, #nav ul li#nav2 a.current {background-position:-85px bottom;}
#nav ul li#nav3 a {display:block; width:108px; background-position:-200px top;}
#nav ul li#nav3 a:hover, #nav ul li#nav3 a.current {background-position:-200px bottom;}
#nav ul li#nav4 a {display:block; width:83px; background-position:-308px top;}
#nav ul li#nav4 a:hover, #nav ul li#nav4 a.current {background-position:-308px bottom;}
#nav ul li#nav5 a {display:block; width:189px; background-position:-391px top;}
#nav ul li#nav5 a:hover, #nav ul li#nav5 a.current {background-position:-391px bottom;}
#nav ul li#nav6 a {display:block; width:126px; background-position:-581px top;}
#nav ul li#nav6 a:hover, #nav ul li#nav6 a.current {background-position:-581px bottom;}


/* トップページ ============================================================= */
#header.top {width:706px; margin:0 auto;}
#contents_top {width:900px; margin:0 auto; position:relative; background:#000; height:680px;}
img.top_logo {display:block; position:absolute; top:100px; left:345px; z-index:1;}
img.top_copy {display:block; position:absolute; top:468px; left:150px; z-index:1;}
img.top_img1 {display:block; position:absolute; top:38px; left:590px; z-index:999;}
img.top_img2 {display:block; position:absolute; top:417px; left:27px; z-index:5;}

/* メインカラム ============================================================= */
#container {width:900px; margin:30px auto 50px auto; background:#000;}
#contents {margin:20px; padding-top:20px;}
.inner img.img_cnt {display:block; margin:0 auto;}
h1.page_title {margin:0 0 65px 0;}

#contents .inner {width:800px; margin:0 auto;}
p.attention {font-size:11px;}

/* プロフィール */
.profile h1.page_title {margin:0;}
.profile_box1 {width:420px; height:663px; background:url(../images/img_profile02.jpg) left top no-repeat; float:right;}
img.profile1 {display:block; padding:50px 0 0 30px;}
.profile_box1 p {color:#FFF; line-height:2.0; padding:20px 50px 20px 30px;}
img.profile2 {display:block; padding:0 0 12px 30px;}
img.profile3 {display:block; padding:0 0 12px 30px;}

/* スイーツ */
.sweets .inner p {font-size:13px; line-height:1.8; margin:28px 0;}
.sweets .inner img.price {float:right; padding:20px 0; }
/*.sweets .inner #reserve_box {width:800px; height:260px; margin:50px 0; background:url(../images/img_sweets11.jpg) no-repeat center top; }*/
.sweets .inner #reserve_box {padding-bottom:50px;}
.sweets .inner #reserve_box .text img {padding: 34px 0 0 208px;}
.sweets .inner #reserve_box .tel img {padding: 42px 0 0 58px;}

/* ギフト */
.gift_box1 {float:left; width:267px;}
.gift_box1 p {padding:28px 12px 16px 12px;}
.gift_box1 .gift_box2 {background:url(../images/img_gift3.png) right bottom no-repeat; width:267px; height:183px;}
.gift_box1 .gift_box2 p {font-size:12px; line-height:1.6; color:#000; padding:68px 16px 0 24px; letter-spacing:-0.2px;}

.gift_box3 {float:left; width:256px;}
.gift_box3 p {padding:18px 12px 12px 12px;}
.gift_box4 {width:800px; background:url(../images/img_gift9.jpg) left bottom no-repeat; height:230px; margin:0 0 50px 0;}
.gift_box4 p {padding:18px 0 12px 8px;}
.gift_box4 p.note {padding:0 0 0 8px; font-size:12px; line-height:1.4;} 
.gift_box4 .tel {padding:70px 0 0 5px;}

/* フルーツデコレーション */
.fruits_box1 {width:602px; float:right;}
.fruits #reserve {width:800px; height:148px; background:url(../images/img_reserve2.jpg) no-repeat center top; padding:120px 0 0 0; margin-bottom:50px;}
.fruits .tel img {display:inline-block; padding:0 0 0 37px;}

/* 店舗情報 */
.shop .inner {padding:0 0 50px 0; height:100%;}
.shop_detail .inner {padding:20px 0 50px 0; height:auto;}

.shop_info {padding:20px 0 0 0;}
.shop_info ul {width:450px;}
.shop_info ul li {color:#FFF; font-size:13px; list-style:none; padding:24px 10px 24px 20px; border-bottom:dotted 1px #444;}
.shop_info ul li .title {width:70px; display:inline-block; text-align:left;}
.shop_info a.pink {margin:0 0 0 20px;}
#g_map {width:800px; padding:20px 0 40px 0;}
#g_map iframe {width:800px; height:400px; display:inline-block;}
#g_map p {text-align:right;}
.btn_area {width:324px; margin:0 auto;}
.btn_area a.first {margin-right:10px;} 

.iten {padding: 5% 0;}
.iten h2 {font-size: 30px; line-height: 1.2; font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #FFF; text-align: center;}
.iten p {font-size: 18px; line-height: 2.4; padding: 6%;}
@media screen and (max-width:640px){
.iten {width: 94%; padding: 5% 0;}
#container .gion {width: 100%;}
#shop_detail .gion .contents, #shop_detail .gion .inner {width:90%; margin: 0; padding: 0;}
.iten h2 {font-size: 300%;}
}
@media screen and (max-width:640px){
#contents.shop .inner a img {margin-bottom:100%;}
}

/*--------------------------------------------------------------------------------------------
　　404ページ
--------------------------------------------------------------------------------------------*/
.error404 {margin-top:30px;}
.error404 .box {padding:100px 0;}
.error404 p {text-align:center;}
#content .error404 p.text_01 {color:#EEDDE6; font-size:20px; font-weight:bold;}
#content .error404 p.text_02 {color:#999; font-size:20px; font-weight:bold; margin-bottom:100px;}
.error404 .box_area {
	background:#F3F3F3;
	border-radius: 12px; /* CSS3草案 */
	-webkit-border-radius: 12px; /* Safari,Google Chrome用 */
	-moz-border-radius: 12px; /* Firefox用 */
	text-align:center;
	width:600px;
	margin:0 auto;
	padding:30px;
}
.error404 .box_area p {line-height:1.8; margin-bottom:20px; font-size:18px;}




/** {
	  -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	      box-sizing: border-box;
}*/
@media screen and (max-width: 768px) {
html {font-size : 80.0%;}
}
@media screen and (max-width: 640px) {
html {font-size : 80.0%;}
.shop_info ul li {font-size:60%;}
}






/*---------------
　  clearfix
---------------*/
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* 印刷時のみ適用 */
@media print {
    /* 全体の横幅を960pxに制限 */
    body {
        width: 960px !important;
        margin: 0 auto;
    }
}