@charset "UTF-8";
/* ============================================================

	style info : reset

============================================================ */
body {
  -webkit-text-size-adjust: none;
  background: #fff;
}

html, body, div, p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: none;
}

input, textarea, select {
  font-size: 100%;
}

img {
  vertical-align: top;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

em, strong, th {
  font-style: normal;
  font-weight: bold;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: none;
}

/* ============================================================

	style info : common

============================================================ */
/* -----------------------------------
	basic
----------------------------------- */
body {
  min-width: 1040px;
  background: white;
  color: #111111;
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0;
}
.ie body {
  font-size: 87.5%;
}

body,
input,
textarea,
select {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.win body, .win
input, .win
textarea, .win
select {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

th, td {
  color: #111111;
  line-height: 1.6;
}

a {
  outline: none;
  color: #111111;
  cursor: pointer;
  text-decoration: underline;
}
a:visited {
  color: #111111;
  text-decoration: underline;
}
a:hover, a:active {
  color: #5e5e5e;
  text-decoration: none;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  box-shadow: #fff 0 0 0;
}

table {
  width: 100%;
}
table th,
table td {
  padding: 0 0 1em 0;
  font-weight: normal;
  vertical-align: top;
}
table th {
  width: 12%;
  padding-right: 1em;
}

/* -----------------------------------
	sub
----------------------------------- */
.global-nav li {
  padding-top: 1px;
  background: url(../img/common/bdr_dash_gry.png) left top repeat-x;
}
.global-nav li.top {
  padding-top: 0;
  background: none;
}
.global-nav li ul {
  display: none;
  padding-bottom: 11px;
}
.global-nav li ul li {
  margin-bottom: 3px;
  padding-top: 0;
  background: none;
}
.global-nav li.open ul {
  display: block;
}

.gallery-nav {
  margin-top: 20px;
}
.gallery-nav li {
  margin-top: 10px;
}

.social-nav {
  overflow: hidden;
  *zoom: 1;
  margin-top: 33px;
}
.social-nav li {
  float: left;
  margin-right: 9px;
}

.host {
  margin-top: 30px;
}

/* -----------------------------------
	footer
----------------------------------- */
#footer {
  position: relative;
  z-index: 200;
  background: #ffea00 url(../img/common/footer_bg.png) center top repeat-x;
  color: #595959;
}
#footer a {
  color: #595959;
  text-decoration: none;
}
#footer .ui-inner {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding-top: 200px;
  padding-bottom: 25px;
}
#footer .pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 200;
}
#footer .pagetop a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#footer .copyright {
  float: left;
  font-size: 78.57143%;
  font-family: Arial, sans-serif;
  letter-spacing: .1em;
}
#footer .misc-nav {
  float: right;
  font-size: 78.57143%;
}
#footer .misc-nav li {
  float: left;
  margin-left: 3em;
}

/* -----------------------------------
	subpage-header
----------------------------------- */
#header {
  min-height: 290px;
  background: url(../img/common/header_bg_yel.png) center top repeat-x;
}
#header .site-logo {
  margin-left: -75px;
}
#header .site-logo a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

#header .text-title {
  height: 105px;
  padding: 65px 0 0 235px;
  background: url(../img/common/header_ttl_img.png) left top no-repeat;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: .1em;
}
#header .text-title span {
  display: block;
  color: #006cb8;
  font-size: 13px;
  //font-family: Arial, serif;
  letter-spacing: .05em;
  //font-weight: normal;
}

#topic-path {
  margin: 45px 10px 30px 10px;
  font-size: 71.42857%;
}
#topic-path li {
  display: inline;
  margin-right: 5px;
}
#topic-path li a {
  text-decoration: none;
}
#topic-path li a:after {
  display: inline;
  content: '＞';
  margin-left: 5px;
  color: #111111 !important;
}

.local-nav {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 35px;
  margin-right: -3px;
}
.local-nav li {
  float: left;
  width: 150px;
  margin-right: 3px;
  margin-bottom: 10px;
}
.local-nav li a {
  display: block;
  width: 150px;
  height: 46px;
  line-height: 46px;
  background: url(../img/common/lnav_bg.png) left top no-repeat;
  font-size: 85.71429%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.local-nav li a:hover, .local-nav li a.current {
  background-position: left bottom;
  color: #111111;
}

/* -----------------------------------
	layout
----------------------------------- */
#wrapper {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

#contents {
  overflow: hidden;
  *zoom: 1;
  width: 1000px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 640px) {
  #contents {
    padding-right: 10px;
    padding-left: 10px;
  }
}

#main {
  float: right;
  width: 765px;
  text-align: left;
}

#sub {
  float: left;
  width: 175px;
  margin-left: 10px;
  text-align: left;
}

.ui-inner {
  position: relative;
  width: 1000px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .ui-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* -----------------------------------
	第一弾公開調整
----------------------------------- */
.global-nav li.kidsday ul,
.kidsday-news {
  display: none;
}

/* ============================================================

	style info : top

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------
	top common
----------------------------------- */
.top-visual {
  margin-bottom: 20px;
  background: url(../img/top/visual_bg.png) center top repeat-x;
}
.top-visual .ui-inner {
  position: relative;
  width: 975px;
  height: 470px;
  padding: 52px 18px 42px 17px;
}
.top-visual .ui-inner:before,
.top-visual .ui-inner:after,
.top-visual .visual-inner:before,
.top-visual .visual-inner:after {
  position: absolute;
  z-index: 300;
  display: block;
  content: ' ';
  background: url(../img/top/visual_frame.png) left top no-repeat;
}
.top-visual .ui-inner:before,
.top-visual .ui-inner:after {
  width: 1008px;
  height: 18px/*504px*/;
  left: 1px;
}
.top-visual .ui-inner:before {
  top: 35px;
  background-position: left top;
}
.top-visual .ui-inner:after {
  top: 521px;
  background-position: left bottom;
}
.top-visual .visual-inner:before,
.top-visual .visual-inner:after {
  width: 30px;
  height: 504px;
  top: 35px;
}
.top-visual .visual-inner:before {
  left: 1px;
  background-position: left top;
}
.top-visual .visual-inner:after {
  right: 1px;
  background-position: right top;
}

.top-visual h1 {
  position: absolute;
  left: -104px;
  top: 0;
  z-index: 1100;
}
.top-visual h1 a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.top-visual ul {
  position: relative;
  z-index: 200;
}
.top-visual ul li {
  float: left;
}
.top-visual ul li a {
  display: block;
}
.top-visual ul li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.top-visual .nav {
  position: absolute;
  top: 265px;
  z-index: 400;
}
.top-visual .prev {
  left: -11px;
}
.top-visual .next {
  right: -11px;
}
.top-visual .pagination {
  margin-top: 18px;
  text-align: center;
}
.top-visual .pagination a {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  border: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 11px;
  height: 11px;
  margin: 0 9px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ffea00;
}
.top-visual .pagination a.selected {
  background: #90c31f;
}
.top-visual .obj {
  position: absolute;
  display: block;
  content: ' ';
  z-index: 400;
}
.top-visual .obj01 {
  bottom: 10px;
  left: -33px;
  width: 110px;
  height: 142px;
  background: url(../img/top/visual_obj_chara_01.png) left top no-repeat;
}
.top-visual .obj02 {
  bottom: -15px;
  right: -117px;
  width: 188px;
  height: 115px;
  background: url(../img/top/visual_obj_chara_02.png) left top no-repeat;
}

.top-news {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 28px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.top-news:after {
  position: absolute;
  display: block;
  content: ' ';
  right: 8px;
  bottom: 2px;
  width: 46px;
  height: 57px;
  background: url(../img/top/news_obj_chara.png) left top no-repeat;
}
.top-news h2 {
  float: left;
  margin: 0 17px 0 8px;
}
.top-news dl {
  overflow: hidden;
  margin-right: 60px;
  padding-top: .5em;
  font-size: 92.85714%;
}
.top-news dl dt {
  width: 7em;
  font-size: 92.30769%;
}
.top-news dl dd {
  margin: -1.6em 0 0.5em 7em;
}
.top-news dl dd span {
  margin-left: 10px;
  color: #f8487e;
  font-size: 84.61538%;
}

.top-pickup {
  position: relative;
  margin-top: -38px;
}
.top-pickup:after {
  display: block;
  content: ' ';
  clear: both;
}

.pickup-list {
  position: relative;
  margin: 0 -22px 0 0;
}
.pickup-list li {
  float: left;
  margin: 48px 20px 0 0;
}
.pickup-list li .inner {
  position: relative;
  width: 242px;
  height: 268px;
  background: #fcf9e6;
}
.pickup-list li .inner:after {
  position: absolute;
  display: block;
  content: ' ';
  left: 0;
  top: 0;
  z-index: 130;
  width: 100%;
  height: 268px;
  background: url(../img/top/pickup_frame_s.png) left top no-repeat;
}
.pickup-list li a {
  display: block;
  text-decoration: none;
}
.pickup-list li .new {
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: 140;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  background: #f8487e;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-family: Arial, sans-serif;
}
.pickup-list li .img {
  position: relative;
  overflow: hidden;
  z-index: 110;
  height: 150px;
  background: #ccc;
}
.pickup-list li .text {
  position: relative;
  z-index: 120;
  padding: 5px 15px 20px 20px;
}
.pickup-list li .text:before {
  position: absolute;
  display: block;
  content: ' ';
  left: 0;
  top: -13px;
  width: 100%;
  height: 13px;
  background: url(../img/top/pickup_obj_wave_s.png) left top no-repeat;
}
.pickup-list li .text h2 {
  margin-bottom: 8px;
  background: left .3em no-repeat;
  line-height: 1.3;
}
.pickup-list li .text .desc {
  font-size: 85.71429%;
}
.pickup-list li .text .status {
  margin-top: 3px;
  text-align: right;
}
.pickup-list li .text .status span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1.4;
  height: 1.4em;
  padding: 0 8px;
  border-radius: 15px;
  color: #fff;
  font-size: 10px;
  letter-spacing: .1em;
  margin: 0 3px;
}
.pickup-list li .text .status span.is-today {
  background: #3dc0f5;
}
.pickup-list li .text .status span.is-reserve {
  background: #e60012;
}
.pickup-list li .text .status span.is-open {
  background: #006cb8;
}
.pickup-list li .text .status span.is-close {
  background: #aaaaa9;
}
.pickup-list li:last-child {
  position: relative;
}
.pickup-list li:last-child:before {
  position: absolute;
  display: block;
  content: ' ';
  top: -35px;
  right: 27px;
  z-index: 150;
  width: 55px;
  height: 40px;
  background: url(../img/top/pickup_obj_chara_s.png) left top no-repeat;
}
.pickup-list li.recommend .inner {
  width: 501px;
}
.pickup-list li.recommend .inner:after {
  background: url(../img/top/pickup_frame_l.png) left top no-repeat;
}
.pickup-list li.recommend .text:before {
  background: url(../img/top/pickup_obj_wave_l.png) left top no-repeat;
}
.pickup-list li.recommend:last-child:before {
  top: -33px;
  right: 26px;
  width: 55px;
  height: 44px;
  background: url(../img/top/pickup_obj_chara_l.png) left top no-repeat;
}
.pickup-list li .text h2,
.pickup-list li.special .text h2 {
  padding-left: 16px;
  color: #0399dd;
  background-image: url(../img/common/ico_arw_blu_r.png);
}
.pickup-list li.workshop .text h2 {
  padding-left: 16px;
  color: #f3981e;
  background-image: url(../img/common/ico_arw_org_r.png);
}

/* ============================================================

	style info : wsc

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------
	search-nav
----------------------------------- */
.wsc-head {
  overflow: hidden;
  *zoom: 1;
}
.wsc-head h2 {
  float: left;
  margin: 7px 0 17px 0;
  font-size: 135.71429%;
}
.wsc-head .search-button {
  float: right;
  margin-bottom: 17px;
}
.wsc-head .search-button a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

ul.old-list,
ul.genre-list {
  overflow: hidden;
  *zoom: 1;
}
ul.old-list li,
ul.genre-list li {
  float: left;
  height: 64px;
  margin: 9px 9px 0 0;
}

.search-nav {
  display: none;
  clear: both;
  background: url(../img/wsc/ws/search_bg.png) left top no-repeat;
  height: 285px;
  padding: 0 0 0 38px;
}
.search-nav h3 {
  margin-bottom: 10px;
}
.search-nav .old {
  margin-bottom: 14px;
  padding-top: 27px;
}
.search-nav .old h3 {
  margin-left: 15px;
}
.search-nav .genre h3 {
  margin-left: 4px;
}

.workshop-list {
  overflow: hidden;
  *zoom: 1;
  margin-right: -22px;
}
.workshop-list li {
  position: relative;
  float: left;
  width: 240px;
  margin: 40px 22px 0 0;
  /* kidsday */
}
.workshop-list li a {
  position: relative;
  display: block;
  text-decoration: none;
}
.workshop-list li .prize {
  position: absolute;
  left: 45px;
  top: -18px;
  z-index: 300;
}
.workshop-list li .img {
  z-index: 200;
}
.workshop-list li .img:after {
  position: absolute;
  display: block;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 143px;
  background: url(../img/wsc/ws/list_frame.png) left top no-repeat;
}
.workshop-list li .text {
  position: relative;
  padding: 12px 20px 30px 20px;
  background: #ebf4fa;
}
.workshop-list li .text:before {
  position: absolute;
  display: block;
  content: ' ';
  left: 0;
  top: -14px;
  width: 100%;
  height: 14px;
  background: url(../img/wsc/ws/list_obj_wave.png) left top no-repeat;
}
.workshop-list li .text:after {
  position: absolute;
  display: block;
  content: ' ';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 143px;
  background: url(../img/wsc/ws/list_frame.png) right bottom no-repeat;
}
.workshop-list li .text h3 {
  font-size: 85.71429%;
  color: #006cb8;
  line-height: 1.4;
}
.workshop-list li .text h3 span {
  display: block;
}
.workshop-list li .text .desc {
  margin-top: 8px;
  font-size: 71.42857%;
}
.workshop-list li .text .data {
  margin: 8px 25px 0 25px;
  font-size: 71.42857%;
  vertical-align: middle;
}
.workshop-list li .text .data .genre img {
  margin-right: 2px;
}
.workshop-list li .text .data .price {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 1.6em;
  line-height: 1.6;
  padding: 0 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
}
.workshop-list li .area {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 140;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  background: #f8487e;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.workshop-list li .event {
  margin-top: 10px;
  padding-top: 12px;
  background: url(../img/common/bdr_dash_wht.png) left top repeat-x;
  font-size: 85.71429%;
  text-align: center;
}
.workshop-list li .event span {
  display: block;
}
.workshop-list li .event .date {
  color: #f8487e;
}

/* 150420 */
.workshop-list li.recommend {
  width: 502px;
}
.workshop-list li.recommend .img:after {
  background: url(../img/wsc/ws/list_frame_l.png) left top no-repeat;
}
.workshop-list li.recommend .text:before {
  background: url(../img/wsc/ws/list_obj_wave_l.png) left bottom no-repeat;
}
.workshop-list li.recommend .text:after {
  background: url(../img/wsc/ws/list_frame_l.png) right bottom no-repeat;
}
.workshop-list li.recommend .prize {
  left: 40px;
}
.workshop-list li.recommend .prize img {
  left: 0;
}

/* 150526 */
.pr-list {
  margin-right: -28px;
  margin-top: -27px;
}
.pr-list li {
  overflow: hidden;
  width: 236px;
  margin: 32px 28px 0 0;
}
.pr-list li .img {
  position: relative;
  overflow: hidden;
  height: 142px;
}
.pr-list li .img:before {
  display: block;
  content: '';
  width: 100%;
  height: 142px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  background: url(../img/wsc/ws/pr_list_frame.png) left top no-repeat;
}
.pr-list li .img img{
  position: relative;
  z-index: 100;
}
.pr-list li .text {
  min-height: 50px;
  padding-bottom: 20px;
  background: url(../img/wsc/ws/pr_list_frame.png) right bottom no-repeat;
}
.pr-list li .text:before,
.pr-list li .text:after {
  display: none;
}
.pr-list li .text h3 {
  color: #537801;
}


/* -----------------------------------
	workshop-modal
----------------------------------- */
.workshop-modal {
  display: none;
  position: relative;
  width: 800px;
  z-index: 300;
  background: url(../img/wsc/ws/modal_bg_top.png) left top no-repeat;
}
.workshop-modal .modal-inner {
  padding-bottom: 75px;
  background: url(../img/wsc/ws/modal_bg_btm.png) left bottom no-repeat;
  text-align: left;
}
.workshop-modal .modal-close {
  position: absolute;
  right: 53px;
  top: 38px;
}
.workshop-modal .title {
  padding: 38px 120px 20px 50px;
}
.workshop-modal .title h2 {
  font-size: 171.42857%;
  line-height: 1.4;
}
.workshop-modal .title h2 span {
  display: block;
}
.workshop-modal .title .exhibitor {
  margin-top: 5px;
  font-size: 85.71429%;
}
.workshop-modal .visual {
  position: relative;
}
.workshop-modal .visual img {
  position: relative;
}
.workshop-modal .visual:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 24px;
  left: 0;
  bottom: 0;
  background: url(../img/wsc/ws/modal_obj_wave.png) left top no-repeat;
}
.workshop-modal .information {
  overflow: hidden;
  height: 410px;
  bottom: -70px;
  margin: 30px 40px 0 75px;
}
.workshop-modal .information .frame {
  padding: 5px 0;
}
.workshop-modal .information .genre-list {
  position: relative;
  margin: 0 -11px 20px 0;
}
.workshop-modal .information .genre-list li {
  margin: 0 11px 0 0;
}
.workshop-modal .information dl {
  overflow: hidden;
  font-size: 92.85714%;
}
.workshop-modal .information dl dt {
  width: 5em;
  padding-left: 1.5em;
  background: left center no-repeat;
}
.workshop-modal .information dl dd {
  margin: -1.6em 0 0.2em 7em;
}
.workshop-modal .information dl dd span {
  font-size: 84.61538%;
}
.workshop-modal .information .target dt {
  background-image: url(../img/common/ico_target.png);
}
.workshop-modal .information .time dt {
  background-image: url(../img/common/ico_time.png);
  background-position: 1px center;
}
.workshop-modal .information .price {
  float: right;
  background: #eee;
  margin-top: 3px;
  padding: 7px 15px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.workshop-modal .information .price dt,
.workshop-modal .information .price dd {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
}
.workshop-modal .information .price dt {
  margin-right: 5px;
}
.workshop-modal .information .text h3 {
  overflow: hidden;
}
.workshop-modal .information .text h3 {
  margin-top: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
}
.workshop-modal .information .text h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.workshop-modal .information .text .body {
  clear: both;
  overflow: hidden;
}
.workshop-modal .information .text p {
  margin-top: 1em;
}
.workshop-modal .information .text p.img-l,
.workshop-modal .information .text p.img-r {
  clear: both;
  margin-bottom: 1em;
}
.workshop-modal .information .text p.img-l {
  float: left;
  margin-right: 30px;
}
.workshop-modal .information .text p.img-r {
  float: right;
  margin-left: 30px;
}
.workshop-modal .information .target dd {
  color: #c81d1d;
}
.workshop-modal .information .target dd span {
  color: #111111;
}
.workshop-modal .information .link a {
  padding-right: 20px;
  background: url(../img/common/ico_blank.png) right center no-repeat;
}

/* 150526 */
.border-dash-gry {
  height: 0;
  padding: 0;
  margin: 15px 0 0 0;
  border: none;
  border-bottom: dashed 2px #e2e2e2;
}

.pr-modal {
  background: url(../img/wsc/ws/pr_modal_bg_top.png) left top no-repeat;
}
.pr-modal .modal-inner {
  background: url(../img/wsc/ws/pr_modal_bg_btm.png) left bottom no-repeat;
}
.pr-modal .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ffcebd;
}
.pr-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ea5420;
}
.pr-modal .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #ea5420;
}
.pr-modal .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pr-modal .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #ea5420;
}


/* ============================================================

	style info : wsc

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------

----------------------------------- */
#wsc.index #main h2 {
  text-align: center;
}
#wsc.index #main .panph_btn {
  text-align: right;
}
#wsc.index #main .title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 15px 0;
}
#wsc.index #main .title:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
#wsc.index #main .txt {
  margin-bottom: 40px;
  line-height: 1.9em;
}

/* -----------------------------------
               wsc010-place
----------------------------------- */
.wsc010-place {
  overflow: hidden;
  margin: 0 0 40px 0;
}
.wsc010-place h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 18px 0;
}
.wsc010-place h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.wsc010-place .map {
  float: right;
}
.wsc010-place h3 {
  margin: 0 0 20px 0;
  font-size: 114.28571%;
  font-weight: normal;
}
.wsc010-place p {
  margin: 0 0 10px 0;
  font-size: 78.57143%;
  line-height: 1.5em;
}
.wsc010-place .note {
  padding-left: 1em;
  text-indent: -1em;
}

/* -----------------------------------
              wsc010-num
----------------------------------- */
.wsc010-num {
  margin: 0 0 65px 0;
}
.wsc010-num h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 30px;
}
.wsc010-num h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.wsc010-num p {
  text-align: center;
}

/* -----------------------------------
              wsc010-join
----------------------------------- */
.wsc010-join {
  overflow: hidden;
  margin: 0 0 60px 0;
}
.wsc010-join h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 15px 0;
}
.wsc010-join h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.wsc010-join p {
  margin: 0 0 25px 0;
  line-height: 1.9em;
}
.wsc010-join dl {
  background: url(../img/wsc/img_01.png) no-repeat 560px bottom;
  padding: 0 0 10px 0;
}
.wsc010-join dl dt {
  line-height: 1.9em;
}
.wsc010-join dl dd {
  line-height: 1.9em;
}

/* -----------------------------------
            wsc010-contact
----------------------------------- */
.wsc010-contact {
  background: url(../img/wsc/contact_bg.png) no-repeat left top;
  width: 635px;
  height: 213px;
  padding: 95px 0 0 70px;
  margin: 0 auto 55px auto;
}
.wsc010-contact dt {
  margin: 0 0 5px 0;
  font-size: 128.57143%;
  font-weight: bold;
  line-height: 1.5em;
}
.wsc010-contact dd {
  line-height: 1.9em;
}
.wsc010-contact dd span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 0 0 4.5em;
  line-height: 1.9em;
}
.wsc010-contact dd p {
  margin: -35px 160px 0 0;
  text-align: right;
}

/* -----------------------------------
           wsc010-links
----------------------------------- */
.wsc010-links {
  background: url(../img/common/bdr_dash_grn.png) repeat-x left top;
  padding: 45px 0 0 0;
}
.wsc010-links h3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  background: url(../img/wsc/bdr_ttl_grn.png) right bottom no-repeat;
  margin: 0 0 12px 0;
  font-size: 114.28571%;
}
.wsc010-links h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.wsc010-links h3:before {
  background: url(../img/wsc/bdr_ttl_grn.png) left bottom no-repeat;
}
.wsc010-links h4 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  background: url(../img/wsc/bdr_ttl_lightgrn.png) right bottom no-repeat;
  margin: 0 0 12px 0;
  font-size: 100%;
}
.wsc010-links h4:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.wsc010-links h4:before {
  background: url(../img/wsc/bdr_ttl_lightgrn.png) left bottom no-repeat;
}
.wsc010-links p {
  margin: 0 0 40px 0;
}
.wsc010-links ul {
  padding: 0 0 0 5px;
}
.wsc010-links ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 15px 28px 0;
  vertical-align: top;
}

/* ============================================================

	style info : special

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
.special .wsc-head {
  margin-bottom: 15px;
}
.special .wsc-head h2 {
  float: none;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.special .wsc-foot {
  margin-top: 60px;
}

/* -----------------------------------
	program-list
----------------------------------- */
.program-list {
  overflow: hidden;
  *zoom: 1;
}

.sp-introduction {
  overflow: hidden;
  *zoom: 1;
}
.sp-introduction .reserve {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 15px;
}
.sp-introduction .reserve li {
  float: left;
  margin: 0 6px 0 0;
}
.sp-introduction h3 {
  margin-bottom: 15px;
  padding-bottom: 18px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
  font-size: 150%;
  line-height: 1.4;
}
.sp-introduction h3 span {
  display: block;
  margin-bottom: .5em;
  font-size: 76.19048%;
}
.sp-introduction p {
  margin-bottom: 1em;
}
.sp-introduction .catch {
  margin-bottom: 10px;
  font-size: 92.85714%;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .1em;
}
.sp-introduction .text {
  font-size: 85.71429%;
  letter-spacing: .1em;
}
.sp-introduction .date {
  margin-top: 1em;
  vertical-align: middle;
}
.sp-introduction .date span {
  margin-right: 10px;
  padding: .2em .6em .2em .9em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #90c31f;
  color: #fff;
  font-size: 82.14286%;
  letter-spacing: .3em;
}
.sp-introduction .more {
  margin-bottom: 0;
  text-align: right;
}
.sp-introduction .img img {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.sp-introduction .img-list {
  overflow: hidden;
  *zoom: 1;
  margin: 0 -20px -15px 0;
}
.sp-introduction .img-list li {
  float: left;
  width: 195px;
  margin: 0 20px 15px 0;
}
.sp-introduction .img-list .img {
  float: none;
}
.sp-introduction .img-list .img img {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.sp-introduction .img-list h4 {
  padding: 0 0 0 20px;
  background: url(../img/common/ico_arw_min_grn_r.png) 4px 0.2em no-repeat;
  font-size: 82.14286%;
  font-weight: normal;
  line-height: 1.4;
}
.sp-introduction .img-list h4 span {
  display: block;
  margin-top: .5em;
  font-size: 91.30435%;
}

/* ▼▼ sp-frame-medium ▼▼ */
.sp-frame-medium {
  display: table;
}
.sp-frame-medium .img,
.sp-frame-medium .info {
  display: table-cell;
  vertical-align: middle;
}

.sp-frame-medium.sp-yellow-line {
  margin: 25px 0 0 0;
  padding: 41px 53px 37px 50px;
  background-image: url(../img/wsc/special/bg_yel_line_l_top.png), url(../img/wsc/special/bg_yel_line_l_btm.png), url(../img/wsc/special/bg_yel_line_l_mdl.png);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top left, bottom left, top left;
}
.sp-frame-medium.sp-yellow-line .img {
  padding-right: 47px;
}
.sp-frame-medium.sp-yellow-line .info {
  padding-right: 25px;
}
.sp-frame-medium.sp-yellow-line .info .more {
  position: relative;
  right: -25px;
}

/* ▲▲ sp-frame-medium ▲▲ */
/* ▼▼ sp-frame-small ▼▼ */
.sp-frame-small {
  display: block;
  float: left;
  margin: 25px 21px 0 0;
  padding: 44px 37px 32px 37px;
  width: 298px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top left, bottom left, top left;
}
.sp-frame-small .img,
.sp-frame-small .info {
  display: block;
  vertical-align: middle;
}
.sp-frame-small .img {
  margin-bottom: 15px;
  text-align: center;
}
.sp-frame-small h3 {
  margin-bottom: .3em;
  padding-bottom: 0;
  background: none;
  font-size: 128.57143%;
}
.sp-frame-small p {
  margin-bottom: .5em;
}
.sp-frame-small .date {
  margin-top: .5em;
}
.sp-frame-small.even {
  margin-right: 0;
}

.sp-frame-small.sp-yellow-line {
  background-image: url(../img/wsc/special/bg_yel_line_s_top.png), url(../img/wsc/special/bg_yel_line_s_btm.png), url(../img/wsc/special/bg_yel_line_s_mdl.png);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top left, bottom left, top left;
}

/* ▲▲ sp-frame-small ▲▲ */
/* ▼▼ sp-frame-large ▼▼ */
.sp-frame-large {
  margin: 0 0 35px 0;
  padding: 42px 40px 32px 40px;
  background-color: #FFFFFF;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom left;
}

.sp-frame-large.sp-yellow {
  background-image: url(../img/wsc/special/bg_yel_top.png), url(../img/wsc/special/bg_yel_btm.png);
}

.sp-frame-large.sp-pink {
  background-image: url(../img/wsc/special/bg_pnk_top.png), url(../img/wsc/special/bg_pnk_btm.png);
}

/* ▲▲ sp-frame-large ▲▲ */
/* -----------------------------------
	sp-project
----------------------------------- */
.sp-project {
  margin-top: 45px;
  padding: 30px 29px;
  border-radius: 45px;
}
.sp-project .head {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
}
.sp-project .head .about {
  overflow: hidden;
  *zoom: 1;
  float: left;
  margin: 0 15px 0 0;
  border-radius: 20px;
  width: 517px;
  background: #FFFFFF;
}
.sp-project .head .about .img {
  float: left;
}
.sp-project .head .about .text {
  float: left;
  margin: 5px 0 0 0;
  width: 265px;
  font-size: 86%;
}
.sp-project .head .note {
  float: left;
  padding: 21px 10px;
  border-radius: 20px;
  width: 109px;
  background: #FFFFFF;
}
.sp-project .head .note .img {
  margin: 0 auto;
}
.sp-project .head .note .text {
  font-size: 71%;
}
.sp-project .body {
  margin-top: -20px;
}
.sp-project .body > h3 {
  margin: 40px 0 8px 0;
}
.sp-project .sp-frame-large {
  margin: 17px 0 0 0;
}
.sp-project .sp-frame-medium {
  margin: 17px 0 0 0;
  padding: 40px 40px 36px 40px;
  background-color: #fff;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom left;
}
.sp-project .sp-frame-medium .sp-introduction .img {
  padding-right: 35px;
}
.sp-project .sp-frame-medium.sp-yellow {
  background-image: url(../img/wsc/special/bg_yel_top.png), url(../img/wsc/special/bg_yel_btm.png);
}
.sp-project .sp-frame-medium.sp-pink {
  background-image: url(../img/wsc/special/bg_pnk_top.png), url(../img/wsc/special/bg_pnk_btm.png);
}

/* sp-area-peg */
.sp-area-peg {
  background: #f7de53;
}
.sp-area-peg .head .about {
  padding: 22px;
}
.sp-area-peg .head .about .img {
  margin: 14px 23px 0 0;
}
.sp-area-peg .head .note .img {
  margin-bottom: 14px;
  width: 100px;
}

/* sp-area-dcbf */
.sp-area-dcbf {
  background: #f7a6a0;
}
.sp-area-dcbf .head .about {
  padding: 12px 22px;
}
.sp-area-dcbf .head .about .img {
  margin: 55px 38px 0 0;
}
.sp-area-dcbf .head .note {
  padding: 12px 10px;
}
.sp-area-dcbf .head .note .text {
  margin: 67px 0 10px 0;
  text-align: center;
}
.sp-area-dcbf .head .note .img {
  margin-bottom: 5px;
  width: 84px;
}

/* -----------------------------------
	sp-detail
----------------------------------- */
.sp-detail .sp-introduction {
  overflow: hidden;
  *zoom: 1;
}
.sp-detail .sp-introduction .img {
  display: block;
  float: right;
  margin: 40px 0 30px 40px;
}
.sp-detail .sp-introduction .info {
  display: block;
  overflow: hidden;
}

.sp-outline {
  margin-top: 40px;
}
.sp-outline h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 30px;
}
.sp-outline h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.sp-outline .entry {
  margin-top: 30px;
}

.sp-profile {
  margin-top: 60px;
}
.sp-profile h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
}
.sp-profile h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.sp-profile ul {
  margin-top: -5px;
}
.sp-profile ul li {
  overflow: hidden;
  *zoom: 1;
  margin-top: 40px;
}
.sp-profile ul li .img {
  float: left;
  margin: 0 30px 0 0;
}
.sp-profile ul li p {
  overflow: hidden;
}
.sp-profile ul li .position {
  margin-top: .5em;
  color: #5a5959;
  font-size: 71.42857%;
}
.sp-profile ul li .desc {
  margin-top: 1em;
  font-size: 85.71429%;
  line-height: 1.8;
}

.sp-free {
  margin-top: 60px;
  padding-top: 57px;
  background: url(../img/common/bdr_dash_gry.png) left top repeat-x;
}
.sp-free img {
  /*
  width: 100%;
  height: auto;
  */
  max-width: 765px;
}

.sp-detail .sp-frame-medium {
  display: block;
}
.sp-detail .sp-introduction .img {
  padding-right: 0 !important;
}
.sp-detail .sp-introduction .img img {
  width: 280px;
  height: 280px;
}
.sp-detail .sp-introduction .catch {
  font-size: 107.14286%;
}
.sp-detail .sp-introduction .text {
  font-size: 100%;
}

/* -----------------------------------
	.special-feature
----------------------------------- */
.sp-feature {
  margin-top: 45px;
  padding: 30px 29px;
  background: #f7de53;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
}

.sp-feature-about h2 {
  margin-bottom: 20px;
}
.sp-feature-about h3 {
  margin-bottom: 25px;
  font-size: 107.14286%;
  font-weight: bold;
}
.sp-feature-about .img {
  display: block;
  margin-bottom: 30px;
}
.sp-feature-about .desc p {
  margin-bottom: 1.6em;
}

.sp-entry .agreement h2 {
  margin-bottom: 25px;
  padding-bottom: 17px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
  font-size: 150%;
}
.sp-entry .agreement p {
  margin: 1.6em 0;
}
.sp-entry .agreement .alert {
  color: #e60012;
  font-size: 85.71429%;
  text-align: center;
}
.sp-entry .agreement .action-list {
  text-align: center;
}
.sp-entry .agreement .action-list li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 5px;
  vertical-align: top;
}
.sp-entry .agreement .action-list li span {
  display: block;
  text-align: center;
  margin-top: 5px;
  color: #e60012;
  font-size: 78.57143%;
}
.sp-entry .attention {
  margin-top: 45px;
  padding-top: 40px;
  background: url(../img/common/bdr_dash_grn.png) left top repeat-x;
}
.sp-entry .attention h3 {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
}
.sp-entry .attention h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.sp-entry .attention dl dt {
  font-weight: bold;
}
.sp-entry .attention dl dd {
  margin: 10px 0 40px 0;
}
.sp-entry .attention dl dd p,
.sp-entry .attention dl dd ul {
  margin-bottom: 1em;
}
.sp-entry .attention dl dd .note {
  font-size: 78.57143%;
}
.sp-entry .attention dl dd .alert {
  color: #e60012;
}
.sp-entry .attention dl dd .caution,
.sp-entry .attention dl dd .caution li {
  padding-left: 1em;
  text-indent: -1em;
}

/* ============================================================

	style info : creativekidsday

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
#creativekidsday #header {
  background-image: url(../img/common/header_bg_blu.png);
}
#creativekidsday .global-nav li.kidsday ul, #creativekidsday .global-nav li.kidsday li {
  /*display: block;*/
}

/* -----------------------------------
	index
----------------------------------- */
.kidsday-lead {
  background: url(../img/creativekidsday/lead_bg.png) left top no-repeat;
  min-height: 490px;
  margin-bottom: 36px;
  margin-top: -25px;
}
.kidsday-lead h2 {
  margin: 0 0 0 29px;
  padding-top: 32px;
}
.kidsday-lead h3 {
  margin: 0 270px .8em 85px;
  font-size: 128.57143%;
}
.kidsday-lead p {
  margin: 1em 270px 0 85px;
  font-size: 92.85714%;
}

.kidsday-news {
  margin-bottom: 23px;
  padding-bottom: 0;
  background: none;
}
.kidsday-news:after {
  display: none;
}

.kidsday-topics ul {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  margin-right: -17px;
}
.kidsday-topics ul li {
  position: relative;
  float: left;
  width: 334px;
  margin: 20px 17px 0 0;
  padding: 20px;
  background: url(../img/creativekidsday/topics_bg.png) left bottom no-repeat;
}
.kidsday-topics ul li:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 119px;
  left: 0;
  top: 0;
  background: url(../img/creativekidsday/topics_bg.png) left top no-repeat;
  z-index: 110;
}
.kidsday-topics ul li:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 35px;
  height: 28px;
  top: -11px;
  right: 6px;
  background: left top no-repeat;
  z-index: 120;
}
.kidsday-topics ul li.green:after {
  background-image: url(../img/creativekidsday/topics_obj_note_grn.png);
}
.kidsday-topics ul li.blue:after {
  background-image: url(../img/creativekidsday/topics_obj_note_blu.png);
}
.kidsday-topics ul li.orange:after {
  background-image: url(../img/creativekidsday/topics_obj_note_org.png);
}
.kidsday-topics ul h2,
.kidsday-topics ul p {
  overflow: hidden;
  position: relative;
  z-index: 120;
}
.kidsday-topics ul h2 {
  margin-top: 3px;
  font-size: 100%;
}
.kidsday-topics ul .catch {
  position: absolute;
  left: 7px;
  top: -14px;
  z-index: 120;
}
.kidsday-topics ul .img {
  float: left;
  margin: 0 20px 20px 0;
}
.kidsday-topics ul .img img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.kidsday-topics ul .desc {
  margin-top: .5em;
  font-size: 89.28571%;
}
.kidsday-topics ul .more-nav {
  margin: 10px 0 0 115px;
}
.kidsday-topics ul .more-nav span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 2.2em;
  line-height: 2.2em;
  padding: 0 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #fff;
  font-size: 85.71429%;
  vertical-align: middle;
}

.kidsday-workshop {
  margin-top: 25px;
  padding-top: 35px;
  background: url(../img/common/bdr_dash_grn.png) left top repeat-x;
}
.kidsday-workshop h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  float: left;
  margin-right: 30px;
}
.kidsday-workshop h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.kidsday-workshop .lead {
  overflow: hidden;
  font-size: 85.71429%;
}
.kidsday-workshop .workshop-list li .text {
  padding-bottom: 25px;
  background: #b0e0f9;
}
.kidsday-workshop .workshop-list li .text:before {
  background-image: url(../img/creativekidsday/ws_obj_wave.png);
  height: 15px;
  top: -15px;
}
.kidsday-workshop .workshop-list li .desc {
  font-size: 78.57143%;
}

/* -----------------------------------
	detai
----------------------------------- */
#creativekidsday.detail #main h2 {
  position: relative;
  background: #9ed8f6;
  padding: 30px 50px 30px 48px;
  margin: 0 0 40px 0;
  font-size: 142.85714%;
  line-height: 1.4em;
}
#creativekidsday.detail #main h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 32px;
  top: 0;
  left: 0;
  background: url(../img/creativekidsday/bg_title.png) no-repeat left top;
  z-index: 1;
}
#creativekidsday.detail #main h2:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 32px;
  bottom: 0;
  left: 0;
  background: url(../img/creativekidsday/bg_title.png) no-repeat left bottom;
  z-index: 1;
}

/* -----------------------------------
	sub-box
----------------------------------- */
.sub-box {
  position: relative;
  overflow: hidden;
  background: url(../img/creativekidsday/bg_waku_btm.png) no-repeat left bottom, url(../img/creativekidsday/bg_waku_top.png) left top no-repeat, url(../img/creativekidsday/bg_waku_mid.png) left top repeat-y;
  padding: 70px 70px 65px 52px;
  margin: 0 0 40px 0;
}
.sub-box .photo {
  float: left;
  margin: 0 47px 0 0;
  position: relative;
  z-index: 2;
}
.sub-box h3 {
  background: url(../img/common/bdr_dash_grn.png) repeat-x left bottom;
  padding: 0 0 28px 0;
  margin: 0 0 15px 290px;
  position: relative;
  z-index: 2;
  font-size: 150%;
  color: #006cb7;
}
.sub-box h4 {
  margin: 0 0 8px 0;
  font-size: 85.71429%;
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}
.sub-box p {
  font-size: 85.71429%;
  line-height: 1.7em;
  position: relative;
  z-index: 2;
}

.sub-box.nophoto h3 {
  margin: 0 0 15px 0px;
}

/* -----------------------------------
	program-area
----------------------------------- */
.program-area {
  background: #9ed8f6;
  border-radius: 55px;
  padding: 56px 0 10px 0;
  margin: 0 0 42px 0;
}
.program-area h3 {
  padding: 0 0 0 28px;
  margin: 0 0 22px 0;
}
.program-area .program-box {
  position: relative;
  overflow: hidden;
  background: url(../img/creativekidsday/bg_program_box_btm.png) no-repeat left bottom;
  width: 629px;
  padding: 80px 40px 55px 40px;
  margin: 0 auto 16px auto;
}
.program-area .program-box:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  background: url(../img/creativekidsday/bg_program_box_top.png) left top no-repeat;
  z-index: 1;
}
.program-area .program-box h4 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 20px 0;
}
.program-area .program-box h4:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.program-area .program-box div {
  overflow: hidden;
  position: relative;
  padding: 0 0 45px 0;
  z-index: 2;
}
.program-area .program-box div .photo {
  width: auto;
  float: right;
}
.program-area .program-box div h4 {
  display: block;
  background: url(../img/common/bdr_dash_grn.png) repeat-x left bottom;
  width: 353px;
  padding: 0 0 25px 0;
  margin: 0 0 15px 0;
}
.program-area .program-box div h4:before {
  display: none;
}
.program-area .program-box div h4 span {
  display: block;
  font-size: 76.19048%;
}
.program-area .program-box div h5 {
  width: 353px;
  margin: 0 0 8px 0;
  font-size: 85.71429%;
  font-weight: bold;
  line-height: 1.5em;
}
.program-area .program-box div p {
  width: 353px;
  font-size: 85.71429%;
  line-height: 1.7em;
}
.program-area .program-box dl {
  overflow: hidden;
  padding: 0 0 42px 0;
}
.program-area .program-box dt {
  float: left;
  font-size: 92.85714%;
}
.program-area .program-box dd {
  padding: 0 0 1.15em 6em;
  font-size: 92.85714%;
}
.program-area .program-box .bnr {
  background: url(../img/creativekidsday/bdr_dash_gry.png) repeat-x left top;
  padding: 40px 0 0 0;
}

/* -----------------------------------
	kidsday-contact
----------------------------------- */
.kidsday-contact {
  background: url(../img/creativekidsday/bg_contact_top.png) no-repeat left top, url(../img/creativekidsday/bg_contact_btm.png) no-repeat left bottom, url(../img/creativekidsday/bg_contact_mid.png) repeat-y left top;
  min-height: 163px;
  padding: 75px 60px 60px 70px;
  margin: 0 0 60px 23px;
}
.kidsday-contact dt {
  margin: 0 0 10px 0;
  font-size: 128.57143%;
  font-weight: bold;
}
.kidsday-contact dd {
  line-height: 1.8em;
}
.kidsday-contact dd span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 4.5em;
}
.kidsday-contact dd p {
  margin: -35px 150px 0 0;
  text-align: right;
}

/* ============================================================

	style info : about

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------
	about-lead
----------------------------------- */
.about-lead {
  background: url(../img/about/lead_bg.png) no-repeat left bottom;
  padding: 0 70px 145px 60px;
  margin: 0 0 35px -15px;
}
.about-lead h2 {
  margin: 0 0 5px 0;
  text-align: center;
}
.about-lead p {
  font-weight: bold;
  line-height: 1.9em;
}

/* -----------------------------------
	about-3place
----------------------------------- */
.about-3place {
  margin: 0 0 65px 0;
}
.about-3place h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 20px 0;
}
.about-3place h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-3place ol {
  overflow: hidden;
  margin: 30px 0 0 -22px;
}
.about-3place ol li {
  position: relative;
  background: url(../img/about/place_bg.png) no-repeat left top;
  float: left;
  margin: 0 0 0 22px;
}
.about-3place ol li img {
  position: absolute;
  top: 0;
  left: 5px;
}
.about-3place ol li p {
  display: table-cell;
  width: 240px;
  height: 150px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

/* -----------------------------------
	about-event
----------------------------------- */
.about-event {
  overflow: hidden;
  margin: 0 0 40px 0;
}
.about-event h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 20px 0;
}
.about-event h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-event p {
  width: 338px;
  line-height: 1.9em;
}
.about-event .graph {
  float: right;
  width: 385px;
  padding: 40px 0 0 0;
  text-align: right;
}
.about-event .graph a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/about/btn_bg.png) no-repeat left top;
  width: 197px;
  padding: 0 0 0 62px;
  margin: 25px 0 0 0;
  line-height: 62px;
  color: #FFFFFF;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
.about-event .graph a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* -----------------------------------
	about-event
----------------------------------- */
.about-network {
  overflow: hidden;
  margin: 0 0 45px 0;
}
.about-network h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 20px 0;
}
.about-network h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-network p {
  width: 450px;
  line-height: 1.9em;
}
.about-network .pct {
  float: right;
  width: auto;
  padding: 40px 0 0 0;
}

/* -----------------------------------
	about-history
----------------------------------- */
.about-history {
  margin: 0 0 28px 0;
}
.about-history h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 20px 0;
}
.about-history h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-history ul {
  padding: 0 0 0 10px;
}
.about-history ul li {
  background: url(../img/about/ico_circle.png) no-repeat left 0.5em;
  padding: 0 0 0 18px;
  margin: 0 0 12px 0;
}

/* -----------------------------------
	about-chara
----------------------------------- */
.about-chara {
  margin: 0 0 45px 0;
}
.about-chara h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 40px 0;
}
.about-chara h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-chara p {
  text-align: center;
}

/* -----------------------------------
	about-group
----------------------------------- */
.about-group h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 25px 0;
}
.about-group h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.about-group dl {
  overflow: hidden;
}
.about-group dt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 25px 0 0;
  vertical-align: middle;
}
.about-group dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/about/line_dash_grn.png) repeat-y left top;
  width: 590px;
  padding: 0 0 0 26px;
  vertical-align: middle;
}
.about-group dd h3 {
  font-weight: bold;
  line-height: 1.9em;
}
.about-group dd p {
  margin: 0 0 25px 0;
  line-height: 1.9em;
}
.about-group dd dt {
  float: left;
  padding: 0;
}
.about-group dd dd {
  display: block;
  background: none;
  width: auto;
  padding: 0 0 15px 122px;
}
.about-group dd dd:last-of-type {
  padding: 0 0 2px 122px;
}

/* ============================================================

  style info : exhibitor

============================================================ */
/* -----------------------------------
  exhibitor-common
----------------------------------- */
.exhibitor-section h2 {
  margin: 40px 0 15px 0;
  font-size: 136%;
}
.exhibitor-section ul.list-dot>li {
  margin: 0 0 1em 0;
  padding: 0 0 0 18px;
  background: url(../img/exhibitor/ico_circle.png) no-repeat left 0.5em;
}

/* -----------------------------------
  exhibitor-visual
----------------------------------- */
.exhibitor-visual .img02 {
  margin: 25px 0 20px 0;
}
.exhibitor-visual .catch {
  line-height: 1.8em;
}
.exhibitor-visual .btn a {
  display: inline-block;
  margin-top: 20px;
  width: 355px;
  height: 65px;
  line-height: 65px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: url(../img/exhibitor/btn_bg.png) no-repeat center center;
}
.exhibitor-visual .btn a:hover {
  opacity: 0.7;
}
.exhibitor-visual .btn span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 93%;
}
.exhibitor-visual .lead {
  margin-top: 10px;
  font-size: 86%;
}

/* -----------------------------------
  exhibitor-outline
----------------------------------- */
.exhibitor-outline h2 {
  padding-left: 26px;
  height: 30px;
  background: url(../img/exhibitor/outline_ttl.png) no-repeat left center;
}
.exhibitor-outline ul {
  padding-bottom: 30px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-outline ul .label {
  margin-bottom: 10px;
}

/* -----------------------------------
  exhibitor-invite
----------------------------------- */
.exhibitor-invite {
  padding-bottom: 45px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-invite h2 {
  padding-left: 49px;
  padding-bottom: 3px;
  height: 25px;
  background: url(../img/exhibitor/invite_ttl.png) no-repeat left bottom;
}
.exhibitor-invite .point {
  color: #fa0000;
}
.exhibitor-invite .lead {
  margin-bottom: 30px;
}
.exhibitor-invite .terms {
  margin-bottom: 40px;
}
.exhibitor-invite .terms:last-child {
  margin-bottom: 25px;
}
.exhibitor-invite .label {
  margin-bottom: 18px;
  padding-left: 63px;
  height: 48px;
  font-size: 129%;
  line-height: 48px;
  vertical-align: middle;
}
.exhibitor-invite .terms_01 { background: url(../img/exhibitor/invite_list_bg_01.png) no-repeat left center; }
.exhibitor-invite .terms_02 { background: url(../img/exhibitor/invite_list_bg_02.png) no-repeat left center; }
.exhibitor-invite .terms_03 { background: url(../img/exhibitor/invite_list_bg_03.png) no-repeat left center; }
.exhibitor-invite .note {
  margin-top: 5px;
  font-size: 86%;
}

.exhibitor-invite .catch {
  padding: 15px 17px;
  border: 3px solid #ffea00;
  border-radius: 8px;
  background: #fefbeb;
}

/* -----------------------------------
  exhibitor-apply
----------------------------------- */
.exhibitor-apply h2 {
  padding-left: 36px;
  height: 29px;
  background: url(../img/exhibitor/apply_ttl.png) no-repeat left center;
}
.exhibitor-apply a {
  color: #3f54c0;
}
.exhibitor-apply ul {
  padding-bottom: 26px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-apply .period p {
  font-size: 121%;
}
.exhibitor-apply .period .note {
  display: inline-block;
  font-size: 100%;
  border-bottom: 2px solid #fa0000;
}
.exhibitor-apply .not {
  text-decoration: line-through;
}
.exhibitor-apply .point {
  display: inline-block;
  padding-left: 10px;
  color: #fa0000;
}
.exhibitor-apply .label {
  display: inline-block;
  padding-right: 110px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.exhibitor-apply li>.label          { background-image: url(../img/exhibitor/apply_ico_open.png); }
.exhibitor-apply li>.label.is-close { background-image: url(../img/exhibitor/apply_ico_close.png); }
.exhibitor-apply li>.label.no-trg   { background: none; cursor: auto; }
.exhibitor-apply .detail {
  padding-top: 6px;
}
.exhibitor-apply .js-toggle-main {
	display: none;
}

/* apply-flow
-------------------- */
.detail.exhibitor-apply-flow {
  padding-top: 15px;
}
.exhibitor-apply-flow table th {
  position: relative;
  padding: 0 20px 10px 0;
}
.exhibitor-apply-flow table td {
  font-size: 93%;
  line-height: 2.08em;
}
.exhibitor-apply-flow .label {
  padding: 20px 0;
  border-radius: 8px;
  width: 152px;
  font-weight: bold;
  background: url(../img/exhibitor/apply_flow_th_bg.png) repeat-y left top;
}
.exhibitor-apply-flow .label .number {
  display: table-cell;
  width: 28px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.exhibitor-apply-flow .label .step {
  display: table-cell;
  padding-left: 8px;
  line-height: 1.2em;
  vertical-align: middle;
}
.exhibitor-apply-flow .label .small {
  font-size: 86%;
}
.exhibitor-apply-flow th .sign {
}
.exhibitor-apply-flow td .note {
  font-size: 92%;
}

/* apply-submit
-------------------- */
.exhibitor-apply-submit h4 {
  margin-top: 25px;
}
.exhibitor-apply-submit p {
  margin-top: 7px;
}
.exhibitor-apply-submit .note {
  font-size: 86%;
}
.exhibitor-apply-submit .underline {
  text-decoration: underline;
}
.exhibitor-apply-submit a {
  display: inline-block;
  margin: 0 20px 0 5px;
}

/* -----------------------------------
  exhibitor-screen
----------------------------------- */
.exhibitor-screen h2 {
  padding-left: 37px;
  height: 26px;
  background: url(../img/exhibitor/screen_ttl.png) no-repeat left center;
}
.exhibitor-screen ul {
  padding-bottom: 26px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-screen .label {
  margin-bottom: 7px;
}
.exhibitor-screen ol {
  list-style: decimal inside;
}
.exhibitor-screen ol>li {
  line-height: 1.8em;
}
.exhibitor-screen .note {
  font-size: 86%;
}
.exhibitor-screen .member p {
  display: table;
  line-height: 1.8em;
}
.exhibitor-screen .name {
  display: table-cell;
  width: 8em;
}
.exhibitor-screen .detail {
  display: table-cell;
}

/* -----------------------------------
  exhibitor-flow
----------------------------------- */
.exhibitor-flow h2 {
  padding-left: 37px;
  height: 26px;
  background: url(../img/exhibitor/flow_ttl.png) no-repeat left center;
}
.exhibitor-flow ol {
  padding: 0 0 37px 18px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-flow li {
  display: table;
  line-height: 1.8em;
}
.exhibitor-flow .step {
  display: table-cell;
  width: 18em;
}

/* -----------------------------------
  exhibitor-entry
----------------------------------- */
.exhibitor-entry {
  margin-bottom: 30px;
  padding-bottom: 40px;
  background: url(../img/common/bdr_dash_grn.png) left bottom repeat-x;
}
.exhibitor-entry h2 {
  padding-left: 34px;
  height: 27px;
  background: url(../img/exhibitor/entry_ttl.png) no-repeat left center;
}
.exhibitor-entry .inner {
  padding: 65px 40px 50px 40px;
  min-height: 426px;
  background: url(../img/exhibitor/contact_box_bg.jpg) no-repeat left top;
}
.exhibitor-entry ul {
  padding-bottom: 36px;
}
.exhibitor-entry ul>li {
  margin: 0 0 1em 0;
  padding: 0 0 0 18px;
  line-height: 1.7em;
  background: url(../img/exhibitor/ico_circle_grn.png) no-repeat left 0.5em;
}
.exhibitor-entry a {
  color: #3f54c0;
}
.exhibitor-entry .note {
  font-size: 86%;
}
.exhibitor-entry .btn {
  margin: 0 auto;
  width: 248px;
}
.exhibitor-entry .btn a {
  display: block;
  box-sizing: border-box;
  padding: 18px 0;
  width: 248px;
  min-height: 73px;
  font-size: 129%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: url(../img/exhibitor/entry_btn_bg.png) no-repeat center;
}
.exhibitor-entry .btn a:hover {
  opacity: 0.7;
}
.exhibitor-entry .btn a .small {
  display: block;
  font-size: 66%;
}

/* ============================================================

	style info : award

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
#award #main {
  width: 768px;
}

/* -----------------------------------
	award-outline
----------------------------------- */
.award-outline {
  overflow: hidden;
  margin: 70px 0 45px 0;
}
.award-outline h3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 16px 0;
}
.award-outline h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award-outline p {
  margin: 0 0 45px 0;
  line-height: 1.9em;
}
.award-outline .photo {
  float: right;
  padding: 0 0 0 30px;
}
.award-outline ol li {
  line-height: 1.9em;
}

/* -----------------------------------
	award-judge
----------------------------------- */
.award-judge {
  margin: 0 0 45px 0;
}
.award-judge h3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 30px 0;
}
.award-judge h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award-judge dl {
  overflow: hidden;
  padding: 0 0 42px 0;
}
.award-judge dt {
  float: left;
}
.award-judge dd {
  padding: 0 0 0 148px;
  font-size: 85.71429%;
  line-height: 1.8em;
}
.award-judge dd h4 {
  font-size: 14px;
  font-weight: bold;
}
.award-judge dd p {
  margin: 0 0 12px 0;
  font-size: 71.42857%;
  color: #5a5959;
}

/* -----------------------------------
	award-prize
----------------------------------- */
.award-prize h3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 25px 0;
}
.award-prize h3:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award-prize ul {
  overflow: hidden;
}
.award-prize ul li {
  float: left;
  margin: 0 40px 0 0;
  text-align: center;
  font-weight: bold;
}

/* -----------------------------------
	award_prize01-04
----------------------------------- */
.award_prize01 {
  background: url(../img/award/prize01_bg_top.png) no-repeat left top, url(../img/award/prize01_bg_btm.png) no-repeat left bottom, url(../img/award/prize01_bg_mid.png) repeat-y left top;
  padding: 80px 60px 70px 45px;
  margin: 40px 0 55px 0;
}
.award_prize01 .photo {
  float: right;
}
.award_prize01 .photo img {
  border: 8px #f1e3a1 solid;
  border-radius: 25px;
}
.award_prize01 div {
  background: url(../img/award/prize01_pct.png) no-repeat 12px top;
  float: left;
  width: 230px;
  padding: 0 0 30px 110px;
}
.award_prize01 div p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
}
.award_prize01 h3 {
  margin: 0 0 5px 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2em;
}
.award_prize01 h3 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.4em;
}
.award_prize01 h3 span:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award_prize01 .btn {
  padding: 0 0 20px 0;
}
.award_prize01 h4 {
  clear: both;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #f3981e;
}
.award_prize01 p {
  line-height: 2em;
}

.award_prize02 {
  background: url(../img/award/prize02_bg_top.png) no-repeat left top, url(../img/award/prize02_bg_btm.png) no-repeat left bottom, url(../img/award/prize02_bg_mid.png) repeat-y left top;
  padding: 48px 60px 50px 45px;
  margin: 0 0 55px 0;
}
.award_prize02 .photo {
  float: right;
}
.award_prize02 .photo img {
  border: 8px #dcdcdc solid;
  border-radius: 25px;
}
.award_prize02 div {
  background: url(../img/award/prize02_pct.png) no-repeat 12px top;
  float: left;
  width: 250px;
  padding: 0 0 30px 100px;
}
.award_prize02 div p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
}
.award_prize02 h3 {
  margin: 0 0 5px 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.2em;
}
.award_prize02 h3 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.4em;
}
.award_prize02 h3 span:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award_prize02 .btn {
  padding: 0 0 20px 0;
}
.award_prize02 h4 {
  clear: both;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #f3981e;
}
.award_prize02 p {
  line-height: 2em;
}

.award_prize03 {
  background: url(../img/award/prize03_bg_top.png) no-repeat left top, url(../img/award/prize03_bg_btm.png) no-repeat left bottom, url(../img/award/prize03_bg_mid.png) repeat-y left top;
  padding: 55px 60px 50px 45px;
  margin: 0 0 55px 0;
}
.award_prize03 .photo {
  float: right;
}
.award_prize03 .photo img {
  border: 8px #b5d5e8 solid;
  border-radius: 14px;
}
.award_prize03 div {
  background: url(../img/award/prize03_pct.png) no-repeat 12px top;
  float: left;
  width: 310px;
  padding: 0 0 30px 100px;
}
.award_prize03 div p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
}
.award_prize03 h3 {
  margin: 0 0 5px 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.2em;
}
.award_prize03 h3 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.4em;
}
.award_prize03 h3 span:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award_prize03 .btn {
  padding: 0 0 20px 0;
}
.award_prize03 h4 {
  clear: both;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #f3981e;
}
.award_prize03 p {
  line-height: 2em;
}

.award_prize04 {
  background: url(../img/award/prize04_bg_top.png) no-repeat left top, url(../img/award/prize04_bg_btm.png) no-repeat left bottom, url(../img/award/prize04_bg_mid.png) repeat-y left top;
  padding: 55px 60px 50px 45px;
  margin: 0 0 55px 0;
}
.award_prize04 .photo {
  float: right;
}
.award_prize04 .photo img {
  border: 8px #f3cbbd solid;
  border-radius: 14px;
}
.award_prize04 div {
  background: url(../img/award/prize04_pct.png) no-repeat 12px top;
  float: left;
  width: 315px;
  padding: 0 0 30px 100px;
}
.award_prize04 div p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
}
.award_prize04 h3 {
  margin: 0 0 5px 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.2em;
}
.award_prize04 h3 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.4em;
}
.award_prize04 h3 span:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}
.award_prize04 .btn {
  padding: 0 0 20px 0;
}
.award_prize04 h4 {
  clear: both;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #f3981e;
}
.award_prize04 p {
  line-height: 2em;
}

/* ============================================================

	style info : contact

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------
	
----------------------------------- */
.contact-box {
  background: url(../img/contact/contact_bg.png) no-repeat left top;
  height: 213px;
  padding: 145px 60px 0 70px;
  margin: -86px 0 0 0;
}
.contact-box dt {
  margin: 0 0 10px 0;
  font-size: 128.57143%;
  font-weight: bold;
}
.contact-box dd {
  line-height: 1.8em;
}
.contact-box dd span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 4.5em;
}
.contact-box dd p {
  margin: -35px 150px 0 0;
  text-align: right;
}

/* ============================================================

	style info : news

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------
	.news-list
----------------------------------- */
.news-list {
  width: 635px;
}
.news-list li {
  overflow: hidden;
  background: url(../img/common/bdr_dash_grn.png) repeat-x left bottom;
  padding: 0 0 38px 0;
  margin: 0 0 40px 0;
}
.news-list li .date {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_yel.png) repeat-x left bottom;
  padding: 0 2px;
  margin: 0 0 25px 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2em;
}
.news-list li h2 {
  font-size: 150%;
  margin: 0 0 25px 0;
}
.news-list li .photo {
  float: left;
  margin: 0 22px 10px 0;
}
.news-list li p {
  line-height: 1.9em;
}
.news-list li p img {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

/* -----------------------------------
	.page-navi
----------------------------------- */
.page-navi {
  width: 635px;
  font-size: 121.42857%;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
}
.page-navi a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 5px;
  margin: 0 15px;
  text-decoration: none;
}
.page-navi span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_yel.png) repeat-x left bottom;
  padding: 0 5px;
  margin: 0 12px;
  font-size: 17px;
}
.page-navi img {
  vertical-align: middle;
}

/* -----------------------------------
	news-detail
----------------------------------- */
.news-detail {
  width: 635px;
}
.news-detail .date {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_yel.png) repeat-x left bottom;
  padding: 0 2px;
  margin: 0 0 25px 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2em;
}
.news-detail h2 {
  font-size: 150%;
  margin: 0 0 40px 0;
}
.news-detail .photo {
  margin: 0 0 30px 0;
}
.news-detail .photo img {
  max-width: 635px;
}
.news-detail h3 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_yel.png) repeat-x left bottom;
  margin: 25px 0 10px 0;
  font-size: 114.28571%;
  line-height: 1.3em;
}
.news-detail p {
  margin: 0 0 10px 0;
  line-height: 1.9em;
}
.news-detail p a {
  color: #006cb8;
}
.news-detail .btn {
  text-align: right;
}

/* ============================================================

	style info : wsc

============================================================ */
/* -----------------------------------
	common over write
----------------------------------- */
/* -----------------------------------

----------------------------------- */
#wsc.faq #main h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/bdr_ttl_yel.png) right bottom no-repeat;
  font-size: 142.85714%;
  padding: 0 .5em;
  margin: 0 0 50px 0;
}
#wsc.faq #main h2:before {
  position: absolute;
  display: block;
  content: ' ';
  width: .4em;
  height: 11px;
  bottom: 0;
  left: 0;
  background: url(../img/common/bdr_ttl_yel.png) left bottom no-repeat;
}

/* -----------------------------------
            faq-list
----------------------------------- */
.faq-box {
  background: url(../img/common/bdr_dash_gry.png) repeat-x left bottom;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}
.faq-box dt {
  background: url(../img/common/ico_arw_grn_r.png) no-repeat left 0.3em;
  padding: 0 0 0 35px;
  cursor: pointer;
}
.faq-box dt:hover {
  color: #90c31f;
}
.faq-box .open {
  background: url(../img/common/ico_arw_grn_b.png) no-repeat left 0.3em;
}
.faq-box dd {
  padding: 20px 0 0 35px;
}
.faq-box dd a {
  color: #006cb8;
}



/* -----------------------------------
            wsc-free
----------------------------------- */

.wsc-free p {
  margin-bottom: 1.5em;
}

.wsc-free .note {
  color: #666;	
  font-size: 85%;
}

.wsc-free .title-bdr {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 .5em;
  margin: 0 0 15px 0;
}
.wsc-free .title-bdr:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 100%;
  height: 11px;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 8px;
}

.wsc-free .title-bdr-l {
  font-size: 142.85714%;
}

.wsc-free .title-bdr-m {
  font-size: 120%;
}
.wsc-free .title-bdr-m:before {
  height: 10px;
  border-radius: 5px;
}

.wsc-free .title-bdr-s {
  font-size: 100%;
}
.wsc-free .title-bdr-s:before {
  height: 8px;
  border-radius: 4px;
}

.wsc-free .title-bdr-yel:before {
  background-color: #ffea00;
}

.wsc-free .title-bdr-grn:before {
  background-color: #90c31f;
}

.wsc-free .title-bdr-lgrn:before {
  background-color: #d4e7a8;
}

.wsc-free .img {
  clear: both;
  margin-bottom: 1.5em;
}
.wsc-free .img span {
	display: block;
	margin-top: .5em;
	font-size: 85%;
}
.wsc-free .img-r {
	float: right;
	text-align: left;
	margin-left: 20px;
}

.wsc-free .img-l {
	float: left;
	text-align: left;
	margin-right:20px;
}

.wsc-free .img-c {
	text-align: center;
}

.wsc-free hr {
	clear: both;
	margin: 2em 0;
	border: none;
	height: 1px;
	width: 100%;
	background: #888;
}

.wsc-free .button-txt {
	background: #90c31f;
	color: #fff;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}
.wsc-free .button-txt span {
	font-size: 80%;
}
.wsc-free .button-txt:hover {
	opacity: .8;
}

.wsc-free .catch {
	margin-bottom: 1.5em;
	background: #fefbeb;
    border: 3px solid #ffea00;
    border-radius: 8px;
    padding: 15px 17px;
}
.wsc-free .catch p {
	margin-top: 1em;
}
.wsc-free .catch p:first-child {
	margin-top: 0;
}


.list-accordion {
	margin-bottom: 1.5em;
}
.list-accordion>li {
  margin: 0 0 1em 0;
  padding: 0 0 0 18px;
  background: url(../img/exhibitor/ico_circle.png) no-repeat left 0.5em;
}
.list-accordion .label {
  display: inline-block;
  padding-right: 110px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.list-accordion li>.label          { background-image: url(../img/exhibitor/apply_ico_open.png); }
.list-accordion li>.label.is-close { background-image: url(../img/exhibitor/apply_ico_close.png); }
.list-accordion li>.label.no-trg   { background: none; cursor: auto; }
.list-accordion .detail {
  padding-top: 6px;
}
.list-accordion .js-toggle-main {
	display: none;
}


.global-nav li .sub-text-nav {
	font-size: 12px;
	margin-left: 16px;
}
.global-nav li .sub-text-nav li {
	margin-bottom: 6px;
	padding-left: 18px;
	background: url(../img/common/ico_snav_grn.png) 0 .3em no-repeat; 
}
.global-nav li .sub-text-nav li.current {
	background-image: url(../img/common/ico_snav_pnk.png); 
}
.global-nav li .sub-text-nav li a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #000 !important;
}
.global-nav li .sub-text-nav li.current a:before,
.global-nav li .sub-text-nav li a:hover:before {
	position: absolute;
	left: 0;
	bottom: .2em;
	z-index: -1;
	content: ' ';
	display: block;
	width: 100%;
	height: 7px;
	background: #ffea00;
}

/* ============================================================

  style info : volunteer

============================================================ */
/* -----------------------------------
  volunteer-common
----------------------------------- */
.volunteer-section {
  letter-spacing: 0.02em;
  line-height: 1.9em;
}
.volunteer-section .title .lead {
  font-size: 86%;
  font-weight: bold;
}
.volunteer-section .title .label {
  margin-top: -5px;
  font-size: 114%;
  font-weight: bold;
  color: #e60012;
}
.volunteer-section .note {
  display: block;
  font-size: 79%;
  line-height: 1.5em;
}

/* -----------------------------------
  volunteer-intro
----------------------------------- */
.volunteer-intro {
  margin-bottom: 40px;
}
.volunteer-intro p,
.volunteer-intro ol {
  padding: 0 15px;
}
.volunteer-intro .visual {
  padding: 0;
}
.volunteer-intro li {
  position: relative;
  padding-left: 1.3em;
}
.volunteer-intro li > span {
  position: absolute;
  top: 0;
  left: 0;
}
.volunteer-intro .visual {
  margin-bottom: 40px;
}

/* -----------------------------------
  volunteer-outline
----------------------------------- */
.volunteer-outline h2 {
  margin-bottom: 16px;
}
.outline-list {
  margin-bottom: 35px;
  padding-top: 26px;
  width: 100%;
}
.outline-list:after {
  display: block;
  content: ' ';
  clear: both;
}
.outline-list li {
  position: relative;
  float: left;
  margin-left: 12px;
  padding-bottom: 21px;
  width: 240px;
  background: url('../img/volunteer/outline_list_arrow.png') no-repeat bottom center;
}
.outline-list li a {
  text-decoration: none;
}
.outline-list li a:hover img {
  opacity: 1;
}
.outline-list .time {
  position: absolute;
  top: -26px;
  left: -6px;
}
.outline-list .list03 .time {
  left: -10px;
}
.outline-list .title {
  box-sizing: border-box;
  padding-top: 25px;
  height: 80px;
  text-align: center;
}
.outline-list .list01 .title {
  background: url('../img/volunteer/outline_list_label_bg_01.jpg') no-repeat top left;
}
.outline-list .list02 .title {
  background: url('../img/volunteer/outline_list_label_bg_02.jpg') no-repeat top left;
}
.outline-list .list03 .title {
  padding-left: 5px;
  background: url('../img/volunteer/outline_list_label_bg_03.jpg') no-repeat top left;
}
.outline-list .caption {
  box-sizing: border-box;
  padding: 15px 25px 0;
  width: 100%;
  height: 99px;
  font-size: 86%;
  line-height: 1.33em;
  letter-spacing: -0.05em;
}
.outline-list .list01 .caption {
  background: url('../img/volunteer/outline_list_caption_bg_01.jpg') no-repeat top left;
}
.outline-list .list02 .caption {
  background: url('../img/volunteer/outline_list_caption_bg_02.jpg') no-repeat top left;
}
.outline-list .list03 .caption {
  background: url('../img/volunteer/outline_list_caption_bg_03.jpg') no-repeat top left;
}

.outline-section {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 60px;
  width: 759px;
}
.outline-inner {
  z-index: 150;
  margin-top: -70px;
  padding: 0 40px 65px;
}
.outline-staff-head {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.outline-staff-head .time,
.outline-staff-head .title,
.outline-staff-head .object,
.outline-staff-head .terms {
  display: table-cell;
  vertical-align: middle;
}
.outline-staff-head .time {
  width: 70px;
}
.outline-staff-head .terms {
  text-align: right;
}
.outline-staff-head .terms span {
  padding: 10px;
  border: 2px solid #ffea00;
  font-size: 86%;
  letter-spacing: -0.025em;
}
.outline-staff-head .title {
  white-space: nowrap;
  padding-top: 5px;
}

.outline-staff-caption {
  padding-bottom: 10px;
}
.outline-staff-caption:after {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
}
.outline-staff-caption .text {
  float: left;
  width: 395px;
}
.outline-staff-caption .img {
  float: right;
}

.outline-staff-detail .detail-item {
  margin-top: 18px;
}
.outline-staff-detail .detail-ttl {
  margin-bottom: 5px;
  padding-left: 16px;
  background: url('../img/volunteer/outline_ico_item.png') no-repeat center left;
}
.outline-staff-detail .detail-text {
  padding-left: 16px;
}
.outline-staff-detail .detail-text li {
  position: relative;
  padding-left: 1em;
}
.outline-staff-detail .detail-text li:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.outline-staff-detail .detail-text a {
  color: #006cb8;
}
.outline-staff-detail .detail-text .note {
  display: block;
  margin-bottom: 3px;
}

.outline-staff-btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 60px;
}
.outline-staff-btn a {
  display: table;
  margin: 0 auto;
  width: 366px;
  height: 74px;
  font-size: 107%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.outline-staff-btn a:hover {
  opacity: 0.8;
}
.outline-staff-btn span {
  display: table-cell;
  vertical-align: middle;
}
.outline-staff-btn span:after {
  padding-left: 10px;
  content: url('../img/volunteer/ico_delta_right.png');
}

.outline-section .detail-text .place {
  margin-top: 1em;
}
.outline-section .detail-text .place .note {
  padding-left: 1em;
  line-height: 1.8em;
}

/* outline-support
----------------------------------- */
.outline-support {
  border-right: 7px solid #ffea00;
  border-left: 7px solid #ffea00;
}
.outline-support:before {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 110px;
  background: url('../img/volunteer/outline_bg_support_top.png') no-repeat top left;
}
.outline-support:after {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 100px;
  background: url('../img/volunteer/outline_bg_support_bottom.png') no-repeat top left;
}
.outline-support .outline-staff-head .title {
  width: 195px;
}
.outline-support .outline-staff-btn a {
  background: url('../img/volunteer/outline_btn_support.png') no-repeat center;
}

/* outline-day
----------------------------------- */
.outline-day {
  border-right: 7px solid #a8d641;
  border-left: 7px solid #a8d641;
}
.outline-day:before {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 110px;
  background: url('../img/volunteer/outline_bg_day_top.png') no-repeat top left;
}
.outline-day:after {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 100px;
  background: url('../img/volunteer/outline_bg_day_bottom.png') no-repeat top left;
}
.outline-day .outline-staff-head .title {
  width: 155px;
}
.outline-day .outline-staff-btn a {
  background: url('../img/volunteer/outline_btn_day.png') no-repeat center;
}

/* outline-cameraman
----------------------------------- */
.outline-cameraman {
  border-right: 7px solid #9ed8f6;
  border-left: 7px solid #9ed8f6;
}
.outline-cameraman:before {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 110px;
  background: url('../img/volunteer/outline_bg_cameraman_top.png') no-repeat top left;
}
.outline-cameraman:after {
  display: block;
  content: " ";
  z-index: 100;
  margin-left: -7px;
  width: 759px;
  height: 100px;
  background: url('../img/volunteer/outline_bg_cameraman_bottom.png') no-repeat top left;
}
.outline-cameraman .outline-staff-btn a {
  background: url('../img/volunteer/outline_btn_cameraman.png') no-repeat center;
}

/* -----------------------------------
  volunteer-questions
----------------------------------- */
.volunteer-questions {
  padding-top: 65px;
  background: url('../img/common/bdr_dash_grn.png') repeat-x top left;
}
.volunteer-questions > .title {
  display: table;
  margin-bottom: 25px;
  padding-left: 60px;
  min-height: 49px;
  background: url('../img/volunteer/questions_ttl_obj.png') no-repeat center left;
}
.volunteer-questions > .title p {
  display: table-cell;
  vertical-align: middle;
  background: url('../img/volunteer/questions_ttl_bdr.png') repeat-x bottom left;
  font-size: 136%;
  line-height: 49px;
}
.questions-main {
  padding: 0 15px;
}
.questions-item {
  margin-top: 20px;
}
.questions-item .title {
  margin-bottom: 15px;
  padding: 4px 1em;
  background-color: #fdeaf2;
  font-weight: bold;
}
.questions-item .main:after {
  display: block;
  content: ' ';
  clear: both;
}
.questions-item .text {
  float: left;
  width: 510px;
}
.questions-item .text li {
  position: relative;
  padding: 0 0 7px 1.3em;
  line-height: 1.8em;
}
.questions-item .text li:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.questions-item .img {
  float: right;
  padding-right: 30px;
}

/* -----------------------------------
  movie 追加
----------------------------------- */
.movie-wrap {
  margin: 20px 36px 50px 42px;
  padding: 107px 106px 33px 40px;
  background: url("../img/movie/bg_tv.png?rev=1560759712138") no-repeat center;
}

.movie-inner {
  overflow: hidden;
  width: 540px;
  height: 310px;
  border-radius: 10px;
}

.movie-inner iframe {
  width: 540px;
  height: 310px;
}

.movie-list-warp {
  position: relative;
  padding: 32px 93px 62px 93px;
  background: url("../img/movie/bg_movie_list.png?rev=1560759712140") no-repeat;
}

.movie-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: static;
}

.movie-list-arrow-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  margin: auto;
  width: 36px;
  height: 36px;
  background: url("../img/movie/arrow_left.png?rev=1560761244262") no-repeat;
}

.movie-list-arrow-next {
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
  background: url("../img/movie/arrow_right.png?rev=1560761279721") no-repeat;
}

.movie-list-item {
  margin-right: 37px;
  width: 168px;
  text-align: center;
}

.movie-list-item .image-wrap {
    position: relative;
}

.movie-list-item .image-wrap:hover {
    opacity: .8;
    cursor: pointer;
}

.movie-list-item .image-wrap:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    margin: auto;
    width: 167px;
    height: 98px;
    background-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.movie-list-item .image-wrap:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    margin: auto;
    width: 28px;
    height: 28px;
    background: url("../img/movie/btn_youtube.png?rev=1560920179659") no-repeat;
    content: '';
}


.movie-list-item img {
  display: inline;
  border: 5px solid transparent;
}

.movie-list-item.is-current img {
    border: 5px solid #fee834;
}

.movie-list-item.is-current .image-wrap:before, .movie-list-item.is-current .image-wrap:after {
    display: none;
}

.movie-list-item:last-child {
  margin-right: 0;
}

.movie-list-item-title {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 4px 12px 3px;
  background: #f8487e;
  color: #FFF;
  font-size: 0.875rem;
  margin-bottom: 18px;
}

.movie-list-item-title:before {
  position: absolute;
  bottom: -3px;
  left: -15px;
  z-index: 0;
  width: 5px;
  border: 11px solid #f8487e;
  border-left-color: transparent;
  content: '';
}

.movie-list-item-title:after {
  position: absolute;
  right: -15px;
  bottom: -3px;
  z-index: 0;
  width: 5px;
  border: 11px solid #f8487e;
  border-right-color: transparent;
  content: '';
}

/* -----------------------------------
  photo 追加
----------------------------------- */
.photo-times-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 23px 0 20px;
  background: url("../img/photo/line_dotted.png?rev=1560825167948") no-repeat;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.photo-times-nav li {
  position: relative;
  margin: 0 15px 10px;
  font-weight: bold;
  font-size: 0.75rem;
}

.photo-times-nav li.current:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  display: block;
  margin: auto;
  content: '▶︎';
  color: #f3971e;
}

.photo-times-nav li.current a {
  color: #f3971e;
}

.photo-times-nav li a {
  text-decoration: none;
}

.photo-times-nav li a:hover {
  color: #f3971e;
}

/*main photo*/
.photo-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5625rem;
  margin-bottom: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.photo-title:before {
  display: block;
  margin-right: 12px;
  width: 9px;
  height: 43px;
  border-radius: 100px;
  background: #bbda78;
  content: '';
}

.photo-image {
  margin-bottom: 60px;
}

.photo-image-inner {
  position: relative;
  display: inline-block;
  padding: 26px 65px 18px 24px;
  border: 1px solid #e0e0de;
  border-radius: 3px;
  -webkit-box-shadow: 8px 8px #d7d7d5;
  box-shadow: 8px 8px #d7d7d5;
  text-decoration: none;
}

.photo-image-inner:after {
  position: absolute;
  top: 0;
  right: -112px;
  bottom: 0;
  display: block;
  margin: auto;
  content: url("../img/photo/image-decoration.png");
}

.photo-image img {
  display: block;
  margin: 0 0 14px;
  max-width: 445px;
}

.photo-image p {
  font-size: 0.75rem;
}

.photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.photo-list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 14px 10px 10px;
  width: 255px;
  background: url("../img/photo/guruguru.png?rev=1560830037943") no-repeat;
}

.photo-list li:nth-child(3n-1) a {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.photo-list a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px;
  width: 100%;
  border: 1px solid #e0e0de;
  border-radius: 2px;
  -webkit-box-shadow: 4px 4px #d7d7d5;
  box-shadow: 4px 4px #d7d7d5;
  text-decoration: none;
  font-size: 0.75rem;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}

.photo-list a:before {
  position: absolute;
  top: -29px;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 16px;
  height: 41px;
  background: url("../img/photo/tape.png?rev=1560828794378&rev=1560830037944") no-repeat;
  content: '';
}

.photo-list a:hover {
  cursor: pointer;
}

.photo-list img {
  display: block;
  margin-bottom: 15px;
  width: 213px;
}

/*# sourceMappingURL=photo.css.map */