body{
color:#5a4a3d;
}
.base-contents {
padding:20px 10px 10px;
background:rgba(255, 255, 255, 0.6);
}
.mod-menu{
background-color:#fea000;
}
.base-body{
background-image:url("../img/base/bg.png");
background-repeat:no-repeat;
background-size:100% auto;
background-position:50% 0%;
background-color:#efefef;
padding-bottom:30px;
}
.base-body2{
background-image:url("../img/base/search-bg.png"),url("../img/base/bg.png");
background-repeat:no-repeat,no-repeat;
background-size:auto auto,100% auto;
background-position:50% 40px,50% 0%;
background-color:#efefef;
padding-bottom:30px;
}
.mod-search{
display: table;
background: #efefef;
margin: 48px auto;
width: 74%;
padding-bottom: 10px;
border-width:10px;
border-color:#ffffff;
}
.mod-search-inner{
position:relative;
display:inline-block;
vertical-align:top;
margin:0;
background-size:100% auto;
border:none;
width :100%;
}
.mod-search-inner::before {
position:absolute;
top:-87px;
left:-70px;
content:'';
background:url("../img/mod-search/deer.png") no-repeat;
width:124px;
height:219px;
}
.mod-search-inner:after{
position:absolute;
top:-70px;
right:-96px;
content:'';
background:url("../img/mod-search/fox.png") no-repeat;
width:204px;
height:193px;
}
.mod-search-inner2{
background: none;
}
.mod-search-title{
	padding:0px 0px 0px 0px;
}
.mod-footer{
padding: 124px 0 0;
background-image:url("../img/base/foot-bg.png"),url("../img/base/foot-bg-repeat.png");
background-position: 50% 0%, 50% 0%;
background-repeat:no-repeat,repeat-x;
background-color:#efefef;
color:#ffffff;
}
.mod-footer-foot{
border:none;
background-color:#398e3b;
}
.mod-pagination-prev a {
    color: #FFF;
    background: #388d3c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style:none;
}
.mod-pagination-prev a:hover {
    color: #FFF;
    background: #388d3c;
    opacity: 0.6;
}
.mod-pagination-next a {
    color: #FFF;
    background: #388d3c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style:none;
}
.mod-pagination-next a:hover {
    color: #FFF;
    background: #388d3c;
    opacity: 0.6;
}
.wgt-heading{
border-color: #388d3c;
}
.wgt-heading:before{
color: #388d3c;
}
.wgt-heading2{
border-color: #388d3c;
}
.wgt-heading3:before{
color: #388d3c;
}
.wgt-button button, .wgt-button a{
border: 1px solid #388d3c;
background: #388d3c;
text-shadow:none;
}
.wgt-cart{
color: #388d3c;
}
.wgt-cart:hover{
color: #388d3c;
}
.wgt-cart:before{
color: #388d3c;
}
.wgt-unit{
border-color:#388d3c;
background:linear-gradient(#ffffff, #ffffff 50%, #ffffff);
}
.wgt-unit-h:before{
color: #388d3c;
}
.wgt-unit-subhead:before{
color: #388d3c;
}
.wgt-unit-button a, .wgt-unit-button button{
color: #388d3c;
}
.wgt-unit-button a:hover, .wgt-unit-button button:hover{
color: #388d3c;
}
.wgt-unit2-h{
border-color: #388d3c;
}
.wgt-newslist-item a:before{
color: #388d3c;
}
.wgt-newslist2-item a:before{
color: #388d3c;
}
.wgt-linklist-item:before{
color: #388d3c;
}
.wgt-ranking-item .rank:before{
color: #388d3c;
}
.wgt-backlink.type-head a{
background-color: rgba(255,255,255,0.6);
padding: 2px;
}

.invertColor-mode .wgt-backlink.type-head a{
background-color:transparent;
}

.wgt-backlink:before{
color: #fea000;
}
.wgt-delete{
color: #388d3c;
}
.wgt-delete:hover{
color: #388d3c;
}
.wgt-delete:before{
color: #388d3c;
}
.wgt-unit-thumbnail{
border-color:#388d3c;
background:linear-gradient(#ffffff, #ffffff 50%, #ffffff);
padding: 20px 22px 4px;
}
.mod-menu-item-button a.current{
background:#388d3c;
color:#ffffff;
text-shadow:none;
}
.wgt-unit-thumbnail-h::before {
color: #388d3c;
}
.mod-menu-item-button a{
background:#ffffff;
color:#000000;
border:solid 1px #000000;
text-shadow:none;
}
.mod-menu-item2-button button, .mod-menu-item2-button a{
border:1px solid #388d3c;
background:#388d3c;
text-shadow:none;
}
.mod-menu-item2-button button .num, .mod-menu-item2-button a .num{
color: #388d3c;
}
.mod-header-sitetitle{
color: #388d3c;
}
.mod-header-navitem a{
color: #388d3c;
border-type:solid;
border-width:1px 1px 0px;
border-color:#388d3c;
border-radius:4px 4px 0px 0px;
background:transparent;
}
.mod-header-navitem a:hover{
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGZiZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(100%, #edfbff));
background: -moz-linear-gradient(#ffffff 20%, #edfbff);
background: -webkit-linear-gradient(#ffffff 20%, #edfbff);
background: linear-gradient(#ffffff 20%, #edfbff);
}
.mod-header-navitem a.current{
color: #FFF;
background: #388d3c;
border-color: #388d3c;
}
.mod-header-body{
background: #388d3c;
border-color: #388d3c;
}
.mod-footer-head-inner {
    position: relative;
}
.mod-footer-pagetop {
position: absolute;
right: 16px;
bottom: 48px;
border-style:solid;
border-width:10px;
border-color:#388d3c;
padding:3px;
background-color:#efefef;
}
.mod-footer-pagetop:before{
color: #fea000;
}
.mod-search-button button, .mod-search-button a{
border:1px solid #388d3c;
background:#388d3c;
text-shadow:none;
color:#ffffff;
}
.mod-search-link:before{
color: #388d3c;
}
.mod-searchDetail{
background: #FFFFFF;
border-color: #388d3c;
}
.mod-searchDetail-h{
border-color: #388d3c;
}
.mod-searchDetail-link:before{
color: #388d3c;
}
.mod-pagination-item a.current, .mod-pagination-item span.current{
color: #FFF;
background: #388d3c;
}
.mod-pagination-prev a:before{
color: #FFFFFF;
}
.mod-pagination-next a:after{
color: #FFFFFF;
}
.mod-index{
color:#fea000;
border-style:none;
border-radius:10px;
background:linear-gradient(#ffffff, #ffffff 50%, #ffffff);
}
.mod-index-togglerbtn:before{
color: #388d3c;
}
.mod-index-h .sub{
color: #388d3c;
}
.mod-index-h:before{
color: #fea000;
}
.mod-index-body{
border-color:#fea000;
}
.mod-index-button a{
color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#388d3c;
border-radius:4px;
background:#388d3c;
}
.mod-index-button a:before{
color: #FFFFFF;
}
.mod-index-button a:hover, .mod-index-button button:hover {
  background: #388d3c;
  color: #FFF;
  opacity: 0.6;
}
.mod-page h4{
border-color: #388d3c;
}
.mod-page h5{
color: #388d3c;
}
.mod-page-link:before{
color: #388d3c;
}
.mod-login{
background: #EDFBFF;
border-color: #92B5E5;
}
.mod-login-button button, .mod-login-button a{
border: 1px solid #3E7BD0;
background: #3E7BD0;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNzJkYSIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjM2U3YmQwIi8+PHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiMzYzcwZTEiLz48c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzNjNzBlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f72da), color-stop(48%, #3e7bd0), color-stop(93%, #3c70e1), color-stop(98%, #3c70e1));
background: -moz-linear-gradient(#3f72da 0%, #3e7bd0 48%, #3c70e1 93%, #3c70e1 98%);
background: -webkit-linear-gradient(#3f72da 0%, #3e7bd0 48%, #3c70e1 93%, #3c70e1 98%);
background: linear-gradient(#3f72da 0%, #3e7bd0 48%, #3c70e1 93%, #3c70e1 98%);
}
.mod-login-link:before{
color: #388d3c;
}
.mod-reserve{
background: #FFFFFF;
border-color: #388d3c;
}
.mod-reserveinput{
background: #FFFFFF;
border-color: #388d3c;
}
.mod-reserve-button button, .mod-reserve-button a{
background: #388d3c;
border: 1px solid #388d3c;
text-shadow:none;
}
.mod-usermenu-button button, .mod-usermenu-button a{
background: #388d3c;
border: 1px solid #000000;
text-shadow:none;
}
.mod-userlogin{
background: #FFFFFF;
border-color: #388d3c;
}
.itemExtend{
	color:#008000;
	font-weight:bold;
}
.itemTermdate{
	color:#FF0000;
}
.mod-pwchange-button button, .mod-pwchange-button a{
background: #388d3c;
border: 1px solid #388d3c;
text-shadow:none;
}
.emphasis{
	font-size: 24px;
	color: #FF0000;
}
.emphasis2{
font-size: 1.71429em;
color: #FF0000;
}
.invertColor-mode .base-contents, .invertColor-mode .mod-footer-pagetop, .invertColor-mode .mod-footer-pagetop a, .invertColor-mode .mod-search-inner2, .invertColor-mode .mod-search-title, .invertColor-mode .mod-login-inner2, .invertColor-mode .mod-login-title {
color: #FFF !important;
background: #000 !important;
border-color: #FFF !important;
}
.invertColor-mode .base-body2{
color: #FFF !important;
background: #000 !important;
border-color: #FFF !important;
}
.invertColor-mode .mod-search{
border-style:solid;
border-width:10px;
border-color:#ffffff;
}
.invertColor-mode .mod-index{
border-style:solid;
border-width:1;
border-color:#ffffff;
}
.invertColor-mode .base-footer {
padding: 96px 0 0;
}
.invertColor-mode .wgt-backlink.type-head {
background-color:transparent;
width: max-content;
padding: 0px;
}
@media screen and (min-width: 768px) and (max-width: 930px) {
.base-body2{
background-image:url("../img/base/bg.png");
background-repeat:no-repeat;
background-size:100% auto;
background-position:50% 0%;
background-color:#efefef;
}
}
@media screen and (min-width: 768px) and (max-width: 859px) {
.wgt-unit-thumbnail{
padding: 20px 16px 4px;
}
}
@media screen and (max-width: 767px){
.base-body{
background-image:url("../img/base/bg.png");
background-repeat:no-repeat;
background-size:100% auto;
background-position:50% 0%;
background-color:#efefef;
}
.base-body2{
background-image:url("../img/base/bg.png");
background-repeat:no-repeat;
background-size:100% auto;
background-position:50% 0%;
background-color:#efefef;
}
.mod-search{
display: table;
margin: 64px auto 32px;
width: 75%;
padding-bottom: 10px;
border-style:solid;
border-width:10px;
border-color:#ffffff;
}
.mod-search-inner::before {
background-image:url("../img/mod-search/cloud1.png");
background-repeat:no-repeat;
position:absolute;
top:-55px;
left:-64px;
content:'';
width:132px;
height:46px;
}
.mod-search-inner:after{
background:url("../img/mod-search/fox-mini.png") no-repeat;
position:absolute;
top:-74px;
right:-32px;
content:'';
width:102px;
height:96px;
z-index:50;
}
.mod-footer{
padding: 102px 0 0;
background-image:url("../img/base/foot-bg-mini.png");
background-position: 5% 0%;
background-repeat:no-repeat;
background-color:#efefef;
}
.invertColor-mode .base-body2 {
color: #FFF !important;
background: #000 !important;
border-color: #FFF !important;
}
.invertColor-mode .mod-index {
border-style:solid;
border-radius:0px;
}
.mod-footer-pagetop {
right: 8px;
bottom: 40px;
}
}