@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : style_sp.css
////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////

	for smartphone override

////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 897px) {

/*----------------------------------------------------------------------------------------
	common settting
---------------------------------------------------------------------------------------- */
body {
	min-width:0;
	-webkit-text-size-adjust: 100%;
	padding-top:0;
}
/*----------------------------------------------------------------------------------------
	parts
---------------------------------------------------------------------------------------- */
.btMore a {
	width:142px;
	height:32.5px;
	font-size:1.3rem;
	line-height:32.5px;
}
/*----------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------- */
#header {
	background-color:transparent;
	border-radius:0;
	margin-top:0;
	padding:20px 0;
	max-width:auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:  none;
	-ms-box-shadow:  none;
	box-shadow:none;
	position:relative;
	width:100%;
}
#header .headerInner .headerNav,
#header .headerInner .headerTel {
	display:inline-block;
	letter-spacing:normal;
	vertical-align: middle;
}
#header .headerInner .headerLogo {
	padding:0 20px;
}
#header .headerInner .headerLogoInner {
	width:150px;
}
#header .headerInner .headerNav {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(255,255,255,0.95);
	z-index:999;
}
#header .headerInner .headerNavInner {
	padding:50px 80px;
}
#header .headerNav.isOpen {
	display:block;
}
#header .headerNavList > div {
	display:block;
	margin:0;
	text-align:left;
}
#header .headerNavList > div a > span:first-child {
	font-size:1.5rem;
	color:#00aa00;
	line-height:2.4;
}
#header .headerNavList > div a > span:last-child {
	display:none;
}
#header .headerNavPickup {
	position:static;
	border-left:0;
	padding-left:0;
}
#header .headerNavPickup > div {
	display:block;
	text-align:left;
	border-right:0;
	margin-right:0;
	padding-right:0;
}
#header .headerNavPickup > div a {
	font-size:1.5rem;
	color:#00aa00;
	line-height:2;
}
#header .headerNavClose {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	top:30px;
	right:30px;
}
#header .headerNavClose:before,
#header .headerNavClose:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #00aa00;
    transform: rotate(45deg);
    transform-origin:0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%;
}
#header .headerNavClose:after{
    transform: rotate(-45deg);
    transform-origin:100% 50%;
    left: auto;
    right: 14%;
}
#header .headerInner .headerTel {
	margin-top:20px;
	margin-left:30px;
	display:none;
}
#header .headerInner .headerTel a {
	font-size:3.2rem;
	background-image:url(../images/ic_tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:25px auto;
	color:#00ab00;
	padding-left:30px;
}
#header .headerInner .headerAction {
	position:fixed;
	right:0;
	top:0;
}
#header .headerNavIcon {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:12px;
	right:20px;
	display:table;
}
#header .headerNavIconInner {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
#header .headerNavIconInner span {
	display:block;
	width:30px;
	height:2px;
	background-color:#00aa00;
	margin:7px 0 0 auto;
}
#header .headerNavIconInner span:nth-child(2),
#header .headerNavIconInner span:last-child {
	width:24px;
	margin-left:auto;
	margin-right:0;
}
#header .headerNavIconInner span:last-child {
	width:20px;
}
#header .headerInner .headerAction {
	position:static;
	margin-top:30px;
}
#header .headerInner .headerAction > div {
	width:200px;
	line-height:50px;
	margin-top:10px;
}
#header .headerInner .headerAction > div:before {
	display:none;
}
#header .headerInner .headerAction > div a {
	font-size:1.5rem;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow:none;
	box-shadow: none;
	border:2px solid #fff;
	border-radius:8px;
}
#header .headerInner .headerAction > div.headerActionContact a {
	background-color:#e06d6d;
}
#header .headerInner .headerAction > div.headerActionReserve a {
	background-color:#4c7fbf;
}
#header .headerInner .headerAction > div.headerActionHow a {
	background-color:#65c8f1;
}
#header .headerSocial {
	display:block;
	letter-spacing:-0.5em;
	margin-top:30px;
}
#header .headerSocial > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin-right:20px;
}
#header .headerSocial > div a {
	display:block;
	width:27.5px;
	height:27.5px;
}
#header .headerSocial > div a img {
	width:auto;
	height:27px;
}
/*----------------------------------------------------------------------------------------
	topMainVisual
---------------------------------------------------------------------------------------- */
#topMainVisual {
	position:relative;
	width:100%;
	height:240px;
	margin-bottom: 110px;
}
#topMainVisual .topMainVisualCopy {
	top:90px;
	width:100%;
}
#topMainVisual .topMainVisualCopy p:first-child {
	font-size:4rem;
}
#topMainVisual .topMainVisualCopy p:last-child {
	font-size:1.9rem;
}
#topMainVisual .topMainVisualPhoto {
	width:90%;
	padding-top:10px;
}
#topMainVisual .topMainVisualNews {
	position:absolute;
	bottom:20px;
	left:0;
	z-index:93;
	display:none;
}
#topMainVisual .topMainVisualNewsInner {
	background-color:rgba(255,255,255,0.9);
	border-radius:0 300px 300px 0;
	position:relative;
	padding:10px 50px 10px 10px;
}
#topMainVisual .topMainVisualNewsHead {
	position:absolute;
	top:20px;
	right:15px;
	border-left:1px solid #00ab00;
}
#topMainVisual .topMainVisualNewsHead h2 {
	color:#00ab00;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-weight:bold;
	font-size:1.3rem;
}
#topMainVisual .topMainVisualNewsBody {
	display:table;
	width:280px;
}
#topMainVisual .topMainVisualNewsBody > div {
	display: table-cell;
	vertical-align: top;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsPhoto {
	padding-right:15px;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsPhoto a {
	display:block;
	width:80px;
	height:60px;
	background-color:#ddd;
	border-radius:8px;
	overflow:hidden;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsTextHead {
	letter-spacing:-0.5em;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsTextHead > p {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsDate {
	font-size:1.3rem;
	color:#00ab00;
	margin-right:10px;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsCategory {
	width:80px;
	font-size:1.3rem;
	color:#fff;
	background-color:#e06d6d;
	font-weight:bold;
	text-align:center;
	border-radius:8px;
	line-height:1;
	padding:5px 0;
}
#topMainVisual .topMainVisualNewsBody .topMainVisualNewsTextTitle h3 {
	font-size:1.5rem;
	font-weight:bold;
}
#topMainVisual .topMainVisualLayer {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/bg_topMainVisualLayer.png);
	background-position:center bottom;
	background-size:auto 100%;
	z-index:91;
}
#topMainVisual .topMainVisualEvent{
	bottom: -110px;
	overflow: hidden;
	left: 0;
	right: 0;
}
#topMainVisual .topMainVisualEventInner{
	width: fit-content;
	margin: 0 auto;
}
#topMainVisual .topMainVisualEventInner img{
	width: 350px;
}
/*----------------------------------------------------------------------------------------
	topNews
---------------------------------------------------------------------------------------- */
#topNews {
	padding:30px 15px;
}
#topNews .topNewsInner {
	width:auto;
}
#topNews .topNewsHead h2 {
	font-size:2.4rem;
}
#topNews .topNewsHead p {
	font-size:1.5rem;
}
#topNews .topNewsBody {
	margin-top:30px;
}
#topNews .topNewsList {
	width:auto;
}
#topNews .topNewsList > div {
	display:block;
	padding:15px 0;
}
#topNews .topNewsList > div > div {
	display:inline-block;
	padding:0;
}
#topNews .topNewsList > div > div.topNewsListNew {
	position:absolute;
	top:-10px;
	left:auto;
	right:0;
}
#topNews .topNewsList > div > div.topNewsListDate {
	margin-right:0;
	padding-left:10px;
}
#topNews .topNewsListCategoryNews p {
	background-color:#e06d6d;
}
#topNews .topNewsListCategoryVoice p {
	background-color:#4c7fbf;
}
#topNews .topNewsListCategoryEvent p {
	background-color:#4c7fbf;
}
#topNews .topNewsListCategoryNews p {
	background-color:#e06d6d;
}
#topNews .topNewsList > div > div.topNewsListTitle {
	margin-left:0;
	display:block;
	margin-top:8px;
}
#topNews .topNewsFoot {
	margin-top:30px;
	text-align:center;
	margin-right:0;
}
#topNews .topNewsFoot a {
	width:70%;
	height:42px;
	line-height:42px;
	font-size:1.5rem;
	margin:0 auto;
}
#topNews .topNewsFoot a:after {
	right:15px;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color:  #fff #fff transparent transparent;
	margin-top:-6px;
}
#topSocial .topBanner {
	width: 100%;
	margin:40px auto 0;
}
#topSocial .topBannerInner{
	flex-flow: column;
}
#topSocial .topBannerInner > div {
	display:block;
	width: 100%;
	margin:5px 0;
}
#topSocial .topBannerInner > div a {
	width:100%;
	margin:0 auto;
}
#topSocial .topLINE{
	margin: 50px auto;
}
#topSocial .topLINEInner img{
	width: 100%;
}
#topSocial .topLINEInner span{
	font-size: 10px;
}
/*----------------------------------------------------------------------------------------
	topFacility
---------------------------------------------------------------------------------------- */
#topFacility {
	background-position:left top;
	padding-top:100px;
	padding-bottom: 100px;
	margin-top:0;
	margin-bottom: 100px;
}
#topFacility .topFacilityInner {
	width:auto;
	padding: 240px 20px 0;
}
#topFacility .topFacilityHead {
	position:static;
}
#topFacility .topFacilityHead h2 {
	font-size:2.8rem;
	writing-mode: horizontal-tb;
	margin-left:0;
}
#topFacility .topFacilityHead p {
	font-size:1.5rem;
}
#topFacility .topFacilityBody {
	margin-top:20px;
}
#topFacility .topFacilityBody > div {
	width:100%;
	height:auto;
	margin-top:10px;
}
#topFacility .topFacilityBody > div:first-child {
	margin-top:0;
}
/*----------------------------------------------------------------------------------------
	topSocial
---------------------------------------------------------------------------------------- */
#topSocial {
	padding-top: 150px;
	margin-top: -150px;
	margin-bottom: 50px;
}
#topSocial .topSocialInner {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../images/bg_topFacilityRepeat.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
#topSocial .topSocialList{
	padding-bottom: 0;
}
#topSocial .topSocialList > div {
	display:block;
	vertical-align: top;
	width:100%;
	margin:0;
	margin-top:30px;
	margin-bottom: 30px;
}
#topSocial .topSocialList .topSocialTitle {
	text-align:center;
}
#topSocial .topSocialList > div .topSocialTitle img {
	width: auto;
	height: 30px;
}
#topSocial .topSocialList .topSocialBody,
#topSocial .topSocialList .topSocialBody iframe {
	width:100%;
	height:auto;
	min-height: 500px;
	margin-top:10px;
	overflow:hidden;
}
#topSocial .topSocialInstagram{
	margin: 0 auto 30px!important;
}
/*----------------------------------------------------------------------------------------
	topNav
---------------------------------------------------------------------------------------- */
#topNav {
	padding-top:0;
}
#topNav .topNavInner {
	width:auto;
	padding:0 20px;
}
#topNav .topNavBody > div {
	float:left;
	line-height:1%;
}
#topNav .topNavBody .topNavHow {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}
#topNav .topNavBody .topNavFaq {
	width:100%;
	margin-bottom:10px;
}
#topNav .topNavBody .topNavAccess {
	width:48%;
	margin-right:10px;
}
#topNav .topNavBody .topNavLink {
	float:right;
	width:48%;
}
/*----------------------------------------------------------------------------------------
	contentBlock
---------------------------------------------------------------------------------------- */
.contentBlock1 {
	padding-top:100px;
}
.contentBlock2 {
	padding-top:100px;
}
.contentBlock3 {
	padding-top:100px;
}
/*----------------------------------------------------------------------------------------
	pageTitle
---------------------------------------------------------------------------------------- */
#pageTitle {
	width:100%;
	background-position:center top;
	background-size:auto 100%;
	margin-top:0;
	margin-bottom:30px;
}
#pageTitle .pageTitleInner {
	width:auto;
	height:auto;
	margin:0 20px;
}
#pageTitle .pageTitleInner .pageTitleBody {
	padding-top:50px;
}
#pageTitle .pageTitleInner .pageTitleBody #subNav {
	position:static;
	margin-top:20px;
}
#pageTitle .pageTitleInner .pageTitleBody h2 {
	font-size:3.2rem;
}
#pageTitle .pageTitleInner .pageTitleBody p {
	font-size:2rem;
	margin-top:8px;
}
#pageTitle .pageTitleInner .topicPath {
	margin-top:20px;
	overflow-x:auto;
}
/*----------------------------------------------------------------------------------------
	pageSubTitle
---------------------------------------------------------------------------------------- */
#pageSubTitle .pageSubTitleInner h3 {
	font-size:1.8rem;
	margin-bottom:30px;
}
/*----------------------------------------------------------------------------------------
	pano
---------------------------------------------------------------------------------------- */
#pano .panoInner {
	width:auto;
	margin:0 15px 15px;
}
/*----------------------------------------------------------------------------------------
	categoryNav
---------------------------------------------------------------------------------------- */
#categoryNav {
	padding:0 15px;
	text-align:left;
}
#categoryNav .categoryNavInner > div {
	width:30%;
	margin:10px 5px 0;
}
#categoryNav .categoryNavInner > div a {
	line-height:40px;
	font-size:1.2rem;
}
/*----------------------------------------------------------------------------------------
	subNav
---------------------------------------------------------------------------------------- */
#subNav .subNavTop > div {
	width:140px;
	margin-right:10px;
}
#subNav .subNavTop > div a {
	line-height:40px;
	font-size:1.2rem;
}
#subNav .subNavBottom {
	margin-top:10px;
}
#subNav .subNavBottom > div {
	margin-right:15px;
}
#subNav .subNavBottom > div a {
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	caseTable
---------------------------------------------------------------------------------------- */
.caseTable {
	padding:0 15px;
}
.caseTable .caseTableInner {
	width:auto;
	overflow-x:auto;
}
.caseTable table {
	width:800px;
}
.caseTable caption {
	text-align:left;
	font-size:1.8rem;
	line-height:60px;
	height:60px;
	text-indent:10px;
}
.caseTable td {
	padding:8px;
}
/*----------------------------------------------------------------------------------------
	illustMap
---------------------------------------------------------------------------------------- */
#illustMap {
	margin-bottom:30px;
	padding:0 20px;
}
#illustMap .illustMapInner {
	width:100%;
}
/*----------------------------------------------------------------------------------------
	newsList
---------------------------------------------------------------------------------------- */
#newsList {
	padding:15px 15px 0;
}
#newsList .newsListInner {
	display:block;
	width:100%;
	border-spacing: 0;
}
#newsList .newsListInner .newsListRow  {
	display:block;
	letter-spacing:-0.5em;
}
#newsList .newsListInner .newsListRow > div {
	display: inline-block;
	width:calc(50% - 10px);
	margin:10px 5px 0;
	letter-spacing: normal;
}
#newsList .newsListInner .newsListRow > div.noBackground {
	display:none;
}
/* fixed
#newsList .newsListPhoto {
	height:108px;
}
*/
#newsList .newsListCategory {
	font-size:1.3rem;
	line-height:24px;
}
#newsList .newsListText {
	padding:20px 20px 30px;
}
#newsList .newsListDate {
	font-size:1.2rem;
}
#newsList .newsListTitle {
	font-size:1.4rem;
	margin-top:10px;
}
#newsList .newsListBody {
	margin-top:10px;
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	newsDetail
---------------------------------------------------------------------------------------- */
#newsDetail {
	padding:0 20px;
}
#newsDetail .newsDetailInner {
	width:auto;
}
#newsDetail .newsDetailHead .newsDetailDate {
	font-size:1.2rem;
}
#newsDetail .newsDetailHead .newsDetailCategory {
	font-size:1.2rem;
	margin-left:20px;
	padding:3px 15px;
}
#newsDetail .newsDetailTitle {
	margin-top:20px;
}
#newsDetail .newsDetailTitle h3 {
	font-size:1.8rem;
}
#newsDetail .newsDetailPhoto {
	margin-top:20px;
}
#newsDetail .newsDetailBody {
	margin-top:20px;
}
#newsDetail .newsDetailBody p {
	font-size:1.3rem;
	line-height:1.6;
}
/*----------------------------------------------------------------------------------------
	pageLink
---------------------------------------------------------------------------------------- */
#pageLink {
	margin-top:30px;
}
#pageLink .pageLinkInner > div {
	width:100px;
	margin:0 5px;
}
#pageLink .pageLinkInner a {
	height:40px;
	line-height:40px;
	font-size:1.1rem;
}
#pageLink .pageLinkInner > div.next a:after {
	right:12px;
	width: 8px;
  height: 8px;
  border: 2px solid;
	border-color:  #00ab00 #00ab00 transparent transparent;
	margin-top:-6px;
}
#pageLink .pageLinkInner > div.prev a:after {
	left:12px;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: transparent transparent #00ab00 #00ab00;
	margin-top:-6px;
}
/*----------------------------------------------------------------------------------------
	Volunteer
---------------------------------------------------------------------------------------- */
#Volunteer h2{
	font-size: 1.8rem;
}
#Volunteer h3{
	font-size: 1.6rem;
}
#Volunteer h3 span{
	display: block;
}
#Volunteer .pageVolunteerPhoto{
	height: auto;
	display: block;
	margin: 0 auto;
}
#Volunteer .pageVolunteerPhotoLeft,
#Volunteer .pageVolunteerPhotoRight{
	max-width: none;
}
#Volunteer .pageVolunteerPhotoLeft img,
#Volunteer .pageVolunteerPhotoRight img{
	width: 100%;
}
#Volunteer .pageVolunteerPhotoRight img{
	margin-bottom: 8px;
}
#Volunteer .pageVolunteerFacility{
	font-size: 14px;
	margin-bottom: 30px;
}
#Volunteer .pageVolunteerFacility h4{
	font-size: 18px;
}
#Volunteer .pageVolunteerFacility li{
	margin-bottom: 10px;
}
#Volunteer .pageVolunteerFacility li:last-child{
	margin-bottom: 0;
}
#Volunteer .pageVolunteerFacility br{
	display: block;
}
#Volunteer .pageVolunteerFlowImage{
	display: none;
}
#Volunteer .pageVolunteerFlowImageSP{
	display: block;
}
#Volunteer .pageVolunteerLINEInner{
	display: block;
	text-align: center;
}
#Volunteer .pageVolunteerLINEText{
	margin-bottom: 30px;
}
#Privacy h2{
	font-size: 2.4rem;
}
#Privacy h3{
	font-size: 2rem!important;
	margin-top: 25px;
}
#Privacy .contentArea{
	margin-bottom: 50px;
}
/*----------------------------------------------------------------------------------------
	wp-pagenavi
---------------------------------------------------------------------------------------- */
.wp-pagenavi {
	margin-top:30px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:1.5rem;
	margin:0 10px;
}
/*----------------------------------------------------------------------------------------
	btnAction
---------------------------------------------------------------------------------------- */
#btnAction {
	text-align:center;
	margin-top:30px;
}
#btnAction .btnActionInner {
	width:200px;
}
#btnAction .btnActionInner a {
	height:42px;
	line-height:42px;
	font-size:1.5rem;;
}
#btnAction .btnActionInner a:after {
	right:15px;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color:  #fff #fff transparent transparent;
	margin-top:-6px;
}
/*----------------------------------------------------------------------------------------
	facilityList
---------------------------------------------------------------------------------------- */
#facilityList {
	padding:0 15px;
}
#facilityList .facilityListInner {
	display:block;
	width:auto;
	border-spacing: 0;
}
#facilityList.facilityList3 .facilityListInner {
	width:auto;
}
#facilityList .facilityListInner .facilityListRow  {
	display:block;
	letter-spacing: -0.5em;
}
#facilityList .facilityListInner .facilityListRow > div {
	display: inline-block;
	letter-spacing: normal;
	width:calc(50% - 10px);
	margin:10px 5px 0;
}
#facilityList .facilityListTitle {
	font-size:1.5rem;
	font-weight:bold;
	line-height:38px;
}
#facilityList .facilityListPhoto {
	height:120px;
}
#facilityList .facilityListPhoto .facilityListArrows > span {
	width:32px;
	height:32px;
	margin-top:-16px;
}
#facilityList .facilityListPhoto .facilityListArrows > span:first-child {
	left:5px;
}
#facilityList .facilityListPhoto .facilityListArrows > span:last-child {
	right:5px;
}
#facilityList .facilityListText {
	padding:20px 20px 30px;
}
#facilityList .facilityListText P {
	font-size:1.2rem;
}
/*----------------------------------------------------------------------------------------
	activityOutline
---------------------------------------------------------------------------------------- */
#activityOutline {
	padding:0 15px;
}
#activityOutline .activityOutlineInner {
	width:auto;
	margin:0 auto;
}
#activityOutline .activityOutlineInner > div {
	margin-top:10px;
}
#activityOutline .activityOutlineInner > div:first-child {
	margin-top:0;
}
#activityOutline .activityOutlineInner .activityOutlineTitle {
	font-size:1.8rem;
	line-height:50px;
	padding:0 30px;
}
#activityOutline .activityOutlineInner .activityOutlineTitle:before {
	height:50px;
	width:50px;
}
#activityOutline .activityOutlineInner .activityOutlineTitle:after {
	content:"";
	position:absolute;
	top:18px;
	right:18px;
	width: 12px;
  height: 12px;
	margin-top:-6px;
}
#activityOutline .activityOutlineInner > div.open .activityOutlineTitle:after {
	top:24px;
}
#activityOutline .activityOutlineInner .activityOutlineDetail {
	font-size:1.3rem;
	padding:30px;
}
/*----------------------------------------------------------------------------------------
	activityCategory
---------------------------------------------------------------------------------------- */
#activityCategory {
	text-align:left;
	padding:0 15px;
}
#activityCategory .activityCategoryInner {
	width:auto;
}
#activityCategory .activityCategoryInner > div {
	width:30%;
	margin:10px 5px 0;
}
#activityCategory .activityCategoryInner > div a {
	font-size:1.1rem;
	padding:8px 0 40px;
}
#activityCategory .activityCategoryInner > div.activityCategoryAll a {
	background-image:url(../images/ic_activityAll.png);
	background-size:40px auto;
	background-position:center bottom 10px;
}
#activityCategory .activityCategoryInner > div.activityCategoryCooperation a {
	background-image:url(../images/ic_activityCooperation.png);
	background-size:auto 25px;
}
#activityCategory .activityCategoryInner > div.activityCategoryNature a {
	background-image:url(../images/ic_activityNature.png);
	background-size:20px auto;
}
#activityCategory .activityCategoryInner > div.activityCategoryHiking a {
	background-image:url(../images/ic_activityHiking.png);
	background-size:20px auto;
}
#activityCategory .activityCategoryInner > div.activityCategoryCooking a {
	background-image:url(../images/ic_activityCooking.png);
	background-size:30px auto;
	background-position:center bottom 15px;
}
#activityCategory .activityCategoryInner > div.activityCategoryNight a {
	background-image:url(../images/ic_activityNight.png);
	background-size:20px auto;
}
#activityCategory .activityCategoryInner > div.activityCategoryStar a {
	background-image:url(../images/ic_activityStar.png);
	background-size:25px auto;
	background-position:center bottom 15px;
}
#activityCategory .activityCategoryInner > div.activityCategoryCraft a {
	background-image:url(../images/ic_activityCraft.png);
	background-size:25px auto;
	background-position:center bottom 15px;
}
/*----------------------------------------------------------------------------------------
	activityList
---------------------------------------------------------------------------------------- */
#activityList {
	padding:0 15px;
	margin-top:30px;
}
#activityList .activityListInner {
	width:auto;
	margin-top:30px;
}
#activityList .activityListInner > div {
	width:50%;
	margin-top:10px;
}
#activityList .activityListInner .activityListItemInner {
	margin:0 5px;
}
#activityList .activityListTitle {
	font-size:1.3rem;
	line-height:38px;
	text-align:left;
	text-indent:12px;
}
#activityList .activityListPhoto {
}
#activityList .activityListText {
	padding:20px 20px 80px;
	position:relative;
}
#activityList .activityListText .activityListLead {
	font-size:1.2rem;
}
#activityList .activityListText .activityListBtn {
	bottom:20px;
}
#activityList .activityListText .activityListBtn a {
	width:80%;
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	activityDetail
---------------------------------------------------------------------------------------- */
.activityDetail .activityDetailWrap {
	width:85%;
	margin:30px auto;
}
.activityDetail .activityDetailBody {
	padding:20px;
}
.activityDetail .activityDetailBody .activityDetailClose {
	position:absolute;
	width:25px;
	height:25px;
	top:15px;
	right:15px;
}
.activityDetail .activityDetailBodyInner {
	display:block;
}
.activityDetail .activityDetailBodyInner > div {
	display:block;
}
.activityDetail .activityDetailBodyInner > div.activityDetailText {
	margin:20px 0;
}
.activityDetail .activityDetailPhoto {
	width:100%;
	padding-right:0;
}
.activityDetail .activityDetailPhotoMain {
	width:100%;
	height:240px;
}
.activityDetail .activityDetailPhotoThumbs {
	margin-top:10px;
}
.activityDetail .activityDetailPhotoThumbs > div span {
	height:85px;
}
.activityDetail .activityDetailTitle {
	font-size:1.6rem;
	line-height:42px;
	background-position:right 15px center;
}
.activityDetail .activityDetailLead {
	font-size: 1.4rem;
	margin-top:20px;
}
.activityDetail .activityDetailTable {
	margin-top:20px;
}
.activityDetail .activityDetailTableHead {
	font-size:1.2rem;
}
.activityDetail .activityDetailTableValue {
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	pdfAction
---------------------------------------------------------------------------------------- */
#pdfAction .pdfActionInner > div {
	margin:0 10px;
	width:45%;
}
#pdfAction .pdfActionInner > div a {
	line-height:40px;
	font-size:1.3rem;
	background-position:right 15px center;
}
/*----------------------------------------------------------------------------------------
	notice
---------------------------------------------------------------------------------------- */
#notice .noticeInner p {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	faqList
---------------------------------------------------------------------------------------- */
#faqList {
	padding:0 15px;
}
#faqList .faqListInner {
	width:auto;
}
#faqList .faqListInner > div {
	padding:30px;
	margin-top:20px;
}
#faqList .faqListInner > div > div {
	padding-left:45px;
}
#faqList .faqListInner > div > div:after {
	content: "";
	width:30px;
	height:30px;
	font-size:2rem;
	line-height:30px;
	top:0;
}
#faqList .faqListInner .faqListQuestion {
	margin-bottom:20px;
}
#faqList .faqListInner .faqListQuestion p {
	font-size:1.8rem;
	line-height:1.6;
}
#faqList .faqListInner .faqListAnswer p {
	font-size:1.4rem;
	line-height:1.6;
}
/*----------------------------------------------------------------------------------------
	contentArea
---------------------------------------------------------------------------------------- */
.contentArea {
	width:auto;
	margin:0 20px;
	overflow-x: scroll;
}
/*----------------------------------------------------------------------------------------
	tableContent
---------------------------------------------------------------------------------------- */
.tableContent,
.tableContent2 {
	width:auto;
	margin:0 15px;
	overflow-x:auto;
}
.tableContent .tableContentInner,
.tableContent2 table {
	width:800px;
}
.tableContent .tableContentHead {
	width:120px;
	padding:30px 0;
}
.tableContent .tableContentHead p {
	font-size:1.4rem;
}
.tableContent .tableContentBody {
	padding:30px;
}
.tableContent .tableContentBody .tableContentBodyBlock {
	margin-top:20px;
}
.tableContent .tableContentBody .tableContentTitle {
	font-size:1.4rem;
}
.tableContent .tableContentBody .tableContentList {
	font-size:1.3rem;
}
.tableContent .tableContentBody .tableContentNotice {
	font-size:1.3rem;
	margin-top:20px;
}
.tableContent .tableContentHead p, .tableContent2 .leftHead {
	font-size: 1.6rem;
}
.tableContent2 td {
	padding: 8px;
}
/*----------------------------------------------------------------------------------------
	contact
---------------------------------------------------------------------------------------- */
#contact {
	width:auto;
	margin:0 15px;
}
#contact .contactInner {
	padding:30px;
	width:auto;
}
#contact .contactHead p {
	font-size:1.4rem;
}
#contact .contactBody {
	margin-top:30px;
}
#contact .contactLead {
	font-size:1.3rem;
}
#contact .contactForm {
	margin-top:20px;
}
#contact .contactForm > div {
	margin-top:10px;
	display:block;
}
#contact .contactForm > div > div {
	display:block;
}
#contact .contactForm .contactFormTitle {
	width:auto;
	margin-bottom:5px;
}
#contact .contactForm .contactFormTitle p {
	font-size:1.3rem;
}
#contact .contactForm .contactFormValue input {
	font-size:1.3rem;
}
#contact .contactForm .contactFormValue input.inputWidth50 {
	width:100%;
}
#contact .contactForm .contactFormValue textarea {
	height:180px;
}
#contact .contactPrivacyPolicy {
	margin-top:30px;
}
#contact .contactPrivacyPolicy .contactPrivacyPolicyInner {
	height:120px;
	padding:10px;
}
#contact .contactAgreement {
	margin-top:20px;
}
#contact .contactAgreement label {
	font-size:1.3rem;
}
#contact .contactBtn {
	width:80%;
	margin:30px auto 0;
}
#contact .contactBtn input {
	height:42px;
	line-height:42px;
	font-size:1.5rem;
}
#contact .contactBtn:after {
	right:15px;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color:  #fff #fff transparent transparent;
	margin-top:-6px;
}
/*----------------------------------------------------------------------------------------
	reserveMonthList
---------------------------------------------------------------------------------------- */
#reserveMonthList {
	padding:0 15px;
	text-align:left;
}
#reserveMonthList .reserveMonthListInner > div {
	width:75px;
	margin:10px 5px 0;
}
#reserveMonthList .reserveMonthListInner > div a {
	padding:10px 0;
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	reserveNotice
---------------------------------------------------------------------------------------- */
#reserveNotice {
	margin-top:30px;
	text-align:left;
	padding:0 15px;
}
#reserveNotice .reserveNoticeInner p {
	font-size:1.3rem;
}
/*----------------------------------------------------------------------------------------
	reserveTable
---------------------------------------------------------------------------------------- */
#reserveTable {
	margin:0 20px;
	overflow-y:auto;
}
#reserveTable .reserveTableInner {
	width:1000px;
}
#reserveTable .reserveTableBlock {
	margin-top:20px;
}
#reserveTable .reserveTableCaption {
	text-align:left;
	font-size:1.3rem;
	line-height:40px;
	height:40px;
	text-indent:10px;
}
#reserveTable .reserveTableBodyInner > div.reserveTableDate > div {
	font-size:1.2rem;
}
#reserveTable .reserveTableBodyInner > div > div.reserveTableHead {
	width:80px;
	font-size:1.2rem;
	text-indent:8px;
}
/*----------------------------------------------------------------------------------------
	flow
---------------------------------------------------------------------------------------- */
#flow {
	padding:0 15px;
}
#flow .flowInner {
	width:auto;
}
#flow .flowBlock {
	width:100%;
	margin-top:30px;
}
#flow .flowBlock .flowBlockHead {
	width:60px;
}
#flow .flowBlock .flowBlockHead .flowBlockHeadText {
	font-size:1.3rem;
}
#flow .flowBlock .flowBlockHead .flowBlockHeadText span:last-child {
	font-size:2rem;
}
#flow .flowBlock .flowBlockHead .flowBlockHeadTriangle {
	bottom:-30px;
	width: 60px;
	height: 60px;
}
#flow .flowBlock .flowBlockHead .flowBlockHeadTriangle:after {
	content:"";
	position:absolute;
	left:3px;
	bottom:10px;
	width: 54px;
	height: 54px;
	border-radius: 15px;
	transform:rotate(-45deg);
}
#flow .flowBlock .flowBlockBody {
	padding:30px 20px 30px 80px;
}
#flow .flowBlock .flowBlockBody p {
	font-size:1.3rem;
}
#flow .flowBlock .flowBlockBody .flowTitle {
	font-size:1.8rem;
	line-height:40px;
	width:80%;
	margin:0 auto 30px;
}
#flow .flowBlock .flowBlockBody .flowTel {
	font-size:1.8rem;
	margin:30px 0;
	color:#00ac00;
}
#flow .flowBlock .flowBlockBody .btPdf {
	margin-top:30px;
}
#flow .flowBlock .flowBlockBody .btPdf a {
	width:80%;
	line-height:40px;
	font-size:1.5rem;
	background-position:right 15px center;
}
/*----------------------------------------------------------------------------------------
	access
---------------------------------------------------------------------------------------- */
#access {
	padding:0 20px;
}
#access .accessInner {
	width:100%;
}
#access .accessGoogleMap {
	height:200px;
}
#access .accessIllustMap {
	margin-top:30px;
}
#access .accessIllustMapLeft {
	float:none;
}
#access .accessIllustMapPhoto {
	margin-bottom:20px;
}
#access .accessIllustMapLogo p:first-child {
	width:60%;
}
#access .accessIllustMapLogo p {
	font-size:1.5rem;
	margin-top:10px;
}
#access .accessIllustMapRight {
	float:none;
	margin-top:20px;
}
#access .accessIllustMapRight img {
	width:100%;
	height:auto;
}
#access .accessTable {
	margin-top:30px;
}
#access .accessTable .tableContent {
	margin:0;
}
/*----------------------------------------------------------------------------------------
	notfound
---------------------------------------------------------------------------------------- */
#pageNotFound {
	padding:50px 15px;
}
#pageNotFound .pageNotFoundHead h2 {
	font-size:2rem;
}
#pageNotFound .pageNotFoundHead p {
	font-size:1.5rem;
}
#pageNotFound .pageNotFoundBody {
	font-size:1.3rem;
	text-align:left;
}
/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
#footer {
	padding-top:356px;
	padding-bottom:30px;
	background-position:left -200px top;
}
#footer .footerInner {
	width:auto;
	margin:0 auto;
	position:relative;
}
#footer .footerPageTop {
	position:static;
	width:100px;
	height:70px;
	margin:0 auto;
}
#footer .footerPageTop a {
	background-image:url(../images/bt_spPageTop.png);
}
#footer .footerBody {
	display:block;
	margin-top:30px;
}
#footer .footerBody > div {
	display:block;
}
#footer .footerInfo {
	width:320px;
	padding-right:0;
	margin:0 auto;
}
#footer .footerLogo {
	width:100%;
}
#footer .footerAddress {
	font-size:1.4rem;
	color:#fff;
	margin-top:40px;
}
#footer .footerTel {
	font-size:2.2rem;
	color:#fff;
	margin-top:20px;
}
#footer .footerTel span {
	display:block;
}
#footer .footerTel a {
	color:#fff;
}
#footer .footerBody > div.footerNav {
	display:none;
}
#footer .footerCopyright {
	padding-right:0;
	width:320px;
	margin:20px auto 0;
	display: block;
}
#footer .footerCopyright a{
	font-size: 1.2rem;
	display: block;
	width: fit-content;
	border: none;
	padding: 0;
	text-decoration: underline;
}
#footer .footerCopyright p {
	margin-top: 15px;
	text-align:left;
	margin-left: 0;
}

#footer .footerMenu{
	display: block;
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	z-index: 999;
}
#footer .footerMenu ul{
	display: flex;
	justify-content: space-between;
	height: 100%;
}
#footer .footerMenu li{
	width: 25%;
	height: 100%;
}
#footer .footerMenu li:first-child{
	background-color: #4C7FC0;
}
#footer .footerMenu li:nth-child(2){
	background-color: #65C9F2;
}
#footer .footerMenu li:nth-child(3){
	background-color: #E16D6D;
}
#footer .footerMenu li:last-child{
	background-color: #00B800;
}
#footer .footerMenu li a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer .footerMenu li img{
	width: auto;
	height: 33px;
}

#gallery .wp-block-group{
	margin-bottom: 100px;
}
#gallery h3{
	margin-bottom: 20px;
}

}