@charset "UTF-8";

/* =================================================================
  auto
================================================================= */

#container{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
	min-width:980px;
}

body .sp{
	display:none !important;
}

body header#pagetop .sp{
	display:inline !important;
}

.inner{
	width:960px;
	margin:0 auto;
}

hr{
	width:112px;
	height:20px;
	background:url(../img/common/hr01.png) no-repeat;
	text-align:center;
	margin:65px auto 70px;
	border:none;
	display:block;
}

#top_menu.fixed {
    position:fixed;
    top:0;
    z-index:1;
	width:100%;
}

#container{
	width:100%;
}

#top_menu{
	background:#f06324;
}

.menu{
	width:960px;
	margin:0 auto;
}

.menu li{
	float:left;
}

#visual{
	position:relative;
	background:url(../img/auto/bg01.jpg) no-repeat center;
	background-size:cover;
	height:480px;
	min-width:980px;
	overflow:hidden;
}

#visual p{
	position:absolute;
	top:21px;
	left:50%;
	margin-left:267px;
}

#omakase p{
	text-align:center;
}

#omakase img{
	display:block;
	margin:0 auto;
}

#omakase h1{
	margin:71px auto 30px;
}

.func{
	background:#fbf4e0;
	width:100%;
	margin-bottom:74px;
}

.func .bg01{
	background:url(../img/auto/bg02.jpg) center no-repeat;
	background-size:cover;
	width:50%;
	height:290px;
	float:left;
}

.func .bg02{
	background:url(../img/auto/bg03.jpg) center no-repeat;
	background-size:cover;
	width:50%;
	height:290px;
	float:left;
}

.func .txtArea01{
	width:50%;
	height:290px;
	float:left;
	box-sizing:border-box;
	padding:30px 0 0 60px;
}

.func .txtArea02{
	padding:50px 0 0 60px;
}

.func .txtArea01 h2{
	margin:0;
	padding:0;
}

#omakase .func .txtArea01 h2 img{
	margin:0;
}

#omakase .func .txtArea01 .txt03{
	text-align:left;
	margin:20px 0 5px;
}

.func .txtArea01 .txt03 span{
	font-size:10px;
	vertical-align:top;
}

#omakase .func .txtArea01 .txt04{
	text-align:left;
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.pr{
	position:relative;
}

#omakase .txt09{
	margin-bottom:60px;
}

#omakase .txt01{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	text-align:center;
}

#omakase .txt07{
	position:absolute;
	top:114px;
	left:50%;
	margin-left:-213px;
	text-align:left;
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#omakase .txt02{
	position:absolute;
	top:113px;
	left:0;
	width:100%;
	text-align:center;
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#omakase .txt06{
	position:absolute;
	top:715px;
	left:50%;
	margin-left:116px;
	text-align:left;
}

#omakase .txt08{
	position:absolute;
	top:840px;
	left:50%;
	margin-left:116px;
	text-align:left;
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#yoyaku{
	width:100%;
	position:relative;
}

#yoyaku h1 img{
	display:block;
	margin:0 auto;
	padding:20px 0 49px;
}

#yoyaku .ryouri{
	margin-left:30px;
}

#yoyaku .ryouri li{
	float:left;
	margin:0 30px;
	text-align:center;
	width:240px;
	overflow:visible;
}

#yoyaku .ryouri li p{
	margin-left:-30px;
    margin-top:10px;
    width:300px;
	line-height:1.5;
}

#yoyaku .gra01{
	margin:40px 0 20px;
}

#yoyaku .gra01 ul{
	position:absolute;
	top:-2px;
	left:644px;
	font-size:14px;
	line-height:1.5;
}

#yoyaku .gra01 ul li{
	margin-bottom:5px;
}

#yoyaku .gra01 ul li:nth-child(4){
	margin-bottom:6px;
}

#yoyaku .gra01 ul li .note{
	font-size:10px;
	vertical-align:top;
}

#yoyaku .txt05{
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	margin:0 0 40px 88px;
}

.movie{
	width:680px;
	height:457px;
	background:url(../img/auto/bg04.jpg) no-repeat;
	margin:30px auto 45px;
	padding-top:85px;
	box-sizing:border-box;
}

iframe{
	margin:0 auto;
	display:block;
}

#free{
	height:510px;
	width:100%;
	background:url(../img/common/p2.jpg) repeat;
	position:relative;
}

#free h1 img{
	display:block;
	margin:0 auto;
	padding:41px 0 30px;
}

#free p img{
	display:block;
	margin:0 auto;
}

.pagetop{
	float:right;
	margin:35px 0;
}

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

header .headbox{
    margin-bottom:0;
	z-index:10;
}

#global_navi{
    z-index:9999;
}

#container{
	position:relative;
	margin:0;
	z-index:5;
	min-width:inherit;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.inner{
	width:100%;
}

hr{
	width:89.6px;
	height:16px;
	background:url(../img/common/hr01.png) no-repeat;
	background-size:80%;
	margin:12.5vw auto 10.9375vw;
}

body .sp{
	display:block !important;
}

body .pc{
	display:none !important;
}

#visual{
	background:url(../img/auto/sp/bg01.jpg) no-repeat center;
	background-size:cover;
	height:59.375vw;
	min-width:inherit;
}

#visual p{
	top:2.8125vw;
	margin-left:17.1875vw;
}

#visual p img{
	width:24.375vw;
}

#top_menu .sp img{
	width:100%;
}

#top_menu ul{
	width:100%;
	display:none;
}

#omakase h1{
	margin:7.8125vw auto 4.6875vw;
}

#omakase h1 img{
	width:74vw;
}

#omakase p{
	font-size:3.125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.func{
	margin-bottom:14.84375vw;
	position:relative;
}

.func .bg01{
	background:url(../img/auto/sp/bg02.jpg) center no-repeat;
	background-size:cover;
	height:43.75vw;
}

.func .bg02{
	background:url(../img/auto/sp/bg03.jpg) center no-repeat;
	background-size:cover;
	height:43.75vw;
}

.func .txtArea01{
	height:43.75vw;
	padding:4.84375vw 0 0 4.84375vw;
}

.func .txtArea02{
	padding:6.25vw 0 0 4.375vw;
}

#omakase .func .txtArea01 h2 img{
	width:38.75vw;
}

#omakase .func .txtArea02 h2 img{
	width:26.5625vw;
}

#omakase .func .txtArea01 p.txt03{
	margin:3vw 0 0;
	font-size:2.5vw;
}

#omakase .func .txtArea01 p.txt03 span{
	font-size:1.5625vw;
}

#omakase .func .txtArea01 p.txt04{
	position:absolute;
	font-size:1.875vw;
	left:10.9375vw;
	bottom:-9vw;
}

#omakase .func .txtArea01 p.txt04 .sp{
	display:inline !important;
}

#omakase p img{
	width:100%;
}

#omakase p.txt09{
	margin-bottom:0;
}

#omakase p.txt01{
	top:7vw;
	font-size:3.125vw;
}

#omakase p.txt07{
	top:29.34375vw;
	left:12.5vw;
	margin-left:0;
	font-size:1.875vw;
}

#omakase p.txt06{
	font-size:2.5vw;
	top:auto;
	bottom:18vw;
	margin-left:-20.5vw;
}

#omakase .txt08{
	top:auto;
	bottom:10vw;
	margin-left:-20.5vw;
	font-size:1.875vw;
}

#yoyaku h1 img{
	padding:3.125vw 0 7.8125vw;
	width:54.6875vw;
}

#yoyaku .ryouri{
	margin-left:7.8125vw;
}

#yoyaku .ryouri li{
	float:none;
	margin:0 0 4.6875vw 0;
	text-align:left;
	width:auto;
}

#yoyaku .ryouri li p{
	margin-left:4.6875vw;
    margin-top:auto;
    width:auto;
	height:28.125vw;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	line-height:1.5;
	float:left;
	font-size:2.8125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#yoyaku .ryouri img{
    width:37.5vw;
	float:left;
}

#yoyaku .gra01{
	margin:1.71875vw 0 3.9vw;
}

#yoyaku .gra01 img{
	width:100%;
}

#yoyaku .gra01 ul{
	top:34vw;
	left:7.65625vw;
	font-size:2.8125vw;
	line-height:1.45;
}

#yoyaku .gra01 ul li{
	margin-bottom:0.7vw;
	padding-left:1em;
	text-indent:-1em;
}

#yoyaku .gra01 ul li .no{
	color:#ec6c00;
	display:inline !important;
}

#yoyaku .gra01 ul li:nth-child(4){
	margin-bottom:0.9vw;
}

#yoyaku .gra01 ul li .note{
	font-size:1.5625vw;
}

#yoyaku .txt05{
	font-size:1.875vw;
	margin:0 0 10.9375vw 7.8125vw;
	width:84.375vw;
}

.movie{
	width:100%;
	height:71.40625vw;
	background:url(../img/auto/sp/bg04.jpg) no-repeat;
	background-size:cover;
	margin:6.25vw auto 7.8125vw;
	padding-top:13.28125vw;
}

iframe{
	width:93.75vw !important;
	height:53.4375vw !important;
}

#free{
	height:auto;
	padding-bottom:5.46875vw;
}

#free h1 img{
	padding:7.34375vw 0 3.75vw;
	width:80.625vw;
}

#free p img{
	width:84.6875vw;
}

	#top_menu.fixed {
		top:65px;
	}


	body header#pagetop .sp{
		display:none !important;
	}


}