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

.sp {
	display: none !important;
}


/* -----------------------
404
-----------------------*/
.error404 {
	margin-bottom: 80px;
}
.error404 .main {
	background: url("../img/contents/kiritohare/main_pc.jpg") no-repeat 50% 50%;
	background-size: cover;
	height: 30vh;
}
.error404 h1 {
	color: #85BFD6;
	font-size: 43px;
	line-height: 120%;
}
.error404 .ttl_area {
	margin: 80px 0 100px 0;
}
.error404 .btn_box {
	margin-top: 50px;
}
.error404 .btn_box a {
	width: 300px;
	margin: 0 auto;
}

/* -----------------------
news
-----------------------*/
.news_closed {
    width: 1200px;
    margin: 0 auto 20px auto;
    border: 1px solid #85BFD6;
    padding: 20px;
}
.news_closed h2 {
    font-size: 18px;
    line-height: 160%;
    margin: 0 0 10px 0;
    padding: 0;
}
.news_closed p {
    margin-bottom: 5px;
}
.news_closed p:last-child {
    margin-bottom: 0;
}


/* -----------------------
guide
-----------------------*/
#guide {
    margin: 0 auto;
}
#guide section {
    margin-bottom: 50px;
}
#guide big {
	font-size: 16px;
	line-height: 180%;
	display: block;
	margin-bottom: 10px;
}
#guide .fs-c-documentColumn__content {
    margin: 0 20px 40px 20px;
}
#guide .fs-c-documentColumn__content table {
    width: 300px;
    margin: 15px 0;
}
#guide .fs-c-documentColumn__content table th,
#guide .fs-c-documentColumn__content table td {
    padding: 5px;
    text-align: center;
}
#guide .fs-c-documentColumn__content table th {
    width: 50%;
    background: #EEE;
}
#guide .fs-c-documentColumn__content ul li,
#guide .fs-c-documentColumn__content p {
    margin: 0 0 10px 0;
}
#guide .fs-c-documentColumn__content ul li {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E') no-repeat 0 9px;
    background-size: 7px;
    padding-left: 20px;
}
#guide .fs-c-documentColumn__content ul li:last-child,
#guide .fs-c-documentColumn__content p:last-child {
    margin-bottom: 0;
}
#guide .fs-c-documentColumn__content img {
    margin: 15px 0;
    width: 400px;
}
#guide dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 15px;
    padding: 0;    
    border-bottom: 1px solid #EEE;
}
#guide dl dt,
#guide dl dd {
    margin: 0;
    padding: 10px;
    border-top: 1px solid #EEE;
}
#guide dl dt {
    width: 20%;
}
#guide dl dd {
    width: 80%;
}
#guide .box a,
#guide dl dd a {
    text-decoration: underline;
}
#guide .box a:hover,
#guide dl dd a:hover {
    text-decoration: none;
}

/* tab */
#guide .guide_tab {
    margin-bottom: 80px;
}
#guide .tab-group {
    display: flex;
    justify-content: flex-start;
    width: 800px;
    margin: 0 auto 30px auto;
}
#guide .tab {
    padding: 10px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    margin: 0 10px 0 0;
    width: 33.33333%;
    border-bottom: 1px solid #FFF;
    color: #999;
}
#guide .tab.is-active {
    border-bottom: 1px solid #85BFD6;
    transition: all 0.2s ease-out;
    color: #85BFD6;
}
#guide .panel-group {
    border: solid 1px #EEE;
    padding: 30px;
}
#guide .panel {
    display: none;
}
#guide .panel.is-show {
    display: block;
    margin: 0;
}
#guide .panel-group .box {
    margin-bottom: 30px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 30px;
}
#guide .panel-group .box:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
#guide .panel-group .box p {
    margin-bottom: 10px;
}
#guide .panel-group .box p:last-child {
    margin-bottom: 0;
}
#guide .panel-group .box .notice {
    margin-top: 15px;
    padding-left: 1em;
    text-indent: -1em;
}
#guide .panel-group .box ul li,
#guide .panel-group .info ul li {
    margin-bottom: 30px;
}
#guide .panel-group .box ul li:last-child,
#guide .panel-group .info ul li:last-child {
    margin-bottom: 0;
}

#guide .card_img,
#guide .time_img {
	margin: 20px 0;
}
#guide .card_img img {
	width: 300px;
}
#guide .time_img img {
	width: 450px;
}

/* policy */
#guide.policy,
#guide.membership {
    width: 1000px;
    margin: 0 auto;
}
#guide.policy dl.date,
#guide.membership dl.date {
    margin: 0 0 100px 0;
    width: 400px;
}
#guide.policy article,
#guide.membership article {
    margin-bottom: 50px;
}
#guide.policy section,
#guide.membership section {
    margin: 0;
}
#guide.policy ol,
#guide.membership ol {
    margin: 0 0 0 1em;
}
#guide.policy ol li,
#guide.membership ol li {
    list-style: decimal !important;
}
#guide.policy address,
#guide.membership address {
    font-style: normal;
}
#guide.policy address span,
#guide.membership address span {
    display: block;
}
#guide.membership a {
	color: #85BFD6;
    position: relative;
    border-bottom: 1px solid #85BFD6;
}

/* -----------------------
parts
-----------------------*/
/* flavor */
#flavor {
	width: 1200px;
	margin: 100px auto !important;
}
#flavor .ttl_area {
	margin: 0 0 30px 0;
}
#flavor .ttl_area h2 {
	margin-bottom: 10px;
}
#flavor h3 {
    margin-bottom: 15px;
}
#flavor .info {
    margin-bottom: 30px;
}
#flavor .info h3 {
	margin: 20px 0 0 0;
}
#flavor .attention {
	text-align: right;
}
#flavor .fl_season .attention {
	margin-bottom: 40px;
}
#flavor .new_arrival,
#flavor .lists {
	margin-bottom: 80px;
}
#flavor .fl_new {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
#flavor .fl_new li,
#flavor .flavor_list li {
	padding: 10px 10px 0 10px;
    width: 24%;
    margin: 0;
    border-radius: 3px;
	position: relative;
}
#flavor .fl_new li:before,
#flavor .flavor_list li:before,
#flavor .fl_new li:after,
#flavor .flavor_list li:after {
	content: "";
    position: absolute;
	z-index: 4;
}
#flavor .fl_new li.new:after,
#flavor .flavor_list li.new:after {
	background: url(../img/common/ico/new.png) no-repeat 0 0;
	background-size: 100%;
	width: 40px;
    height: 40px;
    top: 0;
    left: 0;
}
#flavor .fl_new li.rank-1:before,
#flavor .flavor_list li.rank-1:before {
	background: url(../img/common/ico/ranking-1.png) no-repeat 0 0;
	background-size: 100%;
	width: 25px;
    height: 35px;
	top: 10px;
    right: 20px;
	left: auto;
}
#flavor .fl_new li.rank-2:before,
#flavor .flavor_list li.rank-2:before {
	background: url(../img/common/ico/ranking-2.png) no-repeat 0 0;
	background-size: 100%;
	width: 25px;
    height: 35px;
	top: 10px;
    right: 20px;
	left: auto;
}
#flavor .fl_new li.rank-3:before,
#flavor .flavor_list li.rank-3:before {
	background: url(../img/common/ico/ranking-3.png) no-repeat 0 0;
	background-size: 100%;
	width: 25px;
    height: 35px;
	top: 10px;
    right: 20px;
	left: auto;
}
#flavor .fl_new span.limited,
#flavor .flavor_list span.limited {
	display: block;
    position: relative;
}
#flavor .fl_new span.limited::before,
#flavor .flavor_list span.limited:before {
	content: "残りわずか";
    position: absolute;
    z-index: 4;
    padding: 5px;
    border-radius: 3px;
    height: 12px;
    line-height: 100%;
    top: 20px;
    font-size: 12px;
    right: 5px;
    bottom: 5px;
    top: auto;
    color: #000;
    background: #fff;
}
#flavor .flavor_list ul {
	display: flex;
	margin-bottom: 50px;
}
#flavor .flavor_list ul li {
	padding: 10px 10px 0 10px;
    width: 24%;
    margin: 0 0.5% 15px 0.5%;
    border-radius: 3px;
    position: relative;
}
#flavor .flavor_list ul li a,
#flavor .new_arrival ul li a {
    display: block;
    cursor: pointer;
    height: 100%;
    position: relative;
    padding-bottom: 40px;
}
#flavor .flavor_list ul li a .itempage,
#flavor .new_arrival ul li a .itempage {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#flavor .btn_line p {
    position: relative;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-right%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%;
	background-size: 15px;
    padding-left: 20px!important;
}
#flavor a:hover .btn_line p {
    opacity: 1;
}
#flavor .btn_line p::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #85BFD6;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
#flavor .btn_line p:hover::after {
    transform: scale(1, 1);
}
#flavor .fl_new li.hare,
#flavor .flavor_list ul li.hare {
	background: #FDECCB;
}
#flavor .fl_new li.kirito,
#flavor .flavor_list ul li.kirito {
	background: #DAECF3;
}
#flavor .fl_new li.soldout,
#flavor .flavor_list li.soldout {
    opacity: .4;
}
#flavor .fl_new li.soldout::after,
#flavor .flavor_list li.soldout::after {
    background: rgba(0,0,0,.6);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    content: "SOLD OUT";
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 21px;
    text-shadow: 0 0 10px #000;
}
#flavor .fl_season .flavor_list {
    margin-bottom: 40px;
}
#flavor .fl_season .flavor_list.kirito {
    background: #DAECF3;
}
#flavor .fl_season .flavor_list.hare {
    background: #FDECCB;
}
#flavor .fl_season .flavor_list ul {
    display: flex;
    flex-wrap: wrap;
}
#flavor .fl_season .flavor_list .more {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 160%;
	cursor: pointer;
	transition: .3s;
	position: relative;
	width: 250px;
    margin: 0 auto;
}
#flavor .fl_season .flavor_list .more::before {
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-down-short%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%204a.5.5%200%200%201%20.5.5v5.793l2.146-2.147a.5.5%200%200%201%20.708.708l-3%203a.5.5%200%200%201-.708%200l-3-3a.5.5%200%201%201%20.708-.708L7.5%2010.293V4.5A.5.5%200%200%201%208%204z%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 50%;
    background-size: 20px;
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 10px;
}
#flavor .fl_season .flavor_list .more:hover {
    opacity: 1;
}
#flavor .fl_season .flavor_list .more::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #85BFD6;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
#flavor .fl_season .flavor_list .more:hover::after {
    transform: scale(1, 1);
}

#flavor .notice {
	margin: 30px 0;
}
#flavor .notice dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	align-items: center;
}
#flavor .notice dl dt {
	margin: 0;
	padding: 10px 0;
	width: 7%;
}
#flavor .notice dl dt img {
	width: 100%;
	height: auto;
}
#flavor .notice dl dd {
	margin: 0;
	padding: 10px;
	width: 93%;
}
#flavor .notice .allergie {
	padding: 20px;
    border: 1px solid #DDD;
    width: 800px;
    margin: 30px auto 0 auto;
}
#flavor .notice .allergie .btn_line {
	margin-top: 20px;
}
#flavor .text-box {
	padding: 15px 10px 20px;
}
#flavor .text-box h3 {
	padding: 0;
	margin: 0 0 5px 0;
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140%;
}
#flavor .fl_new .text-box h3::before,
#flavor .fl_lastmonth .text-box h3::before,
#flavor .fl_limited .text-box h3::before {
	content: "季節/数量限定";
	background: #f77354;
    font-size: 12px;
    line-height: 100%;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
	margin-right: 5px;
}
#flavor .text-box p {
	padding: 0;
	margin: 0;
}
#flavor .text-box .info {
	margin: 10px 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 160%;
    border-top: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF;
}
#flavor .text-box .info p {
	margin-bottom: 5px;
}
#flavor .text-box .info strong {
    font-weight: 400;
}
#flavor .fl_season .slick-list {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-bottom: 50px;
}
#flavor .text-box .ico {
	font-size: 12px;
	line-height: 140%;
	display: flex;
	align-items: center;
}
#flavor .text-box .ico p {
	border: 1px solid #555;
    padding: 1px 3px !important;
    border-radius: 3px;
}
#flavor .text-box .ico p,
#flavor .text-box .ico img {
	margin-right: 5px;
}
#flavor .text-box .ico img {
	width: 35px;
	height: auto;
}
#flavor .inner .btn_line {
	justify-content: center;
}
#flavor .info .icon {
	margin-bottom: 5px;
}
#flavor .info .icon span {
	padding: 2px 5px;
	border: 1px solid #85BFD6;
	color: #85BFD6;
}
#flavor .info .price {
	margin-left: 150px;
}
#flavor .price p {
	font-size: 24px;
    margin: 0;
}

/* ===============================================
flavor 2025
=============================================== */
#flavor .ttl_area {
margin: 0 0 70px 0;
}
#flavor .ttl_area .flex .icon span {
padding: 2px 5px;
border: 1px solid #85BFD6;
color: #85BFD6;
margin-right: 5px;
margin-top: 5px;
display: inline-block;
}
#flavor h3.flavor_list_ttl {
display: flex;
align-items: center;
margin-bottom: 20px;
font-weight: bold;
}
#flavor .season_only_ttl h3.flavor_list_ttl,
#flavor .new_arrival_ttl h3.flavor_list_ttl {
margin: 10px 30px 40px;
font-size: 26px;
letter-spacing: 0.05em;
color: #f77354;
}
#flavor .season_only_ttl h3.flavor_list_ttl small,
#flavor .new_arrival_ttl h3.flavor_list_ttl small {
position: absolute;
color: #000;
font-size: 16px;
display: block;
}
#flavor .season_only_ttl h3.flavor_list_ttl small {
bottom: -1.2em;
left: calc(50% - 5em);
}
#flavor .new_arrival_ttl h3.flavor_list_ttl small {
bottom: -1.2em;
left: calc(50% - 4.5em);
}
#flavor h3.flavor_list_ttl:before,
#flavor h3.flavor_list_ttl:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #ccc;
}
#flavor .season_only_ttl h3.flavor_list_ttl:before, 
#flavor .season_only_ttl h3.flavor_list_ttl:after, 
#flavor .new_arrival_ttl h3.flavor_list_ttl:before, 
#flavor .new_arrival_ttl h3.flavor_list_ttl:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #f77354;
}
#flavor h3.flavor_list_ttl:before {
margin-right: 1rem;
}
#flavor h3.flavor_list_ttl:after {
margin-left: 1rem;
}
#flavor .new_arrival, 
#flavor .lists {
margin-bottom: 0!important;
position: relative;
}
#flavor .swiper-wrapper {
flex-wrap: wrap;
transform: initial!important;
justify-content: flex-start;
margin-bottom: 50px;
}
#flavor .fl_new {
transform: initial!important;
}
#flavor ul li {
width: 24%!important;
height: auto;
margin: 0 1.333% 15px 0!important;
box-sizing: border-box;
}
#flavor ul li:nth-child(4n) {
margin: 0 0 15px 0!important;
}
#flavor #fl_regular li,
#flavor #fl_nokaffein li,
#flavor #fl_outlet li {
background: #fff;
}
#flavor .slider-small li .text-box {
padding: 10px 10px 0;
}
#flavor .fl_new li {
padding: 0;
}
#flavor .new_arrival ul li a {
padding-bottom: 0;
}
#flavor .slider-large li .text-box {
padding: 10px 10px 0;
}
#flavor .season_only_ttl,
#flavor .new_arrival_ttl {
position: relative;
}
#flavor .price {
margin-top: 5px;
}

/* ナビゲーション */
#flavor .swiper-button-next,.swiper-button-prev{
background-color: #85BFD6;/* ボタンの背景色 */
width: 30px;
height: 50px;
}
#flavor .swiper-button-next{
right: 0;/* ボタンを右端にくっつける */
}
#flavor .swiper-button-prev{
left: 0;/* ボタンを左端にくっつける */
}
#flavor .swiper-button-next::after{
/* content: '→';ボタンの矢印変更 */
color: #fff;
font-size: 1rem;
}
#flavor .swiper-button-prev::after{
/* content: '←';ボタンの矢印変更 */
color: #fff;
font-size: 1rem;
}
#flavor .fl_new li.new:after, 
#flavor .flavor_list li.new:after {
    background: none;
}

/* point */
#point .main-box {
	background: url(../img/contents/toppage/point_pc.jpg) no-repeat center fixed;
	background-size: cover;
	height: 80vh;
    margin-bottom: 80px;
}
#point h3 {
	padding: 20px 20px 0 20px !important;
	background: #F2FAFE;
	margin: 0 !important;
	font-size: 21px !important;
	line-height: 160% !important;
}
#point .main-point {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#point .main-point li {
    padding: 20px;
	background: #F2FAFE;
	width: 33.3333%;
	text-align: center;
}
#point .main-point li .img-box {
	margin-bottom: 10px;
}
#point .point-list {
	display: flex;
    flex-wrap: wrap;
}
#point .point-list li {
	width: 25%;
    margin: 0 0 40px 0;
    padding: 20px;
	background: #F2FAFE;
	text-align: center;
}
#point .point-list li div img {
	margin-bottom: 10px;
}
#point .point-list li div .btn_line {
	margin-left: auto;
}
#point .point-list li p {
	margin-top: 10px;
	line-height: 130%;
}
#point .step h3 {
	background: none !important;
	padding: 0 !important;
}
#point .step ol {
	padding: 0;
}
#point .step ol li::before {
	content: "";
	margin-right: 5px;
}
#point .step ol li:first-child::before {
	content: "1）";
}
#point .step ol li:nth-child(2)::before {
	content: "2）";
}
#point .step ol li:nth-child(3)::before {
	content: "3）";
}

/* ===============================================
point 2025
=============================================== */
#point .main-point {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: none;
}
#point .main-point li {
display: block;
width: 49.2%;
margin: 0 0 5px 0;
padding: 15px;
background: #F2FAFE;
text-align: center;
}
#point .main-point li .img-box,#point .main-point li .txt-box {
width: 100%;
}
#point .main-point li .txt-box {
margin-top: 10px;
line-height: 130%;
font-size: 12px;
}
section#point {
margin: 80px auto;
}
#point .main-point {
flex-wrap: wrap;
justify-content: center;
background: #F2FAFE;
}
#point .main-point li {
width: 25%;
}
#point .main-point li img {
width: 80%;
}

/* how-to-drink*/
#how-to-drink {
    width: 1200px;
    margin: 160px auto !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
}
#how-to-drink .img-box {
	background: url("../img/contents/toppage/howto_pc.jpg") no-repeat center;
	background-size: cover;
	height: 500px;
    width: 70%;
}
#how-to-drink .text-box {
    width: 25%;
}
#how-to-drink .btn_line {
    margin-top: 50px;
}

/* ===============================================
how-to-drink 2025
=============================================== */
#how-to-drink .img-box {
background: url(https://cuckooteabag.itembox.design/item/img/contents/toppage/howto-pc-2025.jpg?0) no-repeat center;
background-size: contain;
height: 310px;
width: 70%;
}

/* journal */
#journal {
    width: 1200px;
    margin: 100px auto !important;
}
#journal h2 {
	padding: 0;
}
#journal ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
#journal li {
    width: 33.33333%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
#journal li .inner_box {
    margin: 10px 0;
}
#journal li .inner_box p {
	font-size: 16px;
	line-height: 160%;
}
#journal .btn_line {
	margin-top: auto;
}

/* buy */
#buy h2 {
    text-align: center;
	margin-bottom: 40px;
}
#buy h4 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 15px;
}
#buy .img-box {
    height: 50vh;
    margin-bottom: 80px;
    background: url("../img/contents/toppage/buy_pc.jpg") no-repeat center fixed;
    background-size:cover;
}
#buy .ttl {
    display: flex;
    justify-content: center;
    margin: 0 auto;
	padding: 0 20px;
    width: 1200px;
}
#buy .ttl li {
	width: 33.33333%;
}
#buy .ttl li.column2 {
	width: 33.33333%;
}
#buy .ttl li h3 {
	margin-bottom: 5px;
}
#buy .inner {
    display: flex;
    margin-top: 20px;
    width: 1200px;
	justify-content: center;
}
#buy.gift .inner  {
    display: flex;
	flex-wrap: wrap;
    margin-top: 20px;
    width: 1200px;
}
#buy .inner li {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 40px 20px;
}
#buy.gift .inner li {
    width: 24%;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 40px 20px;
}
#buy .inner li .box {
	margin-bottom: 15px;
}
#buy .inner li .box img {
	margin-bottom: 10px;
}
#buy .inner li .box .icon {
	margin: 0 0 5px 0;
}
#buy .inner li .box .icon span {
	padding: 2px 5px;
	border: 1px solid #85BFD6;
	color: #85BFD6;
	margin-right: 3px;
}
#buy .inner li p {
    margin: 0;
}
#buy .inner li .price {
	display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
#buy .inner li .price p {
	font-size: 24px;
	margin-bottom: 10px;
}
#buy .inner li .btn_box {
    margin-top: auto;
}

/* ===============================================
buy 2025
=============================================== */
#buy {
background: #f6f6f6f6;
padding: 70px 0;
}
#buy .inner {
display: flex;
margin-top: 20px;
justify-content: center;
flex-wrap: wrap;
}
#buy .inner li {
display: flex;
flex-direction: column;
border-bottom:none;
}
#buy .buy-list-min.inner li h4 {
margin: 0 0 10px 0;
line-height: 120%;
font-size: 14px;
}
span.border {
font-size: 12px;
margin-right: 5px;
line-height: 100%;
}
#buy .inner li {
width: 33.33333%;
padding: 0 20px;
}
#buy .buy-list-min.inner li {
width: 16.666%;
padding: 0 15px;
}
#buy .buy-list-large.inner {
width: 800px;
}
#buy .buy-list-large.inner li {
width: 100%;
}
#buy .buy-list-large.inner li .box {
margin: 0 0 10px 0;
}
#buy .btn_box {
padding: 0 30px;
display: flex;
justify-content: center;
margin: 0 auto;
}
#buy .btn_box a {
font-size: 18px;
width: 400px;
padding: 15px;
}
#bottle #buy.bottle .inner li .btn_box,
#buy.gift .inner li .btn_box,
#buy.kiritohare365 .inner li .btn_box{ 
padding: 0;
margin: auto 0 0;
width: 100%;
}
#buy .inner li .price {
margin-top: 10px;
}
#buy .buy-list-min.inner .price p {
font-size: 20px;
}
#buy h4.flex-h4 {
display: flex;
align-items: center;
}
#buy h4.flex-h4 span.border {
padding: 5px;
font-size: 14px;
}

/* kodawari manufacturing */
#aboutus,
#kodawari,
#manufacturing {
    width: 1200px;
    margin: 160px auto !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
}
#aboutus .img-box,
#kodawari .img-box,
#manufacturing .img-box {
    height: 500px;
    width: 70%;
}
#aboutus .img-box {
    background: url(../img/contents/toppage/aboutus_pc.jpg) no-repeat center;
    background-size: cover;
}
#kodawari .img-box {
    background: url(../img/contents/toppage/kodawari_pc.jpg) no-repeat center;
    background-size: cover;
}
#manufacturing .img-box {
    background: url(../img/contents/toppage/kokoro_pc.jpg) no-repeat center;
    background-size: cover;
}
#aboutus .text-box,
#kodawari .text-box,
#manufacturing .text-box {
    width: 25%;
}
#aboutus .imgbtn_linebox,
#kodawari .btn_line,
#manufacturing .btn_line {
    margin-top: 50px;
}

/* mailmagazine */
#mailmagazine {
	margin: 0 auto 80px auto;
	padding: 30px;
	border: 1px solid #85BFD6;
}

/* teiki flow */
#teiki_flow {
    border: 1px solid #85BFD6;
    padding: 30px;
}
#teiki_flow .box {
    margin: 0 20px 30px 20px;
}
#teiki_flow .box:last-child {
    margin-bottom: 0;
}
#teiki_flow .box p {
    margin: 0 40px;
}
#teiki_flow a {
	text-decoration: underline;
}
#teiki_flow a:hover {
	text-decoration: none;
}

/* -----------------------
freepage
-----------------------*/

.freepage {
	margin: 0 auto 80px auto;
}
.freepage h1,
.freepage h2,
.freepage h3,
.freepage h4 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
    padding: 0;
    margin: 0;
}
.freepage h1 {
	line-height: 150%;
	font-size: 32px;
	margin: 0 0 30px 0;
	text-align: center;
}
.freepage h2 {
	line-height: 150%;
	font-size: 26px;
	margin: 0 0 20px 0;
}
.freepage h3 {
	line-height: 150%;
	font-size: 21px;
	margin: 0 0 20px 0;
}
.freepage h4 {
	line-height: 160%;
	font-size: 16px;
	margin: 0 0 10px 0;
}
.freepage p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 400;
    line-height: 180%;
    padding: 0;
    margin: 0;
}

/* -----------------------
faq
-----------------------*/
#faq {
	width:	800px;
}
#faq h2 {
	margin: 0 0 20px 0;
}
#faq section {
    margin: 0 0 80px 0;
}
#faq section p {
    margin-bottom: 15px;
    padding: 0;
}
#faq section p:last-child {
    margin-bottom: 0;
}
#faq .acd-check {
    display: none;
}
#faq .acd-label {
    background: #85BFD6;
    color: #FFF;
    display: block;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}
#faq .acd-label p {
    padding: 10px 30px 10px 2em;
    text-indent: -2em;
    margin-left: 15px;
}
#faq .acd-label p::before {
	content: "Q　";
    font-size: 16px;
    line-height: 160%;
	color: #FFF;
}
#faq .acd-label::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "＋";
}
#faq .acd-content {
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
#faq .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    padding: 10px 10px 30px 10px;
    visibility: visible;
}
#faq .acd-check:checked + .acd-label + .acd-content::before {
	content: "A";
    font-size: 16px;
    line-height: 160%;
	color: #85BFD6;
}
#faq .info a,
#faq .acd-content a {
    text-decoration: underline;
}
#faq .info a:hover,
#faq .acd-content a:hover {
    text-decoration: none;
}
#faq .acd-content a:hover {
    text-decoration: none;
}
#faq .acd-content strong {
    color: #FF7600;
}
#faq .acd-content .info {
    border: 1px solid #EEE;
    padding: 20px;
    margin: 15px 0;
}

/* -----------------------
kiritohare
-----------------------*/
#kiritohare .main_visual {
	background: url("../img/contents/kiritohare/main_pc.jpg") no-repeat center;
    background-size: cover;
    height: 80vh;
    margin-bottom: 80px;
}
#kiritohare section .inner {
	width: 1200px;
	margin: 0 auto;
}
#kiritohare .txt-box {
	margin: 0 0 80px 0;
}
#kiritohare .message {
	margin: 0 0 80px 0;
}
#kiritohare .message .inner {
	width: 800px;
	text-align: center;
}
#kiritohare .message .inner .box {
	margin-bottom: 30px;
}
#kiritohare .message .inner .signature {
	margin-top: 40px;
	text-align: right;
}
#kiritohare .message p {
	margin-bottom: 20px;
}
#kiritohare .intro p,
#kiritohare #story p {
	margin-bottom: 10px;
}
#kiritohare .message p:last-child,
#kiritohare .intro p:last-child,
#kiritohare #story p:last-child {
	margin-bottom: 0;
}

#kiritohare .message .img-box {
	background: url("../img/contents/kiritohare/message_pc.jpg") no-repeat center fixed;
    background-size: cover;
    height: 80vh;
    margin-bottom: 80px;
}
#kiritohare .intro p,
#kiritohare #story p {
	margin-bottom: 10px;
}
#kiritohare .intro p:last-child,
#kiritohare #story p:last-child {
	margin-bottom: 0;
}
#kiritohare #promise .img-box {
	background: url("../img/contents/kiritohare/promise_pc.jpg") no-repeat center fixed;
    background-size: cover;
    height: 80vh;
    margin-bottom: 80px;
}
#kiritohare #story .txt-box,
#kiritohare #kokoro .txt-box,
#kiritohare #promise .txt-box {
	text-align: center;
}
#kiritohare #story .txt-box p {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}
#kiritohare #kokoro ul,
#kiritohare #promise ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 60px 0 0 0;
}
#kiritohare #kokoro ul li,
#kiritohare #promise ul li {
	width: 31.3333%;
    margin: 0 1% 40px 1%;
    padding: 20px;
    text-align: left;
    border: 1px solid #EEE;
}

/* -----------------------
teabag-bar
-----------------------*/
#teabag-bar .inner {
    text-align: center;
    margin-bottom: 40px;
}
#teabag-bar .flex {
    display: flex;
    justify-content: space-between;
}
#teabag-bar p {
    margin: 5px 0 0 0;
}
#teabag-bar .box {
    padding: 40px;
    width: 50%;
}
#teabag-bar .teabag-kirito {
    background: linear-gradient(to right, #FFF, #DAECF3 40%);
    display: flex;
    justify-content: flex-end;
}
#teabag-bar .teabag-hare {
    background: linear-gradient(to right, #FDECCB 60%, #FFF);
}
#teabag-bar .box .inner_box {
    width: 400px;
}
#teabag-bar .box .img-box {
    margin-top: 30px;
}
#teabag-bar .box .inner_box p {
    font-size: 13px;
    line-height: 160%;
}

/* ===============================================
teabag-bar 2025
=============================================== */
#teabag-bar .teabag-kirito,
#teabag-bar .teabag-hare {
background: #fff;
width: 48%;
}
#teabag-bar .flex {
display: flex;
justify-content: space-between;
padding: 0 20px;
}
#teabag-bar .box {
padding: 0;
}
#teabag-bar .box h3 {
font-size: 16px;
margin: 0 0 10px 0;
}
#teabag-bar .box h4 {
font-size: 12px;
letter-spacing: -0.05em;
}
#teabag-bar .box .inner_box p {
font-size: 12px;
}
#teabag-bar .box .img-box {
margin-top: 0;
}

/* -----------------------
quality
-----------------------*/
#quality .main_visual {
	background: url(../img/contents/quality/main_pc.jpg) no-repeat center;
    background-size: cover;
    height: 80vh;
    margin-bottom: 80px;
}
#quality section {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
#quality .img-box {
	width: 55%;
}
#quality .txt-box {
	width: 40%;
}

/* -----------------------
drink
-----------------------*/
#drink .main_visual {
	background: url(../img/contents/drink/main_pc.jpg) no-repeat center;
    background-size: cover;
    height: 80vh;
    margin-bottom: 80px;
}
#drink .ttl_area {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
#drink section {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#drink ul {
	margin-top: 60px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#drink ul::after{
  content:"";
  display: block;
  width: 31.333%;
}
#drink li {
	width: 31.333%;
	padding: 0 1%;
	margin-bottom: 40px;
}
#drink li iframe {
	width: 360px;
	height: 200px;
}
#drink li h3 {
	text-align: center;
}
#drink .btn_line {
	margin: 10px auto 0 auto;
	width: 1200px;
}

/* -----------------------
subscription
-----------------------*/
#subscription .mv {
	height: 80vh;
	background: url("../img/contents/subscription/mv_pc.jpg") no-repeat;
	background-size: cover;
	margin-bottom: 80px;
}
#subscription section {
	width: 1200px;
	margin: 0 auto 80px auto;
}
#subscription ul.menu {
	width: 1200px;
    margin: 0 auto 80px auto;
	display: flex;
    justify-content: center;
}
#subscription ul.menu li {
	margin-right: 30px;
}
#subscription ul.menu li a {
	position: relative;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-down-short%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%204a.5.5%200%200%201%20.5.5v5.793l2.146-2.147a.5.5%200%200%201%20.708.708l-3%203a.5.5%200%200%201-.708%200l-3-3a.5.5%200%201%201%20.708-.708L7.5%2010.293V4.5A.5.5%200%200%201%208%204z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%;
	background-size: 15px;
	padding-left: 20px;
}
#subscription ul.menu li a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #85BFD6;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
#subscription ul.menu li a:hover::after {
    transform: scale(1, 1);
}
#subscription #feature ul,
#subscription #course ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#subscription #feature ul li {
	width: 33.33333%;
	padding: 20px;
}
#subscription #feature ul li .img-box,
#subscription #course ul li .img-box {
	margin-bottom: 10px;
}
#subscription #course ul li {
	width: 50%;
	padding: 20px;
	display: flex;
    flex-direction: column;
    padding: 10px 20px 40px 20px;
}
#subscription h2 {
	text-align: center;
}
#subscription #course ul li h4 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 15px;
}
#subscription #course ul li .icon {
	margin: 0 0 5px 0;
}
#subscription #course ul li .icon span {
	padding: 2px 5px;
    border: 1px solid #85BFD6;
    color: #85BFD6;
    margin-right: 3px;
}
#subscription #course ul li p {
	margin: 0;
}
#subscription #course ul li .txt-box {
	margin-bottom: 20px;
}
#subscription #course ul li .price {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
#subscription #course ul li .price p {
    font-size: 24px;
    margin-bottom: 10px;
}
#subscription #course ul li .btn_box {
    margin-top: auto;
}

#subscription #flow ul {
	margin: 0 20px;
}
#subscription #flow ul li {
	margin-bottom: 40px;
}
#subscription #flow ul li h3 {
	margin-bottom: 20px;
}

#subscription #faq dl {
    padding: 0 20px;
    margin: 0;
}
#subscription #faq dl dt {
    background: #85BFD6;
    color: #FFF;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
#subscription #faq dl dt p {
    padding: 10px 30px 10px 2em;
    text-indent: -2em;
    margin-left: 15px;
}
#subscription #faq dl dt p::before {
    content: "Q　";
    font-size: 16px;
    line-height: 160%;
    color: #FFF;
}
#subscription #faq dl dd {
    opacity: 1;
    padding: 10px 10px 30px 10px;
    margin: 0;
}
#subscription #faq dl dd::before {
    content: "A";
    font-size: 16px;
    line-height: 160%;
    color: #85BFD6;
    display: block;
}
#subscription #faq dl dd a {
    text-decoration: underline;
}
#subscription #faq dl dd a:hover {
    text-decoration: none;
}
#subscription #faq dl dd p {
    margin-bottom: 10px;
}
#subscription #faq dl dd p:last-child {
    margin-bottom: 0;
}


/* -----------------------
company
----------------------- */
#company .mv {
	height: 80vh;
	background: url("../img/contents/company/main_pc.jpg") no-repeat;
	background-size: cover;
	margin-bottom: 80px;
}
#company .ttl_area p {
	margin-bottom: 10px;
}
#company .ttl_area p:last-child {
	margin-bottom: 0;
}
#company .inner {
	width: 800px;
}
#company section {
	margin-bottom: 80px;
}
#company #profile h3 small {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin: 5px 0 0 0;
}
#company #profile dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #EEE;
}
#company #profile dl dt,
#company #profile dl dd {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #EEE;
}
#company #profile dl dt {
	width: 15%;
}
#company #profile dl dd {
	width: 85%;
}
#company #profile dl dd a {
	border-bottom: 1px solid #85BFD6;
	margin: 0 2px;
}
#company #history .photo {
	height: 80vh;
	background: url("../img/contents/company/history_pc.jpg") no-repeat;
	background-size: cover;
	margin-bottom: 80px;
}
#company #history .history_box {
	margin-bottom: 50px;
	position: relative;
	padding: 10px;
}
#company #history .history_box::before {
	border-left: 2px solid #85BFD6;
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	height: 100%;
}
#company #history .history_box .img-box {
	margin: 0 0 20px 25px;
}
#company #history .history_box .point .img-box {
	margin: 20px 0;
}
#company #history .history_box .point {
	padding-left: 30px;
	margin-bottom: 60px;
	position: relative;
}
#company #history .history_box .point:last-child {
	margin-bottom: 0;
}
#company #history .history_box .point::before {
	content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 8px;
    border: 2px solid #85BFD6;
    position: absolute;
    top: 8px;
    left: -3px;
    background: #FFF;
}

#kiritohare .links,
#quality .links,
#company .links {
	width: 1200px;
	margin: 0 auto;
}
#kiritohare .links .btn_line,
#quality .links .btn_line,
#company .links .btn_line {
	margin-bottom: 10px;
}

/* -----------------------
material
----------------------- */
#material .ttl_area p {
	text-align: center;
}
#material .material_box {
	width: 1200px;
	margin: 80px auto 0 auto;
}
#material .material_list {
	margin: 0 0 30px 0;
}
#material .material_list p {
	text-align: right;
    margin: 0 0 10px 0;
}
#material .material_list table .itemname {
    width: 25%;
}
#material .material_list table .allergie {
    width: 10%;
}
#material .material_list table .gram {
    width: 10%;
    border-left: none;
}
#material .material_list table .material {
    width: 35%;
}
#material .material_list table .component {
    width: 25%;
    border-left: none;
}
#material .material_list table th, #material .material_list table td {
    padding: 5px 10px;
    border-bottom: 1px solid #CCC;
    border-right: 1px dashed #CCC;
}
#material .material_list table th {
    background: #DDD;
    font-weight: normal;
    text-align: center;
}
#material .material_list td {
    padding: 5px 10px;
    border-bottom: 1px solid #CCC;
    border-right: 1px dashed #CCC;
}

/* -----------------------
material-gift
----------------------- */
#material .material_list.material-gift table .itemname {
    width: 12%;
}
#material .material_list.material-gift table .itemcontents {
    width: 24%;
}
#material .material_list.material-gift table .allergie {
    width: 8%;
}
#material .material_list.material-gift table .gram {
    width: 8%;
    border-left: none;
}
#material .material_list.material-gift table .material {
    width: 29%;
}
#material .material_list.material-gift table .component {
    width: 21%;
    border-left: none;
}

/* -----------------------
gift
-----------------------*/
#gift .mv {
	height: 80vh;
	background: url("../img/contents/gift/main_pc.jpg") no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 80px;
}
#gift section {
	width: 1200px;
	margin: 80px auto;
}
#gift ul.menu {
	width: 1200px;
    margin: 0 auto 80px auto;
	display: flex;
    justify-content: center;
}
#gift ul.menu li {
	margin-right: 30px;
}
#gift ul.menu li a {
	position: relative;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-down-short%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%204a.5.5%200%200%201%20.5.5v5.793l2.146-2.147a.5.5%200%200%201%20.708.708l-3%203a.5.5%200%200%201-.708%200l-3-3a.5.5%200%201%201%20.708-.708L7.5%2010.293V4.5A.5.5%200%200%201%208%204z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%;
	background-size: 15px;
	padding-left: 20px;
}
#gift ul.menu li a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #85BFD6;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
#gift ul.menu li a:hover::after {
    transform: scale(1, 1);
}
#gift #feature ul,
#gift #course ul {
	display: flex;
	flex-wrap: wrap;
}
#gift #feature ul li {
	width: 33.33333%;
	padding: 20px;
	text-align: center;
}
#gift #feature ul li .img-box,
#gift #course ul li .img-box {
	margin-bottom: 10px;
}
#gift #gift_fresh h2 {
	margin-top: 30px;
}
#gift #course ul li {
	width: 50%;
	display: flex;
    flex-direction: column;
    padding: 10px 20px 40px 20px;
}
#gift #course ul li h4 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 15px;
}
#gift #course ul li .icon {
	margin: 0 0 5px 0;
}
#gift #course ul li .icon span {
	padding: 2px 5px;
    border: 1px solid #85BFD6;
    color: #85BFD6;
    margin-right: 3px;
}
#gift #course ul li p {
	margin: 0;
}
#gift #course ul li .txt-box {
	margin-bottom: 20px;
}
#gift #course ul li .price {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
#gift #course ul li .price p {
    font-size: 24px;
    margin-bottom: 10px;
}
#gift #course ul li .btn_box {
    margin-top: auto;
}

#gift #flow ul {
	margin: 0 20px;
}
#gift #flow ul li {
	margin-bottom: 40px;
}
#gift #flow ul li h3 {
	margin-bottom: 20px;
}

#gift #faq dl {
    padding: 0 20px;
    margin: 0;
}
#gift #faq dl dt {
    background: #85BFD6;
    color: #FFF;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
#gift #faq dl dt p {
    padding: 10px 30px 10px 2em;
    text-indent: -2em;
    margin-left: 15px;
}
#gift #faq dl dt p::before {
    content: "Q　";
    font-size: 16px;
    line-height: 160%;
    color: #FFF;
}
#gift #faq dl dd {
    opacity: 1;
    padding: 10px 10px 30px 10px;
    margin: 0;
}
#gift #faq dl dd::before {
    content: "A";
    font-size: 16px;
    line-height: 160%;
    color: #85BFD6;
    display: block;
}
#gift #faq dl dd a {
    text-decoration: underline;
}
#gift #faq dl dd a:hover {
    text-decoration: none;
}
#gift #faq dl dd p {
    margin-bottom: 10px;
}
#gift #faq dl dd p:last-child {
    margin-bottom: 0;
}
#gift_intro {
	width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
#gift_intro .img-box {
    width: 55%;
}
#gift_intro .txt-box {
    width: 40%;
}
#gift #gift_pk {
	width: 1000px;
	margin: 80px auto;
}
#gift #feature_image {
	display: flex;
	align-items: center;
}
#gift #feature_image .img-box {
	width: 740px;
}
#gift #feature_image .txt-box {
	margin-left: 70px;
}
#gift #feature_image .txt-box ul {
	padding-left: 5px;
}
#gift #feature_image .txt-box li {
	margin-bottom: 10px;
	line-height: 160%;
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
#gift #feature_image .txt-box li::before {
	content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #85BFD6;
    border-radius: 50%;
    position: relative;
    top: -1px;
    margin-right: 10px;
}
#gift #buy.gift .inner {
	flex-wrap: wrap;
}
#gift #buy.gift .inner li {
	width: 25%;
}
#gift #buy.gift h2 {
	text-align: center;
}


/* -----------------------
bottle
-----------------------*/
#bottle .mv {
	height: 80vh;
	background: url("../img/contents/bottle/main_pc.jpg") no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 80px;
}
#bottle section {
	width: 1200px;
	margin: 80px auto;
}
#bottle #course ul {
	display: flex;
	flex-wrap: wrap;
}
#bottle #course ul li .img-box {
	margin-bottom: 10px;
}
#bottle #bottle_intro .txt-box {
	margin-top: 30px;
}
#bottle #course ul li {
	width: 50%;
	display: flex;
    flex-direction: column;
    padding: 10px 20px 40px 20px;
}
#bottle #course ul li h4 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 15px;
}
#bottle #course ul li .icon {
	margin: 0 0 5px 0;
}
#bottle #course ul li .icon span {
	padding: 2px 5px;
    border: 1px solid #85BFD6;
    color: #85BFD6;
    margin-right: 3px;
}
#bottle #course ul li p {
	margin: 0;
}
#bottle #course ul li .txt-box {
	margin-bottom: 20px;
}
#bottle #course ul li .price {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
#bottle #course ul li .price p {
    font-size: 24px;
    margin-bottom: 10px;
}
#bottle #course ul li .btn_box {
    margin-top: auto;
}
#bottle #designer_intro {
	display: flex;
	align-items: center;
}
#bottle #designer_intro .img-box,
#bottle #miir .img-box {
	width: 40%;
}
#bottle #designer_intro .txt-box,
#bottle #miir .txt-box {
	margin-right: 70px;
	width: 60%;
}
#bottle #miir .txt-box h2 img {
	width: 150px;
}
#bottle #designer_intro .txt-box ul {
	padding-left: 5px;
}
#bottle #designer_intro .txt-box li {
	margin-bottom: 10px;
	line-height: 160%;
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
#bottle #designer_intro .txt-box li::before {
	content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #85BFD6;
    border-radius: 50%;
    position: relative;
    top: -1px;
    margin-right: 10px;
}
#bottle #buy.bottle .inner {
	flex-wrap: wrap;
	justify-content: center;
}
#bottle #buy.bottle .inner li {
	width: 25%;
}
#bottle #buy.bottle h2 {
	text-align: center;
}
#bottle section#miir {
	padding: 30px;
    border: 1px solid #85BFD6;
    margin: 100px auto;
	display: flex;
    align-items: center;
	flex-direction: row-reverse;
}
#bottle section#designer_intro {
	padding: 30px;
    border: 1px solid #F7BF54;
    margin: 100px auto;
	display: flex;
    align-items: center;
	flex-direction: row-reverse;
}
#bottle section#designer_intro a {
	position: relative;
}
#bottle section#designer_intro a::after {
	content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #85BFD6;
    transition: all .3s;
    transform: scale(1, 1);
    transform-origin: center top;
}

/* -----------------------
notice-parts
----------------------- */
#notice-parts .notice {
	margin: 30px 0;
}
#notice-parts .notice dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	align-items: center;
}
#notice-parts .notice dl dt {
	margin: 0;
	padding: 10px 0;
	width: 10%;
}
#notice-parts .notice dl dt img {
	width: 100%;
	height: auto;
}
#notice-parts .notice dl dd {
	margin: 0;
	padding: 10px;
	width: 90%;
}
#notice-parts .notice .btn_line {
	margin-top: 20px;
}


/* -----------------------
kiritohare365
-----------------------*/
#kiritohare365 .mv {
	height: 80vh;
	background: url("../img/contents/kiritohare365/main_pc.jpg") no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 80px;
}
#kiritohare365 section {
	width: 1200px;
    padding: 70px 0 40px;
    margin: 80px auto;
}
#kiritohare365 #buy.kiritohare365 h2 {
	text-align: center;
}
#kiritohare365 #buy.kiritohare365 .inner {
	flex-wrap: wrap;
	justify-content: flex-start;
}
#kiritohare365 #buy.kiritohare365 .inner li {
	width: 25%;
    margin-bottom: 30px;
}


/* -----------------------
member
-----------------------*/
#member h1 {
	text-align: center;
}
#member .btn_line {
	margin-top: 20px;
}
#member #merit ul.flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: -20px;
}
#member #merit ul.flex li {
	width: 560px;
	padding: 40px 50px;
	background: #DAECF3;
	margin: 20px;
	display: flex;
    flex-direction: column;
}
#member #merit ul.flex li img {
    margin: 0 auto 20px auto;
}
#member #merit ul.flex li img.point {
	width: 80px;
}
#member #merit ul.flex li img.news {
	width: 78px;
}
#member #merit ul.flex li img.smart {
	width: 90px;
}
#member #merit ul.flex li img.up {
	width: 80px;
}
#member #benefits .img-box {
	padding: 0 20px;
}
#member #benefits p {
	margin-top: 30px;
}
#member .message .btn_line {
	justify-content: flex-start;
    margin-bottom: 30px;
}


/* -----------------------
about_register
-----------------------*/
.about_register {
	margin: 100px auto 0 auto;
    text-align: center;
}
.about_register .img-box {
	margin-top: 30px;
}
.about_register .btn_line {
	display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}



/* -----------------------
Home 会員登録
-----------------------*/
.fs-c-inputInformation__message .btn_line a,
.fs-c-checkbox__labelText a {
	border-bottom: 1px solid #85BFD6;
}
.fs-c-checkbox__labelText a {
	padding-bottom: 2px;
}



/* -----------------------
マイページ クーポン情報
-----------------------*/
#fs_MyCoupons .fs-c-productListCarousel {
	display: block;
}
#fs_MyCoupons .fs-c-productListCarousel__ctrl {
	display: none;
}
#fs_MyCoupons .fs-c-productListCarousel__list,
#fs_MyCoupons .slick-track {
	width: 100%!important;
}
#fs_MyCoupons .slick-initialized .slick-slide {
	width: 23%;
	margin: 0 1% 50px 1%;
	height: auto;
}
#fs_MyCoupons .slick-initialized .slick-slide h2 {
	font-size: 16px;
    font-weight: 400;
    line-height: 160%;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 10px 0;
}
#fs_MyCoupons .slick-initialized .slick-slide h2 .fs-c-productName__copy {
	font-size: 11px;
    display: block;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-productPrice__main__label,
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-productPrice__addon,
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-price__currencyMark,
#fs_MyCoupons .fs-c-productListCarousel__ctrl.slick-disabled > .fs-c-button--carousel span.fs-c-button__label,
#fs_MyCoupons span.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--next.slick-arrow .fs-c-button__label {
	display: none;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-price__value::after {
	content: "(税込)";
	font-size: 12px;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-productListItem__productDescription {
	display: none;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-productListItem__control.fs-c-buttonContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin: 10px 0 0 0;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-productListItem__control.fs-c-buttonContainer form {
	width: 100%;
}
#fs_MyCoupons .slick-initialized .slick-slide .fs-c-button--addToCart--list.fs-c-button--plain {
	background: #f7bf54;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    text-align: center;
    width: 95%;
    height: 40px
}
#fs_MyCoupons .slick-initialized .slick-slide button.fs-c-button--addToWishList--icon.fs-c-button--particular {
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23999999%22%20class%3D%22bi%20bi-heart%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m8%202.748-.717-.737C5.6.281%202.514.878%201.4%203.053c-.523%201.023-.641%202.5.314%204.385.92%201.815%202.834%203.989%206.286%206.357%203.452-2.368%205.365-4.542%206.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878%2010.4.28%208.717%202.01L8%202.748zM8%2015C-7.333%204.868%203.279-3.04%207.824%201.143c.06.055.119.112.176.171a3.12%203.12%200%200%201%20.176-.17C12.72-3.042%2023.333%204.867%208%2015z%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
    background-size: 100%;
    display: block;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    width: 8%;
    height: 40px;
    text-indent: -9999px;
}


/* -----------------------
クーポン対象商品一覧
-----------------------*/
#fs_CouponProductList .fs-c-productListItem__productDescription {
	display: none;
}


/* -----------------------
バナーエリア
-----------------------*/
#bnr-area {
	margin: 0 auto 50px;
    text-align: center;
}
#toppage #bnr-area {
	margin: 80px auto 0;
}

/* ===============================================
event_bnr 2025
=============================================== */
#event_bnr .slider-min {
max-width: 1000px;
}
#event_bnr {
margin: 0px auto;
text-align: center;
}
.fs-body-top #event_bnr {
margin: 80px auto;
}
#event_bnr .swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#event_bnr .swiper-slide a {
  height: auto;
}
#event_bnr .min-bnr-slide {
display: flex;
flex-direction: column;
}
#event_bnr .min-bnr-slide a {
margin: 5px;
box-sizing: border-box;
}