@charset "utf-8";

/*
10px	67%
11px	74%
12px	80%
13px	87%
14px	94%
15px	100%
16px	107%
17px	114%
18px	120%
19px	127%
20px	134%
21px	140%
22px	147%
23px	154%
24px	160%
25px	167%
26px	174%

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 600px){
body{
	font:15px/1.5 'Noto Serif JP', serif;
	*font-size:small;
	*font:x-small;
}

select,input,button,textarea,button{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}



/*----------------------------------------------------
	header
----------------------------------------------------*/
header #logo a{
	background-size:75px;
	position: absolute;
	top: 12px;
	left: 140px;
	width:75px;
}



/*----------------------------------------------------
	gnav
----------------------------------------------------*/
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 82%;
    background: #2d2824;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 18px;
}

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
		z-index:1;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 51px;
        z-index: 999;
        position: relative;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -505px;
        background: #101d3d;
        width: 100%;
        text-align: center;
        padding: 6px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 16px 0;
		border-bottom:1px dotted #FFF;
		text-decoration:none;
    }
	#top-head #global-nav ul li#blog a{
		border-bottom:none;
	}
	
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

/*----------------------------------------------------
	pagetop
----------------------------------------------------*/
.pagetop span{
	padding-right: 15px;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer .f_menu{
	margin-bottom: 15px;
}

footer .f_menu a{
	text-decoration:none;
	display: block;
	padding:15px 0px 15px 15px;
	border-bottom: 1px solid #6c6966;
}

footer .sns{
	clear:  both;
	margin: 0 auto;
	padding-top: 5px;
}

footer .sns li a{
	text-decoration: none;
	display: block;
	padding: 15px 10px 25px 60px;
	font-size: 87%;
	border: 2px solid #6c6966;
	margin: 0 15px 10px;
}

footer .sns li#instagram a{
	background: url("../cmnimg/instagram_logo.png") no-repeat 5% ;
	background-size: 30px;
	height: 10px;
}

footer .sns li#fb a{
	background: url("../cmnimg/f_logo.png") no-repeat 5% ;
	background-size: 30px;
	height: 10px;
}

#cr{
	font-size:86%;
	padding:5px 0px;
}



/*----------------------------------------------------
	bc
----------------------------------------------------*/
#bc{
	margin:0 15px;
	font-size: 72%;
}



/*----------------------------------------------------
	inner
----------------------------------------------------*/
#inner{
		margin: 0 15px;
}



/*----------------------------------------------------
	headlines
----------------------------------------------------*/
.hl01{
	font-family:"Sawarabi Mincho", serif;
	font-size: 213%;
	padding-bottom: 0px;
	margin-bottom: 15px;
	background: url("../cmnimg/bg_hl.png") no-repeat left bottom;
	background-size: 90%;
	line-height: 1.3;
}

.hl01.page{
	text-align: center;
	background: url("../cmnimg/bg_hl.png") no-repeat center bottom;
	background-size: 90%;

}

.hl02{
	font-family:"Sawarabi Mincho", serif;
	font-size: 200%;
}

.hl03{
	font-family:"Sawarabi Mincho", serif;
	font-size: 147%;
	font-weight: bold;
}

.hl04{

}


/*----------------------------------------------------
	details
----------------------------------------------------*/
.details{
	padding: 15px;
	background-size: 50%;
}


.details dt{
	font-weight: bold;
}




/*----------------------------------------------------
	note/notice
----------------------------------------------------*/
.note{
	font-size:80%;
}

.notice{
	padding: 20px;
}

.notice .tel{
	font-size: 175%;
}

.notice .tel a{
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
	color: #001a4d;
}


/*----------------------------------------------------
	spacing
----------------------------------------------------*/
.mb_s{
	margin-bottom:20px;
}

.mb_l{
	margin-bottom:30px;
}

.pt_l{
	padding-top:60px;
	clear: both;
}


/*----------------------------------------------------
	contents
----------------------------------------------------*/
#contents{
	width: 100%;
	margin-bottom: 15px;
}


/*===============================================
index.html
===============================================*/
/* mainimg */
#mainimg {
	width: 100%;
	text-align: center;
	margin:0 auto 10px;
	top: 51px;
	position: relative;
}

#mainimg img{
	width: 100%;
}

#intro{
	margin-bottom:40px;
	position: relative;
	top: 60px;
}

#intro h1{
	font-family:"Sawarabi Mincho", serif;
	padding-bottom: 20px;
	font-size: 129%;
	line-height: 1.5;
	border-bottom: 1px solid #000;
	margin:0px 20px 40px;
}

#intro h1 br{
	display: none;
}

/* menu */
#contents #menu img{
	width: 100%;
}

#contents #menu section{
	margin: 0px 15px;
}

#contents #menu dt{
	font-family:"Sawarabi Mincho", serif;
	font-size:200%; 
}

#contents #menu .cmn_btn{
	margin-bottom: 40px;
}

/* about */
#about{
	margin: 15px;
}
/* location */
#location{
	margin: 60px 15px 30px;
}

#location h2{
	font-size: 160%;
	font-family:"Sawarabi Mincho", serif;
	font-weight: bold;
}

#location dl{
	padding-top:10px;
}

#contents #location div dl dt{
	float: left;
	clear: left;
	padding: 4px 0px 4px;
}

#contents #location div dl dd{
	padding: 4px 0px 4px 5em;
}

#contents #location .tel{
	font-size: 160%;
	margin-bottom: 20px;
}

#contents #location .tel a{
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
}


/*----------------------------------------------------
	pagecontents
----------------------------------------------------*/
#pagecontents{
	margin: 0 15px;
}

/*----------------------------------------------------
	pagenav
----------------------------------------------------*/
#pagenav{
	margin: 0px 0px 40px;
	padding-top: 15px;
}

#pagenav li a{
	margin-bottom: 5px;
	padding: 12px 14px;
}






/*===============================================
▼ここから個別ページスタイル
/*=============================================*/
#pageimg {
	font-size:129%;
	padding: 100px 0px 25px;
	background-position: top;
	height: 50px;
	background-size: cover;
}
/*===============================================
/*drink
===============================================*/
#pageimg.ttl_drink{
		background-image: url("../drink/img/mainimg.jpg");
}

#pagenav.drinkmenu li{
	margin-bottom: 45px;
}

#pagenav.drinkmenu li a{
	padding: 20px 10px;
}

/* t_dcr */
.t_dcr dt{
	font-weight: bold;
	float: left;
	clear: left;
	padding:20px 0px 10px;
}

.t_dcr dd{
	float: right;
	padding:20px 0px 10px;
}

.t_dcr li{
	padding:20px 0px 10px;
	font-weight: bold;
}


.menu_wine{
	clear: both;
	padding:10px 0px 30px;
	border-top: 2px solid #CCCCCC;
}

.line_brsh{
	margin-top:30px;
	padding-top:60px;
	border-top: 1px dashed #CCC;
}


/*===============================================
/*menu
===============================================*/
#pageimg.ttl_menu{
	background-image: url("../menu/img/mainimg.jpg");
}




/*===============================================
about
===============================================*/
#pageimg.ttl_about{
	background-image: url("../about/img/mainimg.jpg");
}

#about_intro{
	margin: 40px 0px;
}

#about_intro p{
	padding: 0px 5px;
}

#profile{
	margin-bottom: 30px;
}

#profile .pic{
	width: 30%;
	float: left;
	margin-bottom: 20px;
	padding-top: 10px;
}

#profile .desc{
	width: 65%;
	float: right;
}

#profile .desc dt{
	margin-bottom: 10px;
}


/*===============================================
location
===============================================*/
#pageimg.ttl_location{
	background-image: url("../location/img/mainimg.jpg");
}

#rst_info{
	margin: 40px 0px;
}

#rst_info img{
	margin-bottom: 15px;
}

#sp_tel{
	border: 5px solid #001a4d;
	padding: 15px;
	text-align: center;
}

#rst_info dt{
	float: left;
	clear: left;
	padding: 10px 0px 10px;
}

#rst_info dd{
	padding: 10px 0px 10px 5em;
	border-bottom: 1px dotted #CCCCCC;
}

#rst_info p.tel a{
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
	color: #001a4d;
	font-size: 144%;
}

#rst_info dl{
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#gmap iframe{
	height: 300px;
	padding:30px 0px;
}



/*----------------------------------------------------
	news
----------------------------------------------------*/
dl#news{
	margin: 0 15px 40px;
}




}