/**
@charset "UTF-8";
/* CSS Document */




/***********◆ PC ◆***************************************/
@media (770px <= width) {
.sp_only {display:none !important;}
.topkari{width:1200px; margin:0 auto;}

/* トップセクション1_スライド */
.swiperThumbnail {width:40%;}
.top_slide {max-width:1400px;}

.top_sec2 {
width:100%;
max-width:1100px;
}

.top_sec2 li p {
margin-top:0.6em;
}

/* お知らせ */
.top_news div p{
tab-size: 4em;
font-size:1.2em;
line-height:1.9em;
}

/* ギフト */
.top_gift {
background: url("https://sennaritei.itembox.design/item/img/top/top_gift_bg.jpg")no-repeat top right;
width:100%;
}
.top_gift_img h3{
font-size:4em;
}
.top_gift_img {
width:60%;
height:;
margin-bottom:2em;
padding:10em 0 3em;
}

.top_gift ul {
grid-template-columns:1fr 1fr;
column-gap: 2em;
}

/* 特集 */
.top_tokusyu ul {
grid-template-columns:1fr 1fr;
gap:2em;
}

/* category */
.top_category_tit {
width:240px;
height:240px;
padding:3.5em 0;
}

.top_category h3 {
padding-left:1.2em;
font-size:1.5em;
}

ul.top_category_2-1column {
display: grid;
grid-template-columns:1fr 1fr;
gap:2em;
}

ul.top_category_4-2column {
grid-template-columns:1fr 1fr 1fr 1fr;
gap:2em;
}

.top_category img{
border-radius: 0.7em;
}

/* ご利用ガイド */
.top_guide ul {
width:90%;
grid-template-columns:1fr 1fr 1fr;
gap:1em;
}

.top_guide li a {
font-size:1.3em;
}

/* 千成亭の紹介 ここから*/
.top_sennaritei {
padding-top:10%;
padding-bottom:3em;
margin:0 auto;
background: url("https://sennaritei.itembox.design/item/img/top/sennari_topinfo_bg.jpg")no-repeat top center;
background-size: 100%;
}


.top_sennaritei{
width:100%;
}

.top_sennaritei_logo {
margin:0 auto 2em;
width:15%;
}

/* スライド*/
.slider{
  margin:2em 0 0;
  padding:0;
  max-width:1100px;
  margin:0 auto;
}
.slider_pc2 img{
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}
.slider li img{
border-radius: 0.7em;
}


/* 本文*/
.top_sennaritei_txt {
width:80%;
}

.top_sennaritei_2-1c {
width:80%;
margin:0 auto;
}

.top_sennaritei h3 {
font-size:1.6em;
}

ul.top_sennaritei_2-1column {
display: grid;
grid-template-columns:1fr 1fr;
gap:2em;
}
}


/***********◆ SP ◆***************************************/
@media (width < 770px) {

.pc_only {display:none !important;}
.topkari{width:100%;}

/* トップセクション1_スライド */
.swiperThumbnail {width:90%;}

.top_sec2 li p {
margin-top:0.6em;
}

/* お知らせ */
.top_news div>p{
tab-size: 1em;
font-size:1.2em;
padding-bottom:0.3em;
margin-bottom:1.2em;
border-bottom:dashed 1px #999;
}

/* ギフト */
.top_gift {
background: url("https://sennaritei.itembox.design/item/img/top/top_gift_bg.jpg")no-repeat top right 20%;
background-size:130%;
}
.top_gift_img h3{
font-size:3em;
}

.top_gift_img {
width:100%;
height:;
margin-bottom:2em;
padding:10em 0 1em;
}

.top_gift ul {
grid-template-columns:1fr 1fr;
column-gap: 0.7em;
}

.top_gift_ic {
display:none;
}

.top_gift li h3 {
text-align:center;
}


/* 特集 */
.top_tokusyu ul {
grid-template-columns:1fr;
gap:2em;
}

/* category */
.top_category_tit {
width:80%;
padding:1.5em 0;
}

.top_category h3 {
padding-left:1.1em;
font-size:1.5em;
}

ul.top_category_2-1column {
grid-template-columns:1fr;
gap:2em;
}

ul.top_category_4-2column {
grid-template-columns:1fr 1fr;
gap:1em;
}

.top_category img{
border-radius: 0.5em;
}

/* ご利用ガイド */
.top_guide ul {
width:96%;
grid-template-columns:1fr 1fr;
gap:0.5em;
}

.top_guide li a {
font-size:1.0em;
}

/* 千成亭の紹介 ここから*/
.top_sennaritei {
padding-top:10em;
padding-bottom:3em;
margin:0 auto;
background-image: linear-gradient(#ffffff, #f9f4f2 24%);
}


.top_sennaritei_logo {
margin:0 auto;
width: 40%;
}

/* スライド */
.slider{
  margin:1em 0 0;
  padding:0;
}

.slider_sp2 img {
  margin: 0 auto;
  width: 94%;
  height: 580px;
  object-fit: cover;
}

.slider li img{
border-radius: 0.5em;
}


/* 本文*/
.top_sennaritei_txt {
width:95%;
}

.top_sennaritei h3 {
font-size:1.4em;
}

ul.top_sennaritei_2-1column {
grid-template-columns:1fr;
gap:2em;
}
}

/***********◆ 共通 ◆***************************************/

/* トップセクション1_スライド */
.top_slide {margin:0 auto;width:100%;}
.swiper {}
.swiper-slide {overflow: hidden;}
.swiper-slide img {height: auto;width: 100%;}
.swiperThumbnail {margin:0 auto;}
.swiperThumbnail img:hover {opacity: 0.7;}
.swiperMain a:hover {opacity: 1.0!important;}
.swiper-button-next,.swiper-button-prev{display:none;}


/* トップセクション2 */
.top_sec2 {
margin:0 auto;
padding:1em;
}

.top_sec2 h2 {
text-align:center;
font-size:2.3em;
margin-top:3em;
}


/* お知らせ */
.top_news div p{
white-space: pre-wrap;
}

.news_icon01,.news_icon02{
vertical-align: middle; 
border-radius: 0.5em;
padding:0.1rem 0.3rem 0;
margin-right:1em;
font-weight:bold;
font-size:0.7em;
}

.news_icon01{
border:solid 1px #333;
background-color:#fff;
color:#333;
}

.news_icon02{
border:solid 1px #900003;
background-color: #900003;
color:#fff;
}

div.news_all{
font-weight:bold;
text-align:right;
padding:1em 0 0;
background: url("https://sennaritei.itembox.design/item/img/common_img/cat_yain26p.png")no-repeat right center;
background-size: 1.2em;
background-position: right 10.5em bottom 0.15em;
}

/* ギフト */
.top_gift_img h3{
color:#333;
margin:0 auto;
padding:0;
}

.top_gift_img p{
color:#333;
margin-top:1em;
padding:0;
line-height:2em;
}

.top_gift ul {
width:100%;
margin:1em auto;
padding:0;
display: grid;
}

.top_gift li h3 {
margin:0.5em auto 0;
padding:0;
font-size:1.7em;
letter-spacing: 0.2rem;
}

.top_gift_ic {
color:#705694;
font-size:0.7em;
vertical-align:0.2em;
}


/* 特集 */
.top_tokusyu ul {
width:100%;
margin:2em auto;
padding:0;
display: grid;
}

.top_tokusyu h3 {
margin:0.5em auto 0;
padding:0;
font-size:1.7em;
letter-spacing: 0.2rem;
}


/* category */
.top_category_tit {
margin:1em auto;
background-color:#f0f0f0;
}

.top_category_txt {
margin:0 auto 5em;
font-size:1.2em;
line-height:1.7em;
}

.top_category h3 {
margin:0.5em auto 0;
background: url("https://sennaritei.itembox.design/item/img/common_img/cat_yain26p.png")no-repeat left center;
background-size: 0.7em 0.7em;
}

ul.top_category_2-1column {
width:100%;
margin:2em auto;
padding:0;
display: grid;
}

ul.top_category_4-2column {
width:100%;
margin:2em auto;
padding:0;
display: grid;
}


/* ご利用ガイド */
.top_guide ul {
margin:2em auto;
padding:0;
display: grid;
}

.top_guide img {
width:100%;
margin:2em auto;
padding:0;
}

.top_guide li a {
display: flex;
position: relative;
width:100%;
padding:0.7em 0 0.8em 1.2em;
margin:0;
border:solid 1px #ccc;
border-radius: 5px;
background-color:#f0f0f0;
color:#333;
text-align:center;
}

.top_guide li a::after {
display:block;
content: '';
position: absolute;
top: 50%;
right: 20px;
transform: rotate(45deg) translateY(-50%);
width: 4px;
height: 4px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color:#333;
}

/* 千成亭 */
.top_sennaritei_txt {
margin:0 auto 5em;
font-size:1.2em;
line-height:1.7em;
}

.top_sennaritei h3 {
margin:0.5em auto 0;
background-size: 0.7em 0.7em;
}

ul.top_sennaritei_2-1column {
width:100%;
margin:2em auto;
padding:0;
display: grid;
}

ul.top_sennaritei_2-1column img {
width:100%;
height: 100%;
object-fit: cover;
}


.top_sennaritei_link a {
display:block;
font-weight:bold;
text-align:right;
font-size:1.0em;
color:#900003;
}

.top_sennaritei_link2 a {
max-width:80%;
width:400px;
margin:3em auto 0;
font-weight:bold;
text-align:center;
padding:0.6em;
font-size:1.2em;
background:#900003;
border-radius:20px;
color:#fff;
display:block;
}