.caution {
	margin-bottom: 2em;
}
.caution p {
  font-size: clamp(14px,1.5vw,16px);
  line-height: 2.2;
  letter-spacing: .05em;
}
.caution a {
  color: #eee;
  text-decoration: underline 1px solid currentColor;
}
/* カテゴリー別リスト*/
.tablist {
  display: inline-flex;
  column-gap: 5px;
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  overflow-x:auto;
}
.tablist input[name="tab"] {
  width: 0px;
  height: 1px;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
  display: block;
  position: absolute;
}
.tablist label {
  min-width: max-content;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80px;
  font-size: 17px;
  color: var(--tab-text-color, #fff);
  letter-spacing: .1em;
  font-weight: 600;
  font-family: 'Liberation Sans', 'TakaoGothic', 'VL Gothic','Yu Gothic', 'MS Gothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Osaka-Mono', Monospace, sans;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  text-align: center;
  margin: 0;
  padding: 6px 8px;
  border-radius: 5px 5px 0 0;
  background: var(--tab-bg-color,#d3d3d3);
}     
@media (orientation : landscape){
 .tablist label {
   min-width: 88px;
   max-width: max-content;
   flex-grow: 0;
   flex-shrink: 1;
  }
}
.tablist input:checked + label {
  background: var(--tab-bg-active,#c7202c);
  transition: all ease .3s;
}
@media(hover:hover){
  .tablist label{
    transition: ease all .3s;
  }
  .tablist input:not(:checked) + label:hover {
    color: var(--tab-text-hover, #405bfd);
    background: var(--tab-bg-hover,#fff);
  }
}
/* ギフトや熨斗の説明エリア*/
.itembox figcaption p {
	font-weight: 500;
	font-family: "Noto Sans JP";
	margin-bottom: 1em;
}
@media(min-width:768px){
  .itembox {
    display: grid;
    grid-template-columns: calc(60% - 30px) 40%;
    column-gap: 30px;
    margin-bottom: 30px;
  }
}
.tokushouho-link {
	text-align: center;
	padding-top: 3em;
}
.tokushouho-link a {
	color: #fff;
}