@charset "utf-8";


/* -----------------------------------------------------------
COMMON
----------------------------------------------------------- */
/*** Content ***/
.content { position: relative; width:100%; height:100%; }
.relative{ position:relative;}
.content-block { padding-top: 50px; padding-bottom: 50px;}
.img-responsive {display: block; width: 100%; height: auto; }

/* -----------------------------------------------------------
MATERIALIZE
----------------------------------------------------------- */
.parallax-container {
  position: relative;
  overflow: hidden;
		
		height:400px;
}

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax img {
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}




/* -----------------------------------------------------------
HEADER
----------------------------------------------------------- */
#header { z-index: 300;height:120px; display: block; background:#fcfcfc;}
#header_logo{ width:320px; margin:0 auto; padding-top:40px; padding-bottom:15px;}
.job { color:#999; font-style:italic;}

#primary_nav{ position:absolute; top:20px; right:0;}
#primary_nav ul li{ display:inline-block; padding:5px 10px;  text-align:right;}
#primary_nav ul li a{ text-decoration:none; font-size:0.8rem;}

#secondary_nav{ margin:30px auto 30px auto; text-align:center;}
#secondary_nav ul li{ display:inline-block;text-align:center; padding:5px 10px;}
#secondary_nav ul li a:link{font-size:0.8rem;display:block; font-style:italic; font-weight:300; letter-spacing:0.05rem;}
#secondary_nav ul li a:hover{ color:#c69d5c;}
#secondary_nav ul li a.current{padding-bottom:2px; border-bottom: 1px solid #666; color:#666;}



/* -----------------------------------------------------------
TOP
----------------------------------------------------------- */

.grid li {	margin-bottom:80px; overflow:hidden;}


.bg_container{ height:200px; width:100%; display:block; overflow:hidden;}
.bg_container{transition: 0.5s;}

.grid li a{ }
.li_wrap{overflow:hidden; display:block; height:200px; position:relative;}
.grid li a h3{ text-align:left;font-size:0.8rem; font-weight:bold; color:#222; padding-top:10px; padding-bottom:5px; margin:0;}
.grid li a:hover h3{ opacity:1; top:42%; transition:0.5s;}
.grid li a div.bg_container{-webkit-transition: all .3s ease-out;    -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out;}
.grid li a:hover div.bg_container{ opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}
/*.grid li a:hover div.bg_container:before{ background:rgba(255,255,255,0.1);position: absolute; top: 0; right: 0;bottom: 0; left: 0; content: ' ';}*/

.list_cat{ color:#333; font-size:0.65rem; margin-right:10px;}
.list_cat a{ font-size:0.65rem;}


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

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

/* -----------------------------------------------------------
DETAIL
----------------------------------------------------------- */
.meta{ margin-top:30px;}
.meta h3{ font-size:2rem; font-weight:500; text-align:left; padding-bottom:5px;}
.single .post-categories li{ display:inline-block;}
.single .post-categories a{ font-size:0.8rem; font-weight:400; text-align:left; padding:5px 10px 0 0; letter-spacing:0.05rem; margin-right:10px; }

.wp_content img{ width:100%; height:auto; margin-bottom:10px; margin-top:5px;}
.backto{ text-align:center; font-size:0.75rem; font-weight:bold; margin-bottom:100px;}

.sum {padding:20px 0;}
.wp-block-image{padding-bottom:80px; margin: 0 auto;}
.wp-block-image figcaption{margin:0; padding:0; line-height: 1;}

figure.aligncenter{ text-align:center;}


/* -----------------------------------------------------------
CONTACT
----------------------------------------------------------- */
#about{ padding-top:50px;}
#about h3 { padding-bottom:5px; text-align:center; font-size:18px;}
#about_inner { text-align:center;}

.greeting{ text-align:center}

.contact_greeding { margin-bottom:50px; }
.form_tit{ font-size:0.7rem;}
.wpcf7 input { border:none; font-size:16px; background:none;}
.wpcf7 input:focus { border:none;outline: 0; }
.wpcf7 textarea { width:100%; line-height:42px; font-size:16px; border:none; background:url(../img/common/textarea_back.gif) repeat; padding-top:5px;}
.wpcf7 textarea:focus {outline:0;}
.submitarea {text-align:center;}
.cofirm_check{ padding-bottom:15px; text-align:center;}

input[type="submit"] { padding:10px 40px; border:none; color:#FFF; width:200px; display:block; margin:0 auto; background-color:#000; content:" "; }

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #BBB;
  border-radius: 0;
  outline: none;
  height: 2rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all .3s;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #c69d5c;
  box-shadow: 0 1px 0 0 #c69d5c;
}