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

html {
	font-size: 62.5%;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*body*/
body {
	background-color: #72C4FC;
	color: #000000;
	font-size: 1.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 979px) {
	body {
		backgroundd-color: #E6F5F7;
	}
}
@media print {
	body {
		background: none;
	}
}

/*common*/
a {
	color: #000000;
}
.c-imgReplace {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*header*/
.p-header {
	position: relative;
	height: 80px;
	margin-bottom: 10px;
	background-color: #53AEE3;
}
.p-header .p-logo {
	display: inline-block;
	width: 340px;
	height: 80px;
	background: url(../img/common/logo.png) no-repeat center;
}
.p-header .p-logo a {
	display: block;
	width: 340px;
	height: 80px;
}
.p-header .p-grand {
	float: right;
	display: inline-block;
	font-size: 0;
	width: 312px;
	margin: 40px 18px 18px 0;
}
.p-header .p-grand .menu-item {
	float: left;
	display: inline-block;
	width: 94px;
	height: 22px;
	margin: 0 0 0 10px;
}
.p-header .p-grand .p-toppage.menu-item {
	background: url(../img/common/btn_toppage.png) no-repeat center;
}
.p-header .p-grand .p-shoremap.menu-item {
	display: none;
}
.p-header .p-grand .p-access.menu-item {
	background: url(../img/common/btn_access.png) no-repeat center;
}
.p-header .p-grand .p-news.menu-item {
	background: url(../img/common/btn_news.png) no-repeat center;
}
.p-header .p-grand .menu-item a {
	display: block;
	width: 94px;
	height: 22px;
}
.p-header .p-grand .menu-item a:hover {
	background-color: rgba(255,255,255,0.35);
	transition: .4s linear;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -o-transition: .4s linear;
  -ms-transition: .4s linear;
}
.p-header .p-menu {
	display: none;
	font-size: 0;
}
@media screen and (max-width: 979px) {
	.p-header {
		position: fixed;
		z-index: 100;
		top: 0;
		height: 50px;
	}
	.p-header .p-logo {
		width: 213px;
		height: 50px;
		background-size: auto 50px;
	}
	.p-header .p-logo a {
		width: 213px;
		height: 50px;
	}
	.p-header .p-grand {
		display: none;
	}
	.p-header .p-menu {
		display: block;
		position: absolute;
		z-index: 1000000;
		top: 10px;
		right: 10px;
		width: 32px;
		height: 32px;
		background: url(../img/common/btn_menu.png) no-repeat;
		background-size: 32px 32px;
	}
	.p-header .p-menu a {
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/common/btn_menu.png) no-repeat;
		background-size: 32px 32px;
	}
}

.p-main {
	display: table;
	vertical-align: top;
	width: 100%;
	height: auto;
	background: url(../img/common/bg_main_image.jpg) no-repeat bottom center, #72C4FC;
	background-attachment: fixed;
}
/*main*/
@media screen and (max-width: 979px) {
	.p-main {
		display: block;
		background: none, #E6F5F7;
		padding: 55px 0 0;
	}
}
@media print {
	.p-main {
		display: block;
		background: none, none;
	}
}

/*home & shoremap*/
/*map*/
.p-map {
	margin: 0 0 25px;
}
@media screen and (max-width: 979px) {
	.p-map {
		margin: 0 0 15px;
	}
	.p-map img {
		max-width: 100%;
		height: auto;
	}
	.p-map .p-maplink {
		display: none;
		height: 0;
	}
}
/*shoremapLink*/
.p-shoremapLink {
	display: none;
}
@media screen and (max-width: 979px) {
	.p-shoremapLink {
		position: relative;
		z-index: 10;
		top: 50px;
		display: block;
		text-align: center;
		width: 300px;
		height: 74px;
		margin: 20px auto 0;
		background: url(../img/common/btn_shoremap.png) no-repeat center;
		background-size: contain;
	}
	.p-shoremapLink a {
		display: block;
		width: 300px;
		height: 74px;
		font-size: 0;
	}
}
/*end*/

/*wrap*/
.p-wrap {
	display: table;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 10px 10px 0;
	background-color: rgba(255,255,255,0.5);
}


/*sidebar*/
.p-sidebar {
	float: left;
	width: 250px;
	font-size: 0;
}
.p-sidebar .c-menuBox {
	width: 250px;
	height: auto;
	margin: 0 0 5px;
}
.p-sidebar .p-title {
	width: 250px;
	height: 45px;
	margin: 0 0 2px;
	cursor: pointer;
}
.p-sidebar .menu-item {
	width: 250px;
	height: 40px;
	margin: 0 0 2px;
}
.p-sidebar .menu-item a {
	display: block;
	width: 250px;
	height: 40px;
}
.p-sidebar .menu-item a:hover {
	background-color: rgba(255,255,255,0.35);
	transition: .4s linear;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -o-transition: .4s linear;
  -ms-transition: .4s linear;
}
.p-sidebar .p-asobu .p-title {
	background: url(../img/sidebar/title_asobu.png) no-repeat;
}
.p-sidebar .p-asobu .p-miho {
	background: url(../img/sidebar/btn_miho.png) no-repeat;
}
.p-sidebar .p-asobu .p-matsu {
	background: url(../img/sidebar/btn_matsu.png) no-repeat;
}
.p-sidebar .p-asobu .p-hagoromo {
	background: url(../img/sidebar/btn_hagoromo.png) no-repeat;
}
.p-sidebar .p-asobu .p-matsuri {
	background: url(../img/sidebar/btn_matsuri.png) no-repeat;
}
.p-sidebar .p-asobu .p-npo {
	background: url(../img/sidebar/btn_npo-asobu.png) no-repeat;
}
.p-sidebar .p-asobu .p-toukai {
	background: url(../img/sidebar/btn_toukai.png) no-repeat;
}
.p-sidebar .p-asobu .p-camera {
	background: url(../img/sidebar/btn_camera.png) no-repeat;
}
.p-sidebar .p-asobu .p-umi {
	background: url(../img/sidebar/btn_umi.png) no-repeat;
}
.p-sidebar .p-asobu .p-cycle {
	background: url(../img/sidebar/btn_cycle.png) no-repeat;
}
.p-sidebar .p-asobu .p-photo {
	background: url(../img/sidebar/btn_photo.png) no-repeat;
}
.p-sidebar .p-asobu .p-taberu {
	background: url(../img/sidebar/btn_taberu.png) no-repeat;
}
.p-sidebar .p-asobu .p-link {
	background: url(../img/sidebar/btn_link.png) no-repeat;
}
.p-sidebar .p-asobu .p-livecam {
	background: url(../img/sidebar/btn_livecam.png) no-repeat;
}
.p-sidebar .p-shiru .p-title {
	background: url(../img/sidebar/title_shiru.png) no-repeat;
}
.p-sidebar .p-shiru .p-function {
	height: 62px;
	background: url(../img/sidebar/btn_function.png) no-repeat;
}
.p-sidebar .p-shiru .p-function a {
	height: 62px;
}
.p-sidebar .p-shiru .p-anzen-taisaku {
	background: url(../img/sidebar/btn_anzen-taisaku.png) no-repeat;
}
.p-sidebar .p-shiru .p-document {
	background: url(../img/sidebar/btn_document.png) no-repeat;
}
.p-sidebar .p-shiru .p-keikan {
	background: url(../img/sidebar/btn_keikan.png) no-repeat;
}
.p-sidebar .p-shiru .p-jigyougaiyou {
	background: url(../img/sidebar/btn_jigyougaiyou.png) no-repeat;
}
.p-sidebar .p-shiru .p-shinsyoku {
	background: url(../img/sidebar/btn_shinsyoku.png) no-repeat;
}
.p-sidebar .p-shiru .p-kouka {
	background: url(../img/sidebar/btn_kouka.png) no-repeat;
}
.p-sidebar .p-shiru .p-npo {
	background: url(../img/sidebar/btn_npo-shiru.png) no-repeat;
}
.p-sidebar .p-shiru .p-namioto {
	background: url(../img/sidebar/btn_namioto.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-title {
	background: url(../img/sidebar/title_sonaeru.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-danger {
	background: url(../img/sidebar/btn_danger.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-tsunami {
	background: url(../img/sidebar/btn_tsunami.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-hinanjo {
	background: url(../img/sidebar/btn_hinanjo.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-nigeru {
	background: url(../img/sidebar/btn_nigeru.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-building {
	background: url(../img/sidebar/btn_building.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-junbi {
	background: url(../img/sidebar/btn_junbi.png) no-repeat;
}
.p-sidebar .p-sonaeru .p-sipos {
	height: 56px;
	background: url(../img/sidebar/btn_sipos.png) no-repeat center;
}
.p-sidebar .p-sonaeru .p-warn {
	height: 56px;
	background: url(../img/sidebar/btn_warn.png) no-repeat center;
}
.p-sidebar .p-sonaeru .p-typhoon {
	height: 56px;
	background: url(../img/sidebar/btn_typhoon.png) no-repeat center;
}
.p-sidebar .p-sonaeru .p-sipos a,
.p-sidebar .p-sonaeru .p-warn a,
.p-sidebar .p-sonaeru .p-typhoon a {
	width: 196px;
	height: 56px;
	margin: auto;
}
.p-sidebar .sub-menu {
	display: none;
}
@media screen and (max-width: 979px) {
	.p-sidebar {
		float: none;
		width: 100%;
	}
	.p-sidebar .c-menuBox {
		display: none;
	}
}

/*shoremap*/
.p-sidebar .p-shoremap {
	display: block;
	width: 250px;
	height: 62px;
	margin: 8px 0 0;
	background: url(../img/common/btn_shoremap.png) no-repeat center;
	background-size: contain;
}
.p-sidebar .p-shoremap a {
	display: block;
	width: 250px;
	height: 62px;
}
.p-sidebar .p-shoremap a:hover {
	background-color: rgba(255,255,255,0.35);
	transition: .4s linear;
  -webkit-transition: .4s linear;
  -moz-transition: .4s linear;
  -o-transition: .4s linear;
  -ms-transition: .4s linear;
}
@media screen and (max-width: 979px) {
	.p-sidebar .p-shoremap {
		position: relative;
		z-index: 10;
		top: 50px;
		display: block;
		text-align: center;
		width: 300px;
		height: 74px;
		margin: 20px auto 0;
	}
	.p-sidebar .p-shoremap a {
		display: block;
		width: 300px;
		height: 74px;
		background: url(../img/common/btn_shoremap.png) no-repeat center;
		background-size: contain;
	}
}

/*pagetop*/
.p-pagetop {
	display: table;
	position: relative;
	z-index: 5;
	width: 100%;
	height: 60px;
}
.p-pagetop a {
	display: block;
	position: absolute;
	top: 14px;
	right: 30px;
	width: 32px;
	height: 32px;
	background: url(../img/common/btn_pagetop.png) no-repeat;
	background-size: 32px 32px;
	font-size: 0;
}
.p-pagetop a:hover {
	opacity: 0.75;
}
@media screen and (max-width: 979px) {
	.p-pagetop a {
		top: -74px;
		right: 0;
		left: 0;
		margin: auto;
	}
}

/*footer*/
.p-footer {
	border-top: #FFFFFF solid 4px;
}
@media print {
	.p-footer {
		display: inline-table;
		width: 100%;
	}
}

/*footer navigation*/
.p-footer .p-navi {
	display: block;
	padding: 50px 0;
	background-color: #1B6BA4;
	font-size: 0;
}
.p-footer .p-navi .p-close {
	display: none;
}
.p-footer .p-navi .c-menuBox {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
}
.p-footer .p-navi .c-menuBox .p-title,
.p-footer .p-navi .c-menuBox a {
	color: #FFFFFF;
	font-size: 1.7rem;
	line-height: 2.7rem;
}
.p-footer .p-navi .c-menuBox .p-title,
.p-footer .p-navi .p-grand a {
	font-weight: bold;
}
.p-footer .p-navi .c-menuBox a:before {
	content: "　- ";
}
.p-footer .p-navi .p-grand a:before {
	content: "";
}
.p-footer .p-navi .c-menuBox a:hover {
	color: #FF0000;
}
@media screen and (max-width: 979px) {
	.p-footer .p-navi {
		width: 260px;
		padding: 0;
	}
	.p-footer .p-navi .p-close {
		display: block;
		height: 50px;
		padding: 0 10px;
		border-bottom: #B5B5B5 groove 2px;
	}
	.p-footer .p-navi .p-close a {
		position: relative;
		display: block;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 1.4rem;
		line-height: 5.0rem;
		cursor: pointer;
	}
	.p-footer .p-navi .p-close a:before {
		content: "×";
		position: absolute;
		top: 0;
		right: 0;
		font-weight: normal;
		font-size: 4.0rem;
		line-height: 4.0rem;
	}
	.p-footer .p-navi .c-menuBox {
		display: block;
		padding: 0;
	}
	.p-footer .p-navi .c-menuBox .p-title,
	.p-footer .p-navi .c-menuBox .menu-item {
		width: 260px;
		height: 35px;
		border-bottom: #B5B5B5 groove 2px;
	}
	.p-footer .p-navi .c-menuBox .p-title,
	.p-footer .p-navi .c-menuBox a {
		display: block;
		width: 260px;
		font-size: 1.4rem;
		line-height: 3.5rem;
		padding: 0 10px;
	}
	.p-footer .p-navi .c-menuBox a:hover {
		color: #FFFFFF;
	}
}

/*footer address*/
.p-footer .p-address {
	font-size: 0;
	padding: 25px 0 30px;
	background-color: #2579AB;/* 53AEE3 */
}
.p-footer .p-address .c-text {
	color: #FFFFFF;
	font-size: 1.7rem;
	line-height: 2.7rem;
}
.p-footer .p-address .c-br {
	display: inline-block;
	padding-right: 1em;
}
@media screen and (max-width: 979px) {
	.p-footer .p-address {
		text-align: center;
	}
	.p-footer .p-address .c-text {
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
	.p-footer .p-address .c-br {
		display: block;
		padding-right: 0;
	}
}