@charset "utf-8";
/*
	Theme Name: futaba
*/
/*==================================================
cmn
==================================================*/

html {
	overflow: auto;
	font-size: 62.5%;
}
body {
	overflow: hidden;
	font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, Osaka, sans-serif;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2em;
	position: relative;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
header, nav, div, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, img, table, tr, td, th, input, textarea, select, a, figure, span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.8em;
	font-weight: normal;
}
p {
	margin-bottom: 1em;
}
p:last-child {
	margin: 0;
}
a, input[type="submit"] {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
a:hover, input[type="submit"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}
.wrap {
	padding: 0;
	margin: 0 auto;
	box-shadow: none;
	max-width: 950px;
	width: 100%;
}
.wrap-s {
	padding: 0;
	margin: 0 auto;
	box-shadow: none;
	max-width: 650px;
	width: 100%;
}
.wrap-ss {
	padding: 0;
	margin: 0 auto;
	box-shadow: none;
	max-width: 483px;
	width: 100%;
}
.sp {
	display: none;
}
.hide {
	display: none;
}
input,textarea {
	font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, Osaka, sans-serif;
}
img {
	border: 0;
}

.font-mincho{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*==================================================
head
==================================================*/

.site-header {
	padding: 0 0 0 2.5%;
	position: relative;
}
.site-header:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.site-header hgroup {
	overflow: hidden;
	float: right;
	height: 80px;
}
.site-header h1 {
	width: 170px;
	float: left;
	padding: 15px 0;
}
.site-header h1 a {
	display: block;
	line-height: 0;
}
.shopnavi {
	float: right;
	margin-left: 16px;
}
.shopnavi li {
	width: 80px;
}
.shopnavi li ul li {
	width: auto;
}
.shopnavi li ul li a {
	display: block;
}
.shopnavi li ul li span {
	display: block;
	margin: 0.6em 0 0;
}
.h_sns {
    float: right;
    display: block;
    margin-top: 4px;
    position: absolute;
    right: 96px;
}
.h_sns li{
	display: inline-block;
	margin-left: 8px;
}
.h_sns::after{
	content: "";
	display: block;
	clear: both;
}
#gnavi-s, .button-toggle {
	display: none;
}
.gnavi {
	overflow: hidden;
    margin-right: 0;
    margin-top: 32px;
    padding-top: 18px;
}
.gnavi::before{
	content: "";
	display: block;
	clear: both;
}
.gnavi li {
	float: left;
	padding: 0 25px;
}
.gnavi li:last-child {
	padding: 0 0 0 25px;
}
.gnavi li img {
	height: 16px;
}
.gnavi li a {
	text-align: center;
	display: block;
	line-height: 1em;
}
.gnavi li a:hover, .gnavi li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.gnavi li ul, .shopnavi li ul {
	position: absolute;
	top: 80px;
	left: 0;
	width: inherit;
	z-index: 9999 !important;
	display: block;
	opacity: 0;
	visibility: hidden;
	clip: inherit;
	width: 100%;
	text-align: center;
	background-color: rgba(256,256,256,0.9);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	padding: 25px 20px;
	box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.6);
	behavior: url(/PIE.htc);
}
.gnavi li:hover ul, .shopnavi li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 80px;
	left: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.gnavi li ul li, .shopnavi li ul li {
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin: 0px;
	float: none;
	text-align: center;
	border: none;
	padding: 0;
	height: auto;
	padding: 0 20px;
}
.gnavi li ul li a {
	display: block;
	float: none;
	margin: 0px;
	background: none;
	border: none;
	padding: 0;
}
.gnavi li ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.gnavi li ul li a:before {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	vertical-align: 1px;
	padding: 0 3px 0 0;
}
.gnavi li ul li.detail a:before {
	display: none;
}
.gnavi li ul li.tit {
	font-size: 120%;
}
.gnavi li ul li.detail a {
	border: 1px solid #333;
	border-radius: 15px;
	padding: 6px 15px;
	display: block;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
}
.gnavi li ul li.detail a:hover {
	color: #fff;
	background-color: #333;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*==================================================
foot
==================================================*/
.site-foot {
	margin: 30px 0 0;
	padding-top: 60px;
	padding-bottom: 20px;
	background: #f2f2f2;
	overflow: hidden;
	clear: both;
}
.fnavi {
	overflow: hidden;
}
.fnavi ul {
	width: 16%;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 6px;
}
.fnavi ul ul {
	width: 100%;
	float: none;
	position: relative;
	margin-left: 0.5em;
	overflow: hidden;
}
.fnavi ul ul:before {
	content: "";
	width: 1px;
	height: 100%;
	background: #999;
	position: absolute;
	left: 0;
	bottom: 13px;
}
.fnavi ul ul.noline:before {
	background: none;
}
.fnavi ul ul li {
	position: relative;
	padding: 0 0 0 12px;
}
.fnavi ul ul li:before {
	content: "";
	width: 6px;
	height: 1px;
	background: #999;
	position: absolute;
	top: 1.2em;
	left: 0;
}
.fnavi ul ul.noline li:before {
    background: none !important;
}
.sns-list {
	text-align: center;
	margin: 50px 0;
}
.sns-list li {
	display: inline-block;
	padding: 0 5px;
}
.site-foot h2 {
	text-align: center;
}
footer address {
	margin: 20px 0 0;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	font-size: 1rem;
}

img.f_icon{
	margin-bottom:10px;
	margin-left:2px;
}
/*==================================================
content
==================================================*/
section {
	padding: 40px 0;
}
.site-content {
	padding: 50px 0 0;
}
.bg-gray {
	background: #f8f8f8;
}
.bg-brown {
	background: #e3d8cc;
}
.txt-center {
	text-align: center;
}
.txt-en {
	font-family: 'Lora', serif;
	letter-spacing: 2px;
	font-size: 12px;
	font-size: 1.2rem;
}
/*タイトル*/
h2.tit01 {
	text-align: center;
	margin: 0 0 30px;
	line-height: 1em;
}
h3.tit01 {
	text-align: center;
	margin: 0 0 30px;
	font-size: 30px;
	font-size: 3.0rem;
}
/*カラム*/
.col-2, .col-3, .col-4 {
	overflow: hidden;
}
.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-3 .col-box:nth-of-type(3n) {
	margin-right: 0px;
}


/* PC */
@media screen and (min-width:951px) {
#showcase .wrap .col-3 .col-box:nth-of-type(3n+1) {
    clear: both;
	margin-right: 1.66666666;
}
}

/* スマホ */
@media screen and (max-width:950px) {
#showcase .col-3 .col-box:nth-of-type(2n+1) {
    clear: both;
}
}

.col-4 .col-box:nth-of-type(4n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 49.166667%;
	float: left;
	margin: 0 1.66666666% 0 0;
}
.col-2.no-mar .col-box {
	width: 50%;
	margin-right: 0;
}
.col-3 .col-box {
	width: 32.2222222%;
	float: left;
	margin: 0 1.66666666% 0 0;
}

.col-3.no-mar .col-box {
	width: 33.3333333%;
	margin-right: 0;
}
.col-3 .col-box a {
	display: block;
}
.col-4 .col-box {
	width: 24.375%;
	float: left;
	margin: 0 0.83333333% 0 0;
}
/*ボタン*/
.detail-link {
	text-align: center;
	margin: 2em 0 0;
}
.detail-link p {
	display: inline-block;
	border: 1px solid #333;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
}
.detail-link.no-link p {
	padding: 0 25px;
}
.detail-link a {
	display: block;
	padding: 0 25px;
}
.detail-link p:hover {
	color: #fff;
	background-color: #333;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.detail-link a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.detail-link.white p:hover {
	background-color:rgba(255,255,255,0.4);
}

.detail-link.white p {
	border: 1px solid #fff;
}

.page-tit{
	background: url(img/cmn/img_bnr01.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
	height: 79px;
}
.page-tit h1 img{
	height: 22px;
    margin-top: 29px;
}
.breadcrumb {
	margin-top: 10px;
	font-size: 12px;
    font-size: 1.2rem;
}

/*==================================================
index
==================================================*/
.main-img li {
}
.main-img li .wrap {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
}

.main-img .list01 {
	background: url(img/top/main-02-sale.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.main-img .list02 {
	background: url(img/top/main-03-sale.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.main-img .list03 {
	background: url(img/top/main01.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.main-img .txt-box {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.main-img .txt-box img {
	display: inline-block;
}
.news-box .tab {
	text-align: center;
	margin: -10px 0 20px;
}
.news-box .tab li {
	display: inline-block;
	padding: 0 12px;
	margin: 0 6px;
	cursor: pointer;
}
.news-box .tab li.select {
	background: #c9a300;
	border-radius: 5px;
	color: #fff;
}
.news-list {
}
.news-list li {
	margin: 0 0 0.6em;
}
.news-list li a {
	display: block;
	overflow: hidden;
}
.news-list li .cat {
	min-width: 90px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	padding: 5px;
	margin: 3px 1em 0 0;
	border-radius: 5px;
	background: #b4e4ef;
}
.news-list li .cat-info,
.news-list li .cat-company,
.news-list li .cat-media {
 background: #b4e4ef;
}
.news-list li .cat-item {
	background: #ffea55;
}
.news-list li .data {
	width: auto;
	float: left;
	margin: 0 1em 0 0;
}
.news-list li .txt {
	display: block;
	overflow: hidden;
}
.create-box {
	background: url(img/top/img_create.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}
.create-box p.txt {
	text-shadow: 0px 0px 8px rgba(0,0,0,1);
}
.service-box {
	padding-top: 0;
}
.service-box .img-box {
	position: relative;
}
.service-box .img-box h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(153,153,153,0.5);
	padding: 10px;
}
.service-box .txt-box {
	max-width: 320px;
	margin: 1em auto 0;
}

.factory_tour-box{
	margin:0 0 40px;
}
.factory_tour-box h3{
	width:230px;
	margin:0 auto 30px;
}
.factory_tour-box .youtube-txt{
	display:flex;
	justify-content: space-between;
	padding: 30px 0 0 0;
}
.factory_tour-box .youtube-txt .youtube{
	width:460px;
}
.factory_tour-box .youtube-txt .youtube iframe{
	width:460px;
	height:259px;
}
.factory_tour-box .youtube-txt .txt-factory_tour{
	width:440px;
	padding: 20px 0 0;
}

.factory_tour-box .youtube-txt .txt-factory_tour h4{
	margin:0 0 15px;
	font-size:20px;
	font-weight:bold;
}
.factory_tour-box .youtube-txt .txt-factory_tour p{
	font-size:17px;
}
.factory_tour-box .youtube-txt .txt-factory_tour p .mark1{
	font-size:14px;
	padding:10px 0 0;
	display:block;
}
.factory_tour-box .youtube-txt .txt-factory_tour .detail-link{
	float:right;
	margin:1.5em 0 0;
}

.vision-box {
	padding-top: 0;
}
.vision-box h2 {
	background: #e3d8cc;
	padding: 80px 0;
	margin: 0;
}
.vision-box .bg {
	background: url(img/top/img_vision.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 80px 0 150px;
}
.bnr-box {
	margin: 60px 0 0;
}
.bnr-box .col-box a {
	display: block;
	padding: 6%;
}
.bnr-box .txt-box {
	margin: 0 auto;
	color: #fff;
}
.bnr-box .txt-box .txt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2em;
	margin: 0 auto;
	max-width: 250px;
}
.bnr-box .txt-box h3 {
	text-align: center;
	margin: 0 0 1em;
}
.bnr-box .bnr01 a {
	background: url(img/top/img_bnr01.jpg) no-repeat center;
	background-size: cover;
}
.bnr-box .bnr02 a {
	background: url(img/top/img_bnr02.jpg) no-repeat center;
	background-size: cover;
}
.bnr-box .bnr03 a{
	background: url(img/top/futaba-odashi-rogo2.jpg) no-repeat center;
	background-size: cover;
	height: 337.09px;
	border:1px solid #bebebe;
}


.slider-item {
	margin: 0 -15px;
}
.slider-item li {
	padding: 0 15px;
}
.slider-item li a {
	display: block;
}
.slider-item li h3 {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	margin: 0.6em 0 0;
}
/*==================================================
single
==================================================*/
.single .news-box .tab li {
    margin: 0 5px 0 0 !important;
}
.single .wrap-s{
	max-width: 710px;
}
.single-data{
	margin: 1em 0 2em;
	float: left;
    width: 100%;
}
#news.site-content.news-box {
	margin-bottom: 80px;
}
.site-content .news-box .wrap-s{
	max-width: 710px;
}

h1.entry-title {
	font-size: 20px;
	font-size: 2rem;
	margin: 10px 0 1em;
}
h2.archive-tit {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 2em;
	text-align: center;
}
.entry-meta .cat a:after {
	content: " , ";
}
.entry-meta .cat a:last-child:after {
	display: none;
}
/* Responsive images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto;
}
embed, iframe, object, video {
	max-width: 100%;
}

.news_hr{
	margin: 5em 0 3em;
}

.news_hr hr{
	border-style:solid;
	border-color:#CCC;
	height:1px;
	border-width:1px 0px 0px 0px;
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*==================================================
ニュース news
==================================================*/

#news section:first-child{
	padding-top: 10px !important;
}
#news .tab{
	margin-bottom: 3em;
	text-align: left;
}
#news .tab select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    color: #333;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    width: 102px;
    height: 30px;
	padding-left: 6px;
    font-size: 14px;
    font-size: 1.4rem;
}
#news .tab select option{
  background-color: #fff;
  color: #333;
}
#news .tab select::-ms-expand {
  display: none;
}
#news .tab select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
#news .tab .select-wrap {
    position:relative;
    float: right;
    margin-right: 30px;
	margin-top: -2px;
}
#news .tab .select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 10px;
    bottom: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 29px;
    color: #7F878C;
    pointer-events: none;
}
#news .news-box .tab li {
    margin: 0 5px 0 0 !important;
}
#news .news-list li {
    margin: 2em 0 1em;
}


/*==================================================
フタバのものづくり create
==================================================*/
#create section.create-01{
	padding-top: 10px !important;
}
#create section.create-01 .col-2{
	margin-top: 64px !important;
}
#create section.create-01 .tit01{
	margin-bottom: 64px !important;
}
#create .create-02bnr {
	background: url(img/create/bnr_bg01.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#create .create-03bnr {
	background: url(img/create/bnr_bg02.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#create .create-04bnr {
	background: url(img/create/bnr_bg03.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#create .create-01bnr img,
#create .create-02bnr img,
#create .create-03bnr img,
#create .create-04bnr img {
	margin-top: 145px;
}
/*==================================================
原料調達 raw
==================================================*/
#raw .site-content,
#raw .raw-01,
#raw .raw-02{
	padding-top: 4px !important;
}
#raw .raw-01bnr {
	background: url(img/create/raw/bnr_bg01.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#raw .raw-01bnr img {
	margin-top: 145px;
}
#raw p.title {
	text-align: center;
	font-size: 1.6em;
}
#raw section .wrap img {
	margin-top: 60px;
}

/*==================================================
研究開発 research
==================================================*/
#research .site-content,
#research .research-01,
#research .research-02{
	padding-top: 4px !important;
}
#research .research-01bnr {
	background: url(img/create/research/bnr_bg01.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#research .research-01bnr img {
	margin-top: 145px;
}
#research p.title {
	text-align: center;
	font-size: 1.6em;
}
#research section .wrap img {
	margin-top: 60px;
}

/*==================================================
衛生管理 hygiene
==================================================*/
#hygiene .site-content,
#hygiene .hygiene-01,
#hygiene .hygiene-02{
	padding-top: 4px !important;
}
#hygiene .hygiene-01bnr {
	background: url(img/create/hygiene/bnr_bg01.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#hygiene .hygiene-01bnr img {
	margin-top: 145px;
}
#hygiene p.title {
	text-align: center;
	font-size: 1.6em;
}
#hygiene section .wrap img {
	margin-top: 60px;
}

/*==================================================
フタバの事業 business
==================================================*/
#business .business-02,
#business .business-03,
#business .business-04 {
	padding-top: 24px !important;
}
#business h3.tit01{
	margin-bottom: 64px !important;
}
#business .business-01bnr {
	background: url(img/business/bnr_bg01.jpg) no-repeat top center;
	background-size: cover;
	height: 350px;
}
#business .business-01bnr img {
	margin-top: 145px;
}
#business p.title {
	text-align: center;
	font-size: 1.6em;
}
#business .col-2 {
	padding: 0 0 64px 0;
}
#business .col-2.pb0 {
	padding: 0 !important;
}
#business .col-2 .col-box:first-child {
    width: 58.421053%;
    float: left;
    margin: 0 3.157895% 0 0;
}
#business .col-2 .col-box:last-child {
    width: 38.210526%;
    float: left;
    margin: 0 ;
	text-align: center;
}
#business .col-2 .col-box:last-child img{
	margin: 25px 0 32px;
}
#business .col-2 .col-box:last-child p.title{
	text-align: center;
}
#business .col-2 .col-box:last-child p{
	text-align: left;
}
#business .business-03 .col-2 .col-box:last-child{
	margin: 170px 0 0;
}
#business .business-04 .col-2 .col-box:last-child{
	margin: 32px 0 0;
}
#business .business-04 .col-2 .col-box:last-child img{
	margin: 25px 0 64px;
}
#business hr {
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#CCC;
	height:1px;
}

/*==================================================
フタバの商品 product
==================================================*/
#product h2.product-01bnr {
	height: 200px;
	background: url(img/product/bnr_bg01.jpg) no-repeat center top;
	background-size: cover;
	margin-top: 34px;
}
#product h2.product-01bnr img {
	margin-top: 2em;
}
#product h3.tit01 {
    margin: 0 0 64px !important;
}
#product .wrap .img-box,
#product .wrap .txt-box {
	text-align: center;
}
#product .product-01,
#product .product-02,
#product .product-03 {
	text-align: center;
}
#product .product-02 {
	background: #f9f7f4;
	padding: 0 0 40px 0;
    margin-top: 40px;
}
#product .product-03 {
	padding: 0 0 40px;
}
#product .site-foot {
	margin: 0;
}
#product .wrap .col-3{
	margin: 60px auto 0;
}
#product .wrap .col-3 .col-box {
    margin-bottom: 60px !important;
}
#product .wrap .col-3 .col-box .txt-box{
    margin-top: 10px;
}
#product .btn_l {
	width: 96.615385%;
	margin: 0 1.692307% 16px;
	height: 102px;
	border: #e6e6e6 solid 1px;
	background-color: #f9f7f4;
}
#product .col-2 {
	width: 96.615385%;
	margin: 0 1.692307% 16px;
}
#product .col-2 .col-box {
    width: 48.73%;
}
#product .col-2 .col-box:first-child {
    float: left;
}
#product .col-2 .col-box:last-child {
	float: right;
}
#product .product-01 .btn_2 {
	height: 102px;
	border: #e6e6e6 solid 1px;
	background-color: #f9f7f4;
}
#product .product-02 .btn_2 {
	height: 102px;
	background-color: #333333;
}
#product .product-03 .btn_2 {
	height: 102px;
	background-color: #333333;
}
#product .btn_l img,
#product .btn_2 img{
	margin-top: 38px;
}
#product .btn_l a,
#product .btn_2 a{
	display: block;
	height: 102px;
}
#product .btn_l:hover,
#product .col-2 .col-box:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#product h2.product-02bnr {
	height: 200px;
	background: url(img/product/bnr_bg02.jpg) no-repeat center top;
	background-size: cover;
	margin-top: 34px;
}
#product h2.product-02bnr img {
	margin-top: 1.4em;
}
#product h2.product-03bnr {
	height: 200px;
	background: url(img/product/bnr_bg03.jpg) no-repeat center top;
	background-size: cover;
}
#product h2.product-03bnr img {
	margin-top: 1.7em;
}

/*==================================================
フタバ商品紹介 showcase
==================================================*/
#showcase .page-content {
	float: right;
	max-width: 700px;
	width: 100%;
	text-align: center;
}
#showcase .side {
	float: left;
	max-width: 224px;
	width: 100%;
	padding-top: 54px;
}
#showcase .side ul li{
	height: 48px;
	border-bottom: #cccccc solid 1px;
	padding: 16px 0 16px 16px;
}
#showcase .side ul li:first-child{
	border-top: #cccccc solid 1px;
}
#showcase .side ul li a{
	display: block;
	height: 48px;
    line-height: 1em;
}
#showcase .side ul li:hover{
	background-color: #f9f7f4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#showcase .wrap .col-3{
	margin: 60px auto 0;
}
#showcase .wrap .col-3 .col-box {
    margin-bottom: 60px !important;
}
#showcase .wrap .col-3 .col-box .txt-box{
    margin-top: 10px;
}
#showcase .title{
	font-size: 20px;
	margin: 60px 0 5px;
}

/*==================================================
レシピ recipe
==================================================*/
#recipe .page-content {
	float: right;
	max-width: 700px;
	width: 100%;
	text-align: center;
}
#recipe .side {
	float: left;
	max-width: 224px;
	width: 100%;
	padding-top: 54px;
}
#recipe .side ul li{
	height: 48px;
	border-bottom: #cccccc solid 1px;
	padding: 16px 0 16px 16px;
}
#recipe .side ul li:first-child{
	border-top: #cccccc solid 1px;
}
#recipe .side ul li a{
	display: block;
	height: 48px;
    line-height: 1em;
}
#recipe .side ul li:hover{
	background-color: #f9f7f4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#recipe .wrap .col-3{
	margin: 60px auto 0;
}
#recipe .wrap .col-3 .col-box {
    margin-bottom: 60px !important;
}
#recipe .wrap .col-3 .col-box .txt-box{
    margin-top: 10px;
}
#recipe .title{
	font-size: 20px;
	margin: 60px 0 5px;
}
#recipe .side .recipe_btn {
    height: 80px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	margin: 16px 0 0;
	text-align: center;
}
#recipe .side .recipe_btn img {
	margin-top: 31px;
}
#recipe .side .recipe_btn:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*==================================================
過去のメルマガ backnumber
==================================================*/
#backnumber .backnumber01 .wrap{
}

/*==================================================
企業情報 company
==================================================*/
#company .company-01bnr {
	background: url(img/company/bnr_bg01.jpg) no-repeat bottom center;
	background-size: cover;
	height: 350px;
}
#company .company-01 h3.tit01 {
	margin-bottom: 64px;
}
#company .company-01bnr {
	margin-top: 64px;
}
#company .company-01bnr h2.tit01 img {
    margin-top: 110px;
}
#company p.title {
	text-align: center;
	font-size: 1.6em;
}
#company .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}
#company .col-box a {
    height: 102px;
}
#company .col-box img{
	margin-top: 40px;
}
#company .company-box02,
#company .company-box03 {
	margin-top: 90px;
}
#company .company-box03 ul{
	margin-bottom: 20px;
}

/*==================================================
一般事業主行動計画 actionplan
==================================================*/

#actionplan h3{
	font-size:16px;
	font-weight:bold;
}

#actionplan h3.tit01 {
	margin:0;
}

#actionplan h3.tit02 {
	margin:0;
}

#actionplan .actionplan-box02{
	margin:0 0 20px 0;
}

#actionplan .actionplan-box03{
	margin:0 0 20px 0;
}

#actionplan h4.tit01 {
	font-weight:bold;
	text-decoration:underline;
}

#actionplan .text01 {
	margin:0 0 20px 20px;
}

#actionplan ul{
	margin:0 0 0 20px;
}

#actionplan .text01 li{
	list-style:circle;
}




/*==================================================
社長メッセージ message
==================================================*/
#message .message-01 h3.tit01 {
	margin-bottom: 64px;
	line-height: 0;
}
#message.message-02 .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}

#message .col-2 .col-box:first-child {
    width: 32.210526%;
    float: left;
    margin: 0 6.631579% 0 0;
}
#message .col-2 .col-box:last-child {
    width: 61.157895%;
    float: left;
    margin: 0 ;
}
#message .name_eguchi{
	padding: 32px 10px 32px 0;
	text-align: right;
}
#message .message-02 .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}
#message .message-02 .col-box a {
    height: 102px;
}
#message .message-02 .col-box img{
	margin-top: 40px;
}





/*==================================================
会社概要 outline
==================================================*/
#outline section {
	clear: both;
}
#outline dl dt {
	float: left;
	width: 30.227743%;
	margin-right: 3.31263%;
}
#outline dl .mb42 {
	margin-top: 42px ;
}
#outline dl dd {
	float: left;
	width: 66.459627%;
}
#outline .outline-04 .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}
#outline .outline-04 .col-box img{
	margin-top: 40px;
}
#outline .outline-04 .col-box a{
	display: block;
}
#outline .outline-04 .col-box .img-box{
	height: 102px;
}
#outline hr {
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color:#CCC;
	height:1px;
	clear: both;
    padding:  64px 0 0;
    margin: 0 auto;
    box-shadow: none;
    max-width: 950px;
    width: 100%;
}
#outline h3 {
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 32px;
}
#outline .outline-02 ul li h4,
#outline .outline-03 ul li h4 {
	margin-bottom: 6px;
}
#outline .outline-02 ul li,
#outline .outline-03 ul li{
	width: 44.920635%;
	margin-bottom: 32px;
	float: left;
	line-height: 1.6em;
}
#outline .outline-02 ul li:nth-child(odd),
#outline .outline-03 ul li:nth-child(odd){
	margin-right: 10.15873%;
}
.outline-link{
	padding-top: 10px;
}
.outline-link a{
	text-decoration: underline;
}

/*==================================================
沿革 history
==================================================*/
#history .site-content,
#history .history-01{
	padding-top: 4px !important;
}
#history .history-01 h2{
	text-align: center;
	margin: 64px auto 32px;
}
#history dl {
	display: block;
}
#history dl dt {
	display: inline-block;
	width: 22.461538%;
	margin-right: 7.31263%;
	line-height: 3.5em;
	text-align: center;
	position: relative;
}
#history dl dd .border{
	background: #e6e6e6 ;
	width: 1px;
	height: 49px;
	position: absolute;
	left: -47px;
	bottom: -34px;
}
#history dl dd:last-child .border{
	background: none ;
}
#history dl dt p::after{
    content: "";
    width: 9px;
    height: 9px;
    background: #e6e6e6;
    position: absolute;
    top: 1.4em;
    right: -5px;
	border-radius: 8px;
}
#history dl dd {
	display: inline-block;
	width: 66.459627%;
	position: relative;
}
#history section {
	clear: both;
}

#history .history-02 .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}
#history .history-02 .col-box a {
    height: 102px;
}
#history .history-02 .col-box img{
	margin-top: 40px;
}
/*==================================================
採用情報 recruit
==================================================*/
#recruit .site-content,
#recruit .recruit-01{
	padding-top: 4px !important;
}
#recruit .recruit-01 h2{
	text-align: center;
	margin: 64px auto 32px;
}
#recruit dl {
	display: block;
}
#recruit dl dt {
	display: inline-block;
	width: 22.461538%;
	margin-right: 7.31263%;
	text-align: center;
	position: relative;
	vertical-align: top;
	margin-bottom: 16px;
}
#recruit dl dd {
	display: inline-block;
	width: 66.459627%;
	position: relative;
	vertical-align: top;
	margin-bottom: 16px;
}
#recruit section {
	clear: both;
}
#recruit .history-02 .col-box{
    height: 102px;
    border: #e6e6e6 solid 1px;
    background-color: #f9f7f4;
	text-align: center;
}
#recruit .history-02 .col-box a {
    height: 102px;
}
#recruit .history-02 .col-box img{
	margin-top: 40px;
}

#recruit hr {
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#CCC;
	height:1px;
	margin: 32px 0 50px;
}
/*==================================================
お問い合わせ contact
==================================================*/
#contact .contact-01 h3.tit01 {
	margin-bottom: 64px;
	line-height: 0;
}
#contact .contact-01 .tab {
	text-align: center;
	margin: 0 0 20px;
	padding: 32px 0;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
#contact .contact-01 .tab li {
	display: inline-block;
	padding: 0 15px;
	margin: 0 6px;
	cursor: pointer;
}
#contact .contact-01 .tab li.select {
	background: #c9a300;
	border-radius: 5px;
	color: #fff;
}
#contact .contact-01 .tab li:hover {
	background: #c9a300;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#contact dl {
	display: block;
}
#contact dl dt {
	display: inline-block;
	width: 22.615385%;
	margin-right: 4.538461%;
	line-height: 3.5em;
	position: relative;
	vertical-align: top;
}
#contact dl dt.textarea {
	vertical-align: top;
}
#contact dl dd {
	display: inline-block;
	width: 71.846154%;
	position: relative;
	margin: 7px 0;
}
#contact dl dd.ta_dd {
	margin: 10px 0 25px;
}
#contact dl dd.ta_dd textarea {
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#contact input:not([type]),
#contact input[type="email" i],
#contact input[type="number" i],
#contact input[type="password" i],
#contact input[type="tel" i],
#contact input[type="url" i],
#contact input[type="text" i] {
    padding: 1px 0px;
	height: 32px;
	width: 100%;
}
#contact textarea{
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#contact select {
    padding: 1px 0px;
	height: 2.436em;
	line-height: 1.5em;
}
#contact hr {
    margin: 12px 0px 24px;
}
#contact dl span,
#contact span.att{
	color:#f15a24;
}
#contact dl span.mwform-tel-field{
	color: #333;
}
#contact span.mwform-checkbox-field horizontal-item{
	color:#333;
}
#contact p.tc {
	text-align: center;
}
#contact p {
	margin: 32px 0;
}
#contact dd.tel input {
	width: 26%;
}
#contact input#zip {
	width: 20%;
}
#contact input#zip1 {
	width: 26%;
}
#contact input[type="submit"] {
	display: block;
    padding: 12px 25px;
	border-style: none;
	background: none;
	cursor: pointer;
	    font-size: 1.4rem;
}
#contact input[type='text'],
#contact input[type='email']{
	width: 100%;
}

#contact span.mwform-checkbox-field-text,
#contact dl span.mwform-radio-field-text {
	color:#333;
}

/*==================================================
資料請求 request
==================================================*/
#request .contact-01 h3.tit01 {
	margin-bottom: 64px;
	line-height: 0;
}
#request .contact-01 .tab {
	text-align: center;
	margin: 0 0 20px;
	padding: 32px 0;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
#request .contact-01 .tab li {
	display: inline-block;
	padding: 0 15px;
	margin: 0 6px;
	cursor: pointer;
}
#request .contact-01 .tab li.select {
	background: #c9a300;
	border-radius: 5px;
	color: #fff;
}
#request .contact-01 .tab li:hover {
	background: #c9a300;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#request dl {
	display: block;
}
#request dl dt {
	display: inline-block;
	width: 22.615385%;
	margin-right: 4.538461%;
	line-height: 3.5em;
	position: relative;
	vertical-align: top;
}
#request dl dt.textarea {
	vertical-align: top;
}
#request dl dd {
	display: inline-block;
	width: 71.846154%;
	position: relative;
	margin: 9px 0;
}
#request dl dd.ta_dd {
	margin: 10px 0 25px;
}
#request dl dd.ta_dd textarea {
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#request input:not([type]),
#request input[type="email" i],
#request input[type="number" i],
#request input[type="password" i],
#request input[type="tel" i],
#request input[type="url" i],
#request input[type="text" i] {
    padding: 1px 0px;
	height: 32px;
	width: 100%;
}
#request textarea{
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#request select {
    padding: 1px 0px;
	height: 2.436em;
	line-height: 1.5em;
}
#request hr {
    margin: 12px 0px 24px;
}
#request  dl span,
#request span.att{
	color:#f15a24;
}
#request dl span.mwform-tel-field{
	color: #333;
}
#request span.mwform-checkbox-field horizontal-item,
#request span.mwform-checkbox-field-text{
	color:#333;
}
#request p.tc {
	text-align: center;
}
#request p {
	margin: 32px 0;
}
#request dd.tel input {
	width: 26%;
}
#request input#zip {
	width: 20%;
}
#request input#zip1 {
	width: 26%;
}
#request input[type="submit"] {
	display: block;
    padding: 12px 25px;
	border-style: none;
	background: none;
	cursor: pointer;
	    font-size: 1.4rem;
}

#request input[type='text'],
#request input[type='email']{
	width: 100%;
}

#request span.mwform-checkbox-field-text,
#request dl span.mwform-radio-field-text {
	color:#333;
}

/*==================================================
工場見学 factorytour
==================================================*/
#factorytour .factory_tour-box{
	margin:0 0 30px;
}
#factorytour .factory_tour-box .youtube-txt{
	display:flex;
	justify-content: space-between;
}
#factorytour .factory_tour-box .youtube-txt .youtube{
	width:320px;
}
#factorytour .factory_tour-box .youtube-txt .youtube iframe{
	width:320px;
	height:180px;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour{
	width:320px;
	padding: 0;
}

#factorytour .factory_tour-box .youtube-txt .txt-factory_tour h4{
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour p{
	font-size:14px;
	margin:0;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour p .mark1{
	font-size:12px;
	padding:10px 0 0;
	display:block;
}

#factorytour .contact-01 h3.tit01 {
	margin-bottom: 64px;
	line-height: 0;
}
#factorytour .contact-01 .tab {
	text-align: center;
	margin: 0 0 20px;
	padding: 32px 0;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
#factorytour .contact-01 .tab li {
	display: inline-block;
	padding: 0 15px;
	margin: 0 6px;
	cursor: pointer;
}
#factorytour .contact-01 .tab li.select {
	background: #c9a300;
	border-radius: 5px;
	color: #fff;
}
#factorytour .contact-01 .tab li:hover {
	background: #c9a300;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#factorytour dl {
	display: block;
}
#factorytour dl dt {
	display: inline-block;
	width: 22.615385%;
	margin-right: 4.538461%;
	line-height: 3.5em;
	position: relative;
	vertical-align: top;
}
#factorytour dl dt.textarea {
	vertical-align: top;
}
#factorytour dl dd {
	display: inline-block;
	width: 71.846154%;
	position: relative;
}
#factorytour dl.formlist dd {
	margin: 7px 0;
}
#factorytour dl dd.ta_dd {
	margin: 10px 0 25px;
}
#factorytour dl dd.ta_dd textarea {
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#factorytour input:not([type]),
#factorytour input[type="email" i],
#factorytour input[type="number" i],
#factorytour input[type="password" i],
#factorytour input[type="tel" i],
#factorytour input[type="url" i],
#factorytour input[type="text" i] {
    padding: 1px 0px;
	width: 100%;
}
#factorytour textarea{
    padding: 1px 0px;
	width: 100%;
	height: 14em;
	line-height: 1.5em;
}
#factorytour select {
    padding: 1px 0px;
	height: 2.436em;
	line-height: 1.5em;
}
#factorytour hr {
    margin: 12px 0px 24px;
}
#factorytour  dl span,
#factorytour span.att{
	color:#f15a24;
}
#factorytour dl span.mwform-tel-field{
	color: #333;
}
#factorytour span.mwform-checkbox-field horizontal-item{
	color:#333;
}
#factorytour p.tc {
	text-align: center;
}
#factorytour p {
	margin: 32px 0;
}
#factorytour dd.tel input {
	width: 26%;
}
#factorytour input#zip {
	width: 20%;
}
#factorytour input#zip1 {
	width: 26%;
}
#factorytour input[type="submit"] {
	display: block;
    padding: 12px 25px;
	border-style: none;
	background: none;
	cursor: pointer;
	font-size: 1.4rem;
}
#factorytour dl.ftdl,
#factorytour dl.ftdl dt,
#factorytour dl.ftdl dd{
	box-sizing: border-box;
	vertical-align: top;
}
#factorytour dl.ftdl{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}
#factorytour dl.ftdl dt{
	border-top: 1px solid #ccc;
	padding-left: 10px;
    width: 24.5%;
    margin: 0 -1% -1% 0;
}
#factorytour dl.ftdl dd{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
    width: 76%;
    margin-right: -4%;
}
#factorytour input[type='text'],
#factorytour input[type='email']{
	width: 100%;
}

#factorytour dl span.mwform-radio-field-text {
	color:#333;
}

/*==================================================
工場直売店 d_shop
==================================================*/
#d_shop .site-content, #d_shop .d_shop-01 {
	padding-top: 4px !important;
}
#d_shop .d_shop-01 h2 {
    text-align: center;
    margin: 64px auto;
}
#d_shop .d_shop-01bnr img {
	margin-top: 145px;
}
#d_shop p.title {
	text-align: center;
	font-size: 1.6em;
}
#d_shop .col-2:first-child {
	padding: 0 0 16px 0;
}
#d_shop .col-2:last-child {
	padding: 0 0 64px 0;
}
#d_shop .col-2 .col-box:first-child {
    width: 58.421053%;
    float: left;
    margin: 0 3.157895% 0 0;
}
#d_shop .col-2 .col-box:last-child {
    width: 38.210526%;
    float: left;
    margin: 0 ;
	text-align: center;
	vertical-align: bottom;
}
#d_shop .col-2 .col-box:first-child img:first-child{
	margin: 0 ;
}
#d_shop .col-2 .col-box:last-child img{
	margin: 34px 0 0;
}
#d_shop .col-2 .col-box:last-child h3{
	text-align: left;
	font-size: 20px;
	margin-bottom: 32px;
}
#d_shop .col-2 .col-box:last-child p{
	text-align: left;
	font-size: 14px;
}
#d_shop .business-03 .col-2 .col-box:last-child{
	margin: 170px 0 0;
}
#d_shop .business-04 .col-2 .col-box:last-child{
	margin: 32px 0 0;
}
#d_shop .business-04 .col-2 .col-box:last-child img{
	margin: 25px 0 64px;
}

/*==================================================
プライバシーポリシー privacy
==================================================*/
#privacy h3.tit01{
	font-size: 20px;
	margin-top: 64px;
}

/*==================================================
ご利用ガイド guide
==================================================*/
#guide h3.tit01{
	font-size: 20px;
	margin-top: 64px;
}


@media screen and (max-width: 1100px) {
.gnavi li {
    padding: 0 15px;
}
.gnavi li:last-child {
    padding: 0 0 0 15px;
}
}
@media screen and (max-width: 970px) {
.gnavi li {
    padding: 0 10px;
}
.gnavi li:last-child {
    padding: 0 0 0 10px;
}
#d_shop .col-2 .col-box:last-child img{
	margin: 9% 0 0;
}
#message .col-2 .col-box:first-child img{
	height: auto !important;
}
img.wideimage{
	width: 100%;
	height: auto !important;
}
}


@media screen and (max-width: 900px) {
.gnavi li img {
    height: 12px;
}
}

 @media screen and (max-width: 950px) {
#showcase .side.sp,
#recipe .side.sp{
	display: block;
}
#showcase .side.pc,
#recipe .side.pc {
	display: none;
}
#showcase .page-content,
#recipe .page-content{
	 max-width: 100%;
}

#showcase .side,
#recipe .side{
    float: ;
    max-width: none;
    width: 90%;
    margin: 0 5% 5%;
	text-align: center;
}
#showcase .wrap .side,
#recipe .wrap .side{
	position: relative;
}
.category_btn{
	display: block;
	width: 100%;
	background-color: #f2f2f2;
	border: 1px solid #e3e3e3;
	height: 60px;
    background-size: 8px;
}
.category_btn img{
	margin-bottom: 4px;
}
#category{
	display:none; /* 最初は非表示 */
	width:100%;
 	position: absolute;
	z-index:999;
	bottom: 0px;
	left: 0px;
	background: #f2f2f2;
	padding: 3% 5% 5%;
}
#showcase .side ul li,
#recipe .side ul li {
	display: inline-block;
    height: auto;
	margin: 5px 16px;
	border: none;
}
#showcase .side ul li:first-child,
#recipe .side ul li:first-child {
    border: none;
}
#showcase .side ul li a,
#recipe .side ul li a {
    display: block;
    height: auto;
    line-height: 1em;
}
#showcase .side .recipe_btn,
#recipe .side .recipe_btn {
    margin: 16px 2% 0;
	width: 46%;
	float: left;
	height: 50px;
}
#showcase .side .recipe_btn img,
#recipe .side .recipe_btn img {
    margin-top: 17px;
}
#showcase .wrap .col-3,
#recipe .wrap .col-3 {
	margin: 60px auto 0;
}
#showcase .wrap .col-3 .col-box,
#recipe .wrap .col-3 .col-box {
	width: 46% !important;
	margin: 0 2% 40px !important;
	float: left !important;
}
#showcase .wrap .col-3 .col-box .img-box img,
#recipe .wrap .col-3 .col-box .img-box img {
	height: auto !important;
}
#showcase .wrap .col-3 .col-box .txt-box,
#recipe .wrap .col-3 .col-box .txt-box {
    margin-top: 10px;
}
#showcase .side .close,
#recipe .side .close{
    background: url(img/cmn/arrow_down_f.png) no-repeat center 30px;
    background-size: 12px;
    padding-bottom: 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}
}

@media screen and (max-width: 800px) {
/*==================================================
cmn
==================================================*/
body {
	line-height: 1.8em;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.wrap, .wrap-s, .wrap-ss {
	padding: 0 5%;
	max-width: 100%;
}
/*==================================================
head
==================================================*/
.site-header {
	position: relative;
	height: 60px;
	padding: 0;
}
.site-header h1 {
	width: 126px;
	padding: 12px 0 11px;
	float: none;
	margin: 0 auto;
}
.gnavi {
	display: none;
}
#gnavi-s {
	display: none;
	width: 100%;
	position: absolute;
	top: 59px;
	left: 0;
	padding: 0;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #eee;
}
#gnavi-s li a {
	display: block;
	padding: 10px 15%;
	border-top: 1px solid #eee;
	background: #fff;
}
#gnavi-s li.detail span {
	border: 1px solid #333;
	background: none;
	padding: 6px 15px;
	border-radius: 14px;
}
#gnavi-s li span {
	background: url(img/cmn/arrow_down_f.png) no-repeat center right;
	background-size: 18px;
	padding-right: 30px;
}
#gnavi-s li a.active span {
	background: url(img/cmn/arrow_up_f.png) no-repeat center right;
	background-size: 18px;
	padding-right: 30px;
}
#gnavi-s li ul {
	display: none;
}
#gnavi-s li ul span {
	background: url(img/cmn/arrow01.png) no-repeat center left;
	background-size: 8px;
	padding-left: 15px;
}
#gnavi-s li ul li a {
	border: none !important;
}
.button-toggle {
	position: absolute;
	top: 13px;
	left: 15px;
	display: block;
	z-index: 100;
}
.button-toggle.shop {
 position:;
	top: 0;
	left: inherit;
	right: 0;
	display: block;
	z-index: 100;
}
#gnavi-s .shop img {
	vertical-align: middle;
	margin: 0 30px 0 0;
}
#gnavi-s .shop li a {
	padding: 10px;
	text-align: center;
}
#gnavi-s .shop span {
	background: url(img/cmn/arrow01.png) no-repeat center right;
	background-size: 10px;
	padding-right: 20px;
}
/*==================================================
foot
==================================================*/
.site-foot {
	margin: 0px 0 0;
	padding-top: 0px;
	padding-bottom: 20px;
	background: #f2f2f2;
	overflow: hidden;
}
.fnavi {
	overflow: hidden;
	margin: 0 -5.5%;
	border-bottom: 1px solid #e3e3e3;
}
.fnavi ul {
	width: 100%;
	float: none;
	font-size: 100%;
}
.fnavi ul li {
	border-top: 1px solid #e3e3e3;
}
.fnavi ul li a {
	display: block;
	padding: 10px 15%;
}
.fnavi ul li.pad span {
	padding-left: 1em;
}
.fnavi ul li.pad ul li {
	padding-left: 2em;
}
.fnavi ul ul {
	width: 100%;
	float: none;
	position: relative;
	margin-left: 0;
	overflow: hidden;
	display: none;
}
.fnavi ul ul:before {
	display: none;
}
.fnavi ul ul li {
	position: relative;
	padding: 0 0 0 1em;
}
.fnavi ul ul li:before {
	display: none;
}
.fnavi ul li span {
	background: url(img/cmn/arrow_down_f.png) no-repeat center right;
	background-size: 18px;
	padding-right: 30px;
}
.fnavi ul li a.active span {
	background: url(img/cmn/arrow_up_f.png) no-repeat center right;
	background-size: 18px;
	padding-right: 30px;
}
.site-foot h2 {
	text-align: center;
}
.sns-list {
	margin: 30px 0;
}
footer address {
	margin: 20px 0 0;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	font-size: 1rem;
}
img.f_icon{
	margin-bottom:7px;
	margin-left:4px;
}
/*==================================================
content
==================================================*/
section {
	padding: 50px 0;
}
/*タイトル*/
/*カラム*/
.col-2, .col-3, .col-4 {
	overflow: hidden;
}
.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
/*.col-3 .col-box:nth-of-type(3n) {
	margin-right: 0px;
}*/
.col-3 .col-box:nth-of-type(2n+1) {
    clear: both;
	margin-right: 0px;
}
.col-4 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 100%;
	float: none;
	margin: 0;
}
.col-3 .col-box, .col-3.no-mar .col-box {
	width: 100%;
	float: none;
	margin: 0;
}
.col-4 .col-box {
	width: 100%;
	float: left;
	margin: 0;
}


.bnr-box .bnr03 a{
	background: url(img/top/futaba-odashi-rogo2.jpg) no-repeat center;
	background-size: cover;
	height: 86vw;
	border:1px solid #bebebe;
}



/*ボタン*/

/*==================================================
index
==================================================*/
.main-img li .wrap {
	height: 340px;
}
.slick-dots {
	display: none !important;
}
.news-box .tab {
	text-align: center;
	margin-bottom: 5px;
}
.news-box .tab li {
	margin: 0 0 15px;
}
.site-content .news-box .tab li{
	padding: 0 12px 0;
}
.create-box {
	padding-top: 50px;
	padding-bottom: 50px;
}
.service-box .col-box {
	margin: 0 0 30px !important;
}
.service-box .col-box:last-child {
	margin: 0 0 !important;
}
.business-box {
	padding-top: 0;
}

.factory_tour-box{
	margin:0;
	padding:0 0 10vw
}
.factory_tour-box h3{
	width:60%;
	margin:0 auto 6vw;
}
.factory_tour-box .youtube-txt{
	display:block;
}
.factory_tour-box .youtube-txt .youtube{
	width:100%;
}
.factory_tour-box .youtube-txt .youtube iframe{
	width:100%;
	height:50.7vw;
}
.factory_tour-box .youtube-txt .txt-factory_tour{
	padding: 2vw 0 0;
	width:100%;
}
.factory_tour-box .youtube-txt .txt-factory_tour h4{
	margin:0 0 2vw;
	font-size: 1.8rem;
	font-weight:bold;
	text-align:center;
}
.factory_tour-box .youtube-txt .txt-factory_tour p{
	font-size: 1.4rem;
}
.factory_tour-box .youtube-txt .txt-factory_tour p .mark1{
	font-size: 1.2rem;
	padding:1vw 0 0;
	display:block;
}
.factory_tour-box .youtube-txt .txt-factory_tour .detail-link{
	float: none;
	margin:1em 0 0;
}


.vision-box h2 {
	padding: 50px 0;
}
.bnr-box {
	margin-left: -5.5%;
	margin-right: -5.5%;
}
.col-2 .col-box.bnr01 {
	margin: 0 0 20px;
}
.vision-box .sp {
	padding-top: 10px;
	padding-bottom: 30px;
}
.business-box .wrap-s {
	padding: 0;
}
.vision-box .bg {
	background: url(img/top/img_vision.jpg) no-repeat left bottom;
	background-size: cover;
	padding: 0;
	height: 250px;
}
	.slider-item {
	margin: 0 -5px;
}
.slider-item li {
	padding: 0 5px;
}

	.slick-prev, .slick-next{
		top:32%;
	}
	.slick-prev {
	left: -5px !important;
}

.slick-next {
	right: -5px !important;

}

#news .news-box .tab li {
    margin: 0 0 15px !important;
}
#news .tab .select-wrap {
    display: block;
	margin-right: 0;
}

.single .news-box .tab li {
    margin: 0 0 15px 0 !important;
}

.col-2.no-mar .col-box {
    width: 100%;
    margin-right: 0;
}
#create .create-01bnr,
#create .create-02bnr,
#create .create-03bnr,
#create .create-04bnr,
#raw .raw-01bnr,
#research .research-01bnr,
#hygiene .hygiene-01bnr,
#business .business-01bnr,
#product h2.product-01bnr {
}

#create .create-02bnr img,
#create .create-03bnr img,
#create .create-04bnr img {
    height: 220px !important;
    padding-top: 90px;
    margin: auto;
}

#create .create-01bnr img,
#raw .raw-01bnr img,
#research .research-01bnr img,
#hygiene .hygiene-01bnr img,
#business .business-01bnr img {
	width: 50%;
    height: auto !important;
    padding-top: 50px;
    margin: auto;
}
.col-2 .col-box{
	float: none !important;
	width: 100% !important;
}
#create .create-02bnr,
#create .create-03bnr,
#create .create-04bnr {
    height: 300px;
}
#business .business-03 .col-2 .col-box:last-child,
#business .business-04 .col-2 .col-box:last-child{
    margin: 0 !important;
}
#product h2.product-01bnr img {
	width: 80%;
	height: auto !important;
	margin-top: 19px;
}
	#product .btn_l {
    margin: 0 1.692307% 0;
}
#product .product-01 .col-2 .col-box .btn_2:last-child,
#product .product-02 .btn_2:last-child,
#product .product-03 .btn_2:last-child{
	margin-top: 32px;
}

#showcase .side ul li,
#recipe .side ul li {
    padding: 5px 0 !important;
}

#company .company-01bnr h2.tit01 img{
	width: 80%;
	height: auto !important;
}
#message .message-01 h3.tit01 img,
#company .company-box01 h3.tit01 img{
	width: 100%;
	height: auto !important;
	max-width: 452px;
}
#company .col-box,
#message .col-box,
#outline .col-box,
#history .col-box,
#recruit .col-box{
	margin-bottom: 32px;
}
	#message .message-01 .col-2 .col-box:first-child img{
		width: 100%;
		height: auto !important;
		margin-bottom: 32px;
	}
#history dl dt {
	vertical-align: top;
	line-height: 1.8em;
}
#history dl dd .border{
	background: #e6e6e6 ;
	width: 1px;
	height: 49px;
	position: absolute;
	left: -11%;
    bottom: -11px;
}
#history dl dd:last-child .border{
	background: none ;
}
#history dl dt p::after{
    content: "";
    width: 9px;
    height: 9px;
    background: #e6e6e6;
    position: absolute;
    top: 0.6em;
    right: -5px;
	border-radius: 8px;
}
#history dl dd {
	vertical-align: top;
}
#history section {
	clear: both;
}

#contact .contact-01 .tab li,
#request .contact-01 .tab li,
#factorytour .contact-01 .tab li{
	margin: 0 1%;
	font-size: 12px;
}
#contact dl dt,
#contact dl dd,
#request dl dt,
#request dl dd,
#factorytour dl dt,
#factorytour dl dd{
    display: block;
    width: 100%;
    margin-right: 0;
}
input {
	width: 100%;
}
input[type="checkbox"] {
	width: auto !important;
}
dd.tel input {
	width: 30% !important;
}
input#zip {
	width: 40% !important;
}
input#zip1 {
	width: 54% !important;
}
#contact select,
#request select,
#factorytour select {
	width: 100% !important;
}
.contact-01 .tit01 img{
}

#backnumber .backnumber01 TABLE TBODY TR TD TABLE TBODY TR TD{
	width: 100%;
	display: block;
}

#factorytour .factory_tour-box{
	margin:0 0 3vw;
}
#factorytour .factory_tour-box .youtube-txt{
	display: block;
}
#factorytour .factory_tour-box .youtube-txt .youtube{
	width:100%;
}
#factorytour .factory_tour-box .youtube-txt .youtube iframe{
	width:100%;
	height:50.7vw;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour{
	width:100%;
	padding: 0;
}

#factorytour .factory_tour-box .youtube-txt .txt-factory_tour h4{
	margin:0 0 1vw;
	font-size: 1.8rem;
	font-weight:bold;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour p{
	font-size: 1.4rem;
	margin:0;
}
#factorytour .factory_tour-box .youtube-txt .txt-factory_tour p .mark1{
	font-size: 1.2rem;
	padding:1vw 0 0;
	display:block;
}

#factorytour dl.ftdl{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}
#factorytour dl.ftdl dt{
	border-top: 1px solid #ccc;
	padding-left: 10px;
    width: 100%;
    margin: 0;
	background-color: #F6F6F6;
}
#factorytour dl.ftdl dd{
	border-top: 1px solid #ccc;
	border-left: none;
	padding: 12px 0 12px 10px;
    width: 100%;
    margin-right:0;
}

#d_shop .col-2 {
    padding: 0 0 16px 0 ;
}
#d_shop .col-2 .col-box:last-child {
    margin: 32px 0 ;
}
#contact dl dd.mailmaga_check,
#request dl dd.mailmaga_check {
    margin: 0 !important;
}
}

@media screen and (max-width: 600px) {
#create .create-02bnr img,
#create .create-03bnr img,
#create .create-04bnr img {
	padding-top: 50px !important;
    height: 158px !important;
}
#create .create-02bnr,
#create .create-03bnr,
#create .create-04bnr {
    height: 200px;
}
#product h2.product-01bnr img {
	height: 20%;
	margin-top: 45px;
}
}