@charset "shift_jis";
@media only screen and (max-width:767px) {
  /* sp
-----------------------------------------------------------------*/
  /*  System common
-----------------------------------------------------------------------------*/
  /* Form */
  span.error {
  font-size: 10px;
  font-weight: bold;
  color: #bb2329;
}

input.error, textarea.error { background: #fee; }
.w_s { width: 70px; }
.w_m { width: 155px; }
.w_l { width: 200px; }
.w_ll { width: 275px; }

/*  cms contents
-----------------------------------------------------------------------------*/
.cms_cont h3 {
  font-size: 15px;
  font-weight: normal;
  color: #021280;
  padding: 8px 12px;
  background: #d9e3f2;
}

.cms_cont .cont_box {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 0 20px;
}

.cms_cont .cont_box .fr {
  text-align: center;
  margin: 0;
  width: 100%;
  float: none;
}

.cms_cont .cont_box .fr img {
  width: 100%;
  max-width: none;
}

.cms_cont .cont_box .dtl {
  border-radius: 5px;
  margin: 5px 0 10px;
  padding: 0;
  background: #eee;
}

.cms_cont .cont_box .dtl li {
  margin-bottom: 0;
  padding: 10px 12px 9px;
  border-top: 1px dotted #aaa;
  background: none;
}

.cms_cont .cont_box .dtl li:first-child { border-top: none; }

/*  event
-----------------------------------------------------------------------------*/
#event h3 {
  font-size: 15px;
  color: #05248a;
  padding: 10px 0 ;
}

#event h3 span { display: none; }
#event .calendar { display: none; }
#event .month_navi { display: none; }

#event .att {
  font-size: 10px;
  line-height: 13px;
}

#event .event_list { padding: 20px 0 30px; }

#event .event_list ul.list_navi {
  margin-bottom: 10px;
  overflow: hidden;
}

#event .event_list ul.list_navi li.prev { float: left; }
#event .event_list ul.list_navi li.next { float: right; }

#event .event_list ul.list_navi li a {
  border-radius: 5px;
  text-decoration: none;
  padding: 5px 15px;
  border: 2px solid #8d9fda;
  display: inline-block;
  position: relative;
}

#event .event_list ul.list_navi li.prev a { padding-left: 27px; }
#event .event_list ul.list_navi li.next a { padding-right: 27px; }

#event .event_list ul.list_navi li.prev a:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(-135deg);
  border-top: 1px solid #05248a;
  border-right: 1px solid #05248a;
  width: 7px;
  height: 7px;
  top: 9px;
  bottom: 0;
  content: "";
  position: absolute;
}

#event .event_list ul.list_navi li.next a:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #05248a;
  border-right: 1px solid #05248a;
  width: 7px;
  height: 7px;
  top: 9px;
  bottom: 0;
  content: "";
  position: absolute;
}

#event .event_list ul.list_navi li.prev a:after { left: 7px; }
#event .event_list ul.list_navi li.next a:after { right: 10px; }

#event .event_list h4 {
  font-size: 13px;
  padding: 7px 100px 7px 10px;
}

#event .event_list h4 span {
  font-size: 11px;
  padding: 7px 8px;
}

#event .event_list dl { padding: 0 10px 15px; }

#event .event_list dt {
  font-size: 14px;
  padding: 15px 0 5px;
}

#event .event_list dd {
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 10px;
}

#event .event_list dd p {
  font-size: 10px;
  line-height: 14px;
  padding-top: 5px;
}

/*  search
-----------------------------------------------------------------------------*/
#search #contents_in {
  margin: 0 10px;
  padding: 10px 0;
}

#search .b_list {
  padding-bottom: 20px;
  border-left: none;
  width: 100%;
}

#search .b_list h3 {
  font-size: 15px;
  padding: 7px 12px 5px;
}

#search .b_list ul { padding: 7px 5px 0; }

/*  art
-----------------------------------------------------------------------------*/
#art #contents_in h3 { margin: 0 -10px; }
#art #contents_in h3 img { width: 100%; }

#art .session_box {
  margin: 20px 0 10px;
  padding: 10px;
}

#art .session_box h4 {
  font-size: 12px;
  line-height: 20px;
  padding: 7px 12px;
}

#art .session_box span.session {
  margin-right: 10px;
  padding: 0 10px;
  position: static;
}

#art .session_box span.sub_txt { font-size: 10px; }
#art .session_box div { padding: 10px 0 15px; }

#art .session_box p.pic {
  margin: 0 0 10px 0;
  width: 100%;
  float: none;
}

#art .session_box p.pic img {
  max-height: 200px;
  max-width: 300px;
}

#art .session_box p.pic span { color: #777; }
#art .session_box dl { overflow: hidden; }

#art .session_box dt {
  font-size: 24px;
  line-height: 30px;
}

#art .session_box dt img { max-width: 280px; }

#art .session_box dt span {
  font-size: 12px;
  line-height: 18px;
}

#art .session_box dd {
  font-size: 12px;
  line-height: 18px;
}

#art .session_box dd p.place {
  font-size: 14px;
  line-height: 20px;
}

#art_zoom h3 { font-size: 14px; }

#art_zoom .profile_box {
  margin-bottom: 15px;
  padding: 15px;
}

#art_zoom p.fl {
  margin-right: 15px;
  width: 100px;
}

#art_zoom .profile_txt { overflow: visible; }
#art_zoom .profile_txt .name { overflow: hidden; }

#art_zoom .profile_txt .name span {
  font-size: 12px;
  line-height: 16px;
  margin-left: 0;
  display: block;
}

#art_zoom .box_txt { padding: 10px 0 20px; }
#art_zoom .bio { clear: both; }
#art_zoom .pic_list { margin-left: 0; }

#art_zoom .pic_list li {
  box-sizing: border-box;
  padding: 0 5px;
  border-bottom: 15px solid transparent;
  border-left: none;
  width: 50%;
  float: left;
}

#art_zoom .pic_list li p { width: auto; }

#art_zoom .btn_back a {
  padding: 10px 0;
  width:80%;
}

}