@charset 'UTF-8';

@media screen and (min-width:641px), print {
	/*==============================================================*/
	/* とっぷぺーじ
	/*==============================================================*/
	.tibiTopTitle{
		width: 578px;
		margin: 0 auto 40px;
	}

	.tibiTopMain {
		width: 578px;
		height: 278px;
		margin: 0 auto;
		position: relative;
		background:url(./images/topbg.gif) no-repeat 0 0;
	}

	.tibiTopMain .tibiTM01{
		position: absolute;
		padding:0;
		left: 140px;
		top: 0;
	}

	.tibiTopMain .tibiTM02{
		position: absolute;
		padding:0;
		left: 291px;
		top: 17px;
	}

	.tibiTopMain .tibiTM03{
		position: absolute;
		padding:0;
		left: 442px;
		top: 6px;
	}

	.tibiTopMain .tibiTM04{
		position: absolute;
		padding:0;
		left: 69px;
		top: 137px;
	}

	.tibiTopMain .tibiTM05{
		position: absolute;
		padding:0;
		left: 202px;
		top: 169px;
	}

	.tibiTopMain .tibiTM06{
		position: absolute;
		padding:0;
		left: 345px;
		top: 150px;
	}

	.tibiTopMain .tibiTM07{
		position: absolute;
		padding:0;
		left: 497px;
		top: 142px;
	}

	.tibiNews{
		text-align: left;
		width: 578px;
		margin: 15px auto;
		padding-left: 20px;
	}

	.tibiNewsList{
		text-align: left;
		width: 578px;
		margin: 15px auto;
		padding-left: 20px;
		font-size: 90%;
	}

	.tibiNewsList dl {
		color: #4fa70e;
		padding: 3px 10px;
	}

	.tibiNewsList dt{
		float:left;
		width: 140px;
	}

	.tibiNewsList dd{
		margin-left: 155px;
	}

	/*==============================================================*/
	/* ぐろーばるなび
	/*==============================================================*/
	.tibinavi{
		width:578px;
		height:98px;
		margin: 0 auto 30px;
	}

	.tibinavi ul{
		list-style-type:none;
		margin: 0px;
		padding: 0px;
	}

	.tibinavi ul li{
		list-style-type:none;
		float:right;
	}

	.tibinavi ul li img{
		vertical-align:top;
	}

	/*==============================================================*/
	/* きょうつう
	/*==============================================================*/
	.tibiArea {
		margin: 0 auto 50px;
		width: 578px;
		text-align: left;
		font-size: 90%;
	}

	.tibiArea .tibittl{
		margin: 0 auto 1.5em;
	}
	.tibiArea .commonTbl{
		font-size: 80%;
		margin:10px;
	}
	.tibiArea .commonTbl tr{
		vertical-align: top;
	}
	.tibiArea .commonTbl td{
		padding: 0;
	}

	.tibiArea .imgLeft{
		float: left;
		margin: 0 1.5em 1.5em 0;
	}
	.tibiArea .imgRight{
		float: right;
		margin: 0 0 1.5em 1.5em;
	}
	.tibiArea .imgCenter{
		margin: 0 auto 1.5em;
		text-align: center;
	}

	.tibiArea .midashi01{
		background:url(./images/icon01.gif) no-repeat;
		margin: 30px 0 20px;
		padding-left:30px;
		font-size: 110%;
		font-weight: bold;
	}

	.tibiArea .midashi02{
		background:url(./images/icon02.gif) no-repeat;
		margin: 30px 0 20px;
		padding-left:30px;
		font-size: 110%;
		font-weight: bold;
	}

	.tibiArea .midashi04{
		background:url(./images/icon02.gif) no-repeat;
		padding-left:30px;
		color:#cc6666;
		margin-bottom:30px;
		font-weight: bold;
		font-size:110%;
	}

	.tibiArea .midashi05{
		background:url(./images/icon02.gif) no-repeat;
		padding-left:30px;
		color:#cc6666;
		font-weight: bold;
	}

	.tibiArea .midashi06{
		background:url(./images/icon03.gif) no-repeat 0 0.4em;
		padding-left:20px;
		margin:10px 0;
		font-weight: bold;
	}

	/*==============================================================*/
	/* アクセス
	/*==============================================================*/
	.tibiArea .access01{
		margin:60px auto 20px;
		width: 100%;
	}

	.tibiArea .access01 .access{
		width: 100%;
		border-top: 1px #CCCCCC solid;
	}

	.tibiArea .access01 .access dt{
		width: 150px;
		float: left;
		padding: 5px;
		font-weight: normal;
	}

	.tibiArea .access01 .access dd{
		width: 380px;
		margin-left: 175px;
		padding: 5px;
	}

	/*==============================================================*/
	/* しせつあんない
	/*==============================================================*/
	.tibiArea .facility{
		margin: 0px;
		padding: 0px 0px 30px;
		width:578px;
	}

	.tibiArea .facility li{
		list-style-type:none;
		float:right;
	}

	.tibiArea .facility li img{
		vertical-align:top;
	}


	.tibiArea .facility_text{
		margin-bottom: 30px;
		height: 187px;
	}

	.tibiArea .facility_text dl{
		margin: 0 0 0 265px;
	}

	.tibiArea .facility_text dl dt{
		padding: 10px 0 25px 0;
	}

	.tibiArea .facility01{
		margin:20px 0 10px;
	}

	.tibiArea .facility01 dl dt{
		width:auto;
		float:left;
		font-weight: normal;
	}

	.tibiArea .facility01 dl dd{
		width:470px;
		float:right;
		padding-bottom:5px;
	}


	/*==============================================================*/
	/* ごりようあんない
	/*==============================================================*/
	.tibiArea ul.guide01{
		padding-left: 10px;
		margin: 20px 0 10px 0;
	}

	.tibiArea ul.guide01 li{
		padding-bottom:15px;
	}

	.tibiArea .guide02{
		margin:10px 0;
	}

	.tibiArea .guide02 dl dt{
		width:auto;
		float:left;
		font-weight: normal;
	}

	.tibiArea .guide02 dl dd{
		width:470px;
		float:right;
		padding-bottom:5px;
	}

	.tibiArea .kankaku1{
		letter-spacing: 20px;
	}

	.tibiArea .kankaku2{
		letter-spacing: 5px;
	}

	/*==============================================================*/
	/* ぎゃらりー
	/*==============================================================*/
	.tibiArea .gallery_L{
		width: 240px;
		float: left;
	}

	.tibiArea .gallery_R{
		width: 240px;
		float: right;
	}

	.tibiArea .gallery_txt{
		text-align: center;
		margin: 5px 0 20px;
		font-size: 90%;
	}

	.tibiArea .back{
		width:578px;
		height:178px;
		background:url(./images/back.gif) no-repeat;
	}

	.tibiArea .eve_title{
		widows: 578px;
		height: 37px;
		margin-bottom: 15px;
	}

	.tibiArea .eve_title img{
		float: left;
	}

	.tibiArea .eve_tuki{
		float: right;
		font-size: 12px;
		padding-top: 20px;
	}

	.tibiArea .eve_title2{
		widows: 578px;
		height: 50px;
		margin-bottom: 15px;
	}


	.tibiArea .eve_title2 img{
		float:left;
	}

	.tibiArea .back .eve_galler{
		width: 156px;
		_width: 280px;
		height: 115px;
		margin: 0;
		padding: 31px 0 0 122px;
		float:left;
	}

	.tibiArea .back .eve_galler li{
		list-style-type:none;
		float:left;
	}

	.tibiArea .back .eve_galler li img{
		vertical-align:top;
	}

	.tibiArea .back .eve_kise{
		width: 116px;
		_width: 193px;
		height: 115px;
		float:left;
		margin: 0;
		padding: 31px 0 0 75px;
	}

	.tibiArea .back .eve_kise li{
		list-style-type:none;
		float:left;
	}

	.tibiArea .back .eve_kise li img{
		vertical-align:top;
	}

	/*==============================================================*/
	/* カレンダー
	/*==============================================================*/
	.calTitle{
		width: 578px;
		height:52px;
		margin: 5px 0 5px 0;
		background:url(./images/calendar_title.gif) 0 0 no-repeat;
	}

	.calTitle div{
		text-align:right;
		padding: 12px 15px 0 0;
		font-size: 80%;
	}

	.cal_img{
		float: left;
		margin-bottom: 10px;
	}

	.cal_tuki{
		float: right;
		font-size: 12px;
		padding-top: 20px;
		margin-bottom: 10px;
	}

	#calTable .calRed{
		font-weight:bold;
		color: #ff7d21;
	}

	#calTable th{
		color:#746721;
		text-align:center;
		background:#f8fae6;
		font-size:120%;
	}

	#calTable td.calDate{
		background:#f0f0f0;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable td.calDateSun{
		background:#f4c3bf;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable td.calDateSat{
		background:#90a7ef;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable .calCont {
		background-color:#f8fae6;
		text-align:center;
		font-size: 80%;
	}

	/*==============================================================*/
	/* いべんとあんない
	/*==============================================================*/
	.event_L{
		width: 270px;
		float: left;
		padding: 0 0 30px 0;
	}

	.event_R{
		width: 270px;
		float: right;
		padding: 0 0 30px 0;
	}

	.event_L dl, .event_R dl{
	}

	.event_L dl dt, .event_R dl dt{
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	.event_L dl dd, .event_R dl dd{
		margin: 0;
		padding: 0;
	}

	.event01{
		padding-left: 10px;
		margin: 20px 0 20px 0;
	}

	.event01 dl{
		width: 100%;
		font-size: 13px;
	}

	.event01 dl dt{
		width:20%;
		float:left;
		font-weight: bold;
	}

	.event01 dl dd{
		width: 80%;
		float: right;
		padding-bottom: 5px;
	}


}

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

	/*==============================================================*/
	/* とっぷぺーじ
	/*==============================================================*/
	.tibiTopTitle{
		width: 578px;
		margin: 0 auto 40px;
	}

	.tibiTopMain {
		width: 578px;
		height: 278px;
		margin: 0 auto;
		position: relative;
		background:url(./images/topbg.gif) no-repeat 0 0;
	}

	.tibiTopMain .tibiTM01{
		position: absolute;
		padding:0;
		left: 140px;
		top: 0;
	}

	.tibiTopMain .tibiTM02{
		position: absolute;
		padding:0;
		left: 291px;
		top: 17px;
	}

	.tibiTopMain .tibiTM03{
		position: absolute;
		padding:0;
		left: 442px;
		top: 6px;
	}

	.tibiTopMain .tibiTM04{
		position: absolute;
		padding:0;
		left: 69px;
		top: 137px;
	}

	.tibiTopMain .tibiTM05{
		position: absolute;
		padding:0;
		left: 202px;
		top: 169px;
	}

	.tibiTopMain .tibiTM06{
		position: absolute;
		padding:0;
		left: 345px;
		top: 150px;
	}

	.tibiTopMain .tibiTM07{
		position: absolute;
		padding:0;
		left: 497px;
		top: 142px;
	}

	.tibiNews{
		text-align: left;
		width: 578px;
		margin: 15px auto;
		padding-left: 20px;
	}

	.tibiNewsList{
		text-align: left;
		width: 578px;
		margin: 15px auto;
		padding-left: 20px;
		font-size: 90%;
	}

	.tibiNewsList dl {
		color: #4fa70e;
		padding: 3px 10px;
	}

	.tibiNewsList dt{
		float:left;
		width: 140px;
	}

	.tibiNewsList dd{
		margin-left: 155px;
	}

	/*==============================================================*/
	/* ぐろーばるなび
	/*==============================================================*/
	.tibinavi{
		width:578px;
		height:98px;
		margin: 0 auto 30px;
	}

	.tibinavi ul{
		list-style-type:none;
		margin: 0px;
		padding: 0px;
	}

	.tibinavi ul li{
		list-style-type:none;
		float:right;
	}

	.tibinavi ul li img{
		vertical-align:top;
	}

	/*==============================================================*/
	/* きょうつう
	/*==============================================================*/
	.tibiArea {
		margin: 0 auto 50px;
		width: 578px;
		text-align: left;
		font-size: 90%;
	}

	.tibiArea .tibittl{
		margin: 0 auto 1.5em;
	}
	.tibiArea .commonTbl{
		font-size: 80%;
		margin:10px;
	}
	.tibiArea .commonTbl tr{
		vertical-align: top;
	}
	.tibiArea .commonTbl td{
		padding: 0;
	}

	.tibiArea .imgLeft{
		float: left;
		margin: 0 1.5em 1.5em 0;
	}
	.tibiArea .imgRight{
		float: right;
		margin: 0 0 1.5em 1.5em;
	}
	.tibiArea .imgCenter{
		margin: 0 auto 1.5em;
		text-align: center;
	}

	.tibiArea .midashi01{
		background:url(./images/icon01.gif) no-repeat;
		margin: 30px 0 20px;
		padding-left:30px;
		font-size: 110%;
		font-weight: bold;
	}

	.tibiArea .midashi02{
		background:url(./images/icon02.gif) no-repeat;
		margin: 30px 0 20px;
		padding-left:30px;
		font-size: 110%;
		font-weight: bold;
	}

	.tibiArea .midashi04{
		background:url(./images/icon02.gif) no-repeat;
		padding-left:30px;
		color:#cc6666;
		margin-bottom:30px;
		font-weight: bold;
		font-size:110%;
	}

	.tibiArea .midashi05{
		background:url(./images/icon02.gif) no-repeat;
		padding-left:30px;
		color:#cc6666;
		font-weight: bold;
	}

	.tibiArea .midashi06{
		background:url(./images/icon03.gif) no-repeat 0 0.4em;
		padding-left:20px;
		margin:10px 0;
		font-weight: bold;
	}

	/*==============================================================*/
	/* アクセス
	/*==============================================================*/
	.tibiArea .access01{
		margin:60px auto 20px;
		width: 100%;
	}

	.tibiArea .access01 .access{
		width: 100%;
		border-top: 1px #CCCCCC solid;
	}

	.tibiArea .access01 .access dt{
		width: 150px;
		float: left;
		padding: 5px;
		font-weight: normal;
	}

	.tibiArea .access01 .access dd{
		width: 380px;
		margin-left: 175px;
		padding: 5px;
	}

	/*==============================================================*/
	/* しせつあんない
	/*==============================================================*/
	.tibiArea .facility{
		margin: 0px;
		padding: 0px 0px 30px;
		width:578px;
	}

	.tibiArea .facility li{
		list-style-type:none;
		float:right;
	}

	.tibiArea .facility li img{
		vertical-align:top;
	}


	.tibiArea .facility_text{
		margin-bottom: 30px;
		height: auto;
		width: 98%;
		display: flex;
		justify-content: flex-end;
	}

	.tibiArea .facility_text dl{
		margin: 0;
		flex-grow: 2;
	}

	.tibiArea .facility_text dl dt{
		padding: 10px 0 25px 0;
	}

	.tibiArea .facility01{
		margin:20px 0 10px;
	}

	.tibiArea .facility01 dl dt{
		width:auto;
		float:left;
		font-weight: normal;
	}

	.tibiArea .facility01 dl dd{
		width:470px;
		float:right;
		padding-bottom:5px;
	}


	/*==============================================================*/
	/* ごりようあんない
	/*==============================================================*/
	.tibiArea ul.guide01{
		padding-left: 10px;
		margin: 20px 0 10px 0;
	}

	.tibiArea ul.guide01 li{
		padding-bottom:15px;
	}

	.tibiArea .guide02{
		margin:10px 0;
	}

	.tibiArea .guide02 dl dt{
		width:auto;
		float:left;
		font-weight: normal;
	}

	.tibiArea .guide02 dl dd{
		width:470px;
		float:right;
		padding-bottom:5px;
	}

	.tibiArea .kankaku1{
		letter-spacing: 20px;
	}

	.tibiArea .kankaku2{
		letter-spacing: 5px;
	}

	/*==============================================================*/
	/* ぎゃらりー
	/*==============================================================*/
	.tibiArea .gallery_L{
		width: 240px;
		float: left;
	}

	.tibiArea .gallery_R{
		width: 240px;
		float: right;
	}

	.tibiArea .gallery_txt{
		text-align: center;
		margin: 5px 0 20px;
		font-size: 90%;
	}

	.tibiArea .back{
		width:578px;
		height:178px;
		background:url(./images/back.gif) no-repeat;
	}

	.tibiArea .eve_title{
		widows: 578px;
		height: 37px;
		margin-bottom: 15px;
	}

	.tibiArea .eve_title img{
		float: left;
	}

	.tibiArea .eve_tuki{
		float: right;
		font-size: 12px;
		padding-top: 20px;
	}

	.tibiArea .eve_title2{
		widows: 578px;
		height: 50px;
		margin-bottom: 15px;
	}


	.tibiArea .eve_title2 img{
		float:left;
	}

	.tibiArea .back .eve_galler{
		width: 156px;
		_width: 280px;
		height: 115px;
		margin: 0;
		padding: 31px 0 0 122px;
		float:left;
	}

	.tibiArea .back .eve_galler li{
		list-style-type:none;
		float:left;
	}

	.tibiArea .back .eve_galler li img{
		vertical-align:top;
	}

	.tibiArea .back .eve_kise{
		width: 116px;
		_width: 193px;
		height: 115px;
		float:left;
		margin: 0;
		padding: 31px 0 0 75px;
	}

	.tibiArea .back .eve_kise li{
		list-style-type:none;
		float:left;
	}

	.tibiArea .back .eve_kise li img{
		vertical-align:top;
	}

	/*==============================================================*/
	/* カレンダー
	/*==============================================================*/
	.calTitle{
		width: 578px;
		height:52px;
		margin: 5px 0 5px 0;
		background:url(./images/calendar_title.gif) 0 0 no-repeat;
	}

	.calTitle div{
		text-align:right;
		padding: 12px 15px 0 0;
		font-size: 80%;
	}

	.cal_img{
		float: left;
		margin-bottom: 10px;
	}

	.cal_tuki{
		float: right;
		font-size: 12px;
		padding-top: 20px;
		margin-bottom: 10px;
	}

	#calTable .calRed{
		font-weight:bold;
		color: #ff7d21;
	}

	#calTable th{
		color:#746721;
		text-align:center;
		background:#f8fae6;
		font-size:120%;
	}

	#calTable td.calDate{
		background:#f0f0f0;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable td.calDateSun{
		background:#f4c3bf;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable td.calDateSat{
		background:#90a7ef;
		text-align:center;
		font-weight: bold;
		font-size:120%;
	}

	#calTable .calCont {
		background-color:#f8fae6;
		text-align:center;
		font-size: 80%;
	}

	/*==============================================================*/
	/* いべんとあんない
	/*==============================================================*/
	.event_L{
		width: 270px;
		float: left;
		padding: 0 0 30px 0;
	}

	.event_R{
		width: 270px;
		float: right;
		padding: 0 0 30px 0;
	}

	.event_L dl, .event_R dl{
	}

	.event_L dl dt, .event_R dl dt{
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	.event_L dl dd, .event_R dl dd{
		margin: 0;
		padding: 0;
	}

	.event01{
		padding-left: 10px;
		margin: 20px 0 20px 0;
	}

	.event01 dl{
		width: 100%;
		font-size: 13px;
	}

	.event01 dl dt{
		width:20%;
		float:left;
		font-weight: bold;
	}

	.event01 dl dd{
		width: 80%;
		float: right;
		padding-bottom: 5px;
	}
}