/** Shopify CDN: Minification failed

Line 107:29 Expected ")" to end URL token
Line 273:27 Expected ")" to end URL token
Line 427:29 Expected ")" to end URL token
Line 431:29 Expected ")" to end URL token

**/
@import url('https://fonts.googleapis.com/css?family=Roboto&text=0123456789¥');

/* ================================================= */
:root {
  --PP-green-color-1: #217d5c;
  --PP-green-color-2: #95bba4;
  --PP-green-color-3: #c2eed4;
  --PP-brown-color-1: #3d332c;
  --PP-brown-color-2: #3f352b;
  --PP-brown-color-3: #5A4F44;
  --PP-beige-color-1: #f8eada;
  --PP-beige-color-2: #faf3eb;
  --PP-red-color-1: #9d1c1c;
  --PP-pale-gray-color-1: #f8f8f8;
  --PP-line-heigt: 1.6;
  --PP-fonts: 'Roboto', 'Young Serif', 'Noto Sans JP', 'Yu Gothic Pr6N M', sans-serif;
  --PP-fonts-serif: 'ヒラギノ明朝 ProN W3','HiraMinProN-W3','HG明朝E','ＭＳ Ｐ明朝','MS PMincho','MS 明朝', serif;
  --PP-bp-L: 989px;
  --PP-transition: all 300ms 0s ease;
  --main-color: #0968C5;
  --main-font-color:#333333;
  --main-font: ryo-gothic-plusn, sans-serif;
--main-font-weight: 400;
--main-font-style: normal;
}

/* ================================================= */
/* modern css */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block;width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* ================================================= */
/* html {
  font-size: initial;
} */
body {
  font-family: var(--main-font);
  font-weight: var(--main-font-weight);
  font-style: var(--main-font-style);
  font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
  letter-spacing: initial;
  line-height: 1.8;
  color: var(--PP-brown-color-3);
  overflow-wrap: break-word;
  word-break: break-word;
  background-color: #fffdfa !important;
}
a {
  text-decoration: none;
  color: initial;
}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--main-font);
  font-weight: 700;
}
p, span, a {
  font-family: var(--main-font);
  font-weight: var(--main-font-weight);
}
/* ================================================= */
/* Site Header */
.SiteHeader {
  max-width: 100%;
}
@media screen and (min-width: 990px) {
  .SiteHeader {
    display: flex;
  }
}

@media screen and (min-width: 990px) {
  .SiteHeader .SiteHeader_Nav {
    margin-left: auto;
  }
}

#shopify-section-header {
  z-index: 10;
}

/* ================================================= */
/* Top page */

/* MainVisual */
@media screen and (min-width: 750px) {
  body .TopMainVisual .TopMainVisual_Content {
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (min-width: 750px) {
  body .TopMainVisual .TopMainVisual_Text {
    background-color: var(--PP-green-color-1);
  }
}

.TopPage_Title {
    background-image: url({{ 'pawpad.png' | asset_url }});
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--PP-green-color-1);
    line-height: 10rem;
}

/* ================================================= */
/*  Container */
.pp-Container-Grid {
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
}

@media screen and (min-width: 990px) {
.pp-Container-Grid {
  grid-template-columns: 1fr repeat(12, minmax(64px, 84px)) 1fr;
}
}

.pp-Container-Button-Center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ================================================= */
.Apps {
  padding: 2rem 4rem 4rem 4rem;
}

@media screen and (min-width: 750px) {
  .Apps {
    padding: 4rem 8rem 8rem 8rem;
  }
}

/* ================================================= */
.Button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 3.2rem;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  font-size: 2rem;
  border-radius: .25rem;
  /* font-family: var(--PP-fonts-serif); */
  font-family: var(--PP-fonts);
  transition: all .3s ease;
}

@media (hover: hover) {
.Button:hover {
  opacity: .9;
  transform: scale(105%);
  transition: all .3s ease;  
}
}

.Button-Main {
  background-color: var(--PP-green-color-1);
  color: #fff;
}

.Button-Outline {
  position: relative;
  border: solid 1px var(--PP-green-color-1);
  background-color: #fff;
  color: var(--PP-green-color-1);
}

.Button-Outline::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 3rem;
  border-top: currentColor 1px solid;
}

.Button-L {
  min-width: 80%;
}

/* ================================================= */
.Link-List  {
  color: var(--PP-green-color-1);
  text-decoration: none;
  border-bottom: dashed 1px currentColor;
  transition: var(--PP-transition);
}

@media (hover: hover) {
  .Link-List:hover  {
    opacity: .9;
    transform: translateY(-1rem);
     transition: var(--PP-transition);
  }
}

.Link-Text {
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  color: currentColor;
}

@media (hover:hover) {
  .Link-Text {
    color: currentColor;
  }
}

/* ================================================= */
.shopify-section {
  position: static;
  z-index: 0;
}

/* ================================================= */
.header__menu-item span {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--main-color);
}

/* ================================================= */
.footer-block {
  color: #fff;
}

/* ================================================= */
.page-title {
  color: var(--PP-green-color-1);
}

/* ================================================= */
/* Page Common */
/* ================================================= */
.Page .Page_Inner {
  max-width: 100rem;
}

.Page_Inner h1 {
  font-size: 2.8rem;
  font-weight: 600;
  background-image: linear-gradient(90deg, var(--PP-green-color-3) 0 10%, transparent 10%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  padding-bottom: 2rem;
}

@media screen and (min-width: 750px) {
   .Page_Inner h1 {
    font-size: 4.2rem;
  } 
}

.PageContent h2 {
  background-image: url({{ 'pawpad.png' | asset_url }});
  font-family: var(--font-family-serif);
  background-color: var(--PP-green-color-1);
  padding: 2rem 2rem 2rem 8rem;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 4rem;
  background-position: 2rem center;
  font-size: 1.8rem;
  font-weight: 600;
}

@media screen and (min-width: 750px) {
  .PageContent h2 {
    font-size: 2rem;
  }
}

.PageContent h3 {
  padding: 2rem;
  border-top: solid 1px var(--PP-green-color-1);
  border-bottom: solid 1px var(--PP-green-color-1);
  color: var(--PP-green-color-1);
  font-weight: 600;
}

.PageContent h4 {
  color: var(--PP-green-color-1);
  font-size: 1.8rem;
  font-weight: 600;
}

.PageContent > *:not(first-of-type) {
  margin-top: 2.4rem;
}

@media screen and (min-width: 750px) {
.PageContent > *:not(first-of-type) {
  margin-top: 4rem;
}
}

/* ================================================= */
.product .product__title h1 {
  /* font-family: serif; */
  font-size: 2.8rem;
}

@media screen and (min-width: 750px) {
   .product .product__title h1 {
    font-size: 3rem;
  } 
}

.product .product__description > *:not(first-of-type){
  margin-top: 1.6rem;
}

.product .product__description h1, 
.product .product__description h2, 
.product .product__description h3, 
.product .product__description h4, 
.product .product__description h5, 
.product .product__description h6 {
  margin-top: 3rem;
  font-weight: 600;
  padding-left: 1.2rem;
  border-left: solid .4rem var(--PP-green-color-1);
}

/* ================================================= */
.blog-articles .card__heading a {
  font-weight: 600;
}

/* ================================================= */
.product .shopify-payment-button__button {
  background-color: var(--main-color);
  transition: .5s;
}

section[id*="__related-products"] {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
 section[id*="__related-products"] {
  margin-top: 3rem !important;
} 
}

/* ================================================= */
.related-products__heading {
  font-weight: 600;
}

/* ================================================= */
/* Commitment Page */
/* ================================================= */
.PageContent .CommitmentQuality,
.PageContent .CommitmentNutrition {
  display: grid;
  gap: 2rem 0;
}

@media screen and (min-width: 750px) {
　.PageContent .CommitmentQuality,
　.PageContent .CommitmentNutrition {
  gap: 4rem 0;
}
}

.PageContent .CommitmentTitle-Quality,
.PageContent .CommitmentTitle-Nutrition {
  background-image: none;
  padding: 5rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 3rem;
  /* font-family: var(--PP-fonts-serif); */
  font-family: var(--PP-fonts);
  font-weight: 400;
}

@media screen and (min-width: 750px) {
  .PageContent .CommitmentTitle-Quality,
  .PageContent .CommitmentTitle-Nutrition {
    padding: 8rem;
  }
}

.CommitmentDescription_Image {
  flex-basis: 33%;
}

.PageContent .CommitmentDescription_Text {
  display: grid;
  gap: 2rem 0;
  flex-basis: 67%;
}

.PageContent .CommitmentTitle-Nutrition {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .PageContent .CommitmentTitle-Nutrition {
  margin-top: 8rem;
}
}

.PageContent .CommitmentTitle-Quality {
    background-image: url({{ 'dog_image01.png' | file_img_url:'1200x' }});
}

.PageContent .CommitmentTitle-Nutrition {
    background-image: url({{ 'dog_image02.png' | file_img_url:'1200x' }});
}

.PageContent .CommitmentTopic {
  text-align: center;
  font-weight: 600;
  background-image: linear-gradient(90deg, transparent 45%, var(--PP-green-color-3) 45%, var(--PP-green-color-3) 55%, transparent 55%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  padding-bottom: 2rem;
  border: 0;
  font-size: 2.4rem;
}

@media screen and (min-width: 750px) {
  .PageContent .CommitmentTopic {
  font-size: 3rem;
}
}

.PageContent .CommitmentDescription_Info {
  display: flex;
  flex-direction: column;
  /* font-family: var(--PP-fonts-serif); */
  font-family: var(--PP-fonts);
  gap: 2rem 0;
}

@media screen and (min-width: 750px) {
  .PageContent .CommitmentDescription_Info {
    flex-direction: row;
    gap: 0 4rem;
}
}

.PageContent .CommitmentTaste {
  padding: 3rem;
  background: var(--PP-beige-color-2);
  border-radius: 8px;
  display: grid;
  gap: 2rem 0;
}

.PageContent .CommitmentTaste_List {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 2rem;
}

@media screen and (min-width: 750px) {
.PageContent .CommitmentTaste_List {
  flex-direction: row;
  gap: 1rem;
}
}

.PageContent .CommitmentTaste_ListItem {
  text-align: center;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  background-color: #fff;
}

.PageContent .CommitmentTaste_ListItem h4 {
  font-size: 2.4rem;
  padding-bottom: 2rem;
}

.PageContent .CommitmentTaste_ListItem i {
  color: var(--PP-beige-color-1);
  font-size: 2.4rem;
}

.PageContent .CommitmentTaste_Title {
  text-align: center;
  /* font-family:  var(--PP-fonts-serif); */
  font-family:  var(--PP-fonts);
  color: #fff;
  background-color: var(--PP-green-color-1);
  font-weight: 400;
  font-size: 2.4rem;
  padding: 2.4rem;
}

@media screen and (min-width: 750px) {
  .PageContent .CommitmentTaste_Title {
    font-size: 3rem;
    padding: 4rem;
  }
}

.PageContent img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  height: 100%;
}

/* ================================================= */
/* Row */
/* ================================================= */
.pp-Row {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .pp-Row {
    padding-top: 3rem;
    padding-bottom: 3rem;
  } 
}

/* ================================================= */
.PageNotice {
  padding: 2rem 3rem;
  background-color: #ddd;
  color: #666;
  border-radius: .8rem;
}

.PageNotice_Text {
  font-size: 1.4rem;
  font-family: var(--PP-fonts);
}

/* ================================================= */
.Recommendation_Header {
  text-align: center;  
}

.Recommendation_Inner {
  display: grid;
  gap: 4rem;
}

@media screen and (min-width: 750px) {
  .Recommendation_Inner {
  gap: 2rem;
}
}

.RecommendationProduct {
  padding: 2rem;
  background-color: var(--PP-beige-color-2);
}

@media screen and (min-width: 750px) {
.RecommendationProduct {
  padding: 4rem;
}
}

.RecommendationProduct_Inner {
  display: grid;
  gap: 4rem 0;
  display: grid;
  gap: 3rem;
}

.RecommendationProduct_Header {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 2rem;
}

.RecommendationProduct_Header figure img {
  aspect-ratio: 1/1;
  max-width: 10rem;
  border: 0;
} 

.RecommendationProduct_Header h3 {
  font-size: 3rem;
  border: 0;
  padding: 0;
}

.RecommendationProduct_Header h3 span {
  font-size: 1.6rem;
}

.RecommendationProduct_Header a {
  color: #fff;
  font-family: var(--PP-fonts);
}

.RecommendationProduct_Header a:hover {
  color: #fff;
}

.PageContent .Recommendation_Title {
  background: transparent;
  color: var(--PP-green-color-1);
  padding: 2rem;
}

@media screen and (min-width: 750px) {
.RecommendationProduct_Image {
  flex-basis: 65%;
}
}

@media screen and (min-width: 750px) {
.RecommendationProduct_Header {
  flex-basis: 35%;
}
}

.PageContent .RecommendationProduct_List {
  display: grid;
  gap: 2rem 0;
  list-style-type: none;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .PageContent .RecommendationProduct_List {
  gap: 4rem 0;
}
}

.RecommendationProduct_ListItem {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 990px) {
 .RecommendationProduct_ListItem {
  flex-direction: row;
} 
}

/* ================================================= */
.footer .list-social__item .icon {
  transform: scale(1.5);
}

.footer .list-social__link {
  color: initial;
}

.PP-Footer .footer-block--newsletter {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.PP-Footer .footer__follow-on-shop {
  text-align: center;
  display: flex;
  justify-content: center !important;
  align-content: center;
  width: 100%;
}

/* ================================================= */
.Text-Deco01 {
  color: var(--PP-green-color-1);
  position: relative;
}

.Text-Deco01::before {
  content: "";
  position: absolute;
  top: .6rem;
  left: -2.4rem;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  border-right: 1px solid var(--PP-green-color-1);
  transform: rotate(-36deg);
}

.Text-Deco01::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  border-right: 1px solid var(--PP-green-color-1);
  transform: rotate(36deg);
}



/* ================================================= */
/* Override */
/* ================================================= */
@media screen and (min-width: 750px) {
  .blog-articles {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

/* ================================================= */
/* Slider */
/* ================================================= */

@media screen and (max-width: 899px) {
.TopMainSlide .slideshow__text-wrapper {
  display: none;
} 
}

/* ================================================= */
.u-aspect-initial {
  aspect-ratio: initial;
}

.u-br-sp {
  display: block;
}

.u-br-pc {
  display: none;
}


@media screen and (min-width: 750px) {
.u-br-sp {
  display: none;
}

.u-br-pc {
  display: block;
}

}


/* ================================================= */
/* .swiper {
  width: 100%;
  height: 570px;
}
.swiper-slide {
  width: 100%;
  height: 100%;
background-size:cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.swiper-pagination-bullet {
background-color:none;
  border:white;
}
.swiper-pagination-bullet-active {
background-color:white;
}
h2 {
font-size: 40px;
}
@media screen and (max-width: 990px) {
.swiper {
height:420px;
}
} */


.swiper-container-main {
    text-align: center;
}
/* ================================================= */

.product-form__buttons button.shopify-payment-button__button {
  pointer-events: visible !important;
}

.collection-hero__description {display: none;}




/* ==================================以下より特ちゃんショップCSS==================================== */

/* =====共通====== */
@media screen and (min-width: 650px){	
  .pc { display:block; }
  .mb { display:none; }
}

@media screen and (max-width: 979px){
  .pc { display:none; }
  .mb { display:none; }
}

@media screen and (max-width: 650px){	
  .pc { display:none; }
  .mb { display:block; }
}
.tcs-page-title {
  text-align: center;
  font-size: 3rem;
}
.top_hedding {
  text-align: center;
  margin: 8rem 0 5rem;
}
.top_hedding-sub-hedding {
      font-size: 2rem;
    font-weight: bold;
    color: var(--main-color);
}
.top_hedding-main-hedding {
      font-size: 3rem;
    font-weight: bold;
    color: var(--main-color);
}
    .page-width--narrow {
        max-width: initial !important;
    }
.tcs-page-title {
     background: var(--main-color) !important;
    color: #fff !important;
    padding: 5rem 0 !important;
    font-size: 3.5rem !important;
    line-height: 1 !important;
  margin-bottom: 0 !important;
}
.tcs-main-page {
  padding: 0 !important;
}



@media (max-width: 765px) {
  .top_hedding {
    text-align: center;
    margin: 5rem 0 3rem;
}
.top_hedding-main-hedding {
    font-size: 2.5rem;
}
.top_hedding-sub-hedding {
    font-size: 1.5rem;
}
  .lorenzo_product-grid {
    margin: 0 !important;
  }
.tcs-main-page .tcs-page-title {
          font-size: 2.8rem !important;
        padding: 3rem 0 !important;
}


  
}



/* swiper*/
.swiper-slide img {
  object-fit: cover;
aspect-ratio: 4/ 2;
}
.swiper-pagination {
    z-index: 1 !important;
}
@media (max-width: 765px) {
.swiper-slide img {
  object-fit: cover;
aspect-ratio: 3/ 2;
}
.swiper-pagination {
    position: relative !important;
    margin-top: 1rem !important;
}
}


/* ヘッダー */
.header__active-menu-item {
          text-decoration: none !important;
}
.header__menu-item:hover span {
    text-decoration: underline !important;
    text-underline-offset: .3rem;
}
#HeaderMenu-bland, #HeaderMenu-catalog {
 color: var(--main-font-color);
 font-weight: 800;
 font-size: 20px;
}
.header__menu-item span {
  color: var(--main-font-color);
  font-weight: 800;
}

/* =====会社案内ページ====== */
.company_width {
  width: 80%;
  margin: 0 auto;
  padding: 8rem 0;
}
.company-hedding h2 {
      position: relative;
    padding-bottom: 1.5rem;
    padding-left: 5px;
    font-size: 3rem;
    color: var(--main-color);
}
.company-hedding h2::after {
  content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, var(--main-color) 0px, var(--main-color) 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
.company_tate {
  display: flex;
  flex-flow: column;
  gap: 5rem;
}
.company_map iframe {
  width: 100%;
}
.company_guide, .company_info {
  display: flex;
  flex-flow: column;
  gap: 2.5rem;
}
.company_imfo-table {
  width: 100%;
}
.company_imfo-table th, .company_imfo-table td {
  border-bottom: solid 1px #ccc;
      padding: 1.5rem 0;
}
.company_imfo-table th {
  width: 20%;
  border-right: solid 1px #ccc;
}
.company_imfo-table td {
  width: 80%;
      padding: 1.5rem 2.5rem !important;
}
.company_imfo-table_first {
   border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.company_img {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 3rem;
}
.company_img img {
  margin-bottom: 0;
  height: 100%;
      aspect-ratio: 4 / 2.5;
    object-fit: cover;
}

@media (max-width: 765px) {
.company_width {
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}
.company_tate {
    gap: 4rem;
}
   .company_imfo-table th {
    width: 30%;
}  
.company_imfo-table td {
    padding: 1.5rem 1.5rem !important;
}
.company_img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}
.company-hedding h2 {
    font-size: 2.5rem;
}
  
  }




/* =====商品詳細ページ====== */
.related-products__heading {
  color: var(--main-color);
}
 .related-products .card {
  background: #fff !important;
}
.related-products .card a {
  color: var(--main-color);
      font-weight: 600;
    font-size: 2rem;
}
.related-products .card .card-information .price__container {
  color: var(--main-color);
}
.Mariner_product .price-item--regular {
  color: #333;
}
.mariner-product-discription {
  color: initial;
}
.Mariner_product .shopify-payment-button__button {
  color: #fff;
}
  .Mariner_product hr {
        margin: 2rem 0 !important;
        background-color: #ccc;
    }
.Mariner_product .breadcrumb {
      font-size: 1.5rem;
}
.Mariner_product .breadcrumb a:hover {
  text-decoration: underline;
  padding-bottom: 0.8rem;
}
.product-form__submit {
  color: var(--main-color);
  border: solid 1px var(--main-color) !important;
}

.product-form__buttons .product-form__submit:hover {
  border: solid 1px var(--main-color) !important;
  opacity: 0.6;
}
.product-form__buttons .shopify-payment-button__button--unbranded:hover {
  opacity: 0.6;
  background: var(--main-color) !important;
  color: #fff !important;
}


/* =====ご利用規約ページ====== */
.terms-of-service_width {
  width: 70%;
    margin: 0 auto;
    padding: 8rem 0;
}
.terms-of-service_tate {
  display: flex;
  flex-flow: column;
  gap: 4rem;
}
@media (max-width: 765px) {

.terms-of-service_width {
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}
}




/* =====ご利用ガイドページ====== */
.tcs_Usage-guide-width {
      width: 70%;
    margin: 0 auto;
    padding: 8rem 0;
}
.tcs_Usage-guide-Content {
      display: grid;
    gap: 4rem;
}
.tcs_Usage-guideL-Content_hedding h4 {
      display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 1.5rem;
      font-size: 2.5rem;
    color: var(--main-color);
    border-bottom: solid 1.2px var(--main-color);
      font-weight: 600;
      padding: 0.5rem 1rem;
}
@media (max-width: 765px) {

.tcs_Usage-guide-width {
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}
.tcs_Usage-guide-Content {
    gap: 3rem;
}
.tcs_Usage-guideL-Content_hedding h4 {
    font-size: 2rem;
}
  
}


/* =====プライバシーポリシーページ====== */
.tcs_privacypolicy-width {
  width: 70%;
    margin: 0 auto;
    padding: 8rem 0;
}
.tcs_privacypolicy-content {
  display: grid;
  gap:3rem;
}
.tcs_privacypolicy-content_hedding {
  color: var(--main-color);
  font-weight: 600;
}
.tcs_privacypolicy-content9 a {
  color: var(--main-color) !important;
}

@media (max-width: 765px) {
.tcs_privacypolicy-width {
  width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}
.tcs_privacypolicy-content_hedding {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

  
}



/* =====特商法ページ====== */
.tcs_commerce-width {
      width: 70%;
    margin: 0 auto;
    padding: 8rem 0;
}
.tcs_commerce-content_tate {
      display: grid;
    gap: 4rem;
}
.tcs_commerce-content_hedding h4 {
      display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    color: var(--main-color);
    border-bottom: solid 1.2px var(--main-color);
    font-weight: 600;
    padding: 0.5rem 1rem;
}
.tcs_commerce-content_sub-hedding h5 {
    margin-bottom: 0.8rem;
    font-size: 2rem;
    color: var(--main-color);
    font-weight: 600;
    padding-left: 1rem;
  border-left: solid 5px var(--main-color);
}
.tcs_commerce-Content {
  display: flex;
  flex-flow: column;
  gap: 5rem;
}
.tcs_commerce-table table {
  width: 100%;
      border: solid 1px #ccc;
}
.tcs_commerce-table table th {
  text-align: start;
  width: 40%;
  border: solid 1px #ccc;
}
.tcs_commerce-table table td {
  text-align: start;
  width: 60%;
   border: solid 1px #ccc;
}
.tcs_commerce-table1 table th, .tcs_commerce-table2 table th, .tcs_commerce-table3 table th {
      padding: 1rem 1rem 1rem 0rem;
    text-align: left;
    width: 12%;
}

@media (max-width: 765px) {
.tcs_commerce-width {
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}
.tcs_commerce-content_tate {
    gap: 3rem;
}
.tcs_commerce-content_hedding h4 {
    font-size: 2rem;
}


  
}



/* ログイン画面 */
#customer_login .field input {
  background: var(--main-color);
  color: #fff;
}
#customer_login a {
  color: var(--main-color);
}
#customer_login button {
  background-color: #eee;
}
#customer_login button:after {
  box-shadow: 0 0 0 #bbb;
}



.register > h1 {
      color: var(--main-color);
    font-size: 3rem;
}
#create_customer .field input {
  background: var(--main-color);
  color: #fff;
}
#create_customer button {
  background-color: #eee;
}
#create_customer button:after {
  box-shadow: 0 0 0 #bbb;
}


/*TOPページ*/

.announcement-bar__message {
  color: #fff;
}
.mariner_title h2 {
  font-size: 5rem;
      font-weight: 900;
      color: #111;
          display: inline-block;
          position: relative;
          font-family: system-ui;
}
.mariner_title h2::after { 
    font-size: 8rem;
    left: 50%;
    opacity: 0.2;
    bottom: 0%;
    color: transparent; /* 塗りなし */
  -webkit-text-stroke: 2px var(--main-color);
    position: absolute;
    width: 250%;
    font-weight: 900;
}
.mariner_title-fearured_titlle h2::after {
content: "NEW ITEM";
}

/*コンセプト*/
 .mariner_concept-width {
            padding: 8rem 0 8rem !important;
    width: 85% !important;
    margin: 0 auto;
    }
    .mariner_concept-yoko {
      display: flex;
      gap: 5rem;
          align-items: center;
    }
    .mariner_concept-img img {
    aspect-ratio: 3.5 / 4;
    object-fit: cover;
}
.mariner_concept-content-hedding {
  display: flex;
  flex-flow: column;
  gap: 2rem;
  color: #fff;
}
.mariner_concept-content-hedding h3 {
  color: #fff;
  font-size: 3rem;
}
.mariner_concept-back {
  background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: color;
    background-color: #00000042;
}
.mariner_concept-img {
    flex-basis: 35%;
}
.mariner_concept-content-hedding {
      flex-basis: 65%;
}

/*NEWS*/
.mariner_title-news_titlle h2::after {
    content: "NEWS";
}
.mariner_blog-content {
  display: flex;
    flex-flow: column;
    gap: 3rem;
}

/*新商品*/
.mariner_collection {
  padding: 0 !important;
}
.mariner-collection_width {
      padding: 8rem 0 8rem !important;
    width: 85% !important;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 3rem;
}
.mariner_collection slider-component {
  padding: 0 !important;
  width: -webkit-fill-available !important;
}

/* 固定画像 */
.mariner_fixedImage-haco {
        height: 30rem;   
    }

/*ブランドコレクション*/
.Mariner_collection-width {
      padding: 8rem 0 8rem !important;
    width: 85% !important;
    margin: 0 auto;
}
.Mariner_collection-content {
  display: flex;
    flex-flow: column;
    gap: 3rem;
}
.Mariner_collection-brand-content-list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 3rem;
}
.Mariner_collection-brand-content-list li {
  list-style: none;
  text-align: center;
}
.mariner_ttle-collection-brand_titlle h2::after {
content: "BRAND";
}
.Mariner_collection-brand-content-list li a {
  transition: all 0.5s ease;
}
.Mariner_collection-brand-content-list li a:hover {
  opacity: 0.5;
}
/* カテゴリー */
.mariner_category-width {
padding: 8rem 0 8rem !important;
    width: 85% !important;
    margin: 0 auto;
    
}
.mariner_ttle-category_titlle h2::after {
    content: "CATEGORY";
}
.mariner_category-tate {
display: flex;
    flex-flow: column;
    gap: 3rem;
}
.mariner_category .wrapper {
  display: flex;
  flex-direction: column;
}

/* 上段 */
.mariner_category .top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.mariner_category .top .box {
  height: 200px; /* ← 上段の高さ */
  background: #ddd;
  display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
        font-size: 1.9rem;
    font-weight: 800;
    background-color: #00000061;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color;
    position: relative;
  overflow: hidden;
}
.mariner_category .top .box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: inherit; /* 親の背景を継承 */
  background-color: #00000061;
  background-blend-mode: color;
  transition: transform 0.5s ease;
  z-index: 0;
}
.mariner_category .top .box h4 {
  z-index: 1;
    color: #fff;
    font-weight: 800;
}
.mariner_category .top .box:hover::before {
transform: scale(1.1);
}

/* 下段 */
.mariner_category .bottom {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.mariner_category .bottom .square {
  aspect-ratio: 1 / 1; /* ← 正方形 */
  background: #aaa;
  display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
        font-size: 1.9rem;
    font-weight: 800;
    background-color: #00000061;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color;
    position: relative;
  overflow: hidden;
}
.mariner_category .bottom .square:hover {
background-size: 115%;
  filter: brightness(0.9);
}
.mariner_category .bottom .square::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: inherit; /* 親の背景を継承 */
  background-color: #00000061;
  background-blend-mode: color;
  transition: transform 0.5s ease;
  z-index: 0;
}
.mariner_category .bottom .square h4 {
  z-index: 1;
    color: #fff;
    font-weight: 800;
}
.mariner_category .bottom .square:hover::before {
transform: scale(1.1);
}


/* =====404ページ====== */
.mariner-404 h1 {
      font-size: 3rem;
}
.mariner-404 a {
     background-color: var(--main-color) !important;
     color: #fff;
}
.mariner-404 a:after {
  box-shadow: none !important;
}
.mariner-404 a:hover {
  opacity: 0.8;
}

/*========= カートページ ==========*/
.login-question-secton {
      display: flex;
      justify-content: center;
          align-items: center;
    gap: 3rem;
    background: #efefef52;
    padding: 2.5rem;
    width: 73%;
    margin: 0 auto;
    border-radius: 10px;
    border: double 3px var(--main-color);
}
.login-question-secton h2 {
      margin: 0;
          font-size: 2rem;
}
.login-question-secton a {
text-decoration: none;
    padding: 2rem 9rem !important;
    width: auto !important;
}
.login-question-secton a:hover {
  opacity: 0.8;
}
  .login-cart-cara {
    display: flex;
    flex-flow: column;
    gap: 3rem;
  }
  .login-cart-cara a:hover {
    opacity: 0.8;
  }
.tcs_cart_back {
      gap: 7rem !important;
}
#mariner_checkout {
      background: var(--main-color);
      width: auto;
      margin: 0;
      padding: 0.5rem 5rem;
}
.mariner_cart__blocks {
  width: 50% !important;
}
#mariner_checkout:hover {
  opacity: 0.7;
}
.cart_date-designation_date, .cart_date-designation_time {
  display: flex;
  align-items: center;
  gap: 1rem;
      justify-content: end;
}
.cart_date-designation_date label, .cart_date-designation_time label {
  font-weight: 600;
}
.mariner_cart__blocks .cart__ctas {
          justify-content: end;
    gap: 3rem;
    flex-flow: column;
    align-items: end;
}
.yuupacsitei_discription {
      text-align: end;
}
cart-remove-button a {
  color: #000 !important;
}


@media (max-width: 765px) {
  .announcement-bar__message {
    padding: 1rem 0 !important;
    min-height: 0 !important;
    line-height: 1 !important;
}
.mariner_title h2::after {
    font-size: 5.5rem;
    left: 10%;
    bottom: 14%;
    width: max-content;
}
/* 新着情報 */
.card__content {
  padding: 0 !important;
}
.mariner_blog-content {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}
.mariner_blog-post .card__information {
    flex-flow: column;
    align-items: flex-start;
    gap: 1rem;
}
.mariner_title h2 {
  font-size: 4.5rem;
}

/* 新商品 */
.mariner-collection_width {
    padding: 5rem 0 5rem !important;
    width: 90% !important;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

/* コンセプト */
.mariner_concept-width {
    padding: 5rem 0 5rem !important;
    width: 90% !important;
    margin: 0 auto;
}
.mariner_concept-yoko {
    display: flex;
    gap: 3rem;
    align-items: center;
    flex-flow: column;
}
.mariner_concept-content-hedding {
    gap: 1rem;
}
.mariner_concept-content-hedding h3 {
    color: #fff;
    font-size: 2.4rem;
}
.mariner_concept-img img {
    aspect-ratio: 5 / 3;
}

/* カテゴリー */
.mariner_category .bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.mariner_category .bottom .square:last-child:nth-child(odd) {
    grid-column: span 2;
    aspect-ratio: 2/1;
  }

.mariner_category-width {
    padding: 5rem 0 5rem !important;
    width: 90% !important;
}
.mariner_category-tate {
    gap: 2rem;
}

/* 固定画像 */
.mariner_fixedImage-haco {
    height: 20rem;
}

/* ブランド */
.Mariner_collection-width {
    padding: 5rem 0 5rem !important;
    width: 90% !important;
}
.Mariner_collection-content {
    gap: 2rem;
}
.Mariner_collection-brand-content-list {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
/*= カートページ =*/
.login-question-secton {
      flex-flow: column;
          margin: 0 auto;
              gap: 1rem;
              padding: 2rem;
                  width: 85%;
}
.login-question-secton h2 {
    font-size: 1.7rem;
}
.login-question-secton a {
    padding: 1rem 9rem !important;
}
.tcs_cart_back {
    gap: 5rem !important;
}
    .mariner-cart .tcs_cart_back {
        padding: 5rem 0 5rem;
        gap: 3rem;
    }
    .tcs_cart .cart__empty-text {
    font-size: 2.5rem !important;
}
.mariner_cart__blocks {
    width: auto !important;
}
.tax-note {
    margin-top: 2.2rem !important;
    text-align: start !important;
}
.cart__ctas {
  display: flex;
  flex-flow: column;
  gap: 3rem;
}
.yuupacsitei_discription {
      font-size: small;
}


}


/* ======================= フッター ========================== */
.footer-payment-icons-konbini img {
  width: 100%;
}
.footer-payment-icons-konbini figure {
  width: 7%;
}
.footer-payment-icons-konbini {
      display: flex;
    gap: 2rem;
    align-items: center;
}
.footer-payment-icons-sonota {
  display: flex;
    gap: 2rem;
    align-items: center;
}
.footer-payment-icons-sonota figure {
  width: 3%;
}
.footer-payment-section {
      display: flex;
    flex-flow: column;
    gap: 1rem;
    align-items: end;
}
.footer-payment-title {
  color: var(--main-color);
  font-weight: 600;
  font-size: 2rem;
}
.footer-payment-icons {
      display: flex;
    flex-flow: column;
    justify-content: end;
    text-align: end;
}
.footer-payment-icons div {
      justify-content: end;
}
.tcs-footer_list {
    justify-content: end !important;
}

 @media screen and (max-width: 750px) {
.tcs-footer_list {
    justify-content: center !important;
}
.footer-payment-section {
    align-items: center;
}
.footer-payment-icons {
    text-align: center;
} 
.footer-payment-icons div {
    justify-content: center;
}
.footer-payment-icons-konbini figure {
    width: 20%;
}
footer-payment-icons-sonota figure {
    width: 8%;
}
.footer-payment-icons-sonota figure {
    width: 10%;
}


 }