@charset "utf-8";

/*-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;
}
*:before, *:after { box-sizing: inherit; }

a {color:var(--color-c); text-decoration:unset;}
a:hover{opacity:0.7; text-decoration:underline;}
a:hover img{opacity:0.8;}
a img{transition:0.6s;}
p{margin-bottom:1em;}

/*------------------------------------------------------------*/
html {  
        width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
        width:100%;
        min-height: 100% !important;
        height: auto;
        margin: 0;
        padding: 0;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
        word-wrap:break-word;
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
        line-height: 1.4;
        font-size: -webkit-calc(100vw / 30);
        font-size: calc(100vw / 30);
}

#lwrap {
	width:100%;
        min-height:100%;
        height:auto !important;
        height:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
       /* overflow:hidden;*/
        background-color: var(--color-f);
}
#mwrap {
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
       /* overflow:hidden;*/
        text-align:left;
}
#header {
       /* position: fixed;
        top: 0; */
        width: 100%;
        max-width: 1000px;
	margin:0;
        padding: 0;
        display: block;
        clear: both;
        overflow: hidden;
        z-index: 100;
}
.top-fixed {max-width: 1000px !important;}
#swrap {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
       /* overflow:hidden;*/
}
article {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
       /* overflow:hidden;*/
        float:left;
background-color: #fff;
}
.content {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
       /* overflow:hidden;*/
        background-color: #fff;
        float:left;
}
#side1 {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        word-wrap:break-word;
       /* overflow:hidden;*/
        float:right;
        max-width: 750px;
        font-size: -webkit-calc(100vw / 20);
        font-size: calc(100vw / 20);
}
#side2 {
	display:none;
}

/**********************************************************
 * 750px以上 PC 1column以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
body{font-size:25px;}
#mwrap {
        max-width:1000px;
       /* border-left: 2px solid var(--color-g);
        border-right: 2px solid var(--color-g);*/
        background-color: #fff;
}
article{width:100%;}
.content{width:750px; float:none;}
#side1{float:none;}
}

/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#mwrap{background-color:transparent;}
article {width:1000px;}
.content{width:750px; float:left;}
#side1{float:right;}
}




.grecaptcha-badge { visibility: hidden; }
.wpcf7-spinner{display:block !important;}
select {
    vertical-align: middle;
    font-size: 1em;
    color: #666;
	max-width: 96%;
    margin: 5px 5px 10px 5px;
}
/*-common------------------------------------------------------------------------------------------------*/
img{max-width:100%;}
.inner p{margin-bottom:1em;}
#header{background-color:#ffffff;}
.headerl{height:60px; margin:0; padding:0; display:block; overflow:hidden; float:left;}
.headerr{height:60px; margin:0; padding:0; display:block; overflow:hidden; float:right;}
.logoimg{height: 60px; width:auto; display:block; margin:0 0 0 2px; padding:0; float:left;}
.tellimg{height: 60px; width:auto; display:block; margin:0 2px 0 0; padding:0; float:right;}
.headerimgl{height: 60px; width:auto; display:block; margin:0 2px 0 0; padding:0; float:left;}
.headerimgr{height: 60px; width:auto; display:block; margin:0 2px 0 0; padding:0; float:right;}
.headerl > h1{margin:0; padding:0;}
#footer {
	width:100%;
	margin:0 auto;
	padding:0 0 4em 0;
	display:block;
        clear:both;
        background-color: var(--color-a);
        border-top: var(--color-g) solid 2px;
}
.footerbg {background-image: url(../images/footerimg2.png); background-position: 0 100%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.copyright{font-size:0.7em; line-height:1; color:var(--color-h); max-width:100%; margin:0 auto; padding:0.5em 0.3em; text-align:center;}
.copyright a{color:var(--color-h);text-decoration:none;}
.copyright a:hover{opacity:0.8;}
.footlink{font-size:0.9em; line-height:1; color:var(--color-h); max-width:100%; margin:0 auto; padding:0.5em 0.3em; text-align:center;}
.footlink a{color:var(--color-h); text-decoration:none;}
.footlink a:hover{opacity:0.8;}
.copyright{font-size:0.7em; line-height:1.5;}
.footlink{font-size:0.9em; line-height:1.5;}
.timgbox{width:100%; margin:0 auto; padding:0em 0 0; display:block;}
.infoboxl{padding-top: 0.5em !important; padding-bottom: 0.25em !important;}
.infoboxr{padding-top: 0.25em !important; padding-bottom: 0.5em !important;}
@media only screen and (min-width: 750px)
{
.infoboxl, .infoboxr{padding-top: 0.25em !important; padding-bottom: 0.25em !important;}
}
.timgbox, .infoboxl, .infoboxr{
background-color: var(--color-e);
}
section {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
        overflow:hidden;
}
.sideinner, .sideinnerb, .sideinnerc, .sideinnerd {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        word-wrap:break-word;
        overflow:hidden;
        float:left;
}
/*------------------------------------------------
　　sideimg  div img
------------------------------------------------*/
.sideimg1{background: url("../images/sideimg1b.jpg") no-repeat;}
.sideimg2{background: url("../images/sideimg2b.jpg") no-repeat;}
.sideimg3{background: url("../images/sideimg3b.jpg") no-repeat;}
.sideimg4{background: url("../images/sideimg4b.jpg") no-repeat;}
.sideimg1, .sideimg2, .sideimg3, .sideimg4 {
    background-size: 100% auto;
    max-width: 500px;
    border: 1px solid #ccc;
}
.sideimg1 a, .sideimg2 a, .sideimg3 a, .sideimg4 a {
    display: inline-block;
    width: 100%;
}
.sideimg1 a img, .sideimg2 a img, .sideimg3 a img, .sideimg4 a img {
    width: 100%;
    height: auto;
    border-style: none;
    display: block;
    margin: 0 auto;
    padding:0;
}
.sideimg1 a:hover, .sideimg2 a:hover, .sideimg3 a:hover, .sideimg4 a:hover {
	background-color: transparent; /* IE6対応 */
}
.sideimg1 a:hover img, .sideimg2 a:hover img, .sideimg3 a:hover img, .sideimg4 a:hover img {
    visibility: hidden;
}
/*------------------------------------------------
　　sidebtn
------------------------------------------------*/
.sidebtn {
	position: relative;
	display: inline-block;
        width:100%;
	padding: 0.9em 1em;
	background-color: #333;
	border: 1px solid #666;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 1.5s;
}
.sidebtn::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-right-color: #fff;
	transition: all 1.5s;
}
.sidebtn:hover {
opacity:0.8;
}
.sidebtn:hover::after {
opacity:0.8;    
}
/*------------------------------------------------
　　sub_menu
------------------------------------------------*/
#sub_menu { 
    width: 100%;
    margin: 0 auto;
font-size: 1.1em;
}
#sub_menu .menu{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
#sub_menu li{
	position: relative;
	display: inline-block;
  /*padding: 1em 0.8em;*/
	background-color: var(--color-a);
        text-align: center;
	text-decoration: none;
	transition: all 1.5s;
        width:100%;
    height:2.7em;
        float:none;
}
#sub_menu li::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: var(--color-h);
	transition: all 1.5s;
}
#sub_menu li:first-child, #sub_menu li:nth-child(2){border-top:1px solid var(--color-h);}
/*#sub_menu li:last-child{border-bottom: none;}*/
#sub_menu li a{font-size:0.8em; color:var(--color-h); text-decoration:none;display:block; padding:1em 0.8em; height:100%;border-bottom:1px solid var(--color-h);}
#sub_menu li:hover {opacity:0.8;}
#sub_menu li:hover a{opacity:0.8;}
#sub_menu li:hover::after {bopacity:0.8;}
#sub_menu li:nth-child(2n){border-left:none;}
  #sub_menu li:nth-child(5){background-color:var(--color-b);}
  #sub_menu li:nth-child(6){background-color:var(--color-b);}
  #sub_menu li:nth-child(7){background-color:var(--color-b);}

/*------------------------------------------------
　　sidenav
------------------------------------------------*/
#sidenav ul{ 
margin: 0;
padding: 0;
list-style: none;
float: left;
width:100%;
}
#sidenav li{ 
background: url(../images/sidenav1.png) no-repeat left center;
padding:0; 
margin:0;
float: left;
text-align: center;
}
#sidenav li a{
color: var(--color-h);
text-decoration: none;
text-align:center;
font-size: 1em;
font-weight:bold;
vertical-align: middle;
display:block;
width:100%;
}
#sidenav li:hover{
background: url(../images/sidenav2.png) no-repeat left center;
}
#sidenav li a:hover{
color: #b7ad70;
}
/**********************************************************
 * 250px以上 タブレット&PC *
 **********************************************************/
@media print, screen and (min-width: 250px)
{
.sideinner, .sideinnerb {padding-left: -webkit-calc(50vw - 125px); padding-right: -webkit-calc(50vw - 125px); padding-left: calc(50vw - 125px); padding-right: calc(50vw - 125px);}
}
@media print, screen and (max-width: 321px)
{
.headerl{width: -webkit-calc(100vw - 124px); width: calc(100vw - 124px);}
.logoimg{height: auto; width: 100%; margin:0;}
}
/**********************************************************
 * 375px以上 タブレット&PC *
 **********************************************************/
@media print, screen and (min-width: 375px)
{
.logoimg{margin:0 0 0 10px;}
.tellimg{margin:0 10px 0 0;}
.sideinnerd {padding-left: -webkit-calc(50% - 250px); padding-right: -webkit-calc(50% - 250px); padding-left: calc(50% - 250px); padding-right: calc(50% - 250px);}
}

/**********************************************************
 * 500px以上 タブレット&PC *
 **********************************************************/
@media print, screen and (min-width: 500px)
{
#side1, #side2{font-size:25px;}
.sideinner, .sideinnerb {width:50%; padding-left: -webkit-calc(25vw - 125px); padding-right: -webkit-calc(25vw - 125px); padding-left: calc(25vw - 125px); padding-right: calc(25vw - 125px);}
.sideinnerc, {width:50%;}
#sub_menu ul li{width:50%; float:left;}
#sub_menu ul li:nth-child(2n){border-left: 1px solid #ddd;}
}

/**********************************************************
 * 750px以上 PC 1column以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
.sideinner {width:33.3%; padding-left:0; padding-right:0;}
.sideinnerb {padding-left:0; padding-right:0;}
}

/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#side1{width:250px; /*padding-bottom: 32768px; margin-bottom: -32768px;*/}
#side1 .sideinner, #side1 .sideinnerb, #side1 .sideinnerc {width:100%;}
#side1 #sub_menu ul li{width:100%; float:none;}
#side1 #sub_menu ul li:nth-child(2n){border-right:none;}
.sideinnerd{width:250px; padding-left:0; padding-right:0;}
.side-fixed {
    position: fixed !important;
    top: 40px;
    width: 250px;
    margin: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.90);
}
}

/**********************************************************
 * 1250px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1250px)
{
#side2 {width:250px; /*padding-bottom: 32768px; margin-bottom: -32768px;*/}
#side2 .sideinner, #side2 .sideinnerb, #side2 .sideinnerc {width:100%;}
#side2 #sub_menu ul li{width:100%;float:none;}
#side2 #sub_menu ul li:nth-child(2n){border-right:none;}
}

/*-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;
}
 

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 96%;
    margin: 0.5em 2% 1em;
    border-radius:0.5em;
   /* border:2px solid darkgoldenrod;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);*/
}
img[class*="attachment-thumbnail"] {border:none; box-shadow:none; width:100%; max-width:100%; border-radius:0; margin:0;}

/* img */
.aligncenter, .centeri {
    display: block !important;
    margin: 0 auto !important;
}
.alignright, .righti { float: right !important; margin: 1%; max-width:40% !important;}
.alignleft, .lefti { float: left !important; margin: 1%; max-width:40% !important;}

.thumimg img{
width:46%;
height:auto;
display:block;
border-radius:0.5em;
/* border:2px solid darkgoldenrod;*/
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
float: right;
margin: 0.5em 2%;
}
.thumimgb img{
width:46%;
height:auto;
display:block;
border-radius:0.5em;
/* border:2px solid darkgoldenrod;*/
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
float: right;
margin: 0.5em 2%;
max-height: 312.56px;
}
.thumimg2 img{
width:35%;
height:auto;
display:block;
border-radius:0.5em;
/* border:2px solid darkgoldenrod;*/
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
float: right;
margin: 0.5em 2%;
max-height: 237.83px;
}
img[class*="aligncenter"]{box-shadow:none;}
.searchform{
        background-color:#fdfcf2;
        border:1px solid #ddd;  
        color:#5C4138;
        padding:0.5em;
        margin:0;
}
.screen-reader-text{
        display:none;
}
.recentcomments{color:#5C4138;}
.widget{
        width:100%;
        margin:0;
}
.widget-title{
        text-align:center;
        font-size:1em;
        font-family: monospace; 
        clear: both;
        padding: 0.4em 0.1em;
        color: #ffffff;
        text-shadow: #333 0em 0.1em 0.2em;
        background-color: var(--color-e);
}
.textwidget{
          margin:0;
}
.textwidget:after{
        content: "";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.widget ul{
        background-color:#fdfcf2;
        border:1px solid #ddd;  
        margin:0;
}
.widget ul li{
        border-bottom:1px solid #ddd;
        list-style-type:none;
        margin:0em;
        padding:0.2em 0.5em;
        color:#d64d48;
        line-height: 1;
}
.widget ul li:last-child{
        border-bottom:none;
}
.widget ul li a{
        color:#d64d48;
        text-decoration:none;
        text-align:left;
        font-size:0.6em;
        font-weight:bold;
}
.widget ul li a:hover{
    color: #fffe00;
    background-color: #ffffe0;
    opacity: 0.8;
}
.widget ul li:hover{
    background-color: #ffffe0;
    opacity: 0.8;
}
.widget ul li:hover a{
    color: #948612;
}
abbr[title]{text-decoration:none; border-bottom:none;}

/*-cl bg line dot dash st hrv------------------------------------------------------------------------------------------------*/
.cla{color: var(--color-a); text-shadow: 0 0 8px rgba(92,55,27,.5);}
.clb {color: #2f4665; text-shadow: 0 0 8px rgba(92,55,27,.5);}
.clr{color:#b43232 !important;}
.clg{color:#805d00 !important;}
.cl0{color:#ff0000 !important;}
.cl1{color:#ffffff !important;}
.cl2{color:#000000 !important;}
.cl3{color:#f3f305 !important;}
.cl4{color:#dd1201 !important;}
.cl5{color:#4285f4 !important;}
.cl6{color:var(--color-g) !important;}
.cl7{color:#ffff00 !important;}
.bgs{
background-color: var(--color-e);
}
.bgs2{
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #2d4b82;
background-image: linear-gradient(-45deg, var(--color-e) 25%, transparent 25%,
          transparent 50%, var(--color-e) 50%, var(--color-e) 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, var(--color-e)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, var(--color-e)),
            color-stop(.75, var(--color-e)), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, var(--color-e) 25%, transparent 25%,
          transparent 50%, var(--color-e) 50%, var(--color-e) 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, var(--color-e) 25%, transparent 25%,
          transparent 50%, var(--color-e) 50%, var(--color-e) 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, var(--color-e) 25%, transparent 25%,
          transparent 50%, var(--color-e) 50%, var(--color-e) 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, var(--color-e) 25%, transparent 25%,
          transparent 50%, var(--color-e) 50%, var(--color-e) 75%,
          transparent 75%, transparent);
}

.bgs3{
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #000000;
background-image: linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #333333), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333333),
            color-stop(.75, #333333), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
}
.bgg{background-color:#805d00; overflow: hidden;}
.bgt{background-color:#f6f5d6 !important;}
.bg0{background-color:#000000 !important;}
.bg1{background-color:#ffffff !important;}
.bg2{background-color:#808080 !important;}
.bg3{background-color:#f3f305 !important;}
.bg4{background-color:#dd1201 !important;}
.bg5{background-color:#4285f4 !important;}
.bg6{background-color:var(--color-g) !important;}
.bg7{background-color:#ffff00 !important;}
.lineg{border-bottom: 0.1em solid #805d00;}
.line0{border-bottom: 0.1em solid #000000;}
.line1{border-bottom: 0.1em solid #ffffff;}
.line2{border-bottom: 0.1em solid #808080;}
.line3{border-bottom: 0.1em solid #fbbd0a;}
.line4{border-bottom: 0.1em solid #ea4335;}
.line5{border-bottom: 0.1em solid #4285f4;}
.line6{border-bottom: 0.1em solid var(--color-g);}
.line7{border-bottom: 0.1em solid #ffff00;}
.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 #fbbd0a;}
.dot4{border-bottom: 0.125em dotted #ea4335;}
.dot5{border-bottom: 0.125em dotted #4285f4;}
.dot6{border-bottom: 0.125em dotted var(--color-g);}
.dot7{border-bottom: 0.125em dotted #ffff00;}
.dashg{border-bottom: 0.1em dashed #805d00;}
.dash0{border-bottom: 0.1em dashed #000000;}
.dash1{border-bottom: 0.1em dashed #ffffff;}
.dash2{border-bottom: 0.1em dashed #808080;}
.dash3{border-bottom: 0.1em dashed #fbbd0a;}
.dash4{border-bottom: 0.1em dashed #ea4335;}
.dash5{border-bottom: 0.1em dashed #4285f4;}
.dash6{border-bottom: 0.1em dashed var(--color-g);}
.dash7{border-bottom: 0.1em dashed #ffff00;}
.str{
       font-size: 1.5em;
       font-weight: bold;
       background-color:#ffffe0 !important;
       color:#b43232 !important;
}
.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%,#fbbd0a 100%);}
.st4{background: linear-gradient(rgba(0,0,0,0) 70%,#ea4335 100%);}
.st5{background: linear-gradient(rgba(0,0,0,0) 70%,#4285f4 100%);}
.st6{background: linear-gradient(rgba(0,0,0,0) 70%,var(--color-g) 100%);}
.st7{background: linear-gradient(rgba(0,0,0,0) 70%,#ffff00 100%);}
/*------------------------------------------------
　　hrv
------------------------------------------------*/
.hrv0, .hrv1, .hrv2, .hrv3, .hrv4, .hrv5, .hrv6, .hrv7
{
	position: relative;
	background: transparent;
	border: 1px 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,
.hrv0:before, .hrv1:before, .hrv2:before, .hrv3:before, .hrv4:before, .hrv5:before, .hrv6:before, .hrv7: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
{
        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
{
        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:#fbbd0a transparent transparent transparent;}
.hrv4:before, .hrv4:after{border-color:#ea4335 transparent transparent transparent;}
.hrv5:before, .hrv5:after{border-color:#4285f4 transparent transparent transparent;}
.hrv6:before, .hrv6:after{border-color:var(--color-g) transparent transparent transparent;}
.hrv7:before, .hrv7:after{border-color:#ffff00 transparent transparent transparent;}
/*-hr------------------------------------------------------------------------------------------------*/
.hr0 {
	content: url(../images/zero.png);
	display: block;
	height: 0;
        clear:both;
        margin:0;
}
.cf {zoom: 1;}
.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.bar1, .bar2, .bar3, .bar5
{font-size:1.4em !important; line-height:1; margin:0.2em 0 0.5em; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar4
{font-size:1.4em !important; line-height:1; margin:0.2em 0 0.5em; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar1:before, .bar2:before, .bar3:before, .bar4:before, .bar5:before
{font-size:1.4em !important; text-align:center; vertical-align:text-top;}
.bar1:before {content: "\f103"; font-family: FontAwesome; color:var(--color-g);}
.bar2:before {content: "\f107"; font-family: FontAwesome; color:var(--color-g);}
.bar3:before {content: "\f063"; font-family: FontAwesome; color:var(--color-g);}
.bar4:before {content: "\f067"; font-family: FontAwesome; color:var(--color-g);}
.bar5:before {content: "\f0a7"; font-family: FontAwesome; color:var(--color-g);}

/*-font------------------------------------------------------------------------------------------------*/
h2:not(.noh),.m2{
    font-size:1.2em;
    position: relative;
    text-align:center;
    font-family: monospace;
    margin: 0.2em 0.2em 0.5em;
    padding: 0.2em 0;
    color: #ffffff;
    background-color: var(--color-c);
    clear: both;
}
h2:not(.noh):before,.m2:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid var(--color-e);
    border-top: 0.5em solid var(--color-e);
    content: "";
}
h2:not(.noh):after,.m2:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 0.5em solid transparent;
    border-bottom: 0.5em solid var(--color-e);
    border-top: 0.5em solid var(--color-e);
    content: "";
}
@media only screen and (max-width: 750px)
{
#blogtoukou h2:not(.noh){ text-align:left; padding-left:0.4em;}
}
h3:not(.noh),.m3{
    font-size:1.2em;
    background-color: #fbfbfb;
    padding: 0.2em 0;
    margin: 0.2em 0.2em 0.5em;
    border: 2px solid var(--color-h);
    border-radius: 4px;
    color: #67604a;
    text-shadow: 0.05em 0.02em 0 var(--color-g);
    box-shadow: 0 0.313em 0.938em -0.250em rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0.313em 0.938em -0.250em rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0.313em 0.938em -0.250em rgba(0,0,0,0.3);
    -o-box-shadow: 0 0.313em 0.938em -0.250em rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0.313em 0.938em -0.250em rgba(0,0,0,0.3);
    font-weight: bold;
    text-align:center;
    letter-spacing: 0.1em;
    clear: both;
}
h4:not(.noh),.m4, h4:not(.noh) a, .m4 a{text-decoration:none; font-size: 1em; color: var(--color-b); font-weight: bold; margin-bottom: 0.5em;}
h4:not(.noh) a:link, .m4 a:link, h4:not(.noh) a:visited, .m4 a:visited {color: var(--color-b);}
h4:not(.noh) a:hover, .m4 a:hover{color:var(--color-b);}
h5:not(.noh),.m5{font-size: 1em; color: var(--color-c); font-weight: bold;}
h6:not(.noh),.m6{font-size: 1em; color: var(--color-e); font-weight: bold;}
.ma{
    margin: 0 0 1em 0;
    font-size:1em;
    text-align: center;
}
.ma::before, .ma::after {
    content: " ";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../images/ma.png);
    background-size: contain;
    vertical-align: middle;
    margin: 0 1em;
}
.ma::after {
    right: 0;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.mb{
        font-size:0.8em;
        font-weight: bold;
        line-height:1;
        margin:1em 0 0 0.2em;
        color:var(--color-g);
        padding:0.1em 0.5em;
        background-color: #000;
}
.mc{font-size:1.4em; color:var(--color-e); text-shadow: 0 0 0.3em rgba(92,55,27,0.6); margin: 0.2em 0 0.2em;}
.md{font-size:1.4em; color:var(--color-a); text-shadow: 0 0 0.3em rgba(92,55,27,0.6); margin: 0.2em 0 0.2em;}
.bold{font-weight:bold;}
.pindex{padding:0 0 0 1em;}
.shwhite{text-shadow:-1px -1px #ffffff,1px -1px #ffffff,-1px 1px #ffffff,1px 1px #ffffff;}
.shblack{text-shadow:-1px -1px #000000,1px -1px #000000,-1px 1px #000000,1px 1px #000000;}
.shred{text-shadow:-1px -1px #ff0000,1px -1px #ff0000,-1px 1px #ff0000,1px 1px #ff0000;}
.shgray{text-shadow:-1px -1px #666666,1px -1px #666666,-1px 1px #666666,1px 1px #666666;}
.shyellow{text-shadow:-1px -1px #FFFF00,1px -1px #FFFF00,-1px 1px #FFFF00,1px 1px #FFFF00;}
.naname {
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    padding-left: 0.45em;
    margin-bottom:0.5em;
    margin-top:0.2em;
}
/*------------------------------------------------
　　top-marquee
------------------------------------------------*/
.top-marquee {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    /*position: relative;
    overflow: hidden;*/
    text-align: left;
    color: var(--color-h);
    background-color:var(--color-e);
    font-size: 0.8em;
    font-weight: bold;
overflow: hidden;
}
.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:80s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:80s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:80s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:80s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:80s;
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%);}
}

/*-ol ul------------------------------------------------------------------------------------------------*/
/*------------------------------------------------
　　ol ul 共通
------------------------------------------------*/
ol.ol0, ol.ol1,
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-left:0;
    padding-left:0;
}

/*------------------------------------------------
　　ol list
------------------------------------------------*/
.ol0 {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}
.ol0 > li {
 position: relative;
 margin-bottom: 0.2em;
 padding-left: 2.2em;
 padding-top: 0.2em;
 font-size: 1em;
 line-height: 1.4;
}
.ol0 > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 0.3em;
 width: 1.2em;
 height: 1.2em;
 background: var(--color-d);
 border-radius: 1.2em;
 color: #fff;
 line-height: 1.4;
 text-align: center;
}

.ol1 {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}
.ol1 > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 2.2em;
 font-size: 1em;
 line-height: 1.4;
}
.ol1 > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: -0.8em;
 width: 1.8em;
 text-align: right;
 color: var(--color-d);
 font-weight: bold;
}
/*番号とスタイルを分けるため*/
.ol1 > li:after {
 content: "位";
 position: absolute;
 top: 0.3em;
 left: 1.4em;
 font-size:0.75em;
 color: var(--color-d);
 font-weight: bold;
}
/*
@media only screen and (min-width: 750px) {
.ol1 > li {font-size: 1em; line-height: 1.4;}
.ol1 > li:after {top:0.3em; left:1.5em;}
.ol0 > li {font-size: 1em; line-height: 1.4;}
}*/
/*------------------------------------------------
　　list mark   ul 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; font-size: 1em; line-height: 1.4; text-indent:-1em; padding-left:1em; margin-left: 1em;
}
@media only screen and (max-width: 750px) {
.box4 ul.u1 li, .box4 ul.u2 li, .box4 ul.u3 li, .box4 ul.u4 li, .box4 ul.u5 li, .box4 ul.u6 li, .box4 ul.u7 li,
.box4 ul.u1b li, .box4 ul.u2b li, .box4 ul.u3b li, .box4 ul.u4b li, .box4 ul.u5b li, .box4 ul.u6b li, .box4 ul.u7b li{
  margin-left: 0.5em;
}
}
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{
 font-size: 1em; line-height: 1.4; padding-right:0.6em; font-family: FontAwesome; color:var(--color-d); margin-left: -0.6em; vertical-align: inherit;
}
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{
 font-size: 1em; line-height: 1.4; padding-right:0.6em; font-family: FontAwesome; color:#ff0000; margin-left: -0.6em; vertical-align: inherit;
}
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";}

/*
@media only screen and (min-width: 750px) {
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{
 font-size: 1.125em;
}
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{
 font-size: 1.125em; padding-right:0.6em;
}
}*/


ul.mrbu li{ margin-top: 2em;}


/*------------------------------------------------
　　list mark
------------------------------------------------*/
.list1, .list2, .list3, .list4, .list5, .list6, .list7
{font-weight:bold; font-size:1em; line-height:1; margin:0 0 0.5em 0; padding:0; vertical-align:text-top;}
.list1 a, .list2 a, .list3 a, .list4 a, .list5 a, .list6 a, .list7 a
{color:#d64d48;}
.list1 a, .list2 a:hover, .list3 a:hover, .list4 a:hover, .list5 a:hover, .list6 a:hover, .list7 a:hover
{color:#fffe00;}
.list1:before, .list2:before, .list3:before, .list4:before, .list5:before, .list6:before, .list7:before
{font-size:1em; padding-right:0.25em; vertical-align:baseline;}
.list1:before {content: "\f00c"; font-family: FontAwesome; color:var(--color-d);}
.list2:before {content: "\f046"; font-family: FontAwesome; color:var(--color-d);}
.list3:before {content: "\f14a"; font-family: FontAwesome; color:var(--color-d);}
.list4:before {content: "\f05d"; font-family: FontAwesome; color:var(--color-d);}
.list5:before {content: "\f058"; font-family: FontAwesome; color:var(--color-d);}
.list6:before {content: "\f00d"; font-family: FontAwesome; color:var(--color-d);}
.list7:before {content: "\f0a4"; font-family: FontAwesome; color:var(--color-d);}
/*
@media only screen and (min-width: 750px) {
.list1, .list2, .list3, .list4, .list5, .list6, .list7,
.list1:before, .list2:before, .list3:before, .list4:before, .list5:before, .list6:before, .list7:before
{font-size:1.4em;}
}*/

/*-box------------------------------------------------------------------------------------------------*/
.inner
{
        width:100%;
        max-width:750px;
        margin:0 auto;
        padding:0.2em 0.5em 1em;
        display:block;
        clear:both;
        overflow:hidden;
}
.inner > p{padding-left:0.5em; padding-right:0.5em;}
.b0
{
        width:100%;
        margin:0 auto;
        padding:0;
        display:block;
}
.bt4
{
        width:100%;
        margin:0 auto 1em;
        padding:0;
        display:block;
        float:left;
}
.b1, .b2, .b3, .b4
{
        padding:0;
        display:block;
        float:left;
}
.b1, .b2, .b3, .b4{width:100%; margin:0; padding:0;}
.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;}
.n55l{display:block;padding:0;margin:0;width:100%;}
.n55r{display:none;float:right;}
.n64l{display:block;padding:0;margin:0;width:100%;}
.n64r{display:none;}
.n46l{display:none;}
.n46r{display:block;padding:0em;margin:0;width:100%;}
.n73l{display:block;padding:0em;margin:0;width:100%;}
.n73r{display:none;}
.n37l{display:none;}
.n37r{display:block;padding:0;margin:0;width:100%;}
.n82l{display:block;padding:0;margin:0;width:100%;}
.n82r{display:none;}
.n28l{display:none;}
.n28r{display:block;padding:0;margin:0;width:100%;}
.n91l{display:block;padding:0;margin:0;width:100%;}
.n91r{display:none;}
.n19l{display:none;}
.n19r{display:block;padding:0;margin:0;width:100%;}
.bb55l{display:block;padding:0;margin:0;width:100%;}
.bb55r{display:block;padding:0;margin:0;width:100%;}
.bb64l{display:block;padding:0;margin:0;width:100%;}
.bb64r{display:block;padding:0;margin:0;width:100%;}
.bb46l{display:block;padding:0;margin:0;width:100%;}
.bb46r{display:block;padding:0;margin:0;width:100%;}
.bb73l{display:block;padding:0;margin:0;width:100%;}
.bb73r{display:block;padding:0;margin:0;width:100%;}
.bb37l{display:block;padding:0;margin:0;width:100%;}
.bb37r{display:block;padding:0;margin:0;width:100%;}
.bb82l{display:block;padding:0;margin:0;width:100%;}
.bb82r{display:block;padding:0;margin:0;width:100%;}
.bb28l{display:block;padding:0;margin:0;width:100%;}
.bb28r{display:block;padding:0;margin:0;width:100%;}
.bb91l{display:block;padding:0;margin:0;width:100%;}
.bb91r{display:block;padding:0;margin:0;width:100%;}
.bb19l{display:block;padding:0;margin:0;width:100%;}
.bb19r{display:block;padding:0;margin:0;width:100%;}
.bb33l{display:block;padding:0;margin:0;width:100%;}
.bb33c{display:block;padding:0;margin:0;width:100%;}
.bb33r{display:block;padding:0;margin:0;width:100%;}

/**********************************************************
 * 187.5px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 187.5px)
{
.b4, .bt4 {width:100%; padding-left: -webkit-calc(50vw - 93.75px); padding-right: -webkit-calc(50vw - 93.75px); padding-left: calc(50vw - 93.75px); padding-right: calc(50vw - 93.75px);}
}

/**********************************************************
 * 250px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 250px)
{
.b3 {width:100%; padding-left: -webkit-calc(50vw - 125px); padding-right: -webkit-calc(50vw - 125px); padding-left: calc(50vw - 125px); padding-right: calc(50vw - 125px);}
}

/**********************************************************
 * 320px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 320px)
{
.bt4 {width:50%; padding-left: -webkit-calc(25vw - 80px); padding-right: -webkit-calc(25vw - 80px); padding-left: calc(25vw - 80px); padding-right: calc(25vw - 80px);}
}

/**********************************************************
 * 375px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 375px)
{
.b2 {width:100%; padding-left: -webkit-calc(50vw - 187.5px); padding-right: -webkit-calc(50vw - 187.5px); padding-left: calc(50vw - 187.5px); padding-right: calc(50vw - 187.5px);}
.b4, .bt4 {width:50%; padding-left: -webkit-calc(25vw - 93.75px); padding-right: -webkit-calc(25vw - 93.75px); padding-left: calc(25vw - 93.75px); padding-right: calc(25vw - 93.75px);}
}

/**********************************************************
 * 450px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 450px)
{
.bt4 {width:33.3%; padding-left: -webkit-calc(16.66vw - 75px); padding-right: -webkit-calc(16.6vw - 75px); padding-left: calc(16.6vw - 75px); padding-right: calc(16.6vw - 75px);}
}

/**********************************************************
 * 750px以上 タブレット中以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
.b2{width:50%; padding-left:0; padding-right:0;}
.b3{width:33.3%; padding-left:0; padding-right:0;}
.b4, .bt4{width:25%; padding-left:0; padding-right:0;}
.n55l{display:block;padding:0;margin:0;width:50%;float:left;}
.n55r{display:block;padding:0;margin:0;width:50%;float:right;}
.n64l{display:block;padding:0;margin:0;width:60%;float:left;}
.n64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.n46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.n46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.n73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.n73r{display:block;padding:0;margin:0;width:30%;float:right;}
.n37l{display:block;padding:0;margin:0;width:30%;float:left;}
.n37r{display:block;padding:0;margin:0;width:70%;float:right;}
.n82l{display:block;padding:0;margin:0;width:80%;float:left;}
.n82r{display:block;padding:0;margin:0;width:20%;float:right;}
.n28l{display:block;padding:0;margin:0;width:20%;float:left;}
.n28r{display:block;padding:0;margin:0;width:80%;float:right;}
.n91l{display:block;padding:0;margin:0;width:90%;float:left;}
.n91r{display:block;padding:0;margin:0;width:10%;float:right;}
.n19l{display:block;padding:0;margin:0;width:10%;float:left;}
.n19r{display:block;padding:0;margin:0;width:90%;float:right;}
.bb55l{display:block;padding:0;margin:0;width:50%;float:left;}
.bb55r{display:block;padding:0;margin:0;width:50%;float:right;}
.bb64l{display:block;padding:0;margin:0;width:60%;float:left;}
.bb64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.bb46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.bb46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.bb73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.bb73r{display:block;padding:0;margin:0;width:30%;float:right;}
.bb37l{display:block;padding:0;margin:0;width:30%;float:left;}
.bb37r{display:block;padding:0;margin:0;width:70%;float:right;}
.bb82l{display:block;padding:0;margin:0;width:80%;float:left;}
.bb82r{display:block;padding:0;margin:0;width:20%;float:right;}
.bb28l{display:block;padding:0;margin:0;width:20%;float:left;}
.bb28r{display:block;padding:0;margin:0;width:80%;float:right;}
.bb91l{display:block;padding:0;margin:0;width:90%;float:left;}
.bb91r{display:block;padding:0;margin:0;width:10%;float:right;}
.bb19l{display:block;padding:0;margin:0;width:10%;float:left;}
.bb19r{display:block;padding:0;margin:0;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;}
}
.bgbox1 {background-image: url(../images/bg1.png); background-position: 0 100%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0; padding-bottom: 2.5em !important;}
.bgbox2 {background-image: url(../images/bg2.png); background-position: 0 100%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0; padding-bottom: 2.5em !important;}
.bgbox3 {background-image: url(../images/bg3.png); background-position: 0 4em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0.5em 0 1em; background-color: rgba(255, 255, 255, 0.96); border-radius:15px;}
.bgbox4 {background-image: url(../images/bg4b.png); background-position: 0 0.5em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.bgbox5 {background-image: url(../images/bg5.png); background-position: 0 0.5em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.bgbox6 {background-image: url(../images/bg6.png); background-position: 0 0.5em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.bgbox7 {background-image: url(../images/bg8.png); background-position: 0 0.5em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}

.box0 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    background-color: #ffffff;
    border-radius: 15px;
}
.box1,.catbox {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid var(--color-g);
    border-radius: 5px;
    background-color: #ffffff;
}
.box2 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border-radius: 5px;
    background-color: var(--color-f);
}
}
.box3 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 1.5em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-b);
    border-radius: 5px;
    background-color: #fff6fc;
}
.box4 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-g);
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: var(--color-h);
}
.box5 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-g);
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ea4335;
}
.box6 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-g);
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #4285f4;
}
.box7 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #bbb053;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: var(--color-g);
}
.box8 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-g);
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #999999;
}
.box9 {
    display: block;
    clear: both;
    overflow: hidden;
    float: left;
    width: 94%;
    margin: 0 3% 1em;
    padding: 0.5em 2%;
    border: 1px solid var(--color-g);
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #f8f5f0;
}

/*-img v------------------------------------------------------------------------------------------------*/
.sideimg{width:95%; height:auto; border-style:none; display:block; margin:0 2% 0;}
.img100 {width:100%; height:auto; border-style:none; display:block; margin:0 auto;}
.img98 {width:98%; height:auto; border-style:none; display:block; margin:0 auto;}
.img90 {width:90%; height:auto; border-style:none; display:block; margin:0 auto;}
.img70 {width:70%; height:auto; border-style:none; display:block; margin:0 auto;}
.img50 {width:50%; height:auto; border-style:none; display:block; margin:0 auto;}
.img30 {width:30%; height:auto; border-style:none; display:block; margin:0 auto;}
.img98n {width:98%; height:auto; border-style:none; display:block;}
.img90n {width:90%; height:auto; border-style:none; display:block;}
.img70n {width:70%; height:auto; border-style:none; display:block;}
.img50n {width:50%; height:auto; border-style:none; display:block;}
.img30n {width:30%; height:auto; border-style:none; display:block;}
.img100g {width:100%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img98g {width:98%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img90g {width:90%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img70g {width:70%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img50g {width:50%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img30g {width:30%; height:auto; display:block; margin:0 auto; border-radius:7px; box-shadow: 5px 3px 20px -5px rgba(0, 0, 0, 0.8);}
.img100s {width:100%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img98s {width:98%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img90s {width:90%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img70s {width:70%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img50s {width:50%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img30s {width:30%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img98l {width:98%; height:auto; border-style:none; float:left; margin:5px 1%;}
.img90l {width:90%; height:auto; border-style:none; float:left; margin:5px 2%;}
.img70l {width:70%; height:auto; border-style:none; float:left; margin:5px 2%;}
.img50l {width:50%; height:auto; border-style:none; float:left; margin:5px 2%;}
.img30l {width:30%; height:auto; border-style:none; float:left; margin:5px 2%;}
.img98r {width:98%; height:auto; border-style:none; float:right; margin:5px 1%;}
.img90r {width:90%; height:auto; border-style:none; float:right; margin:5px 2%;}
.img70r {width:70%; height:auto; border-style:none; float:right; margin:5px 2%;}
.img50r {width:50%; height:auto; border-style:none; float:right; margin:5px 2%;}
.img30r {width:30%; height:auto; border-style:none; float:right; margin:5px 2%;}
.img98ls {width:98%; height:auto; float:left; margin:5px 1%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img90ls {width:90%; height:auto; float:left; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img70ls {width:70%; height:auto; float:left; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img50ls {width:50%; height:auto; float:left; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img30ls {width:30%; height:auto; float:left; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img98rs {width:98%; height:auto; float:right; margin:5px 1%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img90rs {width:90%; height:auto; float:right; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img70rs {width:70%; height:auto; float:right; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img50rs {width:50%; height:auto; float:right; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img30rs {width:30%; height:auto; float:right; margin:5px 2%; border-radius:0.5em; border:2px solid darkgoldenrod; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.thumimg img{
width:46%;
height:auto;
display:block;
float: right;
margin: 0.5em 2%;
}
.thumimg2 img{
width:35%;
height:auto;
display:block;
float: right;
margin: 0.5em 2%;
}
/*------------------------------------------------
　　div imgbtn a img
------------------------------------------------*/
/*------------------------------------------------
　　tagcloud
------------------------------------------------*/
.tagcloud, .tags{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    clear: both;
}
.tagcloud li, .tags li{
    display: inline-block;
    padding: 0;
    margin: 0 0.2em 0.2em 0;
}
.tagcloud a, .tags a{
 background:var(--color-b);
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:600;
 white-space: nowrap;
}
.tagcloud a:hover, .tags a:hover{
opacity:0.8;
}
.tagcloud a:before, .tags a:before{
 content: "\f0a4";
 font-family: FontAwesome;
 font-weight:600;
 color:#fff;
 padding-right:6px;
}
.tagcloud a span, .tags a span{
 padding-left:0.5em;
 color:#fff;
}

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

/*------------------------------------------------
　　hover img
------------------------------------------------*/
.hover1 a {
  position: relative;
  overflow: hidden;
  float: left;
  width: 90%;
  margin: 5vw 5% 0;
  line-height:0;
  border-radius: 5px;
  box-shadow: #444 3px 2px 8px;
}
@media only screen and (min-width: 1000px)
{
.hover1 a {margin: 2.2em 5% 0;}
}
.hover1 a img{
  width: 100%;
  margin:0;
}
.hover1 a:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 50%;
  left: 50%;
  width: 0%;
  height: 0%;
  transition: 0.2s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hover1 a:hover:after {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-top: 5px solid var(--color-e);
  border-bottom: 5px solid var(--color-e);
  border-left: 5px solid var(--color-e);
  border-right: 5px solid var(--color-e);
}
.hover1 span {
    position: absolute;
    color: #ff0000;
    font-size: 1em;
    line-height:1;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background: #ddd;
    width: 96%;
    left: 2%;
    bottom: 0.2em;
    padding: 0.2em 0.2em 0.1em;
    margin: 0;
    border-radius: 5px;
    z-index: 2;
}
.hover1 a:link span, .hover1 a:visited span, .hover1:active a, .hover1 > a span {color:#ff0000; text-decoration:none;}
.hover1 a:hover > span {color:var(--color-e); text-decoration:none;}

/*------------------------------------------------
　　v1
------------------------------------------------*/
.v1 {
        position:relative;
        padding:0 0 65% 0;
        height:0;
        overflow:hidden;
        margin:0;
}
.v1 iframe, 
.v1 object, 
.v1 embed {
        position: absolute;
        top:0%;
        left:0%;
        width:100%;
        height:100%;
}
@media only screen and (min-width: 750px)
{
.v1 {
        position:relative;
        padding-bottom:65%;
        padding-top:0;
        height:0;
        overflow:hidden;
        margin-bottom:-10%;
}
.v1 iframe, 
.v1 object, 
.v1 embed {
        position: absolute;
        top:0%;
        left:10%;
        width:80%;
        height:80%;
}
}

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

/*-pagenation------------------------------------------------------------------------------------------------*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 4px 14px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 4px 14px;
    text-decoration: none;
    text-shadow: 0 -1px 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;
}

/*-topcatch------------------------------------------------------------------------------------------------*/
.topcatch {
        background-image: url(../images/catch.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: #efe9b7;
    width: 98%;
    max-height: 80px;
    height: auto;
    margin: 0.2em 1% 0.5em;
    padding: 0;
    overflow: hidden;
  /*  border: 1px solid var(--color-g);*/
    border-radius: 5px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
.topcatch > h2 {
    text-shadow: 1px 1px 1px var(--color-g);
    background: rgba(134, 24, 27, 0.1);;
    color: #f4e2a7;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 1.4em;
    padding: 0.1em 0;
    line-height: 1;
    border: none;
    border-radius: 0;
}
.topcatch > h2:before, .topcatch > h2:after{content:none;}

/*-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: 12px;
}
.modal_window::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
.modal_window::-webkit-scrollbar-thumb{
  background: var(--color-g);
  border-radius: 10px;
  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: #000;
    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: 10px;
  /* 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.2em 0.5em 0.1em;
    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: 10px;
    background-color: var(--color-c);
    color: #fff;
    border: 2px solid #fff;
}
.modal_window-close:link, .modal_window-close:visited, .modal_window-close:active{color:#fff;}
.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: var(--color-d); color:#fff;
}
@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% - 365px);}
.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;
}

/*-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: 8px;
}

/*ラベルホバー時*/
.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: 5px;
    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: 80px; /* 閉じるボタンの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;
}

/*-SNS------------------------------------------------------------------------------------------------*/
/* SNSボタン */
.share {margin-top:0.5em; display:block; clear:both; overflow:hidden;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {
    display: block;
    padding: 0.5em 0 0.5em 0;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
}
.share li a:hover {opacity:0.8; color:#fff;}
.share li a:visited{ color:#fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #3b5998;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
  
.share li {
  float : left;
  width : 22%;
  margin:0.2em 1.5% 0.2em 1.5%;
}
/* cvfb cvline */
.cvfb a:link,.cvfb a:active, .cvfb a:visited{
    display: block;
    padding: 10px 6px;
    margin: 1em;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    background-color:#315096;
}
.cvfb a:hover{
    opacity:0.8;
}
.cvline a:link,.cvline a:active, .cvline a:visited{
    display: block;
    padding: 10px 6px;
    margin: 1em;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    background-color:#00c300;
}
.cvline a:hover{
    opacity:0.8;
}

/*-page-top------------------------------------------------------------------------------------------------*/
/*#page-top1,#page-top2,#page-top3{display:none;}
@media screen and (min-width:750px){*/
#page-top1{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 45px;
  right: 10px;
  width: 2.6em;
  padding: 0.6em 0.1em;
  text-align: center;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
}
#page-top2{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 45px;
  right: 10px;
  width: 2.6em;
  padding: 0.6em 0.1em;
  text-align: center;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  transition: .5s;
}
#page-top3{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 45px;
  right: 10px;
  width: 2.6em;
  padding: 0.6em 0.1em;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  transform: rotateY(270deg);
  transition: .5s;
}
#page-top1,#page-top2,#page-top3{background: var(--color-a);}
#page-top1:hover, #page-top2:hover, #page-top3:hover{opacity:0.8;}
#page-top1 a,#page-top2 a,#page-top3 a
{
  font-size:0.8em;
  color:var(--color-h);
  text-decoration:none;
}
#page-top1 a:hover,#page-top2 a:hover,#page-top3 a:hover
{
opacity:0.8;
}

/*-cvbtn------------------------------------------------------------------------------------------------*/
.cv-box
{
        background-color: #ffffe0;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #ffffe0;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, var(--color-f)), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(var(--color-f) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(var(--color-f) 50%, transparent 50%, transparent);
background-image: linear-gradient(var(--color-f) 50%, transparent 50%, transparent);
        width:98%;
        margin: 0.3em;
        padding: 0.5em 0.8em 0.5em;
        display:block;
        clear:both;
        overflow:hidden;
        float:left;
        border: solid 0.0625em #cccccc;
        -webkit-box-shadow: 0.125em 0.125em 0.1875em var(--color-f);
        -moz-box-shadow: 0.125em 0.125em 0.1875em var(--color-f);
        box-shadow: 0.125em 0.125em 0.1875em var(--color-f);
        -webkit-border-radius:1em 1em 1em 1em;
        -moz-border-radius:1em 1em 1em 1em;
        border-radius:0.5em 0.5em 0.5em 0.5em;
}
.cv-btn, .cv-btn:link, .cv-btn:visited{
  display:block;
  clear: both;
  margin:0.8em auto 0.8em;
  max-width:10em;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.25;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 1.4em;
  background-color: #34ac53;
  -webkit-box-shadow: inset 0 0 1px 1px var(--color-b), 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px var(--color-b), 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px var(--color-b), 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px var(--color-e);
  -moz-text-shadow: 1px 1px 1px var(--color-e);
  -o-text-shadow: 1px 1px 1px var(--color-e);
  text-shadow: 1px 1px 1px var(--color-e);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  padding: 10px 0;
}
.cv-btn span {
  letter-spacing: 0.1em;
  font-size: 0.9em;
}
.cv-btn:hover {
opacity:0.8;
}

/*-btn------------------------------------------------------------------------------------------------*/
.btna{
display: block;
    padding: 0;
    text-align: center;
}
.btna a, .wpcf7-submit {
  color: #fff;
  background-color:var(--color-c);
font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5em;
  border:none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.btna a:hover, .wpcf7-submit:hover {
opacity:0.8;
padding: 0.45em 1em;
}
.btna a:hover > span{content="→"; display:block;}

.clicka,.clickb,.clickc {
    padding: 0;
   /* margin-left: 1em;*/
    text-align: center;
}
.clicka a:link,.clicka a:visited,.clicka a:active{
    font-size: 0.8em;
color:var(--color-b);
background: #ffffff;
}
.clickb a:link,.clickb a:visited,.clickb a:active{
    font-size: 0.8em;
color: #ffffff;
background: var(--color-b);
}
.clickc a:link,.clickc a:visited,.clickc a:active{
    font-size: 1.2em;
color: #ffffff;
background: var(--color-b);
}
.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: 2px solid #eee;
    font-weight: bold;
    padding: 0.3em 0.6em;
    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 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.clicka a:hover{
opacity:0.8;
}
.clickb a:hover{
opacity:0.8;
}
.clickc a:hover{
opacity:0.8;
}
.tellb,.tellb a{font-size:1.2em; color:var(--color-b); margin:0; padding:0; text-decoration: none;}
.tellb:before{content: "\f0a4"; font-family: FontAwesome; color:#666; font-size:1em; padding-right:0.25em; vertical-align:top;}
.tellb a:hover{opacity:0.8;}

/*-full-bg------------------------------------------------------------------------------------------------*/
/*-full-bg-*/
.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;}
@media print, screen and (max-width: 750px)
{
.full-bgmb {
  background-image: url(../images/full-bgmb.jpg); 
  background-color: #fdfdf6;
  background-position: left top; 
  background-repeat: repeat;   
}
}
@media print, screen and (min-width: 750px)
{
.full-bg {
  background-image: url(../images/full-bg.png); 
  background-color: #fdfdf6;
  background-position: center top; 
  background-repeat: no-repeat;   
  background-attachment: fixed;   
  background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;    
}
}
@media only screen and (min-width: 1000px)
{
.full-bg2 {
  background-image: url(../images/full-bg2.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;   
}
}
@media only screen and (min-width: 1250px)
{
.full-bg2 {background-image: url(../images/full-bg3.png);}
}
/*-動画を背景に設定するスタイルシート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: 750px) {
#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;
}
}


/*-card------------------------------------------------------------------------------------------------*/
.content .card-box, #side1 .card-box , #side2 .card-box {
        background-color:#fdfcf2;
        border:1px solid #b7ad70;
        box-sizing:border-box;
        float:left;
        width:100%;
        position: relative;
}
.content .card-box {margin: 0.3em 0;}
#side1 .card-box , #side2 .card-box {margin:0;}
.content .card-box{font-size: -webkit-calc(100vw / 20); font-size: calc(100vw / 20);}
.card-excerpt{
        text-decoration:none;
        text-align:left;
        font-size:0.8em;
        line-height:1;
        color:#000000;
        margin:2.2em 0 0;
        padding: 0.2em 0.2em 0;
}
.card-box-left{
        width:30%;
        display:block;
        margin:0;
        padding:0;
        position: relative;
        overflow: hidden;
        float:left;
        background-color:var(--color-f);
}
.card-box-left img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        display: block;
}
.card-box-left p{margin:0; line-height:1.3;}
.card-text {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size:0.6em;
        margin:0;
        line-height:1.3;
}
.all{background-color:var(--color-f); color:#ffffff;}
.blog{background-color:var(--color-f); color:#ffffff;}
.card-text > a:link, .card-text > a:visited, .card-text > a:active, .card-text > a{text-decoration:none;}
.card-box-right{
        width:70%;
        display:block;
        padding:0;
        margin:0 auto;
        float:right;
}
.card-box-right a{
        color:var(--color-b);
        text-decoration:none;
        text-align:left;
        font-size:0.8em;
        font-weight:bold;
        display: block;
        position: absolute;
        top: 0;
        left: 30%;
        height:100%;
        width:70%;
}
.card-box-left a:hover{
        opacity: 0.5;
}
.card-box-right a:hover{
        opacity: 0.8;
}

.card-title a{line-height:1; padding:0.2em;}
.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: var(--color-h);
        color: #fff;
}
.view_count{float:right; padding:0; color:#666; font-size:10px; line-height:0.4;}

/**********************************************************
 * 375px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 375px)
{
.content .card-box, #side1 .card-box , #side2 .card-box {width:375px; margin-left: -webkit-calc(50vw - 187.5px); margin-right: -webkit-calc(50vw - 187.5px); margin-left: calc(50vw - 187.5px); margin-right: calc(50vw - 187.5px);}
.content .card-box, #side1 .card-box , #side2 .card-box {font-size: 25px;}
#side1 .card-box , #side2 .card-box {margin-top:0.3em; margin-bottom:0.3em;}
}

/**********************************************************
 * 750px以上 タブレット&PC *
 **********************************************************/
@media print, screen and (min-width: 750px)
{
.content .card-box, #side1 .card-box , #side2 .card-box {width:50%; margin: 0.3em 0;}
}

/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#side1 .card-box {width:100%; margin: 0;}
#side1 .card-title a{padding: 0.5em 0.2em 0.2em;}
#side1 .card-excerpt{display:none;}
#side1 .rank-num {font-size: 0.6em;}
#side1 .card-text {font-size:0.4em;}
}

/**********************************************************
 * 1250px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1250px)
{
#side2 .card-box {width:100%; margin: 0;}
#side2 .card-title a{padding: 0.5em 0.2em 0.2em;}
#side2 .card-excerpt{display:none;}
#side2 .rank-num {font-size: 0.6em;}
#side2 .card-text {font-size:0.4em;}
}

.entry-more{float:right; padding:0 1em 0 0;}
.entry-more a{color:var(--color-c);}
.entry-more a:hover{opacity:0.8;}
.catch {
        position: relative;
        overflow: hidden;
}
.catch img, .post-box-left img, .side-box-left img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
}
.catch-textsw {
    position: absolute;
    color: var(--color-e);
    font-size: 2em;
    line-height:1;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background: #ddd;
    width: 80%;
    left: 10%;
    bottom: 1em;
    padding: 0.3em 0.2em;
    margin: 0;
    z-index: 1;
}
.catch-textsw:link, .catch-textsw:visited, .catch-textsw:active, .catch-textsw>a{color:#ff0000; text-decoration:none;}

/*-hito------------------------------------------------------------------------------------------------*/
.hitoa{background:url(../images/hito80a.png) no-repeat left;}
.hitob{background:url(../images/hito80b.png) no-repeat left;}
.hitoc{background:url(../images/hito80c.png) no-repeat left;}
.hitod{background:url(../images/hito80d.png) no-repeat left;}
.hitoe{background:url(../images/hito80e.png) no-repeat left;}
.hitof{background:url(../images/hito80f.png) no-repeat left;}
.hitog{background:url(../images/hito80g.png) no-repeat left;}
.hitoa, .hitob, .hitoc, .hitod, .hitoe, .hitof, .hitog{
        width:98%;
        max-width:320px;
        height:3em;
        margin:0;
        padding:0;
        display:block;
        border: dotted var(--color-h);
        border-radius: 10px;
        background-color: var(--color-f);
}
.hitoa p, .hitob p, .hitoc p, .hitod p, .hitoe p, .hitof p, .hitog p{
        padding-left: 3em;
        font-weight: bold;
        line-height: 0.5;
        text-align:left;
        vertical-align: middle;
}

/*-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;}
.mws{max-width: 375px !important;}
.lh0{line-height:0 !important;}
.lh1{line-height:1 !important;}
.lh15{line-height:1.5 !important;}
.lh2{line-height:2 !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.2em !important; padding-right:0.2em !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.2em !important; padding-bottom:0.2em !important;}
.pdtl{padding-top:1.5em !important;}
.pdtm{padding-top:1em !important;}
.pdts{padding-top:0.5em !important;}
.pdtss{padding-top:0.2em !important;}
.pdbl{padding-bottom:1.5em !important;}
.pdbm{padding-bottom:1em !important;}
.pdbs{padding-bottom:0.5em !important;}
.pdbss{padding-bottom:0.2em !important;}
.pdn{padding:0 !important;}
.mra{margin:0 auto !important;}
.mrn{margin:0;}
.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.2em !important; margin-right:0.2em !important;}
.mrlrn{margin-left:0em !important; margin-right:0em !important;}
.mrll{margin-left:1.5em !important;}
.mrlm{margin-left:1em !important;}
.mrls{margin-left:0.5em !important;}
.mrlss{margin-left:0.2em !important;}
.mrln{margin-left:0em !important;}
.mrrl{margin-right:1.5em !important;}
.mrrm{margin-right:1em !important;}
.mrrs{margin-right:0.5em !important;}
.mrrss{margin-right:0.2em !important;}
.mrrn{margin-right:0em !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.2em !important; margin-bottom:0.2em !important;}
.mrtbn{margin-top:0em !important; margin-bottom:0em !important;}
.mrtl{margin-top:1.5em !important;}
.mrtm{margin-top:1em !important;}
.mrts{margin-top:0.5em !important;}
.mrtss{margin-top:0.2em !important;}
.mrtn{margin-top:0em !important;}
.mrbl{margin-bottom:1.5em !important;}
.mrbm{margin-bottom:1em !important;}
.mrbs{margin-bottom:0.5em !important;}
.mrbss{margin-bottom:0.2em !important;}
.mrbn{margin-bottom:0em !important;}
.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;}
.max320{display:block !important;}
.min320{display:none !important;}
.max375{display:block !important;}
.min375{display:none !important;}
.max500{display:block !important;}
.min500{display:none !important;}
.max750{display:block !important;}
.min750{display:none !important;}
.max1000{display:block !important;}
.min1000{display:none !important;}
.max1250{display:block !important;}
.min1250{display:none !important;}
@media only screen and (min-width: 320px)
{
.max320{display:none !important;}
.min320{display:block !important;}
}
@media only screen and (min-width: 375px)
{
.max375{display:none !important;}
.min375{display:block !important;}
}
@media only screen and (min-width: 500px)
{
.max500{display:none !important;}
.min500{display:block !important;}
}
@media print, screen and (min-width: 750px)
{
.max750{display:none !important;}
.min750{display:block !important;}
}
@media only screen and (min-width: 1000px)
{
.max1000{display:none !important;}
.min1000{display:block !important;}
}
@media only screen and (min-width: 1250px)
{
.max1250{display:none !important;}
.min1250{display:block !important;}
}

/*-no print------------------------------------------------------------------------------------------------*/
@media print{
#breadcrumb{display:none;}
.fixfoot{display:none;}
.full-bg2{display:none;}
.nav-box{display:none;}
#side1{display:none;}
#side2{display:none;}
}

.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;      /* 現行ブラウザ */
}



/*-nav system------------------------------------------------------------------------------------------------*/
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
body.open{
    position: fixed;
}
@media screen and (max-width:750px){
.fixfoot
{
        width:100%;
        height: 40px;
        margin:0;
        padding:0;
        display:block;
        position:fixed;
        bottom:0;
        right:0;
        color:#ffff00;
        font-size:18px;
        font-family: 'Niconne', cursive;
        z-index: 10000;
}

.fffbox{display:block; padding:0; margin:0; width:25%; height:40px; float:left; background:var(--color-a);}
.ffbox{display:block; padding:0; margin:0; width:25%; height:40px; float:left; background:var(--color-a); border-left:1px groove #666;}
.fffboxb{display:block; padding:0; margin:0; width:50%; height:40px; float:left; background:var(--color-a);}
.ffboxb{display:block; padding:0; margin:0; width:50%; height:40px; float:left; background:var(--color-a); border-left:1px groove #666;}
.fffboxc{display:block; padding:0; margin:0; width:75%; height:40px; float:left; background:var(--color-a);}
.ffboxc{display:block; padding:0; margin:0; width:75%; height:40px; float:left; background:#var(--color-a); border-left:1px groove #666;}
.fffbox:active,.ffbox:active{background:var(--color-b);}
.fixfoot a{color:var(--color-h); text-decoration:none;}
.fixfoot a:active{color:var(--color-f);}
.ffin{display:block; padding:10px 0 0 0; margin:0 auto; width:76px; height:40px; text-align:center;}
.ffinb{display:block; padding:10px 0 0 0; margin:0 auto; width:152px; height:40px; text-align:center;}
.ffinc{display:block; padding:10px 0 0 0; margin:0 auto; width:228px; height:40px; text-align:center;}
#menu-btn{
    position:relative;
    display:inline-block;
    cursor: pointer;
    color:var(--color-h);
    /*background-color:#fff;*/
    font-size:18px;
    width:100%;
    height:40px;
    z-index: 2;
}
#menu-btn:before {content:"Menu"; margin-left:-4px;}
#menu-btn span {
    position:absolute;
    display:block;
    width:100%;
    border-bottom:solid 2px var(--color-h);
    -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:7px; right:0; width:10px;}
#menu-btn span:nth-child(2) {top:13px; right:0; width:10px;}
#menu-btn span:nth-child(3) {top:18px; right:0; width:10px;}
.open #menu-btn span:nth-child(1) {
    top: 13px;
    width:12px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.open #menu-btn span:nth-child(3) {
    top: 13px;
    width:12px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.open #menu-btn span:nth-child(2) {
    width: 0px;
}
#footer{padding-bottom:40px;}
}
@media screen and (min-width:750px){
.fixfoot{display:none;}
}

/*-nav pc------------------------------------------------------------------------------------------------*/
@media screen and (min-width:750px){
.nav-box{
    width: 100%;
    margin: 0;
   /* margin: 60px 0 0 0; */
    background-color: var(--color-a);
    height: 40px;
    position: relative;
}
#slide_menu{
    width: 750px;
    margin: 0 auto;
    height: 40px;
}
#menu-btn{display: none;}
#menu-main_menu{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
background-color: var(--color-b);
}
#menu-main_menu > li{
    position: relative;
    float: left;
    text-align: center;
    width: 25%;
    height: 100%;
background-color: var(--color-a);
   /* background: url(../images/nav1.jpg) center no-repeat;
    background-size: cover;
    border-left:1px groove #666;*/
}
#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: var(--color-h);
    font-size: 20px;
    line-height: 40px;
   /*z-index: 2;*/
    padding-top: 1px;
}
#menu-main_menu > li:hover, #menu-main_menu > li > a:hover{
opacity:0.8;
}


/*２階層目*/
#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: 110%;
    height: 40px;
    /*background: url(../images/navs1.jpg) center no-repeat;
    background-size: cover;*/
}
#menu-main_menu > li > ul.sub-menu > li > a{
    display: block;
    text-decoration: none;
    color: var(--color-h);
    background:var(--color-b);
    font-size: 20px;
    line-height: 40px;
}
#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{
opacity:0.8;
}

}

/*-nav mb------------------------------------------------------------------------------------------------*/
@media screen and (max-width:750px){
#slide_menu{
    position: fixed;
    top: 0;
    bottom: 40px;
    overflow:auto;
    left: -275px;
    width: 275px;
   /* max-width: 75%;*/
    height: auto;
    background: #fefed3;
    border-right: 1px solid var(--color-g);
    z-index: 999;
}
#slide_menu::-webkit-scrollbar{
  width: 12px;
}
#slide_menu::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
#slide_menu::-webkit-scrollbar-thumb{
  background: #b5a449;
  border-radius: 10px;
  box-shadow: none;
}
#menu-main_menu{
    margin:0 0 0 0;
    padding: 0;
    width: 100%;
}
#menu-main_menu > li{
    text-align: left;
    width: 100%;
    margin:0;
    padding:0;
    list-style-type: none;
}
#menu-main_menu > li > a{
    width: 100%;
    margin:0;
    padding:0 0 0 0.5em;
    line-height: 2;
    font-size: 25px;
    display: block;
    text-decoration: none;
    color: var(--color-h);
    background: var(--color-a);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#menu-main_menu > li > a:active{
    color: var(--color-f);
    background: var(--color-b);
}
#menu-main_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-main_menu > li > ul.sub-menu{
    width: 100%;
    margin:0;
    padding: 0;
    list-style-type: none;
}
#menu-main_menu > li:active > ul.sub-menu{
    width: 100%;
}
#menu-main_menu > li > ul.sub-menu > li{
    text-align: left;
    width: 100%;
    margin:0;
    padding: 0;
    list-style-type: none;
    /*background: url(../images/navs1.jpg) center no-repeat;
    background-size: cover;*/
}
#menu-main_menu > li > ul.sub-menu > li > a{
    width: 100%;
    margin:0;
    padding:0 0 0 5px;
    display: block;
    text-decoration: none;
    line-height: 2;
    font-size: 25px;
    color: var(--color-h);
    background: var(--color-c);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#menu-main_menu > li > ul.sub-menu > li > a:before {content:url("../images/icon1.png"); font-size:10px; vertical-align:middle; margin-right:0.5em;}
#menu-main_menu > li > ul.sub-menu > li > a:active{
    color: var(--color-f);
    background: var(--color-b);
    /*background: url(../images/navs2.jpg) center no-repeat;
    background-size: cover;*/
}
/*２階層目を非表示
#menu-main_menu > li:active > ul.sub-menu{display: none;}*/
}

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




/*-topinner sw------------------------------------------------------------------------------------------------*/
.sw1{
height:476px;
width:240px;
margin-left:5px;
}
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      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;
    }

.topinner {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
   /* margin: 60px auto 0; */
    padding: 7px 0 0 0;
-webkit-background-size: 160px 160px;
-moz-background-size: 160px 160px;
background-size: 160px 160px;
background-color: #333;
background-image: linear-gradient(left, #444 50%, transparent 50%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #444), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #444 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #444 50%, transparent 50%, transparent);
}
@media only screen and (min-width:750px)
{
.topinner {margin:0 auto;}
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--color-d);
}
.swiper-button-next{background-image:url(../images/swright.png);}
.swiper-button-prev{background-image:url(../images/swleft.png);}
/*
.sw {
    position: relative;
    width: 100%;
    margin-bottom:0px;
}
.sw:before {
    content:"";
    display: block;
    padding-top: 25%; /* 高さを幅の何%に固定 */
    margin-bottom: 0em;
    background: rgba(225,225,225,0.2);
}
.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%;}
.sw-text {
        position: absolute;
        color: #fff;
        text-align: center;
        background:rgba(0,0,0,.6);
        width: 80%;
        left: 10%;
        top: 10%;
        padding: 3% 0;
        font-size:0.8em;
        line-height:1.5;
}
.sw-text:link, .sw-text:visited, .sw-text:active, .sw-text>a{color:#fff; text-decoration:none;}
@media only screen and (min-width: 500px)
{
.sw-text {font-size:1.2em;}
}
@media only screen and (min-width: 750px)
{
.sw-text {font-size:2em;}
}
*/


.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.2em;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: var(--color-h);
    transition: all 1.5s;
}
.minimenu > li:nth-child(1) {border-top: #fff solid 1px; border-right: #fff solid 1px;}
.minimenu > li:nth-child(2) {border-top: #fff solid 1px; border-right: #fff solid 1px;}
.minimenu > li:nth-child(3) {border-top: #fff solid 1px;}
.minimenu > li:nth-child(4) {border-top: #fff solid 1px; border-right: #fff solid 1px;}
.minimenu > li:nth-child(5) {border-top: #fff solid 1px; border-right: #fff solid 1px;}
.minimenu > li:nth-child(6) {border-top: #fff solid 1px;}
.minimenu > li > a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    background: var(--color-e);
    font-size: 0.8em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.minimenu > li > a:hover{
    color: #ffffe0;
    background: var(--color-b);
   /*background: url(./images/nav2.jpg) center no-repeat;
    background-size: cover;*/
}





/*----------------------------------------------------
	.t1-.t3
----------------------------------------------------*/
table.t0, table.t1, table.t2, table.t3 {width:98%; margin:1%; word-break:break-all;table-layout: fixed;}
table.t0 th, table.t0 td, table.t1 th, table.t1 td, table.t2 th, table.t2 td, table.t3 th, table.t3 td{padding:10px; border:1px solid var(--color-g);}
table.t0 th, table.t1 th, table.t2 th, table.t3 th{background-color:var(--color-b); color:#ffffff;}
table.t0 td, table.t1 td, table.t2 td, table.t3 td{background-color:#fff; color:#000000;}

/*----------------------------------------------------
	.t0
----------------------------------------------------*/
table.t0 th{width:25%; text-align:center;}
table.t0 td{text-align:right;}

/*----------------------------------------------------
	.t1
----------------------------------------------------*/
table.t1 th{width:25%; text-align:center;}
.bgbox1 > table.t1 td{text-align:right;}

/*----------------------------------------------------
	.t2
----------------------------------------------------*/
table.t2 th{width:25%;}
table.t2 td{text-align:center;}
table.t2 td:first-child{text-align:left;}

/*----------------------------------------------------
	.t3
----------------------------------------------------*/
table.t3 th{width:25%; text-align:left;}
table.t3 td{text-align:left;}

/*----------------------------------------------------
	.t4
----------------------------------------------------*/
.t4{
width: 100%;
border-collapse: collapse;
border-right: 1px solid #999;
}
.t4 th{
padding: 6px;
text-align: left;
vertical-align: middle;
color: #fff;
background-color: #555;
border-left: 5px solid #ddd; 
border-top: 1px solid #fff;
text-align:center;
font-size:0.9em;
}
.t4 td{
padding: 6px;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
font-size:0.9em;
}
table.t4 tr td:first-child,table.t4 tr td:last-child{
text-align:center;
}
table.t4 tr td:first-child{
color:#b7ab48;
}

/*----------------------------------------------------
	コンタクトフォーム
----------------------------------------------------*/
.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
  margin:0 auto;
  width: 100%;
  max-width:730px;
}
.table-contactform7 th{width:20%; text-align:left; vertical-align: middle;}
.table-contactform7 td{width:80%;}
.table-contactform7 p, .table-contactform7 span{font-size:1em;}
textarea,input[type="text"],input[type="tel"],input[type="email"]{width:100%; font-size:1em !important;}

input[type="text"][name="s"]{
        width:100%;
        font-size:1em;
        margin-top: 1em;
}
#searchsubmit{margin-top: 1em;}
.title-contactform7{padding-left:0;}
.required-contactform7{
  padding: 2px;
  background: var(--color-b);
  color: #fff;
  border-radius: 3px;
  margin-right: 0.2em;
  margin-bottom: 1em;
  float:right;
  font-size: 0.8em !important;
}

.unrequired-contactform7{
  padding: 5px;
  background: var(--color-a);
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 96%;
  margin: 5px 5px 10px 5px;
}
 
.address-100 input{
  max-width: 96%;
  margin: 5px 5px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 5px 10px 5px;
}
.mini{width:auto !important; max-width:5em !important; text-align:center;}

/*----------------------------------------------------
	media
----------------------------------------------------*/
@media only screen and (max-width:500px){
table.t1{margin: 0 auto;}
table.t1 th, table.t1 td{width:100%; display:block; border-top:none;}
table.t1 tr:first-child th{border-top:1px solid #ddd;}
}

@media only screen and (max-width:750px){ 
table.t2{display:block; width:100%; margin:0 auto;}
table.t2 thead{display:block; float:left; overflow-x:scroll;}
table.t2 tbody{display:block; width:auto; overflow-x:auto; white-space:nowrap;}
table.t2 th{display:block; width:auto;}
table.t2 tbody tr{display:inline-block; margin:0 -3px;}
table.t2 td{display:block;}
}

@media only screen and (max-width:500px){ 
table.t3{margin:0 auto;}
table.t3 tr {display:block; margin-bottom:10px;}
table.t3 th {display:block; width:100%;}
table.t3 td {display:list-item; width:90%; margin-left:10%; border:none; background-color:#fff;}
}

@media screen and (max-width: 750px){
.table-contactform7{display:block;}     
.table-contactform7 tbody,
.table-contactform7 tr{
  display: block;
  width: 100%;
  height:auto;
}
.table-contactform7 th{
  width:100%;
  display:block;
  clear:both;
  margin: 0 auto;
  border:none;
  text-align:left;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0 0 1em 0;
  padding:0 auto 0 0;
  width: 100%;
  border-top: none !important;
}
.required-contactform7{
  padding: 2px;
  background: var(--color-b);
  color: #fff;
  border-radius: 3px;
  margin-left: 0.2em;
  margin-bottom: 0;
  float:left;
  font-size: 0.8em !important;
}
}

/*----------------------------------------------------
	tright
----------------------------------------------------*/
table.tright {
    width: 98%;
    margin: 0.3em 1% 0.5em;
    border-collapse: separate;
    border-spacing: 0px 1.714vw;
}
table.tright,table.tright p,table.tright a,table.tright span{font-size:2.571vw;}

table.tright th,table.tright td { padding: 15px 0.75vw;}

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

table.tright th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: var(--color-b);
    border-left-color: var(--color-b);
    border-width: 1.5vw;
    margin-top: -1.5vw;
}

table.tright td {
    background: #fff;
    width: 75%;
    padding-left: 2.571vw;
}
@media print, screen and (min-width: 750px)
{
table.tright {border-spacing: 0px 16px;}
table.tright,table.tright p,table.tright a,table.tright span{font-size:24px;}
table.tright th,
table.tright td { padding: 15px 7px;}
table.tright th:after {border-width: 14px; margin-top: -14px;}
table.tright td {padding-left: 24px;}
}

/*----------------------------------------------------
	tbottom
----------------------------------------------------*/
table.tbottom {
    width: 98%;
    margin: 0.3em 1% 0.5em;
    border-collapse: separate;
    border-spacing: 0px 3vw;
}
table.tbottom,table.tbottom p,table.tbottom a,table.tbottom span{font-size:2.571vw;}

table.tbottom th, table.tbottom td { padding: 15px 0.75vw;}

table.tbottom th {
    background: var(--color-b);
    vertical-align: middle;
    text-align: center;
    width: 25%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}

table.tbottom th:before{
    content: "";
    border: 1.5vw solid transparent;
    border-top: 1.928vw solid var(--color-b);
    position: absolute;
    left: 45%;
    top: 100%;
}
table.tbottom tr.lasttr th:before{
    content: none;
}
table.tbottom td {
    background: #fff;
    width: 75%;
    padding-left: 2.571vw;
}

@media print, screen and (min-width: 750px)
{
table.tbottom {border-spacing: 0px 28px;}
table.tbottom,table.tbottom p,table.tbottom a,table.tbottom span{font-size:24px;}
table.tbottom th,table.tbottom td {padding: 15px 7px;}
table.tbottom th:before{border: 14px solid transparent; border-top: 18px solid var(--color-b);}
table.tbottom tr.lasttr th:before{content: none;}
table.tbottom td {padding-left: 24px;}
}

/* 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:1px solid #ddd;}
table.tright th:after ,table.tbottom th:after {content: none;}
} */

/*----------------------------------------------------
	.thikaku
----------------------------------------------------*/
.thikaku{
width: 98%;
margin: 0.3em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
table.thikaku,table.thikaku p,table.thikaku a,table.thikaku span{font-size:2.5vw;}
table.thikaku th, table.thikaku td { padding: 15px 0.75vw;}
.thikaku th{
color: #ffff09;
background-color: var(--color-b);
border-left: 5px solid var(--color-b); 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
}
.thikaku td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:center;
}
table.thikaku tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: #333333;
color: #ffffff;
font-weight: bold;
}
@media print, screen and (min-width: 750px)
{
table.thikaku,table.thikaku p,table.thikaku a,table.thikaku span{font-size:28px;}
table.thikaku th, table.thikaku td {padding: 15px 0.75vw;}
.thikaku th{border-left: 5px solid var(--color-b);}
}

/*----------------------------------------------------
	.tevent
----------------------------------------------------*/
.tevent{
width: 98%;
margin: 0.3em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
table.tevent,table.tevent p,table.tevent a,table.tevent span{font-size:2.5vw;}
table.tevent th, table.tevent td { padding: 15px 0.75vw;}
.tevent th{
color: #fff;
background-color: var(--color-b);
border-left: 5px solid var(--color-c); 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
}
.tevent td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
}
table.tevent tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: rgba(126, 141, 78, 0.2);
color: var(--color-b);
font-weight: bold;
}
@media print, screen and (min-width: 750px)
{
table.tevent,table.tevent p,table.tevent a,table.tevent span{font-size:28px;}
table.tevent th, table.tevent td {padding: 15px 0.75vw;}
.tevent th{border-left: 5px solid var(--color-c);}
}



@-moz-document url-prefix() {
/*----------------------------------------------------
	.t1-.t3
----------------------------------------------------*/
table.t0, table.t1, table.t2, table.t3 {width:98%; margin:1%; word-break:break-all;table-layout: fixed;}
table.t0 th, table.t0 td, table.t1 th, table.t1 td, table.t2 th, table.t2 td, table.t3 th, table.t3 td{padding:10px; border:1px solid #ddd;}
table.t0 th, table.t1 th, table.t2 th, table.t3 th{background-color:var(--color-e); color:#ffffff;}
table.t0 td, table.t1 td, table.t2 td, table.t3 td{background-color:rgba(249, 250, 161, 0.2); color:#000000;}

/*----------------------------------------------------
	.t0
----------------------------------------------------*/
table.t0 th{width:25%; text-align:center;}
table.t0 td{text-align:right;}

/*----------------------------------------------------
	.t1
----------------------------------------------------*/
table.t1 th{width:25%; text-align:center;}
.bgbox1 > table.t1 td{text-align:right;}

/*----------------------------------------------------
	.t2
----------------------------------------------------*/
table.t2 th{width:25%;}
table.t2 td{text-align:center;}
table.t2 td:first-child{text-align:left;}

/*----------------------------------------------------
	.t3
----------------------------------------------------*/
table.t3 th{width:25%; text-align:left;}
table.t3 td{text-align:left;}

/*----------------------------------------------------
	.t4
----------------------------------------------------*/
.t4{
width: 100%;
border-collapse: collapse;
border-right: 1px solid #999;
}
.t4 th{
padding: 6px;
text-align: left;
vertical-align: middle;
color: #fff;
background-color: #555;
border-left: 5px solid #ddd; 
border-top: 1px solid #fff;
text-align:center;
font-size:0.9em;
}
.t4 td{
padding: 6px;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
font-size:0.9em;
}
table.t4 tr td:first-child,table.t4 tr td:last-child{
text-align:center;
}
table.t4 tr td:first-child{
color:#b7ab48;
}

/*----------------------------------------------------
	コンタクトフォーム
----------------------------------------------------*/
.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
  margin:0 auto;
  width: 100%;
  max-width:730px;
}
.table-contactform7 tr{height:2em;}
.table-contactform7 th{width:20%; text-align:left; vertical-align: middle;}
.table-contactform7 td{width:80%;}
.table-contactform7 p, .table-contactform7 span{
  font-size:1em;
  line-height:1.4;
  text-align:left;
}
textarea,input[type="text"],input[type="tel"],input[type="email"]{width:100%; font-size:1em !important;}
input[type="number"]{font-size:1em !important; width:3em;}
.wpcf7-submit{
  font-size:1.2em;
    padding: 0.2em 0.5em;
    margin: 0.5em 0.5em 0.5em 1.8em;
    color: #ffffff;
    background-color: var(--color-a);
    border: 1px solid var(--color-a);
    border-radius: 5px;
}
.wpcf7-submit:hover{
    color: var(--color-b);
    background-color: #fff;
    border: 1px solid var(--color-a);
}
input[type="text"][name="s"]{
        width:80%;
        font-size:1em;
        margin-top: 1em;
}
#searchsubmit{margin-top: 1em;}
.title-contactform7{padding-left:0;}
.required-contactform7{
  padding: 2px;
  background: var(--color-b);
  color: #fff;
  border-radius: 3px;
  margin-right: 0.2em;
  margin-bottom: 1em;
  float:right;
  font-size: 0.8em !important;
}

.unrequired-contactform7{
  padding: 5px;
  background: var(--color-c);
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 96%;
  margin: 5px 5px 10px 5px;
}
 
.address-100 input{
  max-width: 96%;
  margin: 5px 5px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 5px 10px 5px;
}
.mini{width:auto !important; max-width:5em !important; text-align:center;}


/*----------------------------------------------------
	table
----------------------------------------------------*/
@media only screen and (max-width:500px){
table.t1{margin: 0 auto;}
table.t1 th, table.t1 td{width:100%; display:block; border-top:none;}
table.t1 tr:first-child th{border-top:1px solid #ddd;}
}

@media only screen and (max-width:750px){ 
table.t2{display:block; width:100%; margin:0 auto;}
table.t2 thead{display:block; float:left; overflow-x:scroll;}
table.t2 tbody{display:block; width:auto; overflow-x:auto; white-space:nowrap;}
table.t2 th{display:block; width:auto;}
table.t2 tbody tr{display:inline-block; margin:0 -3px;}
table.t2 td{display:block;}
}

@media only screen and (max-width:500px){ 
table.t3{margin:0 auto;}
table.t3 tr {display:block; margin-bottom:10px;}
table.t3 th {display:block; width:100%;}
table.t3 td {display:list-item; width:90%; margin-left:10%; border:none; background-color:#fff;}
}

@media screen and (max-width: 750px){
.table-contactform7{display:block;}     
.table-contactform7 tbody,
.table-contactform7 tr{
  display: block;
  width: 100%;
  height:auto;
}
.table-contactform7 th{
  width:100%;
  display:block;
  clear:both;
  margin: 0 auto;
  border:none;
  text-align:left;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0 0 1em 0;
  padding:0 auto 0 0;
  width: 100%;
  border-top: none !important;
}
.required-contactform7{
  padding: 2px;
  background: var(--color-b);
  color: #fff;
  border-radius: 3px;
  margin-left: 0.2em;
  margin-bottom: 0;
  float:left;
  font-size: 0.8em !important;
}
}

/*----------------------------------------------------
	tright
----------------------------------------------------*/
table.tright {
    width: 98%;
    margin: 0.3em 1% 0.5em;
    border-collapse: separate;
    border-spacing: 0px 1.714vw;
}
table.tright,table.tright p,table.tright a,table.tright span{font-size:2.571vw;}

table.tright th,table.tright td { padding: 15px 0.75vw;}

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

table.tright th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: var(--color-b);
    border-left-color: var(--color-b);
    border-width: 1.5vw;
    margin-top: -1.5vw;
}

table.tright td {
    background: #fff;
    width: 75%;
    padding-left: 2.571vw;
}
@media print, screen and (min-width: 750px)
{
table.tright {border-spacing: 0px 16px;}
table.tright,table.tright p,table.tright a,table.tright span{font-size:24px;}
table.tright th,
table.tright td { padding: 15px 7px;}
table.tright th:after {border-width: 14px; margin-top: -14px;}
table.tright td {padding-left: 24px;}
}

/*----------------------------------------------------
	tbottom
----------------------------------------------------*/
table.tbottom {
    width: 98%;
    margin: 0.3em 1% 0.5em;
    border-collapse: separate;
    border-spacing: 0px 3vw;
}
table.tbottom,table.tbottom p,table.tbottom a,table.tbottom span{font-size:2.571vw;}

table.tbottom th, table.tbottom td { padding: 15px 0.75vw;}

table.tbottom th {
    background: var(--color-b);
    vertical-align: middle;
    text-align: center;
    width: 25%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}

table.tbottom th:before{
    content: "";
    border: 1.5vw solid transparent;
    border-top: 1.928vw solid var(--color-b);
    position: absolute;
    left: 45%;
    top: 100%;
}
table.tbottom tr.lasttr th:before{
    content: none;
}
table.tbottom td {
    background: #fff;
    width: 75%;
    padding-left: 2.571vw;
}

@media print, screen and (min-width: 750px)
{
table.tbottom {border-spacing: 0px 28px;}
table.tbottom,table.tbottom p,table.tbottom a,table.tbottom span{font-size:24px;}
table.tbottom th,table.tbottom td {padding: 15px 7px;}
table.tbottom th:before{border: 14px solid transparent; border-top: 18px solid var(--color-b);}
table.tbottom tr.lasttr th:before{content: none;}
table.tbottom td {padding-left: 24px;}
}

/* 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:1px solid #ddd;}
table.tright th:after ,table.tbottom th:after {content: none;}
} */

/*----------------------------------------------------
	.thikaku
----------------------------------------------------*/
.thikaku{
width: 98%;
margin: 0.3em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
table.thikaku,table.thikaku p,table.thikaku a,table.thikaku span{font-size:2.5vw;}
table.thikaku th, table.thikaku td { padding: 15px 0.75vw;}
.thikaku th{
color: #ffff09;
background-color: var(--color-b);
border-left: 5px solid var(--color-b); 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
}
.thikaku td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:center;
}
table.thikaku tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: #333333;
color: #ffffff;
font-weight: bold;
}
@media print, screen and (min-width: 750px)
{
table.thikaku,table.thikaku p,table.thikaku a,table.thikaku span{font-size:28px;}
table.thikaku th, table.thikaku td {padding: 15px 0.75vw;}
.thikaku th{border-left: 5px solid var(--color-b);}
}

/*----------------------------------------------------
	.tevent
----------------------------------------------------*/
.tevent{
width: 98%;
margin: 0.3em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
table.tevent,table.tevent p,table.tevent a,table.tevent span{font-size:2.5vw;}
table.tevent th, table.tevent td { padding: 15px 0.75vw;}
.tevent th{
color: #fff;
background-color: var(--color-b);
border-left: 5px solid var(--color-c); 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
}
.tevent td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
}
table.tevent tr td:first-child{
text-align: center;
vertical-align: middle;
color: var(--color-b);
font-weight: bold;
}
@media print, screen and (min-width: 750px)
{
table.tevent,table.tevent p,table.tevent a,table.tevent span{font-size:28px;}
table.tevent th, table.tevent td {padding: 15px 0.75vw;}
.tevent th{border-left: 5px solid var(--color-c);}
}

}