@charset "utf-8";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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ul li {
  list-style-position: inside;
}

#list{
padding-left: 1em;
text-indent: -1em;
list-style-position: inside;
}

ol li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}

table.table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{color:#333;font-size:medium;font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5;-webkit-text-size-adjust:none;}
a{color:#0000ff;text-decoration:none;}
a:hover{color:#ff0000;}
a:active, a:focus{outline:0;}
#wrapper{margin:0 auto;padding:0 1%;width:98%;position:relative;background:#fff;}
.inner{margin:0 auto;width:100%;}
#header{height:110px;}
#header h1{padding:5px 0 10px 10px;font-size:13px;font-weight:normal;}
.logo{float:left;margin-left:17px;}
.logo span{display:block;}
.info{float:right;padding-right:20px;text-align:right;}
.info .open{font-size:14px;}
.logo,.info .tel{margin-top:6px;color:#b94447;font-size:24px;font-weight:bold;}
.logo span,.info span{color:#333;font-size:.6em;font-weight:normal;}
.fixed{position:fixed;top:0;width:100%;z-index:10000;}
#mainBanner{margin:17px auto;padding:0;width:97%;position:relative;line-height:0;}
#mainBanner img{max-width:100%;height:auto;border:4px solid #ebebeb;}
.slogan{position:absolute;max-width:100%;height:auto;bottom:10px;left:10px;padding:5px 10px;line-height:1.4;color:#fff;background-color:rgba(0,0,0,0.4);}
.slogan h2{padding-bottom:5px;font-size:18px;color:#fff;}
.gridWrapper{padding-bottom:20px;overflow:hidden;}
* html .gridWrapper{height:1%;}
.grid{float:left;border-radius:5px;background:#fff;}
.box{margin:0 5px;padding:10px;border:1px solid #ebebeb;}
.box img{max-width:100%;height:auto;border:4px solid #ebebeb;}
.box h3{padding:10px 0 5px;}
.box h3, .box p{text-align:left;}
.box p.readmore{padding:10px 5px 5px;text-align:right;}
section.content article{padding:20px;margin-bottom:20px;border:1px solid #ebebeb;overflow:hidden;}
* html section.content article{height:1%;}
section.content p{margin-bottom:5px;}
h3.heading{font-weight:normal;padding:0 10px;line-height:36px;color:#333;background:#f1f1f1;}
section.content img{max-width:90%;height:auto;}
.alignleft{float:left;clear:left;margin:3px 10px 10px 0;}
.alignright{float:right;clear:right;margin:3px 0 10px 10px;}
#gallery .grid img,.border,ul.list img{border:4px solid #ebebeb;}
table.table{border-collapse:collapse;margin:5px auto 15px auto;}
table.table td{border-collapse:collapse;background-color:#F9F9F9;text-align:left;padding:8px;border:1px solid #D6D6D6;line-height:20px;}
table.table th{background-color:#F5F5F5;text-align:right;padding:8px;white-space:nowrap;color:#151515;border-top:1px solid #D4D4D4;border-right:4px solid #D4D4D4;border-bottom:1px solid #D4D4D4;border-left:1px solid #D4D4D4;font-size:13px;font-weight:normal;letter-spacing:1px;background-repeat:repeat-x;background-position:top;}
table.table2{border-collapse:collapse;margin-top:10px;margin-right:10px;margin-left:10px;margin-bottom:10px;}
table.table2 td{border-collapse:collapse;background-color:#F9F9F9;text-align:center;padding:8px;border:1px solid #D6D6D6;line-height:20px;}
table.table2 th{background-color:#F5F5F5;text-align:center;padding:8px;white-space:nowrap;color:#151515;border-top:1px solid #D4D4D4;border-right:4px solid #D4D4D4;border-bottom:1px solid #D4D4D4;border-left:1px solid #D4D4D4;font-size:18px;font-weight:normal;letter-spacing:1px;background-repeat:repeat-x;background-position:top;}
.google-maps{position:relative;padding-bottom:75%;//これが縦横比
height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.calendar-container{position:relative!important;padding-bottom:90%;padding-top:30px;height:0;}
.calendar-container iframe,
.calendar-container object,
.calendar-container embed{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;}
@media screen and (max-width:460px){.calendar-container{padding-bottom:140%;}
}
.entry-content img,#content embed,#content object,#content iframe,#content video{border:1px solid #eeeeee!important;padding:6px!important;background-color:rgba(230,230,230,0.4)!important;border-radius:3px;}
#sidebar ul{padding:10px;}
#sidebar li{margin-bottom:10px;padding-bottom:10px;list-style:none;border-bottom:1px dashed #ebebeb;}
#sidebar li:last-child{border:0;margin-bottom:0px;}
#sidebar li a{color:#333;display:block;}
#sidebar li a:hover{color:#ff0000;}
#sidebar ul.list li{clear:both;margin-bottom:5px;padding:5px 0;overflow:hidden;border:0;}
ul.list li{height:1%;}
ul.list li img{float:left;margin-right:10px;}
ul.list li{font-size:13px;line-height:1.35;}
#footer{clear:both;overflow:hidden;padding:10px 10px 20px 10px;background:#f3f3f3;}
* html #footer{height:1%;}
#footer .grid{padding:10px 0 5px;margin:0;background:transparent;}
#footer #info .logo, #footer #info .info{float:none;}
#footer #info .info{clear:both;padding:10px 0 0 15px;text-align:left;}
#footer .logo{font-size:15px;}
#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:13px;color:#333;}
ul.footnav{float:right;width:650px;padding:10px 0;}
ul.footnav li{float:left;margin-bottom:10px;padding:0 7px 0 8px;font-size:13px;border-right:1px solid #b6b6b6;}
#footer a{color:#333;}
#footer a:hover{color:#ff0000;}
address{clear:both;padding:5px;text-align:center;font-style:normal;font-size:10px;color:#333;background:#dbdbdb;}
@media only screen and (min-width:960px){#header,#wrapper,.inner{width:960px;padding:0;margin:0 auto;}
#wrapper{padding-bottom:20px;}
header#sample{　 position:fixed;}
nav#mainNav{clear:both;overflow:hidden;position:relative;background:#f1f1f1;}
nav#mainNav .inner{width:932px;padding:0 14px;}
nav#mainNav ul li{float:left;position:relative;}
nav#mainNav li.last{border-right:1px solid #ebebeb;}
nav#mainNav ul li a{display:block;text-align:center;_float:left;font-size:13px;width:154px;height:45px;padding-top:15px;color:#333;background:#f1f1f1;border-left:1px solid #ebebeb;}
nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}
nav#mainNav ul li a span{color:#a74864;font-size:12px;}
nav div.panel{display:block !important;float:left;}
a#menu{display:none;}
nav#mainNav li.active a, nav#mainNav li a:hover{color:#ff0000;background:#eee;padding-top:15px;}
#mainBanner{margin-left:15px;}
#subpage #mainBanner{margin:15px auto;}
#main{float:right;width:667px;padding-right:15px;}
#sidebar{float:left;width:245px;padding:15px 0 0 15px;overflow:hidden;}
#sidebar article{padding:7px;margin-bottom:20px;border:1px solid #ebebeb;overflow:hidden;}
.gridWrapper{width:960px;margin:0 0 0 -10px;}
#gallery article{padding:10px 0 10px 10px;}
.grid{float:left;width:300px;margin-left:20px;}
#subpage .grid{width:auto;}
#gallery .grid{width:auto;margin:10px 0 2px 10px;}
}
@media only screen and (max-width:959px){*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
nav#mainNav{clear:both;width:100%;margin:0 auto;padding:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));background:-webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background:-moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background:-o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background:-ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background:linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);border:1px solid #e4e4e4;}
nav#mainNav a.menu{width:100%;display:block;height:40px;line-height:40px;font-weight:bold;text-align:left;}
nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content:"→ ";}
nav#mainNav a.menuOpen span:before{content:"↓ ";}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{display:none;width:100%;position:relative;right:0;top:0;z-index:1;}
nav#mainNav ul li{float:none;clear:both;width:100%;height:auto;line-height:1.2;}
nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{display:block;padding:15px 10px;text-align:left;border-bottom:1px dashed #ccc;}
nav#mainNav ul li a span{padding-left:10px;}
nav#mainNav ul li:first-child a{border-top:1px solid #e4e4e4;}
nav#mainNav ul li:last-child a{border:0;}
nav#mainNav ul li.active a{color:#a74864;}
nav div.panel{float:none;}
#subpage #mainBanner{max-width:668px;}
#sidebar{padding-bottom:30px;}
#sidebar article{padding:7px 0;}
#footer .grid,#footer ul.footnav{float:none;width:100%;text-align:center;}
ul.footnav li{float:none;display:inline-block;}
.grid{width:32%;margin:10px 0 0 1%;}
#gallery .grid{float:left;width:31%;margin:0 0 0 1%;}
#footer .grid img, #footer .info{float:none;}
#footer .grid p{display:block;}
#footer #info .info{float:none;text-align:center;}
#footer.logo,#footer .info{width:100%;float:none;}
}
@media only screen and (max-width:640px){#header{height:auto;padding-bottom:20px;}
#header h1,.logo,.info{text-align:center;}
.logo,.info{clear:both;width:100%;float:none;margin:0;}
.box img{float:left;margin-right:5px;}
.box h3{padding-top:0;}
.alignleft,.alignright{float:none;display:block;margin:0 auto 10px;}
#gallery .grid{float:left;}
}
@media only screen and (max-width:480px){.grid{width:100%;}
.box img{max-width:100px;}
#mainBanner h2,#mainBanner p{font-size:80%;}
}

.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}