/*
CSS Common

◎基本色
ダークグレー　#333333
ブラウン　#898340
ライトグレー　#F2F2EF
ブルー　#00678A

*/

/*
============================================================basic
*/
html{}
body{
    letter-spacing:-0.4em;
    margin:0; padding:0;
	}
body,p,div,li,dt,dd{
	text-align:center;
	}
p{
	text-align: center;
	}
p.noindent{
	text-indent:0;
	}
a,a:hover{
	text-decoration: none;
	color:#808080;
	}
ul,li{
	margin:0;padding:0;
	}
li{
	list-style:none;
	}
img{
	vertical-align: middle;
	max-width:100%;
	}
a.noLink{
	pointer-events:none;
	}

.pc{display:block;}
.smt{display: none;}

body,div,p,li,dt,dd{
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:12px;
	line-height:18px;
	}
section{
	padding:0;
	margin:0 auto;
	position:relative;
	}
ul{letter-spacing:-0.4em;}
li{letter-spacing:normal;}


/*
============================================================Hours
*/
dl#hours{margin:0 0 1em 0; padding:0;letter-spacing: -0.4em;}
dl#hours dt,
dl#hours dd{
	margin:0; padding:0;
	text-align:left;
	font-size:13px;
	display:inline-block;
	letter-spacing: normal;
	}
dl#hours dt{
	width:70px;
	font-weight:bold; }
dl#hours dd{ width:calc(100% - 70px); }
@media (max-width: 768px) {
	dl#hours dt,
	dl#hours dd{
		width:100%;
		}
	dl#hours dd{
		padding-left:1em;
		margin-bottom:1em;
		}
	}
/*
============================================================SlickUserSetting
*/

    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 0 auto;
    }

    .slick-slide {
      margin: 0;
    }

    .slick-slide img {
      width: 100px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }



/*
============================================================header
*/
header{
	width:200px;
	margin:0;
	position:relative;
	height: 100vh;
	min-height:500px;
	background:#fff;
	display:inline-block;
	letter-spacing: normal;
	z-index:20;
	}
header h1{
	margin:50px 0 0 40px;padding:0;
	text-align: center;
	position: fixed;
	}
header h1 a{

	}
@media (max-width: 768px) {
	header{
		width:100%;
		height:66px;
		min-height:66px;
		margin:0; padding:0;
		position:fixed;
		top:0; left:0;
		}
	header h1{
		margin:20px; padding:0;
		width:25px;
		}
}


/*
============================================================content
*/
div#content{
	background:#eee;
	display:inline-block;
	width: -webkit-calc(100% - 200px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 200px);/*Firefox4~15対応*/
	width: calc(100% - 200px);
	letter-spacing: normal;
	vertical-align:top;
	height: 100vh;
	margin: 0; padding:0;
	}
@media (max-width: 768px) {
	div#content{
		width: -webkit-calc(100%);/*Chrome19~25対応*/
		width: -moz-calc(100%);/*Firefox4~15対応*/
		width: calc(100% );
	}
}
/*
============================================================pages
*/
div#pages{
	width:100%;
	min-height:100vh;
	background:#ECECE9;
	margin:0; padding:0 0 40px 0;
	vertical-align: top;
	}

div.infoBlock{
	margin-bottom:80px;
	}

div#pages div#mainVis{
	margin:0; padding:0;
	}
div#pages div#mainVis img{
	width:100%;
	}
@media (max-width: 768px) {
	div#pages div#mainVis{margin-top:66px;}
	}
div#pages section{
	margin:-15% auto 10px auto; padding:60px;
	width:90%;
	max-width:800px;
	background:#fff;
	min-height:50vh;
	letter-spacing:-0.4em;
	text-align: left;
	}
div#pages section:nth-child(n+3){
	margin:-40px auto 10px auto; padding:60px;
	}
div#pages section h2{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color:#006784;
	font-size:28px;
	font-weight:normal;
	margin: 0;
	padding:0 30px 0 0;
	position:relative;
	display:inline-block;
	vertical-align: top;
	letter-spacing:5px;
	left:0;
    }

div#pages section h2 span{
	display:inline-block;
	position: absolute;
	top:0; bottom:0;
	left:0;
	margin:10px 0 0 30px; padding:0;
	font-size:10px;
	color:#838040;
	line-height:25px;
    letter-spacing:normal;   
	}
div#pages section h2 span:before,
div#pages section h2 span:after{
	position:relative;
	content:"ー";
	width:auto;
	height:auto; 
	display:inline-block;
	top:0; bottom:0; left:0; right:0;
	margin:0;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	}
div#pages section h2 span:before{ padding:0 0 5px 0; }
div#pages section h2 span:after{ padding:5px 0 0 0; }

div#pages section h3{
	font-size:18px;
	color: #00678A;
	font-weight:normal;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: left;
	}

div#pages section article{
	display:inline-block;
	width: 77%;
	letter-spacing:normal;
	margin-left:10%;
	}
div#pages section article p{
	font-size:14px;
	text-align: left;
	line-height:1.8em;
	margin: 0 0 1em 0;
	padding:0;
	}
div#pages section article p.sign{
	text-align: right;
	}

@media (max-width: 768px) {
	div#pages section{
		margin-top:-30px;
		padding:30px;
		}
	div#pages section h2{
		display:block;
		margin:0 auto 10px auto;
		font-size:22px;
		line-height:26px;
		letter-spacing: normal;
	-webkit-writing-mode: horizontal-tb!important;
	-ms-writing-mode: lr-tb!important;
	writing-mode: horizontal-tb!important;
	border-right:none;
		}
	div#pages section article{
		width:100%;
		margin:0 auto;
		}
	div#pages section h2 span{
		display:block;
		position: relative;
		background:none;
	    height: auto;
		text-align: left;
		margin:0; padding:0;
		}
	div#pages section h2 span:before{
		content: none;
		}
	div#pages section h2 span:after{
		content: none;
		}
}

/*
============================================================共通リンクbtn
*/

a.btn{
	display:block;
	width:261px;
	max-width:80%;
	line-height:58px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	margin:40px auto 80px auto;
	border:1px solid #00678A;
	color:#00678A;
	letter-spacing:normal;
	}
a.btn:hover{
	background:#00678A;
	color:#fff;
	}

a.tel{pointer-events: none;}
@media (max-width: 768px) {
	a.tel{pointer-events: auto;}
	}
/*
============================================================アクセス
*/
#map,
#map2,
#map3 {height: 300px; width: 100%; border:1px solid #eee;
	margin-bottom:40px;
	}

ul.route{margin:30px 0 60px 0;}
ul.route li{
	width: 100%;
	display:inline-block;
	vertical-align: top;
	border-top:1px dotted #00678A;
	border-bottom:1px dotted #00678A;
	padding:20px;
	}
ul.route li:nth-child(2){
	width: -webkit-calc(60% - 20px);/*Chrome19~25対応*/
	width: -moz-calc(60% - 20px);/*Firefox4~15対応*/
	width: calc(60% - 20px);
	padding:0;
	margin-left:20px;
	}
#pages section article ul.route li h4{
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color: #00678A;
	}
#pages section article ul.route li h5{
	text-align:left;
	font-size:14px;
	font-weight: bold;
	margin:1em 0 1em 1em;
	}
#pages section article ul.route li p{
	font-size:13px;
	margin:0 0 5px 1em;
	padding:0;
	text-indent:1em;
	}
#pages section article ul.route li p.noindent{
	text-indent:0;
	}
#pages section article ul.route li img{
	display:inline-block;
	max-width:47%;
	margin:1%;
	}

/*
============================================================fixPageup
*/

a#fixPageup{
	display:none;
	position:fixed;
	bottom:10px;
	right:10px;
	padding:5px;
	background: #000;
	letter-spacing:normal;
	}


/*
============================================================footer
*/


footer{
	background:#fff;
	margin:0; padding:0;
	position: relative;
	z-index:10;
	display: block;
	letter-spacing:normal;
	}
footer p{
	margin:0 auto; padding:0;
	color:#898340;
	line-height:60px;
	font-size:10px;
	text-align:right;
	max-width:90%;
	}