body{font:normal 16px/1.6em Meiryo,"MS PGothic",arial,sans-serif;color:#333;margin:0;background: url(https://xn--88jq1cvc.com/image/bg.png) #f5f5f5 center center; background-size: cover;background-attachment: fixed;}
ul,li{margin:0;padding:0;list-style:none;}
a{color:#;text-decoration: none;}
img{max-width: 100%;vertical-align: bottom;}
.headobi{background: #191970;text-align: center;}
nav{background: #708090 }
nav a{color: #fff ;display: block;text-align: center;padding: 5px 0;border-right: 1px solid #fff;font-weight: bold;font-size: 13px;}
nav a:last-child{border-right: none;}
a:hover{opacity: .7;}
.topimg{margin: 15px 0;}
.mainlayout > div{background: #fff;}
h3{background: #333;color: #fff;padding: 10px 20px;border-radius: 5px;font-size: 15px;}
.homeoshirasegrid{display: grid;grid-template-columns: 1fr 1fr ;grid-gap: 10px;}
.sidebanner img{margin-bottom: 10px;}
.hometab{margin: 0 0 50px;}
ul.tab {display: flex;margin: 20px 0;border-radius: 5px;}
ul.tab li{flex:1;background: #999;text-align: center;padding: 10px 0;cursor: pointer;}
ul.tab li.active{background: #333;}
ul.tab li a{color: #fff;}
select{width: 100%;}
input[type="submit"]{background: #ff8c00;width: 80%;border: none;border-radius: 5px;padding: 10px 0;color: #fff;margin: 10px auto;display: block;font-weight: bold;cursor: pointer;}
select{padding: 5px;margin: 5px 0;}
.schedules{display: grid;grid-template-columns: 1fr 3fr;grid-gap: 15px;border-bottom: 1px solid #eee;padding: 10px 0;}
.stitle{font-weight: bold;font-size: 18px;}
.stitle a{color: #333;}
.stags a{display: inline-block;background: #dd3333;color: #fff;padding: 0px 8px;font-size: 10px;}
.sidebar .stitle{font-size: 14px;}
.sidekishu{display: block;font-size: 12px;}
.sidekishu span{display: inline-block;}
.sidebar .sidekishu{font-size: 10px;}
.pan {color:#aaa;font-size: 13px;}
.pan a{color:#666;font-size: 13px;}
.pager{text-align: center;padding: 30px 0 ;}
.pager a{text-align: center;display: inline;color:#999;border: 1px solid #aaa;padding: 5px 13px;}
.pager a.active{border: 1px solid #eee;color:#aaa;cursor: default;}
table{border: 1px solid #333;width: 100%;border-collapse: collapse;}
table tr th{border-right: 1px solid #333;width: 30%;}
table tr td,table tr th{border-bottom: 1px solid #333;}
footer{background: #191970;font-size: 12px;text-align: center;padding: 50px 0;color: #fff;margin-top: 20px;}
footer img{max-width: 240px;margin: 20px 0;}
footer a{color: #fff;}
@media screen and (min-width: 721px) {/*PC*/
   .wrap,nav ul,.mainlayout{width: 1040px;max-width: 95%;margin: 0 auto}
   nav ul{display: flex;justify-content: center;}
   nav ul a{ flex:1;}
   .mainlayout{display: grid;grid-template-columns: 2fr 1fr;grid-gap: 20px;background: #fff;padding:0 20px 20px;}
   .left{padding: ;box-sizing: border-box;}
   .homeoshirasegrid{grid-gap: 30px;}
   .schedules{grid-template-columns: 1fr 4fr;}
   .stitle{font-size: 20px;line-height: 1.75;}
   .sidebar .stitle{font-size: 12px;line-height: 1.3;font-weight: normal;}
   .sidebar .schedules{grid-template-columns: 1.5fr 4fr;grid-gap: 10px;}
   #tab2 .schedules .stitle{line-height: 1.3;}
   .sp{display: none;}
}
@media screen and (min-width: 0px) and (max-width: 720px) {/*SP*/
   body{background: ;padding-top: 62px;}
   .mainlayout{margin: 0 15px;}
   .headobi img{width: 100%;}
   .headobi{padding:0 0; position: fixed;width: 100%;top:0;z-index: 99;}
   .stitle{font-size: 15px;}
   .sidebar .stitle{font-size: 13px;line-height: 1.3;font-weight: normal;}
   .sidekishu{font-size: 10px;}
   .sidebar .schedules{grid-template-columns: 1.5fr 4fr;grid-gap: 10px;}
   #tab2 .schedules .stitle{line-height: 1.3;}
   .copy{padding:0 20px; }
   .pc{display: none;}
   /*hamburger*/
   	.hamburger {
   		 position: absolute;
   		 right: 7px;
   		 top: 5px;
   		 width: 50px;
   		 height: 50px;
   		 z-index: 300;
   	}
   	.menupos{
   		position: fixed;
   		background: #fff;
   		width: 40px;
   		height: 40px;
   		top: 19px;
   		right:19px;
   		border-radius: 3px;
   		z-index: 201;
   	}
   	.hamburger-line {
   		 position: fixed;
   		 right: 27px;
   		 width: 25px;
   		 height: 2px;
   		 background-color: #000;
   		 transition: all .6s;
   		 z-index: 202;
   	}
   	.nav-open .hamburger-line {background-color: #333;}
   	.hamburger-line-1 {
   		 top: 30px;
   	}
   	.hamburger-line-2 {
   		 top: 38px;
   	}
   	.hamburger-line-3 {
   		 top: 46px;
   	}
   	.nav-open .hamburger-line-1 {
   	  transform: rotate(45deg);
   	  top: 38px;
   	  /* background: #fff; */
   	}
   	.nav-open .hamburger-line-2 {
   	  width: 0;
   	  right: 24px;

   	}
   	.nav-open .hamburger-line-3 {
   	  transform: rotate(-45deg);
   	  top: 38px;
   	  /* background: #fff; */
   	}
   	 header nav .header-nav-sp {
   	  position: fixed;
   	  right: -350px;
   	  top: 0;
   	  bottom: 0;
   	  width:300px;
   	  padding-top:50px ;
   	  background-color: rgba(255,255,2555,1);
   	  transition: all .6s;
   	  z-index: 200;
   	  overflow-y: auto;
   	  -webkit-overflow-scrolling: touch;
   	}
   	.header-nav-sp a{border-bottom: ;color:#333;border-bottom: 1px solid #aaa;padding: 15px ;text-align: left;}
   	.black-bg {
   	  position: fixed;
   	  left: 0;
   	  top: 0;
   	  bottom: 0;
   	  width: 100%;
   	  height: 100%;
   	  z-index: 11;
   	  background-color: rgba(0,0,0,.2);
   	  opacity: 0;
   	  visibility: hidden;
   	  transition: all .5s;
   	  height: -webkit-fill-available;
   	}
   	.nav-open .header-nav-sp{
   	  right: 0;
   	  padding-top: ;
   	}
   	.nav-open .black-bg {
   	  opacity: .8;
   	  visibility: visible;

   	}
}