@charset "UTF-8";
.sp {
  display: none;
}

/*---------------------------
タイトル
---------------------------*/
h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  margin: 0 0 3%;
  padding-bottom: 5px;
}

/* メイン
---------------------------*/
#container {
  width: 100%;
  margin-bottom: 40px;
}

#main-contents {
  width: 980px;
}

/* info
---------------------------*/
.info {
  background-color: #e4ecfa;
  padding: 3%;
  margin: 0 0 3%;
}

.info .images {
  float: left;
  width: 180px;
  border: 1px solid #CCCCCC;
}

.info .images img {
  width: 100%;
}

.description {
  float: left;
  width: 34%;
  margin: 0 0 0 2.5%;
}

.description a {
  background: url(/static/images/seihin_joho/lan/yaji_16.png) no-repeat 0 40%;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 0 0 7.5%;
}

.description .hinmei {
  margin: 3.5% 0 5%;
  font-weight: bold;
}

.description ul {
  margin: 0 0 0 1em;
}

.description ul li {
  text-indent: -1em;
  font-size: 0.93em;
  width: 90%;
  margin: 0 0 2%;
  line-height: 1.4;
}

.description.long {
  width: 77%;
  padding: 0 0 2%;
}

.description.long a {
  padding: 0 0 0 3.1%;
}

.description.long .hinmei {
  margin: 1.5% 0 2.6%;
}

.description.long ul {
  margin: 0 0 0 0.3em;
}

.description.long ul li {
  margin: 0 0 0.5%;
  letter-spacing: 0.03em;
}

.items {
  background-color: #cbdaf3;
  float: left;
  margin: 0 0 0 3%;
  padding: 2.5% 5% 2.5% 3%;
  border-radius: 0.5em;
}

.items.long {
  background-color: #cbdaf3;
  float: left;
  margin: 0 0 0 2%;
  padding: 2.5% 2% 2.5% 2%;
  border-radius: 0.5em;
  width: 37%;
}

.items .title {
  font-size: 1.05em;
  font-weight: bold;
}

.items li {
  margin: 3% 0 0;
}

.items li a {
  font-weight: bold;
}

.items li span.palt {
  letter-spacing: -0.04em;
}

h2 {
  background-color: #345aab;
  color: #ffffff;
  padding: 1.2% 2%;
  font-size: 1.4em;
  margin: 0 0 2%;
}

.sets {
  width: 100%;
  margin: 3.6% 0 0;
}

.sets img {
  width: 100%;
}

.parts-desc-box {
  margin: 2.7% 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.parts-desc-box .parts {
  float: none;
  margin: 0 0 7.9% 0;
}

.parts-desc-box .parts img {
  border: 1px solid #C6C6C6;
}

.parts-desc-box .parts .text {
  letter-spacing: 0.06em;
  margin: 2% 0 0;
  line-height: 1.6;
}

.parts-desc-box .parts.long {
  width: 62%;
}

.parts {
  float: left;
  margin: 0 3% 7% 0;
  width: 31.3%;
}

.parts:nth-child(3n) {
  margin: 0;
}

.parts .text {
  margin: 5% 0 0;
  font-size: 0.9em;
  line-height: 1.5;
}

.rink-banner {
  margin: 0 0 3%;
  text-align: center;
}

#bottom_banner {
  text-align: center;
  margin: 3% 0 0;
}

/*----------------
 LAN-TLKIT2-3 */
.Self-made.info {
  background-color: #e4ecfa;
  padding: 2.5% 2% 2%;
  margin: 0 0 10%;
}

.Self-made.info .images {
  width: 140px;
}

.Self-made .description {
  float: left;
  width: 71%;
  margin: 0 0 0 1.8%;
}

.Self-made .description a {
  padding: 0 0 0 3.5%;
}

.Self-made .description .hinmei {
  margin: 1.7% 0 2%;
  font-weight: bold;
}

.Self-made .description .cap {
  line-height: 1.5;
}

.Self-made .items .title {
  font-size: 1.05em;
  margin: 5% 0 0;
  font-weight: normal;
}

.Self-made .items .title span {
  font-size: 1.3em;
  font-weight: bold;
}

.Self-made .items.long.set {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #e4ecfa;
}

.Self-made .items .box {
  display: flex;
  flex-wrap: wrap;
}

.Self-made .items .box .item-box {
  background-color: #fff;
  margin: 0.6% .7% 0 0;
}

.Self-made .items .box .item-box:nth-of-type(4n) {
  margin: 0.6% 0 0;
}

.Self-made .items .box .item-box a {
  width: 230px;
  height: 170px;
  display: block;
  box-sizing: border-box;
  font-weight: bold;
}

.Self-made .items .box .item-box a ul {
  text-align: center;
}

.Self-made .items .box .item-box a ul li.main-img {
  width: 95%;
  margin: 13% auto 0;
  height: 85px;
}

.Self-made .items .box .item-box a ul li.main-img img {
  width: 100%;
}

.Self-made .items .box .item-box a ul li.min-title {
  color: #000;
  font-size: .9rem;
  margin: 6% 0 0;
  height: 15px;
}

.setumei {
  display: flex;
  flex-wrap: wrap;
}

.setumei p.text span.blue {
  color: #00A0E9;
}

.setumei p.text span.red {
  color: #FF0000;
}

.box-1 li.main-img, .box-6 li.main-img {
  margin: 6% 0 10% !important;
}

/*---------------------------
clfx
---------------------------*/
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}