@charset "utf-8";
/* CSS Document */


/*共通*/
body {
-webkit-text-size-adjust: 100%;
letter-spacing: 1px;
}
@media screen and (max-width: 1279px) {
/* 推奨動作環境1280pxに固定 */
  body {
    width: 1280px;
  }
}

/* @media screen and (max-width: 768px) {
  body {
    width: 100%;
  }
} */
.cp_cont{
	display: none;
}
.text-wrap{
	display: inline-block;
}
.container{
/*	max-width: 1160px;*/
	margin: auto;
}
img{
	max-width: 100%;
	height: auto;
}

.pc_block {
    display: block;
}
.sp_block {
    display: none;
}
.bg_all{
	background: url( "../../common/img/bg.png") top;
	background-repeat: repeat-y;
	background-size: cover;
	padding-bottom: 1px;
}

/* 通常のスクロールフェードイン機能を実装する際には、フェードインさせたい要素にクラス.fadeinを、
　　その親要素にクラス.fadein_outerを指定してください。 */
.fadein_outer {}
.fadein_outer .fadein {
	opacity: -1.0;
	transform : translate(0, 50px);
	transition : all 500ms;
}
/* 横からのフェードインにしたいときは親要素にクラス .left or .rifgt も一緒に使ってください。 */
.fadein_outer.left,
.fadein_outer.right {overflow: hidden;}
.fadein_outer.left .fadein {
	opacity : 0.1;
	transform : translate(-200px, 0);
	transition : all 800ms;
}
.fadein_outer.right .fadein {
	opacity : 0.1;
	transform : translate(200px, 0);
	transition : all 800ms;
}
/* 画面内に入った状態 */
.fadein_outer .fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
/* 同列要素などを時間差で表示させたい場合、上記記述に追記が必要です。
　　親要素にクラス.fadein_outerだけでなく、クラス.delayも入れてください。必要に応じて下記量産ください */
.fadein_outer.delay .fadein:nth-child(2){-moz-transition-delay:100ms;-webkit-transition-delay:100ms;-o-transition-delay:100ms;-ms-transition-delay:100ms;}
.fadein_outer.delay .fadein:nth-child(3){-moz-transition-delay:200ms;-webkit-transition-delay:200ms;-o-transition-delay:200ms;-ms-transition-delay:200ms;}
.fadein_outer.delay .fadein:nth-child(4){-moz-transition-delay:300ms;-webkit-transition-delay:300ms;-o-transition-delay:300ms;-ms-transition-delay:300ms;}
.fadein_outer.delay .fadein:nth-child(5){-moz-transition-delay:400ms;-webkit-transition-delay:400ms;-o-transition-delay:400ms;-ms-transition-delay:400ms;}
.fadein_outer.delay .fadein:nth-child(6){-moz-transition-delay:500ms;-webkit-transition-delay:500ms;-o-transition-delay:500ms;-ms-transition-delay:500ms;}
.fadein_outer.delay .fadein:nth-child(7){-moz-transition-delay:600ms;-webkit-transition-delay:600ms;-o-transition-delay:600ms;-ms-transition-delay:600ms;}
.fadein_outer.delay .fadein:nth-child(8){-moz-transition-delay:700ms;-webkit-transition-delay:700ms;-o-transition-delay:700ms;-ms-transition-delay:700ms;}





/* ==========================
header
============================= */
header{
	background-color:#fff;
}
.hd_inner{
	width: 100%;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hd_inner h1{
	margin: 0 25px 0 50px;
    min-width: 240px;
	}
.hd_right{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hd_menu{
	display: flex;
	margin-right: 50px;
	background: url("../img/hd_border.png") center;
	background-repeat: repeat-x;
  align-items: center;
}
.hd_menu li {
    padding: 0 15px;
    margin: 20px 10px;
    background: #fff;
}
.hd_menu li:first-of-type {
    margin-left: 0;
}
.hd_menu li:last-of-type {
    margin-right: 0;
}
.hd_menu li a{
	text-decoration: none;
	color: #000;
}
ul.lang_list li {
    background: #65a534;
    padding: 13% 40px;
}
ul.lang_list a {
    text-decoration: none;
    color: #fff;
}
ul.lang_list li.hd_en {
    background: #222;
}

/* page-pankuzu
==================================*/
.pankuzu-outer{
	padding: 15px 0;
	background-color:#c0d3ce;
}
.page-pankuzu{
	max-width: 1000px;
	margin: auto;
	text-align: center;
	padding: 7px 0;
	font-family: 'Noto Sans JP';
	font-size: 80%;
}
.page-pankuzu li {
	display: inline-block;
	margin-right: 5px;
	line-height: 1.6em;
	color: #000;
	text-align: left;
}
.page-pankuzu li a{
	color: #65a534;
}
.page-pankuzu li:after {
	content: " > ";
	color:#ccc;
}
.page-pankuzu li.pankuzu-last:after {
	content: "";
}
.page-pankuzu a {
	margin-right: 5px;
	text-decoration: underline;
}
li.pankuzu-last {
	margin-right: 0;
}


/* ==========================
下層ページ内共有部分
============================= */

.pr_category{
	background: url("../../common/img/category_bg.png") no-repeat right top;
}
.cate_name {
    text-align: center;
    line-height: 0.8em;
    font-size: 230%;
    padding: 65px 0 75px 0;
}
.cate_name span {
    font-size: 40%;
}

.cate_name,p.contact_title,p.title_text,p.phi_tit
{
font-family: 'Cormorant Infant','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
}
.product_box .caution {
    max-width: 1024px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f00;
    padding: 10px;
    margin: 0 auto 20px;
    color: #f00;
    font-weight: bold;
  box-sizing: border-box;
    font-size: 120%;
}
/* ==========================
news
============================= */
.news_contents {
    padding: 0 5%;
}

/* ==========================
contact
============================= */
p.contact_title {
    font-size: 250%;
    text-align: center;
    line-height: 1em;
    margin-bottom: 40px;
}
p.contact_title span {
    font-size: 40%;
}
.contact_box {
    background: #f4f4f4;
    padding: 50px;
}
.tel_box {
    max-width: 690px;
    margin: auto;
    padding: 30px 0;
    text-align: center;
    background: #fff;
    border: solid 3px #65a534;
   font-family: "Hiragino Kaku Gothic ProN";
}
p.phone_number {
    font-size: 200%;
    color: #65a534;
    font-family: 'Noto Sans JP';
    font-weight: 900;
    padding: 8px 0;
    text-decoration: none;
}
p.phone_number a {
    color: #65a534;
    text-decoration: none;
}
p.phone_number img {
    width: 25px;
    background: #65a534;
    border-radius: 50%;
    padding: 9px;
    margin-right: 10px;
}
.mail_box img {
    width: 25px;
    margin-right: 15px;
}
.mail_box {
    text-align: center;
    color: #fff;
    background: #65a534;
    border-radius: 50px;
    padding: 15px 22px;
    max-width: 360px;
    margin: 40px auto 0;
}
.mail_box a{
    text-align: center;
    color: #fff;
    text-decoration: none;
}

/* ==========================
front_buttom 固定ボタン
============================= */
#front_buttom {
    position: fixed;
    bottom: 1%;
    right: 3%;
    font-size: 80%;
    z-index: 999999;
}
.ft_cata {
    background: url(../img/icon_catalog.svg)no-repeat;
    padding: 70px 0px 15px;
    text-align: center;
    width: 100px;
    color: #fff;
}
.ft_movie {
    background: url(../img/icon_movie.svg)no-repeat;
    padding: 70px 0px 15px;
    text-align: center;
    width: 100px;
    color: #fff;
}
p.ft_cata a:link,p.ft_movie a:link{
    color: #fff;
}
#back-top {
    width: 55px;
    height: 55px;
    margin: 0 auto 10px;
  opacity: 0.7;
    border-radius: 50%;
    z-index: 999999;
}
#back-top a {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    text-decoration: none;
}
#back-top a::before {
    font-weight: 900;
    content: '\02227';
    font-size: 30px;
    color: #65a534;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 3px solid #65a534;
    border-radius: 50%;
    background: #fff;
}
/* ==========================
footer
============================= */
footer a:visited {
    color: #fff;
}
/*#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 75px;
  opacity: 0.6;
  border-radius: 50%;
  right: 3%;
  z-index: 999999;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-weight: 900;
  content: '\02227';
  font-size: 30px;
  color: #65a534;
  position: absolute;
  width: 50px;
  height: 50px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: 3px solid #65a534;
  border-radius: 50%;
}*/
.logo{
	width: 100%;
	margin-top: 40px;
}
.logo img{
	width: 100%;
	height: auto;
}
footer{
	background:#444444;
	color: #fff;
}
footer .ft_inner {
    font-family: "Hiragino Kaku Gothic ProN";
}
.ft_list {
    display: flex;
    max-width: 1024px;
    justify-content: space-between;
    padding: 80px 0px 30px;
    margin: auto;
    border-bottom: solid 1px #666;
}
.ft_list li{
	margin-bottom: 5px;
	color: #fff;
}
.ft_list li a{
	color: #fff;
}
.ft_list li.second {
    font-weight: bold;
}
.ft_list li.third{
	background: url(../img/ico.jpg) no-repeat left center;
	margin-left:10px;
}
.ft_list ul.list_top{
	padding-top: 45px;
}
footer .right{
	line-height: 2;
	overflow: hidden;
}
footer .right .name{
	margin-bottom: 20px;
}
footer address{
	line-height: 2;
	margin-bottom: 30px;
}

footer .right .bold{
	font-size: 129%;
}
.ft_list ul {
    border-right: solid 1px #666;
    padding: 0 35px;
}
footer ul:last-of-type {
    border: none;
}
footer ul li{
	font-size: 88%;
}
footer ul li a{
	color: #000000;
	text-decoration: none;
	}
footer .small_txt{
	font-size: 88%;
	}

.ft_company {
    text-align: center;
    margin: 50px 0;
    font-size: 88%;
}
.ft_company img {
    max-width: 125px;
    margin-bottom: 30px;
}
.ft_company a {
    color: #fff;
}
#copyright{
	font-family: "Hiragino Kaku Gothic ProN";
	text-align: center;
	font-size:93%;
	color: #fff;
	text-align: center;
	background-color: #000;
	display: flex;
	align-items: center;
	
	
}
#copyright p{
	text-align: left;
	display: inline-block;
	float: left;
}
#copyright img{
	margin-top:2px;
}
#copyright small {
    margin: 30px auto;

}
/* ==========================
SPのみ固定ボタン
============================= */
.sp_underbtn {
    display: none;
}

@media print {
	body{
		zoom: 90%;
		width: 1200px;
		margin:auto;
	}
div#back-top,p.ft_cata,p.ft_movie {
    display: none;
}
}
@page {
  size: A4;
  margin: 5mm 5mm;
}