@charset "utf-8";
.grecaptcha-badge { visibility: hidden; }
.inner p:not([class]) {padding-bottom:1em;}
/*-common------------------------------------------------------------------------------------------------*/
#header{background-color:#ffffff;}
.headerl{height:60px; margin:0; padding:0; display:block; overflow:hidden; float:left;}
.headerr{height:60px; margin:0; padding:0; display:block; overflow:hidden; float:right;}
.logoimg{height: 60px; width:auto; display:block; margin:0 0 0 2px; padding:0; float:left;}
.tellimg{height: 60px; width:auto; display:block; margin:0 2px 0 0; padding:0; float:right;}
.freeimg{height: 60px; width:auto; display:block; margin:0 2px 0 0; padding:0; float:right;}
.headerl > p{margin:0; padding:0;}
#footer {
	width:100%;
	margin:0 auto;
	padding:0 0 4em 0;
	display:block;
        clear:both;
        background-color: #363131;
        border-top: #b7ab48 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;}
section {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
        overflow:hidden;
}
.sideinner, .sideinnerb, .sideinnerc, .sideinnerd {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        word-wrap:break-word;
        overflow:hidden;
        float:left;
}
.side-fixed{display:none;}
@media screen and (min-width: 1000px){
.side-fixed {
    display:block;
    position: fixed !important;
    top: 40px;
    width: 250px;
    margin: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.90);
}
}

/*------------------------------------------------
　　sideimg  div img
------------------------------------------------*/
.sideimg1{background: url("../images/sideimg1b.jpg") no-repeat;}
.sideimg2{background: url("../images/sideimg2b.jpg") no-repeat;}
.sideimg3{background: url("../images/sideimg3b.jpg") no-repeat;}
.sideimg4{background: url("../images/sideimg4b.jpg") no-repeat;}
.sideimg1, .sideimg2, .sideimg3, .sideimg4 {
    background-size: 100% auto;
    max-width: 500px;
    border: 1px solid #ccc;
}
.sideimg1 a, .sideimg2 a, .sideimg3 a, .sideimg4 a {
    display: inline-block;
    width: 100%;
}
.sideimg1 a img, .sideimg2 a img, .sideimg3 a img, .sideimg4 a img {
    width: 100%;
    height: auto;
    border-style: none;
    display: block;
    margin: 0 auto;
    padding:0;
}
.sideimg1 a:hover, .sideimg2 a:hover, .sideimg3 a:hover, .sideimg4 a:hover {
	background-color: transparent; /* IE6対応 */
}
.sideimg1 a:hover img, .sideimg2 a:hover img, .sideimg3 a:hover img, .sideimg4 a:hover img {
    visibility: hidden;
}
/*------------------------------------------------
　　sidebtn
------------------------------------------------*/
.sidebtn {
	position: relative;
	display: inline-block;
        width:100%;
	padding: 0.9em 1em;
	background-color: #333;
	border: 1px solid #666;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 1.5s;
}
.sidebtn::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-right-color: #fff;
	transition: all 1.5s;
}
.sidebtn:hover {
	background-color: #fff;
	color: #333;
}
.sidebtn:hover::after {
	border-right-color: #333;        
}
/*------------------------------------------------
　　sub_menu
------------------------------------------------*/
#sub_menu { 
    width: 100%;
    margin: 0 auto;
font-size: 1.1em;
}
#sub_menu .menu{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
#sub_menu li{
	position: relative;
	display: inline-block;
  /*padding: 1em 0.8em;*/
	background-color: #612c1f;
        text-align: center;
	text-decoration: none;
	transition: all 1.5s;
        width:100%;
    height:2.7em;
        float:none;
}
#sub_menu li::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #f0e68c;
	transition: all 1.5s;
}
/*#sub_menu li:last-child{border-bottom: none;}*/
#sub_menu li a{font-size:0.8em; color:#fff7b6; text-decoration:none;display:block; padding:1em 0.8em; height:100%;border-bottom:2px solid rgba(184, 172, 71, 0.6);}
#sub_menu li:hover {background-color:#89493a; opacity:0.8; color:#f0e68c !important;}
#sub_menu li:hover a{color:#f0e68c !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:#ea5169;}
  #sub_menu li:nth-child(2){background-color:#ea5169;}
  #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: #f0e68c;
text-decoration: none;
text-align:center;
font-size: 1em;
font-weight:bold;
vertical-align: middle;
display:block;
width:100%;
}
#sidenav li:hover{
background: url(../images/sidenav2.png) no-repeat left center;
}
#sidenav li a:hover{
color: #b7ad70;
}
/**********************************************************
 * 250px以上 タブレット&PC *
 **********************************************************/
@media print, screen and (min-width: 250px)
{
.sideinner, .sideinnerb {padding-left: -webkit-calc(50vw - 125px); padding-right: -webkit-calc(50vw - 125px); padding-left: calc(50vw - 125px); padding-right: calc(50vw - 125px);}
}

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

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

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

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

/*-wordpress------------------------------------------------------------------------------------------------*/
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 1.6em;
    -webkit-margin-end: 1.6em;
}
 
/* img */
img {
 vertical-align:top;
 max-width: 100%;
 height:auto;
}
a:hover img{opacity:0.8; transform: scale(0.99 , 0.99); transition-duration: 0.5s;}
a img{transition:0.6s;}
img {
 vertical-align:top;
 max-width: 100%;
 height:auto;
}
a img{transition:0.6s;}
img.img100, .img100 img:first-child {width:100%; height:auto; margin:0; display:block;}
img.img90, .img90 img:first-child {width:90%; height:auto; margin:0 auto 1em;}

@media only screen and (max-width:743.9px){
figure{width: 90%; float:none; margin:0 5% 1em;}
}

@media print, screen and (min-width: 744px)
{
figure{width:40%; display:flex !important; flex-flow:column;}
figure.right{float:right; margin:0 0 1em 1em;}
figure.left{float:left; margin:0 1em 1em 0;}
figure.center{margin:0 auto 1em;}
}
figcaption{font-weight: bold;}

.wp-caption-text{text-align:center; color:#333333; margin-bottom:1em;}
.recentcomments{color:#666;}
img.wp-smiley, img.emoji {float:none;}

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

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

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

@media print, screen and (min-width: 744px)
{
.alignright { float:right !important; margin:0 0 1em 1em !important;}
.alignleft { float:left !important; margin:0 1em 1em 0 !important;}
img[class*="alignright"], img[class*="alignleft"], .wp-caption.alignright, .wp-caption.alignleft{width:50%; height:auto;}
}

img[class*="alignright"], img[class*="alignleft"], .wp-caption.alignright, .wp-caption.alignleft, img[class*="aligncenter"]{
  border-radius:0.5em;
}
.imgsh{box-shadow:0 0.2em 0.6em -0.2em rgba(0, 0, 0, 0.8);}
.imgborder{border: 1px solid #ccc;}
.imgdrop{
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
}



/*
.aligncenter, .centeri {
    display: block !important;
    margin: 0 auto !important;
}
.alignright, .righti { float: right !important; margin: 1%;}
.alignleft, .lefti { float: left !important; margin: 1%;}
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 46%;
    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;}
.widget{
        width:100%;
        margin:0;
}
.widget-title{
        text-align:center;
        font-size:1em;
        font-family: monospace; 
        clear: both;
        padding: 0.4em 0.1em;
        color: #ffffff;
        text-shadow: #333 0em 0.1em 0.2em;
        background-color: #cb6e31;
}
.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:#d64d48;
        line-height: 1;
}
.widget ul li:last-child{
        border-bottom:none;
}
.widget ul li a{
        color:#d64d48;
        text-decoration:none;
        text-align:left;
        font-size:0.6em;
        font-weight:bold;
}
.widget ul li a:hover{
    color: #fffe00;
    background-color: #ffffe0;
    opacity: 0.8;
}
.widget ul li:hover{
    background-color: #ffffe0;
    opacity: 0.8;
}
.widget ul li:hover a{
    color: #948612;
}
abbr[title]{text-decoration:none; border-bottom:none;}

/*-cl bg line dot dash st hrv------------------------------------------------------------------------------------------------*/
.cla{color: #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:#b43232 !important;}
.clg{color:#805d00 !important;}
.cl0{color:#ff0000 !important;}
.cl1{color:#ffffff !important;}
.cl2{color:#000000 !important;}
.cl3{color:#f3f305 !important;}
.cl4{color:#dd1201 !important;}
.cl5{color:#4285f4 !important;}
.cl6{color:#b7ab48 !important;}
.cl7{color:#ffff00 !important;}
.bgs{
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #fed03b;
background-image: linear-gradient(-45deg, #f8d460 25%, transparent 25%,
          transparent 50%, #f8d460 50%, #f8d460 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8d460), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8d460),
            color-stop(.75, #f8d460), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #f8d460 25%, transparent 25%,
          transparent 50%, #f8d460 50%, #f8d460 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #f8d460 25%, transparent 25%,
          transparent 50%, #f8d460 50%, #f8d460 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #f8d460 25%, transparent 25%,
          transparent 50%, #f8d460 50%, #f8d460 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #f8d460 25%, transparent 25%,
          transparent 50%, #f8d460 50%, #f8d460 75%,
          transparent 75%, transparent);
}
.bgs2{
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #000000;
background-image: linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #333333), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333333),
            color-stop(.75, #333333), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
}
.bgg{background-color:#805d00; overflow: hidden;}
.bgt{background-color:#f6f5d6 !important;}
.bg0{background-color:#000000 !important;}
.bg1{background-color:#ffffff !important;}
.bg2{background-color:#808080 !important;}
.bg3{background-color:#f3f305 !important;}
.bg4{background-color:#dd1201 !important;}
.bg5{background-color:#4285f4 !important;}
.bg6{background-color:#b7ab48 !important;}
.bg7{background-color:#ffff00 !important;}
.lineg{border-bottom: 0.1em solid #805d00;}
.line0{border-bottom: 0.1em solid #000000;}
.line1{border-bottom: 0.1em solid #ffffff;}
.line2{border-bottom: 0.1em solid #808080;}
.line3{border-bottom: 0.1em solid #fbbd0a;}
.line4{border-bottom: 0.1em solid #ea4335;}
.line5{border-bottom: 0.1em solid #4285f4;}
.line6{border-bottom: 0.1em solid #b7ab48;}
.line7{border-bottom: 0.1em solid #ffff00;}
.dotg{border-bottom: 0.125em dotted #805d00;}
.dot0{border-bottom: 0.125em dotted #000000;}
.dot1{border-bottom: 0.125em dotted #ffffff;}
.dot2{border-bottom: 0.125em dotted #808080;}
.dot3{border-bottom: 0.125em dotted #fbbd0a;}
.dot4{border-bottom: 0.125em dotted #ea4335;}
.dot5{border-bottom: 0.125em dotted #4285f4;}
.dot6{border-bottom: 0.125em dotted #b7ab48;}
.dot7{border-bottom: 0.125em dotted #ffff00;}
.dashg{border-bottom: 0.1em dashed #805d00;}
.dash0{border-bottom: 0.1em dashed #000000;}
.dash1{border-bottom: 0.1em dashed #ffffff;}
.dash2{border-bottom: 0.1em dashed #808080;}
.dash3{border-bottom: 0.1em dashed #fbbd0a;}
.dash4{border-bottom: 0.1em dashed #ea4335;}
.dash5{border-bottom: 0.1em dashed #4285f4;}
.dash6{border-bottom: 0.1em dashed #b7ab48;}
.dash7{border-bottom: 0.1em dashed #ffff00;}
.str{
       font-size: 1.5em;
       font-weight: bold;
       background-color:#ffffe0 !important;
       color:#b43232 !important;
}
.stg{background: linear-gradient(rgba(0,0,0,0) 70%,#805d00 100%);}
.st0{background: linear-gradient(rgba(0,0,0,0) 70%,#000000 100%);}
.st1{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffff 100%);}
.st2{background: linear-gradient(rgba(0,0,0,0) 70%,#808080 100%);}
.st3{background: linear-gradient(rgba(0,0,0,0) 70%,#fbbd0a 100%);}
.st4{background: linear-gradient(rgba(0,0,0,0) 70%,#ea4335 100%);}
.st5{background: linear-gradient(rgba(0,0,0,0) 70%,#4285f4 100%);}
.st6{background: linear-gradient(rgba(0,0,0,0) 70%,#b7ab48 100%);}
.st7{background: linear-gradient(rgba(0,0,0,0) 70%,#ffff00 100%);}
/*------------------------------------------------
　　hrv
------------------------------------------------*/
.hrv0, .hrv1, .hrv2, .hrv3, .hrv4, .hrv5, .hrv6, .hrv7
{
	position: relative;
	background: transparent;
	border: 1px solid transparent;
        clear:both;
        margin-top:0em;
        margin-bottom:0em;
        margin-left:-0.5em; margin-right:-0.5em;
}
.hrv0:after, .hrv1:after, .hrv2:after, .hrv3:after, .hrv4:after, .hrv5:after, .hrv6:after, .hrv7:after,
.hrv0:before, .hrv1:before, .hrv2:before, .hrv3:before, .hrv4:before, .hrv5:before, .hrv6:before, .hrv7:before
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.hrv0:after, .hrv1:after, .hrv2:after, .hrv3:after, .hrv4:after, .hrv5:after, .hrv6:after, .hrv7:after
{
        border-style: solid;
        border-width: 1.6em 7em 0 7em;
	margin-left: -7em;
        margin-top: -0.01em;
}
.hrv0:before, .hrv1:before, .hrv2:before, .hrv3:before, .hrv4:before, .hrv5:before, .hrv6:before, .hrv7:before
{
        border-style: solid;
        border-width: 1.8em 10em 0 10em;
	margin-left: -10em;
}
.hrv0:before, .hrv0:after{border-color:#000000 transparent transparent transparent;}
.hrv1:before, .hrv1:after{border-color:#ffffff transparent transparent transparent;}
.hrv2:before, .hrv2:after{border-color:#808080 transparent transparent transparent;}
.hrv3:before, .hrv3:after{border-color:#fbbd0a transparent transparent transparent;}
.hrv4:before, .hrv4:after{border-color:#ea4335 transparent transparent transparent;}
.hrv5:before, .hrv5:after{border-color:#4285f4 transparent transparent transparent;}
.hrv6:before, .hrv6:after{border-color:#b7ab48 transparent transparent transparent;}
.hrv7:before, .hrv7:after{border-color:#ffff00 transparent transparent transparent;}
/*-hr------------------------------------------------------------------------------------------------*/
.hr0 {
	content: url(../images/zero.png);
	display: block;
	height: 0;
        clear:both;
        margin:0;
}
.cf {zoom: 1;}
.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.bar1, .bar2, .bar3, .bar5
{font-size:1.4em !important; line-height:1; margin:0.2em 0; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar4
{font-size:1.4em !important; line-height:1; margin:0; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar1:before, .bar2:before, .bar3:before, .bar4:before, .bar5:before
{font-size:48px !important; text-align:center; vertical-align:text-top;}
.bar1:before {content: "\f103"; font-family: FontAwesome; color:#b7ab48;}
.bar2:before {content: "\f107"; font-family: FontAwesome; color:#b7ab48;}
.bar3:before {content: "\f063"; font-family: FontAwesome; color:#b7ab48;}
.bar4:before {content: "\f067"; font-family: FontAwesome; color:#b7ab48;}
.bar5:before {content: "\f0a7"; font-family: FontAwesome; color:#b7ab48;}

/*-font------------------------------------------------------------------------------------------------*/
h2,.m2{
    font-size:1.2em;
    position: relative;
    text-align:center;
    font-family: monospace;
    margin: 0.2em 0.2em 0.5em;
    padding: 0.2em 0;
    color: #ffffff;
    background-color: #8b5734;
   /*border: 2px solid #b7ab48;*/
}
h2:before,.m2:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid #511f13;
    border-top: 0.5em solid #511f13;
    content: "";
}
h2:after,.m2:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 0.5em solid transparent;
    border-bottom: 0.5em solid #511f13;
    border-top: 0.5em solid #511f13;
    content: "";
}
h3,.m3{
    font-size:1.2em;
    background-color: #fbfbfb;
    padding: 0.2em 0;
    margin: 0.2em 0.2em 0.5em;
    border: 2px solid #B8A23C;
    border-radius: 4px;
    color: #67604a;
    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;
    letter-spacing: 0.1em;
}
h4,.m4{font-size: 1em; color: #ff0505; font-weight: bold; text-shadow: 0.1em 0.1em 0.5em rgba(221, 217, 172, 0.9);}
h5,.m5{font-size: 1em; color: #ef9959; font-weight: bold; text-shadow: 0.1em 0.1em 0.5em rgba(221, 217, 172, 0.9);}
h6,.m6{font-size: 1em; color: #ff6500; font-weight: bold; text-shadow: 0.1em 0.1em 0.5em rgba(221, 217, 172, 0.9);}
.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;
        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;
}
/*------------------------------------------------
　　top-marquee
------------------------------------------------*/
.top-marquee {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    /*position: relative;
    overflow: hidden;*/
    text-align: left;
    color: #f0e68c;
    background-color:#a30a17;
    font-size: 0.8em;
    font-weight: bold;
}
.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:50s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:50s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:50s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:50s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:50s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

/*-ol ul------------------------------------------------------------------------------------------------*/
/*------------------------------------------------
　　ol ul 共通
------------------------------------------------*/
ol.ol0, ol.ol1,
ul.u1, ul.u2, ul.u3, ul.u4, ul.u5, ul.u6, ul.u7,
ul.u1b, ul.u2b, ul.u3b, ul.u4b, ul.u5b, ul.u6b, ul.u7b{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
    margin-left:0;
    padding-left:0;
}

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

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

/*
@media only screen and (min-width: 750px) {
ul.u1 li, ul.u2 li, ul.u3 li, ul.u4 li, ul.u5 li, ul.u6 li, ul.u7 li,
ul.u1b li, ul.u2b li, ul.u3b li, ul.u4b li, ul.u5b li, ul.u6b li, ul.u7b li{
 font-size: 1.125em;
}
ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before,
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before{
 font-size: 1.125em; padding-right:0.6em;
}
}*/

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

/*-box------------------------------------------------------------------------------------------------*/
.inner
{
        width:100%;
        max-width:750px;
        margin:0 auto;
        padding:0.5em 0.5em 1em;
        display:block;
        clear:both;
        overflow:hidden;
}
.inner > p{padding-left:0.5em; padding-right:0.5em;}
.b0
{
        width:100%;
        margin:0 auto;
        padding:0;
        display:block;
}
.bt4
{
        width:100%;
        margin:0 auto 1em;
        padding:0;
        display:block;
        float:left;
}
.b1, .b2, .b3, .b4
{
        padding:0;
        display:block;
        float:left;
}
.b1, .b2, .b3, .b4{width:100%; margin:0; padding:0;}
.b55l{display:block;padding:0;margin:0;width:50%;float:left;}
.b55r{display:block;padding:0;margin:0;width:50%;float:right;}
.b64l{display:block;padding:0;margin:0;width:60%;float:left;}
.b64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.b46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.b46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.b73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.b73r{display:block;padding:0;margin:0;width:30%;float:right;}
.b37l{display:block;padding:0;margin:0;width:30%;float:left;}
.b37r{display:block;padding:0;margin:0;width:70%;float:right;}
.b82l{display:block;padding:0;margin:0;width:80%;float:left;}
.b82r{display:block;padding:0;margin:0;width:20%;float:right;}
.b28l{display:block;padding:0;margin:0;width:20%;float:left;}
.b28r{display:block;padding:0;margin:0;width:80%;float:right;}
.b91l{display:block;padding:0;margin:0;width:90%;float:left;}
.b91r{display:block;padding:0;margin:0;width:10%;float:right;}
.b19l{display:block;padding:0;margin:0;width:10%;float:left;}
.b19r{display:block;padding:0;margin:0;width:90%;float:right;}
.b33l{display:block;padding:0;margin:0;width:33%;float:left;}
.b33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.b33r{display:block;padding:0;margin:0;width:33%;float:right;}
.n55l{display:block;padding:0;margin:0;width:100%;}
.n55r{display:none;float:right;}
.n64l{display:block;padding:0;margin:0;width:100%;}
.n64r{display:none;}
.n46l{display:none;}
.n46r{display:block;padding:0em;margin:0;width:100%;}
.n73l{display:block;padding:0em;margin:0;width:100%;}
.n73r{display:none;}
.n37l{display:none;}
.n37r{display:block;padding:0;margin:0;width:100%;}
.n82l{display:block;padding:0;margin:0;width:100%;}
.n82r{display:none;}
.n28l{display:none;}
.n28r{display:block;padding:0;margin:0;width:100%;}
.n91l{display:block;padding:0;margin:0;width:100%;}
.n91r{display:none;}
.n19l{display:none;}
.n19r{display:block;padding:0;margin:0;width:100%;}
.bb55l{display:block;padding:0;margin:0;width:100%;}
.bb55r{display:block;padding:0;margin:0;width:100%;}
.bb64l{display:block;padding:0;margin:0;width:100%;}
.bb64r{display:block;padding:0;margin:0;width:100%;}
.bb46l{display:block;padding:0;margin:0;width:100%;}
.bb46r{display:block;padding:0;margin:0;width:100%;}
.bb73l{display:block;padding:0;margin:0;width:100%;}
.bb73r{display:block;padding:0;margin:0;width:100%;}
.bb37l{display:block;padding:0;margin:0;width:100%;}
.bb37r{display:block;padding:0;margin:0;width:100%;}
.bb82l{display:block;padding:0;margin:0;width:100%;}
.bb82r{display:block;padding:0;margin:0;width:100%;}
.bb28l{display:block;padding:0;margin:0;width:100%;}
.bb28r{display:block;padding:0;margin:0;width:100%;}
.bb91l{display:block;padding:0;margin:0;width:100%;}
.bb91r{display:block;padding:0;margin:0;width:100%;}
.bb19l{display:block;padding:0;margin:0;width:100%;}
.bb19r{display:block;padding:0;margin:0;width:100%;}
.bb33l{display:block;padding:0;margin:0;width:100%;}
.bb33c{display:block;padding:0;margin:0;width:100%;}
.bb33r{display:block;padding:0;margin:0;width:100%;}

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

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

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

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

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

/**********************************************************
 * 750px以上 タブレット中以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
.b2{width:50%; padding-left:0; padding-right:0;}
.b3{width:33.3%; padding-left:0; padding-right:0;}
.b4, .bt4{width:25%; padding-left:0; padding-right:0;}
.n55l{display:block;padding:0;margin:0;width:50%;float:left;}
.n55r{display:block;padding:0;margin:0;width:50%;float:right;}
.n64l{display:block;padding:0;margin:0;width:60%;float:left;}
.n64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.n46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.n46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.n73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.n73r{display:block;padding:0;margin:0;width:30%;float:right;}
.n37l{display:block;padding:0;margin:0;width:30%;float:left;}
.n37r{display:block;padding:0;margin:0;width:70%;float:right;}
.n82l{display:block;padding:0;margin:0;width:80%;float:left;}
.n82r{display:block;padding:0;margin:0;width:20%;float:right;}
.n28l{display:block;padding:0;margin:0;width:20%;float:left;}
.n28r{display:block;padding:0;margin:0;width:80%;float:right;}
.n91l{display:block;padding:0;margin:0;width:90%;float:left;}
.n91r{display:block;padding:0;margin:0;width:10%;float:right;}
.n19l{display:block;padding:0;margin:0;width:10%;float:left;}
.n19r{display:block;padding:0;margin:0;width:90%;float:right;}
.bb55l{display:block;padding:0;margin:0;width:50%;float:left;}
.bb55r{display:block;padding:0;margin:0;width:50%;float:right;}
.bb64l{display:block;padding:0;margin:0;width:60%;float:left;}
.bb64r{display:block;padding:0em;margin:0;width:40%;float:right;}
.bb46l{display:block;padding:0em;margin:0;width:40%;float:left;}
.bb46r{display:block;padding:0em;margin:0;width:60%;float:right;}
.bb73l{display:block;padding:0em;margin:0;width:70%;float:left;}
.bb73r{display:block;padding:0;margin:0;width:30%;float:right;}
.bb37l{display:block;padding:0;margin:0;width:30%;float:left;}
.bb37r{display:block;padding:0;margin:0;width:70%;float:right;}
.bb82l{display:block;padding:0;margin:0;width:80%;float:left;}
.bb82r{display:block;padding:0;margin:0;width:20%;float:right;}
.bb28l{display:block;padding:0;margin:0;width:20%;float:left;}
.bb28r{display:block;padding:0;margin:0;width:80%;float:right;}
.bb91l{display:block;padding:0;margin:0;width:90%;float:left;}
.bb91r{display:block;padding:0;margin:0;width:10%;float:right;}
.bb19l{display:block;padding:0;margin:0;width:10%;float:left;}
.bb19r{display:block;padding:0;margin:0;width:90%;float:right;}
.bb33l{display:block;padding:0;margin:0;width:33%;float:left;}
.bb33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.bb33r{display:block;padding:0;margin:0;width:33%;float:right;}
}
.bgbox1 {background-image: url(../images/bg1.png); background-position: 0 100%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0; padding-bottom: 2.5em !important;}
.bgbox2 {background-image: url(../images/bg2.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0; padding-bottom: 2.5em !important;}
.bgbox3 {background-image: url(../images/bg3.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:1em 0; background-color: rgb(246, 245, 233); border-radius:15px;}
.bgbox4 {background-image: url(../images/bg4.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.bgbox5 {background-image: url(../images/bg5.png); background-position: 0 50%; background-size: 100% auto; background-repeat:no-repeat; margin:0; padding:0;}
.box0 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    background-color: #ffffff;
    border-radius: 15px;
}
.box1 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
   /* border-radius: 5px;
    border: 1px solid #b7ab48;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);*/
    background-color: #ffffff;
}
.catbox {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px 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: 1px solid #bbb053;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: rgba(249, 250, 161, 0.2);
}
.box3 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ffffff;
}
.box4 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.box5 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ea4335;
}
.box6 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #4285f4;
}
.box7 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #bbb053;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #b7ab48;
}
.box8 {
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 1px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #999999;
}
.box9 {
    display: block;
    clear: both;
    overflow: hidden;
    float: left;
    width: 94%;
    margin: 0 3% 1em;
    padding: 0.5em 2%;
    border: 1px solid #b7ab48;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #f8f5f0;
}

/*-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:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img98g {width:98%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img90g {width:90%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img70g {width:70%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img50g {width:50%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);}
.img30g {width:30%; height:auto; display:block; margin:0 auto; border-radius:0.5em; border:2px solid #999; box-shadow: 0px 5px 15px -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/imgbtna2.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;}

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

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

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

/*-topcatch------------------------------------------------------------------------------------------------*/
.topcatch {
        background-image: url(../images/catch.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: #efe9b7;
    width: 98%;
    max-height: 80px;
    height: auto;
    margin: 10px 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);
}
@media only screen and (min-width:750px)
{
.topcatch {margin:0.8em 1% 0.5em;}
}
.topcatch > h1 {
    text-shadow: 1px 1px 1px #b7ab48;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffee;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 1.4em;
    padding: 0.25em 0;
    line-height: 1;
    border: none;
    border-radius: 0;
}
.topcatch > h1:before, .topcatch > h1: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: #b7ab48;
  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: 85vh;
    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: #ff6500;
    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: #ea5169; 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);}
}
.modal_window img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
}
.modal_window h2 {
	margin:0;
	padding:0.5em 0 0.5em 1em;
	font-size:1em;
        font-weight: bold;
	color:#ffffff;
	background:#111111;
}
.modal_window h2:before{
        content: "■";
	margin:0;
	float: left;
        padding-right: 1em;
	font-size:1em;
        font-weight: bold;
	color:#ff7517;
}
.modal_windowimg{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
.modal_window-text {
        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;
}
/* CSS3 ModalWindow SET
--------------------------
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
} */
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity: 0;display: block;}
    100% {opacity: 1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display: block;
}
@-webkit-keyframes modalScale {
    0% {opacity: 0;display: block; -webkit-transform:scale(0);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
div#modal div:target .modal_window {
    -webkit-animation-name: modalScale;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform:scale(1);
    opacity: 1;
    display: block;
}

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

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

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

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

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

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

.accbox .accshow p {margin: 1em}

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

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

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

/*-SNS------------------------------------------------------------------------------------------------*/
/* SNSボタン */
.share {margin-top:0.5em; display:block; clear:both; overflow:hidden;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {
    display: block;
    padding: 0.5em 0 0.5em 0;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
}
.share li a:hover {opacity:0.8; color:#fff;}
.share li a:visited{ color:#fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #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;}
.instagram a {background-color: #db2e79;}
.share li {
  float : left;
  width : 22%;
  margin:0.2em 1.5% 0.2em 1.5%;
}
/* cvfb cvline */
.cvfb a:link,.cvfb a:active, .cvfb a:visited{
    display: block;
    padding: 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(54, 49, 49, 0.9);}
#page-top1:hover, #page-top2:hover, #page-top3:hover{background: rgba(54, 49, 49, 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:10em;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.25;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 1.4em;
  background-color: #34ac53;
  -webkit-box-shadow: inset 0 0 1px 1px #df797a, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #df797a, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #df797a, 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: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  padding: 10px 0;
}
.cv-btn span {
  letter-spacing: 0.1em;
  font-size: 0.9em;
}
.cv-btn:hover {
  color: #FFFFFF;
  background-color: #ea4335;
  -webkit-box-shadow: inset 0 0 1px 1px #fffe00, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fffe00, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fffe00, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #d53e30;
  -moz-text-shadow: 1px 1px 1px #d53e30;
  -o-text-shadow: 1px 1px 1px #d53e30;
  text-shadow: 1px 1px 1px #d53e30;
}
.cv-btn:active {
  color: #FFFFFF;
  background-color: #34ac53;
  padding: 8px 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: #ea5169;
  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: #b43232;
background: #ffffff;
}
.clickb a:link,.clickb a:visited,.clickb a:active{
    font-size: 0.8em;
color: #ffffff;
background: #b43232;
}
.clickc a:link,.clickc a:visited,.clickc a:active{
    font-size: 1.2em;
color: #ffffff;
background: #b43232;
}
.clicka a:link,.clicka a:visited,.clicka a:active,.clickb a:link,.clickb a:visited,.clickb a:active,.clickc a:link,.clickc a:visited,.clickc a:active{
    border: 2px solid #eee;
    font-weight: bold;
    padding: 0.3em 0.6em;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
/*Rounded Corners*/
        -webkit-border-radius: 0.4em;
        -moz-border-radius: 0.4em;
        border-radius: 0.4em;
 /*Gradient*/
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 /*Shadow*/
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.clicka a:hover{
        background-color:#b43232;
        color:#ffffff;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.clickb a:hover{
        background-color:#ffffff;
        color:#b43232;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.clickc a:hover{
        background-color:#ffffff;
        color:#b43232;
        border: 2px solid #d5ce95;
        position:relative;
        bottom:0.1em;
}
.tellb,.tellb a{font-size:1.2em; color:#912208; 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:#ffa400;}

/*-full-bg------------------------------------------------------------------------------------------------*/
/*-full-bg-*/
.full-bgr1{background: url(../images/full-bgr1.png) repeat left top;}
.full-bgr2{background: url(../images/full-bgr2.png) repeat left top;}
.full-bgr3{background: url(../images/full-bgr3.png) repeat left top;}
@media print, screen and (max-width: 750px)
{
.full-bgmb {
  background-image: url(../images/full-bgmb.jpg); 
  background-color: #fdfdf6;
  background-position: left top; 
  background-repeat: repeat;   
}
}
@media print, screen and (min-width: 750px)
{
.full-bg {
  background-image: url(../images/full-bg.png); 
  background-color: #fdfdf6;
  background-position: center top; 
  background-repeat: no-repeat;   
  background-attachment: fixed;   
  background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;    
}
}
@media only screen and (min-width: 1000px)
{
.full-bg2 {
  background-image: url(../images/full-bg2.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;   
}
}
@media only screen and (min-width: 1250px)
{
.full-bg2 {background-image: url(../images/full-bg3.png);}
}
/*-動画を背景に設定するスタイルシートA-*/
#video-bg {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
/*  動画を背景に設定するスタイルシートB  */
/*  <video autoplay loop poster="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.jpg" id="bg-video">  */
/*  <source src="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.webm" type="video/webm">  */
/*  <source src="<?php echo get_template_directory_uri();?>/re-brandings/images/bgvideo.mp4" type="video/mp4">  */
/*  </video>  */
video#bg-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-image: url(../images/bgvideo.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 750px) {
#bg-video { display: none; }
.bg-videoimg {
  background-image: url(../images/bgvideo.jpg);
  z-index: -105;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #ccc;
}
}


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

.card-title a{line-height:1; padding:0.2em;}
.rank-num {
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        padding: 0.2em 0.35em 0.1em 0.2em;
        font-size: 0.8em;
        font-style: italic;
        font-weight: bold;
        line-height:1;
        background-color: #f0e68c;
        color: #321602;
}
.view_count{float:right; padding:0; color:#666; font-size:10px; line-height:0.4;}

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

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

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

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

.entry-more{float:right; padding:0 1em 0 0;}
.entry-more a:link{color:#511f13;}
.entry-more a:visited{color:#511f13;}
.entry-more a:active{color:#511f13;}
.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------------------------------------------------------------------------------------------------*/
.fs200{font-size:200% !important;}
.fs190{font-size:190% !important;}
.fs180{font-size:180% !important;}
.fs170{font-size:170% !important;}
.fs160{font-size:160% !important;}
.fs150{font-size:150% !important;}
.fs140{font-size:140% !important;}
.fs130{font-size:130% !important;}
.fs120{font-size:120% !important;}
.fs110{font-size:110% !important;}
.fs100{font-size:100% !important;}
.fs90{font-size:90% !important;}
.fs80{font-size:80% !important;}
.fs70{font-size:70% !important;}
.fs60{font-size:60% !important;}
.fs50{font-size:50% !important;}
.fs40{font-size:40% !important;}
.mws{max-width: 375px !important;}
.lh0{line-height:0 !important;}
.lh1{line-height:1 !important;}
.lh15{line-height:1.5 !important;}
.lh2{line-height:2 !important;}
.pdlrl{padding-left:1.5em !important; padding-right:1.5em !important;}
.pdlrm{padding-left:1em !important; padding-right:1em !important;}
.pdlrs{padding-left:0.5em !important; padding-right:0.5em !important;}
.pdlrss{padding-left:0.2em !important; padding-right:0.2em !important;}
.pdtbl{padding-top:1.5em !important; padding-bottom:1.5em !important;}
.pdtbm{padding-top:1em !important; padding-bottom:1em !important;}
.pdtbs{padding-top:0.5em !important; padding-bottom:0.5em !important;}
.pdtbss{padding-top:0.2em !important; padding-bottom:0.2em !important;}
.pdtl{padding-top:1.5em !important;}
.pdtm{padding-top:1em !important;}
.pdts{padding-top:0.5em !important;}
.pdtss{padding-top:0.2em !important;}
.pdbl{padding-bottom:1.5em !important;}
.pdbm{padding-bottom:1em !important;}
.pdbs{padding-bottom:0.5em !important;}
.pdbss{padding-bottom:0.2em !important;}
.pdn{padding:0 !important;}
.mra{margin:0 auto !important;}
.mrn{margin:0;}
.mrlrl{margin-left:1.5em !important; margin-right:1.5em !important;}
.mrlrm{margin-left:1em !important; margin-right:1em !important;}
.mrlrs{margin-left:0.5em !important; margin-right:0.5em !important;}
.mrlrss{margin-left:0.2em !important; margin-right:0.2em !important;}
.mrlrn{margin-left:0em !important; margin-right:0em !important;}
.mrll{margin-left:1.5em !important;}
.mrlm{margin-left:1em !important;}
.mrls{margin-left:0.5em !important;}
.mrlss{margin-left:0.2em !important;}
.mrln{margin-left:0em !important;}
.mrrl{margin-right:1.5em !important;}
.mrrm{margin-right:1em !important;}
.mrrs{margin-right:0.5em !important;}
.mrrss{margin-right:0.2em !important;}
.mrrn{margin-right:0em !important;}
.mrtbl{margin-top:1.5em !important; margin-bottom:1.5em !important;}
.mrtbm{margin-top:1em !important; margin-bottom:1em !important;}
.mrtbs{margin-top:0.5em !important; margin-bottom:0.5em !important;}
.mrtbss{margin-top:0.2em !important; margin-bottom:0.2em !important;}
.mrtbn{margin-top:0em !important; margin-bottom:0em !important;}
.mrtl{margin-top:1.5em !important;}
.mrtm{margin-top:1em !important;}
.mrts{margin-top:0.5em !important;}
.mrtss{margin-top:0.2em !important;}
.mrtn{margin-top:0em !important;}
.mrbl{margin-bottom:1.5em !important;}
.mrbm{margin-bottom:1em !important;}
.mrbs{margin-bottom:0.5em !important;}
.mrbss{margin-bottom:0.2em !important;}
.mrbn{margin-bottom:0em !important;}
.righta {text-align:right !important;}
.lefta {text-align:left !important;}
.centera {text-align:center !important;}
.rightb {display:block !important; text-align:right !important;}
.leftb {display:block !important; text-align:left !important;}
.centerb {display:block !important; margin:0 auto !important;}
.max320{display:block !important;}
.min320{display:none !important;}
.max375{display:block !important;}
.min375{display:none !important;}
.max500{display:block !important;}
.min500{display:none !important;}
.max750{display:block !important;}
.min750{display:none !important;}
.max1000{display:block !important;}
.min1000{display:none !important;}
.max1250{display:block !important;}
.min1250{display:none !important;}
@media only screen and (min-width: 320px)
{
.max320{display:none !important;}
.min320{display:block !important;}
}
@media only screen and (min-width: 375px)
{
.max375{display:none !important;}
.min375{display:block !important;}
}
@media only screen and (min-width: 500px)
{
.max500{display:none !important;}
.min500{display:block !important;}
}
@media print, screen and (min-width: 750px)
{
.max750{display:none !important;}
.min750{display:block !important;}
}
@media only screen and (min-width: 1000px)
{
.max1000{display:none !important;}
.min1000{display:block !important;}
}
@media only screen and (min-width: 1250px)
{
.max1250{display:none !important;}
.min1250{display:block !important;}
}

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

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