@charset "Shift_JIS";
/* ###########共通の設定########### */
*{
  box-sizing: border-box;
}
/* #全体の構造の設定# */
/* ###########共通設定########### */
/* #単語の途中でも折り返しさせる設定# */
body{
  color : #005959;
  font-size : 90%;
  font-family: メイリオ, 游ゴシック, "UD デジタル 教科書体 NP-R", sans-serif;
  margin-left : 0px;
  margin-right : 0px;
  overflow-x : hidden;
  padding-left : 0px;
  padding-right : 0px;
  box-sizing : border-box;
  overflow-wrap : break-word;
  word-wrap : break-word;
}
.sotowaku{
  width : 1000px;
  margin-left : auto;
  margin-right : auto;
  box-sizing : border-box;
}
.top{
  margin-left: auto;
  margin-right: auto;
  border-top-width : 15px;
  border-bottom-width : 15px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : teal;
  border-bottom-color : teal;
  width : 100%;
  height : 130px;
  box-sizing : border-box;
}
.contents{
  width : 98%;
  clear: both;
  box-sizing : border-box;
  margin-left : auto;
  margin-right : auto;
}
.mainbox{
  width : 80%;
  float: left;
  clear : both;
  box-sizing : border-box;
}
.sidebox{
  margin-top: 10px;
  width : 20%;
  float: left;
  box-sizing : border-box;
}
/* #ヘッダー部分の設定# */


.logo{
  float: left;
  width : 40%;
}
.logo img{
  width : 190px;
  margin-left : auto;
  margin-right : auto;
  display : block;
}
.aqua{
  float: left;
  width : 55%;
}
.aqua h1{
  padding-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  text-align : left;
  font-size : 95%;
  font-weight: bold;
  text-indent : 1em;
  width : 90%;
  margin-left : 0px;
}
.aqua h2{
  padding-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  font-size : 95%;
  text-align : left;
  text-indent : 1em;
  width : 90%;
  margin-left : 0px;
}
.aqua p{
  padding-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  font-size : 95%;
  text-align : left;
  text-indent : 1.5em;
  width : 90%;
  margin-left : 0px;
}
.topnavi{
  box-sizing: border-box;
}
.topnavi ul{
  list-style-type: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.topnavi li{
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.topnavi li a{
  text-decoration: none;
  display: block;
}
.topnavi li a:hover{
  text-decoration: underline;
  display: block;
  color: fuchsia;
  background-color: silver;
}
a{
  text-decoration: none;
  color: teal;
}
a:hover{
  text-decoration: underline;
  background-color : #d8d8d8;
  color: fuchsia;
  display : block;
}
.mainbox a{
  display : inline-block;
}
/* #メイン部分の設定# */

summary{
  cursor: pointer;
}
#lixil-hanbai{
  border-width : 3px;
  border-style : dotted;
  border-color : teal;
  padding-left : 10px;
  padding-right : 10px;
}
#lixil-hanbai img{
  display : block;
  float : left;
  margin-right : 2%;
  width : 10%;
}
input{
  font-weight : bold;
  width : 80%;
  background-color : #ffdbff;
  line-height : 2em;
}
/* #上部メーカーロゴ部分の設定# */

.sfc,.hako{
  width : 30%;
  float : left;
  margin-right : 7%;
}
.sfc img,.hako img{
  width : 70%;
  margin-left : 0%;
  margin-right : auto;
  display : block;
}
/* #セクション部分の設定# */

.mainbox h2{
  border-top-width: 1px;
  border-bottom-width: 5px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color : gray;
  border-bottom-color : gray;
  letter-spacing: 0.2em;
  text-align: center;
  font-weight: bold;
  clear : both;
  font-size : 120%;
  margin-top : 5px;
}
.mainbox h3{
  color: teal;
  text-align: center;
  letter-spacing: 0.2em;
  background-color: #e6e6e6;
  font-weight: bold;
  clear : both;
  margin-top : 6px;
  margin-right : auto;
  margin-bottom : 6px;
  margin-left : auto;
}
.mainbox h3 a{
  padding-bottom: 0;
  margin-top: 0;
  color: teal;
  text-align: center;
}
.mainbox h4{
  text-align : center;
  background-color : #00cccc;
  color : #0000ff;
  letter-spacing: 0.2em;
  width : 98%;
  clear : both;
  padding-bottom : 5px;
  margin-top : 5px;
  font-size : 100%;
  margin-left : auto;
  margin-right : auto;
}
.mainbox h4 a{
  color: white;
}
.mainbox h5{
  clear : both;
  font-size : 90%;
  width : 60%;
  margin-left : auto;
  margin-right : auto;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : teal;
  text-indent : 1em;
  letter-spacing : 0.2em;
  text-align : center;
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color : teal;
}
.mainbox h6{
  font-size : 110%;
  text-decoration : blink;
  width : 100%;
  margin-left : auto;
  margin-right : auto;
  letter-spacing : 1em;
  text-align : center;
  color : teal;
  background-color : #cccccc;
  background-repeat : repeat;
  padding-top : 5px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-bottom : 5px;
  clear : both;
}
/* #２枠写真入り解説部分の設定# */

.column{
  width : 80%;
  margin-left : auto;
  margin-right : auto;
  padding-bottom : 1em;
}
.column img{
  width : 25%;
  display : block;
  float : left;
  margin-right : 4%;
  margin-bottom : 1em;
}
.column li{
  padding-left : 30%;
  list-style-type : none;
  font-size : 85%;
  text-indent : 1em;
}
.column table{
  width : 40%;
  margin-left : 10%;
  margin-right : auto;
}
.column td{
  font-size : 85%;
}
.column p{
  font-size : 85%;
  width : 70%;
  margin-left : 30%;
  word-break : break-all;
}
.column ul{
  width : 100%;
}
/* #３列カート部分の設定# */
.cart3{
  width : 80%;
  box-sizing : border-box;
  margin-left : auto;
  margin-right : auto;
}
.cart3l{
  background-color : white;
  width : 33%;
  box-sizing : border-box;
  float : left;
  margin-left : auto;
  margin-right : auto;
}
.box-cart3{
  float : left;
  width : 67%;
}
.cart3m{
  width : 49%;
  box-sizing : border-box;
  float : left;
  text-align : center;
  background-color : #e4e4e4;
  margin-right : 1%;
  margin-top : 1em;
  margin-bottom : 1em;
  padding-top : 1em;
  padding-bottom : 1em;
}
.cart3r{
  width : 49%;
  box-sizing : border-box;
  float : left;
  text-align : center;
  background-color : #e4e4e4;
  margin-left : 1%;
  padding-top : 1em;
  padding-bottom : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
}
.cart3l img{
  width : 98%;
  box-sizing : border-box;
  margin-top : 1em;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  display : block;
}
.komikomi{
  font-weight: bold;
  color: black;
  background-color: #ff80c0;
  box-sizing : border-box;
}
/* タカラの一覧写真 */

/* #サイドナビ部分の設定# */


.sidenavi{
  width : 100%;
}
.sidenavi ul{
  list-style-type: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width : 100%;
}
.sidenavi li{
  color: white;
  background-color: #009595;
  text-align: center;
  border-width : 2px 2px 2px 15px;
  border-style: outset;
  border-color : #008b8b #008b8b #008b8b #004242;
  font-weight: bold;
  letter-spacing : 0.1em;
  margin-left: auto;
  margin-right: auto;
  text-indent: 5%;
  margin-top : 5px;
  width : 96%;
  margin-bottom : 10px;
  line-height : 3em;
  font-size : 90%;
}
.sidenavi li a{
  color: white;
}
.sidenavi li a:hover{
  color: fuchsia;
}
/* #フッター部分ーの設定# */

footer{
  clear: both;
  width : 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 80%;
  padding-top: 10px;
}
footer p{
  float: left;
  color: yellow;
  width: 50%;
  text-align: center;
  background-color: #008B8B;
}
.logo a{
  color: white;
}
/* #休みの案内# */
.caution{
  color: #990099;
  font-weight: normal;
  letter-spacing: 0.2em;
}
.caution h3{
  color: white;
  background-color: #990099;
  text-align: center;
  letter-spacing: 1em;
  font-weight: bold;
}
/* #文字色と太字# */
.pink{
  background-color : #ffdbff;
  font-weight : bold;
  color : #004f4f;
}
.ue{
  text-align : right;
  clear : both;
}
.futo{
  font-weight : bold;
}
.futoaka{
  font-weight : bold;
  color : #cc0000;
}
.clear{
  clear : both;
}
.aka{
  color : #cc0000;
}
.akadai{
  font-size : 100%;
  color : #cc0000;
  letter-spacing : 0.2em;
}
.hai{
  background-color : #cccccc;
}
#cleansui{
  border-width : 5px;
  border-style : dotted;
  border-color : fuchsia;
  margin-left : 10px;
  margin-right : 10px;
  padding-left : 10px;
  padding-right : 10px;
  box-sizing : border-box;
  padding-bottom : 10px;
  margin-bottom : 10px;
}
.oshirase{
  clear : both;
  color : #cc0000;
  margin-top : 10px;
  font-size : 100%;
  text-align : right;
}
/* 純正品・同一品・互換品 */
.jyunsei{
  font-weight : 600;
  border-width : 3px;
  border-style : solid;
  border-color : teal;
  background-color : #00c6c6;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  color : white;
  margin-left : 1px;
  margin-right : 1px;
}
.jyunsei-1{
  font-weight : 600;
  border-width : 3px;
  border-style : solid;
  border-color : teal;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
}
.jyunsei-ok{
  font-weight : bold;
  text-align : center;
  border-width : 3px;
  border-style : dotted;
  border-color : teal;
  width : 80%;
  clear : both;
  letter-spacing : 0.2em;
  background-color : #f3f3f3;
  margin-left : auto;
  margin-right : auto;
  color : fuchsia;
}
.onaji{
  font-weight : 600;
  border-width : 3px;
  border-style : solid;
  border-color : teal;
  background-color : #b0ffff;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
}
.onaji-1{
  font-weight : 600;
  border-width : 3px;
  border-style : solid;
  border-color : teal;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
}
.gokan{
  font-weight : 600;
  border-width : 4px;
  border-style : dotted;
  border-color : teal;
  background-color : #d7d7d7;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : 1px;
  margin-right : 1px;
  color : #5a5a5a;
}
.gokan-1{
  font-weight : 600;
  border-width : 4px;
  border-style : dotted;
  border-color : teal;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
  color : gray;
}
.jytyuu{
  font-weight : 600;
  border-width : 1px;
  border-style : solid;
  border-color : red red #cc0000;
  text-align : center;
  font-size : 90%;
  box-sizing : border-box;
  margin-top : 1px;
  margin-bottom : 1px;
  color : #cc0000;
  margin-left : 1px;
  margin-right : 1px;
  background-color : #ffe6ff;
  letter-spacing : 5px;
  line-height : 2em;
  clear : both;
}
.kyuuhinmei{
  border-width : 2px;
  border-style : double;
  border-color : gray;
  width : 70%;
  text-align : center;
  clear : both;
  letter-spacing : 0.1em;
  color : gray;
  font-weight : bold;
  margin-left : auto;
  margin-right : auto;
}
.gokan-ok{
  font-weight : bold;
  text-align : center;
  border-width : 3px;
  border-style : dotted;
  border-color : fuchsia;
  width : 80%;
  clear : both;
  letter-spacing : 0.2em;
  margin-left : auto;
  margin-right : auto;
}
.henkou,.change{
  font-weight : bold;
  text-align : center;
  width : 50%;
  border-width : 5px;
  border-style : dotted;
  border-color : teal;
  margin-left : auto;
  margin-right : auto;
  letter-spacing : 0.1em;
}
#linkmark li{
  list-style-type : square;
}
h4.haiban,h4.kyuu{
  color : white;
  background-color : #a9a9a9;
  width : 80%;
  margin-left : auto;
  margin-right : auto;
}
.cart2x li{
  text-indent : 2em;
  list-style-type : none;
}
.comment{
  width : 80%;
  border-width : 1px;
  border-style : dotted;
  border-color : teal;
  margin-left : auto;
  margin-right : auto;
  clear : both;
  padding-left : 5px;
  padding-right : 5px;
  word-break: break-all;
  font-size : 100%;
}
.comment p{
  margin-top : 5px;
  margin-bottom : 5px;
}
.comment img{
  padding-right : 4%;
  width : 25%;
  float : left;
}
.comment >.henkou{
  width : 90%;
  font-size : 100%;
  font-weight : bold;
  text-align : center;
  background-color : #dbdbdb;
}
.comment li{
  list-style-type : disc;
  letter-spacing : 2px;
}
.gokan-no{
  color : #cc0000;
  font-weight : bold;
  text-align : center;
  width : 80%;
  letter-spacing : 0.1em;
  border-width : 2px;
  border-style : solid;
  border-color : #cc0000;
}
strong{
  font-weight : bold;
  color : #cc0000;
}
.lixil{
  font-weight : bold;
  text-align : center;
  border-width : 2px;
  border-style : dashed;
  border-color : teal;
  clear : both;
  width : 80%;
  font-size : 90%;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  margin-left : auto;
  margin-right : auto;
  color : teal;
}
span{
  font-weight : bold;
}
.comment-p{
  width : 20%;
  float : left;
  margin-right : 5%;
}
.comment-p img{
  display : block;
  width : 100%;
}
.matome{
  border-left-width : 20px;
  border-right-width : 20px;
  border-left-style : double;
  border-right-style : double;
  border-left-color : teal;
  width : 70%;
  font-weight : bold;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  letter-spacing : 0.2em;
  background-color : #dfdfdf;
}
summary:hover{
  background-color : #ffc6ff;
}
em{
  font-weight : bold;
}
/* ###########999p以下での設定########### */

@media (max-width: 999px) {
  /* 画面の幅可変 */


.sotowaku{
  width : 100%;
}
}
/* ###########829p以下での設定########### */

@media (max-width: 839px) {
  /* ヨコ１段画面の幅可変 */
.sotowaku{
  width : 100%;
  margin-left : auto;
  margin-right : auto;
}
.mainbox{
  width : 100%;
  float: left;
  box-sizing : border-box;
}
.sidebox{
  width : 100%;
  float: left;
  box-sizing : border-box;
}
.sidenavi{
  width : 100%;
  box-sizing : border-box;
}
.sidenavi li{
  display : block;
  float : left;
  margin-right : 1%;
  font-size : 80%;
  box-sizing : border-box;
  width : 32%;
}
.cart3m,.cart3r{
  font-size : 95%;
}
}
/* ###########699p以下での設定########### */

@media (max-width: 699px) {
  /* トップ部分の幅調整 */
.sotowaku{
  width : 100%;
  margin-left : auto;
  margin-right : auto;
}
.logo{
  width : 30%;
  padding-left : 5%;
}
.aqua{
  width : 65%;
  box-sizing : border-box;
}
.mainbox h5{
  width : 75%;
}
.cart3{
  width : 500px;
  margin-left : auto;
  margin-right : auto;
}
.cart3l{
  width : 100%;
  margin-left : auto;
  margin-right : auto;
}
.cart3l img{
  display : block;
  margin-left : auto;
  margin-right : auto;
  width : 250px;
}
.box-cart3{
  width : 100%;
}
.cart3m,.cart3r{
  width : 50%;
  float: left;
  margin-left : auto;
  margin-right : auto;
  font-size : 100%;
}
}
/* ###########560p以下での設定########### */

@media (max-width: 560px) {
  .sotowaku{
  width : 96%;
  margin-left : auto;
  margin-right : auto;
}
/* サイドナビの幅調整 */
.sidebox{
  width : 100%;
  float: left;
  box-sizing : border-box;
}
.sidenavi{
  width : 100%;
  box-sizing : border-box;
}
.sidenavi li{
  display : block;
  float : left;
  margin-right : 1%;
  font-size : 80%;
  box-sizing : border-box;
  width : 49%;
}
/* トップ部分の調整 */
.top{
  height : 200px;
}
.logo{
  width : 100%;
}
.aqua{
  width : 100%;
  box-sizing : border-box;
}
.aqua h1{
  font-size : 80%;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
.aqua h2{
  font-size : 80%;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
.aqua p{
  font-size : 80%;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
input{
  font-size : 90%;
}
.mainbox h5{
  width : 90%;
}
.contents{
  width : 100%;
}
.mainbox{
  width : 100%;
}
.cart3{
  width : 250px;
  margin-left : auto;
  margin-right : auto;
}
.cart3l{
  width : 100%;
  margin-left : auto;
  margin-right : auto;
}
.cart3l img{
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.box-cart3{
  width : 100%;
}
.cart3m,.cart3r{
  width : 100%;
  margin-left : auto;
  margin-right : auto;
  font-size : 100%;
}
.comment{
  width : 90%;
}
.hako{
  width : 35%;
}
.comment-p{
  width : 40%;
  padding-right : 5%;
}
footer p{
  width : 100%;
}
}
/* ###########325p以下での設定########### */


@media (max-width: 310px) {
  /* トップ部分の調整 */
.sotowaku{
  width : 98%;
  margin-left : auto;
  margin-right : auto;
}
dd{
  font-size : 70%;
}
.akadai{
  font-size : 75%;
}
.sidenavi li{
  width : 100%;
}
.komikomu{
  font-size : 75%;
}
}
.zaiko{
  font-weight : bold;
  color : #cc0000;
  border-width : 2px;
  border-style : solid;
  border-color : #cc0000;
  background-color : white;
  text-align : center;
  margin-left : 1px;
  margin-right : 1px;
}
.oem-taiou{
  text-align : left;
  text-indent : 2em;
  border-left-width : 10em;
  border-left-style : solid;
  border-left-color : #00cccc;
}
.tasya-taiou{
  text-indent : 2em;
  border-left-width : 10em;
  border-left-style : solid;
  border-left-color : #E0FFFF;
}
.taiounasi{
  text-indent : 2em;
  border-left-width : 10em;
  border-left-style : solid;
  border-left-color : #999999;
}
.point{
  font-size : 120%;
  font-weight : bold;
  letter-spacing : 0.5em;
  text-align : center;
}
.point img{
  height : 1.5em;
}
.futodai{
  font-size : 110%;
  font-weight : bold;
  letter-spacing : 5px;
}
.soldout{
  font-weight : bold;
  color : black;
  border-width : 2px;
  border-style : solid;
  border-color : black;
  background-color : #e0e0e0;
  margin-left : auto;
  margin-right : auto;
  width : 80%;
  line-height : 2.5em;
  letter-spacing : 5px;
  text-align : center;
  font-size : 110%;
  font-family : メイリオ;
}
h4.kai-gokan{
  width : 80%;
  color : #000099;
  background-color : #dfffff;
}
.uridome{
  font-weight : bold;
  color : #990099;
  background-color : #f1f1f1;
  text-indent : 0em;
  font-size : 110%;
  letter-spacing : 3px;
  border-width : 2px;
  border-style : dotted;
  border-color : #990099;
  margin-top : 3px;
  margin-left : 3px;
  margin-right : 3px;
  margin-bottom : 3px;
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
  text-align : center;
}
hr{
  clear : both;
}
.nisemono{
  background-color : #e2e2e2;
  text-align : center;
  width : 80%;
  clear : both;
  border-top-width : 2px;
  border-top-style : dotted;
  border-left-width : 2px;
  border-right-width : 2px;
  border-bottom-width : 2px;
  border-left-style : dotted;
  border-right-style : dotted;
  border-bottom-style : dotted;
  margin-left : auto;
  margin-right : auto;
  color : #db0000;
  font-size : 105%;
  font-weight : bold;
}