@charset "utf-8";
body {
	font: normal 16px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	letter-spacing: 0.5px;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}
body .sp-item {
    display: none !important; 
}
body .pc-item {
	display: block !important; 
	max-width: 750px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.container {
			width: 80%;
			margin: 0 auto;
			max-width: 1200px;
	}
}
.center {
	text-align: center;
}
.header_grid {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.header_grid > p {
	text-align: right;
	padding-right: 1rem;
	align-content: center;
}
.title {
	padding-left: 8%;
	padding-top: 15px;
}
.mv_content {
	width: 100%;
}
.mv_content > h1 > picture {
	display: block;
}
.mv_content_img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#mainContent {
	max-width: 1024px;
	margin: 0 auto;
}
.title_content > img{
	width: 100%;
}
.fxBestCard-boxes {
	column-gap: 1rem;
	display: grid;
  grid-template-columns: repeat(3, 1fr);
	margin-left: 10%;
	margin-right: 10%;
	row-gap: 1rem;
	grid-template-rows: 1fr;
}
.fxBestCard-box {
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
	padding-bottom: 20px;
	position: relative;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fxBestCard-box:first-child::before,
.pr_header::before {
	background-color: #fdf68a;
	border: 4px solid #ff6f29;
	border-radius: 11px;
	content: "当サイトイチオシ！";
	color: #ff5400;
	font-size: 0.5rem;
	font-weight: 700;
	left: 50%;
	padding: 0.1rem 0.2rem;
	position: absolute;
	transform: translateX(-50%);
	top: -12px;
}
.pr_header::before {
	font-size: 1.2rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	top: -22px;
}
.fxBestCard-box-header {
	background-color: #ff6f29;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 700;
	padding-top: 1.2rem;
	padding-bottom: 0.5rem;
}
.fxBestCard-box:nth-of-type(n + 2) .fxBestCard-box-header {
	background-color: #c3a888;
	padding-top: 0.5rem;
}
.fxBestCard-box-header > p {
	display: inline;
	position: relative;
}
.fxBestCard-box-header-content {
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;

  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.fxBestCard-box-header-content > div {
  flex-shrink: 0;
}
.fxBestCard-box-img {
	margin-top: 1rem;
	width: 100%;
}
.fxBestCard-boxes > .fxBestCard-box:nth-child(2) > .fxBestCard-box-header-content >  div:nth-child(1) > .fxBestCard-box-img,
.fxBestCard-boxes > .fxBestCard-box:nth-child(3) > .fxBestCard-box-header-content >  div:nth-child(1) > .fxBestCard-box-img {
	margin-top: 1.6rem;
}
.fxBestCard-box-cardName {
	font-size: 1rem;
	font-weight: 700;
	margin-top: 1rem;
}
.fxBestCard-box-inner-box {
	flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.fxBestCard-box-cardText {
	font-size: 0.9rem;
	padding-top: 0.2rem;
	flex-grow: 1;
}
.fxBestCard-box-note {
	font-size: 0.5rem;
	text-align: left;
	position: absolute;
	display: block;
}
.fxBestCard-box-note-position {
	bottom: -48px;
}
.button-container {
	text-align: center;
	margin-top: auto;
}
.button-container > a > span{
	position: relative;
}
.button-container > a > span::after {
	content: "";
	background-image: url(../images/tab_icon.png);
	height: 8px;
	position: absolute;
	right: -8px;
	transform: translateY(-50%);
	top: 50%;
	width: 9px;
}
.button-container > a >span {
	padding-right: 5px;
}
.btn-pushText {
	position: relative;
}
.btn-pushText::before {
	content: "＼タイアップ中／";
	font-size: 0.6rem;
	left: 0;
	position: absolute;
	top: -16px;
}
.top-text {
	color: #8cc600;
	font-size: 0.6rem;
	line-height: 0.8rem;
	margin-bottom: 2px;
}
.custom-button {
	position: relative;
}
.custom-button {
	background: linear-gradient(to bottom,  #8ec900 0%,#7cb000 100%);
	border-radius: 12px;
	box-shadow: 0px 4px rgba(99, 141, 0);
	color: white;
  cursor: pointer;
	display: inline-block;
	font-size: 1.0rem;
  font-weight: bold;
  overflow:hidden;
	transition: background-color 0.3s ease;
	text-decoration: none;
  text-transform: none;
	padding: 16px 0;
  position: relative;
  width:100%;
  z-index: 1;
  
  &.shiny:after{
    position:absolute;
    top:-200%;
    left:-150%;
    content:"";
    height:500%;
    width:70px;
    background:linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,0.6) 40%,rgba(255,255,255,0),rgba(255,255,255,0.6),rgba(255,255,255,0));
    transform: rotate(60deg);
    animation:3s shine infinite linear;
  }
}

@keyframes shine{
  0%{
    left:-100%;
  }
  80%{
    left:150%;
  }
  100%{
    left:150%;
  }
}
.custom-button:hover {
	background-color: #81a141; /* ホバー時の背景色 */
}
.custom-button:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	background: #7cb000;
	box-shadow: unset;
}
.fxBestTable-boxes {
	background-color: #fff678;
	padding-bottom: 30px;
	padding-left: 10%;
	padding-right: 10%;
}
.bestTable_title > img,
.search_title > img {
	width: 60%;
}
.best10Table-area {
	overflow: auto;
}
.best10Table > caption {
	background-color: #fff;
	caption-side: bottom;
	color: #aaa;
	font-size: 0.5rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	text-align: left;
}
.best10Table,
.best3-underFv_tableSpread {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}
.best10Table > thead, 
.best3-underFv_tableSpread > thead {
	background-color: #f2f2f2;
	color: #000;
	font-size: 0.8rem;
}
.best10Table > thead > tr > th,
.best3-underFv_tableSpread > thead > tr > th {
	border: 1px solid #c8c8c8;
	border-top: 2px solid #c8c8c8;
	border-bottom: unset;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
.best10Table > thead > tr > th {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.best10Table > thead > tr > th,
.best10Table > tbody > tr > td  {
	white-space: nowrap;
}
.best10Table > tbody, 
.best3-underFv_tableSpread > tbody {
	background-color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
}
.best10Table-thImg {
	width: 80px;
}
.best10Table > tbody > tr > th,
.best10Table > tbody > tr > td ,
.best3-underFv_tableSpread > tbody > tr > th,
.best3-underFv_tableSpread > tbody > tr > td {
	background-repeat: no-repeat;
	background-position: 50% 30%;
	background-size: 2rem 2rem;
	border: 1px solid #c8c8c8;
	padding: 1.3rem 0.2rem 0.5rem 0.2rem;
}
.awardImg {
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	left: 5px;
	position: absolute;
	width: 20px;
	top: 4px;
}
.best10Table > tbody > tr > td {
	vertical-align: bottom;
}
.td-font-size {
	font-size: 0.8rem;
}
.best10Table > tbody > tr > td > .button-container {
	margin-top: unset;
}
.best10Table > tbody > tr > td > .button-container > .custom-button{
	font-size: 0.6rem;
}
.best10Table > tbody > tr > td > .button-container > .custom-button::after{
	background-size: contain;
	background-repeat: no-repeat;
	height: 6px;
	width: 7px;
}
.best10Table > tbody > tr > td > .button-container > .custom-button > span{
	padding-right: unset;
}
.best10Table-btn > button::after {
	content: "";
	background-image: url(../images/icon_down-arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
	position: absolute;
	width: 13px;
	top: 54%;
	transform: translateY(-50%);
}
.best10Table-btn > button > span {
	padding-right: 0.5rem;
}
.best10Table-btn {
	display: none;
	margin: 1rem auto 0;
	width: 50%;
}
.best10Table_custom-button {
	background: #ff8a00;
	border: 1px solid #ff8a00;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	padding: 10px 0;
	font-weight: bold;
	font-size: 0.8rem;
	position: relative;
	text-decoration: none;
	transition: background-color 0.3s ease;
	width: 100%;
}
.best10Table_custom-button:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	background: #a75a01;
	border: 1px solid #a75a01;
}
.tableFixed {
	background:#fff;
	background-clip: padding-box;
	left:0;
	position:sticky;
}
.best10Table > thead > tr > th:first-child {
	background-color: #f2f2f2;
}
.tableFixed:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}
.table-pushIcon {
	background-color: #fdf68a;
	border: 2px solid #ff6f29;
	border-radius: 5px;
	color: #ff5400;
	font-size: 0.5rem;
	font-weight: 700;
	padding: 0.1rem 0.1rem;
	position: absolute;
	right: 1px;
	top: 10px;
	white-space: nowrap;
}
.double_circle {
	background-image: url(../images/double_circle.png);
}
.circle {
	background-image: url(../images/circle.png);
}
.triangle {
	background-image: url(../images/triangle.png);
}
#pr_content {
	margin-bottom: 25px;
	margin-left: 10%;
	margin-right: 10%;
}
#pr_content > div {
	border-radius: 10px;
}
.pr_header {
	background-color: #fffcd5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #000;
	padding: 1rem 45px;
	position: relative;
}
.best3-under_content{
	margin-bottom: 35px;
	margin-left: 10%;
	margin-right: 10%;
}
.securitiesContent-mt30 {
	margin-top: 30px;
}
.best3-under_content > div {
	border-radius: 10px;
}
.best3-under_header {
	background-color: #ffe6c8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #000;
	padding: 1rem 45px;
}
.best3-under_headerTitle::before {
	content: "";
	height: 20px;
	left: -25px;
	position: absolute;
	top: 6px;
	width: 20px;
}
.best3-under_headerTitle_icon1::before {
	background-image: url(../images/1.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 89px;
	left: -60px;
	top: -44px;
	width: 58px;
}
.best3-under_headerTitle_icon2::before {
	background-image: url(../images/2.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 89px;
	left: -60px;
	top: -44px;
	width: 58px;
}
.best3-under_headerTitle_icon3::before {
	background-image: url(../images/3.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 89px;
	left: -60px;
	top: -44px;
	width: 58px;
}
.best3-under_headerTitle_icon4::before {
	background-image: url(../images/4.png);
}
.best3-under_headerTitle_icon5::before {
	background-image: url(../images/5.png);
}
.best3-under_headerTitle_icon6::before {
	background-image: url(../images/6.png);
}
.best3-under_headerTitle_icon7::before {
	background-image: url(../images/7.png);
}
.best3-under_headerTitle_icon8::before {
	background-image: url(../images/8.png);
}
.best3-under_headerTitle_icon9::before {
	background-image: url(../images/9.png);
}
.best3-under_headerTitle_icon10::before {
	background-image: url(../images/10.png);
}
.best3-under_headerTitle {
	color: #333;
	display: inline;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
}
.best3-under_headerTitle > p {
	border-bottom: 1px solid #737373;
	display: inline-block;
	line-height: 2rem;
}
.best3-under_headerTitle-deco {
	color: #737373;
	font-size: 1.5rem;
	font-weight: 500;
	vertical-align: top;
}
.best3-under_headerSubTitle {
	font-size: 1rem;
}
.best3-under_boxes {
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
}
.best3-underFvImg {
	width: 100%;
}
.best3-underFvText {
	background-color: #faf5ef;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 2rem;
	padding: 1rem 1.5rem;
}
.best3-underFvText > p {
	font-size: 1rem;
	font-weight: 700;
}
.best3-underFvText > .button-container {
	margin-top: unset;
}
.best3-underFv_tableSpreadBox {
	margin-top: 2rem;
}
.best3-under_textBox {
	background-color: #faf5ef;
	border-radius: 10px;
}
.best3-underFv_boxTitle {
	border: 1px solid #ffe6c8;
	border-bottom: unset;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #ffe6c8;
	font-weight: 700;
	padding-bottom: 1rem;
	padding-top: 1rem;
	text-align: center;
}
.best3-textInline {
	padding-bottom: 25px;
	padding-left: 1rem;
	padding-right: 1rem;
}
.best3-textInline > div::before {
  content: "";
	background-size: contain;
	background-image: url(../images/icon_check.png);
	background-repeat: no-repeat;
	background-size: contain;
  left: 0;
	top: 3px;
	position: absolute;
	width: 25px;
	height: 25px;
}
.best3-textInline > div {
	padding-left: 2rem;
	position: relative;
}
.tableDisplay-pc {
	display: table;
}
.tableDisplay-sp {
	display: none;
}
.best3-underFv_tableSpread {
	margin-top: 1rem;
	text-align: center;
	table-layout: fixed;
}
.best3-underFv_tableSpread > tbody > tr > th,
.best3-underFv_tableSpread > tbody > tr > td {
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}
.best3-underFv_tableSpread > tbody > tr > td {
	font-size: 0.8rem;
}
.best3-underFv_tableSpread > caption,
.best3-under_text-note {
	caption-side: bottom;
	color: #aaa;
	font-size: 0.5rem;
	padding-top: 0.5rem;
	text-align: left;
}
.commissionText {
	text-align: right;
}
.commissionText > a {
	color: #ff8a00;
	font-size: 0.8rem;
}
.best3-underFv_textBoxTitle {
	color: #ff8a00;
	font-size: 1.2rem;
	font-weight: 700;
}
.best3-underFv_textBoxText {
	font-size: 1rem;
}
.note {
	font-size: 0.5rem;
}
.ogParts {
	background-color: #fed8aa;
	color: #ff8a00;
}
.up-btnText {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
}
.best3-underFv_btn {
	margin: 0.5rem auto;
	width: 40%;
}
.best3-underFv_btn > .top-text {
	font-size: 0.8rem;
}
.content-shadow {
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.note-br {
	display: none;
}
/* DMMの注意書きの改行生業 */
@media screen and (max-width: 550px) {
  .note-br {
		display: block;
	}
}
.fxSearch-boxes {
	background-color: #fff;
	padding-left: 13%;
	padding-right: 13%;
}
.search-boxes {
	background-color: #fff;
	border: 5px solid #ff8a00;
	border-radius: 15px;
	padding: 1rem 1rem;
}
.search-boxes_question {
	text-align: left;
	padding-left: 5px;
}
.search-box {
	border-bottom: 1px solid #e3e3e3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 0fr;
}
.search-boxes > div:nth-child(6) .search-box {
	border-bottom: unset;
}
.search-box > div:nth-child(4n) {
	grid-column-start: 1;
}
input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  vertical-align: -2px;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff8a00;
  content: '';
}
.search-box_text {
	font-size: 0.9rem;
	text-align: left;
	white-space: nowrap;
}
.search-box_text > label > input[type="radio"]:checked + span, 
.search-box_text > label > input[type="checkbox"]:checked + span {
	color: #ff8a00;
}
.search-box_text > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_calculator_og.png);
} 
.search-box_text:nth-of-type(2) > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_pig_og.png);
} 
.search-box_text:nth-of-type(3) > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_cash_og.png);
} 
.search-box_text:nth-of-type(4) > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_suppory_og.png);
} 
.search-box_text:nth-of-type(5) > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_balance_og.png);
} 
.search-box_text:nth-of-type(6) > label > input[type="checkbox"]:checked + .checkboxIcon::before {
	background-image: url(../images/icon_smartphone_og.png);
} 
input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #e3e3e3;
  vertical-align: -5px;
}
input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
  content: '';
}
.checkboxIcon::before {
	content: "";
	background-image: url(../images/icon_calculator.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	left: 2px;
	position: absolute;
	width: 17px;
}
.search-box_text:nth-of-type(2) > label > .checkboxIcon::before {
	background-image: url(../images/icon_pig.png);
}
.search-box_text:nth-of-type(3) > label > .checkboxIcon::before {
	background-image: url(../images/icon_cash.png);
	top: 0.7px
}
.search-box_text:nth-of-type(4) > label > .checkboxIcon::before {
	background-image: url(../images/icon_support.png);
}
.search-box_text:nth-of-type(5) > label > .checkboxIcon::before {
	background-image: url(../images/icon_balance.png);
}
.search-box_text:nth-of-type(6) > label > .checkboxIcon::before {
	background-image: url(../images/icon_smartphone.png);
}
.search-box_checkbox {
	row-gap: 1rem;
}
.checkboxIcon {
	position: relative;
	padding-left: 1.3rem;
}
.fxBestTable-searchBtn {
	margin: 1rem auto 0;
	width: 40%;
}
.searchDisplay-sp {
	display: none;
}
.fxBestTable_custom-button {
	background: #ff6000;
	border: 1px solid #ff6000;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	padding: 10px 0;
	font-weight: bold;
	font-size: 0.8rem;
	position: relative;
	text-decoration: none;
	transition: background-color 0.3s ease;
	width: 50%;
}
.fxBestTable_custom-button:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	background: #8a3500;
	border: 1px solid #8a3500;
}
.fxBestTable-searchBtn::after {
	content: "";
	background-image: url(../images/icon_search.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
	position: absolute;
	width: 13px;
	top: 50%;
	transform: translateY(-50%);
}
.footer {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	padding-bottom: 35px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 25px;
}
.footerLinkBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2rem;
}
.footerLink,
.footerCopyright {
	color: #6b6b6b;
	font-size: 0.6rem;
}
.fadeIn {
  opacity: 0;
  animation: fadeIn 1s forwards;
}
.fadeOut {
  opacity: 1;
  animation: fadeOut 1s forwards;
}
.icon-note {
	font-size: 0.8rem;
}
.icon-note-2 {
	font-size: 0.6rem;
}
.icon-note-3 {
	font-size: 0.6rem;
	position: absolute;
	right: 2px;
}
/* バックトップ */
.p-backtotop {
  right: 1.6rem;
  bottom: 1.5rem;
  position: fixed;
  z-index: 1300;
  width: 3rem;
  height: 3rem;
  background-color: rgba(5, 71, 168, 0.4);
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.p-backtotop.is-active {
	pointer-events: auto;
	opacity: 1;
}

.p-backtotop div img {
	display: block;
	margin: 14px auto;
	width: 50%;
}

.l-container {
	margin-bottom: 35px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}

.l-container > a > img {
	width: 80%;
	max-width: 614px;
}

@media screen and (max-width: 767px) {
	.l-container > a > img {
		width: 100%;
	}	
}

/*離脱ポップアップ*/
#ald_element_html {
	display: block;
	height: 100%;
	line-height: 0;
}
#ald_modal-content {
	margin: 0 auto;
	max-width: 600px;
	padding: 10px 10px 10px 33px;
	z-index: 10000;
	position: fixed;
	top: 20px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 23%;
}
#ald_modal-p{
	margin-top:1em;
}
#ald_modal-p:first-child{
	margin-top:0;
	}
	#ald_button-link{
	color:#00f;
	text-decoration:underline;
}
#ald_button-link:hover{
	cursor:pointer;
	color:#f00;
}
#ald_modal-overlay {
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.8);
	top:0;
	left:0;
}
#ald_modal_bg {
	max-width: 620px;
	line-height: 0;
	position: relative;
}
#ald_modal_bg img {
	width: 100%;
	vertical-align:bottom;
}
/*離脱ポップアップ ここまで*/

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media screen and (max-width: 767px) {
	.title {
		max-width: 165px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 80%;
	}
	.header_grid > p {
		font-size: 0.5rem;
	}
	.btn-pushText::before{
		font-size: 0.7rem;
		top: -20px;
	}
	.mv_content_img  {
		width: 100%;
	}
	.fxBestCard-boxes {
		grid-template-columns: 1fr;
		margin-left: 5%;
		margin-right: 5%;
		row-gap: 1rem;
	}
	.fxBestCard-box:first-child::before {
		font-size: 0.8rem;
		padding: 0.1rem 0.5rem;
		top: -16px;
	}
	.fxBestCard-box-header {
		font-size: 1.2rem;
		letter-spacing: 1px;
	}
	.fxBestCard-box-header > p {
		padding-left: 0.5rem;
	}
	.fxBestCard-box-header > p::before {
		background-size: contain;
    background-repeat: no-repeat;
		height: 25px;
		left: -23px;
		width: 25px;
	}
	.fxBestCard-box-header-content {
		display: grid;
		gap: 1rem;
    grid-template-columns: 1fr 1fr;
	}
	.fxBestCard-box-cardName {
		font-size: 1rem;
		margin-top: 0.8rem;
	}
	.fxBestCard-box-cardText {
    font-size: 0.9rem;
	}
	.top-text {
		font-size: 0.5rem;
	}
	.custom-button {
		padding: 10px 0;
	}
	.fxBestCard-boxes > .fxBestCard-box:nth-child(2) > .fxBestCard-box-header-content >  div:nth-child(1) > .fxBestCard-box-img,
	.fxBestCard-boxes > .fxBestCard-box:nth-child(3) > .fxBestCard-box-header-content >  div:nth-child(1) > .fxBestCard-box-img {
		margin-top: 1rem;
	}
	.fxBestTable-boxes {
		padding-left: 5%;
		padding-right: 5%;
	}
	.best10Table {
		display: block;
		width: 752px;
	}
	.best10Table > thead {
		font-size: 1rem;
	}
	.table-pushIcon {
		font-size: 0.7rem;
		top: -4px;
		right: 7px;
	}
	.best10Table > tbody {
		font-size: 1rem;
	}
	.best10Table-thImg {
		width: 120px;
	}
	.best10Table > tbody > tr > th,
	.best10Table > tbody > tr > td ,
	.best3-underFv_tableSpread > tbody > tr > th,
	.best3-underFv_tableSpread > tbody > tr > td {
		background-position: 50% 7%;
	}
	.pr_header {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#pr_content,
	.best3-under_content {
		margin-left: 5%;
		margin-right: 5%;
	}
	.best3-under_header {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		padding: 0.8rem 1rem 0.8rem 2.5rem;
	}
	.best3-under_headerTitle::before {
		background-size: contain;
    background-repeat: no-repeat;
		height: 25px;
		left: -31px;
		top: -2px;
		width: 25px;
	}
	.best3-under_headerTitle_icon1::before,
	.best3-under_headerTitle_icon2::before,
	.best3-under_headerTitle_icon3::before {
		height: 89px;
    left: -49px;
    top: -36px;
    width: 50px;
	}
	.best3-under_headerTitle {
		font-size: 1.2rem;
		letter-spacing: 2px;
	}
	.best3-under_headerTitle > p {
		line-height: 1.3rem;
	}
	.best3-under_headerTitle-deco {
		font-size: 1.1rem;
	}
	.best3-under_headerSubTitle {
		font-size: 0.8rem;
	}
	.best3-underFvText {
		grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.5rem;
    padding: 0.5rem 0.5rem;
	}
	.best3-underFvText > p {
		letter-spacing: normal;
    font-size: 0.8rem;
	}
	.tableDisplay-sp {
		display: table;
	}
	.tableDisplay-pc {
		display: none;
	}
	.best3-underFv_tableSpreadBox {
		margin-top: 1rem;
	}
	.best3-underFv_tableSpread {
		border: 2px solid #c8c8c8;
		margin-top: unset;
	}
	.best3-underFv_tableSpread > tbody > tr > th {
		background-color: #f2f2f2;
		font-size: 0.7rem;
		font-weight: 700;
		padding-bottom: 0.3rem;
		padding-top: 0.3rem;
		width: 30%;
	}
	.best3-underFv_btn {
		width: 80%;
	}
	.best3-underFv_btn > p {
		font-size: 0.7rem;
	}
	.best3-underFv_textBoxTitle{
    font-size: 1rem;
	}
	.best3-textInline > div {
		padding-left: 1.5rem;
	}
	.best3-textInline > div::before {
		height: 20px;
		width: 20px;
	}
	.best3-underFv_textBoxText {
    font-size: 0.9rem;
	}
	.search-box {
		grid-template-columns: 1fr 1fr;
		row-gap: 1rem;
	}
	.search-box > div:nth-child(4n) {
		grid-column-start: unset;
	}
	.search-box_text {
		white-space: normal;
	}
	.search-boxes {
		margin-left: 5%;
    margin-right: 5%;
	}
	.fxBestTable-searchBtn {
		width: 70%;
	}
}

/* footer table PRの当サイトのイチオシは620で変化あり*/
@media screen and (max-width: 620px) {
	.hidden-row {
		display: none;
	}
	.fxBestTable-boxes {
		padding-left: unset;
		padding-right: unset;
	}
	.best10Table-area {
		margin-left: 5%;
	}
	.best10Table {
		position: relative;
	}
	.best10Table-Gradient:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(756px + 1rem * 10);
		height: 100px;
		background: linear-gradient(to bottom,  #ffffff00 0%,#fff678 100%);
		transition: .4s;
		z-index: 1;
	}
	.best10Table-btn {
		display: block;
	}
	.hidden-tableCaption {
		display: none;
	}
	.pr_header::before {
		font-size: 1rem;
		padding-left: 0.3rem;
		padding-right: 0.3rem;
		top: -22px;
		white-space: nowrap;
	}
	.footer {
		display: block;
	}
	.footerLinkBox {
		display: block;
		text-align: center;
	}
	.footerLink:first-child {
		padding-right: 1.5rem;
	}
	.footerLink {
		font-size: 0.7rem;
	}
	.footerCopyright {
		font-size: 0.7rem;
		text-align: center;
		padding-top: 1rem;
	}
}
/* 背景黄色のコンテンタイトルは470で変化あり */
@media screen and (max-width: 470px) {
	.bestTable_title > img,
	.search_title > img {
		width: 80%;
	}
	.up-btnText {
    font-size: 0.8rem;
	}
	.searchDisplay-sp {
		display: block;
	}
	.sp-paddingLeft {
		padding-left: 3.3rem;
	}
	.checkboxIcon::before {
    height: 25px;
    width: 23px;
	}
	.checkboxIcon {
    padding-left: 1.8rem;
	}
	.search-box_text:nth-of-type(3) > label > .checkboxIcon::before {
    top: -4.3px;
	}
	.best3-underFvText > p {
		letter-spacing: normal;
    font-size: 0.78rem;
	}
}
@media screen and (max-width: 367px) {
	.up-btnText {
    font-size: 0.7rem;
		white-space: normal;
	}
}