@charset "UTF-8";

#container-2col {
clear:both;
position:relative;
width:100%;
max-width:1100px;
margin:35px auto 0;
text-align:left;
background:#003317;
box-shadow:2px 2px 3px #000e07;}
#main01 {
float:right;
width:77%;}
#main02 {
position:relative;
width:92%;
max-width:700px;
padding:50px 0 60px 0;
margin:0 auto;}
#sidebar {
float:left;
width:23%;}
#sidebar #link {
padding:8px 10px;
background:#004124 url(../../images/side_02.gif) repeat-x left bottom;}
#sidebar .link-ttl {
text-align:center;
font-family:Verdana, Arial, sans-serif;
border-bottom:1px solid #558e6f;
color:#cbe5d7;
font-weight:bold;
line-height:1.15;
margin:20px 8px;
padding:0 0 4px 0;}

#menu-sub ul {
width:100%;
background:url("../../images/side_ban.jpg") center top;
background-size:300px;}
#menu-sub li a {
display:block;
border-top:1px solid #537A59;
border-right:1px solid #002717;
border-bottom:1px solid #002717;
border-left:1px solid #3B6844;
transition:0.3s;}
#menu-sub li a:hover {
border: 1px solid #97CEA3;}

ul.post_topics_ban {
text-align:center;
padding:0 0 11px 0;}
ul.post_topics_ban li {
width:100%;
padding:9px 8px;
font-size:80%;
line-height:1.3;}
ul.post_topics_ban a img {
width:100%;
max-width:160px;
margin:0 0 11px 0;
box-shadow:0 0 0 1px #226648;}
ul.post_topics_ban a:hover img {
box-shadow:0 0 0 1px #ee9900;}
ul.post_topics_ban a .ttl {
color:#ffffff;
margin:8px 0;
font-size:110%;}

@media only screen and (max-width: 960px) {

#container-2col {
margin:0 auto;}
#main01 {
float:none;
width:100%;}
#main02 {
padding:6% 0;}
#sidebar {
float:none;
width:100%;}
#menu-sub {
display:none;}
ul.post_topics_ban li {
width:33.33333%;}

}

@media only screen and (max-width: 640px) {

#main02 {
padding:40px 0;}
ul.post_topics_ban li {
width:50%;}

}

/* 1column ==================*/

.container {
clear:both;
max-width:1100px;
width:96%;
margin:0 auto;}
.contents {
padding:60px 0;}
.contents-light {
padding:60px 0;
background:#002e14;
box-shadow:0 2px 4px #000e07;}

@media only screen and (max-width: 800px) {

.container {
width:92%;}
.contents , .contents-light {
padding:7.5% 0;}

}

@media only screen and (max-width: 640px) {

.contents , .contents-light {
padding:9% 0;}

}

/* header =============================*/

#header-new {
background:#00230f url(../../../images/header00.gif) repeat-x left top;}
#header-new-contents {
position:relative;
width:98%;
max-width:1120px;
margin:0 auto;
text-align:left;}
#header-new-contents #concept {
position:absolute;
bottom:0;
right:0;}
#header-new-contents #logo {
padding:0 0 0 0;}

@media only screen and (max-width: 800px) {

#header-new-contents #logo {
width:140px;}
#header-new-contents #concept {
width:220px;}

}

@media only screen and (max-width: 480px) {

#header-new-contents #logo {
width:105px;
padding:5px 0;}
#header-new-contents #concept {
width:165px;}

}

/* gmenu =============================*/

#gmenu {
clear:both;
width:100%;
border-top:1px solid #004422;
background:#003317 url(../../images/b00.png) repeat-x left bottom;
padding:8px 0 13px 0;}
#gmenu ul {
margin:0 auto;
width:100%;
max-width:1100px;}
#gmenu li {
float:left;
width:12.5%;
padding:2px 0;}
#gmenu a {
border:1px solid #003317;
display:block;}
#gmenu a:hover {
border-top:1px solid #02150F;
border-bottom:1px solid #D3E5C8;}

@media only screen and (max-width: 960px) {

#gmenu {
padding:7px 5px 12px 5px;}
#gmenu li {
width:25%;}

}



/* mainimg =============================*/

.mainimg-l {
padding:10.6% 3%;
background-size:cover;
background-position:center center;
box-shadow:0 2px 4px #000e07;}
.mainimg-s {
padding:5.3% 3%;
background-size:cover;
background-position:center center;
box-shadow:0 2px 4px #000e07;}



/* smenu =============================*/

#smenu {
clear:both;
width:100%;
background:#001907;
border-top:1px solid #004422;
border-bottom:1px solid #004422;
box-shadow:0 2px 4px #000804;}
ul.slimmenu {
margin:0 auto;
width:100%;
max-width:1100px;
border-left:1px solid #004422;}
ul.slimmenu:before,ul.slimmenu:after {
content:'';
display:table;}
ul.slimmenu:after {
clear:both;}
ul.slimmenu li {
position:relative;
float:left;
line-height:0;
border-top:1px solid #004422;
border-right:1px solid #004422;}
ul.slimmenu li.col5 {
width:20%;}
ul.slimmenu li.col4 {
width:25%;}
ul.slimmenu li.col3 {
width:33.33333%;}
ul.slimmenu li.col2 {
width:50%;}
ul.slimmenu li ul li {
width:100%;
border-right:none;}
ul.slimmenu li>ul {
position:absolute;
left:0;
top:100%;
z-index:99999;
display:none;
width:100%;}
ul.slimmenu li>ul>li ul{
position:absolute;
left:100%;
top:0;
z-index:99999;
display:none;
width:100%;}
ul.slimmenu li a {
font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:15px;
line-height:15px;
padding:18px 0 16px 0;
color:#fff;
display:block;
transition:all .3s;}
ul.slimmenu li a:hover {
background:#002511;}
ul.slimmenu li ul li a {
font-size:12px;
line-height:13px;
padding:14px 0 12px 0;
color:#eee;
background:#003317;
border-top:1px solid #000;
border-right:1px solid #002511;
transition:all 0.3s;}
ul.slimmenu li ul li a:hover {
background:#004422;}
.menu-collapser {
background:#002511;
position:relative;
text-align:left;
padding:0 0 0 15px;
width:100%;
height:50px;
line-height:50px;
color:#fff;}
.collapse-button {
position:absolute;
right:0;
top:50%;
width:70px;
padding:10px 15px;
cursor:pointer;
transform:translate(0, -50%);}
.collapse-button .icon-bar {
display:block;
height:2px;
width:40px;
margin:5px 0;
background:#fff;}
ul.slimmenu li .sub-toggle {
display:none;
background:#002e14;
position:absolute;
right:1px;
top:1px;
z-index:999;
width:47px;
height:47px;
text-align:center;
cursor:pointer;}
ul.slimmenu li .sub-toggle:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;}
ul.slimmenu li .sub-toggle>i {
display:inline-block;
color:#fff;
font-size:10px;
line-height:1.2;
vertical-align:middle;}
ul.slimmenu.collapsed {
border:none;
border-top:1px solid #004422;}
ul.slimmenu.collapsed li {
width:100%;
float:none;
border:none;
border-bottom:1px solid #004422;}
ul.slimmenu.collapsed li ul li {
border:none;}
ul.slimmenu.collapsed li>ul {
position:static;
display:none;
width:100%;}
ul.slimmenu.collapsed li .sub-toggle {
display:block;}

/* bread =================================*/

#bread {
clear:both;
background:-webkit-gradient(linear,left top,left bottom,from(#11452a),to(#002310));
background:-webkit-linear-gradient(top, #11452a, #002310);
background:-moz-linear-gradient(top,#11452a,#002310);
background:-ms-linear-gradient(top,#11452a,#002310);
background:linear-gradient(to bottom, #11452a, #002310);
border-bottom:1px solid #001708;}
#bread #bread-contents {
text-align:left;
width:100%;
max-width:1120px;
margin:0 auto;
padding:15px 10px;
font-size:11px;
line-height:1.3;}
#bread #bread-contents h1 {
display:inline;
font-weight:normal;
font-size:11px;
line-height:1.3;
color:#fff;
border:0;
background:0;
margin:0;
padding:0;
border-radius:0;}
#bread #bread-contents h1.index {
text-align:right;
float:right;
display:block;
font-weight:normal;
font-size:11px;
line-height:1.2;
color:#fff;
border:0;
background:0;
margin:0;
padding:0;
border-radius:0;}
#bread #bread-contents .logo {}

@media only screen and (max-width: 960px) {

#bread #bread-contents h1.index {
text-align:left;
float:none;}
#bread #bread-contents .logo {
display:none;}

}

@media only screen and (max-width: 480px) {

#bread #bread-contents h1.index {
font-size:8px;}

}

/* footer ======================*/

.social-icon {
clear:both;
width:195px;
line-height:0;
margin:35px auto;}
.social-icon li {
float:left;
width:25%;}
.social-icon img {
border-radius:50%;
margin:0;
transition:all 0.3s;
box-shadow:1px 1px 2px rgba(0,0,0,0.4);}
.social-icon img:hover {
margin:-4px 0 4px 0;}

.social {
clear:both;
justify-content:center;
margin:35px 0;}
.social li {
padding:2px;
line-height:0;}

.footer-ad {
padding:15px;
background:#002e14;
box-shadow:0 -2px 4px rgba(0,0,0,0.3);}
.footer-ad ul {
max-width:1120px;
margin:0 auto;
justify-content:space-between;
-ms-flex-pack:justify;}
.footer-ad ul.col2 {
max-width:735px;}
.footer-ad li {
padding:10px 0;
width:31.4%;}
.footer-ad ul.col2 li {
width:47.7%;}

@media only screen and (max-width:480px) {

.footer-ad ul li {
width:100%;}
.footer-ad ul.col2 li {
width:100%;}

}

#footer {
padding:30px 15px;
background:#002b12 url(../../images/footer00.gif) repeat-x center top;}
#footer-contents {
width:100%;
max-width:1120px;
margin:0 auto;
text-align:left;}
#footer-contents a {
color:#FAFAF8;
transition:0.3s;}
#footer-contents a:hover {
color:#cc9900;}
#footer-contents .title {
margin:9px 0;
font-size:12px;
font-weight:bold;
color:#ccaa88;}
#footer-contents .title a {
color:#ccaa88;}
#footer-contents #address {
width:38%;
font-size:12px;
line-height:1.3;}
#footer-contents #address ul li{
padding:2px 0;}
#footer-contents #address ul li img {
margin:10px 0;}
#footer-contents #sitemap {
width:62%;
float:right;
font-size:11px;
line-height:1.5;}
#footer-contents #sitemap .col {
width:33.33333%;
float:left;}

@media only screen and (max-width:960px) {

#footer-contents #address {
width:100%;
text-align:center;}
#footer-contents #sitemap {
margin:0 0 16px 0;
padding:0 0 26px 0;
border-bottom:1px solid #fff;
width:100%;
float:none;}

}

@media only screen and (max-width:640px) {

#footer-contents #sitemap .col {
width:50%;}

}

@media only screen and (max-width:480px) {

#footer-contents #address {
font-size:11px;
line-height:1.4;}
#footer-contents #sitemap .col {
width:100%;
float:none;}

}

.footer-fix-height {
height:90px;
line-height:0;}

.footer-fix {
position:fixed;
bottom:0;
left:0;
width:100%;
background:url(../../images/footer_fix000.png) repeat-x left top;}
.footer-fix .footer-fix-ban {
line-height:1.2;
margin:21px auto 20px;
width:100%;
max-width:910px;
text-align:left;
padding:0 0 0 300px;
background:url(../../images/footer_fix_stay.png) no-repeat left center / 290px;}

@media only screen and (max-width:1340px) {

.footer-fix .footer-fix-ban {
max-width:610px;
padding:0;
background:none;}

}

@media only screen and (max-width:1134px) {

.footer-fix .footer-fix-ban {
margin:21px auto 20px 25px;}

}

@media only screen and (max-width:830px) {

.footer-fix {
display:none;}
.footer-fix-height {
height:0;
line-height:0;}

}

/* footer fix rsv ==================*/

.footer-fix-rsv-height {
height:90px;
line-height:0;}

.footer-fix-rsv {
position:fixed;
z-index:1000;
bottom:0;
left:0;
width:100%;
background:url(../../images/footer_fix000.png) repeat-x left top;}

.footer-fix-rsv .footer-fix-container-rsv {
margin:27px auto 25px auto;
width:100%;
max-width:900px;
text-align:left;
padding:0 0 0 275px;
background:url(../../images/footer_fix_stay.png) no-repeat left center / 290px;}
.footer-fix-rsv ul {
justify-content:center;
margin:0 auto;
width:100%;}
.footer-fix-rsv ul li {
padding-left:16px;
font-size:12px;
line-height:1.5;
color:#fff;
white-space:nowrap;}

.footer-fix-rsv ul li:last-child {
display:none;}

.footer-fix-rsv ul li .ttl {
margin:0 4px 4px 0;}
.footer-fix-rsv ul li a {
display:block;
padding:0 10px;
color:#fff;
text-align:center;
font-size:9px;
line-height:20px;
background:#726150;
transition:0.3s;}
.footer-fix-rsv ul li a:hover {
background:#ffaa00;}
.footer-fix-rsv ul li .btn-rsv {
display:block;
padding:0 13px;
width:100%;
font-size:12px;  
line-height:44px;
font-weight:bold;
text-align:center; 
cursor:pointer; 
background:#ee8800;
color:#fff;
transition:0.3s;
border:1px solid #fff;
-webkit-appearance:none;
border-radius:0;}
.footer-fix-rsv ul li .btn-rsv:hover {
background:#ffaa00;}

@media only screen and (max-width:1340px) {

.footer-fix-rsv .footer-fix-container-rsv {
padding:0;
background:none;}

}

@media only screen and (max-width:1134px) {

.footer-fix-rsv .footer-fix-container-rsv {
margin:26px auto 25px 0;}
.footer-fix-rsv ul {
justify-content:start;}

}

@media only screen and (max-width:830px) {

.footer-fix-rsv-height {
height:120px;}

.footer-fix-rsv .footer-fix-container-rsv {
margin:8px 0 0 0;}
.footer-fix-rsv ul li {
padding:6px 0 0 17px;
font-size:11px;
line-height:1.4;}
.footer-fix-rsv ul li .ttl {
margin:0 4px 3px 0;}
.footer-fix-rsv ul li:first-child .ttl {
display:inline-block;}
.footer-fix-rsv ul li:first-child {
width:100%;}
.footer-fix-rsv ul li.rsv-submit {
width:100%;
padding:11px 0 0 0;}
.footer-fix-rsv ul li .btn-rsv {
line-height:39px;
border-left:0;
border-bottom:0;
border-right:0;}

}

#page-top {
position:fixed;
z-index:1001;
line-height:0;
bottom:105px;
right:8px;
width:36px;
height:36px;}
#page-top a {
padding:10px;
display:block;
background:#887766;
transition:all 0.3s;}
#page-top a:hover {
background:#ee8800;}