@charset "UTF-8";
/* CSS Document */

.slide {
    background-color: #fff;
    margin: 0.3em 0;
	width: 75%;
	float: left;
}



.content, .blockMenuList {
    padding: 1em;
}

.main:after,
.content:after,
.blockMenuList:after,
.new:after,
.contentBlock2:after,
.blog:after,
.event:after {
    content: "";
    display: block;
    clear: both;
}

.information ul:after {
    content: "";
    display: block;
    clear: both;
}

h1 {
}

h2 {
    font-weight: bold;
    font-size: 150%;
}

.content img {
    float: left;
}



p.more {
    text-align: right;
}


.content {

}

.blockMenuList img {
    margin-bottom: 1em;
}

.blockMenuList img.banner {
    border-top: none;
}

.blockMenuList img.qrcode {
	width: auto;
	height: auto;
	margin: 1em auto;
}

.eventForSide {
	background-color: #22A4DF;
	border-radius: 10px;
	margin-bottom: 1em;
	padding: .5em;
}

.eventForSide h2 {
	margin-bottom: .5em;
}

.eventForSide h2 a {
	color: #fff;
	text-decoration: none;
}

.eventForSide h2 a:hover {
	text-decoration: underline;
}

.eventForSide ul a {
	color: #fff;
	text-decoration: none;
}

.eventForSide ul a:hover {
	text-decoration: underline;
}

.eventForSide li {
	margin-bottom: .7em;
}




/* ---------------------------------header---------------*/


header .titleBlock img {

}

/*
header .titleBlock:after {
    content: "";
    display: block;
    clear: both;
}

.header_option img {
    border-radius: 6px;
    border: solid 2px #66cc66;
}

*/

.forEn_top,
.search_form,
.font_size_change {
	margin: 1em 0 1em 1em;
}

.forEn_top p.des_top a {
	text-shadow: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #22AC38;
	padding: 0.2em 0.3em;
	border: 1px solid #22AC38;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 100%;
	}

.forEn_top p.des_top a:hover {
	color: #22AC38;
	background-color: #ffffff;
	border: 1px solid #22AC38;
}


.search_form input.button_font_size {
	font-size: 100%;
	color: #fff;
	background-color: #C8152D;
	border: 1px solid #C8152D;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding: 0 0.3em;
}

.font_size_button {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color:#111;
	padding: 0.1em 0.3em;
	font-size: 100%;
}

#font-size a:link,
#font-size a:visited,
#font-size a:hover {
    text-decoration: none;
    color: #000;
}

/* ---------------------  information, blog, event の設定　---------*/


.contentBlock1 h2 a,
.contentBlock2 h2 a {
	text-decoration: none;
	color: #fff;
}

h2 a:hover {
	text-decoration: underline;
}


.information,
.blog,
.event {
    margin-bottom: 2em;
    padding: 2em;
}

.information {
	border: 5px solid #F8B62C;
}

h2.titleInformation {
	background-color: #F8B62C;
	border: 1px solid #F8B62C;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	padding: 0.4em 0 0.2em 2em;
}

.blog {
	border: 5px solid #84B41E;
}

h2.titleBlog {
	background-color: #84B41E;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	padding: 0.4em 0 0.2em 2em;
}
	
.event {
	border: 5px solid #2EA7E0;
}

h2.titleEvent {
	background-color: #2EA7E0;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	padding: 0.4em 0 0.2em 2em;
}


.information img,
.blog img,
.event img {
    height: auto;
    margin-bottom: 1em;
}
 
.new {
    margin-bottom: 1em;
}

.information h3,
.blog h3,
.event h3 {
    margin-bottom: 1em; 
	font-size: 120%;
	border-bottom: 2px solid #339900;
	padding-bottom: 0.5em;
}

.information h3 a:link,
.blog h3 a:link,
.event h3 a:link {
	text-decoration: none;
}

.information h3 a:hover,
.blog h3 a:hover,
.event h3 a:hover {
	text-decoration: underline;
}

.information li {
	border-top: 2px solid #339900;
	padding-top: 0.5em;
}

.information li img {
    margin: 1em 0;
}

.fb {
    text-align: center;
    width: 100%;
    padding: 1em 0;
}

.banners:after {
    content: "";
    display: block;
    clear: both;
}
	
.funclub a {
    font-size:140%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
}

.funclub a:hover {
	color: #155CCB;
}




/* --------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　　767px以下
-------------------------------------------------------- */

@media screen and (max-width : 767px){
    
.forPC {
	display: none;
}

.blockMenuList img {
    width: 50%;
    float: left;
}

.information li img {
    margin-bottom: 2em;
}

/* ------------------------------------  header   ----*/

.header_option {
    padding: 1em 2em 0 2em;
}

.forEn_top,
.search_form {
	float: right;
}

header .mapBlock img {	
}

.mapBlock div.pc {
	display: none;
}

.slide {
	float: none;
	width: 100%;
}



}

/* --------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　　768px以上
-------------------------------------------------------- */

@media screen and (min-width : 768px){

.main {
	margin-top: 3em;
}

.content {
    width: 70%;
    float: left;
    padding: 1em 0;
}

.forPhone {
	display: none;
}

.blockMenuList {
    width: 28%;
    float: right;
    padding: 1em 0;
}

.event {
    margin-bottom: 0;
}

.new img,
.blog img,
.event img {
    width:35%;
    margin-right: 3%;
    float: left;
}

.blog h3,
.event h3 {
    width: 62%;
    float: right;  
}

.new p,
.blog p,
.event p {
    width: 62%;
    float: right;
}

.information ul {
}

.information li {
    display: inline-block;  
    width: 30%;
	margin-right: 2%;
    padding: 0.5em 0 0.5em 0;
	vertical-align: top;
}

.information li div {
	height: 3em;
}

.information img {
    margin: 0.2em 0;
}

/*---------------------------------------header　-------　*/

.titleBlock {
    float: left;
    width: 75%;
}

.mapBlock {
	float: right;
	width: 24.2%;
}

.mapBlock div.phone {
	display: none;
}

.header_option {
    padding: 0.5em 0.5em 0 0;
}

.header:after,
.header_option:after {
    content: "";
    display: block;
    clear: both;
}

.forEn_top,
.font_size_change,
.search_form {
	float: right;
}



}

/* --------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　　1024px以上
-------------------------------------------------------- */

@media screen and (min-width : 1024px){

 #wrap {
     width: 1024px;
     margin: 0 auto;
 }
  
   
}

@media screen and (max-width : 800px){
    
.font_size_change {
        display: none;
    }
#font-size {
    display: none;
}

.blockMenuList img.qrcode {
	display: none;
}

}