.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}
.red {
	color: red
}

@media screen and (max-width: 750px) {
.sp_hidden {
	display: none
}
.pc_hidden {
	display: inline
}

body {
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size:12pt;
	line-height:160%;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 100;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition   : 0.5s ease-in-out;
  transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background : #fff;
  -webkit-transform: rotate(315deg);
  -moz-transform   : rotate(315deg);
  transform        : rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background : #fff;
  -webkit-transform: rotate(-315deg);
  -moz-transform   : rotate(-315deg);
  transform        : rotate(-315deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.7);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  z-index: 1;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: none;
}

.active ul li a {
  display: block !important;
  color: #fff;
  padding: 0.5em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;

}

#navArea{
width: 100%;
max-width: 100%;
min-width: 100%;
}

.logo{
margin-left: 20px;
}

.menu_gr{
background: linear-gradient(transparent 100%, #92cc9e 50%);
margin: 0;
padding: 1em 0 !important;
border-bottom: 0;
}

.menu_ye{
background: linear-gradient(transparent 100%, #f0ea0c 100%);
margin: 0;
padding: 1em 0 !important;
border-bottom: 0;
}

.menu_re{
background: linear-gradient(transparent 100%, #f2a5c6 50%);
margin: 0;
padding: 1em 0 !important;
border-bottom: 0;
}

.main_img{
z-index: 4;
}

/* Swiperの親要素 */
.swiper-parent {
	position: relative;
}
/* Swiper本体 */
.swiper-container {
	width:100%;
	padding-bottom: 80px;		/* ★ページネーション・スクロールバー分の余白50pxを下に取る */
	box-sizing: content-box;
}
/* 前・次スライドボタンの縦位置調整（スライドの高さの中央に合わせる） */
.swiper-button-prev, .swiper-button-next {
	top: calc((100% - 50px) * 0.5);	/* ☆★ページネーション・スクロールバー（50px）を除く縦位置の中央（＝スライドの高さの中央）に一旦配置 */
	margin-top: -22px;			/* ★ボタンの高さ（44px）の半分のネガティブマージンで上に少しずらす */
	z-index: 1 !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 50px !important;
}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 50px !important;
}

.index01,.index02{
max-width: 100%;
margin: 50px auto 100px;
}

.index01 ul,.index02 ul{
list-style: none;
}

.index01 h3{
font-size: 30px;
}
.index01 h3 span{
color: #F2A5C6;
}

.index01 .sub_title{
text-align: center;
margin-bottom: 30px;
line-height: 1.5;
}

.index01 .index01_list li{
width: 100%;
float: none;
text-align: center;
margin-bottom: 10px;
}

.index01 .index01_list li img{
width: 100%;
}













.index02 h3{
font-size: 30px;
}
.index02 h3 span{
color: #92CC9E;
}

.index02 .sub_title{
margin-bottom: 30px;
}

.index02 .index02_list{
display: block;
margin: auto;
}

.index02 .index02_list li{
width: 90%;
display: block;
margin: auto;
float: none;
margin-bottom: 80px;
line-height: 1.4;
}

.index02 .index02_list li img{
margin-bottom: 10px;
width: 100%;
}

.index02 .index02_list li a b{
display: block;
position: relative;
padding-left: 20px;
}


footer .foot_wrap{
padding: 0 30px;
}

footer .foot_logo{
float: none;
margin-right:0;
margin-bottom: 20px;
}

footer ul.f_menu li{
float: left;
line-height: 30px;
}

footer ul.f_menu li::after{
content: "／";
color: #FFFFFF;
margin: 0 10px;
}
footer ul.f_menu li:last-child::after{
content: "";
color: #FFFFFF;
margin: 0 20px;

}
footer ul.f_sns li{
margin-bottom: 15px;
}



.second{
	margin:0 auto;
}
.second .contents{
	position:relative;
	width:90%;
	margin:0 auto 30px;
}
.second ul{
	list-style: none;
}
.second h3{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 30px;
	color: #444444;
	text-align: center;
	border-bottom: solid 1px #444;
	padding-bottom: 10px;
	margin-bottom:30px;
}
.second h3 span{
	color: #92CC9E;
}
.second .contents p.inner{
	padding-bottom:30px;
}
.second .sub_title{
	margin-bottom:30px;
}

.second .howto_zoom{
	background-color: #F2A5C6;
	color: #FFFFFF;
	padding: 5px;
	border-radius: 10px;
	display: block;
	text-align: center;
	max-width: 220px;
	margin:0 auto 30px;
}
.second .howto_zoom:hover{
	opacity: 0.5;
}



.contents .title_g{
	background:#f6f6f6;
	margin-bottom:15px;
	font-weight:bold;
	color:#666;
	position:relative;
}
.contents .title_g::before{
  	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #F2A5C6 transparent transparent transparent;
}
.contents .title_g p{
	padding:7px 10px 7px 20px ;
}

.second .contents p.inner{
	padding-bottom:30px;
}

/* ママ会　一覧 */
.second .mamakai_list{
	margin:auto;
}
.second .mamakai_list li{
width: 90%;
display: block;
margin: auto;
float: none;
margin-bottom:40px;
line-height: 1.4;
}

.second .mamakai_list li span{
font-size: 11px;
border: 1px #444 solid;
display: block;
text-align: center;
width: 50px;
float: left;
margin-right: 10px;
margin-bottom: 5px;
line-height: 1.8;
}
.second .mamakai_list li .ev_details{
margin-top: 15px;
line-height: 1.3;
}
.second .mamakai_list li img{
	margin-bottom: 10px;
	width: 100%;
}
.second .mamakai_list li a{
color: #707070;
}
.second .mamakai_list li a:hover{
opacity: 0.8;
}
.second .mamakai_list li a b{
display: block;
position: relative;
padding-left: 20px;
}
.second .mamakai_list li b::before{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 0;
}

.second .mamakai_list li:nth-child(1) b::before{
  border-color: #92cc9e transparent transparent transparent;
}
.second .mamakai_list li:nth-child(2) b::before{
  border-color: #f0ea0c transparent transparent transparent;
}
.second .mamakai_list li:nth-child(3) b::before{
  border-color: #F2A5C6 transparent transparent transparent;
}
.second .mamakai_list li:nth-child(4) b::before{
  border-color: #92cc9e transparent transparent transparent;
}
.second .mamakai_list li:nth-child(5) b::before{
  border-color: #f0ea0c transparent transparent transparent;
}
.second .mamakai_list li:nth-child(6) b::before{
  border-color: #F2A5C6 transparent transparent transparent;
}
.second .mamakai_list li br{
clear: left;
}
.second .all_mamakai{
text-align: center;
margin-top: 30px;
}
.second .all_mamakai a{
color: #999;
text-decoration: underline;
}



/* 記事ページ共通 */
.event .contents .head_img{
	padding-bottom:20px;
}
.event .contents .head_img img{
	width:100%;
}
.event .contents .title{
	font-weight:bold;
	font-size:14pt;
	padding-left: 20px;
	margin-bottom:20px;
	color: #707070;
}
.event .contents .title:before{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #F2A5C6 transparent transparent transparent;
}

.event .contents .sec_title{
	padding-bottom:20px;
}
.event .contents .ev_details{
	padding-bottom:20px;
}
.event .contents .ev_details p{
	display:block;
	overflow:hidden;
	padding-bottom:5px;
	line-height: 1.8;
}
.event .contents .ev_details span{
	font-size: 12px;
	border: 1px #444 solid;
	display: block;
	text-align: center;
	width: 60px;
	float: left;
	margin-right: 10px;
	padding:5px;
}
.event .contents .free{
	background:#f7f7f7;
	padding:10px;
	margin-bottom:20px;
	}
	
	
	
/* ボタン */
.btn_list{
	flex-direction: column;

	}
.btn_list a{
	margin:0 auto;
	width:90%;
	display:block;
	padding:10px 20px;
	border-radius:10px;
	background:#f2a5c6;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	}

/* テーブル */
.table_form {
	border-collapse: separate;
	border-spacing: 1px;
	background: #ddd;
	border-style: none;
	width:100%;
	margin-bottom:20px;
}
.table_form th {
	background-color: #f3f3f3;
	padding: 10px;
	font-weight: normal;
	border-top: 1px solid #FFF;
	text-align:left;
	display:block;
	width:100%;
}
.table_form td {
	background-color: #FFF;
	padding:10px;
	border-top: 1px solid #FFF;
	display:block;
}
.table_form input{
	border:1px solid #aaa;
}
.table_form input.full{
	width:100% !important;
	border:1px solid #aaa;
}
.table_form textarea{
	width:100% !important;
	height:100px !important;
	border:1px solid #aaa;
}
.zoom{
	width: 90%;
    height: auto;
}



}