@charset "UTF-8";
/* CSS Document */


body{
	background-color:#fff;
}

#Rotator-area{
	width:100% !important;
	max-width:950px;
}
a img{
	-webkit-transition: opacity 0.1s ease-out;
            transition: opacity 0.1s ease-out;
}
a:hover img{
	opacity:0.8;
}
#global-header #site-id a:hover img,
#global-header #header-sub a:hover img{
	opacity:1;
}


/*-----------------------------------------------

施設一覧

-----------------------------------------------*/

.shisetsu-list-trigger span{
	display:block;
	background-color:#0B5CFF;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
#shisetsu-list-trigger-sp{
	display:block;
	display:none;/* 追加 */
}
#shisetsu-list-trigger-sp span{
	padding:10px 0em;
	font-size:125%;
	margin:5px 0 10px;
	line-height:1.2;
	position:relative;
}
#shisetsu-list-trigger-sp span::after{
	content:"";
	width:10px;
	height:10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-7px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#shisetsu-list-trigger-sp.is-clicked span::after{
	content:"";
	margin-top:-2px;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#shisetsu-list-trigger-pc{
	display:none;
}
#shisetsu-list{
	margin:0 10px;
	display:none;
}
#shisetsu-list ul{
	margin-left:-5px;
	margin-top:-5px;
}
#shisetsu-list ul::after{
	content:"";
	display:block;
	clear:both;
}
#shisetsu-list li{
	float:left;
	width:33.3333%;
	padding-left:5px;
	padding-top:5px;
}

@media screen and (min-width: 600px) {
	#shisetsu-list li{width:20%;}
}
@media screen and (min-width: 768px) {
	#shisetsu-list li{width:16.6666%;}
}

#shisetsu-list li a{
	display:block;
}
#shisetsu-list li a img{
	width:100%;
	height:auto;
}

@media screen and (min-width: 768px) {/* <--992px */
#shisetsu-list-trigger-sp{
	display:none;
}

#shisetsu-list-trigger-pc{
	display:block;
	position:absolute;
	top:102px;
	left:0;
	z-index:999;
}
#shisetsu-list-trigger-pc span{
	vertical-align:middle;
	height:36px;
	padding:10px 0.5em;
	font-size:116.6666%;
	line-height:1;
	-webkit-transition: background-color 0.2s ease-out;
            transition: background-color 0.2s ease-out;
}
#shisetsu-list-trigger-pc span:hover{
	background-color:#06339F;
}
#shisetsu-list{
	position:absolute;
	top:36px;
	left:0;
	margin:0;
}
#shisetsu-list li a img{
	border:2px solid #057CFE;
}
#shisetsu-list ul{
	width:750px;
	margin:0;
	margin-left:-1px;
	margin-top:-1px;
}
#shisetsu-list li{
	max-width:none;
	max-width:125px;
	padding-left:1px;
	padding-top:1px;
}
#shisetsu-list {
	border:4px solid #057CFE;
	padding:8px;
	border-radius:6px;
	background-color:#fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4); 
	width:750px;
	box-sizing:content-box;
}	
}

/*-----------------------------------------------

tn_slider

-----------------------------------------------*/

#jssor_1{
	display:none;
}
@media screen and (min-width: 768px) {/* <--992px */
#jssor_1{
	display:block;
}
}

/*-----------------------------------------------

ROTATOR

-----------------------------------------------*/
.rotator-wrapper{
	background-color:#0099FF;
}
#Rotator-area{
	font-size:15px;
	font-size:125%;
}
.banner-rotator *{
	box-sizing:content-box;
	font-size:98%;
}
.banner-rotator .slide-tex-title{
	width:auto !important;
	font-size:75% !important;
	padding:0.5em !important;
	height:auto !important;
}
.slide-tex-title {
    top:10px !important;
}

@media screen and (min-width: 768px) {
.banner-rotator .slide-tex-title{
	padding:10px !important;
}
.slide-tex-title {
    top:40px !important;
}
.banner-rotator .slide-tex-title{
	font-size:108.3333% !important;
}
}

/*-----------------------------------------------

LEAD-COPY

-----------------------------------------------*/

#lead-copy{
	padding-top:10px;
	margin-bottom:20px;
}
#lead-copy h2{
	background:none;
	font-size:16px;
	font-size:133.3333%;
	text-align:center;
	border:none;
	outline:none;
	color:#050185;
	line-height:1.3;
	letter-spacing:-0.02em;
	padding:0 10px;
}
#lead-copy p{
	background:none;
	font-size:100%;
	text-align:center;
	color:#0050ff;
	padding:0 10px;
	line-height:1.3;
	margin:0;
}

@media screen and (min-width: 768px) {
#lead-copy h2{
	font-size:24px;
	font-size:200%;
}
#lead-copy p{
	font-size:14px;
	font-size:116.6666%;
}
}

@media screen and (min-width: 768px) {/* <--992px */
#lead-copy h2{
	font-size:28px;/* 拡大対象外 */
}
}

@media screen and (min-width: 768px) {/* <--992px */
#global-header {
    background:none;
	height:138px;
}
#site-nav {
    background: #fff url( "../images/menu_bg.jpg" ) bottom left repeat-x;
	height:48px;
	position:relative;
	z-index:998;
}
#site-nav ul.main-menu{
    margin: 0 auto;
	width:950px;
	height:48px;
}
}


/*-----------------------------------------------

MAIN , LAYOUT

-----------------------------------------------*/

#main{
	margin:20px 10px 30px;
	padding:0;
	font-size:100%;
	text-align:left;
}

@media screen and (min-width: 768px) {/* <--992px */
#main{
	width:950px;
	margin:20px auto 30px;
	position:relative;
}
#main::after{
	content:"";
	display:block;
	clear:both;
}
#left-area {
	width: 250px;
	position:absolute;
	top:0;
	left:0;
}
#center-area {
	margin: 0;
	width: 450px;
	float: left;
	margin-left:300px;
}
#right-area {
	width: 150px;
	float:right;
}
}

#main ul li a{
	display:block;
}
#main ul li a img{
	width:100%;
	height:auto;
}

/*-----------------------------------------------

CENTER AREA 

-----------------------------------------------*/
/* headline-announce */
#main #center-area h1{
	display:block;
	width:100% !important;
	text-align:center;
}
#main #center-area div:first-child{
	width:100% !important;
	height:auto !important;
}
#main #center-area div img{
	max-width:100%;
	height:auto;
}
#main #emergency h2{
	background: #f70504 url( "../images/bg-h2-em.png" ) repeat-x;
}

/* 協会からのお知らせ,各施設ブログ */
#main #center-area #information ul,
#main #center-area #information2 ul,
#main #center-area #emergency ul{
	font-size:108.3333%;
}
#main #center-area #information ul,
#main #center-area #information2 ul{
	margin-top: -13px;
	height: 250px;
	overflow: auto;
	border:1px solid #ccc;
	padding:5px 0;
	-webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {/* <--992px */
#main #center-area #information ul,
#main #center-area #information2 ul,
#main #center-area #emergency ul{
	font-size:116.6666%;
	margin-top: 15px;
	border:none;
	padding:0;
}
#main #center-area #information ul,
#main #center-area #information2 ul{
	height: 370px;
}
}
#main #center-area #information li,
#main #center-area #information2 li,
#main #center-area #emergency li{
	padding: 5px 8px 5px 20px;
	background: url('../imgs/info_icon.jpg') no-repeat 5px 9px;
	text-align: left;
}
#main #center-area #information li::after,
#main #center-area #information2 li::after,
#main #center-area #emergency li::after{
	content:"";
	display:block;
	clear:both;
}
#main #information li span.times,
#main #information2 li span.times,
#main #emergency li span.times{
	letter-spacing: -0.05em;
	display:block;
}
#main li span.times::after{
	content:"：";
}
#main #information li span.titles,
#main #information2 li span.titles,
#main #emergency li span.titles{
	word-break: break-all;
	word-wrap: break-word;
	display:block;
}

@media screen and (min-width: 768px) {
#main #information li span.times,
#main #information2 li span.times,
#main #emergency li span.times{
	display: inline-block;
	width:9.5em;
	height: auto;
	vertical-align: top;
	float:left;
}
#main #information li span.titles,
#main #information2 li span.titles,
#main #emergency li span.titles{
	display: inline-block;
	width: calc(100% - 9.5em);
	height: auto;
	vertical-align: top;
	float:right;
}
}

/*facebook開設施設 twitter開設施設*/
#main #center-area #information_fb h2{
	background: #3c579c;
}

#main #center-area #information_tw h2{
	background: #2ea2f7 url( "../images/bg-h2-tw.png" ) repeat-x;
}
#main #center-area #information_fb h2 img,
#main #center-area #information_tw h2 img{
	height:24px;
}
#main #center-area #information_fb ul,
#main #center-area #information_tw ul {
	margin-top: 5px;
	overflow: auto;
	font-size:108.3333%;
}
#main #center-area #information_fb li,
#main #center-area #information_tw li {
	padding: 0 0 0 20px;
	text-align: left;
}
@media screen and (min-width: 768px) {/* <--992px */
#main #center-area #information_fb ul,
#main #center-area #information_tw ul {
	font-size:116.6666%;
}
}
/*-----------------------------------------------

LEFT AREA

-----------------------------------------------*/
#main #left-area {
	margin:0;
}
#main #left-area ul {
	margin:-15px auto 15px;
	width:250px;
}
#main #left-area ul li {
	padding-top: 15px;
}

@media screen and (min-width: 768px) {
#main #left-area ul {
	width:530px;
}
#main #left-area ul::after{
	content:"";
	display:block;
	clear:both;
}
#main #left-area ul li {
	padding-left:10px;
	float:left;
}
}

@media screen and (min-width: 768px) {/* <--992px */
#main #left-area ul {
	margin:-15px 0 15px;
	width:250px;
	padding-right:0;
}
#main #left-area ul li {
	padding-left:0;
}
}

/*-----------------------------------------------

RIGHT AREA 

-----------------------------------------------*/
#main #right-area{
	margin:0;
}
#main #right-area ul {
	margin:-15px auto 15px;
	width:300px;
}
#main #right-area ul::after{
	content:"";
	display:block;
	clear:both;
}
#main #right-area ul li{
	width:145px;
	float:left;
	margin-left:10px;
	padding-top:15px;
}
#main #right-area ul li:nth-child(2n+1){
	clear:both;
	margin-left:0;
}
#main #right-area article {
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
#main #right-area ul {
	margin:-15px auto 15px;
	width:470px;
}
#main #right-area ul li{
	width:150px;
	margin-left:10px;
	padding-top:15px;
}
#main #right-area ul li:nth-child(2n+1){
	clear:none;
	margin-left:10px;
}
#main #right-area ul li:nth-child(3n+1){
	clear:both;
	margin-left:0;
}
}

@media screen and (min-width: 768px) {/* <--992px */
#main #right-area{
	margin-top:-16px;
}
#main #right-area ul {
	width:100%;
}
#main #right-area ul li{
	clear:none;
	margin-left:0;
	width:100%;
}
#main #right-area ul li:nth-child(2n+1){
	clear:none;
	margin-left:0;
}
#main #right-area ul li:nth-child(3n+1){
	clear:none;
	margin-left:0;
}
}

#main #right-area section#koukoku p {
	text-indent: 0;
	font-size: 90%;
	line-height: 1;
	text-align:center;
}