@charset "utf-8";


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

#cont.hinata {
	width: 100%;
	background: url(../images/miyazaki/hinata_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.biobar {
	width: 100%;
	background: url(../images/miyazaki/biobar_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.biobar2 {
	width: 100%;
	background: url(../images/miyazaki/biobar2_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.hyugashinwa {
	width: 100%;
	background: url(../images/miyazaki/hyugashinwa_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.amanoiwato {
	width: 100%;
	background: url(../images/miyazaki/amanoiwato_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.tensonkorin {
	width: 100%;
	background: url(../images/miyazaki/tensonkorin_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.umisachi {
	width: 100%;
	background: url(../images/miyazaki/umisachi_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.specialty {
	width: 100%;
	background: url(../images/miyazaki/specialty_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.caviar {
	width: 100%;
	background: url(../images/miyazaki/caviar_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.mangos {
	width: 100%;
	background: url(../images/miyazaki/mangos_bk.jpg) no-repeat 55% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#cont.miyazakibeef {
	width: 100%;
	background: url(../images/miyazaki/miyazakibeef_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.aya-town {
	width: 100%;
	background: url(../images/miyazaki/aya-town_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.hinata .cont_in .fil {
	top: 40%;
}

#cont.biobar .cont_in .fil {
	top: 38%;
    background: rgba(89,177,222,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.biobar2 .cont_in .fil {
	top: 38%;
    background: rgba(241,122,80,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

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

#cont.amanoiwato .cont_in .fil {
	top: 38%;
    background: rgba(122,133,105,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.tensonkorin .cont_in .fil {
	top: 45%;
}

#cont.umisachi .cont_in .fil {
	top: 45%;
}

#cont.specialty .cont_in .fil {
	top: 43%;
}

#cont.caviar .cont_in .fil {
	top: 40%;
    background: rgba(142,138,152,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.mangos .cont_in .fil {
	top: 48%;
    background: rgba(211,197,214,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}

#cont.miyazakibeef .cont_in .fil {
	top: 49%;
}

#cont.aya-town .cont_in .fil {
	top: 43%;
    background: rgba(168,0,5,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');
}


/*---------- footer ----------*/
#footer {
	background: url(../images/miyazaki/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: 671px;
	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 : 235px;
}

#footer .footer_in01 ul.banner li.li02 {
	width : 183px;
	width : -webkit-calc(55 / 90 * 300px);
	width : calc(55 / 90 * 300px);
}

#footer .footer_in01 ul.banner li.li03 {
	width : 214px;
	width : -webkit-calc((55 / 60 * 234px)+1px);
	width : calc((55 / 60 * 234px)+1px);
}

#footer .footer_nav .title {
	background: #FFF100;
	color: #333333;
}

#footer .footer_nav .title a {
	color: #333333;
}

#footer .footer_nav .title a:hover {
	color: #333333;
}



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


#cont.miyazaki .cont_in h1 {
	background: #FFF100;
	color: #333333;
}



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

#cont .cont_in .logo_hinata {
	width: 30%;
	margin: 0 auto;
	padding: 5px 0;
}

#cont .cont_in .logo_hinata_c {
	position: absolute;
	width: 250px;
	bottom: 15px;
	left: 50%;
	margin-left: -125px;
}

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

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

.hinata_hyou {
}

.hinata_hyou table {
	width: 100%;
	border-top: solid 2px #FFFFFF;
	border-left: solid 2px #FFFFFF;
}

.hinata_hyou table th {
	width: 50%;
	background: #F18200;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 4% 5px;
	line-height: 1.4em;
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	width: 33%;
	font-size: 80%;
}

.hinata_hyou table td {
	width: 50%;
	background: #F9BE00;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 4% 5px;
	line-height: 1.4em;
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	width: 33%;
	font-size: 140%;
}

.mangos_history {
	width: 100%;
	height: auto;
	margin: 0;
	line-height: 1.4em;
}

.mangos_history .box {
	background: #04509A;
	padding: 40px 50px 1px;
	width: 80%;
	border-radius: 20px; 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	color: #FFFFFF;
	margin: 0 auto;
}

.mangos_history .box p {
	font-weight: bold !important;
	text-align: center;
}

.mangos_history .box dl {
	display: block;
	margin-bottom: 40px;
}

.mangos_history .box dl dt {
	float:left;
	margin-bottom: 10px;
}

.mangos_history .box dl dd {
	margin-left: 100px;
	margin-bottom: 10px;
}

ul.shinwa_kami {
	width: 78%;
	margin: 0 auto;
}

ul.shinwa_kami li {
	margin-bottom: 30px;
	clear: both;
	display: table;
}

ul.shinwa_kami li .photo {
	width: 30%;
	display: table-cell;
}

ul.shinwa_kami li .txt {
	width: 70%;
	display: table-cell;
	vertical-align: middle;
}

ul.shinwa_kami li .txt .name {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.shinwa_story {
	width: 100%;
}

#detail .detail_in .shinwa_story h2 {
	text-align: center;
	font-size: 140%;
	color: #314DA4;
	margin-bottom: 10px;
	font-family: '游ゴシック体 Medium', 'Yu Gothic Medium', 'YuGothic M', '游ゴシック体', YuGothic, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.shinwa_story ul {
}

.shinwa_story ul li {
	width: 50%;
	float: left;
}

.shinwa_story ul li.s01 {
	border-right: solid 1px #314DA4;
	border-bottom: solid 1px #314DA4;

}

.shinwa_story ul li.s02 {
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #314DA4;
}

.shinwa_story ul li.s03 {
	border-right: solid 1px #314DA4;
}

.shinwa_story ul li.s04 {
	border-right: solid 1px #FFFFFF;
}

hr.shinwa {
	margin-bottom: 30px;
	border-bottom: solid 1px #314DA4;
}

.aya_system {
	background: #30B357;
	padding: 20px;
	color: #FFFFFF;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	z-index: 10;
	position: relative;
}

.aya_system:before {
	content: "";
	position: absolute;
	background: #30B357;
	margin: 4px;
	border: dotted 1px #FFFFFF;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: -10;
}