@charset "utf-8";


/* ==========================================================================
	header派生用
========================================================================== */
#header {
	background:rgba(0, 0, 0, 0.3);
}


.login_btn{
	background:rgba(255,255, 255, .8);
	color:#333;
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 1) 50%);
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .3s ease 0s, background-color .3s ease;
	}
.shop_btn{
	background:rgba(157,16, 10, .8);
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 1) 50%);
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .3s ease 0s, background-color .3s ease;
	}

.fixed .login_btn{
	
	color:#fff;
}

/* ==========================================================================
	main
========================================================================== */
#hasei_main{
	width:100%;
	height:580px;
	position:relative;
	box-sizing:border-box;
	padding-top:272px;
	background-size:cover;
	background-position:center center;
	text-align:center;
	background-repeat: no-repeat;
	}
#hasei_main h1{
	font-size:72px;
	color:#fff;
	letter-spacing:0.05em;
	}
.member h1{
    -webkit-text-shadow: 0px 2px 6px #949494;
    -moz-text-shadow: 0px 2px 6px #949494;
    text-shadow: 0px 2px 6px #949494;
	}	
#hasei_main h2{
	font-size:20px;
	color:#fff;
	letter-spacing:0.15em;
	margin-top:23px;
    -webkit-text-shadow: 0px 2px 6px #949494;
    -moz-text-shadow: 0px 2px 6px #949494;
    text-shadow: 0px 2px 6px #949494;
	}

@media screen and ( max-width: 950px ) {
	#hasei_main{
		padding-top:235px;
		}

	}
@media screen and ( max-width: 720px ) {
	#hasei_main{
	height:420px;
	padding-top:205px;
	
}
	#hasei_main h1{
	font-size:40px;
}	
	#hasei_main h2{
	font-size:12px;
	margin-top:16px;
}
	}

/* ==========================================================================
	campaign
========================================================================== */


#item_area .text_area .campaign {
	font-size: 20px;
	font-weight: bold;
	color: #9d100a;
}


/* ==========================================================================
	item_area
========================================================================== */


#item_area{	
	width:1100px;
	margin:120px auto 100px;
	padding:0;
	box-sizing:border-box;
	}
	
#item_area .img_area{
	width:42.7%;
	max-width:470px;
	float:left;
	position:relative;
	background-size:cover;
	background-position:center center no-repeat;
	/* border:1px solid #cdcdcd; */
	box-sizing:border-box;
	}
	
#item_area .img_area:before{
	content:"";
	display:block;
	padding-top:148.9%;
	
	}
/*text_area*/
#item_area .text_area{
	width:52%;
	float:right;
	}
#item_area .text_area h1{
	font-size:24px;
	line-height:34px;
	color:#9d100a;
	}
#item_area .text_area h2{
	font-size:16px;
	color:#9d100a;
	font-weight:400;
	margin-top:13px;
	}
	
#item_area .text_area p{
	font-size:14px;
	line-height:32px;
	letter-spacing:0.08em;
	margin:25px 0 37px;
	color:#333;
}

#item_area .text_area h3{
	position:relative;
	padding:34px 0 25px;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	color:#333;
	margin-bottom:40px;
	
	}

#item_area .text_area h3:before{
	content:'使用品種';
	font-size:14px;
	font-weight:bold;
	color:#333;
	width:110px;
	background:#fff;
	position:absolute;
	left:0;
	top:-8px;
	}

	
#item_area .text_area .y_txt{
	width:165px;
	font-size:16px;
	color:#333;
	display:block;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing:0.03em;
	margin:0 0 30px;
	padding-top:5px;
	}
#item_area .text_area .p_txt{
	width:113px;
	font-size:16px;
	color:#9d100a;
	font-weight:bold;
	display:block;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing:0;
	margin:0 0 30px;
	padding-top:5px;
	}
#item_area .text_area .p_txt .p_txt_small{
	font-size:70%;
	font-weight:bold;
	}

.select-wrap {
    position: relative;
	float:left;
	width:90px;
	margin:0 0 30px;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    content:"";
	width:20px;
	height:40px;
	background:url(../image/select.jpg) center center no-repeat;
	background-size:cover;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 0px 0 0 15px;
	box-sizing:border-box;
    border:1px solid #cdcdcd;
    color:#333;
    width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	border-radius:0;
   -webkit-appearance: none;

}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #cdcdcd;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#cdcdcd;
  color:#fff;
  border-color:#cdcdcd;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}
.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

#item_area .text_area .cart_btn{
	display:block;
	float:right;
	width:177px;
	height:40px;
	background:#9d100a;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	padding:12px 0 0 52px;
	position:relative;
	border-radius: 40px;        
	-webkit-border-radius: 40px;   
	-moz-border-radius: 40px;
	box-sizing:border-box;	}
	
#item_area .text_area .cart_btn span{
	position:relative;
	}
#item_area .text_area .cart_btn span:before{
	content:"";
	display:block;
	width:14px;
	height:13px;
	background:url(../image/cart_icon.png) center center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:-24px;	
	}
	
@media screen and ( max-width: 1130px ) {
#item_area{	
	width : 95% ;
   width : -webkit-calc(100% - 30px) ;
   width : calc(100% - 30px) ;
	
	}
#form_wrap{	
	width:100%;
}
.form td {
	width:80%;
	padding-right:10px;
}

.form th {
	width:20%;
}

	}
@media screen and ( max-width: 1100px ) {
	.pc_off{
		display:none;
		}
	.tab_off{
		display:none !important;
		}
#item_area .text_area .y_txt{
	width : 28% ;
   width : -webkit-calc(50% - 40px) ;
   width : -webkit-calc(50% - 40px) ;
	margin:0 0 15px;
	}
#item_area .text_area .p_txt{
	width : 28% ;
   width : -webkit-calc(50% - 40px) ;
   width : -webkit-calc(50% - 40px) ;
	margin:0 0 15px;
	text-align:center;
	}
	
.select-wrap {
	margin:0 0 15px;
	}

#item_area .text_area .cart_btn{
	float:none;
	width:80%;
	clear:both;
	margin:0 auto 20px;
	text-align:center;
	padding-left:0;
	}
	
.select-wrap {
	width:70px;
	}
	}
@media screen and ( max-width: 900px ) {

#address-button {
	width: 90px;
	margin-left:10px;
	}
#item_area .text_area .y_txt{
	width : 28% ;
   width : -webkit-calc(50% - 35px) ;
   width : -webkit-calc(50% - 35px) ;
	margin:0 0 15px;
	}
#item_area .text_area .p_txt{
	width : 28% ;
   width : -webkit-calc(50% - 35px) ;
   width : -webkit-calc(50% - 35px) ;
	margin:0 0 15px;
	text-align:center;
	}
.select-wrap {
	width:70px;
	}	
}
	

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

#item_area{	
	margin:32px auto 45px;
}
	
#item_area .img_area{
	width:100%;
	max-width:720px;
	float:none;
	}
#item_area .img_area:before{
	content:"";
	display:block;
	padding-top:116.3%;
	
	}
	
#item_area .text_area{
	width:100%;
	float:none;
	margin-top:20px;
	}
#item_area .text_area h1{
	font-size:17px;
	line-height:27px;
	}
#item_area .text_area h2{
	font-size:12px;
	margin-top:2px;
	}
	
#item_area .text_area p{
	font-size:12px;
	line-height:22px;
	margin:10px 0 31px;
}

#item_area .text_area h3{
	position:relative;
	padding:19px 0 14px;
	margin-bottom:30px;
	font-size:11px;
	
	}

#item_area .text_area h3:before{
	content:'使用品種';
	font-size:10px;
	font-weight:bold;
	width:80px;
	background:#fff;
	position:absolute;
	left:0;
	top:-5px;
	}
	
	
#item_area .text_area .y_txt{
	font-size:12px;
	padding-top:9px;
	}
#item_area .text_area .p_txt{
	font-size:12px;
	padding-top:9px;
	text-align:left;
	}
	
.select-wrap {
   font-size:12px;
}
#item_area .text_area .cart_btn{
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	}
}

/*review*/
#review{
	width:100%;
	margin-top:60px;
	}

#review h1{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	position:relative;
	}
	
#review h1:before{
	content:"";
	display:block;
	width : 34% ;
   width : -webkit-calc(50% - 170px) ;
   width : calc(50% - 170px) ;
   height:1px;
   background:#cdcdcd;
	position:absolute;
	left:0;
	top:0;
	bottom:0;	
	margin:auto;
	}
#review h1:after{
	content:"";
	display:block;
	width : 34% ;
   width : -webkit-calc(50% - 170px) ;
   width : calc(50% - 170px) ;
   height:1px;
   background:#cdcdcd;
	position:absolute;
	right:0;
	top:0;
	bottom:0;	
	margin:auto;
	}
#review ul{
	width:964px;
	margin:40px auto 0;
}

#review ul li{
	width:100%;
	margin-bottom:10px;
	padding:30px 30px;
	box-sizing:border-box;
	background:#f4f4f4;
	}
	
#review ul li .rw_img_area{
	width:160px;
	position:relative;
	background-size:cover;
	background-position:center center;
	height:160px;
	float:left;
	}
#review ul li .rw_img_area:before{
	content:"";
	display:block;
	padding-top:100%;
	}

#review ul li .rw_text_area{
	width : 80% ;
   width : -webkit-calc(100% - 190px) ;
   width : calc(100% - 190px) ;
   float:right;
	}
#review ul li .rw_text_area .dn{
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-top:-10px;
	}
#review ul li .rw_text_area .dn span{
	padding-left:20px;
	font-weight:bold;
	color:#333;
	}
#review ul li .rw_text_area h2{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin:3px 0 14px;
	padding-bottom:21px;
	letter-spacing:0.1em;
	border-bottom:1px solid #cdcdcd;
	}
#review ul li p{
	font-size:13px;
	letter-spacing:0.05em;
	line-height:28px;
	}
	
#review ul .hide{
	display:none;
	}
#review .link_btn{
	margin:30px auto 0;
	border-color:#333;
	}
	
#review .btn1,
#review .btn2{
	color:#333;
	
	}
#review .btn1:before{
	content:"";
	display:block;
	width:13px;
	height:8px;
	position:absolute;
	top:20px;
	right:30px;
	background:url(../image/btn_ar.png) no-repeat;
	background-size:cover;
	transition:all 0.3s ease;
	}
#review .btn2:before{
	content:"";
	display:block;
	width:13px;
	height:8px;
	position:absolute;
	top:18px;
	right:30px;
	background:url(../image/btn_ar3.png) no-repeat;
	background-size:cover;
	transition:all 0.3s ease;
	}
#review .btn1:hover,
#review .btn2:hover{
	color:#fff;
	border-color:#922322;
	}
#review .btn1:hover:before{
	top:22px;
	background:url(../image/btn_ar2.png) no-repeat;
	background-size:cover;
	}
	
#review .btn2:hover:before{
	top:16px;
	background:url(../image/btn_ar4.png) no-repeat;
	background-size:cover;
	}
	
	
#review .btn1,
#review .btn2{
	display:none;
	}
#review .active{
	display:block !important;
	}
	
@media screen and ( max-width: 1000px ) {
	
#review ul{
	width:100%;
	}
	}
	
@media screen and ( max-width: 720px ) {
	
#review{
	width:100%;
	margin-top:0;
	border-top:1px solid #cdcdcd;
	padding-top:30px;
	}

#review h1{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	position:relative;
	}
	
#review h1:before,
#review h1:after{
	display:none;
	}
#review ul{
	margin:30px auto 0;
}

#review ul li{
	padding:15px;
	}
	
#review ul li .rw_img_area{
	width:100%;
	height:auto;
	float:none;
	}
#review ul li .rw_img_area:before{
	padding-top:48%;
	}

#review ul li .rw_text_area{
	width : 100% ;
   float:none;
	}
#review ul li .rw_text_area .dn{
	font-size:10px;
	font-weight:bold;
	color:#333;
	margin:12px 0 0;
	}
#review ul li .rw_text_area .dn span{
	padding-left:10px;
	}
#review ul li .rw_text_area h2{
	font-size:13px;
	font-weight:bold;
	color:#333;
	margin:5px 0 12px;
	padding-bottom:15px;
	letter-spacing:0.1em;
	border-bottom:1px solid #cdcdcd;
	}
#review ul li p{
	font-size:11px;
	letter-spacing:0.05em;
	line-height:20px;
	}
#review .link_btn{
	margin:20px auto 0;
	width:100%;
	}
#review .btn1:before{
	width:10px;
	height:6px;
	top:16px;
	right:17px;
}
#review .btn2:before{
	width:10px;
	height:6px;
	top:16px;
	right:17px;
	}
#review .btn1:hover:before{
	top:18px;
	}
	
#review .btn2:hover:before{
	top:14px;
	}
	
	}





/* ==========================================================================
	differences
========================================================================== */
#differences{
	width:100%;
	background:#f4f4f4;
	padding:120px 0;
	}
#differences h1{
	font-size:32px;
	color:#111;
	text-align:center;
	}
#differences h2{
	font-size:20px;
	color:#9d100a;
	text-align:center;
	margin:35px 0 60px;
	font-weight:400;
	}
#differences table{
	width:1100px;
	margin:0 auto;
	}
	
#differences table tr{
	border-bottom:1px solid #cdcdcd;
	}
#differences table tr:first-child,
#differences table .no-border{
	border-bottom:0;
	}
#differences table th{
	padding:24px 0;
	vertical-align:middle;
	background:#5d5a4f;
	text-align:center;
	color:#fff;
	font-size:20px;
	}
#differences table th:first-child{
	background:#9d100a;
	}
 
#differences table td{
	padding:0 0 0 30px;
	vertical-align:middle;
	background:#fff;
	line-height:24px;
	height:80px;
	
	}
#differences table .r_bg{
	background:#f8eded;
	padding-left:0;
	text-align:center;
	vertical-align:middle;
	}
#differences table .g_bg{
	background:#efefef;
	padding-left:0;
	text-align:center;
	vertical-align:middle;
	}

#differences table .b_txt{
	font-weight:bold;
	color:#9d100a;
	}

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

#differences table{
	width : 95% ;
   width : -webkit-calc(100% - 30px) ;
   width : calc(100% - 30px) ;
	
	}
#differences table td{
	padding:20px;
	vertical-align:middle;
	background:#fff;
	line-height:24px;
	height:auto;
	
	}
#differences table .r_bg,
#differences table .g_bg{
	padding:0 10px;
	}

	
	}
@media screen and ( max-width: 720px ) {
	
#differences{
	width:100%;
	background:#f4f4f4;
	padding:45px 0;
	}
#differences h1{
	font-size:18px;
	}
#differences h2{
	font-size:11px;
	margin:18px 0 30px;
	}

#differences .sp-wrap{
	width : 95% ;
   width : -webkit-calc(100% - 30px) ;
   width : calc(100% - 30px) ;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	
	margin:0 auto;
	}
#differences .sp-wrap::-webkit-scrollbar{ 
    width: 15px;
}
#differences .sp-wrap::-webkit-scrollbar-thumb{ 
    background: #cdcdcd;
    border-radius: 10px;
}
#differences .sp-wrap:-webkit-scrollbar-track-piece:start{
    background: #ffa5ba;
}
#differences .sp-wrap::-webkit-scrollbar-track-piece:end{
    background: #fff;
}
	
#differences table{
	width:200%;
	}

#differences table th{
	padding:13px 0;
	font-size:13px;
	}
#differences table td{
	padding:13px;
	font-size:11px;
	line-height:18px;
	}
}



/* ==========================================================================
	enjoying
========================================================================== */
#enjoying{
	width:100%;
	padding:120px 0;
	}
#enjoying h1{
	font-size:32px;
	color:#111;
	text-align:center;
	}
#enjoying h2{
	font-size:20px;
	color:#9d100a;
	text-align:center;
	margin:35px 0 60px;
	font-weight:400;
	}
#enjoying .wine_box{
	width:1100px;
	margin:0 auto 40px;
	position:relative;
	padding:50px 60px 50px 468px;
	box-sizing:border-box;
	background:#f4f4f4;
	text-align:left;
	}
.wine_box .sp_off{
	display:inline !important;
	}
	
#enjoying .wine_box h1{
	font-size:18px;
	font-weight:bold;
	color:#9d100a;
	letter-spacing:0.1em;
	text-align:left;
	margin-bottom:25px;
	}
#enjoying .wine_box p{
	font-size:15px;
	line-height:30px;
	color:#333;
	text-align:left;
	}
	
#enjoying .wine_img{ 
	position:absolute;
	top:53px;
	left:60px;
	width:350px;
	border-bottom:1px solid #9d100a;
	/*
	width:31%;
	*/
	}
	
#enjoying .bt{
	top:73px;
	} 

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

#enjoying .wine_box{
	width : 95% ;
   width : -webkit-calc(100% - 30px) ;
   width : calc(100% - 30px) ;
	padding:50px 40px 50px 41%;
	}
	
#enjoying .wine_img{
	top:53px;
	left:2.4%;
	width:33%;
	border-bottom:1px solid #9d100a;
	/*
	width:31%;
	*/
	}
	}
@media screen and ( max-width: 900px ) {
#enjoying .wine_box{
	padding:50px 0 50px;
	}
#enjoying .wine_box h1,
#enjoying .wine_box p{
	text-align:center;
	
	}
#enjoying .wine_box p{
	padding:0 15px;
	box-sizing:border-box;
	}
#enjoying .wine_img{
	position:relative;
	width:100%;
	text-align:center;
	top:0;
	left:0;
	margin-bottom:25px;
	}
#enjoying .wine_img img{
	max-width:350px;
	width:46%;
	}

	
	}
@media screen and ( max-width: 720px ) {
#enjoying{
	width:100%;
	padding:45px 0 22px;
}
#enjoying h1{
	font-size:18px;
	}
#enjoying h2{
	font-size:11px;
	margin:18px 0 30px;
	}
#enjoying .wine_box{
	padding:28px 0 23px;
	margin-bottom:22px;
	}
#enjoying .wine_box h1{
	font-size:14px;
	margin-bottom:17px;
	}
#enjoying .wine_box p{
	font-size:12px;
	line-height:22px;
}
#enjoying .wine_img{
	margin-bottom:17px;
	min-width:170px;
	}
.wine_box .sp_off{
	display:none !important;
	}
	}
	
	
	
	
	

/* ==========================================================================
	crystal
========================================================================== */
#crystal{
	width:100%;
	background:#f4f4f4;
	padding:120px 0 115px;
	}
#crystal h1{
	font-size:32px;
	color:#111;
	text-align:center;
	}
#crystal h2{
	font-size:20px;
	color:#9d100a;
	text-align:center;
	margin:28px 0 60px;
	font-weight:400;
	}

#crystal .bxslider{
	width:1100px !important;
	margin:0 auto;
	position:relative;
	}
#crystal .bxslider:before{
	content:"";
	display:block;
	padding-top:54%;
	}
.mtbg{
	display:block;
	position:absolute;
	top:0;
		padding:0 !important;
	z-index:9996 !important;
	width:100% !important;
	/*
	height:720px!important;
	
	background:url(https://mihograndama.jp./image/main1.jpg) top center no-repeat;
	*/
	background-size:cover !important;
	background-position:center center !important;
	background-size:100% !important/9;
}

.bx-wrapper {
    position: relative;
	margin:0 auto;
	width:1100px;
}
.bx-viewport {
	margin:0 auto;
	width:1100px;
}

.bx-wrapper img {
    width:100%;
}

.bx-wrapper .bx-pager {
	text-align: center;
        margin-top: 5px;
		position:absolute;
		bottom:45px;
		z-index:9997 !important;
		width:200px;
		left:0;
		right:0;
		margin:auto;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager a {
	background: #fff;
	text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	-moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 5px;/*角丸指定*/
	border-radius: 5px;/*角丸指定*/
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #000;
}

#crystal p{
	text-align:center;
	margin-top:50px;
	letter-spacing:0.1em;
	font-size:15px;
	line-height:34px;
	color:#333;
	padding:0 15px;
	box-sizing:border-box;
	}
@media screen and ( max-width: 1130px ) {
#crystal .bxslider{
	width:100% !important;
	margin:0 auto;
	position:relative;
	}
.bx-viewport {
	margin:0 auto;
	width:100%;
}

	
	}
@media screen and ( max-width: 720px ) {
	
	
#crystal{
	padding:45px 0 45px;
	}
#crystal h1{
	font-size:18px;
	}
#crystal h2{
	font-size:11px;
	margin:15px 0 30px;
	}
#crystal .bxslider{
	width:100% !important;
	margin:0 auto;
	position:relative;
	}

.bx-wrapper .bx-pager {
		bottom:25px;

}
.mtbg{
	background-size:cover !important;
	
	}
#crystal .bxslider:before{
	padding-top:93%;
	}

#crystal p{
	margin-top:26px;
	font-size:12px;
	line-height:20px;
	padding:0 15px;
	box-sizing:border-box;
	text-align:left;
	}
	}

/* ==========================================================================
	wine_link
========================================================================== */
.wine_link{
	width:50%;
	background-size:cover;
	overflow: hidden;
	position:relative;
	}
.wine_link a{
	display:block;
	width:100%;
	padding:95px 0 100px 45%;
	box-sizing:border-box;
	background-size:cover;
	overflow: hidden;
	position:relative;
	}
.wine_link.left{
	float:left;
	}
.wine_link.right{
	float:right;
	}
.wine_link h1{
	font-size:52px;
	color:#8c0600;
	font-weight:400;
	}
.wine_link h2{
	font-size:13px;
	color:#8c0600;
	margin:30px 0 60px;
	}
.granre:after{
    content: "";
	z-index:-2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-image:url(../image/granre_bg.jpg);
	background-color:#f3e5d8;
	background-size:cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	}
.granre:hover:after{
	
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}

.gransol:after{
    content: "";
	z-index:-2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-image:url(../image/gransol_bg.jpg);
	background-color:#f4e6d9;
	background-size:cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	}
.gransol:hover:after{
	
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}
.grandama:after{
    content: "";
	z-index:-2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-image:url(../image/grandama_bg.jpg);
	background-color:#1fceee1;
	background-size:cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	}
.grandama:hover:after{
	
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}

.wine_link .link_btn{
	color:#8c0600;
	background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 1) 50%);
	border-color:#8c0600;
	}
	
.wine_link .link_btn:before{
	background:url(../../image/link_ar_red.png) no-repeat;
	background-size:cover;
	}


.wine_link:hover .link_btn{
	
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;

	}
	
.wine_link:hover .link_btn:before{
	right:25px;
	background:url(../../image/link_ar_red.png) no-repeat;
	background-size:cover;
}
.wine_link:hover a{
	
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;

	}

.wine_link:hover .link_btn{
	color:#8c0600;
	border-color:#8c0600;
    background-position: -100% 100%;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;

	}
	
	
@media screen and ( max-width: 1300px ) {
.wine_link a{
	padding-left:35%;
	}
	
	}
@media screen and ( max-width: 1050px ) {
.wine_link a{
	padding-left:0;
	text-align:center;
	}
.wine_link .link_btn{
	margin:0 auto;
	}
	}
	
@media screen and ( max-width: 720px ) {
.wine_link{
	width:100%;
}
.wine_link a{
	display:block;
	width:100%;
	padding:55px 15px 55px 15px;
}
.wine_link.left{
	float:none;
	border-bottom:1px solid #fff;
	}
.wine_link.right{
	float:none;
	}
.wine_link h1{
	font-size:35px;

	}
.wine_link h2{
	font-size:12px;
	color:#c0600;
	margin:10px 0 20px;
	}

.wine_link .link_btn{
	color:#fff;
	}

.granre:after{
	background-image:url(../image/granre_bg_sp.jpg);
	background-color:#f3e5d8;
	background-size:cover;
    }

.gransol:after{
	background-image:url(../image/gransol_bg_sp.jpg);
	background-color:#f4e6d9;
	background-size:cover;
	}
.grandama:after{
	background-image:url(../image/grandama_bg_sp.jpg);
	background-color:#1fceee1;
	background-size:cover;
	}
	}