/*
Theme Name: COVERWORK
Author: SK
Description:COVERWORK�pWP�e���v���[�g
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Content
    ## Header
    ## Header Feature Image
    ## Posts and pages
    ## Home
    ## Archive
    ## Asides
    ## Comments
    ## Footer
    ## 404
# Sidebar
    ## Widgets
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


@-webkit-keyframes image-pulse {
  0% {
    -webkit-transform: scale(1.01); }
  100% {
    -webkit-transform: scale(1.15); } }
@-moz-keyframes image-pulse {
  0% {
    -moz-transform: scale(1.01); }
  100% {
    -moz-transform: scale(1.15); } }
@keyframes image-pulse {
  0% {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01); }
  100% {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); } }
@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadein-images {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.6; } }
@-moz-keyframes fadein-images {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.6; } }
@keyframes fadein-images {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.6; } }
/*@-webkit-keyframes movein {
  0% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes movein {
  0% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@keyframes movein {
  0% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }*/
/*************************
loader
**************************/
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #72727e;
  font-family: 'Noto Sans JP','Ubuntu', sans-serif;
/* font-family: "Karla", sans-serif;*/
  font-size: 100%;
  font-weight: 300;
  line-height: 1.25; }

h1, h2, h3, h4, h5, h6, form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"], .comment-form label {
/*  font-family: "Montserrat", sans-serif;*/
  font-size: 1em;
  clear: both;
  text-transform: uppercase;
  line-height: 1;
  color: #333;
  font-weight: 100;
  
   }
  @media (max-width: 800px) {
    h1, h2, h3, h4, h5, h6, form button,
    form input[type="button"],
    form input[type="reset"],
    form input[type="submit"], .comment-form label {
      word-wrap: break-word; } }
  @media (min-width: 1600px) {
    h1, h2, h3, h4, h5, h6, form button,
    form input[type="button"],
    form input[type="reset"],
    form input[type="submit"], .comment-form label {
      font-size: 1.5em; } }

@media (max-width: 800px) {
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word; } }

.site-main h1 {
  font-size: 160%; }
  @media (max-width: 800px) {
    .site-main h1 {
      font-size: 140%em; } }
.site-main h2 {
  font-size: 2.25em;
  margin: 0 auto 14px;
 }
  @media (max-width: 800px) {
    .site-main h2 {
      font-size: 1.5em; } }
.site-main h3 {
  font-size: 1.5em;
  letter-spacing: 0.0501777168em; }
  @media (max-width: 800px) {
    .site-main h3 {
      font-size: 1.286em; } }
.site-main h4 {
  font-size: 1em;
  letter-spacing: 0.0877914952em; }
.site-main h5 {
  font-size: 0.8573333333em;
  letter-spacing: 0.0877914952em; }
.site-main h6 {
  font-size: 0.6666666667em;
  letter-spacing: 0.1316872428em; }
@media (min-width: 1100px) {
  .site-main h1, .site-main h2 {
    -webkit-transition: font-size 0.2s ease-in-out;
    -moz-transition: font-size 0.2s ease-in-out;
    transition: font-size 0.2s ease-in-out; } }

.sidebar h2 {
  color: #333; }

p {
  margin-bottom: 1em; }

strong {
  font-weight: 600; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 0 1em;
  font-style: italic;
  font-size: 1.5em;
  line-height: 1.286em;
  color: #eb6e78; }
  blockquote cite,
  blockquote cite a {
    color: #a1a1a9; }

address {
  margin: 0 0 1em; }

pre {
  background: #f3f3f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.929em;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.6666666667em;
  background: #f3f3f4;
  padding: 0.2962962963em 0.6666666667em; }

abbr, acronym {
  border-bottom: 1px dotted #a1a1a9;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

html,
body {
  width: 100%;
  overflow-x: hidden; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

::selection {
  /* WebKit/Blink Browsers */
  background: #ed7d86;
  color: #fdf1f2;
  text-shadow: 0 1px 1px #bc5860; }

::-moz-selection {
  /* Gecko Browsers */
  background: #ed7d86;
  color: #fdf1f2;
  text-shadow: 0 1px 1px #bc5860; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #666;
  border: 0;
  height: 2px;
  }

ul, ol {
  margin: 0 0 1em 1em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em; }

dt {
  font-weight: bold;
margin-top: 20px; }

dd {
  margin: 0 1em 0.2em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  vertical-align: bottom;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%;
  clear: both; }
  table tr th {
    text-align: left;
    background: #ddd;
    border: 1px solid #ccc;
    padding: 0.1975308642em 0.4444444444em; }
  table tr td {
    border: 1px solid #ccc;
    padding: 0.1975308642em 0.4444444444em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
  font-size: 0.6666666667em;
  letter-spacing: 0.1316872428em;
  color: #fdf1f2;
  text-shadow: 0 0 0 transparent;
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: #eb6e78 #d4636c #bc5860;
  border-radius: 3px;
  background: #eb6e78;
  padding: 0.8573333333em 1.286em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  form button:hover,
  form input[type="button"]:hover,
  form input[type="reset"]:hover,
  form input[type="submit"]:hover {
    background: #ef8b93;
    border-color: #ef8b93 #ed7d86 #d4636c;
    color: #fff;
    text-shadow: 0 1px 1px #bc5860;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  form button:active,
  form input[type="button"]:active,
  form input[type="reset"]:active,
  form input[type="submit"]:active {
    background: #d4636c;
    border-color: #bc5860 #bc5860 #bc5860;
    border-width: 3px 1px 1px; }
  form button:focus,
  form input[type="button"]:focus,
  form input[type="reset"]:focus,
  form input[type="submit"]:focus {
    outline: none;
    box-shadow: 0 0 1px 4px #f7c5c9;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  box-sizing: border-box;
  color: #72727e;
  border: 1px solid #d0d0d4;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #434353;
    outline: none;
    box-shadow: 0 0 1px 4px #e8e8ea;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .sidebar input[type="text"]:focus, .sidebar
  input[type="email"]:focus, .sidebar
  input[type="url"]:focus, .sidebar
  input[type="password"]:focus, .sidebar
  input[type="search"]:focus, .sidebar
  textarea:focus {
    box-shadow: 0 0 1px 4px rgba(232, 232, 234, 0.3); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 0.2962962963em 0.4444444444em; }

textarea {
  padding: 0.2962962963em 0.4444444444em;
  width: 100%; }

.post-password-form {
  background: #f3f3f4;
  padding: 3.375em 2.25em; }
  .post-password-form p {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto; }
  .post-password-form p:first-child {
    font-size: 0.6666666667em;
    text-transform: uppercase;
    letter-spacing: 0.0501777168em;
    line-height: 1.5em;
    text-transform: none; }
  .post-password-form label {
    font-family: "Montserrat", sans-serif;
    font-size: 0.6666666667em;
    clear: both;
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.6666666667em;
    color: #d0d0d4; }
  .post-password-form input[type="password"] {
    display: block;
    margin-bottom: 0.6666666667em;
    width: 100%; }
  .post-password-form input[type="submit"] {
    display: block; }

/*--------------------------------------------------------------
# effect
--------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:500;
}
#page-top a {
    background: #ccc;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #ef4747;
}

/** �X�N���[�������ƕ\�� 
.effect div {
	transition: .8s;
}

.effect p {
	transition: .8s;
	transition-delay: .8s;
}
**/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #eb6e78;
  -webkit-transition-property: color, text-decoration, opacity;
  -moz-transition-property: color, text-decoration, opacity;
  transition-property: color, text-decoration, opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  a:visited {
    color: #ed7d86; }
  a:hover, a:focus, a:active {
    color: #434353;
    -webkit-transition-property: color, text-decoration, opacity;
    -moz-transition-property: color, text-decoration, opacity;
    transition-property: color, text-decoration, opacity;
    -webkit-transition-duration: 0.05s;
    -moz-transition-duration: 0.05s;
    transition-duration: 0.05s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Sidebar Toggle Button
--------------------------------------------------------------*/
/* 
**  Sidebar Toggle 
*/
.no-js .sidebar-toggle {
  display: none; }

.sidebar-toggle {
  -webkit-animation: fadein 0.3s ease-out 0.3s backwards;
  -moz-animation: fadein 0.3s ease-out 0.3s backwards;
  animation: fadein 0.3s ease-out 0.3s backwards;
  display: block;
  content: "";
  display: table;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  border: 0 none;
  border-radius: 0;
  padding: 0;
  outline: 0;
  font-size: 1em;
  background: transparent;
  position: absolute;
  top: 20px;
  right: 10px;
  margin: -1em 0 0;
  padding: 1.286em 1em 1.5em;
  z-index: 9999; }
  .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {
    display: block;
    width: 1.5em;
    height: 3px;
    border-radius: 1px;
    line-height: 1;
    background: rgba(232, 232, 234, 0.7); }
  .sidebar-toggle span {
    text-indent: -9999px;
    -webkit-transition-property: color, background, opacity, width;
    -moz-transition-property: color, background, opacity, width;
    transition-property: color, background, opacity, width;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
    .sidebar-toggle span:before, .sidebar-toggle span:after {
      content: '';
      position: absolute;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      top: 1.286em;
      -webkit-transition-property: color, background, opacity, width;
      -moz-transition-property: color, background, opacity, width;
      transition-property: color, background, opacity, width;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
    .sidebar-toggle span:before {
      margin-top: -8px;
      width: 1.286em; }
    .sidebar-toggle span:after {
      margin-top: 8px;
      width: 1em; }
  .sidebar-toggle:hover {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    text-shadow: 0 0 0 transparent;
    border: 0 none; }
    .sidebar-toggle:hover span {
      -webkit-transition-property: color, background, opacity, width;
      -moz-transition-property: color, background, opacity, width;
      transition-property: color, background, opacity, width;
      -webkit-transition-duration: 0.15s;
      -moz-transition-duration: 0.15s;
      transition-duration: 0.15s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      background: #fff; }
      .sidebar-toggle:hover span:before, .sidebar-toggle:hover span:after {
        -webkit-transition-property: color, background, opacity, width;
        -moz-transition-property: color, background, opacity, width;
        transition-property: color, background, opacity, width;
        -webkit-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        width: 1.5em;
        background: #fff; }
  .sidebar-toggle:active, .sidebar-toggle:visited, .sidebar-toggle:focus {
    box-shadow: 0 0 0 transparent; }
  .sidebar-toggled .sidebar-toggle {
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 9999;
    border: 0 none;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition-property: color, background, opacity, -webkit-transform;
    -moz-transition-property: color, background, opacity, -moz-transform;
    transition-property: color, background, opacity, transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
    .sidebar-toggled .sidebar-toggle span {
      background: transparent;
      -webkit-transition: background 0.2s ease-in-out;
      -moz-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out; }
      .sidebar-toggled .sidebar-toggle span:before, .sidebar-toggled .sidebar-toggle span:after {
        width: 1.5em;
        margin-top: 0;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transition-property: color, background, opacity, -webkit-transform;
        -moz-transition-property: color, background, opacity, -moz-transform;
        transition-property: color, background, opacity, transform;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        background: #333;
        height: 4px; }
      .sidebar-toggled .sidebar-toggle span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sidebar-toggled .sidebar-toggle span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .sidebar-toggled .sidebar-toggle:hover {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: center;
      -moz-transform-origin: center;
      -ms-transform-origin: center;
      -o-transform-origin: center;
      transform-origin: center;
      -webkit-transition-property: color, background, opacity, -webkit-transform;
      -moz-transition-property: color, background, opacity, -moz-transform;
      transition-property: color, background, opacity, transform;
      -webkit-transition-duration: 0.15s;
      -moz-transition-duration: 0.15s;
      transition-duration: 0.15s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      .sidebar-toggled .sidebar-toggle:hover span:before, .sidebar-toggled .sidebar-toggle:hover span:after {
        background: #eb6e78; }
  .sidebar-toggled.admin-bar .sidebar-toggle {
    top: 32px; }
    @media (max-width: 800px) {
      .sidebar-toggled.admin-bar .sidebar-toggle {
        top: 42px; } }
  .sidebar-closed .sidebar-toggle span {
    -webkit-animation: fadein 0.3s ease-out 0.4s backwards;
    -moz-animation: fadein 0.3s ease-out 0.4s backwards;
    animation: fadein 0.3s ease-out 0.4s backwards; }

.sidebar-closed .sidebar-toggle.fixed {
	position: fixed;
	right:-6px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.nav-menu {
  padding: 0;
  margin: 0;
  list-style: none; }

.site-header .header-navigation {
  position: absolute;
  display: block;
  right: 0;
  width: 70%;
  text-align: right;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1316872428em;
  line-height: 1;
  opacity: 1; }
  @media (max-width: 800px) {
    .site-header .header-navigation {
      width: 20%; } }
  .site-header .header-navigation a {
    display: block;
    width: 100%;
    font-size: 0.6666666667em;
    letter-spacing: 0.1316872428em;
    color: rgba(200,200,200,1);
    text-decoration: none; }
    .site-header .header-navigation a:hover {
      color: #fff; }
  .site-header .header-navigation .menu-header-container {
    -webkit-animation: fadein 0.3s ease-out 1s backwards;
    -moz-animation: fadein 0.3s ease-out 1s backwards;
    animation: fadein 0.3s ease-out 1s backwards;
    position: relative;
    right: 3.375em;
    opacity: 1;
    z-index: 200;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
    .site-header .header-navigation .menu-header-container ul {
      list-style: none;
      margin: 0;
      padding-left: 0;
      text-align: right;
      line-height: 0; }
      .site-header .header-navigation .menu-header-container ul li, .site-header .header-navigation .menu-header-container ul a {
        line-height: 1;
        margin: 0;
        padding: 0; }
      .site-header .header-navigation .menu-header-container ul li > ul {
        display: none; }
      .site-header .header-navigation .menu-header-container ul li {
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0 0.1975308642em; }
        .site-header .header-navigation .menu-header-container ul li a {
          padding: 0 0 1em 0.4444444444em; }
    .sidebar-toggled .site-header .header-navigation .menu-header-container {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
    .sidebar-closed .site-header .header-navigation .menu-header-container {
      -webkit-animation: fadein 0.3s ease-out 0.5s backwards;
      -moz-animation: fadein 0.3s ease-out 0.5s backwards;
      animation: fadein 0.3s ease-out 0.5s backwards; }
    @media (max-width: 800px) {
      .site-header .header-navigation .menu-header-container {
        display: none; } }

/***top header navi ****/
.site-header .header-navigation-top {
  position: absolute;
  display: block;
  right: 0;
  width: 70%;
  text-align: right;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1316872428em;
  line-height: 1;
  opacity: 1; }
  @media (max-width: 800px) {
    .site-header .header-navigation-top {
      width: 20%; } }
  .site-header .header-navigation-top a {
    display: block;
    width: 100%;
    font-size: 0.6666666667em;
    letter-spacing: 0.1316872428em;
    color: rgba(232, 232, 234, 0.7);
    text-decoration: none; }
    .site-header .header-navigation-top a:hover {
      color: #fff; }
  .site-header .header-navigation-top .menu-header-container {
    -webkit-animation: fadein 0.3s ease-out 1s backwards;
    -moz-animation: fadein 0.3s ease-out 1s backwards;
    animation: fadein 0.3s ease-out 1s backwards;
    position: relative;
    right: 3.375em;
    opacity: 1;
    z-index: 200;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
    .site-header .header-navigation-top .menu-header-container ul {
      list-style: none;
      margin: 0;
      padding-left: 0;
      text-align: right;
      line-height: 0; }
      .site-header .header-navigation-top .menu-header-container ul li, .site-header .header-navigation-top .menu-header-container ul a {
        line-height: 1;
        margin: 0;
        padding: 0; }
      .site-header .header-navigation-top .menu-header-container ul li > ul {
        display: none; }
      .site-header .header-navigation-top .menu-header-container ul li {
        display: inline-block;
        position: relative;
        padding: 0;
        margin: 0 0.1975308642em; }
        .site-header .header-navigation-top .menu-header-container ul li a {
          padding: 0 0 1em 0.4444444444em; }
    .sidebar-toggled .site-header .header-navigation-top .menu-header-container {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
    .sidebar-closed .site-header .header-navigation-top .menu-header-container {
      -webkit-animation: fadein 0.3s ease-out 0.5s backwards;
      -moz-animation: fadein 0.3s ease-out 0.5s backwards;
      animation: fadein 0.3s ease-out 0.5s backwards; }
    @media (max-width: 800px) {
      .site-header .header-navigation-top .menu-header-container {
        display: none; } }

#cw_sidebar_logo a img{width:399px;}
@media (max-width: 800px) {
  #cw_sidebar_logo a img{width:100%;}
}

.sidebar .main-navigation {
  padding-bottom: 2.25em;
  margin-top: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1em/*0.6666666667em*/;
  clear: both;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold; }
  .sidebar .main-navigation h2 {
    display: none; }
  .sidebar .main-navigation .sub-menu {
    padding-left: 1em;
    border-left: 2px solid #eb6e78; }
    .sidebar .main-navigation .sub-menu a {
      font-size: 1em;
      /*opacity: .6;*/
      padding: 1em 0; }
      .sidebar .main-navigation .sub-menu a:hover {
        opacity: 1; }
  .sidebar .main-navigation li {
    padding: 0;
    margin: 0; }
  .sidebar .main-navigation a {
    display: block;
    padding: 1.286em 0; }

.comment-navigation .nav-previous a, .comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 0.6666666667em;
  clear: both;
  text-transform: uppercase;
  line-height: 1; }
.comment-navigation .nav-previous, .comment-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  width: 50%; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right; }

.site-main .comment-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-next,
.post-navigation .nav-next {
  text-align: right; }

.posts-navigation .nav-previous {
  padding-right: 1em;
  text-align: right; }
.posts-navigation .nav-next {
  padding-left: 1em;
  text-align: left; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f3f3f4;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #141428;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

blockquote.alignright, blockquote.alignleft {
  width: 14.64834375em; }
blockquote.alignleft {
  margin-left: 0; }
blockquote.alignright {
  margin-right: 0; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site {
  position: relative;
  width: 100%; }

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em 1em 1.286em;
  margin-bottom: 0;
  background: rgba(80,80,80,1);
  z-index: 3000; }
/*  .featured-image .site-header, .header-image .site-header, .blog.home .site-header, .error404 .site-header {
    position: absolute;
    background: transparent;
    margin-bottom: 0; }*/

.site-header.fixed {
	position:fixed;
	top:0;
}

.sidebar-toggled .site-header .sidebar-toggle {
	position:absolute;
	top:-8px;
	right:22.5em
}

.site-header-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em 1em 1.286em;
  margin-bottom: 0;
  background: rgba(0,0,0,0);
  z-index: 8000; }
/*  .featured-image .site-header-top, .header-image .site-header-top, .blog.home .site-header-top, .error404 .site-header-top {
    position: absolute;
    background: transparent;
    margin-bottom: 0; }*/

.site-header-top.fixed {
	position:fixed;
	top:0;
}


.site-branding {
  -webkit-animation: fadein 0.3s ease-out 0.3s backwards;
  -moz-animation: fadein 0.3s ease-out 0.3s backwards;
  animation: fadein 0.3s ease-out 0.3s backwards;
  position: relative;
  width: 30%;
  float: left;
  color: #fff;
  z-index: 1000;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .site-branding h1 {
    font-size: 0.6666666667em;
    letter-spacing: 0.1316872428em;
    margin: 0 0 0.4444444444em; }
    .site-branding h1 a {
      color: #666;
      text-decoration: none;
      font-size:180%; }
      .site-branding h1 a:hover {
        color: #ef4747; }
  .site-branding h2 {
    font-family: "Karla", sans-serif;
    font-size: 0.6666666667em;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0.0877914952em;
    margin: 0;
    color: #666; }
  @media (max-width: 800px) {
    .site-branding {
      width: 80%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; } }
  .sidebar-toggled .site-branding {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

#bland_logo{
	overflow: hidden;
	margin: 0;
	padding:0;
	text-align: center;
	bottom: 60px;
	left: 0;
	position:absolute;
}

#bland_logo li{
	width: 15%;
	margin: 20px 2%;
	list-style-type: none;
	display: inline-block;
}

@media (max-width: 800px) {

	#bland_logo li {
		width: 30%;
		margin: 5px 5%;
	}

}

/*--------------------------------------------------------------
## Header Navi
--------------------------------------------------------------*/
#header_wrapper{position: relative;}
#sp_nav_btn{
  position: absolute;
  top: 0;
  right: 0;
}
#sp_nav_btn a{display:block;width:30px;height: 30px;}
.hm_btn1{top: 0px;}
.hm_btn2{top: 10px;}
.hm_btn3{top: 20px;}
.hm_btn1,.hm_btn2,.hm_btn3{
  width:100%;
  height: 5px;
  background-color: #ccc;
  display: block;
  position: absolute;
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; /* Opera */
  -moz-transition: all 0.5s ease-out; /* Firefox */
  -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out; /* IE */
  border: solid 1px #333;
}
.menuclick1
{ top:14px;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg); }
.menuclick2
{ opacity:0;}
.menuclick3
{ top:14px;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg); } 
/*--------------------------------------------------------------
## Header Feature Image
--------------------------------------------------------------*/
.cw_scroll{
  width: 6%;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  bottom: 0;
  padding:1%;
  animation:scrollDown 1s ease-in 0s infinite alternate;
  -webkit-animation:scrollDown 1s ease-in 0s infinite alternate;
}

@keyframes scrollDown {
	0%{opacity:0;margin-bottom: 10px;}
	100%{opacity:1;margin-bottom: 0;}
}

@-moz-keyframes scrollDown {
	0%{opacity:0;margin-bottom: 10px;}
	100%{opacity:1;margin-bottom: 0;}
}

@-webkit-keyframes scrollDown {
	0%{opacity:0;margin-bottom: 10px;}
	100%{opacity:1;margin-bottom: 0;}
}

.site-header-image {
  -webkit-animation: fadein 2s ease-out backwards;
  -moz-animation: fadein 2s ease-out backwards;
  animation: fadein 2s ease-out backwards;
  position: relative;
  overflow: hidden;
  line-height: 0;
  width:50%;
  height: auto;
  text-align: right;
  }
  
  .site-header-image.coverwork-top {
    width:100%;
    height:100%;
    background-image: url(./img/coverwork_top.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    position:relative;
  }

  .header-info{
    width: 90%;
    margin: 0 auto;
    color: #fff;
  }
  .header-info h2{
    color:#fff;
  }
  .header-info h2 span{
    display: block;
    border-top: solid 1px #fff;
    margin: 6px 0 0;
    padding: 6px 0 0;
    font-size: 75%;
    text-align: right;
  }
  .black_text{
    color: #000;
  }
  .header-info.black_text h2 {
    color: #000;
  }
  .header-info.black_text h2 span{
    border-top: solid 1px #000;
  }

  #cw_brand{
    background-image: url(./img/brand_back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    position:relative;
    padding: 20px 0;
    background-attachment: fixed;
  }
  
  #cw_brand #slider{
    width: 90%;
    margin: 40px auto;

  }
  .swiper-wrapper{
    display:flex;
    flex-wrap: wrap;
  }
  .site-header-image .brand-inner{
    width: 50%;
    padding: 20px;
    margin: 20px;
    color: #fff;
    display: inline-block;
  }
  .site-header-image .brand-inner img{
    height: 120px;
    display: block;
    margin: 5px auto;
    width: 100%;

  }
  .site-header-image .brand-inner h3{
    color: #fff;
    font-weight: bold;
    text-align: left;
  }
  .site-header-image .brand-inner p{
    line-height: 1.25;
    text-align: left;
  }

  #thumbs img{}

  .site-header-image.coverwork {
    background-image: url(./img/coverwork.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.raid {
    background-image: url(./img/raid.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.bisline {
    background-image: url(./img/bisline.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.ang {
    background-image: url(./img/ang.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.daysy {
    background-image: url(./img/daysy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.gear {
    background-image: url(./img/gear.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.trevento {
    background-image: url(./img/trevento.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }
  .site-header-image.shinyei {
    background-image: url(./img/shinyei.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
  	position:relative;
  }

  #cw_company{
    background-image: url(./img/company_back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    position:relative;
    padding: 40px 0;
  }
  .cw_company {
    position: relative;
  }
  .cw_company p{
    font-family: 'Noto Serif',serif;
    font-size: 240%;
    font-weight: bold;
  }
  .cw_company p span{
    font-size: 130%;
  }
  a.cw_btn{
    display: inline-block;
    text-decoration: none;
    background-color: #000;
    color: #fff;
    padding: 16px 24px;
    float: right;
    border: solid 1px #fff;
  }
  a.cw_btn:hover{
    color:#ed7d86;
  }
  .m40-0-20{
    margin: 40px 0 20px;
  }

  #cw_service{
    background-image: url(./img/service_back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    position:relative;
    padding: 20px 0;
    background-attachment: fixed;
  }

  /*************************
  top tab
  **************************/
  .service_inner ul {
    margin: 0;
    padding: 0;
    display: flex;
  }

  .service_inner ul li {
    list-style-type: none;
    flex-grow: 1;
  }
 
  .service_inner ul li a {
    font-size: 1em;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    display: block;
    padding: 9%;
    text-align: center;
    width: 100%;
    background: #999;
  }
  .service_inner ul li a:hover{
    color:#ed7d86;
    background: #666;
  }
 
  .service_inner ul li a.tab_current {
    background: #000;
    color: #fff;
  }
 
  #service_contents{
    clear:both;
  }
 
  #service_contents div {
    background:#000;
    display: flex;
    align-items: center;

  }
 
  #service_contents p{
    margin-top:20px;
    line-height:2em;
    color:#fff;
    padding: 5%;
    width: 50%;
  }
 
  #service_contents strong {
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
  }
  /**************************/
  



  .footer_white {
  	width:100%;
  }
  
  #map-canvas {
  	height:55vh
  }
  
	.cw_brand_logo{
		width: 50%;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.cw_brand_concept {
		width: 50%;
		height: 100vh;
		position: absolute;
/*		top: 0;*/
		right: 0;
	}
	.cw_brand_concept:after {
		clear:both;
	}
	
	.cw_brand_logo_inner,.cw_brand_concept div{
		position: absolute;
		top: 0;
		left: 0;
		bottom:0;
		right:0;
		margin:auto;
	}
	
	.cw_brand_concept div{
		border-left: solid 1px #fff;
	}
	
	.entry-content .cw_brand_logo_inner {
		height:30vh;
	}
	
	.entry-content .cw_brand_logo_inner img {
		width:60%;
		display:block;
		margin:0 auto;
		float:none;
	}
	
	.cw_brand_concept div{
		height:30vh;
		padding:0 10%;
	}
	
	.cw_brand_concept div h3{
		color:#fff;
		font-size: 200%;
	}
	
	.entry-content .cw_brand_concept div p{
		line-height: 1.25;
		margin:0;
		color:#fff;
		text-justify: auto;
		text-align: justify;
	}
	
	.entry-content p.cw_to_itemlist a {
		opacity: 1;
		line-height: 1;
		position: absolute;
		bottom: 200px;
		right: 0px;
		margin: 0px 5% 0px 0px;
		border: solid 1px #fff;
		border-radius: 10px;
		padding: 1% 3%;
		text-decoration: none;
		color: #fff;
		background-color: rgba(0,0,0,0.2);
		display:block;
	}
	
	.entry-content p.cw_to_itemlist a:hover {
		background-color: #ef4747;
	}
	
	@media (max-width: 800px){
	
		.cw_brand_logo {
			width:100%;
			height:50vh;
		}
		
		.cw_brand_concept {
			width:100%;
			height:50vh;
			bottom:0;
		}
		
		.entry-content .cw_brand_logo_inner {
			top:25vh;
		}
		
		.cw_brand_concept div h3 {
			font-size:140%;
			margin:20px 0 8px;
      font-weight: bold;
		}
    .cw_brand_concept div.bfont h3{
      color: #333;
    }
    .cw_brand_concept div.bfont p{
      color: #333;
    }
		
		.entry-content .cw_brand_logo_inner img{
			width:80%;
		}
		
		.cw_brand_concept div{
			border:none;
			bottom:25vh;
		}
		
		.entry-content p.cw_to_itemlist a {
			bottom:10vh;
		}
		
		.footer_white {
			height:90vh;
		}
		
		#map-canvas {
			height:90vh;
    }
    
    .swiper-wrapper {
      display: block;
    }
    .site-header-image {
      width: 100%;
    }
    .site-header-image .brand-inner {
      width: 100%;
      margin: 0;
      background-color: rgba(0,0,0,0.5);
    }
    .site-header-image .brand-inner img {
      width: 100%;
      height: 100px;
      margin: 10px auto;
    }
    .cw_itroduction,#cw_brand #slider {
      width: 96%;
    }

    #cw_company{
      background-position: bottom center;
      background-size:contain;
    }
    .entry-content .company_inner p:first-child{
      font-size:140%;
      margin: 15vh 0;
    }
    #service_contents div{
      display: block;
      overflow: hidden;
    }
    #service_contents p{
      margin: 0;
      padding: 1% 5%;
    }
    .cw_scroll{
      width: 20%;
    }
    #cw_brand{
      background-image: url(./img/brand_back_sp.jpg);
      background-attachment:scroll;
    }
    #cw_service{
      background-image: url(./img/service_back_sp.jpg);
      background-attachment:scroll;
    }
    #service_contents p{
      width:100%;
    }

  
  
  }/*endmedia-800*/


  .site-header-image .section-image {
    position: relative;
    width: auto;
    height: 920px;
    opacity: 0.6;
    -webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
    -moz-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
    animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block; }
  .featured-image .site-header-image {
    height: 70vh; }
    @media (max-width: 800px) {
      .featured-image .site-header-image {
        height: 100vh; } }
    @media (min-width: 1100px) {
      .featured-image .site-header-image {
        height: 100vh; } }

.head_title_inside {
/*	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 30%;*/
	overflow: hidden;
}

.head_title_inside a {
	display: block;
/*	position: absolute;
	top: 0px;
	left: 0px;*/
}

.head_title_inside a img{
	float:none;
	width:40%;
	display: block;
	animation:fadeIn 2.4s ease-in 0.2s 1 normal;
	-webkit-animation:fadeIn 2.4s ease-in 0.2s 1 normal;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

@keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-moz-keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity:1;}
}



/*-- SVG ----------------------------------*/
svg {
  width: 40%;
	position: absolute;
	top: 1px;
	left: 0;
	bottom: 0;
	right: 0;
  margin: auto;  
}

path,polygon,rect {
	fill: rgba(255,255,255,0);  /* fill: none; �̑����� */
	stroke:#fff;
	stroke-width:1;
	stroke-dasharray: 2000;
	stroke-dashoffset:2000;
	-webkit-animation: DASH 5s ease-in-out alternate forwards;
	animation: DASH 5s ease-in-out alternate forwards;
	-webkit-animation:DASH 5s ease-in-out 0s forwards;
	animation:DASH 5s ease-in-out 0s forwards;
}

@keyframes DASH{
	0%{stroke-dashoffset:2000;}
	100%{stroke-dashoffset:0;}
}
@-moz-keyframes DASH{
	0%{stroke-dashoffset:2000;}
	100%{stroke-dashoffset:0;}
}
@-webkit-keyframes DASH{
	0%{stroke-dashoffset:2000;}
	100%{stroke-dashoffset:0;}
}


/*-- /SVG ----------------------------------*/
.head_title_inside li{
	float:left;
	width:20%;
	list-style-type:none;
}

.head_title_inside li img.cw_bland{
	
}

.content-area {
  padding: 0;
  margin: 0;
  max-width: 100%; }
  @media (min-width: 1400px) {
    .content-area {
      font-size: 1.286em;
      width:100% } }

.site-header-image #primary-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    text-align: center;
    line-height: 1.25;
    color: #fff;
    width: 100%;
    padding: 1em 0;
    background: rgba(50,50,50,0.6);
}

.site-header-image #primary-top .hentry {
	margin:0;
	padding:0;
}

.site-header-image #primary-top .entry-content {
	margin:0;
}

.site-header-image #primary-top .entry-content #company_description p {
	margin:0;
}

.site-header-image #primary-top .entry-header .entry-title {
	margin:0 auto 20px;
	color:#fff;
}

.site-header-image #primary {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 80%;
	text-align: center;
	line-height: 1.25;
	color:#fff;
}

.site-header-image #primary header.entry-header h1{
	color:#fff;
	margin: 0 0 10px;
}


@media (max-width: 800px) {
/*	.head_title_inside {
		width: 80%;
		position: absolute;
		top: 20%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}*/
	
	svg {
		width: 80%;
	}
	
	.site-header-image #primary {
	    position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		max-width: 100%;
		text-align: center;
		line-height: 1.25;
		color: #fff;
	}
	
	.site-header-image #primary header.entry-header h1 {
		color: #fff;
		font-size: 140%;
		margin: 0 auto;
	}
	
}
/*--------------------------------------------------------------
## �A�[�J�C�u�y�[�W
--------------------------------------------------------------*/
.cw_block-art {
	overflow:hidden;
}

.cw_block-art .entry-content, .cw_archive_itemlists .entry-content {
	width:30%;
	margin: 20px 0;
}

.cw_block-art .entry-content .entry-content_inner h1, .cw_archive_itemlists .entry-content h1{
	font-size:90%;
	margin:0;
	padding: 10px 0;
}

.cw_block-art .entry-content a {
	width:100%;
}

.cw_block-art .entry-content a img {
	width:40%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#cw_itemblock .entry-content a img, .cw_archive_itemlists .entry-content a img {
	width:100%;
	position: relative;
}

.entry-content {
	position: relative;
}

.entry-content_inner {
	height: 92px;
}

.entry-content h1 {
	font-size:100%;
	margin: 0;
}

.entry-content h1 a{
	color: #333;
	text-decoration:none;
  font-weight: bold;
}

.entry-content h1 a:hover{
	color: #ef4747;
}

.entry-content p {
	margin: 10px 0;
}

.entry-content .cw_archive_word p{
	clear:both;
	font-size: 84%;
}

.entry-content .cw_archive_word p{
	margin: 0;
}

@media (max-width: 800px) {

	.entry-content a img {
		width:80%;
  }
  
  .entry-content .str-img_inner a img{
    width: 100%;
  }
	


}

@media (min-width: 1240px){

	.entry-content .cw_archive_word p{
	
	}

}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry-header.companyinfo {
	height:30vh;
	padding:0;
	background:url(./hp_img/rain.jpg) 50% 0% no-repeat;
	background-size:1920px auto;
	background-attachment: fixed;
}


.entry-content #company_description p{
	margin:0 0 10px;
}


.sticky {
  display: block; }

.hentry {
  margin: 0/* 0 2.25em*/;
  padding: 0/* 0 2.25em*/;
  border-bottom: 4px solid #f3f3f4; }
  .hentry:last-child {
    border-bottom: none; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: /*1.5em*/0; }
  .page-content p:first-child,
  .entry-content p:first-child,
  .entry-summary p:first-child {
    margin-top: 0; }
  .page-content p:last-child,
  .entry-content p:last-child,
  .entry-summary p:last-child {
    margin-bottom: 0; }



.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.entry-header .entry-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 0.2962962963em;
	width:60%;
	margin:0 auto;
	padding: 10px 0;
	color: #fff;
	font-size: 250%; }
  .entry-header .entry-title a {
    text-decoration: none;
    color: #eb6e78; }
    .entry-header .entry-title a:hover {
      color: #434353; }

.type-post .entry-header{
  background-color: #000000;
  padding: 120px 0;
}
.type-post .entry-header h1.entry-title {}
.type-post .entry-header .entry-meta{
  width: 60%;
  margin: 0 auto;
}

.cw_archive_word p a{
	color: #72727e;
	text-decoration:none;
}

.cw_archive_word p a:hover{
	color: #ef4747;
}

.entry-header img {}

#cw_innerpp{
  width: 60%;
  margin: 40px auto;
}
#cw_innerpp .center_img{
  display: block;
  margin: 20px auto;
}
#cw_innerpp h2{
  border-left: double 6px #666666;
  border-right: double 6px #666666;
  padding: 20px;
}

@media (max-width: 800px) {
	/*.entry-content img {
		width:30%;
	}*/
	
	.entry-content_inner {
	/*	width:70%;*/
	}
	
	.entry-content p {
		font-size:15px;
	}
	
	.entry-content h1 {
		font-size:90%;
		margin: 0 0 10px 16px;
	}
}



.entry-content #cw_item_detail .cw_item_inner {
	float: left;
	width: 70%;
}

.entry-header .entry-meta,
.entry-footer {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em;
  color: #d0d0d4; }
  .entry-header .entry-meta a,
  .entry-footer a {
    text-decoration: none;
    color: #a1a1a9; }
    .entry-header .entry-meta a:hover,
    .entry-footer a:hover {
      color: #eb6e78; }
  .entry-header .entry-meta span,
  .entry-footer span {
    margin-right: 1em;
    display: inline-block; }

.post-navigation {
  margin: 0 0 2.25em;
  padding: 0 0 2.25em;
  border-bottom: 4px solid #f3f3f4; }
  .post-navigation a {
    text-decoration: none; }

#page #colophon_top {
/*	position: fixed;
	bottom: 0px;
	left: 0px;*/
	width: 100%;
	background: transparent none repeat scroll 0% 0%;
}

.cw_block_inner {
	width:60%;
	margin:0 auto;
}
.cw_block_inner.cw_pd {
  padding: 80px 0;
}
.cw_block_inner.cw_pd h2 {
  padding: 20px 0 40px;
}
.cw_block_inner.cw_pd p {
  padding: 20px 0 40px;
}
.cw_block_inner.cw_pd a img{
  display: block;
  margin: 0 auto;
  text-align: center;
}

#cw_company_page{
  color: #333;
}
.cw_description_inner{
  width: 60%;
  margin: 0 auto;
  padding: 100px 0 60px;
}
.cw_description_inner h2{
  text-align: center;
}
.cw_description_inner.cw_pd h2,
.cw_description_inner.cw_ct h2{
  text-align: center;
  line-height: 1.25;
}
.cw_description_inner.cw_pd h2 span,
.cw_description_inner.cw_ct h2 span{
  display: block;
  text-indent: 0;
}

.entry-content .cw_description_inner p{
  width: 72%;
  margin: 60px auto;
  line-height: 1.5;
}
.entry-content .cw_description_inner.cw_pd p,
.entry-content .cw_description_inner.cw_ct p{
  width: 84%;
}
.entry-content .cw_description_inner.cw_pd img{
  padding: 20px 40px 60px;
}

.entry-content .cw_description_inner p#cw_desc_bottom{
  width: 100%;
  text-align: right;
  font-size: 180%;
  font-family: serif;
  font-weight: bold;
}
.descrip-img{
  width: 30px;
  display:inline;
}
/*************
move-in
*************/
.cw_comserv_inner{
  overflow: hidden;
  padding: 60px 0;
}
.number_1{background-image:url(./img/cinfo_back_2.svg);background-color:rgb(206,215,210);}
.number_2{background-image:url(./img/cinfo_back_3.svg);background-color:rgb(222,221,221);}
.number_3{background-image:url(./img/cinfo_back_4.svg);background-color:rgb(190,190,190);}
.number_4{background-image:url(./img/cinfo_back_5.svg);background-color:rgb(206,213,195);}
.number_5{background-image:url(./img/cinfo_back_1.svg);background-color:rgb(226,223,211);}
.devback_1{background-image:url(./img/dev_back_1.jpg);padding: 180px 0;}
.devback_2{background-image:url(./img/dev_back_2.jpg);padding: 180px 0;}
.devback_3{background-image:url(./img/dev_back_3.jpg);padding: 180px 0;}
.cw_comserv_inner{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: fixed;
}
.site-main .cw_comserv_inner h2{
  text-align: center;
  font-weight: bold;
  padding: 60px 0;
}
.site-main .cw_comserv_inner h2 span{
  display: block;
  font-weight: lighter;
}
.site-main .cw_comserv_inner.cw_ct h2{
  color:#fff;
  border-top: solid 2px #fff;
}
.site-main #cw_itemicon .cw_comserv_inner.cw_ct h2{
  color:#666;
  border-top: solid 2px #666;
}
.cw_comserv_part h3,
.cw_comserv_part p{
  color: #fff;
}
.cw_comserv_part h3{
  font-weight: bold;
}
.cw_comserv_part{
  position: relative;
  overflow: hidden;
  -webkit-transition: all 2s;
  -webkit-transform: translate(0, 0);
  transition: all 2s;
  transform: translate(0, 0);
  opacity: 1;
  -webkit-clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
  clip-path: polygon(0 0, 100% 12%, 100% 88%, 0% 100%);
  background-color: #000;
  padding: 80px 5% 80px 14%;
  width: 80%;
}
.cw_comserv_part-ct{
  position: relative;
  overflow: hidden;
  -webkit-transition: all 2s;
  -webkit-transform: translate(0, 0);
  transition: all 2s;
  transform: translate(0, 0);
  opacity: 1;
}

.cw_comserv_part.right{
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
  padding: 80px 14% 80px 5%;
  float: right;
}
.cw_comserv_part.move-in,
.cw_comserv_part-ct.move-in{
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
  opacity: 0;
}
.cw_comserv_part.right.move-in,
.cw_comserv_part-ct.right.move-in{
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
  opacity: 0;
}
#str-img{overflow: hidden;}
#str-img h3{
  color: #fff;
  font-weight: bold;
  border-bottom: solid 2px #fff;
  padding: 0 20px 9px;
  width: 20%;
  margin: 0 auto 40px;
  text-align: center;
}
.str-img_inner{
  overflow: hidden;
}
.str-img_inner.width-70{
  width: 70%;
  float: left;
}
.str-img_inner.width-30{
  width: 30%;
}
.str-img_inner a {
  display: block;
  overflow: hidden;
  height: auto;
}
.str-img_inner.imgw50 a{
  width: 50%;
  float: left;
}
ul.icon-table{
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 60%;
  margin: 0 auto;
  list-style-type: none;
  padding: 0;
}
ul.icon-table li{
  width: 25%;
  padding: 5%;
  text-align: center;
  margin: 20px 0;
}
ul.icon-table li a img{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
ul.icon-table li:hover a img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
ul.icon-table li span{
  display: block;
  padding: 10px 0;
}
.entry-content p.en388{
  width: 60%;
  margin:0px auto;
}
img.en388{
  display: block;
  width: 60%;
  margin:40px auto;
}
#cw_itemicon .cw_description_inner{
  padding: 100px 0 0;
}
#cw_itemicon .cw_comserv_inner{
  padding: 0;
}

/*************
END move-in
*************/
.page-header.related-business div.cw_isimage{
  background-image:url(./img/related-business.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: fixed;
}

.page-header.customize div.cw_isimage{
  background-image:url(./img/ct_top.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: fixed;
}
#cw_customize,
#cw_strategy{
  background-color: #000;
  color:#fff;
  margin: 0;
  padding: 0;
}
#cw_customize .cw_description_inner h2,
#cw_strategy .cw_description_inner h2 {
  color: #fff;
  line-height: 1.25;
}
#cw_strategy .cw_description_inner h2 span{
  display: block;
}
ul.order_flow {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  -webkit-justify-content: center;
}
ul.order_flow li {
  padding: 40px 3%;
  border: solid 1px #fff;
  text-align: center;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 40px 20px;
  position: relative;
}
ul.order_flow li:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
  right: -33px;
  top: 45%;
}
ul.order_flow li:last-child:after{
  border-color: transparent;
}
.entry-content .cw_comserv_part-ct p{
  width: 48%;
  margin: 0 auto 60px;
}
.method img {
  width: 52%;
  display: block;
  margin: 0 auto;
  padding: 60px 40px;
}
.cw-character{
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 0;
  justify-content: center;
}
.entry-content .cw-character a img{
  display: block;
  width:280px;
  margin: 2% 1%;
}
.color-sample{
  width: 80%;
  display: block;
  margin: 40px auto;
}
.cw_comserv_part-ct .note{
  width: 84%;
  margin: 20px auto;
  list-style: none;
}
.p-position{
  display: flex;
  width: 84%;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 20px auto;
}
.p-position div img{
  width: 90%;
}
.p-position div ul{
  margin: 0 0 20px;
}

.page-header.sales-strategy div.cw_isimage{
  background-image:url(./img/str_topback.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: fixed;
}
img#simroom_logo{
  display: block;
  width: 500px;
  margin: 60px auto 0px;
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
  padding: 50px 0;
}
.entry-content .sim_room .cw_comserv_part-ct p{
  width: 100%;
  margin: 0 auto 20px;
}
#simroom_img{overflow: hidden;}
#simroom_img a{
  display: block;
  float: left;
  width: 33%;
  padding: 10px;
}
.entry-content #simroom_img a img{width: 100%;}

#cw_lsystem .cw_description_inner {padding: 50px 0 60px;}
dl.lsystem dt{
  font-weight: lighter;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 20px 100px;
  font-size: 150%;
  color: #fff;
  border-radius: 40px 0 40px 40px / 40px 0 40px 40px;
  background-size:contain;
}
.ls-use-item dl.o-layer dt,
dt.o-layer{
  background-image: url(./img/data/layering-system/outer-t.svg);
  background-color: #c7501b;
}
.ls-use-item dl.m-layer dt,
dt.m-layer{
  background-image: url(./img/data/layering-system/middle-t.svg);
  background-color: #4eb66e;
}
.ls-use-item dl.i-layer dt,
dt.i-layer{
  background-image: url(./img/data/layering-system/inner-t.svg);
  background-color: #00a0e9;
}
.ls-use-item dl.p-layer dt{
  background-image: url(./img/data/layering-system/pants-t.svg);
  background-color: #727171;
}
dl.lsystem dd {
  margin: 1em 1em 2em;
}

/***********
サイト利用・個人情報
************/
#post_page h2,
.pics h5{
  max-width:1080px;
  margin: 0 auto;
}

#inquiry_page h2 span,#cuc_company_page h2 span,
#post_page h2 span,
.pics h5 span {
  padding: 40px 20px 5px;
  display: inline-block;
}
.pics h5 span{
  font-size: 2.25em;
}

#inquiry_page h2 p,#cuc_company_page h2 p,
#post_page h2 p,
.pics h5 p {
  border-top: solid 1px #333;
  text-align: right;
  font-size: 28px;
  padding: 5px 0;
  width: 100%;
}

#post_wrapper .pp_note p{
  text-align: right;
}
#post_wrapper{
  max-width: 1080px;
  margin: 20px auto;}

#post_wrapper p{
  width: 94%;
  margin: 2% auto;
  text-align: justify; /* 両端揃え */
  text-justify: inter-ideograph;/* 両端揃え */
}

ul.usage_disc{
  width: 88%;
  margin: 10px auto;
  list-style-type: disc;
}
.usage_disc li.note_isback {
  list-style: none;
  border: solid 1px #333;
  padding: 20px 10px;
  font-size: 160%;
  background-color: #e60012;
  color: #fff;
  text-align: center;
}
ul.usage_list{
  width: 91%;
  margin: 10px auto;
  list-style-type: decimal;
}

@media (max-width: 800px) {

  ul.usage_disc{
    width: 91%;
    margin: 10px 0 10px 0;
  }
  .usage_disc li.note_isback {
    font-size: 110%;
    margin-right: 8%;
  }
  ul.usage_list{
    width: 91%;
    margin: 10px 0 10px 0;
  }
  #post_wrapper h3,
  #post_wrapper h4{
    padding: 0 0 0 10px;
  }
  ul.icon-table{
    width: 96%;
  }
  ul.icon-table li{
    width: 33%;
    padding: 0;
    margin: 10px 0;
  }
  .entry-content p.en388{
  width: 84%;
  margin:0px auto;
}
img.en388{
  display: block;
  width: 90%;
  margin:40px auto;
}
#cw_itemicon .cw_description_inner{
  padding: 80px 0 60px;
}




}
/***********
END サイト利用・個人情報
************/
@media (max-width: 800px) {

  .number_1{background-image:url(./img/cinfo_back_2_900.svg);background-attachment: scroll;}
  .number_2{background-image:url(./img/cinfo_back_3_900.svg);background-attachment: scroll;}
  .number_3{background-image:url(./img/cinfo_back_4.svg);background-attachment: scroll;}
  .number_4{background-image:url(./img/cinfo_back_5_900.svg);background-attachment: scroll;}
  .number_5{background-image:url(./img/cinfo_back_1_900.svg);background-attachment: scroll;}
  
	.cw_block_inner {
		width:90%;
  }
  .cw_description_inner{
    width: 96%;
  }
  .cw_description_inner h2{
    text-align: left;
    font-weight: bold;
    font-size: 1.6em;
  }
  .cw_description_inner h2 span{
    display: block;
    text-indent: 1em;
    line-height: 1.6;
  }
  .entry-content .cw_description_inner p{
    width: 88%;
  }
  .entry-content .cw_description_inner p#cw_desc_bottom{
    width: 96%;
    font-size: 150%;
  }
  .cw_description_inner{
    padding: 80px 0 60px;
  }
  .cw_comserv_part{
    width: 92%;
  }
  .site-main .cw_comserv_inner h2{
    padding: 30px 0 12px;
  }
  .cw_comserv_inner{
    padding: 20px 0;
  }
  .entry-content .cw_description_inner.cw_pd img{
    padding: 0px 20px 10px;
  }
  .page-header.customize div.cw_isimage{
  background-attachment: scroll;
}
  .p-position{
  flex-wrap: wrap;
}
ul.order_flow{
  flex-wrap: wrap;
}
ul.order_flow li{
  width: 100%;
  margin: 30px 20px;
}
ul.order_flow li::after{
  border-width: 20px 20px 0px 20px;
  border-color: #fff transparent transparent transparent;
  right: 45%;
  bottom: -44px;
  top: auto;
}
.entry-content .cw_comserv_part-ct p{
  width: 90%;
}
.entry-content .method a img{
  width:92%;
  padding: 52px 0px;
}
.cw_comserv_part-ct .note{
  margin: 0 auto;
  padding: 0;
}
#simroom_img a{padding: 0;}
#str-img h3{width: 64%;}
.cw_description_inner h2 span{text-indent: 0;}
.entry-content .cw_description_inner p{
  width: 90%;
  margin: 0 auto;
}


}

/****** item-page *******/
.cwitems_themes {
	width: 100%;
	overflow: hidden;
	margin:0 auto;
}

.cwitems_themes .entry-header {
	overflow: hidden;
	margin:0 auto;
	padding: 40px 0 20px;
	background-color:#222;
}

.cwitems_themes .entry-header h1{
	color: #fff;
	width: 60%;
	margin:0 auto;
}

.cwitems_themes .entry-header .entry-meta{
	width: 60%;
	margin: 0px auto;
}

.cwitems_themes .entry-header .entry-meta a{
	color:#ef4747;
}

.cwitems_themes .entry-content {
	padding: 30px 0 0;
}

.entry-content #cw_item_detail,
.entry-content #func_note,
.entry-content #usage_note,
.desc_wrapper {
	overflow: hidden;
  width: 60%;
  margin: 0 auto;
  border-bottom: solid 1px #ccc;
  padding-bottom: 40px;
}

#cw_item_detail .cw_item_detail_inner {
	overflow: hidden;
	width: 50%;
	float: left;
}

#cw_item_detail .cw_item_desc_inner {
  /*overflow: hidden;*/
  width: 48%;
  float: right;
}

.cw_item_desc_inner .cw_item_desc_detail,
.cw_item_desc_inner #cw_item_desc {
	margin: 20px 0px;
}


.cw_item_desc_inner .cw_item_desc_detail p span{
	color:#ef4747;
}


#cw_item_detail .cw_item_desc_inner ul,#cw_item_detail .cw_item_desc_inner ul li{
	margin:0;
	padding:0;
}

#cw_item_detail .cw_item_desc_inner ul {
  overflow: hidden;
	list-style-type:none;
}

#cw_item_detail .cw_item_desc_inner ul li{
	float:left;
	width: 15%;
	margin: 10px 1% 10px 0;
}
#cw_item_detail .cw_item_desc_inner ul li a img{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#cw_item_detail .cw_item_desc_inner ul li:hover a img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#cw_item_detail .cw_item_desc_inner p.note{
  clear: both;
}
#cw_item_detail .cw_item_desc_inner ul.en388 li{
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 125%;
}

.cw_item_desc_inner table.cw_item_jan {
	margin: 0 auto 1.5em;
	width: 100%;
	clear: both;
}
#size_table{
  overflow: hidden;
  width: 60%;
  margin: 40px auto;
}
img.brand-logo{
  margin-bottom: 10px;
}
img.brand-logo.bisline{
  width: 30%;
}

#func_note .title,
.desc_wrapper .title{padding: 6%;}
#func_note description img{}
#func_note description p{}
#usage_note .title,
.desc_wrapper .title{
  text-align: center;
  padding: 40px 0 10px;
  font-size: 200%;
  font-weight: bold;
}
#usage_note img{padding: 6%;}
#usage_note ul{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#usage_note ul li{width: 33%;}
.desc_wrapper img{
  display: block;
  width: 50%;
  margin: 20px auto;
}

.desc_wrapper .img_desc_box.left{
  display: flex;
  flex-direction: row-reverse;
  background-color: #c9c9c9;
  padding: 40px;
}
.desc_wrapper .img_desc_box.right{
  display: flex;
  padding: 40px;
}
.entry-content .desc_wrapper .img_desc_box .inbox{
  padding: 0 5%;
}
.entry-content .desc_wrapper .img_desc_box .inbox p{
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.desc_wrapper .img_desc_box img {
  margin: 0;
}


span.soft_type{
  display: inline-block;
  padding: 6px 10px;
  background-color: #09f;
  color: #fff;
  border-radius: 8px;
}
span.hard_type{
  display: inline-block;
  padding: 6px 10px;
  background-color: #c00;
  color: #fff;
  border-radius: 8px;
}
.entry-content p.desc_p{
  width: 60%;
  margin: 0 auto;
}
.entry-content span.desc_p{
  display:block;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.img_desc_box.three{
  display: flex;
}
.img_desc_box.three div{
  text-align: center;
}
.img_desc_box.three div img{
  width: 90%;
  margin: 0 auto;
}


@media (max-width:800px){
	
	.cwitems_themes .entry-header span{
		display:block;
	}
	
	.cwitems_themes .entry-header {
		width:100%;
	}
	
	.cwitems_themes .entry-header h1,.cwitems_themes .entry-header .entry-meta {
		width:90%;
	}
	
  .entry-content #cw_item_detail,
  .entry-content #func_note,
  .entry-content #usage_note,
  .desc_wrapper {
		width:90%;
	}
	
	#cw_item_detail .cw_item_detail_inner {
		float:none;
		width:100%;
	}
	
	#cw_item_detail .cw_item_detail_inner img, #cw_item_detail .cw_item_desc_inner ul li img{
		width:100%;
  }
  #cw_item_detail .cw_item_desc_inner{
    float: none;
    width: 100%;
  }
  .entry-content a img.brand-logo{
    width: 100%;
    padding: 20px 0 0;
  }
  #cw_item_detail .cw_item_desc_inner ul li{width:18%;}
  #size_table{width:90%;}
  .desc_wrapper img{width:90%;}

  .desc_wrapper .img_desc_box.left
  ,.desc_wrapper .img_desc_box.right{padding: 10px;}
  .entry-content .desc_wrapper .img_desc_box .inbox{padding: 0 0 0 5%;}
  .entry-content .desc_wrapper .img_desc_box.right .inbox{padding: 0 5% 0 0;}
  



}



/***** Pagenation *****/
.pagenation {
    margin: 3em auto;
    width:90%;
    text-align: center;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin: 1em 2px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #ef4747;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

@media (max-width:768px){

	.pagenation li.prev, .pagenation li.next {
		float: none;
		margin: 0 auto;
		clear: both;
	}

}
/****** wp1 slider *******/
.cwitems_themes .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {
	margin: 0;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 0 0;
}

@media (max-width:768px){

	.cwitems_themes .wp1s-resposive .wp1s-main-wrapper .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {
		margin: 0;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 10px 0 0;
	}

}

/****** YARPP *******/
.cwitems_themes .yarpp-related {
	margin:20px 0 0;
	background-color: #222;
	overflow: hidden;
}

.cwitems_themes .yarpp-related h3{
	font-weight: lighter;
	font-size: 180%;
	padding: 20px 0;
	color: #ef4747;
	width: 60%;
	margin: 0 auto;
}

.cwitems_themes .yarpp-thumbnails-horizontal {
	width: 60%;
	margin: 0px auto;
	padding: 40px 0px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.cwitems_themes .yarpp-thumbnails-horizontal a {
  border:none;
  width: 20%;
  height: auto;
  margin: 0;
  text-align: center;
}
.cwitems_themes .yarpp-thumbnails-horizontal a img{
  display: inline-block;
}

.cwitems_themes .yarpp-thumbnails-horizontal a span {
	font-weight: lighter;
	font-size: 72%;
}

.cwitems_themes .yarpp-related .no_relationitem {
	width:60%;
	margin:20px auto 40px;
}


@media (max-width:800px) {

	.cwitems_themes .yarpp-related {
		margin:0;
		padding:0;
	}
	
	.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a{
		width: 48%;
		height: auto;
		margin:10px 1%;
	}
	
	.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a img{
		height:auto;
		margin:0 auto;
	}
	
	.cwitems_themes .yarpp-related .yarpp-thumbnails-horizontal a span{
		margin:0 auto;
		display:block;
		height:54px;
		font-size: 74%;
	}
	
	.cwitems_themes .yarpp-related h3 , .cwitems_themes .yarpp-thumbnails-horizontal {
		width:90%;
  }

  .cwitems_themes .yarpp-thumbnails-horizontal{
    justify-content: space-between;
  }

}

/****** table *******/

.cw_block_inner table{
	width:100%;
	margin:20px auto;
}

.cw_block_inner table caption {
	background-color: rgb(153, 153, 153);
	border: 1px solid rgb(153, 153, 153);
	padding: 20px 0px;
	color: #fff;
}

.cw_block_inner table tr th {
	padding: 20px 0px 20px 20px;
	width:18%;
}

.cw_block_inner table tr td {
	padding: 20px 0px 20px 20px;
}



@media (max-width: 800px) {

	.cw_block_inner table tr th {
		width:100%;
		display:block;
		padding: 10px 0px 10px 10px;
	}
	
	.cw_block_inner table tr td {
		width:100%;
		display:block;
		padding: 20px 0px 20px 10px;
	}

}

/****** catalog *******/
#cw_catalog_page {
	overflow: hidden;
	background:url(./hp_img/cw_wall-c.jpg) 0 0 / cover repeat fixed;
}

#cw_catalog_page .cw_cat_wrap{
	width: 60%;
	margin: 40px auto;
	overflow: hidden;
}

#cw_catalog_page .cw_cat_wrap img{
	float: left;
	width:30%;
	overflow: hidden;
}

#cw_catalog_page .cat_desc {
	float: left;
	background-color: #000;
	width:70%;
	position:relative;
/*	overflow: hidden;*/
}

#cw_catalog_page .cat_desc:after {
	content:"";
	width:0;
	height:0;
	border-width:10px 10px 10px 0;
	border-color:transparent #000 transparent transparent;
	position:absolute;
	border-style:solid;
	top:50%;
	left:-10px;
}

#cw_catalog_page .cat_desc .cat_desc_inner{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	width: 60%;
	height: 366px;
	text-align: center;
}

#cw_catalog_page .cat_desc .cat_desc_inner img{
	width: 60%;
	float: none;
}

#cw_catalog_page .cat_desc .cat_desc_inner h2{
	margin:16px auto;
	color:#72727e;
}
#cw_catalog_page .cat_desc .cat_desc_inner h2 span{
  color: #eb6e78;
  padding: 0 10px;
}

#cw_catalog_page .cat_desc .cat_desc_inner p{
	margin:0;
	font-size:80%;
	padding: 2px 0;
}
.dl_block{
  width: 60%;
  margin: 0 auto;
}
.dl_block ul li {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0;
  align-items: flex-start;
}
.dl_block ul li img {
  width: 26%;
  border: solid 1px #ccc;
}
div.dl_desc {
  width: 72%;
  position: relative;
}
div.dl_desc h3 {
  margin: 0 auto 10px;
  font-weight: 300;
}
div.dl_desc p {
  margin: 2px auto;
  width: 100%;
}
div.dl_desc .dl_btn{
  position: relative;
  width: 200px;
  text-align: center;
  float: right;
}
div.dl_desc .dl_btn p{
  text-align: right;
}
div.dl_desc .dl_btn a{
  display: block;
  background-color: rgb(44,53,76);
  padding: 10px 16px;
  color: #fff;
  transition: background-color 0.5s;
}
div.dl_desc .dl_btn a:hover{
  background-color: rgb(230,0,18);
  transition: background-color 0.8s;
}
p.note {
  font-weight: bold;
  font-size: 86%;
}
p.note span {
  color:#f00;
}


@media (max-width:800px){

	#cw_catalog_page .cw_cat_wrap{
		width:100%;
		margin:0 auto;
	}
	
	#cw_catalog_page .cat_desc .cat_desc_inner img{
		width:80%;
	}
	
	#cw_catalog_page .cat_desc .cat_desc_inner h2{
		margin:6px;
	}
	
	#cw_catalog_page .cat_desc .cat_desc_inner{
		width:100%;
  }
  #cw_catalog_page .cw_cat_wrap img{
    float: none;
    width: 100%;
  }
  #cw_catalog_page .cat_desc{
    float: none;
    width: 100%;
  }
  .dl_block{width: 96%;}
  .dl_block ul{
    margin: 0;
    padding: 0;
  }
  div.dl_desc{
    width: 100%;
  }
  div.dl_desc .dl_btn{
    text-align: center;
    margin: 20px 0;
    position: relative;
  }
  .dl_block ul li img{width: 100%;}

}

/****** original-item *******/
.cw_originalitem_wrap{
	width: 60%;
	margin: 0px auto;
}

.cw_originalitem_wrap ul, .cw_originalitem_wrap ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.cw_original_art {
	margin: 0px 0px 40px;
	overflow: hidden;
}

#cw_process {
	overflow:hidden;
}

#cw_process li {
	width:20%;
	float:left;
	background-color: #ccc;
	padding: 6px;
}

#cw_process li.cw_one {
	animation: one 2s ease 0s 1 backwards;
	-webkit-animation: one 2s ease 0s 1 backwards;
}
#cw_process li.cw_two {
	animation: one 2s ease 2s 1 backwards;
	-webkit-animation: one 2s ease 2s 1 backwards;
}
#cw_process li.cw_three {
	animation: one 2s ease 4s 1 backwards;
	-webkit-animation: one 2s ease 4s 1 backwards;
}
#cw_process li.cw_four {
	animation: one 2s ease 6s 1 backwards;
	-webkit-animation: one 2s ease 6s 1 backwards;
}
#cw_process li.cw_five {
	animation: one 2s ease 8s 1 forwards;
	-webkit-animation: one 2s ease 8s 1 forwards;
}

@keyframes one {
	0%{
		background-color:#ccc;
		color:#72727e;
	}
	100%{
		background-color:#ef4747;
		color:#fff;
	}
}
@-webkit-keyframes one {
	0%{
		background-color:#ccc;
		color:#72727e;
	}
	100%{
		background-color:#ef4747;
		color:#fff;
	}
}


	#cw_process li.cw_one.arrow:before {
		animation: borderc 2s ease 0s 1 backwards;
		-webkit-animation: borderc 2s ease 0s 1 backwards;
	}
	#cw_process li.cw_two.arrow:before {
		animation: borderc 2s ease 2s 1 backwards;
		-webkit-animation: borderc 2s ease 2s 1 backwards;
	}
	#cw_process li.cw_three.arrow:before {
		animation: borderc 2s ease 4s 1 backwards;
		-webkit-animation: borderc 2s ease 4s 1 backwards;
	}
	#cw_process li.cw_four.arrow:before {
		animation: borderc 2s ease 6s 1 backwards;
		-webkit-animation: borderc 2s ease 6s 1 backwards;
	}
	
	@keyframes borderc {
		0%{border-color:#ccc transparent transparent;}
		100%{border-color:#ef4747 transparent transparent;}
	}
	@-webkit-keyframes borderc {
		0%{border-color:#ccc transparent transparent;}
		100%{border-color:#ef4747 transparent transparent;}
	}

#cw_process li p.process_title{
	text-align:center;
	height: 64px;
	padding: 14px 0;
	margin: 0;
}

#cw_process li span.process_desc{
	font-size:80%;
	display: block;
	height: 100px;
	padding: 16px 0;
}

#cw_sample_img ul{
	overflow:hidden;
}

#cw_sample_img ul li{
	float:left;
	width:31%;
	margin:0 1%;
}

#cw_sample_img ul li img{
	width:100%;
	display:block;
	margin:0 auto;
}

#cw_sample_img ul li p{
	font-size: 88%;
}

.to_form_page {
	overflow: hidden;
	margin: 60px 0px 40px;
}

.to_form_page p{
	padding:20px 0;
	text-align: center;
}

.to_form_page a{
	text-decoration: none;
	display: block;
	padding: 40px 20px;
	background-color: rgb(239, 71, 71);
	color: rgb(255, 255, 255);
	text-align: center;
	width: 400px;
	margin: 0px auto;
}


@media (max-width:1200px){

	.cw_originalitem_wrap{
		width:90%;
	}
	
	.to_form_page a {
		width:90%;
	}

}

@media (max-width:980px){

	#cw_process li {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#cw_process li p.process_title {
		height:auto;
		font-size:140%;
	}
	
	#cw_process li span.process_desc {
		height:auto;
		font-size:100%;
	}
	
	#cw_process li.arrow {
		border-bottom:solid 1px #999;
		position:relative;
	}
	
	#cw_process li.arrow:before {
		content:"";
		position: absolute;
		z-index:2;
		border-width:9px 9px 0 9px;
		border-color:#ccc transparent transparent;
		border-style:solid;
		left:50.2%;
		top:100%;
		width: 0;
		height: 0;
	}
	
	#cw_process li.arrow:after {
		content:"";
		position: absolute;
		z-index:1;
		border-width:10px 10px 0 10px;
		border-color:#999 transparent transparent;
		border-style:solid;
		left:50%;
		top:100%;
		width: 0;
		height: 0;
	}
	


}

/****** contact *******/
#static_page {
    width: 60%;
    margin: 40px auto 60px;
}

#mw_wp_form_mw-wp-form-13 {
    width: 60%;
    margin: 10px auto 40px;
}

.form_inner_write input{
	width:100%;
}

#contact_form_inner{
	margin: 20px auto 40px;
}

.form_inner_box {
	margin: 20px 0px;
}

.form_inner_write{
	margin:8px 0;
}

.form_inner_write .mwform-tel-field input[type="text"] {
	width:28%;
}

#form_buttons {
	margin: 20px auto 62px;
	text-align: center;
}

#form_buttons input[type="submit"]{
	display: inline-block;
	padding: 24px 9%;
	font-size: 120%;
	margin: 0 10px;
}

#mw_wp_form_mw-wp-form-13 .error{
	display: block;
	padding: 10px;
}

/***** contact confirm ******/
.mw_wp_form_confirm .form_inner_list{
	background-color: rgb(204, 204, 204);
	padding: 20px 0px 20px 20px;
}

.mw_wp_form_confirm .form_inner_write{
	padding: 20px 0px 20px 20px;
}

@media (max-width:800px){

	#static_page {
		width:90%;
	}
	
	#mw_wp_form_mw-wp-form-13 {
		width:90%;
	}

}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.blog-home-content .site-main {
  overflow: hidden;
  background: #141428; }
.blog-home-content .section-image {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.blog-home-content article {
  -webkit-animation: fadein 2s ease-out backwards;
  -moz-animation: fadein 2s ease-out backwards;
  animation: fadein 2s ease-out backwards;
  position: relative;
  width: 50%;
  height: 32vw;
  margin: 0;
  padding: 0;
  float: left;
  border-bottom: 0;
  overflow: hidden; }
  @media (max-width: 800px) {
    .blog-home-content article {
      width: 100%;
      height: 100vh;
      float: none; } }
  .blog-home-content article:first-child {
    width: 100%;
    height: 100vh; }
    .blog-home-content article:first-child .section-image {
      -webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
      -moz-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
      animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate; }
  .blog-home-content article:last-child {
    clear: right; }
  .blog-home-content article .section-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; }
  .blog-home-content article .entry-header {
    padding: 0 1em;
    margin: 0 auto;
    max-width: 38.443359375em;
    font-size: 0.6666666667em;
    text-align: center; }
    @media (min-width: 1400px) {
      .blog-home-content article .entry-header {
        font-size: 0.8573333333em; } }
    @media (max-width: 800px) {
      .blog-home-content article .entry-header {
        font-size: 1em; } }
    .blog-home-content article .entry-header .entry-title {
      margin-top: 0;
      margin-bottom: 0.2962962963em; }
      .blog-home-content article .entry-header .entry-title a {
        text-decoration: none;
        color: white; }
        .blog-home-content article .entry-header .entry-title a:hover {
          color: #eb6e78; }
  .blog-home-content article:first-child .entry-header {
    font-size: 1em; }
    @media (min-width: 1400px) {
      .blog-home-content article:first-child .entry-header {
        font-size: 1.286em; } }
.blog-home-content .posts-navigation {
  padding: 1em;
  margin: 1em auto 0;
  max-width: 38.443359375em; }
/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/
.archive .page-header,
.search-results .page-header {
/*  padding: 2.25em 1em 3em;
  margin: 0 auto 2.25em;*/
  position:relative;
  text-align: center;
  color: #a1a1a9;
  width:100%; }
  .archive .page-header .page-title,
  .search-results .page-header .page-title {
    font-size: 1.5em;
    color: #d0d0d4;
    margin: 0; }
  .archive .page-header .page-description,
  .search-results .page-header .page-description {
    font-style: italic;
    font-size: 0.6666666667em;
    letter-spacing: 0.0501777168em; }
    .archive .page-header .page-description p,
    .search-results .page-header .page-description p {
      margin: 0.4444444444em 0 0; }
header.search {
  background-image:url(./img/h_banner_search.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: fixed;
  height: 40vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
header.search h1 {
  font-size: 200%;
  font-weight: bold;
}
.page-header img {
	height: 360px;
  position: relative;
  padding: 60px 0;
}

.cw_block-art,
.cw_archive_itemlists{
	width:60%;
	margin:0 auto;
	overflow: hidden;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cw_block-art:after,
.cw_archive_itemlists:after{
  content:"";
  display: block;
  width:30%;
}


.page-header div.cw_isimage {
  	background: url(./hp_img/rain.jpg) center center / cover no-repeat scroll;
  	position:relative;
  	top:0;
  	width:100%;
  	height:40vh;
  	margin:0;
}
.page-header.product-development div{
  background: url(./img/develop_topback.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  -webkit-background-size:cover;
  position:relative;
  padding: 20px 0;
  background-attachment: fixed;
}
.page-header.info_item-icon div{
  background: url(./img/icon_page_top.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  -webkit-background-size:cover;
  position:relative;
  padding: 20px 0;
  background-attachment: fixed;
}

.page-header.company div.cw_isimage{
  background-image: url(./img/company_page_top.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  -webkit-background-size:cover;
  position:relative;
  padding: 20px 0;
}
.page-header.layering-system div.cw_isimage{
  background-image: url(./img/data/layering-system/ls-header-banner.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size:1903px 520px;
  -webkit-background-size:1903px 520px;
  position:relative;
  padding: 20px 0;
}
.page-header.dl-img div.cw_isimage{
  background-image: url(./img/dl-page_top.jpg);
}

.page-header div.cw_isimage h1{
	position: absolute;
	bottom: 20vh;
	text-align: center;
	width: 100%;
	font-size: 200%;
	color:#fff;
	margin:0;
}

.arch_top{
  background-repeat: no-repeat;
  background-position: center -200px;
  background-size:cover;
  -webkit-background-size:cover;
  position:relative;
  padding: 100px 0;
  background-attachment: fixed;
}
#cw_coverworkback{
    background-image: url(./img/h_banner_cw.jpg);
}
#cw_raidback{
  	background-image: url(./img/h_banner_raid.jpg);
}
#cw_bislineback{
  	background-image: url(./img/h_banner_bisline.jpg);
}
#cw_angback{
  	background-image: url(./img/h_banner_ang.jpg);
}
#cw_daysyback{
  	background-image: url(./img/h_banner_daysy.jpg);
}
#cw_gearback {
  	background-image: url(./img/h_banner_gear.jpg);
}
#cw_treventoback{
  	background-image: url(./img/h_banner_trevento.jpg);
}
#cw_Shinyeiback{
  	background-image: url(./img/h_banner_shinyei.jpg);
}

header.page-cate-header{
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -webkit-background-size: contain;
  position: relative;
  padding: 7.5%;
  background-attachment: fixed;
  background-image: url(./img/coverwork_top.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
}
header.page-cate-header h1{
  color: #ffffff;
  font-weight: 700;
  font-size: 5vw;
  text-shadow: 1px 1px 2px #000;
}

body.term-glove-rubber header.page-cate-header,
body.term-glove-nitrile header.page-cate-header,
body.term-glove-fullcoat header.page-cate-header,
body.term-glove-polyurethane header.page-cate-header,
body.term-glove-working header.page-cate-header,
body.term-aqueous-polyurethane header.page-cate-header,
body.term-leather-glove header.page-cate-header,
body.term-glove-sewing header.page-cate-header,
body.term-glove-cotton-work header.page-cate-header,
body.term-grove-protection-against-cold header.page-cate-header{
  background-image: url(./img/category-header/h-glove.jpg);
}
body.term-goods-cool header.page-cate-header,
body.term-goods-towels header.page-cate-header,
body.term-goods-protection-against-cold header.page-cate-header,
body.term-arm-cover header.page-cate-header,
body.term-goods-ang header.page-cate-header,
body.term-goods-nonwoven-fabric header.page-cate-header,
body.term-belt header.page-cate-header{
  background-image: url(./img/category-header/h-goods.jpg);
}
body.term-safty-goods header.page-cate-header{
  background-image: url(./img/category-header/h-safety.jpg);
}
body.term-rain-wear header.page-cate-header{
  background-image: url(./img/category-header/h-rain.jpg);
}
body.term-wear header.page-cate-header{
  background-image: url(./img/category-header/h-wear.jpg);
}
body.term-apron header.page-cate-header{
  background-image: url(./img/category-header/h-apron.jpg);
}
body.term-supporters header.page-cate-header{
  background-image: url(./img/category-header/h-support.jpg);
}
body.term-socks header.page-cate-header{
  background-image: url(./img/category-header/h-socks.jpg);
}
body.term-boots header.page-cate-header{
  background-image: url(./img/category-header/h-boots.jpg);
}

.page-description p{
  background-color: #000;
  margin: 0 0 20px;
  padding: 24px;
  text-align: center;
  color: #fff;
  font-size: 150%;
}

/****************************
layering system
****************************/
#cw_lsystem{
  text-align: justify;
}
.ls-inner {
  font-size: 80%;
}
.site-main h2.black_h{
  margin: 0;
  background-color: #000;
  padding: 20px;
  color: #fff;
}
.black_h span{
  display: block;
  width: 60%;
  margin: 0 auto;
  text-align:center;
}
.ls-inner h2 span {
  font-size: 50%;
  display: block;
  text-align: right;
  border-top: solid 1px #999;
  margin: 10px 0 0;
  padding: 5px 0 0;
}
.ls-wrapper{
  background-image: url(./img/data/layering-system/ls-back-letter.svg);
  background-color: #333;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  -webkit-background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.ls-wrapper.b-gray{
  background-color: #ccc;
}

.ls-back{
  position: relative;
  width: 60%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.ls-inner{
  width: 45%;
  background-color: #fff;
  padding: 20px 20px 0;
  margin: 30px 0;
}
.ls-inner table{
  width: 60%;
  margin: 20px auto;
}
.ls-inner table tr th{
  border: none;
  background-color: #fff;
  font-weight: lighter;
  width: 35%;
}
.ls-inner table tr td{
  border: none;
  text-align: center;
}
.ls-inner table tr td img{
  max-width: 50px;
  width: 100%;
}
.ls-use-item dl{
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn{
  0%{opacity:0}
  100%{opacity:1}
}
@-webkit-keyframes fadeIn{
  0%{opacity:0}
  100%{opacity:1}
}
.ls-use-item dl a{
  display: block;
}
.ls-use-item dl a img {
  display:block;
  margin: 0 auto;
}
.ls-img-inner{
  position: relative;
  margin: 30px 0;
  /*width: 60%;*/
}
.ls-use-item dl dt{
  font-weight: lighter;
  margin: 50px 0 10px;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 10px 60px;
  font-size: 120%;
  color: #fff;
  border-radius: 20px 0 20px 20px / 20px 0 20px 20px;
  background-size: contain;
}
.ls-use-item dl dd p.close{
  display:none;
}
.ls-icon-btn ul li{
  width: 60px;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ls-icon-btn ul li a{
  display:block;
}
.outer-btn,
.middle-btn,
.inner-btn,
.pants-btn{
  position: absolute;
}
.ls-icon-btn.no1 .outer-btn{top: 8%; left:25%;}
.ls-icon-btn.no1 .middle-btn{top: 16%; left:55%;}
.ls-icon-btn.no1 .inner-btn{top: 34%; left:38%;}
.ls-icon-btn.no1 .pants-btn{top: 58%; left:38%;}
.ls-icon-btn.no2 .outer-btn{top: 8%; left:23%;}
.ls-icon-btn.no2 .middle-btn{top: 16%; left:55%;}
.ls-icon-btn.no2 .inner-btn{top: 34%; left:40%;}
.ls-icon-btn.no2 .pants-btn{top: 58%; left:38%;}
.ls-icon-btn.no3 .outer-btn{top: 8%; left:58%;}
.ls-icon-btn.no3 .middle-btn{top: 16%; left:20%;}
.ls-icon-btn.no3 .inner-btn{top: 22%; left:40%;}
.ls-icon-btn.no3 .pants-btn{top: 65%; left:30%;}
.ls-icon-btn.no4 .outer-btn{top: 8%; left:64%;}
.ls-icon-btn.no4 .middle-btn{top: 16%; left:28%;}
.ls-icon-btn.no4 .inner-btn{top: 2%; left:41%;}
.ls-icon-btn.no4 .pants-btn{top: 65%; left:38%;}
.ls-icon-btn.no5 .outer-btn{top: 31%; left:16%;}
.ls-icon-btn.no5 .middle-btn{top: 54%; left:48%;}
.ls-icon-btn.no5 .inner-btn{top: 13%; left:38%;}
.ls-icon-btn.no6 .outer-btn{top: 31%; left:16%;}
.ls-icon-btn.no6 .middle-btn{top: 54%; left:48%;}
.ls-icon-btn.no6 .inner-btn{top: 13%; left:38%;}
.ls-icon-btn.no7 .outer-btn{top: 18%; left:70%;}
.ls-icon-btn.no7 .middle-btn{top: 40%; left:43%;}
.ls-icon-btn.no7 .inner-btn{top: 16%; left:4%;}
.ls-icon-btn.no8 .outer-btn{top: 30%; left:65%;}
.ls-icon-btn.no8 .middle-btn{top: 54%; left:40%;}
.ls-icon-btn.no8 .inner-btn{top: 3%; left:39%;}
.ls-icon-btn.no9 .outer-btn{top: 26%; left:63%;}
.ls-icon-btn.no9 .middle-btn{top: 52%; left:30%;}
.ls-icon-btn.no9 .inner-btn{top: 18%; left:38%;}
.ls-modal-back {
  position: fixed;
  z-index: 1;
  width: 100vh;
  height: 100vh;
  background-color: #000;
  top: 0;
  left: 0;
}


/****************************
404 PAGE
****************************/
section.not-found{
  height: 100vh;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
section.not-found header{
  font-size: 400%;
  padding: 30px;
}
section.not-found header h1{
  padding: 0;
  margin: 0;
}
section.not-found .page-content form{
  text-align: center;
}

/****************************
END layering system
****************************/

@media (max-width: 1536px) {

	.cw_block_inner table tr th {
		/*width:28%;*/
		padding: 20px 0px 20px 10px;
	}
	
	.cw_block_inner table tr td {
		padding: 20px 0px 20px 10px;
  }
  
  .entry-content .cw_description_inner p{
    width: 98%;
  }

  .cw_block_inner{
    width: 90%;
  }

  .arch_top{
    background-attachment: scroll;
    background-position: center center;
  }
  .page-header img{
    width: 80%;
  }
  .cw_scroll{
    width:10%;
  }
  .head_title_inside a img{
    width: 75%;
  }
  #service_contents div{
    /*display: block;*/
  overflow: hidden;
  }
  .cw_comserv_inner.cw_pd,
  .page-header.customize div.cw_isimage,
  .page-header.sales-strategy div.cw_isimage,
  header.search{
    background-attachment: scroll;
  }


}
@media (max-width:800px){

	#cw_archive-wrapper,.cw_archive_itemlists{
		width:100%;
    min-width:100%;
	}
	
	.cw_block-art .entry-content, .cw_archive_itemlists .entry-content {
		width:48%;
  }
  
  .page-header img {height:auto;}
  header.search {-webkit-background-size: cover;background-attachment: scroll;}
  .arch_top{
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    background-attachment: scroll;
    position:relative;
    padding: 20px 0;
  }
  header.page-cate-header{
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    -webkit-background-size:cover;
    background-attachment: scroll;
    position:relative;
    padding: 35% 0;
  }
  .page-header.info_item-icon div,
  .page-header.product-development div{
    background-attachment: scroll;
  }
  .cw_block-art,
  .cw_archive_itemlists{
    width:98%;
  }
  .site-main h2.black_h{font-size:120%;}
  .ls-wrapper {
    background-image: url(./img/data/layering-system/ls-back-letter-sp.svg);
    background-attachment: scroll;
  }
  .ls-back{
    width: 100%;
  }
  .ls-use-item dl dd p.close{
    display:block;
    cursor: pointer;
    margin: 20px auto;
    width: 80%;
    text-align: center;
    background-color: #999;
    color: #fff;
    padding: 20px 0;
  }
  .ls-use-item dl dd p.close:hover{
    background: #ef4747;
  }
  .ls-inner {
    width: 100%;
    /*height: 100vh;*/
    margin: auto;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    position: fixed;
    overflow-y: scroll;
    background-color:rgba(255,255,255,1);
    min-height:auto ;
  }
  .ls-img-inner {width: 50%;margin:20px auto;}
  .ls-icon-btn.no1 .outer-btn {top: 5%; left: 17%;}
  .ls-icon-btn.no1 .middle-btn{top: 16%; left: 50%;}
  .ls-icon-btn.no1 .inner-btn{top: 33%; left: 32%;}
  .ls-icon-btn ul li{width: 72px;}

  .entry-header .entry-title,
  .type-post .entry-header .entry-meta,
  #cw_innerpp{
    width: 96%;
  }
  header.page-cate-header h1{
    text-shadow: 1px 1px 2px #000;
    font-size: 8vw;
  }
  

}







/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
  margin: 5.0625em 0 2.25em; }

.comment-list {
  margin: 0 0 2.25em;
  padding: 0;
  list-style: none;
  content: "";
  display: table; }

.comment-list .children {
  list-style: none;
  margin: 0;
  padding-left: 0;
  border-left: 4px solid #f3f3f4; }

.comment-list .children > li {
  padding-left: calc(32px + 0.8em); }

.comment-body {
  margin: 2.25em 0; }

.comment-author .avatar {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 0.6666666667em 0 0;
  border-radius: 100%; }

.comment-metadata,
.pingback .edit-link {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em; }
  .comment-metadata a,
  .pingback .edit-link a {
    text-decoration: none;
    color: #a1a1a9; }
    .comment-metadata a:hover,
    .pingback .edit-link a:hover {
      color: #eb6e78; }

.comment-metadata {
  margin-bottom: 1em; }

.comment-metadata .edit-link,
.pingback .edit-link {
  margin-left: 1em; }

.comment-list .reply a {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em; }

.comment-content ul,
.comment-content ol {
  margin: 0 0 1.6em 1.3333em; }
.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0; }
.comment-content > :first-child {
  margin-top: 0; }
.comment-content > :last-child {
  margin-bottom: 0; }
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.comment-reply-title small {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em; }

@media (min-width: 800px) {
  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    width: 32%;
    float: left;
    margin-right: 2%; }

  .comment-form-url {
    margin-right: 0; }

  .comment-form-comment {
    clear: both; } }
.comment-form label {
  display: block;
  font-size: 0.6666666667em;
  letter-spacing: 0.0877914952em;
  color: #d0d0d4;
  padding: 0 0 0.4444444444em; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%; }

.form-submit {
  content: "";
  display: table;
  width: 100%; }
  .form-submit input[type="submit"] {
    float: right; }

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  font-size: 0.6666666667em;
  letter-spacing: 0.0877914952em; }

.comment-form-comment {
  margin-bottom: 0; }

.form-allowed-tags {
  margin-top: 0;
  margin-bottom: 2.25em; }

.form-allowed-tags code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

.form-submit {
  margin-bottom: 0; }

.required {
  color: #eb6e78; }

.no-comments {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em;
  text-align: center;
  color: #d0d0d4;
  border-top: 4px solid #f3f3f4;
  border-bottom: 4px solid #f3f3f4;
  padding: 1em 0; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  padding: 1em 1em 1.286em;
  margin: 0;
  background: #f3f3f4;
  color: #d0d0d4; }
  .site-footer .site-info {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    .site-footer .site-info li {
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.5715555556em;
      letter-spacing: 0.0501777168em;
      margin: 0 0.6666666667em; }
  .site-footer a {
    display: inline-block;
    color: #b9b9bf;
    text-decoration: none; }
    .site-footer a:hover {
      color: #eb6e78; }

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error404 {
  background: #eb6e78; }
  .error404 .site-main {
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 5.0625em 0 0; }
  .error404 .not-found {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
    width: 100vw; }
    .error404 .not-found .page-header,
    .error404 .not-found .page-content {
      padding: 0 1em;
      margin: 0 auto;
      max-width: 38.443359375em;
      color: white; }
  .error404 article {
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    background: #141428;
    overflow: hidden; }
    .error404 article:nth-child(even) {
      background: rgba(20, 20, 40, 0.95); }
    .error404 article .section-inner {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100vw; }
    .error404 article .entry-header {
      padding: 0 1em;
      margin: 0 auto;
      max-width: 38.443359375em; }
      @media (min-width: 1400px) {
        .error404 article .entry-header {
          font-size: 1.286em; }
          .error404 article .entry-header.sidebar-toggled {
            font-size: 1em; } }
      .error404 article .entry-header .entry-title {
        margin-top: 0;
        margin-bottom: 0.2962962963em; }
        .error404 article .entry-header .entry-title a {
          text-decoration: none;
          color: white; }
          .error404 article .entry-header .entry-title a:hover {
            color: #eb6e78; }
  .error404.header-image .site-header-image {
    display: none; }

.error404 .site-content,
.search-no-results .site-content {
  padding-bottom: 100px; }
.error404 .site-footer,
.search-no-results .site-footer {
  position: fixed;
  bottom: 0;
  width: 100%; }

/*--------------------------------------------------------------
# drawer
--------------------------------------------------------------*/
.drawer-nav {
	background: url(./hp_img/concreat_360.jpg) ;

}

.drawer-nav a{
	color:#333;
	text-decoration:none;
}

.drawer-nav a:hover{
	color:#ef4747;
}

.drawer-nav a img {
	width: 90%;
	display: block;
	margin: 20px auto;
}

.drawer-nav ul,.drawer-nav ul li {
	margin:0;
	padding:0;
}

.drawer-nav ul {
	list-style-type:none;
	font-size: 120%;
}

.drawer-nav ul li {
	padding: 10px 0px;
}

.drawer-nav ul li ul#menu-header-menu{
	padding:0 0 0 10px;
}

.drawer-nav ul.sub-menu {
	border-left:solid 2px #ef4747;
	padding: 0 0 0 14px;
	margin: 5px 0 0 5px;
}

.drawer-nav ul.sub-menu li{
	padding:5px 0;
	font-size: 80%;
}

aside.widget {
	width:100%;
	margin:0 auto;
}

aside.widget h2{
  font-size:120%;
  color: #999;
}

aside#recent-posts-2 ul,aside#archives-2 ul,aside#categories-2 ul{
	padding: 0;
  margin: 0;
  margin: 0 -20px;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
/*.sidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  padding: 1.5em;
  overflow: scroll;
  overflow-x: hidden;
  z-index: 9000;
  background-color: #f3f3f4;
  color: white;
  opacity: 0;
  -webkit-transition-property: -webkit-transform, width, opacity;
  -moz-transition-property: -moz-transform, width, opacity;
  transition-property: transform, width, opacity;
  -webkit-transition-duration: 0.4s, 0.4s, 1.4s;
  -moz-transition-duration: 0.4s, 0.4s, 1.4s;
  transition-duration: 0.4s, 0.4s, 1.4s;
  -webkit-transition-timing-function: ease-out, ease-in, ease-out;
  -moz-transition-timing-function: ease-out, ease-in, ease-out;
  transition-timing-function: ease-out, ease-in, ease-out;
  -webkit-transition-delay: 0.05s, 0.1s, 0.05s;
  -moz-transition-delay: 0.05s, 0.1s, 0.05s;
  transition-delay: 0.05s, 0.1s, 0.05s; }
  @media (min-width: 800px) {
    .sidebar {
      width: 21.972515625em;
      padding: 1.5em 0;
      background: rgba(243, 243, 244, 0.95); } }
  .sidebar .sidebar-inner {
    max-width: 25.62890625em;
    margin: 0 auto;
    padding: 0 3.375em;
    opacity: 0;
    -webkit-transition: opacity, 0.4s, ease-out;
    -moz-transition: opacity, 0.4s, ease-out;
    transition: opacity, 0.4s, ease-out; }
    @media (max-width: 800px) {
      .sidebar .sidebar-inner {
        padding: 0 1.5em; } }
  .sidebar::-webkit-scrollbar {
    display: none; }
  .sidebar ul, .sidebar ol {
    margin: 0;
    padding: 0;
    list-style: none; }
  .sidebar a {
    color: #333;
    text-decoration: none; }
    .sidebar a:hover {
      color: #eb6e78; }

.sidebar-toggled .sidebar {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  width: 100%;
  opacity: 1;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.2s, 0.25s;
  -moz-transition-duration: 0.2s, 0.25s;
  transition-duration: 0.2s, 0.25s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  @media (min-width: 800px) {
    .sidebar-toggled .sidebar {
      width: 22em;
      -webkit-transition-property: -webkit-transform, width, opacity;
      -moz-transition-property: -moz-transform, width, opacity;
      transition-property: transform, width, opacity;
      -webkit-transition-duration: 0.25s;
      -moz-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      -webkit-transition-delay: 0s, 0.15s, 0s;
      -moz-transition-delay: 0s, 0.15s, 0s;
      transition-delay: 0s, 0.15s, 0s; 
      
      } }
.sidebar-toggled .sidebar-inner {
  opacity: 1;
  -webkit-transition: opacity, 0.5s, ease-out, 1.2s;
  -moz-transition: opacity, 0.5s, ease-out, 1.2s;
  transition: opacity, 0.5s, ease-out, 1.2s; }
*/
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0;
  padding: 1.2em 0;
/*  font-size: 0.8573333333em;
  color: #72727e;
  text-shadow: 0 1px 2px #f3f3f4;*/
  /* Make sure select elements fit in widgets. */ }
  .widget select, .widget input {
    max-width: 100%; }
  @media (max-width: 800px) {
    .widget {
      padding: 1.5em 0; } }

/* Search widget. */
.widget_search .search-field {
  width: 100%; }
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

figure {
  margin: 1em 0; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.4444444444em 0; }

.wp-caption-text {
  font-size: 0.6666666667em;
  text-transform: uppercase;
  letter-spacing: 0.0501777168em;
  line-height: 1.5em;
  text-transform: none;
  text-align: center; }

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }