@charset "utf-8";


.summeruplogo{display: -webkit-flex;display: flex;}
.summeruplogo .text{}
.summeruplogo .ph{}

.poitboxnew25 .summerb987.en{position: relative;display: inline-block;margin-bottom: 1em;}
.poitboxnew25 .summerb987.en:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

@media screen and (max-width:960px),print{
.summeruplogo{-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.summeruplogo .text{text-align: center;}
.summeruplogo .ph{text-align: center;width: 200px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}
.summeruplogo .ph img{width: 100%;height: auto;}

}

@media screen and (min-width:769px),print{
.speboxleftrightin0147 .posright8.dd_box .txt_upbox{
    right: 0;
    left: auto;

}
.speboxleftrightin0147 .posright8.dd_box .slide_ph_area{
    left: 0;
    right: auto;
}
}








@media screen and (min-width: 768px) {
header .page_title_bg01 {
background-image: url("../images/summer/main_bg01.jpg");
}
}
@media screen and (max-width: 768px) {
header .page_title_bg01 {
background-image: url("../images/summer/main_bg01sp.jpg");
}

.speboxleftrightin0147 .index_pickup_block{padding-bottom: 20px;}
.txt_upbox.index_pickup_block .box.shadow_box.yel div{width: 100%;padding-top: 15px;}

}


.pict00{margin-top: 15px;}
.pict00 img{width: 135px;height: auto;}
.menubox777{padding-top: 40px;}

.bg_980_anniver.menubox777 .menubox777in .menubox2203 {
    margin-top: 30px;
    border-bottom: 1px solid #635342;
    color: #8c7540;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 900;
    font-size: 2.6rem;
    margin-bottom: 10px;
    padding-top: 20px;
}

.bg_980_anniver.menubox777 .menubox777in .menubox2203 h4 {
    float: none;
    text-align: center;
    font-size: 3.6rem;
    line-height: 1.2;
}

.bg_980_anniver.menubox777 .menubox777in .menubox2203 h4 span,
.mozikazaribuffe555 {
    font-size: 4.2rem;
    font-family: "Tangerine", cursive;
    font-weight: 400;
}

.bg_980_anniver .anniverboxin789 {
    padding: 10px 60px 60px 60px;
}


.mozikazaribuffe555{

}
.menubox777in .subtith2{line-height: 1.3;}
.newboxbuffemenu44 .fl,
.newboxbuffemenu44 .fr{
width: 48%;padding-bottom: 20px;
}
.newboxbuffemenu44 .fl h4,
.newboxbuffemenu44 .fr h4{
margin-top: 10px;line-height: 1.6;font-size: 1.6rem;
letter-spacing: 0;
}
.newboxbuffemenu44 .fl ,
.newboxbuffemenu44 .fr p{
line-height: 1.5;
}
.boxsiri001{padding-top: 25px;}

.boxguidelinebox456{margin-bottom: 15px;margin-top: 15px;}
.boxguidelinebox456in{text-align: center;}

@media screen and (min-width: 769px) {
.boxsiri001{  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
.boxguidelinebox456{  display: -webkit-flex;
    display: flex;
   -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 980px;margin-left: auto;margin-right: auto;}

.pict00{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}

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

.pict00{width: 100%;margin-top: 15px;text-align: center;}
.pict00 img{width: 80px;height: auto;}


.bg_980_anniver.menubox777 .menubox777in .menubox2203 {
width: 98%;
}
.newboxbuffemenu44 .fl,
.newboxbuffemenu44 .fr{
width: 100%;
float: none;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 20px;
}

.newboxbuffemenu44 .fl h4,
.newboxbuffemenu44 .fr h4{
text-align: left !important;
}
.newboxbuffemenu44 .fl p,
.newboxbuffemenu44 .fr p{
text-align: left !important;
}
.boxsiri001{text-align: center;}

}









.upbnrbox.col1085.alabox_rest a{
border: 1px solid #ccc;
width: 960px;
margin-left: auto;
margin-right: auto;
}


@media screen and (min-width:981px){
.upbnrbox.col1085 a .textbox{
text-align:left !important;
width:50%;
}

}
@media screen and (max-width:980px){
.upbnrbox.col1085 a .textbox{
text-align:center !important;

}
.upbnrbox.col1085.alabox_rest a{
width: 100%;
margin-left: auto;
margin-right: auto;
}
}


.hanabatakebokujobox{
display: block;
margin-top: 10px;
background-color: #c7ba75;
padding: 10px;
text-align: center;
}
.hanabatakebokujobox img.hanalogo{
width: 160px;
height: autopx;
}

.detailallslickpc756987 section{margin-bottom: 40px;}


.index_pickup_block section.pickupmenu01::before {
background-image: url("../images/summer/pickup01.jpg");
}
.index_pickup_block section.pickupmenu02::before {
background-image: url("../images/summer/pickup02.jpg");
}
.index_pickup_block section.pickupmenu03::before {
background-image: url("../images/summer/pickup03.jpg");
}
.index_pickup_block section.pickupmenu04::before {
background-image: url("../images/summer/pickup04.jpg");
}
.index_pickup_block section.pickupmenu05::before {
background-image: url("../images/summer/pickup05.jpg");
}
.index_pickup_block section.pickupmenu06::before {
background-image: url("../images/summer/pickup06.jpg");
}
.index_pickup_block section.pickupmenu07::before {
background-image: url("../images/summer/pickup07.jpg");
}
.index_pickup_block section.pickupmenu08::before {
background-image: url("../images/summer/pickup08.jpg");
}





/* 4つのおすすめポイント
============================================================================================================ */
.point_list {
}
.point_list a {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	line-height: 1.8;
}
.point_list a.point01 {
	background-image: url(../images/summer/point01_bg.jpg);
}
.point_list a.point02 {
	background-image: url(../images/summer/point02_bg.jpg);
}
.point_list a.point03 {
	background-image: url(../images/summer/point03_bg.jpg);
}

.point_list a .bg,
.point_list a .bg > div {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.point_list a .bg > div {
	background-color: rgba(255,255,255,.8);
}
.point_list a .bg::before,
.point_list a .bg::after,
.point_list a .bg > div::before,
.point_list a .bg > div::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(/restaurants/images/point_point.png) no-repeat 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	opacity: .4;
	z-index: 3;
}
.point_list a .bg::before {
	top: 6px;
	left: 6px;
}
.point_list a .bg::after {
	top: 6px;
	right: 6px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.point_list a .bg > div::before {
	bottom: 6px;
	right: 6px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.point_list a .bg > div::after {
	bottom: 6px;
	left: 6px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.point_list a dl dt {
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
}
	.point_list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -1px;
	}
	.point_list > * {
		width: 33%;
		border: 1px solid #fff;
	}
	
	.point_list a {
		overflow: hidden;
		height: 360px;
	}
	.point_list a .bg {
		top: 90px;
		bottom: 90px;
		left: 10%;
		right: 10%;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.point_list a dl {
		position: absolute;
		top: 40px;
		left: 40px;
		right: 40px;
		-webkit-transform: translateY(78px);
		-ms-transform: translateY(78px);
		-o-transform: translateY(78px);
		transform: translateY(78px);
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .4s;
		z-index: 3;
	}
	.point_list a dd {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: -webkit-transform .4s, opacity .4s;
		-o-transition: -o-transform .4s, opacity .4s;
		transition: transform .4s, opacity .4s;
	}
	.point_list a:hover .bg {
		top: -2px;
		bottom: -2px;
		left: -2px;
		right: -2px;
	}
	.point_list a:hover dl {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.point_list a:hover dd {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
@media screen and (min-width: 980px), print {}
@media screen and (max-width: 979px) {

.point_list > * {
		width: 100%;
		
	}
		.point_list a {
		overflow: hidden;
		height: 300px;
	}

	.point_list li + li {
		margin-top: 2px;
	}
	.point_list a {
		line-height: 1.8;
		font-size: 1.2rem;
	}
	.point_list a dl {
		top: 35px;
	}
	

	/*.point_list a .bg::before,
	.point_list a .bg::after,
	.point_list a .bg > div::before,
	.point_list a .bg > div::after {
		width: 30px;
		height: 30px;
	}
	.point_list a dl {
		position: relative;
		padding: 25px 20px;
		z-index: 3;
	}
	.point_list a dl dt {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}*/
	.point_list a dl dt {
		font-size: 1.6rem;
	}
	
}