@charset "UTF-8";
/*=============================================================
sale 販売 
=============================================================*/
main td {line-height: 1.4;}
/* archive page
---------------------------------------------- */
/* #mainimg
-------------------------- */
#mainimg {
	background-image: url(../img/sale/bg_mainimg01_sp.png);
}

@media screen and (min-width: 600px) {
	#mainimg {
		background-image: url(../img/sale/bg_mainimg01_pc.png);
	}
}

/* .intro
-------------------------- */
.intro {
}

.intro .leadTit {background: transparent;}

.intro .catch {
	margin: 0 0 10px;
	font-size: 27.2px;
	font-size: 1.7rem;
	text-align: center;
	line-height: 1.7;
	letter-spacing: .075em;
}

.intro .txt {
	margin: 0 0 20px;
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 2;
}

@media screen and (min-width: 600px) {
	.intro {
    padding-top: 21px;
	}
	.intro .catch {
		margin: 0 0 23px;
		font-size: 3.7rem;
	}
	.intro .txt {
		margin: 0 0 85px;
		font-size: 1.4rem;
		text-align: center;
	}
	.intro .categoryLinks .parentItem,
	.intro .categoryLinks .childItem {
		width: 202px;
	}
	.intro .categoryLinks .parentLink,
	.intro .categoryLinks .childLink {
		padding: 34px 0;
	}
	.intro .categoryLinks .parent .en,
	.intro .categoryLinks .child .en {
		font-size: 1.6rem;
	}
	.intro .categoryLinks .parent .ja,
	.intro .categoryLinks .child .ja {
		font-size: 1.2rem;
	}
	.intro .categoryLinks .parentItem {
		margin-left: 15px;
	}
	.intro .categoryLinks .parentItem:first-child {
		margin-left: 0;
	}
}

/* .saleArchive
-------------------------- */
#saleArchive .saleArchiveList li {padding: 29px 0 24px;}
#saleArchive .saleArchiveList li:nth-child(2n-1){background-color: #fff}
#saleArchive .cat {padding: 0 15px;margin-bottom: 15px;}
#saleArchive .cat span {display: inline-block;background-color: #3b3b3b;color: #fff;line-height: 21px;font-size: 13px;padding: 0 1em;}
#saleArchive .pic {margin-bottom: 15px;overflow: hidden;text-align: center;}
#saleArchive .pic img{display: inline-block;}
#saleArchive .pic a {display: block;position: relative;}
#saleArchive .pic .sold {position: absolute;height: 100%;width: 100%;background-color: rgba(31,31,31,0.4);top: 0;left: 0;}
#saleArchive .pic .sold span {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;width: 130px;line-height: 35px;height: 35px;text-align: center;margin: auto;background-color: rgba(59,59,59,0.9);color: #fff;}
#saleArchive .name {font-size: 18px;text-align: center;margin-bottom: 10px;}
#saleArchive .info {font-size: 12px;padding: 0 15px;line-height: 2;}
#saleArchive #pageNav {margin: 20px auto;}
@media screen and (min-width: 600px) {
	#saleArchive .saleArchiveList li {padding: 60px 0 52px;}
	#saleArchive .saleArchiveList li:nth-child(2n-1){}
	#saleArchive .cat {padding: 0;margin-bottom: 40px;}
	#saleArchive .cat span {font-size: 15px;padding: 0 43px;line-height: 35px;}
	#saleArchive .pic {margin-bottom: 36px;}
	#saleArchive .pic a {}
	#saleArchive .pic .sold {}
	#saleArchive .pic .sold span {font-size: 18px;width: 260px;line-height: 70px;height: 70px;}
	#saleArchive .name {font-size: 28px;margin-bottom: 25px;}
	#saleArchive .info {font-size: 13px;text-align: center;}
  #saleArchive #pageNav {margin: 80px auto;}
}

/* single page
---------------------------------------------- */
.gallerySingle .head {
  padding: 70px 0 25px;
  text-align: center;
}

.gallerySingle .head .en {
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 1.5rem;
  text-decoration: underline;
}

.gallerySingle .head .tit {
  font-size: 30.4px;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.25;
}

.gallerySingle .gallerySliderMain {
  position: relative;
}

.gallerySingle .gallerySliderMain .item {
  position: relative;
}
.gallerySingle .gallerySliderMain .item a {
  display: block;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
	padding-top:57.5%;
}
.gallerySingle .gallerySliderMain .item a:before {
  content: "";
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  background: url(../img/gallery/ico_zoom01.png) no-repeat;
  background-size: contain;
}
.gallerySingle .gallerySliderMain .item a img {
  max-height: 100%;
  display: none;
  margin: 0 auto;
}

.gallerySingle .gallerySliderMain .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 18px;
  height: 45px;
  overflow: hidden;
  background-color: #3b3b3b;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gallerySingle .gallerySliderMain .slick-prev {
  left: 0;
  background-image: url(../img/work/price/ico_prev01.png);
}

.gallerySingle .gallerySliderMain .slick-next {
  right: 0;
  background-image: url(../img/work/price/ico_next01.png);
}

.gallerySingle .gallerySliderThumb {
  overflow: hidden;
}

.gallerySingle .gallerySliderThumb .item {
  margin: 2.5px;
}

.gallerySingle .gallerySliderThumb .slick-list {
  padding: 0 !important;
}

.gallerySingle .gallerySliderThumb .slick-track,
.gallerySingle .gallerySliderThumb .slick-list {
  height: auto !important;
}
.gallerySingle .gallerySliderMain .item a,
.gallerySingle .gallerySliderThumb .item a {
  transition: .3s;
}
.gallerySingle .gallerySliderMain .item a:hover,
.gallerySingle .gallerySliderThumb .item a:hover {
  opacity: .8;
}

.gallerySingle .catch {
  margin-top: 20px;
  padding: 0 25px;
  font-size: 28.8px;
  font-size: 1.8rem;
  line-height: 1.66;
}

.gallerySingle .txt {
  margin-top: 20px;
  padding: 0 25px;
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 2;
}

.gallerySingle .img01 {
  margin-top: 20px;
}

.gallerySingle .movie {
  margin-bottom: 40px;
}

.gallerySingle .boxImg {
  margin-bottom: 20px;
  padding: 0 50px;
}

.gallerySingle .boxCatch {
  margin-bottom: 20px;
  padding: 0 25px;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 1.66;
}

.gallerySingle .boxTxt {
  margin-bottom: 20px;
  padding: 0 25px;
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 2;
}

@media screen and (max-width: 600px) {
	.gallerySingle .gallerySliderMain .item a {
		display: block;
		width:100%;
		padding-top:65%;
		background-size:auto 100%;
		background-position:center;
		background-repeat:no-repeat; 
	}
}
@media screen and (min-width: 600px) {
  .gallerySingle .head {
    padding: 150px 0 70px;
  }
  .gallerySingle .head .en {
    margin-bottom: 35px;
    font-size: 2rem;
  }
  .gallerySingle .head .tit {
    font-size: 3.7rem;
    line-height: 1.45;
  }
  .gallerySingle .gallerySliderMain .slick-arrow {
    width: 60px;
    height: 60px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .gallerySingle .gallerySliderMain .slick-prev {
    left: -31px;
    background-image: url(../img/work/price/ico_prev02.png);
  }
  .gallerySingle .gallerySliderMain .slick-prev:hover {
    background-position: -10px 0;
  }
  .gallerySingle .gallerySliderMain .slick-next {
    right: -31px;
    background-image: url(../img/work/price/ico_next02.png);
  }
  .gallerySingle .gallerySliderMain .slick-next:hover {
    background-position: 10px 0;
  }
  .gallerySingle .gallerySliderThumb {
    width: 760px;
    margin: 0 auto;
  }
  .gallerySingle .gallerySliderThumb .slick-list {
    margin: 10px -10px;
  }
  .gallerySingle .gallerySliderThumb .item {
    margin: 10px;
    cursor: pointer;
  }
  .gallerySingle .catch {
    margin-top: 40px;
    padding: 0;
    font-size: 2.7rem;
  }
  .gallerySingle .txt {
    margin-top: 30px;
    padding: 0;
    font-size: 1.4rem;
  }
  .gallerySingle .box {
    overflow: hidden;
    margin-bottom: 45px;
  }
  .gallerySingle .box:nth-child(odd) .boxImg {
    float: left;
    margin-right: 40px;
  }
  .gallerySingle .box:nth-child(odd) .boxTxtArea {
    float: left;
    width: 411px;
  }
  .gallerySingle .box:nth-child(even) .boxImg {
    float: right;
    margin-left: 40px;
  }
  .gallerySingle .boxImg {
    width: 429px;
    padding: 0;
  }
  .gallerySingle .boxCatch {
    padding: 0;
    font-size: 2.4rem;
  }
  .gallerySingle .boxTxt {
    padding: 0;
    font-size: 1.3rem;
  }
}

.gallerySingle .sns {
  padding: 30px 15px 15px;
  text-align: right;
}

.gallerySingle .snsTit {
  display: inline-block;
  vertical-align: middle;
}

.gallerySingle .snsList {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.gallerySingle .snsList li {
  float: left;
  width: 30px;
  margin-left: 15px;
}
@media screen and (min-width: 600px) {
.gallerySingle .sns {
    padding: 60px 15px 45px;
  }
  .gallerySingle .snsTit {
    font-size: 1.4rem;
  }
  .gallerySingle .snsList li {
    width: 35px;
    margin-left: 15px;
  }
  .gallerySingle .snsList li a {
    -webkit-transition: .2s;
    transition: .2s;
  }
  .gallerySingle .snsList li a:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
}


.section01 {padding: 15px 25px 30px;}
.section01 .info {margin-bottom: 20px;}
.section01 .info table {margin-bottom: 15px;}
.section01 .info .access {line-height: 2;font: 12px;}
.section01 .contact {padding: 15px;background-color: #fff;margin-bottom: 35px;}
.section01 .contact .btn{margin-bottom: 13px;}
.section01 .contact .btn a{padding: 15px;}
.section01 .contact .sns {padding: 0;}
.section01 .contact .snsTit{line-height: 30px;}
.section01 .contact .sns dd {display: inline-block;}
.section01 .point {margin-bottom: 20px;}
.section01 .point dt {margin-bottom: 10px;}
.section01 .point dt span {color: #fff;background-color: #3b3b3b;width: 90px;height: 21px;line-height: 21px;text-align: center;display: inline-block;}
.section01 .point ul {margin: -5px;text-align: left;}
.section01 .point li {background-color: #fff; display: inline-block;line-height: 21px;padding: 0 1.5em;margin: 5px;}
.section01 .appeal {padding: 20px 25px 19px;background-color: #fff;}
.section01 .appeal .title {font-size: 18px;margin-bottom: 8px;line-height: 1.3;}
.section01 .appeal .txt {font-size: 12px;line-height: 2;padding: 0;}
@media screen and (min-width: 600px) {
  .section01 {padding: 30px 0 60px;}
  .section01 .mod_table01 th,
	.section01 .mod_table01 td {padding: 20px 0;}
	.section01 .info {float: left;width: 538px;margin-bottom: 0;}
	.section01 .info table {margin-bottom: 20px;}
	.section01 .info .access {font-size: 13px;}
	.section01 .contact {width: 500px;float: right;margin-bottom: 0;padding: 40px;}
  .section01 .contact .btn{margin-bottom: 24px;}
	.section01 .contact .btn a{padding: 24px;}
	.section01 .contact .sns {
		text-align: right;
	}
	.section01 .contact .snsTit{line-height: 35px;}
	.section01 .contact .sns dd {}
	.section01 .point {clear: both;padding-top: 50px;margin-bottom: 30px;}
	.section01 .point dt {margin-bottom: 0;width: 196px;float: left;}
	.section01 .point dt span {height: 36px;width: 196px;font-size: 15px;line-height: 36px;}
	.section01 .point dd {width: 838px;float: right;}
	.section01 .point ul {}
	.section01 .point li {height: 38px;line-height: 38px;font-size: 13px;padding: 0 30px;}
	.section01 .appeal {padding: 50px 60px;}
	.section01 .appeal .title {font-size: 27px;margin-bottom: 15px;letter-spacing: 0.08em;}
	.section01 .appeal .txt {font-size: 14px;line-height: 2.45;}
  .section01 .mod_btn01 {padding: 24px 30px;background-color: #3b3b3b;color: #fff ;  }
}
@media screen and (min-width: 600px) {
td {padding-left:2em  !important;padding-right:2em !important;}
}

.section02 {background-color: #fff;padding: 30px 25px 25px;}
.section02 .pic{padding: 0 10px;margin-bottom: 20px;}
.section02 .pic .img{height: 250px; margin-bottom: 15px;}
.section02 .pic a {display: block;position: relative;height: inherit;}
.section02 .pic a img {}
.section02 table th, 
.section02 table td {line-height: 2;padding: 1em;}
.section02 table th {text-align: left;}
.section02 .table01 {margin-bottom: 25px;}
.section02 .table02 {margin-bottom: 15px;}
.section02 .table02 th {background-color: #d1dde7;}
.section02 .table02 td {text-align: right;}
.section02 .table02 td .fontLibre{font-style: italic;font-weight: bold;display: inline-block;padding-right: .3em;}
.section02 .txt {padding: 0;}
@media screen and (min-width: 600px) {
	.section02 {padding: 60px 0 50px;}
  .section02 .pic{width: 500px;float: left;padding: 0;margin: 0;}
	.section02 .pic .img{height: 500px;}
	.section02 .in {width: 508px;padding-right: 30px;float: right;}
	.section02 table th, 
	.section02 table td {}
	.section02 table th {text-align: center;width: 202px;}
	.section02 .table01 {margin-bottom: 30px;}
	.section02 .table02 {margin-bottom: 15px;}
	.section02 .table02 th {}
	.section02 .table02 td {}
	.section02 .txt {}
  .section02 table th, .section02 table td{padding: 8px 2em 9px;}
}


.section03 {padding: 30px 0;}
.section03 .pic {text-align: center;}
.section03 .wrapper {padding: 0 27px;}
.section03 .wrapper + .wrapper {margin-top: 20px;}
.section03 .wrapper .box + .box {margin-top: 20px;}
.section03 .title {margin: 10px 0 15px;font-size: 16px;line-height: 1.56;}
.section03 .txt {font-size: 12px;padding: 0;}
.section03 .tileImageWrapper .list,
.section03 .halfImageWrapper .pic {padding: 0 5px;}
.section03 .halfImageWrapper .pic img {position: static;}
.section03 .tileImageWrapper .list {margin: -5px;}
.section03 .tileImageWrapper li {float: left;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
.section03 .tileImageWrapper li img {position: static;}
.section03 .fullImageWrapper .pic {margin: 0 -30px;max-height: none;}
.section03 .fullImageWrapper .pic img{position: static;}
.section03 .fullImageWrapper .pic iframe{width: 100%;height: 350px;position: static;}
@media screen and (min-width: 600px) {
	.section03 {padding: 60px 0 50px;}
	.section03 .wrapper {padding: 0;}
	.section03 .wrapper + .wrapper {margin-top: 75px;}
	.section03 .wrapper .box {margin-bottom: 0;}
	.section03 .wrapper .box + .box {margin-top: 0;}
	.section03 .title {font-size: 24px;margin: 30px 0 20px;}
	.section03 .txt {font-size: 13px;margin-top: 0;}
  .section03 .tileImageWrapper .list,
  .section03 .halfImageWrapper .pic {padding: 0;}
	.section03 .tileImageWrapper .list {max-width: none;}
	.section03 .halfImageWrapper .box {width: 500px;}
	.section03 .halfImageWrapper .box:nth-child(2n) {float: right;}
	.section03 .halfImageWrapper .box:nth-child(2n-1) {float: left;}
	.section03 .halfImageWrapper .box:nth-child(n+3) {margin-top: 30px;}
	.section03 .fullImageWrapper,
	.section03 .tileImageWrapper {padding: 0 96px;}
	.section03 .tileImageWrapper .list {margin: -20px;}
  .section03 .tileImageWrapper li {padding: 20px 20px 20px 19px;height: 420px;margin-bottom: 20px;}
	.section03 .fullImageWrapper .pic {margin: 0;max-height: none;}
  .section03 .fullImageWrapper .pic iframe{width: 100%;height: 525px;}
}


.section04 {background-color: #f4f5f7;padding: 30px 15px 45px;}
.section04 .map {padding: 0 22px 30px;border-bottom: 1px solid  #3b3b3b;margin-bottom: 25px;}
.section04 .map #gmap {height: 400px;}
.section04 .title {font-size: 16px;margin-bottom: 15px;}
.section04 th {    background: #d1dde7;}
.section04 th,
.section04 td {font-weight: normal;font-size: 12px;}
.section04 table + .title {margin-top: 30px;}
.section04 .sns {padding: 0;text-align: right;margin: 24px 0 30px;}
.section04 .sns li {display: inline-block;}
.section04 .snsTit{line-height: 30px;}
.section04 .sns dd {display: inline-block;}
.section04 .btn {padding: 0 17px;}
.section04 .btn a.contactbtn01 {padding: 15px;}
@media screen and (min-width: 600px) {
	.section04 {padding: 60px 0 120px;}
	.section04 .map {padding: 0 0 00px;margin-bottom: 59px;}
	.section04 .map #gmap {height: 700px;}
	.section04 .title {font-size: 20px;margin-bottom: 26px;}
	.section04 th,
	.section04 td {font-size: 13px;}
	.section04 table + .title {margin-bottom: 35px;}
	.section04 .sns {margin: 60px 0 70px;}
	.section04 .snsTit{line-height: 35px;}
	.section04 .sns li {}
	.section04 .snsTit{}
	.section04 .sns dd {}
	.section04 .btn {padding: 0;width: 415px;margin: 0 auto;}
  .section04 .btn .mod_btn01 {padding: 24px 30px;background-color: #3b3b3b;color: #fff ;  }
  .pager .back a {text-align: center;}
  .pager .back a span:before,
  .pager .back a span:after {content: none}
  .section04 .btn a.contactbtn01 {padding: 24px;}
}


.recommendTit {
  padding: 27px 0;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  background: #fff;
}

.recommendList .item .img {
  position: relative;
  transition: .3s;
}

.recommendList .item .img:hover {
  opacity: .8;
}

.recommendList .item .img .cat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  font-size: 20.8px;
  font-size: 1.3rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}

.recommendList .item .txtArea {
  padding: 12px 25px 22px;
  text-align: center;
}

.recommendList .item .txtArea .tit {
  margin-bottom: 10px;
  font-size: 20.8px;
  font-size: 1.3rem;
  font-weight: 400;
}

.recommend .btn {
  width: 225px;
  margin: 0 auto 40px;
}

.recommend .btn a {
  text-align: center;
}

@media screen and (min-width: 600px) {
  .recommendTit {
    font-size: 2.8rem;
  }
  .recommendList {
    overflow: hidden;
    margin-top: 60px;
  }
  .recommendList .item {
    float: left;
    width: 245px;
    margin-left: 30px;
  }
  .recommendList .item:first-child {
    margin-left: 0;
  }
  .recommend .btn {
    width: 295px;
    margin: 0 auto 120px;
  }
  .recommend .btn a {
    padding: 19px 30px;
  }
	.recommendList .item .img {
		background-size:cover;
		background-position: center;
		background-repeat: no-repeat;
		height:150px;
	}
	.recommendList .item .img img {
		display:none;
	}
}
@media screen and (max-width: 600px) {
	.recommendList .item .img {
		background-image:none !important;
	}
  .pager {margin-top: 60px;}
}

.section01 [data-lightbox="image"],
.section03 [data-lightbox="image"],
.section04 [data-lightbox="image"] {
  position: relative;
  display: block;
  height: inherit;
  text-align: center;
}

.section01 [data-lightbox="image"] img,
.section02 [data-lightbox="image"] img,
.section03 [data-lightbox="image"] img,
.section04 [data-lightbox="image"] img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  height: inherit;
}

.section01 [data-lightbox="image"]:before,
.section02 [data-lightbox="image"]:before,
.section03 [data-lightbox="image"]:before,
.section04 [data-lightbox="image"]:before {
  content: "";
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  display: block;
  height: 35px;
  background: url(../img/gallery/ico_zoom01.png) no-repeat;
  background-size: contain;
}

/*

#mainimg .en,
#mainimg .ja {    color: #323232;}
*/
.section01 .pic.flex [data-lightbox="image"],
.section02 .pic.flex [data-lightbox="image"],
.section03 .fullImageWrapper .pic.flex [data-lightbox="image"],
.section04 .pic.flex [data-lightbox="image"] {
  height: auto;
}
.section01 .pic.flex [data-lightbox="image"] img,
.section02 .pic.flex [data-lightbox="image"] img,
.section03 .pic.flex [data-lightbox="image"] img,
.section04 .pic.flex [data-lightbox="image"] img {  
  position: static;
}
