/************************************
** 比較表セパレート
************************************/
/* 全体左 */
.compare-box-separate .compare-left{
background:#f0f9fc !important;
height:100%;
}
/* 全体右 */
.compare-box-separate .compare-right{
background:#fff6f2 !important;
height:100%;
}
/* タイトル左 */
.compare-box-separate .compare-left-head{
background:#6fc7e1 !important;
}
/* タイトル右 */
.compare-box-separate .compare-right-head{
background:#ffa883 !important;
}
/* 箇条書き(記号) 行頭番号 左 */
.compare-box-separate .compare-left .list li:before {
background:#6fc7e1 !important;
}
/* 箇条書き(番号) 行頭番号 左 */
.compare-box-separate .list-number li:before {
background:#6fc7e1 !important;
}
/* 箇条書き(記号) 行頭番号 右 */
.compare-box-separate .compare-right .list li:before {
background:#ffa883 !important;
}
/* 箇条書き(番号) 行頭番号 右 */
.compare-box-separate .compare-right .list-number li:before {
background:#ffa883 !important;
}
/************************************
** 比較表
************************************/
/* 比較表全体 */
.compare-box {
  display:-webkit-box;/* 配置 */
  display:-ms-flexbox;/* 配置 */
  display:flex;/* 配置 */
  max-width:600px;/* 横幅 */
  margin: 0 auto 2rem;/* 余白 */
  border-radius:4px;/* 角丸 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
  background: #fef9ed; /* 背景色 */
}
/* 左のボックス、右のボックス */
.compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
  width:50%;/* 横幅半分ずつ */
  overflow:hidden;/* はみ出さないように*/
}
/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head, .compare-box .compare-right-head{
  background: #fdc44f; /* 背景色 */
  text-align: center;/* 中央寄せ */
  color: #FFF; /* 文字色 */
  font-weight: bold;/* 文字太さ */
  padding:0em 1em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:1.5;/* 行間 */
  height:65px;/* 縦幅 */
  display:table-cell;/* 形式 */
  vertical-align:middle;/* 高さ中央寄せ */
  width:1000px;/* 横幅 */
}
/* 左のタイトル */
.compare-box .compare-left-head{
  border-radius:4px 0 0 0;/* 角丸 */
}
/* 右のタイトル */
.compare-box .compare-right-head{
  border-radius:0 4px 0 0;/* 角丸 */
}
/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left, .compare-box .compare-right{
  padding:1.5em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:2;/* 行間 */
  text-align: justify;/* 段落両端 */
  text-justify: inter-ideograph;/* 段落両端 */
}
/* 文章 */
.compare-box p {
  padding: 0;/* 余白 */
  margin: 0 0 20px 0;/* 余白 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 左のタイトル、右のタイトル */
  .compare-box .compare-left-head, .compare-box .compare-right-head{
    font-size:12px;/* 文字大きさ */
    height:50px;/* 高さ */
  }
  /* 左のコンテンツ、右のコンテンツ */
  .compare-box .compare-left, .compare-box .compare-right {
 	 	padding: 1.2em;/* 余白 */
 	 	font-size: 12px;/* 文字大きさ */
 	}
}
/************************************
** 比較表 箇条書き(記号)
************************************/
/* 箇条書き(記号) */
.compare-box .list{
   list-style: none !important;/* 行頭記号リセット */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き 行 */
.compare-box .list li { 
   border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px;/* 横幅 */
   padding: 0 0 0.7em 1.4em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き 行最後 */
.compare-box .list li:last-child{ 
   border:none;
}
/* 箇条書き 行頭記号 */
.compare-box .list li:before {
   background-color:  #ffa952; /* 色 */
   position: absolute;/* 配置 */
   content: '';/* 空文字 */
   top: 10px;/* 上からの距離 */
   left: 7px;/* 下からの距離 */
   width: 7px;/* 横幅 */
   height: 7px;/* 縦幅 */
   border-radius: 4px;/* 角丸 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号 */
  .compare-box .list li:before {
    top: 9px;/* 上からの距離 */
    left: 3px;/* 下からの距離 */
    width:5px;/* 横幅 */
    height:5px;/* 縦幅 */
  }
}
/************************************
** 比較表　箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.compare-box .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.compare-box .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
  border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
}
/* 箇条書き 行最後 */
.compare-box .list-number li:last-child{ 
   border:none;
}
/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 12px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:5px;/* 上からの距離 */
   width: 18px;/* 横幅 */
   height: 18px;/* 縦幅 */
   line-height: 18px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/* 箇条書き 行頭記号リセット */
.compare-box .list-number li:after{
  content:'';
}
/*スマホで見た時*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .compare-box .list-number li{
     padding: 0 0 0.5em 1.8em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .compare-box .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 16px;/* 横幅 */
    height: 16px;/* 縦幅 */
    line-height: 16px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}


/*--------------------------------------
recaptcha
--------------------------------------*/
.grecaptcha-badge { visibility: hidden; }
/************************************
** 横長テーブル
************************************/
.p-sticky-table{
	white-space: nowrap;
	line-height:1.6;
}
.p-sticky-table table{
	border:none;
	border: 1px solid #dedede;
	border-bottom: none;
	border-collapse: collapse;
	word-break: break-all;
	table-layout: fixed;
	display:block;
	overflow:scroll;
	max-height: 600vh;
}
.p-sticky-table thead th:first-child {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}
.p-sticky-table thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	text-align:center;
}
.p-sticky-table tbody th:first-child{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
	border:none;
	white-space: normal;
	min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
	min-width: 50px;
	text-align: left;
	font-size: 16px !important;
	position: relative;
	padding: 13px !important;
	color: #333;
	border: none !important;
	z-index: 0;
	vertical-align:middle !important;
	background:#fff;
}
.p-sticky-table th{
	background:#f0f9ff !important;
	letter-spacing: 1px;
	font-weight: 500 !important;
	color: #555 !important;
}
.p-sticky-table tr{
	border-bottom:none !important;
}
.p-sticky-table img{
	margin: 10px auto;
	display: block;
	padding: 0;
	max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	z-index: -1;
}

/* スマホ */
@media screen and (max-width: 560px) {
	.p-sticky-table table {
		max-height: 600vh;
  	}
	.p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
    		min-width: 25vw;
  	}
 	.p-sticky-table th, .p-sticky-table td {
    		font-size: 12px !important;
    		padding: 7px !important;
  	}
}
/* 中央寄せ */
.pst-center td {
	text-align: center;
}
/* ライトグリーン */
.pst-light-green thead th, .pst-light-green tbody th {
  background: #f2fbef !important;
}

/************************************
** 目次下プロフィール
************************************/
	
.entry-content #editor-box {
    border: solid 1px #999;
    box-shadow: none;
}
.entry-content #editor-box {
    position: relative;
    width: auto;
    margin: 5px auto 20px;
    padding: 19px 10px 15px;
    border-radius: 5px;
    border: solid 1px #999;
}

.entry-content .adviser-title {
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    width: 140px !important;
    margin: auto;
    padding: 0 10px;
    color: #666;
    font-size: 15px !important;
    font-weight: 700;
    background-color: #fff;
}

.d-flex {
    position: relative;
    display: flex!important;
    box-sizing: border-box;
}

.editor-img {
    display: inline-block;
    min-width: 80px;
    height: auto;
    margin: 0;
    vertical-align: middle;
}

.entry-content #editor-box .editor-info {
    margin-left: 15px;
    color: #000;
    padding: 0;
}

.entry-content #editor-box .editor-info .status {
    font-size: 12px;
    color: #666;
    margin-bottom: 3px;
    line-height: 1.5;
    letter-spacing: 1px;
}

.entry-content #editor-box p {
    margin: 0 0 .3em;
}

.entry-content #editor-box .editor-info .name {
    line-height: 1.5rem;
    color: #666;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 7px;
    letter-spacing: 2px;
}

.entry-content #editor-box p {
    margin: 0 0 .3em;
}

.entry-content #editor-box .editor-info .ruby {
    font-size: 11px;
    line-height: .9;
    color: #666;
    letter-spacing: 1.69px;
}

.entry-content #editor-box p {
    margin: 0 0 .3em;
}

.hidden_box {
    margin-top: 10px;
    padding: 0;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.hidden_box input {
    display: none;
}

.hidden_box label {
    padding: 4px 15px 4px 2px;
    font-weight: 700;
    background: #80DBB0;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
    font-size: 11px;
    color: #ffffff;
    border: solid 2px white;
}

.hidden_box input:checked~label:before {
    content: '\f00d';
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #ffffff;
}

.hidden_box input:checked~.hidden_show {
    padding: 0;
    height: auto;
    opacity: 1;
}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: .8s;
    color: #666;
}

.hidden_box label:hover {
    background: #80DBB0;
}

.entry-content #editor-box .profile-title {
    display: block;
    padding-left: 4px;
    line-height: 1.5rem;
    font-weight: 700;
    border-bottom: 1px solid #999;
    margin-top: 10px;
    margin-bottom: .5rem;
    font-size: .9em;
    color: #666;
    text-align: left;
}
.entry-content #editor-box .editor-profile {
    font-size: .8rem;
    text-align: left;
    letter-spacing: 1.4px;
}
.entry-content #editor-box p {
    margin: 0 0 .3em;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    padding: 0 10px;
    transition: .2s;
}
section#editor-box p {
    padding: 0;
}


/*見出しデザイン*/
.entry-content h2 {
  background: #17b595;
  padding: 0.5em;
	color: #FFF;
		font-size: 18px;
}

.entry-content h3 {
padding: .7em 0 .6em 0;
margin: 2.8em 0 1em 0;
border-left: none;
border-bottom: solid 3px #17b595;
border-top: solid 3px #17b595;
color: #454545;
font-size: 18px;
}

.entry-content h4 {
padding: .7em 0 .6em 0;
margin: 2.8em 0 1em 0;
border-left: none;
border-bottom: solid 3px #17b595;
color: #454545;
font-size: 18px;
}

/*-------------------------
見出しの調整（タブレット・PC）
-------------------------*/
@media only screen and (min-width: 768px) {
  /* 記事h1タイトル */
  .single-title, .page-title {
    font-size: 23px !important;
  }
  /* 記事h2見出し */
  .entry-content h2 {
    font-size: 21px !important;
  }
  /* 記事h3見出し */
  .entry-content h3 {
    font-size: 20px !important;
  }
}

/*関連リンクのデザイン*/
.linkto {
    position: relative;
    max-width: 1600px;
	  height: 140px;
	  background: #d9f7de;
	  border-radius: 5px;
}

.linkto .tbimg {
 width: 150px;
}
.linkto:before {
    position: absolute;
    content: "関連";
    top: 1px;
    left: 9px;
    display: inline-block;
    width: 47px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #ff525290;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
	  border-radius: 2px;
}
.linkto:after {
    position: absolute;
    display: flex;
    height: 100%;
    padding: 0px 15px;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #50c08e;
    align-items: center;
	  border-radius: 5px;
}
.linkto .tbtext {
    padding: 30px 62px 0px 14px;
    vertical-align: top;
    font-size: .95em;
}

.linkto:hover{/*マウスホバーしたとき*/
    background:#d9f7de;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}

@media screen and (max-width: 768px){
.linkto {
    position: relative;
    max-width: 1600px;
	  height: 140px;
	  background: #d9f7de;
	  border-radius: 5px;
}

.linkto .tbimg {
 width: 110px;
}
.linkto:before {
    position: absolute;
    content: "関連";
    top: 10px;
    left: 135px;
    display: inline-block;
    width: 47px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #ff525290;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
	  border-radius: 2px;
}
.linkto:after {
    position: absolute;
    display: flex;
    height: 100%;
    padding: 0px 15px;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #50c08e;
    align-items: center;
	  border-radius: 5px;
}
.linkto .tbtext {
    padding: 30px 62px 0px 14px;
    vertical-align: top;
    font-size: .95em;
}

.linkto:hover{/*マウスホバーしたとき*/
    background:#d9f7de;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}
}

/*--------------------------------------
  箇条書きボックス用のふきだし
--------------------------------------*/
.myfuki-main {/*ふきだしの長丸部分*/
    display: inline-block;/*幅調整ができるように*/
    position: relative;/*基準にする*/
    background: rgb(66,66,66);/*背景色*/
    color: white;/*文字色*/
    font-weight: 500;/*文字の太さ*/
    margin: .5em 0;/*外側の上下の余白*/
    border-radius: 25px;/*角丸にする*/
    padding: .3em 1em;/*内側の余白（上下0.3em 左右1em）*/
}
.myfuki-main:before {/*ふきだしの三角部分*/
position: absolute;/*基準にあわせて動くように*/
    content: "";/*文字を入れないときのおきまり*/
    bottom: -.5em;/*下からの位置*/
    margin-left: 1.5em;/*左余白*/
    border-top: 10px solid rgb(66,66,66);/*上線追加*/
    border-left: 8px solid transparent;/*左の線は透明に*/
    border-right: 8px solid transparent;/*右の線は透明に*/
    border-bottom: 0;
    border-top-color: rgb(66,66,66);
}

.toc_back{
display:inline-block;
padding:1.5em 0 2em;
text-decoration:underline;
}
.mkj-bk {
    display: inline-block;
    width: 120px;
    background: #f4f4f5;
    text-align: center;
    border-radius: 20px;
    line-height: 30px;
    color: #0033cc;
    font-size: .9em;
}

/*--------------------------------------
  PORIPUtears　下に出る吹き出し
--------------------------------------*/
.saysprp {/*画像とふきだしを含めた全体*/
    position: relative;/*基準にする*/
}
.saysprp .faceicon span {/*名前部分*/
    position: absolute;/*自由に動けるように*/
    top: 80px;/*上から80px*/
    left: 100px;/*左から100px*/
    color: #999999;/*文字色*/
    font-size: 12px;/*文字のサイズ*/
    line-height: 20px;/*文字の高さ*/
    font-weight: 500;/*文字の太さ*/
}
.saysprp .fuki {/*吹き出し*/
    border: 2px solid #eaedf2;/*枠線*/
    margin: 1em 0 1.5em;/*外側の余白*/
}
.saysprp .fuki:before {/*吹き出しの三角部分*/
    left: 40px;/*左からの位置*/
}
.saysprp .fuki:after {/*吹き出しの尖ったアレ*/
    border-bottom-color: #eaedf2;/*枠線*/
    top: -11px;/*上からの位置*/
    left: 40px;/*左からの位置*/
}
@media only screen and (max-width: 480px){/*スマホ表示*/
.saysprp .faceicon span {/*名前の部分*/
    top: 60px;
    left: 80px;
}
.saysprp .fuki:before {/*吹き出しの三角部分*/
    left: 28px;
}
.saysprp .fuki:after {/*吹き出しの三角部分*/
    left: 28px;
}}


/*Rinker変更*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
	content: "";/*ボタンのアイコンを消す*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
	background: #51a7e8;/*Yahoo!ボタンをブルーに*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding-left: 0px;/*PC表示のボタンテキストを真ん中寄せ*/
}
@media screen and (max-width:500px){/*スマホ表示用*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 87%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
    display: block;/*価格を縦並びにする*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .5em 0;/*上下の余白　左右の余白削除*/
    line-height:44px;
    height: 44px;
    font-size: 0.95em;
    padding: 0 14px 0 10px;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
    height:44px;
    line-height:44px;
    font-size: 0.95em;
}
/* rinker 商品詳細幅を広げる */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: calc(100% - 20px);
    display:block;
}
/* rinker サムネイル幅を230pxに */
div.yyi-rinker-contents div.yyi-rinker-image {
    width: 230px;
    min-width: 140px;
    padding: 0;
    margin-left:auto;
    margin-right:auto
}
div.yyi-rinker-contents img.yyi-rinker-main-img {
    width: 150px;
}}
/*Rinker自由ボタンのマウスオーバー時*/
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {
    box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
}

/*トップページのデザイン*/
p.hh.hh5{/*見出し*/
    margin:0em auto 0.5em auto !important;
    letter-spacing:0.1em;
    font-weight: bold;
    font-size:100%!important;
    padding: 0.3em 0.4em;
    color: #333!important;
    background:none!important;
    border-bottom:#333 solid 2px!important;
}
div.picup a.c_linkto img{/*おすすめ記事アイキャッチ*/
    margin:0.5em!important;
    width:90%!important;
}

div.newpst .longc_title{/*記事タイトル*/
    font-size:120%!important;
}

div.newpst a.c_linkto.longc_linkto:first-of-type:before{/*新着記事1つ目に「NEW」を出す*/
    position: absolute;
    content: " NEW";/*好きな文字*/
    display: inline-block;
    width: 75px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: yellow;/*好きな色*/
    font-size: 11px;
    line-height: 28px;
    color: #0b5b5b
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 0px;
}
.red-bc{/*リンクボタン*/
    background:#fff!important;
    color:#333;
    border:#333 solid 1px;
    font-size:90%!important;
}

/*人気カテゴリー*/
ul.popcate{
    background:none!important;/*背景色が必要な場合はどうぞ*/
    padding:0px!important;
    border:none!important;
    display: -webkit-flex;
    display: flex;
    margin:0 auto 0.5em 0!important;
}
ul.popcate li{
    margin:0.5em;
    background:none!important;/*背景色が必要な場合はどうぞ*/
    border:none!important;
    list-style: none;
    flex-basis: 30%;
    text-align:center!important;
    letter-spacing:0.1em;
    font-weight: bold;
}

ul.popcate a{
    height:150px;
    width:100px!important;
    color:#333!important;
    font-size:75%;
}

ul.popcate a:hover{
    opacity: 0.5;
    background:none;/*背景色が必要な場合はどうぞ*/
}

ul.popcate img{
    object-fit: cover;
    height:200px;
    width:100%!important;
    border-radius:5px;
}

div.top-kanren .longc_img {/*画像の範囲*/
    width: 35%;
}
div.top-kanren a.c_linkto.longc_linkto img{/*画像の大きさ*/
    height:100px;
    width:100%;
    padding:4px;
    background:#fff;
    object-fit: cover;/*11月1日追記*/
}

div.top-kanren .sng-link-time {/*日付消す*/
    display:none;
}
div.top-kanren .longc_title {
    color:#333;
    letter-spacing:0.5px;
    font-weight:bold;
}


/*--------------------------------------
 ロゴ画像
--------------------------------------*/
#logo, #logo img, .desktop-nav li a,#drawer__open {
    height: 70px;
　　　　　width:　250px;
    line-height: 70px;
    object-fit: contain;
}


/*--------------------------------------
モバイル表示
--------------------------------------*/
@media only screen and (max-width: 480px){/*モバイルでの見え方*/
div.top-kanren .c_linkto{
    display:flex;	
}
div.top-kanren .c_linkto .c_linkto_text {
    max-width: 60%;
    font-size:85%;
    padding-top:8px;
}
div.top-kanren .longc_img {/*画像の範囲*/
    width: 40%!important;
}