@charset "UTF-8";
/* CSS Document */
body {
	background-color:#d6e9cb;
	color:#444444;
}
header {
	overflow-x:hidden;
}
/* キービジュアル */
.keyVisual {
	width:100%;/*値はサイトに合わせて*/
	height:880px;/*値はサイトに合わせて*/
	position:relative;
	background-position:50% 0;
	background-repeat:no-repeat;
	overflow-x:hidden;
	}
@media screen and (min-width: 641px) {
//	.backstretch {
//			background: url(https://akagishizenen.jp/hubfs/img/top/keyVisual52.jpg) center top no-repeat;
//	}
}
@media screen and (max-width: 640px) {
	.keyVisual {
	width:100%;/*値はサイトに合わせて*/
	height:235px;/*値はサイトに合わせて*/
	position:relative;
	background-position:50% 0;
	background-repeat:no-repeat
	}
	.backstretch {
		padding-top:50px;
	}
}
.messageArea {
	max-width:870px;
	margin:80px auto 0;
	color:#FFF;
	letter-spacing:2px;
	text-shadow:2px 2px 10px #005545,-2px 2px 10px #005545,2px -2px 10px #005545,-2px -2px 10px #005545;
}
.messageArea .mainMessage {
	font-size:2em;
	margin-bottom:20px;
}
.messageArea .mainMessage .subMessage {
	font-size:.5em;
}
.subMessage a {
	color:#fff559;
}
@media screen and (max-width: 640px) {
	.messageArea {
		width:79%;
		padding:30px 0 0 20px;
		margin:0;
	}
	.messageArea .mainMessage {
		font-size:1em;
		margin-bottom:15px;
	}
	.messageArea .mainMessage .subMessage {
		font-size:.7em;
	}
	.messageArea .subMessage {
		font-size:.7em;
	}
}
@media screen and (min-width: 641px) {
	.subMessage span {
		font-size:1.2em;
	}
	.subMessage a:hover {
		text-decoration:none;
	}
}
.scrollBtn {
	position: absolute;
	top: 500px;
	width:100%;
	text-align:center;
}
.scrollBtn a {
	opacity:.7;
}
.scrollBtn a:hover {
	opacity:1;
}

@media screen and (max-width: 640px) {
	.scrollBtn {
		display:none;
	}
}
/* 開園日カレンダー */
.calendar {
	position:absolute;
	top:210px;
	right:0;
	width:290px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index:5;
}
@media screen and (max-width: 640px) {
	.calendar {
		right:-250px;
		top:80px;
	}
}
.calendar #openBtn {
	float:left;
	width:20px;
	background-color:rgba(255,255,255,0.90);
	border-radius:5px 0 0 5px;
	padding:15px 10px;
	font-size:.9em;
	line-height:1em;
	color:#6e7955;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	}
.calendar #openBtn i {
	font-size:1.7em;
}
.calendar .calendarInn {
	position:relative;
	float:right;
	width:230px;
	padding:10px;
	background-color:rgba(255,255,255,0.90);
}
.calendar .closeBtn {
	position:absolute;
	top:10px;
	right:10px;
	font-size:.7em;
	text-decoration:underline;
	cursor:pointer;
}
@media screen and (min-width: 641px) {
	.calendar #openBtn:hover {
		color:#b9b15b;
	}
	.calendar .closeBtn:hover {
		text-decoration:none;
	}
}
.calendar .closeBtn i {
	margin-right:2px;
}

.calendar .calendarInn h3 {
	text-align:center;
	margin:15px auto 5px;
	padding-bottom:5px;
	border-bottom:2px solid #999999;
	line-height:1.2em;
	font-weight:bold;
}
.calendar .calendarInn h3 span.text {
  font-size: 17px;
}
.calendar .calendarInn h3 span.note {
	font-size:.7em;
	line-height:1em;
}
.calendar .monthArea {
	font-weight:bold;
	position: absolute;
	top: 150px;
	left: 11px;
	width: 228px;
}
.calendar .monthArea .beforeMonth {
	float:left;
	width:5em;
	font-size:.8em;
}
.calendar .monthArea .nextMonth {
	float:right;
	width:5em;
	font-size:.8em;
	text-align:right;
}
.calendar .monthArea .nextMonth a,.calendar .monthArea .beforeMonth a {
	color:#000000;
	text-decoration:none;
}
.calendar .monthArea .icon {
	color:#438265;
}
.calendar .nowMonth {
	width:230px;
	text-align:center;
	font-weight:bold;
	color:#444444;
}
.bxslider, .bxslider3 {margin:0; padding:0; list-style:none;}
.everyonesArea .bx-wrapper .bx-next {
	background: url(https://akagishizenen.jp/hubfs/img/top/btn_next_w.png) right center no-repeat;
	background-size:100%;
}
.everyonesArea .bx-wrapper .bx-prev {
	background: url(https://akagishizenen.jp/hubfs/img/top/btn_before_w.png) left center no-repeat;
	background-size:100%;
}
@media screen and (min-width: 641px) {
	.calendar .monthArea .beforeMonth:hover .text,.calendar .monthArea .nextMonth:hover .text {
		text-decoration:underline;
	}
}
.calendar table {
	width:210px;
	margin:0 auto 10px;
	text-align:center;
	font-size:.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-collapse:collapse;
}
.calendar table tr:not(:last-child) {
	border-bottom:1px solid #999999;
}
.calendar table td {
	padding:5px 0;
	width: 30px;
}
.calendar table .leftday,.calendar table .rightday {
	font-size:.6em;
}
.calendar table td.day_2 {
	width:30px;
	padding:0;
	position: relative;
}
.calendar table td.day_2::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background:url(https://akagishizenen.jp/hubfs/img/top/bg_day_2.png) center center no-repeat;
}
.calendar table td.day_2.closed_2::after {
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:url(https://akagishizenen.jp/hubfs/img/top/bg_day_2_closed.png) center center no-repeat;
}
.calendar table .leftday{
	vertical-align:top;
	display:inline-block;
	margin-bottom:12px;
}
.calendar table .rightday{
	vertical-align:bottom;
}

.calendar table td:first-child {
	color:#cc3333;
}
.calendar table td:last-child {
	color:#1d58cc;
}
.calendar table td.open {background-color:#e9cac9;}
.calendar table td.open_supporter {background-color:#bdc729;}
.calendar table td.open_summer {background-color:#c2f0f6;}
.calendar table td.open_earlyautumn {background-color:#d3e3bc;}
.calendar table td.open_lateautumn {background-color:#e3d4bc;}

.calendar .opendaycolor00,.calendar .opendaycolor01,.calendar .opendaycolor02,.calendar .opendaycolor03,.calendar .opendaycolor04,.calendar .closedcolor {
	margin-bottom:5px;
	text-align:center;
	font-size:.7em;
}
.calendar .opendaycolor00 span,.calendar .opendaycolor01 span,.calendar .opendaycolor02 span,.calendar .opendaycolor03 span,.calendar .opendaycolor04 span,.calendar .closedcolor span {
	width:9px;
	height:9px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 3px;
	}
.calendar .opendaycolor00 span {
	border:1px solid #7f7800;
	background-color:#bdc729;
}
.calendar .opendaycolor01 span {
	border:1px solid #bf8684;
	background-color:#e9cac9;
}
.calendar .opendaycolor02 span {
	border:1px solid #68b1ba;
	background-color:#c2f0f6;
}
.calendar .opendaycolor03 span {
	border:1px solid #88a064;
	background-color:#d3e3bc;
}
.calendar .opendaycolor04 span {
	border:1px solid #a0855b;
	background-color:#e3d4bc;
}
.calendar .opendaycolor {
	margin:0 0 5px;
	padding:0;
	text-align:center;
}
.calendar .opendaycolor li {
	display:inline-block;
}
.calendar .closed {
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #bec0b8 25%, #bec0b8 50%,
    #fff 50%, #fff 75%,
    #bec0b8 75%, #bec0b8
  );
  background-size: 4px 4px;
}
.calendar .closedcolor span {
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #bec0b8 25%, #bec0b8 50%,
    #fff 50%, #fff 75%,
    #bec0b8 75%, #bec0b8
  );
  background-size: 4px 4px;
	border: 1px solid #999999;
}

.btn_detile {
	position:relative;
	display:block;
	padding:12px 0 10px;
	text-align:center;
	background-color:#438265;
	background-image:url(https://akagishizenen.jp/hubfs/img/common/arrow_btnDetile.png);
	background-position:96% center;
	background-repeat:no-repeat;
	background-size:13px;
	border-radius:7px;
	font-size:.9em;
	color:#FFFFFF;
	text-decoration:none;
}
.btn_detile a {
	color:#FFF;
}
.btn_detile:hover {
	background-color:#005646;
}
.btn_detile i {
	position:absolute;
	right: 10px;
	top: 5px;
	font-size: 2em;
}
/* ピックアップ */
.pickUpArea {
	position:absolute;
	bottom:55px;
	width:100%;
	padding-top:40px;
}
.pickUp {
	max-width:960px;
	margin:0 auto;
	padding:20px;
	background-color:rgba(255,255,255,0.70);
}
.pickUp .pickUpLogo,.pickUp .pickUptext{
	float:left;
}
.pickUpLogo {
	width:150px;
}
.pickUp .pickUptext {
	max-width:750px;
	margin:3px 0 0 15px;
	line-height:1em;
}
.pickUp .pickUptext p {
	margin:0;
}
@media screen and (min-width: 641px) {
	.opening_sp, .navArea_SP02 {
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.opening_sp {
		width:100%;
		padding:7px 0px;
		position:absolute;
		bottom:0;
		background-color:rgba(255,255,255,0.70);
		font-size:.8em;
		text-align:center;
	}
	.pickUpArea {
		position:static;
		font-size:.7em;
		padding-top:0;
}
	.pickUp {
		padding:10px;
		background-color:rgba(255,255,255,1);
	}
	.pickUpLogo {
		width:25%;
		margin:4px 0;
}
	.pickUpLogo img {
		width:100%;
	}
	.pickUp .pickUptext {
		width:72%;
		margin:0 0 0 3%;
	}
}


h2 {
	margin-top:0;
	margin-bottom:0;
	font-size:1.1em;
}
h2 span {
	font-size:.8em;
}
h2 img {
	margin-right:10px;
	vertical-align:middle;
}
h2.h2_big {
	margin-top:0;
	margin-bottom:20px;
	margin-right:70px;
	text-align:center;
	font-size:1.8em;
}
@media screen and (max-width: 640px) {
	h2 {
	font-size:1em;
	}
	h2 span {
	font-size:.7em;
	font-weight:normal;
	}
	h2 img {
		width:15%;
	}
	h2.h2_big {
		margin-bottom:10px;
		margin-right:30px;
		font-size:1.1em;
	}
}
.post {
	padding:20px;
}
@media screen and (max-width: 640px) {
	.post {
		padding:10px;
	}
}
.col_mt10{
	margin-top: 10px;
}
.col_mt20{
	margin-top: 20px;
}
.col_mt30{
	margin-top: 30px;
}

/* 赤城自然園とは */
.aboutArea h2{
	display: flex;
	align-items: center;
	justify-content: center;
}
.aboutArea .hoverArea img {
    width: 100%;
    height: auto;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}
/* 園内マップ */
.mapArea h2{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mapArea .hoverArea img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 640px) {
	.aboutArea h2, .mapArea h2 {
			display: block;
	}
}

/* 赤城自然園の四季 */
.seasons {
	margin-bottom:20px;
	background-color:#FFF;
}
.seasons .column4 {
	position:relative;
	max-width:220px;
	float:left;
	text-align:center;
}
.seasons .column4 img {
	width:100%;
}
@media screen and (min-width: 641px) {
	.seasons .column4:not(:last-child){
		margin-right:26px;
	}
}
.seasons .column4 a {
	color:#6e7955;
	text-decoration:underline;
	cursor:pointer;
}
@media screen and (min-width: 641px) {
.seasons .column4 a:hover {
	color:#b9b15b;
	text-decoration:none;
}
}
.seasons .column4 .hoverArea {
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
	.seasons {
		/*margin-bottom:10px;*/
	}
	.seasons .column4 {
		width:48%;
	}
	.seasons .first {
		margin-right:4%;
	}
	.seasons .first_line {
		margin-bottom:10px;
	}
	.seasons .column4 img {
		margin-bottom:3px;
	}
}

/* 詳細へのボタン */
@media screen and (min-width: 641px) {
.hoverArea {
	position:relative;
}
.hoverArea img {
	width:100%;
	height:100%;
}
.hoverArea .detail_hover {
	/*display:block;*/
  display: flex;
  justify-content: center;
  align-items: center;
  
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.50);
	opacity:0;
	text-align:center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
}
.hoverArea .detail_hover:hover {
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index:3;
}
.hoverArea .detail_hover span {
	display:block;
	/*vertical-align:middle;*/
	position:relative;
	width:80%;
	/*top:41%;*/
	border:1px solid #FFFFFF;
	padding:5px 0 3px;
	margin:0 auto;
	background-image:url(https://akagishizenen.jp/hubfs/img/common/arrow_btnDetile.png);
	background-repeat:no-repeat;
	background-position:96% center;
	background-size:10px;
	color:#FFFFFF;
	font-size:.9em;
}
}
@media screen and (max-width: 640px) {
	.hoverArea .detail_hover {
		display:none;
	}
}

.post a {
	color:#444444;
	text-decoration:none;
	font-weight:normal;
}
.program .programDate a {
	color:#6e7955;
	text-decoration:underline;
}

.column3 h2 {
	margin-top:15px;
}

.column3,.busTour,.banners,.mailMagazine {
	width:32%;
}
.program,.column3,.busTour .post,.news,.busTour,.banners,.staffBlog,.socialMedia,.mailMagazine {
	margin-bottom:20px;
}
.program,.column3,.program,.busTour .post,.news, .staffBlog,.socialMedia,.mailMagazine {
	background-color:#FFF;
}
.column3.bgcolor_none{
	background:none;
}
@media screen and (max-width: 640px) {
	.mailMagazine {
		margin-bottom:0;
	}
	.detail_h2_sp {
		display:block;
		position:relative;
	}
	.detail_h2_sp h2 {
		position:absolute;
		bottom:0;
		width:94%;
		padding:3%;
		background-color:rgba(0,86,70,0.7);
		color:#FFF;
		background-image:url(https://akagishizenen.jp/hubfs/img/common/arrow_btnDetile.png);
		background-position:96% center;
		background-repeat:no-repeat;
		background-size:3.5%;
	}
}


/* おすすめプログラム・イベント */
/*.program {
	width:66%;
}
.programInn {
	max-width:300px;
	float:left;
}
h2.program_h2 {
	margin-top:0;
	margin-bottom:20px;
	margin-right:20px;
	text-align:center;
}
h2.program_h2 img {
	float:none;
}
.program ul{
	margin:0;
	padding:0;
	list-style:none;
}
.program .mg_r {
	margin-right:20px;
}
.program .mg_b {
	margin-bottom:30px;
}
.programInn > a {
	display:block;
	float:left;
	margin-right:10px;
	background-color:#000;
}
.programInn > a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (min-width: 641px) {
	.programInn > a img:hover {
		opacity:.7;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
}
.programDate {
	width:130px;
	float:right;
}
.programDate h3 {
	margin-top:0;
	margin-bottom:10px;
	color:#6e7955;
	font-size:1em;
	font-weight:normal;
}
.programDate h3 a {
	color:#6e7955;
	text-decoration:underline;
}
@media screen and (min-width: 641px) {
.programDate h3:hover {
	color:#b9b15b;
}
.programDate h3 a:hover {
	color:#b9b15b;
	text-decoration:none;
}
}
.programInn ul {
	margin:0;
	padding:0;
	list-style:none;
}
.programInn ul li {
	text-indent:-1em;
	margin-left:1em;
	text-align:left;
	font-size:12px;
}
.programInn ul li:before {
	content:"・";
	}
@media screen and (max-width: 640px) {
	h2.program_h2 {
		margin-bottom:10px;
		margin-right:0;
		font-size:.9em;
	}
	h2.program_h2 img {
		width:10%;
		margin-right:3px;
	}
	.program .programInn {
		float:left;
		width:45%;
	}
	.post .bx-wrapper .bx-next {
    background: url(https://akagishizenen.jp/hubfs/img/top/btn_next.png) right center no-repeat;
		background-size:100%;
	}
	.post .bx-wrapper .bx-prev {
		background: url(https://akagishizenen.jp/hubfs/img/top/btn_before.png) left center no-repeat;
		background-size:100%;
	}
	.sliderInn {
		width:65%;
		margin:0 auto;
	}
	.program .mg_r {
		margin-right:10%;
	}
	.program .mg_b {
		margin-bottom:0;
	}
	.programInn a {
		clear:both;
		margin-right:0;
	}
	.programDate {
		width:100%;
		margin-top:10px;
		clear:both;
	}
	.programDate h3 {
		font-size:.7em;
		margin-bottom:5px;
	}
	.programInn ul li {
		font-size:10px;
	}
}*/

/* おすすめプログラム・イベント */
.program {
	margin-bottom:20px;
	background-color:#FFF;
}
.program .column4 {
	position:relative;
	max-width:220px;
	float:left;
	text-align:center;
}
.program .column4 img {
	width:100%;
}
@media screen and (min-width: 641px) {
	.program .column4:not(:last-child){
		margin-right:26px;
	}
}
.program .column4 a {
	color:#6e7955;
	text-decoration:underline;
	cursor:pointer;
}

@media screen and (min-width: 641px) {
.program .column4 a:hover {
	color:#b9b15b;
	text-decoration:none;
}
}
.program .column4 .hoverArea {
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
	.program {
		margin-bottom:20px;
	}
	.program h2.h2_big {
			margin-right: 10px;
			font-size: .9em;
	}
	.program .column4 {
		width:48%;
	}
	.program .first {
		margin-right:4%;
	}
	.program .first_line {
		margin-bottom:20px;
	}
	.program .column4 img {
		margin-bottom:3px;
	}
}


/* 日帰りバスツアー */
.busTour .post{
	margin-bottom: 0;
}
.busTour a h2 {
	margin-bottom: 0;
}
.busTour .hoverArea a {
	color:#444444;
	text-decoration:none;
}
.busTour p {
	margin-bottom:0;
	font-size:.9em;
	line-height:1.7em;
}
.busTour span.bus_span {
	color:#a25768;
}
@media screen and (max-width: 640px) {
	.busTour a h2 {
		margin-bottom:0;
		z-index: 1;
	}
}
/* バナー */
.banner {
	display:block;
	background-color:#000;
	border-radius:9px;
}
.banner img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 640px) {
.banner {
	margin: 0 0 20px;
}
.banner img {
	width:100%;
}
}
@media screen and (min-width: 641px) {
.banner img:hover {
	opacity:.7;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
}
/* みんなの赤城自然園 */
.everyonesArea, .movieArea {
	position:relative;
}
.everyonesArea p {
	margin:0 auto 10px;
	font-size:.9em;
	float:right;
	width:220px;
}
.everyonesArea .iconPickup {
	position:absolute;
	top:5px;
	left:5px;
}
.post .btn_detile {
	position:absolute;
	width:280px;
	bottom:20px;
	color:#FFF;
	padding:13px 0 12px;
	font-size:1em;
}
.post .btn_detile i {
	top:7px;
}
.movieArea iframe {
	vertical-align:middle;
}
.imgOnText {
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	background-color:#a25768;
	padding:2px 5px;
	border-radius:2px;
	color:#FFF;
	font-size:.8em;
	z-index:1;
}
@media screen and (max-width: 640px) {
	.everyonesArea p {
		margin:5px auto 15px;
		font-size:.8em;
		width:82%;
	}
	.post .btn_detile {
		position:static;
		width:100%;
		padding: 10px 0 8px;
	}
}
/* 園の動画 */
@media screen and (max-width: 640px) {
	iframe {
		width:100%;
	}
	.movieArea h2 {
		margin-bottom:15px;
	}
}
/* 園のいきものたち */
.livingthings .post {
	background-color:#FFF;
}
.livingthings h2 {
	margin-top:15px;
}
/* 渡り蝶“アサギマダラ”情報 */
.asagimadara h2 {
	margin-top:15px;
}


/* 園スタッフブログ */
/*.staffBlog .column3 {
	width:310px;
}
.staffBlog h3 {
	margin-bottom:0;
	font-size:1em;
	letter-spacing:2px;
}
.staffBlog p {
	margin:0;
	font-size:.9em;
	line-height:1.6em;
}
.staffBlog .flexColumn_pc a {
	color:#6e7955;
	text-decoration:underline;
}
@media screen and (min-width: 641px) {
.staffBlog .flexColumn_pc a:hover {
	color:#b9b15b;
	text-decoration:none;
}
}

.staffBlog .btn_detile {
	position:relative;
	margin:50px auto -20px;
}
.staffBlog .btn_detile a {
	color:#FFF;
	text-decoration:none;
}
.staffBlog ul {
	padding:0;
	margin:0;
	list-style:none;
}

@media screen and (max-width: 640px) {
	.staffBlog .column3 {
		width:70%;
		margin:0 auto;
	}
	.staffBlog .column3 img {
		width:100%;
		height:100%;
	}
	.staffBlog h2.h2_big {
		margin-right:10px;
	}
	.staffBlog h2.h2_big img {
		width:11%;
		margin-right:5px;
	}
	.staffBlog h3 {
		font-size:.9em;
	}
	.staffBlog strong {
		font-size:.8em;
	}
	.staffBlog p {
		font-size:.7em;
	}
	.staffBlog .btn_detile {
		position:static;
		margin:15px auto 0;
	}
}*/


/* 園スタッフブログ */
.blogArea{
	background-color: #fff;
}
.blogArea h2{
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}
.blogArea h2 a{
	margin-left: 10px;
}
.blogArea .hoverArea img {
    width: 100%;
    height: 90px;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}
.blogArea a .blog_ttl{
	color: #6e7955;
	text-decoration: underline;
	cursor: pointer;
	margin: 5px 0;
}
.blogArea a .blog_date{
	font-size: .9em;
}
@media screen and (max-width: 640px) {
	.blogArea h2 a img{
		width: 100%;
	}

	
	.blogArea .hoverArea img {
			height: 100%;
	}
}

/* お知らせ */
.news {
	width:66%;
}
.news .news_h2 {
	width:200px;
	float:left;
}
.news .icon_rss {
	margin-left:10px;
	margin-bottom:4px;
}
.news .icon_new {
	margin-right:5px;
	margin-bottom:4px;
}
.news .btn_detile {
	position:relative;
	float:right;
	width:180px;
	background-size:5%;
	padding:5px 0 3px;
	margin-top:20px;
}
.news ul {
	margin:10px 0 0;
	padding:0;
}
.news ul li {
	list-style:none;
	font-size:.9em;
	line-height:2em;
}
.news ul li span {
	width:150px;
	display:inline-block;
	margin-right:20px;
}
.news ul li a {
	color:#6e7955;
	text-decoration:underline;
}
@media screen and (min-width: 641px) {
.news ul li a:hover {
	color:#b9b15b;
	text-decoration:none;
}
}

@media screen and (max-width: 640px) {
	.news {
		width:100%;
		margin-top: -20px;
	}
	.news .news_h2 {
		width:65%;
	}
	.news .icon_news {
		width:20%;
		margin-right:5px;
	}
	.news .icon_rss {
		width:30%;
		margin-left:5px;
		margin-right:0;
	}
	.news .btn_detile {
		position:static;
		width:35%;
		background-size:6%;
		padding:5px 0 3px;
		margin-top:5px;
		font-size:.7em;
	}
	.news .icon_new {
		margin-right:5px;
		margin-bottom:0;
	}
	.news ul li {
		font-size:.8em;
		line-height:1.5em;
		margin-bottom:10px;
	}
	.news ul li span {
		width:auto;
		margin-right:0;
		margin-left:-6px;
	}
}
.banners .mg_b {
	margin-bottom:20px;
}
/* 園ソーシャルメディアのご紹介 */
/*.socialMedia {
	width:100%;
}
.socialMedia .post > div {
	width:725px;
	margin:auto;
}
@media screen and (max-width: 640px) {
.socialMedia .post > div {
	width:100%;
	margin:auto;
}
}
.socialMedia p {
	font-size:.9em;
}
.socialMedia .column4 {
	float:left;
	width:145px;
	font-size:.7em;
	text-align:center;
}
.socialMedia .column4 img {
	margin-bottom:10px;
}
.socialMedia p, .socialMedia .flexColumn {
	margin-left:60px;
	margin-top:0;
}
@media screen and (max-width: 640px) {
.socialMedia {
	width:100%;
}
.socialMedia h2 {
	font-size:.8em;
}
.socialMedia h2 img {
	width:12%;
	margin-right:5px;
}
.socialMedia p {
	margin-left:10%;
	font-size:.7em;
}
.socialMedia .column4 {
	width:20%;
}
.socialMedia .column4 img {
	width:50%;
}
.socialMedia .flexColumn {
	margin-left:0;
	font-size:.5em;
}
.socialMedia .column4 .icon_youtube {
	width:100%;
}
}*/
.socialMedia {
	width: 32%;
}
.socialMedia p{
	margin: 10px 0 0 0;
}
.socialMedia .post > div {
	width: auto;
	margin: 20px auto 0;
}
.socialMedia .cf .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.socialMedia .post .cf .flex a{
	margin-bottom: 20px;
	display: block;
}
@media screen and (max-width: 640px) {
.socialMedia {
	width: 100%;
}
}

/* メールマガジン */
.mailMagazine p {
	font-size:.9em;
	margin:10px 0 0;
}
.mailMagazine .post .btn_detile {
	position:relative;
	bottom:auto;
	margin-top:20px;
}

@media screen and (max-width: 640px) {
.mailMagazine {
	width:100%;
}
.mailMagazine h2 {
	text-align:center;
	margin-right:10px;
}
.mailMagazine h2 img {
	margin-right:2px;
	widows:10%;
}
.mailMagazine p {
	font-size:.7em;
	margin:0 0 10px;
}
	
	
	.column3,.program,.programInn,.busTour,.notice,.noticeInn,.banners{
		width:100%;
	}
}

.comingSoon_btn {
	position: absolute;
	width: 280px;
	bottom: 20px;
	color: #FFF;
	padding: 13px 0 12px;
	font-size: 1em;
	text-align:center;
	background-color:#999999;
	border-radius:7px;
}
.comingSoon_img {
	opacity:0.5;
}
.bnr_comingSoon {width:100%;}
@media screen and (max-width: 640px) {
	.comingSoon_btn {
		position:relative;
		width: 100%;
		bottom: auto;
	}
}