@charset "utf-8";

/* ******************************************************************************** */
/*  ツルガハマランド株式会社 index.css                                              */
/*                                                                        16.02.23  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      共通設定読み込み                                                            */
/* ================================================================================ */

@import url("./common.css");


/* -------------------------------------------------------------------------------- */
/*      スライダー                                                              */
/* -------------------------------------------------------------------------------- */

#top-img{
	margin-top: 10px;
	padding-top: 10px;
	width: 100%;
	background: #edebeb;
	height: 370px;
}

#top-img #thumb-v{
	width: 980px;
	height: 370px;
	margin: 0 auto;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail-image-container {
		display: none;
	}
}

/* -------------------------------------------------------------------------------- */
/*      灰色枠                                                                      */
/* -------------------------------------------------------------------------------- */

.g-border{
	border: 1px solid #cccccc;
}

/* -------------------------------------------------------------------------------- */
/*      プラザレジャープールお知らせ                                                  */
/* -------------------------------------------------------------------------------- */

#main_photo_plaza{
	text-align: center;
	margin: 0 auto 20px auto;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #cccccc;
}
.main00{
	margin-bottom: 5px;
	padding: 5px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	color: #ffffff;
	background: #ff0000;
}
.main01{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #ff0000;
}
.main02{
	margin: 5px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	color: #0000ff;
}
.main02 a{
	color: #0000ff;
}

.main03{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.main04{
	margin: 5px 0;
	font-size: 24px;
	font-weight: bold;
}

/* 文字下げ */
.ind1w {
	text-indent: -1em !important;
	padding-left: 1em !important;
}

/* -------------------------------------------------------------------------------- */
/*      メニューボックス                                                              */
/* -------------------------------------------------------------------------------- */

#menu-box{
	margin: 40px 0 20px 0;
	width: 980px;
	display: flex;
	justify-content: space-between;
}
/* --- 共通 --- */
.box{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.top-box{
	overflow: hidden;
	padding: 7px 10px 7px 10px;
}
.charactor{
	position: absolute;
	top: -12px;
	right: 5px;
	z-index: 2;
}
.middle-box{
	padding: 10px;
	text-align: center;
}
.middle-box img{
	margin-bottom: 10px;
	width: 282px;
	height: 204px;
}
.middle-box, .bottom-box{
	text-align: center;
}
.bottom-box{
	padding-bottom: 10px;
}
.bottom-box .tel{
	font-size: 20px; font-size: 2.0rem;
	font-weight: bold;
}

/* --- box01 --- */
#box01 {
	border: solid 3px #ff6600;
	border-radius: 10px;
}
#box01 .top-box{
	border-bottom: solid 3px #ff6600;
	background: #ff6600;
}
#box01 .middle-box a:link{
	color: #ff6600;
	text-decoration: none;
}
#box01 .middle-box a:visited{
	color: #ff6600;
	text-decoration: none;
}
#box01 .middle-box a:hover{
	color: #ff6600;
	text-decoration: underline !important;
}
#box01 .middle-box a:active{
	color: #ff6600;
	text-decoration: underline !important;
}
/* --- box02 --- */
#box02 {
	border: solid 3px #3300ff;
	border-radius: 10px;
}
#box02 .top-box{
	border-bottom: solid 3px #3300ff;
	background: #3300ff;
}
#box02 .middle-box a:link{
	color: #3300ff;
	text-decoration: none;
}
#box02 .middle-box a:visited{
	color: #3300ff;
	text-decoration: none;
}
#box02 .middle-box a:hover{
	color: #3300ff;
	text-decoration: underline !important;
}
#box02 .middle-box a:active{
	color: #3300ff;
	text-decoration: underline !important;
}
#box02 .middle-box .red a:link{
	color: #ff0000;
}
#box02 .middle-box .red a:visited{
	color: #ff0000;
}
#box02 .middle-box .red a:hover{
	color: #ff0000;
	text-decoration: underline !important;
}
#box02 .middle-box .red a:active{
	color: #ff0000;
	text-decoration: underline !important;
}
/* --- box03 --- */
#box03 {
	border: solid 3px #009900;
	border-radius: 10px;
}
#box03 .top-box{
	border-bottom: solid 3px #009900;
	background: #009900;
}
#box03 .middle-box a:link{
	color: #009900;
	text-decoration: none;
}
#box03 .middle-box a:visited{
	color: #009900;
	text-decoration: none;
}
#box03 .middle-box a:hover{
	color: #009900;
	text-decoration: underline !important;
}
#box03 .middle-box a:active{
	color: #009900;
	text-decoration: underline !important;
}
/* --- box04 --- */
#box04 {
	border: solid 3px #bc946c;
	border-radius: 10px;
}
#box04 .top-box{
	border-bottom: solid 3px #bc946c;
	border-radius: 10px 10px 0 0;
	background: #fffcdb;
}
#box04 .middle-box a:link{
	color: #6a3906;
	text-decoration: none;
}
#box04 .middle-box a:visited{
	color: #6a3906;
	text-decoration: none;
}
#box04 .middle-box a:hover{
	color: #6a3906;
	text-decoration: underline !important;
}
#box04 .middle-box a:active{
	color: #6a3906;
	text-decoration: underline !important;
}

/* -------------------------------------------------------------------------------- */
/*      スペシャル                                                                  */
/* -------------------------------------------------------------------------------- */

#special, .temporary{
	margin-bottom: 20px;
}

.red-box{
	border: 1px solid #ff0000;
}

.sp-title{
	padding: 5px 10px;
	background: #ff0000;
	color: #ffffff;
}
.sp-text{
	padding: 10px;
}

/* -------------------------------------------------------------------------------- */
/*      新着情報                                                                    */
/* -------------------------------------------------------------------------------- */

#news .title{
	padding: 5px 0 5px 20px;
	background: #663300;
}
#news .title h2{
	font-size: 16px; font-size: 1.6rem;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 3px;
}
#news .news-box{
	width: 980px;
}
#news .news-box-in{
	border-left: solid 1px #663300;
	border-right: solid 1px #663300;
	border-bottom: solid 1px #663300;
}
#news .news-box .news-block{
	padding: 10px;
	background-color: #ffffff;
	border-bottom: 1px dotted #babb84;
}
#news .news-box .news-block:last-child{
	border-bottom: none;
}
#news .news-box .news-block .date{
	width: 80px;
	float: left;
}
#news .news-box .news-block .name{
	margin-left: 1em;
	width: 160px;
	float: left;
	text-align: center;
}
#news #park .name a{
	display: block;
	background-color: #ff6600;
	color: #ffffff;
	text-decoration: none;
}
#news #plaza .name a{
	display: block;
	background-color: #3300ff;
	color: #ffffff;
	text-decoration: none;
}
#news #public .name a{
	display: block;
	background-color: #009900;
	color: #ffffff;
	text-decoration: none;
}
#news #cotton .name a{
	display: block;
	border: solid 1px #bc946c;
	background: #fffcdb;
	color: #764d24;
	text-decoration: none;
}
#news .news-box .news-block .detail{
	margin-left: 1em;
	width: 570px;
}

#news .news-box .news-block .detail a:link{
	color: #053ffb;
	text-decoration: none;
}
#news .news-box .news-block .detail a:visited{
	color: #053ffb;
	text-decoration: none;
}
#news .news-box .news-block .detail a:hover{
	color: #053ffb;
	text-decoration: underline !important;
}
#news .news-box .news-block .detail a:active{
	color: #053ffb;
	text-decoration: underline !important;
}
#news .news-box .news-block .detail .red a:link{
	color: #ff0000;
	text-decoration: none;
}
#news .news-box .news-block .detail .red a:visited{
	color: #ff0000;
	text-decoration: none;
}
#news .news-box .news-block .detail .red a:hover{
	color: #ff0000;
	text-decoration: underline !important;
}
#news .news-box .news-block .detail .red a:active{
	color: #ff0000;
	text-decoration: underline !important;
}

/* -------------------------------------------------------------------------------- */
/*      下バナー                                                                    */
/* -------------------------------------------------------------------------------- */

#banner{
	margin: 30px auto;
}


/* -------------------------------------------------------------------------------- */
/*      COCOA                                                                      */
/* -------------------------------------------------------------------------------- */

#cocoa{
	border: 1px solid #cccccc;
	padding: 10px;
}
#cocoa a{
	word-break: break-all;
	color: #053ffb;
}

/* -------------------------------------------------------------------------------- */
/*      バナー                                                                      */
/* -------------------------------------------------------------------------------- */

#info-bnr{
	margin: 40px auto;
	text-align: center;
	color: #6a3906;
}


/* -------------------------------------------------------------------------------- */
/*      404                                                                      */
/* -------------------------------------------------------------------------------- */

#sitemap{
	margin-top: 20px;
}
#sitemap li{
	float: left;
	padding: 0 10px 10px 0;
}
.normal-box-last{
	margin: 0 20px 40px 20px;
}