@charset "utf-8";
/* 背景画像coverまとめて */
.top-sale-bg-201609 {
  background-repeat: no-repeat;
  background-size:cover;
}

/* main */
.top-sale-bg-201609{
  width: 100%;
  position: relative;
}
.top-sale-bg-201609{
  height: 57.7vw;
  padding: 0;
}

a.top-sale-btn-201609a{
  width: 32%;
  background-repeat: no-repeat;
  background-size:cover;
  height: 8.5vw;
  position: absolute;
  top:46.7vw;
  left:67vw;
}

.top-sale-bg-201609 a.b52{
  top:29.7vw;
}
div.ccc{
  width: 100%;
  height: 27vw;
}
.ccc .box-l,
.ccc .box-r,
main-top-s-07{
  width: 49%;
}
.ccc .box-l {
  padding-right: 2%;
}

.ccc a.reco-neorest,
.ccc a.reco-amage-z,
div.top-bnr-satis-gse-2016 a,
a#main-online-bnr1,
a#main-online-bnr2,
a#ts-diy-b1,
a#ts-diy-b2{
  width: 100%;
  background-repeat: no-repeat;
  background-size:cover;
  height: 26.2vw;
}
.ccc a.reco-neorest,
.ccc a.reco-amage-z{
  height: 26.2vw;
}
div.top-bnr-satis-gse-2016 a{
  height: 15.5vw;
}
a#main-online-bnr1{
  height: 41.5vw;
}
a#main-online-bnr2{
  height: 149.3vw;
}


div.top-list{
  float:left;
  width: 50%;
}
div.top-list img,
div.top-list ul,
div.top-list ul li,
div.top-list ul li a,
div.top-list ul li a img,
a#ts-diy-w1{
  width: 100%;
  height: auto;
}
div.top-list ul li a,
a#ts-diy-b1,
a#ts-diy-b2,
a#ts-diy-w1{
  background-repeat: no-repeat;
  background-size:cover;
  height: 13.6vw;
}

#top-list-10{
  width: 50%;
  padding: 0;
}
#top-list-10 ul{
  width: 100%;
}
#top-list-10 ul li{
  width: 50%;
  padding: 0;
}
#contents div.top-list p{
  width: 96%;
  padding: 2%;
  margin: 0;
  line-height: 1.7;
}
.toilet-seat-bnr{
  width: 100%;
}

.main-top-series-01 ul{
  width: 96%;
  margin: 0%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  background-image: none;
}
.main-top-series-01 ul:after{
  display: none;
}
.main-top-series-01 ul li{
  width: 48%;
  margin: 0 0 2% 0;
}
.main-top-series-01 ul li a{
  width: 100% !important;
  background-repeat: no-repeat !important;
  background-size:cover !important;
  height: 27.4vw !important;
}
.main-top-series-01 ul li a img{
  width: 100%;
}
.t-seat-item a{
  font-size: .8em;
}
.t-seat-item img{
  width: 100%;
}
#main-nav-ts-a li{

}
#main #main-nav-ts-a,
#main #main-nav-ts-b,
#main #main-nav-ts-c,
#main #main-nav-ts-d,
#main #main-nav-f-a,
#main #main-nav-f-b,
#main #main-nav-f-c,
#main #main-nav-f-d,
#main #main-nav-f2-a,
#main #main-nav-f2-b,
#main #main-nav-f2-c,
#main #main-nav-f2-d{
  width: 100%;
  height: auto;
  background-image: none;
  overflow: hidden;
}

#main #main-nav-ts-a ul li,
#main #main-nav-ts-b ul li,
#main #main-nav-ts-c ul li,
#main #main-nav-ts-d ul li,
#main #main-nav-f-a ul li,
#main #main-nav-f-b ul li,
#main #main-nav-f-c ul li,
#main #main-nav-f-d ul li,
#main #main-nav-f2-a ul li,
#main #main-nav-f2-b ul li,
#main #main-nav-f2-c ul li,
#main #main-nav-f2-d ul li{
  width: 25%;
  height: auto;
  background-image: none;
}
#main #main-nav-ts-a ul li a,
#main #main-nav-ts-b ul li a,
#main #main-nav-ts-c ul li a,
#main #main-nav-ts-d ul li a,
#main #main-nav-f-a ul li a,
#main #main-nav-f-b ul li a,
#main #main-nav-f-c ul li a,
#main #main-nav-f-d ul li a,
#main #main-nav-f2-a ul li a,
#main #main-nav-f2-b ul li a,
#main #main-nav-f2-c ul li a,
#main #main-nav-f2-d ul li a{
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  height: 6vw;
}
#main #main-nav-ts-a ul li:nth-child(2) a,
#main #main-nav-ts-b ul li:nth-child(2) a,
#main #main-nav-ts-c ul li:nth-child(2) a,
#main #main-nav-ts-d ul li:nth-child(2) a,
#main #main-nav-f-a ul li:nth-child(2) a,
#main #main-nav-f-b ul li:nth-child(2) a,
#main #main-nav-f-c ul li:nth-child(2) a,
#main #main-nav-f-d ul li:nth-child(2) a,
#main #main-nav-f2-a ul li:nth-child(2) a,
#main #main-nav-f2-b ul li:nth-child(2) a,
#main #main-nav-f2-c ul li:nth-child(2) a,
#main #main-nav-f2-d ul li:nth-child(2) a{
  background-position: -25vw;
}
#main #main-nav-ts-a ul li:nth-child(3) a,
#main #main-nav-ts-b ul li:nth-child(3) a,
#main #main-nav-ts-c ul li:nth-child(3) a,
#main #main-nav-ts-d ul li:nth-child(3) a,
#main #main-nav-f-a ul li:nth-child(3) a,
#main #main-nav-f-b ul li:nth-child(3) a,
#main #main-nav-f-c ul li:nth-child(3) a,
#main #main-nav-f-d ul li:nth-child(3) a,
#main #main-nav-f2-a ul li:nth-child(3) a,
#main #main-nav-f2-b ul li:nth-child(3) a,
#main #main-nav-f2-c ul li:nth-child(3) a,
#main #main-nav-f2-d ul li:nth-child(3) a{
  background-position: -50vw;
}
#main #main-nav-ts-a ul li:nth-child(4) a,
#main #main-nav-ts-b ul li:nth-child(4) a,
#main #main-nav-ts-c ul li:nth-child(4) a,
#main #main-nav-ts-d ul li:nth-child(4) a,
#main #main-nav-f-a ul li:nth-child(4) a,
#main #main-nav-f-b ul li:nth-child(4) a,
#main #main-nav-f-c ul li:nth-child(4) a,
#main #main-nav-f-d ul li:nth-child(4) a,
#main #main-nav-f2-a ul li:nth-child(4) a,
#main #main-nav-f2-b ul li:nth-child(4) a,
#main #main-nav-f2-c ul li:nth-child(4) a,
#main #main-nav-f2-d ul li:nth-child(4) a{
  background-position: -75vw;
}
.function-box {
  background-image: none;
  padding: 2%;
  width: 96%;
}
.item-1{
  width: 100%;
}
.item-1 table td{
  font-size: .8em;
}
#contents .item-1 table {
  width: 100%;
  margin: 0;
}
.list-btn {
    margin: 10px;
}
.item-td-1c img,
.page-top img,
.function-box p img,
.function-box .b10 img,
.main-box .b10 img{
  width: 100%;
}
.function-box .clearfix{
  display: flex;
}
.item-td-1c,
.item-td-3,
.item-td-1c-red{
  max-width: 20vw;
  white-space:normal;
  font-size: .8em;
}
.item-td-1c img,
.item-td-3 img,
.item-td-1c-red img{
  width: 10vw;
}
.item-td-2 img,
.item-td-2-red img{
  width: 22vw;
  margin-bottom: 1vw;
}
.item-td-1r{
  max-width: 20vw;
  white-space:normal;
}
.page-top{
  margin: 10px 0 ;
}

.s-seat-replacement ul,
.s-seat-replacement img,
.s-seat-replacement ul li a{
  width: 100%;
}
.s-seat-replacement ul li a{
  background-image: none !important;
}
.s-seat-replacement ul li{
  width: 50%;
}
.main-box .main-c-l,
.main-box .main-c-r{
  display: block;
  width: 100%;
}
.main-construction h4 {
    margin-bottom: 10px;
}
.main-construction .main-box,
.main-construction .main-box-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
#contents .main-construction .main-box-img img {
    display: inline-block;
    align-self: center;
}
#contents .main-construction .main-box-img p {
    padding: 1% 0;
}
#contents .neorest-list table{
  margin: 0;
}
.neorest-list table th,
.neorest-list table td{
  font-size: .6em;
  padding: 1px;
}
#toilet-online-toto-box,
#toilet-online-inax-box{
  height: 52vw;
}
#toilet-online-toto-box,
#toilet-online-toto-box ul li,
#toilet-online-inax-box,
#toilet-online-inax-box ul li{
  width: 50%;
}
#toilet-online-toto-box img,
#toilet-online-toto-box h4,
#toilet-online-toto-box ul,
#toilet-online-inax-box img,
#toilet-online-inax-box h4,
#toilet-online-inax-box ul{
  width: 100%;
}

#toilet-online-toto-box ul li a,
#toilet-online-inax-box ul li a{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 37.5vw;
}
.toilet-online-floor {
    float: left;
}
.toilet-online-wall {
    float: right;
}
.toilet-online-floor a,
.toilet-online-wall a {
    width: 140px;
    height: 210px;
    margin: 0;
    background: url(/toilet/img/toilet_search_btn_floor.gif) no-repeat left top;
    text-indent: -9999px;
    display: block;
}
.toilet-online-wall a {
    background: url(/toilet/img/toilet_search_btn_wall.gif) no-repeat left top;
}
.toilet-online-floor a:hover {
    background: url(/toilet/img/toilet_search_btn_floor.gif) no-repeat left -140px;
}
.toilet-online-wall a:hover {
    background: url(/toilet/img/toilet_search_btn_wall.gif) no-repeat left -140px;
}

#not-know-box,
#toilet-online-data-box{
  width: 100%;
  box-sizing: border-box;
  background-size: 100%;
}
#not-know-box img{
  width: 100%;
}
#not-know-btn a{
  margin: 0 auto;
}
#contents .t-select-box .toto-floor table{
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
#contents .t-select-box .toto-floor table img{
  max-width: 21vw;
}
#contents .t-select-box .toto-floor table td{
  width: 25%;
  box-sizing: border-box;
  font-size: .8em;
  padding: 4px;
}
#contents .t-select-box .toto-floor table dl{
  width: 22vw;
}

#contents .t-select-box .toto-floor table dt,
#contents .t-select-box .toto-floor table dd a{
  font-size: .7em;
}
#main-780-c{
  width: 100%;
  padding: 0;
}
#main-780-c h3#t-o-number-results{
  width: 100%;
  padding: 0;
  background-size:cover;
  height: 7.5vw;
  box-sizing:border-box;
  padding: 1vw 0vw 0vw 24vw;
  font-size: .8em;
}

#toilet-online-data-box img {
  width: 100%;
}
#contents #toilet-online-data-box table{
  width: 100%;
  margin: 2% 0;
}
#toilet-online-data-box table tr,
#toilet-online-data-box table td{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#t-search-t2,
#t-search-d2{
  padding: 3vw 1vw 0vw 29vw;
  font-size: 1em;
}

#main-780-c #o-t-p1,
#main-780-c #o-t-p2,
#main-780-c #o-t-p3{
  width: 100%;
  box-sizing:border-box;
  /* font-size: .6em; */
  line-height: 1.5em;
  padding: 2vw;
  background-image: none;
  background-color: #eee;
  height: auto;
}
.o-box{
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0;
  box-sizing:border-box;
  margin-bottom: 10vw;
  background-size: 160vw;
  background-position: -56.5vw 67vw;
}
.o-box-l,
.o-box-r{
  display: block;
  padding:0;
  box-sizing: border-box;
  position: relative;
}
.o-box-l{
width: 80%;
margin: 10%;
}
.o-box-l a img{
  width: 100%;
}
.o-box-r{
  width: 100%;
  height: 30vw;
}
.o-box-r table{
  position: relative;
  top:0vw;
  left:0vw;
}
.o-box-btn-quote a{
  width: 30vw;
  background-size: cover;
  height: 6.9vw;
}
.o-box-btn-detail a{
  width: 16vw;
  background-size: cover;
  height: 6.9vw;
}
.o-box-btn-quote{
  position: absolute;
  top:17vw;
  left:68vw;
  width: auto;
  margin: 0;
  height: auto;
}
.o-box-btn-detail{
  position: absolute;
  top:17vw;
  left:51vw;
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}
#o-box-r-1,
#o-box-r-2,
#o-box-r-3{
  position: absolute;
  top:4.5vw;
  width: auto;
  height: auto;
}
#o-box-r-1{
  right:70vw;
  font-size: .8em;
}
#o-box-r-2{
  right:38vw;
  font-size: .8em;
}
#o-box-r-3{
  right:2vw;
  font-size: 1em;
}
#t-o-etc{
  overflow-x: scroll;
}
.online-box{
  width: 96%;
  margin: 2%;
  padding: 0;
  background-image: none;
}
.online-box-l,
.online-box-r{
  display: block;
  width: 100%;
}
.online-box-l{
  text-align: center;
}
.online-table{
  width: 100%;
  border: 1px solid #dddddd;
}

.online-table table,
.online-table tr,
.online-table td{
  display: block;
  width: 100%;
  border:0;
  padding: 0;
  margin-bottom: 3%;
  box-sizing: border-box;
}
td.online-table-mp,
td.online-table-p{
  border-bottom: 1px solid #dddddd;
}
.online-table th{
  display: none;
}
.online-table-bgc-b,
.online-table-bgc-g,
.online-table-bgc-y{
  background-color: #fff;
  text-align: center;
  width: 100%;

}
.online-table-data{
  width: 100%;
}
.online-table-total img{
  width: 100%;
}
#online-table-btn{
  padding: 0;
  width: 100%;
}
#online-table-btn a{
  margin: 0 auto;
}
/*    トイレ形状から調べる*/

.sub-title-pk {
  font-size: 1.25rem;
  text-align: left;
  color: #fff;
  background-color: #e634a1;
  padding: 2%;
  margin: 2% 0;
  font-weight: bold;
}
.t-select-box {
  font-size: .9em;
  line-height: 1.5;
}
.t-select-box .red {
  color: #f10707;
}
.t-select-box ul {
  width: 100%;
  display: inline-flex;
  justify-content: space-around;
}
.t-serect-box-l,
.t-serect-box-r {
  margin-bottom: 0;
  float: none;
  width: 48%;
  margin-right: 0;
}
.toilet-select-arrow {
  padding-bottom: 3%;
}
.t-select-box ul li {
  width: 96%;
  margin: 0 auto;
  padding: 1% 2%;
  display: inline-flex;
  flex-wrap: wrap;
}
#contents li.t-serect-box-l p,
#contents li.t-serect-box-r p {
  width: 100%;
  text-align: left;
  margin: 2% auto;
}
li.t-serect-box-l a,
li.t-serect-box-r a {
  font-size: 1em;
  width: 100%;
  display: block;
  margin: 2% auto 0;
}
li.t-serect-box-l img,
li.t-serect-box-r img {
  margin: auto;
  width: 100%;
}
.t-select-box-4 ul {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.t-select-box-4 ul li {
    display: inline-flex;
    width: 98%;
    justify-content: space-between;
    margin: 0 auto 2%;
}
.t-select-box-4 li a {
    display: inline-block;
    width: 65%;
}
#contents .t-select-box-4 li img {
    width: 100%;
}
#contents .t-select-box-4 li p {
    margin: .5% 0 0 2%;
    line-height: 1.5;
}
/*
.t-serect-box-4-l,
.t-serect-box-4-r {
  float: none;
  width: 96%;
  margin: 0 2% 2%;
  font-size: .9em;
  display: inline-flex;
}
*/
/*  交換したいタイプ*/
.main-top-series-04 ul,
.main-top-series-03 ul,
.main-top-series-02 ul,
.main-top-series-01 ul {
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding: 2%;
  width: 96%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-top-series-04 ul li,
.main-top-series-03 ul li,
.main-top-series-02 ul li,
.main-top-series-01 ul li {
  margin: 0;
  margin-bottom: 2vw;
  float: none;
  width: 48% !important;
  padding: 1%;
}
.main-top-series-04 ul li a ,
.main-top-series-03 ul li a ,
.main-top-series-02 ul li a ,
.main-top-series-01 ul li a {
  width: 100% !important;
  height: 27vw !important;
  background-size: cover;
  margin: 0 !important;
  padding: 0 !important;
  background-image: none;
}
.main-top-series-04 li a img,
.main-top-series-03 li a img,
.main-top-series-02 li a img,
.main-top-series-01 li a img {
  width: 100%;
}
.top-mt7plus {
  margin-top: -7rem;
  padding-top: 7rem;
  display: block;
}

/*トイレfixed2019追加分*/
h4.drainage-direction {
  padding: 0.2em 0.5em;
  font-size: .85em;
  border-left: solid 8px #4599e4;
  margin: 1% 0;
}
#contents .item-1 table.fixed2019 {
  margin: 2% auto 3%;
}
.item-1 table.fixed2019 td.item-td-1c:first-child {
  border-left: solid 1px #99A1AA;
  width: 17%;
}
.item-1 .fixed2019 td.item-td-1c.product-box {
  width: 24%;
}
.item-1 table.fixed2019 td.item-td-1c img {
  width: 100%;
}
.item-td-1r {
  width: 32%;
}
.fixed2019 .sale {
  font-size: 1.25em;
}
.item-1 table.fixed2019 td.item-td-2 img {
  width: 100%;
  padding: 0;
}
.function-box h3 {
    font-size: 1.1em;
    background-image: url(/toilet/img/main_h3_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0 0 .5em;
    margin: 3% 0 4%;
    font-size: .9em;
    line-height: 1.4em;
}
/*個別機能表*/
#contents .individual-function table,
#contents .about-gmax table,
#contents .rimocon-choose table {
  width: 100%;
  margin: 2% 0 3%;
}
.individual-function table th {
  padding: 2% 1.5%;
  font-size: .7em;
}

/*共通機能*/
#contents .common-features table {
  width: 100%;
  margin: 1% 0 2%;
}
.common-features th {
  width: 98%;
  display: block;
  padding: 2% 0 2% 2%;
  border-style: solid solid none solid;
  font-size: .9em;
}
.common-features td {
  width: 96%;
  display: block;
  padding: 2%;
  font-size: .9em;
  line-height: 1.6em;
}
.main-box {
  font-size: 0.9em;
}
.lineup-description .box-img {
  margin: 1% 0;
}
#contents .lineup-description p {
  width: 100%;
  margin: 1% 0 .5%;
}
.gmark {
  font-size: 1em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 15%;
}
.about-gmax h3.gmax {
  font-size: 1em;
}
.about-gmax h4.gmax-table-title {
  font-size: .9em;
}
.about-gmax table th {
  width: 25%;
  font-size: 1em;
  padding: 1%;
}
.about-gmax table td {
  padding: 2% 1%;
  border: 1px solid #99A1AA;
  font-size: 1em;
  width: 40%;
}
/*h2画像OFF追加*/
.toilet-top-maxoff {
  position: absolute;
  right: 0;
  bottom: 0;
}
#contents .toilet-top-maxoff img {
    width: 18vw;
    position: relative;
    right: 3px;
    bottom: 3px;
}
.toilet-top-maxoff .off-value {
  position: absolute;
    font-size: 7vw;
    bottom: 40%;
    right: 34%;
}
/*オート・レバー違い*/
.about-type {
  margin: 0 0 1%;
  flex-direction: column;
}
.type-direction {
  margin: 0 0 2%;
  width: 100%;
}
span.type-tytle {
  padding: 0 0 0 .5em;
  margin: 3% 0 .5%;
  font-size: .8em;
}
/*選べるリモコン ネオレスト*/
#contents .main-box .rimocon-choose tr img {
  margin: 0 auto;
  width: 60%;
  padding: 2% 0;
}
#contents .main-box .rimocon-choose tr img.st {
  margin: 0 auto;
  width: 90%;
}
/*リモコンタイプ アプリコット*/
#contents .main-box .rimocon-choose table.apricot-rm tr img {
  width: 85%;
}
#contents .main-box .rimocon-choose table.apricot-rm.ssb-rm tr img {
  width: 75%;
}
/*商品ラインナップ*/
.item-1 table.fixed2019 td.item-td-2 {
  text-align: center;
  padding: 2%;
}
/*機能詳細 a*/
#contents p.more-detail {
  font-size: .8em;
  line-height: 1.5;
  padding: 0 0 0 1.7em;
  margin: 0;
  width: auto;
}
/*ネオレスト*/
.function-direction {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
}
.function-direction img {
  width: 70%;
  align-self: center;
  margin: 2% 0;
}
#contents .function-direction p {
  display: inline-block;
  line-height: 1.5;
  margin: 1% 2%;
}
.apricot-fn dt {
  font-size: 0.9em;
}
.apricot-fn dd{
  font-size: .8em;
  line-height: 1.4;
}
/*便座タイプ追加*/
.type-seat p strong {
  font-size: .85em;
}
/*パッソ機能*/
.ts-function-direction {
  flex-direction: column;
}
.ts-function-direction img {
  margin: 2%;
  align-self: center;
}
.direction-text {
  padding: 2%;
  line-height: 1.5;
}
.direction-text strong {
  font-size: 1em;
}
#contents .direction-text p {
  margin: 0;
  width: 100%;
}
#toilet-top #box2 a {
  background: url(/toilet/img/online_quote_bnr.jpg) no-repeat left top;
  background-size: cover;
  height: 58.7vw;
  margin: 2% 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  display: block;
}


/*  トイレオンライン見積もり*/
.online_click {
  width: 100%;
  padding: 1.5%;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
}
.bnr_below {
  padding: 1%;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
}
.bnr_below:before {
  content: "";
  border: solid 1px #e6e6e6;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 5px;
}
.online_click img {
  width: 100%;
}
.online_click:hover {
  cursor: pointer;
  background-color: #fff588;
}
.bnr_below:hover {
  background-color: #daf0fb;
}
.online_click a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bnr_below a {
  background-color: #f8f8f8;
  padding: 3% 0;
}
.bnr_below:hover a {
  background: #daf0fb;
}
.online_click_btn {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none;
  background: #ff5a00;
  text-align: center;
  border: 2px solid #FC5700;
  box-sizing: border-box;
  color: #FFF;
  font-size: 0.9em;
  letter-spacing: 1px;
  line-height: 1.5em;
  font-weight: bold;
  padding: 2% 0 3%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 1px 1px #FE9540 inset;
}

.bnr_below_btn {
  width: 70%;
  margin: 3% auto 4%;
  font-size: 1em;
}
.online_click:hover span.online_click_btn {
  background: #FD1A00;
  border: 2px solid #FE5640;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 1px #f78f8a inset;
}
.online_click_btn:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/toilet/img/online_btn_arrow.png);
  background-repeat: no-repeat;
  margin-right: 0.3em;
  background-size: contain;
  vertical-align: middle;
}
/*トイレ館TOPピンクバナー*/
/*h3:スタッフおすすめ*/
.staff_recomend_title {
  width: 100%;
  height: 3em;
  align-items: flex-end;
  position: relative;
  margin-bottom: 3%;
}
.arrow_bottom:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
}
.arrow_bottom.arrow_blue:after {
  border: 10px solid transparent;
  border-top: 8px solid #0041c0;
}
.arrow_bottom.arrow_orange:after {
  border: 10px solid transparent;
  border-top: 8px solid #f46900;
}
#contents .before_rmd_img {
  width: 9%;
}
.staff_comment {
  position: relative;
  width: 90%;
  color: #fff;
  font-size: .7em;
  letter-spacing: 0.2px;
  line-height: 1.3em;
  padding: 0.6em 0.1em 0.3em 0.5em;
  border-radius: 0 5px 5px 5px;
}
.staff_comment:after {
  position: absolute;
  content: 'スタッフおすすめ';
  background: #fff;
  bottom: 83%;
  left: 0%;
  border-radius: 5px 5px 0 0;
  padding: 0.3em 0.3em .2em;
  font-size: 9px;
  line-height: 1;
}
.staff_comment.recomend_blue {
  background-color: #0041c0;
}
.staff_comment.recomend_blue:after {
  color: #0041c0;
  border: solid 2px #0041c0;
}
.staff_comment.recomend_orange {
  background-color: #f46900;
}
.staff_comment.recomend_orange:after {
  color: #f46900;
  border: solid 2px #f46900;
}
/*セールバナー*/
.sale_pink_bnr {
  width: 100%;
  position: relative;
  display: block;
  text-align: right;
}
.hover_line_pink img {
  display: block;
}
.hover_line_pink:hover {
  display: inline-block;
  outline: solid #db1b92 5px;
  outline-offset: -5px;
}
.sale_bottom_color {
  display: inline-block;
  width: 100%;
  height: 2.3em;
  text-align: center;
  font-size: 0.7em;
  line-height: 2.3em;
  letter-spacing: -0.1px;
  color: #FFF;
  background-color: #233946;
}
.hover_line_pink:hover .sale_bottom_color {
  background-color: #db1b92;
}
#contents p.ontext-apricot {
    width: auto;
    position: absolute;
    top: 30%;
    left: 2%;
    font-size: 2.2em;
    letter-spacing: -2px;
    font-weight: bold;
    color: #dc1b92;
}
/*  SALEバナー動的位置*/
.bnr-price01-t {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #333;
  font-size: .7em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: auto;
  right: 39%;
  line-height: 1em;
  letter-spacing: -1px;
}
.bnr-price01tax-t {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #333;
  font-weight: bold;
  position: absolute;
  font-size: .5em;
  top: 64%;
  left: auto;
  right: 39%;
  letter-spacing: -0.1em;
}
.bnr-off-t {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #fff;
  font-size: .9em;
  font-weight: bold;
  position: absolute;
  text-shadow: 0 1px 0 #920550, 0 2px 0 #a50660, 0 3px 0 #bc0873;
  text-align: center;
  background: url(/toilet/img/shape_circle.png) center center no-repeat;
  letter-spacing: -1px;
  background-size: contain;
  height: 2.3em;
  width: 4em;
  line-height: 1.2;
  padding: 0.3em 0em 0.1em;
  top: 47%;
  left: auto;
  right: 25%;
}
.bnr_open_price {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #fff;
  font-size: 0.7em;
  font-weight: bold;
  position: absolute;
  text-shadow: 0 1px 0 #920550, 0 2px 0 #a50660, 0 3px 0 #bc0873;
  text-align: center;
  background: url(/toilet/img/shape_circle.png) center center no-repeat;
  letter-spacing: -1px;
  background-size: contain;
  height: 2.3em;
  width: 4em;
  line-height: 1em;
  padding: 0.7em 0.5em 0.5em;
  top: 47%;
  left: auto;
  right: 25%;
}
.bnr-off-t .small-font {
  font-size: .9em;
}
.bnr-price02 {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #db1c90;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 52%;
  left: auto;
  right: 2%;
  width: auto;
  letter-spacing: -1.5px;
}
.bnr-price02tax {
  font-family: FuturaMedium,"Avenir Next Condensed";
  color: #db1c90;
  font-size: 0.7em;
  font-weight: bold;
  position: absolute;
  top: 64%;
  left: auto;
  right: 2%;
  width: auto;
  letter-spacing: -0.1em;
}

/*新しいトイレを見つけよう*/
.simple_title {
  padding: 1.5% 2%;
  color: #fff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
}
.simple_gray {
  background-color: #698296;
  text-shadow: 2px 2px 1px #607789;
}
.flex_row {
  display: inline-flex;
  justify-content: space-between;
}
.row_2btn {
  width: 100%;
  padding: 10px 0;
}
.row_2btn .width_min {
  width: 49%;
}
.width_min {
  display: inline-block;
  width: 100%;
}
#contents .width_min img {
  width: 100%;
}
/*  シリーズリスト*/
.simple_grd_pink {
  text-shadow: 1px 1px 2px #7d1e5a;
  background-color: #de0285;
}
.toilet_series_list {
  width: 96%;
  padding: 15px 2% 5px;
  background-color: #f5f5f5;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.toilet_series_list li {
  width: 49%;
}
.toilet_series_list img {
  width: 100%;
}
.simple_grd_pink {
  background-color: #de0285;
  text-shadow: 1px 2px 1px #828282;
}
/*トイレ詳細 更新*/
.function_box {
    width: 100%;
}
.detail h4,
.detail storong {
    font-weight: bold;
    font-size: 13px;
    color: #0c68de;
}
.detail h4,
.detail storong {
    margin-bottom: 3px;
    display: block;
}
.detail > div {
    margin-bottom: 10px;
}
.detail a,
.thumbnail a {
    display: inline-block;
}
#contents .thumbnail img {
    max-width: 100%;
}
/*
.function_video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 98%;
    margin: 0 auto 10px;
}
.function_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
*/
.detail {
    margin: 0 auto 20px;
}
.detail.flex_box {
    display: inline-flex;
    flex-direction: column;
}
#contents .detail img {
    width: 100%;
}
#contents .detail.flex_box img {
    width: 85%;
    margin: auto;
}
/*    アメージュ便器：おすすめ便座*/
ul.recomend-seat {
    list-style: disc;
    margin-left: 22px;
}
ul.recomend-seat li:not(:first-of-type) {
    list-style: disc;
    padding-bottom: 1.5%;
    font-size: 0.95em;
}
ul.recomend-seat li:first-of-type {
    display: block;
    color: #fff;
    background-color: #87a5c7;
    margin: 0 0 5px -22px;
    text-align: center;
    padding: 1%;
}

/* maker video */
    .maker-video-img {
        margin: 0 auto;
    }
    .maker-video-img img {
        width: 100%!important;
    }
    .maker-video-btn {
        padding: 8px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }
    .maker-video-btn img {
        width: 100%!important;
    }
.maker-video-btn ul {
    display: flex;
    justify-content: center;
}

.maker-video-btn li {
    margin: 0 3px;
}