@charset "EUC-JP";
.c-top-informationMessage .c-sns {
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin-top:30px;
  gap:20px;
}
@media screen and (max-width:1024px){
  .c-top-informationMessage .c-sns {
  gap:5px;
}
  .c-top-informationMessage .c-sns a {
   width:50px !important; 
  }
}
.c-top-firstView{
  --firstViewSlideHeight:auto;
}
.c-top-firstView.withNews{
  --firstViewSlideHeight:calc(100vh - 70px);
}
.c-top-firstView{
  width:100%;
  height:auto;
  overflow:hidden;
}

.slide-arrow {
  width:40px !important;
  cursor:pointer;
    position: absolute;
  top: 45%;
 transform:translateY(-50%);
  z-index:100;
}
.prev-arrow{
  left: 0;
  
}
.next-arrow{
  right: 0;
  
}
.slide-dots{
     position: absolute;
  width:100%;
  bottom:20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
@media screen and (max-width:1024px){
  .slide-dots{

  bottom:10px;
  }
}
.slide-dots  li{
position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 0;
    margin: 0 10px;

}
  .slide-dots  button{
font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

    .slick-active   button:after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border-radius: 50%;
    border: 1px solid #ffffff;
      }
.c-top-firstView a,
.c-top-firstView img,
.c-top-firstView picture{
  width:100%;
  height:auto;
  display:block;
  outline:none;
}
.c-top-firstView img{
  object-fit:contain;
  object-position:center;
}
.c-top-firstView a:hover{
  opacity:1;
}

@media screen and (max-width:1024px){
  .c-top-firstView{
    --firstViewSlideHeight:calc(100vh - 60px);
    --firstViewSlideHeight:calc(100svh - 60px);
  }
  .c-top-firstView.withNews{
    --firstViewSlideHeight:calc(100vh - 60px - 100px);
    --firstViewSlideHeight:calc(100svh - 60px - 100px);
  }
}
.c-top-news{
  --topNewsHeight:70px;
  width:100%;
  height:var(--topNewsHeight);
  position:relative;
  z-index:2;
}
.c-top-news::before{
  content:"";
  width:calc(100% - 120px);
  height:100%;
  left:0;
  top:0;
  position:absolute;
  background:var(--defaultColor);
  opacity:0.05;
}
.c-top-news .l-content{
  height:var(--topNewsHeight);
  overflow:hidden;
  position:relative;
}

@media screen and (min-width:1025px){
  .c-top-news .l-content{
    padding-right:120px;
  }
}
.c-top-news a,.c-top-news span{
  font-size:16px;
  height:var(--topNewsHeight);
  line-height:var(--topNewsHeight);
  white-space:nowrap;
  width:100%;
  text-overflow:ellipsis;
  display:block;
  color:var(--defaultColor);
  overflow:hidden;
}
.c-top-news a:hover{
  text-decoration:underline;
}
.c-top-newsListNext,.c-top-newsListPrev{
  width:60px;
  height:var(--topNewsHeight);
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  z-index:3;
}
.c-top-newsListPrev{
  right:60px;
}
.c-top-newsListNext::before,.c-top-newsListPrev::before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:var(--defaultColor);
  opacity:0.05;
}
.c-top-newsListNext::after,.c-top-newsListPrev::after{
  content:"";
  width:10px;
  height:10px;
  position:absolute;
  top:calc(50% - 5px);
  transition:right 0.2s ease-out,left 0.2s ease-out;
}
.c-top-newsListPrev::after{
  right:5px;
  border-top:1px solid var(--defaultColor);
  border-left:1px solid var(--defaultColor);
  transform:rotate(-45deg);
}
.c-top-newsListNext::after{
  left:5px;
  border-top:1px solid var(--defaultColor);
  border-right:1px solid var(--defaultColor);
  transform:rotate(45deg);
}

@media screen and (max-width:1024px){
  .c-top-news{
    --topNewsHeight:100px;
    display:flex;
    align-items:center;
  }
  .c-top-news::before{
    width:100%;
  }
  .c-top-news a,.c-top-news span{
    font-size:14px;
    line-height:20px;
    height:60px;
    white-space:normal;
    width:100%;
    padding-right:0;
    margin-top:20px;
    display:-webkit-box;
    display:box;
    overflow:hidden;
    -webkit-line-clamp:3;
    line-clamp:3;
    -webkit-box-orient:vertical;
    box-orient:vertical;
  }
  .c-top-newsListNext,.c-top-newsListPrev{
    width:35px;
    height:35px;
  }
  .c-top-newsListPrev{
    right:37px;
  }
  .c-top-newsListNext::before,.c-top-newsListPrev::before{
    content:none;
  }
  .c-top-newsListNext::after,.c-top-newsListPrev::after{
    content:"";
    width:6px;
    height:6px;
    position:absolute;
    top:calc(50% - 3px);
    transition:right 0.2s ease-out,left 0.2s ease-out;
  }
  .c-top-newsListPrev::after{
    right:5px;
    border-top:1px solid var(--defaultColor);
    border-left:1px solid var(--defaultColor);
    transform:rotate(-45deg);
  }
  .c-top-newsListNext::after{
    left:5px;
    border-top:1px solid var(--defaultColor);
    border-right:1px solid var(--defaultColor);
    transform:rotate(45deg);
  }
}
.c-top-information{
  margin-top:0;
}
.c-top-informationImage{
  width:100%;
  position:relative;
  background-image: url(https://img20.shop-pro.jp/PA01300/386/etc_base64/YWJvdXRfaW1n.jpg?cmsp_timestamp=20240619210505);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.c-top-informationImage::before{
  content:"";
  padding-top:59.61%;
  display:block;
}
.c-top-informationMessage{
  width:100%;
  max-width:100%;
  padding:30px 60px 0px 60px;
  line-height:200%;
  margin:0 auto 0 auto;
  background:#fff;
  position:relative;
  z-index:3;
  background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
    background-position: calc(100% + 2px) center;
    background-repeat: no-repeat;
    background-size: 424px 436px;
}

@media screen and (max-width:1024px){
  .c-top-informationMessage{
    width:calc(100% - 8vw);
    max-width:100%;
    padding:30px 4vw 0 4vw;
    line-height:180%;
    margin:-4vw auto 0 auto;
            background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
        background-position: calc(100% + 6.933vw) 19.333vw;
        background-repeat: no-repeat;
        background-size: 51.333vw 52.267vw;
  }
}
.c-top-interval,
.c-top-ranking,
.c-top-message,
.c-top-freespace{
  margin-top:120px;
}

@media screen and (max-width:1024px){
  .c-top-interval,
  .c-top-ranking,
  .c-top-message,
  .c-top-freespace{
    margin-top:50px;
  }
}
.c-top-intervalImage{
  width:100%;
  max-height: 40vw;
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-top-intervalImage img{
  position:static;
}
.c-top-ranking .c-sliderPrev{
  position:absolute;
  right:52px;
  top:50%;
  transform:translatey(-50%);
}
.c-top-ranking .c-sliderNext{
  position:absolute;
  right:0;
  top:50%;
  transform:translatey(-50%);
}

@media screen and (max-width:1024px){
  .c-top-ranking .c-sliderPrev{
    right:37px;
  }
}
.c-top-messageImage{
  width:100%;
  position:relative;
}
.c-top-messageImage::before{
  content:"";
  padding-top:48.08%;
  display:block;
}
.c-top-message .l-content{
  width:100%;
  margin-top:40px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.c-top-messageManager{
  width:33%;
}
.c-top-messageComment{
  width:calc(100% - 33% - 40px);
  line-height:200%;
}
.c-top-messageManagerName{
  font-family:var(--boldfont);
  font-weight:bold;
  font-size:24px;
  line-height:150%;
}
.c-top-messageLink{
  display:inline-block;
  margin-top:1em;
  color:var(--defaultColor);
  font-size:16px;
  line-height:150%;
  position:relative;
}
.c-top-messageLink::before{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  left:0;
  bottom:0;
  background:var(--defaultColor);
  opacity:0.5;
}

@media screen and (max-width:1024px){
  .c-top-messageImage{
    width:100%;
    position:relative;
  }
  .c-top-message .l-content{
    display:block;
  }
  .c-top-messageManager{
    width:100%;
    text-align:center;
  }
  .c-top-messageComment{
    width:100%;
    line-height:180%;
    margin-top:40px;
  }
  .c-top-messageManagerName{
    font-size:20px;
  }
  .c-top-messageLink{
    display:inline-block;
    margin-top:1em;
    color:var(--defaultColor);
    font-size:16px;
    line-height:150%;
    position:relative;
  }
}
*[data-parallax] img {
  height:120%;
}


.ts-index-title {
    position: relative;
    font-size: 42px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0.15rem;
    color: #000000;
    padding-bottom: 32px;
  font-family: "Noto Serif JP", serif !important;
  
}
.ts-index-title::after {
    content: "";
    position: absolute;
    width: 155px;
    height: 18px;
    bottom: 0;
    left: calc(50% - 77.5px);
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ts-index-recommend-section {
    width: 100%;
    margin: 0;
}
.ts-index-recommend-list-outer {
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
    background-position: calc(100% + 161px) center;
    background-repeat: no-repeat;
    background-size: 674px 686px;
}
.ts-index-recommend-title {
    text-align: center;
    margin: 58px 0 0;
}
.ts-index-recommend-list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 60px 140px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.ts-index-recommend-list-item {
    width: calc((100% - 165px) / 4);
    margin: 0 55px 45px 0;
}
.ts-index-recommend-list-item:nth-child(4n) {
    margin: 0 0 45px 0;
}
.ts-index-recommend-list-item-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}
::-webkit-full-page-media, :future, :root .ts-index-recommend-list-item-inner {
    height: calc((1080px - 165px) / 4);
    overflow: hidden;
}
.ts-index-recommend-list-item-inner img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: all 0.3s;
}
::-webkit-full-page-media, :future, :root .ts-index-recommend-list-item-inner img {
    height: calc((1080px - 165px) / 4);
}
.ts-index-recommend-list-item-inner a:hover img {
    opacity: 0.7;
}
.ts-index-recommend-list-item-inner-like {
    position: absolute;
    bottom: 8px;
    right: 10px;
    font-size: 20px;
    color: #d8d8d8;
    cursor: pointer;
}
.ts-index-recommend-list-item-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
    margin-bottom: 20px;
}
.ts-index-recommend-list-item-price {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
}
.ts-index-recommend-outer {
    width: 100%;
    margin: 100px 0 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-texture-bg01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ts-index-recommend-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  padding:50px 0;
}
.ts-index-recommend-col {
    flex-shrink: 0;
    width: 700px;
    height: auto;
    margin: 0;
}
.ts-index-recommend-col.reverse {
    order: 2;
}
.ts-index-recommend-col.col-bg.reverse {
    order: 1;
}
.ts-index-recommend-col-inner.col-img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 488px;
}
.ts-index-recommend-col-inner.col-img img {
    width: 100%;
    height: 488px;
    object-fit: cover;
}
.ts-index-recommend-col-inner.col-text {
    display: flex;
    flex-flow: column;
    /*justify-content: center;*/
    align-items: flex-start;
    width: 700px;
    height: auto;
    padding: 30px 80px 0 80px;
    margin-right: auto;
}
.reverse .ts-index-recommend-col-inner.col-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 700px;
    height: 488px;
    padding: 0 80px 0 160px;
    margin-left: auto;
}
.ts-index-recommend-col-title {
    position: relative;
  width:100%;
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.15rem;
    color: #ffffff;
    padding-bottom: 20px;
    text-align: center;
    margin: 0 0 12px;
}
.ts-index-recommend-col-title::after {
    content: "";
    position: absolute;
    width: 155px;
    height: 18px;
    bottom: 0;
    left: 50%;
  transform:translateX(-50%);
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ts-index-recommend-col-subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.075rem;
    color: #ffffff;
  width:100%;
    text-align: center;
  margin:20px 0;
}
.ts-index-recommend-col-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #ffffff;
    text-align: center;
  width:100%;
    margin-bottom: 20px;
}
.ts-index-recommend-col-link {
  margin:0 auto;
}
.ts-index-recommend-col-link a {
    margin:0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    height: 60px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.075rem;
    color: #d92e06;
    text-align: center;
    transition: all 0.3s;
}
.ts-index-recommend-col-link a::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: calc(50% - 4.5px);
    right: 30px;
    border-top: 1px solid #d92e06;
    border-right: 1px solid #d92e06;
    transform: rotate(45deg);
    transition: all 0.3s;
}
.ts-index-recommend-col-link a:hover {
    background-color: #ffffff00;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.ts-index-recommend-col-link a:hover:after {
    right: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.ts-index-recipe-outer {
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-recipe-bg01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ts-index-recipe-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 60px 75px;
}
.ts-index-recipe-list {
    position: relative;
    width: 100%;
}
.ts-index-recipe-list-item-inner {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.ts-index-recipe-list-item-img {
    flex-shrink: 0;
    width: 540px;
}
.ts-index-recipe-list-item-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.3s;
}
.ts-index-recipe-list-item-img a:hover img {
    opacity: 0.7;
}
.ts-index-recipe-list-item-col {
    padding-left: 70px;
}
.ts-index-recipe-list-item-col-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.15rem;
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
}
.ts-index-recipe-list-item-col-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
    margin-bottom: 40px;
}
.ts-index-recipe-list .slick-dots {
    width: 540px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 0;
    margin-top: 27px;
}
.ts-index-recipe-list .slick-dots li {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000000;
    font-size: 0;
    margin: 0 10px;
}
.ts-index-recipe-list .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: calc(50% - 9px);
    left: calc(50% - 9px);
    border-radius: 50%;
    border: 1px solid #000000;
}
.ts-index-blog-section {
    width: 100%;
    margin: 0;
}
.ts-index-blog-list-outer {
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
    background-position: calc(100% + 161px) center;
    background-repeat: no-repeat;
    background-size: 674px 686px;
    padding-top: 80px;
}
.ts-index-blog-title {
    text-align: center;
    margin: 0 0 70px;
    padding-bottom: 25px;
}
.ts-index-blog-title span {
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.15rem;
    color: #000000;
  margin-top:10px;
  display:block;
}
.ts-index-blog-list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.ts-index-blog-list-item {
    width: calc((100% - 110px) / 3);
    margin: 0 55px 50px 0;
}
.ts-index-blog-list-item:nth-child(3n) {
    margin: 0 0 50px 0;
}
.ts-index-blog-list-item-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 324 / 224;
    margin-bottom: 20px;
}
::-webkit-full-page-media, :future, :root .ts-index-blog-list-item-inner {
    height: calc(324px * 224 / 324);
}
.ts-index-blog-list-item-inner img {
    width: 100%;
    aspect-ratio: 324 / 224;
    object-fit: cover;
    transition: all 0.3s;
}
::-webkit-full-page-media, :future, :root .ts-index-blog-list-item-inner img {
    height: calc(324px * 224 / 324);
}
.ts-index-blog-list-item-inner a:hover img {
    opacity: 0.7;
}
.ts-index-blog-list-item-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
    margin-bottom: 20px;
}
.ts-index-blog-list-item-title a {
      color: #000000;
}
.ts-index-blog-list-item-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ts-index-blog-list-item-cat li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #d92e06;
    background-color: #d92e0600;
    margin-right: 10px;
    padding: 0 7px;
    border: 1px solid #d92e06;
    transition: all 0.3s;
}
.ts-index-blog-list-item-cat li a:hover {
    color: #ffffff;
    background-color: #d92e06;
}
.ts-index-blog-catlist {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 70px;
    padding: 25px;
    background-color: #f5f5f5;
}
.ts-index-blog-catlist-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ts-index-blog-catlist-ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 35px;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.075rem;
    color: #d92e06;
    background-color: #d92e0600;
    margin-right: 10px;
    padding: 0 8.5px;
    border: 1px solid #d92e06;
    transition: all 0.3s;
}
.ts-index-blog-catlist-ul li a:hover {
    color: #ffffff;
    background-color: #d92e06;
}
.ts-index-blog-link {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 80px;
}
.ts-index-blog-link a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    height: 60px;
    background-color: #d92e06;
    border: 1px solid #d92e06;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.075rem;
    color: #ffffff;
    text-align: center;
    transition: all 0.3s;
}
.ts-index-blog-link a::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: calc(50% - 4.5px);
    right: 30px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    transition: all 0.3s;
}
.ts-index-blog-link a:hover {
    background-color: #d92e0600;
    border: 1px solid #d92e06;
    color: #d92e06;
}
.ts-index-blog-link a:hover:after {
    right: 20px;
    border-top: 1px solid #d92e06;
    border-right: 1px solid #d92e06;
}
.ts-index-order-section {
    width: 100%;
    margin: 0 0 140px 0;
}
.ts-index-order-outer {
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-order-bg01.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
}
.ts-index-order-wrap {
  padding:50px 0 ;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.ts-index-order-col {
    flex-shrink: 0;
    width: 700px;
    height: auto;
    margin: 0;
}
.ts-index-order-col-inner.col-img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 488px;
}
.ts-index-order-col-inner.col-img img {
    width: 100%;
    height: 488px;
    object-fit: cover;
}
.ts-index-order-col-inner.col-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 700px;
    height: auto;
    padding: 30px 80px 0 80px;
    margin-right: auto;
}
.reverse .ts-index-order-col-inner.col-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 700px;
    height: 488px;
    padding: 0 80px 0 160px;
    margin-left: auto;
}
.ts-index-order-col-title {
  text-align:center;
    position: relative;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0.15rem;
    color: #000000;
    padding-bottom: 23px;
    text-align: center;
  width:100%;
    margin: 0 0 32px;
}
.ts-index-order-col-title::after {
    content: "";
    position: absolute;
    width: 155px;
    height: 18px;
    bottom: 0;
    left: 50%;
  transform:translateX(-50%);
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ts-index-order-col-subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
}
.ts-index-order-col-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
/*    letter-spacing: 0.075rem;*/
    color: #000000;
    text-align: center;
  width:100%;
    margin-bottom: 20px;
}
.ts-index-order-col-link {
  margin:0 auto;
}
.ts-index-order-col-link a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    height: 60px;
    background-color: #d92e06;
    border: 1px solid #d92e06;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.075rem;
    color: #ffffff;
    text-align: center;
    transition: all 0.3s;
}
.ts-index-order-col-link a::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: calc(50% - 4.5px);
    right: 30px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    transition: all 0.3s;
}
.ts-index-order-col-link a:hover {
    background-color: #d92e0600;
    border: 1px solid #d92e06;
    color: #d92e06;
}
.ts-index-order-col-link a:hover:after {
    right: 20px;
    border-top: 1px solid #d92e06;
    border-right: 1px solid #d92e06;
}
.ts-index-company-section {
    width: 100%;
    margin: 0;
}
.ts-index-company-outer {
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-company-bg01.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
}
.ts-index-company-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  padding:50px 0;
}
.ts-index-company-col {
    flex-shrink: 0;
    width: 700px;
    height: auto;
    margin: 0;
}
.ts-index-company-col-inner.col-img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 488px;
}
.ts-index-company-col-inner.col-img img {
    width: 100%;
    height: 488px;
    object-fit: cover;
}
.ts-index-company-col-inner.col-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 700px;
    height: auto;
    padding: 40px 80px 0 80px;
    margin-right: auto;
}
.reverse .ts-index-company-col-inner.col-text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 700px;
    height: auto;
    padding: 40px 80px 0 80px;
    margin-left: auto;
}
.ts-index-company-col-title {
    position: relative;
    font-size: 42px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: 0.15rem;
    color: #000000;
    padding-bottom: 23px;
    text-align: center;
  width:100%;
    margin: 0 0 12px;
}
.ts-index-company-col-title::after {
    content: "";
    position: absolute;
    width: 155px;
    height: 18px;
    bottom: 0;
    left: 50%;
  transform:translateX(-50%);
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ts-index-company-col-subtitle {
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
  width:100%;
}
.ts-index-company-col-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: center;
    width:100%;
    margin-bottom: 40px;
}
.ts-index-company-col-link {
  margin:0 auto;
}
.ts-index-company-col-link a {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
  margin:0 auto;
    text-decoration: underline;
}

.ts-blog-content-article-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
}
.post-categories,
.ts-blog-content-article-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  list-style:none;
}
.post-categories li a,
.ts-blog-content-article-cat li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #d92e06;
    background-color: #d92e0600;
    margin-left: 10px;
    padding: 0 7px;
    border: 1px solid #d92e06;
    transition: all 0.3s;
}
.post-categories li:first-child a,
.ts-blog-content-article-cat li:first-child a {
    margin-left: 0;
}
.post-categories li a:hover,
.ts-blog-content-article-cat li a:hover {
    color: #ffffff;
    background-color: #d92e06;
}
.ts-blog-content-tag {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 10px;
}
.ts-blog-content-tag-title {
    flex-shrink: 0;
    width: 4em;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
}
.ts-blog-content-tag-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ts-blog-content-tag-ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #000000;
    background-color: #00000000;
    margin-right: 10px;
    padding: 0 7px;
    border: 1px solid #000000;
    transition: all 0.3s;
}
.ts-blog-content-tag-ul li a:hover {
    color: #ffffff;
    background-color: #000000;
}
.ts-blog-content-cat {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 10px;
}
.ts-blog-content-cat-title {
    flex-shrink: 0;
    width: 7em;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #000000;
    text-align: left;
}
.ts-blog-content-cat-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ts-blog-content-cat-ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.075rem;
    color: #d92e06;
    background-color: #d92e0600;
    margin-right: 10px;
    padding: 0 7px;
    border: 1px solid #d92e06;
    transition: all 0.3s;
}
.ts-blog-content-cat-ul li a:hover {
    color: #ffffff;
    background-color: #d92e06;
}

body {

    font-family:"Yu Gothic", "游ァ­ã‚·ãƒƒã‚¯", YuGothic, "游ァ­ã‚·ãƒƒã‚¯ä½¡È", "メÇラギノè¡ø¡Çã‚¡­ Pro W3", "メイリオ", sans-serif;
}
.min {
font-family: "Noto Serif JP", serif;
}
.is-pc {
    display: block !important;
}
.is-sp {
    display: none !important;
}

.ts-index-news-section {
    position: relative;
    width: 100%;
    margin: 0;
    background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-texture-bg01.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
}
.ts-index-news-dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.075rem;
    color: #ffffff;
}
.ts-index-news-dl dt {
    width: 120px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.075rem;
    color: #ffffff;
}
.ts-index-news-dl dd {
    width: calc(100% - 120px);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.075rem;
    color: #ffffff;
    margin-bottom: 20px;
}
.ts-index-news-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.075rem;
    color: #ffffff;
  list-style:none;
}
.ts-index-news-ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.075rem;
    color: #ffffff;
    margin-bottom: 20px;
    text-align: center;
}
.ts-index-news-ul li a {
  color:#fff;
  text-decoration:none;
}
@media screen and (max-width: 750px) {
      .is-pc {
        display: none !important;
    }
    .is-sp {
        display: block !important;
    }
   .ts-index-title {
        position: relative;
        font-size: 8.667vw;
        font-weight: 500;
        line-height: 11.333vw;
        letter-spacing: 0.15rem;
        color: #000000;
        padding-bottom: 8.8vw;
    }
    .ts-index-title::after {
        content: "";
        position: absolute;
        width: 41.333vw;
        height: 4.8vw;
        bottom: 0;
        left: calc(50% - 20.667vw);
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .ts-index-recommend-section {
        width: 100%;
        margin: 0;
            padding-top:70px;
      padding-bottom:70px;
    }
    .ts-index-recommend-list-outer {
        width: 100%;
        margin: 0;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
        background-position: calc(100% + 6.933vw) 0;
        background-repeat: no-repeat;
        background-size: 51.333vw 52.267vw;
    }
    .ts-index-recommend-title {
        text-align: center;
        margin: 6vw 0 4vw;
        padding-top: 0;
    }
    .ts-index-recommend-list {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 4vw 25.333vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .ts-index-recommend-list-item {
        width: calc((100% - 4vw) / 2);
        margin: 0 0 7.333vw 0;
    }
    .ts-index-recommend-list-item:nth-child(2n) {
        margin: 0 0 7.333vw 0;
    }
    .ts-index-recommend-list-item-inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        background-color: #f5f5f5;
        margin-bottom: 5.067vw;
    }
    ::-webkit-full-page-media, :future, :root .ts-index-recommend-list-item-inner {
        height: auto;
        overflow: hidden;
    }
    .ts-index-recommend-list-item-inner img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        transition: all 0.3s;
    }
    ::-webkit-full-page-media, :future, :root .ts-index-recommend-list-item-inner img {
        height: auto;
    }
    .ts-index-recommend-list-item-inner a:hover img {
        opacity: 0.7;
    }
    .ts-index-recommend-list-item-inner-like {
        position: absolute;
        bottom: 1.867vw;
        right: 1.867vw;
        font-size: 3.867vw;
        color: #d8d8d8;
        cursor: pointer;
    }
    .ts-index-recommend-list-item-name {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        margin-bottom: 2vw;
    }
    .ts-index-recommend-list-item-price {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
    }
    .ts-index-recommend-outer {
        width: calc(100% - 8vw);
        margin: 0 4vw 6vw;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-texture-bg01.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ts-index-recommend-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .ts-index-recommend-col {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .ts-index-recommend-col.reverse {
        order: 1;
    }
    .ts-index-recommend-col.col-bg.reverse {
        order: 2;
    }
    .ts-index-recommend-col-inner.col-img {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 64vw;
    }
    .ts-index-recommend-col-inner.col-img img {
        width: 100%;
        height: 64vw;
        object-fit: cover;
    }
    .ts-index-recommend-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 8vw 8.667vw 0;
        margin-right: auto;
    }
    .reverse .ts-index-recommend-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 8vw 8.667vw;
        margin-right: auto;
    }
    .ts-index-recommend-col-title {
        position: relative;
        font-size: 7.2vw;
        font-weight: 500;
        line-height: 7.2vw;
        letter-spacing: 0.15rem;
        color: #ffffff;
        padding-bottom: 6.667vw;
        text-align: left;
        margin: 0 0 5.333vw;
    }
    .ts-index-recommend-col-title::after {
        content: "";
        position: absolute;
        width: 31.067vw;
        height: 3.6vw;
        bottom: 0;
        left: 50%;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg02.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .ts-index-recommend-col-subtitle {
        font-size: 4.8vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        text-align: left;
    }
    .ts-index-recommend-col-text {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        text-align: left;
        margin-bottom: 6vw;
    }
    .ts-index-recommend-col-link {
        width: 100%;
    }
    .ts-index-recommend-col-link a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 14.667vw;
        background-color: #ffffff;
        font-size: 4.267vw;
        font-weight: 500;
        line-height: 14.667vw;
        letter-spacing: 0.075rem;
        color: #d92e06;
        text-align: center;
        transition: all 0.3s;
    }
    .ts-index-recommend-col-link a::after {
        content: "";
        position: absolute;
        width: 2.4vw;
        height: 2.4vw;
        top: calc(50% - 1.2vw);
        right: 6.133vw;
        border-top: 1px solid #d92e06;
        border-right: 1px solid #d92e06;
        transform: rotate(45deg);
        transition: all 0.3s;
    }
    .ts-index-recommend-col-link a:hover {
        background-color: #d92e06;
        border: 1px solid #ffffff;
        color: #ffffff;
    }
    .ts-index-recommend-col-link a:hover:after {
        right: 4.8vw;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }
    .ts-index-recipe-outer {
        width: 100%;
        margin: 8vw 0 0 0;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-recipe-bg01.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ts-index-recipe-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: calc(100% - 8vw);
        margin: 0 4vw;
        padding: 8vw 0;
    }
    .ts-index-recipe-list {
        position: relative;
        width: 100%;
    }
    .ts-index-recipe-list-item-inner {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }
    .ts-index-recipe-list-item-img {
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 12vw;
    }
    .ts-index-recipe-list-item-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 69 / 40;
        object-fit: contain;
        transition: all 0.3s;
    }
    .ts-index-recipe-list-item-img a:hover img {
        opacity: 0.7;
    }
    .ts-index-recipe-list-item-col {
        padding-left: 0;
    }
    .ts-index-recipe-list-item-col-title {
        font-size: 8vw;
        font-weight: 600;
        line-height: 8vw;
        letter-spacing: 0.15rem;
        color: #000000;
        text-align: center;
        margin-bottom: 4.667vw;
    }
    .ts-index-recipe-list-item-col-text {
        font-size:4.267vw;
        /*font-size: 3.733vw;*/
         /*font-size: 16px;*/
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
        margin-bottom: 6vw;
    }
    .ts-index-recipe-list .slick-dots {
        position: absolute;
        top: 57.6vw;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
        bottom: auto;
    }
    .ts-index-recipe-list .slick-dots li {
        position: relative;
        width: 1.6vw;
        height: 1.6vw;
        border-radius: 50%;
        background-color: #000000;
        font-size: 0;
        margin: 0 1.667vw;
    }
    .ts-index-recipe-list .slick-dots li.slick-active::after {
        content: "";
        position: absolute;
        width: 3.2vw;
        height: 3.2vw;
        top: calc(50% - 1.6vw);
        left: calc(50% - 1.6vw);
        border-radius: 50%;
        border: 1px solid #000000;
    }
    .ts-index-blog-section {
        width: 100%;
        margin: 0;
    }
    .ts-index-blog-list-outer {
        width: 100%;
        margin: 0;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-salmon-bg01.png);
        background-position: calc(100% + 6.933vw) 19.333vw;
        background-repeat: no-repeat;
        background-size: 51.333vw 52.267vw;
        padding-top: 0;
    }
    .ts-index-blog-title {
        text-align: center;
        margin: 0 0 12vw;
        padding-bottom: 6.786vw;
        line-height: 8.333vw;
    }
    .ts-index-blog-title span {
        font-size: 4.267vw;
        font-weight: 500;
        line-height: 4.267vw;
        letter-spacing: 0;
        color: #000000;
    }
    .ts-index-blog-list {
        width: 100%;
        max-width: calc(100% - 8vw);
        margin: 0 4vw;
        padding: 0 0;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ts-index-blog-list-item {
        width: 100%;
        margin: 0 0 10.667vw 0;
    }
    .ts-index-blog-list-item:nth-child(3n) {
        margin: 0 0 10.667vw 0;
    }
    .ts-index-blog-list-item-inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 324 / 224;
        margin-bottom: 5.067vw;
    }
    ::-webkit-full-page-media, :future, :root .ts-index-blog-list-item-inner {
        height: auto;
    }
    .ts-index-blog-list-item-inner img {
        width: 100%;
        aspect-ratio: 324 / 224;
        object-fit: cover;
        transition: all 0.3s;
    }
    ::-webkit-full-page-media, :future, :root .ts-index-blog-list-item-inner img {
        height: auto;
    }
    .ts-index-blog-list-item-inner a:hover img {
        opacity: 0.7;
    }
    .ts-index-blog-list-item-title {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        margin-bottom: 5.6vw;
    }
    .ts-index-blog-list-item-cat {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .ts-index-blog-list-item-cat li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 7.333vw;
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 7.333vw;
        letter-spacing: 0.075rem;
        color: #d92e06;
        background-color: #d92e0600;
        margin-right: 2.667vw;
        padding: 0 1.8vw;
        border: 1px solid #d92e06;
        transition: all 0.3s;
    }    
    .ts-index-blog-catlist {
        width: 100%;
        max-width: calc(100% - 8vw);
        margin: 0 4vw 10.667vw;
        padding: 8vw 8.667vw 5.333vw;
        background-color: #f5f5f5;
    }
    .ts-index-blog-catlist-ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .ts-index-blog-catlist-ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 9.333vw;
        font-size: 4.8vw;
        font-weight: 500;
        line-height: 9.333vw;
        letter-spacing: 0.075rem;
        color: #d92e06;
        background-color: #d92e0600;
        margin: 0 2.667vw 2.667vw 0;
        padding: 0 2.267vw;
        border: 1px solid #d92e06;
        transition: all 0.3s;
    }
    .ts-index-blog-link {
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 24vw;
    }
    .ts-index-blog-link a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 74.667vw;
        height: 14.667vw;
        background-color: #d92e06;
        border: 1px solid #d92e06;
        font-size: 4.267vw;
        font-weight: 500;
        line-height: 14.667vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        text-align: center;
    }
    .ts-index-blog-link a::after {
        content: "";
        position: absolute;
        width: 2.4vw;
        height: 2.4vw;
        top: calc(50% - 1.2vw);
        right: 6.133vw;
        border-top: 1px solid #d92e06;
        border-right: 1px solid #d92e06;
        transform: rotate(45deg);
        transition: all 0.3s;
    }
    .ts-index-blog-link a:hover {
        background-color: #ffffff;
        border: 1px solid #d92e06;
        color: #d92e06;
    }
    .ts-index-blog-link a:hover:after {
        right: 4.8vw;
        border-top: 1px solid #d92e06;
        border-right: 1px solid #d92e06;
    }
    .ts-index-order-section {
        width: 100%;
        margin: 0 0 10vw 0;
    }
    .ts-index-order-outer {
        width: calc(100% - 8vw);
        margin: 0 4vw;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-order-bg01.jpg);
        background-position: center center;
        background-repeat: repeat;
        background-size: contain;
    }
    .ts-index-order-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .ts-index-order-col {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .ts-index-order-col-inner.col-img {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 64.267vw;
    }
    .ts-index-order-col-inner.col-img img {
        width: 100%;
        height: 64.267vw;
        object-fit: cover;
    }
    .ts-index-order-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 8vw 8.667vw;
        margin-right: auto;
    }
    .reverse .ts-index-order-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100;
        height: auto;
        padding: 8vw 8.667vw;
        margin-left: auto;
    }
    .ts-index-order-col-title {
        position: relative;
        font-size: 7.2vw;
        font-weight: 500;
        line-height: 7.2vw;
        letter-spacing: 0.15rem;
        color: #000000;
        padding-bottom: 6.667vw;
        text-align: center;
        margin: 0 0 5.333vw;
    }
    .ts-index-order-col-title::after {
        content: "";
        position: absolute;
        width: 31.067vw;
        height: 3.6vw;
        bottom: 0;
        left: 50%;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .ts-index-order-col-subtitle {
        font-size: 4.8vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
    }
    .ts-index-order-col-text {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
        margin-bottom: 6vw;
    }
    .ts-index-order-col-link {
        width: 100%;
    }    
    .ts-index-order-col-link a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 14.667vw;
        background-color: #d92e06;
        border: 1px solid #d92e06;
        font-size: 4.267vw;
        font-weight: 500;
        line-height: 14.667vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        text-align: center;
        transition: all 0.3s;
    }
    .ts-index-order-col-link a::after {
        content: "";
        position: absolute;
        width: 2.4vw;
        height: 2.4vw;
        top: calc(50% - 1.2vw);
        right: 6.133vw;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        transform: rotate(45deg);
        transition: all 0.3s;
    }
    .ts-index-order-col-link a:hover {
        background-color: #ffffff;
        border: 1px solid #d92e06;
        color: #d92e06;
    }
    .ts-index-order-col-link a:hover:after {
        right: 4.8vw;
        border-top: 1px solid #d92e06;
        border-right: 1px solid #d92e06;
    }
   .ts-index-company-section {
        width: 100%;
        margin: 0;
    }
    .ts-index-company-outer {
        width: calc(100% - 8vw);
        margin: 0 4vw;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-company-bg01.jpg);
        background-position: center center;
        background-repeat: repeat;
        background-size: contain;
    }
    .ts-index-company-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .ts-index-company-col {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .ts-index-company-col-inner.col-img {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 64.267vw;
    }
    .ts-index-company-col-inner.col-img img {
        width: 100%;
        height: 64.267vw;
        object-fit: cover;
    }
    .ts-index-company-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 8vw 8.667vw;
        margin-right: auto;
    }
    .reverse .ts-index-company-col-inner.col-text {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 8vw 8.667vw;
        margin-right: auto;
    }
    .ts-index-company-col-title {
        position: relative;
        font-size: 7.2vw;
        font-weight: 500;
        line-height: 7.2vw;
        letter-spacing: 0.15rem;
        color: #000000;
        padding-bottom: 6.667vw;
        text-align: center;
        margin: 0 0 5.333vw;
    }
    .ts-index-company-col-title::after {
        content: "";
        position: absolute;
        width: 31.067vw;
        height: 3.6vw;
        bottom: 0;
        left: 50%;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-title-bg01.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .ts-index-company-col-subtitle {
        font-size: 4.8vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
        margin-bottom: 2vw;
    }
    .ts-index-company-col-text {
        font-size: 3.733vw;
        font-weight: 500;
        line-height: 6vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
        margin-bottom: 6vw;
    }
    .ts-index-company-col-link a {
        font-size: 4.267vw;
        font-weight: 500;
        line-height: 4.267vw;
        letter-spacing: 0.075rem;
        color: #000000;
        text-align: left;
        text-decoration: underline;
    }
    .ts-index-news-section {
        position: relative;
        width: 100%;
        margin: 0;
        background-image: url(https://tsukijisalmon.com/apps/note/assets/img/ts-index-texture-bg01.jpg);
        background-position: center center;
        background-repeat: repeat-y;
        background-size: cover;
    }
    .ts-index-news-dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        max-width: 53.571vw;
        margin: 0 auto;
        padding: 2.143vw 0 0.714vw;
        font-size: 28px;
        font-weight: 400;
        line-height: 52px;
        letter-spacing: 0.075rem;
        color: #ffffff;
    }
    .ts-index-news-dl dt {
        width: 8.571vw;
        font-size: 1.143vw;
        font-weight: 400;
        line-height: 1.714vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
    }
    .ts-index-news-dl dd {
        width: calc(100% - 8.571vw);
        font-size: 1.143vw;
        font-weight: 400;
        line-height: 1.714vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        margin-bottom: 1.429vw;
    }
    .ts-index-news-ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        max-width: calc(100% - 8vw);
        margin: 0 auto;
        padding: 10.667vw 4vw 6.667vw;
        font-size: 3.733vw;
        font-weight: 400;
        line-height: 6.933vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
    }
    .ts-index-news-ul li {
        width: 100%;
        font-size: 3.733vw;
        font-weight: 400;
        line-height: 6.933vw;
        letter-spacing: 0.075rem;
        color: #ffffff;
        margin-bottom: 4vw;
    }
}