@charset "utf-8";

#str-main{
	font: 13px/1.231 Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","モリサワ 新ゴ R","Droid Sans",メイリオ,sans-serif;
  font-family: Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","モリサワ 新ゴ R","Droid Sans",メイリオ,sans-serif;
	line-height: 1.7;
}


@media only screen and (min-width: 641px) {
	#kirin-contents-body{
		position: relative;
	}
	#kirin-contents-body:before{
		content: '';
		display: block;

		background-size: 100% auto;
		width: 20.41%;/* 196px */
		padding-top: 15.20%;/*146px*/
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media only screen and (max-width: 640px) {
	#kirin-contents-body{
		position: relative;
	}
	#kirin-contents-body:before{
		content: '';
		display: block;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 23.28%;/* 149px */
		padding-top: 18.90%;/*121px*/
		position: absolute;
		top: 0;
		left: 0;
	}
}
/*content-head*/
@media only screen and (min-width: 1601px) {
	#top #content-head{
		background-size: 100%;
	}
}

@media only screen and (min-width: 641px) {
	#top #content-head{
		
		background-color: #fbdd90;
		background-image: url(/alcohol/beer/gift/img/bg_grad_2018w.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover ;
		width:100%;
	}
	#top #content-head #head-wrap{
		position: relative;
		max-width:960px;
	    width:100%;
	    margin: 0 auto;
		padding:2% 0;
	}
	#top #content-head h1{
		top:0;
		max-width:960px;
		background-image: url(/alcohol/beer/gift/img/head_mv_2025s_pc.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size:contain;
		margin:auto;

	}
	#top #content-head h1 img{
		width: 54.6875%;
	}
}
@media only screen and (max-width: 640px) {
	#top #content-head{
		background-color: #d5b463;
	}
	#top #content-head h1{
		top:0;
		max-width:640px;
		background-image: url(/alcohol/beer/gift/img/head_mv_2025s_sp.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size:contain;
		margin:auto;

	}
	#top #content-head h1 img{
		width:50%;
	}

	#top #content-head #head-wrap{
		position:relative;}

}

/*selection common*/
@media only screen and (min-width: 641px) {
	.selection{
		width:100%;
	}
	.selection .inner{
		max-width: 960px;
		margin: 0 auto 0;

	}
}

/*brand*/

@media only screen and (min-width: 641px) {
	#selection-brand{
		width:100%;
	}
	#selection-brand h2{
		width:39.4%;
		padding:5.6% 0;
		margin:auto;
	}
	#selection-brand .item-wrap{
		width:100%;
		text-align: center;

	}
	#selection-brand .item-wrap .item{
		width:25%;
		display:inline-block;
		margin-bottom:4.7%;
		vertical-align: top;
	}


}
@media only screen and (max-width: 640px) {
	#selection-brand{
		width:100%;		
	}
	#selection-brand h2{
		width:59.06%;
		padding:8% 0 5.6% 0;
		margin:auto;
	}
	#selection-brand .item-wrap{
		width:93.75%;
		text-align: center;
		margin:auto;
		padding-bottom:5%;
	}

	#selection-brand .item-wrap .item{
		width:50%;
		display: inline-block;
		margin-bottom:5%;
		vertical-align: top;

	}
	#selection-brand .item-wrap .item.b-1{
		width:100%;
		margin-bottom:0;
	}

}

/*person*/
#selection-person{
	background-color: #fffae4;
	padding-bottom: 4%;
	background-color: #e3c869;
	width:100%;
	background-image: url(/alcohol/beer/gift/img/bg_grad_2018w.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#selection-person .item .item-info span{
	display: block;
}
#selection-person .item .item-info .item-title{
	font-weight: bold;
	color: #8b731d;
	
}
#selection-person .item .item-info .item-text{
	color:#4e370b;
	font-weight: bold;
}
#selection-person p{
	text-align: center;
	padding-bottom: 3%;
	font-family: serif;
	font-size: 140%;
	color: #4e370b;
}

@media only screen and (min-width: 641px) {
	#selection-person h2{
		width:42.5%;
		padding:5.6% 0 3%;
		margin:auto;
	}
	#selection-person .item-wrap{
		text-align:center;
	}
	#selection-person .item{
		width:32.29%;height:100%;
		display: inline-block;
		background-image: url(/alcohol/beer/gift/img/person_item_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		background-color: #fffbeb;
		padding-bottom:1.1%;
		text-align: center;
		margin-right:1.4%;
		vertical-align: top;

	}
	#selection-person .item:last-child{
		margin-right:0;
	}
	#selection-person .item .item-img{
		width:93.54%;
		margin:auto;
		padding-top:3%;
	}
	#selection-person .item .item-info{
		width:93.54%;
		margin:auto;
		background-color: #fff;
		padding:4.2% 0;
	}

	#selection-person .item .item-info .item-title{
		font-size: 150%;
		line-height: 1.4;
	}
	#selection-person .item .item-info .item-text{
		padding: 2.5%;
		line-height: 1.4;
	}
	
	#selection-person .item .item-info a{
		width:90.4%;
		display: block;
		margin:auto;
	}


}
@media only screen and (max-width: 640px) {
	#selection-person{
		background: #fff7d7;
	}
	#selection-person h2{
		width:63.75%;
		padding:8% 0 4%;
		margin:auto;
	}
	#selection-person p{
		width: 93.75%;
		font-size:4.06vw;
		color: #6d5d23;
		margin: auto;
		padding-bottom: 5%;
	}
	#selection-person .item-wrap{
		position:relative;
		width:100%;
	}
	#selection-person .item-wrap{
		width:93.75%;
		margin:auto;

	}
	#selection-person .item{
		width:100%;
		background-image: url(/alcohol/beer/gift/img/person_item_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		background-color: #fffbeb;
		padding:1.4%;
		margin-bottom:3.3%;
		box-sizing:border-box;

	}
	#selection-person .item .item-inner{
		background-color: #fff;
		position: relative;
	}
	#selection-person .item .item-img{
		width:29.6%;
		margin:2.4%;
		float:left;
	}
	#selection-person .item .item-info{
		text-align: left;

	}


	#selection-person .item .item-info .item-title{
		font-size: 4.6875vw;
		line-height: 1.4;
		padding-top: 4%;

	}
	#selection-person #p-1 .item-info .item-title,#selection-person #p-3 .item-info .item-title{
		padding-top: 7%;
	}
	#selection-person .item .item-info .item-text{
		font-size: 3.125vw;
		padding: 1% 3% 0 2%;
		line-height: 140%;

	}
	#selection-person .item .item-info a{
		display: block;
		clear: both;
		margin:auto;
		padding: 0 3.3% 3.3%;
	}
}

/*drinx*/
#selection-drinx p{
	text-align: center;
	color:#9b7618;
	font-weight: bold;
}
#selection-drinx .text-wrap{
	background: url(/alcohol/beer/gift/img/bd_drinx.png);
	background-size: contain;
}
#selection-drinx p{
	background-color: #fff;

}

@media only screen and (min-width: 641px) {
	#selection-drinx .text-wrap{
		margin:8% 0;
		padding:2px 0;

	}
	#selection-drinx p{
		font-size:165%;
		padding:1.2em 1em;
	}
	#selection-drinx p br{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	#selection-drinx .text-wrap{
		margin:10% 0;
		padding:4px 0;
	}
	#selection-drinx p{
		font-size: 4.375vw;
		padding:1em 0;
	}
}

/* bnr */
#selection-bnr #bnrTopicsWrap{padding: 5.6% 0;}
#selection-bnr #bnrTopicsWrap #bnrTopics{margin-top:0;margin-bottom:0;}
@media only screen and (max-width: 640px) {
	#selection-bnr #bnrTopicsWrap{padding: 8% 0;}	
}

/* 2023/10/25 更新対応 */

/* SP時に上に余白つける */
@media only screen and (max-width: 640px) {
	.brandList.ichiban--new .inner {
		padding-top: 3.90625vw;
	}
}

/* PC時に非表示 */
@media only screen and (min-width: 641px) {
	#list-ichiban.ichiban--new .series-kv {
		display: none;
	}
}

/* SP時の高さ調整と下余白 */
@media only screen and (max-width: 640px) {
	#list-ichiban.ichiban--new .series-kv {
		padding-bottom: 18.70967741935484%;
		margin-bottom: .78125vw;
	}
}

@media only screen and (min-width: 641px) {
	.harekaze-bnr{
		margin-bottom: 25px;
	}
	.harekaze-point{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.harekaze-bnr{
		margin-bottom: 3.90625vw;
	}
	.harekaze-point{
		margin-bottom: 3.90625vw;
	}
}

/* 202605更新 追記 */
@media only screen and (min-width: 641px) {
	.goodale-bnr {
		margin-bottom: 25px;
	}

	.goodale-point {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.goodale-bnr {
		margin-bottom: 3.90625vw;
	}

	.goodale-point {
		margin-bottom: 3.90625vw;
	}

	#selection-brand {
		width: 100%;
	}

	#selection-brand h2 {
		width: 59.06%;
		padding: 8% 0 5.6% 0;
		margin: auto;
	}

	#selection-brand .item-wrap.onlySp {
		display: flex;
		width: 93.75%;
		flex-wrap: wrap;
		padding-bottom: 5%;
	}
}