.container-k {
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 50px;
}
@media (min-width: 576px) {
  .container-k {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .container-k {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .container-k {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .container-k {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 80px;
  }
}
@media (min-width: 576px) {
  .container-k {
    width: 540px;
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  .container-k {
    width: 720px;
    max-width: 100%;
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  .container-k {
    width: 900px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-k {
    width: 900px;
    max-width: 100%;
  }
}
.container-k-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container-k-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container-k-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container-k-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container-k-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/*------ リスト ------*/
.list li {
  list-style-image: url(../img/common/li.svg);
  list-style-position: outside;
  vertical-align: top;
}
.fukidashi-naka {
  background-image: url(../kids-eyes/img/fukidasi-naka.png);
  background-size: 100%;
  background-repeat: repeat-y;
}
/* リボン */
.ribbon1 {
  display: inline-block;
  position: relative;
  height: 50px; /*リボンの高さ*/
  line-height: 50px; /*リボンの高さ*/
  vertical-align: middle;
  text-align: center;
  padding: 0 30px; /*横の大きさ*/
  font-size: 18px; /*文字の大きさ*/
  background: #F8CC8A; /*塗りつぶし色*/
  color: #FFF; /*文字色*/
  box-sizing: border-box;
  box-shadow: 0px 6px #FEFACB;
}
.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
/* ラインナップ　品番のバック*/
.arrow-pro {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  margin-right: 30px;
  padding: 5px 40px 0 40px;
  background: #3A3863;
  color: #fff;
  line-height: 28px;
}
.arrow-pro::before {
  content: "";
  position: absolute;
  top: 0;
  left: -14px;
  border-right: 14px solid #3A3863;
  border-top: 19px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}
.arrow-pro::after {
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  border-left: 14px solid #3A3863;
  border-top: 19px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}
.rine-up-table table {
  border-collapse: collapse;
  border: solid 2px #9F4704; /*表全体を線で囲う*/
}
.rine-up-table table th {
  border: solid 2px #9F4704;
  text-align: center;
}
.rine-up-table table td {
  border: dashed 1px #9F4704; /**/
}
#jkids-dakara {
  background-image: url(../about/img/special/jkids-dakara.jpg);
  background-size: 100% auto; /*この場合は高さが自動設定*/
  min-height: 400px;
  padding-top: 60px
}
@media only screen and (max-width: 1024px) {
  #jkids-dakara {
    background-image: url(../about/img/special/jkids-dakara.jpg);
    background-size: auto 120%; /*この場合は高さが自動設定*/
    background-position: center top;
    min-height: 300px;
    padding-top: 35px
  }
}
#jkids-dakara1 {
  background-image: url(../about/img/special/jkids-dakara1.jpg);
  background-size: 100% auto; /*この場合は高さが自動設定*/
  min-height: 400px;
  padding-top: 60px
}
@media only screen and (max-width: 1024px) {
  #jkids-dakara1 {
    background-image: url(../about/img/special/jkids-dakara1.jpg);
    background-size: auto 120%; /*この場合は高さが自動設定*/
    background-position: center top;
    min-height: 300px;
    padding-top: 30px
  }
}
#jkids-dakara2 {
  background-image: url(../line-up/img/special/jkids-dakara2.jpg);
  background-size: 100% auto; /*この場合は高さが自動設定*/
  min-height: 400px;
  padding-top: 20px
}
@media only screen and (max-width: 1024px) {
  #jkids-dakara2 {
    background-image: url(../line-up/img/special/jkids-dakara2.jpg);
    background-size: auto 120%; /*この場合は高さが自動設定*/
    background-position: center top;
    min-height: 330px;
    padding-top: 0px;
    margin-bottom: 20px;
  }
}
#jkids-dakara3 {
  background-image: url(../about/img/special/jkids-dakara.jpg);
  background-size: 100% auto; /*この場合は高さが自動設定*/
  min-height: 400px;
  padding-top: 70px
}
@media only screen and (max-width: 1024px) {
  #jkids-dakara3 {
    background-image: url(../about/img/special/jkids-dakara.jpg);
    background-size: auto 120%; /*この場合は高さが自動設定*/
    background-position: center top;
    min-height: 330px;
    padding-top: 50px;
    margin-bottom: 20px;
  }
}
.line-up-box {
  margin-top: 10px;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 50px 5px 50px;
}


.osusume {
  margin-top: -90px;
	margin-bottom: 120px;
	text-align: center;
}
@media only screen and (max-width: 1024px) {

.osusume {
  margin-top: -80px;
	margin-bottom: 120px
}

}

@media only screen and (max-width: 680px) {

.osusume {
  margin-top: -80px;
	margin-bottom: 60px
}

}


/* 日本メガネ大賞 */
.megane-taishou-k {
  width: 130px;
  height: auto;
  float: right;
  margin-top: -12px;
  margin-left: -50px;
  position: absolute;
  z-index: 100
}
@media (max-width: 519px) {
  .megane-taishou-k {
    width: 100px;
    height: auto;
    margin-left: -35px
  }
}
.megane-taishou-k2 {
  width: 130px;
  height: auto;
  float: right;
  margin-top: -12px;
  margin-left: -50px;
  position: absolute;
  z-index: 100
}
@media (max-width: 519px) {
  .megane-taishou-k2 {
    width: 100px;
    height: auto;
    margin-left: -35px
  }
}
/* line up */
.fram-intro {
  margin: 100px auto 80px;
}
.fram-text {
  margin: 10px auto 130px;
}
@media screen and (max-width:600px) {
  .fram-intro {
    margin: 50px auto 80px;
  }
  .fram-text {
    margin: 10px auto 80px;
  }
}
.fram-title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}
.fram-naiyou {
  text-align: center;
}
.function-list {
  border-bottom: #D2D2D2 1px solid;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 90%
}
.function-list-point {
  font-size: 14px;
  margin: 15px 0 10px;
  text-align: center;
  color: #7E7E7E;
  font-weight: bold
}
.function-list-tittle {
  color: #0081C6;
  margin: 6px 0 5px;
  font-weight: bold
}
.function-list-naiyou {
  margin-top: 0;
  font-size: 14px;
  min-height: 130px;
  background-color: #F7F9F8;
  padding: 10px 10px 3px;
  border-radius: 10px;
}
.glasses-color {
  padding: 50px 0;
}
@media screen and (max-width:820px) {
  .function-list-naiyou {
    min-height: 168px;
  }
}
@media screen and (max-width:600px) {
  .function-list {
    border-bottom: none;
  }
  .function-list-point {
    font-size: 13px;
  }
  .function-list-naiyou {
    margin-top: 5px;
    font-size: 13px;
  }
  .glasses-color {
    padding: 30px 0;
  }
}
.size-glass-container {
  width: auto;
  /* 子要素を水平方向の中央に配置する */
  display: flex;
  justify-content: center;
}
.size-glass-box {
  min-width: 160px;
  float: left;
  margin-left: 10px;
}
.size-glass table {
  border-collapse: collapse;
}
.size-glass th, td {
  padding: 5px;
  border: 1px solid #CECECE;
  font-size: 14px
}
.size-glass th {
  color: #6E6969;
}
/* 日本メガネ大賞 */
.megane-taishou-lineup {
  width: 18%;
  height: auto;
  float: left;
  z-index: 100;
  margin-right: 2%
}
.megane-taishou-lineup-text {
  width: 80%;
  float: left;
}
.size-parts table {
  border-collapse: collapse;
  color: #6E6969;
  width: auto;
  margin: -50px auto 100px;
}
.size-parts th, td {
  padding: 5px;
  border: 1px solid #CECECE;
  font-size: 14px
}
.size-parts th {
  font-weight: 400
}
.function-list-naiyou-s {
  margin-top: 0;
  min-height: 50px;
  background-color: #F7F9F8;
  padding: 10px 10px 3px;
  border-radius: 10px;
  margin-top: 10px
}
.function-list-tittle-green {
  color: #4F8A4A;
  margin: 6px 0 5px;
  font-weight: bold
}
@media screen and (max-width:820px) {
  .function-list-naiyou-s {
    min-height: 88px;
    padding: 10px 10px 3px;
  }
}
@media screen and (max-width:600px) {
  .function-list-naiyou-s {
    margin-top: 10px;
    font-size: 13px;
  }
}
* {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}