@import url(https://fonts.googleapis.com/css?family=Yusei+Magic&display=swap);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400&display=swap&family=Reggae+One&display=swap&family=RocknRoll+One&display=swap');
        body {
            -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; border-top: 3px solid #663300;
            margin: 0;
            padding: 0;
            width: 100% !important;
            background: #fff;
            color: #444;
            font-size: 16px;
            font-family: 'M PLUS 1p', '繝｡繧､繝ｪ繧ｪ', Meiryo, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, Arial, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', sans-serif;
            line-height: 1.42857;
        }
        a:link {
            color: #2654b3;
            text-decoration: none;
        }
        a:hover {
            color: #003366;
            text-decoration: none;
        }
        a:visited {
            color: #999;
            text-decoration: none;
        }
        #container { width: 980px; margin: 0 auto !important;
        }
        /* 繝倥ャ繝€繝ｼ */
        .header {
            z-index: 100;
            padding: 24px 0;
            width: 100%;
            background: #fff;
            color: #333;
            text-align: center;
        }
        .header-title {
            margin: 0;
            font-size: 2.4em;
            font-family: 'Yusei Magic', sans-serif;
         /* font-family: 'Reggae One', cursive; */
            letter-spacing: 0.07em;
        }
        .header-title a {
            color: #663300;
        }
        .header-description {
            color: #999;
        }
.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll;
  list-style: none;
  margin: 48px auto -30px;
  padding: 0 1em;
  background-color: #efefef;
  letter-spacing: 1px;
}
.breadcrumb li {
  display: inline-block;
  width: auto;
  height: 2.6em;
  line-height: 2.6;
  margin: 0; 
  padding: 0;
} 
.breadcrumb li:not(:last-of-type)::after {
  content: '>';
  margin: 0em;
  color: #777; 
} 
.breadcrumb li a, .current span {
  height: auto;
  width: auto;
  margin: 0;
  padding: 1em .6em;
  font-size: 13px;
} 
 .breadcrumb li a{
  cursor:pointer;
}
.current span {
  color: #777; 
} 
.temp-horizontal {
  height: 38px;
  margin: auto;
  overflow: hidden;
  font-size: 80%;
  line-height: 38px;
  letter-spacing: 1px;
}
#navi-horizontal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  background: #663300;
  text-align: center;
}
#breadcrumbs-horizontal {
  margin: 48px 0 -30px;
  background: rgb(245,245,245);
  color: rgb(51,51,51);
}
.navi-scroll {
  max-width: 1200px;
  margin: auto;
  height: calc(38px + 20px);
  overflow-x: auto;
  white-space: nowrap;
}
.navi-item {
  display: inline-block;
  width: auto;
  height: 3em;
  line-height: 3;
  padding: 0;
}
.navi-item-anchor {
  height: auto;
  width: auto;
  margin: 0;
  padding: 1em .8em;
  color: white;
  cursor: pointer;
}
.navi-item-anchor:hover {
  color: white;
}
#sp-hide {
  display: none;
}
@media screen and (min-width: 769px) {
  #sp-hide {
    display: inline-block;
  }
}
/* breadcrumbs */
.breadcrumbs-item {
  display: inline-block;
}
.breadcrumbs-item-anchor {
  display: inline-block;
  height: 100%;
}
.bc-arrow {
  margin: 0 .5em;
  vertical-align: top;
}
.breadcrumbs-item:first-of-type {
  margin-left: 23px;
}
.breadcrumbs-item:last-of-type {
  margin-right: 23px;
}
        /* 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ */
        .nav {
            margin: 0;
            padding: 48px 0;
            z-index: 100;
            width: 220px;
            float: left;
            box-sizing: border-box;
        }
        .nav-group {
            margin: 0 auto;
            padding: 0 0 30px;
        }
        .nav-group > li {
            margin: 0 0 -1px 0;
            padding: 0;
            display: block;
            border: #ccd1d9 solid 1px;
            background: #fff;
        }
        .nav-group > li:first-child, .nav-group > li a.active {
            -webkit-border-top-left-radius: 6px;
            -moz-border-top-left-radius: 6px;
            -ms-border-top-left-radius: 6px;
            -o-border-top-left-radius: 6px;
            border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            -moz-border-top-right-radius: 6px;
            -ms-border-top-right-radius: 6px;
            -o-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
        }
        .nav-group > li:last-child {
            -webkit-border-bottom-left-radius: 6px;
            -moz-border-bottom-left-radius: 6px;
            -ms-border-bottom-left-radius: 6px;
            -o-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
            -webkit-border-bottom-right-radius: 6px;
            -moz-border-bottom-right-radius: 6px;
            -ms-border-bottom-right-radius: 6px;
            -o-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        .nav-group > li a {
            display: block;
            padding: 6px 12px;
            color: #333;
            text-decoration: none;
        }
        .nav-group > li a:hover {
            color: #999;
            background: #f5f7fa;
        }
        .nav-group > li a.active {
            color: #999;
            background: #e6e9ed;
        }
        /* 繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ */
        .main {
            padding: 144px 0;
            width: 100%;
            background: #3bafda;
            background-image: linear-gradient(135deg, #8cc152, #3bafda, #4a89dc);
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 3em;
        }
        /* 繝懊ョ繧｣繝ｼ */
        .body {
            width: 960px;
            margin: 0 auto;
            display: block;
            clear: both;
            content: "";
            display: flex;
        }
        /* 繧ｳ繝ｳ繝�Φ繝� */
        .content {
            padding: 48px 10px 48px 0;
            width: 740px;
            float: left;
            box-sizing: border-box;
            flex: 1;
        }
        .article {
            margin: 0 0 28px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            *zoom: 1;
        }
        .content:after,
        .article:after,
        .article-paragraph:after {
            display: block;
            clear: both;
            content: '';
        }
        .menu1 { background-color:#663300; color: #f5f5dc; padding: 6px 1em; margin: 0; }
        .menu1 div { display: inline-block; background-color:#ffffff; color: #333333; font-weight: bold; font-size: 100%; padding: 4px 1em; margin: 0; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: inset 0 2px 2px 0 #dddddd; box-shadow: inset 0 2px 2px 0 #dddddd;font-family: 'Yusei Magic', sans-serif; letter-spacing: 0.07em;
}
#cnt_list { padding: 5px !important;
}
#cnt_list ul { margin: 0 !important; padding: 0 !important; list-style:none;
}
#cnt_list li { margin: 0 !important; padding: 0 !important; display:block; text-align: center;
}
#cnt_list a { display: block; margin: 10px 0 !important; padding: 10px 15px !important; text-align: left; text-decoration: none; overflow: hidden; font-size: 16px; color: #996633; background-color: #ffffff; border-radius: 6px; -moz-border-radius 6px; -webkit-border-radius: 6px; border: 1px #cccccc solid;
}
#cnt_list a:visited { background-color: #ffffff;
}
#cnt_list a:hover { background-color: #f7f7f7;
}
#cnt_list a:active { background-color: #f7f7f7; background: -moz-linear-gradient( top, #ffffff 0%, #f7f7f7 50%, #ebebeb); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #f7f7f7), to(#ebebeb));
}
#cnt_list span { display: block; margin: 10px -14px -9px; padding: 9px 14px 8px; font-size: 12px; color: #777777; background-color: #e9e9e9; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;
}
#cnt-title { border-left: #663300 solid 10px; margin: 20px 5px 10px; padding: 5px 10px; color: #663300; font-weight: bold;
}
        .article-title {
            padding-left: 1em;
            padding-bottom: 6px;
            border-bottom: #663300 solid 2px;
        }
        .article-title,
        .article-paragraph-title {
            clear: both;
            margin: 0 0 24px;
        }
        .article-date {
            margin: 0 0 6px;
            color: #999;
            font-size: 0.9em;
        }
        .article-paragraph {
            margin: 0 0 24px;
            line-height: 1.7;
            *zoom: 1;
        }
.article-list-tab-wrap {
  padding: 5px;
}
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #996633;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-size:10px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 1px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
}
.tab-switch {
  display: none;
}
.tab-switch:checked+.tab-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #996633;
    border-width: 10px;
    margin-left: -10px;
}
.tab-switch:checked+.tab-label {
    background: #cc9966;
    position: relative;
}
        .article-list-ct ul, .article-list-cnt ul { margin: 5px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #cccccc; list-style:none; } 
        .article-list-ct ul li, .article-list-cnt ul li { border-top: 1px solid #cccccc; min-height: 4.0em; margin: 0px; text-align: left; }
        .article-list-ct ul li a, .article-list-cnt ul li a { color: #777777; display: block; min-height: 4.0em; margin: 0px; padding: 10px 1em; overflow: hidden; text-decoration: none; }
        .article-list-ct ul li a strong, .article-list-cnt ul li a strong { display: block; color: #333333; font-family: 'M PLUS 1p', sans-serif; letter-spacing: 0.07em; font-weight: bold; }
        .article-list-cnt ul li a strong { color: #996633;}
        .article-list-ct ul li a span { color: #cc9966; font-size:80%; }
        .article-list-cnt ul li a span { color: #777777; font-size:80%; }
        .article-list-ct ul li a:hover,  .article-list-cnt ul li a:hover { background-color: rgb(245,245,245);
}
        .article-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        .article-list > li {
            padding: 12px 0;
            border-bottom: #ddd dotted 1px;
        }
        .article-list > li:last-child {
            border-bottom: none;
        }
        .article-list-date {
            padding-right: 12px;
            color: #999;
        }
        img.article-img {
            display: block;
            margin: 0 0 12px;
        }
        img.article-img_left {
            float: left;
            margin: 0 24px 0 0;
        }
        img.article-img_right {
            float: right;
            margin: 0 0 0 24px;
        }
        .article-paragraph:last-child,
        .article-img:last-child {
            margin: 0;
        }
        .address {
            padding: 24px 0 24px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
            clear: both;
        }
        .address-body {
            color: #666;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .address-body-name {
            display: block;
            margin-bottom: 12px;
            font-size: 1.2em;
        }
        .address-body-addressline {
            display: block;
            margin-bottom: 6px;
        }
        .address-body-tel {
            display: block;
            font-size: 1.1em;
        }
  #pr-sticky {
    z-index: 1000;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    }
        a.btn-pagetop {
            position: fixed;
            right: 48px;
            bottom: 36px;
            width: 72px;
            height: 72px;
            border: #ccd1d9 solid 1px;
            background: #fff;
            color: #aab2bd;
            text-align: center;
            font-size: 3em;
            vertical-align: baseline;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        /* 繝輔ャ繧ｿ繝ｼ */
        .footer {
            width: 100%;
            padding: 12px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
            clear: both;
        }
        .footer-nav {
            margin-bottom: 12px;
            width: 100%;
            text-align: center;
        }
        .footer-nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .footer-nav-group > li {
            margin: 0;
            padding: 0 6px;
            font-size: 0.9em;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .footer-nav-group > li a {
            color: #666;
            text-decoration: none;
        }
        .footer-nav-group > li a:hover {
            color: #999;
        }
        .footer-text {
            margin-bottom: 6px;
            color: #999;
            font-size: 0.8em;
        }
        .footer-copyright {
            color: #999;
            font-size: 0.8em;
        }
        /* 繝代�繝� */
        .btn {
            margin: 6px;
            padding: 12px 24px;
            border: #aab2bd solid 1px;
            background: #aab2bd;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 1em;
            line-height: 1;
            cursor: pointer;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .btn_lg {
            padding: 18px 36px;
        }
        .btn_sm {
            padding: 6px 12px;
            font-size: 0.8em;
        }
        a.btn:link,
        a.btn:active,
        a.btn:focus,
        a.btn:hover,
        a.btn:visited {
            color: #fff;
            text-decoration: none;
        }
        a.btn_default:link,
        a.btn_default:active,
        a.btn_default:focus,
        a.btn_default:hover,
        a.btn_default:visited {
            color: #656d78;
            text-decoration: none;
        }
        .btn_normal {
            border: #aab2bd solid 1px;
            background: #aab2bd;
        }
        .btn_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
        }
        .btn_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }
        .btn_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }
        .btn_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }
        .btn_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }
        .btn_normal:hover {
            border: #ccd1d9 solid 1px;
            background: #ccd1d9;
        }
        .btn_default:hover {
            border: #aab2bd solid 1px;
            background: #e6e9ed;
        }
        .btn_primary:hover {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }
        .btn_success:hover {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }
        .btn_warning:hover {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }
        .btn_danger:hover {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }
        .img-rounded,
        .img-circle,
        .img-thumbnail {
            margin: 6px;
        }
        .img-rounded {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }
        .img-circle {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }
        .img-thumbnail {
            padding: 3px;
            border: #ccd1d9 solid 1px;
            vertical-align: baseline;
            line-height: 1;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }
        .label {
            margin: 0 12px;
            padding: 3px 6px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 0.6em;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .label_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }
        .label_primary {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }
        .label_success {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }
        .label_warning {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }
        .label_danger {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }
        .text_normal {
            color: #656d78;
        }
        .text_primary {
            color: #4a89dc;
        }
        .text_success {
            color: #8cc152;
        }
        .text_warning {
            color: #f6bb42;
        }
        .text_danger {
            color: #da4453;
        }
        .message {
            margin-bottom: 12px;
            padding: 12px 24px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .message_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }
        .message_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
            color: #656d78;
        }
        .message_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }
        .message_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }
        .message_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }
        .message_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }
        .panel {
            margin-bottom: 24px;
            width: 100%;
            border: #ccd1d9 solid 1px;
            background: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }
        .panel-header {
            padding: 12px 24px;
            border-bottom: #ccd1d9 solid 1px;
            background: #f5f7fa;
            font-size: 0.9em;
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            -ms-border-radius: 6px 6px 0 0;
            -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .panel-body {
            padding: 12px 24px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
.pc { display: block !important; }
.sp { display: none !important; 
}