@charset "utf-8";

html 					{ /*overflow-x: hidden;*/ }
body					{ font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1; color: #333; background-color: #fff; position: relative; /*overflow-x: hidden;*/ }
img 					{ vertical-align: bottom; max-width: 100%; }
object 					{ max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif 					{ font-family: 'Noto Serif JP', serif; }
p 						{ line-height: 1.8; }
hr 						{  }
figure 					{ margin: 0; }

.fadein 				{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ padding-top: 125px; font-size: 15px; }
.master 				{ width: 90%; max-width: 1200px; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .6; }

#header 				{ width: 100%; height: 125px; padding: 10px 0; position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,.85); border-bottom: 1px solid #999; z-index: 99999; }
#header .logoArea 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logoArea>.tel 	{ margin-left: auto; display: block; font-size: 28px; }
#header .logoArea>.tel span{ margin-right: 5px; font-size: 20px; }
#header .logoArea>.facebook{ width: 35px; margin-left: 20px; display: block; }
#header #nav 			{ margin-top: 20px; }
#header #nav ul 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#header #nav ul li 		{ width: 14.28571428571429%; text-align: center; border-left: 1px solid #000; }
#header #nav ul li:nth-of-type(8){ border-right: 1px solid #000; }
#header #nav ul li a 	{ padding: 5px 0; display: block; white-space: nowrap; }

#main .title 			{ margin-bottom: 50px; text-align: center; font-size: 14px; font-weight: 400; }
#main .title span 		{ margin-bottom: 15px; display: block; font-size: 32px; font-weight: 500; }
#main .title span:before{ content: '－'; margin-right: 1.5rem; }
#main .title span:after { content: '－'; margin-left: 1.5rem; }
.subTitle 				{ margin-bottom: 20px; padding: 5px 0 5px 10px; font-size: 32px; font-weight: 500; border-left: 5px solid #999; border-bottom: 1px solid #999; }
.subTitle span 			{ margin-left: 20px; font-size: 18px; }

#main .mainMv 			{ width: 100%; height: 700px; background: url('../img/mv-image.jpg') 50% 50% no-repeat; background-size: cover; position: relative; }
#main .mainMv .logo 	{ position: absolute; top: 25%; left: 40%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

#main #shipIntroduction { margin-top: 80px; padding-top: 20px; }
#main #shipIntroduction .firstBox{ max-width: 1000px; margin: 0 auto; }
#main #shipIntroduction .firstBox p:first-of-type{ margin-bottom: 15px; font-size: 20px; text-align: center; }
#main #shipIntroduction .box{ margin-top: 80px; }
#main #shipIntroduction .box strong{ color: #f00; }
#main #shipIntroduction .box .image{ margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main #shipIntroduction .box .image figure{ width: 32.5%; margin-right: 1.25%; }
#main #shipIntroduction .box .image figure:last-of-type{ margin-right: 0; }

#main #embarkationGuidance{ margin-top: 130px; padding-top: 20px; }
#main #embarkationGuidance .bg{ padding: 50px; background: url('../img/embarkation-guidance.jpg') 50% 50% no-repeat; background-attachment: fixed; background-size: cover; position: relative; }
#main #embarkationGuidance .bg>div{ max-width: 1200px; margin: 0 auto; padding: 50px; background-color: rgba(0,0,0,.75); text-align: justify; }
/*#main #embarkationGuidance .bg:before{ content: ''; width: 100%; height: 100%; background: url('../img/checkered.png') 0 0 repeat; display: block; background-size: 8px; position: absolute; top: 0; left: 0; }*/
#main #embarkationGuidance .bg p{ color: #fff; }
#main #embarkationGuidance .bg p.mt{ margin-top: 1rem; }
#main #embarkationGuidance .bg p strong{ color: #f00; }
#main #embarkationGuidance .box{ margin-top: 100px; }
#main #embarkationGuidance .box#price{ margin-top: 50px; padding-top: 50px; }
#main #embarkationGuidance .box .inner{ width: 100%; max-width: 1100px; margin: 0 auto; }
#main #embarkationGuidance .box h4{ margin-top: 50px; font-size: 18px; font-weight: 500; }
#main #embarkationGuidance .box p.mt{ margin-top: 20px; }
#main #embarkationGuidance .box dl{ margin-top: 20px; line-height: 2; }
#main #embarkationGuidance .box dl.mt{ margin-top: 40px; }
#main #embarkationGuidance .box dl div{ padding: 5px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ccc; }
#main #embarkationGuidance .box dl div:nth-of-type(n+2){ margin-top: 15px; }
#main #embarkationGuidance .box dl div dt{  }
#main #embarkationGuidance .box dl div dd{ margin-left: auto; }
#main #embarkationGuidance .box dl div dd.red{ color: #f00; }
#main #embarkationGuidance .box ol{ margin-top: 25px; padding-left: 20px; list-style: none; line-height: 2; }
#main #embarkationGuidance .box ol.mt{ margin-top: 40px; }
#main #embarkationGuidance .box ol li:nth-of-type(n+2){ margin-top: 10px; }
#main #embarkationGuidance .box ol li ul{ margin-left: 1rem; }
#main #embarkationGuidance .box ol li ul li{ margin-top: 0!important; }

#main .af 				{ margin-top: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; }

#main #access 			{ width: 56%; margin-right: 2%; padding-top: 20px; }
#main #access .map 		{  }
#main #access .map iframe{ width: 100%; }

#main #fishingInformation{ width: 42%; padding-top: 20px; margin-left: auto; text-align: center; }
#main #fishingInformation .btn{ width: 300px; height: 60px; margin: 30px auto 0; line-height: 60px; display: block; background-color: #000; color: #fff; text-align: center; }

#main #contact 			{ margin-top: 130px; padding-top: 20px;text-align: center; }
#main #contact p:nth-of-type(1),#main #contact p:nth-of-type(2){ font-size: 20px; line-height: 1.5; }
#main #contact p:nth-of-type(2){ margin-top: 30px; }
#main #contact p:nth-of-type(1) a,#main #contact p:nth-of-type(2) a{ font-size: 38px; }
#main #contact p:nth-of-type(1) span,#main #contact p:nth-of-type(2) span{ margin-right: 10px; font-size: 26px; }
#main #contact p:nth-of-type(3){ margin-top: 30px; font-size: 18px; }
#main #contact p:nth-of-type(4){ font-size: 18px; }

#main #tournament 		{ margin-top: 130px; }
#main #tournament .subTitle{ font-size: 28px; }
#main #tournament dl 	{ font-size: 16px; line-height: 1.8; }
#main #tournament dl dt {  }
#main #tournament dl dt:nth-of-type(n+2){ margin-top: 20px; }
#main #tournament dl dd {  }
#main #tournament .btn 	{ width: 300px; height: 60px; margin: 50px auto 0; line-height: 60px; display: block; background-color: #000; color: #fff; text-align: center; }

#pagetop 				{ position: fixed; bottom: 30px; right: 30px; z-index: 9; }
.contactBnr 			{ position: fixed; top: 125px; right: 0; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; z-index: 9; }
.contactBnr a 			{ padding: 60px 13px; display: block; background-color: #000; color: #fff; white-space: nowrap; letter-spacing: .25rem; }

#footer 				{ margin-top: 150px; position: relative; }
#footer:before 			{ content: ''; width: 100%; height: 300px; background: url('../img/footer-image.jpg') 50% 50% no-repeat; background-size: cover; display: block; }
#footer:after 			{ content: ''; width: 100%; height: 300px; background: url('../img/checkered.png') 0 0 repeat; display: block; background-size: 8px; position: absolute; top: 0; left: 0; z-index: 2; }
#footer .copyright 		{ padding: 15px 0; text-align: center; font-size: 12px; }
}


@media screen and (max-width: 1350px) and (min-width: 751px) {

}


@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ padding-top: 60px; font-weight: 300; font-size: 14px; }
.master 				{ width: 90%; margin: 0 auto; }

#header 				{ width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 99999; }
#header .master 		{ width: 100%; }
#header .spB 			{ padding: 10px 0; background-color: #000; position: relative; z-index: 10003; }
#header .logoArea 		{ margin-left: 15px; }
#header .logoArea .logo { width: 150px; }
#header .logoArea>.tel 	{  }
#header .logoArea>.tel span{  }
#header .logoArea>.facebook{  }
#header #nav 			{  }
#header #nav ul 		{  }
#header #nav ul li 		{ border-bottom: 1px solid #fff; }
#header #nav ul li:last-of-type{  }
#header #nav ul li a 	{ display: block; }

.drawer-hamburger-icon 	{  }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 60px; }
.drawer-menu li 		{  }
.drawer-menu li a 		{ font-size: 15px; }
.drawer-menu>li:first-of-type{ padding-top: 30px; }
.drawer-menu>li:last-of-type{ padding-bottom: 30px; border: 0!important; }
#header .drawer-menu-item{ padding: 20px 35px; color: #fff; font-weight: bold; display: inline-block; font-size: 14px; }
#header .high .drawer-menu-item{ margin-top: 30px; padding: 0 50px; }
#header .entry .drawer-menu-item{ padding: 0 50px; }
#header .drawer-menu-item:hover{ text-decoration: none; }
.drawer-hamburger 		{ width: 65px; height: 60px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10002; -webkit-transition: .2s; transition: .2s; position: absolute; top: 0; right: 0; background-color: #000; }
.drawer-hamburger:hover{  }
.drawer-nav{ height: calc(100vh - 60px); background-color: transparent; -webkit-transition: .5s; transition: .5s; }
.drawer-open .drawer-nav{ background-color: rgba(0,0,0,.85); }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{  }
.drawer-hamburger-icon:after{ top: 9px; }
.drawer-hamburger-icon:before{ top: -9px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-open .drawer-hamburger-icon:before{  }
.drawer-open .drawer-hamburger-icon:after{  }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }

drawer-submenu-item:before{ display: none; }
.drawer-submenu 		{ background-color: rgba(0,0,0,.5); color: #fff; border: 0; }
.drawer-submenu-item 	{ margin: 10px; }
.drawer-submenu-item:before{ display: none; }

#main .title 			{ margin-bottom: 30px; text-align: center; font-size: 12px; font-weight: 400; }
#main .title span 		{ margin-bottom: 12px; display: block; font-size: 24px; font-weight: 500; }
#main .title span:before{ content: '－'; margin-right: 1.3rem; }
#main .title span:after{ content: '－'; margin-left: 1.3rem; }
.subTitle 				{ margin-bottom: 20px; padding: 5px 0 5px 10px; font-size: 24px; font-weight: 500; border-left: 5px solid #999; border-bottom: 1px solid #999; }
.subTitle span 			{ margin-left: 15px; font-size: 14px; }

#main .mainMv 			{ width: 100%; height: 350px; background: url('../img/mv-image_sp.jpg') 50% 50% no-repeat; background-size: cover; position: relative; }
#main .mainMv .logo 	{ width: 230px; position: absolute; top: 22%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

#main #shipIntroduction { margin-top: 60px; padding-top: 20px; }
#main #shipIntroduction .firstBox{ max-width: 1000px; margin: 0 auto; }
#main #shipIntroduction .firstBox p:first-of-type{ margin-bottom: 15px; font-size: 16px; }
#main #shipIntroduction .box{ margin-top: 50px; }
#main #shipIntroduction .box strong{ color: #f00; }
#main #shipIntroduction .box .image{ margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#main #shipIntroduction .box .image figure{ width: 100%; }
#main #shipIntroduction .box .image figure:nth-of-type(n+2){ margin-top: 10px; }
#main #shipIntroduction .box .image figure:last-of-type{  }

#main #embarkationGuidance{ margin-top: 60px; padding-top: 20px; }
#main #embarkationGuidance .bg{ padding: 15px; background: url('../img/embarkation-guidance.jpg') 50% 50% no-repeat; /*background-attachment: fixed;*/ background-size: cover; position: relative; }
#main #embarkationGuidance .bg>div{ max-width: 1200px; margin: 0 auto; padding: 20px; background-color: rgba(0,0,0,.75); text-align: justify; }
/*#main #embarkationGuidance .bg:before{ content: ''; width: 100%; height: 100%; background: url('../img/checkered.png') 0 0 repeat; display: block; background-size: 8px; position: absolute; top: 0; left: 0; }*/
#main #embarkationGuidance .bg p{ color: #fff; }
#main #embarkationGuidance .bg p.mt{ margin-top: 1rem; }
#main #embarkationGuidance .bg p strong{ color: #f00; }
#main #embarkationGuidance .box{ margin-top: 50px; }
#main #embarkationGuidance .box#price{ margin-top: 25px; padding-top: 25px; }
#main #embarkationGuidance .box .inner{ width: 100%; max-width: 1100px; margin: 0 auto; }
#main #embarkationGuidance .box p.mt{ margin-top: 20px; }
#main #embarkationGuidance .box h4{ margin-top: 30px; font-size: 16px; font-weight: 500; line-height: 1.5; }
#main #embarkationGuidance .box dl{ margin-top: 15px; line-height: 2; }
#main #embarkationGuidance .box dl.mt{  }
#main #embarkationGuidance .box dl div{ padding: 5px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ccc; }
#main #embarkationGuidance .box dl div:nth-of-type(n+2){ margin-top: 15px; }
#main #embarkationGuidance .box dl div dt{  }
#main #embarkationGuidance .box dl div dd{ margin-left: auto; }
#main #embarkationGuidance .box dl div dd.red{ color: #f00; }
#main #embarkationGuidance .box ol{ margin-top: 25px; padding-left: 20px; list-style: none; line-height: 2; }
#main #embarkationGuidance .box ol.mt{  }
#main #embarkationGuidance .box ol li:nth-of-type(n+2){ margin-top: 10px; }
#main #embarkationGuidance .box ol li ul{ margin-left: 1rem; }
#main #embarkationGuidance .box ol li ul li{ margin-top: 0!important; padding-left: 1rem; text-indent: -1rem; }

#main .af 				{ margin-top: 60px;  }

#main #access 			{ padding-top: 20px; }
#main #access .map 		{  }
#main #access .map iframe{ width: 100%; height: 350px; }

#main #fishingInformation{ margin-top: 60px; padding-top: 20px; text-align: center; }
#main #fishingInformation .fb-page>span{ height: 350px!important; }
#main #fishingInformation iframe{ height: 350px!important; }
#main #fishingInformation .btn{ width: 90%; max-width: 300px; height: 50px; margin: 30px auto 0; line-height: 50px; display: block; background-color: #000; color: #fff; text-align: center; }

#main #contact 			{ margin-top: 60px; padding-top: 20px; }
#main #contact p:nth-of-type(1),#main #contact p:nth-of-type(2){ font-size: 15px; line-height: 1.5; }
#main #contact p:nth-of-type(2){ margin-top: 30px; }
#main #contact p:nth-of-type(1) a,#main #contact p:nth-of-type(2) a{ font-size: 22px; }
#main #contact p:nth-of-type(1) span,#main #contact p:nth-of-type(2) span{ margin-right: 10px; font-size: 15px; }
#main #contact p:nth-of-type(3){ margin-top: 30px; font-size: 15px; }
#main #contact p:nth-of-type(4){ font-size: 15px; }

#main #tournament 		{ margin-top: 60px; }
#main #tournament .subTitle{ font-size: 20px; line-height: 1.3; }
#main #tournament dl 	{ line-height: 1.8; }
#main #tournament dl dt {  }
#main #tournament dl dt:nth-of-type(n+2){ margin-top: 20px; }
#main #tournament dl dd {  }
#main #tournament .btn 	{ width: 90%; max-width: 300px; height: 50px; margin: 50px auto 0; line-height: 50px; display: block; background-color: #000; color: #fff; text-align: center; }

#pagetop 				{ width: 45px; position: fixed; bottom: 45px; right: 10px; z-index: 9; }
.contactBnr 			{  }
.contactBnr a 			{  }

#footer 				{ margin-top: 80px; position: relative; }
#footer:before 			{ content: ''; width: 100%; height: 130px; background: url('../img/footer-image.jpg') 50% 50% no-repeat; background-size: cover; display: block; }
/*#footer:after 			{ content: ''; width: 100%; height: 130px; background: url('../img/checkered.png') 0 0 repeat; display: block; background-size: 8px; position: absolute; top: 0; left: 0; z-index: 2; }*/
#footer .copyright 		{ padding: 15px 0; text-align: center; font-size: 12px; }
}