@import url("css/webfonts.css");
/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* additional by Mazznoer */

:focus {
	outline: none;
}

/* =Basic HTML
-------------------------------------------------------------- */

html {

	overflow-y: scroll;
	/* maxvoltar.com/archive/-webkit-font-smoothing */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background:#f8e8ec;

}
body {
	color:#000;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size:18px;
	line-height:30px;
	font-weight:400;

}
.sp{
	display:none;
}

a:link,
a:visited{
	color:#000;
}
hr {
	background: #ccc;
	border: none;
	height: 1px;
}
b, dt, strong {
	font-weight: 600;
}
blockquote, ol, p, pre  {
	margin: 13px 0;
}
blockquote {
	font-family: georgia;
	font-size: 1.1em;
	margin-left: 40px;
}

img{
	vertical-align:bottom;
}

mark {
	background-color: #ff9;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
q:before,
q:after {
	content: '"';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}
pre {
	overflow: auto;
}
address, em {
	font-style: italic;
}
code, kbd {
	font-family: monospace;
	font-size: 1.2em;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	transition: transform .3s;
}
/* =ナビ
------------------------------------------------------------------------------ */



.pckg {
	display:block;
}
.logo{
	position: fixed;
	top: 10px;
	left:10px;
  z-index: 1000;
}
.logo img{
	width:230px;
	height:auto;
}
#footer {
	background:#ea779e;
	padding:30px 0;
	text-align:center;
	margin: 0 auto;
	width: 100%;
	max-width:730px;
	font-size:3em;
}
#footer a:link,
#footer a:visited,
#footer a:hover{
	color:#fff;
}
#footer i{
	padding:0 10px;
}
/* =Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	line-height: 1.4em;
}
h1 {
	font-size: 3.5em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	text-align:center;
	margin:10px 0 50px 0;
}

.midashi h2 {
	font-size:2.3em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	background:#fff;
	text-align:center;
	line-height:60px;
	margin:40px 0;
}
.midashi h2.min {
	font-size:1.8em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	background:#fff;
	text-align:center;
	line-height:50px;
	margin:40px 0;
	padding:10px 0;
}
.midashi h2.min .pink{
	font-size:1.2em;

}

.pink{
	color:#ea779e;
}
/* =ページトップ
------------------------------------------------------------------------------ */

.pagetop {
	position: fixed;
	bottom: 64px;
	right: 10px;
	/*\*/ 
	overflow: hidden;
	/**/
}
.pagetop a {
	display: table;
	height: 48px;
	width: 48px;
	background-color: rgba(230,154,155,0.85);
	color: #fff;
	/*
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	*/
}
.pagetop span[class*="icon-"] {
	font-size: 1.8rem;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.pagetop a:hover,
.pagetop a:active {
	text-decoration: none;
	color: #fff;
}




/* =Layout
-------------------------------------------------------------- */
#container {
	width:100%;
	overflow:hidden;
}


#main-content {
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width:730px;
	background:#f8e8ec;
}
.main{
	width:90%;
	margin:0 auto;
}
.plantext{
	font-size:1.3em;
	font-weight:500;
	line-height:30px;
}

.plan{
	width:100%;
	margin:0 auto 30px auto;
	background:#fff;
	padding:25px;
	box-sizing:border-box;
	overflow: hidden;
}

.plan02{
	width:100%;
	margin:0 auto 30px auto;
	background:#fff;
	padding:25px;
	box-sizing:border-box;
	overflow: hidden;
}

.w_plan{
	background:#fff;

}
.plan h3,
.plan02 h3{
	font-size:2.0em;
	font-weight:700;
	margin:0 0 30px 0;
}
.plan h4,
.plan02 h4{
	font-size:1.4em;
	background:#ea6363;
	color:#fff;
	width:16em;
	margin:30px auto 50px auto;
	font-weight:500;
	text-align:center;
	line-height:50px;
}

.plan .text,
.plan02 .text{
	font-size:1.1em;

}
.plan .kakaku,
.plan02 .kakaku{
	font-size:0.9em;
	text-align:left;
	line-height:20px;
	font-family: "Zen Old Mincho", serif;
	margin:0 0 50px 0;
}
.plan .kakaku img,
.plan02 .kakaku img{
	width:100%;
	height:auto;
}
.plan .kakaku .en,
.plan02 .kakaku .en{
	font-size:0.6em;
	font-weight:500;
}
.plan .kakaku .zei,
.plan02 .kakaku .zei{
	font-size:0.3em;
	font-weight:400;
}
.plan .text02,
.plan02 .text02{
	font-size:1.2em;
	font-family: "Zen Old Mincho", serif;
	font-weight:900;
	text-align:center;
}
.plan h5,
.plan02 h5{
	font-size:1.2em;
	background:#32bbd4;
	width:100%;
	margin:20px auto;
	font-weight:700;
	text-align:center;
	line-height:60px;
	color:#ea779e;
	border-top:1px solid #ea779e;
	border-bottom:1px solid #ea779e;
	background:#fff;
}
.plan th,
.plan02 th{
	background:#ea779e;
	text-align:left;
	color:#fff;
	font-weight:500;
	padding:8px;
	box-sizing:border-box;
	border:1px solid #fff;
	white-space:nowrap;
	font-size:0.9em;
}
.plan td,
.plan02 td{
	text-align:left;
	padding:8px;
	border-bottom:1px solid #ea779e;
	box-sizing:border-box;
}
.planset ul{
	margin:0 0 20px 0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.planset ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.planset ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width:31%;
	box-sizing: border-box;
	padding:10px;
	margin:1%;
	background:#ea779e;
	color:#fff;
	font-weight:400;
	border-radius:5px;
	line-height:25px;
	font-size:0.9em;
}
.planset ul li span{
	text-align: left;
	font-weight:700;
	line-height:25px;
}
.planset ul li.link {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
	padding:0;
	margin:1%;
	background:#fff;
	color:#fff;
	border-radius:5px;
}
.planset h6{
	font-size:1.1em;
	font-weight:500;
	text-align:center;
	padding:10px 0;
}
.morebtn {
	display: block;
	width: 100%;
	margin:20px auto 0 auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-weight:700;
	color:#32bbd4;
	background:#fff;
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
	border:2px solid #32bbd4;
}
a.morebtn,
a:link.morebtn{
	color:#32bbd4;
}
a:hover.morebtn,
.morebtn:hover {
	color:#fff;
	background:#32bbd4;
	text-decoration: none;

}
.morebtn::before,
.morebtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.morebtn,
.morebtn::before,
.morebtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main h5.text{
	font-size:1.4em;
	background:#32bbd4;
	width:100%;
	margin:30px auto 0 auto;
	font-weight:700;
	text-align:center;
	line-height:70px;
	color:#fff;
}
.main th{
	width:40%;
	vertical-align:top;
	padding-bottom:10px;
}
.main th img{
	width:100%;
	height:auto;
}
.main td.spa{
	width:60%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.main td .midashi{
	font-size:1.2em;
	font-weight:500;
	padding:8px;
	color:#fff;
	padding:5px 15px;
	margin:20px 0 10px 0;
	box-sizing:border-box;
	background:#ea6363;
	border-radius:8px;
}
.set{
	width:100%;
	max-width:730px;
	margin:0 auto;
}
.set_sub {
	width:100%;
	max-width:730px;
	margin:0 auto;
	background:#ede6dc;
	padding:0 0 0 0;
}
.set h2 {
	font-size:1.7em;
	width:10em;
	margin:60px auto 20px auto;
	font-family: "Zen Old Mincho", serif;
	font-weight:500;
	text-align:center;
	line-height:50px;
	background:#ff5858;
	color:#fff;
}
.set_sub h5{
	font-size:1.4em;
	background:#32bbd4;
	width:100%;
	margin:30px auto 0 auto;
	font-weight:700;
	text-align:center;
	line-height:70px;
	color:#fff;
}
.set .midashi{
	font-size:1.2em;
	font-weight:500;
	text-align:center;
	margin:0 0 30px 0;
}
.set .kimono h3 {
	font-size:1.6em;
	background:#ff5858;
	color:#fff;
	width:8em;
	margin:0 auto 40px auto;
	font-weight:500;
	text-align:center;
	line-height:45px;
}
.set_sub .kimono h3 {
	font-size:1.6em;
	background:#ff5858;
	color:#fff;
	width:12em;
	margin:0 auto 40px auto;
	font-weight:500;
	text-align:center;
	line-height:45px;
}
.set .kimono{
	background:#ede6dc;
	padding:0 0 40px 0;

}
.set .kimono ul{
	margin:0 auto;
	padding:0;
	width:90%;
}
.set .kimono ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.set .kimono ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	padding:0;
	margin:0;
	font-size:0.9em;
}
.set .kimono ul li table{
	width:100%;
}
.set .kimono ul li td{
	width: 50%;
	padding:0;

}
.set .kimono img{
	width:100%;
	height:auto;
	display:block;
}
.set_sub .tokuten h3 {
	font-size:1.6em;
	background:#ff5858;
	color:#fff;
	width:12em;
	margin:0 auto 40px auto;
	font-weight:500;
	text-align:center;
	line-height:45px;
}
.set_sub .tokuten {
	text-align:center;
	font-weight:500;
}

.set_sub .kimono ul{
	margin:0 auto;
	padding:0;
	width:80%;
}
.set_sub .kimono ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.set_sub .kimono ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 33%;
	box-sizing: border-box;
	padding:0 20px;
	margin:0;
}
.set_sub .tokuten ul{
	margin:0 auto;
	padding:0;
	width:90%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.set_sub .tokuten ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.set_sub .tokuten ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	padding:20px;
	margin:0;
	font-size:0.9em;
	font-weight:400;
	line-height:25px;
}
.set_sub .tokuten ul li .min {

	font-size:0.8em;
	font-weight:400;
}
.set_sub .tokuten ul li h4{
	font-size:1.3em;
	font-weight:500;
	padding:10px 0 5px 0;
	margin-bottom:10px;
	border-bottom:5px solid #32bbd4;
}
.set_sub .tokuten img{
	width:100%;
	height:auto;

}
.tasu{
	font-size:4em;
	text-align:center;
	color:#5b5b5b;
	padding:40px 0;
}

.flow {
	width:100%;
	padding-bottom:40px;
}
.flow h2{
	font-size:1.7em;
	margin:60px auto 20px auto;
	font-family: "Zen Old Mincho", serif;
	font-weight:500;
	text-align:center;
	line-height:50px;	

}
.flow_box{
	width:90%;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	margin:20px auto;
}
.flow_box h3{
	box-sizing:border-box;
	font-size:1.3em;
	font-weight:700;
	color:#ff5858;
	border-bottom:1px solid #ddd;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
}
.rakuraku {
	background:#fff;
	box-sizing:border-box;
	padding:30px 0 0 0;
	margin:50px auto;
	width:95%;
	border-radius:10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
}
.rakuraku h1{
	font-size:2.6em;
	line-height:70px;
	margin:0;
	text-align:center;
	color:#ff4949;
	font-family: "Zen Old Mincho", serif;
}
.rakuraku .subh1{
	font-size:1.1em;
	font-weight:500;
	line-height:40px;
	text-align:center;
	font-family: "Zen Kaku Gothic New", sans-serif;
	color:#000;
	background:#ffcde5;
	border-radius:30px;
	padding:2px 0;
	margin:0 auto 10px auto;
	width:90%;
}
.rakuraku h2{
	box-sizing:border-box;
	text-align:center;
	font-size:1.3em;
	line-height:50px;
	font-weight:900;
	color:#fff;
	background:#0eaec6;
	border-radius:0px 0px 10px 10px ;
    -webkit-border-radius:0px 0px 10px 10px ;
    -moz-border-radius:0px 0px 10px 10px ;	
	
}
.rakuraku ul{
	width:90%;
	margin:0 auto;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.rakuraku ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.rakuraku ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width: 50%;
	box-sizing: border-box;
	padding:20px;
	margin:0;
	font-weight:500;
	line-height:25px;
	color:#b10053;
	
}
.rakuraku ul li img{
width:100%;
	height:auto;
	padding:0 0 10px 0;
}
.rakuraku ul li .photo{
	position:relative;
}
.rakuraku ul li .photo .no{
	position:absolute;
	background:#ff4da1;
	color:#fff;
	padding:2px 1em;
	font-weight:600;
	font-size:1.2em;
	line-height:35px;
	 border-radius:0px 0px 10px 0px ;
    -webkit-border-radius:0px 0px 10px 0px ;
    -moz-border-radius:0px 0px 10px 0px ;
}
/* =Content
-------------------------------------------------------------- */
.top_img img{
	width:100%;
	height:auto;
}
.top_img_bttm img{
	width:100%;
	height:auto;
}
.top_img table{
	width:100%;
	border-top:4px solid #ff4949;
}
.top_img td{
	width:33%;
	box-sizing:border-box;
	padding:10px;
	background:#fff;
	vertical-align:middle;
	font-size:1.1em;
	font-weight:700;
	text-align:center;
	color:#ff4949;
}
.top_img td.bf{
	border-left:1px solid #ff4949;
	border-right:1px solid #ff4949;
	
}
/* images and captions */


img.centered {
	display: block;
	margin: 10px auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


/* classes */

.clear {
	clear: both;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.justify {
	text-align: justify;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.page .nocomments {
	display: none;
}
.bypostauthor .fn {
	font-weight: bold;
}
.side_btn {
	border:0px;
	padding: 6px 6px;
	position: fixed;
	right: 0;
	top: 20%;
	background-color: transparent;
	-webkit-animation-name:side;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:side;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
	z-index:999;
}

.side_btn img{
	width:200px;
	height:auto;
}
@-webkit-keyframes side {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -4px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes side {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -4px);}
	100% {-moz-transform:translate(0, 0);}
}



/*アニメーション*/
.animation{
  animation: fuwafuwa 2s linear infinite;
  scale: 1;
}

@keyframes fuwafuwa{
 0%{transform:translateY(0)}
 50%{transform:translateY(-10px)}
 100%{transform:translateY(0)}
}


@media (max-width: 1024px) {
body {
	color:#000;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size:14px;
	line-height:25px;
	font-weight:400;
	background:url(img/back.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}
h1 {
	font-size: 2.6em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	text-align:center;
	margin:10px 0 35px 0;
}

.midashi h2 {
	font-size:2em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	background:#fff;
	text-align:center;
	line-height:60px;
	margin:40px 0;
}

.set .kimono ul{
	margin:0 auto;
	padding:0;
	width:90%;
}
.set .kimono ul li {
	display: block;
	float: none;
	list-style-type: none;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	padding:0 0;
	margin:0;
	font-size:0.9em;
}

	.set .kimono ul li.image img{
		width:80%;
		max-width:200px;
		height:auto;
		display:block;
		margin:0 auto;

	}
	.set .kimono ul li img{
		width:80%;
		max-width:200px;
		height:auto;
		display:block;
		margin:0 auto;

	}
.set_sub .kimono ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	padding:20px;
	margin:0;
}
.set_sub .tokuten ul li {
	display: block;
	float: none;
	list-style-type: none;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	padding:20px;
	margin:0;
	font-size:1em;
	font-weight:400;
	line-height:25px;
}
.set_sub .tokuten ul li .min {

	font-size:0.9em;
	font-weight:400;
}
.plan h3,
.plan02 h3{
	font-size:1.8em;
	font-weight:700;
	margin:0 0 30px 0;
}
.planset ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width:48%;
	box-sizing: border-box;
	padding:10px;
	margin:1%;
	background:#ea779e;
	color:#fff;
	font-weight:400;
	border-radius:5px;
	line-height:25px;
	font-size:0.9em;
}
	.side_btn{
		display:none;
	}
}
.cols{
	width:70%;
	max-width:500px;
	margin:0 auto;
}

.rakuraku h1{
	font-size:2.2em;
	line-height:40px;
	margin:0;
	text-align:center;
	color:#ff4949;
	font-family: "Zen Old Mincho", serif;
}
.rakuraku h1 span{
	font-size:0.5em;
	text-align:center;
	font-family: "Zen Kaku Gothic New", sans-serif;
	color:#000;
	background:#ffcde5;
	line-height:30px;
	border-radius:30px;
	padding:2px 2em;
}
.rakuraku h4{
	box-sizing:border-box;
	text-align:center;
	font-size:1.5em;
	font-weight:900;
	color:#fd4949;
}


.rakuraku ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	padding:5px;
	margin:10px 0;
	font-weight:500;
	line-height:20px;
	color:#b10053;
	
}
.rakuraku ul li img{
width:100%;
	height:auto;
}
.rakuraku ul li .photo{
	position:relative;
}
.rakuraku ul li .photo .no{
	position:absolute;
	background:#ff4da1;
	color:#fff;
	padding:1px 1em;
	font-weight:600;
	font-size:1.1em;
	line-height:30px;
	 border-radius:0px 0px 10px 0px ;
    -webkit-border-radius:0px 0px 10px 0px ;
    -moz-border-radius:0px 0px 10px 0px ;
}
#mobileFootNav { display:none; }
	.kgpc{
		display:block;
	}
@media only screen and (max-width: 1024px) {
	.kgpc{
		display:inline-block;
	}
	.kg{
		display:block;
	}
.midashi h2 {
	font-size:2.3em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	background:#fff;
	text-align:center;
	line-height:40px;
	margin:40px 0;
}
.midashi h2.min {
	font-size:1.8em;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
	background:#fff;
	text-align:center;
	line-height:40px;
	margin:40px 0;
	padding:10px 0;
}
	.logo{
		display:none;
	}
	#footer{
		margin-bottom:65px;
	}
#mobileFootNav { display:block; z-index:1030; width:100%; height:64px; position:fixed; bottom:0; }
#mobileFootNav { background:rgba(255,255,255,0.7); border-top:1px solid #e1e1e1; }
#mobileFootNav .ftNavBtn {
	float:left;
	width:48%;
	height:50px;
	margin:7px 1%;
	}
#wrap_all { padding-bottom:60px; }

/* ボタンデザイン */
a.blueButton {
	background:#32bbd4;
	border-radius:5px;
	display:block;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	line-height:50px;
	font-weight:500;
	width:100%;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
	border:1px solid #32bbd4;
}
a.blueButton:hover {
	background:#16b2cf;
	text-decoration:none;
	border:1px solid #32bbd4;
}
a.blueButton:active { position:relative; top:1px; }
}
a.blueButton img{
	width:auto;
	height:30px;
	padding:0 10px 5px;
	vertical-align:middle;
}
}
.news{
}	
.news ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.news ul:after {
	  content: "";
	  clear: both;
	  display: block;
	}
.news ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	padding:20px;
	margin:0;
}
.news ul li img{
	width:100%;
	height:auto;
	border-radius:10px;
}
.event-titel{
	font-size:1.2em;
	font-weight:500;
	padding:10px 0 0 0;
}