@charset "shift-jis";
/* CSS Document */


/* 初芝スイミングスクール TOPページCSS
--------------------------------------------------------------------------
【共通】
◎メイン使用色
　 （メイン色）#　
   （文字色）#333333　
--------------------------------------------------------------------------
--------------------------------------------------------------------------
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
-------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
ヘッダ
------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------
メインイメージ
------------------------------------------------------------------------- */


#mainBox{
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;


}

/* 左右の画像の透明度を下げる */
.slider .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(50%);
  -moz-filter: opacity(50%);
  -o-filter: opacity(50%);
  -ms-filter: opacity(50%);
  filter: opacity(50%);
  transition: 0.2s linear;
}



/* 矢印の画像変更 */
.slick_container {
     width:820px; /*任意の値 */
     margin:0 auto; /*任意の値 */
     position:relative;
}

 .slick-prev, .slick-next {
    width:28px; /* 画像幅 */
    height:29px /* 画像高さ */
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}

.slick-prev{
	 left:20px; /*任意の値*/ 
     top: 650px;
	 position: absolute;
     /*top: 450px;
     left: 220px;*/

}
.slick-next{
	 right:20px;
	 top: 650px;
		  /* 任意の値 */

}

.slick-arrow{z-index:3;/* 値は適当に */}







#nami{
	margin-top: -50px;
	position: absolute;
    z-index:5;
}


/* ----------------------------------------------------------------------
トピックス-重要なお知らせ-
------------------------------------------------------------------------- */

#topics{
	background-color: #25AFAF;
	padding: 10px;
	margin-top: 63px;
}
#topics:empty{
  background-color: transparent;
}

#topicsL{
	float: left;
	height: auto;
	width: 140px;
	margin-top: 15px;
}

#topicsR{
	background-color: #FFF;
	float: right;
	height: auto;
	width: 840px;
	padding: 10px;
	
	overflow-x: hidden;
	overflow-y: scroll;
	height: 60px;


	
}

#topicsR dt{
	font-weight: bold;
	background-image: url(common/img/icon-star.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

#topicsR dd{
	margin-bottom: 10px;
}





/* ----------------------------------------------------------------------
メインコンテンツ
------------------------------------------------------------------------- */

/* 背景に旗と写真 */
#flagBG{
	background-image: url(img/bg-flag.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
}

/* お知らせ＆更新情報 */
#infoBox{
	background-image: url(img/bg-index_02a.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 470px;
	width: 630px;
	margin-right: 185px;
	margin-left: 185px;
}

#infoBox p{
	text-align: center;
	padding-top: 10px;
}

#infoBox ul{
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

/*#infoBox li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-image: url(common/img/icon-ikari.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 2px;
}*/
.news-line {
  font-size: 18px;
  border-bottom: 1px solid #cceaf4;
}
.news-line__link {
  display: flex;
  align-items: center;
  color: #4c4948 !important;
  text-decoration: none !important;
  padding: 15px 0;
}
.news-line__link:hover img {
  opacity: 1 !important;
}
.news-line__link:hover {
  background: rgba(204, 234, 244, 0.3);
}
.news-line__img {
  flex: 0 0 120px;
  width: 120px;
  height: 90px;
  position: relative;
  overflow: hidden;
  margin-right: 25px;
  border: 1px solid #dcdddd;
  background: url(/swimming/img/icon-news-bg.png) no-repeat center center;
}
.news-line__pict {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-line__txt {
  padding: 0 !important;
  text-align: left !important;
  font-weight: bold;
}
.news-line__date {
  display: block;
}
.news-line__title {
  display: block;
}


/* たくさんの時はスクロール */
.infoinnner{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 355px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}



/* メニューボタン */
#menuBT dl{
	float: left;
	height: auto;
	width: 136px;
	margin-right: 6px;
	text-align: center;
}

#menuBT dt{
	margin-bottom: 10px;
}

#menuBT dd{
}

.menuTitle-116{
	color: #DC1565;
	font-size: 116%;
}
.menuTitle-108{
	color: #DC1565;
	font-size: 108%;
}



/* バナー */

#bnBox{
	margin-top: 45px;
}

#bnBox li{
	float: left;
}



/* ----------------------------------------------------------------------
facebook map
------------------------------------------------------------------------- */

/* 背景に泡 */
#bubbleBG{
	background-image: url(img/bg-bubble.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 35px;
}

#facebook{
	float: left;
	width: 500px;
}


#map{
	float: right;
	width: 480px;
}