body {
	background-image: url(../img/bg/cmn/bg_cmn_all.gif);
}

.wrapper {
	background-image: url(../img/bg/top/bg_top_keyimage.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;
}
@media screen and (max-width: 979px) {
.wrapper {
	width:1040px;
}
}
.header {
	height: 212px;
	margin-top: 3px;
	color: #fff;
	margin: 3px auto 0;
	position: relative;
}
.all {
	background-image: url(../img/bg/top/bg_top_header.png);
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-bottom: 1px;
}
.main {
	margin:0 auto;
	width: 980px;
}
.header .topNav a {
	color: #FFFFFF;
}
.header .topNav li {
	list-style-type: disc;
	float: left;
	margin-left: 50px;
	margin-top: 5px;
}
.header .topNav li a {
	display:block;
}

.header .topNav {
	background-image: url(../img/bg/cmn/bg_cmn_topnav.jpg);
	height: 34px;
	width: 411px;
	margin-left: 550px;
}
.header h1 {
	float: left;
	position: relative;
	z-index: 1;
}
.header .mainmenu {
	clear: left;
	height: 50px;
	position: relative;
	z-index: 10;
}
.header .mainmenu li {
	float: left;
}
.mainContent {
	clear: left;
	padding-top: 10px;
}
.main .nav li {
	margin-bottom: 5px;
}
.mainContent .nav {
	width: 222px;
	float: left;
	margin-left: 20px;
}
.footer {
	clear: both;
}
.mainContent .rightcol {
	float: left;
	margin-bottom: 2em;
	width: 738px;
}
.mainContent .content {
	margin-left: 20px;
}
.content .banner img {
	margin-right: 10px;
	margin-bottom: 20px;
}
.content .banner2 img {
	margin-right: 0px;
	margin-bottom: 20px;
	vertical-align: middle;
}
.mainContent .news {
	background-image: url(../img/bg/top/bg_news.jpg);
	height: 640px;
	width: 695px;
	padding-top: 1px;
}
.mainContent .news h3 {
	margin-top: 15px;
	margin-left: 30px;
}
.mainContent .news ul {
	margin-top: 0px;
	margin-left: 5px;
}
.mainContent .news ul li {
	width: 40em;
	background-image: url(../img/bg/top/bg_top_border_new.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: left;
}
.mainContent .main .border {
	background-image: url(../img/bg/cmn/bg_cmn_border.gif);
	margin: 1em auto;
	height: 1px;
	width: 90%;
	clear: both;
	padding-top: 1px;
}
.footer {
	background-image: url(../img/bg/cmn/bg_cmn_footer.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.footer .info .phone {
	background-image: url(../img/ico/cmn/ico_phone.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 3px;
	padding-left: 30px;
}
.footer .info .time,.footer .info .home,.footer .info .schedule {
	background-image: url(../img/ico/cmn/ico_time.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 3px;
	padding-left: 30px;
}
.footer .info .home,.footer .info .schedule {
	background-image: url(../img/ico/cmn/ico_home.png);
}
.footer .info .schedule {
	background-image: url(../img/ico/cmn/ico_schedule.png);
}
.footer #mailcontact {
	margin: 1em;
}
.footer .info {
	line-height: 200%;
	margin: 0.5em 1em 3em 3em;
	float: left;
}
.footer .border {
	background-color: #FFFFFF;
	height: 1px;
	width: 95%;
	clear: both;
	margin: 1em auto;
}
.footer .footerlinks li {
	list-style-type: circle;
	margin-left: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.footer .footerlinks a {
	color: #FFFFFF;
}
.footer ul.footerlinks {
	float: left;
	margin-bottom: 1em;
}
.wrapper .all .copyright {
	background-color: #FFFFFF;
}
.copyright {
	padding-top:2em;
	height: 3em;
	padding-left: 49px;
	clear: both;
	padding-bottom: 1px;
}
.section a.pdf {
	background-image: url(../img/ico/cmn/doc_pdf.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	margin-left:1em;
	background-position: 0px 2px;
}
.content h3.topics {
	font-family:'Hiragino Mincho ProN', serif;
	letter-spacing:0.1em;
	font-size: 197%;
	font-weight: bold;
	margin-top: 1em;
}
#topbtnFix {
	margin-top: -62px;
	margin-left: -62px;
	position: fixed;
	left: 100%;
	top: 100%;
	display: none;
}
a.brankpage {
	background-image: url(../img/ico/cmn/ico_brankpage.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	float: left;
}
tr.play {
	width: 100%;
}


.flexbox{
	display:flex;
	margin-bottom:20px;	
}
.flexbox p:last-child{
	margin-left:1em;	
}
.frame{
	padding:7px;
      border:1px solid #ccc;
      background:#fff;
      box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
    }
.yazirushi{
	margin:20px 0;
}
@media screen and (max-width: 400px) {
.flexbox{
	display:block;
	margin-bottom:20px;	
}
}



/* クリックで表示非表示 */
.acd-check{
  display: none;
}
.acd-label{
	font-size:15px;
	font-weight:bold;
  background: #ffaf58;
  color: #fff;
  display: block;
  margin-bottom: 2px;
  padding: 10px;
}
.acd-label span{
	font-size:12px;
  color: #fff;
 float:right;
  
}

.acd-content{
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 1000px;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}






h1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
  font-size:25px;
  font-weight:300;
}
.ml20{
	margin-left:20px;
}
.main .rightcol .content .section .map {
	margin-left: 1em;
	height: 480px;
	width: 640px;
	overflow: scroll;
}
.fontsaiz{
	font-size: 12px;
	
	}
.raihgt{
	text-align:right;
	color:#F00;
}
.fontsaiz02{
	font-size:17px;
	border-bottom-style:solid;
	font-weight:bold;
	border-width:thin;
	margin-bottom:20px;
}
.btn-border {
  display: inline-block;
  max-width: 400px;
  text-align: left;
  border: 2px solid #9ec34b;
  font-size: 16px;
  background-color: #9ec34b;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  border-color: #9ec34b;
  color: #cbe585;
}
.line {
      text-align: center;
      position: relative;
}
.tenpo {
  font-size:25px;
  font-weight: bold;
  padding: 1rem 2rem;
  border-top: 3px solid #ffaf58;
  border-bottom: 3px solid #ffaf58;
}


.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap-pc-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  max-width: 435px;
  margin: 0 auto 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;
}

a.btn-pc-sp {
  line-height: 1.4;

  width: 49.5%;
  padding: 1.25rem 0;

  border-radius: 100vh;

  color: #ffff;
}

a.btn-pc-sp--contact {
  color: #fff;
  background: #d20010;
}

a.btn-pc-sp--tel {
  color: #fff;
  background: #094;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}