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

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-size: 100%;*/
/*font: inherit;*/
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*====================*/

*{
	margin:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	padding:0;
	border:0;
	text-decoration:none
}

a,body,input,select,textarea{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	color:#333;
	line-height:1.5em;
}

html{
}

body{
	background-image:url(./img/main_bg.png);
}

body,html{
	width:100%;
	min-width:1250px;
}

a{
	color:#0462a7;
}

/* header */

#head_wrap{
	position:fixed;
	width:100%;
	background-color:#903f52;
	transition:.2s;
	top:0;
	overflow:hidden;
	z-index:10;
}

#header{
	position:relative;
	width:1200px;
	margin:auto;
	padding:0 3em;
	overflow:hidden;
	box-sizing:border-box;
}

#header:after{
	display:block;
	position:absolute;
	content:"";
	margin:auto;
	width:100%;
	bottom:1px;
	left:0;
	right:0;
}

#header h1{
	float:left;
	padding:0.5em 0;
	font-size:100%;
}

#header h1 a{
	color:#fff;
}

#header ul{
	float:right;
	overflow:hidden;
}

#header ul li{
	float:left;
}

#header ul li a{
	display:block;
	padding:0.5em 2em;
	color:#fff;
	font-size:90%;
	font-weight: bold;
	transition:.2s;
}

#header ul li a span{
	vertical-align:middle;
	display: -webkit-inline-block;
	display: inline-block;
	-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
	transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

#header ul li a:hover span{
	-webkit-transform: rotate3d(0,1,0, 360deg);
	-ms-transform: rotate3d(0,1,0, 360deg);
	transform: rotate3d(0,1,0, 360deg);
}

#header ul li a:hover{
	background-color:#cd97a4;
	transition:.2s;
}

/* topimage */

#top_image{
	width:871px;
/*	height:247px;
	visibility:hidden;*/
	margin:80px auto 5px;
}

#top_image img{
	width:100%;
}

.bx-wrapper .bx-viewport{
	border-radius:15px;
}

/* menu_wrap */
#menu_wrap{
	width:800px;
	height:254px;
	margin:0 auto 13px;	
}

#menu_wrap ul{
	height:100%;
	overflow:hidden;
}

#menu_wrap ul li{
	float:left;
	margin:0 2%;
	width:29%;
	height:230px;
}

#menu_wrap ul li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:50%;
	border-radius:15px;
	transition:.2s;
}

#menu_wrap ul li:nth-child(1) a{
	background-image:url(./img/menu-wine.png);
}

#menu_wrap ul li:nth-child(2) a{
	background-image:url(./img/menu-koubou.png);
}

#menu_wrap ul li:nth-child(3) a{
	background-image:url(./img/menu-nouen.png);
}

#menu_wrap ul li a:hover{
	background-color:rgba(255,255,255,.8);
	transition:.2s;
}

/* news_wrap */
#news_wrap{
	background-color:rgba(205, 151, 164, 0.2);
}

#news{
	width:1200px;
	padding:1em 3em 3em;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
}

#news h3{
	height:80px;
	text-indent:-9999px;
	background-image:url(./img/whatnew.png);
	background-repeat:no-repeat;
	background-position:50%;
}

#rss{
	width:90%;
	padding:1em;
	margin:15px auto;
	background-color:rgba(255,255,255,0.7);
	border-radius:15px;
	box-sizing:border-box;
}

#rss h4{
	padding:10px;
	margin-bottom:13px;
	border-bottom:1px dotted #333;
}

#rss table{
	width:100%;
}

#rss td.date{
	width:15%;
	text-align:right;
}

#rss td {
	padding:8px;
	border-bottom:1px solid #ccc;
	border-radius:0 !important;
}

#sns-icon p{
	padding:1em;
	text-align:center;
}

#sns-icon a{
	margin:0 1em;
}

#sns-icon a:hover img{
	opacity:.5;
}

/* main */
#main{
	background-image:url(./img/cont_bg.png);
}

#cont h3{
	position:relative;
	margin:0 auto 13px;
	height:450px;
	overflow:hidden;
}

#cont h3::before{
    content: "";
    background-image:url(./img/koubou_bg.jpg);
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    width: 101%;
    height: 456px;
    margin: 0;
    padding: 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  top:-3px;
  left:-3px;
  overflow:hidden
}

#cont h3 span{
	text-indent:-9999px;
	background-image:url(./img/h3_koubou.png);
	background-repeat:no-repeat;
	background-position:50%;
}

#cont h3 span{
	position:absolute;
	padding:2em;
	margin:auto;
	width:30%;
	height:1em;
	font-size:250%;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	top:0;
	bottom:0;
	left:0;
	right:0;
}


#cont h3:last-of-type:before{
	background-image:url(./img/nouen_bg.jpg);
}

#cont h3:last-of-type span{
	background-image:url(./img/h3_nouen.png);
}


#cont h4{
	margin-bottom:13px;
	color:#903f52;
	font-size:150%;
}

#cont h5{
	padding:8px;
	margin-bottom:8px;
	font-size:100%;
	border-bottom:1px solid #333;
}

#cont table{
	width:100%;
	margin:0 0 13px;
	font-size:90%;
	border-top: 1px solid #903f52;
	border-right: 1px solid #903f52;
	border-bottom: 1px solid #903f52;
	border-radius:15px;
	border-collapse: separate;
	border-spacing: 0;
	overflow:hidden;
}

#cont th{
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#903f52;
	white-space:nowrap;
}

#cont td{
	padding:8px;
	background-color:#fff;
}

#cont th,
#cont td{
	vertical-align: middle;
	border:0;
	border-left:1px solid #903f52;
	border-bottom:1px solid #903f52;
}

#cont table tbody tr:last-child>th,
#cont table tbody tr:last-child>td {
	border-bottom: none;
}

#cont table tbody tr + td {
	border-left: none;
}

#cont table table{
	font-size: 100%;
}

#cont table tbody tr:first-child th:first-child {
  border-radius: 15px 0 0 0;
}
#cont table tbody tr:first-child th:last-child {
  border-radius: 0 15px 0 0;
}
#cont table tbody tr:last-child>th:first-child {
  border-radius: 0 0 0 15px;
}
#cont table tbody tr:last-child th:last-child {
  border-radius: 0 0 15px 0;
}

#cont table tbody tr:first-child td:first-child {
  border-radius: 15px 0 0 0;
}
#cont table tbody tr:first-child td:last-child {
  border-radius: 0 15px 0 0;
}
#cont table tbody tr:last-child>td:first-child {
  border-radius: 0 0 0 15px;
}
#cont table tbody tr:last-child td:last-child {
  border-radius: 0 0 15px 0;
}

#cont table tbody tr:last-child:first-child > th:first-child,td:first-child{
  border-radius: 15px 0 0 15px;
}

#cont table tbody tr:last-child:first-child > td:last-child,td:last-child{
  border-radius: 0 15px 15px 0;
}

#koubou,
#nouen{
	width:1200px;
	padding:3em;
	margin:0 auto;
	box-sizing:border-box;
}

#koubou p,
#nouen p{
	margin-bottom:13px;
}

#koubou div p,
#nouen div p{
	margin-bottom:0;
}

#koubou ul li,
#nouen ul li{
	padding-left:50%;
	margin-bottom:80px;
	background-repeat:no-repeat;
	background-position:0 20%;
}

#koubou ul li:nth-child(1){
	background-image:url(./img/pizza.png);
}

#koubou ul li:nth-child(2){
	background-image:url(./img/soba.png);
}

#koubou ul li:nth-child(3){
	background-image:url(./img/sausage.png);
}

#koubou ul li:nth-child(4){
	background-image:url(./img/talt.png);
}

#nouen ul li:nth-child(1){
	background-image:url(./img/budou_icon.png);
}


#koubou div,#nouen div{
	padding:8px;
	margin-bottom:5em;
	background-color:#903f52;
	border-radius:15px;
	overflow:hidden;
}

#koubou div p,#nouen div p{
	float:left;
	width:50%;
	color:#fff;
	text-align:center;
}

#koubou div p:last-child,#nouen div p:last-child{
	font-size:150%;
	padding-top:13px;
}

#cont .tel a{
	color:#fff;
}

/* footer */
#foot_wrap{
	background-color:rgba(255,255,255,0.5);
}

#foot_wrap h3#about{
	position:relative;
	width:100%;
	height:400px;
	margin:0 auto 30px;
	overflow:hidden;
}

#foot_wrap h3#about span{
	position:absolute;
	padding:2em;
	margin:auto;
	width:40%;
	height:1.5em;
	font-size:250%;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#foot_wrap h3#about span{
	text-indent:-9999px;
	background-image:url(./img/h3_about.png);
	background-repeat:no-repeat;
	background-position:50%;
}

#foot_wrap h3#about:before{
    content: "";
	background-image:url(./img/gaikan.jpg);
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    width: 101%;
    height: 406px;
    margin: 0;
    padding: 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    top:0;
    left:0;
}

#footer{
	width:1200px;
	margin:0 auto;
}


#footer table{
	width:65%;
	margin:0 auto 80px;
}

#footer table th{
	width:20%;
	padding:0.5em;
	text-align:center;
}

#footer table td{
	padding:0.5em;
}

#footer table .tel a{
	color:#333
}

#access{
	padding:80px 0 0;
	margin:0 auto 13px;
	height:1.5em;
	color: #903f52;
	font-size:250%;
	text-align:center;
	border-top:5px dotted #903f52;
}

#foot_wrap iframe{
	display:block;
	margin:0 auto 80px;
	background-color:rgba(255,255,255,0.5);
}

#copyright{
	background-color: #903f52;
}

#copyright p{
	padding:0.5em;
	color:#fff;
	text-align:center;
}

/* page top */

  .pageTopBtn a {
    display: block;
    width: 40px;
    height: 50px;
    padding:15px 0;
    background: url("./icon_pageTop.png") center 2px no-repeat;
    background-size: 40px auto;
    background-position:center;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    }
/*    .pageTopBtn:hover {
      background: rgb(165, 96, 111,);
      }*/
  .pageTopBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 0px;
    width: 40px;
    height: 80px;
    margin-bottom: 0;
    border-radius: 15px 0 0 15px;
    background: rgba(165, 96, 111, 0.6);
    box-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
    cursor:pointer;
    z-index:50;
}


/* smartphone */


@media screen and (max-width:420px){

body,html{
	min-width:100%;
}

/* header */

#head_wrap{
	height:auto !important;
	background-color: rgba(144, 63, 82, .8);
}

#header{
	padding:0 1em;
	width:100%;
}

#header:after{
	display:none;
}

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

.icon_menu {
    position:relative;
    padding: 0.7em 0;
    width: 40px;
    height:1.6em;
    height: auto;
    float: right;
}

.icon_menu:before {
	position:absolute;
	display:block;
	content:"＋";
	color:#fff;
	font-weight:bold;
	font-size:160%;
	transition:.2s;
    -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.icon_menu.open:before {
	position:absolute;
	display:block;
	content:"＝";
	color:#fff;
	font-weight:bold;
	transition:.2s;
    -webkit-transform: rotate3d(0.5,0.5,0.5, 360deg);
    -ms-transform: rotate3d(0.5,0.5,0.5, 360deg);
    transform: rotate3d(0.5,0.5,0.5, 360deg);
}

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

#header ul {
	display:none;
}

#header ul li{
	width: 50%;
}

#header ul li a{
	display:block;
	padding:0.5em 2em;
	color:#fff;
	font-weight: bold;
	transition:.2s;
}

#header ul li a span{
	vertical-align:middle;
	display: -webkit-inline-block;
	display: inline-block;
	-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
	transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

#header ul li a:hover span{
	-webkit-transform: rotate3d(0,1,0, 360deg);
	-ms-transform: rotate3d(0,1,0, 360deg);
	transform: rotate3d(0,1,0, 360deg);
}

#header ul li a span img{
	width:1em;
}

#header ul li a:hover{
	background-color:#cd97a4;
	transition:.2s;
}

/* topimage */

#top_image{
	width:98%;
	height:auto;
}

/* menu_wrap */
#menu_wrap{
	width:100%;
	height:auto;
}

#menu_wrap ul li{
	height:100%;
}

#menu_wrap ul li a{
	height: 0;
	padding-top: 160%;
	background-size:140%;
}

#menu_wrap ul li:nth-child(1) a{
	background-image:url(./img/menu-wine_sp.png);
}

#menu_wrap ul li:nth-child(2) a{
	background-image:url(./img/menu-koubou_sp.png);
}

#menu_wrap ul li:nth-child(3) a{
	background-image:url(./img/menu-nouen_sp.png);
}

/* news_wrap */
#news{
	padding: 1em 1em 3em;
	width:100%;
}

#rss{
	float:none;
	margin-bottom:13px;
	width:100%;
	min-height:100%;
}

#rss td,
#rss td.date {
	display:block;
	width:100%;
	text-align:left;
}

#rss td.date{
	border-bottom:0;
}

/* main */
#cont h3{
	position:relative;
	margin:0 auto 13px;
	height:300px;
}

#cont h3 span{
	position:absolute;
	padding:1em 0;
	width:100%;
	background-size:cover;
}

#cont h3 span{
	background-image:url(./img/h3_koubou_sp.png);
}

#cont h3:last-of-type span{
	background-image:url(./img/h3_nouen_sp.png);
}


#cont h3::before{
background-attachment: inherit;
}

#cont th{
	display:block;
}

#cont td{
	display:block;
}

#cont table tbody tr:first-child th:first-child {
  border-radius: 15px 15px 0 0;
}
#cont table tbody tr:first-child th:last-child {
  border-radius: 0 0 0 0;
}
#cont table tbody tr:last-child>th:first-child {
  border-radius: 0 0 0 0;
}
#cont table tbody tr:last-child th:last-child {
  border-radius: 0 0 15px 15px;
}

#cont table tbody tr:first-child td:first-child {
  border-radius: 15px 15px 0 0;
}
#cont table tbody tr:first-child td:last-child {
  border-radius: 0 0 0 0;
}
#cont table tbody tr:last-child>td:first-child {
  border-radius: 0 0 0 0;
}
#cont table tbody tr:last-child td:last-child {
  border-radius: 0 0 15px 15px;
}

#cont table tbody tr:last-child:first-child > th:first-child,td:first-child{
  border-radius: 0 0 0 0;
}

#cont table tbody tr:last-child:first-child > td:last-child,td:last-child{
  border-radius: 0 0 0 0;
}

#koubou,
#nouen{
	width:100%;
	padding:1em;
	margin:0 auto;
	box-sizing:border-box;
}

#koubou ul li,
#nouen ul li{
	padding-top:45%;
	padding-left:0;
	background-position:0 0;
	background-size:100%;
}

#koubou div,#nouen div{
	padding:8px;
	margin-bottom: 2em;
	background-color:#903f52;
	border-radius:15px;
	overflow:hidden;
}

#koubou div p,#nouen div p{
	float:none;
	width:100%;
	font-size:70%;
	font-size:3vw;
}

#koubou div p:last-child,#nouen div p:last-child{
	font-size:130%;
	font-size:4vw;
}

/* footer */

#foot_wrap h3#about{
	position:relative;
	margin:0 auto 13px;
	height:300px;
}

#foot_wrap h3#about span{
	position:absolute;
	padding:1em 0;
	width:100%;
	background-image:url(./img/h3_about_sp.png);
	background-size:cover;
}


#foot_wrap h3#about::before{
background-attachment: inherit;
}

#footer{
	width:100%;
}

#footer table{
	width:98%;
	font-size:90%;
	font-size:4vw;
}

#footer table th{
	display:block;
	width:100%;
	text-align:left;
	border-left:3px solid #903f52;
	border-bottom:1px dotted #ccc;
	background-color:#fff;
	box-sizing:border-box;
}

#footer table td{
	display:block;
	box-sizing:border-box;
}

#foot_wrap iframe{
	width:100%;
}

}