@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info,
.home.page .title-e{
  display: none;
}

:root {
  --wp--style--global--content-size: 1200px;
  --wp--style--global--wide-size: 1200px;
}

#qa1, #qa2, #qa3 {
  scroll-margin-top: 84px;
  padding-top: 6px;
}

.ms-theme-cubic {
    padding-bottom: 0px !important;
}

.page .sns-share,
.page .sns-follow {
    display: none;
}

.wd {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

hr {
  border-top: 1px dashed #91efdd;
  border-bottom: 1px dashed #fff;
}

.bold {
	font-weight:bold;
	display: contents;
}

.c-both {
    clear: both;
    line-height: 0em;
}

a:hover {
    color: #918f85;
}

a:hover img {
  opacity:0.80;
  filter: alpha( opacity=80 );
  -ms-filter: "alpha( opacity=80 )";
}

.a-wrap:hover {
    background-color: #f0ffff;
    transition: all 0.5s ease;
    color: #333;
}

.shadow {
    margin-top: 5px;
    display: inline-block;
    box-shadow: 0px 3px 7px -5px rgba(0,0,0,.8);
	/*line-height: 0;*/
}

.shadow1 {
    box-shadow: 0px 8px 10px -5px rgba(0,0,0,.4);
    /*line-height: 0;*/
}

.shadow2 {
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.4));
    /*line-height: 0;*/
}

.dnone {
	display:none !important;
}

.tcenter {
    text-align: center;
}

.copyright {
    margin-top: 8px;
    font-size: 11px;
}

.lr5 {
	padding-left:5px !important;
	padding-right:5px !important;
}
.lr10 {
	padding-left:10px !important;
	padding-right:10px !important;
}
.lr20 {
	padding-left:20px !important;
	padding-right:20px !important;
}
.lr20sns {
	padding-left:20px !important;
	padding-right:20px !important;
}

.lrtb10 {
	padding:10px !important;
}
.lrtb20 {
	padding:20px !important;
}

.r5 {
	padding-right:5px !important;
}
.r10 {
	padding-right:10px !important;
}

.l5 {
	padding-left:5px !important;
}
.l10 {
	padding-left:10px !important;
}

.r20 {
	padding-right:20px !important;
}
.l20 {
	padding-left:20px !important;
}

.t10 {
	padding-top:10px !important;
}
.t20 {
	padding-top:20px !important;
}
.t30 {
	padding-top:30px !important;
}

.tb10 {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.tb20 {
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.tb30 {
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.b5 {
	padding-bottom:5px !important;
}
.b10 {
	padding-bottom:10px !important;
}
.b20 {
	padding-bottom:20px !important;
}
.b30 {
	padding-bottom:30px !important;
}

.main {
    padding: 0px 29px;
}

.page-id-9 .main {
  padding: 0px 29px;
  border: 0px solid transparent;
  border-radius: var(--cocoon-basic-border-radius);
  position: relative;
  z-index: 0;
}

.content {
    margin-top: 5px;
}

.page-id-9 .content {
  margin-top: -20px;
}

.page-id-9 .entry-content {
  margin-top: 0em;
  margin-bottom: 0em;
}

body {
    letter-spacing: 0.05em;
}

.navi {
    letter-spacing: 0.001em;
}

.page .sns-share,
.page .sns-follow {
    display: none;
}

.pink {color: #ff6c95}

.yred {color: #c4302b}

.fblue {color: #3b5998}

.yellow {color: #ff9c2e}

.fsml {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-top: 5px;
}

hr {
  border-top: 1px dashed #91efdd;
  border-bottom: 1px dashed #fff;
}

.htop {
    display: flex;
    justify-content: space-between;
}

.tagline {
    text-align: -webkit-left;
    font-size: 10px;
    margin: .1em 0em 0em;
    color: #264365;
    text-align: left;
    font-weight: bold;
}

.entry-content {
    margin-top: 0em;
	/*margin-top: 4em;*/
    margin-bottom: 0em;
}

.entry-categories-tags {
    margin-bottom: 8px;
}

.content-top, .content-bottom {
    margin: 0em 0;
}

.c-both {
    clear: both;
    line-height: 0em;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}


.bold {
    font-weight: bold;
}

.wrap4.column-3 > div {
    display: flex;
}

.wrap4 > div > *:first-child {
    margin-top: 0;
    /*display: flex;*/
}

.entry-content>*, .demo .entry-content p {
    margin-top: 0em;
    margin-bottom: 1.0em;
}

a:hover {
    color: #918f85;
}

a:hover img {
  opacity:0.80;
  filter: alpha( opacity=80 );
  -ms-filter: "alpha( opacity=80 )";
}

.a-wrap:hover {
    background-color: #f0ffff;
    transition: all 0.5s ease;
    color: #333;
}

.entry-content>*, .demo .entry-content p {
    line-height: 1.6;
}

.dnone {
	display:none !important;
}

.header-container
 {
    border-bottom: 1px solid #c6c6c6;
}


/**** TOPページヘッダ ******************************/

.page-id-9 .entry-content {
    margin-top: 0em;
    margin-bottom: 0em;
}

.page-id-9 .header-container {
  background-color: transparent !important;
	color: #fff;
	border-bottom: 0px solid #fff;

}

.header {
  background-color: transparent;
}

.header .navi {
  background-color:  transparent;
}

#header.fixed-header #header-in {
background-color: transparent !important;
}

.header-container-in.hlt-top-menu .navi {
    width: 100%;
    background-color: transparent;
}

.page-id-9 .n2_clear {
    clear: both;
    top: -30px;
    position: relative;
    z-index: -10;
}

#metaslider-id-59 {
	top:-60px;
	position: relative;
    z-index: -10;
}

.metaslider {
    position: relative;
    z-index: -10;
}

.navi-in a:hover {
    background-color: rgb(245,248,250,0.4);
}

.navi-in > ul .sub-menu {
    /*background-color: rgb(245,248,250,0.4);
	background-color: rgba(82, 173, 248, 0.83);*/
background-color: rgba(234,234,234, 0.83);
}

.page-id-9 .header-container .navi-in a {
	color: #fff;
}

.page-id-9 #navi .navi-in a {
  color: #fff;
  text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.page-id-9 #navi .navi-in a:hover {
  color: #ddd;
  text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}


.page-id-9 .header-container .navi-in > ul .sub-menu a {
    color: #000;
}

.page-id-9 #navi .navi-in ul .sub-menu a {
    color: #000;
}

#navi .navi-in a, #navi .navi-in a:hover {
    color: #fff;
    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

/* 固定ヘッダー（追従）の背景を透過にする */
.header-container.is-fixed {
  /*background-color: rgba(255, 255, 255, 1);*/
  background-color: transparent;
}

/* メニューの文字色を見やすくする（必要に応じて） */
.header-container.is-fixed .navi-in a {
  color: #333;
}

/* スクロール時に背景色と文字色を変更する */
#header-container.fixed-header {
    background-color: #ffffffeb !important; /* スクロール時の背景色 */
    color: #000; /* 必要であれば文字色も変更 */
}
/* メニューのテキスト色も変更したい場合 */
#header-container.fixed-header .navi-in a {
    /*color: #1964b3;*/
	color: #000;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.header-container-in.hlt-center-logo .wrap, .header-container .wrap {
    width: auto;
}

.header-container .navi-in a {
  position: relative;
  color: var(--cocoon-text-color);
  text-decoration: none;
  display: flex;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.header-container #navi .navi-in > ul > li > a {
  padding: 0 2.1em;
}

.navi-in > ul .caption-wrap {
    display: block;
}

.header-container #navi .navi-in > ul > li#menu-item-35 > a {
  font-size: 16px;
	padding: 0 2.0em;
    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.header-container #navi .navi-in > ul > li#menu-item-34 > a {
  padding: 0 2.5em;
	font-size: 16px;
	    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
	color: #fff;
}

.sub-caption {
    font-size: 0.6em;
    opacity: 1.0;
	margin-top: -3px;
}

.fixed-header {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
}

.logo-header img {
  width: 218px !important;
  height: auto;
}

.fixed-header .navi-in > ul li:hover > ul {
display: block;
}

/**** 下層ページヘッダ ******************************/

/*.header-container {
  background-color: #52adf8;
}*/

#navi .navi-in a {
  color: #000;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

#navi .navi-in a:hover {
  color: #8f8f8f;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}



/* 固定ヘッダーのロゴを変更 */
.page-id-9 .fixed-header .logo-header img {
  content: url('https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logo.png'); /* スクロール後のロゴ */
  height: 40px; /* 必要に応じて高さを調整 */
}

.page-id-9 .logo-header img {
  content: url('https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logow.png'); /* スクロール後のロゴ */
  height: 40px; /* 必要に応じて高さを調整 */
}

.logo-header img {
  content: url('https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logo.png'); /* スクロール後のロゴ */
  height: 40px; /* 必要に応じて高さを調整 */
}

.wp-block-columns, .alignfull {
    margin-bottom: 0em !important;
}

.wp-block-image.alignfull {
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
}

.mobb {
    padding-bottom: calc(1vw + 10px);
    position: relative;
    overflow: hidden;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 30px;
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.mobb1 {
  padding-bottom: calc(1vw + 10px);
  position: relative;
  overflow: hidden;
  margin-top: 0em !important;
  margin-bottom: 0em !important;
  width: 90vw;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 30px;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

.mobb2 {
  padding-bottom: calc(1vw + 10px);
  position: relative;
  overflow: hidden;
  margin-top: 0em !important;
  margin-bottom: 0em !important;
  width: 90vw;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 30px;
}

.mobb3 {
    padding-bottom: calc(1vw + 10px);
    position: relative;
    overflow: hidden;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 30px;
}

.uwrap{
  display:flex;
  align-items:center;
}
.uimg{
  position:relative;
  left:20px;
}
.utxt{
  background:#f7f6f5;
  padding: 40px 40px;
  position:relative;
  left: -160px;
  z-index: 1;
  box-shadow: 0 0 8px #c7c7c7;
  top: 20px;
}

/*.uwrapb{
  display:flex;
  align-items:center;
}
.uimgb{
  position:relative;
  left:20px;
}
.uimgb img{
  width:100%;
}

.utxtb{
  background:#fff;
  padding: 40px 40px;
  position:relative;
  right: 0px;
  z-index: 1;
  box-shadow: 0 0 8px #c7c7c7;
  top: 20px;
	width: 1500px;
}*/

.uwrapb{
  position: relative;
    margin: 0 auto;
    width: 100%;
    height: 530px;
}

.uimgb img {
    position: absolute;
    left: 0%;
    top: 0px;
    width: 650px;
    height: auto;
    object-fit: cover;
}

.utxtb {
    position: absolute;
    right: 0%;
    background: #fff;
    z-index: 100;
    top: 60px;
    width: 750px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
}

.uwrapb1{
  position: relative;
    margin: 0 auto;
    width: 100%;
    height: 510px;
}

.uimgb1 img {
    position: absolute;
    right: 0%;
    top: 0px;
    width: 650px;
    height: auto;
    object-fit: cover;
}

.utxtb1 {
    position: absolute;
    left: 0%;
    background: #fff;
    z-index: 100;
    top: 80px;
    width: 750px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
}

.uwrapb3{
  position: relative;
    margin: 0 auto;
    width: 100%;
    height: 530px;
}

.uimgb3 img {
    position: absolute;
    right: 0%;
    top: 10px;
    width: 500px;
    height: auto;
    object-fit: cover;
}

.utxtb3 {
  position: absolute;
  left: 0%;
  background: #fff;
    background-color: rgb(255, 255, 255);
  z-index: 100;
  top: 0px;
  width: 800px;
  height: auto;
  padding: 50px;
  box-sizing: border-box;
  box-shadow: 0 0 15px #dadada;
}

/*#menu-item-35 {
color:#000 !important;
background-color:#fff;
}*/

#navi .navi-in li#menu-item-35 a {
    color: #000000;
	background-color:#fff;
}

#navi .navi-in li#menu-item-35 a:hover {
	background-color:#ffffffba;
}

#menu-item-34 {
background-color:#C1272D;
}

/*.header-container-in.hlt-top-menu .logo-header img {
  filter: drop-shadow(1px 1px 2px rgba(19, 30, 43, 0.64));
}*/

.header-container-in.hlt-top-menu .navi {
  text-shadow: 1px 1px 2px rgba(19, 30, 43, 0.64);
}



h2.t-title {
    font-size: 36px;
    margin: 50px auto 0.1em auto !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #000;
    position: relative;
	background-color: transparent;
}

h2.t-title::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 40px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0071BC;
    border-radius: 10px;
    display: block;
}

h2.wp-block-heading {
    font-size: 36px;
    margin: 50px auto 1.4em auto !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #000;
    position: relative;
	background-color: transparent;
}

h2.wp-block-heading::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 40px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0071BC;
    border-radius: 10px;
    display: block;
}

.title-et {
    font-size: 14px;
    margin: 36px 0 60px 0;
    line-height: 1.3;
    text-align: center;
}

h2.t-titleb {
    font-size: 36px;
    margin: 50px 5px 0.1em 5px !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #fff;
    position: relative;
	background-color: transparent;
}

h2.t-titleb::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 40px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00FFFF;
    border-radius: 10px;
    display: block;
}

h2.t-titlew {
    font-size: 36px;
    margin: 50px 5px 1.4em 5px !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #fff;
    position: relative;
	background-color: transparent;
}

h2.t-titlew::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 40px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00FFFF;
    border-radius: 10px;
    display: block;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-bottom: 0em;
}

h3 {
  border-bottom: solid 3px #d8d8d8 !important;
  position: relative;
/*font-weight: normal !important;*/
	margin: 0 0 25px 0 !important;
}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #00FFFF;
  bottom: -3px;
  width: 20%;
}

.article h3 {
  border-left: 0px solid var(--cocoon-middle-thickness-color);
  border-right: 0px solid var(--cocoon-thin-color);
  border-top: 0px solid var(--cocoon-thin-color);
  border-bottom: 0px solid var(--cocoon-thin-color);
  font-size: 28px;
  padding: 0px 0px 8px;
}

h4 {
	position: relative;
	padding-bottom: 10px;
	font-size: 24px;
	margin: 0 0 25px 0 !important;
}

h4::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image:
		repeating-linear-gradient(45deg, #c0e1ec 0px, #c0e1ec 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%),
		repeating-linear-gradient(135deg, #c0e1ec 0px, #c0e1ec 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}

.article h4 {
  border-top: 0px solid var(--cocoon-thin-color);
  border-bottom: 0px solid var(--cocoon-thin-color);
}

.article h4 {
  font-size: 24px;
  padding: 0px 2px 12px;
}

h5 {
    padding: 0.3em 0.6em 0.2em 0.6em !important;
    border-top: dotted 2px #d4d4d4 !important;
    border-bottom: dotted 2px #d4d4d4 !important;
    font-size: 22px !important;
    text-align: center;
    display: block;
    margin: 0 0 25px 0 !important;
}

.article h5 {
  border-bottom: 0px solid var(--cocoon-thin-color);
}

h6 {
  font-size: 22px;
  font-weight: 600;
  color: inherit !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #d4d4d4 !important;
	margin: 0 0 25px 0 !important;
}

.article h6 {
  border-bottom: 0px solid var(--cocoon-thin-color);
}

.article h6 {
  font-size: 22px;
  padding: 0px 2px 8px;
}

.entry-title, .archive-title {
  font-size: 36px;
  margin: 16px 0;
  line-height: 1.3;
}


/*h2.wp-block-heading {
  position: relative;
font-size: 30px;
  padding: 0px 0px 12px;
margin:0 0 15px 0 !important;
}

h2.wp-block-heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #ade8ff, #ade8ff 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ade8ff, #ade8ff 2px, #fff 2px, #fff 4px);
}*/

.blank-box {
    padding: 1.5em 2em;
}

.btw a {
	font-size: 18px;
}

/*.pagetitles {
  top: -225px;
}

.pagetitles .wp-block-cover__image-background {
width: 100%;
  z-index: -9999;
}

.entry-content {
  margin-top: -170px;
  margin-bottom: 0em;
  z-index: 9999;
}

.entry-content .wp-block-cover__image-background {
  z-index: 9999;
}*/

.box {
    --x-gradient: linear-gradient(90deg, #6be5ec 0 25px, transparent 0 calc(100% - 25px), #6be5ec calc(100% - 25px));
    --y-gradient: linear-gradient(#6be5ec 0 25px, transparent 0 calc(100% - 25px), #6be5ec calc(100% - 25px));
    margin: 0.5rem;
    padding: 2.8rem;
    outline: 5px solid #c0c0c0;
    outline-offset: -20px;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;
	background-color:#fff;
}

.box p {
    line-height: 1.5;
    color: #222;
}

.hit {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.ccenter {
	  text-align: center;
  margin: 0px auto 0px;
	width: 200px;
}

.circlest {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  /*background: pink;*/
  border: solid 15px #feffe1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0px 30px 0px;
}

.circlest p {
  font-size: 16px;
  text-align: center;
  margin: 10px 0 0px;
  line-height: 3.4em;
}

.circlest .nbb {
  font-size: 72px;
  text-align: center;
  margin: 0px auto;
  font-weight: bolder;
  top: -20px;
}

#footera {
    margin: 0px 0 0 0;
    padding: 0;
    background-image: url(https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/fbar.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    height: 87px;
}

.footer {
  margin-top: 0px;
  padding: 8px 0;
}

.footer-right, .footer-left, .footer-center {
    font-size: 14px;
}

#footer {
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #8fceff;
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.6em;
    margin: 0;
}

.footer-left img {
    width:260px;
}

.footer-left {
  line-height: 1.8em;
}

.widget_nav_menu ul li a {
    text-decoration: none;
    padding: 5px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    /* font-weight: bold; */
}

#footer .footer-left a:hover, #footer .footer-center a:hover, #footer .footer-right a:hover {
    color: #fff3f5;
    background: #0076ff;
    border-radius: 30px;
    padding: 5px 10px;
    display: inline-block;
}

.author-widget-name {
    background-color: #003A7F;
    padding: 2px 5px;
    margin: 0 0 8px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
}

.author-description {
    margin-bottom: 1em;
    font-size: 14px;
}

.author-box {
	border-color: #eaeaea;
    /*border-color: var(--cocoon-three-d-border-colors);*/
    border-width: 10px;
    border-style: solid;
}


.content-wrap .mnews {
    margin: 0 5px 10px 5px;
    /*text-shadow: 1px 1px 1px #d0d0d0;*/
    background: 0 0;
    border: 1px solid #ccc;
    padding: 15px 10px 5px 10px;
    position: relative;
}

.content-wrap .mnews:after {
    background: 0 0;
    border: 1px solid #ccc;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.content-wrap .mnews1 {
    margin: 0px 5px 10px 5px;   
    /*text-shadow: 1px 1px 1px #d0d0d0;*/
    background: 0 0;   
    padding: 15px 10px 5px 10px;
    position: relative;
	/*border: 1px solid #ccc;
	text-align: center;
	background-color: #fff;*/
}

.mnews1 .widget-entry-cards figure {
    width: 100px !important;
	display: block !important;
    /*line-height: 1;*/
}

.mnews1 .widget-entry-cards figure img {
	width: 0px !important;
}

.content-wrap .mnews1 .widget-entry-cards .widget-entry-card-content:before {
    display: none !important;
}

.mnews1 .new-entry-card-thumb {
    margin-right: 2%;
}

.content-wrap .mnews1 .widget-entry-cards .widget-entry-card-content {
    margin-left: 0px;
    position: relative;
    padding-left: 0px;
}

.content-wrap .new-entry-card-title {
    line-height: 1.0em;
    font-size: 18px;
    letter-spacing: 0.001em;
    font-weight: bold;
    color: #545454;
    margin: 0px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #828282;
}

.widget-entry-cards .widget-entry-card {
    font-size: 1em;
    position: relative;
}
	
.content-wrap .widget-entry-cards figure {
    width: 0px;
    display: none;
}
	
.content-wrap .widget-entry-cards .widget-entry-card-content {
    margin-left: 0px;
    position: relative;
    padding-left: 20px;
}
	
.content-wrap .widget-entry-cards .widget-entry-card-content:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0f6";
    color: #949494;
    font-weight: normal;
    font-size: 14px;
    left: 0;
}

.new-entry-card-date {
    display: block;
    margin-top: 3px;
}

.new-entry-card-post-date {
    font-size: .7rem;
}

.post-date, .post-update, .post-author, .amp-back {
    margin-right: 3px;
}

.post-update {
	margin-bottom:5px;
}

.new-entry-cards a:hover {
    box-shadow: 0 8px 8px -5px rgba(0,0,0,.2);
    transform: translateY(-3px);
    background-color: #ffffff;
}

.page .content-backsj .new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.content-backsj .widget-entry-cards.card-large-image .a-wrap {
    max-width: 289px;
    padding: 0px 0px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.page .content-backsj a.new-entry-card-link
 {
    width: 31.6%;
}

.content-backsj .widget-entry-cards .not-default .a-wrap, .content-backsj .new-entry-cards .a-wrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    border-radius: 4px;
	color: #000;
}

.entry-con .a-wrap {
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, .3);
}

.new-entry-cards a:hover {
    box-shadow: 0 8px 8px -5px rgba(0, 0, 0, .2);
    transform: translateY(-3px);
    background-color: #ffffff;
}

.a-wrap:hover {
    background-color: #f0ffff;
    transition: all 0.5s ease;
    color: #333;
}

a.entry-card-wrap figure.entry-card-thumb, a.new-entry-card-link figure.new-entry-card-thumb {
    overflow: hidden;
    /* line-height: 0; */
    margin-bottom: .5em;
}

a.entry-card-wrap:hover img.entry-card-thumb-image, a.new-entry-card-link:hover img.wp-post-image {
    /* filter: blur(0.5px) brightness(90%); */
    transform: scale(1.10);
    opacity: 1;
    transition: 0.3s;
}

.new-entry-cards .cat-label {
    display: inline;
}

.cat-label {
    position: absolute;
    top: -0.2em;
    left: 0.0em;
    border: 0px solid #eee;
    font-size: 11px;
    color: #fff;
    background-color: rgb(1, 165, 99, 0.8);
    padding: 4px 5px 1px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    border-radius: 2px;
}

.cat-link {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 1px 6px;
    font-size: 12px;
    background-color: rgb(1, 165, 99, 0.8);
    border-radius: 2px;
    word-break: break-all;
}

.cat-label-5 {
    position: absolute;
    top: -0.2em;
    left: 0.0em;
    border: 0px solid #eee;
    font-size: 11px;
    color: #fff;
    background-color: rgba(16, 99, 175, 0.74);
    padding: 4px 5px 1px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    border-radius: 2px;
}

.cat-link-5 {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 1px 6px;
    font-size: 12px;
    background-color: rgba(16, 99, 175, 0.74);
    border-radius: 2px;
    word-break: break-all;
}

.carousel-entry-card-thumb, .related-entry-card-thumb, .widget-entry-card-thumb, .entry-card-thumb {
    float: left;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0.4em;
}

.widget-entry-cards.card-large-image .card-content {
    margin: 0 0.5em 0.5em;
    padding: 0.4em 0;
    font-size: 15px;
}

.wrapc {
    width: 1358px;
	/*width: 1196px;*/
    margin: 0px auto 0px auto;
}

.article h4.wpsm_panel-title {
    text-align: left;
position: relative;
padding: 0.3em 0.6em 0.1em 1.6em;
}

.article h4.wpsm_panel-title:before {
    content: "Q";
    display: inline-block;
    position: absolute;
    padding: 0em;
    color: #264365;
    background: #69f1fe;
    font-weight: bold;
    width: 34px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    left: 0.4em;
    top: 28px;
    font-size: 18px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 0px white;
    border-radius: 50%;
}

.article h4.wpsm_panel-title:after {
  background-size: 0px 0px;
}

.wpsm_panel-body .ans {
  display: inline-block;
  align-items: baseline;
  margin: 0px 0 0 5px;
}

.wpsm_panel-body .ans::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E35555;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
	margin-right: 10px;
	margin-bottom:5px;
}

.page .entry-header h1.entry-title {
	font-size: 44px;
	margin:  50px auto 10px auto;
	text-align: center;
	color: #000;
	padding-left: 52px;
}

.page .entry-header h1.entry-title:before {
position:absolute;
	content:"";
	display:inline-block;
	width:43px;
	height:43px;
	background:url(https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logo1.png) no-repeat;
	background-size:contain;
	margin-left: -52px;
	margin-top: 3px;
}

.entry-title {  
    margin: 30px 5px 0px 5px;
    line-height: 1.3;
}

.entry-title1 {
    font-size: 24px;
    margin: 30px 5px 0px 5px;
    line-height: 1.3;
    text-align: left;
	text-shadow: 2px 1px 1px #d0d0d0;
}

.archive-title {
    font-size: 32px;
    margin: 10px 0px 20px 0px;
    line-height: 1.3;
    text-align: left;
}

.title-e {
	font-size: 12px;
    margin: 0px 0 20px 0;
    line-height: 1.3;
    text-align: center;
	color: #1e6ab3;
}

.main-img {
    margin: 6px 0 6px 0;
    text-align: center;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
	width: 98.7vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	display: block;
	line-height: 0.0;
}

.main-img img {
    display: block;
    height: 200px;
    object-fit: cover;
    width: 100%;
	object-position: 50% 72%;
}

.widget-sidebar h3 {
    background: transparent;
    font-size: 1.1em;
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 10px 0;
    margin-bottom: 8px;
}

.widget_popular_entries h3:before{/*人気記事タイトルアイコン*/
	font-family:Fontawesome;
	content:"\f06b";/*アイコン種類*/
	color:#ccc;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories h3:before {
    font-family: Fontawesome;
    content: "\f0ca";
    color: #777777;
    font-weight: normal;
    margin-right: 6px;
}
.widget_archive h3:before {
    font-family: "Font Awesome 5 Free";
    content: "\f073";
    color: #777777;
    font-weight: 900;
    margin-right: 6px;
}
.widget_categories ul li,
.widget_archive ul li{/*カテゴリ・アーカイブ下線*/
	padding-left:7px;
	border-bottom:1px dotted  rgba(125, 125, 125, 0.2);/*下線の種類*/
}
.widget_categories ul li a,
.widget_archive ul li a{/*親カテゴリ・アーカイブの文字サイズ*/
	font-size:.80rem;
}
.widget_categories ul li a:before, .widget_archive ul li a:before {
    font-family: Fontawesome;
    content: "\f138";
    color: #918f85;
    margin-right: 5px;
}
.widget_categories ul .children li a:before{/*子カテゴリアイコン*/
	font-family:Fontawesome;
	content:"\f105";/*アイコン種類*/
	color:#918f85;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li{
	border-bottom:none;
}	
.widget_categories ul .children li a{/*子カテゴリ*/
	padding:3px 5px 3px 0px;
	font-size:.70rem;/*文字サイズ*/
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#9c9c9c;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#29abe2;/*囲線色*/
	background:#29abe2;/*背景色*/
	color:#fff;/*文字色*/
	transition:.4s;/*変化スピード*/
}

.widget-entry-cards figure {
    width: 80px;
    /*line-height: 0;*/
}

.widget-entry-card-content {
    margin-left: 90px;
}

.widget-entry-card-content .post-date, .widget-entry-card-content .post-update {
    padding: 1px 1px 5px 1px;
    display: block;
    font-size: .7em;
    float: right;
    text-align: right;
}
.widget-entry-cards .widget-entry-card {
    font-size: 0.85em;
    position: relative;
}

.widget-entry-cards .a-wrap {
    padding: 5px 5px 0px 5px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.sns-share-message, .sns-follow-message {
    text-align: center;
    margin-bottom: 3px;
	position: relative;
  padding-bottom: .5em;
}

.sns-share-message::after, .sns-follow-message::after {
    position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.sns-share-message, .sns-follow-message {
    text-align: center;
    margin-bottom: 15px;
	position: relative;
  padding-bottom: .2em;
	font-size: 20px;
}

.sns-share-message::after, .sns-follow-message::after {
    position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.related-entry-heading, .comment-title {
  margin: 22px 0;
  font-size: 22px;
  text-align: center;
  padding: .1em .75em .2em .75em;
  background-color: #125baa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  color: #fff;
  line-height: 1.4;
  font-weight: normal;
}

.author-info {
	display:none;
}

.single-post h1.entry-title {
    margin: 50px auto 0px auto;
	padding: 0 0px 0 20px;
    line-height: 1.3;
}

.category h1.entry-title {
    display:none;
}

table.has-background {
	margin-bottom:0px;
}

.catch1 {
  font-size: 32px;
  margin: 20px 0 20px 0;
    margin-bottom: 20px;
  line-height: 1.5;
  text-align: left;
  border-left: 10px double #1e6ab3;
  padding: 0.0rem 1.5rem;
}

.catch2 {
  font-size: 62px;
  margin: 20px 0 0px 0px;
	margin-bottom:0em !important;
  line-height: 1.5;
  text-align: center;
font-weight:700;
}

/** ご相談･お問い合わせ ******************************/
.balr24 {
    margin: 25px 20px;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.article .w100 th {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: middle;
    background-color: #00a99d;
    text-align: left;
    padding: 2px 5px 2px 10px;
    color: #fff;
    font-weight: 400;
    width: 25%;
    font-size: 14px;
}

.article .w100 td {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: top;
    padding: 2px 5px 2px 10px;
    font-size: 14px;
	background-color: #fff;
}

.w100t th {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: middle;
    background-color: #264365;
    text-align: center;
    padding: 2px 5px 2px 10px;
    color: #fff;
    font-weight: 400;
    width: 25%;
    font-size: 18px;
}

.w100t td {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: top;
    padding: 5px 5px 5px 10px;
    font-size: 18px;
    background-color: #fff;
    font-weight: bold;
    color: #0055a2;
}

.w100t table {
    margin-bottom: 0.5em;
}

.bsyu {
    background-color: #ff005e;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 2px 0 3px;
    letter-spacing: .2em;
    vertical-align: middle;
    line-height: 1.0em;
}
.article .w100 td span {
    line-height: 1.2em;
}

input[type=text], input[type=url], input[type=email], input[type=search], input[type=tel], textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    color: #333;
    font-size: 14px;
    line-height: 1.42857;
    padding: 8px;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 10px 0;
}

.wpcf7-file {
    margin: 10px 0 10px 0;
}

.inqtxt {
    font-size: 12px;
    font-weight: 400;
    color: #585858;
    margin: 10px 0px 10px 0px;
}

div .form_submit {
    width: 650px;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.wpcf7-form input[type=submit] {
    width: 650px;
    height: 60px;
    font-size: 20px;
    font-size: 1.428571428rem;
    font-weight: 400;
    color: #000;
}

.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
    background: transparent;
}

.pnks {
    font-size: 12px;
    color: #fff;
    padding: 6px;
    background-color: #264365;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    max-height: 999999px;
}

div .thanktit {
    font-size: 28px;
    color: #29ABE2;
    font-weight: normal;
    padding: 0px;
	    width: 960px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 20px;
    line-height: 1.4em;
}

div .thankt {
    font-weight: normal;
	width: 960px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: 1.4em;
}

.wpcf7-radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item {
    margin-top:10px;
    display: block;
}

.wpcf7-acceptance {
    display: inline-block;
    margin: 10px 0 0px 0em;
}

.wpcf7 .wpcf7-validation-errors {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-not-valid {
    background: pink;
}

.widget_recent_entries ul li ul, .widget_categories ul li ul, .widget_archive ul li ul, .widget_pages ul li ul, .widget_meta ul li ul, .widget_rss ul li ul, .widget_nav_menu ul li ul {
    padding-left: 5px;
    margin: 0;
}

.page-id-18 .is-layout-flex {
    gap: 0rem;
}

.uwrapc {
  position: relative;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  height: 870px;
}

.uimgc img {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 750px;
  height: auto;
  object-fit: cover;
}

.utxtc {
  position: absolute;
  right: 0%;
    background-color: rgb(255, 255, 255);
  z-index: 100;
  top: 60px;
  width: 1200px;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
}

.uwrapd {
  position: relative;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  height: 960px;
}

.uimgd img {
  position: absolute;
  right: 0%;
  top: 0px;
  width: 750px;
  height: auto;
  object-fit: cover;
}

.utxtd {
  position: absolute;
  left: 0%;
    background-color: rgb(255, 255, 255);
  z-index: 100;
  top: 60px;
  width: 1200px;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
}

.uwrape {
  position: relative;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  height: 1100px;
}

.uimge img {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 750px;
  height: auto;
  object-fit: cover;
}

.utxte {
  position: absolute;
  right: 0%;
    background-color: rgb(255, 255, 255);
  z-index: 100;
  top: 60px;
  width: 1200px;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
}

.cocoon-custom-text-1{
color:#00FFFF;
}

.cocoon-custom-text-2{
color:#ffec00;
}

#ab1, #ab2, #ab3 {
  scroll-margin-top: 100px;
  padding-top: 6px;
}

.speech-wrap {
    border-width: 0px;
}

.body blockquote > :last-child, .body .wp-block-media-text__content > :last-child, .body .wp-block-column > :last-child, .body .column-left > :last-child, .body .column-center > :last-child, .body .column-right > :last-child, .body .timeline-item-snippet > :last-child, .body .wp-block-cover__inner-container > :last-child, .body .wp-block-group:not(.is-content-justification-left, .is-content-justification-center, .is-content-justification-right, .is-content-justification-space-between, .is-layout-flex) > :last-child, .body .block-box > :last-child, .body .blank-box > :last-child, .body .toggle-content > :last-child, .body .tab-content > :last-child, .body .faq-item-content > :last-child, .body .block-box-content > :last-child, .body .common-icon-box > :last-child, .body .info-box > :last-child, .body .primary-box > :last-child, .body .success-box > :last-child, .body .warning-box > :last-child, .body .danger-box > :last-child, .body .secondary-box > :last-child, .body .light-box > :last-child, .body .dark-boxs > :last-child {
  border-width: 0px;
}

/****************************************************************************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
*****************************************************************************************************************************************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
.page-id-9 .main {
    padding: 0px 15px;
}
	
.page-id-9 .header-container
 {
    background-color: transparent !important;
    color: #fff;
    border-bottom: 0px solid #ffffff00;
}
	
.page-id-9 .header-container-in.hlt-top-menu .navi {
    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}
	
.page-id-9 .mobile-menu-buttons {
background-color: transparent;
color:#fff;
	box-shadow: 0 0 0px #fff;
	}
	
.logo-menu-button img {
    max-height: 40px;
    display: block;
    margin: 0 auto;
    width: auto;
}
	
.uwrap{
    display:block;
  }
.uimg{
    left:-0px;
	margin-bottom: 0em;
  }
.utxt{
    top:-30px;
    left:0px;
	box-shadow: 0 0 8px #c7c7c7;
	padding: 20px 20px;
font-size: 16px;
  }
	
	
/**** TOPページヘッダ ******************************/

/* モバイルヘッダーの固定を強制解除 */
.mobile-header-menu-buttons {
    position: absolute !important;
	background-color: #52adf8;
        color: #fff;
}
	
	
.page-id-9 .entry-content {
    margin-top: 0em;
    margin-bottom: 0em;
}

.page-id-9 .header-container {
  background-color: transparent !important;
	color: #fff;
	border-bottom: 0px solid #fff;

}

.header {
  background-color: transparent;
}

.header .navi {
  background-color:  transparent;
}

#header.fixed-header #header-in {
background-color: transparent !important;
}

.header-container-in.hlt-top-menu .navi {
    width: 100%;
    background-color: transparent;
}

.page-id-9 .n2_clear {
    clear: both;
    top: -25px;
    position: relative;
    z-index: -10;
}

#metaslider-id-59 {
	top:-60px;
	position: relative;
    z-index: -10;
}

.metaslider {
    position: relative;
    z-index: -10;
}

.navi-in a:hover {
    background-color: rgb(245,248,250,0.4);
}

.navi-in > ul .sub-menu {
    /*background-color: rgb(245,248,250,0.4);
	background-color: rgba(82, 173, 248, 0.83);*/
background-color: rgba(234,234,234, 0.83);
}

.page-id-9 .header-container .navi-in a {
	color: #fff;
}

.page-id-9 #navi .navi-in a {
  color: #fff;
  text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.page-id-9 #navi .navi-in a:hover {
  color: #ddd;
  text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}


.page-id-9 .header-container .navi-in > ul .sub-menu a {
    color: #000;
}

.page-id-9 #navi .navi-in ul .sub-menu a {
    color: #000;
}

#navi .navi-in a, #navi .navi-in a:hover {
    color: #fff;
    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

/* 固定ヘッダー（追従）の背景を透過にする */
.header-container.is-fixed {
  /*background-color: rgba(255, 255, 255, 1);*/
  background-color: transparent;
}

/* メニューの文字色を見やすくする（必要に応じて） */
.header-container.is-fixed .navi-in a {
  color: #333;
}

/* スクロール時に背景色と文字色を変更する */
#header-container.fixed-header {
    background-color: #ffffffeb !important; /* スクロール時の背景色 */
    color: #000; /* 必要であれば文字色も変更 */
}
/* メニューのテキスト色も変更したい場合 */
#header-container.fixed-header .navi-in a {
    /*color: #1964b3;*/
	color: #000;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.header-container-in.hlt-center-logo .wrap, .header-container .wrap {
    width: auto;
}

.header-container .navi-in a {
  position: relative;
  color: var(--cocoon-text-color);
  text-decoration: none;
  display: flex;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.header-container #navi .navi-in > ul > li > a {
  padding: 0 2.1em;
}

.navi-in > ul .caption-wrap {
    display: block;
}

.header-container #navi .navi-in > ul > li#menu-item-35 > a {
  font-size: 16px;
	padding: 0 2.0em;
    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

.header-container #navi .navi-in > ul > li#menu-item-34 > a {
  padding: 0 2.5em;
	font-size: 16px;
	    text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
	color: #fff;
}

.sub-caption {
    font-size: 0.6em;
    opacity: 1.0;
	margin-top: -3px;
}

.fixed-header {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
}

.logo-header img {
  width: 218px !important;
  height: auto;
}

.fixed-header .navi-in > ul li:hover > ul {
display: block;
}

/**** 下層ページヘッダ ******************************/

/*.header-container {
  background-color: #52adf8;
}*/

#navi .navi-in a {
  color: #000;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}

#navi .navi-in a:hover {
  color: #8f8f8f;
	text-shadow: 0px 0px 0px rgba(19, 30, 43, 0.0);
}



/* 固定ヘッダーのロゴを変更 */
.page-id-9 .logo-header img.site-fixed-logo-image {
  content: url('https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logow.png') !important;
  height: 40px;
}

.logo-header img {
  content: url('https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logo.png');
  height: 40px;
}
	
	
	
	
/** ご相談･お問い合わせ ******************************/
.balr24 {
    margin: 0 0 15px;
}
	
.article .w100 th {
    border-top-width: 1px;
    border-bottom-width: 0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: middle;
    background-color: #00a99d;
    text-align: left;
    padding: 3px 5px 2px;
    display: block;
    width: auto;
	font-size: 16px;
}
	

.article .w100 th p {
	margin-bottom: 0em;
	}
	
.article .w100 td {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-right-width: 0;
    border-left-width: 0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    vertical-align: middle;
    padding: 3px 5px;
    display: block;
}
	
.bsyu {
    background-color: #fb7394;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 4px 0;
}
	
.inqtxt {
    font-size: 13px;
    font-weight: 400;
    color: #585858;
    margin: 8px 0px 8px 0px;
    line-height: 1.4em;
}
	
div .form_submit {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
	
div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}
	
.wpcf7-form input[type=submit] {
    width: 100%;
    height: 60px;
    font-size: 20px;
    font-size: 1.428571428rem;
    font-weight: 400;
    color: #000;
}
	
div .thanktit {
    font-size: 22px;
    color: #29ABE2;
    font-weight: normal;
    padding: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 20px;
    line-height: 1.6em;
}
	
div .thankt {
    color: #333333;
    font-weight: normal;
	width: 100%;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: 1.4em;
}
	
.pnks {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    background-color: #264365;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    max-height: 999999px;
}

	
#emb {
    color: #fff;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    display: block;
    line-height: 1.6em;
    letter-spacing: .001em;
    border: 6px solid #FBC400;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-weight: 400;
    background-color: #008A8F;
}
	
.article .w100 td span {
    line-height: 1.4em;
}
	
span.wpcf7-list-item {
    display: inline-block;
    margin: 10px 0 10px 0em !important;
}
	
.column-wrap{
    flex-direction: column;
  }
	
.r5 {
	padding-right:0px !important;
}

.l5 {
	padding-left:0px !important;
}	
	
.lr5 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	
.t10 {
    margin: 0px 0px 0px 0px;
}
	
.r10 {
	padding-right:0px !important;
}

.l10 {
	padding-left:0px !important;
}

.lr10 {
	padding-left:0px !important;
	padding-right:0px !important;
}

.r20 {
	padding-right:0px !important;
}

.l20 {
	padding-left:0px !important;
}

.lr20 {
	padding-left:0px !important;
	padding-right:0px !important;
}
	
h2.t-titleb {
    font-size: 28px;
    margin: 10px 5px 0.1em 5px !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #fff;
    position: relative;
    background-color: transparent;
}

h2.wp-block-heading {
    font-size: 28px;
    margin: 10px auto 0.5em auto !important;
    padding: 0px 5px 0px 0px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;

    position: relative;
    background-color: transparent;
}
	
.title-et {
    font-size: 12px;
    margin: 26px 0 20px 0;
    line-height: 1.3;
    text-align: center;
}
	
.uwrapb {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
	
.uwrapb1 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
	
.uwrapc {
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    /*height: 1400px;*/
	height:auto;
}
	
.uwrapd, .uwrape {
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
}
	
.uimgb img, .uimgb1 img, .uimgc img, .uimgd img, .uimge img {
    position: static;
    left: 0%;
    top: 0px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
	
.utxtb, .utxtb1 {
    position: static;
    right: 0%;
    background: #fff;
    z-index: 100;
    top: 60px;
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
}
	
.uwrapb .wp-block-image, .uwrapb1 .wp-block-image {
	margin-bottom: 0em !important;
	}
	
.utxtc {
    position: static;
    right: 0%;
    background-color: rgb(255, 255, 255);
    z-index: 100;
    top: 60px;
    width: 100%;
    height: auto;
    padding: 30px !important;
    box-sizing: border-box;
}
	
.utxtd {
    position: static;
    left: 0%;
    background-color: rgb(255, 255, 255);
    z-index: 100;
    top: 60px;
    width: 100%;
    height: auto;
    padding: 30px !important;
    box-sizing: border-box;
}
	
.utxte {
    position: static;
    right: 0%;
    background-color: rgb(255, 255, 255);
    z-index: 100;
    top: 0px;
    width: 100%;
    height: auto;
    padding: 30px !important;
    box-sizing: border-box;
}
	
.is-layout-flex {
    gap: 0rem;
}
	
.mobb3 {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    padding-top: 0px;
}
	
.article h3 {
    font-size: 20px;
    padding: 0px 0px 8px;
}
	
.article h4 {
    font-size: 18px;
    padding: 0px 2px 12px;
}
	
.blank-box {
    padding: 1em 1em;
}
	
.box {
    margin: 0.5rem;
    padding: 2.3rem;
}
	
h5 {
    padding: 0.3em 0.6em 0.2em 0.6em !important;
    border-top: dotted 2px #d4d4d4 !important;
    border-bottom: dotted 2px #d4d4d4 !important;
    font-size: 18px !important;
    text-align: center;
    display: block;
    margin: 0 0 10px 0 !important;
}
	
.box p {
    line-height: 1.5;
    color: #222;
    font-size: 14px;
}
	
.wp-block-cocoon-blocks-blank-box-1 .wp-block-image {
	margin-bottom: 0.8em !important;
	}
	
.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin: 0 auto;
}
	
.content-backsj .widget-entry-cards .not-default .a-wrap, .content-backsj .new-entry-cards .a-wrap {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px;
  border-radius: 4px;
  color: #000;
}
	
.page .content-backsj a.new-entry-card-link {
  width: 47.22%;
}
	
.widget-entry-card-content .post-date {
    padding: 4px 1px 4px 1px;
    display: block;
    font-size: .7em;
    float: right;
    text-align: right;
}
	
.wpsm_panel-heading {
    padding: 5px 5px;
}
	
.article h4.wpsm_panel-title:before {
    content: "Q";
    display: inline-block;
    position: absolute;
    padding: 0em;
    color: #264365;
    background: #69f1fe;
    font-weight: bold;
    width: 34px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    left: 0.4em;
    top: 28px;
    font-size: 16px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 0px white;
    border-radius: 50%;
}
	
.article h4.wpsm_panel-title {
    text-align: left;
    position: relative;
    padding: 0.13em 0.1em 0.1em 1.6em;
}
	
#wpsm_accordion_438 .ac_open_cl_icon {
    background-color: #52adf8 !important;
    color: #fff !important;
    float: right !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.0 !important;
    padding-left: 15px !important;
    padding-right: 10px !important;
    display: inline-block !important;
}
	
#wpsm_accordion_438 .wpsm_panel-body {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-top-color: #52adf8 !important;
    font-size: 16px !important;
    font-family: Open Sans !important;
    overflow: hidden;
    border: 2px solid transparent !important;
}
	
#wpsm_accordion_438 .wpsm_panel-title a {
    text-decoration: none;
    overflow: hidden;
    display: block;
    padding: 0px;
    font-size: 16px !important;
    font-family: Open Sans !important;
    color: #fff !important;
    border-bottom: 0px !important;
}
	
.btn-m, .btn-wrap.btn-wrap-m > a {
    padding: 5px 10px;
}
	
#block-8 {
		margin: 0 15px;
	}
	
#footer {
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #8fceff;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.6em;
    margin: 0;
}
	
.footer-bottom {
  margin-top: 0px;
  padding: 5px;
  position: relative;
  font-size: 12px;
}
	
.copyright {
  margin-top: 0px;
  font-size: 9px;
}
	
.header-container {
    border-bottom: 0px solid #c6c6c6;
}
	
.page .entry-header h1.entry-title {
    font-size: 32px;
    margin: 0px auto 0px auto;
    text-align: center;
    color: #000;
    padding-left: 42px;
	letter-spacing: 0.001em;
}
	
.page .entry-header h1.entry-title:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url(https://fujigyoseimarine.com/utwp/wp-content/uploads/2026/03/logo1.png) no-repeat;
    background-size: contain;
    margin-left: -42px;
    margin-top: 6px;
}
	
.entry-title, .article h2 {
        font-size: 22px;
        padding: 0.6em 0.1m 0.1em;
	letter-spacing: 0.001em;
    }
	
.catch1 {
    font-size: 20px;
    margin: 10px 0 10px 0;
    margin-bottom: 20px;
    line-height: 1.5;
    text-align: left;
    border-left: 10px double #1e6ab3;
    padding: 0.0rem 1.0rem;
}
	
.single-post h1.entry-title {
    margin: 0px auto 0px auto;
	padding: 30px 20px 0 20px;
    line-height: 1.3;
}
	
main.main, div.sidebar {
        padding: 0px 16px;
        margin: 12px 0;
        border-width: 0;
    }
	
.catch2 {
    font-size: 40px;
    margin: 0px 0 0px 0px;
    margin-bottom: 0em !important;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
}
	
#menu-item-34 {
  background-color: transparent;
}
	
.single-post .main h2.wp-block-heading {
        margin: 10px auto 1.5em auto !important;
    }
	
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}