@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/***** ランキング *****/
/* 全体 */
div.ranking-wrapper p { margin:0 !important; }
div.ranking-wrapper {
	container-type: inline-size; /* 基準 */
	font-size: 1.1325cqw;
	border: none;
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
}
.bw { background-color: #fff; }
/* 全体 */
div.ranking-wrapper .ranking-contents {
	padding: 1.9% 5.1% 3.6% 5.1%;
	border-radius: 0 0 2.15% 2.15% / 0 0 2.15% 2.15%;
}
/* ヘッダー */
div.ranking-wrapper .ranking-header {
	border-radius: 1.13% 1.13% 0 0 / 23.8% 23.8% 0 0;
	padding: 2.3% !important;
}
/* 王冠 */
div.ranking-wrapper .ranking-contents .rank figure { 
	margin: 0; 
	width: 80%;
}
div.ranking-wrapper .ranking-contents .rank figure img {
		width: 100%;
}
/* 星 */
div.ranking-wrapper .ranking-contents .star figure{ margin: 0; } 
div.ranking-wrapper .ranking-contents .star img { width: 100%; }

/* コピー */
div.ranking-wrapper .ranking-contents .copy {
	padding-top: 0.9%;
	padding-bottom: 4.0%;
}
/**** バナーとおすすめ *****/
div.ranking-contents .banner_point-wrapper { justify-content: space-between; }
div.ranking-contents .banner_point div { 	margin: 0 !important; }
/* 左側：バナー */
div.ranking-wrapper .ranking-contents  .banner-wrapper { 
	padding: 0 !important; 
	width:45%;
}
div.ranking-wrapper .ranking-contents .ranking-banner { text-align: left; }
/* 画像 */
/* width = (画像幅 / 356.85)
/* アコム */
div.ranking-contents .banner_point  .ranking-banner.acom img { width: 75.7% !important; }

/* 右側 */
.first-right .swell-block-columns__inner 
{ justify-content: flex-end; }
/* おすすめポイント */
.wp-image-606 { 
	width: 65.2%;
	vertical-align: top;
}
div.ranking-contents .banner_point .point-wrapper { 
	width: 55%; 
	padding: 0;
}
div.ranking-contents .banner_point div.check_point_wrapper {
	background-color: #EEEFEF;
	border-radius: 1.14% / 3.1%;
	padding:  4.3% 0 6.4% 4.1%;
	margin-top: -2.5% !important;
}
div.point-text {
	display: flex;
	flex-direction: row;
}
div.point-text p {
	width: fit-content !important;
	margin: 0;
}
div.point-text .check_mark {
	margin: 0;
}
/*** 表 ***/
div.ranking-wrapper .ranking-table-wrapper { margin-top: 2.3% }
div.ranking-wrapper .ranking-table th,
div.ranking-wrapper .ranking-table td{
	padding: 3.4% 0;
	border-width: 1px 0;
	border-color: #fff;
	width: 50% !important;
}
div.ranking-wrapper .ranking-table-right tr:last-child th{
  padding: 6.1%;	
}
/* メリット */
div.ranking-wrapper .merit {
	margin: 3.4% 0;
}
div.ranking-wrapper .merit h6 {
	display: inline;
	padding: 0% 2.3%;
	border-radius: 15% / 59%;
}
/* ボタン */
div.ranking-wrapper .ranking-btn a {
	border-radius: 1.9% / 16.7%;
}
div.ranking-wrapper .ranking-note {
	padding: 2.5% 2.0% 0 0.4% !important;
}

@media (max-width: 600px) {
/***** [sp]ランキング *****/
/* 全体 */
div.ranking-wrapper .ranking-contents {
	padding: 4.2% 4.5% 5%;
	border-radius: 0 0 3.75% 3.75% / 0 0 3.75% 3.75%;
}
/* ヘッダー */
div.ranking-wrapper .ranking-header {
	border-radius: 2.5% 2.5% 0 0 / 52.6% 52.6% 0 0;
	padding: 2.38% !important;
}
/* 王冠 */
div.ranking-wrapper .ranking-contents .rank figure { width: 85%; }
div.ranking-wrapper .ranking-contents .rank figure img { width: 100%; }
/* 星 */
div.ranking-wrapper .ranking-contents .star figure{ margin: 0; } 
div.ranking-wrapper .ranking-contents .star img { vertical-align: middle; }

/* コピー */
div.ranking-wrapper .ranking-contents .copy {
	padding-top: 0;
	padding-bottom: 2.2%;
	margin: 0 !important;
}
/***** バナー＆おすすめポイント ******/	
/* 左側：バナー */
	div.ranking-wrapper .ranking-contents  .banner-wrapper { width:42%; }
/* 画像 */
/* width = (画像幅 / 145.5)
/* アコム */
div.ranking-contents .banner_point .ranking-banner.acom img { width: 70.1% !important; }	
/* 右側 */
.first-right .swell-block-columns__inner 
{ justify-content: flex-end; }
/* おすすめポイント */
.wp-image-606 { 
	width: 66.0%;
	vertical-align: top !important;
}
div.ranking-contents .banner_point .point-wrapper { width: 58%; }
div.ranking-contents .banner_point div.check_point_wrapper {
	border-radius: 2.4% / 6.6%;
	padding:  4.3% 0 4.3% 7.5%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -4.2% !important;
}
/*** 表 ***/
div.ranking-wrapper .ranking-table-wrapper { margin-top: 4.2% }
div.ranking-wrapper .ranking-table th,
div.ranking-wrapper .ranking-table td{
	padding: 6.0% 0;
	line-height: 1.2;
}
div.ranking-wrapper .ranking-table-right tr:last-child th{ padding: 18.0% 0; }
	div.ranking-wrapper .ranking-table td img { width: 33% !important; }
/* メリット */
div.ranking-wrapper .merit {
	margin: 5.6% 0;
	width: 100%;
}
div.ranking-wrapper .merit h6 {
	display: flex;
	justify-content: center;
	width: 30.6%;
	padding: 0;
	border-radius: 14.6% / 80%;
}	
	div.ranking-wrapper .merit h6 span { font-weight: 500; }
	div.ranking-wrapper .merit h6 .kerning { letter-spacing: -1rem }
/* ボタン */
div.ranking-wrapper .ranking-btn a {
	border-radius: 2.8% / 10.4%;
}
/* 注意事項 */
div.ranking-wrapper .ranking-note {
	padding: 5.6% 0 0 0.6% !important;
}
}

.ranking-results{width: 76.6vw !important;}@media (max-width: 600px) {.ranking-results{width: 100% !important;}}