@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Noto Serif JP', serif;
	top: 0px !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none;}

.indent1{
	padding-left: 1em;
	text-indent: -1em;
}

div#wrap.sub{
		max-width: 740px;
	    background-color: #000;
	}
	
/*-------------------header-------------------*/

	.site-header {
		width: 100%;
		background: #FFFFFF;
		padding: 0 16px 0;
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}

	.header-inner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}

	.site-header .logo{
		width: 50%;
		max-width: 340px;
		margin: 0;
		padding: 0;
		display: flex;
	}

	.site-header .logo img{
		width: 100%;
	}
	
	.header_wrap{
		padding: 0 6vw 0 0;
		display: flex;
		align-items: center;
		position: relative;
	}
	
	.header_wrap::before{
	  content: "";
	  position: absolute;
	  width: 1.7vw;
	  height: 1.7vw;
	  border-right: 2px solid #000;
	  border-bottom: 2px solid #000;
	  transform: rotate(45deg); /* 下向き */
	  right: 7px;
	  top: 5px;
	}

	
	.img_header_lang{
		width: 5vw;
		max-width: 29px;
		height: 5vw;
    	max-height: 29px;
    	margin: 0 1vw 0 0;
	}
	
	.img_header_lang img{
		width: 100%;
	}
	
	.lang-dropdown {
	  position: relative;
	  border-left: solid 1px #C9C9C9;
	  
	}
	
	.lang-toggle {
	  background: none;
	  border: none;
	  font-size: min(4.5vw , 30px);
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  gap: 6px;
	  padding: 3vw 0 3vw 4vw;
	  line-height: 1;
	  color: #000000;
	}
	
	/* ドロップ */
	.lang-menu {
	  position: absolute;
	  top: 120%;
	  right: 0;
	  list-style: none;
	  margin: 0;
	  padding: 8px 0;
	  background: #fff;
	  border: 1px solid #ddd;
	  border-radius: 8px;
	  display: none;
	  min-width: 180px;
	  box-shadow: 0 6px 14px rgba(0,0,0,0.1);
	  z-index: 999;
	}

	.lang-menu li {
	  padding: 12px 16px;
	  cursor: pointer;
	  font-size: 14px;
	}

	.lang-menu li:active {
	  background: #f0f0f0;
	}

	.lang-dropdown.active .lang-menu {
	  display: block;
	}
	
	



/*-----------------footer---------------*/


	footer#footer{
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
	}

	.footer_img{
		width: 60%;
		max-width: 340px;
		margin: 0 auto;
	}

	.footer_img img{
		width: 100%;
	}

/*-----------------main---------------*/

	.bg_topmain{
		width: 100%;
		height: 183vw;
		margin: 0;
		padding: 0;
		background-image: url(../img/main_bg-sp.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center top 15vw;
		position: relative;
		display: flex;
        align-items: flex-end;
	}

	.img_kawaishi{
		width: 35%;
		max-width: 167px;
		margin: 0 0 3.4vw;
	}
	
	.img_kawaishi img{width: 100%;}

	.column_top {
		margin: 0 0 10vw 7vw;
		padding: 0;
	    display: flex;
	    flex-direction: column;
	    color: #FFFFFF;
	    font-size: min(22px , 2.97vw);
	}
	
	html[lang="fr"] .column_top{margin: 0 2vw 10vw 7vw;}
	html[lang="ru"] .column_top{margin: 0 2vw 10vw 7vw;}
	html[lang="es"] .column_top{margin: 0 2vw 10vw 7vw;}
	
	.column_top .brewer{font-size: min(33px , 4.45vw)}
	.column_top .name{
		margin: 0 0 10px;
		font-size: min(66px , 8.9vw);
	}
	.column_top .list_top{
		margin: 0 0 3.4vw;
		font-size: min(28px , 3.78vw);
	}
	
	.column_top .list_top .indent1{
		margin: 0 0 5px;
	}
	html[lang="fr"] .column_top .list_top .indent1{
		padding-left: 1em;
   		text-indent: -1em;
	}
	html[lang="ru"] .column_top .list_top .indent1{
		padding-left: 1em;
   		text-indent: -1em;
	}
	html[lang="es"] .column_top .list_top .indent1{
		padding-left: 1em;
   		text-indent: -1em;
	}
	h2.mds_title{
		margin: 0 0 7vw;
		font-size: min(13.52vw , 100px);
	}
	
	h3.mds_subtitle{
		font-size: min(3.9vw , 29px);
		font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
		text-align: center;
	}
	
	.box_txt{
		width: 83%;
		max-width: 598px;
		margin: 0 auto 0;
	}
	
/*-----------------rice---------------*/
	section.box_rice{
		width: 100%;
		margin: 0 0 15.5vw;
		padding: 0;
	}
	
	.wrap_rice1{
		width: 100%;
		margin: 0 0 2vw;
		display: block;
	}
	
	.img_rice1{
		width: 91%;
		max-width: 670px;
		margin: 0 auto 12.4vw 0;
	}
	
	.img_rice1 img{width: 100%;}
	
	
	.cont_ttl1{
		margin: 0 0 5vw;
		font-size: min(5.68vw , 42px);
		line-height: 1.6;
		font-weight: 600;
	}
	
	.inner_cont1{
		margin: 0 0 10.5vw;
		font-size: min(3.79vw , 28px);
		line-height: 1.8;
		letter-spacing: -0.05em;
	}
	
	.inner_cont2{
		width: 81%;
		max-width: 600px;
		margin: 0 auto;
		font-size: min(3.79vw , 28px);
		line-height: 1.8;
	}
	
	.box_bg_rice{
		width: 81%;
		max-width: 600px;
		margin: 0 auto 5.5vw;
	}
	
	.box_bg_rice img{
		width: 100%;
	}

	
	
/*-----------------malt---------------*/

	section.box_malt{
		width: 100%;
		margin: 0 0 22vw;
		padding: 0;
	}
	
	.wrap_malt1{
		width: 100%;
		margin: 0 0 2vw;
		display: block;
	}
	
	.img_malt1{
		width: 91%;
		max-width: 670px;
		margin: 0 0 10vw auto;
	}
	
	.img_malt1 img{width: 100%;}
	
	.box_txt.malt .inner_cont1{
		margin: 0 0 7.5vw;
	}
	
	.box_malt_img{
		width: 81%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.box_malt_img img{width: 100%;}
	
/*-----------------preparation---------------*/

	section.box_preparation{
		width: 100%;
		margin: 0 0 22.5vw;
		padding: 0;
	}
	
	.wrap_preparation1{
		width: 100%;
		margin: 0 0 2vw;
		display: block;
	}
	
	.img_preparation1{
		width: 91%;
		max-width: 670px;
		margin: 0 auto 10vw 0;
	}
	
	.img_preparation1 img{width: 100%;}
	
	.box_txt.preparation .inner_cont1{
		margin: 0 0 8.5vw;
	}
	
	.box_preparation_img{
		width: 81%;
		max-width: 600px;
		margin: 0 auto 2vw;
	}
	
	.box_preparation_img img{width: 100%;}
	
/*-----------------shibori---------------*/

	section.box_shibori{
		width: 100%;
		margin: 0 0 25.5vw;
		padding: 0;
	}
	
	.wrap_shibori{
		width: 100%;
		margin: 0 0 2vw;
		display: block;
	}
	
	.img_shibori1{
		width: 91%;
		max-width: 670px;
		margin: 0 0 10vw auto;
	}
	
	h2.mds_title.shibori{
		margin: 0 0 4vw;
	}
	
	.img_shibori1 img{width: 100%;}
	
	.box_txt.shibori .cont_ttl1{
		margin: 0 0 7vw;
	}
	
	.box_txt.shibori .inner_cont1{
		margin: 0 0 9vw;
	}
	
	.box_shibori_img{
		width: 81%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.box_shibori_img img{width: 100%;}
	
	
/*-----------------squeeze---------------*/
	
	section.box_squeeze{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	h2.mds_title.squeeze{
		margin: 0 0 3vw;
	}
	
	.wrap_squeeze{
		width: 100%;
		margin: 0 0 2vw;
		display: block;
	}
	
	.box_txt.squeeze .cont_ttl1{
		margin: 0 0 4vw;
	}
	
	.img_squeeze1{
		width: 91%;
		max-width: 670px;
		margin: 0 auto 12vw 0;
	}
	
	.img_squeeze1 img{width: 100%;}
	
	
	
/*-----------------storehouse---------------*/
	
	section.box_storehouse{
		width: 100%;
		margin: 0;
		padding: 9.5vw 0 10vw;
		color: #764100;
		background-image: url(../img/under_bg-sp.jpg);
		background-size: 100%;
		background-repeat: repeat-y;
	}
	
	.small_ttl_storehouse{
		font-size: min(3.1vw , 24px);
		text-align: center;
		line-height: 1;
		
	}
	
	.ttl_storehouse{
		margin: 0 0 2vw;
		font-size: min(13.5vw , 100px);
		font-weight: 600;
		text-align: center;
		letter-spacing: 0.18em;
		line-height: 1;
	}
	
	.sub_ttl_storehouse{
		margin: 0 0 11vw;
		font-size: min(6.1vw , 46px);
		text-align: center;
	}
	
	.box_storehouse1{
		width: 81%;
		max-width: 600px;
		margin: 0 auto 11vw;
	}
	
	.wrap_storehouse1{
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}
	.inner_box_storehouse1{
		width: 100%;
		margin: 0 0 5.8vw;
		padding: 0;
	}
	
	.inner_wrap_storehouse1{
		width: 100%;
		margin: 0 0 1.5vw;
		padding: 0;
		display: flex;
		align-items: center;
	}
	
	.img_storehouse1{
		width: 100%;
		max-width: 599px;
		margin: 0 auto;
	}
	
	.img_storehouse1 img{
		width: 100%;
	}
	
	.num_storehouse1{
		width: 8.55vw;
		max-width: 63px;
		margin: 0 2vw 0 0;
		padding: 0;
		line-height: 1;
	}
	
	.num_storehouse1 img{
		width: 100%;
	}
	
	.txt_storehouse1{
		    font-weight: 500;
		font-size: min(7.5vw , 45px);
		font-feature-settings: "palt";
		font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	}
	
	
	.ttl_flow{
		margin: 0 0 4vw;
		font-size: min(7.3vw , 54px);
		font-feature-settings: "palt";
		letter-spacing: -0.1em;
		text-align: center;
	}
	
	.sub_ttl_flow{
		font-size: min(4.86vw , 36px);
		text-align: center;
	}
	
	.box_storehouse2{
		width: 91%;
		max-width: 680px;
		height: 107.2vw;
		margin: 0 auto;
		background-image: url(../img/bg_inner-sp.png);
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.txt_storehouse2{
		position: absolute;
		top: 16vw;
		right: 4.5vw;
		text-align: center;
		font-size: min(4.1vw , 26px);
	}
	
	html[lang="es"] .txt_storehouse2 {
	    right: 1.5vw;
	}
	
	html[lang="fr"] .txt_storehouse2 {
	    right: 2.5vw;
	}
	section.box_storehouse .inner_cont1{
		width: 91%;
		max-width: 600px;
		margin: 0 auto;
	}