@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*body  { font-family: 'Noto Sans Japanese'; }*/
body  { font-family: 'Noto Sans JP', sans-serif; }
table { line-height: 1.3; font-weight: 200; }
ul { margin: 0; padding: 0; }
li { list-style-type: none; }
p  { clear: both; }

.fontM { font-size: 12pt; }
.fontS { font-size: 100% }
.fontL { font-size: 13pt; }

#fontChange {
  _overflow: hidden;
  _zoom: 1;
}
#fontChange li {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-right: 5px;
}

p{margin-top:3px;margin-bottom:3px;}
.nonbox  {font-size: 9pt; border:0 solid #000000;background-color:white;  } 
.radio   {font-size: 9pt; border:0 solid #000000;background-color:white;  }
.text    {font-size: 9pt; border:1px solid #000000;}
.select  {font-size: 9pt; border:0 solid #000000;}
.outset  {font-size:9pt;border:1px outset #ffffff;}
.m_check {margin:0px; padding:0px; width:13px; height:13px; margin-right:4px; vertical-align:middle;}
.img_btn {cursor: pointer; vertical-align: middle;}

.blue {font-size: 9pt; color: #215987; line-height: 19px} 
.blue A:link    {color:#214A87;text-decoration:none} 
.blue A:visited {color:#214A87;text-decoration:none} 
.blue A:active  {color:#214A87;text-decoration:none} 
.blue A:hover   {color:#214A87;text-decoration:underline} 

A:link     { color: #000044; } 
A:visited  { color: #000044; }
A:hover    { text-decoration: none; Color: #6377DC; }
A:active   { text-decoration: none; Color: #6377DC; }

img { border:none; }

a:hover img { opacity:.6; }

.table {
  border-style: solid; 
  border-width: 1px; 
  border-color: #D9D7D7;
  border-collapse:collapse;
}

.table2 {
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px; 
  border-color: #000000;
}

h1{
  font-size:12px;
  line-height:135%;
  letter-spacing: 0.05em;
  font-weight:normal;
  margin:0;
  text-align:left;
  display: inline;
}


.help { font-size:9pt;color:#73A47A; font-family:"ＭＳ ゴシック" }
.select_1 { font-size: 9pt; border:0; background-color:#eeeeee; }
.kugirisen_news { width:95%; }


h3.style3 { color:#000; }
h6 { font-size:8pt; }

h2.head_copy_elegant {
  font-size: 150%; 
  line-height: 2.0em; 
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ;
  margin: 0 20px 0 20px;
  color: #804F21;
}

.meiryo { font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ; }

span.table_tltle {
  font-size: 110%; 
  font-weight: bold; 
}
span.table_title {
  font-size: 110%; 
  font-weight: bold; 
}

.td_comment {
  font-size: 65%; 
}

.orderKakunin {margin: 2rem 0;font-weight: bold;}
.orderKakunin > a {text-decoration: underline; color: #0000ff;}
.orderKakunin > a[target="_blank"]:after{content:url('/target.png');margin: 0px 5px;}

.selected {
  text-align: right;
}

body > div > table > tbody > tr:first-child > td td form table table table {width: 100%!important;}

.header_catch {
  float: left;
  margin-top: 10px;
}

.header_search {
  float: right;
  margin-right: 8px;
  border-radius: 5px;
  background: #990066;
  padding: 3px;
  margin-top: 10px;
  position: relative;
}

.header_search:after {
  top: 100%;
  left: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(153, 0, 102, 0);
  border-top-color: #990066;
  border-width: 7px;
  margin-left: -7px;
}

.ProductName > span {font-weight:bold;}
.ProductCode > span:first-child {font-size:12px;}
.ProductCode > span:last-child {font-size:24px;font-weight:bold;}

.sale_itm {
    background: #ffe400;
    font-size: 150%;
    padding: 10px 0 10px 80px;
    position: relative;
    width: 840px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.sale_itm > span {
    display: inline-block;
    position: absolute;
    left: -20;
    top: -20;
    font-size: 120%;
    background: #ff0000;
    color: #ffffff;
    border-radius: 100px;
    padding: 0 20px;
}
.sale_itm > strong {
    font-size: 180%;
    color: #ff0000;
}

.sale_title {margin:0 auto 10px;display:block;}
.fixed {position: fixed;top: 0;width: 1000px;z-index: 1000;}

.sale_per {background: #ffffff;color: #e60011;font-weight: bold;text-align: right;font-size: 150%;position:relative;}
.sale_per > span {font-size: 15pt;display: inline-block;background: #ffda00;color: #e21b13;padding: 0px 3px;position: absolute;left: 4px;top: 4px;}
@media screen and (max-width: 768px){.sale_per > span {position: initial;}}
/*
.sale_navi {transition: all 0.3s ease 0s;}
.sale_navi > div {text-align: center;background: #9ccaf4;font-weight: bold;padding:5px 0;}
.sale_navi > ul {border: 2px solid #9ccaf4; background: #e9f8ff; display: flex;}
.sale_navi > ul > li {width: 200px;text-align: center;padding: 10px 0;font-weight: bold;border-right:1px dashed #999999;background: #e9f8ff;display: inline-block;box-sizing: border-box;}
.sale_navi > ul > li > a {text-decoration: none;display: block;}
.sale_navi > ul > li > a > span {font-size: 80%;}
*/
.sale_copy {color: #444;font-size: 42px;display: flex;align-items: center;margin:60px 0 40px;letter-spacing: -3;}
.sale_copy:before{margin-right: .4em;background: linear-gradient(-90deg, #888, transparent);content: "";flex-grow: 1;height: 1px;}
.sale_copy:after{margin-left: .4em;background: linear-gradient(90deg, #888, transparent);content: "";flex-grow: 1;height: 1px;}

/* デジカタ */
.digicata > ul {
	display: flex;
	margin: 0;
}
.digicata > ul > li {
	padding: 10px 20px;
	background: #dddddd;
	border-bottom: 2px solid #ffc107;
}
.digicata > ul > li:hover {
	opacity: 0.75;
}
.digicata > ul > li.current {
	background: #ffc107;
}
.digicata > iframe {
	width: 100%;aspect-ratio: 5 / 3;
}
.digicata > p {
	margin: 0;
	padding: 20px 10px;
	font-size: 1.5rem;
	font-weight: bold;
	background: #ffc107;
}
.digicata > p > span {
	color: #ff0000;
}

/* カート */
#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(11) > td > table > tbody > tr > td:nth-child(2) > input:focus {background: #ffe5e5;}
#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(16) > td > table > tbody > tr > td:nth-child(2) > input:focus {background: #ffe5e5;}

#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(11) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(14) > span {display: none;}

#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(11) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(14) {
position: relative;
display: inline-block;
padding: 0.6em;
background: #e7eaff;
font-weight: bold;
margin: 0.5rem 0 1rem 1rem;
}

#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(11) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(14)::before {
content: "必ず 丁 番地 号 の数字をご記入ください。";
}

#font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(14) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(13)::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 47%;
  border: 15px solid transparent;
  border-top: 15px solid #e7eaff;
  width: 0;
  height: 0;
}

@media (max-width: 767px) {
  #font_size_area > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td > form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(14) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(13)::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e7eaff;
    width: 0;
    height: 0;
  }
}

.category-table table table table td > div {height:202px!important;}
.category-table table table table td > div > a {display: block;height: auto;}
.category-table table table table td > div > a > img {height: 100%;object-fit: contain;}
.category-table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td {height:44px;vertical-align: top;overflow:hidden;}
.category-table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td {height:24px;}