@charset "utf-8";
@import url(style.css) screen and (min-width: 897px); /* 769以上 */
@import url(tablet.css) screen and (max-width: 896px); /*768以下 */
@import url(smart.css) screen and (max-width: 480px); /* 480以下 */
/* 320以下 @charset "utf-8";
@import url(style.css) screen and (min-width: 769px); 
@import url(tablet.css) screen and (max-width: 768px); 
@import url(smart.css) screen and (max-width: 320px); */

a, a link {
  color: #D30C57;
}
a:hover {
  background-color: #FFF247;
}
/* body */
html {
  font-size: 62.5%;
  /*height: 100%;*/
}
body {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  /*line-height: 1.3rem;*/
  font-weight: normal;
  color: #131313;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  position: relative;
  background-color: #FDD100;
  /*padding-top: 4.035%;*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-align: left;
}

#wrapper {
  /*ftext-align: left;
	ont-weight: normal;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
  /*font-size: 92%;
  line-height: 1.25;*/
  margin: 0 auto;
  position: relative;
  height: 100%;
  
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
.close {
  color: #f00;
  padding-left: 1em;
}
/* table */
.table01 {
  border-collapse: collapse;
  width: 100%;
  line-height: 2.0rem;
}
.table01 td, .table01 th {
  border: 1px solid #aeaeae;
  vertical-align: middle;
  padding: 8px 0 5px;
}
.table01 th {
  font-weight: 600;
  background-color: #F6CF00;
  text-align: center;
  padding: 5px;
}
.table01 td {
  background-color: #ffffff;
  text-align: left;
  padding: 7px;
}
.table02 {
  border-collapse: collapse;
  width: 100%;
  color: #900;
}
.table02 td, .table02 th {
  border: 1px solid #c3c3c3;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
.table02 th {
  font-weight: normal;
  background-color: #ffd9cf;
}
.table02 td {
  background-color: #fff5f2;
}
.table03 {
  border-collapse: collapse;
  width: 100%;
}
.table03 th, .table03 td {
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  background-color: #fff;
  padding: 5px 0px;
  text-align: left;
  vertical-align: middle;
}
.table03 th {
  font-weight: normal;
  width: 25%;
  padding-left: 15px;
}
.table03 td {
  padding-right: 15px;
}
.table04 {
  border-collapse: collapse;
  width: 100%;
  font-size: 85%;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
.table04 th, .table04 td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  background-color: #ededed;
  text-align: left;
  padding: 5px;
  line-height: 1.2;
  background: #fff;
}

.table05 td, .table05 th {
  border: 0px solid #aeaeae;
  vertical-align: top;
  padding: 8px 0 5px;
    font-size: 1.4rem;
}
.table05 th {
  text-align: left;
  padding: 7px;
}
.table05 td {
  text-align: left;
  padding: 7px;
}

.align_center {
    text-align: center;
}

#box_access .align_right {
  text-align: right;
  margin: .5em 0;
}
#earth {
  display: none;
}
.access_txt {
  padding: 5px;
  /*background: #ffff*/ ;
}
#box_lead p.cap {
  font-size: 0.8em;
  color: #2b374a;
}
.maT5B10 {
  margin: 5px 0 10px;
}

.maB10 {
    margin: 0 0 10px 0;
}

.small {
  font-size: 85%;
}
#kahaku_map {
  width: 100%;
}
/**/
#program table {
  width: 90%;
}
/**/
#box_event .entry a {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(to bottom, #c49dc8, #ad85b1);
  background: -moz-linear-gradient(top, #c49dc8, #ad85b1);
  background: -webkit-gradient(linear, left top, left bottom, from(#c49dc8), to(#ad85b1));
  border: #5c7b00;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 13px 0 15px;
  font-weight: 600;
}
#box_event .entry a:hover {
  color: #fff;
  text-decoration: underline;
  background: linear-gradient(to bottom, #c59ec8, #844f89);
  background: -moz-linear-gradient(top, #c59ec8, #844f89);
  background: -webkit-gradient(linear, left top, left bottom, from(#c59ec8), to(#844f89));
}
#box_event .aligncenter {
  margin: 0 auto;
  padding: 1em;
  text-align: center;
}

#box_event ul {
    list-style: none;
    padding: 0;
}

section#box_spot div img {
  float: right;
  margin: 0 0 10px 5px;
}

section#box_ehon li img {
  float: right;
  margin: 0 0 10px 5px;
}

#box_lead p img, #box_comic p img {
  float: right;
  margin: 0 0 10px 5px;
  /*width: 100px;*/
}

.green{
    color: #2a880f;
}

.bold {
    font-weight: 600;
}

/* footer */
#footer {
  background: #7f4c08;
  position: relative;
  border-top: 1px solid #291a08;
  margin-top: 45px;
  color: #fff;
}
/**/
#footer .footer_in {
  position: relative;
}

.totop a {
  display: block;
  background: #7f4c08 url(../images/btn_totop.png) no-repeat 17px 11px;
  border: 1px solid #7f4c08;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: none;
  width: 74px;
  height: 0;
  padding: 35px 5px 0px 28px;
  position: absolute;
  right: 10px;
  top: -35px;
  overflow: hidden;
  font-size: 0px;
}
.cr {
  position: absolute;
  text-align: right;
  clear: both;
  font-size: 75%;
  color: #fff;
}
.cr span {
  font-size: 1em;
}
