img {
  　backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.sannichi a{ padding-left:10px; font-size:19px; color:#FF0000; font-weight: bold; text-decoration:underline;}
.sannichi a:hover{ padding-left:10px; font-size:19px; color:#ff8787; font-weight: bold; text-decoration:underline;}
.all_free{ padding:3px; width:160px; text-align:center; background-color:#ff0000; border:#900 2px solid; font-size:18px; color:#FFF; margin:0px 0px 4px 10px; font-weight: bold;}

.sannichi2 a{ padding-left:10px; font-size:19px; color:#0042ff; font-weight: bold; text-decoration:underline;}
.sannichi2 a:hover{ padding-left:10px; font-size:19px; color:#275efd; font-weight: bold; text-decoration:underline;}

.expl a{ color:#0000ff; text-decoration:underline;}

.cg_freespace_01{ line-height: 1.4em;}

.tyuui{font-size: 10px; width: 660px; height: 120px; margin: 0 0 10px 0;}
.fc-red{color: #ff0000;}

#tyuui{font-size: 12px; width: 660px; height: 120px;}
.fc-red{color: #ff0000;}

/* ------------------------------------- 
 *	SmartPhoto.js
 * ------------------------------------- */
@keyframes smartphoto{from{opacity:0}to{opacity:1}}@keyframes smartphoto-img-wrap{from{opacity:0}to{opacity:1}}@keyframes smartphoto-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}@keyframes smartphoto-loader{0%{opacity:.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.4;transform:rotate(360deg)}}@keyframes smartphoto-appear{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes smartphoto-hide{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}.smartphoto{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000;opacity:1;font-family:sans-serif;cursor:pointer;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;transition:all 0.3s ease-out;animation-name:smartphoto;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto[aria-hidden="true"]{display:none}.smartphoto-close{opacity:0}.smartphoto-count{display:inline-block;color:#FFF;font-size:16px}.smartphoto-header{display:block;box-sizing:border-box;position:fixed;z-index:102;top:0;left:0;width:100%;height:50px;padding:15px;background-color:rgba(0,0,0,0.2)}.smartphoto-content{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.smartphoto-dismiss{display:block;position:absolute;top:100px;right:10px;width:20px;height:20px;padding:0;border:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);text-shadow:0 1px 0 #FFF;color:#FFF;font-size:30px;text-decoration:none;cursor:pointer;line-height:1}.smartphoto-body{position:relative;z-index:102;width:100%;height:100%;margin:0 auto}.smartphoto-inner{position:relative;width:100%;height:100%;vertical-align:top}.smartphoto-img{display:none;max-width:none;width:auto;height:auto;cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform 0.3s ease-out;-webkit-user-drag:none}.smartphoto-img.active{display:block}.smartphoto-img-onmove{cursor:grab;cursor:-webkit-grab;transition:none}.smartphoto-img-elasticmove{transition:transform 0.3s ease-out}.smartphoto-img-wrap{display:inline-block;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;animation-name:smartphoto-img-wrap;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-img-left{transform:translateX(150%) !important}.smartphoto-img-right{transform:translateX(-150%) !important}.smartphoto-arrows{list-style-type:none;margin:0;padding:0;position:relative;z-index:1002;top:50%;left:0;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-arrows[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows li{display:block;position:absolute;top:50%;width:30px;height:30px;animation-duration:.3s;animation-timing-function:ease-out;animation-name:smartphoto-appear}.smartphoto-arrows li:focus{outline:none}.smartphoto-arrows [aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows a{display:block;width:100%;height:100%;text-decoration:none}.smartphoto-arrow-right{right:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==)}.smartphoto-arrow-left{left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+)}.smartphoto-nav{position:absolute;bottom:0px;left:0;width:100%;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-nav[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-nav ul{display:block;overflow-x:auto;list-style:none;margin:0;padding:0;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.smartphoto-nav li{display:inline-block;overflow:hidden;width:50px;height:50px}.smartphoto-nav a{display:block;width:100%;height:100%;background-color:#FFF;background-position:center center;background-size:cover;opacity:.5}.smartphoto-nav a:focus{opacity:.8}.smartphoto-nav a.current{opacity:1}.smartphoto-nav img{width:auto;height:100%}.smartphoto-list{list-style-type:none;position:absolute;z-index:101;top:0;left:0;margin:0;padding:0;white-space:nowrap}.smartphoto-list li{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-out}.smartphoto-list li:focus{outline:none}.smartphoto-list-onmove{transition:all 0.3s ease-out}.smartphoto-caption{overflow:hidden;box-sizing:border-box;position:absolute;top:35px;left:0;width:100%;height:50px;padding:0 50px;color:#FFF;font-size:12px;text-align:center;line-height:50px;white-space:nowrap;text-overflow:ellipsis}.smartphoto-caption:focus{outline:none}.smartphoto-loader-wrap{display:block;position:relative;z-index:103;width:0;height:0;transform:translate(50vw, 50vh)}.smartphoto-loader{position:absolute;z-index:101;top:0;left:0;width:30px;height:30px;margin-top:-25px;margin-left:-25px;border:8px solid #17CDDD;border-right-color:transparent;border-radius:50%;animation:smartphoto-loader .5s infinite linear}.smartphoto-img-clone{position:fixed;z-index:100;top:0;left:0;transition:all .3s ease-out}.smartphoto-sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0)}

.kodawari_wrap{border: solid 1px #404042; padding: 2px;}
.kodawari{border: solid 3px #C1920E; padding: 10px; color: #404042; font-size: 15px;}
.kodawari_h1{text-align: center; font-size: 16px; position: relative; padding: 0.25em 1em; border-top: solid 2px #404042; border-bottom: solid 2px #404042; color: #FF0000;}
.kodawari_h1:before, .kodawari_h1:after {content: ''; position: absolute; top: -7px; width: 2px; height: -webkit-calc(100% + 14px); height: calc(100% + 14px); background-color: black;}
.kodawari_h1:before {left: 7px;}
.kodawari_h1:after {right: 7px;}
.kodawari_wrap a{color: #FF0000;}
.now_view{
  	width:100%;
	position: relative;
}
.view_text{
  	position: absolute;
	border: 1px #999 dotted;
  	box-shadow:1px 1px 2px #FFF;
	border-radius: 10px;
	padding: 1em 2em;
	color: red;
	background: #000;
  	right: 0;
}

.quality_class{width: 660px; margin: 0 0 10px 0;}
.quality_class_h3{font-size: 18px; line-height: 1.5; margin-bottom: 20px; border: #000 1px solid; border-width: 0 0 0 5px; padding: 0 0 0 5px;}
.quality_class_txtbox{box-sizing: border-box; width: 100%; font-size: 16px; padding: 0 10px; margin-bottom: 20px;}
.quality_element_table_warp{}
.quality_element_table{width: 100%; border: 1px solid #BBBBBB; /*color: #757575;*/ border-collapse: collapse; padding: 0 10px;}
.quality_element_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 10px; vertical-align: middle;}
.quality_element_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;}
.quality_element_td_l{width: 20%;}
.quality_element_td_r{width: 80%;}
.quality_class_table_warp{}
.quality_class_table{width: 100%; border: 1px solid #BBBBBB; /*color: #757575;*/ border-collapse: collapse;}
.quality_class_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 10px; vertical-align: middle;}
.quality_class_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;}
.quality_class_td_l{width: 15%;}
.quality_class_td_r{width: 85%;}



.guide_table_warp{padding: 0 10px; margin-top: 20px;}
.guide_table{width: 60%; border: 1px solid #BBBBBB; border-collapse: collapse; font-size: 12px;}
.guide_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 5px; vertical-align: middle;}
.guide_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;}
.guide_td_l{width: 30%;}
.guide_td_r{width: 30%;}

/* ------------------------------------- 
 *  商品詳細説明画像の横並び
 * ------------------------------------- */
.description_img_box{
  display: flex;
  overflow-x: scroll;
  width: 100%;
}
.description_img_box div{
  width: 30%;
  margin: 5px;
  flex-shrink: 0;
}

/* ------------------------------------- 
 *  リンク_アイコン
 * ------------------------------------- */
.link_wrap{width: 100%;}
.link_wrap img{ width: 14px; vertical-align: baseline;}
.f22_box-text span{font-size: 16px; color: #3987C7;}
.f22_box-text i{margin-left: 6.5px; color: #3987C7;}
.external_link_label{margin-left: 6.5px;}
.a_visi:visited{color: #0000ff;}

/* ------------------------------------- 
 *  注釈
 * ------------------------------------- */
 .notes_no {
  font-size: 8px;
}
.notes {
  color: #666;
}

/* ------------------------------------- 
 *  YouTube 埋め込み
 * ------------------------------------- */
 .video {
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
}
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------------------- 
 *  最近チェックした商品
 * ------------------------------------- */

h2.sttl {
    background-color: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
    padding: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    border-left: #FC6 4px solid;
    text-shadow: 0 1px 1px #666666;
}

.scroll_nav_wrap {
  position: relative;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.scroll_nav {
  /*background: #000;*/ /* メニューの背景色 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */

  scroll-behavior: smooth;
  width: 100%; /* スライダーの幅を指定 */
  max-width: 765px;
}

.scroll_nav ul {
  /*max-width: 1140px;*/ /* メニューの最大幅 */
  /*min-width: 1140px;*/ /* メニューの最小幅 */
  width: max-content; /* 望ましい固有の幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  margin-left: 5px;
  list-style: none;
  /*padding-right: 25px;*/ /* 右側の固定分余白を空ける */
  box-sizing: border-box;
}

section ul .li_scroll{
  float: left;
  /*width: 10%;*/ /* メニューの個別の幅 */
  width: 160px; /* メニューの個別の幅 */
  text-align: center;
  margin-right: 5px;
  padding: 15px 5px;
  box-sizing: border-box;
}

.scroll_nav ul li:hover {
  /*background: #222;*/ /* マウスホバー時の背景色 */
}

.scroll_nav ul .pfrbtn:hover {
  background: #f5e19a;
}

.scroll_nav ul a {
  /*display: inline-block;*/
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
}

.scroll_history_img{
  width: 100%;
}

.scroll_history_img img{
  width: 150px;
}

.scroll_history_txt{
  width: 100%;
  color: #333;
  font-size: 13px;
  font-weight: bold;
}

.scroll_history_name{
  line-height: 1.2;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 任意の行数を指定 */
}

.scroll_history_price{
  line-height: 1.2;
  margin-top: 10px;
}

.history_chuck_price {
  font-size: 13px !important;
}

.history_chuck_price_regular {
  font-size: 13px;
  font-weight: normal !important;
  color: #333 !important;
}

.history_chuck_price_discount{
  font-size: 12px;
}

.tax{
  font-size: 10px;
}

.scroll_arrow_r{ /* 右側に固定する部分 */
  /*display: none;*/ /* 右側の固定部分を非表示 */
  position: absolute;
  /*top: 70px;
  right: 0;*/
  width: 20px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #ffffff;
  padding: 0 0 0 5px;
}

/*.arrow_r::after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  position: absolute;
  font-weight: 900;
  font-size: 25px;

  top: 80px;
  right: 5px;
  color: #4f4f4f;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff99;
  align-items: center;
  justify-content: center;
  display: flex;
}*/

.scroll_arrow_l{ /* 左側に固定する部分 */
  /*display: none;*/ /* 左側の固定部分を非表示 */

  position: absolute;
  /*top: 70px;
  left: : 0;*/
  width: 20px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #ffffff;
  padding: 0 0 0 5px;
}


/*.arrow_l::after {
  font-family: "Font Awesome 5 Free";
  content: '\f053';
  content: '';
  position: absolute;
  font-weight: 900;
  font-size: 25px;
  top: 80px;
  left: 5px;
  color: #4f4f4f;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff99;
  align-items: center;
  justify-content: center;
  display: flex;
}
*/

.arrow-wrap_l {
  position: absolute;
  display: inline-block;
  /*padding: 10px;*/
  /*border: 1px solid #5070e3;*/
  border-radius: 50%;
  background-color: #ffffff99;
  width: 40px;
  height: 40px;
/*  top: 80px;*/
  top: 70px;
  left: 5px;
}

.arrow-wrap_l::before{
  content: '';
  border-top: solid 3px #4f4f4f;
  border-right: solid 3px #4f4f4f;
  position: absolute;
  width: 12px;
  height: 12px;
}

.arrow-wrap_l.arrow_l::before{
  transform: rotate(-135deg);
  top: 12px;
  left: 15px;
}

.arrow-wrap_r {
  position: absolute;
  display: inline-block;
  /*padding: 10px;*/
  /*border: 1px solid #5070e3;*/
  border-radius: 50%;
  background-color: #ffffff99;
  width: 40px;
  height: 40px;
/*  top: 80px;*/
  top: 70px;
  right: 5px;
}

.arrow-wrap_r::before{
  content: '';
  border-top: solid 3px #4f4f4f;
  border-right: solid 3px #4f4f4f;
  position: absolute;
/*  align-items: center;
  justify-content: center;*/
  width: 12px;
  height: 12px;
}

.arrow-wrap_r.arrow_r::before{
  transform: rotate(45deg);
  top: 12px;
  right: 15px;
}

.arrow.hidden {
  opacity: 0; /* 非表示状態 */
  pointer-events: none;
}