@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Josefin+Slab:wght@700&display=swap');

.loupecollier {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #000;
    font-size: 19px;
    line-height: 1.3;
    margin-inline: min(600px - 50cqw, 0px);

		--crimson : "Crimson Text", serif;
		--josefin : "Josefin Slab", serif;
}
html {
    container-type: inline-size;
}
.loupecollier_inner {
    width: 1186px;
    margin-inline: auto;
    padding-inline: 30px;
}

.loupecollier_lead {
    margin-bottom: 77px;
}
.loupecollier_lead .loupecollier_inner {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.loupecollier_lead_catch {
    font-size: 32px;
    line-height: 1.9;
    margin-bottom: 24px;
}
.loupecollier_lead_text {
    font-size: 14px;
    margin-bottom: 60px;
}
.loupecollier_lead_logo {
    width: 130px;
}
.loupecollier_lead_img {
    width: min(100%, 782px);
}
.loupecollier_title {
    margin-bottom: 42px;
    text-align: center;
}
.loupecollier_title_en {
    font-family: var(--crimson);
		font-size: 33px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DBDBDB;
}
.loupecollier_title_jp {
    font-size: 18px;
}

.loupecollier_about {
    margin-bottom: 172px;
}
.loupecollier_about_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.loupecollier_about_img {
    width: min(100%, 539px);
}
.loupecollier_about_textwrap {
    width: min(100%, 494px);
}
.loupecollier_about_brand {
    margin-bottom: 66px;
}
.loupecollier_about_brand_en {
    font-family: var(--josefin);
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
.loupecollier_about_brand_jp {
    font-size: 25px;
}
.loupecollier_about_catch {
    font-size: 30px;
    margin-bottom: 57px;
}
.loupecollier_feature_content {
    margin-top: 97px;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.loupecollier_feature_content:nth-of-type(odd) {
    flex-direction: row-reverse;
}
.loupecollier_feature_content_img {
    width: min(100%, 560px);
}
.loupecollier_feature_content_textwrap {
    width: min(100%, 460px);
}
.loupecollier_feature {
    margin-bottom: 100px;
}
.loupecollier_feature_content_num {
    display: inline-block;
    font-family: var(--crimson);
    font-size: 37px;
    margin-bottom: 34px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
}
.loupecollier_feature_content_title {
    font-size: 30px;
    margin-bottom: 30px;
}
.loupecollier_feature_content_en {
    font-family: var(--crimson);
    font-size: 23px;
    margin-bottom: 32px;
}
.loupecollier_product {
    background: #FAFAFA;
		margin-bottom: 100px;
    padding-block: 55px 48px;
}
.loupecollier_product_title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 47px;
}
.loupecollier_product_top {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 29px;
    margin-inline: 45px;
    padding-bottom: 19px;
    border-bottom: 1px solid #C4C4C4;
}
.loupecollier_product_top_img01 {
    width: 400px;
}
.loupecollier_product_top_img02 {
    width: 332px;
}
.loupecollier_product_top_text {
    width: calc(100% - 802px);
}
.loupecollier_product_bottom {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    margin-inline: 45px;
}
.loupecollier_product_bottom_wrap {
    width: 50%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
		padding: 20px;
}
.loupecollier_product_bottom_img {
    width: 290px;
}
.loupecollier_product_bottom_text {
    width: calc(100% - 312px);
}
.loupecollier_product_bottom_img_note {
    font-size: 14px;
    margin-top: 7px;
}



.loupecollier_deta {
    margin-top: 32px;
    margin-inline: 45px;
}
.deta_content {
  color: #000000;
  font-size: 13px;
  border-bottom: 1px solid #100C61;
  border-right: 1px solid #100C61;
}
.deta_content dl {
  display: flex;
  flex-flow: row wrap;
  border-top: 1px solid #100C61;
  border-left: 1px solid #100C61;
}
.deta_content dt {
  width: 264px;
  padding: 10px 40px;
  border-right: 1px solid #100C61;
  background: #E6E6F0;
}
.deta_content dd {
  width: calc(100% - 264px);
  padding: 10px 40px;
}
.deta_content dd .is-red {
  font-size: 11px;
  display: inline-block;
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}
.deta_note {
  margin-top: 16px;
  font-size: 14px;
  color: #000;
	padding-left: 1em;
	text-indent: -1em;
}




.loupecollier_limited_item {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 893px;
    margin-inline: auto;
		margin-bottom: 110px;;
    padding: 34px 80px;
    color: #000;
    text-decoration: none;
    border: 1px solid #D5D5D5;
}
.loupecollier_limited_img {
    width: 211px;
}
.loupecollier_limited_textwrap {
    width: 490px;
}
.loupecollier_limited_head {
    font-size: 25px;
    margin-bottom: 8px;
}
.loupecollier_limited_catch {
    font-size: 18px;
    letter-spacing: -0.1em;
    margin-bottom: 22px;
    padding-bottom: 11px;
    border-bottom: 1px solid #CECECE;
}
.loupecollier_limited_price::before {
    content: "￥";
}
.loupecollier_limited_price::after {
    content: "（税込）";
    font-size: 15px;
}
.loupecollier_limited_note {
    font-size: 15px;
}
.loupecollier_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    width: 396px;
    margin-inline: auto;
    padding: 22px;
    border: 1px solid #000;
    align-items: center;
    color: #000;
    font-size: 20px;
}


[data-browse-mode="S"] .loupecollier {
    font-size: 16px;
    margin-inline: -28px;
}
[data-browse-mode="S"] .loupecollier_inner {
    width: 100%;
    padding-inline: 45px;
}
[data-browse-mode="S"] .loupecollier_lead {
    margin-bottom: 67px;
}
[data-browse-mode="S"] .loupecollier_lead .loupecollier_inner {
    flex-direction: column-reverse;
    gap: 20px;
    padding-inline: 0;
}
[data-browse-mode="S"] .loupecollier_lead_textwrap {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
}
[data-browse-mode="S"] .loupecollier_lead_catch {
    margin-left: 23px;
    margin-bottom: 0;
}
[data-browse-mode="S"] .loupecollier_lead_text {
    order: 3;
    margin-left: 40px;
    margin-bottom: 0;
}
[data-browse-mode="S"] .loupecollier_lead_logo {
    width: 93px;
    margin-right: 45px;
}
[data-browse-mode="S"] .loupecollier_title_en {
    font-size: 28px;
    margin-bottom: 9px;
    padding-bottom: 7px;
}
[data-browse-mode="S"] .loupecollier_title_jp {
    font-size: 16px;
}
[data-browse-mode="S"] .loupecollier_about {
    margin-bottom: 90px;
}
[data-browse-mode="S"] .loupecollier_about_content {
    gap: 49px;
}
[data-browse-mode="S"] .loupecollier_about_brand {
    margin-bottom: 40px;
}
[data-browse-mode="S"] .loupecollier_about_brand_en {
    font-size: 30px;
    margin-bottom: 18px;
}
[data-browse-mode="S"] .loupecollier_about_brand_jp {
    font-size: 22px;
}
[data-browse-mode="S"] .loupecollier_about_catch {
    font-size: 25px;
    margin-bottom: 55px;
}
[data-browse-mode="S"] .loupecollier_feature_content {
    margin-top: 0;
    gap: 25px;
}
[data-browse-mode="S"] .loupecollier_feature_content:nth-of-type(n+2) {
    margin-top: 100px;
}
[data-browse-mode="S"] .loupecollier_feature_content_textwrap {
    width: 100%;
}
[data-browse-mode="S"] .loupecollier_feature_content_num {
    margin-bottom: 23px;
}
[data-browse-mode="S"] .loupecollier_feature_content_title {
    font-size: 25px;
    margin-bottom: 12px;
}
[data-browse-mode="S"] .loupecollier_feature_content_en {
    margin-bottom: 30px;
}
[data-browse-mode="S"] .loupecollier_product {
    padding-block: 45px 80px;
    margin-bottom: 50px;
}
[data-browse-mode="S"] .loupecollier_product_top {
    gap: 35px 0;
    padding-bottom: 36px;
    margin-bottom: 48px;
    margin-inline: 0;
}
[data-browse-mode="S"] .loupecollier_product_top_img01,
[data-browse-mode="S"] .loupecollier_product_top_img02 {
    width: 50%;
}
[data-browse-mode="S"] .loupecollier_product_top_text {
    width: 100%;
}
[data-browse-mode="S"] .loupecollier_product_bottom {
    gap: 60px;
    margin-inline: 0;
}
[data-browse-mode="S"] .loupecollier_product_bottom_wrap {
    width: 100%;
    gap: 44px;
    padding: 0;
}
[data-browse-mode="S"] .loupecollier_product_bottom_img {
    width: 173px;
    margin-inline: auto;
}
[data-browse-mode="S"] .loupecollier_product_bottom_text {
    width: 100%;
}
[data-browse-mode="S"] .loupecollier_product_bottom_img_note {
    height: 0;
    font-size: 11px;
}
[data-browse-mode="S"] .loupecollier_deta {
    margin-top: 48px;
    margin-inline: 0;
}
[data-browse-mode="S"] .deta_content dl {
    border-top: none;
}
[data-browse-mode="S"] .deta_content dt,
[data-browse-mode="S"] .deta_content dd {
  width: 100%;
  border-right: none;
  border-top: 1px solid #100C61;
}
[data-browse-mode="S"] .deta_content dt {
  text-align: center;
}
[data-browse-mode="S"] .deta_content dd {
  padding: 20px;
}
[data-browse-mode="S"] .loupecollier_limited_item {
    gap: 75px;
    width: calc(100% - 90px);
    margin-inline: 45px;
    margin-bottom: 37px;
    padding: 35px 20px 70px;
}
[data-browse-mode="S"] .loupecollier_limited_img {
    margin-inline: auto;
}
[data-browse-mode="S"] .loupecollier_limited_textwrap {
    width: 100%;
}
[data-browse-mode="S"] .loupecollier_limited_head {
    text-align: center;
    letter-spacing: -.1em;
    margin-bottom: 57px;
}
[data-browse-mode="S"] .loupecollier_btn a {
    width: calc(100% - 90px);
    margin-inline: auto;
    font-size: 17px;
    padding: 20px;
}