@charset "UTF-8";
/*================================================================================================
 *  link  #fbb03b  #FA913C  |  main  #6d4330  <  #4d2b1b |  red  #ff7bac   | +a  #29abe2
 ================================================================================================*/
/*================================================================================================
 *  一般・共通設定
 ================================================================================================*/
p {margin:0 0 1em 0;}
#catdes p{margin:0;}
a {
	color:#fbb03b;
	text-decoration:none;
        font-weight:600;
}
a:hover {
	color:#FA913C;
	text-decoration:underline rgba(160 133 73 / 0.4);
}

#a,#access,#form,#top{margin-top:-70px; padding-top:70px;}
/*@media print, screen and (max-width: 790px){
#b,#c,#d,#e,#f,#g,#h,#i,
#j,#k,#l,#m,#n,#o,#p,#q,#r,{margin-top:-70px; padding-top:70px;}
}*/
img {
 vertical-align:top;
 max-width: 100%;
}
a:hover img{opacity:0.8;transform: scale(1.02 , 1.02); transition-duration: 0.3s;}

.chimei a{color:#000;}

a img{transition:0.6s;}
img.img100, .img100 img:first-child {width:100%; height:auto; margin:0;}
img.img90, .img90 img:first-child {width:90%; height:auto; margin:0 auto 1em; display:block;}
.wp-caption-text{text-align:center; color:#333333; margin-bottom:1em;}
.recentcomments{color:#5C4138;}
img.wp-smiley, img.emoji {float:none;}

.alignnone{display: block !important; margin: 0 !important;}
img[class*="alignnone"]{max-width:100%; height:auto;}

.aligncenter{display: block !important; margin: 0 auto 1.5em !important; height: auto;}
img[class*="aligncenter"]{width:90%; height:auto;}

.align-left { float: left !important; margin:0 1em 1em 0 !important;}
.align-right { float: right !important; margin:0 0 1em 1em !important;}
img[class*="align-right"], img[class*="align-left"]{width:50%; height:auto;}

.alignright { float: unset; margin:0 auto 1.5em !important; display: block;}
.alignleft { float: unset; margin:0 auto 1.5em !important; display: block;}
img[class*="alignright"], img[class*="alignleft"]{width:90%; max-width:320px; height:auto;}
.wp-caption.alignright, .wp-caption.alignleft{width:90%; height:auto;}

img[class*="align_right"], img[class*="align_left"]{width:50%; height:auto; margin:0.2em 25% 2em; border-radius:0.5em;}

img[class*="size-thumbnail"]{max-width:300px;}

@media print, screen and (min-width: 768px)
{
.alignright { float:right !important; margin:0 0 1em 1em !important;}
.alignleft { float:left !important; margin:0 1em 1em 0 !important;}
img[class*="alignright"], img[class*="alignleft"], .wp-caption.alignright, .wp-caption.alignleft{width:30%; height:auto;}
img[class*="align_right"], img[class*="align_left"]{width:30%; height:auto;}
img[class*="align_left"]{float:left; margin:0.2em 1.5em 1em 0.5em;}
img[class*="align_right"]{float:right; margin:0.2em 0.5em 1em 1.5em;}
#news .alignright { float: right !important; margin:0.5em 0.5em 1.5em 1.5em !important;}
#news .alignleft { float: left !important; margin:0.5em 1.5em 1.5em 0.5em !important;}
#news img[class*="alignright"], #news .wp-caption.alignright{width:30%; height:auto;margin: 0.5em 0 1.5em 3.3% !important;}
#news img[class*="alignleft"], #news .wp-caption.alignleft{width:30%; height:auto;margin: 0.5em 3.3% 1.5em 0 !important;}
img[class*="size-thumbnail"]{width:30%; margin:0 1.65% 1em !important;}
}

img[class*="alignright"], img[class*="alignleft"], .wp-caption.alignright, .wp-caption.alignleft, img[class*="align-right"], img[class*="align-left"], img[class*="aligncenter"]{
  border-radius:0.5em;
}
.imgsh{box-shadow:0 0.2em 0.6em -0.2em rgba(0, 0, 0, 0.8);}

.ov{overflow: hidden;}
.cf {zoom: 1;}
.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
strong, em, .bold {font-weight:bold;}
pre {margin:1em 0; padding:1em;}
blockquote {
	margin-bottom:1em;
	padding:1em 1em 0.2em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
        background: rgb(221 221 221 / 0.2);
}
abbr[title] {border-bottom:none; text-decoration:none;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0 3em;
    padding: 0;
    overflow: hidden;
    clear: both;
}
hr.hr0 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 0px solid #cccccc;
    margin: 0;
    padding: 0;
}
dl {margin:0 0 1em 0;}
dt {margin-bottom:0.5em; border-bottom:1px dotted #ddd;}
dt:before {content:"\0025a0";}
dd {margin-bottom:1em;}

/*.mw_wp_form input[text], .mw_wp_form select, .mw_wp_form textarea {width: 96%; margin-left: 2%; margin-bottom: 1em; font-size:1.2em; padding: 0.5em 0;}
textarea {height:10em;}
input[type="submit"]{width:auto; padding:0.2em 0.5em; font-size: 1.2em;}*/
input[name="s"] {width: 70%;margin-left: 2%; margin-right: 2%;}
label[for="s"]{display:none;}
#searchform{margin-bottom: 0.3em;}
/*-contactform7 ------------------------------------------------------------------------------------------------*/
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-submit, .wpcf7-form textarea{font-size:1em; line-height:1.1; width:100%;}
@media print, screen and (min-width: 680px)
{
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-submit, .wpcf7-form textarea{font-size:1.2em; line-height:1.2; width:100%;}
}
div.wpcf7 .ajax-loader {display: none !important;}

/*================================================
 *  h1 - h6  widget-title 
 ================================================*/
/*------body 320px - 16px ---- 360px - 18px  ---- h 414 20.7 --*/
@media only screen and (max-width: 414px)
{
h1:not(.noh), .m1{font-size:1em;}
h2:not(.noh), .m2, h3:not(.noh), .m3, h4:not(.noh), .m4{font-size:1em;}
.widget-title, h6:not(.noh), .m6, h6:not(.noh) a, .m6 a, h5:not(.noh), .m5, h5:not(.noh) a, .m5 a {font-size:1em;}
}

@media only screen and (min-width: 414.1px) and (max-width: 767.9px)
{
h1:not(.noh), .m1{font-size:1.3em;}
h2:not(.noh), .m2, h3:not(.noh), .m3, h4:not(.noh), .m4{font-size:1.1em;}
.widget-title, h6:not(.noh), .m6, h6:not(.noh) a, .m6 a, h5:not(.noh), .m5, h5:not(.noh) a, .m5 a {font-size:1.1em;}
}

@media print, screen and (min-width: 768px)
{
h1:not(.noh), .m1{font-size:1.5em;}
h2:not(.noh), .m2, h3:not(.noh), .m3, h4:not(.noh), .m4{font-size:1.2em;}
.widget-title, h6:not(.noh), .m6, h6:not(.noh) a, .m6 a, h5:not(.noh), .m5, h5:not(.noh) a, .m5 a {font-size:1.2em;}
}

h1:not(.noh), .m1{
    margin:0 0 0.8em;
    padding: 0.4em 0.6em 0.3em;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
    text-align:center;
    border-top: 5px solid #6d4330;
    border-bottom: 5px solid #6d4330;
    border-left: 5px solid #6d4330;
    border-right: 5px solid #6d4330;
    overflow: hidden;
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #4d2b1b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(75, 36, 36, 0.5)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(75, 36, 36, 0.5)),
                        color-stop(.75, rgba(75, 36, 36, 0.5)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(75, 36, 36, 0.5)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(75, 36, 36, 0.5)),
                        color-stop(.75, rgba(75, 36, 36, 0.5)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(75, 36, 36, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(75, 36, 36, 0.5) 50%, rgba(75, 36, 36, 0.5) 75%,
                    transparent 75%, transparent);
}

h2:not(.noh), .m2, h3:not(.noh), .m3, h4:not(.noh), .m4, h5:not(.noh), .m5, h6:not(.noh), .m6{
	margin:2.5em 0 0.5em;
	padding:0;
	font-weight:bold;
}
h2:not(.noh), .m2, h2:not(.noh) a, .m2 a{color:#ff7bac; text-decoration:none;}
h2:not(.noh) a:hover, .m2 a:hover{color:#FA913C; text-decoration:none;}
h3:not(.noh), .m3, h3:not(.noh) a, .m3 a{color:#fbb03b; text-decoration:none;}
h3:not(.noh) a:hover, .m3 a:hover{color:#FA913C; text-decoration:none;}
h4:not(.noh), .m4, h4:not(.noh) a, .m4 a{color:#6d4330; text-decoration:none;}
h4:not(.noh) a:hover, .m4 a:hover{color:#FA913C; text-decoration:none;}
h5:not(.noh), .m5, h5:not(.noh) a, .m5 a, h6:not(.noh), .m6, h6:not(.noh) a, .m6 a, .widget-title{
        margin:0;
	padding:0.6em 0.5em;
	color:#fff;
	text-align:center;
        clear: both;
        font-family: monospace;
        font-weight: bolder;
        text-decoration:none;
}
.widget-title{margin:0;}
h5:not(.noh), .m5, h5:not(.noh) a, .m5 a {background:#fbb03b;}
h6:not(.noh), .m6, h6:not(.noh) a, .m6 a, .widget-title {background:#FA913C;}
h5:not(.noh) a:hover, .m5 a:hover{background:#FA913C; text-decoration:none;}
h6:not(.noh) a:hover, .m6 a:hover{background:#FA913C; text-decoration:none;}
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h2, h3 + h4, h3 + h5, h3 + h6, h4 + h2, h4 + h3, h4 + h5, h4 + h6,
h5 + h6, h5 + h2, h5 + h3, h5 + h4, h6 + h2, h6 + h3, h6 + h4, h6 + h5{margin-top: 0 !important;}
section > h1:first-child, section > h2:first-child, section > h3:first-child, section > h4:first-child, box1 > h5:first-child, section > h6:first-child{margin-top: 0 !important;}
.box1 > h1:first-child, .box1 > h2:first-child, .box1 > h3:first-child, .box1 > h4:first-child, box1 > h5:first-child, .box1 > h6:first-child{margin-top: 0 !important;}
.box2 > h1:first-child, .box2 > h2:first-child, .box2 > h3:first-child, .box2 > h4:first-child, box2 > h5:first-child, .box2 > h6:first-child{margin-top: 0 !important;}
.box3 > h1:first-child, .box3 > h2:first-child, .box3 > h3:first-child, .box3 > h4:first-child, box3 > h5:first-child, .box3 > h6:first-child{margin-top: 0 !important;}
.box4 > h1:first-child, .box4 > h2:first-child, .box4 > h3:first-child, .box4 > h4:first-child, box4 > h5:first-child, .box4 > h6:first-child{margin-top: 0 !important;}
.b1 > h1:first-child, .b1 > h2:first-child, .b1 > h3:first-child, .b1 > h4:first-child, b1 > h5:first-child, .b1 > h6:first-child{margin-top: 0 !important;}
.b2 > h1:first-child, .b2 > h2:first-child, .b2 > h3:first-child, .b2 > h4:first-child, b1 > h5:first-child, .b2 > h6:first-child{margin-top: 0 !important;}

/*------------------------------------------------
　btn
------------------------------------------------*/
.btna, .btnb, .btnc, .btnd, div.dbtna a, div.dbtnb a, div.dbtnc a, div.dbtnd a{font-size: 1em;}
header .btn, header .btnb, header .btnc, header .btnd{font-size: 14px;}
.btna, div.dbtna a, input[type="submit"] {
  display: inline-block;
  max-width: 300px;
  text-align: center;
  border: 2px solid #ff7bac;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 15px;
  margin: 10px 5px 0;
  border-radius: 4px;
  transition: .4s;
  background:#ff7bac;
}
input[type="submit"]{padding: 4px 8px;}
.btna:hover, div.dbtna a:hover, input:hover[type="submit"] {
  background-color: #fff;
  border-color: #ff7bac;
  color: #ff7bac !important;
}
.btnb, div.dbtnb a {
  display: inline-block;
  max-width: 300px;
  text-align: center;
  border: 2px solid #ff7bac;
  color: #ff7bac !important;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 15px;
  margin: 10px 5px 0;
  border-radius: 4px;
  transition: .4s;
  background:#fff;
}
.btnb:hover, div.dbtnb a:hover {
  background-color: #ff7bac;
  border-color: #ff7bac;
  color: #ffffff !important;
}
.btnc, div.dbtnc a{
  display: inline-block;
  max-width: 300px;
  text-align: center;
  border: 2px solid #6d4330;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 15px;
  margin: 10px 5px 0;
  border-radius: 4px;
  transition: .4s;
  background:#6d4330;
}
.btnc:hover, div.dbtnc a:hover{
  background-color: #fff;
  border-color: #6d4330;
  color: #6d4330 !important;
}
.btnd, div.dbtnd a {
  display: inline-block;
  max-width: 300px;
  text-align: center;
  border: 2px solid #6d4330;
  color: #6d4330 !important;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 15px;
  margin: 10px 5px 0;
  border-radius: 4px;
  transition: .4s;
  background:#fff;
}
.btnd:hover, div.dbtnd a:hover {
  background-color: #6d4330;
  border-color: #6d4330;
  color: #ffffff !important;
}
.btns a, a.btns{
 background:#ff7bac;
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:400;
 white-space: nowrap;
}
.btns a:hover, a.btns:hover{
 background:#FA913C;
 color:#fff;
 font-weight:bold;
}

ul.usns{padding:0 0 2em;}
.usns{
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
}
.usns li{
text-align:center!important;
letter-spacing: .2px;
line-height: 1;
margin-bottom: 0em;
position: relative;
}

a.btny, a.btnl, a.btnm, a.btne, a.btnw, a.btnf, a.btnt, a.btni, a.btnn, a.btnh {
  display: inline-block;
  text-align: center;
  padding: 0.1em 0.1em;
  margin: 0;
  font-size: 2em;
 /* text-decoration: none;
  border: 2px solid #ccc;
  border-radius: 4px;
  transition: .4s;
  background:#fff7e6;*/
}
a.btny:hover, a.btnl:hover, a.btnm:hover, a.btne:hover, a.btnw:hover, a.btnf:hover, a.btnt:hover, a.btni:hover, a.btnn:hover, a.btnh:hover{
  /*background:rgba(255, 247, 230, 0.5);*/
  opacity: 0.5;
}
a.btny {color:#fc0d1c;}
a.btnl {color:#00b900;}
a.btnm {color:#ef3f56;}
a.btne {color:#ef3f56;}
a.btnw {color:#ffc107;}
a.btnf {color:#3b75d4;}
a.btnt {color:#55acee;}
a.btni {color:#f13f79;}
a.btnn {color:#0077b5;}
a.btnh {color:#f13f79;}
.fa-fw {
    text-align: center !important;
    width: 1.4em !important;
}

.btng {
    margin: 0 2px 0 0;
    padding: 2px 5px;
    background: #db2e79;
    border: 2px solid #db2e79;
    color: #FFFFFF;
    font-size: 12px;
    border-radius: 4px;
    text-decoration: none;
    line-height: 2.5;
}
.btng:hover{
  background-color: #fff;
  border-color: #db2e79;
  color: #db2e79;
}

/*================================================
 *  flex box
 ================================================*/
.af2, .bf2, .lf2, .af3, .bf3, .lf3, .af4, .bf4, .lf4, .af5, .bf5, .lf5, .af6, .bf6, .lf6{
     display: flex;
     flex-flow: row wrap;
}
.af2, .af3, .af4, .af5, .af6{justify-content:space-around;}
.bf2, .bf3, .bf4, .bf5, .bf6{justify-content:space-between;}
.lf2, .lf3, .lf4, .lf5, .lf6{justify-content:flex-start;}
.lf2 .bin, .lf3 .bin, .lf4 .bin, .lf5 .bin, .lf6 .bin{
    flex-grow: 0;
    margin-bottom: 3.5em;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
   /* border: 1px #ccc solid;
    box-shadow: 0px 10px 15px -10px;*/
}
.af2 .bin, .af3 .bin, .af4 .bin, .af5 .bin, .af6 .bin, .bf2 .bin, .bf3 .bin, .bf4 .bin, .bf5 .bin, .bf6 .bin{
    flex-grow: 0;
    margin-bottom: 3.5em;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
@media only screen and ( max-width : 414px ){ 
.af2 .bin, .af3 .bin, .af4 .bin, .af5 .bin, .af6 .bin, .bf2 .bin, .bf3 .bin, .bf4 .bin, .bf5 .bin, .bf6 .bin, .lf2 .bin, .lf3 .bin, .lf4 .bin, .lf5 .bin, .lf6 .bin{flex-basis:100%; margin-left:0;}
}
@media only screen and ( min-width : 414.1px ) and ( max-width : 767.9px ) { 
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:100%; margin-left:0;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:46%;}
.lf3 .bin:nth-child(3n+1), .lf3 .bin:nth-child(3n){margin-left:0;}
.lf3 .bin:nth-child(3n+2){margin-left:8%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:46%;}
.lf4 .bin:nth-child(4n+1), .lf4 .bin:nth-child(4n+3){margin-left:0;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n){margin-left:8%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:46%;}
.lf5 .bin:nth-child(5n+1), .lf5 .bin:nth-child(5n+3), .lf5 .bin:nth-child(5n){margin-left:0;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+4){margin-left:8%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:46%;}
.lf6 .bin:nth-child(6n+1), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+5){margin-left:0;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+4), .lf6 .bin:nth-child(6n){margin-left:8%;}
}
@media only screen and ( min-width : 768px ) and ( max-width : 1023.9px ) { 
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:46%;}
.lf2 .bin:nth-child(2n+1){margin-left:0;}
.lf2 .bin:nth-child(2n){margin-left:8%;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:30%;}
.lf3 .bin:nth-child(3n+1){margin-left:0;}
.lf3 .bin:nth-child(3n+2), .lf3 .bin:nth-child(3n){margin-left:5%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:46%;}
.lf4 .bin:nth-child(4n+1), .lf4 .bin:nth-child(4n+3){margin-left:0;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n){margin-left:8%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:30%;}
.lf5 .bin:nth-child(5n+1){margin-left:0;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+3){margin-left:5%;}
.lf5 .bin:nth-child(5n+4), .lf5 .bin:nth-child(5n){margin-left:13.8%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:30%;}
.lf6 .bin:nth-child(6n+1), .lf6 .bin:nth-child(6n+4){margin-left:0%;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+5), .lf6 .bin:nth-child(6n){margin-left:5%;}
}
@media print, screen and (min-width: 1024px){
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:46%;}
.lf2 .bin:nth-child(2n+1){margin-left:0;}
.lf2 .bin:nth-child(2n){margin-left:8%;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:30%;}
.lf3 .bin:nth-child(3n+1){margin-left:0;}
.lf3 .bin:nth-child(3n+2), .lf3 .bin:nth-child(3n){margin-left:5%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:23%;}
.lf4 .bin:nth-child(4n+1){margin-left:1%;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n+3), .lf4 .bin:nth-child(4n){margin-left:2%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:18%;}
.lf5 .bin:nth-child(5n+1){margin-left:1%;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+3), .lf5 .bin:nth-child(5n+4), .lf5 .bin:nth-child(5n){margin-left:2%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:16%;}
.lf6 .bin:nth-child(6n+1){margin-left:0%;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+4), .lf6 .bin:nth-child(6n+5), .lf6 .bin:nth-child(6n){margin-left:0.8%;}
}
.fg1 { flex-grow: 1;}
.fg2 { flex-grow: 2;}
.fg3 { flex-grow: 3;}
.f2 p, .f3 p{margin:0.5em 0.5em 1em;}

/*================================================
 *  box1
 ================================================*/
.box0, .box1, .box2, .box3, .box4, .box0b, .box1b, .box2b, .box3b, .box4b{
    display:block;
    clear:both;
    overflow:hidden;
    margin: 1em 0 3em;
    padding: 1em 1em 0;
    text-align: left;
}
.box0{
    border: #ddd solid 1px;
    background: #fff;
}
.box1{
    border: #fbb03b solid 1px;
    background: #fff;
}
.box2{
    border: #6d4330 solid 1px;
    background: #fff;
}
.box3{
    border: #29abe2 solid 1px;
    background: #fff;
}
.box4{
    border: #ff7bac solid 1px;
    background: #fff;
}
.box0b{
    border: #ddd dashed 2px;
    background: #fffff0;
}
.box1b{
    border: #fbb03b dashed 2px;
    background: #fffff0;
}
.box2b{
    border: #6d4330 dashed 2px;
    background: #fffff0;
}
.box3b{
    border: #29abe2 dashed 2px;
    background: #fffff0;
}
.box4b{
    border: #ff7bac dashed 2px;
    background: #fffff0;
}

/*------------------------------------------------
　scbox
------------------------------------------------*/
.scbox{
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:100%;
    margin: 0 0 3em;
    padding: 1em 1em 0;
    border: 3px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(206, 203, 173, 0.8);
    background-color: #ffffff;
    height: 10em;
    overflow-y: auto;
    overflow-x: hidden;
}
.scbox::-webkit-scrollbar{
  width: 12px;
}
.scbox::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777777; 
}
.scbox::-webkit-scrollbar-thumb{
  background: #6d4330;
  border-radius: 10px;
  box-shadow: none;
}

/*-bg------------------------------------------------------------------------------------------------*/
.bgbox{
    background-image: url(../images/01a.png),url(../images/01b.png),url(../images/01.png);
    background-position: top,bottom,center;
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-size: 100%;
    margin: 0 0 3em;
    padding: 20px 1em 5px;
    color:#333333;
    overflow: hidden;
}

.b55l{display:block;padding:0;margin:0;width:50%;float:left;}
.b55r{display:block;padding:0;margin:0;width:50%;float:right;}
.b64l{display:block;padding:0;margin:0;width:60%;float:left;}
.b64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.b46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.b46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.b73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.b73r{display:block;padding:0;margin:0;width:30%;float:right;}
.b37l{display:block;padding:0;margin:0;width:30%;float:left;}
.b37r{display:block;padding:0;margin:0;width:70%;float:right;}
.b82l{display:block;padding:0;margin:0;width:80%;float:left;}
.b82r{display:block;padding:0;margin:0;width:20%;float:right;}
.b28l{display:block;padding:0;margin:0;width:20%;float:left;}
.b28r{display:block;padding:0;margin:0;width:80%;float:right;}
.b91l{display:block;padding:0;margin:0;width:90%;float:left;}
.b91r{display:block;padding:0;margin:0;width:10%;float:right;}
.b19l{display:block;padding:0;margin:0;width:10%;float:left;}
.b19r{display:block;padding:0;margin:0;width:90%;float:right;}
.b33l{display:block;padding:0;margin:0;width:33%;float:left;}
.b33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.b33r{display:block;padding:0;margin:0;width:33%;float:right;}
.b44{display:block;padding:0;margin:0;width:25%;float:left;}
.bb37r, .bb73l{width:100%; margin:0 auto; padding:0; display:inline-block; float:none;}
.bb37l, .bb73r{display:none;}
.b0{width:50%; margin:0 auto; padding:0; display:block; overflow:hidden;}
.b1, .b2, .b3, .b4{width:100%; margin:0; padding:0; display:inline-block; float:left;}
.b6{width:100%; margin:0; padding:0; display:inline-block; float:left;}
@media only screen and (min-width: 375px)
{
.b4, .b6 {width:50%;}
.maxw{overflow: hidden; width:300px; margin-left:-webkit-calc(50% - 150px); margin-left:calc(50% - 150px); margin-right:-webkit-calc(50% - 150px); margin-right:calc(50% - 150px);}
}
@media only screen and (min-width: 768px)
{
.b3, .b6{width:33.3%; padding-left:0; padding-right:0;}
.bb37l{display:block;padding:0;margin:0 auto;width:30%;float:left;}
.bb37r{display:block;padding:0;margin:0 auto;width:70%;float:right;}
.bb73l{display:block;padding:0;margin:0 auto;width:70%;float:left;}
.bb73r{display:block;padding:0;margin:0 auto;width:30%;float:right;}
}
@media print, screen and (min-width: 1024px)
{
.b2{width:50%; padding-left:0; padding-right:0;}
.b4{width:25%; padding-left:0; padding-right:0;}
.b6{width:16.66%; padding-left:0; padding-right:0;}
.rightf {float:right !important;}
.leftf {float:left !important;}
}

/*------------------------------------------------
　　v1
------------------------------------------------*/
.v1 {
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 1.5em;
  border: 2px solid #6d4330;
}
.v1 iframe, 
.v1 object, 
.v1 embed {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;    
}

/*------------------------------------------------
　　top
------------------------------------------------*/
.mainvisual{margin-top:60px !important;}
@media only screen and (max-width: 767.9px)
{
.topboxl,.topboxr{width:100%; margin:0 auto; padding:0; display:block; overflow:hidden;}
.topboxrl{width:50%; float:left; margin:0 auto; padding:0; display:block; overflow:hidden;}
.topboxrr{width:50%; float:rigth; margin:0 auto; padding:0; display:block; overflow:hidden;}
}
@media only screen and (min-width: 768px)
{
.topboxl{width:66.666%; float:left; margin:0 auto; padding:0; display:block; overflow:hidden;}
.topboxr{width:33.333%; float:right; margin:0 auto; padding:0; display:block; overflow:hidden;}
.topboxrl{width:100%; margin:0; padding:0; display:block; overflow:hidden;}
.topboxrr{width:100%; margin:0; padding:0; display:block; overflow:hidden;}
}

/*------------------------------------------------
　　header nav
------------------------------------------------*/
#header {
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
#gNav a:hover {
  color: #999;
}
nav li a {
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #f2ede4;
}
@media only screen and ( max-width : 1149.9px ) {
  #header {
    padding: 10px 0;
    height: 60px;
  }
  .h_logo {
    width: 250px;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 100;
  }
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }
}

@media print, screen and ( min-width : 1150px ) {
  #header {
    height: 60px;
  }
  .h_logo img {
    width: auto;
    max-width: -webkit-calc(100vw - 60px);
    max-width: calc(100vw - 60px);
    max-height: 60px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
  }
  #gNav ul {
    position: relative;
    display: flex;
  }
  #gNav li {
    position: relative;
    margin-right: 1.2em;
  }
  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 60px;
  }
  #gNav li.menu-item-has-children > a:after {line-height:1; font-family: "Font Awesome 5 Free"; content: "\f0dd"; font-weight:600; list-style-type:none; padding-left: 5px;
    font-size: 16px;}
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: max-content;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  #gNav .sub-menu a {
    display: block;
    border-bottom: none;
    padding: 20px;
    line-height: 1.2em;
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }
  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #gNav .current-menu-item a,#gNav .current-menu-parent a {
    color: #fbb03b;
  }
  #gNav ul > li:hover a {
    color: #FA913C;
  }
  #gNav li:hover ul.sub-menu {
    top: 40px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  #gNav li ul li:after {
    content: none;
  }
 #gNav li:hover ul.sub-menu a {
    color: #111;
  }
  #gNav .sub-menu li a:hover {
	background:#6d4330;
	background:rgba(255,255,255,0.4);
  }
  #gNav .contact_btn a:hover {
	background:#6d4330;
	background:rgba(255,255,255,0.4);
  }
}

/*================================================
 * meanmenu
 ================================================*/
@media only screen and ( max-width : 1149.9px ) {
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
#header .mask {
background: rgba(22,34,42,.4);
    top: 60px;
    left: 0;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100vh;
    opacity: 1;
    display: none;
	}
}
a.meanmenu-reveal{display:none;}
.mean-container .mean-bar{
  width:100%;
  position:fixed;
  background:none;
  min-height:60px;
  z-index:999998;
  top:0;
  left:0;
}
.mean-container .mean-bar {
	width: 100%;
	position: fixed;
	background: none;
	min-height: 60px;
	z-index: 98;
	top: 0;
	left: 0;
}
.meanmenu-reveal-btn {
  position: absolute;
  display: block;
  z-index: 99999;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  right: 0;
  top: 0;
}
.meanmenu-reveal {
  width: 26px;
  height: 20px;
  margin: 13px 17px 27px 17px;
  display: block !important;
  position: relative;
}
.meanmenu-reveal:after {
	content: "MENU";
	position: absolute;
	bottom: -20px;
	color: #cab992;
	font-size: 10px;
	width: 60px;
	left: -17px;
	text-align: center;
	display: block;
	font-family:serif;
}
.meanmenu-reveal.meanclose:after {
	content: "CLOSE";
}
.meanmenu-reveal span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
  top: 0;
  background: #bda877;
}
.meanmenu-reveal span:nth-of-type(2) {
  top: 8px;
  background: #c4b084;
}
.meanmenu-reveal span:nth-of-type(3) {
  top: 16px;
  background: #cab992;
}
.meanmenu-reveal  span:nth-of-type(1) {
  -webkit-animation: menu-ber01 .75s forwards;
  animation: menu-ber01 .75s forwards;
}
.meanmenu-reveal  span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.meanmenu-reveal  span:nth-of-type(3) {
  -webkit-animation: menu-ber02 .75s forwards;
  animation: menu-ber02 .75s forwards;
}
.meanclose span:nth-of-type(1) {
  -webkit-animation: active-menu-ber01 .75s forwards;
  animation: active-menu-ber01 .75s forwards;
  top: -2px;
}
.meanclose span:nth-of-type(2) {
  opacity: 0;
}
.meanclose span:nth-of-type(3) {
  -webkit-animation: active-menu-ber03 .75s forwards;
  animation: active-menu-ber03 .75s forwards;
}
@-webkit-keyframes menu-ber01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-ber01 {
  0% {
    transform: translateY(8px) rotate(45deg);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {

    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-ber02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-ber02 {
  0% {
    transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-menu-ber01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}
@keyframes active-menu-ber01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}
@-webkit-keyframes active-menu-ber03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
}
@keyframes active-menu-ber03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
  }
}
.mean-container .mean-nav{
	width:100%;
	margin-top:60px;
	max-height:100vh;
	overflow-y:auto;
}
.mean-container .mean-nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	position: relative;
	z-index: 99;
	max-height: 100vh;
	max-height: calc(100vh - 60px);
  background: #f3ead7;
}
/*
.mean-container::-webkit-scrollbar{
  width: 12px;
}
.mean-container::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777777; 
}
.mean-container::-webkit-scrollbar-thumb{
  background: #b79f6a;
  border-radius: 10px;
  box-shadow: none;
}
*/
.mean-container .mean-nav ul ul{
	padding-bottom:0;
	margin-bottom:0;
                           overflow-y: unset;
}
.mean-container .mean-nav ul li{
	position:relative;
  width:100%;
	box-sizing: border-box;
}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{
	display:block;
	width:100%;
	padding:1em;
	margin:0;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
  color:#a1874e;
  box-sizing: border-box;
}
.mean-container .mean-nav ul li li a{
	width:100%;
	padding:1em 10%;
	text-shadow:none !important;
	visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a{
	border-bottom:none;
	margin-bottom:0;
}
.mean-container .mean-nav ul li li li a{
	width:70%;
	padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a{
	width:60%;
	padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a{
	width:50%;
	padding:1em 25%;
}
.mean-container .mean-nav ul li a:hover{
	background:#6d4330;
	background:rgba(255,255,255,0.4);
}
.mean-container .mean-nav ul li a.mean-expand{
	/*margin-top:1px;*/
	width:60px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
  padding: 0.2em;
  font-size: 24px;
  color: #b79f6a;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background:#b4a27e;
  color: #fff;
}
.mean-container .mean-push {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  clear:both;
}
.mean-nav .wrapper{
  width:100%;
  padding:0;
  margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.mean-remove{display:none !important;}

/*================================================
 *  por  swiper
 ================================================*/
.por{position:relative;}
.f3.por{background:#29abe2;}
.por a img, .por img{
    position: relative;
    width:100%;
    height:auto;
}
.porp{position:absolute; top:-webkit-calc(30% + 3em); top:calc(30% + 3em); left:0; width:100%; text-decoration: none; font-size: 0.9em; margin:0; padding:0.3em 0.3em 0.3em 0.5em;
    color:#fff; text-align: left; line-height: 1.2;
    text-shadow:
    black 0.1em 0px 0.1em, black -0.1em 0px 0.1em,
    black 0px -0.1em 0.1em, black -0.1em 0px 0.1em,
    black 0.1em 0.1em 0.1em, black -0.1em 0.1em 0.1em,
    black 0.1em -0.1em 0.1em, black -0.1em -0.1em 0.1em,
    black 0.05em 0.1em 0.1em, black -0.05em 0.1em 0.1em,
    black 0.05em -0.1em 0.1em, black -0.05em -0.1em 0.1em,
    black 0.1em 0.05em 0.1em, black -0.1em 0.05em 0.1em,
    black 0.1em -0.05em 0.1em, black -0.1em -0.05em 0.1em,
    black 0.05em 0.05em 0.1em, black -0.05em 0.05em 0.1em,
    black 0.05em -0.05em 0.1em, black -0.05em -0.05em 0.1em;
}
.porm a, .porm{position:absolute; top:30%; left:0; width:100%; text-decoration: none; font-size: 0.9em; margin:0; padding:0.3em 0.3em 0.3em 0.5em; background: #ff7bac; color:#fff; text-align: left; line-height: 1.2;}
.porm a:hover{background:#fbb03b;}
.port a, .port{position:absolute; top:0; left:0; width:100%; text-decoration: none; font-size: 0.9em; margin:0; padding:0.3em 0.3em 0.3em 0.5em; background: #ff7bac; color:#fff; text-align: left; line-height: 1.2;}
.port a:hover{background:#FA913C;}
.porb {position:absolute; bottom:0; left:0;}
.por .btnb{line-height: 1; padding: 1px 3px !important; margin:0 !important; position: absolute; top:0; right:0;}
.por .btnd{line-height: 1; padding: 1px 3px !important; margin:0 !important; position: absolute; top:0; left:0;}
.por a.btnd span:nth-of-type(1){display:none;}
.rank-num {position:absolute; left:0; top:0; background-color:#f0e68c; color:#321602; padding: 0.2em 0.45em 0.1em 0.3em; font-size:1.5em; line-height:1; text-align:center; font-style:italic; font-weight:bold;}
a.nextnone > span:first-child {display:none;}

/*------------------------------------------------
　　breadcrumb
------------------------------------------------*/
.breadcrumb {margin:1em auto 1em 0.8em;}
.breadcrumb ol {
    font-size:0.9em;
    margin: 0;
    padding: 0;
}
.breadcrumb ol li {
    display: inline;
    list-style: none;
    color: #6d4330;
    font-weight: bold;
    margin-left: 0;
}
.breadcrumb ol li:first-child:before {
    content: none;
}
/*
.breadcrumb ol li:before {
    content: '>';
    margin: 0 5px 0 0;
    color: #777;
}
*/
.breadcrumb ol li > a{
    color: #6d4330;
    margin-right: 5px;
    text-decoration: none;  
}
.breadcrumb ol li a:hover {
    text-decoration: underline;
    color: #FA913C;
}
@media print, screen and (max-width: 500px) {
    .breadcrumb ol li span.e-title{
        display: block;
    }   
}

/*------------------------------------------------
　　fixfoot
------------------------------------------------*/
.fixfoot{display:none;}
@media screen and (max-width:768px){
.fixfoot
{
        width:100%;
        height: 40px;
        margin:0;
        padding:0;
        display:block;
        position:fixed;
        bottom:0;
        right:0;
        font-size:18px;
        font-family: 'Niconne', cursive;
        z-index: 10000;
}
.fffboxb{display:block; padding:0; margin:0; width:50%; height:40px; float:left; background:#6d4330;}
.ffboxb{display:block; padding:0; margin:0; width:50%; height:40px; float:left; background:#fbb03b; border-left:1px groove rgba(112, 111, 111, 0.5);}
.fffboxb:active,.ffboxb:active{background:#29abe2;}
.fixfoot a{color:#ffffff; text-decoration:none;}
.fixfoot a:active, .fixfoot a:hover{color:#ffffff; text-decoration:none;}
.ffin{display:block; padding:7px 0 0 0; margin:0 auto; height:40px; text-align:center;}
footer{padding: 0em 0 40px;}
}

/*================================================
 *  search box
 ================================================
.sbox {position: relative;}
.sb  {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.sbox img {width:100%;}
.sb h1, .sb h1 abbr{
    font-size: 28px;
    width: 100%;
    margin:0 0 0.5em;
    padding: 0;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-family: cursive !important;
}
.sb_p{
    margin:0;
    padding:0;
    color: #cc0000;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.sb_s {
	overflow: hidden;
	width: 90%;
        padding-top: 2.1px;
        padding-bottom: 2.1px;
	margin: 0 auto 2em;
	text-align: center;
	position: relative;
	border-radius: 2px;
	border: 2px solid #cc0000;
	background: #ffffff;
}
.sb_s input{
	width: 100%;
	padding-right: 1em;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 8px 38px 8px 8px;
	color: #cc0000;
}
.sb_cat {
	overflow: hidden;
	width: 90%;
	margin: 0 auto 2em;
	text-align: center;
	position: relative;
	border-radius: 2px;
	border: 2px solid #cc0000;
	background: #ffffff;
}
.sb_cat select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 8px 38px 8px 8px;
	color: #cc0000;
}
.sb_cat select::-ms-expand {
    display: none;
}
.sb_cat::before {
	position: absolute;
	top: 1.0em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #cc0000;
	pointer-events: none;
}
.sb_sub {
    overflow: hidden;
    float:none;
    width: 80px;
    padding-top: 8px;
    padding-bottom: 8.2px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 2px solid #cc0000;
    background: #cc0000;
    color: #ffffff;
}
.sb_sub:hover {
    border: 2px solid #ff8000;
    background: #ff8000;  
}
@media only screen and (max-width: 767.9px){
.sb_sub {left: -webkit-calc(50% - 40px); left: calc(50% - 40px);}
}
@media print, screen and (min-width: 768px){
.sb {width: 750px;}
.sb h1, .sb h1 abbr{font-size: 36px;}
.sb_cat, .sb_s {width: 29%; margin-right:1%; float:left;}
.sb_sub {width:10%; float:right; margin:0 auto 2em;}
}
section .sd-content ul:not([class]) {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
    list-style-position: unset;
    text-indent: 0;
    display: table-cell;
    padding: 0!important;
    margin: 0 0 .7em 0!important;
    list-style: none!important;
}
section .sd-content ul:not([class]) li {
    list-style-type: unset;
    line-height: unset;
    text-indent: 0;
    display: inline-block;
    margin: 0 5px 5px 0!important;
    padding: 0!important;
}
section .sd-content ul:not([class]) li:before{
   content:""!important;
   line-height: 1.2;
    font-family: unset;
    font-weight: bold;
    color: #fbb03b;
}
*/