img, object, embed, video {
max-width: 100%;
height: auto!important;
} .ie6 img {
width: 100%;
}
.fluid {
clear: both;
margin-left: 0;
max-width: 100%; display: block;
}
.fluidList {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
body, td, th {
font-family: "メイリオ","Noto Sans JP", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif!important;
color: #585858;
line-height: 1.8;
}
td, tr, th {
border: 1px #a0a0a0 solid;
padding: 1%;
}
textarea {
font-family: "Noto Sans JP", "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
input {
font-family: "Noto Sans JP", "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
background-color: #ffffff!important;
}
#wpadminbar * {
border-bottom: none !important;
}
#table {
word-break: break-all;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
p {
color: #585858;
line-height: 1.8;
font-size: 14px;
}
img {
border-style: none;
}
a {
color: #585858;
text-decoration: none;
}
a:link {
color: #585858;
text-decoration: none;
}
a:visited {
color: #585858;
text-decoration: none;
}
a:hover {
color: #585858;
text-decoration: none;
}
a:active {
color: #585858;
text-decoration: none;
}
h3.related_post_title::before {
display: none;
}
h1 {
margin: 0;
}
#top_area h1 {
margin: 0;
}
h2, h3, h4, h5 {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
clear: both;
color: #585858;
margin: 2rem 0;
}
h3 {
font-size: 20px;
padding: 8px 48px!important;
text-align: center;
}
h3:before {
position: absolute;
bottom: -5px;
left: calc(50% - 30px);
width: 60px;
height: 3px;
content: '';
border-radius: 1px;
background: #585858;
}
h4 {
font-size: 18px;
padding: 12px;
border-bottom: 1px dashed #585858;
}
h5 {
font-size: 16px;
position: relative;
display: inline-block;
padding-left: 1.5em;
text-align: center;
}
h5:before {
line-height: 1;
position: absolute;
top: calc(50% - .5em);
color: #585858;
left: 0;
content: '▶';
}
.fluid h2 {
text-align: center;
font-size: 24px;
font-family: 游明朝;
} .gridContainer {
margin-left: auto;
margin-right: auto;
clear: none;
float: none;
}
ul {
padding-left: 0;
list-style: none;
font-size: 110%;
}
li {
margin: 2.5%;
padding-bottom: 1.5%;
border-bottom: solid 1px #B4B4B4;
}  .top_area {
background-color: #FFFFFF;
padding-bottom: 1%;
border-bottom: solid 1px #EAEAEA;
}
.top_area_left {
text-align: left;
width: 100%;
margin-top: 1%;
}
.top_area_right {
width: 100%;
clear: both;
}
.head_one_TXT {
font-size: 90%;
font-weight: normal;
line-height: 130%;
margin-top: 1%;
margin-bottom: 2%;
padding: 0;
border: none;
}
.logo {
padding-bottom: 2%;
}
.logo img {
max-width: 95%;
}
.site_name {
font-weight: bold;
font-size: 130%;
line-height: 130%;
margin-top: 1rem;
font-family: 游明朝;
}
.top_button_bg {
display: none;
}
.top_area_under {
background-color: #FFFFFF;
line-height: 0;
border-top: solid 1px #e3e3e3;
;
height: 3px;
margin-top: -1%;
}
#navi { }
.n_button_1 {}
.n_button_2 {}
#navi_m {
display: none;
}
.navi_bar {
padding: 2% 0;
margin-bottom: 1.5%;
}
#navi_wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.fluid.navi_button {
width: 50%;
text-align: center;
box-sizing: border-box;
}
.fluid.navi_button a {
display: block;
font-size: 10px;
padding: 1rem 0.5rem;
box-sizing: border-box;
}
.Social_button {
display: none;
}
.close_menu {
width: 97%;
text-align: right;
padding: 3% 3% 4% 0;
}
#header {
padding-bottom: 2%;
}
.fluid.top_area .breadcrumb_list_TXT {
display: none;
}
.fluid.top_area.fluid.breadcrumb_list_TXT {
margin: 0;
padding: .5rem 0;
background-color: #F4F4F4;
font-size: 12px;
} hr {
border-top: solid 1px #EAEAEA;
}
#main {
word-break: break-all;
margin-top: 2%;
padding: 3% 3% 7% 3%;
overflow: hidden;
}
#main_section {}
#main_section ul {
margin-left: 15px;
font-size: 100%;
}
#main_section ol {
list-style-type: decimal;
margin-left: -20px;
font-size: 100%;
}
#main_section li {
border-bottom: none;
line-height: 90%;
}
.rank_box {
padding: 3rem 1% 0;
width: auto!important;
}
.n_link {
text-align: right;
margin: 8px 8px 0;
}
.n_link a {
color: #0043ff !important;
text-decoration: underline !important;
} .rank_slideshow {
width: 100%; margin: 10px auto; position: relative;
}
.rank_slideshow img {
animation: show 12s infinite; max-width: 100%;
height: auto;
opacity: 0;
position: absolute; left: 0;
top: 0;
}
@keyframes show {
0% {opacity: 0}
17% {opacity: 1}
33% {opacity: 1}
50% {opacity: 0}
}
.rank_slideshow img:nth-of-type(1) {
position: relative;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.rank_slideshow img:nth-of-type(2) {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.rank_slideshow img:nth-of-type(3) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.rank_slideshow img:nth-of-type(4) {
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
.fluid.rank_img img {
width: 880px;
max-width: 100%;
height: auto;
} #main_section.subpage>.read_l:first-child {
display: block;
}
#main_section img {
max-width: 100%;
height: auto;
}
#page {
width: 100%;
margin-top: 0;
font-size: 120%;
line-height: 160%;
padding: 0 0 2% 0;
} #sideber_menu {
margin-top: 2rem;
}
.side_list {
width: auto;
padding: 8px;
}
.c_list {}
.ad_area {}
.ad_area img {
max-width: 100%;
height: auto;
}
.searchform_layout {
margin: 3.5% 0 2% 3%;
}
.s_form {
width: 70%;
border: 1px solid #999999;
} .read_TXT {
width: 100%;
margin: 0;
line-height: 1.3;
padding: 0 7px;
min-height: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sideber_menu .read_TXT {
font-size: 18px;
line-height: bold;
color: #585858 !important;
}
.read_s {}
.read_l {}
.read_s:before {
left: 3.5%;
clear: both;
}
.read_l:before {
left: 3%;
}
.read_s, .read_l {
font-weight: normal;
background-color: transparent!important;
}
.read_s:before, .read_l:before {
left: 12px;
bottom: -15px;
border-width: 8px;
display: none;
}
.read_s, .read_l h1 {
font-family: '游明朝';
border-bottom: none;
font-weight: bold;
border-left: 0;
padding-left: 0;
position: relative;
padding: 0.5em 0;
margin-bottom: 3%;
} .read_s:before, .read_l:before {
content: ' ';
position: absolute;
z-index: 2;
width: 0;
height: 0;
bottom: -15px;
border-style: solid;
border-width: 8px;
} .pager {
text-align: center;
padding-bottom: 6%;
clear: both;
}
a.page-numbers, .pager .current {
background: rgba(0, 0, 0, 0.02);
border: solid 1px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 5px 8px;
margin: 0 2px;
}
.pager .current {
border: solid 1px rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 1);
} .message_box {
width: 94%;
padding: 2.5% 3%;
margin-bottom: 3%;
}
.image-inner {
overflow: hidden;
position: relative;
}
.message_box, .image-inner {
width: 92%;
}
.message_box_img {
text-align: center;
}
.message_TXT_area {
margin-top: 2%;
}
.me_title {
font-size: 110%;
color: #1d93c7;
font-weight: bold;
border-bottom: dotted 2px #7F7F7F;
padding-bottom: 0.5%;
}
.me_TXT {
font-size: 110%;
margin-top: 1.5%;
}
.triangle {
color: #FFF;
position: absolute;
right: 80%;
top: 0;
text-align: center;
width: 200px;
height: 65px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
} .pickup_box {
width: 100%;
margin-top: 2%;
}
.pickup_sum {
width: 46.7%;
margin: 0 0 2% 2.2%;
float: left;
clear: none;
}
.pickup_img {
width: 96.1%;
text-align: center;
border: solid 3px #b9b9b9;
}
.pickup_title {
margin-top: 2%;
font-size: 100%;
line-height: 130%;
} #blog_list {
border-bottom: solid 1px #EAEAEA;
padding: 3% 0;
}
.Thumbnail_box {
width: 30%;
float: left;
margin-right:16px;
}
.list_data_0 {
width: 67%;
clear: none;
margin-left: 0;
float: left;
}
.list_data_1 {
width: 100%;
padding-bottom: 2%;
clear: none;
margin-left: 0;
float: left;
}
.Date_TXT {
color: #585858;
margin-bottom: 1%;
font-size: 10px;
}
.cat_li {
width: 100%;
clear: both;
margin-left: 0;
margin-top: 1%;
}
.blog_title_TXT {
font-weight: bold;
color: #585858;
margin-top: 5%;
}
.blog_coments {
display: none;
}
.blog_read {
text-align: center;
border: solid 1px #CCC;
padding: 6px 0;
font-size: 12px;
}
.blog_read:hover {
border: solid 1px #585858;
background: #585858;
color: #FFF;
}
.list_data_bottom_H {
height: 0px;
} #sideber_menu .bloglist {
padding: 8px;
}
#sideber_menu h2.fluid.read_TXT {
text-align: left;
}
#sideber_menu .fluid.Thumbnail_box {
width: 100%;
height: auto;
float: none;
text-align: center;
margin: 0;
}
#sideber_menu .fluid.Thumbnail_box img {
width: 100%;
}
#sideber_menu .list_data_0 {
width: 100%;
padding: 8px 0;
}
#sideber_menu .blog_title_TXT,.blog_coments {
padding-top: 8px;
margin-top: 0!important;
} #rank_area {
padding-bottom: 5%;
}
#ranking_box {
width: 100%;
border: solid 2px #eeeeee;
padding: 3%;
margin-top: 2%;
clear: none;
overflow: hidden;
background: #FFF;
}
#ranking_box a {
text-decoration: none;
color: #333333;
}
.rank_title_0 {
width: 100%;
padding: 3% 0 1.5% 0;
font-size: 110%;
}
.rank_title_1 {
width: 100%;
padding: 2% 0 1.5% 0;
font-size: 110%;
}
.rank_img, .image-wrap {
margin-bottom: 1rem;
text-align: center;
line-height: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
}
#main_section .fluid rank_img img {
width: 45%;
margin: 5px;
}
.image-wrap img {
width: auto;
margin: 5px;
}
.rank_img img {
max-width: 96%;
height: auto;
}
.rank_text_area {
margin-top: 2%;
}
.rank_catch {
font-weight: bold;
box-sizing: border-box;
padding: 16px 0;
font-family: 游明朝;
}
.rank_txt {
padding: 2% 0 0 0;
line-height: 180%;
}
div#res_table {
overflow: hidden;
height: auto;
width: 100%;
height: auto;
font-size: 12px;
}
div#res_table div {
display: flex;
}
div#res_table div#one {
width: 20%;
padding: 14px;
text-align: center;
margin-bottom: 2px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
div#res_table div#two {
width: 70%;
padding: 14px;
margin-bottom: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
#one {
width: 35%;
float: left;
clear: both;
background-color: #EAEAEA;
}
#two {
width: 59.4%;
float: left;
border-left: none;
}
#three {
width: 59.4%;
float: left;
border: solid 1px #B8B8B8;
border-left: none;
}
#one, #two, #three {
padding: 1%;
font-size: 110%
}
.ran_ico {
width: 25%;
margin: -4.5% -5% -2% 1.5%;
float: left;
}
.fluid.ran_ico img {
width: 56px;
height: 56px;
}
.ran_ico_non {
width: 2%;
margin: -0.2% 0 0 2%;
float: left;
}
.rank_title_TXT_0 {
width: 70%;
font-size: 24px;
font-weight: bold;
margin-left: 2%;
margin-top: 0.7%;
line-height: 120%;
display: flex;
clear: none;
}
.rank_title_TXT_1 {
width: 95%;
font-weight: bold;
font-size: 20px;
margin-left: 2.5%;
display: flex;
clear: none;
}
.rank_TXT_color_1 {
margin-right: 1%;
}
.ran_button_1 {
text-align: center;
}
.ran_button_2 {
overflow: hidden;
}
.ran_button_1, .ran_button_2 {
padding-top: 3%;
}
.Button_01 {
background: #f44336;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 25px;
border: 2px solid #f44336;
display: inline-block;
cursor: pointer;
transition: 0.2s;
}
.Button_01:hover {
color: #f44336;
background: #fff;
}
.Button_01:active {
position: relative;
}
.Button_02 {
background: #FF9800;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 40px;
border: 2px solid #FF9800;
display: inline-block;
cursor: pointer;
transition: 0.2s;
}
.Button_02:hover {
color: #FF9800;
background: #fff;
}
.Button_02:active {
position: relative;
}
.Button_01, .Button_02 {
font-size: 140%;
color: #ffffff;
padding: 2% 3%;
}
.Button_big {
width: 88%;
}
.Button_middle_orenge {
text-align: center;
width: 43%;
float: left;
}
.Button_middle_red {
text-align: center;
width: 43%;
float: right;
clear: none;
}
.rank_point_left {
width: 20%;
text-align: center;
display: inline-block;
}
.rank_point_rigth {
display: inline-block !important;
} .sideber_rank {
width: auto;
margin: 2.5%;
padding-bottom: 1.3%;
border-bottom: #EAEAEA solid 1px;
font-size: 100%;
}
.sideber_rank_title {
font-size: 110%;
font-weight: bold;
}
.sideber_rank_ico {
width: 13%;
float: left;
margin-top: -3%;
margin-right: 1.5%;
}
.sideRank_title_0 {
width: 84%;
}
.sideRank_title_1 {
width: 86%;
}
.sideRank_title_0, .sideRank_title_0 {
float: left;
font-size: 105%;
}
.sideber_rank_img {
margin-top: 2%;
text-align: center;
}
.sideber_rank_img img {
max-width: 80%;
height: auto;
}
.sideber_rank_TXT {
margin-top: 3%;
font-size: 110%;
} .itemList_section {
margin-top: 0.5%;
}
.itemBox_list_sum {
height: auto;
background: #f1f1f1;
float: left;
clear: none;
width: 32.9%;
margin: .5px;
}
.itemBox_bar {}
.itemBox_bar_in {}
.itemBox_list_img {
width: 100%;
max-height: 125px;
margin-top: 3px;
text-align: center;
overflow: hidden;
line-height: 0;
}
.itemBox_img_frame {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemBox_img_frame img {
width: 100%;
height: auto;
}
.itemBox_list_title {
font-size: 95%;
height: 30px;
line-height: 120%;
padding: 0 2px;
margin-top: 5px;
color: #7e6b5a;
font-weight: bold;
}
.itemBox_list_button {
-moz-box-shadow: inset 0px 1px 0px 0px #f5c387;
-webkit-box-shadow: inset 0px 1px 0px 0px #f5c387;
box-shadow: inset 0px 1px 0px 0px #f5c387;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb82b), color-stop(1, #f07000));
background: -moz-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background: -webkit-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background: -o-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background: -ms-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background: linear-gradient(to bottom, #ffb82b 5%, #f07000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb82b', endColorstr='#f07000', GradientType=0);
background-color: #ffb82b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e07400;
display: inline-block;
cursor: pointer;
text-align: center;
padding: 1px 3px;
margin: 2% 0;
font-size: 100%;
width: 85%;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
}
.itemBox_list_button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f07000), color-stop(1, #ffb82b));
background: -moz-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background: -webkit-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background: -o-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background: -ms-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background: linear-gradient(to bottom, #f07000 5%, #ffb82b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07000', endColorstr='#ffb82b', GradientType=0);
background-color: #f07000;
} .Panel_read {
padding: 1% 3%;
display: block;
margin: 0;
clear: both;
margin-bottom: 7px;
line-height: 140%;
}
.Panel_read_txt {
padding-left: 2%;
padding-top: 1%;
font-size: 105%;
}
input[type="checkbox"].on-off {
display: none;
}
.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.menu div {}
.accor_txt {
padding: 2% 0 3% 0;
font-size: 110%;
}
input[type="checkbox"].on-off+ul {
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked+ul {
height: auto;
min-height: 20px;
padding-bottom: 10px
} .cat_list_section {
margin-top: 10px;
padding-bottom: 10px;
}
.list_link_set_0 {
padding: 3% 0;
border-bottom: solid 1px #CCC;
}
.list_link_set_0 img{
}
.list_link_set_0 .category_list_coments{
font-size: 12px;
margin-bottom: 1rem;
}
list_data_0 .category_list_coments{
font-size: 12px;
margin-bottom: 1rem;
}
.list_link_set_1 {
width: 59%;
float: left;
clear: none;
}
.list_month {
font-size: 120%;
font-weight: bold;
clear: both;
}
.category_list_name {
font-weight: bold;
font-size: 100%;
line-height: 140%;
}
.category_list_coments {
font-size: 90%;
line-height: 140%;
margin-top: 3%;
}
.Thumbnail_box_2 {
width: 30%;
float: left;
margin: 0 20px;
clear: none;
border: solid 1px #D8D8D8;
}
.Date_TXT_2 {
font-size: 10px;
color: #585858;
margin-bottom: 1%;
} #Not_container {
margin: 2% 0;
}
.Not_TXT {
font-size: 180%;
line-height: 120%;
font-weight: bold;
border-left: solid 5px #b9d7e6;
padding-left: 2%;
color: #a0a0a0;
}
.Not_h2 {
color: #313131;
background: none;
border: none;
padding: 0;
margin-top: 5%;
font-size: 100%;
}
.cont_images {
clear: both;
width: 100%;
text-align: center;
}
.cont_images img {
max-width: 100%;
height: suto;
}
.cont_TXT {
margin-top: 2%;
}
.post_eyecatch img {
width: 95%!important;
text-align: center!important;
margin: 8px;
}
h3.related_post_title {
text-align: center;
border-top: none;
border-bottom: solid 1px #CCC;
} #footer {
margin-top: 5%;
background-color: #EAEAEA;
}
#footer a {
font-size: 12px;
}
#footer_widget {
max-width: 1010px;
padding: 0 3%;
clear: none;
float: none;
margin-left: auto;
margin-right: auto;
}
#footer_widget .n_button_1 {
border-right: none!important;
}
#footer_widget .n_button_3 {
border-right: none!important;
}
#footer_widget .n_button_5 {
border-right: none!important;
}
.footer_widget_left {
padding: 5% 3%;
}
.footer_widget_center {
padding: 5% 3%;
}
.footer_widget_right {
padding: 5% 3%;
}
@media only screen and (min-width: 769px) {
.footer_widget_left {
width: 33%;
float: left;
}
.footer_widget_center {
width: 33%;
float: left;
}
.footer_widget_right {
width: 33%;
float: right;
}
}
.fluid.footer_rank_title {
border-bottom: solid 1px #CCCCCC;
}
.footerRank_title_0 {
padding: 10px 0;
}
.under_area_topline {
background-color: #0A0A0A;
line-height: 0;
border-bottom: solid 1px #e3e3e3;
height: 3px;
}
.under_area {
text-align: center;
background-color: #0A0A0A;
color: #BFBFBF;
padding: 8px 0;
font-size: 10px;
}
.under_color_line {
height: 6px;
}
.under_area a {
color: #BFBFBF;
}
.under_area a:link {
color: #BFBFBF;
} .tagcloud {
padding: 0 2% 2% 2%;
}
.alignleft {
margin: 1% 2% 4% 0 !important;
}
.alignright {
margin: 1% 0 4% 2% !important;
}
.textwidget {
font-size: 100%;
line-height: 180%;
} #comments {}
#comment {
width: 100%;
}
.comment-lists-wrap {
clear: both;
padding-top: 15%;
}
.comment-lists-wrap ol {
list-style-position: inside;
}
.comment-lists-wrap ol li {
overflow: hidden;
}
.comment-lists-wrap ol li.even {
border-bottom: 1px solid #ACACAC;
}
.comment-lists-wrap ol .comment {}
.comment-lists-wrap ol .children {
margin-left: 5%;
}
.reply {
background-color: #E5E5E5;
line-height: 20px;
width: 50px;
font-size: 10px;
text-align: center;
border: 1px solid #969696;
float: right;
margin-bottom: 2%;
}
#respond {
margin-top: 7%;
}
.reply a {
color: #626262;
display: block;
}
.comment-author {
width: 15%;
float: left;
overflow: hidden;
}
.comment-author img {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
span.says {
display: none;
}
.comment-body {
clear: both;
margin-top: 2%;
overflow: hidden;
}
.comment-body p {
overflow: hidden;
padding: 2%;
margin: 0 0 2% 0!important;
}
.fn {
display: block;
font-style: normal;
clear: both;
text-align: center;
color: #5197C9;
}
.comment-meta {
text-align: right;
}
.comment-meta a {
color: #5197C9;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.alignright {
display: block;
margin-left: auto;
text-align: right;
}
.alignleft {
display: block;
margin-right: auto;
text-align: left;
}
.widget_sp_image-description p {
margin-top: 2.5%;
clear: both;
font-size: 110%;
} .PBsec {
clear: both;
}
.page_B {
-moz-box-shadow: inset 0px 1px 0px 0px #f58585;
-webkit-box-shadow: inset 0px 1px 0px 0px #f58585;
box-shadow: inset 0px 1px 0px 0px #f58585;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff2929), color-stop(1, #d60404));
background: -moz-linear-gradient(top, #ff2929 5%, #d60404 100%);
background: -webkit-linear-gradient(top, #ff2929 5%, #d60404 100%);
background: -o-linear-gradient(top, #ff2929 5%, #d60404 100%);
background: -ms-linear-gradient(top, #ff2929 5%, #d60404 100%);
background: linear-gradient(to bottom, #ff2929 5%, #d60404 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2929', endColorstr='#d60404', GradientType=0);
background-color: #ff2929;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #b30202;
display: inline-block;
font-weight: bold;
width: 80%;
text-align: center;
font-size: 120%;
color: #ffffff;
padding: 1% 2%;
}
.page_B:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d60404), color-stop(1, #ff2929));
background: -moz-linear-gradient(top, #d60404 5%, #ff2929 100%);
background: -webkit-linear-gradient(top, #d60404 5%, #ff2929 100%);
background: -o-linear-gradient(top, #d60404 5%, #ff2929 100%);
background: -ms-linear-gradient(top, #d60404 5%, #ff2929 100%);
background: linear-gradient(to bottom, #d60404 5%, #ff2929 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60404', endColorstr='#ff2929', GradientType=0);
background-color: #d60404;
}
.page_B:active {
position: relative;
} .Con_BOX_1, .Con_BOX_2 {
width: auto;
background-color: #FFFFFF;
padding: 2% 2% 1.5% 2%; }
.AreaPun {
clear: both;
} .cont_bottom {
height: 7px;
clear: both;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.crown-wrap {
display: block;
}
.crown-wrap a {
width: 100%;
margin-bottom: 1rem;
}
.itemBox_list_sum {
position: relative;
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
margin-bottom: 1rem;
}
.itemBox_list_sum:hover {
background: #f9f9f9;
}
.crown_title {
width: auto;
height: auto;
padding: 0 8px 8px;
font-size: 14px;
color: #FFA726;
text-align: left;
line-height: 1.2;
font-weight: bold;
border-bottom: solid 1px #FFF;
}
img.crown {
padding: 10px 20px;
}
.crown_txt {
width: 70%;
text-align: left;
margin-bottom: 0;
float: right;
color: #ff0000;
font-weight: bold;
}
img.crown {
width: 30%;
position: absolute;
top: 0;
left: -3%;
z-index: 1;
}
.rank_TXT_color_1 {
margin-bottom: 0.25em;
font-weight: bold;
font-size: 18px;
}
#footer_menu #navi {
margin-bottom: 0;
background-color: #EAEAEA!important;
}
#footer_menu #navi a {
color: #333333;
border-bottom: solid 1px #CCCCCC;
}
#footer_menu #navi .n_button_1, #footer_menu #navi .n_button_2, #footer_menu #navi .n_button_3, #footer_menu #navi .n_button_4, #footer_menu #navi .n_button_5, #footer_menu #navi .n_button_6 {
clear: none;
width: 100%;
display: inline-block;
text-align: left;
}
#footer_menu #navi a:link {
text-align: left!important;
}
#footer h3 {
font-weight: bold;
font-size: 14px;
margin-top: 2rem;
border: none;
padding-left: 0px!important;
text-align: left;
}
#footer h3:before {
display: none;
}
#footer li {
margin-left: 0;
}
.site_name {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}
.top_area_left {
width: 100%;
display: flex;
}  @media only screen and (min-width: 370px) {
.fluid.navi_button a {
display: block;
font-size: 12px;
padding: 1rem 0.5rem;
box-sizing: border-box;
}
}
@media only screen and (max-width: 481px) {
.site_name {
text-align: center;
}
.fluid.top_area.fluid.breadcrumb_list_TXT {
padding: .5em;
}
div#res_table {
font-size: 10px;
}
div#res_table div#one {
width: 15%;
padding: 14px;
text-align: center;
margin-bottom: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
div#res_table div#one {
width: 27%;
}
div#res_table div#two {
width: 66%;
padding: 14px;
margin-bottom: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
div#page {
padding-bottom: 2rem;
}
img.crown {
padding: 8px;
}
.fluid.table_rank_main_title {
font-size: .8em;
text-align: center;
font-weight: bold;
min-height: 5rem;
}
.rank_table_content {
min-height: 110px;
}
.table_main_btn {
font-size: 11px!important;
}
}
@media only screen and (min-width: 481px) {
.gridContainer {
height: auto;
padding: 0;
clear: none;
float: none;
margin-left: auto;
}
li {
margin: 4% 0;
padding-bottom: 3%;
} .top_color_line {}
.top_area {}
.top_area_left {
width: 55.5%;
text-align: left;
margin-left: 2.5%;
float: left;
}
.top_area_right {
width: 39%;
min-width: 24%;
margin-right: 2.5%;
clear: none;
float: right;
}
.head_one_TXT {
font-size: 100%;
margin-top: 1%;
margin-bottom: 2.5%;
padding: 0;
}
.logo {
padding-bottom: 1%;
}
.logo img {
max-width: 60%;
}
.top_button_TXT {
margin-right: 1%;
}
.top_area_under {
margin-top: -0.5%;
}
#navi {
padding: 0.2% 0;
margin-top:18px; min-height: 18px;
}
.n_button_1 {}
.n_button_2 {
clear: none;
}
.n_button_3 {
clear: none;
}
.n_button_4 {}
.n_button_5 {
clear: none;
}
.n_button_6 {
clear: none;
}
.n_button_1, .n_button_3, .n_button_5 {
border-right: #FFFFFF solid 1px;
}
.n_button_1, .n_button_2, .n_button_3, .n_button_4, .n_button_5, .n_button_6 {
width: 100%;
display: block; text-align: center;
border-bottom: 0;
color: #FFFFFF;
padding: 0.3% 0;
}
#navi_m {
display: none;
}
.navi_bar {
padding: 1.5% 0;
margin-bottom: 1%;
}
#header {
background-image: url(//beautyschool-mie.info/wp-content/themes/e_ver004/img/header_back.png);
background-repeat: no-repeat;
background-size: 100%;
width: 97.4%;
padding: 1.2% 1.3% 4% 1.3%;
}
#header img {
width: 100%;
}
.fluid.top_area .breadcrumb_list_TXT {
display: block;
padding-bottom: 0.2%;
font-size: 90%;
} .Social_button {
text-align: right;
}
.ajuster {}
.Social_b {
margin-left: 5px;
padding-top: 15px;
} #main {
padding: 2% 2% 5% 2%;
margin-top: 0 4%;
}
#main_section {
width: 100%;
}
.subpage {
width: 66.7%!important;
max-width: 700px;
}
#main_section ul {}
#main_section ol {}
#main_section li {
line-height: 10%;
margin-left: 5px;
}
.main_section_top {
float: left;
width: 66.7%!important;
max-width: 700px;
}
.main_section_01 {
float: left;
}
.main_section_02 {
float: right;
}
#page {
padding: 0 0 3% 0;
} #sideber_menu {
width: 31%;
}
.sideber_menu_01 {
float: right;
clear: none;
}
.sideber_menu_02 {
float: left;
clear: none;
}
.c_list {} .read_TXT {
width: 100%;
font-size: 26px;
margin: 8px 0 6px 10px;
line-height: 30px;
padding: 0 7px;
min-height: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.read_s {
padding: 2% 0;
margin-bottom: 6%;
}
.read_l {
margin-bottom: 1rem;
}
.read_s:before {
left: 3.5%;
}
.read_l:before {
left: 3%;
}
.read_s, .read_l {}
.read_s:before, .read_l:before {
bottom: -15px;
border-width: 8px;
} .message_box {
padding: 3% 2%;
}
.message_box, .image-inner {
width: 94.4%;
}
.message_box_img {}
.message_TXT_area {}
.me_title {}
.me_TXT {}
.triangle {
right: 78%;
top: -5%;
width: 200px;
} .pickup_box {}
.pickup_sum {}
.pickup_img {}
.pickup_title {} .Date_TXT {
width: 100%;
}
.cat_li {
width: 100%;
margin-top: 1%;
}
.blog_title_TXT {
margin-top: 7px;
font-size: 120%;
}
.blog_coments {
margin-top: 2%;
display: block;
} #rank_area {}
#ranking_box {
width: 92.5%;
}
.rank_title_0 {}
.rank_img {}
.rank_text_area {}
.rank_catch {}
.rank_txt {}
.rank_table {}
#two {
width: 59.8%;
}
#three {
width: 59.8%;
}
.ran_ico {
margin: -4.5% 0 -2% 1.5%;
width: 12%;
float: left;
}
.rank_title_TXT_0, .rank_title_TXT_1 {
font-size: 20px;
line-height: 110%;
}
.ran_button_1 {}
.ran_button_2 {} .sideber_rank {}
.sideber_rank_title {}
.sideber_rank_ico {
width: 15%;
float: left;
margin-top: -2.5%;
margin-right: 2%;
}
.sideRank_title_0 {
width: 80%;
}
.sideRank_title_1 {
width: 97%;
}
.sideRank_title_0, .sideRank_title_1 {
margin-left: 1%;
font-size: 95%;
line-height: 120%;
}
.sideber_rank_img {}
.sideber_rank_img img {
max-width: 85%;
}
.sideber_rank_TXT {
margin-left: 1.5%;
} .itemList_section {
margin-top: 1.5%;
}
.itemBox_list_sum {
clear: none;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemBox_bar {}
.itemBox_bar_in {}
.itemBox_list_img {}
.itemBox_list_img img {}
.itemBox_list_title {
font-size: 100%;
}
.itemBox_list_button {
margin-top: 1.5%;
} .Panel_read {
padding: 2% 3%;
line-height: 140%;
}
.Panel_read_txt {
padding-left: 2%;
padding-top: 1%;
font-size: 105%;
}
input[type="checkbox"].on-off {}
.menu ul {}
.menu div {}
input[type="checkbox"].on-off+ul {}
input[type="checkbox"].on-off:checked+ul {} .list_month {
float: left;
margin-right: 1%;
font-size: 120%;
font-weight: bold;
}
.category_list_name {}
.category_list_coments {}  #footer {}
.under_area_topline {}
.under_area {}
.under_color_line {
height: 8px;
} .tagcloud {
padding: 0 3% 3% 3%;
}
.alignleft {
float: left !important;
}
.alignright {
float: right !important;
} .widget_sp_image-description p {
margin-top: 4%;
} .cont_bottom {
height: 10px;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}
#sidr ul li:nth-child(5), #sidr ul li:nth-child(6) {
display: none;
}
#sidr ul li a {
color: #ffffff;
text-decoration: none;
}
#sidr ul li {
border-bottom: 1px solid #ffffff;
}
#footer_menu #sidr .close_menu, #footer_menu .base_W {
display: none;
}
.background {
width: auto;
height: auto;
margin: 0;
padding: 0;
display: block;
background-image: url(https://beautyschool-mie.info/wp-content/uploads/mv-E16333.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
}  @media only screen and (min-width: 769px) {
.itemList_section {
display: block;
} #main_section>.read_l:first-child {
display: block;
}
.image-wrap img {
width: 48%;
margin: 5px;
}
.site_name {
margin-top: 0;
}
.fluid.navi_button {
width: 25%;
text-align: center;
}
.fluid.navi_button {
width: 50%;
}
.fluid.navi_button a {
display: block;
font-size: 12px;
padding: 1rem 0.5rem;
box-sizing: border-box;
color: #585858!important;
}
.read_s, .read_l h1:after {
margin-top: 0.75rem;
}
#sideber_menu .read_s {
background: transparent;
height: auto;
}
.top_button_bg {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
width: auto;
margin-top: 3%;
white-space: nowrap;
}
.top_button_bg a { }
.crown_title {
font-size: 18px;
}
.crown-wrap a {
width: 5%;
}
.crown-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
#main_section ol.point li {
font-size: 135%;
padding: 5px 0;
border-bottom: 1px dotted #ddd;
}
#navi_wrap {
max-width: 1010px;
margin: 0 auto;
}
.navi_button a:link {
display: block;
font-size: 12px;
text-align: center;
padding: 10px 0;
}
.navi_button a:link:hover {
background: rgba(255, 255, 255, 0.3);
}
.top_button_link a:link.contact {
display: block;
padding: 5px 10px 5px 29px;
background: url(//beautyschool-mie.info/wp-content/themes/e_ver004/img/mail.png) 10px 50% no-repeat;
}
.top_button_link a:link.company {
display: block;
padding: 5px 10px 5px 29px;
background: url(//beautyschool-mie.info/wp-content/themes/e_ver004/img/company.png) 10px 50% no-repeat;
}
.gridContainer {
max-width: 1010px;
clear: none;
float: none;
margin-left: auto;
}
.background .gridContainer { padding: 0;
margin: 0 auto 0.5rem auto;
clear: none;
float: none;
margin-left: auto;
}
li {
padding-bottom: 8px;
border-bottom: solid 1px #CCCCCC;
}
body {
font-size: 13px;
}
td, th {
font-size: 12px;
} .top_color_line {}
.top_area {
padding-top: 1rem;
}
.top_area_left {
margin: 7px 0 0 0;
width: 50%;
}
.top_area_right {
margin-right: 0;
width: 50%;
clear: none;
}
.head_one_TXT {
margin-top: 3px;
margin-bottom: 3px;
height: auto;
font-size: 12px;
width: 130%;
}
.logo {
padding-bottom: 3px;
}
.logo img{
max-width: 100%;
}
.logo img {
max-width: 100%;
width: 100%;
}
.site_name {
font-size: 20px;
line-height: 24px;
font-weight: normal;
height: 60%;
}
.top_button_bg {
margin-top: 0;
}
.top_button_TXT {
margin-right: 3px;
}
.top_area_under {
margin-top: -2px
}
#navi {
padding: 2px 0;
margin-bottom: -15;
min-height: 23px;
display: block;
}
.n_button_1, .n_button_2, .n_button_3, .n_button_4, .n_button_5 {
clear: none;
width: 24.5%;
display: inline-block;
text-align: center;
border-right: 0;
padding: 0;
}
.n_button_6 {
width: 160px;
clear: none;
float: left;
text-align: center;
}
#navi_m {
display: none;
}
.navi_bar {
padding: 13px 0;
margin-bottom: 10px;
}
#header {
width: 950px;
height: 335px;
padding: 11px 10px 0 10px;
}
.fluid.top_area .breadcrumb_list_TXT {
display: block;
padding-bottom: 3px;
}
#navi {
background-color: #FFF!important;
color: #000;  
} .Social_button {}
.ajuster {}
.Social_b {
padding-top: 11px;
margin-left: 5px;
} #main {
width: 100%;
margin-top: 13px;
padding: 0 4%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#main_section {
width: 100%;
}
#main_section ul {}
#main_section ol {}
#main_section li {
line-height: 20px;
}
#page {
width:100%;
font-size: 16px;
padding: 4px;
line-height: 22px;
}
.main_section_top {
float: left;
width: 66.7%!important;
max-width: 700px;
}
.main_section_01 {
float: left;
}
.main_section_02 {
float: right;
} #sideber_menu {
width: 250px;
margin-top: 0;
}
#sideber_menu .read_TXT {
font-size: 18px;
}
.c_list {}
.s_form {
width: 170px;
} .read_TXT {
width: 100%;
font-size: 24px;
margin: 0;
line-height: 30px;
padding: 0 7px;
min-height: 15px;
}
.read_s {
padding: 0;
margin-bottom: 17px;
}
.read_s:before {}
.read_s, .read_l {
background-color: transparent!important;
}
.read_s:before, .read_l:before {
left: 12px;
bottom: -15px;
border-width: 8px;
display: none;
} .message_box_img {
width: 245px;
float: left;
}
.message_TXT_area {
width: 407px;
margin-top: 0;
margin-left: 15px;
float: left;
clear: none;
}
.message_box {
padding: 10px;
}
.message_box, .image-inner {
width: 674px;
}
.me_title {
font-size: 14px;
}
.me_TXT {
line-height: 20px;
}
.triangle {
right: 605px;
top: -20px;
width: 200px;
} .pickup_box {
margin-top: 5px
}
.pickup_sum {
width: 167px;
float: left;
margin-left: 6px;
clear: none;
}
.pickup_img {
width: 97%;
border: solid 3px #b9b9b9;
}
.pickup_title {
font-size: 12px;
} .Thumbnail_box {
width: 30%;
height: auto;
display: block;
float: left;
clear: none;
}
.list_data_0 {
width: 67%;
float: left;
clear: none;
}
.list_data_1 {
width: 680px;
padding: 0 10px 20px 10px;
clear: none;
}
.cat_li {
width: auto;
margin-right: 3px;
margin-top: 1px;
clear: none;
}
.blog_title_TXT {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
.blog_coments {
font-size: 12px;
line-height: 22px;
margin: 15px 0;
display: block;
overflow: hidden;
height: auto;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } #rank_area {
padding-bottom: 20px;
}
#ranking_box {
width: 100%;
padding: 15px;
margin-top: 20px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rank_title_0 {
height: 20px;
padding: 10px 0;
}
.rank_title_1 {
height: 60px;
padding: 10px 0;
}
.rank_img {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.rank_img img {
max-width: 50%;
height: auto;
}
.rank_text_area {
width: 100%;
clear: none;
}
.rank_catch {
font-size: 20px;
}
.rank_txt {
line-height: 1.8;
}
.rank_table {
width: 100%;
font-size: 12px;
}
div#res_table {
width: 100%;
}
div#res_table div {
display: flex;
}
div#res_table div#one {}
div#res_table div#two {}
#one {
width: 120px;
clear: none;
}
#two {
width: 188px;
}
#three {
width: 519px;
}
#one, #two, #three {
padding: 3px 5px;
}
.ran_ico {
width: 56px;
height: 57px;
margin: -20px 0 0 7px;
}
.ran_ico_non {
width: 12px;
height: 12px;
margin: 0 0 0 15px;
}
.rank_title_TXT_0 {
font-size: 24px;
margin-left: 5px;
margin-top: 0;
line-height: 24px;
}
.rank_title_TXT_1 { margin-left: 15px;
margin-top: 2px;
}
.ran_button_1 {}
.ran_button_2 {
overflow: hidden;
}
.ran_button_1, .ran_button_2 {
padding-top: 15px;
}
.Button_01, .Button_02 {
font-size: 20px;
padding: 6px 10px;
}
.Button_big {
width: 70%;
}
.Button_middle_orenge {
text-align: center;
width: 45%;
box-sizing: border-box;
}
.Button_middle_red {
text-align: center;
width: 45%;
float: right;
margin-right: 10px;
clear: none;
}
.Button_middle_red {}
.Button_middle_orenge {} .sideber_rank {
width: auto;
font-size: 12px;
padding: 5px 5px 10px 5px;
}
.sideber_rank_title {}
.sideber_rank_ico {
width: 35px;
margin-top: -10px;
}
.sideRank_title_0 {
width: 180px;
margin-left: 1px;
}
.sideRank_title_1 {
width: 223px;
margin-left: 0px;
}
.sideber_rank_img {
margin-top: 7px;
}
.sideber_rank_TXT {} .itemList_section {
margin-top: 3px;
}
.itemBox_list_sum {
position: relative;
display: inline;
margin-right: 1.030%;
}
.itemBox_bar {}
.itemBox_bar_in {}
.itemBox_list_img {
width: 100%;
height: 125px;
margin-top: 3px
}
.itemBox_list_img img {
width: 125px;
height: auto;
}
.itemBox_list_title {
font-size: 11px;
height: 30px;
line-height: 14px;
padding: 0 2px;
margin-top: 5px;
color: #7e6b5a;
font-weight: bold;
}
.itemBox_list_button {
margin: 5px 0;
} .Panel_read {
padding: 7px 10px;
display: block;
margin-bottom: 7px;
line-height: 18px;
}
.Panel_read_txt {
padding-left: 7px;
padding-top: 0;
}
input[type="checkbox"].on-off {}
.menu ul {
font-size: 100%;
}
.menu div {
font-size: 13px;
}
.accor_txt {
padding: 10px 0 15px 0;
}
input[type="checkbox"].on-off+ul {}
input[type="checkbox"].on-off:checked+ul {
min-height: 20px;
padding-bottom: 10px;
} .cat_list_section { padding-bottom: 10px;
}
.list_link_set_0 { }
.list_link_set_1 {
width: 470px;
float: left;
clear: none;
}
.list_month {
width: 120px;
float: left;
margin-right: 10px;
font-size: 15px;
}
.category_list_name {
font-size: 15px;
}
.category_list_coments {
margin-top: 15px;
display: block;
font-size: 14px;
line-height: 22px;
}
.Thumbnail_box_2 {
width: 185px;
height: auto;
display: block;
} #Not_container {
margin: 15px 0;
}
.Not_TXT {
font-size: 32px;
border-left: solid 8px #b9d7e6;
padding-left: 10px;
line-height: 38px;
}
.Not_h2 {
margin-top: 20px;
font-size: 14px;
}
.cont_images {
float: right;
clear: none;
width: 40%;
text-align: right;
}
.cont_images img {
max-width: 100%;
height: auto;
}
.cont_TXT {
margin-top: 10px;
float: left;
width: 58%;
} #footer {
margin-top: 20px;
}
.under_area_topline {}
.under_area {}
.under_color_line {} .tagcloud {
padding: 0 10px 7px 10px;
}
.alignleft {
margin: 3px 15px 15px 0 !important;
}
.alignright {
margin: 3px 0 15px 15px !important;
}
.textwidget {
font-size: 14px;
} .widget_sp_image-description p {
margin-top: 10px;
} .cont_bottom {
height: 15px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
} .Mov_B {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.Mov_B iframe, .Mov_B object, .Mov_B embed {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .yellow_line.active {
background-position: -100% 120%;
}
.yellow_line {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(190 255 204 / 50%) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(190 255 204 / 50%) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(190 255 204 / 50%) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(190 255 204 / 50%) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(190 255 204 / 50%) 50%);
background-repeat: repeat-x;
background-size: 200% 60%;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
} .rank_btn {
display: block;
width: 90%;
max-width: 430px;
margin: 16px auto;
background: #239472;
transition: 0.2s;
text-align: center;
font-size: 20px;
padding: 16px 8px;
border-radius: 50px;
font-weight: 700;
border: 0;
word-break: normal;
color: #FFFF!important;
font-size: 18px!important;
font-family: 游明朝;
clear: both;
}
.rank_btn {
margin: 25px auto 20px;
}
.rank_btn:hover {
background: #17634c;
}
.home_btn {
display: block;
width: 90%;
max-width: 430px;
margin: 0 auto;
background: #F47A4D;
transition: 0.2s;
text-align: center;
font-size: 20px;
padding: 16px 8px;
border-radius: 50px;
font-weight: 700;
border: 0;
word-break: normal;
color: #FFFF!important;
font-size: 17px!important;
font-family: 游明朝;
}
.home_btn:hover {
background: #D15C32;
}
.rank_table_read {
margin-top: 8px;
}
.btn {
padding: .5em 0;
overflow: hidden;
position: relative;
color: #ffffff;
}
.btn a {
border: solid #fff 2.5px;
border-radius: 12px;
box-shadow: 1px 1px 10px 0 #a1a1a1;
color: #ffffff !important;
display: block;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
margin: 1em auto;
padding: 16px 60px 13px 40px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
vertical-align: middle;
width: max-content;
}
.btn.is-fz20 a {
font-size: 20px;
color: #ffffff;
}
.btn a img {
vertical-align: middle;
}
.btn a:after {
content: ' ' !important;
} .btn a:before {
content: "\f138";
font-family: "fontawesome";
font-weight: normal;
font-size: 1.1em;
margin-top: -.6em;
position: absolute;
right: 12px;
top: 50%;
color: #ffffff;
}
.btn a:hover {
box-shadow: 1px 1px 2px 0 #a1a1a1;
filter: alpha(opacity=70);
opacity: .7;
color: #ffffff;
}
.btn a:link {
color: #ffffff;
}
.btn a:visited {
color: #ffffff;
} .btn+.btn a {
margin-top: 0;
} .btn 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);
color: #ffffff;
} .btn.is-green 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);
color: #ffffff;
width: max-content;
font-size: 20px;
margin-top: 24px;
}
@media only screen and (max-width: 769px) {
.btn.is-green a {
font-size: 16px;
padding: 20px 28px 19px 10px;
width: 78%;
}
.rank_btn a , .home_btn a{
color: #FFFF;
font-size: 14px;
}
} .btn.is-orange a {
background: #f19500;
background: -webkit-linear-gradient(#f19500, #f07000);
background: linear-gradient(#f19500, #f07000);
text-shadow: 0 0 10px rgba(255, 255, 255, .8), 1px 1px 1px rgba(0, 0, 0, 1);
color: #ffffff;
padding: 15px 48px 14px 24px;
width: max-content;
font-size: 18px;
}
@media only screen and (max-width: 769px) {
.btn.is-orange a {
font-size: 15px;
padding: 14px 27px 13px 10px;
width: 80%;
}
} .btn.is-orange2 a {
background: #f19500;
background: -webkit-linear-gradient(#f19500, #f07000);
background: linear-gradient(#f19500, #f07000);
text-shadow: 0 0 10px rgba(255, 255, 255, .8), 1px 1px 1px rgba(0, 0, 0, 1);
color: #ffffff;
padding: 15px 48px 14px 24px;
width: max-content;
font-size: 19px;
margin-top: 0px;
} .btn.is-red a {
background: #fb4e3e;
background: -webkit-linear-gradient(#fb4e3e, #d64b26);
background: linear-gradient(#fb4e3e, #d64b26);
color: #ffffff;
} .btn.is-blue a {
background: #09c;
background: -webkit-linear-gradient(#09c, #069);
background: linear-gradient(#09c, #069);
color: #ffffff;
width: max-content;
font-size: 16px;
padding: 15px 48px 14px 24px;
margin: 20px auto;
}
@media only screen and (max-width: 769px) {
.btn.is-blue a {
font-size: 15px;
padding: 12px 27px 12px 10px;
width: 80%;
}
} .btn.is-black a {
background: #666;
background: -webkit-linear-gradient(#8a8a8a, #666);
background: linear-gradient(#8a8a8a, #666);
color: #ffffff;
} .is-reflection a {
overflow: hidden;
}
.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;
} .is-reflection+.is-reflection a:after {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
@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;
}
} .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;
}
@-webkit-keyframes is-trembling {
0% {
-webkit-transform: translate(-10px, 0);
}
100% {
-webkit-transform: translate(0, 0);
}
} @media only screen and (max-width: 769px) { .btn a {
font-size: 18px;
margin: 0 auto 1em;
padding: 22px 30px 20px 10px;
width: 80%;
}
.btn a:before {
right: 4px;
}
}
.list_data_0 {
width: 63%;
} .side-ad {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
} #toc_container {
margin-bottom: 40px;
padding: 20px 30px;
margin: 1rem auto;
background: #fff;
border: 1px solid #fff;
border-radius: 50px;
color: #666;
background-color: #fbfae3;
width: 70%;
}
#toc_container .toc_title {
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif ;
color:#942343;
text-align: center;
padding-top: 0;
padding-bottom: 0px;
font-size: 24px;
border-bottom: 2px dashed #dedede;
width: 75%;
margin: 0 auto 35px;
}
#toc_container .toc_list {
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif ;
color:#942343;
list-style-type: none !important;
counter-reset: li;
margin-left: 15px;
}
#toc_container .toc_list>li {
position: relative;
margin-bottom: 15px;
margin-left: 30px;
line-height: 1.3em;
font-size: 18px;
}
#toc_container .toc_list>li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
left: -45px;
top: 0px;
background: none;
font-size: 20px;
letter-spacing: -1px;
}
#toc_container .toc_list>li a {
text-decoration: none !important;
}
#toc_container .toc_list>li a:hover {
text-decoration: underline !important;
}
#toc_container .toc_list>li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list>li>ul li {
font-size: 0.9em;
margin-bottom: 8px;
} #toc_container .toc_title:before {
content: "\f046"; font-family: FontAwesome;
padding-right: 6px;
font-size: 18px; color: #ff0000;
}
#toc_container .toc_toggle a {
color: #F89174;
}
#toc_container .toc_toggle a {
font-size: 15px;
}
#toc_container ul {
counter-reset: number;
list-style: none;
list-style-image: none;
}
#toc_container ul li {
line-height: 1.25em;
margin-bottom: 0.9em;
margin-top: 10px;
list-style-image: none;
}
#toc_container ul li a {
font-weight: bold;
text-decoration: none;
}
#toc_container ul li a:hover {
text-decoration: underline
}
#toc_container ul ul {
margin-top: 0.5em;
}
#toc_container ul ul li {
line-height: 1.25em;
margin-bottom: 0.5em;
font-size: 14px;
margin-left: -30px;
}
#toc_container ul ul li:before {
content: "\f0da";
font-family: FontAwesome;
padding-right: 6px;
margin-left: 0px;
color: #FFFBF4;
margin-left: -10px;
}
#toc_container ul ul li a {
color: #3D3D3D;
font-weight: normal;
padding-right: 6px;
text-decoration: none;
}
#toc_container ul ul li a:hover {
text-decoration: underline;
}
#toc_container .toc_list>li a {
text-decoration: none !important;
color:#942343;
}
#toc_container .toc_list>li a:hover {
text-decoration: underline !important;
}
#toc_container .toc_list>li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list>li>ul li {
font-size: 18px;
margin-bottom: 8px;
}
@media only screen and (max-width: 769px) {
#toc_container {	
width: 100%;
}
#toc_container .toc_list {
margin-left: 10px;
}		
}
.lkc-thumbnail {
margin: 0 15px 4px 4px;
} .subpage .Button_middle_orenge {
width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
* {
word-break: break-all;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.campaign-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
margin: 2rem auto;
}
.campaign-image {
width: 100%; }
.campaign-image img {
width: 100%;
height: auto;
order: 2;
margin-bottom: 1rem;
}
.campaign-button {
width: 100%;
padding: 1rem;
box-sizing: border-box;
}
.campaign-des {
order: 3;
}
.campaign-button_sp {
width: 100%;
order: 4;
}
.campaign-des strong {
font-size: 18px;
line-height: 1.5;
}
.campaign-des p {
font-size: 16px;
line-height: 1.8;
}
a.campaign-link {
width: 100%;
padding: 1rem 0;
color: #fff;
border-radius: .25rem;
box-sizing: border-box;
}
a.campaign-link_q {
width: 100%;
padding: 0.5rem;
color: #fff;
font-size: 0.9rem;
border-radius: .25rem;
box-sizing: border-box;
text-decoration: none;
}
a.campaign-link_q {
display: block;
text-align: center;
}
a.campaign-link:hover {
text-decoration: none;
background-color: #fff;
}
a.campaign-link_q:hover {
text-decoration: none;
background-color: #fff;
}
.product-maker {
color: #666666;
font-size: 12px;
}
.product-name {
margin-top: 0;
margin-bottom: 1rem;
font-size: 20px;
font-weight: bold;
padding-bottom: 5px;
}
.product-price {
margin-bottom: 1rem;
font-size: 12px;
line-height: 1;
}
.product-price strong {
font-size: 20px;
}
#sideber_menu .read_s, #sideber_menu .read_l h1:after {
background: none!important;
}
.su-button-center i {
display: none;
}
.textwidget h2 {
border-left: 0;
}
.ranking-outer h2.ranking-ttl {
font-size: 20px;
margin-top: 1rem;
padding: 1.2rem;
text-align: center;
border-bottom: solid 1px #EAEAEA;
background: transparent;
}
.base_B a.outer-btn {
display: block;
margin: 1rem auto 2rem;
padding: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
text-align: center;
background: #fff;
transition: 0.2s;
}
.base_B a.outer-btn:after {
display: inline-block;
font-family: FontAwesome;
content: "\f0a9";
margin-left: 5px;
}
.base_B a.outer-btn:hover {
opacity: 0.75;
}
@media screen and (min-width:576px) {
.secondary-menu .menu-item a {
padding-left: 1rem;
padding-right: 1rem;
}
.cards {
margin-left: -1%;
margin-right: -1%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.cards .hentry {
margin-left: 1%;
margin-right: 1%;
width: 48%;
float: left;
}
.campaign-link_q {
width: 100%;
}
.mainvisual-box {
width: 100%;
margin-left: 0;
}
.mainvisual-box_txt {
height: 120px;
}
.mainvisual-box_txt h2 {
font-size: 1.8rem;
font-weight: 400;
}
.mainvisual-box_txt h2 br {
display: none;
}
.mainvisual-box_txt p {
font-size: 1rem;
}
.site-content {
margin-top: 60px;
}
body.home .site-content {
margin-top: 60px;
}
.campaign-box {
box-sizing: border-box;
max-width: 100%;
}
.campaign-image {
width: 26%;
padding: 0;
}
.campaign-image img {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
}
.campaign-button {
width: 72%;
order: 1;
padding: 1rem;
background: transparent;
}
.campaign-des strong {
font-size: 18px;
line-height: 1.5;
}
.campaign-des p {
font-size: 16px;
line-height: 1.8;
}
.product-maker {
color: #666666;
font-size: 12px;
}
.product-name {
margin-bottom: 1rem;
font-size: 20px;
font-weight: 700;
}
.product-price {
margin-bottom: 1.5rem;
font-size: 14px;
line-height: 1;
}
.product-price strong {
font-size: 20px;
}
.campaign-image {
order: 1;
}
.campaign-button {
order: 2;
}
.campaign-des {
order: 3;
}
}  #npcatch .title {
width: initial;
display: block;
float: none;
}
#npcatch img {
padding: 0;
margin: 5px 8px;
border-radius: 35px 5px 0px 5px;
}
.clr {
clear: both;
}
.pt {
padding-top: 1rem;
} ul.related_post li a.wp_rp_thumbnail {
width: 120px!important;
height: 110px!important;
}
.wp_rp_wrap {
margin: 40px 0;
} #prev_next {
width: 100%;
margin: 36px 0 24px;
padding: 0;
display: table;
}
#prev_next #prev, #prev_next #next {
width: 50%;
padding: 30px 10px 10px;
border-top: #ccc 1px solid;
border-bottom: #ccc 1px solid;
display: table-cell;
position: relative;
text-decoration: none;
}
#prev_next #prev p, #prev_next #next p {
font-size: 90%;
line-height: 1.5;
}
#prev_next #prev:hover, #prev_next #next:hover {
background-color: rgba(238, 238, 238, 0.7);
}
#prev_next #prev {
border-right: #ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title {
font-size: 90%;
top: -1em;
position: absolute;
border: 1px #ccc solid;
background: #fff;
text-align: center;
padding: 3px;
color: #666;
}
#prev_next #next_title {
right: 10px;
}
#prev_next #prev img, #prev_next #next img {
margin: 0 auto;
}
#prev_next #prev_no, #prev_next #next_no {
width: 50%;
height: 140px;
padding: 0 10px;
display: table-cell;
}
#prev_next #prev_no {
border-right: #ccc 1px solid;
}
#prev_next_home {
display: none;
margin: 0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align: center;
}
#prev_next_home:hover {
display: none;
background-color: rgba(0, 0, 255, 0.7);
}
#prev_next_home i {
display: none;
color: #FFF;
margin: 10px auto;
font-size: 60px;
}  @media only screen and (max-width: 780px) {} @media only screen and (min-width: 380px) {} @media only screen and (min-width: 780px) {  #prev_next #prev, #prev_next #prev::before, #prev_next #prev::after, #prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title {
padding: 3px 10px;
}
#prev_next #next_title {
right: 10px;
}
#prev_next #prev img {
float: left;
margin-right: 10px
}
#prev_next #next img {
float: right;
margin-left: 10px;
} }
.addtoany_content {
float: right;
} .horizonal-scroll {
width: 100%;
margin-bottom: 2rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.horizonal-scroll:after {
display: none;
} .right {
width: 53%;
float: left;
margin: -15px 10px 5px 35px;
}
@media only screen and (max-width: 769px) {
.right {
width: 100%;
margin: 10px 0;
}
} .box1 {
position: relative;
margin: 4em 0 1em;
padding: 0.5em 1em;
border-top: solid 1px rgb(255 175 55 / 70%);
border-bottom: solid 1px rgb(255 175 55 / 70%);
border-radius: 20px;
}
.box1 .box1-title {
position: absolute;
display: inline-block;
top: -9px;
left: 42px;
padding: 0 9px;
line-height: 1;
font-size: 18px;
font-weight: bold;
background: #FFF;
color: #ff9900; text-shadow: 0 0 15px rgb(255 255 255 / 60%), 0 0 10px rgb(255 255 255 / 60%), 0 0 20px #ffce85, 0 0 30px #ffce85, 0 0 40px #ffce85, 0 0 50px #ffce85
}
.box1 p {
margin: 0.5em;
padding: 0.5em;
}
@media only screen and (max-width: 769px) {
.box1 {
padding: 0.5em 0;
border-radius: 25px;
margin: 3em 0 1em;
}
} .point2{
background: #fff5f5;
margin: 60px auto 40px;
padding: 40px 20px 10px;
position: relative;
width: 90%;
border: 2px dotted #ffc4c4;
border-radius: 2px;
}
.point2:before {
content: url(https://beautyschool-mie.info/wp-content/uploads/red-point.png);
position: absolute;
margin: -100px 0px 0 -22px;
}
.point2 li {
line-height: 20px !important;
font-size: 15px;
color: #101010;
display: flex;
margin: 4px;
}
.point2 ul li::marker {
content:none;
}
.point2 ul li:before {
content: '●';
margin: 0px 8px 0px 0px;
color: #f17d7d;
font-size: 14px;
}
@media only screen and (max-width: 769px) {
.point2{
margin: 50px auto 40px;
padding: 38px 5px 10px 5px;
width: 96%;		
}
.point2:before{
margin: -98px 0px 0 -7px;
}
.point2 ul{
margin-left: 5px !important;
}
.point2 li{
line-height: 22px !important;
margin: 6px 4px;
}	
} @media only screen and (max-width: 780px) {
.top_area_right {
display: none;
}
.head_one_TXT {
display: none;
}
} .time {
margin: -10px 0 0;
color: #585858;
font-size: 12px;
} #dashboard_right_now li a.ranking-count:before {
content: "\f155";
}
#dashboard_right_now li a.itemboxlist-count:before {
content: "\f509";
} .slide01 {
display:none;
overflow:hidden;
position:relative;
width:100%;
}
.slide01 .slidePrev {
position:absolute;
cursor:pointer;
z-index:100;
}
.slide01 .slideNext {
position:absolute;
cursor:pointer;
z-index:100;
}
.slide01 .slidePrev img {
position:absolute;
width:50px !important;
height:60px !important;
}
.slide01 .slideNext img {
position:absolute;
width:50px !important;
height:60px !important;
}
.slide01 .slideInner {
position:relative;
margin:0;
padding:0;
}
.slide01 .slideInner li {
float:left;
margin:0;
padding:0;
list-style:none;
}
.slide01 .slideInner li img {
margin:0 5px;
padding:0;
vertical-align:bottom;
}
.slide01 .filterPrev {
position:absolute;
left:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.slide01 .filterNext {
position:absolute;
right:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.slide01 .controlNav {
position:relative;
float:left;
left:50%;
}
.slide01 .controlNav span {
position:relative;
left:-50%;
float:left;
margin:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:10px;
height:10px;
overflow:hidden;
background:#ccc;
text-indent:-9999px;
vertical-align:middle;
}
.slide01 .controlNav span:hover {
background:#999;
cursor:pointer;
}
.slide01 .controlNav span.current {
background:#f19500;
}
@media only screen and (max-width: 320px) {
.itemBox_list_sum {
width: 32.9%;
}
} body {
background-color:transparent;
fill:rgba(230, 230, 230, 0.12);
background-size:306px 306px;
background-repeat:repeat;
background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:rgba(230, 230, 230, 0.12);} %3C/style%3E%3Cg id='Layer_2'%3E%3Cpath class='st0' d='M377.5-2.5H375h-2.5h-120H250h-2.5h-120H125h-2.5H0h-2.5V0v122.5v2v0.5v2v120.5v2v0.5v2v120.5v2v0.5v2v122.5 v2.5H0h116.9c2.7,0.3,5.3,0.5,8.1,0.5h2.5V502h114.4c2.7,0.3,5.3,0.5,8.1,0.5h2.5V502h114.4c2.7,0.3,5.3,0.5,8.1,0.5h2.5V502h114.4 c2.7,0.3,5.3,0.5,8.1,0.5h2.5V502v-2.5v-122V377v-2v-0.5V373v-0.5v-120V252v-2v-0.5V248v-0.5v-120V127v-2v-0.5V123v-0.5V0v-2v-0.5 H377.5z M492.2,247c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H492.2z M492.2,372c-28.7-3.8-51.1-27.9-52.1-57.2 c31,1.3,56.1,26.3,57.4,57.2H492.2z M434.9,184.7c-31-1.3-56.1-26.3-57.4-57.1C408.6,128.9,433.6,153.9,434.9,184.7z M434.9,309.7 c-31-1.3-56.1-26.3-57.4-57.1C408.6,253.9,433.6,278.9,434.9,309.7z M434.9,434.7c-31-1.3-56.1-26.3-57.4-57.1 C408.6,378.9,433.6,403.9,434.9,434.7z M367.2,247c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H367.2z M367.2,372 c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H367.2z M190.1,189.8c31,1.3,56.1,26.3,57.4,57.2h-5.3 C213.5,243.2,191.1,219.1,190.1,189.8z M247.4,253.1c-1.6,30.6-26.6,55.3-57.3,56.6C191.7,279.1,216.6,254.4,247.4,253.1z M309.9,309.7c-31-1.3-56.1-26.3-57.4-57.1C283.6,253.9,308.6,278.9,309.9,309.7z M309.9,189.8c-1.3,30.8-26.4,55.8-57.4,57.1 C253.9,216.1,279,191.1,309.9,189.8z M294.7,187.2c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7C260.1,167.9,275.6,181.8,294.7,187.2z M252.5,274.9c7.6,18,23.1,31.9,42.2,37.4c-19.1,5.4-34.6,19.3-42.2,37.4V274.9z M309.9,184.7c-31-1.3-56.1-26.3-57.4-57.1 C283.6,128.9,308.6,153.9,309.9,184.7z M247.5,224.6c-7.6-18-23.1-31.9-42.2-37.4c19.1-5.4,34.6-19.3,42.2-37.4V224.6z M187.4,205.2c5.3,18.7,18.8,34,36.4,41.7H150C168,239.5,181.9,224.1,187.4,205.2z M187.6,294.8c-5.4-19.1-19.4-34.7-37.5-42.3 h76.3C207.7,259.8,193.2,275.4,187.6,294.8z M205.3,312.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C239.9,331.6,224.4,317.7,205.3,312.2z M309.9,314.8c-1.3,30.8-26.4,55.8-57.4,57.1C253.9,341.1,279,316.1,309.9,314.8z M312.6,294.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3 C332.7,259.8,318.2,275.4,312.6,294.8z M190.1,184.7c1.6-30.6,26.5-55.3,57.3-56.6C245.8,158.7,220.9,183.4,190.1,184.7z M184.9,184.7c-31-1.3-56.1-26.3-57.4-57.1C158.6,128.9,183.6,153.9,184.9,184.7z M184.9,189.8c-1.3,30.8-26.4,55.8-57.4,57.1 C128.9,216.1,154,191.1,184.9,189.8z M184.9,309.7c-31-1.3-56.1-26.3-57.4-57.1C158.6,253.9,183.6,278.9,184.9,309.7z M184.9,314.8 c-1.3,30.8-26.4,55.8-57.4,57.1C128.9,341.1,154,316.1,184.9,314.8z M187.4,330.2c5.3,18.7,18.8,34,36.4,41.7H150 C168,364.5,181.9,349.1,187.4,330.2z M190.1,314.8c31,1.3,56.1,26.3,57.4,57.2h-5.3C213.5,368.2,191.1,344.1,190.1,314.8z M312.4,330.2c5.3,18.7,18.8,34,36.4,41.7H275C293,364.5,306.9,349.1,312.4,330.2z M315.1,309.7c1.6-30.6,26.5-55.3,57.3-56.6 C370.8,283.7,345.9,308.4,315.1,309.7z M275,247c18-7.5,31.9-22.9,37.4-41.7c5.3,18.7,18.8,34,36.4,41.7H275z M315.1,184.7 c1.6-30.6,26.5-55.3,57.3-56.6C370.8,158.7,345.9,183.4,315.1,184.7z M312.6,169.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3 C332.7,134.8,318.2,150.4,312.6,169.8z M187.6,169.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3C207.7,134.8,193.2,150.4,187.6,169.8z M169.7,187.2c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7C135.1,167.9,150.6,181.8,169.7,187.2z M169.7,312.2 c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7C135.1,292.9,150.6,306.8,169.7,312.2z M330.3,312.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7 C364.9,331.6,349.4,317.7,330.3,312.2z M330.3,187.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C364.9,206.6,349.4,192.7,330.3,187.2z M122.5,149.9v74.7c-7.6-18-23.1-31.9-42.2-37.4C99.4,181.8,114.9,167.9,122.5,149.9z M122.5,274.9v74.7 c-7.6-18-23.1-31.9-42.2-37.4C99.4,306.8,114.9,292.9,122.5,274.9z M377.5,349.6v-74.7c7.6,18,23.1,31.9,42.2,37.4 C400.6,317.7,385.1,331.6,377.5,349.6z M377.5,224.6v-74.7c7.6,18,23.1,31.9,42.2,37.4C400.6,192.7,385.1,206.6,377.5,224.6z M348.8,122H275c18-7.5,31.9-22.9,37.4-41.7C317.7,98.9,331.2,114.2,348.8,122z M223.8,122H150c18-7.5,31.9-22.9,37.4-41.7 C192.7,98.9,206.2,114.2,223.8,122z M65.1,184.7c1.6-30.6,26.5-55.3,57.3-56.6C120.8,158.7,95.9,183.4,65.1,184.7z M65.1,309.7 c1.6-30.6,26.5-55.3,57.3-56.6C120.8,283.7,95.9,308.4,65.1,309.7z M150,377.5h76.3c-18.6,7.3-33.1,22.9-38.7,42.3 C182.2,400.6,168.2,385.1,150,377.5z M275,377.5h76.3c-18.6,7.3-33.1,22.9-38.7,42.3C307.2,400.6,293.2,385.1,275,377.5z M434.9,314.8c-1.3,30.8-26.4,55.8-57.4,57.1C378.9,341.1,404,316.1,434.9,314.8z M434.9,189.8c-1.3,30.8-26.4,55.8-57.4,57.1 C378.9,216.1,404,191.1,434.9,189.8z M367.2,122c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H367.2z M252.6,121.9 c1.3-30.9,26.4-55.8,57.4-57.1C308.6,95.6,283.6,120.6,252.6,121.9z M242.2,122c-28.7-3.8-51.1-27.9-52.1-57.2 c31,1.3,56.1,26.3,57.4,57.2H242.2z M127.6,121.9c1.3-30.9,26.4-55.8,57.4-57.1C183.6,95.6,158.6,120.6,127.6,121.9z M117.2,122 c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H117.2z M122.4,247h-5.3c-28.7-3.8-51.1-27.9-52.1-57.2 C96,191.1,121.2,216.1,122.4,247z M122.4,372h-5.3c-28.7-3.8-51.1-27.9-52.1-57.2C96,316.1,121.2,341.1,122.4,372z M184.9,434.7 c-31-1.3-56.1-26.3-57.4-57.1C158.6,378.9,183.6,403.9,184.9,434.7z M309.9,434.7c-31-1.3-56.1-26.3-57.4-57.1 C283.6,378.9,308.6,403.9,309.9,434.7z M377.6,121.9c1.3-30.9,26.4-55.8,57.4-57.1C433.6,95.6,408.6,120.6,377.6,121.9z M122.4,378.1c-1.6,30.6-26.6,55.3-57.3,56.6C66.7,404.1,91.6,379.4,122.4,378.1z M247.4,378.1c-1.6,30.6-26.6,55.3-57.3,56.6 C191.7,404.1,216.6,379.4,247.4,378.1z M372.4,378.1c-1.6,30.6-26.6,55.3-57.3,56.6C316.7,404.1,341.6,379.4,372.4,378.1z M62.4,80.2c5.3,18.7,18.8,34,36.4,41.7H25C43,114.5,56.9,99.1,62.4,80.2z M101.3,127.5c-18.6,7.3-33.1,22.9-38.7,42.3 c-5.4-19.1-19.4-34.7-37.5-42.3H101.3z M62.4,205.2c5.3,18.7,18.8,34,36.4,41.7H25C43,239.5,56.9,224.1,62.4,205.2z M101.3,252.5 c-18.6,7.3-33.1,22.9-38.7,42.3c-5.4-19.1-19.4-34.7-37.5-42.3H101.3z M62.4,330.2c5.3,18.7,18.8,34,36.4,41.7H25 C43,364.5,56.9,349.1,62.4,330.2z M101.3,377.5c-18.6,7.3-33.1,22.9-38.7,42.3c-5.4-19.1-19.4-34.7-37.5-42.3H101.3z M437.6,419.8 c-5.4-19.1-19.4-34.7-37.5-42.3h76.3C457.7,384.8,443.2,400.4,437.6,419.8z M400,372c18-7.5,31.9-22.9,37.4-41.7 c5.3,18.7,18.8,34,36.4,41.7H400z M437.6,294.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3C457.7,259.8,443.2,275.4,437.6,294.8z M400,247 c18-7.5,31.9-22.9,37.4-41.7c5.3,18.7,18.8,34,36.4,41.7H400z M437.6,169.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3 C457.7,134.8,443.2,150.4,437.6,169.8z M400,122c18-7.5,31.9-22.9,37.4-41.7c5.3,18.7,18.8,34,36.4,41.7H400z M419.7,62.2 c-19.1,5.4-34.6,19.3-42.2,37.4V24.9C385.1,42.9,400.6,56.8,419.7,62.2z M372.5,99.6c-7.6-18-23.1-31.9-42.2-37.4 c19.1-5.4,34.6-19.3,42.2-37.4V99.6z M294.7,62.2c-19.1,5.4-34.6,19.3-42.2,37.4V24.9C260.1,42.9,275.6,56.8,294.7,62.2z M247.5,99.6c-7.6-18-23.1-31.9-42.2-37.4c19.1-5.4,34.6-19.3,42.2-37.4V99.6z M169.7,62.2c-19.1,5.4-34.6,19.3-42.2,37.4V24.9 C135.1,42.9,150.6,56.8,169.7,62.2z M122.5,99.6c-7.6-18-23.1-31.9-42.2-37.4c19.1-5.4,34.6-19.3,42.2-37.4V99.6z M59.9,184.7 c-31-1.3-56.1-26.3-57.4-57.1C33.6,128.9,58.6,153.9,59.9,184.7z M59.9,309.7c-31-1.3-56.1-26.3-57.4-57.1 C33.6,253.9,58.6,278.9,59.9,309.7z M80.3,437.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C114.9,456.6,99.4,442.7,80.3,437.2z M127.5,399.9c7.6,18,23.1,31.9,42.2,37.4c-19.1,5.4-34.6,19.3-42.2,37.4V399.9z M205.3,437.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7 C239.9,456.6,224.4,442.7,205.3,437.2z M252.5,399.9c7.6,18,23.1,31.9,42.2,37.4c-19.1,5.4-34.6,19.3-42.2,37.4V399.9z M330.3,437.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C364.9,456.6,349.4,442.7,330.3,437.2z M377.5,399.9c7.6,18,23.1,31.9,42.2,37.4 c-19.1,5.4-34.6,19.3-42.2,37.4V399.9z M315.1,59.7c1.6-30.6,26.5-55.3,57.3-56.6C370.8,33.7,345.9,58.4,315.1,59.7z M309.9,59.7 c-31-1.3-56.1-26.3-57.4-57.1C283.6,3.9,308.6,28.9,309.9,59.7z M190.1,59.7c1.6-30.6,26.5-55.3,57.3-56.6 C245.8,33.7,220.9,58.4,190.1,59.7z M184.9,59.7c-31-1.3-56.1-26.3-57.4-57.1C158.6,3.9,183.6,28.9,184.9,59.7z M65.1,59.7 c1.6-30.6,26.5-55.3,57.3-56.6C120.8,33.7,95.9,58.4,65.1,59.7z M59.9,64.8c-1.3,30.8-26.4,55.8-57.4,57.1 C3.9,91.1,29,66.1,59.9,64.8z M59.9,189.8c-1.3,30.8-26.4,55.8-57.4,57.1C3.9,216.1,29,191.1,59.9,189.8z M59.9,314.8 c-1.3,30.8-26.4,55.8-57.4,57.1C3.9,341.1,29,316.1,59.9,314.8z M59.9,434.7c-31-1.3-56.1-26.3-57.4-57.1 C33.6,378.9,58.6,403.9,59.9,434.7z M184.9,439.8c-1.3,30.8-26.4,55.8-57.4,57.1C128.9,466.1,154,441.1,184.9,439.8z M309.9,439.8 c-1.3,30.8-26.4,55.8-57.4,57.1C253.9,466.1,279,441.1,309.9,439.8z M434.9,439.8c-1.3,30.8-26.4,55.8-57.4,57.1 C378.9,466.1,404,441.1,434.9,439.8z M440.1,434.7c1.6-30.6,26.5-55.3,57.3-56.6C495.8,408.7,470.9,433.4,440.1,434.7z M440.1,309.7c1.6-30.6,26.5-55.3,57.3-56.6C495.8,283.7,470.9,308.4,440.1,309.7z M440.1,184.7c1.6-30.6,26.5-55.3,57.3-56.6 C495.8,158.7,470.9,183.4,440.1,184.7z M492.2,122c-28.7-3.8-51.1-27.9-52.1-57.2c31,1.3,56.1,26.3,57.4,57.2H492.2z M434.9,59.7 c-31-1.3-56.1-26.3-57.4-57.1C408.6,3.9,433.6,28.9,434.9,59.7z M312.6,44.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3 C332.7,9.8,318.2,25.4,312.6,44.8z M187.6,44.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3C207.7,9.8,193.2,25.4,187.6,44.8z M59.9,59.7 C29,58.4,3.9,33.4,2.6,2.6C33.6,3.9,58.6,28.9,59.9,59.7z M44.7,187.2c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7 C10.1,167.9,25.6,181.8,44.7,187.2z M44.7,312.2c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7C10.1,292.9,25.6,306.8,44.7,312.2z M59.9,439.8c-1.3,30.8-26.4,55.8-57.4,57.1C3.9,466.1,29,441.1,59.9,439.8z M65.1,439.8c31,1.3,56.1,26.3,57.4,57.2h-5.3 C88.5,493.2,66.1,469.1,65.1,439.8z M190.1,439.8c31,1.3,56.1,26.3,57.4,57.2h-5.3C213.5,493.2,191.1,469.1,190.1,439.8z M315.1,439.8c31,1.3,56.1,26.3,57.4,57.2h-5.3C338.5,493.2,316.1,469.1,315.1,439.8z M440.1,439.8c31,1.3,56.1,26.3,57.4,57.2 h-5.3C463.5,493.2,441.1,469.1,440.1,439.8z M455.3,312.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C489.9,331.6,474.4,317.7,455.3,312.2z M455.3,187.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C489.9,206.6,474.4,192.7,455.3,187.2z M440.1,59.7c1.6-30.6,26.5-55.3,57.3-56.6 C495.8,33.7,470.9,58.4,440.1,59.7z M437.6,44.8c-5.4-19.1-19.4-34.7-37.5-42.3h76.3C457.7,9.8,443.2,25.4,437.6,44.8z M62.6,44.8 C57.2,25.6,43.2,10.1,25,2.5h76.3C82.7,9.8,68.2,25.4,62.6,44.8z M44.7,62.2C25.6,67.7,10.1,81.6,2.5,99.6V24.9 C10.1,42.9,25.6,56.8,44.7,62.2z M44.7,437.2c-19.1,5.4-34.6,19.3-42.2,37.4v-74.7C10.1,417.9,25.6,431.8,44.7,437.2z M62.4,455.2 c5.3,18.7,18.8,34,36.4,41.7H25C43,489.5,56.9,474.1,62.4,455.2z M187.4,455.2c5.3,18.7,18.8,34,36.4,41.7H150 C168,489.5,181.9,474.1,187.4,455.2z M312.4,455.2c5.3,18.7,18.8,34,36.4,41.7H275C293,489.5,306.9,474.1,312.4,455.2z M437.4,455.2c5.3,18.7,18.8,34,36.4,41.7H400C418,489.5,431.9,474.1,437.4,455.2z M455.3,437.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7 C489.9,456.6,474.4,442.7,455.3,437.2z M455.3,62.2c19.1-5.4,34.6-19.3,42.2-37.4v74.7C489.9,81.6,474.4,67.7,455.3,62.2z'/%3E%3C/g%3E%3C/svg%3E");
} #main_rank_table {
display: flex;
margin: 8px;
}
.rank_table_content { padding: 8px;
font-size: .9em;
height: auto; }
.rank_table_left {
text-align: left;
margin-bottom: 0%;
font-weight: 700;
}
.rank_table_right {
position: relative;
margin: auto;
}
.rank_table_right img {
width: 75px;
height: 75px;
}
.rank_table_choice {
width: 30%;
margin: auto;
padding: 0;
}
.rank_table_comment { }
.rank_table_point {
font-size: .9em;
padding: 8px;
height: auto;
}
.main_rank_table {
padding: 16px;
}
.main_table {
border: 0;
}
#main_area_table {
display: table;
width: 860px;
}
#main_area_table td {
border: 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #fff;
box-sizing: border-box;
}
#main_area_table td:last-child {
border-right: 0;
}
#main_area_table tr {
border: 0;
}
#main_area_table tr:first-child td {
width: calc(100% / 5);
border-bottom: 0;
}
#main_area_table tr:last-child td {
border-bottom:0;
}
.main_rank_table_ .tableRank_title_0:before {
content: 'おすすめ';
color: #FFF;
background: red;
border-radius: 50px;
font-size: .9em;
display: block;
padding: 4px;
width: 30%;
margin: 4px auto;
text-align: center;
}
.tableRank_title_0 {
text-align: center;
margin: auto;
font-size: 2.0em;
font-family: 游ゴシック;
font-weight: bold;
}
.tableRank_title_0 a { }
.rank_table_choice img {
opacity: 40%;
}
.main_rank_table.main_rank_table_1, .main_rank_table.main_rank_table_2 {
margin-top: 32px;
}
.main_rank_table {
border: solid 1px #CCC;
margin: 0 -.5px;
width: 33%;
}
.main_rank_table.main_rank_table_ {
background: #FFFFE0;
text-align: center;
}
.main_rank_table.main_rank_table_1, .main_rank_table_2 {
background: #F5F5F5;
text-align: center;
}
.rank_table_point_left {
text-align: left;
padding-bottom: 4px;
font-weight: 700;
}
.rank_table_point_right {
font-weight: bold;
font-size: 1.2em;
height: 80px;
}
.main_rank_table_ .tableRank_title_0:before {
width: 35%;
font-size: .4em;
}
@media screen and (max-width: 481px){
.tableRank_title_0 {
font-size: 1.5em;
font-weight: bold;
}
.fluid h2 {
font-size: 1.3em;
}
#main_rank_table, div#main_rank_table a {
font-size: 40%!important;
}
.main_rank_table {
padding: 4px;
}
.rank_table_read {
font-size: 8px!important;
width: auto;
padding: 8px;
border-radius: 10px;
}
.main_rank_table_ .tableRank_title_0:before {
width: 45%;
font-size: .5em;
}
#main_rank_table {
margin: 0px;
}
.rank_table_left {
margin-bottom: 1px;
}
.rank_table_content {
padding: 4px;
}
#main_rank_table {
margin: 0px 0 16px 0;
}
.rank_table_choice {
width: 50%;
}
.rank_table_comment { }
.rank_table_point {
padding: 4px;
}
.rank_table_point_right {
font-weight: unset; }
} @media screen and (min-width: 482px){
.hamburger-menu {
display: none;
}
}
@media screen and (max-width: 481px){
.menu-btn {
top: 10px;
right: 0px;
display: flex;
height: 70px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}
.menu-btn2 span,
.menu-btn2 span:before,
.menu-btn2 span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #444444;
position: absolute;
}    
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
.menu-btn2 span {
background-color: rgba(255, 255, 255, 0); }
.menu-btn2 span::before {
bottom: 0;
transform: rotate(45deg);
}
.menu-btn2 span::after {
top: 0;
transform: rotate(-45deg);
}
.menu-btn2 {
top: 10px;
right: 0px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
margin-left: auto;
margin-top: 0.7rem;
background: #FFF;
}
#menu-btn-check {
display: none;
}
#menu-btn-check {
display: none;
}
.menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 80;
background-color: rgba(255,255,255,.9);
}
.menu-content ul {
padding: 20px 10px 0;
}
.menu-content ul li {
border-bottom: solid 1px #CCC;
list-style: none;
}
.menu-content ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
text-decoration: none;
padding: 16px;
position: relative;
text-align: left;
}
.menu-content ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 1px #444;
border-right: solid 1px #444;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 24px;
}
.menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%; z-index: 80;
background-color: rgba(255,255,255,.9);
transition: all 0.5s; overflow-y: scroll;
}
#menu-btn-check:checked ~ .menu-content {
left: 0; }
.menu-content #search {
padding-bottom: 0;
position: relative;
margin: 10px 2rem 0px!important;
width: auto!important;
}
.menu-content #search #s{
font-size: 80%;
}
.menu-content li {
margin-left: 0px;
}
hamburger-menu {
display: flex;
}
#headbox {
text-align: left;
align-items: unset;
width: 86%!important;
}
.sitename img{
max-width: 100%!important;
padding-bottom: 3px;
}
.widget.headbox {
display: none;
}
#top_area{
display: flex;
}
.search-menu {
padding: 8px;
}
.search-menu h3 {
margin: auto;
}
.search-menu h3::before {
display: none;
}
}
.single_rank_table .single_title_TXT {
font-size: 12px;
height: auto;
min-height: 70px;
padding: 4px 4px 0;
border-bottom: solid 1px #CCC;
}
.single_rank_table .Ranktable_title_0 {
font-size: 14px;
font-weight: bold;
padding: 4px;
height: auto;
min-height: 40px;
border-bottom: solid 1px #CCC;
}
.single_rank_table .Ranktable_title_0 {
min-height: 60px;
}
.single_rank_table img {
width: auto;
height: auto;
}
.single_rank_table {
width: 100%;
}
div#single_rank_table {
display: flex;
margin-bottom: 8px;
justify-content: center;
}
@media only screen and (max-width: 500px) {
div#single_rank_table {
display: flex;
margin-bottom: 8px;
justify-content: unset;
}
}
.single_rank_table {
width: 175px;
margin: 8px;
}
.single_rank_table {
width: 155px;
}
#single_rank_table  {
margin: 0 4px; }
.single_rank_table04:before {
content: '5';
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
.single_rank_table03:before {
content: '4';
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
.single_rank_table02:before {
content: '3';
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
.single_rank_table01:before {
content: '2';
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
.single_rank_table0:before {
content: '1';
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
.single_rank_table .rank_btn {
border-radius: 10px!important;
font-size: 14px!important;
}
.single_rank_table .rank_btn {
border-radius: 10px!important;
font-size: 13px!important;
margin: 12px auto;
}
.single_rank_table p {
padding: 0;
margin: 5px 0 0;
font-size: 11px;
}
.main_table {
width: 100%;
min-width: 150px;
margin: 0;
padding: 6px;
border: solid 1px #ccc;
background: #f8f8ff;
}
.main_table { }
.table_main_btn {
font-size: 12px!important;
margin: 4px auto;
padding: 8px 5px;
border-radius: 10px!important;
}
.main_table .rank_table_point_right {
font-size: 12px;
}
.main_table .rank_table_point_left {
font-size: 10px;
}
.main_table .rank_table_left {
font-size: 10px;
padding-bottom: 4px;
}
.main_table .rank_table_comment {
position: unset;
top: unset;
left: unset;
transform: unset;
}
.main_table .rank_table_comment {
font-size: 12px !important;
text-align: left;
font-weight: normal;
}
@media only screen and (max-width: 769px) {
.main_table {
min-width: 150px;
}
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
width: 100%!important;
height: 30px;
border: solid 1px #CCC;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
width: 100%!important;
height: 30px;
border: solid 1px #CCC;
}
input.wpcf7-form-control.wpcf7-text {
width: 100%!important;
height: 30px;
border: solid 1px #CCC;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%!important;
border: solid 1px #CCC;
}
input.wpcf7-form-control.wpcf7-submit {
border: solid 1px #CCC;
padding: 8px 36px;
margin-left: 47%;
}
.content_point , .content_matome {
border: solid 1px #CCC;
margin: 8px 4px;
clear: both;
}
.content_point:before {
content: 'POINT';
color: #FFF;
background: #dc143c;
padding: 2px 8px;
font-weight: bold;
}
p.point_text , p.matome_text {
padding: 0 8px;
}
.content_matome:before {
content: 'まとめ';
color: #FFF;
background: #191970;
padding: 2px 8px;
font-weight: bold;
}
.fluid.n_button_1.navi_button a:hover {
background: #EAEAEA;
}
.fluid.n_button_2.navi_button a:hover {
background: #EAEAEA;
}
.fluid.n_button_3.navi_button a:hover {
background: #EAEAEA;
}
.fluid.n_button_4.navi_button a:hover {
background: #EAEAEA;
}
.main_rank_table.main_rank_table_ ::before {
display: none;
}
.main_rank_table.main_rank_table_1, .main_rank_table.main_rank_table_2 {
margin-top: 0px;
}
h3.rank_W {
padding: 0 0 0 10px!important;
margin: 0;
border: none;
text-align: left;
font-size: 26px;
}
@media screen and (max-width: 481px) {
h3.rank_W {
font-size: 22px;
}
}
h3.rank_W::before {
display: none;
}
h4.rank_W {
margin-bottom: 8px;
margin-top: 0;
} table.info {
width: 94%;
margin: 20px auto 40px;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table.info th,
table.info td {
padding: 13px;
padding-left: 15px;
font-size: 11px;   
}
table.info th {
background: #ececec;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #000;
font-weight: normal;
border: 1px #cecece solid;
border-right: none;
background-clip: padding-box;
}
table.info th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #ececec;
border-width: 10px;
margin-top: -10px;
} @-moz-document url-prefix() { 
table.info th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #ececec 10px solid;
margin-top: -10px;
}
}
table.info td {
background: #fff;
padding-left: 22px;
border: 1px #cecece solid;
border-left: none;
}
@media only screen and (max-width: 769px) {
table.info {
width: 100%;
}
table.info th{
width: 80px;
}
table.info th {
padding-left: 10px;
}
}
.fluid.rank_catch.rank_TXT_color_1 {
border-top: solid 1px;
border-bottom: solid 1px;
margin-top: 24px;
} .kuchikomi{
width: 100%;
height: auto;
background: #f5fff3;
padding: 14px 10px;
display: flex;
}
.kuchikomi_wrap{
display: flex;
}
.review {
position: relative;
display: flex;
padding: 0 15px 5px;
margin: 2.5em auto;
width: 100%;
color: #555555;
background-color: #ffffff;
border: 1px dashed #cccccc;
box-shadow: 0px 0px 1px #999;
border-radius: 2px;
}
.review-title {
position: absolute;
top: -15px;
left: 30px;
padding: 4px 20px;
color: #424242;
font-weight: bold;
font-size: 14px;
background-color: rgb(245, 245, 245);
border-left: 2px dotted rgba(0,0,0,.1);
border-right: 2px dotted rgba(0,0,0,.1);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
transform: rotate(-3deg);
}
.review-title2{
font-size: 14px;
font-weight: bold;
color: #757575;
margin: 4px 10px 5px 0px;
border-bottom: 1px solid #cdcdcd;
padding: 0 0 2px 30px;
}
.review img {
width: 76px !important;
height: 82px !important;
float: left;
margin: 20px 20px 0 16px;
}
.review p{
overflow: hidden;
margin: 10px 0 6px !important;
font-size: 11px;
line-height: 18px;
}
.review-coment{
width:80%;
margin: 20px 10px 0 20px;
}
.review blockquote{
margin:0;
}
#ranking_box .review {
position: relative;
display: inline-block;
padding: 0 15px 5px;
margin: 24px 10px;
width: 100%;
color: #555555;
background-color: #ffffff;
border: 1px dashed #888;
box-shadow: 0px 0px 1px #999;
border-radius: 2px;
}
#ranking_box .review-coment{
width: 94%;
margin: 20px 10px 0;	
}
#ranking_box .review-title2{
margin: 70px 10px 5px 80px;	
}
#ranking_box .review blockquote {
margin: 10px 0;
}
@media only screen and (max-width: 769px) {
.kuchikomi{
width:100%;
padding: 14px 10px 24px;
display: block;
}
.kuchikomi_wrap{
display: block;
}
.review img{
width:60px;
margin: 20px 5px 0 0;
}
.review-coment{
margin: 16px 6px 0 10px;
}
.review {
padding: 0 8px 5px 10px;
}
#ranking_box .review {
padding: 0 10px 5px;
margin: 24px 0 5px 0;
}
#ranking_box .review-title2{
padding: 0 0 0 6px;
margin: 70px 10px 5px 80px;
}
#ranking_box .review-coment{
margin: 16px 0px 0 10px;
}
#ranking_box .review blockquote {
font-size:13px;
}	
} .note{
color: #696969;
margin: -10px 0 45px;
border: solid 1px #e6e6e6;
padding: 0.3em 1em 2em 1em;
width:82%;
float:right;
font-size:14px;
}
.note p{
line-height:24px;
}
.sen{
background-color: #fff;
background-image:
linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
background-size: 8px 100%,100% 24px;
line-height: 24px;
padding: 2em 1em 0.2em 1em;
}
@media only screen and (max-width: 769px) {
.note{	
margin: -15px 5px 45px 0;
width:84%;
}
.sen{	
background-size: 8px 100%,100% 24px;
}
}
.su-button-center {
margin: 45px 0 0 0;
}
.su-button-center {
margin: 45px 0 35px 0;
} .footer-banner {
position: fixed;
bottom: 0;
left: 0;
padding: 4px 0;
width: 100%;
background: rgb(10 10 10 / 70%);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 1;
}
.footer-totop-btn,
.footer-home-btn {
width: 64px;
font-size: 36px;
padding: 7px 0 5px;
margin: 0 15px 15px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer-home-btn {
position: fixed;
bottom: 0;
left: 0;
}
.footer-totop-btn {
position: fixed;
bottom: 0;
right: 0;
} *,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
}
.footer-banner-btn,
a .footer-banner-btn,
button .footer-banner-btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
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.7px;
color: #212529;
border-radius: 0.5rem;
}
.btn-wrap {
margin: 22px 0 14px;
}
a.btn-f {
font-size: 2rem;
position: relative;
padding: 0px 20px 10px 30px;
color: #fff;
background: #c52929;
-webkit-box-shadow: 0 5px 0 #880e0e;
box-shadow: 0 5px 0 #880e0e;
width: 60%;
}
a.btn-f span {
font-size: 1.3rem;
position: absolute;
top: -15px;
left: calc(50% - 38%);
display: block;
width: 77%;
padding: 0.7rem 0 0.5rem;
color: #c52929;
border: 2px solid #c52929;
border-radius: 0.5rem;
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-f:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #c52929;
-webkit-box-shadow: 0 2px 0 #880e0e;
box-shadow: 0 2px 0 #880e0e;
}
a.btn-f:hover:before {
left: 2rem;
}
a.footer-banner-btn:hover {
opacity: 0.7;
}
a.footer-banner-btn i {
margin-left: 15px;
font-size: 27px;
}
.footer-banner-txt {
font-size: 15px; width:80%;
max-width: 1000px; display:block;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.4;
text-align: center;
}
.footer-banner-txt p { width:100%;
line-height: 1.4;
margin: 5px 0 0;
font-weight: normal;
padding: 0 10px;
color:#fff;
}
.icon-space {
color: #aaa;
margin: 0 8px;
display:none;
}
@media only screen and (max-width: 1024px) {
.footer-banner-txt p {
width: calc(100% - 400px);
}
.footer-banner-txt {
font-size: 16px;
}
.footer-banner-txt p {
font-size: 14px;
}
a.footer-banner-btn {
padding: 0px 15px 9px;
}
}
@media only screen and (max-width: 768px) {
.footer-banner{
padding: 5px 0 0;		
}
.btn-wrap {
margin: 12px 0 10px;
}
a.btn-f {
font-size: 1.5rem;
width: 74%;
margin-right: 40px;
}
a.btn-f span {
font-size: 1rem;
top: -9px;
left: calc(50% - 40%);
width: 80%;
padding: 0.5rem 0 0.3rem;
}
.footer-home-btn{
width: 40px;
padding: 0;
line-height: 1.5;
position: absolute;
bottom: 100%;
font-size: 34px;
margin: 0;
}
.footer-totop-btn {
width: 40px;
padding: 0;
bottom: 1rem;
right: 1rem;
line-height: 1.5;
font-size: 34px;
margin: 0;
}
.footer-banner-txt p {
width: 100%;
}
.footer-banner-txt {
font-size: 16px;
width: 100%;
text-align: center;
justify-content: center;
}
.icon-space {
display: none;
}
.footer-banner-txt p {
padding: 5px 20px;
}
.footer-banner-btn,
a .footer-banner-btn,
button .footer-banner-btn {
letter-spacing: 0.2px;
}
a.footer-banner-btn {
padding: 0px 15px 10px;
margin-bottom: 5px;
width: 74%;
}
a.footer-banner-btn i {
margin-left: 12px;
font-size: 22px;
}
}
@media only screen and (max-width: 600px) {
.footer-banner-txt p {
font-size: 12px;
}
}
div#table_rank_IT { padding-top: 20px;
}
#table_rank_IT .ran_ico {
margin-right: 1%;
}
#table_rank_IT img {
width: 50px;
height: 50px;
object-fit: cover;
} .point{
background: #FFF3F3;
margin: 2em 0;
padding: 25px;
border-radius: 10px;
}
.point-circle1{
font-size: 17px;
line-height: 1.6;
position: absolute;
margin-top: -37px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle1:after{
content: "イ";
position: absolute;
margin-top: .2em;
margin-left: 1.5px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:before{
content: "";
position: absolute;
top: 96%;
margin-left: -14px;
border: 5px solid transparent;
border-top: 10px solid #FF3939;
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.point-circle2{
position: absolute;
font-size: 17px;
line-height: 1.6;
margin-top: -37px;
margin-left: 46px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:after{
content: "ト";
position: absolute;
margin-top: .2em;
margin-left: 1px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point p{
margin: 0;
padding: 0;
}
.matome{
background: #F7F8F9;
margin: 2.4em 0;
padding: 25px;
border-radius: 10px;
} table.info {
width: 94%;
margin: 20px auto 40px;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table.info th,
table.info td {
padding: 13px;
padding-left: 15px;
font-size: 11px;   
}
table.info th {
background: #ececec;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #000;
font-weight: normal;
border: 1px #cecece solid;
border-right: none;
background-clip: padding-box;
}
table.info th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #ececec;
border-width: 10px;
margin-top: -10px;
} @-moz-document url-prefix() { 
table.info th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #ececec 10px solid;
margin-top: -10px;
}
}
table.info td {
background: #fff;
padding-left: 22px;
border: 1px #cecece solid;
border-left: none;
}
@media only screen and (max-width: 769px) {
table.info {
width: 100%;
}
table.info th{
width: 80px;
}
table.info th {
padding-left: 10px;
}
}
.table-btn a:hover {
margin: 12px auto 0;
box-shadow: none;
opacity: .85;
}
#wprmenu_bar .bar_logo {
margin: 0 0 5px !important;
}
@media only screen and (min-width:769px){
div#main_map {
position: relative;
}
.main-map {
margin: 0 30% 0 0;
width: 42%;
}
.map-content {
position: absolute;
top: 30%;
left: 60%;
min-width: 70%;
}
.map-content .fluid base_B {
margin: 0;
padding: 0;
}
}
@media only screen and (min-width:426px){
div#main_map {
position: relative;
}
.main-map {
margin: 0 30% 0 0;
width: 50%;
}
.map-content {
position: absolute;
top: 10%!important;
left: 30%!important;
min-width: 50%;
}
.map-content p {
margin: 25px 0!important;
}
}
@media only screen and (max-width:425px){ .main-map {
display: none;
}
div#navi_wrap a {
padding: 2rem 0;
}
.fluid.blog_read {
max-width: 90%!important;
}
}
div#main_map {
margin-bottom: 30px;
padding: 15px;
background: #e1ffed;
}
@media only screen and (max-width:425px){
div#main_map {
background: none;
}
}
.map-content {
background: rgba(211,214,208,0.5);
padding: 20px;
min-width: 68%;
text-align: center;
font-weight: bold;
}
.map-content h2.read_TXT {
font-size: 16px!important;
margin: 0;
}
#footer_menu #navi {
margin-bottom: 0;
background-color: #EAEAEA!important;
}
#footer_menu #navi a {
color: #333333;
border-bottom: solid 1px #CCCCCC;
}
#footer_menu #navi .n_button_1, #footer_menu #navi .n_button_2, #footer_menu #navi .n_button_3, #footer_menu #navi .n_button_4, #footer_menu #navi .n_button_5, #footer_menu #navi .n_button_6 {
clear: none;
width: 100%;
display: inline-block;
text-align: left;
}
#footer_menu #navi a:link {
text-align: left!important;
}
#footer h3 {
font-weight: bold;
font-size: 14px;
margin-top: 2rem;
border: none;
padding-left: 0px!important;
text-align: left;
}
#footer h3:before {
display: none;
}
#footer li {
margin-left: 0;
}
#footer {
margin-top: 5%;
background-color: #EAEAEA;
}
#footer a {
font-size: 12px;
}
#footer_widget {
max-width: 1010px;
padding: 0 3%;
clear: none;
display: flex;
margin-left: auto;
margin-right: auto;
}
#footer_widget .n_button_1 {
border-right: none!important;
}
#footer_widget .n_button_3 {
border-right: none!important;
}
#footer_widget .n_button_5 {
border-right: none!important;
}
.footer_widget_left {
padding: 5% 3%;
}
.footer_widget_center {
padding: 5% 3%;
}
.footer_widget_right {
padding: 5% 3%;
}
@media only screen and (min-width: 769px) {
.footer_widget_left {
width: 30%;
}
.footer_widget_right {
}
.footer_widget_center {
width: 30%;
}
}
.fluid.footer_rank_title {
border-bottom: solid 1px #CCCCCC;
}
.footerRank_title_0 {
padding: 2rem 0;
}
.under_area_topline {
background-color: #0A0A0A;
line-height: 0;
border-bottom: solid 1px #e3e3e3;
height: 3px;
}
.under_area {
text-align: center;
background-color: #0A0A0A;
color: #BFBFBF;
padding: 8px 0;
font-size: 10px;
}
.under_color_line {
height: 6px;
}
.under_area a {
color: #BFBFBF;
}
.under_area a:link {
color: #BFBFBF;
}
#footer h3:after {
display: none;
}
.footer_navi .fluid.n_button_2.navi_button, .footer_navi .fluid.n_button_3.navi_button {
display: none!important;
}
.fluid.blog_read {
padding: 1rem;
text-align: center;
border: solid 1px #FBFAE3;
margin: 1rem;
background: #FBFAE3;
color: #585858;
max-width: 95%;
}
.area_map a {
padding: 0 .5rem;
word-break: keep-all;
font-weight: bold;
}
.area_map {
margin: 2rem 0;
background: #EAEAEA;
padding: 2rem;
text-align: center;
}
.area_map h3:after {
display: none!important;
}
.area_map h3 {
margin: 0 0 2rem!important;
border: none;
background: #585858;
color: #FFF;
padding: 1rem!important;
font-size: 1.3em;
}
.category_text {
margin: 1rem;
line-height: 30px!important;
}
@media only screen and (min-width: 426px) {
.map-content-sp {
display: none;
}
}
@media only screen and (max-width: 425px) {
.map-content-pc {
display: none;
}
.map-content-sp p {
margin: 2rem 0;
}
#main_map {
padding: 0!important;
}
}
.top-navi .navi_button a:link {
padding: 16px 0;
}
.color_r {
font-weight: bold;
color: #ff0000;
}
.color_b {
font-weight: bold;
color: #0000ff;
} .table-btn a {
width: 100%;
background-color: #4dbbad;
border-radius: 5px;
box-shadow: 0 3px 0 rgba(83,153,131.3);
color: #ffffff !important;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 10px auto;
padding: 7px 0;
} @media only screen and (min-width:768px) { .tableRank_title_0 {
min-height: 8rem;
}
.tableRank_main_title_0 {
min-height: 5rem;
}
#main_area_table  .rank_table_point { }
.RT1 { }
.RT2 { }
.RT3 { }
.RT4 { }
.RT5 { }
}
@media only screen and (max-width:767px) { .tableRank_title_0 {
min-height: 5rem;
}
.tableRank_main_title_0 {
min-height: 4em;
}
#main_area_table  .rank_table_point { }
.RT1 { }
.RT2 { }
.RT3 { }
.RT4 { }
.RT5 { }
}
@media only screen and (max-width: 500px){
#footer_widget{
display:block;
}
#main_rank_table{
display: block;
}
.main_rank_table.main_rank_table_,.main_rank_table_1,.main_rank_table_2{
width: 100%;
margin:2rem 0;
}
.tableRank_title_0{
font-size: 3.5em;	
}
.rank_table_point_left{
font-size: 1.5rem;
}
.rank_table_point .rank_table_point_right{
font-size: 3em;
}
.rank_table_read{
font-size:20px!important;
}
#main_area_table .rank_table_point_right{
font-size:1.2em!important;
}
} .table.detail {
background-color: #fff;
margin: 30px 0;
}
.table table,
.table table tbody,
.table table tbody tr,
.table table tbody tr th,
.table table tbody tr td {
display: block;
width: 100%;
border: none;
}
.table table tbody tr {
display: flex;
padding: 0;
}
.table table tbody tr th {
width: 25%;
padding: 14px;
min-width: 120px;
background-color: #EAEAEA;
text-align: left;
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
border: 0.5px solid #cecece;
border-right: none;
}
.table table tbody tr td {
border: 0.5px solid #cecece;
padding: 14px;
font-size: 14px;
}
.table .table-ttl {
font-size: 18px;
padding: 12px;
border-bottom: 1px dashed #585858;
margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
.table table tbody tr {
display: block;
}
.table table tbody tr th {
padding: 8px;
width: 100%;
min-height: auto;
border: none;
font-size: 14px;
}
.table table tbody tr td {
border-left: 0.5px solid #cecece;
padding: 5px;
font-size: 12px;
border-top: 0;
border-bottom: 0;
}
.table table tbody tr td:last-child {
border-bottom: 0.5px solid #cecece;
}
}
@media screen and (max-width: 450px) {
.table table tbody tr th {
padding: 5px;
}
}
iframe {
width: 100%;
}
.headline_title{
margin: 4rem 0 3rem 0;
border-bottom: 2px solid #000;
padding-bottom: 1rem;
font-size: 2.5rem;
}
@media only screen and (max-width: 500px){
.headline_title{
font-size:2rem;
}
} .top_faq {
position: relative;
overflow: hidden;
width: 49%;
margin: 0 3px;
float:left;
}
.top_faq label {
font-weight: bold;
font-size: 16px;
line-height: 24px;
position: relative;
display: block;
padding: 15px 36px 12px 48px;
cursor: pointer;
margin: 0 0 25px 0;
background: rgba(255,237,222);
height: auto;
border-radius: 8px;
color: #616161;
clear: both;
transition: all 0.5s;
}
.top_faq label:hover{
background: rgba(255,183,89,0.55);
-webkit-transition: all .3s;
transition: all .3s;
}
.top_faq label:before{
color: #6378b3;
content: "Q";
float: left;
margin-left: -30px;
font-size: 28px;
font-family: Courier;
}
.top_faq label:after{
color: #737373;
font-family:"FontAwesome";
content:" \f078";
float: right;
margin-right: -18px;
}
.top_faq input:checked ~ label::after {
color: #737373;
font-family:"FontAwesome";
content:" \f077";
}
.top_faq .top_faq-content {
overflow: hidden;
height: 0px;
padding: 0px;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
width: 90%;
float: right;
border-radius: 8px;
}
.top_faq .top_faq-content p {
margin: 1em;
font-size: 14px;
}
.top_faq .top_faq-content::before{
color: #800;
content: "A";
float: left;
font-size: 28px;
font-family: Courier;
font-weight: bold;
margin: 10px 15px 15px;
}
.top_faq p{
margin-bottom:0px;
}
.top_faq input {
position: absolute;
z-index: -1;
opacity: 0;
}
.top_faq input:checked ~ .top_faq-content {
height: auto;
padding: 5px;
color: #777;
background: #f7f7f7;
opacity: 1;
margin: -20px auto 20px;
}
@media only screen and (max-width: 769px) {
.top_faq{
width: 100%;
}
.top_faq label{
font-size: 14px;
line-height: 20px;
padding: 16px 38px 14px 44px;
margin: 0 0 10px 0;
}
.top_faq label:before{
margin-left: -28px;
}
.top_faq label:after{
margin-right: -15px;            
}       
.top_faq .top_faq-content {
width: 91%;
}
.top_faq .top_faq-content p{
font-size: 12px;
}
.top_faq input:checked ~ .top_faq-content{
margin: -5px auto 20px;
}
}
.faq_link{
text-align:right;
margin: 60px auto 20px;
clear:both;
} .faq-box{
width: auto;
margin: 10px auto -25px;
}
.faq-box label{
max-width: 100%;
font-size: 15px;
font-weight: bold;
text-align: left;
background: rgba(255,237,222);
margin: -5px auto;
line-height: 24px;
position: relative;
display: block;
height: auto;
border-radius: 8px;
cursor: pointer;
color: #616161;
transition: all 0.5s;
padding: 15px 50px 12px 50px;
clear: both;
}
.faq-box label:hover{
background: rgba(255,183,89,0.55);
-webkit-transition: all .3s;
transition: all .3s;
}
.faq-box input{
display: none;
}
.faq-box label:before{
color: #6378b3;
content: "Q";
float: left;
margin-left: -30px;
font-size: 28px;
font-family: Courier;
}
.faq-box label:after{
color: #737373;
font-family:"FontAwesome";
content:" \f078";
float: right;
margin-right: -28px;
}
.faq-box input:checked ~ label::after {
color: #737373;
font-family:"FontAwesome";
content:" \f077";
}
.faq-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
width: 94%;
float: right;
border-radius: 8px;
}
.faq-box input:checked ~ div{
height: auto;
padding: 5px;
background: #f7f7f7;
opacity: 1;
margin: -8px auto 20px;
}
.faq-box div::before{
color: #800;
content: "A";
float: left;
font-size: 28px;
font-family: Courier;
font-weight: bold;
margin: 10px 15px 15px;
}
.faq-box div p{
color: #777;
line-height: 23px;
font-size: 12px;
padding: 0px 15px 10px 50px;
text-align: justify;
}
.faq-small p{
margin-bottom: 0px;
}
@media only screen and (max-width: 769px) {
.faq-box label{
font-size: 14px;
line-height: 20px;
padding: 16px 38px 14px 44px;
margin: -10px auto;
}
.faq-box label:before{
margin-left: -28px;
}
.faq-box label:after{
margin-right: -15px;
}       
.faq-box div{
width: 91%;
}
.faq-box input:checked ~ div{
margin: -4px auto 20px;
}       
} .site-header,
header.l-header,
.top_area {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
margin: 0 auto;
z-index: 10;
}
.logo img {
max-width: 95%;
height: auto;
}
@media screen and (max-width: 768px) {
.cbp-spmenu-push .top_area {
top: 42px!important;
}
}
.top_area_right #navi {
margin-top:0!important;
}
.sideber_rank_title,
.rank-1 h3,
.rankIcon_1,
.rankIcon_no {
position: relative;
width: 100%;
}
span.pr-tag {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
display: block;
margin: auto;
width: 38px;
height: 20px;
padding: 6px 10px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 5px;
background: #f9f9f9;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 700;
box-sizing: border-box;
color:#444;
}
.site-brand span.pr-tag_st,
.headerInner span.pr-tag_st,
.site_name span.pr-tag_st {
display:inline-block;
font-size: 14px;
padding: 3px 12px;
background: #444;
color: #fff;
line-height: 1;
display: flex;
word-break: normal;
align-items: center;
justify-content: center;
}
.site-brand,
.headerInner-logo,
.site_name {
display: flex;
align-items: center;
margin-left: 1rem;
}
.site-brand span,
.headerInner-logo span,
.site_name span {
margin-right: 6px;
}
.recommend-ttl_h3 {
text-align: left;
padding-right: 50px;
}
.Social_button {
height:0;
}
.fluid.breadcrumb_list_TXT {
display: block;
background: #ededed;
padding: 1rem;
margin-top: -12px;
} .ran_button_1, .ran_button_2 {
width: 100%; display: block; max-width: 430px; margin: 0 auto;
}
.ran_button_2 {
max-width: 550px;
}
.ran_button_2 .home_btn {
width: 100%; max-width: 100%; padding: 16px 8px;
}
.ran_button_1 .rank_btn {
margin: 5px 0!important; width: 100% !important; } #main_rank_table a {
display: block; width: 100%; max-width: 430px;
}
#main_rank_table .rank_table_read.home_btn {
width: 100%; margin: 0 auto; }
.sns-link-wrapper{
text-align:center;
}
.sns-link + .sns-link{
margin-left: 10px;
box-sizing: border-box;
}
.sns-link img{
width:100px;
} .pickup-box {
margin-top: 6rem;
}
.pickup-box dt span {
color: #333;
display: block;
font-size: 1.8rem;
font-weight: 500;
margin: 0 auto 1rem auto;
max-width: 38rem;
padding: 0 1.2rem 0 1.5rem;
position: relative;
text-align: center;
width: 100%;
}
.pickup-box dt span::before,
.pickup-box dt span::after {
content: '\02f';
font-weight: 200;
position: absolute;
top: 0;
}
.pickup-box dt span::before {
left: 0;
transform: scale(-1, 1);
}
.pickup-box dt span::after {
right: 0;
}
.pickup-box dd {
background-color: #FFF;
border: 0.3rem solid #333;
border-radius: 0;
display: flex;
flex-wrap: wrap;
padding: 2rem;
position: relative;
margin:0 auto;
}
.pickup-box dd h3 {
align-items: center;
background-color: #333;
background-image: url(https://beautyschool-mie.info/wp-content/uploads/photo_04-min.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
color: #FFF !important;
display: flex;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 600;
height: 7rem;
justify-content: center;
margin-bottom: 2rem;
margin-left: -2rem;
margin-top: -2rem;
min-width: calc(100% + 4rem) !important;
text-align: center;
position: relative;
width: calc(100% + 4rem) !important;
z-index: 0;
}
.pickup-box dd h3::before {
}
.pickup-box dd h3::after {
align-items: center;
background-color: #333;
color: #FFF;
content: 'PR';
display: flex;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
font-weight: 500;
height: 2rem;
justify-content: center;
position: absolute;
right: 1rem;
top: 1rem;
width: 3rem;
}
.pickup-box dd h3 span {
align-items: center;
background-image: url(https://beautyschool-mie.info/wp-content/uploads/object_01-min-1.png);
background-position: left 2rem top 50%;
background-repeat: no-repeat;
background-size: auto 3rem;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
.pickup-box dd .mainImg {
margin-right: 3rem;
width: 25rem;
}
.pickup-box dd .mainImg img {
height: 100%;
object-fit: cover;
width: 100%;
}
.pickup-box dd .textsBox {
width: calc(100% - 28rem);
}
.pickup-box dd .textsBox .texts {
margin-bottom: 2rem;
}
.pickup-box dd .textsBox .texts p:not(:last-of-type) {
margin-bottom: 1rem;
}
.pickup-box dd .textsBox .pickup-btn a {
align-items: center;
border-radius: 0;
display: flex;
font-size: 2rem;
font-weight: 500;
height: 6rem;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 1140px) {
.pickup-box dd h3 {
font-size: 2rem;
margin-bottom: 2rem;
}
.pickup-box dd .mainImg {
margin-bottom: 3rem;
margin-right: 0;
width: 100%;
}
.pickup-box dd .textsBox {
width: 100%;
}
}
@media only screen and (max-width: 900px) {
.pickup-box dd h3 {
font-size: 1.8rem;
}
.pickup-box dd .textsBox .pickup-btn a {
font-size: 1.8rem;
height: 6rem;
}
}
@media only screen and (max-width: 480px) {
.pickup-box dt span,
.pickup-box dd .textsBox .pickup-btn a {
font-size: 1.6rem;
max-width: 32rem;
}
}
.pickup-box dd .textsBox .pickup-btn a{
background: linear-gradient(rgb(184,5,0), rgb(204,10,0));
color:white !important;
padding:10px 0;
margin:0 auto;
}
.pickup-box dd .textsBox .pickup-btn a i{
margin-left:10px;
} .sns-link-slider{
overflow:auto;
}
.sns-link-wrapper{
display:flex;
justify-content: space-between;
}
.sns-link-wrapper .sns-link {
width: calc(100% / 3.1);
min-width: 285px;
}
.sns-link-wrapper .sns-link + .sns-link {
margin-left: 15px;
}
.sns-link-wrapper .sns-link iframe {
min-width: 285px !important;
} .gallery-list{
display: flex;
justify-content: space-between;
overflow-x: auto;
flex-wrap: nowrap;
}
.gallery-item{
width: calc(100% / 3.1);
min-width: calc(1060px / 3.1);
} [class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea {
display: flex;
overflow-x: auto;
flex-wrap: nowrap;
scroll-snap-type: x mandatory;
padding-bottom: 16px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box {
background-color: #fff;
padding: 20px 15px 205px;
box-sizing: border-box;
scroll-snap-align: start;
min-width: calc(1000px / 3.1);
width: calc((100% - 40px) / 2);
border: 3px solid var(--box3-primary-color);
position: relative;
}
.subpage [class*="is-BrSearchContents-style_selectBoxes_"] .select-box,
.single [class*="is-BrSearchContents-style_selectBoxes_"] .select-box {
min-width: calc(1000px / 2.5);
}
@media screen and (max-width: 480px) {
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box,
.subpage [class*="is-BrSearchContents-style_selectBoxes_"] .select-box,
.single [class*="is-BrSearchContents-style_selectBoxes_"] .select-box {
width: 100%;
min-width: 100%;
}
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box + .select-box {
margin-left: 20px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-name {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 12.5px;
}
.subpage [class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-name {
font-size: 18px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-capture a {
display: block;
width: 100%;
box-sizing: border-box;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box img:not(img.rank-icon) {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-quote {
display: block;
font-size: 10px;
text-align: right;
line-height: 1;
margin: 5px 5px 5px auto !important;
color: #999;
cursor: pointer;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 3px 3px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt {
margin: 12.5px 0;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt.select-points li {
font-size: 16px;
font-weight: 500;
margin: 0 !important;
padding: 0 0 0 25px !important;
list-style: none;
border: unset !important;
line-height: 1.4 !important;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt.select-points li + li {
margin-top: 10px !important;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-txt.select-points li::before {
content: "\f14a";
font-weight: 900;
font-family: 'Font Awesome 6 Free';
display: block;
color: #fff;
font-size: 20px;
line-height: 1;
color: var(--box3-points-color);
text-align: center;
position: absolute;
left: 0;
top: 1.5px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btns{
position: absolute;
bottom: 20px;
right: 0;
left: 0;
width: calc(100% - 30px);
margin: 0 auto;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] + [class*="select-btn_"] {
margin: 16px 0 0;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] a {
display: block;
width: 100%;
font-size: 16px;
display: block;
color: #fff;
width: 100%;
box-sizing: border-box;
text-decoration: none;
font-weight: 600 !important;
letter-spacing: 0.06em;
line-height: 1.4;
padding: 18px 32px;
border-radius: 100px;
border: 2px solid;
text-align: center;
transition: 0.3s;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
} [class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
text-align: center;
margin-bottom: 0.5rem;
font-size: 1.4rem;
font-weight: 500;
transition: 0.3s;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::after {
content: "";
display: inline-block;
width: 20px;
height: 3px;
border-radius: 5px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 .select-copy::after {
background-color: var(--box3-btn1--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 .select-copy::after {
background-color: var(--box3-btn2--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::before {
margin-right: 0.6rem;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::after {
margin-left: 0.6rem;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
background-color: var(--box3-btn1--color);
border-color: var(--box3-btn1--color);
color: #fff;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a:hover {
background: #fff;
color: var(--box3-btn1--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 a {
background-color: var(--box3-btn2--color);
border-color: var(--box3-btn2--color);
color: #fff;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 a:hover {
background: #fff;
color: var(--box3-btn2--color);
} [class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar {
height: 8px;
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-track {
background-color: #efefef;
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-thumb {
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-thumb {
background-color: var(--box3-primary-color);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-name::after {
background-color: var(--box3-primary-color);
}
[class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-name {
text-align: left;
padding-left: 50px;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box .select-name::before {
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: unset !important;
min-width: 40px;
height: 40px !important;
position: absolute;
top: 0;
left: 0;
transform: translateY(-25%);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(1) .select-name::before {
background-image: url(https://beautyschool-mie.info/wp-content/uploads/rank1.png);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(2) .select-name::before {
background-image: url(https://beautyschool-mie.info/wp-content/uploads/rank2.png);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(3) .select-name::before {
background-image: url(https://beautyschool-mie.info/wp-content/uploads/rank3.png);
} .is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs {
border-bottom: 0.5rem solid  var(--box3-primary-color);
display: flex;
height: 70px;
margin: 0 0 10px !important;
padding: 0 !important;
width: 100%;
box-sizing: border-box;
}
@media screen and (min-width: 481px) {
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs {
display: none;
}
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li {
width: calc((100% - 20px) / 3);
margin: 0 10px 0 0 !important;
padding: 0 !important;
list-style: none;
box-sizing: border-box;
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li:last-of-type {
margin-right: 0 !important;
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li a {
list-style: none;
text-decoration: none !important;
align-items: center;
background:  var(--box3-primary-color);
color: #DDB32A;
display: flex;
flex-wrap: wrap;
font-size: 12px;
font-weight: 700;
height: 50px;
justify-content: center;
letter-spacing: 0.05em;
line-height: 1;
margin-top: 16px;
pointer-events: none;
text-align: center;
width: 100%;
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li.active a {
height: 100%;
margin-top: 0;
opacity: 1.0 !important;
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li a span b {
color: #FFF;
display: block;
font-family: 'Zen Kaku Gothic Antique', sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 0.5rem;
}
.is-BrSearchContents-style_selectBoxes_ranking_tab .select-tabs li.active a span b {
font-size: 20px;
margin-bottom: 3px;
}
[class*="is-BrSearchContents-style_selectBoxes_"]  br:not([class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] a ) {
display: none
} :root {
--box3-primary-color: #942343;
--box3-btn1--color: #942343;
--box3-btn2--color: #d44114;
--box3-points-color: #E8410E;
} .review-type.tab {
background: #fff;
padding: 22px;
}
.home .review-type.tab,
#main .review-type.tab{
padding: 0;
}
.review-type.tab .tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 10px 8px;
margin: 0 0 16px !important;
padding: 0 !important;
}
.review-type.tab .tabs li {
font-size: 14px;
background: #e1e1e1;
color: #444;
padding: 5px 20px !important;
cursor: pointer;
list-style: none;
margin: 0 !important;
display: block;
background: #fff;
border: 1px solid rgba(28, 41, 81, 0.2) !important;
line-height: 1.2 !important;
}
.review-type.tab .tabs li.active {
background: var(--review-tab-primary-color) !important;
color: #fff;
} .tab-wrapper .tab-content {
display: none;
}
.tab-wrapper p{
margin: 0 !important;
}
.tab-wrapper .tab-content.active {
display: block;
}
.tab-wrapper .tab-content .tab-item {
min-width: 100%;
scroll-snap-align: start;
}
.home .tab-wrapper .tab-content .tab-item,
#ranking_box .tab-wrapper .tab-content .tab-item{
min-width: 49%;
width: 49%;
}
.tab-wrapper .tab-content .tab-item + .tab-item {
margin-left: 1rem;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review,
.tab-wrapper .tab-content .tab-item .tab-inner_admin {
background: var(--review-tab-bg-color);
padding: 12px 16px;
}
.tab-wrapper .tab-content .tab-item .title {
font-size: 16px;
font-weight: 600 !important;
margin: 0 0 10px !important;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review .title,
.tab-wrapper .tab-content .tab-item .tab-inner_admin .title {
border-bottom: 2px solid var(--review-tab-primary-color) !important;
padding-bottom: 5px;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review .title span {
display: inline-block;
margin-left: 6px;
font-size: 12px;
}
.tab-wrapper .tab-content .tab-item blockquote {
margin: 0 !important;
font-size: 14px;
}
.tab-wrapper .tab-content .tab-item .quote {
display: block;
font-size: 10px;
margin-top:1.25rem;
text-align: right;
}
.tab-wrapper .tab-content .tab-item .quote a {
color: blue;
text-decoration: underline;
}
.tab-wrapper .tab-content .tab-item .tab-inner_admin {
margin-top: 16px;
}
.tab-wrapper .tab-content .tab-item .tab-inner_admin p {
font-size: 14px;
} .tab-wrapper .tab-content .exScrollArea {
display: flex;
flex-wrap: nowrap;
padding-bottom: 16px;
overflow-y: hidden !important;
scroll-snap-type: x mandatory;
}
.tab-wrapper .exScrollArea::after {
display: none;
}
.exScrollArea::-webkit-scrollbar {
height: 10px;
}
.exScrollArea::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.exScrollArea::-webkit-scrollbar-thumb{
background-color: #ccc;
border-radius: 50px;
}
@media (max-width: 768px) {
.review-type.tab {
padding: 16px !important;
}
.home .review-type.tab,
#main .review-type.tab{
padding: 0 !important;
}
.home .tab-wrapper .tab-content .tab-item {
min-width: 100%;
width: 100%;
}
.tab-wrapper .tab-content .exScrollArea {
padding-bottom: 5px;
}
} :root {
--review-tab-primary-color: #942343;
--review-tab-bg-color: #f7f7f7;
} ul.point-list {
margin: 0 !important;
padding: 0 !important;
}
.point-list li {
margin: 0 !important;
padding: 0 !important;
line-height: 1.6;
list-style: none;
}
.point-list li + li {
margin-top: 5px !important;
} .point-list .point-item.design4 {
font-size: 16px;
border-bottom: 1px solid #333 !important;
padding: 0 0 5px 28px !important;
position: relative;
}
.point-list .point-item.design4 + .point-item.design4 {
margin-top: 12px !important;
}
.point-list .point-item.design4 span.point-icon {
position: absolute;
top: 2px;
left: 0;
}
.point-list .point-item.design4 span.point-icon i {
font-size: 24px !important;
font-weight: 500;
color: #942343; }
.point-list .point-item.design4 p {
margin: 0 !important;
}  [class*="is-BrSearchContents-style_pickupBox_"] {
clear: both;
margin: 40px 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 5px;
position: relative;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span {
font-size: 16px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
content: "";
display: block;
width: 3px;
height: 27px;
background-color: var(--pickup-box-primary-color);
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
height: 37px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before {
margin-right: 16px;
transform: rotate(-22deg);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
margin-left: 16px;
transform: rotate(22deg);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
background-color: var(--pickup-box-primary-color);
padding: 0 !important;
margin: 0 !important;
border-radius: 7px 7px 0 0;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
text-align: center;
color: #FFF !important;
position: relative;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title {
font-size: 22px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title span {
padding: 0 60px;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::before {
background-color: var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::after {
color: var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::before {
display: none !important;
visibility: hidden !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::after {
content: "PR";
display: flex;
align-items: center;
justify-content: center;
background: #fff;
width: 30px;
height: 23px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
[class*="is-BrSearchContents-style_pickupBox_"] dl {
margin: 0 !important;
border-radius: 15px 15px 0 0;
border: 5px solid var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] dd {
background-color: #fff;
padding: 20px 20px 25px;
margin: 0 !important;
position: relative;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-img {
width: 100%;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-img img {
width: 100%;
height: auto !important;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-point,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text {
margin: 15px 0 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text p {
font-size: 14px !important;
margin: 0 !important;
line-height: 1.45;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text p + p {
margin-top: 16px !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn {
width: 100%;
max-width: 350px;
min-width: 150px;
margin: 16px auto 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a {
display: block;
width: 100%;
background: var(--pickup-box-button-bg-color);
-webkit-box-shadow: 0 5px 0 var(--pickup-box-button-shadow-color);
box-shadow: 0 5px 0 var(--pickup-box-button-shadow-color);
margin: 0 !important;
font-size: 16.5px;
font-weight: 600 !important;
line-height: 1.5;
letter-spacing: 0.06em;
text-align: center;
color: #fff !important;
padding: 20px 32.5px;
cursor: pointer;
box-sizing: border-box;
text-decoration: none !important;
text-shadow: none;
border: none;
visibility: visible;
position: relative;
} [class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn:hover a {
box-shadow: 0 2px 0 var(--pickup-box-button-shadow-color);
transform: translateY(5px);
transition: 0.3s;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a::before {
display: none;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-quote {
display: block;
font-size: 10px;
text-align: right;
line-height: 1;
margin: 5px 5px 5px auto;
color: #999;
cursor: pointer;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 3px 3px;
} .is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point {
padding: 10px 0 0;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointTitle {
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 16px;
border-bottom: 3px solid var(--pickup-box-primary-color);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img img {
height: 180px !important;
}
@media screen and (min-width: 600px) {
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point {
padding: 15px;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img {
width: 50%;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point  {
padding: 0 0 0 15px;
width: 100%;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-title::after {
width: 45px;
height: 30px;
font-size: 14px;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img img {
height: 180px !important;
}
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList {
margin: 0 !important;
padding: 0 !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
margin: 0 !important;
padding: 0 !important;
line-height: 1.4;
list-style: none;
border: none !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem + .pickupBox-pointItem {
margin-top: 5px !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
background: var(--pickup-box-pointIcon-bg);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem .pickupBox-pointIcon {
display: flex;
align-items: center;
justify-content: center;
padding: 7px 10px;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: 500;
min-width: 80px;
background-color: var(--pickup-box-primary-color);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem p {
font-size:14px;
padding: 5px 10px !important; 
margin: 0 !important;
text-align: center;
line-height: 1.4;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem .pickupBox-pointIcon i {
margin-right: 0.5rem;
}
@media screen and (min-width: 600px) {
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
display: flex;
justify-content: normal;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem p {
display: flex;
align-items: center;
text-align: left;
}
} :root {
--pickup-box-primary-color: #942343;
--pickup-box-pointIcon-bg: rgba(239, 239, 239,0.5);
--pickup-box-button-bg-color: #00A23F;
--pickup-box-button-shadow-color: #44794A;
}  [class*="is-BrSearchBtn-style_"] {
margin: 25px 0 ;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] {
display: flex;
align-items: flex-end;
justify-content: center;
}
} [class*="is-BrSearchBtn-style_"] .btn .btn-copy {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
[class*="is-BrSearchBtn-style_"] .btn + .btn {
margin-top: 16px !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btn-copy + .btn.btn-copy {
margin-top: 40px !important;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] .btn + .btn,
[class*="is-BrSearchBtn-style_"] .btn.btn-copy + .btn.btn-copy {
margin: 0 0 0 16px !important;
}
}
[class*="is-BrSearchBtn-style_"] .btn {
width: 100%;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
color: unset !important;
max-width: 350px;
min-width: 150px;
text-shadow: none;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] .btn {
margin: unset !important;
}
}
[class*="is-BrSearchBtn-style_"] .btn .btn-copy {
display: block;
text-align: center;
margin-bottom: 5px;
font-size: 12px;
transition: 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn a {
display: block;
position: relative;
text-align: center;
color: #fff !important;
box-sizing: border-box;
padding: 20px 35px !important;
border: 2px solid;
transition: 0.3s;
width: 100% !important;
font-weight: 600 !important;
letter-spacing: 0.06em;
line-height: 1.4 !important;
margin: 0 !important;
text-decoration: none;
text-shadow: none !important;
border-radius: unset !important;
box-shadow: none !important;
font-size: 16px !important;
}
[class*="is-BrSearchBtn-style_"] .btn a::before,
[class*="is-BrSearchBtn-style_"] .btn a::after {
display: none;
visibility: hidden;
}
[class*="is-BrSearchBtn-style_"] .btn a i {
position: absolute;
top: 0;
bottom: 0;
right: 16px;
height: 16px;
margin: auto;
} [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy {
display: flex;
align-items: center;
justify-content: center;
}
[class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::after {
content: "";
display: inline-block;
width: 20px;
height: 3px;
border-radius: 5px;
}
[class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::before {
margin-right: 6px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
[class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::after {
margin-left: 6px;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
[class*="is-BrSearchBtn-style_"] .btn.design1 a {
border-radius: 100px !important;
}
[class*="is-BrSearchBtn-style_"] .btn.design1 a:hover {
background: #fff !important;
} [class*="is-BrSearchBtn-style_"] .btn.design2 {
position: relative;
}
[class*="is-BrSearchBtn-style_"] .btn.design2 .btn-copy {
width: 80%;
padding: 2px 0;
border: 2px solid;
border-radius: 5px;
background: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
z-index: 5;
transition: 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn.design2 a {
display: inline-block;
line-height: 1.5;
border: none;
border-radius: 5px;
position: relative;
color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn.design2:hover .btn-copy {
transform: translate(-50%, calc(-70% + 5px));
transition: 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn.design2:hover a {
transform: translateY(5px);
transition: 0.3s;
} [class*="is-BrSearchBtn-style_"] .btn.design3 {
position: relative;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 a {
position: relative;
border-radius: 5px !important;
display: inline-block;
border: none;
color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy {
font-size: 12px;
position: absolute;
top: -12.5px;
left: calc(50% - 150px);
display: block;
width: 300px;
padding: 2px 0;
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);
z-index: 1;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::before,
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::after {
position: absolute;
left: calc(50% - 10px);
content: "";
}
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::before {
bottom: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::after {
bottom: -7px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 i {
margin-right: 10px;
font-size: 20px;
left: 24px;
right: unset;
}
[class*="is-BrSearchBtn-style_"] .btn.design3:hover .btn-copy {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
[class*="is-BrSearchBtn-style_"] .btn.design3:hover a{
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
} [class*="is-BrSearchBtn-style_"] .btn.design4 {
position: relative;
margin-top: 30px !important;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] .btn + .btn.design4 {
margin-top: 0 !important;
}
}
[class*="is-BrSearchBtn-style_"] .btn.design4 a {
position: relative;
line-height: 1.5;
padding: 20px 30px 20px 40px !important;
transition: 0.3s;
color: #fff;
border-radius: 5px !important;
}
[class*="is-BrSearchBtn-style_"] .btn.design4 .btn_balloon {
position: absolute;
display: inline-block;
bottom: 26px;
left: -10px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 80%;
font-weight: bold;
background: #fff;
border-radius: 50%;
box-sizing: border-box;
transform: rotate(-10deg);
z-index: 2;
}
[class*="is-BrSearchBtn-style_"] .btn.design4 .btn_balloon::before {
position: absolute;
content: "";
bottom: -5px;
right: -10px;
border: 9px solid transparent;
border-left: 15px solid #FFF;
z-index: 0;
transform: rotate(45deg);
}
[class*="is-BrSearchBtn-style_"] .btn.design4 a:hover {
transform: translate(0, 3px);
}
[class*="is-BrSearchBtn-style_"] .btn.design4:hover .btn_balloon {
bottom: 22px;
transition: all .3s;
}  [class*="is-BrSearchBtn-style_"] .btn.btnRed a,
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 .btn-copy::after {
background: var(--btnRed-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 a {
border-color: var(--btnRed-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 a:hover {
background: #fff !important;
color: var(--btnRed-primary-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnRed.design2 .btn-copy {
color: var(--btnRed-primary-color) !important;
border: 2px solid var(--btnRed-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design2 a {
background: var(--btnRed-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design2:hover a {
box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 .btn-copy {
color: var(--btnRed-primary-color);
border: 2px solid var(--btnRed-primary-color);
background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 .btn-copy::before {
border-color: var(--btnRed-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 a {
background: var(--btnRed-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 a:hover {
background:var(--btnRed-primary-color) !important;
-webkit-box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.design4.btnRed a {
background: var(--btnRed-primary-color) !important; 
box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important; 
border-color: var(--btnRed-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnRed .btn_balloon {
color:var(--btnRed-primary-color);
border: 3px solid var(--btnRed-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnRed:hover a{
transform: translate(0, 3px);
background: var(--btnRed-primary-color) !important; 
box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important; 
opacity: 1;
}  [class*="is-BrSearchBtn-style_"] .btn.btnOrange a,
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 .btn-copy::after {
background: var(--btnOrange-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 a {
border-color: var(--btnOrange-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 a:hover {
background: #fff !important;
color: var(--btnOrange-primary-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2 .btn-copy {
color: var(--btnOrange-primary-color) !important;
border: 2px solid var(--btnOrange-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2 a {
background: var(--btnOrange-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2:hover a {
box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 .btn-copy {
color: var(--btnOrange-primary-color);
border: 2px solid var(--btnOrange-primary-color);
background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 .btn-copy::before {
border-color: var(--btnOrange-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 a {
background: var(--btnOrange-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 a:hover {
background:var(--btnOrange-primary-color) !important;
-webkit-box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange a {
background: var(--btnOrange-primary-color) !important; 
box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important; 
border-color: var(--btnOrange-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange .btn_balloon {
color:var(--btnOrange-primary-color);
border: 3px solid var(--btnOrange-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange:hover a{
transform: translate(0, 3px);
background: var(--btnOrange-primary-color) !important; 
box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important; 
opacity: 1;
}  [class*="is-BrSearchBtn-style_"] .btn.btnBlue a,
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 .btn-copy::after {
background: var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 a {
border-color: var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 a:hover {
background: #fff !important;
color: var(--btnBlue-primary-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2 .btn-copy {
color: var(--btnBlue-primary-color) !important;
border: 2px solid var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2 a {
background: var(--btnBlue-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2:hover a {
box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 .btn-copy {
color: var(--btnBlue-primary-color);
border: 2px solid var(--btnBlue-primary-color);
background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 .btn-copy::before {
border-color: var(--btnBlue-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 a {
background: var(--btnBlue-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 a:hover {
background:var(--btnBlue-primary-color) !important;
-webkit-box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue a {
background: var(--btnBlue-primary-color) !important; 
box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important; 
border-color: var(--btnBlue-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue .btn_balloon {
color:var(--btnBlue-primary-color);
border: 3px solid var(--btnBlue-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue:hover a{
transform: translate(0, 3px);
background: var(--btnBlue-primary-color) !important; 
box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important; 
opacity: 1;
}  [class*="is-BrSearchBtn-style_"] .btn.btnGreen a,
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 .btn-copy::after {
background: var(--btnGreen-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 a {
border-color: var(--btnGreen-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 a:hover {
background: #fff !important;
color: var(--btnGreen-primary-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2 .btn-copy {
color: var(--btnGreen-primary-color) !important;
border: 2px solid var(--btnGreen-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2 a {
background: var(--btnGreen-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2:hover a {
box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 .btn-copy {
color: var(--btnGreen-primary-color);
border: 2px solid var(--btnGreen-primary-color);
background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 .btn-copy::before {
border-color: var(--btnGreen-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 a {
background: var(--btnGreen-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 a:hover {
background:var(--btnGreen-primary-color) !important;
-webkit-box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen a {
background: var(--btnGreen-primary-color) !important; 
box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important; 
border-color: var(--btnGreen-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen .btn_balloon {
color:var(--btnGreen-primary-color);
border: 3px solid var(--btnGreen-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen:hover a{
transform: translate(0, 3px);
background: var(--btnGreen-primary-color) !important; 
box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important; 
opacity: 1;
}  [class*="is-BrSearchBtn-style_"] .btn.btnOriginal a,
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 .btn-copy::after {
background: var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 a {
border-color: var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 a:hover {
background: #fff !important;
color: var(--btnOriginal-primary-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2 .btn-copy {
color: var(--btnOriginal-primary-color) !important;
border: 2px solid var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2 a {
background: var(--btnOriginal-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2:hover a {
box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 .btn-copy {
color: var(--btnOriginal-primary-color);
border: 2px solid var(--btnOriginal-primary-color);
background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 .btn-copy::before {
border-color: var(--btnOriginal-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 a {
background: var(--btnOriginal-primary-color) !important;
-webkit-box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 a:hover {
background:var(--btnOriginal-primary-color) !important;
-webkit-box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
} [class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal a {
background: var(--btnOriginal-primary-color) !important; 
box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important; 
border-color: var(--btnOriginal-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal .btn_balloon {
color:var(--btnOriginal-primary-color);
border: 3px solid var(--btnOriginal-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal:hover a{
transform: translate(0, 3px);
background: var(--btnOriginal-primary-color) !important; 
box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important; 
opacity: 1;
} .is-BrSearchBtn-style_template-7-1 .btn {
max-width: 430px;
}
.is-BrSearchBtn-style_template-7-1 .btn a {
font-size: 16px !important;
padding: 16px 35px !important;
}
@media screen and (min-width: 768px) {
.is-BrSearchBtn-style_template-7-1 .btn a {
font-size: 18px !important;
}
} .is-BrSearchBtn-style_template-10 .btn {
max-width: 430px;
}
.is-BrSearchBtn-style_template-10 .btn a {
font-size: 16px !important;
font-family: 游明朝 !important;
padding: 16px 35px !important;
}
.is-BrSearchBtn-style_template-10 .btn .btn-copy {
font-family: 游明朝 !important;
}
@media screen and (min-width: 768px) {
.is-BrSearchBtn-style_template-10 .btn a {
font-size: 18px !important;
}
} .is-BrSearchBtn-style_template-12 .btn {
max-width: 430px;
}
.is-BrSearchBtn-style_template-12 .btn a {
font-size: 16px !important;
}
@media screen and (min-width: 768px) {
.is-BrSearchBtn-style_template-12 .btn a {
font-size: 18px !important;
}
} [class*="is-BrSearchBtn-style_"] .btn.is-style-btn_wide {
max-width: 550px !important;
}  .btn.anime-poyopoyo  {
animation: poyopoyo 2s ease-out infinite;
}
@keyframes poyopoyo {
0%, 40%, 60%, 80% {
transform: scale(1.0);
}
50%, 70% {
transform: scale(0.95);
}
} .btn.anime-zoomIn {
animation: zoomIn 1s ease-in-out infinite;
}
@keyframes zoomIn {
0% {
transform: scale(0.95);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.95);
}
} [class*="is-BrSearchBtn-style_"] .btn.anime-reflection a {
overflow: hidden;
}
[class*="is-BrSearchBtn-style_"] .btn.anime-reflection a i{
-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;
animation-name: is-trembling;
animation-duration: .8s;
animation-iteration-count: infinite;
animation-timing-function: ease;
animation-name: is-trembling;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease;
} .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;
}
@-webkit-keyframes is-trembling {
0% {-webkit-transform:translate(-10px, 0);}
100% {-webkit-transform:translate(0, 0);}
}
@keyframes is-trembling {
0% {
-webkit-transform: translate(-10px, 0);
transform: translate(-10px, 0);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
[class*="is-BrSearchBtn-style_"] .btn.anime-reflection a::before {
display: block !important;
visibility: visible !important;
-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 !important;
content: '';
width: 30px;
height: 100%;
font-size: unset;
font-family: unset;
margin: 0;
opacity: 0;
position: absolute;
top: -180px;
left: 0;
right: unset;
transform: rotate(45deg);
} .is-reflection + .is-reflection a:after {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
@-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; }
}
@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; }
} :root {
--btnRed-primary-color: #942343;
--btnRed-shadow-color: #7b1e38;
--btnOrange-primary-color: #eb6100;
--btnOrange-shadow-color: #d44114;
--btnGreen-primary-color: #32b16c;
--btnGreen-shadow-color: #2c9d60;
--btnBlue-primary-color: #67D3FB;
--btnBlue-shadow-color: #50a9ca;
} .pink_line.active {
background-position: -100% 120%;
}
.pink_line {
background-image: -webkit-linear-gradient(left, transparent 50%, #f5d7dc 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #f5d7dc 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #f5d7dc 50%);
background-image: -o-linear-gradient(left, transparent 50%, #f5d7dc 50%);
background-image: linear-gradient(left, transparent 50%, #f5d7dc 50%);
background-repeat: repeat-x;
background-size: 200% 60%;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
h3.rank_W {
font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: bold;
}
.footer-totop-btn { width: 80px;
height: 80px; background: url(https://beautyschool-mie.info/wp-content/uploads/title_logo-1.png) no-repeat center center;
background-size: contain; text-indent: -9999px;
overflow: hidden; position: fixed;
 bottom: 10px;
right: 10px; z-index: 999;
display: block;
}
@media only screen and (max-width: 768px) {
.footer-totop-btn {
   width: 45px;
height: 45px;
bottom: 10px;
right: 5px;
background-size: contain; }
}
.custom_btn {
background-color: #A3365A !important;
color: #FFF !important;
}
.custom_btn:hover {
background-color: #822847 !important;
}
.custom_btn2 {
background-color: #67e0d0;
color: #FFF;
margin: 0 auto;
transition: background-color 0.3s;
}
.custom_btn2:hover {
background-color: #4cb4a8; }  .detail-content {
position: relative;
line-height: 1.6;
max-height: 25px;
overflow: hidden;
background: linear-gradient(to bottom, transparent, rgba(144, 144, 144, .2) 60%);
transition: max-height 0.5s ease;
margin: 0 0 10px;
}
.kuchikomi .detail-content{
max-height: 20px;
}
.kuchikomi .detail-toggle{
color:#FF7BA6;
}
.detail-content.expanded {
background: none;
max-height: none;
}
.detail-toggle {
display: block;
text-align: center;
padding: 5px 0;
color: #FF7BA6;
cursor: pointer;
font-size: 13.5px;
font-weight: 500;
transition: all .3s ease-in-out;
background: none;
border: none;
}
.detail-toggle i {
display: inline-block;
margin-left: 5px;
}
.detail-toggle:hover {
opacity: .5;
transition: opacity .3s ease-in-out;
}
.title-1,
.title-2,
.title-3,
.title-4,
.title-5{
display:flex;
align-items:center;
}
.title-1::before,
.title-2::before,
.title-3::before,
.title-4::before,
.title-5::before{
content: "";
display: block !important;
width: 45px;
height: 55px;
background: transparent !important;
position: unset !important;
margin-right: 10px;
background-position:center !important;
background-size:cover !important;
}
.title-1::before{
background-image:url(https://beautyschool-mie.info/wp-content/uploads/rank1.png) !important;
}
.title-2::before{
background-image:url(https://beautyschool-mie.info/wp-content/uploads/rank2.png) !important;
}
.title-3::before{
background-image:url(https://beautyschool-mie.info/wp-content/uploads/rank3.png) !important;
}
.title-4::before{
background-image:url(https://beautyschool-mie.info/wp-content/uploads/rank4.png) !important;
}
.title-5::before{
background-image:url(https://beautyschool-mie.info/wp-content/uploads/rank5.png) !important;
} .pink2_line.active {
background-position: -100% 120%;
}
.pink2_line {
background-image: -webkit-linear-gradient(left, transparent 50%, #ff7caa 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #ff7caa 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #ff7caa 50%);
background-image: -o-linear-gradient(left, transparent 50%, #ff7caa 50%);
background-image: linear-gradient(left, transparent 50%, #ff7caa 50%);
background-repeat: repeat-x;
background-size: 200% 60%;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
} br.sp { display: none; } @media screen and (max-width: 767px) {
br.sp { display: inline; } }
.subpage .faq-box div::before {
margin: 10px 15px 70px !important;
}
@media only screen and (max-width: 768px) {
.subpage .faq-box div::before {
margin: 13px 15px 180px !important;
}
}  .sec-postList .post-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 16px;
}
@media screen and (min-width: 768px) {
.sec-postList .post-list {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
}
@media screen and (min-width: 1140px) {
.sec-postList.column_3 .post-list {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3.3), 1fr));
}
}
.sec-postList ul.post-list,
.sec-postList ul.post-list li {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
list-style: none;
}
.sec-postList .post-list .post-item {
background-color: #fff;
width: 100%;
}
.sec-postList ul.post-list .post-item a {
text-decoration: none;
display: block;
width: 100%;
box-sizing: border-box;
color: #333;
}
.sec-postList ul.post-list .post-item a:hover {
opacity: 1 !important;
}
.sec-postList.design1 .post-list li {
width: 100%;
list-style: none;
max-width: 550px;
margin: 0 auto !important;
position: relative;
border: none !important;
padding: 0 !important;
overflow: hidden;
}
.sec-postList.design1 .post-list li::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,45%) ;
top: 0;
left: 0;
z-index: 1;
}
.sec-postList.design1 .post-list li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 25px 30px;
min-width: 150px;
min-height: 130px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 468px){
.sec-postList.design1 .post-list li a {
min-height: 120px;
padding: 15px 20px;
}
}
.sec-postList.design1 .post-list li a::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95%;
margin: 0 auto;
height: 87%;
z-index: 5;
border: 2px solid #fff;
} .sec-postList.design1 .post-list li .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #fff transparent;
display: inline-block;
position: absolute;
bottom: 10%;
right: 4%;
top: unset !important;
transform: unset;
z-index: 5;
}
.sec-postList.design1 .post-list li a .post-title {
font-size: 18px;
text-shadow: #333 1px 0 5px;
font-weight: 700;
line-height: 1.3;
color: #fff;
position: relative;
z-index: 5;
}
.sec-postList.design1 .post-list li:hover::before {
background: rgba(0,0,0,30%) ;
transition: all .3s;
}
.job-content{
background: #C27E8F;
padding: 20px;
border-radius: 20px;
margin-top: 40px;
color: #fff;
font-weight: bold;
}
.job-content.single-job-content{
margin-bottom:40px
} .kensaku-space{
margin-top:60px; }
.nxrc-search-form caption {
text-align: center;
}
.nxrc-search-form caption:before{
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(https://beautyschool-mie.info/wp-content/uploads/icon.png);
background-size: contain;
vertical-align: middle;
}
.nxrc-search-form table tr th{
background-color:#D0C3BE !important; color:white !important; }
.nxrc-search-button button{
background-color:#C27E8F !important; color:#fff !important; }  .info-wrapper {
margin:0 0 25px !important;
}
.info-wrapper .info-list,
.info-wrapper .info-list li{
margin:0 !important;
padding: 0 !important;
list-style: none;
}
.info-wrapper .info-list li {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px !important;
box-sizing: border-box;
border: 3px solid var(--info-primary-color) !important;
background-color: #fff;
position: relative;
}
.info-wrapper .info-list li:not(.info-wrapper.info-scroll .info-list li) + li {
margin-top: 22px !important;
}
.info-wrapper .info-list li .img-wrap {
width: 35%;
min-width: 250px;
margin-right: 20px;
}
.info-wrapper .info-list li .img-wrap img {
width: 100%;
height: auto;
}
.info-wrapper .info-list li .img-wrap .info-quote {
display: block;
font-size: 9px;
text-align: right;
line-height: 1;
margin: 5px 5px 5px auto;
color: #999;
width: 95%;
cursor: pointer;
}
.info-wrapper .info-list li .img-wrap .info-quote a {
color: blue;
}
.info-wrapper .info-list li .img-wrap .info-quote{
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 3px 3px;
}
.info-wrapper .info-list li .img-wrap .info-quote::-webkit-scrollbar {
height: 3px;
}
.info-wrapper .info-list li .img-wrap .info-quote::-webkit-scrollbar-track {
background-color: #ccc;
}
.info-wrapper .info-list li .img-wrap .info-quote::-webkit-scrollbar-thumb {
background-color: #999;
}
.info-wrapper .info-list li .text-wrap {
width: calc(65% - 20px);
padding-bottom: 40px;
}
.info-wrapper .info-list li .text-wrap .title {
font-size: 22px;
font-weight: 500;
color: #333;
border-left: 3px solid var(--info-primary-color);
padding-left: 7px;
margin-bottom: 20px;
position: relative;
}
.info-wrapper .info-list li .text-wrap .title::after {
content: '';
display: block;
background-color: var(--info-primary-color);
width: calc(100% - 3px);
height: 3px;
margin: 5px 0 0 auto;
}
.info-wrapper .info-list li .text-wrap .description {
font-size: 16px;
text-align: left;
line-height: 1.4;
color: #333;
}
.info-wrapper .info-list li .text-wrap .description p {
font-size: 14.5px;
margin: 0 !important;
line-height: 1.6;
}
.info-wrapper .info-list li .text-wrap .description p + p {
margin-top: 10px !important;
}
.info-wrapper .info-list li .text-wrap .info-button {
max-width: 300px;
width: 100%;
margin-left: auto;
text-align: center;
position: absolute;
right: 20px;
bottom: 20px;
}
.info-wrapper .info-list li .text-wrap .info-button a {
display: block;
font-size: 16.5px;
line-height: 1.4;
border: none;
position: relative;
color: #fff !important;
padding: 15px 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
width: 100%;
box-sizing: border-box;
font-weight: 600 !important;
letter-spacing: 0.06em;
text-decoration: none !important;
background-color: var(--info-button-bg-color);
border: 2px solid  var(--info-button-bg-color);
transition: all .3s;
}
.info-wrapper .info-list li .text-wrap .info-button a i {
position: absolute;
top: 0;
bottom: 0;
right: 16px;
height: 16px;
margin: auto;
transition: all .3s;
}
.info-wrapper .info-list li .text-wrap .info-button:hover a  {
background-color: #fff;
color: var(--info-button-bg-color) !important;;
transition: all .3s;
}
.info-wrapper .info-list li .text-wrap .info-button:hover a i {
right: 12px;
transition: all .3s;
} @media (max-width: 768px) {
.info-wrapper .info-list li {
flex-direction: column;
text-align: center;
padding: 16px 16px 90px !important;
}
.info-wrapper .info-list li .img-wrap {
width: auto;
min-width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.info-wrapper .info-list li .img-wrap img {
width: 100%;
height: auto;
}
.info-wrapper .info-list li .text-wrap {
width: auto;
padding-bottom: 0;
}
.info-wrapper .info-list li .text-wrap .title {
font-size: 16px;
text-align: left;
}
.info-wrapper .info-list li .text-wrap .info-button {
max-width: 100%;
width: calc(100% - 32px);
font-size: 14.5px;
margin-left: unset;
right: 16px;
left: 16px;
bottom: 16px;
}
.info-wrapper .info-list li .text-wrap .info-button a {
font-size: 14.5px;
}
} .info-wrapper.info-scroll .infoScrollArea {
display: flex;
flex-wrap: nowrap;
padding-bottom: 16px;
scroll-snap-type: x mandatory;
}
.info-wrapper.info-scroll .infoScrollArea li {
min-width: 100%;
width: 100%;
scroll-snap-align: start;
}
.info-wrapper.info-scroll .info-list li + li {
margin-left: 22px !important;
}
.info-wrapper.info-scroll .infoScrollArea::-webkit-scrollbar {
height: 10px;
}
.info-wrapper.info-scroll .infoScrollArea::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.info-wrapper.info-scroll .infoScrollArea::-webkit-scrollbar-thumb{
background-color: var(--info-primary-color);
border-radius: 50px;
} .info-wrapper.row .info-list li {
flex-direction: column;
justify-content: start;
text-align: center;
padding: 16px !important;
min-width: 250px;
width: calc(100% / 3.1);
padding-bottom: 90px !important;
}
.info-wrapper.row .info-list li .img-wrap {
width: 100%;
box-sizing: border-box;
min-width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.info-wrapper.row .info-list li .img-wrap img {
width: 100%;
height: auto;
max-height: 250px;
object-fit: contain;
}
.info-wrapper.row .info-list li .text-wrap {
width: auto;
padding-bottom: 0;
}
.info-wrapper.row .info-list li .text-wrap .title {
font-size: 16px;
text-align: left;
}
.info-wrapper.row .info-list li .text-wrap .info-button {
max-width: 100%;
width: calc(100% - 32px);
margin-left: unset;
position: absolute;
right: 16px;
left: 16px;
bottom: 16px;
}
@media (max-width: 1024px) {
.info-wrapper.row .info-list li {
min-width: 300px;
width: calc(100% / 3.1);
}
}
@media (max-width: 480px) {
.info-wrapper.row .info-list li {
min-width: 100%;
width: 100%;
}
} :root {
--info-primary-color: #942343;
--info-button-bg-color: #942343;
}