@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /*デフォルト設定の時の基準が16pxの62.5%、つまり10px。10px*/
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem; /* 16px*/
  line-height: 2;
  color: #484848;
  margin: 0px;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 896px) {
  body {
    /*font-size:9pt;*/
    font-size: 1.3rem; /* 12px*/
  }
}
@media screen and (max-width: 481px) {
  body {
    font-size: 1.2rem; /* 12px*/
  }
}
/* ↓↓↓↓ 外枠 start ↓↓↓↓ */
#wrap {
  max-width: 1200px;
  height: auto;
  margin: 0px auto 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 896px) {
  #wrap {
    max-width: 800px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 481px) {
  #wrap {
    padding: 0 20px;
  }
}
/* ↑↑↑↑ 外枠 end ↑↑↑↑*/
/* ↓↓↓↓ ヘッダー関係 start ↓↓↓↓ */
.header {
  height: auto;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
header form {
  margin: 0;
}
/*カテゴリーメニュー start */
.top-menu {
  height: auto;
  margin: 10px auto 0 auto;
  padding: 0;
}
.topicpath {
  height: auto;
  margin: 10px 0 10px 0;
  padding: 0 0 5px 0; /* border-bottom:#F5F5F5 solid 1px;*/ background: url(/img/topicpath-shadow.png) repeat-x bottom center;
}
.topicpath h1 { /*height:20px;*/ margin: 0px 0 4px 0;
  padding: 4px 5px 4px 5px;
  background-color: #3366cc;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  overflow: hidden;
  line-height: 1.5em;
  font-size: 1.1em;
}
.topicpath h2 { /*height:20px;*/ 
  margin: 8px 0 4px 0;
  padding: 4px 0 4px 2px;
  line-height: 1.4em;
}
.topicpath h2:nth-of-type(2){
  margin: 0 0 6px 0;
  padding: 0 0 4px 2px;
}


.topicpath a {
  text-decoration: underline;
  color: #1500DA;
}
.topicpath a:hover {
  text-decoration: none;
  color: #1500DA;
}
/*カテゴリーメニュー end */
/* ↑↑↑↑ ヘッダー関係 end ↑↑↑↑*/
/* ↓↓↓↓ コンテンツ関係 start ↓↓↓↓ */
.body {
  height: auto;
  margin: 0;
  padding: 5px 0 5px 0;
}
.left-box {
  width: 29%;
  /*min-width: 250px;*/
  height: auto;
  margin: 0;
  padding: 0 0 0 5px;
  float: left;

  text-align: center;
}
.right-box {
  width: 71%; /*max-width:75%;*/ height: auto;
  margin: 0;
  padding: 0 0 20px 8px;
  float: left;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  .left-box {
    width: 100%;
  }
  .right-box {
    width: 100%; /*max-width:75%;*/
  }
}
.item-photo {
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
}
.item-photo img {
  max-width: 100%;
  height: auto;
}
.item-comment { /*width:513px;*/ height: auto;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
.item-comment a {
  color: #0000ff;
  text-decoration: underline;
}
.item-comment a:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #ffffcc;
}
.item-comment img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 481px) {
  #wrap {
    height: auto;
    margin: 0px auto 0 auto;
    padding: 0 0.5em;
  }
  .left-box {
    height: auto;
    margin: 0 auto;
    padding: 0 0 0 0;
    line-height: 1.8;
    text-align: center;
  }
  .right-box { /*width:513px; */ height: auto;
    margin: 20px auto 0px auto;
    padding: 0 0 20px 0;
    clear: both;
  }
  .item-photo {
    width: 100%;
  }
}
/*------------　資料添付欄　start--------------*/
#document h4 {
  margin: 10px 0 0 0;
  padding: 10px 0 10px 15px;
  background: whitesmoke; /*背景色*/
  font-size: 1em;
  text-align: left;
  border-top: solid 2px #ADADAD;
}
#document ul {
  margin-top: 5px;
  padding: 0;
}
#document ul li {
  color: black;
  border-left: solid 8px #ADADAD; /*左側の線*/
  background: whitesmoke; /*背景色*/
  margin-bottom: 5px; /*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.7em 0.7em 0.7em 1em;
  /*	content: '\00bb';*/
  list-style-type: none !important;
  text-align: left;
  
}
#document ul li a {
  text-decoration: none;
}
#document ul li a:hover {
  color: #3498db;
  text-decoration: none;
}
#document ul li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f15c';
  font-weight: 900;
  color: #484848;
  margin-right: 10px;
}
/* 図面・照度等 */
/*.anteiki-simple {
  margin-top: 8px;
  padding-top: 34px;
  font-size: 12px;
  width: 100%;
  height: auto;
  background: url(img/date-250-30.gif) no-repeat;
}
.anteiki-simple ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.anteiki-simple li {
  margin: 0 0 5px 0;
  padding: 0;
  width: 250px;
  text-align: left;
  line-height: 1.2em;
}
.anteiki-simple a {
  margin: 0;
  padding: 5px 0 5px 22px;
  background: url(img/date-icon.gif) no-repeat;
  background-position: left top;
  width: 228px;
  height: auto;
  color: #00f;
  display: block;
}
.anteiki-simple a:hover {
  text-decoration: none;
  color: #b00000;
  background: url(img/date-icon-hover.gif) no-repeat;
  background-position: left top;
}
.anteiki-simple clear {
  clear: both;
  visibility: hidden;
  height: 0;
}*/
/* 商品写真一覧 設定 */
.block-phot-all {
  padding: 10px 0 5px 0;
  margin: 0 auto;
  /*width: 250px;*/
  text-align: left;
}
@media screen and (max-width: 896px) {
  .block-phot-all {
    height: auto;
    margin: 0px auto 0 auto;
    width: 100%;
    text-align: center;
  }
}
.block-phot-all img {
  margin: 0px;
  padding: 0;
}
.block-phot-all a img {
  border: 1px solid #CCC;
  margin: 2px;
}
.block-phot-all a:hover img {
  border: 1px solid #C00;
}
/*ギャラリー*/
#lightgallery {
  box-sizing: border-box;
  margin: 0px auto 20px auto;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
.lightgallery {
  margin: auto;
  overflow: hidden;
  width: 100%;

}
.lightgallery-set {
 /*display: flex;*/
 overflow: hidden;
 text-align: center;
   line-height: 0;
}
.lightgallery-set div {
  /* 左に並びます */
  float: left;
  border: 1px solid #CCC;
  margin: 2px;
  padding: 0;
}
.lightgallery-set div:nth-child(1) {
  border-style: none;
  text-align: center;
  width: 100%;
  padding-bottom: 5px;
}
#lightgallery div:nth-child(2) {
  clear: both;
  
}
.lightgallery-set img {
  cursor: pointer;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 896px) {
  #lightgallery div:nth-child(1) {
    width: 100%;
    height: auto;
    margin: 0px auto 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 481px) {
  #lightgallery div:nth-child(1) {
    width: 100%;
    text-align: center;
  }
}
.h3title {
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
}
/* カートレイアウト */
.cart-frame {
  clear: both;
  margin: 25px 0;
  padding: 20px 20px 15px 20px;
  border: #CCCCCC solid 5px;
  overflow: hidden;
}
@media screen and (max-width: 481px) {
  .cart-frame {
     padding: 15px 0px 10px 0px;
	 border-top:#CCCCCC solid 5px;
	 /*border-bottom:#CCCCCC solid 5px;*/
	 border-bottom:none;
	 border-right:none;
	 border-left:none;
  }
}
.cart-box-gazou {
  margin: 5px 0 20px 0;
  padding: 0;
  overflow: hidden;
}
.cart-box-gazou p {
  margin: 3px 0 3px 0;
  padding: 0;
  width: 100px;
  float: left;
  text-align: center;
}

@media screen and (max-width: 481px) {
.cart-box-gazou {
border-bottom:#CCCCCC solid 5px;
}
  .cart-box-gazou p {
    float: none;
	width: 100%;
  }
}
.cart-box-gazou form {
  margin: 0 0px 8px 110px;
  padding: 0;
  display: block;
  font-size: 0.9em;
}
@media screen and (max-width: 481px) {
  .cart-box-gazou form {
   margin-left:0px;
    font-size: 1em;
  }
}
.cart-box-gazou img {
  margin: 0 0 3px 0;
}
.cart-box-gazou img.syosai {
  margin: 0 0 0 105px;
}
/* freeスペース */
.freespace {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0;
  clear: both;
  line-height: 1.8;
}
.freespace a {
  color: #0000ff;
  text-decoration: underline;
}
.freespace a:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #ffffcc;
}
.freespace ul {
  padding: 0;
}
.freespace ul.list {
  margin: 5px 0 0 1.5em;
}
.freespace ul.list li {
  margin: 0 0 5px 0;
}
.freespace ol {
  padding: 0;
}
.freespace ol.list {
  margin: 5px 0 0 2em;
}
.freespace ol.list li {
  margin: 0 0 5px 0;
}
/* 斜めラインの区切り */
.line {
  margin: 20px auto;
  clear: both;
  background: url(/img/line.gif) repeat-x 0 0px;
}
/* 画面よりサイズがあふれたら、tableをスクロール */
.scroll {
  overflow: auto; /*tableをスクロールさせる*/ /*white-space: nowrap;*/ /*tableのセル内にある文字の折り返しを禁止*/
  margin: 0px 0 15px 0;
}
.scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/ height: 5px;
}
.scroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/ background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/ background: #BCBCBC;
}
.body table.block {
  width: 100%;
  border: solid 1px #cccccc;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 10px;
}
.body table.block th {
  border: solid 1px #cccccc;
  /*padding : 2px;*/
  padding: 10px 5px;
  text-align: center;
  line-height: 1.5em;
  font-weight: normal;
  background-color: #F5F5F5;
}
.body table.block td {
  border: solid 1px #cccccc;
  /*padding : 2px;*/
  padding: 10px 5px;
  text-align: left;
  line-height: 1.5em;
}
.body table.block a {
  color: #0000ff;
  text-decoration: underline;
}
table.block a:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #ffffcc;
}
/* 関連 設定 */
.kanren {
border-top: solid 1px #cccccc;
  width: 100%;
  height: auto;
  margin: 30px 0 5px 0;
  padding: 20px 0 0 0;
  /*background: url(icon/kanren-bar.jpg) no-repeat;*/
  overflow: auto;
}
.kanren::before {
  content: ' 関連商品 ';
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin:0 0 0 45%;
  line-height: 3em;
 
}
@media screen and (max-width: 481px) {
  .kanren {
  margin-top: 0px;
  padding-top: 10px;
    border-top:none;
  }
  .kanren::before {
  margin:0 0 0 43%;
}
}
.kanren ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kanren li {
  width: 49%;
  margin: 0 0 5px 5px;
  padding: 3px;
  /*  background: url(icon/kanren-back.gif) no-repeat;*/
  float: left;
  line-height: 1.6;
  font-size: 0.9em;
  border: 1px #CCCCCC solid;
}
@media screen and (max-width: 481px) {
  .kanren li {
    width: 100%;
    margin: 0 0px 5px 0px;
    font-size: 1em;
  }
}
.kanren li:hover {
  background-color: ghostwhite;
  /*  background: url(icon/kanren-back.gif) no-repeat #e9ebed;*/
}
.kanren a {
  color: #3160AA;
  display: block;
  word-break: break-all;
  overflow: hidden;
}
.kanren a:hover {
  text-decoration: none;
  word-break: break-all;
}
.kanren img {
  float: left;
  margin: 1px 5px 1px 1px;
}
.kanren .nprice {
  text-decoration: none;
  display: block;
  font-weight: bold;
  color: #EA0000;
}
.kanren a:not(.nprice) {
  text-decoration: underline;
}
/* ↑↑↑↑ コンテンツ関係 end ↑↑↑↑*/
footer {
  background: #F5F5F5;
  /*border-radius: 0 0 10px 10px;*/
  text-align: left;
  font-size: .90em;
  padding: 20px 20px 20px 20px;
  border-top: 3px solid #DBDBDB;
}
@media screen and (max-width: 481px) {
  footer {
    background: #F5F5F5;
    text-align: center;
    padding: 10px 10px 10px 10px;
  }
}
footer article {
  /* Footer articles */
  width: 33%;
  float: left;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  text-align: justify;
  font-style: normal;
  font-weight: 200;
  color: rgba(146, 146, 146, 1.00);
  font-size: 0.9em;
}
footer article h3 {
  /* Footer article titles */
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
}
footer article ul {
  padding-left: 15px;
  list-style-type: square;
}
footer article li {
  padding: 0px 0;
}
footer article a {
  text-decoration: none;
}
footer article a:link {
  color: #6C6C6C;
}
footer article a:visited {
  color: #6C6C6C;
}
footer article a:hover {
  color: #3498db;
}
@media screen and (max-width: 481px) {
  footer {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    background: #F5F5F5;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin-top: 30px;
  }
  footer article {
    /* Each footer article */
    width: 96%;
    font-size: 1em;
  }
}
#copyright {
  clear: both;
  margin-top: 10px;
  text-align: center;
}
/*///////////////////////////////////////////////////////////////////////////*/
/*ページトップへ*/
#pagejump .scroll_button a {
  position: fixed;
  display: block;
  light: 50px;
  bottom: 10px;
  background: #313131;
  color: #fff;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 481px) {
  #pagejump .scroll_button a {
    right: 10px;
  }
}
/*▼YouTube 動画の埋め込み▼*/
/*.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*▲YouTube 動画の埋め込み▲*/

input.withicon {border: 1px solid #333;
	width: 300px;
	display: block;
	height: 50px;
   background-image: url("/icon/search-btn.gif");
   background-repeat: no-repeat;
   background-position: 7px center;
   padding-left: 30px;
}
@media screen and (max-width: 481px) {
input.withicon {width: 100%;
}
}
:target {   /*border-left:#CC0000 solid 3px;*/
	display: block;
	  padding-top: 80px;
  margin-top: -80px;
}

a:target {
	border: none;
	background-color: none;

}