@import url('https://fonts.googleapis.com/css?family=Anton|Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,700,800');
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
@font-face {
  font-family: 'mooq';
  src: url('./font1.woff') format('woff');
}
/*normalize.css*/
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,nav{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],a{background-color:transparent;}a:active,a:hover{outline:0;}b,strong{font-weight:bold;}h1{font-size:2em;margin:0.67em 0;}small{font-size:80%;}img{border:0;}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;-webkit-box-sizing: content-box;}button,input,textarea{color:inheri;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}


html,body {height:100%}
.fixed {position: fixed}/*再読込強制scrolltop用*/
.back-fix {position:fixed;width:100vw;height:100vh}/*モーダル背景固定用*/
.scroll-fot {
	transition:transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);}
.scroll-id {
	transition:transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: -ms-transform 1s cubic-bezier(0.77, 0, 0.175, 1);}

body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family:/* "游明朝体", "YuMincho", */"游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
    background-color: #384665;
	user-select: none;	
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
a {text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rotate,.rotate2 {display: none}
.sp-hide{display: none}

#top {
    position: absolute;
    width: 60px;
    height: 70px;
    cursor: pointer;
    top: 200px;
    right: 0px;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    z-index: 4000
}
#top a{line-height:1em;color: #fff;font-size: 12px;display:block;width: 0em}
#top::before,
#top::after{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#top::before{
	left: 20px;
	top: 0px;
	width: 70px;
	height: 1px;
	background: #fff;
	/*box-shadow : 0px -1px 0px rgba(255,255,255,1.00);
    -webkit-box-shadow: 0px -1px 0px rgba(255,255,255,1.00);*/
    -webkit-transform: rotate(90deg);
	transform: rotate(90deg);
    transform-origin: left top;
    -webkit-transform-origin: left top}
#top::after{
	left: 20px;
	top: 0px;
	width: 20px;
	height: 1px;
	border-top: 1px solid #fff;
	/*box-shadow : 0px -1px 0px rgba(255,255,255,1.00);
    -webkit-box-shadow: 0px -1px 0px rgba(255,255,255,1.00);*/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    transform-origin: left top;
    -webkit-transform-origin: left top}



nav {position: relative;width: 100%;height:0px;display: }

.nav-logo2 {
    position: fixed;
    width: 100px;
    top: 10px;
    left: 10px;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: .3s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1);z-index: 9000}
.nav-logo2 img {width:100%;display: block;}
.FADEin {visibility: visible;opacity: 1;transition:1s;
    -webkit-transition:1s;}


#info {position: fixed;z-index:5000;height: 45px;width: 45px;top:15px;left: 10px;}
/*#info2 {position: fixed;z-index:5000;height: 45px;width: 45px;top:15px;left: 70px;}*/
#info2 {position: fixed;z-index:5000;height: 32px;width: 32px;bottom: 80px;right: 20px;border: 1px solid #fff;border-radius: 50px;filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));}
#info img{
			position: relative;
			top:0;
			left:0;
	        width: 100%;
            filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));	}
/*#info2 img{
			position: relative;
			top:0;
			left:0;
	        width: 100%;
            filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
            }*/
#info2:before{
	        content: '';
			position: absolute;
			top:12px;
			left:0;
	        right: 0;
	        margin: auto;
	        width: 2px;
	        height: 15px;
	        background-color: #fff;
            filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
            }
#info2:after{
	        content: '';
			position: absolute;
			top:5px;
			left:0;
	        right: 0;
	        margin: auto;
	        width: 3px;
	        height: 3px;
	        background-color: #fff;
            filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
            }
.H-menu {height: 60px;width: 70px;position: fixed;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);right: 20px;z-index: 5000;bottom:20px}
.H-menu:before,.H-menu:after  {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    box-shadow : 0px 1px 0px rgba(255,255,255,1.00);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1.00);
  }
.H-menu:before {top:12px}
.H-menu:after {top:-12px}


/*.H-menu-slide {
    position: fixed;
	bottom: 0;
    width: 110vw;
    height:400px;
    z-index: 5100;
    background-color: rgba(255,255,255,1);
    transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0)rotate3D(0,0,0,0);
    transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transform-origin: left top;
}

.fade .H-menu-slide {
    transform: translate3d(0, 100%, 0);
    transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-webkit-transform: translate3d(0, 100%, 0)rotate3D(0,0,1,-40deg);
    -webkit-transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);

    
}*/



/*斜め三角スライド設定
.H-menu-slide {
    position: fixed;
    top: 10vh;
    width: 110vw;
    height: 90vh;
    z-index: 5100;
    background-color: rgba(255,255,255,1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0)rotate3D(0,0,0,0);
    transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform-origin: left top;
	border: 1px solid #777;
}

.fade .H-menu-slide {
    transform: translate3d(100%, 0, 0);
    transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-webkit-transform: translate3d(100%, 0, 0)rotate3D(0,0,1,40deg);
    -webkit-transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
    
}*/
.H-menu-slide {
	position: fixed;
	bottom: 0px;
	width: 110vw;
	height: 200px;
	right: 0;
	z-index: 5100;
	background-color: rgba(255,255,255,1);
	transform: translate3d(0%, 0, 0)rotate3D(0,0,1,-90deg);
	-webkit-transform: translate3d(0%, 0, 0)rotate3D(0,0,1,-90deg);
	transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transform-origin: right top;
	border: 0px solid #777;
}

.fade .H-menu-slide {
    transform: translate3d(0%,  0, 0)rotate3D(0,0,1,-10deg);
    transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-webkit-transform: translate3d(0%, 0, 0)rotate3D(0,0,1,-10deg);
    -webkit-transition: 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	margin-top: -1px;/*モーダル背景固定pc再読スクロール不可バグ用*/
	padding-top: 1px;/*モーダル背景固定pc再読スクロール不可バグ用*/
    
}
.menu-inner-logo {width:50px;position: absolute;top: 25px;left: 25px;}

.H-menu-slide ul {
	list-style: none;
	height: auto;
	margin: 0;
	margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	top: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 10vw;
	padding-bottom: 0px;
	width: 100vw;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #555;
}

.H-menu-slide ul li {
	margin-bottom: 10px;
	transform: translate3d(0%, 0, 0);
	transition: 1.5s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transform: translate3d(0%, 0, 0);
	-webkit-transition: 1.5s cubic-bezier(0.77, 0, 0.175, 1);
	padding-left: 0px;
    text-align:;
	display: inline-block;
	background-color:
}
.fade .H-menu-slide ul li {transform: translate3d(0, 0, 0);transition:.8s;-webkit-transform: translate3d(0, 0, 0);-webkit-transition:.8s}
.fade .H-menu-slide ul li:nth-child(1) {transition-delay: .14s;-webkit-transition-delay: .14s}
.fade .H-menu-slide ul li:nth-child(2) {transition-delay: .11s;-webkit-transition-delay: .11s}
.fade .H-menu-slide ul li:nth-child(3) {transition-delay: .08s;-webkit-transition-delay: .08s}
.fade .H-menu-slide ul li:nth-child(4) {transition-delay: .05s;-webkit-transition-delay: .05s}
.fade .H-menu-slide ul li:nth-child(5) {transition-delay: 0s;-webkit-transition-delay: 0s}
.H-menu-slide ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 4vw;
	letter-spacing: .2em;
	height: 100%;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	font-weight: 900;
	font-family: mooq;
}

.H-menu-close {height: 60px;width: 70px;position:fixed;right: 10px;bottom: 10px; transform: translate3d(100px, 0, 0);transition:1s cubic-bezier(0.16, 1.08, 0.38, 0.98); -webkit-transform: translate3d(100px, 0, 0);-webkit-transition:1s cubic-bezier(0.16, 1.08, 0.38, 0.98);z-index: 5200}
.H-menu-close:before,.H-menu-close:after  {content: '';position:absolute;height: 1px;width: 50%;top: 0; left: 0;right: 0;bottom: 0;margin: auto;background: #000;transform-origin:center;-webkit-transform-origin:center}
.H-menu-close:before {transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.H-menu-close:after {transform:rotate(135deg);-webkit-transform: rotate(135deg)}
.fade .H-menu-close {transform: translate3d(0, 0, 0);transition-delay:.3s;transition:1s cubic-bezier(0.16, 1.08, 0.38, 0.98);-webkit-transform: translate3d(0, 0, 0);-webkit-transition-delay:.3s;-webkit-transition:1s cubic-bezier(0.16, 1.08, 0.38, 0.98)}

#pc-navi {display: none}


.UPbefore{opacity: 0; -webkit-transform:translate3D(0,60px,0);transform:translate3D(0,60px,0);transition: .8s cubic-bezier(.6,.03,.2,.95);-webkit-transition: .8s cubic-bezier(.6,.03,.2,.95)}
.UPfix{opacity: 1; -webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}

.SLIDE-L-before{opacity: 0; -webkit-transform:translate3D(-40px,0,0);transform:translate3D(-40px,0,0);transition: .8s cubic-bezier(.6,.03,.2,.95);-webkit-transition: .8s cubic-bezier(.6,.03,.2,.95)}
.SLIDE-L-fix{opacity: 1; -webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}

.SLIDE-R-before{opacity: 0; -webkit-transform:translate3D(40px,0,0);transform:translate3D(40px,0,0);transition: .8s cubic-bezier(.6,.03,.2,.95);-webkit-transition: .8s cubic-bezier(.6,.03,.2,.95)}
.SLIDE-R-fix{opacity: 1; -webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}
.inNOW{opacity: 1 !important;}
.outNOW{opacity: 0}
.nav-logo {
	position: relative;
	width: 90%;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	/*height: 535px;*/
	padding-bottom: 120%;
}
.nav-logo img {width:100%;display: block;}
.top-img{
    position: fixed;
    z-index: 300;
    top: 66px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%
}
.top-img img {display: block;width: 100%;}


.box1{
    position: relative;
    width: 100%;
    height: auto;
    background-color: ivory;
    z-index: 800;
    padding-top: 60px;
    padding-bottom: 130px
}
.box1-inner{position: relative;width: 100%;margin-left: auto;margin-right: auto;}
.box1-inner p{
	position: relative;
	z-index: 200;
    font-family: Anton;
    font-weight: 900;
    font-size: 17vw;
    margin: 0;
    line-height: 1em;
	margin-left: 20px
}
.box1-inner img{
    position: relative;
    z-index: 100;
    width: 80%;
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-top: -8%
}

.box2{
    position: relative;
    width: 100%;
    height: auto;
    background-color: gray;
    z-index: 800;
    padding-top: 20px;
    padding-bottom: 140px
}
.box2-inner{position: relative;width: 100%;margin-left: auto;margin-right: auto;}
.box2-inner p{
    position: relative;
    z-index: 200;
    font-family: Anton;
    font-weight: 900;
    font-size: 17vw;
    margin-top: -10%;
    margin-right: 20px;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1em;
    margin-right: 20px;
    text-align: right;
    color: #000;
}
.box2-inner img{
    position: relative;
    z-index: 100;
    width: 90%;
    max-width: 500px;
    display: block;
    margin-top: -12%
}


.top-img2{
    position: fixed;
    z-index: 500;
    top: 120px;
    right: -67%;
    margin: auto;
    width: 160%;
    opacity: 0;
}
.top-img2 img {display: block;width: 100%;}



.box3{
    position: relative;
    width: 100%;
    height: 1600px;
    z-index: 800;
    padding-top: 20px
}
.box3-inner{position: relative;width: 100%;margin-left: auto;margin-right: auto;}
.box3-inner p{
    position: relative;
    z-index: 200;
    font-family: Anton;
    font-weight: 900;
    font-size: 17vw;
    margin-top: 80px;
    margin-right: 0;
    margin-left: 6px;
    margin-bottom: 0;
    line-height: 1em;
    margin-left: 20px;
    color: #fff
}













.hero{
	background-color: rgba(23,32,43,1.00);
	position: relative;
	padding-bottom: 18%;
	z-index: -1
}
.wall{
	position: relative;
	margin-left:-25%;
	width:150%;
	opacity:1;
	z-index: 10;
	top: 40px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.hero-logo {
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px; 
	bottom: 0px;
	margin: auto; 
	width: 120px;
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,1));
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,1));
	z-index: 5000}

.topic-wrap{
    position: absolute;
    top:80%;
    width: 100%;
	z-index: 9000;
}
.topic-inner{
    position: absolute;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px 0px 0px 5px;
    background-color: rgba(22,32,42,.7);
    display: inline-block;
    width: auto;
    right: 0
}
.topic-inner:after{
    content: '';
    position: absolute;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    height: 100%;
    top: 8%;
    left: -3%;
    z-index: -1
}
.topic-time{margin: 0;font-size: 12px;letter-spacing:normal;color: #fff}
.topic-title{margin: 0;font-size: 16px;letter-spacing:normal;color: #fff}



#title {
	display:;
    position: relative;
    height: auto;
    width: 100%;
    padding-top: 60px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 90px;
    background-color: rgba(225,228,204,0.3);
    background-color: #D8E2DC;
    background-color: #152029;
	margin-top: 800px;
}
#title:after{
    content: '';
    position: absolute;
    top: -40px;
    left: -130px;
    right: 0;
    margin: auto;
    background-image: url(https://www.oppakinpa.okinawa/img/title6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;
    height: 120px;
    width: 170px;
    opacity: .8;
    z-index: 10;
    filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
}

.title-logo {
	position: relative;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 300px;
    margin-bottom: 30px;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,.9));
    -webkit-filter: drop-shadow(0px 3px 5px rgba(0,0,0,.9));
	z-index: 500
}
.samu {
    display: block;
    position: absolute;
    width: 320px;
    bottom: -40px;
    left: -337px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    opacity: .4
}
.dlimg-samu  {
    opacity: .4;
    transition: .8s;
    -webkit-transition: .8s;
}
.dlimg-samu[data-src] {
  opacity: 0;
}
.samu2 {
    display: block;
    position: absolute;
    width: 362px;
    bottom: -26px;
    left: 0px;
    right: -355px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    opacity: .4;
}

#title h1 {
    font-weight: 900;
    margin: 0;
    font-size: 16px;
    padding: 0 15px 0 15px;
    text-align: center;
    line-height: 2em;
    color: #fff;
    letter-spacing: 0.5em;
    position: relative;
    z-index: 100
}
.korea-red {color: rgba(235,63,75,1.00);text-shadow: 0px 0px 1px #fff}
.korea-blue {color: rgba(54,56,148,1.00);text-shadow: 0px 0px 1px #fff}
#title p {font-weight: 900; 
	margin: 0; 
	font-size: 14px;
	padding: 0 20px 0 20px;
	text-align: center;
	line-height: 1.8em;
	position: relative;
	z-index: 100;
	color: #fff}
.mb-fix {margin-bottom: 260px}




.alink {margin-top:0px}
.padding-404{
    padding-top: 60px;
    padding-bottom: 170px
}

#top-bgcolor {position: absolute;top: 0;left: 0; background-color: #152029;width: 100%;height: 120px}
#top-bgcolor img {position: relative;width:80px;top: 20px;left: 50%;margin-left: -40px;z-index: 1;filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));}




#content-C {position: relative;width: 100%;background-color:;padding-top: 100px; }
.contant-img-wrap {width: 90%;max-width:1200px;position: relative;margin-left: auto;margin-right: auto;background-color:;margin-top: -20px;font-size: 0}
.contant-img-wrap img {width: 100%}
.border{border: 8px solid rgba(22,32,42,1.00);margin-left: -4px}

.contant-text-wrap,.contant-text-wrap-404 {width: 80%;max-width: 500px;position: relative;margin-left: auto;margin-right: auto;margin-top: 20px}
.contant-text-wrap-404 {
    max-width: 360px;
    margin-top: 20px;
    margin-bottom: 60px
}
.contant-text-wrap h4 {text-align: center;font-weight: 900;font-size: 22px;margin: 0;}
.contant-text-wrap-404 h4 {
    text-align: center;
    font-weight: 900;
    font-family: 'Anton';
    font-size: 50px;
    letter-spacing: .2em;
    color: #999;
    margin: 0;
    width: 0px
}
.contant-text-wrap p{font-size: 12px}
.contant-text-wrap-404 p {font-size: 12px;margin-top: 40px}
.opalog-top-margin {margin-top: 80px}



#recomend-lunch-wrap,#recomend-dinner-wrap {
    position: relative;
    width: 100%;
    margin-top: 0px;
    padding-bottom: 60px;
    top: 0px;
	z-index: 100
}
#recomend-lunch-wrap {background-color: #FFF}
#recomend-dinner-wrap {
    background-color: rgba(20,2,14,0.9);
    background-color: rgba(22,32,42,1.00)
}
#recomend-head-img {width: 100%;opacity: 1}
#recomend-title-lunch-img,#recomend-title-dinner-img {width: 100%; display: block;position: relative}
#recomend-title-lunch-img:after{
    content: '';
    position: absolute;
    bottom: -30px;
    left: 120px;
    right: 0;
    margin: auto;
    background-image: url(https://www.oppakinpa.okinawa/img/title.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left 0px;
    height: 100px;
    width: 170px;
    opacity: .8;
    z-index: 100;
    filter: drop-shadow(0px 0px 7px rgba(255,255,255,1));
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255,255,255,1));
}
#recomend-title-dinner-img:after{
    content: '';
    position: absolute;
    bottom: -40px;
    left: 120px;
    right: 0;
    margin: auto;
    background-image: url(https://www.oppakinpa.okinawa/img/title.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left -100px;
    height: 100px;
    width: 170px;
    opacity: .8;
    z-index: 100;
    filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
}
#recomend-title-lunch,#recomend-title-dinner,#recomend-title-vlog{font-size: 20px; padding: 0px 0px 0px 0px;text-align: center;position: relative;margin: 0;width:280px;margin-left: auto;margin-right: auto;margin-top:10px;z-index: 400}
#recomend-title-lunch span,#recomend-title-dinner span,#recomend-title-vlog span {font-size: 12px;display: block}
#recomend-lunch-wrap h5,
#recomend-dinner-wrap h5,
#vlog-top-wrap h5 {font-size: 14px;width: 85%;margin: 0; margin-left: auto;margin-right: auto;margin-top: 40px;margin-bottom: 40px}
#recomend-dinner-wrap h5 {color:#ecf9f0}
#vlog-top-wrap h5 {margin-bottom: 50px}


#recomend-title-dinner {color:#ecf9f0}

#recomend-lunch,#recomend-dinner {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#recomend-inner-lunch,#recomend-inner-dinner {
    position: relative;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    overflow-x: auto;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
}
#recomend-inner-lunch {
	width: 770px;
}
#recomend-inner-dinner {
    width: 770px;
}

.scrl-R {
    position: absolute;
    top: 5px;
    font-weight: 100;
    left: 30px;
    color: #999;
	display: block;
	
}
.scrl-R::before,
.scrl-R::after{position: absolute;margin: auto;content: "";vertical-align: middle;}
.scrl-R::before{left: 0px;bottom: 0px;width: 70px;height: 1px;background: #999;}
.scrl-R::after{left: 60px;bottom: 4px;width: 10px;border-top: 1px solid #999;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.scrl-L {position: absolute;top: 5px;font-weight: 100;right: 33px;color: #999}
.scrl-L::before,
.scrl-L::after{position: absolute;margin: auto;content: "";vertical-align: middle;}
.scrl-L::before{right: 0px;bottom: 0px;width: 70px;height: 1px;background: #999;}
.scrl-L::after{right: 60px;bottom: 4px;width: 10px;border-top: 1px solid #999;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#recomend-list-wrap {background-color:;position: relative;margin: 0;padding: 0;width:240px ;display: inline-block;height: auto;margin-left: 10px;background-color:;padding-top: 40px;vertical-align: top}
#recomend-list-wrap p {font-size: 16px;font-weight: 900; padding: 0px 0px 0px 0px;text-align: ;margin: 0;}
#recomend-list-wrap .recomend-p-mini {font-size: 12px; padding: 5px 0px 0px 0px;text-align: ;display:block;}
#recomend-list-wrap .recomend-prize {font-size: 16px;color:;font-weight:900; padding: 2px 0px 0px 0px;text-align: ;display:block;}
#recomend-list-wrap img {width: 100%;margin: 0}
.dinner-color {color:#ecf9f0}

#click-menu,#click-menu2,#click-menu3,#click-menu-404 {position: relative;width: 100%;margin-top: 20px}
#click-menu a,#click-menu2 a,#click-menu3 a,#click-menu-404 a{display: block;width: 180px;font-size: 13px;margin-left: auto;margin-right: auto;border: 1px solid #000;text-align: center;padding: 10px 0 10px 0 ;letter-spacing: .2em;text-decoration: none;box-shadow : 3px 3px 11px rgba(0, 0, 0, 0.4);-webkit-box-shadow:  3px 3px 11px rgba(0, 0, 0, 0.4);filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3, Color='#000000')}


.scale{
	transition:.4s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:.4s cubic-bezier(0.77, 0, 0.175, 1)}
.touch-width {
	transform: scale3d(0.95,0.95,1);
	-webkit-transform: scale3d(0.95,0.95,1);
	transition:.3s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	-webkit-transition:.3s cubic-bezier(0.16, 1.08, 0.38, 0.98);
	border-radius: 10px}



#click-menu2 a {
    color: rgba(236,249,240,1.00);
    border: 1px solid #ecf9f0;
    box-shadow : 3px 3px 11px rgba(236,249,240,.4);
    -webkit-box-shadow: 3px 3px 11px rgba(236,249,240,.4);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3, Color='#ecf9f0') ;
}






#menu-list {position: relative;width: 100%;height: auto;padding: 20px 0px 80px 0px;margin-top: 120px}
#lunch-pc-img,#dinner-pc-img,#beer-pc-img {display: none}

#lunch-wrap,#dinner-wrap,#sweets-wrap,#beer-wrap,#soft-wrap {position: relative;width:90%;margin-left: auto;margin-right: auto; padding: 0px 0px 0px 0px;margin-top: 120px}
#lunch-wrap  {margin-top: 0px}
#lunch-wrap h2,#dinner-wrap h2,#sweets-wrap h2,#beer-wrap h2,#soft-wrap h2 {font-size: 16px; padding: 5px 0px 5px 0px;text-align: center;position: relative;margin: 0;width:200px;margin-left:auto;margin-right: auto;border-top:  3px double #999;border-bottom: 3px double #999;border: none;}
#lunch-wrap h2 {left: 40px}
#lunch-wrap h2:after{
    content: '';
    position: absolute;
    top: 0;
	left: -15px;
	bottom: 70px;
	margin: auto;
    height: 60px;
    width: 102px;
    background-image: url(https://www.oppakinpa.okinawa/img/title.png);
    background-repeat: no-repeat;
    background-size:100%;
}
#lunch-wrap h2:before {
    content: '';
    position: absolute;
    top: 0;
	bottom: 90px;
	left: 70px;
	margin: auto;
    width: 60px;
	height:180px;
    background-image: url(https://www.oppakinpa.okinawa/img/ch.png);
    background-repeat: no-repeat;
    background-size:100%;
}
.line {width: 100%; max-width:250px;position: absolute;top: -5px;z-index: -1;margin: auto;left: 0;right: 0;opacity: .7}

#dinner-wrap  {margin-top:200px;}
#dinner-wrap h2 {right: 40px}
#dinner-wrap h2:after{
    content: '';
    position: absolute;
    top: 0;
	right: -15px;
	bottom: 80px;
	margin: auto;
    height: 60px;
    width: 102px;
    background-image: url(https://www.oppakinpa.okinawa/img/title.png);
    background-repeat: no-repeat;
    background-size:100%;
	background-position: left -60px;
}
#dinner-wrap h2:before {
    content: '';
    position: absolute;
    top: 0;
	bottom: 180px;
	left: 20px;
	margin: auto;
    width: 130px;
	height:150px;
    background-image: url(https://www.oppakinpa.okinawa/img/op.png);
    background-repeat: no-repeat;
    background-size:100%;
}
#dinner-wrap .line {transform: rotateY(180deg);-webkit-transform: rotateY(180deg)}



#beer-wrap  {margin-top:200px;}
#beer-wrap h2 {left: 40px}
#beer-wrap h2:after{
    content: '';
    position: absolute;
    top: 0;
	left: -10px;
	bottom: 80px;
	margin: auto;
    height: 80px;
    width: 38px;
    background-image: url(https://www.oppakinpa.okinawa/img/title2.png);
    background-repeat: no-repeat;
    background-size:100%;
	background-position: left 0px;
}
#beer-wrap h2:before {
    content: '';
    position: absolute;
    top: 0;
	bottom: 180px;
	left: 70px;
	margin: auto;
    width: 60px;
	height:150px;
    background-image: url(https://www.oppakinpa.okinawa/img/yk.png);
    background-repeat: no-repeat;
    background-size:100%;
}
#beer-wrap .line {top: -15px}





#sweets-wrap,#soft-wrap{margin-top: -20px}
#sweets-wrap h2,#soft-wrap h2 {border-top:  3px double #999;border-bottom: 3px double #999}


#lunch-wrap .h2-mini,#dinner-wrap .h2-mini,#sweets-wrap .h2-mini,#beer-wrap .h2-mini,#soft-wrap .h2-mini {font-size: 12px; padding: 0px 0px 0px 0px;text-align: center;display: block;margin-bottom: 40px;margin-top: 5px}
#lunch-wrap .h2-mini2,#dinner-wrap .h2-mini2,#beer-wrap .h2-mini2 {display: none}

#menu-list-wrap {position: relative;max-width: 300px;margin: auto;margin-bottom: 60px;border-bottom: 1px dotted #999;padding-bottom: 10px}

#menu-list-wrap p {font-size: 16px;font-weight: 900; padding: 0px 0px 0px 0px;margin: 0; margin-top: 5px}
#menu-list-wrap .p-mini {font-size: 11px; padding: 0px 0px 0px 0px;text-align:;display: block;}
#menu-list-wrap .prize {font-size: 16px;/*color:rgba(236,33,33,1.00);*/font-weight:900; padding: 0px 0px 0px 0px;text-align:;display: block;}
/*#menu-list-wrap img {width: 100%;max-width: 300px;margin: auto;position: relative;display: block;}*/
.dlimg  {
    width: 100%;
    max-width: 500px;
    height: 100%;
    margin: auto;
    position: relative;
    display: block;
    opacity: 1;
    transition: .8s;
    -webkit-transition: .8s;
}
.dlimg[data-src] {
  opacity: 0;
}




/*vlog記事表示共通設定 */
#vlog-wrap{position: relative;width: 100%;padding-top: 60px;padding-bottom: 40px}
#vlog-top-wrap{position: relative;width: 100%;padding-top: 0px;padding-bottom: 60px}
#vlog-bottom-wrap{position: relative;width: 100%;padding-top: 20px;padding-bottom: 40px}
#vlog-top-out {position: relative;width: 100%;margin-bottom: 40px;margin-top: 0px;}
#vlog-bottom-out {position: relative;width: 100%;margin-bottom: 40px;margin-top: 0px;}
#vlog-list-out {position: relative;width: 100%;margin-bottom: 40px}
	
#vlog-out-inner {position: relative;width: 95%;margin-left: auto;margin-right: auto}
	
.vlog-out-single {position: relative;width: 100%;height: 100%;display: block;max-width: 300px;margin-left: auto;margin-right: auto;border-bottom:1px dotted;padding-bottom: 20px}
	
.catch {display: block;width: 100%;}
	
.vlog-out-single-text {position: relative;margin: auto;margin-top: 5px; width:90%;overflow: hidden;}
	
.category {background-color: #999;padding: 3px 10px 3px 10px; width:auto;color: #fff;font-weight: 900;font-size: 10px;display: inline-block;letter-spacing: .2em}
.time {margin: 0;margin-left:5px; font-size: 10px;color: #888;font-weight: 900;display: inline;}
.title {margin: 0;margin-top: 10px;letter-spacing: .1em;font-size: 14px;color:#000; }
.content {margin: 0; font-size: 10px;margin-top: 5px;color: #666;word-break: break-all;letter-spacing:.1em}

/*vlog-single記事設定 */
#vlog-single-wrap {position: relative;width: 100%;margin-top: 60px}
#vlog-single-inner {position: relative;width: 95%;max-width: 500px;margin-left: auto;margin-right: auto;}	
	
.vlog-single-head {width: 100%;position: relative}
.vlog-single-head .vlog-single-category {background-color: #999;padding: 3px 10px 3px 10px; width:auto;color: #fff;font-weight: 900;font-size: 10px;display: inline-block;letter-spacing: .2em}
.vlog-single-head p.vlog-single-time {margin: 0;margin-left:5px; font-size: 12px;color: #888;font-weight: 900;display: inline-block}	
.vlog-single-head h1 {margin: 0;font-weight: 900;font-size: 20px;border-top: 3px double #999;border-bottom: 3px double #999;margin-top: 5px;padding:5px 0px 5px 5px}	
.vlog-single-head img {width: 100%;display: block;margin-top: 20px;}
	
	
.vlog-single-content {width:95%;position: relative;margin-left: auto;margin-right: auto;padding-top: 40px;word-break: break-all;}
.vlog-single-content img {margin: auto;display: block;width: 90%}
.vlog-single-content span {margin: 0;font-size: 14px;color: #000;font-weight: 400;}
.vlog-single-content h2 {margin: 0;font-weight: 900;font-size: 16px;border-top: 3px double #999;border-bottom: 3px double #999;margin-top: 5px;margin-bottom: 5px;padding:5px 0px 5px 5px}

#vlog-single-headtitle {font-weight: 900;font-family: 'Anton';font-size: 40px;text-align: center}
#to-vlog-list {font-weight: 900;font-size: 14px;border: 1px solid #999;width: 150px;margin-left: auto;margin-right: auto;padding:10px;text-align: center;margin-top: 60px;display: block;color: #333;margin-bottom: 100px}
#vlog-single-newlist {font-weight: 900;font-size: 14px;border-bottom: 1px solid #999;max-width: 300px;margin-left: auto;margin-right: auto;width: 95%;padding-left: 5px;padding-bottom: 5px;margin-top: 80px}





/*持ち帰り設定 */
#togo-wrap{
    position: relative;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 200px
}
#togo-inner{position: relative;max-width: 500px;width: 90%;margin-left: auto;margin-right: auto;font-size: 0}

/*タイトル部分 */
#togo-title{position: relative}
#togo-title img {width:80%;max-width: 500px; display: block; margin-left: auto;margin-right: auto}
#togo-title h2{font-size: 18px;text-align: center;margin: 0;margin-top: 10px}
#togo-title p{font-size: 18px;text-align: center;margin: 0;font-weight: 900}
/*ステップ部分 */			
#togo-step1{position: relative;margin-top: 40px;margin-bottom: 40px}
#togo-step2{position: relative;margin-top:0px;margin-bottom: 40px}
#togo-step3{position: relative;margin-top:100px;margin-bottom: 40px}	
#togo-step1 h2,#togo-step2 h2,#togo-step3 h2{font-size: 18px;text-align: center;font-family: "Anton";letter-spacing: .3em;background-color:rgba(231,26,34,1.00);color: #fff;border-radius:100px;padding-top:  5px;padding-bottom: 5px;width: 200px;margin: 0;margin-left: auto;margin-right: auto;}
#togo-step2 h2 {margin-top: -30px}
#togo-step1 p,#togo-step2 p,#togo-step3 p{font-size: 14px;text-align: center;margin-top: 5px;font-weight: 900}
#togo-step2 img {position: relative;width:90%; z-index: -1;margin: auto;display: block;max-width: 460px}

/*リスト部分 */
#togo-list-wrap{position: relative;width: calc(50% - 20px);width: 90%;margin-left: auto;margin-right: auto; margin-bottom: 40px;}
#togo-list-wrap2{position: relative;width:80%;margin-left: auto;margin-right: auto;max-width: 400px}
#togo-list-wrap img{width: 100%;display: block; margin-left: auto;margin-right: auto}	
#togo-list-wrap2 img{width: 80%;display: block; margin-left: auto;margin-right: auto}		
#togo-list-wrap p{font-size: 14px;font-weight: 900;margin: 0;display: inline-block;vertical-align: top;margin-top: 5px}
#togo-list-wrap2 p{font-size: 15px;font-weight: 900;margin-bottom: 0px;text-align: center}
#togo-list-wrap .unhot{font-size: 10px;font-weight: 900; color: #000;background-color: rgba(241,193,52,1.00);display: inline-block;vertical-align: top; width: auto;padding:3px 5px 3px 5px;margin-top: 4px;margin-left: 10px}
#togo-list-wrap .hot{font-size: 10px;font-weight: 900; color: #fff;background-color: rgba(246,71,70,1.00);display: inline-block;vertical-align: top; width: auto;padding:3px 5px 3px 5px;margin-top: 4px;margin-left: 10px}
#togo-list-wrap .p-hungle{font-weight: 900;margin: 0;font-size: 12px;display: block}			
#togo-list-wrap .text{font-size: 13px;margin-top:5px;display: block}
#togo-list-wrap2 .prize{font-size: 14px;font-weight: 900; color: #000;display: block;margin-top: 0px;text-align: center;}
#togo-list-wrap2 .text{
    font-size: 13px;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.dip-hangle{font-size: 13px;display: block;padding-left: 1.1em}
#togo-tel{position:relative;width: 80px;height: 10px;margin-left: auto;margin-right: auto;color: #000;font-family: "Anton";font-size: 16px;text-align: center;letter-spacing: .4em;top: 80px; background-color: rgba(241,193,52,1.00)}
#togo-tel:after{content: '';
			position: absolute;
			top:-60px;
			left: 0;
			right: 0;
			margin: auto;
			background-image: url(https://www.oppakinpa.okinawa/img/icon4.png);
			background-repeat: no-repeat;
			background-size:100%;
        	background-position: left 0px;
			height: 60px;
			width: 60px}







.pj {color: #000;text-decoration: none;font-size: 20px;letter-spacing:.6em}

#WWrap{width: 100%;position: relative;overflow: hidden}
#wrap,#wrap2 {
    height:auto;
    width: 100%;
    position: relative;
	overflow: hidden
	}

.move #wrap:after, 
.move #wrap:before {
  content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;  
	transition-duration:0s;
    transition-property: transform;
	transform: translate3d(-100%, 0, 0);
	-webkit-transition-duration:0s;
    -webkit-transition-property: transform;
	-webkit-transform: translate3d(-100%, 0, 0)
} 
.move #wrap:before {
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0)
}
	

.load #wrap2:after, 
.load #wrap2:before {
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    transform: translate3d(0, 0, 0); 
    transition-property: transform;
    transition-duration:0s;
	-webkit-transform: translate3d(0, 0, 0); 
    -webkit-transition-property: transform;
    -webkit-transition-duration:0s
	}
.load #wrap:before {
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0)
}

.move #wrap:before, 
.load #wrap2:before {
    background-color:rgba(77,90,113,1.00);
    z-index:9800;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}


.move #wrap:after, 
.load #wrap2:after {
    transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
    background-color:rgba(99,99,99,1.00);
    z-index: 9900}

.move.MOVE-I #wrap:after, 
.move.MOVE-I #wrap:before,
.load #wrap2:after, 
.load #wrap2:before{
    transform: translate3d(0, 0, 0); 
	transition-duration:.9s;
    transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: translate3d(0, 0, 0); 
	-webkit-transition-duration:.9s;
    -webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1)
}


.move.MOVE-O #wrap:before, 
.load.MOVE-O #wrap2:before {transition-delay:0.1s;-webkit-transition-delay:0.1s}

.move.MOVE-O #wrap:after, 
.load.MOVE-O #wrap2:after {transition-delay: 0s;-webkit-transition-delay: 0s}

.move.MOVE-O #wrap:after, 
.move.MOVE-O #wrap:before,
.load.MOVE-O #wrap2:after, 
.load.MOVE-O #wrap2:before {
    transform: translate3d(100%, 0, 0) ; 
    transition-timing-function: cubic-bezier(0.16, 1.08, 0.38, 0.98);
    -webkit-transform: translate3d(100%, 0, 0) ; 
    -webkit-transition-timing-function: cubic-bezier(0.16, 1.08, 0.38, 0.98)}
.move.MOVE-O #wrap:before,
.load.MOVE-O #wrap2:before
 {
    transform: translate3d(-100%, 0, 0) ; 
    transition-timing-function: cubic-bezier(0.16, 1.08, 0.38, 0.98);
    -webkit-transform: translate3d(-100%, 0, 0) ; 
    -webkit-transition-timing-function: cubic-bezier(0.16, 1.08, 0.38, 0.98)}

/*.alink {
    transform: translate3d(0, 0, 0); 
    transition-property:transform;
    transition-duration:.5s;
    transition-timing-function: cubic-bezier(.6,.03,.2,.95);
    -webkit-transform: translate3d(0, 0, 0); 
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:.5s;
    -webkit-transition-timing-function: cubic-bezier(.6,.03,.2,.95)}


.MOVE-I .alink {transform: translate3d(10%, 0, 0);transition-duration:1.5s;-webkit-transform: translate3d(10%, 0, 0);-webkit-transition-duration:1.5s}
.MOVE-I.MOVE-O .alink {transform: translate3d(0, 0, 0); transition-duration: 0s;transition-property: transform;-webkit-transform: translate3d(0, 0, 0); -webkit-transition-duration: 0s;-webkit-transition-property: -webkit-transform}*/



.ball {display: none;position:fixed;top: 0;width: 100%;height: 100%;z-index:9999}
.ball > svg {position: absolute;width: 300px;height: 300px;margin: auto;top: 0;left: 0;right: 0;bottom: 0;display: block}
.ball > svg:nth-child(0) {-webkit-animation-delay: -1s;animation-delay: -1s;background-image: url(../img/loading2.svg);background-size: 100%;background-repeat: no-repeat;}
.move .ball,.load .ball {display: block}
.move.MOVE-I .ball,.load .ball {opacity:1;-webkit-transition-duration:.5s;transition-duration:.5s}
.move.MOVE-O .ball,.load.MOVE-O .ball {opacity:0;-webkit-transition-duration:.5s;transition-duration:.5s;}





#footer  {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(22,32,42,1.00);
    padding-top: 45px;
    padding-bottom: 60px;
	margin-top: 
}

#fot-info{position: relative;width:100%; height: auto;margin-top: 40px}
#fot-info-inner{position: relative;width:100%;max-width: 260px; height: auto;margin-left: auto;margin-right: auto;font-size: 0;margin-top: 50px;background-color: }
#fot-info-list{position: relative;width:100%;padding-top: 0px;margin-bottom: 5px}
#fot-info-list2{position:relative;width:100%;padding-top: 0px;margin-bottom: 5px}
#fot-info-list3{position:relative;width:85%;padding-top: 0px;margin-top: 20px}
		
#fot-info-title{font-size: 20px; padding: 0px 0px 0px 0px;text-align: center;position: relative;margin: 0;width:280px;margin-left: auto;margin-right: auto;margin-top:0px;z-index: 400;color: #fff}
#fot-info-title span{font-size: 12px;display: block}
#fot-info-title:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 30px;
    left: -120px;
    margin: auto;
    background-image: url(https://www.oppakinpa.okinawa/img/title.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    width: 170px;
    background-position: left -200px;
    opacity: .8;
    filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
    -webkit-filter: drop-shadow(0px 0px 7px rgba(255,255,255,.7));
		}
		
#fot-info-list p,#fot-info-list2 p{
    margin: 0;
    font-weight: 100;
    color: #fff;
    text-align: left;
    padding-left: 25px;
    position: relative
}
#fot-info-list p:nth-child(1):first-letter,#fot-info-list2 p:nth-child(1):first-letter {font-size: 13px;font-weight: 900}
#fot-info-list p:nth-child(1),#fot-info-list2 p:nth-child(1){font-size: 12px;color: #999}
#fot-info-list p:nth-child(2),#fot-info-list2 p:nth-child(2){font-size: 14px;margin-top: 0px}
#fot-info-list p:nth-child(3),#fot-info-list2 p:nth-child(3){font-size: 9px;margin-top: 0px}
.lunch-time p:nth-child(2):after,.dinner-time p:nth-child(2):after,.takeout-time p:nth-child(2):after,.holiday p:nth-child(2):after,.parking p:nth-child(2):after,.telfax p:nth-child(2):after,.adress p:nth-child(2):after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(https://www.oppakinpa.okinawa/img/icon4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20px;
    width: 20px;
		}
.lunch-time p:nth-child(2):after{background-position:left -200px;}
.dinner-time p:nth-child(2):after{background-position:left -220px;top:0px;}	
.takeout-time p:nth-child(2):after{background-position:left -260px;top:0px;}
.holiday p:nth-child(2):after{background-position:left -340px;top:0px;}
.parking p:nth-child(2):after{background-position:left -280px;top:0px;}
.telfax p:nth-child(2):after{background-position:left -180px;top:0px;}
.adress p:nth-child(2):after{background-position:left -320px;top:0px;}
.gmap {
	text-align: center; 
	box-shadow : 3px 3px 11px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:  3px 3px 11px rgba(0, 0, 0, 0.4);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#000000') ;
	background-color: #444;
	margin-left: auto;
	margin-right: auto}
.gmap a{
	font-size:14px;
	padding: 10px 0 10px 0px;
	width:100%; 
	font-weight: 900;
	color: #fff;
	text-decoration: none;
	display: block}


#fot-logo-wrap {
	position: relative;
    display: block;
    width:280px;margin-left: auto;
    margin-right: auto;margin-top: 0px;
	background-color: 
}
.fot-logo {width: 60px;margin-top: 5px}
#fot-logo-wrap h2{color: #fff;font-size: 11px;letter-spacing: .15em;display: inline-block;vertical-align: top}
#fot-logo-wrap h2 .fontfix {font-size:15px;line-height: 1.2em;}

#c-rights {font-size:10px;margin-top: 60px;text-align: center;color: #fff}



/*	
.UP {
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: UP;
 animation-name: UP;
 visibility: visible !important;
}
@-webkit-keyframes UP {
 0% {opacity:0;-webkit-transform:translate3D(0,20px,0);}
 100% {opacity:1;-webkit-transform:translate3D(0,0,0);}
}
@keyframes UP {
 0% {opacity:0;transform:translate3D(0,20px,0);}
 100% {opacity:1;transform:translateY(0,0,0);}
}	*/


/* topics設定 */
#topic-put-wrap {
	position: relative;
    width: 100%;
    height: 650px;
	margin-top: 60px;
    padding-bottom: 30px;
}
#vlog_form1 {position: relative;margin-left: auto;width:100%;max-width:1200px; margin-right: auto; }
#vlog_input-wrap {width: 90%; margin-bottom: 50px;position: relative;margin-left: auto;margin-right: auto}
p.err {position: absolute; color:red;font-size:14px;margin:0;}
#vlog_form-part-title {margin: 0;height: 30px;color:#999;font-weight: 900;transition: .5s cubic-bezier(.6,.03,.2,.95)}
/* input共通設定 */
.check-hide{opacity: 1;visibility: visible;transition: .5s cubic-bezier(.6,.03,.2,.95);}
#vlog_input-name,#vlog_input-textarea {
	position: relative;
	height: 30px;
    padding: 0px 0px 0 0px;
    font-size: 18px;
    font-weight: 100;
    text-transform: none;
    background:transparent !important;       
	border-radius: 0;
	outline: 0;
	transform: translate3d(0,0,0);
	transition: .5s cubic-bezier(.6,.03,.2,.95)
}
#vlog_input-textarea {
	width: calc(100% - 5px);
	height: 400px;
	padding: 0px 0px 0 5px;
    -webkit-overflow-scrolling: touch;
    }
#vlog_input-name:focus {width:100%}
.vlog_input-width {width:220px;border: none;border-bottom:1px solid #999;color: #999;}
.vlog_input-width-textarea {border: none;border:1px solid #999;color: #999;}


/* 名前選択 */
.vlog_input-name-label {
    font-size: 16px;
    position: absolute;
    width: auto;
    height: 30px;
    top: 0px;
    left: 0;
    color: #999;
    font-weight: 900;
    transform: translate3d(0,0,0);
    transition: .5s cubic-bezier(.6,.03,.2,.95);
}
.vlog_input-textarea-label {
	position: absolute;
	width:auto;
	height: 30px;
	padding-top: 10px;
    top: 0px;
	left: 0;
	color:#999;
	font-weight: 900;
	transform: translate3d(0,0,0);
	transition: .5s cubic-bezier(.6,.03,.2,.95);
	padding-top: 5px;
	left: 10px}


/* フォーカス設定 */
#vlog_input-name:focus + .vlog_input-name-label,
#vlog_input-name:focus + p + .vlog_input-name-label
{transform: translate3d(0,-30px,0);color: #000;}
#vlog_input-textarea:focus + .vlog_input-textarea-label
{transform: translate3d(-10px,-35px,0);color: #000;}

/* 空白OK時input placefolder上移動キープ */
.vlog_text-move {transform: translate3d(0,-20px,0);color: #999;}
/* 空白OK時input 文字色変更 widthキープ */
.vlog_vari-width {width: 100%;border-bottom:1px solid rgba(83,208,141,1);color:#000}
/* 空白OK時textarea placefolder上移動キープ */
.vlog_text-move-textarea {transform: translate3d(-10px,-30px,0);color: #999;}
/* 空白OK時textarea 文字色変更 widthキープ */
.vlog_vari-width-textarea {border:1px solid rgba(83,208,141,1);color:#000}


#check-wrap{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 100px;
    margin-top: -700px;

}
.check-visi{opacity:0;visibility:hidden;transition: .5s cubic-bezier(.6,.03,.2,.95);}
#check-wrap h3{margin: 0;color: #000;font-size: 14px;text-align: center;padding-left: 10px;padding-right: 10px}
		.btn{position: relative;width: 220px;margin-left: auto;margin-right: auto;margin-top: 40px}
#back{width: 100px;height: 60px;background-color:#999;color: #fff;font-weight: 900;font-size: 20px;border-radius: 10px;border: none}
#send{width: 100px;height: 60px;background-color: #00B191;color: #fff;font-weight: 900;font-size: 20px;border-radius: 10px;position: absolute;right: 0;border: none}
#check{width: 100px;height: 60px;background-color: #00B191;color: #fff;font-weight: 900;font-size: 20px;border-radius: 10px;position: relative;margin-left: auto;margin-right: auto; display: block;border: none}		

.table{width: 90%;display: block;position: relative;margin-left: auto;margin-right: auto;background-color:;color: #666;margin-top: 40px;}
.list1{-webkit-box-sizing: border-box;
    box-sizing: border-box;position: relative;width: 100%;border: 1px solid #000;border-bottom: none;word-wrap: break-word;word-break: break-word}
.list2{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border: 1px solid #000;
    word-wrap: break-word;
    word-break: break-word;
    height: 320px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
}
	
.list1 p{display:block;vertical-align: middle;font-size: 16px;margin: 0}
.list1 p:nth-child(1){background-color: #777;color: #fff;padding: 5px 10px 5px 10px}
.list1 p:nth-child(2){border-top: 1px solid #000;padding: 15px 10px 15px 10px}
		
.list2 p{display:block;vertical-align: middle;font-size: 16px;padding:10px;margin: 0}
.list2 p:nth-child(1){background-color: #777;color: #fff;padding: 5px 10px 5px 10px}
.list2 p:nth-child(2){border-top: 1px solid #000;padding: 15px 10px 15px 10px}
		
.visi{opacity: 1;visibility: visible;}
.hidi{opacity: 0;visibility: hidden;}









@media (min-width: 768px)
{
.hero{padding-bottom: 0%;}
.wall{
    margin-left: 0%;
    width: 100%;
    opacity: 1;
    top: 50px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hero-logo {top: 50px;}
.topic-wrap{
    top: 83%;
}	
#title:after{
    top: -60px;
    left: -300px;
    right: 0;
    margin: auto;
    height: 180px;
    width: 255px;
    opacity: .8;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}	
.title-logo {
    width:500px;
    max-width:none;
}
.samu {
    width: 530px;
    bottom: -82px;
    left: -669px;
    right: 0;
}
.samu2 {
    width: 620px;
    bottom: -82px;
    left: 0px;
    right: -655px;
}	
#title h1 {
    font-size: 20px;
}
#title p {
    font-size: 16px;
}
	
	
.sp-hide{display: block}	
#info,#info2 {display: none}	

	
/*nav設定*/	
.H-menu {display:none }	
.H-menu-slide{display:none }
#top-bgcolor img {display: none}
nav {position: fixed;height:80px;background-color: #152029;z-index: 9000}
.nav-logo {width:80px;top: 20px;left: 20px;margin-left:0;display:block}
.nav-logo img {filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));}
#pc-navi {display: inline-block;top: 28px;right: 20px;position:absolute;}
#pc-navi p {display: inline-block;margin: 0;font-size: 14px}	
#pc-navi a {color: #fff;font-size: 14px;text-decoration: none;padding: 5px;cursor: pointer;margin-left: 20px;letter-spacing:.2em}
.pj {letter-spacing:.2em}
#pc-navi a:hover,.nav-logo:hover {
	-webkit-animation: flash .5s;
	animation: flash .5s;}
@-webkit-keyframes flash {0% {opacity: .1;}100% {opacity:;}}
@keyframes flash {0% {opacity: .1;}100% {opacity:;}}	
	
	
/*TOPリコメンド設定*/	
.inlineblock-fix{font-size:0;}
#recomend-lunch-wrap,#recomend-dinner-wrap {width:100%;margin-top:0px;padding-bottom: 60px;}	
#recomend-head-img {width:650px;display: block; margin-left: auto;margin-right: auto;padding-top: 30px}	

#recomend-title-lunch-img:after{
    content: '';
    position: absolute;
    bottom: -70px;
    left: 0;
    right: -500px;
    margin: auto;
    background-position: left 0px;
    height: 150px;
    width: 255px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    opacity: .8;
    z-index: 100;
}
#recomend-title-dinner-img:after{
    content: '';
    position: absolute;
    bottom: -70px;
    left: 0;
    right: -500px;
    margin: auto;
    background-position: left -150px;
    height: 150px;
    width: 255px;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
    opacity: .8;
    z-index: 100;
}		
#recomend-title-lunch,#recomend-title-dinner,#recomend-title-vlog,#fot-info-title{font-size: 24px}
#recomend-title-lunch span,#recomend-title-dinner span,#recomend-title-vlog span,#fot-info-title span {
    font-size: 14px
}
#recomend-list-wrap {width:32%;margin-left:1% }	
#recomend-inner-lunch {width:90%;max-width: 1300px;padding-left: 0;padding-right: 0}
#recomend-inner-dinner {width:90%;max-width: 1300px;padding-left: 0;padding-right: 0}
#recomend-lunch-wrap h5,
#recomend-dinner-wrap h5,
#vlog-top-wrap h5 {font-size: 16px;max-width: 650px}	
#vlog-top-wrap h5 {text-align: center}		
#recomend-list-wrap .recomend-p-mini {font-size: 14px}	
.scrl-R {font-size: 16px;display: none}
.scrl-L {font-size: 16px;right: 27px;display: none}
/*FOTインフォ設定*/	
#footer  {
    padding-top: 70px;
}
#fot-info{margin-left: auto;margin-right: auto;width: 680px}
#fot-info-title{font-size: 22px;width:50%}
#fot-info-title span{font-size: 14px}
#fot-info-title:after{
    top: -60px;
    left: -240px;
    right: 0;
    margin: auto;
    background-position: left -300px;
    height: 150px;
    width: 255px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    opacity: .8;
	}
#fot-info-inner{width:100%;font-size: 0;margin-top: 40px;max-width:none;background-color: }
	
	
#fot-info-list{display:inline-block;width:auto;padding-top: 0px;margin-bottom: 20px;vertical-align: top;margin-left:25px}
#fot-info-list2{display:inline-block;position:relative;width:50%;vertical-align: top;padding-top: 0px}
#fot-info-list3{position:relative;width:200px;margin-left:auto;margin-right: auto;}	
.code{left: -30px}		

		
#fot-info-list p,#fot-info-list2 p{margin: 0;font-weight: 100;color:;text-align: left;padding-left: 30px}
#fot-info-list p:nth-child(1):first-letter,#fot-info-list2 p:nth-child(1):first-letter {font-size: 13px;font-weight: 900}
#fot-info-list p:nth-child(1),#fot-info-list2 p:nth-child(1){font-size: 12px;}
#fot-info-list p:nth-child(2),#fot-info-list2 p:nth-child(2){font-size: 14px;margin-top: 0px}
#fot-info-list p:nth-child(3),#fot-info-list2 p:nth-child(3){font-size: 9px;margin-top: 0px}
.lunch-time p:nth-child(2):after,.dinner-time p:nth-child(2):after,.takeout-time p:nth-child(2):after,.holiday p:nth-child(2):after,.parking p:nth-child(2):after,.telfax p:nth-child(2):after,.adress p:nth-child(2):after{top:0px}	
.sp-show {display: none}
	
#fot-logo-wrap {margin-left: 10px;}
#c-rights {font-size:12px;}	
	
	

	
	
/*見出し設定*/	
.contant-text-wrap{width: 80%;max-width: 700px;margin-top: 40px}
.contant-text-wrap-404 {
    margin-top: 40px;
    margin-bottom: 80px;
    max-width: none;
    width: 420px
}	
.contant-text-wrap h4 {font-size: 24px}
.contant-text-wrap-404 h4 {
    font-size: 80px
}
.contant-text-wrap p{font-size: 16px;margin-top: 40px}
.contant-text-wrap-404 p{font-size: 14px;margin-top: 40px}	
.opalog-top-margin {margin-top: 80px}	
	
	
	
	
/*メニューリスト設定*/	
#lunch-wrap,#dinner-wrap,#sweets-wrap,#beer-wrap,#soft-wrap {width:90%;padding: 0px 0px 0px 0px}
#lunch-wrap h2,#dinner-wrap h2,#sweets-wrap h2,#beer-wrap h2,#soft-wrap h2 {font-size: 18px}
#sweets-wrap,#soft-wrap{margin-top: 40px}	
#sweets-wrap h2,#soft-wrap h2 {margin-bottom: 40px}	
#sweets-wrap hr{margin-top: 20px}	
#lunch-wrap .h2-mini,#dinner-wrap .h2-mini,#sweets-wrap .h2-mini,#beer-wrap .h2-mini,#soft-wrap .h2-mini {display: none}
	
/*写真なしメニュー設定*/
.fixlist-pc#menu-list-wrap {display: block;width: 100%;max-width: 600px;background-color: #F2F2F2; padding: 10px 20px 10px 20px;margin-left: auto;margin-right: auto;margin-bottom:10px;}
.fixlist-pc#menu-list-wrap p{display: inline-block;}	
.fixlist-pc#menu-list-wrap .prize{display: inline-block;margin-left: 20px}
.fixlist-pc#menu-list-wrap .p-mini{margin-top: 10px}
	
/*ランチ設定*/	
#lunch-pc-img {display: block;width: 53%;max-width: 600px;position: relative;top: -60px;}
#pc-lunch-title-wrap {position: absolute;left: 56%;top: 80px;}
#lunch-wrap h2:after{left: -65px;height: 80px;width: 136px;}
#lunch-wrap h2:before{bottom:160px;left:50px;width: 80px}
.line {top: 3px}
#lunch-wrap .h2-mini2 {display: block;font-size: 12px; display: block;margin-top: 5px;width: 320px}
.rotate {display:block;transform:rotate(-5deg);-webkit-transform: rotate(-5deg)}	
	

	
/*ディナー設定*/	
#dinner-wrap  {margin-top:200px;}
#dinner-wrap h2 {right: 40px}
#dinner-wrap h2:after{right: -55px;bottom: 80px;height: 80px;width: 136px;background-position: left -80px;}
#dinner-wrap h2:before {bottom: 160px;left: 10px;width: 150px;height:170px;}	
#dinner-wrap {margin-top:150px}	
#dinner-pc-img {display: block;width: 53%;max-width: 600px;position: relative;top: -60px;margin-left: auto;z-index: -1}
#pc-dinner-title-wrap {position: absolute;right: 56%;top: 70px;}
#dinner-wrap .h2-mini2 {display: block;font-size: 12px; display: block;margin-top: 5px;width: 320px}
.rotate2 {display:block;transform: rotate(5deg);-webkit-transform: rotate(5deg)}	
	
/*飲み物設定*/
#beer-wrap  {margin-top:150px;}	
#beer-pc-img {display: block;width: 53%;max-width: 600px;position: relative;top: -60px;}	
#pc-beer-title-wrap {position: absolute;left: 56%;top: 80px;}
#beer-wrap h2:after{left: -10px;bottom: 95px;height: 100px;width: 48px;}
#beer-wrap h2:before {bottom: 200px;left: 70px;width: 80px;height:190px;}	
.line {top: 3px}
#beer-wrap .h2-mini2 {display: block;font-size: 12px; display: block;margin-top: 5px;width: 320px}	
	

#menu-list {font-size: 0;max-width:1300px;margin-left: auto;margin-right: auto;padding-bottom: 160px }
#menu-list-wrap {width:32%;margin-left:1% ; display: inline-block;font-size: 0;vertical-align: top;border-bottom: none;max-width: 400px}
#menu-list-wrap img {max-width: 400px}

    #lunch-wrap #menu-list-wrap:nth-child(3),
	#dinner-wrap #menu-list-wrap:nth-child(5),
	#dinner-wrap #menu-list-wrap:nth-child(8),
	#dinner-wrap #menu-list-wrap:nth-child(11),
	#dinner-wrap #menu-list-wrap:nth-child(14),
	#dinner-wrap #menu-list-wrap:nth-child(17),
	#beer-wrap #menu-list-wrap:nth-child(3),
	#soft-wrap #menu-list-wrap:nth-child(3){margin-top: 60px}	
    #lunch-wrap #menu-list-wrap:nth-child(4),
	#dinner-wrap #menu-list-wrap:nth-child(4),
	#dinner-wrap #menu-list-wrap:nth-child(7),
	#dinner-wrap #menu-list-wrap:nth-child(10),
	#dinner-wrap #menu-list-wrap:nth-child(13),
	#dinner-wrap #menu-list-wrap:nth-child(16),
	#sweets-wrap #menu-list-wrap:nth-child(4),
	#beer-wrap #menu-list-wrap:nth-child(4),
	#soft-wrap #menu-list-wrap:nth-child(4){margin-top: 30px}		

	
	
/*持ち帰り設定 */
#togo-wrap{padding-bottom:220px}
#togo-inner{max-width:none;width: 700px}
#togo-step1 h2,#togo-step2 h2,#togo-step3 h2{
    font-size: 24px;
    width: 300px;
}		
#togo-step1 p,#togo-step2 p,#togo-step3 p{font-size: 18px;margin-top: 10px}


#togo-list-wrap{width: 330px;display: inline-block;padding-left: 10px;padding-right: 10px;vertical-align: top}
	
#togo-list-wrap2{position: relative;
    margin-left: auto;
    margin-right: auto;
    width:100%;
	max-width: none}
#togo-list-wrap2 img{
    width: 450px;
    display: block;
    margin-left: 0px;
}
			
#togo-list-wrap p{font-size: 16px}
	
.dip-textwrap{
    position: absolute;
    top: -5px;
    left: 464px;
    width: 250px;
	}		
#togo-list-wrap2 p{font-size: 18px;
    font-weight: 900;
    margin-bottom: 0px;
    margin: 0;
	text-align:left;}
#togo-list-wrap .unhot,#togo-list-wrap .hot {margin-top:6px}
#togo-list-wrap .p-hungle{font-size: 14px}
#togo-list-wrap .text{font-size: 14px}
#togo-list-wrap2 .prize{font-size: 18px;
    font-weight: 900;
    color: #000;
    display: block;
    margin-top: 0px;
    text-align:left;}
#togo-list-wrap2 .text{font-size: 16px;
    margin-top: 15px;
    line-height: 1.13em;
	width: 300px}
#togo-list-wrap2 .dip-hangle{font-size: 14px;
	padding-left: 1.2em;
    display: block;text-align:left;}	
	
#togo-tel{font-size: 20px; width:300px;cursor:default;pointer-events: none; }
	
	

/*vlog記事表示共通設定 */
#vlog-wrap,#vlog-top-wrap,#vlog-bottom-wrap{padding-bottom: 80px}
#vlog-top-wrap{padding-bottom: 60px}	
#vlog-wrap-inner{width: 90%;font-size: 0;max-width:1300px;margin-left: auto;margin-right: auto;background-color: }
/*#vlog-top-out {position: relative;width: 100%;margin-bottom: 100px;margin-top: 60px;}
#vlog-bottom-out {position: relative;width: 100%;margin-bottom: 100px;margin-top: 20px;}*/
#vlog-list-out,#vlog-top-out,#vlog-bottom-out {width:32%;margin-left:1% ; display: inline-block;vertical-align: top;margin-bottom: 60px}
#vlog-out-inner {width: 95%}
.vlog-out-single {max-width: 400px;border-bottom:none}
.category {font-size: 11px}
.time {margin-left:10px;font-size: 12px}
.title {font-size: 16px}
.content {font-size: 12px;margin-top: 10px}


/*vlog-single記事設定*/		
#vlog-single-inner {width: 70%;max-width: 800px;}	
#vlog-single-newlist {
    max-width: 1300px;
    width: 87%;
    margin-top: 120px
}	
}






@media (min-width: 992px)
{
	
/*フッター設定*/		
#fot-info{width: 970px}	
#fot-info-inner{background-color: }
#fot-info-list{width:auto;}	
#fot-info-list p,#fot-info-list2 p{padding-left: 35px;margin-left: 10px}		
#fot-logo-wrap {margin-left: 20px;}	

	
/*持ち帰り設定 */
#togo-inner{width: 950px}
#togo-list-wrap {width: 425px;padding-left: 25px;padding-right: 25px}	
#togo-list-wrap2{
    width: 700px;
	}
#togo-list-wrap .text{font-size: 13px}
#togo-list-wrap2 .text{font-size:15px}
.dip-hangle{font-size: 13px}	
			


	
}


@media (min-width: 1200px)
{
.hero{}
.wall{
    margin-left:auto;
	margin-right: auto;
    width:1200px;
    top: 50px;
	display: block;
}
.hero-logo {top: 50px;}
.topic-wrap{
    top: 737px;
	width: 1280px;
	margin: auto;
	right: 0;
	left: 0
}
.topic-inner{
	right: 0;
	border-radius: 5px 5px 5px 5px;
    
}	
	
#nav-inner {max-width:1615px;position: relative;margin-left: auto;margin-right: auto}	

#title{padding-bottom: 200px}	
.title-logo {width: 600px;}
.samu {
    width: 800px;
    bottom: -140px;
    left: -1082px;
}
.samu2 {
    width: 900px;
    bottom: -94px;
    left: 0px;
    right: -1051px;
}	
	
	
	
.inlineblock-fix {
	position: relative;
	margin-left: auto;
	margin-right: auto
	}	
	
#recomend-lunch-wrap{
    padding-bottom: 200px
}	
#recomend-dinner-wrap{
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    padding-bottom: 100px
}	
#vlog-top-wrap{
    padding-bottom: 100px
}		
	#recomend-head-img {width:800px;}	
#recomend-lunch-wrap h5,
#recomend-dinner-wrap h5,
#vlog-top-wrap h5 {width: 86%}
/*持ち帰り設定 */
#togo-title img {max-width: 800px;}	
#togo-inner{width: 1010px}
#togo-list-wrap {width: 455px}

	
	
	
#fot-info{width: 1080px}
.holiday{left: -30px}	
	
	
.UP {
 -webkit-animation-duration:1,2s;
 animation-duration:1.2s;
}
@-webkit-keyframes UP {
 0% {opacity:0;-webkit-transform:translate3D(0,40px,0);}
 100% {opacity:1;-webkit-transform:translate3D(0,0,0);}
}
@keyframes UP {
 0% {opacity:0;transform:translate3D(0,40px,0);}
 100% {opacity:1;transform:translateY(0,0,0);}
}	

		
}