html {
	font-family: "MS Pゴシック",sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* ---------- 共通パーツ Start ---------- */

a {
	position: relative;
	color: #4773BA;
	word-break: break-all;
}

a.download {
	text-decoration: none;
	color: #FFF;
}

h1.post {
    display: none;
}

h3 {
	font-size: 15px;
	font-weight: 600;
	color: #494949;
	text-align: left;
	margin-bottom: 6px;
}

h4 {
	position: relative;
	margin: 6px 0 -6px -8px;
	font-size: 14px;
}

img.banner {
	width: 100%;
}

p.time_post {
    padding: 4px 4px 0 12px;
}

span.pr {
	text-align: right;
	font-size: 10.5px;
	display: inline-block;
	margin-right: 8px;
	background-color: #555;
	color: #FFF;
	padding: 0.5px 6px;
	border-radius: 4px;
	margin-top: 4px;
    margin-bottom: 8px;
}

p.pr {
	text-align: right;
    margin: -34px 0 0 0;
}

div.header_container {
    text-align: left;
    margin-left: 16px;
    padding: 0 0 4px 0;
    display: block;
    width: auto;
}

/* ---------- 共通パーツ End ---------- */

/* ---------- FVサマリエリア Start ---------- */

div.fv_summary_section {
	background-color: #FFF;
	padding: 0;
    margin-top: 6px;
}

.editor_section {
	background-color: #f5f0f0;
	margin: 4px 16px 8px;
	padding: 12px;
	font-size: 11px;
	border-radius: 16px;
	min-height: 92px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.editor_label {
	width: 34px;
    position: relative;
    background: #333;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    padding: 1px 6px;
    border-top-left-radius: 18px;
    letter-spacing: 0.05em;
    margin-left: 16px;
	margin-bottom: -18.5px;
    text-align: center;
}

.editor_left {
  width: 70px;
  text-align: center;
  flex-shrink: 0;
}

.editor_icon {
  display: block;
  width: 70px;
  border-radius: 50%;
  margin: 0 auto 4px;
}

.editor_caption {
  font-size: 8px;
  line-height: 1.4;
}

.editor_text {
  line-height: 1.6;
  font-size: 12px;
}

.editor_em {
  color: red;
  font-weight: 600;
}


div.fv_summary_top3 {
	background-color: #FFF;
    padding: 10px 0px;
    margin: 0 16px;
    border-bottom: 1px solid #DCDCDC;
	min-height: 80px;
}

.fv_h3 {
    position: relative;
    border-radius: 12px;
    background-color: #B9F8AA;
    color: #333;
    font-size: 13px;
    padding: 8px;
    text-align: center;
    margin: 0 0 20px 0;
}

.fv_h3:before {
    position: absolute;
    top: 100%;
    left: 22px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #B9F8AA;
    border-width: 16px;
    content: "";
}

h2.fv_summary_top3_h2 {
	width: 58%;
	margin-top: 10px;
	padding-left: 42px;
	text-decoration: none;
	font-size: 16px;
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.fv_summary_top3_h3 {
	font-size: 11px;
	margin: 5px 0 0 88px;
	width: 60%;
	color: #666;
}

div.supported_device {
	background-color: #bdffa2;
	padding: 2px 8px;
	font-size: 10px;
	display: inline-block;
	border-radius: 8px;
}

div.cta_fv_mini {
	font-size: 12px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	padding: 8px 14px;
	float: right;
    margin-top: -27px;
	text-decoration: none;
	position: relative;
	background: #ff2727;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 16px rgb(0 0 0 / 30%);
}

.cta_fv_mini:hover {
    text-decoration: none;
    color: #fff;
}
.cta_fv_mini::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
}
@-webkit-keyframes cta_fv_mini {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

img.banner_main, video.video_main {
	width: 100%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border-radius: 8px;
	margin: 0 0 6px 0;
}

div.fv_summary_point {
	border-radius: 8px;
	padding: 4px 8px 2px 8px;
	background-color: #FDF3CA;
	border: 2px solid #F17806;
	margin: 10px 0 16px 0;
}

div.fv_summary_point p {
	line-height: 1.4 !important;
    font-weight: 600;
    font-size: 13px !important;
}

/* ---------- FVサマリエリア End ---------- */

/* ---------- 検索エリア Start ---------- */
.search_section {
	margin: 0 16px -8px 16px;	
	text-align: left;
	display: inline-block;
}

.search_section table {
    font-size: 11px;
    table-layout: fixed;
    width: 100%;
    margin: 8px auto;
    border-spacing: 10px;
    background-color: #FFF9F1;
    border-radius: 8px;
	border: 1px solid #D9D9D9;
}

.search_section th {
    font-weight: 600;
    font-size: 12px;
}

.search_section th span {
    color: #EFA1A5;
    margin-right: 8px;
}

.search_section td {
    border-radius: 8px;
    border: none;
	padding: 0;
}

.search_section label span {
    display: inline-block;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #FFF;
    width: 94%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
	border: 0.5px solid #D9D9D9;
}

.search_section label input[type="checkbox"] {
    display: none;
}

.search_section label input[type="checkbox"]:checked + span {
    background-color: #bdffa2;
}

.search_section label {
    font-size: 12px;
}

.search_section button {
    border: none;
    font-size: 14px;
    display: block;
    border-radius: 8px;
    text-align: left;
    background-color: #62a547;
    margin: 0 auto 4px auto;
    padding: 12px 68px 10px 68px;
    width: 96%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 4px;
	color: #FFF;
}

span.search_items {
	margin: 4px;
	background-color: #bdffa2;
	display: inline-block;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    border: 0.5px solid #D9D9D9;
}

.search_section label span {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 6px;
}

.search_section label span::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 2px;
    margin-right: 6px;
    flex-shrink: 0;
}

.search_section label input:checked + span::before {
    content: '✓';
    color: #fff;
    background-color: #777;
    border-color: #777;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
}
/* ---------- 検索エリア End ---------- */

/* ---------- ランキングエリア Start ---------- */

.ranking_section {
	display: inline-block;
	padding: 8px 0;
}

.content_ranking {
    margin: 0 8px;
	padding: 24px 16px 16px 16px;
    border-radius: 16px;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
	background-color: #FFF;
}

.item { 
	position: relative;
	height: 0; 
}

.rank_place{
  position: absolute;
  left: -10px;
  top: -12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FF9933;
  font-size: 17px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  z-index: 99;
}

/* 1位だけ */
.item.rank-1 .rank_place{
	background: linear-gradient(
		45deg,
		#B67B03 0%,
		#DAAF08 45%,
		#FEE9A0 70%,
		#DAAF08 85%,
		#B67B03 100%
	);
}

/* 2位だけ */
.item.rank-2 .rank_place{
	background: linear-gradient(
		45deg, 
		#757575 0%, 
		#9E9E9E 45%, 
		#E8E8E8 70%, 
		#9E9E9E 85%, 
		#757575 90% 100%
	);
}

/* 3位だけ */
.item.rank-3 .rank_place{
	background: linear-gradient(
		45deg, 
		#815a2b 0%, 
		#815a2b 45%, 
		#CC6600 70%, 
		#993300 85%, 
		#815a2b 90% 100%
	);
}

div.tag {
	font-size: 10.5px;
	margin: -2px 0 8px 78px;
	color: #333;
}

div.grad-wrap {
	min-height: 160px;
	margin-top: -4px;
	font-size: 14px;
}

.cta_1 {
	font-size: 17px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding: 14px 0;
	text-decoration: none;
	position: relative;
	background: #ff2727;
	border-radius: 40px;
	overflow: hidden;
	margin-bottom: 18px;
}

.cta_1_upper {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

.cta_1:hover {
    text-decoration: none;
    color: #fff;
}
.cta_1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: cta 3s ease-in-out infinite;
}

@-webkit-keyframes cta {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.cta_os_text {
    font-size: 12px;
}

img.wp_img_bottom {
	width: 100%;
	margin-bottom: 16px;
	max-width: 600px;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
	border-radius: 8px;
}

div.review_game {
    padding: 8px 8px 0 8px;
    border-bottom: 2px dotted #FBE7BA;
}

img.review_icon {
	display: block;
    width: 30px;
    float: left;
	margin-top: 6px;
    margin-right: 8px;
}

.review_h4 {
	display: inline-block;
	margin-left: 37px;
}

/* ---------- ランキングエリア End ---------- */

/* アニメーションの設定 */
.cta_1, .cta_mini2, .cta_fv_mini {
  animation: cta_1 2.5s infinite;
}

@keyframes cta_1 {
  0%, 16%, 32%, 100% {
    box-shadow: 0 3px 0 #b31d1d;
    top: 0;
  }
  8%, 24% {
    box-shadow: 0 0 0 #b31d1d;
    top: 3px;
  }
}

div.search {
  background-color: #FFF !important;
}

li.target:before {
    left: 12px;
    top: 32px;
}

img.wp_img_icon_label_main {
    left: 8px;
    top: 26px;
    z-index: 999;
}

span.tag {
    background-color: #DCFFFC;
}

span.app_star {
    margin: -2px 0 0 0;
}

span.rank_place {
    z-index: 999;
    font-weight: 600;
    font-size: 14px;
    width: 30px;
    text-align: center;
    display: block;
    position: relative;
}

span.app_star {
    font-size: 18.5px;
}

.wrapper_game {
	background-color: #f6fff3;
    border-radius: 24px;
    padding: 8px 12px 0 12px;
}

.review_h4 {
    padding-left: 0;
}

span.star {
    color: #ffb800;
    font-size: 14px;
}

.banner_ranking_top {
    background-color: transparent;
    margin: 0 -16px -24px -16px;
}

img.rank {
    width: 44px;
    height: 44px;
    margin: -8px 0 -16px -10px;
}

img.wp_img_icon_matome_top {
    width: 64px;
    height: 64px;
}

div.content_ranking_matome {
    background-color: #FFF;
    padding: 16px 16px 0 16px;
    border: 1px solid #F882A7;
    margin: 16px;
    border-radius: 32px;
}

li.target_matome_top {
    padding-bottom: 0;
}

p.time_post {
    margin-bottom: 0px;
}

h2.matome_top {
    white-space: break-spaces;
}

@media screen and (min-width: 744px) {
.banner_ranking_top {
  margin: 0 0 -24px 0;
}
}

@keyframes scalePulse {
    0% {
        transform: scale(1) rotate(345deg);
    }
    50% {
        transform: scale(0.8) rotate(345deg); /* 50%の時点でサイズを90%に縮小 */
    }
    100% {
        transform: scale(1.1) rotate(345deg); /* 最後は元のサイズに戻す */
    }
}

img.fv_label_oukan {
    width: 20px;
    height: 20px;
    margin: 0 2px -16px -6px;
    float: left;
    display: block;
    transform: scale(1);
    animation: scalePulse 0.7s infinite alternate;
}

li.fv_top3 {
	background-color: #FFF1F1;
	border-bottom: 1px solid #C3C3C3;
}

/* -----コラム記事一覧----- */
.column_list_page h1 {
	margin-bottom: 0;
	padding-bottom: 8px;
}

.column_list_page ul {
	background-color: #FFF;
	margin-top: 0;
	padding: 0 16px;
}

.column_list_page li {
	border-bottom: 1px solid #DCDCDC;
	padding: 8px 0;
	text-align: left;
	min-height: 80px;
	font-size: 14px;
}

.post-thumbnail {
    width: 80px; /* 正方形の幅 */
    height: 80px; /* 正方形の高さ */
    object-fit: cover; /* 中心を基準にトリミング */
    border-radius: 5px; /* 必要に応じて角丸にする */
	float: left;
	margin-right: 8px;
}

/* -----コラム記事詳細----- */
.article-thumbnail {
	background-color: #FFF;
}

.article-thumbnail img {
	width: 100%;
	height: auto;
}

.column-description {
	background-color: #FFF;
	padding: 0 16px 16px 16px;
	text-align: left;
	color: #828181;
	font-size: 13.5px;
}

.column {
	background-color: #FFF;
	padding: 0 16px 16px 16px;
}

.column h2 {
	color: #333;
	text-decoration: none;
	border-bottom: 3px solid #ff914d;
	font-size: 18px;
}

.column h3 {
	border-left: 3px solid #f8c7a8;
	padding-left: 8px;
}

.column ol {
	padding: 16px 24px 16px 32px;
	font-size: 14px;
	background-color: #f4f3f3;
}

.column li {
	list-style: disc;
}

.column img {
	width: 100% !important;
	margin-top: 0 !important;
	padding-left: 0 !important;
}

.toc {
	text-align: left;
	padding: 0 16px 8px 16px;
	background-color: #FFF;
}

.toc-title {
	color: #333;
	background-color: #f4f3f3;
	padding: 8px 16px;
	font-size: 15px;
	text-decoration: none;
}

ol.toc-list {
	background-color: #f4f3f3;
	margin-top: 0;
	padding-bottom: 16px;
}

ol.toc-list li {
	list-style: disc;
	font-size: 13.5px;
}

/* -----LP----- */

.column_list {
	text-align: right;
	font-size: 13px;
	margin: 8px 8px 0 0;
}

span.official_link {
	font-size: 13px;
	text-align: right;
	display: block;
	margin-top: -4px;
	margin-bottom: 8px;
}

span.official_link a {
	color: #4773BA
}

span.eighteen_bottom {
	font-size: 9px;
    margin: 8px 0 -12px 8px;
    font-weight: 300;
    position: absolute;
    width: 22px;
}

span.eighteen {
	color: #777;
	font-size: 9px;
	display: inline-block;
	font-weight: 300;
	margin-left: 6px;
	margin-top: 6px;
	position: absolute;
	border: 0.7px solid #AAA;
	border-radius: 4px;
	padding: 1px 4px;
}

span.eighteen_title {
	color: #777;
	font-size: 9px;
	display: inline-block;
	font-weight: 300;
	margin: 12px 8px 0 -2px;
	float: left;
	border: 0.7px solid #AAA;
	border-radius: 4px;
	padding: 1px 4px;
}

#backToTop {
    position: fixed;
    bottom: 10px;
    right: 8px;
    display: none; /* 最初は隠す */
    z-index: 1000; /* 他の要素より前面に表示 */
    font-size: 12px;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

img.backtotop {
	width: 40px;
    height: 40px;
}

.mokuteki {
	padding: 8px 0 32px 0;
	z-index: 0;
	margin-bottom: -16px;
}

table.mokuteki_koikatsu {
	margin: 16px auto 0 auto;
	background-color: #EBF0FF;
}

table.mokuteki_konkatsu {
	margin: 16px auto 0 auto;
	background-color: #FFF1F4;
}

table.mokuteki_koikatsu td {
	width: 140px;
	height: 22px;
	border: none;
	text-align: center;
}

table.mokuteki_konkatsu td {
	width: 140px;
	height: 22px;
	border: none;
	text-align: center;
}

a.mokuteki_title {
	color: #022D8C;
	font-size: 14px;
}

table.mokuteki_koikatsu img {
	width: 100px;
	height: auto;
	margin: 0 auto;
}

table.mokuteki_konkatsu img {
	width: 100px;
	height: auto;
	margin: 0 auto;
}

.mokuteki_koikatsu {
	margin: 16px 16px 0 16px;
	background-color: #EBF0FF;
}

.mokuteki_konkatsu {
	margin: 16px 16px 0 16px;
	background-color: #FFF1F4;
}

.overlay-image {
  position: fixed;
  right: 10px; /* 右から10pxの位置 */
  bottom: 10px; /* 下から10pxの位置 */
  z-index: 1000; /* 他の要素より前面に表示 */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* 影を追加 */
}


.overlay-image img {
  width: 100px;
}

.tinder_videobox {
    margin: auto;
    text-align: center;
    margin-bottom: -10px;
    margin-top: -7px;
}

span.tinder_videobox {
    margin: auto;
    text-align: center;
    margin-top: 8px;
    display: block;
}

.ranking_column {
	font-size: 14px;
}

.ranking_bottom {
	background-color: #FFF;
	margin: 0 -16px 16px -16px;
	padding: 4px 0;
}

.ranking_bottom img {
	width: 100%;
}

div.hikaku_jump {
	background-color: #3399FF;
	padding: 2px 4px;
	font-size: 8px;
	border-radius: 20px;
	color: #FFF;
	line-height: 1.2;
}

div.select_hikaku {
	overflow-x: auto;
	text-align: center;
	margin: 0 8px 19px 8px;
}

div.select_hikaku {
	overflow-x: auto;
	text-align: center;
	margin: 8px 8px 19px 8px;
}

th.select_hikaku_sticky {
	position: sticky;
  left: 0;
}

td.select_hikaku_sticky {
	position: sticky;
  left: 0;
	z-index: 999;
	background-color: #FFF;
}

table.select_hikaku {
	border-collapse: collapse !important;
  width: 100%;
  table-layout: fixed;
}

table.select_hikaku th,td {
	width: 70px !important;
}

table.select_hikaku th {
	background-color: #FF948A;
	color: #fff;
	width: 100px;
	padding: 8px 0;
	font-size: 12px;
}

table.select_hikaku td {
	height: 64px;
	font-size: 12px;
	color: #333;
}

td.select_hikaku_review {
	font-size: 26px !important;
	color: #A6A6A6;
}

table.select_hikaku_2 {
	border-collapse: collapse !important;
  width: 100%;
  table-layout: fixed;
}

table.select_hikaku_2 th {
	background-color: #c78f90;
	color: #fff;
	width: 100px;
	padding: 8px 0;
}

table.select_hikaku_2 td {
	height: 128px;
}

img.select_hikaku {
	width: 80px;
	height: auto;
}

img.select_hikaku_point {
	width: 40px !important;
	height: auto;
	margin: 4px auto 0 auto;
}

.select_product_name_aga {
	font-size: 11px;
	display: block;
}

.search-results-count {
	background-color: #FFF;
    margin-right: 8px;
}

.search-results-count p {
	text-align: right !important;
	color: #4689FF !important;
}

.app_info {
	min-height: 82px;
}

.header_white {
    background-color: #FFF;
    width: 100%;
    height: 58px;
    margin: -12px 0 -6px 0;
    padding: 8px 0;
}

button.goBackButton {
	border: none;
    background-color: transparent;
    color: #0D99FF;
    margin: 24px auto auto 16px;
    font-size: 13px;
    font-weight: 300;
    float: left;
}

img.wp_img_icon_label {
    width: 40px;
    position: relative;
    left: -101px;
    top: -14px;
    display: block;
    z-index: 999;
    margin-bottom: -40px;
}

.wp_img_icon_label {
    transform: scale(1); /* アニメーション開始時のサイズ */
    animation: scalePulse 0.7s infinite alternate; /* アニメーションの適用 */
}

@keyframes scalePulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8); /* 50%の時点でサイズを90%に縮小 */
    }
    100% {
        transform: scale(1.1); /* 最後は元のサイズに戻す */
    }
}

img.wp_img_icon_label_main {
	width: 40px;
	position: absolute;
	left: 62px;
	top: 4px;
}

.wp_img_icon_label_main {
    transform: scale(1); /* アニメーション開始時のサイズ */
    animation: scalePulse 0.7s infinite alternate; /* アニメーションの適用 */
}

@keyframes scalePulse {
    0% {
        transform: scale(1) rotate(340deg);
    }
    50% {
        transform: scale(0.8) rotate(340deg);
    }
    100% {
        transform: scale(1.1) rotate(340deg);
    }
}

div.happymail_videobox {
margin: 56px;
text-align: center;
margin-bottom: 16px;
margin-top: 0;
}

span.happymail_videobox {
margin: 56px;
text-align: center;
margin-bottom: 16px;
margin-top: 8px;
display: block;
}

.cx-video-0 {
	width: 100%;
	height: auto;
}

.cx-video-1 {
	width: 100%;
	height: auto;
}

.cx-video-3 {
	width: 100%;
	height: auto;
}

div.smart_img {
margin: 16px;
padding-bottom: 16px;
}

img.select_top_banner {
margin-bottom: -16px;
width: 100% !important;
max-width: 830px;
margin-top: -4px;
}

img.select_top_banner_2 {
margin-bottom: -16px;
width: 100% !important;
max-width: 830px;
padding-top: 8px;
margin-top: -8px;
}

div.appstore_cta {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: 16px;
}

div.appstore_cta img {
	width: 48%;
}

div.combination_1_2 {
	height: 248px;
	margin: 16px -16px 12px -16px;
	padding: 16px 0;
	text-align: center;
	background-color: #FFF;
}

table.combination_1_2 {
	width: 168px;
	border-collapse: collapse;
	top: -180px;
	position: relative;
  display: inline-table;
}

table.combination_1_2 td {
	border: none;
  margin-bottom: -12px;
}

img.combination_1_2 {
	width: 336px;
  display: block;
  text-align: center;
  margin: 0 auto;
}

table.combination_1_2 img {
	width: 68px;
	border-radius: 14px;
}

table.combination_1_2 h2 {
	font-size: 12px;
    margin-top: -10px;
    margin-bottom: 8px;
}

table.combination_1_2 h3 {
	font-size: 10px;
  padding: 0 20px 0 28px;
}

span.tag {
	display: inline-block;
  font-size: 10px;
  margin-left: 2px;
  margin-top: 4px;
  margin-bottom: -2px;
  color: #333;
  background-color: #E6FFE9;
  padding: 2px 4px;
}

p.pr_search {
	background-color: #FFF;
  margin: -4px 0 -16px 0;
  text-align: right !important;
}

span.pr_search {
	text-align: right;
	font-size: 11px;
  display: inline-block;
  margin-right: 8px;
  background-color: #555;
  color: #FFF;
  padding: 0 8px;
  border-radius: 4px;
}

span.attention {
	color: #777;
	font-size: 12px;
}

span.slider_name {
	font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  display: inline-block;
}

table.info {
	margin: 16px auto 0 auto;
	text-align: center;
	border-collapse:collapse;
	width: 100%;
	font-size: 12px;
}

table.info th {
	background-color: #8EB8FF;
	color: #FFF;
}

table.info th,td {
	border: 1px solid #75A9FF;
	padding: 4px;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.ext_ranking_top {
	width: 100%;
}

.ext_ranking_top img {
	width: 100%;
}

.banner_ranking_top {
	width: 100vw;
	background-color: #FFF;
	margin: 0 -16px;
	padding-bottom: 8px;
}

.banner_ranking_top img {
	width: 100vw;
	display: block;
}

.banner_summary_top {
	width: 100%;
}

.banner_summary_top img {
	width: 100%;
	display: block;
}

.banner_thumbnail {
	width: 100%;
	background-color: #FFF;
	padding-bottom: 8px;
	padding-top: 4px;
}

.banner_thumbnail img {
	width: 100%;
	display: block;
	margin-top: -10px;
}

span.icon_slider_h2 {
  animation: blink 1s infinite;
}

.arrow-round {
	position: relative;
	display: inline-block;
	top: 10px;
	float: right
}

.arrow-round::before {
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  position: absolute;
  left: 5px;
  top: 5px;
}

.arrow-round.arrow-top::before {
  transform: rotate(-45deg);
  top: 7px;
}

.back-to-top-btn {
 	width: 100%;
 	text-align: center;
	margin: 16px auto 16px auto;
	display: grid;
 }

#back-to-top-btn {
  padding: 8px 40px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  font-size: 14px;
	margin: 8px 16px;
}

.recommend_content {
	padding: 12px 8px;
	border-bottom: 1px solid #DDD;
	font-size: 13px;
}

.recommend_pc h2 {
	padding: 8px 0 !important;
}

.recommend_pc li {
	margin: 0 !important;
}

.viewthrough {
	margin: -8px 0 16px 0;
}

.viewthrough video {
	border: none;
	margin-bottom: 30px;
}

.arrow {
	position: relative;
	display: block;
	vertical-align: middle;
	margin: 8px auto;
	padding: 0 0 0 22px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0.5px;
	bottom: 0;
	left: 0;
	content: "";
	vertical-align: middle;
}

.arrow_point::before{
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ff6a6a;
	margin-top: 0;
}
.arrow_point::after{
    top: 6px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

p.arrow2 {
	position: relative;
	display: block;
	vertical-align: middle;
	margin: 8px auto;
	padding: 0 0 0 20px;
}
p.arrow2::before,
p.arrow2::after{
	position: absolute;
	top: 2.5px;
	bottom: 0;
	left: 0;
	content: "";
	vertical-align: middle;
}

p.arrow2_point::before{
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 0;
}
p.arrow2_point::after{
    top: 6px;
	left: 4px;
	width: 10px;
	height: 5px;
	border-top: 2px solid #262626;
	border-right: 2px solid #262626;
	-webkit-transform: rotate(45deg);
	transform: rotate(133deg);
}

.balloon {
	font-size: 14px;
	position: relative;
	width: 1.0em;
	height: 0.8em;
	background-color: #5ab9ff;
	border-radius: 1.0em / 0.8em;
	float: left;
    top: 3px;
    margin-right: 4px;
}

.summary .balloon {
	font-size: 12px;
  top: 1px;
	margin-right: 2px;
}

/* ▼ */
.balloon::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.2em;
	width: 0;
	height: 0;
	border-right: 0.2em solid transparent;
	border-left: 0.2em solid transparent;
	border-top: 0.6em solid #5ab9ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

h2.ranking_other {
	color:#333;
	text-decoration: none;
	padding: 0 0 8px 16px;
	background-color: #FFF;
	margin-top: 16px;
}

h2.ranking_other_top {
	color:#333;
	text-decoration: none;
	padding: 0 0 8px 16px;
	background-color: #FFF;
	margin-top: 16px;
}

li.ranking_other {
	padding: 0;
}

table.appseek_price_table {
	margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

table.appseek_price_table th {
	padding: 4px 0;
	border: 1px solid #BBBBBB;
}

table.appseek_price_table td {
	padding: 4px 0;
	background-color: #FFFFF0;
	border: 1px solid #BBBBBB;
	height: 32px;
	line-height: 1.3;
	font-size: 12px;
}

tr.appseek_price_table_th_top {
	background-color: #ffa337;
	color: #FFF;
	border: 1px solid #BBBBBB;
	font-size: 15px;
}

tr.appseek_price_table_th_main {
	background-color: #F0FFFF;
	font-size: 12px;
	border: 1px solid #BBBBBB;
}

td.appseek_price_table_td_1 {
	width: 20%;
}

td.appseek_price_table_td_2 {
	width: 50%;
}

td.appseek_price_table_td_3 {
	width: 30%;
}

span.appseek_price_table {
	font-size: 11px;
	color: red;
}

div.cta_upper {
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	margin-bottom: 4px;
	color: blue;
}

img.attachment-thumbnail, size-thumbnail, wp-post-image {
	width: 100%;
	height: auto;
}

img.img_article_list {
	width: 30%;
	height: auto;
	float: left;
	margin-right: 8px;
}

div.recommend {
	background-color: #FFF;
	padding: 1px 8px 16px 8px;
}

div.top_list {
	margin: 16px 16px;
	background-color: #fff;
}

div.top_list_ranking {
	background-color: #fff;
	border-bottom: 1px solid #CCCCCC;
	height: 60px;
	padding-bottom: 12px;
}

div.app_genre {
	margin-bottom: 8px;
	font-weight: 600;
}

div.search {
	width: 100%;
	text-align: center;
	background-color: #FFF;
	margin-bottom: 8px;
	padding: 8px 0 2px 0;
}

table.search {
	text-align: left;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
	width: 96%;
	margin: 8px;
	box-shadow: 0px 0px 4px #DCDCDC;
}

table.search tr {

}

table.search th,td {
	border: 1px solid #DCDCDC;
}

table.search td {
	word-break: break-all;
}

div.search_h2 {
	text-align: left;
	color: #333;
	font-weight: 600;
	margin-left: 12px;
	margin-bottom: -4px;
	font-size: 13.5px;
	background: linear-gradient(transparent 60%, #FFD5EC 70%);
	width: 230px;
}

input.search {
	color: #FFF;
    border: none;
    font-size: 13px;
    display: block;
    border-radius: 8px;
    text-align: left;
    background-color: #3399FF;
    margin: 0 auto 6px auto;
    padding: 10px 68px;
}

button.search {
	color: #FFF;
    border: none;
    font-size: 14px;
    display: block;
    border-radius: 8px;
    text-align: left;
    background-color: #75A9FF;
    margin: 0 auto 18px auto;
	padding: 14px 68px 12px 68px;
    border-bottom: 3.5px solid #5D99FF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    width: 96%;
    text-align: center;
}

div.icon_slider {
    overflow-x: auto;
    text-align: center;
}

table.icon_slider {
	width: 100%;
	height: 72px;
  border-collapse: collapse !important;
  table-layout: fixed;
  display: block;
  background-color: #FFF;
  overflow-x: auto;
  padding: 0 8px;
  -ms-overflow-style: none; /* IE / Edge */
  scrollbar-width: none; /* Firefox */
  -webkit-overflow-scrolling: touch; /* iOS Safari */
}

table.icon_slider::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

table.icon_slider td {
    padding: 0 5px;
    background: #FFF;
    border: none;
    vertical-align: top;
    text-align: center;
}

table.icon_slider li {
	padding: 8px 0;
}

img.wp_img_icon_slider {
    width: 56px;
    height: 56px;
    float: left;
    border-radius: 16px;
    border: 0.5px solid #CCCCCC;
}

ol.targets {
	padding: 0;
	list-style: none;
	counter-reset: li;
	margin-top: 21px;
}

ol.targets_top {
	padding: 0;
	list-style: none;
	counter-reset: li;
	margin: -16px 0 -8px 0;
}

ol.targets_icon_slider {
	padding: 0;
	list-style: none;
	counter-reset: li;
	margin: 0 -16px;
	height: 120px;
}

ul.nth_type {
	padding-left: 0;
}

li.target {
	padding: 0;
	margin: 0 -16px;
	position: relative;
}

li.target_noranks {
	padding: 0;
	position: relative;
}

li.target_noranks_matome {
	padding: 0;
	position: relative;
	border-bottom: 1px solid #DDD;
}

li.target:before {
	counter-increment: li;
	content: counter(li);
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #FF9933;
	font-size: 17px;
	color: #fff;
	line-height: 1.8;
	text-align: center;
	z-index: 99;
}

li.target_matome {
	padding: 0;
	position: relative;
	border-bottom: 1px solid #DDD;
}

li.target_matome:before {
	counter-increment: li;
	content: counter(li);
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #FF9933;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	text-align: center;
	z-index: 99;
}

li.target_matome_top {
	padding: 0;
	position: relative;
	border-bottom: 1px solid #DDD;
	padding-bottom: 12px;
  background: #FFF;
}

li.target_matome_top:last-child {
	padding: 0;
	position: relative;
	border-bottom: none;
	padding-bottom: 12px;
  background: #FFF;
}

li.target_matome_middle {
	padding: 0;
	position: relative;
	border-bottom: 1px solid #DDD;
	padding-bottom: 12px;
  background: #FFF;
}

li.target_matome_middle:last-child {
	padding: 0;
	position: relative;
	border-bottom: none;
	padding-bottom: 12px;
  background: #FFF;
}

li.target_related_service {
	padding: 0;
	position: relative;
}

.nth_type li:nth-of-type(1)::before{
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

.nth_type li:nth-of-type(2)::before{
	background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}

.nth_type li:nth-of-type(3)::before{
	background: linear-gradient(45deg, #815a2b 0%, #815a2b 45%, #CC6600 70%, #993300 85%, #815a2b 90% 100%);
}

span.input {
	color: #424242;
	font-size: 13px;
}

.button_left{
	width: 50%;
	height: 40px;
	float: left;
	font-size: 13px;
	border: none;
	font-weight: 600;
	background-color: #EEEEEE;
	color: #333;
}

.button_right{
	width: 50%;
	height: 40px;
	font-size: 13px;
	border: 1px solid;
	border: none;
	font-weight: 600;
	background-color: #EEEEEE;
	color: #333;
}

/*
input, select, button {
  -webkit-appearance: none;
  appearance: none;
}
*/

div.genre {
	margin-left: 26px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 8px;
}

div.select_box {
	width: 100%;
    position: relative;
}

.select_box:after {
	content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
  margin-right: 30px;
}

.select_box {
	width: 90%;
	height: 40px;
	display: block;
	margin: 0 auto 12px auto;
	border: none;
	font-size: 13px;
	border-radius: 20px;
	text-align: center;
}

.submit {
	width: 90%;
	height: 40px;
	background-color: #2C7CFF;
	color: #FFF;
	border: none;
	font-size: 13px;
	display: block;
	margin: 4px auto 16px auto;
	border-radius: 20px;
}

.grad-item {
  position: relative;
  overflow: hidden;
  height: 120px; /*隠した状態の高さ*/
  padding-bottom: 16px;
}

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}

.grad-item_dating {
  position: relative;
  overflow: hidden;
  height: 140px; /*隠した状態の高さ*/
}
.grad-item_dating::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}

.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
.grad-trigger:checked ~ .grad-item_dating {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item_dating::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.grad-btn {
    z-index: 2;
    position: absolute;
    right: 0;
    left: 0;
    width: 140px;
    margin: auto;
    padding: 0.5em 0;
    border-radius: 2px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    margin-top: 100px;
    border-radius: 20px;
}

body {
	color: #333;
    font-size: 15px;
	margin: 0;
    padding: 0;
    line-height: 1.5;
}

h1 {
	margin-top: 0;
	font-weight: bold;
    font-size: 22px;
    color: #424242;
    padding: 0 16px;
    text-align: left;
    padding-top: 24px;
}

h1.post {
	text-align: left;
    font-size: 20px;
    background-color: #FFF;
	margin-bottom: 4px;
}

h1.search {
	margin-top: 0;
	font-weight: bold;
    color: #424242;
    padding: 0 16px;
    padding-top: 16px;
	text-align: left;
    font-size: 18px;
    background-color: #FFF;
	margin-bottom: 4px;
}

h1.tags {
	text-align: left;
}

h1.tags a {
	text-decoration: none;
	pointer-events: none;
	color: #7B7B7B;
}

h1.category {
	text-align: left;
}

h2 {
	margin: 0;
	text-decoration: underline;
	color: #1E90FF;
	counter-reset:li;
	font-size: 18px;
}

h2.matome {
	font-size: 14px;
	display: block;
	height: 70px;
}

h2.matome_top {
	font-size: 16px;
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h2 p {
	font-size: 24px !important;
	margin: 0;
}

h2.related {
	font-size: 25px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0 16px;
	background-color: #fff;
	border: none;
	text-align: center;
	color: #7B7B7B;
}

h2.article_h2 {
	font-size: 22px;
	color: #333;
	text-decoration: none;
	padding-left: 12px;
	border-left: 4px solid #FF3333;
	margin-bottom: 16px;
	margin-top: 24px;
}

.icon_slider_h2 {
	background-color: #FF773E;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: 600;
    padding: 2px 0;
    font-size: 12px;
}

h3.article_h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin-top: 36px;
	margin-bottom: 0;
}

img.wp_img_related {
	width: 100%;
}

img.wp_img_icon {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 8px;
	margin-bottom: 16px;
	border-radius: 19px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

img.wp_img_icon_matome {
	width: 54px;
	height: 54px;
	float: left;
	margin-right: 8px;
	margin-bottom: 16px;
	border-radius: 12px;
}

img.wp_img_icon_matome_top {
    width: 74px;
    height: 74px;
    float: left;
    border-radius: 16px;
    margin: 6px 12px 16px 0;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

img.wp_img_rec {
	width: 100%;
	margin-bottom: -8px;
	margin-top: 8px;
}

img.wp_img_main {
	width: 100%;
	margin-bottom: 12px;
	margin-top: 8px;
	max-width: 600px;
}

img.wp_img_inread {
	width: 100%;
	margin: 16px auto;
	max-width: 600px;
	display: block;
}

img.wp_img_inread_bottom {
	width: 100%;
	margin: 8px auto 16px auto;
	max-width: 600px;
	display: block;
}

img.wp_img_ranking {
	width: 45px;
	float: left;
	padding-right: 8px;
}

img.header_sp {
	width: auto;
    padding: 0;
    height: 22px;
    margin: 8px 0 0 0;
}

img.thumbnail-img {
	width: 100%;
	height: auto;
	padding: 24px 0;
}

div.header {
	text-align: center;
	width: 100%;
	background-color: #FFF;
}

div.container {
	text-align: center;
}

div.article_main {
	padding: 0 16px 16px 16px;
	background-color: #FFF;
}

p.description {
	color: #666 !important;
	margin-top: 12px;
	font-size: 13.5px !important;
}

ol.page-contents {
	padding: 16px;
	background-color: #F3F3F3;
	display: inline-block;
}

ol.page-contents a {
	color: #333;
	font-size: 14px;
	text-decoration: underline;
}

p.page-contents {
	margin: 0 0 8px 0;
	font-weight: 600;
}

li.page-contents {
	padding: 0;
}

div.content_related {
	margin-top: 28px;
	margin-bottom: 16px;
  font-size: 17px; 
  font-weight: 300;
  text-align: left;
}

div.content_related p {
    text-align: left;
    color: #333;
	margin-bottom: 30px;
}

div.content_post {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    color: #262626;
}

div.content_post p {
    font-size: 15px;
    text-align: left;
    color: #262626;
    letter-spacing: 0.2px;
    line-height: 1.65;
}

div.grad-item p {
    line-height: 1.8;
}

div.grad-item_dating p {
    line-height: 1.8;
}

div.related {

}

div.content_ranking_icon_slider {
	height: 56px;
	width: 56px;
}

a.content_ranking_icon_slider {
	width: 74px;
}

div.content_ranking_icon_slider {
	float: left;
}

div.circle_1 {
width: 30px;
height: 30px; 
background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-radius: 50%; 
margin: 0 auto;
text-align: center;
line-height: 30px;
color: #FFF;
margin-right: 10px;
margin-left: -10px;
margin-top: -10px;
z-index: 99;
position: absolute;
}

div.circle_2 {
    width: 26px;
    height: 26px; 
	background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
    line-height: 26px;
    color: #FFF;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 99;
    position: absolute;
}

div.circle_3 {
    width: 26px;
    height: 26px; 
	background: linear-gradient(45deg, #815a2b 0%, #815a2b 45%, #CC6600 70%, #993300 85%, #815a2b 90% 100%);
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
    line-height: 26px;
    color: #FFF;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 99;
    position: absolute;
}

div.circle_99, div.circle_4, div.circle_5, div.circle_6, div.circle_7, div.circle_8, div.circle_9, div.circle_10, div.circle_11, div.circle_12, div.circle_13, div.circle_14, div.circle_15, div.circle_16, div.circle_17, div.circle_18, div.circle_19, div.circle_20, div.circle_21, div.circle_22, div.circle_23, div.circle_24, div.circle_25, div.circle_26, div.circle_27, div.circle_28, div.circle_29, div.circle_30 {
    width: 26px;
    height: 26px; 
	background: #FF9933;
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
    line-height: 26px;
    color: #FFF;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 99;
    position: absolute;
}

div.app_info_matome {
	height: 108px;
}

div.download {
text-align: center;
background-color: #FF3333;
width: 72px;
float: right;
color: #FFF;
border-radius: 20px;
margin-top: 12px;
font-size: 15px;
padding: 6px 14px;
font-weight: bold;
letter-spacing: 1.0px;
overflow: hidden;
position: relative;
}

div.download_matome {
text-align: center;
background-color: #FF3333;
width: 46px;
float: right;
color: #FFF;
border-radius: 20px;
margin-top: 12px;
font-size: 12px;
padding: 6px 14px;
font-weight: bold;
letter-spacing: 1.0px;
overflow: hidden;
position: relative;
top: -52px;
}

div.download_matome_top {
    text-align: center;
    background-color: #FF3333;
    width: 40px;
    float: right;
    color: #FFF;
    border-radius: 20px;
    margin-top: 12px;
    font-size: 10px;
    padding: 4px 10px;
    font-weight: bold;
    letter-spacing: 1.0px;
    overflow: hidden;
}

div.fv_cta_mini {
    text-align: center;
    background-color: #FF3333;
    width: 50px;
    float: right;
    color: #FFF;
    border-radius: 12px;
    margin-top: -54px;
    font-size: 13px;
    padding: 6px 10px;
    font-weight: bold;
    letter-spacing: 1.0px;
    overflow: hidden;
    position: relative;
}

div.download_matome_top_jump {
    text-align: center;
    background-color: #3399FF;
    width: 72px;
    float: right;
    color: #FFF;
    border-radius: 20px;
    font-size: 10px;
    padding: 4px 10px;
    font-weight: bold;
    letter-spacing: 1.0px;
    margin-top: -6px;
}

a.cta_min {
    text-align: center;
    background-color: #FF3333;
    float: right;
    color: #FFF;
    border-radius: 20px;
    font-size: 12px;
    padding: 6px 16px;
    font-weight: bold;
    letter-spacing: 1.0px;
    margin-top: -22px;
    display: none;
}

div.ranking_icon {
	float: left;
	margin: 0 8px 0 0;
	width: 50px;
	text-align: center;
}

div.ranking_icon_jump {
	float: left;
	margin: 16px 8px 0 0;
	width: 50px;
	text-align: center;
}

img.rank {
	width: 50px;
	height: 50px;
	margin: -2.6px 0 -16px -10px;
}

div.summary {
	margin: -8px 0 0 128px;
	height: 46px;
}

div.summary p {
	font-size: 11px;
	color: #666;
	line-height: 1.2;
}

div.point {
	position: relative;
	line-height: 1.6;
	padding: 0.4em 0.5em;
	margin-bottom: 16px;
	text-align: center;
	letter-spacing: 1.0px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

div.point_h3 {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	height: 32px;
	display: table;
	width: 100%;
	margin-top: 16px;
}

div.point_p {
    background-color: #ffa337;
	display: table-cell;
	vertical-align: middle;
    border: solid 2px #ffa337;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

div.point_inline {
	text-align: left;
}

div.point_inline p {
	font-weight: 600;
	font-size: 14px;
}

div.app_img_rec {
	text-align: center;
	margin-bottom: -16px;
}

div.app_img_rec_bottom {
	text-align: center;
  margin-bottom: -8px;
}

div.star {
font-size: 16px;
color: #ffb800;
margin-left: 92px;
margin-top: 4px;
}

div.content_ranking_matome {
background-color: #FFF;
padding: 16px 16px 0 16px;
}

div.content_ranking_matome_2 {
	margin: 0 4px;
}

div.wrapper_game {
	margin-bottom: 12px;
	padding-bottom: 8px;
}

div.review {
  padding: 0.5em;
  margin-bottom: 16px;
  padding: 10px 42px 2px 42px;
}

div.review_h {
  position: relative;
  background: #f1f8ff;
  padding: 4px 12px;
  border-left: solid 3em #5c9ee7;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 1px solid #DDD;
}

div.review_h_game {
  position: relative;
  background: #f1f8ff;
  padding: 4px 12px;
  border-left: solid 0.5em #5c9ee7;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 12px;
}

div.sponsored {
	text-align: center;
	color: #999999;
	font-weight: 300;
	font-size: 12px;
    padding: 0px 0 12px 0;
    margin-top: -8px;
}

div.footer {
	background-color: #FFF;
	text-align: center;
	width: 100%;
}

p.header {
	float: left;
	margin-top: 12px;
	margin-left: 32px;
}

p.point {
font-weight: bold;
margin: 4px 0;
line-height: 1.4 !important;
}

p.point:before {
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f138\ ';
  font-size: 1.4em;
  left: 0.25em;
  top: 0.5em;
  color: #ff6a6a;
}

p.review {
	margin-top: 4px;
	font-size: 13px !important;
	display: inline-block;
}

p.time {
	font-size: 13px;
	margin-top: 0px;
	text-align: left;
	padding-left: 16px;
}

p.time_post {
	font-size: 12px;
	text-align: left;
	padding:0 4px 0 8px;
	background-color: #FFF;
	margin-top: 0;
	color: #333;
	float: left;
}

p.cat_related {
	font-size: 13px;
	padding-right: 16px;
	margin-top: -34px;
	float: right;
}

p.cat_related a {
	text-decoration: none;
}

.tag_list {
	display: block;
	margin-left: 88px;
}

span.red {
color: red;
font-weight: bold;
}

span.black {
	color: #333;
	font-size: 14px;
	margin-left: 4px;
}

span.underline {
  background: linear-gradient(transparent 70%, #FFFF00 70%);
  font-weight: bold;
}

.twitter-share-button {
	float: right;
	padding-right: 16px;
	margin-top: -41px;
}

footer {
	font-size: 12px;
	display: block;
	clear: both;
	background: #222;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 16px 0;
	line-height: 24px;
}

footer a{
	text-decoration: underline;
}

/* Media Queries */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 400px) {

.editor_section {
	font-size: 12px;
}

}

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

.header_white {
    margin: -12px -16px 8px -16px;
    padding: 8px 16px;
}

div.icon_slider {
    margin: 8px 0 16px 0;
}

ul.nth_type_footer {
	margin: 0 -16px;
}

li.target_matome {
	margin: 0 -16px;
}

li.target_matome_middle {
  margin: 0 -16px;
}

li.target_related_service {
	margin: 0 -16px;
}

li.target_noranks {
	margin: 0 -16px;
}

li.target_noranks_matome {
	margin: 0 -16px;
}

li.fv_top3 {
	margin: 0 32px !important;
}

div.fv_top3 {
	margin: 0 -32px 0 -32px;
}

li.fv_top3:before {
	left: -24px;
}

h1 {
	margin-top: 0;
	font-weight: bold;
	font-size: 18px;
	color: #424242;
	padding: 0 16px;
	text-align: left;
	padding-top: 8px;
	background-color: #FFF;
}

h1.post {
	text-align: left;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 2px;
	background-color: #FFF;
	margin-bottom: 4px;
}

h2 {
	font-size: 17px;
}

h2 p {
	font-size: 20px !important;
	margin: 0;
}

h2.ranking_other {
	margin: 16px -16px 0 -16px;
}

h2.ranking_other_top {
	margin: 16px 0 -10px -16px;
}

li.ranking_other {
	margin: 0 -16px;
}

img.header {
	display: none;
}

p.header {
	display: none;
}

div.nav-menu {
	display: none;
}

div.recommend {
	margin: 0 -16px;
}

ul {
	padding-left: 0;
}

li {
	padding: 16px 8px;
}

div.picks {
	padding: 30px 0 0 0;
}

div.wrap {
	margin-bottom: 10px;
	padding: 0 8px 30px 8px;
}

div.wrap_picks {
	margin-bottom: 30px;
	padding: 0 8px 30px 8px;
}

a.permalink {
	font-size: 14px;
}

p.time {
	font-size: 14px;
}

div.content_related {
	padding: 0 16px;
    line-height: 1.8;
}

div.content_post {
    font-size: 16px;
}

div.related {
	padding-bottom: 16px;
}

div.search_border {
    margin-left: 16px;
}

div.footer {

}

div.footer_about {
	padding: 8px 16px;
}

div.footer_portfolio {
	padding: 8px 16px;
}

div.footer_twitter {
	padding: 8px 16px;
}

div.footer_border {
    margin: 30px auto -20px 0;
}

img.wp_img_related {
	width: 90%;
	height: auto;
	margin-top: 16px;
	float: none;
	padding: 0;
	padding-left: 4px;
}

div.content_related {
	margin-top: 0;
}

ol.page-contents {
	padding: 16px;
	background-color: #F3F3F3;
	display: block;
}

}

@media screen and (min-width: 744px) {

div.icon_slider {
	margin-top: -12px;
}

.search {
	margin-top: 8px;
}

.ranking_bottom {
	margin: 0 0 16px 0;
}

.search-results-count {
    margin: -16px 0 -26px 0;
}

div.combination_1_2 {
	margin: 0 0 16px 0;
}

.related_title {
	margin: 0 0 -15px 0 !important;
	width: 100% !important;
}

.banner_thumbnail img {
	margin-top: -4px;
}

h2.ranking_other_top {
	padding-left: 0;
}

.banner_ranking_top {
	width: 100%;
	margin: 0;
}

.banner_ranking_top img {
	width: 100%;
}


.ext_ranking_top {
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

ol.targets_top {
	margin: 0;
}

div.container {
	max-width: 393px;
	margin: 0 auto;
}

div.top_list_ranking {
	background-color: #fff;
	border-bottom: 1px solid #CCCCCC;
	height: 60px;
	padding-bottom: 28px;
}

div.app_categories {
	margin: 0;
}

div.header {
	background-color: #FFF;
	max-width: 393px;
    margin: 0 auto;
}

div.top_main {
	width: 800px;
	margin: 0 auto;
}

div.top_main_recommend {
	width: 100%;
	margin: 0 auto;
}

li.target {
	padding: 0;
	margin: 0;
	position: relative;
}

div.app_info {

}

img.header {
	height: 28px;
	margin-left: 30px;
}

div#nav-drawer {
	display: none;
}

ul {
	margin: 0 auto;
}

li {
	padding: 20px 32px;
	width: 100%;
}

li:first-child {

}

h2.picks {
	padding: 0 16px;
}

div.picks {
	width: 100%;
	padding: 30px 0 30px 0;
}

div.wrap {
	margin: 0 1%;
}

div.wrap_picks {
	width: 28.7%;
	margin: 0 1%;
	vertical-align: top;
}

div.main {
	width: 100%;
}

p.time {

}

div.content_related {
	padding: 0 20px;
    line-height: 2.0;
}

div.related {
	padding-bottom: 16px;
}

div.sub {
	width: 28.7%;
	margin-left: 22px;
}

div.footer {
	float: left;
}

div.footer_about {
	width: 28.7%;
	padding: 30px 0 30px 0;
	display: inline-block;
	vertical-align: top;
}

div.footer_portfolio {
	width: 28.7%;
	padding: 30px 0 30px 30px;
	display: inline-block;
	vertical-align: top;
}

div.footer_twitter {
	width: 28.7%;
	padding: 30px 0 30px 30px;
	display: inline-block;
	vertical-align: top;
}

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

div.footer_img_description {
    padding-right: 20px;
}
}

@media screen and (min-width: 1200px) {

div.container {
	max-width: 393px;
	margin: 0 auto;
}

div.header {
	padding-left: 0;
	text-align: center;
}

img.header {
	padding-left: 0;
	margin-left: 0;
}

div.nav-menu {
	padding-left: 0;
	text-align: center;
}

div.nav-menu_container {
	width: 1140px;
}

div.img_description {
    font-size: 13px;
}

div.footer_img_description {
    font-size: 14px;
}

div.wrap_picks {
	width: 370px;
	margin: 0 12px;
}

div.main {
	width: 100%;
}

div.sub {
	width: 370px;
	margin-left: 24px;
}

div.ranking_img {

}

img.attachment-thumbnail, size-thumbnail, wp-post-image {
	width: 100%;
	height: auto;
}

div.top_list {
	margin: 16px 16px;
	background-color: #fff;
	width: 800px;
	height: auto;
	margin: 0 auto;
}

li.target {
	width: 100%;
}

div.app_img_rec {
	text-align: center;
	margin-bottom: -16px;
}

p.ranking {
	width: 300px;
}

div.footer_about {
	width: 360px;
}

div.footer_portfolio {
	width: 360px;
}

div.footer_twitter {
	width: 360px;
}
}