@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

header{
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	background:url(../img/site_img/head_bg.png) repeat-x;
	z-index:100;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
header h1{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
header a span {
	display:none;
}
.invisible{
	display:none;
}

#headarea{
	width:76%;
	height:70px;
	text-align:center;
	margin:0 auto;
}

#head_logo{
	width: 30%;
    margin: 19px 0 19px 0;
	background:url(../img/site_img/head_logo.png) no-repeat;
	float:left;
}

#head_logo a{
	width:65%;
	height:32px;
	display:block;
}

#head_menu{
	width:70%;
	float:left;
}

#head_menu ul{
	letter-spacing: -.40em;
}

#head_menu ul li{
	margin:0;
	display:inline-block;
	letter-spacing: normal;
}

#head_menu ul li a{
	width:120px;
	height:70px;
	background:url("../img/site_img/head_menu.png") no-repeat;
	display:block;
}

#head_menu ul li a:hover{
	background:url("../img/site_img/head_menu.png") no-repeat 0 0 #d1d1d1;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#head_menu ul li.menu_concept a{
	background-position:0 0;
}

#head_menu ul li.menu_products a{
	background-position:-120px 0;
}

#head_menu ul li.menu_company a{
	background-position:-240px 0;
}

#head_menu ul li.menu_contact a{
	background-position:-360px 0;
}


.page_title{
    font-family:'Poppins', sans-serif;
    font-size: 50px;
    text-align:center;
    color: #8c8c8c;
}

.menu_twitter{
    background: none;
    position: absolute;
    top: 20px !important;
	right: 70px;
}

.footer-menu-sns {
	display: flex;
	flex-direction: column;
}

.footer-titter-id-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.footer-hemp-id {
	margin-right: 10px;
}

.footer-hemp-id::after {
	content: "/";
	margin-left: 10px;
}

.footer-titter-id-box p{
	color: #fff;
	font-size: 14px;
}

.menu_twitter img{
    width: 35px;
}

.menu_insta{
	background: none;
    position: absolute;
    top: 20px !important;
    right: 20px;
}
.menu_insta img{
    width: 35px;
}
.menu_insta :hover{
	opacity:0.5;
}

.footer-menu-insta img{
	width: 40px;
}
.footer-menu-insta:hover{
	opacity:0.5;
}

#head_onlineshop{
	width:140px;
	height:50px;
	margin:10px 0 10px 20px;
	float:left;
}

#head_onlineshop a{
	width:140px;
	height:50px;
	display:block;
	background:url("../img/site_img/head_onlineshop.gif") no-repeat 0 0 #f2cfcb;
}

#head_onlineshop a:hover{
	display:block;
	background:url("../img/site_img/head_onlineshop_on.gif") no-repeat 0 0;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

footer {
    width: 100%;
    height: 50px;
    background: #ffffff;
    margin: 0;
    padding: 0;
    color: #666666;
    border-top: 1px solid #d1d1d1;
    margin-top: 5px;
}


footer a{
	color:#666666;
	border:0;
	text-decoration:none;
}

footer a:hover{
	text-decoration:underline;
}

#footarea{
	width:1000px;
	text-align:center;
	margin:0 auto;
}

.footer-bg-gray {
	background-color: #8c8c8c;
	height: 200px;
	width: 100%;
	position: relative;
}

.footer-sns-ac img{
	width: 40px;
	margin: 0 auto;
}

.footer-sns-ac a:hover{
    opacity:0.5;
	
}

.footer-sns-box {
	width: 50%;
	position: absolute;
	/* height:100%; */
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

#foot_menu{
	float:left;
	margin-left:-9px;
}

#foot_menu li{
	margin-right:20px;
	float:left;
	height:1em;
	line-height:50px;
	font-size:11px;
}

#foot_copy{
	float:right;
	font-size:10px;
	height:1em;
	line-height:50px;
	margin-right: 9px;
}

/*#wrapper{position:relative;height:2000px;}*/

#footer_product{
	width:100%;
	height:50px;
	padding:0;
	color:#666666;
	z-index:100;
	/*position:fixed;*/
	bottom:0;
}

#footer_product a{
	color:#666666;
	border:0;
	text-decoration:none;
}

#footer_product a:hover{
	text-decoration:underline;
}

a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.6;transition: .5s;;}

input.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input:hover.blight{opacity:0.6;transition: .5s;}

#fl_pagetop {
    position: fixed;
    right: 0px;
    bottom: 0;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha(opacity:0);
    zoom: 1;
    z-index: 9999;
}
#fl_pagetop a img {
    width: 40px;
}

#fl_pagetop a {
    display: block;
    padding: 5px;
    color: #fff;
    z-index:1000;
    text-decoration: none;
    border-radius: 5px 0 0 5px;
}
#fl_pagetop a:hover {
	opacity:0.4;
	transition:.5s;
}

@media screen and (max-width: 480px) {
.page_title {
    font-size: 40px;
}
}