@charset "UTF-8";

/* ===== common ===== */
body{
	background:url(img/mv_bg.png) 0 0 repeat;
}
article header h1 img{
	/*zoom:0.5;*/
}
article header h1 span{
	display:block;
	margin-top:15px;
	font-size:20px;
}

#top-head .inner{
	padding:0 30px;
	width:auto;
}

.slick li{
	width:100vw;
	height:100vh;
	background-size:cover !important;
}
.slick li:nth-child(1n){
	background:url(img/slider03.jpg) center center no-repeat;
}
.slick li:nth-child(2n){
	background:url(img/slider02.jpg) center center no-repeat;
}
.slick li:nth-child(3n){
	background:url(img/slider01.jpg) center center no-repeat;
}

/* ===== news ===== */
#news ul {
/*    border-top: 1px solid #40312b;
    border-bottom: 1px solid #40312b;*/
    /* max-height: 190px; */
    box-sizing: border-box;
    overflow-y: hidden;
    display: table;
    width: 100%;
}
#news li{
  padding: 20px 0;
  border-bottom: 1px dotted #40312b;
}
#news li .date {
    display: table-cell;
    width: 140px;
    line-height:1.5;
}
#news li .text {
    display: table-cell;
    line-height:1.5;
}
#news li:last-child {
    border-bottom: none;
}



/* ===== greet ===== */
#greet{
	background:#fff;
	background:url(img/greet_bg.jpg) center center no-repeat;
	background-size:cover;
	    background-attachment: fixed;
/*	min-height:800px;*/
	text-align:center;
}
#greet div{
	display:inline-block;
	padding:20px;
	background:rgba(255,255,255,0.3);
	margin:0 20px;
}
#greet p{
	font-size:20px;
	text-align:center;
	line-height:2;
}

/* ===== menu ===== */
#menu{
	/*background:url(img/menu_bg.jpg) center center no-repeat;*/
	background-size:cover;
}
#menu header{
	position:relative;
}
#menu section{
/*	padding:0 50px;
*/}
article{
	padding:120px 0;

}
article header h1{
	text-align:center;
	margin-bottom:40px;
}
#menu .more{
	bottom:30px;
	left:68%;
	width:148px;
}
#menu .more.sec{
	bottom:-5px;
}
#menu .more a{
	padding:8px 18px 6px 0;
	box-sizing:border-box;
	text-align:center;
}

/*.w_slick li{
	margin:0 6px;
}
#menu .slick-prev{
	left:50% !important;
	margin-left:-531px;
	background:url(img/slider_arrow_left.png) no-repeat 0 0 !important;
	display:block;
	width:62px !important;
	height:62px !important;
	position:absolute;
	text-indent:-9999px;
	z-index:1;
}
#menu .slick-next{
	right:50% !important;
	margin-right:-531px;
	background:url(img/slider_arrow_right.png) no-repeat 0 0 !important;
	display:block;
	width:62px !important;
	height:62px !important;
	position:absolute;
	text-indent:-9999px;
	z-index:1;
}
.w_slick .slick-slide{
	position:relative;
}
.w_slick .slick-slide:not(.slick-center){
  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);
  transition: 0.2s linear;
}*/
.bx-wrapper{
/*	max-width:1550px !important;*/
	margin:0 auto;
}
.bxSlider .slide{
/*  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);*/
  transition: 0.2s linear;
	position:relative;
	padding:5px 10px;
	box-sizing:border-box;
}
.bxSlider .slide.active,
.bxSlider .slide.side{
  -webkit-filter: opacity(100%);
  -moz-filter: opacity(100%);
  -o-filter: opacity(100%);
  -ms-filter: opacity(100%);
  filter: opacity(100%);
  transition: 0.2s linear;
}
.bxSlider .slide:hover{
/*	-webkit-filter: opacity(70%);
	-moz-filter: opacity(70%);
	-o-filter: opacity(70%);
	-ms-filter: opacity(70%);
	filter: opacity(70%);
	transition: 0.2s linear;*/
}

.bxSlider .shadow{
	box-shadow: 0px 0px 5px 1px #ccc;
  -moz-box-shadow: 0px 0px 5px 1px #ccc;
  -webkit-box-shadow: 0px 0px 5px 1px #ccc;
}
.bxSlider .img{
	position:relative;
}
.bxSlider .ttl{
	background:#40312b;
	background-size:20px 20px;
	padding:7px 10px 8px 10px;
	min-height:55px;
	box-sizing:border-box;
	position:relative;
	display:table;
	width:100%;
}
.bxSlider .ttl span{
	color:#fff;
	font-size:18px;
	line-height:20px;
	display:table-cell;
	vertical-align:middle;
}
.bxSlider .ttl span span{
	display:block;
	text-align:right;
	font-size:16px;
}

#menu header h1 img{
	max-width:292px;
}

/* ===== Facebook ===== */
/*.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
.facebook-wrapper {
    max-width: 450px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}*/

/* ===== blog ===== */
#blog p{
	font-size:45px;
	text-align:center;
}


/* ===== access ===== */
#gmap{
	width:100%;
	height:600px;
}
#access dl dt {
	background:#40312b;
	color:#fff;
    display: inline-block;
    text-align: center;
    width: 80px;
    padding: 5px 0;
    margin: 0 0 15px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
		float:left;
		margin-right:10px;
}
#access dl dd{
	float:left;
	padding:6px 0;
}
#access dl{
	margin-top:30px;
	text-align:center;
}
#access dl div{
	display:inline-block;
	text-align:left;
	margin:0 30px;
}

/* ===== footer ===== */
footer small{
	text-align:center;
	color:#fff;
	background:#40312b;
	display:block;
	padding:10px;
	font-size:13px;
}

@media screen and (max-width:1750px){
.bx-wrapper .bx-prev{
		left:0;
}
.bx-wrapper .bx-next{
		right:0;
}

@media screen and (max-width:1280px){
.bx-wrapper{
	max-width:990px !important;
}
.bxSlider .slide{
  -webkit-filter: opacity(100%);
  -moz-filter: opacity(100%);
  -o-filter: opacity(100%);
  -ms-filter: opacity(100%);
  filter: opacity(100%);
}
}

@media screen and (max-width:1070px){
/* ===== menu ===== */
#menu .slick-prev{
	margin-left:-49.5%;
}
#menu .slick-next{
	margin-right:-49.5%;
}

}

@media screen and (max-width:1140px){
#access dl div {
	width:45%;
	margin:0;
}

@media screen and (max-width:900px){
/* ===== common ===== */
.more{
	bottom:-15px;
	right:0;
}
.more a{
	padding:8px 25px 6px 15px;
}
.more a:after{
	right:10px;
}

/* ===== menu ===== */
/*#menu{
	padding:20px 0 35px;
}
#menu header h1{
	text-align:left;
	margin-bottom:20px;
	margin-left:10px;
}
#menu .more{
	left:auto;
	right:10px;
}*/

#menu .slick-prev{
	margin-left:-180px;
	width:31px !important;
	height:31px !important;
	background-size:cover !important;
}
#menu .slick-next{
	margin-right:-180px;
	width:31px !important;
	height:31px !important;
	background-size:cover !important;
}
.bx-wrapper{
	max-width:330px !important;
}
}

@media screen and (max-width:768px){
.slick li{
	height:45vh;
}
}

@media screen and (max-width:767px){
#access dl div {
    display:block;
		clear:both;
		width:95%;
		margin-left:5%;
}
}

@media screen and (max-width:640px){
.slick li{
	height:35vh;
}
#top-head .inner {
	padding:0;
}
article {
    padding: 60px 0;
}
.tittle {
    font-size: 30px;
}
article header h1 {
    margin-bottom: 20px;
}

#news{
    padding: 60px 10px;
}
#news li {
    font-size: 16px;
}
#news li .date {
    display: block;
    width: auto;
		font-weight:bold;
}
#news li .text {
    display: block;
}

#greet div {
    padding:20px 10px;
    margin: 0 10px;
}
#greet p {
    font-size: 18px;
    line-height: 1.5;
}

#gmap{
	height:300px;
}
}

@media screen and (max-width:600px){
}

@media screen and (max-width:480px){
#menu header h1{
  margin-bottom:50px;
	text-align:center;
}
#menu .more{
	bottom:-40px !important;
	right:50%;
	width:143px;
	margin-right:5px;
}
#menu .more.sec{
	right:auto;
	left:50%;
	margin-left:5px;
}
}

@media screen and (max-width:374px){
/* ===== common ===== */
article header h1 span{
	font-size:15px;
	line-height:20px;
}

/* ===== menu ===== */
#menu .slick-prev{
	margin-left:-155px;
}
#menu .slick-next{
	margin-right:-155px;
}

#access dl dt {
	display:block;
	float:none;
    margin: 0;
}
#access dl dd {
		display:block;
  padding: 6px 0 16px;
	float:none;
}
}