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

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: #fff;}
table,td{border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
*,
*::before,
*::after{box-sizing: border-box;}

html{font-size: 62.5%; -webkit-overflow-scrolling: touch; overflow: auto; height: 100%;}
body{
    font-size:1.6rem; line-height: 1.5;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; background:#000; color: #fff;
    overflow-x: hidden; -webkit-text-size-adjust: 100%;
}
@media all and (-ms-high-contrast: none) {
  body{font-family: "メイリオ", Meiryo, sans-serif; } 
}

@media screen and (max-width: 750px){.pc{display:none!important;}}
@media screen and (min-width: 751px){.sp{display:none!important;}}
@media print{.sp{display:none!important;}}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

@media screen and (min-width: 751px){
	.hover{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
	.hover:hover{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}}

/*float*/
.fL{float:left;}.fR{float:right;}
@media screen and (max-width: 750px){
	.fL_PC,.fR_PC{float:none !important;}.fL_SP{float:left!important;}.fR_SP{float:right!important;}
}
@media screen and (min-width: 751px){
	.fL_PC{float:left!important;}.fR_PC{float:right!important;}
}

/*margin・padding*/
.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.m_auto{margin:0 auto;}
.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}.pt1em{padding-top:1em !important;}.pt2em{padding-top:2em !important;}
.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}.pr1em{padding-right:1em;}.pr2em{padding-right:2em;}
.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}.pb1em{padding-bottom:1em !important;}.pb2em{padding-bottom:2em !important;}
.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}.pl1em{padding-left:1em;}.pl2em{padding-left:2em;}

/*font*/
.font_s{font-size:90%;}.font_l{font-size:120%;}.lh150{line-height:150%;}.bold{font-weight:bold;}
.textL{text-align:left !important;}.textC{text-align:center !important;}.textR{text-align:right !important;}
.s-1{padding-left:1em; text-indent:-1em;}.s-2{padding-left:2em; text-indent:-2em;}   
.blue{color:#0A3E86;}.red{color:#ED1C24;}.white{color:#FFF;}.ore{color:#F15A24;}.green{color:#006837;}.yellow{color:#FFFF00;}

/*wrapper*/
.main{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

@media screen and (max-width: 750px){
	.main{
	max-width: 750px;
	width: 100%;
	padding: 0 3%;
	}
}

/*header*/
h1{
	padding:1.5em 1em 1em 1em;
}

header > div{
	line-height: 160%;
	text-align: center;
	margin: 0.5em 1em 1em 0;
	float: right;
}

header > div > span{
	font-size: 1.8rem;
}

header > div > p{
	font-size: 3.0rem;
	font-weight: bold;
}

header > div > p > i{
	font-size: 3.0rem;
	vertical-align: middle;
	margin: 0 4px 0.1em 0;
}

@media screen and (max-width: 750px){
	h1{
	padding:1em 0 0.5em 0.5em;
	}
	
	h1 > a > img{
	width: auto;
	height: 46px;
	}
}

/*nav*/
.menu_back{
	margin: 0 -200%;
	padding: 0 200%;
	background: #b48c0f;
}

nav{
	width: 100%;
	height: 60px;
	font-size: 2.2rem;
  	min-height: 0vw;
	margin: 0 auto;
}

nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}

nav > ul > li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
    text-align: center;
	border-left: #fff solid 1px;
}

nav > ul > li:last-child {
	border-right: #fff solid 1px;
}

nav > ul > li > a:link,nav > ul > li > a:visited {
	display: block;
	padding: 0 10px;
	color: #fff;
	line-height: 60px;
	text-decoration: none;
}

nav > ul > li > a:hover{
	background: #7f6521;
}

#home nav > ul > li.home,#course nav > ul > li.course,#take nav > ul > li.take,#gift nav > ul > li.gift,#catering nav > ul > li.catering,#info nav > ul > li.info{
	background: #7f6521;
}

@media screen and (max-width: 750px){
	nav#ormenu{ width:52px; height:44px; margin:0 15px 0; padding:0 0 0 5px; position:fixed; cursor:pointer; overflow:hidden; z-index:99999; top:20px; right:0; border-radius: 4px; background: #b48c0f; border: 1px solid #fff;}
    nav#ormenu .menu1{ width:40px; height:2px; background-color: #fff; top:9px; position:absolute; } 
    nav#ormenu .menu2{ width:40px; height:2px; background-color: #fff; top:20px; position:absolute; } 
    nav#ormenu .menu3{ width:40px; height:2px; background-color: #fff; top:31px; position:absolute; }
        
    nav#ormenu .menu1,nav#ormenu .menu2,nav#ormenu .menu3{
		transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
        -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */
	}
        
    nav#ormenu .menuclick1{
		top:20px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
        -ms-transform: rotate(405deg); transform: rotate(405deg);
	}
        
    nav#ormenu .menuclick2{background-color:rgba(255,255,255,0);} 
    nav#ormenu .menuclick3{ top:20px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
        
    #menu{
      position: fixed;
      display: none;
      right: 0;
      top: 80px;
      width:100%;
      list-style-type: none;
      background-color:rgba(180, 140, 15, 0.8);
      z-index: 99999;
      padding:0;
      }
          
      .active{
          display:block;
      }
          
    #menu li{
		width:100%;
		border:none;
		border-bottom:1px solid #fff;
	}
                  
    #menu li:last-child{
        border-bottom:none;
	}
          
	#menu li a{
        font-size:120%;
        line-height:70px;
        text-align:center;
        display:block;
        text-decoration:none;
        padding:0 30px;
        margin:0;
	}
}

/*スライダー*/
.slick01 img{
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 750px){
	.slick01{
	margin-left: calc(((100vw - 100%) / 2) * -1);
  	margin-right: calc(((100vw - 100%) / 2) * -1);
	}
}

/*テキスト装飾*/
.textBOX {
	padding: 2em;
	position: relative;
}

.textBOX::before,.textBOX::after {
	content: '';
	width: 80px;
	height: 80px;
	position: absolute;
}

.textBOX::before {
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	top: 0;
	left: 10px;
}

.textBOX::after {
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	bottom: 0;
	right: 10px;
}

/*hタグ*/
.h2_back{
	background: #7f6521;
	margin: 0 -200% 30px;
	padding: 0 200%;
}

h2{
	position: relative;
	margin: 0;
	padding: 0;
}

h2 > img{
	display: block;
	width: 100%;
}

h2 > p{
	position: absolute;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 3.4rem;
	text-shadow: 0 0 6px #000;
}

h3{
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
	margin: 0 0 20px 0;
}

h3::before{
	content: url("../img/h3_img.png");
	margin: 0 1em 0 0;
}

h3::after{
	content: url("../img/h3_img.png");
	margin: 0 0 0 1em;
}

h4{
	font-size: 2.2rem;
	text-align: center;
	margin: 0.5em 0 ;
}

@media screen and (max-width: 750px){
	h2{
	margin-left: calc(((100vw - 100%) / 2) * -1);
  	margin-right: calc(((100vw - 100%) / 2) * -1);
	}
	
	h2 > p{
	font-size: 2.4rem;
	}
	
	h3{
	font-size: 2.2rem;
	}

	h3::before{
	content: url("../img/h3_img_sp.png");
	margin: 0 0.5em 0 0;
	}

	h3::after{
	content: url("../img/h3_img_sp.png");
	margin: 0 0 0 0.5em;
	}
}


/*top*/
ul.menu_box{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
  	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

li.menu_item {
    width: 30%;
	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
    margin:0 5% 0 0;
}

li.menu_item:last-child{
	margin: 0;
}

li.menu_item > img{
	width: 100%;
}

li.menu_item > p{
	margin-bottom: 1.4em;
}

li.menu_item > a:link,li.menu_item > a:visited{
	display: inline-block;
	position: relative;
	width: 70%;
	background: #b48c0f;
	border: 2px #fff solid;
	border-radius: 100vh;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 1em 2em;
	margin: auto auto 0;
	color: #fff;
}

li.menu_item > a:hover{
	background: #d2ba6f;
}

@media screen and (max-width: 750px){
	ul.menu_box{
	display: block;
	}

	li.menu_item {
    width: 100%;
    display: block;
    margin:0 0 30px 0;
	}
	
	li.menu_item > a:link,li.menu_item > a:visited{
	display: block;
	margin:0 auto;
	}
}

/*flex-container*/
.flex-container01{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-container01 > img{
	width: 22%;
	height: auto;
	margin-bottom: 30px;
}

.flex-container02{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-container02 > .item{
	width: 30%;
	margin: 0 0 40px 0;
}

.flex-container02 > .item > img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.flex-container02 > .item > p{
	text-align: center;
}

.list-center{
	display: flex;
    align-items: center;
    flex-direction: column;
}

.list-center > ul{
	padding: 0 0 0 16px;
}

@media screen and (max-width: 750px){
	.flex-container01 > img{
	width: 48%;
	margin-bottom: 20px;
	}
	
	.flex-container02{
	display: block;
	}

	.flex-container02 > .item{
	width: 100%;

	}
	
}

/*link*/
a.link:link,a.link:visited{
	display: inline-block;
	font-size: 1.8rem;
	background: #b48c0f;     
	border: 2px #fff solid;
	border-radius: 100vh;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 1em 2em;
	color: #fff;
}

a.link:hover{
	background: #d2ba6f;
}

/*BOX*/
.info_box{
	width: 50%;
	font-size: 2.0rem;
	margin: 0 auto;
	padding: 1em 2em;
	text-align: center;
	border: 1px solid #fff;
}

.info_box > p:nth-child(2),.info_box > p > i{
	font-size: 5.0rem;
}

.info_box > p > i{
	vertical-align: middle;
	margin: 0 4px 0.1em 0;
}

@media screen and (max-width: 750px){
	.info_box{
	width: 100%;
	font-size: 1.8rem;
	}

	.info_box > p:nth-child(2),.info_box > p > i{
	font-size: 2.8rem;
	}
}

@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}

/*table*/
.hyo01{
	width: 100%;
	font-size: 1.8rem;
	text-align: left;
	border: 1px solid #fff;
	border-collapse: collapse;
}

.hyo01 th{
	width: 25%;
	background: #b48c0f;
}

.hyo01 th,.hyo01 td{
	padding: 0.8em 1em;
	border: 1px solid #fff;
}

@media screen and (max-width: 750px){
	.hyo01{
	border: none;
	}
	
	.hyo01 th,.hyo01 td{
	display: block;
	width: 100%;
	border: none;
	}
}

/*map*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;/*アスペクト比4:3*/
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
	
	
/*footer*/
footer{
	width: 100%;
	background: #000;
	clear: both;
	font-size: 1.2rem;
	text-align: center;
	margin: 50px 0 0 0;
	padding: 1.5em 0;
	border-top: 1px solid #fff;
}