html {
-webkit-text-size-adjust:100%;
box-sizing:border-box;
-moz-tab-size:4;
tab-size:4;
word-break:normal
}
*,:after,:before {
background-repeat:no-repeat;
box-sizing:inherit
}
:after,:before {
text-decoration:inherit;
vertical-align:inherit
}
* {
margin:0;
padding:0
}
hr {
color:inherit;
height:0;
overflow:visible
}
details,main {
display:block
}
summary {
display:list-item
}
small {
font-size:80%
}
[hidden] {
display:none
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
a {
background-color:rgba(0,0,0,0)
}
a:active,a:hover {
outline-width:0
}
code,kbd,pre,samp {
font-family:monospace,monospace
}
pre {
font-size:1em
}
b,strong {
font-weight:bolder
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-0.25em
}
sup {
top:-0.5em
}
table {
border-color:inherit;
text-indent:0
}
iframe {
border-style:none
}
input {
border-radius:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea {
overflow:auto;
resize:vertical
}
button,input,optgroup,select,textarea {
font:inherit
}
optgroup {
font-weight:700
}
button {
overflow:visible
}
button,select {
text-transform:none
}
[role=button],[type=button],[type=reset],[type=submit],button {
cursor:pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring {
outline:1px dotted ButtonText
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance:button
}
button,input,select,textarea {
background-color:rgba(0,0,0,0);
border-style:none
}
a:focus,button:focus,input:focus,select:focus,textarea:focus {
outline-width:0
}
select {
-moz-appearance:none;
-webkit-appearance:none
}
select::-ms-expand {
display:none
}
select::-ms-value {
color:currentColor
}
legend {
border:0;
color:inherit;
display:table;
max-width:100%;
white-space:normal
}
::-webkit-file-upload-button {
-webkit-appearance:button;
color:inherit;
font:inherit
}
[disabled] {
cursor:default
}
img {
border-style:none
}
progress {
vertical-align:baseline
}
[aria-busy=true] {
cursor:progress
}
[aria-controls] {
cursor:pointer
}
[aria-disabled=true] {
cursor:default
}
.error {
margin:73px 0 88px 0
}
@media screen and (max-width: 768px) {
.error {
margin:27px 0 100px 0
}
}
.error-cont {
text-align:center
}
.error-cont .orange-button {
margin:48px auto 0 auto
}
@media screen and (max-width: 768px) {
.error-cont .orange-button {
margin:52px auto 0 auto
}
}
.error-ttl {
font-size:1.875rem;
line-height:1.3
}
@media screen and (max-width: 768px) {
.error-ttl {
font-size:1.625rem
}
}
.error-txt {
font-size:1rem;
line-height:2;
margin-top:28px
}
@media screen and (max-width: 768px) {
.error-txt {
font-size:.8125rem;
margin-top:37px
}
}
.breadcrumb {
background-color:#000;
color:#fff;
padding:.6875rem 0 .6875rem .625rem;
font-size:.875rem
}
@media screen and (max-width: 768px) {
.breadcrumb {
font-size:.625rem
}
}
.breadcrumb a {
color:#fff
}
.broadcast-headphones-headsets {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.broadcast-headphones-headsets {
margin:40px 0 40px 0
}
}
.company {
padding-bottom:6.375rem;
color:#fff
}
@media screen and (max-width: 768px) {
.company {
padding-bottom:3.5rem
}
}
.company-mainVisual {
position:relative
}
.company-mainVisual_title {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:25rem;
height:13.75rem;
border-top:.3125rem solid #ff5900;
border-left:.3125rem solid #ff5900;
font-size:3.75rem;
color:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
@media screen and (max-width: 768px) {
.company-mainVisual_title {
width:calc(100% - 32px);
max-width:21.4375rem;
height:11.790625rem;
font-size:1.875rem;
border-width:.1875rem
}
}
.company-mainVisual_title::before {
content:"";
display:block;
width:80%;
height:.3125rem;
background:#ff5900;
position:absolute;
bottom:0;
left:0
}
@media screen and (max-width: 768px) {
.company-mainVisual_title::before {
height:.1875rem
}
}
.company-mainVisual_title::after {
content:"";
display:block;
width:.3125rem;
height:60%;
background:#ff5900;
position:absolute;
top:0;
right:0
}
@media screen and (max-width: 768px) {
.company-mainVisual_title::after {
width:.1875rem
}
}
.company-mainVisual_title_sub {
font-size:1.875rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold
}
@media screen and (max-width: 768px) {
.company-mainVisual_title_sub {
font-size:1rem
}
}
.company-mainVisual_image {
min-height:18.75rem
}
.company-mainVisual_image img {
width:100%;
min-height:18.75rem;
object-fit:cover;
object-position:right
}
.company-about {
margin-top:3rem
}
@media screen and (max-width: 768px) {
.company-about {
margin-top:2rem
}
}
.company-about_title {
text-align:left
}
.company-about_content {
display:grid;
grid-template-columns:1fr 17.5rem;
grid-template-rows:repeat(2, auto);
grid-column-gap:3.0625rem;
grid-row-gap:2.75rem;
margin-top:2.1875rem
}
@media screen and (max-width: 768px) {
.company-about_content {
grid-template-columns:repeat(2, 1fr);
grid-template-rows:repeat(3, auto);
grid-column-gap:1.125rem;
grid-row-gap:1.75rem;
margin-top:1.25rem
}
}
.company-about_textBox._01 {
grid-area:1/1/2/2
}
@media screen and (max-width: 768px) {
.company-about_textBox._01 {
grid-area:1/1/2/3
}
}
.company-about_textBox._02 {
grid-area:2/1/3/2
}
@media screen and (max-width: 768px) {
.company-about_textBox._02 {
grid-area:3/1/4/3
}
}
.company-about_text {
line-height:2
}
.company-about_image._01 {
grid-area:1/2/2/3
}
@media screen and (max-width: 768px) {
.company-about_image._01 {
grid-area:2/1/3/2;
align-self:end
}
}
.company-about_image._02 {
grid-area:2/2/3/3
}
@media screen and (max-width: 768px) {
.company-about_image._02 {
grid-area:2/2/3/3;
align-self:end
}
}
.company-about_image_caption {
margin-top:1.125rem
}
@media screen and (max-width: 768px) {
.company-about_image_caption {
text-align:center
}
}
.company-about_button {
margin-top:2rem;
margin-left:0 !important
}
.company-movie {
margin-top:7.75rem
}
@media screen and (max-width: 768px) {
.company-movie {
margin-top:3.5rem
}
}
.company-movie_content {
width:100%;
margin-top:2.1875rem;
padding-top:56.2727%;
position:relative
}
@media screen and (max-width: 768px) {
.company-movie_content {
margin-top:1.25rem
}
}
.company-movie_thumbnail {
width:100%;
position:absolute;
top:0;
left:0;
z-index:2
}
.company-movie_video {
width:100%;
position:absolute;
top:0;
left:0
}
.company-movie_button {
width:8.7645%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:3
}
.company-info {
margin-top:6.25rem
}
@media screen and (max-width: 768px) {
.company-info {
margin-top:3.5rem
}
}
.company-info_title {
text-align:left
}
.company-info_content {
margin-top:2.1875rem
}
@media screen and (max-width: 768px) {
.company-info_content {
margin-top:1.25rem
}
}
.company-info_table {
width:100%;
border-collapse:collapse
}
.company-info_table_heading,.company-info_table_data {
padding:1.375rem 1.125rem;
border:1px solid #fff;
text-align:left;
vertical-align:top;
line-height:1.3125
}
@media screen and (max-width: 768px) {
.company-info_table_heading,.company-info_table_data {
display:block;
padding:1.0625rem .625rem;
border-bottom:0
}
}
.company-info_table_heading {
width:13.75rem
}
@media screen and (max-width: 768px) {
.company-info_table_heading {
width:100%
}
}
.company-info_table_data {
width:calc(100% - 13.75rem)
}
@media screen and (max-width: 768px) {
.company-info_table_data {
width:100%
}
}
.company-info_table_data._last {
border-bottom:1px solid #fff
}
.footer_cont01 {
background-color:#efefef
}
.footer_cont02 {
background-color:#000
}
.footer_cont03 {
background-color:#e1e6e1
}
.footer_contact_txt {
font-size:.875rem;
margin:28px 0;
text-align:center
}
@media screen and (max-width: 768px) {
.footer_contact_txt {
font-size:.8125rem
}
}
.footer_contact_list {
display:grid;
grid-template-columns:1fr 1fr
}
@media screen and (max-width: 768px) {
.footer_contact_list {
display:block
}
}
.footer_contact_item {
padding:80px 60px;
display:flex;
flex-flow:column;
justify-content:space-between
}
@media screen and (max-width: 768px) {
.footer_contact_item {
padding:42px 0
}
}
.footer_product {
padding:44px 0
}
.footer_product_txt {
color:#fff;
font-size:.875rem;
line-height:1.6;
text-align:center
}
@media screen and (max-width: 768px) {
.footer_product_txt {
font-size:.8125rem;
line-height:1.6
}
}
.footer_navArea {
padding:52px 0
}
@media screen and (max-width: 768px) {
.footer_navArea {
padding:52px 0 5px 0
}
}
.footer_nav {
display:flex;
justify-content:space-between;
align-items:flex-start
}
@media screen and (max-width: 768px) {
.footer_nav {
display:block
}
}
.footer_item {
font-size:1.25rem;
margin-bottom:14px;
font-weight:bold
}
@media screen and (max-width: 768px) {
.footer_item {
margin-bottom:35px
}
}
.footer_item a {
color:#000;
position:relative
}
.footer_item a:after {
content:"";
position:absolute;
width:100%;
transform:scaleX(0);
height:1px;
bottom:0;
left:0;
background-color:#000;
transform-origin:bottom right;
transition:transform .25s ease-out
}
.footer_item a:hover::after {
transform:scaleX(1);
transform-origin:bottom left
}
.footer_child_list {
margin-top:14px
}
.footer_child_item {
font-size:1rem;
margin-bottom:11px;
font-weight:normal
}
@media screen and (max-width: 768px) {
.footer_child_item {
font-size:.8125rem
}
}
.footer_copy {
font-size:.625rem;
text-align:right;
margin-top:26px;
margin-bottom:12px
}
@media screen and (max-width: 768px) {
.footer_copy {
margin-top:53px
}
}
.contact-title {
font-size:1.875rem;
margin-bottom:1.75rem;
margin-top:3.125rem
}
@media screen and (max-width: 768px) {
.contact-title {
font-size:1.625rem;
margin-bottom:1.25rem;
margin-top:1.6875rem
}
}
.contact p {
line-height:2
}
@media screen and (max-width: 768px) {
.contact p {
font-size:.8125rem
}
}
.contact-form {
margin-top:3rem;
margin-bottom:6.25rem
}
.contact-form_row {
display:flex;
margin-top:-1px
}
@media screen and (max-width: 768px) {
.contact-form_row {
display:block
}
}
.contact-form_dt {
width:35%;
max-width:23.75rem;
border:solid 1px #a2a9a8;
padding-left:1.1875rem;
padding-right:1.1875rem;
padding-top:1.3125rem;
padding-bottom:1.3125rem;
background-color:#efefef
}
@media screen and (max-width: 768px) {
.contact-form_dt {
width:100%;
max-width:unset;
padding-left:1rem;
padding-right:1rem;
padding-top:.875rem;
padding-bottom:.875rem
}
}
.contact-form_dd {
width:65%;
max-width:45rem;
border:solid 1px #a2a9a8;
margin-left:-1px;
padding-left:1.0625rem;
padding-right:1.0625rem;
padding-top:1.3125rem;
padding-bottom:1.3125rem
}
@media screen and (max-width: 768px) {
.contact-form_dd {
width:100%;
max-width:unset;
margin-left:0;
margin-top:-1px;
padding-left:1rem;
padding-right:1rem;
padding-top:.875rem;
padding-bottom:.875rem
}
}
.contact-form_dtContent {
padding-top:1.375rem
}
@media screen and (max-width: 768px) {
.contact-form_dtContent {
padding-top:.875rem
}
}
.contact-form_dtQuestion {
padding-top:1.9375rem
}
@media screen and (max-width: 768px) {
.contact-form_dtQuestion {
padding-top:.875rem
}
}
.contact-form_checkox {
display:flex;
flex-wrap:wrap;
padding-bottom:0 !important
}
.contact-form_checkox .mwform-checkbox-field,
.contact-form_checkox .wpcf7-list-item {
width:50%;
margin: 0;
}
@media screen and (max-width: 768px) {
.contact-form_checkox .mwform-checkbox-field,
.contact-form_checkox .wpcf7-list-item {
width:100%
}
}
.contact-form_checkox .horizontal-item,
.contact-form_checkox .wpcf7-list-item {
margin-left:0 !important;
margin-bottom:1.3125rem
}
@media screen and (max-width: 768px) {
.contact-form_checkox .horizontal-item,
.contact-form_checkox .wpcf7-list-item {
margin-bottom:.75rem
}
}
.contact-form_label {
display:flex;
align-items:center
}
.contact-form_label_required {
background-color:#ff5900;
color:#fff;
font-size:.6875rem;
padding-left:.25rem;
padding-right:.25rem;
padding-top:.15625rem;
padding-bottom:.15625rem;
margin-left:auto;
line-height:1.3636363636;
white-space:nowrap
}
.contact-form_label_any {
background-color:#a0a9a8;
color:#fff;
font-size:.6875rem;
padding-left:.25rem;
padding-right:.25rem;
padding-top:.15625rem;
padding-bottom:.15625rem;
margin-left:auto;
line-height:1.3636363636;
white-space:nowrap
}
.contact-form_textBox {
border:solid 1px #a2a9a8;
border-radius:5px;
width:100%;
height:2.75rem;
padding-left:.9375rem;
padding-right:.9375rem
}
.contact-form_textArea {
border:solid 1px #a2a9a8;
border-radius:5px;
width:100%;
padding-left:.9375rem;
padding-right:.9375rem;
padding-top:.8125rem;
padding-bottom:.8125rem
}
.contact-form_confirm {
display:flex;
justify-content:center;
margin-top:4.25rem
}
.contact-form_confirm .orange-boder-button p,
.contact-form_confirm .orange-button p {
width: 100%;
max-width: 16.75rem;
line-height: 1;
text-align: center;
}
.contact-form_confirm .orange-boder-button p .wpcf7-form-control,
.contact-form_confirm .orange-button p .orange-button_link {
width: 100%;
}
.contact-form_confirm .orange-boder-button p .wpcf7-form-control {
padding-top:1.5625rem;
padding-bottom:1.5625rem;
color:#ff5900;
border:solid 1px #ff5900;
display:block;
height:100%;
text-align:center
}
.contact-form_confirm .wpcf7-spinner {
margin-top: 16px;
}
@media screen and (max-width: 768px) {
.contact-form_confirm {
display:block;
margin-top:2rem;
text-align:center
}
}
.contact-form .orange-boder-button {
margin-right:2rem
}
@media screen and (max-width: 768px) {
.contact-form .orange-boder-button {
margin-right:0;
margin-bottom:1rem
}
}
.contact-form_thanks {
margin-top:2rem;
margin-bottom:6.25rem
}
@media screen and (max-width: 768px) {
.contact-form_thanks {
margin-top:8.125rem
}
}
.contact-form_thanks .orange-button {
margin-left:auto;
margin-right:auto
}
/*
.contact-confirm_section .contact-form_resetButton {
display:none
}
*/
.microphones-germany {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.microphones-germany {
margin:40px 0 40px 0
}
}
.gaming-mainVisual_titleArea {
width:27rem;
height:13.75rem;
position:absolute;
top:50%;
left:10%;
transform:translate(0%, -50%);
color:#fff;
text-align:center
}
@media screen and (max-width: 768px) {
.gaming-mainVisual_titleArea {
position:static;
background-color:#000;
transform:none;
width:100%;
height:auto;
padding:20px 0
}
}
.gaming {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.gaming {
margin:40px 0 40px 0
}
}
@media screen and (max-width: 768px) {
.header-nav {
padding:0
}
}
.header-nav_list {
display:flex;
justify-content:center
}
@media screen and (max-width: 768px) {
.header-nav_list {
display:block
}
}
.header-nav_childList {
display:block
}
.header-nav_item {
position:relative;
font-size:1rem
}
.header-nav_item a {
display:block;
text-decoration:none;
color:#000;
padding:0 20px;
transition:all .3s
}
@media screen and (max-width: 768px) {
.header-nav_item a {
border-bottom:1px solid #ccc
}
}
.header-nav_item a:hover {
color:#ff5900
}
.header-nav_childItem a {
padding:10px 32px
}
.header-nav_childItem a:hover {
color:#ff5900
}
.header-nav_childList {
position:absolute;
left:0;
top:31px;
z-index:4;
background:#e1e6e0;
visibility:hidden;
opacity:0;
transition:all .3s
}
@media screen and (max-width: 768px) {
.header-nav_childList {
position:relative;
left:0;
top:0;
width:100%;
visibility:visible;
opacity:1;
display:none;
transition:none
}
}
.header-nav_item.js-child:hover>ul,.header-nav_item.js-child ul li:hover>ul,.header-nav_item.js-child:active>ul,.header-nav_item.js-child ul li:active>ul {
visibility:visible;
opacity:1
}
#js-nav {
position:fixed;
z-index:999;
top:70px;
left:-120%;
width:100%;
height:100vh;
background:rgba(0,0,0,.4392156863);
transition:all .6s
}
#js-nav.panelactive {
left:0
}
#js-nav.panelactive #js-nav_list {
position:fixed;
z-index:999;
width:80%;
height:calc(100vh - 70px);
overflow:auto;
-webkit-overflow-scrolling:touch;
margin-top:70px;
background:#fff;
padding:20px 16px;
padding-bottom:96px;
transition:left .6s;
top:0;
left:40%
}
.header {
position:fixed;
width:100%;
top:0;
background-color:#fff;
z-index:9999
}
.header-spNav_list {
position:absolute;
z-index:999;
top:70px;
left:0;
transform:translateX(-50%);
overflow-y:scroll
}
.header-spNav_item a {
color:#333;
text-decoration:none;
display:block;
text-transform:uppercase;
letter-spacing:.1em
}
.header-spNav_item {
font-size:1.25rem;
padding:15px 0;
border-bottom:1px solid #e1e6e1;
font-weight:bold
}
.header-spNav_childItem {
font-size:.8125rem;
padding:10px 10px 10px 0;
font-weight:normal
}
.js-openbtn {
position:fixed;
z-index:9999;
top:19px;
left:10px;
cursor:pointer;
width:50px;
height:50px
}
.js-openbtn span {
display:inline-block;
transition:all .4s;
position:absolute;
left:14px;
height:3px;
border-radius:2px;
background-color:#000;
width:45%
}
.js-openbtn span:nth-of-type(1) {
top:15px
}
.js-openbtn span:nth-of-type(2) {
top:23px
}
.js-openbtn span:nth-of-type(3) {
top:31px
}
.js-openbtn.active span:nth-of-type(1) {
top:18px;
left:18px;
transform:translateY(6px) rotate(-45deg);
width:30%
}
.js-openbtn.active span:nth-of-type(2) {
opacity:0
}
.js-openbtn.active span:nth-of-type(3) {
top:30px;
left:18px;
transform:translateY(-6px) rotate(45deg);
width:30%
}
#js-header.header-hide {
top:-26px
}
.header {
transition:all .6s
}
.header-hide .header-logo01 {
display:none
}
.header-hide .header-logo02 {
display:block;
width:48px;
position:absolute
}
.header-hide .header-nav {
padding-top:30px
}
.header-logo {
margin:30px 0
}
.header-hide .header-logo {
margin: 16px 0;
}
@media screen and (max-width: 768px) {
.header-logo {
margin:20px 0
}
}
.header-logo01 {
width:233px;
display:block;
margin:0 auto
}
.header-logo02 {
display:none
}
.header-nav_list {
padding-bottom:18px
}
.is_fixed {
position:fixed
}
.home-recording {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.home-recording {
margin:40px 0 40px 0
}
}
.media {
margin:70px 0 112px 0
}
@media screen and (max-width: 768px) {
.media {
margin:27px 0 105px 0
}
}
.media-ttl {
text-align:center;
font-size:1.875rem;
font-weight:bold
}
@media screen and (max-width: 768px) {
.media-ttl {
font-size:1.625rem
}
}
.media-dummy {
text-align:center;
margin-top:33px
}
@media screen and (max-width: 768px) {
.media-dummy {
margin-top:28px
}
}
.media-dummy_txt {
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-size:3.75rem;
line-height:1.5;
color:#a2a9a8;
font-weight:bold
}
@media screen and (max-width: 768px) {
.media-dummy_txt {
font-size:1.875rem
}
}
.professional-headphones {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.professional-headphones {
margin:40px 0 40px 0
}
}
.remote-work {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.remote-work {
margin:40px 0 40px 0
}
}
.single-media .slide-arrow {
max-width:.5rem;
bottom:0;
cursor:pointer;
margin:auto;
position:absolute;
top:7.5rem;
z-index:1
}
.single-media .next-arrow {
right:0
}
.single-media .js_single-choice {
margin-top:5rem
}
@media screen and (max-width: 768px) {
.single-media .js_single-choice {
display:none
}
}
.single-media .js_single-choice li {
cursor:pointer;
outline:none;
width:5rem !important;
height:5rem;
list-style:none
}
.single-media .js_single-choice li img {
width:100%;
height:100%;
object-fit:contain;
object-position:center;
opacity:.4
}
.single-media .js_single-choice li.slick-current img {
opacity:1
}
.single-media .js_single-choice .slick-track {
transform:unset !important;
display:flex;
justify-content:center;
flex-wrap:wrap
}
@media screen and (max-width: 768px) {
.slick-dots {
margin-top:1.5rem;
margin-bottom:2.375rem
}
}
.single-accordion {
max-width:74.0625rem;
margin:0 auto
}
.single-accordion_item {
margin-bottom:1.75rem;
text-align:center
}
.single-accordion_item:last-child {
margin-bottom:0
}
.single-accordion_q {
position:relative;
cursor:pointer;
font-size:1rem;
font-weight:normal;
padding:0 0 0 3.125rem;
transition:all .5s ease;
display:inline-block;
line-height:1.5
}
@media screen and (max-width: 768px) {
.single-accordion_q {
font-size:.875rem
}
}
.single-accordion_q::before {
position:absolute;
content:"";
width:.625rem;
height:.0625rem;
background-color:#333;
top:48%;
left:.9375rem;
transform:rotate(0deg)
}
.single-accordion_q::after {
position:absolute;
content:"";
width:.625rem;
height:.0625rem;
background-color:#333;
top:48%;
left:.9375rem;
transform:rotate(90deg)
}
.single-accordion_q.close::before {
transform:rotate(0deg)
}
.single-accordion_q.close::after {
content:none
}
.single-accordion_a {
display:none;
margin-top:.875rem
}
.single-accordion_aTxt {
line-height:1.5
}
@media screen and (max-width: 768px) {
.js_single_box {
display:none
}
}
.js_single_ttl {
position:relative
}
@media screen and (max-width: 768px) {
.js_single_ttl::before {
position:absolute;
content:"";
width:1rem;
height:.125rem;
background-color:#333;
top:48%;
right:.9375rem;
transform:rotate(0deg)
}
}
@media screen and (max-width: 768px) {
.js_single_ttl::after {
position:absolute;
content:"";
width:1rem;
height:.125rem;
background-color:#333;
top:48%;
right:.9375rem;
transform:rotate(90deg)
}
}
@media screen and (max-width: 768px) {
.js_single_ttl.close::before {
transform:rotate(0deg)
}
}
@media screen and (max-width: 768px) {
.js_single_ttl.close::after {
content:none
}
}
@media screen and (max-width: 768px) {
.js_single_box {
display:none;
margin-top:.875rem
}
}
@media screen and (max-width: 768px) {
.single-awards .js_single_box {
display:block
}
}
.single {
margin-top:10.25rem
}
@media screen and (max-width: 768px) {
.single {
margin-top:2rem
}
}
.single img {
vertical-align:bottom
}
.single-media {
display:flex;
justify-content:space-between;
align-items:flex-start
}
@media screen and (max-width: 768px) {
.single-media {
display:block
}
}
.single-media_imgArea {
width:50%;
padding-right:15%
}
@media screen and (max-width: 768px) {
.single-media_imgArea {
width:100%;
padding-right:0
}
}
.single-media_body {
width:50%
}
@media screen and (max-width: 768px) {
.single-media_body {
width:100%
}
}
.single-media_iconTxt {
margin-top:.3125rem;
margin-bottom:.5rem
}
@media screen and (max-width: 768px) {
.single-media_iconTxt {
margin-top:1.875rem
}
}
.single-media_icon {
background-color:#ff5900;
color:#fff;
padding:.25rem 1rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 768px) {
.single-media_icon {
font-size:.75rem
}
}
.single-media_ttl {
font-size:2.5rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold
}
@media screen and (max-width: 768px) {
.single-media_ttl {
font-size:1.625rem
}
}
.single-media_txtArea {
}
.single-media_txtArea h2 {
color: #ee7800;
}
.single-media_txt {
font-size:1.25rem;
margin-top:1.25rem
}
@media screen and (max-width: 768px) {
.single-media_txt {
font-size:1.125rem
}
}
.single-media_list {
margin-top:3.75rem
}
.single-media_item {
font-size:1rem;
margin-bottom:.75rem;
padding-left:1em;
position:relative;
line-height:1.5
}
@media screen and (max-width: 768px) {
.single-media_item {
font-size:.875rem
}
}
.single-media_item::before {
content:"・";
position:absolute;
left:0
}
.single-media_item:last-child {
margin-bottom:0
}
.single-menu {
background-color:#e1e6e1;
width:100%
}
.single-menu.is_fixed {
position:fixed;
top:0;
z-index:9990
}
.single-menu_list {
display:flex;
justify-content:flex-start;
align-items:flex-start;
padding:1rem 2.875rem
}
.single-menu_item a {
padding:1rem 2.125rem 1rem 2.125rem;
color:#000
}
.single-menu_item a:hover {
background-color:#ff5900;
color:#fff
}
.single-bg_gray {
background-color:#707070
}
.single-ttlArea {
padding:4.6875rem 1.5rem
}
@media screen and (max-width: 768px) {
.single-ttlArea {
padding:7.8125rem 0
}
}
.single-font_o {
color:#ff5900
}
.single-font_w {
color:#fff
}
.single-section02 {
margin-top:5rem
}
@media screen and (max-width: 768px) {
.single-section02 {
margin-top:3.125rem
}
}
.single-section02 .section-title {
font-size:4.375rem;
font-weight:bold;
line-height:1;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 1200px) {
.single-section02 .section-title {
font-size:3.4375rem
}
}
@media screen and (max-width: 768px) {
.single-section02 .section-title {
font-size:2.5rem
}
}
.single-section02_txt {
text-align:center;
line-height:1.5;
margin-top:1.875rem
}
@media screen and (max-width: 768px) {
.single-section02_txt {
margin-top:1.5rem
}
}
.single-youtube {
aspect-ratio:80/45
}
.single-youtube iframe {
width:100%;
height:100%;
vertical-align:bottom
}
.single-ver01 {
position:relative;
height:58.125rem
}
@media screen and (max-width: 768px) {
.single-ver01 {
height:auto
}
}
@media screen and (max-width: 768px) {
.single-ver01 .text_black_sp {
color:#000
}
}
@media screen and (max-width: 768px) {
.single-ver01 .bg_black_sp {
background-color:#000
}
}
@media screen and (max-width: 768px) {
.single-ver01 {
min-height:auto
}
}
.single-ver01_ttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
text-align:right
}
@media screen and (max-width: 1200px) {
.single-ver01_ttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver01_ttl {
font-size:1.875rem;
text-align:center
}
}
.single-ver01_sbttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
line-height:1;
text-align:right
}
@media screen and (max-width: 1200px) {
.single-ver01_sbttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver01_sbttl {
font-size:1.875rem;
text-align:center
}
}
.single-ver01_txt {
font-size:1rem;
margin-top:1.75rem;
line-height:1.5;
text-align:right
}
@media screen and (max-width: 768px) {
.single-ver01_txt {
font-size:.875rem;
text-align:center;
margin-top:1.3125rem
}
}
.single-ver01_body {
position:absolute;
top:14%;
left:50%;
width:49%;
max-width: 720px;
}
@media screen and (max-width: 992px) {
.single-ver01_body {
right:3%;
left:auto;
width:85%
}
}
@media screen and (max-width: 768px) {
.single-ver01_body {
position:static;
width:100%;
padding:1rem 1rem 3rem
}
}
.single-ver01_imgArea {
background-color:#000
}
@media screen and (max-width: 768px) {
.single-ver01_imgArea {
background-color:rgba(0,0,0,0)
}
}
.single-ver01_imgArea img {
opacity:.4;
height:58.125rem;
object-fit:cover
}
@media screen and (max-width: 768px) {
.single-ver01_imgArea img {
opacity:1;
height:auto
}
}
.single-ver02 {
display:flex;
justify-content:center;
align-items:center;
height:58.125rem;
position:relative
}
@media screen and (max-width: 768px) {
.single-ver02 {
padding:8.875rem 1rem;
min-height:47.3125rem;
height:auto
}
}
.single-ver02_sbttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
line-height:1;
color:#ff5900
}
@media screen and (max-width: 1200px) {
.single-ver02_sbttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver02_sbttl {
font-size:1.875rem
}
}
.single-ver02_ttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold
}
@media screen and (max-width: 1200px) {
.single-ver02_ttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver02_ttl {
font-size:1.875rem
}
}
.single-ver02_txt {
font-size:1rem;
line-height:1.5;
margin-top:1.75rem
}
@media screen and (max-width: 768px) {
.single-ver02_txt {
font-size:.875rem;
margin-top:1.3125rem
}
}
.single-ver02_txtArea {
text-align:center;
margin:0 auto
}
.single-ver02_imgArea {
background-color:#000;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-1
}
.single-ver02_imgArea img {
opacity:.4;
object-fit:cover;
width:100%;
height:100%
}
.single-ver02_body {
text-align:center;
width:96%;
max-width: 1400px;
}
.single-ver03 .single-media {
align-items:stretch
}
.single-ver03 .single-media_ttl {
font-size:2.0625rem;
font-weight:bold;
line-height:1.5
}
@media screen and (max-width: 768px) {
.single-ver03 .single-media_ttl {
font-size:1.875rem
}
}
.single-ver03 .single-media_txt {
font-size:1rem;
line-height:1.5;
margin-top:1.75rem
}
@media screen and (max-width: 768px) {
.single-ver03 .single-media_txt {
font-size:.875rem;
margin-top:1.3125rem
}
}
.single-ver03 .single-media_body {
padding:16rem 7%;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center
}
@media screen and (max-width: 768px) {
.single-ver03 .single-media_body {
padding:1rem 1rem 3rem
}
}
.single-ver03 .single-media_imgArea {
padding-right:0;
position:relative
}
.single-ver03 .single-media_imgArea img {
height:100%;
object-fit:cover;
position:absolute
}
@media screen and (max-width: 768px) {
.single-ver03 .single-media_imgArea img {
position:static
}
}
.single-ver04 .single-media {
flex-direction:row-reverse;
align-items:stretch
}
.single-ver04 .single-media_ttl {
font-size:2.0625rem;
font-weight:bold
}
@media screen and (max-width: 768px) {
.single-ver04 .single-media_ttl {
font-size:1.875rem
}
}
.single-ver04 .single-media_txt {
font-size:1rem;
line-height:1.5;
margin-top:1.75rem
}
@media screen and (max-width: 768px) {
.single-ver04 .single-media_txt {
font-size:.875rem;
margin-top:1.3125rem
}
}
.single-ver04 .single-media_body {
text-align:center;
display:flex;
flex-direction:column;
justify-content:center
}
.single-ver04 .single-media_body {
text-align:center;
padding:16rem 7%
}
@media screen and (max-width: 768px) {
.single-ver04 .single-media_body {
padding:1rem;
padding-bottom:3rem
}
}
.single-ver04 .single-media_imgArea {
padding-right:0;
position:relative
}
@media screen and (max-width: 768px) {
.single-ver04 .single-media_imgArea {
width:100%
}
}
.single-ver04 .single-media_imgArea img {
height:100%;
object-fit:cover;
position:absolute
}
@media screen and (max-width: 768px) {
.single-ver04 .single-media_imgArea img {
position:static
}
}
.single-ver05 {
position:relative;
height:58.125rem
}
@media screen and (max-width: 768px) {
.single-ver05 {
height:auto
}
}
@media screen and (max-width: 768px) {
.single-ver05 .text_black_sp {
color:#000
}
}
@media screen and (max-width: 768px) {
.single-ver05 .bg_black_sp {
background-color:#000
}
}
.single-ver05_ttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold
}
@media screen and (max-width: 1200px) {
.single-ver05_ttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver05_ttl {
font-size:1.875rem;
text-align:center
}
}
.single-ver05_sbttl {
font-size:3.75rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
line-height:1
}
@media screen and (max-width: 1200px) {
.single-ver05_sbttl {
font-size:2.8125rem
}
}
@media screen and (max-width: 768px) {
.single-ver05_sbttl {
font-size:1.875rem;
text-align:center
}
}
.single-ver05_txt {
font-size:1rem;
margin-top:1.75rem;
line-height:1.5
}
@media screen and (max-width: 768px) {
.single-ver05_txt {
font-size:.875rem;
text-align:center;
margin-top:1.3125rem
}
}
.single-ver05_body {
position:absolute;
top:14%;
right:50%;
width:49%;
max-width: 720px;
}
@media screen and (max-width: 992px) {
.single-ver05_body {
left:3%;
right:auto;
width:85%
}
}
@media screen and (max-width: 768px) {
.single-ver05_body {
position:static;
width:100%;
padding:1rem 1rem 3rem
}
}
.single-ver05_imgArea {
background-color:#000
}
@media screen and (max-width: 768px) {
.single-ver05_imgArea {
background-color:rgba(0,0,0,0)
}
}
.single-ver05_imgArea img {
opacity:.4;
height:58.125rem;
object-fit:cover
}
@media screen and (max-width: 768px) {
.single-ver05_imgArea img {
opacity:1;
height:auto
}
}
.single-sound_playlist {
background-color:#e4e4e4;
padding:5.9375rem 9.5rem
}
@media screen and (max-width: 768px) {
.single-sound_playlist {
padding:0
}
}
.single-cont02 {
padding:3.5rem 0
}
@media screen and (max-width: 768px) {
.single-cont02 {
padding:2rem 0
}
}
.single-cont02_ttl {
font-size:3.125rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
text-align:center;
margin-bottom:1.875rem
}
@media screen and (max-width: 768px) {
.single-cont02_ttl {
font-size:1.875rem
}
}
.single-date_inner {
margin-left:-rem(26)
}
@media screen and (max-width: 768px) {
.single-date_inner {
margin-left:0
}
}
.single-date_list {
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap
}
@media screen and (max-width: 768px) {
.single-date_list {
display:block
}
}
.single-date_item {
width:33.3333333333%;
padding-left:1.625rem;
margin-bottom:1.5rem;
font-size:1.125rem;
line-height:1.5
}
@media screen and (max-width: 768px) {
.single-date_item {
width:100%;
padding-left:0;
font-size:.875rem;
margin-bottom:.5rem
}
}
.single-date_bg {
display:block
}
.single-download_inner {
margin-left:-rem(16)
}
@media screen and (max-width: 768px) {
.single-download_inner {
margin-left:0
}
}
.single-download_list {
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap
}
@media screen and (max-width: 768px) {
.single-download_list {
display:block
}
}
.single-download_item {
width:33.3333333333%;
padding-left:1rem;
margin-bottom:1.5rem;
font-size:1.25rem
}
@media screen and (max-width: 768px) {
.single-download_item {
width:100%;
padding-left:0;
font-size:1rem
}
}
.single-download_link {
display:block;
border:.0625rem solid #000;
padding:1.875rem 1.25rem;
color:#000;
position:relative
}
.single-download_link::after {
content:"";
background:url(../img/single/single_download_icon.png);
width:2.5rem;
height:2.1875rem;
background-size:cover;
display:inline-block;
position:absolute;
right:1rem;
top:1.625rem
}
.single-download_link:hover {
color:#ff5900;
border:.0625rem solid #ff5900
}
.single-awards_inner {
margin-left:-rem(22)
}
.single-awards_list {
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap
}
@media screen and (max-width: 1220px) {
.single-awards_list {
flex-wrap:wrap;
width:37.8125rem;
margin:0 auto
}
}
@media screen and (max-width: 768px) {
.single-awards_list {
width:24.0625rem
}
}
@media screen and (max-width: 399px) {
.single-awards_list {
width:22.5rem
}
}
.single-awards_item {
padding-left:1.375rem;
margin-bottom:1.5rem;
width:25%
}
@media screen and (max-width: 1220px) {
.single-awards_item {
width:33.3%
}
}
@media screen and (max-width: 768px) {
.single-awards_item {
width:50%
}
}
.single-awards_img {
width:17.5rem;
height:17.5rem;
object-fit:cover
}
@media screen and (max-width: 768px) {
.single-awards_img {
width:10.625rem;
height:10.625rem
}
}
@media screen and (max-width: 399px) {
.single-awards_img {
width:9.875rem;
height:9.875rem
}
}
.store {
margin:50px 0 122px 0
}
@media screen and (max-width: 768px) {
.store {
margin:27px 0 37px 0
}
}
.store-ttl {
font-size:1.875rem;
line-height:1.3
}
@media screen and (max-width: 768px) {
.store-ttl {
font-size:1.625rem
}
}
.store-txt {
font-size:1rem;
line-height:2;
margin-top:1.75rem
}
@media screen and (max-width: 768px) {
.store-txt {
font-size:.8125rem;
margin-top:1.25rem
}
}
.store-dummy {
margin-top:2.375rem
}
@media screen and (max-width: 768px) {
.store-dummy {
margin-top:1.875rem
}
}
.store-dummy_txt {
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-size:3.75rem;
line-height:1.5;
color:#a2a9a8;
font-weight:bold
}
@media screen and (max-width: 768px) {
.store-dummy_txt {
font-size:1.875rem
}
}
.store-list {
width:100%;
border-collapse:collapse
}
.store-list th,.store-list td {
border:1px solid #a2a9a8
}
@media screen and (max-width: 768px) {
.store-list {
font-size:.8125rem
}
}
.store-list_header {
line-height:1.3125
}
.store-list_header_store {
text-align:left;
width:60%;
padding-left:2.75rem;
padding-right:2.75rem;
padding-top:.625rem;
padding-bottom:.625rem;
background-color:#efefef
}
@media screen and (max-width: 768px) {
.store-list_header_store {
padding-left:.625rem;
padding-right:.625rem
}
}
.store-list_header_address {
text-align:left;
width:40%;
padding-left:2.75rem;
padding-right:2.75rem;
padding-top:.625rem;
padding-bottom:.625rem;
background-color:#efefef
}
@media screen and (max-width: 768px) {
.store-list_header_address {
padding-left:.625rem;
padding-right:.625rem
}
}
.store-list_body_td {
padding-left:2.75rem;
padding-right:2.75rem;
padding-top:.625rem;
padding-bottom:.625rem;
line-height:1.3125
}
@media screen and (max-width: 768px) {
.store-list_body_td {
padding-left:.625rem;
padding-right:.625rem
}
}
.store-list_link {
color:#ff5900
}
@media(hover: hover)and (pointer: fine) {
.store-list_link:hover {
opacity:.6
}
}
html {
font-size:16px;
font-family:"Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
html * {
font-style:normal
}
img {
width:100%
}
ul,li {
list-style:none
}
a {
text-decoration:none
}
.pc-only {
display:block !important
}
@media screen and (max-width: 768px) {
.pc-only {
display:none !important
}
}
.sp-only {
display:none !important
}
@media screen and (max-width: 768px) {
.sp-only {
display:block !important
}
}
.ly_inner_s {
max-width:300px;
margin-left:auto;
margin-right:auto
}
.ly_inner_md {
max-width:1120px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px
}
.ly_inner_lg {
max-width:1190px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px
}
.ly_inner_xl {
max-width:1352px;
margin-left:auto;
margin-right:auto;
padding-left:16px;
padding-right:16px
}
.ly_inner_xxl {
max-width:1568px;
margin-left:auto;
margin-right:auto;
padding-left:16px;
padding-right:16px
}
.ly_single_inner {
max-width:1216px;
margin-left:auto;
margin-right:auto;
padding-left:16px;
padding-right:16px
}
.color-orange {
color:#ff5900
}
.color-dark-orange {
color:#ec652b
}
.color-black {
color:#000
}
.color-light-black {
color:#343d45
}
.color-white {
color:#fff
}
.color-light-gray {
color:#e1e6e1
}
.color-dark-gray {
color:#a2a9a8
}
.hidden {
display:none !important
}
.block {
display:block !important
}
.inline-block {
display:inline-block
}
.inline {
display:inline
}
.flex {
display:flex
}
.inline-flex {
display:inline-flex
}
.visibility-visible {
visibility:visible
}
.visibility-hidden {
visibility:hidden;
width:0 !important;
height:0 !important
}
.justify-start {
justify-content:flex-start
}
.justify-end {
justify-content:flex-end
}
.justify-center {
justify-content:center
}
.justify-between {
justify-content:space-between
}
.justify-around {
justify-content:space-around
}
.justify-evenly {
justify-content:space-evenly
}
.items-stretch {
align-items:stretch
}
.items-start {
align-items:flex-start
}
.items-center {
align-items:center
}
.items-end {
align-items:flex-end
}
.items-baseline {
align-items:baseline
}
.text-left {
text-align:left
}
.text-center {
text-align:center
}
.text-right {
text-align:right
}
.mr-auto {
margin-right:auto
}
.ml-auto {
margin-left:auto
}
.flex-wrap {
flex-wrap:wrap
}
.flex-nowrap {
flex-wrap:nowrap
}
.bg_black {
background-color:#000
}
.bg_gray {
background-color:#efefef
}
.bg_light-gray {
background-color:#e1e6e1
}
.bg_white {
background-color:#fff
}
.more-button_white {
width:fit-content;
margin-left:auto;
margin-right:auto
}
.more-button_white .button-link {
color:#fff;
font-size:1rem;
font-weight:500;
line-height:1.5;
display:block;
height:100%;
border:solid 1px #fff;
padding:.875rem 3rem .875rem 2rem;
position:relative
}
@media(hover: hover)and (pointer: fine) {
.more-button_white .button-link:hover {
color:#ff5900;
border:solid 1px #ff5900
}
.more-button_white .button-link:hover::after {
background-image:url(../img/common/arrow-orange.svg)
}
}
.more-button_white .button-link::after {
content:"";
display:block;
width:.4375rem;
height:.8125rem;
background-image:url(../img/common/arrow-white.svg);
background-size:contain;
position:absolute;
top:50%;
transform:translateY(-50%);
right:1.875rem
}
.more-button_black {
width:fit-content;
margin-left:auto;
margin-right:auto
}
.more-button_black .button-link {
color:#000;
font-size:1rem;
font-weight:500;
line-height:1.5;
display:block;
height:100%;
border:solid 1px #000;
padding:.875rem 3rem .875rem 2rem;
position:relative
}
@media(hover: hover)and (pointer: fine) {
.more-button_black .button-link:hover {
color:#ff5900;
border:solid 1px #ff5900
}
.more-button_black .button-link:hover::after {
background-image:url(../img/common/arrow-orange.svg)
}
}
.more-button_black .button-link::after {
content:"";
display:block;
width:.4375rem;
height:.8125rem;
background-image:url(../img/common/arrow-black.svg);
background-size:contain;
position:absolute;
top:50%;
transform:translateY(-50%);
right:1.875rem
}
.link-catalog-page {
color:#000;
font-weight:500;
position:relative;
display:block;
width:7.9375rem;
font-size:1rem
}
.link-catalog-page::after {
content:"";
display:block;
width:.4375rem;
height:.8125rem;
background-image:url(../img/common/arrow-black.svg);
background-size:contain;
position:absolute;
top:50%;
transform:translateY(-50%);
right:0
}
@media(hover: hover)and (pointer: fine) {
.link-catalog-page:hover {
color:#ff5900
}
.link-catalog-page:hover::after {
background-image:url(../img/common/arrow-orange.svg)
}
}
.section-title {
font-size:2.25rem;
font-weight:bold;
line-height:1.4444444444;
text-align:center
}
@media screen and (max-width: 768px) {
.section-title {
font-size:1.625rem;
line-height:1.3461538462
}
}
.section-title_sub {
color:#ff5900;
font-size:1.25rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 768px) {
.section-title_sub {
font-size:.875rem
}
}
.orange-button {
width:100%;
max-width:16.75rem
}
.orange-button_link {
padding-top:1.5625rem;
padding-bottom:1.5625rem;
background-color:#ff5900;
color:#fff;
border:solid 1px #ec652b;
display:block;
height:100%;
text-align:center
}
.orange-boder-button {
width:100%;
max-width:16.75rem
}
.orange-boder-button_link {
padding-top:1.5625rem;
padding-bottom:1.5625rem;
color:#ff5900;
border:solid 1px #ff5900;
display:block;
height:100%;
text-align:center
}
.feature-mainVisual {
position:relative
}
.feature-mainVisual_titleArea {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
color:#fff;
text-align:center;
width:100%
}
@media screen and (max-width: 768px) {
.feature-mainVisual_titleArea {
position:static;
background-color:#000;
transform:none;
padding:20px 16px
}
}
.feature-mainVisual_titleArea_title {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
font-size:3.75rem;
color:#ff5900
}
@media screen and (max-width: 768px) {
.feature-mainVisual_titleArea_title {
font-size:1.125rem
}
}
.feature-mainVisual_titleArea_sub {
font-size:1.875rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:bold;
color:#fff
}
@media screen and (max-width: 768px) {
.feature-mainVisual_titleArea_sub {
font-size:.75rem
}
}
.feature-mainVisual_titleArea_txt {
font-size:1rem;
margin-top:64px;
line-height:1.6
}
@media screen and (max-width: 768px) {
.feature-mainVisual_titleArea_txt {
font-size:.8125rem;
margin-top:20px
}
}
.feature-mainVisual_image {
min-height:18.75rem
}
@media screen and (max-width: 768px) {
.feature-mainVisual_image {
min-height:14.3125rem
}
}
.feature-mainVisual_image img {
width:100%;
min-height:18.75rem;
object-fit:cover;
object-position:right
}
@media screen and (max-width: 768px) {
.feature-mainVisual_image img {
object-position:center;
min-height:14.3125rem
}
}
figure.feature-mainVisual_image {
margin:0
}
.feature-dummy {
text-align:center
}
.feature-dummy_txt {
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-size:3.75rem;
line-height:1.5;
color:#a2a9a8;
font-weight:bold
}
@media screen and (max-width: 768px) {
.feature-dummy_txt {
font-size:1.875rem
}
}
.archive-main {
max-width:1480px;
margin-left:auto;
margin-right:auto;
margin-top:3.125rem;
padding-left:.625rem
}
@media screen and (max-width: 1200px) {
.archive-main {
max-width:960px
}
}
@media screen and (max-width: 768px) {
.archive-main {
padding-left:0
}
}
.archive-main_head {
display:flex;
justify-content:center;
column-gap:1rem
}
@media screen and (max-width: 768px) {
.archive-main_head {
flex-direction:column;
row-gap:1.3125rem;
padding-left:.625rem
}
}
.archive-main_head_wrap {
width:calc(20.4% + 2rem)
}
@media screen and (max-width: 992px) {
.archive-main_head_wrap {
width:33.3333333333%
}
}
@media screen and (max-width: 768px) {
.archive-main_head_wrap {
width:100%;
max-width:unset;
margin:0;
padding-right:.625rem;
display:flex;
justify-content:space-between;
align-items:center
}
}
.archive-main_head_title {
font-size:1.875rem;
font-weight:700
}
@media screen and (max-width: 768px) {
.archive-main_head_title {
width:calc(100% - 4.25rem);
font-size:1.625rem
}
}
.archive-main_inner {
display:flex;
justify-content:center;
column-gap:3rem;
margin-top:3.25rem
}
.archive-spMenu {
display:none
}
@media screen and (max-width: 768px) {
.archive-spMenu {
display:block
}
}
.archive-spMenu_btn {
width:3rem;
height:3rem;
cursor:pointer;
border:1px solid #000;
position:relative
}
.archive-spMenu_btn::before {
content:"";
background-image:url(../img/archive/sp-menu-btn.svg);
background-size:contain;
width:1.3125rem;
height:1.3125rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.archive-tab {
width:79.6%
}
@media screen and (max-width: 992px) {
.archive-tab {
width:66.6666666667%
}
}
@media screen and (max-width: 768px) {
.archive-tab {
width:100%;
padding-left:0
}
}
.archive-tab_list {
display:flex;
justify-content:flex-start;
gap:1.25rem;
overflow-x:auto;
overflow-y:hidden;
box-sizing:border-box;
height:fit-content
}
.archive-tab_list::-webkit-scrollbar {
display:none
}
.archive-tab_item {
height:3.3125rem;
line-height:3.3125rem;
border:1px solid #000;
white-space:nowrap;
display:block;
cursor:pointer
}
@media screen and (max-width: 768px) {
.archive-tab_item {
height:2.875rem;
line-height:2.875rem;
padding:0 1.5rem
}
}
@media(hover: hover)and (pointer: fine) {
.archive-tab_item:hover {
border:1px solid #ff5900;
color:#ff5900
}
.archive-tab_item:hover * {
color:#ff5900
}
}
.archive-tab_item.js-tab_active {
border:1px solid #ff5900
}
.archive-tab_item.js-tab_active * {
color:#ff5900
}
.archive-tab_link {
display:block;
line-height:3.25rem;
margin:0 -2rem;
padding:0 2rem;
font-size:1rem;
font-weight:500;
color:#000
}
@media screen and (max-width: 768px) {
.archive-tab_link {
font-size:.8125rem;
line-height:2.8125rem;
margin:0 -1.5rem;
padding:0 1.5rem
}
}
.archive-sidebar {
width:20.4%
}
@media screen and (max-width: 992px) {
.archive-sidebar {
width:33.3333333333%
}
}
@media screen and (max-width: 768px) {
.archive-sidebar {
position:fixed;
z-index:999;
top:0;
right:-120%;
width:100%;
max-width:100%;
height:100vh;
overflow:auto;
background-color:rgba(0,0,0,.8);
transition:all .3s
}
}
@media screen and (max-width: 768px) {
.archive-sidebar_inner {
width:94%;
background-color:#fff;
top:75px;
margin-left:auto;
padding:1rem;
position:relative
}
}
.archive-sidebar.js-spMenu_active {
right:0
}
.archive-sidebar_close {
display:none
}
@media screen and (max-width: 768px) {
.archive-sidebar_close {
display:block;
position:relative;
width:1.25rem;
height:1.25rem;
cursor:pointer
}
}
@media screen and (max-width: 768px) {
.archive-sidebar_close::before,.archive-sidebar_close::after {
content:"";
position:absolute;
top:50%;
left:50%;
width:.25rem;
height:1.75rem;
background:#ff5900
}
}
@media screen and (max-width: 768px) {
.archive-sidebar_close::before {
transform:translate(-50%, -50%) rotate(45deg)
}
}
@media screen and (max-width: 768px) {
.archive-sidebar_close::after {
transform:translate(-50%, -50%) rotate(-45deg)
}
}
.archive-sidebar_title {
height:7.1875rem
}
.archive-sidebar_wrap:not(:first-child) {
border-top:1px solid #a2a9a8
}
.archive-sidebar_btn {
font-size:1rem;
font-weight:500;
padding-right:2.5rem;
padding-top:1.25rem;
padding-bottom:1.25rem;
cursor:pointer;
position:relative;
display:block
}
.archive-sidebar_btn::before {
content:"";
position:absolute;
top:50%;
right:0;
transform:translate(-50%, -50%) rotate(0deg);
width:1rem;
height:2px;
background:#ec652b;
border-radius:2px
}
.archive-sidebar_btn::after {
content:"";
position:absolute;
top:50%;
right:0;
transform:translate(-50%, -50%) rotate(90deg);
width:1rem;
height:2px;
background:#ec652b;
border-radius:2px
}
.archive-sidebar_btn.js-sidebar_on::after {
display:none
}
.archive-sidebar_list {
padding-right:2.5rem;
opacity:0;
max-height:0;
transition:opacity .7s;
overflow:hidden
}
.archive-sidebar_list.js-sidebar_open {
opacity:1;
max-height:1000px;
margin-bottom:1.25rem
}
.archive-sidebar_item:not(:last-child) {
margin-bottom:.6875rem
}
.archive-sidebar_item input[type=checkbox] {
accent-color:#ff5900;
margin-left:.25rem
}
.archive-sidebar_item_label {
cursor:pointer
}
.archive-sidebar_item_checkBox_pc {
display:none
}
.archive-sidebar_item_checkBox_sp {
display:none
}
.archive-sidebar_item_checkBox_pc:checked+label,.archive-sidebar_item_checkBox_sp:checked+label {
color:#ff5900;
font-weight:bold
}
.archive-sidebar_link {
font-size:1rem;
font-weight:300;
color:#a2a9a8
}
.archive-container {
width:79.6%;
position:relative;
height:100%;
min-height:500px
}
@media screen and (max-width: 768px) {
.archive-container {
width:100%
}
}
.archive-container_inner {
width:100%
}
.archive-content_head {
display:flex;
align-items:center;
column-gap:3.125rem
}
.archive-content_cat {
font-size:1.25rem;
font-weight:500
}
.archive-content_cap {
font-size:.9375rem;
font-weight:600;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
.archive-content_main {
display:flex;
flex-wrap:wrap;
column-gap:1.25rem;
row-gap:3.75rem;
margin-top:1.25rem;
margin-bottom:2.8125rem
}
@media screen and (max-width: 768px) {
.archive-content_main {
column-gap:.875rem;
row-gap:2.375rem
}
}
.archive-content_card {
width:calc(33.3333333333% - .875rem);
transition:.8s
}
@media screen and (max-width: 1200px) {
.archive-content_card {
width:calc(50% - .625rem)
}
}
@media screen and (max-width: 768px) {
.archive-content_card {
width:calc(50% - .4375rem)
}
}
.archive-content_card_thumb {
position:relative
}
.archive-content_card_thumb::before {
content:"";
display:block;
padding-top:100%
}
.archive-content_card_thumb img {
position:absolute;
top:0;
left:0;
object-fit:contain;
object-position:bottom;
width:100%;
height:100%;
transition:.5s
}
@media(hover: hover)and (pointer: fine) {
.archive-content_card_thumb img:hover {
transform:translateY(-0.5rem)
}
}
.archive-content_card_bottom {
padding:1rem 1rem 0
}
.archive-content_card_title {
font-size:1.25rem;
font-weight:600;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
color:#000;
margin-bottom:.5rem
}
@media screen and (max-width: 768px) {
.archive-content_card_title {
font-size:1rem
}
}
.archive-content_card_text {
font-size:.9375rem;
font-weight:1.3125rem;
color:#a2a9a8
}
@media screen and (max-width: 768px) {
.archive-content_card_text {
font-size:.75rem
}
}
.archive-content_noData-text {
font-weight:bold;
font-size:1.4375rem;
display:none
}
.archive-search {
width:calc(79.6% - 3rem);
margin-top:1.875rem;
margin-bottom:.25rem;
margin-right:0;
margin-left:auto;
padding-right:10px
}
@media screen and (max-width: 992px) {
.archive-search {
width:66.6666666667%;
padding-left:10px
}
}
@media screen and (max-width: 768px) {
.archive-search {
width:100%;
margin-left:0;
padding-left:10px
}
}
.archive-search_inner {
width:calc(100% - 1.75rem)
}
@media screen and (max-width: 768px) {
.archive-search_inner {
width:100%
}
}
.archive-search_list {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
column-gap:3.75rem;
row-gap:1.75rem
}
@media screen and (max-width: 768px) {
.archive-search_list {
flex-wrap:nowrap;
justify-content:flex-start;
overflow-x:auto
}
.archive-search_list::-webkit-scrollbar {
display:none
}
}
.archive-search_item {
font-size:.9375rem;
color:#ff5900;
position:relative;
white-space:nowrap
}
.archive-search_item::before,.archive-search_item::after {
content:"";
cursor:pointer;
position:absolute;
top:50%;
right:-1rem;
width:2px;
height:1.25rem;
background:#ff5900
}
.archive-search_item::before {
transform:translateY(-50%) rotate(45deg)
}
.archive-search_item::after {
transform:translateY(-50%) rotate(-45deg)
}
.archive-search_item_clear {
margin-left:auto;
color:#a2a9a8
}
@media screen and (max-width: 768px) {
.archive-search_item_clear {
margin-left:0
}
}
.archive-search_item_clear::before,.archive-search_item_clear::after {
background:#000
}
.archive-search~.archive-main_inner {
margin-top:0
}
.archive-radio_button {
display:none
}
.archive-radio_button:checked+label {
border:1px solid #ff5900;
color:#ff5900
}
.archive-list_item {
animation-name:fadein;
animation-duration:.5s;
animation-timing-function:ease-out;
animation-fill-mode:forwards
}
@keyframes fadein {
0% {
transform:translateY(30px);
opacity:0
}
80% {
opacity:1
}
100% {
opacity:1;
transform:translateY(0)
}
}
.archive-deleteButton {
display:none;
color:#ff5900;
margin-right:.9375rem;
margin-bottom:.625rem;
position:relative;
width:calc(100% + .3125rem);
animation-name:fadein;
animation-duration:.5s;
animation-timing-function:ease-out;
animation-fill-mode:forwards
}
.archive-deleteButton_active {
display:flex !important;
align-items:center
}
.archive-deleteButton_icon {
max-width:1rem;
margin-left:.1875rem
}
.archive-deleteButtonList {
display:flex;
flex-wrap:wrap;
margin-top:1.75rem;
min-height:1.625rem
}
@media screen and (max-width: 768px) {
.support-mainVisual_image img {
object-position:left
}
}
.support {
margin:56px 0 80px 0
}
@media screen and (max-width: 768px) {
.support {
margin:32px 0 56px 0
}
}
.support .more-button_black {
margin-top:52px
}
@media screen and (max-width: 768px) {
.support .more-button_black {
margin-top:114px
}
}
.support-txt {
font-size:1rem;
text-align:center;
line-height:2
}
@media screen and (max-width: 768px) {
.support-txt {
font-size:.8125rem;
text-align:left
}
}
.support-inquiry {
text-align:center;
padding:33px 0
}
.support-inquiry_link::before {
content:"";
background:url(../img/support/support_mail_icon.png);
background-size:contain;
width:21px;
height:17px;
display:inline-block;
position:absolute;
top:18px;
left:30px
}
.support-inquiry_link:hover:before {
background:url(../img/support/support_mail_icon_o.png)
}
.support-inquiry_ttl {
color:#fff
}
.support-cont {
margin-bottom:80px
}
@media screen and (max-width: 768px) {
.support-cont {
margin-bottom:56px
}
}
.more-button_white .support-inquiry_link {
position:relative;
padding-left:4em
}
.support-inquiry .more-button_white {
margin-top:20px
}
@media screen and (max-width: 768px) {
.support-inquiry .more-button_white {
margin-top:35px
}
}
.support-regulations {
margin:56px 0 287px 0
}
@media screen and (max-width: 768px) {
.support-regulations {
margin:32px 0 260px 0
}
}
.support-regulations_txt {
font-size:1rem;
line-height:2
}
@media screen and (max-width: 768px) {
.support-regulations_txt {
font-size:.8125rem
}
}
.tesla-technology {
margin:110px 0 110px 0
}
@media screen and (max-width: 768px) {
.tesla-technology {
margin:40px 0 40px 0
}
}
.top-mainVisual {
width:100%;
display:flex
}
@media screen and (max-width: 992px) {
.top-mainVisual {
overflow:hidden
}
}
.top-mainVisual_item {
position:relative
}
.top-mainVisual_item_info {
position:absolute;
top:50%;
left:75%;
transform:translate(-80%, -50%)
}
.top-mainVisual_item_info_title {
color:#fff;
font-size:3.75rem;
line-height:1;
text-align:center;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 1200px) {
.top-mainVisual_item_info_title {
font-size:2.8125rem
}
}
@media screen and (max-width: 576px) {
.top-mainVisual_item_info_title {
font-size:1.875rem
}
}
.top-mainVisual_item_info_text {
color:#fff;
font-size:.9375rem;
font-weight:500;
text-align:center;
margin-top:.4375rem;
margin-bottom:4.1875rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 1200px) {
.top-mainVisual_item_info_text {
margin-bottom:1.6875rem
}
}
.top-more-button_white {
width:fit-content;
margin-left:auto;
margin-right:auto
}
.top-more-button_white_link {
color:#fff;
font-size:1rem;
font-weight:500;
line-height:1.5;
display:block;
height:100%;
border:solid 1px #fff;
padding:.875rem 3rem .875rem 2rem;
position:relative
}
@media screen and (max-width: 768px) {
.top-more-button_white_link {
font-size:.625rem;
padding:.625rem 2.125rem .625rem 1.5rem
}
}
@media(hover: hover)and (pointer: fine) {
.top-more-button_white_link:hover {
color:#ff5900;
border:solid 1px #ff5900
}
.top-more-button_white_link:hover::after {
background-image:url(../img/common/arrow-orange.svg)
}
}
.top-more-button_white_link::after {
content:"";
display:block;
width:.4375rem;
height:.8125rem;
background-image:url(../img/common/arrow-white.svg);
background-size:contain;
position:absolute;
top:50%;
transform:translateY(-50%);
right:1.875rem
}
@media screen and (max-width: 768px) {
.top-more-button_white_link::after {
width:.375rem;
height:.6875rem;
right:1.25rem
}
}
.top-most-wanted {
margin-top:5rem
}
@media screen and (max-width: 992px) {
.top-most-wanted {
margin-top:2rem
}
}
.top-most-wanted_slick {
margin-top:2.625rem;
overflow:hidden
}
@media screen and (max-width: 768px) {
.top-most-wanted_slick {
margin-top:1.25rem
}
}
.top-most-wanted_slick_item_card {
max-width:16.25rem;
margin:auto
}
.top-most-wanted_slick_item_card_image {
height:16.25rem
}
.top-most-wanted_slick_item_card_image_link {
display:block;
text-align:center;
transition:.5s;
position:relative
}
@media(hover: hover)and (pointer: fine) {
.top-most-wanted_slick_item_card_image_link:hover {
transform:translateY(-0.5rem)
}
}
.top-most-wanted_slick_item_card_image_link::before {
content:"";
display:block;
padding-top:100%
}
.top-most-wanted_slick_item_card_image_link img {
position:absolute;
top:0;
left:0;
object-fit:contain;
object-position:bottom;
width:100%;
height:100%;
transition:.5s
}
.top-most-wanted_slick_item_card_info {
text-align:center
}
.top-most-wanted_slick_item_card_info_title {
margin-top:.75rem;
font-size:1.125rem;
font-weight:600;
line-height:1.1666666667
}
.top-most-wanted_slick_item_card_info_title_link {
color:#000;
width:100%;
display:block;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:600
}
.top-most-wanted_slick_item_card_info_description {
font-size:.8125rem;
line-height:1.6153846154;
margin-top:.75rem
}
.top-most-wanted_slick_item_card_info_description_link {
color:#a2a9a8;
width:100%;
display:block
}
.top-most-wanted_slick .slide-arrow {
bottom:0;
cursor:pointer;
margin:auto;
position:absolute;
top:7.5rem;
max-width:1.125rem;
z-index:100
}
.top-most-wanted_slick .next-arrow {
right:0
}
.top-product {
margin-top:6.5625rem
}
.top-product .section-title {
margin-bottom:2.8125rem
}
@media screen and (max-width: 768px) {
.top-product .section-title {
margin-bottom:1.0625rem
}
}
@media screen and (max-width: 992px) {
.top-product {
margin-top:2.625rem
}
}
.top-product_subTitle {
font-size:1.875rem
}
@media screen and (max-width: 768px) {
.top-product_subTitle {
font-size:1.125rem
}
}
.top-product_earphoneList {
display:flex;
justify-content:space-between;
margin-top:2.125rem
}
@media screen and (max-width: 768px) {
.top-product_earphoneList {
display:block;
margin-top:.8125rem
}
}
.top-product_earphoneList_item {
width:100%;
max-width:25rem;
cursor:pointer
}
.top-product_earphoneList_item:hover .top-product_earphoneList_item_icon {
background-color:#a2a9a8
}
.top-product_earphoneList_item:hover .link-catalog-page {
color:#ff5900
}
.top-product_earphoneList_item:hover .link-catalog-page::after {
background-image:url(../img/common/arrow-orange.svg)
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item {
max-width:100%;
margin-top:.75rem
}
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item .link-catalog-page {
display:none
}
}
.top-product_earphoneList_item_icon {
background-color:#efefef;
text-align:center;
padding-top:1.5rem;
height:18.75rem;
padding-left:.8125rem;
padding-right:.8125rem;
display:block;
color:#000;
position:relative
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon {
display:flex;
align-items:end;
height:6.25rem;
padding-left:0;
padding-top:.375rem
}
}
.top-product_earphoneList_item_icon_arrow {
margin-left:auto;
padding-bottom:.75rem
}
.top-product_earphoneList_item_icon_arrow img {
max-width:.4375rem
}
.top-product_earphoneList_item_icon_gaming {
max-width:8.0625rem
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon_gaming {
max-width:3.5625rem;
margin-left:1.625rem;
margin-right:1.625rem;
padding-bottom:.375rem
}
}
.top-product_earphoneList_item_icon_creator {
max-width:5.75rem
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon_creator {
max-width:2.5625rem;
margin-left:1.625rem;
margin-right:2.1875rem;
padding-bottom:.375rem
}
}
.top-product_earphoneList_item_icon_enjoyments {
max-width:16.5rem
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon_enjoyments {
max-width:5.375rem;
margin-right:1.5rem;
position:absolute;
top:50%;
transform:translateY(-50%)
}
}
.top-product_earphoneList_item_icon_text {
font-size:1.25rem;
line-height:1.35;
margin-top:.8125rem;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:1.0625rem;
width:100%
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon_text {
position:absolute;
bottom:0;
left:45%;
width:unset;
transform:unset;
font-size:1rem;
padding-bottom:.75rem
}
}
@media screen and (max-width: 576px) {
.top-product_earphoneList_item_icon_text {
left:41%
}
}
.top-product_earphoneList_item_icon_text span {
font-size:.8125rem;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_item_icon_text span {
font-size:.625rem
}
}
.top-product_earphoneList_creatorItemBox {
margin-left:.625rem;
margin-right:.625rem
}
@media screen and (max-width: 768px) {
.top-product_earphoneList_creatorItemBox {
margin-left:0;
margin-right:0
}
}
.top-product_microSpeakerList {
display:flex;
justify-content:space-between
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList {
display:block
}
}
.top-product_microSpeakerList_item {
width:50%;
max-width:39.375rem;
cursor:pointer;
margin-top:5rem
}
.top-product_microSpeakerList_item:last-child {
margin-left:.625rem
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList_item:last-child {
margin-left:0
}
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList_item {
width:100%;
max-width:100%;
margin-top:1.3125rem
}
}
.top-product_microSpeakerList_item:hover .top-product_microSpeakerList_item_icon {
background-color:#a2a9a8
}
.top-product_microSpeakerList_item:hover .link-catalog-page {
color:#ff5900
}
.top-product_microSpeakerList_item:hover .link-catalog-page::after {
background-image:url(../img/common/arrow-orange.svg)
}
.top-product_microSpeakerList_item_icon {
background-color:#efefef;
text-align:center;
margin-top:2.125rem;
display:block;
height:18.75rem
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList_item_icon {
margin-top:.5625rem;
height:6.25rem;
display:flex;
align-items:end;
padding-right:.8125rem
}
}
.top-product_microSpeakerList_item_icon_microphone {
padding-top:2.8125rem;
padding-bottom:3.75rem
}
.top-product_microSpeakerList_item_icon_microphone img {
max-width:21.4375rem
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList_item_icon_microphone {
padding-top:0;
padding-bottom:0;
width:100%;
height:100%;
position:relative
}
.top-product_microSpeakerList_item_icon_microphone img {
max-width:8.125rem;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
}
.top-product_microSpeakerList_item_icon_speakerphone {
padding-top:5rem;
padding-bottom:3.75rem
}
.top-product_microSpeakerList_item_icon_speakerphone img {
max-width:15.5rem
}
@media screen and (max-width: 768px) {
.top-product_microSpeakerList_item_icon_speakerphone {
padding-top:0;
padding-bottom:0;
width:100%;
height:100%;
position:relative
}
.top-product_microSpeakerList_item_icon_speakerphone img {
max-width:4.6875rem;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
}
.top-product_microSpeakerList_item_icon_arrow {
max-width:.4375rem;
padding-bottom:.75rem;
margin-left:auto
}
.top-product .link-catalog-page {
margin-left:auto;
margin-top:1.5rem
}
.top-topics {
margin-top:5.9375rem
}
@media screen and (max-width: 992px) {
.top-topics {
margin-top:2.625rem
}
}
.top-topics_gaming {
position:relative;
margin-top:2.6875rem
}
@media screen and (max-width: 992px) {
.top-topics_gaming {
margin-top:.625rem
}
}
.top-topics_gaming_item {
position:absolute;
top:50%;
transform:translateY(-50%);
text-align:center;
width:50%
}
@media screen and (max-width: 992px) {
.top-topics_gaming_item {
position:unset;
top:unset;
transform:unset;
background-color:#000;
width:auto;
padding-top:.8125rem;
padding-bottom:2rem;
height:16.25rem;
display:block
}
}
.top-topics_gaming_item_subTitle {
color:#fff;
font-size:1.25rem;
font-weight:bold;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 768px) {
.top-topics_gaming_item_subTitle {
font-size:.75rem
}
}
.top-topics_gaming_item_title {
color:#ff5900;
font-size:1.875rem;
margin-top:.75rem
}
@media screen and (max-width: 768px) {
.top-topics_gaming_item_title {
font-size:1.5rem;
margin-top:.375rem
}
}
.top-topics_gaming_item_text {
color:#fff;
font-size:.875rem;
margin-top:1.6875rem;
margin-bottom:3.125rem
}
@media screen and (max-width: 768px) {
.top-topics_gaming_item_text {
margin-top:1.3125rem;
font-size:.8125rem;
margin-bottom:2.5rem;
line-height:1.6153846154
}
}
.top-topics_list {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.top-topics_list_item {
position:relative;
width:49.5%;
margin-top:.625rem
}
.top-topics_list_item_image {
max-width:59.25rem
}
.top-topics_list_item_box {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:100%;
text-align:center
}
@media screen and (max-width: 992px) {
.top-topics_list_item_box {
position:unset;
transform:unset;
background-color:#000;
padding-top:.8125rem;
padding-bottom:2rem;
height:16.25rem;
display:block
}
}
.top-topics_list_item_box_subTitle {
color:#fff;
font-size:1.25rem;
font-weight:bold;
text-align:center;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 768px) {
.top-topics_list_item_box_subTitle {
font-size:.75rem
}
}
.top-topics_list_item_box_title {
color:#ff5900;
font-size:1.875rem;
margin-top:.75rem
}
@media screen and (max-width: 768px) {
.top-topics_list_item_box_title {
font-size:1.5rem;
margin-top:.375rem
}
}
.top-topics_list_item_box_text {
color:#fff;
font-size:.875rem;
margin-top:1.6875rem;
margin-bottom:3.125rem
}
@media screen and (max-width: 768px) {
.top-topics_list_item_box_text {
margin-top:1.3125rem;
font-size:.8125rem;
margin-bottom:2.5rem;
line-height:1.6153846154
}
}
.top-topics .slick-dots {
bottom:unset
}
@media screen and (max-width: 992px) {
.top-topics .slick-dots {
top:65%
}
}
@media screen and (max-width: 768px) {
.top-topics .slick-dots {
top:60%
}
}
@media screen and (max-width: 576px) {
.top-topics .slick-dots {
top:49%;
transform:translateY(-50%)
}
}
.top-topics .slick-dots li {
width:1.875rem;
height:.25rem;
border-radius:.75rem;
background-color:#a2a9a8
}
.top-topics .slick-dots li button::before {
color:rgba(0,0,0,0)
}
.top-topics .slick-dots .slick-active {
background-color:#fff !important
}
.top-topics .slick-dots .slick-active button::before {
color:rgba(0,0,0,0)
}
.slick-loading .slick-list {
background:#fff url("./ajax-loader.gif") center center no-repeat
}
@font-face {
font-family:"slick";
src:url("./fonts/slick.eot");
src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");
font-weight:normal;
font-style:normal
}
.slick-prev,.slick-next {
position:absolute;
display:block;
height:20px;
width:20px;
line-height:0px;
font-size:0px;
cursor:pointer;
background:rgba(0,0,0,0);
color:rgba(0,0,0,0);
top:50%;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
padding:0;
border:none;
outline:none
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
outline:none;
background:rgba(0,0,0,0);
color:rgba(0,0,0,0)
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
opacity:.25
}
.slick-prev:before,.slick-next:before {
font-family:"slick";
font-size:20px;
line-height:1;
color:#fff;
opacity:.75;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-prev {
left:-25px
}
[dir=rtl] .slick-prev {
left:auto;
right:-25px
}
.slick-prev:before {
content:"←"
}
[dir=rtl] .slick-prev:before {
content:"→"
}
.slick-next {
right:-25px
}
[dir=rtl] .slick-next {
left:-25px;
right:auto
}
.slick-next:before {
content:"→"
}
[dir=rtl] .slick-next:before {
content:"←"
}
.slick-dotted.slick-slider {
margin-bottom:30px
}
.slick-dots {
position:absolute;
bottom:-25px;
list-style:none;
display:block;
text-align:center;
padding:0;
margin:0;
width:100%
}
.slick-dots li {
position:relative;
display:inline-block;
height:20px;
width:20px;
margin:0 5px;
padding:0;
cursor:pointer
}
.slick-dots li button {
border:0;
background:rgba(0,0,0,0);
display:block;
height:20px;
width:20px;
outline:none;
line-height:0px;
font-size:0px;
color:rgba(0,0,0,0);
padding:5px;
cursor:pointer
}
.slick-dots li button:hover,.slick-dots li button:focus {
outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
opacity:1
}
.slick-dots li button:before {
position:absolute;
top:0;
left:0;
content:"•";
width:20px;
height:20px;
font-family:"slick";
font-size:6px;
line-height:20px;
text-align:center;
color:#000;
opacity:.25;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
color:#000;
opacity:.75
}
.slick-slider {
position:relative;
display:block;
box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.slick-list {
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0
}
.slick-list:focus {
outline:none
}
.slick-list.dragging {
cursor:pointer;
cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.slick-track {
position:relative;
left:0;
top:0;
display:block;
margin-left:auto;
margin-right:auto
}
.slick-track:before,.slick-track:after {
content:"";
display:table
}
.slick-track:after {
clear:both
}
.slick-loading .slick-track {
visibility:hidden
}
.slick-slide {
float:left;
height:100%;
min-height:1px;
display:none
}
[dir=rtl] .slick-slide {
float:right
}
.slick-slide img {
display:block
}
.slick-slide.slick-loading img {
display:none
}
.slick-slide.dragging img {
pointer-events:none
}
.slick-initialized .slick-slide {
display:block
}
.slick-loading .slick-slide {
visibility:hidden
}
.slick-vertical .slick-slide {
display:block;
height:auto;
border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden {
display:none
}
.breadcrumb {
background-color:#000;
color:#fff;
padding:.6875rem 0 .6875rem .625rem;
font-size:.875rem
}
@media screen and (max-width: 1200px) {
.breadcrumb {
padding:1.9375rem 0 .6875rem .625rem
}
}
@media screen and (max-width: 768px) {
.breadcrumb {
font-size:.625rem;
padding:.6875rem 0 .6875rem .625rem
}
}
.breadcrumb a {
color:#fff
}
.top-topics_gaming_item_title {
font-weight:bold
}
.top-topics_list_item_box_title {
font-weight:bold
}
.header-nav_list {
position:relative
}
.header-searchform {
max-width:240px
}
@media screen and (max-width: 768px) {
.header-searchform {
margin-left:0
}
}
.header-searchform .header-searchform_inner {
display:flex
}
.header-searchform .header-searchform_input {
border:solid 1px #000;
height:35px;
width:100%;
padding-left:5px;
padding-right:5px;
font-weight:normal
}
.header-searchform .header-searchform_button {
background-color:#000;
height:35px;
width:35px;
position:relative
}
.header-searchform .header-searchform_button img {
max-width:23px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.header-nav_container {
position:relative
}
.header-searchform-pc {
position:absolute;
right:0;
top:-7px
}
@media screen and (max-width: 1200px) {
.header-searchform-pc {
position:static;
display:flex;
justify-content:center;
margin-bottom:18px
}
}
.search {
padding-top:70px;
padding-bottom:70px
}
@media screen and (max-width: 768px) {
.search {
padding-top:25px
}
}
.search-form_inner {
display:flex;
justify-content:center
}
@media screen and (max-width: 768px) {
.search-form_inner {
flex-direction:column;
justify-content:center;
gap:18px
}
}
.search-title {
font-size:1.875rem;
margin-bottom:70px
}
@media screen and (max-width: 768px) {
.search-title {
font-size:1.625rem;
margin-bottom:26px
}
}
.search-form {
padding-top:40px;
padding-bottom:40px;
padding-left:16px;
padding-right:16px;
background-color:#e1e6e1
}
.search-form_input {
position:relative;
height:50px;
width:100%;
max-width:930px
}
.search-form_input input {
background-color:#fff;
height:50px;
width:100%;
max-width:930px;
padding-left:68px;
padding-right:24px;
position:relative;
border:solid 1px #000
}
.search-form_input img {
position:absolute;
top:50%;
left:24px;
transform:translateY(-50%);
max-width:28px
}
.search-form_button {
background-color:#000;
color:#fff;
height:50px;
width:100%;
max-width:100px
}
@media screen and (max-width: 768px) {
.search-form_button {
max-width:176px;
margin-left:auto;
margin-right:auto
}
}
.search-resultTitle {
font-size:1.875rem;
position:relative;
margin-bottom:38px
}
@media screen and (max-width: 768px) {
.search-resultTitle {
font-size:1.25rem;
margin-bottom:26px;
margin-left:15px
}
}
.search-resultTitle::before {
content:"";
position:absolute;
top:50%;
left:-20px;
transform:translateY(-50%);
height:100%;
width:4px;
background-color:#ff5900
}
@media screen and (max-width: 768px) {
.search-resultTitle::before {
left:-10px
}
}
.search-resul_list {
border-bottom:solid 1px #e1e6e1
}
.search-resul_list_item {
border-top:solid 1px #e1e6e1
}
.search-resul_list_link {
display:flex;
gap:16px;
padding:16px
}
@media(hover: hover)and (pointer: fine) {
.search-resul_list_link:hover {
background-color:#e1e6e1
}
.search-resul_list_link:hover .search-resul_list_title {
color:#ff5900
}
}
.search-resul_list_image {
max-width:180px;
min-width:90px;
width:180px;
height:180px;
display:flex;
align-items:center;
background-color:#fff
}
@media screen and (max-width: 768px) {
.search-resul_list_image {
width:90px;
height:90px
}
}
.search-resul_list_title {
font-size:1.25rem;
color:#000;
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.search-resul_list_title {
font-size:.875rem;
margin-bottom:10px
}
}
.search-resul_list_text {
font-size:1rem;
color:#000
}
@media screen and (max-width: 768px) {
.search-resul_list_text {
font-size:.75rem
}
}
.search-pagination {
margin-top:75px
}
@media screen and (max-width: 768px) {
.search-pagination {
margin-top:35px
}
}
.search-pagination .nav-links {
display:flex;
justify-content:center;
gap:16px
}
.search-pagination ul {
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
gap:16px
}
.search-pagination li {
width:40px;
height:40px
}
.search-pagination a {
display:flex;
align-items:center;
justify-content:center;
height:100%;
color:#000;
border:solid 1px #000
}
.search-pagination .current {
display:flex;
align-items:center;
justify-content:center;
height:100%;
color:#fff;
border:solid 1px #000;
background-color:#000
}
.search-pagination .search-pagination-icon {
max-width:7px
}
html {
font-family: 'Noto Sans JP', sans-serif;
}
.header-nav_list {
white-space: nowrap;
}
.top-most-wanted_slick_item_card_info_description_link {
width: 95%;
margin: 0 auto;
}
.top-most-wanted_slick_item_card_info {
width: 95%;
margin: 0 auto;
}
.single-download_link {
padding-right: 3.8rem;
}
.single-review_list {
display: flex;
flex-direction: column;
gap: 40px;
}
.single-review_item {
display: flex;
flex-direction: row-reverse;
gap: 32px
}
@media screen and (max-width:768px) {
.single-review_item {
flex-direction: column-reverse;
gap: 14px
}
}
.single-review_header {
position: relative;
padding-left: 65px
}
.single-review_container {
flex: 1
}
.single-review_date {
font-size: 1rem;
font-weight: 500
}
@media screen and (max-width:768px) {
.single-review_date {
font-size: .875rem;
}
}
.single-review_title {
margin-top: 3px;
font-size: 1.25rem;
font-weight: 700
}
@media screen and (max-width:768px) {
.single-review_title {
font-size: 1rem;
}
}
.single-review_icon {
margin: 0;
width: 55px;
height: 55px;
position: absolute;
bottom: 0;
left: 0
}
.single-review_icon img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.single-review_text {
margin-top: 16px;
font-size: 1rem;
height: 7.5em;
overflow: hidden
}
@media screen and (max-width:768px) {
.single-review_text {
font-size: .875rem;
}
}
.single-review_text.open {
height: auto;
overflow: visible
}
.single-review_button {
margin-top: 2.5em;
width: 214px;
padding: 17px;
border: 1px solid #ff5900;
text-align: cneter;
color: #ff5900;
position: relative
}
.single-review_button.open {
margin-top: 4em;
}
@media screen and (max-width:768px) {
.single-review_button {
font-size: .875rem
}
}
.single-review_button:before {
content: "...";
display: block;
text-align: left;
color: #000;
position: absolute;
top: -2.5em;
left: 0
}
.single-review_button.open:before {
display: none;
}
.single-review_image {
margin: 0;
width: 32.8%
}
@media screen and (max-width:768px) {
.single-review_image {
width: 100%
}
}
.footer_item_sns {
display: inline-block;
margin-right: 10px;
}
.footer_item_sns:last-child {
margin-right: 0px;
}
.footer_item_ig {
display: inline-block;
width: 25px;
height: 25px;
-webkit-mask-image: url("../img/top/Instagram_Glyph_Black.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url("../img/top/Instagram_Glyph_Black.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #000000;
}
.footer_item_ig:hover {
transform: rotate(-10deg);
-webkit-mask-image: url("../img/top/Instagram_Glyph_Black.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url("../img/top/Instagram_Glyph_Black.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
/*変更したい色をここに書く*/
background-color: #ff5900;
}
.footer_item_tw {
display: inline-block;
width: 25px;
height: 25px;
-webkit-mask-image: url("../img/top/Logo-black.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url("../img/top/Logo-black.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #000000;
}
.footer_item_tw:hover {
transform: rotate(-10deg);
-webkit-mask-image: url("../img/top/Logo-black.svg");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url("../img/top/Logo-black.svg");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
/*変更したい色をここに書く*/
background-color: #ff5900;
}
@media screen and (max-width: 992px) {
.top-topics_gaming_item,.top-topics_list_item_box {
padding-top: 2.5rem;
height: 18.5rem;
}
.top-topics .slick-dots {
top: 63%;
}
}
@media screen and (max-width: 768px) {
.top-topics .slick-dots {
top: 55%;
}
.single-accordion_aTxt {
font-size: 14px;
}
}
@media screen and (max-width: 576px) {
.top-topics .slick-dots {
top: 49%;
}
}
.sp-only_xl {
display: none !important;
}
@media screen and (max-width: 1200px) {
.sp-only_xl {
display: block !important;
}
}
.archive-tab_item label {
cursor: pointer;
height: 100%;
display: block;
padding: 0 2rem;
}
.archive-tab_item.checked {
border: 1px solid #ff5900;
color: #ff5900;
}
.archive-tab_item.checked div {
color: #ff5900;
}
.archive-deleteButton {
width: auto;
}
.archive-deleteButton label {
cursor: pointer;
}
.archive-deleteButton input {
display: none;
}
.archive-sidebar_item_active label {
font-weight: bold;
color: #ff5900;
}
.archive-tab_link {
margin: auto;
}
.top-topics_gaming_item_title {
font-weight: bold;
}
.top-topics_list_item_box_title {
font-weight: bold;
}
.support-inquiry_btn {
display: flex;
justify-content: space-evenly;
}
.more-button_support {
margin-left: 0;
margin-right: 0;
}
.support-txt._repair {
margin-top: 46px;
}
@media screen and (max-width: 768px) {
.support-inquiry_btn {
display: block;
}
.more-button_white {
margin-left: auto;
margin-right: auto;
}
.support-txt._repair {
margin-top: 72px;
text-align: center;
}
.support .more-button_black {
margin-top:24px;
}
}
.support-inquiry_link._tel::before {
content: "";
background: url(../img/support/support_tel_icon.png);
background-size: contain;
width: 22px;
height: 22px;
display: inline-block;
position: absolute;
top: 17px;
left: 30px;
}
.support-inquiry_link._tel:hover:before {
background: url(../img/support/support_tel_icon_o.png);
}
@media screen and (max-width: 768px) {
.more-button_support .button-link:hover {
color: #ff5900;
border: solid 1px #ff5900;
}
.more-button_support .button-link:hover::after {
background-image: url(../img/common/arrow-orange.svg);
}
}
.header-logo02 {
z-index: 10;
}
.support-table,.support-table td,.support-table th {
border: 1px solid #595959;
border-collapse: collapse;
font-size: 1rem;
}
.support-table {
width: 90%;
margin: 40px auto 0;
}
.support-table_ttl {
font-weight: bold;
margin-top: 32px;
margin-bottom: 24px;
}
.support-table td,.support-table th {
padding: 10px;
text-align: left;
}
.support-table th {
width: 30%;
background: #F2F2F2;
font-weight: normal;
}
.support-table td.row {
border-bottom: 1px solid rgba(89, 89, 89, 0.3);
}
@media screen and (max-width: 768px) {
.support-table,.support-table_ttl,.support-table td,.support-table th {
font-size: .8125rem;
}
.support-table {
margin-bottom: 40px;
}
}
.support-table_inner, .support-table_inner th,.support-table_inner td {
border: none;
border-collapse: collapse;
}
.support-table_inner th {
background-color: #fff;
width: 250px;
padding: 5px;
}
.support-table_inner td {
padding: 5px;
}
@media screen and (max-width: 768px) {
.support-table .sp-none {
display: none;
}
}
/* 関連記事 */
.curated_post_wrap {
margin: 40px 0 0;
border-bottom: 1px solid #a2a9a8;
padding-bottom: 40px;
}
.curated_post_slick {
margin: 32px 0 0;
}
.curated_post {
}
.curated_post_link {
max-width: 16.25rem;
margin: auto;
color:#000;
width:90%;
display:block;
font-family:"Hind","Hiragino Sans","ヒラギノ角ゴシック","MS ゴシック","MS Pゴシック","MS PGothic",sans-serif;
font-weight:600;
}
.curated_post_link .eyecatch {
aspect-ratio: 4 / 3;
overflow: hidden;
position: relative;
}
.curated_post_link .eyecatch img {
max-width: 100%;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .4s;
}
.curated_post_link:hover .eyecatch img {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.curated_post_link .post_title {
margin-top:.75rem;
font-size:1.125rem;
font-weight:600;
line-height:1.5;
}
.curated_post_link .description {
color:#a2a9a8;
font-size:.8125rem;
line-height:1.6153846154;
margin-top:.75rem
}
.top-most-wanted_slick_item_card_info {
text-align:center
}
.curated_post_slick .slide-arrow {
bottom:0;
cursor:pointer;
margin:auto;
position:absolute;
top:7.5rem;
max-width:1.125rem;
z-index:100
}
.curated_post_slick .prev-arrow {
left: -10px;
}
.curated_post_slick .next-arrow {
right: -10px;
}
@media screen and (max-width: 768px) {
.curated_post_link {
max-width: 100%;
width: 100%;
}
.curated_post_slick .prev-arrow {
left: 0px;
}
.curated_post_slick .next-arrow {
right: 0px;
}
}
/* シェアボタン */
.share_nav {
width: 100%;
box-sizing: border-box;
display: flex;
gap: 8px;
justify-content: center;
list-style: none;
padding: 0;
margin: 0 0 32px;
}
.share_nav li img {
width: 32px;
height: 32px;
}
.share_nav._left {
justify-content: left;
margin: 0 4px 32px;
}
.single-media_txtArea > p {
margin-left: 4px;
}
.share_nav._bottom {
margin: 32px 0 0;
}
#cookie-notice .cn-link {
color: #aaa;
}
/* amazonボタン */
.single .wp-block-social-links {
margin: 16px auto;
}
.single .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #000;
}
.single .wp-block-social-link,
.single .wp-block-social-link a {
transition: transform .4s ease;
}
.single .wp-block-social-links .wp-social-link a {
padding-left: 0.60em;
}
.single .wp-block-social-links.has-large-icon-size,
.single .wp-block-social-links,
.single .wp-block-social-links.has-normal-icon-size {
font-size: 26px !important;
}