@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


.no_blank_icon a[target="_blank"]:after{
	display:none !important;
}

/*---------------------
 Google広告
---------------------*/
#entry .google-auto-placed.ap_container {
    margin: 1.5em 0;
}

/*---------------------
 関連記事の画像
---------------------*/
/* 複数の画像ザイズ生成をしない設定にしていのも含まれるためサイズがおかしくなっていた*/
.rlmg img {
    aspect-ratio: 217 / 130;
}

/* AdSenseのMultiplexに合わす*/
@media only screen and (min-width: 1030px) {
    .related-posts li {
    	width: 32.27%;
    }
    .related-posts li:nth-child(3n+2) {
		margin: 1em 1.5%;
    }
}
@media only screen and (min-width: 481px) {
    .rep p {
        font-size: 0.95em;
    }
}

.related-posts ul {
	padding-bottom: 0;
}

/*---------------------
 日本、アメリカ画像
---------------------*/
.japan_logo::before{
	background: url(https://teilab.net/wp-content/uploads/2024/04/japan.png) no-repeat;
}
.america_logo::before{
	background: url(https://teilab.net/wp-content/uploads/2024/04/america.png) no-repeat;
}
.japan_logo::before,
.america_logo::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
	background-size: contain;
    margin-right: 5px;
    vertical-align: middle;
}

/*---------------------
 英語住所比較テーブル
---------------------*/
.zip_hikaku td {
    vertical-align: top;
}

/* 偶数列だけ色薄くする */
.zip_hikaku.even_color td:nth-child(2n),
.zip_hikaku.even_color th:nth-child(2n):not(.w50) { /* w50（最初のth除く） */
	color: #d3d3d3;
}


/* もっと見る */
.grad-wrap {
    position: relative;
    margin-top: -70px;
}
.grad-btn {
    z-index: 2;
    position: absolute !important;
    right: 0;
    left: 0;
    bottom: 43px;
    width: 150px;
    margin: auto;
    padding: 5px 0 !important;
    border-radius: 5px !important;
    background: #ffb36b !important;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: .2s ease !important;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    opacity: 0.8;
    border: none !important;
}
label.grad-btn:after{
content: "";
}

.grad-item {
  position: relative;
  overflow: hidden;
	height: 500px;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 123px; /*グラデーションで隠す高さ*/

  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
  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%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
input[type=checkbox]:checked ~ .grad-btn{
	display: none;
}
.grad-trigger:checked ~ .grad-item {
    height: auto;
    margin-bottom: 1em;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}


/*------------------------------------------------------------
ツールチップ
-------------------------------------------------------------*/
.tooltip {
    position: relative;
    display: inline;
    color: #2f7cbf;
    margin-right: 10px;
}

.tooltip:before {
    content: '\f059';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    bottom: 2px;
    right: -20px;
    padding: 5px 3px 0;
    cursor: pointer;
}

.tooltip_content {
    display: none;
    position: absolute;
    bottom: 43px;
    left: -17px;
    max-width: 300px;
    width: max-content;
    padding: 14px;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    color: #FFF;
    background: rgb(80 80 80 / 90%);
    border-radius: 8px;
    line-height: 1.7;
    box-shadow: 0 5px 10px -4px rgb(0 0 0 / 22%);
    z-index: 5;
    word-break: break-word;
    white-space: normal;
}

.tooltip_content::after,
.tooltip_content.v_right::after {
    position: absolute;
    bottom: -15px;
    left: 29px;
    width: 2rem;
    height: 1rem;
    background-color: rgb(80 80 80 / 90%);
    box-shadow: 0 5px 10px -4px rgb(0 0 0 / 22%);
    content: "";
    z-index: 9999;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.tooltip_content.v_right::after {
    left: auto;
    right: 29px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.tooltip_content.v_right {
    right: -30px;
    left: auto;
}

.tooltip_tilte {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 10px;
    font-weight: bold;
}

.tooltip_close {
    position: absolute;
    top: 0px;
    right: 3px;
    padding: 6px;
    font-size: 1.27em;
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
}

.tooltip_content p {
    margin-bottom: 7px !important;
}
.tooltip_content p:last-child {
    margin-bottom: 0 !important;
}


/*テーブル*/
table .tooltip_content{
	font-size: 0.95em;
}


@media (max-width: 700px) {
	.tooltip_content {
		max-width: 220px;
	}
}

/*------------------------------------------------------------
画像スクロール表示
-------------------------------------------------------------*/
.img_scroll {
    overflow-x: auto;
    width: 100%;
    display: block;
}
.img_scroll img{
    max-width: none;
}

/*------------------------------------------------------------
PCサイドバー固定広告
-------------------------------------------------------------*/
.pc_sidebar_ad{
	text-align: center;
    padding: 15px 20px;
    font-size: 0.89em;
    font-weight: 700;
}

/*------------------------------------------------------------
SP記事コンテンツ後広告
-------------------------------------------------------------*/
.sp_after_content_ad{
	text-align: center;
    padding: 1.3em 0 2em;
    font-size: 16px;
    font-weight: 700;
	background: #f3f3f3
}
.sp_after_content_ad.bg_blue{
	background: #f5f9ff
}
.sp_after_content_ad a[target="_blank"]:after{
	display:none !important;
}

/*------------------------------------------------------------
ステマ規制
-------------------------------------------------------------*/
.promotion {
    margin: -5px 0 1.8em;
    background: #fafafa;
    padding: 12px 10px;
    border-radius: 2px;
}

/*------------------------------------------------------------
fontawsome
-------------------------------------------------------------*/
/* 点滅 */
.faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-flash {
    -webkit-animation: flash 5s ease infinite !important;
    animation: flash 5s ease infinite !important;;
}

/*------------------------------------------------------------
プラグイン
-------------------------------------------------------------*/
/* Twenty20 Image Before-After */
.twentytwenty-horizontal .twentytwenty-before-label,
.twentytwenty-horizontal .twentytwenty-after-label {
	font-weight: bold;
    bottom: unset;
    padding: 10px 20px;
    font-size: 14px;
}


/*2020-08-12アップデートによる不具合解消*/
.sc p:last-child { 
    margin-bottom: 0 !important;
}

/*レヴュー用*/
.review .sc {
    padding: 0px;
}
.review .sc p {
    margin-bottom: 10px;
}
.review .sc blockquote {
    margin: 0 !important;
}

@media only screen and (max-width: 480px){
.review .faceicon {
    display: table-row;
}
.review .faceicon img {
    width: 35%;
}
.review .faceicon span {
    font-size: 13px;
    margin: 0;
}
.review .sc:after {
    display: none;
}
}

/*カテゴリ記事一覧ページ*/
#archive_header .cat-item{
	background-color: #8c8c8c;
}
#archive_header .cat-item a{
	color:#FFF;
	font-weight: bold;
}
.left {
    text-align: left;
}

/*------------------------------------------------------------
非表示
-------------------------------------------------------------*/
li#wp-admin-bar-wp-cache-clear,             /* KUSANAGI キャッシュアイコン */
#wpadminbar #wp-admin-bar-wp-logo>.ab-item, /* 上部管理bar */
.prnx_box,                                  /* 前、次の記事 */
.meta-tag {                                 /* タグ */
	display: none;
}


/*------------------------------------------------------------
目次
-------------------------------------------------------------*/
/* 見出し非表示 */
.headline-hidden{ /* カメラ用語ページ */
	display:none;
}

/* スクロール位置の調整 */
html {
    scroll-padding-top: 32px;
}

.ez-toc-title-container{
	margin: 0!important;
	display:block !important;
	background: #8c8c8c;
	color:#FFFFFF !important;
	text-align: center;
}
.ez-toc-title-container:before{
	display:none !important;
}
.entry-content .ez-toc-title-container{
	padding: 5px 0 5px 0px!important;
}

#ez-toc-container p {
    font-size: 20px;
}
#ez-toc-container p:before{
	font-family: "Font Awesome 5 Free" !important;
	content: '\f518' !important;
	font-weight:bold;
	padding-right: 5px;
}
div#ez-toc-container{
	padding: 0;
	margin-bottom: 2.5em;
	border-top: 0;
	border: solid 2px #8c8c8c !important;
	border-radius: 3px;
	box-shadow: 0px 0px;
}
.ez-toc-list .active {
	background-color: #FFFF;
}

/*リスト*/
#ez-toc-container ul{
	list-style: none;
}
.entry-content .ez-toc-list li ul{
	list-style-type: disc !important;
	padding-left: 32px !important;
	font-weight:normal!important;
	margin: 8px 0 10px !important;
}
.entry-content .ez-toc-list ul li{
    margin-bottom: 10px;
}
.entry-content .ez-toc-list ul li:last-child{
    margin-bottom: -10px;
}
.entry-content .ez-toc-list{
	margin: 15px 0 15px 25px!important;	
}

@media only screen and (max-width: 481px){
	.entry-content .ez-toc-list {
	margin: 15px 0 15px 17px!important;	
}
#ez-toc-container p {
    font-size: 18px!important;
}
}

/*リンク*/
.ez-toc-list li a{
	text-decoration: none !important;
	display: block;
}
.ez-toc-list li ul a{
	font-weight:normal !important;
}
div#ez-toc-container li a:hover{
	opacity: 0.5 !important;
}


/*------------------------------------------------------------
サイドバー
-------------------------------------------------------------*/
/* 固定部分 */
div#fixed_sidebar nav{
	overflow-y: auto;
    max-height: 300px;
	font-size: 0.89em;
}
div#fixed_sidebar nav li ul {
    padding-left:11px;
}
div#fixed_sidebar nav li a{
	    padding: 2px 7px;
}

/*サイドバー固定箇所*/
.sidebar_kotei{
	padding: 15px;
}
.sidebar_kotei img{
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
    border-radius: 2px;
}
.sidebar_kotei img:hover {
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.fixed-sidebar:not(.sidefixed), .fixed-sidebar:not(.sideidled) {
    max-height: none;
}


/*目次*/
nav {
    letter-spacing: .8px;
}
div#ezw_tco-3.widget ul li ul li a {
    padding: 0px 0px 0px 13px !important;
    font-size: 13px;
}
div#ezw_tco-3.widget ul li ul li:last-child {
    padding-bottom: 2px !important;
}
div#fixed_sidebar nav li a:hover{
	opacity: 0.5 !important;
	transition: .5s;
	background-color:#FFFF;
}
div#fixed_sidebar span.ez-toc-title:before{
	font-family: "Font Awesome 5 Free" !important;
	content: '\f518' !important;
	font-weight:bold;
	padding-right: 5px;
}
div#fixed_sidebar nav li a:before{
	content:""
}
div#fixed_sidebar .widgettitle,
div#fixed_sidebar .ez-toc-title-container{
	background:#b9b9b9;
}

/*タイトル*/
.widgettitle {
	padding: 5px 13px;
}

/*カテゴリー*/
#nav_menu-4 h4:first-child:before {
    content: "\f03a";
	font-weight: bold
}

ul#menu-my-category .sub-menu,
ul#menu-my-category-1 .sub-menu{
	padding: 0px 0 6px 20px;
}
ul#menu-my-category li a:hover{
    background: none !important;
    opacity: 0.7;
}
ul#menu-my-category .sub-menu a,
ul#menu-my-category-1 .sub-menu a{
	color: #8a8a8a;
}

/*おすすめ記事*/
.osusumekiji .my-widget li a{
	padding: 2px;
}
div#custom_html-13 h4{
	text-align: center;
}
div#custom_html-13 h4:before {
    font-family: "Font Awesome 5 Free" !important;
    content: '\f02e' !important;
    font-weight: bold;
    padding-right: 5px;
}


/*------------------------------------------------------------
アコーディオン
-------------------------------------------------------------*/
.accordion {
    margin: 0.9em 0;
}

.accordion_input:checked ~ .accordion_content{
	padding: 1em 0;
	margin-top: -4px;
    margin-bottom: 15px;
}
.accordion label {
    margin-bottom: 5px;
	border: 1px solid rgba(82,81,101,.12);
	border-radius: 3px;
	background: #FFF;
}
.accordion label:hover,
.accordion_input:checked+label {
    background: #f9f9f9;
}
.accordion_content {
    transition: .3s !important;
}
.accordion_content p{
    margin: 0 0 1.2em !important;
}
.accordion label:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
	color: unset;
}
.accordion_input:checked+label:after {
    content: "\f068";
}

.accordion blockquote p {
    margin: 10px 0 !important;
}


/*------------------------------------------------------------
Search Regex
-------------------------------------------------------------*/
/*ボックス*/
.sr-box{
    border-radius: 3px;
	margin: 2em 0;
    padding: 0 15px 10px;
}
.sr-box.bese {
	border: 2px solid #e6f3e3;
}
.sr-box.replace{
	border: 2px solid #F5EEE1;
}
.sr-title.base {
	background: #e6f3e3;
} 
.sr-title.replace {
    background: #F5EEE1;	
} 
.sr-box p:last-child{
	margin:0px;
}
.sr-box .sr-title {
    padding: 5px 10px;
    border-radius: 3px 3px 0 0;
	margin: 0 -15px 15px;
    line-height: 1.5;
	font-weight: bold;
}

/*コード*/
.sr-code pre{
    overflow-x: unset !important;
	margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
	white-space: normal;
}
.sr-code code{
	font-size: 1em;
}
.sr-code .pre_tag > span {
    display: none;
}
.sr-code .pre_tag{
	margin:0;
}

td pre,
.sr-content pre{
		white-space: normal !important;
}

/*テーブル*/
.search-regex{
    border-top:none !important;
    border-left:none !important;
	border-collapse: separate;
	border-spacing:0px 5px;
	margin-top: -2px;
}
.search-regex td{
	border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    font-family: "Menlo", "Consolas", "monaco", "monospace", "ＭＳ ゴシック", sans-serif;
}
.search-regex th{
background: #f1f1f1;
}

.entry-content .tl .accordion label {
    font-size: 0.9em;
    font-weight: normal;
}

/*------------------------------------------------------------
コードボックス
-------------------------------------------------------------*/
.pre_tag {
     margin: 2em 0 1.5em
}
.pre_tag > span {
    font-size: .8em;
    position: absolute;
    line-height: 1.7;
    border-radius: 3px;
	font-weight: bold;
	margin-top: -14px;
	z-index: 10;
}
.entry-content pre {
    display: block;
    white-space: pre;
    line-height: 1.3;
    word-wrap: normal;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    letter-spacing: 0.4px;
    padding: 1.5em 1.3em 1.4em;
	border: none;
    background: #f7f6f3;
    color: #54687c;
	border-radius: 3px;
}
.entry-content pre code{
	font-size: 0.87em;
	border-radius: 2px;
	margin: 0;	 
}

.code_block {
    position: relative;
}
.code_actions {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    opacity: 0;
    transition: .5s ease-in-out;
}
.code_block:hover .code_actions{
    opacity: 1;
}
.code_copy_btn,
.code_expand_btn {
	cursor: pointer;
    background: #eae9e5;
    font-size: 13px;
    color: #9a9a9a;
    padding: 0px 7px;
    margin: 5px 8px 0 0;
    border-radius: 3px;
}
.code_actions span i {
	font-size: 14px;
    margin-right: 5px;
}

.expanded {
    position: fixed;
    top: 50%;
    left: 50%;
    width: fit-content;
    max-width: calc(100vw - 100px);
    min-width: 40%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    box-sizing: border-box;
}
.expanded pre{
    overflow-x: scroll;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
    margin: 0;
}
.expanded .pre_tag{
    margin: 1em 0 0 0;
}

#code_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    box-sizing: border-box;
    background-color: rgb(0 0 0 / 50%);
}

/* プラグインでスクロールバーの位置が修正*/
.hljs {
	display: unset !important;
}

/*コード強調*/
.code_accent {
    border: 1px dotted #adb6c6;
    padding: 3px 7px;
    background: #fff;
    border-radius: 3px;
    margin: 0px 2px;
    font-size: 0.85em;
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif !important;
}

/*iMacrosコード強調*/
.imacros-txt {
    border: 1px dotted #adb6c6;
    padding: 1px 3px;
    background: #FFF;
    border-radius: 3px;
    margin: 0px 2px;
    font-size: 0.85em;
}
table .imacros-txt{ /* テーブル内 */
	font-size: 0.95em;
	padding: 3px 3px 2px 3px;
}

/*ショートコード修正用*/
.sg_fix{
	padding-right: 5px;
}

/* タイムライン */
.tl_main pre code {
    font-size: unset !important;
}
.tl_main .pre_tag {
    margin: 2em 0 1.5em !important;
}

/* 会話 */
.chatting pre {
	margin: 0 0 20px;
}


/*------------------------------------------------------------
装飾
-------------------------------------------------------------*/
/* スクロールバー*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 背景色 */
	border-radius: 3px;
}
::-webkit-scrollbar-thumb {
    background: #d3d1cb; /* ハンドルの色 */
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #bfbfbe; /* ホバー時の色 */
}


/*キーボード風*/
.keyboard {
    display: inline-block;
    height: 26px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-shadow: 1px 2px 2px #ddd;
    font-size: 0.9em;
    color: #808080;
    background: #FFF;
    vertical-align: top;
}

/* フォント */
body {
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif !important;
	color:#484848;
}


/* 文字調節 */
body {
    letter-spacing: 0.4px;
}
.entry-content p {
    margin: 0 0 1.8em;
}

/* 文字大きさ、太さ */
.normal {
    font-weight: normal;
}
.b {
	font-weight:bold;
}
.big {
    font-size: 1.1em !important;
}

/* 文字色 */
.orange {
    color: #ff9900;
}
.purple{
	color:#9c54f8;
}
.keiko_orange {
    background: linear-gradient(transparent 50%, rgb(255, 224, 194) 50%);
}
.category_sidebar{
    color:#8c8c8c;
}

/* マージン */
.m25{
	margin-top:25px;
}

/* 注釈 */
.y-att{
	color: #ee7b7b;
	font-style: italic;
	font-size:0.8em;
}

/*吹き出し*/
.faceicon img {
	border: none!important;
    border-radius: 0;	
}
.sc {
	border-radius: 5px;
}

/*パンくず*/
#breadcrumb {
    padding: 6px 15px;
}
#breadcrumb ul {
    font-size: 1.1em;
}
#breadcrumb li a {
    text-decoration: none;
    font-weight: bold;
    color: #a1a1a1;
}
#breadcrumb li a:hover{
    opacity: 0.5 !important;
	transition: .5s;
	text-decoration: none !important;
}

/*日付*/
.entry-meta {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #b1b1b1;
    font-weight: bold;
}

@media only screen and (min-width: 768px){
.entry-meta {
    text-align: right;
}
}


/*NEW*/
.new {
    color: #fff;
    background: #ee7b7b;
    padding: 3px 5px;
    font-size: .9em;
    margin: 2px;
    border-radius: 2px;
}

/*------------------------------------------------------------
記事タイトルとURLコピーボタン実装
-------------------------------------------------------------*/
.copy-button{
	padding: 16px 0;
	margin: 1em 0;
    border: solid 1px #2f7cbf;
	border-radius: 3px;
    color: #2f7cbf;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
    font-weight: bold;
	font-size: 1.09em;
}
.copy-button.error{
	border-color:#ff7b7b;
	color:#ff7b7b;
}
.copy-button i {
    font-size: 1.05em;
}

@media only screen and (max-width: 768px){
.copy-button {
    margin: 0em 15px 1em;
}
}

span.sns-btn__title { /* シェアの文字非表示 */
    display: none;
}

/*------------------------------------------------------------
関連記事
-------------------------------------------------------------*/
.osusumekiji.kanrenkiji{ /* おすすめ記事部分 */
	margin-top: 4.5em;
}

#main .h-undeline{
	border-bottom: solid 3px #f0ebeb;
	background: #FFF;
	padding: 5px 0;
	font-size: 1.4em;
    color: #4c4c4c;
}
.related-posts.type_b {
    background: #FFF;
}
.related_ads {
    margin: 0 0 1.5em !important;
}

@media only screen and (max-width: 768px){
#main .h-undeline {
	margin: 0 15px 25px;
}
}
@media only screen and (max-width: 667px){
#main .h-undeline {
	margin: 0 30px 25px;
}
}
@media only screen and (max-width: 481px){
#main .h-undeline,
.related-posts.type_b ul{
	margin: 0 0px 25px;
}
}

/*------------------------------------------------------------
トップページ人気記事用のウィジェット
-------------------------------------------------------------*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
.popular-posts.cardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popular-posts .cardtype__article {
  width: 48%;
  margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
  margin-right: 4%;
}
.popular-posts .cardtype__article p {
  margin: 0; 
}
.popular-posts.cardtype h2 {
    margin: 0 5px;
    font-size: 15px;
}

/*------------------------------------------------------------
ブログカード
-------------------------------------------------------------*/
.linkto {
    position: relative;
}
.linkto .tbtext {
    padding: 33px 0 0 10px;
    vertical-align: top;
	font-size: 0.9em;
}
.linkto:before {
    position: absolute;
    content: "関連記事";
	left: 119px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	letter-spacing: 0.15em;
    padding: 0 0.3em 0 0.5em;
	border-radius: 3px;
	font-size: 0.8em;
    color: #fff;
    background: #ffb36b;	
}
	
@media only screen and (max-width: 768px){
.post-thumbnail { /* サムネイル */
    padding: 0 15px;
}
.entry-content { /* コンテンツ */
    padding: 20px 15px 0;
}
}

/*おすすめ記事+サイトマップ*/
.osusumekiji .linkto {
    max-width: none;
    width: 48.5%; /*48.6横幅綺麗に収まるが600pxあたりで2段になる*/
    padding: 0px;
    margin: 4px 0 0 1%;
    display: inline-block;
}
.osusumekiji .linkto:nth-of-type(odd){ /*奇数のみ*/
	margin: 4px 1% 0 0;
}
.osusumekiji .linkto:before {
    display: none;
}
.osusumekiji .linkto .tbtext {
    vertical-align: middle;
    padding: 7px;
}
.osusumekiji .linkto img {
    box-shadow: none;
}
.osusumekiji h3{
    border-left-width: 0 !important;
	margin-bottom: 25px !important;
}

@media only screen and (max-width: 768px){
.osusumekiji .h-undeline {
    margin: 0 0 25px !important;
}
}
@media screen and (max-width: 600px){
.osusumekiji .linkto,
.osusumekiji .linkto:nth-of-type(odd){
    width: 100%;
    margin: 0 0 0.5em;
}
}

/*------------------------------------------------------------
リンク
-------------------------------------------------------------*/
.entry-content a{
	text-decoration: underline;
}
.entry-content a:hover{
    opacity: 0.7 !important;
	transition: .5s;
	text-decoration: none;
}
.entry-content a[target="_blank"]:after{
	font-family: "Font Awesome 5 Free";
    content: '\f35d';
	font-size: 0.67em;
	font-weight: bold;
	margin-left: 3px;
	margin-right: 3px;
	display: inline-block;
}

/*ホバー透過なし*/
a.reference.table:hover,
a.c_linkto.longc_linkto:hover,
.camera-photo a:hover{
	opacity: 1 !important;
}
.c_linkto.longc_linkto:hover{
	color: #555;
}

/*下線なし*/
.entry-content pre code a,
.camera-photo a{	
    text-decoration: none;
}

/*外部リンクマークなし*/
a.reference.table[target="_blank"]:after{
	content: '';
}

/*------------------------------------------------------------
ボタン
-------------------------------------------------------------*/
#inner-content .btn {
    min-width: 50%;
    font-size: 1.05em;
}
#inner-content table .btn {
    width: unset;
    font-size: 1em;
	margin: 0.5em;
}
#inner-content table .center p {
    margin:0;
}
#inner-content a.btn {
    opacity: 1 !important;
}


/*------------------------------------------------------------
見出し
-------------------------------------------------------------*/
h1 {
    font-size: 1.65em;
}
.entry-content h2 {
    font-size: 1.55em;
    background: #8c8c8c;
    padding: 14px 12px 11px;
    margin: 4em -0.5em 1.1em; /*4em -0.5em 0.7em*/
    color: #FFF;
    border-radius: 3px;
}
.entry-content h3 {
    font-size: 1.45em;
    padding: 7px 0 7px 10px;
    border-color: #a2a2a2;
    margin: 3em -0.3em 1em; /*3em -0.3em 0.7em*/
    border-left-width: 5px;
}
.entry-content h4 {
    font-size: 1.3em;
    margin: 2.5em -0.3em 0.8em; /*2.5em -0.3em 0.6em*/
}
.entry-content h5{
    font-size: 1.2em;
    margin: 2em 0 0.7em; /*2em 0 0.5em*/
}

@media screen and (max-width: 991px){
.entry-content h2,
.entry-content h3,
.entry-content h4{
    margin-left: 0;
	margin-right: 0;
}
}

@media only screen and (max-width: 481px){
h1{
	font-size:1.35em;
}	
.entry-content h2{
	font-size:1.35em;
}
.entry-content h3{
	font-size:1.3em;
}
.entry-content h4{
	font-size:1.2em;
}
.entry-content h5{
	font-size:1.1em;
}
}

/*見出しルビ*/
h3.ruby {
    padding: 17px 0 5px 10px !important;
}

/*------------------------------------------------------------
TOPページ
-------------------------------------------------------------*/
@media only screen and (min-width: 1030px) {
  .home .d-5of7 {
     padding-right: 0;
  }
}

/*------------------------------------------------------------
カテゴリ一覧ページ
-------------------------------------------------------------*/
@media only screen and (min-width: 1030px){
.archive .wrap {
    max-width: 1180px !important;
}
.archive .d-5of7 {
     padding-right: 0;
  }
}


/*------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/
.yourprofile{
    color: #6b6969;
}
.yourprofile .profile-img {
    height: 0;
    margin: 10px 0;
}
.yourprofile .profile-img img {
    border: solid 1px #d5d5d5;
    border-radius: 0;
    float: left;
}
.yourprofile-dotted {
    border-bottom: dotted 2px #dadada;
    margin: 10px 10px 0;
}
.profile-content {
    font-size: 0.85em;
    display: table;
	padding:0px 0px 0px 15px;	
}
.profile-content p {
	margin:0;
}
.yourname {
    padding: 0 15px;
	margin:0 !important;
    font-size: 0.9em;
    text-align: left;
    display: table;	
}

/*------------------------------------------------------------
SNSシェア
-------------------------------------------------------------*/
.fab__contents_img {
	height: 180px;
}

@media only screen and (max-width: 481px){
.extended-fab{
	width: 120px;
}
.extended-fab, 
.extended-fab i {
	height: 40px;
    line-height: 41px;
}
.fab-btn{
    margin: -17px 22px -10px auto;
}
}

/*------------------------------------------------------------
ロゴ
-------------------------------------------------------------*/
#logo img {
    width: 200px;
    height: 40px;
    padding: 0 !important;
}
.header{
    background-color: #8c8c8c !important;
}

/*------------------------------------------------------------
スマホサイドメニュー
-------------------------------------------------------------*/
.drawer__title .close span, .drawer__title .close span:before {
	background: #5a5a5a!important;
}

/*------------------------------------------------------------
ヘッダー
-------------------------------------------------------------*/
.header-info a {
    padding: 3px;
}

/*------------------------------------------------------------
フッター
-------------------------------------------------------------*/
.desktop-nav li a, .mobile-nav li a, #footer-menu a, .copyright, .drawer__title {
color: #636363 !important;
}

#entry footer {
  margin: 0em 0 0;
}
.footer-contents {
    padding-bottom: 15px;
}

@media only screen and (max-width: 768px){
.footer-contents {
    padding-bottom: 0;
}
}



/*------------------------------------------------------------
ボックス(自作)
-------------------------------------------------------------*/
.waku{
	margin-bottom: 1.5em;
	padding: 1em;
	color: #545454;
	border-radius: 2px;
	position: relative;
}
.waku p {
    margin: 0 0 5px;
}
.waku p:last-child {
    margin: 0 !important;
}

.waku ol,
.waku ul{
	margin: 5px 0;
    padding: 0 0 0 1.4em;
    border: none;
    box-shadow: none;
    background: transparent;
}

.waku table{
	margin: 15px 0px 10px;
}

.waku .accordion label,
.waku .accordion_content{
	background: #FFF;
}
.waku .accordion_input:checked + label,
.waku .accordion label:hover{
    background: #efefef;
}

.waku-normal{
	border: solid 1px #dadada;
	background: #FFFF;
}
.waku-dashed{
	border: dashed 1px #bcbcbc;
	background: #FFFF;
}
.waku-blue {
    background: #f0f7ff;
    border: solid 2px #e4f0ff;
}
.waku-green {
    background: #e6f3e3;
    border: solid 2px #d6f1d0;
}
.waku-purple {
    background: #f2f2ff;
    border: solid 2px #ebebff;
}
.waku-brown {
    background: #F5EEE1;
    border: solid 2px #f3e8d5;
}

.waku-black {
    background: #0c0c0c;
    border: solid 2px #ffffff;
    color: #cccccc;
    font-family: "ＭＳ ゴシック", Consolas, 'Courier New', Courier, Monaco, monospace;
    letter-spacing: -0.05em;
}

.waku-special{
	background: #f5f5f5;
	position: relative;
}
.waku-special:after{
	position: absolute;
    content: '';
    right: 0;
    top: 0;
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #fff #fff #e3e3e3;
    box-shadow: -1px 1px 1px #e3e3e3;
}

.waku-translate {
    background: #f5f8ff;
    padding: 1.2em 1.5em 1.6em;
	color: #888;
}
.waku-translate:before,
.waku-translate:after {
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    vertical-align: middle;
    line-height: 1;
	color: #9dbbff;
    font-weight: bold;
}

.waku-translate:after {
    content: "\f1ab";
    right: 10px;
    bottom: 5px;
}



/*------------------------------------------------------------
ボックス
-------------------------------------------------------------*/
.memo p,
.box26 p,
.box27 p,
.box28 p{
    margin: 0 0 5px !important;
}

/* ボックス26 */
.box26{
    border: solid 2px #aaabaa;
	margin: 2.3em 0 2em;
}
.box26 .box-title{
    color: #aaabaa;
}
.box26 ul{
	margin:0;
}
.box26 li:first-of-type {
	padding:0 0 5px 0;
}
.box26 li:last-of-type {
	padding:5px 0 0 0;
}

/* ボックス27 */
.box27 {
	border-radius: 2px;
	border: solid 2px #ababab;
	margin: 2.3em 0 2em;
}
.box27 .box-title{
	color: #ababab;
	left: 16px;
}
.box27 .box-content {
    padding: 0 0.8em 1em;
    margin-top: -5px;
}
.box27 li {
    border-bottom: #d8d8d8 dotted 1px;
}
.box27 li:last-child {
    border-bottom:none;
	padding-bottom: 0;
}
.box27 .box-title:before {
	content: "\f279";
    font-weight: normal !important;
}

/* ボックス28 */
.box28 .box-title {
    background: #ababab;
}
.box28 .box-content {
    padding: 1em 1em;
    border: solid 2px #aaabaa;
	background: #f9f9f9;
}

/* メリットBOX */
.box31 { 
    background: #fafdff;
    box-shadow: none;
    border: 2px solid #e9f4ff;
    border-radius: 3px;
}
.box31 .box-title {
    padding: 5px 4px;
    background: #e9f4ff;
    color: #6bb6ff;
    font-size: 1.1em;
    border-radius: 3px 3px 0 0;
}

/* デメリットBOX */
.box33 {
    background: #fff9f9;
    box-shadow: none;
    border: 2px solid #ffe6e6;
    border-radius: 3px;
}
.box33 .box-title {
    padding: 5px 4px;
    background: #ffe7e7;
    color: #ee7b7b;
    font-size: 1.1em;
    border-radius: 3px 3px 0 0;
}

.main-bc-before li:before{
    background-color: #ababab !important;
}
.li-mainbdr ol,
.li-mainbdr ul{
    border-color: #aaabaa!important;
}
.li-check li:before{
	color:#ababab!important;
}

/*------------------------------------------------------------
レビューボックス
-------------------------------------------------------------*/
.rate-box .rateline.end-rate {
    background: #e0e0e0;
}
.rate-thing {
    font-weight: normal;
}

/*レイト*/
.rate_color{
	color:#808080;		
}

/*------------------------------------------------------------
ダイアグラム
-------------------------------------------------------------*/
.diagram{
    display: table;
    width: 100%;
	margin-bottom: 2em;
}
.diagram-img{
	display: table-cell;
    padding-right: 10px;
	vertical-align: middle;
	width: 50%;
}
.diagram-img img{
	border: solid 2px #d5d5d5;
	border-radius: 2px;
	display: inline-block;
	width: 100%;
}
.diagram-note{
	display: table-cell;
	vertical-align: middle;
    position: relative;
	font-size: .95em;
	width: 49%;
}
.diagram-sc {
    width: 100%;
	padding: 13px 10px;
    border: solid 3px #d5d5d5;
	background: #FFF;
    border-radius: 12px;
    position: relative;
}
.diagram-sc p{
    margin: 0 0 5px;		
}
.diagram-sc:before {
    top: 30%;
    left: -42px;
    position: absolute;
    border: 21px solid transparent;
    border-right: 21px solid #d5d5d5;
    content: "";
}
.diagram-sc:after {
    top: 30%;
    left: -38px;
    position: absolute;
    border: 21px solid transparent;
    border-right: 22px solid #fff;
    content: "";
}
.diagram cite {
    font-size: 0.7em;
    margin-top: -26px;
    position: absolute;
    margin-left: 10px;
}

@media only screen and (max-width: 600px){
.diagram{
    display: block;
}	
.diagram-img{
	padding-right:0;
	padding-bottom: 10px;
	display: block;
    width: 100%;
	margin-left: auto;
    margin-right: auto;
}
.diagram-img.w05,
.diagram-img.w10,
.diagram-img.w15,
.diagram-img.w20,
.diagram-img.w25,
.diagram-img.w30,
.diagram-img.w35,
.diagram-img.w40,
.diagram-img.w45,
.diagram-img.w50,
.diagram-img.w55,
.diagram-img.w60,
.diagram-img.w65,
.diagram-img.w70,
.diagram-img.w75,
.diagram-img.w80,
.diagram-img.w85,
.diagram-img.w90{
	width: 100%!important;
}	
.diagram-note{
	display: block;
    position: relative;
	width: 100%;
}
.diagram-sc {
    display: block;
}
.diagram-sc:before {
    top: -42px;
    left: 44%;
    border: 21px solid transparent;
    border-bottom: 21px solid #d5d5d5;
    content: "";
}	
.diagram-sc:after {
    top: -37px;
    left: 44%;
    border: 21px solid transparent;
    border-bottom: 21px solid #fff;
    content: "";
}
}

/*写真用*/
.cpd .diagram{
    display: block;
	overflow: unset;
}	
.cpd .diagram-img{
	padding-right:0;
	padding-bottom:0;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
    display: block;
}	
.cpd .diagram-note{
	display: block;
	width: 100%;
}
.cpd .diagram-sc:before {
    top: -42px;
    left: 44%;
    border: 21px solid transparent;
    border-bottom: 21px solid #d5d5d5;
    content: "";
}	
.cpd .diagram-sc:after {
    top: -37px;
    left: 44%;
    border: 21px solid transparent;
    border-bottom: 21px solid #fff;
    content: "";
}
.cpd .camera-photo{
    margin-bottom: 0.8em;
}
.cpd .diagram a[target="_blank"]:after {
	display:none!important;
}
.cpd .diagram a:hover{
	text-decoration: none;
}


/*------------------------------------------------------------
テーブル
-------------------------------------------------------------*/
table{
	border-collapse: separate;
    border-spacing: 1px;
	border-top: 1px solid #cfcfcf !important;
    border-left: 1px solid #cfcfcf!important;
	border-bottom: 0px solid #cfcfcf!important;
	border-right: 0px solid #cfcfcf!important;
	font-size: 0.85em;
}
thead th {
    background-color: #cccccc !important;
    color: #FFF;
}
th {
	color: #5f5f5f;
}
td {
    background: #ffffff;
}
th,td {
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0!important;
}
td:last-child,th:last-child {
    border-right: 1px solid #e0e0e0;
}

.w05{ width: 5% !important; }
.w10{ width: 10%!important; }
.w15{ width: 15%!important; }
.w20{ width: 20%!important; }
.w25{ width: 25%!important; }
.w30{ width: 30%!important; }
.w35{ width: 35%!important; }
.w40{ width: 40%!important; }
.w45{ width: 45%!important; }
.w50{ width: 50%!important; }
.w55{ width: 50%!important; }
.w60{ width: 60%!important; }
.w65{ width: 65%!important; }
.w70{ width: 70%!important; }
.w75{ width: 75%!important; }
.w80{ width: 80%!important; }
.w85{ width: 85%!important; }
.w90{ width: 90%!important; }

.entry-content table ul,
.entry-content table ol{
	border:none;
	margin: 0;
    padding: 0.3em 0.1em 0.3em 1.5em;
}



/*スライダー*/
.entry-content table.slider {
    display: block;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

/*ショート*/
.tb-short{
	width: auto !important;
}

/*カメラ用*/
.camera-tb th,
.camera-tb td{
	padding: 7px 4px;
}

/*中央寄せ*/
.center-td {
text-align: center;
}

/*固定*/
.sticky {
    position: sticky;
    left: 0;

}
.sticky:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
	pointer-events: none;
}

/*------------------------------------------------------------
薬機法テーブル
-------------------------------------------------------------*/
.ng th{background: #ffcece;}
.ng td{background: #ffefef;}
.ok th{background: #dbedff;}
.ok td{background: #f2f8ff;}

.example th{background: #ffcece;}
.example th:nth-child(2) {background: #dbedff;}
.example td{background: #ffefef;}
.example td:nth-child(2){background: #f2f8ff;}

.ok td,
.ng td,
.example td{vertical-align: top;letter-spacing: 0px;}

.ok th,
.ng th,
.example th{font-size: 1.15em;}

table.ok,
table.ng,
table.example{margin-bottom:3.5em !important;}

table.y-toc a:before{
	font-family: "Font Awesome 5 Free";
	content: '\f150';
    font-weight: bold;
	margin-right: 4px;
	display: inline-block;
}

/*------------------------------------------------------------
ショートコード
-------------------------------------------------------------*/
.memo_ttl {
	font-size: 1.1em;
}
.memo_ttl:before {
	width: 25px;
    height: 25px;
    margin: 0 3px 4px 0;
    line-height: 25px;
}

/*Youtuber時間表示*/
.youtube-time {
    padding: 1px 8px;
    border-radius: 2px;
    font-weight: bold;
	line-height: normal;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.80);
    right: 6px;
    top: -6px;
    position: relative;
    display: inline-block;
    float: right;
}

/*------------------------------------------------------------
引用
-------------------------------------------------------------*/
.entry-content blockquote {
    border: none;
    background: #f9f9f9;
	padding: 1.2em 1.5em 0.8em;
	color: #888;
}
.entry-content blockquote:before {
    top: 10px;
    left: 10px;
    font-size: 15px;
	color: #ababab !important;
}
.entry-content blockquote:after {
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
    content: "\f10e";
    right: 10px;
    bottom: 10px;
    color: #ababab;
	font-weight: bold;
}
.entry-content blockquote cite {
    margin-top: 5px;
}

/*------------------------------------------------------------
キャラ
-------------------------------------------------------------*/
@media only screen and (max-width: 480px){
.faceicon {
	padding-right:10px;	
    width: 90px;
}
.right .faceicon {
    padding: 0 0 0 10px;
}
}

/*------------------------------------------------------------
写真フレーム+補足
-------------------------------------------------------------*/
.camera-photo{
 text-align: center;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
	transition: 0.2s ease-in-out;
	margin-bottom:1.8em
}
.camera-photo p{
	text-align: right;
    margin: 0;
    font-size: 0.75em;
    padding: 0 8px;
    color: #6d6d6d;
    font-weight: bold;
}
.camera-photo img{
	border-width:6px 6px 0 6px;
	border-style: solid;
	border-color:#FFF;
	width: 100%
}
.camera-photo:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
	transition: 0.2s ease-in-out;
}





/*------------------------------------------------------------
フローチャート
-------------------------------------------------------------*/
.fc {
	margin: 2em 0;
    padding: 1em 1em 0.5em;
    background: #f9f9f9;
    border: solid 2px #f3f3f3;
    border-radius: 2px;
}
.fc p,
.fc .diagram{
	margin: 0 0 10px;
}
.fc ol,
.fc ul{
	margin: 5px 0;
    padding: 0 0 0 1.4em;
    border: none;
    box-shadow: none;
    background: transparent;
}
.fc_lable {
	display: table;
	margin-bottom:3px
}
.fc_number{
	display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #a7a7a7;
    text-align: center;
    line-height: 30px;
	font-weight: bold;
    color: #FFF;
}
p.fc_title {
    font-size: 1.1em;
    font-weight: bold;
    display: table-cell;
    padding: 0px 0 7px 10px;
    vertical-align: middle;
	font-family: "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.fc .accordion label {
    /*margin-top: 30px;*/
    background: #FFF;
}
.fc .accordion label:hover {
    background: #efefef;
}
.fc .accordion_input:checked + label {
    background: #efefef;
}

.fc img {
    background: #FFF;
    border: solid 3px #eaedf2;
	margin: 10px 0px;
}
.fc .twentytwenty-container img {
	margin: 0px !important;
}

.fc .faceicon img{
	margin: 10px 0px 0px !important;
}
.fc .linkto img{
	margin:0px !important;
}

.fc table th {
	background: rgb(255 255 255 / 55%) !important;
}

/*------------------------------------------------------------
Rinker
-------------------------------------------------------------*/
/*アニメーション*/
div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	box-shadow: 0 6px 13px rgba(0, 0, 0, 0.25);
    transform: translateY(-3px); /*垂直方向*/
	transition: 0.3s ease-in-out; /*速度*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li{
	transition: 0.2s ease-in-out;
}

/*opacityなし*/
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1 !important; /*メインのCSSが全体に掛かっているため必要*/
}

/*コンテンツ*/
div.yyi-rinker-contents div.yyi-rinker-box,
div.yyi-rinker-contents div.yyi-rinker-info,
div.yyi-rinker-contents div.yyi-rinker-detail{
    padding-right: 7px;
}

div.yyi-rinker-contents {
    border-radius: 3px;
}

.yyi-rinker-title,
.yyi-rinker-detail,
.yyi-rinker-info{
	margin-left: 5px;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
    color: #42424280;
    padding-left: 0;
}

/*リンク*/
li.freelink1,
li.freelink3,
li.amazonlink,
li.rakutenlink,
li.yahoolink,
li.freelink2{
    width: 46%;
	text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
    background: #ee7b7b;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
    background: #6bb6ff;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
    background: #8d7fd6;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
    background: #5290e0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
    padding: 0.2em 0em;
	margin: 5px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a{
	padding: 0px;
	font-size: 0.8em;
	letter-spacing: 1px;
}

@media screen and (max-width: 532px){ /*後で変えた方が良いかも*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0;
    margin: auto;
    width: 90%;
    text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 100%;
    margin: .3em 0;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
}	
div.yyi-rinker-contents ul.yyi-rinker-links{
	margin-bottom:5px;
}

.yyi-rinker-image {/*Lサイズ使用する場合の制御*/
    margin: 0 auto;
    max-width: 70%;
}

li.freelink1,
li.freelink3,
li.amazonlink,
li.rakutenlink,
li.yahoolink,
li.freelink2{
    width: 100%;
}
}

/*------------------------------------------------------------
ページネーション
-------------------------------------------------------------*/
.pagination ul {
    padding: 0;
}

/*------------------------------------------------------------
Amazon画像
-------------------------------------------------------------*/
.amazon{
	margin: 0 0 1.8em;
}
td .amazon,
th .amazon{
	margin: 0 0 0;
}
.amazon a[target="_blank"]:after{
	display:none !important;
}

/*------------------------------------------------------------
カテゴリラベル
-------------------------------------------------------------*/
/* カメラ Lightroom*/
.cat-name.catid10,
.cat-name.catid64 {
	background: #63a5ff;
}

/* Selenium */
.cat-name.catid67 {
    background: #55c500;
}

/*カテゴリ別人気記事オリジナルカスタマイズ*/
.cms-nav.cms-nav-ranking li {
    position: relative;
	margin: 0.5em 0 0.5em 0;
}
.cms-nav-img {
    width: 80px;
    float: left;
    margin: 4px 5px 4px 0;
}
.cms-nav-tit {
	font-size: .9em;
    line-height: 1.3;
}
.cms-nav.cms-nav-ranking li::after {
    pointer-events: none;
    position: absolute;
    display: block;
    content: '';
    letter-spacing: 0.1em;
    font-size: 12px;
    font-weight: 700;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: #bbb;
    text-align: center;
    color: #fff;
    z-index: 9;
}
.cms-nav.cms-nav-ranking li:nth-child(3)::after,
.cms-nav.cms-nav-ranking li:nth-child(2)::after,
.cms-nav.cms-nav-ranking li:nth-child(1)::after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    font-size: 12px;
    vertical-align: middle;
}
.cms-nav.cms-nav-ranking li:nth-child(1)::after {
    content: '1';
    background: #bca045;
}
.cms-nav.cms-nav-ranking li:nth-child(2)::after {
    content: '2';
    background: #7d7d7d;
}
.cms-nav.cms-nav-ranking li:nth-child(3)::after {
    content: '3';
    background: #9b7155;
}
.cms-nav.cms-nav-ranking li:nth-child(4)::after,
.cms-nav.cms-nav-ranking li:nth-child(5)::after,
.cms-nav.cms-nav-ranking li:nth-child(6)::after,
.cms-nav.cms-nav-ranking li:nth-child(7)::after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    font-size: 12px;
    vertical-align: middle;
}
.cms-nav.cms-nav-ranking li:nth-child(4)::after {
    content: '4';
}
.cms-nav.cms-nav-ranking li:nth-child(5)::after {
    content: '5';
}
.cms-nav.cms-nav-ranking li:nth-child(6)::after {
    content: '6';
}
.cms-nav.cms-nav-ranking li:nth-child(7)::after {
    content: '7';
}

/*------------------------------------------------------------
transform　バグフィックス
-------------------------------------------------------------*/
.cardtype, .sidelong {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}