@charset "UTF-8";
/*---------------------------------------------------------------
base.css
-----------------------------------------------------------------
table of contents

	1. Reset
	2. Basic Style
	3. Layout
	4. Pages Layout
	5. Libraries
-----------------------------------------------------------------
font-size table

	10px : 77%		16px : 123.1%
	11px : 85%		17px : 131%
	12px : 93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/



#lp #series .article-wrapper2 {
    margin: 0 auto;
    padding: 0 31px;
    width: 960px;
}

#lp #series .article-wrapper2 {
  *zoom: 1;
}

#lp #series .article-wrapper2:before, #lp #series .article-wrapper2:after {
  content: "";
  display: table;
}

#lp #series .article-wrapper2:after {
  clear: both;
}

#lp #series .article-wrapper2 article {
  float: left;
  padding: 0 3px 0 0;
  margin-bottom: 25px;
  text-align: center;
  width: 234px;
}

#lp #series .article-wrapper2 article a span{
  background-color: #fff;
  display: block;
  width: 234px;
  overflow: hidden;
  margin: 0 0 17px 0;
}

#lp #series .article-wrapper2.col4 article {
  padding: 0 4px 0 0;
  width: 237px;
}

#lp #series .article-wrapper2.col4 article a span{
  width: 237px;
  height: 238px;
}

#lp #series .article-wrapper2 article img {
  opacity: 1;
  position: relative;
}

#lp #series .article-wrapper2 article a:hover span{
  opacity: .7;
}


#lp #series .article-wrapper2 article p {
  background: url(../images/lp/series_icon_yen.gif) no-repeat;
  display: inline-block;
  /*font-size: 20px;*/
  font-size: 14px;
  line-height: 21px;
  padding: 0 0 0 27px;
}

#lp #series .article-wrapper2 article p span{
  font-size: 15px;
  display: inline;
  background-color: none;
  width: auto;
  height: auto;
  margin: 0;
  letter-spacing: 1px;
  padding: 0 1px 0 2px;
}

#lp #series .article-wrapper2 article a:hover p span{
  opacity: 1;
}

#lp #series .article-wrapper2 article.last {
  padding: 0;
}


#lp #series .article-wrapper2 {
    margin: 0 auto;
    padding: 0 31px;
    width: 720px;
}

#lp #series .article-wrapper2 {
  *zoom: 1;
}

#lp #series .article-wrapper2:before, #lp #series .article-wrapper2:after {
  content: "";
  display: table;
}

#lp #series .article-wrapper2:after {
  clear: both;
}

#lp #series .article-wrapper2 article {
  float: left;
  padding: 0 3px 0 0;
  margin-bottom: 25px;
  text-align: center;
  width: 234px;
}

#lp #series .article-wrapper2 article a span{
  background-color: #fff;
  display: block;
  width: 234px;
  overflow: hidden;
  margin: 0 0 17px 0;
}

#lp #series .article-wrapper2.col4 article {
  padding: 0 4px 0 0;
  width: 237px;
}

#lp #series .article-wrapper2.col4 article a span{
  width: 237px;
  height: 238px;
}

#lp #series .article-wrapper2 article img {
  opacity: 1;
  position: relative;
}

#lp #series .article-wrapper2 article a:hover span{
  opacity: .7;
}


#lp #series .article-wrapper2 article p {
  background: url(../images/lp/series_icon_yen.gif) no-repeat;
  display: inline-block;
  /*font-size: 20px;*/
  font-size: 14px;
  line-height: 21px;
  padding: 0 0 0 27px;
}

#lp #series .article-wrapper2 article p span{
  font-size: 15px;
  display: inline;
  background-color: none;
  width: auto;
  height: auto;
  margin: 0;
  letter-spacing: 1px;
  padding: 0 1px 0 2px;
}

#lp #series .article-wrapper2 article a:hover p span{
  opacity: 1;
}

#lp #series .article-wrapper2 article.last {
  padding: 0;
}
.thumbs-s{
  overflow: hidden;
  width: 483px;
  zoom: 1;
}

#lp #series .article-wrapper2 double {
    margin: 0 auto;
    padding: 0 31px;
    width: 480px;
}

.thumbs-s li{
  float: left;
  padding: 0 3px 3px 0;
  overflow: hidden;
  width: 238px;
  height: 183px
}

.thumbs-s li video{
  height: 100%;
  width: 100%;
}

.thumbs-s .thumbs-03{
  clear: left;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.hide{
  display: none;
}

#hack{
  width:0;
  height:0;
  -webkit-animation:hack 2000ms infinite;
}

@-webkit-keyframes hack {
  0%{
    -webkit-transform: rotate(0);
  }
  100%{
    -webkit-transform: rotate(360deg);
  }
}


/* 201703 パンくず追加 */

/* 202405 バスルームシリーズナビスマホスタイル追加 */
@media (min-width: 0px) and (max-width: 640px) {
	#lp #series .article-wrapper2{
		max-width: 318px;
	}
	#lp #series .article-wrapper2 article{
		width: 150px;
		padding: 0 8px 0 0;
		margin-bottom: 0;
	}
	#lp #series .article-wrapper2 article a span{
		width: 150px;
		margin: 0 0 8px 0;
	}
}