@charset "utf-8";
.grecaptcha-badge { visibility: hidden; }
/*-common ------------------------------------------------
footer #0a85b3
sidemenu sidenav #0a85b3            //
nav-box and li h6 m6 #1588b3
pagetop side12 rgba(10, 133, 179,
submenu li #4ea8ca
box bg #b8860b
box shadow rgba(136, 98, 34
menu and sidemenu and submenu li hover #34b4e4
a cv-btn clicka submit bg #ff6633
a hover #ff7e14
footer sidemenu sidenav a menu color submit color #fff9c6
footer sidemenu sidenav a hover menu color active #fff38e
widget-title bg #56381b             //
widget-title  cl #fffff7            //
top-marquee #4a4132                 //
th bg h2 m2 box solid #0f688a
td rgba(239, 254, 255,
h2 #b8860b
h2 before #b38d0a
cl6 bg6 ol ul #b3380a
olb ulb barb cv-btn hover #d3c12d
sec1 bg #fff8c2
sec2 bg #ebf8ff
bbtn bibtn topbg h3 menu-btn #b38d0a
----------------------------------------------------------*/
/*コピペガードなし
p,
img,
ul,
ol {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/

/*------------------------------------------------------------------------------------------------base-*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
*{zoom:1;}
.cf {zoom: 1;}
.cf:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.hr0{clear:both; line-height:1.4;}
a:link,previous a:link,next a:link{color:#ff6633;}
a:visited{color:#ff6633;}
a:active{color:#ff6633;}
a:hover{color:#ff7e14;}
a:hover img{opacity:0.8;}
img{max-width:100%;}
a img{
transition: ease 0.3s all;
    transform: scale(1.0);
    opacity: 1;
}
a:hover img{
    transform: scale(0.96);
    opacity: 0.9;
}
a{
    background-color:transparent;/*基本の背景色（好きな色）*/
    -webkit-touch-callout:none;/*デフォルトのタッチした時のハイライトを消す*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);/*デフォルトのタッチした時のハイライトを消す*/
}
.tdn{text-decoration:none;}
#form, #map{
  margin-top : -60.1px;
  padding-top : 60.1px;
}
p{margin:0em 0.5em 1em; line-height: 1.5em;}

/*------------------------------------------------------------------------------------------------wrap-*/
html {  
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial, Helvetica;
    color: #333333;
    word-wrap:break-word;
    -webkit-text-size-adjust:100%;
    overflow-x:hidden;
    font-size: 16px;
}
.centerl {text-align:left !important;}
@media screen and (min-width: 640px)
{
body{
    font-size: -webkit-calc(100vw / 40);
    font-size: calc(100vw / 40);
}
/*.main{font-size:50%;}*/
.centerl {text-align:center !important;}
}
@media print, screen and (min-width: 960px)
{
body{font-size: 24px;}
/*.main{font-size:33.333333%;}*/
}
.main {
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0;
    padding:0;
    display:block;
    clear:both;
    /* overflow:hidden; */
    position:relative;
}
#header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    overflow:hidden;
    text-align: center;
    background-color:#ffffff;
    position:fixed;
    top:0;
    z-index: 2;
}
article {
        width:100%;
	margin:120px 0 0 0;
	padding:0 0 6.3em 0;
	display:block;
        clear:both;
        word-wrap:break-word;
background-color: #faffef;
}
.contents {
        width:100%;
	margin:0 auto;
        padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
        float:left;
        background-color: #faffef;
}
@media print, screen and (min-width: 960px)
{
#header {position:unset;}
article{margin:0 0 -32768px 0;}
/*.contents {padding:0 0 5.6em 0;}*/
}

.headerc{display:none;}
.headerl{width:-webkit-calc(100vw - 60px); width:calc(100vw - 60px); float:left; height:60px; margin:0 auto; padding:0; display:block; overflow:hidden;}
.logoimgs{height:60px; width:auto; padding:0 10px;}
.headerr{width:100%; height:60px; margin:0 auto; padding:0; display:block; overflow:hidden;}
.headerimg{width:auto; max-width:-webkit-calc(25vw - 10px); max-width:calc(25vw - 10px); height:60px; margin:0 5px 0; padding:0; display:block; float:right;}
.renrakuimg{
    width: auto;
    height: 60px;
    display: block;
    overflow: hidden;
    padding: 5px;
margin: 0 auto;
}
@media print, screen and (min-width: 480px)
{
.headerr{width:100%;}
}
@media print, screen and (min-width: 960px)
{
.headerl{height:60px; width:auto; float:left;}
.headerr{float:right; width:auto;}
.headerimg{width:auto; max-width:unset; height:60px; margin:0 5px 0 0; padding:0; display:block; float:right;}
.top4{width:auto;}
}
@media print, screen and (min-width: 1240px)
{
.headerc{width:405px; height:60px;text-align:left; font-size:18px; line-height:1.4; margin:0; padding:7px 10px 0 5px; display:block; float:right; overflow:hidden;}
}
.headerl > p{margin:0; padding:0;}
.headerr > p{margin:0; padding:0;}
.headerr > p{margin:0; padding:0;}
.headerc > p{margin:0; padding:0;}

/*------------------------------------------------------------------------------------------------breadcrum-*/
#breadcrumb {margin:0.8em auto 0.2em 0.5em;}
#breadcrumb ul {
    font-size:0.9em;
    margin: 0;
    padding: 0;
    text-indent:0.5em;
}
#breadcrumb ul li {
    display: inline;
    list-style: none;
    color: #ff6633;
    font-weight: bold;
}
#breadcrumb ul li:first-child:before {
    content: none;
}
#breadcrumb ul li:before {
    content: '>';
    margin: 0 0.15em 0 0;
    color: #777777;
}
#breadcrumb ul li > a{
    color: #ff6633;
    margin-right: 0.15em;
    text-decoration: none;  
}
#breadcrumb ul li a:hover {
    text-decoration: underline;
    color: #a07936;
}
@media screen and (max-width: 500px) {
    #breadcrumb ul li span.e-title{
        display: block;
    }   
}
@media screen and (min-width: 640px) {
#breadcrumb ul {font-size:0.6em;}
}
@media screen and (min-width: 980px) {
#breadcrumb ul {font-size:1.2em;}
}

#footer {
        position: absolute;
        bottom: 0;
        width:100%;
        height:9em;
        margin:0;
	padding:0;
	display:block;
        clear:both;
        background-color: #0a85b3;
        font-size:0.7em;
}
section {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        overflow:hidden;
}
/*------------------------------------------------------------------------------------------------h m-*/
h1:not(.noh){
    margin:0.8em 0 0.2em 1em;
    padding-left: 0.1em;
    font-weight:bold;
    text-align:left;
    color:#b8860b;
}
.pr1{color:red; font-weight:bold;}
.pr1 strong{font-size:2em;}
.pr2{background: linear-gradient(transparent 75%, #ffff00 5%); font-weight:bold;}
#ohaka h1{color:#B38C0A;}
#kuyou h1{color:#B3380A;}
#sougi h1{color:#b30a85;}
#infonews h1{color:#B38C0A;}
h1:not(.noh)::before {
    content: " ";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background: url(../images/logomarkb.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin: 0 0.2em 0 -1.1em;
}
.box1 h1{margin:0.4em 0 0.2em 1em;}
h2:not(.noh), .m2{
    margin: 0.5em 0 0.2em;
    font-weight:bold;
    text-align: center;
    color:#0a85b3;
}
h2:not(.noh)::before, h2:not(.noh)::after {
    content: " ";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url(../images/ma.png);
    background-size: contain;
    vertical-align: top;
}
h2:not(.noh)::before{margin:0 0.2em 0 0;}
h2:not(.noh)::after {
    right: 0;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin:0 0 0 0.2em;
}
.inner > h2:not(.noh)::before, .inner > h2::after {content:none;}
h3:not(.noh){margin: 0 auto 0.5em; padding:0.5em 0 0.2em; line-height:1.2; font-weight:bold; color:#1588b3; display:block; clear:both; overflow:hidden; /*text-shadow: 0.1em 0.1em 0.2em rgba(153, 153, 153, 0.5);*/}
h4:not(.noh){margin: 0 auto 0.5em; padding:0.5em 0 0.2em; line-height:1.2; font-weight:bold; color:#b8860b; display:block; clear:both; overflow:hidden; /*text-shadow: 0.1em 0.1em 0.2em rgba(153, 153, 153, 0.5);*/}
h5:not(.noh) {
    font-weight: bold;
    color: #b8860b;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto 0.5em;
    line-height: 1.2;
    text-align: center;
}
h5:not(.noh):before{
    display: inline-block;
    content: '／';
    -ms-filter: "FlipH";
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    color: #e5c144;
}
h5:not(.noh):after{
    content: '／';
    color: #e5c144;
}
h6 {
position: relative;
padding-left: 1em;
padding-top:0.5em;
margin:0 auto 0.5em;
}

h6:before {
position: absolute;
content: '';
bottom: -0.2em;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 0.5em transparent;
border-bottom: solid 0.5em rgb(119, 195, 223);
}
h6:after {
position: absolute;
content: '';
bottom: -0.2em;
left: 0.4em;
width: 70%;
border-bottom: solid 0.15em rgb(119, 195, 223);
}
h7:not(.noh){
position: relative;
margin:0.7em 0 0.7em;
padding: 0.3em 1.5em;
border-top: solid 0.1em black;
border-bottom: solid 0.1em black;
}
h7:not(.noh):before, h7:not(.noh):after{
content: '';
position: absolute;
top: -0.7em;
width: 0.1em;
  height: -webkit-calc(100% + 1.4em);
height: calc(100% + 1.4em);
background-color: black;
}
h7:not(.noh):before {left: 0.7em;}
h7:not(.noh):after {right: 0.7em;}

#bloger h2:not(.noh), #bloger h3:not(.noh), #bloger h4:not(.noh), #bloger h5:not(.noh){margin-top:2em; margin-bottom:1em;} 


.ma{
    margin:0.5em 0 0.5em 1em;
    font-weight:bold;
    text-align:left;
    color:#800000;
}
.ma::before {
    content: " ";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url(../images/logomark.png);
    background-size: contain;
    vertical-align: top;
    margin: 0 0.3em 0 -1em;
}
.mb{
    margin: 0.5em 0 0.2em;
    font-weight:bold;
    text-align: center;
    color:#0a85b3;
}
.mb::before, .mb::after {
    content: " ";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url(../images/ma.png);
    background-size: contain;
    vertical-align: top;
}
.mb::before{margin:0 0.2em 0 0;}
.mb::after {
    right: 0;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin:0 0 0 0.2em;
}
.str{
       font-weight: bold;
       background-color: #dcdc4b !important;
       color:#800000 !important;
       padding: 0.1em 0.8em 0;
       line-height: 1.5;
}
.inner{
        width:96%;
        font-size:96%;
        margin:0 auto;
        padding:0;
        display:block;
        clear:both;
        overflow: hidden;
}
.innern {width:100%;}

@media only screen and (max-width: 360px)
{
h1, h2, h3, h4, h5, h6, .ma, .str, .m2
{font-size:16px;}
}
@media only screen and (min-width: 361px)and (max-width: 414px)
{
h1, h2, h3, h4, h5, h6, .ma, .str, .m2
{font-size:18px;}
}
@media only screen and (min-width: 415px)and (max-width: 640px)
{
h1, h2, h3, h4, h5, h6, .ma, .str, .m2
{font-size:1.8em;}
div.inner > h2, div.inner > .m2{font-size:2.2em;}
}
@media only screen and (max-width: 640px)
{
.box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 h6, .box1 .ma, .box1 .str,
.box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 h5, .box2 h6, .box2 .ma, .box2 .str,
.box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6, .box3 .ma, .box3 .str
{font-size:1.1em;}
.b2b h1, .b2b h2, .b2b h3, .b2b h4, .b2b h5, .b2b h6, .b2b h6, .b2b .ma, .b2b .str
{font-size:1.1em;}
.b3b h1, .b3b h2, .b3b h3, .b3b h4, .b3b h5, .b3b h6, .b3b h6, .b3b .ma, .b3b .str
{font-size:1.1em;}
.topcatch h2{font-size:1.1em; margin: 0.2em 0 0.4em;}
}
@media only screen and (min-width: 640px)
{
h1, h2, h3, h4, h5, h6, .ma, .str, .m2
{font-size:1.8em;}
div.inner > h2, div.inner > .m2{font-size:2.2em;}
.box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 h6, .box1 .ma, .box1 .str,
.box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 h5, .box2 h6, .box2 .ma, .box2 .str,
.box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6, .box3 .ma, .box3 .str
{font-size:1.65em;}
.b2b h1, .b2b h2, .b2b h3, .b2b h4, .b2b h5, .b2b h6, .b2b h6, .b2b .ma, .b2b .str
{font-size:1.65em;}
.b3b h1, .b3b h2, .b3b h3, .b3b h4, .b3b h5, .b3b h6, .b3b h6, .b3b .ma, .b3b .str
{font-size:1.65em;}
}
@media only screen and (min-width: 960px)
{
h1, h2, h3, h4, h5, h6, .ma, .str, .m2
{font-size:2.8em;}
div.inner > h2, div.inner > .m2{font-size:3.7em;}
}

.btn, div.dbtn a{
font-size: 1.5em;
    display: inline-block;
    max-width: 300px;
    text-align: center;
    border: 2px solid #db7abf;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    padding: 0.5em 0.5em 0.4em;
    margin: 1em;
    border-radius: 4px;
    transition: .4s;
    background: #db7abf;
}

.btn:hover, div.dbtn a:hover{
  background-color: #fff;
  border-color: #db7abf;
  color: #db7abf !important;
}

.b1 h1, .b1 h2, .b1 h3, .b1 h4, .b1 h5, .b1 h6, .b1 h6, .b1 .ma, .b1 .str
{font-size:1.1em;}
.b2 h1, .b3 h1, .b4 h1, .b5 h1, .b6 h1, .b7 h1, .b8 h1, .b9 h1, .b10 h1,
.b2 h2, .b3 h2, .b4 h2, .b5 h2, .b6 h2, .b7 h2, .b8 h2, .b9 h2, .b10 h2,
.b2 h3, .b3 h3, .b4 h3, .b5 h3, .b6 h3, .b7 h3, .b8 h3, .b9 h3, .b10 h3,
.b2 h4, .b3 h4, .b4 h4, .b5 h4, .b6 h4, .b7 h4, .b8 h4, .b9 h4, .b10 h4,
.b2 h5, .b3 h5, .b4 h5, .b5 h5, .b6 h5, .b7 h5, .b8 h5, .b9 h5, .b10 h5,
.b2 h6, .b3 h6, .b4 h6, .b5 h6, .b6 h6, .b7 h6, .b8 h6, .b9 h6, .b10 h6,
.b2 ma, .b3 ma, .b4 ma, .b5 ma, .b6 ma, .b7 ma, .b8 ma, .b9 ma, .b10 ma,
.b2 str, .b3 str, .b4 str, .b5 str, .b6 str, .b7 str, .b8 str, .b9 str, .b10 str,
.b3b h1, .b3b h2, .b3b h3, .b3b h4, .b3b h5, .b3b h6, .b3b h6, .b3b .ma, .b3b .str
{font-size:1.1em;}


.b2 p{margin:0.5em 0 0.5em 0.56em; line-height: 1.5em;}
.b2b p{margin:0.5em 0.56em 1em 0.56em; line-height: 1.5em;}
.b3 p, .b3b p{margin:0.5em 0 1em 0.56em; line-height: 1.5em;}
.b4 p{margin:0.5em 0 em 0.14em; line-height: 1.5em;}
.b5 p{margin:0.5em 0 1em 0.06em; line-height: 1.5em;}
.b6 p{margin:0.5em 0 1em 0.06em; line-height: 1.5em;}
.b7 p{margin:0.2em 0 1em 0.24em; line-height: 1.5em;}
.b8 p{margin:0.2em 0 1em 0.24em; line-height: 1.5em;}
.b9 p{margin:0.2em 0 1em 0.1em; line-height: 1.5em;}
.b10 p{margin:0.2em 0 1em 0.1em; line-height: 1.5em;}
.b1, .b2, .b2b, .b3, .b3b, .b4, .b5, .b6, .b7, .b8, .b10
{  
        margin:0 auto;
        padding:0;
        display:block;
        overflow:hidden;
        float:left;
}
.b1, .b2, .b2b, .b3, .b3b{width:100%;}
.b4{width:100%; font-size:133.333333%;}
.b8, .b7{width:50%; font-size:133.333333%;}
.b10{width:50%; font-size:166.666666%;}
.b6, .b5{width:50%;}  
.b9
{
        width:33.333333%;
        font-size:100%;
        margin:0 auto;
        padding:0;
        display:block;
        overflow:hidden;
        float:left;
}

.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;}
.b75l{display:block;padding:0;margin:0;width:75%;float:left;}
.b75r{display:block;padding:0;margin:0;width:25%;float:right;}
.b25l{display:block;padding:0;margin:0;width:25%;float:left;}
.b25r{display:block;padding:0;margin:0;width:75%;float:right;}
.bb55l, .bb55r, .bb64l, .bb64r, .bb46l, .bb46r,
.bb73l, .bb73r, .bb37l, .bb37r, .bb82l, .bb82r,
.bb28l, .bb28r, .bb91l, .bb91r, .bb19l, .bb19r,
.bb33l, .bb33c, .bb33r, .bb44{display:block; padding:0; margin:0; width:100%;}
.n55l, .n55r, .n64l, .n64r, .n46l, .n46r,
.n73l, .n73r, .n37l, .n37r, .n82l, .n82r,
.n28l, .n28r, .n91l, .n91r, .n19l, .n19r,
.n33l, .n33c, .n33r, .n44{display:none;}
/*
.b55l, .b55r, .b64l, .b64r, .b46l, .b46r,
.b73l, .b73r, .b37l, .b37r, .b82l, .b82r,
.b28l, .b28r, .b91l, .b91r, .b19l, .b19r,
.b33l, .b33c, .b33r, .b44,
.bb55l, .bb55r, .bb64l, .bb64r, .bb46l, .bb46r,
.bb73l, .bb73r, .bb37l, .bb37r, .bb82l, .bb82r,
.bb28l, .bb28r, .bb91l, .bb91r, .bb19l, .bb19r,
.bb33l, .bb33c, .bb33r, .bb44,
.n55l, .n55r, .n64l, .n64r, .n46l, .n46r,
.n73l, .n73r, .n37l, .n37r, .n82l, .n82r,
.n28l, .n28r, .n91l, .n91r, .n19l, .n19r,
.n33l, .n33c, .n33r, .n44{font-size:33.333333%;}
*/
.bi, .bib{
    position:relative;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.bi{background-color: rgba(10, 179, 141, 0.8); border: solid 0.5em #0ab38d;}
.bib{background-color: rgba(179, 141, 10, 0.8); border: solid 0.5em #b38d0a;}
.bi a, .bib a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#ffffff;
    text-decoration:none;
    z-index: 2;
}
.bi a:after, .bib a:after {
    position: absolute;
    bottom: 0.1em;
    right: 0.5em;
    display: block;
    font-family: FontAwesome;
    content: "\f0a9";
    color:#ffffff;
    font-size: 1.5em;
}
.bi a:hover:after, .bib a:hover:after {
    color:#ff6633;
    right: 0.3em;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.bi p, .bib p{
    position: absolute;
    background: rgba(10, 179, 141, 0.3);
    top: 0;
    left: 0;
    width: 65%;
    height: auto;
    padding: 2.1em 0.5em 0 !important;
    margin: 0 !important;
    line-height: 1.2em !important;
    text-shadow:-0.04em -0.04em #333, 0.04em -0.04em #333, -0.04em 0.04em #333, 0.04em 0.04em #333;
}
.bi img, .bib img{
    width: 50% !important;
    margin-left: 48% !important;
    margin-top: 1em;
    margin-bottom: 0.6em;
    border-radius: 0.5em;
    transition: 0.8s;
    opacity:1;
}
.bi:hover img, .bib:hover img{transform:scale(0.9); opacity:0.9;}
.bi h2, .bib h2{font-size:140%; line-height:0.9; color:#ffffff; margin: 0.4em 0 0 0.15em; text-shadow:-0.05em -0.05em #000000,0.05em -0.05em #000000,-0.05em 0.05em #000000,0.05em 0.05em #000000;}
.bi h2:before, .bi h2:after, .bib h2:before, .bib h2:after{display:none;}
.bi a:hover, .bib a:hover{color:#ff6633 !important; background-color:rgba(255, 241, 131,0.2); text-shadow:-0.05em -0.05em #ffffff,0.05em -0.05em #ffffff,-0.05em 0.05em #ffffff,0.05em 0.05em #ffffff;}
.bi a:hover h2, .bib a:hover h2{color:#ff6633 !important; text-shadow:-0.05em -0.05em #ffffff,0.05em -0.05em #ffffff,-0.05em 0.05em #ffffff,0.05em 0.05em #ffffff;}

.rank-num {
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        padding: 0.2em 0.35em 0.1em 0.2em;
        font-size: 0.8em;
        font-style: italic;
        font-weight: bold;
        line-height:1;
        background-color: #f0e68c;
        color: #321602;
}
.card-text {
        position: absolute;
        text-align: center;
        right: 15%;
        bottom: 0;
        font-size: 0.6em;
        margin-bottom: -0.3em;
}
.card-text > a:link, .card-text > a:visited, .card-text > a:active, .card-text > a{text-decoration:none;}
.all,.brandinggaisya{background-color:#b0a337; color:#ffffff; padding:0.2em 0.5em 0;}
.blog{background-color:#b0a337; color:#ffffff; padding:0.2em 0.5em 0;}
.branding-kouza{background-color:#b0a337; color:#ffffff; padding:0.2em 0.5em 0;}
.seo-taisaku{background-color:#3399cc; color:#ffffff; padding:0.2em 0.5em 0;}
.rebranding{background-color:#321602; color:#ffffff; padding:0.2em 0.5em 0;}
.web-branding{background-color:#000080; color:#ffffff; padding:0.2em 0.5em 0;}
.branding-seminar{background-color:#006400; color:#ffffff; padding:0.2em 0.5em 0;}
.branding-method{background-color:#ff8c00; color:#ffffff; padding:0.2em 0.5em 0;}
.branding-case{background-color:#8b008b; color:#ffffff; padding:0.2em 0.5em 0;}

.copyright{line-height:1.5em; color:#fff9c6; max-width:100%; margin:0 auto; padding:0.5em 0 0; text-align:center;}
.copyright a{color:#fff9c6;text-decoration:none;}
.copyright a:active{color:#fff9c6;text-decoration:none;}
.copyright a:visited{color:#fff9c6;text-decoration:none;}
.copyright a:hover{color:#fff38e;text-decoration:none;}
.footlink{line-height:1.5em; color:#fff9c6; max-width:100%; margin:0 auto; padding:0.5em 0.2em 0; text-align:center;}
.footlink a{color:#fff9c6; padding-left:0.5em; padding-right:0.5em; text-decoration:none;}
.footlink a:active{color:#fff9c6; text-decoration:none;}
.footlink a:visited{color:#fff9c6; text-decoration:none;}
.footlink a:hover{color:#fff38e; text-decoration:none;}

/*
.fixfoot{display:block; position:fixed; left:0; bottom:0; width:100%; z-index:50;}
.cvsec{padding:0.5em 0; background:linear-gradient(-180deg, rgba(255, 255, 224, 0.3) 0%, #f0e68c 25%, #eddc53 50%, #f0e68c 75%, rgba(255, 255, 224, 0.3) 100%);}
.cvbi{
    position:relative;
    width:100%;
    max-width:900px;
    height:100%;
    margin:0 auto;
    padding:0;
}
.cvbi a{
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    margin: 0 5%;
    border-radius: 5px 12px;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
    z-index: 2;
    padding: 0.9em 0 0 1.6em;
    font-size: 1.4em;
}
.cvbi a:hover{color:#ff7e14; font-weight:bold;}
.cvbi a:after {
    position: absolute;
    top: 40%;
    left: 0.5em;
    display: block;
    font-family: FontAwesome;
    content: "\f0a9";
    color: #ffffff;
    font-size: 0.85em;
}
.cvbi a:hover:after {
    color:#ff6633;
    left: 0.8em;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.cvbi img{width:90%; height:auto; border-style:none; display:block; margin:0 auto; box-shadow:-0.2em 2.5em 2.5em -2.5em rgba(0, 0, 0, 0.8);}
.cvbi:hover img {transform:scale(0.99);}
*/
@media only screen and (min-width: 640px)
{
.b1, .copyright, .footlink{font-size:100%;}
.b2{width:50%; font-size:100%;}
.b2b{width:100%; font-size:100%;}
.b4{width:50%; font-size:100%;}
.b8, .b7{width:25%; font-size:100%;}
.b10{width:20%; font-size:100%;}
.b3{width:50%; font-size:100%;}
.b3b{width:33.333333%; font-size:66.66666%;}
.b6, .b5{width:33.333333%; font-size:100%;}
.b9{width:33.333333%; font-size:150%;}
.n55l{display:block;width:50%;float:left;}
.n55r{display:block;width:50%;float:right;}
.n64l{display:block;width:60%;float:left;}
.n64r{display:block;width:40%;float:right;}
.n46l{display:block;width:40%;float:left;}
.n46r{display:block;width:60%;float:right;}
.n73l{display:block;width:70%;float:left;}
.n73r{display:block;width:30%;float:right;}
.n37l{display:block;width:30%;float:left;}
.n37r{display:block;width:70%;float:right;}
.n82l{display:block;width:80%;float:left;}
.n82r{display:block;width:20%;float:right;}
.n28l{display:block;width:20%;float:left;}
.n28r{display:block;width:80%;float:right;}
.n91l{display:block;width:90%;float:left;}
.n91r{display:block;width:10%;float:right;}
.n19l{display:block;width:10%;float:left;}
.n33l{display:block;padding:0;margin:0;width:33%;float:left;}
.n33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.n33r{display:block;padding:0;margin:0;width:33%;float:right;}
.n44{display:block;padding:0;margin:0;width:25%;float:left;}
.n19r{width:90%;float:right;}
.bb55l{width:50%;float:left;}
.bb55r{width:50%;float:right;}
.bb64l{width:60%;float:left;}
.bb64r{width:40%;float:right;}
.bb46l{width:40%;float:left;}
.bb46r{width:60%;float:right;}
.bb73l{width:70%;float:left;}
.bb73r{width:30%;float:right;}
.bb37l{width:30%;float:left;}
.bb37r{width:70%;float:right;}
.bb82l{width:80%;float:left;}
.bb82r{width:20%;float:right;}
.bb28l{width:20%;float:left;}
.bb28r{width:80%;float:right;}
.bb91l{width:90%;float:left;}
.bb91r{width:10%;float:right;}
.bb19l{width:10%;float:left;}
.bb19r{width:90%;float:right;}
.bb33l{display:block;padding:0;margin:0;width:33%;float:left;}
.bb33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.bb33r{display:block;padding:0;margin:0;width:33%;float:right;}
.bb44{display:block;padding:0;margin:0;width:25%;float:left;}
/*
#footer{height:13em;}
.contents {padding:0 0 calc(13em - 60px) 0;}
.cvbi a{font-size:2em;}
*/
}
@media only screen and (min-width: 750px)
{
.inners {
        width:750px;
        font-size:12.5px;
        margin-left: -webkit-calc(50vw - 375px);
        margin-left: calc(50vw - 375px);
        margin-right: -webkit-calc(50vw - 375px);
        margin-right: calc(50vw - 375px);

}
}
@media only screen and (min-width: 960px)
{
.inner {
        width:960px;
        font-size:16px;
        margin-left: -webkit-calc(50vw - 480px);
        margin-left: calc(50vw - 480px);
        margin-right: -webkit-calc(50vw - 480px);
        margin-right: calc(50vw - 480px);

}

.innern {
        width: 100vw;
        margin-left: -240px;
        margin-right: -240px;
}
.b1, .copyright, .footlink{font-size:100%;}
.b2b{width:50%; font-size:100%;}
.b2{width:33.333333%; font-size:100%; margin-left:8.333333%; margin-right:8.333333%;}
.b4{width:25%; font-size:100%;}
.b8, .b7{width:12.5%; font-size:100%;}
.b10{width:10%; font-size:100%;}
.b3, .b3b{width:33.333333%; font-size:100%;}
.b6, .b5{width:16.666666%; font-size:100%;}
.b9{width:11.111111%; font-size:100%;}
/*
.cvbi a{font-size:3.5em;}
.fixfoot{display:none;}
#footer{height:8em;}
.contents {padding:0 0 calc(8em - 60px) 0;}
*/
}

@media only screen and (min-width: 1200px)
{
.inner {width:80%;  margin:0 auto;}
.innern {width:125%; margin-left:-12.5%; margin-right:-12.5%;}
}

/*------------------------------------------------------------------------------------------------btn-*/
.bbtn {
  color:#ffffff !important;
  background: #b38d0a;
  font-size: 1em;
  font-weight: bold;
  float: right;
    line-height: 1;
    margin: 0.5em;
    padding: 0.5em 0.8em;
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border: 0.05em solid transparent;
  outline: 0.05em solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0;
  text-shadow: none;
  transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
  box-shadow: 0.5em 0.3em 0.8em -0.5em rgba(0, 0, 0, 0.8);
}
.bbtn:active, .bbtn:hover {
  border-color: #ffffff;
  box-shadow: inset 0 0 1.2em rgba(255, 255, 255, 0.5), 0 0 1.2em rgba(255, 255, 255, 0.2);
  outline-color: transparent;
  outline-offset: 0.8em;
  text-shadow: 0.1em 0.1em 0.15em #d2c52d;
}

.bibtn{
  position: absolute;
  bottom:0;
  right:0;
  color:#ffffff !important;
  background:#b38d0a;
  font-size: 0.8em;
  font-weight: bold;
  float: right;
    line-height: 1;
    margin: 0.5em;
    padding: 0.5em 0.8em;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border: 0.05em solid transparent;
  outline: 0.05em solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0;
  text-shadow: none;
  transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
  box-shadow: 0.5em 0.3em 0.8em -0.5em rgba(0, 0, 0, 0.8);
}
.bibtn:active, .bibtn:hover{
  border-color: #ffffff;
  box-shadow: inset 0 0 1.2em rgba(255, 255, 255, 0.5), 0 0 1.2em rgba(255, 255, 255, 0.2);
  outline-color: transparent;
  outline-offset: 0.8em;
  text-shadow: 0.1em 0.1em 0.15em #d2c52d;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.mybtn {
    display: inline-block;
    font-size: 1.4em;
    line-height: 1.3;
    padding: 0.5em 0.3em;
    margin: 0.5em auto;
    float: none;
    text-decoration: none;
    color: #ffffff !important;
    text-shadow: 0.1em 0.1em 0.2em #333333;
    background: #fd9535;
    border-radius: 0.4em;
    box-shadow: inset 0 0.1em 0 rgba(255,255,255,0.2), inset 0 -0.1em 0 rgba(0, 0, 0, 0.1);
    font-weight: bold;
    border: solid 0.1em #d27d00;
}
.mybtn:active, .mybtn:hover {
    box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.30);
    color: #fff9c6 !important;
}

.clicka,.clickb,.clickc {
    padding: 0;
   /* margin-left: 1em;*/
    text-align: center;
}
.clicka a:link,.clicka a:visited,.clicka a:active{
    font-size: 1.0em;
color: #ff6633;
background: #ffffff;
}
.clickb a:link,.clickb a:visited,.clickb a:active{
    font-size: 1.0em;
color: #ffffff;
background: #ff6633;
}
.clickc a:link,.clickc a:visited,.clickc a:active{
    font-size: 1.0em;
color: #ffffff;
background: #ff6633;
}
.clicka a:link,.clicka a:visited,.clicka a:active,.clickb a:link,.clickb a:visited,.clickb a:active,.clickc a:link,.clickc a:visited,.clickc a:active{
    border: 0.05em solid #eeeeee;
    font-weight: bold;
    padding: 0.05em 0.1em;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
/*Rounded Corners*/
        -webkit-border-radius: 0.4em;
        -moz-border-radius: 0.4em;
        border-radius: 0.4em;
 /*Gradient*/
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 /*Shadow*/
        -webkit-box-shadow: 0px 0.05em 0.05em rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0.05em 0.05em rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0.05em 0.05em rgba(0, 0, 0, 0.2);
}
.clicka a:hover{
        background-color:#ff6633;
        color:#ffffff;
        border: 0.1em solid #d5ce95;
        position:relative;
        bottom:0.05em;
}
.clickb a:hover{
        background-color:#ffffff;
        color:#ff6633;
        border: 0.1em solid #d5ce95;
        position:relative;
        bottom:0.05em;
}
.clickc a:hover{
        background-color:#ffffff;
        color:#ff6633;
        border: 0.1em solid #d5ce95;
        position:relative;
        bottom:0.05em;
}
.tellbtn,.tellbtn a{font-size:1.2em; color:#ff6633; margin:0; padding:0; text-decoration: none;}
.tellbtn:before{content: "\f0a4"; font-family: FontAwesome; color:#666; font-size:1.2em; padding-right:0.25em; vertical-align:text-top;}
.tellbtn a:hover{color:#d3c12d;}

/*------------------------------------------------------------------------------------------------nav-*/
@media screen and (min-width:1200px){
.nav-box{
    background-color: #1588b3;
    height: 80px;
    width: 100%;
    position: relative;
}
.nav-in{
    background-image: url(../images/navbar.png);
    background-repeat: repeat-x;
}
#slide_menu{
    width: 100%;
    background-color: #1588b3;
    height: 40px;
    position: absolute;
    /*left:calc(50vw - 480px);*/
}
#menu-btn{display: none;}
#menu-main_menu{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
#menu-main_menu > li{
    position: relative;
    float: left;
    text-align: center;
    width: 16.6%;
    height: 100%;
   /* background: url(../images/nav1.jpg) center no-repeat;
    background-size: cover;
    border-left:1px groove #3a1010;*/
}
#menu-main_menu > li:first-child{border-left:none;}
#menu-main_menu > li > a{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #fff9c6;
    font-size: 20px;
    line-height: 40px;
border-left: 1px solid #fff;
   /*z-index: 2;*/
}
#menu-main_menu > li > a:hover{
    color: #fff38e;
    background:#34b4e4;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    /*background: url(../images/nav2.jpg) center no-repeat;
    background-size: cover;*/
}

/*２階層目*/
#menu-main_menu > li > ul.sub-menu{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    width: 100%;
    z-index: -1;
}
#menu-main_menu > li:hover > ul.sub-menu{
    visibility: visible;
    top: 40px;
    z-index: 2;
}
#menu-main_menu > li > ul.sub-menu > li{
    text-align: center;
    width: 200%;
    height: 40px;
    /*background: url(../images/navs1.jpg) center no-repeat;
    background-size: cover;*/
}
#menu-main_menu > li:last-child > ul.sub-menu > li {
    width:100%;
}
#menu-main_menu > li > ul.sub-menu > li > a{
    display: block;
    text-decoration: none;
    color: #fff9c6;
    background: #4ea8ca;
    font-size: 20px;
    line-height: 40px;
border-left: 1px solid #fff;
}
#menu-main_menu > li > ul.sub-menu > li:last-child > a{
    border-radius:0 0 5px 5px;
}
#menu-main_menu > li > ul.sub-menu > li > a:hover{
    color: #fff38e;
    background: #34b4e4;
    /*background: url(../images/navs2.jpg) center no-repeat;
    background-size: cover;*/
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

#sec_menu{
    width: 100%;
    background-color: #15b38f;
    height: 40px;
    position: absolute;
    left: 0;
    top: 40px;
}
#menu-btn{display: none;}
#menu-sec_menu{
    padding-left: 0;
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
#menu-sec_menu > li{
    position: relative;
    float: left;
    text-align: center;
    width: 16.6%;
    height: 100%;
   /* background: url(../images/nav1.jpg) center no-repeat;
    background-size: cover;
    border-left:1px groove #3a1010;*/
}
#menu-sec_menu > li:first-child{border-left:none;}
#menu-sec_menu > li > a{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #fff9c6;
    font-size: 20px;
    line-height: 40px;
border-left: 1px solid #fff;
   /*z-index: 2;*/
}
#menu-sec_menu > li > a:hover{
    color: #fff38e;
    background:#34b4e4;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    /*background: url(../images/nav2.jpg) center no-repeat;
    background-size: cover;*/
}

/*２階層目*/
#menu-sec_menu > li > ul.sub-menu{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    width: 100%;
    z-index: -1;
}
#menu-sec_menu > li:hover > ul.sub-menu{
    visibility: visible;
    top: 40px;
    z-index: 2;
}
#menu-sec_menu > li > ul.sub-menu > li{
    text-align: center;
    width: 200%;
    height: 40px;
    /*background: url(../images/navs1.jpg) center no-repeat;
    background-size: cover;*/
}
#menu-sec_menu > li:last-child > ul.sub-menu > li {
    width:100%;
}
#menu-sec_menu > li > ul.sub-menu > li > a{
    display: block;
    text-decoration: none;
    color: #fff9c6;
    background: #4ea8ca;
    font-size: 20px;
    line-height: 40px;
}
#menu-sec_menu > li > ul.sub-menu > li:last-child > a{
    border-radius:0 0 5px 5px;
}
#menu-sec_menu > li > ul.sub-menu > li > a:hover{
    color: #fff38e;
    background: #34b4e4;
    /*background: url(../images/navs2.jpg) center no-repeat;
    background-size: cover;*/
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
}
.layer{display:none;}

/*-nav mb------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.layer{
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.5);
}
body.open{
    position: fixed;
}
#menu-btn{
    position:fixed;
    top:0;
    right:0;
    display:inline-block;
    cursor: pointer;
    color: #158ab7;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    font-size:18px;
    font-weight:bold;
    width:60px;
    height:60px;
    z-index: 2;
}
#menu-btn:before {content:"Menu"; position:absolute; top:5px; right:5px;}
#menu-btn span {
    position:absolute;
    display:block;
    width:100%;
    border-bottom:solid 4px #158ab7;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    z-index: 3;
}
#menu-btn span:nth-child(1) {top:25px; right:14px; width:30px;}
#menu-btn span:nth-child(2) {top:37.5px; right:14px; width:30px;}
#menu-btn span:nth-child(3) {top:50px; right:14px; width:30px;}
.open #menu-btn span:nth-child(1) {
    top: 37.5px;
    width:32px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.open #menu-btn span:nth-child(3) {
    top: 37.5px;
    width:32px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.open #menu-btn span:nth-child(2) {
    width: 0px;
}
#slide_menu{
    position: fixed;
    top: 0;
    bottom: 0;
    overflow:auto;
    left: -300px;
    width: 300px;
    max-width: 300px;
    height: auto;
    background: #ffffe0;
    border-right: 1px solid #b7ab48;
    z-index: 999;
    font-size:18px;
    line-height:2.4;
    padding-bottom: 5em;
}
#slide_menu::-webkit-scrollbar{
  width: 12px;
}
#slide_menu::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777777; 
}
#slide_menu::-webkit-scrollbar-thumb{
  background: #cc9900;
  border-radius: 10px;
  box-shadow: none;
}
#menu-mb_menu{
    margin:0 0 0 0;
    padding: 0;
    width: 100%;
}
#menu-mb_menu > li{
    text-align: left;
    width: 100%;
    margin:0;
    padding:0;
    list-style-type: none;
}
#menu-mb_menu > li > a{
    width: 100%;
    margin:0;
    padding:0 0 0 0.5em;
    display: block;
    text-decoration: none;
    color: #fff9c6;
    background: #1588b3;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#menu-mb_menu > li > a:active{
    color: #fff38e;
    background: #34b4e4;
}
/*#menu-mb_menu > li > a:before {content:url("../images/icon1.png"); font-size:10px; vertical-align:middle; margin-right:0.5em;}*/
.menu-item-has-children > a:before {content:none !important; margin-right:0;}


/*２階層目*/
#menu-mb_menu > li > ul.sub-menu{
    width: 100%;
    margin:0;
    padding: 0;
    list-style-type: none;
}
#menu-mb_menu > li:active > ul.sub-menu{
    width: 100%;
}
#menu-mb_menu > li > ul.sub-menu > li{
    text-align: left;
    width: 100%;
    margin:0;
    padding: 0;
    list-style-type: none;
}
#menu-mb_menu > li > ul.sub-menu > li > a{
    width: 100%;
    margin:0;
    padding:0 0 0 1em;
    display: block;
    text-decoration: none;
    color: #fff9c6;
    background: #1588b3;
  /*  -webkit-transition: all .3s linear;
    transition: all .3s linear;*/
}
/*#menu-mb_menu > li > ul.sub-menu > li > a:before {content:url("../images/icon1.png"); font-size:10px; vertical-align:middle; margin-right:0.5em;}*/
#menu-mb_menu > li > ul.sub-menu > li > a:active{
    color: #fff38e;
    background: #34b4e4;
}
/*２階層目を非表示
#menu-mb_menu > li:active > ul.sub-menu{display: none;}*/
}

/*------------------------------------------------------------------------------------------------top-fixed js-*/
.top-fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
}

/*------------------------------------------------------------------------------------------------sub_menu-*/
#sub_menu { 
    width: 100%;
    margin: 0 auto;
    display: block;
    clear: both;
    background-color:#0a85b3;
    border-bottom:0.05em solid rgba(255, 247, 182, 0.6);
}
#sub_menu .menu{
    padding-left: 0;
    padding-top: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
#sub_menu li{
	position: relative;
	display: inline-block;
	background-color: #0a85b3;
        text-align: center;
	text-decoration: none;
	transition: all 1.5s;
        width:100%;
        height:100%;
        float:left;
        padding-top:0.05em;
}
#sub_menu ul li:nth-child(n+1){border-bottom:0.05em solid rgba(255, 247, 182, 0.6);}
#sub_menu li::after {
	position: absolute;
        top: 50%;
	right: -0.2em;
	content: '';
	margin-top: -0.4em;
        border: 0.4em solid transparent;
        border-top-width: 0.4em;
        border-bottom-width: 0.4em;
	border-left-color: #f0e68c;
	transition: all 1.5s;
}
/*#sub_menu li:last-child{border-bottom: none;}*/
#sub_menu li a{color:#fff9c6; font-size:1em; line-height:2.4em; height:100%; text-decoration:none; display:block;}
#sub_menu li:hover {background-color:#34b4e4; opacity:0.9; color:#fff38e !important;}
#sub_menu li:hover a{color:#fff38e !important;}
#sub_menu li:hover::after {border-left-color:#f0e68c;}
@media print, screen and (min-width: 310px)
{
#sub_menu ul li{width:50%; float:left;}
#sub_menu ul li:nth-child(2n+1){border-right: 0.05em solid #f0e68c;}
#sub_menu ul li:nth-last-child(n){border-bottom:0.05em solid rgba(255, 247, 182, 0.6);}
}
@media print, screen and (min-width: 960px)
{
#sub_menu {border-bottom:none;} 
#sub_menu ul li{width:auto; padding-left:0.8em; padding-right:1.5em; float:left; margin-top:0.05em;}
#sub_menu ul li:nth-child(n){border-right:none; border-bottom:none;}
#sub_menu li a{font-size:0.7em;  border: none;}
#sub_menu li::after {
	position: absolute;
        top: 50%;
	right: -0.2em;
	content: '';
	margin-top: -0.3em;
        border: 0.3em solid transparent;
        border-top-width: 0.3em;
        border-bottom-width: 0.3em;
	border-left-color: #f0e68c;
	transition: all 1.5s;
}
#sub_menu, #sub_menu li{background-color:#0a85b3;}
#sub_menu li:hover {background-color:#0a85b3;}
}

/*------------------------------------------------------------------------------------------------box-*/
.box0 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.05em 1% 0.5em;
    padding: 0.5em 0.5em;
    background-color: rgba(255, 255, 255, 0.8);
}
.box1 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.05em 1% 0.5em;
    padding: 1em 0.85em;
    border: 0.05em solid rgba(136, 98, 34, 0.3);
    box-shadow: 0px 0.1em 0.8em -0.1em rgba(136, 98, 34, 0.3);
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.1em;
}
.box2 {
    display:block;
    clear: both;
    overflow: hidden;
    width:94%;
    margin: 0.05em 3% 0.5em;
    padding: 1em 0.85em;
    border:#b094a0 dashed 0.05em;
    background:#ffffff;
}
.box3 {
    display: block;
    clear: both;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0.05em 1% 0.5em;
    padding: 1em 0.85em;
    background-color: #f5f6f7;
    /* color: #ffffff; */
    border: 0.5em solid #f5f6f7;
    box-shadow: 0px 0.1em 0.8em -0.1em rgba(136, 98, 34, 0.3);
    border-radius: 0.1em;
}
.box3b {
    position:relative;
    display:block;
    clear:both;
    float:left;
    width:100%;
    margin: 0;
    padding: 0;
    background-color: #0f688a;
    color: #ffffff;
    border: 0.3em solid #b8860b;
    box-shadow: 0px 0.1em 0.8em -0.1em rgba(136, 98, 34, 0.3);
    border-radius: 0.1em;
}
.box3b:after {
    content: "";
    border: 1.2em solid transparent;
    border-top: 1.2em solid #b8860b;
    position: absolute;
    left: 45%;
    left: -webkit-calc(50% - 1.2em);
    left: calc(50% - 1.2em);
    top: 100%;
}
@media print, screen and (min-width: 640px)
{
.box3b:after {
    left: 100%;
    top: 50%;
    border: 1.2em solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #b8860b;
    border-width: 1.2em;
    margin-top: -1.2em;
}
}

.scbox{
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 0.3em solid #cccccc;
    border-radius: 0.5em;
    box-shadow: 0px 0.5em 20px -0.5em rgba(162, 155, 61, 0.9);
    background-color: #ffffff;
    height: 23em;
    overflow-y: auto;
    overflow-x: hidden;
}
.scbox::-webkit-scrollbar{
  width: 12px;
}
.scbox::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 1em;
  box-shadow: inset 0 0 0.1em #777777; 
}
.scbox::-webkit-scrollbar-thumb{
  background: #d3c12d;
  border-radius: 1em;
  box-shadow: none;
}
/*.bgbox1 {
  background-image: url(../images/mark1.png);
  background-position: 0.15em 0.15em;
  background-size: 100% auto;
  background-repeat:no-repeat;
  margin:0; 
  padding:0;
}
.bgbox2 {background-image: url(../images/mark2.png); background-position: 0 50; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0; padding-bottom: 2.5em !important;}
.bgbox3 {background-image: url(../images/mark3.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:1em 0; background-color: rgb(246, 245, 233); border-radius:15px;}
*/

/*------------------------------------------------------------------------------------------------sec1 2-*/
.sec1l, .sec1r, .sec2l, .sec2r , .sec3l, .sec3r{
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0;
}
.sec1l:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fff8c2;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec1l:after{
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fff8c2;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec1linner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #fff8c2;
}
.sec2l:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ebf8ff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec2l:after{
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ebf8ff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec2linner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #ebf8ff;
}
.sec3l:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fdbfeb;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec3l:after{
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fdbfeb;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec3linner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #fdbfeb;
}
.sec1r:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fff8c2;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec1r:after {
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #fff8c2;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec1rinner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #fff8c2;
}
.sec2r:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ebf8ff;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec2r:after {
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ebf8ff;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec2rinner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #ebf8ff;
}
.sec3r:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ffcaf0;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-top:2px groove #999;
}
.sec3r:after {
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  background: #ffcaf0;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
  border-bottom:2px groove #999;
}
.sec3rinner{
    display: block;
    clear: both;
    overflow: hidden;
    margin:3.1em 0;
    padding:0.5em 0 2em;
    background: #ffcaf0;
}

/*------------------------------------------------------------------------------------------------full-bg-*/
@media print, screen and (min-width: 960px)
{
.full-bgr {background: url(../images/full-bgr.png) repeat left top;}
.full-bgr1{background: url(../images/full-bgr1.png) repeat left top;}
.full-bgr2{background: url(../images/full-bgr2.jpg) repeat left top;}
.full-bgr3{background: url(../images/full-bgr3.png) repeat left top;}
.full-bg {
  background-image: url(../images/full-bg.png); 
  background-color: #fdfdf6;
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;   
  background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;    
}
/*-動画を背景に設定するスタイルシートA-*/
#video-bg {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
/*  動画を背景に設定するスタイルシートB  */
/*  <video autoplay loop poster="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.jpg" id="bg-video">  */
/*  <source src="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.webm" type="video/webm">  */
/*  <source src="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.mp4" type="video/mp4">  */
/*  </video>  */
video#bg-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-image: url(../images/bgvideo.jpg) no-repeat;
  background-size: cover;
}
}
@media only screen and (max-width: 960px) {
#bg-video { display: none; }
.bg-videoimg {
  background-image: url(../images/bgvideo.jpg);
  z-index: -105;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #ccc;
}
}
/*  フルスクリーンボックス　レスポンシブ対応  */
.fullbox {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-image: url(../images/fullbox.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 以下中に表示するコンテンツを寄せるため */
  padding: 1em;
  box-sizing: border-box;
  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
/*justify-content: flex-start; // 左寄せ
justify-content: center; // 中央寄せ
justify-content: flex-end; // 右寄せ*/

  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
/*align-items: flex-start; // 上寄せ
align-item: center; // 中央寄せ
align-item: flex-end; // 下寄せ*/
}

/*------------------------------------------------------------------------------------------------table-*/
.scroll .t1 td {vertical-align: middle;}
@media screen and (max-width: 960px) {
  .scroll {
    overflow-x: auto;
  }
  .scroll .t1 {
    min-width: 960px;
    margin: 0 0 2em;
  }
  .scroll .t1 td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;  
  }
}
th{vertical-align: middle;}
td{line-height:1.4em;}
table.table-contactform7{margin:0.2em auto;}
table.table-contactform7 tr{line-height:2.2em;}
table.table-contactform7 th, table.thva th{vertical-align: middle;}
input[type="text"],input[type="tel"],input[type="email"]{
    max-width:96%;
    margin: 0.1em 0 0.1em 2%;
    line-height: 1.8;
    font-size: 0.8em;
} 
textarea{
    width:96%;
    margin: 0.1em 0 0.1em 2%;
    line-height: 1.1;
    font-size: 0.8em;
}
input[type="checkbox"],input[type="radio"] {
        width: 1em;
        height: 1em;
        font-size: 0.8em;
        vertical-align: baseline;
}
input[type="submit"]{
font-size: 1em;
    padding: 0.2em 0.5em;
    margin: 0.5em 0.5em 0.5em 1.8em;
    color: #fff9c6;
    background-color: #ff6633;
    border: 0.05em solid #fff9c6;
    border-radius: 0.2em;
}
input[type="submit"]:hover{
    color: #fff38e;
    background-color: #ff7e14;
    border: 0.05em solid #fff38e;
}
.required, .required-contactform7{color:#fab4b4; font-size:0.8em; margin-left:0.5em;}
#searchsubmit{font-size: 80%; margin: 0.5em 0.2em;}

/*----------------------------------------------------
	.t1
----------------------------------------------------*/
table.t1{width:98%; margin:1%; word-break:break-all; table-layout:fixed;}
table.t1 th, table.t1 td{padding:1em 0.2em 1em 0.5em; border:0.05em solid #beb675; vertical-align:middle;}
table.t1 th{background-color:#0f688a; color:#ffffff; text-align:center;}
table.t1 td{background-color:#ffffff; color:#000000; text-align:center;}

table.t2{width:98%; margin:1%; word-break:break-all; table-layout:fixed;}
table.t2 th, table.t2 td{padding:1em 0.2em 1em 0.5em; border:0.05em solid #beb675; vertical-align:middle;}
table.t2 th{background-color:#db7abf; color:#ffffff; text-align:center;}
table.t2 td{background-color:#ffffff; color:#000000; text-align:center;}

/*----------------------------------------------------
	.tscr
----------------------------------------------------*/
table.tscr {
  display: block;
}
@media screen and (max-width: 960px)
{
table.tscr {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
}

table.tscr tbody {
  width: 100%;
  display:table;
 word-break:break-all;
}
table.tscr th, table.tscr td{ width:11em; padding:1em 0.2em; border:0.05em solid #beb675; text-align:center; vertical-align:middle;}
table.tscr th{background-color:#0f688a; color:#ffffff;}
table.tscr td{background-color:#ffffff; color:#000000; min-width:160px;}

/*----------------------------------------------------
	.t4
----------------------------------------------------*/
.t4{
width: 100%;
border-collapse: collapse;
border-right: 0.05em solid #999999;
}
.t4 th{
padding: 0.3em;
text-align: left;
vertical-align: middle;
color: #ffffff;
background-color: #555555;
border-left: 0.2em solid #80805d; 
border-top: 0.05em solid #ffffff;
text-align:center;
}
.t4 td{
padding: 0.8em;
background-color: rgba(239, 254, 255, 0.4);
border-bottom: 0.05em solid #999999;
border-left: 0.05em solid #999999;
text-align:left;
}
table.t4 tr td:first-child,table.t4 tr td:last-child{
text-align:center;
vertical-align: middle;
}

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

table.tright th {
    background: #0f688a;
    vertical-align: middle;
    text-align: center;
    width: 25%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    padding:0;
}

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

table.tright td {
    background: rgba(239, 254, 255, 0.4);
    width: 75%;
    padding: 0.5em 0.2em 0em 0.5em;
}

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

table.tbottom th {
    background: #0f688a;
    vertical-align: middle;
    text-align: center;
    width: 8em;
    overflow: visible;
    position: relative;
    color: #ffffff;
    font-weight: normal;
    padding: 0.5em 0;
    line-height: 1.4;
}

table.tbottom th:before{
    content: "";
    border: 0.5em solid transparent;
    border-top: 0.6em solid #0f688a;
    position: absolute;
    left: 45%;
    top: 100%;
}
table.tbottom tr.lasttr th:before{
    content: none;
}
table.tbottom td {
    background: #fff;
    padding: 0.8em 0.4em 0.8em 0.8em;
    border: 1px solid #0f688a;
}

/* firefox
@-moz-document url-prefix() {
table.tright,table.tbottom {width:98%; margin:1%; word-break:break-all;table-layout: fixed;}
table.tright th,table.tright td,table.tbottom th,table.tbottom td { border:0.05em solid #beb675;}
table.tright th:after ,table.tbottom th:after {content: none;}
} */

/*----------------------------------------------------
	.thikaku
----------------------------------------------------*/
.thikaku{
width: 98%;
margin: 0.2em 1% 0.5em;
border-collapse: collapse;
border-right: 0.05em solid #999999;
}
.thikaku th{
color: #ffffff;
background-color: #0f688a;
border-left: 0.2em solid #beb675; 
border-top: 0.1em solid #cccccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
padding: 0.5em 0;
}
.thikaku td{
color: #000000;
background-color: rgba(239, 254, 255, 0.4);
border-bottom: 0.05em solid #999999;
border-left: 0.05em solid #999999;
text-align:left;
padding: 0.5em 0.2em 0em 0.2em;
}
table.thikaku tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: #fdfcf2;
color: #5b0303;
font-weight: bold;
}

/*----------------------------------------------------
	.tevent
----------------------------------------------------*/
.tevent{
width: 98%;
margin: 0.2em 1% 0.5em;
border-collapse: collapse;
border-right: 0.05em solid #999999;
}
.tevent th{
color: #ffffff;
background-color: #0f688a;
border-left: 0.2em solid #beb675; 
border-top: 0.1em solid #cccccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
padding: 0.5em 0;
}
.tevent td{
color: #000000;
background-color: rgba(239, 254, 255, 0.4);
border-bottom: 0.05em solid #999999;
border-left: 0.05em solid #999999;
text-align:left;
padding: 0.5em 0.2em 0em 0.2em;
}
table.tevent tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: #fdfcf2;
color: #5b0303;
font-weight: bold;
}


table.tp th{background-color:#db7abf; line-height:1.5em; width:5em;}
table.tdl td{text-align:left !important;}
table.tdr td{text-align:right !important;}
@media print, screen and (min-width: 640px)
{
table.tp th{width:10em;}
}

/*------------------------------------------------------------------------------------------------wordpress-*/
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 1.6em;
    -webkit-margin-end: 1.6em;
    border: 1px #666666 dotted;
    padding: 0.8em;
}
.searchform{
        background-color:#fdfcf2;
        border:0.05em solid #80805d;  
        color:#5C4138;
        padding:0.5em;
        margin:0;
}
.screen-reader-text{
        display:none;
}
.recentcomments{color:#5C4138;}

/*------------------------------------------------------------------------------------------------font-*/
abbr[title]{text-decoration:none; border-bottom:none;}
.righta {text-align:right !important;}
.lefta {text-align:left !important;}
.centera {text-align:center !important;}
.rightb {display:block !important; text-align:right !important;}
.leftb {display:block !important; text-align:left !important;}
.centerb {display:block !important; margin:0 auto !important;}
.bold{font-weight:bold;}
.pindex{padding:0 0 0 1em !important;}
.pindexr{padding:0 1em 0 !important;}
.sh1{text-shadow: 0 0 2em rgba(255, 255, 0, 0.5);}
.sh2{text-shadow: 0 0 0.4em rgba(255, 0, 0, 0.2);}
.shwhite{text-shadow:-0.05em -0.05em #ffffff,0.05em -0.05em #ffffff,-0.05em 0.05em #ffffff,0.05em 0.05em #ffffff;}
.shblack{text-shadow:-0.05em -0.05em #000000,0.05em -0.05em #000000,-0.05em 0.05em #000000,0.05em 0.05em #000000;}
.shred{text-shadow:-0.05em -0.05em #ff0000,0.05em -0.05em #ff0000,-0.05em 0.05em #ff0000,0.05em 0.05em #ff0000;}
.shgray{text-shadow:-0.05em -0.05em #666666,0.05em -0.05em #666666,-0.05em 0.05em #666666,0.05em 0.05em #666666;}
.shyellow{text-shadow:-0.05em -0.05em #FFFF00,0.05em -0.05em #FFFF00,-0.05em 0.05em #FFFF00,0.05em 0.05em #FFFF00;}
.shblack2{
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;
}
.naname {
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    padding-left: 0.45em;
    margin-bottom:0.5em;
    margin-top:0.1em;
}

/*------------------------------------------------
　cl bg line dot dash st hrv
------------------------------------------------*/
.bgsg{
-webkit-background-size: 0.8em 0.8em;
-moz-background-size: 0.8em 0.8em;
background-size: 0.8em 0.8em;
background-color: #ebebeb;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #cccccc), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#cccccc 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#cccccc 50%, transparent 50%, transparent);
background-image: linear-gradient(#cccccc 50%, transparent 50%, transparent);
}
.bgs{
-webkit-background-size: 0.8em 0.8em;
-moz-background-size: 0.8em 0.8em;
background-size: 0.8em 0.8em;
background-color: #1159b7;
background-image: linear-gradient(#4a4132 50%, transparent 50%, transparent);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #4a4132), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#4a4132 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#4a4132 50%, transparent 50%, transparent);
}
.bgs2{
-webkit-background-size: 10.5em 10.5em;
-moz-background-size: 10.5em 10.5em;
background-size: 10.5em 10.5em;
background-color: #2d4b82;
background-image: linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #315096), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #315096),
            color-stop(.75, #315096), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
}
.bgs3{
background-color: #c6a074;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
background-image: linear-gradient(rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  linear-gradient(0deg, rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%),
                  linear-gradient(0deg, transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
background-image: -webkit-linear-gradient(rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -webkit-linear-gradient(0deg, rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -webkit-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%),
                  -webkit-linear-gradient(0deg, transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
background-image: -moz-linear-gradient(rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -moz-linear-gradient(0deg, rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -moz-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%),
                  -moz-linear-gradient(0deg, transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
background-image: -ms-linear-gradient(rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -ms-linear-gradient(0deg, rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -ms-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%),
                  -ms-linear-gradient(0deg, transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
background-image: -o-linear-gradient(rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -o-linear-gradient(0deg, rgba(255, 0, 0, 0.5) 3%, rgba(255, 0, 0, 0.5) 3%, transparent 3%, transparent 97%, rgba(255, 0, 0, 0.5) 97%, rgba(255, 0, 0, 0.5) 100%),
                  -o-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%),
                  -o-linear-gradient(0deg, transparent, transparent 35%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.5) 41%, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.5) 53%, rgba(255, 255, 255, 0.5) 53%, rgba(255, 255, 255, 0.5) 59%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
}
.bgs4{
background-color: #4a4132;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
background-image: linear-gradient(rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  linear-gradient(0deg, rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  linear-gradient(transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%),
                  linear-gradient(0deg, transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%);
background-image: -webkit-linear-gradient(rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -webkit-linear-gradient(0deg, rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -webkit-linear-gradient(transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%),
                  -webkit-linear-gradient(0deg, transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%);
background-image: -moz-linear-gradient(rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -moz-linear-gradient(0deg, rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -moz-linear-gradient(transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%),
                  -moz-linear-gradient(0deg, transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%);
background-image: -ms-linear-gradient(rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -ms-linear-gradient(0deg, rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -ms-linear-gradient(transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%),
                  -ms-linear-gradient(0deg, transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%);
background-image: -o-linear-gradient(rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -o-linear-gradient(0deg, rgba(204, 204, 204, 0.5) 3%, rgba(204, 204, 204, 0.5) 3%, transparent 3%, transparent 97%, rgba(204, 204, 204, 0.5) 97%, rgba(204, 204, 204, 0.5) 100%),
                  -o-linear-gradient(transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%),
                  -o-linear-gradient(0deg, transparent, transparent 11%, rgba(0, 153, 68, 0.5) 11%, rgba(0, 153, 68, 0.5) 18%, transparent 18%, transparent 25%, rgba(0, 153, 68, 0.5) 25%, rgba(0, 153, 68, 0.5) 32%, transparent 32%, transparent 39%, rgba(0, 153, 68, 0.5) 39%, rgba(0, 153, 68, 0.5) 46%, transparent 46%, transparent 54%, rgba(0, 153, 68, 0.5) 54%, rgba(0, 153, 68, 0.5) 61%, transparent 61%, transparent 68%, rgba(0, 153, 68, 0.5) 68%, rgba(0, 153, 68, 0.5) 75%, transparent 75%, transparent 82%, rgba(0, 153, 68, 0.5) 82%, rgba(0, 153, 68, 0.5) 89%, transparent 89%, transparent 100%);
}
.bokashi{position:relative;}
.bokashi::before {
  content: '';
  position: absolute;
  /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
  top: -0.1em;
  bottom: -0.1em;
  left: -0.1em;
  right: -0.1em;
  background: inherit;
  filter: blur(0.1em);
}
.bga{background-color:#ffffe0 !important;}
.bgt{background: linear-gradient(-180deg, rgba(255, 255, 224, 0.3) 0%, #f0e68c 56%, #eddc53 100%);}
.bgb{background: linear-gradient(180deg, rgba(255, 255, 224, 0.3) 0%, #f0e68c 56%, #ffffe0 100%);}
.bgl{background: linear-gradient(-90deg, rgba(255, 255, 224, 0.3) 0%, #f0e68c 56%, #eddc53 100%);}
.bgr{background: linear-gradient(90deg, rgba(255, 255, 224, 0.3) 0%, #f0e68c 56%, #ffffe0 100%);}
.bg0{background-color:#000000 !important;}
.bg1{background-color:#ffffff !important;}
.bg2{background-color:#808080 !important;}
.bg3{background-color:#d3d3d3 !important;}
.bg4{background-color:#f5f5f5 !important;}
.bg5{background-color:#800000 !important;}
.bg6{background-color:#b3380a !important;}
.bg7{background-color:#ff69b4 !important;}
.bg8{background-color:#ffc0cb !important;}
.bg9{background-color:#ffa500 !important;}
.bg10{background-color:#ffff00 !important;}
.bg11{background-color:#f0e68c !important;}
.bg12{background-color:#ffffe0 !important;}
.bg13{background-color:#321602 !important;}
.bg14{background-color:#633513 !important;}
.bg15{background-color:#A97F5D !important;}
.bg16{background-color:#DDC4B0 !important;}
.bg17{background-color:#006400 !important;}
.bg18{background-color:#008000 !important;}
.bg19{background-color:#3cb371 !important;}
.bg20{background-color:#98fb98 !important;}
.bg21{background-color:#000080 !important;}
.bg22{background-color:#0000ff !important;}
.bg23{background-color:#00bfff !important;}
.bg24{background-color:#e5f6fd !important;}

.cla{color: #880002; text-shadow: 0 0 0.8em rgba(92,55,27,.5);}
.clb {color: #2f4665; text-shadow: 0 0 0.8em rgba(92,55,27,.5);}
.clr{color:#ff6633 !important;}
.clg{color:#805d00 !important;}
.cl0{color:#000000 !important;}
.cl1{color:#ffffff !important;}
.cl2{color:#808080 !important;}
.cl3{color:#d3d3d3 !important;}
.cl4{color:#f5f5f5 !important;}
.cl5{color:#800000 !important;}
.cl6{color:#b3380a !important;}
.cl7{color:#ff69b4 !important;}
.cl8{color:#ffc0cb !important;}
.cl9{color:#ffa500 !important;}
.cl10{color:#ffff00 !important;}
.cl11{color:#f0e68c !important;}
.cl12{color:#ffffe0 !important;}
.cl13{color:#321602 !important;}
.cl14{color:#633513 !important;}
.cl15{color:#A97F5D !important;}
.cl16{color:#DDC4B0 !important;}
.cl17{color:#006400 !important;}
.cl18{color:#008000 !important;}
.cl19{color:#3cb371 !important;}
.cl20{color:#98fb98 !important;}
.cl21{color:#000080 !important;}
.cl22{color:#0000ff !important;}
.cl23{color:#00bfff !important;}
.cl24{color:#e5f6fd !important;}

.lineg{border-bottom: 0.05em solid #805d00;}
.line0{border-bottom: 0.05em solid #000000;}
.line1{border-bottom: 0.05em solid #ffffff;}
.line2{border-bottom: 0.05em solid #808080;}
.line3{border-bottom: 0.05em solid #d3d3d3;}
.line4{border-bottom: 0.05em solid #f5f5f5;}
.line5{border-bottom: 0.05em solid #800000;}
.line6{border-bottom: 0.05em solid #b3380a;}
.line7{border-bottom: 0.05em solid #ff69b4;}
.line8{border-bottom: 0.05em solid #ffc0cb;}
.line9{border-bottom: 0.05em solid #ffa500;}
.line10{border-bottom: 0.05em solid #ffff00;}
.line11{border-bottom: 0.05em solid #f0e68c;}
.line12{border-bottom: 0.05em solid #ffffe0;}
.line13{border-bottom: 0.05em solid #321602;}
.line14{border-bottom: 0.05em solid #633513;}
.line15{border-bottom: 0.05em solid #A97F5D;}
.line16{border-bottom: 0.05em solid #DDC4B0;}
.line17{border-bottom: 0.05em solid #006400;}
.line18{border-bottom: 0.05em solid #008000;}
.line19{border-bottom: 0.05em solid #3cb371;}
.line20{border-bottom: 0.05em solid #98fb98;}
.line21{border-bottom: 0.05em solid #000080;}
.line22{border-bottom: 0.05em solid #0000ff;}
.line23{border-bottom: 0.05em solid #00bfff;}
.line24{border-bottom: 0.05em solid #e5f6fd;}

.dotg{border-bottom: 0.125em dotted #805d00;}
.dot0{border-bottom: 0.125em dotted #000000;}
.dot1{border-bottom: 0.125em dotted #ffffff;}
.dot2{border-bottom: 0.125em dotted #808080;}
.dot3{border-bottom: 0.125em dotted #d3d3d3;}
.dot4{border-bottom: 0.125em dotted #f5f5f5;}
.dot5{border-bottom: 0.125em dotted #800000;}
.dot6{border-bottom: 0.125em dotted #b3380a;}
.dot7{border-bottom: 0.125em dotted #ff69b4;}
.dot8{border-bottom: 0.125em dotted #ffc0cb;}
.dot9{border-bottom: 0.125em dotted #ffa500;}
.dot10{border-bottom: 0.125em dotted #ffff00;}
.dot11{border-bottom: 0.125em dotted #f0e68c;}
.dot12{border-bottom: 0.125em dotted #ffffe0;}
.dot13{border-bottom: 0.125em dotted #321602;}
.dot14{border-bottom: 0.125em dotted #633513;}
.dot15{border-bottom: 0.125em dotted #A97F5D;}
.dot16{border-bottom: 0.125em dotted #DDC4B0;}
.dot17{border-bottom: 0.125em dotted #006400;}
.dot18{border-bottom: 0.125em dotted #008000;}
.dot19{border-bottom: 0.125em dotted #3cb371;}
.dot20{border-bottom: 0.125em dotted #98fb98;}
.dot21{border-bottom: 0.125em dotted #000080;}
.dot22{border-bottom: 0.125em dotted #0000ff;}
.dot23{border-bottom: 0.125em dotted #00bfff;}
.dot24{border-bottom: 0.125em dotted #e5f6fd;}

.dashg{border-bottom: 0.05em dashed #805d00;}
.dash0{border-bottom: 0.05em dashed #000000;}
.dash1{border-bottom: 0.05em dashed #ffffff;}
.dash2{border-bottom: 0.05em dashed #808080;}
.dash3{border-bottom: 0.05em dashed #d3d3d3;}
.dash4{border-bottom: 0.05em dashed #f5f5f5;}
.dash5{border-bottom: 0.05em dashed #800000;}
.dash6{border-bottom: 0.05em dashed #b3380a;}
.dash7{border-bottom: 0.05em dashed #ff69b4;}
.dash8{border-bottom: 0.05em dashed #ffc0cb;}
.dash9{border-bottom: 0.05em dashed #ffa500;}
.dash10{border-bottom: 0.05em dashed #ffff00;}
.dash11{border-bottom: 0.05em dashed #f0e68c;}
.dash12{border-bottom: 0.05em dashed #ffffe0;}
.dash13{border-bottom: 0.05em dashed #321602;}
.dash14{border-bottom: 0.05em dashed #633513;}
.dash15{border-bottom: 0.05em dashed #A97F5D;}
.dash16{border-bottom: 0.05em dashed #DDC4B0;}
.dash17{border-bottom: 0.05em dashed #006400;}
.dash18{border-bottom: 0.05em dashed #008000;}
.dash19{border-bottom: 0.05em dashed #3cb371;}
.dash20{border-bottom: 0.05em dashed #98fb98;}
.dash21{border-bottom: 0.05em dashed #000080;}
.dash22{border-bottom: 0.05em dashed #0000ff;}
.dash23{border-bottom: 0.05em dashed #00bfff;}
.dash24{border-bottom: 0.05em dashed #e5f6fd;}

.tlineg{text-decoration: underline #805d00;}
.tline0{text-decoration: underline #000000;}
.tline1{text-decoration: underline #ffffff;}
.tline2{text-decoration: underline #808080;}
.tline3{text-decoration: underline #d3d3d3;}
.tline4{text-decoration: underline #f5f5f5;}
.tline5{text-decoration: underline #800000;}
.tline6{text-decoration: underline #b3380a;}
.tline7{text-decoration: underline #ff69b4;}
.tline8{text-decoration: underline #ffc0cb;}
.tline9{text-decoration: underline #ffa500;}
.tline10{text-decoration: underline #ffff00;}
.tline11{text-decoration: underline #f0e68c;}
.tline12{text-decoration: underline #ffffe0;}
.tline13{text-decoration: underline #321602;}
.tline14{text-decoration: underline #633513;}
.tline15{text-decoration: underline #A97F5D;}
.tline16{text-decoration: underline #DDC4B0;}
.tline17{text-decoration: underline #006400;}
.tline18{text-decoration: underline #008000;}
.tline19{text-decoration: underline #3cb371;}
.tline20{text-decoration: underline #98fb98;}
.tline21{text-decoration: underline #000080;}
.tline22{text-decoration: underline #0000ff;}
.tline23{text-decoration: underline #00bfff;}
.tline24{text-decoration: underline #e5f6fd;}

.tdotg{text-decoration: underline #805d00; text-decoration-style: dotted;}
.tdot0{text-decoration: underline #000000; text-decoration-style: dotted;}
.tdot1{text-decoration: underline #ffffff; text-decoration-style: dotted;}
.tdot2{text-decoration: underline #808080; text-decoration-style: dotted;}
.tdot3{text-decoration: underline #d3d3d3; text-decoration-style: dotted;}
.tdot4{text-decoration: underline #f5f5f5; text-decoration-style: dotted;}
.tdot5{text-decoration: underline #800000; text-decoration-style: dotted;}
.tdot6{text-decoration: underline #b3380a; text-decoration-style: dotted;}
.tdot7{text-decoration: underline #ff69b4; text-decoration-style: dotted;}
.tdot8{text-decoration: underline #ffc0cb; text-decoration-style: dotted;}
.tdot9{text-decoration: underline #ffa500; text-decoration-style: dotted;}
.tdot10{text-decoration: underline #ffff00; text-decoration-style: dotted;}
.tdot11{text-decoration: underline #f0e68c; text-decoration-style: dotted;}
.tdot12{text-decoration: underline #ffffe0; text-decoration-style: dotted;}
.tdot13{text-decoration: underline #321602; text-decoration-style: dotted;}
.tdot14{text-decoration: underline #633513; text-decoration-style: dotted;}
.tdot15{text-decoration: underline #A97F5D; text-decoration-style: dotted;}
.tdot16{text-decoration: underline #DDC4B0; text-decoration-style: dotted;}
.tdot17{text-decoration: underline #006400; text-decoration-style: dotted;}
.tdot18{text-decoration: underline #008000; text-decoration-style: dotted;}
.tdot19{text-decoration: underline #3cb371; text-decoration-style: dotted;}
.tdot20{text-decoration: underline #98fb98; text-decoration-style: dotted;}
.tdot21{text-decoration: underline #000080; text-decoration-style: dotted;}
.tdot22{text-decoration: underline #0000ff; text-decoration-style: dotted;}
.tdot23{text-decoration: underline #00bfff; text-decoration-style: dotted;}
.tdot24{text-decoration: underline #e5f6fd; text-decoration-style: dotted;}

.tdashg{text-decoration: underline #805d00; text-decoration-style: dashed;}
.tdash0{text-decoration: underline #000000; text-decoration-style: dashed;}
.tdash1{text-decoration: underline #ffffff; text-decoration-style: dashed;}
.tdash2{text-decoration: underline #808080; text-decoration-style: dashed;}
.tdash3{text-decoration: underline #d3d3d3; text-decoration-style: dashed;}
.tdash4{text-decoration: underline #f5f5f5; text-decoration-style: dashed;}
.tdash5{text-decoration: underline #800000; text-decoration-style: dashed;}
.tdash6{text-decoration: underline #b3380a; text-decoration-style: dashed;}
.tdash7{text-decoration: underline #ff69b4; text-decoration-style: dashed;}
.tdash8{text-decoration: underline #ffc0cb; text-decoration-style: dashed;}
.tdash9{text-decoration: underline #ffa500; text-decoration-style: dashed;}
.tdash10{text-decoration: underline #ffff00; text-decoration-style: dashed;}
.tdash11{text-decoration: underline #f0e68c; text-decoration-style: dashed;}
.tdash12{text-decoration: underline #ffffe0; text-decoration-style: dashed;}
.tdash13{text-decoration: underline #321602; text-decoration-style: dashed;}
.tdash14{text-decoration: underline #633513; text-decoration-style: dashed;}
.tdash15{text-decoration: underline #A97F5D; text-decoration-style: dashed;}
.tdash16{text-decoration: underline #DDC4B0; text-decoration-style: dashed;}
.tdash17{text-decoration: underline #006400; text-decoration-style: dashed;}
.tdash18{text-decoration: underline #008000; text-decoration-style: dashed;}
.tdash19{text-decoration: underline #3cb371; text-decoration-style: dashed;}
.tdash20{text-decoration: underline #98fb98; text-decoration-style: dashed;}
.tdash21{text-decoration: underline #000080; text-decoration-style: dashed;}
.tdash22{text-decoration: underline #0000ff; text-decoration-style: dashed;}
.tdash23{text-decoration: underline #00bfff; text-decoration-style: dashed;}
.tdash24{text-decoration: underline #e5f6fd; text-decoration-style: dashed;}

.tdoubleg{text-decoration: underline #805d00; text-decoration-style: double;}
.tdouble0{text-decoration: underline #000000; text-decoration-style: double;}
.tdouble1{text-decoration: underline #ffffff; text-decoration-style: double;}
.tdouble2{text-decoration: underline #808080; text-decoration-style: double;}
.tdouble3{text-decoration: underline #d3d3d3; text-decoration-style: double;}
.tdouble4{text-decoration: underline #f5f5f5; text-decoration-style: double;}
.tdouble5{text-decoration: underline #800000; text-decoration-style: double;}
.tdouble6{text-decoration: underline #b3380a; text-decoration-style: double;}
.tdouble7{text-decoration: underline #ff69b4; text-decoration-style: double;}
.tdouble8{text-decoration: underline #ffc0cb; text-decoration-style: double;}
.tdouble9{text-decoration: underline #ffa500; text-decoration-style: double;}
.tdouble10{text-decoration: underline #ffff00; text-decoration-style: double;}
.tdouble11{text-decoration: underline #f0e68c; text-decoration-style: double;}
.tdouble12{text-decoration: underline #ffffe0; text-decoration-style: double;}
.tdouble13{text-decoration: underline #321602; text-decoration-style: double;}
.tdouble14{text-decoration: underline #633513; text-decoration-style: double;}
.tdouble15{text-decoration: underline #A97F5D; text-decoration-style: double;}
.tdouble16{text-decoration: underline #DDC4B0; text-decoration-style: double;}
.tdouble17{text-decoration: underline #006400; text-decoration-style: double;}
.tdouble18{text-decoration: underline #008000; text-decoration-style: double;}
.tdouble19{text-decoration: underline #3cb371; text-decoration-style: double;}
.tdouble20{text-decoration: underline #98fb98; text-decoration-style: double;}
.tdouble21{text-decoration: underline #000080; text-decoration-style: double;}
.tdouble22{text-decoration: underline #0000ff; text-decoration-style: double;}
.tdouble23{text-decoration: underline #00bfff; text-decoration-style: double;}
.tdouble24{text-decoration: underline #e5f6fd; text-decoration-style: double;}

.stg{background: linear-gradient(rgba(0,0,0,0) 70%,#805d00 100%);}
.st0{background: linear-gradient(rgba(0,0,0,0) 70%,#000000 100%);}
.st1{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffff 100%);}
.st2{background: linear-gradient(rgba(0,0,0,0) 70%,#808080 100%);}
.st3{background: linear-gradient(rgba(0,0,0,0) 70%,#d3d3d3 100%);}
.st4{background: linear-gradient(rgba(0,0,0,0) 70%,#f5f5f5 100%);}
.st5{background: linear-gradient(rgba(0,0,0,0) 70%,#800000 100%);}
.st6{background: linear-gradient(rgba(0,0,0,0) 70%,#b3380a 100%);}
.st7{background: linear-gradient(rgba(0,0,0,0) 70%,#ff69b4 100%);}
.st8{background: linear-gradient(rgba(0,0,0,0) 70%,#ffc0cb 100%);}
.st9{background: linear-gradient(rgba(0,0,0,0) 70%,#ffa500 100%);}
.st10{background: linear-gradient(rgba(0,0,0,0) 70%,#ffff00 100%);}
.st11{background: linear-gradient(rgba(0,0,0,0) 70%,#f0e68c 100%);}
.st12{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffe0 100%);}
.st13{background: linear-gradient(rgba(0,0,0,0) 70%,#321602 100%);}
.st14{background: linear-gradient(rgba(0,0,0,0) 70%,#633513 100%);}
.st15{background: linear-gradient(rgba(0,0,0,0) 70%,#A97F5D 100%);}
.st16{background: linear-gradient(rgba(0,0,0,0) 70%,#DDC4B0 100%);}
.st17{background: linear-gradient(rgba(0,0,0,0) 70%,#006400 100%);}
.st18{background: linear-gradient(rgba(0,0,0,0) 70%,#008000 100%);}
.st19{background: linear-gradient(rgba(0,0,0,0) 70%,#3cb371 100%);}
.st20{background: linear-gradient(rgba(0,0,0,0) 70%,#98fb98 100%);}
.st21{background: linear-gradient(rgba(0,0,0,0) 70%,#000080 100%);}
.st22{background: linear-gradient(rgba(0,0,0,0) 70%,#0000ff 100%);}
.st23{background: linear-gradient(rgba(0,0,0,0) 70%,#00bfff 100%);}
.st24{background: linear-gradient(rgba(0,0,0,0) 70%,#e5f6fd 100%);}

/*------------------------------------------------------------------------------------------------hr-*/
.hrv0, .hrv1, .hrv2, .hrv3, .hrv4, .hrv5, .hrv6, .hrv7, .hrv8, .hrv9, .hrv10, .hrv11, .hrv12, .hrv13, .hrv14, .hrv15, .hrv16, .hrv17, .hrv18, .hrv19, .hrv20, .hrv21, .hrv22, .hrv23, .hrv24
{
	position: relative;
	background: transparent;
	border: 0.05em solid transparent;
        clear:both;
        margin-top:0em;
        margin-bottom:0em;
        margin-left:-0.5em; margin-right:-0.5em;
}
.hrv0:after, .hrv1:after, .hrv2:after, .hrv3:after, .hrv4:after, .hrv5:after, .hrv6:after, .hrv7:after, .hrv8:after, .hrv9:after,
.hrv10:after, .hrv11:after, .hrv12:after, .hrv13:after, .hrv14:after, .hrv15:after, .hrv16:after, .hrv17:after, .hrv18:after,
.hrv19:after, .hrv20:after, .hrv21:after, .hrv22:after, .hrv23:after, .hrv24:after,
.hrv0:before, .hrv1:before, .hrv2:before, .hrv3:before, .hrv4:before, .hrv5:before, .hrv6:before, .hrv7:before, .hrv8:before, .hrv9:before,
.hrv10:before, .hrv11:before, .hrv12:before, .hrv13:before, .hrv14:before, .hrv15:before, .hrv16:before, .hrv17:before, .hrv18:before,
.hrv19:before, .hrv20:before, .hrv21:before, .hrv22:before, .hrv23:before, .hrv24:before
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.hrv0:after, .hrv1:after, .hrv2:after, .hrv3:after, .hrv4:after, .hrv5:after, .hrv6:after, .hrv7:after, .hrv8:after, .hrv9:after,
.hrv10:after, .hrv11:after, .hrv12:after, .hrv13:after, .hrv14:after, .hrv15:after, .hrv16:after, .hrv17:after, .hrv18:after,
.hrv19:after, .hrv20:after, .hrv21:after, .hrv22:after, .hrv23:after, .hrv24:after
{
        border-style: solid;
        border-width: 1.6em 7em 0 7em;
	margin-left: -7em;
        margin-top: -0.01em;
}
.hrv0:before, .hrv1:before, .hrv2:before, .hrv3:before, .hrv4:before, .hrv5:before, .hrv6:before, .hrv7:before, .hrv8:before, .hrv9:before,
.hrv10:before, .hrv11:before, .hrv12:before, .hrv13:before, .hrv14:before, .hrv15:before, .hrv16:before, .hrv17:before, .hrv18:before,
.hrv19:before, .hrv20:before, .hrv21:before, .hrv22:before, .hrv23:before, .hrv24:before
{
        border-style: solid;
        border-width: 1.8em 10em 0 10em;
	margin-left: -10em;
}
.hrv0:before, .hrv0:after{border-color:#000000 transparent transparent transparent;}
.hrv1:before, .hrv1:after{border-color:#ffffff transparent transparent transparent;}
.hrv2:before, .hrv2:after{border-color:#808080 transparent transparent transparent;}
.hrv3:before, .hrv3:after{border-color:#d3d3d3 transparent transparent transparent;}
.hrv4:before, .hrv4:after{border-color:#f5f5f5 transparent transparent transparent;}
.hrv5:before, .hrv5:after{border-color:#800000 transparent transparent transparent;}
.hrv6:before, .hrv6:after{border-color:#b3380a transparent transparent transparent;}
.hrv7:before, .hrv7:after{border-color:#ff69b4 transparent transparent transparent;}
.hrv8:before, .hrv8:after{border-color:#ffc0cb transparent transparent transparent;}
.hrv9:before, .hrv9:after{border-color:#ffa500 transparent transparent transparent;}
.hrv10:before, .hrv10:after{border-color:#ffff00 transparent transparent transparent;}
.hrv11:before, .hrv11:after{border-color:#f0e68c transparent transparent transparent;}
.hrv12:before, .hrv12:after{border-color:#ffffe0 transparent transparent transparent;}
.hrv13:before, .hrv13:after{border-color:#321602 transparent transparent transparent;}
.hrv14:before, .hrv14:after{border-color:#633513 transparent transparent transparent;}
.hrv15:before, .hrv15:after{border-color:#A97F5D transparent transparent transparent;}
.hrv16:before, .hrv16:after{border-color:#DDC4B0 transparent transparent transparent;}
.hrv17:before, .hrv17:after{border-color:#006400 transparent transparent transparent;}
.hrv18:before, .hrv18:after{border-color:#008000 transparent transparent transparent;}
.hrv19:before, .hrv19:after{border-color:#3cb371 transparent transparent transparent;}
.hrv20:before, .hrv20:after{border-color:#98fb98 transparent transparent transparent;}
.hrv21:before, .hrv21:after{border-color:#000080 transparent transparent transparent;}
.hrv22:before, .hrv22:after{border-color:#0000ff transparent transparent transparent;}
.hrv23:before, .hrv23:after{border-color:#00bfff transparent transparent transparent;}
.hrv24:before, .hrv24:after{border-color:#e5f6fd transparent transparent transparent;}

/*------------------------------------------------------------------------------------------------ol ul-*/
section ul, section ol, .imgblog ul:not([class]),
ol.o0, ol.o1, ol.o2, ol.o3, ol.o1b, ol.o2b, ol.o3b,
ul.u1, ul.u2, ul.u3, ul.u4, ul.u5, ul.u6, ul.u7,
ul.u1b, ul.u2b, ul.u3b, ul.u4b, ul.u5b, ul.u6b, ul.u7b{
    -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;
    margin:0.5em 0 0;
    padding:0 0 0 1.5em;
    text-indent: -1.5em;
    list-style-position: inside;
}
/*------------------------------------------------
　　ol 
------------------------------------------------*/
.o0, .o0b {
 counter-reset: li;
 list-style: none;
}
.o0 > li, .o0b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o0 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.1em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #b3380a;
}
.o0b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.1em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #d3c12d;
}
.o1, .o1b {
 counter-reset: li;
 list-style: none;
}
.o1 > li, .o1b > li {
 position: relative;
 text-indent:0em;
 margin-left: -1.5em;
 padding-left: 1.5em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o1 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.1em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 font-size:0.9em;
 background: #b3380a;
}
.o1b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.1em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 font-size:0.9em;
 background: #d3c12d;
}
.o2, .o2b {
 counter-reset: li;
 list-style: none;
}
.o2 > li, .o2b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2.6em;
 padding-bottom: 0.5em;
}
.o2 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #b3380a;
}
.o2b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #d3c12d;
}
.o2 > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #b3380a;
}
.o2b > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #d3c12d;
}
.o3, .o3b {
 counter-reset: li;
 list-style: none;
}
.o3 > li, .o3b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 4em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o3 > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0.1em 0.1em 0;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #b3380a;
}
.o3b > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0.1em 0.1em 0;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #d3c12d;
}
.o3 > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.8em;
 top:0;
 padding: 0.1em 0.1em 0;
 font-weight: bold;
 background-color: #000000;
 color: #b3380a;
}
.o3b > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.8em;
 top:0;
 padding: 0.1em 0.1em 0;
 font-weight: bold;
 background-color: #000000;
 color: #d3c12d;
}

/*------------------------------------------------
   ul li
------------------------------------------------*/
.imgblog ul:not([class]) li, ul.u1 li, ul.u2 li, ul.u3 li, ul.u4 li, ul.u5 li, ul.u6 li, ul.u7 li,
ul.u1b li, ul.u2b li, ul.u3b li, ul.u4b li, ul.u5b li, ul.u6b li, ul.u7b li{
 list-style-type:none; line-height: 1.2; text-indent:-1.2em; padding-bottom:0.5em;
}
.imgblog ul:not([class]) li:before, ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before{
 line-height:1.2; font-family: FontAwesome; color:#b3380a;
}
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before{
 line-height: 1.2; font-family: FontAwesome; color:#d3c12d;
}
.imgblog ul:not([class]) li:before, ul.u1 li:before, ul.u1b li:before {content: "\f00c";}
ul.u2 li:before, ul.u2b li:before {content: "\f046";}
ul.u3 li:before, ul.u3b li:before {content: "\f14a";}
ul.u4 li:before, ul.u4b li:before {content: "\f05d";}
ul.u5 li:before, ul.u5b li:before {content: "\f058";}
ul.u6 li:before, ul.u6b li:before {content: "\f00d";}
ul.u7 li:before, ul.u7b li:before {content: "\f0a4";}

.imgblog ul:not([class]) li:before, ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before,
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before{
 padding-right:0.3em;
}

/*------------------------------------------------
　　list mark
------------------------------------------------*/
.list1, .list2, .list3, .list4, .list5, .list6, .list7, .list1b, .list2b, .list3b, .list4b, .list5b, .list6b, .list7b
{font-weight:bold; line-height:1.2; margin:0 0 0.1em 0.5em; padding:0 0 0 1em; vertical-align:text-top; text-indent: -1em;}
.list1:before, .list2:before, .list3:before, .list4:before, .list5:before, .list6:before, .list7:before,
.list1b:before, .list2b:before, .list3b:before, .list4b:before, .list5b:before, .list6b:before, .list7b:before
{padding-right:0.25em; vertical-align:baseline;}
.list1:before {content: "\f00c"; font-family: FontAwesome; color:#d3c12d;}
.list2:before {content: "\f046"; font-family: FontAwesome; color:#d3c12d;}
.list3:before {content: "\f14a"; font-family: FontAwesome; color:#d3c12d;}
.list4:before {content: "\f05d"; font-family: FontAwesome; color:#d3c12d;}
.list5:before {content: "\f058"; font-family: FontAwesome; color:#d3c12d;}
.list6:before {content: "\f00d"; font-family: FontAwesome; color:#d3c12d;}
.list7:before {content: "\f0a4"; font-family: FontAwesome; color:#d3c12d;}
.list1b:before {content: "\f00c"; font-family: FontAwesome; color:#b3380a;}
.list2b:before {content: "\f046"; font-family: FontAwesome; color:#b3380a;}
.list3b:before {content: "\f14a"; font-family: FontAwesome; color:#b3380a;}
.list4b:before {content: "\f05d"; font-family: FontAwesome; color:#b3380a;}
.list5b:before {content: "\f058"; font-family: FontAwesome; color:#b3380a;}
.list6b:before {content: "\f00d"; font-family: FontAwesome; color:#b3380a;}
.list7b:before {content: "\f0a4"; font-family: FontAwesome; color:#b3380a;}

/*------------------------------------------------
　　bar
------------------------------------------------*/
.bar1, .bar2, .bar3, .bar4, .bar5, .bar1b, .bar2b, .bar3b, .bar4b, .bar5b
{font-size:3.6em; line-height:1.5; margin:0.1em 0; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar1:before, .bar2:before, .bar3:before, .bar4:before, .bar5:before, .bar1b:before, .bar2b:before, .bar3b:before, .bar4b:before, .bar5b:before
{text-align:center; vertical-align:text-top;}
.bar1:before {content: "\f103"; font-family: FontAwesome; color:#d3c12d;}
.bar2:before {content: "\f107"; font-family: FontAwesome; color:#d3c12d;}
.bar3:before {content: "\f063"; font-family: FontAwesome; color:#d3c12d;}
.bar4:before {content: "\f067"; font-family: FontAwesome; color:#d3c12d;}
.bar5:before {content: "\f0a7"; font-family: FontAwesome; color:#d3c12d;}
.bar1b:before {content: "\f103"; font-family: FontAwesome; color:#b3380a;}
.bar2b:before {content: "\f107"; font-family: FontAwesome; color:#b3380a;}
.bar3b:before {content: "\f063"; font-family: FontAwesome; color:#b3380a;}
.bar4b:before {content: "\f067"; font-family: FontAwesome; color:#b3380a;}
.bar5b:before {content: "\f0a7"; font-family: FontAwesome; color:#b3380a;}
.barimg {content: url(../images/hr.png); display:block; width:100%; height:auto; clear:both; margin:0; padding:0.05em 0;}
.barimgl {content: url(../images/hrl.png); display:block; width:100%; height:auto; clear:both; margin:0; padding:0.05em 0;}
.barimgr {content: url(../images/hrr.png); display:block; width:100%; height:auto; clear:both; margin:0; padding:0.05em 0;}
.imghr {width:100%; padding:1em 0;}
/*------------------------------------------------------------------------------------------------img v-*/
/* img */
img[class*="wp-image-"],
img[class*="attachment-"]{max-width:100%; height:auto; display:block; margin:1em auto 0.5em; /*border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);*/}
.aligncenter, .centeri {
    display: block !important;
    margin: 0 auto !important;
}
img.alignnone{max-width:90%;}
.alignright, .righti {width:90%; height:auto; float:none; margin:1em auto 0.5em !important;}
.alignleft, .lefti {width:90%; height:auto; float:none; margin:1em auto 0.5em !important;}
.imgblog img {width:90%; height:auto; display:block; margin:1em auto 0.5em !important; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.imgr, .imgl {width:90%; height:auto; border-style:none; display:block; margin:1em auto 0.5em !important;}
.imgrg, .imglg {width:90%; max-width:320px; height:auto; display:block; margin:1em auto 1.5em !important; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.imgrs, .imgls {width:90%; max-width:320px; height:auto; display:block; margin:1em auto 1.5em !important; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.imga{width:98%; height:auto; border-style:none; display:block; margin:0 auto;}
.imgag{width:98%; height:auto; display:block; margin:0 auto !important; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.imgas{width:98%; height:auto; display:block; margin:0 auto !important; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}

@media print, screen and (min-width: 640px)
{
.alignright, .righti {width:30%; height:auto; float:right !important; margin:1em 1em 0.5em !important;}
.alignleft, .lefti {width:30%; height:auto; float:left !important; margin:1em 1em 0.5em !important;}
.imgblog img {width:47%; height:auto; float:left; display:block; margin:1em 1% 0.5em !important; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.imgblog img.aligncenter {float:none; margin:1em auto 0.5em !important;}
.imga, .imgag, .imgas{width:50%;}
.imgr, .imgrg, .imgrs{width:25%; float:right !important; margin:0.6em 1em 0.6em !important;}
.imgl, .imglg, .imgls{width:25%; float:left !important; margin:0.6em 1em 0.5em !important;}
}

.img100 {width:100% !important; height:auto; border-style:none; display:block; margin:0 auto;}
.img98 {width:98% !important; height:auto; display:block; margin:0 auto;}
.img90 {width:90% !important; height:auto; border-style:none; display:block; margin:0 auto;}
.img70 {width:70% !important; height:auto; border-style:none; display:block; margin:0 auto;}
.img50 {width:50% !important; height:auto; border-style:none; display:block; margin:0 auto;}
.img30 {width:30% !important; height:auto; border-style:none; display:block; margin:0 auto;}
.img100g {width:100% !important; height:auto; display:block; margin:1em auto; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img98g {width:98% !important; height:auto; display:block; margin:1em auto 0.5em; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img90g {width:90% !important; height:auto; display:block; margin:1em auto 0.5em; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img70g {width:70% !important; height:auto; display:block; margin:1em auto 0.5em; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img50g {width:50% !important; height:auto; display:block; margin:1em auto 0.5em; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img30g {width:30% !important; height:auto; display:block; margin:1em auto 0.5em; border-radius:0.7em; box-shadow: 0.5em 0.3em 20px -0.5em rgba(0, 0, 0, 0.8);}
.img100s {width:100% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img98s {width:98% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img90s {width:90% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img70s {width:70% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img50s {width:50% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img30s {width:30% !important; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:0.1em solid darkgoldenrod; box-shadow: 0px 0.5em 10.5em -0.5em rgba(0, 0, 0, 0.8);}
.img98n {width:98% !important; height:auto; border-style:none; display:block;}
.img90n {width:90% !important; height:auto; border-style:none; display:block;}
.img70n {width:70% !important; height:auto; border-style:none; display:block;}
.img50n {width:50% !important; height:auto; border-style:none; display:block;}
.img30n {width:30% !important; height:auto; border-style:none; display:block;}

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

/*------------------------------------------------------------------------------------------------top-marquee-*/
.top-marquee {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    /*position: relative;
    overflow: hidden;*/
    text-align: left;
    color: #ffffff;
    background-color: #4a4132;
    font-size: 2em;
    font-weight: bold;
    line-height:1.5;
    border:solid #000000;
    border-width:0.1em 0 0.1em 0;
}
.top-marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:0px;
}
.top-marquee p {
    margin:0;
    padding-left:100%;
    display:inline-block;
    white-space:nowrap;
    -webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:30s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

/*------------------------------------------------------------------------------------------------modal_window-*/
#open01,
#open02,
#open03,
#open04,
#open05,
#open06 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 10000;
}

.modal_window::-webkit-scrollbar{
  width: 0.8em;
}
.modal_window::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 1em;
  box-shadow: inset 0 0 0.1em #777777; 
}
.modal_window::-webkit-scrollbar-thumb{
  background: #d3c12d;
  border-radius: 1em;
  box-shadow: none;
}
.lfixed{position: fixed;}
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000000;
    opacity: 0.5; 
    z-index: 5;
}
.modal_window {
    display: block;
    z-index: 998;
    position: fixed;
    max-height: 80vh;
    width: 90%;
    margin-left: 5%;
    margin-top: 8vh;
    background: #ffffe0;
    overflow: auto;
    padding: 0;
    display: block;
    float: left;
    border-radius: 1em;
  /* border: solid 0.0625em #cccccc;
    -webkit-box-shadow: 0.125em 0.125em 0.1875em #244766;
    -moz-box-shadow: 0.125em 0.125em 0.1875em #244766;
    box-shadow: 0.125em 0.125em 0.1875em #244766;
    -webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;  */
}
.modal_window-close-p{
    position: fixed;
    margin-top:  calc(8vh + 0.6em);
    padding: 0;
    display: block;
    z-index: 999;
}
.modal_window-close{
    display: inline-block;
    padding: 0.1em 0.5em 0.05em;
    font-size: 1em;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 1em;
    background-color: #4a4132;
    color: #ffffff;
    border: 0.1em solid #fdfcf2;
}
.modal_window-close:link, .modal_window-close:visited, .modal_window-close:active{color:#ffffff;}
.modal_window-close::before, .modal_window-close::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.modal_window-close:hover {
	background-color: #a07936; color:#ffffff;
}
@media only screen and (max-width: 750px) {
.modal_window-close-p {right: 12%;}
}
@media only screen and (min-width: 750px) {
.modal_window {max-width: 730px; margin-left: calc(50% - 360.5em);}
.modal_window-close-p {max-width: 730px; margin-left:calc(50% + 220px);}
}

/* CSS3 ModalWindow SET
--------------------------
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
} */
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity: 0;display: block;}
    100% {opacity: 1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display: block;
}
@-webkit-keyframes modalScale {
    0% {opacity: 0;display: block; -webkit-transform:scale(0);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
div#modal div:target .modal_window {
    -webkit-animation-name: modalScale;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform:scale(1);
    opacity: 1;
    display: block;
}

/*------------------------------------------------------------------------------------------------page-top-*/
#page-top, #page-top2, #page-top3{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 2em;
  right: 0.1em;
  padding: 0.4em 0.2em;
  border-radius: 20%;
  text-align: center;
  text-decoration: none;
  transform: rotateY(270deg);
  transition: .5s;
  background: rgba(10, 133, 179, 0.9);
}
#page-top:hover, #page-top2:hover, #page-top3:hover{background: rgba(10, 133, 179, 0.7);}
#page-top a, #page-top2 a, #page-top3 a{
  vertical-align: middle;
  color:#fff9c6;
  font-size:0.7em;
  text-decoration:none;
}
@media only screen and (min-width: 960px) {
#page-top, #page-top2, #page-top3{bottom: 0.5em; padding: 0.5em 0.2em;}
}
#page-top a:hover, #page-top2 a:hover, #page-top3 a:hover{color:#ffffff;}

/*------------------------------------------------------------------------------------------------accordioncss-*/
.acc1{
  height: auto;
  margin:0;
  border: none;
}
.acc1 label, .acc1 p{font-size:1em; line-height:1.2; text-indent:-1em; padding-left:1em; text-align:left;}
.acc1 label:before {font-size:1em; line-height:1; padding-right:0.3em; content: "\f046"; font-family:FontAwesome; color:#ff0000; vertical-align:middle;}
.acc1 label:after {font-size:0.7em; line-height:1; padding-left:1em; content: "\f0a7"; font-family:FontAwesome; color:#ff0000; vertical-align:middle;}
.acc1 label:hover:after {color:#ffa500;}
.acc1 input {display: none;}
.acc1 p,.acc1 ul {
  display: none;
  overflow: hidden;
  height: 0;
  transition: 0.6s;
}
.acc1 input:checked ~ p,.acc1 input:checked ~ ul {
  display: table-cell;
  height: auto;
}
@media only screen and (min-width: 750px) {
.acc1 label, .acc1 p{font-size:1.4em;}
.acc1 label:before{font-size:1.1em;}
.acc1 label:after{font-size:0.7em;}
}

.accbox {
    margin: 1em 5%;
    padding: 0;
    max-width: 90%;
}
/*ラベル*/
.accbox label {
    display: block;
    margin: 0.5em 0;
    padding : 0.5em;
    color: #ffba47;
    font-weight: bold;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}
/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 0.8em;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0.5em;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p {margin: 1em}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}

.accnext {
    position: relative;
}
.accnext label {
    height: 9em; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accnext input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accnext label:after {
    content: "続きをよむ"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5em;
    position: absolute;
    bottom: 1em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #b8a23c;
    width: 50%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 1;
}
.accnext label:before {
    content: "↓";
    font-weight: 700;
    color: #777;
    position: absolute;
    bottom: 1.7em;
    left: 30%;
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    z-index: 2;
}
.accnext input {
    display: none;
}
.accnext .accdiv {
    overflow: hidden;
    height: 10em; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.accnext input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accnext input:checked + label:after {
    content: "閉じる";
}
.accnext input:checked + label:before {
    content: "↑";
}
.accnext input:checked ~ .accdiv {
    height: auto;
    padding-bottom: 4em; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
/*------------------------------------------------------------------------------------------------accordioncss-*/
dl#accordion_panel {position:relative; width:98%; margin:0 auto;}
#accordion_panel > dt {
    padding:0.5em 3em 0.5em 1em;
}
#accordion_panel > dd {
    background-color:#ffc;
    margin: -1em 0 1em 0;
    padding:1em 0.5em 0.5em;
    font-size: 1em;
    line-height: 2;
}
#accordion_panel > dt {
    position:relative;
    background-color:#333333;
    color: #ffffff;
    font-weight: bold;
    margin:0.5em 0;
    border-radius:0.5em;
    font-size:1em;
    line-height:1.2;
}
#accordion_panel > dt:before {
    content:"+";
    display:block;
    font-size:1em;
    width:1em;
    height:1em;
    line-height:1em;
    margin-top:-0.5em;
    border-radius:50%;
    background:#ff6633;
    color:#fff;
    text-align:center;
    font-weight:bold;
    position:absolute;
    right:1em;
    top:50%;
}

/*------------------------------------------------------------------------------------------------qa-*/
dl.qa{
     width:100%;
     margin:0.5em 0;
     line-height:1.4em;
     font-size: 1em;
     overflow: hidden;
     _zoom: 1;
}
dl.qa dd,
dl.qa dt{
     text-indent: -2.65em;   
     padding: 0 1em 0px 2.5em;
}
dl.qa dt{
     margin:0.5em 0.5em 0 0;
}
dl.qa dd{
     margin: 1em 0.5em -0.05em 0;
     padding-bottom:0.8em;
     border-bottom: 0.05em #000 dotted;
}
dl.qa dd:first-letter,
dl.qa dt:first-letter{
     font-size: 1em;
     font-weight: bold;
     margin-right:1em;
     padding:0.5em;
     font-family: 'Nunito', sans-serif;
}
dl dt:first-letter{color: #ff6767;}
dl dd:first-letter{color: #0F78E1;}

/*------------------------------------------------------------------------------------------------tab-*/
.tabboxs>input, .tabboxs>.tabbox {
    display: none;
    min-width: 200px;
}

#tab1:checked ~ .tab1,
#tab2:checked ~ .tab2,
#tab3:checked ~ .tab3,
#tab4:checked ~ .tab4 {display: block;}

.tabboxs>label {
    cursor: pointer;
    background: #000000;
    padding: 0.3em 0.5em 0;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    margin-right: 0.1em;
    transition: background .25s linear;  
    border-radius: 0.4em 0.4em 0 0;
}
.tabboxs>label:hover {background: #ff6633;}
.tabboxs>input:checked + label {background: #ff6633;}
.tabbox {
    clear:both;
    overflow:hidden;
    float:left;
    width:100%;
    margin: 0 0 0.5em;
    padding: 0.5em 2%;
    border: 0.1em solid #0a85b3;
    border-radius: 0 0.1em 0.1em 0.1em;
    box-shadow: 0px 0.5em 1em -0.5em rgba(162, 155, 61, 0.9);
    background-color: rgba(255, 255, 255, 0.6);
}

/*------------------------------------------------------------------------------------------------pagenation-*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
    text-indent: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 0.3em;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 0.3em;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 0.4em 1.4em;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 0.3em;
    color: #FFFFFF;
    display: block;
    padding: 0.4em 1.4em;
    text-decoration: none;
    text-shadow: 0 -0.05em 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/*------------------------------------------------------------------------------------------------SNS-*/
.snsbox{
        width:96%;
        max-width:25em;
        margin:0 auto;
        padding:0;
        display:block;
        clear:both;
        overflow: hidden;
}
.shareimg {display:block; clear:both; overflow:hidden; width:90%; margin:0 auto;}
.shareimg ul {list-style:none; padding:0;}
.shareimg li {width:25%; padding:0 0.5em; float:left; margin:0.5em 0 0;}

/*------------------------------------------------------------------------------------------------minimenu-*/
.minimenu{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
.minimenu > li{
    position: relative;
    float: left;
    text-align: center;
    width: 33.33%;
    height: 100%;
    list-style-type: none;
   /* background: url(./images/nav1.jpg) center no-repeat;
    background-size: cover; */
}

.minimenu > li::after {
    position: absolute;
    top: 50%;
    right: 0.1em;
    content: '';
    margin-top: -0.5em;
    border: 0.7em solid transparent;
    border-top-width: 0.5em;
    border-bottom-width: 0.5em;
    border-left-color: #fff38e;
    transition: all 1.5s;
}
.minimenu > li:nth-child(1) {border-top: #fff solid 0.05em; border-right: #fff solid 0.05em;}
.minimenu > li:nth-child(2) {border-top: #fff solid 0.05em; border-right: #fff solid 0.05em;}
.minimenu > li:nth-child(3) {border-top: #fff solid 0.05em;}
.minimenu > li:nth-child(4) {border-top: #fff solid 0.05em; border-right: #fff solid 0.05em;}
.minimenu > li:nth-child(5) {border-top: #fff solid 0.05em; border-right: #fff solid 0.05em;}
.minimenu > li:nth-child(6) {border-top: #fff solid 0.05em;}
.minimenu > li > a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #fff9c6;
    background: #5d4204;
    font-size: 0.8em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.minimenu > li > a:hover{
    color: #fff38e;
    background: #a07936;
   /*background: url(./images/nav2.jpg) center no-repeat;
    background-size: cover;*/
}

/*----------------------------------------------------
	.swiper
----------------------------------------------------*/
.topinner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    clear: both;
    overflow: hidden;
    background-color: rgba(255,255,255,0.3);
}
.sw {
    position: relative;
    width: 100%;
}
.sw:before {
    content:"";
    display: block;
    padding-top: 41%; /* 高さを幅の何%に固定 */
    margin: 0;
    background: rgba(225,225,225,0.4);
}
.sw2 {
    position: relative;
    width: 100%;
}
.sw2:before {
    content:"";
    display: block;
    padding-top: 13.8%; /* 高さを幅の何%に固定 */
    margin: 0;
    background: rgba(225,225,225,0.4);
}
.swleft:before {
    content:"";
    display: block;
    padding-top: 0; /* 高さを幅の何%に固定 */
    margin-bottom: 0em;
}
.swright {
    position: relative;
    width: 70%;
    float: right;
    margin-bottom: -7px;
}
.swleft {
    position: relative;
    float: left;
    width: 30%;
}
.swlimg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-left: 1px solid #fabc08;
    border-right: 2px solid #fabc08;
    border-botoom: 1px solid #fabc08;
}

.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    /* Center slide text vertically */
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
.sw-bg {
        position: absolute;
        width: 100%;
        height:100%;
        left: 0;
        top: 0;
        padding:0;
        margin:0;
        z-index: 2;
}
.sw-bg img{width: 100%;}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 1.5em;
    height: 1.5em;
    margin-top: -0.75em;
    z-index: 10;
    cursor: pointer;
    background-size: 1.5em 1.5em;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/arrowr.png);
    right: 0.5em;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/arrowl.png);
    left: 0.5em;
    right: auto;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0.2em;
    left: 40%;
    width: 20%;
}
.swiper-pagination-bullet {
    width: 0.4em;
    height: 0.4em;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: .2;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.2em;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ccb47f;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{pointer-events: auto;}

/*------------------------------------------------------------------------------------------------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;}
.mws{max-width: 375px !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;}
.pdsm{padding:0.5em 1em !important;}
.pdlss{padding:0.25em 0.25em 1em !important;}
.pdlll{padding:3em !important;}
.pdll{padding:2.5em !important;}
.pdl{padding:1.5em !important;}
.pdm{padding:1em !important;}
.pds{padding:0.5em !important;}
.pdss{padding:0.25em !important;}
.pdn{padding:0 !important;}
.pdlrlll{padding-left:3em !important; padding-right:3em !important;}
.pdlrll{padding-left:2.5em !important; padding-right:2.5em !important;}
.pdlrl{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;}
.pdllll{padding-left:3em !important;}
.pdlll{padding-left:2.5em !important;}
.pdll{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;}
.pdrlll{padding-right:3em !important;}
.pdrll{padding-right:2.5em !important;}
.pdrl{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;}
.pdtblll{padding-top:3em !important; padding-bottom:3em !important;}
.pdtbll{padding-top:2.5em !important; padding-bottom:2.5em !important;}
.pdtbl{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;}
.pdtlll{padding-top:3em !important;}
.pdtll{padding-top:2.5em !important;}
.pdtl{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;}
.pdblll{padding-bottom:3em !important;}
.pdbll{padding-bottom:2.5em !important;}
.pdbl{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;}
.pdnl{padding:0 1.5em 1.5em !important;}
.pdnm{padding:0 1em 1em !important;}
.pdns{padding:0 0.5em 0.5em !important;}
.pdnss{padding:0 0.25em 0.25em !important;}
.mra{margin:0 auto !important;}
.mrlll{margin:3em !important;}
.mrll{margin:2.5em !important;}
.mrl{margin:1.5em !important;}
.mrm{margin:1em !important;}
.mrs{margin:0.5em !important;}
.mrss{margin:0.25em !important;}
.mrn{margin:0 !important;}
.mrlrlll{margin-left:3em !important; margin-right:3em !important;}
.mrlrll{margin-left:2.5em !important; margin-right:2.5em !important;}
.mrlrl{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;}
.mrllll{margin-left:3em !important;}
.mrlll{margin-left:2.5em !important;}
.mrll{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;}
.mrrlll{margin-right:3em !important;}
.mrrll{margin-right:2.5em !important;}
.mrrl{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;}
.mrtblll{margin-top:3em !important; margin-bottom:3em !important;}
.mrtbll{margin-top:2.5em !important; margin-bottom:2.5em !important;}
.mrtbl{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;}
.mrtlll{margin-top:3em !important;}
.mrtll{margin-top:2.5em !important;}
.mrtl{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;}
.mrblll{margin-bottom:3em !important;}
.mrbll{margin-bottom:2.5em !important;}
.mrbl{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;}
.vam{vertical-align: middle;}
.fnone{float:none;}
.fleft{float:left;}
.fright{float:right;}
.maxw{max-width:640px;}
.max320{display:block !important;}
.min320{display:none !important;}
.max480{display:block !important;}
.min480{display:none !important;}
.max640{display:block !important;}
.min640{display:none !important;}
.max640t{display:table-row !important;}
.min640t{display:none !important;}
.max960{display:block !important;}
.min960{display:none !important;}
.max1200{display:block !important;}
.min1200{display:none !important;}
.only320480{display:none !important;}
.only480640{display:none !important;}
.only640960{display:none !important;}
.maxtb{display:unset !important;}
.mintb{display:none !important;}
table.t1 th.tbtha{width: 4em;}
table.t1 td.tbtdb{width:-webkit-calc(50% - 2em); width: calc(50% - 2em); padding: 1em 0.2em; background-color:#0f688a; color:#ffffff; text-align:center; font-weight: bold;}
.por{position: relative;}
.poa{position: absolute; top: 3em;}
.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;
}
@media only screen and (min-width:320px) and (max-width:480px){
.only320480{display:block !important;}
}
@media only screen and (min-width:480px) and (max-width:640px){
.only480640{display:block !important;}
}
@media only screen and (min-width:640px) and (max-width:960px){
.only640960{display:block !important;}
}
@media only screen and (min-width: 320px)
{
.max320{display:none !important;}
.min320{display:block !important;}
}
@media only screen and (min-width: 480px)
{
.max480{display:none !important;}
.min480{display:block !important;}
}
@media only screen and (min-width: 640px)
{
.max640{display:none !important;}
.min640{display:block !important;}
.max640t{display:none !important;}
.min640t{display:table-row !important;}
.maxtb{display:none !important;}
.mintb{display:unset !important;}
table.t1 th.tbtha{width: 6em;}
table.t1 td.tbtdb{width:-webkit-calc(50% - 3em); width:calc(50% - 3em);}
}
@media only screen and (min-width: 960px)
{
.max960{display:none !important;}
.min960{display:block !important;}
}
@media print, screen and (min-width: 1200px)
{
.max1200{display:none !important;}
.min1200{display:block !important;}
}

/*------------------------------------------------------------------------------------------------no print-*/
@media print{
.print_pages { size: A4; page-break-before: always;}
#header, #breadcrumb, .fixfoot, .full-bg2, .sw, .sw2{display:none !important;}
.nav-box{display:none;}
#side1{display:none;}
#side2{display:none;}
.contents, .main{width:100% !important; max-width:297mm !important; font-size:24px;}
h1, h2, h3, h4, h5, h6, .ma, .str
{font-size:2.8em;}
}
@media all and (-ms-high-contrast: none){
  .print_pages.page-break {page-break-before: auto;}
}

.timelineMessage__message{white-space: pre-wrap;}
pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* 現行ブラウザ */
}