@charset "UTF-8";

h2 {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;

}

.archive-material{
	margin-top: -5px;
}
.archive-material main{
	padding: 0;
}

/* 3DプリンタTOP */
.print-head {
  padding: 0 0 8em 0;
}
.print-head p {
  padding: 1em 25%;
}
.print-head p.catch {
  text-align: center;
  padding: 0 0 1.5em 0;
}
.print-head p.catch strong {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 2.8em;
}

section.printer-underlist {
  text-align: left;
  width: 100%;
  padding: 4em 0;
}
section.printer-underlist ul {
  list-style: none;
}
section.printer-underlist ul li {
  padding: 4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
section.printer-underlist ul li figure {
  width: 50%;
}
section.printer-underlist ul li figure img {
  width: 90%;
}
section.printer-underlist ul li .txt-area {
  width: 50%;
  text-align: left;
}
section.printer-underlist ul li .txt-area h2 {
  margin-bottom: 1em;
  display: inline-block;
  position: relative;
}
section.printer-underlist ul li .txt-area h2::before {
  width: 6em;
  height: 1px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25em;
  background: currentColor;
  content: "";
}
section.printer-underlist ul li .txt-area h2.metal::before {
  color: #EED13F;
}
section.printer-underlist ul li .txt-area h2.resin::before {
  color: #3AA5CA;
}
section.printer-underlist ul li .txt-area p {
  font-size: 1em;
  text-align: left;
}
section.printer-underlist ul li .txt-area .detail-link {
  text-align: left;
}
section.printer-underlist ul li:nth-of-type(even) figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: right;
}
section.printer-underlist ul li:nth-of-type(even) .txt-area {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

/* material-ul */
ul.material-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
ul.material-ul li {
  width: 20%;
  padding: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
ul.material-ul li.act {
  background: #f1f1f1;
}
ul.material-ul a.thumb-link {
  display: inline-block;
  position: relative;
}
ul.material-ul a.thumb-link img.material-img {
  width: 100%;
  height: 15em;
  -o-object-fit: cover;
     object-fit: cover;
}
ul.material-ul a span {
  position: absolute;
}
ul.material-ul a span.recommend {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
  padding: 1em 1em 1em 3.75em;
  display: inline-block;
  right: -0.25em;
  top: 0;
  background-image: url(../img/icon/recommend.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
ul.material-ul a span.new {
  top: 2.5em;
}
ul.material-ul a span.new img {
  width: auto;
  height: 2.5em;
}
ul.material-ul h3 {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.75em;
  font-weight: bold;
  padding: 1em 0 0.5em 0;
}
ul.material-ul h3 a {
  color: #000;
}
ul.material-ul ul.cat-ul {
  list-style: none;
}
ul.material-ul ul.cat-ul li {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
}
ul.material-ul ul.cat-ul li span {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  display: inline-block;
}
ul.material-ul ul.cat-ul li span.material-cat {
  padding: 0.75em;
}
ul.material-ul ul.cat-ul li span.metal-material {
  background: #EED13F;
}
ul.material-ul ul.cat-ul li span.resin-material {
  color: #fff;
  background: #3AA5CA;
}
ul.material-ul ul.cat-ul li ul {
  padding-left: 1em;
  display: inline-block;
}
ul.material-ul ul.cat-ul li ul li {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0;
  width: auto;
  padding: 0.75em;
  margin: 0 0.25em;
  display: inline-block;
  border: solid 1px #707070;
  background: #fff;
}
ul.material-ul ul.cat-ul.list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
ul.material-ul ul.cat-ul.list-page li {
  width: auto;
  margin-right: 0.5em;
}
ul.material-ul ul.field-ul {
  list-style: none;
  padding: 1em 0;
}
ul.material-ul ul.field-ul li {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.05em;
  width: auto;
  padding: 0.25em 0.75em;
  display: inline-block;
  background: #EEEEEE;
  border: solid 1px #707070;
  margin-right: 0.5em;
}
ul.material-ul p {
  padding: 1em 0;
}
ul.material-ul dl.price-dl {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.material-ul dl.price-dl dt {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  letter-spacing: 0.05em;
}
ul.material-ul dl.price-dl dd img {
  width: 1.5em;
  height: auto;
}
ul.material-ul.material-top li {
  width: 25%;
}
ul.material-ul.material-top a.thumb-link img.material-img {
  height: 20em;
}

.detail-link {
  text-align: center;
  width: 100%;
  padding: 3em;
}
.detail-link a {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
  padding: 1em 2em 1em 3.5em;
  display: inline-block;
  position: relative;
  background: #3AA5CA;
  border-radius: 1.5em;
}
.detail-link a::after {
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  top: 48%;
  left: 2em;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  content: "";
}

/* 材料一覧 */
.material .print-head {
  padding-bottom: 2em;
}

ul.material-anchor-ul {
  padding: 4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
ul.material-anchor-ul li {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
}
ul.material-anchor-ul li a {
  font-size: 1.25em;
  padding: 1em 1.5em;
  display: inline-block;
}
ul.material-anchor-ul li a:focus, ul.material-anchor-ul li a:active, ul.material-anchor-ul li a:hover {
  text-decoration: none;
}
ul.material-anchor-ul li a.metal-material {
  color: #000;
  background: #EED13F;
}
ul.material-anchor-ul li a.resin-material {
  color: #fff;
  background: #3AA5CA;
}

.material-list-section {
  padding: 4em 0;
  margin-top: -1em;
}
.material-list-section h2 {
  position: relative;
	font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
    font-style: normal !important;
    font-weight: 300;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.5em;
}
.material-list-section h2::before {
  width: 6em;
  height: 1px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25em;
  background: currentColor;
  content: "";
}
.material-list-section.metal-material h2::before {
  color: #EED13F;
}
.material-list-section.resin-material h2::before {
  color: #3AA5CA;
}

/* 材料詳細 */
#page-head hgroup h1.material-headline {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  font-size: 2.6em;
  padding-top: 1.5em !important;
}

section.para .sep-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
section.para .sep-box .img-area {
  width: 34%;
  position: relative;
}
section.para .sep-box .img-area img {
  width: 100%;
}
section.para .sep-box .img-area span.new img {
  width: auto;
  height: 2.5em;
  position: absolute;
  top: 1em;
  left: 0;
}
section.para .sep-box .txt-area {
  width: 61%;
  position: relative;
}
section.para .sep-box .txt-area span.recommend {
  position: absolute;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
  padding: 1em 1em 1em 3.75em;
  display: inline-block;
  right: -0.25em;
  top: 0;
  background-image: url(../img/icon/recommend.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
section.para .sep-box .txt-area span.material-cat {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
  display: inline-block;
  border: 1px solid #A5A5A5;
  padding: 1em 1.5em;
  background: #EED13F;
}
section.para .sep-box .txt-area .sep-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.para .sep-box .txt-area .sep-box h1.material-h1 {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.05em !important;
  width: auto !important;
  padding: 0.8em 1em 0.8em 0;
  position: static !important;
  color: #000 !important;
}
section.para .sep-box .txt-area .sep-box ul {
  list-style: none;
}
section.para .sep-box .txt-area .sep-box ul li {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 1;
  padding: 0.8em 1em;
  margin-left: 0.5em;
  border: 1px solid #707070;
  display: inline-block;
}
section.para .sep-box .txt-area dl.price-dl {
  padding-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.para .sep-box .txt-area dl.price-dl dt {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.05em;
}
section.para .sep-box .txt-area dl.price-dl dd {
  padding-left: 1.5em;
}
section.para .sep-box .txt-area dl.price-dl dd img {
  width: 2.25em;
  height: auto;
  margin-right: 0.25em;
}

section.zoukei {
  padding: 5em 0;
}
section.zoukei .sep-box {
  padding: 0.5em 0;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.zoukei .sep-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.zoukei .sep-box dl dt {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  font-size: 1.85em;
  padding: 0 1.5em;
}
section.zoukei .sep-box .size {
  width: 50%;
  padding: 2em;
}
section.zoukei .sep-box .size dl dd {
  padding-right: 1.5em;
}
section.zoukei .sep-box .size dl dd dl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  letter-spacing: 0.05em;
}
section.zoukei .sep-box .size dl dd dl dt {
  font-size: 1.2em;
  padding: 0.5em 0;
}
section.zoukei .sep-box .size dl dd dl dd {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #FF5752;
  padding: 0;
}
section.zoukei .sep-box .size dl dd:last-child {
  padding: 0;
}
section.zoukei .sep-box .quality {
  width: 50%;
  padding: 2em;
}
section.zoukei .sep-box .quality dl dd {
  font-size: 1.05em;
  line-height: 1.7;
}

section.para2 {
  padding-bottom: 8em;
}
section.para2 .sep-box {
  padding: 5em 2em;
  border: 1px solid #C4C4C4;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1098039216);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1098039216);
}
section.para2 .sep-box dl {
  width: 33.3333333333%;
  border-right: 1px solid #AEAEAE;
}
section.para2 .sep-box dl dt {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  font-size: 1.85em;
  text-align: center;
  padding-bottom: 1em;
}
section.para2 .sep-box dl dt span {
  font-size: 0.7em;
  vertical-align: middle;
}
section.para2 .sep-box dl dd {
  font-size: 1.15em;
  padding: 0 2em;
  line-height: 1.7;
}
section.para2 .sep-box dl dd.color {
  text-align: center;
}
section.para2 .sep-box dl dd span.colorblock {
  width: 2.5em;
  height: 2.5em;
  margin: 0.5em;
  display: inline-block;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
section.para2 .sep-box dl dd span.caution {
  font-size: 0.85em;
  text-align: left;
  line-height: 1.5;
  width: 100%;
  padding-top: 0.5em;
  display: inline-block;
}
section.para2 .sep-box dl dd img {
  vertical-align: top;
  width: 2.5em;
  height: 2.5em;
  margin: 0.5em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
section.para2 .sep-box dl:last-child {
  border-right: none;
}

section.guide {
  padding-bottom: 8em;
}
section.guide h2 {
  font-size: 1.6em;
  text-align: left;
}
section.guide ul.material-guideline-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
}
section.guide ul.material-guideline-ul li {
  width: 47.5%;
  padding: 1.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.guide ul.material-guideline-ul li figure {
  width: 16%;
  margin-right: 4%;
}
section.guide ul.material-guideline-ul li figure img {
  width: 100%;
}
section.guide ul.material-guideline-ul li dl {
  width: 80%;
}
section.guide ul.material-guideline-ul li dl.no-img {
  width: 100%;
}
section.guide ul.material-guideline-ul li dl dt {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-size: 1.4em;
  font-weight: bold;
  color: #3AA5CA;
  width: 100%;
}
section.guide ul.material-guideline-ul li dl dd {
  padding-top: 1em;
  display: inline-block;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-explanation {
  float: left;
  width: 75%;
  margin-bottom: auto;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-num {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  letter-spacing: 0;
  color: #FF5752;
  float: right;
  width: 25%;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-num span {
  font-size: 1.4em;
  letter-spacing: 0.05em;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-num dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-num dl dt {
  font-size: 1em;
  text-align: left;
  color: #FF5752;
  width: 3em;
  padding-top: 0.5em;
}
section.guide ul.material-guideline-ul li dl dd.material-guidline-dd-num dl dd {
  padding-top: 0.5em;
}

section.material-caution-area {
  padding-bottom: 8em;
}
section.material-caution-area h2 {
  font-size: 1.6em;
  text-align: left;
}
section.material-caution-area .material-caution-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.material-caution-area .material-caution-inner img {
  width: 6em;
  margin-right: 1em;
}

section.material-example-area {
  width: 100%;
  padding-bottom: 8em;
}
section.material-example-area ul.material-example-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
section.material-example-area ul.material-example-ul li {
  width: 25%;
  padding: 1.5em;
}
section.material-example-area ul.material-example-ul li img {
  width: 100%;
  height: 20em;
  -o-object-fit: cover;
     object-fit: cover;
}
section.material-example-area ul.material-example-ul li table {
  margin: 1.5em 0 0 0;
  border-collapse: collapse;
}
section.material-example-area ul.material-example-ul li table th {
  white-space: nowrap;
  padding: 0.35em 0.75em 0.35em 0;
}
section.material-example-area ul.material-example-ul li table td {
  line-height: 1.5;
  padding: 0.35em 0 0.35em 0.75em;
}

section.material-list-area h2 {
  position: relative;
}
section.material-list-area h2::before {
  width: 6em;
  height: 1px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25em;
  background: currentColor;
  content: "";
}

/* カテゴリ個別 */
.metal-material section.para span.material-cat {
  background: #EED13F !important;
}
.metal-material section.material-list-area h2::before {
  color: #EED13F !important;
}

.resin-material section.para span.material-cat {
  color: #fff !important;
  background: #3AA5CA !important;
}
.resin-material section.material-list-area h2::before {
  color: #3AA5CA !important;
}

/* この材料を見た人は */
.also-area {
  width: 100vw;
  padding: 4em 5%;
  margin-bottom: 8em;
  background: #F6F6F6;
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
}
@media screen and (min-width: 1601px) {
  .also-area {
    padding: 4em calc(50vw - 750px);
  }
}
@media screen and (min-width: 1601px) {
  .also-area {
    -webkit-transform: translateX(calc(750px - 50vw));
            transform: translateX(calc(750px - 50vw));
  }
}
.also-area h2 {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic" !important;
  font-style: normal !important;
  font-weight: 300;
  font-weight: 600;
  text-align: center;
  font-size: 2.1em;
}
.also-area ul.material-ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.also-area ul.material-ul li {
  position: relative;
}
.also-area ul.material-ul li a img.wherego_thumb {
  width: 100%;
  height: 20em;
  -o-object-fit: cover;
     object-fit: cover;
}
.also-area ul.material-ul li h3 {
  font-size: 1.6em;
  letter-spacing: 0.05em;
}

/* mobile */
@media screen and (max-width: 575px) {
  ul.material-ul li {
    width: 90%;
    margin: 0 5%;
  }
  ul.material-ul.material-top li {
    width: 90%;
    margin: 0 5%;
  }
  .print-head p {
    padding: 1em 3em;
  }
  .material-list-section h2 {
    margin-bottom: 2em;
  }
  section.printer-underlist ul li {
    padding: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.printer-underlist ul li figure {
    width: 90%;
    margin: 1em 5%;
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  section.printer-underlist ul li figure img {
    width: 100%;
  }
  section.printer-underlist ul li .txt-area {
    text-align: center;
    width: 100%;
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  section.printer-underlist ul li .txt-area h2 {
    margin: 1em 0;
  }
  section.printer-underlist ul li .txt-area .detail-link {
    text-align: center;
  }
  section.para .sep-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.para .sep-box .img-area {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
  }
  section.para .sep-box .img-area img {
    width: 100%;
    height: 22.5em;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.para .sep-box .txt-area {
    width: 100%;
  }
  section.para .sep-box .txt-area span.recommend {
    right: -0.25em;
    top: -22.5em;
  }
  section.para .sep-box .txt-area .sep-box ul {
    list-style: none;
    padding-bottom: 1.5em;
  }
  section.para .sep-box .txt-area .sep-box ul li {
    margin-left: 0;
    margin-right: 0.5em;
  }
  section.zoukei .sep-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.zoukei .sep-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.zoukei .sep-box dl dt {
    text-align: center;
    width: 100%;
    padding-bottom: 0.5em;
  }
  section.zoukei .sep-box dl dd {
    width: 50%;
  }
  section.zoukei .sep-box dl dd dl dd {
    text-align: center;
    width: 100%;
  }
  section.zoukei .sep-box .size {
    width: 100%;
    padding: 2em 0;
  }
  section.zoukei .sep-box .quality {
    width: 100%;
    padding: 2em 0;
  }
  section.para2 {
    padding-bottom: 6em;
  }
  section.para2 .sep-box {
    padding: 2em 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.para2 .sep-box dl {
    width: 100%;
    padding: 2em 0;
    border-right: none;
    border-bottom: solid 1px #bbb;
  }
  section.para2 .sep-box dl dd {
    padding: 0 1em;
  }
  section.para2 .sep-box dl:last-child {
    border-bottom: none;
  }
  section.guide ul.material-guideline-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
  }
  section.guide ul.material-guideline-ul li {
    width: 100%;
    padding: 1.5em 0;
  }
  section.material-example-area {
    padding-bottom: 6em;
  }
  section.material-example-area ul.material-example-ul li {
    width: 100%;
  }
  .also-area ul.material-ul li {
    width: 80%;
    margin: 0 10%;
  }
}