@charset "UTF-8";
/* CSS Document */
/* column */
#new_side {
 display: none !important;
}
/* sarara202605 */
#sarara202605 {
 width: 1000px;
 background: #fff;
 color: #221815;
 font-size: 18px;
 line-height: 160%;
 padding-bottom: 70px;
}
#sarara202605 * {
 box-sizing: border-box;
}
#sarara202605 .sp {
 display: none !important;
}
#sarara202605 img {
 max-width: 100%;
 vertical-align: bottom;
}
#sarara202605 figure {
 padding: 0;
 margin: 0;
}
#sarara202605 figcaption,
#sarara202605 .caption {
 text-align: center;
 margin-top: 20px;
}
#sarara202605 h1, #sarara202605 h2, #sarara202605 h3, #sarara202605 p {
 margin: 0;
}
#sarara202605 ul, #sarara202605 ul li {
 list-style: none;
}
#sarara202605 section {
 width: 800px;
 margin: 0 auto 70px;
}
#sarara202605 .title {
 text-align: center;
}
#sarara202605 .title span {
 display: block;
 padding: 1px 0;
 border-top: 1px solid #b02d32;
 border-bottom: 1px solid #b02d32;
}
#sarara202605 .title h2 {
 font-size: 40px;
 font-weight: normal;
 margin: 30px 0;
 line-height: 140%;
}
#sarara202605 .txt p {
 line-height: 200%;
 margin-bottom: 30px;
}
#sarara202605 span.red {
 font-weight: bold;
 color: #b02d32;
}
#sarara202605 span.green {
 font-weight: bold;
 color: #006934;
}
/*point*/
#sarara202605 .point {
 background: #ede9c9;
 padding: 30px;
 position: relative;
 margin: 50px auto;
 outline: 2px solid #fff;
 outline-offset: -7px;
}
#sarara202605 .point .fukidashi {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: -60px;
}
#sarara202605 .point .fukidashi p {
 position: relative;
 background: #8c715c;
 color: #fff;
 padding: 10px 20px;
 border-radius: 100px;
 text-align: center;
 display: inline-block;
 margin: 0 auto 15px;
}
#sarara202605 .point .fukidashi p::before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -10px;
 border: 10px solid transparent;
 border-top: 10px solid #8c715c;
}
#sarara202605 .point p {
 text-align: left;
 line-height: 200%;
}
/*breadcrumbs*/
#sarara202605 .breadcrumbs ol {
 margin: 0;
 padding: 10px 15px;
 font-size: 13px;
 line-height: 160%;
 color: #804C34;
 list-style: none;
}
#sarara202605 .breadcrumbs ol li {
 margin: 0 5px 0 0;
 display: inline;
}
#sarara202605 .breadcrumbs ol li::after {
 content: ">";
 margin-left: 5px;
}
#sarara202605 .breadcrumbs ol li:last-child::after {
 content: "";
}
#sarara202605 .release_date {
 width: 840px;
 margin: 15px auto !important;
 color: #888;
 font-size: 15px;
 text-align: right;
}
/*イントロ*/
#sarara202605 .intro p {
 margin-bottom: 70px;
}
/*現地との信頼関係*/
#sarara202605 .relationship rt {
 font-size: 12px;
}
#sarara202605 .relationship .flex {
 display: flex;
 justify-content: space-between;
}
#sarara202605 .relationship .txt {
 width: 400px;
}
#sarara202605 .relationship figure {
 width: 330px;
}
/*雲南大葉種*/
#sarara202605 .flex {
 display: flex;
 justify-content: space-between;
 margin-bottom: 80px;
}
#sarara202605 .flex .txt {
 width: 400px;
}
#sarara202605 .flex rt {
 font-size: 10px;
}
#sarara202605 .flex picture {
 width: 330px;
}
/*醗酵の神秘*/
#sarara202605 .process .txt {
 margin: 30px auto 70px;
}
#sarara202605 .process figure img {
 width: 80%;
 margin: 0 auto;
 display: block;
}
/*最後*/
#sarara202605 .last .txt {
 margin-top: 30px;
}
/*バナー*/
#sarara202605 .banner {
 margin: 0 auto;
 width: 900px;
}
#sarara202605 .banner h3 {
 position: relative;
 display: block;
 font-size: 30px;
 padding: 0 0 10px 0;
 margin-bottom: 35px;
 border-bottom: solid 1px #201716;
 margin-inline: auto;
 width: fit-content;
}
#sarara202605 .banner h3::before {
 content: "";
 position: absolute;
 bottom: -10px;
 left: calc(50% - 10px);
 width: 20px;
 height: 20px;
 box-sizing: border-box;
 background-color: #fff;
 rotate: 135deg;
 translate: -50%;
}
#sarara202605 .banner h3::after {
 content: "";
 position: absolute;
 bottom: -15px;
 left: calc(50% - 32px);
 width: 30px;
 height: 30px;
 box-sizing: border-box;
 border-top: solid 1px;
 border-color: #201716;
 rotate: 135deg;
}