@charset "UTF-8";
/*******************************
reset
*******************************/
body, h1, h2, ul, dl, dd, p {
	margin: 0px;
}
ul {
	padding: 0px;
}
li {
	list-style-type: none;
}
html, body {
	height: 100%;
}
a {
	text-decoration: none;
}
.wrapper, main, .announce, .main-container, .section-box {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/*******************************
default: ;
*******************************/
body {
	color: #FFF;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
wrapper {
	min-width: 1000px;
	overflow: hidden;
}
h1 {
	color: red;
	font-size: 30px;
}
main {
	/*background: #000;*/
	border: solid 6px #a9884d;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	box-sizing: border-box;
	overflow: hidden;
}
.main-container {
	display: none;
}
.section-box {
	overflow-y: scroll;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: auto;
}
.section-inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
video {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	margin: auto auto;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	background-size: cover;
}
.video-box {
	width:100%;
	height:100%;
	position: relative;
	top: 0px;
	left: 0px;
	background:url(../img/index/bg-video.png) no-repeat center center;
	background-size:cover;
}
/*******************************
announce
*******************************/
.announce{
	display:none;
}
.announce .announce-body {
	width: 100%;
	padding-top:66.875%;
	text-align: center;
	margin: 0 auto;
	background:url(../../../lacime/assets/img/index/bg-announce.png) left top rgba(169, 136, 77, 0.5) no-repeat;
	background-size:100% auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.announce .announce-inner {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	padding: 60px 0px 20px;
}
.announce .box-center {
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
}
.announce .box-center .text {
	display: table-cell;
	font-size:16px;
	line-height:36px;
	vertical-align: middle;
}
.announce .btn-box {
	margin-left: -40px;
	position: absolute;
	bottom: 20px;
	left: 50%;
}
.announce .btn-box .btn.btn-circle {
	width: 80px;
	height: 80px;
	color: #FFF;
	font-size: 14px;
	border-color: white;
	line-height: 70px;
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-transition: all 1s cubic-bezier(0, 1.16, 0.14, 0.95);
	transition: all 1s cubic-bezier(0, 1.16, 0.14, 0.95);
}
.announce .btn-box .btn.btn-circle:hover {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.announce .btn-box .btn.btn-circle:visited {
	color: #FFF;
}
.announce .btn-box .btn.btn-circle:after {
	content: "";
	width: 12px;
	height: 15px;
	background: url(../img/index/ico-white-arrow-right.png) no-repeat center bottom;
	margin-left: -6px;
	position: absolute;
	bottom: 12px;
	left: 50%;
}
/*******************************
header
|--lang-sw
*******************************/
/* lang-sw */
header {
	position: relative;
	top: 0px;
	left: 0px;
}
header .head-inner {
	height: 80px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999999;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
header .head-fixed-menu {
	width: 243px;
	position: absolute;
	right: 15px;
	top: 27px;
}
header .lang-sw {
	margin-right: 30px;
	font-size: 16px;
}
header .lang-sw ul li {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 100%;
	border-left: solid 2px #fff;
}
header .lang-sw ul li:first-child {
	margin-left: 0px;
	padding-left: 0px;
	border: none;
}
header .lang-sw ul li a {
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity:0.4;
}
header .lang-sw ul li a.active {
	opacity:1;
	cursor:default;
}
header .head-menu-nav {
	/*display: none;*/
	width: 100%;
	height: 100%;
	position: fixed;
	/*top:0px;left: 0px;*/
	z-index: 0;
	/*transform: scale(0.9);*/
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
header .head-menu-nav .float-box {
	height: 100%;
}
header .head-menu-nav nav, header .head-menu-nav .nav-title {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	-webkit-transition: left 0.5s ease;
	transition: left 0.5s ease;
}
header .head-menu-nav .nav-title {
	background-color: #000;
	left: -50%;
}
header .head-menu-nav .nav-title p {
	margin-top: -318px;
	margin-left: -138px;
	position: absolute;
	top: 50%;
	left: 50%;
}
header .head-menu-nav .nav-cover {
	position: absolute;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
header .head-menu-nav nav {
	background-color: rgba(139, 112, 65, 0.9);
	left: 100%;
}
header .head-menu-nav li {
	margin-top: 10px;
}
header .head-menu-nav li:first-child {
	margin-top: 0px;
}
header .head-menu-nav li a {
	display: block;
	box-sizing: border-box;
	width: 483px;
	height: 124;
	text-align: center;
	line-height: 124px;
	background: url(../img/index/bg-head-menu.png) no-repeat left top;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
header .head-menu-nav li a:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #967a4a;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
	opacity: 0;
}
header .head-menu-nav li a:hover::before {
	-webkit-transform: scale3d(20, 20, 1);
	transform: scale3d(20, 20, 1);
	opacity: 0.5;
}
header .head-menu-nav .news-btn {
	width: 391px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0px;
}
header .head-menu-nav .news-btn:before, header .head-menu-nav .news-btn:after {
	content: "";
	width: 18px;
	height: 100px;
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
	transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
}
header .head-menu-nav .news-btn:before {
	background: url(../img/index/bg-brace01.png);
	left: 0px;
}
header .head-menu-nav .news-btn:after {
	background: url(../img/index/bg-brace02.png);
	right: 0px;
}
header .head-menu-nav .news-btn:hover::before {
	left: -45px;
}
header .head-menu-nav .news-btn:hover::after {
	right: -45px;
}
header .btn {
	width: 18px;
	height: 10px;
	display: block;
	cursor: pointer;
	margin-top: 8px;
}
header .btn:hover .head-menu-btn:before, header .btn:hover .head-menu-btn:after {
	width: 38px;
	left: -4px;
}
header .head-menu-btn {
	display: block;
	width: 38px;
	height: 8px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0px;
}
header .head-menu-btn:before, header .head-menu-btn:after {
	content: "";
	width: 38px;
	height: 8px;
	background-color: #FFF;
	position: absolute;
	left: 0px;
	-webkit-transition: all cubic-bezier(0.13, 0.58, 0, 1.04) 0.5s;
	transition: all cubic-bezier(0.13, 0.58, 0, 1.04) 0.5s;
}
header .head-menu-btn:before {
	top: -10px;
}
header .head-menu-btn:after {
	top: 10px;
}
header .head-sns-btn{
	position: absolute;
	top: 50%;left: 15px;
	transform: translateY(-50%);
}
 @-webkit-keyframes scrollmask {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 100% 0;
}
}
.open .head-inner {
	background-color: #000;
}
.open .head-menu-btn {
	background: transparent;
}
.open .head-menu-btn:before {
	top: 0px;
	border-color: #FFF;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open .head-menu-btn:after {
	top: 0px;
	border-color: #FFF;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.open .head-menu-nav {
	/*display: block;*/
  /*transform: scale(1);*/
	z-index: 9000;
	opacity: 1;
}
.open .head-menu-nav nav, .open .head-menu-nav .nav-title {
	left: 0%;
}
.fixed .head-inner {
	background-color: #000;
}
/*******************************
section
|--title-section
|--concept-section
|--menu-section
*******************************/
section {
	min-width: 100%;
	/*min-height: auto;*/
	min-height: 100%;
	height: auto;
	width: 100%;
	padding:200px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.article-inner {
	padding: 0px 24px;
}
.article-title {
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	top: 0px;
	left: 0px;
}
.article-title:before {
	content: "";
	width: 20px;
	position: absolute;
	top: 29px;
	left: 50%;
	margin-top: 30px;
	margin-left: -7px;
	border-bottom: solid 2px #FFe;
}
.border-line {
	width: 1px;
	height: auto;
	border-left: solid 1px #6f6f6f;
	position: absolute;
	bottom: 0px;
	left: 50%;
}
.page-line {
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 30px 0px;
}
.page-line .line-body {
	height: 100%;
	margin-left: 25px;
	border-left: solid 1px #FFF;
	position: relative;
	top: 50%;
	left: 0px;
}
.page-line .line-body:before, .page-line .line-body:after {
	content: "";
	border-radius: 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.page-line .line-body:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #a9884d;
	position: absolute;
	top: -36px;
	left: -3px;
}
.page-line .line-body:after {
	width: 23px;
	height: 23px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0);
	border: solid 12px #a9884d;
	position: absolute;
	top: -44px;
	left: -11px;
	opacity: 0;
}
.page-line .line-icon {
	display: none;
	width: 8px;
	height: 0px;
	border-top: 10px solid #fff;
	border-right: 8px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 8px solid transparent;
	position: fixed;
	bottom: 150px;
	left: 24px;
}
.page-line .line-icon.absolute {
	position: absolute;
	bottom: -19px;
	left: -13px;
	border-top: 23px solid #a9884d;
	border-right: 13px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 13px solid transparent;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.page-line .line-icon.absolute:before {
	content: "";
	width: 114px;
	height: 25px;
	background: url(../img/index/bg-totop.png) no-repeat left top;
	position: absolute;
	top: -24px;
	left: -20px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.active .page-line {
	color: #FFF;
}
.active .page-line .line-body:after {
	width: 23px;
	height: 23px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0);
	border: solid 1px #FFF;
	position: absolute;
	top: -44px;
	left: -11px;
	opacity: 1;
}
/* title-section */
.title-section {
	z-index: 20;
	height: 100%;
	padding:0px;
}
.title-section h1 {
	margin-left: 24px;
	position: relative;
	top: 10px;
	left: 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.title-section .btn-box.scroll-btn {
	margin-left: -32px;
	position: absolute;
	bottom: 130px;
	right: 23px;
}

.title-section .btn-box.news-link-btn{

}
.title-section .news-link-box{
	width:100%;height:70px;
	position:fixed;
	bottom:0px;left:0px;
	padding:0px 6px 6px;
}
.title-section .news-link-box .news-link-box-cover{
	width:100%;height:70px;
/*	background:rgba(135,109,62,0.8); */
}
.title-section .news-btn{
	width:140px;
	margin:0 auto;
	position:relative;
	top:0px;left:0px;
	line-height:60px;
}
.title-section .news-btn:before, .title-section .news-btn:after {
	content: "";
	width: 15px;
	height: 80px;
	position: absolute;
	top: 7px;
	-webkit-transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
	transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
}
.title-section .news-btn:before{
	background: url(../img/index/bg-brace01.png) no-repeat;
	background-size:60%;
	left: -55px;
}
.title-section .news-btn:after{
	background: url(../img/index/bg-brace02.png) no-repeat;
	background-size:60%;
	right: -55px;
}
.title-section .news-btn img{
	width:70%;
}


.manu-title {
	display: inline-block;
	position: relative;
	top: -126px;
	left: 0px;
}
.manu-title a {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}
.manu-title a:before, .manu-title a:after {
	content: "";
	width: 59px;
	height: 10px;
	margin-left: -30px;
	position: absolute;
	left: 50%;
	-webkit-transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
	transition: all 0.5s cubic-bezier(0.26, 0.16, 0, 0.92);
}
.manu-title a:before {
	background: url(../img/index/bg-brace03.png) no-repeat;
	top: -25px;
}
.manu-title a:after {
	background: url(../img/index/bg-brace04.png) no-repeat;
	bottom: -25px;
}
.manu-title a:hover::before {
	top: -35px;
}
.manu-title a:hover::after {
	bottom: -35px;
}
.title-section .menu-nav {
	text-align: right;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: 27px;
	-webkit-transition: all 0.5s 0.3s ease;
	transition: all 0.5s 0.3s ease;
	opacity: 0;
}
.title-section .menu-nav li {
	margin-left: 30px;
	float: left;
}
.title-section .menu-nav li:first-child {
	margin-left: 0px;
}
.title-section .menu-nav .menu-nav-icon {
	display: block;
	width: 8px;
	height: 0px;
	border-top: 6px solid #a9884d;
	border-right: 4px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	bottom: -15px;
	left: 38.5px;
}
.main-container.active .title-section h1 {
	top: 0;
	opacity: 1;
}
.main-container.active .menu-nav {
	bottom: 0;
	opacity: 1;
}
.main-container.active .concept-section .main-visual {
	opacity: 1;
}
/* concept-section */
.concept-section {
	position: relative;
	top: 0px;
	left: 0px;
}
.concept-section article {
	position: relative;
	top: 0px;
	left: 0px;
}
.concept-section article:before {
	opacity: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/index/bg-concept.png) center top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.concept-section .main-visual {
	display: block;
	width: 544px;
	height: 420px;
	background: url(../img/index/logo02.png) no-repeat center center;
	margin-top: 152px;
	margin-left: -272px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	-webkit-transition: opacity 0.5s 0.2s ease;
	transition: opacity 0.5s 0.2s ease;
	opacity: 0;
}
.concept-section article.active:before {
	opacity: 1;
}
.concept-section article.active h2 {
	margin-top: 200px;
	opacity: 1;
}
.concept-section article.active .text-box {
	margin-top: 244px;
	opacity: 1;
}
.main-container.active .concept-section .main-visual.active {
	opacity: 0;
}
.concept-section h2 {
	margin-top: 210px;
	margin-left: 93px;
	position: relative;
	top: 50%;
	left: 0px;
	-webkit-transition: all 0.5s 0.5s ease;
	transition: all 0.5s 0.5s ease;
	opacity: 0;
}
.concept-section .text-box {
	color: #ffffff;
	font-size: 18px;
	line-height: 32px;
	margin-top: 234px;
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.5s 0.8s ease;
	transition: all 0.5s 0.8s ease;
	opacity: 0;
}
.concept-section .text-box p {
	margin-top: 30px;
}
.concept-section .text-box p:first-child {
	margin-top: 0px;
}
.concept-section .float-box > * {
	width: 50%;
}
/* menu-section */
.menu-section .bg-pict {
	background: url(../img/index/bg-menu-pict.png) no-repeat center 24%;
	background-size: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.en .menu-section .bg-pict{
	background-position:center 22%;
}
.menu-section .article-inner {
	margin-left: 41px;
	width: 460px;
	-webkit-transition: all 0.5s 0.3s ease;
	transition: all 0.5s 0.3s ease;
	opacity: 0;
}
.menu-section .article-bg {

	padding: 31px 30px 0px 65px; height: 730px;
	background: url(../img/index/bg-menu.png) no-repeat center top;
	margin: 0 auto;
	position: relative;
	top: 10px;
	left: -15px;
}
.menu-section .text-box {
	color: #FFF;
	font-size: 22px;
	text-align: center;
	padding: 60px 0px;
	position: relative;
	top: 0px;left: 0px;
}
.menu-section .text-box .attention-list{
	text-align: left;
	position: absolute;
	bottom: 15px;left: 0px;

}
.menu-section .attention-raise {
	padding-top: 20px; font-size: 15px;
	line-height: 20px;

}
.menu-section .attention-raise + .text-box {
	padding: 30px 0 80px;
	border-bottom: solid 1px #aaa;

}
.menu-section h2 + .text-box {
	border-bottom: solid 1px #aaa;
}
.menu-section .section-menu-title {
	font-size: 18px;





	margin-bottom: 10px;
}


.menu-section .menu-detail{
	font-size:13px;
	line-height:24px;


	margin-top:5px;
}

.menu-section .attention-list {
	margin-top: 20px;
}
.menu-section .attention-list li {
	margin-top: 10px;
	line-height: 20px;
}
.menu-section .attention-list li:first-child {
	margin-top: 0px;
}
.menu-section .section-inner.active .article-inner {
	top: 0;
	opacity: 1;
}
.menu-section .section-inner.active .bg-pict {
	opacity: 1;
}
/* reservation-section */
.reservation-section {
	z-index: 9;
}
.reservation-section h2 {
	margin-bottom: 40px;
}
.reservation-section .bg-pict {
	background: url(../img/index/bg-reservation-pict.png) no-repeat center center;
	background-size: 100%;
	padding: 50px 0px 130px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	top: 0px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.reservation-section article {
	width: 100%;
	margin: auto;
	position: relative;
	top: 10px;
	left: 0px;
	-webkit-transition: all 0.5s 0.3s ease;
	transition: all 0.5s 0.3s ease;
	opacity: 0;
}
.reservation-section .border-box {
	padding: 40px;
	padding-right: 30px;
}
.reservation-section .border-box > .float-box {
	position: relative;
	top: 0px;
	left: 0px;
}
.reservation-section .border-box .btn-box > p {
	float: left;
	margin-left: 20px;
}
.reservation-section .border-box:first-child {
	margin-left: 0px;
}
.reservation-section .border-box02 .center-box {
	text-align: center;
}
.reservation-section .border-box02 .btn-box {
	display: inline-block;
	margin-top: 20px;
}
.reservation-section .table-box {
	margin-bottom: 50px;
}
.reservation-section .table-box th {
	width: 90px;
}
.reservation-section .text-box > p {
	font-size: 20px;
}
.reservation-section .text-box ul {
	padding-left: 20px;
}
.reservation-section .text-box ul li {
	font-size: 20px;
	list-style-type: disc;
	color: #a9884d;
	margin-top: 30px;
}
.reservation-section .text-box ul li span {
	color: #FFF;
}
.reservation-section .text-box ul li:first-child {
	margin-top: 0px;
}
.reservation-section .text-box .middle-text {
	font-size: 18px;
	line-height: 30px;
}
.reservation-section .text-box .small-text {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}
.reservation-section .text-box .large-text {
	font-size: 40px;
}
.reservation-section .text-box dl {
	font-size: 18px;
	line-height: 30px;
}
.reservation-section .text-box dl dd {
	margin-bottom: 30px;
}
.reservation-section .text-box dl dd.last {
	margin-bottom: 0px;
}
.reservation-section .text-box .left-border-box .middle-text {
	margin-bottom: 22px;
}
.en .reservation-section .left-border-box .middle-text, .en .reservation-section .left-border-box .small-text {
	margin-bottom: 15px;
}
.en .reservation-section dl {
	line-height: 19.5px;
}
.reservation-section .section-inner.active article {
	top: 0;
	opacity: 1;
}
.reservation-section .section-inner.active .bg-pict {
	opacity: 1;
}
/* accsess-section */
.accsess-section {
	margin-top: 10px;
	font-size: 13px;
	padding-bottom:0px;
}
.accsess-section .page-line {
	height: 50%;
	margin-top: 30px;
}
.accsess-section .page-line .line-body {
	top: 100%;
}
.accsess-section .page-line .line-icon {
	display: block;
}
.accsess-section .bg-pict {
	background: url(../img/index/bg-access-pict.png) no-repeat center top;
	padding: 50px 0px 130px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.accsess-section article {
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 10px;
	left: 0px;
	-webkit-transition: all 0.5s 0.3s ease;
	transition: all 0.5s 0.3s ease;
	opacity: 0;
}
.accsess-section .map_area {
	display: none;
	width: 100%;
	height: 280px;
	margin: 30px auto 0px;
}
.accsess-section .map_area #map_canvas {
	height: 100%;
}
.accsess-section .detail-page .address-box {
	font-size: 16px;
	line-height: 28px;
	margin-top: 36px;
}
.accsess-section .detail-page .detail-list dl {
	margin-bottom: 35px;
}
.accsess-section .detail-page .detail-list dt {
	font-size: 20px;
	display: inline-block;
	letter-spacing: 3px;
}
.accsess-section .detail-page .detail-list dd {
	font-size: 20px;
}
.accsess-section .detail-page table th {
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	vertical-align: top;
}
.accsess-section .detail-page .access-box {
	clear: both;
}
.accsess-section .detail-page .recruit-box{
	    text-align: right;
    margin-top: 100px;
}
.accsess-section .detail-page .access-box dl {
	font-size: 20px;
	border: dashed 1px #a9884d;
	padding: 10px;
}
.accsess-section .detail-page .access-box dt {
	font-weight: 500;
	margin-bottom: 10px;
}
.accsess-section .detail-page div:not(.title) p {
	margin: 0 auto 1.5em auto;
}
.accsess-section .section-inner.active article {
	top: 0;
	opacity: 1;
}
.accsess-section .section-inner.active .map_area {
	display: block;
}
.accsess-section .section-inner.active .bg-pict {
	opacity: 1;
}
/* footer-area */
.footer-area {
	padding-top: 280px;
	text-align: center;
	background: url(../img/index/bg-footer-pict.png) no-repeat center bottom;
}
.footer-area p {
	margin-bottom: 0px;
	padding-bottom: 20px;
}
/*******************************
parts list
*******************************/
.small-box {
	width: 560px;
	margin: 0 auto;
}
.border-box {
	border: solid 1px #a9884d;
}
.left-border-box {
	border-left: solid 2px #a9884d;
	padding-top: 20px;
	padding-left: 35px;
}
.en .left-border-box {
	padding-top: 0px;
}
.btn-box .btn {
	display: block;
	color: #a9884d;
	border-color: #a9884d;
	text-align: center;
}
.btn-box .btn:visited {
	color: #a9884d;
}
.btn-box .btn.btn-circle {
	display: table;
	font-size: 24px;
	width: 160px;
	height: 160px;
	border: solid 2px #a9884d;
	border-radius: 50%;
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-transition: all 1s cubic-bezier(0, 1.16, 0.14, 0.95);
	transition: all 1s cubic-bezier(0, 1.16, 0.14, 0.95);
}
.btn-box .btn.btn-circle > span {
	display: table-cell;
	vertical-align: middle;
}
.btn-box .btn.btn-circle:hover {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
.btn-box .btn.btn-circle:after {
	content: "";
	width: 12px;
	height: 15px;
	background: url(../img/index/ico-braun-arrow-right.png) no-repeat center bottom;
	margin-left: -6px;
	position: absolute;
	bottom: 12px;
	left: 50%;
}
/*******************************
lang jp en
*******************************/
.jp .lang-jp {
	display: block;
}
.en .lang-en {
	display: block;
}
.jp span.lang-jp {
	display: inline;
}
.en span.lang-en {
	display: inline;
}
.lang-jp, .lang-en {
	display: none;
}
/*******************************
function
|--color-braun/フォントカラーを茶色にする　#a9884d
|--box-center/ ボックスを天地センター配置にする
|--float-box/ 直下のボックスをfloatする　デフォルト値　left
|--is-hover-animation/ ホバーアニメーション
*******************************/
.color-braun {
	color: #a9884d;
}
.box-center {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.float-box > * {
	float: left;
}
.float-box > .fright {
	float: right;
}
.attention-list {
	font-size: 15px;
	line-height: 20px;
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.is-open-animation {
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 0.5s 0.4s cubic-bezier(0.26, 0.16, 0, 0.92);
	transition: all 0.5s 0.4s cubic-bezier(0.26, 0.16, 0, 0.92);
}
.open .is-open-animation {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.is-hover-animation {
	overflow: hidden;
}
.is-hover-animation:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #967a4a;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
	opacity: 0;
}
.is-hover-animation:hover::before {
	-webkit-transform: scale3d(20, 20, 1);
	transform: scale3d(20, 20, 1);
	opacity: 0.5;
}

.attention{
	color:#f2f2f2;
	font-size:16px;
	line-height:28px;
	text-indent:-1em;
	padding-left:1em;
}


.accsess-section .detail-page .la-classe-box {
    margin-top: 100px;
}
.accsess-section .detail-page .la-classe-box img {
    width: 100%;
}
.accsess-section .detail-page .la-classe-box a {
    display: block;
}