@charset "UTF-8";
/* redbe-1 Base
 
 
  */
/* Block */
header, article, aside, footer, section, nav, body, hr, figure, form {
 margin: 0;
 padding: 0;
 display: block;
}
header, nav, section, article, footer {
 clear: both;
}
img, object, embed, video {
 max-width: 100%;
}
/* Color  Border Text*/
body {
 background-color: #666;
 background-image: url(../img/bg-com-color-5.jpg);
 background-repeat: repeat-y;
 background-position: center;
}
a {
 text-decoration: none !important;
 color: #EEE;
 text-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
a:hover {
 color: #FFF;
 text-shadow: none;
}
.breadcrumb > li.active a {
 color: #CCC;
}
.divider {
 color: #FDFDFD;
}
header {
/* background-color: #CCC;*/
}
blockquote {
 background-color: #EFEFEF;
 border-left: 5px solid #CCC;
}
.Container {
 background-color: transparent;
}
header .Container {
 background-color: transparent;
}
footer {
}
/*footer .ftr-inner {
 background-color: #222;
  border-top: 1px dotted #666;
 opacity: 0.6;
}*/
footer .Container {
 background-color: transparent;
 color: #FFF;
 opacity: 1.0;
}
.hdr-bar {
 height: 50px;
 position: fixed;
 right: 0;
 left: 0;
 z-index: 999;
 display: block;
 opacity: 0.8;
 background-color: #222;
 box-shadow: 0 1px 2px rgba(10,10,10,0.3);
 -moz-box-shadow: 0 1px 2px rgba(10,10,10,0.3);
 -webkit-box-shadow: 0 1px 2px rgba(10,10,10,0.3);
}
.NavBreadcrumb {
 background-color: transparent;
 opacity: 0.6;
}
.hdr-container {
 margin: 0;
 padding: 0;
 padding-top: 4em; /* full-size conf */
 display: block;
}
.hdr-bar .hdr-left {
 float: left;
}
.hdr-bar .hdr-right {
 float: right;
}
.hdr-background {
 background-color: transparent;
}
.nav-header > li > a {
 background-color: transparent;
 color: #FFF;
 opacity: 0.6;
}
.nav-header > li >a:hover, .nav-header > li.active >a {
 background-color: transparent;
 color: #666;
 opacity: 1.0;
}
.breadcrumb {
 background-color: transparent;
}
hr.border-dot {
 border-top: 1px dotted #CCC !important;
}
hr.border-solid {
 border-top: 1px solid #CCC !important;
}
img.img-thum {
 border: 1px solid #CCC;
}
figure.img-caption {
 background-color: #FFF;
 border: 1px solid #CCC;
 color: #777;
}
.box {
 border: 1px solid;
 border-color: transparent;
 background-color: transparent;
}
.box-gray {
 background-color: #CCC;
}
.box-black {
 background-color: #444;
}
.box-red {
 background-color: #BC3C3E;
}
.box-blue {
 background-color: #51CCF0;
}
.box-orange {
 background-color: #F9AF00;
}

.nav-sub, .nav-tag {
 background-color: transparent;
}
.nav-sub li {
 background-color: transparent;
}
.nav-tag li a {
 background-color: #333;
 color: #FFF;
}
.btn {
 background-color: #EFEFEF;
 border-radius: 0.5em;
 box-shadow: 0 6px 6px 1px rgba(0,0,0,0.1) inset;
 -moz-box-shadow: 0 6px 6px 1px rgba(0,0,0,0.1) inset;
 -webkit-box-shadow: 0 6px 6px 1px rgba(0,0,0,0.1) inset;
}
.btn:hover, a:hover .m-label, a:hover .s-label, .box .nav-tag li a:hover, .tag-gakushukai li a:hover, .box .tag-red li a:hover, .box .tag-orange li a:hover {
 background-color: #4F7422;
}
.btn:hover {
 color: #FFF;
 box-shadow: 0 0 6px 1px rgba(100,100,100,0.2);
 -moz-box-shadow: 0 0 6px 1px rgba(100,100,100,0.2);
 -webkit-box-shadow: 0 0 6px 1px rgba(100,100,100,0.2);/*     box-shadow: 0 6px 6px 1px rgba(255,255,255,0.4) inset;
 -moz-box-shadow: 0 6px 6px 1px rgba(255,255,255,0.4) inset;
  -webkit-box-shadow: 0 6px 6px 1px rgba(255,255,255,0.4) inset;*/
}
.tag-red li a, .btn-red {
 background-color: #E14C7D;
}
.tag-orange li a, .btn-orange {
 background-color: #F9AF00;
}
.btn-black {
 background-color: #555;
}
.btn-red, .btn-orange, .btn-black {
 color: #FFF;
}
footer p, footer li a {
 color: #eee;
}
/* Layout */
header, footer {
 width: 100%;
 clear: both;
}
nav {
 margin: 0 auto;
}
footer {
 margin-top: 0.5em;
}
#index {
 padding: 5px;
 text-align: center;
}
.fluid {
 clear: both;
 margin-left: 0;
 width: 100%;
 display: block;
}
.Container {
 margin-left: auto;
 margin-right: auto;
 width: 94%;
 padding-left: 0.25%;
 padding-right: 0.25%;
 clear: none;
 float: none;
}
hr {
 clear: both;
 border: 0;
 margin-top: 1em;
 padding-bottom: 0.5em;
}
figure.img-caption {
 font-size: 80%;
 line-height: normal;
 border-radius: 4px;
 padding: 1% !important;
 margin: 6px;
 text-indent: 0;
 text-align: center;
}
img.img-thum {
 border-radius: 4px;
 padding: 1%;
 margin: 0.5em 0;
 display: block;
}
.nav-tag li a {
 padding: 2px 12px;
 border-radius: 10px;
 font-size: 90%;
}
.btn {
 padding: 0.5em 1em;
 line-height: 160%;
}
.btn-block {
 display: block;
}
/* font */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dd, blockquote {
 margin: 0;
 padding: 0;
 color: #FFF;
 font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
 margin-top: 1em;
 line-height: 140%;
 letter-spacing: 0.05em;
 font-weight: bold;
}
h4, h5, h6 {
 font-size: 100%;
}
small {
 color: #777;
 display: block;
}
p {
 margin-top: 1em;
 line-height: 160%;
 letter-spacing: 0.05em;
}
.shadow {
 text-shadow:  1px 2px 6px rgba(0,0,0,0.9);
}
.index p {
 line-height: 140%;
 margin: auto;
 padding: 1em;

}
.txt-left {
 text-align: left;
}
.txt-center {
 text-align: center;
}
.txt-right {
 text-align: right;
}
blockquote {
 padding: 2%;
 font-style: italic;
 margin: 0.5em 0;
}
header h1 {
 margin: 0;
 color: #666;
}
.hdr-bar h1, .hdr-bar p, .hdr-bar li {
 color: #ccc;
 font-size: 140%;
 margin: 0;
 padding: 10px;
}

.hdr-bar p, .hdr-bar li {
 font-size: 100%;
}
.m-label {
 color: #FFF;
 font-size: 80%;
 font-weight: normal;
 padding: 1px 4px 3px;
 vertical-align: top;
 border-radius: 3px;
 margin-top: -2px;
}
.s-label {
 color: #FFF;
 font-size: 94%;
 font-weight: normal;
 padding: 1px 4px 3px;
 vertical-align: top;
 border-radius: 3px;
 margin-top: 0;
 letter-spacing: 0.09em;
}
.l-label {
 margin-right: 0.5em;
}
.r-label {
 margin-left: 0.5em;
}
a .m-label, a .s-label {
 color: #FFF;
}
img.visual {
 width: 100%;
 max-height: 200px;
 margin: 0 auto;
 padding: 0;
}
nav li {
 list-style: none;
}
.nav-header > li {
 text-align: center;
 list-style: none;
}
.nav-header > li > a {
 display: block;
 text-decoration: none;
 line-height: none;
 width: 100%;
 padding: 10px 0;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight: bold;
}
.breadcrumb {
 margin: 0 auto 20px;
 padding: 4px;
}
.breadcrumb > li {
 padding: 4px 2px;
 line-height: normal !important;
 list-style: none;
 font-size: 90%;
}
.breadcrumb > li a, .beadcrumb > li.active a {
 text-decoration: none;
}
.box h1, .box h2, .box h3 {
 font-size: 100%;
 line-height: 120%;
 margin: 0.5em;
 text-indent: none;
}
.box p, .box ul, .box li, .box dl, .box dt, .box dd {
 font-size: 90% !important;
 line-height: 140%;
 margin: 0.2em;
 text-indent: none;
 color: #555;
}
.box .nav-sub li > ul li {
 font-size: inherit !important;
}
.nav-sub, .nav-tag {
 padding: 1px;
 list-style-type: none;
}
.nav-sub li {
 margin-top: 0;
 margin-bottom: 1px;
 padding: 6px 1em;
}
.nav-tag li {
 display: inline-table;
 list-style-type: none;
}
.nav-sub li a, .nav-tag li a {
 text-decoration: none;
}
.box-full .box {
 width: 99.9% !important;
 padding-left: 0 !important;
 margin-left: 0 !important;
}
.nav-side {
 list-style-type: none;
 background-color: #FCFCFC;
 padding: 0.3em;
}
.nav-side li {
 margin-bottom: 0.5em;
 padding: 2px;
}
footer {
 font-size: 76%;
}
.nav-footer {
 padding: 1em;
}
.nav-footer > li {
 display: block;
}
footer p {
 text-align: center;
 margin:0.5em;
}
.btn {
 font-size: 100%;
 text-decoration: none;
}
.btn-h {
 font-size: 120%;
}
.index {
 width: 88.5%;
 padding-top: 10em;
 padding-left: 0.2%;
 padding-right: 0.2%;
 padding-bottom: 1%;
 float: none;
 display: block;
 margin: 1em auto;
}
.index-side {
 padding-left: 5px;
 float: none;
 display: block;
 color: #666;
 font-size: 84%;
 line-height: 100%;
}
.index-main {
 width: 100%;
 float: left;
 margin-bottom: 1em;/*  background-color:#2889F2;*/
}
.index-main .box {
 border: 1px solid;
 border-color: transparent;
 background-color: #FDFDFD;
 border-radius: 4px;
 float: left;
 width: 46%;
 margin: 1%;
 padding: 0.4%;
 box-shadow: 0 0 6px 1px rgba(100,100,100,0.1);
 -moz-box-shadow: 0 0 6px 1px rgba(100,100,100,0.1);
 -webkit-box-shadow: 0 0 6px 1px rgba(100,100,100,0.1);
 opacity: 0.9;
 display:block;
 clear:both;
}
.index-main .box:hover {
 background-color: #FFF;
 box-shadow: 0 0 6px 1px rgba(100,100,100,0.3);
 -moz-box-shadow: 0 0 6px 1px rgba(100,100,100,0.3);
 -webkit-box-shadow: 0 0 6px 1px rgba(100,100,100,0.3);
 opacity: 1.0;
}
.box-inner img {
 margin: 0.4%;
 padding-left:2px;
 padding-top:1px;
 width: 97.5%;
}
#slideshow {
 position: relative;
 display: none;
 z-index: -1;
}
.credit {
 opacity:0.4;
 font-size:80%;
}
.credit:hover {
 opacity:0.8;
}

@media only screen and (min-width: 740px) {
.box-no-border {
 min-width: 160px !important;
 padding: 0;
 margin: auto;
 border: 0;
}
.Container {
 width: 90%;
 padding: 0 0.75%;
 margin: 0 auto;
 float: none;
 display: block;
}
.breadcrumb {
 margin: 0 auto;
 padding: 6px 0 3px;
 display: inline-table;
}
.breadcrumb > li {
 padding: 2px 4px;
 font-size: 80%;
 line-height: normal !important;
 float: left;
 list-style: none;
}
.breadcrumb > li a {
 text-decoration: none;
}
.breadcrumb > li.active a, .divider {
 text-decoration: none;
 color: #999;
}
.nav-header {
 width: 100%;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 margin: 0;
}
.nav-header > li {
 width: 100%;
 display: inline-flex;
 display: -webkit-inline-flex;
 display: -moz-inline-flex;
 text-align: center;
 list-style: none;
 margin: 0 auto;
}
.nav-header > li >a {
 width: 100%;
 text-decoration: none;
 padding: 6px 0;
}
.nav-tab > li a {
 margin: 0 10px;
 border-radius: 4px 4px 0 0 !important;
}
.hdr-container {
 padding-top: 5em;
}
.hdr-background {
 opacity: 1.0;
}
.subnav {
 opacity: 0.9;
 position: fixed;
 top: 50px;
 left: 0;
 right: 0;
}
.subnav-fixed {
 opacity: 0.6;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 888;
 background-color: #333;
 box-shadow: 0 1px 2px rgba(10,10,10,0.3);
 -moz-box-shadow: 0 1px 2px rgba(10,10,10,0.3);
 -webkit-box-shadow: 0 1px 2px rgba(10,10,10,0.3);
}
#slideshow {
 position: relative;
 display: block !important;
 z-index: -1;
}
#slideshow IMG {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8;
 opacity: 0.0;
}
#slideshow IMG.active {
 z-index: 10;
 opacity: 1.0;
}
#slideshow IMG.last-active {
 z-index: 9;
}
#slideshow img {
 /* Set rules to fill background */
 min-height: 100%;
 /* Set up proportionate scaling */
 width: 100%;
 height: auto;
 /* Set up positioning */
 position: fixed;
 top: 0;
 left: 0;
}
img.bg {
 height: 100%;/*	margin-left: -64px; */
}
.index {
 width: 88.5%;
 max-width: 1090px;
 padding-top: 1em; /* Controll */
 padding-left: 0.2%;
 padding-right: 0.2%;
 padding-bottom: 1%;
 float: none;
 display: block;
 margin: 1em auto;
}
.index-side {
 width: 23%;
 min-width: 140px;
 padding-left: 5px;
 /*  background-color:#E14C7D;*/
 float: right;
 display: block;
 color: #666;
 font-size: 84%;
 line-height: 100%;
}
.index-main {
 width: 74.44%;
 float: left;
}
.index-main .box {
 float:right;
 width: 30%;
 height:auto;
 margin: 0.4%;
 padding: 5px;
}
.box-inner img {
 margin: 5px;
 width: 94%;

}
}

@media only screen and (min-width: 1091px) {
small {
 display: inline;
}
.Container {
 width: 88.5%;
 max-width: 970px;
 padding: 0 0.75%;
 margin: 0 auto;
 float: none;
 display: block;
}
.hdr-container {
 padding-top: 8em;
}
.index {
 width: 88.5%;
 max-width: 970px;
 padding-top: 1em; /* Controll */
 padding-left: 0.2%;
 padding-right: 0.2%;
 padding-bottom: 1%;
 float: none;
 display: block;
 margin: 1em auto;
}
.index-side {
 width: 17.52%;
 min-width: 170px;
 padding-left: 0px;
 float: left;
 display: block;
 color: #666;
 font-size: 84%;
 line-height: 100%;
}
.index-main {
 width: 81.44%;
 float: right;
}
.index-main .box {
 float: left;
 width: 245px;
 margin: 0.4%;
 padding: 5px;
}
.box-inner img {
 margin: 5px;
 width: 235px;
}
.box-full .box {
 width: 99.5% !important;
 padding-left: 0 !important;
 margin-left: 0 !important;
}
.box-no-border {
 max-width: 300px !important;
 margin-left: 1px;
 border: 0;
}
.nav-fixed {
 position: fixed;
 right: 0;
 left: 0;
 z-index: 999;
 display: block;
}
}

@media print {
a {
 text-shadow: none !important;
}
.nav-fixed {
 position: absolute;
 display: block;
}
.box-full .box {
 width: 99.5% !important;
 padding: 0;
 margin: auto;
}
.box-no-border {
 min-width: 160px !important;
 padding: 0;
 margin: auto;
 border: 0;
}
.Container {
 width: 90%;
 padding: 0 0.75%;
 margin: 0 auto;
 float: none;
 display: block;
}
.breadcrumb {
 margin: 0 auto;
 padding: 6px 0 3px;
 display: inline-table;
}
.breadcrumb > li {
 padding: 2px 4px;
 font-size: 80%;
 line-height: normal !important;
 float: left;
 list-style: none;
}
.breadcrumb > li a {
 text-decoration: none;
}
.breadcrumb > li.active a, .divider {
 text-decoration: none;
 color: #999;
}
.nav-header {
 width: 100%;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 margin: 0;
}
.nav-header > li {
 width: 100%;
 display: inline-flex;
 display: -webkit-inline-flex;
 display: -moz-inline-flex;
 text-align: center;
 list-style: none;
 margin: 0 auto;
}
.nav-header > li >a {
 width: 100%;
 text-decoration: none;
 padding: 6px 0;
}
.nav-tab > li a {
 margin: 0 10px;
 border-radius: 4px 4px 0 0 !important;
}
.hdr-container {
 padding-top: 5em;
}
.hdr-background {
 background-image: url(../img/cqone-011.png);
 background-size: 100%;
 opacity: 1.0;
}
.index {
 width: 88.5%;
 max-width: 1090px;
 padding-top: 0;
 padding-left: 0.2%;
 padding-right: 0.2%;
 padding-bottom: 1%;
 float: none;
 display: block;
 margin: 1em auto;
}
.index-side {
 width: 23%;
 min-width: 140px;
 padding-left: 5px;
 /*  background-color:#E14C7D;*/
 float: right;
 display: block;
 color: #666;
 font-size: 84%;
 line-height: 100%;
}
.index-main {
 width: 74.44%;
 float: left;/*  background-color:#2889F2;*/
}
.index-main .box {
 float: left;
 width: 30%;
 margin: 0.4%;
 padding: 5px;
}
.box-inner img {
 margin: 5px;
 width: 94%;
 height: 120px;
}
}
/* form */
button, input, select {
 border: none;
 font-size: 110%;
 display: inline-table;
}
input.input-text, select {
 border: 1px solid #CCC;
 border-radius: 4px;
 padding: 0.4em;
 background-color: #FDFDFD;
}
/* masonry */
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick {
 -webkit-transition-duration: 0.9s;
 -moz-transition-duration: 0.7s;
 -ms-transition-duration: 0.9s;
 -o-transition-duration: 0.7s;
 transition-duration: 0.9s;
}
.transitions-enabled.masonry {
 -webkit-transition-property: height, width;
 -moz-transition-property: height, width;
 -ms-transition-property: height, width;
 -o-transition-property: height, width;
 transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
 -webkit-transition-property: left, right, top;
 -moz-transition-property: left, right, top;
 -ms-transition-property: left, right, top;
 -o-transition-property: left, right, top;
 transition-property: left, right, top;
}
.transitions-enabled.infinite-scroll.masonry {
 -webkit-transition-property: none;
 -moz-transition-property: none;
 -ms-transition-property: none;
 -o-transition-property: none;
 transition-property: none;
}
.prbox {
 text-align: center;
 padding: 6px;
 border-radius: 4px;
}