@charset "utf-8";

.fleft{
	float: left;	
}
.fright{
	float: right;	
}

#drinx-banner{
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
#drinx-banner.fixed{
	position: fixed;
	z-index:300;
	opacity: 1;

}
#btn-drinx{
	display: block;
	position: absolute;
	cursor: pointer;

}
@media only screen and (min-width: 641px) {
  .onlySp {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .onlyPc {
    display: none;
  }
}
/*giftmenu*/
@media only screen and (min-width: 641px) {
	#gift-menu{
		width:100%;
		background-color: #866718;
	    background-image: url(../img/bd_giftmenu.png);
		background-position: center;
		background-repeat: repeat-y;
		padding:4px 0;
	}
	#gift-menu .menu-wrap{
		width:100%;
		background-color: #fff1c9;

	}
	#gift-menu .inner{
		max-width: 960px;
		margin:auto;
		position:relative;

	}
	#gift-menu #gift-menu-title{width:25%;height:100%;display: block;}
	#gift-menu #gift-menu-title img{width:100%;}
	#gift-menu ul {
		position:absolute;
		top:16.12%;
		width:100%;
		pointer-events:none;
	    font-size: 0;
	    line-height: 0;
	}
	#gift-menu ul li{
		display:inline-block;
	    vertical-align: middle;
		pointer-events:auto;
		float: right;
	}
	#gift-menu-drinx a{display:inline-block;}
	#gift-menu ul li img{
		width:100%;
	}
	#gift-menu #gift-menu-brand{
		width:15.104%;
		margin-left:47%;
		margin-right:2.3%;
	}

	#gift-menu #gift-menu-person{
		width:16.042%;
		margin-right:2.3%;

	}
	#gift-menu #gift-menu-drinx{
		width:16.875%;

	}
	#pageTopgift{
	    position: fixed;
		max-width: 50px;
		width: 10.93%;
	    bottom: 4px;
	    right: 4px;
	    opacity: 0;
	    -webkit-transition: opacity .5s ease-out;
	    transition: opacity .5s ease-out;
	    z-index: 999;		
	}
	#pageTopgift a {
	    display: block;
	    width: 100%;
		padding-top: 100%;
	    background-image: url(../img/bt_top.png);
	    background-repeat: no-repeat;
	    background-size: contain;
		transition:opacity .5s ease;
	}
	#pageTopgift a:hover{opacity:.85}
	#pageTopgift.fixed {
	    opacity: 1;
	    bottom: 4px;
	}
	#gift-menu.fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index:10;
	}
	#drinx-banner{
		width:100%;

	}
	#drinx-banner.fixed{
		bottom:70px;
	}
	#drinx-banner .inner{
		position: relative;
		max-width: 960px;
		width: 100%;
		margin:auto;
	}
	#btn-drinx{
		margin-top:-14%;
		right:1%;
		width:15.208%;
	}

}
@media only screen and (max-width: 640px) {
	#gift-menu-sp{
		width:100%;
	    background-image: url(../img/bd_giftmenu.png);
		background-position: center;
		background-repeat: repeat-y;
		background-size: 150%;
		padding:4px 0;
	}
	#gift-menu-sp:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;

	}
	#gift-menu-sp ul {
		clear: both;
	}
	#gift-menu-sp ul li{
		width:50%;
		float:left;
		background-color: #fff9dd;

	}
	#gift-menu-sp .inner{
		position: relative;
		/* padding-bottom:24.22%; */
	}
	#gift-menu-sp #menu-secondary{
		position: absolute;
		top:50%;
	}
	#gift-menu-sp #menu-secondary.fixed{
		position: fixed;
		top:0;
		z-index:300;
		padding-bottom:4px;
		background-image: url(../img/bd_giftmenu.png);
		background-position: center;
		background-repeat: repeat-y;
		background-size: 150%;
	}

	#pageTopgift{
	    position: fixed;
		max-width: 70px;
		width: 10.93%;
	    bottom: 4px;
	    right: 4px;
	    opacity: 0;
	    -webkit-transition: opacity .5s ease-out;
	    transition: opacity .5s ease-out;
	    z-index: 999;		
	}
	#pageTopgift a {
	    display: block;
	    width: 100%;
		padding-top: 100%;
	    background-image: url(../img/bt_top.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	#pageTopgift.fixed {
	    opacity: 1;
	    bottom: 4px;
	}
	#drinx-banner{
		position: relative;
		width: 100%;
		margin:auto;
	}
	#drinx-banner.fixed{
		bottom:50px;

	}
	#btn-drinx{
		width:19.843%;
		right:1%;
		bottom:10px;

	}

}
@media only screen and (min-width: 641px) {
	#kirin-contents-body{
		max-width: 960px;
		margin: 0 auto 20px;
		background-color: #fff;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	#kirin-contents-body{
		margin: 0 auto 20px;
	}
	#kirin-contents-body-inner{
		width: 100%;/*93.75% 900 */
		margin: auto;
	}
}
@media only screen and (max-width: 640px) {

	#kirin-contents-body{
		max-width: 960px;
		margin: 0 auto 20px;
		background-color: #741105;
		background-image: url(../images/bg_contents.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	#kirin-contents-body{
		margin: 0 auto 60px;
	}
	#kirin-contents-body-inner{
		width: 100%;
		margin: 0 auto 15%;
	}

}

/* TOPICS bnr */
#bnrTopics{margin: 4% 0 2%;}
#bnrTopics img{border:#ccc 1px solid;width:100%;height:auto;}
#bnrTopics a{display:block;}

@media only screen and (min-width: 641px) {
	#bnrTopics{width:100%}
}

@media only screen and (max-width: 640px) {
	#bnrTopics{margin:0 auto;width:93.75%;}
}