@charset "utf-8";
/* ---------------------------------------------------------
   base.css【全体】
----------------------------------------------------------*/
/* ====リセット==== */


/* ====共通==== */
.l-base{
	width:100%;
	padding:0;
	margin:0 auto;
}
.box900px{
	width:900px;
	margin:0 auto;
}
.box1000px{
	width:1000px;
	margin:0 auto;
}
.box1180px{
	width:1180px;
	margin:0 auto;
}
.ta-center{
	text-align: center;
}
.f-left{
	flort:left;
}
.f-right{
	flort:right;
}
.flort-clear{
	clear: both;
}
.autumn2025_sake-main{

}
.autumn2025_sake-mainview{
	height: 630px;
	width: 100%;
	background-image: url(../img/mainimg_bg.png);
	background-position: center 0%;
	background-repeat: no-repeat;
}
.autumn2025_sake-mainview .boxfv {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 630px;
	position: relative;
	left: auto;
	right: auto;
}
div.keiroubtn {
	width: 189px;
	height: 190px;
	position: absolute;
	top: 428px;
	left: 50px;
	display: block;
animation:
      bounce 5s ease infinite normal 0s   ;
  }
  @keyframes bounce {
    0%, 100%, 10%, 20%{transform: translateY(0px);}
    5% {transform: translateY(-10px);}
    15% {transform: translateY(-6px);}
  }


.autumn2025_sake-content-sake{
	margin-bottom: 0;
	background-color: #0E0403;
	padding-bottom: 140px;
	color: #FFFFFF;
}

.autumn2025_sake-content-sake .sake-material01 {
	width: 440px;
	float: left;
}
.autumn2025_sake-sake .sake-material02 {
	width: 440px;
	float: right;
}
.autumn2025_sake-content-sake .content-sake-cv  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.autumn2025_sake-content-sake .content-sake-cv .sake-item  {
	padding-bottom: 40px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;

}








.cart-wrap {
	width: 100%;
	background-image: linear-gradient(#200602 36%, #000000 91%);
	padding-bottom: 60px;
}
.guide-wrap {
	width: 100%;
	background-color: #F9ECD5;
	padding-bottom: 100px;
	padding-top: 50px;
}
.gradation {
  background-image: linear-gradient(#410b00 45%, #000000 91%);
}
#cart {
	width: 1000px;
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
}
#cart h2 {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cart .btnsitatxt {
	text-align: center;
	font-size: small;
	color: #9D332E;
	font-weight: bold;
	margin-top: 10px;
}
#cart .btnsitatxt2 {
	text-align: left;
	font-size: small;
	color: #9D332E;
	font-weight: bold;
	margin-top: 10px;
}
#cart .num {
	display: none;
}
#cart .delivery {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -1em;
	padding-left: 1em;
	text-align: left;
}


/* 秋あがり敬老の日ラベルカート */
#cart .cart-keirou {
	text-align: center;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
#cart .cart-keirou .spring_btn {
	width: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cart .cart-keirou .spring_wrap {
	width: 380px;
	margin-bottom: 3px;
	position: relative;
	padding-top: 0px;
	top: -120px;
	left: 530px;
}
#cart .cart-keirou .spring_btn img {
    margin-left: 10px;
}
#cart .cart-keirou ul {
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding: 0px;
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
#cart .cart-keirou ul li {
	width: 320px;
}
#cart .cart-keirou ul li .photo {

}
#cart .cart-keirou ul li .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
}
#cart .cart-keirou ul li .btn img {
	margin-left: 10px;
	width: auto;
}
#cart .cart-keirou ul li .carttxt  {
	text-align: left;
	font-size: 14px;
	padding: 3px;
	background-color: #E5E5E5;
	margin-top: 5px;
}


/* 秋あがりカート */
#cart .cart-akiagari {
	text-align: center;
}
#cart .cart-akiagari .spring_btn {
	width: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cart .cart-akiagari .spring_wrap {
	width: 380px;
	margin-bottom: 3px;
	position: relative;
	padding-top: 0px;
	top: -120px;
	left: 530px;
}
#cart .cart-akiagari .spring_btn img {
    margin-left: 10px;
}
#cart .cart-akiagari ul {
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
#cart .cart-akiagari ul li {
	width: 320px;
}
#cart .cart-akiagari ul li .photo {

}
#cart .cart-akiagari ul li .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
}
#cart .cart-akiagari ul li .btn img {
	margin-left: 10px;
	width: auto;
}
#cart .cart-akiagari ul li .carttxt  {
	text-align: left;
	font-size: 14px;
	padding: 3px;
	background-color: #252525;
	margin-top: 5px;
	color: #FFFFFF;
}




.renewal {
    width: 700px;
    background: #F1F1ED;
    margin: 0 auto 60px;
    padding: 25px 45px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.attention {
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	padding: 25px;
	border: 3px double #FFFFFF;
	text-align: left;
	line-height: 1.6;
	color: #FFFFFF;
}
.attention a{
	color: #FFFFFF;
}
.attention .attention-ttl {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px !important;
	margin-top: 0px;
	background-color: #000000;
}
.attention ul {
	width: 700px !important;
	list-style: none;
	font-size: 15px;
	margin: 0 auto !important;
}
.attention li {
    text-indent: -1em;
    padding: 4px 0 0 1em;
    width: auto !important;
    float: none !important;
}
.attention li::before {
    content: "※";
}

/* お読みください */
.readme {
    width: 1000px;
    margin: 0 auto 50px;
    padding: 25px 0;
    border: 3px solid #E71E25;
    text-align: left;
    line-height: 1.5;
}
.readme .readme-ttl {
	color: #E71E25;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	margin-top: 0px;
}
.readme ul {
    list-style: none;
    padding: 0 0px 20px 50px;
    font-size: 16px;
}
.readme li {
    text-indent: -1em;
    padding: 4px 0 0 1em;
}
.readme li:before {
    content: "■";
}
.readme .readme-contact {
    width: 400px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
.readme .readme-contact a {
    display: block;
    padding: 10px;
    text-decoration: none;
    border: 1px solid #333;
}
.readme .readme-contact a:hover {
    opacity: 0.7;
}



#recipe {
    margin: 0 auto;
    padding: 100px 0;
    background: #F9F6F1;
}
#recipe #recipe-inner {
    width: 1000px;
    margin: auto;
}
#recipe h2 {
    margin-bottom: 40px;
    text-align: center;
}
#recipe ul {
    text-align: center;
    display: flex;
    gap: 25px;
}
#recipe ul li {
    list-style: none;
}
#recipe img {
    margin-bottom: 10px;
}
#recipe a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #5F383F;
}
#recipe a:hover {
    opacity: 0.7;
}