@charset "UTF-8";

/*---------------------------------------------------------
Theme Name:BUSICOM
Theme URI:https://www.bisocom.co.jp
Description:
Author:BUSICOM STAFF
Author URI:https://www.bisocom.co.jp
Text Domain:BUSICOM
Version:20181220
---------------------------------------------------------*/
* {
	font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px
}

.st-main,
article,
.st-.st-aside,
header,
canvas,
details,
figcaption,
figure,
footer,
nav,
section,
summary {
	display: block
}

html,
body {
	height: 100%
}

body {
	min-width: 320px;
	word-wrap: break-word;
	background-color: #f2f2f2
}

body.mceContentBody {
	background-color: #fff
}

.st-hide {
	display: none
}

hr.hrcss {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.fa-question-circle,
.fa-check-circle,
.fa-exclamation-triangle,
.fa-pencil-square-o,
.fa-user {
	margin-right: 5px
}



/* リンクの色 */
a {
	text-decoration: underline;
	transition: .3s;
}

a:hover {
	color: #284a66
}

img,
video,
object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom
}

.inline-img img {
	display: inline
}

/* 画像リンクのマウスオーバーに透かし */
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8
}

/*画像にボーダー*/
.photoline img {
	border: solid 1px #ccc
}

img.size-full,
img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%
}

iframe {
	max-width: 100%
}

.resetwidth img,
.resetwidth video,
.resetwidth object,
.resetwidth iframe {
	max-width: initial;
	/* 初期状態にリセット */
	display: inline
}

.wp-caption {
	height: auto;
	max-width: 100%
}

/*続きを読む*/
.tuzukicenter {
	text-align: center;
	padding: 20px
}

.tuzuki {
	padding: 10px 20px;
	background: #f3f3f3;
	margin: 10px auto
}

/*PS link スタイルカスマイズ*/
 .content .lkc-card{
 margin:10px 15px;
 }
 .content .lkc-info {
 padding:0 0 5px 0;
 }
 .content .lkc-url{
 padding:2px 0 8px 0;
 }
 .content .lkc-thumbnail{
 margin-right:15px;
 } 

.lkc-card {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    margin-left: 8px;
    margin-right: 8px;
}

.lkc-thumbnail {    width: 200px!important;
}
.lkc-thumbnail-img { width: 200px!important;
}
.lkc-external-wrap{margin-bottom:20px!important;
border-radius:5px;}

/* スマートフォンは表示しない */
.smanone {
	display: none
}

/* clearfix */
.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

code {
	padding: 2px;
	background: #f3f3f3;
	margin: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

.clear {
	clear: both
}

.center {
	text-align: center;
	padding-bottom: 20px
}

.sticky {}

.bypostauthor {}

.gallery-caption {}

.screen-reader-text {}

/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-top:30px; */
	height: 0;
	overflow: hidden
}

.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/*--------------------------------
各フォント設定
---------------------------------*/
/*基本のフォントサイズ*/
p,
/* テキスト */
.yellowbox,
/* 黄色ボックス */
.graybox,
/* グレーボックス */
.redbox,
/* 薄赤ボックス */
#topnews .clearfix dd p,
/* 一覧文字 */
.post ul li,
/* ulリスト */
.post ol li,
/* olリスト */
#comments #respond,
/* コメント */
#comments h4

/* コメントタイトル */
	{
	font-size: 1.4rem;
	line-height: 25px;
}

/*游ゴシック*/
.post h2,
.post h2 span,
.post h3,
.post h3 span,
.entry-title,
.post .entry-title {
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif
}

/* table */
td.column-1 {
	min-width: 75px !important;
}

/* 基本の文字 */
p {
	margin-bottom: 20px
}

/*ブログタイトル*/
header .sitename {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 0;
	margin-bottom: 10px
}

header .sitename a {
	color: #333;
	text-decoration: none;
	font-weight: bold
}

header .sitename a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8
}

/*ブログ名の下のキャプション */
header h1 {
	font-size: 12px;
	font-weight: normal
}

header .descr {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 24px;
	padding-bottom: 0
}

/*投稿のカテゴリ*/
.post .st-catgroup {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding-top: 10px
}

.catname {
	font-size: 13px !important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration: none;
	background: #f3f3f3
}

.post .st-catgroup a {
	text-decoration: none;
	color: #000
}

.post .st-catgroup a:hover {
	opacity: 0.5
}

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7{background:#f00}
*/
/* 記事タイトル */
.entry-title,
.post .entry-title {
	font-size: 22px;
	line-height: 35px;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #eee
}

#st-page .entry-title {
	margin-bottom: 20px
}

.entry-title a:hover {
	text-decoration: underline
}

.entry-title a {
	color: #333;
	text-decoration: none
}

/* 中見出し */
h2 {
	/* background:#f3f3f3; */
	color: #333;
	font-size: 19px;
	line-height: 27px;
	margin: 20px 0;
	padding: 5px 0px 3px;
	/* padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; */
}

.post h3 {
	font-size: 16px;
	line-height: 27px;
	font-weight: 600;
	margin: 20px 0;
	color: #333;
	border-bottom: dotted 1px gray;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	position: relative
}

.post h3::before {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #43B962;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px
}

h3 a {
	color: #333;
	text-decoration: none
}

dd h3 {
	line-height: 23px
}

dd h3 a {
	color: #333;
	text-decoration: none;
	font-size: 16px
}

.post h4 {
	padding: 10px 15px;
	margin: 20px 0;
	background-color: #f3f3f3;
	font-size: 17px;
	line-height: 26px
}

/*amazonプラグインのh4は除外*/
.post .amazonjs_info h4 {
	background-color: transparent !important
}

.post h5 {
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 26px
}

.post h6 {
	margin-bottom: 10px
}

.wp-caption-text a,
.wp-caption-text {
	font-size: 12px;
	color: #ccc
}

/*NEWENTRY及び関連記事テキスト*/
.n-entry-t {
	margin-bottom: 40px;
	position: relative;
	border-bottom: solid 1px #f3f3f3;
	padding-top: 20px
}

.n-entry {
	padding: 3px 20px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	background: #f3f3f3;
	color: #000;
	position: absolute;
	top: 5px;
	left: 0
}

/* サイドバーの見出し */
#side h5 {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 5px
}

/* 関連記事の文字 */
.post p.point {
	margin-bottom: 40px;
	position: relative;
	border-bottom: solid 1px #f3f3f3;
	padding: 20px 15px 10px;
	background-color: transparent
}

.post p .point-in {
	padding: 3px 20px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	background: #f3f3f3;
	color: #000;
	position: absolute;
	top: 15px;
	left: 0
}

/* カテゴリコンテンツがある場合の記事一覧 */
.cat-itiran p.point {
	background-color: transparent;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 40px;
	padding: 20px 15px 10px;
	position: relative
}

.cat-itiran p.point .point-in {
	background: #f3f3f3 none repeat scroll 0 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	left: 0;
	margin: 0;
	padding: 3px 20px;
	position: absolute;
	top: 15px
}

.cat-itiran h3 {
	border: none
}

/* 記事タイトル下 */
.blogbox p {
	font-size: 12px;
	margin: 0px;
	color: #bdbdbd;
	line-height: 18px
}

.blogbox {
	margin-bottom: 20px;
	padding: 0px
}

/*投稿タグ*/
.tagst {
	font-size: 13px;
	color: #ccc;
	padding: 10px 0 0
}

/* 引用 */
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC
}

/* オリジナルスタイルsmartphone */
.huto {
	font-weight: bold
}

.hutoaka {
	font-weight: bold;
	color: #f00
}

.oomozi {
	font-size: 18pt;
	line-height: 35px;
	font-weight: bold
}

.komozi {
	font-size: 80%
}

.ymarker {
	background: #FFF9C4;
	padding: 0 2px
}

.rmarker {
	background: #ffcdd2;
	padding: 0 2px
}

.yellowbox {
	padding: 20px;
	border: solid 1px #fffacd;
	background-color: #ffffe0;
	margin-bottom: 20px
}

.redbox {
	padding: 20px;
	border: solid 2px #e28b8a;
	/* background-color:#ffebee; */
	border-radius: 6px;
	margin-bottom: 20px
}

.graybox {
	padding: 20px;
	border: solid 1px #ccc;
	background-color: #f3f3f3;
	margin-bottom: 20px
}

.post .yellowbox p:last-child,
.post .yellowbox ol:last-child,
.post .yellowbox ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.post .graybox p:last-child,
.post .graybox ol:last-child,
.post .graybox ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.post .redbox p:last-child,
.post .redbox ol:last-child,
.post .redbox ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.h2fuu {
	position: relative;
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: bold
}

.h2fuu:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

.h2fuu:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px
}

.inyoumodoki {
	background-color: #eee;
	/* background-image:url(images/quote.png); */
	/* background-repeat:no-repeat; background-position:left top; */
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-radius: 2px
}

.inyoumodoki strong {
	font-size: 15px
}

.post .inyoumodoki p:last-child,
.post .inyoumodoki ol:last-child,
.post .inyoumodoki ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.sankou {
	font-size: 11px;
	background-color: #F57C00;
	color: #fff;
	padding: 2px 3px;
	margin: 0 5px
}

/*ドット線*/
.dotline {
	border-bottom: 1px dotted #212121
}

.dotliner {
	border-bottom: 1px dotted #f00
}

.dotline-s {
	border-bottom: 1px solid #212121
}

.dotline-sr {
	border-bottom: 1px solid #f00
}

/* ハードウェアテーブルデザイン */
.spec {
	width: 100%;
	margin: 30px 0;
	border-right: 1px #e2e2e2 solid;
}

.spec tr {
	border-top: 1px solid #dedede
}

.spec tr:last-child {
	border-bottom: 1px solid #dedede
}

.spec th {
	background: #f2f2f2;
	width: 30%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}

.spec td {
	padding: 8px
}

/*--------------------------------
フッターコンテンツ
---------------------------------*/
/* フッター文字 */
#footer .footerlogo {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold
}

#footer p {
	font-size: 12px;
	/* margin-bottom:2px; */
}

#footer a {
	text-decoration: none;
	/* color: #212121*/
}

#footer a:hover {
		/* color: #09F*/
}

#footer .copy,
#footer .rcopy {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding: 0px 10px 0
}

#footer .copy a,
#footer .rcopy a {
	font-size: 12px;
	color: #999;
	line-height: 18px
}

footer h4 a {
	color: #666;
	text-decoration: none
}

/*--------------------------------
.sns{width:100%; margin-top:1em; margin-bottom:20px; text-align:center}
.sns span.tw{color:rgba(0,172,237,1); font-size:2.5em; margin-right:.3em}
.sns span.fb{color:rgba(30,50,97,1); font-size:2.5em; margin-right:.3em}
.sns span.yt{color:rgba(255,0,0,1); font-size:2.5em}
.sns a:hover{opacity:.8}
---------------------------------*/
/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/
/* タイトル名 */
#topnews dd h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px
}

#topnews dt {
	float: left;
	width: 100px
}

#topnews dt img {
	width: 100%
}

#topnews dd {
	padding-left: 110px
}

#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999
}

#topnews dl:first-child {
	padding-top: 20px
}

#topnews dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none
}

#topnews .clearfix dd h5 {
	font-size: 17px;
	line-height: 25px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px
}

/* 抜粋文字 */
#topnews .clearfix dd p {
	color: #666
}

#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none
}

/* 一覧タイトル下 */
.kanren .blog_info p {
	margin: 0 0 5px;
}

.kanren h3 {
	margin: 0 0 5px
}

.blog_info p a {
	color: #666;
	text-decoration: none;
	font-size: 13px
}

#topnews .clearfix dd .blog_info p {
	font-size: 12px
}

/*--------------------------------
記事下の一括表示部分
---------------------------------*/
.kizi-under-box {
	margin-bottom: 20px
}

/*--------------------------------
関連記事表示部分
---------------------------------*/
.kanren {
	padding-top: 20px;
	margin-top: 20px
}

.st-aside .kanren {
	padding-top: 20px;
	margin-top: 0px
}

.kadomaru img {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px
}

/* タイトル名 */
.kanren.pop-box h5,
#side .kanren.pop-box h5 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px
}

.kanren.pop-box dd h5,
#side .kanren.pop-box dd h5 {
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
	padding: 0px;
	margin-bottom: 5px
}

.kanren dt {
	float: left;
	width: 100px
}

.kanren dt img {
	width: 100px
}

.kanren dd {
	padding-left: 15px
}

.kanren dl {
	margin-bottom: 15px;
	/* padding-bottom:10px; */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	border-left: 3px solid #43B962
}

.kanren dl p {
	margin-bottom: 0px
}

.kanren dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
	border-left: 3px solid #43B962
}

/* 抜粋文字 */
.kanren .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px
}

.kanren .clearfix dd .kanren-t {
	padding-bottom: 5px
}

.kanren .clearfix dd .kanren-t {
	color: #000;
	text-decoration: none;
	font-size: 120%;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 5px
}

.kanren a {
	font-weight: 300;
	font-size: 15px;
	color: black;
	/* text-decoration:none; */
	line-height: 1.5;
	/* padding-bottom:5px; */
}

.kanren .clearfix dd .kanren-t a:hover {
	color: #b22222
}

/*--------------------------------
サイドバー
---------------------------------*/
#side .st-aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}

#side .st-aside .children li {
	padding-left: 10px
}

#side .st-aside ul li ul li {
	list-style-type: none;
	margin: 0px
}

#side .st-aside .sub-menu {
	padding-left: 10px
}

#side .st-aside .side-t {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px
}

#side .st-aside #mybox ul li ul li {
	font-size: 14px;
	line-height: 24px
}

/* RSS購読するボタン */
.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	text-decoration: none
}

.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8
}

#scrollad {
	padding: 20px 0
}

/*タグクラウド*/
.tagcloud a {
	font-size: 13px !important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	border: 1px #1a1a1a solid;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	opacity: 0.5
}

.tagcloud a:hover {
	opacity: 0.5
}

/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
	box-sizing: border-box;
	word-break: break-all;
	/* border-top:1px #999 solid; */
	/* border-right:1px #999 solid; */
	margin-bottom: 20px;
	width: 100%;
	max-width: 100%
}

table tr td {
	padding: 10px;
	/* border-bottom-width:1px; border-left-width:1px; border-bottom-style:solid; border-left-style:solid; border-bottom-color:#999; border-left-color:#999; */
	font-size: 13px;
	line-height: 18px;
	vertical-align: top
}

table th {
	padding: 5px;
	/* border-bottom-width:1px; border-left-width:1px; border-bottom-style:solid; border-left-style:solid; border-bottom-color:#999; border-left-color:#999; */
	font-size: 13px;
	line-height: 18px
}

.post table tr td {
	font-size: 14px;
	line-height: 20px;
}

.post table tr td p {
	font-size: 13px;
	line-height: 18px
}

.post table tr:nth-child(even) {
	/* background-color:rgba(220,220,220,0.2); */
}

#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333
}

/*テーブル（装飾なし） */
.post .notab table {
	border: none;
	width: initial;
	/* 初期状態にリセット */
	max-width: initial;
	/* 初期状態にリセット */
}

.notab table tr td {
	border: none;
	text-align: left;
	vertical-align: top
}

.notab table th {
	border: none
}

.post .notab table tr:nth-child(even) {
	background-color: transparent
}

/*スクロール*/
.post .scroll-box table {
	max-width: initial
}

.scroll-box {
	overflow-x: auto;
	margin-bottom: 10px
}

.scroll-box::-webkit-scrollbar {
	height: 5px
}

.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f3f3f3
}

.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ccc
}

/*画像 */
img.alignright {
	float: right;
	margin: 0 0 5px 10px
}

img.alignleft {
	float: left;
	margin: 0 10px 5px 0
}

img.aligncenter {
	display: block;
	margin: 20px auto 10px
}

img.float-left {
	float: left
}

img.float-right {
	float: right
}

.wp-caption {
	text-align: center
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 10px
}

.ie8 img {
	width: auto
}

/*リスト */
.post ul {
	/* list-style-type:disc; */
	list-style: none;
	padding-top: 10px;
	/* padding-right:20px; */
	/* padding-bottom:10px; */
	/* padding-left:30px; */
	/* margin-bottom:20px; */
}

.post ul li {
	padding-bottom: 5px
}

.post ul li:last-child {
	padding-bottom: 0px
}

.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-bottom: 20px
}

.post ol li {
	padding-bottom: 5px
}

.post ol li:last-child {
	padding-bottom: 0px
}

/*マルリスト*/
.post .maruno {
	margin-bottom: 20px
}

.post .maruno ol {
	list-style-type: none;
	counter-reset: st-section;
	margin-left: 10px;
	padding: 0 20px 0 30px
}

.post .maruno ol li {
	counter-increment: st-section;
	padding: 10px 0;
	margin-bottom: 10px;
	line-height: 23px
}

.post .maruno ol li:before {
	content: counters(st-section, "");
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding: 0 8px;
	font-size: 70%;
	margin-right: 10px;
	background: #f3f3f3;
	color: #000;
	margin-left: -3em
}

/*チェックリスト*/
.post .maruck {
	margin-bottom: 20px
}

.post .maruck ul {
	list-style-type: none;
	margin-left: 10px;
	padding: 0 20px 0 30px
}

.post .maruck ul li {
	padding: 10px 0;
	margin-bottom: 10px;
	line-height: 23px
}

.post .maruck ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding: 0 6px;
	font-size: 70%;
	margin-right: 10px;
	background: #f3f3f3;
	color: #000;
	margin-left: -3em
}

/*フォーム*/
input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea,
select {
	box-sizing: border-box;
	/* width:100%; */
	padding: 5px
}

.post input,
.post textarea {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc
}

.post #search input {
	border: none
}

#filter_form select,
#filter_form input {
    height: 40px; /* お好みの高さに調整 */
    vertical-align: middle;
    box-sizing: border-box; /* 内側のパディングやボーダーの調整 */
}

#event_filter {
    display: flex;
    gap: 10px; /* フォーム要素間のスペースを調整 */
    align-items: center;
}

#filter_form input {max-width:600px;
	
    width: 40%;
    min-width: 300px;

}

/*コンタクトフォーム7の送信ボタン*/
.wpcf7-submit {
	width: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #f3f3f3;
	color: #000;
	border: none;
	margin: 0 auto;
	padding: 10px;
	display: block;
	box-sizing: border-box
}

.wpcf7-submit:hover {
	opacity: 0.9
}

/*レスポンシブ用PC左右コンテンツ*/
.responbox,
.responbox20,
.responbox30,
.responbox40,
.responbox50,
.responbox60,
.responbox70 {
	margin-bottom: 10px
}

.responbox .lbox {
	margin-bottom: 10px
}

/*50%*/
.responbox50.smart50 .lbox {
	float: left;
	width: 49%;
	box-sizing: border-box;
	margin-bottom: -32768px;
	padding-bottom: 32768px
}

.responbox50.smart50 .rbox {
	float: right;
	box-sizing: border-box;
	width: 49%;
	margin-bottom: -32768px;
	padding-bottom: 32768px
}

.responbox50.smart50 {
	overflow: hidden
}

/*AmazonJS*/
.post .amazonjs_item h4,
.post .amazonjs_item h4 a {
	color: #1a1a1a;
	font-size: 15px;
	background-color: transparent
}

.post .amazonjs_item ul li {
	font-size: 12px !important
}

/*--------------------------------
アコーディオンメニュー
---------------------------------*/
.menu-navigation-container {
	overflow: hidden
}

nav li a:hover {
	text-decoration: underline
}

#s-navi {
	margin: 0 -10px
}

#s-navi ul.sub-menu {
	display: none
}

#s-navi dl.acordion p {
	margin: 0
}

#s-navi dl.acordion {
	margin: 0px;
	box-sizing: border-box;
	width: 100%
}

#s-navi dt.trigger {
	cursor: pointer;
	height: 40px;
	overflow: hidden
}

.trigger .fa:not(.fa-bars) {
	font-size: 20px
}

/*アコーディオンメニューボタン*/
#s-navi dt.trigger .op {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size: 25px;
	line-height: 30px;
	background: #ccc;
	display: block;
	float: right;
	height: auto;
	margin-top: -5px;
	padding: 10px 10px 9px 10px;
	max-width: 20%;
	box-sizing: border-box
}

#s-navi:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 5px
}

#s-navi dd.acordion_tree {
	padding: 10px 10px 20px;
	display: none;
	overflow: hidden;
	top: 0px;
	width: 100%;
	box-sizing: border-box;
	text-align: left
}

.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style: none;
	border-bottom: dotted 1px #000
}

.acordion_tree ul.menu li .fa {
	min-width: 1em
}

.acordion_tree ul.menu li:last-child {
	border: none;
	padding-bottom: 0px
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color: #000
}

.menu-close {
	padding: 10px
}

/*--------------------------------
メニューst5 未設定
---------------------------------*/
nav.st5,
#st-menuwide div.menu,
#st-menuwide nav.menu {
	display: none
}

/*--------------------------------
検索フォーム
---------------------------------*/
#search {
	padding-bottom: 0px;
	position: relative;
	width: 100%
}

#searchform {
	border: #ccc 1px solid
}

#s {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	height: 34px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 10;
	padding: 10px 65px 10px 10px;
	width: 100%;
	box-sizing: border-box
}

#searchsubmit {
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 34px;
	z-index: 20
}

*:first-child+html #searchsubmit {
	top: 1px
}

/*アコーディオン内*/
.acordion_tree .search-box {
	padding: 10px
}

/*フッター*/
.footermenust {
	text-align: center;
	/* padding:20px; */
	margin-bottom: 5px
}

.footermenust li {
	display: inline;
	font-size: 14px;
	padding: 0 10px
}

footer .footermenust li {
	border-right: 1px solid #ccc;
	font-size: 12px;
	line-height: 18px
}

footer .footermenust li:last-child {
	border-right: none
}

#footer .footermenust a {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #757575
}

footer ul,
footer ol {
	/* padding-left:30px; */
}

/*--------------------------------
ページャー
---------------------------------*/
/*コメントナビ*/
.st-pagelink {
	padding: 20px 0px;
	text-align: center
}

.st-pagelink:after {
	content: "";
	display: block;
	clear: both
}

.st-pagelink a {
	text-decoration: none;
	font-size: 13px
}

.st-pagelink a:hover {
	opacity: 0.5
}

.st-pagelink .page-numbers {
	/* box-sizing:border-box; */
	border: 1px solid #999;
	padding: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	/* min-width:20px; height:20px; */
	display: block;
	float: left;
	text-align: center
}

.st-pagelink .page-numbers.current {
	opacity: 0.5
}

.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0
}

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

.pagination a:hover {
	color: #fff;
	background-color: #666
}

.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCC
}

/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb,
#breadcrumb ol {
	margin: 0;
	padding: 0 0 5px
}

#breadcrumb ol li {
	color: #333;
	font-size: 13px;
	list-style: none;
	display: inline-block
}

#breadcrumb ol li a {
	text-decoration: none;
	color: #666
}

/*--------------------------------
SNS
---------------------------------*/
.sns {
	/* box-sizing:border-box; width:100%; margin:0 auto; padding:0 0 20px; */
}

.snstext {
	font-size: 13px;
	vertical-align: middle;
	padding-left: 10px
}

.snscount {
	font-size: 13px;
	vertical-align: middle;
	padding: 0 10px
}

.post .sns ul {
	/* list-style:none; padding:0px; margin:0px 0px 20px; */
}

.sns li {
	/* float:left; list-style:none; width:50%; */
}

.sns li a {
	/* font-size:15px; position:relative; display:block; padding:5px 10px 5px 15px; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; height:28px; margin:5px; cursor:pointer; line-height:25px; */
}

.sns li a:hover {}

/* ツイッター */
.sns .twitter a {
	/* background:#55acee; */
}

.sns .twitter a:hover {
	/* background:#4892cb; */
}

.sns .fa-twitter {
	/* border-right:1px solid #9ACFF4; padding-right:15px; */
}

/* Facebook */
.sns .facebook a {
	/* background:#3b5998; */
}

.sns .facebook a:hover {
	/* background:#324c81; */
}

.sns .fa-facebook {
	/* border-right:1px solid #607BB2; padding-right:15px; */
}

/* グーグル */
.sns .googleplus a {
	/* background:#dc4e41; */
}

.sns .googleplus a:hover {
	/* background:#bb4237; */
}

.sns .fa-google-plus {
	/* border-right:1px solid #E0776D; padding-right:13px; */
}

/* はてぶ */
.sns .hatebu a {
	/* background:#00a5de; */
}

.sns .hatebu a:hover {
	/* background:#008cbd; */
}

.sns .fa-hatena {
	/* border-right:1px solid #48B6DB; padding-right:15px; */
}

/* LINE */
.sns .line a {
	/* background:#25af00; */
}

.sns .line a:hover {
	/* background:#219900; */
}

.sns .fa-comment {
	/* border-right:1px solid #29c200; padding-right:15px; */
}

/* Pocket */
.sns .pocket a {
	/* background:#f03e51; */
}

.sns .fa-get-pocket {
	/* border-right:1px solid #F27985; padding-right:15px; */
}

.sns .pocket a:hover {
	/* background:#c0392b; */
}

/*--------------------------------
カレンダー
---------------------------------*/
#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%
}

#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 10px 3px;
	text-align: center;
	background-color: #f3f3f3
}

#wp-calendar td {
	text-align: center;
	padding: 10px 0;
	background-color: #fff
}

#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px
}

#wp-calendar tbody tr #today {
	background-color: #b0e0e6
}

/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	right: 0px;
	font-size: 20px
}

#page-top a {
	text-decoration: none;
	background: #ccc;
	color: #fff;
	padding: 12px 16px;
	text-align: center;
	display: block;
	-moz-opacity: 0.6;
	opacity: 0.6
}

#page-top a:hover {
	text-decoration: none;
	color: #fff
}

/*--------------------------------
コメント
---------------------------------*/
#comments p a {
	color: #333
}

.post #comments h3 {
	background-color: transparent
}

#comments p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	color: #333;
	padding: 5px 0
}

#comments label {
	display: block
}

.metadata dd a {
	color: #333
}

.metadata {
	font-size: 13px;
	line-height: 20px
}

#comments {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px
}

.fn {
	font-style: normal;
	font-size: 13px
}

.says {
	font-size: 13px;
	line-height: 18px
}

.commentmetadata {
	box-sizing: border-box;
	font-size: 12px;
	line-height: 24px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px
}

.reply {
	padding: 5px;
	font-size: 13px
}

#comments #respond {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666
}

#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px
}

#comments #commentlist img {
	padding: 10px
}

#comments .commets-list {
	padding-left: 0px;
	list-style-type: none
}

ul.sub-menu {
	padding: 0px
}

.commets-list li {
	list-style-type: none
}

.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px
}

.vcard .fn {
	font-size: 13px;
	line-height: 18px
}

/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags {
	display: none
}

#comments #st-reply-title {
	background-image: none;
	border: none;
	margin-bottom: 0px;
	padding: 0;
	font-size: 110%;
	font-weight: bold
}

#comments h4 {
	background-color: transparent;
	padding: 0;
	border: none;
	margin-bottom: 0px
}

#comments textarea {
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid
}

#comments input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px #f2f2f2 solid
}

/* コメントボタン */
#comments input[type="submit"] {
	background-color: #f3f3f3;
	padding: 10px;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px #f2f2f2 solid
}

/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 50px;
	color: #666
}

.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 25px
}

/*レイアウト スマートフォン
---------------------------------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	overflow: hidden
}

body.fixed-footer #wrapper {
	height: 100%;
	min-height: 100%
}

header {
	text-align: center
}

#headbox {
	padding: 0 10px 10px;
	margin: 0
}

#side .st-aside {
	padding: 0 15px 20px;
}

footer {
	clear: both;
	padding: 0;
	/* background-color:#eee; */
}

#footer {
	padding: 20px 15px;
	/* text-align: center*/
}

#header-l {
	padding-top: 0
}

.st-main {
	padding: 0px;
	margin: 0 0 20px;
	background: #fff
}

.post {
	padding-bottom: 10px
}

section {
	/* margin-bottom:3em; */
}

/*アドセンス*/
.adbox {
	padding: 20px 0px;
	margin: 0 -5px
}

.ad {
	padding-bottom: 10px;
	margin: 0px
}

.adsbygoogle {
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden
}

.middle-ad {
	margin: 0 -5px 10px
}

@media only screen and (max-width:959px) {
	#side .st-aside {
		clear: both;
		float: none;
		width: auto;
		position: static
	}

	.entry-title,
	.post .entry-title {
		font-size: 17px;
	}

	/*SNSボタン*/
	.sns .fa {
		/* font-size:20px; */
	}

	.sns li a {
		/* padding:10px 15px; */
	}

	/* RSS購読するボタン */
	.rssbox a {
		padding: 15px 20px;
		margin-bottom: 10px;
		font-size: 20px
	}

	/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {

	/*タグクラウド*/
	.tagcloud a {
		font-size: 20px !important;
		line-height: 1em;
		padding: 15px;
		margin-top: 10px
	}

	/*SNSボタン*/
	.sns .fa {
		/* font-size:25px; */
	}

	.sns li a {
		/* padding:15px 20px; */
	}

	/*--------------------------------
アコーディオンメニュー
---------------------------------*/
	#s-navi dt.trigger {
		height: 60px
	}

	.trigger .fa:not(.fa-bars) {
		font-size: 25px
	}

	.trigger .fa {
		line-height: 60px
	}

	.op-text,
	.op-text a {
		font-size: 25px;
		line-height: 60px;
		padding: 5px 0;
		margin: 0 0 0 7px
	}

	.op-text2,
	.op-text2 a {
		font-size: 25px;
		line-height: 60px;
		padding: 5px 0;
		margin: 0 0 0 7px
	}

	/*アコーディオンメニューボタン*/
	#s-navi dt.trigger .op {
		font-size: 30px;
		line-height: 60px;
		padding: 5px 20px
	}

	/*アコーディオンメニュー追加ボタン1*/
	#s-navi dt.trigger .op-st {
		font-size: 30px;
		line-height: 60px;
		padding: 5px 20px
	}

	/*アコーディオンメニュー追加ボタン2*/
	#s-navi dt.trigger .op-st2 {
		font-size: 30px;
		line-height: 60px;
		padding: 5px 20px
	}

	.acordion_tree ul.menu li {
		font-size: 20px;
		padding: 15px 20px
	}

	/*--------------------------------
PAGE TOP
---------------------------------*/
	#page-top {
		font-size: 30px
	}

	#page-top a {
		padding: 22px 26px
	}

	/*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) {
	header {
		text-align: center
	}

	#headbox {
		padding: 0 10px 10px;
		margin: 0
	}

	#headbox {
		text-align: center
	}

	#headbox img {
		margin: 0 auto
	}

	.sitename img {
		max-width: 100%;
		margin: 0
	}

	.st-main {
		background-color: #fff;
		padding: 0px
	}

	/*--------------------------------
各フォント設定
---------------------------------*/
	/*基本のフォントサイズ*/
	p,
	/* テキスト */
	.yellowbox,
	/* 黄色ボックス */
	.graybox,
	/* グレーボックス */
	.redbox,
	/* 薄赤ボックス */
	.post ul li,
	/* ulリスト */
	.post ol li

	/* olリスト */
		{
		font-size: 1.4rem;
		line-height: 25px;
	}

	p {
		margin-bottom: 20px
	}

	dd p {
		margin-bottom: 5px
	}

	/*記事タイトル*/
	.entry-title,
	.post .entry-title {
		font-size: 24px;
		line-height: 36px;
		color: #333;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee
	}

	.post .entry-title a:hover {
		text-decoration: underline
	}

	/*中見出し*/
	h2 {
		font-size: 24px;
		/* line-height:35px; */
	}

	h2:after {
		bottom: -10px;
		left: 50px
	}

	h2:before {
		bottom: -10px;
		left: 50px
	}

	/*小見出し*/
	.post h3 {
		/* font-size:22px; */
		line-height: 32px;
		border-bottom: dotted 1px gray;
		padding-top: 15px;
		padding-bottom: 5px;
		margin-bottom: 25px;
		padding-left: 10px;
		position: relative
	}

	.post h3::before {
		content: '';
		width: 3px;
		height: 40px;
		background-color: #43B962;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0px
	}

	.post h4 {
		background-color: #f3f3f3;
		font-size: 21px;
		line-height: 31px
	}

	.post h5 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 30px
	}

	/*トップ記事一覧*/
	dd h3 a {
		color: #333;
		text-decoration: none;
		font-size: 20px;
		line-height: 35px
	}

	.kanren .clearfix dd p {
		font-size: 16px;
		line-height: 26px
	}

	/*関連記事タイトルサムネイルなし*/
	.kanren .no-thumbitiran h3 {
		font-size: 16px;
		line-height: 26px
	}

	/* 任意記事サムネイルありタイトル名 */
	.kanren.pop-box dd h5,
	#side .kanren.pop-box dd h5 {
		font-size: 18px;
		line-height: 27px
	}

	/*サイドバーの記事タイトル*/
	#side h5 {
		font-size: 20px;
		line-height: 35px
	}

	/*サイドバー文字*/
	#side .st-aside .menu_underh2 {
		font-size: 16px;
		line-height: 26px;
		font-weight: bold
	}

	#side .st-aside #mybox ul li ul li {
		font-size: 16px;
		line-height: 26px
	}

	/* オリジナルスタイルタブレット */
	.oomozi {
		font-size: 18pt;
		line-height: 35px
	}

	.yellowbox,
	.redbox,
	.graybox {
		margin-bottom: 20px
	}

	.h2fuu {
		font-size: 24px;
		line-height: 35px
	}

	.h2fuu:after {
		bottom: -10px;
		left: 50px
	}

	.h2fuu:before {
		bottom: -10px;
		left: 50px
	}

	/*アドセンス*/
	.adbox {
		margin: 0
	}

	.ad {
		padding-bottom: 10px;
		margin: 0px
	}

	.middle-ad {
		margin: 0 0 10px
	}

	/*レスポンシブ用PC左右コンテンツ*/
	.responbox .lbox img {
		width: 100%;
		box-sizing: border-box;
		text-align: center
	}

	/*20%*/
	.responbox20 .lbox {
		float: left;
		padding-right: 15px;
		width: 20%;
		box-sizing: border-box
	}

	.responbox20 .rbox {
		float: left;
		box-sizing: border-box;
		width: 80%
	}

	/*30%*/
	.responbox30 .lbox {
		float: left;
		padding-right: 15px;
		width: 30%;
		box-sizing: border-box
	}

	.responbox30 .rbox {
		float: left;
		box-sizing: border-box;
		width: 70%
	}

	/*40%*/
	.responbox .lbox {
		float: left;
		padding-right: 15px;
		width: 40%;
		box-sizing: border-box
	}

	.responbox .rbox {
		float: left;
		box-sizing: border-box;
		width: 60%
	}

	.responbox40 .lbox {
		float: left;
		padding-right: 15px;
		width: 40%;
		box-sizing: border-box
	}

	.responbox40 .rbox {
		float: left;
		box-sizing: border-box;
		width: 60%
	}

	/*50%*/
	.responbox50 .lbox {
		float: left;
		padding-right: 7px;
		width: 50%;
		box-sizing: border-box
	}

	.responbox50 .rbox {
		float: left;
		padding-left: 7px;
		box-sizing: border-box;
		width: 50%
	}

	/*60%*/
	.responbox60 .lbox {
		float: left;
		padding-right: 15px;
		width: 60%;
		box-sizing: border-box
	}

	.responbox60 .rbox {
		float: left;
		box-sizing: border-box;
		width: 40%
	}

	/*70%*/
	.responbox70 .lbox {
		float: left;
		padding-right: 15px;
		width: 70%;
		box-sizing: border-box
	}

	.responbox70 .rbox {
		float: right;
		box-sizing: border-box;
		width: 30%
	}

	/*--------------------------------
一覧記事表示部分
---------------------------------*/
	#topnews dt {
		float: left;
		width: 150px
	}

	#topnews dt img {
		width: 100%
	}

	#topnews dd {
		padding-left: 170px
	}

	#topnews .clearfix dd h5 {
		font-size: 24px;
		font-weight: bold;
		padding: 0px;
		margin-bottom: 5px
	}

	#topnews .clearfix dd p {
		font-size: 13px;
		color: #666;
		line-height: 24px;
		margin: 0px;
		padding: 0px
	}

	#topnews .clearfix dd h5 a {
		color: #333;
		text-decoration: none
	}

	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print,
screen and (min-width:960px) {

	/*--------------------------------メニュー---------------------------------*/
	#st-menubox {
		border-top: solid 1px #E0DEDE;
		border-bottom: solid 1px #E0DEDE;
		/* margin-bottom:10px; */
	}

	#st-menuwide {
		padding: 0px;
		margin: 0 auto;
		/* max-width:960px; */
	}

	nav.smanone {
		max-width: 1060px;
		margin: 0 auto
	}

	nav.st5 {
		max-width: 1060px;
		margin: 0 auto
	}

	header .smanone ul.menu li {
		box-sizing: border-box;
		list-style-type: none;
		float: left;
		width: 160px;
		height: 40px;
		text-align: center;
		border-right: solid 1px #E0DEDE;
		position: relative
	}

	header .smanone ul.menu>li:last-child {
		border: none
	}

	header .smanone ul.menu li a {
		display: block;
		font-size: 13px;
		overflow: hidden;
		width: 100%;
		height: 100%;
		line-height: 40px;
		color: #000;
		text-decoration: none;
		position: relative;
		z-index: 1
	}

	header .smanone ul.menu li li a {
		background: #f3f3f3;
		/*ドロップダウンメニューの背景色*/
		border-top: #E0DEDE solid 1px;
		border-left: #E0DEDE solid 1px;
		border-right: #E0DEDE solid 1px;
		z-index: 2
	}

	header .smanone ul.menu li li:last-child a {
		border-bottom: #E0DEDE solid 1px
	}

	header .smanone ul.menu li a:hover {
		color: #f00
	}

	header .smanone ul.sub-menu li ul.sub-menu {
		position: absolute;
		left: 160px;
		top: 0
	}

	header .smanone ul.sub-menu {
		display: none
	}

	/* IE7 対策 */
	header .smanone ul.menu {
		zoom: 1
	}

	*+html header .smanone ul.menu li {
		display: inline;
		zoom: 1
	}

	*+html header .smanone ul.sub-menu {
		zoom: 1;
		position: relative
	}

	.smanone {
		display: block
	}

	.pcnone {
		display: none !important
	}

	header {
		padding: 0
	}

	#header-l {
		padding-top: 0
	}

	#headbox {
		padding: 0px;
		margin: 0 auto;
		text-align: left;
		max-width: 960px
	}

	#topbar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;
		transition: all .5s 0s ease-in-out;
		width: inherit
	}

	.entrybtn {
		float: right;
		padding: 0;
		margin: 5px 0 5px 0
	}

	.entrybtn ul {
		list-style-type: none;
		font-size: 0
	}

	.entrybtn ul li {
		display: inline-block;
		padding: 0;
		margin: 0 0 0px 1px;
		vertical-align: middle
	}

	.entrybtn ul li:first-child {
		margin-right: 10px
	}

	.entrybtn span {
		font-size: 12px;
		color: #999
	}

	#headbox img {
		margin: 0
	}

	#st-headwide #headbox img {
		margin: 0 auto
	}

	nav {
		display: block
	}

	/*IEで要素がズレるのを対応*/
	.ie7 .st-aside ul li,
	.ie8 .st-aside ul li,
	.ie9 .st-aside ul li {
		display: list-item;
		padding: 0
	}

	/*--------------------------------
各フォント設定
---------------------------------*/
	/*基本のフォントサイズ*/
	p,
	/* テキスト */
	.yellowbox,
	/* 黄色ボックス */
	.graybox,
	/* グレーボックス */
	.redbox,
	/* 薄赤ボックス */
	.post ul li,
	/* ulリスト */
	.post ol li

	/* olリスト */
		{
		font-size: 1.4rem;
		line-height: 25px;
	}

	p {
		margin-bottom: 20px
	}

	dd p {
		margin-bottom: 5px
	}

	/*記事タイトル*/
	.entry-title,
	.post .entry-title {
		font-size: 26px;
		line-height: 40px;
		color: #333;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee
	}

	.entry-title a:hover {
		text-decoration: underline
	}

	/*中見出し*/
	h2 {
		font-size: 22px;
		line-height: 38px
	}

	h2:after {
		bottom: -10px;
		left: 50px
	}

	h2:before {
		bottom: -10px;
		left: 50px
	}

	/*小見出し*/
	.post h4 {
		background-color: #f3f3f3;
		font-size: 16px;
		line-height: 26px
	}

	.post h5 {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 26px
	}

	.post dd h5 {
		margin-bottom: 5px
	}

	.entry-content dl {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px
	}

	.entry-content dt {
		width: 20%
	}

	.entry-content dd {
		width: 80%
	}

	.entry-content dt,
	.entry-content dd {
		display: block;
		/* padding-bottom:10px; */
		line-height: 24px
	}

	/* サイドバーの見出し */
	#side h5 {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px
	}

	/*サイドバー*/
	#side .st-aside .menu_underh2 {
		font-size: 14px;
		line-height: 24px;
		font-weight: bold
	}

	#side .st-aside ul li {
		font-size: 14px;
		line-height: 24px
	}

	#side .st-aside #mybox ul li ul li {
		font-size: 14px;
		line-height: 24px
	}

	/* オリジナルスタイルPC */
	.oomozi {
		font-size: 18pt;
		line-height: 35px
	}

	.yellowbox,
	.redbox,
	.graybox {
		margin-bottom: 20px
	}

	.h2fuu:after {
		bottom: -10px;
		left: 50px
	}

	.h2fuu:before {
		bottom: -10px;
		left: 50px
	}

	/*--------------------------------
ヘッダーコンテンツ
---------------------------------*/
	#header-l {
		float: left
	}

	#header-r a {
		text-decoration: none
	}

	#header-r p {
		margin: 0px
	}

	/*ヘッダーリンク*/
	#header-r .footermenust {
		padding: 0 10px 0 0;
		margin: 0px 0 5px;
		text-align: right
	}

	#header-r .footermenust li {
		border-right: 1px solid #000;
		font-size: 12px;
		line-height: 18px;
		margin: 0
	}

	#header-r .footermenust li:last-child {
		border-right: none
	}

	#header-r .footermenust a {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		color: #000
	}

	/*--------------------------------
ページャー
---------------------------------*/
	.st-pagelink .page-numbers {
		padding: 5px 8px
	}

	/*--------------------------------
PCのレイアウト
---------------------------------*/
	#wrapper {
		overflow: visible;
		/*グローバルメニューの下層リンクを表示する為*/
		padding: 0;
		width: 100%
	}

	#st-header {
		max-width: 960px;
		margin: 0 auto 10px
	}

	#content {
		max-width: 960px;
		margin: 0 auto
	}

	#contentfull {
		/* max-width:960px; */
		margin: 0 auto
	}

	footer {
		width: 100%;
		/* background-color:#eee; */
	}

	#footer {
		margin: 0 auto
	}

	#footer-in {
		/* 	max-width: 960px;
		width: 90%;*/
		margin: 0 auto
	}

	/* フッター文字 */
	#footer .footerlogo {
		font-size: 16px;
		line-height: 26px;
		font-weight: bold;
		margin-bottom: 15px
	}

	/*--------------------------------
SNS
---------------------------------*/
	.sns {
		/* width:90%; */
	}

	.sns li {
		/* width:33%; */
	}

	.snstext {
		/* display:inline; */
	}

	/*トップ記事一覧*/
	dd h3 a {
		color: #333;
		text-decoration: none;
		font-size: 16px;
		line-height: 26px
	}

	.kanren .clearfix dd p {
		font-size: 13px;
		line-height: 20px
	}

	/*--------------------------------
メニューst5
---------------------------------*/
	nav.st5 {
		padding: 5px;
		display: block
	}

	nav.st5 li {
		position: relative;
		font-size: 14px;
		padding-left: 15px;
		display: inline;
		padding-right: 15px;
		border-right: 1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px
	}

	nav.st5 li:last-child {
		border: none
	}

	nav.st5 li .sub-menu,
	nav.menu li .children {
		display: none
	}

	nav.st5 li a {
		color: #333;
		text-decoration: none
	}

	.menu-nav.st5igation-container {
		overflow: hidden
	}

	nav.st5 li a:hover {
		text-decoration: underline
	}

	/*--------------------------------
メニュー未設定
---------------------------------*/
	#st-menuwide div.menu,
	#st-menuwide nav.menu {
		max-width: 960px;
		margin: 0 auto;
		padding: 5px;
		display: block
	}

	#st-menuwide div.menu:after,
	#st-menuwide nav.menu:after {
		content: '';
		display: block;
		clear: both
	}

	#st-menuwide div.menu li,
	#st-menuwide nav.menu li {
		position: relative;
		font-size: 14px;
		padding-left: 15px;
		display: inline;
		padding-right: 15px;
		border-right: 1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px
	}

	#st-menuwide div.menu li:last-child,
	#st-menuwide nav.menu li:last-child {
		border: none
	}

	#st-menuwide div.menu li .sub-menu,
	#st-menuwide nav.menu li .sub-menu {
		display: none
	}

	#st-menuwide div.menu li a,
	#st-menuwide nav.menu li a {
		color: #333;
		text-decoration: none
	}

	/*コンタクトフォーム7の送信ボタン*/
	.wpcf7-submit {
		width: 50%
	}

	/*--------------------------------
PCのレイアウト（右サイドバー）
---------------------------------*/
	#contentInner {
		/* float:left; */
		width: 100%;
		margin: 0 auto;
		/* margin-right:-300px; */
	}

	.st-main {
		margin-right: 0px;
		margin-left: 0px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 0px 0px 15px
	}

	#side .st-aside {
		float: right;
		width: 300px;
		padding: 0px
	}

	/*-- ここまで --*/
}

/*--------------------------------
カスタマイズ追記CSS
---------------------------------*/
@media screen and (max-width:1000px) {
	.entrybtn {
		display: none
	}
}

#footer-in .footermenust a {
	display: none
}

footer .footermenust li {
	display: none
}

.footer_menubox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
	margin: 25px auto;
	max-width: 960px;
	text-align: left
}

.footer_item01 {
	width: 30%;
	overflow: hidden
}

.footer_item02 {
	width: 30%;
	overflow: hidden
}

@media (max-width:768px) {
	.footer_item01 {
		width: 90%;
		overflow: hidden;
		margin: 0 auto
	}

	.footer_item02 {
		width: 90%;
		overflow: hidden;
		margin: 0 auto
	}
}

.footer_item01>ul>li {
	display: block;
	position: relative;
	margin: 0 0.75em 1.0em 0;
	padding-left: 10px;
	color: #666;
	/* font-weight:bolder; */
	text-decoration: none;
	font-size: 14px
}

.footer_item01>ul>li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.3em;
	left: 0;
	border: transparent 3px solid;
	border-left: #999 3px solid
}

.footer_item02>ul>li {
	display: block;
	position: relative;
	margin: 0 0.75em 1.0em 0;
	padding-left: 10px;
	color: #666;
	/* font-weight:bolder; */
	text-decoration: none;
	font-size: 14px
}

.footer_item02>ul>li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.3em;
	left: 0;
	border: transparent 3px solid;
	border-left: #999 3px solid
}

.footter_title {
	font-size: 16px !important;
	font-weight: bold;
	border-bottom: 1px solid #bbb;
	margin: 25px 0 15px 0
}

@media (min-width:729px) {
	.pcslider {
		width: 100%;
		margin: 0 auto
	}

	.spslider {
		display: none
	}
}

@media (min-width:320px) and (max-width:728px) {
	.spslider {
		width: 100%;
		margin: 0 auto
	}

	.pcslider {
		display: none
	}

	.entry-content dl {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px
	}

	.entry-content dt {
		width: 30%
	}

	.entry-content dd {
		width: 70%
	}

	.entry-content dt,
	.entry-content dd {
		display: block;
		/* padding-bottom:10px; */
		line-height: 24px
	}
}

.bnr {
	max-width: 1020px;
	margin: 0 auto
}

.pc {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 1.5em
}

.sp {
	display: none
}

.sp2 {
	display: none
}

@media (min-width:320px) and (max-width:728px) {
	.pc {
		display: none
	}

	.sp {
		display: block;
		width: 94%;
		margin: 0 auto;
		/* padding-top:69.531%; */
		margin-bottom: 1.5em
	}

	.sp2 {
		display: block;
		width: 100%;
		margin: 0 auto;
		/* padding-top:69.531%; */
		margin-bottom: 1.5em
	}
}

.content_inner {
	width: 100%;
	margin: 0 auto
}

.index_cent {
	margin: 0px 0 30px;
	text-align: center
}

.index_cent50 {
	margin: 30px 0 50px 0;
	text-align: center
}

.pickup {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: space-around;
	margin: 0 auto
}

.pickupbox {
	width: calc(90% / 3);
	text-align: center;
	font-size: 16px;
	margin: 20px 10px;
	border: 1px solid #ccc;
	border-radius: 3px
}

.pickupbox h3 {
	padding: 2%;
	font-size: 16px;
	border-bottom: 1px solid #ccc
}

.pickupbox img {
	width: 96%;
	margin: 2% auto
}

.pickuptxt {
	font-size: 14px;
	margin: 10px 10px;
	text-align: left;
	line-height: 1.4em
}

.index {
	color: #7fbe25;
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
	margin-bottom: 30px
}

.index_b {
	color: #000;
	font-size: 1em;
	padding-bottom: 10px;
	border-bottom: solid 1px #666;
	margin-bottom: 20px
}

/*ページネーションの装飾*/
.pagination a {
	padding: 1px 8px;
	display: inline-block;
	border: solid 1px #ccc;
	color: #666;
	background-color: #fff;
	font-size: 1em;
	text-decoration: none
}

.pagination a:hover {
	background-color: #e8e8e8
}

.pagination span {
	padding: 1px 8px;
	display: inline-block
}

.pagination span.current {
	color: #fff;
	font-size: 1em;
	background-color: #fd5a79;
	border: 1px solid #fd5a79
}

.pagination {
	position: relative !important;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	background-color: transparent
}

.pagination h2.screen-reader-text {
	display: none
}

/* 768px以上 */
@media (min-width:768px) {
	.pagination a {
		padding: 1px 10px;
		display: inline-block;
		border: solid 1px #ccc;
		color: #666;
		background-color: #fff;
		font-size: 1.19em;
		text-decoration: none
	}

	.pagination span.current {
		color: #fff;
		font-size: 1.19em;
		background-color: #fd5a79;
		border: 1px solid #fd5a79
	}

	.pagination span {
		padding: 1px 10px;
		display: inline-block
	}
}

.news_contents {
	width: 100%;
	margin: 0 auto
}

.moreinfo {
	width: 100%;
	margin: 0 auto;
	text-align: right
}

.productinfo_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.productinfo {
	width: calc(92% / 3);
	/* flex-basis:300px; */
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px
}

@media (min-width:640px) and (max-width:768px) {
	.productinfo {
		width: calc(92% / 2);
		/* width:calc(92% / 3); */
		/* flex-basis:300px; */
		border: 1px solid #ccc;
		padding: 5px;
		margin-bottom: 20px
	}
}

@media (min-width:320px) and (max-width:639px) {
	.productinfo {
		width: 90%;
		/* width:calc(92% / 3); */
		/* flex-basis:300px; */
		border: 1px solid #ccc;
		padding: 5px;
		margin-bottom: 10px
	}
}

.productinfo ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

.productinfo ul li:first-child {
	width: 50%;
	text-align: center
}

.productinfo ul li:nth-child(2) {
	width: 40%;
	text-align: left;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px
}

.productinfo ul li:last-child {
	width: 10%;
	text-align: center
}

.productinfo p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-bottom: 5px !important;
	margin-top: 20px;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px
}

.productinfo_icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.icon {
	width: auto;
	background-color: #bfd6a2;
	margin-top: 10px;
	margin: 4px 2px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	text-align: center
}

.dotkei {
	border-top: solid 1px #ccc;
	width: 100%
}

@media (min-width:320px) and (max-width:1000px) {
	.news_contents {
		width: 90%;
		margin: 0 auto
	}

	.moreinfo {
		width: 90%;
		margin: 0 auto;
		text-align: center
	}
}

/*Googlemap respo*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media (min-width:769px) {
	.news_box {}

	.news_box_sp {
		display: none
	}
}

@media (min-width:320px) and (max-width:768px) {
	.news_box {
		display: none
	}

	.news_box_sp {
		width: 90%;
		margin: 0 auto
	}
}

/* 共通ボタンスタイル　*/
.btn_inquery {
	width: 100%;
	margin: 15px auto;
	text-align: center
}

.btn_inquery02 {
	width: 100%;
	margin: 15px auto;
	text-align: center
}

.btn_inquery ul {
	display: flex;
	justify-content: center;
	margin-bottom: 0.5em
}

.btn_inquery li {
	display: block;
	text-align: center;
	width: 100%
}

.btn_inquery02 ul {
	display: flex;
	justify-content: center;
	margin-bottom: 0.5em
}

.btn_inquery02 li {
	display: block;
	text-align: center;
	width: 100%
}

.btn_inquery li a {
	border: 1px solid #eee;
	padding: 20px 0;
	background: #176d92;
	color: #fff !important;
	font-size: 18px;
	display: block;
	transition: 1.0s;
	/* width:100%; */
}

.btn_inquery02 li a {
	border: 1px solid #eee;
	padding: 20px 0;
	background: #f60;
	color: #fff !important;
	font-size: 18px;
	display: block;
	transition: 1.0s;
	/* width:100%; */
}

.btn_inquery03 li a {
	border: 1px solid #eee;
	padding: 40px 0;
	background: #099;
	color: #fff !important;
	font-size: 22px;
	font-weight: 600;
	display: block;
	text-align: center;
	transition: 1.0s;
	/* width:100%; */
}

.btn_inquery04 li a {
	border: 1px solid #eee;
	padding: 40px 0;
	background: #005999;
	color: #fff !important;
	font-size: 22px;
	font-weight: 600;
	display: block;
	text-align: center;
	transition: 1.0s;
	/* width:100%; */
}


.btn_inquery li a:hover {
	border: 1px solid #176d92;
	background: #fff;
	color: #176d92 !important;
	font-size: 18px;
	display: block;
	/* width:100%; */
}

.btn_inquery02 li a:hover {
	border: 1px solid #f60;
	background: #fff;
	color: #f60 !important;
	font-size: 18px;
	display: block;
	/* width:100%; */
}

.btn_inquery03 li a:hover {
	border: 2px solid #099;
	background: #fff;
	color: #099 !important;
	font-size: 22px;
	font-weight: 600;
	display: block;
	/* width:100%; */
}
.btn_inquery04 li a:hover {
	border: 2px solid #099;
	background: #fff;
	color: #099 !important;
	font-size: 22px;
	font-weight: 600;
	display: block;
	/* width:100%; */
}


/* 768px以下 */
@media (min-width:320px) and (max-width:768px) {
	.btn_inquery ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 0.5em
	}

	.btn_inquery li {
		display: block;
		text-align: center;
		width: 100%
	}

	.btn_inquery02 ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 0.5em
	}

	.btn_inquery02 li {
		display: block;
		text-align: center;
		width: 100%
	}
}

.pickuptxt02 {
	font-size: 14px;
	margin: 10px 0;
	text-align: left;
	line-height: 1.6em
}

.sr_layout {
	width: 100%;
	margin: 0 auto
}

.sr_layout ul {
	display: flex;
	justify-content: space-between
}

.sr_layout ul li {
	align-self: flex-start;
	width: 48%
}

/* 768px以下 */
@media (min-width:320px) and (max-width:768px) {
	.sr_layout ul {
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}

	.sr_layout ul li {
		align-self: flex-start;
		width: 100%
	}
}

ul.discList {
	margin-top: 20px;
	padding-left: 40px
}

ul.discList li {
	margin: 1em 0;
	list-style-type: disc;
	line-height: 1.2
}

/*ビジコムが選ばれる理由*/
.inner02 {
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 0 10px;
	position: relative
}

.pdfall {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.pdf01 {
	display: flex;
	width: calc(100% /2);
	text-align: left;
	align-items: center;
	vertical-align: middle
}

.pdf01inner {
	width: 100%;
	padding-left: 20px
}

.pdf01inner span {
	font-size: 18px;
	font-weight: 800
}

.pdf01inner p {
	font-size: 14px;
	margin-top: 20px
}

p.luL2 {
	font-size: 14px;
	line-height: 30px;
	text-align: center
}

/*News カテゴリページの上部ナビ*/
/* 共通スタイル */
.news_nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto; /* 中央寄せ */
    gap: 10px; /* ボタン間の余白 */
    max-width: 900px; /* 最大幅を800pxに制限 */
    margin-bottom: 20px;
}

.news_nav ul li {
    flex: 1 1 calc(100% / 7 - 5px); /* 幅を7等分 - 余白を差し引く */
}

.news_nav ul li a {
    display: block;
    padding: 12px 0;
    background-color: #118f6a;/* 背景色をグリーンに */
    color: #fff; /* 文字色を白に */
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 400;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* さりげない影 */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    width: 100%;
}

/* ボタンのホバー効果 */
.news_nav ul li a:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* ホバー時の影を少し強く */
    transform: translateY(-2px); /* ボタンが少し浮く */
}

/* スマホ表示用 */
@media (max-width: 767px) {
    .news_nav ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3列表示 */
        grid-gap: 10px;
        max-width: 100%; /* スマホでは幅を制限しない */
        margin: 20px 0 30px;
    }

    .news_nav ul li {
        width: 100%;
    }

    .news_nav ul li a {
        padding: 7px 0;
        font-size: 1.1rem;
    }
}

.top_bnr {
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-bottom: 50px
}

.bnr_sect {
	width: 49%
}

@media (min-width:320px) and (max-width:640px) {
	.top_bnr {
		width: 96%;
		display: flex;
		flex-direction: column;
		margin: 0 auto
	}

	.bnr_sect {
		width: 100%;
		margin: 0 auto 10px
	}
}

/*導入事例*/
.case_tile {
	position: relative;
	padding: 0 0 50px;
	margin: 50px 0 0;
}

.case_tile::after {
	content: "";
	    width: 100%;
	height: 5px;
	background-image: linear-gradient(90deg, #43b962 10%, #019a98 60%);
	position: absolute;
	bottom: 0;
	/*margin: 0 calc(50% - 50vw);*/
}

.case_tile h1 {
	font-size: 4rem;
	text-align: center;
	margin: 0 0 20px;
}

.case_tile p {
	text-align: center;
	margin-bottom: 0;
}

.case_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px 30px;
}

.case_box>div {
	width: 300px;
	border: 1px solid #ccc;
	position: relative;
}

.case_box>div::after {
	width: 70px;
	color: #fff;
	background: #000;
	text-align: center;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: -24px;
	left: 0px;
	padding: 5px 0;
}

.case_box>div.c_medical::after {
	content: "病院";
}

.case_box>div.c_jichitai::after {
	content: "自治体";
}

.case_box>div.c_food::after {
	content: "飲食店";
}

.case_box>div.c_retail::after {
	content: "小売店";
}


.case_box ul {
	padding-top: 0;
}

.case_box ul li img {
	width: 100%;
	margin: 0 0 20px;
}

.case_box ul li {
	padding-bottom: 0;
}

.case_box ul li:nth-of-type(n+2) {
	padding: 0 10px;
}

.case_box>div:nth-of-type(4) ul li:nth-of-type(3) p,
.case_box>div:nth-of-type(5) ul li:nth-of-type(3) p,
.case_box>div:nth-of-type(6) ul li:nth-of-type(3) p {
	min-height: 100px;
}

.case_box ul li a {
	text-decoration: none;
	transition: 0.3s;
}

.case_box ul li a:hover {
	opacity: 0.3;
}

.case_box .sol_icon {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.5;
	background-color: initial;
	padding: 0;
	margin: 0 0 20px;
}

.post .case_box h4 {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.5;
	background-color: initial;
	padding: 0;
	margin: 0 0 20px;
}


.sc_tlt {
	width: 100%;
	text-align: center;
	margin: 60px auto 40px
}

.sc_tlt h3 {
	display: inline;
	border-bottom: 3px solid #099;
	padding-bottom: 5px
}

.showcase {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* text-align:center; */
	margin: 0 auto
}

.showcasebox {
	/* width:31%; */
	flex-basis: 32%;
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 20px;
	margin-left: 2%;
	margin-right: 2%
}

.showcasebox ul {
	padding-top: 0px !important
}

.showcasebox ul li img {
	width: 100%
}

.showcasebox ul li:nth-child(3) {
	padding: 20px 15px 10px 15px;
	height: 115px
}

.showcasebox ul li:nth-child(4) {
	padding: 0px 15px 10px 15px
}

.showcasebox h4 {
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	background-color: #fff
}

.showcasebox p {
	margin: 0 auto;
	text-align: left;
	font-size: 14px
}

.sol_icon {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start
}

.sol_iconbox {
	width: 30%;
	background-color: #099;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 12px;
	color: #fff;
	border-radius: 10px;
	text-align: center
}

/*導入事例詳細ページ*/
.interviewdate {
	text-align: right
}

.showcasemaintlt {
	background-color: #099;
	padding: 10px;
	margin: 0 auto;
	text-align: center
}

.showcasemaintlt h2 {
	font-size: 26px;
	line-height: 40px;
	color: #fff
}

.showcasecontents {
	width: 100%;
	margin: 0 auto
}

.showcasecontents h3 {
	font-size: 22px;
	font-weight: 600;
	color: #099;
	margin: 40px 0
}

#case_studies span {
	line-height: 17px;
	font-size: 12px
}


/*導入事例詳細ページhハード*/

.showcasemaintlt2 {
	background-color: #005999;
	padding: 10px;
	margin: 0 auto;
	text-align: center
}

.showcasemaintlt2 h2 {
	font-size: 26px;
	line-height: 40px;
	color: #fff
}

.showcasecontents2 {
	width: 100%;
	margin: 0 auto
}

.showcasecontents2 a{color:#027eaf;}

.showcasecontents2 h3 {
	font-size: 22px;
	font-weight: 600;
	color:#005999;
	margin: 40px 0
}

.showcasecontents2 h3::before {
        content: '';
        width: 3px;
        height: 40px;
        background-color: #005999;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0px;
    }

#case_studies span {
	line-height: 17px;
	font-size: 12px
}

.hardbox_all {
	text-align: center;
	border: 2px solid #005999;
}

.hardbox_all h3 {
	font-size: 22px;
	font-weight: 600;
	color:#005999;
	margin: 20px 0
}

.hardbox_all h3::before {
background-color: unset;

 }

.hardbox {
	display: flex;
	justify-content: center;
	align-items: center
}

.hard{
	width: 100%;
	border-right: 1px dotted #ccc;
	text-align: center;
	margin-bottom: 20px;
	line-height: 20px
}


/*ニュースレイアウト解除*/
.showcasecontents h3::before {
	background-color: none;
	width: 0px;
	height: 0px
}

.showcasecontents p {
	text-align: left
}

.profilebox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.profile {
	width: 48%;
	text-align: left
}

.profile img {
	width: 100%
}

.profile .logo {
	max-width: 350px;
	text-align: center
}

.profile h4 {
	font-size: 18px;
	margin-top: 0px !important
}

.profile p {
	font-size: 14px;
	line-height: 28px
}

.textleft {
	text-align: left
}

.textright {
	text-align: right
}

.solutionbox_all {
	text-align: center;
	border: 2px solid #099
}

.solutionbox_all h3 {
	font-size: 22px;
	font-weight: 600;
	color: #099;
	margin: 20px 0
}

.solutionbox {
	display: flex;
	justify-content: center;
	align-items: center
}

.solution {
	width: 20%;
	border-right: 1px dotted #ccc;
	text-align: center;
	margin-bottom: 20px;
	line-height: 20px
}

div.solution:last-of-type {
	border: 0
}

/* ぱんくず */
.indexContent {
	width: 96%;
	/* width:100%; */
	max-width: 1004px;
	margin: 0 auto 5em;
	position: relative;
	color: #474747
}

#breadcrumb li {
	display: inline-block;
	margin-top: .5em;
	font-size: 14px !important
}

#breadcrumb li:first-child:before {
	content: "\f015";
	margin-right: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#breadcrumb li:first-child:before {
	content: "\f015";
	margin-right: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.indexContent a {
	color: #035a9a
}

/*PDF資料DLページ */
.downloadhero {
	background: #4e9d74;
	margin: 0;
	padding: 20px;
	margin-bottom: 30px
}

.downloadhero h2 {
	color: #fff;
	text-align: center;
	font-size: 28px
}

.downloadhero p {
	color: #fff;
	text-align: center;
	font-size: 18px
}

#download-wrapper {
	margin: 0 10%
}

#download-inner {
	display: block;
	width: 44%;
	float: left;
	margin-right: 46px
}

.title {
	border-top: dashed 1px #779582;
	width: 100%;
	padding-top: 10px;
	margin-top: 20px
}

#download-inner span {
	font-size: 12px
}

#download-inner h3 {
	margin: 10px 0;
	font-size: 18px
}

.downloadp {
	padding: 0px;
	margin: 8px auto;
	height: 35px
}

.downloadp p {
	text-align: center;
	font-size: 12px;
	line-height: 17px
}

.downloadimg {
	margin: 0 auto;
	width: 100%;
	height: 280px;
	box-sizing: border-box
}

.downloadimg img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #ccc;
	text-align: center
}

.square_btn a {
	font-size: 14px;
	color: white;
	margin: 0 auto;
	padding: 10px;
	display: block;
	text-align: center;
	text-decoration: none
}

.square_btn {
	width: 60%;
	text-align: center;
	margin: 0px auto;
	text-decoration: none;
	background-color: #4D9C74;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	/*ボタン色*/
	color: #FFF;
	border-radius: 3px
}

.square_btn:hover {
	background-color: #7db5a4;
	background-position: -100% 100%
}

.square_btn2 a {
	font-size: 16px;
	color: #4D9C74;
	margin: 0 auto;
	padding: 8px;
	display: block;
	text-align: center;
	text-decoration: none
}

.square_btn2 {
	width: 20%;
	text-align: center;
	margin: 0px auto;
	text-decoration: none;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	/*ボタン色*/
	color: #4D9C74;
	border-radius: 3px
}

.square_btn2:hover {
	background-color: #7db5a4;
	background-position: -100% 100%
}

/*セミナー日程用*/
.seminardate .su-row {
	margin-bottom: 10px
}

.seminardate .su-box-title,
.su-box-content {
	font-size: 18px
}

/*ニュース一覧新設*/
.tags a {
	font-size: 12px;
	color: #707070 !important;
}


.post_index {
	display: flex;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	border-left: 3px solid #43B962;
	padding: 20px 15px;
	margin: 0 0 10px;
}

.post_index h2 {
	max-width: 700px;
	font-size: 1.6rem;
	line-height: 15px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 20px;
}

.post_index sup {
	vertical-align: super;
	font-size: 1rem;
}

.post_index a {
	color: #035a9a;
	line-height: 1.5;
}

.post_index a:hover {
	color: #035a9a;
	opacity: 0.3;
}

.post_date {
	font-size: 1.4rem;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 5px 0;
}
/*  */

.exvision_wrap{display: flex;}
.post_index2 {
	display: flex;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	border-left: 3px solid #d2d2d2;
	padding: 20px 15px;
	margin: 0 0 15px;
	width: 100%;
}

.post_inner2{display: flex;}
.post_index2 h2 {
	max-width: 700px;
	font-size: 1.6rem;
	line-height: 15px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 20px;
}

.post_index2 sup {
	vertical-align: super;
	font-size: 1rem;
}

.post_index2 a {
	color: #035a9a;
	line-height: 1.5;
}

.post_index2 a:hover {
	color: #035a9a;
	opacity: 0.3;
}
.post_img2 a img {
    width: 170px;
    height: 85px;

    border-radius: 5px;
    margin-bottom: 10px;
	object-fit: cover;
	object-position: center;
}

/* .post_img2 {
    margin-bottom: 20px;
} */

/* 日付部分のスタイル */
.post_date2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
	width: 90px;
	min-width: 100px;


}

/* 日付の「月/日」フォーマット */

.recomend {
    font-size: 2.2rem;
    font-size: 2.2rem;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #fcf3f3;
    padding: 12px 15px;
}
.exhibition_year{background: #ececec;
    padding-left: 10px;}

.exhibition_month{font-size: 2.2rem;
	font-size: 2.2rem;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #f3f6fc;
    padding: 12px 15px;
}	

.date-month-day {
    display: flex;
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

.date-month,
.date-day {
    font-size: 1.8rem;
}

.date-slash {
    margin: 0 3px;
    color: #000;
}

/* 曜日を円の中に配置 */
.date-day-of-week {
	background-color: #006838;
    color: #fff;
    font-size: 1.3rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    margin-top: 2px;

}

/* 製品情報 */


.post_tags{width:95px;
    margin-top: 2px;
margin-left:10px;
font-size: 13px;
}

.product_list{
    margin: 0 0 0 5px!important;}
/* バナーの配置とタイトル */
.banner-title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
	position:relative;
	justify-content: space-between;
}

.banners {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #43B962; */
    color: #fff;
    /* padding: 5px 10px; */
    border-radius: 3px;
}

/* .pos-banner,.hardware-banner{position: absolute;} */
.pos-banner {
    background: rgb(233 247 232);
    color: #0ba05b;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
	margin-left: 10px;
}
.hardware-banner{    /* width: 300px; */
    background: rgb(231 239 248);
    color: #1764c0;
    padding: 5px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;

}

.icon-thanks{	     background: rgb(202 63 75);
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
	letter-spacing: 1px;
    /* letter-spacing: 4px; */
    width: auto;
    border-radius: 3px;
	font-size: 11px;
}

.icon-multiple{background: rgb(48, 46, 47);
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
	border-radius: 3px;
	font-size: 11px;
    line-height: 12px;
}

.banner-title-wrapper h2 {
    font-size: 1.5rem;
    margin: 10px 0;
}

.banner-title-wrapper h2 a {
    text-decoration: none;
}

.banner-title-wrapper h2 a:hover {
    text-decoration: underline;
}

/*  */

.post_date {
	font-size: 1.4rem;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 5px 0;
}

.post_img {
	margin: 0 0 0 20px;
}

.post_img img {
	width: 100px;
	min-width: 100px;
	height: auto;
	object-fit: contain;
	margin: 0;
}

.post_inner {
	display: flex;
	align-items: center;
}

.cat_name {
	background-color: #c5c5c5;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
	text-align: center;
	font-size: 10px;
	display: inline-block;
	width: 100px;
	height: 16px;
	position: absolute;
	margin-top: 24px;
}

.seminar {
	position: relative
}

/*.seminar::after{position:absolute;background-color:#911d1d;content:"開催中";font-size:14px;color:white;padding:5px;right: 83%;bottom: 95%;border-radius:3px;}*/
@media only screen and (max-width:880px) {
	.dounloadhero h2 {
		font-size: 20px
	}

	.dounloadhero p {
		font-size: 14px
	}

	.square_btn2 {
		width: 60%
	}

	#download-inner {
		display: block;
		width: 100%;
		float: inherit
	}

	#download-inner h3 {
		padding-top: 10px
	}

	.seminar::after {
		padding: 5px;
		right: 66%;
		bottom: 96%;
		border-radius: 3px;
	}
/* exhivision */

.banner-title-wrapper {

    padding: 0 10px 10px 10px;
}

.icon-multiple {
    position: absolute;
    left: 10px;
}



	.exhibition_month {
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.post_index2 {
		margin: 0 0 15px;
		width: 100%;
		padding: 0px 15px 0px 15px;
	}

	.post_index a {
		line-height: 20px
	}

    .post_img2 a img {
		width: 100%;
        height: 160px;
        margin-bottom: 0px;
        object-fit: cover;
        object-position: center;
        /* margin: auto; */
        display: flex;
        margin: auto;
        max-width: 300px;
    }

	.post_inner2 {
		flex-direction: column;
		width: 100%;
	}
	.post_img2 {
		width: 80%;
        margin: auto;
	}

	.exvision_wrap {
		display: flex;
		flex-direction: column;
        position: relative;
	}

	.post_date2 {
        margin-bottom: -30px;
        margin-top: 0px;
        z-index: 2;
        margin-left: -12px;
        height: 80px;
	}

	.banners {
		position: absolute;
		top: -185px;
		right: 0;
	}

	.pos-banner {

		font-size: 10px;
	
	}
	.hardware-banner{    /* width: 300px; */

		font-size: 10px;
	margin-left: 2px;
	}
}


/*ショールーム・ZOOM資料請求*/
input.zip {
	display: block;
}

input.zip::before {
	content: "〒";
}

@media screen and (max-width:767px) {
	#filter_form select, #filter_form input {
		margin-bottom: 10px;
	}
	#event_filter {
		display: block;
	}

	.cat_name {
		position: relative;
	}

	.inner02 {
		width: 95%;
		padding: 30px 0
	}

	.pdfall {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px
	}

	.pdf01 {
		display: flex;
		width: calc(100% /1);
		text-align: center;
		align-items: center;
		vertical-align: middle
	}

	.news_nav ul {
		flex-direction: column;
		line-height: 24px;
	}

	.news_nav li:after {
		content: none;
	}

	.post_index {
		display: block;
	}

	.post_index h2 {
		font-size: 1.4rem;
		margin: 10px 0 0;
	}

	.post_img {
		margin: 0 20px 0 0;
	}
/*製品情報*/
.post_tags {
    display: contents;
}

.product_list {margin: 6px 0px 0px 5px !important;}


}

@media (min-width:320px) and (max-width:639px) {
	.showcasemaintlt h2 {
		font-size: 18px;
		line-height: 32px;
		color: #fff
	}

	.profilebox {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px
	}

	.profile {
		width: 100%;
		text-align: left
	}

	.solutionbox {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap
	}

	.solution {
		width: 80%;
		border-bottom: 1px dotted #ccc;
		border-right: 0;
		text-align: center;
		margin-bottom: 10px;
		padding-bottom: 10px;
		line-height: 20px
	}

	.postoha {
		/* width:80%; */
		border-bottom: 1px dotted #ccc;
		border-right: 0 !important;
		/* text-align:center; */
		padding-bottom: 20px;
		margin: 20px auto 0
	}

	.postoha h2 {
		font-size: 18px
	}

	div.solution:last-of-type {
		border: 0
	}
}

@media(min-width:320px) and (max-width:728px) {
	.spec tr {
		border: 0
	}

	.spec th {
		background: #f2f2f2;
		width: 98%;
		display: block
	}

	.spec td {
		width: 97%;
		display: block;
		padding: 1rem 0 .5rem;
		margin-bottom: 1pc
	}

	.rr {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap
	}
}

@media (min-width:640px) and (max-width:768px) {
	.showcasebox {
		/* width:31%; */
		flex-basis: 48%;
		border: 1px solid #ccc;
		padding: 0;
		margin-bottom: 20px;
		/* margin-right:3%; */
		/* margin-right:20px; */
	}
}

@media (min-width:320px) and (max-width:639px) {
	.showcasebox {
		/* width:31%; */
		flex-basis: 100%;
		border: 1px solid #ccc;
		padding: 0;
		margin-bottom: 20px;
		/* margin-right:3%; */
		/* margin-right:20px; */
	}
}

@media screen and (max-width:767px) {

	.case_box>div:nth-of-type(4) ul li:nth-of-type(3) p,
	.case_box>div:nth-of-type(5) ul li:nth-of-type(3) p,
	.case_box>div:nth-of-type(6) ul li:nth-of-type(3) p {
		min-height: 100%;
	}
}
/*追記　フォントサイズ変更 2506  */

#content-w h3{font-size:150%!important}
.st-main h2{font-size:160%!important}
#content-w h1{font-size:230%!important}
#content-w p{font-size:115%!important;
            font-weight:300!important}
.post_index h2 {
font-size: 120% !important;}

.banner-title-wrapper h2 {
font-size: 120% !important;}

/* --- カテゴリラベルの色分け（深みのあるソリッドカラー） --- */
	
	/* プレスリリース（濃いめのオレンジ） */
	.cat_box.cat-press { background-color: #e25c00; }
	
	/* 製品情報（サイト既存の濃いブルー） */
	.cat_box.cat-product { background-color: #005999; }
	
	/* トピックス（サイト既存の深いグリーン） */
	.cat_box.cat-topics { background-color: #118f6a; }
	
	/* 展示会（シックで落ち着いた紫） */
	.cat_box.cat-exhibition { background-color: #604c8d; }
	
	/* メディア掲載（少し緑がかった深みのあるピーコックブルー） */
	.cat_box.cat-media { background-color: #008a90; }
	
	/* セミナー（重厚感のある落ち着いた赤） */
	.cat_box.cat-seminar { background-color: #bc3636; }

	/* 該当しない場合・デフォルト（少し濃いめのグレー） */
	.cat_box { background-color: #888888; }