@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
#sushiWrap a {
	color:#fff;
}
#sushiWrap ul {
	list-style:none;
	padding:0;
	margin:0;
}
#sushiWrap{
	background: #000 url(../img/bg-line.jpg) bottom repeat-x;
	background-size: 100% 96px;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 96px;
	min-width:1400px;
}
#mainPanel{
	position:relative;
}
#mainPanel div.swiper-slide {
	background-image:url(../img/main1.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:48vw;
}
#mainPanel div.swiper-slide.s02 {
	background-image:url(../img/main2.jpg);
}

#mainPanel div.swiper-slide h1 {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-283px;
	margin-left:-240px;
}
#mainPanel .swiper-pagination-bullets {
	bottom: -65px;
	right:72px;
}
#mainPanel .swiper-pagination-bullet {
	width:10px;
	height:10px;
	margin: 0 10px;
	background: #595959;
}
#mainPanel .swiper-pagination-bullet-active {
	background: #fff;
}
#mainPanel .sns li a {
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	right:72px;
	z-index:99;
	transition: all 0s;
}
#mainPanel .sns li.twitter a {
	bottom:172px;
	background: url(../img/ic-twitter_off.png) no-repeat;
}
#mainPanel .sns li.facebook a {
	bottom:66px;
	background: url(../img/ic-facebook_off.png) no-repeat;
}
#mainPanel .sns li a:hover {
	width:72px;
	height:72px;
	transition: all 0s;
}
#mainPanel .sns li.twitter a:hover {
	right:66px;
	bottom:166px;
	background: url(../img/ic-twitter_on.png) no-repeat;
}
#mainPanel .sns li.facebook a:hover {
	right:66px;
	bottom:60px;
	background: url(../img/ic-facebook_on.png) no-repeat;
}

#summary {
	width:1400px;
	margin:135px auto;
	text-align: center;
}
#summary h2 {
	font-size: 53px;
	line-height: 1.66;
}
#summary p {
	color: #d4d4d4;
	font-size: 24px;
	line-height: 2.3;
	margin-top: 70px;
}
#summary span {
	font-size: 16px;
	line-height: 5;
}

#mov {
	width:1400px;
	margin:0 auto 138px;
}
#movWrap {
	position:relative;
	width:1006px;
	margin:0 auto;
}
#ytplayer {
	width:1006px;
	height:567px;
	margin:0 auto;
}
#playBtn a {
	display:block;
	width:1006px;
	height:567px;
	position:absolute;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.6) url(../img/movie_off.png) center center no-repeat;
}
#playBtn a:hover {
	background: rgba(0, 0, 0, 0.0) url(../img/movie_on.png) center center no-repeat;
}
.supervision {
	margin-top:68px;
	font-size: 16px;
	text-align:center;
}
.banner {
	margin-top:68px;
	text-align:center;
}
#mov .link {
	margin-top:68px;
	font-size: 18px;
	text-align:center;
}
#mov .link a{
	text-decoration:underline;
}
#mov .link a:hover{
	text-decoration:none;
}

#extinction {
	width:1400px;
	margin: 0 auto;
}

#extinction div.swiper-slide {
	position: relative;
	background-image:url(../img/slide-all.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:1400px;
	height:952px;
}
#extinction div.swiper-slide.sushi02 {
	background-image:url(../img/slide-ikanago.jpg);
}
#extinction div.swiper-slide.sushi03 {
	background-image:url(../img/slide-syako.jpg);
}
#extinction div.swiper-slide.sushi04 {
	background-image:url(../img/slide-sakeikura.jpg);
}
#extinction div.swiper-slide.sushi05 {
	background-image:url(../img/slide-hotate.jpg);
}
#extinction div.swiper-slide.sushi06 {
	background-image:url(../img/slide-uni.jpg);
}
#extinction div.swiper-slide.sushi07 {
	background-image:url(../img/slide-awabi.jpg);
}
#extinction div.swiper-slide.sushi08 {
	background-image:url(../img/slide-hirame.jpg);
}
#extinction div.swiper-slide.sushi09 {
	background-image:url(../img/slide-madai.jpg);
}
#extinction div.swiper-slide.sushi00 {
	background-image:url(../img/slide-zuwaigani.jpg);
}

#extinction div.swiper-slide .bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-image:url(../img/slide-ikanago.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:1400px;
	height:952px;
}
#extinction div.swiper-slide.sushi02 .bg {
	background-image:url(../img/slide-syako.jpg);
}
#extinction div.swiper-slide.sushi03 .bg {
	background-image:url(../img/slide-sakeikura.jpg);
}
#extinction div.swiper-slide.sushi04 .bg {
	background-image:url(../img/slide-hotate.jpg);
}
#extinction div.swiper-slide.sushi05 .bg {
	background-image:url(../img/slide-uni.jpg);
}
#extinction div.swiper-slide.sushi06 .bg {
	background-image:url(../img/slide-awabi.jpg);
}
#extinction div.swiper-slide.sushi07 .bg {
	background-image:url(../img/slide-hirame.jpg);
}
#extinction div.swiper-slide.sushi08 .bg {
	background-image:url(../img/slide-madai.jpg);
}
#extinction div.swiper-slide.sushi09 .bg {
	background-image:url(../img/slide-zuwaigani.jpg);
}
#extinction div.swiper-slide.sushi00 .bg {
	background-image:url(../img/slide-all.jpg);
}
#extinction div.swiper-slide-active .bg {
  animation: slideBgFade 2s ease 0s 1 normal;
}
#extinction div.swiper-slide-prev .bg {
  opacity: 1;
}
#extinction div.swiper-slide-next .bg {
  opacity: 0;
}

@keyframes slideBgFade {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#extinction div.swiper-slide .year {
	position:absolute;
	top:68px;
	left:50%;
	margin-left:-78px;
	width:151px;
	text-align: center;
	font-size: 28px;
	background: url(../img/year-circle.png) no-repeat;
	line-height: 1;
	padding: 60px 0 82px;
}
#extinction div.swiper-slide .page {
	font-size: 30px;
	letter-spacing:5px;
	position:absolute;
	top:62px;
	right:62px;
}
#extinction div.swiper-slide dl {
	width:100%;
	text-align: center;
	margin-top:574px;
	position:relative;
	z-index:2;
}
#extinction div.swiper-slide dl.ruby {
	margin-top:550px;
}
#extinction div.swiper-slide dt {
	font-size: 76px;
}
#extinction div.swiper-slide dt rt {
	font-size: 22px;
}
#extinction div.swiper-slide dd {
	font-size: 26px;
	line-height: 1.77;
	margin-top: 25px;
	margin-left:0;
}
#extinction .swiper-pagination-fraction, .swiper-pagination-custom,
#extinction .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 82px;
}
#extinction .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background: #000;
}
#extinction .swiper-pagination-bullet-active {
	background: #fff;
}

#extinction .swiper-button-next.swiper-button-white,
#extinction .swiper-container-rtl
#extinction .swiper-button-prev.swiper-button-white {
	background-image: url(../img/arrow-right_off.png);
}
#extinction .swiper-button-next.swiper-button-white:hover,
#extinction .swiper-container-rtl:hover
#extinction .swiper-button-prev.swiper-button-white:hover {
	background-image: url(../img/arrow-right_on.png);
}
#extinction .swiper-button-next,
#extinction .swiper-container-rtl
#extinction .swiper-button-prev {
	right: 72px;
}
#extinction .swiper-button-next:hover,
#extinction .swiper-container-rtl:hover
#extinction .swiper-button-prev:hover {
	right: 69px;
}
#extinction .swiper-button-prev,
#extinction .swiper-button-next {
	width:37px;
	height:65px;
	margin-top:-32px;
	background-size:37px 65px;
}
#extinction .swiper-button-prev:hover,
#extinction .swiper-button-next:hover {
	width:43px;
	height:77px;
	margin-top:-38px;
	background-size:43px 77px;
}

#outline {
	position:relative;
	width:1400px;
	margin:135px auto;
}

#outline h3 {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-size: 62px;
	position:absolute;
	top:0;
	left:252px;
	letter-spacing:0.3em;
}
#outline h4 {
	color: #d1b887;
	font-size: 34px;
	margin-left:485px;
	padding-top:75px;
}
#outline dl {
	width:660px;
	margin-left:485px;
}
#outline dt {
	font-size: 30px;
	padding-left:28px;
	background: url(../img/mk-dot.png) left 55% no-repeat;
}
#outline dd {
	color:#d4d4d4;
	font-size: 24px;
	margin-left:0;
	margin-bottom:30px;
	line-height:2;
}
#outline dd span {
	display:block;
	color:#d1b887;
}
#outline dd a {
	color:#d4d4d4;
	text-decoration:underline;
}
#outline dd a:hover {
	text-decoration:none;
}
#outline dd ul {
	margin-left:1em;
	text-indent:-1em;
}
#outline .note {
	font-size: 20px;
}
#outline ul.note {
	width:660px;
	font-size: 20px;
	margin-left:505px;
	text-indent:-1em;
	line-height:2;
}

#kind {
	width:1400px;
	margin:0 auto;
}
#kind ul{
	width:1400px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
#kind li{
	width:552px;
	margin-bottom:140px;
}
#kind li:nth-child(odd){
	border-right: #262626 solid 1px;
	padding-left:72px;
	padding-right:75px;
}
#kind li:nth-child(even){
	border-left: #262626 solid 1px;
	padding-left:75px;
	padding-right:72px;
}

#kind li#ikanago{
	background: url(../img/img-ikanago.png) center 150px no-repeat;
}
#kind li#syako{
	background: url(../img/img-syako.png) center 150px no-repeat;
}
#kind li#sakeikura{
	background: url(../img/img-sakeikura.png) 10% 130px no-repeat;
}
#kind li#hotate{
	background: url(../img/img-hotate.png) center 180px no-repeat;
}
#kind li#uni{
	background: url(../img/img-uni.png) center 144px no-repeat;
}
#kind li#awabi{
	background: url(../img/img-awabi.png) center 155px no-repeat;
}
#kind li#hirame{
	background: url(../img/img-hirame.png) center 150px no-repeat;
}
#kind li#madai{
	background: url(../img/img-madai.png) center 150px no-repeat;
}
#kind li#zuwaigani{
	background: url(../img/img-zuwaigani.png) center 150px no-repeat;
}

#kind li dl.lastdata{
	float: right;
	text-align:right;
}
#kind li dl.lastdata dt,
.endTxt {
	display:inline-block;
	padding: 0 3px;
	background-color: #d1b887;
	color: #000;
	font-size: 22px;
	font-weight:600;
	margin-bottom:10px;
}
.endTxt {
	margin-top:1em;
}
#kind li dl.lastdata dd {
	font-size: 26px;
}

#kind li .name {
	font-size: 74px;
	margin-top: 486px;
	margin-left: 18px;
}
#kind li#hotate .name ,
#kind li#uni .name ,
#kind li#awabi .name ,
#kind li#hirame .name ,
#kind li#madai .name {
	margin-top: 454px;
}
#kind li .name rt {
	font-size: 22px;
}
#kind li .txt {
	margin-top: 30px;
	font-size: 24px;
	line-height:2;
	margin-left: 18px;
}

#kind li .detail {
	font-size: 24px;
	line-height:2;
	margin: 0 0 0 18px;
}
#kind li .detail dt {
	display:inline-block;
	color:#d1b887;
	padding-right:44px;
	background: url(../img/bg-detail_off.png) right no-repeat;
}
#kind li .detail dt:hover {
	color:#fff;
	background: url(../img/bg-detail_on.png) right no-repeat;
}
#kind li .detail dt.on {
	background: url(../img/bg-detail_active_off.png) right no-repeat;
}
#kind li .detail dt.on:hover {
	background: url(../img/bg-detail_active_on.png) right no-repeat;
}
#kind li .detail dd {
	display:none;
	margin-left:0;
}

#kind li .entry a,
#kind li .entry span {
	width:456px;
	display:block;
	font-size: 32px;
	padding: 45px 48px 50px 48px;
	background: url(../img/bg-entry_off.png) no-repeat;
	color:#d1b887;
	margin-top:50px;
}

#kind li .entry span {
	opacity:0.5;
}

#kind li .entry a:hover {
	background: url(../img/bg-entry_on.png) no-repeat;
	color:#fff;
	text-decoration:none;
	transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#kind .fullreport a {
	margin:0 auto 150px;
	display:block;
	width:750px;
	padding: 24px 42px 30px;
	font-size:32px;
	color:#000;
	background:#c8a56a url(../img/ic-pdf.png) 93% 50% no-repeat;
	font-weight:600;
}
#kind .fullreport a:hover {
	color:#000;
	background-color:#fff;
	text-decoration:none;
}

#biofuel {
	padding: 150px 50px 110px;
	background-color: #fff;
	color:#000;
}
#biofuel h3 {
	font-size:58px;
	text-align:center;
}
#biofuel h4 {
	width:340px;
	text-align:center;
	font-size:28px;
	background-color:#00c3be;
	color:#fff;
	padding: 3px 0 6px;
	margin: 40px auto;
	letter-spacing:0.16em;
}
#biofuel p {
	width:650px;
	margin: 30px auto;
	font-size:25px;
	line-height:2.1;
}
#biofuel p.image {
	width:1300px;
	margin: 80px auto;
}
#biofuel p.icon {
	margin: 80px auto;
}
#biofuel p.link {
	font-size:28px;
}
#biofuel p.link a {
	display:block;
	color:#000;
	width:234px;
	background: url(../img/arrow-link_off.png) right no-repeat;
	margin: 0 auto;
}
#biofuel p.link a:hover {
	color:#00c3be;
	text-decoration:none;
	background: url(../img/arrow-link_on.png) right no-repeat;
	transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#rules {
	position:relative;
	width:1400px;
	margin: 0 auto;
	padding: 215px 0 160px;
}
#rules h3 {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-size: 62px;
	position:absolute;
	top:160px;
	left:252px;
	letter-spacing:0.3em;
}
#rules .scrollbox {
	position: relative;
	width:600px;
	height:570px;
	margin-left:485px;
	padding-right:60px;
}
#rules .ps--active-x > .ps__rail-x,
#rules .ps--active-y > .ps__rail-y {
	background-color:#fff;
	border-radius:0;
	width:1px;
	opacity: 1.0!important;
	transition: all 0s;
}
#rules .ps__thumb-y {
	background-color:#fff;
	border-radius:0;
	width:3px;
	transition: all 0s;
}

#rules dt {
	font-size: 24px;
	padding-left:28px;
	background: url(../img/mk-dot.png) left 55% no-repeat;
}
#rules dd {
	color:#d4d4d4;
	font-size: 16px;
	margin-bottom:30px;
	margin-left:0;
	line-height:2;
}
#rules dd ul {
	margin-left:1em;
	text-indent:-1em;
}
#rules dd p {
	margin-bottom:30px;
}
#rules dd a {
	text-decoration:underline;
}
#rules dd a:hover {
	text-decoration:none;
}
#rules dd span.bold {
	font-weight:800;
}

#rules .link {
	margin:80px 0 0 485px;
}
#rules .link a {
	width:369px;
	display:block;
	font-size: 22px;
	padding: 35px 42px 40px 42px;
	background: url(../img/bg-download_off.png) no-repeat;
	color:#d1b887;
}
#rules .link a:hover {
	background: url(../img/bg-download_on.png) no-repeat;
	color:#fff;
	text-decoration:none;
	transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#footer-gnavi {
	margin-top:0;
}

.sp_only {
	display:none;
}

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

.sp_only {
	display:block;
}

#sushiWrap{
	width:100%;
	min-width:auto;
	background: #000 url(../img/bg-line.jpg) bottom repeat-x;
	background-size: 100% 60px;
	padding-bottom: 60px;
}

#mainPanel div.swiper-slide {
	background-image:url(../img/main1_sp.jpg);
	width:100%;
	height:132.4vw;
}
#mainPanel div.swiper-slide.s02 {
	background-image:url(../img/main2_sp.jpg);
}
#mainPanel .swiper-pagination-bullets {
	bottom: -25px;
	right:auto;
	width:100%;
}
#mainPanel .swiper-pagination-bullet {
	width:6px;
	height:6px;
}
#extinction .swiper-button-next.swiper-button-white:hover,
#extinction .swiper-container-rtl:hover
#extinction .swiper-button-prev.swiper-button-white:hover {
	background-image: url(../img/arrow-right_off.png);
}
#extinction .swiper-button-next,
#extinction .swiper-container-rtl
#extinction .swiper-button-prev,
#extinction .swiper-button-next:hover,
#extinction .swiper-container-rtl:hover
#extinction .swiper-button-prev:hover {
	right: 25px;
}

#extinction .swiper-button-prev,
#extinction .swiper-button-next,
#extinction .swiper-button-prev:hover,
#extinction .swiper-button-next:hover {
	width:18px;
	height:32px;
	margin-top:-16px;
	background-size:18px 32px;
}

#mainPanel .sns li a {
	width:32px;
	height:32px;
	z-index:99;
	transition: all 0s;
}
#mainPanel .sns li.twitter a,
#mainPanel .sns li.twitter a:hover {
	width:32px;
	height:32px;
	bottom:13vw;
	right:50%;
	margin-right:15px;
	background-size:cover;
}
#mainPanel .sns li.facebook a,
#mainPanel .sns li.facebook a:hover {
	width:32px;
	height:32px;
	bottom:13vw;
	right:50%;
	margin-right:-47px;
	background-size:cover;
}

#summary {
	width:auto;
	margin:90px auto;
}
#summary h2 {
	font-size: 26px;
}
#summary p {
	font-size: 13px;
	margin-top: 35px;
}
#summary span {
	font-size: 10px;
}

#mov {
	width:auto;
	margin:0 auto 78px;
}
#movWrap {
	width:86.666666667vw;
}
#ytplayer {
	width:86.666666667vw;
	height:49.06666667vw;
	margin:0 auto;
}
#playBtn a,
#playBtn a:hover {
	width:86.666666667vw;
	height:49.06666667vw;
	background: rgba(0, 0, 0, 0.6) url(../img/movie_off.png) center center no-repeat;
	background-size: 70px 70px;
}
.supervision {
	margin-top:30px;
	font-size: 10px;
}
.banner {
	margin-top:30px;
}
.banner img {
	width:100%;
}
#mov .link {
	margin-top:30px;
	font-size: 12px;
}


#extinction {
	width:auto;
}
#extinction div.swiper-slide {
	background-image:url(../img/slide-all_sp.jpg);
	width:100%;
	height:132vw;
}
#extinction div.swiper-slide.sushi02 {
	background-image:url(../img/slide-ikanago_sp.jpg);
}
#extinction div.swiper-slide.sushi03 {
	background-image:url(../img/slide-syako_sp.jpg);
}
#extinction div.swiper-slide.sushi04 {
	background-image:url(../img/slide-sakeikura_sp.jpg);
}
#extinction div.swiper-slide.sushi05 {
	background-image:url(../img/slide-hotate_sp.jpg);
}
#extinction div.swiper-slide.sushi06 {
	background-image:url(../img/slide-uni_sp.jpg);
}
#extinction div.swiper-slide.sushi07 {
	background-image:url(../img/slide-awabi_sp.jpg);
}
#extinction div.swiper-slide.sushi08 {
	background-image:url(../img/slide-hirame_sp.jpg);
}
#extinction div.swiper-slide.sushi09 {
	background-image:url(../img/slide-madai_sp.jpg);
}
#extinction div.swiper-slide.sushi00 {
	background-image:url(../img/slide-zuwaigani_sp.jpg);
}

#extinction div.swiper-slide .bg {
	background-image:url(../img/slide-ikanago_sp.jpg);
	width:100%;
	height:132vw;
}
#extinction div.swiper-slide.sushi02 .bg {
	background-image:url(../img/slide-syako_sp.jpg);
}
#extinction div.swiper-slide.sushi03 .bg {
	background-image:url(../img/slide-sakeikura_sp.jpg);
}
#extinction div.swiper-slide.sushi04 .bg {
	background-image:url(../img/slide-hotate_sp.jpg);
}
#extinction div.swiper-slide.sushi05 .bg {
	background-image:url(../img/slide-uni_sp.jpg);
}
#extinction div.swiper-slide.sushi06 .bg {
	background-image:url(../img/slide-awabi_sp.jpg);
}
#extinction div.swiper-slide.sushi07 .bg {
	background-image:url(../img/slide-hirame_sp.jpg);
}
#extinction div.swiper-slide.sushi08 .bg {
	background-image:url(../img/slide-madai_sp.jpg);
}
#extinction div.swiper-slide.sushi09 .bg {
	background-image:url(../img/slide-zuwaigani_sp.jpg);
}
#extinction div.swiper-slide.sushi00 .bg {
	background-image:url(../img/slide-all_sp.jpg);
}

#extinction div.swiper-slide .year {
	position:absolute;
	top:13.3333vw;
	left:50%;
	margin-left:-36px;
	width:77px;
	text-align: center;
	font-size: 14px;
	background: url(../img/year-circle.png) no-repeat;
	background-size:cover;
	line-height: 1;
	padding: 30px 0 42px;
}
#extinction div.swiper-slide .page {
	font-size: 15px;
	top:25px;
	right:25px;
}
#extinction div.swiper-slide dl {
	width:100%;
	text-align: center;
	margin-top:82vw;
}
#extinction div.swiper-slide dl.ruby {
	margin-top:76.4vw;
}
#extinction div.swiper-slide dt {
	font-size: 38px;
}
#extinction div.swiper-slide dt rt {
	font-size: 11px;
}
#extinction div.swiper-slide dd {
	font-size: 13px;
	margin-top: 20px;
}
#extinction .swiper-pagination-fraction, .swiper-pagination-custom,
#extinction .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 12vw;
}
#extinction .swiper-pagination-bullet {
	width:6px;
	height:6px;
}


#outline {
	width:auto;
	padding: 0 25px;
	margin:70px auto;
}
#outline h3 {
	writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	font-size: 26px;
	text-align:center;
	position:relative;
	top:auto;
	left:auto;
	letter-spacing:0.1em;
	margin-bottom:45px;
}
#outline h4 {
	font-size: 17px;
	margin-left:0;
	padding-top:0;
}
#outline dl {
	width:100%;
	margin-left:0;
}
#outline dt {
	font-size: 15px;
	margin-left:0;
	padding-left:14px;
	background: url(../img/mk-dot.png) left 55% no-repeat;
	background-size:8px 8px;
}
#outline dd {
	font-size: 12px;
	margin-bottom:15px;
	line-height:1.83;
}
#outline .note {
	font-size: 10px;
}
#outline ul.note {
	width:100%;
	font-size: 10px;
	margin-left:1em;
	text-indent:-1em;
	line-height:1.83;
}


#kind {
	width:auto;
}
#kind ul{
	width:100%;
/*	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;*/
}
#kind li{
	width:89.6%;
	margin: 0 auto 50px;
}
#kind li:nth-child(odd){
	border-right: none;
	padding-left:0;
	padding-right:0;
}
#kind li:nth-child(even){
	border-left: none;
	padding-left:0;
	padding-right:0;
}

#kind li#ikanago{
	background: url(../img/img-ikanago.png) center 18vw no-repeat;
	background-size: 65vw auto;
}
#kind li#syako{
	background: url(../img/img-syako.png) center 19vw no-repeat;
	background-size: 60vw auto;
}
#kind li#sakeikura{
	background: url(../img/img-sakeikura.png) 1vw 15vw no-repeat;
	background-size: 80vw auto;
}
#kind li#hotate{
	background: url(../img/img-hotate.png) center 20vw no-repeat;
	background-size: 65vw auto;
}
#kind li#uni{
	background: url(../img/img-uni.png) center 20vw no-repeat;
	background-size: 45vw auto;
}
#kind li#awabi{
	background: url(../img/img-awabi.png) center 19vw no-repeat;
	background-size: 52vw auto;
}
#kind li#hirame{
	background: url(../img/img-hirame.png) center 20vw no-repeat;
	background-size: 60vw auto;
}
#kind li#madai{
	background: url(../img/img-madai.png) center 20vw no-repeat;
	background-size: 62vw auto;
}
#kind li#zuwaigani{
	background: url(../img/img-zuwaigani.png) center 14vw no-repeat;
	background-size: 62vw auto;
}
#kind li dl.lastdata dt,
.endTxt {
	padding: 0 2px;
	font-size: 11px;
	font-weight:600;
	line-height:1.5;
	margin-bottom:5px;
}
#kind li dl.lastdata dd {
	font-size: 13px;
}

#kind li .name {
	font-size: 37px;
	margin-top: 63.73vw;
	margin-left: 6px;
}
#kind li#hotate .name ,
#kind li#uni .name ,
#kind li#awabi .name ,
#kind li#hirame .name ,
#kind li#madai .name {
	margin-top: 60.8vw;
}
#kind li .name rt {
	font-size: 11px;
}
#kind li .txt {
	margin-top: 20px;
	font-size: 12px;
	margin-left: 6px;
}

#kind li .detail {
	font-size: 12px;
	margin: 0 0 0 6px;
}
#kind li .detail dt {
	display:inline-block;
	color:#d1b887;
	padding-right:20px;
	background: url(../img/bg-detail_off.png) right no-repeat;
	background-size:14px 8px;
}
#kind li .detail dt:hover {
	background: url(../img/bg-detail_on.png) right no-repeat;
	background-size:14px 8px;
}
#kind li .detail dt.on {
	background: url(../img/bg-detail_active_off.png) right no-repeat;
	background-size:14px 8px;
}
#kind li .detail dt.on:hover {
	background: url(../img/bg-detail_active_on.png) right no-repeat;
	background-size:14px 8px;
}


#kind li .entry a,
#kind li .entry span {
	margin-top:20px;
	width:auto;
	font-size: 16px;
	padding: 22px 30px 25px 30px;
	background-image: url(../img/bg-entry_sp_top.png), url(../img/bg-entry_sp_right.png), url(../img/bg-entry_sp_bottom.png), url(../img/bg-entry_sp_left.png);
	background-position: left top, right top, right bottom, left bottom;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 750px 20px, 20px 100px, 750px 20px, 20px 100px;
}
#kind li .entry a:hover {
	background-image: url(../img/bg-entry_sp_top.png), url(../img/bg-entry_sp_right.png), url(../img/bg-entry_sp_bottom.png), url(../img/bg-entry_sp_left.png);
	background-position: left top, right top, right bottom, left bottom;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 750px 20px, 20px 100px, 750px 20px, 20px 100px;
}

#kind .fullreport a {
	margin: 0 25px 80px 25px;
	width:auto;
	padding: 14px 24px 18px;
	font-size:16px;
	background:#c8a56a url(../img/ic-pdf.png) 93% 50% no-repeat;
	background-size: 20px 31px;
}

#biofuel {
	padding: 75px 0;
}
#biofuel h3 {
	font-size:29px;
	line-height:1.345;
}
#biofuel h4 {
	width:170px;
	font-size:14px;
	padding: 3px 0 6px;
	margin: 20px auto;
}
#biofuel p {
	width:auto;
	padding: 0 25px;
	margin: 20px auto;
	font-size:12px;
	line-height:2;
}
#biofuel p.image {
	width:auto;
	padding: 0;
	margin: 40px auto;
}
#biofuel p.image img {
	width:100%;
}
#biofuel p.icon {
	padding: 0 25px;
	margin: 50px auto;
}
#biofuel p.icon img {
	width:100%;
}
#biofuel p.link {
	font-size:14px;
}
#biofuel p.link a {
	width:116px;
	background: url(../img/arrow-link_off.png) right no-repeat;
	background-size:8px 14px;
	margin: 0 auto;
}
#biofuel p.link a:hover {
	background: url(../img/arrow-link_on.png) right no-repeat;
	background-size:8px 14px;
}

#rules {
	position:relative;
	width:auto;
	padding: 75px 25px 80px;
}
#rules h3 {
	writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	font-size: 26px;
	text-align:center;
	position:relative;
	top:auto;
	left:auto;
	letter-spacing:0.1em;
	margin-bottom:45px;
}
#rules .scrollbox {
	position: relative;
	width:auto;
	height:285px;
	margin-left:0;
	padding-right:25px;
}
#rules dt {
	font-size: 12px;
	padding-left:14px;
	background: url(../img/mk-dot.png) left 55% no-repeat;
	background-size:8px 8px;
}
#rules dd {
	font-size: 11px;
	margin-bottom:20px;
	line-height:1.727;
}


#rules .link {
	margin:40px auto 0;
}
#rules .link a {
	width:185px;
	font-size: 11px;
	padding: 13px 25px 14px 42px;
	background: url(../img/bg-download_sp.png) no-repeat;
	background-size: 226px 52px;
	margin:0 auto;
}
#rules .link a:hover {
	background: url(../img/bg-download_sp.png) no-repeat;
	background-size: 226px 52px;
}



}