@charset "UTF-8";
/*
Theme Name:   THE SONIC Child
Theme URI:    https://the-sonic.jp
Description:  THE SONICカスタマイズ用子テーマ
Author:       SONIC Team
Author URI:   https://the-sonic.jp
Template:     thesonic
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/*
* ここから下に記述
*/
.tsnc-accordion.is-style-accordion-mark2::before {
    content: "タップして開く";
    font-size: .8em;
    font-weight: bold;
    padding: 5px 10px;
    background: #f1f1f1;
}
/*ad*/

div#custom_html-84 .tsnc-accordion.is-style-accordion-mark2{font-size:.8em;}
div#custom_html-84 .tsnc-accordion.is-style-accordion-mark2::before {
	display:none;
}
div#custom_html-84 .tsnc-accordion.is-style-accordion-mark2 p {
    margin-bottom: 0;
}
.entry-header-item::after {
    content: "#ad";
    height: fit-content;
    margin: 0 2em;
}@media screen and (max-width:480px) {
	.entry-header-item::after {    margin: 0em;}
}



















































































/*__MY_CUSTOM_STYLE_CSS_MANAGER_TOP_START__*/
/*** 上のコメントは変更しないで下さい ***/
/*--------------------------------------
  フロントCTAリストメニュー
--------------------------------------*/
div .top-cta-custom-html .list-under-border li:not(:last-child) {
    border-bottom: 1px solid;
    border-color: #eee;
}
div .top-cta-custom-html .wp-block-column li {
    font-size: .8em;
}
@media (min-width: 1030px) {/*PC*/
div .top-cta-custom-html .wp-block-column li {
    font-size: .9em;
	}
}
div .top-cta-custom-html .wp-block-column ul{
    padding: .5em .3em .5em 2.2em;
    margin: 0 0 1em;
    list-style: none;
}
@media (min-width: 1030px) {/*PC*/
div .top-cta-custom-html .wp-block-column ul {
    padding: .5em .5em .5em 4em;
}
}
div .top-cta-custom-html .wp-block-column ul li:before {
	top: 10px;
}
@media (min-width: 1030px) {/*PC*/
div .top-cta-custom-html .wp-block-column ul li:before {
	top: 11px;
}
}
div .top-cta-custom-html a.wp-block-button__link {
    font-size: .7em;
    padding: .5em 2.5em;
}
@media (min-width: 1030px) {/*PC*/
div .top-cta-custom-html a.wp-block-button__link {
    font-size: .8em;
	}
}
div .top-cta-custom-html .wp-block-columns{
    display: flex;
    justify-content: space-between;
}
div .top-cta-custom-html .wp-block-column {
    display: flex;
    flex-direction: column;
    width: 30%;
}

/*--------------------------------------
  フロントCTAカードメニュー
--------------------------------------*/
.wp-block-columns.mobile-2column.front-card {
	margin: 0 10px;}

.front-card .wp-block-media-text.alignwide.is-stacked-on-mobile {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.front-card .wp-block-media-text.alignwide {
    margin: .5em 0;
    font-weight: bold;
    border: solid 2px #e0e0e0;
	    background: #fff;
}

.front-card .wp-block-media-text.alignwide.is-stacked-on-mobile {/*a要素を拡大*/
    position: relative;
    z-index: 1;
	width: 98%;
    height: 100%;
}
.front-card .wp-block-media-text.alignwide.is-stacked-on-mobile a {/*a要素を拡大*/
    position: absolute;
	display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.front-card .wp-block-media-text.alignwide.is-stacked-on-mobile:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.front-card .wp-block-media-text__content {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(100%,-60%); 
    -webkit-transform: translate(100%,-60%);
	  -ms-transform: translate(100%,-60%);
	    margin: 0!important;
}
@media (min-width: 1030px) {/*PC*/
 .front-card .wp-block-media-text__content {
    transform: translate(70%,-60%); 
    -webkit-transform: translate(70%,-60%);
   -ms-transform: translate(70%,-60%);
  }
}

.front-card .wp-block-column {
    height: 101px;
}
.front-card img {/*画像サイズ*/
    width: 80px;
    height: 80px;
}
div.front-card h3 {/*テキストサイズ*/
    font-size: 0.8em;
}

/*--------------------------------------
  フロントCTA基本デザイン
--------------------------------------*/
.main-kiji {/*記事カードにシャドウ*/
	 border: 2px solid #e8e8e8;
}
div .top-cta-custom-html div.wp-block-cover__inner-container p{/*フロントCTAの画像テキスト*/
	font-size: 1.6em;
	margin: 1em 0;
	padding: .5em 1em .5em;
	background: #ababab5e;
	font-weight:700;
	font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media (min-width: 1030px) {/*PC*/
div .top-cta-custom-html div.wp-block-cover__inner-container p{/*フロントCTAの画像テキスト*/
	font-size: 3em;
	margin-left: calc((100% - 840px) * 1/2);
	margin-right: calc((100% - 840px) * 1/2);
	}
}

div .top-cta-custom-html .wp-block-latest-posts.wp-block-latest-posts__list {/*新着記事ブロックの幅調整*/
    list-style: none;
    padding: 0 1.2em;
}
div .top-cta-custom-html .wp-block-group.is-style-group-mark12 {
    height: 480px;
}
div .top-cta-custom-html .wp-block-cover.hidden-pc {
    width: auto!important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe ,figure.wp-block-embed-youtube{height: 300px;}
@media (min-width: 1030px) {/*PC*/
.wp-block-embed-youtube .wp-block-embed__wrapper iframe ,figure.wp-block-embed-youtube{height: 400px;}
}
@media (max-width: 1029px){
.huki-left .huki-text {
	display: flex;
	max-width: 100%;
	margin-top: 10px;
}
.huki-left .huki-text-after {
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #f4f4f5 transparent;
  top: -10px;
  left: 25px;
	}
}
.eyecatching-mark1 .entry-title{
      opacity: 1;
}
body.home {
    background: #ffffff;
}
table {
    font-size: 14px!important;
}
/*--------------------------------------
  iframeを調整
--------------------------------------*/
.responsive_iframe{
position:relative;
width:100%;
padding-top:56.25%;
}
.responsive_iframe iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, figure.wp-block-embed-youtube {height: 100%!important;}
.wp-block-embed-youtube .wp-block-embed__wrapper{padding-top:0;}

/*--------------------------------------
  グループブロックの回避
--------------------------------------*/
.yyi-rinker-links li {
	margin-bottom: 12px!important;
}
/*--------------------------------------
  ウィジェット目次のサイズ
--------------------------------------*/
.widget .mkj-content-in {
    padding: 12px 12px 12px 16px;
    font-size: .8em;
}
/*--------------------------------------
  アプリーチCSS
--------------------------------------*/
.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;
}
/*--------------------------------------
  文字サイズの変更
--------------------------------------*/
.has-normal-font-size, .has-regular-font-size {
    font-size: 16px;
}
/*記事ないのaタグをBold*/
div#content-in a {
    font-weight: 600;
}
/*--------------------------------------
  サイドバーの幅を広げる
--------------------------------------*/
.hb {/* メイン＋サイドの幅 */
max-width: 1160px;
}
@media only screen and (min-width: 1029px){
#sidebar {
width: 320px;
}
.side-writer-mark4 .pf-bgfacename:after{
  border-width: 0 0 70px 320px;/* サイドバー書いた人調整 */
}
}
/*--------------------------------------
  検索バー
--------------------------------------*/
.wp-block-search .wp-block-search__inside-wrapper{
margin:auto;}
.wp-block-search .wp-block-search__input{
padding: 10px;
}
/*--------------------------------------
書いた人テキスト修正
--------------------------------------*/
.pf-custom-btn:after {
    content: "About Me"!important;
}
/*カテゴリー*/
.widget ul li .kiji-num {
    width: 30px;
    line-height: 20px;
    border-radius: 10px;
}
/*--------------------------------------
モバイルナビメニュー
--------------------------------------*/
@media screen and (max-width:480px) {
nav#header-nav-box {
    display: none;
}
}
/*--------------------------------------
ヘッダーフッター
--------------------------------------*/
header#header {background: #ffffff;}
.hamburger-menu-left,.header-search-right ,.header-nav-more:after{color: #7C8EC7;}
header span.logo-catchcopy {
	background: #7C8EC7;
	padding: 0 2em;
	margin-left: calc((100% - 240px) * 1/2);
	margin-right: calc((100% - 240px) * 1/2);
	font-weight: 600;
	font-size:12px;
}
.nav-style-def a {color: #7C8EC7;}
.footer-in-under {background: #ffffff!important;color: #7C8EC7;}
footer span.logo-catchcopy {color: #7C8EC7;font-weight: 600;
}
.footer-container .menu-item a {color: #7C8EC7;}
div#content {font-size: 16px;}
/*--------------------------------------
  ヘッダーメニューキャンペーン
--------------------------------------*/
.header-info a[href*="amzn.to"]::after ,
.header-info a[href*="amazon.co"]::after ,
.header-info a[href*="a.r10"]::after ,
.header-info a[href*="hb.afl.rakuten.co"]::after ,
.header-info a[href*="yahoo.co"]::after  {
	display: inline-block;
	margin: 0 10px;
	padding: 2px 4px;
	font-size: .7em;
	font-weight: bold;
	background-color: #fff;
	vertical-align: middle;
	border-radius: 2px;
}
.header-info a[href*="amzn.to"]::after ,.header-info a[href*="amazon.co"]::after  {
	content: "キャンペーン中";
	color: #FEA724;
}
.header-info a[href*="a.r10"]::after , .header-info a[href*="hb.afl.rakuten.co"]::after {
	content: "エントリーする";
	color: #DC3A3A;
}
.header-info a[href*="yahoo.co"] ::after {
	content: "エントリーする";
	background-color: #FF4D4A;
}




/*フロント調整*/
.home div#content {
    margin-top: 0;
}
.entry-content.heading-h2-mark6.heading-h3-mark6.heading-h4-mark5 {
    padding-top: 0;
}

.full-width.cw-column.has-bg-img.hidden-pc {
    height: 60vh;
}
.full-width {
    padding: 2em 16px;
    width: 100vw;
}

/*--------------------------------------
  フロントFVエリア
--------------------------------------*/
.full-width.cw-column.has-bg-img.bg-fixed.fv_area {
    display: flex;
    justify-content: center;
    align-items: center;
}
.full-width.cw-column.has-bg-img.bg-fixed.hidden-mobile.fv_area {
    height: 100vh;
}
@media screen and (max-width:480px) {
.full-width.cw-column.has-bg-img.bg-fixed.hidden-mobile.fv_area.fv_area_pc {
    display: none;
}
}
.full-width.has-bg-img:before {/*ドット*/
    background-color: rgba(0, 0, 0, .4);
    background-image: radial-gradient(#000 10%, transparent 0), radial-gradient(#000 20%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 2.5px 2.5px;
}
h2.main_ttl {
    /*backdrop-filter: blur(10px);*/
    border: none;
    border-radius: 10px!important;
    margin: 100px;
padding: 1.5em;
}@media screen and (max-width:480px) {
h2.main_ttl {
    margin: 2em 10px 1em;
    padding: 0em;
}
}
h2.main_ttl:before {
    width: 0;
}
/*検索*/
input#wp-block-search__input-1 {
    border: none;
    border-radius: 10px 0 0 10px;
}
button.wp-block-search__button.has-icon.wp-element-button {
    background: #f9f9f9;
    border: none;
    border-radius: 0px 10px 10px 0;
}
@media screen and (max-width:480px) {
  button.wp-block-search__button.has-icon.wp-element-button {
      border-radius: 5px;
  background:#7c98e2;
  }
.wp-block-search__inside-wrapper {
    width: 100%!important;
}
}
/*post*/
.post_area h2.wp-block-heading {
    margin: 0;
}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts {
    display: flex;
flex-wrap: nowrap;
}@media screen and (max-width:480px) {
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts {
flex-wrap: wrap;
}
}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li {
    width: 25%;
    margin: 0 1em;
    padding: 1em;
    background: #fff;
}
@media screen and (max-width:480px) {
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li {
    margin: 0.5em 0em;
}
}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li {
    display: flex;
    flex-direction: column;
}

ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts img {
    width: 300px;
    height: 150px;
    object-fit: cover;
}

ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li .wp-block-latest-posts__featured-image{order: 1;}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li a.wp-block-latest-posts__post-title{order: 3;}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li time.wp-block-latest-posts__post-date{order: 2;}

@media screen and (max-width:480px) {
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts img {
    width:auto;height: auto;
}
ul.wp-block-latest-posts__list.has-dates.front_new_posts.wp-block-latest-posts li {
    width: 100%!important;
}
}
/*カラム*/
/*右カラムオーバー*/
.wp-block-columns.over_column_area {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}
.wp-block-columns.over_column_area .column_outside_right {
    flex: 1!important;
    margin-right: calc(51% - 50vw)!important;
    margin-left: 4%!important;
}
.wp-block-columns.over_column_area .column_outside_left {
    flex: 1!important;
    margin-left: calc(50% - 50vw)!important;
    margin-right: 4%!important;
}

@media screen and (max-width:480px) {
.wp-block-columns.over_column_area .column_outside_right {
    flex: unset!important;
    margin: unset!important;
}
}

/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_TOP_END__*/

/*__MY_CUSTOM_STYLE_CSS_MANAGER_MIDDLE_START__*/
/*** 上のコメントは変更しないで下さい ***/
div.ranking-set div.yyi-rinker-contents {
    border: none;
    border-top: solid 2px #f2f2f2;
}
.amzn-comment::before {
    content: "\f005\f005\f5c0 ";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #F3A847;
}
.yyi-rinker-attention.attention_desing_circle {
    margin: 5px;
}
/*2カラムミニデザイン調整*/
div.yyi-rinker-contents.yyi-rinker-design-mini .amzn-comment span
,div.yyi-rinker-contents.yyi-rinker-design-mini .amzn-comment::before {
    font-size: .8em;
}
.wp-block-columns.double_rinker_box>.wp-block-column div.yyi-rinker-contents {
    margin: 0!important;
    height: 100%!important;
}@media screen and (max-width:768px) {
.wp-block-columns.double_rinker_box>.wp-block-column div.yyi-rinker-contents {
    margin: 0 0 2em 0!important;
    height: fit-content!important;
}
}
.maru {
    background: #6fd0de;
    color: white;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
}
span.red{
color: #ee7b7b;
font-weight: bold;
}
span.artb-28684{
line-height: 1;
font-size: 1em;
background: linear-gradient(transparent 50%,rgba(255,252,107,.69) 50%);
font-weight: 700;
}
.sgb-block-say--right .sgb-block-say-text {
    width: auto;
}
/*--------------------------------------
  フロントCTAアコーディオン
--------------------------------------*/
div .acd-card .tsnc-accordion{
	border: 2px solid #e0e0e0;
	border-radius: 0;
	margin-bottom:.5em;
}
div .acd-card .tsnc-accordion-title {
	background: #fff;
    padding: 4px 8px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
@media (min-width: 1030px) {/*PC*/
	div .acd-card .tsnc-accordion-title {
    	padding: 4px 44px 0 0;
	}
}
div .acd-card .tsnc-accordion-title>img {
    width: 70px!important;
}
@media (min-width: 1030px) {/*PC*/
div .acd-card .tsnc-accordion-title>img {
    width: 80px!important;
}
}

div .acd-card .tsnc-accordion span {
    font-size: .8em;
    padding-left: 1em;
    font-weight: 900;
}
@media (min-width: 1030px) {/*PC*/
div .acd-card .tsnc-accordion span {
    font-size: .9em;
    }
}
div .acd-card .tsnc-accordion-input:checked ~ .tsnc-accordion-content {
	background: #fff;
}
div .acd-card .wp-block-column ul {
    padding: 0 .3em 0 1.5em;
}
@media (min-width: 1030px) {/*PC*/
div .acd-card .wp-block-column ul{
	padding: .5em .5em .5em 1.8em;
}}

div .acd-card .wp-block-column{
	height: auto;
	margin-bottom: 10px;
}
.wp-block-columns.mobile-2column.acd-card {
    margin: 0 10px;
}
div .acd-card .tsnc-accordion-title:before,div .acd-card .tsnc-accordion-title:after{
	height: 3px;
    background: #c7c7c7;
}
@media (max-width: 1029px){
div .acd-card .tsnc-accordion-title:before,div .acd-card .tsnc-accordion-title:after{
		display:none;	
}
}
div .acd-card .wp-block-buttons .wp-block-button {
margin-right: 0;
}
a.wp-block-button__link.has-background.wp-element-button {
    font-size: .8em;
}

/*--------------------------------------
PORIPU吹き出し
--------------------------------------*/
.saysprp {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}
.saysprp .faceicon {
    padding-right:0;
}

.saysprp .faceicon img {
    width: 100px;
    border-radius: 50%;
}
.saysprp .fuki {
    background-color: #fff;
    border: 2px solid #BDBDBD;
    border-radius: 12px;
    position: relative;
    margin:.5em .5em 1.5em .5em;
    padding: 1em;
    font-size: .95em;
    width: 98%;
}

.saysprp .fuki:before {
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0;
    top: -8px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.saysprp .fuki:after {
    border: 10px solid transparent;
    border-bottom-color: #BDBDBD;
    border-top-width: 0;
    top: -10.5px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
}
@media only screen and (min-width: 481px) {
    .saysprp .faceicon {
        width: 110px;
    }
}
@media only screen and (max-width: 480px) {
    .saysprp .faceicon {
        width: 80px;
    }
    .saysprp .fuki {
        margin:1em 0 1.5em 0;
    }
}
/*--------------------------------------
  PORIPUtears
--------------------------------------*/
.saysprp {position: relative;}
.saysprp .faceicon span {position: absolute;top: 80px;left: 100px;color: #999999;font-size: 12px;line-height: 20px;font-weight: 500;}
.saysprp .fuki {border: 2px solid #eaedf2;margin: 1em 0 1.5em;}
.saysprp .fuki:before {left: 40px;}
.saysprp .fuki:after {border-bottom-color: #eaedf2;top: -11px;left: 40px;}
@media only screen and (max-width: 480px){
.saysprp .faceicon span {top: 60px;left: 80px;}
.saysprp .fuki:before, .saysprp .fuki:after {left: 28px;}}
/*--------------------------------------

/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_MIDDLE_END__*/

/*__MY_CUSTOM_STYLE_CSS_MANAGER_BOTTOM_START__*/
/*** 上のコメントは変更しないで下さい ***/
/*--------------------------------------
  レビュースターボックス
--------------------------------------*/
.review-ce-valu {
font-weight: bold;
display: inline-block;
vertical-align: middle;
color: gray; 
}
.star-box{
text-align:center;
margin: 0 0 .5em 0;
}
.star-box:before {
	content: "満足度";
	font-weight: 900;
	color: #757575;
	vertical-align: middle;
  display:inherit;
}
.star-img{
letter-spacing: -.1em;
}
.star-img::before,.star-img::after{
	font-family: "Font Awesome 5 free";
	color: orange;
}
.star-img::before{font-weight: 900;	}
.star-img::after{font-weight: 500;}
.star-10:before{content: '\f005\ \f005\ \f005\ \f005\ \f005\ ';}
.star-9:before{content: '\f005\ \f005\ \f005\ \f005\ \f5c0\ ';}
.star-8:before{content: '\f005\ \f005\ \f005\ \f005\ ';}
.star-8:after{content: '\f005\ ';}
.star-7:before{content: '\f005\ \f005\ \f005\ \f5c0\ ';}
.star-7:after{content: '\f005\ ';}
.star-6:before{content: '\f005\ \f005\ \f005\  ';}
.star-6:after{content: '\f005\ \f005\ ';}
.star-5:before{content: '\f005\ \f005\  \f5c0\ ';}
.star-5:after{content: '\f005\ \f005\ ';}
.star-4:before{content: '\f005\ \f005\  ';}
.star-4:after{content: '\f005\ \f005\ \f005\ ';}
.star-3:before{content: '\f005\ \f5c0\  ';}
.star-3:after{content: '\f005\ \f005\ \f005\ ';}
.star-2:before{content: '\f005\  ';}
.star-2:after{content: '\f005\ \f005\ \f005\ \f005\ ';}
.star-1:before{content: ' \f5c0\  ';}
.star-1:after{content: '\f005\ \f005\ \f005\ \f005\ ';}
/*--------------------------------------
  比較ボックス
--------------------------------------*/
.hikaku {
    justify-content: center;
    margin: 0 auto 2rem;
	 font-size:.8em;
}
.hikaku .wp-block-column {
    margin-bottom: 0;
    flex-basis: 50%;
}
.hikaku-left {
    margin-left: 0!important;
}
p.hikaku-title {
    color: white;
    font-weight: 600;
    margin-bottom: 0;
    padding: .5em;
    text-align: center;
}
.hikaku ul.my-bgc1-usume, .hikaku ul.my-bgc2-usume {
    padding: 0.5em 0.75em;
    margin: 0;
}
.hikaku ul {
    list-style-type: none;
}
.hikaku ul li {
    border-bottom: 1px dashed #cdcdcd;
    position: relative;
    margin: .5em 0 !important;
    max-width: 500px;
    padding: 0 0 .7em 1.2em !important;
    line-height: 1.8;
}
.hikaku ul li:before{
position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0.62em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.hikaku ul li:last-child{
	border: none;
}
.hikaku ul.my-bgc1-usume, .hikaku ul.my-bgc2-usume {
    padding: 1em 1.5em!important;
    margin: 0;
}
.hikaku p:empty {
    display: none;
}
@media (min-width: 600px){
.hikaku ul.my-bgc1-usume, .hikaku ul.my-bgc2-usume {
    padding: 1em 1.5em;
}}
.my-bgc1{ background: #64B5F6;}
.my-bgc1-usume{ background: #f0f9fc;}
.my-bgc1-usume ul li:before {background-color: #64B5F6;}
.my-bgc2{ background: #e57373;}
.my-bgc2-usume{ background: #fff6f2;}
.my-bgc2-usume ul li:before {background-color: #e57373;}
p.hikaku-title.my-bgc1::before {
    content: "\f111";
    font-family: "Font Awesome 5 free";
    font-weight: 400;
	 padding-right: .2em;
}
p.hikaku-title.my-bgc2::before {
    content: "\f00d";
    font-family: "Font Awesome 5 free";
	font-weight: 900;
	    padding-right: .2em;
}
/*--------------------------------------
レビューボックス
--------------------------------------*/
.bl_reviewPies {/*ラッパー*/
    position: relative;
    margin-top: 3.5rem;
    padding: 2rem;
    border-radius: 5px;
    background: #6c77811a;/*背景色*/
}

.bl_reviewPies .el_reviewPie_totalLabel { /*TOTALラベル*/
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -25px;
    font-size: .8rem;
    z-index: 9;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.bl_reviewPies .el_reviewPie_total { /*トータル円と数値*/
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -45px;
    width: 100px;
    height: 100px;
    padding-top: 8px;
    font-size: 2rem;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;/*背景色と同じ*/
    color: #555;
    text-align: center;
    line-height: 86px;
    border: 8px solid #6c77811a;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.bl_reviewPies .el_reviewPies_title {/*レビュータイトル*/
	margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.bl_reviewPies .el_reviewPie_total + .el_reviewPies_title {/*調整*/
    padding-top: 2rem;
}

/*レビューレートカラム*/
.bl_reviewPies .wp-block-columns {
    margin: 2rem 0 0;
}

.bl_reviewPie .el_reviewPie_rate { /*数値*/
    position: relative;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 1.6rem;
    width: 60px;
    height: 60px;
    color: #555;
    margin: 0 auto;
    margin-bottom: 1rem;
    z-index: 2;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.bl_reviewPie .el_reviewPie_rate:before { /*外側円*/
    position: absolute;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    content: "";
    z-index: -2;
}

.bl_reviewPie .el_reviewPie_rate:after { /*内側円*/
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50%;
    line-height: 60px;
    content: "";
    width: 60px;
    height: 60px;
    background: #fff;
    z-index: -1;
}

.bl_reviewPie .el_reviewPie_rate__0:before {
    background: linear-gradient(90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__1:before {
    background: linear-gradient(54deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__2:before {
    background: linear-gradient(18deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__3:before {
    background: linear-gradient(-18deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__4:before {
    background: linear-gradient(-54deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__5:before {
    background: linear-gradient(-90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__6:before {
  background: linear-gradient(90deg, orange 50%, transparent 50%), linear-gradient(54deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__7:before {
    background: linear-gradient(90deg, orange 50%, transparent 50%), linear-gradient(18deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__8:before {
    background: linear-gradient(90deg, orange 50%, transparent 50%), linear-gradient(-18deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__9:before {
    background: linear-gradient(90deg, orange 50%, transparent 50%), linear-gradient(-54deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_rate__10:before {
    background: linear-gradient(90deg, orange 50%, transparent 50%), linear-gradient(-90deg, orange 50%, #ddd 50%);
}

.bl_reviewPie .el_reviewPie_label { /*レートのラベル*/
    text-align: center;
    margin-bottom: 2rem;
}

/*説明文*/
.bl_reviewPies .el_reviewPie_desc {
    padding: 1rem;
}

/*ダブルボタン*/
.bl_reviewPies .wp-block-button,
.bl_reviewPies .wp-block-button__link {
    width: 100%;
    margin-bottom: .5rem;
}

@media (max-width: 599px) {
  .bl_reviewPie .el_reviewPie_label {
    margin-bottom: 1rem;
  }

  .bl_reviewPie.wp-block-column { /*モバイル2列*/
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }
}

/*--------------------------------------
グラデーションリスト
--------------------------------------*/
.bl_gradList ul {
    position: relative;
    margin-left: 40px;
    padding-left: 24px;
    list-style: none;
}

/*グラデーションバー*/
.bl_gradList ul:before,
.bl_gradList ul:after {
    position: absolute;
    left: 0;
    margin: auto;
    content: "";
}

.bl_gradList ul:before {
    top: 0;
    left: -10px;
    width: 10px;
    height: 100%;
    background: linear-gradient(#8EED51 35%, #FBCD70 100%) no-repeat 50% 50%/100% 100%; 
    border-radius: 10px;
}

/*リストスタイル*/
.bl_gradList ul li {
    position: relative;
    margin-left: 10px;
}

.bl_gradList ul li:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -16px;
    width: 8px;
    height: 8px;
    background-color: #53d900; /*リスト丸の色*/
    border-radius: 50%;
    content: "";
}

/*下からn番目のリストスタイル*/
.bl_gradList .bl_gradList_b1 li:last-child:before,
.bl_gradList .bl_gradList_b2 li:nth-last-child(-n+2):before,
.bl_gradList .bl_gradList_b3 li:nth-last-child(-n+3):before {
    background-color: #ffab00;
}

/*顔アイコン*/
.bl_gradList_icon {
    position: relative;
    margin-bottom: 3rem;
}

.bl_gradList_icon:before,
.bl_gradList_icon:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    left: -10px;
    width: 45px;
    font-size: 2rem;
    font-weight: 400;
}

.bl_gradList_icon:before {
    top: 0;
    content: "\f582";
    color: #53d900;
}

.bl_gradList_icon:after {
    bottom: 0;
    content: "\f119";
    color: #ffab00;
}


/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_BOTTOM_END__*/