@charset "UTF-8";
@media screen and (min-width: 0px) and (max-width: 800px) {
.st-pusher {position: relative;}
.st-menu-open .st-pusher::after {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
content: '';
width: 100%;
height: 120%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
z-index: 99;
}
.st-menu {
position: fixed;
top: 0;
left: 0;
bottom: 0;
overflow-y: scroll;
z-index:9999;
visibility: hidden;
width: 80%;
height: 100%;
background: #f3f3f3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.st-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* Individual effects */
/* Effect 1: Slide in on top */
.st-effect-1.st-menu,.st-effect-2.st-menu,.st-effect-3.st-menu,.st-effect-4.st-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-1.st-menu-open .st-effect-1.st-menu,
.st-effect-2.st-menu-open .st-effect-2.st-menu,
.st-effect-3.st-menu-open .st-effect-3.st-menu,
.st-effect-4.st-menu-open .st-effect-4.st-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow-y: scroll;
}
.st-effect-1.st-menu::after,
.st-effect-2.st-menu::after,
.st-effect-3.st-menu::after,
.st-effect-4.st-menu::after {
display: none;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
padding-left: 80%;
}
}
.st-trigger-effects a, .st-trigger-effects a:visited { color: #000; }
@media screen and (min-width: 0px) and (max-width: 460px) {
#header-navbar { bottom: 7px; right: 2%; font-size: 10px; }
}
@media screen and (min-width: 461px) and (max-width: 979px) {
#header-navbar { bottom: 7px; right: 4%; }
}
@media screen and (min-width: 0px) and (max-width: 979px) {
.closebtn { position: fixed; top: 7px; right: 7px; display: inline-block; z-index: 99999;}
.closebtn:hover { cursor: pointer; }
.closebtn i { font-size: 32px; }
#header-navbar, #footer-navbar { position: absolute;
position: fixed; margin: 0; pading: 0; z-index:999999; display: block;
background-color: transparent;
}
#footer-navbar { bottom:0; left:0; right: 0; background-color:#f3f3f3; }
.st-trigger-effects button {font-size: 21px; border: none; background-color: transparent;}
.st-trigger-effects i { margin: 0; padding: 0;}
.st-trigger-effects button, .st-trigger-effects span.btn {margin:0;}
#sitetoppage #header-navbar {display:none;}
}
#footer-navbar.static { position:static;}
@media screen and (min-width: 980px) {
.closebtn,#footer-navbar,#header-navbar { display: none;}
}
#header-navbar .btn {padding: 7px 3px 3px;}
.mnbtn-title {font-size:12px;display:block;width:100%;}
#headerarea { width: 100%; margin: 0; padding: 0; }
.marqueeX {
margin: 1rem auto;
width: 100%;
text-align: center;
overflow: hidden;
margin-bottom:  1rem;
padding-top: 1rem;
border-top: 1px solid #eee;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.marqueeX p {
margin:0;
display: inline-block;
padding-left: 100%;
white-space: nowrap;
line-height: 1em;
animation: marqueex 60s linear infinite;
}
.marqueeX p:hover {
animation-play-state: paused;
cursor: default;
}
@keyframes marqueex{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
.marqueeY {
margin: 0 auto;
width: 100%;
height: 1.5em;
overflow : hidden;
}
.marqueeY p {
display : inline-block;
line-height : 1.5em;
animation : marqueeY 8s linear infinite;
}
@keyframes marqueeY {
0% { transform: translateY(0)}
100% { transform: translateY(-100%)}
}
.highlight { background-color: yellow }
@media screen and (min-width: 0px) and (max-width: 980px) {
#fontnavi { display: none; }
}
#headerlogo a {display:block;}
#logo {margin:7px 0;}
#logotop, #logobottom {font-size:18px;}
#logo ruby rt {font-size:1em;}
#logoarea { width:100%; }
@media screen and (min-width: 768px) and (max-width: 1142px) {
#logoarea {
width:1142px;  margin:0;
}
}
#headerlogo, #headerinfo { display:inline-block; margin: 0; padding:14px;}
#headerlogo { float: left; }
#headerinfo { float:right; text-align: left; font-size:12px;}
.poptext{position: absolute; top: -28px; left: 50%;font-size: 12px; margin-left: -14px; }
#headerinfo ul li { font-size:14px; line-height: 1;}
#headerinfo ul li a, #headerinfo ul li a:visited {color:#000;}
#headerinfo ul.popinfo li.close { opacity:1; }
#headerinfo ul li.info_body{margin-bottom:0!important;}
@media screen and (min-width: 980px) {
#headerinfo { max-width: 60%; }
#headerinfo ul {display: inline-block; float:right;}
#headerinfo ul#openinfo { padding-left:21px;}
#headerinfo ul#contact li { font-size:28px; line-height: 1.2;}
#headerinfo ul#contact li .adress  { font-size:16px; }
#headerinfo ul#contact li.btn  { font-size:14px; }
#headerinfo ul li.btn.hide { display: none!important;}
#headerinfo ul i { margin: 0 3px;  }
#headerinfo ul li.btn {padding-left:10px;padding-right:10px;}
#headerinfo ul#contact li.phonemsg {font-size:14px;color:#BF0000;}
}
@media screen and (min-width: 0px) and (max-width: 979px)  {
header {min-height:52px; padding-top:52px;}
#logoarea {position: fixed; top: 0; right:0; left:0; z-index:900;background-color:#eaffd6;}
#headerlogo, #headerinfo { display: inline-block; padding:0;}
#headerlogo {float:left; max-width: 60%;}
#headerlogo img {width: 100%;}
#headerinfo {float:right;}
#logoarea:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
#headerinfo ul {display: inline-block; float:left; margin: 0 3px; padding: 3px; cursor: pointer;}
#headerinfo ul li i {font-size:21px;margin-right:3px;}
#logo ruby rt {font-size:10px;}
#headerlogo { width: auto; }
#logobottom {font-size:16px;}
.menutext{position: absolute; bottom: -7px; left: 50%;
font-size: 11px; margin-left: -14px; background-color:#fff; border-radius: 5px; padding:3px 2px;border: 1px solid rgba(0, 0, 0, .15);
box-shadow: -1px 1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(255, 255,
255, 1) inset;
display: block;line-height: 10px;}
#headerinfo ul li a, #headerinfo ul li a:visited {color:#000;}
#headerinfo ul.popinfo {position: fixed; top: 7px; right:7px; z-index:990; background-color:#fff; border:solid #000 2px; padding:42px 14px;}
#headerinfo ul.popinfo li.close i {display: inline-block;}
#headerinfo ul.popinfo li.close span {display: inline-block;}
#headerinfo ul.popinfo li.forpc,
#headerinfo ul.popinfo li.forpctab { display:block!important; }
#headerinfo ul.popinfo li.forphone { display:none!important;}
#headerinfo ul.popinfo li, #headerinfo ul.popinfo li i {font-size: 21px; margin-bottom:7px;}
#headerinfo ul#openinfo.popinfo li,
#headerinfo ul#accmap.popinfo li {font-size: 18px;}
#headerinfo ul.popinfo li.close { font-size: 16px; color:#000; width:100%; margin-top:32px; margin-bottom:0;}
#headerinfo ul#contact.popinfo li.phonemsg {font-size:14px;color:#BF0000;}
#headerinfo ul#contact.popinfo li.phone {font-size:21px;margin-bottom:14px;}
}
@media screen and (min-width: 461px) and (max-width: 767px)  {
#headerlogo { max-width: 230px;}
}
#headerinfo ul li .map i {font-size:32px;margin-right:3px;}
ul#iconnav { display: inline-block; width: 100%; }
ul#iconnav li { text-align: center; float:left; line-height: 1.1; }
ul#iconnav li i { font-size: 1.6em; margin-right: 0.6em;  }
ul#iconnav li span.line2 i { font-size: 1.3em; margin-top: 0.3em; margin-left: 1em; margin-right: 0; float:left; }
ul#iconnav li span.line2 span.navtext { margin-left: 1em; float:left; }
ul#iconnav li span.navtext { display: inline-block; font-size: 14px; margin-top: 4px; }
ul#iconnav li a { padding-top: 0.8em; padding-bottom: 0.8em; width: 90%; display: inline-block; margin-bottom: 3px; margin-top: 3px; }
ul#iconnav li span.line2 a { padding-top: 0.5em; padding-bottom: 0.3em; width: 100%; display: inline-block; }
ul#iconnav li span.navtext br { display: inherit; }
@media screen and (min-width: 0px) and (max-width: 768px) {
nav {position: fixed; bottom:0; left:0; right:0; z-index:99900;}
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#bfff7f; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { border-left: 1px solid #00C300; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #FFF; background-color: #00C300 }
ul#iconnav li a.active, ul#iconnav li a:hover { color: #FFF; background-color: #00C300; }
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li { width: 16.5%;  overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 10px; display: block; }
}
@media screen and (min-width: 769px) and (max-width: 979px) {
nav {position: fixed; bottom:0; left:0; right:0; z-index:99999;}
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#bfff7f; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { border-left: 1px solid #00C300; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #FFF; background-color: #00C300 }
ul#iconnav li a.active, ul#iconnav li a:hover { color: #FFF; background-color: #00C300; }
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li {  width: 16.5%;  }
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 12px; overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
}
@media screen and (min-width: 980px) {
ul#iconnav li a { padding-top: 0; padding-bottom: 0; }
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #000; }
nav { background-color:#fff; width: 100%; margin: 0; padding: 0;  }
ul#iconnav li { font-size: 18px; width: 20%; border-left: 1px solid #000; }
ul#iconnav li:first-child { border-left: none; }
ul#iconnav li a:hover { color: #00C300; }
ul#iconnav li a.active, ul#iconnav li a:hover {color: #00C300; font-weight: bold;}
ul#iconnav li i {vertical-align:middle;}
}
#footer_content { text-align: left; width: 100%; height: 100%; padding: 21px 0; margin: 0; overflow: hidden;
background-color: #ceff9e;line-height: 1.6;
}
#ft_contactbox { text-align: right; }
#ft_qrbox img { width: 80%; max-width: 150px;  max-height: 150px;}
.qrbtn {background-color:#fff;color:#000; padding:7px;}
.qrbtn a, .qrbtn a:visited{color:#000;}
.qrbtn i {margin-right: 7px;}
#ft_contactbox ul li a, #ft_contactbox ul li a:visited {color:#000;}
@media screen and (min-width: 0px) and (max-width: 480px) {
#footer_content { padding: 14px; text-align: center; font-size: 16px;}
#ft_companylogo img { display: inline-block; width: 100%;  }
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 18px; text-align: center; min-height: 36px; margin-top: 14px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#footer_content { padding: 14px; font-size: 16px;}
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
@media screen and (min-width: 768px) {
#ft_content { display:table; width:100%; padding: 7px;}
#ft_companylogo, #ft_contactbox, #ft_gmapbox, #ft_qrbox { display: table-cell; }
#ft_companylogo { width:48%; }
#ft_contactbox { vertical-align: bottom; }
#ft_contactbox ul { padding:0 14px; }
#ft_qrbox { width:145px; vertical-align: bottom; }
#ft_contactbox br { display: none; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
#footer_bottom { margin: 0; padding: 20px 0; width: 100%; text-align: center; background-color: #00C300; }
#copyright { font-size: 12px; padding: 0; }
#copyright, #copyright a, #copyright a:visited { color: #fff; }
#mail-form-footer { margin: 21px 0; }
#mailnotes { font-size:13px; border:solid #ccc 1px; padding: 1em; margin: 2em 0; }
#engallrybox ul li { float: left; display: inline-block; margin-bottom: 7px; }
@media screen and (min-width: 0px) and (max-width: 480px) {
#engallrybox ul li { width: 49%; margin-right: 2%; }
#engallrybox ul li:nth-child(2n) {margin-right: 0;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
#engallrybox ul li { width: 32%; margin-right: 2%; }
#engallrybox ul li:nth-child(3n) {margin-right: 0;}
}
@media screen and (min-width: 640px) and (max-width: 800px) {
#engallrybox ul li { width: 24%; margin-right: 1.2%; }
#engallrybox ul li:nth-child(4n) {margin-right: 0;}
}
@media screen and (min-width: 801px) {
#engallrybox ul li { width: 19%; margin-right: 1.2%; }
#engallrybox ul li:nth-child(5n) {margin-right: 0;}
}
#before_link, #curent_link, #next_link { display: inline-block; width: 32%; font-size: 13px;
padding: 5px 21px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#before_link span, #next_link span {
display: inline-block;
width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 38px) ;
width : calc(100% - 38px) ;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#curent_link span {
display: inline-block;
width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(90% - 38px) ;
width : calc(90% - 38px) ;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#next_link { text-align: right; }
#curent_link { text-align: center; }
#before_link i {margin-right: 7px;}
#next_link i {margin-left: 7px;}
.nbnavi { display: inline-block; width: 100%; margin-bottom: 3px; }
#entrynavi a, #entrynavi a:visited { color: #51565b; }
@media screen and (min-width: 0px) and (max-width: 480px) {
#before_link, #curent_link, #next_link { display: block; width: 100%; font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
margin-bottom: 3px;
}
#next_link, #curent_link { text-align: left; }
}
#topLabeltitle { position: relative; }
#topLabeltitle .on_tt { position: absolute; bottom: 0; right: 14px; color: #fff; }
#topimgtitle {
width: 100%;
height: auto;
display:table;
margin: 14px 0 21px; padding: 7px 14px;
color: #51565b;
background-color: #CCC;
border: solid #ddd 1px;
font-size: 40px;
text-align: center;
line-height: 1.3;
overflow: hidden;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#topimgtitle img { display: table-cell;  vertical-align: middle; margin-right; 1em; }
#topimgtitle span.side_tt { display: table-cell; height: 100%; vertical-align: middle; }
.mt-5 {margin-top:5rem;}
.cacth_title {font-size: 23px; width:100%; padding: 14px; background-color:#BF0000; color:#fff;margin-bottom:32px;}
.entrygallery{
overflow: hidden;
width: 100%;
}
.entrygallery li{
position: relative;
overflow: hidden;
display: inline-block;
float: left;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.entrygallery li{
width: 49%;
padding-top: 49%;
margin-right: 1%;
margin-bottom: 2px;
}
}
@media screen and (min-width: 481px)  {
.entrygallery li{
width: 24%;
padding-top: 24%;
margin-right: 1%;
margin-bottom: 2px;
}
}
.entrygallery li a {
position: absolute;
display: block;
top:0; left:0; reight:0;
z-index: 1;
}
.entrygallery li .potolabel {
width: 96%;
text-align: center;
border-radius: 5px;
background-color: #fff;
color: #000;
position: absolute;
display: block;
bottom: 3px; left:2%;
z-index: 3;
}
.entrygallery li img{
display: block;
min-width: 100%;
min-height: 100%;
}
.catenextpre_body { font-size: 14px; width: 100%; min-height: 2em;}
.catebefore, .catenext{ width: 49%; display: inline-block; }
.catebefore {float:left; text-align: left;}
.catenext{float:right; text-align: right;}
.catebefore i { margin-right: 7px;}
.catenext i { margin-left: 7px;}
.catebefore span, .catenext span {
display: inline-block;
width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(90% - 38px) ;
width : calc(90% - 38px) ;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
footer[class^="span"],[class*=" span"] {
margin:0 0 7px; pdding: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.forpc, .forpctab { display:none!important; }
#footer_content > .wrap > .row-fluid > .span3 {width: 100%; margin: 3px 0;}
[class$="_title"], [class*="_title "] {font-size: 18px;}
section.sidebox, footer [class^="icon-span"], footer [class*=" span"] { width: 100%; }
section.sidebox { padding: 14px; }
section.sidebox.w100 { width: 100%; }
#left[class^="span"] section.sidebox { width: 49%; }
#gammainner  section.sidebox { width: 100%; }
dl[class^="dt"] dt,dl[class*=" dt"] dt {width:100%;}
dl[class^="dt"] dd,dl[class*=" dt"] dd {padding:0 14px 3.5px}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.forpc, .forpctab { display:none!important; }
#footer_content > .wrap > .row-fluid > .span3 {width: 48%; margin: 3px 0.8%;}
[class$="_title"], [class*="_title "] {font-size: 18px;}
section.sidebox { width: 49%; margin-right: 1%; float:left;}
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
section.sidebox:nth-child(2n) { marigin-right: 0;}
section.sidebox.w100 { width: 100%; margin-right: 0; }
#left[class^="span"] section.sidebox { width: 49%; }
footer.span2 {width: 49%;}
footer.span3 {width: 49%;}
footer.span4 {width: 49%;}
footer.span6 {width: 100%;}
dl[class^="dt"] dt,dl[class*=" dt"] dt {width:100%;}
dl[class^="dt"] dd,dl[class*=" dt"] dd {padding:0 14px 3.5px}
}
@media screen and (min-width: 641px) and (max-width: 799px) {
.forpc, .forpctab  {display:none!important;}
section.sidebox { width: 49%; margin-right: 1%; float:left;}
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
section.sidebox.w100 { width: 100%; margin-right: 0;}
#left[class^="span"] section.sidebox, span2 section .sidebox, span3 section .sidebox { width: 24%; }
footer.span2 {width: 33%;}
footer.span3 {width: 33%;}
footer.span4 {width: 49%;}
footer.span6 {width: 49%;}
}
@media screen and (min-width: 800px) and (max-width: 979px) {
section.sidebox { width: 49%; margin-right: 1%; float:left;}
}
@media screen and (min-width: 800px) {
.forphone, .forsmart {display:none!important;}
footer.span2 {width: 19.5%;}
footer.span3 {width: 24%;}
footer.span4 {width: 33%;}
footer.span6 {width: 49%;}
#sidemenubox {display:none;}
.content_body{font-size: 17px;}
}
@media screen and (min-width: 980px)  {
#layout-tw #alphabox {min-height:1000px;}
}
@media screen and (min-width: 0px) and (max-width: 979px) {
#betainner > section.sidebox{width:100%!important; margin:0 0 3px!important;}
body { width:100%; margin:0; padding:0; }
header,footer,#alphabox, #betabox, #beta2box, #gammabox {
padding: 3px 7px; margin: 0; width: 100%;
float: none; display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#beta2box { padding: 0 14px; margin: 0; width: 90%; }
#left[class^="span"] { width: 100%; padding: 0; margin: 0; float: none; display: block; }
#alphabox, #betabox, #gammabox { height: auto; padding-bottom: 0px !important; margin-bottom: 0px !important; }
#betainner, #gammainner { padding-top: 0; padding-bottom: 7px; }
[id^="wrap_"], [id*=" wrap_"], [class^="wrap_"], [class*=" wrap_"], .wrap { margin: 0px; padding: 0px; border: none;}
#font-resize-area { padding: 7px 0; }
header, footer { margin: 0px; padding: 0px; }
[class$="_body"],[class*="_body "] { padding-left: 7px;padding-right: 7px; }
}
/* clearfix */
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:100%;height:0 }
.clearfix { width:100%; }
.clearfix:after,
[class$="_tilte"]:after, [class*="_tilte "]:after,
[class$="_box"]:after, [class*="_box "]:after,
[class$="_body"]:after, [class*="_body "]:after,
[class^="wrap_"]:after ,[class*=" wrap_"]:after,
[id^="wrap_"]:after ,[id*=" wrap_"]:after,
.wrap:after { content: ""; display: block; clear: both; font-size:0; line-height:0; visibility:hidden; width:100%; height:0;}
[class$="_tilte"],[class*="_tilte "],
[class$="_box"], [class*="_box "],
[class$="_body"], [class*="_body "] {overflow: hidden;zoom: 1;}
[class$="_body"], [class*="_body "] { text-align: justify; text-justify: inter-ideograph; }
.content_body{line-height: 1.8;}
.catenextpre_body {margin-top:21px;margin-bottom:32px;font-size:19px;}
.backbtn {margin-top:21px;margin-bottom:52px;}