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

/****スタイル***/

.x_style ul{
    display: flex;
    flex-wrap: wrap;
}
.x_style li {
    width: 49%;
    margin: .5%;
    margin-bottom: 0.25%;
    margin-top: 0;
}
.x_style p {
    font-size: 1.2em;
    padding: 2% 4%;
}

/****シリーズ一覧***/
.bnreria02 img {
    padding: 12% 12% 0;
}

/*****TOPバナー***/
.satis_top img{
	margin-bottom: 1.5%;
}
.satis_top img:hover{
    opacity: 0.6;
    filter: brightness(110%);
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*ラインナップ　シリーズ別の商品一覧*/

section.lineup .type{
 	width: 30%;
  padding: 7px;
  border: 1px solid #333;
  text-align: center;
  margin-bottom: 10px;
}



.toiletItems{
	text-align:center;
	font-size:0;
	margin-bottom:10px;
}

.toiletItems.last{
	margin-bottom:0;
}

.toiletItems .item{
	display:inline-block;
	vertical-align: top;
	width:44.4445%;
	max-width:100%;
	font-size:12px;
	margin-right:1.38889%;
}

.toiletItems .item:nth-child(2n){
	margin-right:0;
}

.toiletItems .item .pic img:first-child{
	float:left;
	width:71.875%;
}

.toiletItems .item .pic img:last-child{
	float:right;
	width:25%;
}


.toiletItems .item .detail{
	margin-top:5px;
}

.toiletItems .item .detail table{
	float:left;
	text-align:left;
}

.toiletItems .item .detail table tr.gasspecPrice{
	color:#009900;
}


.toiletItems .item .detail table td{
	padding:5px;
	font-size: 16px;
}

.toiletItems .item .detail table td.price{
	text-align:right;
}

.toiletItems .item .detail table td.power span{
	max-width:100%;
	text-align:center;
	display:block;
	border-radius:4px;
	padding:3px;
	color:#fff;
	background:#9F9FA0;
}

.toiletItems .item .detail .icon{
	width:25%;
	float:right;
	padding-top:5px;
}

.toiletItems .item .detail .icon img{
	display:block;
	width:100%;
}

.toiletItems .item .detail .totalPrice{
	clear:both;
	text-align:right;
  padding: 10px 5px 0 5px;
  border-bottom: 2px solid #CCC;
  background-color: #FF9;
}

.toiletItems .item .detail .totalPrice img{
	float:left;
}

.toiletItems .item .detail .totalPrice .price{
	display:inline-block;
  color: #EB0000;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}

/***本体カラバリ*****/
.colorvariation li {
    width: 25%;
    float: left;
    padding: 2%;
}
.colorvariation li:last-child {
	margin-bottom: 1%;
}
.colorvariation p {
	text-align: center;
}
.colorvari_text {
    margin: 2%;
    background: #f5f5f5;
    padding: 3%;
    font-size: 1.1em;
    margin-bottom: 5%;
	overflow: hidden;
	text-align: left !important;
}


/*タブレット*/
@media screen and (max-width : 767px){
	
	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

.toiletItems{
	text-align:center;
	font-size:0;
}

.toiletItems .item{
	display:inline-block;
	width:100%;
	margin-right:0%;
	margin-bottom: 10px;
}
	
.toiletItems .item .detail .icon img{

}
	
	
/*ラインナップ　シリーズ別の商品一覧*/

section.lineup .type{
 	width: 50%;
}

	
	
	
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

/***本体カラバリ*****/
.colorvariation li {
    width: 50%;
}
    
    
    
    
}



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

/****スタイル***/

.x_style ul{
    display: flex;
    flex-wrap: wrap;
}
.x_style li {
    width: 49%;
    margin: .5%;
    margin-bottom: 0.25%;
    margin-top: 0;
}
.x_style p {
    font-size: 1.2em;
    padding: 2% 4%;
}
.as_style ul{
    display: flex;
    flex-wrap: wrap;
}
.as_style li {
    width: 49%;
    margin: .5%;
    margin-bottom: 0.25%;
    margin-top: 0;
}
.as_style p {
    font-size: 1.2em;
    padding: 2% 4%;
}
.ex_style ul{
    display: flex;
    flex-wrap: wrap;
}
.ex_style li {
    width: 49%;
    margin: .5%;
    margin-bottom: 0.25%;
    margin-top: 0;
}
.ex_style p {
    font-size: 1.2em;
    padding: 2% 4%;
}

/*ラインナップ　シリーズ別の商品一覧*/

section.lineup .type{
 	width: 30%;
  padding: 7px;
  border: 1px solid #333;
  text-align: center;
  margin-bottom: 10px;
}



.toiletItems{
	text-align:center;
	font-size:0;
	margin-bottom:10px;
}

.toiletItems.last{
	margin-bottom:0;
}

.toiletItems .item{
	display:inline-block;
	vertical-align: top;
	width:44.4445%;
	max-width:100%;
	font-size:12px;
	margin-right:1.38889%;
}

.toiletItems .item:nth-child(2n){
	margin-right:0;
}

.toiletItems .item .pic img:first-child{
	float:left;
	width:71.875%;
}

.toiletItems .item .pic img:last-child{
	float:right;
	width:25%;
}


.toiletItems .item .detail{
	margin-top:5px;
}

.toiletItems .item .detail table{
	float:left;
	text-align:left;
}

.toiletItems .item .detail table tr.gasspecPrice{
	color:#009900;
}


.toiletItems .item .detail table td{
	padding:5px;
	font-size: 16px;
}

.toiletItems .item .detail table td.price{
	text-align:right;
}

.toiletItems .item .detail table td.power span{
	max-width:100%;
	text-align:center;
	display:block;
	border-radius:4px;
	padding:3px;
	color:#fff;
	background:#9F9FA0;
}

.toiletItems .item .detail .icon{
	width:25%;
	float:right;
	padding-top:5px;
}

.toiletItems .item .detail .icon img{
	display:block;
	width:100%;
}

.toiletItems .item .detail .totalPrice{
	clear:both;
	text-align:right;
  padding: 10px 5px 0 5px;
  border-bottom: 2px solid #CCC;
  background-color: #FF9;
}

.toiletItems .item .detail .totalPrice img{
	float:left;
}

.toiletItems .item .detail .totalPrice .price{
	display:inline-block;
  color: #EB0000;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}

/***本体カラバリ*****/
.colorvariation li {
    width: 25%;
    float: left;
    padding: 2%;
}
.colorvariation li:last-child {
	margin-bottom: 1%;
}
.colorvariation p {
	text-align: center;
}
.colorvari_text {
    margin: 2%;
    background: #f5f5f5;
    padding: 3%;
    font-size: 1.1em;
    margin-bottom: 5%;
	overflow: hidden;
	text-align: left !important;
}


/*タブレット*/
@media screen and (max-width : 767px){
	
	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

.toiletItems{
	text-align:center;
	font-size:0;
}

.toiletItems .item{
	display:inline-block;
	width:100%;
	margin-right:0%;
	margin-bottom: 10px;
}
	
.toiletItems .item .detail .icon img{

}
	
	
/*ラインナップ　シリーズ別の商品一覧*/

section.lineup .type{
 	width: 50%;
}

	
	
	
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

/***本体カラバリ*****/
.colorvariation li {
    width: 50%;
}
    
    
    
    
}