@charset 'utf-8';
/*
style.css
*/
#content {
 padding: 40px 0 70px 0;
 /* font-family: 'Lato', 'YuGothicM', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
}
#content.listpage {
 padding: 20px 0 90px 0;
}
#content.listpage .basewidth {
 width: 100%;
 max-width: 1800px;
/* padding-left: 4%;
 padding-right: 4%; */
	padding-left: 0;
 padding-right: 0;
}
@media print, screen and (min-width: 1240px) {}
.main-parallax {
 width: 100%;
 height: 80vh;
 position: relative;
 overflow: hidden;
}
.main-parallax .bg {
 background-position: 50% 0px;
	position: relative;
}
.main-parallax .overlay {
 background: rgba(0, 0, 0, 0.25)
}
.main-parallax .title {
 text-align: center;
}
.main-parallax .title h2 {
 letter-spacing: 0em;
 margin-left: 0em;
}
.main-parallax.indexlist {
 width: 100%;
 height: auto;
 position: relative;
 overflow: hidden;
 padding: 150px 0 50px 0;
}
.main-parallax.mainlist {
 height: 300px;
}
.main-parallax.categorylist {
 height: 150px;
}
.main-parallax.mainlist .bg {
 background-position: 50% -200px;
 opacity: 0.7
}
.main-parallax.mainlist .title {
 position: relative;
 width: 100%;
 color: #fff;
}
.main-parallax.indexlist .overlay {
 background: rgba(0, 0, 0, 0.5)
}
.main-parallax.indexlist .title {
 margin-top: 25px;
}
.main-parallax.indexlist .title h2 {
 margin-top: 20px;
 letter-spacing: .1em;
 color: #000;
}
.main-parallax.indexlist .title h2::before {
 content: "";
 width: 100px;
 height: 1px;
 background: #000;
 display: block;
 margin: 0px auto 10px auto;
}
.main-parallax.mainlist .title h2 {
 margin-top: -20px;
 letter-spacing: .1em;
 color: #fff;
}
.main-parallax.mainlist .title h2::before {
 content: "";
 width: 100px;
 height: 1px;
 background: #fff;
 display: block;
 margin: 0px auto 10px auto;
}
h4.title-en::before {
 content: "";
 width: 100px;
 height: 1px;
 background: #fff;
 display: block;
 margin: 0px auto 20px auto;
}
h4.title-en {
 font-size: 1.8em;
 font-weight: 300;
 letter-spacing: 3px;
 line-height: 1.3;
 text-transform: uppercase;
 font-family: 'Lato', sans-serif;
}
p.title-area {
 font-size: 1.1em;
 font-weight: 100;
 letter-spacing: .1em;
}
.works_txt {
 color: #000;
 text-align: center;
 padding: 30px 50px;
 background: #fff;
 box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
 margin-top: -100px;
}
.works_txt h3 {
 font-size: 2.2em;
 font-feature-settings: "palt";
 line-height: 1.4;
 letter-spacing: .1em;
 font-family: ten-mincho-text, serif;
 font-style: normal;
 font-weight: 400;
 /*text-transform: uppercase;*/
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 margin-bottom: 5px;
}
@media print, screen and (max-width: 1024px) /*タブレットタテ〜横（1024）*/ {
 .works_txt h3 {
  font-size: 1.8em;
 }
}
.works_txt h3 span {
 display: inline-block;
}
.works_txt h3::after {
 content: "";
 width: 100px;
 height: 1px;
 background: #000;
 display: block;
 margin: 10px auto;
}
.works_txt p {
 font-weight: bold;
}
.introtext {
 padding: 0 120px
}
.introtext hr {
 background: #ddd;
 margin: 2em 0;
 width: 100%;
 height: 1px;
}
.headtxt {
 margin-top: 50px; /*display: table;*/
 width: 100%;
}
.read {
 display: table-cell;
 vertical-align: top;
}
.read p {
 color: #111;
 margin-top: 1em;
 text-align: left
}
.read p:first-child {
 margin-top: 0 !important;
}
.tagarea {
 display: table-cell;
 width: 35%;
 padding: 0 0 0 50px;
}
.tarm {
 padding: 0 20px 15px 20px;
}
@media print, screen and (max-width: 768px) {
 .tarm {
  padding: 0 0 15px 0px;
 }
}
.tarm h5 {
 letter-spacing: .2em;
 font-size: .85em;
 color: #111;
 position: relative;
 margin-bottom: 10px;
 text-transform: uppercase;
}
.tarm h5 span {
 display: inline-block;
 padding: 0 8px 0 0;
 background: #fff;
}
.tarm h5::before {
 position: absolute;
 bottom: 50%;
 left: 0;
 content: '';
 width: 100%;
 height: 1px;
 background-color: #999;
 transition: .3s;
 z-index: -1;
}
.tarm a  {
 display: inline-block;
 font-size: .75em;
 position: relative;
 font-weight: 700;
 letter-spacing: .05em;
 line-height: 1;
 color: #111;
 background: #f3f3f3;
 margin: 0 5px 5px 0;
 padding: 7px 10px;
 border: 1px solid #f3f3f3;
}
.tarm a:hover {
 color: #fff;
 background: #a6a29f;
 border: 1px solid #a6a29f;
}
.tabselecter {
 margin-bottom: 1em;
}
.tabselecter li {
 display: inline-block;
 margin-bottom: -1px
}
.tabselecter li a {
 display: block;
 color: #fff;
 font-weight: bold;
 padding: 15px 20px;
 border: 1px solid #fff;
}
.tabselecter li.active a {
 border-bottom: transparent 1px solid;
}
.tabarea {
 max-width: 1600px;
 padding-left: 4%;
 padding-right: 4%;
	margin: auto;
}
.taglist {
 padding: 40px 0 0px 0;
 text-align: center;
}
.taglist li {
 display: inline-block;
 position: relative;
 letter-spacing: 1px;
 color: #999;
 background: #f3f3f3;
 margin: 0 3px 6px 0;
 padding: 0px 15px 0px 17px;
 line-height: 40px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
 border: 2px solid #f3f3f3;
 font-size: .85em;
}
.taglist li a {
 color: #111;
 font-weight: 700;
 display: inline-block;
}
.housedata {
 display: table;
 width: 100%;
 color: #111;
}
.housedata > div {
 display: table-cell;
 width: 50%;
 padding-left: 25px;
}
.housedata > div:first-child {
 padding-right: 25px;
 padding-left: 0px;
}
.housedata dl {
 font-size: .95em;
 border-bottom: 1px solid #ccc;
 font-family: 'Lato', 'YuGothicM', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}
.housedata dt {
 border-top: 1px solid #ccc;
 float: left;
 width: 7em;
 font-weight: bold;
 clear: both;
 padding: .7em 0;
}
.housedata dd {
 border-top: 1px solid #ccc;
 padding: .7em 0;
 letter-spacing: .05em;
 overflow: hidden;
}
.housedata dd span {
 display: inline-block;
 margin-right: 1em;
}
.moviewrap {
 padding: 40px 0;
 margin-right: 0;
 margin-left: 0;
 margin-top: 50px;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 background: #f8f8f8;
}
.moviewrap .basewidth {
 display: table;
}
.moviecaption, .cell-image {
 width: 45%;
 display: table-cell;
 vertical-align: middle;
}
.cell-image {
 width: 55%;
}
.double.cell-image {
 width: 50%;
}
.double.cell-image .movie-thumb {
 margin: 20px 0 15px 0;
}
.moviewrap hr {
 height: 1px;
 background: #ccc;
 margin: 1.5em 0;
}
.moviecaption {
 padding-left: 50px;
}
.moviewrap .category {
 font-weight: bold;
 color: #111;
 margin-bottom: .2em;
 font-size: .95em;
}
.moviewrap h5 {
 font-weight: bold;
 color: #111;
 margin: 0;
 font-size: 1.05em;
}
.moviewrap .onair {
 font-weight: 300;
 font-size: .9em;
 margin-top: .5em;
}
.moviewrap a.listlink {
 background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(50, 50, 50, 1) 50%);
 background-position: 0 0;
 background-size: 202% auto;
 transition: .3s;
 display: inline-block;
 border: 1px solid #323232;
 font-weight: bold;
 line-height: 3em;
 padding: 0px 50px 0px 20px;
 color: #000;
 letter-spacing: .1em;
 position: relative;
 margin: 1em 0 .5em 0;
}
.moviewrap a.listlink:hover {
 background-position: -99% 0;
 color: #fff;
}
.moviewrap a.listlink::before {
 content: "\e905";
 font-family: "icomoon";
 position: absolute;
 right: 15px;
 top: 50%;
 font-size: 14px;
 line-height: 1;
 margin-top: -8px;
}
.movie-thumb a {
 display: block;
 position: relative;
}
.movie-thumb a img {
 opacity: 1;
}
.movie-thumb a .mv-overlay {
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.3);
 color: #FFF;
 opacity: 1;
 position: absolute;
 text-align: center;
 -webkit-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 font-size: 15px;
}
.movie-thumb a:hover .mv-overlay {
 background-color: rgba(0, 0, 0, 0);
}
.movie-thumb a .mv-overlay p {
 position: absolute;
 top: 50%;
 width: 100%;
 text-align: center;
 line-height: 1;
 margin-top: -25px;
 -webkit-transition: all 0.7s ease-in-out;
 transition: all 0.7s ease-in-out;
}
.movie-thumb a .mv-overlay p span {
 font-size: 50px;
 display: inline-block;
 vertical-align: middle;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}
.movie-thumb a:hover .mv-overlay p span {
 font-size: 56px;
 margin-top: -3px;
}
.moviewrap .basewidth .cell-image.double {
 padding: 0 0 15px 25px;
}
.moviewrap .basewidth .cell-image.double:first-child {
 padding: 0 25px 15px 0;
}
.movie-thumb {
 margin-bottom: 10px;
}
.inner {
 position: relative;
 min-width: 720px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
#contentContainer {
 min-height: 1200px;
 margin-top: 80px;
}
#contentContainer a:hover img {
 opacity: 1;
}
/*
Masonryグリッド基本設定
*/
.grid_container {
 width: 100%;
 margin: 0 0 50px 0;
}
@media print, screen and (min-width: 1240px) /*PC*/ {
 .grid_container {
  /*max-width: 1248px;*/
  max-width: 1120px;
  margin: 0 auto 50px auto;
 }
}
/*　1カラム（段・グリッド）の基本設定　*/
.grid_container .column {
 /* CSS3のbox-sizingを使用できない場合は、
  widthからpaddingとborderの値をマイナスして計算する */
 width: 25%;
 padding: 4px;
 overflow: hidden;
 visibility: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
/* 2カラム（段・グリッド）分の幅 */
.grid_container .column.w2 {
 width: 50%;
}
/* 3カラム（段・グリッド）分の幅 */
.grid_container .column.w3 {
 width: 75%;
}
.grid_container .column.w4 {
 width: 100%;
}
.grid_container .column img {
 display: block;
 width: 100%;
 height: auto;
}
.grid_container .column a img {
 -webkit-transition: 0.3s ease-out;
 -moz-transition: 0.3s ease-out;
 -ms-transition: 0.3s ease-out;
 transition: 0.3s ease-out;
}
.grid_container .column .title {
 font-size: 1.2em;
 font-weight: bold;
 line-height: 1.4;
 margin: 0.5em 0 0;
}
/*
sample3　フルードグリッド用追加設定
*/
#photoGalleryContainer .grid_sizer {
 width: 25%;
}
#photoGalleryContainer.fluid .column {
 width: 25%;
}
#photoGalleryContainer.fluid .column.w2 {
 width: 50%;
}
#photoGalleryContainer.fluid .column.w3 {
 width: 75%;
}
#photoGalleryContainer.fluid .column.w4 {
 width: 100%;
}
@media only screen and (max-width:767px) {
 .works_txt h3 {
  font-size: 2em;
 }
 .inner {
  max-width: 96%;
  min-width: 96%;
  width: 96%;
 }
 #headerContainer {
  position: relative;
 }
 #siteID {
  float: none;
  text-align: center;
 }
 #contentContainer {
  padding: 20px 0px 40px 0px;
  margin: 0 auto;
 }
 #photoGalleryContainer .grid_sizer {
  /*　masonryへ指示する基本グリッド幅を%で指定するときは、
  CSSセレクタで指定する必要がある　*/
  width: 100%;
 }
 #photoGalleryContainer.fluid .column {
  width: 100%;
 }
 .grid_container .column {
  width: 100%;
 }
 .grid_container .column.w2 {
  width: 100%;
 }
 #photoGalleryContainer .grid_sizer {
  /*　masonryへ指示する基本グリッド幅を%で指定するときは、
  CSSセレクタで指定する必要がある　*/
  width: 100%;
 }
 #photoGalleryContainer.fluid .column {
  width: 100%;
 }
 #photoGalleryContainer.fluid .column.w2 {
  width: 100%;
 }
 #photoGalleryContainer.fluid .column.w3 {
  width: 100%;
 }
 .loaderSymbol {
  top: 50%;
  left: 45%;
 }
}
div, p {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}
.column a .dummy {
 position: absolute;
 width: 100%;
 height: 100%;
 opacity: 0;
}
.column {
 position: relative;
}
.column a {
 display: block;
}
.column a .overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0;
 padding: 4px;
 opacity: 0;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}
.column a .overlay > div {
 color: #fff;
 width: 100%;
 height: 100%;
 font-size: .95em;
 background: rgba(0, 0, 0, 0.3);
}
.column a .overlay > div p {
 position: absolute;
 bottom: 0;
 padding: 20px;
}
.column a:hover .overlay {
 opacity: 1;
 cursor: pointer;
}
/*一覧サムネイル*/
ul.works-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin-top: 30px;
}
ul.works-list li {
 margin-left: 0px;
 padding: 20px 0;
 width: 33%;
}
ul.works-list .tarm {
 text-align: center;
 padding-bottom: 0px;
 line-height: 1.5;
}
ul.works-list .tarm a,
ul.works-list .tarm span {
 display: inline-block;
 font-weight: normal;
 font-size: .75em;
 color: #111;
 background: none;
 margin: 0 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: none;
 border-bottom: 1px solid #fff;
}
ul.works-list .tarm a::after,
ul.works-list .tarm span::after {
 content: '/';
 margin-left: 10px;
 color: #ddd;
}
ul.works-list .tarm a:last-child,
ul.works-list .tarm span:last-child {
 margin: 0 0px 0px 0px;
}
ul.works-list .tarm a:last-child::after,
ul.works-list .tarm span:last-child::after{
 content: '';
 margin-right: 0px;
}
ul.works-list .tarm a:hover {
 color: #000;
 background: none;
 border: none;
 border-bottom: 1px solid #000;
}
.works-list a {
 color: #111;
}
.works-list figure {
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
}
.works-list figcaption {
 background-color: rgba(0, 0, 0, 0.3);
 color: #FFF;
 opacity: 0;
 position: absolute;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 letter-spacing: 2px;
 font-size: 1.2em;
 line-height: 1;
 font-weight: 300;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 auto;
 padding: 50% 0;
 z-index: 100;
}
.works-list a figure img {
 -moz-transition: -moz-transform 0.3s linear;
 -webkit-transition: -webkit-transform 0.3s linear;
 -o-transition: -o-transform 0.3s linear;
 -ms-transition: -ms-transform 0.3s linear;
 transition: transform 0.3s linear;
}
.works-list a:hover figure img {
 transform: scale(1.08, 1.08);
 -webkit-transform: scale(1.08, 1.08);
 -moz-transform: scale(1.08, 1.08);
 -ms-transform: scale(1.08, 1.08);
 -o-transform: scale(1.08, 1.08);
 opacity: 1;
}
.works-list a:hover figcaption {
 opacity: 1;
 padding: 25% 0;
}
.list-title {
 text-align: center;
}
.works-list a h3 {
 position: relative;
 display: inline-block;
 transition: .3s;
 padding: 1.2em 0 .1em 0;
 font-size: 1.2em;
 margin-bottom: .3em;
 letter-spacing: .05em;
 font-family: ten-mincho-text, serif;
 font-style: normal;
 font-weight: 400;
 font-feature-settings: "palt";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.works-list a h3::after {
 position: absolute;
 bottom: 0;
 left: 50%;
 content: '';
 width: 0;
 height: 1px;
 background-color: #999;
 transition: .3s;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
.works-list a:hover h3::after {
 width: 100%;
}
.list-title p {
 font-size: 0.8em;
 letter-spacing: 1px;
 font-weight: 400;
 margin-bottom: 1em;
}
.facilitylink {
	text-align: center;
	margin-top: .8em;
}
.facilitylink a {
 color: #111;
 display: inline-block;
	font-size:.8em;
	font-weight: bold;
	background: #f3f3f3;
	padding: 6px 12px;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.facilitylink a i{
	font-size:12.5px;
	margin-left: .5em;
	opacity: 0.7;
}
@media screen and (min-width: 750px) {
.facilitylink a:hover {
 color: #fff;
 background: #a6a29f;
}
}
@media screen and (max-width: 1023px), print {
 .works-list a h3 {
  font-size: 1.1em;
 }
 .main-parallax.mainlist .bg {
  background-position: 50% 0px;
 }
 .introtext {
  padding: 0;
 }
 .column {
  position: relative;
 }
 .column a .overlay {
  position: relative;
  width: 100%;
  padding: 2px;
  opacity: 1;
 }
 .column a .overlay > div {
  position: relative;
  color: #000;
  width: 100%;
  height: auto;
  font-size: .9em;
  background: none;
 }
 .column a .overlay > div p {
  position: relative;
  bottom: auto;
  padding: 5px 0 0 0;
  line-height: 1.6;
 }
 ul.works-list li {
  margin-left: 0px;
  padding: 20px 0;
  width: calc(50% - 1px);
 }
}
@media only screen and (max-width:734px) {
 .works_txt {
  padding: 15px 15px;
 }
 #photoGalleryContainer.fluid .column {
  width: 100%;
 }
 .moviewrap {
  padding: 40px 0;
  margin: 30px 0;
  background: #eee;
 }
 .moviewrap .basewidth {
  display: block;
 }
 .moviecaption, .cell-image, .double.cell-image {
  width: 100%;
  display: block;
 }
 .moviewrap .basewidth .cell-image.double {
  padding: 0 0 15px 0;
 }
 .moviewrap .basewidth .cell-image.double:first-child {
  padding: 0 0 15px 0;
 }
 .moviecaption {
  padding-left: 0px;
  padding-top: 10px;
 }
 .moviewrap hr {
  margin: .8em 0;
 }
 .headtxt {
  margin-top: 2em;
  display: block;
  width: 100%;
 }
 .read {
  display: block;
 }
 .read p {
  color: #111;
  margin-top: 1em;
  text-align: left
 }
 .housedata {
  display: block;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
 }
 .housedata > div {
  display: block;
  width: 100%;
  padding-left: 0px;
 }
 .housedata > div:first-child {
  padding-right: 0px;
  padding-left: 0px;
 }
 .housedata > div:first-child dl {
  border-bottom: none;
 }
 ul.works-list {
  margin-left: 0px
 }
 ul.works-list li {
  margin-left: 0px;
  padding: 20px 0 20px 0px;
  width: 100%
 }
 .tagarea {
  display: block;
  width: 100%;
  padding: 30px 0 0 0px;
 }
}
/**/
/*.tabarea {
 margin-top: -55px;
}*/
label.panel-label {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 display: block;
 width: 100%;
 color: #999;
 font-weight: bold;
 font-size: 1em;
 cursor: pointer;
 -webkit-transition-property: background-color, color;
 transition-property: background-color, color;
 -webkit-transition-duration: 200ms;
 transition-duration: 200ms;
 padding: 0 30px;
 background: #f5f5f5;
 line-height: 55px;
}
label.panel-label span.icon-down-arrow {
 margin-left: 1em;
}
label.panel-label span.sp-none {
 display: inline !important;
}
label.panel-label:hover {}
#li-for-panel-1 label.panel-label {}
#panels section header label.panel-label {
 padding: 12px 24px;
 box-sizing: border-box;
}
#panels section main {
 box-sizing: border-box;
 max-height: 0;
 opacity: 0;
 -webkit-transition: opacity 600ms;
 transition: opacity 600ms;
 overflow-y: hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main {
 max-height: initial;
 opacity: 1;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
 max-height: initial;
 opacity: 1;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 box-shadow: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
 border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
 color: #000;
 background: #fff;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
 height: 6px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
 pointer-events: none;
 cursor: default;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 box-shadow: none;
 border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
 border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
 border-left: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
 color: #000;
 background: #fff;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
 height: 6px;
}
ul#tabs-list {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul#tabs-list li {
 text-align: center;
 display: inline-block;
 margin-right: 1px;
}
ul#tabs-list li.yohaku {
 border-bottom: 1px solid #fff;
}
ul#tabs-list li:hover {}
ul#tabs-list li label.panel-label:hover::after {
 height: 6px;
}
.panel-radios {
 display: none;
}
h3.tarmtitle {
 text-align: center;
 font-size: 1.5em;
 font-family: ten-mincho-text, serif;
 font-style: normal;
 font-weight: 400;
	letter-spacing: .1em;
 font-feature-settings: "palt";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
h3.tarmtitle span {
	font-size: .9em;
 display: block;
 /*text-transform: uppercase;*/
}
.taglist li:hover {
 color: #fff;
 background: #a6a29f;
 border: 2px solid #a6a29f;
}
.taglist li:hover a {
 color: #fff;
}
@media only screen and (max-width:734px) {
 label.panel-label {
  padding: 0 5px;
  font-size: .9em;
 }
 ul#tabs-list li {
  width: 48%;
 }
 .taglist {
  padding: 20px 0;
 }
 .taglist li a {
  font-size: .9em;
 }
 label.panel-label span.sp-none {
  display: none !important;
 }
 .works_txt h3 {
  font-size: 1.5em;
 }
}
/*施工例画像指定*/
.housedata {
 width: 100%;
 max-width: 1120px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0;
 padding-right: 0;
}
@media only screen and (max-width:1240px) {
 .housedata {
  padding-left: 3%;
  padding-right: 3%;
 }
}
.photos {
 margin: 0 auto 50px auto;
 text-align: center;
 padding: 0 3%;
}
@media only screen and (min-width:1340px) {
 .photos {
  max-width: 1120px;
  padding: 0 0;
 }
}
@media only screen and (max-width:450px) {
 .photos > div .photo {
  padding: 10px 0;
 }
 .photos > div .photo {
  padding: 5px 0;
  text-align: center;
 }
}
@media only screen and (min-width:667px) {
 .photos > div .photo {
  padding: 10px 0;
 }
 .photos > div.w2 {
  float: left;
  width: 50%;
 }
 .photos > div.w2 .photo {
  padding: 10px 10px 10px 0;
 }
 .photos > div.w2.right .photo {
  padding: 10px 0 10px 10px;
 }
}
.photos .photoflex {
 display: flex;
 justify-content: space-between;
}
.photos .photoflex > div {
 width: calc(50% - 5px);
}
@media only screen and (min-width:667px) {
 .photos > div .photo {
  padding: 10px 0;
 }
 .photos > div.w2 {
  float: left;
  width: 50%;
 }
 .photos > div.w2 .photo {
  padding: 10px 10px 10px 0;
 }
 .photos > div.w2.right .photo {
  padding: 10px 0 10px 10px;
 }
 .photos .photoflex > div {
  width: calc(50% - 10px);
 }
}
.fadelozad {
 animation-name: fadelozad;
 animation-duration: 1s;
}
@keyframes fadelozad {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
.headtxt h3 {
 font-size: 2.2em;
 line-height: 1.5;
 letter-spacing: 0.1em;
 /*font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;*/
 font-family: ten-mincho-text, serif;
 font-style: normal;
 font-weight: 400;
 font-feature-settings: "palt";
 margin-bottom: 1em;
 padding-bottom: 1em;
 position: relative;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.headtxt h3::after {
 position: absolute;
 content: '';
 height: 1px;
 width: 50px;
 border-bottom: 3px solid;
 left: 0;
 bottom: 3px;
}
@media print, screen and (max-width: 1024px) {
 .headtxt h3 {
  font-size: 2em;
 }
}
@media print, screen and (max-width: 540px) {
 .headtxt h3 {
  font-size: 1.8em;
 }
}
.tarm .location {
 font-weight: bold;
 font-size: .95em;
}
.workslist .title {
 text-align: center;
 padding: 80px 4% 0px 4%;
 font-family: ten-mincho-text, serif;
 font-style: normal;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.workslist .title h1 {
 color: #111;
 font-size: 1.5em;
 font-feature-settings: "palt";
 letter-spacing: 0.07em;
 margin-top: 0.5em;
}
.workslist .title p {
 font-size: 1.1em;
 margin-top: 1em;
}
.workslist .title p.titleimg img {
 width: 491px;
 height: auto;
}