@charset "UTF-8";
/*!
Theme Name: まとめサイト用テーマ
Description: まとめサイト用テーマです。
Theme URI:
Author:
Author URI:
Text Domain: simplicity2
Version: 2.4.0i
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/************************************
** 基本設定（General Setting）
************************************/
html, body {
  margin: 0;
  padding: 0;
}

body {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W10', Meiryo, メイリオ, Osaka,  'MS PGothic', arial, helvetica, sans-serif; 
  font-size:14px;
  -webkit-text-size-adjust: 100%;
  background-color: #e9e9e9;

}

img{
  border-width:0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

figure{
  margin: 0;
}

.article{
  font-size:13px;
}
li {
    list-style: none;
}

/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption,
.hover-image{
    max-height: 400px;
    width: auto;
    height:auto;
    min-width: 220px;
    margin-bottom: 38px;
    margin-left: auto;
    margin-right: auto;
	display: block;
	min-inline-size: auto;
}

.aligncenter{
  clear:both;
}

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

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  color:#333;
}

.article h2,
.article h3,
.article h4,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}

.article h1 {
    font-size: 20px;
    line-height:110%;
		font-weight: bold;
		margin: -8px 0px 0px 0px;
		padding: 12px 8px 10px 8px;
		width: 100%;
		height:auto;
		color: #fff;
		background-color: rgba(0,0,0,0.8);	
		border-left: 10px solid #fb8787;
}

#archive-title{
    font-size: 16px;
    background-color: #fafafa;
    padding: 10px 6px;
    border: solid 1px #ddd;
}

#related-entries h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 16px 0px 0px 0px;
    color: #333;
    background-color: #fafafa;
  	text-align: center;
    padding: 8px 8px 8px 10px
}

.article h2 {
  border-left:1px solid #000;
  margin: 40px -29px 20px;
  padding:25px 30px;
  font-size:16px;
}

.article h3{
  font-size:23px;
  border-bottom:5px solid #e7e7e7;
  padding:10px 0;
}

.article h4, .article h5, .article h6{
  font-size:20px;
  padding:8px 0;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

.entry-content{
  margin-bottom: 0px;
}

#search-title {
  font-size: 15px;
}
.search-title2 {
    background: #fafafa;
    padding: 32px 16px 10px;
    line-height: 20px;
    border: solid 1px #ddd;
    font-size: 12px;
    font-weight: normal;
    color: #000;
	border-radius: 8px;
}
.search-title2::before {
    content: "検索条件";
    font-size: 12px;
    position: absolute;
    margin: -42px 0px 0px 0px;
    display: block;
    padding: 7px 6px 5px 42px;
    background: #ddd url("/wp-content/themes/matome/images/goods_search.png") 11px 6px/18px no-repeat;
	  width: 58px;
}
.category-list {
    margin-top: 22px;
    padding: 0;
	font-size: 13px;
}

.release-status-group .wrap_makername_btn .cat_btn a {
  margin:0 !important;
}
@media screen and (max-width: 750px){
  .release-status-group .wrap_makername_btn li {
    font-size:12px;
  }
  .release-status-group .narrow_cat,.release-status-group .narrow_cat .cat_btn a{
    font-size:10px;
  }
}
/************************************
** アンカー
************************************/
a {
  color: #333;
  word-wrap: break-word;
}

a:hover {
  color: #C03;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#111;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.article-list .entry-title a{
  text-decoration:none;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer a:hover,
.article-list .entry-title a:hover,
.blog-card-title a:hover{
  color:#c03;
}

#footer .credit a:hover{
  color: inherit;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover:hover{
  text-decoration:underline;
}


/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 15px;
  position: relative;
  font-size:14px;
}


blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 400%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 400%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}



/************************************
** リスト（List）
************************************/
ul ul{
  margin-left: 1em;
}
.post-title{
    padding: 32px 8px 5px 0px;
    font-size: 13px;
    margin: 0 0 0 13px;
	border: 0px;
}
dl{
  margin: 8px 0;
}

dt{
  float: left;
  padding: 6px 8px 5px 12px;
  width: 55px;
  font-size: 11px;
  font-weight: normal;
	border-top: dashed 1px #ddd;
}

dd{
  padding: 6px 8px 5px 8px;
  font-size: 12px;
	border-top: dashed 1px #ddd;
}

/************************************
** テーブル（Table）
************************************/
.article table{
  border-collapse: collapse;
  margin: 15px 0;
  max-width: 100%;
}
.article th{
  border: solid 1px #ccc;
  background-color: #eee;
}
.article td{
  border: solid 1px #ccc;
}
.article th,
.article td{
  padding: 3px 5px;
}

.article .scrollable-table th,
.article .scrollable-table td{
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}

.article ol,
.article ul,
.article dl{
  line-height:150%;
	border: solid 2px #ddd;
	background: #fdfdfd;
}

.article > ol,
.article > ul,
.article > dl{
  margin:30px 0;
}

.article > ol ol,
.article > ul ul,
.article > dl dl{
  margin:0;
	
}

/************************************
** その他（Other）
************************************/
pre {
  background-color:#eee;
  border:1px solid #ccc;
  padding:7px;
  overflow: auto;
}

hr{
  color: #ddd;
  margin:30px 0;
  width:98%;
  border:1px solid #ddd;
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border: 1px solid #ddd;
}

.wpp-range{
  text-align:right;
  font-size:14px;
}

span.search-excerpt {
  background-color: #FF9;
}

.invisible{
  display:none;
}

hr.sep {
  background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0 ;
  height: 1px;
  position: relative;
  margin-bottom:130px;
}

/************************************
** レイアウト（Layout）
************************************/
#container {
  padding:0;
  margin: 0 auto;
}

#header-in, #navi-in, #body-in, #footer-in{
  width: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

#header {
    background: #404040;
	  margin-bottom: 0px;
    border-bottom: 3px solid;
    border-image: linear-gradient(101deg, #2700ff, #c485ff 35%, #963cff 67%, #eb50ff);
    border-image-slice: 1;
}
#header .alignleft,
#header .alignright{
  margin-bottom: 0px;
  width: auto;
}
#header .alignleft{
  margin: 0 30px;
}
#header .alignright{
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}

#body{
  margin-top:15px;
}

#main {
  float: left;
  box-sizing: border-box;
  width: 764px;
  margin-bottom: 30px;
}

#sidebar {
  float: right;
  width: 320px;
  margin-bottom: 30px;
}

.clear{
  clear:both;
}

/************************************
** ヘッダー(header)
************************************/
*:first-child+html #header > div{ /* IE7 */
  clear: both;
  zoom:1;
}

#h-top{
  min-height:20px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}

#site-title{
  text-align: center;
  margin: -3px;
	height: 34px;
}

#site-title a{
  text-decoration:none;
  color:#fff;
  font-size: 22px;
  font-weight: bold;
  margin: 4px 0 0 0;
}

#site-description{
  color: #fff;
  font-size:14px;
  text-align: center;
  font-weight: normal;
  margin: 4px 0 8px 0;
}

#header-image{
  margin-bottom: 0px;
}

/************************************
** グローバルナビメニュー（menu）
************************************/
#navi {
  background: #333333;
}

nav {
  border-bottom: 3px solid #92aff9;
}

#navi ul{
  position: relative;
  clear: both;
  margin:0;
  padding:0;
  width:100%;
  box-sizing: border-box;
}

#navi ul ul{
  box-sizing: content-box;
}

#navi ul > li{
  float: left;
  list-style:none;
  position: relative;
  border-right: 1px #000 solid;
	width: 140px;
}

#navi ul li a{
	width: 120px;
  font-size:11px;
  display: block;
  padding: .7em .7em;
  color:#fff;
  text-decoration:none;
  z-index:99;
  background-color:#333;
}
#navi ul li a:hover{ 
  background-color:#666;
}

/* メニューアイコン指定ここから */
/* TOP */
#navi ul li:nth-child(1) a {
	padding: 1em 1em 1em 35px;
  background: url("images/icon/menu/home.png") 10% 48% / 15px auto no-repeat;
}

/* メニューアイコン指定ここまで */
#navi ul.sub-menu,
#navi ul.children{
  position: absolute;
  display: none;
  margin-left: 0;
  min-width:200px;
  border: 1px solid #eee;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:31px;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;
}

/* Clearfix) */
#container:after,
#navi ul:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

#container,
#navi ul,
.clearfix {
  display: block;
}

/************************************
** フッターナビメニュー
************************************/
#footer-navi ul{
  text-align: center;
  padding-left: 0;
}

#footer-navi ul li {
  display: inline;
  list-style: outside none none;
}

#footer-navi ul li::before {
    content: "|";
    padding: 0 0.6em;
}

#footer-navi ul li:first-child::before{
  content: "";
  padding: 0;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#searchform{
  position: relative;
  margin-top: 25px;
  display:flex;
}

#s {
    width: 100%;
    margin: 4px 0px;
    padding-bottom: 4px;
    box-sizing: border-box;
    color: #333;
    border: solid 1px #ddd;
	  height: 42px;
}

#searchsubmit{
  width: 12%;
  padding: 0;
  color: #fff;
  -webkit-appearance: none;
}

#searchsubmit:hover {
  opacity:0.7;
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
#main .post,
#main .page{
    background: #fff;
    padding: 10px 10px 0 10px;
}

.post-meta{
  text-align:right;
  background-color:#fff;
  color:#666;
	text-decoration: none;
	padding: 38px 0 12px 0;	
	margin-bottom: 6px;
}

.post-meta a {
    padding: 6px 14px;
    font-size: 11px;
    text-decoration: none;
    background: #f8f8f8f8;
    border: solid 1px #ccc;
    border-radius: 8px;
    color: #666;
}

.post-meta .post-date,
.post-meta .post-update,
.post-meta .category,
.post-meta .comments,
.post-meta .edit,
.footer-post-meta .post-tag,
.footer-post-meta .post-author,
.footer-post-meta .edit{
  padding-right: 0.7em;
	font-size: 14px;
}
.comment-num{ white-space: nowrap; }

.footer-post-meta{
  text-align: right;
  color:#555;
  font-size:16px;
  clear:both;
}

.article-list .footer-post-meta{
  margin-top:30px;
}

.more-link {
  clear: both;
  display: block;
  margin-bottom: 30px;
  text-align: right;
  margin-top: 15px;
}

/*タグが入っていない場合は非表示*/
#list .post .footer-post-meta:empty,
#list .post .footer-post-meta .post-tag:empty{
  display: none;
}

/************************************
** index.phpのリスト
************************************/
#main .entry{
  clear:both;
  margin-bottom:6px;
  word-wrap: break-word;
  background:#fff;
  border: 1px solid #e4e4e4;
  padding: 0px;
  position: relative;
	border-radius: 6px;
}

#main .entry .thumb_com {
    position: absolute;
    right: 0;
    bottom: 5px;
}

#main .entry .thumb_com a {
    color: #fe5492;
    padding: 0px 5px;
    font-size: 18px;
    font-weight: bold;
    background: #f1eff0;
    text-decoration: none;
    border-radius: 5px 0 0 5px;
    width: 50px;
    text-align: center;
    white-space: nowrap;
}

#main .entry .thumb_com a span {
    font-size: 10px;
    color: #000;
}

#main .entry .link_block {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
#main .entry:hover {
  background:#e4e4e4;
  border: 1px solid #ccc;	
}

.entry-thumb{
    float: left;
    position: relative;
    padding: 6px;
	  margin-right:10px;
    width:auto;
}

.entry-thumb a{
  display: block;
}

.entry-thumb img{
  border:0;
  width:190px;
  height: 140px;
  display: block;
  object-fit: cover;
  margin: auto;
}

/*大きなサムネイル表示スタイルでのサムネイル*/
.entry-large-thumbnail img{
  width: 200px;
  height: 150px;
}

.entry-card-content{
  margin: 6px;
}

.entry .post-meta{
  text-align:left;
  margin: 7px auto;
}

.entry .post-meta a{
  color:#000;
}

.entry .post_time {
    display: inline-block;
    font-size: 11px;
    color: #999;
}

.post-meta a:hover {
    color: #ff0000;
}

.entry .post_category {
    display:inline-block;
}

.entry .post_category a {
    margin: 2px 0 2px 0;
    font-size: 11px;
    padding: 2px 6px;
    text-decoration: none;
    margin-right: 0.5em;
    display: inline-block;
    background: #f8f8f8f8;
    border-radius: 4px;
    color: #666;
}

.entry .post_category a:hover {
  color: #ff0000;
  opacity: 0.7;
}

.entry .post_date_wrap {
    left: 170px;
    display: flex;
}

.post_data_tag {
    font-size: 0;
}

ul.post_data_custom {
    list-style: none;
    margin: 0;
    padding-left: 0;
    background: none;
    color: #333333;
    font-size: 12px;
}

.entry .sns_btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.entry h2{
  margin-bottom:5px;
  margin-top: 0;
  padding: 2px 0 0 5px;
  font-size: 13px;
}

.entry h2 a{
    color: #333;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
    line-height: 1.25;
    height: 57px;
	text-align: left;
}

.entry-titlekiji{
    line-height: 110%;
    font-size: 15px;
    font-weight: bold;
    margin: 8px 0px 0px 0px;
    padding: 12px 8px 12px 4px;
    height: auto;
    color: #333;
    background-color: #fafafa;
}

.right{
    display: block;
	  margin: -12px 8px 0px -4px;
	  padding: 0;
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 14px 0 0;
    border-color: #503ca0 transparent;
}

.entry-snippet{
  margin:0 0 5px 0;
  line-height:150%;
  color:#555;
}

.entry-read{
  margin:0;
}

.entry-snippet,
.related-entry-snippet{
  word-wrap: break-word;
}

/************************************
** WordPress Misc
************************************/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.alignright,
.wp-caption.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
}

.wp-caption-text,
.gallery-caption{
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

/************************************
** index.php Main
************************************/
.content-box{
  float: right;
  margin-top: -0.25em;
  width: 420px;
}
.content-box .more-link{
  margin: 0;
}

.thumbnail-box{
  float: left;
  width: 160px;
}
.thumbnail-box img{
  width: 160px;
  height: 160px;
}

/************************************
** パンくずリスト（Breadcrumb）
************************************/
#breadcrumb{
  color: #222;
  font-size: 13px;
  padding: 7px 10px;
  background: #fff;
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
}

div#breadcrumb div {
  display: inline;
}

#breadcrumb span.sp{
  margin:0 8px;
}

#breadcrumb a{
  text-decoration:none;
  color:#3B74CE !important;
}

/*以下のパンくずスタイルは、いずれ削除*/
#breadcrumb ul{
  margin:0;
  padding:0;
  list-style:none;
}

#breadcrumb ul li{
  display:inline;
}

#breadcrumb ul li span.sp{
  margin:0 10px;
}

#breadcrumb ul li a{
  text-decoration:none;
  color:#777;
}


/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation{
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
  margin: 20px -30px 20px;
}
.navigation > div{
  border-top: 1px solid #ddd;
  border-bottom: 1px dashed #ddd;
}
.navigation > div + div{
  border-top: 0;
  border-bottom: 1px dashed #ddd;
}

.navigation .alignright{
  text-align: right;
}

.navigation a{
  text-decoration:none;
  display: block;
  padding: 8px 20px 6px 0px;
  border: none;
  color: #000;
  padding-left:28px;
	font-weight: bold;
	font-size: 15px;
}

.navigation a span{
  color:#ddd;
  padding-right:4px;
  margin-top:-4px;
  clear:left;
}
.navigation a:hover{
  background: #eee;
}

.navigation .alignright a:hover{
  border-left: 1px solid #ddd;
}

/************************************
** ページャー、ページナビゲーション
************************************/
.pager{
  margin: 3em 0;
  text-align:center;
}

a.page-numbers,
.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  border-radius: 3px;
  padding: 6px 12px;
  margin: 0 2px;
}

.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  color: #000;
}

.pager a{
  background: #fff;
  color: #000;
  text-decoration:none;
}

.pager a:hover{
  border: solid 1px #ddd;
  background-color: #eee;
}

/************************************
** 記事分割時のページナビゲーション
************************************/
.page-link{
  margin: 3em 0;
  text-align:center;
}
.comment-page-link{
  margin: 1em 1em 3em;
  text-align: center;
}

.page-link span{
  margin-right: 3px;
  padding: 7px 15px;
  border: 1px solid #ddd;
  background: #ddd;
  border-radius: 4px;
}
.page-link a span{
  background: #fff;
  color:#000;
}

.page-link a{
  border-bottom: none;
  color: #000;
  text-decoration:none;
}

.page-link a span:hover{
  background: #eee;
  color: #000;
}

/************************************
** コメントエリア（Comments Area）
************************************/
.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
  margin-top: -20px;
  margin-bottom: 40px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small{
  font-size: 80%;
}

.comment-body p{
  clear: both;
}
.reply{
  text-align: right;
}

.children{
 border: 0;
margin: 0;
}

#respond{
  margin-bottom: 40px;
}

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #333;
  font-size: 12px;
  line-height: 1.42857;
  padding: 6px 12px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  box-sizing: border-box;
  background: #fff none;
}

input#author,
input#email,
input#url{
  max-width: 360px;
}

.gsc-search-box input[type="text"]{
  background-color:#FFF;
  border-radius: 0px;
}

textarea {
  overflow: auto;
  width:100%;
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #ff69b4;
  background: #fff;
  box-shadow:  0 0 3px rgba(255,105,180,1);
  color: #444;
}


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar h3{
    margin: 2px 0px 4px 0px;
    padding: 8px 4px 6px 8px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.6px;
    font-weight: normal;
    background: #20058a url("https://www.transparenttextures.com/patterns/pixel-weave.png") 0 / 10%;
}

#sidebar .widget{
    margin-bottom: 20px;
    background: #fff;
    font-size: 13px;
    color:#333;
	  padding: 2px 3px ;
	  border-radius: 3px;
}

#sidebar .widget a{
  color:#333;
	padding: 2px 4px 2px 4px;
	display:  block; 
	font-size: 12px;
}

#sidebar .widget a:hover{
    color:red;
	
}
#sidebar .widget_search #searchsubmit {
    background: url("/wp-content/themes/matome/images/search.png") no-repeat;
    height: 21px;
    margin-bottom: -3px;
    border: 0;
    position: absolute;
    margin: 15px 0 0 -33px;
}

#sidebar .widget_search #searchform {
    margin: 0;
}

.postform {
  margin: 4px 0 10px 10px ;
}

#archives-dropdown-2 {
  margin: 4px 0 10px 10px ;
}


#sidebar ul,
#sidebar ol,
.widget-over-article ul,
.widget-over-article ol,
.widget-under-article ul,
.widget-under-article ol,
.widget-over-sns-buttons ul,
.widget-over-sns-buttons ol,
.widget-under-sns-buttons ul,
.widget-under-sns-buttons ol{
  padding:0;
  margin:0;
  list-style:none;
}

#sidebar ul.snsp,
#main ul.snsp,
#footer ul.snsp{
  padding-left: 0;
}

.widget-over-article{
  margin-top: 0px;
  margin-bottom: 0px;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
  margin:20px 0;
}

#sidebar li{
  font-size: 13px;
}

#sidebar li a {
  text-decoration: none;

}

.sidebar-thumbnail-box{
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title{
  float: right;
  width: 165px;
}
  #sidebar-recent-posts h3,
  #sidebar-recent-posts p,
  #sidebar-popular-posts h3,
  #sidebar-popular-posts p{
    margin: 0;
  }

#main .widgets{
  background: #fafafa;
}

#main #searchform {
  margin-top:0;
}

#sidebar .widget_category_sns_follow_buttons ul,
.widget_category_sns_follow_buttons ul{
  padding-left: 0;
}

.widget_text ul {
  list-style-type:  disc;
}
.widget_text ol {
  list-style-type:  decimal;
}

#sidebar .textwidget {
  padding: 0.5em;
}

/************************************
** 新着記事・人気記事（new, pupular）
************************************/
.widget_new_entries,
.widget_new_popular,
.widget_popular_ranking{
  line-height:150%;
}

.widget_new_entries h4,
.widget_new_popular h4,
.widget_popular_ranking h4{
  margin-bottom:15px;
}

#main .widget_new_entries ul,
#main .widget_new_popular ul,
#main .widget_popular_ranking ul,
#sidebar .widget_new_entries ul,
#sidebar .widget_new_popular ul,
#sidebar .widget_popular_ranking ul,
#footer .widget_new_entries ul,
#footer .widget_new_popular ul,
#footer .widget_popular_ranking ul {
  padding-left:0;
  list-style:none;
}

.widget_new_popular ul li,
.widget_popular_ranking ul li {
  clear: left;
  float: none;
  margin-bottom:10px;
}

.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  border: medium none;
  display: inline;
  float: left;
  padding: 8px 5px 4px 0;
  width: 70px;
  height: 70px;
}


span.wpp-views{
  font-size:x-small;
  font-style:italic;
}

/************************************
** 新着記事・人気記事（拡張）
************************************/
.widget_new_entries .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .popular-entry,
.widget_new_popular .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .wpp-list li,
.widget_popular_ranking .popular-entrys-large .popular-entry,
.widget_popular_ranking .popular-entrys-large .wpp-list li{
  margin-bottom:15px;
  line-height:120%;
  position:relative;
  display:block;
  max-width: 440px;/*これを書いておかないと、タイトル部分がはみ出す*/
  overflow: visible;
}

.widget_new_entries .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .popular-entry img,
.widget_new_popular .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .wpp-list li img,
.widget_popular_ranking .popular-entrys-large .popular-entry img,
.widget_popular_ranking .popular-entrys-large .wpp-list li img{
  width:100%;
  float:none;
  margin:0;
  display:block;
  margin-bottom:5px;
  min-height: 180px;
  max-width: 440px;/*iPhone6は幅が414pxなのでそれより大きく*/
  max-height: 240px;
  height: auto;
}

.widget_new_popular .popular-entrys-large .wpp-list li img.wpp_cached_thumb,
.widget_popular_ranking .popular-entrys-large .wpp-list li img.wpp_cached_thumb{
  height:auto;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  padding:10px;
  max-height:28%;
  overflow:hidden;
  display:block;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
  color:#fff;
  display:block;
}

.widget_new_popular .popular-entrys-large-on .wpp-list li span.wpp-views,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li span.wpp-views {
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  color:#fff;
  opacity:1;
  display:block;
  right:0;
  top:0;
  position:absolute;
  padding:2px 10px;
  border-bottom-left-radius:15px;
  font-size:medium;
}


/************************************
** フッター(footer)
************************************/
#footer {
  clear: both;
  background-color: #333;
  color: #fff;
  height: 20px;
}
#footer-widget {
  margin: 10px auto;
  text-align: left;
  padding:0 5%;
}

.footer-left,
.footer-center,
.footer-right{
  box-sizing: border-box;
  padding: 10px;
}

.footer-left {
  float: left;
  width: 34%;
}

.footer-center,
.footer-right
 {
  float: left;
  width: 33%;
}

#footer-widget {
  color: #fcfcfc;
}

#footer-widget ul{
  list-style:none;
  padding-left:1em;
}

#footer-widget li {
  font-size: 14px;
}

#footer a {
  color: #DCDCDC;
}

#footer h3{
  color:#fff;
  font-size: 16px;
}

/************************************
** 広告（ads）
************************************/
.ad-space{
  margin: 30px 0;
  clear:both;
}

.ad-left{
  float:left;
  margin-right:2px;
  width:336px;
}


.ad-right{
  float:right;
  margin-left:2px;
  width:336px;
}

.ad-top-pc{
  width:728px;
  margin: 0 -24px 15px;
}

.ad-space-top{
  margin-top:0;
  margin-bottom:5px;
}

.ad-space-singular{
  margin-top:15px;
  margin-bottom:10px;
}

.ad-space-top .ad-label{
  display:none;
}

#sidebar .ad-space{
  margin-top:0;
}

/************************************
** 非表示にするものまとめ
************************************/
.widget-ad,
.widget-over-article-title,
.widget-under-article-title,
.widget-over-sns-buttons-title,
.widget-under-sns-buttons-title,
#sidebar .ad-space .ad-label{
 display:none;
}

.widget-index-top{
  margin-bottom: 0px;
}

.widget-index-middle{
  margin-bottom: 0px;
}

/************************************
** モバイルメニュー
************************************/
#mobile-menu{
  display:none;
}

#mobile-menu a{
  color:#333;
  padding: 4px 8px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  line-height:100%;
  border-radius: 3px;
  position:absolute;
  right: 7px;
  font-size: 15px;
  margin-top: 3px;
}

#mobile-menu a:hover,
#page-top a:hover{
  opacity: 0.7;
}

/************************************
** サムネイルつきポストナビ
************************************/
#prev-next{
  width:100%;
  margin: 36px 0 24px;
  padding:0;
  display: table;
}

#prev-next  #prev, #prev-next #next{
  width: 50%;
  display: table-cell;
  position:relative;
  text-decoration:none;
}

#prev-next #prev:hover, #prev-next #next:hover{
  background-color: rgba(238,238,238,0.7);
}

#prev-next #prev{
  border-right:#ddd 1px solid;
}

#prev-next #prev-title, #prev-next #next-title{
  top:-0.8em;
  position:absolute;
  border: 1px #ccc solid;
  text-align: center;
  padding:5px;
  color:#666;
  font-size:28px;
  border-radius:6px;
  background-color: #fff;
}
#prev-next #next-title{
  right:10px;
}
#prev-next span{
  padding:0;
  margin:0;
}

#prev-next #prev img, #prev-next #next img{
  margin:0 auto;
  width: 100px;
  height: 100px;
}

#prev-next #prev-no, #prev-next #next-no{
  width: 50%;
  padding:0 10px;
  display: table-cell;
}

#prev-next #prev-no{
  border-right:#ddd 1px solid;
}

#prev-no,
#next-no{
  position:relative;
}
#prev-no a:hover,
#next-no a:hover{
  background-color:#fff;
}

#prev-next-home span{
  color:#ccc;
  font-size:100px;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  #prev-next-home span{
    margin-top: 50px;
  }
}

#prev-next #prev, #prev-next #prev::before, #prev-next #prev::after,
#prev-next #next, #prev-next #next::before, #prev-next #next::after {
  box-sizing: border-box;
}

#prev-next #next-title{
  right:10px;
}

#prev-next #prev img{
  margin-top:10px;
  float:left;
  margin-right:10px
}

#prev-next #next img{
  margin-top:10px;
  float:right;
  margin-left: 10px;
}


/************************************
** モバイルモーダルメニュー（animatedModal.js）
************************************/
#animatedModal a{
  color: #fff;
  text-decoration: none;
}

.close-animatedModal{
  text-align: center;
  font-size: 45px;
}

.modal-content{
  max-width: 440px;
  width: auto;
  margin: auto;
}

#animatedModal ul{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
}

#animatedModal ul li{
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 10px 10px;
}

#animatedModal ul li a{
  padding: 5px 10px;
  width: auto;
  border-radius: 5px;
  display: block;
}

#animatedModal ul li a:hover{
  background-color: #555;
}

/*Google検索ボックス用*/
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse{
  background-color: transparent;
  border: none;
}

/*SlickNav用スタイル*/
.slicknav_menu {
  display: none;
}

/*トップへ戻る画像の背景*/
#page-top a.move-page-top-image{
  background-color: transparent;
}

/*Firefoxの不具合？対策*/
div.vdh-mask{
  display: none;
}


/************************************
** Alt属性値を画像ホバー時にキャプション表示する
************************************/
.hover-image {
  display: inline-block;
  margin: 16px 0;
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}


.wp-caption .hover-image {
  margin: 0;
}

.hover-image:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
          transition-property: top, opacity;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.hover-image-admin:before {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.hover-image img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
.hover-image .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.hover-image .details a{
  color: #fff;
  text-decoration: none;
}
.hover-image .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
          transition-property: top, opacity;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.hover-image-admin .details span {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.hover-image .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.hover-image:hover:before,
.hover-image:hover span {
  opacity: 1;
}
.hover-image:hover:before {
  top: 50%;
}
.hover-image:hover span {
  top: 0;
}
.hover-image:hover .info {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.hover-image-admin:hover .info {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}


/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  margin: 20px 0;
  max-width:100%;
  width: 500px;
  position: relative;
  clear:both;
  min-height:145px;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sidebar .blog-card{
  margin-left: 0;
  margin-right: 0;
}

#sidebar .blog-card-title{
  font-size: 14px;
  line-height: 120%;
}

#sidebar .blog-card-excerpt,
#sidebar .blog-card-footer{
  font-size: 11px;
  line-height: 120%;
}


#sidebar img.blog-card-thumb-image{
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

#sidebar .blog-card-thumbnail-left .blog-card-content {
  margin-left: 90px;
}

.internal-blog-card,
.external-blog-card{
  padding:12px;
  padding-bottom: 6px;
  border:1px solid #ddd;
  word-wrap: break-word;
  border-radius: 5px;
}

.external-blog-card-hatena{
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.blog-card-thumbnail{
  float:left;
}

.blog-card img.blog-card-thumb-image{
  border:0;
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
  margin-bottom: 0.5em;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight: bold;
  text-decoration: none;
  color: #111;
}

.blog-card-excerpt{
  color: #333;
  font-size: 0.9em;
  max-height: 80px;
  overflow: hidden;
}

.blog-card-footer{
  font-size: 0.7em;
  width: 100%;
  color:#777;
  clear:both;
  vertical-align: bottom;
  margin-left: -4px;
}

.blog-card-site{
  float: left;
  margin-right: 7px;
  margin-top: 1px;
}

.blog-card-hatebu{
  float: left;
  margin-right: 7px;
  position: relative;
  bottom: -5px;
}

.blog-card-date{
  float: right;
  margin-bottom: -5px;
}

.blog-card-site{
  position:relative;
}

.blog-card-site a{
  color:#777;
  text-decoration:none;
}

.blog-card-favicon{
  margin-right:3px;
  position: relative;
  bottom: -4px;
}

.blog-card-favicon-img{
  width:16px;
  height:16px;
}

.clear{
  clear:both;
}

#sidebar .blog-card {
  width: 100%;
  min-width: initial;
}


/************************************
** Google FontsのBoogalooをダウンロードしたものの呼び出し
************************************/
@font-face{ /* for IE */
  font-family: Boogaloo;
  src:url('webfonts/boogaloo/Boogaloo-Regular.ttf');
}

@font-face { /* for non IE */
 font-family: Boogaloo;
 src: url('webfonts/boogaloo/Boogaloo-Regular.ttf') format("truetype");
}


/************************************
** とりあえず何でもレスポンシブ化するスタイル
************************************/
img,canvas,iframe,video,svg{max-width:100%}.overflow-container{overflow-y:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}


/*Googleカスタム検索用*/
#cse-search-box input[type="text"]{
  width: calc(100% - 70px);
  background-color: #fff;
}

#cse-search-box input[type="submit"]{
  height: 32px;
}

#cse-search-box input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  color: #333;
}

#main #bbpress-forums div.bbp-reply-author img.avatar{
  position: relative;
}

/*カテゴリ・アーカイブウィジェットをドロップダウンにしたときラベルを表示しない*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text{
  display: none;
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
    text-align: center;
  margin: 10px 0 0 0;
  padding: 6px 0;
	    font-size: 10px;
}

.pagination p {
  margin: 0 0 0 20px;
  font-size: 12px;
}

.pagination li{
  display: inline-block;
  text-align: center;
}

.pagination .first {
  padding-left: 10px;
}

.pagination a {
  font-weight: 300;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  width:44px;
  height:40px;
  color: #333;
  display: block;
  line-height: 40px;
  background: #fff;
}
.pagination span {
  font-weight: 300;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  width:44px;
  height:40px;
  color: #333;
  display: block;
  line-height: 40px;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
    background-color: #347ab8;
    border: 1px solid #347ab8;
    cursor: default;
    pointer-events: none;
    color: #fff;
}
.pagination li.current span {
  background-color: #347ab8;
  border: 1px solid #347ab8;
  cursor: default;
  pointer-events: none;
  color: #fff;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.entry-large-thumnail{
  width: 100%;
  height: auto;
}

/************************************
** アイキャッチ
************************************/
.eye-catch{
  line-height: 100%;
  width: 400px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}

.eye-catch-caption{
  font-size: 75%;
}


/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display: none;
}

.admin-pv{
  text-align: right;
}

.admin-pv > span{
  margin: 0 5px;
  padding: 0 3px;
}


/************************************
** highlight.js用のスタイル
************************************/
.hljs {
  display: block;
  word-wrap: normal;
  overflow: auto;
  padding: 0.5em;
  border-radius:5px;
  margin: 1em auto;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
}

.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {
    font-weight: bold;
}

/************************************
** 最近のコメントウィジェットのスタイル
************************************/
dl.recent-comments {
  width:100%;
  margin: 20px auto;

}

dl.recent-comments dt{
  text-align: left;
  clear: left;
  float: left;
  width: 46px;
  white-space: nowrap;
  margin-top: 3px;
}

dl.recent-comments dd{
  margin-left: 0;
  margin-bottom: 20px;
}

dl.recent-comments dd .recent-comment-author{
  font-weight: bold;
}

dl.recent-comments dd .recent-comment-content{
  font-size:14px;
}

.recent-comment-title{
  clear: both;
}

/************************************
** ホバーカードの設定
************************************/
.hover-card{
  text-decoration: none;
  display: block;
}

.hover-internal-blog-card,
.hover-external-blog-card{
  width: 500px;
}

.hover-internal-blog-card.hover-blog-card-wide,
.hover-external-blog-card.hover-blog-card-wide{
  width: calc(100% - 40px);
  margin: 20px;
}

/*ホバーカード内に幅いっぱいにする*/
.hover-blog-card-wide .blog-card-wide {
  width: auto;
  margin: 0;
}


.hover-card .entry-read,
.hover-card .category,
.hover-card .related-entry-read,
.hover-card .blog-card-title,
.hover-card .admin-pv{
  color: #111;
  text-decoration: underline;
}

.hover-card .admin-pv{
  text-decoration: none;
}

.hover-card .entry:hover,
.hover-card .related-entry:hover,
.hover-card .related-entry-thumbnail:hover,
.hover-card .blog-card:hover{
  background-color: #f7f7f7;
}

.hover-card .entry-tile h2,
.hover-card .blog-card-title {
  font-size: 16px;
  line-height: 110%;
  text-decoration: none;
  font-weight: bold;
}

.hover-card .related-entry-thumbnail h3{
  font-size: 16px;
  line-height: 110%;
  font-weight: normal;
}

/************************************
** 人気ウィジェットをランキング
************************************/
.ranking_list {
  counter-reset: wpp-ranking;
}

.ranking_list ul li{
  position: relative;
}

.ranking_list ul li:before {
  background: none repeat scroll 0 0 #666;
  color: #fff;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  font-size: 75%;
  left: 0;
  top: 3px;
  line-height: 1;
  padding: 4px 7px;
  position: absolute;
  z-index: 1;
  opacity: 0.9;
  border-radius: 2px;
  font-family: Arial;
}

/************************************
** 上部タグリスト
************************************/

.tag_list {
  margin: -5px 0 3px 0;
  padding:0;
}
.tag_list li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 0 10px 0;
}

.tag_list li a {
    margin: 2px 4px 2px 0;
    padding: 2px 12px;
    background: #4d4d4d;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.tag_list li a:hover {
    opacity: 0.7;
}

/************************************
** 上部RSS
************************************/

.rss {
    padding:0px 0 0px 0;
}

.rss_label {
    display: flex;
}

.rss_label p {
    margin: 0;
    width: 50%;
    color: #fff;
    padding: 6px;
    font-size: 13px;
    background: #333333;

}

.t_b {
    margin-bottom: 100px;
    font-size: 16px;
    font-weight: bold;
}

.rescontents {
    margin-bottom: 100px;
    font-size: 17px;
    font-weight: bold;
}

ul.toolssp li a{
  text-decoration:none;
   border-top:2px solid #e7e7e7;
   font-size: 13px;
   display: block;
   width:100%;
   margin: 0px;
   color:#000000;
    background: #ffff;
   list-style-type:none
}

ul.toolssp a {
  color: #000000;
   margin: 0px;
}


.toolssp{
    background: #ffff;
   margin: 0px;
   color: #000000;
   padding: 4px 0px 3px 0px;
   width:100%;
  list-style-type: none;
 }

.rss a{
	line-height:1.5;
  color:#000;
  font-size: 14px;
  text-decoration: none;
  display: block;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  padding: 5px 4px 4px 4px;
  background: #fff;
}

.rss ul li {
  list-style-type:none; background-image:none; padding-left:0;
}

ul.blogroll-list-wrap {
padding: 0!important;
    margin: 0;
}

.blogroll-channel a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rss2 a {
	  font-weight: bold;
	  color:#000;
	  font-size: 15px;
	  text-decoration: none;
	  padding: 6px 2px 5px 6px;
	  background: #fff;
	  display: block;
	  letter-spacing: 0px;
	  overflow: hidden;
	  border-bottom: 1px dashed #ddd;
	  margin-left: -8px;
	  margin-right:-8px;
 }

.rss2 a:before {
	font-size: 12px;
	left: 0;
	content: "▶";
	margin: 10px 3px 2px -5px;
	color: #fb8787;
}

.rss7 a:hover {
    color:#0000FF;
    background-color: #ccc;
}

.rss7 ul {
  list-style: none;
}

.rss7 li a{
    text-align:left;
    list-style: none;
    font-weight: bold;
    color:#000;
    font-size: 15px;
    text-decoration: none;
    padding: 6px 2px 6px 2px;
    background: #fff;
    display: block;
    letter-spacing: 0px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    margin-left: -0px;
    margin-right:-0px;
 }

.rss2 a:hover {
  color:#0000FF;
   background-color: #ccc;
 }

.modernOverlay {
	padding: 0px 2px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  margin-left: -10px;

}
.modernOverlay a {
	display: block;
	padding: 2px 5% 2px 1%;
	font-size: 13px;
	text-decoration: none;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 0 3px #aaa;
  margin: 0;
}

.modernOverlay ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.t_h {
    margin-bottom: 2px;
}

.logged-in-as {
  display: none;
}

.rss3  li{
  list-style: none;
	list-style-type:none;
}

.rss3 a {
	font-weight: bold;
  color:#000;
  font-size: 13px;
  text-decoration: none;
  display: block;
  padding: 6px 5px 5px 5px;
  background: #fff;
	letter-spacing: 0px;
}

.rss3 a:hover {
    color:#0000FF;
    background-color: #ccc;
}

.rss5  li{
	list-style: none;
	list-style-type:none;
}

.rss5 a {
	font-weight: bold;
  color:#ff0000;
  font-size: 14px;
  text-decoration: none;
  display: block;
  padding: 6px 5px 5px 1px;
  background: #fff;
}

.rss5 a:hover {
  color:#0000FF;
  background-color: #ccc;
}

.ad {
	    margin: 0 0 10px 0;
	    width: 100%;
	    padding: 8px 2px 2px 2px;
	    text-decoration: none;
	    background: #fff;
}

.memo {
	font-weight: bold;
    font-size: 18px;
    display: block;
    margin:2px 0 0 0;
    text-decoration: none;
    border:2px solid #e7e7e7;
    background: #fff;
    padding: 6px 5px 5px 1px;
 }

.memo:hover{
	    background: #ddd;
}

ol {
    display: block;
    padding-inline-start: 20px;
}

.t_h {
    font-size: 12px;
}

.t_b > b > span{font-size:18px !important;}

.fa-arrow-right:before, .fa.pull-left {
    content: "\f061";
    font-size: 22px;
    padding: 4px 0px 0px 2px;
}


/*	絞り込み検索	*/
#searchform {
    display: block;
}

.cat_list {
    list-style: none;
}

li label {
  margin-bottom: 8px;
}

label.selectit {
  display: inline-block;
}

input.price_box {
  width: 90px;
  padding: 4px;
  margin: 5px 8px 5px 0;
}

.submit_group {
  margin-top: 10px;
  height: 47px;
}

.sidebar_item_list {
  padding: 0;
}

.release_list p,
.release_date_sort p,
.release_status p {
    margin: 4px;
    float: left;
    width: 60px;
	  font-size: 13px;
}

.release_list select,
.release_date_sort select,
.release_status select {
  margin-bottom: 10px;
}

.release_status {
  margin-bottom: 5px;
}

select.release_month {
  width: 68%;
  height: 29px;
	font-size: 13px;
}

select.data_sort {
  width: 65%;
  height: 32px;
	font-size: 13px;
	
}

select.release_status {
  width: 68%;
  height: 29px;
	font-size: 13px;
}

select.maker {
  width: 65%;
  height: 31px;
}

.related_category a {
    font-size: 12px;
    padding: 3px 6px;
    text-decoration: none;
    background: #f8f8f8f8;
    border-radius: 2px;
    color: #666;
}

.related-entries h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px -13px;
  padding: 10px 8px 0 8px;
  width: 750px;
  height: 30px;
  color: #fff;
  background-color: rgba(0,0,0,0.8);
  border-left: 10px solid #EB8686;
}

.right-bar{
  display: block;
  margin: -10px 0 0 -8px;
  float: left;width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 14px 0 0;
  border-color: #503ca0 transparent;
}

h2 a {
  color: #333;
  word-wrap: break-word;
  text-decoration: none;
	display: block;
}

p.goodslink {
    margin: 8px 0;
}

.goodslink {
    border-bottom: dashed 1px #d1daf1;
}
.goodslink:last-child {
    border-bottom:none;
}
.goodslink a {
    padding: 8px 6px 8px 44px;
    font-size: 11px;
    display: block;
    text-decoration: none;
		background: #fdfdfd;
}

.goodslink a:before{
   content: "▶　";
   position: absolute;
   left: 24px; 
}
.goodslink a:hover{
	color: #ff0000;
	background: #ebf0fd;
}

.shoplist a:before{
   content: "▶　";
   position: absolute;
   left: 24px; 
}
.shoplist-child{
   border-bottom:none;
}

.shoplist a{
    color: #222;
    text-decoration: none;
    display: inline-block;
}

.shoplink {
    border-bottom: dashed 1px #d1daf1;
}
.shoplink:last-child {
    border-bottom:none;
}

.shoplink a{
    padding: 8px 6px 8px 44px;
    font-size: 11px;
    display: block;
	background: #fdfdfd;
}

.shoplink a:hover{
	color: #ff0000;
	background: #ebf0fd;
}

p {
    margin: 0;
}

.goodslist {
  border: solid 2px #FFCCCC;
	margin:24px 0;
	padding: 0;
	background: #fdfdfd;
	border-radius: 5px;
}
.shoplist {
    border: solid 2px #d1daf1;
	padding: 0;
	margin: 0 0 0 0;
	background: #fdfdfd;
}

.goodslink {
    padding: 0;
	width: 100%;
}

.shoplink {
  width: 100%;
}

li.cat-item a {
    padding: 4px 0 4px 0;
    font-size: 15px;
}

article.related-entry.cf {
  border: solid 1px #ddd;
  padding: 3px 6px 0 4px;
  border-radius: 4px;
  background: #fff;
  position: relative;
}

.search_group {
    margin: 0;
}

article.related-entry.cf:hover {
    background: #f1f1f1;
    border: solid 1px #ccc;
}

#npcatch li a {
	padding:  4px 0 !important;
}

#npcatch li a:hover{
	color: red;
	opacity: 0.6;
}

#npcatch img {
    height: 80px !important;
    width: 80px !important;
}

img,canvas,iframe,video,svg {
    max-width: 323px;
}

.detail {
	border-radius: 2px;
	color: #666;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.related-more a {
    padding: 8px 4px;
    background: #fff5f5;
    font-size: 13px;
    color: #222;
    display: block;
    text-decoration: none;
    text-align: center;
    margin-bottom: 32px;
    border-radius: 4px;
    border: solid 2px #848484;
}
.related-more a:hover {
    background: #ddd;
    color: #333;
}

.related-more-last a {
  padding: 8px 4px;
  background: #fff5f5;
  font-size: 13px;
  color: #222;
  display: block;
  text-decoration: none;
  text-align: center;
  margin-bottom: 2px;
  border-radius: 4px;
  border: solid 2px #848484;
}
.related-more-last a:hover {
  background: #ddd;
  color: #333;
}

.top-sort a {
    padding: 6px 8px;
    text-decoration: none;
    margin: 0 6px 0 0;
	  font-size: 12px;
}

.top-sort a:hover{
    border: solid 1px #ccc;
    background: #eee;
    text-decoration: none;
}

.top-sort {
    padding: 1px 0;
	  margin: 0 0 12px 0;
}

.btn-list li {
    display: inline;
    list-style: none;
    margin-right: 3px;
}

ul.btn-list {
  padding-left: 0;
    margin: 0 0 4px 0;
}

/*	メーカー関連商品（横スクロール）	*/
ul.horizontal_scroll {
    overflow-x: scroll;
    padding: 0 0 2px 0;
    display: flex;
    margin: 0;
    height: 173px;
}

ul.horizontal_scroll li {
  list-style: none;
  margin-right: 5px;
  width: 120px;
}

.related-entry img {
  object-fit: contain;
}

li.related-entry.cf {
  background-color: #fff;
}

a.related-entry-title-link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  letter-spacing: -0.3px;
  display: block;
  height: 103px;
  line-height: 1.45;
}

li.related-entry.cf img {
  width: 100%;
  height: 100px;
/* 	padding-top: 2px; */
  max-width: none;
  max-width: -moz-fit-content;
  object-fit: cover;
}

.related-entry-side-scroll img {
    object-fit: cover;
    height: 100px;
}

h3.related-entry-sidescroll-title {
    margin: 0 0 14px 2px;
	  height: 23px;
}

h3.related-entry-sidescroll-title a{
	  height: 54px;
		font-size: 12px;
}

.related-entry-side-scroll span {
  background: #63B0DB;
  padding: 0 4px;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 12px;
  color: #333;
  z-index: 1;
}

li.related-entry.cf {
  position: relative;
}

.expand_group{
  display:none;
}

.price{
  color: #b90404;
  font-weight: 900;
    padding: 0 0 1px 2px;
}

button.expand_btn {
  margin-top: 14px;
	display: none !important;
}

aside#new_entries-2 {
  border-top: solid 14px #efefef;
}

.shoplist::before {
    content: "在庫検索";
    font-size: 12px;
    display: block;
    padding: 7px 4px 7px 42px;
	  width: 72px;
    background: url( "/wp-content/themes/matome/images/goods_search.png" ) 9px 7px / 16px no-repeat #d1daf1;
}

.malllist::before {
  content: "モール検索";
  font-size: 12px;
  display: block;
  padding: 7px 4px 7px 42px;
  width: 72px;
  background: url( "/wp-content/themes/matome/images/goods_shop.png" ) 7px 4px / 22px no-repeat #D1DAF1;
}
.malllist {
  border: solid 2px #d1daf1;
	border-top: 1px #d1daf1;
  padding: 0 0 8px 0; 
  background: #fdfdfd;
}
.malllist a{
  color: #222;
  text-decoration: none;
}
.malllist a:before{
  content: "▶　";
  position: absolute;
  left: 24px; 
}

.no_shoplist {
  border-top: solid 2px #d1daf1;
}

.goodslist::before {
content: "【PR】購入";
    font-size: 12px;
    display: block;
    padding: 7px 4px 7px 42px;
	  width: 72px;
    background: url( "/wp-content/themes/matome/images/goods_shopping cart.png" ) 7px 5px / 18px no-repeat #FFCCCC;
}

dl::before {
    content: "商品詳細";
	  padding: 7px 6px 5px 34px;
	  width: 58px;
    height: 20px;
	  font-size: 12px;
	  position: absolute;
	border-radius: 3px;
	  margin: -10px 0px 0px 6px;
    background: url( "/wp-content/themes/matome/images/goods_tag.png" ) 8px 7px / 18px no-repeat #dedede;
}

.flmalist {
  border: solid 2px #d1daf1;
  border-top: 1px #d1daf1;
  padding: 0 0 8px 0;
  background: #fdfdfd;
}
.flmalist::before {
  content: "フリマ検索";
  font-size: 12px;
  display: block;
  padding: 7px 4px 7px 42px;
  width: 72px;
  background: url( "/wp-content/themes/matome/images/flma_icon.png" ) 7px 4px / 22px no-repeat #D1DAF1;
}
.flmalist a {
  color: #222;
  text-decoration: none;
}
.flmalist a:before {
  content: "▶　";
  position: absolute;
  left: 24px;
}

article.related-entry-side-scroll {
    padding: 6px;
    background: #fff;
}

.recentviewed_right a{
	display: block;
	height: 75px;
  overflow: hidden;
}

.recentviewed_right a:hover{
    background: #f1f1f1;
}

.recentviewed_post li{
    padding: 2px 0 0 0 !important;
}
time.entry-date.date.published.updated {
    margin-bottom: 18px;
    font-size: 13px;
}

div#body-in::after {
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid #503ca0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}

div#widget-index-top {
    padding: 6px 0;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    height: 38px;
	border-radius: 8px;
}

div#widget-index-top a {
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 2px;
}
div#widget-index-top a:hover{
    background: #ddd;
    color: red;
    border: 0px;
}
div#widget-index-top li{
  float: left;
	margin: 10px 0 4px 0;
}
.texttab {
  padding: 0 12px 0 0;
}

ul.horizontal_scroll::-webkit-scrollbar {
  height: 8px;
}

ul.horizontal_scroll::-webkit-scrollbar-track {
  background: #fff;
}
ul.horizontal_scroll::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 8px;
}

.cat-link a {
  padding: 7px 6px !important;
}
.cat-link a:hover {
  background: #f1f1f1f1;
}

.cat-item.cat-item a{
    padding: 7px 6px !important;
}

.cat-item.cat-item a:hover{
  background: #f1f1f1f1;
}

.new-entry-content a {
    padding: 4px 0 0 2px !important;
	  height: 62px;
}
.new-entry-content a:hover {
  background: #f1f1f1f1;
}
img.attachment-70x70.size-70x70.wp-post-image,
.recentviewed_post .wp-post-image {
  max-width: none;
}
ul.recentviewed_post img,img.recently_allbatsu {
    width: 70px;
    height: 70px;
    background-color: #fff;
}

.goods_info img {
  height: 90px;
  width: 90px;
  object-fit: contain;
  margin-right: 6px;
}

.goods_list {
  list-style: none;
  margin: 0 0 14px 0;
  background: #fff;
  padding:1px 4px 0 4px;
  border: solid 1px #ddd;
  border-top: solid 0px #ddd;
}

.goods_list .thumbnail {
  float: left;
  margin-right: 6px;
}

.goods_list .maker {
  display: inline-block;
	font-size: 12px;
	display: none;
}

.goods_list .price {
  display: inline-block;
	font-size: 12px;
}

.goods_list .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods_list .title a {
  color: black;
  text-decoration: none;
  font-size: 13px;
	display: block;
}

.goods_list .title a:hover {
  color: red;
}

.goods_list .shop a {
  color: #818181;
  text-decoration: none;
  border-radius: 4px;
  font-size: 11px;
	display: none;
}
.goods_list .shop a:hover {
    color: #cd0000;
}

.goods_list .goods_info {
    clear: both;
    border-top: dashed 1px #e1e1e1;
    padding: 4px 0 4px 4px;
}

.sort-btn-list li {
  list-style: none;
  float: left;
  margin: 8px 0 0 4px;
	font-size: 11px;
}

.sort-btn-list li a:hover{
  background: #e1e1e1;
  color: red;
}
.group_child {
  margin-bottom: 8px;
}
.pagination{
  clear: both;
}
.post {
  clear: both;
}
ul.sort-btn-list a {
  padding: 9px 15px;
  text-decoration: none;
  border-right: solid 1px #ddd;
  border-radius: 4px;
	
}
ul.sort-btn-list {
    height: 46px;
    padding: 6px 0px 1px 0;
    background: #fff;
    margin: 0;
    font-size: 12px;
	
}

li.active a {
    background: #e1e1e1;
    color:  #CC0000;
}
img.side-b {
    background: #fff;
    padding: 4px;
	border-radius: 6px;
}

li.goods_info:hover {
    background: #f1f1f1f1;
}
.sp-pagination {
    clear: both;
    display: flex;
	  justify-content: center;
	  margin: 8px 0 0 0;
    padding: 0;
}
.sp-pagination-list {
    margin: 0px 4px 0px 4px;
    background: #fcfcfc;
    border: 1px solid #ddd;
	  padding: 6px 0px 6px 0px;
}
.sp-pagination-list a {
    text-decoration: none;
    font-size: 12px;
  	padding: 6px 11px 6px 11px;
}

.goods_list .shop a::after {
      content: "Ⅰ";
	    color:  #ddd;
	    padding: 0 0px 0 02px;
	    font-size: 12px;
}
.shop_selects {
    padding: 10px;
    border: solid 1px #ddd;
    font-size: 13px;
	background: #fff
}
	

#verticalrank ul {
    display: none;
    margin: 0;
}
#verticalrank li {
    text-align: center;
    margin-right: 7px;
}
div#verticalrank li img {
    margin: 0;
    padding: 0;
    width: 130px;
    height: 130px;
}
#verticalrank a {
    position: relative;
    display: block;
    text-decoration: none;
    transition: all .3s ease;
    overflow: hidden;
	  font-weight: normal;
	  color: #fff;
    font-size: 11px;
}
#verticalrank a:hover {
    color: #DCDCDC;
}
span.rank {
    background: #e67926;
    padding: 1px 6px;
    position: absolute;
    left: 0px;
    font-size: 11px;
    color: #fff;
    z-index: 1;
}
.productinfo {
    position: absolute;
    bottom: 6px;
    height: 34px;
    width: 125px;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
    text-align: left;
    overflow: hidden;
    padding: 0 4px 2px 4px;
    font-size: 11px;
    z-index: 1;
}
#verticalrank h3{
  font-size: 12px;
  margin-top: 5px;
}
.shop_narrow {
  float: left;
	padding: 4px 2px 4px 0;
}
li.related-entry.cf {
  flex-shrink: 0;
  width: 108px;
}

.matome_border {
  margin: 48px 0;
  border-top: dashed 3px #5B4A9F;
}

.rss_info img {
  height: 70px;
  width: 70px;
  object-fit: cover;
  margin-right: 6px;
}
.rss_list {
  list-style: none;
  margin: 0 0 10px 0;
  background: #fff;
  padding:10px 2px 50px 4px;
    border: solid 1px #ddd;
}
.rss_list .thumbnail {
  float: left;
  margin-right: 6px;
}
.rss_list .title {
  overflow: hidden;
}
.rss_list .title a {
  color: black;
  text-decoration: none;
  font-size: 13px;
}
.rss_list .rss_info {
  clear: both;
  border-top: dashed 1px #e1e1e1;
  padding: 4px 0 4px 0;
}

ul.rss_sidelist {
  overflow-x: scroll;
  padding: 0 0 2px 0;
  display: flex;
  margin: 0;
}

.rss_sidelist li{
  position: relative;
  background-color: #fff;
  list-style: none;
  margin-right: 5px;
  width: 120px;
  line-height: 150%;
  margin-bottom: 4px;
  clear: both;
}

.rss_sidelist img{
  width: 110px;
  padding-top: 2px;
  max-width: 90px;
  object-fit: cover;
  height: 100px;
}

.rss_sidelist .title {
  overflow: hidden;
  font-size: 12px;
  margin: 0 0 14px 2px;
  height: 37px;
}

a.rss_sidelist {
  height: 33px;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: -0.3px;
  line-height: 1.45;
}
.rss_widget_list img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
}

#footer_rsslist ul {
  display: flex;
  margin: 0;
}
#footer_rsslist li {
  margin: 5px -5px 5px 5px;
}
#footer_rsslist li {
  width: 106px;
  text-align: center;
}
#footer_rsslist a {
  position: relative;
  display: block;
  text-decoration: none;
  transition: all .3s ease;
  overflow: hidden;
  font-weight: normal;
  color: #fff;
}
div#footer_rsslist li img {
  margin: -15px 5px -20px 0;
  width: 100px;
  max-width: fit-content;
  object-fit: cover;
}
div#footer_rsslist li img {
  width: 100px;
  background: #fff;
}
.rssinfo {
  position: relative;
  bottom: 36px;
  width: 106px;
}
.rssinfo {
  position: absolute;
  bottom: 5px;
  height: 34px;
  width: 106px;
  background: rgba(0,0,0,0.6);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
  text-align: left;
  overflow: hidden;
  padding: 0 4px 2px 4px;
  font-size: 11px;
  z-index: 1;
}
#footer_rsslist h3 {
  font-size: 12px;
  margin-top: 5px;
}
#footer_rsslist a {
  position: relative;
  display: block;
  text-decoration: none;
  transition: all .3s ease;
  overflow: hidden;
  font-weight: normal;
  color: #fff;
}
#wp-admin-bar-siteid {
  display: none;
}

.item2 a {
    text-decoration: none;
    font-size: 15px;
    padding: 18px 4px 8px 4px;
}

.recentviewed_left {
  margin-right: -2px;
}
.recentviewed_left img {
  height: 70px;
}

select#top_shop_select,
select#bottom_shop_select {
    padding: 4px 8px;
}

.price_list.sidebar_item_list,
.maker_list.sidebar_item_list,
.sort_list.sidebar_item_list,
.release_list.sidebar_item_list
 {
	  margin: 10px 0 9px 0;
    text-align: center;
}

ul.sort-btn-list2 {
  	padding: 21px 0 21px 0;
    background: #fff;
    font-size: 12px;
	  line-height: 0;
	    margin: 0 0 14px 0;
}

ul.sort-btn-list2 a{
  text-decoration: none;
  font-size: 12px;
	list-style: none;
	padding: 8px 38px;
  margin: 4px 4px;
  border-radius: 4px;
	background: #6304AB;
	color: #fff;
}
.date-interv a {
  padding: 8px 28px !important;
}

li.pre-date-btn.date-btn {
	text-align: left;
}

li.next-date-btn.date-btn {
	text-align: right;
}
li.newlink-btn.date-btn {
 	text-align: center;
}

.not-found-post {
  padding: 20px 0 30px 0;
}

.releasedate-section {
  padding: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #29292a;
  margin: 12px 0 4px 0;
	border-radius: 4px;
}

.releasedate-section-img {
  padding: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #6304AB;
  margin: 12px 0 4px 0;
  width:100%
}

.today-releasedate-section {
  padding: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #EB0000;
  margin: 12px 0 4px 0;
  border-radius: 0;
}

.sort_group,.price_group,.maker_group,.cat_group , .release_date_group{
    background: #fff;
    padding: 2px 12px;
	    margin: 10px 0;
	border-radius: 4px;
}

h3.title_sort,h3.title_release,h3.title_maker,h3.title_price,h3.title_category {
    padding: 0;
    margin: 6px 0 18px 0;
}

select.release_month,select.release_status,select.data_sort,select.maker {
    width: 65%;
    height: 31px;
    background: #eee;
    padding: 4px 8px 4px 4px;
    border: 0;
    border-radius: 4px;
}

.release {
    display: none;
}

.group_parent {
    height: 92px;
}

.share-button {
  display: flex;
  justify-content: center;
}

.line-button,
.facebook-button
 {margin-right: 5px;}

.line-button a,
.facebook-button a,
.twitter-button a {
  padding: 8px 14px;
  text-align-last: center;
  display: block;
  width: 80px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
}

.line-button a {
    color: #438443;
    border: solid 2px #438443;
}

.facebook-button a {
    color: #0D77CF;
    border: solid 2px #0D77CF;
}

.twitter-button a {
    color: #0F7AC2;
    border: solid 2px #0F7AC2;
}

.line-button, .twitter-button, .facebook-button  {
    margin: 16px 5px 20px 0px;
}

.related-entries-widget div div a{
  color: #2679A6 !important;
}
#related-entries > div > div > a{
  color: #2679A6 !important;
}
.related-more-last a {
    color: black;
}

.wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;
    height: 34px;
    padding: 0.375em 0.625em;
    color: #32373c;
    margin-left: 0.625em;
    word-break: normal;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    width: 100px;
}

dd a {
    color: #333;
    word-wrap: break-word;
    text-decoration: none;
}

img.sns-share-img {
    margin-top: 46px;
    margin-bottom: 0px;
	  width: 160px;
    height: 31.43px;
}

.related-entries-widget h2{
  font-size: 15px;
  font-weight: bold;
  border-left:none;
  padding: 10px 8px 8px 8px;
  margin: 4px 0 0 0;
  background-color: #fafafa;
  text-align: center;
}
li.related-entry.cf a {
  display: block;
}

.card-large {
    border: 0;
    height: 200px;
    display: block;
    object-fit: cover;
    margin: auto;
    max-height: 200PX;
}
.large-post_date_wrap {
  text-align: left;
}
.card-body{
    width: 236px;
    margin: 3px;
    padding: 5px !important;
	  border: 1px solid #fff;
    border-radius: 4px;
    background:#fff;
}
.entry-card-wrap{
    font-size: 11px;
    max-height: 45px;
    max-width: 280px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.no-image{
  object-fit: none;
  width: 190px;height: 140px;
}

.entry-card-wrap h2{
  font-size: 12px;
  font-weight: normal;
}

.imglist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.card-large-sp {
    max-width: 100%;
    height: 150PX;
    object-fit: contain;
    max-height: 150PX;
    display: block;
	  margin: auto;
}

.switch-btn {
  width: 99.5%;
  height: auto;
  text-align: center;
  margin: 0 0 6px;
	border: 1px solid #ccc;
  background: #fcfcfc;
}
.switch-list {
    text-decoration: none;
    border-right: solid 1px #ccc;
    background: #fcfcfc;
    display: inline-block;
    width: 49.9%;
    padding: 6px 0;
}
.switch-img {
    text-decoration: none;
    background: #fcfcfc;
    padding: 6px 0;
    display: inline-block;
    width: 49.9%;
}

.card-body:hover {
  background:#dedede !important;
  border: 1px solid #ccc;	
}

img.card-large.entry-thumnail.wp-post-image {
    height: 200px;
    width: auto;
    object-fit: scale-down;
    max-width: 100%;
}

.card-body figure{
    text-align: center;
}

.expand_group {
    display: none !important;
}

/* no-image */
img.entry-thumnail.no-image.list-no-image.card-large {
    height: 200px;
    width: auto;
    object-fit: cover;
    max-width: 100%;
}

.cat-link:hover{
  background: #f1f1f1f1;
}

.entry-thumb img{
  object-fit: contain;
}

.blogname {
  font-size: 11px;
  margin-top: -18px;
  color:#DD3131;
  position: absolute;
  top: 72px;
}

#sidebar li {
  border-bottom: 1px dashed #ddd;
}
#sidebar li:last-child {
  border-bottom: none;
}

.cat-item-li {
  margin: -1px 0 0 0 !important;
}

select.side_releasedate {
  margin: 10px 0px 4px 4px;
  width: 97%;
  height: 31px;
  background: #eee;
  padding: 4px 8px 4px 4px;
  border: 0px;
  border-radius: 4px;
}
ul.releasedate_group {
  border-bottom: 1px dashed #ddd;
}

.main_submit_group.main_item_list {
    position: sticky;
    bottom: 0;
}


.radio_search_group {
  margin: 4px 0 26px 0;
}

span.limit_reserve {
  color: red;
  padding: 0 0 1px 4px;
}
dd.limit_reserve {
  color: #b90404;
  font-size: 13px;
}
div.limit_reserve {
  color: #b90404;
  font-size: 12px;
	padding-top: 12px
}

.cat_btn_group {
  flex-wrap: wrap;
  display: flex;
  margin: 0 0 10px -30px;
}
li.cat_btn {
  margin-right: 8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: solid#ccc 1px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 3px 1px 4px 3px;
  width: 21%;
  margin-bottom: 15px;
}
.cat_btn a {
  padding: 5px 8px 4px 8px;
  display: block;
  color: #005fc0;
  text-decoration: none;
  cursor: pointer;
	font-size: 11px;
}
.cat_btn a:hover {
  background: #eee;
  color: #FF0000;
}
.narrow_cat {
  margin-top: 8px;
	font-size: 11px;
}

.discount_btn {
  width: auto !important;
  text-align: center;
}
.sale_shop_btn {
  width: auto !important;
  text-align: center;
  margin-bottom: 4px !important;
}
.sale_btn_ul {
  margin: 0 0 10px 0 !important;
}

.textwidget img {
  width: 293px;
  height: 165px;
/*   height: 174px; */
}
.custom-html-widget img {
    width: 293px;
    height: 174px;
}

dd.tt_price {
  color: #b90404;
}

.entry h2 a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}

.goods_info {
  position: relative;
}

.goods_info a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}

.dis_newprice {
  color: #B90404;
  font-weight: 900;
}
.dis_shop {
  font-size: 12px;
  padding-top: 12px;
  color: #8E8E8E;
}
.goods_list .dis_price {
  display: inline-block;
  font-size: 12px;
}
.goods_list .dis_newprice {
  font-size: 12px;
}

.more_show_class {
  display: none;
}
.hidden_show {
  display: none;
}
.more_shop {
  text-align: center;
  font-size: 11px;
  height: 34px;
}
.more_shop:hover {
  color: #ff0000;
  background: #ebf0fd;
}
span.more_view {
  vertical-align: middle;
  display: inline-block;
  padding: 10px 0 10px 0;
}

li.related-entry.cf:hover {
  background: #dedede;
}

a.related-entry-title-link:hover {
    color: #c03;
}
.post_timestamp {
    text-align: right;
    color: #5D5B5B !important;
}
span.post-date {
    display: block;
}

span.fa.fa-clock-o.fa-fw::before {
    content: "";
    padding: 0 0 0 12px;
    background: url( "/wp-content/themes/matome/images/post_icon.png" ) 0 / 12px no-repeat;
}
time.entry-date.date.published,
span.entry-date.date.updated {
    margin-left: 4px;
}

a.release-more-link {
/*     padding-bottom: 70%;
    padding-top: 70%; */
    text-decoration: none;
}
.release-more {
    margin-top: 60%;
    margin-left: 4%;
}

a.newgoods-more-link {
  text-decoration: none;
}
.newgoods-more {
  margin-top: 62%;
  margin-left: 4%;
}

/* 詳細検索の販売方法 */
.sale_group {
  background: #fff;
  padding: 2px 12px;
  margin: 10px 0;
  border-radius: 4px;
}
.sale_list.sidebar_item_list {
  margin: 10px 0 9px 0;
  text-align: left;
}

.f_info {
  background-color: #333;
  color: white;
  text-align: center;
}
.f_info a {
  color: white;
  text-decoration: none;
}

p#site-title {
    padding-top: 7px;
    margin-bottom: -10px;
}

/* 表示件数 */
.item_counts {
  margin: 0 8px 8px 0px;
}

/************************************
 ** FontAwesome
 ************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('webfonts/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('webfonts/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
  url('webfonts/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
  url('webfonts/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
  url('webfonts/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
  url('webfonts/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-history:before {
  content: "\f1da";
}

.entry-titlekiji {
   border-left: 6px solid #fb8787;
}

.goods_filter_list{
  list-style: none;
  margin-bottom: -1px;
  background: #fff;
  padding: 10px 4px 0 4px;
  border: solid 1px #ddd;
}

.goods_filter_list_ul{
  flex-wrap: wrap;
  display: flex;
  margin:0 0 0 0;
  border-bottom: solid 0 #ddd;
  padding:0 4px 0 4px;
}

/* 記事ページのhtmlタグ用 */
.goods_list_article {
  position: relative;
  padding: 1px 0px 0 0px;
  border: 1px solid #ddd;
}
.goods_list_article a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.goods_list_article:hover {
  background: #f1f1f1f1;
}
.goods_article_img {
  height: 90px !important;
  width: 90px !important;
  object-fit: contain !important;
  margin-right: 6px !important;
  margin-bottom: 0 !important;
  min-width: 0 !important;
}
/*  概要 */
.article h4 {
  font-size: 16px;
  margin-bottom: 2px;
}

/* responsive-pc.css */
/************************************
** PC用のレスポンシブデザインスタイル読込
************************************/
@media screen and (max-width:1110px){
  div#header-in, div#navi-in, div#body-in, div#footer-in{
    width:740px;
  }

  div#sidebar{
    clear:both;
    float:none;
    padding:15px;
    width:auto;
    position:static !important;
  }

  #footer {
    padding:0;
  }

  #footer-widget{
    display:none;
  }

  #footer-widget .footer-left,
  #footer-widget .footer-center,
  #footer-widget .footer-right{
    clear:both;
    width:100%;
  }

  #sidebar-scroll{
    display:none;
  }
  /************************************
  ** モバイルメニュー
  ************************************/
  #mobile-menu{
    display:block;
    position:relative;
  }

  /************************************
  ** ヘッダー関係
  ************************************/
  #header .menu{
    display:none;
  }

  #header .alignright{
    display:none;
  }

  /************************************
  ** メインメニュー
  ************************************/
  #navi ul{
    display:none;
    border:0;
  }

  #navi ul li{
    float:none;
    display:block;
    height:auto;
  }

  #navi ul li a:hover{
    text-decoration:none;
    background-color:#505050;
  }

  #navi ul li a {
    font-size: medium;
    padding: 10px;
    color: #fff;
  }

  #navi ul li:nth-child(n+1) a{
    padding: 10px 10px 10px 2em !important;
    background-position: 10px 45% !important;
  }

  #sidebar .ad-space .ad-label{
    display:block;
  }


  #navi ul.sub-menu,
  #navi ul.children{
    position: relative;
    width:auto;
    border-width:0;
  }

  #navi ul.sub-menu ul,
  #navi ul.children ul {
    left: 0;
    top: 0;
  }

  #navi .sub-menu li,
  #navi .children li{
    height:auto;
    padding-left:30px;
  }

  .slicknav_menu {
    display: block;
  }

  /************************************
  ** スクロールボタン
  ************************************/
  .scroll_button,
  .scroll_button2,
  .scroll_button_com {
    right: -10px !important;
  }
}

/* 画面幅が1111px以上の時 */
@media screen and (min-width:1111px){
  .ad-sidebar{
    margin-top:0;
  }

  #navi ul.sub-menu,
  #navi ul.children{
    display:none;
  }

}

/* カテゴリタグ */
.box-keyword {
  background: #fff;
  padding: 6px;
  margin: 0 0 6px;
}

ul.list-keyword {
  background: #fff;
  padding:0;
    margin:0;
}

.box-keyword li {
  display: inline-block;
  margin-right: 8px;
  margin-top: 8px;
}

.box-keyword li a {
    display: block;
    padding: 2px 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
}

.box-keyword li a {
  color: #005fc0;
  text-decoration: none;
  cursor: pointer;
}

.box-keyword li a:hover {
    background: #eee;
    color: #FF0000;
}

p.ttl-keyword {
    font-size: 12px;
}

.related-more-multi a {
    background: #f6f8ff;
}

ul.tag-wrap {
  overflow-x: auto;
  white-space: nowrap;
}
ul.tag-wrap::-webkit-scrollbar {
  display: none;
}
.category-list a {
  text-decoration: none;
  color: #005fc0;
    padding: 2px 4px 2px 4px;
}


/* カテゴリ開閉 */
.acd-check {
  display: none
}
.pc-acd-label {
    background: #333;
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 6px;
    margin: 8px 4px;
}
.pc-acd-label:hover {
    background: #555;
}
.acd-content {
  display: none
}
.acd-check:checked+.acd-label+.acd-content {
  height: 40px;
  opacity: 1;
  height: 100%;
  display: block
}
.pc-acd-label.active:before {
  content: '閉じる'
}
.pc-acd-label:before {
  content: '開く'
}

/* 詳細検索のカテゴリ開閉 */
.search-acd-content {
  display: none
}
.acd-check:checked+.search-acd-label+.search-acd-content {
  height: 40px;
  opacity: 1;
  height: 100%;
  display: block
}
.search-acd-label {
background: #333;
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 6px;
    margin: 0px 4px 12px;
}
.search-acd-label:hover {
    background: #555;
}

.search-acd-label.active:before {
  content: '閉じる'
}
.search-acd-label:before {
  content: '開く'
}

/* 詳細検索の発売日 */
.release_group {
  display: flex;
}
.select_release_month {
  margin-right: 12px;
  margin-left: 12px;
}
/* 検索条件の販売状況 */
div.release-status-group a:hover {
  background: #ddd;
  color: red;
}

div.release-status-group a {
    margin: 0 6px 0 0;
    font-size: 12px;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 2px;
}

.category-list a:hover {
  color: red;
}
/*  RSSページ */
.ota_rsslist_wrap {
  background: #fff;
}
.ota_rsslist_table td {
  margin-bottom: 9px;
  padding: 15px 10px;
  line-height: 1.3;
  vertical-align: middle;
  word-break:break-word;
}
table.ota_rsslist_table {
  width: 100%;
  table-layout: fixed;
  border: none;
  border-spacing: 0;
}
.td_catname{
  width:20%;
  font-size: 13px;
}
.ota_rss_td{
  height: 60px;
  width: 100%;
}
.ota_rss_url {
  border: solid 1px #ddd;
  padding: 8px;
  overflow-x: scroll;
  border-radius: 3px;
  font-size: 11px;
  white-space: nowrap;
  background: #F8F8F8;
}
h1.rsslist_h1 {
  padding: 8px 0 0 8px;
}
.td_wrap button {
  width: 68.5px;
  height: 35px;
  background: #F2F2DB;
  color: black;
  padding: 0 0 2px 0;
}
.td_wrap button:hover {
  background-color: #D1DAF1;
}
/* 日別/週別/月別切替え */
ul.sort-btn-list3 a{
  text-decoration: none;
  font-size: 12px;
	list-style: none;
	padding: 8px 38px !important;
  margin: 4px 4px;
  border-radius: 4px;
	background: #6304AB;
	color: #fff;
}
@media screen and (max-width:750px){
  ul.sort-btn-list3 a{
    padding: 8px 22px !important;
  }
  ul.sort-btn-list2 a {
    padding: 8px 22px !important;
  }
}
ul.sort-btn-list3 {
  padding: 3px 0 2px 0;
  background: #fff;
  font-size: 12px;
  line-height: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  margin-block-start: 0;
  margin-bottom: 15px;
}
li.pre-date-sel.date-sel {
	text-align: left;
}
li.next-date-sel.date-sel {
	text-align: right;
}
li.newlink-sel.date-sel {
 	text-align: center;
}
.date-sel select {
    width: 95px;
    height: 36px;
    padding: 0 0px 0 18px;
    border: solid 2px #6304AB;
    border-radius: 4px;
	background: #f9f9f9;
}
ul.sort-btn-list {
  box-sizing: unset;
}
ul.sp-sort-btn-list {
  display: flex;
  flex-wrap: wrap;
}
ul.sp-sort-btn-list {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
ul.sp-sort-btn-list::-webkit-scrollbar {
  display: none;
}
ul.sp_goods_filter_list_ul {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
ul.sp_goods_filter_list_ul::-webkit-scrollbar {
  display: none;
}
div#top-btn {
    clear: both;
    background-color: #3f444b;
    text-align: center;
}
div#top-btn a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px 0 10px 0;
  font-size: 11px;
}

ul.makername_btn::-webkit-scrollbar{
  height: 5px;
}
ul.makername_btn::-webkit-scrollbar-thumb {
  background: #eee;
  border-radius: 8px;
}
ul.makername_btn::-webkit-scrollbar-track {
  background: #fff;
}

/* お気に入り */
li.cat_btn,li.maker_btn,li.release_month_btn {
  margin-right: 8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: solid#ccc 1px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 3px 4px 4px 0;
  width: 21%;
  margin-bottom: 15px;
}
li.cat_btn span,li.maker_btn span,li.release_month_btn span{
  padding: 5px 8px 4px 8px;
  display: block;
  color: #005fc0;
  text-decoration: none;
  cursor: pointer;
  font-size: 11px;
}

li.cat_btn span:hover,li.maker_btn span:hover,li.release_month_btn span:hover {
  background: #eee;
  color: #FF0000;
}

li.active span {
  background: #e1e1e1;
  color: red;
}

li.maker_btn,li.release_month_btn {
  margin-right: 8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: solid#ccc 1px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 3px 1px 4px 3px;
  width: 21%;
  margin-bottom: 15px;
}

.favorite_release{
  margin: 0 0 0 4px;
  width: 7em;
  height: 31px;
  background: #eee;
  padding: 4px 8px 4px 4px;
  border: 0px;
  border-radius: 4px;
}
.favorite_icon img {
  max-height: 22px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-bottom: 0px;
}

/* お気に入り2 */
li.favo_btn{
  margin-right: 8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: solid#ccc 1px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 3px 4px 4px 0;
  width: 21%;
  margin-bottom: 15px;
}
li.favo_btn span{
  padding: 5px 8px 4px 8px;
  display: block;
  color: #005fc0;
  text-decoration: none;
  cursor: pointer;
  font-size: 11px;
}

li.favo_btn span:hover {
  background: #eee;
  color: #FF0000;
}

li.active span {
  background: #e1e1e1;
  color: red;
}

li.favo_btn{
  margin-right: 8px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: solid#ccc 1px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin: 3px 1px 4px 3px;
  width: 21%;
  margin-bottom: 15px;
}

/* いいね */
.favorite_release{
  margin: 0 0 0 4px;
  width: 7em;
  height: 31px;
  background: #eee;
  padding: 4px 8px 4px 4px;
  border: 0px;
  border-radius: 4px;
}
.good_icon img {
  max-height: 22px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-bottom: 0px;
}

/* お気に入りページネーション */
.favo_pagination{
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  margin: 0 0 0px 0;
  padding: 6px 0;
  font-size: 10px;
}
.favo_pagination li.first ::before{
  content: "\f100";
}
.favo_pagination li.previous span::before{
  content: "\f104";
}
.favo_pagination li.next span::after{
  content: "\f105";
}
.favo_pagination li.last span::after{
  content: "\f101";
}
.favo_pagination .first {
padding-left: 10px;
}
.favo_pagination li {
  display: inline-block;
  text-align: center;
}
li {
  list-style: none;
}
.favo_pagination > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.favo_pagination li:first-of-type span {
  border-left-width: 1px;
}
.favo_pagination span {
  font-weight: 300;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  width: 30px;
  height: 30px;
  color: #333;
  display: block;
  line-height: 30px;
  background: #fff;
}

.favo_pagination li.current span {
  background-color: #347ab8;
  border: 1px solid #347ab8;
  cursor: default;
  pointer-events: none;
  color: #fff;
}
.favo_pagination span {
  font-weight: 300;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  width:44px;
  height:40px;
  color: #333;
  display: block;
  line-height: 40px;
}
.favo_pagination li:not([class*="current"]) span:hover {
  background-color: #eee;
}

.favo_pagination li.first span::before, .favo_pagination li.last span::after, .favo_pagination li.previous span::before, .favo_pagination li.next span::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.wrap_favo_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  border-left: 58px solid transparent !important;
  padding: 33px 0 33px 0px;
}
.entry-thumb .favo_icon{
  position: absolute;
  right: 32px;
  bottom: 5px;
}

/* お気に入り合計金額開閉 */
.acd_favo_check {
  display: none
}
.acd_favo_label {
    background: #333;
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 6px;
    margin: 0 4px;
}
.acd_favo_label:hover {
    background: #555;
}
.acd_favo_content {
  display: none
}
.acd_favo_check1:checked+.acd_favo_label+.acd_favo_content {
  height: 40px;
  opacity: 1;
  height: 100%;
  display: block
}
.acd_favo_label.active:after {
  content: '閉じる'
}
.acd_favo_label:after {
  content: '年の月別の合計金額」を見る'
}
.acd_favo_label.active span {
  display: none;
}

/* サイドツールチップ */
@media screen and (min-width:1110px){
  #body-in{
    display: flex;
  }
  #sidebar {
    margin-left: 17px;
  }
}
@media screen and (max-width:1110px){
  .side_right{
    display:none;
  }
}
.tooltip_top,.tooltip_home,.tooltip_search,.tooltip_rank,.tooltip_favorite,.tooltip_newgoods,.tooltip_calendar,.tooltip_twitter {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.9em;
  color: #fff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  width: 108px;
}
.tooltip_top:before,.tooltip_home:before,.tooltip_search:before,.tooltip_rank:before,.tooltip_favorite:before,.tooltip_newgoods:before,.tooltip_calendar:before,.tooltip_twitter:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 144px;
  border: 7px solid transparent;
  border-top: 9px solid rgba(0, 0, 0, 0.7);
  margin-left: -15px;
  transform: rotateZ(270deg);
}
.tool_top:hover .tooltip_top,.tool_home:hover .tooltip_home,.tool_search:hover .tooltip_search,.tool_rank:hover .tooltip_rank,.tool_favorite:hover .tooltip_favorite,.tool_newgoods:hover .tooltip_newgoods,.tool_calendar:hover .tooltip_calendar,.tool_twitter:hover .tooltip_twitter{
  display: inline-block;
  top: 11px;
  left: -137px;
}
span.tooltip_top,span.tooltip_home,span.tooltip_search,span.tooltip_rank,span.tooltip_favorite,span.tooltip_newgoods,span.tooltip_calendar,span.tooltip_twitter {
  position: absolute;
}

@media screen and (max-width:750px){
  .sp-pagination-list span {
    text-decoration: none;
    font-size: 12px;
    padding: 6px 11px 6px 11px;
  }
  .entry-thumb .favo_icon {
    position: absolute;
    right: -30px;
    bottom: 0px;
  }
  .wrap_favo_sort_btn {
    height: 80px;
  }
  li.favo_sort_btn {
    margin: 10px 1px 10px 4px;
  }
  .narrow_cat {
    width: 45px;
  }
}
.favo_icon{
  display:none;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width:22px !important;
  height:22px !important;
}

.sort-btn-list .active span {
  background: #e1e1e1;
  color: red;
}
.sort-btn-list span:hover {
  background: #e1e1e1;
  color: red;
  border-radius: 4px;
  cursor: pointer;
}
.sort_label span:hover {
  background: #fff !important;
  color: black !important;
  cursor: default;
}
.favo_sort_btn span {
  padding: 9px 15px;
  text-decoration: none;
  border-right: solid 1px #ddd;
  border-radius: 4px;
}
.side_favorite a {
  border: solid 3px #DFDFDF;
  padding: 9px 8px 8px 8px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 8px;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #0510FF;
  font-size: 14px;
}
.side_favorite a:hover {
  background: #E6E6E6;
  border: solid 3px #C6C6C6;
  color: red;
}
.sale_detail_link {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sale_detail_link a{
  text-decoration: none;
}


.tool_favo_icon ,.tool_favo_no_icon,.tool_good_icon,.tool_good_no_icon{
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.9em;
  color: #fff;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  width: 100px;
}

.tool_favo_icon:before,.tool_favo_no_icon:before,.tool_good_icon:before,.tool_good_no_icon:before{
  content: "";
  position: absolute;
  top: 13px;
  right: -15px;
  border: 7px solid transparent;
  border-top: 9px solid rgba(0, 0, 0, 0.7);
  margin-left: -15px;
  transform: rotateZ(270deg);
}
.tool_favo_icon:hover,.tool_favo_no_icon:hover,.tool_good_icon:hover,.tool_good_no_icon:hover{
  display: inline-block;
  top: 11px;
  left: -130px;
}
span.tool_favo_icon,span.tool_favo_no_icon,span.tool_good_icon,span.tool_good_no_icon{
  position: absolute;
}


.tb_favo{
  width:99%;
  margin:0 4px;
  border:1px solid #D3D3D3;
  border-collapse: collapse;
  margin-top: 8px;
}
.tb_favo tr,.tb_favo th{
  border:1px solid #D3D3D3;
  border-collapse: collapse;
}
.th_favo_mo,.tf_favo_title{
  width:10%;
  font-weight: bold;
  background-color: #B7B7B7;
}
.th_favo_sum,.tf_favo_sum{
  width:50%;
  font-weight: bold;
  background-color: #B7B7B7;
}
.th_favo_count,.tf_favo_count{
  width:40%;
  font-weight: bold;
  background-color: #B7B7B7;
}
.td_favo_month{
  background-color: #CFE2F3;
  font-weight: 100;
}
.td_favo_date{
  font-weight: 100;

}
table tr:nth-child(2n+1) .td_favo_date{
  background-color: #EFEFEF;
}
@media screen and (max-width:750px){
  .tb_favo{
    width:98%;
  }
  .th_favo_mo,.tf_favo_title{
    width:20%;
  }
  .th_favo_sum,.tf_favo_sum{
    width:50%;
  }
  .th_favo_count,.tf_favo_count{
    width:30%;
  }
}
.notice_group.notice_hide{
  display: none;
}
.notice_wrap{
  font-size:13px;
}
.notice_title {
  font-weight: bold;
  font-size: 15px;
  color: #515151;
}

button.search_word_btn:hover {
  background: #e1e1e1 !important;
}
button.search_word_btn a:hover {
  color: red !important;
}

.side_btn_open,.side_btn_hv_open{
    width: 18px !important;
    height: 18px !important;
    top: 8px !important;
	right: 5px !important;
}
.side_btn_close,.side_btn_hv_close{
    width: 16px !important;
    height: 16px !important;
    top: 8px !important;
	right: 5px !important;
}
.dataoutline br {
	display: block !important;
}
.rank_link a:hover{
  color: red !important;
}

.tooltip_sum_number{
  position:absolute;
  position: absolute;bottom: 17px;
  right: 10px;
  color: #fff;
  background: red;
  border-radius: 50%;
  text-align: center;
  height: 20px;
  width: 20px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0, black 0px 1px 0, black 0 -1px 0, black -1px 0 0, black 1px 0 0;
}
.tooltip_sum_number span{
  display: inline-block;
  margin: 2px -1px 0 0;
}

.wrap-otherlink a{
  text-align: center;
  border-radius: 4px;
  border: solid 2px #848484;
  padding:10px 8px 8px 8px;
  margin:4px 0 8px 0;
  margin-left:auto;
  display:block;
  background: #fff5f5;
  text-decoration: none;
}
.wrap-otherlink a:hover{
  background: #ddd;
  color: #333;
}

.button-frame-green{
  text-decoration: none;
  background-color: #fff;
  padding: 3px 6px;
  font-size: 12px;
  border: solid 1px #169d18;
  border-radius: 4px;
  width: 43%;
  text-align: center;
}
.button-frame-green-sp{
  text-decoration: none;
  background-color: #fff;
  padding: 3px 1px;
  font-size: 12px;
  border: solid 1px #169d18;
  border-radius: 4px;
  text-align: center;
}
a.button-frame-green:hover {
  color: #C03 !important;
}
.topblog-item-card:hover {
  background: #e4e4e4 !important;
  border: 1px solid #ccc !important;
}
.button-frame-green:hover {
  background: #e4e4e4 !important;
}
.wrap_undecided:hover {
  cursor:pointer;
  background-color: #6304AB;
}
.wrap_undecided ~ .goods_info{
  display:none;
}
/* 閲覧履歴 */
.recently_batsu{
  width:18px !important;
  height:18px !important;
  position: absolute;
  left: 57px;
  top: 1px;
}
.recently_allbatsu{
  width: 18px !important;
  height: 18px !important;
  position: absolute;
  right: 10px;
  top: 8px;
}
img.recently_batsu,img.recently_allbatsu {
  border-radius: 50%;
}
img.recently_batsu:hover,img.recently_allbatsu:hover {
  opacity: 0.7;
}
.recentviewed_left{
  position: absolute;
}
.recentviewed_right a {
  margin-left: 85px;
}
.recentviewed_left img{
  cursor:pointer;
}
/* 検索結果調整 */
#search-title .texttab,#search-title a{
  font-size:11px;
}
#search-title a{
  padding: 5px 8px 4px 8px;
}
#search-title .release-status-group .btn-list a{
  padding: 9px 15px;
  border-radius: 4px;
}
#search-title .texttab {
  width:56px !important;
  padding:0;
}
#search-title .btn-list li{
  margin-right: 0;
}
@media screen and (max-width: 750px){
  .search-title2 {
    padding: 32px 12px 10px;
  }
  div#widget-index-top a {
    border-radius: 4px;
  }
  #search-title .release-status-group .btn-list a {
    padding: 9px 6px !important;
  }
}
.more_dataoutline_wrap{
  display:none;
}
.more_dataoutline{
  background-color: #fafafa;
  text-align: center;
  padding: 8px 8px 8px 10px;
}

#image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

#image-modal img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

#image-modal-close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: white;
  font-size: 40px;
  cursor: pointer;
}