@charset "UTF-8";
@import url("https://mglasses.itembox.design/item/theme/matsui_theme.min.css?t=20250213210228");

body {
font-size: 1.7rem;
font-family: initial;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #d16800;
}
header a {
text-decoration: none;
}
/*.midasi1 {
border-left: 5px solid #c0c0c0;
padding: 2px 10px;
margin-top:30px;
border-bottom: 1px solid #c0c0c0;
font-weight: bold;
}*/
.midasi1 {
margin-top: 30px;
font-size: 2rem;
font-weight: bold;
}
.box_type1 {
background: #f2f2f2;
border: 1px solid #bababa;
padding: 1rem;
}
.box_type2 {
background: #f2f2f2;
padding: 1rem;
}
.box_type4 {
background: #fafafa;
border: 1px dashed #bababa;
padding: 1rem 2.5rem;
}

.box_type5 {
background: #fafafa;
border: 1px solid #eee;
padding: 3rem;
}
.box_simple {
border: 1px solid #c6c6c6;
padding: 22px;
}
.box_white {
margin: 32px 0;
padding: 4em;
background: #ffffff;
border-radius: 20px;
}
@media screen and (max-width: 768px) {
.box_white {
padding: 1em;
}
}
.T_item,
.T_item2 {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.T_item td {
padding: 5px;
border: 1px solid #e0d9ce;
text-align: center;
width: 200px;
}
.T_item2 td {
padding: 15px 10px;
border: 1px solid #e0d9ce;
text-align: center;
}

.T_item td {
vertical-align: top;
padding: 20px;
}

.T_item .top td {
vertical-align: top;
padding: 2px;
}

.T_item .thum {
width: 200px;
}

.T_item .name {
height: 38px;
margin: 10px 0;
}
.T_item .subtetxt {
text-align: left;
height: 72px;
}

.T_item td p {
padding: 0;
margin: 2px 0;
}

.T_itemspec {
width: 100%;
color: #666666;
border-collapse: collapse;
border-spacing: 0;
}
.T_itemspec th {
border: 1px solid #ccc;
padding: 5px;
background: #ececec;
text-align: center;
line-height: 1.2em;
}
.T_itemspec td {
border: 1px solid #ccc;
padding: 5px;
}

/*テーブル*/
table.T_border1 {
width: 100%;
}
table.T_border1 th {
margin-top: 1em;
display: block;
width: 100%;
padding: 5px 10px;
border: 1px solid #ddd;
background: #f5f5f5;
}
table.T_border1 td {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
table.T_border1,
.T_border1 th,
.T_border1 td {
border-collapse: collapse;
border: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
table.T_border1 th {
margin-top: 0;
display: table-cell;
width: auto;
padding: 10px;
}
table.T_border1 td {
border-top: 1px solid #ddd;
display: table-cell;
width: auto;
}
}
figure img {
display: block;
margin: auto;
text-align: center;
}

div#matsuiProductSpec {
font-size: 1.6rem;
}
/* 商品スペック dlテーブル */
dl.itemSpec {
margin: 0;
}

dl.itemSpec dt {
margin: 0;
padding: 0.5em 0 0 0;
font-weight: bold;
}

dl.itemSpec dd {
margin: 0;
padding: 0 0 0.5em 0;
border-bottom: 1px dotted #cccccc;
}

@media screen and (min-width: 960px) {
dl.itemSpec {
display: flex;
flex-wrap: wrap;
margin: 0;
}

dl.itemSpec dt {
width: 20%;
padding: 0.5em;
border-bottom: 1px dotted #cccccc;
}

dl.itemSpec dd {
width: 78%;
padding: 0.5em;
}
}
/* 商品スペック dlテーブル（ここまで） */


/* ラベルstyle */
.label0 {
color: #26160b;
background-color: #f0ece3;
}
/* ラベルstyle
.label0 {
border:1px solid #26160b;
colore:#26160b;
}*/

p.label {
font-weight: bold;
padding: 0.5em 2em;
border-radius: 2em;
display: inline-block;
}
/*背景色*/
.bg_blue {
background: #5f9ec9;
color: #ffffff;
}
.bg_maron {
background: #ad6363;
color: #ffffff;
}
.bg_skyblue {
background: #eff5fa;
}

.mb80 {
margin-bottom: 80px;
}
.mb40 {
margin-bottom: 80px;
}
.ttl01 {
font-weight: bold;
font-size: 2rem;
}
.product-cartarea-comment {
font-size: 1.4rem;
padding: 1em;
background: #f5f5f5;
border-radius: 5px;
}

/* チェック装飾リスト　*/
ul.check-list li:before {
content: url("https://mglasses.itembox.design/item/group/item/pcglasses/icon_check.png");
margin-right: 0.5em;
margin-top: 1em;
}

ul.check-list {
list-style: none;
margin: 0;
padding: 0 0 0 42px;
}
ul.check-list li {
list-style: none;
margin: 0;
padding: 8px 0 0 0;
text-indent: -42px;
}

ul.check-list {
font-weight: bold;
}

/*数量選択箇所に数量のテキスト表示*/

.fs-c-productQuantityAndWishlist {
position: relative;
}
.fs-body-product .fs-c-productQuantityAndWishlist__quantity {
display: flex;
}
.fs-body-product .fs-c-productQuantityAndWishlist__quantity::before {
content: "数量";
width: 80px;
}

/*ここまで*/

/* 試着ページ */
.fs-body-category-fitting h2.title-b {
background: #3f9500;
}

/*-----　ご相談事例ページ用 ----*/
/*見出し*/
.case-title .tag {
display: inline-block;
background: #ad6363;
margin-bottom: 32px;
padding: 0 20px;
margin: 0;
font-size: 4rem;
color: #ffffff;
}
.case-title .tag span {
font-size: 2rem;
}
.case-title .title {
font-size: 3.4rem;
font-weight: bold;
color: #ad6363;
}

/*個別ページ*/
.matsui-c-note--case {
border: 5px solid #ad6363;
border-radius: 20px;
opacity: 1;
padding: 60px;
background: #ffffff;
}

figure.main-illust {
float: right;
margin: 0 15px 15px 0;
}

@media screen and (max-width: 480px) {
.case-title .tag,
.case-title .tag span {
font-size: 100%;
}

.case-title .title {
font-size: 120%;
}

.case-title p.tag {
padding: 10px;
}

.matsui-c-contents--case .flex-box .right {
margin: 10px;
}
.matsui-c-note--case {
padding: 20px;
}
figure.main-illust {
float: right;
margin: 0 15px 15px 0;
max-width: 100px;
}
}
/*-----　カートへ戻るボタン ----*/
.btn_link_itemcart {
background: #fff;
color: #21a6ff !important;
text-decoration: none;
border: 2px solid #21a6ff;
font-size: 1.6rem;
display: block;
margin: 60px auto;
padding: 16px;
width: 100%;
max-width: 320px;
text-align: center;
font-weight: bold;
}
.btn_link_itemcart::before {
font-family: "fs-icon" !important;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #21a6ff;
content: "▲";
font-size: 2rem;
display: block;
}

@media screen and (max-width: 480px) {
.bg_fullWidth {
margin: 0;
padding: 0;
}
}
/*---- デフォルトの上書き --------------------------------*/
/*
.fs-c-productListItem .fs-c-productName__copy {
display: none;
}
*/
/* 2024.11変更 
.fs-c-button--plain {
display: none;
}*/
.fs-c-priceDisplay.fs-c-productPrice {
display: none;
}

/*---- デフォルトの上書き（いずれ合体） --------------------------------*/
@media screen and (min-width: 768px) {
.fs-l-productLayout__item.fs-l-productLayout__item--3 {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
}

.fs-body-product h1.fs-c-heading--page {
font-size: 2rem;
text-align: left;
margin: 1em 0;
}
.fs-c-productListCarousel .fs-c-productPrice__main__label {
display: none;
}

/*------------ 見出し　再調整 -----------------*/
.fs-p-heading--lv2 {
padding: 1rem 0;
font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
.fs-body-product h1.fs-c-heading--page {
margin: 1em 10px;
}
.title-c,.title-e {
font-size: 2rem;
}
.catch-b {
font-size: 2rem;
margin: 1em 0 16px;
}
.fs-p-heading--lv2 {
font-size: 2rem;
}
}

/*------------ scrollテーブル -----------------*/

@media screen and (max-width: 480px) {
.scroll-table {
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
font-size: 80%;
}
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
background: #aaa;
border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
background: #999;
}
}

/*------------ 目次 --------------*/
nav.toc {
margin: 2em 0;
padding: 1em;
border: 5px solid #dde2e6;
border-radius: 1em;
}

nav.toc h2 {
font-size: 1em;
display: inline-block;
background: #ffffff;
padding: 0.5em 1em;
border: 1px solid #cccccc;
color: #738694;
font-weight: bold;
}

nav .js-toc {
margin-left: -20px;
}

nav.toc li {
margin-bottom: 0.5em;
}

@media screen and (min-width: 960px) {
nav.toc {
  padding: 1em 6em;
}
}

/*------------  --------------*/
.fs-l-productLayout__item--3.-border{
  padding: 40px 20px 96px 20px;
    border: 1px solid #cfcfc7;
    border-radius: 5px;
  }

@media screen and (min-width: 960px) {
    .matsui-footerCallus__calendar {
        width: inherit;
    }
}

