@charset "utf-8";
#wrapper{padding-bottom:40px;}
.brandList .itemsBlock{
	letter-spacing: 0;
	font-size: 0;
}
.brandList .itemsBlock .item{
	display:inline-block;
	box-sizing:border-box;  
	margin-left:1.23%;
	margin-bottom:1.45%;
	font-size:14px;
	line-height:1.37;
	vertical-align:top;
	border:#fff 1px solid;

	background:#fff;
	color:#4e370b;
}
#list-ichiban-premium ,#list-ichiban-nomikurabe,#list-ichiban-9factory,#list-ichiban-ci{
	background-color: #fff2ce;
}
#list-lager .itemsBlock .item,#list-tanrei .itemsBlock .item,#list-grand .itemsBlock .item,#list-svb .itemsBlock .item,#list-harekaze .itemsBlock .item{
	background:#fffbea;
	border:#f4eacb 1px solid;
}
.brandList img{
	backface-visibility: hidden;
	background-image:none;
	vertical-align: bottom;
}
.brandList .itemsBlock .item figure{margin:0;}
.brandList .itemsBlock .item img{vertical-align: bottom;}
.brandList .itemsBlock .item h4{margin-bottom:3px;font-size:16px;font-weight:bold;}
.brandList .itemsBlock .item h4 span{font-weight: normal;font-size: 90%;}
.brandList .itemsBlock .item .textBlock{padding:3.2% 5% 4.8%;}


/********************************************
	640 以下 SP
	641 以上 PC
*********************************************/

@media only screen and (min-width: 641px) {	
	h1 {
		/* text-align: center; */
		/* background: #ffeeb2 url(/alcohol/beer/gift/z/img/bg_grad_2018w.jpg) no-repeat center top; */
		/* background-size:cover; */
	}
	h1 img {
		/* display: inline-block; */
		/* width: 40.3125%; */
		/* max-width: 387px; */
	}
	#brandMenu {
		background-color: #fffae4;
		
	}
	#brandMenu ul {
		max-width: 960px;
		margin: 0 auto;
		text-align:center;
	}
	#brandMenu ul {
		padding: 36px 0;
	}
	#brandMenu li {
		text-align: left;
		display: inline-block;
		width: 24.1%;
		margin: 0 1.2% 1% 0;
		background-color: #fff;
		border: solid 1px #f2e1c1;
		box-sizing: border-box;
	}
	#brandMenu li:nth-child(4n) {
		/* margin-right: 0; */
	}
	#brandMenu li a {
		display: block;
		position: relative;
		font-size: 108%;
		font-weight: bold;
	}
	#brandMenu li a::before {
		display: block;
		content: "";
		width: 16px;
		height: 16px;
		background: url(/alcohol/beer/gift/images/nav_icon_is.png) no-repeat left top;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#brandMenu li#menu-pi a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_pi.png) ;
	}
	#brandMenu li#menu-nomikurabe a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_nomikurabe.png) ;
	}
	#brandMenu li#menu-lager a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_lager.png) ;
	}
	#brandMenu li#menu-ji a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_ji.png) ;
	}
	#brandMenu li#menu-tanrei a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_tanrei.png) ;
	}
	#brandMenu li#menu-grand a::before {
		background-image: url(/alcohol/beer/gift/images/nav_icon_grand.png) ;
	}


	#brandMenu li a:hover {
		text-decoration: none;
	}
	#brandMenu li .thum,
	#brandMenu li p {
		display: inline-block;
		vertical-align: middle;
		color: #4e370b;
		line-height: 1.4;
	}
	#brandMenu li .thum {
		max-width: 35%;
	}
	.brandList .inner {
		max-width: 960px;
		margin: 0 auto 0;
		padding-top:70px;
	}
	#list-ichiban.brandList .inner {
		padding-top:0;
	}
	.brandList h2 {
		text-align: center;
		margin: 0 0 3%;

	}

	.brandList .textWrap:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}
	.brandList .textWrap .lead {
		font-size: 124%;
		font-weight: bold;
		color: #4e370b;
		text-align:center;
	}
	.brandList .textWrap .sub {
		color: #4e370b;
		font-size: 108%;
		text-align:center;

	}
	#list-ichiban{
		background: #fff2ce url(/alcohol/beer/gift/images/bg_is_fade.jpg) top center no-repeat;
		background-size:contain; 

		padding-top: 60px;
	}

	#list-ichiban .series-kv{
		background-image: url(/alcohol/beer/gift/images/hd_img_is_2023s.png);
		padding-bottom: 26%;
		width:100%;
		background-size:contain;
		position: relative;
	}
	#list-ichiban .series-kv img{
		max-width:960px;
		width:100%;
		height:100%;
		position: absolute;
	}
	#list-ichiban h2{
		margin-bottom:0;
	}
	#list-ichiban .popular{
		margin-bottom:3%;
	}
	#list-ichiban .popular img:first-child{
		width:61.875%;
		display: inline-block;
	}
	#list-ichiban .popular img:last-child{
		width: 100%;
		display: inline-block;
	}
	#list-ichiban .btBrand a{
		background-color: #9e6f1b;
	}
	#list-ichiban-premium .btBrand a{
		background-color: #931303;
	}
	#list-ichiban-9factory .btBrand a{
		background-color: #f18d19;
	}
	#list-ichiban-nomikurabe .btBrand a{
		background-color: #603000;
	}
	#list-ichiban-nomikurabe .textWrap .lead {
		width:auto;
	}
	#list-ichiban-nomikurabe {
		padding-bottom:50px;
	}
	#list-harekaze .btBrand a{
		background-color: #00b2c4;
	}
	#list-lager .btBrand a{
		background-color: #c31918;
	}
	#list-tanrei .btBrand a{
		background-color: #0d4d8b;
	}
	#list-svb .btBrand a{
		background-color: #c8b068;
	}

	#list-grand .btBrand a{
		background-color: #ba8c50;
	}

	#list-ichiban-9factory.brandList .textWrap .lead {
		width: auto;
		float: none;
	}
	#list-ichiban-9factory.brandList .textWrap .lead sup{
		vertical-align:super;
		font-size: 10px;
	}
	#list-ichiban-9factory.brandList .textWrap .awards{padding-top:2.08%;clear:both;}
	#list-ichiban-9factory.brandList .itemsWrap{padding-top:1.5%;}

	.brandList .btBrand {
		width: 32.29%;
	}
	.brandList .btBrand a{position: relative;display:block;color:#000;font-weight:bold;width: 32.29%;margin:20px auto 0;}

	.brandList .itemsWrap {
		position: relative;
		padding: 3% 0 0;
	}

	/* 3col */
	.itemsBlock.col3 .item{width:32.5%;}
	.itemsBlock.col3 .item:first-child,
	.itemsBlock.col3 .item:nth-of-type(3n+1){margin-left:0;}

	/* pc 2col */
	.itemsBlock.col2 .item{width:49.27%;}
	.itemsBlock.col2 .item:first-child,
	.itemsBlock.col2 .item:nth-of-type(2n+1){margin-left:0;}

	#list-lager h2{
		/* margin-top: 5%; */
	}
	.itemsBlock .item .btDrinx{margin:6.9% auto 8%;width:65%;}
	.itemsBlock .item .btDrinx a{display:block;}
}
@media only screen and (max-width: 960px) {
	#brandMenu {
		font-size: 1.3vw;
	}
	.brandList {
		font-size: 1.3vw;
	}
	#brandMenu ul {
		padding: 5% 0;
	}
}
@media only screen and (max-width: 640px) {
	h1 {
		margin-bottom: 4.7%;
	}
	#list-ichiban{
		padding-top: 0;
		background: #fff2ce url(/alcohol/beer/gift/images/bg_is_fade_sp.jpg) top center no-repeat;
		background-size:contain; 
	}
	#list-ichiban .series-kv{
		background-image: url(/alcohol/beer/gift/images/hd_img_is_2025s_sp.png);
		padding-bottom: 20.967%;
		width:100%;
		background-size:contain;
		position: relative;
	}
	#list-ichiban .series-kv img{
		max-width:640px;
		width:100%;
		height:100%;
		position: absolute;
	}
	#brandMenu {
		display: none;
	}
	.brandList{margin:0 auto 0;padding: 2.34% 0;}
	.brandList .inner {
		width: 96.875%;
		margin: 0 auto;
	}
	.brandList h2 {
		line-height: 0;

	}
	.brandList .textWrap {
		padding-bottom: 3.5%;
	}
	.brandList .textWrap .lead {
		width: 92%;
		margin: 0 auto 3%;
		color: #fff;
		font-size: 4.06vw;
	}
	.brandList .textWrap .sub {
		width: 88%;
		margin: 0 auto 1.6%;
		text-indent: -1.5em;
		padding-left:1.5em;
		font-size: 3.4vw;
		line-height: 1.27;
		color: #fff;
	}
	.brandList .btBrand a{
		display: block;
	}
	.brandList .hd-wrap{
		background-position: left top;
		background-repeat: no-repeat;
		background-size:cover;
	}
	#list-ichiban .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_is_sp.jpg);
	}
	#list-ichiban .textWrap .switch {
		background-color: #9e6f1b;
	}
	#list-ichiban .itemsWrap .popular{
		margin-bottom:4%;
	}
	#list-ichiban .btBrand a{
		background-color: #9e6f1b;
	}
	#list-ichiban-premium .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_pi_sp.jpg);
	}
	#list-ichiban-premium .textWrap .switch {
		background-color: #931303;
	}
	#list-ichiban-premium .btBrand a{
		background-color: #931303;
	}
	#list-ichiban-9factory .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_ji_sp.jpg) ;
	}
	#list-ichiban-9factory .textWrap .switch {
		background-color: #f18d19;
	}
	#list-ichiban-9factory .btBrand a{
		background-color: #f18d19;
	}
	#list-ichiban-nomikurabe .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_nomikurabe_sp.jpg) ;
	}
	#list-ichiban-nomikurabe .textWrap .switch {
		background-color: #603000;
	}
	#list-ichiban-nomikurabe .btBrand a{
		background-color: #603000;
	}
	
	#list-harekaze .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_harekaze_sp.jpg) ;
	}
	#list-harekaze .textWrap .switch {
		background-color: #0f96b8;
	}
	#list-harekaze .btBrand a{
		background-color: #0f96b8;
	}
	#list-lager .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_lager_sp.jpg) ;
	}
	#list-lager .textWrap .switch {
		background-color: #c31918;
	}
	#list-lager .btBrand a{
		background-color: #c31918;
	}
	#list-tanrei .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_tanrei_sp.jpg) ;
	}
	#list-tanrei .textWrap .switch {
		background-color: #0d4d8b;
	}
	#list-tanrei .btBrand a{
		background-color: #0d4d8b;
	}
	#list-svb .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_svb_sp.jpg) ;
	}
	#list-svb .textWrap .switch {
		background-color: #ac8a03;
	}
	#list-svb .btBrand a{
		background-color: #ac8a03;
	}
	#list-grand .hd-wrap{
		background-image:url(/alcohol/beer/gift/images/bg_grand_sp.jpg);
	}
	#list-grand .textWrap .switch {
		background-color: #ba8c50;
	}
	#list-grand .btBrand a{
		background-color: #ba8c50;
	}
	#list-ichiban-9factory.brandList .textWrap .lead {
		margin-bottom: 1%;
	}
	#list-ichiban-9factory.brandList .textWrap .lead sup{
		vertical-align:super;
		font-size:2.5vw;
	}
	.brandList .textWrap .switch {
		display: block;
		width: 92%;
		margin: 0 auto;
		cursor: pointer;
		padding: 2% 0;
		text-align: center;
	}
	.brandList .textWrap .switch img {
		width: 5.7%;
		display: inline-block;
		vertical-align: middle;
		transform: rotateZ(-180deg);
		transition:transform .5s ease;
	}
	.brandList .textWrap .switch.active img{
		transform: rotateZ(0deg);			
	}
	.brandList .itemsWrap {
		position: relative;
		padding: 5% 0 4.83%;
	}
	.brandList .textWrap .awards{
		margin:4.83% auto;
		width:92%;
	}
	.brandList .btBrand {
		width: 84.37%;
		display: block;
		margin:4.8% auto 4.8%;
		position: relative;
	}
	.brandList .itemsWrap .textWrap{background:none;}
	.brandList .btBrand.onlyPc {
		display: none;
	}
	.brandList .itemsWrap{display: none;}
	.brandList .itemsBlock .item h4{margin-bottom:5px;}
	.brandList .itemsBlock .item,.brandList .itemsBlock .item h4{
		font-size:3.12vw;    
	}
	.brandList .itemsBlock .item .textBlock{
		padding-left:3.5%;
		padding-right:3.5%;
	}
	/* sp col2 */
	.brandList .itemsBlock.spCol2 .item{width:48.87%;}
	.brandList .itemsBlock.spCol2 .item:first-child,
	.brandList .itemsBlock.spCol2 .item:nth-of-type(odd){margin-left:0;}
	/* sp col 1 */
	.brandList .itemsBlock.col2 .item{width:100%;margin-left:0;}
	
	.brandList .btClose {
		display: block;
		margin-top: 2.5%;
		cursor: pointer;
	}
	.brandList .itemsWrap .btBrand a{color:#000;font-weight: bold;}

	.brandList .itemsWrap {
		position: relative;
		padding: 4% 0;
	}
	.itemsBlock .item .btDrinx{margin:8.96% auto 5.76%;width:94.98%;}
	.itemsBlock .item .btDrinx a{display:block;}
	.itemsBlock .item .btDrinx a img{width:100%;}
}


#list-ichiban-ci .color_ci a
 {
background-color:#985e00;
}



@media only screen and (max-width: 640px) {

	#list-ichiban-ci .hd-wrap_cic{
		background-image:url(/alcohol/beer/gift/images/bg_cic_sp.png);
	}


	#list-ichiban-ci .textWrap .switch {
		background-color: #985e00;
	}
	#list-ichiban-ci .btBrand a{
		background-color: #af6c00;
	}

}

/* 202605更新 追記 */
#list-ichiban-premium .btBrand a {
	background-color: #ad150b;
}

#list-lager .btBrand a {
	background-color: #d82428;
}

#list-goodale .itemsBlock .item {
	background: #fffbea;
	border: #f4eacb 1px solid;
}

#list-goodale .btBrand a {
	background-color: #ff5000;
}

#list-harekaze .btBrand a {
	background-color: #00b2c4;
}

#list-goodale .textWrap .switch {
	background-color: #c04700;
}

@media only screen and (max-width: 640px) {
	#list-goodale .hd-wrap {
		background-image: url(/alcohol/beer/gift/images/bg_goodale_sp.jpg);
	}
}