@charset "UTF-8";
/* CSS Document */


/*********************

	common

*********************/
.section {
	margin-top: -56px;
	padding-top: 56px;
	padding-bottom: 60px;
}

h2 { text-align: center; margin-bottom: 40px; }


/*=====
	anchorNav
=====*/
.anchorNav { text-align: center; margin-bottom: 70px; }
.anchorNav.bottom { margin-top: 70px; }
.anchorNav li { display: inline-block; margin: 0 20px 10px; }
@media screen and (max-width: 768px) {
  .anchorBox { padding-top: 70px; margin-top: -70px; }
}
@media screen and (max-width: 480px) {
  .anchorNav li { margin: 0 10px 10px; }
}

/*=====
	eqTtl
=====*/
.eqTtl { border-bottom: 1px solid #fff; margin-bottom: 30px; }

/*=====
	main_img
=====*/
.main_img { position: relative; margin-bottom: 40px; }
.main_img img { width: 100%; height: auto; }
.main_img .note { position: absolute; bottom: 5px; right: 5px; color: #222; }
.main_img .note.white { color: #fff; }

/*=====
	itembox
=====*/
.itembox { font-size: 0px; }
.itembox li { display: inline-block; text-align: left; margin-bottom: 30px; margin-right: 3.75%; vertical-align: top; }
.itembox li .pic { position: relative; }
.itembox li img { width: 100%; height: auto; }
.itembox li .pic .note { position: absolute; bottom: 5px; right: 5px; color: #222; }
.itembox li .pic .note.white { color: #fff; }
.itembox li h5 { font-size: 15px; line-height: 1.5; margin: 15px 0 0; font-family: "Noto SansJapanese Light", "Lucida Grande", "Lucida Sans Unicode","Noto SansJapanese","Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴシック ProN", Hiragino Kaku Gothic ProN , sans-serif; }
.itembox li h5 .cap { font-size: 13px; }
.itembox li .txt { margin-top: 8px; font-size: 13px; }
.itembox li .txt .note { line-height: 1.5; display: block; margin-top: 5px; }

.subBox { font-size: 0; }
.subItem { display: inline-block; vertical-align: top; }

/*item2*/
.itembox.item2 li { width: 48.125%; }
.itembox.item2 li:nth-child(even) { margin-right: auto; }
.itembox.item2 .subItem { width: 46.1038%; margin-right: 7.7922%; }
.itembox.item2 .subItem:nth-child(even) { margin-right: auto; }

/*item3*/
.itembox.item3 li { width: 30.8333%; }
.itembox.item3 li:nth-child(3n) { margin-right: auto; }
.itembox.item3 li.item3-2 { width: 65.4166%; }

/*item4*/
.itembox.item4 li { width: 22.1875%; }
.itembox.item4 li:nth-child(4n) { margin-right: auto; }

@media screen and (max-width: 640px) {
  /*item2*/
  .itembox.item2.layoutB li { width: 100%; }
  /*item3*/
  .itembox.item3.layoutB li { width: 100%; }
  /*item4*/
  .itembox.item4 li { width: 48.125%; }
  .itembox.item4 li:nth-child(even) { margin-right: auto; }
}
@media screen and (max-width: 480px) {
  /*item2*/
  .itembox.item2 li { width: 100%; margin-right: auto; }
  .itembox.item2 .subItem { width: 100%; margin-right: auto; margin-bottom: 20px; }

  /*item3*/
  .itembox.item3 li { width: 100%; margin-right: auto;  }
  .itembox.item3 li.item3-2 { width: 100%; }

  /*item4*/
  .itembox.item4 li { width: 100%; margin-right: auto;  }
}

/*=====
	kitchen
=====*/
#kitchen { margin-bottom: 50px; }
#kitchen li.item3-2 { margin-right: auto; }
#kitchen li#conro .pic { overflow: hidden; }
#kitchen li#conro .pic .fl { float: left; }
#kitchen li#conro .pic .fr { float: right; }
#kitchen li#conro .pic img { width: 48%; }
#kitchen li#cupbord { overflow: hidden; }
#kitchen li#cupbord .pic { float: left; width: 48%; margin-right: 3%; margin-bottom: 10px; }
#kitchen li#cupbord h5 { margin-top: 0; }

/*=====
	powder
=====*/
#powder { margin-bottom: 50px; }

/*=====
	bath
=====*/
#bath { margin-bottom: 50px; }
.mistyBox {}
.misty1 { overflow: hidden; }
.misty1 .pic { float: left; width: 46.1038%; margin-right: 4%; margin-bottom: 10px; }
.itembox li .misty1 h5 { margin-top: 0; }

.misty2 { background-color: #222222; }
.misty2_in { padding: 15px; }
.misty2_in .group { overflow: hidden; border-bottom: 1px solid #444444; padding-bottom: 6px; margin-bottom: 6px; }
.misty2_in .group.last { border: none; padding-bottom: 0; margin-bottom: 0; }
.misty2_in .pic { float: right; margin-left: 17px; width: 48%; }

@media screen and (max-width: 480px) {
  .misty1 .pic { float: none; width: 100%; margin-right: auto; margin-bottom: 10px; }
}

/*=====
	toilet
=====*/
#toilet { margin-bottom: 50px; }


/*=====
	rooms
=====*/
#rooms { margin-bottom: 50px; }
#rooms li#handsPush { margin-right: auto; }