@charset "UTF-8";

/* Layout
----------------------------------------------- */
html{font-size:16px;}
body{line-height:1.8;}
article{overflow:hidden;}
.contents{padding-top:100px; padding-bottom:100px; position:relative;}

@media (max-width: 991px){
	.container{max-width:100%;}
}
@media (max-width:767px){
	.contents{padding-top:40px; padding-bottom:40px;}
}
@media (max-width:575px){
	.contents{padding-top:25px; padding-bottom:25px;}
	html{font-size:15px;}
}

/* common
----------------------------------------------- */
.en{font-family: 'Oswald', sans-serif;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4{margin:0; font-weight:700; line-height:1.6;font-family: sans-serif;}

.h1{font-size:42px; margin-bottom:2rem; line-height:1.4;}
h2,.h2{font-size:36px; margin-bottom:2rem;}
h3,.h3{font-size:30px; margin-bottom:1rem;}
h4,.h4{font-size:23px; margin-bottom:1rem;}

.normal{font-size:1rem;}
.lead{font-size:18px;}
.mincho{font-family:serif;}
.bold{font-weight:bold;}

.c-white{color:white;}

.marker{background:linear-gradient(transparent 50%, yellow 50%);}

.l{text-align:left;}
.c{text-align:center;}
.r{text-align:right;}

img{max-width:100%; height:auto;}
.photo-shadow{box-shadow:5px 5px 0 rgba(0,0,0,.15);}
.img-shadow{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.45));max-width: 650px;}

[class*="flex-"]{display:flex;}
.flex-cc{justify-content:center; align-items:center;}

.bg-black{background-color:black; color:white;}
.bg-gray{background-color:rgba(0,0,0,.05);}

.btn{font-weight:700;}

.bnr-wrap{
	padding:15px 15px 30px;
	text-align:center;
	background-color:rgba(0,0,0,.05);
}

a:hover{opacity:.8;}

@media (max-width:767px){
}

@media (max-width:575px){
	.h1{font-size:26px; margin-bottom:1.2rem;}
	h2,.h2{font-size:19px; margin-bottom:1rem;}
	h3,.h3{font-size:19px;}
	h4,.h4{font-size:17px; margin-bottom:.5rem;}
	.lead{font-size:1rem;}
}

/* footer
----------------------------------------------- */
#footer .contact-row{background-color:rgb(235, 235, 235); padding:15px;}
#footer #copyright{background-color:#242628; font-size:12px; color:#999; padding:15px;}
#footer .btn{font-size:13px; padding:.5rem 1.5rem;}
#footer .btn-outline-dark{color:#343a40;border-color:#343a40;}
#footer .btn-outline-dark:hover{color:#fff;}

/* cover
----------------------------------------------- */
#cover{
	text-align:center;
	background:url(../images/cover.jpg) center bottom no-repeat;
	background-size:cover;
	position:relative;
}
#cover>div{padding:30px 0; width:90%;}
.fan{position:relative; display:inline-block; background-color:white; padding:10px 10px 10px 50px;}
.fan::before{
	content:'';
	display:inline-block;
	width:32px;
	height:80%;
	background:url(../images/fanaward2011.jpg) center top no-repeat;
	background-size:contain;
	position:absolute;
	top:10%;
	left:10px;
}

@media (min-width:768px){
	#cover{min-height:85vh;}
	#cover>div{padding:50px 0;}
	#cover .fan{position:absolute; right:0; bottom:30px;}
}

@media (max-width:575px){
	.fan{font-size:12px; padding:5px 5px 5px 36px;}
	.fan::before{width:36px;}
	#cover .fan::before{left:0;}
}

/* pos1
----------------------------------------------- */
#pos1{
	background:url(../images/map-goto.svg) 25% center no-repeat;
	background-size:contain;
}
@media (max-width:575px){
	#pos1 h2{max-width:60%; padding-top:1.5rem; margin-right:auto; margin-left:auto;}
	#pos1 img.photo-shadow{max-width:80%;}
}

/* pos2
----------------------------------------------- */
#pos2{position:relative;}
#pos2.lazyloaded{background:#9e8064 url(../images/p1.jpg) right 0 no-repeat;}

#pos2::after{
    content: '';
    display: inline-block;
    width:0;
	height:0;
	border-style: solid;
	border-width: 40px 75px 0 75px;
	border-color: #9e8064 transparent transparent transparent;
    position: absolute;
    left:50%;
    bottom:-40px;
    transform:translateX(-50%);
}

#pos2 ul.row{justify-content:center;}
#pos2 ul li{display:flex;}
#pos2 ul li span{display:flex; align-items:center; padding:15px 20px; background-color:white; position:relative; margin-top:1rem;}
#pos2 ul li span::before{
	content:'';
	display:inline-block;
	width:0;
	height:0;
	border:10px solid black;
	border-color:black transparent transparent black;
	position:absolute;
	top:0;
	left:0;
}

@media (min-width:768px){
	#pos2 ul li{max-width:280px;}
}
@media (max-width:575px){
	#pos2{background-position:40% 0;}
	#pos2 ul li span{width:100%; padding:15px; background-color:rgba(255,255,255,.8);}
}
@media (max-width:374px){
	#pos2 h2{font-size:18px;}
	#pos2 ul li span{font-size:.8rem;}
}

/* pos3
----------------------------------------------- */
#pos3.lazyloaded{background:url(../images/bg-ja-a.jpg);}
#pos3 .box{display:inline-block; max-width:420px;}
#pos3 h3.mincho{position:relative;}
#pos3.lazyloaded h3.mincho::before{
	content:'';
	display:inline-block;
	width:182px;
	height:182px;
	position:absolute;
	top:-70px;
	left:0;
	background:url(../images/bg-en.svg) center center no-repeat;
	background-size:cover;
}

@media (max-width:767px){
	#pos3 h2{margin-left:-40px; margin-right:-40px;}
	#pos3 img.photo-shadow{max-width:70%; margin-top:-2rem;}
	#pos3 h3{text-align:center;}
}

/* pos4
----------------------------------------------- */
#pos4 .container{width:740px;}

#pos4 .top-area{background-color:#1a1a37; position:relative;}
#pos4 .top-area>*{position:relative; z-index:1;}
#pos4 .top-area::before,
#pos4 .top-area::after{
	content:'';
	display:inline-block;
	width:25%;
	max-width:450px;
	height:100%;
	position:absolute;
	top:0;
	z-index:0;
}
#pos4.lazyloaded .top-area::before{left:0; background:#1a1a37 url(../images/fish-l.png) center center no-repeat; background-size:cover;}
#pos4.lazyloaded .top-area::after{right:0; background:#1a1a37 url(../images/fish-r.png) center center no-repeat; background-size:cover;}

#pos4 .split{overflow:hidden;}
#pos4 .split::before{
	content:'';
	display:inline-block;
	width:140%;
	height:70%;
	position:absolute;
	bottom:-70%;
	left:0;
	background-color:white;
	transform:rotate(-8deg);
	transform-origin:0 0;
}
#pos4 .top-area ul{padding:0 15px;}
#pos4.lazyloaded .top-area ul li{
	padding:5rem 0;
	margin:0 3px;
	background:url(../images/bg-hexagon.svg) center center no-repeat;
	background-size:contain;
}

#pos4 h3.h1{line-height:1.2;}
#pos4 h3.h1 span:first-child{font-size:62%; margin-left:1.5rem;}
#pos4 h3.h1 span:last-child{display:inline-block; margin-left:10px; position:relative; bottom:-.2rem; font-size:120%; transform:rotate(15deg);}

.label-black{background-color:black; color:white; font-weight:bold; padding:.2rem .4rem; margin:.2rem;}

.box-line-black{padding:30px; border:1px solid black;}

@media (max-width:575px){
	#pos4 h3.h1{text-align:center;}
	#pos4 h3.h1 span:first-child{margin-left:0;}

	#pos4 .top-area ul li{padding:4rem 0;}
	#pos4 .top-area ul li:nth-child(3){margin-top:-3.2rem;}

	.box-line-black{padding:15px;}
}

/* pos5
----------------------------------------------- */
#pos5{position:relative;}
#pos5.lazyloaded::before{
	content:'';
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-ja-b.jpg);
	opacity:.5;
}

#pos5.lazyloaded .top-area{background:url(../images/bg-ja-b.jpg);}
#pos5 .top-area h2{margin:-50px 1rem 0;}
#pos5.lazyloaded .top-area section{
	padding:1.5rem 0 2rem 2rem;
	background:url(../images/icon-check.svg) left top no-repeat; background-size:80px auto;
}
#pos5 .top-area section:last-child{padding-bottom:0;}

#pos5.lazyloaded .bottom-area{background:url(../images/bg-ja-b2.png) center top repeat-x;}

#pos5 .box-owner{position:relative; margin-bottom:1.5rem;}
#pos5 .box-owner h3{padding:.5rem; margin:0; background-color:rgba(255,255,255,.8); position:absolute; bottom:0; right:0;}

#pos5 .bottom-area .box-photo>div{max-width:420px; box-shadow:2px 2px 4px rgba(0,0,0,.2); border:5px solid white;}
#pos5 .bottom-area .box-photo>div{max-width:370px; width:70%; position:relative;}
#pos5 .bottom-area .box-photo>div:first-child{top:0; z-index:1;}
#pos5 .bottom-area .box-photo>div:last-child{margin:-40px 0 0 30%;}
@media (min-width:576px){
	#pos5 .bottom-area .box-photo{max-width:800px; width:55vw; height:110%; position:absolute; top:-5%; bottom:-5%;}
	#pos5 .bottom-area .box-photo>div{max-width:370px; width:80%; position:absolute;}
	#pos5 .bottom-area .box-photo>div:last-child{margin:0; right:0; bottom:0;}
}
@media (min-width:992px){
	#pos5 .bottom-area .box-photo{height:128%; top:-14%; bottom:-14%;}
	#pos5 .bottom-area .box-photo>div{max-width:420px;}
}

@media (max-width:991px){
	#pos5 .top-area section{
		padding:1rem 0 1.5rem 1.5rem;
		background-size:60px auto;
	}
}
@media (max-width:575px){
	#pos5 .top-area h2{margin:-1rem 0 auto;}
	#pos5 .top-area h2 img{max-width:50%;}

	#pos5 .box-owner img{max-width:50%;}
	#pos5 .box-owner .normal{font-size:.8rem;}
}


/* pos6
----------------------------------------------- */
#pos6 .container{position:relative;}
#pos6 .pos1 h2 img{max-width:260px;}
#pos6 .pos2{border-top:1px solid rgba(0,0,0,.4); padding-top:20px;}

@media (min-width:768px){
	#pos6 .pos1{position:absolute; top:0; left:0; padding:40px;}
	#pos6 .pos2{position:absolute; bottom:40px; right:15px; width:460px;}
	#pos6 .pos2 .fan{position:absolute; bottom:0; left:0;}
}

@media (max-width:991px){
	#pos6 .pos1 h2 img{max-width:200px;}
}

@media (max-width:575px){
	#pos6 .pos1 h2 img{max-width:35%; position:absolute; top:30px; left:15px;}
	#pos6 .pos2 .row{margin-bottom:1rem;}
	#pos6 .pos2 .fan{display:block; padding-left:65px;}
}


/* pos7
----------------------------------------------- */
#pos7 .bg-gray,
#pos7 .bg-gray .container{position:relative;}
#pos7 .bg-gray .container{padding-top:3rem; padding-bottom:3rem;}

#pos7 .bg-gray .box-photo::before{left:0; background:linear-gradient(to right, #f2f2f2, transparent);}
#pos7 .bg-gray .box-photo::after{right:0; background:linear-gradient(to right, transparent, #f2f2f2);}

#pos7 h3{display:inline-block; color:#ffff00; background-color:#49b000; padding:.5rem 1.5rem; border-radius:10rem; position:relative; top:-1.8rem;}
#pos7 h4{color:#fff;}

@media (min-width:768px){
	#pos7 .bg-gray .box-photo{position:absolute; top:0; left:30%; height:100%;}
	#pos7 .bg-gray .box-photo img{height:100%; width:auto; max-width:none;}

	#pos7 .bg-gray .box-photo::before,
	#pos7 .bg-gray .box-photo::after{
		content:'';
		display:inline-block;
		width:30%;
		height:100%;
		position:absolute;
		top:0;
	}
	#pos7 .inner{max-width:400px;}
}

@media (min-width:1200px){
	#pos7 .bg-gray .box-photo{left:50%;}
	#pos7 .bg-gray .box-photo::before,
	#pos7 .bg-gray .box-photo::after{
		width:10%;
		height:100%;
	}
}

@media (max-width:767px){
	#pos7 .bg-gray .container{padding-top:0;}
	#pos7 h2{margin-top:.5em;}
}

/* pos8
----------------------------------------------- */
#pos8.lazyloaded h2{padding:30px 0; background:url(../images/logo-gray.svg) center center no-repeat; background-size:contain;}
.products>section{padding-top:3rem; padding-bottom:3rem;}
.products a{display:block; color:black; text-align:center; margin:0 15px;}
.products a:hover{text-decoration:none;}
.products h3{margin-bottom:.5rem;}
.products .price{font-family: 'Oswald', sans-serif; font-size:30px; margin:0; line-height:1.2;}
.products .price s{color:red; font-size:80%;}
.products .price i{margin:0 10px; color:#5996db; font-size:80%;}

.fish-list h4{font-size:1rem; margin-bottom:.5rem;}

@media (max-width:374px){
	#pos8 h3.marker marker{font-size:;}
}

/* Font Awesome 5 Free
----------------------------------------------- */
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-chevron-right:before {
  content: "\f054"; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../css/webfonts/fa-solid-900.eot");
  src: url("../css/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../css/webfonts/fa-solid-900.woff2") format("woff2"), url("../css/webfonts/fa-solid-900.woff") format("woff"), url("../css/webfonts/fa-solid-900.ttf") format("truetype"), url("../css/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
  
  
  
  
  
  
  
header.header-top .header_wrap {
	background-color: #fff;
}
.grecaptcha-badge {
	visibility: hidden;
}