@charset "utf-8";
 .gallery_area {
width: 100%;
min-width: 960px;
}
.gallery_inner {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.gallery_area {
min-width: 100%;
margin-top:0;
margin-bottom:80px;
}
.gallery_inner {
width: 95%;
max-width: 100%;
}
}  .sort_area{
overflow: hidden;
margin-bottom:40px;
}
.sort_area li a{
box-sizing: border-box;
display: block;
float: left;
width: 138px;
height: 52px;
color: #000;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 1.4;
border:2px solid #000;
background: #fff;
padding: 5px 0;
margin-right: 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sort_area .sort_btn_all_archive a{
height: 52px;
line-height: 52px;
padding: 0;
}
.sort_area li:last-child a{
margin-right: 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.sort_area{
margin-top: 20px;
margin-bottom:20px;
}
.sort_area li a{
width: 49%;
margin-right: 0;
margin-bottom: 5px;
}
.sort_area .sort_btn_all_archive a,
.sort_area .sort_btn_all a{
float:none;
width: 100%;
height: 52px;
}
.sort_area li:last-child a{
margin-right: 0;
}
.sort_area li:nth-of-type(3) a,
.sort_area li:nth-of-type(5) a{
margin-left: 2%;
}
} .sort_btn_all_archive a:hover,
.sort_btn_all_archive.current a,
.sort_btn_all a:hover,
.sort_btn_all.current a{ color: #fff;
border:2px solid #000;
background: #000;
}
.sort_btn_mansion a:hover,
.sort_btn_mansion.current a{ color: #fff;
border:2px solid #227642;
background: #227642;
}
.sort_btn_house a:hover,
.sort_btn_house.current a{ color: #fff;
border:2px solid #004c78;
background: #004c78;
}
.sort_btn_oldhouse a:hover,
.sort_btn_oldhouse.current a{ color: #fff;
border:2px solid #775b50;
background: #775b50;
}
.sort_btn_shop a:hover,
.sort_btn_shop.current a{ color: #fff;
border:2px solid #dd7d7e;
background: #dd7d7e;
}  .gallery_layout03{
letter-spacing: -0.5em;
margin: 40px auto;
}
.gallery_layout03 .gallery_item{
position: relative;
display:inline-block;
vertical-align:top;
width:300px;
padding-top: 27px;
letter-spacing: normal;
}
.gallery_layout03 .gallery_item a img{
display: block; width: auto;
height: 100%;
max-height: 211px;
margin: 5px auto;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.gallery_layout03 .gallery_item a:hover img{
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (min-width: 768px) { .gallery_layout03 .gallery_item{
margin:0 25px 60px auto;
}
.gallery_layout03 .gallery_item:nth-child(3n){
margin-right:0;
}
}@media screen and (min-width: 0px) and (max-width:480px) {
.gallery_layout03{
margin: 40px auto;
}
.gallery_layout03 .gallery_item{
display: block;
width:100%;
margin:0 auto 40px auto;
}
}
@media screen and (min-width: 481px) and (max-width:767px) {
.gallery_layout03{
margin: 40px auto;
}
.gallery_layout03 .gallery_item{
width:48%;
margin:0 2% 40px auto;
}
.gallery_layout03 .gallery_item:nth-child(2n){
margin-right: 0;
}
} .gallery_layout03 .gallery_item_ttl{
color: #424242;
font-size:18px;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align:left;
line-height:1.5;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.gallery_layout03 .gallery_item_ttl{
font-size:16px;
}
} .gallery_layout03 .icon_new{
position: absolute;
top:0;
left: 0;
} .gallery_item_category{
position: absolute;
top:0;
right: 0;
width: 90px;
color: #fff;
font-size: 13px;
text-align: center;
line-height: 27px;
padding: 0 5px;
}
.gallery_item_category.mansion{ background: #227642;
}
.gallery_item_category.house{ background: #004c78;
}
.gallery_item_category.oldhouse{ background: #775b50;
}
.gallery_item_category.shop{ background: #dd7d7e;
} .gallery_detail{
width:100%;
margin:40px auto 0 auto;
}
.gallery_detail_ttl{
width: 100%;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size:30px;
text-align:center;
padding: 24px 0;
}
.gallery_detail .icon_new{
margin-right: 1em;
vertical-align:middle !important;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.gallery_detail{
margin:20px auto 0 auto;
}
.gallery_detail_ttl{
font-size:18px;
padding: 10px 0;
}
.gallery_detail .icon_new{
display: block;
margin-right: 0;
margin-bottom: 10px;
}
} #gallery_slider_main .sp-thumbnail {
cursor: pointer;
}
#gallery_slider_main .sp-thumbnail:hover {
opacity: 0.8;
filter: alpha(opacity=80) ; }
#gallery_slider_main .sp-selected-thumbnail {
border: 4px solid #000;
}
.gallery_detail .slider-pro img.sp-image{
width: auto !important;
margin: auto;
max-width: 100%;
height: 100% !important;
} .slider_before_area{
width: 100%;
background: #f9f8f7;
padding-bottom: 50px;
margin: 40px auto 70px auto;
}
.slider_before_inner{
position: relative;
width: 890px;
padding-top: 50px;
margin: 0 auto;
overflow: hidden;
}
.pc_ttl_before{
position: absolute;
top:0;
left:80px;
height: 94px;
}
#gallery_slider_bf .sp-thumbnail {
cursor: pointer;
}
#gallery_slider_bf .sp-thumbnail:hover {
opacity: 0.8;
filter: alpha(opacity=80) ; }
#gallery_slider_bf .sp-selected-thumbnail {
border: 4px solid #000;
}
.slider_before_area .slider-pro img.sp-image{
width: auto !important;
margin: auto;
max-width: 100%;
height: 100% !important;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.slider_before_area{
padding-bottom: 20px;
margin: 40px auto;
}
.slider_before_inner{
width: 95%;
padding-top: 100px;
}
.pc_ttl_before{
left:0;
right:0;
margin: auto;
}
.sp-image-container {
position: relative;
}
.gallery_detail .slider-pro img.sp-image{
width: auto !important; max-width: inherit;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
}
.slider_before_area .slider-pro img.sp-image{
width: auto !important; max-width: inherit;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
}
} @media screen and (min-width: 768px) {
#gallery_slider_bf{
padding-left: 400px !important;
}
.sp-left-thumbnails,
.sp-right-thumbnails{
top:auto;
bottom:0;
height: 234px !important;
}
#gallery_slider_bf .sp-thumbnails.sp-grab{
width: 400px !important;
}
#gallery_slider_bf .sp-thumbnails.sp-grabbing{
width: 400px !important;
}
#gallery_slider_bf .sp-thumbnail-container{
float: left;
}
#gallery_slider_bf .sp-left-thumbnails .sp-thumbnail-container:first-child,
#gallery_slider_bf .sp-right-thumbnails .sp-thumbnail-container:first-child{
margin-top: 2px;
margin-right: 5px;
}
#gallery_slider_bf .sp-left-thumbnails .sp-thumbnail-container{
margin-right: 5px;
}
} .gallery_info{
overflow: hidden;
margin-bottom: 24px;
} .floor_item{
float: left;
width: 480px;
overflow: hidden;
}
.floor_item li{
float: left;
width: 210px;
text-align: center;
}
.floor_item li:nth-of-type(2){
width: 50px;
height: 326px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/gallery/icon_floor_arw.png) center 170px no-repeat;
}
.floor_item li p{
font-size: 18px;
padding: 5px 0 20px;
}
.floor_item li img{
display: block;
width: 100%;
height:auto;
border: 1px solid #000;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.floor_item{
width: 100%;
margin-bottom: 20px;
}
.floor_item li{
width: 44%;
}
.floor_item li:nth-of-type(2){
width: 10%;
height: auto;
padding-bottom: 62%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/gallery/icon_floor_arw.png) center center no-repeat;
}
.floor_item li p{
font-size: 16px;
padding: 5px 0 10px;
}
} .gallery_tb{
float: left;
width: 425px;
font-size:14px;
border-collapse: separate;
border-spacing: 0 5px;
margin: 30px auto 0;
margin-left: 50px;
}
.gallery_tb th{
width: 100px;
color: #fff;
background:#000;
text-align:center;
padding:12px 0;
}
.gallery_tb td{
padding-left:10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.gallery_tb{
float: none;
width: 100%;
margin: 30px auto 0;
}
.gallery_tb th{
width: 100px;
}
.gallery_tb td{
padding-left:2%;
}
}
.free_area{
margin: 60px auto;
}
.free_area *{
line-height:1.6;
} .youtube {
text-align: center;
margin-top: 80px;
}
.youtube iframe {
width: 100%;
height: 540px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.youtube iframe {
height: 300px;
}
} .btn_area{
margin: 80px auto;
}
.btn_gallery_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:340px;
text-align:center;
text-decoration: none;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
padding: 20px 0 25px;
margin:20px auto 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_gallery_detail:hover{
color:#fff;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_gallery_detail {
font-size:16px;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_gallery_detail:hover{
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
} .other_gallery_area{
overflow:hidden;
margin:20px 0 60px 0;
}
.other_gallery_area *{
box-sizing:border-box;
}
.other_gallery_area_title{
margin:0 0 20px 0;
}
.other_gallery_area_title p{
margin:0 1%;
font-size: 24px;
font-family: 'hannari';
}
.other_gallery_block{
position:relative;
float:left;
width:23%;
margin:0 1%;
}
.other_gallery_block_new {
position: absolute;
left: 0;
top: 0;
width: auto !important;
}
.other_gallery_category_block{
position:relative;
height: 30px;
}
.other_gallery_block a img{
width:100%;
}
.sort_area{
clear:both;
}
.other_gallery_block a{
text-decoration: none;
color: inherit;
display: block;
}
.other_gallery_block a:hover{
opacity:0.6;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.other_gallery_area_title p{
text-align:center;
}
.other_gallery_block{
width:48%;
margin-bottom:30px;
}
}
.sort_area .sort_btn_all_archive a{
cursor: initial;
}
.sort_area .sort_btn_place a{
padding-top: 15px;
}
.sort_area .sort_btn_place a:hover{
color: #fff;
border: 2px solid #420101;
background: #420101;
}
.sort_area .sort_btn_place.current a{
color: #fff;
border: 2px solid #420101;
background: #420101;
}
#gallery_slider_main .sp-layer{
position: relative;
}
#gallery_slider_main .slider-pro p.sp-layer {      }
#gallery_slider_main .sp-padding { padding: 0;
}
#gallery_slider_main .sp-black {   color: #000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
} .lb-data .lb-caption a {
color: #4ae;
background: #fff;
text-decoration: none;
line-height: 1.5px;
padding: 0 1%;
border-radius: 5px;
}
.lb-data .lb-caption a:hover {
opacity:0.6;
}
.lb-data .lb-number {
padding-top: 5px;
}