@charset "UTF-8";
@charset "UTF-8";


body {
font-family: "ZenOldMincho", serif !important;
line-height: 1.6 !important;
text-align: center !important;
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/17e7396c2a5dc28ee44af15345e84229.jpg) !important;
background-size: cover !important; background-repeat: no-repeat!important; background-position: center center!important; margin: 0 !important;
padding: 0 !important;
background-attachment: initial !important;
}
img { height: auto !important;
}
.slick-slider img:nth-child(1) {
margin-top: 26px;
} .slick-dots {
display: flex !important;
justify-content: center !important;
margin-top: 10px !important;
padding: 0 !important;
list-style: none !important;
} .slick-dots li button {
width: 10px !important;
height: 10px !important;
background-color: #858281; !important border: none !important;
border-radius: 50% !important;
margin: 0 5px !important;
padding: 0 !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
} .slick-dots li.slick-active button {
background-color: #133558; } .slick-dots li button:before {
content: '';
}
.unique-section-title {
font-size: 48px;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 20px 0 100px;
color: white;
background-color: #133558;
font-family: "MS Mincho", serif;
text-align: center !important;
}
.unique-icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
padding: 20px;
margin-top: -100px;
align-items: center;
}
.unique-icons img {
width: 120px !important;
height: 120px !important;
cursor: pointer; }
.tap-message-section {
margin-top: 50px;
}
.tap-message {
font-size: 24px;
font-weight: normal;
margin-top: 20px;
color: #133558;
padding: 0 20px;
width: 95%;
margin: 50px auto 80px;
display: block;
font-weight: bold;
}
.image-text-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 70%;
margin: 0 auto;
padding: 20px;
flex-wrap: wrap;
}
.image-container {
box-sizing: border-box;
overflow: hidden;
width: 50%; margin: 0 auto;
position: relative;
}
.ratings {
width: 45%; box-sizing: border-box;
padding: 20px;
text-align: left;
margin-top: 0; }
.slider {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slider img {
height: auto;
width: 100%;
flex-shrink: 0;
display: block;
margin: 0 auto;
} .slider-wrapper {
position: relative;
overflow: visible; } .slider-container {
position: relative;
overflow: visible; } .slider {
display: flex;
overflow: visible; position: relative;
} .slider img {
width: 100%;
height: auto;
} .icon-wrapper {
position: absolute;
z-index: 999;
} .slider-icon {
z-index: 999; width: 100px;
height: auto;
cursor: pointer;
}
.icon-wrapper .slider-icon {
position: absolute;
top: -40px;
right: -100px;
} #brand-details-2,
#brand-details-4 {
position: relative;
} .icon-wrapper-1 {
position: relative;
z-index: 999; width: 70%;
margin: 0 auto;
} .icon-wrapper-1 .slider-icon {
position: absolute;
top: -40px;
left: 0;
} .icon-wrapper-2 {
position: relative;
z-index: 999; width: 70%;
margin: 0 auto;
} .icon-wrapper-2 .slider-icon {
position: absolute;
top: -40px;
right: 0;
}
.dots {
display: flex;
justify-content: center;
margin-top: 10px;
padding: 0;
list-style: none;
}
.dot {
width: 10px;
height: 10px;
background-color: #858281;
border-radius: 50%;
margin: 0 5px;
transition: background-color 0.3s ease;
cursor: pointer;
}
.active {
background-color: #133558;
}
.ratings p { font-size: 20px;
color: #133558;
font-weight: bold;
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
text-align: left;
}
.button-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 20px;
}
.button-container img {
width: 80%;
}                               footer {
padding: 20px 20px 10px;
}
.diamond-text {
font-size: 20px;
color: #133558;
margin-top: 10px;
font-weight: bold;
} .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
} .popup-content {
align-items: center;
position: relative;
width: 80vw; flex-direction: row;
gap: 20px; } .popup-slide.active {
width: 30%; height: auto;
transform: scale(1.5);
z-index: 1;
opacity: 1;
} .popup-slide:not(.active) {
display: flex;
opacity: 0.7;
width: 10%; margin: 5px;
} #popup-images-container {
background: rgba(0, 0, 0, 0.8);
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
} #popup-images-container img {
width: 40%; height: auto;
cursor: pointer;
transition: transform 0.3s ease;
} .popup-content img {
max-width: 100%;
max-height: 100%;
width: 100%;
border-radius: 5px;
} .popup-close {
position: absolute;
top: 10px;
right: 10px;
background: #133558;
color: white;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.popup-close:hover {
background: #cba35c;
} .popup-large-image {
display: block !important;
text-align: center;
margin: 0 auto;
}
#main-popup-image {
width: 100%;
height: auto;
border-radius: 5px;
} .popup-small-image {
max-width: 200px !important;
width: 20% !important; cursor: pointer;
margin-top: 10px;
margin-left: 10px;
}
.popup-small-image.active {
opacity: 1;
transform: scale(1.1);
}  #brand-details-2 .image-text-container,
#brand-details-4 .image-text-container {
display: flex;
flex-direction: row;
gap: 30px;
order: 2; }
#brand-details-2 .image-container,
#brand-details-4 .image-container {
order: 2; }
#brand-details-2 .ratings,
#brand-details-4 .ratings {
order: 1; }
#wrapper {
overflow: hidden !important;
}
.content_area {
max-width: 700px !important;
padding: 0 40px !important;
margin: 0 auto !important;
}
.slick-list {
overflow: visible !important;
}
.slick-item p {
font-size: 18px;
line-height: 150px;
text-align: center;
margin: 10px;
padding: 2%;
background: white;
position: relative;
}
.slick-item-img {
margin: 0 10px; }
.area_content {
width: 70%;
margin: 0 auto 100px;
text-align: left;
color: #133558;
}
.head_area {
font-size: 5rem;
margin-bottom: 0;
}
.area_content h3 {
margin-top: 0;
font-size: 2rem;
}
.area_content p {
text-align: center;
font-size: 1.5rem;
}
.area-container {
display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 10px; }
.area-container a {
flex: 0 0 calc(32.333% - 10px); max-width: calc(32.333% - 10px); text-align: center; box-sizing: border-box; }
.area-container img {
width: 100%; height: auto; object-fit: cover; display: block; }
.slick-dots {
display: block !important;
}
@media screen and (max-width: 834px) {
.slick-dots {
display: block !important;
}
}
@media screen and (max-width: 768px) {
.unique-section-title {
font-size: 1.8rem;
padding-bottom: 40px !important;
}
.unique-icons {
margin-top: -70px;
gap: 5px;
padding-bottom: 0;
}
.unique-icons img {
width: 55px !important;
height: 55px !important;
}
.tap-message {
margin: 0 auto;
font-size: 1rem;
}
.tap-message-section {
margin: 0;
}
.slider-icon{
display: none;
}
.diamond-text{
font-size: 10px;
}
.ratings p{
font-size: 9px;
}
.head_area{
font-size: 2rem;
}
.area_content h3{
font-size: 1rem;
}
.area_content p{
font-size: 10px;
}
.image-text-container{
width: 100%;
}
.area_content{
width: 90%;
}
.button-container img{
width: 100%;
}
}
.linkcard{margin-top:0!important;margin-bottom:32px!important;margin-left:0!important;margin-right:0!important;}.linkcard a{text-decoration:none;}.linkcard img{margin:0!important;padding:0;border:none;}.linkcard span.external-icon{display:none;}.linkcard p{display:none;}.lkc-unlink{cursor:not-allowed;}.lkc-external-wrap{border:1px solid #efeded;}.lkc-internal-wrap{border:1px solid #efeded;}.lkc-this-wrap{border:1px solid #888888;}.lkc-external-wrap,.lkc-internal-wrap,.lkc-this-wrap{position:relative;margin:0;padding:0;max-width:720px;}.lkc-card{margin-top:16px;margin-bottom:16px;margin-left:16px;margin-right:16px;}.lkc-content{word-break:break-all;white-space:normal;overflow:hidden;height:;margin:0;}.lkc-title{font-weight:bold;overflow:hidden;word-break:break-all;color:#111111;font-size:16px;line-height:24px;}.lkc-title:hover{text-decoration:underline;}.lkc-url{display:block;font-weight:normal;text-decoration:underline;overflow:hidden;color:#4466ff;font-size:10px;line-height:10px;white-space:nowrap;text-overflow:ellipsis;}.lkc-url:link{text-decoration:none;}.lkc-url-info{display:inline;font-weight:normal;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4466ff;font-size:10px;line-height:10px;}.lkc-excerpt{padding:0;overflow:hidden;color:#8d8d8d;font-size:11px;line-height:17px;}.lkc-more-text{display:inline;color:#ffffff;font-size:12px;line-height:40px;}.lkc-thumbnail{display:flex;float:left;width:202px;margin:0 8px 0 0;}.lkc-thumbnail-img{border:1px solid rgba(0,0,0,0.4)!IMPORTANT;object-fit:cover;width:200px!important;height:150px!important;}.lkc-info{display:flex;align-items:center;white-space:nowrap;overflow:hidden;padding:0;color:#222222;font-size:12px;line-height:12px;}.lkc-favicon{display:inline!important;height:16px;width:16px;margin:0 4px!important;border:none;vertical-align:middle;}.lkc-domain{display:inline!important;text-decoration:none;margin:0 0 0 6px;color:#222222;font-size:12px;line-height:12px;}.lkc-external-added,.lkc-internal-added,.lkc-this-added{display:inline!important;color:#222222;font-size:12px;line-height:12px;}.lkc-date{display:inline!important;text-decoration:none;float:right;color:#222222;font-size:12px;line-height:12px;}.lkc-share{display:inline;text-shadow:none;}.lkc-sns-tw{display:inline;margin:0;padding:0 1px;color:#5ea9dd!important;background-color:#f5f8fa!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-fb{display:inline;margin:0;padding:0 1px;color:#ffffff!important;background-color:#3864a3!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-hb{display:inline;margin:0;padding:0 1px;color:#ff6464!important;background-color:#ffefef!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-gp{display:inline;margin:0;padding:0 1px;color:#dd4e42!important;background-color:#ffffff!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-po{display:inline;margin:0;padding:0 1px;color:#eeeeee!important;background-color:#ee4055!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-error{display:block;padding-top:50px;margin-top:-50px;}.clear{clear:both;}blockquote.lkc-quote{background-color:transparent;background-image:none;padding:0;margin:0;border:none;}blockquote.lkc-quote::before{content:'';}blockquote.lkc-quote::after{content:'';}.lkc-iframe-wrap{margin:0;max-width:720px;}.lkc-iframe{padding:0;margin:0;width:100%;}.lkc-more-text{background:#162557;padding:8px;}.lkc-more-text:hover{background:#fff;color:#162557;}.lkc-thumbnail{padding-right:16px;}.lkc-title-text{border-bottom:1px dashed #ccc;padding:0 0 8px 0;}.lkc-excerpt{padding-top:16px;}.linkcard img{object-fit:cover;}.lkc_sp .lkc-excerpt{display:none;}.lkc_sp .lkc-title-text{border-bottom:none;}.lkc_sp .lkc-title-text{font-size:14px;line-height:22px;}.lkc_sp .lkc-thumbnail-img{padding-right:10px;}.lkc_sp .lkc-card{margin:12px;}.lkc-title-text:hover{color:#ee6577;}@media screen and (max-width:600px){.lkc-title{font-size:14px;line-height:21px;}.lkc-excerpt{font-size:10px;}.lkc-thumbnail{width:180px;}}@media screen and (max-width:480px){.lkc-title{font-size:12px;line-height:19px;}.lkc-excerpt{font-size:8px;}.lkc-thumbnail{width:140px;}}@media screen and (max-width:320px){.lkc-title{font-size:11px;line-height:16px;}.lkc-excerpt{font-size:6px;}.lkc-thumbnail{width:100px;}}