@charset "utf-8";
/*
Theme Name: aka
Theme URI: http://theme.o2gp.com/
Description: aka
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 170%;	font-size: 14px;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.text_black{color: #000000;}
.text_red{color: #FF1F55;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px;}
.font21{ font-size: 21px;}
.font22{ font-size: 22px;}
.font23{ font-size: 23px;}
.font24{ font-size: 24px;}
.font25{ font-size: 25px;}
.font26{ font-size: 26px;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.padding_b10{	padding-bottom: 10px;}
.padding_b20{	padding-bottom: 20px;}
.padding_b30{	padding-bottom: 30px;}
.padding_t10{	padding-top: 10px;}
.padding_t20{	padding-top: 20px;}
.padding_t30{	padding-top: 30px;}
.center {	text-align: center;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box960 {	max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box890 {	height: auto;	max-width: 890px;	width: 100%;	margin-left: 70px;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box700 {	height: auto;	max-width: 700px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box680 {	height: auto;	max-width: 680px;	width: 100%;	margin-right: auto;	margin-left: auto;}

.justify{text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;}

.pc{ display:block;} .sp{ display:none;}
@media screen and (max-width: 640px) {
.pc{ display:none;} .sp{ display:block;}
}
#link1 {margin-top:-40px;	padding-top:40px;}
#link2 {margin-top:-40px;	padding-top:40px;}
#link3 {margin-top:-40px;	padding-top:40px;}
#link4 {margin-top:-40px;	padding-top:40px;}
#link5 {margin-top:-40px;	padding-top:40px;}
#link6 {margin-top:-80px;	padding-top:80px;}
#link7 {margin-top:-80px;	padding-top:80px;}
#link8 {margin-top:-80px;	padding-top:80px;}
#link9 {margin-top:-80px;	padding-top:80px;}
.shuei_l{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
}
.shuei_m{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 500;
font-style: normal;
}
.shuei_b{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 600;
font-style: normal;
}
/*************
全体
*************/


.fadein {
  animation: fadeIn 2.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein2 {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**スクロールフェードイン（横スクロールと親和性OK）**/
.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}
.js-fadeBottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeLeft {
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fadeRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}

.js-fade.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeBottom.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.js-fadeTop.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.js-fadeLeft.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
.js-fadeRight.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
/**スクロールフェードイン（横スクロールと親和性OK）/////**/

body {
	width: 100%;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-y;
	background-size: auto;
	background-position: center top;
}
header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}
.head_inner{
	width:90%;
	max-width: 1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	z-index:10;
	position: relative;
}

.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:0px;
	margin-top:0px;
	padding-right:10px;
	position: absolute;
	top: 20px;
	right: 10px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	background-color:#000000;
	color: #FFF;
	
}
#my-menu li{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li a{
	text-align: center;
}
#my-menu li.sub1{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li.sub2{
	background-color: #FFF;
	color: #000;
	text-align: center;
}	

.topimage{
  max-width: 1920px; 
  height: 848px;
  background-image: url("images/topimage.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
	overflow-x: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	display: block;
}
.topimage_sp{
	display: none;
}
.logo{
	width: 242px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 170px;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch2 1.5s ease-out forwards;
  animation-delay: 0.6s;
}
.sita{
	width: 68px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 135px;
}
.bg1sp{
		width: 100%;
		height: auto;
		background-color: none;
		padding-bottom: 0px;
		padding-top: 0px;
}
.p1{
	width: 100%;
	max-width: 957px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.t1{
	width: 90%;
	max-width: 462px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.topbox1{
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
}
.top_l{
	width: 48%;
	float: left;
	padding-top: 30px;
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 15px;
	line-height: 210%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
}
.top_r{
	width: 44%;
	float: right;
}
.yoyaku{
	width: 80%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
}
.bg2{
	width: 100%;
	height: auto;
	background-color: #000;
	margin-bottom: 120px;
	
}
.p3{
	width: 100%;
	max-width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.topbox2{
	width: 90%;
	max-width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
}
.lunch_t{
	width: 100%;
	height: auto;
	margin-bottom: 60px;	
}
.lunch_p{
	width: 86%;
	height: auto;
	padding-left: 14%;
	margin-bottom: 60px;	
}

.bg3{
	width: 100%;
	height: auto;
	background-color: #000;
	margin-bottom: 120px;
}

.topbox3{
	width: 90%;
	max-width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.dinner_t{
	width: 100%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 60px;	
}
.dinner_p{
	width: 87%;
	height: auto;
	padding-left: 13%;
	padding-bottom: 70px;	
}

.access_t{
	width: 140px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 40px;
}
.access_p{
	width: 95%;
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.access_f1{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 17px;
	line-height: 170%;
	text-align: center;
	margin-bottom: 20px;
}



@keyframes leafArcIn_catch1 {
  0% {
    /* 左から右へ：Xのみ移動（-30px → 0） */
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes leafArcIn_catch2 {
  0% {
    /* catch2は距離を少し大きめ（-50px → 0） */
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.gbox{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 40px;
}
/* 埋め込みマップをモノクロに */
/*
.map-gray iframe {
  filter: grayscale(100%) contrast(1.05);
  -webkit-filter: grayscale(100%) contrast(1.05);
}
*/
.gmap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.topbox4{
	width: 90%;
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
}
.top_l2{
	width: 55%;
	float: left;
}
.top_r2{
	width: 40%;
	float: right;
}
.access_f2{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 20px;
	line-height: 160%;
	margin-bottom: 15px;
}
.access_f3{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 26px;
	line-height: 180%;
	margin-bottom: 30px;
}
.access_f3 a{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 26px;
	line-height: 180%;
	color: #000;
}
.top_insta{
	width: 165px;
	height: auto;
}

footer{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #000000;
}
.copyright{
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #FFF;
}









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

header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
.head_inner{
	width:100%;
	max-width: 1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	z-index:10;
	position: relative;
}

.menu_smart{
	display: block;
	width: 40px;
	float: right;
	z-index: 10000;
	padding-top:0px;
	margin-top:0px;
	padding-right:0px;
	position: absolute;
	top: 25px;
	right: 16px;
	cursor: pointer;
}

#my-menu{
	z-index:10000;
	background-color:#000000;
	color: #FFF;
	
}
#my-menu li{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li a{
	text-align: center;
}
#my-menu li.sub1{
	background-color:#000000;
	color: #FFF;
	text-align: center;
}
#my-menu li.sub2{
	background-color: #FFF;
	color: #000;
	text-align: center;
}	


.topimage{
  max-width: 1920px; 
  height: 848px;
  background-image: url("images/topimage.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
	overflow-x: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	display: none;
}
.topimage_sp{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.logo{
	width: 30%;
	max-width: 200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 140px;
  display: block;
  opacity: 0;
  will-change: transform, opacity;
  animation: leafArcIn_catch2 1.5s ease-out forwards;
  animation-delay: 0.6s;
}
.sita{
	width: 68px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 140px;
}
.bg1sp{
		width: 100%;
		height: auto;
		background-color: #000;
		padding-bottom: 30px;
		padding-top: 30px;
	margin-bottom: 100px;
		
}
.p1{
	width: 100%;
	max-width: 957px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.t1{
	width: 85%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.topbox1{
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.top_l{
	width: 95%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 14.5px;
	line-height: 210%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
	margin-bottom: 20px;
}
.top_r{
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.yoyaku{
	width: 70%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.bg2{
	width: 100%;
	height: auto;
	background-color: #000;
	margin-bottom: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.p3{
	width: 90%;
	max-width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.topbox2{
	width: 100%;
	max-width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.lunch_t{
	width: 95%;
	height: auto;
	margin-bottom: 60px;	
}
.lunch_p{
	width: 95%;
	height: auto;
	padding-left: 5%;
	margin-bottom: 60px;	
}

.bg3{
	width: 100%;
	height: auto;
	background-color: #000;
	margin-top: 40px;
	margin-bottom: 70px;
}

.topbox3{
	width: 100%;
	max-width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.dinner_t{
	width: 95%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 60px;	
}
.dinner_p{
	width: 95%;
	height: auto;
	padding-left: 5%;
	padding-bottom: 70px;	
}

.access_t{
	width: 120px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.access_p{
	width: 97%;
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.access_f1{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 14.5px;
	line-height: 180%;
	text-align: center;
	margin-bottom: 20px;
}



.gbox{
	width: 90%;
	max-width: 800px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 40px;
}
/* 埋め込みマップをモノクロに */
/*
.map-gray iframe {
  filter: grayscale(100%) contrast(1.05);
  -webkit-filter: grayscale(100%) contrast(1.05);
}
*/
.gmap{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.topbox4{
	width: 90%;
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.top_l2{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.top_r2{
	width: 100%;
	float: none;
}
.access_f2{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 17px;
	line-height: 160%;
	margin-bottom: 15px;
	text-align: center;
}
.access_f3{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 23px;
	line-height: 180%;
	margin-bottom: 30px;
	text-align: center;
}
.access_f3 a{
font-family: "dnp-shuei-mincho-pr6", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 23px;
	line-height: 180%;
	color: #000;
	text-align: center;
}
.top_insta{
	width: 165px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

footer{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #000000;
}
.copyright{
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #FFF;
}


footer{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #000000;
}
.copyright{
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #FFF;
}



}