/*
Theme Name: trattoria-giro
Theme URI: http://www.trattoria-giro.jp
Author: trattoria-giro
Author URI: http://www.trattoria-giro.jp
Description: trattoria-giro
*/

/*-------------------------------------------
	基本スタイル
--------------------------------------------*/
body {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
}

		* {
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

* html body{  
    overflow: hidden;
}

a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

html {
	overflow-y:scroll;
	height:100%;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	/*-----position: relative;-------*/
}

form,input,textarea {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
	padding:0px;
	margin:0px;
	font-weight: normal;
	font-size:12px;
	line-height:18px;
}

/*----p {
margin:0px;
padding:0px;
}-----*/

ul {
margin:0px;
padding:0px;
list-style:none;
}

/*--------------------------------------------
	リンクスタイル
--------------------------------------------*/
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
}
a:active {
	color: #000099;
}


/*--------------------------------------------
	clear
--------------------------------------------*/

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

/*--------------------------------------------
	全体
--------------------------------------------*/

/* pagetop --------------------- */
#pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 50px;
	width: 80px;
	margin-top: -80px;
	padding-top: 80px;
	z-index: 9999999999;
}
#pagetop img {
	width: 100%;
	height: auto;
}

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .8s;
}

.inviewfadeInUp2 {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .50s;
}

.inviewfadeInUp3 {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .20s;
}


/* fadeInUp */ 

.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}



/*-------------------------------------------
　side-menu-btn
--------------------------------------------*/

.side-menu-btn {
	position: static;
	top: 0;
	z-index: 30;
	right: 0;
	cursor: pointer;
}
.close-menu-btn {
	cursor: pointer;
	text-align: right;
}
.side-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: left;
	font-size: 13px;
	background: rgba(51,51,51,0.9);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	box-sizing: border-box;
	overflow: auto;
	text-align: right;
	text-align: left;
	z-index: 999999;
}
.side-menu nav {
	padding: 20px 0 0 20px;
}
.side-menu a:hover {
	color: #FFC;
}
.side-menu .fnt18 {
	font-size: 18px;
	line-height: 1.0em;
}
.side-open .side-menu {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.overlay {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	z-index: 3;
}
.side-open .overlay {
	visibility: visible;
}
#toggle {
	display: none;
}
.head_menu_btn {
	display: none;
}
.form_set {
	padding: 20px;
	background-color: #ececec;
}
.form_set select {
	font-size: 16px;
	padding: 4px 10px;
}
.entry_cart_souryou {
	width: 50px;
	float: left;
	padding: 10px;
}
.entry_cart_souryou_text {
	width: 400px;
	float: left;
	padding: 10px 0;
}
.entry_cart_zaiko {
	display: inline-block;
	padding: 4px 20px;
	color: #FFF;
	background-color: #F60;
	border-radius: 4px;
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;
}
	
	


/*-------------------------------------------
	スライダー
--------------------------------------------*/


#container {
	color:			#000;
	width:			100%;
	margin:			0 auto;
	position:relative;
}

#slider {
	width:			100%;
	height:			100vh;
	margin:0 auto;
}

.jlider {
	color:			#fff;
	width:			100%;
	text-decoration:	none;
}

/*-------------------------------------------
	h1
--------------------------------------------*/

.head{
	width:100%;
	position:absolute;
	z-index:99;
	}
	
.top_h1{
	position: absolute;
	z-index: 90;
	text-align: center;
	top: 35%;
	width: 100%;
	height:225px;
	}

/*-------------------------------------------
	ナビゲーション
--------------------------------------------*/

.pc_nav{
	width:820px;
	margin:0 auto;
	padding:40px 0;
	position:relative;
	
	}

.pc_nav ul{
	position:absolute;
	width:100%;
	}
	
.pc_nav li{
	font-size:16px;
	float:left;
	display:inline-block;
	padding: 5px 20px;
	}
	
.pc_nav .btn{
	position:absolute;
	right:0;
	}
	
.pc_nav li a:link {
	color: #000;
	text-decoration: none;
}
.pc_nav li a:visited {
	color: #000;
	text-decoration: none;
}
.pc_nav li a:hover {
	color: #FF6600;
}
.pc_nav li a:active {
	color: #000;
}



/*-------------------------------------------
	トップページ
--------------------------------------------*/

.top_sec01{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	height:950px;
	}

.top_img01{
	position:absolute;
	height:480px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.top_sec01_bg{
	background-color:#ff9900;
	width:100%;
	position:absolute;
	padding:150px 0 30px;
	z-index:10;
	top:357px;
	margin:0 0 60px 0;
	}

.top_sec01_inner{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../../../../img/top_img02.png),url(../../../../img/top_img01.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right bottom,left bottom;
	padding:40px 0 0 0;
	height:410px;
	}
	
.top_sec01_copy01{
	font-size:24px;
	color:#FFF;
	line-height:2.0em;
	padding:60px 0 20px 0;
	}
	
.top_sec01_img01{
	width:414px;
	float:left;
	}
	
.top_sec01_btn{
	width:189px;
	margin:0 auto;
	}

/*-------------------------------------------
	フッターブログ
--------------------------------------------*/


.foot_blog{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	}

.foot_blog_img01{
	position:absolute;
	height:265px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.foot_blog_bg{
	background-color:#ffcc00;
	width:100%;
	position:relative;
	padding:140px 0 0;
	z-index:10;
	top:140px;
	}


.foot_blog_inner{
	position:relative;
	width:1000px;
	margin:0 auto;
	}

.foot_blog_logo{
	width:220px;
	float:left;
	padding:20px 0 30px 0;
	}

.foot_blog_btn{
	width:189px;
	float:right;
	padding:40px 0 0 0;
	}

.foot_blog_bg02{
	background-color:#ffe169;
	padding:40px 0;
	margin:120px 0 0;

}

.foot_blog_bg02_inner{

	width:1000px;
	margin:0 auto;
	text-align:left;
	}
		
.foot_blog_bg02_inner li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcc00;
	padding:4px 0;
	}

.foot_blog_bg02_inner li:last-child{
	list-style-type: none;
	border-bottom-width: 0px;
	padding:4px 0;
	}

.foot_blog_bg02_inner .date{
	display:inline-block;
	padding:0 20px;
	}

.foot_blog_bg02_inner .ttl{
	display:inline-block;
	}
	
.foot_blog_bg02_inner li a:link {
	color: #000;
	text-decoration: none;
}
.foot_blog_bg02_inner li a:visited {
	color: #000;
	text-decoration: none;
}
.foot_blog_bg02_inner li a:hover {
	color: #FF6600;
}
.foot_blog_bg02_inner li a:active {
	color: #000;
}


/*-------------------------------------------
	フッターコンタクト
--------------------------------------------*/

.foot_contact{
	width:1100px;
	margin:0 auto;
	padding:50px 0;
	}

.foot_contact_img{
	width:280px;
	float:left;
	padding:0 70px 0 70px;
	}

.foot_contact_right{
	width:600px;
	float:left;
	}

.foot_contact_copy{
	font-size:24px;
	color:#14a83b;
	padding:30px 0;
	}

.foot_contact_btn{
	width:380px;
	margin:0 0 30px 0;
	}

.foot_contact_3colm{
	width:33.33%;
	float:left;
	font-size:18px;
	}
	
.foot_contact_mds01{
	font-weight:bold;
	padding:0 0 4px 0;
	}

footer{
	width: 100%;
	padding: 50px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
	}

.footer_inner{
	width:1100px;
	margin:0 auto;
	}

.footer_left {
width: 500px;
float: left;
padding: 0 0 0 80px;
}
	
.footer_right{
	width:460px;
	float:right;
	}

.footer_logo{
	width:294px;
	padding:0 0 20px 0;
	}

.footer_2colm{
	width:50%;
	float:left;
	}

.footer_mds01{
	font-weight:bold;
	padding:6px 0 4px 0;
	}

.copyright{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
	font-size: 14px;
	color: #666;
	}

/*-------------------------------------------
	ごあいさつ
--------------------------------------------*/

.sub_h1{
	width:325px;
	}
	
.greeting_head{
	background-image: url(../../../../img/greeting_head_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:30px;
	}


.greeting_sec01{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	height:800px;
	}

.greeting_img01{
	position:absolute;
	height:480px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.greeting_sec01_bg{
	background-color:#ff9900;
	width:100%;
	position:absolute;
	padding:150px 0 30px;
	z-index:10;
	top:357px;
	}

.greeting_sec01_inner{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../../../../img/greeting_img02.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	padding:40px 0 0 0;
	height:280px;
	}
	
.greeting_sec01_copy01{
	font-size:34px;
	color:#FFF;
	line-height:2.0em;
	padding:40px 0 0 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
	}
	
.greeting_sec02{
	width:1000px;
	margin:0 auto;
	padding:50px 50px 20px;
	position: static;

	}
	
.greeting_sec02_left{
	width:610px;
	float:left;
	}
	
.greeting_photo01{
	width:327px;
	float:right;
	}

.greeting_copy01{
	text-align:center;
	padding:20px 0 0 0;
	}
	
/*-------------------------------------------
	料理・飲み物
--------------------------------------------*/

	
.dish_head{
	background-image: url(../../../../img/dish_head_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:30px;
	}


.dish_sec01{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	height:800px;
	}

.dish_img01{
	position:absolute;
	height:480px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.dish_sec01_bg{
	background-color:#7a1a22;
	width:100%;
	position:absolute;
	padding:150px 0 70px;
	z-index:10;
	top:357px;
	}

.dish_sec01_inner{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../../../../img/dish_img02.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	padding:40px 0 0 0;
	height:220px;
	}
	
.dish_sec01_copy01{
	font-size:28px;
	color:#FFF;
	line-height:2.0em;
	padding:20px 0 0 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
	}

.dish_sec02{
	width:980px;
	padding:20px 60px;
	font-size:20px;
	line-height:1.8em;
	margin:0 auto;
	}

.dish_sec03{
	background-color:#fce9cd;
	margin:20px 0;
	}
	
.dish_sec03_inner{
	width:1100px;
	margin:0 auto;
	}
	
.dish_sec03_left{
	width:50%;
	float:left;
	text-align:center;
	padding:50px 0 0 0;
	}

.dish_sec03_right{
	width:50%;
	float:left;
	}

.dish_sec03_mds01{
	width:264px;
	margin:0 auto 50px;
	}

.dish_sec03_copy01{
	font-size:18px;
	line-height:1.6em;
	text-align:center;
	padding:0 0 30px 0;
	}


.dish_sec04{
	background-color:#9e111c;
	margin:20px 0;
	}
	
.dish_sec04_inner{
	width:1100px;
	margin:0 auto;
	}
	
.dish_sec04_right{
	width:50%;
	float:right;
	text-align:center;
	padding:50px 0 0 0;
	}

.dish_sec04_left{
	width:50%;
	float:right;
	}

.dish_sec04_mds01{
	width:264px;
	margin:0 auto 50px;
	}

.dish_sec04_copy01{
	font-size:18px;
	line-height:2.0em;
	text-align:center;
	color:#FFF;
	}

.dish_sec05{
	width:1100px;
	margin:0 auto;
	color:#990033;
	font-size:28px;
	text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:50px 0;
	}

.dish_sec06{
	background-color:#fcf2d6;
	padding:0 0 50px;
	}
	
.dish_sec06_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 30px;
	background-image: url(../../../../img/dish_img05.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	}

.dish_sec06_left{
	width:600px;
	float:left;
	}

.dish_sec06_right{
	width:394px;
	float:left;
	padding:20px 0 0 0;
	}

.dish_sec06_mds{
	width:264px;
	margin:50px auto;
	}

.dish_sec06_li ul{
	padding:0 30px;
	}

.dish_sec06_li li{
	list-style-position: outside;
	list-style-type: disc;
	line-height:3em;
	}

.dish_sec07{
	width: 1100px;
	margin: 30px auto;
	background-image: url(../../../../img/dish_img07.png),url(../../../../img/dish_img08.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	padding:0 0 70px 0;
	}

.dish_sec07_mds{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#990033;
	font-size:28px;
	line-height:1.8em;
	text-align:center;
	padding:50px 0 30px 0;
	}

.dish_sec07_copy{
	text-align:right;
	padding:0 0 30px 0;
	}

.dish_sec07_photo_wrap{
	width:980px;
	margin:0 auto;
	}

.dish_sec07_photo{
	width:425px;
	margin:0 auto;
	}

.dish_sec07_photo2calm{
	width:50%;
	float:left;
	text-align:center;
	height:400px;
	}

.dish_sec07_photo_copy{
	text-align:center;
	padding:30px 0;
	}


/*-------------------------------------------
	お店紹介
--------------------------------------------*/

	
.shop_head{
	background-image: url(../../../../img/shop_head_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:30px;
	}


.shop_sec01{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	height:730px;
	}

.shop_img01{
	position:absolute;
	height:480px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.shop_sec01_bg{
	background-color:#850707;
	width:100%;
	position:absolute;
	padding:150px 0 0;
	z-index:10;
	top:357px;
	}

.shop_sec01_inner{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../../../../img/shop_img02.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	padding:40px 0 0 0;
	height:230px;
	}
	
.shop_sec01_copy01{
	font-size:34px;
	color:#FFF;
	line-height:2.0em;
	padding:40px 0 0 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
	}

.shop_sec02{
	background-color:#850707;
	padding:0 0 50px 0;
	}

.shop_sec02_inner{
	width:1100px;
	margin:0 auto;
	}

.shop_sec02_2calm{
	width:50%;
	float:left;
	text-align:center;
	padding:15px 0;
	}

/*-------------------------------------------
	アクセス
--------------------------------------------*/

	
.access_head{
	background-image: url(../../../../img/access_head_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:30px;
	}


.access_sec01{
	position:relative;
	width:100%;
	text-align:center;
	padding:40px 0 0 0;
	height:685px;
	}

.access_img01{
	position:absolute;
	height:480px;
	right:0;
	left:0;
	width:999px;
	margin:auto;
	z-index:20;
	}

.access_sec01_bg{
	background-color:#0f448c;
	width:100%;
	position:absolute;
	padding:150px 0 0;
	z-index:10;
	top:357px;
	}

.access_sec01_inner{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../../../../img/access_img02.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	padding:40px 0 0 0;
	height:180px;
	}
	
.access_sec01_copy01{
	font-size:34px;
	color:#FFF;
	line-height:2.0em;
	padding:40px 0 0 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
	}
	
.access_sec02{
	width:100%;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
	}

.access_sec02_mds{
	width:264px;
	margin:0 auto 30px auto;
	}

.access_sec02_copy01{
	font-size:18px;
	text-align:center;
	padding:0 0 40px 0;
	}

.access_sec02_map iframe{
	height:360px;
	width:100%;
	}

.access_sec03{
	width:1100px;
	margin:0 auto;
	padding:50px 0;
	}

.access_sec03_2calm{
	width:50%;
	float:left;
	}

.access_sec03_mds{
	width:264px;
	margin:0 auto 0 auto;
	}

.access_sec03_copy{
	width:80%;
	padding:20px 30px 40px;
	}
	
	
/*-------------------------------------------
	ブログ
--------------------------------------------*/

	
.blog_head{
	background-image: url(../../../../img/blog_head_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:30px;
	}

.blog_ttl{
	width: 999px;
	height: 480px;
	background-image: url(../../../../img/blog_ttl_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin:30px auto 0;
	}
	
.blog_h2{
	padding:118px 0 0 40px;
	}

.blog_sec01{
	width: 100%;
	background-image: url(../../../../img/blog_con_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#ffcc00;
	}

.blog_wrap{
	width:1100px;
	margin:0 auto;
	padding:40px 0;
	}

.blog_left{
	width:820px;
	float:left;
	}

.blog_right{
	width:280px;
	float:right;
	}

.blog_con{
	width:750px;
	padding:20px;
	margin:0 auto;
	background-color:#FFF;
	}

.blog_con_mds{
	font-size:20px;
	padding:4px 10px 10px;
	}

.blog_con_date{
	background-color:#ececec;
	font-size:16px;
	padding:4px 20px;
	}
	
.blog_entrybody{
	padding:20px;
	}

.blog_entrybody img{
	max-width:100%;
	height:auto;
	}

.blog_side{
	width:230px;
	padding:20px;
	background-color:#FFF;
	}

.blog_cate_ttl{
	font-size:16px;
	font-weight:bold;
	padding:2px;
	text-align:center;
	background-color:#ff6600;
	color:#FFF;
	}
	
.blog_side_li ul{
	padding:8px 0;
	}

.blog_side_li li{
	background-image: url(../../../../img/blog_icon.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding:2px 0 4px 35px;
	}

.blog_h3{
	font-size:20px;
	text-align:center;
	padding:20px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#FFF;
	}
	
.old_blog_bnr{
	width:270px;
	margin:20px 0 0;
	}

.old_blog_bnr img{
	width:100%;
	height:auto;
	}
	
.dish_lunchset{
	background-color:#7a1a22;
	width:260px;
	margin:0 auto;
	padding:4px 0;
	text-align:center;
	color:#FFF;
	
	}
	
.dish_lunch_mds{
	font-weight:bold;
	padding:0 0 6px 0;
	color:#7a1a22;
	}