@charset "shift_jis";
/*  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: 17px;
  font-weight: normal;
  color: #021280;
  padding: 10px 15px;
  background: #d9e3f2;
}

.cms_cont .cont_box {
  word-wrap: break-word;
  font-size: 14px;
  line-height: 22px;
  padding: 20px 15px 50px;
  overflow: hidden;
}

.cms_cont .cont_box .fr {
  text-align: center;
  margin: 0 0 20px 30px;
  max-width: 340px;
}

.cms_cont .cont_box .fr img {
  margin-bottom: 10px;
  max-width: 340px;
}

.cms_cont .cont_box .dtl {
  padding-bottom: 20px;
  overflow: hidden;
}

.cms_cont .cont_box .dtl li {
  margin-bottom: 10px;
  padding: 10px 15px 10px;
  background: #eee;
  overflow: hidden;
}

.cms_cont .cont_box p.url {
  text-align: center;
  padding-top: 20px;
  overflow: hidden;
}

.cms_cont .cont_box p.url a {
  border-radius: 5px;
  color: #113BC4;
  text-decoration: none;
  padding: 3px 15px;
  border: 1px solid #113BC4;
  display: inline-block;
  background: #fff;
}

.cms_cont .cont_box p.url a:hover {
  color: #fff;
  background: #113BC4;
}

/*  event
-----------------------------------------------------------------------------*/
#event h3 {
  font-size: 16px;
  text-align: center;
  padding: 20px 0 10px;
}

#event h3 span {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-weight: normal;
  color: #05248a;
  padding-left: 20px;
}

#event .month_navi {
  margin-top: -35px;
  padding-bottom: 10px;
  overflow: hidden;
}

#event .month_navi a {
  border-radius: 3px;
  text-decoration: none;
  padding: 3px 12px 2px;
  display: block;
  background: #eee;
}

#event .month_navi a:hover {
  color: #fff;
  background: #456CCE;
}

#event .month_navi .prev { float: left; }
#event .month_navi .next { float: right; }

#event .calendar {
  border: 1px solid #ddd;
  border-collapse: collapse;
  width: 100%;
}

#event .calendar th, #event .calendar td {
  font-weight: normal;
  text-align: center;
  border: 1px solid #ddd;
}

#event .calendar thead th, #event .calendar thead td {
  font-size: 11px;
  padding: 3px;
}

#event .calendar thead th {
  color: #fff;
  width: 10% !important;
  background: #2c50ab;
}

#event .calendar thead td {
  width: 3%;
  background: #f2f4f7;
}

#event .calendar thead td.sat {
  color: #145290;
  background: #d7ebff;
}

#event .calendar thead td.sun {
  color: #b41414;
  background: #ffd7d7;
}

#event .calendar td.closed {
  color: #fff;
  background: #a5a5a5;
}

#event .calendar tbody th, #event .calendar tbody td { padding: 5px 2px; }

#event .calendar tbody th {
  font-size: 10px;
  color: #fff;
  background: #456cce;
}

#event .calendar tbody td {
  font-size: 14px;
  line-height: 20px;
}

#event .calendar tbody td a {
  color: #333;
  text-decoration: none;
}

#event .calendar tbody td a:hover { text-decoration: underline; }
#event .calendar tbody td.eventwrap { background: #eef3ff; }

#event .att {
  font-size: 11px;
  color: #777;
  padding-top: 10px;
}

#event .event_list { padding: 35px 15px 50px; }

#event .event_list h4 {
  font-size: 14px;
  color: #fff;
  padding: 7px 100px 7px 12px;
  border: 1px solid #2c50ab;
  background: #2c50ab;
  position: relative;
}

#event .event_list h4 span {
  color: #2c50ab;
  padding: 3px 10px;
  top: 4px;
  right: 10px;
  background: #fff;
  position: absolute;
}

#event .event_list dl {
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px 20px;
}

#event .event_list dt {
  font-size: 16px;
  font-weight: bold;
  color: #0686bb;
  padding: 20px 0 5px;
}

#event .event_list dd {
  padding-bottom: 15px;
  border-bottom: 1px dotted #aaa;
}

#event .event_list dd:last-child { border-bottom: none; }

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

/*  search
-----------------------------------------------------------------------------*/
#search #contents_in { margin-left: -27px; }

#search .b_list {
  padding-bottom: 20px;
  border-left: 27px solid transparent;
  width: 350px;
}

#search .b_list h3 {
  border-radius: 3px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  padding: 9px 12px 7px;
  background: #021280;
}

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

#search .b_list li {
  padding: 7px 50px 7px 0;
  border-bottom: 1px dotted #aaa;
  position: relative;
}

#search .b_list li span {
  color: #021280;
  margin: 5px 5px 0 0;
  padding: 2px 8px;
  top: 0;
  right: 0;
  background: #d9e3f2;
  position: absolute;
}

/*  art
-----------------------------------------------------------------------------*/
#art .session_box {
  margin: 20px 10px 10px;
  padding: 15px;
  border: 1px solid #021280;
}

#art .session_box h4 {
  font-size: 14px;
  color: #fff;
  padding: 7px 12px 7px 75px;
  border: 1px solid #2c50ab;
  background: #2c50ab;
  overflow: hidden;
  position: relative;
}

#art .session_box span.session {
  color: #2c50ab;
  padding: 3px 10px;
  top: 4px;
  left: 10px;
  background: #fff;
  position: absolute;
}

#art .session_box span.sub_txt {
  font-size: 12px;
  font-weight: normal;
}

#art .session_box div {
  -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  padding: 15px 0;
  overflow: hidden;
}

#art .session_box div:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}

#art .session_box p.pic {
  text-align: center;
  margin-right: 15px;
  width: 250px;
  float: left;
}

#art .session_box p.pic img { max-width: 250px; }

#art .session_box p.pic span {
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  padding-bottom: 15px;
  display: block;
}

#art .session_box dl { overflow: hidden; }

#art .session_box dt {
  font-family: "‚l‚r ‚o–Ύ’©", "MS PMincho", "Hiragino Mincho ProN", "Roboto Slab", "Ÿΰ–Ύ’©";
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  padding-bottom: 8px;
}

#art .session_box dt span {
  font-family: " ƒƒCƒŠƒI", Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  line-height: 20px;
  display: block;
}

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

#art .session_box dd p.place {
  font-weight: bold;
  color: #0686bb;
  text-align: center;
  padding-bottom: 8px;
}

#art .session_box dd p.name {
  text-align: right;
  padding: 8px 10px 0 0;
}

#art .session_box dd p.att {
  text-align: center;
  margin-top: 8px;
  padding: 8px;
  background: #f0f4fd;
}

#art .session_box p.btn {
  text-align: center;
  padding-top: 15px;
}

#art .session_box p.btn a {
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  padding: 8px 50px 5px;
  display: inline-block;
  background: #98ade7 ;
}

#art .session_box p.btn a:hover { background: #2c50ab ; }

#art_zoom h3 {
  font-size: 16px;
  color: #fff;
  padding: 5px 10px;
  background: #98ade7 ;
}

#art_zoom .profile_box {
  margin-bottom: 20px;
  padding: 20px;
  background: #f7f7f7;
  overflow: hidden;
}

#art_zoom p.fl {
  margin-right: 20px;
  width: 220px;
}

#art_zoom p.fl img { width: 100%; }
#art_zoom .profile_txt { overflow: hidden; }

#art_zoom .profile_txt .name {
  font-size: 20px;
  color: #05248a;
  line-height: 26px;
  overflow-wrap:break-word;
}

#art_zoom .profile_txt .name span {
  font-weight: normal;
  display:block;
  word-wrap:break-word;
  
}

#art_zoom .box_txt { padding: 10px 0 25px; }

#art_zoom .bio {
  font-size: 14px;
  color: #05248a;
}

#art_zoom .pic_list {
  margin-left: -11px;
  overflow: hidden;
}

#art_zoom .pic_list li {
  border-bottom: 20px solid transparent;
  border-left: 11px solid transparent;
  width: 235px;
  float: left;
}

#art_zoom .pic_list li p {
  text-align: center;
  vertical-align: middle;
  width: 235px;
  display: table-cell;
  background: #f7f7f7;
}

#art_zoom .pic_list li a{
  text-decoration:none;
  color:#000;
}

#art_zoom .pic_list li p img { max-width: 100%; }

#art_zoom .pic_list li span {
  margin-top: 5px;
  display: block;
}

#art_zoom .btn_back { text-align: center;padding-top:20px; }

#art_zoom .btn_back a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 10px 100px;
  display: inline-block;
  background: #05248a;
  border:1px solid #05248a;
  font-size:16px;
  border-radius:5px;
}
#art_zoom .btn_back a:hover {
  color: #05248a;
  background: #fff;
}