@charset "utf-8";
/*
Theme Name: Fuji Joyful Kougyo Co,.Ltd.
Theme URI: http://www.fjk-tokyo.co.jp/
Description: 企業サイトテーマ for FJK
Author: FJK
Version: 202508
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

/*base
---------------------------------------*/
html {
	font-size: 62.5%;
	padding: 0;
	margin: 0 0 0.1em 0;
	overflow: auto;
	height: 100%;
}	
	
body {
	font-family: "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Helvetica, Arial, sans-serif!important;
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 1.4;
	background: #edf0eb url(img/bg.gif) repeat;
}

/*link
---------------------------------------*/

a{ 
	color: #0066CC;
	text-decoration:none;
}

a:hover{
	color: #808080;	
	text-decoration: none;
}

a:visited{
	color: #743399;
	text-decoration: none;
	outline: none;
}

/*clearfix
---------------------------------------*/

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clearfix {
	overflow: hidden;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*h
---------------------------------------*/

/*h1,*/ h2 h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/*2025投稿single*/
.single-w{ max-width: 1000px; padding: 30px 50px;	font-size: 1.4em;}

.single-w .entry-content { font-size: 1.2em; line-height:1.6; }


/*2025カテゴリbs5*/
.row {
    display:flex;
    flex-wrap:wrap;
		border-bottom: 10px solid #f7f7f7;
		margin: 5px;
		padding: 10px;
		width: 900px;
}
.row>* {
    flex-shrink:0;
    width:100%;
    max-width:100%;
}
/*lg*/
    .col-lg {
        flex:1 0 0%
    }
    .col-lg-auto {
        flex:0 0 auto;
        width:auto
    }
    .col-lg-1 {
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-lg-2 {
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-3 {
        flex:0 0 auto;
        width:25%
    }
    .col-lg-4 {
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-lg-5 {
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-lg-6 {
        flex:0 0 auto;
        width:50%
    }
    .col-lg-7 {
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-lg-8 {
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-lg-9 {
        flex:0 0 auto;
        width:75%
    }
    .col-lg-10 {
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-lg-11 {
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-lg-12 {
        flex:0 0 auto;
        width:100%
    }

.date { font-size: 1em;}
.nwtl { font-size: 1.3em;}




/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#main { /*どこか不明*/
	width: 1040px;/*width: 900px;*/
	/*	width: 900px; font-size: 1.1em; add */
}

#container {
	float: left;
	margin: 20px -240px 0 0;
	width: 640px;
	background: #fff;
}

#content {
	margin: 20px 0 0 20px;
	width: 780px;
	/*background: #ccc;width: 620px;*/
	float: left;
}

/*attachment*/
#main-single {
	margin: 20px 20px 20px 50px;
	font-size: 1.2em;
}

/*
#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

#content {
	margin: 0 280px 0 20px;
}*/

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
	margin: 40px 0 0 0;
	/*margin: 40px 20px 0 0;*/
}

.one-column #content {
	margin: 0 auto;
	width: 640px;
}

.single-attachment #content {
	margin: 0 auto;
	width: 900px;/*width: 900px;*/
}



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper-h {
	margin: 0 auto;
	padding: 0;
	width: 1040px;
	/*width: 900px;　width: 940px;*/
	background:#FFF;
	/*display: flex;
	flex-direction: column;*/
}

a#wrapper-h {	margin-top: 20px; padding-top: -20px; }


#wrapper {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 1040px;
	/*width: 900px;　width: 940px;*/
	background:#FFF;
    /*背景が利かないので追加*/
    height: auto;
    min-height: 500px;
    overflow:hidden;
    
	/*display: block;*/
}

/* =Content Page
-------------------------------------------------------------- */
/*--- flex ---*/
#sidebar {
	width: 224px;
	margin: 0;
	padding: 0 25px 0 20px;
	display: block;
	float: left;
}

#mainpage {
	width: 746px;/*width: 610px;*/
	background-color:#FFF;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font-size: 1.4em;
	/*display: flex;
	flex-direction: column;*/
}

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


/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	/*margin-right: 20px; 2501*/
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	/*font-size: 14px; add*/
}
#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */


/* =Header
-------------------------------------------------------------- */

#header {
	/*margin: 0 auto;*/
	margin-top: 0!important;
	padding: 0;	/*padding: 30px 0 0 0;*/
	width: 1040px;
	background: #FFF;
}
/*
#site-title {
	float: left;
	margin: 0 0 18px 0;
	width: 700px;
	font-size: 30px;
	line-height: 36px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}*/

#site-description h1 {
	margin: 0;
	padding: 3px 0 0 10px;
	width: 1030px;
	/*width: 970px;background: none!important;*/
	height: 18px;
	background: #edf0eb url(img/bg.gif) repeat-x;
	color: #000;
	font-size: 1.2em!important;
	font-weight: normal;
	letter-spacing: 0.1em;
	display: block;
}

.hdr-c{ 
	width: 1040px; height:82px;
	display: flex;
	flex-direction: row;
}
/* header logo */
.logo {
	width: 280px;
	display:block;
	float:left;	
	margin: 13px 0 11px 20px;
	padding: 0;
}

/* header right */
.hdr-r {
	width:406px;
	float:left;
	margin: 13px 25px 11px auto;
	padding: 0 20px 0 0;
	text-align: right;
	display: flex;
	flex-direction: row;
	justtify-content: flex-end;/**/
}

.hdr-r img{ margin-right: 0;}

img.h-form { margin: 13px 10px 10px 15px;}

/* This is the custom header image */
#branding img {
	clear: both;
	border-top: 4px solid #000;
	display: block;
	border-bottom: 1px solid #000;
}


/* =Menu Global add
-------------------------------------------------------------- */

.navbar {
	width: 1040px;
	margin: 0;
	padding: 0;
	background: rgb(245,221,144);
	background: linear-gradient(180deg, rgba(245,221,144,1) 0%, rgba(230,146,4,1) 100%); 
	border-bottom: 5px solid rgba(159,160,163,1); /*#9FA0A3*/
}

ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
    
ul.nav li {
  float: left;
}
 
ul.nav li a {
  display: block;
  color: #000;
	font-size: 1.5em!important;
	font-weight: bold;
  text-align: center;
  padding: 16px 15px 13px 15px;
  text-decoration: none;
	background: rgb(245,221,144);
	background: linear-gradient(180deg, rgba(245,221,144,1) 0%, rgba(230,146,4,1) 100%); 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

ul.nav li a:hover {
	background: rgb(239,210,109);
	background: linear-gradient(180deg, rgba(239,210,109,1) 0%, rgba(250,214,98,1) 100%); 
}

ul.nav li.active {
  background-color: #04AA6D;
}
ul.nav li {
  border-right: 1px solid #bbb;
}
 
ul.nav li:first-child {
  border-left: 1px solid #bbb;
}


/*----- 現在地リンク ----*/
#present {
	width: 950px;
	margin: 10px 20px 0px 20px;
	font-size: 1.1em;
}

/* =Content Home 一番下へ移動
-------------------------------------------------------------- */

/* =Content Page
-------------------------------------------------------------- */
/*----- サイドナビ--------*/

#sidebar h2{
	margin: 30px 0 0 0;
	padding: 10px 15px 0 15px;
	background: url(img/sidebarmenu_ttl_bg.gif) no-repeat;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	height: 30px;  /* 30px (背景BG 高px)-(padding-top) */
}

/*ローラーチェーン 高さ2倍追加 240610*/
#sidebar h2.t-h2{
	margin: 30px 0 0 0;
	padding: 10px 6px;
	/*padding: 10px 15px 8px 15px;*/
	background-image: url(img/sidebarmenu_ttl_bg2.gif);
	background-repeat: repeat-y;
	border: 1px solid #a3a3a5;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	height:  auto;  /* 30px (背景BG 高px)-(padding-top) */
}

#sidebar h2 a, #sidebar h2.t-h2 a{ color:#000!important;}

ul.sidebarmenu  {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;}

ul.sidebarmenu li {
	background: url(img/i_sidebarmenu.gif) no-repeat;
	border-bottom: 1px dotted #808080;
	font-size: 1.4em;
	display: block;
	width: 224px;
	line-height: 2.0em!important;
	/*height: 32px;*/
}

ul.sidebarmenu li a{	
	padding: 6px 0 0 20px;
	display: block;
	color: #333;
	/*width: 244px;
	height: 32px;*/
}

ul.sidebarmenu li a:hover {	
	padding-top: 6px;
	background: url(img/i_sidebarmenu_over.gif) no-repeat;
	display: block;
	/*width: 244px;
	line-height: 100%;*/
	color: #000;
}


/*2階層目*/

#sidebar ul.sidebarmenu li ul.children li {
	background: url(img/i_sidebarmenu.gif) no-repeat;
	border-bottom: 1px dotted #808080;
	font-size: 1.4em;
	display: block;
	width: 224px;
	height: 32px;
}

#sidebar ul.sidebarmenu li ul.children li a{	
	padding: 6px 0 0 20px;
	display: block;
	/*width: 244px;
	height: 32px;*/
}

#sidebar ul.sidebarmenu li ul.children li a:hover {	
	padding-top: 6px;
	background: url(img/i_sidebarmenu_over.gif) no-repeat;
	display: block;
	/*width: 244px;
	line-height: 100%;*/
	color: #808080;
}

/*----- メインタイトル--------*/

#mainpage h2, .homemain h2{	
	margin: 0;
	padding: 6px 10px 0px 10px;
	/*margin: 0 0 15px 0;
	padding: 6px 10px 5px 10px;*/
	line-height: 140%;
	font-size: 1.4em!important;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
	border-top: 3px solid #ada59d;
	border-bottom: 1px dotted #ada59d;
	min-height: 24px;
}

/*
#mainpage h3{	
	margin: 0 0 5px 0;
	padding: 6px 10px 5px 19px;
	background: url(img/h3_bg.gif) no-repeat;
	line-height: 140%;
	font-size: 1.2em!important;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
}
*/

#mainpage h3 {
	padding: 10px 15px;
	line-height: 1.5;
	font-size: 1.2em!important;
	color: #000;
	font-weight: bold;
	border-radius: 4px 4px 4px 4px;
	background: rgb(241,230,205);
	background: linear-gradient(180deg, rgba(241,230,205,1) 0%, rgba(220,212,193,1) 100%); 	
}

#mainpage h4{	
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url(img/bg_h4.gif) no-repeat;
	line-height: 140%;
	ffont-size: 1.2em!important;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;}

/*--- ご挨拶用 ---*/
#mainpage .aisatsu {
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 700px;
	background-color:#F2F2F2;
}

/*----- リスト：方針--------*/

h3.h-cmp { 	font-size: 1.4em!important; font-weight: normal!important;}

ol.list-cmp  {	
	margin: 0.313em 0 2.5em 0.313em!important;
	padding: 0;
	list-style: circle!important;
	list-style-position:inside!important;}

ol.list-cmp li {	
	background: none;
	border-bottom: none;
	font-size: 1.3em!important;
	list-style: circle!important;
	list-style-position:inside!important;
	line-height: 2.0em;
	display: block;}

ul.list-cmp  {	
	margin: 0.313em 0 2.5em 0.313em!important;
	padding: 0;
	list-style: circle!important;
	list-style-position:inside!important;}

ul.list-cmp li {	
	background: none;
	border-bottom: none;
	font-size: 1.3em!important;
	list-style: circle!important;
	list-style-position:inside!important;
	line-height: 2.0em;
	display: block;}



#mainpage .entry-content p{	
	margin: 5px 0 8px 8px;
	padding: 0;
	font-size: 1.2em!important;
	line-height: 150%;
}

#mainpage  p.alignright{	
	margin: 5px 20px 8px 0;
	padding: 0;
	text-align: right;
}


#mainpage p.ttl, #homecontent p.ttl{	
	margin: 0 0 0px 8px;
	padding: 0;
	font-size: 1.2em!important;
	line-height: 150%;
	font-weight: bold;
}


#mainpage p.tline, #homecontent p.tline{
	margin: 0 0 8px 8px;
	padding: 0;
	font-size: 1.2em!important;
	line-height: 150%;
	border-bottom: 2px solid #c0c1bf;
	font-weight: bold;
}

/*ホーム、ポイント1～3*/
#mainpage p.tline2, #homecontent p.tline2{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1.2em!important;
	line-height: 150%;
	border-bottom: 1px dotted #c0c1bf;
	font-weight: bold;
}

#mainpage p.txts, #homecontent p.txts{	
	margin: 0 0 8px 8px;
	padding: 0;
	font-size: 1.0em!important;
	line-height: 150%;
}


#mainpage dl{	
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#mainpage dl dt{	
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #73d7e4;
}

#mainpage dl dd{	
	margin: 0;
	padding: 10px 0 20px 0;
}

/*--------リスト製品-------*/

#mainpage ul.prdlist {
	width: 230px;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 1.1em!important;
	line-height: 160%;
	float: left;
}

/*= mainpage image
--------------------------------------------*/

#mainpage img.imgleft {
	float: left;
	padding: 0 2px 10px 0;
	display: block;
}

#mainpage img.imgright {
	float: right;
	padding: 0 0 0 2px;
}

#mainpage img.imgleft1 {
	float: left;
	padding: 0 15px 15px 0;
	display: block;
	clear: both;
}

#mainpage img.imgright1 {
	float: right;
	padding: 0 0px 0 15px;
}


#mainpage .imgcenter {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/* ----ページタイトル画像 2501----*/
img.imgup1 {
	padding: 10px 0 20px 0;
	display: block;
	width: 738px; height: 108px;
}

.clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	line-height: 0;
}


/*----- 2401spr追加 -----*/

.sprimg-1 img, .sprimg-2 {
	display: flex;
	justify-content:flex-start;
}

.sprimg-1 img, .sprimg-2 img {
	display: flex;
	justify-content:flex-start;
	align-items:flex-center;
}
.sprimg-1 img, .sprimg-2 img {
 margin-top:10px;
 width: 350px;
 height: auto;
}

.sprimg-2 img.size-auto {
 margin-top:10px;
 width: auto;
 height: auto;
}


/*アスペクト比*/
img.aw43{ aspect-ratio: 4 / 3; }
img.aw32{ aspect-ratio: 3 / 2; }
img.aw11{ aspect-ratio: 1 / 1; }
img.aw169{ aspect-ratio: 16 / 9; }

img.waku { 
	border: 1px solid #A8ABAD; 
	margin-left:0!important;
	margin-right:15px;
}

.zmn-all {}

.zmn-all img { 
  margin-left:0;
	width:720px; height:540px;
	border: 1px solid #A8ABAD; }

.table-size {
	width: 98%;
	/*width: 608px;*/
	padding: 0.3em;
	margin: 10px 0 20px 0;
}

.table-size th {
	font-size: 1em!important;
	padding: 0;
}

.fs-8{
	font-size: 0.8em!important;
}

.table-size th, .table-size td {
	font-size: 1.2em;
	padding: 0.3em;
}

.table-responsive {
  display: block;
  width: 720px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered, .wp-block-table .table-responsive > table {
  border: 0;
}

.box { display: block; width: 95%; padding: 10px 15px; margin: 15px 0; background-color:#F2F2F2; border-radius: 10px;}

.box p { font-size: 1em; }
.box img.fl-right{ float:right; margin: 0 15px;}
.box img.fl-left{ float:left;  margin: 0 15px;}

/*カテゴリ子ページリンク*/
/*カテゴリ見出し*/
.ctg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1em;
    width: 746px;
    margin-bottom: 1em;
}
.ctg:before, .ctg:after {
    border-top: 3px solid #394a59;
    content: "";
    width: 2em;
}
.ctg:before {
    margin-right: 0.5em;
}
.ctg:after {
    margin-left: 0.5em;
}

/*---大枠横並びー---*/   
.menu-area { display: flex; flex-direction: row; }

/*---グレー2:チェーン---*/
.menu-gy2 { 
  margin: 0 0 1em 1em;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
	}
.menu-gy2 ul li { list-style: none; }
.menu-gy2 ul li a { 
	color: #000;
	background-color: #eeeeee;
	padding: 0.5rem;
    margin: 0 1px 1px;
	display: block;
    border-radius: 5px;
	font-size: 1.1em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;}

.menu-gy2 ul li a:hover { 
	text-decoration: none;
	color: #000;
	background-color: #fafafa;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.menu-gy2 ul li a:before{
font-family: 'FontAwesome';
  content: '\f0c1';
  font-size: 17px;
  color:#394a59;
padding-right: 8px; }


/*---グレー3:スプロケット---*/
.menu-gy3 { 
    margin: 0 0 1em 1em;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
	}

.menu-gy3 ul li { list-style: none; }
.menu-gy3 ul li a { 
	color: #000;
	background-color: #eeeeee;
	padding: 0.5rem;
    margin: 0 1px 1px;
	display: block;
    border-radius: 5px;
	font-size: 1.1em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.menu-gy3 ul li a:hover { text-decoration: none; color: #000; background-color: #fafafa;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.menu-gy3 ul li a:before{
font-family: 'FontAwesome';
  content: '\f013';
  font-size: 17px;
  color:#394a59;
padding-right: 8px; }


/*---グレー3:会社---*/
.menu-gy { 
  margin: 0 0 1em 1em;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
	}

.menu-gy ul li { list-style: none; }
.menu-gy ul li a { 
	color: #000;
	background-color: #eeeeee;
	padding: 0.5rem;
    margin: 0 1px 1px;
	display: block;
    border-radius: 5px;
	font-size: 1.1em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.menu-gy ul li a:hover { text-decoration: none; color: #000; background-color: #fafafa;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.menu-gy ul li a:before{
font-family: 'FontAwesome';
  content: '\f0da';
  font-size: 17px;
  color:#394a59;
padding-right: 8px; }


/*ボタン　製品チェーン*/
a.btn-p { 
	display: inline-block;
  min-width: 350px;
	width: auto;
	color: #000;
 	background-color: #ABD6E5;/*#ADD1DD;*/
	border-radius: 5px;
	text-align: center;
	margin: 20px 10px 10px 0;
	padding: 10px 15px;
  box-sizing: border-box;
font-size: 1.2em;
font-weight:bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;}

a.btn-p:hover{ color: #000; background-color: #eeeeee;}

/*a.btn-p { position: relative;}*/
 
a.btn-p:before{
  content: "\f0da";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #394a59;
  font-size: 1.2em;
  padding-right: 0.5em;
  top: 8px;
  left: 0; }

/*ダウンロード*/
a.btn-dl { 
	color: #000;
 	background-color: #F7B22B;
	border-radius: 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px;
  box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;}

a.btn-dl:hover{ color: #000; background-color: #F9C660}

a.btn-dl { position: relative; margin: 20px;}
 
a.btn-dl:before{
  content: "\f019";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 1.2em;
  padding-right: 0.2em;
  position: static;
  top: 8px!important;
  left: 0!important; }

/*ネットショップ*/
a.button-shop { color: #000; background-color: #F7B22B;
	border: none;
	padding: 6px 20px 4px 20px;
	margin-top: 30px!important;
	margin-bottom: 30px!important;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;}

a.button-shop:hover{ color: #000; background-color: #F9C660}

a.button-shop { position: relative;}
 
a.button-shop:before{
  content: "\f290";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.2em;
  position: static;
  top: 8px!important;
  left: 0!important; }


/* --- 余白 ---*/

.mtop10{ margin-top:10px;!important }
.mtop20{ margin-top:20px;!important }
.mtop30{ margin-top:30px;!important }
.mtop40{ margin-top:40px;!important }
.mtop50{ margin-top:50px;!important }
.mtop60{ margin-top:60px;!important }

.mbtm10{ margin-bottom:10px;!important }
.mbtm20{ margin-bottom:20px;!important }
.mbtm30{ margin-bottom:30px;!important }
.mbtm40{ margin-bottom:40px;!important }
.mbtm50{ margin-bottom:50px;!important }
.mbtm60{ margin-bottom:60px;!important }

.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

/* ------------ テーブル ----------- */

/* リニューアル前用 */

/* page-chain */
table.table caption { font-size:1.1rem; color: #000;}
table.table th { text-align: center; font-size: 0.8rem; border: 1px solid #A8ABAD; background-color:#F4F6F8; }
table.table td { text-align: center; border: 1px solid #A8ABAD;}

/* ここまで */


table.data {
	margin: 10px 0 10px 10px;
	padding: 0;
	width: 95%;
	border: 1px solid #b9b7b5;
	background: #f1f1f1;
	font-size: 1.1em;
}

table.data th {
	margin: 0;
	padding: 5px;
	width: 140px;
	background: #eeede9;
	border-bottom: 1px solid #b9b7b5;
}


table.data td {
	margin: 0;
	padding: 5px;
	width: auto;
	background: #fff;
	border-bottom: 1px solid #b9b7b5;
}

/* ------------ テーブル2 ----------- */

table.data2 {
	margin: 0 0 20px 0;
	padding: 0;
		width: 95%;
	border: 1px solid #b9b7b5;
	background: #f1f1f1;
}

table.data2 th {
	margin: 0;
	padding: 5px;
	width: 180px;
	text-align: left;
	/*background: #eeede9;*/
	border-bottom: 1px solid #b9b7b5;
}


table.data2 td {
	margin: 0;
	padding: 5px;
	background: #fff;
	border-bottom: 1px solid #b9b7b5;
}

/* ------------ テーブル3 ----------- */

table.data3 {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 95%;
	background: #f1f1f1;
	font-size: 1.1em;
	border-top: 1px solid #b9b7b5;
}

table.data3 th {
	margin: 0;
	padding: 5px;
	width: 140px;
	background: #f8f8f8;
	border-right: 5px solid #73d7e4;
	border-bottom: 1px solid #b9b7b5;
	text-align: left;
}

table.data3 td {
	margin: 0;
	padding: 5px;
	width: auto;
	background: #fff;
	border-bottom: 1px solid #b9b7b5;
}


/*------ 問合せボタン ------*/

.btncenter{
	width: 95%;
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
}

.btncenter img{
	margin: 20px auto 15px auto;	
}


/* =bs-grid
-------------------------------------------------------------- 
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
*/


/* =Footer
-------------------------------------------------------------- */

.footer {
	margin: 0 auto;
	/*margin: 0 20px 20px 20px;*/
	padding: 10px 15px 30px 15px;
	line-height: 2.0em;
	text-align: left;
	background: #FFF url(img/bg-footer1040.png) no-repeat;
	width: 1010px;
	/*width: 860px;*/
	border-top: 3px solid #e1e1e1;
	letter-spacing: 1px;
	font-size: 1.2em!important;
}
/*
.f-logo { float:right; width:67px ;height:43px; padding-right: 30px;}*/

.f-name strong { font-size: 1.1em!important;}
.f-adress {}

.f-menu { display:flex; flex-direction:row;}
.f-menu li a { padding: 10px; }
.f-menu li:first-child a { padding-left: 5px; }
.footer .txts{ font-size: 0.9em;}


/*= pagetop
--------------------------------------------*/

/*--- ページの先頭 2501 ---*/
.pagetop{
	color: #FFF!important;
	display: block;
	padding-top:0;
	text-decoration: none;
	border: 26px solid #9FA0A3;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	text-align: center!important;
  position: fixed;
  bottom: 20px;
  right: 10vw;
  z-index: 1;
}

.pagetop::before{
  display: block;
	position: absolute;
	content: '\f106';
	font-family: "FontAwesome";
	font-weight: 400;
	font-size: 45px!important;
	line-height: 1;
	left: -14px!important;
	top: -25px!important;
}
.pagetop:hover{
	color: #000!important;
	border: 26px solid #FFC726;
	border-radius: 26px!important;
	-moz-border-radius: 26px!important;
	-webkit-border-radius: 26px!important;
	text-align: center!important;
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	 opacity: 1;
}

/*------------------------------------------------640px以下*/
@media only screen and (max-width: 40em) {

	.pagetop{ bottom: 20px; right: 0px; }
}

/*= ページ内リンク 2502
--------------------------------------------*/
#mainpage {
  padding-top: 20px;
}

#mainpage:before {
  content: '';
  display: block;
  height: 20px;
  margin-top: -20px;
}


/* =Content Home
-------------------------------------------------------------- */

#homecontent {
	padding: 15px 0 10px 20px;
	width: 1040px;
	font-size: 1.2em; /*add*/
}

.homemain {
	width: 746px;/*width: 610px;*/
	float: left;
	display: block;
	margin: 20px 0 0 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}


.homemain p { font-size: 1.2em!important;}

#homecontent img.alignleft, 
#homecontent img.alignright, 
#homecontent img.aligncenter {
	margin-bottom: 15px;
}

.homemain img.alignleft2, 
.homemain img.alignright2{
	margin-top: 10px;
	margin-bottom: 15px;
}


/*---大枠横並びー---  
.menu-area { display: flex; flex-direction: row; }*/ 

/*---グレー2:チェーン---
.menu-gy2 { 
  margin: 0 0 1em 1em;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
	}*/

/*2列*/
.menu-area-img { 
  margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
 }

/*2列 ホーム*/
.menu-area-img2 { 
  margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
 }
/*3列*/
.menu-area-img3 { 
  margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 32%;
 }
.menu-area-img3 p { margin-right:20px;}

/*---グレー2:チェーン ホーム---*/
.menu-gy2-h { 
  margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 93%;
  flex: 0 0 93%;
  max-width: 93%;
	}
.menu-gy2-h ul li { list-style: none; }
.menu-gy2-h ul li a { 
	color: #000;
	background-color: #eeeeee;
	padding: 0.5rem;
    margin: 0 1px 1px;
	display: block;
    border-radius: 5px;
	font-size: 1.1em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;}

.menu-gy2-h ul li a:hover { 
	text-decoration: none;
	color: #000;
	background-color: #fafafa;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.menu-gy2-h ul li a:before{
font-family: 'FontAwesome';
  content: '\f0c1';
  font-size: 17px;
  color:#394a59;
padding-right: 8px; }

/*---グレー3:スプロケット ホーム---*/
.menu-gy3-h { 
    margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 93%;
  flex: 0 0 93%;
  max-width: 93%;
	}

.menu-gy3-h ul li { list-style: none; }
.menu-gy3-h ul li a { 
	color: #000;
	background-color: #eeeeee;
	padding: 0.5rem;
    margin: 0 1px 1px;
	display: block;
    border-radius: 5px;
	font-size: 1.1em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.menu-gy3-h ul li a:hover { text-decoration: none; color: #000; background-color: #fafafa;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.menu-gy3-h ul li a:before{
font-family: 'FontAwesome';
  content: '\f013';
  font-size: 17px;
  color:#394a59;
padding-right: 8px; }


/*---BARU 特長---*/
.list-f { 
    margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	background-color:#f3f3f3; /*FFF8F4;*/
	border-radius: 5px;
 	-webkit-box-flex: 0;
  -ms-flex: 0 0 93%;
  flex: 0 0 93%;
  max-width: 93%;

	}
.list-f ul { padding-top: 5px;padding-bottom: 5px;	}
.list-f ul li { 
 
 list-style: none;
	color: #000;
	padding: 5px 10px;
	padding-left: 1em;
  margin: 0 1px 1px;
	display: block;
	font-size: 1.2em;
	line-hight: 2.0rem;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.list-f ul li:hover { text-decoration: none; color: #000;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;}

.list-f ul li:before{
font-family: 'FontAwesome';
  content: '\f14a';
  font-size: 17px;
  color:#394a59;
	padding-right: 8px;
}

	
	
/*----- ホームカテゴリ見出し--------*/

.homemain h2{	
	margin: 0;
	padding: 6px 10px 0px 10px;
	line-height: 1.6;
	font-size: 1.8em!important;
	color: #000;
	font-weight: bold;
	border: none!important;
}
.homemain h3{	
	margin: 0;
	padding: 6px 10px 15px 5px;
	line-height: 1.6;
	font-size: 1.6em!important;
	color: #000;
	font-weight: bold;
}

/*----- 新着情報見出し--------*/

.homemain h3.t-news{	
	margin: 0;
	padding: 6px 10px;
	line-height: 1.6;
	font-size: 1.6em!important;
	color: #000;
	font-weight: bold;
	border-bottom: 2px dotted #9FA0A3;
	width: 718px;
}


/*--- 新着情報 ---*/

ul#news { margin: 0!important; padding: 0!important;position:relative;}

ul#news li{
	list-style: none!important;
	width: 738px;
	border-bottom: 1px solid #A6A6A6!important;
	font-size: 1.2em!important;
	line-height: 140%!important;
	margin: 2px 0!important; 
}

ul#news li a{
　overflow: visible!important;
　white-space: normal!important;
	margin: 0 0 10px 0!important;
	padding: 8px 5px 5px 8px!important;
	display: block;
	/*min-height: 110px!important;*/}


ul#news a:hover, ul#news a:active{
	filter: Alpha(opacity=100)!important;
	-moz-opacity: 1.0!important;
	opacity: 1.0!important;
	background-color: #FBF9F3;
	color: #000;}
	
/* 2406追加*/

ul#news div.post-thumb img{
	float: left!important;
	display: block!important;
	clear: right!important;
	/*width: 120px!important;
	height: 120px!important;
	*/
	border: 1px solid #C8C8C8;
	margin-right: 10px;
}

/* 2406追加*/
img.attachment-post-thumbnail,
img.size-post-thumbnail
/*img.wp-post-image*/ { 
	width: 120px!important; 
	height: 120px!important;
  object-fit: cover!important;
}

ul#news li span.date{ 
	font-size:1em!important;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	margin: 2px 0 8px 0px!important;
}

/*----- ホーム、サイドバー--------*/

#homecontent .homesidebar {
	width: 224px;
	margin: 20px 0 0 0;
	padding: 0 25px 0 20px;
	display: block;
	font-size: 1em;
	float: left;
}

.homesidebar h2 a{
	margin: 0;
	padding: 10px 15px 0 15px;
	background: url(img/sidebarmenu_ttl_bg.gif) no-repeat;
	color: #000;
	font-size: 0.9em!important;
	font-weight: bold;
	width: 224px;
	height: 30px;
	display: block;
}

.homesidebar ul.sidebarmenu  {	
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.homesidebar ul.sidebarmenu li {	
	background: url(img/i_sidebarmenu.gif) no-repeat;
	border-bottom: 1px dotted #808080;
	font-size: 1.1em;
	display: block;
	width: 224px;
	height: 32px;
}

.homesidebar ul.sidebarmenu li a{	
	padding: 6px 0 0 20px;
	display: block;
}

.homesidebar ul.sidebarmenu li a:hover {	
	padding-top: 6px;
	background: url(img/i_sidebarmenu_over.gif) no-repeat;
	display: block;
	color: #808080;
}

/*= Contact Form
--------------------- */
.contact-f {
	margin: 10px 0;
	padding: 0;
	min-width: 99%; /*width:45vw;*/
	background: #f1f1f1;
	border-top: 1px solid #b9b7b5;
}

.contact-f th {
	margin: 0;
	padding: 0.5em;
	width: 200px;
	background: #f8f8f8;
	border-right: 6px solid #73d7e4;
	border-bottom: 1px solid #b9b7b5;
	text-align: left!important;
	font-size: 1.5rem!important;
}
.contact-f td {
	margin: 0;
	padding: 0.5em;
	width: 670px;
	background: #fff;
	border-right: 0px;
	border-bottom: 1px solid #b9b7b5;
	text-align: left!important;
	font-size: 1.6rem!important;
}

form.wpcf7-form { margin: 1.875em 0 0.625em 0; padding: 1.250em 0; border: none; width:100%;}

.gry { font-weight: normal; font-size:1.4rem; color: #313131;}

/*必須マーク*/
.mst { color: #000; background-color: #F5E877; border-radius: 5em; padding: 0 0.5em; margin-right: 8px; }
.mst:before{ content:'必須'; width:50px; font-size: 0.8em; font-weight: bold; }

.form-check-input {
    margin: 0 0.3em 0.5em 0.5em!important;
}
/*
.form-check-input:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}*/

lable { margin-right: 0.5em;}

/* input */
textarea.form-control { width: 80%;} 
select.form-select { width: 300px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  outline: none!important;
  border: 1px solid #AFB4B9;
  box-shadow: 0 0 4px rgba(175, 180, 185, 0.6);
  transition: all 0.2s ease-in-out;
}

.form-control {
  display: block;
  width: 80%;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
font-size:1.6rem;
}
.form-label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.form-text {
  color: #6c757d;
	width: 80%;
}
.text-center {
	width: 100%;
	vertical-align: center;
	text-align:  center;
	margin: 0 auto!important;
	font-size: 1.6rem!important;
}

/* フォーム送信ボタン */
input[type="submit"] { 
    background: rgb(255,192,0);
    box-shadow: 0px 3px #D9A300;
    width: 65%;
	margin-left: 50px;
	padding: 0.3em 0;
	font-weight: normal;
	color: #000;
	text-align: center;
	font-size: 2.2rem;
    border-radius: 15px;
	border: none;
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}

input[type="submit"]:hover { 				
	border-color: none;
	outline: 0;
	border: none;
    transform: translateY(3px);}

input[type="submit"]:active,
input[type="submit"]:focus { 				
    box-shadow: none; transform: translateY(3px);
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
	background: #dc291e;
	color: #FFF;
	border: none;
	padding:0.625em;
}

.wpcf7-response-output {
  background-color: #b3e0f2;
  color: #000; 
  border: 1px solid #b3e0f2!important;
  padding: 1rem;
  border-radius: 6px;
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}