/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

/*--------------------------------
カラーボックス
---------------------------------*/

.yellowbox {padding:15px 15px 15px 15px;
	line-height: 28px;
	background-color:#ffffe0;	
border:solid 1px black;
margin:0px 0px 30px 0px;
}
.graybox {padding:15px 15px 15px 15px;
border:solid 1px #8f8f8f;
background-color:#dfdfdf;
margin:0px 20px 20px 20px;
}
.cyanbox {padding:15px 15px 15px 15px;
	border:solid 1px #000080;
	background-color:#e0ffff;
margin:0px 0px 30px 0px;
}

.greenbox {padding:15px 15px 15px 15px;
	background-color:#006400;
margin:0px 20px 20px 20px;
}

.linebox{font-size: 19px;
	line-height: 35px;
	padding: 10px 20px 10px 20px;
         border: 1px solid #808080;
margin:0px 20px 20px 20px;
}

/*テキストアイコン（前）*/
.cbi { padding: 0 0 0 25px;
background: url(../../uploads/2016/02/midori-e1455784697991.png) no-repeat center left;
}
.linkd { padding: 0 0 0 25px;
background: url(../../uploads/2016/03/rink18.png) no-repeat center left;
}

.rank1 { padding: 5px 0 0 42px;
background: url(../../uploads/2016/04/rank01.png) no-repeat center left;
}

.rank2 { padding: 5px 0 0 42px;
background: url(../../uploads/2016/04/rank02.png) no-repeat center left;
}

.rank3 { padding: 5px 0 0 42px;
background: url(../../uploads/2016/04/rank03.png) no-repeat center left;
}


/* 黄色アンダー*/
.under {
  background: linear-gradient(transparent 55%, yellow 55%);
  }

/* 参考ボックス*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 4px #FF6600;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 19px;
    background: #FF6600;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/* 参考ボックス青*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #0033FF;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 19px;
    background: #0033FF;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.wp-caption-text a, 
.wp-caption-text {
	font-size: 17px;
	color: #000000;
}


/* アプリ―チ*/

.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;
}

.scroll-table {
overflow: auto;
white-space: nowrap;
}

.scroll-table::-webkit-scrollbar {
height: 5px;
}
.scroll-table::-webkit-scrollbar-track {
border-radius: 5px;
background: #f0f0f0;
}
.scroll-table::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #f0f0f0;
}

a.newanchor{
   display: block;
   margin-top:-90px;
   padding-top:90px;
}

a.newanchorn{
   display: block;
   margin-top:-200px;
   padding-top:200px;
}

a.newanchors{
   display: block;
   margin-top:-300px;
   padding-top:300px;
}