/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2021 | 01:04:00 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 
p.txt-img.chara {
display: inline-block;
}
.bln {
float: right;
width: auto;
max-width: 580px;
}
@media only screen and (min-width:800px){
.rank .rank-container .more span {
display: inline-block;
}
}
body .content .box5 ul,body .content .box5 ol {
border: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.st-mybtn.st-mybtn-mini a {
    background: #333;
    border-radius: 3px;
    color: #fff;
    border: none;
}
body .widget.widget_nav_menu ul.menu li a {
font-weight: bold;
}

table tr th p {
margin-bottom: 0;
}
.btn06 a {
color: #fff !important;
padding-top: 5px;
padding-bottom: 5px;
}
body .kaisetsu-box5 h4 {
margin-top: 1em;
}
@media only screen and (min-width:1060px){
body .l-wrapper {
    max-width: 1080px;
  padding-left: 0;
padding-right: 0;
}
body .l-sidebar {
    width: 300px;
}
body .l-main {
    width: 100%;
    max-width: 750px;
}
}
.widget.widget-side.widget_media_image a img {
display: block;
margin-right: auto;
margin-left: auto;
}
.widget.widget-side.widget_nav_menu h2 {
margin-bottom: 0;
border: 1px solid #ccc;
box-shadow: none;
}
body .content .brc-DPblue {
    margin-top: 30px;
    margin-bottom: 30px;
}
body .content .brc-DPred {
    margin-top: 30px;
    margin-bottom: 30px;
}
body .widget.widget_nav_menu ul.menu li a:hover {
    background-color: transparent;
    color: #142580;
}
body .widget.widget_nav_menu ul.menu li a {
padding: 15px 20px;
background-color: #fff;
color: #000;
}
body .widget.widget_nav_menu ul.menu li a::before {
content: "\f054";
color: #142580;
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 10px;
font-size: .8em;
vertical-align: text-top;
display: inline;
}
body .widget.widget_nav_menu ul.menu li {
    border-color: transparent;
}
body .widget.widget_nav_menu ul.menu {
    border-color: transparent;
  background-color: #ccc;
}
body .widget.widget_nav_menu ul.menu .sub-menu li {
    border-top: none;
}
.widget.widget_nav_menu ul.menu li.menu-item-has-children > a {
background-color: #fff !important;
color: #000 !important;
font-weight: bold !important;
padding-bottom: 5px;
}

.widget.widget_nav_menu ul.menu li.menu-item-has-children > a i {
color: #142580;
margin-right: 7px;
font-size: 1.3em;
vertical-align: text-top;
}
.content .bgc-Bmagenta {
    display: block !important;
    max-width: 600px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.content div {
    margin-top: 0;
}
.fukiwaku p:last-child {
margin-bottom: 0 !important;
}
.flex-child {
    margin-top: 0 !important;
}
.content b {
    background: linear-gradient(transparent 50%,rgba(255,252,107,.69) 50%);
  font-size: 14pt;
}



.arrow_orange {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/arrow_orange.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 15px;
    padding-left: 28px;
    font-weight: 700;
}
.arrow_blue {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/arrow_blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    padding-left: 24px;
    font-weight: 700;
}
body .tiiki p {
margin-top: 0;
}
body {
    background: #fff !important;
}
.rankingRating * {
margin-top: 0 !important;
}
.pickupBox--campaign p {
padding-bottom: 0;
}
.main-review-card p {
padding-bottom: 0 !important;
}
.m0 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.layout_l {
padding-right: 15px;
}
#menu .menulist li a::before, #rmenu .menulist li a::before {
border-left: none;
}
.nmlbox.cv {
position: relative;
background: linear-gradient(-45deg,transparent 25%,var(--color_gray) 25%,var(--color_gray) 50%,transparent 50%,transparent 75%,var(--color_gray) 75%,var(--color_gray));
background-size: 6px 6px;
background-clip: padding-box;
}

.img-bb {
max-width: 300px;
margin: 0 auto;
}


/*----------------------------------------------------
更新情報
----------------------------------------------------*/
#main .ul-none > li {
color: #333 !important;
font-weight: normal !important;
padding: .2em !important;
font-size: .9em;
margin: 0 !important;
}
#main .ul-none > li::before {
display: none;
}
#main .ul-none > li a {
color: #006699;
text-decoration: none;
}
#main .ul-none {
padding: .5em;
border: dashed 1px #e6e6e6;
}

#main .ul-none li:not(:last-child) {
    border-bottom: dotted 1px #e6e6e6;
}



.fa-credit-card::before {
color: #555 !important;
margin-right: 8px;
margin-left: 5px;
}
.popular a {
margin-left: 10px;
margin-right: 5px;
}

#main .point::before, .point_black::before, .point_green::before, .point_orange::before, .point_sky::before {
content: '';
position: absolute;
top: calc(50% - 11px);
left: 1em;
display: inline-block;
width: 14px;
min-height: 23px;
background-image: url("https://gk-shinseido.com/genkinka/wp-content/uploads/img/wi-fi.m.png");
background-repeat: no-repeat;
background-position: center center;
}

#main .point_sky {
background-color: #53bac3;
}
#main .point, .point_black, .point_green, .point_orange, .point_sky {
position: relative;
margin-bottom: 5px;
padding: 7px 15px 4px 34px;
color: #fff;
font-size: 15px;
font-weight: bold;
background-image: url("https://gk-shinseido.com/genkinka/wp-content/uploads/img/stripe_bold_s_20.png");
background-repeat: repeat;
border-radius: 5px;
}

#main .popular_list, .tabs__content {
padding: .5em;
border: dashed 1px #e6e6e6;
}

#main .popular_list li::before, .tabs__content li::before {
padding-right: 0;
background: none;
font-family: "Font Awesome 5 Free";
content: "\f02d";
position: absolute;
color: #d8135b;
top: 13%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#main .popular_list li:not(:last-child), .tabs__content li:not(:last-child) {
border-bottom: dotted 1px #e6e6e6;
}

#main .popular_list li, .tabs__content li {
padding: 0 4%;
background-image: none;
margin: 0;
}

#main .popular .point_red {
padding: 7px 15px 4px;
border: none;
font-size: 15px;
color: #fff;
background-color: #e83119;
font-weight: bold;
}

#main .popular .point_red::before {
background-color: #f9c9d7;
}
@media only screen and (min-width:800px){
.rankingTotal .rating {
margin-left: 60px;
}
}
@media only screen and (max-width:480px){
.rankbox {
padding: 0 !important;
}
.rank-inner {
padding: 0 !important;
}
.toggle .main-review-card {
width: auto !important;
}

#main .popular_list li, .tabs__content li {
padding: 1% 10%;

}

#main .popular_list li::before, .tabs__content li::before {
top: 13%;
}

}

.popular .popular_list li a:hover {
color: #ff0000;
}

.popular .popular_list li a {
text-decoration: none;
}



.flex-child a img {
width: 100%;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,1);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 10px; }

/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 10px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 30px) / 4 ); }
	
/* 最終行は両端揃えにしない */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }


.btn-cv-box {
margin-top: 2em !important;
}

/*
==================================================
CVボタンここから
==================================================
*/
.btn-cv {
    padding: .5em 0;
    overflow: hidden;
    position: relative;
}
.is-bounce {
    animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.m20-b {
    margin-bottom: 20px !important;
}
.is-reflection a {
    overflow: hidden;
}
.btn-cv a {
    background: #00a23f;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#00a23f, #39900a);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
.btn-cv a {
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: #fff !important;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.3;
    margin: 1em auto;
    padding: 1em 2em .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    max-width: 500px;
    width: 100%;
}
.is-trembling a::before {
    -webkit-animation-name: is-trembling;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: is-trembling;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
}
.btn-cv a::before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -.6em;
    position: absolute;
    right: 15px;
    top: 50%;
font-weight: 600;
}
.is-reflection a::after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
}
@media (max-width: 768px) {
.btn-cv a {
    font-size: 1em;
    margin: 0 auto 1em;
    width: auto;
padding: 1em 1.8em .8em 1em;
line-height: 1.5em;
}
#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2 {
padding-right: 10px;
padding-left: 10px;
}
}

/*
==================================================
CVボタンここまで
==================================================
*/
/*
==================================================
内部リンクここから
==================================================
*/
p.link {
    text-align: right;
    margin: 0;
}
p.link a {
background: rgba(127, 197, 243, 0.2);
color: #4E8FFF;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.3em;
    padding: .2em .4em;
    position: relative;
}
p.link a::before {
    content: '';
    width: 0;
    height: 2px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
background: rgb(127, 197, 243);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
p.link a .fa {
padding-right: 5px;
}
p.link a::after {
    content: '';
    width: 0;
    height: 2px;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
background: rgb(127, 197, 243);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
p.link a:hover i {
    -webkit-animation: slideInLeft .4s ease-in-out 0s forwards;
    animation: slideInLeft .4s ease-in-out 0s forwards;
}
p.link a:hover::before {
    width: 100%;
}
p.link a:hover {
    background: 0 0;
}
/*
==================================================
内部リンクここまで
==================================================
*/

.yellowbox:not(.noborder) {
    border: solid 5px #ffe6a8 !important;
    border-radius: 5px !important;
    line-height: 1.75;
    margin: 1.5em 0 !important;
    padding: 20px;
    background-color: #ffffe0;
}
.profile {
padding: 1em .5em;
}
.profile-img {
max-width: 100px;
margin: 0 auto;
border: 1px solid #ccc;
border-radius: 100%;
}
.profile-img img {
border-radius: 100%;
}
.profile-text {
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 14px;
line-height: 22px;
}



a:hover img.bb {
transform: scale(.95);
transition: .5s !important;
opacity: 1 !important;
top: 0;
left: 0;
}
.l-fuki.mouth.good2 .mouth-title::before, .l-fuki.mouth.good1 .mouth-title::before {
display: none !important;
}

.btn06.blue {
background-image: linear-gradient(to bottom, #0971b2 0%,#0971b2 100%) !important;
border: 1px solid #0971b2 !important;
font-weight: normal;
}


#entrylist h4 {
margin-top: 0 !important;
display: none !important;
}
.btn06.red, .btn07.red {
margin-top: 2em !important;
}


.img-bb {
border: 2px solid rgb(5, 0, 78) !important;
}
.img-bb a img {
margin: 0 !important;
}

#detailsearch.ds_blue.ds_design0 dt, #ds_result.ds_type_def.ds_blue dt, #ds_result.ds_type_rank.ds_blue dt {
    background-color: rgba(19,0,122,.1) !important;
}

@media (min-width: 835px) {
.ip_only {
display: none;
}
}

.cmn-hilighted {
    background-color: 
    rgba(255,248,159,.9);
    font-weight: 700;
}
.biglobe .mky_yellow {
background: linear-gradient(transparent 70%, #FFB90A 70%) !important;
font-size: .9em;
}



.video {
text-align: center;
}
.video video {
max-width: 550px;
width: 100%;
}
.marker-animation-yellow.active{
background-position: 100% 0;
}

.marker-animation-yellow {
background: linear-gradient(transparent 50%,#FFFA93 50%);
background-repeat: no-repeat;
background-size: 200% 100%;
background-position: 200% 0;
transition: 3s;
font-weight: bold;
}

/*
==================================================
h3デザイン
==================================================
*/
body #main h3.sub-h3 span {
font-weight: 700 !important;
color: #05004e !important;
padding: .3em 0  !important;
}

body #main .sub-h3 span {
background-image: none !important;
padding: 0 !important;
font-size: 1em !important;
font-weight: normal !important;
}
body #main .sub-h3::after {
display: none;
}

body #main .sub-h3 {
font-size: 1.2em !important;
    display: block;
border-top: solid 2px #05004e !important;
    font-weight: 700;
    color: #05004e;
    background:rgba(5,0,78,.03);
    letter-spacing: 0;
    margin: .6em 0;
    padding: .5em;
    position: relative;
    border: solid #05004e;
    border-width: 0 0 2px 10px;
}
body #main .sub-h3:before {
display: none;
}

@media (max-width: 767px) {
body #main .sub-h3 {
font-size: 18px !important;
}
}

.sub-h2 {
border-bottom: 6px double #05004e !important;
border-top: 6px double #05004e !important;
color:#05004e !important;
background:#fff !important;
background-image: none !important;
border-right: none !important;
border-left: none !important;
box-shadow: none !important;
}
#main .sub-h2 span {
background-image: none !important;
padding: 14px 10px !important;
font-size: 18px !important;
}
.sub-h2::before {
display: none;
}

@media only screen and (min-width: 768px) {
#main .sub-h2 span {
font-size: 25px !important;
}
}


.campaign-table.trader th {
font-size: 1em !important;
padding: .3em .7em !important;
}
.campaign-table.trader td {
font-size: 1em !important;
padding: .3em .7em !important;
}




#main h2.top-h2 {
background-color: #05004e !important;
border: none !important;
box-shadow: none !important;
color:#fff !important !important;
text-align: center !important;
overflow: visible !important;
margin-top: .2em !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.8) !important;
margin-bottom: .5em !important;
letter-spacing: -2px !important;
font-size: 2em;
}
#main h2.top-h2 span {
background: transparent !important;
color:#fff !important;
line-height: 1 !important;
padding: 0;
font-size: 30px !important;
}

@media screen and (max-width: 834px) {
#main #siteNavi {
padding: 0 10px !important;
}
#column2 #main {
width: 100% !important;
padding: 0 !important;
}
#column2 #menu {
    width: 100%;
margin-top: 2em;
padding-top: 2em;
border-top: 1px solid #ccc;
}
.pc_only {
display: none;
}
.hoge {
display: none !important;
}
  }
  
.ul-link {
  border-radius: 5px !important;
  padding: 0.5em 1em 0.5em 2.3em !important;
  position: relative !important;
}
.ul-link li {
  line-height: 1.5 !important;
  padding: 0.5em 0 !important;
  list-style-type: none!important;
font-weight: normal;
margin: 0 !important;
}
.ul-link li a {
text-decoration: none !important;
color: #006699;
font-size: 17px;
font-weight: normal !important;
}
.ul-link li:before { 
  font-family: "Font Awesome 5 Free";
  content: "\f138" !important;
  position: absolute !important;
color: red !important;
background-color:transparent !important;
border: none !important;
top: 7px;
left: -25px !important;
}

.title_rink {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
font-weight: bold;
}
.title_rink::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #3498db;
  border-radius: 4px;
}
.infobox {
    padding: 0 .5em;
    display: inline-block;
    margin: .4em 0;
    border: 3px solid 
rgba(230,122,20,.8);
background:
rgba(230,122,20,.1);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 1px 5px
    rgba(0,0,0,.2);
}
.strong {
    color: rgba(19,0,122,.9);
padding: 0 .2em;
margin: 0 3px;
font-weight: 700;
font-size: 1.2em;
background: -webkit-gradient(linear,left 60%,left bottom,from(transparent),color-stop(.6,rgba(19,0,122,.2)),to(rgba(19,0,122,.2)));
background: linear-gradient(
transparent 60%,
    rgba(19,0,122,.2) 60%);
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
.strong4 {
    color: rgba(204,0,0,.9);
background:rgba(204,0,0,.1);
font-weight: 700;
font-size: 1.2em;
margin: 0 3px;
padding: 0 .2em;
-webkit-text-shadow: none;
-moz-text-shadow: none;
-ms-text-shadow: none;
-o-text-shadow: none;
text-shadow: none;
}

.top-box-b a img:hover,.top-box-link a img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.2);
}
.top-box-b a:hover img,.top-box-link a:hover img {
    opacity: 1 !important;
top: 0 !important;
left: 0 !important;
transition: .3s;
}
div#main {
padding-top: 0 !important;
}
#siteNavi {
padding: 0 !important;
}
.cv-w {
max-width: 670px;
}
/* ボタンの光沢 */
.top-box-link a {
  overflow: hidden;
}
.top-box-link a:after {
  -moz-animation: is-reflection 8s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 8s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 8s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 8s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 8s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 20px;
}
/* アニメーションを遅延させる */
.top-box-link + .top-box-link a:after {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  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; }
}
.top-box-link {
width: 95%;
max-width: 1100px;
margin: 10px auto 0;
overflow: hidden;
position: relative;
}
@media screen and (min-width: 600px) {
.top-box-link {
display: none !important;
}
}
.top-box-b {
max-width: 24.3% !important;
list-style-type: none;
}
.top-box-a {
display: flex;
text-align: center;
max-width: 1100px;
margin: 10px auto;
padding: 0 !important;
flex-direction: row;
justify-content: space-between;
overflow: visible !important;
}
.top-box-b:last-child {
padding: 0 !important;
}
#main {
border: none !important;
}
#top::before {
background-image: none !important;
}
.review-back {
border-bottom: 1px dashed #ccc;
margin-bottom: 1em;
padding-bottom: .5em;
}
.review-box {
border: solid 1px #ccc;
padding: 15px;
margin-top: 1em;
}
.review-title {
font-size: 1.5em;
text-align: center;
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/25sya_back01.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 0 50% !important;
padding-left: 2.2em;
width: max-content;
margin-right: auto;
margin-left: auto;
}
.review-title-a {
text-align: center;
font-weight: bold;
}
.review-title-b {
text-align: center;
font-weight: bold;
}
@media screen and (min-width: 1000px) {
.rank .rankbox {
padding: 0 !important;
}

.main-review-box {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 2em;
}
canvas {
margin-top: -1.5em !important;
}
}

@media screen and (min-width: 1000px) {
#top .inner {
padding: 15px 0 !important;
}
}
#logo a img {
max-height: 100px !important;
width: auto !important;
}

.list-box {
background: #fffbf4;
border: solid 2px #f89174;
margin: 2.5em auto;
padding: 20px 10px;
max-width: 650px;
}

.h2-1 {
width: 100% !important;
margin: 45px 0 25px 0 !important;
padding: 0px 0px 10px 0px !important;
font-weight: bold !important;
line-height: 1.4 !important;
word-break: break-all !important;
box-sizing: border-box !important;
background:#fff !important;
color: rgb(68, 68, 68) !important;
box-shadow: none !important;
border-bottom: 2px dashed #ccc !important;
}
.h2-1 span {
font-size: 1.6em !important;
}

.biglobe {
margin-top: 1em;
margin-bottom: 3em;
font-size: 1.2em !important;
line-height: 35px;
}
.biglobe a {
    width: 70%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px 20px;
    font-weight: bold;
}
.biglobe a {
    width: 85%;
    text-align: center;
    display: block;
    margin: 5px auto;
    margin-top: 15px;
    padding: 20px;
    background-color: transparent;
    background-color: #008105;
    color: #fff !important;
    text-decoration: none;
    border: 3px #008105 solid;
    border-radius: 100px;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, transparent 50%, #fff 50%);
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.biglobe a:hover {
    color: #008105 !important;
    background-color: #000;
    background-position: -100% 100%;
}
@media screen and (max-width: 620px) {
.biglobe a {
width: auto;
font-size: .9em;
padding: 13px;
}
.hoge {
position: relative !important;
}
  }


@media screen and (max-width: 500px) {
#contents {
    padding: 0 !important;
}
}
@media screen and (min-width: 768px) {
#main #detailsearch.ds_design0 dt,#main #detailsearch.ds_design0 dd {
    padding: 15px 7px !important;
}
}
.ds_required {
background-color:#FF4E4E !important;
margin-right: 4px !important;
padding: 0 3px !important;
border-radius: 6px !important;
line-height: 1.5em !important;
color: #fff !important;
}
.ds_any {
background-color: #4E8FFF !important;
margin-right: 4px !important;
padding: 0 3px !important;
border-radius: 6px !important;
line-height: 1.5em !important;
color: #fff !important;
}
.t-center a {
text-decoration: none !important;
}
.tl {
table-layout: fixed !important;
}
.box-ultext {
margin-left: 1em !important;
margin-top: .5em !important;
}
.mb1 {
margin-bottom: 1em !important;
}
.box-red {
border: 2px solid #fbc4c4 !important;
}
.box-red .ul-rank li::before {
color: #ff1f6b !important;
}
.pickupBox--campaign.box-red dt {
background: #FF4E4E !important;
}
.img-a {
border-bottom: 1px solid #aaa;
}

@media screen and (max-width: 900px) {
.top-rank .layout_box {
margin-top: 1.5em;
}
.top-rank .rank_text {
margin: 1.5em .5em;
}
.top-rank .rank img {
max-width: 250px !important;
}
.top-rank .rank .rank1, .top-rank .rank .rank2, .top-rank .rank .rank3, .top-rank .rank .rank4, .top-rank .rank .rank5, .top-rank .rank .rank6, .top-rank .rank .rank7, .top-rank .rank .rank8, .top-rank .rank .rank9, .top-rank .rank .rank10 {
padding: 11px 10px 27px 62px !important;
}
#main .l-fuki {
margin: 20px 20% 10px 0;
}
.l-fuki::after {
background-size: 95% !important;
}
}
#detailsearch.ds_blue.ds_design0 dt, #ds_result.ds_type_def.ds_blue dt, #ds_result.ds_type_rank.ds_blue dt {
color: rgba(19,0,122,.9);
}
.info-u {
max-width: 100px !important;
margin: 0 0px 10px -10px !important;
}
.balloon-left .bln-img {
    padding-right: 0 !important;
}

@media screen and (min-width: 1000px) {
#column2 .review02 {
max-width: 68% !important;
}
#column2 .review03 {
max-width: 68% !important;
}
#column1 .review02 {
    max-width: 70% !important;
}
#column1 .review03 {
    max-width: 70% !important;
}
.noimage ol,.noimage ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.top-rank .rank .layout_box .layout_l,.top-rank .rank .layout_box .layout_r {
overflow: auto;
}
.top-rank .rank .layout_box {
    margin: 0 auto;
    max-width: 720px;
}
.rank1 + .layout_box,.rank2 + .layout_box,.rank3 + .layout_box,.rank4 + .layout_box,.rank5 + .layout_box,.rank6 + .layout_box,.rank7 + .layout_box,.rank8 + .layout_box,.rank9 + .layout_box,.rank10 + .layout_box {
   padding: 20px 15px;
}
  
.top-rank .rank .rank-inner {
margin-top: 0;
padding: 5px 20px 30px;
}
.top-rank .campaign-table td,.top-rank .campaign-table th {
font-size: 1em;
padding: 5px;
}
.top-rank .rank .layout_box .layout_l, .top-rank .rank .layout_box .layout_r {
position: relative;
}
.top-rank .campaign-table {
bottom: 0;
position: absolute;
margin-bottom: 0 !important;
}
}
.top-rank .layout_l {
text-align: center;
overflow: visible !important;
}
.top-rank .rank img {
    max-width: 100%;
}
.top-rank .rank_text {
font-size: 1em;
line-height: 1.8;
}
.ul-rank > li::before {
    background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.ul-rank {
  padding: 0 1em 0 0 !important;
  position: relative !important;
margin: 0 !important;
}
#main .ul-rank > li {
  line-height: 1.5 !important;
  padding: .5em .5em 0 2.3em !important;
  list-style-type: none!important !important;/*ポチ消す*/
color:#333 !important;
font-weight: normal !important;
margin: .5em 0 !important;
}
.ul-rank li:before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f0a4" !important;
  position: absolute !important;
  left: 1em !important;
  color: #21b384 !important; /*アイコン色*/
}
.top-rank .rank {
margin: 0 auto 20px !important;
max-width: 100%  !important;
border: 1px solid #d5d5d5;
box-shadow:#adadad 0px 0px 10px -5px;
}
.top-rank .rank_evaluation {
font-weight: normal;
font-size: 15px;
position: absolute;
right: 0;
bottom: 7px;
}
.rank .rank1, .rank .rank2, .rank .rank3, .rank .rank4, .rank .rank5, .rank .rank6, .rank .rank7, .rank .rank8, .rank .rank9, .rank .rank10 {
position: relative;
}
.pickupBox--campaign dt {
    margin: 0;
    padding: 5px;
    background: #72c5b9 !important;
color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.pickupBox--campaign dd {
    margin: 0;
    padding: 15px 10px;
    font-size: 16px;
background: #fff;
color: #3c494a !important;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.pickupBox--campaign {
    margin: 10px auto 0;
    padding: 0;
border: #72c5b9 1px solid;
max-width: 100%;
}
.site-c-box #ds_openbox {
margin-right: .5em;
}
#menu .site-c-box #ds_openbox {
display: none;
}
@media screen and (max-width: 600px) {
#menu .site-c-box .txt-img img {
margin: 0 !important;
}
#menu #detailsearch {
padding: 0 !important;
}
#menu .title_none {
padding: 10px 15px 110px !important;
}
}
.toggle .main-review-card {
width: auto;
margin: 0 auto 1em;
}
#menu .title_none {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/menu_logo.png);
background-size: 100%;
padding: 10px 15px 80px;
background-repeat: no-repeat;
background-color: #b4d4e4;
background-position: 50%;
}
#menu #detailsearch.ds_blue #ds_detail > .title {
display: none !important;
}
#menu .ds_reset {
display: none !important;
}
#menu #detailsearch.ds_blue.ds_design0 #ds_basic dl > div, #menu #detailsearch.ds_blue.ds_design0 #ds_detail dl > div, #menu #detailsearch.ds_blue.ds_design1 #ds_basic dl > div, #menu #detailsearch.ds_blue.ds_design1 #ds_detail dl > div {
margin-bottom: 1.3em;
background: #fff;
}
#menu .site-c-box {
margin-bottom: 2em;
}
#menu .ds_submit {
margin: 0 auto !important;
padding-bottom: 16px;
padding-top: 16px;
}
#menu #detailsearch.ds_blue.ds_design0 dt, #ds_result.ds_type_def.ds_blue dt, #ds_result.ds_type_rank.ds_blue dt {
color: rgb(5, 0, 78) !important;
border: 1px solid rgb(5, 0, 78) !important;
}
#menu #detailsearch.ds_design0 #ds_basic dl > div {
border-bottom: none;
}

@media screen and (min-width: 1000px) {
#menu #detailsearch.ds_blue.ds_design0 dl {
padding: 0 8px;
background-color: #b4d4e4;
border: none !important;
}
#menu #detailsearch dt {
    width: 100% !important;
}
#menu #detailsearch dd {
    width: 100% !important;
border: 1px solid rgb(5, 0, 78) !important;
}
#menu #detailsearch {
padding: 0 !important;
background-color: #b4d4e4 !important;
margin-bottom: 0 !important;
}
#menu #ds_basic dl > div, #menu #ds_detail dl > div {
    display: block !important;
}
#menu .ds_value label img {
    max-width: 60px !important;
    margin-right: 0 !important;
}
.ds_reset {
display: none !important;
}
}
@media screen and (min-width: 1000px) {

#menu #searchbox {
position: relative !important;
left: 0 !important;
margin-left: 0 !important;
border: #283E88 2px solid !important;
border-radius: 5px !important;
}
#menu #searchbox input[type="search"] {
height: 35px !important;
line-height: 35px !important;
}
#menu #searchbox form::before {
top: 10px !important;
}
#menu #searchbox form::after {
top: 18px !important;
}
#menu #searchbox input[type="submit"] {
height: 35px !important;
}
}
.hoge .arrow_orange {
margin-top: 1.5em;
}

.rank .main-review-card {
margin-bottom: 1em !important;
}
#detailsearch .dstype_image input[type="radio"] + span > img {
margin: 0 10px 0 0 !important;
max-width: 65px !important;
border: 1px solid rgb(5, 0, 78) !important;
}
.ds_value label img {
max-width: 70px;
border: 1px solid #ccc;
margin-right: 5px !important;
}
.ds_value label:first-child {
display: none;
}
.rank .margin img {
    border: 1px solid #ccc !important;
}
.full {
    font-size: 16px;
}
.full th {
background-color: #0096df;
color: #fff;
}
.full td,.full th {
padding: 5px 10px !important;
}
#main h4 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
font-size: 1.2em;
overflow: visible !important;
}
#main h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

#main h5 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
font-size: 1.2em;
overflow: visible !important;
}
#main h5:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}
/*
==================================================
文字装飾
==================================================
*/

span.futojiaka14{
font-weight: bold;
color: #ec1234;
}

span.futojigreen14{
font-weight: bold;
color:#86b902;
}
span.futojishian14{
font-weight: bold;
color:#4E8FFF;
}

/*
==================================================
ボタン凹
==================================================
*/
a:hover img {
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
background: #ffffff;
position : relative;
top : 3pt;
left : 3pt;
}
.kasen {
     border-bottom:1px solid;
     padding-bottom:1px;
}

.under2 {
    border-bottom: dotted 2px #ccc;
    font-weight: 400;
}
/*
==================================================
ボタンスタイル
==================================================
*/

.square_btn{
    display: inline-block;
    position: relative;
    padding: 0.5em 1.4em;
    text-decoration: none;
    background: #FF7A0A;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 5px #C54500;/*ボタン色より暗めに*/
    border-right: solid 5px #C54500;/*ボタン色より暗めに*/
}

.square_btn:before{    
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #FFF;
}

.square_btn:after{   
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #FFF;
    border-bottom-color: transparent;
}

.square_btn:active{ /*ボタンを押したとき*/
    border:none;
    -ms-transform: translate(6px,6px);
    -webkit-transform: translate(6px,6px);
    transform: translate(6px,6px);
}

.square_btn:active:after,.square_btn:active:before {
    content: none;/*ボタンを押すと線が消える*/
}

/*
==================================================
ボックス
==================================================
*/

.aobox{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.aobox p {
    margin: 0; 
    padding: 0;
}

.akabox {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}

.kiirobox {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.kiirobox p {
    margin: 0; 
    padding: 0;
}

.pointbox {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.pointbox .box-title {
    font-size: 1.2em;
    background: #004681;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.pointbox p {
    padding: 15px 20px;
    margin: 0;
}

.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/*
==================================================
画像
==================================================
*/

a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.box5 {
    padding: .5em 1em;
    margin: 1.5em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box9 p {
    margin: 0; 
    padding: 0;
}

.box9 ol {
margin: 0px!important;
}

.box9 img {
margin: 0px!important;
}


/*マーカー表示（背景に着色）*/



#space3 {
padding: 0px;
}

#space4 {
padding: 0px;
}

#space3 img {
margin: 0px;
padding: 0px 0px 5px 0px;
}

#space4 img {
margin: 0px;
}

#space5 {
padding: 0px;
}

#space5 img {
margin: 0px;
}

#space6 {
padding: 0px;
}

#space6 img {
margin: 0px;
}

#main {
    background-color: #fff;
    border: solid 1px #ccc;
}

#space1 {
margin: 10px 10px 0 !important;
padding: 0 !important;
font-size: 15px;
line-height: 1.6 !important;
}

#topmenu {
  background-color: #047ab7!important;
}

#topmenu a {
  color: #fff!important;
}

#topmenu a:hover {
  color: #047ab7!important;
  background-color: #fff!important;
}


.menuitem{
margin: 40px 0px 0px 0px !important;
border-radius: 3px;
overflow: hidden;
}

.menubox a:hover {
  background-color: #fff!important;
}

.menulist a:hover {
  background-color: #fff!important;
}

div.ranking  {
    background-color: #fff;
    padding: 10px;
}

.ranking div {
margin: 0 !important;
}

abbr[title2] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

.title2 {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: 700;
}

#menu h4,
#menu .title2,
#rmenu h4,
#rmenu .title2 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#menu h4 + .menubox,
#menu .title2 + .menubox,
#rmenu h4 + .menubox,
#rmenu .title2 + .menubox {
  margin-top: -1px;
}
#menu .title2, #rmenu .title2 {
  background: #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(top, #fff, #fafafa);
  background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background: -o-linear-gradient(top, #ffffff, #f5f5f5);
  border-top: 3px solid #047ab7;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #dedede;
  color: #333;
  padding: 12px 15px;
}

@media screen and (min-width: 768px) {
  #menu h4,
  #menu .title2,
  #rmenu h4,
  #rmenu .title2 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
  }
  #menu .title2,
  #rmenu .title2 {
	padding: 14px 15px;
  }

}
  #menu .title2,
  #rmenu .title2 {
	padding: 15px 19px;
  }



/*===========================
メニューの開閉ここから
===========================*/
.rank label {
padding: 1em;
border: solid 1px #aaa;
text-align: center;
font-size: 1.2em;
background-color: #aaa;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1),0 0 0 1px #fff inset;
width: 100%;
display: block;
margin: 0 auto;
box-sizing: border-box;
}
input[type="checkbox"].on-off{
display: none;
}
.toggle ul {
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-ms-transition: all 0.5s !important;
-o-transition: all 0.5s !important;
transition: all 0.5s !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.toggle li {
padding: 5px;
}
input[type="checkbox"].on-off ~ ul{
height: 0 !important;
overflow: hidden !important;
}
input[type="checkbox"].on-off:checked ~ ul{
height: auto !important;
}

/*===========================
メニューの開閉ここまで
===========================*/

.nuritubusi {
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #FCE2C9;/*背景色*/
}
.nuritubusi p {
    margin: 0; 
    padding: 0;
}

.title2 {
background: #047ab7!important;
border-bottom: 0 !important;
color: #fff !important;
border-top: 0 !important;
}

.title2 {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/ranking_25_siro_60.png)!important;
 padding-left: 50px!important;
 border-radius: 2px!important;
    background-position: 3% 42%!important;
background-repeat: no-repeat!important;
}





@media only screen and (min-width: 641px) {
.float-r img {
margin: 0px 22px 0px 0px!important;
}
.site-c-box .l-fuki {
margin: 40px 17% 10px 3% !important;
}
}

@media only screen and (min-width: 641px) {
.float-l img {
margin: 0px 0px 0px 21px!important;
}
}

@media only screen and (min-width: 641px) {
.balloon-left.bln-auto .b_body, .balloon-right.bln-auto .b_body {
max-width: 75%!important;
box-shadow: 1px 1px 5px #aaa;
}
}

.balloon1 .b_body {
    background-color: #EEEEEE!important;
    border: solid 2px #EEEEEE!important;
}

.balloon9 .b_body {
    background-color: #78DD67!important;
    border: solid 2px #78DD67!important;
}

.margin img {
margin: 13px 0px 0px 0px;
}

@media only screen and (min-width: 641px) {
.margin img {
margin: 25px 0px 0px 10px;
}
}

.bln{
	font-size:14px;
	overflow: hidden;
	padding:0;
	margin: 0;
	color: #333333;
}

@media only screen and (min-width: 641px) {
.bln{
	font-size:16px;
	overflow: hidden;
	padding:0;
	margin: 0;
	color: #333333;
}
}

.b_body {
    padding: 0.6em!important;
}

@media only screen and (min-width: 641px) {
.b_body {
padding: 17px 11px 17px 11px!important;
}
}


.arrow_blue {
margin: 0px 0px 10px 0px!important;
}

.balloon-right .bln-img {
    padding-left: 0px;
}

@media only screen and (min-width: 641px) {
.balloon-right .bln-img {
    padding-left: 8px!important;
}
}

.bln-img img { 
    max-width: 85%; 
    height:auto;
}

@media only screen and (min-width: 641px) {
.bln-img img { 
    max-width: 100%; 
    height:auto;
}
}

.nihontizu {
    background: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1015171.png) center no-repeat;
-moz-background-size:100% auto;
background-size:100% auto; 
}

@media only screen and (min-width: 641px) {
.tiiki {
clear: left;
background: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1015171.png) center no-repeat;
background-position: 195px 85px;
}
}
.tiiki .arrow_orange {
margin: 10px 0 0 0;
}

/*
==================================================
吹き出しCSS
==================================================
*/

.l-fuki::after {
    right: -115px;
}

.l-fuki::after, .r-fuki::after {
position: absolute;
content: "";
width: 90px;
height: 90px;
top: -10px;
border: 3px solid #fff;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
box-shadow: 1px 1px 5px #aaa;
border-radius: 60px;
background-size: cover;
}
.dansei::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/2021/08/man_gennavi1.png);
}
.dansei2::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/2021/08/man_gennavi1.png);
}
.dansei3::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/2021/08/man_gennavi1.png);
}
.dansei4::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/2021/08/man_gennavi1.png);
}
.woman::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/woman1.jpg);
}
.woman2::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/woman2.jpg);
}
.woman3::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/woman3.jpg);
}
.woman4::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/woman4.jpg);
}
.info::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1249029.png);
}
.user_dansei::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1116103.png);
}

.user_zyosei::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1118578.png);
}

.operator::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/1243377.300.100.png);
}

.l-fuki::before {
    right: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.l-fuki::before {
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #78DD67;
    z-index: 2;
}

.r-fuki::before {
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #fff;
    z-index: 2;
}

.l-fuki::before {
    right: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.l-fuki::before{
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #78DD67;
    z-index: 2;
}

.r-fuki::before {
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #fff;
    z-index: 2;
}

.l-fuki {
    margin: 10px 16% 15px 0;
}

.l-fuki {
    position: relative;
    width: 84%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2.5%;
    border-radius: 6px;
    border: 2px solid #999;
    box-shadow: 1px 1px 5px #aaa;
    background-color: #78DD67;
    z-index: 1;
}

.r-fuki {
    position: relative;
    width: 80%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2.5%;
    border-radius: 6px;
    border: 2px solid #999;
    box-shadow: 1px 1px 5px #aaa;
    background-color: #fff;
    z-index: 1;
}
.r-fuki::after {
    left: -115px;
}

.zyosei::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/adobestock_115835421_80.png);
}

.factoring_man::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/3d2553a65d0de93fabd508b30639efe4_s_280.jpg);
}

.r-fuki::before {
    left: -7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.r-fuki::before {
    left: -7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.r-fuki {
    margin: 10px 0 15px 16%;
}


@media screen and (max-width: 620px) {
#detailsearch dt.ds_title, #detailsearch dd.ds_title {
width: 100% !important;
}
.l-fuki::after {
    right: -60px;
}
.r-fuki::after {
    left: -80px;
}
.r-fuki {
    margin: 20px 0 10px 20%;
}
.l-fuki::after, .r-fuki::after {
    width: 60px;
    height: 60px;
}

.l-fuki::after {
    right: -80px;
}
.l-fuki {
    margin-right: 20%;
}
.l-fuki, .r-fuki {
    width: 76%;
    font-size: 15px;
}
}

/*
==================================================
目次カスタマイズ
==================================================
*/

#indexlist {
display: block !important;
background: #fff;
font-size: 95%;
box-sizing: border-box;
line-height: 1.4;
margin: 0 !important;
padding: 1em 2em;
border: none !important;
box-shadow: 0px 0px 3px 2px #eee;
max-width: 100%;
border-radius: 4px;
}

#indexlist #index_inner .title {
text-align: center;
background: #44ADA6;
padding: 0.4em 0;
border-radius: 4px;
}

#contents #indexlist ol {
    list-style: none !important;
    margin-bottom: 0px !important;
}

#indexlist #index_inner ol li {
margin-bottom: 0.8em;
padding-bottom: 0.2em;
padding-left: 0 !important;
text-indent: 0;
}

#indexlist #index_inner ol li ul li a {
display: block;
text-decoration: none;
color: #444;
border-bottom: 1px dotted #ddd;
font-size: 110%;
color: rgb(122, 122, 122);
}

#indexlist #index_inner > ol > li {
padding: 0;
}

#contents #indexlist ol > li::before {
box-shadow: none;
background-color: transparent;
font-size: 100%;
color: #616161 !important;
}

#contents #indexlist ol li ul li::before {
box-shadow: none;
background-color: transparent;
}

#indexlist #index_inner ol li ul {
margin-left: 5px !important;
margin-top: 5px !important;
}

#indexlist #index_inner ol li ul li {
padding-left: 3% !important;
margin: 0 !important;
}

#indexlist #index_inner ol li a {
border-bottom: 2px solid #44ADA6;
font-size: 110%;
text-decoration: none;
font-weight: normal;
color: #616161 !important;
padding-left: 25px;
}

#indexlist.idx_design2 #index_inner > ul {
    margin: 10px 0px 10px !important;
}

#indexlist.idx_design2 #index_inner > ul {
    margin: 10px 0px 10px !important;
}

.mokuji #indexlist.idx_design2 {
    width: 100% !important;
}

.mokuji #index_wrapper {
padding: 0;
margin: 0;
}

/*スマホ対応*/
@media screen and (max-width: 413px)
{
#indexlist #index_inner  ol a  {
font-size: 95% !important;}
#indexlist #index_inner ol li ul li a {
font-size:80% !important;}
#indexlist {
padding:1em 1em !important;}

#contents #indexlist ol > li::before  {
font-size:80% !important;}

}
@media screen and (min-width: 414px) and (max-width: 500px)
{
#indexlist #index_inner ol li a  {
font-size: 95% !important;}
#indexlist #index_inner ol li ul li a {
font-size:80% !important;}

#contents #indexlist ol > li::before  {
font-size: 95% !important;}

#indexlist {
padding:1em 1em !important;}
}

#index_inner label {
display: none;
}
#contents #index_inner > ol > li::before {
    content: counter(index) "." !important;
}

#menu .title2 {
font-size: 0.86em;
}

/*
==================================================
フッター追尾カスタマイズ
==================================================
*/

.sp-fixed-area--show {
    bottom: 0;
}
.sp-fixed-area {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    transition: all .3s ease-in;
}

.sp-fixed-area__bn:empty {
    background-image: url(.https://gk-shinseido.com/genkinka/wp-content/uploads/img/sp-fixed-bn.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sp-fixed-area__bn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -js-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    min-height: 40px;
    margin: 0 auto;
    padding: 4px 0;
    border-radius: 5px;
    background-color: #fc9126;
    box-shadow: -2px -2px 0 rgba(0,0,0,0.3) inset;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
}

.sp-fixed-area__bn:hover {
    color: #FF0A0A;
}

@media screen and (min-width: 768px) {
.sp-fixed-area {
    bottom: -100px;
}
}

#main .popular_list li:not(:last-child), .tabs__content li:not(:last-child) {
border-bottom: dotted 1px #e6e6e6;
}

#main .popular_list li, .tabs__content li {
padding: 0 4%;
background-image: none;
margin: 0;
color: #333;
}

#main .popular .point_red {
padding: 7px 15px 4px;
border: none;
font-size: 15px;
color: #fff;
background-color: #e83119;
font-weight: bold;
}

#main .popular .point_red::before {
background-color: #f9c9d7;
}

@media only screen and (max-width:480px){
#main .popular_list li, .tabs__content li {
padding: 1% 10%;
}

#main .popular_list li::before, .tabs__content li::before {
top: 13%;
}

}

.popular .popular_list li a:hover {
color: #ff0000;
}

.popular .popular_list li a {
text-decoration: none;
}
#main .point {
color: #333 !important;
}

section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { 
width: auto;
text-align: center !important;
}

.demo01 td  { 
text-align: center !important;
}
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0; }
    .demo01 th,
    .demo01 td{
    border-top: none;
width: 10%;
font-size: 80%;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}

.gray {
    background-color: #EBEBEB;
}






.f13pt {
font-size: 13pt;
}

@media only screen and (max-width:600px){
.f13pt {
font-size: 12pt;
}
}

.f18 {
    font-size: 125%;
    font-weight: bold;
    color: #444444;
}


.fnormal {
font-weight: normal !important;
font-size: 120% !important;
}

.normal {
font-weight: normal !important;
    color: #444444;
}

.memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454;
}

.memo {
    color: #222;
    padding-bottom: 1px;
}
.memo {
    font-size: 90%;
}
.memo {
    color: #222;
    padding-bottom: 1px;
}

.memo2 {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fce2c9;
    color: #545454;
}

.memo2 {
    color: #222;
    padding-bottom: 1px;
}
.memo2 {
    font-size: 100%;
}
.memo2 {
    color: #222;
}

.memo_ttl::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ffb36b;
    color: #fff;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    content: "\f40d";
}

.memo_ttl {
    margin-bottom: 5px;
    color: #333;
    font-size: 1.2em;
    font-weight: 700;
}

.l-fuki {
border: 2px solid #9ddd93 !important;
background-color: #d1f8c2 !important;
}

.l-fuki::before {
border-right: 2px solid #9ddd93 !important;
border-bottom: 2px solid #9ddd93 !important;
background-color: #d1f8c2 !important;
}

.nmlbox {
    border: 3px solid #ccc !important;
}

.futojiwaku {
padding: 15px;
background-color: #86b902;
}

.futojiwaku ol {
    list-style-position: outside;
    display: block;
    margin: 0 !important;
padding: 80px 50px 20px !important;
    color: #222222;
font-weight: 700 !important;
background: #fff;
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/check22.png);
background-repeat: no-repeat;
background-position: 0% -2%;
background-size: 200px;
}

.futojiwaku li {
    display: table;
    width: 100%;
    list-style-position: outside;
    list-style: none;
color: #444 !important;
    margin: 0 0 20px 0;
    padding-left: 20px !important;
    padding-bottom: 20px;
    font-size: 22px;
    text-align: left;
    line-height: 1.4;
    border-bottom: 1px solid #e5e5e5;
}

.futojiwaku li::before {
color: #444 !important;
font-size: 22px !important;
top: 9px !important;
box-shadow: none !important;
font-weight: normal !important;
font-size: 22px !important;
background-color: transparent !important;
content: counter(number,decimal)'．' !important;
position: static !important;
}

@media only screen and (max-width:600px){
.futojiwaku ol {
padding: 80px 20px 20px 0 !important;
}
}

@media screen and (max-width: 600px) {
#index_inner > ol {
    margin: 10px 0 !important;
}

#indexlist #index_inner ol li ul li {
    padding-left: 0% !important;
}

#indexlist #index_inner ol li ul li a {
padding-left: 10px;
}
}
.ol_list {
margin-top: 35px !important;
font-size: 100%;
}

.ol_list li {
color: #333 !important;
font-weight: normal !important;
}

.ol_list2 li {
color: #333 !important;
font-weight: normal !important;
}

.yellowbox {
    padding: 20px;
    border: solid 3px #00A8AD;
    background-color: #fff;
    border-radius: 4px;
}

.ranking-101 .synthesis th {
border: 2px solid #FF4E4E !important;
background-color: #FFD7D7 !important;
}

.ranking-101 .synthesis td {
border: 2px solid #FF4E4E !important;
}

.float-left {
text-align: center;
}

.float-left .top-img img {
max-width: 300px;
}

.ranking-101 {
margin: 0;
}

.ranking-101 th {
border: 2px solid #0075d4 !important;
background-color: #D7D9FF !important;
  border-bottom: none !important;
padding: 0 5px;
}

.ranking-101 td {
border: 2px solid #0075d4 !important;
border-bottom: none !important;
}

.evaluation{
  display: flex;
}

.evaluation .star{
  position: relative;
  padding: 5px 0 0;
  color: gray;
  cursor: default;
  font-size: 30px;
}
.evaluation .star .text-evaluation{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  color: gray;
}

.bad {
   color: gray !important;
}

.good {
  color: #ffcc00 !important;
}

@media screen and (min-width: 900px) {
    .float-left {
  float : left;
  width: 49%;
}

.float-right {
  float : right;
  width: 51%;
margin-bottom: 15px;
}
}

@media screen and (max-width: 700px) {
    .float-left {
margin-bottom: 15px;
}
}

.info222 {
overflow: visible !important;
margin-top: 50px !important;
margin-bottom: 25px !important;
}

.letter {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dott.gif);
    background-repeat: repeat;
    background-position: left top;
    line-height: 30px;
    margin: 10px;
    box-shadow: none !important;
    padding: 0 15px !important;
    font-size: 95% !important;
    color: #555;
}

.nmlbox, .dottbox, .ylwbox, .graybg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.nmlbox .ul-b, .dottbox .ul-b, .ylwbox .ul-b, .graybg .ul-b {
margin: 0 !important;
}

#main blockquote {
    position: relative;
    padding: 1.5em;
    box-sizing: border-box;
    color: #585858;
    border: solid 3px #585858;
    width: 95%;
    margin: 1em auto;
}
#main blockquote:before{
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    background: #585858;
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
}

#main blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    background: #585858;
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
}

#main blockquote p {
    padding: 0;
    margin: 5px 0;
    line-height: 1.2;
}

#main blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
#main .list-ul ul > li::before {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
#main .list-ul ul > li {
    padding: 0;
}
.l-fuki.mouth {
    border: 1px solid #D94A88 !important;
    background-color: #FDE4E0 !important;
    font-size: .9em;
}
.l-fuki.mouth::before {
background-color: #FDE4E0 !important;
border-right: 1px solid #D94A88 !important;
border-bottom: 1px solid #D94A88 !important;
}
.mouth-title {
color: #D94A88;
font-weight: bold;
font-size: 1.3em !important;
margin-bottom: .2em;
border-bottom: 1px #555 dashed;
padding-bottom: .2em;
padding-left: 2.5%;
}
.mouth-star {
font-size: 1.5em;
color: #FF7A0A;
}
.mouth-evaluation {
margin-bottom: .5em;
}
.l-fuki.mouth .mouth-title::before {
    content: "";
    position: absolute;
    background-color: #D94A88;
    width: 5px;
    height: 20px;
    top: 26px;
    left: 4%;
}
.dame1::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame1.png) !important;
width: 55px !important;
height: 55px !important;
right: -75px !important;
background-position: 50%;
background-size: cover;
}
.good2::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good1.png) !important;
width: 55px !important;
height: 55px !important;
right: -75px !important;
background-position: 50%;
background-size: cover;
}
.good1::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good2.png) !important;
width: 55px !important;
height: 55px !important;
right: -75px !important;
background-position: 50%;
background-size: cover;
}
.dame2::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame2.png) !important;
width: 55px !important;
height: 55px !important;
right: -75px !important;
background-position: 50%;
background-size: cover;
}
@media screen and (min-width: 900px) {
.l-fuki.mouth {
    width: 89% !important;
}
}
@media screen and (max-width: 899px) {
.l-fuki.mouth {
width: 83% !important;
}
.dame1::after,.dame2::after {
width: 50px !important;
height: 50px !important;
right: -70px !important;
}
.good2::after,.good1::after {
width: 50px !important;
height: 50px !important;
right: -70px !important;
}
.l-fuki.mouth .mouth-title::before {
left: 5% !important;
}
}
.l-fuki.mouth.good2,.l-fuki.mouth.good1 {
    border: 1px solid #3533CD !important;
    background-color: #CCFFFF !important;
    font-size: .9em;
}
.l-fuki.mouth.good2::before,.l-fuki.mouth.good1::before {
background-color: #CCFFFF !important;
border-right: 1px solid #3533CD !important;
border-bottom: 1px solid #3533CD !important;
}
.l-fuki.mouth.good2 .mouth-title::before,.l-fuki.mouth.good1 .mouth-title::before {
    background-color: #3533CD !important;
}
.l-fuki.mouth.good2 .mouth-title,.l-fuki.mouth.good1 .mouth-title {
color: #3533CD !important;
}
.under {
  border-bottom: dotted 2px #FF7A0A;;
  font-weight: 600;
}
#main .normal li {
color: #333 !important;
font-weight: normal !important;
}
.black-c {
color: #555 !important;
}
.mt30 {
margin: 30px 0 0 0 !important;
}
m0 {
margin: 0 !important;
}
.ulb {
padding: 25px !important;
border: solid 3px #ccc !important;
background-color: #f7f7f7 !important;
border-radius: 4px !important;
}
.ulb li {
font-weight: normal !important;
color: #333 !important;
}

#formWrap {
	width: 100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	border: 5px #ccc solid;
	padding: 1.5em;
	max-width: 650px;
}
@media screen and (max-width:572px) {
/*　画面サイズが572px以下はここを読み込む　*/
.rank-text {
margin: 0 !important;
}
#formWrap {
    width: 100%;
    max-width: 100%;
    border: none;
    padding: 0;
}

input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
.form-title {
    font-size:  1.3em;           /* 文字サイズ指定 */
}
}
form #form-group label {
background: #fff !important;
color: #333 !important;
font-weight: bold !important;

}
form #form-group label .ok {
background: #d9534f !important;
color: #fff !important;
margin-right: 5px !important;
padding: .1em .3em !important;
font-size: 85% !important;
font-weight: 600 !important;
border-radius: 5px !important;
}
form #form-group label .no {
background-color: #777 !important;
color: #fff !important;
margin-right: 5px !important;
padding: .1em .3em !important;
font-size: 85% !important;
font-weight: 600 !important;
border-radius: 5px !important;
}
form #form-group input {
background-color: rgba(255, 255, 142, 0.46) !important;
margin-top: 1em;
margin-bottom: 1.2em;
}
form #form-group select {
background-color: rgba(255, 255, 142, 0.46) !important;
margin-top: 1em;
margin-bottom: 1.2em;
}
form #form-group textarea {
background-color: rgba(255, 255, 142, 0.46) !important;
max-width: 640px;
margin-top: 1em;
margin-bottom: 1.2em;
}
#form-group {
margin: 1.5em 0 !important;
}

.form-title {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  24px;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
}
.form-title:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}
#formWrap input[type="radio"] {
 -webkit-appearance: none;
appearance: none;
position: relative;
width: 50px;
height: 50px;
vertical-align: middle;
background-color: transparent !important;
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
margin-right: 1em;
}
#formWrap input[type="radio"]:hover {
    box-shadow: 0 0 3px #fc9126 inset;
}
#formWrap input[type="radio"]:checked::after {
content: "";
background-color: rgba(255, 255, 255, .3);
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
box-shadow: 0 0 3px #fc9126 inset;
}
.radio {
margin: .5em 1em !important;
}
#formWrap .very-good {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good1.png) !important;
}
#formWrap .good {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good2.png) !important;
}
#formWrap .bad {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame2.png) !important;
}
#formWrap .very-bad {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame1.png) !important;
}

/*===========================
クリックで画像を切り替える場合のみ必要
===========================*/
#formWrap input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: transparent !important;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
#formWrap .very-good::before {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good1.png) !important;
}
#formWrap .good::before {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good2.png) !important;
}
#formWrap .bad::before {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame2.png) !important;
}
#formWrap .very-bad::before {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame1.png) !important;
}
.bobu-box {
    border: dashed 1px #00bfe9;
padding: 20px 24px 0 24px;
margin-bottom: 32px;
}
.table-top {
    background: #008799;
    border: 1px solid #fff;
    color: #faeb29;
    padding-left: 15px !important;
    text-align: left;
    font-weight: normal;
    border: 1px solid #008799;
}
.table-bottom {
    background: #edf8ff;
    font-size: 14px;
    color: #088bd6;
    font-weight: normal;
    border: #68c0cc solid 1px;
}
.td-bottom {
    color: #088bd6;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 1em;
}
.rank .rank-table {
    background-color: #fff !important;
}
.rank-text ul {
  border-radius: 5px !important;
  padding: 0.5em 1em 0.5em 1.8em !important;
  position: relative !important;
}
.rank-text ul li {
  line-height: 1.5 !important;
  padding: 0.5em 0 !important;
  list-style-type: none !important;
font-weight: normal !important;
color: #333 !important;
margin: 0 !important;
}
.rank-text ul li:before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f138" !important;/*アイコンの種類*
  position: absolute !important;
  left : 1em !important;/*左端からのアイコンまでの距離*/
  color: skyblue !important;/*アイコン色*/
border: none !important;
left: -20px !important;
top: 8px !important;
box-shadow: none !important;
font-weight: 900 !important;
}
.rank-title {
position: relative;
padding: 0.5em 0.5em 0.5em 1.5em;
line-height: 1.4;
color: #237db9;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
font-weight: 900;
margin-bottom: .5em;
font-size: 1.3em;
}
.rank-title:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #237db9; /*アイコン色*/
}
.rank-text {
margin: 1em;
}
.ranking-co .btn08.green a {
color: #444 !important;
font-size: 1.5em;
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.ranking-co .btn08.red a {
color: #444 !important;
font-size: 1.3em;
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.ranking-co .green {
border: 3px solid #FF7A0A !important;
border-radius: 10px;
}

.ranking-co .btn08.red {
    border: 3px solid #008105 !important;
    border-radius: 10px;
}
.layout_box.responsive.ranking-co .btn08 .fnt20 {
padding-left: 50px !important;
}
.ranking-co .btn08::before {
background-size: 100%;
top: 14%;
left: 7%;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-color: transparent;
border-radius: 50px;
}
.btn08.green::before {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/f_f_object_156_s512_f_object_156_1bg.png);
}
.btn08.red::before {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/f_f_business_50_s512_f_business_50_0bg.png);
}
.ranking-co .responsive_h.btn-exlg a {
    text-align: center;
}
@media screen and (max-width: 768px) {
.ranking-co .btn08::before {
left: 5%  !important;
}
.ranking-co .btn08.green.silver.btn-exlg.fnt18.responsive_h {
    margin: 1em 0;
}
}
.f15 {
font-size: 1.5em;
}
.m06 {
margin: .6em;
}
.honpo td {
background-color: #fff;
text-align: center;
padding: 0 !important;
}
.honpo td img {
margin: 0;
max-width: 90%;
}
.list-number {
    font-size: 2em;
    font-weight: bold;
    background-color: #FFFDD7 !important;
}
.akawaku {
border-right: red solid 5px;
border-left: red solid 5px;
}
.akatop {
border-top: red solid 5px;
}
.list-tabletop {
    background-color: #4E8FFF !important;
    color: #fff !important;
    font-size: 1.4em;
}
.akabottom {
border-bottom: 5px red solid;
}
@media screen and (max-width: 700px) {
.list-number {
    font-size: 1.5em !important;
}
.list-tabletop {
    font-size: 1.2em !important;
}
}
.honpo .td-img {
background-color: #fff;
text-align: center;
padding: 0 !important;
display: table-cell;
height: 100px;
vertical-align: middle;
}
.mb1 {
margin-bottom: 1em;
}
.campaign-table {
background-color: transparent;
}
.campaign-table th {
border: 2px solid rgba(246,179,82,.5) !important;
background-color: rgba(246,179,82,.2) !important;
font-size: 1.2em !important;
padding: .7em !important;
color: #000 !important;
}
.campaign-table td {
border: 2px solid rgba(246,179,82,.5);
font-size: 1.2em;
padding: .7em;
}
.rank img {
max-width: 90%;
}

.review-box01 .l-fuki {
    margin: 20px 20% 60px 0;
}
.cb {
color: #555 !important;
}
.fukiwaku::after {
    content: "";
    clear: both;
    display: block;
    margin-bottom: .5em;
}
.review02 {
width: auto !important;
position: relative !important;
display: inline-block !important;
-webkit-box-sizing: border-box !important;
float: right !important;
z-index: 1 !important;
}
.review03 {
width: auto !important;
position: relative !important;
display: inline-block !important;
-webkit-box-sizing: border-box !important;
z-index: 1 !important;
}

.review04 {
width: auto !important;
position: relative !important;
display: inline-block !important;
-webkit-box-sizing: border-box !important;
z-index: 1 !important;
}


.simple-box3 {
    position: relative;
    border: 5px double #93CDFF !important;
    border-radius: 4px;
    color: rgb(94, 108, 119);
    margin-bottom: 40px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px;
    box-sizing: border-box;
max-width: 700px;
}
.simple-box4 {
    position: relative;
    border: 2px #FFBE4E dashed !important;
    border-radius: 4px;
    color: rgb(94, 108, 119);
    margin-bottom: 40px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 25px;
    box-sizing: border-box;
max-width: 700px;
}
#main .name {
font-size: 150%  !important;
border-bottom: dotted 4px #ccc  !important;
margin-bottom: 5%  !important;
padding-left: 10%  !important;
padding-top: 10px  !important;
padding-bottom: 10px !important;
border-right: none  !important;
border-left: none  !important;
border-top: none  !important;
}
#main .name span {
font-weight: normal !important;
color: rgb(94, 108, 119) !important;
}
#main .name::after {
background-color: transparent  !important;
}
#main .dame-review2,#main .dame-review,#main .good-review2,#main .good-review {
background-repeat: no-repeat  !important;
background-size: 45px  !important;
background-position: 7px 3px  !important;
}
#main .good-review {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good1.png)  !important;
}
#main .good-review2 {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/good2.png)  !important;
}
#main .dame-review {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame1.png)  !important;
}
#main .dame-review2 {
background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/dame2.png)  !important;
}
@media screen and (max-width: 768px) {
#main .dame-review2,#main .dame-review,#main .good-review2,#main .good-review {
background-position: 0 10px  !important;
}
.campaign-table td ul li::before {
left: 4px !important;
}
}
@media screen and (max-width: 768px) {
.simple-box3 {
padding: 20px 10px;
width: 100%;
}
.simple-box4 {
padding: 20px 10px;
width: 100%;
}
#main .simple-box3 .name {
padding-left: 15% !important;
}
#main .simple-box4 .name {
padding-left: 20% !important;
}
}
.mb05 {
margin-bottom: .5em;
}
.fnt20 {
    font-size: 20px !important;
}
.mt1em {
margin-top: 1em;
}
.mt3em {
margin-top: 3em;
}
.rank-table table {
    border-collapse: collapse !important;
padding: 0 !important;
}
@media screen and (max-width: 700px) {
#indexlist.idx_auto {
max-width: 100% !important;
}
.rank .rankbox {
    margin-bottom: 2em !important;
}
}
.comment .comment-inner .comment-body ul li {
color: #333 !important;
font-weight: normal !important;
padding: 0 !important;
}
.comment .comment-inner .comment-body ul li::before {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.rank .rank-container {
background-color: #fff !important;
}
.rank-table th {
width: auto !important;
}
.kaisetsu-box5 ul {
    background-color: #fff !important;
}
.kaisetsu-box5::before {
    position: absolute;
    content: "";
    display: block;
    background-color: #57b3ba !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.12;
    border-radius: 4px;
    box-sizing: border-box;
}

.kaisetsu-box5-title {
    position: absolute;
    line-height: 0;
    font-size: 18px;
    left: 20px;
    top: -18px;
    color: #fff;
    padding: 18px 15px;
    background-color: #57b3ba !important;
    border-radius: 2px;
    letter-spacing: 0px !important;
}
.kaisetsu-box5 {
padding: 20px 25px;
    position: relative;
    border-radius: 4px;
margin-top: 40px !important;
}
#main .kaisetsu-box5 h4 {
    font-size: 1.3rem !important;
}
#main .kaisetsu-box5 h4 {
    border-bottom: 1px dashed #ccc !important;
    padding-bottom: 0.1em !important;
    padding-left: 0.2em !important;
    margin-top: 0 !important;
    margin-bottom: 0.9em !important;
background-color: transparent !important;
border: none;
box-shadow: none !important;
color: #555 !important;
}
#main .kaisetsu-box5 h4::before {
border-top: none !important;
}
#main .kaisetsu-box5 h4::after {
border: none !important;
}

.kaisetsu-box6::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FF4E4E; !important;
    opacity: 0.08;
    border-radius: 4px;
    box-sizing: border-box;
}
.kaisetsu-box6-title {
    position: absolute;
    line-height: 0;
    font-size: 18px;
    left: 20px;
    top: -18px;
    color: #fff;
    padding: 18px 15px;
    background-color: #FF4E4E !important;
    border-radius: 2px;
    letter-spacing: 0px !important;
}
.kaisetsu-box6 {
padding: 20px 25px;
    position: relative;
    border-radius: 4px;
margin-top: 40px !important;
}
#main .kaisetsu-box6 h4 {
    font-size: 1.3rem !important;
}
#main .kaisetsu-box6 h4 {
    border-bottom: 1px dashed #ccc !important;
    padding-bottom: 0.1em !important;
    padding-left: 0.2em !important;
    margin-top: 0 !important;
    margin-bottom: 0.9em !important;
background-color: transparent !important;
border: none;
box-shadow: none !important;
color: #555 !important;
}
#main .kaisetsu-box6 h4::before {
border-top: none !important;
}
#main .kaisetsu-box6 h4::after {
border: none !important;
}
.rank .rankbox .rnkbody {
    font-size: 16px !important;
line-height: 1.8 !important;
}
@media screen and (min-width: 800px) {
.kaisetsu-box5 {
margin-bottom: 40px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 25px !important;
margin-top: 40px !important;
}
#column2 .ranking-co .btn08::before {
top: 10%  !important;
left: 5%  !important;
}
}
@media screen and (max-width: 768px) {
.rank {
background-color: transparent !important;
padding: 0 !important;
margin-top: 1.5em !important;
}
}
.blackboard-box{
border: 10px solid #E3B66A;
background: #369377;
  margin: 1em 0;
  padding: 1em 1em 0 1em;
  box-shadow: 2px 2px 4px #999, 2px 2px 2px #020 inset;
max-width: 100%;
margin: 1em auto;
}

.blackboard-box p{
  margin: 0;
  padding: 0;
  color: #fff;
}

.chalk1{
  display: block;
  margin-top: 10px;
  margin-left: 90%;
  border: solid 3px #fff;
  width: 15px;
  border-radius: 3px 2px 0 2px;
}

.chalk2{
  display: block;
  margin-top: -6px;
  margin-left: calc(90% - 30px);
  border: solid 3px #ffee58;
  width: 20px;
  border-radius: 3px 2px 0 2px;
}
.blackboard-box hr {
border: 1px solid rgba(255, 255, 255, 0.21);
margin: .3em 0 1.5em;
}
.blackboard-box-title {
text-align: center;
font-size: 1.7em;
color: #fff;
}
.blackboard-box div {
color: #fff !important;
}
.blackboard-box .ul-b li {
color: #fff !important;
}
.blackboard-box .ul-b li::before {
background-color: #fff !important;
}
.blackboard-heading {
font-weight: 600;
font-size: 20px !important;
margin: 1em 0 0;
}
.blackboard-heading span {
background: #5c9ee7;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight: bold;
font-size: 15px;
border-radius: 50%;
line-height: 25px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 5px;
margin-right: .5em;
vertical-align: .2em;
}
#main .kaisetsu-box7 h3 {
margin: 1em 0 0 !important;
background-color: #57b3ba !important
border: none;
box-shadow: none;
border-bottom: 1px dashed #57b3ba;
}
#main .kaisetsu-box7 h3 span {
background-image: none;
font-weight: normal;
}
.kaisetsu-box7::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #def1f9 !important;
    opacity: 0.3;
    border-radius: 4px;
    box-sizing: border-box;
border: 7px solid #57b3ba !important;
}
.kaisetsu-box7-title {
    position: absolute;
    line-height: 0;
    font-size: 18px;
    left: 20px;
    top: -18px;
    color: #fff;
    padding: 18px 15px;
    background-color: #57b3ba !important;
    border-radius: 2px;
    letter-spacing: 0px !important;
}
.kaisetsu-box7 {
padding: 20px 25px;
    position: relative;
    border-radius: 4px;
margin-top: 40px !important;
margin-bottom: 5em !important;
}
#main .kaisetsu-box7 h4 {
    font-size: 1.3rem !important;
}
#main .kaisetsu-box7 h4 {
    border-bottom: 1px dashed #ccc !important;
    padding-bottom: 0.1em !important;
    padding-left: 0.2em !important;
    margin-top: 0 !important;
    margin-bottom: 0.9em !important;
background-color: transparent !important;
border: none;
box-shadow: none !important;
color: #555 !important;
}
#main .kaisetsu-box7 h4::before {
border-top: none !important;
}
#main .kaisetsu-box7 h4::after {
border: none !important;
}
.profile-top {
    border: 2px solid #57b3ba !important;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 15px;
}
.profile-top img {
box-sizing: border-box;
border: 5px solid #f5f5f5;
border-radius: 5px;
box-shadow: 1px 1px 1px 1px #bbb9b9;
}
.profile-name {
color: #7c7c7c;
font-size: 17px;
font-weight: bold;
padding: 0 0 0px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #bbb;
}
.profile-name span {
color: #333 !important;
}
.profile-l {
width:15%;
}
.profile-r {
width:85%;
}
@media screen and (max-width: 700px) {
.profile-l {
width:25%;
}
.profile-r {
width:75%;
}
.profile-top {
padding: 15px 5px;
}
}
.rank .comment .comment-body {
background: #fff !important;
}

/*
==================================================
ここからリンクカード
==================================================
*/
.linkcard .thumb + .linktitle {
content: "";
position: relative;
}
.linkcard .thumb + .linktitle::after {
position: absolute;
font-family: 'Quicksand','Avenir','Arial',sans-serif,'Font Awesome 5 Free';
content: '続きはこちら \f101';
font-weight: bold;
right: -5px;
bottom: -15px;
padding: 1px 10px;
background: #333;
color: #fff;
font-size: .8em;
border-radius: 2px;
}
.linkcard {
border: rgb(255, 104, 104) 1px solid;
width: 100%;
max-width: 100%;
background: #fff !important;
margin: 1em 0;
}
.linkcard a {
display: table;
text-decoration: none;
}
.linkcard a:hover {
left: 0 !important;
top: 0 !important;
}
.linkcard .thumb {
position: relative;
overflow: hidden;
display: table-cell;
vertical-align: top;
text-align: center;
width: 180px;
}
.linkcard .thumb img {
position: relative;
max-height: none;
width: auto;
max-width: 99%;
border: 1px solid #ccc;
}
.linkcard .thumb + span {
display: table-cell;
font-size: 1.2em;
font-weight: normal;
padding-left: 15px;
vertical-align: top;
color: #524e4d !important;
}
/* 共通 */
.linkcard a, .linktext a {
line-height: 1.5;
margin: 0;
padding: 20px 15px 25px;
color: #333;
background-color: #fff;
}
.linksite {
display: block;
font-size: .7em;
margin-top: 10px;
color: #524e4d !important;
}
@media screen and (min-width: 800px) {
.linksite {
padding-bottom: 20px;
}
.linkcard {
width: 99%;
max-width: 99%;
}
}
@media screen and (max-width: 480px) {
.linkcard a, .linktext a {
padding: 10px;
padding-bottom: 45px;
}
.linkcard .thumb + .linktitle::after {
bottom: -35px !important;
}
.linkcard {
width: 99.5%;
}
.linksite {
    display: none !important;
}
.linkcard .thumb {
width: 80px;
}
.linkcard .thumb img {
max-width: none;
max-height: 80px;
width: auto;
}
.linkcard .thumb + span, .linktext a {
font-size: .9em;
}
}
#main .top-link .kaisetsu-box7 h4 {
    font-size: 1.1em !important;
}
.top-link .kaisetsu-box7 {
    padding: 20px 15px !important;
margin-bottom: 0em !important;
}
.top-link .kaisetsu-box7::before {
background-color: transparent !important;
}
.top-link .responsive_h.btn-exlg a {
padding: 10px 0 !important;
line-height: 1.5em;
color: #fff;
}

.top-link .btn-exlg {
width: 80% !important;
}

/* 画像 枠*/
.gazou-waku {
 margin: 0 auto;
 padding: 0.5em !important;
 width: max-content;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
 display: table-cell;
}
.img-b {
border: 1px solid #ccc;
max-width: 95%;
border-radius: 5px;
}
#detailsearch.ds_blue.ds_design0 dl {
    border-left-color: 
rgb(5, 0, 78) !important;
border-right-color:
    rgb(5, 0, 78) !important;
}
#detailsearch.ds_blue.ds_design0 dl {
border: 1px solid rgb(5, 0, 78) !important;
}
#detailsearch.ds_blue #ds_close_label,#detailsearch.ds_blue #ds_open_label {
color: #fff !important;
background-color: #333 !important;
font-weight: bold !important;
border-radius: 5px !important;
padding-right: 10px !important;
padding-left: 20px !important;
text-decoration: none !important;
}
#detailsearch.ds_blue #ds_close_label::before,#detailsearch.ds_blue #ds_open_label::before,#detailsearch.ds_blue #ds_open_label::after {
background-color: #fff !important;
font-weight: bold !important;
left: 6px !important;
}
.title_none {
display: none;
}
.ds_t4 label {
width: 100% !important;
}
#ds_result .ds_thumb img {
max-width: 450px !important;
}
#detailsearch dt {
width: 30% !important;
}
.ds_text {
    border: 2px solid rgba(246,179,82,.5);
}
#ds_result.ds_type_rank.ds_blue .ds_text dt {
    border-right: 2px solid rgba(246,179,82,.5);
    background-color: rgba(246,179,82,.2);
    font-size: 1.2em;
    padding: .7em;
    width: 25%;
}
#ds_result.ds_type_rank dd {
font-size: 1.2em !important;
padding: .7em !important;
}
#ds_result.ds_type_rank dl > div {
    margin-bottom: -1px !important;
}
.ds_resultbody .ds_item {
    border: 1px solid #bbb;
    padding: 25px 15px 25px 15px;
border-radius: 5px;
}
.ds_desc .arrow_orange {
font-size: 1.4em;
margin-bottom: .5em;
}
#ds_result .ds_desc p {
    margin: 1em .5em !important;
    font-size: 1.1em !important;
}
.simple-box1 {
margin-bottom: 1em;
width: 90%;
margin-left: auto;
margin-right: auto;
border: 2px solid #51a5d6 !important;
padding: 20px;
}
@media screen and (max-width: 767px) {
.ul-b li::before {
left: 5px !important;
}
#main ul > li {
padding: 0 0 0 15px !important;
}
.simple-box1 {
padding: 20px 5px !important;
}
}
.t-center td,.t-center th {
text-align: center;
border: #61C4EB 1px solid;
font-size: 1.3em;
}
.t-center img {
max-width: 200px;
width: 100%;
}
.t-center th {
background-color: #EFFDFE !important;
color: #333 !important;
}
@media screen and (max-width: 413px) {
.t-center td,.t-center th {
font-size: 1em !important;
}
}

/* 破線 枠 */
.kakomi-box8 {
 margin: 2em auto;
 padding: 1em;
 border: 3px dashed #c0c0c0; /*太さ・線種・色*/
 color: #a0a0a0; /* 文字色 */
 background-color: #FFF; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}

/* シンプル囲み枠 2*/
.kakomi-box2 {
 margin: 2em auto;
 padding: 18px 16px;
 color: #666; /* 文字色 */
 background-color: #ffe6eb; /* 背景色 */
 border: 2px solid #cb324e; /* 枠線 */
}

/* 二重線　囲み枠 */
.kakomi-box10 {
    margin-top: 1.5em;
    padding: 15px;
    margin-bottom: 1.5em;
 border: 5px double #8491c3; /*太さ・線種・色*/
 color: #333; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}

/* トリプル　囲み枠 */
.kakomi-triple1 {
 position: relative;
 border: 1px solid #007b43; /*左枠線*/
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 z-index: 0;
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #3eb370; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: 1;
}
.kakomi-triple1::after {
 border: 1px solid #7ebea5; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: 2;
}
.t-center td,.t-center th {
text-align: center;
border: #61C4EB 1px solid;
font-size: 1.3em;
}
.t-center img {
max-width: 200px;
width: 100%;
}
.t-center th {
background-color: #EFFDFE !important;
color: #333 !important;
}
@media screen and (max-width: 600px) {
.t-center td,.t-center th {
font-size: 1em !important;
}
.scroll table img {
width: 120px;
}
}
.scroll.table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
}

@media screen and (max-width: 600px) {
.scroll t-center img {
width: 100px !important;
}
}
#main ol > li {
color: #444 !important;
}
.shadow1, .shadow2, .shadow3 {
max-width: 650px !important;
}
.main-review-card {
    border: 2px solid #51a5d6 !important;
    display: flex;
    padding: 10px;
    margin-bottom: 1.5em !important;
    margin-right: auto;
    margin-left: auto;
}
.main-review-card .icon-row {
    flex: .35;
}
.main-review-card .review-icon {
    width: 80%;
    margin: 10% 5% 0 !important;
}
.main-review-card .review-content {
    flex: 3;
  margin-top: 1em !important;
}
p.text-warning {
    color: #8a6d3b !important;
}
.main-review-card .review-comment {
margin-top: 5px;
color: #434343 !important;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 1em;
letter-spacing: .1em;
}
.topic-body p {
    margin-bottom: 20px;
}
.content .main-review-card .m0 {
margin: 0 !important;
}
@media screen and (max-width: 1200px) {
body #detailsearch dt {
width: 100% !important;
max-width: 100%;
}
#ds_basic dl > div, #ds_detail dl > div {
    display: block !important;
}
}
  .main-review-card {
    flex-direction: column !important;

}
  .main-review-card .review-icon {
    width: 20% !important;
    margin: 0 !important;
    max-width: 80px !important;
} 

.mail-on {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 5px;
    border-radius: 5px;
    background-color: #da727e;
    background-image: -webkit-linear-gradient(0deg , #da727e 20%,#f998a2 20%, #f998a2 40%, #f4cda5 40%,#f4cda5 60%, #2dc9c5 60%,#2dc9c5 80%, #4bb0b2 80%);
    background-image: linear-gradient(90deg , #da727e 20%,#f998a2 20%, #f998a2 40%, #f4cda5 40%,#f4cda5 60%, #2dc9c5 60%,#2dc9c5 80%, #4bb0b2 80%);
max-width: 650px;
}
.t-list {
font-size: .92em;
}
.t-list th {
padding: .8em;
background-color: rgb(241, 253, 255) !important;
text-align: center;
}
.t-list td {
padding: .8em;
}
.site-c-box {
border: #283E88 2px solid;
margin-top: 15px;
}
.site-c-box img {
margin: 0 !important;
}
@media screen and (min-width: 700px) {
#column1 .title_none {
display: none !important;
}
#column1 .site-c-box {
display: none !important;
}
#column1 .hoge {
display: none !important;
}
#contents {
padding-bottom: 300px;
padding-top: 24px;
}
}
.houjin_side {
margin: 2.5em auto;
}

@media screen and (min-width: 1500px) {
#pagetop {
    width: 1300px !important;
    max-width: 1300px !important;
}
}
.hitokoto{
  background: rgba(215, 253, 205, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}
.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}
.hitokoto-circle1:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}
.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}
.hitokoto-circle2:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}
.hitokoto p{
  margin: 0;
  padding: 0;
}
.box_8 {
    margin: 5px auto 15px;
    padding: 15px 20px;
    background: #E6E6EA;
}
.box_8 .box-title_3 {
    font-size: 1.2em;
    padding: 4px;
    text-align: center;
    color: #0094D6;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_8:first-letter {
  font-size: 1.4em;
}
.box_8 p {
    margin: 0.5em
}


@media screen and (max-width: 500px) {
body .top-box-a {
flex-wrap: wrap;
margin-right: 6px;
margin-left: 6px;
}
body .top-box-b {
max-width: calc(49.9% - 3px) !important;
margin-top: 6px;
}
.kaisetsu-box5 {
padding-top: 35px !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
}

#detailsearch.ds_blue.ds_design0 #ds_basic dl > div, #detailsearch.ds_blue.ds_design0 #ds_detail dl > div, #detailsearch.ds_blue.ds_design1 #ds_basic dl > div, #detailsearch.ds_blue.ds_design1 #ds_detail dl > div {
    border-bottom-color: rgba(19,0,122,.9) !important;
}

@media only screen and (min-width:1000px){
#top .inner {
    left: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
#top h1 {
text-align: center;
}
}

@media screen and (max-width: 600px) {
#header img {
border-top: 2px solid #0047ad;
border-bottom: 2px solid #0047ad;
border-right: none;
border-left: none;
}
}

.info_box tr {
font-size: 1.2em;
}
.info_box th,.info_box td {
padding: 10px;
}



/*----------------------------------------------------
サイドメニュー
----------------------------------------------------*/

#menu h4, #rmenu h4 {
    padding: 0 
}
#menu .menulist, #rmenu .menulist {
background-color: #fff;
padding: 3px;
}

#menu .menulist li, #rmenu .menulist li {
margin-bottom: 5px;
}
#menu .menulist li a, #rmenu .menulist li a {
padding: 7px 10px !important;
font-weight: bold !important;
font-size: 12px !important;
font-family: "Lucida Grande","segoe UI","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,Verdana,Arial,sans-serif;
}
.menuitem h4 {
border-top: 0 !important;
}
#column2 #menu .menulist li a::before, #column2 #rmenu .menulist li a::before {
    display: none;
}
.menubox ul li a i {
margin-right: 3px;
}


@media only screen and (min-width:1000px){
#column2 #menu .menulist li a::before, #column2 #rmenu .menulist li a::before {
top: 14px;
}
}
#menu .menubox, #rmenu .menubox {
margin-bottom: 0 !important;
padding: 0 !important;
}
#menu .menulist li a:hover {
transition: .5s;
background-color: #fff;
text-decoration: none;
top: 0;
left: 0;
}




/*----------------------------------------------------
サイドメニューベース
----------------------------------------------------*/
.menuitem {
border: 2px solid rgba(19,0,122,.9) !important;
}
.menuitem li {
border-bottom: 2px solid rgba(19,0,122,.9) !important;
background-color: rgba(19,0,122,.1) !important;
border: 1px solid rgba(19,0,122,.9);
}
.menuitem li a {
color: rgba(19,0,122,.9) !important;
}

nav .menuitem i.fa-credit-card::before {
color: rgba(19,0,122,.9) !important;
margin-right: 0 !important;
margin-left: 0 !important;
}

.menuitem h4 {
padding: 10px 0 5px !important;
background: rgba(19,0,122,.1) !important;
color: rgba(19,0,122,.9) !important;
font-weight: normal !important;
text-align: center;
}

nav .menuitem i {
margin-right: 3px;
}

/*----------------------------------------------------
サイドメニュー1
----------------------------------------------------*/
nav .menuitem:first-child {
border: 2px solid #008105 !important;
}
nav .menuitem:first-child li {
border-bottom: 2px solid #008105 !important;
background-color: rgba(0, 129, 5,.1) !important;
border: 1px solid #008105;
}
nav .menuitem:first-child li a {
color: #008105 !important;
}
nav .menuitem:first-child i {
    color: #008105;
}
nav .menuitem:first-child h4 {
background: rgba(0, 129, 5,.1) !important;
color: #008105 !important;
}

/*----------------------------------------------------
サイドメニュー2
----------------------------------------------------*/
nav .menuitem:nth-child(2) {
border: 2px solid #FF4E4E !important;
}
nav .menuitem:nth-child(2) li {
border-bottom: 2px solid #FF4E4E !important;
background-color: rgba(255, 78, 78,.1) !important;
border: 1px solid #FF4E4E;
}
nav .menuitem:nth-child(2) li a {
color: #FF4E4E !important;
}
nav .menuitem:nth-child(2) i {
    color: #FF4E4E;
}
nav .menuitem:nth-child(2) h4 {
background: rgba(255, 78, 78,.1) !important;
color: #FF4E4E !important;
}

/*----------------------------------------------------
サイドメニュー7
----------------------------------------------------*/
nav .menuitem:nth-child(7) {
border: 2px solid #e52680 !important;
}
nav .menuitem:nth-child(7) li {
border-bottom: 2px solid #e52680 !important;
background-color: rgba(229, 38, 128,.1) !important;
border: 1px solid #e52680;
}
nav .menuitem:nth-child(7) li a {
color: #e52680 !important;
}
nav .menuitem:nth-child(7) i {
    color: #e52680;
}
nav .menuitem:nth-child(7) h4 {
background: rgba(229, 38, 128,.1) !important;
color: #e52680 !important;
}


nav .menuitem:last-child {
margin-bottom: 2em !important;
}




/*----------------------------------------------------
ランキング
----------------------------------------------------*/
.rankingRating {
    border: 1px solid #d8d8d8;
    padding: 17px;
}
.rankingTotal {
    font-weight: bold;
color: #3c494a !important;
}
.rankingTotal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rankingTotal {
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin: 0 auto 15px auto;
}
.rankingTotal {
    float: none;
    width: 100%;
    padding: 0;
        padding-bottom: 5px;
}
.rankingTotal .rating, .rankingTotal2 .rating, .rankingTotal-sm .rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rankingTotal .ratingStar {
    margin-right: 20px;
}
.ratingStar i {
    color: #ffcc00;
font-size: 1.1em;
display: inline-block;
}
.txt_bold {
    font-weight: bold;
color: #3c494a;
}
.top-rank .rank .red {
    color: #f82256 !important;
    font-size: 1.5em;
    margin-right: 2px;
}
.rankingRating .rankingRatingItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.rankingRating .rankingRatingItem div {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}
.rankingRating .rankingRatingItem div {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}
.rankingRating .rankingRatingItem::after {
    content: "";
    border-top: 1px solid #d8d8d8;
    width: 100%;
    position: absolute;
}
.ratingStar i.fa-empty {
    color: #ccc;
}
.ratingPoint {
font-size: 1.1em;
}

@media only screen and (min-width:800px){
.rankingRating {
margin-top: 0 !important;
width: 100%;
box-sizing: border-box;
}
}
@media only screen and (max-width:700px){
.rankingRating {
margin-top: 1em;
}
.top-rank .rank {
border: none !important;
box-shadow: none !important;
border-bottom: 1px solid #ccc !important;
padding-bottom: 15px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}
.top-rank {
margin-right: -10px;
margin-left: -10px;
}

}

/*----------------------------------------------------
ランキング
----------------------------------------------------*/

.rank .rank1::before , .rank .rank2::before , .rank .rank3::before , .rank .rank4::before , .rank .rank5::before , .rank .rank6::before , .rank .rank7::before , .rank .rank8::before , .rank .rank9::before , .rank .rank10::before {
    background-color: transparent !important;
    border: none;
}
 .rank .rank1::after , .rank .rank2::after , .rank .rank3::after , .rank .rank4::after , .rank .rank5::after , .rank .rank6::after , .rank .rank7::after , .rank .rank8::after , .rank .rank9::after , .rank .rank10::after {
    background-image: url(https://gk-shinseido.com/genkinka/wp-content/uploads/img/card_backranking.png);
    background-size: 90% !important;
    background-position: center !important;
}

.twitter-tweet {
margin-left: auto;
    margin-right: auto;
}

.youtube {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtubebox .youtube iframe {
height: auto;
}
.youtubebox {
padding: 10px;
}

.player {
position: relative;
height: 0;
padding-bottom: 56.25%;
margin-bottom:40px;
}

.player iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.us_ok {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}

.kaisetsu-box5 a {
z-index: 999 !important;
position: relative !important;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn-wrap {
text-align: center;
  margin: 30px 0;
}
a.btn-c {
  font-size: 100%;
  width: 100%;
  box-sizing: border-box;
  max-width: 650px;
  position: relative;
  padding: 0.25rem 2rem 1.2rem 3.5rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}
a.btn-c span {
  font-size: 1rem;
  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);
  display: block;
  width: 300px;
  padding: 0.2rem 0;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.btn-c span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}
a.btn-c span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
a.btn-c i {
  margin-right: 1rem;
}
a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}
@media (min-width: 800px) {
.top-rank .rank img {
margin-left: .2em !important;
}
}
.rank .ranking-co .btn08.green a {
font-size: 1.3em;
}

body #nav-container {
    background-color: #2b3664;
}
body #drawernav ul.menu-box > li > a {
color: #fff !important;
}

.bl {
    display: block;
}

iframe {
    max-width: 100%;
}