.fluid {
margin-left: 0;
max-width: 100%;
display: block;
}
.fluidList {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 96%;
}
body, td, th {
font-family: "Noto Sans JP", "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif!important;
color: #585858;
font-weight: 400;
line-height: 1.8;
}
body {
margin: 0px;
overflow-x: hidden;
background-color: #FFF!important;
}
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;
}
#wpadminbar * {
border-bottom: none !important;
}
#table {
word-break: break-all;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, tr, th {
border: 1px #A0A0A0 solid;
padding: 1%;
}
img {
border-style: none;
}
p {
color: #585858;
line-height: 1.8;
font-size: 14px;
font-weight: 400;
}
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;
}
h1 {
margin: 0;
}
.l-header h1{
margin: 10px 0;
}
h2, h3, h4, h5 {
color: #585858;
margin: 2rem 0;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 20px;
padding: 8px 48px!important;
text-align: center;
}
h3.related_post_title::before {
display: none;
}
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: '▶';
}
ul {
padding-left: 0;
list-style: none;
font-size: 110%;
}
li {
margin: 2.5%;
padding-bottom: 1.5%;
border-bottom: solid 1px #B4B4B4;
}
.Copyright {
color: #FFFFFF;
}
.Copyright a {
font-weight: normal;
}
@media only screen and (min-width: 481px) {
body {
font-size: .8em!important;
}
.gridContainer {
width: 98%;
height: auto;
padding: 0 1.2%;
margin-left: auto;
}
}
@media only screen and (max-width: 480px) {
body {
font-size: 12px!important;
}
}
@media only screen and (min-width: 769px) {
.gridContainer {
max-width: 1200px;
padding-left: 1.2%;
padding-right: 1.2%;
margin-left: auto;
}
.background .gridContainer {
margin-left: auto;
}
body {
font-size: 14px!important;
}
}
@media only screen and (max-width: 768px) {
} .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;
}
.top_area {
background-color: #FFF;
border-top: solid 1px #EAEAEA;
border-bottom: solid 1px #EAEAEA;
}
@media only screen and (min-width: 481px) {
.fluid.top_area .breadcrumb_list_TXT {
display: block;
padding-bottom: 0.2%;
font-size: 90%;
}
}
@media only screen and (max-width: 481px) {
.fluid.top_area.fluid.breadcrumb_list_TXT {
padding: .5em;
}
.top_area {
display: none;
}
}
@media only screen and (min-width: 769px) {
.fluid.top_area .breadcrumb_list_TXT {
display: block;
padding-bottom: 3px;
}
}
@media only screen and (max-width: 768px) {
} header.l-header {
padding: 10px;
box-sizing: border-box; }
.logo img {
padding: 0 0.5rem;
}
.widget_media_image {
max-width: 1200px;
margin: auto;
text-align: center;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (max-width: 481px) {
.logo img {
width: 210px!important;
padding: 0 0.5rem;
}
}
@media only screen and (min-width: 769px) {
.logo img {
height: 50px;
}
}
@media only screen and (max-width: 768px) {
} #main {
word-break: break-all;
margin-top: 2%;
overflow: hidden;
background-color: #FFF;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#main_section img {
max-width: 100%;
height: auto;
}
#sideber_menu {
margin: 1rem;
}
#main_section #text-10 {
padding: 2rem 4rem;
margin: 2rem 0;
background-color: rgba(255,255,255,.8);
max-width: 1200px;
text-align: center;
}
#main_section #text-10{
text-align: left;
}
#main_section #text-10 h2 {
font-weight: bold;
}
#main_section #text-10 h2{
text-align: center;
}
.top_main { background-image: url(https://kenchikusekkei-tenshokuagent.info/wp-content/uploads/【TP12】mainback-2.jpg);
}
hr {
border-top: solid 1px #EAEAEA;
} .Icon_Box i {
font-size: 60px;
}
@media only screen and (min-width: 481px) {    
#main {
display: flex;
}
#main_section {
width: 100%;
}
}
@media only screen and (max-width: 481px) {
.main_section_01 .textwidget p {
padding: 1rem!important;
}
}
@media only screen and (min-width: 769px) {
#main {
width: 100%;
margin-top: 13px;
box-sizing: border-box;
}
#main_section {
width: 100%;
}
#main_section>.read_l:first-child {
display: block;
}
.image-wrap img {
width: 48%;
margin: 5px;
}
}
@media only screen and (max-width: 768px) {
} .head_TXT1 {
background: #EEE;
}
.head_one_TXT {
font-size: 90%;
font-weight: normal;
line-height: 100%;
margin-top: 0;
margin-bottom: 2%;
padding: 4px;
border: none;
max-width: 1400px;
margin: auto;
}
.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;
}
.read_l:before {
left: 3%;
}
.read_s:before {
left: 3.5%;
clear: both;
}
.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;
content: ' ';
position: absolute;
z-index: 2;
width: 0;
height: 0;
bottom: -15px;
border-style: solid;
border-width: 8px;
}
.read_s, .read_l h1 {
border-bottom: none;
font-weight: bold;
border-left: 0;
padding-left: 0;
position: relative;
padding: 0.5em 0;
margin-bottom: 3%;
}
h2.\33 box_img_title {
margin: 0 auto 1rem;
}
h2.BoxContent_title.top_title {
padding-top: 0px!important;
margin-top: 0px!important;
}
.sub_title {
color: #DC143C!important;
font-weight: bold;
margin: 4px 0;
}
.bottom_Box.type2_Icon {
padding: 0 1rem 2rem;
}
.Img_Box img {
width: 500px;
height: auto!important;
max-width: 100%;
object-fit: cover;
}
.Img_Box {
margin: 0 auto;
text-align: center;
background-color: #FFF;
margin-bottom: 1rem;
}
.Img_Box .BoxContent_title {
background-color: #585858;
border-top: solid .5rem #FFF;
color: #FFF;
padding: .5rem;
} .BoxContent_img img {
height: 350px;
}
.bottom_Box.type3_Img {
background-color: #EAEAEA;
padding: 2rem;
}
a.BoxContent_url {
padding: .5rem 4rem;
margin: 2rem;
border: solid 1px #B4B4B4;
font-weight: bold;
}
.Img_Box img {
width: 500px;
height: auto!important;
max-width: 100%;
object-fit: cover;
}
.Img_Box {
margin: 0 auto;
text-align: center;
background-color: #FFF;
margin-bottom: 1rem;
}
h2.top_simple_title {
font-size: 20px;
padding: 8px 48px!important;
text-align: center;
position: relative;
}
h2.top_simple_title:before {
position: absolute;
bottom: -5px;
left: calc(50% - 30px);
width: 60px;
height: 3px;
content: '';
border-radius: 1px;
background: #585858;
} #main_bottom_content {
background-color: #EAEAEA;
padding: 2rem;
}
.bottom_Box.type3_Img {
background-color: #EAEAEA;
padding: 2rem;
}
.content_img, .content_text {
padding: 1rem;
}
h2.content_title.ct_l::before , h2.content_title.ct_r::before{
content: '';
width: 100%;
border: 2px solid;
position: absolute;
left: -10px;
top: -8px;
bottom: 8px;
}
h2.content_title {
position: relative;
background-color: #FFF;
padding: 1rem!important;
margin: 2rem 0 1rem;
width: 60%;
text-align: center;
}
h2.\33 box_img_title {
margin: 0 auto 1rem;
}
h2.top_title {
margin: 1rem auto;
border-bottom: solid 1px #B4B4B4;
width: 50%;
position: relative;
text-align: center;
}
h2.top_title::after {
content: '';
background: #FFF;
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
position: absolute;
left: 50%;
margin-left: -7px;
bottom: -9px;
}
.BoxContent_title {
font-weight: bold;
font-size: 1.5em;
}
.BoxContent_content {
padding: 1rem;
} .Icon_Box {
padding: 1rem;
border: solid 1px;
margin: .5rem;
width: 30%;
text-align: center;
background-color: #FFFFF0;
}
.bottom_Box.type2_Icon {
padding: 0 1rem 2rem;
} h2.top_simple_title {
font-size: 20px;
padding: 8px 48px!important;
text-align: center;
position: relative;
}
h2.top_simple_title:before {
position: absolute;
bottom: -5px;
left: calc(50% - 30px);
width: 60px;
height: 3px;
content: '';
border-radius: 1px;
background: #585858;
} h2.conflict_h2 {
margin: 0 0 1rem;
text-align: center;
color: #FFF;
overflow: hidden;
padding: 2rem;
position: relative;
}
.conflict_box {
margin: .5rem;
padding: 1rem;
border: solid 1px #EAEAEA;
background-color: #FFF;
}
.conflict_title {
border-bottom: solid 1px #EAEAEA;
color: red;
font-weight: bold;
font-size: 1.5em;
min-height: 2rem;
text-align: center;
}
.conflict_text {
min-height: 10rem;
}
.conflict_text p {
font-size: 0.9em;
}
.conflict_information {
background-color: #EAEAEA;
min-height: 10rem;
}
.conflict_information p {
font-size: 0.8em;
}
.Conflict {
padding: .5rem;
}
.under_block {
padding: 2rem 0;
}
.under_block.main_under1 {
background-color: #EAEAEA;
padding: 0 0 1rem;
} #column_Box {
text-align: center;
}
.ColumnLink_Box_right, .ColumnLink_Box_right h2.top_title::after {
background-color: #EAEAEA;
}
.CB_content {
font-size: 0.8em;
margin: 1rem;
width: 100%;
} a.Frow_link {
background: #FFF;
text-align: center;
border: solid 2px;
padding: .5rem 3rem;
font-weight: bold;
}
div#Frow_Box {
text-align: center;
}
.Frow_Box {
background: #EAEAEA;
margin: 2rem 1rem;
}
p.Frow_content {
margin-top: -10px;
padding: 3rem 1rem 2rem;
font-size: .8em;
background:#fff;
}
@media only screen and (min-width: 481px) {
.head_one_TXT {
font-size: 100%;
margin-top: 1%;
margin-bottom: 2.5%;
padding: 0;
}
.read_TXT {
font-size: 26px;
margin: 8px 0 6px 10px;
line-height: 30px;
}
.read_s {
padding: 2% 0;
margin-bottom: 6%;
}
.read_s:before {
left: 3.5%;
}
.read_l {
margin-bottom: 1rem;
}
.read_l:before {
left: 3%;
}
.read_s:before, .read_l:before {
bottom: -15px;
border-width: 8px;
} #bottom_content\ type1_left {
display: flex;
max-width: 1200px;
flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#bottom_content\ type1_right {
display: flex;
max-width: 1200px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
h2.content_title.ct_r {
margin-right: 0;
margin-left: auto;
}
.content_img img {
max-width: 300px;
height: 300px;
object-fit: cover;
}
.BoxContent_img img {
width: 350px;
object-fit: cover;
}
.content_text {
width: 80%;
} div#Icon_Box {
display: flex;
} .Img_Box {
width: 30%;
} #conflict {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
} #column_Box {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ColumnLink_Box_left {
flex-flow: row-reverse;
} #Frow_Box {
display: flex;
margin: 1rem auto;
}
.Frow_Box {
margin: .5rem!important;
width: 50%;
}
}
@media only screen and (max-width: 481px) {
#main_section #text-10 {
padding: 1rem!important;
} #bottom_content\ type1_left {
width: 100%;
}
#main_bottom_content {
padding: 1rem!important;
}
.content_img {
padding: 1rem 0 0!important;
}
.content_img img {
width: 100%;
}
.content_text {
padding: 1rem 0 2rem!important;
font-size: 12px;
} .Icon_Box {
margin: 1rem auto!important;
width: auto!important;
} .Img_Box {
width: 100%!important;
}
.bottom_Box.type3_Img {
padding: 1rem!important;
}
.BoxContent_img img {
width: 100%;
height: 280px!important;
object-fit: cover;
} .conflict_box {
max-width: 100%;
width: auto!important;
margin: 1rem auto!important;
}
.conflict_text {
min-height: auto!important;
}
.conflict_information {
min-height: auto!important;
} #column_Box {
padding: 1.5rem;
}
.CB_content {
margin: 1rem 0!important;
}
}
@media only screen and (min-width: 769px) {
.head_one_TXT {
height: auto;
font-size: 12px;
max-width: 1400px;
padding: .2rem;
margin: 0 auto;
}
.read_TXT {
font-size: 24px;
margin: 0;
line-height: 30px;
}
.read_s, .read_l h1:after {
margin-top: 0.75rem;
}
.read_s {
padding: 0;
margin-bottom: 17px;
}
.read_s, .read_l {
background-color: transparent!important;
}
.read_s:before, .read_l:before {
left: 12px;
bottom: -15px;
border-width: 8px;
display: none;
} #bottom_content\ type1_left {
display: flex;
max-width: 1200px;
flex-flow: row-reverse;
margin: -4rem auto 0;
flex-flow: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div#bottom_content\ type1_right {
display: flex;
max-width: 1200px;
margin: -4rem auto 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
h2.content_title.ct_r {
margin-right: 0;
margin-left: auto;
}
.content_img img {
max-width: 400px!important;
height: 350px!important;
object-fit: cover;
} .BoxContent_img img {
width: 500px!important;
object-fit: cover;
} .conflict_box {
width: 20%;
}
}
@media only screen and (max-width: 768px) {
.head_one_TXT {
display: none;
} .conflict_box {
margin: .5rem;
padding: .5rem;
width: 28.5%;
} #bottom_content\ type1_right,div#bottom_content\ type1_left {
width: 100%;
}
h2.content_title {
margin: 2rem auto 1rem!important;
width: 90%!important;
}
h2.top_title {
width: 90%!important;
margin: 1rem auto!important;
}
.column_Box .BoxContent_content {
padding: 1rem;
}
}
@media only screen and (min-width:1100px){ .content_img img {
max-width: 600px!important;
height: 400px!important;
object-fit: cover;
} .BoxContent_img img {
width: 600px!important;
object-fit: cover;
} #Frow_Box {
width: 70%;
}
.column_Box .BoxContent_content {
padding: 1rem 4rem;
}
}
@media only screen and (max-width:1100px){
.column_Box .BoxContent_content {
padding: 1rem 2rem;
}
}
@media only screen and (min-width:1700px){ .BoxContent_img img {
width: 700px!important;
object-fit: cover;
}
.BoxContent_img img{
height: 270px !important;
} #Frow_Box {
width: auto!important;
}
} .rank_box {
padding: 10px 1% 0;
width: auto!important;
}
.rank_TXT_color_1 {
margin-bottom: 1rem;
padding: 4px 0;
font-weight: bold;
font-size: 18px;
color: #FFF;
font-weight: bold;
text-align: center;
}
.rank_TXT_color_2 {
padding: 2rem 1rem;
font-weight: bold;
}
#ranking_box .rank_catch {
text-shadow: 2px 4px 3px #585858;
} #rank_area {
padding-bottom: 5%;
}
#ranking_box {
padding: 3%;
margin-top: 2%;
clear: none;
overflow: hidden;
background: #FFF;
}
#ranking_box{
margin-top: 4%;
}
#ranking_box a {
text-decoration: none;
color: #333;
}
.rank_img {
width: 100%;
height: auto;
}
.rank_img img {
width: 100%;
height: auto;
}
.ran_ico {
margin-bottom: -40px;
} .rank_tag_up {
color: #FFF;
background: #848484;
}
.rank_tag_up i {
font-size: 50px;
}
.rank_tag_down {
background: #BBB
}
.rank_tag_up, .rank_tag_down {
padding: 16px;
min-height: 3rem;
}
.rank_tag {
margin: 8px;
text-align: center;
} .rank_review {
padding: 16px;
margin: 8px;
border: solid 1px #BBB;
background: #fff;
}
.rank_review_up i {
font-size: 35px;
padding: 0 8px;
margin: auto 0;
}
.rank_review_up {
display: flex;
border-bottom: 1px dashed #585858;
margin-bottom: 1rem;
font-weight: bold;
} .n_link {
text-align: right;
margin: 8px 8px 0;
}
.n_link a {
border-bottom: solid 1px;
color: #6495ED!important;
} .rank_btn {
display: block;
width: 90%;
max-width: 430px;
margin: 16px auto;
background: #00A23F;
transition: 0.2s;
text-align: center;
padding: 24px 8px;
border-radius: 10px;
font-weight: 700;
border: 0;
word-break: normal;
color: #FFF!important;
font-size: 18px!important;
}
.rank_btn:hover {
opacity: 0.4;
}
.home_btn {
display: block;
width: 90%;
max-width: 430px;
margin: 16px auto;
background: #F47A4D;
transition: 0.2s;
text-align: center;
font-size: 20px;
padding: 24px 8px;
border-radius: 10px;
font-weight: 700;
border: 0;
word-break: normal;
color: #FFF!important;
font-size: 18px!important;
}
.home_btn:hover {
opacity: 0.4;
}
@media only screen and (min-width: 481px) {
.rank_text_area {
width: 48%;
min-width: 48%;
padding: 2%;
} #rank_tag {
display: flex;
}
.rank_tag {
width: 25%;
} #rank_review {
display: flex;
}
.rank_review {
width: 50%;
} #rank_imtx_pc {
display: flex;
flex-flow: row-reverse;
}
#rank_imtx_sp {
display: none;
}
}
@media only screen and (max-width: 480px) { #rank_imtx_pc {
display: none!important;
}
}
@media only screen and (min-width: 769px) {
#rank_area {
padding-bottom: 20px;
}
.rank_catch {
font-size: 20px;
}
.rank_txt {
line-height: 1.8;
} .rank_img img {
max-width: 50%;
height: auto;
}
}
@media only screen and (max-width: 768px) {
} #sideber_menu .read_s, #sideber_menu .read_l h1:after {
background: none!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;
display: flex;
}
.sideRank_title_1 {
width: 86%;
}
.sideber_rank_TXT {
margin-top: 3%;
font-size: 110%;
} .sideber_rank_img {
margin-top: 2%;
text-align: center;
}
.sideber_rank_img img {
max-width: 80%;
height: auto;
}
@media only screen and (min-width: 481px) {
.sideber_rank_TXT {
margin-left: 1.5%;
}
.sideber_rank_img img {
max-width: 85%;
}
}
@media only screen and (min-width: 769px) {
.sideber_rank {
width: auto;
font-size: 12px;
padding: 5px 5px 10px 5px;
}
.sideRank_title_0 {
width: 180px;
margin-left: 1px;
}
.sideRank_title_1 {
width: 223px;
margin-left: 0px;
} .sideber_rank_ico {
width: 35px;
margin-top: -10px;
}
.sideber_rank_img {
margin-top: 7px;
}
}
@media only screen and (max-width: 768px) {
} #page {
width: 100%;
margin-top: 0;
font-size: 120%;
line-height: 160%;
padding: 0 0 2% 0;
}
.page_left {
width: 100%;
padding: 2rem;
}
.comment-lists-wrap {
padding-top: 15%;
}
h3.related_post_title {
text-align: center;
border-top: none;
border-bottom: solid 1px #CCC;
}
h3.rank_W {
margin: 0 0 8px;
border: none;
text-align: center;
border-bottom: solid 2px #EAEAEA;
}
h3.rank_W::before {
display: none;
}
h4.rank_W {
margin-bottom: 8px;
} .post_eyecatch img {
width: 95%!important;
text-align: center!important;
margin: 8px;
} 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%;
}
.searchandfilter input[type="checkbox"], input[type="radio"], input[type="text"], select, .meta-range, .chosen-container {
margin-left: 0px!important;
}
@media only screen and (min-width: 481px) {
#page {
padding: 0 0 3% 0;
}
.blog_title_TXT {
margin-top: 7px;
font-size: 120%;
}
.blog_coments {
margin-top: 2%;
display: block;
}
}
@media only screen and (max-width: 480px) {
#page {
padding-bottom: 2rem;
}
#wpcf7-f5-p27-o1 {
padding: 1rem;
}
}
@media only screen and (min-width: 769px) {   
#page {
width: 100%;
font-size: 16px;
padding: 4px;
line-height: 22px;
}   
}
@media only screen and (max-width: 768px) {
} #main_rank_table {
display: flex;
margin: 8px;
}
#main_area_table {
display: flex;
}
.main_table {
width: 100%;
min-width: 100px;
margin: 2px;
padding: 6px;
border: solid 1px #CCC;
background: #F8F8FF;
}
.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;
}
.main_rank_table {
padding: 16px;
}
.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;
}
.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;
}
.tableRank_title_0 {
text-align: center;
margin: auto;
font-size: 2em;
font-weight: bold;
}
.tableRank_title_0 a {
font-size: 1.5em;
font-weight: bold;
}
.fluid.single_rank_table_img img {
width: 100%;
}
.rank_table_read {
margin-top: 8px;
}
.rank_table_content {
border-bottom: solid 1px #CCC;
padding: 8px;
font-size: .9em;
height: auto;
min-height: 100px;
}
.rank_table_left {
text-align: left;
margin-bottom: -5%;
}
.rank_table_right {
position: relative;
margin: auto;
}
.rank_table_choice {
width: 30%;
margin: auto;
padding: 0;
}
.rank_table_point {
font-size: .9em;
border-bottom: solid 1px #CCC;
padding: 8px;
height: auto;
min-height: 100px;
}
.rank_table_choice img {
opacity: 40%;
}
.rank_table_point_left {
text-align: left;
padding-bottom: 4px;
}
.rank_table_point_right {
font-weight: bold;
font-size: 1.2em;
}
.main_rank_table_ .tableRank_title_0:before {
width: 35%;
font-size: .4em;
}
#rtable {
display: flex;
margin: 2px;
}
#rtable p {
font-size: .9em;
}
.rtable_item {
width: 30%;
padding: 1rem;
text-align: center;
background-color: #BBB;
display: flex;
align-items: center;
justify-content: center;
}
.rtable_content {
width: 70%;
padding: 1rem;
}
input[type="checkbox"].on-off {
display: none;
}
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
}
.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: 12.5px;
line-height: 1.4;
font-weight: bold;
padding: 4px;
height: auto;
min-height: 100px;
border-bottom: solid 1px #CCC;
}
.single_rank_table img {
width: auto;
height: auto;
}
.single_rank_table {
width: 100%;
}
#single_rank_table {
display: flex;
margin-bottom: 8px;
}
.single_rank_table {
width: 90%;
margin: auto;
padding: 1rem 0 0;
}
#single_rank_table a {
margin: 0 4px;
border: solid 1px #CCC;
background: #F8F8FF;
width: 19%;
}
a.single_rank_table07:before, a.single_rank_table06:before, a.single_rank_table05:before,
a.single_rank_table04:before, a.single_rank_table03:before, a.single_rank_table02:before, a.single_rank_table01:before, a.single_rank_table0:before {
padding: 5px 10px;
background: #585858;
color: #FFF;
font-weight: bold;
font-size: 11px;
}
a.single_rank_table07:before {
content: '8';
}
a.single_rank_table06:before {
content: '7';
}
a.single_rank_table05:before {
content: '6';
}
a.single_rank_table04:before {
content: '5';
}
a.single_rank_table03:before {
content: '4';
}
a.single_rank_table02:before {
content: '3';
}
a.single_rank_table01:before {
content: '2';
}
a.single_rank_table0:before {
content: '1';
}
.single_rank_table .rank_btn {
border-radius: 10px!important;
font-size: 12px!important;
}
.single_rank_table p {
padding: 0;
margin: 5px 0 0;
font-size: 11px;
}
.horizonal-scroll:after {
display: none;
}
@media only screen and (min-width: 481px) {
.tableRank_title_0 {
font-size: 2.5em;
font-weight: bold;
}
#main_rank_table {
margin: 0px;
}
#main_rank_table {
margin: 0px 0 16px 0;
}
#main_rank_table, #main_rank_table a {
font-size: 40%!important;
}
.main_rank_table {
padding: 4px;
}
.main_rank_table_ .tableRank_title_0:before {
width: 45%;
font-size: .5em;
}
.rank_table_choice {
width: 50%;
}
.rank_table_comment {
font-size: 1.5em;
}
.rank_table_point {
padding: 4px;
}
.rank_table_left {
margin-bottom: 1px;
}
.rank_table_content {
padding: 4px;
}
.rank_table_read {
font-size: 8px!important;
width: auto;
padding: 8px;
border-radius: 10px;
}
}
@media only screen and (max-width: 481px) {  
.table_rank_main_title {
font-size: .8em;
text-align: center;
font-weight: bold;
min-height: 5rem;
}
.rank_table_point_right {
height: 100px;
}
.rank_table_content {
min-height: 110px;
}
.table_main_btn {
font-size: 11px!important;
}
}
@media only screen and (min-width: 769px) {
.rank_table {
width: 100%;
font-size: 12px;
}
#res_table {
width: 100%;
}
#res_table div {
display: flex;
}
}
@media only screen and (max-width: 768px) {
#single_rank_table a {
width: 100%;
}
.single_rank_table {
width: 175px!important;
padding: 8px;
}
.horizonal-scroll {
width: 100%;
margin-bottom: 2rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
} #sideber_menu .read_TXT {
font-size: 18px;
line-height: 1.4 ;
color: #585858 !important;
}
#sideber_menu h2.fluid.read_TXT {
text-align: left;
}
#sideber_menu .bloglist {
padding: 8px;
}
#sideber_menu .fluid.Thumbnail_box {
width: 100%;
height: auto;
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;
}
.side_list {
width: auto;
padding: 8px;
}
.searchform_layout {
margin: 3.5% 0 2% 3%;
text-align: center;
}
.s_form {
width: 70%;
border: 1px solid #999;
}
.cont_bottom {
height: 7px;
} #menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
#menu-btn-check:checked ~ .menu-content {
left: 0;
}
#menu-btn-check {
display: none;
}
.menu-btn {
position: fixed;
top: 0px;
right: 0px;
display: flex;
height: 60px;
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: 2px;
width: 25px;
border-radius: 3px;
background-color: #444;
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-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-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;
}
#rank_title_copy {
display: flex;
}
#top_area{
display: flex;
}
#headbox {
text-align: left;
align-items: unset;
width: 86%!important;
}
.hamburger-menu {
display: flex;
}
.sitename img{
max-width: 100%!important;
padding-bottom: 3px;
}
.widget.headbox {
display: none;
}
.search-menu {
padding: 10% 8px 8px;
}
.search-menu h3 {
margin: auto;
}
.search-menu h3::before {
display: none;
}
.sideRank_title_0 {
margin: 10% 0;
text-align: left;
}
@media only screen and (min-width: 481px) {
#sideber_menu {
width: 40%;
margin-top: 0;
}
.sideber_rank_ico {
width: 26%;
margin-top: -2.5%;
margin-right: 2%;
}
.sideRank_title_0 {
width: 80%;
}
.sideRank_title_1 {
width: 97%;
}
.sideRank_title_0, .sideRank_title_1 {
font-size: 95%;
line-height: 120%;
}
li:not(#toc_container ul li) {
margin: 1% 0;
padding-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
#sideber_menu {
margin: 1rem!important;
font-size: .7em;
}
.sideRank_title_0 {
margin: 10% auto 10% 5%;
}
}
@media only screen and (min-width: 769px) {
#menu-btn-check:checked ~ .menu-content {
left: 60%;
width: 40%;
}
#sideber_menu {
width: 30%;
margin-top: 0;
}
#sideber_menu .read_TXT {
font-size: 18px;
}
#sideber_menu .read_s {
background: transparent;
height: auto;
}
.s_form {
width: 170px;
}
.cont_bottom {
height: 15px;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (min-width:1100px) {
.menu-btn {
right: 20px;
top: 10px;
}
}
@media only screen and (min-width:1700px) {
.menu-btn {
right: 230px;
top: 10px;
}
} #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;
}
.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);
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
#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;
}
}
@media only screen and (max-width: 768px) {
} .pickup_box {
width: 100%;
margin-top: 2%;
}
.pickup_sum {
width: 46.7%;
margin: 0 0 2% 2.2%;
}
.pickup_img {
width: 96.1%;
text-align: center;
border: solid 3px #B9B9B9;
}
.pickup_title {
margin-top: 2%;
font-size: 100%;
line-height: 130%;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (max-width: 768px) {
} #blog_list {
border-bottom: solid 1px #EAEAEA;
padding: 3% 0;
}
.Thumbnail_box {
width: 30%;
margin-right:16px;
}
.list_data_0 {
width: 67%;
clear: none;
margin-left: 0;
}
.list_data_0 {
width: 63%;
}
.list_data_1 {
width: 100%;
padding-bottom: 2%;
clear: none;
margin-left: 0;
}
.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;
font-weight: bold;
}
.blog_read:hover {
border: solid 1px #585858;
background: #585858;
color: #FFF;
}
.list_data_bottom_H {
height: 0px;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (max-width: 768px) {
} .cat_list_section {
margin-top: 10px;
padding-bottom: 10px;
}
.list_link_set_0 {
padding: 3% 0;
border-bottom: solid 1px #CCC;
display: flex;
}
.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%;
}
.category_list_name {
font-weight: bold;
font-size: 100%;
line-height: 140%;
}
.category_list_coments {
font-size: 90%;
line-height: 140%;
margin-top: 3%;
}
.Date_TXT_2 {
font-size: 10px;
color: #585858;
margin-bottom: 1%;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
.cat_list_section {
padding-bottom: 10px;
}
.list_link_set_1 {
width: 470px;
}
.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;
}
}
@media only screen and (max-width: 768px) {
} #footer { background-color: #EAEAEA;
}
#footer a {
font-size: 12px;
}
#footer_widget {
max-width: 1010px;
padding: 0 3%;
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%;
}
.footer_rank_title {
border-bottom: solid 1px #B4B4B4;
}
.footerRank_title_0 {
padding: 11.2px 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: #FFFFFF;
}
.under_area a:link {
color: #FFFFFF;
}
@media only screen and (min-width: 481px) {
.footer_widget_left {
width: 27%;
}
.footer_widget_center {
width: 27%;
}
.footer_widget_right {
width: 27%;
}
#footer_widget {
display: flex;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (max-width: 768px) {
} * {
word-break: break-all;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.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%;
}
.subpage .Button_middle_orenge {
width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.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: #666;
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;
}
.su-button-center i {
display: none;
}
.textwidget{
width: 80%;
margin: auto;
}
.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;
}
#sidr ul li:nth-child(5), #sidr ul li:nth-child(6) {
display: none;
}
#sidr ul li a {
color: #FFF;
text-decoration: none;
}
#sidr ul li {
border-bottom: 1px solid #FFF;
}
@media only screen and (min-width: 481px) {
.widget_sp_image-description p {
margin-top: 4%;
}
}
@media only screen and (min-width: 769px) {
.widget_sp_image-description p {
margin-top: 10px;
}
.tagcloud {
padding: 0 10px 7px 10px;
}
.alignleft {
margin: 3px 15px 15px 0 !important;
}
.alignright {
margin: 3px 0 15px 15px !important;
}
.textwidget {
font-size: 14px;
}
}
@media only screen and (max-width: 768px) {
} #footer_menu #navi {
margin-bottom: 0;
background-color: #EAEAEA!important;
}
#footer_menu #navi a {
color: #333;
border-bottom: solid 1px #CCC;
}
#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;
padding-right:0 !important;
}
#footer h3:before {
display: none;
}
#footer li {
margin: 0;
padding: 10px 0;
}
#footer_menu #sidr .close_menu, #footer_menu .base_W {
display: none;
}
.footer_widget_bottom p {
font-size: 10px;
padding-top: .5rem;
font-weight: 500;
}
.footer_widget_bottom {
text-align: center;
padding: 1.5rem 3rem;
}
.footer_widget_bottom img {
width: 20%;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (max-width: 481px) {
.footer_widget_bottom {
padding: .5rem 1rem!important;
}
.footer_widget_bottom img {
width: 100%!important;
}
}
@media only screen and (min-width: 769px) {
#footer {
margin-top: 20px;
}
}
@media only screen and (max-width: 768px) {
} @media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
.Social_b {
padding-top: 11px;
margin-left: 5px;
}
}
@media only screen and (max-width: 768px) {
} .yellow_line.active {
background-position: -100% 120%;
}
.yellow_line {
background-image: -webkit-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -o-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-repeat: repeat-x;
background-size: 200% 50%;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
} .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 (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
} .footer-banner {
position: fixed;
bottom: 0;
left: 0;
padding: 4px 0;
width: 100%;
background: rgb(10 10 10 / 60%);
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: 10;
}
.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;
background: rgb(214 214 214 / 40%);
}
.footer-home-btn {
position: fixed;
bottom: 0;
left: 0;
}
.footer-totop-btn {
position: fixed;
bottom: 0;
right: 0;
} 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: #ff8c00;
-webkit-box-shadow: 0 5px 0 #d2691e;
box-shadow: 0 5px 0 #d2691e;
width: 60%; }
.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 #ff8c00;
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:before {
left: 2rem;
} .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;
}
div#table_rank_IT {
display: flex;
padding-top: 20px;
}
#table_rank_IT .ran_ico {
margin-right: 1%;
}
a.footer-banner-btn.btn-f {
padding: 1rem 0 1.5rem;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
.footer-banner-txt p {
font-size: 12px;
}
.footer-banner{
padding: 5px 0 0;
}
.btn-wrap {
margin: 12px 0 10px;
}
a.btn-f {
font-size: 1.5rem;
width: 74%;
margin-right: 40px;
}
.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: 80%;
}
a.footer-banner-btn i {
margin-left: 12px;
font-size: 22px;
}
}
@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;
}
} .review {
position: relative;
display: flex;
padding: 0 15px 5px;
margin: 2.5em auto;
width: 92%;
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: 15px;
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:80px;
height:auto;
float:left;
margin: 16px 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;
}
@media only screen and (max-width: 769px) {
.review img{
margin: 20px 20px 0 0;
}
.review-coment{
margin: 20px 6px 0 10px;
}
.review {
padding: 0 8px 5px 10px;
}	
} .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;
}	
} .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;
}  .otherlist {
width: 100%;
margin: 30px 0 0;
padding: 0;
}
.otherbox {
vertical-align: top;
width: 98%;
margin: 0 8px 20px;
padding: 0 13px 11px 13px;
border: 1px solid #969696;
position: relative;
display: inline-block;
height: auto;
background-color: white;
}
.otherbox-title {
color: #3d3c3c;
text-align: center;
margin: 10px auto 5px;
width: calc(100% - 1.5em);
height: 36px;
border-bottom: 1px solid #b2b2b2;
font-size: 15px;
font-weight: bold;
line-height: 18px;
}
.otherbox-info {
background-image: linear-gradient( -45deg, #ebebeb 15%, #fff 15%, #fff 25%, #ebebeb 25%, #ebebeb 65%, #fff 65%, #fff 75%, #ebebeb 75%, #ebebeb );
background-size: 15px 15px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #505050;
height: 25px;
}
.otherbox p {
font-size: 14px;
color: #585858;
margin: 0 0 5px;
}
.otherbox-table {
width: 100%;
text-align: left;
font-weight: normal;
border: 1px solid #e0e0e0;
margin-top: 6px;
}
.crayon {
background: linear-gradient(transparent 50%,rgba(192, 223, 226, 0.2) 50%,rgb(192, 223, 226) 75%,rgba(192, 223, 226, 0.2)80%,transparent 80%);
font-weight: bold;
width: max-content;
font-size: 11px;
margin: 5px 0 -5px;
}
.otherbox-url {
font-size: 11px;
color: #585858;
margin: 2px 0 5px;
line-height: 160%;
}
.otherbox::before {
width: 0;
height: 0;
left: 0px;
border-right: 2em solid transparent;
border-bottom: 2em solid transparent;
border-left: 2em solid #b2b2b2;
}
.otherbox::after {
margin: 0 auto;
width: 0;
height: 0;
border-right: 2em solid #b2b2b2;
border-top: 2em solid transparent;
border-left: 2em solid transparent;
right: 0px;
bottom: 0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table tr{
border: 1px #a0a0a0 solid;
padding: 1%;
}
.otherbox-table th {
background: #f7f7f7!important;
font-size: 11px;
border: solid 1px #e0e0e0;
padding: 7px;
width: 18%;
white-space: nowrap;
}
.otherbox-table td {
padding: 5px;
border: solid 1px #e0e0e0;
font-size: 11px;
line-height: 1.3;
}
.otherbox::before, .otherbox::after {
content: "";
position: absolute;
}
@media only screen and (min-width:480px){
.otherlist{
display:flex;
flex-wrap:wrap;
align-items: start;
}
.otherbox{
width: calc((100% - 32px) / 2);
box-sizing: border-box;
}
}
#footer {
margin-top:80px;
clear:both;
}
.widget {
width: 100%; 
max-width: 1100px;
margin:0 auto 40px;
}
#single_rank_table .single_title_TXT span {
font-size:12px!important;
} ul.related_post li a.wp_rp_thumbnail {
width: 120px!important;
height: 110px!important;
}
.wp_rp_wrap {
margin: 40px 0;
}
.table_detail th,
.table_top th {
width: 30%;
padding: 1rem;
text-align: center;
background-color: #A0A0A0;
color:#fff;
vertical-align: middle;
}
.table_detail td,
.table_top td {
width: 70%;
padding: 1rem;
border: 0;
background: #fff;
} .normal-link{
color:blue !important;
text-decoration:underline !important;
}
.normal-link:link{
color:blue !important;
text-decoration:underline !important;
}
.normal-link:visited{
color:blue !important;
text-decoration:underline !important;
}
.normal-link:hover{
color:red !important;
text-decoration:underline !important;
}
.flex-size-pic{
width:50%;
}
@media only screen and (max-width:768px){
.flex-size-pic{
width:100%;
}
} .blog-card {
width: 100%;
background: #f5f5f5;
border: 1px solid #dddddd;
word-wrap: break-word;
margin: 1.5em 0 0;
padding: 0;
box-shadow: 4px 5px 0 2px #000;
}
.blog-card:hover {
background: #dbe9f4;
}
.blog-card a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.blog-card-thumbnail {
width: 20%;
padding: 10px;
}
.blog-card-thumbnail img {
width: 100%;
border: none;
display: block;
padding: 0;
height:auto;
}
.blog-card-content {
width: 78%;
line-height: 1.5;
padding: 2rem;
}
.blog-card-title {
font-size: 15px;
font-weight: bold;
padding: 10px 10px 10px 0;
}
.blog-card-excerpt {
color: #333333;
font-size: 13px;
padding: 0 10px 10px 0;
}
@media only screen and (max-width:500px){
.blog-card a{
display:block;
}
.blog-card-thumbnail{
width:auto;
}
.blog-card-content{
width:100%;
padding:0.5rem;
}
.textwidget{
width:90%;
}
.menu-btn{
right:0px;
}
.otherbox{
margin: 0 0 20px 0;
width: 100%;
box-sizing: border-box;
}
} .site-header,
header.l-header,
.top_area:not(.breadcrumb_list_TXT) {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
margin: 0 auto;
z-index: 10;
box-sizing: border-box;
}
.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: auto;
}
span.pr-tag {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
width: 42px;
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;
white-space: nowrap;
}
.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;
white-space: nowrap;
}
.read_l h1 {
position: relative;
}
.site-brand,
.headerInner-logo,
.site_name {
display: flex;
align-items: center;
}
.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;
}
.entry-header {
position: relative;
}
.logo_area_h1 {
font-size:12px;
}
a[name="info-1"] + strong {
padding-right: 50px;
}
@media screen and (max-width: 768px) {
.top_area_left {
width:100%;
margin:0;
}
}
.read_l h1 {
position: relative;
padding-right: 50px;
}
.logo.site_name a p {
margin:0;
}
.subpage h1.read_TXT.rankIcon {
padding: 20px 0 20px 80px;
}
.subpage h1.read_TXT.rankIcon::before {
content: '';
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 70px;
height: 70px;
}
@media screen and (max-width: 768px) {
.subpage h1.read_TXT.rankIcon::before {
width: 60px;
height: 60px;
}
.subpage h1.read_TXT.rankIcon {
padding: 20px 50px 15px 68px;
margin-bottom: 2rem;
font-size: 20px;
}
} .read_TXT.rankIcon_1::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_1.png);
}
.read_TXT.rankIcon_2::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_2.png);
}
.read_TXT.rankIcon_3::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_3.png);
}
.read_TXT.rankIcon_4::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_4.png);
}
.read_TXT.rankIcon_5::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_5.png);
}
.read_TXT.rankIcon_6::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_6.png);
}
.read_TXT.rankIcon_7::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_7.png);
}
.read_TXT.rankIcon_8::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_8.png);
}
.read_TXT.rankIcon_9::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_9.png);
}
.read_TXT.rankIcon_10::before {
background-image: url(//kenchikusekkei-tenshokuagent.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_10.png);
}
.subpage p a img {
display: block;
width: 100%;
margin: 25px auto 20px;
transition: all .3s;
}
.subpage #toc_container {
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.subpage p a img:hover {
transition: all .3s;
}
#page p img {
width: 100%;
}
#toc_container {
width: 100% !important;
max-width: 500px;
margin: 20px auto 40px;
}
.toc_brackets,
.toc_toggle a {
font-size: 12.5px !important;
}
@media screen and (max-width: 768px) {
#toc_container {
width: 100% !important;
box-sizing: border-box;
}
#toc_container .toc_title {
font-size: 20px !important;
margin-bottom: 15px !important;
}
}
#tablepress-9.tablepress {
box-sizing: border-box;
border-left: 1px solid #919191 !important;
}
#tablepress-9.tablepress,
#tablepress-9.tablepress tr,
#tablepress-9.tablepress td {
box-sizing: border-box;
}
#tablepress-9.tablepress td:first-child{
background: #F5F5F5;
color: #333 !important;
width: 170px;
position: sticky;
left: 0;
z-index: 5;
}
@media only screen and (max-width: 768px) {
#tablepress-9.tablepress td:first-child{
width: 110px;
}
}
#tablepress-9 tr td {
padding: 3px 5px !important;
text-align: left;
} .pickup-box {
clear: both;
margin: 40px 0;
}
.pickup-box dt span {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
position: relative;
}
.pickup-box dt span::before, .pickup-box dt span::after {
content: "";
display: block;
width: 3px;
height: 37px;
background-color: var(--pickup-box-primary-color);
}
.pickup-box dt span::before {
margin-right: 16px;
transform: rotate(-22deg);
}
.pickup-box dt span::after {
margin-left: 16px;
transform: rotate(22deg);
}
@media screen and (min-width: 768px) {
.pickup-box dt span {
font-size: 22px;
}
}
.pickup-box .title {
align-items: center;
box-sizing: border-box;
border-radius: 7px 7px 0 0;
color: #ffffff !important;
display: flex;
font-size: 18px;
font-weight: 600;
height: 60px;
justify-content: center;
margin: 0 !important;
text-align: center;
position: relative;
width: 100%;
}
@media screen and (min-width: 768px) {
.pickup-box .title {
font-size: 24px;
}
}
.pickup-box .title::after {
content: "PR";
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
width: 45px;
height: 30px;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.pickup-box dl {
border-radius: 15px 15px 0 0;
margin: 0 !important;
}
.pickup-box dd {
background-color: #fff;
padding: 20px 20px 25px;
margin: 0 !important;
position: relative;
}
.pickup-box .mainImg {
width: 100%;
}
.pickup-box .mainImg img {
width: 100%;
height: auto !important;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
.pickup-box .texts {
margin: 15px 0 28px;
}
.pickup-box .texts p {
font-size: 16px !important;
margin: 0 !important;
font-weight: 500;
line-height: 1.45;
}
.pickup-box .texts p + p {
margin-top: 10px !important;
}
.pickup-box .btn-wrap {
margin-bottom: 0 !important;
}
.pickup-box .btn-wrap .btn {
width: 100%;
max-width: 350px;
min-width: 150px;
margin: 0 auto;
}
.pickup-box .btn-wrap .btn.design2 a {
display: inline-block;
font-size: 16.5px;
line-height: 1.5;
border: none;
border-radius: 5px;
position: relative;
color: #fff;
padding: 20px 32.5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
font-weight: 600 !important;
letter-spacing: 0.06em;
text-decoration: none !important;
}
.pickup-box .btn-wrap .btn.design2 a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
} .btn.btn2.design2 a {
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);
} .btn.btn2.design2:hover a {
box-shadow: 0 2px 0 var(--pickup-box-button-shadow-color);
transform: translateY(5px);
transition: 0.3s;
}
.pickup-box .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;
} .pickup-box .title,
.pickup-box dt span::before, .pickup-box dt span::after {
background-color: var(--pickup-box-primary-color);
}
.pickup-box dl {
border: 5px solid var(--pickup-box-primary-color);
}
.pickup-box .title::after {
color: var(--pickup-box-primary-color);
} :root {
--pickup-box-primary-color: #0D0015;
--pickup-box-button-bg-color: #eb6100;
--pickup-box-button-shadow-color: #d44114;
}
.point-list .point-item.design1 {
align-items: unset;
}
.point-list .point-item.design1 .point-icon {
display: flex;
align-items: center;
padding: 1rem;
color: #fff;
font-size: 1.8rem;
text-align: center;
width: 100%;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design1 .point-icon {
min-width: 17rem;
padding: 1rem 1rem;
width: unset;
}
}
@media screen and (min-width: 768px) {
.point-list .point-item.design1 .point-icon {
min-width: 22rem;
}
}
.point-list .point-item.design1 .point-icon i {
margin-right: 0.5rem;
}
.point-list .point-item.design1 p {
display: flex;
align-items: center;
}
.point-list .point-item.design1,
.point-list .point-item.design2,
.point-list .point-item.design3 {
background-color: #f5f5f5;
}
.point-list .point-item.design1 .point-icon,
.point-list .point-item.design2 .point-icon,
.point-list .point-item.design3 .point-icon {
background-color:#fcbb4e;
}
.point-list .point-item.design1 {
align-items: unset;
} .point-list li {
background-color: #fff;
border-bottom:0;
overflow:hidden;
}
@media screen and (min-width: 600px) {
.point-list li {
display: flex;
align-items: center;
justify-content: normal;
}
}
.point-list li p {
margin: 0 !important;
padding: 1rem;
width: 100%;
line-height: 1.4;
}
.point-list.column li + li {
margin-top: 1rem;
}
@media screen and (min-width: 600px) {
.point-list.column li {
display: flex;
align-items: center;
justify-content: normal;
}
}
.point-list.column li p {
padding: 1rem;
}
.point-list.row_2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media screen and (min-width: 600px) {
.point-list.row_2 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
}
.point-list.row_3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media screen and (min-width: 600px) {
.point-list.row_3 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
}
@media screen and (min-width: 1140px) {
.point-list.row_3 {
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
.point-list.row_3 .point-item.design1 .point-icon {
min-width: 10rem;
}
#recommend .point-list.row_2 .point-item.design2 + .point-item.design2, #recommend .point-list.row_3 .point-item.design2 + .point-item.design2 {
margin-top: 1.6rem;
}
@media screen and (min-width: 600px) {
#recommend .point-list.row_2 .point-item.design2 + .point-item.design2, #recommend .point-list.row_3 .point-item.design2 + .point-item.design2 {
margin: 0;
}
}
.point-list .point-item.design1 {
align-items: unset;
}
.point-list .point-item.design1 .point-icon {
display: flex;
align-items: center;
padding: 1rem;
color: #fff;
font-size: 1.8rem;
text-align: center;
width: 100%;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design1 .point-icon {
min-width: 17rem;
padding: 1rem 1rem;
width: unset;
}
}
@media screen and (min-width: 768px) {
.point-list .point-item.design1 .point-icon {
min-width: 22rem;
text-align: left;
}
}
.point-list .point-item.design1 .point-icon i {
margin-right: 0.5rem;
}
.point-list .point-item.design1 p {
display: flex;
align-items: center;
background: #fff;
box-sizing: border-box;
}
.point-list .point-item.design2 {
display: flex;
align-items: center;
justify-content: normal;
border-radius: 60px;
}
.point-list .point-item.design2 .point-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 45px;
height: 45px;
min-width: 45px;
color: #fff;
font-size: 1.6rem;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design2 .point-icon {
width: 50px;
height: 50px;
min-width: 50px;
font-size: 1.8rem;
}
}
@media screen and (min-width: 768px) {
.point-list .point-item.design2 .point-icon {
width: 60px;
height: 60px;
min-width: 60px;
font-size: 2rem;
}
}
.point-list .point-item.design2 p {
padding: 0.5rem 1rem;
}
.point-list .point-item.design3 {
display: block;
padding: 3.5rem 1.5rem 1.5em;
border-radius: 10px;
text-align: center;
position: relative;
margin-top: 3.5rem;
}
@media screen and (min-width: 600px) {
.point-list .point-item.design3 {
margin-top: 3rem;
padding: 4.5rem 2rem 2em;
}
}
.point-list .point-item.design3 .point-icon {
padding: 1rem 1.75rem;
min-width: 135px;
text-align: center;
border-radius: 50px;
font-size: 1.8rem;
text-transform: uppercase;
color: #fff;
line-height: 1;
font-weight: 500;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.point-list .point-item.design3 .point-icon {
min-width: 150px;
font-size: 2rem;
padding: 1rem 2rem;
}
}
.point-list .point-item.design3 .number {
display: inline-block;
margin-left: 0.5rem;
}
.point-list .point-item.design3 p {
padding: 0;
}
.point-list.row_2 .point-item.design3, .point-list.row_3 .point-item.design3 {
text-align: center;
}
@media screen and (min-width: 600px) {
.point-list.row_2 .point-item.design3:nth-of-type(3), .point-list.row_2 .point-item.design3:nth-of-type(4) {
margin-top: 2.5rem;
}
}
.no_bullets ul li{
list-style:none;
}
.menu-btn {
background: #87cefa;
}
[class*="is-BrSearchBtn-style_"] {
margin: 25px 0 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 {
margin-top: 16px;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] .btn + .btn {
margin: 0 0 0 16px;
}
}
[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;
}
}
[class*="is-BrSearchBtn-style_"] .btn .btn-copy {
display: block;
text-align: center;
margin-bottom: 5px;
font-size: 12px;
font-weight: 500;
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.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.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;
} .is-BrSearchBtn-style_template-12 .btn {
max-width: 430px;
font-size: 16px !important;
}
@media screen and (min-width: 768px) {
.is-BrSearchBtn-style_template-12 .btn {
font-size: 18px !important;
}
}
[class*="is-BrSearchBtn-style_"]  .btn.is-style-btn_wide {
max-width: 550px !important;
}
:root {
--btnOrange-primary-color: #eb6100;
--btnGreen-primary-color: #00A23F;
}  [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(500px / 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;
min-height: 60px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-capture a {
display: block;
width: 100%;
box-sizing: border-box;
}
.select-capture br {
display: none;
}
[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: 0px;
font-size: 12px;
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://kenchikusekkei-tenshokuagent.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://kenchikusekkei-tenshokuagent.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://kenchikusekkei-tenshokuagent.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;
border: none !important;
}
.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;
}
@media screen and (max-width:480px) {
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy {
font-size: 16px;
}
} :root {
--box3-primary-color: #0d0015;
--box3-btn1--color: #eb6100;
--box3-btn2--color: #CC0000;
--box3-points-color: #CC0000;
} .search .nxrc-fields th,
.nxrc-search-form table tr th{
background-color:#0d0015 !important; color:white !important; }
.nxrc-search-button button{
background-color:#eb6100 !important; color:#ffffff !important; }
.searchForm-title::after {
background: #0d0015;
} #main_section_bottom {
background: #F4F4F5;
}
#custom_html-2 {
margin: 0 auto;
}
#custom_html-2, #main_section .widget_text#text-16, .kensaku-space {
background: #ebf7ff;
margin: 0 calc(50% - 50vw);
width: 100vw;
max-width: unset;
padding: 40px 0;
}
#text-13 {
background:#fff;
}
.breadcrumb_list_TXT #breadcrumbs {
background: #ebf7ff;
display: inline-block;
padding: 8px;
}
#text-15 {
margin-bottom: 0; }
#footer {
margin-top:0;
}
.main_section_01 .tbox-card  p {
margin: 0 !important;
padding: 0 !important;
}
.tbox-card ul,
.tbox-card li {
list-style: none;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
box-sizing: border-box;
}
.tbox {
display: flex;
flex-wrap: wrap;
}
.tbox-card,
.tbox-card.tbox-ttlWrap {
width: 98%;
margin: 1%;
}
.tbox-card:not(.tbox-card.tbox-ttlWrap) {
background: #ffffff;
padding: 20px;
border-radius: 16px;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.tbox-card,
.tbox-card.tbox-ttlWrap {
width: 48%;
}
}
@media screen and (min-width: 1024px) {
.tbox-card,
.tbox-card.tbox-ttlWrap {
width: 31.3%;
}
}
.tbox-card.tbox-ttlWrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
color: #fff;
}
.tbox-card.tbox-ttlWrap .tbox-ttl {
font-size: 22px;
}
.tbox-card.tbox-ttlWrap .tbox-ttl + .tbox-card.tbox-ttlWrap .tbox-ttl {
margin-top: 10px;
}
.tbox-card.tbox-ttlWrap .tbox-ttl span {
color: #fcf594;
}
.tbox-card.tbox-ttlWrap .tbox-ttl.tbox-ttl1 {
font-size: 16px;
color: #EF9B34;
background: #fff;
border-radius: 50px;
padding: 7px 16px;
line-height: 1;
box-sizing: border-box;
display: block;
width: max-content;
margin: 0 auto 5px;
}
@media screen and (min-width: 768px) {
.tbox-card.tbox-ttlWrap .tbox-ttl {
font-size: 27px;
}
.tbox-card.tbox-ttlWrap .tbox-ttl.tbox-ttl1 {
font-size: 20px;
}
}
.tbox-in {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.tbox-img {
width: 135px;
}
.tbox-img img{
width: 100%;
height: 80px !important;
object-fit: contain;
}
@media screen and (min-width: 768px) {
.tbox-img {
width: 155px;
}
.tbox-img img{
height: 100px !important;
}
}
.tbox-list {
width: calc(100% - 150px);
margin-right: 10px !important;
margin-left: 16px !important;
}
.tbox-card .tbox-list li {
font-size: 13.5px;
font-weight: 700;
padding: 0 0 0 7px !important;
border: none !important;
}
@media screen and (min-width: 768px) {
.tbox-card .tbox-list li {
font-size: 16px;
}
}
.tbox-card .tbox-list li::marker {
content: '●'; 
font-size: 7px;
}
.tbox-card .tbox-list li + li{
margin-top: 10px !important;
}
.tbox-btn {
text-align: center;
}
.tbox-btn a {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
text-decoration: none;
color: #fff;
padding: 14px 25px;
border: 2px solid;
box-sizing: border-box;
border-radius: 50px;
font-size: 18.5px;
font-weight: 700;
position: relative;
z-index: 1;
}
.tbox-btn a::before {
content: '';
display: block;
border: 2px solid #fff;
border-radius: 50px;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
z-index: 2;
margin: 0 auto;
}
.tbox-btn a span.tbox-copy {
display: flex;
justify-content: center;
align-items: center;
font-size: 14.5px;
margin-bottom: 1px;
}
.tbox-btn a span.tbox-copy::before,
.tbox-btn a span.tbox-copy::after {
content: '';
display: block;
width: 2px;
height: 17px;
background: #fff;
}
.tbox-btn a span.tbox-copy::before {
transform: rotate(-18deg);
margin-right: 8px;
}
.tbox-btn a span.tbox-copy::after {
transform: rotate(18deg);
margin-left: 8px;
}
.tbox-card.tbox-card1 .tbox-btn a {
background: #36aacf;
border-color: #36aacf;
}
.tbox-card.tbox-card1 .tbox-btn a:hover {
background: #fff;
color: #36aacf;
}
.tbox-card.tbox-card2 .tbox-btn a {
background: #f89402;
border-color: #f89402;
}
.tbox-card.tbox-card2 .tbox-btn a:hover {
background: #fff;
color: #f89402;
}
.tbox-card.tbox-card3 .tbox-btn a {
background: #92d050;
border-color: #92d050;
}
.tbox-card.tbox-card3 .tbox-btn a:hover {
background: #fff;
color: #92d050;
}
.tbox-card.tbox-card4 .tbox-btn a {
background: #5ab860;
border-color: #5ab860;
}
.tbox-card.tbox-card4 .tbox-btn a:hover {
background: #ffffff;
color: #5ab860;
}
.tbox-card.tbox-card5 .tbox-btn a {
background: #ff0000;
border-color: #ff0000;
}
.tbox-card.tbox-card5 .tbox-btn a:hover {
background: #fff;
color: #ff0000;
}
#custom_html-10.widget_text {
margin: 0 auto !important;
}
#text-24 {
background: #EF9B34;
margin: 0 calc(50% - 50vw) !important;
width: 100vw;
max-width: unset;
padding: 40px 0;
}
#text-16 .textwidget,
#text-24 .textwidget {
width: 100%;
box-sizing: border-box;
max-width: 1200px;
} .detail-all-toggle{
padding-right:20px;
position:relative;
display: flex;
align-items: center;
justify-content: center;
}
.detail-all-toggle::after{
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f078";
position: absolute;
right:0;
top:50%;
transform:translateY(-50%) rotate(0);
transition:.5s;
}
.detail-all-toggle.active::after{
transform:translateY(-50%) rotate(-180deg);
}
.detail-all-content{
display:none;
opacity: 0; 
transition: opacity 0.3s, display 0.3s allow-discrete; 
}
.detail-all-content.active{
display:block;
opacity: 1;
@starting-style {
opacity: 0;
}
}
.fluid.footer_list {
padding: 5% 3%;
} [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: #CC0000;
--btnRed-shadow-color: #a80202;
--btnOrange-primary-color: #eb6100;
--btnOrange-shadow-color: #d44114;
--btnGreen-primary-color: #32b16c;
--btnGreen-shadow-color: #2c9d60;
--btnBlue-primary-color: #67D3FB;
--btnBlue-shadow-color: #50a9ca;
} #toc_container {
margin: 2rem 0;
padding: 2rem 3rem;
background: #FFF;
border: 1px solid #CCC;
color: #666;
background-color: #FCFCFC;
border-radius: 30px;
}
#toc_container .toc_title {
text-align: center;
margin-bottom: 35px;
margin-top: 0;
padding: 0 0 1rem;
font-size: 24px;
border-bottom: 1px solid #EAEAEA;
}
#toc_container .toc_list {
list-style-type: none !important;
counter-reset: li;
}
#toc_container .toc_list>li {
position: relative;
margin-left: 30px;
line-height: 1.3em;
font-size: 0.9em;
border: none;
}
#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 {
width: 100% !important;
max-width: 500px;
margin: 20px auto 40px;
}
@media screen and (max-width: 768px) {
#toc_container {
width: auto !important;
}
#toc_container .toc_title {
font-size: 20px !important;
}
} .footer-banner {
position: fixed;
bottom: 0;
left: 0;
padding: 1rem 0;
width: 100%;
background: rgba(10, 10, 10, 0.7);
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
-o-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 10;
}
.footer-banner .btn-wrap {
margin: 2rem auto 0.5rem;
}
.footer-totop-btn {
width: 50px;
height: 50px;
line-height: 40px;
min-width: 30px;
padding: 1rem 0;
text-align: center;
box-sizing: border-box;
background: rgba(214, 214, 214, 0.4);
z-index: 99;
position: fixed;
bottom: 0;
right: 0;
}
@media screen and (min-width: 768px) {
.footer-totop-btn {
width: 60px;
height: 60px;
line-height: 60px;
}
}
.footer-totop-btn i {
font-size: 2rem;
line-height: 1;
}
@media screen and (min-width: 480px) {
.footer-totop-btn i {
font-size: 2.7rem;
}
}
@media screen and (min-width: 768px) {
.footer-totop-btn i {
font-size: 3rem;
}
}
.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;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.7px;
color: #212529;
border-radius: 0.5rem;
}
a.btn-f {
font-size: 2rem;
position: relative;
padding: 0px 20px 10px 30px;
color: #fff;
background: #c52929;
box-shadow: 0 5px 0 #880e0e;
width: 60%;
}
a.btn-f span {
font-size: 1.3rem;
position: absolute;
top: -15px;
left: 12%;
display: block;
width: 77%;
padding: 0.7rem 0 0.5rem;
color: #c52929;
border: 2px solid #c52929;
border-radius: 0.5rem;
background: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-f:hover {
transform: translate(0, 3px);
color: #fff;
background: #c52929;
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%;
margin: 0 auto;
max-width: 1000px;
display: block;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
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;
}
a.btn-f {
font-size: 1.5rem;
width: 95%;
}
a.btn-f span {
font-size: 1rem;
top: -9px;
left: 10%;
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 {
bottom: 20%;
right: 1rem;
}
.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: 5px 15px 10px;
margin-bottom: 5px;
width: 95%;
margin-inline: auto;
}
a.footer-banner-btn i {
display: none;
}
}
@media only screen and (max-width: 600px) {
.footer-banner-txt p {
font-size: 12px;
}
}  .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: #87cefa;
--review-tab-bg-color: #ebf7ff;
}
.subpage .tab-wrapper .tab-content .tab-item {
min-width: 49%;
width: 49%;
}
@media (max-width:480px){
#ranking_box .tab-wrapper .tab-content .tab-item,
.subpage .tab-wrapper .tab-content .tab-item {
min-width: 100% !important;
width: 100% !important;
}
}