*,
*:before,
*:after {
box-sizing:border-box;
}
.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, 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: '▶';
}
h1 {
margin: 0;
}
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 {
max-width: 1400px;
margin: auto;
}
.logo img {
width: auto;
padding: 0 .5rem;
margin: 20px 0;
}
.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: 260px!important;
padding: 0 0.5rem;
height:auto;
}
}
@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 h2 {
font-weight: bold;
}
#main_section .widget_text {
margin-top: 1rem;
background: #FFF;
}
.top_main { background-image: url(https://nagano-solarpower.info/wp-content/uploads/main_back.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: 1600px;
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: 20px 1rem 1rem 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;
}
@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%;
height: auto
}
.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: 1600px;
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: start;
-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: start;
-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;
} #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 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;
}
.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;
width: 100%;
height:auto;
}
#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: 56%;
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: 85px;
padding: 4px 4px 0;
border-bottom: solid 1px #CCC;
}
.single_rank_table .Ranktable_title_0 {
font-size: 12px;
font-weight: bold;
padding: 4px;
height: auto;
min-height: 25px;
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_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_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: 14px!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: 5px;
right: 0px;
display: flex;
height: 70px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 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: center;
}
@media only screen and (min-width: 481px) {
#sideber_menu {
width: 40%;
margin-top: 0;
}
.sideber_rank_ico {
width: 15%;
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 {
margin: 4% 0;
padding-bottom: 3%;
}
}
@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: 20px;
}
}
@media only screen and (min-width:1700px) {
.menu-btn {
right: 230px;
top: 20px;
}
} #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) {
} table.info {
width: 90%;
margin: 20px auto 40px;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table.info th,
table.info td {
padding: 13px;
padding-left: 15px;
font-size: 11px;   
}
table.info th {
background: #ececec;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #000;
font-weight: normal;
border: 1px #cecece solid;
border-right: none;
background-clip: padding-box;
}
table.info th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #ececec;
border-width: 10px;
margin-top: -10px;
} @-moz-document url-prefix() { 
table.info th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #ececec 10px solid;
margin-top: -10px;
}
}
table.info td {
background: #fff;
padding-left: 22px;
border: 1px #cecece solid;
border-left: none;
}
@media only screen and (max-width: 769px) {
table.info {
width: 100%;
}
table.info th{
width: 80px;
}
table.info th {
padding-left: 10px;
}
} #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 {
margin-top: 5%;
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 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;
} #toc_container {
margin-bottom: 40px;
padding: 15px 20px;
background: #fff;
border: 1px solid #b9b9b9;
border-radius: 2px;
color: #666;
background-color: #fcfcfc;
width: 90% !important;
margin: 0 auto;
}
#toc_container .toc_title {
font-family: "Unica One", cursive;
text-align: center;
margin-bottom: 35px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0px;
font-size: 1.7em;
border-bottom: 1px solid #dedede; }
#toc_container .toc_list-wrapper {
list-style-type: none !important;
counter-reset: li; }
#toc_container .toc_list-wrapper > li {
position: relative;
margin-bottom: 15px;
margin-left: 30px;
line-height: 1.3em;
font-size: 0.9em; }
#toc_container .toc_list-wrapper > li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
left: -40px;
top: 0px;
background: none;
font-family: "Unica One", cursive;
font-size: 1.4em;
letter-spacing: -1px;
}
#toc_container .toc_list > li a {
text-decoration: none !important; }
#toc_container .toc_list > li a:hover {
text-decoration: underline !important; }
#toc_container .toc_list > li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list > li > ul li {
font-size: 0.9em;
margin-bottom: 8px; } #toc_container .toc_title:before{
content: "\f046"; font-family: FontAwesome;
padding-right: 6px;
font-size:18px; color: #ff0000;
}
#toc_container .toc_toggle a{
color: #F89174; 
}
#toc_container ul{
counter-reset:number;
list-style:none;
list-style-image:none;
}
#toc_container ul li{
line-height: 1.25em;
margin-bottom: 0.9em;
margin-top:10px;
list-style-image:none;
}
#toc_container ul li a{
font-weight: bold;
text-decoration:none;
}
#toc_container ul li a:hover{
text-decoration:underline
}
#toc_container ul ul{
margin-top: 0.5em;
}
#toc_container ul ul li{
line-height: 1.25em;
margin-bottom: 0.5em;
font-size:14px;
margin-left:-30px;
}
#toc_container ul ul li:before{
content: "\f0da";
font-family: FontAwesome;
padding-right: 6px;
margin-left:0px;
color: #FFFBF4;
margin-left:-10px;	
}
#toc_container ul ul li a{
color: #3D3D3D;
font-weight: normal;
padding-right:6px;
text-decoration:none
}
#toc_container ul ul li a:hover{
text-decoration:underline
}
#toc_container .toc_list > li a {
text-decoration: none !important; }
#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;
}
}
@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;
background-color: #FFF;
}
}
@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;
}
#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) {
}  .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;
background: #FFFFFF!important;
display: inline-block;
height: auto;
}
.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%; }
.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 (max-width: 1024px) {
.otherbox {
width: 87%;
}
} .fukidashi{
display: inline-block;
position: relative;
margin: 8px 0;
padding: 0 14px;
background: #5d9598;
border-radius: 30px;
color: #fff;
font-size:11px;
}
.fukidashi::after{
content: "";
position: absolute;
margin: 0;
bottom: -12px;
right: 25px;
width: 0;
height: 0;
border-top: 19px solid #5d9598;
border-left: 12px solid transparent;
border-right: 3px solid transparent;
transform: rotate(-30deg);
}
.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;
} .table-btn a {
width: 100%;
background-color: #4dbbad;
border-radius: 5px;
box-shadow: 0 3px 0 rgba(83,153,131.3);
color: #ffffff !important;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 10px auto;
padding: 7px 0;
}
.table-btn a:hover {
box-shadow: 0 1px 0 rgba(83,153,131.1);
margin: 12px auto 8px;
} .table-btn2 a {
width: 100%;
background-color: #ff9000;
border-radius: 5px;
box-shadow: 0 3px 0 #dc7c00;
color: #ffffff !important;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 10px auto;
padding: 7px 0;
}
.table-btn2 a:hover {
box-shadow: 0 1px 0 #dc7c00;
margin: 12px auto 8px;
}
.table_detail th,
.table_top th {
width: 30%;
padding: 1rem;
text-align: center;
background-color: #FDF3F1;
vertical-align: middle;
}
.table_detail td,
.table_top td {
width: 70%;
padding: 1rem;
}
.table_top {
margin-bottom: 2rem;
}
.table_detail tr,
.table_top tr,
.table_detail th,
.table_top th,
.table_detail td,
.table_top td {
border-color: #FFF;
} .box26 {
padding: 7px 5px;
margin: 15px 0 55px;
color: #777777;
width: 100%;
background: #ffffff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);
overflow: hidden;
border: 3px solid #efefef;
}
.box26 img {
margin: 10px 10px 0 0px;
box-shadow: 0 0 10px gray;
-webkit-box-shadow: 0 0 10px gray;
-moz-box-shadow: 0 0 10px gray;
}
.box26 p {
overflow: hidden;
margin: 0;
padding: 10px;
line-height: 25px;
}
@media only screen and (max-width: 769px) {
.box26{
width: 100%;
margin: 15px 0 40px;
}
.box26 img{
width: 100%;
height: auto;
margin: 11px 0;
}
} .frame {
display: inline-block;  padding: 6px; width: 30%;
float: left;
text-align:center;
}
.frame img { box-shadow: 0 0 10px gray;
-webkit-box-shadow: 0 0 10px gray;
-moz-box-shadow: 0 0 10px gray;
width: 50%;
}
@media only screen and (max-width: 769px) {
.frame {
width: 80%;
}
.frame img{
width: 50%;
height: auto;
margin: 5px 10px 0 75px;
}
} .right{
width: 65%;
float: left;
margin: 0px 10px 5px 15px;
}
@media only screen and (max-width: 769px){
.right{
width: 100%;
margin: 10px 0;
}
}
.sidetop{
border: 3px solid #eaeaea;
}
.sidetop img{
margin: 15px 40px 0;
}
.sidetop p{
margin:14px;
color:#888888;
}
@media only screen and (max-width: 769px){
.sidetop img {
margin: 15px 94px 0;
}
} .site-header,
header.l-header,
.top_area {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
margin: 0 auto;
z-index: 10;
max-width: 100%;
}
.logo img {
max-width: 95%;
height: auto;
}
@media screen and (max-width: 768px) {
.cbp-spmenu-push .top_area {
top: 42px!important;
}
}
.top_area_right #navi {
margin-top:0!important;
}
.sideber_rank_title,
.rank-1 h3,
.rankIcon_1,
.rankIcon_no {
position: relative;
width: 100%;
}
span.pr-tag {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
display: block;
margin: auto;
width: 38px;
height: 20px;
padding: 6px 10px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 5px;
background: #f9f9f9;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 700;
box-sizing: border-box;
color:#444;
}
.site-brand span.pr-tag_st,
.headerInner span.pr-tag_st,
.site_name span.pr-tag_st {
display:inline-block;
font-size: 14px;
padding: 3px 12px;
background: #444;
color: #fff;
line-height: 1;
display: flex;
word-break: normal;
align-items: center;
justify-content: center;
}
.site-brand,
.headerInner-logo,
.site_name {
display: flex;
align-items: center;
margin-left: 1rem;
}
.site-brand span,
.headerInner-logo span,
.site_name span {
margin-right: 6px;
}
.recommend-ttl_h3 {
text-align: left;
padding-right: 50px;
}
.Social_button {
height:0;
}
.fluid.breadcrumb_list_TXT {
display: block;
background: #F6D7C2;
padding: 1rem;
}
.subpage h1.read_TXT.rankIcon {
padding: 20px 0 20px 80px;
}
.subpage h1.read_TXT.rankIcon:not(.subpage h1.read_TXT.rankIcon.rankIcon_1)::before,
.subpage h1.read_TXT.rankIcon_1::after{
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,
.subpage h1.read_TXT.rankIcon::after{
width: 60px;
height: 60px;
}
.subpage h1.read_TXT.rankIcon {
padding: 20px 0 15px 68px;
margin-bottom: 2rem;
}
} .read_TXT.rankIcon_1::after{
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_1.png);
}
.read_TXT.rankIcon_2::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_2.png);
} 
.read_TXT.rankIcon_3::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_3.png);
}
.read_TXT.rankIcon_4::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_4.png);
}
.read_TXT.rankIcon_5::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_5.png);
}
.read_TXT.rankIcon_6::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_6.png);
}
.read_TXT.rankIcon_7::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_7.png);
}
.read_TXT.rankIcon_8::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_8.png);
}
.read_TXT.rankIcon_9::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_9.png);
}
.read_TXT.rankIcon_10::before {
background-image: url(//nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_1/ran_ico_10.png);
} .pickup-content-comment{
text-align:center;
position:relative;
font-weight:bold;
color:#303030;
margin-top:12rem;
} .pickup-content-comment div{
position:relative;
width: 50%;
display: block;
margin: 30px auto ;
}
.pickup-content-comment .pc-none{
display:none;
}
@media (max-width:480px){
.pickup-content-comment div{
width:70%;
margin: 20px auto;
}
.pickup-content-comment .pc-none{
display:block;
}
}
.pickup-content-comment div::before,
.pickup-content-comment div::after{
content: '\02f';
position:absolute;
color:#FF9800;
font-size:200%;
}
.pickup-content-comment div::before{
top:50%;
transform:translateY(-50%) scale(-1, 2) rotate(20deg);
-webkit-transform:translateY(-50%) scale(-1, 2) rotate(20deg);
-ms-transform:translateY(-50%) scale(-1, 2) rotate(20deg);
left:-10px;
}
.pickup-content-comment div::after{
top:50%;
transform:translateY(-50%) scale(1, 2) rotate(20deg);
-webkit-transform:translateY(-50%) scale(1, 2) rotate(20deg);
-ms-transform:translateY(-50%) scale(1, 2) rotate(20deg);
right:-10px;
}
.pickup-content-comment div .border{
display:block;
text-shadow: 2px 2px 1px white;
}
.pickup-content-comment div .border span{
color:#FF9800;
font-size:150%;
display:inline-block;
padding:10px;
margin-right:10px;
transform:rotate(-20deg);
background:yellow;
text-shadow:none;
}
.pckup-box{
border:2px solid #FF9800;
border-radius:10px;
}
.pickup-box-title{
position: relative;
padding:10px;
background:#FF9800;
color:white;
text-align:center;
font-weight:bold;
font-size:130%;
}
.pickup-box-title::after {
content: "PR";
display: flex;
align-items: center;
justify-content: center;
background: #fff !important;
color:  #FF9800;
width: 40px;
height: 25px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
.pickup-box-title::after {
width: 30px;
}
}
.pickup-box-img{
padding:10px;
}
.pickup-box-content{
padding:10px;
}
.pickup-box-btn a{
display:block;
padding:10px;
margin:10px auto;
background:#43C902;
color:white;
width: 50%;
border-radius: 5px;
text-align: center;
color:white !important;
border:2px solid #093a01;
box-shadow:0px 4px 1px #093a01;
transition: .5s;
}
.pickup-box-btn a:hover{
transform: translateY(4px);
box-shadow:0px 0px 0px #093a01;
} img.wp-image-952 {
width: 100%;
} .area-banner-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
} 
.area-banner{
width:32%;
margin-bottom:20px;
}
@media only screen and (max-width:480px){
.area-banner{
width:100%;
}
}  .threebox-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.threebox-item{
width:31%;
padding:5px;
border:1px solid lightgrey;
display: flex;
flex-direction: column;
}
.threebox-item .image img{
width:100%;
}
@media only screen and (max-width:480px){
.threebox-item{
width:90%;
margin:0 auto 10px;		
}
}
.threebox-item{
background:#f3f3f3;
}
.threebox-item:first-child{
background:#cbe4e4;
}
.threebox-item + .threebox-item{
border-left:none;
}
.threebox-btn a{
display:block;
text-align:center;
margin:10px auto;
color:white !important;
background:#F47A4D;
padding:10px;
width:80%;
border-radius:20px;
}
.threebox-btn{
margin-top:auto;
}
#main_section #text-15.widget_text,
#main_section #text-15.widget_text .textwidget{
background: transparent;
}
#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;
}
} .flex-2col-box{
display:flex;
flex-wrap:nowrap;
gap:0 5px;
}
.flex-2col-box .flex-2col-item{
width:50%;
}
@media only screen and (max-width:480px){
.flex-2col-box{
flex-wrap:wrap;
}
.flex-2col-box .flex-2col-item{
width:100%;
margin-bottom:20px;
}
}
.flex-2col-box .ttl{
background:#E07B33;
padding:10px;
text-align:center;
color:#fff;
font-weight:bold;
}
.flex-2col-box .og-btn a{
display:block;
width:90%;
padding:10px;
font-weight:bold;
color:#fff !important;
background:#F26768;
text-align:center;
border-radius:30px;
margin: 0 auto;
} .flex-3col-box{
display:flex;
flex-wrap:nowrap;
gap:0 5px;
}
.flex-3col-box .flex-3col-item{
width:calc(100% / 3);
}
@media only screen and (max-width:480px){
.flex-3col-box{
flex-wrap:wrap;
}
.flex-3col-box .flex-3col-item{
width:100%;
margin-bottom:20px;
}
}
.flex-3col-box .ttl{
background:#E07B33;
padding:10px;
text-align:center;
color:#fff;
font-weight:bold;
}
.flex-3col-box .og-btn a{
display:block;
width:90%;
padding:10px;
font-weight:bold;
color:#fff !important;
background:#F26768;
text-align:center;
border-radius:30px;
margin: 0 auto;
} [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 175px;
box-sizing: border-box;
scroll-snap-align: start;
min-width: calc(1000px / 3.1);
width: calc((100% - 40px) / 2);
border: 3px solid var(--box3-primary-color);
position: relative;
}
#main [class*="is-BrSearchContents-style_selectBoxes_"] {
margin-top: 25px !important;
}
#main [class*="is-BrSearchContents-style_selectBoxes_"] .select-box {
min-width: calc(916px / 3.1);
}
.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,
#main [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;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-capture a {
display: block;
width: 100%;
box-sizing: border-box;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box img:not(img.rank-icon) {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-quote {
display: block;
font-size: 10px;
text-align: right;
line-height: 1;
margin: 5px 5px 5px auto !important;
color: #999;
cursor: pointer;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 3px 3px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt {
margin: 12.5px 0;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt.select-points li {
font-size: 16px;
font-weight: 500;
margin: 0 !important;
padding: 0 0 0 25px !important;
list-style: none;
border: unset !important;
line-height: 1.4 !important;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt.select-points li + li {
margin-top: 10px !important;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-txt.select-points li::before {
content: "\f14a";
font-weight: 900;
font-family: 'FontAwesome';
display: block;
color: #fff;
font-size: 20px;
line-height: 1;
color: var(--box3-points-color);
text-align: center;
position: absolute;
left: 0;
top: 1.5px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btns{
position: absolute;
bottom: 20px;
right: 0;
left: 0;
width: calc(100% - 30px);
margin: 0 auto;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] + [class*="select-btn_"] {
margin: 16px 0 0;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] a {
display: block;
width: 100%;
font-size: 16px;
display: block;
color: #fff;
width: 100%;
box-sizing: border-box;
text-decoration: none;
font-weight: 600 !important;
letter-spacing: 0.06em;
line-height: 1.4;
padding: 18px 32px;
border-radius: 100px;
border: 2px solid;
text-align: center;
transition: 0.3s;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
} [class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
text-align: center;
margin-bottom: 0.5rem;
font-size: 1.4rem;
font-weight: 500;
transition: 0.3s;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::after {
content: "";
display: inline-block;
width: 20px;
height: 3px;
border-radius: 5px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 .select-copy::after {
background-color: var(--box3-btn1--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 .select-copy::before, 
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 .select-copy::after {
background-color: var(--box3-btn2--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::before {
margin-right: 0.6rem;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box [class*="select-btn_"] .select-copy::after {
margin-left: 0.6rem;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
background-color: var(--box3-btn1--color);
border-color: var(--box3-btn1--color);
color: #fff;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a:hover {
background: #fff;
color: var(--box3-btn1--color);
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 a {
background-color: var(--box3-btn2--color);
border-color: var(--box3-btn2--color);
color: #fff;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_2 a:hover {
background: #fff;
color: var(--box3-btn2--color);
} [class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar {
height: 8px;
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-track {
background-color: #efefef;
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-thumb {
border-radius: 50px;
}
[class*="is-BrSearchContents-style_selectBoxes_"] .scrollArea::-webkit-scrollbar-thumb {
background-color: var(--box3-primary-color);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-name::after {
background-color: var(--box3-primary-color);
}
[class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-name {
text-align: left;
padding-left: 50px;
position: relative;
}
[class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box .select-name::before {
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: unset !important;
min-width: 40px;
height: 40px !important;
position: absolute;
top: 0;
left: 0;
transform: translateY(-25%);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(1) .select-name::before {
background-image: url(https://nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_5/ran_ico_1.png);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(2) .select-name::before {
background-image: url(https://nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_5/ran_ico_2.png);
} [class*="is-BrSearchContents-style_selectBoxes_ranking"] .select-box:nth-of-type(3) .select-name::before {
background-image: url(https://nagano-solarpower.info/wp-content/themes/e_ver004/img/ran_ico_5/ran_ico_3.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: #f9dd83;
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;
} :root {
--box3-primary-color: #E17B34;
--box3-btn1--color: #E17B34;
--box3-btn2--color: #C00000;
--box3-points-color: #C00000;
}  .sec-postList {
margin: 24px 0 16px;
}
.sec-postList .post-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 16px;
}
@media screen and (min-width: 768px) {
.sec-postList .post-list {
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
}
@media screen and (min-width: 1140px) {
.sec-postList.column_3 .post-list {
grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3.3), 1fr));
}
}
.sec-postList ul.post-list,
.sec-postList ul.post-list li {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
list-style: none;
}
.sec-postList .post-list .post-item {
background-color: #fff;
width: 100%;
}
.sec-postList.design4 ul li a {
display: flex;
justify-content: center;
flex-direction: column;
text-shadow: #000 1px 0 5px;
box-sizing: border-box;
width: 100%;
height: 100%; padding: 15px;
min-width: 150px;
min-height: 100px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-decoration: none;
background-image:url(https://nagano-solarpower.info/wp-content/uploads/navi-bg.png);
}
@media screen and (min-width: 768px) {
.sec-postList.design4 ul li a {
padding: 22px 30px 18px 22px;
}
}
@media screen and (min-width: 1024px) {
.sec-postList.design4 ul li a {
min-height: 150px;
}
}
.sec-postList.design4 ul li a::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s;
}
.sec-postList.design4 ul li a .title {
font-size: 16px;
margin: 0 !important;
font-weight: 600;
letter-spacing: 1.4px;
line-height: 1.3;
color: #fff !important;
text-align: left;
padding: 0!important;
margin: 0 !important;
position: relative;
z-index: 5;
}
.sec-postList.design4 ul li a .title::before,
.sec-postList.design4 ul li a .title::after {
display: none;
}
@media screen and (min-width: 768px) {
.sec-postList.design4 ul li a .title {
font-size: 18px;
}
}
.sec-postList.design4 ul li a p {
color: #fff;
margin: 10px 0 0 !important;
font-size: 14px;
line-height: 1.3;
position: relative;
z-index: 5;
width: 90%;
}
@media screen and (min-width: 768px) {
.sec-postList.design4 ul li a p {
width: 65%;
}
} @media screen and (min-width: 768px) {
.sec-postList.design4 ul li a::after {
width: 25px;
height: 25px;
}
}
.sec-postList.design4 ul li:hover a::before {
background: rgba(0, 0, 0, 0.3);
transition: all 0.3s;
}  [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;
}
.top-link [class*="is-BrSearchBtn-style_"] .btn {
max-width: 430px;
}
@media screen and (max-width:480px) {
.top-link [class*="is-BrSearchBtn-style_"] .btn {
max-width: 300px;
}
} [class*=is-style-icon_] {
display: inline-block;
color: #333;
border-width: 0;
border-radius: 1px;
line-height: 1.6;
padding: 1em 1em 1em 4.25em;
position: relative;
margin: 16px 0 !important;
}
[class*=is-style-icon_]::before {
display: block;
font-family: 'Font Awesome 6 Free';
font-size: inherit;
font-weight: 900;
left: 1.25em;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.5);
transform: translateY(-50%) scale(1.5);
}
[class*=is-style-icon_]::after {
border-right: 1px solid;
content: "";
display: block;
height: 50%;
left: 3.25em;
opacity: .4;
position: absolute;
top: 25%;
width: 0;
}
[class*=is-style-icon_] strong {
padding: 0 4px 3px;
border-bottom: 1px dashed #bbb;
} .is-style-icon_light::before {
content: "\f0eb";
} [class*=is-style-icon_].is-style-color_orange {
background: var(--color_icon_bg_orange);
padding: 45px 10px 45px 65px;
}
[class*=is-style-icon_].is-style-color_orange::before,
[class*=is-style-icon_].is-style-color_orange::after {
color: var(--color_icon_txt_orange);
}
:root {
--color_icon_bg_orange: #fff5f0;
--color_icon_txt_orange: #ffa537;
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnRed a {
background: #0094c8 !important;
box-shadow: 0 5px 0 #0074a2 !important;
border-color: #0094c8 !important;
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnRed .btn_balloon {
color: #0094c8;
border: 3px solid #0094c8;
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnRed:hover a {
box-shadow: 0 2px 0 #0094c8 !important;
background: #0094c8 !important;
}
.subpage #rtable {
font-size:14px;
color: rgb(88, 88, 88);
}
[class*="is-BrSearchBtn-style_"] .btn.design2.btnRed.ranking_btn a {
font-size:15px !important;
}
.review_midashi {
font-size: 20px;
padding: 8px 48px !important;
text-align: center;
font-weight: bold;
color: #000914 !important;
}
.updateBUtton {
margin: 1rem auto;
max-width: 100%;
font-weight: 700;
padding: 0 0.7rem;
background-color:rgba(255, 255, 255, .8);
}
#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;
}
}  .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: #E17B34;
--review-tab-bg-color: #FDF3F1;
}
@media (max-width:480px){
.top_main #ranking_box .tab-wrapper .tab-content .tab-item {
min-width: 100%;
width: 100%;
}
} .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: 10px 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: 16px;
position: relative;    
padding: 18px 20px 10px 30px;
color: #fff;
background: #c52929;
box-shadow: 0 5px 0 #880e0e;
width: 60%;
}
a.btn-f span {
font-size: 14px;
position: absolute;
top: -15px;
left: 12%;
display: block;
width: 77%;
padding: 10px 0 10px;
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: 16px;
width: 95%;
}
a.btn-f span {
font-size: 14px;
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: 30px 15px 10px;
margin-bottom: 5px;
width: 95%;
}
a.footer-banner-btn i {
display: none;
}
}
@media only screen and (max-width: 600px) {
.footer-banner-txt p {
font-size: 12px;
}
} .faq-wrapper {
margin: 20px 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-gap: 10px;
padding: 15px;
background: #f5f5f5;
}
.subpage .faq-wrapper {
display: block;
}
.subpage .faq-wrapper .faq-box + .faq-box {
margin-top: 10px;
}
.faq-box label{
display: block;
max-width: 100%;
height: auto;
padding: 15px 40px 15px 60px;
font-size: 15px;
color: #777;
line-height: 1.4;
background: #fff;
position: relative;
cursor: pointer;
transition: all 0.5s;
clear: both;
}
.faq-box label:hover{
-webkit-transition: all .3s;
transition: all .3s;
}
.faq-box input{
display: none;
}
.faq-box .faq-q ,
.faq-box .faq-a {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
color: #fff;
font-family: "Roboto", "Noto Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 20px;
font-weight: bold;
}
.faq-box .faq-q {
background-color: #000652;
}
.faq-box .faq-a {
background-color: #ef7c0c;
}
.faq-box label:after{
content: " \f078";
color: #737373;
font-family: "FontAwesome";
font-size: 12px;
font-weight: 400;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.faq-box input:checked ~ label::after {
content:" \f077";
color: #737373;
font-family:"FontAwesome";
}
.faq-box .faq-small{
display: none;
background: #fff;
padding: 15px 15px 15px 60px;
position: relative;
transition: 0.5s;
}
.faq-box input:checked ~ .faq-small{
display: block;
}
.faq-box .faq-small p{
color: #777;
line-height: 1.4;
font-size: 12px;
text-align: justify;
}
.faq-box p,
.faq-small p{
margin: 0px !important;
}
.faq-box br {
display: none;
visibility: hidden;
}
@media  screen and (max-width: 769px) {
.faq-wrapper {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
} .box26 .frame img {
width: auto;
}  [class*="is-BrSearchContents-style_pickupBox_"] {
clear: both;
margin: 40px 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 5px;
position: relative;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span {
font-size: 16px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
content: "";
display: block;
width: 3px;
height: 27px;
background-color: var(--pickup-box-primary-color);
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
height: 37px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::before {
margin-right: 16px;
transform: rotate(-22deg);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-copy span::after {
margin-left: 16px;
transform: rotate(22deg);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
background-color: var(--pickup-box-primary-color);
padding: 0 !important;
margin: 0 !important;
border-radius: 7px 7px 0 0;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
text-align: center;
color: #FFF !important;
position: relative;
}
@media screen and (min-width: 768px) {
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title {
font-size: 22px;
}
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title span {
padding: 0 60px;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::before {
background-color: var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::after {
color: var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::before {
display: none !important;
visibility: hidden !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-title::after {
content: "PR";
display: flex;
align-items: center;
justify-content: center;
background: #fff;
width: 30px;
height: 23px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
[class*="is-BrSearchContents-style_pickupBox_"] dl {
margin: 0 !important;
border-radius: 15px 15px 0 0;
border: 5px solid var(--pickup-box-primary-color);
}
[class*="is-BrSearchContents-style_pickupBox_"] dd {
background-color: #fff;
padding: 20px 20px 25px;
margin: 0 !important;
position: relative;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-img {
width: 100%;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-img img {
width: 100%;
height: auto !important;
object-fit: cover;
object-position: center top;
margin: 0 !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-point,
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text {
margin: 15px 0 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text p {
font-size: 14px !important;
margin: 0 !important;
line-height: 1.45;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-text p + p {
margin-top: 16px !important;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn {
width: 100%;
max-width: 350px;
min-width: 150px;
margin: 16px auto 0;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a {
display: block;
width: 100%;
background: var(--pickup-box-button-bg-color);
-webkit-box-shadow: 0 5px 0 var(--pickup-box-button-shadow-color);
box-shadow: 0 5px 0 var(--pickup-box-button-shadow-color);
margin: 0 !important;
font-size: 16.5px;
font-weight: 600 !important;
line-height: 1.5;
letter-spacing: 0.06em;
text-align: center;
color: #fff !important;
padding: 20px 32.5px;
cursor: pointer;
box-sizing: border-box;
text-decoration: none !important;
text-shadow: none;
border: none;
visibility: visible;
position: relative;
} [class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn:hover a {
box-shadow: 0 2px 0 var(--pickup-box-button-shadow-color);
transform: translateY(5px);
transition: 0.3s;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a i {
position: absolute;
top: 0;
bottom: 0;
right: 1.6rem;
height: 16px;
margin: auto;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-btn a::before {
display: none;
}
[class*="is-BrSearchContents-style_pickupBox_"] .pickupBox-quote {
display: block;
font-size: 10px;
text-align: right;
line-height: 1;
margin: 5px 5px 5px auto;
color: #999;
cursor: pointer;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
padding: 0 3px 3px;
} .is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point {
padding: 10px 0 0;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointTitle {
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 16px;
border-bottom: 3px solid var(--pickup-box-primary-color);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img img {
height: 180px !important;
}
@media screen and (min-width: 600px) {
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point {
padding: 15px;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img {
width: 50%;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-point  {
padding: 0 0 0 15px;
width: 100%;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-title::after {
width: 45px;
height: 30px;
font-size: 14px;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-img img {
height: 180px !important;
}
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList {
margin: 0 !important;
padding: 0 !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
margin: 0 !important;
padding: 0 !important;
line-height: 1.4;
list-style: none;
border: none !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem + .pickupBox-pointItem {
margin-top: 5px !important;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
background: var(--pickup-box-pointIcon-bg);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem .pickupBox-pointIcon {
display: flex;
align-items: center;
justify-content: center;
padding: 7px 10px;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: 500;
min-width: 80px;
background-color: var(--pickup-box-primary-color);
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem p {
font-size:14px;
padding: 5px 10px !important; 
margin: 0 !important;
text-align: center;
line-height: 1.4;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem .pickupBox-pointIcon i {
margin-right: 0.5rem;
}
@media screen and (min-width: 600px) {
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem {
display: flex;
justify-content: normal;
}
.is-BrSearchContents-style_pickupBox_type2 .pickupBox-flex .pickupBox-pointList .pickupBox-pointItem p {
display: flex;
align-items: center;
text-align: left;
}
} :root {
--pickup-box-primary-color: #E17B34;
--pickup-box-pointIcon-bg: rgba(239, 239, 239,0.5);
--pickup-box-button-bg-color: #C00000;
--pickup-box-button-shadow-color: #a80202;
}