@charset "utf-8";
/* CSS Document */

.all {
	max-width: 595px;
    margin: 0 auto;
    background-color: #fff;
    font-size: 18px !important;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    color: #000000 !important;
    line-height: 1.9 !important;
    padding: 0 10px 2%;
}

@media (max-width: 760px) {
   .all {
	padding: 0 10px 4%;
    margin: 7% auto 0;
	}
}

footer {
	text-align: center;
	font-size: 13px;
    padding: 5%;
    background: #ECECEC;
    text-align: center;
    margin-top: 10px;
}

footer a{
	color: #4682b4;
}

body {
    margin: 0;
    background-color: #F4F4F4;
}

b{
    font-weight: bold;
}

img {
	width: 100%;
	margin: 0 auto;
	
}

video {
	max-width: 100%;
}

strong {
    font-weight: bold;
}

.sp {
	display: none;
}

.kensaku{
	margin: 0 auto;
	font-family: Hiragino Sans, Arial, sans-serif !important;
	max-width: 615px;
}


.taC{
	text-align: center;
}

.fcB{
	color: rgb(16, 128, 220);
}

.fcG{
	color: rgb(124, 195, 34);
}

.fcP{
	color: rgb(255, 0, 120);
}

.fcR{
	color: rgb(255, 0, 0);
}

.fcwP{
	color: rgb(240, 102, 102);
}

.fs15{
	font-size: 15px !important;
}

.fs21{
	font-size: 21px !important;
}

.fs19{
	font-size: 19px !important;
}

.fs25{
	font-size: 25px !important;
}

.y_mark{
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%,#ffff00 0%) repeat scroll 0 0;
}

.g_k {
	font-size: 10px;
    color: #999;
	text-align: right;
	margin: 6px 0;
}

.g_k02{
	font-weight: 700;
	color: rgb(187, 187, 187);
}

.mt40{
	margin-top: 40px;
}

.mt60{
	margin-top: 60px;
}

.mt20{
	margin-top: 20px;
}

.mt10{
	margin-top: 10px;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.mb40{
	margin-bottom: 40px;
}

.mb60{
	margin-bottom: 60px;
}

.mtb615{
	margin: 6% auto 15%;
}

.mini532 img{
	width: 532px;
}

.db{
	text-align: center;
    width: auto;
}

.reason_detail {
  margin-top: 70px;
  border: 1px solid #BB283B;
  background-color: #fff;
  margin: 20px;
}

 .reason_detail p {
  margin-bottom: 5px;
}

 .reason_detail p {
  padding: 30px;
  padding-top: 0px;
  margin-top: 0;
}

 .reason_detail {
  border: none;
  background-color: #f3f7f9;
  /*    background-color: #FFF3F3;*/
  margin: 0;
  margin-top: 10px;
}

 h2 {
  padding: 15px 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
  background-color: #d54e4e;
  border-left: 10px solid #ffeaa7;
  margin-top: 40px;
  color: white;
}

@media only screen and (max-width:839px) {
    h2 {
        font-size: 18px;
      }
}

h3 {
    padding: 10px 0 2px;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    border-bottom: 2px solid #3263cd;
  
}

@media (max-width: 620px) {
    .kaso_pro_tbl table {
     width: 100%;
     margin: 5% auto;
   }
 
   
 
   /*ランキング表*/
   .rankTable {
     background: #eaf7fd;
     width: 800px;
     margin: 3% auto;
     box-sizing: border-box;
   }
 
    .rankTable table {
     background: #ffffff;
     width: 100%;
     margin: auto;
     box-sizing: border-box;
     border-radius: 5px;
   }
 
    .rankTable table tr th {
     background: #4295c5;
     color: white;
     border-radius: 0;
     padding: 1% 1%;
     font-weight: bold;
   }
 
    .rankTable table tr:first-child th {
     background: #ffffff;
     border-radius: 0;
     padding: 1% 0 1% 0;
     font-size: 1.5rem;
     vertical-align: top;
     line-height: 0.7;
     border-right: 2px dotted #c4c4c4;
   }
 
    .rankTable table tr:last-child th {
     background: #ffffff;
     border-radius: 0;
     padding: 3% 0 1% 0;
     font-size: 1.5rem;
     vertical-align: top;
     line-height: 1;
     border-right: 2px dotted #c4c4c4;
   }
 
    .rankTable table tr:first-child th:last-child,
    .rankTable table tr:last-child th:last-child {
     border-right: none;
   }
 
    .rankTable table tr:first-child th:nth-child(1) {
     color: #ffffff;
     background-color:#4295C5;
     text-align: center;
     font-size:0.8rem;
     border-right:none;
     vertical-align:middle
   }
 
    .rankTable table tr:first-child th:nth-child(2) {
     color: #9d9a93;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(3) {
     color: #c56e6e;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(1) {
     color: #ffffff;
    background-color: #4295C5;
    text-align: center;
    font-size:0.8rem;
    border-right:none;
    vertical-align:middle
   }
 
    .rankTable table tr:last-child th:nth-child(2) {
     color: #9d9a93;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(3) {
     color: #c56e6e;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(4) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(5) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(6) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(4) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(5) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(6) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th a,
    .rankTable table tr:last-child th a {
     font-size: 1rem;
	 color: #4682b4;
   }
 
    .rankTable table tr:first-child th a img,
    .rankTable table tr:last-child th a img {
     padding: 5% 0;
   }
 
    .rankTable td {
     border-top: 2px dotted #c4c4c4;
     border-right: 2px dotted #c4c4c4;
     border-bottom:2px dotted #c4c4c4;
     text-align: center;
     padding: 1% 1%;
     width: calc(100% / 6);
     font-size: 0.8rem;
     vertical-align: top;
   }
 
    .rankTable td:last-child {
     border-right: none;
   }
 
    td.txt_only {
     font-size: 1.5rem;
     color: #333333;
     padding: 2.5% 0;
   }
 
    span.ex,
    span.go,
    span.so,
    span.ba {
     font-weight: normal;
     line-height: 70px;
   }
 
    span.ex {
     font-size: 5rem;
     color: #f8525d;
   }
 
    span.go {
     font-size: 3.5rem;
     color: #7cd0dd;
   }
 
    span.so {
     font-size: 3.2rem;
     color: #f5c132;
   }
 
    span.ba {
     font-size: 4rem;
     color: #7a7a7a;
   }
 
    span.txt_ex {
     font-weight: bold;
     color: #f8525d;
   }
 
   
   /*.scrollok {
     display: none;
 }                   */
 
   span.ex,
    span.go,
    span.so,
    span.ba {
     line-height: 50px;
   }
 
    span.ex {
     font-size: 3.5rem;
   }
 
    span.go {
     font-size: 2.5rem;
   }
 
    span.so {
     font-size: 2.2rem;
   }
 
    span.ba {
     font-size: 3rem;
   }
 
    .rankTable table tr th {
     font-size: 0.8rem;
   }
 }
 
 @media (max-width: 620px) {
    .rankTable {
     /*padding: 20px 0 0 0;*/
     border: 10px solid #bce7ff;
     border-top: 10px solid #bce7ff;
     border-width: 10px;
     overflow-x: scroll;
     width: 100%;
     box-sizing: border-box;
     margin: 0;
     background: #ffffff;
   }
 
    .rankTable table {
     width: 540px;
   }
 
    .rankTable table tr.sp_th {
     /*display: block;*/
     height: 28px;
   }
 
    .rankTable table tr.sp_th th {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     width: calc(100% - 40px);
     text-align: center;
     padding-top: 5px;
   }
 
    .scrollok {
     display: block;
     text-align: center;
     color: #0b4685;
     /*position: absolute;*/
     right: 0;
     left: 0;
     background: #edf5fa;
     width: 100%;
     margin: auto;
   }
 
    span.ex,
    span.go,
    span.so,
    span.ba {
     line-height: 50px;
   }
 
    span.ex {
     font-size: 2.5rem;
   }
 
    span.go {
     font-size: 2.5rem;
   }
 
    span.so {
     font-size: 2.2rem;
   }
 
    span.ba {
     font-size: 3rem;
   }
 
    .rankTable table tr th {
     font-size: 0.8rem;
   }
 }
 
 
 
 /*ランキング表*/
 .kaso .kaso_pro_tbl th,
  .kaso .kaso_pro_tbl td {
   border: 1px solid #cccccc;
   font-size: 1rem;
 }
 
  .kaso_pro_tbl table {
   width: 100%;
   margin: 5% auto;
 }
 
 @media (min-width: 620px) {
    .kaso_pro_tbl table {
     width: 100%;
     margin: 5% auto;
   }
 
   
 
   /*ランキング表*/
   .rankTable {
     background: #eaf7fd;
     width: 800px;
     margin: 3% auto;
     box-sizing: border-box;
   }
 
    .rankTable table {
     background: #ffffff;
     width: 100%;
     margin: auto;
     box-sizing: border-box;
     border-radius: 5px;
   }
 
    .rankTable table tr th {
     background: #4295c5;
     color: white;
     border-radius: 0;
     padding: 1% 1%;
     font-weight: bold;
   }
 
    .rankTable table tr:first-child th,
    .rankTable table tr:last-child th {
     background: #ffffff;
     border-radius: 0;
     padding: 1% 0;
     font-size: 1.5rem;
     vertical-align: top;
     line-height: 1;
     border-right: 2px dotted #c4c4c4;
   }
 
    .th2 {
     padding: 1% 0 0% 0;
   }
 
    .rankTable table tr:first-child th:last-child,
    .rankTable table tr:last-child th:last-child {
     border-right: none;
   }
 
    .rankTable table tr:first-child th:nth-child(1) {
     color: #ffffff;
     background-color:#4295C5;
     text-align: center;
     font-size:0.8rem;
     border-right:none;
     vertical-align:middle
   }
 
    .rankTable table tr:first-child th:nth-child(2) {
     color: #9d9a93;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(3) {
     color: #c56e6e;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(1) {
    color: #ffffff;
    background-color: #4295C5;
    text-align: center;
    font-size:0.8rem;
    border-right:none;
    vertical-align:middle
   }
 
    .rankTable table tr:last-child th:nth-child(2) {
     color: #9d9a93;
     text-align: center;
   }
 
    .rankTable table tr:last-child th:nth-child(3) {
     color: #c56e6e;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(4) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(5) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th:nth-child(6) {
     color: #74cccc;
     text-align: center;
 
   }
 
    .rankTable table tr:last-child th:nth-child(4) {
     color: #74cccc;
     text-align: center;
 
   }
 
    .rankTable table tr:last-child th:nth-child(5) {
     color: #74cccc;
     text-align: center;
 
   }
 
    .rankTable table tr:last-child th:nth-child(6) {
     color: #74cccc;
     text-align: center;
   }
 
    .rankTable table tr:first-child th a,
    .rankTable table tr:last-child th a {
     font-size: 1rem;
	 color: #4682b4;
   }
 
    .rankTable table tr:first-child th a img,
    .rankTable table tr:last-child th a img {
     padding: 5% 0;
   }
 
    .rankTable td {
     border-right: 2px dotted #c4c4c4;
     border-top: 2px dotted #c4c4c4;
     text-align: center;
     padding: 1%;
     width: calc(100% / 6);
     font-size: 0.9rem;
     vertical-align: top;
   }
 
    .rankTable td:last-child {
     border-right: none;
   }
 
    td.txt_only {
     font-size: 1.5rem;
     color: #333333;
     padding: 2.5% 0;
   }
 
    span.ex,
    span.go,
    span.so,
    span.ba {
     font-weight: normal;
     line-height: 70px;
   }
 
    span.ex {
     font-size: 5rem;
     color: #f8525d;
   }
 
    span.go {
     font-size: 3.5rem;
     color: #7cd0dd;
   }
 
    span.so {
     font-size: 3.2rem;
     color: #f5c132;
   }
 
    span.ba {
     font-size: 4rem;
     color: #7a7a7a;
   }
 
    span.txt_ex {
     font-weight: bold;
     color: #f8525d;
   }
 
   
   /*.scrollok {
     display: none;
 }                   */
 
   span.ex,
    span.go,
    span.so,
    span.ba {
     line-height: 50px;
   }
 
    span.ex {
     font-size: 3.5rem;
   }
 
    span.go {
     font-size: 2.5rem;
   }
 
    span.so {
     font-size: 2.2rem;
   }
 
    span.ba {
     font-size: 3rem;
   }
 
    .rankTable table tr th {
     font-size: 0.8rem;
   }
 }
 
 
 
 
 
 
 @media (min-width: 620px) {
    .rankTable {
     /*padding: 20px 0 0 0;*/
     border: 10px solid #bce7ff;
     border-top: 10px solid #bce7ff;
     border-width: 10px;
     /*overflow-x: scroll;*/
     width: 100%;
     box-sizing: border-box;
     margin: 0 0 20px 0;
     background: #ffffff;
   }
 
    .rankTable table {
     width: 100%;
   }
 
    .rankTable table tr.sp_th {
     /*display: block;*/
     height: 28px;
   }
 
    .rankTable table tr.sp_th th {
     /*	position: absolute;*/
     left: 0;
     right: 0;
     margin: auto;
     width: calc(100% - 20px);
     text-align: center;
     padding-top: 5px;
   }
 
    .scrollok {
     display: block;
     text-align: center;
     color: #0b4685;
     /*position: absolute;*/
     right: 0;
     left: 0;
     background: #edf5fa;
     width: 100%;
     margin: auto;
   }
 
    span.ex,
    span.go,
    span.so,
    span.ba {
     line-height: 50px;
   }
 
    span.ex {
     font-size: 3.5rem;
   }
 
    span.go {
     font-size: 2.5rem;
   }
 
    span.so {
     font-size: 2.2rem;
   }
 
    span.ba {
     font-size: 3rem;
   }
 
    .rankTable table tr th {
     font-size: 0.8rem;
   }
 }
 
 
 
 /*ランキング表*/
 .kaso .kaso_pro_tbl th,
  .kaso .kaso_pro_tbl td {
   border: 1px solid #cccccc;
   font-size: 1rem;
 }
 
  .kaso_pro_tbl table {
   width: 100%;
   margin: 5% auto;
 }
 
  span.star {
   color: #f5c132;
 }

 h6 {
    text-align: center;
    position: relative;
    font-size: 1.5em;
    font-weight: bold;
    color: #ffffff;
    padding: 2%;
    margin: 5% 0 !important;
    box-shadow: #ccc 4px 5px 5px;
    background: linear-gradient(to right, #ff6868, #ffc967)
  }
  
   h6 span {
    position: absolute;
    top: 0%;
    left: 0;
    font-style: italic;
    padding: 2% 4%;
    color: #b1ad44;
    font-weight: bold;
    background: #fffdb5;
  }
  
   h6 span:after {
    position: absolute;
    top: calc(50% - 7px);
    right: -11px;
    width: 0;
    height: 0;
    content: '';
    border-width: 7px 0 7px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #fffdb5;
  }

  table.item_table {
    /* margin: 10px 0px;*/
    font-weight: bold;
    /*width: 100%;*/
  }
  
   .item_table th {
    background: #decb9f;
    color: #fff;
    padding: 3px 0 0;
    border: 1px solid #fff;
    font-size: 15px;
  }
  
   table.item_table td {
    border: 1px solid #afafaf;
    font-size: 15px;
    padding: 2% 1% 2%;
    width: 10%;
  }
  
   table.item_table tbody tr th:first-child {
    border-left: 1px solid #decb9f;
  }
  
   table.item_table tbody tr th:last-child {
    border-right: 1px solid #decb9f;
  }
  
   .item_table th {
    padding: 15px;
  }

  /* ウィジェット全体 */
.l-btn_gradiate-with-image__wrap {
    /* 最大幅 */
    max-width: 500px;
    width: 100%;
    /* 外側余白|上|左右(auto=自動)※左右中心にしない場合はautoを数値に変更|下| */
    margin: 40px auto 60px;
    position: relative;
  }
  
  
  
  /* ウィジェットのリンク要素 */
  .l-btn_gradiate-with-image__wrap a {
    /* 下線(none=無し) */
    position: relative;
    /* カーソルを当てた時の動きのスピード|1000分の1秒 s| */
    transition: all 0.3s;
    display: block;
    text-decoration: none;
  }
  
  
  
  /* 画像 */
  .l-btn_gradiate-with-image__img {
    /* 左からの距離 */
    left: 450px;
    /* したからの距離 */
    bottom: -2em;
    /* カーソルを当てた時の動きのスピード|1000分の1秒 s| */
    transition: all 0.3s;
    position: absolute;
    z-index: 1;
  }
  
  
  
  /* 画像 - 画像自体 */
  .l-btn_gradiate-with-image__img img {
    /* 幅 */
    width: 50px;
    height: auto;
    display: block;
  }
  
   .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
  }
  
   .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: 100%;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #ff8c00;
    /*文字の色*/
    color: #fff;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 1rem 2rem;
    /*角を丸くする指定*/
    border-radius: 0.5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
      7px 7px 20px 0px rgba(0, 0, 0, 0.1),
      4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
      -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
  }
  
   .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #fff;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #dc143c;
    text-decoration: none;
  }
  
   .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
  }
  
   .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
      -4px -4px 6px 0 rgba(116, 125, 136, .2),
      inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
      inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
  }
  
  
  @-webkit-keyframes shiny-brite {
  
    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0;
    }
  
    80% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }
  
    81% {
      -webkit-transform: scale(4) rotate(45deg);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }
  .kuti {
    padding: 5px 10px;
    background: white;
    border: 5px solid #bce7ff;
  }

  /* recbox-wrapper */
.recbox-wrapper {
    position: relative;
    padding: 6% 5% 4%;
    border: 2px dashed #bfa776;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  
   .recbox-wrapper h5 {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 70%;
    text-align: center;
    transform: translate(-50%, -60%);
    padding: 3px 6px;
    background: #bfa776;
    color: #ffffff;
    font-weight: bold;
    font-size: 27px;
  }
  
   .recbox-wrapper__list ul li {
    position: relative;
    padding-left: 20px;
    line-height: 1.8;
  }
  
   .recbox-wrapper__list ul li:before {
    position: absolute;
    top: 4px;
    left: -4px;
    /* transform: translate(0, -50%); */
    display: inline-block;
    content: "";
    background: url("../img/check.png") no-repeat center/100%;
    width: 22px;
    height: 22px;
  }

  footer {
    font-size: 13px;
    padding: 5%;
    background: #ECECEC;
    text-align: center;
    margin-top: 10px;
  }

.n_btn {
    background: linear-gradient(to bottom, #d9ef66, #65b13e);
    padding: 2% 0;
    border-radius: 5px;
    box-shadow: 3px 3px 0px 0px #5c9736;
    text-align: center;
    width: 92%;
    margin: 6% auto 7% auto;
    font-size: 1.1em;
}

.n_btn a{
	text-decoration: none;
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

@media screen and (max-width: 760px){
	.mini532 img{
		width: 354px;
	}
	
	.l-btn_gradiate-with-image__img img{
		display: none;
	}
	
	.sp {
	display: block;
}
}

/*-------- 検索 --------*/


.searchtable tbody{
	margin: 2%;
}

.searchtable{
    table-layout: auto;
    max-width: unset;
    border-radius: 5px;
    border-right: none;
    /*margin: 30px auto;*/
	table-layout: fixed;
}
.searchtable th,
.searchtable td{
    padding: 5px 15px;
}
.searchtable th{
    font-weight: bold;
    color: #000;
    display: block;
    text-align: left;
    font-size: 14px;
}
.searchtable td{
    text-align: left;
    padding-left: 15px;
	display: block;
}

.searchtable td:nth-child(1) {
    border: none;
}

.searchbutton {
    background-color: #E8F4FF;
    color: #1D92FF;
    border: none;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 35%;
    border-radius: 5px;
}

/*.searchtable .searchcenter {
     text-align: center;
}*/

.form {
    table-layout: auto;
    max-width: unset;
	width: 565px;
    background-color: #ffffff;
    border-radius: 0 0 5px 0;
    border-right: none;
    margin: 0 auto;
    padding: 1px 25px;
}

@media screen and (max-width: 760px){
.searchtable {
    width: 90%;
}

.searchtable th,
.searchtable td{
    padding: 5px 3%;
}
	
.form {
	margin: 0 auto;
	width: 95%;
	padding: 2% 0;
}
	
.item_title{
    width: 95% !important;
	padding: 5% 0 !important;
}
.show_more span{
	margin: 0px 9% !important;
}

.item_title p {
	padding: 0 3% !important;
}
	

	

}

.acc_content_wrapper {
  position: relative;
  margin-bottom: 2%;
}
.acc_content {
  height: 0vh;
  overflow: hidden;
}

.show_more{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  line-height: 1.8em;
  cursor: pointer;
  transition: bottom 0.2s;
}
.show_more span{
  	position: absolute;
    width: 80px;
    height: 35px;
    bottom: -16px;
    background-color: #ffffff;
    text-align: center;
    color: #1d92ff;
    font-size: 12px;
    border-radius: 0 0 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 4%;
}

.item_title{
	text-align: left;
    padding: 18px 30px 24px;
    background-color: #fff;
    color: #1D92FF;
    width: 555px;
    margin: 2% auto 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}


.item_title p{
	padding: 0 1%;
	font-family: Hiragino Sans, Arial, sans-serif !important;
}
.bg_y{
    background-color: #fffde8;
}
.fss {
    font-size:10px;
    padding:0px;
    margin:0px;
}
.rankTable td {
    border-bottom:2px dotted #c4c4c4;
    border-top: 2px dotted #c4c4c4;
    vertical-align:top;
}
.rankTable th {
    border-bottom:2px dotted #ffffff;
    vertical-align:middle;
    position: sticky;
    left: 0;
    z-index: 10;
}
.rankTable tr:last-child th {
    border-bottom: none;
}
.rankTable tr:second-child td {
    border-top:2px dotted #c4c4c4;
}
.rankTable table tr:second-child th:nth-of-type(2) {
    border-bottom:2px dotted #c4c4c4;
}
.rankTable table tr:first-child th:nth-child(2) {
    border-bottom:none;
}
.rankTable table tr:first-child th:nth-child(3) {
    border-bottom:none;
}
.rankTable table tr:first-child th:nth-child(4) {
    border-bottom:none;
}
.rankTable table tr:first-child th:nth-child(5) {
    border-bottom:none;
}
.rankTable table tr:first-child th:nth-child(6) {
    border-bottom:none;
}
.rankTable table tr:nth-child(9) {
    font-size:10px;
}
.vat {
    vertical-align: top;
}

/*---------------- チャット風 ----------------*/
/* 全体 */
.sb-box {
  position: relative;
  overflow: hidden;
}
/* アイコン画像 */
.icon-img {
  position: absolute;
  overflow: hidden;
  top: 0; /* 画像の位置を上から0に */
  width: 80px; /* 画像の幅 */
  height: 80px; /* 画像の高さ */
}
/* アイコン画像（左） */
.icon-img-left {
  left: 0; /* 画像の位置を左から0に */
}
/* アイコン画像（右） */
.icon-img-right {
  right: 0; /* 画像の位置を右から0に */
}
/* アイコン画像 */
.icon-img img {
  border-radius: 50%; /* 画像を丸く表示する */
  border: 2px solid #eee; /* 画像の縁取りの太さとカラー */
}
/* アイコンネーム */
.icon-name {
  position: absolute;
  width: 80px; /* ネームの最大幅を画像と同じに */
  text-align: center; /* ネームの位置をセンターに */
  top: 83px; /* ネームの位置を上から83に */
  color: #777; /* ネームのカラー */
  font-size: 10px; /* ネームのフォントサイズ */
}
/* アイコンネーム（左） */
.icon-name-left {
  left: 0; /* ネームの位置を左から0に */
}
/* アイコンネーム（右） */
.icon-name-right {
  right: 0; /* ネームの位置を右から0に */
}
/* 吹き出し */
.sb-side {
  position: relative;
  float: left;
  margin: 0 105px 40px 105px; /* 吹き出しの上下左右の余白 */
}
.sb-side-right {
  float: right;
}
/* 吹き出し内のテキスト */
.sb-txt {
  position: relative;
  border: 2px solid #eee; /* 吹き出しの縁取りの太さとカラー */
  border-radius: 6px; /* 吹き出しを角丸に */
  background: #fff; /* 吹き出しの背景色 */
  color: #333; /* 吹き出し内のテキストのカラー */
  font-size: 15px; /* 吹き出し内のフォントサイズ */
  line-height: 1.7; /* 吹き出し内のテキストが2行以上になった時の行間 */
  padding: 18px; /* 吹き出し内の上下左右の余白 */
}
.sb-txt > p:last-of-type {
  padding-bottom: 0; /* 吹き出し内のテキストを改行した場合、最後のpタグにpadding-bottomをつけない */
  margin-bottom: 0; /* 吹き出し内のテキストを改行した場合、最後のpタグにmargin-bottomをつけない */
}
/* 吹き出しの三角 */
.sb-txt:before {
  content: "";
  position: absolute;
  border-style: solid;
  top: 16px; /* 吹き出し内の三角の位置 */
  z-index: 3;
}
.sb-txt:after {
  content: "";
  position: absolute;
  border-style: solid;
  top: 15px; /* beforeより-1px */
  z-index: 2; /* beforeより-1 */
}
/* 吹き出しの三角（左） */
.sb-txt-left:before {
  left: -7px;
  border-width: 7px 10px 7px 0;
  border-color: transparent #fff transparent transparent; /* 背景色と同じカラーに */
}
.sb-txt-left:after {
  left: -10px; /* beforeより-3px */
  border-width: 8px 10px 8px 0; /* beforeより上下+1px */
  border-color: transparent #eee transparent transparent; /* 縁取りと同じカラーに */
}
/* 吹き出しの三角（右） */
.sb-txt-right:before {
  right: -7px;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff; /* 背景色と同じカラーに */
}
.sb-txt-right:after {
  right: -10px; /* beforeより-3px */
  border-width: 8px 0 8px 10px; /* beforeより上下+1px */
  border-color: transparent transparent transparent #eee; /* 縁取りと同じカラーに */
}

/* 767px（iPad）以下 */

@media (max-width: 767px) {
  /* アイコン画像 */
  .icon-img {
    width: 60px; /* 画像の幅を-20px */
    height: 60px; /* 画像の高さを-20px */
  }
  /* アイコンネーム */
  .icon-name {
    width: 60px; /* 画像の幅に合わせて-20px */
    top: 62px; /* ネームの位置を上から62に */
    font-size: 9px; /* ネームのフォントサイズを-1px */
  }
  /* 吹き出し（左） */
  .sb-side-left {
    margin: 0 0 30px 78px; /* 吹き出し（左）の上下左右の余白を狭く */
  }
  /* 吹き出し（右） */
  .sb-side-right {
    margin: 0 78px 30px 0; /* 吹き出し（右）の上下左右の余白を狭く */
  }
  /* 吹き出し内のテキスト */
  .sb-txt {
    padding: 12px; /* 吹き出し内の上下左右の余白を-6px */
  }
}