@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;
}

.photo_box02.reBox .boxR{
	width: 47% !important;
}
.photo_box02.reBox .boxL{
	width: 49% !important;
}
.photo_box02 .boxL .photo01{
	margin-bottom: 4.5%;
}

/*--------------------------*/
.twinbox{
	margin-bottom: 50px;
}

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: #133c88;
}

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{
	width: 16%;
	padding: 15px;
}
table.rice02 th.name{
	width: 20%;
}

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

table.rice02 tr.now tr.name {
	background: #DAEADF;
}
table.rice02 td.now{
	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;
}
.absimg{
	position: relative;
	display: block;
}

.abstxt{	
	position:absolute;
	bottom: 0;
	text-align: center;
	font-size: small;
	color:#fff;
	padding: 10px;
	width: 100%;
}
.abstxt .topR{	
	top: 0;
	text-align: right;
}

.caption a{
	border-bottom: 1px solid;
}
.caption a:hover{
	border-bottom: none;
}
#cont.five-senses {
	width: 100%;
	background: url(../images/kagoshima/five-senses_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.kuroushi{
	width: 100%;
	background: url(../images/kagoshima/kuroushi_bk.jpg) no-repeat 42% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.kuroushi .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.kuroushi .fil .ttl span{
	font-size: 26px !important;	
}

#cont.shochu{
	width: 100%;
	background: url(../images/kagoshima/shochu_bk.jpg) no-repeat 62% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.shochu .fil{
	background-color: rgba(0,0,0,0.3);	
}

#cont.shochu2{
	width: 100%;
	background: url(../images/kagoshima/shochu2_bk.jpg) no-repeat 24% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.shochu2 .fil{
	background-color: rgba(0,0,0,0.3);	
}

#cont.shochu3{
	width: 100%;
	background: url(../images/kagoshima/shochu3_bk.jpg) no-repeat 40% 80%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.shochu3 .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.shochu4{
	width: 100%;
	background: url(../images/kagoshima/shochu4_bk.jpg) no-repeat 32% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.shochu4 .fil{
	background-color: rgba(0,0,0,0.3);	
}

#cont.shochu5{
	width: 100%;
	background: url(../images/kagoshima/shochu5_bk.jpg) no-repeat 52% 90%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.shochu5 .fil{
	background-color: rgba(0,0,0,0.3);	
}

#cont.matsuda{
	width: 100%;
	background: url(../images/kagoshima/matsuda_bk.jpg) no-repeat 40% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.matsuda .fil{
	background-color: rgba(0,0,0,0.3);
  top: 80%;
}

table.tb_matsuda{
	width:70%;
	margin-bottom: 80px;
	text-align: left;
	background-color: #AAD4B6;
	color: #1C3B16;
	border: 1px solid #1C3B16;
	padding: 10px;
	margin: 0 auto 80px;
}
table.tb_matsuda th{
	width: 7em;
	padding: 5px 0 5px 10px;
}
table.tb_matsuda td{
}

#cont.nakahara{
	width: 100%;
	background: url(../images/kagoshima/nakahara_bk.jpg) no-repeat 70% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.nakahara .fil{
	background-color: rgba(0,0,0,0.3);
  top: 80%;
}

#cont.dashi{
	width: 100%;
	background: url(../images/kagoshima/dashi_bk.jpg) no-repeat 38% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.dashi .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.yakushima{
	width: 100%;
	background: url(../images/kagoshima/yakushima_bk.jpg) no-repeat 49% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.yakushima .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.amami-oshima{
	width: 100%;
	background: url(../images/kagoshima/amami-oshima_bk.jpg) no-repeat 49% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.amami-oshima .fil{
	background-color: rgba(0,0,0,0.3);	
}

#cont.hot-spring-kingdom{
	width: 100%;
	background: url(../images/kagoshima/hot-spring-kingdom_bk.jpg) no-repeat 48% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.hot-spring-kingdom .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.kagoshima-tea{
	width: 100%;
	background: url(../images/kagoshima/kagoshima-tea_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.kagoshima-tea .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.ocean-kingdom{
	width: 100%;
	background: url(../images/kagoshima/ocean-kingdom_bk.jpg) no-repeat 32% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.ocean-kingdom .fil{
	background-color: rgba(0,0,0,0.3);	
}
#cont.ocean-kingdom .cont_in .fil {
  top: 70%;
}

.ocean_ranking .rank_ttl{
	text-align: center;
	margin-bottom: 10px;
	padding: 10px 20px;
	background-color: #314DA4;
	border-radius: 10px;
	font-size: 120%;
	color: #ffffff;
}
.ocean_ranking .rank_ttl .boxL , .ocean_ranking .rank_ttl .boxR{
	border: 2px solid #314DA4;
	margin: 10px;
}
.ocean_ranking .num{
	font-weight: bold;
	background-color: #eaeaea;
	padding: 5px 10px;
	margin: 10px 0;
	width: 6em;
  text-align: center;
	border-radius: 5px;
}

#cont.makotokiln{
	width: 100%;
	background: url(../images/kagoshima/makotokiln_bk.jpg) no-repeat 62% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#cont.makotokiln .fil{
	background-color: rgba(0,0,0,0.3);	
}

/*.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/kagoshima/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:940px;
	margin: 0 auto;
}

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

/*#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 : 215px;
}

#footer .footer_in01 ul.banner li.li02 {
	width : 273px;
}

#footer .footer_in01 ul.banner li.li03 {
	width : 188px;
}

#footer .footer_in01 ul.banner li.li04 {
	width :  246px;
	margin: 0;
}



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


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


#cont.kagoshima .cont_in h1 {
	background: #133c88;
	color: #FFFFFF;
}

#cont.kagoshima .column h3 {
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}
/*---------- local_low ----------*/

#cont .cont_in .logo_five-senses {
	position: absolute;
	width: 65%;
	top: 6%;
	right: 8%;
	max-width: 280px;
}
#cont .cont_in .logo_five-senses img{
	width: 100%;
}

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

#detail .line_box {
	border-color: #133c88;
	max-width: 940px;
	margin: 0 auto;
}

.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;
}


#detail .reference {
  word-wrap:break-word;
}

.FBboxL48 .pc_fb_k,
.FBboxR48 .pc_fb_k { width:100%;display: block;}
.FBboxL48 .pc_fb_k iframe,
.FBboxR48 .pc_fb_k iframe { width:100% !important;}
.FBboxL48 .sp_fb_k,
.FBboxR48 .sp_fb_k { display: none;}