@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------- */

*{ margin:0;	padding:0;}
h2 {
	margin: 0px;
	padding: 0px;
}

img{ border:none; margin:0; padding:0;}

@font-face{ 
	font-family: 'dejima';
	src: url('font/dejima.eot'); /* IE9以上用 */
	src: url('font/dejima.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('font/dejima.ttf') format('truetype'); /* iOS, Android用 */
		url('font/dejima.woff') format('woff'), /* モダンブラウザ用 */
	font-weight: normal;
	font-style: normal;}
	
.fontfont {
	font-family: 'dejima';}

body{
	font-family:sans-serif;
	background-color:#ffffff;
	width:100%;}

.header_logo.t a img{
    filter:
        drop-shadow(2px 0px 1px rgba(255,255,255,0.8)) 
        drop-shadow(-2px 0px 1px rgba(255,255,255,0.8)) 
        drop-shadow(0px -2px 1px rgba(255,255,255,0.8)) 
        drop-shadow(-2px 0px 1px rgba(255,255,255,0.8)); 
}

.t a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.t a p {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover p {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.al-center{ text-align:center;}
.al-left{ text-align:left;}
.al-right{ text-align:right;}
.clear{ clear:both;}

/**************************** header ********/

#pagetop {
	position:fixed;
	bottom: 35%;
	right: 0;
	z-index:300;}

.pagetop {
	margin:0;
	padding:20px 0 0;
	text-align:right;
	clear:both;}

#header{
	background-image:url(../img/common/bg_gm.png);
	background-repeat:repeat-x;
	background-position:top left;
	min-width:1240px;}
	
.header_navi{
	width:1240px;
	height:48px;
	margin:0 auto;
	z-index:60;
	padding-top:30px;}

.header_navi ul{
    width:100%;
    display:grid;
    grid-template-rows: minmax(0,auto);
    grid-auto-columns: auto;
    grid-auto-flow: column;
    place-items: center;
    place-content: center;
	list-style:none;
    gap:0 25px;
	z-index:60;
}

.header_navi ul li{
/*	float:left;*/
/*	margin-right:25px;*/
    margin: 0;
	z-index:60;
}

.header_navi ul li:last-child{
/*	float:left;*/
	z-index:60;
	margin-right:0;}

.header_logo{
	text-align:center;
	z-index:25;}

.header_bg_top{
	background-image:url(../img/common/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-width:1240px;
	z-index:50;
	position:relative;}

.header_bg{
	background-image:url(../img/common/bg_headertitle.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-width:1240px;
	z-index:50;
	position:relative;}	


.header_wrap{
	width:1240px;
	margin:0 auto;
	z-index:10;
	padding-top:128px;
	padding-bottom:30px;}


/***************************** footer *******/

.footer{
	background-image:url(../img/common/footer_bg.jpg);
	background-position:center top;
	background-size:cover;
	width:100%;
	height:450px;
	z-index:90;}

.footer_box{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat;
	text-align:center;
	font-size:12px;
	color:#fff;
	line-height:30px;
	height:30px;
	width:100%;
	z-index:999;
	margin-top:-30px;
	letter-spacing:1px;}

#footer_yadobnr{
	width:390px;
	padding:10px 0;}

#footer_yadobnr img{
	float:left;}

#footer_yadobnr p{
	float:right;
	font-size:10px;
	color:#333;
	padding:8px 0 0 0;}

#footer_yadobnr a:link , #footer_yadobnr a:visited , #footer_yadobnr a:active {
	font-size:10px;
	color:#630;
	text-decoration:none;
	padding:0 5px;}

#footer_yadobnr a:hover {
	font-size:10px;
	color:#963;
	text-decoration:none;
	padding:0 5px;}

.left{
	float:left;}

.copyright{
	font-size:12px;
	color:#333;}


/***************************** contents *******/

.wrap1080{
	width:1080px;
	margin:0 auto;}

.title{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line1min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.title2{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title2 p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line2min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.title3{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title3 p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line3min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.title4{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title4 p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line4min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.title5{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title5 p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line5min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.title6{
	text-align:center;
	font-family: 'dejima';
	margin-bottom:15px;}

.title6 p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	background-image:url(../img/common/line6min.png);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	padding:0 20px 15px 20px;}

.boldbig{
	font-size:17px;
	font-weight:bold;
	font-family: 'dejima';}

.contents_footer_link{
	text-align:center;
	font-size:12px;
	border-top: dotted #CCC;
	letter-spacing:1px;
	padding:15px 0 0 0;
	margin-top:120px;}


.contents_footer_link a:link , .contents_footer_link a:visited , .contents_footer_link a:active{
	color:#666;
	text-decoration:none;}

.contents_footer_link a:hover{
	color:#096;
	text-decoration:none;}



/* --------------------------------------------------------------- */
/* top */
/* --------------------------------------------------------------- */
	


.top_movie_in{
	width:1240px;
	height:580px;
	z-index:1;
	position:relative;
	display:block;
	overflow:hidden;}

.top_movie_in img{
	margin:0;
	padding:0;
	width:1240px;
	height:580px;}

.top_movie_in video{
	margin:0;
	padding:0;
	width:1240px;
	height:580px;}



.greeting{
/*
	background-image:url(../img/top/greeting.png);
	background-repeat:no-repeat;
*/
/*	padding:50px 0  20px 310px;*/
    width: min(100%,800px);
    padding:50px 0  20px 0px;
/*	margin:0 0 30px 5px;*/
    margin:0 auto 30px;
	background-position:bottom left;}

.p1{
	padding:10px;
	font-size:15px;
	text-align:left;
	line-height:28px;
	color:#333;}

.p2{
	padding:10px;
	font-size:13px;
	text-align:center;
	line-height:28px;
	color:#333;}

.top_btn{
	margin-bottom:60px;}

.top_btn_in{
	width:260px;
	float:left;
	margin-right:10px;}

.top_btn_in_last{
	width:260px;
	float:left;}

.top_btn_in p , .top_btn_in_last p{
	font-size:14px;
	text-align:center;
	padding:5px 0 0 0;}

.top_btn_in p span, .top_btn_in_last p span{
	font-size:12px;
	text-align:center;
	color:#666;
	padding:5px 0 0 0;}

.top_plan{
	margin-bottom:30px;}

.top_plan_l{
	width:300px;
	float:left;}

.top_plan_r{
	width:750px;
	float:right;}

.top_plan_in{
	width:750px;
	height:150px;
	overflow:hidden;
	float:left;
	display:block;
	margin-bottom:15px;
	}


.rss_p1{
	font-size:14px;
	text-align:left;
	color:#369;
	font-weight:bold;
	padding:15px 0 10px 0;
	text-decoration:none;}

.rss_p2{
	font-size:12px;
	text-align:left;
	color:#666;
	padding:10px 0;
	text-decoration:none;
	overflow:hidden;
	line-height:22px;}

.top_plan_in img , .top_plan_in_last img{
	width:200px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-right:20px;}

.rss_box{
	padding:10px;
	background-color:#F0F3F6;}

.top_side_btn{
	margin-top:16px;
}
.top_side_btn img{
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 300 / 100;
}
.cols-auto{
    display: grid;
    grid-auto-columns: auto;
    grid-template-rows: auto;
    grid-auto-flow: column;
    gap: 10px;
    place-items: start;
    place-content: center;
}
.cols-auto img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 260 / 173;
}
.cols-auto > .top_btn_in{
    margin: 0;
    float: none;
}
/* --------------------------------------------------------------- */
/* farm */
/* --------------------------------------------------------------- */

.farm1{
	background-image:url(../img/farm/img3.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-top:30px;}

.pl40{
	padding-left:40px;}

.farm3{
	background-image:url(../img/farm/img6.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0 0 0 480px;
	height:310px;
	margin:60px 0;}

.farm4{
	background-image:url(../img/farm/img7.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0 480px 0 0;
	height:310px;
	margin:60px 0;}

.pl80{
	padding-left:80px;}

.mt50{
	margin-top:50px;}

	


/* --------------------------------------------------------------- */
/* cuisine */
/* --------------------------------------------------------------- */

.cuisine1{
	margin:30px 20px 80px 20px;
	background-image:url(../img/cuisine/bg1.png);
	background-repeat:no-repeat;
	background-position:right bottom;}

.cuisine2{
	background-image:url(../img/cuisine/bg2.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 660px;
	height:310px;
	margin:60px 0;}

.cuisine3{
	background-image:url(../img/cuisine/bg3.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 660px 0 0;
	height:310px;
	margin:60px 0;}

.cuisine4{
	background-image:url(../img/cuisine/bg4.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 440px;
	height:310px;
	margin:60px 0;}

/*
.cuisine5{
	background-image:url(../img/cuisine/bg5.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 660px 0 0;
	height:310px;
	margin:60px 0;}
*/
.cuisine5,.cuisine5 *{
    box-sizing: border-box;
}
.cuisine5{
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0,1fr) minmax(0,1.7fr);
    height: auto;
    min-height: 310px;
	margin: 60px 0;
}
.cuisine5 img.main_img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 660 / 295;
}
.cuisine6{
	background-image:url(../img/cuisine/bg6.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 660px;
	height:310px;
	margin:60px 0;}


/* --------------------------------------------------------------- */
/* facilities */
/* --------------------------------------------------------------- */

.facil_p1{
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:2px;
	font-family: 'dejima';
	line-height:30px;}

.facil_p1 span{
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;}

.pl30{
	padding-left:30px;}

.facil_l{
	width:500px;
	float:left;}

.facil_r{
	width:500px;
	float:right;}

.pl20{
	padding-left:20px;}

.facil_p2{
	padding:0 0 30px 0;
	font-size:15px;
	text-align:center;
	line-height:28px;
	color:#333;}

.facil1{
	background-image:url(../img/facil/bg1.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 450px;
	height:310px;
	margin:60px 0;}


.w420{
	width:420px;}


.w660{
	width:660px;}

.f_left{
	float:left;}

.f_right{
	float:right;}


/* --------------------------------------------------------------- */
/* convenient */
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* access */
/* --------------------------------------------------------------- */

.access1{
	background-image:url(../img/access/bg1.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	height:310px;
	margin:60px 0;}

/* --------------------------------------------------------------- */
/* photo gallery */
/* --------------------------------------------------------------- */

.gallery_cover{
	text-align:center;}

.gallery_cover img{
	width:206px;
	height:137px;
	margin:3px;}

.anchor_link{
    padding-top: 100px;
    margin-top: -100px;
    display: block;
}