@charset "UTF-8";
/* CSS Document */

.fltlft2 {
	float: left;
	margin-left:70px;
}
.fltlft3 {
	float: left;
	margin-left:35px;
}

	
	
.vip2{
	height:285px;
	width:auto;}


.Vinomojih,.Vinomojio,.Vinomojir,.Vinomojiw,.Vinomojis{
	font-size:18px;
	letter-spacing:0px;
	color:#FFFFFF;
	padding:4px 30px;
	margin-left:30px;
	margin-right:30px;
	margin-top:60px;
	margin-bottom:10px;}
	
.Vinomojih{
	background-color:#663366;}
	
.Vinomojio{
	background-color:#330066;}
	
.Vinomojir{
	 background-color:#990033;}
	
.Vinomojiw{
	background-color:#009933;}
	
.Vinomojis{
	 background-color:#006666;}
	
.sp{
	float:right;
	margin-top:-120px;
	margin-right:30px;}
	
	
.hvino{
	float:left;
	margin-left:10px;
	margin-top:20px;
	width:256px;}
	

	
/*おすすめワインのところ*/
	
.vino6{
	float:left;
	margin-left:60px;
	margin-top:40px;
	width:82px;
	height:auto;}
	
.VinoBox6{
	width: 148px;
	float: left;
	margin-top: 90px;
	margin-left:10px;}
	
.hvinohot{
	float:left;
	width:240px;
	margin-top:130px;
	margin-left:60px;}
	
.drinkboxhot{
	float:left;
	margin-top:160px;
	margin-left:14px;
	width: 140px;}
	
	
	
/**/	

.vino1,.vino2,.vino3,.vino4,.vino5{
	float:left;
	margin-left:80px;
	margin-top:60px;
	width:82px;
	height:auto;}
	
.vino3{
	margin-left:70px;
	width:150px;
	height:auto;}
	
.vino5{
	margin-top:80px;
	width:100px;
	height:auto;}
	
	
.VinoBox1,.VinoBox2,.VinoBox3,.VinoBox4,.VinoBox5 {
	width: 180px;
	float: left;
	margin-top: 130px;
	margin-left:20px;}
	
.VinoBox3{
	margin-top: 80px;
	margin-left:20px;}
	
.VinoBox5{
	margin-top: 70px;
	margin-left:10px;}


.VinoBox1 h4,.VinoBox2 h4,.VinoBox3 h4,.VinoBox4 h4,.VinoBox5 h4,.VinoBox6 h4 {
	font-size:17px;}


.VinoBox1 h6,.VinoBox2 h6,.VinoBox3 h6,.VinoBox4 h6,.VinoBox5 h6,.VinoBox6 h6 {
	font-size:14px;}


.vinokakaku{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	font-style: normal;
	text-align: right;
	font-size:16px;}	
	
.vino1 img,.vino2 img,.vino3 img,.vino4 img,.vino5 img,.vino6 img,{
	width:100%;
	height:auto;}
	

/*ワインここまで*/

.birrap{
	float:left;
	width:32%;
	margin-left:40px;
	margin-top:20px;}
	
.hvino img,.hvinohot img,.birrap img,.hvinohot img{
	width:100%;
	height:auto;}

	
.drinkboxh h3,.drinkboxhot h3{
	font-size:17px;}
	
.drinkboxh h3,.drinkboxhot h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
.drinkboxh h4,.drinkboxhot h4{
	font-size: 16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
	text-align:right;
	line-height:1.4;}

	
.drinkboxh p,.drinkboxhot p{
	font-size:14px;
	line-height:140%;
	text-align:justify;}
	

.drinkboxh,.drinkboxb,.drinkboxc,.drinkboxHo,.drinkboxI,.drinkboxJ{
	float: left;
	width: 260px;
	font-size: 17px;
	line-height: 150%;
	font-weight: normal;
	letter-spacing: -0.6px;}

	
.drinkboxb{
	 margin-top:30px;
	 margin-left:26px;}
	 
.drinkboxc{
	margin-left:420px;
	margin-top:36px;}
	
.drinkboxh,.drinkboxHo{
	margin-top:60px;
	margin-left:60px;}
	

.drinkboxI{
	margin-top:60px;
	margin-left:60px;}
	
.drinkboxJ{
	margin-top:60px;
	margin-left:160px;}

.name {
	text-align: left;
	float: left;
	letter-spacing:-1.6;}
		
.nedan {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	font-size: 16px;
	font-style: normal;
	text-align: right;}

.sang{
	 margin-left:30px;
	 margin-top:60px;
	 float:left;
	 width:14%;}
	 
.sang2{
	 margin-left:30px;
	 margin-top:70px;
	 float:left;
	 width:14%;}
	 
.Idri{
	float:left;
	margin-top:60px;
	margin-left:60px;
	width:120px;
	height:auto;}
	 
.oreso2{
	float:left;
	margin-left:50px;
	 margin-top:60px;
	 width:100px;}	

.oreso3{
	float:left;
	 margin-top:20px;
	 margin-left:20px;
	 width:100px;}	

	 	 
.oreso img,.oreso2 img,.oreso3 img,.coff img,.sang img,.sang2 img,.Idri img{
	width:100%;
	height:auto;}	
	
.coff{
	margin-left:50%;
	width:40%;}
	




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



/*おすすめワインのところ*/	
.hvinohot{
	width:200px;
	margin-top:160px;}
	
/**/
	
.vino4{
	margin-left:60px;}
	
.vino3{
	margin-left:40px;}
	
.vino5{
	margin-top:80px;
	width:100px;
	height:auto;}
	
	
.VinoBox4{
	margin-left:10px;}
	
.VinoBox3{
	margin-left:10px;}
	
.drinkboxHo,.drinkboxI{
	margin-top:60px;
	margin-left:40px;}
	
.Idri{
	margin-top:80px;
	margin-left:10px;
	width:90px;}
	 
.oreso2{
	 margin-top:60px;
	 margin-left:60px;
	 margin-bottom:60px;
	 width:90px;}	
	
	
}

@media only screen and (max-width:680px){
	
.vino6{
	margin-left:80px;}
	
.VinoBox6{
	width: 200px;
	margin-top: 110px;
	margin-right:100px;}
	
.hvinohot{
	margin-top:100px;}
	
.drinkboxhot{
	margin-top:120px;
	margin-left:14px;
	width: 200px;}
	
.vino1,.vino2,.vino3,.vino4,.vino5{
	margin-left:100px;}
	
.VinoBox1{
	margin-top:170px;
	width: 220px;
	margin-right:200px;}
	
.VinoBox2,.VinoBox4{
	margin-top:170px;
	width: 220px;}
	
.VinoBox3{
	margin-top:160px;
	width: 220px;
	margin-right:100px;}
	
.VinoBox5{
	margin-top:100px;
	width: 220px;}

}

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

.VinoBox6{
	margin-left:10px;
	margin-top:130px;}
	

	
.vino1,.vino2,.vino3,.vino4,.vino5{
	margin-left:80px;}
	
.VinoBox1{
	margin-top:170px;
	width: 220px;
	margin-right:50px;}
	
.sang{
	 margin-left:50px;
	 margin-top:-80px;
	 float:left;
	 width:20%;}
	 	
.drinkboxHo{
	float:none;
	margin-top:60px;
	margin-left:90px;}
	
.drinkboxI{
	margin-top:60px;
	margin-left:90px;}
	
.Idri{
	margin-top:80px;
	margin-left:30px;
	width:90px;}
	
.drinkboxJ{
	margin-top:60px;
	margin-left:90px;}


}

@media only screen and (max-width:480px){
	
.Vinomojih,.Vinomojio,.Vinomojir,.Vinomojiw,.Vinomojis{
	margin-left:5%;
	margin-right:5%;}
	
	
.hvino{
	margin-left:60px;}
	
	
.VinoBox6{
	margin-right:0px;}
	
.hvinohot{
	margin-left:40px;}
	
.drinkboxhot{
	width: 180px;}
	
.vino1,.vino2,.vino4,.vino5{
	margin-left:80px;}
	
.vino3{
	margin-left:40px;}
	
.VinoBox1{
	margin-right:60px;}
	
.VinoBox3{
	margin-right:20px;}

.vino4{
	margin-top:40px;}
		
.VinoBox4{
	margin-top:180px;
	width: 220px;}
	
.VinoBox5{
	margin-bottom:100px;
	width: 220px;}
	
.sang{
	 margin-left:20px;
	 margin-top:60px;
	 float:left;
	 width:20%;}
	 	
.birrap{
	float:none;
	width:50%;
	margin-left:40%;}
	
.drinkboxb{
	 margin-top:10px;
	 margin-left:10%;}
	 
.drinkboxJ{
	float:none;
	margin-top:60px;
	margin-left:90px;}
	 
.oreso2{
	float:left;
	 margin-top:60px;
	 margin-left:15%;
	 width:20%;}	
	 
.coff{
	float:right;
	margin-top:-160px;
	width:50%;}	
	 

}
	
@media only screen and (max-width:414px){
	
.vino1,.vino2,.vino4,.vino5,.vino6{
	margin-left:50px;}
	 
.vino3{
	margin-left:30px;}
	
.VinoBox1,.VinoBox2{
	width:50%;
	margin-left:10px;
	margin-right:0px;}
	
.VinoBox3,.VinoBox5{
	width:40%;
	margin-left:10px;
	margin-right:0px;
	margin-top:100px;}
	
.Idri{
	display:none;}
	
	
}

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

.sang{
	 margin-left:50px;
	 margin-top:10px;
	 float:oone;
	 width:30%;}
	 
.drinkboxhot{
	margin-top:10px;
	margin-left:50px;
	width: 200px;}

.drinkboxHo,.drinkboxI,.drinkboxJ{
	margin-top:60px;
	margin-left:10%;}
	
	
}

@media only screen and (max-width:360px){
	
.VinoBox4,.VinoBox6{
	width:40%;
	margin-left:10px;
	margin-right:0px;
	margin-top:100px;}	

	
}


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

.vino3{
	width:80px;
	margin-left:20px;
	float:none;}
	
.VinoBox3{
	float:none;
	width:70%;
	margin-left:30px;
	margin-right:0px;
	margin-top:10px;}
	
.drinkboxh{
	width: 200px;}
	
}