@charset "utf-8";

/************************

blantonsブランドサイト CSS　2026 by FLICKS
sp用

************************/
/* ---　SPサイズのみ　---*/
@media all and (max-width:767px) {
	.l-inner {
		padding: 0 8%;
	}

	.blantons-contents {
		font-size: 14px;
	}

	.page-title {
		height: 14em;
	}

	.page-title h1 {
		font-size: 22px;
		font-weight: 600;
	}

	.anchor-nav {
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 18px;
	}

	.anchor-nav a {
		padding: 0.5em 1.35em;
		padding-left: 2.8em;
	}

	.section-title {
		font-size: 20px;
		margin-bottom: 1.2em;
		border-color: #888888;
		padding-bottom: 0.5em;
	}

	.blantons-article>section {
		padding: 3em 0;
	}

	.section-h2 {
		font-size: 20px;
	}

	.section-h3 {
		font-size: 17px;
		margin-bottom: 0.6em;
		margin-top: 2.5em;
	}

	p+.section-h3,
	.basics__text+.section-h3 {
		margin-top: 2.5em;
	}

	.c-box {
		padding: 1.2em;
	}

	#bourbon #home {
		padding-top: 3em;
	}

	#stoppers {
		padding-top: 4em;
	}

	.process-item {
		padding: 28px 1em 13px;
		margin: 52px 0px;
	}

	.process-item:first-of-type {
		margin-top: 2em;
	}

	.process-item__title {
		font-size: 18px;
	}

	.process-item:not(:last-child)::after {
		bottom: -37px;
		border-width: 30px;
		border-top-width: 16px;
	}

	.how-made__leader {
		margin-bottom: 0;
	}

	.process-item__list li {
		padding: 1em 0;
		font-size: 13px;
	}

	.blantons-footer {
		padding-top: 50px;
	}

	.blantons-footer__banner ul {
		flex-direction: column;
	}

	.blantons-footer__banner li img {
		width: 90%;
		margin: auto;
		display: block;
	}

	.blantons-footer .blantons-nav ul {
		font-size: 14px;
	}


	.blantons-footer .blantons-nav li+li {
		margin-top: 0.5em;
	}

	.statue-box {
		display: block;
		padding: 20px 24px;
		font-size: 14px;
	}


	.statue-box__jpn {
		border-top: #888888 1px solid;
		padding-top: 1em;
	}


	/**********************************
 
TOPページ
 
**********************************/
	.mv {
		height: auto;
		padding-top: 79vw;
		padding-bottom: 10vw;
	}

	.mv__logo {
		max-width: 54%;
		margin: 2em auto 0.6em;
	}

	.mv__copy {
		max-width: 100%;
		margin: auto;
		display: block;
	}

	.scroll-btn {
		bottom: 1em;
		left: 1em;
		width: 9px;
	}

	.c-btn a,
	.c-btn a:hover {
		font-size: 13px;
		padding: 0.7em 4em;
	}

	.mv {
		background: #000 no-repeat center top 3vw;
		background-size: 205%;
		min-height: auto !important;
	}

	.mv__bg {
		background-position: center top 3vw;
		background-size: 205%;
	}

	.mv__copy img {
		max-width: 85%;
		height: auto;
		margin: auto;
		display: block;
	}

	/**********************************
 
section
 
**********************************/

	#bourbon #basics {
		background: none;
	}

	#bourbon #basics::after {
		content: "";
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1.3 / 1;
		background: url(../images/bourbon/img_01.webp) no-repeat 114% top;
		background-size: 120%;
	}

	.products-item--text {
		padding-top: 0em;
	}

	.products-item {
		flex-direction: column-reverse;
		gap: 20px;
		padding: 60px 0;
	}

	.products-item--name {
		font-size: 22px;
		line-height: 1.2;
		font-weight: 500;
		text-align: center;
		margin-bottom: 0.8em;
	}

	.products-item--eng {
		margin-top: 0.3em;
	}

	.products-item--img {
		max-width: 40%;
	}

	.recipe-list {
		max-width: 100%;
		padding-top: 16vw;
	}

	#recipes .page-title::before {
		background: url(../images/recipes/page-title.webp) center left -125px / cover no-repeat;
	}

	.recipe-item {
		width: 100%;
		margin-bottom: 27vw;
	}

	.recipe-item:nth-last-child(-n+3) {
		margin-bottom: 18vw;
	}

	.recipe-item:nth-last-child {
		margin-bottom: 20px;
	}

	.recipe-item p {
		line-height: 1.7;
	}

	.recipe--name {
		font-size: 22px;
		font-weight: 500;
	}

	.recipe-item p.ingredients,
	.recipe-item p.ingredients+p {
		font-size: 13px;
	}

	.recipe-item p.ingredients+p {
		line-height: 1.6;
		font-weight: 100;
		;
	}

	.recipe--img {
		min-height: 0px;
	}

	.announce {
		font-size: 16px;
		border-width: 2px;
		padding: 1.2em 0.8em;
		margin-top: 50px;
	}

	.announce__prize {
		display: block;
	}

	.announce p+p {
		margin-top: 1em;
	}

	.awards-item {
		flex-direction: column;
		border-width: 3px;
	}

	.awards-item__img {
		padding-top: 30px;
		padding-left: 0;
		width: 200px;
		max-width: 40%;
	}

	.awards-item__data {
		padding: 0 10px;
	}

	.awards-item__name {
		font-size: 18px;
		font-weight: 700;
	}

	.awards-item__name {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 0;
		line-height: 1.1;
	}

	.awards-item__name-sub {
		font-size: 13px;
		margin-top: 0.6em;
	}

	.awards-item__prize {
		padding: 10px 20px;
		gap: 10px;
		flex-direction: column;
		padding-bottom: 20px;
	}

	.about-award h2 {
		font-size: 18px;
		line-height: 1.2;
	}
}