@charset "utf-8";

/* ----------------------------------------------
  ! main visual & bxslider elements
 ---------------------------------------------- */

.main-visual-pc {
	position: relative;
	background-image: url(../images/top/main_visual_pc01.jpg);
	background-position: center;

	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	border-top: solid 4px #f3645e;
}

.main-visual-sp {
	position: relative;
	border-top: solid 4px #f3645e;
}

/* bxslider customize */

.bx-wrapper {
	margin-bottom: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  none;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d22010;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #d22010;
}

/* ----------------------------------------------
  ! by purpose navigation elements
 ---------------------------------------------- */

#bypurpose-navigation {
	background-color: #f4f5f7;
	width: 100%;
}

#bypurpose-navigation ul {
	background-color: #f4f5f7;
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
	list-style-type: none;
}

#bypurpose-navigation ul li {
	float: left;
	width: 248px;
}

#bypurpose-navigation ul li.end {
	float: left;
	width: 236px;
}

/* toppage common section title */

.top-title {
	margin-bottom: 20px;
	text-align: left;
}

@media screen and (min-width : 768px){

	.top-title {
		text-align: center;
	}

}

/* ----------------------------------------------
  ! top contents elements
 ---------------------------------------------- */

#contents {
	width: 100%;
	padding: 0 20px 50px;
	box-sizing: border-box;
}

@media screen and (min-width : 768px){

	#contents {
		padding: 0;
	}

}

/* ----------------------------------------------
  ! news & pickup elements
 ---------------------------------------------- */

#news,
#pickup {
	width: 100%;
	padding: 50px 0 30px;
}

#news h1,
#pickup h1 {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	box-sizing: border-box;
}

#news h1 img,
#pickup h1 img {
	max-width: 100%;
}

@media screen and (min-width : 768px){

	#news-pickup {
		width: 980px;
		margin: 0 auto;
		padding: 0;
	}

	#news {
		float: left;
		width: 470px;
	}

	#pickup {
		float: right;
		width: 470px;
	}

}

/* ----------------------------------------------
  ! news elements
 ---------------------------------------------- */

/* news tab */

#news-tab-contents .tab {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#news-tab-contents .tab li {
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 24%;
	height: 40px;
	margin-right: 2px;
	padding: 12px 0;
	text-align: center;
	font-size: 14px;
	border-top: solid 1px #dfdfdf;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}

#news-tab-contents .tab li:hover,
#news-tab-contents .tab li.active {
	background-color: #f4655f;
	color: #fff;
}

#news-tab-contents .hide {
	display: none;
}

#news-tab-contents .tab-contents {
	background-color: #fff;
	width: 100%;
	margin-bottom: 30px;
	border-top: solid 1px #dfdfdf;
	box-sizing: border-box;
}

#news-tab-contents .tab-content-inner {
	max-height: 430px;
	overflow: auto;
}

#news-tab-contents .tab-content-inner dl {
	margin: 0;
	padding: 15px 0;
	border-bottom: dotted 1px #b6b6b6;
}

#news-tab-contents .tab-content-inner dl.new {
	/*background-image: url(../images/top_news_new.gif);
	background-repeat: no-repeat;
	background-position: 42px 38px;*/
}

#news-tab-contents .tab-content-inner dt {
	padding: 2px 0 5px;
	font-size:  88%; /* 14px */
}

#news-tab-contents .tab-content-inner dt {
	display: block;
	background-repeat: no-repeat;
	background-position: 100px 0px;
}

#news-tab-contents .tab-content-inner dt.info {
	background-image: url(../images/top/info_info_icon.gif);
}

#news-tab-contents .tab-content-inner dt.event {
	background-image: url(../images/top/info_event_icon.gif);
}

#news-tab-contents .tab-content-inner dt.blog {
	background-image: url(../images/top/info_blog_icon.gif);
}

#news-tab-contents .tab-content-inner dt.release {
	background-image: url(../images/top/info_release_icon.gif);
}

#news-tab-contents .tab-content-inner dd {
	padding: 0;
	font-size:  88%; /* 14px */
	line-height: 1.4;
}

.news-more {
	width: 290px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #dfdfdf;
}

.news-more img {
	display: block;
	width: 100%;
}


@media screen and (min-width : 768px){

	#news-tab-contents .tab li {
		width: 90px;
	}

	#news-tab-contents .tab-content-inner {
		height: 430px;
	}

}

/* ----------------------------------------------
  ! pickup elements
 ---------------------------------------------- */

.pickup-banner {
	margin-bottom: 30px;
}

.pickup-banner .banner-img {
	margin-bottom: 15px;
	text-align: center;
}

.pickup-banner .banner-img img {
	max-width: 100%;
}

.pickup-banner .banner-title {
	background-image: url(../images/top/banner_title_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 15px;
	padding-bottom: 8px;
	min-height: 20px;
	text-align: center;
	font-size: 119%; /* 19px */
	font-weight: normal;
}

.pickup-banner .banner-title span {
	display: block;
	font-size: 82%; /* 13px */
}

.pickup-banner p {
	min-height: 45px;
	font-size: 94%; /* 15px */
	line-height: 1.4;
}


@media screen and (min-width : 768px){

	.pickup-l {
		float: left;
		width: 220px;
	}

	.pickup-r {
		float: right;
		width: 220px;
	}

}

/* ----------------------------------------------
  ! hospital info elements
 ---------------------------------------------- */

#hospital-info {
	background-color: #f4f5f7;
	width: 100%;
}

#hospital-info-wrap {
	background-color: #f4f5f7;
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
}

.hospital-info-lead {
	margin-bottom: 40px;
	font-size: 113%; /* 18px */
}

.hospital-info-banners {
	list-style-type: none;
}

.hospital-info-banners li {
	width: 100%;
	margin-bottom: 45px;
}

.hospital-info-banners li.end {
	margin-bottom: 0px;
}

.hospital-info-banners li a {
	display: block;
	margin-bottom: 18px;
}

.hospital-info-banners li a img {
	width: 100%;
	height: auto;
}

.hospital-info-banners li span {
	font-size: 100%; /* 16px */
}

@media screen and (min-width : 768px){

	#hospital-info-wrap {
		width: 980px;
		margin: 0 auto;
		text-align: center;
		padding: 40px 0;
	}

	.hospital-info-banners li {
		float: left;
		width: 340px;
		margin-bottom: 0px;
	}

	.hospital-info-banners li a {
		width: 300px;
	}

	.hospital-info-banners li.end {
		width: 300px;
	}

}

/* ----------------------------------------------
  ! inquiry elements
 ---------------------------------------------- */

#inquiry {
	width: 100%;
}

#inquiry-wrap {
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
}

.inquiry-address {
	margin-bottom: 30px;
}

.group-banner img {
	width: 100%;
}

.inquiry-address p {
	padding-top: 13px;
	font-size: 100%; /* 16px */
	line-height: 1.6;
}

.inquiry-title {
	clear: both;
	margin-bottom: 23px;
	padding-bottom: 13px;
	font-size: 100%; /* 16px */
	font-weight: bold;
	border-bottom: solid 1px #dfdfdf;
}

.inquiry-banners {
	list-style-type: none;
}

.inquiry-banners li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-bottom: 15px;
	padding-left: 7px;
}

.inquiry-banners li.left {
	padding-left: 0px;
	padding-right: 7px;
}

.inquiry-banners li img {
	display: block;
	width: 100%;
}

.group-banner {
	background-color: #f4f5f7;
	padding: 10px;
}

.group-banner-img {
	background-color: #fff;
	width: 100%;
	text-align: center;
}

.group-banner-img img {
	width: auto;
}

.group-banner p {
	padding-top: 15px;
	font-size: 100%; /* 16px */
	line-height: 1.6;
}

.logo-banners {
	list-style-type: none;
	text-align: center;
}

.logo-banners li {
	width: 100%;
	margin-bottom: 15px;
}

.logo-banners li a {
	display: block;
    margin-bottom: 18px;
}


@media screen and (min-width : 768px){

	#inquiry-wrap {
		width: 980px;
		margin: 0 auto;
		padding: 40px 0;
	}

	.inquiry-address img {
		float: left;
		width: 178px;
		margin-right: 20px;
	}

	.inquiry-banners {
		margin-bottom: 20px
	}

	.inquiry-banners li {
		float: left;
		width: 250px;
		padding: 0;
	}

	.inquiry-banners li.left {
		padding: 0;
	}

	.inquiry-banners li.end {
		width: 230px
	}

	.inquiry-banners li img {
		width: 230px;
	}

	.group-banner-img {
		float: left;
		width: 220px;
		margin-right: 20px;
	}

	.logo-banners {
		width: 600px;
		margin: 0 auto 20px;
	}

	.logo-banners li {
		float: left;
		width: 200px;
		margin-bottom: 0px;
	}

	.logo-banners li a {
		width: 150px;
    	margin: 0 auto;
	}

	.logo-hover {
		position: relative;
	}

	.logo-hover .caption {
		display: block;
		text-align: center;
		padding-top: 30px;
		color: #333;
	}

	.logo-hover .mask {
		width: 100%;
		height: 100%;
		position: absolute;	/* 絶対位置指定 */
		top: 0;
		left: 0;
		opacity: 0;	/* マスクを表示しない */
		-webkit-transition:	all 1s ease;
		transition: all 1s ease;
	}

	.logo-hover:hover .mask {
		opacity: 1;
	}

}

/* ----------------------------------------------
  ! access elements
 ---------------------------------------------- */

#access {
	width: 100%;
}

#access-wrap {
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
}

#access .gmap {
	width: 100%;
	margin-bottom: 30px;
}

#access .gmap iframe {
	width: 100%;
}

#access .access-info {
	font-size: 100%; /* 16px */
	line-height: 1.8;
}

#access .access-info p strong {
	font-weight: bold;
}

#access .access-info ul {
	list-style-type: none;
}

#access .access-info ul li {
	background-image: url(../images/top/access_info_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 17px;
}

#access .access-info ul li span {
	background-image: url(../images/top/access_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 17px;
}

@media screen and (min-width : 768px){

	#access-wrap {
		width: 980px;
		margin: 0 auto;
		padding: 40px 0;
	}

}

.busicon,
.caricon {
	border-bottom: solid 2px #f3645e;
    background-image: url(../images/top/bus_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 100%;
    line-height: 1.6;
    height: 30px;
    padding: 8px 0 0 2.3em;
	border-bottom: solid 2px #f3645e;
}

.busicon {
    background-image: url(../images/top/bus_icon.png);
}

.caricon {
    background-image: url(../images/top/car_icon.png);
}

/* ----------------------------------------------
  ! live elements
 ---------------------------------------------- */

#live {
    width: 100%;
    margin: 0 auto 40px;
    line-height: 1.4;
}

#live img{
    width: 100%;
}

@media screen and (min-width : 768px){
	#live {
	    width: 980px;
	}
}