p.example1 { color: #ff0000; }
.fs-body-my-orders .fs-c-pairList {display:none;}

li.midashi .fs-pt-menu__heading{
    padding:3px 8px;
}

li.midashi {
    background: #646464;
    color: #ffffff;
}

.grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}
.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


  .instagram-gallery {    max-width: 640px;    margin: auto;  }  .instagram-gallery__list {    display: flex;    flex-wrap: wrap;    -ms-flex-wrap: wrap;  }  .instagram-gallery__item {    min-width: 33.333%;    width: 33.333%;    padding: 0px;  }


div.ranking-area + div.btn-wrap{
	margin-top: -4em;
}

div.btn-wrap{
	margin: 1.6em 0 4em 0;
	text-align: center;
}

div.btn-wrap .btn{
	display: inline-block;
	background-color: #800000;
	color: #fff;
	transition: all 0.3s;
}
div.btn-wrap .btn:hover{
	transform: translateY(2px);
}