@charset "utf-8";

/*ベースのCSSの設定
----------------------------------------------------------------*/

/*ベースの要素の設定をリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;vertical-align: top;}
sub {vertical-align:bottom;}

/*Table*/
table {border-collapse:collapse;border-spacing:0;}  
table,th,td {margin:0;padding:0;font-weight:normal;}

html {font: inherit;}

/*サイト全体の基本情報の設定*/
body {
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.8;
}

ul, ol {list-style: none;}

.cf:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}

/*レイアウト基本設定
----------------------------------------------------------------*/

/*コンテンツ内のフォントサイズの設定*/
#contents {font-size:1.3em;}
#globalnav {font-size:1.4em;}
#header_inner .logo {}
#footer {font-size:1.2em;}
#footer_nav ul li {font-size:1.1em;}

/*レイアウトの詳細設定
----------------------------------------------------------------*/

/*サイトの幅*/

#header_inner,
#globalnav_inner,
#contents_inner,
#topicpath,
#conbox h1,
.wrap,
#footer_inner {
	width:960px;
	}
	
@media screen and (max-width: 960px) {
	
#header_inner,
#globalnav_inner,
#contents_inner,
#topicpath,
#conbox h1,
.wrap,
#footer_inner {
	width:100%;
	}
		
}
										 
#contents_main {}


/*ヘッダーの高さ*/
#header_inner {height:70px;}
#home #header_inner {height:110px;}

@media screen and (max-width: 640px) {
	
	/*ヘッダーの高さ*/
	#header_inner {height:auto;}
	
}

@media only screen and (max-width:736px) and (orientation:landscape) {
	
	/*ヘッダーの高さ*/
	#header_inner {height:auto;}
	
}

/*グローバルナビの設定*/
#globalnav,
#globalnav_inner ul li a {
	height:40px;
	line-height:40px;
	}


/*サイドバー設定*/
#sidebar {
	float:right;
	width:280px;
	}

/*コンテンツ部設定*/
#contents_main2 {
	float:left;
	width:630px;
	}

@media screen and (max-width: 640px) {
	
/*サイドバー設定*/
#sidebar {
	float:none;
	width:100%;
	
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}

/*コンテンツ部設定*/
#contents_main2 {
	float:none;
	width:100%;
	margin:0 0 60px;
	}
	
}


@media only screen and (max-width:736px) and (orientation:landscape) {
	
/*サイドバー設定*/
#sidebar {
	float:none;
	width:100%;
	
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}

/*コンテンツ部設定*/
#contents_main2 {
	float:none;
	width:100%;
	margin:0 0 60px;
	}
	
}


/*文字色・リンク色・背景色の設定
----------------------------------------------------------------*/
body {color:#646464;}

/*リンクの装飾の設定*/
a:link, a:visited, a:active,
#globalnav_inner ul li:before,
#globalnav_inner ul li.current-menu-parent a,
#globalnav_inner ul li.current-menu-item a {
	color:#646464;
	text-decoration:none;
}

a:hover {}

#header_inner .logo a:link, #header_inner .logo a:visited, #header_inner .logo a:active {}

#globalnav_inner ul li a:link, #globalnav_inner ul li a:visited, #globalnav_inner ul li a:active {}

#globalnav_inner ul li ul.sub-menu li a {
  background-color:rgba(255,255,255,0.8);
  border-bottom:1px dotted #999; 
}

#globalnav {}

#globalnav_inner ul li:before {}

#globalnav_inner ul li ul.sub-menu li.current-menu-item a {}

#globalnav_inner ul li ul.sub-menu li a:hover {}

.main_menu {background-color:#EAE7E4;}

.uk-offcanvas {
	padding:0;
	margin:0;
	}

.uk-nav-offcanvas {
	font-size:1.4em;
	font-weight:bold;
	}

.uk-nav-offcanvas li {
	padding:10px 0;
	}

.uk-nav-offcanvas li ul li {}

#footer {background:url(../img/footer-bg.png);}

#footer_nav ul li a:link,#footer_nav ul li a:visited,#footer_nav ul li a:active {}

#footer .copyright {}


/*トップスライダー
----------------------------------------------------------------*/
#top_slider {
	position:relative;
	z-index:1;
	height:550px;
	margin:0 0 40px;
	overflow:hidden;
	}

@media screen and (max-width: 640px) {
	
	#top_slider {
	position:relative;
	z-index:1;
	height:auto;
	margin:0;
	}
	
	/*UIkitとバッティング比率が変わるためリセット処理*/
	#top_slider img {
		/* 1 */
		max-width: inherit !important;
		height: auto inherit !important;
		/* 2 */
		box-sizing: inherit !important;
		/* 3 */
		border: inherit !important;
		/* 4 */
		vertical-align: inherit !important;
	}
	
}


@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#top_slider {
	position:relative;
	z-index:1;
	height:auto;
	margin:0;
	}
	
	/*UIkitとバッティング比率が変わるためリセット処理*/
	#top_slider img {
		/* 1 */
		max-width: inherit !important;
		height: auto inherit !important;
		/* 2 */
		box-sizing: inherit !important;
		/* 3 */
		border: inherit !important;
		/* 4 */
		vertical-align: inherit !important;
	}
	
}


#top_slider .top_slider_info {}

#top_slider .top_slider_info .wrap {
	position:absolute;
	top:120px;
	left:50%;
	width:960px;
	margin:0 0 0 -480px;
	z-index:1;
	}
	
@media screen and (max-width: 960px) {
		
	#top_slider .top_slider_info .wrap {
	position:absolute;
	top:120px;
	left:20px;
	width:100%;
	margin:0;
	}
		
}

#top_slider .top_slider_info .wrap h2 {
	font-size:3.3em;
	letter-spacing:0.2em;
	line-height:1.4;
	margin:0 0 30px;
	color:#4b9eda;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}

#top_slider .top_slider_info .wrap .top_slider_btn a {
	font-size:1.2em;
	padding:10px 30px;
	letter-spacing:0.2em;
	color:#FFF;
	
	border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
	
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;

	background-color: rgba( 75, 158, 218, 0.7 )
	}

#top_slider .top_slider_info .wrap .top_slider_btn a:hover {
	background-color: rgba( 75, 158, 218, 0.5 )
	}

/*top_slider_fade*/
.slick-slider{display:block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-list{display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-track{display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{display:block;background:transparent no-repeat center;width:40px;height:40px;position:absolute;top:0;bottom:0;z-index:10;margin:auto;font-size:0;line-height:0;color:transparent;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}@media screen and (min-width: 961px){.slick-arrow:hover{opacity:0.5}}.slick-prev{left:0}.slick-next{right:0}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{display:block;width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:-30px}.slick-dots li{display:inline-block;width:15px;height:15px;margin:0 10px;cursor:pointer;position:relative}.slick-dots li button{display:block;background:transparent;width:100%;height:100%;font-size:0;line-height:0;color:transparent;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:before{content:"";background-color:#626262;width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;opacity:1}.slick-dots li.slick-active button:before{background-color:#000}
#top_slider_fade {
	width: 960px;
	margin: 30px auto 200px;
}
#top_slider_fade a {
	display: block;
}
#top_slider_fade img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 960px) {
	#top_slider_fade {
        width: auto;
        margin: 0;
    }
}


/*ヘッダーメインイメージ
----------------------------------------------------------------*/
.second_main_img {
	height:300px;
	}

#guide .second_main_img {background-image:url(../img/guide-main-img.png);}
#related-facility .second_main_img {background-image:url(../img/guide-main-img.png);}
#sports .second_main_img {background-image:url(../img/sports-main-img.png);}
#general-plastic-surgery .second_main_img {background-image:url(../img/general-plastic-surgery-main-img.png);}
#rehabilitation .second_main_img {background-image:url(../img/rehabilitation-main-img.png);}
#functional-therapy .second_main_img {background-image:url(../img/functional-therapy-main-img.png);}
#information .second_main_img {background-image:url(../img/information-main-img.png);}
#access .second_main_img {background-image:url(../img/guide-main-img.png);}
#faq .second_main_img {background-image:url(../img/faq-main-img.png);}

@media screen and (max-width: 640px) {
	
	.second_main_img {
		margin:0 0 20px;
		}

	#sports .second_main_img {background-image:url(../img/sports-main-img-sp.jpg);}
	#rehabilitation .second_main_img {background-image:url(../img/rehabilitation-main-img-sp.jpg);}
	#functional-therapy .second_main_img {background-image:url(../img/functional-therapy-main-img-sp.jpg);}
	#general-plastic-surgery .second_main_img {background-image:url(../img/general-plastic-surgery-main-img-sp.jpg);}
	
}



@media only screen and (max-width:736px) and (orientation:landscape) {
	
	.second_main_img {
		margin:0 0 20px;
		}

	#sports .second_main_img {background-image:url(../img/sports-main-img-sp.jpg);}
	#rehabilitation .second_main_img {background-image:url(../img/rehabilitation-main-img-sp.jpg);}
	#functional-therapy .second_main_img {background-image:url(../img/functional-therapy-main-img-sp.jpg);}
	#general-plastic-surgery .second_main_img {background-image:url(../img/general-plastic-surgery-main-img-sp.jpg);}
	
}


/*ヘッダーエリアの設定
----------------------------------------------------------------*/

#header {
	background-color:rgba(255,255,255,0.8);
	position: fixed;
	width:100%;
	left:0px;
	top:0px;
	z-index:100;
	}

#home #header {
	background:none;
	position: absolute;
	left:0px;
	top:440px;
	margin:0;
	z-index:100;
	}

#home #header.uk-active {
	margin:0 !important;
	background-color:rgba(255,255,255,0.8) !important;
	z-index:100;
}

#home #header .header_wrap {
	background-color:rgba(255,255,255,0.8);
	width:100%;
	margin:0 0 1px;
	}

#home #header.uk-active .header_wrap {
	background:none !important;
	margin:0 !important;
	}

@media screen and (max-width: 640px) {
	
	#header {
	position:relative;
	margin:-130px 0 0 !important;
	border-bottom:3px solid #B5DCEF;
	height:110px;
	padding:15px 0 0;
	z-index:1 !important;
	}
	
	#home #header {
	position: inherit;
	left:0px;
	top:0px;
	padding:15px 0 0;
	height:110px;
	margin:0 !important;
	z-index:1 !important;
	}
	
	#home #header_inner {
	height:auto;
	}

	#home #header.uk-active {
	position: relative !important;
	}

}




@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#header {
	position:relative;
	margin:-130px 0 0 !important;
	border-bottom:3px solid #B5DCEF;
	height:110px;
	padding:15px 0 0;
	z-index:1 !important;
	}
	
	#home #header {
	position: inherit;
	left:0px;
	top:0px;
	padding:15px 0 0;
	height:110px;
	margin:0 !important;
	z-index:1 !important;
	}
	
	#home #header_inner {
	height:auto;
	}

	#header.uk-active,
	#home #header.uk-active {
	position: inherit !important;
	}

}


#header_inner {
	position:relative;
	margin:0 auto;
	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}

#home #header.uk-active #header_inner {
	height:70px;
}

#header_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

@media screen and (max-width: 960px) {
	
	#header_inner {
	padding:0 20px;
	}
	
}

/*ロゴ*/
#header_inner .logo {
	width:215px;
	padding:15px 0 0;
	}

#home #header_inner .logo {
	width:auto;
	padding:25px 0 0;
	}

#home #header.uk-active #header_inner .logo {
	width:215px !important;
	padding:15px 0 0 !important;
}

#header_inner .logo img {}

/*リード文の設定*/
#header_inner .read {
	display:none;
	}

#header_inner h2 {
    line-height: inherit !important;
}

#header_inner .hd_telinfo {
	position:absolute;
	right:0px;
	top:30px;
	text-align:right;
	line-height:1;
	}

#home #header_inner .hd_telinfo {
	top:40px;
	}

#home #header.uk-active #header_inner .hd_telinfo {
	top:15px !important;
}

@media screen and (max-width: 960px) {
	
	#header_inner .hd_telinfo {
	right:20px;
	}
	
}
	
#header_inner .urgent {
	font-size:1.3em;
	margin:0 0 10px;
	}

#home #header_inner .urgent {
	display:block;
	font-size:1.3em;
	margin:0 0 10px;
	}

#header_inner .hd_telinfo .telno {
	color:#4b9eda;
	font-size:2.6em;
	letter-spacing: 0.1em;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight:bold;
	}

#home #header_inner .hd_telinfo .telno {
    font-size: 3.4em;
}

/*iPad用設定*/

#header_inner .hd_telinfo.ipad {
	position:absolute;
	right:60px;
	top:22px;
	text-align:right;
	line-height:1;
	}

#home #header_inner .hd_telinfo.ipad {
	top:40px;
	}

#home #header.uk-active #header_inner .hd_telinfo.ipad {
	top:40px !important;
}

#header_inner .hd_reservation.ipad {
	position:absolute;
	right:50px;
	top:18px;
	font-size:1.3em;
	line-height:1.2;
	width:130px;
	text-align:center;
	}

#home #header_inner .hd_reservation.ipad {
	position:absolute;
	right:50px;
	top:23px;
	}

#toggle_ipad {
	background:url(../img/btn-sp.png) no-repeat left top;
	display:block !important;
	position:absolute;
	top:15px;
	right:0px;
	font-weight:bold;
	cursor:pointer;
	font-size:4em;
	text-align:center;
	text-indent:-9999px;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	z-index:10;
	}

#home #toggle_ipad {
	top:35px;
	}

#home #header.uk-active #header_inner #toggle_ipad {
	top:30px;
	}

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

	#header_inner .hd_telinfo .telno.sp {
	font-size:2.4em;
	margin:0 0 10px;
	}

}



@media only screen and (max-width:736px) and (orientation:landscape) {

	#header_inner .hd_telinfo .telno.sp {
	font-size:2.4em;
	margin:0 0 10px;
	}

}

#home #header_inner .hd_telinfo .telno.sp {
	font-size:2.4em;
	}

#home #header.uk-active #header_inner .hd_telinfo .telno {
	font-size:2.4em !important;
}

#header_inner .hd_telinfo .telno span {
	font-size:0.7em;
	}


@media screen and (max-width: 320px) {
	
	#header_inner .hd_telinfo .telno.sp {
	font-size:2em;
	text-align:center;
	}
	
	#home #header_inner .hd_telinfo .telno.sp {
	font-size:2em;
	}

	}

@media screen and (max-width: 260px) {
	#header_inner .hd_telinfo .telno.sp {
	font-size:1.2em;
	text-align:center;
	}
	
	#home #header_inner .hd_telinfo .telno.sp {
	font-size:1.4em;
	}

	}


@media screen and (max-width: 640px) {
	
#header_inner {
	margin:0;
	padding:0;
	}

#home #header.uk-active #header_inner {
	height:auto !important;
}

/*ロゴ*/
#header_inner .logo {
	width:280px !important;
	padding:0;
	margin:0 auto 10px;
	}

#home #header.uk-active #header_inner .logo {
	width:80% !important;
	padding:0 !important;
}


#home #header_inner .logo {
	width:80%;
	padding:0;
	}

#header_inner .hd_telinfo {
	width:85%;
	position: inherit !important;
	top:0 !important;
	right:0 !important;
	margin:0 auto;
	text-align:center;
	}

#header_inner .hd_telinfo .telno a:link, #header_inner .hd_telinfo .telno a:visited, #header_inner .hd_telinfo .telno a:active {
	color:#4b9eda;
	}

#header_inner .hd_telinfo .urgent,
#home #header_inner .hd_telinfo .urgent {
	font-size:1em;
	text-align:center;
	}

#home #header_inner .hd_telinfo .telno {
	font-size:2em;
	text-align:center;
	}

#home #header.uk-active #header_inner .hd_telinfo .telno {
	font-size:2em !important;
}
	
}




@media only screen and (max-width:736px) and (orientation:landscape) {
	
#header_inner {
	margin:0;
	padding:0;
	}

#home #header.uk-active #header_inner {
	height:auto !important;
}

/*ロゴ*/
#header_inner .logo {
	width:280px !important;
	padding:0;
	margin:0 auto 10px;
	}

#home #header.uk-active #header_inner .logo {
	width:280px !important;
	padding:0 !important;
	margin:0 auto 10px;
}


#home #header_inner .logo {
	width:80%;
	padding:0;
	}

#header_inner .hd_telinfo {
	width:85%;
	position: inherit !important;
	top:0 !important;
	right:0 !important;
	margin:0 auto;
	text-align:center;
	}

#header_inner .hd_telinfo .telno a:link, #header_inner .hd_telinfo .telno a:visited, #header_inner .hd_telinfo .telno a:active {
	color:#4b9eda;
	}

#header_inner .hd_telinfo .urgent,
#home #header_inner .hd_telinfo .urgent {
	font-size:1em;
	text-align:center;
	}

#home #header_inner .hd_telinfo .telno {
	font-size:2em;
	text-align:center;
	}

#home #header.uk-active #header_inner .hd_telinfo .telno {
	font-size:2em !important;
}
	
}



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

	#home #header_inner .hd_telinfo .telno {
	font-size:2em;
	text-align:center;
	}

	#home #header.uk-active #header_inner .hd_telinfo .telno {
	font-size:2em !important;
	}

	}




/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

/*ナビゲーションの背景を設定*/
#globalnav {
	background:url(../img/globalnav-bg.png) repeat-x left bottom;
	}

@media screen and (max-width: 640px) {
	
	#globalnav {
	display:none;
	}

}



@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#globalnav {
	display:none;
	}

}

#home #globalnav {
	background: rgba(255,255,255,0.8) url(../img/globalnav-bg.png) repeat-x left bottom;
	}

#home #header.uk-active #globalnav {
	background: url(../img/globalnav-bg.png) repeat-x left bottom !important;
	}

#globalnav_inner {
	margin:0 auto;
	}

#globalnav_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#globalnav_inner ul {
	width:100%;
	font-size:1.1em;
	letter-spacing:0.2em;
	font-weight: normal;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
}

@media screen and (max-width: 960px) {
	
	#globalnav_inner ul {
	font-size:1em;
	letter-spacing:0em;
}
	
}

#globalnav_inner ul li {
 	position:relative;
	text-align: center;
 	display: table-cell;
	/*font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	border-right:1px solid #CACACA;
		
	/*アニメーションの設定*/
	-moz-transition:0.5s linear;
	-webkit-transition:0.5s linear;
	-o-transition:0.5s linear;
	transition:0.5s linear;
	}

#globalnav_inner ul li + li {
 	border-left: none;
  }
 
#globalnav_inner ul li:last-child {
 	border-right: none;
  }

#globalnav_inner ul li a {
	display:block;
	
	/*アニメーションの設定*/
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;

	}

#globalnav_inner ul li a span.menu_description {
	display:none;
	}

#globalnav_inner ul li a:link, #globalnav_inner ul li a:visited, #globalnav_inner ul li a:active {
	text-decoration:none;
}

#globalnav_inner ul li.current-menu-item a,
#globalnav_inner ul li a:hover {
	background:#FFF url(../img/globalnav-menu-bg-on.png) repeat-x left bottom;	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}

#home #globalnav_inner ul li.current-menu-item a {
	background:none;
	}

#toggle {display:none;}

#globalnav_s {display:none;}


.btn_faq {
	position:fixed;
	right:0px;
	top:120px;
	z-index:200;
	}

/*パンクズの設定
----------------------------------------------------------------*/
#topicpath {
	margin:0 auto;
	padding:10px 0 30px;
	font-size:0.733em;
	color:#4b9eda;
	}

#topicpath span {
	color:#A2A2A2;
	}

#topicpath a:link, #topicpath a:visited, #topicpath a:active {
	color:#A2A2A2;
	}


@media screen and (max-width: 640px) {
	
	#topicpath {
		display:none;
	}

}



@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#topicpath {
		display:none;
	}

}



/*コンテンツエリアの設定
----------------------------------------------------------------*/
.wrap {
	margin:0 auto;
	}

#contents {
	padding:0 0 100px;
	}

#contents:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

@media screen and (max-width: 960px) {
	
	#contents {
	padding:0 20px 100px;
	}
	
}

@media screen and (max-width: 640px) {
	
	#contents {
	padding:40px 20px 100px;
	}
	
}



@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#contents {
	padding:40px 20px 100px;
	}
	
}



#contents_inner {
	margin:0 auto;
	}


/*サイドカラムの設定*/

#sidebar {}

#sidebar ul li p {
	margin:0 0 10px;
	}

#sidebar ul.bnr_area li {
	margin:0 0 10px;
}


/*コンテンツセクションの基本設定*/

#conbox {position:relative;}

#conbox:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#conbox blockquote {
	border:1px dashed #FF6298;
	padding:40px;
	margin:0;
	}

#conbox blockquote:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#conbox h1 {
	margin:0 auto 60px;
	font-size:2.46em;
	line-height:1.4;
	letter-spacing:0.2em;
	color:#4b9eda;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#conbox h2 {
	margin:0 0 40px;
	font-size:1.923em;
	letter-spacing:0.1em;
	line-height:1.4;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#conbox h2 a:link, #conbox h2 a:visited,#conbox h2 a:active {
	color:#646464;
	text-decoration:none;
}

#conbox h3 {
	font-size:1.46em;
	letter-spacing:0.1em;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.4;
    margin: 0 0 20px ;
	padding:0 0 10px;
    border-bottom: 1px solid #CCC;
    position: relative ;
}

#conbox h3::after {
    content: "" ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
	margin-bottom:2px;
    border-bottom: 1px solid #CCC;
}

#conbox h4 {
	font-size:1.23em;
	line-height:1.4;
	margin:0 0 10px;
	}

#conbox h5 {
	margin:0 0 5px;
	}


@media screen and (max-width: 640px) {
	
	#conbox h1 {
	text-align:center;
	margin:0 auto 30px;
	}

	#conbox h2 {
	text-align:center;
	font-size:1.428em;
	letter-spacing:0.05em !important;;
	}

}



@media only screen and (max-width:736px) and (orientation:landscape) {
	
	#conbox h1 {
	text-align:center;
	margin:0 auto 30px;
	}

	#conbox h2 {
	text-align:center;
	font-size:1.428em;
	letter-spacing:0.05em !important;;
	}

}

#new_intoro dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#new_intoro dl div{
	width: calc(100% / 2 - 20px);
	margin: 20px 0;
	border: 3px solid #333;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding: 0 10px 0 130px;
	color: #333;
}
#new_intoro dl div:nth-child(1){background: url(../img/top_intoroimg01.png) no-repeat; border-color: #FDD533; background-size: 120px;}
#new_intoro dl div:nth-child(2){background: url(../img/top_intoroimg02.png) no-repeat; border-color: #51A0E0; background-size: 120px;}
#new_intoro dl div:nth-child(3){background: url(../img/top_intoroimg03.png) no-repeat; border-color: #EE7C8A; background-size: 120px;}
#new_intoro dl div:nth-child(4){background: url(../img/top_intoroimg04.png) no-repeat; border-color: #00ACAC; background-size: 120px;}

#new_intoro dl div dt{font-size:1.428em; padding-top: 5px;}
#new_intoro dl div dd{font-size:1em; padding: 5px 0 10px}
#new_intoro dl div:nth-child(1) dt{border-bottom: 2px solid #FDD533;}
#new_intoro dl div:nth-child(2) dt{border-bottom: 2px solid #51A0E0;}
#new_intoro dl div:nth-child(3) dt{border-bottom: 2px solid #EE7C8A;}
#new_intoro dl div:nth-child(4) dt{border-bottom: 2px solid #00ACAC;}

#new_intoro dl div a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
#new_intoro dl div a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}

#topbn_box{
	margin: 30px auto!important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#topbn_box li{
	width: calc(100% / 3 - 60px);
	text-align: center;
}


@media screen and (max-width: 750px) {
	#new_intoro dl{
		display: block;
	}
	#new_intoro dl div{
		width: 100%;
		max-width: 650px;
		margin: 15px auto;
	}
	#new_intoro dl div dt{
		font-size: 1.1em;
	}
	#new_intoro dl div dd{
		line-height: 1.2;
	}
	#topbn_box li{
		width: 100%;
		max-width: 210px;
		margin: 10px auto !important;
	}

}



#conbox p {
	margin:0px 0 1.8em;
}

#conbox table {
	width:100%;
	margin:0px 0 30px;
	}

#conbox table tr {}

#conbox table tr.even_row {}

#conbox table th {
	padding:10px;
	text-align:center;
	border-bottom:1px solid #CCC;
	}

#conbox table td {
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #CCC;
	}

#conbox table td span {
	font-size:0.769em;
	margin:0 0 0 3px;
	}

#conbox table td p {
	margin:0 0 10px;
	}

#conbox table td p+ul {
	margin-top:0px;
	}

#conbox table td ol {}

#conbox ul {
	margin:0;
	padding:0;
	}

#conbox ul li {
	margin:0;
	padding:0;
	}

#conbox ol {
	margin:0px 0px 10px 20px;
	list-style-type:decimal;
	}

#conbox ol li {
	margin:0px 0px 10px;
	}


/*段落の間隔設定*/
#conbox blockquote+blockquote,
#conbox blockquote+p,
#conbox blockquote+h3,
#conbox blockquote+h4,
#conbox blockquote+table {
	margin-top:40px;
	}


/*フッターエリア
----------------------------------------------------------------*/
/*ページトップ*/
#pagetop {
	position: fixed;
	bottom:50px;
	right:50px;
	z-index:100;
	}

#pagetop img {max-width:60px;}

/*フッターエリアの設定*/
#footer {}

#footer_inner {
	position:relative;
	margin:0 auto;
	padding:40px 0;
	}

#footer_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
  }

#footer_inner h2 {
	margin:0 0 10px;
	color:#4b9eda;
	font-size:2.083em;
	}

#footer_inner h2 span {
	font-size:0.48em;
	color:#646464;
	margin:0 10px 0 0;
	}

#footer_inner .footer_info .address {margin:0;}

#footer_inner .footer_info .address br {display:none;}

#footer_inner .footer_info .telno br {display:none;}

#footer_inner .footer_info .btn_parking {
	margin:10px 0;
	}

#footer_inner .footer_info .btn_parking a {
	padding:5px 40px;
	font-weight:bold;
	font-size:1.25em;
	}

#footer_inner .footer_info h3 {
	color:#4b9eda;
	font-size:1.5em;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}

#footer_inner .footer_info p {
	margin:0 0 10px;
	}



@media screen and (max-width: 960px) {
	
/*フッターエリアの設定*/
#footer {
	padding:0 20px;
	}
	
#footer_inner {
	position:relative;
	margin:0 auto;
	padding:100px 0;
	}

#footer_inner h2 {
	margin:0 0 10px;
	color:#4b9eda;
	font-size:2.083em;
	text-align:center;
	}

#footer_inner h2 span {
	display:block;
	font-size:0.6em;
	color:#646464;
	margin:0;
	}
	
#footer_inner .footer_info {
	margin:0 0 40px;
	}

#footer_inner .footer_info .address {
	margin:0;
	text-align:center;
	}

#footer_inner .footer_info .address br {display:block;}

#footer_inner .footer_info .telno {text-align:center;}
	
#footer_inner .footer_info .telno br {display:block;}

#footer_inner .footer_info .btn_parking {
	margin:10px 0 40px;
	padding:0 0 40px;
	border-bottom:1px dotted #CCC;
	text-align:center;
	}

#footer_inner .footer_info .btn_parking a {
	padding:5px 40px;
	font-weight:bold;
	font-size:1.25em;
	}

#footer_inner .footer_info h3 {
	color:#4b9eda;
	font-size:1.5em;
	margin:0 0 10px;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}

#footer_inner .footer_info p {
	margin:0 0 10px;
	}

#footer_inner .footer_info .map {}

}


/*フッターナビゲーションの設定*/
.footer_nav {
	margin:60px 0;
	padding:0 0 60px;
	border-bottom:1px dotted #CCC;
	}

.footer_nav ul {
	margin:0;
	padding:0;
	}

.footer_nav ul:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

.footer_nav ul li {
	margin:0;
	padding:0;
	}

.footer_nav ul li ul.sub-menu li {
	font-weight:normal;
	}

.footer_nav ul li a {
	border-left:1px dotted #999;
	padding:5px 0 5px 20px;
	line-height:1;
	}

.footer_nav ul li a:link,.footer_nav ul li a:visited,.footer_nav ul li a:active {text-decoration:none;}

.footer_nav ul li ul.sub-menu li a:link,.footer_nav ul li ul.sub-menu li a:visited,.footer_nav ul li ul.sub-menu li:active {color:#666;}

.footer_nav ul li a:hover {text-decoration:underline;}

@media screen and (max-width: 960px) {
	
	.footer_nav ul li a {
	padding:5px 0 5px 5px;
	}
	
}

/*コピーライトの設定*/

#footer .copyright {
	text-align:center;
	padding:0 0 100px;
	color:#4b9eda;
	}

#footer p.copyright small {}

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

#footer_inner {
	position:relative;
	margin:0 auto;
	padding:60px 0 0;
	}
	
/*フッターナビゲーションの設定*/
.footer_nav {
	margin:40px 0 0;
	padding:0 0 20px;
	}

.footer_nav ul {
	margin:0;
	padding:0;
	display:block;
	}

.footer_nav ul:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

.footer_nav ul li {
	margin:0;
	padding:0;
	line-height:1;
	text-align:center;
	}

.footer_nav ul li ul.sub-menu li {
	font-weight:normal;
	}

.footer_nav ul li a {
	display:block;
	border:none;
	padding:10px 0;
	line-height:1;
	font-size:1.25em;
	}
	
#footer .copyright {
	padding:0 0 40px;
	}
	
}



@media only screen and (max-width:736px) and (orientation:landscape) {

#footer_inner {
	position:relative;
	margin:0 auto;
	padding:60px 0 0;
	}
	
/*フッターナビゲーションの設定*/
.footer_nav {
	margin:40px 0 0;
	padding:0 0 20px;
	}

.footer_nav ul {
	margin:0;
	padding:0;
	display:block;
	}

.footer_nav ul:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

.footer_nav ul li {
	margin:0;
	padding:0;
	line-height:1;
	text-align:center;
	}

.footer_nav ul li ul.sub-menu li {
	font-weight:normal;
	}

.footer_nav ul li a {
	display:block;
	border:none;
	padding:10px 0;
	line-height:1;
	font-size:1.25em;
	}
	
#footer .copyright {
	padding:0 0 40px;
	}
	
}



/*基本設定
----------------------------------------------------------------*/
#conbox .right,
.right    {text-align:right;}
#conbox .left,
.left    {text-align:left;}
#conbox .center,
.center   {text-align:center;}
#conbox .f_left,
.f_left   {float:left;}
#conbox .f_right,
.f_right  {float:right;}
#conbox .m_center,
.m_center {margin-left:auto;margin-right:auto;}
#conbox .clr,
#conbox .clr      {clear:both;}

hr {
	border-style:dotted !important;
	margin-top:70px;
	margin-bottom:70px;
	}

hr {
	border-style:dotted !important;
	margin-top:70px;
	margin-bottom:40px;
	}

@media screen and (max-width: 640px) {
	
hr {
	margin-top:10px;
	}
	
}




@media only screen and (max-width:736px) and (orientation:landscape) {
	
hr {
	margin-top:10px;
	}
	
}

#conbox .caption {
	padding:5px 0 0;
	text-align:right;
	}

#conbox .font_blue {
	color:#4b9eda;
	}

strong {}

#conbox .bold   {font-weight:bold;}
#conbox .font14 {font-size:1.166em;}
#conbox .font16 {font-size:1.333em;}


#conbox .mt5{margin-top:5px;}#conbox .mt10{margin-top:10px;}#conbox .mt15{margin-top:15px;}#conbox .mt20{margin-top:20px;}#conbox .mt25{margin-top:25px;}#conbox .mt30{margin-top:30px;}#conbox .mt35{margin-top:35px;}#conbox .mt40{margin-top:40px;}#conbox .mt45{margin-top:45px;}#conbox .mt50{margin-top:50px;}#conbox .mt55{margin-top:55px;}#conbox .mt60{margin-top:60px;}
#conbox .mb0{margin-bottom:0px;}#conbox .mb5{margin-bottom:5px;}#conbox .mb10{margin-bottom:10px;}#conbox .mb20{margin-bottom:20px;}#conbox .mb25{margin-bottom:25px;}#conbox .mb30{margin-bottom:30px;}#conbox .mb35{margin-bottom:35px;}#conbox .mb40{margin-bottom:40px;}#conbox .mb45{margin-bottom:45px;}#conbox .mb50{margin-bottom:50px;}#conbox .mb55{margin-bottom:55px;}#conbox .mb60{margin-bottom:60px;}
#conbox .pt5{padding-top:5px;}#conbox .pt10{padding-top:10px;}#conbox .pt20{padding-top:20px;}#conbox .pt25{padding-top:25px;}#conbox .pt30{padding-top:30px;}#conbox .pt35{padding-top:35px;}#conbox .pt40{padding-top:40px;}#conbox .pt45{padding-top:45px;}#conbox .pt50{padding-top:50px;}#conbox .pt55{padding-top:55px;}#conbox .pt60{padding-top:60px;}
#conbox .pb5{padding-bottom:5px;}#conbox .pb10{padding-bottom:10px;}#conbox .pb15{padding-bottom:15px;}#conbox .pb20{padding-bottom:20px;}#conbox .pb25{padding-bottom:25px;}#conbox .pb30{padding-bottom:30px;}#conbox .pb35{padding-bottom:35px;}#conbox .pb40{padding-bottom:40px;}#conbox .pb45{padding-bottom:45px;}#conbox .pb50{padding-bottom:50px;}#conbox .pb55{padding-bottom:55px;}#conbox .pb60{padding-bottom:60px;}
#conbox .ml5{margin-left:5px;}#conbox .ml10{margin-left:10px;}#conbox .ml15{margin-left:15px;}#conbox .ml20{margin-left:20px;}#conbox .ml25{margin-left:25px;}#conbox .ml30{margin-left:30px;}#conbox .ml35{margin-left:35px;}#conbox .ml40{margin-left:40px;}#conbox .ml45{margin-left:45px;}#conbox .ml50{margin-left:50px;}#conbox .ml55{margin-left:55px;}#conbox .ml60{margin-left:60px;}
#conbox .mr5{margin-right:5px;}#conbox .mr10{margin-right:10px;}#conbox .mr15{margin-right:15px;}#conbox .mr20{margin-right:20px;}#conbox .mr25{margin-right:25px;}#conbox .mr30{margin-right:30px;}#conbox .mr35{margin-right:35px;}#conbox .mr40{margin-right:40px;}#conbox .mr45{margin-right:45px;}#conbox .mr50{margin-right:50px;}#conbox .mr55{margin-right:55px;}#conbox .mr60{margin-right:60px;}
#conbox .pl5{padding-left:5px;}#conbox .pl10{padding-left:10px;}#conbox .pl15{padding-left:15px;}#conbox .pl20{padding-left:20px;}#conbox .pl25{padding-left:25px;}#conbox .pl30{padding-left:30px;}#conbox .pl35{padding-left:35px;}#conbox .pl40{padding-left:40px;}#conbox .pl45{padding-left:45px;}#conbox .pl50{padding-left:50px;}#conbox .pl55{padding-left:55px;}#conbox .pl60{padding-left:60px;}
#conbox .pr5{padding-right:5px;}#conbox .pr10{padding-right:10px;}#conbox .pr15{padding-right:15px;}#conbox .pr20{padding-right:20px;}#conbox .pr25{padding-right:25px;}#conbox .pr30{padding-right:30px;}#conbox .pr35{padding-right:35px;}#conbox .pr40{padding-right:40px;}#conbox .pr45{padding-right:45px;}#conbox .pr50{padding-right:50px;}#conbox .pr55{padding-right:55px;}#conbox .pr60{padding-right:60px;}
#conbox .ml1em{margin-left:1em;}#conbox .ml2em{margin-left:2em;}#conbox .ml3em{margin-left:3em;}#conbox .ml4em{margin-left:4em;}#conbox .ml5em{margin-left:5em;}#conbox .ml6em{margin-left:6em;}#conbox .ml7em{margin-left:7em;}#conbox .ml8em{margin-left:8em;}#conbox .ml9em{margin-left:9em;}#conbox .ml10em{margin-left:10em;}#conbox .ml11em{margin-left:11em;}
#conbox .ml12em{margin-left:12em;}#conbox .ml13em{margin-left:13em;}#conbox .ml14em{margin-left:14em;}#conbox .ml15em{margin-left:15em;}#conbox .ml16em{margin-left:16em;}#conbox .ml17em{margin-left:17em;}#conbox .ml18em{margin-left:18em;}#conbox .ml19em{margin-left:19em;}#conbox .ml20em{margin-left:20em;}



/*追記*/

#fade {display:none;}



#globalnav_inner ul li ul.sub-menu {
  display:none !important; /*サブメニューは最初は非表示にしておく*/
  position: absolute; /*絶対配置にしておかないとうまくいかない*/
  top: 40px;
  left: 0px;
  font-size:0.857em;
  z-index:100;
}

#globalnav_inner ul li ul.sub-menu li.menu-item {
  width:191px;
}

#globalnav_inner ul li:hover ul.sub-menu {
  display:block !important; /*マウスオーバー時にサブメニューを表示する*/
}

#globalnav_inner ul li ul.sub-menu li {
  display:block;
  border:none;
  padding:0; /*親メニューのパディングを解除*/
  margin:0 0 2px;
}

#globalnav_inner ul li ul.sub-menu li a {
  background:none;
  background-color:rgba(255,255,255,0.8);
  border-bottom:none; /*ボーダーの指定*/
  border-top: none; /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
  padding: 10px;
  text-align:center;
  text-indent:0px;
  text-decoration: none;
  line-height:1;
  height:auto;
  color:#000;
}

/*サブメニューで現在表示されているページのリンクの色を変更する*/
#globalnav_inner ul li ul.sub-menu li.current-menu-item a {
	display: block;
	background:none;
	background-color: rgba(75,158,218, 0.7 );
}

#globalnav_inner ul li ul.sub-menu li a:hover {
	background-color: rgba(75,158,218, 0.7 );
	color:#FFF;
	}