@charset "utf-8";
/*
Theme Name: ★セオ子テーマ★
Theme URI: http://aaa
Template: biz-vektor
Description: 
Author: ★★
Tags: 
Version: 0.1.0
*/

#topMainBnrFrame .slides img,
#topMainBnrFrame.flexslider .slides img {
    width: 900px !important;
    max-width: 900px !important;
    margin:16px auto;
}
#topMainBnrFrame .slideFrame img {
    left: 0px;
}
@media (max-width: 860px) { 
#topMainBnrFrame .slides img,
#topMainBnrFrame.flexslider .slides img {
width:100% !important;
margin:4px;
}
}
.topBtn { margin:0 -3px 0 0; padding:0; overflow:hidden; }
.topBtn li {
list-style:none;
display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
margin-right:1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #eee;
background:#eee;
overflow:hidden;
}
.topBtn li a { text-decoration:none; }
.topBtn li a:hover{
     filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}
.topBtn li a img { display:block; padding:5px 5px; border:1px solid #fff; }

.topBtn li span { text-align:center; display:block; padding-bottom:3px; background:#000; color:#fff; }

p.bnrBlock {margin:1em 0 0; text-align:center;}

#content .archive-meta {
}

#content .archive-meta p {
padding:10px 16px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #ccc;
}
#content .archive-meta a {
margin:0;
padding:0 1.5em 0 0;
}
#content .archive-meta .topBtn li {
margin-right:6px;
}
#content .archive-meta .topBtn li a {
margin:0;
padding:0;
}
#content .archive-meta .topBtn li a img { 
margin:0;padding:0;
}
#content .infoList .infoListBox{
padding-bottom:20px;
}
@media (max-width: 860px) { 
#content .infoList .infoListBox div.thumbImage {
    width: 100%;
    display: block;
    overflow: hidden;
    float: none;
    text-align: right;
    position: relative;
margin-bottom:20px;
}
}




/*brand▼*/
#content .brand-content p {
width: 100px;
margin:0 3px 12px 0;
padding:0;
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/
font-size:80%;
line-height:1.2;
vertical-align:top;
}
#content .brand-content p span.bnrBox {
height:41px;
padding:2px;
border:1px solid #ccc;
display: table-cell;
vertical-align: middle;
}
#content .brand-content p span.bnrBox img{
width:100%;
}
#content .brand-content p a {
text-decoration:none;
}

/*brand▲*/

/*introduce*/
#content .introduce-content {
  display: block;
overflow:hidden;
_zoom:1;
clear:both;
}
#content .introduce-content .leftCont {
float:left;
margin-right:10px;
}

#content .introduce-content p.dot {
  margin:0 0 10px;
  padding:0 10px 10px;
  border-bottom:#999 dotted 1px;
}

@media (max-width: 860px) { 
#content .introduce-content table{
table-layout:fixed;
}
#content .introduce-content td {
padding:4px;
white-space: pre-wrap;
}
#content .introduce-content th {
padding:4px;
width:6em;
white-space: pre-wrap;
}
#content .introduce-content table td img {
width:90%;
}
}
#content .introduce-content p.inline img {
  display: inline-block !important;
  vertical-align:middle;
}
#content .wp-caption{
float:left;
margin-right:10px;
}


/* トップページRSSボタン */
#content .infoList .rssBtn {
display:none;
}



@media (max-width: 786px) {
/* グロナビ 小さい画面でも隠さない */
#gMenu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gMenu #gMenuInner.innerBox	{ margin:0px 3%;width:94%;}
#gMenu.itemClose .menu,
#gMenu.itemOpen .menu	{ display:block;  }
#gMenu .menu	{ border-top:none; }
#gMenu .menu:after	{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gMenu .assistive-text { position: absolute; top: -9000px; } /* display:noneだと読み上げない / 横にオフセットするとIEで読み込みまでの間表示される */
#gMenu .menu li { display:inline-block; border-bottom:none; vertical-align:top; }
#gMenu .menu li a	{ text-align:center;margin:0;padding: 13px 10px 10px; }
#gMenu .menu li a strong	{ /*font-size:18px;*/ }

/* 子ページ */
#gMenu .menu li:hover ul	{ display:block; position:absolute;z-index:100;border-top:1px solid #ccc; position:absolute;width:200px;opacity:0.97; }
#gMenu .menu li:hover ul li	{ background:#fff;border-bottom:1px solid #ccc;width:200px; position:relative; }
#gMenu .menu li:hover ul li a	{ box-shadow:none; }
#gMenu .menu li:hover li a,
#gMenu .menu li.current_page_item li a,
#gMenu .menu li.current-menu-ancestor li a,
#gMenu .menu li.current-page-ancestor li a,
#gMenu .menu li.current_page_ancestor li a { background:none;background-color:#fff;color:#4d4d4d;text-align:left;border-right:none;}
/*
#gMenu .menu li:hover li a:hover,
#gMenu .menu li.current_page_item li a:hover,
#gMenu .menu li.current-menu-ancestor li a:hover,
#gMenu .menu li.current-page-ancestor li a:hover,
#gMenu .menu li.current_page_ancestor li a:hover { background-color:#f5f5f5;}
*/

/* 孫ページ */
#gMenu .menu li:hover ul li ul	{ position:absolute;left:200px;top:10px; border-top:none;}
#gMenu .menu li:hover ul li ul,
#gMenu .menu li:hover ul li ul li	{ display:none; }
#gMenu .menu li:hover ul li:hover ul,
#gMenu .menu li:hover ul li:hover ul li	{display:block;}
#gMenu .menu li:hover ul li:hover ul { border-top:1px solid #ccc; }


#gMenu .menu li:hover li a:hover,
#gMenu .menu li.current_page_item li a:hover,
#gMenu .menu li.current-menu-ancestor li a:hover,
#gMenu .menu li.current-page-ancestor li a:hover,
#gMenu .menu li.current_page_ancestor li a:hover { background-color:#f5f5f5 !important;}
#gMenu .menu { font-size:0;}


/* グロナビ == 2列は49% 3列は33% == */
#gMenu .menu li { width:33%;margin:0 1px 1px 0; border-radius:0; }


#gMenu .menu li.menuLast a { border-radius: 0; }
#gMenu .menu li a,
#gMenu .menu li a strong {font-size:13px; white-space: normal;}
#gMenu .menu li:hover ul,
#gMenu .menu li:hover ul li:hover ul,
#gMenu .menu li:hover ul li:hover ul li	{display:none;}
}

/* npcatch == */
#content ul#npcatch {
padding:0;
margin:0;
}
#content #npcatch li {
display:inline-block;
width:32%;
vertical-align:top;
margin:0 auto 12px;
padding:0;

}
#content #npcatch li img {
vertical-align:top;
padding:0;
}
#content #npcatch li a {
padding:0 10px;
}
#content #npcatch li span {
padding:0 0 0 4px;
font-size:75%;
width:97%;
}
#content #npcatch li span a {
text-decoration:none;
padding:0;

}

/* 記事一覧 写真とテキスト 横並び表示 */  
#content .infoList .infoListBox h4.entryTitle {
padding-bottom : 10px;
margin-top:0;
}
#content .infoList .infoListBox div.entryTxtBox.haveThumbnail {
padding-right: 14px;
float: none;
display:table-cell;
vertical-align: top;
}
#content .infoList .infoListBox div.thumbImage {
float: none;
display:table-cell;
width:300px;
position: relative;
top: 0;
}
#content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
width:300px;
}
@media (max-width: 786px) {
#content .infoList .infoListBox h4.entryTitle {
padding-bottom : 10px;
}
#content .infoList .infoListBox {
padding: 10px 0 20px;
}
#content .infoList .infoListBox div.entryTxtBox.haveThumbnail {
margin:10px 0;
padding-right: 14px;
float: none;
display:block;
vertical-align: top;
}
#content .infoList .infoListBox div.thumbImage {
margin:10px 0;
float: none;
display:block;
width:300px;
position: relative;
top: 0;
}
#content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
width:300px;
}
#pageTitBnr #pageTitInner #pageTit {
margin: 10px;
}
}
/* 　記事一覧 写真とテキスト 横並び表示//ここまで */

/* トップ スマホでも3列表示 */ 
@media (max-width: 786px) {
#container #content {
margin: 0px 6px;
}
#content ul {
margin-left:0;
}
#content ul.topBtn li {
width: 30%;
vertical-align: top;
}
#content img {
margin: 0 auto;
}
.topBtn li a img {
padding: 0;
}

.topBtn li a img { display:block; padding:5px 5px; border:1px solid #fff; }
.topBtn li span {
    display:table;
    table-layout: fixed;
    width:100%;
}
.topBtn li span>span { 
    font-size:100%; 
    display:table-cell; 
    text-align:center; 
    vertical-align:middle; 
}
}


/* 商品一覧の隙間削除→3列表示 */
#content .archive-meta .topBtn li {
margin-right:0;
}


/* タグの改行禁止 */
#content .infoList .infoCate a {
    display: inline-block;
}

/* フォントを指定 */
p {
    font-family: 'Hiragino Kaku Gothic Pro',
    sans-serif;
}


/* 20260123追加 */
#content .postList_in h4{
	border-bottom: unset;
}
#content .infoList .infoListBox,
.infoList .infoListBox{
	display: block;
    width: calc(100% / 2 - 15px);
	position: relative;
}
.infoList .infoListBox:nth-child(2n){
	margin-left:26px;
}
#content .infoList .infoListBox{
	padding-bottom:0;
}
#content .infoList .infoListBox div.entryTxtBox.haveThumbnail,
.infoList .infoListBox div.entryTxtBox.haveThumbnail{
	display:block;
	width: 100%;
    margin: 0;
    padding: 0;
}
.postList_in .thumbImage{
	width:100%;
}
.loopList_wrap,
.archive .infoList{
	display: flex;
	flex-wrap: wrap;
}
.loopList_wrap .moreLink{
	width:100%;
}
.loopList_wrap .entryMeta .infoDate,
.postList_in .entryMeta .infoDate{/* 日付非表示 */
	display:none;
}
.loopList_wrap .entryMeta .infoCate,
.postList_in .entryMeta .infoCate{/* カテゴリー非表示 */
	display:none;
}
.loopList_wrap .entryMeta,
.postList_in .entryMeta{/* 日付とカテゴリー両方非表示の場合追加 */
	display:none;
}
.loopList_wrap .entryTxtBox p,
.postList_in .entryTxtBox p{/* 抜粋文非表示 */
	display:none!important;
}
.loopList_wrap .moreLink,
.postList_in .moreLink{/* この記事を読むボタン非表示 */
	display:none;
}
.loopList_wrap .moreLink.right,
.postList_in .moreLink.right{/* もっと見るボタン表示 */
	display: block;
}
.loopList_wrap .moreLink.right a,
.postList_in .moreLink.right a{/* もっと見るボタンの大きさ変更 */
	font-size: 14px;
    width: 120px;
    padding: 10px 20px;
	margin: 0 auto;
    margin-top: 20px;
}

@media (max-width: 786px) {
	#content .infoList .infoListBox div.thumbImage,
	#content .infoList .infoListBox div.thumbImage div.thumbImageInner img{
		width:100%;
	}
}