/* common
-------------------------------------------------------------*/
header nav ul li.nav_top a span.active_border {
	width: 100%;
}

/* loading
-------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body.load_now {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #260e03;
}
#loading .loading_inner {
	width: 350px;
	height: 240px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#loading .load_bar {
	width: 63px;
	height: 2px;
	margin: 35px auto 0;
	background-color: #898989;
	position: relative;
}
#loading .load_bar .load_active {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #dcdddd;
}

/* main_img
-------------------------------------------------------------*/
#main_img .main_bg_01 {
	background: url("../images/top_bg_01.jpg") center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* concept
-------------------------------------------------------------*/
#concept h2 {
	font-size: 23px;
	text-align: center;
	padding-top: 50px;
}
#concept p {
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	margin-top: 28px;
}

/* contents_block
-------------------------------------------------------------*/
.contents_block {
	padding: 55px 0 65px;
	width: 350px;
	border: 1px solid #fff;
}
.contents_block h3 {
	font-size: 30px;
	text-align: center;
    letter-spacing: 10px;
}
.contents_block .sub_tit {
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: center;
}
.contents_block .ttl_btm_line {
	width: 55px;
	height: 1px;
	background-color: #fff;
	margin: 0 auto 45px;
}
.contents_block .contents_txt {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
.contents_block .detail_btn {
	height: 28px;
	width: 148px;
	margin: 54px auto 0;
	position: relative;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #260e03;
}
.contents_block .detail_btn:hover {
	background-color: #fff;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
.contents_block .detail_btn a {
	font-size: 11px;
}
.contents_block .detail_btn a p {
	position: absolute;
	top: 9px;
	left: 30px;
	width:98px;
	background: url("../common/images/arrow_right.png") no-repeat right center;
	display: block;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
.contents_block .detail_btn:hover a p {
	left: 35px;
	width: 90px;
	color: #260e03;
	background: url("../common/images/arrow_right_ov.png") no-repeat right center;
}
.contents_block .detail_btn a p span {
	display: block;
	position: absolute;
	top: -1px;
	right: -30px;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
.contents_block .detail_btn:hover a p span {
	right: -20px;
}

/* course
-------------------------------------------------------------*/
#course {
	width: 100%;
    min-width: 1030px;
	overflow: hidden;
}
#course .inner {
	width: 1030px;
}
#course .contents_block {
	margin-top: 88px;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
#course .contents_block.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
#course .course_img_01 {
	position: absolute;
	right: -87px;
	top: -33px;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);  
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);  
}
#course .course_img_01.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
#course .course_img_02 {
	margin-top: 37px;
	text-align: center;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);  
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);  
}
#course .course_img_02.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

/* alacarte
-------------------------------------------------------------*/
#alacarte {
	width: 100%;
    min-width: 1030px;
	overflow: hidden;
}
#alacarte .inner {
	margin-top: 88px;
	width: 1030px;
}
#alacarte .contents_block {
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
#alacarte .contents_block.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
#alacarte .alacarte_img_01 {
	position: absolute;
	top: 0;
	right: -87px;
	z-index: 2;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);
}
#alacarte .alacarte_img_01.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
#alacarte .alacarte_img_02 {
	position: absolute;
	top: 152px;
	left: 404px;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);
}
#alacarte .alacarte_img_02.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}
#alacarte .alacarte_img_03 {
	margin-top: 50px;
	text-align: center;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	-moz-transform: translate3d(0,100px,0);
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935);
}
#alacarte .alacarte_img_03.active {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

/* interior
-------------------------------------------------------------*/
#interior h3 {
	font-size: 23px;
	text-align: center;
	margin-top: 82px;
	margin-bottom: 18px;
}
#interior .interior_txt {
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 30px;
}
#interior .interior_img_block {
	width: 100%;
	min-width: 1030px;
}
#interior .interior_img_block p {
	float: left;
	width: 50%;
	position: relative;
}
#interior .interior_img_block p img {
	width: 100%;
}
#interior .interior_img_block p span.over {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #260e03;
	transition: all 1s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all 1s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all 1s cubic-bezier(0.145, 0.700, 0.275, 0.935);
}
#interior .interior_img_block p span.over.active {
	width: 0;
}
#interior .interior_guide {
	margin: 20px auto 0;
	text-align: center;
}

/* news
-------------------------------------------------------------*/
#news h3 {
	font-size: 23px;
	text-align: center;
	margin-top: 82px;
	margin-bottom: 18px;
}
#news .news_contents_inner {
	width: 1030px;
	margin: 0 auto;
	position: relative;
}
#news .news_contents {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 500px;
	margin-left: 280px;
	/*float: left;*/
}
#news .news_contents.news_contents_fst {
	margin-left: 0;
}
#news .news_contents .data {
	font-size: 15px;
	margin-bottom: 15px;
	padding-top: 23px;
}
#news .news_contents .news_txt {
	font-size: 13px;
	line-height: 30px;
	padding-bottom: 28px;
}
#news .more_btn {
	position: absolute;
	top: -32px;
	right: 0;
	width: 65px;
	background: url("../common/images/arrow_right.png") no-repeat right center;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
#news .more_btn:hover {
	opacity: .8;
	width: 55px;
	right: 0;
}

/* information
-------------------------------------------------------------*/
#information {
	position: relative;
	margin-top: 60px;
}
#information .information_inner {
	width: 1030px;
	margin: 0 auto;
	position: relative;
}
#information .information_txt_block_left {
	width: 515px;
	background: #cb9717;
	padding: 39px 0 95px;
	text-align: center;
	float: left;
}
#information .information_txt_block_left .information_block {
	border-bottom: 1px solid #fff;
	padding-bottom: 23px;
	width: 250px;
	margin: 0 auto;
}
#information .information_txt_block_left h3 {
	font-size: 23px;
	margin-bottom: 50px;
}
#information .information_txt_block_left .information_tit {
	font-size: 17px;
	margin-top: 23px;
	margin-bottom: 21px;
}
#information .information_txt_block_left .information_time {
	font-size: 13px;
	margin-bottom: 12px;
}
#information .information_txt_block_left .information_day {
	font-size: 13px;
}
#information .information_txt_block_left .information_tel {
	font-size: 13px;
	margin-bottom: 12px;
}
#information .information_txt_block_left .information_tel a:hover {
	opacity: .8;
}
#information_tel_yoyaku{
	text-decoration:underline;
	text-decoration-color:#FFFFFF;
	
}
#information .information_txt_block_left .information_mail {
	font-size: 13px;
	margin-bottom: 12px;
}
#information .information_txt_block_left .information_mail a:hover {
	opacity: .8;
}
#information .information_txt_block_left .information_mail_txt {
	font-size: 13px;
}
#information .information_txt_block_left .information_comment {
	font-size: 13px;
	margin-top: 32px;
	line-height: 23px;
}
.information_txt_block_right {
	position: absolute;
	width: 515px;
	right: 0;
	top: 0;
	height: 100%;
	background: url("../images/information_img_01.jpg") no-repeat center center;
	background-size: cover;
}

/* access
-------------------------------------------------------------*/
#access h3 {
	font-size: 23px;
	margin-top: 70px;
	text-align: center;
}
#access .access_txt {
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 40px;
}
#access .access_map {
	width: 100%;
}
#access #map_custmomize {
	width:100%;
	min-width: 1030px;
	height:445px;
}
.map_inner {
	position: relative;
}
#access .map_over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#access .detail_btn {
	height: 28px;
	width: 138px;
	left: 50%;
	position: absolute;
	bottom: 20px;
	margin-left: -69px;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: rgba(0,0,0,.6);
}
#access .detail_btn a {
	font-size: 11px;
}
#access .detail_btn a p {
	position: absolute;
	top: 9px;
	left: 30px;
	width:87px;
	background: url("../common/images/arrow_right.png") no-repeat right center;
	display: block;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
#access .detail_btn:hover {
	background-color: #fff;
	transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-webkit-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
	-moz-transition: all .6s cubic-bezier(0.145, 0.700, 0.275, 0.935); 
}
#access .detail_btn:hover a p {
	left: 35px;
	width: 77px;
	color: #260e03;
	background: url("../common/images/arrow_right_ov.png") no-repeat right center;
}
#access .detail_btn:hover a p span {
	right: -20px;
}

/* newsコード追加20171103
-------------------------------------------------------------*/
.news_contents_inner .news_first{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:20px 0 20px 0;
	font-size: 13px;
    line-height: 30px;
    padding-bottom: 28px;
	display: block;
    clear: both;	
}
.news_contents_inner .news_con{
	border-bottom: 1px solid #fff;
	padding:20px 0 20px 0;
	font-size: 13px;
    line-height: 30px;
    padding-bottom: 28px;
	display: block;
    clear: both;	
}
.news_contents_inner .news_left{ 
width:500px; 
float:left;
margin-right:30px;
}
.news_contents_inner .news_right{ 
width:500px; 
float:left;
}

.news_contents_inner a{text-decoration: underline;}