body { font: sans-serif; }
ul{margin:0;padding:0;margin-bottom:15px;}
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;
  
  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;  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} 

body {	font-family: "ＭＳ ゴシック"} 
td {	font-family: "ＭＳ ゴシック"}
A:link {    text-decoration:none;     color:#000000;} 
A:visited {    text-decoration:none;     color:#000000;}
A:hover {    text-decoration:underline;     Color:#6377DC;}
A:active {    text-decoration:underline;    Color:#6377DC;}
img {border:none;}

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

.table2 {border-style: solid; 
border-top- 
border-right- 
border-bottom- 
border-left- 
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;}


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

.td_comment {
  font-size: 65%; 
}
span.table_tltle {
  font-size: 110%; 
  font-weight: bold; 
}
span.table_title {
  font-size: 110%; 
  font-weight: bold; 
}
.td_comment {
  font-size: 65%; 
}
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('/houriki-utf8/target.png');margin: 0px 5px;}

/* デジカタ */
.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(11) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > span:nth-child(14)::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e7eaff;
  width: 0;
  height: 0;
}

.remodal {text-align: left;}

.remodal h3 {
	color: #fafafa;
	background: #1e50a2;
	line-height: 1.3;
	box-sizing: border-box;
	margin: 0 0 30px;
	padding: 10px 15px 10px 45px;
}

.remodal div {
	margin: 20px 0;
}

.remodal input[type=checkbox]:checked ~ div {
//	display: none;
}