@charset "UTF-8";
/* CSS Document */
/*リセット*/
ul,li,div,header,footer,main,img,p,a,h1,h2,h3,img{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
.text{
	color:#310808;
	font-size:14px;
	line-height:2em;
}
/*背景*/
body{
	width:100%;
	padding:0;
	margin:0;
	background:url(../../images/bg.png) repeat;
}
html{
	width:100%;
}
.wrapper{
	width:100%;
}

/*---------------------------------------------------ヘッダー---------------------------------------------------*/
/*ラッパー*/
.header_wrapper{
	background-color:#780002;
	border-bottom:#fcc58e solid 5px;
	height:80px;
	position:fixed;
	width:100%;
	z-index:10;
}
.header_box{
	width:1000px;
	margin:auto;
}
/*ヘッダーロゴ*/
.site_title{
	width:220px;
	height:320px;
	background-color:#ffffff;
	position:fixed;
	text-align:center;
	border-bottom:#9c0f17 solid 7px;
}
#header_logo{
	padding:40px 0 20px;
	border-bottom:1px #e6e6e6 solid;
}
.header_tel{
	padding:20px 0;
}
#header_logo_s{
	height:80px;
	position:fixed;
	max-width:220px;
	line-height:80px;
}
.header_tel_s{
	display:none;
}
/*ナビ*/
.nav_wrapper{
}
#nav_button{
	display:none;
	right:10px;
	line-height:80px;
}
#gl_nav{
	 width: 734px;
	 padding:0 0 0 266px;
	 height:80px;
	 display:block;
	 margin:auto;
}
#gl_nav li{
	float:left;
	height:80px;
	display:block;
}
#gl_nav li a{
	background-image:url(../../images/gl_nav.png);
	background-repeat:no-repeat;
	display:block;
	height:80px;
	padding:18px 0 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-indent:-999999px;
	overflow:hidden;
}
.information a{
	width:99px;
	background-position:0px 18px;
}
.takumi a{
	width:153px;
	background-position:-99px 18px;
}
.welcome a{
	width:161px;
	background-position:-252px 18px;
}
.menu a{
	width:95px;
	background-position:-413px 18px;
}
.access a{
	width:96px;
	background-position:-508px 18px;
}
.contact a{
	width:130px;
	background-position:-604px 18px;
}
#gl_nav li a:hover{
	background-image:url(../../images/gl_nav_o.png);
}
/*トップへ戻るボタン*/
#page_top_button{
	position:fixed;
	right:50px;
	bottom:50px;
}

/*---------------------------------------------------メイン---------------------------------------------------*/
.main_box{
	overflow:auto;
}
/*スライダー*/
.slide_box{
	position:relative;
	z-index:1;
	width:941px;
	height:550px;
	margin:170px auto 0;
	padding:0 0 30px;
	background:url(../../images/slide_sakura_l.png) left bottom no-repeat,url(../../images/slide_sakura_r.png) right bottom no-repeat;
}
#slide{
	width:941px;
	height:550px;
	padding:0;
	display:block;
	margin:0 auto;
	z-index:1;
}
#slide div{
	margin:0 auto;
	width:941px;
	height:550px;
}
#slide li{
	display:block;
	width:941px;
	height:550px;
	margin:auto;
}
.slide_copy{
	width:299px;
	height:264px;
	position:absolute;
	top:-30px;
	right:30px;
	z-index:10;
}
/*bxsliderスタイル上書き*/
.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border:none;
background-color:transparent;
z-index:1;
}
/*コンテンツボックス（共通項）*/
.content_header{
	width:100%;
	height:250px;
	background:no-repeat center center;
	background-size:cover;
	margin:80px 0 0;
}
.content_wrapper{
	width:1000px;
	margin:0 auto 0px;
}
.content_box{
	float:none;
	width:820px;
	padding:350px 0 100px;
}
.content_title_text{
	display:none;
}

/*奇数*/
.odd .content_title{
	float:left;
}
.odd .content_box{
	float:right;
}
/*偶数*/
.even .content_title{
	float:right;
}
.even .content_box{
	float:left;
}
#information_wrapper,#contact_wrapper{
	width:1000px;
}
/*-----------------------------------------
　お知らせ
-----------------------------------------*/
#information_wrapper h1{
	margin:90px 0 50px;
}
#information_wrapper h2{
	margin:0 0 20px;
	padding:0 0 7px;
	border-bottom:#fcc58e 1px solid;
}
.fb_wrap{
	float:left;
	width:430px;
}
.coupon_wrap{
	float:right;
	width:530px;
}
.coupon{
	float:right;
}
.calendar_wrap{
	float:right;
	width:530px;
	margin:0;
}
.calendar{
	float:left;
}
.calendar_wrap .word{
	float:right;
}
.fb-page{
	width:100%;
	margin:auto;
}
.fb_text{
	margin-top: 1em;
	padding: 0;
	color: #310808;
	font-size: 14px;
	text-align: center;
}
/*-----------------------------------------
　食の匠
-----------------------------------------*/
#takumi_wrapper .content_header{
	background-image:url(../../images/titlebg_takumi.png);
}
#takumi_box{
}
.photo_wide{
	margin:0 0 0px;
}
.takumi_photo_box{
	margin:-20px 0 0;
	float:left;
	width:375px;
}
.takumi_photo_box .word{
	margin:-30px 0 0;
}
.takumi_text_box{
	float:right;
	width:410px;
	min-height:604px;
}
.takumi_text_box h2,.takumi_text_box p{
	margin:0 0 35px;
}
.link{
	float:right;
}
/*新メニュー*/
.zeikomi{
	color:#9c0f17;
	text-align:right;
	margin:0 0 0.5em;
}
.newmenu{
	clear:both;
	margin:-10 0 0;
}
.newmenu_copy{
	text-align:center;
	margin:30px auto;
}
.newmenu_list li{
	float:left;
	margin:0 0 0 20px;
	text-align:center;
	font-size:18px;
	color:#310808;
}
.newmenu_list li:first-child{
	margin-left:0;
}
.newmenu_list .photo{
	margin:0 0 10px;
}
/*-----------------------------------------
　さくらへようこそ
-----------------------------------------*/
#welcome_wrapper .content_header{
	background-image:url(../../images/titlebg_welcome.png);
}
#welcome_wrapper .content_box{
	background:url(../../images/welcome_bg.png) center no-repeat;
	background-position:70px 350px;
	min-height:1000px;
}
#welcome_wrapper .photo{
	float:left;
}
#welcome_wrapper .text_box{
	width:300px;
	float:right;
	min-height:380px;
}
#welcome_wrapper h2{
	margin:0 0 25px;
}
#welcome_wrapper .section_box_even .photo{
	float:right;
}
#welcome_wrapper .section_box_even .text_box{
	float:left;
}
/*-----------------------------------------
　お品書き
-----------------------------------------*/
.mochi,.other{
	margin:150px 0 0;
}
#menu_wrapper .content_header{
	background-image:url(../../images/titlebg_menu.png);
}
.menu_top{
}
.hat .menu_list_box,.mochi .voice{
	float:left;
	width:390px;
}
.hat .voice,.mochi .menu_list_box{
	float:right;
	width:390px;
}
.menu_list{
	color:#310808;
	margin:50px 0 0;
}
.menu_list h3,.menu_list small{
	padding:0 0 0 25px;
	float:left;
	clear:both;
	display:block;
}
.menu_list li{
	padding:1em 0;
	border-bottom:#fed4ae 1px solid;
}
.menu_list li,.other_menu_list li{
	background:url(../../images/icon_oth.png) no-repeat ;
	background-position:0 1.25em;
	display:block;
}
.other_menu_list li{
	padding:0 0 0 25px;
	line-height:1.7em;
	background-position:0 0.3em;
}
.menu_list li:first-child{
	border-top:#fed4ae 1px solid;
}
.hat .menu_list li{
	border-bottom:#f6c1c2 1px solid;
	background-image:url(../../images/icon_hat.png);
}
.hat .menu_list li:first-child{
	border-top:#f6c1c2 1px solid;
}
.mochi .menu_list li{
	border-bottom:#ffdfa6 1px solid;
	background-image:url(../../images/icon_mochi.png);
}
.mochi .menu_list li:first-child{
	border-top:#fed4ae 1px solid;
}
.value{
	float:right;
	color:#b63636;
}
.mochi .value{
	color:#a66200;
}
.other .menu_list{
	margin:30px 0px 10px;
}
.other .cat_title{
	margin:0 0 20px;
}
.menu_bottom{
	padding:50px 0 0 0;
}
.menu_bottom p{
	float:left;
	margin:0 0 20px 20px;
	min-width:260px;
	min-height:185px;
}

.menu_bottom p:first-child,p.zunda{
	margin-left:0;
}
p.click{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:50px 0 20px 20px;
}
.hat p.click{
	margin-left:0;
}
/*お客様の声*/
.voice_title{
	margin:20px 0 0;
}
.voice_text{
	color:#7c5c43;
	font-size:14px;
	margin:0.5em;
	line-height:1.8em;
}
/*その他*/
.category{
	float:left;
	width:380px;
	min-height:600px;
}
.category_even{
	float:right;
}
/*メニュー一覧*/
.menu_button{
	text-align:center;
	margin:0 0 100px;
}
/*出前お弁当承ります*/
.demae h1,.drive h1{
	text-align: center;
}
.demae .text,.drive .text{
	float:right;
	padding:3em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.demae{
	background:url(../../images/demae_bg.png)  no-repeat center center;
	min-height:125px;
}
.drive{
	background:url(../../images/drive_bg.png)  no-repeat center center;
	min-height:110px;
}
/*ライトボックス調整*/
.lb-outerContainer{
	width: 908px !important;
	height: 608px !important;
}
/*-----------------------------------------
　アクセス
-----------------------------------------*/
#access_wrapper .content_header{
	background-image:url(../../images/titlebg_access.png);
}

#access_wrapper h2{
	font-size:30px;
}
.map{
	width:820px;
	height:400px;
}

.data_list{
	width:380px;
	line-height:1.7em;
	font-size:14px;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	clear:both;
}
.data_list dt{
	float:left;
	clear:both;
	color:#a35a29;
	display:block;
	font-weight:bold;
	padding:1em 0;
}
.data_list dd{
	border-bottom:#fed4ae 1px solid;
	padding:1em 0 1em 90px;
	width:380px;
	margin:0;
	box-sizing:inherit;
}
.access_img_box{
	text-align:right;
	float:right;
	margin: 2em 0 0;
}
.access_img_box .photo{
	margin:0 0 20px 0;
}
.access_title{
	float:left;
	display:block;
	width:380px;
	margin:20px 0 0;
	font-weight:normal;
}
/*-----------------------------------------
　お問い合わせ
-----------------------------------------*/
#contact_wrapper h1{
	margin:120px 0 50px;
}
.important{
	color:#9c0f17;
	font-size:20px;
}
p.important{
	clear:both;
	text-align:center;
	font-size:16px;
	margin:10px 0 10px;
}
.input_title{
	font-size:20px;
	font-weight:normal;
	color:#310808;
	line-height:2em;
	text-indent:1.8em;
	background:url(../../images/icon_red.png) no-repeat center left;
}
/*フォーム*/
.form_text,.form_textbox{
	width:400px;
	font-size:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:#9c0f17 1px solid;
	padding:0.5em;
	margin:5px 0 18px;
}
.form_text{height:50px;}
.form_textbox{height:200px;}
.personal{
	width:400px;
	float:left;
	padding:0 0 0 70px;
}
.message{
	width:400px;
	float:right;
	padding:0 70px 0 0;
}
/*断り書き*/
.privacy{
	margin:30px 70px;
	/*border:#9c0f17 2px solid;*/
}
.privacy h2{
	/*border-bottom:#9c0f17 2px solid;*/
	line-height:1.8em;
	font-size:20px;
	margin:0 0 10px
}
.privacy p{
	font-size:14px;
	line-height:1.7em;
}
/*---------------------------------------------------フッター---------------------------------------------------*/
.footer_wrapper{
	width:100%;
	height:300px;
	background-color:#780002;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:80px 0 0;
	margin:200px 0 0 ;
}
.footer_box{
	width:590px;
	margin:auto;
}
.footer_logo{
	float:left;
}
.footer_tel{
	float:right;
}
.copyright{
	clear:both;
	text-align:center;
	font-size:12px;
	color:#fcc58e;
	padding:90px 0 0;
}

@media print {
	.header_wrapper{
	position:absolute;
	}
}

