@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** 文字、見出し、フォント
************************************/
/* リンク<a>装飾 */
a{
  	text-decoration: none;
}
a:hover{
color:#b56767;
}
/*グローバルナビフォント*/
.item-label {
    font-family:serif;
}
.article h2,
#sidebar h3{
background:none;
position:relative;
}
.article h2:before{
    content: '';
    height: 2px;
    width: 25px;
    display: block;
    background-color: #333;
    position: absolute;
    left:-5px;
	bottom: 50%;
}
#sidebar h3{
	font-weight:500;
    font-family: 'ZCOOL XiaoWei', serif;
    text-align: center;	
}
.article h3,
.article h4,
.article h5,
.taxonomy_title{
	border:none;
}
.article h5{
	font-size:18.5px;
}
.archive-title .fa-folder-open:before{
	display:none;
}
/************************************
** 基本設定（General Setting）
************************************/
/* ページネーション */
.pagination-next {
  display: none;
}
.page-numbers {
  	border-radius: 50%;
    border: none;
	background:#f8f8f8;
	font-family: 'ZCOOL XiaoWei','yu mincho',serif;
    font-style: italic;
}
.pagination a:hover {
	background-color:#cac4b059;
}
.pagination .current {
    background-color: #f1ead1;
}
/* コメント欄 */
.comment-btn {
    background-color: #F2F2F2;
    border: none;
    color: #000020;
}
#commentform .comment-form-comment #comment{
	background-color:#f9f9f9;
	border:none;
}
#commentform .form-submit input[type='submit']{
	border:none;
	background-color:#eee;	
    width: 60%;
    padding: 1.2em 1em;
}
#commentform .form-submit input[type='submit']:hover{
	opacity:0.7;
}
#commentform .form-submit{
	text-align:center
}
/*国リストウィジェットの階層*/
#lct-widget-region ul{
	padding-left: 20px;
}
#lct-widget-region{
	font-size:15px;
}
/*人気ランキングウィジェット表示*/
.widget-entry-cards.ranking-visible .card-thumb::before {
    background-color: transparent !important;
	color:#333;
    font-family: 'ZCOOL XiaoWei',serif;
	font-size: 15px;
	font-style: italic;
	z-index:3;
}
#popular_entries-2 .popular-entry-card::before,
.page-id-26817 .popular-entry-card::before{
	content: "";
    border-bottom: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #EFECE9;
    border-left: 24px solid #EFECE9;
    opacity:0.9;
    top: 3px;
    position: absolute;
	z-index:1;
}
/*記事一覧系ウィジェットの文字サイズと中央揃え解除*/
.new-entry-cards, .widget-related-entry-cards{
    text-align: inherit;
}
.widget-entry-card{
    font-size: 0.8em;
	font-weight: 500;
}
/*各国スポイラーのリスト装飾*/
.su-spoiler-content  ul.lcp_catlist li{
	list-style:circle;
}
/*トップに戻るボタンを丸く*/
.go-to-top-button{
border-radius:20px;	
}
/*目次toc*/
.toc{
	border:none;
    background-color: #f9f8f5;
}
.toc-content {
    transition: all .3s ease-out;
}
/*エントリーカード系ホバー時*/
.a-wrap:hover {
	background-color: #cac4b02e;
	opacity:0.8;
	transform:translateY(-2px);
	box-shadow: 2px 2px 6px 0 #f7f7f7;
}
/*固定ページの非表示設定*/
.page .sns-share,
.page .sns-follow,
.page .date-tags,
.page .author-info{
    display: none;
}
/*サイドバーウィジェット中央揃え*/
#sidebar #lct-widget-region{
	margin-left: auto;
    margin-right: auto;
	max-width: 320px;
}
/*引用スタイル*/
blockquote {
    border: 0;
}
/*旅行記の前後記事*/
.twPrevNext{
background:#f1f1f1;
	padding:10px;
}
.twPrevNext ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
/************************************
** カテゴリ・タグのラベル
************************************/
/* アイキャッチカテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label,
.eye-catch .cat-label{
  display: none;
}
/* カテゴリー、タグ、タクソノミーラベル */
.entry-footer-categories-tags{
	text-align:right;
}
.entry-footer-categories,
.entry-footer-tags{
	margin-right:0.5em;
}
.entry-footer-categories a,
.entry-footer-tags a{
	background:none;
	border:none;
    border-bottom: 1px solid #e5e6e7;
	color:#222;
}
.cat-link,
.tag-link{
	padding:0;
	border-radius:0;
}
.cat-link ::before,
.tag-link ::before,
.tag-link-114,
.tag-link-176{
	display:none;
}
.entry-footer-tw a,
.entry-footer-region a{
	color:#222;
    display: inline-block;
    font-size: 12px;
    word-break: break-all;
	border-bottom:1px solid #c6c7c6;
}
.entry-footer-region a{
    border-bottom:1px solid #d8d0bb;
}
/************************************
** 検索ボックス
************************************/
.search-box{
	max-width:480px;
	margin-left: auto;
    margin-right: auto;
}
.search-box .search-edit{
	background: #f7f7f7;
	border:none;
	border-radius:0;
	font-size:14px;
}
.search-box .search-submit{
    background: #d29f83;
    width: 60px;
	color:#f7f7f7;
    font-size: 14px;
    line-height: 44px;
}
/************************************
** テーブルデザイン
************************************/
/* テーブルの枠線をなしにする */
.table_option td,
.table_option th{
border:none;
}
/* テーブルの横スクロール */
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}
/* 横長テーブル*/
.sticky-table{
	white-space: nowrap;
	line-height:1.6;
}
.sticky-table table{
	border-collapse: collapse;
	word-break: break-all;
	table-layout: fixed;
	display:block;
	overflow:scroll;
	max-height: 80vh;
}
.sticky-table thead th:first-child {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}
.sticky-table thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	text-align:center;
}
.sticky-table tbody th:first-child{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
	white-space: normal;
	min-width: 130px;
}
.sticky-table th, .sticky-table td {
	min-width: 50px;
	text-align: left;
	font-size: .8em;
	position: relative;
	padding: 13px !important;
	z-index: 0;
	vertical-align:middle !important;
}
.sticky-table th{
	/*background:#f0f9ff !important;*/
	letter-spacing: 1px;
	font-weight: 600 !important;
}
.sticky-table table th::before, .sticky-table table td::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: -1;
}
/* スマホ */
@media screen and (max-width: 720px) {
	.sticky-table table {
		max-height: 60vh;
  	}
	.sticky-table thead th:first-child, .sticky-table tbody th:first-child {
    		min-width: 25vw;
  	}
 	.sticky-table th, .sticky-table td {
    		padding: 7px !important;
  	}
}
/************************************
** ブログカード
************************************/
/*内部ブログカードのフッター非表示*/
.internal-blogcard-footer{
	display:none;
}
/*背景色*/
.blogcard-wrap {
    background-color: #f8f8f8;
}
/*枠線なし*/
.blogcard{
	border:none;
}
/************************************
** おすすめカード
************************************/
.recommended-in a.navi-entry-card-link{
	box-shadow: 2px 2px 6px 0 #bbb;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover .card-content {
	margin-bottom: 0;
}
.widget-entry-cards.large-thumb-on .card-content{
    background-color: #ffffff8c;
    color: #333;
    font-weight: 600;
}
/************************************
** タブ（ultimate shortcodes）
************************************/
#content .su-tabs{
	border-radius:0;
	padding:0;
	padding-top:3px;
	background:#fafafa;
}
#content .su-tabs-current{
    font-weight: bold;
	background:#fafafa;
	border-bottom: 1px solid #333;
}
.su-tabs-nav{
	display:flex;
	justify-content:center;
}
.su-tabs-nav span{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#content .su-tabs-pane{
	background:#fafafa;
}
#lcp_instance_0 li{
font-size:15px;
margin-left:-16px;
margin-bottom:5px;
}
/************************************
** トップページ
************************************/
.new-entry-cards,
.widget-related-entry-cards{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
    text-align: center;
	font-size: 0.9em;
}
.top-tw{
	flex-wrap:nowrap;
}
.new-entry-cards a.new-entry-card-link,
.widget-related-entry-cards a.widget-related-entry-card-link{
	max-width:360px !important;
	margin:0 10px;
	padding:12px;
}
.new-entry-cards a.new-entry-card-link .new-entry-card-content,
.widget-related-entry-cards a.widget-related-entry-card-link .widget-related-entry-card-content{
    margin: 1em 0 .5em;
}
.page-id-26817 .entry-title,
.page-id-26817 .sns-share,
.page-id-26817 .date-tags,
.page-id-26817 .author-info,
.page-id-26817 h2:before,
.page-id-29342 h2:before{
display: none;
}
.page-id-26817 p,
.page-id-26817 h2,
.page-id-29342 h2{
	text-align:center;
}
.page-id-26817{
 font-size: 0.9em;
}
.page-id-26817 h2,
.page-id-29342 h2{
	font-family:YuMincho,'Yu Mincho',serif;
}
.page-id-26817 .widget-entry-cards .widget-entry-card {
	font-size:1em;
	font-weight:600;
}
.page-id-26817 .column-3 .column-left,
.page-id-26817 .column-3 .column-center,
.page-id-26817 .column-3 .column-right,
.page-id-29342 .column-3 .column-left,
.page-id-29342 .column-3 .column-center,
.page-id-29342 .column-3 .column-right{
    align-content: center;
    justify-content: center;
    display: flex;
}
/************************************
** 世界一周旅行記カバー
************************************/
.twCover{
	background-color:#f9f9f9;
	padding-top:8px;
}
.twCover img{
	box-shadow:2px 2px 6px 0 #bbb;
}
.twCover ul{
   display: flex;
   flex-wrap:wrap;
   list-style-type:none;
   padding:8px;
   text-align:center;
}
.twCover ul li{
   margin: 8px;
   padding:8px 0;
   height:100%;	
   max-width:30%;
   scroll-snap-align:center;
}
.twCover ul li a{
    display: block;
	transition:0.5s;
}
.twCover ul li a:hover{
	opacity: .8;
    transform: translateY(-3px);
}
/************************************
** 補足情報スタイル
************************************/
.information:before, .information,
.question:before, .question,
.alert:before, .alert{
    border:none;
}
.question{
	background-color: #e8edea;
}
.question:before{
	color: #bdccc3;
}
.information{
	background-color:#F8F7ED;
}
.information:before{
	color: #ECE7BE;
}
.alert{
	background-color:#F8E3E3;
}
.alert:before{
	color:#F2AFAB;
}
/************************************
** cocoonボックス、ボタン
************************************/
.label-box-content {
	border: 1px solid #808080;
	border-radius:0;
}
.lb-grey{
	border-color: #bbb;
}
button.components-color-palette__item is-active{
	color:grey;
}
.lb-white{
	position:relative;
}
.lb-white .label-box-content{
	border:none;
}
.lb-white  .label-box-label{
	z-index: 1;
    position: relative;
}
span.label-box-label-text{
	background-color:#fff;
}
.lb-white .label-box-content:before,
.lb-white .label-box-content:after{
  content: "";
  position: absolute;
  left: 0;
  top:13px;
  width:100%;
  height: 4px;
  background: repeating-linear-gradient(-45deg, #fff, #fff 1px, #b4b4b4 1px, #b4b4b4 2px);
}
.lb-white .label-box-content:after{
  top:auto !important;
  bottom:0;
}
/*タイムライン*/
.timeline-item:before{
	background: #40545b;
}
.timeline-item-content {
    border-left: 3px solid #b0be91;
}
 .timeline-box {
    border: 0;
    background: #fbfbfb;
}
/************************************
** unusualボックス、ボタン
************************************/
.grey-box-unusual,
.coffee-box-unusual,
.green-box-unusual,
.stripe-grey-box-unusual{
	padding:15px;
	margin-bottom:1em;
	border-radius:3px;
}
.grey-box-unusual{
    background-color: #f6f6f6;
}
.coffee-box-unusual{
    background-color: #e7e2db;
}
.green-box-unusual{
    background-color: #dbe4e0;
}
.greyBorder-box-unusual,
.goldBorder-box-unusual{
	border: 7px solid #f6f6f6;
	padding:15px;
	margin-bottom:1em;
}
.goldBorder-box-unusual{
    border: 3px solid #d7d2bb;
}
.stripe-grey-box-unusual{
    position:relative;
}
.stripe-grey-box-unusual:before,
.stripe-grey-box-unusual:after{
  content: "";
  position: absolute;
  left: 0;
  top:0;
  width:100%;
  height: 4px;
  background: repeating-linear-gradient(-45deg, #fff, #fff 1px, #b4b4b4 1px, #b4b4b4 2px);
}
.stripe-grey-box-unusual:after{
  top:auto !important;
  bottom:0;
}
.related-box{
	background-color:#F2F2F2;
	padding: 20px 20px 20px 72px;
	position: relative;
	margin-top: 1em;
  	margin-bottom: 1em;
	display:block;
    border-radius: 4px;
}
.related-box::before{
	font-family:"Font Awesome 5 Free";
	content: '\f058';
	font-weight:bold;
    font-size: 50px;
    position: absolute;
	color:#d9d9d9;	
    top: 50%;
    left: 13px;
    line-height: 1em;
    margin-top: -.5em;
    width: 44px;
    text-align: center;
}
.chevron-box{
background-color:#cfddd9;
color:#366c73;
padding: 10px;
margin-top: 1em;
margin-bottom: 1em;
display:block;
}
.chevron-box::before{
font-family: "Font Awesome 5 Free";
content: '\f138'' ';
color:#285750;
}
.border-box{
  border-top:1px solid #353C42;
  border-bottom:1px solid #353C42;
  width:95%;
  margin-left:auto;
  margin-right:auto;
  padding:1.2em;
}
.border-box-label{
  text-align:center;
  margin-bottom:1.5em;
  font-size:.9em;
}
.step-box{
	padding: 0 0 0 45px;
	position: relative;
	display:block;
}
.step-box::before{
    font-family: "Font Awesome 5 Free";
	content: '\f0d7';
	font-weight:bold;
    font-size: 25px;
    position: absolute;
	color:#333;
    top: -13px;
    left: 13px;
    padding-right: .15em;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    width: 20px;
    text-align: center;
}
/* ボタンのスタイル */
.btn-gradient-black,
.btn-gradient-red,
.btn-gradient-gold{
  display: inline-block;
  padding: 0.3em 2em;
  text-decoration: none;
  color: #FFF;
  background:#4a4a4a;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition:.5s;
}
.btn-gradient-red{
  background-color:#DD4E3C;
  padding: .8em 2em;
}
.btn-gradient-gold{
    background-color: #fff;
    border: #c0b283 1px solid;
    padding: .8em 2em;
	color:#333;
}
.btn-gradient-red a{
	color:#fff;
}
.btn-gradient-gold a{
	color:#333;
}
.btn-gradient-black:hover,
.btn-gradient-red:hover,
.btn-gradient-gold:hover{
  background-image: linear-gradient(135deg, #d2c9a8 80%, #f2efe6 100%);
  transform:translateY(-2px);
  box-shadow: 2px 2px 6px 0 #ccc;
}
a.btn-gradient-black:hover,
.btn-gradient-red:hover{
	color:#fff;
}
/************************************
** 箇条書き数字スタイル
************************************/
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  padding:0.5em;
}
ol li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #efefef;
  font-size: .75em;
  border-radius: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
/************************************
** ヘッダーナビ
************************************/
/*ロゴ*/
#header-in .logo-header img{
	height:auto;
}
/*固定*/
.header-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
	transition:.5s;
}
.header-container.fixed{
    position: fixed;
    top: 0;
    z-index: 10000;
	opacity:.95;
	padding:5px 5px;	
	background-color: #f6f6f6;
}
.header-container .navi{
	background-color: inherit;
}
/*文字サイズ*/
.navi-in a {
	font-size: 15px;
}
.navi ul.sub-menu li a{
	font-size:14px;
}

/*ホバー色*/
.navi-in a:hover {
	background: #c0b28326;
    transition: all .15s ease;
}
.navi-in>ul .sub-menu {
    background-color: #f8f8f8;
    opacity: 0.95;
	padding-bottom:3px;
}
.navi-in>ul .sub-menu li{
    height: 40px;
    line-height: 40px;
}
/*世界一周のサブメニュー（旅行記シリーズ）*/
.navi-in > ul #menu-item-8308:hover > ul {
	height: 60vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
#navi .navi-in #menu-item-8308 .sub-menu {
    min-width: 55vw;
}
/************************************
** プロフィール（トップページ・ウィジェット共通）
************************************/
.profile-panel{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	font-size:0.9em;
}
.profile-img{
	padding: 2px 10px;
    max-width: 360px;
}
.profile-content{
	padding:20px;
	text-align:center;
}
.profile-links-sns{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 margin-top:5px
}
.profile-links-sns a{
 margin:5px;
}
.profile-links{
	vertical-align: middle;
}
.profile-links .btn-gradient-black{
	width: 115px;
    padding: 0.3em;
}
.profile-sns{
	display:inline-block;
	margin:0 3px;
	padding-left:0px;
	font-size:1.5em;
}
.profile-sns a{
	color:#4a4a4a;
}
.profile-sns a:hover{
	opacity:.8;
}
.sns-pr{
	display:none;
}
/************************************
** SNSシェアボタン
************************************/
#main .sns-buttons a{
	color:#5d5d5d;
	background-color:#fff;
	width:2.5em;
	margin-left:0.5em;
}
.sns-share-buttons{
	justify-content:flex-end;
}
.sns-share.ss-high-and-low-lc a .button-caption{
	display:none;
}
/* ホバー時 */
.sns-buttons a:hover{
	color:#5d5d5d;
}
.sns-buttons .icon-twitter:hover{
	color:#55acee;
}
.sns-buttons .icon-facebook:hover{
	color:#3b5998;
}
.sns-buttons .icon-hatena:hover{
 color:#3C7DD1;
}
.sns-buttons .icon-pocket:hover{
 color:#EE4257;
}
.sns-buttons .icon-line:hover{
 color:#00c300;
}
.sns-buttons .copy-button:hover{
 color:#5d5d5d;	
}
/************************************
** コンタクトページ
************************************/
.contact-description,
#others:checked ~ .contact-description{
    display: none;
}
#works:checked ~ .contact-description {
    display: block;
}
/************************************
** カエレバ、ヨメレバ
************************************/
.kaerebalink-box,
.booklink-box{
margin-bottom: 10px;
border: 1px solid #c9c4c4;
border-radius: 0;
padding:10px;
}
.shoplinkamazon,
.shoplinkkindle,
.shoplinkrakuten,
.shoplinkrakukobo,
.shoplinkyahoo{
float:left;
margin:5px 4px;
padding:4px 10px;
border-radius:3px;
width: 31.5%;
text-align: center;
font-size:13px;
}
.shoplinkamazon a,
.shoplinkkindle a,
.shoplinkrakuten a,
.shoplinkrakukobo a,
.shoplinkyahoo a{
	padding:10px 0;
	color:#fff;
	display:block;
	background:#d5c1b3;
	font-weight:normal;
    border-radius:3px;
    transition: .7s;
}
.shoplinkamazon a:hover,
.shoplinkkindle a:hover{
background:#516c8f;
}
.shoplinkrakuten a:hover,
.shoplinkrakukobo a:hover{
background:#cc7980;	
}
.shoplinkyahoo a:hover{
background:#ddb358;
}
.article .kaerebalink-link1 img,
.article .booklink-link2 img{
display:block;
margin:0 auto !important;
text-align:center;
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover,
.tomarebalink-link1 a:hover,
.product-item-buttons a:hover{
	opacity:1;
}

/************************************
** アプリーチ
************************************/
.appreach {
text-align: left;
padding: 15px;
overflow: hidden;
border: none;
background-color: #f8f8f8;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
/*ヘッダー*/
.header-container.fixed{
    display:none;
}
/*説明文*/
.header-container-in.hlt-top-menu .tagline{
	display:unset;
}
.mobile-header-menu-buttons{
justify-content:space-between;		
	}
.mobile-header-menu-buttons .logo-menu-button{
		display:none;
}
.mobile-header-menu-buttons .logo-menu-button.show{
	    padding:0;
		display:block;
	    animation:fadeFromBottom 2s ease;
}
.menu-drawer .cat-tw .sub-menu {
    display: none;
}
.menu-drawer a{
    font-size:16px;
}
#navi-menu-content .navi-menu-close-button .fa-times:before{
	content:"☓"
}
/*トップページ*/
.caption-top{
	display:none;
	}
/*旅行記カバー*/
.twCover ul{
   display:-webkit-box;
   display:-ms-flexbox;
   flex-wrap:nowrap;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;	
   scroll-behavior: smooth;
	}
.twCover ul li{
   max-width:unset;
}
.twCover img{
	max-width:240px;
}
}
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.top-tw{
	flex-wrap:wrap;
}
/*見出し*/
.article h2:before{
    width: 22px;
    left:-8px;
}
.related-entry-heading, 
.comment-title,
#mobile_text-2 .main-widget-label{
   font-size:20px;
   font-weight:600;
	}
/*カエレバ*/	
.kaerebalink-link1,
.booklink-link2{
width:100%;
}
.shoplinkamazon,
.shoplinkkindle,
.shoplinkrakuten,
.shoplinkrakukobo,
.shoplinkyahoo{
width: 48%;
margin: 1px;
padding: 5px 0;
}
#sidebar #lc_taxonomy-3,
#sidebar #custom_html-5,
#sidebar #popular_entries-3
	{
    display: none;
}
.related-box{
	padding: 10px 10px 10px 48px;
}
.related-box::before {
    left: 5px;
	font-size: 30px;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** 国旗アイコン
************************************/
/* サイドバー国別スタイル */
#lct-widget-region li ul li{
margin-bottom:2px;
}
ul#lct-widget-region,
ul#lct-widget-region li{
	list-style-type:none;
}
.cat-item-54 a:before{
  content:url(../../countries_icon/it.png)" ";
}
.cat-item-55 a:before{
  content:url(../../countries_icon/es.png)" ";
}
.cat-item-53 a:before{
  content:url(../../countries_icon/fr.png)" ";
}
.cat-item-56 a:before{
  content:url(../../countries_icon/pt.png)" ";
}
.cat-item-79 a:before{
  content:url(../../countries_icon/ae.png)" ";
}
.cat-item-69 a:before{
  content:url(../../countries_icon/ma.png)" ";
}
.cat-item-60 a:before{
  content:url(../../countries_icon/cn.png)" ";
}
.cat-item-62 a:before{
  content:url(../../countries_icon/tw.png)" ";
}
.cat-item-61 a:before{
  content:url(../../countries_icon/jp.png)" ";
}
.cat-item-63 a:before{
  content:url(../../countries_icon/kr.png)" ";
}
.cat-item-64 a:before{
  content:url(../../countries_icon/th.png)" ";
}
.cat-item-67 a:before{
  content:url(../../countries_icon/ph.png)" ";
}
.cat-item-65 a:before{
  content:url(../../countries_icon/vn.png)" ";
}
.cat-item-66 a:before{
  content:url(../../countries_icon/my.png)" ";
}
.cat-item-73 a:before{
  content:url(../../countries_icon/de.png)" ";
}
.cat-item-82 a:before{
  content:url(../../countries_icon/rs.png)" ";
}
.cat-item-86 a:before{
  content:url(../../countries_icon/hr.png)" ";
}
.cat-item-70 a:before{
  content:url(../../countries_icon/la.png)" ";
}
.cat-item-72 a:before{
  content:url(../../countries_icon/kh.png)" ";
}
.cat-item-89 a:before{
  content:url(../../countries_icon/cz.png)" ";
}
.cat-item-71 a:before{
  content:url(../../countries_icon/hk.png)" ";
}
.cat-item-83 a:before{
  content:url(../../countries_icon/ksv.png)" ";
}
.cat-item-88 a:before{
  content:url(../../countries_icon/mm1.png)" ";
}
.cat-item-93 a:before{
  content:url(../../countries_icon/at.png)" ";
}
.cat-item-94 a:before{
  content:url(../../countries_icon/ba.png)" ";
}
.cat-item-104 a:before{
  content:url(../../countries_icon/tr.png)" ";
}
.cat-item-106 a:before{
  content:url(../../countries_icon/us.png)" ";
}
.cat-item-118 a:before{
  content:url(../../countries_icon/in.png)" ";
}
.cat-item-121 a:before{
  content:url(../../countries_icon/bd.png)" ";
}
.cat-item-122 a:before{
  content:url(../../countries_icon/pk.png)" ";
}
.cat-item-123 a:before{
  content:url(../../countries_icon/np.png)" ";
}
.cat-item-124 a:before{
  content:url(../../countries_icon/ir.png)" ";
}
.cat-item-127 a:before{
  content:url(../../countries_icon/am.png)" ";
}
.cat-item-129 a:before{
  content:url(../../countries_icon/ge.png)" ";
}
.cat-item-130 a:before{
  content:url(../../countries_icon/nl.png)" ";
}
.cat-item-131 a:before{
  content:url(../../countries_icon/ch.png)" ";
}
.cat-item-132 a:before{
  content:url(../../countries_icon/ua.png)" ";
}
.cat-item-133 a:before{
  content:url(../../countries_icon/mk.png)" ";
}
.cat-item-134 a:before{
  content:url(../../countries_icon/al.png)" ";
}
.cat-item-140 a:before{
  content:url(../../countries_icon/me.png)" ";
}
.cat-item-143 a:before{
  content:url(../../countries_icon/pl.png)" ";
}
.cat-item-144 a:before{
  content:url(../../countries_icon/hu.png)" ";
}
.cat-item-145 a:before{
  content:url(../../countries_icon/si.png)" ";
}
.cat-item-154 a:before{
  content:url(../../countries_icon/cu.png)" ";
}
.cat-item-155 a:before{
  content:url(../../countries_icon/mx.png)" ";
}
.cat-item-156 a:before{
  content:url(../../countries_icon/gt.png)" ";
}
.cat-item-158 a:before{
  content:url(../../countries_icon/cr.png)" ";
}
.cat-item-159 a:before{
  content:url(../../countries_icon/pa.png)" ";
}
.cat-item-160 a:before{
  content:url(../../countries_icon/co.png)" ";
}
.cat-item-162 a:before{
  content:url(../../countries_icon/ec.png)" ";
}
.cat-item-164 a:before{
  content:url(../../countries_icon/pe.png)" ";
}
.cat-item-166 a:before{
  content:url(../../countries_icon/bo.png)" ";
}
.cat-item-167 a:before{
  content:url(../../countries_icon/py.png)" ";
}
.cat-item-168 a:before{
  content:url(../../countries_icon/br.png)" ";
}