@charset "UTF-8";
/*-----------------------------
RESET
------------------------------*/

ul{margin: 0; padding: 0; list-style: none !important;}
ol {margin: 0; padding: 0; padding-left: 25px;}
img {border: none; vertical-align: bottom;}
/*-----------------------------
BASE
------------------------------*/

* {
  font-family: "Roboto","Noto Sans", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,MS PGothic,arial,helvetica,sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",system-ui, -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN";
  margin: 0px; padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body { background-color: #f2f2f2; color: #333; min-width: 1185px;}
p { font-size: 14px; line-height: 20px; margin-bottom: 20px;}
img {border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
a {color: #1681b2; text-decoration: none;}
a:hover {color: #F9953D; text-decoration: none;}
a:hover img {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.side-ad { margin-bottom: 20px;}
.center { text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.s {font-size: 50%;}
.ss {font-size: 70%;}
.l {font-size: 150%; line-height: 130%;}
.ll {font-size: 200%; line-height: 120%;}
.b {font-weight: bold;}
.mt20 {margin-top:20px;}
.text_none {display:none;}
.red_bld {color:#F8003B; font-weight:bold;}
img.alignright {display: block; margin: 0 0 0 auto;}
img.alignleft { display: block; margin: 0 auto 0 0;}
img.aligncenter {display: block; margin: 0 auto;}
img.float-left {float: left;}
img.float-right {float: right;}
.wp-caption {text-align: center;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.form-allowed-tags{display:none;}

/* clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child + html .clearfix {zoom: 1;}
/* DW */
.clearfix + * {clear: both;}
.shadow {position: relative;}
.shadow:before, .shadow:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 500px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.shadow:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.mt3 {
  margin-top: 3px;
}
.mb3 {
  margin-bottom: 3px;
}
.ml3 {
  margin-left: 3px;
}
.mr3 {
  margin-right: 3px;
}

.mt4 {
  margin-top: 4px;
}
.mb4 {
  margin-bottom: 4px;
}
.ml4 {
  margin-left: 4px;
}
.mr4 {
  margin-right: 4px;
}

.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}

.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}

.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.ml15 {
  margin-left: 15px;
}
.mr15 {
  margin-right: 15px;
}

.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}

.mt25 {
  margin-top: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml25 {
  margin-left: 25px;
}
.mr25 {
  margin-right: 25px;
}

.mt30 {
  margin-top: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px;
}

.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px;
}

.pt3 {
  padding-top: 3px;
}
.pb3 {
  padding-bottom: 3px;
}
.pl3 {
  padding-left: 3px;
}
.pr3 {
  padding-right: 3px;
}

.pt4 {
  padding-top: 4px;
}
.pb4 {
  padding-bottom: 4px;
}
.pl4 {
  padding-left: 4px;
}
.pr4 {
  padding-right: 4px;
}

.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pr5 {
  padding-right: 5px;
}

.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}

.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pr15 {
  padding-right: 15px;
}

.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}

.pt25 {
  padding-top: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.pl25 {
  padding-left: 25px;
}
.pr25 {
  padding-right: 25px;
}

.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pr30 {
  padding-right: 30px;
}

.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}

.most_important {
  color: #ff0000;
}

.second_most_important {
  color:#0000ff;
}

/* 広告 */
.ad-double {padding: 0 !important; font-size: 13px; list-style: none;}
.list li.ad-double:hover {background: #fff;}
.ad-l {float:left; padding-right: 15px; width: 100%;}
.ad-r {float:left;}
.post-ad {margin: 25px 0; padding: 15px 0 20px;}

/** プラグイン　**/

.abh_box {padding: 0px 0px 20px !important; margin-bottom: 0 !important;}
.abh_tab_content  { margin-bottom: 0 !important;}
.abh_box .abh_pwb a {display: none;}
/*----------------------------
各コンテンツの最大サイズを制限
-----------------------------*/

/*----------------------------
引用
-----------------------------*/
.post blockquote {background-color: #f3f3f3; border: 1px solid #ccc; padding: 15px; padding-bottom: 0px; margin-bottom: 20px;}
/*-----------------------------
基本のhタグ
------------------------------*/

/*ブログタイトル*/
header#header {height: 50px; width: 100%; position: relative; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#header-social { float: right; margin-top: 10px;}
#header-social li { display: inline-block;}
#header .box-search {float: right; width: 208px; border: 1px solid #e2e2e2; position: relative; margin: 10px 10px 0 0;}
#header .box-search input.s,
#slide .search_input_wrapper input.s {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  height: 26px;
  width: 240px;
  padding: 0;
  font-size: 14px;
  vertical-align: middle;
  outline: 0;
  background-image: url('../images/megane.png');
  padding-left: 25px;
  background-size: 23px 23px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
}
#slide .search_input_wrapper {
  border: 1px solid #909090;
  padding: 3px 4px 3px 5px;
}
#slide .searchform_search_button {
  padding: 6px 12px 7px;
  background-color: #ff5f46;
}
/*トップタイトル */
.top-area { margin: 0 0 10px 0;}
.top-news { padding: 10px; border: 1px solid #e7e7e7; width: 270px; float: left; background:#fff;}
.top-news:hover { background: #f9f9f9;}
.top-news:first-child { margin-right: 10px;}
.top-news img {display: block; width: 248px; height: 170px; margin: 0; padding: 0;}
.top-news a {color: #333;}
.top-news .top-title { display: table-cell; font-weight: normal; padding-top: 8px; color: #333; font-size: 14px; line-height: 1.4em; vertical-align: top; height: 50px;}
.top-news .top-data {margin: 0;}
.top-news .top-data .time { font-size: 10px; color: #999; float: left;}
.top-news .top-data .author { font-size: 11px; color: #999; float: right;}
.top-news .top-data .author a { color: #999;}
/*記事タイトル*/
.list li a:hover { text-decoration: none;}

.list li:hover {
  background: #f4f8fb;
}

.post .list a:hover {
  color: #1681b2;
}

.list li:hover a {
  color: #1681b2;
}

.entry {
  position: relative;
  border: 1px solid #d3e7ef;
  background: #fff;
  margin: -1px 0 0;
  display: block;
}

.entry-title {padding: 15px 0; margin: 0; font-size: 18px; line-height: 1.3; background: transparent;}
.entry-title a {color: #333; text-decoration: none;}
.entry-title a:hover {text-decoration: underline;}
.entry-content {height: 100%; padding: 10px 10px 10px 85px;}

.entry-content-without-thum {padding: 15px;}
.entry-content p {padding: 5px 0 0 0; margin-bottom:0;}
.entry-content .entry-title-ac {font-size: 13px; line-height: 1.5em;}

.entry-title-ac a {
  color: #1681b2;
  text-decoration: none;
  font-weight: bold;
}

.sumbox {display: block; position: absolute; top: 0; left: 0; width: 75px; height: 75px; overflow:hidden;}
.sumbox a{ display: block;}
.sumbox img { margin-bottom: 0;}

.entry-content span { display: block;}
.entry-content .time { font-size: 11px; color: #999; float: left;}
.entry-content .author { font-size: 11px; color: #999; float: right;}
.entry-content .author a { color: #999;}
/*-----------------------------
記事コンテンツ
------------------------------*/
.entry-header {
  margin: 0 20px 15px 20px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
}

.entry-header .entry-title {font-size: 24px; color: #333; font-weight: bold;}
.entry-header .blogbox { font-size: 12px;}
.entry-header .date {
  padding-right: 20px;
  color: rgb(102, 127, 146);
}

.post-main {
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(28, 29, 30, 0.3);
}

.post-main .post-content { padding: 0 20px 20px 20px; margin-bottom: 20px;}
.side h4 {font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 20px; line-height: 28px;}
#footer #footer-in h4 a {color: #666; text-decoration: none;}
.yarpp-related { padding:20px; background:#fff; box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.yarpp-related .yarpp-title { padding: 0 0 5px 7px; border-bottom: 3px solid #ccc; font-size: 18px; margin-bottom: 20px;}
.yarpp-related ul li { margin-bottom: 10px; font-size:14px !important;}
.yarpp-related ul li a { color: #1681b2; text-decoration: underline;}
/*-----------------------------
ページナビ
------------------------------*/

.pagination {position: relative; font-size: 13px; line-height: 13px; padding: 10px 0 0 0; margin-bottom: 20px;}
.pagination span, .pagination a {display: block; float: left; margin: 4px 4px 4px 0; padding: 12px 15px 11px 15px; text-decoration: none; width: auto; color: #fff;
	background: #FBA848;
}
.pagination a:hover { color: #fff; background: #ffc151;}
.pagination .current {padding: 12px 15px 11px 15px; color: #fff; background-color: #ccc;}
/*-----------------------------
基本構造
------------------------------*/

#header-in,
#wrap-in,
#footer-in,
#breadcrumb-in{position: relative; width: 1150px; margin: 0 auto; display: block !important;}

#side {
  float: right;
  width: 300px;
  margin: 20px 0 0;
}

#side_comment.comment_list {
  width: 299px;
  margin-bottom: 15px;
}

#side_comment.comment_list ul li {
  background: #fff;
  padding: 5px 7px 5px;
  margin-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
}

#side_comment.comment_list ul li + li {
  border-top:none;
}

#side_comment.comment_list ul li > a {
  display:block;
  overflow: hidden;
  color: rgb(24, 105, 156);
  transition: all 200ms ease;
  width: 288px;
}

#side_comment.comment_list ul li > a:hover {
  text-decoration:none;
  color: #40a8e3;
}

#side_comment.comment_list ul li > a > div.recentcomments_title {
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#side_comment.comment_list ul li > a > div.recentcomments_content {
  font-size: 11px;
  font-weight: normal;
  background: #fff;
  border-radius: 3px;
  padding: 4px;
  display: block;
  /*border-top: 1px solid #bee6ec;*/
  position: relative;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: all 200ms ease;
  width: 300px;
  padding-left: 300px;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#side_comment.comment_list ul li:nth-child(odd) > a > div.recentcomments_content {
  transition-duration : 1s;
  transition-delay : 3s;
  animation-duration: 4s;
}

#side_comment.comment_list ul li:nth-child(odd) > a > div.recentcomments_content:hover {
  color: #40a8e3;
}

#side_comment.comment_list .icon-icon_comment:before {
  content: "\e919";
  font-size: 22px;
  position: absolute;
  top: -4px;
  left: -25px;
}

#side_comment.comment_list .top_side_title {
  padding: 7px 15px 7px 32px !important;
}

#side-l #side_comment #recentcomments_ul {
  font-size: 13px;
}

#side-l #side_comment.comment_list ul {
  box-sizing: border-box;
}

#side-l #side_comment.comment_list ul li {
  padding: 5px;
  width: 100%;
  word-break: break-all;
  max-width: 100%;
  overflow: hidden;
}

#side-l #side_comment .recentcomments_title {
  display:inline-block;
  word-break: break-all;
  width: 300px;
}

@keyframes marquee {
  from    { transform: translate(0%); }
  100%,to { transform: translate(-100%); }
}

#side-l #side_comment #recentcomments_ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 100%;
  max-width: 40%;
  min-width: 288px;
  color: rgb(0, 129, 188);
  font-weight: normal;
  transition: all 200ms ease;
  font-size: 11px;
}

#side-l #side_comment #recentcomments_ul li .recentcomments_title a {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 0;
}

#side-l #side_comment #recentcomments_ul.is_comment li .recentcomments_title a {
  margin-bottom: 5px;
}

#side-l #side_comment #recentcomments_ul li .recentcomments_content {
  position: relative;
}

#side-l #side_comment #recentcomments_ul li .recentcomments_content::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}

#side-l #side_comment #recentcomments_ul.is_motion li .recentcomments_content a {
  font-size: 11px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

#side-l #side_comment #recentcomments_ul li .recentcomments_content a {
  font-size: 11px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

#side-l #side_comment #recentcomments_ul li:nth-child(1) .recentcomments_content a {
  animation-duration: 5s;
}

#side-l #side_comment #recentcomments_ul li:nth-child(2) .recentcomments_content a {
  animation-duration: 6s;
}

#side-l #side_comment #recentcomments_ul li:nth-child(3) .recentcomments_content a {
  animation-duration: 4.5s;
}

#side-l #side_comment #recentcomments_ul li:nth-child(4) .recentcomments_content a {
  animation-duration: 5s;
}

#side-l #side_comment #recentcomments_ul li:nth-child(5) .recentcomments_content a {
  animation-duration: 5.5s;
}

#side-l #side_comment #recentcomments_ul li .recentcomments_content a:hover {
  animation-play-state: paused;
  cursor: default;
}

@keyframes marquee {
    0% { left: 100%; transform: translate(0); }
  100% { left: 0; transform: translate(-100%); }
}

#side-l #side_comment #recentcomments_ul li a:hover {
  text-decoration: none;
  opacity: .8;
}

#side_comment .recentcomments_date {
  color: #7c9799;
  font-size: 10px;
  margin-top: 3px;
  font-weight: normal;
  display: block;
  text-align: right;
  margin-top: 0;
}

#side_comment .is_comment .recentcomments_date {
  margin-top: 22px;
}

.recentcomments_author {
  display:inline-block;
  word-break: break-all;
}

.recentcomments_author span {
  font-weight: normal;
}

#side_comment .recentcomments_title a {
  display:inline-block;
  font-weight: bold;
}

#side_comment .recentcomments_title span {
  display:inline-block;
  font-weight: normal;
}


#main {float: left; width:550px; margin: 20px 0 20px 20px;background-color: #fff;}
.pc_post_header {
  padding: 20px 20px 0 20px;
}
/* footer */
#footer {background: #FBA848; padding-top: 40px; margin-top: 20px; padding-bottom: 40px;}
#footer a:hover { text-decoration: underline;}
#footer-in { text-align: center; color: #CCC;}
#footer .copy {color: #555; font-size: 12px;}
#footer .copy a{ color: #555; font-size: 12px;}
#footer-nav li:first-child {border-left:none;}
#footer-nav li {display: inline-block; padding: 0 20px; border-left: 1px solid #969696;}
#footer-nav li a {color: #555; font-size: 12px; display: inline-block;}
.footer_menu {margin:0 auto; margin-bottom:20px; text-align:center;}
.footer_menu ul {margin-left:17%; padding:0; display:table; table-layout:fixed;}
.footer_menu li {vertical-align: top; text-align: left; font-size:14px; width:23%; float:left; padding:5px 0;}
.footer_menu a { color:#555;}
#respond h3 {font-size: 16px;}
.p-navi {border-top: 1px solid #e7e7e7; padding: 10px 20px 10px 20px;}
.c-navi { border-top: none; padding: 0 0 10px 0; margin-top: 5px;}
.p-navi .pre-navi ,
.p-navi .next-navi {
  margin: 0 16px;
  padding: 2px 0;
  margin: 0 auto;
  display: block;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  font-size: 14px;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
}
.p-navi .pre-navi {float: left;}
.p-navi .next-navi {float: right;}
.p-navi .pre-navi a {
  background-repeat: no-repeat;
  display: block;
  background-position: 50% 50%;
  -webkit-background-size: 8px 11px;
  -moz-background-size: 8px 11px;
  background-size: 8px 11px;
}
.p-navi .next-navi a {
  background-repeat: no-repeat;
  display: block;
  background-position: 50% 50%;
  -webkit-background-size: 8px 11px;
  -moz-background-size: 8px 11px;
  background-size: 8px 11px;
}
/*-----------------------------
サイド
------------------------------*/
#side #side-l {float: left; margin-top: 0; width:299px;}
#side-l {float: left; margin-top: 20px; width:255px;}
.single #side-l {float: left; margin-top: 20px; width:258px;}
.search-results #side-l {float: left; margin-top: 20px; width:258px;}
.category-news #side-l {float: left; margin-top: 20px; width:258px;}
.category-news #side-l {float: left; margin-top: 20px; width:258px;}
.category-preceding-play #side-l {float: left; margin-top: 20px; width:258px;}
.search-no-results #side-l {float: left; margin-top: 20px; width:258px;}

#side-l > div {
  background-color: #fff;
  margin-top: 5px;
}

#side-l .pc_side_btm_ad {
  background: transparent;
}

#side-l li { font-size: 14px; font-weight: bold; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); margin-bottom: 1px;}
#nav { background: #fff;}
#global-nav {width:255px;}
#side-l li a {color: #555;white-space: nowrap; display: block; text-decoration: none;}
#side-l .current-menu-item a{ color: #fff; background: #51b8d6;}
#side-l li  a:hover { text-decoration: underline;}
#global-nav .sub-menu { margin-top: 2px; padding: 0 0 0 10px; display: none;}
#global-nav .sub-menu li { height: 22px; line-height: 22px; margin-top: 2px;}
#global-nav .sub-menu li a{color: #555; white-space: nowrap; display: block; height: 22px; padding: 0 5px; background: #fff;}
#global-nav .sub-menu .current-menu-item  a{ color: #fff; background: #51b8d6;}
#side .side-news img { display: inline-block; float: left; margin: 0 5px 0 0;}
#nav ul li a {display: flex;padding: 10px 8px;}

/** ランキングリスト **/
#side .side-list div.post { padding: 15px 0 15px 0px; border-bottom: 1px solid #f2f2f2; position: relative;}
#side .side-list div.page { padding: 15px 0 15px 0px; border-bottom: 1px solid #f2f2f2; position: relative;}
#side .side-list dl dt { float: left; width: 60px; height: 60px; overflow: hidden; position: relative;}
#side .side-list dl dt .cnt {display: block; font-size: 11px; position: absolute; top: 0; left: 0; color: #fff; width: 20px; padding: 3px 0 1px 0; text-align: center; background-color: #ff4a00;}
#side .side-list dl dt img { width: 92px; height: 60px;}
#side .side-list dl dt { float: left; width: 60px; height: 60px; overflow: hidden; position: relative;}
#side .side-list dl dd { float: left; font-size: 13px; width: 230px; height: 52px; overflow: hidden; padding: 0 10px 0 10px; line-height: 1.4em; color: #555;}
#side .side-list .daily-rank { float: left; font-size: 12px; height: 52px; width: auto; overflow: hidden; padding: 0 10px 0 10px; line-height: 1.4em; color: #555;}
.best-rank-img { width: 35px; height: 35px; padding-top: 8px; float: left;}
#side .side-list .best-rank1 { background-image: url("../images/icon/ico_gold1.jpg"); background-repeat: no-repeat; background-position: 4px center; float: left; padding-left: 42px;}
#side .side-list .best-rank2 { background-image: url("../images/icon/ico_silver2.jpg"); background-repeat: no-repeat; background-position: 4px center; float: left; padding-left: 42px;}
#side .side-list .best-rank3 { background-image: url("../images/icon/ico_bronze3.jpg"); background-repeat: no-repeat; background-position: 4px center; float: left; padding-left: 42px;}
#side .side-list .best-rank4 { background-image: url("../images/icon/ico_rank4.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank5 { background-image: url("../images/icon/ico_rank5.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank6 { background-image: url("../images/icon/ico_rank6.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank7 { background-image: url("../images/icon/ico_rank7.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank8 { background-image: url("../images/icon/ico_rank8.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank9 { background-image: url("../images/icon/ico_rank9.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}
#side .side-list .best-rank10 { background-image: url("../images/icon/ico_rank10.jpg"); background-repeat: no-repeat; background-position: 10px 16px; float: left; padding-left: 42px;}

/*サイドの各タイトル見出し*/
#container #wrap #wrap-in #side #ad1 div ul li h2 {	border-left-width: 1px;	border-left-style: dotted; border-left-color: #666; margin-left: 0px; text-align: left; font-size: 16px;}
#container #wrap #wrap-in #side #ad1 div ul li .textwidget a img { padding: 5px;}
#container #wrap #wrap-in #side h2 { border-left-width: 1px; border-left-style: dotted; border-left-color: #666; margin-left: 0px; text-align: left;}
#container #wrap #wrap-in #side ul li h2 { padding-left: 20px; margin-top: 20px; margin-bottom: 20px;}
#container #wrap #wrap-in #side #twibox ul li { padding: 0px;}
#container #wrap #wrap-in #side #twibox ul li li { padding-left: 20px;}
#container #wrap #wrap-in #side #twibox ul li h2 { font-size: 16px;}
#container #wrap #wrap-in #side #tagbox { padding: 10px;}
#container #wrap #wrap-in #side #acbox { padding-left: 20px;}
/*-----------------------------
ページTOP
------------------------------*/
#page-top { position: fixed; bottom: 40px; right: 20px; font-size: 10px;}
#page-top a {
	background: #665e53;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 10px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	/* CSS3 */
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;/* Safari,Chrome */
}
#page-top a:hover { text-decoration: none; background: #d6cdc0; color: #665e53;}
/*-----------------------------
コンテンツ
------------------------------*/
/*　　ヘッダーバナーここから　　*/
h2.headline { margin-bottom: 20px; font-size: 26px; line-height: 1.3em; font-weight: normal; background-color:#fff; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); width:550px; height:150px; text-indent:-9999px;}

.headline a{
	display:block;
	width:550px;
	height:150px;
}
.headline a:hover{

}

.side-bottom {
  margin-bottom: 0 !important;
}

/*ジャック広告*/


div#ad_right_box {
    width: 285px !important;
}

/*　　ヘッダーバナーここまで　　*/
.post-content p { font-size: 14px; line-height: 1.6em;}
.post-content a {
  color: #1681b2;
}
.post-content td a { font-weight: bold}
.post-content th a { font-weight: bold}
.post-content a:hover { text-decoration: underline;}
.post-content h2 { background-color: #38434b; color: #fff; font-weight: bold; font-size: 16px; margin: 20px 0px 10px 0px; text-align: left; padding: 10px 16px;}

.post-content h3 {
  margin: 10px 0px 15px 0px;
  color: #38434b;
  padding: 5px 0 5px 10px;
  border-left: 6px solid #38434b;
  border-bottom: 1px solid #d4d4d4;
  font-size: 15px;
}
.post-content h4 { color: #444; border-left: 4px solid #e0e0e0; margin-top: 10px; padding: 0 0 0 7px; margin-bottom: 10px; font-size: 14px; line-height: 24px; text-indent: 3px;}
.post-content .post-thumb { text-align: center; padding-bottom:10px;}
.post-content .post-thumb img { margin: 0;}
.post-content img,
.wp-caption {
  /*margin-bottom: 20px;*/
  height: auto;
  max-width: 100% !important;
}
/* サイドバーのaffix */
div.affix { position: fixed; width: 250px; bottom: 30px;}
.center-ad { text-align: center; padding: 20px;}
#side #side-in ul li a:hover { color: #C00; text-decoration: underline;}
.post ul li {
  font-size: 15px;
  line-height: 28px;
  -webkit-transition: background 0.1s,box-shadow 0.1s;
  transition: background 0.1s,
  box-shadow 0.1s;
}
/*記事を読む*/
/*----------------------------
コメント
------------------------------*/
#comments {
  background: #fff;
  padding: 0 20px 0;
  box-shadow: 0 0 2px 0 rgba(28, 29, 30, 0.3);
}
#comments .comments-list li {
  padding: 10px 15px;
  border-left: none;
  border-bottom: 1px solid #e0e0e0;
}

.body-priconne-redive #comments .comments-list li{
  padding: 0;
  border-left: none;
  border-bottom: 0;
}

.body-priconne-redive .comments_page_link{
  border-top: 1px solid #ddd;
}



.form-submit {
  margin: 0;
}

.comment-form-author label, .comment-form-comment label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
#comments #submit:hover {
  text-decoration: none;
}

#comments #reply-title {
  font-size: 18px;
  color: #2d2d2d;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}

#comments #submit {
display: block;
padding: 8px;
font-weight: bold;
border: 1px solid #ccc;
color: #333;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e3e3e3), color-stop(0, #fefefe));
background: -webkit-linear-gradient(top, #fefefe 0%, #e3e3e3 100%);
background: -moz-linear-gradient(top, #fefefe 0%, #e3e3e3 100%);
-webkit-box-shadow: inset 0px 5px 2px -2px rgba(255,255,255,0.4),0px 1px 3px rgba(0,0,0,0.5);
box-shadow: inset 0px 5px 2px -2px rgba(255,255,255,0.4),0px 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 2px 0 #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.form-submit { margin: 0;}
#comments #submit:hover { text-decoration: underline;}
#comments #resp { font-size: 18px; color: #2d2d2d; font-weight: normal; border-bottom: 3px solid #dcdfe5; padding: 0 0 5px 0; margin-bottom: 10px;}
.comments-list { padding: 20px 20px 0px 20px; background:#fff; box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.comments-list .comment-body { border-bottom: 1px solid #e7e7e7; padding: 5px 0; overflow: hidden; position: relative;}
.comments-list .comment-body .fn { font-size: 15px; border-left: 18px solid #008000; padding-left: 5px; font-style: normal; color: #008000; font-weight: bold;}
.comments-list li .says { display: none;}
.comments-list .comment-body .reply { clear: both; float: right;}
.comments-list .comment-body .reply a{ font-size: 13px; color: #666; display: block; width: 60px; line-height: 20px; text-align: center; border: #999 solid 1px; background: -moz-linear-gradient(top,#fff,#eaeaea); background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eaeaea)); font-weight: bold; text-shadow: 0 1px 0 #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
}
#respond { padding: 0;}
.comment-notes, .comment-form-email, .comment-form-url { display: none;}
.comment-form-comment:after { visibility: hidden; display: block; font-size: 0;content: " "; clear: both; height: 0;}

.comment-form-author label, .comment-form-comment label {
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
   color: #38434b;
 }

 .icon-icon_comment:before {
   content: "\e919";
   font-size: 23px;
   position: absolute;
   top: -2px;
   left: -26px;
}

/*---------------------
ナビゲーション
-----------------------*/
/*-----------------------------
検索フォーム
-----------------------------*/
#container #wrap #wrap-in #search { padding-top: 20px; padding-bottom: 0px;}
#s { width: 266px; height: 24px; border: none; color: #333; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; background-color: #CCC; font-size: 14px; border-radius: 0;}
#searchsubmit { position: absolute; top: 0; _top: 1px; left: 286px; border-radius: 0;}
*:first-child + html #searchsubmit { top: 1px;}
#container #wrap #wrap-in #side #search #searchform { position: relative;}
/*-----------------------------------
google用ぱんくず
------------------------------------*/
#breadcrumb {
  border-bottom: 1px solid #e7e7e7;
  background: #fff;
  height: 40px;
  line-height:37px;
  font-size: 13px;
}

div#breadcrumb div {
  display: inline-block;
}

#breadcrumb a {
  display: inline-block;
  padding-top: 2px;
  text-decoration: none;
  font-weight: bold;
}

#breadcrumb a:hover {
  text-decoration: none;
  color: #21aef1;
}

div#breadcrumb .arrow { background: url(../images/arrow.png) no-repeat scroll center right transparent; background-size: 7px 11px; -webkit-background-size: 7px 11px; display: inline-block; padding: 0; vertical-align: top; width: 7px; height: 42px; margin: 0 5px 0 10px;}
div#wrap-in .arrowdown { background: url(../images/arrowdown.png) no-repeat scroll center right transparent; background-size: 11px 7px; -webkit-background-size: 11px 7px; display: inline-block; padding: 0; vertical-align: top; width: 11px; height: 24px; margin: 0 5px 0 0;}
div#wrap-in .arrowup { background: url(../images/arrowup.png) no-repeat scroll center right transparent; background-size: 11px 7px; -webkit-background-size: 11px 7px; display: inline-block; padding: 0; vertical-align: top; width: 11px; height: 24px; margin: 0 5px 0 0;}
/*-----------------------------------
カレンダー
------------------------------------*/
#wp-calendar { border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #999; border-right-color: #999; width: 250px; margin-left: 35px;}
#wp-calendar thead tr th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #999; border-left-color: #999;}
#wp-calendar td { text-align: center; padding: 0px;}
#wp-calendar caption { font-weight: bold; text-align: left;}
#wp-calendar tbody tr #today { background-color: #CCC;}
/*---------------------------------
コンテンツ
--------------------------------*/
.post-content table { font-size: 13px; margin: 0 0 15px 0; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc;}
.post-content table tr { background: #fff;}
/*.post-content table tr:nth-child(odd) { background: #f3f3f3;}*/

.post-content table th {
  padding: 4px 8px;
  text-align: center;
  font-size: 12px;
  color: #444;
  border: 1px solid #c5d4dc;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  background-color: #f1f6f7;
}

.post-content table td {
  padding: 4px 8px;
  text-align: center;
  border: 1px solid #c5d4dc;
}

.tag-area {padding: 10px 20px;}
.tag-area li {float: left;}
.tag-area li a { font-size: 13px; display: block; padding: 3px 9px 2px; margin: 0 5px 5px 0; z-index: 1; color: #555;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  border: 1px solid #bbb;
}
/*-----------------------------
ソーシャルボタン
-----------------------------*/
.social-btn ul li{ display: inline-block; padding: 10px 0 10px 0;}
.sns-tw { width: 110px;}
.sns-gp { width: 70px;}
.sns-hb { width: 75px;}
.sns-fb { width: 115px;}
.sns-pocket { width: 115px;}
#snsbox { padding: 10px 20px;}
#snsbox ul li { display: inline-block;}
/* tool */
.neko-tool table tr:nth-child(odd) {background: none;}
.neko-tool .tool-title { font-weight: bold; padding-bottom: 5px;}
.neko-tool table th { border: 2px solid #1bc29b; color: #333; background: #1bc29b; color: #fff;}
.neko-tool table td {border: 2px solid  #1bc29b; padding: 5px;}
.neko-tool .mado-title { color: #333; color: #fff; display: block; width: 100%; font-size: 14px; text-align :left; line-height: 20px; padding: 5px 0 5px 7px; background: #1bc29b; margin-top: 10px;}
.neko-tool table.mado-area td {text-align: left;}
.cal-area {text-align: center;}
.cal-area input {
  color: #fff;
  background: #1bc29b;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.28),inset 0px 2px 0px -1px #10a4d2;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.28),inset 0px 2px 0px -1px #10a4d2;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.28),inset 0px 2px 0px -1px #10a4d2;
  padding: 10px 13px 11px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 210px;
}
/* added ume */
.post-ad{overflow:hidden;}
.ad_l{display:inline-block; margin-right:10px;}
.ad_r{display:inline-block;}
span.cite_font {color: #aaa;font-size: 10px;}
cite span.cite_font a {color: #aaa; border-bottom: none;}
/*     ヘッダーここから      */
#slide { width: 100%; min-width: 960px; height: 200px;}
picture source,picture img {
  max-width: 100%;
}
#slide_company { background:url(../images/bg_company.jpg) no-repeat; background-size:cover; background-position:center; width: 100%; min-width: 960px; height: 200px;}

.slide_top { width:1100px; height:200px; text-align:center; margin:0 auto; display:table;}
.slide_top_company { width:1100px; height:200px; text-align:center; margin:0 auto; display:table;}


 .slide_top h1,.slide_top_monst h1,.slide_top_pazdra h1,.slide_top_battlegirl h1,.slide_top_divine h1,.slide_top_kuroneko h1,.slide_top_newgame h1, .slide_top_grimmsnotes h1, .slide_top_aliceorder h1, .slide_top_marvel h1, .slide_top_seven h1, .slide_top_pawapuro h1, .slide_top_lastperiod h1, .slide_top_shironekotennis h1, .slide_top_samurai_rising h1, .slide_top_pokemon_go h1, .slide_top_anime h1, .slide_top_appranking h1 , .slide_top_a3-matome h1 , .slide_top_mingol h1, .slide_top_orecollection h1  {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	padding-top:28px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.slide_top_company h1 { color:#000000; font-size:36px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.slide_top_kairisei h1, .slide_top_digimonlinkz h1 { color:#fff; font-size:32px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.slide_top_fatego h1,.slide_top_thousand-storm h1, .slide_top_duel_links h1, .slide_top_dragonproject h1, .slide_top_pawasaka h1, .slide_top_dffoo h1, .slide_top_pokemon_sun_moon h1, .slide_top_super_mariorun h1 , .slide_top_lost-order h1 , .slide_top_mashirocchi h1 , .slide_top_isekaikaranonono h1 , .slide_top_seventh_rebirth h1, .slide_top_catbus h1, .slide_top_soa_star h1, .slide_top_geo_godeater h1,.slide_top_another-eden h1 , .slide_top_bang_dream h1, .slide_top_bproject h1, .slide_top_fe-heroes-wiki h1, .slide_top_knightschro h1, .slide_top_ruroken-wiki h1, .slide_top_sinoalice h1, .slide_top_danmemo h1, .slide_top_splatoon2 h1, .slide_top_priconne-redive h1, .slide_top_sangokumusou h1, .slide_top_tenirabi h1, .slide_top_alicegearaegis h1, .slide_top_lineage2-revolution h1, .slide_top_sengokuasura h1, .slide_top_dia-horizon h1, .slide_top_joker-gr h1, .slide_top_soratouminoaida h1, .slide_top_sao-if h1, .slide_top_atelier-online h1,.slide_top_pokemori h1, .slide_top_tsumtsumland h1,.slide_top_azurlane h1, .slide_top_destiny-child h1, .slide_top_azurlane-wiki h1, .slide_top_batobure h1, .slide_top_kemofure h1, .slide_top_d2-megaten h1, .slide_top_servantofthrones h1, .slide_top_yuukona h1, .slide_top_makaiwars h1, .slide_top_qmalium h1, .slide_top_bountyrush h1, .slide_top_jumputi h1, .slide_top_chronomagia h1, .slide_top_dbbm h1, .slide_top_calsta h1, .slide_top_shinycolors h1, .slide_top_tri-mon h1, .slide_top_trinitymaster h1, .slide_top_tokimeki-idol h1, .slide_top_twinty-three-seven h1, .slide_top_tojinomiko h1, .slide_top_ffexforce h1, .slide_top_monogatari-pucpuc h1, .slide_top_revolve h1, .slide_top_tokyodolls h1, .slide_top_shining-live h1, .slide_top_symphogear h1, .slide_top_kirarafantasia h1, .slide_top_destinyofcrown h1, .slide_top_flo-wiki h1,.slide_top_panipani h1, .slide_top_theaterdays h1, .slide_top_winning-eleven2017 h1, .slide_top_kamurai h1, .slide_top_dqr h1, .slide_top_yuyuyui h1, .slide_top_fight-league h1, .slide_top_tsubasa h1, .slide_top_grasma h1, .slide_top_magireco h1, .slide_top_nintendo-switch h1, .slide_top_umamusume h1, .slide_top_shadowverse h1 {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	padding-top:25px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.slide_top_another-eden h1 { color: #816c2f;margin: 0 0 10px;text-shadow: none; font-weight:bold;padding-top: 40px;}
.slide_top_dffoo h1 { color:#fff; font-size:24px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.slide_top_flo-wiki h1{
	color: #6b2b0b;
	margin-top: 10px;
	font-weight: bold;
	text-shadow:none
}
.slide_top_kirarafantasia h1{
	color: #572d25;
	margin-top: 10px;
	font-weight: bold;
	text-shadow:none
}

.slide_top_panipani h1{
	color: #fff;
	margin-top: 10px;
	font-weight: bold;
	text-shadow:none
}

td hr {
    border-top: 1px solid #ccc !important;
    margin: 4px -8px 4px;
}

.slide_top .header_subject,.slide_top_monst .header_subject,.slide_top_pazdra .header_subject,.slide_top_battlegirl .header_subject,.slide_top_divine .header_subject,.slide_top_kuroneko .header_subject,.slide_top_newgame .header_subject, .slide_top_grimmsnotes .header_subject, .slide_top_aliceorder .header_subject, .slide_top_marvel .header_subject, .slide_top_seven .header_subject, .slide_top_pawapuro .header_subject, .slide_top_lastperiod .header_subject, .slide_top_shironekotennis .header_subject, .slide_top_samurai_rising .header_subject, .slide_top_pokemon_go .header_subject, .slide_top_anime .header_subject, .slide_top_appranking .header_subject , .slide_top_a3-matome .header_subject , .slide_top_mingol .header_subject , .slide_top_orecollection .header_subject {
  color:#fff;
  font-size:24px;
  font-weight:normal;
  padding-top:25px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.slide_top_company .header_subject { color:#000000; font-size:36px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.slide_top_kairisei .header_subject, .slide_top_digimonlinkz .header_subject { color:#fff; font-size:32px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.slide_top_dffoo .header_subject { color:#fff; font-size:24px; font-weight:normal; padding-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.4);}

.slide_top_fatego .header_subject,.slide_top_thousand-storm .header_subject, .slide_top_duel_links .header_subject, .slide_top_dragonproject .header_subject, .slide_top_pawasaka .header_subject, .slide_top_dffoo .header_subject, .slide_top_pokemon_sun_moon .header_subject, .slide_top_super_mariorun .header_subject, .slide_top_lost-order .header_subject, .slide_top_mashirocchi .header_subject, .slide_top_isekaikaranonono .header_subject, .slide_top_seventh_rebirth .header_subject, .slide_top_catbus .header_subject, .slide_top_soa_star .header_subject, .slide_top_geo_godeater .header_subject, .slide_top_bang_dream .header_subject , .slide_top_bproject .header_subject , .slide_top_fe-heroes-wiki .header_subject , .slide_top_knightschro .header_subject , .slide_top_ruroken-wiki .header_subject , .slide_top_grasma .header_subject , .slide_top_another-eden .header_subject , .slide_top_uta-macross  .header_subject , .slide_top_sinoalice .header_subject , .slide_top_danmemo .header_subject , .slide_top_splatoon2 .header_subject , .slide_top_priconne-redive .header_subject , .slide_top_sangokumusou .header_subject , .slide_top_tenirabi .header_subject , .slide_top_alicegearaegis .header_subject , .slide_top_lineage2-revolution .header_subject , .slide_top_sengokuasura .header_subject , .slide_top_dia-horizon .header_subject , .slide_top_joker-gr .header_subject ,.slide_top_soratouminoaida .header_subject , .slide_top_sao-if .header_subject , .slide_top_atelier-online .header_subject ,.slide_top_pokemori .header_subject , .slide_top_tsumtsumland .header_subject , .slide_top_azurlane .header_subject , .slide_top_destiny-child .header_subject , .slide_top_azurlane-wiki .header_subject , .slide_top_batobure .header_subject ,.slide_top_kemofure .header_subject , .slide_top_d2-megaten .header_subject , .slide_top_servantofthrones .header_subject , .slide_top_yuukona .header_subject, .slide_top_makaiwars .header_subject, .slide_top_qmalium .header_subject, .slide_top_bountyrush .header_subject, .slide_top_jumputi .header_subject, .slide_top_chronomagia .header_subject, .slide_top_dbbm .header_subject, .slide_top_calsta .header_subject, .slide_top_shinycolors .header_subject, .slide_top_tri-mon .header_subject, .slide_top_trinitymaster .header_subject, .slide_top_tokimeki-idol .header_subject, .slide_top_tojinomiko .header_subject, .slide_top_ffexforce .header_subject, .slide_top_monogatari-pucpuc .header_subject , .slide_top_revolve .header_subject , .slide_top_tokyodolls .header_subject , .slide_top_shining-live .header_subject ,.slide_top_symphogear .header_subject ,.slide_top_kirarafantasia .header_subject , .slide_top_destinyofcrown .header_subject , .slide_top_flo-wiki .header_subject , .slide_top_panipani .header_subject , .slide_top_theaterdays .header_subject , .slide_top_winning-eleven2017 .header_subject , .slide_top_kamurai .header_subject , .slide_top_dqr .header_subject , .slide_top_yuyuyui .header_subject , .slide_top_fight-league .header_subject , .slide_top_tsubasa .header_subject ,.slide_top_magireco .header_subject , .slide_top_nintendo-switch .header_subject , .slide_top_umamusume .header_subject , .slide_top_shadowverse .header_subject {
  color:#fff;
  font-size:27px;
  font-weight:normal;
  padding-top:25px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.slide_top_flo-wiki .header_subject {
	color: #6b2b0b;
	margin-top: 10px;
	font-weight: bold;
	text-shadow: none;
}
.slide_top_panipani .header_subject {
	color: #fff;
	margin-top: 10px;
	font-weight: bold;
	text-shadow: none;
}

.slide_top_another-eden .header_subject {
	color:#816c2f;
	text-shadow: none;
	font-weight: bold;
	padding-top: 40px;
	margin-bottom: 10px;
}
.slide_top_uta-macross .header_subject {
	color:#fff;
	text-shadow: none;
	font-weight: bold;
	padding: 0;
}
.slide_top_kirarafantasia .header_subject {
	margin-top: 10px;
	color:#572d25;
	text-shadow: none;
	font-weight: bold;
}
.slide_top p,.slide_top_monst p,.slide_top_pazdra p,.slide_top_kairisei p,.slide_top_fatego p,.slide_top_battlegirl p,.slide_top_divine p,.slide_top_kuroneko p,.slide_top_company p,.slide_top_newgame p, .slide_top_grimmsnotes p, .slide_top_aliceorder p, .slide_top_marvel p, .slide_top_seven p, .slide_top_digimonlinkz p, .slide_top_pawapuro p, .slide_top_thousand-storm p, .slide_top_duel_links p, .slide_top_dragonproject p, .slide_top_shadowverse p, .slide_top_lastperiod p, .slide_top_shironekotennis p, .slide_top_samurai_rising p, .slide_top_pokemon_go p, .slide_top_anime p, .slide_top_pawasaka p, .slide_top_dffoo p, .slide_top_pokemon_sun_moon p, .slide_top_super_mariorun p, .slide_top_lost-order p, .slide_top_mashirocchi p, .slide_top_isekaikaranonono p, .slide_top_seventh_rebirth p, .slide_top_catbus p, .slide_top_soa_star p, .slide_top_geo_godeater p, .slide_top_bang_dream p, .slide_top_bproject p, .slide_top_fe-heroes-wiki p, .slide_top_knightschro p, .slide_top_ruroken-wiki p, .slide_top_grasma p, .slide_top_another-eden p, .slide_top_uta-macross p, .slide_top_sinoalice p, .slide_top_danmemo p, .slide_top_splatoon2 p, .slide_top_priconne-redive p, .slide_top_sangokumusou p, .slide_top_tenirabi p, .slide_top_alicegearaegis p, .slide_top_lineage2-revolution p, .slide_top_sengokuasura p, .slide_top_dia-horizon p, .slide_top_joker-gr p, .slide_top_soratouminoaida p, .slide_top_sao-if p, .slide_top_atelier-online p,.slide_top_pokemori p, .slide_top_tsumtsumland p,.slide_top_azurlane p, .slide_top_destiny-child p, .slide_top_azurlane-wiki p, .slide_top_batobure p, .slide_top_kemofure p, .slide_top_d2-megaten p, .slide_top_servantofthrones p, .slide_top_yuukona p, .slide_top_makaiwars p, .slide_top_qmalium p, .slide_top_bountyrush p, .slide_top_jumputi p, .slide_top_chronomagia p, .slide_top_dbbm p,.slide_top_calsta p, .slide_top_shinycolors p, .slide_top_tri-mon p, .slide_top_trinitymaster p, .slide_top_tokimeki-idol p, .slide_top_twinty-three-seven p, .slide_top_tojinomiko p,.slide_top_ffexforce p, .slide_top_monogatari-pucpuc p, .slide_top_revolve p, .slide_top_tokyodolls p, .slide_top_shining-live p, .slide_top_symphogear p, .slide_top_kirarafantasia p, .slide_top_destinyofcrown p, .slide_top_flo-wiki p, .slide_top_panipani p, .slide_top_theaterdays p,.slide_top_winning-eleven2017 p,.slide_top_kamurai p, .slide_top_dqr p, .slide_top_yuyuyui p, .slide_top_fight-league p, .slide_top_tsubasa p, .slide_top_magireco p, .slide_top_nintendo-switch p, .slide_top_umamusume p, .slide_top_appranking p , .slide_top_a3-matome p , .slide_top_mingol p .slide_top_orecollection p {
	width:500px;
	font-size:13px;
	line-height:1.8;
	color: #fff;
	padding-top:16px;
	text-align: center;
	margin: 0 auto;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.slide_top_flo-wiki p {
	color:#6b2b0b;
	text-shadow: none;
}
.slide_top_kirarafantasia p {
	color:#572d25;
	text-shadow: none;
}
.slide_top_panipani p {
	color:#fff;
	text-shadow: none;
}

.slide_left { width:275px; height:200px; display:table-cell; vertical-align:middle;}
.slide_center { width:550px; display:table-cell; vertical-align:top; padding: 0 8px;}
.slide_top_another-eden .slide_center { width:550px; display:table-cell; vertical-align:top;padding: 0 20px;color:#412f0c;}
.slide_top_another-eden p {color:#412f0c;text-shadow: none;padding-top: 0;}
.slide_top_uta-macross .slide_center { width:550px; display:table-cell; vertical-align:top;padding: 35px 20px; color:#fff; }
.slide_right { width:275px; vertical-align:middle; display:table-cell;}

ul.top3_menu { margin:0; padding:0; display:table; table-layout:fixed; width:275px;}
ul.top3_menu li { display:table-cell; vertical-align:top; text-align:center;}
ul.top3_menu li a { display:block;}
ul.top3_menu li a:hover img { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(360deg); opacity:1;}
ul.top3_menu li img { -moz-transition: -moz-transform 1s linear; -webkit-transition: -webkit-transform 1s linear; -o-transition: -o-transform 1s linear; -ms-transition: -ms-transform 1s linear;  transition: transform 2s linear; opacity:1;}
/*     ヘッダーここまで      */

.left_menu { width:255px; margin:20px 0 20px 0; float: left; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); background-color: #fff;}
.left_menu h3 { background: #f2f2f2; color: #333; padding: 5px 5px 5px 10px;}
.left_menu a { display: block; padding: 5px; margin-left: 5px; font-size:12px;}
.side-title { text-align: center; background-color: #333; color: #fff; padding:10px; font-weight:normal;}
.left_menu ul{ border-bottom: 1px solid #f2f2f2;}
.left_menu li{ border-top: 1px solid #ddd;}
.left_menu li:last-child { border-bottom: 0px;}

.leftmenu_title {
  font-size: 13px;
  font-weight: bolder;
  border-left: 3px solid #ff6554;
  padding-left: 9px;
}

.leftmenu_subtitle { color:#333; font-size:12px; font-weight:bolder; display:block; border-left:3px solid #999999; padding: 5px 5px 5px 7px; background-color: #f8f8f8;}
#side.side-list { box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}

/*  サイドメニューアコーディオンcssここから */
.accodion label { color: #0E7AC4; padding:5px 5px 5px 10px; display: block; font-weight: bold; background: #fff; cursor:pointer; font-size:12px;}
.accodion label:before { display: inline-block; content: '+'; margin-right: 8px; border: 1px solid #e7e7e7; height: 20px; width: 20px; line-height: 20px; font-size: 13px; text-align: center; background: #fff; color: #979797;}
div.left_menu .accodion { border-top: 1px solid #ddd;}
.accodion ul { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; border-bottom: 0px;}
input[type="checkbox"].on-off{ display: none;}
input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{ height: 100%;}
/*  サイドメニューアコーディオンcssここまで */

/* トップコンテンツここから */
.daily_box, .daily_box_newgame { background: #fff; border: 1px solid #e7e7e7; margin-bottom: 5px; padding: 15px;}
.daily_box_update { background: #f2f2f2; border: 1px solid #e7e7e7; margin-bottom: 15px; padding: 15px;}
.daily_box table, .daily_box_newgame table { font-size: 14px; margin: 10px auto; width: 85%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc;}
/*.daily_box table tr:nth-child(odd) { background: #f3f3f3;}*/
/*.daily_box_newgame table tr:nth-child(odd) { background: #f3f3f3;}*/
.daily_box table th, .daily_box_newgame table th { padding: 4px 9px; text-align: center; font-size: 13px; color: #333; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background: linear-gradient(top, #fbfbfb, #e1e1e1); border: 1px solid #bbb; text-shadow: none;}
.daily_box table td, .daily_box_newgame td { padding: 4px 9px; text-align: left; border: 1px solid #ddd; font-size: 13px;}
.daily_box a, .daily_box_newgame a { text-decoration:underline;}
.daily_box h2, .daily_box_newgame h2 { font-size:16px; color:#fff; background: #333; padding: 15px;}

/*  トップ更新情報　専用CSS　ここから */
.update_top_title { font-size: 15px !important; color: #fff; background: cornflowerblue !important; padding: 15px; margin-bottom: 0 !important; font-weight:normal;}
.daily_box_update p { font-size:15px; color: gray; font-weight: bold; padding-top: 10px; margin-bottom:0;}
.daily_box_update a { color: #1681b2 !important; text-decoration: none;}
.daily_box_update ul li { font-size: 12px; list-style-type: disc; line-height: 1.6em; list-style-position: inside;}
/*  トップ更新情報　ここまで */

.fs14 { font-size:14px; font-weight:bold;}
.kisyu { display:block; font-size:11px; padding:2px; border:1px solid #ccc; border-radius:5px; float: right; margin-left: 3px;}
.bg_white { background-color:#fff;}
.daily_box h3 { font-size:16px; color:#000000; padding: 15px 0 5px 0; border-bottom: 3px #ddd solid; margin-bottom: 15px !important;
    padding: 10px 0 5px 7px;
    border-left: 8px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    font-size: 18px;
    margin-bottom: 15px;}
.daily_box h4 { border-left: 3px solid #dcdfe5; padding: 0 0 0 7px; margin-bottom: 10px; font-size: 1em; line-height: 1.2em;}
.daily_box li { list-style-type: none; list-style-position: inside; font-size:13px !important; line-height: 1.7em !important;}
.daily_box p { font-weight:normal; font-size:13px;}
#daily_box { background: #fff; border: 1px solid #e7e7e7; margin-bottom: 5px; padding: 15px;}
#daily_box table { font-size: 14px; margin: 20px auto; width: 95%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc;}

/*#daily_box table tr:nth-child(odd) { background: #f3f3f3;}*/

.blue { color:#7B76EF;}

.left_menu_s h2 {
  background: #38434b;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px 7px;
  text-align: left;
}

/*  トップコンテンツここまで */

/*  widesliderここから */
.wideslider { width: 100%; height: 200px; text-align: left; position: relative; overflow: hidden;}
.wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden;}
.wideslider_base { top: 0; position: absolute;}
.wideslider_wrap { top: 0; position: absolute; overflow: hidden;}
.slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer;}
.slider_prev {background: #fff url(../images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/next.jpg) no-repeat left center;}
#wideslider .pagination { bottom: 10px; left: 0; width: 100%; height: 10px; text-align: center; position: absolute; z-index: 200;}
#wideslider .pagination a { margin: 0 5px; width: 15px; height: 15px; display: inline-block; overflow: hidden; background: #333; float: none; padding:7px; -webkit-border-radius: 7px; border-radius: 7px;}
#wideslider .pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.wideslider ul { display: inline-block; overflow: hidden;}
.wideslider h1 { position:relative; z-index:300; text-align: center; color: #fff; padding-top: 20px; text-shadow: 0 1px 1px rgba(0,0,0,.4);	}
/*  widesliderここまで */

.p_info {
  font-size:76% !important;
  color: rgb(46 54 60);
}

.bg_index {
  background-color: #fcffff;
  border: 1px solid #b9d3d4;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 9px 13px 4px!important;
}

.bg_index li { line-height: 1.7em !important;}

.bg_index a {
  color: #1781b2;
  text-decoration: none;
}

.daily_box .bg_index { margin-top:15px;}

/* -----------------
人気記事（アクティブ）ランキング
------------------- */
.active_ranking{ background: #fff;}
.active_ranking li{ padding: 14px 12px; border-bottom: 1px solid #f2f2f2;}
.active_ranking li a{ display: table;}
.active_ranking .ranking_title{ width: 100%; display: table-cell; vertical-align: middle; line-height: 1.4em; color: #555; font-size: 12px; padding-left: 12px;}
.active_ranking .ranking_thmb{ display: table-cell; vertical-align: middle;}
.active_ranking .ranking_no{ text-align: center; font-size: 12px; display: block; width: 20px; height: 20px; line-height: 20px; color: #fff; background: #BFBFBF;}
.active_ranking  .rank_top{ background: #FFD700;}
.active_ranking .rank_second{ background: #B0C4DE;}
.active_ranking .rank_third{ background: #C47222;}
.active_ranking .ranking_more{ text-align: center; display: inline-block; width: 100%; font-size: 13px; font-weight: bold; padding: 14px 0px;}
.ranking_headline { text-align: center; background-color: #333; color: #fff; padding: 10px; font-weight: normal; border-top: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC;}
.ranking_pagenation{ padding: 10px;}

a.linkbtn_orange {
  position:relative;
  transition: all 300ms 0s ease;
  background-color: #FFF;
  color: #3050cc!important;
  border: 1px solid #000bff;
  border-radius: 5px;
  padding:7px 34px 7px 19px;
  text-align: center; font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

a.linkbtn_orange:hover {
  color:#fff !important;
  background-color:#FBA848;
  text-decoration: none;
}

/* 矢印付リンクボタン */
a.linkbtn_arrow {
  padding: 7px 34px 7px 19px;
  transition: all 300ms 0s ease;
  background-color: #fff;
  color: rgb(19, 135, 206) !important;
  border: 2px solid rgb(19, 135, 206);
  border-radius: 38px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none !important;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  position: relative;
}

a.linkbtn_arrow:hover{ background-color:rgb(19, 135, 206); text-decoration: none; color: #fff !important; }

a.linkbtn_arrow::after {
  position: absolute;
  top:50%;
  right:11px;
  margin-top :-8px;
  content:"";
  width:15px;
  height:15px;
  background-size: 15px;
  background-image: url("../images/icon_arrow.png");
  background-repeat: no-repeat;
}

a.linkbtn_arrow:hover:after {
  background-image: url("../images/icon_arrow_hover.png");
}

a.linkbtn_deepblue { background-color: #1253A4; color: #fff !important; border: 1px solid #333; border-radius: 20px; padding: 7px; text-align: center; font-size: 13px; font-weight: bold; text-decoration: none; display: block; margin-top: 5px; margin-bottom: 10px;}
a.linkbtn_deepblue:hover{ color:#1253A4 !important; background-color:#fff; text-decoration: none;}
a.linkbtn_shadowverse { background-color: #074d7e; color: #fff !important; border: 1px solid #004eff; border-radius: 20px; padding: 7px; text-align: center; font-size: 13px; font-weight: bold; text-decoration: none; display: block; margin-top: 5px; margin-bottom: 10px;}
a.linkbtn_shadowverse:hover{ color:#fff !important; background-color:#053658; text-decoration: none;}
a.linkbtn_fgo { background-color: #FFF; color: #0029c2; border: 1px solid #0029c2; border-radius: 10px; padding: 7px; text-align: center; font-size: 13px; font-weight: bold; text-decoration: none; display: block;	margin-top: 5px; margin-bottom: 10px;}
a.linkbtn_fgo:hover{ color:#5e80e4; background-color:#FFF; text-decoration: none;}
/*  　黒板背景スタイルここから　 */
.bkbd_title { background:url(../images/bg_bkbd01.jpg) no-repeat; display:block; width:380px; height:73px; font-size: 15px !important; text-align: center; margin: 0 auto !important; color: #fff; padding: 45px 20px 0 !important; text-shadow: 0 1px 1px rgba(0,0,0,.4); border-left: none !important;}
.bkbd_entry { background:url(../images/bg_bkbd02.jpg) repeat-y; width:380px; height:100%; margin: 0 auto; color: #fff; padding: 5px 29px 0 40px !important; text-shadow: 0 1px 1px rgba(0,0,0,.4); font-size:13px;}
.bkbd_bottom { background:url(../images/bg_bkbd03.jpg) no-repeat; width:380px; height:49px; text-align: center; display:block; margin: 0 auto; margin-bottom: 20px;}
/*  　黒板背景スタイルここまで　 */

/*  　ポケモンまとめスタイルここから　 */
.pokematome_link .matome_hl { font-weight:bold; font-size:14px;}
.pokematome_link .mato_ul { overflow: hidden; width: 100%;}
.pokematome_link .mato_li { overflow: hidden; text-overflow:ellipsis;  white-space:nowrap; margin-bottom: 10px;}
.pokematome_link a { text-decoration: none!important; color:#1681b2;}
/*  　ポケモンまとめスタイルここまで　 */


/*  　左メニューに画像を添付する場合のクラス　 */
.left_menu_img { padding:0 !important; margin:0 !important;}

/* アプリ用 */
.appli ul{
border-bottom: 1px solid #EEE;
margin-top: 8px;
margin-bottom: 14px;
}

.appli ul li{
height: 54px;
padding: 0 6px 0 18px;
margin: 0px;
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
background: linear-gradient(#fff, #f2f2f2);*/
border-top: 1px solid #EEE;
}

.appli ul li a{
display: block;
height: 54px;
margin: 0;
padding: 0 30px 0 0;
position: relative;
color: #666;
text-overflow: ellipsis;
text-decoration: none;
}

.appli a:after {
display: block;
content: "";
width: 0;
height: 0;
margin: -3px 0 0 0;
position: absolute;
top: 50%;
right: 15px;
border-top: 8px solid #999999;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.appli ul li img{
width: 44px;
height: 44px;
margin-top: 5px;
border:1px solid #DDD;
border-radius: 4px;
float: left;
}
.appli ul li a span{
color: #555;
font-size:13px;
font-weight: bold;
height:54px;
display:table-cell;
vertical-align:middle;
padding-left: 10px !important;
margin-bottom: 0;
}

#main .appli_menu_label{
    margin-top: 10px !important;
    font-weight: bold;
    margin-left: 10px;
    background:#FFF;font-size:15px;color: orange;margin-bottom:0px !important;border-radius: 0px;padding: 1px 6px;
    border-left: 4px solid orange;

/*       margin-top: 10px !important;
    font-weight: bold;
    background:#343434;font-size:15px;color: #FFF;margin-bottom:0px !important;border-radius: 0px;padding: 1px 6px;*/

}

#main .appli_menu_label2{
    margin-top: 10px !important;
    font-weight: bold;
    border-left:4px solid #797777;
    background:#EEE;font-size:15px;color: #555;margin-bottom:0px !important;border-radius: 0px;padding: 1px 6px;
}

/* アプリ広告用 */
.appli_ranking ul{
border-bottom: 1px solid #EEE; margin-top: 8px; margin-bottom: 14px;
}

.appli_ranking ul li{
min-height: 54px;
padding: 0 6px 0 18px;
margin: 0px;
/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
background: linear-gradient(#fff, #f2f2f2);*/
border-top: 1px solid #EEE;
padding: 6px 0;
}

.appli_ranking ul li a{
display: block;
min-height: 54px;
margin: 0;
padding-right: 6px;
position: relative;
color: #1681b2;
text-overflow: ellipsis;
text-decoration: none;
}


.appli_ranking .distribution{
    color:#999;font-size: 90%;
}

.appli_ranking ul li img{
width: 44px;
height: 44px;
margin-top: 5px;
border:1px solid #DDD;
border-radius: 4px;
float: left;
margin-right: 4px !important;

}
.appli_ranking ul li a .appli_ranking_main{
color: #1681b2;
font-size:13px;
font-weight: bold;
min-height:54px;
display:table-cell;
vertical-align:middle;
margin-bottom: 0;
padding-left: 6px !important;
line-height: 22px;
padding-top: 6px;
}

/**トップページ回収 ***/
.sptop_relative {
    position: relative;
    width: 100%;
}

.sptop_absolute {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(8, 8, 8, 0.52);
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px #ef1717;
    padding: 7px 15px 7px;
}

.sptop_absolute_mini {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(8, 8, 8, 0.22);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px #ef1717;
    padding: 2px 4px;
}

.sptop_red {
	text-shadow: 1px 1px #ef1717;
}

.sptop_blue {
	text-shadow: 1px 1px #00a9ea;
}

.sptop_green {
	text-shadow: 1px 1px #02cc2d;
}

.sptop_yellow {
	text-shadow: 1px 1px #fbff09;
}

#m_calendar{
   margin-left:10px;
   margin-right:10px;
}
#m_calendar .m_calendar_img
{
   width:30px !important;
   height:30px !important;
   margin-right:3px;
   margin-bottom:3px;
}
#m_calendar table th {
font-size: 13px;
}
#m_calendar .m_calendar_font
{
   border-top: 1px dashed #d6d6d6;
   margin-top: -10px;
   padding-top: 5px;
}

#m_calendar table tr td{
text-align:left !important;
font-size: 13px;
}

.header_info{
  padding: 5px 10px 10px 10px !important;
  margin: 5px 0 !important;
  border-radius: 4px !important;
  border: 1px solid #f4007b !important;
}

.header_info .sub_title {
  color: #f1007b !important;
  font-size: 12px !important;
  margin-top: 8px !important;
  margin-bottom: 5px!important;
  display: inline-block;
  font-weight: bold;
}

.header_info a {
  color: #0064aa !important;
  font-size: 12px !important;
  padding-bottom: 5px;
  text-decoration: none !important;
  font-weight: bold;
}

.header_info a:hover {
    -webkit-filter: opacity(0.7);
    filter: opacity(0.7);
}

.header_info a:before {
    content: "";
    display: inline-block;
    background-image: url(/wp-content/uploads/2018/08/arrow_right_128px_purpure.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 13px;
    height: 15px;
    margin-right: 3px;
}

a.linkbtn_orange {padding: 7px 34px 7px 19px; transition: all 300ms 0s ease;background-color: #fff; color:rgb(19, 135, 206) !important; border: 2px solid rgb(19, 135, 206); border-radius: 38px; text-align: center; font-size: 13px; font-weight: bold; text-decoration: none !important; display: block;	margin-top: 5px; margin-bottom: 10px;}
a.linkbtn_orange:hover{ background-color:rgb(19, 135, 206); text-decoration: none; color: #fff important; }

.type_Normal {
  background: #b1b1b1;
}
.type_Fighting {
  background: #e99a3f;
}
.type_Flying {
  background: #5e9fe2;
}
.type_Poison {
  background: #ba79c1;
}
.type_Ground {
  background: #c8a841;
}
.type_Rock {
  background: #b08754;
}
.type_Bug {
  background: #6cbe50;
}
.type_Ghost {
  background: #756eb4;
}
.type_Steel {
  background: #919191;
}
.type_Fire {
  background: #e4653f;
}
.type_Water {
  background: #50abda;
}
.type_Grass {
  background: #9ac30e;
}
.type_Electric {
  background: #e8c71a;
}
.type_Psychic {
  background: #e885b2;
}
.type_Ice {
  background: #53c4e5;
}
.type_Dragon {
  background: #6c81c8;
}
.type_Dark {
  background: #5a3c1e;
}
.type_Fairy {
  background: #e06cbb;
}

.type_pokemon {
  margin: 6px auto;
  display: inline-block;
  overflow: hidden;
  width: 80%;
  color: #fff !important;
  text-decoration: none  !important;
  border-radius: 3px;
  max-width: 80px;
}


/*配信カレンダー PC・スマホ両方*/
table.app_calender .cal_main{
    border-color: #e2e2e2; background: #fff; padding: 10px; width: 90%;
}

.cal_main dd.cal_main_content{
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}

 dl dd.cal_main_content:last-child{
    border-bottom: none;
}

table.app_calender .cal_date{
    background: #f8f8f8; border-color: #e2e2e2; font-size: 15px; font-weight: bold; vertical-align: top; padding: 10px; width:10%;
}

.saturday{color: #0a92c4;}
.saturday span{background-color: #0a92c4 !important; }
.sunday{color: #f14949;}
.sunday span{background-color: #f14949 !important; }

table.app_calender .cal_icon{display: table-cell; width: 60px; vertical-align: top;}
.cal_header{display: table-cell; padding-left: 12px; text-align: left;  }
.cal_header_title{font-weight: bold; vertical-align: top;}
.cal_header_title a{color: #1111cc; text-decoration: none;}
.cal_app_developer{float: left; font-size: 10px; margin-bottom: 10px;}
.cal_header_detail{clear: both;}

.app_footer{text-align: left;}

.app_tokuten{display: inline-block; border: 1px solid #b828e1; color: #b828e1; font-weight: bold; padding: 2px 4px; margin: 10px 0 4px 0;}

.os_icon{float: right; margin-top: -18px; margin-bottom: 10px;}

table.app_calender .cal_day_week{
display: block; color: #fff; font-size: 11px; background-color: #4a4a4a; border-radius: 12px; width: 22px; height: 22px; text-align: center; margin: 0 auto; line-height: 22px;
}
/* ここまで配信カレンダー */

/*レビュー記事*/
h3.review_h3_737433 {
background-color: #D3D3D3;
padding: 7px 10px;
border-radius: 3px;
text-shadow: -0.6px -0.6px 0 rgba(0,0,0,.1), 0.5px 0.5px 0 #fff;
line-height: 1.4em;
border:none;
}
div.review_hukidashi_737433 {
margin-bottom:30px;
}
div.review_hukidashi_737433 > img {
width: 110px;
display:block;
float:left;
}
div.review_hukidashi_737433 > div {
display:block;
float:left;
margin-left:10px;
font-size:12px;
width:59%;
}
div.review_hukidashi_737433 > div a {
color:#1681b2;
}
div.review_hukidashi_737433 > div span {
padding: 8px;
border: 1px solid #1681b2;
border-radius: 3px;
display: block;
font-size: 16px;
height: 15px;
color: #1681b2;
font-weight: bold;
vertical-align: middle;
min-height: 40px;
margin: 5px 0 0 12px;
position:relative;
}
div.review_hukidashi_737433 > div span:before{
border-right: 5px solid #1681b2;
left: -5px;
display: block;
position: absolute;
content: "";
width: 0;
height: 0;
top: 50%;
margin-top: -4px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 0 solid transparent;
box-sizing: border-box;
}
div.review_hukidashi_737433 > div span:after{
display: block;
position: absolute;
content: "";
width: 0;
height: 0;
top: 50%;
margin-top: -4px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 0 solid transparent;
left: -4px;
border-right: 5px solid #fff;
box-sizing: border-box;
}
.post-content table {
table-layout: auto;
}
.post-content h4.review_h4_737433 {
font-size: 18px !important;
border:none !important;
border-bottom: 4px #bbb solid !important;
padding: 7px 0 !important;
}
.rate {
  position: relative ;
  display: inline-block ;
  width: 80px ;
  height: 20px ;
  font-size: 16px;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 16px;
  line-height: 16px;
}
.rate:before {
  color: #ddd; /*星色*/
}
.rate:after {
  color: #ffa500;
  overflow: hidden;
  white-space: nowrap; /*重要*/
}
.rate00:after{width: 0;}
.rate05:after{width: 8px;}
.rate10:after{width: 16px;}
.rate15:after{width: 24px;}
.rate20:after{width: 32px;}
.rate25:after{width: 40px;}
.rate30:after{width: 48px;}
.rate35:after{width: 56px;}
.rate40:after{width: 64px;}
.rate45:after{width: 72px;}
.rate50:after{width: 80px;}

ul.review_point_737433{
margin-bottom: 20px;
padding:10px;
}
ul.review_point_737433 li{
padding-left: 22px;
line-height: 1.4em;
margin-bottom: 7px;
position:relative;
list-style-type:none;
text-decoration: underline;
font-size: 13px;
font-weight:bold;
}
ul.review_point_737433 li:before{
top:0;
position:absolute;
display:block;
content:"";
width:18px;
height:15px;
left:0;
top:50%;
margin-top:-8px;
background-image:url(/wp-content/themes/appmedia/images/check.png);
background-size:18px 15px;
}
div.review_box_737433 {
display: block;
border: 1px solid #e6e6e6;
border-radius: 5px;
margin-bottom: 16px;
padding: .5em .75em;
background-color: #f6f6f6;
}
div.review_box_737433 li{
border-bottom: 1px #ccc dashed;
padding: 10px 0 10.5px
}
div.review_box_737433 li:last-child{
border: none;
}
div.review_box_737433 li p:nth-of-type(1) {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
font-size: 14px;
font-weight: 700;
}
div.review_box_737433 li p:nth-of-type(1):before {
display: block;
content: "";
position: absolute;
left: 10px;
top: 50%;
height: 16px;
width: 17px;
margin: -9px 0 0 -9px;
background: url(/wp-content/themes/appmedia/images/comment_onitan.png) no-repeat;
}
div.review_box_737433 li.heart p:nth-of-type(1):before {
display: block;
content: "";
position: absolute;
left: 10px;
top: 50%;
height: 16px;
width: 17px;
margin: -9px 0 0 -9px;
background: url(/wp-content/themes/appmedia/images/comment_heart.png) no-repeat;
}
div.review_box_737433 li.smile p:nth-of-type(1):before {
display: block;
content: "";
position: absolute;
left: 10px;
top: 50%;
height: 16px;
width: 17px;
margin: -9px 0 0 -9px;
background: url(/wp-content/themes/appmedia/images/comment_smile.png) no-repeat;
}
div.review_box_737433 li p:nth-of-type(2) {
font-size: 12px;
margin-bottom: 0;
}
/*Twitter
#side > div:nth-of-type(4) {
	border: 1px #ddd solid !important;
}*/
/*ページTOP*/
.scroll-back-to-top-wrapper {
	background-color: #000000!important;
	border-top-left-radius: 4px!important;
	border-top-right-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
	border-bottom-left-radius: 4px!important;
}
.scroll-back-to-top-wrapper.show {
	opacity: .5!important;
}
.fa-arrow-circle-up:before {
	content: ""!important;
	background: url(/wp-content/themes/appmedia/images/icon_pagetop.png) no-repeat!important;
	background-size: 50px 50px!important;
	position: absolute!important;
	width: 50px!important;
	height: 50px!important;
	top: 0!important;
	left: 0!important;
	margin-top: -1px!important;
}

.no_margin p{
    margin-top:2px;margin-bottom:4px;
}

/* 効率的なリセマラ用のdiv 20170707 Y.Fujimoto 追加 */
div.risemara_method_box
{
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 10px 5px 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    background: #F3F3F3;
}

/* コメントID用スタイル 20170728 Y.Fujimoto 追加*/
.fn span
{
  color: rgb(102, 127, 146);
  font-weight: normal;
  font-size: 80%;
}
/* コメント管理者用スタイル 20170728 Y.Fujimoto 追加*/
.cm_kanri
{
    color: #ff9d00 !important;
}

#pc_header_menu {
  width: 1150px!important;
}
/* カテゴリー別グローバルメニュー (モンスト) */
.monst_category_pc_header #pc_header_menu li {
	width: 122px;
}
.monst_category_pc_header #pc_header_menu li a {
	color:#333;
}
.select_menu_monst {
	border-bottom: 2px #f0001a solid;
}

/* カテゴリー別グローバルメニュー (白猫) */
.sironeko_category_pc_header #pc_header_menu li {
	width: 137px;
}
.sironeko_category_pc_header #pc_header_menu li a {
	color:#ffde79;
}
.sironeko_menu_monst {
	border-bottom: 2px #f0001a solid;
}

/* カテゴリー別グローバルメニュー (パズドラ) */
.pazdora_category_pc_header #pc_header_menu li {
	width: 122px;
}
.pazdora_category_pc_header #pc_header_menu li a {
	color:#333;
}
.select_menu_pazdora {
	border-bottom: 2px #f02e59 solid;
}

/* カテゴリー別グローバルメニュー (カムライ) */
.kamurai_category_pc_header #pc_header_menu li {
	width: 122px;
}
.kamurai_category_pc_header #pc_header_menu li a {
	color:#333;
}
.select_menu_kamurai {
	border-bottom: 2px #f02e59 solid;
}
/* カテゴリー別グローバルメニュー (アトリエオンライン) */
.atelier-online_category_pc_header #pc_header_menu li {
	width: 122px;
}
.atelier-online_category_pc_header #pc_header_menu li a {
	color:#333;
}
.select_menu_atelier-online {
	border-bottom: 2px #40A5C2 solid;
}


/* 目次開閉メニュー */

.bg_index strong {
  padding: 0;
  display: block;
  text-align: left;
  padding-bottom: 3px;
  color: #3b575e;
}

.bg_index a{
  display: block;
  color: #1781b2;
  text-decoration: none;
  padding: 6px 0 2px;
  font-weight: 600;
}

.bg_index li:first-child {
  border-top: 1px dotted #b3cfd0;
}
.bg_index li:last-child {
    border: none;
}
.bg_index li {
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.7em !important;
  padding: 0px 10px 3px 3px !important;
  border-bottom: 1px dotted #b3cfd0;
  margin: 0;
}

@-moz-document url-prefix() {
	.bg_index a {
		display: inline;
		padding-left: 0;
	}
}

.bg_index a:first-letter{
	font-size: 13px;
}
.bg_index li{
	text-align: left !important;
	font-size: 13px !important;
	line-height: 1.7em !important;
	padding: 0 10px 3px 3px !important;
}

.bg_index li:first-child {
    padding: 0 10px 3px 3px !important;
}
.post-content .bg_index a:hover {
	text-decoration: none !important;
	opacity: 0.8;
}
.bg_index b {
    padding: 0;
    display: block;
    text-align: left;
}

/* コメントの注意書きスタイル追加 20171017 Y.Fujimoto Start */
.comment_attention_div {
    background: #fff;
    border: 4px double #ccc;
    padding: 5px;
    margin: 5px 5px 20px 5px;
}

.comment_attention li {
    color: #4a4a4a;
    font-size : 13px;
}

.comment_attention {
    margin-top: 10px;
    margin-bottom : 10px;
}

.com_attention_ban {
    font-size: 13px;
}
/* コメントの注意書きスタイル追加 20171017 Y.Fujimoto End */

#gacha_reset_button {
    border: none;
    background: #319b93;
    color: white;
    padding: 9px;
    margin-top: 9px;
    border-radius: 7px;
    font-size: 14px;
}

/*  20171117 blockquote装飾のみ ikemiya追加　*/
.enclose {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    padding: 15px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

header#header #header-in #logo {
  width: 124px;
  vertical-align: middle;
}
header#header #header-in #anniversary {
  width: 53px;
  vertical-align: middle;
}

header#header {
  background: #21282e !important;
  height: 58px;
}
.header_div a {
  margin-right: 12px;
}
.home header#header {
  margin-bottom: 12px;
}
header#header h1,
header#header p {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  color: #fff;
  margin: 8px 0 0;
}
header#header h1 span {
  vertical-align: middle;
  margin-left: 8px;
}
header#header #header-in img {
  width: 120px;
  vertical-align: middle;
}
header#header #header-in #header-social img {
  width: 25px;
}
header#header .box-search {
  border: none;
  width: 320px;
  margin: 9px 10px 0 0;
}
header#header #header-social {
  margin-top: 10px;
}
header#header #header-social li {
  text-align: center;
  margin: 0px 5px 0px 5px;
}
header#header #header-social li span {
  color: #9DACB9;
  font-size: 10px;
  display: block;
}
header#header .box-search input.s {
  background: url(/wp-content/themes/appmedia/images/top/new_top/icon_search.png);
  background-repeat: no-repeat;
  background-position: 4px;
  background-size: 16px;
}

.search_input_wrapper {
  border-radius: 3px 0px 0px 3px;
  background-color: rgb(255, 255, 255);
  padding: 4px 4px 5px 5px;
  display: inline-block;
  font-size: 13px;
}

.searchform_search_button {
  border-radius: 0 3px 3px 0;
  background-color: rgb(255, 101, 85);
  display: inline-block;
  padding: 6px 12px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: none;
  vertical-align: middle;
  margin-left: -6px;
  margin-top: 2px;
}
/* #pc_top {
  min-width: 1000px;
}
#pc_top #wrap-in {
  width: 100%;
  min-width: 540px;
  max-width: 1600px;
}
#pc_top .left_menu {
  width: 240px;
}
#pc_top #side {
  width: 240px;
}
#pc_top #main {
  width: 100%;
  float: none;
}
#pc_top h2.headline {
  background-size: 100% 100%;
  width: 460px;
  height: 120px;
} */
.archive h1 {
  color: rgb(17, 16, 17);
  margin: 10px 0 6px;
  font-size: 25px;
}

.cattop_timestamp dl {
  display: flex;
}

.cattop_timestamp dt {
  margin-right: 4px;
}

.archive .cattop_timestamp {
  margin: 5px 0 5px;
}

.archive .cattop_timestamp {
  color: rgb(102, 127, 146);
  font-size: 12px;
}
.archive .category_description {
  color: #3f5362;
  font-size: 11px;
}

.archive .cattop_timestamp {
  margin-bottom: 6px;
}

.archive .share_title {
  display: none;
}

#top_main {
  float: left;
  width: 60%;
  max-width: 960px;
}
#footer {
  background: #21282e;
  color: #fff;
}
#footer-nav li a {
  color: #fff;
}
.header_label img {
  width: 20px;
  height: auto;
}
.header_label .title {
  font-size: 16px;
}
#footer {
  background: #21282e;
  color: #fff;
}
.footer_logo {
  width: 140px;
}
.footer_social_ul li{
  display: inline-block;
  margin: 18px 0px 30px 0px;
}
.footer_social_ul li:first-child{
  margin-right: 50px;
}
.footer_social_ul li:last-child{
  margin-left: 50px;
}

.footer_social_ul {
    border-bottom: none !important;
}

#footer a {
  transition: all .5s ease;
}

#footer .footer_social_ul a:hover {
  text-decoration: none;
  opacity: .8;
}

#footer a:hover {
  text-decoration: none;
  color: #ff8039 !important;
}

.footer_social_ul .icon-icon_fb:before {
    color: #b9cfe2;
    font-size: 33px;
}

.footer_social_ul .icon-icon_twitter:before {
    color: #b9cfe2;
    font-size: 33px;
}

.footer_social_ul .icon-icon_comy:before {
    color: #b9cfe2;
    font-size: 33px;
}

#footer-nav {
  padding: 8px 0;
  border-top: 1px solid #464748;
  border-bottom: 1px solid #464748;
  margin-bottom: 32px!important;
}
.footer-navbody{
  margin-bottom: 36px;
}
.footer-navbody #footer-nav li a {
  color: #9DACB9;
}
#footer small.copy, #footer small.copy a {
  color: #9DACB9;
}

.post-content .small {
  font-size: 11px;
}

.post-content .very_small {
  font-size: 10px;
}

#side-l .top_to_article_button {
  display: none;
}

.top_link_btn {
  color: #1681b2 !important;
}

/* 新しいコメントのスタイル */
#comment {
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.8rem;
  box-shadow: none;
  border: 1px solid #d6deeb;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100px;
  resize: none;
  padding: 5px;
  -webkit-appearance: none;
  font-weight: normal;
  background-color: white;
}
#comments #submit {
  font-size: 16px;
  background: linear-gradient(45deg, #ffb839, #ff5a4b);
  color: #fff;
  padding: 14px;
  display: inline-block;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  border: none;
  transition: all 300ms ease;
}
#comments #submit:hover {
  opacity: .8;
  text-decoration: none;
}

#comments .cp_actab {
  margin-bottom: 10px;
}

#comments .cp_actab label {
  font-weight: bold;
  line-height: 2.5;
  position: relative;
  display: block;
  padding: 4px 0;
  cursor: pointer;
  margin: 0px 0px 10px 0;
  color: #E91E63;
  background: #fff;
  border: 1px solid #d6deeb;
  font-size: 0.8em;
  border-radius: 3px;
  text-align: center;
  transition: all 300ms ease;
}

#comments .cp_actab label:hover {
  background-color: #f4fafc;
}

.comment_guideline {
  font-weight: bold;
}

.button_delete_post {
  display: block;
  border: 1px solid #fe604a;
  border-radius: 4px;
  color: #fe604a;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-weight: bold;
  transition: all 300ms ease;
}

.button_delete_post:hover {
  background: #fe604a;
  color: #fff;
  border: 1px solid #fe604a;
}

#comments .icon-icon_alert:before {
  color: #E91E63;
  position: absolute;
  top: -2px;
  left: -22px;
  font-size: 19px;
}

#comments .cp_actab label:after {
  color: #849bae;
  font-family: "FontAwesome";
  content: " \f078";
  position: absolute;
  top: 3px;
  right: 5px;
  width: 2em;
  height: 3em;
}

#comments .cp_actab .cp_actab-content p {
  font-size: 13px;
}
#comments #reply-title {
  background-color: #38434b;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 0px -20px 20px -20px;
  text-align: left;
  padding: 10px 30px 10px 45px;
}

#comments .cp_actab .cp_actab-content {
  transition: all 300ms ease;
}

#comments .cp_actab .cp_actab-content > div {
  background: #fff;
  border: 4px double #d6deeb;
  padding: 5px;
  margin: 5px 5px 20px 5px;
}

#reply-title a {
  font-size: 14px;
  font-weight: bold;
  color: cadetblue;
  margin-right: 5px;
}

#reply-title a#cancel-comment-reply-link {
  color: cornflowerblue;
}

.comments-list .children div.comments_reply {
  outline: none;
  background: #FAFAFA;
  padding: 3px 10px;
  margin-bottom: 5px;
  color: #1576A9;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
  border-style: solid;
  border-width: 1px;
  border-color: #ecebeb;
}
.comments-list .children div.comments_reply i {
  float: right;
  margin-top: 3px;
  font-size: 20px;
}
.comments-list .children div.comments_reply.active:hover {
  -webkit-filter: opacity(0.8);
  filter: opacity(0.8);
}
.comments-list {
  padding: 0px;
}
.comments-list .comment-body {
  border-bottom: none;
}
.comments-list .comment-body p {
  margin: 10px 0px 10px 5px;
  font-size: 13px;
  line-height: 1.6em;
}
.comments-list .comment-body .comment-author.vcard {
  display: inline-block;
  width: 60%;
}
.comments-list .comment-body .fn {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-left: none;
  padding-left: 0px;
  font-size: 15px;
  font-style: normal;
  color: #777;
  font-weight: bold;
  margin-bottom: 0px;
}
.comments-list .comment-body .fn span {
  font-size: 10px;
}
.comments-list .comment-meta a {
  font-size: 12px;
  color: #c7c7c7;
}
.comments-list .comment-meta {
  display: inline-block;
  float: right;
}
.comments-list .comment-body .reply a {
  display: inline-block;
  border-radius: 4px !important;
  padding: 1px 4px !important;
  bottom: 3px;
  font-size: 12px;
  border: 1px solid #aab8c2;
  color: #aab8c2;
  background: #fff;
}
#comments .comments-list .ref_button {
  text-align: center;
  border-top: 1px solid #f3f3f3;
}
.comments-list .ref_link {
  color: #696969;
  font-size: 13px;
  text-decoration: underline;
}
.comment-form-author #author {
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.8rem;
  box-shadow: none;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 35px;
  resize: none;
  padding: 5px;
  -webkit-appearance: none;
  font-weight: normal;
  background-color: white;
}

/* 動画のスタイル統一用CSS 20181011 Ogi */
.su-youtube{
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto!important;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
}
.su-youtube:before{
    content:"";
    display: block;
    padding-top: 56.25%;
}
.fr-youtube{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 動画のスタイル統一用CSS 20181211 Ogi */
.bg_articlebox {
  background-color: #fffef8;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 1px 1px 1px 0 #dbd7d7;
  font-weight: bold;
}

.news_time {
  float: right;
  position: relative;
  right: 10px; top: 1px;
}

.news_tag_icon {
  display: inline-block;
  position: relative;
  top: 1px;
}

.news_tags_span {
  font-size: 10px;
  margin-right: 2px;
  color: #7d7d7d;
  font-weight: bold;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.news_top_content {
  display:table;
  padding: 8px 0;
  width: 100%;
}

.news_img_div {
  display: table-cell;
  width:60px;
  vertical-align: top;
}

.news_top_content .news_img_div img {
  background-size: cover;
  background-position: center;
  width: 140px;
  height: 90px;
  object-fit: cover;
}

.news_top_title {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

.post-main .newapp_c {
    padding: 20px 20px 20px 20px;
}

.news_footer_wrapper {
  font-size: 11px;
  color: #888;
}

/* ここからPC新着記事&人気記事ランキング 20190620 OTT */
/*タブのスタイル*/
.popular_and_new_articles_wrapper > .tab {
  position: relative ;
  width: calc(100%/2);
  height: 40px;
  border-bottom: 3px solid #1681b2;
  background-color: #d9d9d9;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

/*選択されているタブのスタイルを変える*/
.popular_and_new_articles_wrapper > .tab.active {
  background-color: #1681b2;
  color: #fff;
}

.popular_and_new_articles_wrapper > .show {
  display: block;
}

.popular_and_new_articles_wrapper > .hide {
  display: none;
}

.popular_and_new_articles_wrapper {
  margin-bottom: 10px;
  background-color: #FFF;
}

.popular_and_new_articles_wrapper ul {
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
}

.popular_and_new_articles_wrapper li {
  border-bottom: 1px solid #cfcfcf;
  padding: 7px 7px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.popular_and_new_articles_wrapper a {
  text-decoration: none !important;
  color: #1681b2 !important;
}

.popular_and_new_articles_wrapper .thumbnail_wrapper {
  position: relative;
  width: 90px;
  height: 45px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.popular_and_new_articles_wrapper .thumbnail_wrapper img {
  width: 100%;
}

.popular_and_new_articles_wrapper .rank_label {
  width: 20px;
  height: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
}

.popular_and_new_articles_wrapper .title {
  display: inline-block;
  width: 80%;
  padding-left: 10px;
  font-size: 13px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.popular_and_new_articles_wrapper .date {
  text-align: right;
  padding-right: 15px;
  font-size: 11px;
  color: #888;
}

.popular_and_new_articles_wrapper #more_show {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  padding: 8px;
  border-width: 0.5px;
  border-color: rgb(211, 224, 234);
  border-style: solid;
  box-shadow: 0px 0px 4.8px 0.2px rgba(110, 140, 145, 0.44);
  font-weight: bold;
  background-color: #f4a460;
}

.popular_and_new_articles_wrapper h2 {
  background-color: #38434b;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  padding: 10px 16px;
}


.post-content #same_tag_articles #more_show {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  padding: 8px;
  border: none;
  border-color: rgb(211, 224, 234);
  border-style: none;
  box-shadow: none;
  font-weight: bold;
  background-color: #f2f2f2;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  color: #1681b2;
}

.post-content #same_tag_articles #more_show:hover {
  opacity: .8;
}

/* 新目次用 */
.post-content nav.bg_index h2 {
  padding: 0 0 5px;
  display: block;
  text-align: left;
  margin: 0 auto;
  font-size: 14px;
  color: #292929;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
}

.post-content nav.bg_index h2:before {
  content: none;
}

.post-content nav.bg_index a {
  font-size: 13px;
}

/* 新サイドメニュー用 */
.left_menu_s li:nth-child(2) {
  border-top: 1px solid #ddd;
}

.nav_left_menu .game_right
{
  background: #38434b;
  color: #fff;
  padding: 7px 15px;
  font-size: 13px;
}

.nav_left_menu p.game_right_contents {
  font-size: 10px;
  color:#888;
  margin:10px;
  border: none;
}

#side .popular_and_new_articles_wrapper {
  width: 300px;
  margin-top: 0;
}

.popular_and_new_articles_wrapper{
  margin-top: 0;
}
.gcrecom_wrapper{
  margin-top: 8px;
}

/* PCTOPずれる対応 */
#main .news_list_img img,
#main .news_frame_img img {
  margin: 0 auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

/*カテゴリーTOP共通*/

.first-h2{
  background-color: #333 !important;
  color: #fff !important;
  width: 100% !important;
  font-weight: bold !important;
  font-size: 13px !important;
  text-align: left !important;
  vertical-align: 20% !important;
  padding: 7px 15px 7px !important;
}

.top_side_title {
  background-color: #38434b !important;
  color: #fff !important;
  width: 100% !important;
  font-weight: bold !important;
  font-size: 13px !important;
  text-align: left !important;
  vertical-align: 20% !important;
  padding: 7px 15px 7px !important;
}

/*----------------------------
カテゴリーTOPの最終更新日付の汎用スタイル
-----------------------------*/

.cattop_timestamp {
  padding-right: 20px;
  font-size: 11px;
  margin-bottom: 10px;
  margin: 5px 14px;
}

.pazudora .cattop_timestamp {
  padding-right: 20px;
  font-size: 11px;
  margin: 0px 8px 15px;
  color: #fff;
}

.magicami .cattop_timestamp {
  font-weight:bold;
}

.grasma_post .cattop_timestamp {
  color: #fff;
}

.joker_post .cattop_timestamp {
  color: #fff;
}
.appmedia_game_list_box {
  color: #9DACB9;
}
.appmedia_game_list_box .header_label {
  text-align: left;
  font-size: 13px;
  margin-bottom: 6px;
}
.appmedia_game_list_box ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  text-align: left;
}
.appmedia_game_list_box ul li {
  width:25%;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 1.4em;
  font-size: 12px;
  line-height: 1.4em;
  padding-right: 14px;
}
.appmedia_game_list_box ul li a {
  color: #9DACB9!important;
}
.appmedia_game_list {
  width: 80%;
  margin: 0 auto;
  padding-left: 44px;
}
.appmedia_game_list_box .header_label {
  text-align: left;
  color: #9DACB9!important;
  font-size: 13px;
}
#footer-in .header_label {
  background-color: transparent;
}

@charset "UTF-8";

#footer {
  background: #21282e;
  padding-bottom: 100px;
}

#header{border-bottom: none}
header#header{background:#fff;}

#new_pc_header{
    display: table;background-image: url('../images/top/eyecatch_bg.png');background-repeat: repeat-x;height:180px; width:100%;
}
.pc_side_header{display: table-cell;position: relative}
#new_pc_header .appicon{position: absolute;}
#new_pc_header .appicon img{width:48px;height:48px;transition: background-color 0.5s;border-radius:8px;}
#new_pc_header .appicon img:hover{width:54px;height: 54px;transition: background-color 2.0s;}

.header-menu-ul {background-color: #fff;display: table;table-layout: fixed;text-align: center;width: 100%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.header-menu-ul li {display: table-cell;vertical-align: middle;border-right: 1px solid #ddd;}
.header-menu-ul li:last-child{border-right: none;}
.header-menu-ul li img{max-width:40px;}
.header-menu-ul li a {color: #333;display: block;font-size: 12px;text-decoration: none;padding: 6px 0 4px 0;}
.header-menu-ul .navi_label{display: block;font-size: 9px;color:#777;font-weight:bold;}

.side-title{text-align:left;}
.top_side_title { background: #FFF; color: #333;}
#side-l .new_top_side {background: #FFF;border: 1px solid #ddd;margin-top:10px;}
#side-l .new_top_side ul{background: #fff;}
#side-l .new_top_side li{box-shadow: none;border-top:1px solid #ddd;}

#side-l .new_top_side li:hover {
  background: #f4f8fb;
}

#side-l .new_top_side li a:hover{text-decoration: none;color:#fff !important}
#side-l .new_top_side a{display:table;padding: 10px 8px;white-space: normal;}
#side-l .new_top_side .top_img{display:table-cell;vertical-align: middle;}
#side-l .new_top_side .top_title{display:table-cell;vertical-align: middle;padding-left: 8px;color:#1681b2; width:100%; }
#side-l .cal_date{display:none;}

.new_thumb{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}
.appmedia_info{margin-top:50px;padding:6px;}
.top_search{}

.top_search dl.search2{
    position:relative;
    padding:10px;
}
.top_search dl.search2 dt{

    background-color:#fff;
    border:1px solid #fff;
    border-radius: 4px;
    padding-right:34px;
}
.top_search dl.search2 dt input{
    width:100%;
    height:32px;
    line-height:24px;
    background:none;
    border:none;
    padding:0 6px;
    font-size: 14px;
}
dl.search2 dd{
    position:absolute;
    top:0;
    right:0;
}
.top_search dl.search2 dd button{
    display:block;
    width:34px;
    margin:10px;
    height:34px;
    color:#fff;
    line-height:32px;
    text-align:center;
    background-color:#333;
    border: none;
    border-radius: 0 4px 4px 0;
}
.top_link_btn{
    text-decoration:none !important;display:block;color:#999 !important;text-align: center; font-size: 13px; font-weight: bold;border-radius: 4px;margin:8px 0;
}

.post-content a.top_link_btn {
    color: rgb(27, 149, 224) !important;
}

.header_label img{
    height:20px;margin-right: 2px;vertical-align: middle;margin-bottom: 2px;
}
.header_label .title{
    font-size:18px; display: inline-block; padding:9px;
}

.header_label .date{
    float:right; font-size:12px; display: inline-block; padding: 13px; color:#666;
}

.table-ul {
    background-color: #fff;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    border-top: 1px solid #ddd;
}

.table-ul li {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ddd;
}

.table-ul li:last-child{
    border-right: none;
}

.table-ul label {
    display: inline-block;
    text-align: center;
    min-width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    padding: 14px 0;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
}

.table-ul label#top_label_1{background:#fff;}

.table-ul label#top_label_2{background:#f0f0f0;}

.news_main input[type="radio"] {display: none;}

.news_main .tab-box {
    width: 100%;
    background:#fff;
    padding: 10px 10px 6px 10px;
    box-sizing: border-box;
}


.top_main_contents{padding: 10px;}

#ranking_list ol{padding:0;list-style: none;counter-reset: number;}
#ranking_list li{padding:8px 0;border-bottom: 1px solid #ddd;}
#ranking_list li a{display: block;padding-left:40px;min-height: 40px;font-size: 14px;font-weight: normal; padding:8px 0;}
#ranking_list li.sga-ranking-list:before{
    display: inline-block;
    content:"";
    width:24px;text-align: center;
    height: 24px;
    line-height: 24px;
    float: left;
    background-size: 28px;
    margin-right: 6px;
    background-repeat: no-repeat;
    margin-top:8px;
}

#ranking_list li:last-child{border: none;}

li.sga-ranking-list:before{
    counter-increment: number; /* 任意の名前を付けて！ */
    content: counter(number)  !important;
    font-size: 11px;
    font-weight: bold;
    border-radius: 20px;
    background: #eee;
    margin-left:6px;
}

#ranking_list .sga-ranking-list-1:before{
    content:"" !important;border-radius: 0px;margin-left:4px;
    background: #fff;width:30px !important;height:30px !important;margin-top:4px !important;
    background-image: url(/wp-content/themes/appmedia/images/top/icon/icon_ranking_01.png);
}
#ranking_list .sga-ranking-list-2:before{
    content:"" !important;border-radius: 0px;margin-left:4px;
    background: #fff;width:30px !important;height:30px !important;margin-top:4px !important;
    background-image: url(/wp-content/themes/appmedia/images/top/icon/icon_ranking_02.png);
}
#ranking_list .sga-ranking-list-3:before{
    content:"" !important;border-radius: 0px;margin-left:4px;
    background: #fff;width:30px !important;height:30px !important;margin-top:4px !important;
    background-image: url(/wp-content/themes/appmedia/images/top/icon/icon_ranking_03.png);
}
#ranking_list .sga-ranking-list-4:before{
    content:"" !important;border-radius: 0px;margin-left:4px;
    background: #fff;width:30px !important;height:30px !important;margin-top:4px !important;
    background-image: url(/wp-content/themes/appmedia/images/top/icon/icon_ranking_04.png);
}
#ranking_list .sga-ranking-list-5:before{
    content:"" !important;border-radius: 0px;margin-left:4px;
    background: #fff;width:30px !important;height:30px !important;margin-top:4px !important;
    background-image: url(/wp-content/themes/appmedia/images/top/icon/icon_ranking_05.png);
}

/*配信カレンダー PC・スマホ両方*/
table.app_calender .cal_main{
    border-color: #e2e2e2; background: #fff; padding: 8px 5px 8px 5px; width: 90%;  word-break: break-all;
}

.cal_main dd.cal_main_content{
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}

dl dd.cal_main_content:last-child{
    border-bottom: none;
}

/*最新ニュース*/
#tabView1 .list li.entry{
    border:none; border-bottom:1px solid #ddd;
}

.news_main_box{
    display:table;padding: 8px;width: 100%;
}
.news_img{
    display: table-cell;width:90px; height:90px;vertical-align: middle; overflow: hidden;position: relative;border-radius:4px;
}
.news_content{
    display:table-cell;vertical-align: middle; padding-left: 10px;font-size:14px; line-height: 20px;
}

table.app_calender .cal_date{
    background: #f8f8f8; border-color: #e2e2e2; font-size: 15px; font-weight: bold; vertical-align: top; padding: 10px; width:15%; padding:6px 0 !important; font-size:13px;min-width: 55px;
}

.saturday{color: #0a92c4;}
.saturday span{background-color: #0a92c4 !important; }
.sunday{color: #f14949;}
.sunday span{background-color: #f14949 !important; }

table.app_calender .cal_icon{display: table-cell; width: 52px; vertical-align: top;}
table.app_calender .cal_icon img{max-width: 52px !important;}
.cal_header{display: table-cell; padding-left: 12px; text-align: left; width: 100%}
.cal_header_title{font-weight: bold; vertical-align: top;}
.cal_header_title a{color: #1111cc; text-decoration: none;}
.cal_app_developer{float: left; font-size: 10px; margin-bottom: 2px;}
.cal_header_detail{clear: both;}


.app_footer{text-align: left; margin-top: 6px;}

/*.app_tokuten{display: inline-block; border: 1px solid #b828e1; color: #b828e1; font-weight: bold; padding: 2px 4px; margin: 10px 0 4px 0;}*/

.app_tokuten {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
    min-width: 95px;
    /* max-width: 100px; */
    background: #fffdfa;
    margin-top: 3px;
    display: inline-block;
    margin-right: 10px;
}

.app_tokuten a {
    color: #777;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.os_icon{float: right; margin-top: -2px; margin-bottom: 10px;}

table.app_calender .cal_day_week{
    display: block; color: #fff; font-size: 11px; background-color: #4a4a4a; border-radius: 12px; width: 22px; height: 22px; text-align: center; margin: 0 auto; line-height: 22px;
}

.cal_parent_div {
    display: table;
    width: 100%;
    padding: 8px 5px 8px 5px;
}

.cal_parent_div .cal_div_header{
    display: table-cell;
    float: left;
    padding-top: 5px;
}

.cal_parent_div .cal_div_header img{
    width: 52px;
}

.cal_parent_div .cal_div_footer{
    display: table-cell;
    float: left;
    vertical-align: middle;
    padding-left: 15px;
    text-align: left;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 175px;
}

.cal_parent_div .cal_div_footer a{
    color: #1681b2;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.cal_parent_div .cal_div_footer p{
    font-size: 10px;
    margin-bottom: 0px;
}

.cal_header_detail {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
    min-width: 95px;
    background: #fffdfa;
    display: inline-block;
    margin-top: 3px;
    margin-right: 10px;
}

.cal_header_detail a.community_link {
    color: #777;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.cal_parent_div .cal_header_detail a.community_link {
    color: #777;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.cal_header_detail a img {
    width: 16px;
}

.cal_parent_div .cal_pc_disp{
    width: 80%;
}

.app_tokuten img {
    width: 16px;
}

.appli_ranking .distribution{font-weight: normal;}