@charset "utf-8";
/* CSS Document */

body#idx{
background-color: #f7f7f7;
}
body#idx #wrapper{
padding: 0 50px;
background-color: #fff;
}

#contents{
border: none;
padding: 0;
background-color: #fff;
}

#area-carrousel{
line-height: 1em;
padding-bottom: 20px;
width: 920px;
overflow: hidden;
display: block;
position: relative;
border-bottom: 1px solid #eee;
}
#carrousel-slides {
position: relative;
width: 920px;
height: 427px;
margin-bottom: 30px;
overflow: hidden;
}
#carrousel-slides li{
float: left;
width: 920px;
}
#carrousel-thumbs{
}
#carrousel-thumbs a{
text-decoration: none;
}
#carrousel-thumbs a:hover{
text-decoration: underline;
}
#carrousel-thumbs li{
float: left;
width: 95px;
padding: 0 10px;
cursor: pointer;
}
#carrousel-thumbs li .thumb{
display: block;
text-align: center;
}
#carrousel-thumbs li img{
border: 1px solid #fff;
}
#carrousel-thumbs li.on img{
border: 1px solid #222;
}
#carrousel-thumbs li span.txt{
display: block;
padding-top: 5px;
font-size: 11px;
line-height: 1.4em;
text-align: center;
}

#idx .area-title{
margin-bottom: 20px;
}
#idx .lead-category{
font-size: 12px;
line-height: 1.8em;
text-align: center;
color: #444;
border-top: 1px solid #eee;
padding: 10px;
margin-bottom: 15px;
}
#idx .wrap-to-archive{
margin-top: 15px;
}
#idx .wrap-to-archive a{
display: block;
text-align: center;
padding: 15px;
border-top: 1px solid #eee;
text-decoration: none;
font-size: 13px;
letter-spacing: 1px;
}
#idx .wrap-to-archive a i{
font-size: 16px;
}
#idx .wrap-to-archive a:hover{
color: #2c4b66;
text-decoration: underline;
}

/* area-recent
-----------------------*/
#area-recent-rensai{
margin-top: 30px;
}
#area-recent-news{
margin-top: 30px;
}

/* gmap
-----------------------*/
#idx #area-gmap{
margin-top: 60px;
}
#area-gmap .area-title{
font-size: 18px;
line-height: 1.7em;
}
#idx .wrap-gmap{
margin-top: 30px;
padding-top: 0px;
}
#idx #gmap{
width: 920px;
height: 550px;
}

/* sns-main
-----------------------*/
#idx #area-sns-main{
margin-top: 60px;
}
#area-sns-main .area-title{
font-size: 18px;
line-height: 1.7em;
}
#idx #area-sns-main a.btn-sns i{
font-size: 18px;
}

/* feature
-----------------------*/
#idx #area-feature{
margin-top: 40px;	
}
#idx #list-feature{
width: 980px;
margin: -20px 0 -20px -30px;
}
#idx #list-feature .title{
text-align: center;
}

/* genre
-----------------------*/
#idx #area-genre .area-title{
margin-top: 60px;
}

/* areamagazine
-----------------------*/
#idx #area-areamagazine{
margin-top: 60px;
}
#area-areamagazine .area-title{
margin-bottom: 10px;
}

/* maggallery
-----------------------*/
#idx #area-maggallery{
margin-top: 60px;
}
#area-maggallery .area-title{
margin-bottom: 10px;
}
#idx #postlist-maggallery{
display: table;
table-layout: fixed;
width: 990px;
margin: -35px 0px -35px -35px;
border-collapse: separate;
border-spacing: 35px;
}
#idx #postlist-maggallery .row{
display: table-row;
}
#idx #postlist-maggallery a.wrap-post:hover{
}
#idx #postlist-maggallery .inner{
}
#idx #postlist-maggallery a.wrap-post{
box-sizing: border-box;
display: table-cell;
width: 156px;
text-decoration: none;
color: #444;
}
#idx #postlist-maggallery .wrap-thumb{
width: 156px;
height: 205px;
overflow: hidden;
}
#idx #postlist-maggallery .wrap-thumb img{
box-sizing: border-box;
border: 1px solid #eee;
max-width: 156px;
max-height: 205px;
height: auto;
vertical-align: top;
}
#idx #postlist-maggallery .wrap-text{
padding-bottom: 10px;
}
#idx #postlist-maggallery .wrap-text .title{
font-size: 13px;
font-weight: bold;
line-height: 1.6em;
margin-top: 10px;
text-decoration: none;
/*height: 3.2em;*/
}
#idx #postlist-maggallery .wrap-text .desc{
color: #a69f96;
font-size: 12px;
line-height: 1.6em;
/*margin-top: 7px;
background: transparent url("/wp-content/themes/colocal/libs/images/cmn/cmn-dlined.gif") repeat-x scroll 0 top;
padding-top: 10px;*/
padding-top: 12px;
text-decoration: none;
}
#idx #postlist-maggallery a.wrap-post:hover .title{
text-decoration: underline;
}

/* sns feed
-----------------------*/
#area-sns-feed{
margin: 50px 0px;
min-height: 500px;
}
#area-sns-feed .area-title{
font-size: 18px;
line-height: 1.7em;
}
#idx #area-sns-feed .sns-widget{
width: 450px;
box-sizing: border-box;
}
#idx #area-sns-feed .sns-widget iframe{
width: 450px;
}
#idx #area-sns-feed #widget-fb-page{
float: left;
}
#idx #area-sns-feed #widget-tw-page{
float: right;
border: 1px solid #eee;
}