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

footer .footer-info dl { margin: 0 auto; width: 100% !important; }
footer .footer-info table {  }
footer .footer-info table th { font-weight: normal; padding-right: 1em !important; text-align: left !important; width: 80px !important; }
footer .footer-nav { margin: 1em auto 0 !important; width: 100% !important; }
@media screen and (min-width: 768px) {
	/* 768px〜1023pxのcssを記述 */
	footer .footer-info .logo { margin: 0 auto 0 0 !important; text-align: left !important; }
	footer .footer-nav { width: 200px !important; }
}
@media screen and (min-width: 1080px) {
	/* 1024px以上のcssを記述 */
	footer .footer-info table { width: 300px; }
	footer .footer-info table:first-child { float: left; }
	footer .footer-info table:last-child { float: right; margin-left: 1em; }
}

.category-list { margin-bottom: 2em; }

@media screen and (min-width: 480px) {
	/* 480px〜767pxのcssを記述 */
	.category-list article { display: inline-block; vertical-align: top; width: calc(50% - 3px); }
}

/* activity*/
.activity-plan { background: #e9e9e9; margin-bottom: 2em; padding: 1em 2em; }
.activity-plan li a { color: #222; text-decoration: underline; }
.marine-plan { margin-bottom: 2em; }
.marine-plan article { border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1em; padding: 0.5em; }
.marine-plan article h2 { color: skyblue; font-size: 120%; margin-bottom: 6px; text-align: center; }
.marine-plan article dl { border-bottom: 1px solid #ccc; line-height: 160%; }
.marine-plan article dl.mb1em { margin-bottom: 1em; }
.marine-plan article dl dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 4px 8px; width: 70%; }
.marine-plan article dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 95%; padding: 4px 8px; text-align: right; width: 28%; }
.marine-plan article table { margin-bottom: 1em }
.marine-plan article table th { background: #e9e9e9; }
.marine-plan article table td { text-align: right; }
.marine-plan article p { line-height: 160%; margin-bottom: 1em; }
.marine-plan article p.mb0 { font-size: 80%; }
.rafting-plan { margin-bottom: 2em; }
.rafting-plan h2 { color: skyblue; font-size: 120%; margin-bottom: 6px; }
.rafting-plan p { margin-bottom: 1em; }
.rafting-plan div { background: rgba(232,205,27,0.48); margin-bottom: 1em; padding: 1em; }
.rafting-plan div dl { border-bottom: 1px solid #ccc; line-height: 160%; }
.rafting-plan div dl { border-bottom: 1px solid #ccc; line-height: 160%; }
.rafting-plan div dl dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 4px 8px; width: 54%; }
.rafting-plan div dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 95%; padding: 4px 8px; text-align: right; width: 44%; }
.rafting-plan table { margin-bottom: 1em; }
.rafting-plan table td { text-align: center; }
.rafting-plan table tr td:first-child { text-align: left; }
.spa-plan { margin-bottom: 2em; }
.spa-plan h2 { color: skyblue; font-size: 120%; margin-bottom: 6px; }
.spa-plan .spa-image img { display: block; height: auto; margin: 0 auto 6px; max-width: 100%; }
.spa-plan .spa-image p { font-size: 90%; margin-bottom: 1em; }
.spa-plan .spa-menu { margin-bottom: 1em; }
.spa-plan dl { line-height: 160%; }
.spa-plan dl dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 90%; padding: 4px 8px; }
.spa-plan dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 90%; padding: 4px 8px; text-align: right; }
.spa-plan .spa-menu dl { border-bottom: 1px solid #ccc }
.spa-plan .spa-menu dl dt { width: 82%; }
.spa-plan .spa-menu dl dd { width: 15%; }
.spa-plan .spa-price th { background: #e9e9e9; }

@media screen and (min-width: 480px) {
	/* 480px〜767pxのcssを記述 */
	.activity-plan li { display: inline-block; width: 48%; }
	.activity-plan2 li { display: inline-block; width: 100%; }
	.marine-plan article { display: inline-block; vertical-align: top; width: calc(50% - 3px); }
	.spa-plan .spa-image img { float: left; width: 36%; }
	.spa-plan .spa-image p { float: right; width: 60%; }
	.spa-plan .spa-menu dl { display: inline-block; width: calc(50% - 3px); }
}
@media screen and (min-width: 768px) {
	/* 768px〜1023pxのcssを記述 */
}
@media screen and (min-width: 1080px) {
	/* 1024px以上のcssを記述 */
}