@charset "utf-8";

/***************************************************************

PC

****************************************************************/


.item-container-body.wide {
    background: #fff;
}


#slideshow {
   position:relative;
   width:100%;
   height:700px;
}
#slideshow li {
   position: fixed;
   height:700px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
	background-attachment: fixed;
}





.bx-box{

}
.bx-wrapper{
}

.bx-wrapper .bx-viewport {
    left: 0px;
}


u.bxslider li {
  display: none;
}


.item-container-body.slider-box {
	height: 700px;
}



h3.ttl {
	text-align: center;
    font-size: 34px;
}
h3.ttl span {
	display: block;
    font-size: 16px;
}

.item-container-body.news .inbody{
    text-align: left;
}


ul.tab.clearfix {
    border-bottom: 1px #b1aaaa solid;
}

.tabbox li.view {
	display: none;
}
.panel {display:none;}
.show {display:block;}

.tab li {
    width: 24.5%;
    height: auto;
    background: #B1AAAA;
    float: left;
    padding: 5px 10px;
    margin-left: 2px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
}
.tab li.select {
  background: #5E93D8;
}

.tab li.select:after{
}

.tab li.cat1.select {
    background: #fbae4c;
}
.tab li.cat3.select {
    background: #4ca1fb;
}
.tab li.cat9.select {
    background: #999;
}
.tab li.cat8.select {
    background: #967207;
}
.tab li.cat10.select {
background: #5fb53d;
}


.link_more {
    text-align: center;
    display: block;
    margin: 10px 0;
}



.item-container-body.news .item.itemTtl{
 background: #eee;
}


.item-container-body.news .item.news-panel{
    width:24%;
}
.item-container-body.news .item.news-panel .inbody.panel-box{
    border: 1px #eee solid;
    margin: 10px;
    padding: 0px!important;
}


.item-container-body.news .item .time{
    text-align: right;
    font-size: 12px;
    color: #999;
}

.item-container-body.news .item .label{
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: block;
    background: #55acee;
    padding: 8px 8px 6px;
    line-height: 1;
    margin: 0px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.item-container-body.news .item.cat1 .label{
    background: #55acee;
}
.item-container-body.news .item.cat3 .label{
}
.item-container-body.news .item.cat9 .label{
}
.item-container-body.news .item.cat8 .label{
    background: #FF5C26;
}
.item-container-body.news .item.cat10 .label{
}

.item-container-body.news .item.cat1 a:link,
.item-container-body.news .item.cat1 a:visited{
    color: #55acee;
    text-decoration: none;
}

.item-container-body.news .item.cat8 a:link,
.item-container-body.news .item.cat8 a:visited{
    color: #FF5C26;
    text-decoration: none;
}

.item-container-body.news p.txt a{
    color: #333!important;
}

.item-container-body.news .item h4{
    text-align: left;
    font-size: 15px;
    padding: 4px 0 0;
}

.item-container-body.news .item img{
    max-width: 100%;
    height: auto;
}

.item-container-body.news .line {
    border-bottom: 1px #e2e2e2 dotted;
}


.item-container-body.sns .time {
    text-align: center;
    font-size: 0.85rem;
}


.item-container-body.service {
margin: 20px auto;
}

.item-container-body h3.ttl{
    border: 1px #e2e2e2 solid;
    border-left: 0;
    border-right: 0;
    color: #10a018;
}

.item-container-body.service .item img{
    width: 100%;
    height: auto;
}
.item-container-body.service .item h4{
    margin: 10px 0;
}
.item-container-body.service .item p.txt{
}


.item-container-body.banner {
    margin: 30px auto 0;
    border-top: 2px #eee solid;
    padding: 20px 0 30px;
}



.item-container-body.sns .item .label{
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: block;
    background: #55acee;
    padding: 8px 8px 6px;
    line-height: 1;
    margin: 0px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    display: inline-block;
    width: 80%;
}

.item-container-body.sns .item.cat1 .label{
    background: #55acee;
}
.item-container-body.sns .item.cat3 .label{
}
.item-container-body.sns .item.cat9 .label{
}
.item-container-body.sns .item.cat8 .label{
    background: #FF5C26;
}
.item-container-body.sns .item.cat10 .label{
}

.item-container-body.sns .item.blog .label{
    background: #7cbb7f;
}

/*
.item-container-body.sns .item.cat1 a:link,
.item-container-body.sns .item.cat1 a:visited{
    color: #55acee;
    text-decoration: none;
}

.item-container-body.sns .item.cat8 a:link,
.item-container-body.sns .item.cat8 a:visited{
    color: #FF5C26;
    text-decoration: none;
}
*/


.item-container-body.sns .item .inbody {
    margin: 0 auto;
    position: relative;
    padding: 5px 0px;
    position: relative;
}
.item-container-body.sns .inbody.line {
    border-bottom: 1px #dcdcdc dotted;
    margin-bottom: 0px;
}

/***************************************************************

スマホ

****************************************************************/


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



.item-container-body h3.ttl {
    zoom: 0.7;
}


.item-container-body.slider-box {
    height: 200px;
}

#slideshow {
    height: 200px;
}

#slideshow ul li {
    width: 100%!important;
    height: 200px;
background-size:cover;
background-position:center center;
background-attachment:scroll;
}

.tab li {
    width: 24%;
    padding: 5px 5px;
    font-size: 12px;
}



.item{
}

.item-container-body.new .item:first-child,
.item-container-body.parttimejob .item:first-child,
.item-container-body.life .item:first-child,
.item-container-body.entertainment .item:first-child,
.item-container-body.event .item:first-child,
.item-container-body.area .item:first-child{
    width: 100%;
}


.item.w50per{
    width: 100%;
}


.item .photo img {
    max-width: 100%;
    height: auto;
}

.link_more {
    position: relative;
    top: 0;
    right: 0;
    font-size: 12px;
display: block;
}

.item-container-body.banner .item{
    width: 48%;
}


.item-container-body.sns .time {
    display: inline-block;
}

.item-container-body.sns .item .inbody {
    padding: 0 5px;

    text-align: left;
}


}


/***************************************************************

JQUERY

****************************************************************/