@charset "UTF-8";
/* Scss Document */
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, section, figure {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing: 0.0em; }

h1, h2, h3, h4, h5, h6 {
  font-family: "vdl-logomaru",sans-serif;
  font-weight: normal; }

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  color: #333;
  font-family: "a-otf-jun-pro",sans-serif;
  font-weight: normal; }
  @media screen and (max-width: 499px) {
    body {
      font-size: 16px; } }

img {
  vertical-align: bottom;
  border: none; }

img:hover {
  opacity: .8; }

a {
  color: #009999;
  text-decoration: none; }

a:hover {
  color: #00cc66;
  text-decoration: none; }

strong {
  font-weight: normal;
  color: #CC3300; }

.clear {
  clear: both; }

.btn a {
  color: #fff;
  background-color: #ff921e;
  padding: 5px 10px;
  border-color: #ff921e;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px; }
.btn a:hover {
  background-color: #fff;
  color: #ff921e; }

header {
  margin: auto;
  padding: 0px 10px; }
  @media screen and (min-width: 1220px) {
    header {
      width: 1200px; } }
  header .logo {
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal; }
    header .logo a {
      color: #ff921e; }
    header .logo a:hover {
      color: rgba(255, 146, 30, 0.8); }
    @media screen and (min-width: 1024px) {
      header .logo {
        text-align: left; }
        header .logo a {
          display: block;
          padding: 18px 0px 0px 210px;
          height: 45px;
          background-image: url(../images/logo.jpg);
          background-position: left top;
          background-repeat: no-repeat; } }
    @media screen and (max-width: 1023px) {
      header .logo a {
        display: block;
        padding: 70px 0px 0px 0px;
        background-image: url(../images/logo.jpg);
        background-position: top;
        background-repeat: no-repeat; } }
  header .h-nav {
    padding: 0px 0px 10px 0px; }
    @media screen and (min-width: 1024px) {
      header .h-nav {
        margin: -20px 0px 0px auto;
        text-align: right; } }

.h-menu {
  clear: both;
  background-color: #ff921e; }
  .h-menu li {
    list-style: none;
    display: inline-block;
    vertical-align: middle; }
    .h-menu li a {
      display: block;
      padding: 8px 16px;
      text-decoration: none;
      color: #fff; }
    .h-menu li a:hover {
      color: rgba(255, 255, 255, 0.7); }
  @media screen and (max-width: 1023px) {
    .h-menu {
      display: none; }
      .h-menu li {
        text-align: center;
        display: inherit; }
        .h-menu li a {
          display: block;
          padding: 8px;
          background-color: #fff;
          border-color: #ff921e;
          border-style: dashed;
          border-width: 0px 0px 1px 0px;
          font-size: 16px;
          color: #ff921e; }
        .h-menu li a:hover {
          color: #fff;
          background-color: rgba(255, 205, 85, 0.3); }
      .h-menu li.h-nav2 {
        display: inherit; } }

@media screen and (min-width: 1024px) {
  p#toggle {
    display: none; } }
@media screen and (max-width: 1023px) {
  p#toggle {
    clear: both;
    margin: 0px 0px 0px 0px;
    width: 100%;
    color: #fff;
    background-color: #ff921e;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    -webkit-tap-highlight-color: transparent; }

  p#toggle:after {
    content: "メニューを開く"; }

  p#toggle.active:after {
    content: "メニューを閉じる"; } }
footer {
  border-color: #ff921e;
  border-style: solid;
  border-width: 5px 0px 0px 0px; }
  footer .copy {
    padding: 10px 0px;
    font-size: 14px;
    color: #fff;
    background-color: #ff921e; }
    footer .copy a {
      color: #fff; }
    footer .copy a:hover {
      color: rgba(255, 255, 255, 0.7); }

.f-cont {
  margin: auto;
  padding: 20px 10px; }
  @media screen and (min-width: 1220px) {
    .f-cont {
      width: 1180px; } }
  .f-cont .f-info {
    padding: 0px;
    font-size: 14px; }
    @media screen and (max-width: 849px) {
      .f-cont .f-info {
        padding: 0px 0px 10px 0px; } }
    .f-cont .f-info dl {
      padding: 6px 0px;
      border-color: #ccc;
      border-style: solid;
      border-width: 0px 0px 1px 0px; }
    .f-cont .f-info dl:first-child {
      border-width: 1px 0px 1px 0px; }
    .f-cont .f-info dt, .f-cont .f-info dd {
      display: table-cell;
      vertical-align: top; }
    .f-cont .f-info dt {
      width: 7em; }

.f-btn {
  position: fixed;
  bottom: 4px;
  right: 4px;
  width: 40px;
  z-index: 10000; }
  .f-btn .pagetop-btn {
    font-size: 12px;
    line-height: 40px;
    background: #ff921e;
    text-decoration: none;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    border-radius: 4%;
    border-color: #fff;
    border-style: solid;
    border-width: 1px; }
  .f-btn .pagetop-btn:hover {
    background-color: #ffb460; }

/* Common ////////////////////////////////////////////////////////////// */
.main-wrap {
  margin: auto;
  padding: 20px;
  border-color: #eee;
  border-style: solid;
  border-width: 0px;
  min-height: 600px; }
  @media screen and (min-width: 1220px) {
    .main-wrap {
      padding: 20px 10px;
      width: 1200px;
      text-align: left; } }
  @media screen and (max-width: 1023px) {
    .main-wrap {
      padding: 20px 10px; } }

.topicpath {
  margin: 0px auto 20px auto;
  padding: 0px 10px;
  text-align: left;
  /* text-align: center;
  background-color:rgba(255,205,85,0.30);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 14px 14px; */ }
  .topicpath li {
    list-style: none;
    display: inline-block;
    vertical-align: top; }
  .topicpath li:after {
    content: " >";
    color: #ff921e; }
  .topicpath li:last-child:after {
    content: ""; }

.page-title {
  margin: 0px 0px 20px 0px;
  padding: 20px 0px;
  text-align: center;
  border-color: #ff921e;
  border-style: double;
  border-width: 4px 0px 4px 0px;
  font-size: 24px; }

.column {
  padding: 40px;
  text-align: left; }
  @media screen and (max-width: 1023px) {
    .column {
      padding: 20px; } }
  @media screen and (max-width: 499px) {
    .column {
      padding: 20px 0px; } }
  .column h3 {
    font-size: 16px; }
  .column h4 {
    font-size: 14px; }
    @media screen and (max-width: 499px) {
      .column h4 {
        font-size: 16px; } }
  .column p {
    margin: 0px 0px 1em 0px; }
  .column ol, .column ul {
    margin: 1em 0em 1em 2em; }

/* 会社概要・企業理念 ////////////////////////////////////////////////////////////// */
.corp1 h2, .corp2 h2 {
  margin: 0px auto 20px auto;
  position: relative;
  background: rgba(255, 146, 30, 0.85);
  box-shadow: 0px 0px 0px 5px rgba(255, 146, 30, 0.7);
  border: dashed 1px white;
  padding: 0.2em 0.5em;
  color: #fff; }
.corp1 h2:after, .corp2 h2:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #ff921e;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }

.corp1 {
  margin: auto;
  width: 800px;
  text-align: center; }
  @media screen and (max-width: 899px) {
    .corp1 {
      width: inherit; } }
  .corp1 dl {
    border-color: #fff;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    background-color: rgba(255, 205, 85, 0.2);
    text-align: left; }
    @media screen and (max-width: 799px) {
      .corp1 dl {
        border-width: 0px 0px; } }
  .corp1 dt, .corp1 dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
    @media screen and (max-width: 799px) {
      .corp1 dt, .corp1 dd {
        display: inherit;
        padding: 5px; } }
  .corp1 dt {
    width: 140px;
    background-color: rgba(255, 205, 85, 0.5); }
    @media screen and (max-width: 799px) {
      .corp1 dt {
        width: inherit; } }
  @media screen and (max-width: 799px) {
    .corp1 dd {
      padding: 5px 5px 10px 5px; } }

.corp2 {
  margin: auto;
  width: 800px;
  text-align: center; }
  @media screen and (max-width: 899px) {
    .corp2 {
      width: inherit; }
      .corp2 .message {
        text-align: left; } }
  .corp2 h3 {
    margin: 20px auto 20px auto;
    width: 200px;
    position: relative;
    padding: 0.6em;
    background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
    background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
    border-radius: 7px;
    text-align: center; }
    @media screen and (max-width: 899px) {
      .corp2 h3 {
        margin: 20px auto 20px 0px; } }
  .corp2 h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 94px;
    border: 12px solid transparent;
    border-top: 12px solid #ffebbe;
    width: 0;
    height: 0; }
  .corp2 h4 {
    padding: 20px 0px 6px 0px;
    font-size: 18px;
    color: #ff921e; }
  .corp2 h5 {
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    color: #ff921e;
    font-weight: normal; }
  .corp2 ol, .corp2 ul {
    margin: 0em;
    padding: 20px 0px; }
  .corp2 li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding: 45px 0px 0px 0px;
    width: 140px;
    height: 95px;
    border-radius: 50%;
    background-color: #ff921e;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    /* @media screen and (max-width:499px) {
    	display: inherit;
    	width: inherit;
    	height: inherit;
    	border-radius: 8px;
    	span:before {
    		content:inherit;
    		white-space:inherit;
    	}
    	span:after {
    		content:inherit;
    		white-space:inherit;
    	}
    } */ }
    .corp2 li span {
      font-size: 16px; }
    .corp2 li span:before {
      content: "\A";
      white-space: pre; }
    .corp2 li span:after {
      content: "\A";
      white-space: pre; }
  .corp2 li:first-child {
    background-color: #00cccc; }
  .corp2 li:nth-child(2) {
    background: #00cc33; }
  .corp2 li:last-child {
    background-color: #ff6633; }

.form .must {
  color: red; }
.form dd input {
  width: 500px;
  box-sizing: border-box; }
  @media screen and (max-width: 799px) {
    .form dd input {
      width: 100%; } }
.form dd textarea {
  width: 500px;
  height: 100px;
  box-sizing: border-box; }
  @media screen and (max-width: 799px) {
    .form dd textarea {
      width: 100%; } }

/* 取り扱い素材・加工 index  ////////////////////////////////////////////////////////////// */
@media screen and (min-width: 840px) {
  .burger {
    margin: auto;
    padding: 120px 0px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }

  .burger1, .burger2 {
    display: inline-block;
    vertical-align: bottom; }

  .burger1 {
    width: 370px;
    text-align: left;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger1 img {
      width: 356px;
      height: auto; }

  .burger2 {
    width: 370px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger2 img {
      width: 292.5px;
      height: auto; } }
@media screen and (max-width: 839px) {
  .burger {
    margin: auto;
    padding: 80px 0px 120px 0px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }

  .burger1, .burger2 {
    display: inline-block;
    vertical-align: bottom; }

  .burger1 {
    width: 320px;
    text-align: left;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger1 img {
      width: 320.4px;
      height: auto; }

  .burger2 {
    width: 320px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger2 img {
      width: 263.25px;
      height: auto; } }
@media screen and (max-width: 689px) {
  .burger {
    margin: auto;
    padding: 40px 0px 40px 0px;
    width: 300px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }

  .burger1, .burger2 {
    display: inherit; }

  .burger1 {
    padding: 0px 0px 30px 0px;
    width: 300px;
    text-align: left;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger1 img {
      width: 284.8px;
      height: auto; }

  .burger2 {
    padding: 0px 10px 0px 0px;
    width: 290px;
    text-align: right;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px; }
    .burger2 img {
      width: 234px;
      height: auto; } }
/* 取り扱い素材・加工 ////////////////////////////////////////////////////////////// */
/* .material-list {
	margin: auto;
	text-align: center;
	li {
		margin: 0px 5px 20px;
		padding: 10px;
		display: inline-block;
		vertical-align: top;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px;
		width: 300px;
		height: 300px;
		p {
			margin: 0px auto;
			padding: 0px;
		}
		figure {
			margin: 0px 0px 5px 0px;
			width: 100%;
			height: 240px;
			background-color: #eee;
		}
	}
} */
.material-mokuji {
  margin: auto;
  text-align: center; }
  .material-mokuji li {
    list-style: none;
    display: inline-block;
    margin: 0px 2px 5px 2px;
    width: 100px; }
    @media screen and (max-width: 499px) {
      .material-mokuji li {
        width: 45%; } }
    .material-mokuji li a {
      display: block;
      padding: 8px;
      color: #fff;
      background-color: #00cc66;
      border-color: #00cc66;
      border-style: solid;
      border-width: 1px;
      border-radius: 4px;
      width: 100%;
      box-sizing: border-box; }
    .material-mokuji li a:hover {
      color: #00cc66;
      background-color: #fff; }
  .material-mokuji li.current {
    color: #00cc66;
    position: relative;
    padding: 8px;
    background-color: rgba(255, 205, 85, 0);
    border-radius: 4px;
    border-color: #00cc66;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box; }
  @media screen and (min-width: 500px) {
    .material-mokuji li.current:after {
      position: absolute;
      content: '';
      top: 100%;
      left: 42px;
      border: 8px solid transparent;
      border-top: 8px solid #00cc66;
      width: 0;
      height: 0; } }

.material-list {
  margin: auto;
  text-align: center; }
  .material-list ul {
    margin: 0px;
    padding: 0px;
    background-color: rgba(255, 205, 85, 0);
    /* background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
    background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px); */ }
  .material-list li {
    margin: 0px 0px 0px 0px;
    padding: 16px 4px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    /* h3 {
    	margin: 0px 0px 20px 0px;
    	padding: 5px 10px;
    	background:rgba(255,205,85,0.70);
    	border-radius: 25px 25px 25px 25px;
    }
    h3:before {
    	content: '●';
    	color: white;
    	margin-right: 8px;
    } */ }
    .material-list li h3 {
      margin: 0px 0px 10px 0px;
      color: #ff921e;
      font-size: 18px; }
    .material-list li figure, .material-list li .cont {
      display: table-cell;
      vertical-align: top; }
      @media screen and (max-width: 839px) {
        .material-list li figure, .material-list li .cont {
          display: inherit; } }
    .material-list li figure {
      margin: 0px 10px 5px 0px;
      width: 280px;
      min-height: 200px;
      box-sizing: border-box;
      background-color: #eee; }
      @media screen and (max-width: 499px) {
        .material-list li figure {
          width: 100%; } }
      .material-list li figure img {
        width: 100%;
        height: auto; }
    .material-list li .cont {
      padding: 0px 0px 0px 20px; }
      @media screen and (max-width: 839px) {
        .material-list li .cont {
          padding: 0px 0px 0px 0px; } }
      .material-list li .cont p {
        margin: 0px auto;
        padding: 0px 0px 10px 0px; }
      .material-list li .cont p.btn {
        padding: 10px 0px 10px 0px; }
      .material-list li .cont img {
        max-width: 100%;
        height: auto; }

/* BLOG ////////////////////////////////////////////////////////////// */
.entry-body {
  float: left;
  text-align: left;
  width: 65%; }
  @media screen and (max-width: 899px) {
    .entry-body {
      float: inherit;
      width: inherit; } }
  .entry-body h1 {
    margin: 10px auto 10px auto;
    position: relative;
    background: rgba(255, 146, 30, 0.85);
    box-shadow: 0px 0px 0px 5px rgba(255, 146, 30, 0.7);
    border: dashed 1px white;
    padding: 0.2em 0.5em;
    color: #fff;
    font-size: 20px; }
  .entry-body h1:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #ff921e;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }
  .entry-body .date {
    margin: 0px;
    padding: 4px;
    font-size: 14px;
    text-align: right;
    border-color: #ff921e;
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    color: #888; }
  .entry-body .cont {
    padding: 20px 0px; }
  .entry-body h2 {
    margin: 0px 0px 20px 0px;
    padding: 0.6em;
    font-size: 18px;
    color: #fff;
    position: relative;
    background: #00cc66; }
  .entry-body h2:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 10px solid transparent;
    border-top: 10px solid #00cc66;
    width: 0;
    height: 0; }
  .entry-body h3 {
    margin: 0px 0px 20px 0px;
    border-color: #00cc66;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    font-size: 18px;
    padding: 0.6em; }
  .entry-body h4 {
    margin: 0px 0px 20px 0px;
    border-color: #ff921e;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    font-size: 18px;
    padding: 0.6em; }
  .entry-body h5 {
    margin: 0px 0px 20px 0px;
    color: #ff921e;
    border-color: #ff921e;
    border-style: solid;
    border-width: 0px 0px 0px 8px;
    font-size: 18px;
    padding: 0px 0.4em; }
  .entry-body h6 {
    margin: 0px 0px 20px 0px;
    color: #ff921e;
    border-color: #ff921e;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    font-size: 18px;
    padding: 0px 0.4em; }
  .entry-body p {
    padding: 0px 0px 1em 0px;
    line-height: 152%; }
  .entry-body ul, .entry-body ol {
    padding: 0em 1em 1em 2em; }
  .entry-body blockquote {
    margin: 0px 0px 1em 0px;
    padding: 1em 1em 0px 1em;
    background-color: #f6f6f6; }
  .entry-body .entry-cat {
    margin: -1px 0px 0px 0px;
    padding: 5px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0px; }
    .entry-body .entry-cat h4, .entry-body .entry-cat ul {
      display: inline-block;
      vertical-align: middle; }
    .entry-body .entry-cat h4 {
      margin: 0px 0px 0px 0px;
      color: #ff921e;
      border-style: solid;
      border-width: 0px;
      font-size: 14px;
      padding: 0px; }
    .entry-body .entry-cat ul {
      margin: 0px;
      padding: 0px; }
    .entry-body .entry-cat li {
      list-style: none;
      display: inline-block; }
    .entry-body .entry-cat li:after {
      content: ","; }
    .entry-body .entry-cat li:last-child:after {
      content: ""; }
  .entry-body .postlink {
    padding: 10px 0px;
    text-align: center; }
    .entry-body .postlink li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      width: 49%;
      box-sizing: border-box; }
      @media screen and (max-width: 689px) {
        .entry-body .postlink li {
          display: inherit;
          width: inherit;
          padding: 5px 0px; } }
    .entry-body .postlink li.next {
      text-align: left; }
    .entry-body .postlink li.prev {
      text-align: right; }

.side-menu {
  float: right;
  margin: 20px 0px 0px 0px;
  text-align: left;
  width: 30%; }
  @media screen and (max-width: 899px) {
    .side-menu {
      float: inherit;
      width: inherit; } }
  .side-menu h3 {
    margin: 0px 0px 15px 0px;
    padding: 0.2em 0.5em;
    font-size: 14px;
    color: #fff;
    position: relative;
    background: #ff921e; }
  .side-menu h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 7px solid transparent;
    border-top: 7px solid #ff921e;
    width: 0;
    height: 0; }
  .side-menu ul {
    margin: 0px 0px 20px 0px; }
  .side-menu li {
    margin: 0px;
    list-style: none; }
    .side-menu li a {
      margin: 0px;
      padding: 4px;
      display: block; }
    .side-menu li a:before {
      content: "\0bb";
      color: #ff921e;
      padding: 0px 2px; }
  .side-menu .tagcloud a {
    display: block;
    margin: 0px;
    padding: 2px;
    font-size: 14px !important; }
    @media screen and (max-width: 499px) {
      .side-menu .tagcloud a {
        font-size: 16px !important; } }
  .side-menu .tagcloud a:before {
    content: "\0bb";
    color: #ff921e;
    padding: 0px 2px; }

.wp-pagenavi {
  clear: both;
  padding: 20px 0px 0px 0px;
  text-align: center;
  color: #ff921e;
  font-size: 12px; }
  .wp-pagenavi .pages {
    border: none; }
  .wp-pagenavi .current {
    background-color: #ff921e;
    color: #fff;
    border-color: #ff921e !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-weight: normal !important;
    padding: 4px !important; }
  .wp-pagenavi a {
    color: #ff921e;
    border-color: #ff921e !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 4px !important; }
  .wp-pagenavi a:hover {
    background-color: #ff921e;
    color: #fff; }