@charset "UTF-8";

#content {
	min-height: 2000px;
}

#content a#calendarClear {
	padding: 2px 5px 2px 5px;
	background: #1c9182;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.hosoku {
	display: block;
	font-size: 13px;
	line-height: 1.4;
	padding: 10px 0;
}
.pic {
	width: 240px;
	height: 180px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.pic img {
	width: 240px;
	height: auto;
}
article .sec_content .info_dl {
	clear: both;
}
/* dl_reserve */

.info_dl .dl_reserve strong {
	margin-top: 10px;
	display: block;
}
/* info_dl */

dl.info_dl dt {
	width: 9em;
}
dl.info_dl dd {
	padding-left: 10em;
}
dl.info_dl dd .btn_reserve {
	text-align: left;
}
dl.info_dl dd .btn_link {
	display: inline;
}
dl.info_dl dd .btn_link:first-of-type {
	margin-right: 8px;
}
.btn_link a {
	margin-bottom: 10px;
	padding: 8px 60px 6px 60px;
}
.btn:before, .btn_link a:before {
	content: none;
}
/* notice */

article .notice {
	margin: 15px 0 8px 0;
	padding: 15px;
}
article .notice h5 {
	margin-bottom: 6px;
	color: #22a58e;
}
article .notice p {
	font-size: 91%;
}
/* note */

.note {
	margin: 20px 0 0 8px;
}
.note li {
	margin-bottom: 4px;
	font-size: 75%;
	line-height: 1.5;
}
/* btn_link */

.btn_link {
	margin-top: 30px;
}
/* Mixup */

#container .controls #theme li {
	border-color: #3eabb8;
	color: #3eabb8;
}
#container .controls #theme ul li:hover {
	background: #3eabb8;
}
#container .controls #theme ul li a:hover {
	color: #fff;
}
#container .controls #group li {
	border-color: #d7ac28;
	color: #d7ac28;
}
#container .controls #group li.tac {
	letter-spacing: -1px;
}
#container .controls #group li:hover, #container .controls #group ul li.active {
	background: #d7ac28;
}
.controls ul .cat_tac {
	letter-spacing: -1px;
}
/* index
----------------------------- */

#index #index_map {
	margin: 0 auto 40px auto;
}
#index .bnr {
	/* margin: 0 0 60px -4px; 一次公開時用*/
	margin: -40px 0 60px -4px;
}
article #mainnav .theme {
	margin-bottom: 8px;
	color: #666;
	font-size: 75%;
}
#index #mainnav #Grid {
	width: 690px;
	margin-left: -12px;
}
#index #mainnav #Grid .mix {
	height: 200px;
	margin: 0 16px 50px 16px;
}
#index #mainnav #Grid .mix:nth-of-type(3n) {
	margin-right: 11px;
}
#programList li {
	width: 210px;
	height: 240px;
	float: left;
	padding: 0 20px 24px 0;
}
#programList:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#programList {
	display: inline-block;
}
/* Hides from IE Mac */
* html #programList {
	height: 1%;
}
#programList {
	display: block;
}

article #mainnav h4:before {
    content: "\e906";
    font-family: "icomoon", sans-serif;
    display: block;
    float: left;
    padding-right: 3px;
    padding-bottom: 10px;
}

article #mainnav h4 {
    line-height: 1.4;
}
/* End Hack */ 


#programList li:nth-child(3n) {
	padding-right: 0px;
}
#programList li img {
	width: 210px;
	height: auto;
}
#programList li .tmbWrap {
	height: 150px;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#programList li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
#programList a {
	text-decoration: none;
}
#programList p {
	margin-top: 8px;
}
#programList p:before {
	content: "\e906";
	font-family: "icomoon", sans-serif;
}
#gallery li {
	width: 150px;
	height: 150px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 24px;
}
#gallery li:nth-child(4) {
	margin-right: 0px;
}
#gallery li img {
	height: 150px;
}
.btnReserve a:hover {
	color: #fff;
}
/* active
----------------------------- */

#active .sec_content {
	margin-bottom: 0;
}
#active .mix {
	width: 664px;
	margin: 0 auto 70px;
}
#active h3.mix {
	margin-bottom: 36px;
}
/* advmt
----------------------------- */

#advmt #catch {
	margin-bottom: 20px;
}
#advmt #advmt_map {
	margin-left: -21px;
}
/* departs
----------------------------- */

#departs .sec_content figure {
	width: 180px;
	margin-top: 15px;
	text-align: center;
}
#departs .sec_content figure img {
	display: inline;
}
#departs .sec_content .sec_inner {
	width: 450px;
}
#departs .sec_content .sec_inner p, #departs .sec_content .sec_inner ul {
	margin-bottom: 30px;
}
#departs .sec_content .sec_inner ul li {
	margin-top: 10px;
	font-size: 88%;
	line-height: 1.4;
}
#departs .sec_content .btn_area {
	clear: both;
	text-align: center;
}
#departs .sec_content .btn_link {
	margin: 0 4px;
	display: inline;
}
#departs .sec_content .btn_link a {
	padding: 12px 20px 10px 30px;
	font-size: 88%;
	line-height: 1.2;
}
#departs #little figure {
	margin-top: 40px;
}
#departs #hat figure, #departs #donkoro figure {
	margin-top: 0;
}
#departs #kawanoko figure {
	margin-top: 28px;
}
#departs #floating figure {
	margin-top: 25px;
}
.lead {
	font-size: 113%;
	font-weight: bold;
	color: #1c9182;
}
#searchWrap {
	padding: 30px;
	background: #e1f1ef;
	margin-bottom: 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#searchWrap dd {
	font-size: 13px;
}
#searchWrap dt {
	font-size: 14px;
	font-weight: bold;
	color: #1c9182;
	padding-bottom: 6px;
}
#periodSelect {
	height: 60px;
	width: 60%;
	float: left;
}
#periodSelect p {
	font-size: 69%;
	display: block;
	clear: both;
}
#periodSelect dt {
	width: 6em;
	padding: 18px 0 10px 8px;
	float: left;
	clear: left;
}
#periodSelect dd {
	padding: 12px 8px 10px 7em;
}
#periodSelect dd li {
	width: 130px;
	float: left;
	line-height: 2.0em;
}
#periodSelect input {
	width: 70px;
	margin-top: 3px;
	float: left;
}
#periodSelect img {
	float: left;
	padding-right: 5px;
}
#reserveSelect {
	width: 39%;
	float: right;
}
#reserveSelect dt {
	width: 3em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#reserveSelect dd {
	padding: 15px 8px 10px 4em;
}
#reserveSelect dd li {
	float: left;
}
#reserveSelect label {
	padding: 0px 10px 10px 0px;
}
#ageSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 20px 0px 0px 0px;
	clear: both;
}
#ageSelect dt {
	width: 6em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#ageSelect dd {
	padding: 15px 12px 10px 7em;
}
#ageSelect label {
	padding: 0px 10px 10px 0px;
}
#ageSelect li {
	float: left;
	padding-right: 5px;
}
#timeSelect {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#timeSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 5px 0px 2px 0px;
	clear: both;
}
#timeSelect dt {
	width: 6em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#timeSelect dd {
	padding: 8px 8px 10px 7em;
}
#timeSelect dd dl {
	height: 24px;
}
#timeSelect dd dl.clearleft {
	clear: both;
}
#timeSelect dd dt {
	float: left;
	clear: none;
	width: 5em;
	padding: 8px 8px 0px 0em;
}
#timeSelect dd dd {
	float: left;
	padding: 0px 8px 0px 0em;
}
#timeSelect dd dd label {
	padding: 0px 5px 10px 0px;
}
#timeSelect input {
	margin-top: 8px;
}
#keywordSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 5px 0px 20px 0px;
	clear: both;
}
#keywordSelect dt {
	width: 6em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#keywordSelect dd {
	padding: 12px 8px 10px 7em;
}
#keywordSelect label {
	padding: 0px 10px 10px 0px;
}
#keywordSelect li {
	float: left;
}
#searchWrap .btnWrap {
	width: 100%;
	margin-bottom: 20px;
}
#searchWrap .btn {
	width: 100%;
	height: 50px;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
	font-weight: bold;
	box-shadow: 0px 4px 0px 1px #1c9182;
	-moz-box-shadow: 0px 4px 0px 1px #1c9182;
	-webkit-box-shadow: 0px 4px 0px 1px #1c9182;
	background: #2ea192;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top: 30px;
}
#searchWrap .btn:hover {
	background: #1c9182;
}
#searchWrap .coution {
	clear: both;
	color: #666;
	font-weight: normal;
	padding-bottom: 0px;
	text-align: center;
}
#searchResults h4 {
	padding: 0px;
	background-image: none;
}
#searchResults a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.reserveNecessary {
	font-size: 75%;
	padding: 6px;
	color: #fff;
	background: #D4191C;
	display: inline-block;
	margin-bottom: 10px;
}
.reserveUnNecessary {
	font-size: 75%;
	padding: 6px;
	color: #D4191C;
	border: #D4191C solid 1px;
	display: inline-block;
	margin-bottom: 10px;
	background-color: #aaaaaa;
	color: #fff;
	border: #aaaaaa solid 1px;
}
#single .reserveNecessary {
	padding: 8px 10px;
	font-size: 82%;
}
#single .reserveUnNecessary {
	padding: 8px 10px;
	font-size: 82%;
}
#searchResults dt {
	font-size: 88%;
	font-weight: bold;
	color: #3399A6;
	padding-bottom: 10px;
}
#searchResults dd {
	font-size: 82%;
	line-height: 1.5em;
}
.activityWrap {
	clear: both;
	margin-bottom: 40px;
	border-bottom: #3399A6 solid 1px;
 *zoom: 1;
}
.activityWrap:before, .activityWrap:after {
	content: " ";
	display: table;
}
.activityWrap:after {
	clear: both;
}
.activitySumally {
	width: 400px;
	float: right;
	padding-bottom: 30px;
}
article .activitySumally h4:before {
	content: none;
}
#searchResults .btnWrap p {
	padding: 0px;
	margin-top: 8px;
}
#searchResults .btnWrap p:before {
	content: "\e906";
	font-family: "icomoon", sans-serif;
	color: #1c9182;
}

#mainnav ul li {
    height: 160px;
}
#passList .note {
    margin-bottom: 30px;

}
#activitypass #content {
    min-height: 1440px;
}
/* sp
------------------------------------ */

@media screen and (max-width: 768px) {
dl.info_dl dt {
	width: 6em;
}
dl.info_dl dd {
	padding: 12px 8px 10px 7em;
}
#index #index_map {
	margin-bottom: 15px !important;
}
#index .bnr {
	margin-bottom: 40px;
	padding-top: 15px;
}
#index .bnr img {
	width: 100%;
}
article #mainnav .theme {
	margin: 4px 0;
}
#mainnav .controls ul li:first-of-type {
	border-top: 2px solid #7eb7a4;
}
dl.info_dl dd .btn_reserve {
	margin: 0;
}
dl.info_dl dd .btn_link {
	margin: 0;
	padding-top: 8px;
	display: inline-block;
	text-align: center;
}
.btn:before, .btn_link a:before {
	left: 14px;
}
#programList li {
	width: 100%;
	height: auto;
	float: none;
	padding: 0 0px 18px 0;
	margin: 0 auto;
}
#programList li img {
	width: 100%;
	height: auto;
}
#programList li .tmbWrap {
	height: auto;
}
/* active */
		
#active .controls {
	margin-bottom: 30px;
}
#active #group {
	margin-bottom: 10px;
}
#active .btn_link {
	margin-top: 0 !important;
}
#active .btn_link a {
	font-size: 87.5%;
	line-height: 1.4;
}
#container .controls #group li {
	height: 44px !important;
	padding: 14px 12px;
	font-size: 68% !important;
}
#container .controls #group li.gao,  #container .controls #group li.hat,  #container .controls #group li.tac {
	padding: 9px 12px;
}
#active .mix {
	width: auto !important;
	margin-bottom: 30px;
}
#active h3.mix {
	width: 100% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* advmt */
	
#advmt #advmt_map {
	margin-left: -10px;
}
#advmt #advmt_map img {
	max-width: 100%;
}
/* departs */
	
#departs article .sec_content {
	margin-bottom: 50px;
}
#departs .sec_content figure {
	width: auto;
	margin: 20px 0 !important;
}
#departs .sec_content .sec_inner {
	width: auto;
}
#departs .sec_content .sec_inner p,  #departs .sec_content .sec_inner ul {
	margin-bottom: 15px;
}
#departs .sec_content .btn_link {
	margin: 10px 0 0 0;
	display: block;
}
.pic {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto;
	padding-bottom: 30px;
}
.pic img {
	width: 100%;
}
#searchWrap {
	padding: 20px;
}
#periodSelect {
	height: 60px;
	width: 100%;
	float: none;
}
#periodSelect p {
	font-size: 69%;
	display: block;
	clear: both;
}
#periodSelect dt {
	width: 5em;
    padding: 5px 0 0px 8px;
    float: none;
    clear: left;
}
#periodSelect dd {
	padding: 12px 8px 10px 7px;
}
#periodSelect dd li {
	width: 130px;
	float: left;
	line-height: 2.0em;
}
#periodSelect input {
	width: 70px;
	margin-top: 3px;
	float: left;
}
#periodSelect img {
	float: left;
	padding-right: 5px;
}
#reserveSelect {
	width: 100%;
	float: none;
	clear: both;
}
#reserveSelect dt {
	width: 3em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#reserveSelect dd {
	padding: 15px 8px 10px 4em;
}
#reserveSelect dd li {
	float: left;
}
#reserveSelect label {
	padding: 0px 10px 10px 0px;
}
#ageSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 20px 0px 0px 0px;
	clear: both;
}
#ageSelect dt {
	width: 5em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#ageSelect dd {
	padding: 15px 12px 10px6em;
}
#ageSelect label {
	padding: 0px 10px 10px 0px;
}
#ageSelect li {
	float: left;
	padding-right: 5px;
}
#timeSelect {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#timeSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 5px 0px 2px 0px;
	clear: both;
}
#timeSelect dt {
	width: 5em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#timeSelect dd {
	padding: 8px 8px 10px 6em;
}
#timeSelect dd dl {
	height: 24px;
}
#timeSelect dd dt {
	float: left;
	clear: none;
	width: 5em;
	padding: 12px 8px 0px 0em;
}
#timeSelect dd dd {
	float: left;
	padding: 0px 8px 0px 0em;
}
#timeSelect dd dd label {
	padding: 0px 5px 10px 0px;
}
#timeSelect input {
	margin-top: 8px;
}
#keywordSelect {
	display: block;
	border-top: 1px solid #47ab9e;
	margin: 5px 0px 20px 0px;
	clear: both;
}
#keywordSelect dt {
	width: 5em;
	padding: 20px 0 10px 8px;
	float: left;
	clear: left;
}
#keywordSelect dd {
	padding: 12px 8px 10px 6em;
}
#keywordSelect label {
	padding: 0px 10px 10px 0px;
}
#gallery li {
	width: 100%;
	height: auto;
	margin-right: 0px;
	float: none;
	margin-bottom: 10px;
}
#gallery li img {
	width: 100%;
	height: auto;
}

.activitySumally {
    width: 100%;
    float: none;
    padding-bottom: 30px;
}
#searchWrap .btnWrap {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    clear: both;
}
#searchWrap .btn {
   width: 100%;
    height: 50px;
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
    font-weight: bold;
    box-shadow: 0px 4px 0px 1px #1c9182;
    -moz-box-shadow: 0px 4px 0px 1px #1c9182;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(204, 0, 46);
    background: rgb(204, 0, 46);
    border-radius: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 6px;
    margin-top: 30px;
}

.btnWrap:after {
	content: "\e904";
    font-family: "icomoon", sans-serif;
    color: #FFF;
    position: absolute;
    top: 49px;
    left: 12px;

}
}
#backActivityTop p {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: -15px;
}

@media screen and (max-width: 768px) {
#backActivityTop p {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 10px;
}
}