/*
Theme Name: GRAFFIZZ STANDALONE
Theme URI: https://www.fukui-youdaru.co.jp/
Description: 福井洋樽製作所の独立WordPressテーマ
Version: 1.0.0
Text Domain: graffizz-standalone
*/

/* ==================================================
CSS検索用目次
使い方：各行の角括弧付きIDをコピーして検索

[BASE-01] Webフォント
[BASE-02] リセットCSS
[BASE-03] 基本レイアウト
[BASE-04] フォント
[BASE-05] サイト構造
[BASE-06] 共通要素
[BASE-07] ヘッダー
[BASE-08] グローバルナビゲーション
[BASE-09] コンテンツ
[BASE-10] 画像
[BASE-11] ページナビゲーション
[BASE-12] コメント
[BASE-13] ウィジェット
[BASE-14] フッター
[BASE-15] Mobile Safari
[BASE-16] 印刷用CSS

[PC-01] ヘッダー
[PC-02] ナビゲーション
[PC-03] 共通タイトル画像
[PC-04] トップページ
[PC-05] 新着情報ページ
[PC-06] サイドバー
[PC-07] 製品情報ページ
[PC-08] できることページ
[PC-09] 制作事例ページ
[PC-10] 会社案内ページ
[PC-11] 用語集
[PC-12] お問い合わせ・資料請求
[PC-13] フッターナビゲーション
[PC-14] フッター営業所情報
[PC-15] パンくずリスト
[PC-16] ページネーション
[PC-17] 記事詳細ページ
[PC-18] サイトマップ・サイトポリシー・個人情報保護方針

[SP-00] レスポンシブ共通部
[SP-01] スマホ共通設定
[SP-02] スマホヘッダー
[SP-03] ハンバーガーボタン
[SP-04] ハンバーガーメニューパネル
[SP-05] 資料請求・お問い合わせボタン
[SP-06] トップページメインビジュアル
[SP-07] トップページ製品ボタン
[SP-08] 2カラムページ
[SP-09] サイドバー・用語集
[SP-10] 新着情報
[SP-11] 記事画像
[SP-12] 製品ページサイドバー
[SP-13] できることページ
[SP-14] 製品紹介・制作事例
[SP-15] 製品子ページ
[SP-16] 会社概要・沿革・フォーム
[SP-17] フッター
[SP-18] 本文文字サイズ
[SP-19] 共通タイトル
[SP-20] 製品情報詳細
[SP-21] 会社案内
[SP-22] フォーム送信ボタン
[SP-23] 記事内テーブル
[SP-24] 小型スマホ
================================================== */

/* [BASE-01] Webフォント */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');

/* [BASE-02] リセット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{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body{
	line-height: 1;
}

h1, h2, h3, h4, h5, h6{
	clear: both;
	font-weight: normal;
}

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;
}

/* [BASE-03] 基本レイアウト
-------------------------------------------------------------- */

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

#container{
	float: none;
	margin: 0;
	width: 100%;
}

#content{
	margin: 0 ;
	position:relative;
}

#content_2Column{
	float: right;
	margin: 0px 0 0;
	width: 770px;

}

#primary,
#secondary{
	float: left;
	overflow: hidden;
	width: 220px;
	margin-top: 5px;
}

#secondary{
	clear: right;
}

#footer{
	margin-top: 100px;
	clear: both;
	width: 100%;
	background: #f8f8f8;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

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

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content{
	margin: 0 auto;
	width: 1000px;
}

/* [BASE-04] フォント
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type="submit"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

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

/* [BASE-05] サイト構造
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper{
	margin: 0 auto;
	width: 1000px;
}

#wrapper{
	background: #fff;
	margin-top: 0px;
	padding: 0;
	width: 100%;
}

/* Structure the footer area */
#footer-widget-area{
	overflow: hidden;
}

#footer-widget-area .widget-area{
	float: none;
	margin-right: 0px;
	width: 220px;
}

#footer-widget-area #fourth{
	margin-right: 0;
}

#site-info{
	margin-top:30px;
	float: none;
	font-size: 18px;
	font-weight: normal;
}

#site-generator{
	float: none;
	width: 1000px;
}

/* [BASE-06] 共通要素
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body{
	background: #FFFFFF;
}

body,
input,
textarea{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
}

/* フォームのプルダウン：入力欄と文字表示を統一 */
select,
option{
	color: #000;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.7;
}

hr{
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p{
	margin-bottom: 0px;
}

ul{
	list-style: square;
	margin: 0;
}

ol{
	list-style: decimal;
	margin: 0;
}

ol ol{
	list-style: upper-alpha;
}

ol ol ol{
	list-style: lower-roman;
}

ol ol ol ol{
	list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul{
	margin-bottom: 0;
}

dl{
	margin: 0;
}

dt{
	font-weight: normal;
}

dd{
	margin-bottom: 0px;
}

strong{
	font-weight: bold;
}

cite,
em,
i{
	font-style: italic;
}

big{
	font-size: 131.25%;
}

ins{
	background: #ffc;
	text-decoration: none;
}

blockquote{
	font-style: italic;
	padding: 0 3em;
}

blockquote cite,
blockquote em,
blockquote i{
	font-style: normal;
}

pre{
	background: #f7f7f7;
	color: #222;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}

abbr,
acronym{
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub{
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup{
	bottom: 1ex;
}

sub{
	top: .5ex;
}

small{
	font-size: smaller;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
textarea{
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

a:link{
	color: #000;
}

a:visited{
	color: #000;
}

	a:active,
a:hover{
	color: #000;
	opacity:0.7;
	filter: alpha(opacity=70);/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;  /* Safari 1.x */
	zoom:1;
}

/* Text meant only for screen readers */
.screen-reader-text{
	position: absolute;
	left: -9000px;
}

/* [BASE-07] ヘッダー
-------------------------------------------------------------- */

#header{
	padding: 40px 0 0;
	background: url(images/head/head_bg.gif) repeat-x;
	height: 160px;

}

#site-title{
	float: left;
	font-size: 30px;
/*line-height: 36px;*/
	margin: 0 225px 0 0;
	width: 344px;
}

#site-title a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#site-description{
	clear: both;
	float: none;
	text-align: center;
	font-style: normal;
	font-size:11px;
	margin: 50px 0 0 0;
	width: 100%;
	color: #706a65;
}

/* This is the custom header image */
#branding img{
	border-top: none;
	border-bottom: none;
	display: block;
	float: none;
}

/* [BASE-08] グローバルナビゲーション
-------------------------------------------------------------- */

#access{
	background: url(images/nav/top05_03.gif) repeat-x;
	height: 82px;
	display: block;
	clear: both;
	float: left;
	margin: 0 auto;
	width: 100%;
}

#access .menu-header,
div.menu{
	font-size: 14px;
	margin: 0 auto;
	width: 1000px;
}

#access .menu-header ul,
div.menu ul{
	list-style: none;
	margin: 0;
}

#access .menu-header li,
div.menu li{
	float: left;
	position: relative;
	text-indent:-9999px;
	height: 82px;
}

#access a{
	color: #aaa;
	display: block;
	line-height: 82px;
	padding: 0;
	text-decoration: none;
	text-indent:-9999px;
}

#access ul ul{
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	text-indent:-9999px;

}

#access ul ul li{
	min-width: 180px;

}

#access ul ul ul{
	left: 100%;
	top: 0;
}

#access ul ul a{
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;

}

#access li:hover > a,
#access ul ul :hover > a{
	background: #333;
	color: #fff;
}

#access ul li:hover > ul{
	display: block;
}

#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a{
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover{
	color: #fff;
}

/* [BASE-09] コンテンツ
-------------------------------------------------------------- */

#main{
	clear: both;
	overflow: hidden;
	padding: 0;
}

#content{
	margin-bottom: 36px;
}

#content,
input,
textarea{
	color: #333;
/*font-size: 16px;
line-height: 24px;*/
}

p,
ul,
ol,
dd,
pre,
hr{
	margin-bottom: 0px;
}

ul ul,
ol ol,
ul ol,
ol ul{
	margin-bottom: 0;
}

dt,th{
	color: #000;
}

h1,h2,h3,h4,h5,h6{
	color: #000;
/*line-height: 1em;*/
	margin: 0;
}

#content table{
	border: 1px solid #e7e7e7;
	margin: 0;
	text-align: left;
	width: 100%;
}

#content tr th,
#content thead th{
	font-weight: normal;
/*font-size: 12px;
line-height: 18px;
padding: 9px 24px;*/
}

#content tr td{
	border: none;
	padding: 0px;
}

#content tr.odd td{
	background: #f2f7fc;
}

.hentry{
	margin: 0 0 48px 0;
}

.home .sticky{
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}

.single .hentry{
	margin: 0 0 36px 0;
}

.page-title{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}

.page-title span{
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

.page-title a:link,
.page-title a:visited{
	color: #777;
	text-decoration: none;
}

.page-title a:active,
.page-title a:hover{
	color: #ff4b33;
}

#content .entry-title{
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}

.entry-title a:link,
.entry-title a:visited{
	color: #000;
	text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover{
	color: #ff4b33;
}

.entry-meta{
	color: #000;
	font-size: 12px;
}

.entry-meta abbr,
.entry-utility abbr{
	border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover{
	border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary{
	clear: both;
	padding: 12px 0 0 0;
}

#content .entry-summary p:last-child{
	margin-bottom: 12px;
}

.entry-content fieldset{
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}

.entry-content fieldset legend{
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}

.entry-content input{
	margin: 0 0 24px 0;
}

.entry-content input.file,
.entry-content input.button{
	margin-right: 24px;
}

.entry-content label{
	color: #777;
	font-size: 12px;
}

.entry-content select{
	margin: 0 0 24px 0;
}

.entry-content sup,
.entry-content sub{
	font-size: 10px;
}

.entry-content blockquote.left{
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}

.entry-content blockquote.right{
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

.page-link{
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited{
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.home .sticky .page-link a{
	background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover{
	color: #ff4b33;
}

body.page .edit-link{
	clear: both;
	display: block;
}

#entry-author-info{
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}

#entry-author-info #author-avatar{
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}

#entry-author-info #author-description{
	float: left;
	margin: 0 0 0 104px;
}

#entry-author-info h2{
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}

.entry-utility{
	clear: both;
	color: #777;
	font-size: 12px;
	line-height: 18px;
}

.entry-meta a,
.entry-utility a{
	color: #777;
}

.entry-meta a:hover,
.entry-utility a:hover{
	color: #ff4b33;
}

#content .video-player{
	padding: 0;
}

/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}

.home .hentry.format-aside,
.home .hentry.category-asides{
	padding: 0;
}

.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content{
	padding-top: 0;
}

/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img{
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb{
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}

.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility{
	padding-top: 4px;
}

/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption{
	font-size: 140%;
	margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before{
	content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after{
	content: '\00a0\2192';
}

/* [BASE-10] 画像
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img{
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft{
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright{
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter{
	margin-bottom: 12px;
}

.wp-caption{
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

.wp-caption img{
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}

.wp-caption p.wp-caption-text{
	color: #777;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley{
	margin: 0;
}

.gallery{
	margin: 0 auto 18px;
}

.gallery .gallery-item{
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item{
	width: 50%;
}

.gallery-columns-4 .gallery-item{
	width: 25%;
}

.gallery img{
	border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium{
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail{
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption{
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl{
	margin: 0;
}

.gallery img{
	border: 10px solid #f1f1f1;
}

.gallery br+br{
	display: none;
}

#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* [BASE-11] ページナビゲーション
-------------------------------------------------------------- */

.navigation{
	color: #777;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}

.navigation a:link,
.navigation a:visited{
	color: #777;
	text-decoration: none;
}

.navigation a:active,
.navigation a:hover{
	color: #ff4b33;
}

.nav-previous{
	float: left;
	width: 50%;
}

.nav-next{
	float: right;
	text-align: right;
	width: 50%;
}

#nav-above{
	margin: 0 0 18px 0;
}

#nav-above{
	display: none;
}

.paged #nav-above,
.single #nav-above{
	display: block;
}

#nav-below{
	margin: -18px 0 0 0;
}

/* [BASE-12] コメント
-------------------------------------------------------------- */
#comments{
	clear: both;
}

#comments .navigation{
	padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

h3#comments-title{
	padding: 24px 0;
}

.commentlist{
	list-style: none;
	margin: 0;
}

.commentlist li.comment{
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}

.commentlist li:last-child{
	border-bottom: none;
	margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol{
	margin-bottom: 18px;
}

#comments .comment-body p:last-child{
	margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child{
	margin-bottom: 24px;
}

.commentlist ol{
	list-style: decimal;
}

.commentlist .avatar{
	position: absolute;
	top: 4px;
	left: 0;
}

.comment-author cite{
	color: #000;
	font-style: normal;
	font-weight: bold;
}

.comment-author .says{
	font-style: italic;
}

.comment-meta{
	font-size: 12px;
	margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited{
	color: #777;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover{
	color: #ff4b33;
}

.reply{
	font-size: 12px;
	padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link{
	color: #777;
}

.reply a:hover,
a.comment-edit-link:hover{
	color: #ff4b33;
}

.commentlist .children{
	list-style: none;
	margin: 0;
}

.commentlist .children li{
	border: none;
	margin: 0;
}

.nopassword,
.nocomments{
	display: none;
}

#comments .pingback{
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.commentlist li.comment+li.pingback{
	margin-top: -6px;
}

#comments .pingback p{
	color: #777;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

#comments .pingback .url{
	font-size: 14px;
	font-style: italic;
}

/* Comments form */
input[type="submit"]{
	color: #333;
}

#respond{
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}

#respond p{
	margin: 0;
}

#respond .comment-notes{
	margin-bottom: 1em;
}

.form-allowed-tags{
	line-height: 1em;
}

.children #respond{
	margin: 0 48px 0 0;
}

h3#reply-title{
	margin: 18px 0;
}

#comments-list #respond{
	margin: 0 0 18px 0;
}

#comments-list ul #respond{
	margin: 0;
}

#cancel-comment-reply-link{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required{
	color: #ff4b33;
	font-weight: bold;
}

#respond label{
	color: #777;
	font-size: 12px;
}

#respond input{
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea{
	width: 98%;
}

#respond .form-allowed-tags{
	color: #777;
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code{
	font-size: 11px;
}

#respond .form-submit{
	margin: 12px 0;
}

#respond .form-submit input{
	font-size: 14px;
	width: auto;
}

/* [BASE-13] ウィジェット
-------------------------------------------------------------- */

/* ウィジェットエリア共通：リンクリストをsquare表示に統一 */
.widget-area .xoxo{
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-area ul:not(.xoxo),
.widget-area ol{
	margin: 10px 0;
	padding-left: 1.3em;
	list-style: square outside;
}

.widget-area ul:not(.xoxo) li,
.widget-area ol li{
	margin-bottom: .75em;
}

.widget-area select{
	max-width: 100%;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label{
	display: none;
}

.widget-container{
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 0;
}

.widget-container .wp-caption img{
	margin: auto;
}

.widget-title{
	color: #222;
	font-weight: bold;
}

.widget-area a:link,
.widget-area a:visited{
	text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover{
	text-decoration: underline;
}

.widget-area .entry-meta{
	font-size: 11px;
}

#wp_tag_cloud div{
	line-height: 1.6em;
}

#wp-calendar{
	width: 100%;
}

#wp-calendar caption{
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

#wp-calendar thead{
	font-size: 11px;
}

#wp-calendar tbody{
	color: #aaa;
}

#wp-calendar tbody td{
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad{
	background: none;
}

#wp-calendar tfoot #next{
	text-align: right;
}

.widget_rss a.rsswidget{
	color: #000;
}

.widget_rss a.rsswidget:hover{
	color: #ff4b33;
}

.widget_rss .widget-title img{
	width: 11px;
	height: 11px;
}

/* [BASE-14] フッター
-------------------------------------------------------------- */

#footer{
	margin-bottom: 0px;
}

#colophon{
	border-top: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 18px 0;
}

#site-info{
	font-weight: noemral;
}

#site-info a{
	color: #000;
	text-decoration: none;
}

#site-generator{
	font-style: italic;
	position: relative;
}

#site-generator a{
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator a:hover{
	text-decoration: underline;
}

img#wpstats{
	display: block;
	margin: 0 auto 10px;
}

/* [BASE-15] Mobile Safari
-------------------------------------------------------------- */

pre{
	-webkit-text-size-adjust: 140%;
}

code{
	-webkit-text-size-adjust: 160%;
}

#site-description{
	-webkit-text-size-adjust: none;
}

/* [BASE-16] 印刷用CSS
-------------------------------------------------------------- */

@media print{
body{
	background: none !important;
}

#wrapper{
	clear: both !important;
	display: block !important;
	float: none !important;
	position: relative !important;
}

#header{
	border-bottom: 2pt solid #000;
	padding-bottom: 18pt;
}

#colophon{
	border-top: 2pt solid #000;
}

#site-title,
#site-description{
	float: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	clear: both;
}

#site-title{
	font-size: 13pt;
}

.entry-content{
	font-size: 14pt;
	line-height: 1.6em;
}

.entry-title{
	font-size: 21pt;
}

#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area{
	display: none !important;
}

#container,
#header,
#footer{
	margin: 0;
	width: 100%;
}

#content,
.one-column #content{
	margin: 24pt 0 0;
	width: 100%;
}

.wp-caption p{
	font-size: 11pt;
}

#site-info,
#site-generator{
	float: none;
	width: auto;
}

#colophon{
	width: auto;
}

img#wpstats{
	display: none;
}

#site-generator a{
	margin: 0;
	padding: 0;
}

#entry-author-info{
	border: 1px solid #e7e7e7;
}

#main{
	display: inline;
}

.home .sticky{
	border: none;
}
}

/*--------------------------------------------------
ここからオリジナル
--------------------------------------------------*/
/* [PC-01] ヘッダー */
div#head_1000{
	width: 1000px;
	margin: 0 auto;
}

p#head_contact{
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
}

p#head_shiryo{
	float: left;
	margin: 0 10px 40px 0;
	padding: 0;

}

/* [PC-02] ナビゲーション */
/*ホーム*/
ul.menu li#menu-item-11{
	width: 144px;
}

ul.menu li#menu-item-11.current-menu-item a{
	background: url("images/nav/navhome_h.gif") no-repeat;
}

ul.menu li#menu-item-11,
ul.menu li#menu-item-11 a{
	background: url("images/nav/navhome.gif") no-repeat;
}

ul.menu li#menu-item-11 a:hover{
	background: url("images/nav/navhome_h.gif") no-repeat;

}

/*新着情報*/
ul.menu li#menu-item-39{
	width: 142px;
}

ul.menu li#menu-item-39.current-menu-item a{
	background: url("images/nav/navnews_h.gif") no-repeat;
}

ul.menu li#menu-item-39,
ul.menu li#menu-item-39 a{
	background: url("images/nav/navnews.gif") no-repeat;
}

ul.menu li#menu-item-39 a:hover{
	background: url("images/nav/navnews_h.gif") no-repeat;
}

/*製品紹介*/
ul.menu li#menu-item-90{
	width: 143px;
}

ul.menu li#menu-item-90.current-menu-item a{
	background: url("images/nav/navseihin_h.gif") no-repeat;
}

ul.menu li#menu-item-90,
ul.menu li#menu-item-90 a{
	background: url("images/nav/navseihin.gif") no-repeat;
}

ul.menu li#menu-item-90 a:hover{
	background: url("images/nav/navseihin_h.gif") no-repeat;
}

/*できること*/
ul.menu li#menu-item-15{
	width: 143px;
}

ul.menu li#menu-item-15.current-menu-item a{
	background: url("images/nav/navdekirukoto_h.gif") no-repeat;
}

ul.menu li#menu-item-15,
ul.menu li#menu-item-15 a{
	background: url("images/nav/navdekirukoto.gif") no-repeat;
}

ul.menu li#menu-item-15 a:hover{
	background: url("images/nav/navdekirukoto_h.gif") no-repeat;
}

/*製作事例*/
ul.menu li#menu-item-16{
	width: 143px;
}

ul.menu li#menu-item-16.current-menu-item a{
	background: url("images/nav/navjirei_h.gif") no-repeat;
}

ul.menu li#menu-item-16,
ul.menu li#menu-item-16 a{
	background: url("images/nav/navjirei.gif") no-repeat;
}

ul.menu li#menu-item-16 a:hover{
	background: url("images/nav/navjirei_h.gif") no-repeat;
}

/*会社案内*/
ul.menu li#menu-item-13{
	width: 142px;
}

ul.menu li#menu-item-13.current-menu-item a{
	background: url("images/nav/navannai_h.gif") no-repeat;
}

ul.menu li#menu-item-13,
ul.menu li#menu-item-13 a{
	background: url("images/nav/navannai.gif") no-repeat;
}

ul.menu li#menu-item-13 a:hover{
	background: url("images/nav/navannai_h.gif") no-repeat;
}

/*用語集*/
ul.menu li#menu-item-14{
	width: 143px;
}

ul.menu li#menu-item-14.current-menu-item a{
	background: url("images/nav/navyogo_h.gif") no-repeat;
}

ul.menu li#menu-item-14,
ul.menu li#menu-item-14 a{
	background: url("images/nav/navyogo.gif") no-repeat;
}

ul.menu li#menu-item-14 a:hover{
	background: url("images/nav/navyogo_h.gif") no-repeat;
}

/* [PC-03] 共通タイトル画像 */
h2.page_topcontents{
	margin-top:5px;
}

/* できること・制作事例・会社案内：タイトル画像下の余白を統一 */
.page-template-page_dekirukoto #content > h2.page_topcontents,
.page-template-page_jirei #content > h2.page_topcontents,
.page-template-page_company #content > h1.page_topcontents{
	display: block;
	margin-top: 5px;
	margin-bottom: 40px;
}

.page-template-page_dekirukoto #content > .page_topcontents picture,
.page-template-page_dekirukoto #content > .page_topcontents img,
.page-template-page_jirei #content > .page_topcontents picture,
.page-template-page_jirei #content > .page_topcontents img,
.page-template-page_company #content > .page_topcontents picture,
.page-template-page_company #content > .page_topcontents img{
	display: block;
}

/* [PC-04] トップページ */

div#main_visual{
	margin-top: 50px;
}

/* トップページ：PC・スマホ用メインビジュアルの切り替え */
.main-visual-pc{
	display: block;
}

.main-visual-sp{
	display: none;
}

div#newswrap{
	width: 475px;
	float: left;
	margin-top: 40px;
}

div#news_miniwrap{
	width: 473px;
	height: 413px;
	border: solid 1px #e1e1e1;
}

div#news_scroll{
	padding-top: 7px;
	height: 400px;
	overflow-y: scroll
}

div#seihin_Bt p{
	float: left;
	width: 320px;
	height: 100px;
	margin-top: 20px;
}

div#seihin_Bt p:nth-of-type(3n+1){
	margin-right: 20px;
}

div#seihin_Bt p:nth-of-type(3n){
	margin-left: 20px;
}

/* トップページ：画像＋HTMLテキストの製品ボタン */
div#seihin_Bt a.product-button{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 320px;
	height: 100px;
	padding: 4px;
	border: 1px solid #d8d8d8 !important;
	background: #fafafa;
	color: #111;
	text-decoration: none;
}

div#seihin_Bt a.product-button img{
	flex: 0 0 100px;
	width: 100px;
	height: 90px;
	border: 0;
	object-fit: contain;
}

div#seihin_Bt a.product-button span{
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	padding: 8px;
	font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.35;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .22);
}

div#bt_wrap{
	width: 475px;
	float: left;
	margin-top: 40px;
	margin-left: 50px;
}

div#bt_wrap p{
	margin-bottom: 8px;
}

div#news_miniwrap dl#prtitlelist{
	font-size: 14px;
	line-height: 18px;
	padding: 20px;
}

div#news_miniwrap dl#prtitlelist dd{
	text-indent: 1em;
	margin-bottom:1em;
}

div#news_miniwrap dl#prtitlelist dd a{
	text-decoration: none;
}

div#news_miniwrap dl#prtitlelist dd a:hover{
	text-decoration: underline;
}

/* [PC-05] 新着情報ページ */
/* 記事ブロックと回り込み要素の包含 */
div.news_separate{
	display: flow-root;
	margin-bottom: 100px;
	padding-top: 25px;
	clear: both;
}

div.news_separate h2{
	box-sizing: border-box;
	border-bottom: solid 1px #e1e1e1;
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
}

div.news_separate h3{
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-right: 0.5em;
}

div.news-entry-content{
	box-sizing: border-box;
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
}

div.news-entry-content p{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	line-height: 1.75em;
}

/* [PC-06] サイドバー */
/* 新着情報ウィジェット：画像タイトルをテキストとCSSで表示 */
li#recent-posts-2 h3.widget-title,
li#archives-2 h3.widget-title,
#wording-list h3.widget-title,
#primary h2.sidebar_title a{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 180px;
	height: 25px;
	margin-bottom: 10px;
	padding: 3px 8px 3px 20px;
	border: 1px solid #deded2 !important;
	background-color: #f8f8f3;
	background-image: url(images/news/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 7px 9px;
	color: #555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: normal;
	text-indent: 0;
	text-decoration: none;
}

/* 新着情報ウィジェット：アーカイブ選択欄をタイトル幅に統一 */
li#archives-2 select{
	box-sizing: border-box;
	width: 180px;
}

/* PCサイドバー：新着情報と製品情報のリンクリストを統一 */
@media screen and (min-width: 769px){
#main .widget-area ul:not(.xoxo),
#main .widget-area ol{
	box-sizing: border-box;
	width: 180px;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: normal;
}

/* 製品サイドバー：テンプレート内の「・」を隠してsquareだけ表示 */
#main #primary .sideol li{
	font-size: 0;
}

#main #primary .sideol li::marker,
#main #primary .sideol li a{
	font-size: 12px;
	line-height: 1.5;
}
}

div.entry-meta{
	text-align: right;
	margin: 10px 0;
}

div.entry-utility{
	display: none;
}

/* [PC-07] 製品情報ページ */
div.bt_wrap{
	clear:both;
	margin-bottom: 30px;
}

p.bt_left{
	float: left;
	margin-top: 30px;
}

p.bt_right{
	float: right;
	margin-top: 30px;
	margin-left: 30px;
}

h2.porduct_maintit{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 25px;
	margin: 5px 0 23px;
	padding: 3px 12px 4px 30px;
	border-left: 0;
	background: #f5f5ed;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

h2.porduct_maintit::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

div.product_separate{
	overflow: hidden;
	background: #f8f8f8;
	border: solid 1px #e1e1e1;
	padding: 10px;
	width: 748px;
	height: auto;
	min-height: 200px;
	margin-bottom: 30px;
}

p.product_ph{
	float: left;
	width: 200px;
	height: 200px;
}

div.product_miniwrap{
	float: left;
	width: 500px;
	margin-left: 20px;
}

div.product_miniwrap h2{
	border-bottom: solid 1px #e1e1e1;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.sidebar_title img{
	display: none;
}

.sidebar_title span{
	display: block;
}

p.continue{
	text-align: right;
	margin-top: 5px;
}

div.products_single{
	box-sizing: border-box;
	background: #f8f8f8;
	border: solid 1px #e1e1e1;
	padding: 10px;
	width: 100%;
	max-width: 100%;
}

h2#product_single_h2{
	background: url(images/jirei/titbg.gif) no-repeat;
	height: 25px;
	font-size: 18px;
	padding: 7px 0 0 30px;
	margin: 5px 0 0;
}

div#products_single_photowrap{
	float: left;
	width: 200px;
	margin-right: 20px;
}

p.product_thumph{
	margin: 5px 0 2px;
	width: 200px;
	height: 200px;
}

p.product_textph{
	text-align: center;
	width: 200px;
	margin-bottom: 10px;
}

div.products_single_miniwrap{
	float: right;
	width: 500px;
}

div.shousai{
	margin-top: 30px;
}

div.products_single div.clear{
	clear: both;
	height: 10px;
}

/* [PC-08] できることページ */
/* 画像見出しを再現したHTML見出し */
h3.dekirukoto_h3{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 25px;
	margin: 24px 0 24px;
	padding: 3px 12px 3px 30px;
	border: 0;
	background: #f6f6f1;
	color: #222;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .22);   
    
}

h3#dekirukoto_h3top{
	margin-top: 20px;
	padding: 3px 12px 3px 30px;
}

h3.dekirukoto_h3::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

div#dekirukoto p{
	width: 920px;
	margin-left: 55px;
	font-size: 12px;
	line-height: 24px;
}

/* [PC-09] 制作事例ページ */
div.jirei_miniwrap{
	clear: both;
	border-bottom: solid 1px #e1e1e1;
	margin: 20px 0;
	padding-bottom: 20px;
	height: auto;
}

div.jirei_ph{
	width: 200px;
	height: 200px;
	float: left;
	margin-top: 20px;
}

div.jirei_right{
	width: 780px;
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}

div.jirei_kadai,
div.jirei_kaiketsusaku{
	font-size: 12px;
	line-height: 21px;
	padding: 10px 25px;
}

/* 製作事例ページ：「ご依頼課題」「解決方法」のHTML見出し */
.case-section-title{
	box-sizing: border-box;
	width: 100%;
	min-height: 25px;
	margin: 0;
	padding: 3px 20px;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
}

.case-section-title--request{
	border: 1px solid #e6bf79;
	background: linear-gradient(to bottom, #fff 0%, #fffaf2 50%, #f7ecdb 100%);
}

.case-section-title--solution{
	border: 1px solid #91c97b;
	background: linear-gradient(to bottom, #fff 0%, #f8fff5 50%, #e8f5e2 100%);
}

div.jirei_miniwrap h3{
	background: url(images/jirei/titbg.gif) no-repeat;
	height: 25px;
    line-height: 25px;
	width: 1000px;
	font-size: 18px;
	padding: 0 0 0 30px;
	font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div#zukai{
	margin-top: 80px;
}

/* [PC-10] 会社案内ページ */

/* 会社概要：PC版の元デザインに合わせた見出し */
#content h2.tit_h2.section-title{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 25px;
	margin: 0 0 20px;
	padding: 3px 12px 3px 30px;
	border-left: 0;
	background: #f5f5ed;
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
}

#content h2.tit_h2.section-title::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

table#gaiyo_table,table#enkaku_table{
	width: 100%;
    margin-bottom: 40px;
}

table#gaiyo_table th,table#enkaku_table th{
	background: #f7f7f7;
	vertical-align: top;
	width: 150px;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	border-bottom: solid 1px #e1e1e1;
    padding: 6px 24px;
}

table#gaiyo_table td,table#enkaku_table td{
	vertical-align: top;
	font-weight: normal;
	color: #000;
	font-size: 14px;
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}

table#gaiyo_table p{
	text-indent: 1em;
	line-height: 18px;
}

table#gaiyo_table p.fac{
	text-indent: 0em;
	margin-top: 10px;
}

div#companypage_bt_wrap{
	width: 800px;
	margin: 50px auto 0;
	text-align: center;
}

div#hoshin{
	margin-left:2em;
}

p.in1{
	margin-left:190px;
}

p.pright{
	margin-left:750px;
}

/* [PC-11] 用語集 */
div.wording_separate{
	padding-top: 25px;
	margin-bottom: 50px;
}

div.wording_separate h2{
	border-bottom: solid 1px #e1e1e1;
	width: 100%;
	padding-left: 0.5em;
}

div.wording_miniwrap{
	width: 90%;
	margin: 10px auto 0;
	line-height: 1.75em;
	letter-spacing: -0.05em;
}

li.wording_sideli{
	line-height: 1.5em;
}

h2.wordingsingleh2{
	background: url(images/jirei/titbg.gif) no-repeat;
	height: 25px;
	font-size: 18px;
	padding: 7px 0 0 30px;
	margin: 20px 0 0 0;
}

div.single_wording_miniwrap{
	margin: 0px 0 0 40px;
	width: 700px;
	font-size:12px;
	line-height: 18px;
}

/* [PC-12] お問い合わせ・資料請求 */
div#toiawase_div{
	width: 94%;
	margin:  20px auto 0;
	font-size: 14px;
	line-height: 24px;
    padding-left: 1em;
    padding-right: 1em;
}

table#otoiawase,
table#shiryoseikyu{
	width: 800px !important;
	margin: 0 auto;
	border: solid 1px #e1e1e1 !important;
}

table#otoiawase th p,table#shiryoseikyu th p{
	margin-bottom: 0;
}

table#otoiawase th,
table#shiryoseikyu th{
	color: #000;
	font-weight: normal;
	background: #f6f6ef;
	border-bottom: solid 1px #FFF;
	vertical-align: middle;
	text-aling: right;
	width: 250px !important;
}

table#otoiawase td,
table#shiryoseikyu td{
	font-size: 12px;
	width: 550px !important;
}

table#otoiawase td input,
table#otoiawase td textarea,
table#shiryoseikyu td input,
table#shiryoseikyu td textarea{
	width: 500px;
}

p.chuui{
	width: 100%;
	margin: 20px auto 0;
	text-align: right;
	font-size: 12px;
}

th.formth{
	width: 250px !important;
}

th.formtd{
	width: 550px !important;
}

span.hissu{
	color: #ffa800;
}

p.sendbt{
	text-align: center;
	margin-top: 30px;
}

/* Contact Form 7：入力エラー表示 */
.wpcf7 .wpcf7-not-valid{
	background: pink;
}

.wpcf7 .wpcf7-response-output{
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors{
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-mail-sent-ok{
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
}

p.sendbt .wpcf7-form-control{
	width: 60%;
/* 文字サイズを1.4emに指定 */
	font-size: 1.4em;
	padding: 10px 30px;
	color: #fff !important;
	border-style: none;
	letter-spacing: 2em;
	text-indent: 2em;
	background: #ffa800;
	outline: none;
}

p.sendbt .wpcf7-form-control:hover{
	opacity: 0.8;
}

/* お問い合わせ・資料請求フォーム：承諾チェックを文章の前に配置 */
.wpcf7 form > p:has(.wpcf7-acceptance){
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.wpcf7 form > p:has(.wpcf7-acceptance) .wpcf7-form-control-wrap{
	order: -1;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item{
	margin: 0;
}

.wpcf7 .wpcf7-acceptance input[type="checkbox"]{
	display: block;
	margin: 0;
}

/* [PC-13] フッターナビゲーション */
div#foot_nav ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width: 1000px;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
}

div#foot_nav li{
	float: none;
	flex: 0 0 auto;
	list-style: none;
	padding: 0 8px;
}

div#foot_nav li a{
	text-decoration: none;
}

div#foot_nav ul li{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

div#foot_nav ul li + li{
	border-right:1px solid #999999;
	border-left:0px solid #999999;
}

div#foot_nav ul ul li{
	border-right:0px solid #999999;
	border-left:0px solid #999999;
}

/* [PC-14] フッター営業所情報 */
div#foot01{
	margin-left: 0px;
}

div.foot_address{
	font-size: 11px;
	float: left;
	width: 25%;
	padding-top: 10px;
	padding-right: 0px;
	margin-bottom:40px;
	line-height:1.5em;
}

div#isomark{
	clear:both;
	margin: 0 auto 20px;
	width:200px;
	text-align:center;
}

p#copy{
	text-align: center;
	padding: 15px 0 0;
}

/* [PC-15] パンくずリスト */
#breadcrumb{
	color: #706a65;/* this postの文字色 */
	padding: 0;
	max-width: 1000px;/* パンくずリストの最大幅、レスポンシブ対応 */
	width: 100%;
	font-size: 12px;
	line-height: 1em;
	margin: 20px auto;
}

#breadcrumb div{
	display: inline-block;/* パンくずリストを横並びに */
}

#breadcrumb div a{
	color:#706a65;/* パンくずリストのリンクカラー*/
	text-decoration: none;
}

#breadcrumb div a:after{
	content:">";/* 疑似要素で区切り文字を描画 */
}

/* [PC-16] ページネーション */
div.pagination{
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:8px;
	line-height:12px ;
	background:none;
	margin:10px 0 20px;
	vertical-align: middle;
	float: right;
}

div.pagination span, .pagination a{
	display:block;
	float:left ;
	margin: 2px 2px 2px 0 ;
	padding:5px;
	text-decoration:none;
	width:auto ;
	color:#fff ;
	background: #999 ;
}

div.pagination a:hover{
	color:#fff ;
	background: #000;
}

div.pagination .current{
	padding:5px;
	background: #000;
	color:#fff ;
}

a{
	border: none  !important;
	outline: none !important;
}

/* [PC-18] サイトマップ・サイトポリシー・個人情報保護方針 */
div#sitemap,
div#privacypolicy{
	margin: 0 0 50px;
}

div#sitemap p,
div#sitepolicy p,
div#privacypolicy p{
	font-size: 12px;
	line-height: 21px;
	padding: 0 25px;
}

div#sitemap h2,
div#sitepolicy h2,
div#privacypolicy h2{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 25px;
	margin-bottom: 16px;
	padding: 3px 12px 3px 30px;
	background: #f5f5ed;
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
}

div#sitemap h2::before,
div#sitepolicy h2::before,
div#privacypolicy h2::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

div#sitemap h3,
div#sitepolicy h3,
div#privacypolicy h3{
	font-size: 14px;
	line-height: 21px;
	padding: 20px 15px 0;
}

div#sitepolicy h4{
	margin: 16px 25px 4px;
	font-size: 12px;
	line-height: 1.75;
}

div#sitepolicy ul.recommended-environment-list{
	margin: 0 25px 12px;
	padding-left: 1.5em;
	font-size: 12px;
	line-height: 1.75;
	list-style-type: square;
}

ul#sitemap{
	font-size: 12px;
	line-height: 21px;
	padding: 0 45px;
}

ul#sitemap li{
	margin-top: 3px;
}

ul#sitemap a{
	text-decoration: none;
}

ul#sitemap a:hover{
	text-decoration: underline;
}

ul#sitemap ol{
	padding: 0 20px;
	line-height: 16px;
	list-style-type: circle;
}

.single h1.entry-title,.news_separate h2{
	line-height:1.25;
}

/* [PC-17] 記事詳細ページ */
/* タイトル・本文・下部の前後記事リンク */
.single .entry-title,
.single .entry-content{
	box-sizing: border-box;
	padding-right: 5%;
	padding-left: 5%;
}

.single #nav-below{
	display: flex;
	clear: both;
	float: none;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	width: 90%;
	margin: 100px 5% 0;
	padding: 0;
}

.single #nav-below .nav-previous,
.single #nav-below .nav-next{
	float: none;
	width: auto;
	max-width: 48%;
}

.single #nav-below .nav-next{
	margin-left: auto;
	text-align: right;
}

/* ==================================================
   [SP-00] レスポンシブ共通部
================================================== */
/* 共通：メニューボタンとHTML見出し */
.menu-toggle{
	display: none;
}

.mobile-header-actions{
	display: none;
}

.section-title{
	box-sizing: border-box;
	min-height: 25px;
	margin: 0;
	padding: 3px 14px 4px;
	border-left: 6px solid #e49a00;
	background: #f1f1f1;
	color: #222;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.15;
    font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.section-title--wide{
	margin-top: 40px;
}

@media screen and (max-width: 768px){
/* [SP-01] スマホ共通設定 */
/* 横はみ出し防止と基本文字設定 */
html{
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

body{
	min-width: 0;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

*, *::before, *::after{
	box-sizing: border-box;
}

img,
video,
iframe,
embed,
object{
	max-width: 100%;
	height: auto;
}

#wrapper,
#main,
#colophon,
#container,
.one-column #content,
.single-attachment #content,
#content,
#content_2Column,
div#head_1000,
#access .menu-header,
div.menu{
	width: 100%;
	max-width: 100%;
}

#main,
#colophon,
#breadcrumb{
	padding-right: 16px;
	padding-left: 16px;
}

/* [SP-02] スマホヘッダー */
/* ロゴ、固定表示、表示アニメーション */
#header{
	position: relative;
	height: auto;
	min-height: 72px;
	padding: 0;
	background: #fff;
}

#header.is-mobile-fixed{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .16);
	animation: mobile-header-in .32s cubic-bezier(.22, 1, .36, 1) both;
	will-change: transform, opacity;
}

@keyframes mobile-header-in{
from{
	opacity: 0;
	transform: translateY(-100%);
}

to{
	opacity: 1;
	transform: translateY(0);
}
}

body.has-mobile-fixed-header #main{
	padding-top: 72px;
}

div#head_1000{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-height: 72px;
	padding: 16px;
}

#branding{
	float: none;
	width: 70%;
	margin: 0;
}

#site-title{
	float: none;
	width: 100%;
	margin: 0;
}

#branding img{
	width: min(344px, 100%);
}

p#head_shiryo,
p#head_contact{
	display: none;
}

p#head_shiryo img,
p#head_contact img{
	width: 100%;
}

/* [SP-03] ハンバーガーボタン */
#access{
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1000;
	float: none;
	clear: none;
	width: 46px;
	height: auto;
	min-height: 40px;
	padding: 0;
	background: transparent;
}

.menu-toggle{
	display: block;
	width: 46px;
	height: 40px;
	min-height: 40px;
	margin-left: auto;
	padding: 8px 9px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #222;
	cursor: pointer;
}

.menu-toggle__icon,
.menu-toggle__icon span{
	display: block;
}

.menu-toggle__icon{
	position: relative;
	width: 26px;
	height: 22px;
}

.menu-toggle__icon span{
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	background: #222;
	transition: transform .28s cubic-bezier(.4, 0, .2, 1), top .28s cubic-bezier(.4, 0, .2, 1), opacity .2s ease;
}

.menu-toggle__icon span:nth-child(1){
	top: 1px;
}

.menu-toggle__icon span:nth-child(2){
	top: 9px;
}

.menu-toggle__icon span:nth-child(3){
	top: 17px;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(1){
	top: 9px;
	transform: rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(2){
	opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(3){
	top: 9px;
	transform: rotate(-45deg);
}

/* [SP-04] ハンバーガーメニューパネル */
#access .mobile-menu-panel{
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: block;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	background: linear-gradient(to right, #fff 0, #fff 20%, #8f8f8f 20%, #8f8f8f 100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .32s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .32s;
}

#access .mobile-menu-panel.is-open{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .32s cubic-bezier(.4, 0, .2, 1), visibility 0s linear 0s;
}

#access .menu-header{
	display: block;
	width: 80%;
	min-height: 0;
	margin-left: 20%;
	padding: 10px 20px 0;
	background: #8f8f8f;
	opacity: 0;
	transform: translateX(32px);
	transition: opacity .28s ease, transform .38s cubic-bezier(.22, 1, .36, 1);
}

#access .mobile-menu-panel.is-open .menu-header{
	opacity: 1;
	transform: translateX(0);
}

#access .menu-header ul,
#access .menu-header li,
#access .menu-header a,
#access .menu-header li[id]{
	float: none;
	width: 100%;
	height: auto;
	min-height: 0;
	text-indent: 0;
	background: none !important;
	background-image: none !important;
}

#access .menu-header a{
	min-height: 41px;
	padding: 0 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .32) !important;
	color: #fff;
	line-height: 41px;
	text-indent: 0;
}

#access .menu-header ul ul{
	position: static;
	display: block;
	width: 100%;
}

#access .menu-header ul ul a{
	width: 100%;
	padding-left: 36px;
	background: transparent !important;
}

/* [SP-05] 資料請求・お問い合わせボタン */
.mobile-header-actions{
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	width: 80%;
	margin-left: 20%;
	padding: 50px 40px 20px;
	background: #8f8f8f;
	opacity: 0;
	transform: translateX(32px);
	transition: opacity .28s ease .04s, transform .38s cubic-bezier(.22, 1, .36, 1) .04s;
}

#access .mobile-menu-panel.is-open .mobile-header-actions{
	opacity: 1;
	transform: translateX(0);
}

#access .mobile-header-actions a{
	display: block;
	min-height: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
}

#access .mobile-header-actions img{
	display: block;
	width: 100%;
	height: auto;
}

body.mobile-menu-open{
	overflow: hidden;
}

.menu-toggle[aria-expanded="true"]{
	position: fixed;
	top: 24px;
	right: auto;
	left: calc(10vw - 23px);
	z-index: 1002;
	border-color: transparent;
	background: transparent;
}

/* [SP-06] トップページメインビジュアル */
div#main_visual{
	margin-top: 24px;
	margin-bottom: 24px;
}

.main-visual-pc{
	display: none;
}

.main-visual-sp{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* スマホ用MetaSlider：画像全体を縦横比を保って表示 */
.main-visual-sp .metaslider,
.main-visual-sp .flexslider,
.main-visual-sp .flex-viewport,
.main-visual-sp .nivoSlider,
.main-visual-sp .slides,
.main-visual-sp .slides > li,
.main-visual-sp .ms-image{
	height: auto !important;
	max-height: none !important;
}

.main-visual-sp img{
	display: block;
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

.section-title,
h2.tit_h2{
	height: auto;
	min-height: 44px;
	margin-bottom: 24px;
	padding: 9px 16px;
}

.section-title--wide{
	margin-top: 28px;
}

/* [SP-07] トップページ製品ボタン */
div.bt_wrap{
	clear: both;
	margin-bottom: 0;
}

div#seihin_Bt{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 16px;
}

div#seihin_Bt a.product-button span{
	font-size: 16px;
	font-weight: 500;
}

div#seihin_Bt p,
div#seihin_Bt p:nth-of-type(3n+1),
div#seihin_Bt p:nth-of-type(3n){
	float: none;
	width: auto;
	height: auto;
	margin: 0;
}

div#seihin_Bt a.product-button{
	display: flex;
	width: 100%;
	height: auto;
	min-height: 104px;
	padding: 0;
}

div#seihin_Bt a.product-button img{
	flex: 0 0 32%;
	width: 32%;
	height: auto;
	max-height: 150px;
	aspect-ratio: 1 / 1;
	margin-left: 6px;
}

div#newswrap,
div#bt_wrap{
	float: none;
	width: 100%;
	margin: 28px 0 0;
}

div#news_miniwrap{
	width: 100%;
	height: auto;
}

div#news_scroll{
	height: auto;
	max-height: 400px;
}

div#news_miniwrap dl#prtitlelist{
	font-size: 14px;
	line-height: inherit;
}

div#news_miniwrap dl#prtitlelist dd{
	text-indent: 0;
	padding-left: 1em;
}
/* [SP-08] 2カラムページ */
#primary,
#secondary,
div.jirei_ph,
div.jirei_right{
	float: none;
	width: 100%;
}

#primary,
#secondary{
	margin: 24px auto 0;
}

/* [SP-09] サイドバー・用語集 */
/* 新着情報ウィジェット：タイトルをコンテンツ幅いっぱいに表示 */
li#recent-posts-2 h3.widget-title,
li#archives-2 h3.widget-title,
li#archives-2 select,
#wording-list h3.widget-title,
#primary h2.sidebar_title a{
	width: 100%;
}

/* 用語集サイドバー：新着情報・製品情報とリンク表示を統一 */
#wording-list .wording-sidebar-list{
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}

/* [SP-10] 新着情報 */
div.type-post h1{
	box-sizing: border-box;
	border-bottom: solid 1px #e1e1e1;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	font-size: 15px;
}

div.news_separate h2,
.product_miniwrap h2{
	padding-right: 2%;
	padding-left: 2%;
	font-size: 15px;
}

.single #nav-below{
	display: block;
	clear: both;
	float: none;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	width: 90%;
	margin: 40px 5%;
	padding: 0;
}

.single .nav-previous{
	float: none;
	width: 100%;
}

.single .nav-next{
	float: none;
	width: 100%;
	margin-top: 1em;
	text-align: right;
}

.single #nav-below .nav-previous,
.single #nav-below .nav-next{
	max-width: 100%;
}

/* [SP-11] 記事画像 */
/* 回り込み解除と中央配置 */
.single .entry-content img,
.single .entry-content img.alignleft,
.single .entry-content img.alignright,
.single .entry-content img.aligncenter,
.news-entry-content img,
.news-entry-content img.alignleft,
.news-entry-content img.alignright,
.news-entry-content img.aligncenter{
	display: block;
	float: none !important;
	clear: both;
	max-width: 100%;
	height: auto;
	margin-right: auto !important;
	margin-left: auto !important;
}

.single .entry-content .alignleft,
.single .entry-content .alignright,
.single .entry-content .aligncenter,
.single .entry-content .wp-caption,
.news-entry-content .alignleft,
.news-entry-content .alignright,
.news-entry-content .aligncenter,
.news-entry-content .wp-caption{
	float: none !important;
	clear: both;
	max-width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center;
}

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area{
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}


/* [SP-12] 製品ページサイドバー */
.page-template-page_products #primary{
	max-width: 370px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}

#primary .sideol{
	display: none;
}

#primary h2.sidebar_title{
	margin: 0 0 8px;
}

#primary h2.sidebar_title img{
	display: none;
}

#primary h2.sidebar_title span{
	display: block;
}

#primary h2.sidebar_title a{
	max-width: none;
	height: auto;
	min-height: 25px;
	border-radius: 0;
}

#primary h2.sidebar_title a::after{
	content: none;
}

div#dekirukoto p,
div.single_wording_miniwrap,
div#toiawase_div,
div#companypage_bt_wrap,
div#sitemap h2,
div#sitepolicy h2,
div#privacypolicy h2,
h2.wordingsingleh2{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

/* [SP-13] できることページ */
h3.dekirukoto_h3.section-title{
	min-height: 25px;
	margin: 24px 0 12px;
	padding: 3px 12px 3px 30px;
}

h3.dekirukoto_h3{
	margin-top: 40px !important;
	margin-bottom: 1em !important;
	font-size: 15px;
}

#content div#dekirukoto p{
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-right: 5.5%;
	padding-left: 5.5%;
}

div.jirei_right{
	margin-left: 0;
}

/* [SP-14] 製品紹介・制作事例 */
.bt_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 0;
}

div.jirei_miniwrap h3{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 34px;
	margin: 24px 0 12px;
	padding: 3px 12px 3px 30px;
	background: #f6f6f1;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

div.jirei_miniwrap h3::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

.bt_wrap p,
.bt_wrap p.bt_left,
.bt_wrap p.bt_right,
div.jirei_ph,
div.jirei_right h4,
div#zukai{
	float: none;
	width: 100%;
	margin: 24px auto 0;
	text-align: center;
}

.bt_wrap p:empty{
	display: none;
}

/* [SP-15] 製品子ページ */
div.product_separate{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	height: auto;
	margin-bottom: 24px;
	padding: 16px;
}

div.product_miniwrap{
	display: contents;
}

div.product_miniwrap h2{
	order: 1;
	width: 100%;
	margin: 0 0 16px;
	padding-bottom: 8px;
}

p.product_ph{
	order: 2;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto 16px;
	text-align: center;
}

p.product_ph img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

div.product_miniwrap > p{
	order: 3;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

div.jirei_right h4.case-section-title{
	width: 100%;
	height: auto;
	margin: 18px 0 0;
	padding: 6px 12px;
	text-align: left;
}

div.jirei_right h4.case-section-title--request{
	margin-top: 0;
}

.bt_wrap img,
div.jirei_ph img,
div.jirei_right h4 img,
div#zukai img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

div#sitemap h2,
div#sitepolicy h2,
div#privacypolicy h2,
h2.wordingsingleh2{
	height: auto;
	min-height: 32px;
	padding: 6px 10px 6px 18px;
	background: #f1f1f1;
}

div#zukai{
	margin-top: 36px;
}

/* [SP-16] 会社概要・沿革・フォーム */
#content h2.tit_h2.section-title{
	margin-top: 40px;
}

table#otoiawase,
table#shiryoseikyu,
table#gaiyo_table,
table#enkaku_table{
	width: 94% !important;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed;
}

table#otoiawase th,
table#otoiawase td,
table#shiryoseikyu th,
table#shiryoseikyu td,
table#gaiyo_table th,
table#gaiyo_table td,
table#enkaku_table th,
table#enkaku_table td{
	display: block;
	width: 100% !important;
	font-size: 14px;
}

table#otoiawase th,
table#otoiawase td,
table#shiryoseikyu th,
table#shiryoseikyu td{
	padding: 8px;
}

table#gaiyo_table th,
table#enkaku_table th{
	padding: 10px 12px;
}

table#gaiyo_table td,
table#enkaku_table td{
	padding: 1em 6px 1em 18px;
}

table#otoiawase td input,
table#otoiawase td textarea,
table#shiryoseikyu td input,
table#shiryoseikyu td textarea,
#content input,
#content textarea,
#content select{
	max-width: 100%;
}

div#hoshin{
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

p.in1,
p.pright{
	margin-left: 0;
}

/* [SP-17] フッター */
#footer{
	margin-top: 56px;
}

div#foot_nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 8px;
}

div#foot_nav ul li,
div#foot_nav ul li + li{
	float: none;
	flex: 0 1 auto;
	max-width: 100%;
	margin: 4px 0 4px -1px;
	padding: 2px 9px;
	white-space: normal;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

div#foot_nav ul li a{
	display: block;
	max-width: 100%;
	overflow-wrap: anywhere;
}

div.foot_address{
	float: left;
	width: 50%;
	margin-bottom: 24px;
	padding-right: 12px;
}

div#foot01,
div#foot01 + div.foot_address + div.foot_address{
	clear: left;
	padding-right: 12px;
	padding-left: 0;
}

div#foot01 + div.foot_address,
div#foot01 + div.foot_address + div.foot_address + div.foot_address{
	clear: none;
	padding-right: 0;
	padding-left: 12px;
}

#content p{
	margin-bottom: 1.2em;
}

/* [SP-18] 本文文字サイズ */
.news-entry-content,
.product_miniwrap > p,
.products_single_miniwrap,
#content div#dekirukoto p,
div.jirei_kadai,
div.jirei_kaiketsusaku,
div.wording_miniwrap{
	font-size: 14px;
}

/* スマホ用語集 */
div.wording_separate{
	margin-bottom: 40px;
	padding-top: 0;
}

div.wording_separate h2{
	font-size: 15px;
}

/* スマホページネーション */
div.pagination{
	float: right;
	margin: 10px 0 20px;
	padding: 20px 0;
	background: none;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
}

/* [SP-19] 共通タイトル */
#content .section-title:not(.dekirukoto_h3),
#content h2#product_single_h2,
#content h2.wordingsingleh2,
#content div#sitemap > h2,
#content div#privacypolicy > h2,
#content_2Column .section-title:not(.dekirukoto_h3),
#content_2Column h2.porduct_maintit,
#content_2Column h2#product_single_h2,
#content_2Column h2.wordingsingleh2{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 25px;
	margin-bottom: 0;
	padding: 3px 12px 3px 30px;
	border: 0;
	border-left: 0;
	background: #f5f5ed;
	text-align: left;
}

.single-post h1.entry-title{
	margin-top: 25px;
}

.page-template-seihin h2.porduct_maintit,
.page-template-page_wording h2.section-title{
	margin-bottom: 25px !important;
}

/* [SP-20] 製品情報詳細 */
#content_2Column > h2.page_topcontents.section-title{
	max-width: 100%;
	overflow-wrap: anywhere;
}

div#products_single_photowrap,
div.products_single_miniwrap{
	float: none;
	width: 100%;
	max-width: 100%;
}

div#products_single_photowrap{
	margin-right: auto;
	margin-left: auto;
}

div.products_single_miniwrap{
	margin-right: 0;
	margin-left: 0;
}

#content .section-title:not(.dekirukoto_h3)::before,
#content h2#product_single_h2::before,
#content h2.wordingsingleh2::before,
#content div#sitemap > h2::before,
#content div#privacypolicy > h2::before,
#content_2Column .section-title:not(.dekirukoto_h3)::before,
#content_2Column h2.porduct_maintit::before,
#content_2Column h2#product_single_h2::before,
#content_2Column h2.wordingsingleh2::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	width: 17px;
	height: 17px;
	background: url(images/dekirukoto/arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
}

.entry-title,
h2#product_single_h2,
div.product_miniwrap h2{
	margin-bottom: 16px;
}

#breadcrumb{
	margin-top: 16px;
	margin-bottom: 16px;
}

/* [SP-21] 会社案内 */
.page-template-page_company p{
	font-size: 14px;
	line-height: 1.7;
}

table#gaiyo_table p,
table#enkaku_table p{
	margin-bottom: .25em !important;
}

table#gaiyo_table p.fac,
table#enkaku_table p.fac{
	margin-bottom: 0 !important;
}

#site-description{
	margin-top: 32px;
}

#site-info{
	margin-top: 32px;
}

div.foot_address h4{
	margin-bottom: 4px;
}

/* [SP-22] フォーム送信ボタン */
p.sendbt{
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

p.sendbt .wpcf7-form-control{
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* [SP-23] 記事内テーブル */
.entry-content table,
.news-entry-content table{
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.entry-content table th,
.entry-content table td,
.news-entry-content table th,
.news-entry-content table td{
	padding-right: 20px;
	white-space: nowrap;
	word-break: normal;
}

}

@media screen and (max-width: 480px){
/* [SP-24] 小型スマホ */
div#seihin_Bt{
	grid-template-columns: 1fr;
}

div#news_miniwrap dl#prtitlelist{
	padding: 14px;
}
}