@charset "UTF-8";

#header-back{
	background:none;
	position:absolute;
	width:100%;
	z-index:10
}

#header a{color:#fff}

#header [data-hover="a"]+div{border-color:#fff}

/**/

#img{position:relative}

#img>h1{margin:0}

#dog{width:100%}

#txt{
	bottom:0;
	left:0;
	margin:auto;
	max-width:85%;
	position:absolute;
	right:0;
	top:0
}

#scroll{
	bottom:10px;
	position:absolute;
	text-align:center;
	width:100%
}

#scroll>img{
	cursor:pointer;
	max-width:10%
}

/**/

#con-box>*{padding:6% 0}

#con{text-align:center}

#con>h2{margin:0}

#con>h2>img{max-width:85%}

#con>p{
	color:#6e5751;
	font-size:18px;
	letter-spacing:5px;
	margin:2% 0
}

/**/

.back h3{
	margin:0;
	padding:12% 0;
	text-align:center;
	color: #fff;
}

.back h3 p{
	font-size: 3em;
}

.back h3 span{
	font-size: 1.8em;
}

#intro-back{background:url(../img/index/back-1.jpg) center fixed}

#intro-box-2{
	margin:auto;
	max-width:1325px;
	width:95%
}

#intro-box-2>*{padding:5% 0}

#intro-2 .row+.row{margin-top:3%}

[data-hover="intro"]{
	cursor:pointer;
	overflow:hidden;
	position:relative
}

#intro-2 h4{
	margin:0;
}

/*#intro-2 h4{
	height:100%;
	margin:0;
	position:absolute;
	width:100%;
	z-index:1
}

#intro-2 h4>img{
	bottom:0;
	left:0;
	margin:auto;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

#intro-2 .intro>h4>img{opacity:1}*/

[data-hover="intro"]>h4>img{
	position:relative;
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s
}

.intro>h4>img{
	-webkit-transform:scale(1.25);
	transform:scale(1.25)
}

.intro-border{
	/*border:1px solid #fff;*/
	bottom:0;
	height:101%;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	-webkit-transition:height .5s,width .5s;
	transition:height .5s,width .5s;
	width:101%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.title{
  background: #000;
  opacity: 0.5;
  bottom: 0;
  height: 101%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  }

.intro-border span{
  font-size: 1.8em;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  opacity: 1;
  position:relative;
  z-index:1;
}

.intro>.intro-border{
	height:100%;
	width:100%;
}

/**/

.pop-back{
	height:100%;
	left:0;
	overflow:auto;
	position:fixed;
	top:0;
	width:100%;
	z-index:100
}

.pop-back>*{
	display:table;
	height:100%;
	width:100%
}

.pop-cell{
	display:table-cell;
	vertical-align:middle
}

.pop{
	background:#231815;
	margin:auto;
	max-width:1195px;
	position:relative
}

.pop h5{
	border-bottom:1px solid #fff;
	color:#fff;
	font-family:serif;
	font-size:1.5em;
  line-height: 1.5em;
	margin:0 0 15px;
  padding: 15px;
}

.pop p{
	color:#fff;
	margin:0 20px;
}

.pop>.container-fluid{
	padding-bottom:15px;
	padding-top:15px
}

.pop-close{
	cursor:pointer;
	height:35px;
	position:absolute;
	right:15px;
	top:15px;
	width:35px
}

.pop-close>*{
	background:#fff;
	bottom:0;
	height:1px;
	margin:auto;
	position:absolute;
	top:0;
	width:100%
}

.pop-close>*:nth-child(1){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.pop-close>*:nth-child(2){
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

[data-class="pop-up"]+.pop-back{
	left:-100%;
	opacity:0;
	-webkit-transition:left 0s 1s,opacity 1s;
	transition:left 0s 1s,opacity 1s
}

.pop-up+.pop-back{
	left:0;
	opacity:1;
	-webkit-transition:left 0s,opacity 1s;
	transition:left 0s,opacity 1s
}

/**/

#plan-back{background:url(../img/index/back-2.jpg) center fixed}

#plan-2 a{
	display:block;
	position:relative
}

#plan-2 h4+img{width:100%}

#plan-2 h4>img{
	bottom:0;
	left:0;
	margin:auto;
	max-width:40%;
	position:absolute;
	right:0;
	top:0
}

#plan-2 h4{
	margin:0;
	/* position: relative; */
	width: 100%;
	height: 100%;
}

#plan-2 h4 .h4_text{
	position:absolute;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	color: #fff;
	font-weight: 300;
}
#plan-2 h4 .h4_text span{
    font-size: 15px;
}
#plan-2 h4 .h4_text p{
    padding: 10px 0 0;
    font-size: 2em;
    text-align: center;
    line-height: 1.3;
    margin: 0;
}
#plan-2 .plan .h4_text{}
#plan-2 .plan .h4_text span{
		color: #000;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
#plan-2 .plan .h4_text p{
	color: #000;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#plan-2 h4>img+img{
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

[data-hover="plan"] h4>img+img{opacity:0}

.plan h4>img+img{opacity:1}

.cover{
	background:#000;
	height:100%;
	opacity:.5;
	position:absolute;
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
	width:100%
}

.plan>.cover{opacity:0}


#plan-2 .row>*{padding:0}

#plan-box-2>*{padding:5% 0}

/**/

#menu-1-back{background:url(../img/index/back-3.jpg) center fixed}

#menu-box-2{
	margin:auto;
	max-width:800px;
	width:95%
}

#menu-2 a{color:#e8944b}

#menu-2 h4{
	text-align:center;
  font-size: 1.5em;
  margin: 5% 0;
}

#menu-2>div+div{margin-top:5%}

#menu-box-2>*{padding:5% 0}

#course-2 th{font-weight:normal}

#th>th{
	border:none;
	text-align:center
}

#course-2 td{text-align:center}

#course-1{
	margin:auto;
	max-width:450px;
	text-align:center
}

#course-1>p{
	border-bottom:1px solid #ddd;
	margin:0;
	padding:5px 0
}

#course-2>p{
	margin:0;
	text-align:center
}

#course-2 .table{margin:0}

#course-2 .table tr:last-child>*{border-bottom:1px solid #ddd;}

#course-2 .table-responsive{margin:5% 0}

#course-2 .table-responsive+p{
	margin:0;
	text-align:right
}

/**/

#access-back{background:url(../img/index/back-4.jpg) center fixed}

#access-box-2,
#access-box-3{
	margin:auto;
	max-width:900px;
	width:95%
}


#access-box-2>*,#access-box-3>*{padding:5% 0}


#access-2 .list-1,
#access-3 .list-1{
	margin:0;
	padding:0
}

#access-2 .list-1,
#access-3 .list-1{margin-top:5%}



#access-2 .list-1 div:first-child,
#access-3 .list-1 div:first-child{padding-right:5px}

#access-2 .list-1 span,
#access-3 .list-1 span{
	background:#000;
	display:block;
	height:14px;
	width:14px
}

#access-2 p,
#access-3 p{margin:0}

#access-2 a,#access-3 a{color:#333}

#access-2 address,#access-3 address{margin:0}

address h4{
  font-size: 1.2em;
  font-weight: bold;
}

/**/

#map,#map02{
	overflow:hidden;
	padding:0 100% 25% 0;
	position:relative
}

#map>*,#map02>*{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.map>#map-box,.map>#map-box02{
	-webkit-transition:left 0s 1s;
	transition:left 0s 1s
}

.map>#map-box,.map>#map-box02{left:-100%}

/**/

#qa-back{background:url(../img/index/back-5.jpg) center fixed}

#qa-box-2{
	margin:auto;
	max-width:1300px;
	width:95%
}

#qa-box-2>*{padding:5% 0}

#qa-2 .list-1{
	margin:0;
	padding:0
}

#qa-2 .list-1>*:nth-child(2n+1){margin-top:5%}

#qa-2 .list-1>*:nth-child(2n) div{font-weight:normal}

#qa-2 .list-1>*:nth-child(1){margin-top:0}

#qa-2 .list-1 div:first-child{padding-right:15px}

#qa-2 div{
	font-size:16px;
	font-weight:bold
}

/**/

#reserve-back{background:url(../img/index/back-6.jpg) center fixed}

#reserve-box-2>*{
	padding:5% 0;
	position:relative
}

#reserve-box-2{
	margin:auto;
	max-width:1300px;
	width:95%
}

#reserve-txt{margin:4% 0}

#reserve-txt>p{margin:0}

#reserve-txt>p+p{margin-top:10px}

#reserve-img{
	position:absolute;
	right:0;
	bottom:0;
	max-width:40%;
	z-index:-1
}

/**/

#header-back{
	-webkit-transition:background-color .5s;
	transition:background-color .5s
}

#header a{
	-webkit-transition:color .5s;
	transition:color .5s
}

#header [data-hover="a"]+div{
	-webkit-transition:border-color .5s;
	transition:border-color .5s
}

#header-back.header-scroll{
	background-color:#f1ebe5;
	position:fixed;
}

.header-scroll #header a{color:#231815}

.header-scroll #header [data-hover="a"]+div{border-color:#231815}

/**/

#logo>img:first-child{
	position:absolute;
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.header-scroll #logo>img:first-child{opacity:0}
/**/
.oshirase_box_1{
	margin-top: 50px;
}
.oshirase_box_2 {
    padding: 0.5em 1em;
    border: solid 2px #231815;
	width: 67%;
    margin: auto;
}

.oshirase{
	text-align: center;
    font-size: 15px;
	margin: 20px;
}

.oshirase .heading{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px
}

.oshirase span{
	font-size: 18px;
	font-weight: bold;
}

.notice{
  position: relative;
}

.new_open{
  position: absolute;
  top: 70%;
  left: 85%;
}

/**/

@media(max-width:800px){
	#con>p{font-size:13px}
}

@media(max-width:600px){
	.pop .ib-m>*{
		display:block;
		width:auto
	}
	
	.pop-close{
		background:#231815;
		right:0;
		top:0
	}
}

@media(max-width:580px){
	#reserve-web{max-width:75%}
	
	#qa-2 div{font-size:16px}
}

@media(max-width:500px){
  
  .intro-border span{
	font-size: 1.2em;
}
	#intro-2 .row>*{padding:0 1%}
	
	#plan-2 .row>*{
		display:block;
		width:auto
	}
	
	#reserve-img{display:none}
	
	.oshirase_box_2 {width: 100%;}
  
  .back h3 p{
	font-size: 1.8em;
}

.back h3 span{
	font-size: 1.3em;
}

#map,#map02{
	padding:0 100% 50% 0;
}
}