@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, 
tt, table, tbody, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

ul{
    list-style: none;
}

hr{
    clear:both;
}

a{
    display:block;
    text-decoration: none;
    color:#555;
}

a:hover{
    opacity: 0.6;
}


body{
    font-size:70%;
    color:#555;
    background:#f5f4f4;
}

#top-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    background:#fff;
    border-bottom: 2px solid #eeecdc;
}

.headbox{
    padding:10px;
}
.headbox img{
    max-width:85%;
    margin-top:3px;
}

    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }

#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
}

#top-head .logo {
    float: left;
}

.headbox{
    padding:0 10px;
}
.headbox img{
    max-width:85%;
    margin-top:3px;
}
p{
    text-align:center;
    margin:10px 15px;
    padding:5px 15px;
}

h3{
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
    margin:20px 0;
}

h4{
    font-size:1.0em;
    font-weight:bold;
    text-align:center;
    margin:0 0 5px 0;
}

a.u{
    padding:10px;
    background:#cddede;
    
}

.boldtxt{
    font-size:1.3em;
    font-weight:bold;
    line-height:1.6em;
}

.rtxt{
    color:#f00;
}

.news{
    margin:10px;
    padding:0;
    border:2px solid #e90;
    color:#a30;
}

.rightbox{
    margin-top:10px;
    float:right;
}

#intro_box{
    padding:50px 0 10px;
}

#main_box{
    background:#fff;
    padding:10px 0 10px;
}

.formbtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1em;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
    margin:0 auto;
}

.formbtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.fukidashi{
    background:#fff;
    margin:10px;
    padding:5px;
    border:2px dotted #ccc;
    border-radius:10px;
}

.intxt{
    border:0;
padding:5px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:80%;
}

.linkbtn{
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    margin:20px auto;
    width:21em;
	
}

.linkbtn_normal{
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    margin:20px auto;
    width:80%;
}

.linkbtn_normal a{
    color:#666;
    background:#ccc;
    border:1px solid #999;
    padding:1em;
    display:block;
    text-align:center;
    border-radius:5px;
}

.linkbtn_b,
.linkbtn_r,
.linkbtn_g{
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    margin:20px auto;
    width:80%;
	
}

.linkbtn_b a{
    color:#fff;
    background:#3498db;
    padding:2em;
    display:block;
    text-align:center;
    border-radius:5px;
}

.linkbtn_r a{
    color:#fff;
    background:#e74c3c;
    padding:2em;
    display:block;
    text-align:center;
    border-radius:5px;
}

.linkbtn_g a{
    color:#fff;
    background:#27ae60;
    padding:2em;
    display:block;
    text-align:center;
    border-radius:5px;
}

.linkbtn a,
.instagram_more a{
    color:#fff;
    background:#999;
    padding:8px;
    display:block;
    text-align:center;
    border-radius:5px;
}

.linkbtn a:hover,
.instagram_more a:hover{
    background:#666;
}


footer{
    clear:both;
    background:#555;
    color:#fff;
    padding:1px 0 5px 0;
}

.sp{
    display:inline;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  padding: 3px;
  border: 1px solid #999;
}

table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

.sta_on{
    background:#3c3;
    padding:3px;
    color:#fff;
}

.sta_off{
    background:#666;
    padding:3px;
    color:#fff;
}


.status_g{
	background:#27ae60;
	padding:10px;
    color:#fff;
}


.status_b{
	background:#3498db;
	padding:10px;
    color:#fff;
}


.status_r{
	background:#e74c3c;
	padding:10px;
    color:#fff;
}


.status_h{
	background:#999;
	padding:10px;
    color:#fff;
}


.status_br{
	background:#333;
	padding:10px;
    color:#fff;
}

.nextbox{
    margin:10px 0;
}

a.prevday,
a.prevmon{
    background:#ccc;
    text-align:center;
    width:40%;
    float:left;
    padding:10px 2%;
}

a.nextday,
a.nextmon{
    background:#ccc;
    text-align:center;
    width:40%;
    float:right;
    padding:10px 2%;
}

a.prevday:hover,
a.nextday:hover,
a.prevmon:hover,
a.nextmon:hover{
    opacity: 0.6;
}

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

body{
    font-size:80%;
    color:#555;
    background:#f5f4f4;
}

#mainimg_box{
    background: url(../img/main_sp.jpg) no-repeat top right; 
    padding: 0 0 100px 0; 
    margin:0;
}
    table {
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  padding: 3px;
  border: 1px solid #999;
}
table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

}

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

body{
    font-size:100%;
    color:#555;
}
    
    .inner{
        max-width:1080px;
        margin:0 auto;
    }
    

}