@charset "utf-8";


/*---------- common ----------*/

#cont .cont_in h2 {
	color: #333333;
}

#cont .cont_in .intro a,#cont .cont_in .intro a:hover {
	color: #333333;
}

#cont .cont_in .intro .txt {
  -webkit-text-shadow: 1px 1px 1px #AAA, 3px 3px 10px #AAA;
	-moz-text-shadow: 1px 1px 1px #AAA,  3px 3px 10px #AAA;
	-o-text-shadow: 1px 1px 1px #AAA, 3px 3px 10px #AAA;
  text-shadow: 1px 1px 1px #AAA, 3px 3px 10px #AAA;
}

.sns_nav .ttl {
	color: #333333;
}

.credit {
	color: #333333;
}


/*--------------------------*/
table.mirachare {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
	font-size: 90%;
	line-height: 120%;
}

table.mirachare th,
table.mirachare td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}

table.mirachare th {
  background-color: #EEE;
  text-align: center;
  padding: 10px;
}


table.mirachare td.t02 {
	white-space: nowrap;
}


table.shien {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}

table.shien th,
table.shien td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}

table.shien th {
  background-color: #EEE;
  text-align: center;
}

table.shien td ul {
	display: inline;
	list-style: circle;
}

table.shien td ul li {
	margin-left: 1.5em;
}


table.jinkou {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}

table.jinkou th,
table.jinkou td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 5px 10px;
}

table.jinkou th {
  background-color: #EEE;
  text-align: center;
	font-weight: bold;
}

table.jinkou td {
	text-align: right;
}

table.jinkou td.t01 {
	text-align: center;
}

table.jinkou td.red {
	color: #A80F1E;
}

table.jinkou td.green {
	color: #097029;
}

table.jinkou td.middle {
	font-size: 120%;
}

table.jinkou td.big {
	font-size: 150%;
	font-weight: bold;
}

table.jinkou tr.now {
	background: #DAEADF;
}

table.rice01,
table.rice02 {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
	font-size: 85%;
}

table.rice01 th,table.rice01 td,
table.rice02 th,table.rice02 td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 8px 0;
  text-align: center;
	vertical-align: middle;
	line-height: 120%;
}

table.rice01 th,
table.rice02 th {
  background-color: #EEE;
}

table.rice02 th.name {
	width: 18%;
}

table.rice02 tr.now {
	background: #DAEADF;
}

table.rice02 tr.now th.name {
	background: #DAEADF;
}

.mark_ainu {
	width: 25%;
	height: auto;
	float: left;
	margin: 8px 35px 30px 0;
}

.mark_ainu02 {
	width: 25%;
	height: auto;
	float: left;
	margin: 8px 0 30px 0;
}

.mark_ainu02_txt01 {
	width: 70%;
	height: auto;
	float: right;
}

.mark_ainu02_txt02 {
	width: 70%;
	height: auto;
	float: right;
}


#cont.expanding {
	width: 100%;
	background: url(../images/hokkaido/expanding_bk.jpg) no-repeat 82% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.expanding .cont_in .fil {
	top: 40%;
  background: rgba(0,0,55,0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.ainu-1 {
	width: 100%;
	background: url(../images/hokkaido/ainu-1_bk.jpg) no-repeat 54% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.ainu-1 .cont_in .fil {
	top: 45%;
    background: rgba(40,40,64,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.ainu-2 {
	width: 100%;
	background: url(../images/hokkaido/ainu-2_bk.jpg) no-repeat 44% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.ainu-2 .cont_in .fil {
	top: 45%;
    background: rgba(27,37,47,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.nishino {
	width: 100%;
	background: url(../images/hokkaido/nishino_bk.jpg?v=18.01.26.01) no-repeat 82% top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

/*.video_wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
		text-align: center;
}

#bk_video {
    position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
		width: auto;
    height: auto;
    margin: auto;
		z-index:1;
		background: url(../images/hokkaido/nishino_bk.jpg) no-repeat 82% top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transition: 1s opacity;
}*/


#cont.nishino .cont_in .fil {
	top: 57%;
    background: rgba(78,70,59,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}



#cont.kikin {
	width: 100%;
	background: url(../images/hokkaido/kikin_bk.jpg) no-repeat 92% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.kikin .cont_in .fil {
	top: 57%;
    background: rgba(75,75,65,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.saito {
	width: 100%;
	background: url(../images/hokkaido/saito_bk.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.saito .cont_in .fil {
	top: 57%;
    background: rgba(75,55,35,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.inoue {
	width: 100%;
	background: url(../images/hokkaido/inoue_bk.jpg) no-repeat 70% bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.inoue .cont_in .fil {
	top: 48%;
    background: rgba(55,45,40,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.wine {
	width: 100%;
	background: url(../images/hokkaido/wine_bk.jpg) no-repeat 72% bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.wine .cont_in .fil {
	top: 50%;
    background: rgba(55,45,40,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.brandy {
	width: 100%;
	background: url(../images/hokkaido/brandy_bk.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.brandy .cont_in .fil {
	top: 50%;
    background: rgba(35,30,20,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.cheese {
	width: 100%;
	background: url(../images/hokkaido/cheese_bk.jpg) no-repeat 85% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.cheese .cont_in .fil {
	top: 50%;
    background: rgba(60,25,8,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.jibie {
	width: 100%;
	background: url(../images/hokkaido/jibie_bk.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.jibie .cont_in .fil {
	top: 40%;
    background: rgba(40,18,10,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.rice {
	width: 100%;
	background: url(../images/hokkaido/rice_bk.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.rice .cont_in .fil {
	top: 45%;
    background: rgba(20,45,40,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.sake {
	width: 100%;
	background: url(../images/hokkaido/sake_bk.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.sake .cont_in .fil {
	top: 53%;
    background: rgba(29,50,83,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}


#cont.iomante {
	width: 100%;
	background: url(../images/hokkaido/iomante_bk.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.iomante .cont_in .fil {
	top: 45%;
    background: rgba(39,29,19,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

/*---------- footer ----------*/
#footer {
	background: url(../images/hokkaido/line_01.jpg) center bottom repeat-x #FFFFFF;
	-webkit-background-size: auto 12px;
	-moz-background-size: auto 12px;
	-o-background-size: auto 12px;
	background-size: auto 12px; 
}

#footer .footer_in01 ul.banner {
	width: 807px;
	margin: 0 auto;
}

#footer .footer_in01 ul.banner li {
	float: left;
	padding: 0;
	margin: 0 6px;
	height: 56px;
}

/*#footer .footer_in01 ul.banner li.li01 {
	width : 215px;
	width : -webkit-calc(60 / 170 * 610px);
	width : calc(60 / 170 * 610px);
}

#footer .footer_in01 ul.banner li.li02 {
	width : 233px;
	width : -webkit-calc(60 / 108 * 420px);
	width : calc(60 / 108 * 420px);
}

#footer .footer_in01 ul.banner li.li03 {
	width : 215px;
	width : -webkit-calc(60 / 170 * 610px);
	width : calc(60 / 170 * 610px);
}

#footer .footer_in01 ul.banner li.li04 {
	width : 164px;
	width : -webkit-calc(60 / 235 * 640px);
	width : calc(60 / 235 * 640px);
}*/

#footer .footer_in01 ul.banner li.li01 {
	width : 197px;
	width : -webkit-calc(55 / 170 * 610px);
	width : calc(55 / 170 * 610px);
}

#footer .footer_in01 ul.banner li.li02 {
	width : 214px;
	width : -webkit-calc(55 / 108 * 420px);
	width : calc(55 / 108 * 420px);
}

#footer .footer_in01 ul.banner li.li03 {
	width : 197px;
	width : -webkit-calc(55 / 170 * 610px);
	width : calc(55 / 170 * 610px);
}

#footer .footer_in01 ul.banner li.li04 {
	width : 150px;
	width : -webkit-calc(55 / 235 * 640px);
	width : calc(55 / 235 * 640px);
}



#footer .footer_nav .title {
	background: #097029;
	color: #FFFFFF;
}


/*---------- local_top ----------*/


#cont.hokkaido .cont_in h1 {
	background: #097029;
	color: #FFFFFF;
}



/*---------- local_low ----------*/

#cont .cont_in .logo_expanding {
	position: absolute;
	width: 400px;
	bottom: 10%;
	right: 13%;
}

#detail .column,
#detail .column:before {
	border-color: #097029;
}

#detail .line_box {
	border-color: #097029;
}

.wine_history {
	background: #EDDBE0;
	padding: 10px 40px 5px;
	width: 100%;
	border-radius: 20px; 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	margin: 0 auto;
}

.wine_history dl {
	display: block;
}

.wine_history dl dt {
	float:left;
	margin-bottom: 5px;
}

.wine_history dl dd {
	margin-left: 85px;
	margin-bottom: 5px;
}