@charset "utf-8";
/*
Theme Name: Miew SmartPack
Theme URI: http://www.miew.co.jp/
Author: Miew Design team
Author URI: http://www.miew.co.jp/
Version: 2.0
*/
/*--------------------------------------------------------------
Don't touch Zone!! 
--------------------------------------------------------------*/
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    position: relative;
    background-color: #fff; 
    background-image: url(./img/html_bg.png);
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;
    background-position: top center;

}
body {
  position: relative;
    font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #333;
    margin: 0;
    letter-spacing: 0.3px;
    background-image: url(./img/body_bg.png);
    background-position: center top;
    background-attachment: fixed;
    background-repeat: repeat-y;
}
h1 {font-size: 18px;letter-spacing: 1px;}
h2 {font-size: 16px;letter-spacing: 1px;}
h3 {font-size: 14px;letter-spacing: 1px;}
h4 {font-size: 13px;letter-spacing: 1px;}
h5 {font-size: 12px;}
div#sidebar {
    list-style: none;
}
article,aside,footer,header,nav,section {
    display: block;
}
figcaption,figure,main,section {
    display: block;
}
figure {
    margin: 1em 0;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #1d3073;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
a:active,a:hover {
    outline-width: 0;
    color: #60a7c9;
}
b,strong {
    font-weight: inherit;
    font-weight: 700;
}
small {
    font-size: 80%;
}
audio,video {
    display: inline-block;
}
img {
    border-style: none;
}
ul {list-style: none;padding-left: 0;}
button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,input {
    overflow: visible;
}
button,select {
    text-transform: none;
}
textarea {
    overflow: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.top-3pr {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0%;
  /* min-width: 230px; */
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
}
.top-3pr *,
.top-3pr *:before,
.top-3pr *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.top-3pr img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.top-3pr figcaption {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 5px 10px 10px;
}
.top-3pr figcaption:before,
.top-3pr figcaption:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.top-3pr figcaption:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.top-3pr figcaption:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.top-3pr figcaption div:before,
.top-3pr figcaption div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.top-3pr figcaption div:before {
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.top-3pr figcaption div:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.top-3pr h4 {
  margin: 0;
  text-transform: uppercase;
}
.top-3pr h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #2f3964;
  font-size: 14px;
  margin-top: 4px;
}
.top-3pr a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.top-3pr:hover img,
.top-3pr.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.top-3pr:hover figcaption:before,
.top-3pr.hover figcaption:before,
.top-3pr:hover figcaption:after,
.top-3pr.hover figcaption:after,
.top-3pr:hover figcaption div:before,
.top-3pr.hover figcaption div:before,
.top-3pr:hover figcaption div:after,
.top-3pr.hover figcaption div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.top-3pr:hover figcaption:before,
.top-3pr.hover figcaption:before,
.top-3pr:hover figcaption:after,
.top-3pr.hover figcaption:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/*--------------------------------------------------




/*--------------------------------------------------------------
Free Zone
--------------------------------------------------------------*/
header .container {
    background-color: #ffffff;
    padding: 0px 0px;
    text-align: center;
    border-top: 5px solid #133f6d;
   /*border-top: 5px solid #bf6e4f;*/
    box-shadow: 1px 0px 3px #999;

}
a.header_logo-pc img {max-width: 849px!important;margin: 0 auto;}
a.header_logo-sp img {width: 100%;max-width: 607px!important;float: left;}

button.head-bt1 {
    font-size: 1em;
    position: absolute;
    top: -23px;
    right: 70px;
    padding-top: 10px;
    color: #ffffff;
    border-radius: 6px;
    background-color: #004e80;
    border: 3px solid #004e80;
}
button.head-bt2 {
    font-size: 1em;
    position: absolute;
    top: -23px;
    right: 0px;
    padding-top: 10px;
    color: #ffffff;
    border-radius: 6px;
    background-color: #004e80;
    border: 3px solid #004e80;
}

img.kv {
  width: 100%;
/*  margin-top: 20px; */
}

#block1 figcaption {
  background-color: #f1f1f1;text-align: right;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 13px;
}
#block1 .container {
  /*background-color: #bf6e4f;*/
  background-color: #b7e1e5;
  position: relative;
}

#block1 .container div.menu_address {
  font-size: 14px;
  text-align: left;
  border-left: 2px solid #b8def0;
  padding: 10px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;  
}
#block1 .container div.menu_address a {color: #fff;}
#block1 .container div.menu_address h2 {
  font-size: 14px;
  margin-bottom: 8px;
  color: #b8def0;
}
    /*wrapper responsive*/
        @media (max-width: 543px) { /* xs */
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
          _::-webkit-full-page-media, _:future, :root .safari_w {width: 74.5%!important;}
          _::-webkit-full-page-media, _:future, :root .safari_w2 {width: 49.5%!important;}
        }
        @media screen and (min-width:1200px) { /* xl */
          _::-webkit-full-page-media, _:future, :root .safari_w {width: 74.8%!important;}
          _::-webkit-full-page-media, _:future, :root .safari_w2 {width: 49.5%!important;}
        }


.content {
}
.info-box {
    padding: 10px;
    overflow: auto;
}
.info_day {font-size: 15px;}

    /*wrapper responsive*/
        @media (max-width: 543px) { /* xs */
            header .container {padding: 15px 10px!important;}
            a.header_logo-pc {display: none;}
            a.header_logo-sp {display: block;}
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
            header .container {padding: 15px 10px!important;}
            a.header_logo-pc {display: none;}
            a.header_logo-sp {display: block;}

        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
            a.header_logo-pc {display: block;}
            a.header_logo-sp {display: none;}

        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
            a.header_logo-pc {display: block;}
            a.header_logo-sp {display: none;}

        }
        @media screen and (min-width:1200px) { /* xl */
            a.header_logo-pc {display: block;}
            a.header_logo-sp {display: none;}
          .info_day {text-align: right;}
        }

.content-box {
    padding: 30px;
    width: auto;
    min-height: 300px;
}
.top-3pr-title {
  text-align: center;
    background-color: #0062a1;
    color: #fff;
    padding: 2px 5px;
    font-size: 15px;
}
.text-area {
    background: #fff;
    padding: 10px;
}

.info-area {background-color: #fff;}
h2.top-h1 {
    color: #333;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 15px;
    background-color: #f1f1f1;
    margin: 0;
}
h2.top-h1 i {
    /*color: #f8c058;*/
    color: #133f6d;
    margin-right: 10px;
    font-size: 20px;
}
a.more-info {
    display: inline-block;
    color: #333;
    font-size: 13.5px;
    float: right;
    text-align: center;
    /*background-color: #f8c058;*/
    background-color: #133f6d;
    color: #fff;
    padding: 3px 15px;
    line-height: 100%;
    border-radius: 30px;
    cursor: pointer;
    font-weight: normal;
}
a.more-info .fa {float: right;}
a:hover.more-info {
    opacity: 0.7;
    text-decoration: none;
}
ul.info-list  {
}
ul.info-list li {
    padding: 5px 0px;
    font-size: 14px;
}
ul.info-list li a {text-decoration: underline;font-size: 15px;}

ul.info-list li:last-child {padding: 10px 0px 0px}



span.cat {
    color: #fff;
    background-color: #94979e;
    font-size: 80%;
    padding: 3px 5px;
    border-radius: 50px;
    margin-right: 20px;
}

/*--------------------------------------------------------------
footer Zone
--------------------------------------------------------------*/

footer {
  z-index: 2px;
  position: relative;
  color: #fff;

}

footer a {
    color: #fff;
}


footer .row {
  display: flex;flex-wrap: wrap;
  }/*重要！テキストエリアの高さを揃える*/


footer .container {
  padding-left: 15px;
  padding-right: 15px;
  /*background-color: #564b47;*/
  background-color: #133f6d;

}


footer #footer_copy {
  font-size: 11px;
  /*background-color: #564b47;*/
  background-color: #133f6d;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
}

footer #footer_left {padding: 30px 15px 20px 30px;}
footer #footer_center {padding: 30px 15px 20px 15px;}
footer #footer_right {padding: 30px 30px 20px 15px;}
footer #footer_left,footer #footer_right,footer #footer_center {font-size: 13px;box-sizing:border-box;line-height: 150%;}
footer #footer_left h3,footer #footer_right h3,footer #footer_center h3 {
  font-size: 15px; 
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 2px solid #b7e1e5;
  /*border-bottom: 2px solid #fff;*/
  margin-bottom: 10px;
  font-weight: bold;
}

    /*footer responsive*/
        @media (max-width: 543px) { /* xs */
          footer #footer_left {padding: 30px 30px 0px 30px;}
          footer #footer_center {padding: 30px 30px 0px 30px;}
          footer #footer_right {padding: 30px 30px 30px 30px;}
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */

        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        }
        @media screen and (min-width:1200px) { /* xl */
        }

/*--------------------------------------------------------------
side Zone
--------------------------------------------------------------*/

#sidebar h2.widgettitle {display: none;}
#sidebar {text-align: center;}
ul.sidebar-nav {
  background-image: url(./img/under-content-area_bg.png);
background-repeat: repeat-x;
  text-align: left;
  width: 100%;
  list-style: none;
}
ul.sidebar-nav a {
  font-size: 14px;
  display: block;
  padding: 10px 20px;
  /*color: #fff;*/
  color: black;
  cursor: pointer;
  border-top: 1px solid white;
  /*border-top: 1px solid #f8c058;*/
  padding-left: 2.5em;
  text-indent: -1.5em;
}
ul.sidebar-nav li {list-style: none!important;}
ul.sidebar-nav li:last-child a {
  border-bottom: 1px solid white
  /*border-bottom: 1px solid #f8c058*/
}
ul.sidebar-nav a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f152";
    color: #fff;
    margin-right: 0.5em;
}
li#text-2 {list-style: none;}

ul.sidebar-nav a:hover  {
  background-color: #fff;
  color: #333;
  text-decoration: none;
}

ul.sidebar-nav a:hover::before {
    /*color: #f8c058;*/
   color: #133f6d;
}

#sidebar .banner_list {width: 95%;}
#sidebar .banner_list img {margin-bottom: 10px;}


/*--------------------------------------------------------------
Page-top Zone
--------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    width: 84px;
    padding: 5px 0;
    font-size: 80%;
    text-align: center;
    display: block;
}
#page-top a:hover {
    opacity: 0.6;
}
/*--------------------------------------------------------------
Responsive Free Zone
--------------------------------------------------------------*/

header .container {padding: 25px 10px;}
#under-content {background-color: #fff;}
@media (min-width: 481px) {
  
}
@media (min-width: 992px) {
  #under-content {background-color: transparent;}
  header .container {padding: 15px 20px 15px;}
}
@media (min-width: 1200px) {
 header .container {padding: 15px 20px 15px;} 

}


/*--------------------------------------------------------------
under Zone
--------------------------------------------------------------*/
#under-content h1 {
  text-align: center;
    /*border-bottom: 3px solid #f8c058;*/
    border-bottom: 3px solid #b7e1e5;
    font-size: 25px;
    padding-bottom: 10px;
    /*color: #bf6e4f;*/
    color: #133f6d;
    font-weight: bold;
    margin: 2% auto 40px;
}
#under-content h2 {
    border-left: 3px solid #B7E1E5;
    font-size: 18px;
    padding: 5px 20px;
    font-weight: 600;
    line-height: 135%;
    margin: 0px 0px 13px;
    position: relative;
}
#under-content h2:after {
  position: absolute;
  bottom: -3px;
  left: -3px;
  z-index: 2;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
#under-content h3 {
    border-bottom: 2px dotted #f8c058;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: 600;
    margin-bottom: 15px;
}
#under-content h4 {
    background-color: #f3f3f3;
    padding: 10px;
    color: #083b5d;
    margin: 10px 0px 15px;
    font-weight: bold;
}

#under-content h5 {text-indent: -1.5em;padding-left: 1em;font-size: 14px;margin-bottom: 10px;font-weight: bold;margin-left: 0.5em;}
#under-content h5:before {content: "●";margin-right: 0.5em;color: #f8c058;}

#under-content h6 {text-indent: -1.5em;padding-left: 1em;font-size: 14px;margin-bottom: 10px;font-weight: bold;}
#under-content h6:before {content: "【";margin-right: 0.5em;color: #f8c058;}
#under-content h6:after {content: "】";margin-left: 0.5em;color: #f8c058;}

#under-content article {margin-bottom: 50px;}
#under-content section {margin-bottom: 35px;}
#under-content p {margin-bottom: 20px;}


/*リスト ul*/

#under-content ul.dot {
  padding:0 0 0 2em;
  margin:0 0 20px;
  list-style: none;
}
#under-content ul.dot > li {text-indent: -1em;padding-left: 1em;} 
#under-content ul.dot > li:before { content: "・";}


#under-content ul.asterisk_list {
  padding:0 0 0 0.5em;
  margin:0 0 20px;
  list-style: none;
}
#under-content ul.asterisk_list > li {text-indent: -1em;padding-left: 1em;} 
#under-content ul.asterisk_list > li:before { content: "※";}

/*リスト ol*/

#under-content ol {
  padding:0 0 0 2.5em;
  margin:0 0 20px;
}
 
#under-content ol > li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt2;
  text-indent: -1.7em;
  margin-bottom: 10px;
}

#under-content ol > li:before{
  display: marker;
  content: counter(cnt2) "．";
}



.under-content-area {
  background-color: #fff;
  background-image: url(./img/under-content-area_bg.png);
  background-repeat: repeat-x;
}

#under-content .container {
  /*background:linear-gradient(90deg,#bf6e4f 0%,#bf6e4f 25%,white 25%,white 100%);*/
  background: linear-gradient(90deg,#b7e1e5 0%,#b7e1e5 25%,white 25%,white 100%);

  position: relative;
}

#under-content .container div.menu_address {
  font-size: 14px;
  text-align: left;
  border-left: 2px solid #b8def0;
  padding: 10px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;  
}
#under-content .container div.menu_address a {color: #fff;}
#under-content .container div.menu_address h2 {
  border: none;
  padding: 0;
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 8px;
  color: #b8def0;
  background-color: inherit;
  border-bottom: none;
}
#under-content {
      position: relative;
    height: auto !important;
    height: 100%;
}
#under-content .content-box a {text-decoration: underline;}


/*-------------------------------------------*/
/* 会長挨拶&開催概要 */
/*-------------------------------------------*/

.chairman {font-weight: 600;font-size: 16px}
.chairman_affiliation {font-size: 13px}
img.chairman {max-width: 150px;vertical-align: bottom;width: 100%;padding-left: 10px;margin: 0 auto;}
.greeting_ttl {border-bottom: 1px solid #949531;display: inline-block;margin-bottom: 10px;padding: 0 10px 3px;}
.greeting_box {text-align: right;}
    /*開催概要 responsive*/
        @media (max-width: 543px) { /* xs */
          .greeting_box {text-align: center;}
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
          img.chairman {float: right;max-width: 100%;}
          .greeting_box {margin-top: 15%;}
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
          img.chairman {float: right;max-width: 100%;}
          .greeting_box {margin-top: 15%;}
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
          img.chairman {float: right;max-width: 100%;}
          .greeting_box {margin-top: 15%;}
        }
        @media screen and (min-width:1200px) { /* xl */
          .greeting_box {margin-top: 15%;}
        }

/*-------------------------------------------*/
/* 下層装飾 */
/*-------------------------------------------*/

.text-justify {text-align: left;text-align: justify;text-justify: inter-ideograph;/*ジャスティファイ*/}
.annotation { border: 1px solid #ff0000; padding: 10px 15px; margin-bottom: 25px;}
.period {text-align: center;font-weight: bold; font-size: 20px;border: 1px solid #ff0000; padding: 10px 15px; margin-bottom: 20px;color: #333}
.asterisk { font-size: 13px; }
.asterisk:before { content: "＊"; }
.btn_none {pointer-events: none;}
.nowrap {white-space: nowrap;} /* 改行させない */
.blank::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    content: "\f24d";
    margin-left: 5px;

}


a.button_under { 
  display:block;
  font-size: 18px;
  border-radius: 10px; 
  background-color: #ffbd48; 
  color: #fff; 
  /*text-shadow:1px 1px 0px #b26e00;*/
  text-decoration: none!important; 
  font-weight: bold; 
  letter-spacing: 1px; text-align: center; 
  width: auto; 
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  min-width: 250px;
  margin: 0 5px;
}
a.button_under:hover { opacity: 0.7!important; cursor: pointer; color: #fff; text-decoration: none!important;}
a.button_under_close {pointer-events: none; }


  /*new line responsive*/
      @media (max-width: 543px) { /* xs */
        .br_xs-b:before {content: "\A" ;white-space: pre ;}
        .br_xs-a:after {content: "\A" ;white-space: pre ;}
      }
      @media screen and (min-width:544px) and (max-width:767px) { /* sm */
        .br_sm-b:before {content: "\A" ;white-space: pre ;}
        .br_sm-a:after {content: "\A" ;white-space: pre ;}
      }
      @media screen and (min-width:768px) and (max-width:991px) { /* md */
        .br_md-b:before {content: "\A" ;white-space: pre ;}
        .br_md-a:after {content: "\A" ;white-space: pre ;}
      }
      @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        .br_lg-b:before {content: "\A" ;white-space: pre ;}
        .br_lg-a:after {content: "\A" ;white-space: pre ;}     
      }
      @media screen and (min-width:1200px) { /* xl */
        .br_xl-b:before {content: "\A" ;white-space: pre ;}
        .br_xl-a:after {content: "\A" ;white-space: pre ;}
      }

.su-button-wide {margin: 0!important;max-width: 580px!important;}


/*-------------------------------------------*/
/* btn_type
/*-------------------------------------------*/

a.btn_type01,a.btn_type02 {
  display: block;
  width: 300px;
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #f8c058;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #f8c058;
  border-radius: 5px;
  color: #fff;
  text-align: center;

  position: absolute;
}

a.btn_type01:hover {
  background-color: #fff;
  border: 2px solid #f8c058;
  box-shadow: 0px 0px 0px 2px #fff;
  text-decoration: none!important;
  color: #f8c058!important;
}

a.btn_type02:hover {
  background-color: #fff;
  border: 2px solid #3e7947;
  box-shadow: 0px 0px 0px 2px #fff;
  text-decoration: none!important;
  color: #3e7947!important;
}

a.btn_type01 {
  right: 30px;
  bottom: 100px;
}
a.btn_type02 {
  right: 30px;
  bottom: 15px;
  background-color: #3e7947;
  box-shadow: 0px 0px 0px 2px #3e7947;
}

    /*btn_type responsive*/
        @media (max-width: 543px) { /* xs */
          a.btn_type01,a.btn_type02 {
            position: relative;
            right: auto;
            bottom: auto;
            display: inline-block;
            width: 300px;
          }
          a.btn_type01 {margin-top: 15px;}
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        }
        @media screen and (min-width:1200px) { /* xl */
        }

/*-------------------------------------------*/


/*レスポンシブの右上のボタンの色変更*/

.pure-toggle-label:hover {
    border-color: #133f6d;
    color: #133f6d;
}.pu
re-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {
    background-color: #133f6d;
}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
    background: #133f6d;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
    border-color: #133f6d;
    color: #133f6d;
}
.pure-toggle-label {
    border: 2px solid #133f6d !important;
}
.pure-drawer {
    background-color: #b7e1e5;
}
.pure-drawer h2 {display: none;}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  background-color: #133f6d;
}

.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
 background: #133f6d;
}
/*----------------------------------------------*/

/* メニューの▲を青くするcss */
ul.sidebar-nav a {
  position: relative;
}
ul.sidebar-nav a::after {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #133f6d;
  top: 16px;
  left: 15px;
  z-index: 1;
}
ul.sidebar-nav a::before {
  position: relative;
  z-index: 2;
}
ul.sidebar-nav a:hover::after {
  display: none;
}
@media screen and ( max-width: 991px ) {
ul.sidebar-nav a::after {
  left: 10px;
}
}
/* メニューの▲を青くするcss */

/* ボタン位置サイズ調整*/
h2.top-h1 a.more-info {
  padding: 9px 15px 6px;
  margin-top: -4px;
}
/* ボタン位置サイズ調整*/

/* サイドメニュー色合い調整、サファリバグ対策*/
ul.sidebar-nav a {
  border-top: 1px solid rgba(255,255,255,0.7);
}
ul.sidebar-nav li:last-child a {
  border-bottom: 1px solid  rgba(255,255,255,0.7);
  margin-bottom: 30px;
}
/* サイドメニュー色合い調整 */


#text-6 {
  text-align: center;
}
#text-6 img {
  margin-bottom: 15px;
  width: 100%;
  max-width: 171px;
}


/*//////////////////////////////
　programページ
//////////////////////////////*/

#program h3 {border-bottom: 2px dotted #133f6d;color: #133f6d;font-size: 18px;}
#program h4 {
  padding: 5px 15px 2px;
  margin-top: 5px;
  background: repeating-linear-gradient(-45deg, #e8fafa, #e8fafa 2px, #fff 0, #fff 4px);
  font-size: 17px;
  line-height: 150%;
   color: #133f6d;
   margin-bottom: 5px;
}
#program h3 a.btn {
  vertical-align: bottom;
  float: right;
  background-color: #133f6d;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  line-height: 100%;
  margin-top: -10px;
}
#program h4 span {
  margin-left: -15px;
  background-color: #fff;
  color: #133f6d;
  line-height: 16px;
  padding: 0px 10px;
  display: inline-block;
  font-size: 11px;
  margin-bottom: 4px;
}

#program h5 {margin-left: 5%;}

#program .program_day {
  display: block;
  text-align: right;
  width: 100%;
  font-size: 12.5px;
  font-weight: normal;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
#program .program_day i {margin-right: 5px;color: #133f6d;margin-left: 5px;}
i.fa-calendar {font-weight: normal;}

#program table.program_table {width: 92%;margin-left: 3%;}
#program table.program_table ,#program table.program_table tr ,#program table.program_table td ,#program table.program_table th {
  border: none!important;
  padding: 0px;
  font-size: 14px;
  width: auto;
  letter-spacing: 0.5px;
  vertical-align: top;

  margin-bottom: 20px;
}
#program table.program_table th { 
  background-color: #fff!important; 
  color: #333;
  font-weight: bold;
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
  min-width: 47px;
}
#program table.program_table tr td:nth-child(2) {white-space: nowrap;}
#program table.program_table th ,#program table.program_table td { padding: 3px;}
#program table.program_table .fa {margin-right: 5px;}
#program table.program_table th:nth-child(1),#program table.program_table td:nth-child(1) {border: none!important;}

  /*#program responsive*/
      @media (max-width: 479px) {
        #program .program_day {padding-left: 2.5em;}
        #program table.program_table th,#program table.program_table td {
          display: block;width: 100%;text-align: left;
          margin-bottom: 0;
          padding: 2px;
        }
        #program table.program_table td  {padding-left: 15px;}
      }
      @media screen and (min-width:480px) and (max-width:599px) {
      }
      @media screen and (min-width:600px) and (max-width:767px) {
      }
      @media screen and (min-width:768px) and (max-width:991px) {
      }
      @media screen and (min-width:992px) and ( max-width:1199px) {
      }
      @media screen and (min-width:1200px) {
      
      }
.inline-info a {color: #000;text-decoration: underline;}
.inline-info {
  font-weight: bold;
  color: #000;
    padding: 13px 13px 8px;
    font-size: 14px;

    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #fff59f;
 background-image: url(./img/under-content-area_bg.png);background-repeat: repeat-x;
}
.inline-info strong {
  margin-right: 10px;
  display: inline-block;
  color: #fff;
  border: 1px solid #133f6d;
  background-color: #133f6d;
  padding: 3px 8px;
  font-weight: normal;
  font-size: 13px;
  line-height: 100%;
  vertical-align: top;
}


.inline-info a {color: #000;text-decoration: underline;}
.inline-info {
  font-weight: bold;
  color: #000;
    padding: 13px 13px 8px;
    font-size: 14px;

    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #fff59f;
 background-image: url(./img/under-content-area_bg.png);background-repeat: repeat-x;
}
.inline-info strong {
  margin-right: 10px;
  display: inline-block;
  color: #fff;
  border: 1px solid #133f6d;
  background-color: #133f6d;
  padding: 3px 8px;
  font-weight: normal;
  font-size: 13px;
  line-height: 100%;
  vertical-align: top;
}

.info_close {
  padding: 2px;
  max-width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 60%;
  position: absolute;
  background : linear-gradient(to right,
                               red,
                               orange,
                               yellow,
                               green,
                               aqua,
                               blue,
                               purple);
  opacity: 0.8;
}
.info_close p {
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 15px;

}
.info_close p span {opacity: 1;color: #111;}

    /*responsive*/
        @media (max-width: 767px) {
          .info_close {
            width: 100%;
            max-width: 100%;
            padding: 3px;
            position: relative;
            top: auto;
            
          }
          .info_close p {font-size: 16px;}
        }