@charset "utf-8";
/* メインスライド
----------------------------------------------------------------------------- */

/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../img/slide_next.png) no-repeat left top;
  text-indent: -9999px;
  width: 40px;
  height: 100px;
}
/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../img/slide_prev.png) no-repeat left top;
  text-indent: -9999px;
  width: 40px;
  height: 100px;
}
/*title
----------------------------------------------------------------------------- */

.title01 {
  margin:45px auto;
}
/* 2genre
----------------------------------------------------------------------------- */
.genre_nav {
	margin: 45px 0　105px;
}
.genre_nav ul li {
  float: left;
  margin-left: 6px;
  position:relative;
}
.genre_nav ul li:first-child, .genre_nav ul li:nth-child(3) {
  margin-left: 0px;
}
.genre_nav ul li a {
  display: block;
  height: 285px;
  width: 545px;
	text-decoration: none;
}
.genre_nav_list01 a {
  background-image: url(../img/restaurant_title01_list1-2_pc.jpg);
}
.genre_nav_list01 a:hover {
  background-image: url(../img/restaurant_title01_list1-2_pc_ov.jpg);
}
.genre_nav_list02 a {
  background-image: url(../img/restaurant_title01_list2-2_pc.jpg);
}
.genre_nav_list02 a:hover {
  background-image: url(../img/restaurant_title01_list2-2_pc_ov.jpg);
}
.genre_nav_list03 a {
  background-image: url(../img/restaurant_title01_list1-3_pc.jpg);
}
.genre_nav_list03 a:hover {
  background-image: url(../img/restaurant_title01_list1-3_pc_ov.jpg);
}
.genre_nav_list04 a {
  background-image: url(../img/restaurant_title01_list1-4_pc.jpg);
}
.genre_nav_list04 a:hover {
  background-image: url(../img/restaurant_title01_list1-4_pc_ov.jpg);
}
.genre_nav ul li p.font01 {
	font-family: "Sawarabi Mincho"; 
	font-size:17px;
	line-height:1.3;
	color:#222;
}
.genre_nav ul li p.font01 span {
	font-size:11px;
	color:#ccc;
}
.genre_nav ul li a p.cap {
	display: none;
	text-align:left;
	color:#fff;
}
.genre_nav ul li a:hover p.cap {
	display:block;
	position:absolute;
	top:40%;
	left:10px;
}

/* 20200508追記 */
.genre_nav button.btn {
	margin: 0 auto;
	background: none;
	border: none;
}
.genre_nav button.btn a {
    color: #000;
    font-size: 20px;
	text-decoration: none;
    padding: 0.5em 2em;
    background-color: #fff;
    border: 1px solid #000;
    display: flex;
    align-items: center;
	background: none;
	width: auto;
	height: auto;
}
.genre_nav button.btn a:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}




/* menu01
----------------------------------------------------------------------------- */
.menu01{
  margin:134px 0 0;
  width:100%;
  padding-top:1px;
  border-top:1px solid #0E7F9C;
}
.menu01 .menu01_wrp{
  background-image:url(../img/restaurant_menu01_bg_pc.jpg);
  background-repeat:repeat-x;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  padding:43px 0 82px;
  margin:1px 0 54px;
}

.menu01 .menu01_wrp .box_l{
  float:left;
  width:545px;
}
.menu01 .menu01_wrp .box_l h2 {
	color:#fff;
	font-size:40px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.5;
	margin:0;
	text-align: left;
}
.menu01 .menu01_wrp .box_l h2 span {
	font-size:16px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.menu01 .menu01_wrp .box_l h2 span.font02 {
	font-family: "Sawarabi Mincho"; 
	font-weight:normal;
}
.menu01 .menu01_wrp .box_l p.sub {
	font-size:17px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#fff;
	padding:0;
	text-align: left;
}
.menu01 .menu01_wrp .box_l .text01{
  font-size: 13px;
  color: #C5D2D6;
  margin: 25px 0 25px;
  text-align: left;
  letter-spacing: -0.07em;
}
.menu01 .menu01_wrp .box_l .text02{
  margin:20px 0 0;
}

.menu01 .menu01_wrp .box_l .info01{
  font-size:13px;
  color:#FFFFFF;
  padding:18px 20px;
  text-align:left;
  border:1px solid #227286;
}
.menu01 .menu01_wrp .box_l .info01 dl{
  margin:0;
  padding:0;
}
.menu01 .menu01_wrp .box_l .info01 dt{
  color:#FFFFFF;
  padding:3px 0;
  width:75px;
  text-align:center;
  margin:0 15px 3px 0;
  float:left;
  background-color:#227286;
}
.menu01 .menu01_wrp .box_l .info01 dd{
  color:#FFFFFF;
  padding:3px 0;
  text-align:left;
  margin:0 0 3px 0;
  float:left;
}

.menu01 .menu01_wrp .box_r{
  float:right;
  width:512px;
  padding-top:36px;
}
.menu01 .photolist{
  margin-bottom:75px;
}
.menu01 .photolist .title02{
  text-align:left;
}
.menu01 .photolist .title02 p{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; 
	font-size:26px;
	
}
.menu01 .photolist .text03{
   text-align:left;
  margin:35px 0 50px;
}
.menu01 .photolist .list ul li{
  float:left;
  margin-right:10px;
}
.menu01 .photolist .list ul li:last-child {
  margin-right:0;
}
.menu01 .gallery{
  margin-top:30px;
}
.menu01 .gallery .galley_wrp{
  margin-bottom:53px;
}
.menu01 .gallery .galley_wrp .text04,
.menu01 .gallery .galley_wrp .text05,
.menu01 .gallery .galley_wrp .text06,
.menu01 .gallery .galley_wrp .gallery_photo01,
.menu01 .gallery .galley_wrp .gallery_photo02,
.menu01 .gallery .galley_wrp .gallery_photo03{
  font-size:13px;
  text-align:left;
}
.menu01 .gallery .galley_wrp p{
  margin:20px 0 35px;
}
.menu01 .gallery .galley_wrp .text04{
  float:right;
  width:546px;
}
.menu01 .gallery .galley_wrp .text05{
  float:left;
  width:546px;
}
.menu01 .gallery .galley_wrp .text06{
  float:right;
  width:546px;
}
.menu01 .gallery .galley_wrp .gallery_photo01{
  float:left;
  width:516px;
}
.menu01 .gallery .galley_wrp .gallery_photo02{
  float:right;
  width:516px;
}
.menu01 .gallery .galley_wrp .gallery_photo03{
  float:left;
  width:516px;
}
.menu01 .gallery h3 {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B","ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; 
	font-size:20px;
	line-height: 1.4;
}
.menu01 .say .say_inner{
  padding:20px 0 25px 30px;
  border:1px solid #CCCCCC;
}
.menu01 .say .say_inner .box_l{
  float:left;
  margin-right:42px;
  width:172px;
}
.menu01 .say .say_inner .box_r{
  padding-top:20px;
    text-align:left;
  float:left;
  width:840px;
}
.menu01 .say .say_inner .box_r p{
  font-size:13px;
  margin-top:20px;
  line-height:1.5;

}


.pop_inner{
  width:750px;
  padding:10px 60px 60px;
}
.sp-horizontal .sp-next-arrow {
	right: -40px !important;
}
.sp-horizontal .sp-previous-arrow {
	left: -60px !important;
}
.pop01{
  display:none;
}
.sp-image-container{
  height:100% !important;
  width:100% !important;
}
.sp-image{
  margin:0 !important;
}
.sp-slide{
   height:499px !important;
  width:750px !important;
}
.sp-mask{
   height:499px !important;
  width:750px !important;
}

.sp-bottom-thumbnails{
  margin-top:15px !important;
  width:750px !important;
}
.sp-bottom-thumbnails img{

}
#wide1,
#wide2,
#wide3,
#wide4,
#wide5{
  width:750px !important;
}


/* BreakPoint 768px
=============================================================*/
@media only screen and (max-width: 768px) {
/* main_img
----------------------------------------------------------------------------- */
.main_img {
  margin-top: 80px;
}
/* 4genre
----------------------------------------------------------------------------- */
.genre_nav {
  margin: 44px auto;
  width: 75%;
}
.genre_nav ul li {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
}
.genre_nav ul li a {
  display: inline;
  height: auto;
  width: 100%;
}
.genre_nav ul li img {
  width: 100%;
}
.genre_nav ul li:first-child {
  margin-bottom:25px;
}
.genre_nav_list01 a {
  background-image: none;
}
.genre_nav_list01 a:hover {
  background-image: none;
}
.genre_nav_list02 a {
  background-image: none;
}
.genre_nav_list02 a:hover {
  background-image: none;
}

#service1_sp{
  margin-top:-60px;
  padding-top:60px;
}

/* menu01
----------------------------------------------------------------------------- */
.menu01{
  margin:43px 0 0;
  width:100%;
  padding-top:0;
  border-top:0;
}
.menu01 .menu01_wrp{
  padding:20px 0 36px;
  margin:0 0 40px;
}
.menu01 .menu01_wrp .box_l{
  float:none;
  width:100%;

}
	.menu01 .menu01_wrp .box_l h2 {
		text-align: center;
		margin-bottom:20px;
		font-size:30px;
	}
.menu01 .menu01_wrp .box_l .restaurant_menu01_title01_sp{
  width:91.7%;
  margin:0 auto 32px;
}
.menu01 .menu01_wrp .box_l .restaurant_menu01_photo01_pc{
  width:82%;
  margin:0 auto 32px;
}
.menu01 .menu01_wrp .box_l .restaurant_menu01_title02_sp{
    width:91.7%;
  margin:0 auto;
}
.menu01 .menu01_wrp .box_l .text01{
  width:91.7%;
  font-size: 16px;
  color: #C5D2D6;
  margin: 25px auto 25px;
  text-align: left;
}
.menu01 .menu01_wrp .box_l .text02{
  margin:20px 0 0;
}

.menu01 .menu01_wrp .box_l .info01{
  font-size:13px;
  color:#FFFFFF;
  padding:18px 20px;
  text-align:left;
  border:1px solid #227286;
}
.menu01 .menu01_wrp .box_l .info01 dl{
  margin:0;
  padding:0;
}
.menu01 .menu01_wrp .box_l .info01 dt{
  color:#FFFFFF;
  padding:3px 0;
  width:75px;
  text-align:center;
  margin:0 15px 3px 0;
  float:left;
  background-color:#227286;
}
.menu01 .menu01_wrp .box_l .info01 dd{
  width:60%;
  color:#FFFFFF;
  padding:3px 0;
  text-align:left;
  margin:0 0 3px 0;
  float:left;
}
.menu01 .photolist .text03{
  font-size:16px;
}

.menu01 .menu01_wrp .box_r{
  float:right;
  width:512px;
  padding-top:36px;
}

.content00 .marina_main2-slide {
  width: 65%;
  margin: 40px auto 33px;
}
.content00 {
  width: 100%;
  background-color:#F2F2F2;
  border-top: 1px solid #B7C9CC;
  border-bottom: 1px solid #B7C9CC;
}


.menu01 .gallery{
}
.menu01 .gallery .galley_wrp{
  margin-bottom:30px;
}
.menu01 .gallery .galley_wrp .text04,
.menu01 .gallery .galley_wrp .text05,
.menu01 .gallery .galley_wrp .text06,
.menu01 .gallery .galley_wrp .gallery_photo01,
.menu01 .gallery .galley_wrp .gallery_photo02,
.menu01 .gallery .galley_wrp .gallery_photo03{
  font-size:16px;
  text-align:left;
}
.menu01 .gallery .galley_wrp p{
  margin:20px 0 35px;
}
.menu01 .gallery .galley_wrp .text04{
  float:none;
  width:91.7%;
  margin:0 auto 30px;
}
.menu01 .gallery .galley_wrp .text05{
  float:none;
  width:91.7%;
  margin:0 auto 30px;
}
.menu01 .gallery .galley_wrp .text06{
  float:none;
  width:91.7%;
  margin:0 auto 30px;
}
.menu01 .gallery .galley_wrp .gallery_photo01{
  float:none;
  width:91.7%;
  margin:0 auto;
}
.menu01 .gallery .galley_wrp .gallery_photo01 img{
  width:100%;
}
.menu01 .gallery .galley_wrp .gallery_photo02{
  float:none;
  width:91.7%;
  margin:0 auto;
}
.menu01 .gallery .galley_wrp .gallery_photo02 img{
  width:100%;
}
.menu01 .gallery .galley_wrp .gallery_photo03{
  float:none;
  width:91.7%;
  margin:0 auto;
}
.menu01 .gallery .galley_wrp .gallery_photo03 img{
  width:100%;
}
.menu01 .gallery .galley_wrp a img{
  width:60%;
  margin:auto;
}

.menu01 .say .say_inner{
  padding:0;
  border:0;
  width:100%;
}
.menu01 .say .say_inner .box_l{
  float:left;
  margin-right:0;
  width:24.7%;
}
.menu01 .say .say_inner .box_l img{
  width:100%;
}
.menu01 .say .say_inner .box_r{
  padding-top:0;
  text-align:left;
  float:right;
  width:73%;
}
.menu01 .say .say_inner .box_r p{
  font-size:13px;
  margin-top:20px;
  line-height:1.5;

}

.sub_slider_list01{
  text-align:left;
	height: 100%;
}
.sub_slider_list01 img{
  float:left;
}
.sub_slider_list01 img.spga{
  margin-bottom:10px;
}
.sub_slider_list01 a{
  text-decoration: none;
  color: #666666;
}
.sub_slider_list01 span{
  margin-top:1em;
  margin-left:10px;
  font-size:11px;
  line-height: 1.0;
}
}

/* BreakPoint 375px
=============================================================*/
@media only screen and (max-width: 375px) {
    .menu01 .photolist .title02 img,
    .menu01 .gallery .galley_wrp .text04 img,
    .menu01 .gallery .galley_wrp .text05 img,
    .menu01 .gallery .galley_wrp .text06 img{
      width:100%;
}
.menu01 .say .say_inner .box_r img{
  width:100%;
}
	

/* 20200508追記 */
.genre_nav button.btn {
	width: 100%;
	margin-bottom: 2%;
}	
.genre_nav button.btn a {
	font-size: 16px;
	width: 100%;
    padding: 5% 0;
	justify-content: center;
}

}