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

body#idx {
background-color: #f7f7f7;
}
body#idx #wrapper{
padding: 0 50px;
background-color: #fff;
}
body#idx.v31 #wrapper{margin-top: 20px; margin-bottom: 20px;}

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

.v31 .btnHeader{display: none;}

#area-carrousel{
line-height: 1em;
padding-bottom: 20px;
width: 920px;
overflow: hidden;
display: block;
position: relative;
}
.v31 #area-carrousel{min-height: 460px;}

#carrousel-slides {
position: relative;
width: 920px;
height: 427px;
margin-bottom: 30px;
overflow: hidden;
}
#carrousel-slides li{
float: left;
width: 920px;
}
#carrousel-slides li img{
width: 100%;
height: auto;
}

#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 .thumb img{
border: 1px solid #fff;
width: 65px;
height: auto;
}
#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;
}

.area-swiper{padding-bottom: 0 !important;}
.swiper-wrapper{transition-timing-function: cubic-bezier(.5,0,.2,1);}
.swiper-pagination{position: relative; padding: 12px 0;}
.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: auto;}
.swiper-pagination-bullet{opacity: 1.0; outline: 0; width: 4px; height: 4px; margin: 0 4px;}
.swiper-pagination-bullet-active{background-color: #e60012;}
.swiper-ui-prev, .swiper-ui-next{display: block; position: absolute; top: 46%; width: 40px; height: 40px; margin-top: -20px; background-color: rgba(0, 0, 0, .6); z-index: 100; cursor: pointer; transition: all .3s; opacity: 0; outline: none;}
.swiper-ui-prev{left: 0;}
.swiper-ui-next{right: 0;}
.swiper-ui-prev::before, .swiper-ui-next::before{content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; top: 50%; margin-top: -5px;}
.swiper-ui-prev::before{-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); right: 12px;}
.swiper-ui-next::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); left: 12px;}
.swiper-slide a{display: block;}
.swiper-container:hover .swiper-ui-prev, 
.swiper-container:hover .swiper-ui-next{opacity: 1;}

#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: 60px;	
}
#idx #list-feature{
width: 980px;
margin: -20px 0 -20px -30px;
}
#idx #list-feature .title{
text-align: center;
}

/* extra-content
-----------------------*/
#idx #area-extra-content{
margin-top: 60px;	
}

/* 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;
}

/* 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;
}