.sidelong__img {
    width: 40%;
    height: 100%;
}

.sidelong h2 {
    font-size: .8em;
}

/*--------------------------------------
トップページ用CSS
--------------------------------------*/
/*カテゴリ見出しカスタマイズ*/
#inner-content .entry-content h2.top-title {
border-left: none;
border-bottom: none;
border-top: none;
background-color:#ECEEF1;
color: #1342ba;
overflow: hidden;
text-align: center;
}
#inner-content .entry-content h2.top-title span {
position: relative;
display: inline-block;
margin: 0 0.5em;
padding: 0 1em;
text-align: left;
}
#inner-content .entry-content h2.top-title span:before,
#inner-content .entry-content h2.top-title span:after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #1342ba;
}
#inner-content .entry-content h2.top-title span:before {
right: 100%;
}
#inner-content .entry-content h2.top-title span:after{
left: 100%;
}

/* フロントページの背景色 */
#content.page-forfront {
    background: #ECEEF1;
}

/* フッター文字色 */
.footer p {
    line-height: 1.55;
    color: #fff;
}


/*新着記事用。トップに新着記事を載せない場合はなくても構いません。*/
@media only screen and (min-width: 1025px) {
.catpost-cards .c_linkto {
width: 44%;
margin: 1em 2em;
max-width: none;
}
}

@media (min-width:481px) and (max-width:1024px) {
.catpost-cards .c_linkto {
width: 44%;
margin: 1em 0em;
max-width: none;
}
}
.space-between {
justify-content: space-between;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
}

/*カテゴリー別の日付を消す*/
.sng-link-time {
    display: none;
}

/*新着記事の日付を薄く*/
.longc_time {
    display: block;
    font-size: .8em;
    color: #b5b5b5;
}


/*画像のふちに余白*/
.c_linkto img,
.cardtype__img img {
padding: .45em .45em 0 .45em;
}



/*--------------------------------------
関連記事カード用CSS
--------------------------------------*/
/*関連記事カスタマイズ*/
.linkto,
.c_linkto{
    font-size: .9em;
    position: relative;
}
.linkto{
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    transition: .3s;
    border: solid 1px #eaedf2;
}
.linkto:hover{
    background:#fff;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}
.linkto img,
.linkto:hover img {
    box-shadow: none;
}
.tbtext{
    padding: 1em .5em;
}
.c_linkto_text{
    margin-bottom:10px;
}
.linkto .tbimg {
    width: 120px;
}

@media (min-width:768px) and (max-width:1023px) {
    .linkto {
        padding:5px;
    }
    .linkto:after{
    right:5px;
    bottom: 5px;
    }
    .linkto .tbimg {
        width: 100px;
        vertical-align:top;
        padding-top:3px;
    }
    .tbtext {
        padding: 0 .5em 1.5em .5em;
    }    
    .longc_content{
        padding: 15px 13px 30px 13px !important;
    }
}

@media (max-width:767px){
    .linkto {
        padding:3px;
    }
    .linkto:after{
        right:3px;
        bottom: 3px;
    }
    .linkto .tbimg {
        width: 100px;
        vertical-align:top;
        padding-top:3px;
    }
    .tbtext {
        padding: 0 .5em 1.5em .5em;
    }    
}
/*関連記事カスタマイズここまで*/


/*--------------------------------------
関連記事カード２を変更
--------------------------------------*/
.longc_linkto{/*カード全体の設定*/
    position: relative;/*疑似要素の基準に設定*/
    padding: 5px 5px 5px 5px;/*内側の余白（上左右5px 下36px）*/
}
.longc_linkto img {/*アイキャッチ画像が入っている部分の大きさ*/
    max-width: 40%;/*画像部分の横幅最大*/
    vertical-align: top;/*上揃え*/
}
.longc_img img {/*アイキャッチ画像*/
    padding: 0px;/*内側の余白10pxから0pxに*/
}
.longc_linkto .c_linkto_text {/*テキスト部分*/
    padding: 0 2%;/*内側の余白（上下0 左右2%）*/
    display: inline-block;/*横並びになるように*/
    max-width: 55%;/*テキスト部分の横幅最大*/
    font-size: .8em;/*フォントサイズを小さく*/
}
/*****   PCでの画像表示   *****/
@media only screen and (min-width: 481px){/*横幅481px以上での表示*/
.longc_img {/*アイキャッチ画像が入っている部分の大きさ*/
    width: 30%;/*横幅*/
}
.longc_linkto img {/*アイキャッチ画像の大きさ*/
    max-width: 100%;/*横幅*/
}
.c_linkto.longc_linkto .longc_content {/*テキスト部分*/
    vertical-align: top;/*上揃え*/
}
.longc_linkto .c_linkto_text {/*テキスト部分*/
    padding: 0 2%;/*内側の余白（上下0　左右2%）*/
    font-size: 1em;/*フォントサイズ*/
}}

.longc_linkto .c_linkto_text .longc_time {/*投稿日*/
    display: none;/*削除*/
}

/* 高さが3行以上は非表示 */
.longc_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 4.8em;
}
/* ブログカード1のPCサイズ変更 */
@media only screen and (min-width: 481px){
    .c_linkto {
    max-width: 520px;
        }}





/*--------------------------------------
記事内
--------------------------------------*/
/* コンテンツ幅を750pxにする */
@media only screen and (min-width: 1030px){
.entry-content {
    padding: 10px 20px 0;
    }}

/* フロントページの幅を同じにする */
@media only screen and (min-width: 1230px) {
  .wrap {
    width: 1180px;
  }
  .d-5of7 {
    width: 70%;/*メインコンテンツ幅*/
  }
  .d-2of7 {
    width: 30%;/*サイドバー幅*/
  }
}

/* ボタンの幅を95%固定にする */
#inner-content .btn {
    width: 95%;
    text-align: center;
}


/* 投稿日･更新日に補足文言 */
.entry-header .pubdate:before {
    padding-right: 5px;
	font-family: "Font Awesome 5 Free";	
	font-weight: 900;
	content: "\f044"' 投稿日:';
    white-space: pre-wrap;
}

.entry-header .updated:before {
    padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f021"' 更新日:';
    white-space: pre-wrap;
}


/* sangoのyoutube調整 */
.youtube {
margin: 0;
    padding-top: 0;
}

/* youtube レスポンシブ対応 */
.move{
position:relative;
width:100%;
padding-top:56.25%;
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}



/* h2見出し */
.entry-content h2{
position: relative;
border-top: solid 2px #0A2650;
border-bottom: solid 2px #0A2650;
background: #F9F9F9F9;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.3em;
}

.entry-content h2:after {/*タブ*/
position: absolute;
	font-family: "Font Awesome 5 Free";
content: '\f00c Point';
background: #0A2650;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

.entry-content h2 a{
    color:#252525;
}



/* h3見出し */
.entry-content h3{
position: relative;
background: #F9F9F9;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.3em;
}
.entry-content h3:after{
}
.entry-content h3:before{
}



/*リンクアンダーライン*/
.entry-content p a {
    text-decoration: NONE;
}



/* 番号付きリストカスタマイズ*/
div.Oll > ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 1px #0A2650;
}
div.Oll > ol li{
  border-bottom: dashed 1px #0A2650;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
}
div.Oll > ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
/*数字のデザイン変える*/
  display:inline-block;
  background: #132950;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
}
div.Oll > ol li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}



/*リストカスタマイズ */
div.Ull > ul {
  border: solid 2px #2c3e50;
  padding: 0 0.5em;
  position: relative;
}

div.Ull > ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

div.Ull > ul li:before {
	font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
	font-weight: 900;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #132950; /*アイコン色*/
}

div.Ull > ul li:last-of-type{
  border-bottom: none;
}



/*あわせて読みたい カスタマイズ用*/
.p-box.p-custom{border: 2px solid #0A2650;/*枠線の色*/}
div.p-box.p-custom .p-box-title{background-color: #0A2650;/*吹き出しの色*/}
div.p-box.p-custom .p-box-title:after{border-top: 12px solid #0A2650;/*吹き出しの色*/}
.p-box.p-custom ul li:before {color: #0A2650;/*チェックの色*/}



/* 引用カスタマイズ */
.entry-content blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-size: 1em;
    background: #f5f5f5;
    color: #424242;
    border-top:none;
    border-right:none;
    border-bottom:none;
    border-left: 4px solid #132950;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.entry-content blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #0A2650!important;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

.entry-content blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

.entry-content blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


/* SHARE消す */
.sns-btn .sns-btn__title {
    display: none;
}


/* テーブル内リンクの色*/
.entry-content table a{color:#001ba0}


div.Ull > Ul li a{
    color: #001ba0;
}

div.Oll > Ol li a{
    color: #001ba0;
}





/*--------------------------------------
サイドバーのアイコン
--------------------------------------*/
.sidebar .widgettitle:before {
padding-right: .7em;
}

/* PCメニュー */
.sidebar #custom_html-2 .widgettitle:before {
		font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f0C9";
}

/* SPカテゴリ */
#categories-3 > h4:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ca";
}

/* PCカテゴリ */
.sidebar #categories-3 .widgettitle:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ca";
}


/* カテゴリの子カテゴリ非表示 */
ul.children{
DISPLAY: NONE;
}

#categories-2 > ul > li.cat-item.cat-item-357 > a:before {
font-family: "Font Awesome 5 Free";content: "\f091"' ';
}

#categories-2 > ul > li.cat-item.cat-item-3 > a:before {
font-family: "Font Awesome 5 Free";content: "\f11B"' ';
}

#categories-2 > ul > li.cat-item.cat-item-356 > a:before {
font-family: "Font Awesome 5 Free";content: "\f075"' ';
}

#categories-2 > ul > li.cat-item.cat-item-558 > a:before {
font-family: "Font Awesome 5 Free";content: "\f501"' ';
}





/*--------------------------------------
表のデザインを変更
--------------------------------------*/
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    letter-spacing: 0.15em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
        border-top: 1px solid #e6e6e6; /* 右線 */
    border-right: 1px solid #e6e6e6; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #e6e6e6; /* 左線 */
}





/*--------------------------------------
目次（記事内）　デザイン変更
--------------------------------------*/
/*-----アイコン（タイトル前）-----*/
.toc_title:before {
    background: none!important;/*背景を削除*/
    color: #0A2650!important;/*アイコンの色*/
    top: .25em!important;/*上からの位置*/
    font-size: 27px!important;/*アイコンの大きさ*/
    line-height: 40px!important;/*アイコンの高さ*/
    content: "\f00b"!important;/*アイコンの種類*/
}

/*-----目次上部ボーダーの色-----*/
#toc_container, h3, .li-mainbdr ul, .li-mainbdr ol {
    border-color: #132950!important;
}


/*-----目次下部マージン-----*/
#toc_container {
    margin: 2.5em 0 150px 0;
}

/*-----目次のタイトル-----*/
#toc_container .toc_title {
    color: #595959!important;/*文字の色*/
}
/*-----目次の箇条書き部分-----*/
#toc_container .toc_list {
    margin-bottom: 20px;/*一番下の余白追加*/
    margin-left: 1em;/*左側の余白追加*/
}


/*-----PC表示のときシュッとさせる-----*/
@media only screen and (min-width: 500px){/*ブレイクポイント500px*/
#toc_container {
    padding: 10px 25px;/*余白（内側）　上下　左右*/
}}

@media screen and (min-width:480px) {
/*-----目次のタイトル-----*/
#toc_container .toc_title {
    color: #595959;/*文字の色*/
}
/*-----目次の箇条書き部分-----*/
#toc_container .toc_list {
    margin-bottom: 20px;/*一番下の余白追加*/
    margin-left: 2.7em;/*左側の余白追加*/
}
}





/*--------------------------------------
サイトマップ
--------------------------------------*/
#sitemap_list {
    margin: 0;
    padding: 0;
}
#sitemap_list li {
    padding: 0;
    margin: 1.5em 0;
    list-style-type: none;
}
#sitemap_list li a {
    text-indent: 0;
}
#sitemap_list .home-item a {
    border: none;
    font-size: 100%;
}
#sitemap_list .home-item a:after {
    content: "―Topページ―";
    padding-left: 10px;
    font-size: 100%;
}

#sitemap_list .cat-item a{
  display: block;
  font-weight:bold;
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #f9f9f9;/*背景色*/
border-left: solid 5px #022350;/*左線（実線 太さ 色）*/
}

#sitemap_list .post-item {
    line-height: 1.4;
    margin-left: 15px;
    border-bottom: #ccc solid 1px;
}
#sitemap_list .post-item a {
        padding-left: 0em;
    text-indent: -1.4em;  
  font-weight:normal;
    padding: 0;
    font-size: 89%;
    border: none;
    background: none;
}
#sitemap_list .post-item a:before {
font-family: "Font Awesome 5 Free";
    content: '\f02c';
    color: #454545;
	font-weight: 900;
    font-size: 100%;
    padding-right: 5px;
}


#sitemap_list > li > ul {
  padding-left: 20px;
}

#sitemap_list > li > ul > li > ul {
  padding-left: 10px;
}

#sitemap_list {
border: none;
}




/*--------------------------------------
CTAボックス用CSS
--------------------------------------*/
.ycta-box {
display: block;
width: 100%;
background: #eaedf2;
padding: 10px;
}
.ycta-box-li {
display: table;
width: 100%;
padding: 10px;
margin: 0 0 10px 0;
background: #fff;
}
.ycta-box-img {
width: 40%;
max-width: 400px;
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.ycta-box-desc {
width: 60%;
display: table-cell;
font-size: 0.9em;
padding-left: 20px;
}
@media (max-width: 767px){
/*モバイル定義*/
.ycta-box-img {
display: block;
width:100%;
}
.ycta-box-desc {
display: block;
font-size: 0.9em;
padding: 10px;
width:100%;
}
}








/*--------------------------------------
レビュープラグインの調整
--------------------------------------*/
.score__wrap .score-overlay-wrap__icon ~ .score {
    display: none;
}

.lets-review-design-4 .lets-review-block__final-score .score__wrap .score-overlay-wrap__icon {
    margin-top: auto;
}

.score__wrap .score-overlay-wrap__icon ~ .score+.score__title {
    font-size: 60px;
    font-weight: 700;
}

.lets-review-block__final-score .score-overlay-wrap__icon img {
    max-width: 20px !important;
}

.lets-review-block__title {
    padding-bottom: 0px;
}


.lets-review-block__title {
    padding-bottom: 0px;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__main-title {
    PADDING: 0PX;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap {
    grid-column-end: 4;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap ~ .lets-review-block__proscons {
    grid-column-start: 1;
        DISPLAY: block;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap ~ .lets-review-block__proscons {
    grid-column-start: 1;
    DISPLAY: block;
    text-align: left;
}

.lets-review-block__proscons .lets-review-block__cons {
    padding-left: 0px;
      padding-top: 20px;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap {
    text-align: left;
}

.lets-review-block__procon {
    margin-left: 10px;
}

.lets-review-block__title {
    padding-bottom: 5px;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap {
    padding-bottom: 0px;
    padding-top: 0px;
}

.lets-review-block__title {
    font-size: 16px;
}

.lets-review-block__wrap {
    font-size: 15px;
}

.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap ~ .lets-review-block__proscons {
    padding-bottom: 60px;
}

@media only screen and (min-width: 768px){
.lets-review-design-4:not(.lets-review--side) .lets-review-block__conclusion__wrap {
    grid-column-end: 4;
	}}

/*シェアボタンとの余白*/
.lets-review-design-4:not(.lets-review--side) {
    margin-top: 90px !important;
}





/*--------------------------------------
レビューテーブルデザイン
--------------------------------------*/
/* スマホでの表示 */
.res-table{
width:95%;
margin:2em auto;
border:#6699ff 1.5px solid;
}
.res-table th{
padding:3px;
display:block;

    background-color: #424242; /* 背景色 */
    color: #fff; /* 文字の色 */
    border-right:none;
    border-bottom:none;
}
.res-table td{
padding:5px;
display:block;
text-align:center;
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/* PCでの表示 */
.res-table{
width:100%;
margin:5px auto;
font-size:15px;
border:#6699ff 1.5px solid;
    }
.res-table tr{
border-bottom:#6699ff 1px solid;
}
.res-table tr:last-child{
border:none
}
.res-table th{
width:20%;   
padding:5px 10px;
display:table-cell;
text-align: left;
border-right:none;
    border-bottom:none;
}
.res-table td{
width:60%;
padding: 5px 10px;
display:table-cell;
text-align: left;
}
}    





/*--------------------------------------
トップへ戻る
--------------------------------------*/
.totop {
    bottom: 20px;
    right: 20px;
        opacity: .4;
        border-radius: 10%;
    width: 50px;
    height: 48px;
    background: #fff!important;
    border: 1px solid #1342ba;
}

.totop .fa {
    line-height: 45px;
    font-size: 24PX;
        color: #1342ba;
}





/*--------------------------------------
スマホメニュー
--------------------------------------*/
/* メニューを右に */
#drawer #drawer__open {
    right: 0;
    left: auto;
}

/* 人気記事のサムネイルサイズ */
.my-widget li a .my-widget__img {
    width: 40%;
}

/* メニュー表示位置調整 */
#drawer .fa-bars{
    padding: 15px 0 0 0px;
}

/* メニューに文言 */
#drawer .fa-bars:after {
    content: 'MENU';
font-size: 10px;
    font-weight: bold;
    display: block;
}





/*--------------------------------------
コピーボタンをSNSに追加
--------------------------------------*/
.normal-sns.sns-dif ul {
    padding: 14px 0 10px;
}

div.copy_btn{
  padding:0.7em 1.7em;
  margin:0 0.3em 0.3em 0;  display: inline-block;
	margin-top:10px;
  background-color: #ffffff;/*背景色*/
  color: #1A7FC5;/*文字色*/
  font-size: 1em;/*文字サイズ*/
  line-height: 1;    
  font-family:'Roboto',sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing: 0.05em;/*字間*/
  border-radius: 10px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
div.copy_btn:hover{
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24)
}





/*--------------------------------------
アプリーチデザイン
--------------------------------------*/
.appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; box-shadow:0px 2px 5px 1px #e5e5e5; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding: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; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;} }





/*--------------------------------------
  記事下のカテゴリーとタグ部分
--------------------------------------*/
.footer-meta {/*カテゴリーとタグを含めた全体*/
    padding: 10px 5% 10px;/*内側の余白*/
    font-size: .9em;/*文字の大きさ*/
    font-weight: 500;/*文字の太さ*/
    background: #f4f4f5;/*背景色*/
    margin-bottom: 15px;/*外側下の余白*/
}
.footer-meta_title {/*CATEGORYとTAG部分*/
    display: inline-block;/*幅と高さを調整できるように*/
    width: 100px;/*幅*/
    padding-right: 0px;/*内側右の余白を削除*/
    background: white;/*背景色*/
    text-align: center;/*中央揃え*/
    margin-right: 5px;/*外側右の余白*/
}
.meta-tag {/*TAG部分のみの設定*/
    margin-top: 8px;/*外側上の余白*/
}
@media only screen and (min-width: 768px){/*PCでの設定*/
.meta-tag {/*TAG部分のみの設定*/
    margin-top: 0px;/*外側上の余白*/
    display: inline-block;/*幅と高さを調整できるように*/
    margin-left: 20px;/*外側左の余白*/
}}







/*--------------------------------------
テーブルのスクロール化
--------------------------------------*/
div.myScrollBox14 {
  overflow: scroll;
  white-space: nowrap;
}