@charset "UTF-8";
/* okuboss.css 追加カスタマイズ用CSS t.uemura
  このファイルを編集してください。
 */

/* 管理画面	カスタムウィジェット */
#custom_help_widget table {
	width: 100%;
}
#custom_help_widget table td {
	width:		33%;
	font-size:	11px;
}

/* -----------------------okuboss-base.css修正データ */

/* 新商品タグ */
.singular .post-inner .entry-content .product-items .product-item .img-wrap .speciallabelblock .new-item {
color: #f3d922;
border: 3px solid #f3d922; }

.singular .post-inner .entry-content .product-items .product-item .img-wrap .speciallabelblock .pop-item {
 background-color: rgba(255, 255, 255, 0.5);
 color: #a82020;
 border: 3px solid #a82020; }


/* 商品カラーアイコン base */
.color-variation span{
	padding:	10px;
	margin:		0 3px 0 3px;
	display:	inline-block;
}
.color-variation span.color-white{
	padding-left:	9px;
	padding-right:	9px;
}

.color-black{		background-color:	#282523;}
.color-yellowgreen{	background-color:	#8bc24c;}
.color-purple{		background-color:	#5c4f74;}
.color-blue{		background-color:	#003399;}
.color-pink{		background-color:	#FF82A9;}
.color-gray{		background-color:	#a2a9af;}
.color-navy{		background-color:	#003366;}
.color-green{		background-color:	#266A2E;}
.color-yellow{		background-color:	#ceb667;}
.color-brown{		background-color:	#663300;}
.color-red{			background-color:	#892127;}
.color-silver{
	background: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
}
.color-beige{		background-color:	#a89678;}
.color-khaki{		background-color:	#505c2a;}
.color-turquoise{	background-color:	#1794ac;}	/* ターコイズ */
.color-orange{		background-color:	#f29c2b;}	/* オレンジ	*/
.color-white{		background-color:	#fffcf0;
					border:				1px solid #dcdcdc;
					padding-left:	9px;}	/* 白		*/

.color-lightblue{	background-color:	#8ac6d1;}	/* 水色		*/


/* 水玉	*/
.color-dotnavy{
	background-size:	30px 30px;
	background-color:	#003399;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotbrown{
	background-size:	30px 30px;
	background-color:	#663300;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotblack{
	background-size:	30px 30px;
	background-color:	#282523;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotwhite{
	background-size:	30px 30px;
	background-color:	#EDEDE4;
	background-image:	radial-gradient(#282523 15%, transparent 10%), radial-gradient(#282523 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotpink{
	background-size:	30px 30px;
	background-color:	#FF82A9;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotgray{
	background-size:	30px 30px;
	background-color:	#a2a9af;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotgray-s{
	background-size:	30px 30px;
	background-color:	#96b7c2;
	background-image:	radial-gradient(#555555 15%, transparent 10%), radial-gradient(#555555 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotpink-s{
	background-size:	30px 30px;
	background-color:	#96b7c2;
	background-image:	radial-gradient(#FF82A9 15%, transparent 10%), radial-gradient(#FF82A9 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotblue-s{
	background-size:	30px 30px;
	background-color:	#96b7c2;
	background-image:	radial-gradient(#4ea1d3 15%, transparent 10%), radial-gradient(#4ea1d3 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotbeige{
	background-size:	30px 30px;
	background-color:	#e4ccb3;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotred{
	background-size:	30px 30px;
	background-color:	#C00000;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotblue{
	background-size:	30px 30px;
	background-color:	#2496b5;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotorange{	/* 20210210	*/
	background-size:	30px 30px;
	background-color:	#f29c2b;
	background-image:	radial-gradient(#fff 15%, transparent 10%), radial-gradient(#fff 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotpurple{	/* 20210210	*/
	background-size:	30px 30px;
	background-color:	#977fc6;
	background-image:	radial-gradient(#ffde72 15%, transparent 10%), radial-gradient(#ffde72 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-dotyellow{	/* 20210210	*/
	background-size:	30px 30px;
	background-color:	#ffde72;
	background-image:	radial-gradient(#5c4f74 15%, transparent 10%), radial-gradient(#5c4f74 15%, transparent 10%);
	background-position: 0 0, 20px 20px;
}
.color-checkblue {
	background-size:	30px 30px;
	background:			linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
	background-color:	#003399;
	background-size:	10px 10px;
}
.color-checkgray {
	background-size:	30px 30px;
	background:			linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
	background-color:	#696969;
	background-size:	10px 10px;
}

.color-kamesilver {	/* 亀模様シルバー	*/
	background-size:	30px 30px;
	background-color:	#d8e1e7;
	background-size:	10px 10px;
	background-image:	linear-gradient(45deg, #f2f6f8 25%, #f2f6f8 25%, transparent 25%, transparent 75%, #00838F 75%, #f2f6f8 75%), linear-gradient(-45deg, #f2f6f8 25%, #f2f6f8 25%, transparent 25%, transparent 75%, #f2f6f8 75%, #f2f6f8 75%);
}
.color-kameblack {	/* 亀模様黒	*/
	background-size: 30px 30px;
	background-color: #626262;
	background-size: 10px 10px;
	background-image: linear-gradient(45deg, #282523 25%, #282523 25%, transparent 25%, transparent 75%, #282523 75%, #282523 75%), linear-gradient(-45deg, #282523 25%, #282523 25%, transparent 25%, transparent 75%, #282523 75%, #282523 75%);
}
body.home .top-image .company-container h3 .top{
    
}
/* 適合表ページ メーカー毎リンクボタン 20201121	*/
@media screen and (max-width: 599px){
	.tekigouhyou-linkbutton .wp-block-column{
		margin-bottom: 0;
	}
	.tekigouhyou-linkbutton .wp-block-column .wp-block-button{
		width: 100%;
	}
	.tekigouhyou-linkbutton .wp-block-column .wp-block-button a{
		width: 100%;
	}
}
@media screen and (min-width: 600px){
	.buttontext-small .wp-block-column .wp-block-button a{
		font-size: 1.3rem;
	}
}

/* 見出し上下二重線(SDGsの取り組み内容) */
.singular article.products h2.titledesign001 {
  padding: 1rem 2rem;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
  margin-top:1rem;
}

/* 見出し黄色背景 */
.titledesign002 {
  position: relative;
  padding: 1.5rem 2rem;
  color: #231815;
  border-radius: 10px;
  background: #ffe100;
}

.titledesign002:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ffe100 transparent transparent transparent;
}

/* 見出し下線 */
.titledesign003 {
  border-bottom: 3px solid #000;
}

/* 企業理念　H3 */
.kodawarititle {
  padding: 1rem 2rem;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
}

/* 画像を横に3つ並べる002 */
.tbl-bdr table {
    border-collapse: collapse;
    border:none;
    }

/* トップページnews上 */
.mt20{
	margin-top:20px;
}

/* 破線のhr */
.width90 {
  width:90%;
}

/* 商品ページの目次 */
ul.mokuji001{
  width:90%;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 30px;
  color: #414141;
  background: #ffffff;
  border-radius: 20px;
  border: solid 3px #ffe100;/*線の種類 太さ 色*/
  list-style: none;
  -webkit-box-shadow: 1px 1px 5px rgba( 236, 243, 250, 0.7) ;
  -moz-box-shadow: 1px 1px 5px rgba( 236, 243, 250, 0.7) ;
  box-shadow: 1px 1px 5px rgba( 236, 243, 250, 0.7) ;
}

	
ul.mokuji001 li{
  position: relative;
  line-height: 25px;
  padding-left: 25px;
  font-weight: bold;
  color: #414141;
}
ul.mokuji001 li:before{
  content: "\025bc";
  position: absolute;
  left: 2px;
  font-size: 20px;
  color: #414141;
}

/* 取り扱い店舗表示 */
.shop{
  width:90%;
  table-layout: fixed;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 30px;
  background: #ffffff;
  /*border-radius: 20px;*/
  /*border: 0px !important;*//*線の種類 太さ 色*/
  border: 2px solid #ffffff; /* t.uemura */
}

/*重要お知らせ*/
.imp_noti{
	background: #fceff2;
	border-radius: 5px;
	border-left: #fceff2 solid 10px;
	border: #fceff2 solid 1px;
	font-size: 100%; 
	padding: 20px;
}

/*テーブル調節*/
.singular article.products .wp-block-table tr td:first-child, .singular article.products .wp-block-table tr th {
    background-color: #273035;
    color: #ffffff;
    font-weight: bold;
	font-size:12px
}

.singular article.products .wp-block-table tr td:last-child {
    font-size: 1.2rem;
}

/*ダウンロードボタン色変更*/
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #273035;
	font-size:	10px;
}
.wp-block-file a:not(.wp-block-file__button) {
    font-size:16px;
}


/*テーブル幅(効果なし)*/
 .wp-block-table .size-table .has-fixed-layout td(1) {
  width: 20%; }
 .wp-block-table .size-table .has-fixed-layout td(2) {
  width: 20%; }
 .wp-block-table .size-table .has-fixed-layout td(3) {
  width: 20%; }
 .wp-block-table .size-table .has-fixed-layout td(4) {
  width: 20%; }
 .wp-block-table .size-table .has-fixed-layout td(5) {
  width: 20%; }


/*TOPページ修正*/
body.home .post-inner .blog-entry-block:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) h4 {
    font-weight: 800;
    text-align: center;
    margin: 9px 0 13px 0;
    font-size: 14px;
    border-bottom: #BFBFBF dotted 2px;
    width: 95%;
    height: 50px;
}

body.home .post-inner .blog-entry-block:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) ul li div.blogtitle span.title {
    font-size: 14px;
    font-weight: lighter;
}