@charset "utf-8";


/*---------------------------------------------------------

    mv

---------------------------------------------------------*/

#mv {
    display: table;
    position: relative;
    background: url(/img/restaurant/sp/mv.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 126.66vw;
    max-height: 475px;
}

#mv > h1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



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

#mv > h1 > img {
	width:55%;
    max-width: 220px;
}

}


@media screen and (min-width: 769px) {

#mv {
	background-image:url(/img/restaurant/pc/mv.jpg);
    background-size: cover;
    display: block;
}

#mv > h1 > img {
	width:220px;
}

}



/*---------------------------------------------------------

    common

---------------------------------------------------------*/
.topics dl.detail dt img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}


#restaurant .container{
	position:relative;
}
.icon-pdf{
	display:inline-block;
	background:url(/img/event/icon-pdf.png) left no-repeat;
	background-size:16px auto;
	line-height:20px;
	
	padding-left:30px;
}


@media screen and (min-width: 769px) {



}

@media screen and (min-width: 769px) {

#restaurant {
    font-size: 1.4rem;
}

}

/*---------------------------------------------------------

    リード文章

---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#restaurant_lead {
		padding: 4.0em 0 4.0em;
		text-align: center;
	}
	#restaurant_lead h2 {
		font-size: 16px;
		margin: 0 0 20px;
		color: #000;
		line-height: 1.8em;
	}
	#restaurant_lead p.text {
		line-height: 2.0em;
		font-size: 13px;
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px) {
	#restaurant_lead {
		padding: 60px 0 60px;
		text-align: center;
	}
	#restaurant_lead h2 {
		font-size: 22px;
		margin: 0 0 20px;
		color: #000;
	}
	#restaurant_lead p.text {
		line-height: 2.2em;
		font-size: 13px;
	}
}

/*---------------------------------------------------------

    オンライン予約ボタン

---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.btn_reserve {
		padding: 3.0em 0;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}
	.btn_reserve > div{
		margin: 0 auto;
		padding: 0.8em 0;
	}
	.btn_reserve > div a{
		display: block;
		padding: 12px 5%;
		width: 90%;
		background: #13737f;
		color: #FFF;
		font-size: 13px;
		margin: 0 0 1.2em;
	}
	.btn_reserve > div a:hover {
		background: #333;
	}
	.btn_reserve p.attention {
		font-size: 11px;
		color: #666;
		padding: 10px 0;
	}
}

@media screen and (min-width: 769px) {
	.btn_reserve {
		padding: 30px 0;
		text-align: center;
		width: 640px;
		margin: 0 auto;
	}
	.btn_reserve > div{
		width: 400px;
		margin: 0 auto;
	}
	.btn_reserve > div a{
		display: block;
		padding: 12px 0;
		width: 100%;
		background: #13737f;
		color: #FFF;
		font-size: 13px;
		margin: 0 0 20px;
	}
	.btn_reserve > div a:hover {
		background: #333;
	}
	.btn_reserve p.attention {
		font-size: 11px;
		color: #666;
		padding: 10px 0;
	}
}


/*---------------------------------------------------------

    メニュー

---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#menu_img {
		padding: 3.0em 0;
	}
	#menu_img dl.menu_layout {
		margin: 0 0 4.0em;
    }
	#menu_img dl.menu_layout dt {
	    width: 90%;
	    margin: 0 auto 2.0em;
    }
	#menu_img dl.menu_layout dd {
	    width: 90%;
	    margin: 0 auto 2.0em;
   }
	#menu_img dl.menu_layout dd h3 {
		font-size: 28px;
		margin: 0 0 12px;
	}
	#menu_img dl.menu_layout dd p.time{
		font-size: 12px;
		margin: 0 0 20px;
		color: #E99281;
	}
	#menu_img dl.menu_layout dd ul.list {
		margin: 0 0 20px;
	}
	#menu_img dl.menu_layout dd ul.list li {
		font-size: 13px;
		margin: 0 0 1.8em;
		line-height: 1.6em;
	}
	#menu_img dl.menu_layout dd ul.list li span {
		font-size: 11px;
		color: #777777;
	}
	#menu_img dl.menu_layout dd div.btn_pdf a {
		display: block;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 8px 0;
		border: 3px double #000;
		font-size: 12px;
		color: #000;
	}
}

@media screen and (min-width: 769px) {
	#menu_img {
		padding: 50px 0;
	}
	#menu_img dl.menu_layout {
		margin: 0 0 80px;
    }
	#menu_img dl.menu_layout dt {
		float: left;
	    width: 45%;
    }
	#menu_img dl.menu_layout dd {
		float: right;
	    width: 45%;
	    padding: 20px 0 0;
 		margin: 0 50px 0 0;
   }
	#menu_img dl.menu_layout:nth-child(2n) dt {
		float: right;
    }
	#menu_img dl.menu_layout:nth-child(2n) dd {
		float: left;
 		margin: 0 0 0 50px;
    }
	#menu_img dl.menu_layout dd h3 {
		font-size: 28px;
		margin: 0 0 12px;
	}
	#menu_img dl.menu_layout dd p.time{
		font-size: 12px;
		margin: 0 0 20px;
		color: #E99281;
	}
	#menu_img dl.menu_layout dd ul.list {
		margin: 0 0 20px;
	}
	#menu_img dl.menu_layout dd ul.list li {
		font-size: 13px;
		margin: 0 0 20px;
		line-height: 1.6em;
	}
	#menu_img dl.menu_layout dd ul.list li span {
		font-size: 11px;
		color: #777777;
	}
	#menu_img dl.menu_layout dd div.btn_pdf a {
		display: block;
		width: 240px;
		text-align: center;
		padding: 8px 0;
		border: 3px double #000;
		font-size: 12px;
		color: #000;
	}

}


/*---------------------------------------------------------

    Photo Gallery

---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#photogallery {
		background: #FFF;
		padding: 4.0em 0;
	}
	#photogallery h3 {
		text-align: center;
		margin: 0 0 1.0em;
		font-size: 16px;
	}
	#photogallery ul.gallery_fancybox {
		text-align: left;	
		width: 90%;
		margin: 0 auto;	
	}
	#photogallery ul.gallery_fancybox li {
		display: inline-table;
		width: 18%;
		padding: 0 0.5% 0.5em;
	}

}

@media screen and (min-width: 769px) {
	#photogallery {
		background: #FFF;
		padding: 40px 0;
	}
	#photogallery h3 {
		text-align: center;
		margin: 0 0 20px;
		font-size: 20px;
	}
	#photogallery ul.gallery_fancybox {
		text-align: center;	
		width: 960px;
		margin: 0 auto;	
	}
	#photogallery ul.gallery_fancybox li {
		display: inline-table;
		width: 7%;
		padding: 0 0.5% 15px;
	}
}


/*---------------------------------------------------------

    固定ボタン

---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#fix_btn {
		position: fixed;
		left: 0;
		bottom: 0;
		background: #13737f;
		width: 100%;
		display: none;
	}
	#fix_btn ul{
		width: 100%;
	}
	#fix_btn ul li{
		float: left;
		width: 49%;
		text-align: center;
		border-right: 1px solid #FFF;
	}
	#fix_btn ul li:last-child{
		border: none;
	}
	#fix_btn ul li a {
		display: block;
		padding: 0.8em 0;
		font-size: 12px;
		color: #FFF;
	}
}

@media screen and (min-width: 769px) {
	#fix_btn {
		display: none !important;
	}
}

/*---------------------------------------------------------

    news

---------------------------------------------------------*/


#news{
	background:#fff;
	padding:60px 0 0 0;
}

#news .inner:after{content: ""; display: block; clear: both;height: 0;}


#news h2{
	color:#fff;
	text-align:center;
	width:90px;
	line-height:90px;
    font-size: 2.0rem;
	background:#ef9c8e;
	float:left;
	margin-right:15px;
}

#news dl{
	position:relative;
	padding-top:12px;
	overflow:hidden;
}

#news dt{
	color:#ED9A8C;
	position:absolute;
	left:0;
}

#news dd{
	padding-left:6em;
	margin-bottom:10px;
}

#news dd a{
	color:#666;
}


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

#news .inner{
	padding:0 15px 0 0;
}


}

@media screen and (min-width: 769px) {

#news{
	background:#fff;
	padding:45px 0;
}

#news .inner{
	width:800px;
	margin:0 auto;
}
#news h2{
	margin-right:30px;
}


}

/*---------------------------------------------------------

    PLAN LIST

---------------------------------------------------------*/


@media screen and (max-width: 768px) {
#plan_list{
    padding: 2.5em 0;
}
#plan_list p.en_title {
	font-size: 1.1em;
	text-align: center;
	margin: 0 0 0.6em;
}
#plan_list h3 {
	font-size: 1.8em;
	text-align: center;
	margin: 0 0 1.0em;
}
#plan_list h5 {
	font-size: 2.0em;
	text-align: center;
	margin: 0 0 1.0em;
	text-decoration: underline;
}

#plan_list ul {
	margin: 0 0 1.6em;
}
#plan_list ul:last-of-type {
	margin: 0;
}
#plan_list ul li {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #CCC;
}
#plan_list ul li:last-child {
	border-bottom: none;
}
#plan_list ul li a {
	color: #333;
}
#plan_list ul li dl dt {
	float: left;
	width: 35%;
	margin: 0 0 0;
}
#plan_list ul li dl dd {
	float: right;
	width: 60%;
	font-size: 1.1em;
	line-height: 2.2em;
	padding-top: 0.6em;
}
}

@media screen and (min-width: 769px) {
#plan_list{
    padding: 50px 0;
}
#plan_list p.en_title {
	font-size: 15px;
	text-align: center;
	margin: 0 0 6px;
}
#plan_list h3 {
	font-size: 24px;
	text-align: center;
	margin: 0 0 25px;
}
#plan_list h5 {
	font-size: 28px;
	text-align: center;
	margin: 0 0 10px;
	text-decoration: underline;
}
#plan_list ul {
	text-align: center;
	margin: 0 0 30px;
}
#plan_list ul:last-of-type {
	margin: 0;
}
#plan_list ul li {
	display: inline-block;
	width: 30%;
	margin: 0 1.3% 30px;
	vertical-align: top;
	text-align: left;
}
#plan_list ul li a {
	color: #333;
}
#plan_list ul li dl dt {
	margin: 0 0 15px;
}
#plan_list ul li dl dd {
	font-size: 12px;
	line-height: 2.2em;
	padding: 0 10px;
}

}



/*---------------------------------------------------------

    ポイント枠

---------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#point_wrap {
	}
	#point_wrap dl {
		background: #eeede6;
	}
	#point_wrap dl:nth-of-type(2n)  {
		background: #f7f6f2;
	}
	#point_wrap dl dt {
	}
	#point_wrap dl:nth-of-type(2n) dt {
	}
	#point_wrap dl dt .bg_img {
		width: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
		padding-top: 60%;
		height: auto;
	}
	#point_wrap dl dd {
		padding: 5% 5% 8%;
	}
	#point_wrap dl:nth-of-type(2n) dd {
	}
	
	#point_wrap dl dd h4 {
		font-size: 3.2em;
		margin: 0 0 0.5em;
		color: #81765a;
		display: inline-block;
		border-bottom: 2px solid #81765a;
		vertical-align: middle;
	}
	#point_wrap dl dd h5 {
		font-size: 1.6em;
		margin: 0 0 0.8em;
	}
	#point_wrap dl dd p.text {
		font-size: 1.1em;
		line-height: 2.2em;
	}

}

@media screen and (min-width: 769px) {
	#point_wrap {
	}
	#point_wrap dl {
		background: #eeede6;
	}
	#point_wrap dl:nth-of-type(2n)  {
		background: #f7f6f2;
	}
	#point_wrap dl dt {
		float: right;
		width: 50%;
		min-height: 360px;
	}
	#point_wrap dl:nth-of-type(2n) dt {
		float: left;
	}
	#point_wrap dl dt .bg_img {
		width: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
		padding-top: 70%;
		height: auto;
	}
	#point_wrap dl dd {
		float: left;
		width: 40%;
		padding: 5%;
	}
	#point_wrap dl:nth-of-type(2n) dd {
		float: right;
	}
	
	#point_wrap dl dd h4 {
		font-size: 40px;
		margin: 0 0 40px;
		color: #81765a;
		display: inline-block;
		border-bottom: 2px solid #81765a;
		vertical-align: middle;
	}
	#point_wrap dl dd h5 {
		font-size: 24px;
		margin: 0 0 30px;
	}
	#point_wrap dl dd p.text {
		font-size: 13px;
		line-height: 2.2em;
	}
}


/*---------------------------------------------------------

    誘導枠

---------------------------------------------------------*/
@media screen and (max-width: 768px) {
#pickup_info {
	background: #FFF;
	padding: 5.0em 0;
}
#pickup_info dl.pr_wrap {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	background: #E99281;
	border: 5px double #FFF;
	position: relative;
}
#pickup_info dl.pr_wrap a {
	display: block;
	color: #FFF;
}
#pickup_info dl.pr_wrap a:after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right: 2%;
	top: 30%;
	margin-left: 0;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}

#pickup_info dl.pr_wrap dt {
	margin: 0 auto 0.6em;
}
#pickup_info dl.pr_wrap dt img {
}
#pickup_info dl.pr_wrap dd {
	width: 100%;
	margin: 0 auto;
	color: #FFF;
	line-height: 1.6em;
	padding: 0.8em 0 1.2em;
}
#pickup_info dl.pr_wrap dd > h3 {
	width: 90%;
	font-size: 1.6em;
	font-weight: bolder;
	margin: 0  auto 0.8em;
	line-height: 1.4em;
	text-align: center;
}
#pickup_info dl.pr_wrap dd > p.text {
	width: 90%;
	margin: 0 auto;
	font-size: 1.1em;
}
}

@media screen and (min-width: 769px) {
#pickup_info {
	background: #FFF;
	padding: 30px 0;
}
#pickup_info dl.pr_wrap {
	width: 800px;
	margin: 0 auto;
	background: #E99281;
	padding: 20px;
	border: 5px double #FFF;
	position: relative;
}
#pickup_info dl.pr_wrap a {
	display: block;
	color: #FFF;
}
#pickup_info dl.pr_wrap a:after {
	content:"";
	display:block;
	width:14px;
	height:14px;
	position:absolute;
	right: 3%;
	top: 45%;
	margin-left: 0;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}

#pickup_info dl.pr_wrap dt {
	float: left;
	width: 30%;
}
#pickup_info dl.pr_wrap dt img {
	border: 2px solid #FFF;
}
#pickup_info dl.pr_wrap dd {
	float: right;
	width: 65%;
	color: #FFF;
	line-height: 1.6em;
	padding: 16px 0 0;
}
#pickup_info dl.pr_wrap dd > h3 {
	font-size: 18px;
	margin: 0 0 8px;
}
#pickup_info dl.pr_wrap dd > p.text {
	font-size: 12px;
	width: 85%;
}
}

/*---------------------------------------------------------

    about

---------------------------------------------------------*/


#about h2 {
    font-size: 5.0rem;
	color:#E99281;
	display:inline-block;
	border-bottom:2px solid #E99281;
	margin:0px 0 15px 0;
    font-family: league-gothic, sans-serif;
	line-height:1;
}
#about h3{
    font-size: 1.4rem;
	margin-bottom:15px;
	font-weight:bold;
}

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

#about .inner{
	padding:50px  10px 20px 10px;
}

#about .text{
	margin:-20px 0 0px 0;
}

}


@media screen and (min-width: 769px) {

#about{
	padding:70px 0px;
}


#about .inner{
	width:920px;
	margin:0 auto;
}
#about .img{
	float:left;
	width:525px;
}
#about .text{
	float:right;
	width:285px;
	margin-right:60px;
	padding-top:40px;
}
#about h2{
	margin-bottom:25px;
}
#about h3{
    font-size: 2.0rem;
}



}





/*---------------------------------------------------------

    gallery

---------------------------------------------------------*/

#gallery{
	background:#fff;
	padding:50px 0 25px 0;
}

#gallery h2 {
    font-size: 4.5rem;
	color:#81C7BB;
	margin:0px 0 20px 0;
	text-align:center;
}


#restaurantSlider.slider {
    width: 73.6vw;
    margin: 0 auto 60px auto;
	position:relative;
}

#restaurantSlider .slick-prev,
#restaurantSlider .slick-next {
    top: -100px;
	width:22px;
	height:22px;
	background:url(/img/about/photogenic/prev.png) center no-repeat;
	text-indent:-9000px;
	background-size:22px 22px;
	
	position:absolute;
	top:50%;
	margin-top:-21px;
	z-index:20;

}

#restaurantSlider .slick-prev {
	left:-55px;
}

#restaurantSlider .slick-next {
    background-image: url(/img/about/photogenic/next.png);
	right:-55px;
}

#restaurantSlider.slider li {
}

#restaurantSlider .slick-dots{
	text-align:center;
	margin-top:30px;
}
#restaurantSlider .slick-dots li{
	display:inline-block;
	text-indent:-9000px;
	width:10px;
	height:10px;
	background:#cac8c9;
	border-radius: 100%;
	margin:0 5px;
	cursor:pointer;

}
#restaurantSlider .slick-dots .slick-active{
	background:#81C7BB;
}


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

#gallery h2 {
    font-size: 3.2rem;
}

#restaurantSlider .slick-prev {
	left:-30px;
}

#restaurantSlider .slick-next {
	right:-30px;
}


}



@media screen and (min-width: 769px) {

#gallery{
	padding:55px 0 40px 0;
}

#gallery .inner{
	margin:0 auto;
	width:550px;
}


#restaurantSlider.slider {
    width: 100%;
}

#restaurantSlider.slider .slick-list li{
    padding: 0 25px;
}

#restaurantSlider.slider .slick-list li img{
}


}




/*---------------------------------------------------------

    information

---------------------------------------------------------*/

#information{
	padding: 50px 0;
}
#information h2 {
    font-size: 2.4rem;
	margin-bottom:15px;
	letter-spacing:1px;
	text-align: center;
}

/*
===== info =====
*/


#information .info{
	padding-bottom:25px;
	margin-bottom:25px;
}

#information table.data {
	font-size: 13px;
}

#information th{
	font-weight:bold;
	padding:10px 10px 10px 0;
}
#information td{
	padding-bottom:10px;
	padding:10px 10px 10px 20px;
}
#information td a{
	color: #666;
	text-decoration: underline;
}

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

#information .inner{
	padding:0 10px;
}

}

@media screen and (min-width: 769px) {

#information .inner{
	width:530px;
	margin:0 auto;
}
#information td a{
	text-decoration: none;
}

}


/*
===== menu =====
*/

#information .menu .group{
	margin-bottom:30px;
}

#information .menu p{
	margin-bottom:15px;
}
#information .button li{
	margin-bottom:15px;
}


@media screen and (min-width: 769px) {


#information .button:after{content: ""; display: block; clear: both;height: 0;}

#information .button li{
	float:left;
	width:252px;
}
#information .button li:nth-child(odd){
	clear:both;
}

#information .button li:nth-child(even){
	float:right;
}

#information .button .linkBtn{
	width:100%;
	padding-left:0;
	padding-right:0;
}


}




/*---------------------------------------------------------

    point

---------------------------------------------------------*/


#point .group{
	background:#eeede6;
	padding:30px 10px;
}

#point .group:nth-child(even){
	background: #f7f6f2;
}

#point .num{
	width:40px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-3px;
	margin-right:5px;
}
#point h2 {
	vertical-align:middle;
    font-size: 2.8rem;
	color:#E99281;
	display:inline-block;
	border-bottom:2px solid #E99281;
	margin:0px 0 15px 0;
	line-height:1;
}
#point h3{
    font-size: 1.4rem;
	margin-bottom:15px;
	font-weight:bold;
}


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

#point .group{
	padding: 50px 10px;
}

#point .text{
	margin:-20px 0 0px 0;
}



}

@media screen and (min-width: 769px) {

#point .group{
	padding:70px 0;
}

#point .inner{
	width:920px;
	margin:0 auto;
}
#point .inner:after{content: ""; display: block; clear: both;height: 0;}


#point .img{
	float:left;
	width:525px;
}
#point .text{
	float:right;
	width:290px;
	margin-right:60px;
	font-size: 12px;
}

#point .group:nth-child(even) .img{
	float:right;
}
#point .group:nth-child(even) .text{
	float:left;
	margin-left:30px;
	margin-right:0;
}


#point h3{
    font-size: 20px;
}

}




/*---------------------------------------------------------

    chef

---------------------------------------------------------*/


#chef{
	background: #eeede6;
	padding:30px 10px;
}

#chef h2 {
	vertical-align:middle;
    font-size: 2.4rem;
	color:#666;
	display:inline-block;
	border-bottom:2px solid #666;
	margin:0px 0 15px 0;
	line-height:1;
}
#chef h3{
    font-size: 1.2rem;
	margin-bottom:15px;
	font-weight:bold;
}


#chef .img{
	position:relative;
}

#chef .img dl{
	position:absolute;
	right:0;
	bottom:10px;
	text-align:right;
}

#chef .img dt{
	margin-bottom:10px;
}

#chef .img dd{
	font-weight:bold;
    font-size: 1.4rem;
}

#chef .history{
	clear:both;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:15px 0 ;
}

#chef .history dl{
	position:relative;
}
#chef .history dt{
	float:left;
	margin-right:10px;
}
#chef .history dd{
	overflow:hidden;
	margin-bottom:10px;
}
#chef .history dd:last-child{
	margin-bottom:0;
}


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

#chef .text{
	margin-bottom:25px;
}
#chef .img{
	margin-bottom:30px;
}


}

@media screen and (min-width: 769px) {

#chef{
	padding:70px 0;
}


#chef .inner{
	width:920px;
	margin:0 auto;
}
#chef .inner:after{content: ""; display: block; clear: both;height: 0;}

#chef .text{
	float:left;
	width:330px;
	margin:0 0 35px 55px;
	font-size: 12px;
}


#chef .img{
	float:right;
	width:470px;
	margin-bottom:55px;
}

#chef .img dl dt {
	font-size: 13px;
}
#chef .img dl dd {
	font-size: 15px;
}
#chef .history{
	padding:25px 30px;
	margin:0 30px;
	font-size: 12px;
}
#chef h3{
    font-size: 24px;
}

}




/*---------------------------------------------------------

    use

---------------------------------------------------------*/

#use{
	background: #eeede6;
	padding: 25px 10px;
}

#use .container{
	background:#fff;
}

#use h2{
    font-size: 1.2rem;
	margin-bottom:15px;
	font-weight:bold;
}

#use li{
	position:relative;
	padding-left:20px;
	margin-bottom:8px;
}
#use li .kome{
	position:absolute;
	left:0;
}


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

#use .container{
	padding:1.8em 8%;
}

}

@media screen and (min-width: 769px) {

#use{
	padding:30px 0;
}

#use .container{
	padding:60px 0;
}
#use h2,
#use ul{
	margin-left:60px;
	margin-right:60px;
	font-size: 12px;
}

#use h2{
    font-size: 16px;
}


}




/*---------------------------------------------------------

    party

---------------------------------------------------------*/


#party{
	padding:30px 10px;
	background:#fff;
}


#party .group{
	background:#fff;
	margin-bottom:10px;
}
#party .group:last-child{
	margin-bottom:0;
}
#party .group:after{content: ""; display: block; clear: both;height: 0;}


#party .group .img{
	float:left;
	width:120px;
	margin:0 15px 30px 0;
}


#party .group h2{
    font-size: 1.1rem;
	font-weight:bold;
	margin-bottom:10px;
}
#party .group .date{
	margin-bottom:15px;
}



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

#party .group .text{
	overflow:hidden;
	margin-bottom:10px;
	padding-top:5px;
}
#party .group .button{
	clear:both;
}

}

@media screen and (min-width: 769px) {

#party{
	padding:70px 0px;
}

#party h2{
    font-size: 2.0rem;
}


#party .group{
	width:630px;
	margin:0 auto 10px auto;
}
#party .group .img{
	width:230px;
	margin:0 30px 0 0;
}

#party .group .text-wrap{
	min-height:230px;
	position:relative;
	overflow:hidden;
}

#party .group .text{
	padding-bottom: 20px;
	font-size: 12px;
}

#party .group h2{
	margin-bottom:10px;
    font-size: 20px;
}

#party .group .button{
	font-size: 13px;
}
#party .group .button a {
	color: #3499b7;
}


}