@charset "utf-8";

#mainContent h3 {
  margin: 1em 0 0 0;
  color: #fff;
}

/*
 * 外部ページ用
 */


/*
 * .sec背景
 */
.bg-ori,
.bg-kado,
.bg-ana,
.bg-suji,
.bg-mishin,
.bg-aishi,
.bg-pp,
.bg-iro,
.bg-speed,
.bg-butterfly,
.bg-ebook,
.bg-nobind,
.bg-laminate,
.bg-numbering,
.bg-cleartoner,
.bg-seware,
.bg-lid,
.bg-sunprotect,
.bg-tombo{
width: 135px;height: 135px;
margin-right: 10px;
}
.bg-ori   {background: transparent url(../image/optin-ori.png) no-repeat scroll 0 0;}
.bg-kado  {background: transparent url(../image/optin-kadomaru.png) no-repeat scroll 0 0;}
.bg-ana   {background: transparent url(../image/optin-anaake.png) no-repeat scroll 0 0;}
.bg-suji  {background: transparent url(../image/optin-suji.png) no-repeat scroll 0 0;}
.bg-mishin{background: transparent url(../image/optin-mishin.png) no-repeat scroll 0 0;}
.bg-aishi {background: transparent url(../image/optin-aishi.png) no-repeat scroll 0 0;}
.bg-pp    {background: transparent url(../image/optin-pp.png) no-repeat scroll 0 0;}
.bg-iro   {background: transparent url(../image/optin-color.png) no-repeat scroll 0 0;}
.bg-speed {background: transparent url(../image/optin-date.png) no-repeat scroll 0 0;}
.bg-butterfly {background: transparent url(../image/optin-butterfly.png) no-repeat scroll 0 0;}
.bg-ebook {background: transparent url(../image/option-ebook.png) no-repeat scroll 0 0;}
.bg-nobind{background: transparent url(../image/option-nobind.png) no-repeat scroll 0 0;}
.bg-laminate{background: transparent url(../image/optin-pp.png) no-repeat scroll 0 0;}
.bg-numbering{background: transparent url(../image/option-numbering.png) no-repeat scroll 0 0;}
.bg-cleartoner{background: transparent url(../image/option-cleartoner.png) no-repeat scroll 0 0;}
.bg-seware{background: transparent url(../image/option_crack.png) no-repeat scroll 0 0;}
.bg-lid{background: transparent url(../image/option_envelope_futa.png) no-repeat scroll 0 0;}
.bg-sunprotect{background: transparent url(../image/option_sunprotect.png) no-repeat scroll 0 0;}
.bg-tombo{background: transparent url(../image/option-tombo.png) no-repeat scroll 0 0;}
/*
 *
 */

/*
 * テーブル装飾
 */
table.list{
width: auto;
margin-bottom: 10px;
border: 1px solid #999;border-bottom: none;border-right: none;
}
table.list caption{text-align: left;font-size: 14px;font-weight: bold;}
table.list th{
color: #000;
padding: 5px;
border-bottom: 1px solid #666;border-right: 1px solid #999;background-color: #76C7FF;
}
table.list td{
padding: 5px;
margin: 0;
border-bottom: 1px solid #666;border-right: 1px solid #999;background-color: #fff;
}
table.list {
  color: #4f4f4f;
  margin: 1.5em auto;
  width: 95%;
}
table.list th {
  background: #ecf1dd;
  color: #4f4f4f;
  font-size: 1.3em;
  padding: .7em 0;
}
table.list tr:nth-child(3n) td {
  background: #ededed;
}
table.list dl dt {
  font-size: 1.2em;
  font-weight: bold;
}
/*
 *
 */
div.unorderlist{
overflow: scroll;overflow-x: hidden;
max-height: 121px;
list-style-type: none;
margin-left: 3px;
background-color: #fafafa;
}
div.unorderlist dl{
overflow: hidden;
margin-top: -1px;
padding: 2px;
/*
border-top: 1px dotted silver;
*/
}
div.unorderlist dt,
div.unorderlist dd{display: block;float: left;padding: 1px 10px;}
div.unorderlist dt{width: 180px;background-color: #8ec21f;}

div.sec div.exp{
width: 600px;
line-height: 2;
}


/* fold一覧 */
.fold-tbl {
  display:flex;
  flex-wrap:wrap;
  row-gap: 10px;
}
.fold-tbl > dl {
  width: calc(100% / 6);
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  border-left:1px solid #666;
  box-sizing: border-box;
}
.fold-tbl > dl:nth-child(6n),
.fold-tbl > dl:last-child {
  border-right:1px solid #666;
}
.fold-tbl dt, .fold-tbl dd {
  text-align: center;
  line-height: 1;
}
.fold-tbl {
  color: #4f4f4f;
  margin: 1.5em auto;
  width: 100%;
}
.fold-tbl dt {
  background: #ecf1dd;
  color: #4f4f4f;
  font-size: 1.1em;
  padding: .7em 0;
  font-weight: bold;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fold-tbl dd div {
  padding: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.fold-tbl dd div:nth-child(1) {
  height: 110px;
}
.fold-tbl dd div:nth-child(2) {
  background: #ededed;
}
.fold-tbl .price1,
.fold-tbl .price2 {
  position:relative;
  display:inline-block;
  line-height: 1.3;
  text-align: left;
}
.fold-tbl .price1::before {
  content:'基本料金\A';
  white-space: pre;
  font-size:80%;
  font-weight: bold;
}
.fold-tbl .price2::before {
  content:'1部毎に\A';
  white-space: pre;
  font-size:80%;
  font-weight: bold;
}
.fold-tbl .price1::after, .fold-tbl .price2::after {
  content:'円';
}
.fold-tbl .plus {
  display: inline-block;
  margin: 0;
  padding: 0 4px;
  font-size: 13px;
  font-weight: bold;
}
.fold-tbl dd div .new-icon {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: -1;
}

@media screen and (max-width: 640px) {
  .fold-tbl > dl {
    width: calc(100% / 3);
  }
  .fold-tbl > dl:nth-child(3n) {
    border-right:1px solid #666;
  }
  .fold-tbl dd div:nth-child(1) img {
    width: 80%;
    display: inline-block;
  }
}