@charset "shift_jis";

.hidePc_ {
	display: none;
}

@media screen and (max-width: 1240px) {
	#premium .section_ {
		padding-bottom: 12%;
	}
	#pagetop {
	position: absolute;
	bottom: -1226px;
	width: 6%;
	}
}

@media screen and (max-width: 980px) {
	#main .main_fukidashi_ {
		top: 1.5%;
		width: 22%;
	}
	#premium .title_ .point_image_ {
		top: -21%;
		left: 0%;
		width: 40%;
	}
	#premium .title_ h2 {
		margin-top: 3%;
	}
	.btnarea_ .btn_ {
		padding-top: 4%;
	}
	.btnarea_ .btn_ a {
		font-size: 30px;
		font-size: 3rem;
	}
	.btnarea_ p.lead_area_ {
		margin-left: 3%;
		padding: 1% 3% 0 0;
		font-size: 22px;
		font-size: 2.2rem;
	}
	#lineup .section1_ .item_box_ {
		margin-top: -7%;
	}
	#lineup .section2_ .item_box_ {
		margin-top: -4%;
	}
	#lineup .item_box_ .item_name span {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 878px) {
	.btnarea_ .btn_ {
		padding-top: 5%;
	}
	.btnarea_ .btn_ a {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.btnarea_ p.lead_area_ {
		margin-left: 5%;
		font-size: 20px;
		font-size: 2rem;
	}
	#pagetop {
		bottom: 0.3%;
	}
	#lineup .btn_ a {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 862px) {
	.btnarea_ dl {
		padding-top: 5%;
	}
	.btnarea_ .btn_ a {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.btnarea_ p.lead_area_ sub {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#lineup .item_box_ .item_name {
		font-size: 2rem;
	}
	#lineup .item_box_ .item_name span {
		font-size: 1.2rem;
	}
	#pagetop {
		bottom: 0.3%;
	}
}

@media screen and (max-width: 800px) {
	.btnarea_ dl {
		padding-top: 6%;
	}
	.btnarea_ .btn_ {
		padding-top: 6%;
	}
	.btnarea_ .btn_ a {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.btnarea_ p.lead_area_ sub {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#lineup .item_box_ .item_name {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 740px) {
	.btnarea_ dl {
		padding-top: 7%;
	}
	.btnarea_ .btn_ {
		padding-top: 7%;
	}
	.btnarea_ .btn_ a {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.btnarea_ p.lead_area_ {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.btnarea_ p.lead_area_ sub {
		font-size: 12px;
		font-size: 1.2rem;
	}
	#lineup .item_box_ .item_name span {
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 640px) {
	
	.hidePc_ {
		display: block;
	}
	.hideSp_ {
		display: none;
	}
	.wrapper_ {
		max-width: 640px;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 7.8vw;
	}
	h2 {
		font-size: 6vw;
	}
	
	.note_ {
		font-size: 3vw;
	}
	
	/* --------------------------------------------------------------------
		HEADER
	--------------------------------------------------------------------- */
	#main {
	height: 100%;
	max-height: 760px;
	background-size: contain;
	background-image: url(../img_bar/sp/bg_main001.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	#main .section_ {
		height: 100%;
	}
	#main #logo {
	width: 56%;
	padding-top: 15%;
	}
	#main .main_fukidashi_ {
		position: static;
		width: 52%;
		padding-left: 20px;
	}
	#main .lead_area_ {
	margin-top: 2%;
	margin-bottom: 10%;
	font-size: 4.3vw;
	}
	
	/* --------------------------------------------------------------------
		BUTTON AREA
	--------------------------------------------------------------------- */
	#mv_btnarea {
		margin-top: -12%;
	}
	.btnarea_ {
	height: auto;
	background-size: cover;
	}
	.btnarea_ .btn_ a{
	background-size: contain;
	font-size: 5vw;
	}
	.btnarea_ .btn_ a:hover {
	background-size: contain;
	}
	.btnarea_ p {
	float: none;
	width: 100%;
	padding: 0;
	}
	
	
	.btnarea_ p.lead_area_ {
		width: 100%;
		margin-left: 0;
		padding: 4% 0;
		font-size: 3.5vw;
		text-align:center;
		line-height: 1;
	}
.btnarea_ line {
	width: 40%;
	margin-bottom: 10px;
}
	
	/* --------------------------------------------------------------------
		ABOUT
	--------------------------------------------------------------------- */
	#about .right_figure_ {
		width: 34%;
		margin-right: 8%;
	}
	#about .title_ {
		padding-top: 8%;
	}
	#about h2 {
		font-size: 5.6vw;
		margin: 0 0 8% 5%;
	}
	#about p {
	font-size: 1.0em;
	line-height: 1.4em;
	}
	
	/* --------------------------------------------------------------------
		LINEUP
	--------------------------------------------------------------------- */
	#lineup {
	background-size: contain;
	}
	#lineup .title_ .point_image_ {
		width: 15%;
	}
	#lineup .title_ h2 {
		letter-spacing: -2px;
	}
	#lineup .section1_ {
	width: 94%;
	float: none;
	margin: 0 auto;
	padding-bottom: 5%;
	background-size: cover;
	}
	#lineup .section1_ .item_box_ {
		margin-top: -3%;
	}
	#lineup .section2_ {
	width: 94%;
	float: none;
	margin: 5% auto 0;
	padding-bottom: 8%;
	background-size: cover;
	}
	#lineup .section2_ .item_box_ {
	width: 85%;
	margin: -3% 5% 0 10%;
	float: none;
	font-size: 1.1rem;
	line-height: 1.2rem;
	background-image: url(../img_bar/juv05.jpg);
	background-repeat: no-repeat;
	}
	
	#lineup .item_box_ .item_name {
		font-size: 2.2rem;
		line-height:2.6rem;
		font-weight:bold;
	}
	#lineup .item_box_ .item_name span {
		font-size: 1.8rem;
	}
	#lineup .btn_ a {
		padding: 3% 0;
	}
	#lineup .section2_ .item_box_.item_border_ {
	margin-top: 2rem;
	padding-top: 1rem;
	}
	#lineup .btn_purchase_ {
		height: auto;
	}
	#lineup .btn_ a {
		font-size: 2.4rem;
	}
	#lineup .item_attention_ {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	
	/* --------------------------------------------------------------------
		FOOTER
	--------------------------------------------------------------------- */
#footer {
	padding-top: 3%;
	}
	#footer .footer_contents_ {
		width: 96%;
	}
	#footer .f_main_ {
		float: none;
		width: 100%;
	}
	#footer .f_main_ .menu_ {
		float: none;
		width: 100%;
		text-align:center;
	}
	#footer .f_main_ .menu_ li {
	margin-bottom: 2%;
	border-left: none;
	font-size: 3vw;
	margin-top: 2%;
	padding-top: 0;
	padding-right: 1%;
	padding-bottom: 0;
	padding-left: 1%;
	}
	
	#footer .f_main_ .menu_ li.law_link {
		display: block;
		text-align:center;
	}
	#footer .f_main_ .footer_logo_ {
	float: none;
	width: 100%;
	margin-top: 2%;
	margin-right: 0;
	text-align: center;
	margin-bottom: 2%;
	}
	#footer .f_main_ .footer_logo_ img {
		width: 58%;
		vertical-align: middle;
	}
	#footer .f_end_ {
		float: none;
		margin-top: 2%;
		text-align: center;
	}
	#footer .f_end_ .copyright_ {
	color: #CCCCCC;
	font-size: 3vw;
	}
	#pagetop {
		width: 14%;
	}



@media screen and (max-width: 320px) {
	#tasting .review_ .review_title_ {
		margin-left: 33%;
	}
	#mv_btnarea {
		margin-top: -24%;
	}
}