@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show_inline{ display:none;}

img{ max-width:100%; height:auto;}


/* ------------------------------------ */


@media screen and (min-width: 751px) {
ul#gnavi { display: block !important; }
#sp-menuBar ,#sp-menuClose { display: none !important; }
}


@media screen and (max-width: 750px) {

body { line-height: 1.7; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show_inline{ display:inline;}

.sp-br-none br{display: none;}
#gnav.sp-show{ height:auto;}

img{ max-width:100%; height:auto;}


.pages{ margin: 0 10px 40px; }
.wrap{ margin:0 auto; width:auto; }

.col-l{ float: none; width: 100%; margin-bottom: 10px;}
.col-r{ float: none; width: 100%; margin-bottom: 10px;}

	#Container .content .col-l{ width: 100%; }
	#Container .content .col-r{ width: 100%; }

	#Container .content:last-child { margin: 0 0 30px; }


/* header
==========================================================*/
#header {background:#fff; padding:20px 0 0;}

#headerInner { width:100%; margin:0 auto; }

#header #logo { text-align: left; width: 75%; }


/*#menu{ float: none; background: #FCFBFB; display: none;}*/

	ul#gnavi { width: 100%; margin: 0 auto;  font-weight: bold; font-family: 'Cabin', sans-serif; border-top: solid 1px #ccc; display: none; }
	ul#gnavi li {float:none; margin:0; line-height: 45px; border-bottom: solid 1px #ccc; }
	ul#gnavi li span { padding: 0 15px }
	ul#gnavi li a { display: block; width: 100%; height: 100%; text-decoration: none;}
	ul#gnavi li .fa-chevron-right { padding-right: 7px; }
	ul#gnavi li i { display: inline; }

#sp-menuBar,#sp-menuClose { width:; text-align: right; position: absolute; top:25px; right: 20px; font-size: 35px; cursor: pointer; }
#sp-menuBar { display: block; }
#sp-menuClose { display: none; }



/* content
==========================================================*/

.content { padding:30px 10px;}

.wrap{ width:100%; }
.wrap900{ width:100%; }


#toTop{ position:absolute; right:10px; top:-55px;}



/* index */

.ind_main { width:100%; margin:50px auto 0; text-align:center;}

.ind_tel img { max-width: 310px; width: 85%; }

.ind_blogDetail { position:relative; top:0; right:0; width: 100%; height: 40px; line-height: 40px; margin: 15px 0 0;}

.ind_blogList {}
.ind_blogList ul { margin:0; padding:0;}
.ind_blogList li { margin-right:0; margin:0 0 10px; padding: 0 0 10px; border-bottom:solid 1px #ccc;}
.ind_blogList li img { width: 100%; }

.ind_blogList li .ind_postDay {}


/* about */

.about_imageList li { width: 100%; float:none; margin: 0 0 10px; }
.about_imageList li img { width: 100%; }
.about_tel { margin: 20px 0 0; text-align: center; }
.about_tel img { width: 85%; }
.about_fax { margin: 10px 0 0; text-align: center; }
.about_fax img { width: 85%; }

/* event */

.event_table table { width: 100%; margin: 20px auto; }
.event_table table th { display:block;  width:100%; padding: 5px 0; border: solid 1px #ccc; font-weight: bold; text-align: center; }
.event_table table td { display:block;  width:100%; padding: 10px 0 0; border: none; font-weight: bold; }
.event_table table td:last-child { padding:0 0 30px; font-weight: normal; }


/* access */

.access_googlemap { margin: 10px 0 }
.access_googlemap iframe { width: 100%; height: 300px; }



/* blog */

#blog_main { float:none; width:100%;}
.blog_post { margin:0 10px 80px;}
	.blog_title { float:left; width:100%; font-size:23px;}
	.blog_day { float:none; width:100px; text-align:left; margin:10px 0;}

#blog_side { float:none; width:100%;border-bottom: solid 1px #ccc; }
#blog_side { border-top:solid 2px #ccc; background: #fff; margin: 0 0 100px }
#blog_side dl {}
	#blog_side dt { margin:0; padding: 0 10px; height: 50px; line-height: 50px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; position: relative;}
		#blog_side dt .fa {text-align: right; padding-right: 10px; position: absolute; top:18px; right: 10px; display: none;}
		#blog_side dt .active { display: block; }
	#blog_side dd { margin:0; border-bottom: solid 1px #ccc; display: none;;}
		#blog_side dd ul {}
		#blog_side dd li { height: 40px; line-height:40px; margin:0; padding: 0 20px; border-bottom: solid 1px #ccc;}

		.side_entryList li { border-bottom:none; padding:0 20px; margin: 0; }


}