/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/irhythm
Description:MYTREX iRhythm
Version: 1.0
*/

#header{
/*はじめの高さを設定*/
height: 7vw;
width:100%;
/*以下はレイアウトのためのCSS*/
display: flex;
justify-content: space-between;
align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin{
position: fixed;
z-index: 999;/*最前面へ*/
height: 0px;
animation: DownAnime 0.5s forwards;
margin-top: -7vw !important;
}

@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-14vw);
}
to {
opacity: 1;
transform: translateY(0);
}
}

main {
height: 100%;
/*min-height: 100vh;*/
padding: 0 0px;
background-color: #fff;
transition: all .5s;
display: flex;
flex-direction: column;
justify-content: center;
margin-top:8vw;
}
@media screen and (max-width: 767px) {
main {
/*margin-top:13.8vw;*/
margin-top:0vw;
}
.wrapper > main {
margin-top: 20vw;
}
}
@media screen and (min-width: 768px) {
main {
margin-top:3vw !important;
}
}

@media screen and (max-width: 767px) {
.pc{
display: none !important;
}
}
@media screen and (min-width: 768px) {
.sp{
display: none !important;
}
}

@media screen and (min-width: 768px) {
.container{
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
}

.fs{
font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fg{
font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif !important;
}

/* pagetop -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
#pageTop2 {
position: fixed;
bottom: 12vw;
left: 2vw;
z-index: 10000;
}
}
@media screen and (min-width: 768px) {
#pageTop2 {
position: fixed;
bottom: 2vw;
right: 2vw;
z-index: 10000;
}
}

#pageTop2 img{
width: 100%;
}

#pageTop2 a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 0px;
width: 35px;
height: 35px;
background-color: #231815;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#pageTop2 a:hover {
text-decoration: none;
background-color: #ffffff;
}
/* pagetop -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.menu_sp_list_logo {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
position: fixed;
}
.menu_sub{
background:#d9e5da;
padding: 0.5vw 0.5vw;
width: 100%;
position: fixed;
top: 12vw;
z-index: 999;
}
.menu_sub_item_nm{
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 0.5vw 0.5vw;
text-align: center;
}
.menu_sub_item_link{
font-size: 3vw;
font-weight: normal;
letter-spacing: 0.1vw;
line-height: 3vw;
color: #b5b5b6;
padding: 2.5vw 0.5vw;
width: 100%;
overflow-x: auto;
white-space: nowrap;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.menu_sub_item_link a{
color: #231815;
display: inline-block;
list-style: none;
padding: 0vw 3vw;
}
.menu_sub_item_link a:hover{
color:#b5b5b6;
}
#mt_pc_top_buy_cartin {
position: fixed;
bottom: 0px;
right: 0px;
background: #0000004f;
padding: 4px 0px 0px;
}
.mt_pc_top_buy{
padding: 0 12vw;
}
/* state */
}
@media screen and (min-width: 768px) {
.menu_sub{
background:#d9e5da;
padding: 0vw;
position: fixed;
z-index: 999;
top: 7.02vw;
width: 100%;
height: 3vw;
}
.menu_sub_item_nm{
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 1.0vw 0.5vw;
text-align: center;
}
.menu_sub_item_link{
font-size: .8vw;
font-weight: 400;
letter-spacing: .1vw;
line-height: 1vw;
color: #b5b5b6;
padding: 1vw 0;
overflow-x: auto;
white-space: nowrap;
}
.menu_sub_item_link a{
color:#231815;
}
.menu_sub_item_link a:hover{
color:#b5b5b6;
}
#mt_pc_top_buy_cartin {
padding: 0;
}
.mt_pc_top_buy{
padding: 0vw 0vw !important;
}
}

@media screen and (max-width: 767px) {
#pd_b_plus {
    padding: 10vw 0;
}
}
@media screen and (min-width: 768px) {
#pd_b_plus {
    padding-top: 0;
    padding-bottom: 10%;
}
}

@media screen and (max-width: 767px) {
.fs-c-price__currencyMark{
font-size: 3.5vw;
font-weight: 600;
}
.fs-c-price__value{
font-size: 3.5vw;
font-weight: 600;
}
.menu_sp {
top: 0vw !important;
}
.menu_sp_list_icon {
display: flex !important;
gap: 0 4vw;
}
.fs-c-listControl{
text-align: center;
font-size: 2.5vw;
padding-bottom: 2vw;
}
.fs-c-productPrice__main {
font-size: 4vw;
letter-spacing: 0.2vw;
}
.fs-c-productPrice__addon {
font-size: 2vw;
padding-left: 0.6vw;
}
}
@media screen and (min-width: 768px) {
.fs-c-price__currencyMark{
font-size: 1.6vw;
padding-right: 0.1vw;
font-weight: 600;
}
.fs-c-price__value{
font-size: 1.5vw;
font-weight: 600;
}
.fs-c-listControl{
text-align: center;
font-size: 0.8vw;
padding-bottom: 1vw;
}
}

@media screen and (max-width: 767px) {
.fs-c-productReviewed__name .fs-c-productName__name{
font-size: 2vw;
font-weight: 600;
line-height: 1;
padding-bottom: 1vw;
}
.fs-c-productReviewed .fs-c-productNumber{
margin-bottom: 2vw;
display: block;
/* padding-top: 1vw; */
}
.fs-c-productNumber .fs-c-productNumber__label{
font-size: 3.2vw;
line-height: 1;
margin-right: 2vw;
}
.fs-c-productNumber .fs-c-productNumber__number{
font-size: 3.2vw;
line-height: 1;
}
.fs-c-productReviewed__prices{
display: block;
padding-bottom: 5vw;
}
.fs-c-productReviewed__prices .fs-c-productPrice__main {
font-size: 1.1vw;
letter-spacing: 0.1vw;
/* float: left; */
}
.fs-c-productReviewed__prices .fs-c-price{
/* display: flex; */
font-size: 3.2vw;
line-height: 1;
letter-spacing: 0.1vw;
display: inline-block;
}
.fs-c-productPrice__main__price .fs-c-price__currencyMark {
font-size: 3.5vw;
}
.fs-c-productPrice__main__price .fs-c-price__value {
font-size: 3.5vw;
}
.fs-c-productReviewed__prices .fs-c-productPrice__addon {
font-size: 3.2vw;
padding-left: 0.5vw;
/* float: left; */
/* line-height: 2.5; */
display: inline-block;
}
.fs-c-productPrice--selling {
padding-bottom: 2.6vw;
}
.fs-c-productLink a {
position: relative;
display: inline-block;
background-color: #d9e5da;
padding: 10px 45px;
font-size: 3vw;
}
.fs-c-productLink a:after {
content: '';
width: 10px;
height: 10px;
border-top: 1px solid #424245;
border-right: 1px solid #424245;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 46%;
right: 15px;
border-radius: 1px;
}
.fs-c-productReviewed{
padding: 2vw 6vw;
border-bottom: 1px solid #ddd;
margin-bottom: 3vw;
/* 調整 */
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.fs-c-productReviewed__image {
width: 80%;
margin: auto;
padding: 6vw 0;
}
.fs-c-productImage__image {
display: block;
max-width: 100%;
margin: auto;
}
.fs-c-aggregateRating{
padding-bottom: 2vw;
margin: 0 auto;
text-align: center;
width: 55vw;
}
.fs-c-reviewer__name{
font-size: 3.0vw;
width: 49vw;
}
.fs-c-reviewer__name::before {
content: "ニックネーム";
letter-spacing: 0.1vw;
line-height: 1.4;
font-size: 2vw;
}
.fs-c-reviewInfo__date {
width: 75%;
display: flex;
align-items: center;
}
.fs-c-reviewInfo__date dt{
font-size: 2.6vw;
/* padding-bottom: 1.0vw; */
}
.fs-c-reviewInfo__date dd{
font-size: 2.6vw;
margin-left: 2vw;
}
.fs-c-history .fs-c-listControl{
padding-top: 1vw;
}
.fs-c-listControl .fs-c-listControl__status{
padding-bottom: 2vw;
}
li.fs-c-reviewList__item {
border-bottom: 1px solid #444;
padding: 4vw 0vw 9vw;
margin-bottom: 3vw;
}
.fs-c-reviewList__item__info .fs-c-reviewRating .fs-c-reviewStars::before {
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #bcd2bd;
font-size: 3.5vw;
/* padding-bottom: 1vw; */
}
.fs-c-reviewBody {
white-space: pre-wrap;
font-size: 3vw;
letter-spacing: 0.1vw;
line-height: 1.5;
padding: 4vw 0vw 2vw;
}
.fs-c-productName .fs-c-productName__name{
font-size: 4.0vw;
letter-spacing: 0.2vw;
font-weight: 600;
line-height: 1.4;
padding-bottom: 2.6vw;
/* 調整 */
display: inline-block;
}
.fs-c-reviewList__item__info {
width: 100%;
display: flex;
align-items: center;
}
.fs-c-reviewRating {
float: right;
}
.fs-c-reviewInfo__date {
width: 30%;
display: flex;
align-items: center;
}
}
@media screen and (min-width: 768px) {
.fs-c-productReviewed {
width: 100%;
display: grid;
grid-template-areas:
"item1 item2"
". item3"
". item4";
grid-template-columns: 24% 76%;
grid-template-rows: 38% 24% 38%;
align-items: end;
/* 調整 */
grid-template-columns: 24% 56%;
justify-content: flex-end;
}
.fs-c-productReviewed__image {
grid-area: item1;
grid-row: span 3;
padding: 0 2vw;
}
.fs-c-productReviewed__name {
grid-area: item2;
}
.fs-c-productReviewed__name .fs-c-productName__name{
font-size: 2vw;
font-weight: 600;
line-height: 1;
padding-bottom: 0;
letter-spacing: 0.2vw;
}
.fs-c-productReviewed__number {
grid-area: item3;
}
.fs-c-productReviewed .fs-c-productNumber{
/* margin-bottom: 0.5vw; */
display: block;
}
.fs-c-productNumber .fs-c-productNumber__label{
font-size: 1.6vw;
line-height: 1;
margin-right: 2vw;
}
.fs-c-productNumber .fs-c-productNumber__number{
font-size: 1.6vw;
line-height: 1;
}
.fs-c-productReviewed__prices{
grid-area: item4;
display: block;
margin-bottom: 2.2vw;
/* 調整 */
display: flex;
align-items: center;
}
.fs-c-productLink {
margin-left: 2vw;
}
.fs-c-productLink a {
position: relative;
display: block;
background-color: #d9e5da;
padding: 10px 40px 8px;
font-size: 0.8vw;
}
.fs-c-productLink a:after {
content: '';
width: 8px;
height: 8px;
border-top: 1px solid #424245;
border-right: 1px solid #424245;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 46%;
right: 10px;
border-radius: 1px;
}
.fs-c-productReviewed__prices .fs-c-productPrice__main {
/* font-size: 1.1vw;
letter-spacing: 0.1vw;
float: left; */
display: inline-block;
}
.fs-c-productReviewed__prices .fs-c-price{
/* display: flex; */
/* font-size: 2vw; */
line-height: 1;
letter-spacing: 0.02vw;
display: inline-block;
}
.fs-c-productPrice__main__price .fs-c-price__currencyMark {
font-size: 1.6vw;
}
.fs-c-productPrice__main__price .fs-c-price__value {
font-size: 1.6vw;
}
.fs-c-productReviewed__prices .fs-c-productPrice__addon {
font-size: 1vw;
padding-left: 0vw;
/* float: left;
line-height: 2;
vertical-align: text-bottom; */
}
.fs-c-productReviewed{
padding-bottom: 3vw;
border-bottom: 1px solid #ddd;
margin-bottom: 3vw;
padding-top: 3vw;
}
.fs-c-aggregateRating{
padding-bottom: 2vw;
margin: 0 auto;
width: 30vw;
}
.fs-c-reviewer__name{
font-size: 1.2vw;
width:22vw;
}
.fs-c-reviewer__name::before {
content: "ニックネーム";
letter-spacing: 0.05vw;
line-height: 1.4;
font-size: 1vw;
padding-right: 0.5vw;
}
.fs-c-reviewInfo__date {
width: 65%;
display: flex;
align-items: center;
margin-left: 1.4vw;
}
.fs-c-reviewInfo__date dt{
font-size: 0.9vw;
/* padding-bottom: 0.3vw; */
padding-right: 1vw;
}
.fs-c-reviewInfo__date dd{
font-size: 1.0vw;
}
.fs-c-history .fs-c-listControl{
padding-top: 1vw;
}
.fs-c-listControl .fs-c-listControl__status{
padding-bottom: 2vw;
}
li.fs-c-reviewList__item {
border-bottom: 1px solid #444;
padding: 2.5vw;
margin-bottom: 2vw;
}
.fs-c-reviewList__item__info .fs-c-reviewRating .fs-c-reviewStars::before {
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #bcd2bd;
font-size: 2vw;
/* padding-bottom: 1vw; */
}
.fs-c-reviewBody {
white-space: pre-wrap;
font-size: 1.2vw;
letter-spacing: 0.05vw;
line-height: 1.5;
padding: 1.5vw 0vw 2vw;
}
.fs-c-reviewList__item__info {
width: 100%;
display: flex;
align-items: center;
}
.fs-c-productName .fs-c-productName__name{
font-size: 2vw;
font-weight: 600;
line-height: 1;
/* padding-bottom: 1vw; */
letter-spacing: 0.2vw;
}
}

@media screen and (max-width: 767px) {
.fs-c-reviewList.fs-c-reviewList--product{
padding: 4vw 6vw;
}
.fs-c-pagination {
padding: 0vw 17vw;
}
.fs-c-pagination__item--next::before {
display: contents !important;
}
.item_rv_a_text_sub3{
text-align: center;
font-size: 2vw;
letter-spacing: .1vw;
padding-bottom: 4vw;
}
.aitem_rv_s{
color: #f90;
padding-right: 1.0vw;
}
.aitem_rv_s2{
display: inline-block;
background: linear-gradient(0deg,#f90 30%,#c9caca 50%);
background: -webkit-linear-gradient(0deg,#f90 30%,#c9caca 50%);
    background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-right: 2.0vw;
}
.aitem_rv_s0{
color: #c9caca;
padding-right: 0.3vw;
}
}
@media screen and (min-width: 768px) {
.fs-c-pagination {
padding: 0vw 17vw;
}
.fs-c-pagination__item--next::before {
display: contents !important;
}
.item_rv_a_text_sub3{
text-align: center;
font-size: 0.7vw;
letter-spacing: 0.05vw;
padding-bottom: 1vw;
}
.aitem_rv_s{
color: #f90;
padding-right: 0.3vw;
}
.aitem_rv_s2{
display: inline-block;
background: linear-gradient(0deg,#f90 30%,#c9caca 50%);
background: -webkit-linear-gradient(0deg,#f90 30%,#c9caca 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-right: 0.3vw;
}
.aitem_rv_s0{
color: #c9caca;
padding-right: 0.3vw;
}
}