/*---------------------------------------------------------
Theme Name: さつまや
Theme URI: http://www.umakaumaka.com
Description: オリジナルテーマ
Author: okoshi
License:
License URI:
Version: 20150514
---------------------------------------------------------*/

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

  共通スタイル

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

body {
	background:url(img/common_bg.jpg) center top repeat-y #D8A965;
	list-style:none;
	-webkit-text-size-adjust: 100%; 
	padding-bottom:50px;
}
ul {
	list-style:none;
	padding:0;
}
li {
	margin:0;
	padding:0;
}
a {
	color:#8F2A3C;
}
a:hover {
	text-decoration:none;
}
#wrapper {
	width:956px;
	margin:0 auto;
}
#gNav {
	margin-bottom:10px;
	padding-left:10px;
}
#gNav ul {
	display:block;
	overflow:hidden;
}
#gNav ul li {
	float:left;
	display:block;
}
#subMenu ul {
	display:block;
	overflow:hidden;
	margin-bottom:6px;
	padding-left: 210px;
}
#subMenu ul li {
	float:left;
	display:block;
	margin-right:40px;
}
header {
	display:block;
	overflow:hidden;
	padding:15px 0 10px;
}
header h1 {
	float:left;
}
header #subMenu {
	float:left;
	padding-top:25px;
	padding-left:10px;
}
header #subMenu ul {
	padding-left:0;
}
footer {
	padding:10px;
}
footer .copyright {
	text-align:right;
	display:block;
	text-align:center;
}
#contents {
}
.contents-type1 {
	background:url(img/contents_bg_top.png) no-repeat top center;
	padding-top:30px;
	width:926px;
	margin:0 auto;
}
.contents-type1-btm {
	background:url(img/contents_bg_btm.png) no-repeat bottom center;
	padding-bottom:30px;
}
.contents-type1-in {
	background:url(img/contents_bg_in.png) repeat-y center center;
	padding:0 30px;
}

/* home */
body.home #mainvisual {
	margin-bottom:8px;
}
body.home #mainvisual ul {
	position:relative;
	width:956px;
	height:492px;
}
body.home #mainvisual ul li {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
body.home #news {
	background:url(img/top_news_bg.png) no-repeat center top;
	width:850px;
	height:202px;
	padding:27px 50px;
}
body.home #news .left {
	width:73px;
	float:left;
}
body.home #news .right {
	float:right;
	width:740px;
}
body.home #news .left h2 {
	margin:0;
	padding:5px 0 0 10px;
}
body.home #news table th,
body.home #news table td {
	padding:5px 0;
}
body.home #news table th {
	white-space:nowrap;
	padding-right:10px;
}

/* kodawari */
body.kodawari .contents-type1 {
	text-align:center;
}
body.kodawari .contents-type1-in {
	padding-top:20px;
}

/* mise */
body.store section.store {
	background:url(img/1021_mise_bg.png) no-repeat center top;
	height:382px;
	padding:80px 50px 80px 70px;
	margin-bottom:15px;
	display:block;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
body.store .title {
	overflow:hidden;
	
}
body.store .title h1 {
	float:left;
	line-height:1.4em;
	margin-right:15px;
	font-size:23px;
	margin-bottom:8px;
}
body.store .title p {
	float:left;
	padding-top:7px;
}
body.store .catchcopy {
	margin-bottom:25px;
	font-size:15px;
}
body.store .images {
	margin-bottom:15px;
}
body.store .images ul {
	display:block;
	overflow:hidden;
}
body.store .images ul li {
	float:left;
	margin-right:10px;
}
body.store .images ul li:last-child {
	margin-right:0;
}
body.store .images ul li img {
	border-radius:2px;
}
body.store .foot {
	overflow:hidden;
}
body.store .foot .tel {
	font-size:20px;
	font-weight:bold;
	margin-bottom:8px;
}
body.store .foot .address {
	font-size:15px;
	line-height:1.6em;
	float:left;
	width: 460px;
}
body.store .foot ul {
	display:block;
	float:right;
	width:320px;
	padding-top:15px;
}
body.store .foot ul li {
	float:left;
}

body.sinagaki .tabs {
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom:30px;
}
body.sinagaki .tabs li {
	display:inline-block;
}
body.sinagaki .tabs li a {
	display:inline-block;
	width:355px;
	height:107px;
	text-indent:-9999px;
}
body.sinagaki .tabs li.food a {
	background:url(img/sinagaki-tab1.png) no-repeat left bottom;
}
body.sinagaki .tabs li.drink a {
	background:url(img/sinagaki-tab2.png) no-repeat left bottom;
}
body.sinagaki .tabs li a.active,
body.sinagaki .tabs li a:hover {
	background-position:top left !important;
}
body.sinagaki .catchcopy {
	font-size:18px;
	text-align:center;
	margin-bottom:35px;
}
body.sinagaki .group {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
body.sinagaki-food ul.menuList {
	display:block;
	overflow:hidden;
	margin-right:-20px;
}
body.sinagaki-food ul.menuList li {
	float:left;
	width:155px;
	margin-right:22px;
	text-align:center;
	margin-bottom:15px;
}
body.sinagaki-food ul.menuList li img {
	border-radius:2px;
	display: block;
	margin-bottom:8px;
}
body.sinagaki-food ul.menuList li .name {
	font-weight: bold;
}

body.sinagaki-drink ul.menuList {
	display:block;
	overflow:hidden;
	margin-right:-20px;
}
body.sinagaki-drink ul.menuList li {
	float:left;
	width:104px;
	margin-right:22px;
	text-align:center;
	margin-bottom:15px;
}
body.sinagaki-drink ul.menuList li img {
	border-radius:2px;
	display: block;
	margin-bottom:8px;
}
body.sinagaki-drink ul.menuList li .name {
	font-weight: bold;
}

/* mailmaga */
body.mailmaga,
body.mailmaga_del {
	background:#000;
	padding-top:25px;
}
body.mailmaga #mailmagaWrap,
body.mailmaga_del #mailmagaWrap {
	width:991px;
	height:475px;
	margin:0 auto;
	background:url(img/mailmaga_bg.png) no-repeat left top;
	position:relative;
}
body.mailmaga #mailmagaWrap .in,
body.mailmaga_del #mailmagaWrap .in {
	text-align:center;
	padding-top:110px;
}
body.mailmaga #mailmagaWrap table,
body.mailmaga_del #mailmagaWrap table {
	width:440px;
	margin:0 auto;
	margin-top:10px;
}
body.mailmaga #mailmagaWrap table th,
body.mailmaga_del #mailmagaWrap table th {
	width:80px;
}
body.mailmaga #mailmagaWrap table input[type=text],
body.mailmaga_del #mailmagaWrap table input[type=text] {
	border:solid 1px #000;
	padding:6px;
	width:100%;
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:0;
}
body.mailmaga #mailmagaWrap table input[type=submit],
body.mailmaga_del #mailmagaWrap table input[type=submit] {
	background:#000;
	color:#fff;
	border:none;
	padding:7px;
	-webkit-appearance:none;
	border-radius:0;
}
.btn_del {
	display:block;
	position:absolute;
	bottom:80px;
	left:420px;
}
body.mailmaga small.copyright,
body.mailmaga_del small.copyright {
	color:#888 !important;
}

/* news */
body.news article {
	display:block;
	padding:20px 120px 40px;
}
body.news article .title {
	border-bottom: dashed 1px #230000;
	margin-bottom:20px;
}
body.news article h1 {
	text-align:center;
	font-size:20px;
	margin-bottom:12px;
}
body.news article .date {
	text-align:center;
	margin-bottom:15px;
}
body.news article .editor {
	font-size:15px;
	padding:0 15px;
}

body.news section {
	display:block;
	padding:30px 120px ;
	border-bottom: dashed 1px #230000;
	text-align:center;
}
body.news section:last-child {
	border-bottom:none;
}
body.news section h1 {
	line-height:1.4em;
	
}
body.news section .date {
	text-align:center;
	margin-bottom:10px;
	color:#230000;
	font-weight:bold;
}

/* 10/21追加 */
#mainvisualWrap {
	position:relative;
}
#mainvisualWrap a.reservation {
	position:absolute;
	right:50px;
	bottom:50px;
	z-index:100;
}
#mainvisualWrap a.reservation:hover {
	opacity:0.9;
}

header div.reservation {
	float:right;
	padding-right:21px;
	padding-top:15px;
}
header div.reservation a:hover,
.store .reservation a:hover  {
	opacity:0.8;
}
section.store .reservation {
	padding-top:7px;
}
#popup-reservation {
	display:none;
	z-index:101;
}
#popup-reservation-bg {
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:102;
}
#popup-reservation-in {
	width:666px;
	position: fixed;
	top:150px;
	left:50%;
	margin-left:-331px;
	z-index:103;
}
#popup-reservation-in section {
	display:block;
	width:220px;
	float:left;
	margin-right:2px;
	background:#EDCE9A;
}
#popup-reservation-in section p {
	display:block;
	padding:0 15px;
	height:130px;
}
#popup-reservation-in section .btn {
	background:rgba(255,255,255,0.1);
	text-align:center;
	padding:5px;
}
#popup-reservation-in .close {
	text-align:right;
	margin-bottom:3px;
}
#popup-reservation-in .close a {
	display:inline-block;
	padding:5px;
	color:#fff;
	font-size:14px;
}



#sp-reservation .open {
}
#sp-reservation .open a {
	width:100%;
	padding:6% 0;
	background:#E93D45;
	color:#fff;
	display:block;
	text-align:center;
	font-size:50px;
	font-weight:bold;
	text-decoration:none;
}
#sp-reservation-list {
	display:none;
}
#sp-reservation-list ul li {
	display:block;
}
#sp-reservation-list ul li a {
	display:block;
	background:url(img/1021_sp_btn.png) 95% center no-repeat #fff;
	background-size:25px;
	padding:6% 0;
	border-top:solid 1px #ddd;
	font-size:50px;
	text-align:center;
	text-decoration:none;
}
#sp-reservation-list ul li a:hover,
#sp-reservation-list ul li a:active {
	background:#eee;
}