@charset "UTF-8";
body {
    font-family: "Hiragino Maru Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

ul,
li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.content-area {
    margin: 0 auto;
    max-width: 1200px;
}

.content-mainarea {
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 20px;
}


/*============================
#header
============================*/

.visible,
body.fixed .nofixed {
    display: none;
}

body.fixed .visble {
    display: block;
}

#header {
    height: 120px;
    padding: 20px 60px 0 60px;
}

#header-wrapper.fixed {
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 1000;
}

.logo {
    padding-right: 100px;
    width: 167px;
    height: auto;
    display: table-cell;
}

.header-menu-content {
    display: table-cell;
    vertical-align: top;
    min-width: 700px;
}

.header-menu {}

#header .mitsumori {
    display: table-cell;
    padding-right: 20px;
    padding-left: 10px;
}

#header .tel {
    display: table-cell;
    padding-right: 30px;
}

.submenu {
    display: table-cell;
    vertical-align: middle;
}

.submenu li::before {
    content: "▶ ";
    font-size: 11px;
}

.submenu li {
    display: inline;
    margin-right: 5px;
}

.submenu li:last-child {
    margin-right: 0;
}

.submenu li a {
    font-size: 11px;
}

.gmenu ul {
    display: table;
    padding-top: 10px;
    width: 115%;
    text-align: center;
}

.gmenu li {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.gmenu li:nth-child(2),
.gmenu li:nth-child(3),
.gmenu li:nth-child(4)
.gmenu li:nth-child(8) {
    text-align: center;
}

.gmenu li a {
    font-size: 15px;
    display: block;
}


/*FIXED*/

body.fixed .visible header {
    position: fixed;
    height: 60px;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}

body.fixed .visible header .logo {
    width: 115px;
    margin-right: 96px;
    margin-left: 50px;
    padding-right: 0;
    float: left;
}

body.fixed .visible header .logo img {
    vertical-align: middle;
}

body.fixed .visible header .gmenu ul {
    padding-top: 0;
    display: block;
}

body.fixed .visible header .gmenu ul li a {
    padding: 0 21px;
    display: block;
    float: left;
}

body.fixed .visible header .gmenu ul li.mitsumori a,
body.fixed .visible header .gmenu ul li.toi a {
    color: #fff;
    display: block;
    text-align: center;
}

body.fixed .visible header .gmenu ul li.toi a {
    background-color: #80975A;
}

body.fixed .visible header .gmenu ul li.mitsumori a {
    background-color: #E16A50;
}

body.fixed .visible header .gmenu li a {
    line-height: 60px;
}


/*TOP*/

.top-slider .bx-wrapper {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

.top-slider .bxslider {
    height: 600px;
    margin: 0 auto;
    position: relative;
}

.top-slider .bxslider li {
    height: 600px;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    position: relative;
}

.top-slider .bxslider li p {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.top-slider .bxslider li.slider01 {
    background: url('/common/img/slide_img01.png') center center / cover no-repeat;
}

.top-slider .bxslider li.slider01 p {
    background: url('/common/img/slide_title01.png') center center / contain no-repeat;
    width: 628px;
    height: 276px;
}

.top-slider .bxslider li.slider02 {
    background: url('/common/img/slide_img02.png') center center / cover no-repeat;
}

.top-slider .bxslider li.slider02 p {
    background: url('/common/img/slide_title02.png') center center / contain no-repeat;
    width: 308px;
    height: 84px;
}

.top-slider .bxslider li.slider03 {
    background: url('/common/img/slide_img03.png') center center / cover no-repeat;
}

.top-slider .bxslider li.slider03 p {
    background: url('/common/img/slide_title03.png') center center / contain no-repeat;
    width: 646px;
    height: 84px;
}

.top-catch {
    background: url("/common/img/back01.png") left top repeat;
}

.top-catch p {
    font-size: 15px;
    line-height: 39px;
    text-align: center;
}

.top-three-under-inner {
    display: table;
    width: 100%;
}

.top-three-undercontent {
    display: table-cell;
    vertical-align: top;
    width: 400px;
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.top-three-undercontent::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.top-three-undercontent:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.top-three-undercontent .inner {
    z-index: 1;
    position: relative;
}

.top-three-undercontent a {
    display: block;
    position: relative;
    width: 400px;
    height: 500px;
    /*z-index: 10;		*/
}

.top-three-under01 {
    /*background:url("/common/img/quality01_img.png") left top no-repeat;*/
}

.top-three-under01:after {
    background: url("/common/img/quality01_img.png") no-repeat center center;
}

.top-three-under01 a {
    background: url("/common/img/quality01.png") left top no-repeat;
    /*opacity: .6;*/
}

.top-three-under02 {
    /*background:url("/common/img/quality02_img.png") left top no-repeat;*/
}

.top-three-under02:after {
    background: url("/common/img/quality02_img.png") no-repeat center center;
}

.top-three-under02 a {
    background: url("/common/img/quality02.png") left top no-repeat;
    /*opacity: .6;*/
}

.top-three-under03 {
    /*background:url("/common/img/quality03_img.png") left top no-repeat;*/
}

.top-three-under03:after {
    background: url("/common/img/quality03_img.png") no-repeat center center;
}

.top-three-under03 a {
    background: url("/common/img/quality03.png") left top no-repeat;
    /*opacity: .6;*/
}

.top-jisseki {}

.top-jisseki-title.pt80 {}

.top-jisseki-list ul {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.top-jisseki-list li {
    float: left;
    margin-right: 30px;
    vertical-align: top;
    width: 228px;
    height: 228px;
}

.top-jisseki-list li:last-child {
    margin-right: 0;
}

.top-jisseki-list ul li figure {
    position: relative;
    width: 228px;
    height: 228px;
    background: #f6f6f6;
    overflow: hidden;
}

.top-jisseki-list ul li figure .cover {
    background-position: center center;
    background-repeat: no-repeat;
    width: auto;
    height: 228px;
    background-size: cover;
}

.top-jisseki-list ul li figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 0;
    color: #fff;
}

.top-jisseki-list ul li figure:hover figcaption {
    opacity: 1;
}

.top-jisseki-list ul li figcaption p {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    text-align: center;
    margin: auto;
    line-height: 2em;
    font-size: 16px;
}

.top-jisseki-link a {
    display: block;
    width: 366px;
    height: 61px;
    margin: 0 auto;
    background: url("/common/img/link01.png") left top repeat;
}

.top-jisseki-link a:hover {
    background: url("/common/img/link01_o.png") left top repeat;
}

.top-order {
    background-color: #fff9ee;
}

.top-order-title.pt80 {}

.top-order-inner {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

.top-ordercontent {
    display: table-cell;
    vertical-align: top;
}

.top-ordercontent.pro a {
    margin-right: 30px;
    background: url("/common/img/mitsumori01.png") left top repeat;
    width: 485px;
    height: 475px;
    display: block;
}

.top-ordercontent.pro a:hover {
    background: url("/common/img/mitsumori01_o.png") left top repeat;
}

.top-ordercontent.quick a {
    background: url("/common/img/mitsumori02_2002.png") left top repeat;
    width: 485px;
    height: 475px;
    display: block;
}

.top-ordercontent.quick a:hover {
    background: url("/common/img/mitsumori02_o_2002.png") left top repeat;
}

.top-infor {
    background: url("/common/img/back01.png") left top repeat;
}

.top-infor-inner {
    display: table;
    width: 100%;
}

.top-instabanner {
    margin: 60px auto 0 auto;
    text-align: center;
}

.top-inforcontent {
    /* display: table-cell; */
    vertical-align: top;
}


/* .top-inforcontent:first-child{
	padding-right: 30px;
} */

.top-news-list {
    background-color: #f0f2eb;
    padding: 20px;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
}

.top-news-list li span.date {
    color: #80975a;
    display: block;
}

.top-news-list li {
    margin-bottom: 10px;
}

.top-news-list li a {
    text-decoration: underline;
}

.top-facebook {
    width: 485px;
}

#top-product {
    padding-top: 140px;
    margin-top: -60px;
}

.top-product {}

.top-product-title.pt80 {}

.top-product-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px 20px;
}

.top-product-list ul li {
    text-align: center;
    position: relative;
}

.top-product-list ul li p {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.top-product-list ul li p a {
    color: #fff;
    font-size: 15px;
}

.top-product-list ul li figure {
    position: relative;
}

.top-product-list ul li figure img {
    width: 100%;
    vertical-align: bottom;
}

.top-product-list li figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 9px;
    z-index: 2;
    width: 100%;
    height: 40px;
    background: rgba(170, 33, 11, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    font-size: 14px;
    /*letter-spacing: .1em;*/
    font-weight: normal;
}

.top-product-list li figcaption::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url("/common/img/arrow05.png");
    background-size: contain;
    vertical-align: middle;
}


.top-underbanner {
    background-color: #f0f2eb;
}

.top-underbanner-inner {
    display: table;
    width: 100%;
    text-align: center;
}

.top-underbannercontent {
    display: table-cell;
    vertical-align: middle;
    height: 160px;
    width: 333px;
    border-left: 1px solid #A4A699;
}

.top-underbannercontent:last-child {
    border-right: 1px solid #A4A699;
}

.top-underbanner-inner a {
    display: block;
    margin: 0 auto;
}

.top-underbanner01 {
    background: url("/common/img/size_a.png")center top no-repeat;
    width: 111px;
    height: 111px;
}

.top-underbanner01:hover {
    background: url("/common/img/size_o.png")center top no-repeat;
    width: 111px;
    height: 111px;
}

.top-underbanner02 {
    background: url("/common/img/construction_a.png")center top no-repeat;
    width: 140px;
    height: 111px;
}

.top-underbanner02:hover {
    background: url("/common/img/construction_o.png")center top no-repeat;
    width: 140px;
    height: 111px;
}

.top-underbanner03 {
    background: url("/common/img/profile_a.png")center top no-repeat;
    width: 93px;
    height: 111px;
}

.top-underbanner03:hover {
    background: url("/common/img/profile_o.png")center top no-repeat;
    width: 93px;
    height: 111px;
}

.top-bannerlink {
    margin: 40px 0;
}

.top-bannerlink figure {
    position: relative;
}

.top-bannerlink figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.top-bannerlink figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


/*導入実績*/

body.page header#top {
    height: 160px;
}

body#achievement .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/performance_img.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#achievement .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/title02.png') center center / contain no-repeat;
    width: 121px;
    height: 88px;
}

.achievement-main {
    width: 720px;
    margin: 0 80px 0 0;
    float: left;
}

.achievement-list {
    margin-bottom: 80px;
}

.achievement-list li {
    float: left;
    width: 220px;
    margin: 0 30px 50px 0;
}

.achievement-list li:nth-child(3n) {
    margin: 0 0 50px 0;
}

.achievement-list li a.post-thumbnail {
    width: 220px;
    height: 200px;
    display: block;
    position: relative;
    overflow: hidden;
}

.achievement-list li .cover {
    background-position: center center;
    background-repeat: no-repeat;
    /* margin: 5px; */
    width: auto;
    height: 200px;
    /* border: 1px solid #ccc; */
    background-size: cover;
}

.achievement-list li .achievement-detail-link {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #80975a;
    border: 1px solid #80975a;
    text-align: center;
    float: right;
    margin: 20px 0 0 0;
}

.achievement-list li .achievement-detail-link a {
    color: #80975a;
}

.achievement-list-cat .achievement-cat {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
}

.achievement-list-cat .achievement-cat span,
.achievement-single .achievement-cat span {
    float: left;
    display: block;
    padding: 0 10px;
}

.achievement-list-cat .achievement-cat span.achievement01,
.achievement-single .achievement-cat span.achievement01 {
    background: url('/common/img/2category01.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span.achievement02,
.achievement-single .achievement-cat span.achievement02 {
    background: url('/common/img/2category02.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span.achievement03,
.achievement-single .achievement-cat span.achievement03 {
    background: url('/common/img/2category03.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span.achievement04,
.achievement-single .achievement-cat span.achievement04 {
    background: url('/common/img/2category04.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span.achievement05,
.achievement-single .achievement-cat span.achievement05 {
    background: url('/common/img/2category05.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span.achievement06,
.achievement-single .achievement-cat span.achievement06 {
    background: url('/common/img/2category06.png?')left top no-repeat;
    width: 104px;
    height: 30px;
    background-size: contain;
    text-indent: -9999px;
}

.achievement-list-cat .achievement-cat span:first-child {
    margin-right: 10px;
}

.achievement-list-text {
    font-size: 14px;
    border-left: 7px solid #d7664f;
    padding-left: 10px;
    height: 40px;
}

.achievement-sidecat h3 {
    color: #fff;
    background-color: #80975a;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
}

.achievement-side li a::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.achievement-side li:first-child {
    border-top: 1px solid #ccc;
}

.achievement-side li {
    height: 60px;
    line-height: 60px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}

.achievement-single .achievement-cat span {
    margin-right: 10px;
}

.achievement-single .achievement-cat span:last-child {
    margin-right: 0;
}


/*.achievement-single .achievement-cat span a{
	color: #fff;
	font-size: 0.875em;
}
*/

.achievement-single .entry-title h2 {
    font-size: 1.313em;
    border-bottom: 3px solid #e16a50;
}

.achievement-single-headerarea {
    display: table;
    width: 100%;
}

.single-headerarea-text {
    font-size: 14px;
    padding-right: 50px;
    line-height: 1.6;
}

.single-headerarea-text,
.single-headerarea-table {
    display: table-cell;
    vertical-align: top;
}

.single-headerarea-table table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    width: 335px;
}

.single-headerarea-table tr td {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.single-headerarea-table tr td:first-child {
    background-color: #f0f2eb;
}

.achievement-single-photo {
    display: table;
    width: 100%;
    margin-bottom: 60px;
}

.achievement-single-photo div.before,
.achievement-single-photo div.after {
    display: table-cell;
    vertical-align: top;
}

.achievement-single-photo div.before {
    padding-right: 50px;
}

.achievement-single-photo div.before figure,
.achievement-single-photo div.after figure {
    width: 335px;
    height: 230px;
}

.achievement-single-photo figure .cover {
    background-position: center center;
    background-repeat: no-repeat;
    width: auto;
    height: 230px;
    background-size: cover;
}

.achievement-single-photo h5::before {
    margin: 0 5px 0 0;
    content: " ";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/common/img/icon2.png');
    background-size: contain;
    vertical-align: middle;
}

.achievement-single-photo h5 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 1em;
    margin-bottom: 10px;
}

.achievement-single-photo figure img,
.achievement-single-comment img {
    max-width: 100%;
    height: auto;
}


/*こうひんが選ばれる理由*/

body#reason .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/quality_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#reason .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/reason-title.png') center center / contain no-repeat;
    width: 336px;
    height: 94px;
}

body#reason #direct,
body#reason #history {
    padding-top: 180px;
    margin-top: -100px;
}

.reason-three {
    background: url('/common/img/back01.png') left top repeat;
}

.reason-three-title {}

.reason-three-title h3 {
    font-size: 32px;
    letter-spacing: .1em;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #E16A50;
    font-weight: normal;
    margin: 0 0 40px 0;
}

.reason-three-text,
.reason-technology-text,
.reason-direct-text,
.reason-history-text {
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 27px;
}

.reason-technology-title h3,
.reason-direct-title h3,
.reason-history-title h3 {
    font-size: 52px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
    letter-spacing: .1em;
    margin: 40px 0;
    line-height: 67px;
    position: relative;
}

.reason-direct-title h3 span {
    font-size: 11px;
    letter-spacing: 0;
    position: absolute;
    left: 61%;
    top: 30px;
}

.reason-technology-photo {
    height: 400px;
    overflow: hidden;
    background: url('/common/img/quality_img02.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.reason-direct-photo {
    height: 400px;
    overflow: hidden;
    background: url('/common/img/quality_img03.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.reason-history-photo {
    height: 400px;
    overflow: hidden;
    background: url('/common/img/quality_img04.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.reason-last-photo {
    margin-bottom: 150px;
}


/*職人たち*/

body#workers .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/workers_img.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#workers .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/workers_title01.png') center center / contain no-repeat;
    width: 212px;
    height: 89px;
}


/*職人たち*/

.craftsman-header {}

.content-mainarea {}

.craftsman-header-title h3 {
    font-size: 52px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
    letter-spacing: .1em;
    margin: 40px 0;
    line-height: 67px;
    position: relative;
}

.craftsman-header-movie {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.movie-list {
    float: left;
    vertical-align: top;
    width: 400px;
}

.movie-list:first-child {
    margin-right: 60px;
}

.movie-list h3 {
    margin: 20px 0;
}

.movie-list p {
    font-size: 14px;
}

.craftsman-header-youtube {}

.craftsman-persons {
    background: url('/common/img/tatami_b.png') left top repeat;
}

.craftsman-persons-title h3 {
    font-size: 52px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
    letter-spacing: .1em;
    margin: 0 0 40px 0;
    line-height: 67px;
    position: relative;
}

.craftsman-persons-list ul {
    position: relative;
    display: table;
}

.craftsman-persons-list ul.second-person-list {
    margin: -110px 0 0 180px;
}

.craftsman-persons-list ul.third-person-list {
    margin: -110px 0 0 0;
}

.craftsman-persons-list ul li {
    display: table-cell;
    vertical-align: top;
}

.craftsman-persons-list li a {
    display: block;
    width: 360px;
    height: 288px;
}

.person01 a {
    background: url('/common/img/nawate_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person01 a:hover {
    background: url('/common/img/nawate_o.png') center center / contain no-repeat;
}

.person02 a {
    background: url('/common/img/ueda_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person02 a:hover {
    background: url('/common/img/ueda_o.png') center center / contain no-repeat;
}

.person03 a {
    background: url('/common/img/tuboi_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person03 a:hover {
    background: url('/common/img/tuboi_o.png') center center / contain no-repeat;
}

.person04 a {
    background: url('/common/img/katayama_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person04 a:hover {
    background: url('/common/img/katayama_o.png') center center / contain no-repeat;
}

.person05 a {
    background: url('/common/img/sumiyoshi_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person05 a:hover {
    background: url('/common/img/sumiyoshi_o.png') center center / contain no-repeat;
}

.person06 a {
    background: url('/common/img/shintaku_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person06 a:hover {
    background: url('/common/img/shintaku_o.png') center center / contain no-repeat;
}

.person07 a {
    background: url('/common/img/kousaka_a.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person07 a:hover {
    background: url('/common/img/kousaka_o.png') center center / contain no-repeat;
}

.person08 a {
    background: url('/common/img/workers_img1.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
}

.person08 a:hover {

}


/*会社概要*/

body#company .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/about_img.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#company .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/company-title.png') center center / contain no-repeat;
    width: 128px;
    height: 94px;
}

.company-header-menu {
    border-top: 5px solid #80975A;
    border-bottom: 5px solid #80975A;
    height: 70px;
}

.company-header-menu ul {
    display: table;
    width: 100%;
    text-align: center;
}

.company-header-menu ul li {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #80975A;
}

.company-header-menu ul li:last-child {
    border-right: 1px solid #80975A;
}

.company-header-menu ul li a {
    color: #80975A;
    line-height: 60px;
    display: block;
    text-decoration: none;
}

.company-header-menu ul li a:hover {
    color: #fff;
    background-color: #80975A;
}

#message.company-main {}

.company-message {}

.company-message-text {
    display: table-cell;
    vertical-align: top;
    padding-right: 60px;
}

.company-message-text h2 {
    font-size: 21px;
    margin-bottom: 30px;
}

.company-message-text p {
    font-size: 14px;
    line-height: 180%;
}

.company-message .shomei {
    font-size: 15px;
    float: right;
    margin-top: 20px;
    line-height: 180%;
}

.company-message-photo {
    display: table-cell;
    vertical-align: top;
}


/*============================
#rinen.company-rinen
============================*/

#rinen.company-rinen {
    background: url('/common/img/about_back.png')left top repeat;
}

.tc.rinen {}

.company-rinen .rinen {
    width: 450px;
    margin: 0 auto;
}

.company-rinen .rinen tr,
.company-rinen .rinen td {
    padding: 0 10px;
    line-height: 2.5;
}

.company-rinen .rinen tr td:first-child,
.company-rinen .sisou tr td:first-child {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 21px;
}

.company-rinen .sisou {
    width: 600px;
    margin: 0 auto;
}

.company-rinen .sisou tr,
.company-rinen .sisou td {
    padding: 15px 10px;
    line-height: 2.5;
}


/*============================
#gaiyou.company-gaiyou
============================*/

#gaiyou.company-gaiyou {
    width: 780px;
    margin: 0 auto;
}

.company-gaiyou table.gaiyou {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
}

.company-gaiyou table.gaiyou tr,
.company-gaiyou table.gaiyou td {
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.company-gaiyou table.gaiyou td {
    padding: 20px;
}

.company-gaiyou table.gaiyou td:first-child {
    width: 25%;
    text-align: center;
}


/*============================
#enkaku.company-enkaku
============================*/

.company-enkaku {
    background-color: #F0F2EB;
}

#enkaku table.enkaku {
    width: 780px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
}

#enkaku table.enkaku tr,
#enkaku table.enkaku td {
    padding: 20px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

#enkaku table.enkaku td:first-child {
    width: 25%;
    text-align: center;
}

.enkaku-photo {
    padding-bottom: 180px;
}

.enkaku-photo img {
    vertical-align: bottom;
}


/*============================
#showroom.company-showroom
============================*/

#showroom.company-showroom {}

.showroom-text {
    font-size: 15px;
    line-height: 180%;
}

.showroom-maplist {}

.showroom-map-content {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

.showroom-map-address {
    display: table-cell;
    vertical-align: top;
    width: 440px;
    padding-right: 50px;
}

.showroom-map-address h3 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #F0F2EB;
    margin-bottom: 30px;
}

.showroom-map-address table.map {
    border-collapse: collapse;
    width: 100%;
}

.showroom-map-address table.map td {
    padding: 20px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

.showroom-map-address table.map td:first-child {
    width: 35%;
    text-align: center;
}

.showroom-map-address a {
    display: block;
    margin-top: 30px;
    width: 215px;
    height: 35px;
    border: 1px solid #80975A;
    color: #80975A;
    line-height: 35px;
    text-align: center;
}

.showroom-map {
    display: table-cell;
    vertical-align: top;
    width: 500px;
}

.showroom-maplink {
    float: right;
}

.map-frame {}


/*お知らせ*/

body#news .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/info_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#news .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/info_title.png') center center / contain no-repeat;
    width: 114px;
    height: 88px;
}


/*畳のキホン*/

body#column .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/basic_img.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#column .hero-header h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('/common/img/column-title.png') center center / contain no-repeat;
    width: 154px;
    height: 94px;
}

.column-main,
.news-main {
    width: 720px;
    margin: 0 80px 0 0;
    float: left;
}

.column-list li,
.news-list li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    overflow: hidden;
}

.column-list-header h2 a,
.news-list-header h2 a {
    color: #D7664F;
    line-height: 30px;
    font-size: 21px;
    display: block;
}

.column-date,
.news-date {
    background-color: #80975a;
    width: 120px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    float: left;
    display: block;
    margin-right: 30px;
}

.column-list-text,
.news-list-text {
    font-size: 14px;
}

.column-link a,
.news-link a {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #80975a;
    border: 1px solid #80975a;
    text-align: center;
    float: right;
    margin: 20px 0 50px 0;
}

.column-single-date,
.news-single-date {
    background-color: #80975a;
    width: 120px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    display: block;
    margin-bottom: 30px;
}

.column-single-title,
.news-single-title {
    color: #333;
    line-height: 30px;
    font-size: 21px;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 3px solid #D7664F;
}

.column-sidecat h3,
.news-sidecat h3 {
    color: #fff;
    background-color: #80975a;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
}

.column-side li a,
.news-side li a {
    font-size: 15px;
}

.column-side li a::before,
.news-side li a::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.column-side li:first-child,
.news-side li:first-child {
    border-top: 1px solid #ccc;
}

.column-side li,
.news-side li {
    height: 60px;
    line-height: 60px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}


/*オーダー畳*/

body#order-tatami .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#order-tatami .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.header-unit-comment {
    margin: 20px 0 40px 0;
}

article.order-main,
article.tatami-main {
    width: 720px;
    margin: 0 80px 80px 0;
    float: left;
}

.order-header {}

.order-header-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.order-header-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 3px solid #E16A50;
}

.order-header-contents {
    overflow: hidden;
    margin-bottom: 40px;
}

.order-header-text {
    font-size: 14px;
    line-height: 27px;
    float: left;
    margin-right: 45px;
}

.order-header-photo {}

.order-header-subtitle h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 3px solid #80975A;
}

.order-header-submenu ul {
    width: 605px;
    margin: 0 auto;
}

.order-header-submenu ul li {
    float: left;
    margin: 0 30px 20px 0;
    border: 3px solid #80975A;
    width: 180px;
    height: 38px;
}

.order-header-submenu ul li:nth-child(3n) {
    margin: 0 0 20px 0;
}

.order-header-submenu ul li a {
    color: #80975A;
    line-height: 32px;
    font-size: 14px;
    padding-left: 20px;
    display: block;
}

.order-header-submenu ul li a::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

#order-tatami #menu01,
#order-tatami #menu02,
#order-tatami #menu03,
#order-tatami #menu04,
#order-tatami #menu05 {
    padding-top: 80px;
    margin-top: -80px;
}


/*============================
#menu01.order-menu01
============================*/

#menu01.order-menu01 {}

.order-menu01-title h3,
.order-menu02-title h3,
.order-menu03-title h3,
.order-menu04-title h3,
.order-menu05-title h3 {
    background-color: #80975a;
    color: #fff;
    width: 240px;
    height: 40px;
    font-size: 18px;
    letter-spacing: .1em;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: normal;
}

.order-menu06-title h3 {
    background-color: #80975a;
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 18px;
    letter-spacing: .1em;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: normal;
}

.order-menu01-contents h5,
.order-menu02-contents h5,
.order-menu03-contents h5,
.order-menu04-contents h5,
.order-menu05-contents h5,
.order-menu06-contents h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.order-menu01-contents p,
.order-menu02-contents p,
.order-menu03-contents p,
.order-menu04-contents p,
.order-menu05-contents p,
.order-menu06-contents p {
    margin-bottom: 20px;
    font-size: 14px;
}

.order-menu01-contents figure,
.order-menu02-contents figure,
.order-menu03-contents figure {
    margin: 30px 0 0 0;
}


/*============================
#menu03.order-menu03
============================*/

.order-menu03-tokucho {}

.order-menu03-tokucho-title h3 {
    background-color: #D7674F;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    margin: 40px 0;
}

.order-menu03-tokucho-contents {
    margin-bottom: 30px;
    overflow: hidden;
}

.order-menu03-tokucho-left,
.order-menu03-tokucho-right {
    float: left;
    width: 345px;
}

.order-menu03-tokucho-left {
    margin-right: 30px;
}

.order-menu03-tokucho-left h4,
.order-menu03-tokucho-right h4,
.order-menu03-tokucho-center h4,
.order-menu04-tokucho-center h4 {
    color: #D7674F;
    text-align: center;
    border-bottom: 2px solid #D7674F;
    margin-bottom: 10px;
}

.order-menu04-tokucho-center h4 span {
    font-size: 11px;
    display: block;
}

.order-menu03-tokucho-left h5,
.order-menu03-tokucho-right h5,
.order-menu03-tokucho-center h5,
.order-menu04-tokucho-center h5 {
    color: #80975A;
    font-size: 14px;
    margin-bottom: 5px;
}

.order-menu04-contents h6,
.order-menu05-contents h6,
.order-menu06-contents h6 {
    color: #80975A;
    font-size: 16px;
    margin-bottom: 5px;
}

.order-menu03-tokucho-left p,
.order-menu03-tokucho-right p,
.order-menu04-contents p {
    font-size: 14px;
    margin-top: 10px;
}

.order-tatami-list {
    overflow: hidden;
    margin-bottom: 60px;
}

.order-tatami-list figure {
    float: left;
    width: 95px;
    margin: 0 30px 30px 0;
}

.order-tatami-list figure:nth-child(6n) {
    margin: 0 0 30px 0;
}

.order-tatami-list figure figcaption {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}

.order-menu05-under-contents {
    margin: 80px 0;
}

.order-menu05-under-contents figure {
    float: left;
    margin-right: 30px;
}

.order-menu05-under-text {
    text-align: right;
    margin-bottom: 5px;
    font-size: 15px;
}

.order-menu05-under-contentstext {
    float: left;
}

.order-menu05-under-contentstext h3 {
    color: #D7674F;
    font-size: 45px;
    font-weight: normal;
    margin: 0 0 20px 0;
}

.order-menu05-under-contentstext p {
    font-size: 14px;
    line-height: 27px;
}

.order-menu06 h3 {
    color: #fff;
    background-color: #80975a;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 30px;
}

.order-menu06-under-text {
    text-align: right;
}

.order-menu06 table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

.order-menu06 table tr,
.order-menu06 table td {
    height: 60px;
    text-align: center;
    font-size: 15px;
}

.order-menu06 table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.order-menu06 .midashi {
    background-color: #F0F2EB;
}

.order-menu06 td.top {
    font-size: 16px;
}

.tatami-side h3 {
    color: #fff;
    background-color: #80975a;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
}

.tatami-side li a {
    font-size: 14px;
}

.tatami-side li a::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.tatami-side li:first-child {
    border-top: 1px solid #ccc;
}

.tatami-side li {
    height: 60px;
    line-height: 60px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}

.tatami-side li.double {
    height: 70px;
    line-height: 1.3em;
    padding-top: 15px;
}

.tatami-side li.double span {
    font-size: 12px;
    display: block;
}

.order-mainitem-list {
    margin-bottom: 120px;
}

.order-mainitem-list ul li {
    float: left;
    margin: 0 17px 30px 0;
    width: 228px;
}

.order-mainitem-list ul li:nth-child(3n) {
    margin: 0 0 30px 0;
}

.order-mainitem-list ul li {
    background-color: #edf4ea;
    padding: 5px;
}

.order-mainitem-list ul li:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.order-mainitem-list ul li a:hover {
    text-decoration: none;
}

.order-mainitem-list ul li figure {
    text-align: center;
}

.order-mainitem-list ul li figure figcaption {
    text-decoration: underline;
    text-align: left;
    height: 50px;
    padding: 0 10px 5px 10px;
}

.order-mainitem-list ul li.nolink figure figcaption {
    text-decoration: none;
}

.order-mainitem-list ul li.nolink:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.order-mainitem-price {
    background-color: #7e9459;
    height: 35px;
    color: #fff;
    line-height: 35px;
    text-align: center;
}

.order-mainitem-list ul li p {
    display: table;
    width: 100%;
    text-align: center;
    padding: 10px 0 15px 0;
}

.order-mainitem-list ul li p span {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
}

.order-mainitem-text {
    float: right;
    font-size: 12px;
}


/*.order-mainitem-list ul li:nth-child(3n){
	margin: 0 0 30px 0;
}*/


/*ユニット畳*/


/*body#unit-tatami .hero-header{
	height: 160px;
	overflow: hidden;
	background: url('/common/img/unit_img01.png') center center / contain no-repeat;
	width: 100%;
	background-size: cover;
	position: relative;
}*/

body#unit-tatami .hero-header {
    height: 420px;
    overflow: hidden;
    background: url('/common/img/unit_mainvisual_pc.png?') center bottom / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#unit-tatami header#top {
    height: 100%;
}

body#unit-tatami .hero-header h2 {
    background: url('/common/img/unit_mainvisual_2_pc.png') center center / contain no-repeat;
    position: absolute;
    top: 216px;
    left: 64px;
    width: 690px;
    height: 165px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

body#unit-tatami .hero-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.unit-list {
    margin: 0 0 45px 0;
    position: relative;
}

.unit-list ul {
    position: relative;
    left: 50%;
    float: left;
}

.unit-list ul li {
    position: relative;
    left: -50%;
    float: left;
    border: 2px solid #80975a;
    width: 136px;
    height: 50px;
    text-align: center;
    margin-right: 20px;
}

.unit-list ul li.double a {
    line-height: 1.3;
    padding-top: 3px;
}

.unit-list ul li a {
    color: #80975a;
    line-height: 46px;
    display: block;
}

.unit-list ul li a:hover {
    background-color: #80975a;
    color: #fff;
    text-decoration: none;
    border: none;
}

.unit-list ul li.double a:hover {
    padding-bottom: 3px;
}

.unit-list ul li:last-child {
    margin-right: 0;
}

.unit-contentlist-title {
    background-color: #F0F2EB;
    height: 55px;
    margin-bottom: 40px;
}

.unit-contentlist-title h3 {
    font-size: 18px;
    padding-left: 20px;
    line-height: 55px;
}

.unit-header-title h3::before,
.chair-header-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.unit-header-title h3,
.chair-header-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 3px solid #E16A50;
}

.unit-header-contents,
.chair-header-contents {
    overflow: hidden;
    margin-bottom: 30px;
}

.unit-header-text h3,
.chair-header-text h3 {
    margin-bottom: 10px;
}

.unit-header-text,
.chair-header-text {
    font-size: 14px;
    line-height: 27px;
    float: left;
    margin-right: 48px;
}

.unit-header-photo,
.chair-header-photo {
    float: left;
}

.unit-header-subtitle h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 3px solid #80975A;
}

.unit-contents-list ul li {
    float: left;
    width: 220px;
    min-height: 430px;
    margin: 0 30px 20px 0;
    position: relative;
}

.unit-contents-list ul li:nth-child(3n) {
    margin: 0 0 20px 0;
}

.unit-contents-list ul li figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.unit-contents-list ul li figure img {
    vertical-align: bottom;
}

.unit-contents-list ul li figure img.product-new_icon {
    position: absolute;
    top: -2px;
    left: -1px;
}

.unit-contents-list ul li figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 5px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    text-decoration: underline;
}

.unit-contents-list ul li figcaption.single {
    line-height: 55px;
}

.unit-list-text p {
    font-size: 12px;
    padding-top: 5px;
}

.list-inner .bed-list-text p.price,
.unit-list-text p.price,
.material-list-text p.price,
.carp-goods-list p.price,
.chair-list-text p.price {
    font-size: 16px;
    color: #d7664f
}

.bed-list-text p.price span,
.unit-list-text p.price span,
.material-list-text p.price span,
.carp-goods-list p.price span,
.chair-list-text p.price span {
    font-size: 12px;
    margin-left: 10px;
}

.unit-list-text p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

.unit-contents-list ul li a.unit-contents-list-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    position: absolute;
    top: 350px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.unit-contents-list ul li a.unit-contents-list-detail::before,
.chair-contents-list ul li a.chair-contents-list-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}


/*畳椅子*/

body#tatami-chair .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#tatami-chair .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.header-chair-comment {
    /*	background-color: #d7674f;
	height: 60px;
	text-align: center;*/
    margin: 20px 0;
}


/*.header-chair-comment h2{
	color: #fff;
	font-size: 24px;
	font-weight:normal;
	line-height: 60px;
}*/

.chair-main-list {
    float: left;
    margin: 60px 50px 0 0;
    width: 335px;
}

.chair-main-list:nth-child(2n) {
    margin-right: 0;
}

.chair-main-photo {}

.chair-list-title h3 {
    color: #D7674F;
    text-align: center;
    padding: 5px 0;
    margin: 20px 0 10px 0;
    border-top: 2px solid #D7674F;
    border-bottom: 2px solid #D7674F;
}

.chair-list-text p {
    font-size: 12px;
    padding-top: 5px;
}

.chair-list-text p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

a.chair-list-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    margin: 0 auto;
    margin-top: 30px;
}

a.chair-list-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.chair-main-list figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.chair-main-list figure img {
    vertical-align: bottom;
}

.chair-main-list figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 20px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    text-decoration: underline;
}


/*畳資材*/

body#tatami-material .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#tatami-material .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.header-material-comment {
    margin: 20px 0 40px 0;
}

.material-main-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.material-main-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 3px solid #E16A50;
}

.material-main-contents {
    overflow: hidden;
    /*margin-bottom:30px;*/
}

.material-main-text h3 {
    margin-bottom: 10px;
}

.material-main-list {
    float: left;
    margin: 0 50px 0 0;
    width: 335px;
}

.material-main-list:nth-child(even) {
    margin-right: 0;
}

.material-main-photo {}

.material-list-title h3 {
    color: #D7674F;
    text-align: center;
    padding: 5px 0;
    margin: 20px 0 10px 0;
    border-top: 2px solid #D7674F;
    border-bottom: 2px solid #D7674F;
}

.material-list-text {
    margin-bottom: 40px;
}

.material-list-text p {
    font-size: 12px;
    padding-top: 5px;
}

.material-list-text p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

a.material-list-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    margin: 0 auto;
    margin: 30px auto 60px auto;
}

a.material-list-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.material-main-list figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.material-main-list figure img {
    vertical-align: bottom;
}

.material-main-list figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 20px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    text-decoration: underline;
}

div.aroma .material-list-text {
    margin-bottom: 20px;
}

.material-main-list .tatamiaroma {
    display: table;
    text-align: center;
    margin-bottom: 40px;
}

.material-main-list .tatamiaroma li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-right: 18px;
}

.material-main-list .tatamiaroma li:last-child {
    padding-right: 0;
}

.material-main-list .tatamiaroma li a {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #80975a;
    border: 2px solid #80975a;
}

.material-main-list a.aroma,
.material-main-list a.aroma:hover,
.material-main-list .tatamiaroma li a:hover {
    text-decoration: none;
}

.material-main-list .tatamiaroma li a:hover {
    background-color: #80975a;
    color: #fff;
}


/*畳ベッド*/

body#tatami-bed .hero-header {
    height: 420px;
    overflow: hidden;
    background: url('/common/img/tatamibed_mainvisual_pc.png?') center bottom / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#tatami-bed header#top {
    height: 100%;
}

body#tatami-bed .hero-header h2 {
    background: url('/common/img/tatamibed_mainvisual_2_pc.png') center center / contain no-repeat;
    position: absolute;
    top: 222px;
    left: 64px;
    width: 722px;
    height: 165px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

body#tatami-bed .hero-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.bed-main-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.bed-main-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 3px solid #E16A50;
}

.bed-main-contents {
    overflow: hidden;
    margin-bottom: 50px;
}

.bed-main-text h3 {
    margin-bottom: 10px;
}

.bed-main-text {
    font-size: 14px;
    line-height: 27px;
    float: left;
    margin-right: 35px;
}

.bed-main-contents figure {
    float: left;
}

.bed-main-undertext {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.bed-main table.bed {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

.bed-meyasu {
    border: 3px solid #7e9459;
    padding: 15px;
    overflow: hidden;
    margin: 40px 20px;
}

.bed-meyasu-title {
    text-align: center;
}

.bed-meyasu-title h2 {
    font-size: 18px;
}

.bed-meyasu p {
    font-size: 13px;
    text-align: center;
    margin: 15px 0;
}

.bed-meyasu-list {
    width: 592px;
    margin: 0 auto;
}

.meyasu-menu {
    width: 50%;
    float: left;
}

.meyasu-menu.menu02,
.meyasu-menu.menu04 {
    padding-left: 40px;
}

.meyasu-menu figure {
    float: left;
    margin-right: 15px;
}

.meyasu-menu p {
    text-align: left;
    margin: 0;
    line-height: 25px;
}

.bed-main table.bed tr td {
    width: 25%;
}

.bed-main table.bed tr,
.bed-main table.bed td {
    font-size: 15px;
    vertical-align: top;
    padding: 10px 0;
}

.bed-main table.bed td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.bed-main table.bed .midashi {
    background-color: #F0F2EB;
}

.bed-main table.bed td.top {
    font-size: 16px;
    text-align: center;
    height: 60px;
}

.bed-main table.bed td p {
    font-size: 12px;
    padding-top: 5px;
    padding-left: 10px;
}

.bed-main table.bed td p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

.tatami-bed-list {
    margin: 0 0 45px 0;
}

.tatami-bed-list ul {
    display: table;
}

.tatami-bed-list ul li {
    display: table-cell;
    vertical-align: top;
}

.tatami-bed-list ul li a {
    width: 136px;
    height: 50px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.tatami-bed-list ul li {
    padding-right: 10px;
}

.tatami-bed-list ul li:last-child {
    padding-right: 0;
}

.tatami-bed-list ul li.bed01 a {
    background-image: url(../img/tatami-bed_menu1.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tatami-bed-list ul li.bed02 a {
    background-image: url(../img/tatami-bed_menu2.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tatami-bed-list ul li.bed03 a {
    background-image: url(../img/tatami-bed_menu3.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tatami-bed-list ul li.bed04 a {
    background-image: url(../img/tatami-bed_menu4.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tatami-bed-list ul li.bed05 a {
    background-image: url(../img/tatami-bed_menu5.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tatami-bed-list ul li a:hover {
    background-position: left bottom;
}

.bed-type-contents {
    overflow: hidden;
}

.bed-type-list {
    float: left;
    margin: 60px 50px 0 0;
    width: 335px;
}

.bed-type-list:nth-child(2n) {
    margin-right: 0;
}

.bed-type-photo {}

.bed-list-title h3 {
    color: #D7674F;
    text-align: center;
    padding: 5px 0;
    margin: 20px 0 10px 0;
    border-top: 2px solid #D7674F;
    border-bottom: 2px solid #D7674F;
}

.bed-list-text p {
    font-size: 12px;
    padding-top: 5px;
}

.bed-list-text p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

a.bed-list-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    float: right;
    margin-top: 30px;
}

a.bed-list-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.bed-type-list figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.bed-type-list figure img {
    vertical-align: bottom;
}

.bed-type-list figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 5px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    font-size: 18px;
}

.bed-type-list figcaption span {
    font-size: 14px;
    display: block;
}

.bed-kind-title h3 {
    color: #80975A;
    text-align: center;
    padding: 5px 0;
    margin: 20px 0 10px 0;
    border-top: 2px solid #80975A;
    border-bottom: 2px solid #80975A;
}

.bed-kind-subtitle h3 {
    font-size: 16px;
    color: #80975A;
    margin: 30px 0 10px 0;
}

.bed-kind-text p {
    font-size: 14px;
    padding-left: 20px;
}

.bed-kind-subtext p {
    font-size: 14px;
    margin-top: 30px;
}

.bed-contentlist-title {
    background-color: #F0F2EB;
    height: 55px;
    margin-bottom: 40px;
}

.bed-contentlist-title h3 {
    font-size: 18px;
    padding-left: 20px;
    line-height: 55px;
}

.bed-contentlist ul.bed-list {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
}

.bed-contentlist ul li {
    float: left;
    width: 220px;
    /*min-height: 430px;*/
    margin: 0 30px 20px 0;
    position: relative;
}

.bed-contentlist ul li:nth-child(3n) {
    margin: 0 0 20px 0;
}

.bed-contentlist ul li figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.bed-contentlist ul li figure img {
    vertical-align: bottom;
}

.bed-contentlist ul li figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 5px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    text-decoration: underline;
}

.bed-contentlist ul li figcaption.single {
    line-height: 55px;
}

.unit-list-text p {
    font-size: 12px;
    padding-top: 5px;
}

.unit-list-text p b {
    color: #80975A;
    font-size: 10px;
    line-height: 14px;
    margin-right: 2px;
}

.bed-contentlist ul li a.bed-contentlist-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    position: absolute;
    top: 530px;
    left: 0;
    right: 0;
    margin: 30px auto;
}

.bed-contentlist ul li a.bed-contentlist-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.bed-contentlist ul li {
    min-height: 620px;
}

.bed-contentlist ul li.last {
    min-height: 100%;
    margin-bottom: 30px;
}

.list-inner .bed-list-text,
.list-inner .bed-list-text p {
    font-size: 12px;
}

.list-inner .bed-list-text b {
    color: #80975A;
}

.bed-list-size p,
.bed-list-color p {
    font-size: 16px;
    margin-bottom: 0
}

.bed-list-size ul,
.bed-list-color ul {
    overflow: hidden;
}

.bed-list-size {
    margin-top: 10px
}

.bed-list-color {
    margin-top: 10px;
}

.bed-list-size ul li,
.bed-list-color ul li {
    float: left;
    margin: 5px 5px 5px 0;
    width: auto;
    min-height: auto;
}

.bed-list-size ul li:last-child,
.bed-list-color ul li:last-child {
    margin: 5px 0 5px 0;
}

.bed-list-size ul li a {
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
}

.bed-list-size ul li.size_s a {
    background-image: url(/common/img/size_s_link.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.bed-list-size ul li.size_sd a {
    background-image: url(/common/img/size_sd_link.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.bed-list-size ul li.size_d a {
    background-image: url(/common/img/size_d_link.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.bed-list-size ul li.size_ss a {
    background-image: url(/common/img/size_ss_link.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.bed-list-size ul li.size_sl a {
    background-image: url(/common/img/size_sl_link.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.bed-list-size ul li a:hover {
    background-position: left bottom;
}

.bed-list-size ul li a.nolink,
.bed-list-size ul li a.nolink:hover {
    background-position: left top;
}

.bed-contentlist .bed-list-size ul li:nth-child(3n),
.bed-contentlist .bed-list-color ul li:nth-child(3n) {
    margin: 5px 5px 5px 0;
}

.bed-contentlist ul li.last-item a.bed-contentlist-detail {
    top: 400px;
}


/*襖・障子*/

body#fusuma-shouji .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#fusuma-shouji .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.fusuma-main-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.fusuma-main-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 3px solid #E16A50;
}

.fusuma-main-contents {
    overflow: hidden;
    /*margin-bottom:50px;*/
}

.fusuma-main-text h3 {
    margin-bottom: 10px;
}

.fusuma-main-text {
    font-size: 14px;
    line-height: 27px;
    /*float: left;*/
    margin-right: 48px;
}

.fusuma-contentlist {
    overflow: hidden;
    margin: 60px 0;
}

.fusuma-list {
    float: left;
}

.fusuma-list:first-child {
    margin-right: 46px;
}

.fusuma-list h3 {
    color: #E16A50;
    text-align: center;
    padding: 5px 0;
    margin: 10px 0;
    border-top: 2px solid #E16A50;
    border-bottom: 2px solid #E16A50;
}

.fusuma-price {
    margin-bottom: 30px;
}

.fusuma-flow-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 60px;
    border-bottom: 3px solid #80975A;
}

.fusuma-flow ul li {
    text-align: center;
    margin-bottom: 30px;
}

.fusuma-contact {
    text-align: center;
    margin-top: 80px;
}

.fusuma-list figure {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.fusuma-list figure img {
    vertical-align: bottom;
}

.fusuma-list figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 20px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
}


/*和風商品*/

body#wafu-items .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#wafu-items .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.wafu-main-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.wafu-main-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 3px solid #E16A50;
}

.wafu-main-text h3 {
    margin-bottom: 10px;
}

.wafu-main-text p {
    font-size: 14px;
    line-height: 27px;
}

.wafu-main-contact a {
    display: block;
    width: 365px;
    height: 60px;
    border: 3px solid #80975A;
    line-height: 54px;
    text-align: center;
    color: #80975A;
    margin: 0 auto;
    font-size: 15px;
}

.wafu-main-contact a::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    line-height: 54px;
    margin-right: 5px;
}


/*カープ関連グッズ*/

body#carp-goods .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/unit_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#carp-goods .hero-header h2 {
    background: url('/common/img/product-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 128px;
    height: 94px;
}

.carp-main-title h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}

.carp-main-title h3 {
    font-size: 21px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 3px solid #E16A50;
}

.header-carp-comment {
    margin: 40px 0 0 0;
}

.carp-goods-contents {
    overflow: hidden;
}

.carp-goods-list {
    float: left;
    margin: 60px 30px 0 0;
    width: 220px;
    min-height: 425px;
    position: relative;
}

.carp-goods-contentlist .carp-goods-photo figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.carp-goods-contentlist .carp-goods-photo figure img {
    vertical-align: bottom;
}

.carp-goods-contentlist .carp-goods-photo figure img.product-new_icon {
    position: absolute;
    top: -2px;
    left: -1px;
}

.carp-goods-list:nth-child(3n) {
    margin-right: 0;
}

.carp-goods-text p {
    font-size: 14px;
    padding-top: 5px;
    line-height: 19px;
}

.carp-goods-text span {
    font-size: 11px;
    line-height: 19px;
    display: block;
}

a.carp-goods-detail {
    color: #80975A;
    border: 2px solid #80975A;
    display: block;
    text-align: center;
    font-size: 13px;
    width: 135px;
    height: 37px;
    line-height: 33px;
    position: absolute;
    right: 0;
    top: 350px;
    margin-top: 30px;
}

a.carp-goods-detail::before {
    content: "▶";
    color: #80975a;
    font-size: 12px;
    margin-right: 5px;
}

.carp-goods-list figure {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
}

.carp-goods-list figure img {
    vertical-align: bottom;
}

.carp-goods-list figcaption {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: rgba(128, 151, 90, .6);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 1;
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}


/*プライバシーポリシー*/

body#policy .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/privacy_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#policy .hero-header h2 {
    background: url('/common/img/privacy_title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 283px;
    height: 91px;
}

.policy-main-contents {
    background: url("/common/img/back01.png") left top repeat;
    width: 100%;
}

.policy-main-text p {
    display: table;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    font-size: 14px;
}

.policy-text-title {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 50px;
    margin: 80px 0 40px 0;
    color: #fff;
    background-color: #80975A;
}

.policy-text-text {
    padding: 0 45px;
    font-size: 14px;
    line-height: 30px;
}


/*よくある質問*/

body#faq .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/faq_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#faq .hero-header h2 {
    background: url('/common/img/faq_title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 165px;
    height: 89px;
}

.faq-header ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}

.faq-header ul li {
    float: left;
    width: 230px;
    height: 100px;
    margin-right: 35px;
    border: 2px solid #80975A;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-header ul li:last-child {
    margin-right: 0;
}

.faq-header ul li a {
    color: #80975A;
    font-size: 14px;
    display: block;
}

.faq-header ul li a::after {
    content: "▼";
    color: #80975A;
    font-size: 18px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.faq-main-text {
    margin: 80px 0 40px 0;
}

.faq-main-title {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 50px;
    color: #fff;
    background-color: #80975A;
}

.faq-main-title h3 {
    font-weight: normal;
    margin-bottom: 30px;
}

.faq-list {
    margin-top: 40px;
}

.faq-list dt {
    margin-bottom: 10px;
    font-size: 18px;
    color: #80975A;
}

.faq-list dt b {
    width: 50px;
    color: #80975A;
    display: block;
    overflow: hidden;
    float: left;
}

.faq-list dd {
    font-size: 14px;
    margin-bottom: 60px;
    overflow: hidden;
}

.faq-list dd b {
    width: 50px;
    color: #E16A50;
    font-size: 18px;
    display: block;
    float: left;
}

.faq-list dd p {
    overflow: hidden;
}

.faq-contact-list {
    overflow: hidden;
}

.faq-contact-list h3 {
    border-top: 2px solid #80975A;
    border-bottom: 2px solid #80975A;
    color: #80975A;
    font-size: 24px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.faq-contact-list h3 span {
    font-size: 18px;
}

.faq-contact-list .faq-contact-fax {
    margin: 30px 0 20px 0;
}

.faq-contact {
    text-align: center;
}

#faq01 {
    margin-top: -60px;
    padding-top: 80px;
}


/*.faq-contact:first-child{
	margin-right: 50px;
}*/


/*ページング*/

.pager {
    margin: 60px 0;
    display: table;
    width: 100%;
}

.pager div.prev,
.pager div.next {
    display: table-cell;
    vertical-align: top;
}

.pager div.prev {
    text-align: left;
}

.pager div.next {
    text-align: right;
}

.wp-pagenavi {
    clear: both;
    margin: 0 0 120px 0;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    color: #333;
    background-color: #FFF;
    border: solid 1px #727171;
    padding: 8px 15px;
    margin: 0 2px;
    white-space: nowrap;
    /*    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.wp-pagenavi a:hover {
    color: #FFF;
    background-color: #727171;
    border-color: #727171;
}

.wp-pagenavi span.current {
    color: #FFF;
    background-color: #727171;
    border-color: #727171;
    font-weight: bold;
}


/*相談見積り*/

body#consultation .hero-header,
body#tatamiomote .hero-header,
body#fuchi .hero-header,
body#coordinate .hero-header,
body#madori .hero-header,
body#thanks .hero-header,
body#measure .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/estimate02_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}

body#consultation .hero-header h2,
body#tatamiomote .hero-header h2,
body#fuchi .hero-header h2,
body#coordinate .hero-header h2,
body#madori .hero-header h2,
body#thanks .hero-header h2,
body#measure .hero-header h2 {
    background: url('/common/img/consultation-title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    height: 94px;
}

.tatamiomote-contentslist h4,
.coordinate-contentslist h4,
.madori-contents h4,
.measure-contents h4 {
    color: #D7674F;
    text-align: center;
    border-bottom: 2px solid #D7674F;
    margin-bottom: 30px;
}

.tatamiomote-contentslist h5,
.fuchi-contentslist h5 {
    color: #80975A;
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
}

.tatamiomote-list {
    overflow: hidden;
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    max-width: 970px;
}

.tatamiomote-list figure {
    float: left;
    width: 95px;
    margin: 0 30px 30px 0;
    text-align: center;
}

.tatamiomote-list figure:nth-child(8n) {
    margin: 0 0 30px 0;
}

.tatamiomote-list figure figcaption {
    font-size: 14px;
    text-align: center;
}

.tatamiomote-color {
    margin: 10px 0 30px 0;
    color: #D7674F;
    font-size: 14px;
}

.tatamiomote-contact a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.measure-contentslist {
    /*margin-bottom: 100px;*/
}

.measure-contentslist header {
    width: 720px;
    margin: 0 auto;
}

.measure-header,
.measure-ori,
.measure-one {
    margin-bottom: 60px;
}

.measure-header p,
.measure-one p {
    font-size: 13px;
}

.measure-header h3,
.measure-one h3 {
    margin: 10px 0 0 0;
    font-size: 16px;
    color: #80975A;
}

.measure-header-photo {
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.measure-header-photo figure {
    display: table-cell;
    vertical-align: bottom;
}

b.measure-atten {
    color: #ff0000;
}

div.measure-atten {
    text-align: center;
    font-size: 13px;
}

.measure-fax {
    clear: both;
    width: 830px;
    margin: 100px auto;
    display: table;
}

.measure-fax-comment,
.measure-fax-photo {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
    width: 50%;
}

.measure-fax-photo img {
    max-width: 100%;
}

.measure-list {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.measure-list figure {
    padding-right: 20px;
}

.measure-list figure,
.measure-list .measure-table {
    display: table-cell;
    vertical-align: top;
}

.measure-list .measure-table table {
    width: 480px;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
}

.measure-list .measure-table table tr.top {
    background-color: #F0F2EB;
}

.measure-list .measure-table table tr td {
    padding: 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.measure-photo {
    clear: both;
    margin-top: 60px;
}

.measure-text {
    font-size: 13px;
}

.measure-contentslist span.atten {
    color: #C30D23;
    font-size: 13px;
}

.coordinate-list {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

.coordinate-list figure {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
}

.coordinate-list figure:last-child {
    padding-right: 0;
}

.consultation-header {
    background: url("/common/img/back01.png") left top repeat;
}

.consultation-header-title {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

.consultation-header-title div.send p {
    font-size: 18px;
    display: inline-block;
    border: 1px solid #C30D23;
    color: #C30D23;
    padding: 0 10px;
    margin: 5px;
}

.consultation-header-title p {
    font-size: 15px;
    line-height: 2em;
}

.consultation-contents-title {
    color: #80975A;
    font-size: 21px;
    margin-bottom: 50px;
    border-bottom: 2px solid #80975A;
    text-align: center;
}

.consultation-contents-photo {
    text-align: center;
}

.consultation-contents-text {
    text-align: center;
    max-width: 874px;
    border: 2px solid #C30D23;
    margin: 0 auto 50px auto;
}

.consultation-contents-text p {
    padding: 5px;
}

.consultation-banner {
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.consultation-fax h3 {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #D7664F;
    text-align: center;
    margin-bottom: 30px;
}

.consultation-banner-list {
    /*	width: 385px;
	height: 210px;*/
    width: 500px;
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
}

.consultation-banner-list:last-child {
    margin-right: 0;
}

.consultation-banner-list h3 {
    color: #fff;
    text-align: center;
}

.consultation-banner-list h3.fax {
    color: #80975A;
    font-size: 38px;
}

.consultation-banner-list h3.fax span {
    font-size: 28px;
}

.consultation-banner-list:first-child a.dl::before {
    content: "▶";
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
}

.consultation-banner-list a {
    display: block;
    width: 330px;
    height: 48px;
    margin: 10px auto;
    line-height: 48px;
    color: #fff;
    text-align: center;
    background-color: #80975A;
    border-radius: 5px;
}

.consultation-banner-list:first-child a {
    margin-top: 10px;
}

.consultation-banner-list:last-child a {
    margin-top: 0;
    width: auto;
    height: auto;
    background: none;
}

.consultation-banner-list a.sub {
    background: none;
    color: #333;
    font-size: 14px;
    margin-top: 0;
}

.consultation-banner-list a.sub::before {
    content: "▶";
    color: #333;
    font-size: 14px;
    margin-right: 5px;
}

.consultation-form h3 {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #D7664F;
    text-align: center;
}

.consultation-form table.consultation,
.quick-form table.quick {
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    margin: 40px 0;
}

.consultation-form table.consultation tr td,
.quick-form table.quick tr td {
    padding: 30px 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.consultation-form table.consultation td.left {
    width: 450px;
    background-color: #FCF1EC;
    position: relative;
}

.consultation-form table.consultation td.left span.hissu,
.quick-form table.quick td.left span.hissu {
    color: #fff;
    background-color: #C30D23;
    height: 24px;
    width: 43px;
    display: block;
    text-align: center;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    top: 34px;
}

.consultation-form table.consultation td.left .input_comment,
.quick-form table.quick td.left .input_comment {
    font-size: 13px;
    display: block;
    margin-top: 20px;
}

.consultation-form table.consultation td.left .input_comment.atten,
.quick-form table.quick td.left .input_comment.atten {
    color: #C30D23;
}

.consultation-form table.consultation tr td.last,
.quick-form table.quick tr td.last {
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #fff;
}

.consultation-form .wpcf7-list-item,
.quick-form .wpcf7-list-item {
    margin-left: 30px;
    display: inline-block;
}

.consultation-form .wpcf7-list-item:first-child,
.quick-form .wpcf7-list-item:first-child {
    margin-left: 0;
}

.consultation-form input[type="text"],
.consultation-form input[type="email"],
.consultation-form input[type="tel"],
.consultation-form textarea,
.quick-form input[type="text"],
.quick-form input[type="email"],
.quick-form input[type="tel"],
.quick-form textarea {
    background-color: #fff;
    color: #000;
    padding: 5px 10px;
    width: 90%;
    border: 1px solid #ccc;
}

.consultation-form input[type="checkbox"],
.quick-form input[type="checkbox"] {
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    background: none;
}

.consultation-form select,
.quick-form select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background: #fff url(/common/img/select-button.png) no-repeat;
    background-size: 41px 29px;
    background-position: right center;
    height: 25px;
    line-height: 25px;
    width: 355px;
    font-size: 13px;
    vertical-align: middle;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    border-radius: 0;
}

.consultation-form select option,
.quick-form select option {
    font-size: 12px;
}

@-moz-document url-prefix() {
    /* for firefox */
    .content select {
        background: none;
        background-color: #FFF;
    }
}

.filemenu {
    position: relative;
}

.file-value {
    position: absolute;
    top: 2px;
    left: 10px;
}

.mw_wp_form_confirm .file-value {
    display: none;
}

.mw_wp_form_confirm div.menu-list,
.mw_wp_form_confirm div.menu {
    display: block;
}

.consultation-form .your-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.consultation-form div.your-file {
    position: relative;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    width: 250px;
    background: #fff url(/common/img/uploads.png) no-repeat;
    background-size: 41px 29px;
    background-position: right center;
    font-size: 13px;
    vertical-align: middle;
    border: 1px solid #CCC;
    padding-left: 10px;
    display: block;
}

.mw_wp_form_confirm .consultation-form div.your-file {
    position: relative;
    /* overflow: hidden; */
    /* height: 25px; */
    /* line-height: 25px; */
    /* width: 250px; */
    background: #fff url(/common/img/uploads.png) no-repeat;
    background-size: 41px 29px;
    background-position: right center;
    font-size: 13px;
    vertical-align: middle;
    /* border: 1px solid #CCC; */
    padding-left: 10px;
    display: block;
}


}
div.menu-list {
    display: table;
}
div.menu {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
div.comment {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
}
.input_comment a {
    color: #C30D23;
}
.consultation-form .form-button,
.quick-form .form-button {
    text-align: center;
}
.consultation-form .form-button input {
    width: 365px;
    height: 60px;
    border: 1px solid #D7664F;
    line-height: 60px;
    text-align: center;
    color: #D7664F;
    display: block;
    margin: 60px auto;
}
.consultation-form .form-button input:hover {
    background-color: #D7664F;
    color: #fff;
}

/*お問合せ*/
body#quick .hero-header {
    height: 160px;
    overflow: hidden;
    background: url('/common/img/estimate01_img01.png') center center / contain no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
}
body#quick .hero-header h2 {
    background: url('/common/img/estimate2002_title.png') center center / contain no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 312px;
    height: 89px;
}
.quick-main-title {
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.quick-main-title p {
    margin-top: 30px;
    font-size: 15px;
    line-height: 2em;
    text-align: center;
}
.quick-form h3 {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #80975A;
    text-align: center;
}
.quick-form table.quick td.left {
    width: 450px;
    background-color: #F0F2EB;
    position: relative;
}
.quick-form table.quick .menu-list.maisuu input[type="radio"] {
    width: 50px;
    margin: 0 10px 20px 10px;
}
.quick-form table.quick .menu-list.maisuu input[type="text"] {
    width: 50px;
}
.quick-form table.quick .menu-list.size p {
    margin-bottom: 10px;
}
.quick-form table.quick .menu-list.size span.left {
    width: 30px;
    display: inline-block;
}
.quick-form table.quick .menu-list.size span.right {
    margin-right: 50px;
}
.quick-form table.quick .menu-list.size input {
    width: 150px;
    margin: 0 10px 20px 10px;
}
.quick-form table.quick .menu-list.size div.menu.right span.right {
    margin-right: 0;
    display: inline-block;
}
.maisuu .mwform-checkbox-field {
    margin-bottom: 5px;
}
.quick-form .size01 {
    margin-bottom: 30px;
}
.maisuu-checkbox {
    margin-bottom: 5px;
}
.maisuu-checkbox .error {
    display: block;
    text-align: left;
}
.maisuu .maisuu-list,
.maisuu-checkbox {
    display: table;
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 20px 0;
}
.maisuu-checkbox span {
    width: 25%;
    display: table-cell;
}
.size-content {
    display: table;
    width: 100%;
}
.size-checkbox span {
    width: 100%;
    display: block;
}
.maisuu .maisuu-list .maisuu-formtext,
.maisuu-checkbox input,
.size-list,
.size-checkbox {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}
.size-checkbox span:first-child {
    margin-bottom: 50px;
}
.mw_wp_form .size-checkbox .horizontal-item+.horizontal-item {
    margin-left: 0;
}
.quick-form .size-formtext input[type="text"] {
    width: 95%;
    font-size: 14px;
}
.quick-form .form-button input {
    width: 365px;
    height: 60px;
    border: 1px solid #80975A;
    line-height: 60px;
    text-align: center;
    color: #80975A;
    display: block;
    margin: 60px auto;
}
.quick-form .form-button input:hover {
    background-color: #80975A;
    color: #fff;
}
#madori .content-mainarea img {
    max-width: 100%;
    height: auto;
}
.left-banner {
    background-color: #fff9ee;
    margin: 100px 0;
}
.under-banner-area,
.left-banner-area {
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.under-banner-area .under-banner-list,
.left-banner-area .left-banner-list {
    margin-right: 30px;
    float: left;
}
.under-banner-area .under-banner-list:last-child,
.left-banner-area .left-banner-list:last-child {
    margin-right: 0;
}
.left-banner-area h3 {
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #e16a50;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.left-banner-area h3::before {
    margin: 0 10px 0 0;
    content: " ";
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url("/common/img/title-icon.png");
    background-size: contain;
    vertical-align: middle;
}
footer {
    width: 100%;
}
footer .footer-inner {
    background-color: #A4A699;
    width: 100%;
    color: #fff;
}
.footer-inner {
    display: table;
    width: 100%;
}
.footer-inner .footer-left {
    display: table-cell;
    padding-right: 60px;
    /*width: 50%;*/
}
.footer-inner .logo {
    float: left;
    width: 195px;
    margin-right: 40px;
    height: auto;
}
.footer-inner .address {
    font-style: normal;
    overflow: hidden;
    margin-bottom: 20px;
}
.footer-inner .address p {
    font-size: 12px;
    line-height: 180%;
}
.footer-inner .address b {
    font-weight: bold;
    font-size: 15px;
    margin: 5px 0;
    font-family: YuGothic, 'Yu Gothic', sans-serif;
    display: block;
}
.footer-inner .address b span {
    font-size: 12px;
}
.footer-inner .address ul:first-child {
    margin-top: 20px;
}
.footer-inner .address ul li {
    display: inline;
}
.footer-inner .link {
    color: #fff;
    font-size: 12px;
}
.footer-inner .footer-button-link {
    overflow: hidden;
    margin-bottom: 40px;
}
.footer-inner .mitsumori {
    color: #fff;
    float: left;
    margin-right: 20px;
}
.footer-inner .mitsumori a,
.footer-inner .tel a {
    color: #fff;
    font-size: 15px;
}
.footer-inner .tel {
    color: #fff;
    float: left;
}
.footer-inner .mitsumori img,
.footer-inner .tel img,
.footer-inner .footer-form-title img {
    vertical-align: middle;
    margin-right: 5px;
}
.footer-inner .footer-sitemap {}
.footer-inner .footer-sitemap li {
    float: left;
    width: 33.33333%;
    /* 未対応ブラウザ用フォールバック */
    
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    margin-bottom: 10px;
}
.footer-inner .footer-sitemap a {
    color: #fff;
    font-size: 12px;
    display: block;
}
.footer-inner .footer-right {
    display: table-cell;
}
.footer-inner .footer-form-title {
    color: #fff;
}
.footer-form-text {
    margin: 5px 0 0 27px;
    font-size: 12px;
}
.footer-form-text a {
    color: blue;
}
.footer-form {
    margin-top: 10px;
}
.footer-form tr,
.footer-form td {
    padding: 5px 10px;
}
.footer-form td.left {
    font-size: 12px;
}
.footer-form td.right input[type="text"],
.footer-form td.right input[type="email"],
.footer-form td.right textarea {
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    width: 355px!important;
    padding-left: 10px;
}
.footer-form td.right input[type="text"],
.footer-form td.right input[type="email"] {
    height: 35px;
}
.footer-form td.right textarea {
    height: 108px!important;
    font-size: 14px;
    padding: 5px 10px;
}
.footer-form tr.submit {
    text-align: right;
}
.footer-form td button[type="submit"] {
    color: #80975A;
    background: url('/common/img/transmission_sp.png') left top no-repeat;
    width: 110px;
    height: 40px;
    background-size: contain;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}
.footer-form td button[type="submit"]:hover {
    background: url('/common/img/transmission_spo.png') left top no-repeat;
    background-size: contain;
}
.wpcf7-not-valid-tip,
.wpcf7-mail-sent-ok {
    display: block;
    color: red;
}
.screen-reader-response,
.wpcf7-validation-errors {
    display: none;
}
.footer-inner .copy.tc {
    font-size: 13px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 100;
}
#page-top a {
    padding: 30px 0;
    text-align: center;
    display: block;
}
.top-netshop {
    background-color: #b1bb98;
}
.top-netshop-list {
    display: table;
    text-align: center;
    width: 100%;
}
.netshop-list {
    display: table-cell;
    vertical-align: top;
}
.netshop-list p {
    font-size: 15px;
}
.company-netshop-list {
    background-color: #b1bb98;
}
.company-main-title h2 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 28px;
}
#netshop {
    padding-top: 120px;
    margin-top: -120px;
}
.netshop {
    overflow: hidden;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}
.netshop:first-child {
    border-top: 1px solid #fff;
    padding-top: 30px;
}
.netshop figure {
    float: left;
    margin-right: 15px;
}
.netshop div.comment {
    overflow: hidden;
}
.netshop div.comment h3 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 22px;
    margin-bottom: 20px;
}
.netshop div.comment p {
    font-size: 13px;
}
.netshop div.comment .link {
    width: 175px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #696766;
    line-height: 33px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 30px;
}
.netshop div.comment .link a span {
    color: #b1bb98;
}
.other p {
    font-size: 15px;
}
.top-shopping .content-mainarea{
    max-width: 730px;
}
.top-shopping-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    gap: 30px;
}
.top-shopping-bed {
    margin: 0 15px 15px 15px;
}
.top-shopping-t {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.top-shopping-list a {
    text-decoration: none;
    color: #80975A;
}
.top-shopping-list h3 {
    text-align: center;
    color: #000;
}
.top-shopping-link-tc {
    margin: 15px auto;
    padding: 15px;
    border: solid 2px #80975A;
    text-align: center;
    width: 309px;
}
.top-shopping-link-tc {
    position: relative;
}
.top-shopping-link-tc::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    left: 60px;
    margin: auto;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-left: 7px solid #80975A;
}

/*畳無料サンプルフォーム*/
.sample-head {
    line-height: 1;
}
.sample-head img {
    width: 100%;
    height: auto;
}
.sample-subtitle p a {
    text-decoration: underline;
}
.sample-subtitle p a:hover {
    text-decoration: none;
    color: royalblue;
}
.tatamiomote-contentslist.sample-subtitle h3 {
    margin-bottom: 5px;
}
.sample-subtitle-text {
    font-size: 18px;
}
.material-main-title {
    margin-bottom: 20px;
}
.tatamiomote-contentslist.sample-subtitle {
    margin-bottom: 25px;
}
.sample-box-check {
    display: none;
}
.sample-inner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.sample-inner-box {
    cursor: pointer;
    margin-right: 25px;
    margin-bottom: 30px;
}
.sample-inner .sample-inner-box:nth-child(4n) {
    margin-right: 0;
}
.sample-inner-label {
    display: block;
    border: 3px solid #E6E6E6;
    cursor: pointer;
    padding: 18px;
    transition: .4s;
}
.sample-inner-bottom {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.sample-inner-right {
    text-align: center;
    width: 100%;
}
.sample-inner-img img {
    width: 100%;
    height: auto;
}
.sample-inner-text {
    font-size: 14px;
}
.sample-inner-btn {
    text-align: center;
}
.sample-inner-btn {
    margin-top: 10px;
}
.sample-inner-btn span {
    display: inline-block;
    font-size: 14px;
    background-color: #A4A699;
    width: 100%;
    color: #fff;
    border-radius: 20px;
    padding: 10px 0;
    line-height: 1;
    transition: .4s;
}
.sample-box-check:checked+.sample-inner-label,
.sample-box-check:checked+input+.sample-inner-label {
    border: 3px solid #E16951;
}
.sample-box-check:checked+.sample-inner-label .sample-inner-btn span,
.sample-box-check:checked+input+.sample-inner-label .sample-inner-btn span {
    background-color: #E16951;
}
.sample-form {
    background-color: #fff9ee;
    padding-top: 50px;
    padding-bottom: 120px;
}
.sample-form-title {
    text-align: center;
}
.sample-form-maintitle:before {
    margin: auto auto 10px auto;
    content: " ";
    display: block;
    width: 31px;
    height: 26px;
    background: url(/common/img/title-icon.png);
    background-size: contain;
    vertical-align: middle;
}
.sample-form-subtitle {
    margin-top: 20px;
}
.sample-form-maintitle {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
    font-size: 28px;
}
.sample-form-table {
    width: 915px;
    margin: 50px auto auto auto;
}
.sample-form-table th {
    text-align: left;
    width: 25%;
    padding-bottom: 30px;
}
.sample-form-table th span {
    width: 40px;
    height: 40px;
    background-color: #E16951;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    margin-right: 15px;
}
.sample-form-table td {
    width: 75%;
    padding-bottom: 30px;
}
.sample-form-table td input,
.sample-form-table td textarea {
    background-color: #fff;
    border: 3px solid #E6E6E6;
    border-radius: 5px;
    width: 100%!important;
    max-width: 100%;
    padding: 12px 18px;
    font-size: 15px;
    line-height: 1;
}
.sample-form-table-textarea th {
    vertical-align: top;
    padding-left: 55px;
}
.sample-form-btn {
    text-align: center;
    margin-top: 20px;
}
.sample-form-btn button {
    color: #80975A;
    background-color: #fff;
    display: inline-block;
    border: 2px solid #80975A;
    white-space: nowrap;
    overflow: hidden;
    padding: 15px 100px;
    transition: .4s;
}
.sample-form-btn button:hover {
    background-color: #80975A;
    color: #fff;
}
.sample-fix {
    position: fixed;
    right: -20px;
    bottom: 150px;
}
@media screen and (max-width: 768px) {
    .material-main-title h3 {
        font-size: 18px;
    }
    
    .sample-subtitle-text {
        font-size: 13px;
    }
    
    .sample-inner {
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    
    .sample-inner-box {
        margin: 0 2% 20px 0;
        width: 32%;
    }
    
    .sample-inner .sample-inner-box:nth-child(4n) {
        margin-right: 2%;
    }
    
    .sample-inner .sample-inner-box:nth-child(3n) {
        margin-right: 0;
    }
    
    .sample-inner-img {
        display: none;
    }
    
    .sample-inner-label {
        padding: 5px;
    }
    
    .sample-inner-text {
        font-size: 12.5px;
        line-height: 1.3;
    }
    
    .sample-inner-bottom {
        display: block;
    }
    
    .sample-inner-sub img {
        width: 100%;
        height: auto;
    }
    
    .sample-inner-btn {
        margin-top: 5px;
    }
    
    .sample-inner-btn span {
        padding: 7px;
        font-size: 10px;
    }
    
    .sample-form-table {
        width: 100%;
    }
    
    .sample-form-table th,
    .sample-form-table td {
        display: block;
        width: 100%;
    }
    
    .sample-form-table th {
        padding-bottom: 15px;
    }
    
    .sample-form-table td {
        padding-bottom: 20px;
    }
    
    .sample-form-table-textarea th {
        padding-left: 0;
    }
    
    .sample-form-btn {
        margin-top: 10px;
    }
    
    .sample-form-btn button {
        padding: 10px 30px;
        font-size: 15px;
    }
    
    .sample-form-maintitle {
        font-size: 24px;
    }
    
    .sample-form-table {
        margin-top: 30px;
    }
    
    .sample-fix {
        right: -23px;
        bottom: 150px;
    }
    
    .sample-fix img {
        width: 60px;
    }
    
    .top-instabanner {
        margin: 40px auto 0 auto;
        text-align: center;
    }
}