@charset "utf-8";

/*-common ------------------------------------------------
footer sidemenu sidenav #00a2e9
footer sidemenu sidenav a widget-title #fff7b6
footer sidemenu sidenav a hover #faef97
a #1598e1
mwrap or side solid #9e836e
th top-marquee h3 #1d2088
tb rgba(255, 250, 242, 0.9)
cl6 bg6 ol ul cv-btn #9e3638
olb ulb barb #ead069 
pagetop side12 rgba(0, 162, 233,
----------------------------------------------------------*/
img{max-width:100%;}
#header {
width:100%;
height:auto;
margin:0;
padding:0;
display:block;
clear:both;
overflow:hidden;
text-align:center;
background-color: rgba(255,255,255,0.8);
background-image: linear-gradient(#0069ff, #0069ff 2px, #fdfcf2 2px, #fdfcf2 100px);
position: relative;
}
header::before {
background-image: url(../images/headerbar.png);
background-repeat: repeat-x;
width: 100%;
height: 5px;
position: absolute;
content: "";
top: 1px;
left: 0;
}
.spbar{display:block; content=""; height:7px; border-bottom: solid 2px #00a0e9; width:100%; background-image:url(../images/headerbar2.png); background-repeat: repeat-x; background-color:#fdfcf2;}
.headerl{height:60px; margin:10px 0 0 0; padding:0; display:block; overflow:hidden; float:left;}
.headerr{height:60px; margin:10px 0 0 0; padding:0; display:block; overflow:hidden; float:right;}
.logoimg{height: 60px; width:auto; max-width:180px; 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: #00a2e9;
        border-top: #9e836e solid 2px;
}
.footerbg {background-image: url(../images/footerimg.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:#fff7b6; max-width:100%; margin:0 auto; padding:0.5em 0.3em; text-align:center;}
.copyright a{color:#fff7b6;text-decoration:none;}
.copyright a:active{color:#fff7b6;text-decoration:none;}
.copyright a:visited{color:#fff7b6;text-decoration:none;}
.copyright a:hover{color:#faef97;text-decoration:none;}
.footlink{font-size:0.9em; line-height:1; color:#fff7b6; max-width:100%; margin:0 auto; padding:0.5em 0.3em; text-align:center;}
.footlink a{color:#fff7b6; text-decoration:none;}
.footlink a:active{color:#fff7b6; text-decoration:none;}
.footlink a:visited{color:#fff7b6; text-decoration:none;}
.footlink a:hover{color:#faef97; text-decoration:none;}
.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:0.5em 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{padding-bottom: 0.5em !important;}
.infoboxr{padding-top: 0.5em !important;}
.spbar{display:none;}
}
.timgbox, .infoboxl, .infoboxr{
-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
background-size: 5px 5px;
background-color: #824508;
background-image: linear-gradient(#663300 50%, transparent 50%, transparent);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #663300), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#663300 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#663300 50%, transparent 50%, transparent);
}
section {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
        overflow:hidden;
}
.content p{line-height:1.4;}
.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: #00a2e9;
	border: 1px solid #f0e68c;
	color: #fff7b6;
	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: #f0e68c;
	transition: all 1.5s;
}
.sidebtn:hover {
	background-color: #79d6ff;
	color: #faef97;
}
.sidebtn:hover::after {
	border-right-color: #f0e68c;        
}
/*------------------------------------------------
　　sub_menu
------------------------------------------------*/
#sub_menu { 
    width: 100%;
    margin: 0 auto;
}
#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: #00a2e9;
        text-align: center;
	text-decoration: none;
	transition: all 1.5s;
        width:100%;
        height:100%;
        float:left;
}
#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: #f0e68c;
	transition: all 1.5s;
}
/*#sub_menu li:last-child{border-bottom: none;}*/
#sub_menu li a{font-size:1.4em; color:#fff7b6; text-decoration:none; display:block; padding:1em 0; height:100%; border-bottom:2px solid rgba(255, 247, 182, 0.6);}
#sub_menu li:hover {background-color:#79d6ff; opacity:0.9; color:#faef97 !important;}
#sub_menu li:hover a{color:#faef97!important;}
#sub_menu li:hover::after {border-left-color:#f0e68c;}
#sub_menu li:nth-child(2n){border-left:none;}
  /*#sub_menu li:nth-child(1){background-color:#fdfcf2;}
  #sub_menu li:nth-child(2){background-color:#fdfcf2;}
  #sub_menu li:nth-child(7){font-size:87%;height: 3.1em;}
  #sub_menu li:nth-child(7) > a{padding:1.18em 0.8em;}*/
/*------------------------------------------------
　　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: #fff7b6;
text-decoration: none;
text-align:center;
font-size: 1.4em;
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: #faef97;
}
/**********************************************************
 * 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);}
}

/**********************************************************
 * 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(50vw - 250px); padding-right: -webkit-calc(50vw - 250px); padding-left: calc(50vw - 250px); padding-right: calc(50vw - 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 #9e836e;}
#sub_menu ul li a, #sidenav ul li a{font-size:1em;}
}

/**********************************************************
 * 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:left;}
#side1 #sub_menu ul li a, #side1 #sidenav ul li a{font-size:70%;}
#side1 #sub_menu ul li:nth-child(2n){border-right:none;}
.sideinnerd{width:250px; padding-left:0; padding-right:0;}
}

/**********************************************************
 * 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:left;}
#side2 #sub_menu ul li a, #side2 #sidenav ul li a{font-size:70%;}
#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 */
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 96%;
    margin: 0.5em 2%;
    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;}

.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;
}
.searchform{
        background-color:#fdfcf2;
        border:1px solid #9e836e;  
        color:#5C4138;
        padding:0.5em;
        margin:0;
}
.screen-reader-text{
        display:none;
}
.recentcomments{color:#5C4138;}
abbr[title]{text-decoration:none; border-bottom:none;}
.aligncenter, .centeri {
    display: block !important;
    margin: 0 auto !important;
}
.alignright, .righti { float: right !important; margin:0 0 0.5em 0.5em !important;}
.alignleft, .lefti { float: left !important; margin:0 0.5em 0.5em 0 !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;}

/*------------------------------------------------
　widget
------------------------------------------------*/
.widget{
        width:100%;
        margin:0;
}
.widget-title{
        text-align:center;
        font-size:1.2em;
        font-family: "Sawarabi Mincho"; 
        clear: both;
        padding: 0.75em 0;
    color: #fff7b6;
    text-shadow: 0px 0px 1em #b7ab48;
-webkit-background-size: 0.75em 0.75em;
-moz-background-size: 0.75em 0.75em;
background-size: 0.75em 0.75em;
background-color: #1d2088;
background-image: linear-gradient(45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(204, 204, 204, 0.1)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(204, 204, 204, 0.1)),
                        color-stop(.75, rgba(204, 204, 204, 0.1)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(204, 204, 204, 0.1)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(204, 204, 204, 0.1)),
                        color-stop(.75, rgba(204, 204, 204, 0.1)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(204, 204, 204, 0.1) 25%, transparent 25%,
                    transparent 50%, rgba(204, 204, 204, 0.1) 50%, rgba(204, 204, 204, 0.1) 75%,
                    transparent 75%, transparent);
}
.textwidget{
          margin:0;
}
.textwidget:after{
        content: "";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.widget ul{
        background-color:#fdfcf2;
        border:1px solid #9e836e;  
        margin:0;
}
.widget ul li{
        border-bottom:1px solid #9e836e;
        list-style-type:none;
        margin:0em;
        padding:0.2em 0.5em;
        color:#1598e1;
        line-height: 2;
}
.widget ul li:last-child{
        border-bottom:none;
}
.widget ul li a{
        color:#1598e1;
        text-decoration:none;
        text-align:left;
        font-size:1.2em;
       /* font-weight:bold; */
}
.widget ul li a:hover{
    background-color: #ffffe0;
    opacity: 0.8;
}
.widget ul li:hover{
    background-color: #ffffe0;
    opacity: 0.8;
}
/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#side1 .widget-title, #side1 .widget ul li a {font-size:66.6%;}
}

/**********************************************************
 * 1250px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1250px)
{
#side2 .widget-title, #side2 .widget ul li a {font-size:66.6%;}
}

/*------------------------------------------------
　cl bg line dot dash st hrv
------------------------------------------------*/
.bgs{
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #1d2088;
background-image: linear-gradient(#00a2e9 50%, transparent 50%, transparent);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #00a2e9), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#00a2e9 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#00a2e9 50%, transparent 50%, transparent);
}
.bgs2{
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #2d4b82;
background-image: linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #315096), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #315096),
            color-stop(.75, #315096), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #315096 25%, transparent 25%,
          transparent 50%, #315096 50%, #315096 75%,
          transparent 75%, transparent);
}
.bgs3{
-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;}
.bg0{background-color:#000000 !important;}
.bg1{background-color:#ffffff !important;}
.bg2{background-color:#808080 !important;}
.bg3{background-color:#d3d3d3 !important;}
.bg4{background-color:#f5f5f5 !important;}
.bg5{background-color:#800000 !important;}
.bg6{background-color:#9e3638 !important;}
.bg7{background-color:#ff69b4 !important;}
.bg8{background-color:#ffc0cb !important;}
.bg9{background-color:#ffa500 !important;}
.bg10{background-color:#ffff00 !important;}
.bg11{background-color:#f0e68c !important;}
.bg12{background-color:#ffffe0 !important;}
.bg13{background-color:#321602 !important;}
.bg14{background-color:#633513 !important;}
.bg15{background-color:#A97F5D !important;}
.bg16{background-color:#DDC4B0 !important;}
.bg17{background-color:#006400 !important;}
.bg18{background-color:#008000 !important;}
.bg19{background-color:#3cb371 !important;}
.bg20{background-color:#98fb98 !important;}
.bg21{background-color:#000080 !important;}
.bg22{background-color:#0000ff !important;}
.bg23{background-color:#00bfff !important;}
.bg24{background-color:#e5f6fd !important;}

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

.lineg{border-bottom: 0.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 #d3d3d3;}
.line4{border-bottom: 0.1em solid #f5f5f5;}
.line5{border-bottom: 0.1em solid #800000;}
.line6{border-bottom: 0.1em solid #9e3638;}
.line7{border-bottom: 0.1em solid #ff69b4;}
.line8{border-bottom: 0.1em solid #ffc0cb;}
.line9{border-bottom: 0.1em solid #ffa500;}
.line10{border-bottom: 0.1em solid #ffff00;}
.line11{border-bottom: 0.1em solid #f0e68c;}
.line12{border-bottom: 0.1em solid #ffffe0;}
.line13{border-bottom: 0.1em solid #321602;}
.line14{border-bottom: 0.1em solid #633513;}
.line15{border-bottom: 0.1em solid #A97F5D;}
.line16{border-bottom: 0.1em solid #DDC4B0;}
.line17{border-bottom: 0.1em solid #006400;}
.line18{border-bottom: 0.1em solid #008000;}
.line19{border-bottom: 0.1em solid #3cb371;}
.line20{border-bottom: 0.1em solid #98fb98;}
.line21{border-bottom: 0.1em solid #000080;}
.line22{border-bottom: 0.1em solid #0000ff;}
.line23{border-bottom: 0.1em solid #00bfff;}
.line24{border-bottom: 0.1em solid #e5f6fd;}

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

.dashg{border-bottom: 0.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 #d3d3d3;}
.dash4{border-bottom: 0.1em dashed #f5f5f5;}
.dash5{border-bottom: 0.1em dashed #800000;}
.dash6{border-bottom: 0.1em dashed #9e3638;}
.dash7{border-bottom: 0.1em dashed #ff69b4;}
.dash8{border-bottom: 0.1em dashed #ffc0cb;}
.dash9{border-bottom: 0.1em dashed #ffa500;}
.dash10{border-bottom: 0.1em dashed #ffff00;}
.dash11{border-bottom: 0.1em dashed #f0e68c;}
.dash12{border-bottom: 0.1em dashed #ffffe0;}
.dash13{border-bottom: 0.1em dashed #321602;}
.dash14{border-bottom: 0.1em dashed #633513;}
.dash15{border-bottom: 0.1em dashed #A97F5D;}
.dash16{border-bottom: 0.1em dashed #DDC4B0;}
.dash17{border-bottom: 0.1em dashed #006400;}
.dash18{border-bottom: 0.1em dashed #008000;}
.dash19{border-bottom: 0.1em dashed #3cb371;}
.dash20{border-bottom: 0.1em dashed #98fb98;}
.dash21{border-bottom: 0.1em dashed #000080;}
.dash22{border-bottom: 0.1em dashed #0000ff;}
.dash23{border-bottom: 0.1em dashed #00bfff;}
.dash24{border-bottom: 0.1em dashed #e5f6fd;}

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

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

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

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

.str{
       font-size: 1.5em;
       font-weight: bold;
       background-color:#ffffe0 !important;
       color:#1598e1 !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%,#d3d3d3 100%);}
.st4{background: linear-gradient(rgba(0,0,0,0) 70%,#f5f5f5 100%);}
.st5{background: linear-gradient(rgba(0,0,0,0) 70%,#800000 100%);}
.st6{background: linear-gradient(rgba(0,0,0,0) 70%,#9e3638 100%);}
.st7{background: linear-gradient(rgba(0,0,0,0) 70%,#ff69b4 100%);}
.st8{background: linear-gradient(rgba(0,0,0,0) 70%,#ffc0cb 100%);}
.st9{background: linear-gradient(rgba(0,0,0,0) 70%,#ffa500 100%);}
.st10{background: linear-gradient(rgba(0,0,0,0) 70%,#ffff00 100%);}
.st11{background: linear-gradient(rgba(0,0,0,0) 70%,#f0e68c 100%);}
.st12{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffe0 100%);}
.st13{background: linear-gradient(rgba(0,0,0,0) 70%,#321602 100%);}
.st14{background: linear-gradient(rgba(0,0,0,0) 70%,#633513 100%);}
.st15{background: linear-gradient(rgba(0,0,0,0) 70%,#A97F5D 100%);}
.st16{background: linear-gradient(rgba(0,0,0,0) 70%,#DDC4B0 100%);}
.st17{background: linear-gradient(rgba(0,0,0,0) 70%,#006400 100%);}
.st18{background: linear-gradient(rgba(0,0,0,0) 70%,#008000 100%);}
.st19{background: linear-gradient(rgba(0,0,0,0) 70%,#3cb371 100%);}
.st20{background: linear-gradient(rgba(0,0,0,0) 70%,#98fb98 100%);}
.st21{background: linear-gradient(rgba(0,0,0,0) 70%,#000080 100%);}
.st22{background: linear-gradient(rgba(0,0,0,0) 70%,#0000ff 100%);}
.st23{background: linear-gradient(rgba(0,0,0,0) 70%,#00bfff 100%);}
.st24{background: linear-gradient(rgba(0,0,0,0) 70%,#e5f6fd 100%);}

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

.imghr {width:100%; max-width:750px; height:auto; border-style:none; display:block; margin:0 auto; background-color:rgba(255, 255, 255, 0.9);
padding: 1em 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

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

/*-font------------------------------------------------------------------------------------------------*/
h2,.m2,h3,.m3,h4,.m4,h5,.m5,h6,.m6,h7,.m7{clear: both;}
h2,.m2{font-size:1em; color:#a58953; text-shadow: 0 0 0.5em rgba(249, 247, 173, 0.8); margin:0.2em 0 0.2em;}
h3,.m3{
    font-size:1.2em;
    position: relative;
    text-align:center;
    font-family: "Sawarabi Mincho"; 
    margin: 0.2em 0.2em 0.2em;
    padding: 0.3em 0 0.2em;
    color: #ffffff;
    background-color: #1d2088;
    border: 2px solid #805d00;
}
h3:before,.m3:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid #ffffe0;
    border-top: 0.5em solid #ffffe0;
    content: "";
}
h3:after,.m3:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 0.5em solid transparent;
    border-bottom: 0.5em solid #ffffe0;
    border-top: 0.5em solid #ffffe0;
    content: "";
}
h4,.m4{
    font-size:1.2em;
    background-color: #fbfbfb;
    padding: 0.3em 0 0.2em;
    margin: 0.2em 0.2em 0.2em;
    border: 2px solid #B8A23C;
    border-radius: 4px;
    color: #9e3638;
    text-shadow: 0.05em 0.02em 0 #b7ab48;
    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;
}
h5,.m5{
    color: #805d00;
    font-size:1.2em;
    position: relative;
    padding: 0 0 2px 0.9em;
    border-bottom: 2px solid #b7ad70;
    margin:0.5em 0.2em 0.5em;
}
h5:before, h5:after,.m5:before, .m5:after{
        content: "";
        position: absolute;
        bottom: 0;
        width: 0.5em;
        height: 0.5em;
        border: 2px solid #b7ad70;
        margin: auto;
        border-radius: 30%;
}
h5:before,.m5:before{
        top: -0.25em;
        left: 0;
        animation: spin 4s linear infinite;
}
h5:after,.m5:after{
        top: 0.125em;
        left: 0.25em;
        animation: spin 4s linear infinite;
}
@keyframes spin{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
h6,.m6{font-size:1em; color:#1598e1; text-shadow: 0 0 1em rgba(183, 171, 72, 0.8); margin:0.2em 0 0.2em;}
.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:#b7ab48;
}
.mb{
        padding:0.1em 0.5em;
        background-color: #000;
}
.mc{font-size:1.4em; color:#0b5888; text-shadow: 0 0 0.3em rgba(92,55,27,0.6); margin: 0.2em 0 0.2em;}
.md{font-size:1.4em; color:#880002; 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 {
    max-width: 100%;
    padding: 0.2em 0 0;
    margin: 0 auto;
    /*position: relative;
    overflow: hidden;*/
    text-align: left;
    color: #fff7b6;
    background-color:#1d2088;
    font-size: 0.8em;
    font-weight: bold;
    line-height:1.4;
}
.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
------------------------------------------------*/
.content ul, .content ol,
ol.o0, ol.o1, ol.o2, ol.o3, ol.o1b, ol.o2b, ol.o3b,
ul.u1, ul.u2, ul.u3, ul.u4, ul.u5, ul.u6, ul.u7,
ul.u1b, ul.u2b, ul.u3b, ul.u4b, ul.u5b, ul.u6b, ul.u7b{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
    margin:0;
    padding:0 0 0 2em;
    text-indent: -2em;
    list-style-position: inside;
}
/*------------------------------------------------
　　ol 
------------------------------------------------*/
.o0, .o0b {
 counter-reset: li;
 list-style: none;
}
.o0 > li, .o0b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o0 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #9e3638;
}
.o0b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #ead069;
}

.o1, .o1b {
 counter-reset: li;
 list-style: none;
}
.o1 > li, .o1b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 1.8em;
 padding-bottom: 0.5em;
 line-height: 1.3;
}
.o1 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #9e3638;
}
.o1b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #ead069;
}

.o2, .o2b {
 counter-reset: li;
 list-style: none;
}
.o2 > li, .o2b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2.6em;
 padding-bottom: 0.5em;
}
.o2 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #9e3638;
}
.o2b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #ead069;
}
.o2 > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #9e3638;
}
.o2b > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #ead069;
}

.o3, .o3b {
 counter-reset: li;
 list-style: none;
}
.o3 > li, .o3b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 4em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o3 > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0 0 0 0.2em;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #9e3638;
}
.o3b > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0 0 0 0.2em;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #ead069;
}
.o3 > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.6em;
 top:0;
 padding: 0 0.2em;
 font-weight: bold;
 background-color: #000000;
 color: #9e3638;
}
.o3b > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.6em;
 top:0;
 padding: 0 0.2em;
 font-weight: bold;
 background-color: #000000;
 color: #ead069;
}

/*------------------------------------------------
   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; line-height: 1.2; text-indent:-1.34em; padding-bottom: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{
 line-height:1.2; font-family: FontAwesome; color:#9e3638;
}
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before{
 line-height: 1.2; font-family: FontAwesome; color:#ead069;
}
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";}

ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before,
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before{
 padding-right:0.5em;
}

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

/*------------------------------------------------
　　bar
------------------------------------------------*/
.bar1, .bar2, .bar3, .bar4, .bar5, .bar1b, .bar2b, .bar3b, .bar4b, .bar5b
{font-size:2em; line-height:1.5; margin:0.2em 0; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar1:before, .bar2:before, .bar3:before, .bar4:before, .bar5:before, .bar1b:before, .bar2b:before, .bar3b:before, .bar4b:before, .bar5b:before
{text-align:center; vertical-align:text-top;}
.bar1:before {content: "\f103"; font-family: FontAwesome; color:#9e3638;}
.bar2:before {content: "\f107"; font-family: FontAwesome; color:#9e3638;}
.bar3:before {content: "\f063"; font-family: FontAwesome; color:#9e3638;}
.bar4:before {content: "\f067"; font-family: FontAwesome; color:#9e3638;}
.bar5:before {content: "\f0a7"; font-family: FontAwesome; color:#9e3638;}
.bar1b:before {content: "\f103"; font-family: FontAwesome; color:#ead069;}
.bar2b:before {content: "\f107"; font-family: FontAwesome; color:#ead069;}
.bar3b:before {content: "\f063"; font-family: FontAwesome; color:#ead069;}
.bar4b:before {content: "\f067"; font-family: FontAwesome; color:#ead069;}
.bar5b:before {content: "\f0a7"; font-family: FontAwesome; color:#ead069;}
.barimg {content: url(../images/hr.png); display:block; width:100%; height:auto; clear:both; margin:0; padding:0;}

/*------------------------------------------------
　　table
------------------------------------------------*/
table.table-contactform7{margin:0.2em auto;}
table.table-contactform7 tr{line-height:2.2em;}
table.table-contactform7 th, table.thva th{vertical-align: middle;}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"]{
    max-width:96%;
    margin: 0.1em 0 0.1em 2%;
    line-height: 1.8;
    font-size: 0.8em;
} 
textarea{
    width:96%;
    margin: 0.1em 0 0.1em 2%;
    line-height: 1.1;
    font-size: 0.8em;
}
input[type="checkbox"],input[type="radio"] {
        width: 1em;
        height: 0.9em;
        font-size: 1em;
        vertical-align: baseline;
}
input[type="submit"]{
font-size: 1.2em;
    padding: 0.2em 0.5em;
    margin: 0.5em 0.5em 0.5em 1.8em;
    color: #dfd587;
    background-color: #1d2088;
    border: 1px solid #a29b3d;
    border-radius: 5px;
}
input[type="submit"]:hover{
    color: #fff;
    background-color: #a29b3d;
    border: 1px solid #1d2088;
}
.required, .required-contactform7{color:#fab4b4; font-size:0.8em; margin-left:0.5em;}
#searchsubmit{font-size: 80%; margin: 0.5em 0.2em;}

/*----------------------------------------------------
	.t0-.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:0.5em; border:1px solid #beb675;}
table.t0 th, table.t1 th, table.t2 th, table.t3 th{background-color:#1d2088; color:#ffffff;}
table.t0 td, table.t1 td, table.t2 td, table.t3 td{background-color:rgba(204, 136, 27, 0.15); color:#000000;}

/*----------------------------------------------------
	.t0
----------------------------------------------------*/
table.t0 th{width:30%; text-align:left;}

/*----------------------------------------------------
	.t1
----------------------------------------------------*/
table.t1 th{width:30%; text-align:left;}

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

/*----------------------------------------------------
	.t3
----------------------------------------------------*/
table.t3 th, table.t3 td{width:20%; 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 #9e836e; 
border-top: 1px solid #fff;
text-align:center;
}
.t4 td{
padding: 6px;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
}
table.t4 tr td:first-child,table.t4 tr td:last-child{
text-align:center;
vertical-align: middle;
}

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

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

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

table.tright td {
    background: rgba(255, 250, 242, 0.9);
    width: 75%;
    padding: 0.5em 0.2em 0em 0.5em;
}

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

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

table.tbottom th:before{
    content: "";
    border: 0.5em solid transparent;
    border-top: 0.6em solid #1d2088;
    position: absolute;
    left: 45%;
    top: 100%;
}
table.tbottom tr.lasttr th:before{
    content: none;
}
table.tbottom td {
    background: rgba(255, 250, 242, 0.9);
    width: 75%;
    padding: 0.5em 0.2em 0em 0.2em;
}

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

/*----------------------------------------------------
	.thikaku
----------------------------------------------------*/
.thikaku{
width: 98%;
margin: 0.2em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
.thikaku th{
color: #fff;
background-color: #555;
border-left: 5px solid #9a943f; 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
padding: 0.5em 0;
}
.thikaku td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
padding: 0.5em 0.2em 0em 0.2em;
}
table.thikaku tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: rgba(126, 141, 78, 0.2);
color: #5b0303;
font-weight: bold;
}

/*----------------------------------------------------
	.tevent
----------------------------------------------------*/
.tevent{
width: 98%;
margin: 0.2em 1% 0.5em;
border-collapse: collapse;
border-right: 1px solid #999;
}
.tevent th{
color: #fff;
background-color: #890622;
border-left: 5px solid #9a943f; 
border-top: 2px solid #ccc;
text-align:center;
vertical-align: middle;
font-weight: bold;
padding: 0.5em 0;
}
.tevent td{
color: #000;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align:left;
padding: 0.5em 0.2em 0em 0.2em;
}
table.tevent tr td:first-child{
text-align: center;
vertical-align: middle;
background-color: rgba(126, 141, 78, 0.2);
color: #5b0303;
font-weight: bold;
}

/*-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;
}
.bt3
{
        width:100%;
        margin:0 auto 0.2em;
        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);}
.bt3{width:33.3%;}
}

/**********************************************************
 * 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;}
.bgbox2 {background-image: url(../images/bg2.png); background-position: 0 -1em; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.bgbox3 {background-image: url(../images/bg3.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.scbox{
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ffffff;
    height: 5em;
    overflow-y: auto;
    overflow-x: hidden;
}
.scbox::-webkit-scrollbar{
  width: 12px;
}
.scbox::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
.scbox::-webkit-scrollbar-thumb{
  background: #ead069;
  border-radius: 10px;
  box-shadow: none;
}
.box0 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    background-color: rgba(255, 255, 255, 0.4);
    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 #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    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: 3px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #fdfcf2;
}
.box3 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ffffe0;
}
.box4 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border:#b7ad70 dashed 2px;
    background:#ffffff;
}
.box5 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.3em 1%;
    padding: 0.5em 2% 0.5em;
    border:#b7ad70 dashed 2px;
    background:#fdfcf2;
}
.box6 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border:#cccccc dashed 2px;
    background:#ffffe0;
}
.box7 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    background:beige;
    box-shadow:0 0 1em #cccccc inset, 0.1em 0.1em 0 #999999;
    -moz-box-shadow:0 0 1em #cccccc inset, 0.1em 0.1em 0 #999999;
    -webkit-box-shadow:0 0 1em #cccccc inset, 0.1em 0.1em 0 #999999;
}

/*-img v------------------------------------------------------------------------------------------------*/
.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;
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%;
}
.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%;
}

/*------------------------------------------------
　　div imgbtn a img
------------------------------------------------*/
.imgbtn{
    background: url("../images/imgbtna.png") no-repeat;
    background-size: 100% auto;
    margin: 0.5em 1em 0.5em;
}
.imgbtn a {
    display: inline-block;
    width: 100%;
}
.imgbtn a img {
    width: 100%;
    height: auto;
    border-style: none;
    display: block;
    margin:0;
    padding:0;
    transition:0.1s;
}
.imgbtn a:hover {
	background-color: transparent; /* IE6対応 */
}
.imgbtn a:hover img {
    visibility: hidden;
}

/*------------------------------------------------
　　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 #ff6600;
  border-bottom: 5px solid #ff6600;
  border-left: 5px solid #ff6600;
  border-right: 5px solid #ff6600;
}
.hover1 span {
    position: absolute;
    color: #ff0000;
    font-size: 1em;
    line-height:1;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background: rgba(221,222,211,.8);
    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:#ff6600; text-decoration:none;}

/*------------------------------------------------
　　catxhcard
------------------------------------------------*/
.catchcard {
        position: relative;
        overflow: hidden;
        background-color: #f5f5dc;
}
.catchcard a {
  position: relative;
  overflow: hidden;
  float: left;
  width:100%;
}
.catchcard img {
    width: 70%;
    height: auto;
    margin: 0.5em auto;
    padding:0;
}
.catchcard a img{
  vertical-align: top;
}
.catchcard a:after {
  position: absolute;
  z-index: 5;
  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;
}
.catchcard a:hover:after {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-top: 5px solid #f0e68c;
  border-bottom: 5px solid #f0e68c;
  border-left: 5px solid #f0e68c;
  border-right: 5px solid #f0e68c;
}
.catch-textf {
        position: absolute;
        color: #fff;
        text-align: center;
        background: rgba(255,102,0,.9);
        min-width: 50%;
        left: 0;
        bottom: 0;
        padding: 0.3em 0.3em;
        font-size:0.8em;
        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%;
}
}
.vbg {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    display: block;
    clear: both;
    overflow: hidden;
    background-image: url(../images/vbg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
}
.vinner {
width: 60.5%;
    height: auto;
    max-width: 960px;
    margin: 11% 34% 4.2% auto;
    padding: 0;
    display: block;
    clear: both;
    overflow: hidden;
}
.v-top {
    display: block;
    width:100%;
}

/*-breadcrum------------------------------------------------------------------------------------------------*/
#breadcrumb {margin:0.2em auto 0.2em 0.5em;}
#breadcrumb ol {
    font-size:0.8em;
    margin: 0;
    padding: 0;
    text-indent:0.5em;
}
#breadcrumb ol li {
    display: inline;
    list-style: none;
    color: #1598e1;
    font-weight: bold;
}
#breadcrumb ol li:first-child:before {
    content: none;
}
#breadcrumb ol li:before {
    content: '>';
    margin: 0 0.15em 0 0;
    color: #777;
}
#breadcrumb ol li > a{
    color: #1598e1;
    margin-right: 0.15em;
    text-decoration: none;  
}
#breadcrumb ol li a:hover {
    text-decoration: underline;
    color: #79d6ff;
}
@media screen and (max-width: 500px) {
    #breadcrumb ol 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;
    text-indent: 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: rgba(246, 246, 230, 0.7);
    width: 98%;
    max-height: 80px;
    height: auto;
    margin: 0.2em 1% 0.5em;
    padding: 0;
    overflow: hidden;
  /*  border: 1px solid #b7ab48;*/
    border-radius: 5px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
.topcatch > h2 {
    text-shadow: 1px 1px 1px #b7ab48;
    color: #634230;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 1.4em;
    padding: 0.22em 0 0;
    line-height: 1;
    border: none;
    border-radius: 0;
    background-color: unset;
}
.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: #ead069;
  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: #901A1E;
    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: #fdfcf2; 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;
}
/*-accordioncss------------------------------------------------------------------------------------------------*/
dl#accordion_panel {position:relative; width:98%; margin:0 auto;}
#accordion_panel > dt {
    padding:0.5em 3em 0.5em 1em;
}
#accordion_panel > dd {
    background-color:#ffc;
    margin: -1em 0 1em 0;
    padding:1em 0.5em 0.5em;
    font-size: 1em;
    line-height: 2;
}
#accordion_panel > dt {
    position:relative;
    background-color:#333333;
    color: #ffffff;
    font-weight: bold;
    margin:0.5em 0;
    border-radius:0.5em;
    font-size:1em;
    line-height:1.2;
}
#accordion_panel > dt:before {
    content:"+";
    display:block;
    font-size:1em;
    width:1em;
    height:1em;
    line-height:1em;
    margin-top:-0.5em;
    border-radius:50%;
    background:#1598e1;
    color:#fff;
    text-align:center;
    font-weight:bold;
    position:absolute;
    right:1em;
    top:50%;
}

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

/*-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 2.8em;
    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 : #315096;}
.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 : 30%;
  margin:0.2em 1.6% 0.2em 1.7%;
}
/* cvfb cvline */
.cvfb a:link,.cvfb a:active, .cvfb a:visited{
    display: block;
    padding: 0.5em 0 0.5em 2.8em;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    background-color:#315096;
}
.cvfb a:hover{
    background-color:rgba(49, 80, 150, 0.7);
}
.cvline a:link,.cvline a:active, .cvline a:visited{
    display: block;
    padding: 0.5em 0 0.5em 2.8em;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    background-color:#00c300;
}
.cvline a:hover{
    background-color:rgba(0, 195, 0, 0.5);
}
.fa-hatena:before {
		content: "B!";
		font-family: Verdana;
		font-weight: bold;
}

/*-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: rgba(0, 162, 233, 0.9);}
#page-top1:hover, #page-top2:hover, #page-top3:hover{background: rgbargba(0, 162, 233, 0.7);}
#page-top1 a,#page-top2 a,#page-top3 a
{
  font-size:0.8em;
  color:#fff7b6;
  text-decoration:none;
}
#page-top1 a:hover,#page-top2 a:hover,#page-top3 a:hover
{
  font-size:0.8em;
  color:#ffffff;
}

/*-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, #f9f9d8), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#f9f9d8 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#f9f9d8 50%, transparent 50%, transparent);
background-image: linear-gradient(#f9f9d8 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 #b7ab48;
        -moz-box-shadow: 0.125em 0.125em 0.1875em #b7ab48;
        box-shadow: 0.125em 0.125em 0.1875em #b7ab48;
        -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:12em;
  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.2em;
  background-color: #9e3638;
  -webkit-box-shadow: inset 0 0 1px 1px #f0e68c, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #f0e68c, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #f0e68c, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #f0e68c;
  -moz-text-shadow: 1px 1px 1px #f0e68c;
  -o-text-shadow: 1px 1px 1px #f0e68c;
  text-shadow: 1px 1px 1px #f0e68c;
  border-radius: 0.5em;
  padding: 0.5em 0;
}
.cv-btn span {
  letter-spacing: 0.1em;
  font-size: 0.9em;
}
.cv-btn:hover {
  color: #ffffff;
  background-color: #cabf62;
  -webkit-box-shadow: inset 0 0 1px 1px #cabf62, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #cabf62, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #cabf62, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #995700;
  -moz-text-shadow: 1px 1px 1px #995700;
  -o-text-shadow: 1px 1px 1px #995700;
  text-shadow: 1px 1px 1px #995700;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
.cv-btn:active {
  color: #ffffff;
  background-color: #9e3638;
  padding: 0.5em 0;
}

/*-btn------------------------------------------------------------------------------------------------*/
.btna{
display: block;
    padding: 0;
    text-align: center;
}
.btna a:link,.btna a:visited,.btna a:active{
font-size: 1em;
color: #fff7b6;
background: #000000;
  padding: 0.3em 0.5em 0.3em 0.5em;
  text-align: left;
    border: 2px solid #eee;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none;
/*Rounded Corners*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*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));
/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.btna a:hover {
  color: #fdfcf2;
  background-color: #fffe00;
  padding: 0.3em 2.5em 0.3em 0.5em;
  text-align: left;
}
.btna a > span{display:none;}
.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: #1598e1;
background: #ffffff;
}
.clickb a:link,.clickb a:visited,.clickb a:active{
    font-size: 0.8em;
color: #ffffff;
background: #1598e1;
}
.clickc a:link,.clickc a:visited,.clickc a:active{
    font-size: 1.2em;
color: #ffffff;
background: #1598e1;
}
.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.1em 0.4em;
    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{
        background-color:#1598e1;
        color:#ffffff;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.clickb a:hover{
        background-color:#ffffff;
        color:#1598e1;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.clickc a:hover{
        background-color:#ffffff;
        color:#1598e1;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.tellb,.tellb a{font-size:1.1em; color:#1598e1; 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{color:#cabf62;}

/*-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;    
}
}
/*-動画を背景に設定するスタイルシート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;
}
}
/*  フルスクリーンボックス　レスポンシブ対応  */
.fullbox {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-image: url(../images/fullbox.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 以下中に表示するコンテンツを寄せるため */
  padding: 1em;
  box-sizing: border-box;
  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
/*justify-content: flex-start; // 左寄せ
justify-content: center; // 中央寄せ
justify-content: flex-end; // 右寄せ*/

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

/*-card------------------------------------------------------------------------------------------------*/
.card-box{
       font-size: -webkit-calc(100vw / 16);
       font-size: calc(100vw / 16);
}
.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;}
.card-box-left{
        width:32%;
        display:block;
        margin:0;
        padding:0;
        position: relative;
        overflow: hidden;
        float:left;
        background-color:#e8edf8;
}
.card-box-left a:hover{
        opacity: 0.5;
}
.card-box-left img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        display: block;
}
.card-box-left p{margin:0; line-height:1.2; padding: 0.2em 0 0.1em;}
.card-text {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size:0.6em;
        line-height:1.3;
        margin:0;
}
.card-text > a:link, .card-text > a:visited, .card-text > a:active, .card-text > a{text-decoration:none;}
.rank-num {
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        padding: 0.2em 0.35em 0.1em 0.2em;
        font-size: 0.8em;
        font-style: italic;
        font-weight: bold;
        line-height:1;
        background-color: #f0e68c;
        color: #321602;
}
.all{background-color:#b0a337; color:#ffffff;}
.blog{background-color:#b0a337; color:#ffffff;}
.rebranding{background-color:#321602; color:#ffffff;}
.web-branding{background-color:#000080; color:#ffffff;}
.branding-seminar{background-color:#006400; color:#ffffff;}
.branding-method{background-color:#ff8c00; color:#ffffff;}
.branding-case{background-color:#8b008b; color:#ffffff;}
.card-box-right{
        width:68%;
        display:block;
        padding:0;
        margin:0 auto;
        float:right;
}
.card-box-right a{
        color:#1598e1;
        text-decoration:none;
        text-align:left;
        font-weight:bold;
        display: block;
        position: absolute;
        top: 0;
        left: 32%;
        height:100%;
        width:68%;
}
.card-box-right a:hover{
        color:#cabf62;
        background: #ffffe0;
        opacity: 0.8;
}
.card-title a{font-size:0.8em; line-height:1; padding:0.2em;}
.card-excerpt{
        text-decoration:none;
        text-align:left;
        font-size:0.76em;
        line-height:1;
        color:#000000;
        margin:2.2em 0 0;
        padding: 0.2em 0.2em 0;
}
.view_count{float:right; padding:0; color:#666; font-size:10px; line-height:0.4;}

/**********************************************************
 * 375px以上 スマホ大　タブレット小以上 *
 **********************************************************/
@media only screen and (min-width: 375px)
{
.card-box{font-size:25px;}
.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);}
#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:49%; margin: 0.3em 0.5%;}
}

/**********************************************************
 * 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:link{color:#ff0f76;}
.entry-more a:visited{color:#ff0f76;}
.entry-more a:active{color:#ff0f76;}
.entry-more a:hover{color:#b7ad70;}
.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: #633513;
    font-size: 2em;
    line-height:1;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background: rgba(221,222,211,.8);
    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 #f0e68c;
        border-radius: 10px;
        background-color: #f7f3d3;
}
.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------------------------------------------------------------------------------------------------*/
.fs300{font-size:300% !important;}
.fs290{font-size:290% !important;}
.fs280{font-size:280% !important;}
.fs270{font-size:270% !important;}
.fs260{font-size:260% !important;}
.fs250{font-size:250% !important;}
.fs240{font-size:240% !important;}
.fs230{font-size:230% !important;}
.fs220{font-size:220% !important;}
.fs210{font-size:210% !important;}
.fs200{font-size:200% !important;}
.fs190{font-size:190% !important;}
.fs180{font-size:180% !important;}
.fs170{font-size:170% !important;}
.fs160{font-size:160% !important;}
.fs150{font-size:150% !important;}
.fs140{font-size:140% !important;}
.fs130{font-size:130% !important;}
.fs120{font-size:120% !important;}
.fs110{font-size:110% !important;}
.fs100{font-size:100% !important;}
.fs90{font-size:90% !important;}
.fs80{font-size:80% !important;}
.fs70{font-size:70% !important;}
.fs60{font-size:60% !important;}
.fs50{font-size:50% !important;}
.fs40{font-size:40% !important;}
.fs30{font-size:30% !important;}
.fs20{font-size:20% !important;}
.fs10{font-size:10% !important;}
.mws{max-width: 375px !important;}
.lh0{line-height:0 !important;}
.lh1{line-height:1 !important;}
.lh15{line-height:1.5 !important;}
.lh2{line-height:2 !important;}
.pdlrll{padding-left:3em !important; padding-right:3em !important;}
.pdlrll{padding-left:2.5em !important; padding-right:2.5em !important;}
.pdlrl{padding-left:1.5em !important; padding-right:1.5em !important;}
.pdlrm{padding-left:1em !important; padding-right:1em !important;}
.pdlrs{padding-left:0.5em !important; padding-right:0.5em !important;}
.pdlrss{padding-left:0.2em !important; padding-right:0.2em !important;}
.pdtblll{padding-top:3em !important; padding-bottom:3em !important;}
.pdtbll{padding-top:2.5em !important; padding-bottom:2.5em !important;}
.pdtbl{padding-top:1.5em !important; padding-bottom:1.5em !important;}
.pdtbm{padding-top:1em !important; padding-bottom:1em !important;}
.pdtbs{padding-top:0.5em !important; padding-bottom:0.5em !important;}
.pdtbss{padding-top:0.2em !important; padding-bottom:0.2em !important;}
.pdtlll{padding-top:3em !important;}
.pdtll{padding-top:2.5em !important;}
.pdtl{padding-top:1.5em !important;}
.pdtm{padding-top:1em !important;}
.pdts{padding-top:0.5em !important;}
.pdtss{padding-top:0.2em !important;}
.pdblll{padding-bottom:3em !important;}
.pdbll{padding-bottom:2.5em !important;}
.pdbl{padding-bottom:1.5em !important;}
.pdbm{padding-bottom:1em !important;}
.pdbs{padding-bottom:0.5em !important;}
.pdbss{padding-bottom:0.2em !important;}
.pdn{padding:0 !important;}
.mra{margin:0 auto !important;}
.mrn{margin:0;}
.mrlrlll{margin-left:3em !important; margin-right:3em !important;}
.mrlrll{margin-left:2.5em !important; margin-right:2.5em !important;}
.mrlrl{margin-left:1.5em !important; margin-right:1.5em !important;}
.mrlrm{margin-left:1em !important; margin-right:1em !important;}
.mrlrs{margin-left:0.5em !important; margin-right:0.5em !important;}
.mrlrss{margin-left:0.2em !important; margin-right:0.2em !important;}
.mrlrn{margin-left:0em !important; margin-right:0em !important;}
.mrllll{margin-left:3em !important;}
.mrlll{margin-left:2.5em !important;}
.mrll{margin-left:1.5em !important;}
.mrlm{margin-left:1em !important;}
.mrls{margin-left:0.5em !important;}
.mrlss{margin-left:0.2em !important;}
.mrln{margin-left:0em !important;}
.mrrlll{margin-right:3em !important;}
.mrrll{margin-right:2.5em !important;}
.mrrl{margin-right:1.5em !important;}
.mrrm{margin-right:1em !important;}
.mrrs{margin-right:0.5em !important;}
.mrrss{margin-right:0.2em !important;}
.mrrn{margin-right:0em !important;}
.mrtblll{margin-top:3em !important; margin-bottom:3em !important;}
.mrtbll{margin-top:2.5em !important; margin-bottom:2.5em !important;}
.mrtbl{margin-top:1.5em !important; margin-bottom:1.5em !important;}
.mrtbm{margin-top:1em !important; margin-bottom:1em !important;}
.mrtbs{margin-top:0.5em !important; margin-bottom:0.5em !important;}
.mrtbss{margin-top:0.2em !important; margin-bottom:0.2em !important;}
.mrtbn{margin-top:0em !important; margin-bottom:0em !important;}
.mrtlll{margin-top:3em !important;}
.mrtll{margin-top:2.5em !important;}
.mrtl{margin-top:1.5em !important;}
.mrtm{margin-top:1em !important;}
.mrts{margin-top:0.5em !important;}
.mrtss{margin-top:0.2em !important;}
.mrtn{margin-top:0em !important;}
.mrblll{margin-bottom:3em !important;}
.mrbll{margin-bottom:2.5em !important;}
.mrbl{margin-bottom:1.5em !important;}
.mrbm{margin-bottom:1em !important;}
.mrbs{margin-bottom:0.5em !important;}
.mrbss{margin-bottom:0.2em !important;}
.mrbn{margin-bottom:0em !important;}
.vam{vertical-align: middle;}
.max320{display:block !important;}
.min320{display:none !important;}
.max375{display:block !important;}
.min375{display:none !important;}
.max450{display:block !important;}
.min450{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: 450px)
{
.max450{display:none !important;}
.min450{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;      /* 現行ブラウザ */
}