.header {
	background-color:#0d005b;
}

.post .entry-content h3{
/* 水色の線の設定 */	

border-bottom: solid 3px #cce4ff !important;
border-left: solid 0px #cce4ff !important;	
border-top: solid 0px #cce4ff !important;
position: relative;
}

/* レビューボックス */	
.reviewBox {
  display: block;
  max-width: 650px;
  background: #eff9ff;
  border: 3px solid #55A8DC;
  margin: 20px auto;
  padding: 0;
  border-radius: 10px;
	white-space: nowrap;
}

.reviewBox .reviewBox_content {
  padding: 30px;
}

.reviewBox .reviewBox_title1 {
  margin: 0;
  padding: 12px;
  background: #55A8DC;
  text-align: center;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.3em;
  color: #fff !important;
}

.reviewBox .reviewBox_title1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  font-weight: 600;
  padding-right: 5px;
  font-size: .9em !important
}

.reviewBox p {
  margin: 0;
  padding: 0;
  letter-spacing:0;
}

.reviewBox .reviewBox_title2 {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  font-size: 16px !important;
  margin-bottom: 15px;
  font-weight: bold;
}

.reviewBox .reviewBox_title2:before {
  content: none !important;
}

.reviewBox .reviewBox_top {
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.reviewBox .reviewBox_top p {
  margin: 15;
  line-height: 1.7em;
  font-size: 15px !important;
}

.reviewBox .reviewBox_top p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 600;
  padding-right: 5px;
  font-size: .8em;
}

.reviewBox .reviewBox_top .reviewBox_left,
.reviewBox .reviewBox_top .reviewBox_right {
  width: 50%;
}

.reviewBox .reviewBox_top .reviewBox_right img {
  display: block;
  margin: auto;
  width: 160px;
}

.reviewBox .reviewBox_center {
  margin-top: 10px;
}

.reviewBox .reviewLink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reviewBox .reviewLink a {
  font-size: 15px !important;
  padding: .6em 2em;
  margin: 5px;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  text-decoration: none;
  background: #55A8DC;
  color: #fff !important;
  border: 2px solid #55A8DC;
}

.reviewBox .reviewLink a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 600;
  padding-right: 5px;
}

.reviewBox .reviewBox_center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 20px 0;
}

.reviewBox .reviewBox_center .progress-circle {
  width: 25%;
  margin: auto;
}

.reviewBox .progress-circle {
  font-size: 12px !important;
  margin: 20px;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em !important;
  height: 5em !important;
  background-color: #FBEFC6;
  border-radius: 50%;
  line-height: 5em;
}

.reviewBox .reviewBox_score {
  font-size: 13px !important;
  text-align: center;
  line-height: 1em;
	white-space: nowrap;
  z-index: 4;
  padding-top: 5em;
  display: block;
  font-weight: 700;
}

.reviewBox .reviewBox_score p {
  margin: 0;
  font-size: 12px !important;
}


.reviewBox .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  background-color: #eff9ff;
  content: " ";
}

.reviewBox .progress-circle .progress-text {
  position: absolute;
  line-height: 2.6em;
  width: 2.6em;
  text-align: center;
  display: block;
  color: #444 !important;
  font-size: 23px !important;
  z-index: 2;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
}

.reviewBox .left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em);
  /* clips the whole left half*/
}

.reviewBox .progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.reviewBox .value-bar {
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em !important;
  height: 5em !important;
  border-radius: 50%;
  border: 0.5em solid #FCCB28;
  box-sizing: border-box;

}

.reviewBox .progress-circle.over50 .first50-bar {
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #FCCB28;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.reviewBox .progress-circle:not(.over50) .first50-bar {
  display: none;
}


.reviewBox .progress-circle.p0 .value-bar {
  display: none;
}

.reviewBox .progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.reviewBox .progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.reviewBox .progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.reviewBox .progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.reviewBox .progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.reviewBox .progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.reviewBox .progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.reviewBox .progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.reviewBox .progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.reviewBox .progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.reviewBox .progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}


@media screen and (max-width:480px) {
  .reviewBox .reviewBox_content {
  padding: 15px;
  }
  
  .reviewBox .reviewBox_top .reviewBox_right img {
  width: 220px;
  }
  
  .reviewBox .reviewBox_top p {
  font-size: 13px !important;
  }
  
  .reviewBox .reviewBox_top p:first-child {
  font-size: 15px !important;
  }

  .reviewBox .reviewBox_center {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  }

  .reviewBox .reviewLink a {
  padding: .5em;
  }

  .reviewBox .reviewBox_top {
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  }

  .reviewBox .reviewBox_top .reviewBox_left {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 90%;
  margin: auto;
  margin-top: 20px;
  }

  .reviewBox .reviewBox_top .reviewBox_right {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%;
  }

  .reviewBox .reviewLink a {
  font-size: 13px !important;
  }

  .reviewBox .progress-circle .progress-text {
  line-height: 2.2em;
  width: 2.2em;
  font-size: 23px !important;
  }

  .reviewBox .progress-circle {
  font-size: 10px !important;
  }

  .reviewBox .reviewBox_score p {
  font-size: 10px !important;
  }
}

.entry-content h3:after {
/* 青色の短い線の設定 */
position: absolute;
left: 0px;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}

.box2 {
	color:#000;
}

/*マーカー細め　ピンク*/
.pink_marker_thin{background: linear-gradient(transparent 80%, #ffc0cb 80%);
font-weight: bold;
}

/*マーカー細め　赤*/
.red_marker_thin
{background: linear-gradient(transparent 80%, #ff7f7f 80%);
font-weight: bold;
}

/*マーカー細め　青*/
.blue_marker_thin
{background: linear-gradient(transparent 80%, #7fbfff 80%);
font-weight: bold;
}

/*マーカー細め　黄*/
.yellow_marker_thin
{background: linear-gradient(transparent 80%, #fff799 80%);
font-weight: bold;
}

/*マーカー細め　緑*/
.green_marker_thin
{background: linear-gradient(transparent 80%, #b2ffb2 80%);
font-weight: bold;
}

/*マーカー細め　オレンジ*/
.orange_marker_thin
{background: linear-gradient(transparent 80%, #ffce9e 80%);
font-weight: bold;
}


/*SNSシェアアイコンの変更*/
.sns li a{
font-size: 80%;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 2px;
text-align: center;
text-decoration: none;
text-shadow: none;
}

.sns li a:hover{
-webkit-transform: none;
-moz-transform: none;
transform: none;
box-shadow: none;
}

.sns li a .text{
font-weight: bold;
}

/*ツイッター*/
.sns .twitter a{
color: #22b8ff !important;
border: solid 2px #22b8ff !important;
background: #fff !important;
box-shadow: none;
}

.sns .twitter a:hover{
color: #fff !important;
border: solid 2px #22b8ff !important;
background: #22b8ff !important;
}

/*Facebook*/
.sns .facebook a{
color: #6680d8 !important;
border: solid 2px #6680d8 !important;
background: #fff !important;
box-shadow: none;
}

.sns .facebook a:hover{
color: #fff !important;
border: solid 2px #6680d8 !important;
background: #6680d8 !important;
}

/*はてブ*/
.sns .hatebu a{
color: #5d8ac1 !important;
border: solid 2px #5d8ac1 !important;
background: #fff !important;
box-shadow: none;
}

.sns .hatebu a:hover{
color: #fff !important;
border: solid 2px #5d8ac1 !important;
background: #5d8ac1 !important;
}

/*Pocket*/
.sns .pocket a{
color: #ff6d82 !important;
border: solid 2px #ff6d82 !important;
background: #fff !important;
box-shadow: none;
}

.sns .pocket a:hover{
color: #fff !important;
border: solid 2px #ff6d82 !important;
background: #ff6d82 !important;
}

/*Feedly*/
.sns .feedly a{
color: #6cc655 !important;
border: solid 2px #6cc655 !important;
background: #fff !important;
box-shadow: none;
}

.sns .feedly a:hover{
color: #fff !important;
border: solid 2px #6cc655 !important;
background: #6cc655 !important;
}

/*Line*/
.sns .line a{
color: #25af00 !important;
border: solid 2px #25af00 !important;
background: #fff !important;
box-shadow: none;
}

.sns .line a:hover{
color: #fff !important;
border: solid 2px #25af00 !important;
background: #25af00 !important;
}

/*マイクロコピー*/
/*マイクロコピー上側*/
.micro-copy-top{
	text-align: center;
	color: #000000; /*文字の色*/
	font-size: 0.85em; /*文字の大きさ*/
	position:relative;
	top: 25px; /*ボタンとの距離*/
}

/*マイクロコピー下側*/
.micro-copy-bottom{
	text-align: center;
	color: #E808080; /*文字の色*/
	font-size: 0.75em; /*文字の大きさ*/
	position:relative;
	bottom: 0px; /*ボタンとの距離*/
}

body {
font-family: 'Kosugi', sans-serif;
}

.post .entry-content ul li:before{
background-color: #004599; /*リストマーカーの色*/
}

.entry-content ul.list_check_square{
padding: 0em 0em 0em 0.5em;
position: relative;
}.entry-content ul.list_check li:before{
width: 0;
height: 0;
font-family: Font Awesome 5 Free;
content:"\f058";
position: absolute;
font-size: 1.2em;
left: -0.4em;
line-height:12px;
color: #5ab9ff;
}

.post .entry-content ul.list_check{
padding: 0em 0em 0em 0.5em;
position: relative;
}

.post .entry-content ul.list_check li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: Font Awesome 5 Free; /*Webアイコンフォント*/
content:"\f054"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 2em; /*アイコンのサイズ*/
left: -0.4rem; /*左端からのアイコンまで*/
line-height: 45px; /*行間*/
color: #516ab6; /*アイコンの色*/
}

.post .entry-content ol li:before{
	position: absolute;
	left: -0.2rem;
	padding: 0.1rem;

}

.post .entry-content ul,ol{
	position: relative;
	margin-left: -0.5rem;
}



/*　リンクカード枠線　*/
.entry-content .related_article.cf a{
 border:solid 1px #000;
 border-radius:2px;
 background-color:#fffff9;
 position:relative;
}

/*マウスオーバー背景カラー*/
.entry-content .related_article a:hover{
background:#f0f8ff;	
}
/*マウスオーバーテキストカラー*/
.entry-content .related_article p.ttl:hover{
color:#555;
}
.entry-content .related_article .date {
display:none;
}



/*箇条書きデザイン　青*/
.blue number-list {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.blue number-list li{
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 35px #5c9ee7;
  margin-bottom: 5px;
}
.blue number-list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align:center;

}

/*引用符ボックス　グレー*/
blockquote{
    position:relative;
    border-top:1px solid #7A87B0;
    border-bottom:1px solid #7A87B0;
    padding:10px;
}
.post blockquote:before{
    position:absolute;
    background-color:#FFFFFF;
    color:#7A87B0;
    font-family:"Font Awesome 5 Free";
    content:'\f10d';
    line-height:1;
    text-align:center;
    top:-20px;
    left:-10px;
    padding:10px;
    font-size:20px;
}
.post blockquote:after{
    position:absolute;
    right:-10px;
    bottom:-20px;
    background-color:#FFFFFF;
    padding:10px;
    color:#7A87B0;
    font-family:"Font Awesome 5 Free";
    content:'\f10e';
    line-height:1;
    text-align:center;
    font-size:20px;
}
.post blockquote cite {
    display: block;
    padding-right:30px;
    font-size: 0.8rem;
    text-align: right;
    color: #808080;
}

/*引用ボックスここまで */

/*H2デザイン変更 */
 
cite {
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.post .entry-content h2{
padding: 0.5em;/*文字周りの余白*/
color: #ffffff !important;/*文字色*/
background: #eaf3ff;/*背景色*/
border-left: solid 4px #516ab6;/*左線（実線 太さ 色）*/
border-bottom: solid 0px #516ab6;
line-height: 2.5;
}

.post .entry-content h4 {
  position: relative;
  padding-left: 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;
	border-left: solid 0px #cce4ff !important;
}

.post .entry-content h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0rem;/*アイコンの位置*/
  top: 0.6rem;/*アイコンの位置*/
  color: #5472cd; /*アイコン色*/
  font-weight: 900;
}

/*H2デザイン変更 ここまで*/

/*-----------------------------------------------
フッターメニューを固定する
-----------------------------------------------*/

@media only screen and (max-width: 767px) {
	.nav_btn{
　　z-index:100;
}
#container{
    padding-bottom:50px;/*フッターの高さだけコンテンツを上げる*/
}
#fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color:#1a2c5b;/*メニューの背景色*/
    z-index:99;
}
#fixed_footer .fa {
    font-size: 30px;/*アイコンフォントのサイズ*/
}
#fixed_footer ul {
    margin:5px 0;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#fixed_footer ul li {
    display: table-cell;
    vertical-align: middle;
    font-size:11px;/*文字サイズ*/
    margin:auto;
}
#fixed_footer ul li a{
    color:#fff;/*文字色*/
    text-decoration:none;
}
#page-top{
    display:none;/*デフォルトのトップへ戻るボタンを消す*/
}
}



/*--------------------------------
モーダルウィンドウ
---------------------------------*/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
overflow:auto;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
overflow:auto;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 100px;
left: 0;
z-index: 20;
padding:5%;
margin:0 auto;
width: 100%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 100px;
font-size: 35px;
right:0;
z-index: 20;
margin:0 auto;
background: #fff;
border-radius: 6px;
padding: 2px 8px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/*--------------------------------
SNSの部分
---------------------------------*/

.modal-inner ul {
list-style:none;
}


.modal-inner li {
float:left;
width: 18%;
margin:2%;
}
.modal-inner li a {
font-size:150%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.modal-inner li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}
/* ツイッター */
.modal-inner .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
color:#fff;
}
.modal-inner  .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.modal-inner .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.modal-inner .facebook a:hover {
background:#2c4373;
}
/* LINE */
.modal-inner .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.modal-inner .line a:hover {
background:#219900;
}
.modal-inner .line a span{
color:#25af00;
    display: inline-block;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    font-size: 8px;}
/* Pocket */
.modal-inner  .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.modal-inner  .pocket a:hover {
background:#c0392b;
}

/* 検索ボックス */
.search-form{
margin: 45px 0 45px 40px;
height: 50px;
}

#sform{
position:relative;
max-width:300px;
margin-bottom:20px;
}

#sbox{
height:50px;
padding:0 10px;
position:absolute;
left:0;
top:0;
border-radius:5px;
outline:0;
background:#eee;/*検索窓の背景色*/
border: none;
}

#search-btn{
height:50px;
width:50px;
position:absolute;
left: calc(100% - 50px);
top:0;
background:#58a9ef;/*検索ボタンの色*/
color:#fff;/*検索アイコンの色*/
border:none;
border-radius:0 5px 5px 0;
}

#search-btn .fa-search{
font-size:20px;
position:absolute;
top:30%;
left:30%;
}

#search-btn:before {
font-family: "Font Awesome 5 Free";
  content: "\f002";
}

#search-btn:hover{
color:#888;
}


/*中身*/
#nav-content {
  overflow: auto;
　color: #000;
  top: 0;
  left: 0;
  z-index: 99;/*最前面に*/
  max-width: 380px;/*最大幅（調整してください）*/
  height: 100%;
}

/*ハンバーガーメニューの中身もろもろ*/
.hamburger-top {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding: 15px 15px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 5px;
  color: #000;
}

.menu-category {
  background-color: #1a2c5b;
  font-size: 22px;
  padding: 7px 10px;
  color: #fff;
  font-weight: bold;
}

.menu-container{
  padding: 5px 10px;
	text-align: left;
	margin-bottom: 150px;

}


.menu-container li {
  float: none;
  font-size: 15px;
  list-style: none;
	text-align: left;
  border-bottom: dashed 1px #999;
	width: 350px;
}


.menu-container li a {
  text-decoration: none;
  color: #000;
	text-align: left;
}

.menu-container a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f07b";
  font-weight: 900;
  color: #58a9ef;/*アイコン色*/
  margin-right: 5px;
}


/*スマホ用サイドバー*/
.widget {
  margin-bottom: 50px;
}

.wpost-item {
  display: flex;
  margin-top: 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.wpost-item:hover {
  opacity: 0.6;
}

.wpost-item:last-child {
  margin-bottom: 0;
}
.wpost-item-img {
  width: 120px;
}

.wpost-item-body {
  padding: 0 0 0 10px;
  width: calc(100% - 120px);
}

.wpost-item-title {
  font-family: "HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Meiryo", "Meiryo", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.57143;
}
/*-- フッターメニュー終わり --*/

/*-- Rinkerのデザイン変更 --*/
div.yyi-rinker-contents {
  border: solid 2px #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents img {
  max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
  padding: .25em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
  margin: 2%;
  width: 30%;
}

div.yyi-rinker-info {
  padding: 0 3%;
  width: 100%;
  margin: auto;
}

.yyi-rinker-title {
  font-size: 1em;
  margin-left: .5em;
  padding-top: 1em;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: .8em;
  color: #42424280;
  padding-left: 0;
  margin-top: 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: .5em 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
  letter-spacing: 0.1em;
  font-size: 1.2em;
  margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
  display: inline-block;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 70%;
  padding: 0 .7em;
  margin: .5em .5em .4em .5em;
  font-size: .8em;
  display: inline-block;
  height: 40px;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
  transition: .3s ease-in-out;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: #FFC266;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
  color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
  position: absolute;
  right: auto;
  padding-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f138"!important;
  transition: .3s ease-in-out;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
  opacity: .9;
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}

@media screen and (max-width: 540px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 1em 0 0 0;
    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;
  }
  .yyi-rinker-title {
    font-size: .9em;
    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: 85%;
    font-size: .9em;
  }
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li a:after {}
}
/*Rinkerここまで*/

/*アプリーチ*/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.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;
}

/*アプリーチここまで*/

.stk_navbtn_search {
font-family: "Font Awesome 5 Free";
  content: "\f002";
}

/*サイドバー人気記事*/
/* リスト1段目の余白 */
ul.wpp-list li:nth-child(1){
padding: 10px 5px!important;
}
/* リスト2段目〜10段目の余白 */
ul.wpp-list li:nth-child(n+2):nth-child(-n+10){
padding:2px 5px 10px 5px!important;
}

/* ランキング表示を消す場合 */ 
ul.wpp-list li a:before{
display:none;		
}

/* ランキングカウンター実装 */
ul.wpp-list li:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
color:#fff;/* 数字の色 */
text-shadow:0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
font-size:13px;/* 数字サイズ */
font-weight:bold;/* 数字を太字 */
background:#555;/* 背景色 */
padding:3px 8px;/* 丸枠内の余白 */
border-radius:0%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #fdd35c;
}
ul.wpp-list li:nth-child(2):before{
background: #a0a0a0;
}
ul.wpp-list li:nth-child(3):before{
background: #bf783e;
}
ul.wpp-list li:nth-child(10):before{
padding:3px 10px;
}

/*サイドバー人気記事ここまで*/