/*==============================
 FONT
==============================*/

@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 100;
src: 
url(../font/NotoSansJP-Thin.woff) format('woff'),
url(../font/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: 
url(../font/NotoSansJP-Light.woff) format('woff'),
url(../font/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: 
url(../font/NotoSansJP-Regular.woff) format('woff'),
url(../font/NotoSansJP-Regular.otf) format('opentype');
}


/*==============================
LOADING
==============================*/

#loading {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99999;
}

.bar span {
    display: block;
    width: 0;
    height: 2px;
    background: #a18a76;
    position: fixed;
    top: 56%;
    left: 0;
    z-index: 2;
}

.percent {
	width:44px;
	font-size:16px;
	color: #a18a76;
	position: absolute;
	top: 57.5%;
	left:50%;
	margin-left:-22px;
	z-index: 2;
}

.loadingShutter{
	position: fixed;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform .75s ease;
    transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
    transition: transform .75s ease, -webkit-transform .75s ease;
}

.lodingTop{
    top: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.lodingBottom{
    bottom: 0;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.openShutter{
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}

/*==============================
	BASE
==============================*/
body{
	font-family: "Roboto" , 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.clearfix:before,
.clearfix:after {
	content:"";
    display:table;
}

.clearfix:after {
	clear:both;
}

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

a.news-a{
	text-decoration: none;
	color:#222;
	font-family:'PT Sans Narrow', Arial, sans-serif;
}

.btn .main,
.btn .sub,
.btn #btn_contact_form,
.btn #btn_recruit_form{
	display: block;
	border: solid 1px #a18a76;
	border-radius: 100px;
	text-align: center;
	color: #a18a76;
	outline: none;
}

.btn .mainD{
	display: block;
	border: solid 1px #bbb;
	border-radius: 100px;
	text-align: center;
	color: #bbb;
	outline: none;
    pointer-events: none;
}

.btn #btn_contact_form:disabled,
.btn #btn_recruit_form:disabled {
    background-color: #DDD;
    pointer-events: none;
    color: #999;
    border-color: #DDD;
}
.txtLink a{
	color: #a18a76;
}

.smlCaption{
	font-size: 11px;
}

#page-top{position:fixed;right:16px;bottom:20px;z-index:999}
#page-top p{margin:0;padding:0;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#move-page-top{width:60px;height:60px;color:rgba(255,255,255,.3);font-size:48px;line-height:60px;display:block;cursor:pointer;border:1px rgba(255,255,255,.2) solid;-webkit-border-radius:52px;-moz-border-radius:52px;-ms-border-radius:52px;-o-border-radius:52px;border-radius:52px;background:rgba(0,0,0,.3)}
#move-page-top:hover{background:rgba(0,0,0,1.0)}

/*==============================
HEADER
==============================*/
/*
header{
	width: 100%;
	position: fixed;
	top:0;
	z-index: 10;
	-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
*/
/*==============================
FOOTER
==============================*/

footer{
	position: relative;
	z-index: 3;
	background: #c9c9c9;
}

footer ul{
	margin: 0 auto;
}

footer ul li{
	font-size: 10px;
	color: #666;
}

footer ul li:last-child{
	padding: 0;
}

footer .support p a{
	font-size: 11px;
}

footer .support .copylight{
	font-size: 10px;
	color:#666;
}

.footer_copyright,.social_links{width:100%;text-align:center;clear:both}
#footer{width:100%;color:#fff;background-position:center top;background-size:100% auto;}
/*.layerTransparent{	background-color: rgba(138,199,209,0.90);height:100%;} */
.layerTransparent{	height:100%;}
#footer a {	color:#fff;}
#footer h3{padding-bottom:10px;color:#fff;font-size:16px;font-weight:400;margin-bottom:16px;border-bottom:rgba(255,255,255,0.10) 1px solid;margin-top:20px;text-align:left}
#footer-ads{text-align:center;padding:30px 0 20px 0}
#footer #footer-ads .widget{padding-bottom:0;font-size:0;line-height:0}
#footer-widgets{box-sizing:border-box;clear:both;padding-top:50px}
#footer-bottom ul>li a{color:#fff}
#footer-bottom ul ul>li a{color:#333}
#footer-bottom #footer-logo{display:block;margin:20px auto;-webkit-border-radius:0;border-radius:0;text-align:center;max-width:240px}
#footer-bottom #copyright,#footer-bottom #credit{font-size:12px;}
#footer-bottom #credit{margin-bottom:30px}
#footer-bottom .social-links{padding:10px 30px;font-size:14px}
#footer-bottom .social-links a{color:#fff;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
#footer-bottom .social-links a:hover{background-color:rgba(255,255,255,0.30);}
#footer-bottom .social-links .social-tooltip{font-size:28px}
#nav-footer .nav{text-align:center}
#nav-footer .nav>li>a{padding:10px;}
#nav-footer .nav>li{border-right:0}
#nav-footer .nav>li:first-child{border-left:0}
#nav-footer .nav>li:hover>a,#nav-footer .nav>li>a:hover{background-color:rgba(255,255,255,.1)}
#nav-footer .nav ul{background:#fff;bottom:44px;top:auto;text-align:left;-webkit-box-shadow:0 -2px 2px rgba(0,0,0,.05);box-shadow:0 -2px 2px rgba(0,0,0,.05)}
#nav-footer .nav ul li{border-bottom:1px solid #e4e4e4}
#nav-footer .nav ul ul{position:absolute;top:auto;bottom:-10px}
#footer .widget_kpg_cpl ul li{border-bottom:none}

#footer .widget{color:#666}
#footer .nav>li{margin:0}
#footer .widget a,.icon-map-marker{color:#fff;line-height:1.4em}
.widget>h3 a img{display:none;float:left;margin:3px 7px 0 0}
.widget select{border:1px solid #ddd;color:#777;font-size:15px;padding:7px;width:100%;max-width:100%}
#footer .widget select{border-color:#eee}
.sidebar .widget{padding:20px}
#footer .widget{padding-bottom:30px}
#footer .widget a:hover{color:#fff}
#footer .menu_description,.sidebar .menu_description{display:none}
.widget_categories li a,.widget_nav_menu ul li a,.widget_pages ul li a,.widget_recent_entries .post-date,.widget_rss ul li a{display:block;text-align:left;
font-size:14px;}

#footer .alx-posts li,#footer .alx-tab li,#footer .widget_archive ul li,#footer .widget_categories ul li,#footer .widget_links ul li,#footer .widget_meta ul li,#footer .widget_nav_menu ul li a,#footer .widget_pages ul li a,#footer .widget_recent_comments ul li,#footer .widget_recent_entries ul li,#footer .widget_rss ul li{border-bottom:rgba(255,255,255,0.10) 1px solid;color:rgba(241,241,241,1)}
.alx-tabs-container li{padding:10px 0}
.tab-item-title{font-size:16px}
.tagcloud{text-align:left}
#footer .widget_calendar td,#footer .widget_calendar th{color:rgba(102,102,102,1)}
.widget_archive ul li,.widget_categories ul li,.widget_links ul li{color:#bbb}
.widget_recent_comments ul li,.widget_recent_entries ul li{text-align:left}
.widget_nav_menu li li a,.widget_pages li li a{padding-left:15px}
.widget_nav_menu li li li a,.widget_pages li li li a{padding-left:30px}
.widget_nav_menu ul ul,.widget_nav_menu ul ul ul,.widget_pages ul ul,.widget_pages ul ul ul{border:0}
.widget_rss ul li span.rss-date{color:#444;font-weight:600;display:block;font-size:12px}
.widget_rss ul li cite{color:#999}
#footer .widget_rss ul li a,.s1 .widget_rss ul li a{color:#3b8dbd}
.s2 .widget_rss ul li a{color:#82b965}
.widget_search input.search{color:#999;padding-left:26px;width:100%}
.widget_search #searchsubmit,.widget_search .screen-reader-text{display:none}
.widget_text .textwidget p{margin-bottom:1em}
.widget_calendar a:hover{color:#444!important}
.widget_calendar #wp-calendar{width:100%}
.widget_calendar caption{color:#fff;padding:5px 10px}
.widget_calendar caption:before{color:#fff;color:rgba(255,255,255,.7);font-size:15px}
.widget_calendar thead{background:#e2e2e2;-webkit-box-shadow:0 1px 0 #ddd;box-shadow:inset 0 -1px 0 #ddd}
#footer .widget_calendar thead{background:#f2f2f2}
.widget_calendar td{background-color:rgba(255,255,255,.2)}
#footer .tagcloud a{border:rgba(255,255,255,.3) solid}
.alx-tabs-container p{line-height:1em}
.alx-tabs-nav{margin-bottom:10px;text-align:left}
.alx-tabs-nav.tab-count-1 li,.alx-tabs-nav.tab-count-2 li,.alx-tabs-nav.tab-count-3 li,.alx-tabs-nav.tab-count-4 li{width:inherit}
ul#tab-popular li{counter-increment:popular_num}
ul#tab-popular li:before{content:counter(popular_num);position:absolute;top:11px;left:0;color:#fff;z-index:99999;font-size:10px;padding:5px;line-height:1em}
.alx-tabs-nav li{display:block;float:left}
.alx-tabs-nav li a{font-size:11px;display:block;padding:12px 10px;margin-bottom:-2px;border-bottom:1px solid transparent;
margin-right:3px;}
.rank_num{position:absolute;top:-25px;left:-25px;width:50px;height:50px;z-index:10}
.alx-tabs-nav li a:hover{border-bottom-color:#ccc}
#footer .alx-tabs-nav{border-bottom-color:#eee}
#footer .alx-tabs-nav li a:hover{border-bottom-color:#ddd}
.s2 .alx-tabs-nav li.active a{border-bottom-color:#82b965}
.alx-posts li,.alx-tab li{font-weight:400;overflow:hidden}
.alx-posts a,.alx-tab a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;line-height:1.2em}
#footer .alx-posts .post-item-title,.s1 .alx-posts .post-item-title{font-size:12px;line-height:1.4em;font-weight:300;margin:10px auto 30px;width:80%;left:10%;text-align:center;background-color:#fff;position:absolute;top:150px;padding:10px;box-sizing:border-box;z-index:4}
.comment-tabs li i,.commentlist .comment-author{margin-right:6px}
#footer .alx-posts .post-item-category,#footer .alx-posts .post-item-date,.s1 .alx-posts .post-item-category,.s1 .alx-posts .post-item-date{font-size:12px;display:block;text-align:center}
.alx-posts .post-item-date{margin-top:30px;margin-bottom:15px}
.widget_alx_posts ul li{text-align:center;width:100%}
.widget_alx_tabs img:hover{opacity:.7}
.mt-post_overlay_icon,.post-item-thumbnail,.post-item-thumbnail img,.post-nav_thumb img,.post-thumb-category{z-index:5}
.post-thumb-category{line-height:1em;color:#fff;z-index:1}
.post-thumb-category a{padding:8px}
.alx-posts .post-item-thumbnail:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}
.overlay_thumb{position:absolute;width:100%;height:100%;text-align:center;top:0;left:0;z-index:-1}
.mt-post_overlay_icon{top:40%;position:absolute;font-size:20px;opacity:0;z-index:0;text-align:center;width:100%}
alx-posts .post-thumb-category{z-index:2}
.alx-posts .post-item-thumbnail:hover .post-thumb-category{color:#fff;top:-50px}
.alx-posts .post-item-thumbnail:hover .overlay_thumb{background-color:rgba(3,88,102,.4);z-index:1}
.post-item-thumbnail:hover .mt-post_overlay_icon,.post-thumbnail{color:#fff}
.widget_mt_video h3{margin-bottom:14px}

#footer .nav-wrap{position:relative}
.child-menu{zoom:1;position:relative;padding:0 0 20px}
.child-menu a{color:#777;display:block;padding:0 44px}
.child-menu a:hover{color:#3b8dbd}
.child-menu .current_page_item>a{background:#fff;color:#3b8dbd}
.child-menu>li{display:none}
.child-menu>li.current_page_ancestor,.child-menu>li.current_page_item,.child-menu>li.current_page_parent{display:block}
.child-menu>li.current_page_ancestor>ul ul,.child-menu>li.current_page_item>ul ul,.child-menu>li.current_page_parent>ul ul{display:none}
.child-menu>li ul li.current_page_ancestor ul,.child-menu>li ul li.current_page_item ul,.child-menu>li ul li.current_page_parent ul{display:block}
.child-menu>li>a{font-size:20px;display:block;padding:20px 30px}
.child-menu>li>ul{background:#e9e9e9;border-top:1px solid #ddd;padding:10px 0 10px 10px}
.child-menu>li ul ul,.child-menu>li>ul>li>a{background:#f0f0f0;border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.child-menu>li>ul>li>a{font-size:15px;padding:11px 20px;-webkit-box-shadow:inset 0 1px 0 #f9f9f9;box-shadow:inset 0 1px 0 #f9f9f9}
.child-menu>li>ul>li>a:before{font-family:FontAwesome;content:"\f055";font-weight:400;font-size:18px;margin-right:8px}
.child-menu>li ul ul{border-top:3px solid #ebebeb;padding:6px 0}
.child-menu>li ul ul a{font-size:15px;font-weight:300;padding-top:7px;padding-bottom:7px;margin-bottom:1px}
.child-menu>li ul ul a:hover{background:#e9e9e9;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.04);box-shadow:inset 0 1px 0 rgba(0,0,0,.04)}
.child-menu>li ul ul li.current_page_item>a{background:#fff;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.04);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.col-2cl .child-menu>li>ul,.col-3cr .child-menu>li>ul{padding-left:0;padding-right:10px}
.col-2cl .child-menu>li ul ul,.col-2cl .child-menu>li>ul>li>a,.col-3cr .child-menu>li ul ul,.col-3cr .child-menu>li>ul>li>a{border-left:0;border-right:1px solid #ddd}
.wpcf7 p{color:#222;margin:0 0 12px;width:100%;position:relative}
.wpcf7 p span{font-weight:400;color:#999}
.wpcf7 div.wpcf7-validation-errors{border:none;margin:0;padding:0}
.wpcf7 div.wpcf7-mail-sent-ng,.wpcf7 div.wpcf7-mail-sent-ok{border:none}
.wpcf7 div.wpcf7-response-output{margin:0;padding:0}
.wpcf7 span.wpcf7-form-control-wrap{display:block;position:relative}
.wpcf7 span.wpcf7-not-valid-tip{background:#f2dede;border-color:#e3bfbf;color:#b94a48;padding:4px 14px;font-size:12px;line-height:20px;position:absolute;left:0;top:36px;width:auto;right:0;display:block;z-index:999}
.dropcap{color:#444;display:block;float:left;font-size:94px;line-height:.9em;margin:0 10px 0 0}
.pullquote-left{color:#444;border-left:1px solid;margin:.78em 1em .78em 0;padding:5px 0 5px 15px;width:100%}
.highlight{color:#222;border-bottom:1px dotted #222}
.hr,hr{border:0;background:#eee;border-bottom:2px solid #eee;height:1px;margin:30px 0;clear:both}

.owl,.item{margin:0 auto}
.owl2 .item{padding:10px}
.ie8 #footer .alx-posts .post-item-title,.ie8 .s1 .alx-posts .post-item-title,.ie8.single .related-posts .post-title,body.ie8{font-weight:400}
.ie8 .author-bio .bio-avatar:after,.ie8 .commentlist li.bypostauthor>.comment-body:after{display:none}
.ie8 .nav li>a:after,.ie8 .nav>li>a:after{content:""!important}
.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.clear{clear:both}

#footer img:hover,.post-inner .post-thumbnail:hover{opacity:.8}
.mt-postlist-small{padding-left:50%}
.mt-postlist-small li{position:relative}
.mt-postlist-small .post-item-inner{font-size:12px}
.mt-postlist_group{margin-bottom:20px}
.post-inner .post-thumbnail{overflow:hidden;width:100%}

#footer ul.nav>li.menu-item-has-children:before{color:#fff;top:10px}
ul.nav ul li.menu-item-has-children:before{content:'\f105';top:10px;right:15px;font-family:FontAwesome;position:absolute}
.nav,.nav>li{position:relative}
ul.nav>li.current-menu-item:after{bottom:0;width:100%;opacity:.5}
#nav-topbar > li a{color:#464646!important}
#footer .nav-wrap{border-bottom:rgba(255,255,255,0.10) 1px solid;width:100%;text-align:center}
#footer-top-widgets{margin:20px auto}
.menu_description{font-size:10px;text-align:center;min-height:20px;
font-weight:normal;}.nav{font-size:0}
.nav li a{display:block;line-height:20px}
.nav>li{font-size:11px;display:inline-block;margin-left:5px}
.nav>li>a{padding:10px 10px 5px;font-size:16px;font-weight:600;color:rgba(77,77,77,1.00);}
.nav li:hover>ul{display:block}
.nav ul{display:none;position:absolute;left:0;width:auto;z-index:2;-webkit-transform:translateZ(0)}
.nav ul li{font-size:12px;position:relative;display:block;padding:0}
.nav ul li a{padding:8px 30px 8px 10px;color:rgba(85,85,85,1.00);}
.nav ul li:last-child{border-bottom:none!important}
.nav ul ul{position:absolute;top:-10px;left:250px}
.nav-wrap ul.sub-menu{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,0.1);-o-box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all .3s ease-in-out;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;width:250px}
.nav-text,.nav-toggle{display:none}
#footer nav{float:none;}

.oi_soc_icons{padding-bottom:30px;width:100%;position:relative}
ul.social-links{position:absolute;left:0;right:0;margin:auto;text-align:center}
.oi_soc_icons a{color:rgba(123,123,123,1.00)}
.oi_soc_icons a:hover,.rank_num{opacity:.8}

.oi_soc_icons a{padding:5px;margin-right:3px}

/*==============================
共通
==============================*/

/*
 .container{
 	position: relative;
 	z-index: 3;
 	background: #FFF;
 	color:#000;
 }
*/
  .firstArea{
/* 	background: #eee4db;*/
 }

 .thirdArea{
 	background: #EEE;
 }

/*
.cathTxt{
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 200;
}

.titleArea{
	width: 100%;
	color: #FFF;
	text-align: center;
}

.pageTit{
    font-weight: 400;
    opacity: 0;
    transform: translate3d(0, 60%, 0);
}

.caption{
    letter-spacing: 0.07em;
    opacity: 0;
    transform: translate3d(0, 60%, 0);
}
*/


/*==============================
TOP
==============================*/

#home .bg{
 	position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg_main.jpg) no-repeat center 0;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 0;
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    filter:grayscale(0%);
    transition: 0.5s all ease;
}

#home .grayscale{
	-webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
    transition: 0.5s all ease;
}

.mainCopy{
	margin-bottom:10px;
	font-weight: 500;
	opacity: 0;
    transform: translate3d(0, 30%, 0);
}

.copy{
	opacity: 0;
    transform: translate3d(0, 30%, 0);
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.fadeInUp {
	opacity: 1;
	transform: none;
	transition: 0.5s all ease;
}

.conceptPoint{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
}

.conceptPoint .fadeIn,
.scroll.fadeIn{
	opacity: 1;
	transition: 0.5s all ease;
}

.conceptPoint .fin{
	opacity: 0.3;
	transition: 0.5s all ease;
}

.conceptPoint li{
	font-family: 'Bad Script', cursive;
	color: #FFF;
	position: absolute;
	opacity: 0;
}

.scroll {
	position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 2;
    opacity: 0;
}

.scroll a{
	display: block;
    color: #FFF;
    letter-spacing: 0.15em;
}

.scroll:after {
    width: 1px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    left:47%;
    background: #fff;
    -webkit-animation: scroll 1.2s linear 0s infinite;
    -moz-animation: scroll 1.2s linear 0s infinite;
    animation: scroll 1.2s linear 0s infinite;
}

.none{
	display: none;
}

@-webkit-keyframes scroll {
 0%{height:0%;top:0px;bottom:auto}
46% {
	height: 100%;
	top: 0;
	bottom: auto
 }
50% {
	height: 100%;
	bottom: 0px;
	top: auto
 }
54% {
	height: 100%;
	bottom: 0px;
	top: auto
 }
100% {
	height: 0%;
	bottom: 0px;
	top: auto
 }
}
@-moz-keyframes scroll {
 0%{height:0%;top:0px;bottom:auto}
46% {
	height: 100%;
	top: 0px;
	bottom: auto
 }
50% {
	height: 100%;
	bottom: 0px;
	top: auto
 }
}

#olive .titleArea{
	background: url(../img/olive/bg_olive.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#shop .titleArea{
	background: url(../img/shop/bg_shop.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#activity .titleArea{
	background: url(../img/activity/bg_activity.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#blog .titleArea{
	background: url(../img/activity/bg_blog.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#maker .titleArea{
	background: url(../img/plants/bg_plants.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#introduction .titleArea{
	background: url(../img/introduction/bg_introduction.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#contact .titleArea{
	background: url(../img/contact/bg_contact.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#video .titleArea{
	background: url(../img/video/bg_video.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

#recruit .titleArea{
	background: url(../img/recruit/bg_recruit.jpg);
	background-size: cover;	
}

#plants .titleArea{
	background: url(../img/plants/bg_plants.jpg);
	background-size: cover;	
    padding: 260px 0px 100px;
    background-position: center top;
    background-repeat: no-repeat;
}

input[type="text"],
textarea{
	display: block;
    width: 100%;
    background: #F5F5F5;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    padding: 12px;
    font-size: 18px;
}

select{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: none;
	background: #f5f5f5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
}

.select{
	position: relative;
}

td.select:after{
	display: block;
    position: absolute;
    top: 39%;
    right: 2%;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    font-size: 24px;
    z-index: 4;
    color: #999;
}

input[type="text"]::-webkit-input-placeholder{
	color:#CCC;	
	font-size: 13px;
}
input[type="text"]::-moz-input-placeholder{
	color:#CCC;
	font-size: 13px;	
}
input[type="text"]::-ms-input-placeholder{
	color:#CCC;	
	font-size: 13px;	
}

label.error{
	color:#F00;
	font-size: 13px;
}

#privacy .personalInfo a{
	color: #a18a76;
}

.contact_agree input[type="checkbox"]{
  display: none;
}

.contact_agree{
	text-align: center;
	margin-top: 40px;
}
.contact_agree label{
  cursor: pointer;
  position: relative;
  padding-left: 23px;
  font-size: 14px;
  transition: all .17s ease-in;
}
.contact_agree label:before,
.contact_agree label:after{
  position: absolute;
  content: "";
  transition: all .17s ease-in;
}
.contact_agree label:before{
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  margin-top: -9px;
  border: 2px solid #999;
  border-radius: 2px;
}
.contact_agree label:after{
  opacity: 0;
  top: 2.5px;
  left: 2px;
}
.contact_agree input[type="checkbox"]:checked + label:before{
  border-color: #1abc9c;
  /*border: solid 3px #1abc9c;*/
}
.contact_agree input[type="checkbox"]:checked + label:after{
  opacity: 1;
  width: 13px;
  height: 10px;
  background: url(../img/contact/icon_check.png) no-repeat center center;
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
}

.privacyLink{
	text-align: center;
}

.privacyLink a{
	font-size: 13px;
	color: #a18a76;
}

p.check{
background:url(../../wp-content/uploads/2017/04/check.jpg)no-repeat;
background-size:1.5em 1.5em;
margin-bottom:0px;
padding-left:40px;
margin-left:20px;
padding-top:0px;}

/* buttonD */
.buttonD {
  display: inline-block;
  width: 200px;
  height: 50px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
}
.buttonD::before,
.buttonD::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.buttonD,
.buttonD::before,
.buttonD::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.buttonD15 span {
  display: block;
  position: absolute;
  width: 180px;
  height: 40px;
  border: 1px solid #777;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
  border-radius: 100px;
}
.buttonD15 span:nth-child(1) {
  background-color: #777;
  color: #fff;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.buttonD15 span:nth-child(2) {
/*  background-color: #eee;*/
  color: #777;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.buttonD15:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.buttonD15:hover span:nth-child(2) {
  background-color: #777;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

/* buttonDE */
.buttonDE {
  display: inline-block;
  width: 240px;
  height: 48px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 48px;
  outline: none;
}
.buttonDE::before,
.buttonDE::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.buttonDE,
.buttonDE::before,
.buttonDE::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.buttonDE15 span {
  display: block;
  position: absolute;
  width: 240px;
  height: 39px;
  border: 1px solid #777;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 39px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
  border-radius: 100px;
}
.buttonDE15 span:nth-child(1) {
  background-color: #777;
  color: #fff;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.buttonDE15 span:nth-child(2) {
/*  background-color: #eee;*/
  color: #777;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.buttonDE15:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.buttonDE15:hover span:nth-child(2) {
  background-color: #777;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}