@charset "UTF-8";
.grecaptcha-badge { visibility: hidden; }
/*================================================
 *　q & a
 ================================================*/
.qanda dt {
    font-weight: 600;
    margin: 0 0 1em;
    padding: 0em 1.5em 0em 2.5em;
    color: #333333;
    text-indent: -1.5em;
    border-bottom: unset;
}

.qanda dt::before,
.qanda dd::before {
    margin-right: .4em;
}

.qanda dt::before {
    content: "Q.";
	color: #c62417;
}

.qanda dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em 1em 2.5em;
    background-color: #eee;
    color: #333333;
    text-indent: -1.5em;
}

.qanda dd::before {
    content: "A.答";
	color: #0095df;
}

/*================================================
 *  obi
 ================================================*/
.obi0, .obi0v {
    background: #24583b;
    position: relative;
    color: #fff;
    text-align: center;
    min-height: 10em;
    margin-bottom: 2em;
}
.obi1, .obi1v {
    background: #c62417;
    position: relative;
    color: #fff;
    text-align: center;
    min-height: 10em;
    margin-bottom: 0em;
}
.obi0 h2, .obi0v h2, .obi1 h2, .obi1v h2, .obi0 h1, .obi0v h1, .obi1 h1, .obi1v h1{
  position: absolute; 
  top:0;
  bottom:0;
  left:0;
  right:0;
  height: fit-content;
  margin:auto;
  line-height:1.4;
  color:#fff;
  font-size:200%;
}
.obi0 h2 > span, .obi0v h2 > span, .obi1 h2 > span, .obi1v h2 > span, .obi0 h1 > span, .obi0v h1 > span, .obi1 h1 > span, .obi1v h1 > span{font-size:70%;  border-bottom:unset;}
.obi0v::after, .obi1v::after {
  position: absolute; 
  font-family: 'Material Icons';
  font-size: 15vw;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  text-align: center;
  content: "arrow_drop_down";
  right: 0;
  bottom: -11vw;
  left: 0;
}
.obi0v::after{color: #24583b;}
.obi1v::after {color:#c62417;}
@media screen and (max-width: 768px) {
  .obi0, .obi0v, .obi1, .obi1v {min-height: 7em;}
  .obi0v::after, .obi1v::after {font-size: 24vw; bottom: -18vw;}
  .obi0 h2, .obi0v h2, .obi1 h2, .obi1v h2, .obi0 h1, .obi0v h1, .obi1 h1, .obi1v h1{font-size:150%; line-height:1.2;}
  .obi0 h2 > span, .obi0v h2 > span, .obi1 h2 > span, .obi1v h2 > span, .obi0 h1 > span, .obi0v h1 > span, .obi1 h1 > span, .obi1v h1 > span{font-size:75%;  border-bottom:unset;}
}


/*================================================
 *  table
 ================================================*/
table:not([class]) {
	width:100%;
	margin: 0 auto 1em;
	border-collapse:collapse;
	border:2px solid #999;
	background:#fff;
        table-layout: fixed;
}
table:not([class]) th, table:not([class]) td {
　 　border: none;
    display: block;
    width: 100%;
    padding:10px;
}
table:not([class]) th {
	text-align:center;
	vertical-align:middle;
	background:#eee;
}
table:not([class]) td {
	text-align:left;
}
.last td:last-child {
    border-bottom: solid 2px #999;
    width: 100%;
}

@media print, screen and (min-width: 768px) {
table:not([class])  {width:100%;}
table:not([class]) th, table:not([class]) td{display: table-cell; border:2px solid #999;}
table:not([class]) th  {width: 25%;}
table:not([class]) td{width: 75%;}
}

/*-----------------------------------------------------------------------------------------------t1--*/
table.t1 {width:100%; margin:0.5em auto 0.5em; word-break:break-all; table-layout:fixed; display:table;}
table.t1 th, table.t1 td{padding:0.4em 0.2em; border:2px solid #999;}
table.t1 th{background-color:#b22014; color:#ffffff; text-align:center; vertical-align: middle;}
table.t1 td{background-color:#fff; color:#000000; text-align:left;}

/*-----------------------------------------------------------------------------------------------tscr--*/
.tablebox {width:100%; overflow:auto;}
.min10{width:25%; min-width:10em;}
.tablebox table{min-width:100%;}
table.ts {width:100%; margin:0.5em auto 0.5em; /*word-break:break-all; table-layout:fixed; display:table;*/}
table.ts th, table.ts td{border:2px solid #999;}
table.ts th{background-color:#eeeeee; text-align:center; vertical-align:middle; padding:0.5em 0.5em; width:1px; white-space:nowrap;}
table.ts td{background-color:#fff; text-align:left; padding:0.5em 1em; word-break: break-all;}
table.ts h2, table.ts h3, table.ts h4, table.ts h5, table.ts h6{margin-bottom: 0.2em !important; text-align:left !important;}

.tdl td{text-align:left;}
.tdr td{text-align:right;}
.tdc td{text-align:center;}
.tdk td{word-break: keep-all;}
.thk th{word-break: keep-all;}
.thu th{width:1px; white-space: unset;}



/*================================================
 *　tright
 ================================================*/
table.tright {
    width: 98%;
    margin: -0.3em 1% 0.5em;
    border-collapse: separate;
    border-spacing: 0px 0.5em;
}

table.tright th {
    background: #eee;
    vertical-align: middle;
    text-align: center;
    width: 25%;
    overflow: visible;
    position: relative;
    font-weight: bold;
    padding:0;
    color:#c62417;
    font-size:1.2em;
}

table.tright th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: 2px solid rgba(153, 153, 153, 0);
    border-left-color: #c62417;
    border-width: 0.45em;
    margin-top: -0.45em;
}

table.tright td {
    background: #ffffea;
    width: 75%;
    padding: 0.2em 0.2em 0em 0.5em;
}
table.tdl td{text-align:left; padding:0.4em 0.2em 0.4em 0.4em;}
table.tdr td{text-align:right;}
table.tdc td{text-align:center;}

/*================================================
 *　tbottom
----------------------------------------------------*/
table.tbottom {
    width: 100%;
    margin: -1em 0 0.5em;
    border-collapse: separate;
    border-spacing: 0px 1.2em;
}

table.tbottom th {
    background: #eee;
    vertical-align: middle;
    text-align: center;
    width: 30%;
    overflow: visible;
    position: relative;
    font-weight: bold;
    padding: 0.5em 0;
    color:#c62417;
    font-size:1.2em;
}

table.tbottom th:before{
    content: "";
    border: 0.5em solid transparent;
    border-top: 0.6em solid #c62417;
    position: absolute;
    left: 45%;
    top: 100%;
}
table.tbottom tr.lasttr th:before{
    content: none;
}
table.tbottom td {
    background: #ffffea;
    width: 70%;
    padding: 1em;
}
table.tbottom td p{margin-bottom:0.5em;}


/*================================================
 *  form
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
        vertical-align: middle;
}
table.formTable td{background:#fff;}
input {vertical-align: baseline; line-height:1.8em;}
input[type="text"].inps{vertical-align: text-top;}
input[type=radio] ,input[type=checkbox]{vertical-align: baseline;}
select {vertical-align: middle; line-height:1.8em;}
select option{font-size:1em;}
@media screen and (max-width:820px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea, form serect {
	padding:5px;
        width: 100%;
}
input[type="text"].inps{width:70%; vertical-align: middle;}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
input {vertical-align: middle; line-height:1.5em;}
select {vertical-align: middle; line-height:1.5em;}
}
 ================================================*/

/*================================================
 *　contactform7 
 ================================================*/
input[name="s"] {width: 96%; padding: 0.4em;}
label[for="s"]{display:none;}
#searchform {margin: 1em 0.5em 0.5em; width: 96%;}
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-submit, .wpcf7-form textarea, .wpcf7-select,
#respond input, #respond textarea{font-size:1em; line-height:1.1; width:100%;}
@media print, screen and (min-width: 768px)
{
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-submit, .wpcf7-form textarea, .wpcf7-select,
#respond input, #respond textarea{font-size:1em; line-height:1.2; width:100%;}
}
div.wpcf7 .ajax-loader {display: none !important;}
#respond label{display:block;}
p.form-submit{text-align:center;}
#respond input[type="submit"]{width: auto;}
.says{display:none;}
.comment-author, .comment-meta{display:inline-block;}
#respond input[type="checkbox"] {float: left; width: auto; height: 1.5em; margin-right: 0.5em;}
.wpcf7-text, .wpcf7-form textarea{padding-left:0.5em; padding-right:0.5em;}
ul.toc_list li li:before{display:none;}
ul.toc_list li ul li{padding-left:1em !important;}

.widess{max-width:3em;}
.wides{max-width:5em;}
.widem{max-width:20em;}
.widel{max-width:30em;}
select{
    font-size: 1.2em;
    width: 100%;
    vertical-align: middle;
}

/*================================================
 *　important
 ================================================*/
.righta {text-align:right !important;}
.lefta {text-align:left !important;}
.centera {text-align:center !important;}
.rightb {display:block !important; float:right !important;}
.leftb {display:block !important; float:left !important;}
.centerb {display:block !important; float:none; margin:0 auto !important;}
.rightf {display:block !important; float:none !important; vertical-align:top;}
.leftf {display:block !important; float:none !important; vertical-align:top;}
@media print, screen and (min-width: 1024px)
{
.rightf {float:right !important;}
.leftf {float:left !important;}
}
#feed{
    height: 11em;
    overflow-y: scroll;
    overflow-x: hidden;
}
.naname {
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    padding-left: 0.45em;
    margin-bottom:0.5em;
    margin-top:0.2em;
}
.nanameb {
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    padding-left: 0.45em;
    margin-bottom:0.5em;
    margin-top:0.2em;
}
.fsg{font-family:HGP行書体;}
.tshadow{
text-shadow:
    white 0.1em 0px 0.1em, white -0.1em 0px 0.1em,
    white 0px -0.1em 0.1em, white -0.1em 0px 0.1em,
    white 0.1em 0.1em 0.1em, white -0.1em 0.1em 0.1em,
    white 0.1em -0.1em 0.1em, white -0.1em -0.1em 0.1em,
    white 0.05em 0.1em 0.1em, white -0.05em 0.1em 0.1em,
    white 0.05em -0.1em 0.1em, white -0.05em -0.1em 0.1em,
    white 0.1em 0.05em 0.1em, white -0.1em 0.05em 0.1em,
    white 0.1em -0.05em 0.1em, white -0.1em -0.05em 0.1em,
    white 0.05em 0.05em 0.1em, white -0.05em 0.05em 0.1em,
    white 0.05em -0.05em 0.1em, white -0.05em -0.05em 0.1em;
}
.tshadowb{
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;
}
.bgf{background: #ffffff !important;}
.bgb{background: #000000 !important;}
.bgr{background: #ff0000 !important;}
.bgy{background: #ffff00 !important;}
.bg1{background: #c62417 !important;}
.bg2{background: #b22014 !important;}
.bg3{background: #24583b !important;}
.bg4{background: #1d462f !important;}
.bg5{background: #c69c6d !important;}
.bg6{background: #a67c52 !important;}
.bg7{background: #9ebf1a !important;}
.bgb{background: beige !important;}
.bgbb{background: #fffff0 !important;}

.clf{color: #ffffff !important;}
.clb{color: #000000 !important;}
.clr{color: #ff0000 !important;}
.cly{color: #ffff00 !important;}
.cl1{color: #c62417 !important;}
.cl2{color: #b22014 !important;}
.cl3{color: #24583b !important;}
.cl4{color: #1d462f !important;}
.cl5{color: #c69c6d !important;}
.cl6{color: #a67c52 !important;}
.cl7{color: #9ebf1a !important;}

.pr1{background: linear-gradient(transparent 75%, #ffff00 5%); font-weight:bold;}
.pr2{text-decoration: underline 0.2em #ff0000 wavy; text-underline-offset:0.1em; font-weight:bold;}

.fa-fw {
    text-align: left;
    width: 1.4em !important;
}
.fs500{font-size:500% !important;}
.fs400{font-size:400% !important;}
.fs300{font-size:300% !important;}
.fs290{font-size:290% !important;}
.fs280{font-size:280% !important;}
.fs270{font-size:270% !important;}
.fs260{font-size:260% !important;}
.fs250{font-size:250% !important;}
.fs240{font-size:240% !important;}
.fs230{font-size:230% !important;}
.fs220{font-size:220% !important;}
.fs210{font-size:210% !important;}
.fs200{font-size:200% !important;}
.fs190{font-size:190% !important;}
.fs180{font-size:180% !important;}
.fs170{font-size:170% !important;}
.fs160{font-size:160% !important;}
.fs150{font-size:150% !important;}
.fs140{font-size:140% !important;}
.fs130{font-size:130% !important;}
.fs120{font-size:120% !important;}
.fs110{font-size:110% !important;}
.fs100{font-size:100% !important;}
.fs90{font-size:90% !important;}
.fs80{font-size:80% !important;}
.fs70{font-size:70% !important;}
.fs60{font-size:60% !important;}
.fs50{font-size:50% !important;}
.fs40{font-size:40% !important;}
.fs30{font-size:30% !important;}
.fs20{font-size:20% !important;}
.fs10{font-size:10% !important;}
.lh2{line-height:2 !important;}
.lh15{line-height:1.5 !important;}
.lh1{line-height:1 !important;}
.lh05{line-height:0.5 !important;}
.lh0{line-height:0 !important;}
.pdxxx{padding:3em !important;}
.pdxx{padding:2.5em !important;}
.pdx{padding:1.5em !important;}
.pdm{padding:1em !important;}
.pds{padding:0.5em !important;}
.pdss{padding:0.25em !important;}
.pdn{padding:0 !important;}
.pdlrxxx{padding-left:3em !important; padding-right:3em !important;}
.pdlrxx{padding-left:2.5em !important; padding-right:2.5em !important;}
.pdlrx{padding-left:1.5em !important; padding-right:1.5em !important;}
.pdlrm{padding-left:1em !important; padding-right:1em !important;}
.pdlrs{padding-left:0.5em !important; padding-right:0.5em !important;}
.pdlrss{padding-left:0.25em !important; padding-right:0.25em !important;}
.pdlrn{padding-left:0em !important; padding-right:0em !important;}
.pdlxxx{padding-left:3em !important;}
.pdlxx{padding-left:2.5em !important;}
.pdlx{padding-left:1.5em !important;}
.pdlm{padding-left:1em !important;}
.pdls{padding-left:0.5em !important;}
.pdlss{padding-left:0.25em !important;}
.pdln{padding-left:0em !important;}
.pdrxxx{padding-right:3em !important;}
.pdrxx{padding-right:2.5em !important;}
.pdrx{padding-right:1.5em !important;}
.pdrm{padding-right:1em !important;}
.pdrs{padding-right:0.5em !important;}
.pdrss{padding-right:0.25em !important;}
.pdrn{padding-right:0em !important;}
.pdtbxxx{padding-top:3em !important; padding-bottom:3em !important;}
.pdtbxx{padding-top:2.5em !important; padding-bottom:2.5em !important;}
.pdtbx{padding-top:1.5em !important; padding-bottom:1.5em !important;}
.pdtbm{padding-top:1em !important; padding-bottom:1em !important;}
.pdtbs{padding-top:0.5em !important; padding-bottom:0.5em !important;}
.pdtbss{padding-top:0.25em !important; padding-bottom:0.25em !important;}
.pdtbn{padding-top:0em !important; padding-bottom:0em !important;}
.pdtxxx{padding-top:3em !important;}
.pdtxx{padding-top:2.5em !important;}
.pdtx{padding-top:1.5em !important;}
.pdtm{padding-top:1em !important;}
.pdts{padding-top:0.5em !important;}
.pdtss{padding-top:0.25em !important;}
.pdtn{padding-top:0 !important;}
.pdbxxx{padding-bottom:3em !important;}
.pdbxx{padding-bottom:2.5em !important;}
.pdbx{padding-bottom:1.5em !important;}
.pdbm{padding-bottom:1em !important;}
.pdbs{padding-bottom:0.5em !important;}
.pdbss{padding-bottom:0.25em !important;}
.pdbn{padding-bottom:0 !important;}
.mra{margin:0 auto !important;}
.mrxxx{margin:3em !important;}
.mrxx{margin:2.5em !important;}
.mrx{margin:1.5em !important;}
.mrm{margin:1em !important;}
.mrs{margin:0.5em !important;}
.mrss{margin:0.25em !important;}
.mrn{margin:0 !important;}
.mrlrxxx{margin-left:3em !important; margin-right:3em !important;}
.mrlrxx{margin-left:2.5em !important; margin-right:2.5em !important;}
.mrlrx{margin-left:1.5em !important; margin-right:1.5em !important;}
.mrlrm{margin-left:1em !important; margin-right:1em !important;}
.mrlrs{margin-left:0.5em !important; margin-right:0.5em !important;}
.mrlrss{margin-left:0.25em !important; margin-right:0.25em !important;}
.mrlrn{margin-left:0em !important; margin-right:0em !important;}
.mrlxxx{margin-left:3em !important;}
.mrlxx{margin-left:2.5em !important;}
.mrlx{margin-left:1.5em !important;}
.mrlm{margin-left:1em !important;}
.mrls{margin-left:0.5em !important;}
.mrlss{margin-left:0.25em !important;}
.mrln{margin-left:0em !important;}
.mrrxxx{margin-right:3em !important;}
.mrrxx{margin-right:2.5em !important;}
.mrrx{margin-right:1.5em !important;}
.mrrm{margin-right:1em !important;}
.mrrs{margin-right:0.5em !important;}
.mrrss{margin-right:0.25em !important;}
.mrrn{margin-right:0em !important;}
.mrtbxxx{margin-top:3em !important; margin-bottom:3em !important;}
.mrtbxx{margin-top:2.5em !important; margin-bottom:2.5em !important;}
.mrtbx{margin-top:1.5em !important; margin-bottom:1.5em !important;}
.mrtbm{margin-top:1em !important; margin-bottom:1em !important;}
.mrtbs{margin-top:0.5em !important; margin-bottom:0.5em !important;}
.mrtbss{margin-top:0.25em !important; margin-bottom:0.25em !important;}
.mrtbn{margin-top:0em !important; margin-bottom:0em !important;}
.mrtxxx{margin-top:3em !important;}
.mrtxx{margin-top:2.5em !important;}
.mrtx{margin-top:1.5em !important;}
.mrtm{margin-top:1em !important;}
.mrts{margin-top:0.5em !important;}
.mrtss{margin-top:0.25em !important;}
.mrtn{margin-top:0em !important;}
.mrbxxx{margin-bottom:3em !important;}
.mrbxx{margin-bottom:2.5em !important;}
.mrbx{margin-bottom:1.5em !important;}
.mrbm{margin-bottom:1em !important;}
.mrbs{margin-bottom:0.5em !important;}
.mrbss{margin-bottom:0.25em !important;}
.mrbn{margin-bottom:0em !important;}
.pdz{padding-left:1em !important; padding-right:1em !important; padding-bottom:1em !important; padding-top:0em !important;}
.pindex{text-indent: 1em;}
.potl{position: absolute; top:0; left:0;}
.potr{position: absolute; top:0; right:0;}
.pobl{position: absolute; bottom:0; left:0;}
.pobr{position: absolute; bottom:0; right:0;}
.vam{vertical-align: middle;}
@media only screen and (max-width: 359px)
{
.minmbb{display:none !important;}
}
@media only screen and (max-width: 414px)
{
.minmb{display:none !important;}
}
@media only screen and (max-width: 767.9px)
{
.mintb{display:none !important;}
}
@media only screen and (max-width: 1023.9px)
{
.minpc{display:none !important;}
}

@media print, screen and (min-width: 360px)
{
.maxmbb{display:none !important;}
}
@media print, screen and (min-width: 414.1px)
{
.maxmb{display:none !important;}
}
@media print, screen and (min-width: 768px)
{
.maxtb{display:none !important;}
}
@media print, screen and (min-width: 1024px)
{
.maxpc{display:none !important;}
}

/*================================================
 *　tagcloud
 ================================================*/
.tagcloud, .tags{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    clear: both;
}
.tagcloud li, .tags li{
    display: inline-block;
    padding: 0;
    margin: 0 0.2em 0.2em 0;
}
.tagcloud a, .tags a{
 background:#c62417;
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:600;
 white-space: nowrap;
}
.tagcloud a:hover, .tags a:hover{
 color:#fff;
 background:#c62417;
 font-weight:400;
}
.tagcloud a:before, .tags a:before{
 font-family:"Font Awesome 6 Free";
 content:"\f02b"; 
 font-weight:600;
 color:#fff;
 padding-right:6px;
}
.tagcloud a span, .tags a span{
 padding-left:0.5em;
 color:#fff;
}

/*================================================
 *　catcloud
 ================================================*/
.catcloud, .post-categories{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    clear: both;
}
.catcloud li, .post-categories li{
    display: inline-block;
    padding: 0;
    margin: 0 0.2em 0.2em 0;
}
.catcloud a, .post-categories a{
 background:#b22014;
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:600;
 white-space: nowrap;
}
.catcloud a:hover, .post-categories a:hover{
 background:#c62417;
 color:#fff;
 font-weight:400;
}
.catcloud a:before, .post-categories a:before{
 font-family:"Font Awesome 6 Free";
 content:"\f35a"; 
 font-weight:600;
 color:#fff;
 padding-right:6px;
}
.catcloud a span, .post-categories a span{
 padding-left:0.5em;
 color:#fff;
}

/*================================================
 *　pagination
 ================================================*/
.pagination {
  margin: 0 auto 2em;
  padding: 0em 0;
  text-align: center;
  display: block;
}
.pagination a {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: #c62417;
  transition: .3s
}
.pagination a:hover {
  color: #fff;
  background: #c62417;
}
.pagination span {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: #c62417;
}
.pagination span.dots {
  background: 0
}
.pagination span.current {
  background: #c62417;
  color: #fff
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 45px;
  right: 10px;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  text-decoration: none;
  transition: .5s;
}
#page-top{background: #c62417;}
#page-top:hover{background: #c62417;}
#page-top a
{
  font-size:1em;
  color:#fff;
  text-decoration:none;
}
#page-top a:hover
{
  font-size:1.1em;
  color:#fff;
}

/*================================================
 *  tab
 ================================================*/
.tab-wrap {
	background: White;
	display: inline-flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 0px;
    margin-top:1em;
}
.tab-label {
	color: Gray;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 30px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border-bottom: 3px solid #ddd;
	background: beige;
}
.tab-label:hover {
	background: #fffff0;
}
.tab-switch:checked + .tab-label {
	color: #fff;
	background: #c62417;
}
.tab-label::after {
	color: #fff;
	background: Gray;
    bottom:-3px;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;
}
.tab-switch:checked ~ .tab-label::after {
	transform: translateX(-100%);
}
.tab-switch:checked + .tab-label::after {
	opacity: 1;
	transform: translateX(0);
}
.tab-content {
	height:0;
	opacity:0;
	padding: 0 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}
.tab-switch:checked ~ .tab-content {
	transform: translateX(30%);
}
.tab-switch:checked + .tab-label + .tab-content {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}
.tab-wrap::after {
	content: '';
	height: 5px;
	order: -1;
	width: 100%;
}
.tab-switch {
	display: none;
}
.tabr{width:35%;}
.tabl{width:65%;}
.tabin {
    position: relative;
    background:#eee;
    border: 1px solid #ccc;
    float: left;
    line-height:1.05;
    display:block;
    width:100%;
    height:55px;
}
.tabin a {
    display:block;
    text-decoration:none;
    text-align: left;
    font-weight: bold;
    position: absolute;
    top: 0;
    width: 100%;
}
#sidebar .tabin a img {
    position: absolute;
    top:0;
    left:0;
    width:35%;
    height: auto;
    margin: 0;
    padding: 0;
}
.tabt{height:100%; width:63%; margin-left:37%; font-size:0.8em;}
.tabt p{margin:0.2em 0 0; line-height:1.2;}
.tabrank {position:absolute; left:0; top:0; background-color:#BF9265; color:#ffffff; font-size:1em; font-weight:400; width:1.2em; height:1.2em; line-height:1.2em; border-radius:50%; text-align:center; vertical-align:middle; text-decoration:none;}
@media only screen and (min-width: 768px) and (max-width: 1149.9px)
{
.tab-wrap {width:500px; margin-left: calc(50% - 250px); margin-top:1em; margin-bottom:1em;}
.tabin {height:100px;}
.tabt{height:100%; width:58%; margin-left:42%; font-size:1em;}
.tabt p{margin:0.8em 0 0; line-height:1.5;}
}
@media only screen and (min-width: 320.1px) and (max-width: 767.9px)
{
.tab-wrap {width:320px; margin-left: calc(50% - 160px); margin-top:1em; margin-bottom:1em;}  
}
@media only screen and (max-width: 320px){
.tab-wrap {width:250px; margin-left: calc(50% - 125px); margin-top:1em; margin-bottom:1em;}
}


/*================================================
 *　question
 ================================================*/
.question {
    background: url(../images/q.png) no-repeat;
    background-position: top left;
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding-top: 3px;
    padding-left: 40px;
    min-height: 40px;
    color: #c62417;
}
.answer {
    background: url(../images/a.png) no-repeat;
    background-position: top left;
    margin-bottom: 1.5em;
    padding-top: 3px;
    padding-left: 40px;
    min-height: 40px;
}

/*================================================
 *  mokujibox
.mokujibox{
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    max-width:640px;
    margin: 1em auto 1em;
    padding: 0;
}
.mokujiin{
        display:block;
    clear: both;
    overflow: hidden;
    margin: 0.5em 0 0;
    padding: 0.6em 1em 0em 2.5em;
    border:#c62417 dashed 0.05em;
    background:#fffff0;

}
.mokujibox label {
  background: #c62417;
  text-align:center;
  color: #fff;
  padding: 0.4em 0 0.3em;
  display: block;
  width: 6em;
  border: 1px solid #fff;
  border-radius:5px;
  cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 2.5em;
    position: relative;
    z-index:2;
}

.mokujibox label:hover {
  background: #c62417;
}
.mokujibox input[type="checkbox"], .mokujibox  input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.5em;
}
.mokujibox input[type="checkbox"].on-off{
  display: none;
}
.mokujibox ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
 ================================================*/
*/
/*
.mokujibox input[type="checkbox"].on-off + div{
  display: none;
}
.mokujibox input[type="checkbox"].on-off:checked + div{
  display: block;
}
*/
/*---最初閉じているタイプ-----------
.mokujibox input[type="checkbox"].on-off + div{
  display: block;
}
.mokujibox input[type="checkbox"].on-off:checked + div{
  display: none;
}*/

/*================================================
 *  calendar
#calendar_wrap{
  padding-top:10px;
  padding-bottom:10px;
  background:#fff;
}
#wp-calendar{
  width: 100%;
  font-size:12px;
  padding-top: 10px;
}
#wp-calendar tr{
  display: flex;
  justify-content: flex-start;
}
#wp-calendar tr:first-of-type{
  justify-content: flex-end;
}
#wp-calendar th,
#wp-calendar td{
  display: block;
  width: calc(100% / 7);
  text-align: center;
  margin-bottom: 10px;
}
#wp-calendar td:last-of-type,
#wp-calendar th:last-of-type{
  color: red;
}
#wp-calendar td a{
  padding: 0;
}
#wp-calendar tfoot tr{
  display: flex;
  justify-content: center;
}
#wp-calendar tfoot tr td{
  width: calc(100% / 3);
}
#wp-calendar #today a,
#wp-calendar #today{
  color: white;
  background-color:#6699ff;
  font-weight:bold;
}
.wp-calendar-nav-prev{margin-left: 10px;}
.wp-calendar-nav-next{margin-right: 10px;}
 ================================================*/


/*================================================
 *  search box
.sb {
    width: 90%;
    margin:0;
    padding: 0;
    display: block;
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 20vw;
    left: 5%;
}
.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: -webkit-calc(88% - 1em);
    width: calc(88% - 1em);
    margin: 0.8em 1% 0.8em;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 2px solid #24583b;
    background: #ffffff;
    float: left;
}
.sb_cat {
    overflow: hidden;
    width: 98%;
    margin: 0.8em 1% 0.8em;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 2px solid #24583b;
    background: #ffffff;
    float: left;
}
.sb_s input[name="s"]{
	width: 100%;
	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: 0.8em 2em 0.8em 0.5em;
	color: #24583b;
        margin:unset;
}
.sb_s input[name="s"]::placeholder{color:#24583b;}

.sb_cat select {
	cursor: pointer;
    width: 100%;
	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: 0.8em 2em 0.8em 0.5em;
	color: #24583b;
        margin:unset;
}
.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 #24583b;
	pointer-events: none;
}
.sb_sub{overflow: hidden; float: left; text-align:center; margin: 0 0 0 0.8em;}
.sb_sub input[type="submit"]{padding: 0.7em; margin: 0.7em auto;}
.sb_sub:hover {
    border: 2px solid #ff8000;
    background: #ff8000;  
}

@media screen and (max-width: 790px){
.sb_sub {left: -webkit-calc(50% - 40px); left: calc(50% - 40px);}
}
@media print, screen and (min-width: 768px){
.sb h1, .sb h1 abbr{font-size: 36px;}
.sb_sub {width:10%; float:right; margin:0 auto 2em;}
}
@media print, screen and (min-width: 1024px){
.sb {top:5vw;}
}
 ================================================*/


@media print{
.print_pages { size: A4; page-break-before: always;}
header, footer, #sidebar, #subbox , .fixfoot, .top-fixed, .side-fixed, .btn-fixed, .vwrap, #page-top, #g-menu{display:none !important;}
#contents, #main{width:100% !important; max-width:297mm !important; font-size:14px;}
}
@media all and (-ms-high-contrast: none){
  .print_pages.page-break {page-break-before: auto;}
}