@charset "UTF-8";
/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/
.mod_main {
  margin-top: 1.1rem; }
  @media screen and (max-width: 460px) {
    .mod_main {
      margin-top: 33px; } }

.toiletArea .detail01 {
  padding-bottom: 1.18rem; }
  @media screen and (max-width: 460px) {
    .toiletArea .detail01 {
      padding-bottom: .35rem; } }
  @media screen and (max-width: 350px) {
    .toiletArea .detail01 .title {
      font-size: .19rem;
      letter-spacing: 0; } }

.toiletArea .ph {
  margin: .65rem 0; }
  @media screen and (max-width: 460px) {
    .toiletArea .ph {
      margin: .3rem 0; } }
  .toiletArea .ph img {
    height: auto;
    width: 100%; }

.toiletArea .txt {
  font-size: .17rem;
  line-height: 1.76;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 460px) {
    .toiletArea .txt {
      font-size: .13rem;
      line-height: 1.5; } }
  .toiletArea .txt p {
    margin-bottom: .31rem; }
    @media screen and (max-width: 460px) {
      .toiletArea .txt p {
        margin-bottom: .15rem; } }
  .toiletArea .txt h3 {
    display: block;
    font-weight: bold;
    margin-bottom: 0rem;
    padding-left: .17rem;
    position: relative; }
    @media screen and (max-width: 460px) {
      .toiletArea .txt h3 {
        font-size: .13rem;
        line-height: 1.5;
        padding-left: .14rem;
        margin-bottom: 0.04rem; } }
    .toiletArea .txt h3:before {
      background: #333333;
      border-radius: 50%;
      content: '';
      height: .14rem;
      position: absolute;
      left: 0;
      top: 0.09rem;
      width: .14rem; }
      @media screen and (max-width: 460px) {
        .toiletArea .txt h3:before {
          height: .1rem;
          top: 0.05rem;
          width: .1rem; } }
  .toiletArea .txt ul li {
    font-weight: bold; }
    .toiletArea .txt ul li p {
      font-weight: normal; }

@media print, screen and (min-width: 461px) {
  .recomArea .detail01 {
    padding: .55rem 0 0; } }

@media screen and (max-width: 460px) {
  .recomArea .detail01 {
    padding-top: .3rem; } }

.recomArea .detail01 .line {
  background: #e8e7e5; }
  .recomArea .detail01 .line:before, .recomArea .detail01 .line:after {
    background: #e8e7e5; }

.recomArea .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: .5rem; }
  @media screen and (max-width: 460px) {
    .recomArea .list {
      margin-top: .3rem; } }
  .recomArea .list .item {
    width: calc((100% - 0.72rem) / 3); }
    @media screen and (max-width: 460px) {
      .recomArea .list .item {
        width: 100%; } }
    .recomArea .list .item + .item {
      margin-left: 0.36rem; }
      @media screen and (max-width: 460px) {
        .recomArea .list .item + .item {
          margin-left: 0;
          margin-top: .1rem; } }
    .recomArea .list .item:nth-child(3n + 1) {
      margin-left: 0; }
    .recomArea .list .item .ttl {
      font-size: .2222rem;
      font-weight: bold;
      letter-spacing: .1em;
      line-height: 1.5;
      margin: .23rem 0 .58rem; }
      @media screen and (max-width: 460px) {
        .recomArea .list .item .ttl {
          font-size: .15rem;
          letter-spacing: .05em;
          line-height: 1.5;
          margin: .15rem 0; } }
      .recomArea .list .item .ttl span {
        display: block;
        color: #999999;
        font-size: .148rem; }
        @media screen and (max-width: 460px) {
          .recomArea .list .item .ttl span {
            font-size: .12rem; } }
    .recomArea .list .item .img {
      padding-top: 2.8rem; }
      @media screen and (max-width: 460px) {
        .recomArea .list .item .img {
          padding-top: 1.8rem; } }

@media print, screen and (min-width: 461px) {
  .question .detail01 {
    padding: .55rem 0 .8rem; } }

@media screen and (max-width: 460px) {
  .question .detail01 {
    padding-top: .3rem; } }

.question .listQuestion {
  margin-top: .54rem; }
  @media screen and (max-width: 460px) {
    .question .listQuestion {
      margin-top: .3rem; } }
  .question .listQuestion .item {
    background: #fff;
    border: 0.05rem solid #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .38rem; }
    @media screen and (max-width: 460px) {
      .question .listQuestion .item {
        border: 0.03rem solid #f2f2f2;
        padding: .18rem; } }
    .question .listQuestion .item + .item {
      margin-top: .4rem; }
      @media screen and (max-width: 460px) {
        .question .listQuestion .item + .item {
          margin-top: .15rem; } }
    .question .listQuestion .item .ttl {
      font-size: .28rem;
      font-weight: bold;
      letter-spacing: .05em;
      line-height: 1.78;
      margin-bottom: .2rem;
      padding-left: .5rem;
      position: relative; }
      @media screen and (max-width: 460px) {
        .question .listQuestion .item .ttl {
          font-size: .18rem;
          line-height: 1.67;
          letter-spacing: .03em;
          margin-bottom: .1rem;
          padding-left: .28rem; } }
      .question .listQuestion .item .ttl:before {
        font-family: aktiv-grotesk, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,verdana,"メイリオ","Meiryo","Osaka",sans-serif-serif;
        font-weight: 700;
        content: 'Q.';
        color: #0086cd;
        font-size: .4rem;
        font-weight: bold;
        left: 0;
        line-height: 1;
        position: absolute;
        top: 0; }
        @media screen and (max-width: 460px) {
          .question .listQuestion .item .ttl:before {
            font-size: .24rem; } }
    .question .listQuestion .item .txt {
      font-size: .17rem;
      letter-spacing: .1em;
      line-height: 1.76; }
      @media screen and (max-width: 460px) {
        .question .listQuestion .item .txt {
          font-size: .14rem;
          letter-spacing: .07em;
          line-height: 1.7; } }

@media print, screen and (min-width: 461px) {
  .contactArea {
    padding-top: .7rem; } }

/*# sourceMappingURL=bathroom-vanity.css.map */