@charset "utf-8";

/*
 common style
 ------------------------------------------------ */
.taC {text-align: center;}
.taR {text-align: right;}
.taL {text-align: left;}

.block {display: block;}
.inline {display: inline;}

.flR {float: right;}
.flL {float: left;}

.clear {clear: both;}
.clearfix:after {
	content: '';
	clear: both;
	display: block;
	overflow: hidden;}

.flexbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;}

.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w15 {width: 15%;}
.w10 {width: 10%;}
.w5 {width: 5%;}

.lft20 {padding-left: 20px;}
.rit20 {padding-right: 20px;}
.btm10 {margin-bottom: 10px;}
.btm15 {margin-bottom: 15px;}
.btm20 {margin-bottom: 20px;}
.btm25 {margin-bottom: 25px;}
.btm30 {margin-bottom: 30px;}
.btm50 {margin-bottom: 50px;}
.btm70 {margin-bottom: 70px;}

.fs14 {font-size: 1.4rem;}

.nowrap {white-space: nowrap}

.list_1em li {
	text-indent: -1em;
	padding-left: 1em;}

/*
 wp style
 ------------------------------------------------ */
img.alignright {float: right;}
img.alignleft {float: left;}
img.aligncenter {
	display: block;
	margin: 0 auto;}
@media (max-width: 767px){
img.alignright,
img.alignleft {
	float: none;
	display: block;
	margin: 0 auto 10px;}}

.post-navigation {
	margin-top: 3em;}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;}
.nav-links {
	max-width: 880px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding: .5em 0;}
.nav-links:after {
	content: "";
	display: block;
	clear: both;}
.nav-previous {
	float: left;}
.nav-next {
	float: right;}
.nav-previous, .nav-next {
	width: 40%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}


/*
 template style
 ------------------------------------------------ */
.all {
	overflow: hidden;
	width: 100%;
	background-color: #e6e6e6;}
.site_header {
	width: 200px;
	height: 100%;
	background-image: url(../img/bg_site_header.png);
	background-repeat: repeat-y;}
@media (min-width: 1280px){
.site_header {padding-top: 200px;}}

.site_title {
	position: fixed;
	z-index: 102;
	top: 54px;
	left: 39px;}
@media (max-width: 1279px){
.site_title {
	position: absolute;
	z-index: 100;
	top: 20px;
	left: 50%;
	margin-left: -61px;}}

/* drawer */
.drawer--sidebar .drawer-contents {
	background-color: transparent;}
.drawer--sidebar .drawer-nav {
	width: 200px;}
.drawer--sidebar.drawer--left .drawer-nav {
	border-right: none;}
.drawer--left .drawer-nav {
	left: -200px;}
.drawer--left.drawer-open .drawer-hamburger {
	left: 200px;}
@media (min-width: 1280px){
.drawer--sidebar.drawer--left .drawer-contents {
	margin-left: 200px;}}

.glnav .nav1 {
	margin-bottom: 20px;}
.glnav .nav1 li {
	color: #fff;
	border-bottom: solid 1px #666666;}
.glnav .nav1 li a {
	display: block;
	padding: .5em 25px;
	width: 100%;
	height: 100%;}
.glnav .nav1 li a:hover {
	background-color: #000;}
.glnav .nav2 {
	overflow: hidden;}
.glnav .nav2 li {
	float: left;
	width: 50%;}
.glnav .nav2 li a:hover {
	opacity: .6;}

.site_main {
	margin-left: 200px;
	width: calc(100% - 200px)
	background: blue;}
@media (max-width: 1279px){
.site_main {
	margin-left: 0;
	width: 100%;}}

.site_content {
	position: relative;
	width: 100%;}
.ib {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;}
@media (max-width: 1279px){
.ib {
	padding: 0 4%;}}

.cat_nav {
	margin-bottom: 40px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	border-bottom: solid 5px #f5f5f5;}
.cat_nav li {
	position: relative;
	font-weight: bold;}
.cat_nav li:hover {
	cursor: pointer;}
.cat_nav li::before {
	transition: .5s;}
.home .cat_nav li:first-child::before,
.cat_nav li:hover::before,
.cat_nav li.current-menu-item::before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background-image: url(../img/bg_blue.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -5px;
	left: 0;}
.cat_nav li a {
	display: block;
	padding: 1em 1em;}
@media (max-width: 767px){
.cat_nav {
	flex-wrap: wrap;}
.cat_nav li {
	font-size: 1.2rem;}}

.ttl_list_post {
	margin-bottom: 40px;
	background-color: #fff;
	display: flex;
	padding: 1em;
	justify-content: center;
	border-bottom: solid 5px #f5f5f5;
	font-weight: bold;}

.list_post {
	display: flex;
	flex-wrap: wrap;}
.list_post li {
	margin-left: 2%;
	margin-bottom: 30px;
	padding: 10px;
	width: 32%;
	background-color: #fff;
	position: relative;
	box-shadow: 0 0 5px #ccc;}
.list_post li .title {
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 10px;}
.list_post li a:hover {
	opacity: .6;}
.list_post li img {
	margin-bottom: 10px;
	max-width: 300px;
	width: 100%;
	height: 180px;
	object-fit: cover;}
@media (min-width: 768px){
.list_post li:nth-child(3n+1) {
	margin-left: 0;}}
@media (max-width: 767px){
.list_post li {
	width: 49%;}
.list_post li:nth-child(odd) {
	margin-left: 0;}}

.list_post li .maker {
	color: #2a5b89;
	font-size: 1.4rem;}
.list_post li .price {
	text-align: right;
	font-weight: bold;
	color: #f00;
	font-size: 2.1rem;}
.list_post li .date {
	font-size: 1.4rem;
	color: #999999;
	text-align: right;}
.list_post li .cat {
	width: 120px;
	text-align: center;
	color: #fff;
	background-color: #666;
	position: absolute;
	top: 20px;
	left: 0;}
.list_post li .cat.cat-news {background-color: #2a5b89;}
.list_post li .cat.cat-campain {background-color: #E64A19;}
.list_post li .cat.cat-sale {background-color: #00695C;}
.list_post li .cat.cat-license {background-color: #a09046;}
.list_post li .cat.cat-usedboat {background-color: #2a5b89;}
.list_post li .cat.cat-newboat {background-color: #E64A19;}

.page-numbers {
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1080px;
	overflow: hidden;}
.page-numbers li {
	float: left;
	margin-right: 5px;}
.page-numbers li > * {
	display: block;
	padding: .25em .5em;
	background-color: #fff;
	border: solid 2px #4d4d4d;
	border-radius: 3px;}
.page-numbers li > *:hover,
.page-numbers li > *.current {
	background-color: #4d4d4d;
	color: #fff;}
@media (max-width: 767px){
.page-numbers {
	padding: 0 4%;}}

.site_footer {
	clear: both;
	text-align: right;
	padding: 20px 40px 20px;}
.footer_nav {
	overflow: hidden;}
.footer_nav li {
	display: inline;
	font-size: 1.2rem;
	position: relative;}
.footer_nav li::after {
	content: "|";
	display: inline-block;
	padding: 0 .5em;}
.footer_nav li:last-child::after {
	display: none;}
.footer_nav li a:hover {
	border-bottom: solid 1px #2d2d2d;}
.copyright {
	font-size: 1rem;}


/*
 each style
 ------------------------------------------------ */
.main_visual {
	text-align: center;
	background-color: #2a5b89;
	position: relative;}
.main_visual .stamp {
	position: absolute;
	top: -12px;
	left: -40px;
	width: 330px;
	height: auto;
	mix-blend-mode: multiply;}
.main_visual .msg {
	position: absolute;
	left: 40px;
	top: 234px;
	width: 434px;}
.main_visual .bgimg {
	max-width: 100%;
	min-height: 300px;
	object-fit: cover;}
@media (max-width: 1279px){
.main_visual .stamp {
	width: 25%;}
.main_visual .msg {
	left: 4%;
	top: auto;
	bottom: 20%;
	width: 40%;}}

.breadcrumb {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	display: flex;}
.breadcrumb li {
	color: #fff;
	font-size: 1.2rem;}
.breadcrumb li::before {
	display: inline;
	content: ">";
	padding: 0 .5em;}
.breadcrumb li:first-child::before {
	display: none;}
.breadcrumb li a:hover {
	border-bottom: solid 1px #fff;}
@media (max-width: 1279px){
.breadcrumb {
	display: none;}}

.pg_title {
	text-align: center;
	background-color: #2a5b89;
	position: relative;
	min-height: 110px;
}
.pg_title h2 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;}
.pg_title h2 img {
	max-height: 110px;}
.pg_title .bg_img {
	object-fit: cover;
	width: 100%;
	height: 260px;}
.pg_title .wavy_line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;}
@media (max-width: 1279px){
.pg_title h2 img {
	width: 70%;
	height: auto;}}

.pg_content {
	padding-top: 50px;
	background-color: #fff;}
.pg_content > p:first-child {
	margin: 0 auto 30px;
	max-width: 880px;
	width: 100%;}
.content {
	margin: 0 auto;
	max-width: 880px;}

section {
	padding: 60px 0;}
section:after {
	content: '';
	clear: both;
	display: block;
	overflow: hidden;}
section.gray {
	background-color: #e6e6e6;}
section.borderbtm {
	border-bottom: solid 20px #e6e6e6;}
section h3 {
	margin: 20px auto;
	max-width: 880px;
	color: #184375;
	font-weight: bold;
	font-size: 3.2rem;}
section h3:first-child {
	margin-top: 0;}
section h4 {
	display: inline-block;
	margin-bottom: 20px;
	padding-right: 1em;
	font-size: 2.8rem;
	border-bottom: solid 2px #ccc;
	position: relative;}
section h4::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 2px;
	background-image: url(../img/bg_blue.png);
	background-repeat: repeat-x;}
section table {
	width: 100%;}
section table th {
	padding: .5em .25em;
	vertical-align: middle;
	color: #fff;
	background-color: #2a5b89;
	border: solid 1px #999;}
section table td {
	padding: .5em;
	background-color: #fff;
	border: solid 1px #999;}
@media (max-width: 1279px){
.pg_content > p:first-child {
	padding: 0 4%;}
section {
	padding: 40px 4%;}
section h3 {
	font-size: 2.4rem;}
section h4 {
	font-size: 2.1rem;}}



.single section {
	padding-top: 0;}
.ttl_box {
	margin: 0 auto 20px;
	max-width: 880px;}
.ttl_box h3 {
	display: inline-block;
	margin: 0;
	padding-right: 1em;
	font-weight: normal;
	font-size: 2.8rem;
	color: #000;
	border-bottom: solid 2px #ccc;
	position: relative;}
.ttl_box h3::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 2px;
	background-image: url(../img/bg_blue.png);
	background-repeat: repeat-x;}

.ttl_box .cat {
	margin-bottom: 10px;
	width: 120px;
	text-align: center;
	color: #fff;
	background-color: #666;}
.ttl_box .cat.cat-news {background-color: #2a5b89;}
.ttl_box .cat.cat-campain {background-color: #E64A19;}
.ttl_box .cat.cat-sale {background-color: #00695C;}
.ttl_box .cat.cat-license {background-color: #a09046;}
.ttl_box .cat.cat-usedboat {background-color: #2a5b89;}
.ttl_box .cat.cat-newboat {background-color: #E64A19;}

.ttl_box .price {
	color: #f00;
	font-size: 2.7rem;
	font-weight: bold;
	text-align: right;}
.ttl_box .msg {
	margin-top: 10px;}
.single section img {
	display: block;
	margin: 0 auto 20px;
	object-fit: cover;
	max-width: 100%;}
.single section .flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;}

.spec {
	width: 38%;
	margin-right: 2%;}
.single section table {
	margin: 0;
	width: auto;}
.single section table th,
.single section table td {
	padding: .25em 0;
	padding-right: 2em;
	color: #4d4d4d;
	text-align: left;
	background-color: #fff;
	border: none;
	border-bottom: dotted #ccc 1px;}
.comment {
	width: 60%;}
@media (max-width: 767px){
.ttl_box .flexbox {
	flex-direction: column;}
.ttl_box h3 {
	margin-bottom: 10px;}
.single section table,
.spec,
.comment {
	width: 100%;}
.single section table th {
	padding-right: 1em;}
.single section table td {
	padding-right: 0;}}

.inquiry .tel {
	color: #2a5b89;
	font-size: 4.2rem;
	font-weight: bold;
	margin-bottom: 0;}
.inquiry .tel + p {
	display: block;
	margin: 0 auto;
	padding: 0 2em;
	width: 20em;
	font-weight: bold;
	color: #fff;
	background-color: #a09046;}

.request form p,
.inquiry form p {
	margin-bottom: 20px;}
.request dl,
.inquiry dl {
	margin-bottom: 10px;}
.request dl dt,
.inquiry dl dt {
	color: #4d4d4d;
	font-weight: bold;}
.request dl dd textarea,
.inquiry dl dd textarea {
	width: 100%;}
dl dt .req {
	vertical-align: top;
	font-size: 1.2rem;
	color: #f00;}
span.wpcf7-list-item {
	vertical-align: top;}
.wpcf7-free-text {
	width: 20em;}
@media (min-width: 768px){
.request form .acceptance,
.inquiry form .acceptance {
	margin-left: 12em;}
.request dl,
.inquiry dl {
	display: flex;}
.request dl dt,
.inquiry dl dt {
	padding-right: 1em;
	width: 12em;
	text-align: right;}
.request dl dd,
.inquiry dl dd {
	flex: 1;}}
@media (max-width: 767px){
.request input,
.inquiry input {
	width: 100%;}
.request dl dt,
.inquiry dl dt {
	margin-bottom: 5px;}}

.btn_wrap {
	display: flex;
	justify-content: center;}
.btn_wrap > * {
	margin-left: 10px;}
.btn_wrap > *:first-child {
	margin-left: 0;}

.privacypolicy .pg_content > * {
	margin: 0 auto;
	max-width: 880px;}
.privacypolicy .pg_content > h3 {
	margin: 20px auto 10px;}
.privacypolicy h3 {
	color: #184375;
	font-weight: bold;
	font-size: 2.1rem;}
.privacypolicy .pg_content > ul {
	margin: 10px auto 20px;}

.img_wrap {
	width: 100%;
	max-width: 100%;}

.link_btn {
	display: inline-block;
	padding: .5em;
	padding-left: 32px;
	padding-right: 56px;
	color: #fff;
	background-color: #2a5b89;
	border-radius: 5px;
	background-image: url(../img/ico_link_btn.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	border: solid 2px #2a5b89;
	transition: .5s;}
.link_btn:hover {
	color: #2a5b89;
	background-color: #fff;
	background-image: url(../img/ico_link_btn2.png);}
.link_txt {
	color: #a09046;
	border-bottom: solid 1px #a09046;}
.link_txt:hover {
	border-bottom: none;}

.txt_info {
	color: #a09046;
	font-weight: bold;}

.map {
	width: 100%;
	height: 400px;}

.list_disc li {
	position: relative;
	text-indent: -1em;
	padding-left: 1em;}
.list_disc li::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #a09046;
	border-radius: 50%;
	margin-right: .5em;
	vertical-align: middle;}

#sitemap_list {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px 40px;}
#sitemap_list li {
	border-bottom: solid 1px #ddd;}
#sitemap_list li a {
	padding: .5em;
	display: block;}
#sitemap_list li a:hover {
	color: #fff;
	background-color: #a09046;}
@media (max-width: 1279px){
#sitemap_list {
	padding: 0 4%;}}

.bnr_yamaha {margin-top: 20px;}