@charset "UTF-8";
/*
Theme Name: 理数教育研究センター2019
Theme URI: 
Author: Draw4
Author URI: http://www.draw4.co.jp/
Description: 理数教育研究センターのテーマです。
Version: 1.1
*/
/* ---------------------------------------------------------
/* reset
--------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, time, label {
  display: block;
}

blockquote,
q {
  quotes: none;
}

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

img {
  vertical-align: bottom;
}

input, textarea {
  margin: 0;
  padding: 0;
}

input[type="submit"] {
  border: 0;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

/* ---------------------------------------------------------
/* a
--------------------------------------------------------- */
a {
  outline: none;
  text-decoration: none;
}

/*--------------------------------------------------
/* font
--------------------------------------------------*/
html {
  font-size: 62.5%;
}

body, input, select, textarea {
  color: #1F1F1F;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4rem;
}

/*--------------------------------------------------
/* cfix
--------------------------------------------------*/
.cfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cfix {
  display: inline-table;
  min-height: 1%;
}

* html .cfix {
  height: 1%;
}

.cfix {
  display: block;
}

/*--------------------------------------------------
/* hide-txt
--------------------------------------------------*/
.hide-txt {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*--------------------------------------------------
/* 共通
--------------------------------------------------*/
body {
  background: url(images/common/bg.gif) no-repeat center top fixed;
}

#wrap {
  min-width: 980px;
}

/*--------------------------------------------------
/* container
--------------------------------------------------*/
#container {
  padding: 0 0 104px;
}

/*--------------------------------------------------
/* contents
--------------------------------------------------*/
#contents {
  /*
  padding: 61px 0 0;
  */
  margin: 0 auto;
  width: 980px;
}

.btm #contents {
  padding: 0;
}

/*--------------------------------------------------
/* main
--------------------------------------------------*/
#main {
  float: left;
  width: 710px;
}

/*--------------------------------------------------
/* section
--------------------------------------------------*/
.section {
  /*
  margin: -127px 0 0;
  padding: 127px 0 0;
  */
}

.btm .section {
  margin: 0;
  padding: 0;
}

.section .cat-ttl {
  padding: 26px 0 36px;
}

.section .outer {
  background: url(images/common/bg-diagonal.png);
  font-size: 1.4rem;
  padding: 8px;
}

.section .inner {
  background: #FFF;
  padding: 18px 18px 16px;
}

/*--------------------------------------------------
/* pager
--------------------------------------------------*/
.pager {
  padding: 14px 0 0;
  text-align: center;
}

.pager a {
  color: #333;
  cursor: pointer;
  margin: 0 5px;
}

.pager a:hover {
  color: #0092BF;
  text-decoration: underline;
}

.pager a.jp-previous {
  margin-right: 15px;
}

.pager a.jp-next {
  margin-left: 15px;
}

.pager a.jp-current, a.jp-current:hover {
  color: #0092BF;
  font-weight: bold;
}

.pager a.jp-disabled, a.jp-disabled:hover {
  color: #CCC;
}

.pager a.jp-current, a.jp-current:hover,
.pager a.jp-disabled, a.jp-disabled:hover {
  cursor: default;
  background: none;
  text-decoration: none;
}

.pager span {
  margin: 0 5px;
}

@media all and (max-width: 640px) {
  /*--------------------------------------------------
  /* 共通
  --------------------------------------------------*/
  body {
    background: url(images/common/bg.gif) no-repeat center top fixed;
  }
  #wrap {
    min-width: 300px;
  }
  /*--------------------------------------------------
  /* container
  --------------------------------------------------*/
  #container {
    padding: 0 0 104px;
  }
  /*--------------------------------------------------
  /* contents
  --------------------------------------------------*/
  #contents {
    margin: 0 auto;
    width: auto;
  }
  .btm #contents {
    padding: 0;
  }
  /*--------------------------------------------------
  /* main
  --------------------------------------------------*/
  #main {
    float: none;
    width: auto;
    padding: 0 10px;
  }
}

#header {
  background: url(images/top/visual.jpg) no-repeat center top;
  height: 423px;
}

/*
.btm #header {
  background: url(/mse/wp-content/themes/rcmse/images/common/bg-white-trans.png) repeat;
  height: auto;
}
.btm #gnav {
  position: static;
}
*/
#header-inner {
  /*
  height: 66px;
  */
  height: 423px;
  width: 100%;
  z-index: 100;
}

#header-inner .smp_nav_bttn {
  display: none;
}

.btm #header-inner {
  height: 66px;
}

#header-fixed {
  margin: 0 auto;
  width: 980px;
}

#logo {
  float: left;
  padding: 15px 0 0;
  width: 375px;
}

#header-sns, #footer-sns {
  float: right;
  padding: 20px 0 0;
  width: 315px;
}

#header-sns li, #footer-sns li {
  float: left;
  font-size: 0;
  margin: 0 0 0 10px;
}

#header-sns .fb, #footer-sns .fb {
  width: 108px;
}

#header-sns .tw, #footer-sns .tw {
  width: 95px;
}

#header-sns .ln, #footer-sns .ln {
  width: 82px;
}

#gnav {
  background: #11A4B4;
  /*
  position: absolute;
  top: 423px;
  z-index: 100;
  */
  width: 100%;
}

#gnav ul {
  margin: 0 auto;
  width: 980px;
}

#gnav li {
  float: left;
  margin: 0 64px 0 0;
}

#gnav li:last-child {
  margin: 0;
}

#gnav a {
  background: url(images/common/gnav.gif) no-repeat;
  display: block;
  height: 61px;
}

#gnav .home a {
  background-position: 0 0;
  width: 52px;
}

#gnav .news a {
  background-position: -116px 0;
  width: 68px;
}

#gnav .general a {
  background-position: -249px 0;
  width: 100px;
}

#gnav .message a {
  background-position: -413px 0;
  width: 160px;
}

#gnav .event a {
  background-position: -638px 0;
  width: 68px;
}

#gnav .public a {
  background-position: -770px 0;
  width: 77px;
}

#gnav .contact a {
  background-position: -912px 0;
  width: 68px;
}

#gnav .home a:hover,
#gnav .home.act a {
  background-position: 0 -61px;
}

#gnav .news a:hover,
#gnav .news.act a {
  background-position: -116px -61px;
}

#gnav .general a:hover,
#gnav .general.act a {
  background-position: -249px -61px;
}

#gnav .message a:hover,
#gnav .message.act a {
  background-position: -413px -61px;
}

#gnav .event a:hover,
#gnav .event.act a {
  background-position: -638px -61px;
}

#gnav .public a:hover,
#gnav .public.act a {
  background-position: -770px -61px;
}

#gnav .contact a:hover,
#gnav .contact.act a {
  background-position: -912px -61px;
}

#gnav_sp {
  display: none;
}

@media all and (max-width: 640px) {
  #header {
    background: url(images/top/visual_sp.jpg) no-repeat center center;
    height: 260px;
    background-size: cover;
  }
  #header-inner {
    height: 260px;
    position: relative;
  }
  #header-inner .smp_nav_bttn {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    height: 50px;
    width: 50px;
    background-size: 30px;
    cursor: pointer;
  }
  #header-inner .smp_nav_bttn span, #header-inner .smp_nav_bttn span:before, #header-inner .smp_nav_bttn span:after {
    position: absolute;
    height: 3px;
    width: 30px;
    background: #0F93A2;
    display: block;
    content: '';
    cursor: pointer;
  }
  #header-inner .smp_nav_bttn span {
    top: 23px;
    left: 10px;
    transition: all .2s;
  }
  #header-inner .smp_nav_bttn span:before {
    transform: translateY(-10px);
    transition: all .2s;
  }
  #header-inner .smp_nav_bttn span:after {
    transform: translateY(10px);
    transition: all .2s;
  }
  #header-inner .smp_nav_bttn.close span {
    background: transparent;
  }
  #header-inner .smp_nav_bttn.close span:before {
    transform: rotate(-45deg) translateY(0);
    -webkit-transform: rotate(-45deg);
    transition: all .2s;
  }
  #header-inner .smp_nav_bttn.close span:after {
    transform: rotate(-135deg) translateY(0);
    -webkit-transform: rotate(-135deg);
    transition: all .2s;
  }
  #header-fixed {
    margin: 0 auto;
    width: auto;
    height: 46px;
    background: rgba(255, 255, 255, 0);
    transition: all .5s;
  }
  #header-fixed.open {
    background: rgba(255, 255, 255, 0.9);
    transition: all .5s;
  }
  #logo {
    float: left;
    padding: 15px 0 0 5px;
    width: 260px;
    box-sizing: border-box;
  }
  #logo img {
    width: 100%;
    height: auto;
  }
  #header-sns {
    display: none;
  }
  #gnav {
    display: none;
  }
  #gnav_sp {
    display: block;
    display: none;
    position: absolute;
    top: 46px;
    z-index: 1001;
    background: #0F93A2;
    width: 100%;
  }
  #gnav_sp ul li {
    display: block;
    border-bottom: 1px dotted #acb;
  }
  #gnav_sp ul li a {
    text-align: center;
    display: block;
    color: #eee;
    padding: 1rem;
  }
  #gnav_sp ul li a:hover {
    opacity: .8;
  }
  #gnav_sp ul li span {
    display: block;
    text-align: center;
    font-size: 1rem;
    color: #aaa;
  }
  #gnav_sp ul.add_nav li {
    border-bottom: 1px dotted #013;
  }
  #gnav_sp ul.add_nav li a {
    background: #235;
  }
}

/*--------------------------------------------------
/* footer
--------------------------------------------------*/
#footer {
  background: #11A4B4;
  color: #FFF;
  font-size: 1.2rem;
  /*
  position: fixed;
  left: 0;
  bottom: -114px;
  */
  width: 100%;
}

#footer .pagetop {
  position: absolute;
  top: -59px;
  right: 0;
}

#footer p {
  background: url(images/common/icn-arw02.gif) no-repeat left center;
  float: left;
  padding: 0 0 0 12px;
}

#footer small {
  float: right;
}

#footer a {
  color: #FFF;
}

#footer a:hover {
  text-decoration: underline;
}

#footer-inner {
  margin: 0 auto;
  padding: 18px 0;
  position: relative;
  width: 980px;
}

#footer-sns {
  display: none;
}

@media all and (max-width: 640px) {
  #footer-inner {
    padding: 18px 0;
    width: auto;
  }
  #footer-sns {
    display: block;
    float: none;
    padding: 0px 0 20px;
    width: auto;
    overflow: hidden;
  }
  #footer-sns li {
    float: left;
    font-size: 0;
    margin: 0;
  }
}

#news .post, #event .post {
  border-bottom: 1px dotted #BBB;
  line-height: 1.6;
  margin: 0 22px 0 0;
  padding: 8px 0 18px;
  display: flex;
  flex-flow: row;
}

#news .post .ttl, #event .post .ttl {
  color: #0F93A2;
  font-size: 114.28%;
  font-weight: bold;
  padding: .1em 0 .2em;
}

#news .post .ttl a, #event .post .ttl a {
  color: #0F93A2;
}

#news .post a, #event .post a {
  color: #1F1F1F;
  font-weight: bold;
  text-decoration: underline;
}

#news .post a:hover, #event .post a:hover {
  text-decoration: none;
}

#news .post .post-thumb, #event .post .post-thumb {
  float: right;
  padding: 0 0 10px 10px;
}

#news .post .btn, #event .post .btn {
  margin: 2em auto 0;
  width: 239px;
}

#news .post .thumb, #event .post .thumb {
  width: 120px;
  height: 90px;
  margin-right: 20px;
}

#news .post .thumb a, #event .post .thumb a {
  display: block;
  height: 100%;
}

#news .post .thumb:hover, #event .post .thumb:hover {
  opacity: .8;
}

#news .post:nth-child(5n), #event .post:nth-child(5n) {
  border: 0;
}

#news .pager, #event .pager {
  position: relative;
  overflow: hidden;
}

#news .pager ul, #event .pager ul {
  float: left;
  position: relative;
  left: 50%;
}

#news .pager li, #event .pager li {
  float: left;
  padding: 0 .2em;
  position: relative;
  left: -50%;
}

#news .pager li a, #event .pager li a {
  color: #1F1F1F;
  font-weight: bold;
  text-decoration: underline;
}

#news .pager li a:hover, #event .pager li a:hover {
  text-decoration: none;
}

#news .wp-pagenavi, #event .wp-pagenavi {
  text-align: center;
}

#news .wp-pagenavi a, #news .wp-pagenavi span, #event .wp-pagenavi a, #event .wp-pagenavi span {
  border: none;
  color: #333;
}

#news .wp-pagenavi span.current, #event .wp-pagenavi span.current {
  border: none;
  color: #0092BF;
}

#news.news_article h1, #event.news_article h1 {
  color: #0F93A2;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  font-weight: bold;
}

@media all and (max-width: 640px) {
  #news .post, #event .post {
    margin: 0 0 0 0;
    padding: 8px 0 18px;
  }
  #news .post .ttl, #event .post .ttl {
    font-size: 1.4rem;
  }
  #news .post .thumb, #event .post .thumb {
    width: 80px;
    height: 60px;
  }
}

/*--------------------------------------------------
/* message
--------------------------------------------------*/
#message .txt1 {
  line-height: 1.6;
}

#message .txt1 span {
  font-size: 107.14%;
}

#message .txt2 {
  padding: 1em 0;
}

#message .txt2 li {
  text-indent: -1em;
  padding: 0 0 0 1.6em;
}

#message .txt2 .dig {
  text-indent: -1.6em;
  padding: 0 0 0 1.6em;
}

#message .f-left {
  float: left;
  padding: 0 18px 12px 0;
}

#message .block {
  display: block;
  padding: 6px 0 8px;
}

/*--------------------------------------------------
/* general
--------------------------------------------------*/
#general .txt {
  line-height: 1.6;
  margin: 0 0 1.6rem;
}

#general .txt span {
  color: #04A0B2;
}

#general .listA {
  border-bottom: 1px dotted #BBB;
  margin: 0 0 1.4rem;
  padding: 0 0 1.4rem;
}

#general .listA li {
  background: url(images/common/icn-arw01.gif) no-repeat left center;
  color: #11A4B4;
  cursor: pointer;
  float: left;
  font-weight: bold;
  line-height: 2;
  margin: 0 2em 0 0;
  padding: 0 0 0 12px;
  text-decoration: underline;
}

#general .listA li:hover {
  text-decoration: none;
}

#general .listA a {
  color: #11A4B4;
  font-weight: bold;
}

#general .selectB, #general .selectC, #general .selectD {
  display: none;
}

#general .listB {
  border-top: 1px dotted #BBB;
  margin: 1.4rem 0 0;
  padding: 1.4rem 0 0;
}

#general .listB li {
  background: url(images/common/icn-arw01.gif) no-repeat left center;
  line-height: 2;
  padding: 0 0 0 12px;
}

#general .listB li a {
  color: #1F1F1F;
  font-weight: bold;
  text-decoration: underline;
}

#general .listA li a:hover,
#general .listB li a:hover {
  text-decoration: none;
}

/*--------------------------------------------------
/* public
--------------------------------------------------*/
#public .post {
  border-bottom: 1px dotted #BBB;
  line-height: 1.6;
  margin: 0 0 18px;
  padding: 0 0 20px;
}

#public .post .left {
  float: left;
  width: 472px;
}

#public .post .right {
  border: 1px solid #DDD;
  box-sizing: border-box;
  float: right;
  width: 168px;
}

#public .post .right img {
  width: 100%;
}

#public .post .ttl {
  color: #0F93A2;
  font-size: 114.28%;
  font-weight: bold;
  padding: .1em 0 .2em;
}

#public .post .btn {
  margin: 2em 0 0;
}

#public .post:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}

@media all and (max-width: 640px) {
  #public .post .left {
    float: none;
    width: auto;
  }
  #public .post .right {
    box-sizing: border-box;
    float: none;
    width: 140px;
    margin: auto;
  }
  #public .post .btn {
    text-align: center;
    margin-bottom: 1rem;
  }
}

/*--------------------------------------------------
/* side
--------------------------------------------------*/
#side {
  float: right;
  padding: 26px 0 0;
  width: 250px;
}

#side .prof {
  background: #FFF;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  margin: 20px 0 0;
}

#side .prof p {
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 6px 4px 2px;
}

/*--------------------------------------------------
/* new
--------------------------------------------------*/
#new {
  background: #FFF;
}

#new ul {
  border: 1px solid #EAEAEA;
  border-top: 0;
}

#new li {
  border-bottom: 1px dotted #BBB;
  margin: 0 10px;
  padding: 6px 0 12px;
}

#new li:last-child {
  border: 0;
}

#new time {
  font-size: 1.2rem;
  line-height: 1.6;
}

#new a {
  color: #1F1F1F;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.7;
  text-decoration: underline;
}

#new a:hover {
  text-decoration: none;
}

/*--------------------------------------------------
/* bnr
--------------------------------------------------*/
#bnr li {
  margin: 14px 0;
}

#bnr li:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------
/* guide
--------------------------------------------------*/
#guide {
  height: 246px;
  margin: -123px 0 0;
  position: fixed;
  top: 50%;
  right: -200px;
  z-index: 200;
}

#guide li {
  margin: 0 0 7px;
  position: relative;
  height: 29px;
}

#guide li a {
  background: url(images/common/guide-btn.png) no-repeat;
  background-position: 0 -26px;
  display: block;
  height: 26px;
  width: 26px;
}

#guide li a:hover,
#guide li.act a {
  background-position: 0 0;
}

#guide li:last-child {
  margin: 0;
}

#guide span {
  display: none;
  position: absolute;
  top: -2px;
  right: 28px;
}

#guide a:hover span,
#guide .act span {
  display: block;
}

@media all and (max-width: 640px) {
  #side {
    float: none;
    padding: 26px 0 0;
    width: auto;
  }
  #side .prof {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    margin: 20px 0 0;
  }
  #side .prof p {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 6px 4px 2px;
  }
  #bnr {
    display: flex;
    flex-flow: row wrap;
    max-width: 520px;
    margin: auto;
  }
  #bnr li {
    margin: 5px 3px;
  }
}

@media all and (max-width: 514px) {
  #side #bnr {
    display: flex;
    justify-content: center;
  }
}

/*--------------------------------------------------
/* contact
--------------------------------------------------*/
#contact .mw_wp_form textarea,
#contact .mw_wp_form option,
#contact .mw_wp_form select {
  font-size: 100%;
}

#contact .mw_wp_form dd input,
#contact .mw_wp_form dd select {
  box-sizing: border-box;
  height: 27px;
  line-height: 27px;
}

#contact .mw_wp_form textarea {
  height: 148px;
}

#contact .mw_wp_form .length-A input,
#contact .mw_wp_form .length-A select {
  width: 264px;
}

#contact .mw_wp_form .length-B input {
  width: 434px;
}

#contact .mw_wp_form .length-C, textarea {
  width: 100%;
}

#contact .mw_wp_form dt {
  background: #DDD;
  color: #1F1F1F;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 143px;
}

#contact .mw_wp_form dd .sup {
  display: block;
  font-size: 1.1rem;
  padding: 0 0 0 .3em;
}

#contact .mw_wp_form .ast {
  color: #FF0000;
}

#contact .mw_wp_form .txt {
  font-size: 1.4rem;
  padding: 10px 0 0;
  margin: 0 auto;
  width: 40em;
}

#contact .mw_wp_form .check {
  padding: 10px 0 0;
  text-align: center;
}

#contact .mw_wp_form .txt a {
  color: #1F1F1F;
  font-weight: bold;
  text-decoration: underline;
}

#contact .mw_wp_form .txt a:hover {
  text-decoration: none;
}

#contact .mw_wp_form .check input {
  margin: 0 4px 0 0;
  position: relative;
  top: 2px;
}

#contact .mw_wp_form .btn-box {
  margin: 18px auto;
  width: 570px;
}

#contact .mw_wp_form .btn-box input {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

#contact .mw_wp_form .btn-box input:active {
  position: relative;
  top: 2px;
}

#contact .mw_wp_form .btn-box .confirm {
  background: transparent url(images/contact/btn-confirm.gif) no-repeat;
  height: 60px;
  margin: 0 auto;
  width: 250px;
}

#contact .mw_wp_form .error {
  padding: .2em 0 0;
}

#contact .mw_wp_form_input .read2 {
  display: none;
}

/* 確認画面 */
#contact .mw_wp_form_preview .txt,
#contact .mw_wp_form_preview .sup {
  display: none;
}

#contact .mw_wp_form .btn-box .back {
  background: transparent url(images/contact/btn-back.gif) no-repeat;
  float: left;
  height: 60px;
  margin: 0 auto;
  width: 250px;
}

#contact .mw_wp_form .btn-box .send {
  background: transparent url(images/contact/btn-send.gif) no-repeat;
  float: right;
  height: 60px;
  margin: -2px auto 0;
  width: 250px;
}

#contact .mw_wp_form_preview .read1 {
  display: none;
}

/* 完了画面 */
#contact .mw_wp_finish {
  padding: 36px 0;
}

#contact .mw_wp_finish .txt1 {
  font-size: 2rem;
  text-align: center;
}

#contact .mw_wp_finish .txt2 {
  margin: 14px 0 0;
  text-align: center;
}

#contact .mw_wp_finish .home {
  text-align: center;
}

#contact .mw_wp_finish .home a {
  background: transparent url(images/contact/btn-home.gif) no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  margin: 68px 0 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 239px;
}

#contact .mw_wp_finish .home a:active {
  position: relative;
  top: 2px;
}

#contact .mw_wp_finish .read1,
#contact .mw_wp_finish .read2 {
  display: none;
}

/*20191114追記(MW WP Formバージョン変更)*/
#contact .mw_wp_form .btn-box {
  text-align: center;
}

#contact .mw_wp_form .btn-box p {
  text-align: center;
  display: inline-block;
}

#contact .mw_wp_form .btn-box input {
  font-size: 1.4rem;
  padding: 10px 30px;
  background: #36b2c0;
  color: #fff;
  text-indent: 0;
  margin: auto;
  display: inline-block;
}

#contact .mw_wp_form .form_list {
  display: flex;
  flex-flow: row wrap;
  margin-top: 20px;
}

#contact .mw_wp_form .form_list dt {
  width: 20%;
  box-sizing: border-box;
  background: #DDD;
  color: #1F3352;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contact .mw_wp_form .form_list dd {
  width: 80%;
  box-sizing: border-box;
  padding-left: 10px;
  margin-bottom: 10px;
}

#contact .mw_wp_form .form_list dd span {
  display: block;
}

@media all and (max-width: 640px) {
  #contact .mw_wp_form .form_list {
    display: flex;
    flex-flow: column;
  }
  #contact .mw_wp_form .form_list dt {
    width: 100%;
  }
  #contact .mw_wp_form .form_list dd {
    width: 100%;
    padding-left: 0;
  }
  #contact .mw_wp_form .form_list dd input, #contact .mw_wp_form .form_list dd select {
    width: 100%;
  }
  #contact .mw_wp_form .btn-box {
    width: auto;
  }
  #contact .mw_wp_form .txt {
    width: auto;
  }
}

/*--------------------------------------------------
/* monthly-calendar
--------------------------------------------------*/
#contents .monthly-calendar .calendar-title {
  display: none;
}

#contents .monthly-calendar th,
#contents .monthly-calendar td {
  font-size: 140%;
  padding: 1em;
}

#contents .monthly-calendar .week-title {
  font-size: 140%;
}

#contents .monthly-calendar .calendar-cap {
  font-size: 160%;
  font-weight: bold;
  padding: 26px 0 1em;
}

#contents .monthly-calendar th,
#contents .monthly-calendar td {
  background: #FFF;
  border: 1px solid #CCC;
}

#contents .monthly-calendar td a {
  color: #11a4b4;
  font-weight: bold;
  text-decoration: underline;
}

#contents .monthly-calendar td a:hover {
  text-decoration: none;
}

#contents .monthly-calendar .calendar-mark {
  padding: .4em;
}

#contents .monthly-calendar .monthly-prev-next {
  font-size: 140%;
  padding: 1em 0 0;
}

#contents .monthly-calendar .monthly-prev-next .no-link {
  display: none;
}

#contents .monthly-calendar .monthly-prev-next a {
  color: #11a4b4;
  font-weight: bold;
  text-decoration: underline;
}

#contents .monthly-calendar .monthly-prev-next a:hover {
  text-decoration: none;
}

#contents .monthly-calendar .monthly-prev a:before {
  content: "<< ";
}

#contents .monthly-calendar .monthly-next a:after {
  content: " >>";
}

/*--------------------------------------------------
/* page-booking-form
--------------------------------------------------*/
#booking-form.content-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#booking-form.content-form #booking_client-fieldset table,
#booking-form.content-form #booking-message-fieldset table {
  margin-top: -10px;
}

#booking-form legend,
#booking-form .option-confirm-header {
  display: none;
}

#booking-form.content-form th,
#booking-form.content-form td {
  padding: 2px;
  border: 0;
}

#booking-form .error-message {
  color: #B70000;
}

#booking-form.content-form th,
#booking-form.content-form td,
#booking-form input,
#booking-form.content-form select,
#booking-form.content-form textarea {
  font-size: 100%;
}

#booking-form #booking-note {
  margin: 0;
}

#booking-form .monthly-prev-next {
  display: none;
}

#booking-form .ast {
  color: #FF0000;
}

#booking-form.content-form .form_read,
#booking-form.content-form th,
#booking-form.content-form td {
  /*
  font-size: 140%;
  */
}

#booking-form table {
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0 0 0 -10px;
  width: 100%;
}

#booking-form th {
  background: #DDD;
  box-sizing: border-box;
  color: #1f1f1f;
  line-height: 1;
  padding: 0 8px;
  text-align: center;
  vertical-align: middle;
  width: 143px;
}

#booking-form .booking-completed {
  text-align: center;
  font-size: 140%;
}

#action-button {
  margin: 18px 0;
}

#action-button button {
  background: url("images/contact/btn-confirm.gif") no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  width: 250px;
}

#booking-form.content-form td .sup {
  display: block;
  font-size: 78.57%;
  padding: 0 0 0 .3em;
}

#booking-form.content-form #client-name {
  width: 264px;
}

#booking-form.content-form #client-email,
#booking-form.content-form #client-email2,
#booking-form.content-form #client-tel {
  width: 434px;
}

#booking-form.content-form #booking-note {
  height: 148px;
  width: 100%;
}

#booking-form.content-form #action-button {
  margin: 18px auto;
  width: 570px;
}

#booking-form.content-form .back {
  background: url("images/contact/btn-back.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 60px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 250px;
}

#booking-form.content-form .send {
  background: url("images/contact/btn-send.gif") no-repeat;
  float: right;
  height: 60px;
  margin: -2px auto 0;
  width: 250px;
}

/*--------------------------------------------------
/* jScrollPane
--------------------------------------------------*/
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  border: 1px solid #11A4B4;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspCapTop {
  background-position: left top;
}

.jspCapBottom {
  background-position: left bottom;
}

.jspTrack {
  position: relative;
}

.jspDrag {
  background: #11A4B4;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* mw_wp_form  */
.mw_wp_form .error {
  font-size: 93%;
  color: #B70000;
  display: block;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 40%;
  margin: 0 5px;
}

.mw-wp-form-deprecated-message {
  background: #F5A9A9;
  border: #B40404 solid 2px;
  border-radius: 5px;
  font-size: 10px;
  line-height: 1.6;
  margin: 0 0 5px;
  padding: 5px;
}

.mwform-file-delete {
  cursor: pointer;
  visibility: hidden;
}

/* WP */
img.alignright {
  display: block;
  margin: 0 0 0 auto;
}

img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}



table{
	border:1px solid #666;
	width:100%;
}
td{
	padding:5px	;
	border:1px solid #666;
}
th{
	padding:5px;
	border:1px solid #666;
	background:#11A4B4;
	color:#fff;
}