@charset "UTF-8";

/* ========================================
サンプル品協賛 共通ページ
======================================== */

.ky-page{
background:#fffaf3;
color:#3a2a22;
}

.ky-inner{
max-width:960px;
margin:0 auto;
}

.ky-hero{
padding:4rem 1.6rem 3rem;
text-align:center;
}

.ky-label{
display:inline-block;
margin-bottom:1.4rem;
padding:.5rem 1.6rem;
border-radius:999px;
background:#ffe7c7;
color:#d9793d;
font-size:1.3rem;
font-weight:700;
}

.ky-title{
margin-bottom:1.6rem;
color:#1f3696;
font-size:clamp(2.8rem, 7vw, 4.8rem);
font-weight:800;
line-height:1.3;
}

.ky-lead{
margin-bottom:2.4rem;
font-size:1.6rem;
font-weight:700;
line-height:1.9;
}

.ky-main-img{
width:100%;
max-width:720px;
margin:0 auto;
border-radius:1.6rem;
box-shadow:0 1rem 2.4rem rgba(0,0,0,.08);
}

.ky-section{
padding:3rem 1.6rem;
background:#fff;
}

.ky-card{
padding:2.4rem 1.6rem;
border-radius:1.6rem;
background:#fff;
box-shadow:0 1rem 2.4rem rgba(0,0,0,.08);
text-align:center;
}

.ky-logo{
width:min(100%, 34rem);
margin:0 auto 2rem;
border-radius:1rem;
}

.ky-heading{
margin-bottom:1.6rem;
color:#1f3696;
font-size:clamp(2.2rem, 6vw, 3.2rem);
font-weight:800;
line-height:1.4;
text-align:center;
}

.ky-text{
max-width:720px;
margin:0 auto 1.6rem;
font-size:1.6rem;
font-weight:700;
line-height:1.9;
text-align:left;
}

.ky-note{
max-width:720px;
margin: 1.5rem auto 0;
font-size:1.3rem;
line-height:1.7;
color:#6b4b3e;
text-align:left;
}

.ky-buttons{
display:grid;
gap:1.2rem;
max-width:620px;
margin:0 auto;
}

.ky-buttons a{
display:flex;
align-items:center;
justify-content:center;
min-height:6rem;
padding:1.2rem 1.6rem;
border-radius:999px;
background:#2f7f95;
color:#fff !important;
font-size:1.6rem;
font-weight:700;
line-height:1.5;
text-align:center;
text-decoration:none !important;
transition:
transform .3s ease,
background .3s ease,
box-shadow .3s ease;
}

.ky-buttons a:hover{
background:#d9793d;
transform:translateY(-4px);
box-shadow:0 1rem 2rem rgba(0,0,0,.15);
}

.ky-grid{
display:grid;
grid-template-columns:repeat(1, 1fr);
gap:1.6rem;
}

.ky-item{
overflow:hidden;
border-radius:1.4rem;
background:#fff;
box-shadow:0 .6rem 1.6rem rgba(0,0,0,.08);
}

.ky-item img{
width:100%;
aspect-ratio:4/3;
object-fit:contain;
padding:1.2rem;
}

.ky-item h3{
min-height:4.8rem;
display:flex;
align-items:center;
justify-content:center;
padding:0 1rem;
background:#1f3696;
color:#fff;
font-size:1.5rem;
font-weight:700;
text-align:center;
}

@media(min-width:768px){

.ky-hero{
padding:5rem 3rem 4rem;
}

.ky-section{
padding:4rem 3rem;
}

.ky-card{
padding:3rem;
}

.ky-grid{
grid-template-columns:repeat(2, 1fr);
}

.ky-buttons{
grid-template-columns:repeat(2, 1fr);
}
}

.ky-present{
  padding-bottom:5rem;
}

.ky-lead--small{
  margin-bottom:2rem;
  color:#d9793d;
}

.ky-item-single{
  max-width: 360px;
  margin: 1.6rem auto 2rem;
}

.ky-item-single img{
  width:100%;
  display:block;
  border-radius:12px;
}

.ky-buttons{
  margin-top: 1.8rem;
}

.ky-product-text{
  max-width:720px;
  margin:0 auto 1.6rem;
  text-align:left;
}

.ky-page .ky-section .ky-product-text{
  max-width:720px;
  margin:0 auto 1.6rem;
  text-align:left !important;
}

/*Rを下に*/
.ky-r {
  position: relative;
  top: 0.2em; /* 下へ移動 */
  font-size: 0.7em;
}