body,a,h2,h3,h4,h5{
	    font-family: YuGothic, 'Yu Gothic', sans-serif!important;
}

h1,h2{
	font-weight:500!important;
}

h1 {
	font-family: "Yu Mincho", "YuMincho", serif!important;
}


#headerwrap {
    background-image: url(https://oliva-ofuna.com/wp/wp-content/uploads/2025/12/background.png);
}

ul,
ol {
    list-style: none;
    padding-left: 0;
    /* 左の余白も消したい場合 */
}



/* =========================================================================
    hide：非表示
   ------------------------------------------------------------------------- */

.hide {
    display: none;
}

.PChide {
    display: none !important;
}

.PChide2 {
    display: none !important;
}

#MBheader {
    display: none;
}

@media screen and (max-width: 900px) {
    .PCshow {
        display: block;
        display: none;
    }

    .PChide {
        display: block !important;
        display: visible;
    }

    .PChide2 {
        display: visible !important;
    }
}


/* ==========================================================================
      header
      ========================================================================== */

header {
    position: static;
    padding-bottom: 10px;
    overflow: hidden;
    z-index: 999;
    height: 115px;
}

#headerwrap {
    display: block;
    margin-top: 0px;
    width: 100%;
    /*  overflow: hidden;
   */
    z-index: 9999999999;
}

.logoArea {
    display: flex;
    width: 100%;
    padding-left: 30px;
}

.logoArea h1 img {
    width: 80%;
}

.header_menu {
    padding-top: 0px;
    float: right;
    position: absolute;
    right: 215px;
	height:115px;
}

.menu{
	height:92px!important;
	    align-items: center;
    display: flex;
}

.header_menu ul {
    /*  display: flex;*/
    float: left;
}

.header_menu ul li {
    float: left;
    margin-right: 20px;
}

.header_menu ul li a img {
    /*  width: 100%;*/
}






/*ホバー*/

/* 親のliを基準に */
li.menu__mega {
    position: relative;
}

/* サブメニュー：初期状態は非表示 */
li.menu__mega ul.menu__second-level {
    display: none;
    /* ← 非表示 */
    position: absolute;
    top: 115px;
    left: 0;
    width: 600px;
    padding: 20px;
    background: #006934;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 1000;

    /* 横並び2列 */
    display: none;
    /* ← 確実に非表示 */
    flex-wrap: wrap;
    gap: 10px;
}

/* ホバーで表示（displayをflexに） */
li.menu__mega:hover ul.menu__second-level {
    display: flex;
    opacity: 1;
    visibility: visible;
}

/* サブメニュー内の各li */
li.menu__mega ul.menu__second-level>li {
    width: 45%;
    margin-bottom: 10px;
    list-style: none;
}

/* 画像 or テキストリンク */
li.menu__mega ul.menu__second-level>li a {
    color: white;
    font-size: 16px;
    text-decoration: none;
    display: block;
}

li.menu__mega ul.menu__second-level>li a:hover {
    opacity: 0.8;
}

/* 装飾用三角形 */
li.menu__mega ul.menu__second-level::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #006934;
}




/*ヘッダー画像*/
.plants{
	    width: 100%;
}

.blog-text{
	text-align:center;
}

.blog-text img{
    width: 400px;
    text-align: center;
	margin-top: -135px;
}

/* =======================================
   lowMenu対応（スマホ or 固定ヘッダー用）
======================================= */

ul.lowMenu li.menu__mega {
    position: relative;
}

ul.lowMenu li.menu__mega ul.menu__second-level {
    display: none;
    position: absolute;
    top: 60px;
    left: 20px;
    width: 470px;
    padding: 20px;
    background: #006934;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 9999999;
    text-align: left !important;

    display: none;
    flex-wrap: wrap;
    gap: 10px;
}

ul.lowMenu li.menu__mega:hover ul.menu__second-level {
    display: flex;
    opacity: 0.9;
    visibility: visible;
}

ul.lowMenu li.menu__mega ul.menu__second-level::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #006934;
    opacity: 0.9;
}

ul.lowMenu li.menu__mega ul.menu__second-level>li {
    width: 40%;
    margin-bottom: 10px;
}

ul.lowMenu li.menu__mega ul.menu__second-level>li img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.menu__second-level{
    margin-top: -23px!important;
}














.iconArea {
    width: 60px;
    display: inline-block;
	    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 120px;
}

.iconArea a.header_twitter img {
    width: 30px;
    margin-bottom: 5px;
}

.iconArea a.header_instagram img {
    width: 28px;
    margin-bottom: 3px;
}

.btnArea {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    z-index: 999999 !important;
}

.btnArea a img {
    width: 220px;
    z-index: 999999 !important;
}

.socialIcon2 {
    padding-top: 15px;
    padding-right: 15px;
    float: right;
}

.socialIcon2 ul li {
    float: left;
    margin-left: 10px;
}

.socialIcon2 ul li:hover {
    opacity: 0.7;
}

a.yoyaku {
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}

a.yoyaku:hover {
    opacity: 0.7;
}

#greywrap {
    background: #f5f5f5;
    margin-top: 0px;
    padding-top: 40px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

#greywrap .callout {
    margin-bottom: 60px;
}

#greywrap .callout h2 {
    margin-top: 10px;
}

#greywrap p {
    margin-left: 30px;
    margin-right: 30px;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#greywrap .icon {
    font-size: 60px;
    line-height: 30px;
    margin-bottom: 10px;
}

span.new {
    color: red;
    font-size: 13px;
    font-weight: bold;
}

#footerTop {
    margin-top: 60px;
    /*  background: url('../img/footBg.jpg') bottom  repeat-x;*/
    display: block;
}

#footerTop h1,
#footerTop p {
    margin-bottom: 0;
}

#footerTop h1 img {
    padding-bottom: 0px;
    width: 456px;
}

#footerTop p img {
    width: 100%;
}

#footerwrap {
    padding-top: 50px;
}


/*aboutMenu*/
#contact > div > div.row.centered > div.aboutMenu.PCshow{
	text-align:center!important;
}

.ul_aboutMenu {
    text-align: center!important;
    display: inline-block!important;
    padding-inline-start: 0px;
    margin: 40px 20px 20px 20px;
    background: #00a5a8!important;
    border-radius: 5px;
}

ul.ul_aboutMenu li {
    float: left;
    margin: 0;
    vertical-align: middle;
}

ul.ul_aboutMenu li a:hover {
    opacity: 0.7;
}

ul.ul_aboutMenu li img {
    padding: 20px;
}

#contact > div > div.row.centered > div.aboutMenu.PCshow > ul > li:nth-child(2){
	margin-left:-20px;
}

#footer2{
	    margin-left: -50px!important;
	padding-left:0!important;
	     margin-top: 10px!important;
}

ul.ul_aboutMenu li img.about_about {
	width:250px;
}

.ul_aboutMenu {
    display: flex;
}

.about_mail{
	padding-top:0!important;
}

ul.ul_aboutMenu li img.about_mail {
    width: 190px;
}



div.footMenu1 {
    margin-left: 0px;
    margin-top: 20px;
}

p.address {
    margin-top: 10px;
}

div.footMenu2 {
    margin-bottom: 30px;
}

.about_mail {
padding-top:20px!important;	
}

#footer2 {
    margin-top: 50px;
    padding-bottom: 0px;
    display: flex;
    justify-content: center;
}

#footer2 ul.footMenu {
    display: inline-block;
    margin-left: 0 !important;
    padding: 0 !important;
	margin-bottom:0!important;
}

#footer2 ul.footMenu a {}

#footer2 ul.footMenu a:hover {
    opacity: 0.7;
}

#footer2 ul.footMenu li {
    font-size: 15px;
    float: left;
}

#footer2 ul.footMenu li a img {
    width: 70%;
}

#footer2 ul.footMenu li a img:hover {
    opacity: 0.7;
}

#footer2 ul.footMenu li+li {}

#footer2 .container {
    margin-top: 0px;
    padding: 5px 0 5px;
    text-align: center;
}

#footer2 h4 {
    font-size: 12px;
    color: white;
    font-weight: bold;
}


/* ==========================================================================
      Menu Sections
      ========================================================================== */

#menuwrap {
    margin: 40px auto 0px;
    width: 100%;
}

.menuContainer {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

#menutile {
    width: 100%;
}

.item {
    /*  padding: 10px;*/
}

.item:hover {
    opacity: 0.7;
}

#photoMenu {
    max-width: 900px;
}

.photoMenuBtn {
    margin-top: 30px;
}

.photoMenuBtn div {
    display: block;
    margin-bottom: 20px;
}

#photoMenu a:hover {
    opacity: 0.7;
}

.menu01 {
    width: 418px;
    height: 434px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.menu02 {
    width: 147px;
    height: 230px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.menu03 {
    width: 220px;
    height: 230px;
    margin-bottom: 3px;
}

.menu04 {
    width: 207px;
    height: 138px;
    margin-right: 3px;
}

.menu05 {
    width: 297px;
    height: 322px;
    margin-right: 3px;
}

.menu06 {
    width: 220px;
    height: 230px;
}

.menu07 {
    width: 221px;
    height: 136px;
    margin-bottom: 3px;
}

div.menuItem {
    float: left;
    padding: 20px 5px;
}

#lowMenuwrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    text-align: center;
    background: #fff;
    height: 60px;
    z-index: 9999999999;
}

#lowMenuwrap ul {
    margin: 0 auto;
    text-align: center;
    /*  display: inline-block;*/
}

#lowMenuwrap ul.lowMenu {
    margin-top: 12px;
    margin-left: 40px !important;
}

#lowMenuwrap ul.lowMenu a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#lowMenuwrap ul.lowMenu a img {
    width: 100%;
}

#lowMenuwrap ul.lowMenu a:hover {}

#lowMenuwrap ul.lowMenu ul {
    float: left;
    margin-right: 10px;
}

#lowMenuwrap ul.lowMenu li {
    float: left;
    margin-right: 30px;
}

#lowMenuwrap ul.lowMenu li:last-child {}

#lowMenuwrap ul.lowMenu2 {}

#lowMenuwrap ul.lowMenu2 li {
    float: left;
    margin-right: 20px;
}

#lowMenuwrap ul.lowMenu2 li a.header2_instagram img,
#lowMenuwrap ul.lowMenu2 li a.header2_twitter img {
    padding-top: 0px;
}

#lowMenuwrap ul.lowMenu2 li:last-child {}

#lowMenuwrap ul.lowMenu2 li a.header2_tel img {
    width: 70%;
}

#lowMenuwrap ul.lowMenu2 li a.header2_instagram img {
    width: 90%;
}

.btnArea2 {
    display: block;
    float: right;
    margin-top: 18px;
    right: 0;
    width: 160px;
    z-index: 999;
}

.btnArea2 a img {
    width: 160px;
    z-index: 99999999;
}

#footer2 .footer_logo img {
    width: 72%;
}

#footer2 p.snss a {
    margin-right: 15px;
}

@media screen and (max-width:9900px) {
    .btnArea2 {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1484px) {
    .btnArea2 {
        margin-top: 50px;
    }
}

@media screen and (min-width:1301px) and (max-width:1410px) {
    .btnArea2 {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1300px) {
    #lowMenuwrap ul {
        padding-left: 0px !important;
        /*    display: contents;*/
    }

    #lowMenuwrap ul.lowMenu a img {
        width: 70%;
    }

    #lowMenuwrap ul.lowMenu a:hover {}

    #lowMenuwrap ul.lowMenu ul {
        float: left;
        margin-right: 0px;
    }

    #lowMenuwrap ul.lowMenu li {
        float: left;
        margin-right: 10px;
    }

    #lowMenuwrap ul.lowMenu2 li {
        margin-right: 10px;
    }

    .btnArea2 {
        margin-top: 20px;
    }

    #lowMenuwrap ul.lowMenu2 li a.header2_tel img {
        width: 60%;
    }
}

@media screen and (min-width:1201px) and (max-width:1300px) {
    .btnArea2 {
        margin-top: 14px;
    }
	
	#footer2 p.snss a.footer_contact img{
		        width: 160px!important;
	}
}

    @media screen and (max-width: 1158px) {
        .btnArea2 {
            margin-top: 24px;
        }
    }

    @media screen and (max-width: 1308px) {
        #lowMenuwrap ul.lowMenu a img {
            width: 90%;
        }

        #lowMenuwrap ul.lowMenu2 li:last-child {
            width: 19%;
        }

        #lowMenuwrap ul.lowMenu2 li a.header2_tel img {
            width: 70%;
        }
    }

    @media screen and (max-width: 1200px) {
        #lowMenuwrap ul.lowMenu li {
            float: left;
            margin-right: 15px;
        }

        #lowMenuwrap ul.lowMenu2 li:last-child {
            width: 10%;
        }

        #lowMenuwrap ul.lowMenu2 li a.header2_tel img {
            width: 100%;
        }
		
		div.aboutMenu{
		        padding: 40px 70px 0 70px;
    background: #00a5a8;
    width: 100%;
    padding: 20px 0px 0px;
    border-radius: 5px;
    }
		
		.is-layout-constrained > .alignwide{
        max-width: 1000px!important;
		}
		
		
		div.aboutMenu{
			width: 95%;
			margin:auto;
		}
			.ul_aboutMenu{
			padding-top:0!important;
				    margin: 0!important;
		}
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
ul.ul_aboutMenu li img.about_mail {
    width: 120px;
}
	div.aboutMenu{
	width: 95% !important;
}
}

.wp-block-post .wp-block-spacer{
	height:50px!important;
}


  @media screen and (min-width: 1000px) {
#wp--skip-link--target > div{
			padding:0!important;
		}

.blog #wp--skip-link--target > div > div > div:nth-child(1),.archive #wp--skip-link--target > div > div > div:nth-child(1){
	display:none!important;
}
	  
	  body > div > div.wp-block-group.alignwide.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
	padding-right:0!important;
    padding-left:0!important;
}
}

    @media screen and (max-width: 1000px) {
        #lowMenuwrap ul.lowMenu {
            margin-left: 10px !important;
        }

        #lowMenuwrap ul.lowMenu a img {
            width: 80%;
        }

        #lowMenuwrap ul.lowMenu li {
            margin-right: 0px;
        }

        #lowMenuwrap ul.lowMenu2 li a.header2_tel img {
            width: 100%;
        }

        #lowMenuwrap ul.lowMenu2 li {
            margin-right: 0px;
            display: inline-block;
        }

        #lowMenuwrap ul.lowMenu2 li a.header2_instagram img,
        #lowMenuwrap ul.lowMenu2 li a.header2_twitter img {
            margin: 0;
            width: 70%;
        }

        #lowMenuwrap ul.lowMenu2 li:last-child {
            width: 15%;
        }
		
		#footer2 {
			margin-left:0!important;
		}
    }

    #footer2 {
        padding-left: 50px;
    }


 @media screen and (min-width: 990px) {
		.sp_fixed_footer{
			display:none!important;
		}
}

    @media screen and (max-width: 991px) {
        #footer2 {
            padding-left: 0px;
        }

		#footer2 {
			flex-direction:column!important;
		}
		
		.footer_logo{
			margin-right:50px;
		}
		
		
.floatUl{
	background-color: #00a5a8;
	margin:0!important;
	padding:10px!important;
}
		
		.sp_fixed_footer{
			        background-color: #00a5a8;
		}
		
		.float_footer_contact_sp{
		    width: 12%;
		}
		
    }

@media screen and (max-width: 640px) {
    a img.float_footer_contact_sp {
        width: 70px;
    }
	
		.float_footer_tel_sp{
			        width: 260px!important;
		}
	
    #footer2 ul.footMenu li a img {
        height: 50px;
}
	
	#footer2 p.snss a.footer_contact img{
		width:120px!important;
	}
	
	    #footer2 p.snss a.footer_twitter img {
        width: 30px!important;
    }
	
	    #footer2 p.snss {
			text-align:center!important;
			    justify-content: center;
	}
	
	#footer2{
	    padding-right: 15px;
    padding-left: 15px !important;
}
	
	
	
}

    ul.topNews {
        display: inline-block;
        margin-top: 20px;
        text-align: left;
        width: 850px;
        /*  height: 90px;*/
        overflow: auto;
    }

    ul.topNews li {
        margin-bottom: 5px;
    }

    ul.topNews li a {
        color: #3498DB;
    }

    #footer2 p.address {
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 25px;
        letter-spacing: 1px;
    }

    #footer2 p.snss {
        display: flex;
		    margin-top: -1px;
    }

    #footer2 p.snss a {
        margin-right: 15px;
    }

    #footer2 p.snss a.footer_contact img {
        width: 215px;
    }

    #footer2 p.snss a.footer_twitter img {
        width: 40px;
    }

.footer_twitter{
	 align-items: center;
    display: flex;
}

section#contact {
    padding: 60px 0;
}

    #footer2 p.snss a:hover {
        opacity: 0.7;
    }

    #footer2 p.copyright {
        margin-top: 10px;
        font-size: 12px;
    }

    span.icon {
        background-repeat: no-repeat;
        background-position: middle;
        vertical-align: middle;
        padding-right: 17px;
    }

    span.iconTel {
        background-image: url('../img/telIcon.svg');
    }

    span.iconFax {
        background-image: url('../img/faxIcon.svg');
    }

    span.iconMail {
        background-image: url('../img/mailIcon.svg');
    }
	
	.wp-block-separator{
		display:none!important;
	}

.wp-block-post-featured-image{
	width:100%!important;
}
	

/*ヘッダー下画像*/
.blog-section{
	margin-top:0!important;
}


		/*ブログサイドバー*/
	
	.wp-block-heading{
		background:#00A5A8;
		color:white;
		text-align:center;
		padding: 10px;
		    font-size: 1.4rem!important;
	}
	

#wp--skip-link--target > div > div > div:nth-child(4) > aside > div > div{
	border:2px solid #CEDCDD;
}

.latest-post,.category-post{
	border:2px solid #CEDCDD;
}

#wp--skip-link--target hr{
	display:none;
}

.wp-block-latest-posts__list,
.wp-block-categories-list{
	padding-bottom:1rem;
	padding-right:15px;
	padding-left:15px;
}


.blog-sub-item div div{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
	    align-items: flex-start;
}

.attachment-post-thumbnail{
	border-radius:0;
}

.taxonomy-category{
background:#006934;
	padding:3px 15px;
}

.taxonomy-category a{
	color:white;
}

/*フッター*/
.effect-fade{
	background-image: url(https://oliva-ofuna.com/wp/wp-content/uploads/2026/01/background-footer.png)!important;
}


	
/*ブログ本文ページ*/
.blog-ttl-wrapper{
padding-top: 0 !important;
}

.category-name{
text-align: center;
}

/*
.wp-block-post-featured-image{
aspect-ratio: 4 / 2!important;
}
*/

.category-name {
  position: relative;
	padding-bottom: 1rem;
	padding-top:0!important;
}


.category-name::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
  width: 100px;
	/*
  border-bottom: 3px dashed #AAB4B5;
	*/
}




.category-name {
    display: block; /* または inline-block */
    position: relative;
    padding-bottom: 5px; /* 線と文字の間の隙間 */
	    padding-bottom: 1rem;
}

.category-name::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 3px; /* 線の太さ */
    /* 背景画像を使って細かい破線を作る */
    background-image: linear-gradient(to right, #AAB4B5 50%, transparent 50%);
    background-size: 8px 3px; 
    background-repeat: repeat-x;
}





.wp-container-core-group-is-layout-dfe8e91f{
    display: flex;
    flex-direction: column;
	    align-items: start;
}
	
	
	
	
	
	
	
	
	/*ヘッダー */
	
	 #lowMenuwrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
  }

  #lowMenuwrap.show {
    opacity: 1;
    visibility: visible;
  }
#headerwrap > header > div > div.header_menu > ul > li.menu__mega > ul > li:nth-child(3) > a > img{
	width:155px!important;
}

.header_menu ul li{
	margin-right: 10px;
}

.menu__second-level{
	width:407px!important;
}

li.menu__mega ul.menu__second-level {
     padding: 35px 0 0 40px!important;
	}

li.menu__mega:hover ul.menu__second-level{
	opacity:0.9!important;
}


.menu-lists {
  opacity: 0;
  display: none;
  transition: opacity 0.6s ease; /* ← ここを変更！ */
}



.alignwide .is-nowrap .is-layout-flow{
	padding-top: 60px!important;
}




@media (min-width:900px) {
	.pc-img{
			display:block;
		}
		
		.sp-img{
			display:none!important;
		}
}

@media (max-width:1000px) {
		div.aboutMenu{
		width: 77%;
		}
	
	.centered{
	    margin: auto;
    justify-content: center;
    display: flex;
}
	
	
	#footer2 div{
		width:80%;
		margin: auto;
	}
	
	.footMenu1{
		width:100%!important;
	}
	
	#footer2{
		margin:auto;
	}
}

	@media (max-width:900px) {
       .btn {
           width: 100%;
           display: block;
           width: 39px;
           height: 41px;
           position: fixed;
           right: 10px;
           z-index: 9999999994;
        margin-top: -122px;
       }
		
		.blog .btn, .archive .btn {
			         margin-top: -56px;
		}
		
		.pc-img{
			display:none!important;
		}
		
		.sp-img{
			display:block;
		}
       
		header{
			    height: 60px;
		}
		
		    #headerwrap h1 img {
        width: 33%;
		}
		
		#headerwrap h1{
		    margin: 0;
		}
		
.blog-text img {
    width: 62%;
	margin-top: -14%;
}	
		
       .bar {
           width: 39px;
           height: 2px;
           display: block;
           position: absolute;
           left: 50%;
           transform: translateX(-50%);
           background-color: #19673c;
       }
       
       .bar-top {
           top: 10px;
       }
       
       .bar-middle {
           top: 50%;
           transform: translate(-50%, -50%);
       }
       
       .bar-bottom {
           bottom: 10px;
       }
       
       .btn.close .bar-top {
           transform: translate(-50%, 10px) rotate(45deg);
           transition: transform .3s;
       }
       
       .btn.close .bar-middle {
           opacity: 0;
           transition: opacity .3s;
       }
       
       .btn.close .bar-bottom {
           transform: translate(-50%, -8px) rotate(-45deg);
           transition: transform .3s;
       }
       
       .menu-lists {
           display: none;
           background-color: #edebdb;
           width: 100vw;
           height: 100vh;
           position: fixed;
           top: 0;
           left: 0;
           padding-top: 60px;
           text-align: center;
           z-index: 999999999;
       }
       
       .menu-lists ul {
           padding: 0;
           text-align: center;
           display: block;
       }
       
       .menu-lists ul li a {
           color: #FFF;
           font-weight: bold;
           font-size: 24px;
       }
       
       .set_200_off img {
           width: 65%;
       }

.menu-lists ul li.menu-lists-icons a img {
    width: 35px;
}


.sp_menu_menu{
padding-bottom: 50px!important;
		}
		
		#ham_link > li > ul:nth-child(3){
			width:100%!important;
		}
		
		#ham_link > li > ul:nth-child(3) li{
		margin-left: 0!important;
		}
		
		.menu-lists-icons a{
			padding:10px;
		}
		
		.menu-lists-icons{
		    padding-top: 20px;
		}
		
		
		    #footer2 ul.footMenu li a img {
        width: 60%;
    }
		
		#footer2{
			margin-top:50px!important;
		}
		
		
}

	#headerwrap > header.clearfix.PCshow > div > div.btnArea > a:nth-child(2) > img{
			margin-top:-9px!important;
		}

.ul_aboutMenu{
	padding-top:2rem;
	    padding-right: 3rem;
    padding-left: 3rem;
}
	.wp-block-categories-list{
		    padding-bottom: 6px;
	}

.blog-ttl-wrapper > div > div > div > div{
	display:flex;
}

.taxonomy-category{
	order:2;
}




/*カテゴリ一覧*/
.wp-block-heading{
	font-size:1.1rem!important;
}

.wp-block-latest-posts__post-title,
.cat-item{
	font-size:1rem;
}
	
	.wp-block-post-date{
		order:2;
	}

.single-post .wp-block-post-date{
		order:1;
}


.wp-block-post-title{
	font-size:1.6rem!important;
}

.wp-block-post-featured-image{
	padding-bottom:0!important;
}



@media screen and (min-width:780px) {
.alignwide{
	padding-bottom:0!important;
}
}

/*ブログ本文ページ*/
.blog-ttl-wrapper div{
	margin-left:0!important;
}

.wp-block-post-title{
	font-family: YuGothic, 'Yu Gothic', sans-serif !important;
}


@media screen and (min-width:1000px) {
.alignwide{
	max-width:1000px!important;
	margin: auto!important;
}

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


@media screen and (max-width:1000px) {
.wp-block-post-content{
    padding-left: 0;
    padding-right: 0;
}
}

@media screen and (max-width:780px) {
.wp-block-post-title{
	padding-top:0.5rem;
	    font-size: 1.8rem !important;
}
	
	h2.wp-block-post-title{
		 font-size: 1.4rem !important;
	}

}


/*ヘッダー　付け足し用*/
.blog-header{
	    margin: auto;
    text-align: center;
	width:77.99px;
}

.blog-header img{
    width: 76%;
}
/*フッター　付け足し用*/
.blog_oliva{
	width:67px;
}

/*ヘッダー　付け足し用*/
@media screen and (max-width:1170px) {

	.menu-header,.staff-header,.access-header,.recruit-header,.contact-header{
		width:50px;
	}

	
	.about-header{
		width:73px;
	}
	
	.blog-header{
		width:38px;
	}
	
	.blog-header img{
		width:38px;
	}
	
	/*
		.menu-header img{
		width:50px;
	}
	*/
	
	#headerwrap > header.clearfix.PCshow > div > div.header_menu > ul > li.menu__mega.menu-header > a > img{
		width:50px;
	}
	
	.about-header img{
		width:73px;
	}
	
	.staff-header img{
		width:50px;
	}
	
	.access-header img{
		width:50px;
	}
	
	.recruit-header img{
		width:50px;
	}

	
	.contact-header img{
		width:50px;
	}
	
	.logoArea h1{
		width:200px;
	}
}

@media screen and (max-width:900px) {
	.hum-blog img{
    width: 70px!important;
    margin-left: -50px;
}
}

/*フッター付け足し用*/
@media screen and (max-width:640px) {
	.blog_oliva{
		    width: 60px;
		height:57.25px;
	}
	
	.blog_oliva img{
		    width: 32px!important;
		height:auto!important;
		    margin-top: 10px;
	}
}


@media screen and (max-width:450px) {
	#footer2 > div.col-xs-10.col-xs-offset-1.col-md-12.col-lg-8 > div > ul > li:nth-child(3){
		margin-left:-25px;
	}
	
	    .blog_oliva img {
        width: 40px !important;
	}
}









		
@media screen and (max-width:900px) {
       ul.sp_menu_menu {
           padding: 15px 15px 0px;
           display: inline-block;
       }
       ul.sp_menu_menu li {
		   
           float: left;
           width: 46%;
           margin-left: 10px;
       }
       ul.sp_menu_menu li a img {
           width: 100%;
       }
       ul.sp_menu_menu li.menu-contact-icons a {
           /*float: left!important;*/
       }
	
	.logoArea h1{
        width: 60%;
        margin-top: 7px !important;
	}

	
	/*追加*/

	
	
       li.menu-contact-icons a img {
           width: 40%!important;
       }
       .menu-lists ul li a img {
           height: 70%
       }
       .menu-lists ul.sp_menu_menu li.menu-contact-icons a img {
           width: 100%;
       }
       img.sp_menu_about {
       }
       .menu-lists ul li a img {
           width: 120px;
       }
	
	#contact > div > div.row.centered > div.aboutMenu.PChide > h1{
		text-align:center;
	}
	
	#contact > div > div.row.centered > div.aboutMenu.PChide > h1 > img{
		width:87%;
		margin:auto;
		text-align:center;
	}
	
	#contact > div > div.row.centered > div.aboutMenu.PChide > p{
		text-align:center;
	}
   }



@media (min-width: 782px) {
    .blog .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis],
	.archive .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
        flex-grow: 0!important;
    }
	
	.blog #wp--skip-link--target > div > div > div:nth-child(1),
	.archive #wp--skip-link--target > div > div > div:nth-child(1){
		    flex-basis: 0!important;
	}
}


@media screen and (min-width: 640px) {
    #sp_fixed_footer {
       display:none!important;
    }
}
	
   img.sp_menu_about {
   }
   nav.menu-lists ul {
       padding-top: 20px;
   }

.category-name{
	font-size:30px;
}

#sp_fixed_footer{
	    position: fixed!important;
    bottom: 0!important;
    z-index: 9999999!important;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.floatUl{
        padding: 3px 15px !important;
}
}

@media screen and (max-width: 600px) {
	#headerwrap h1 img{
                width: 160px;
}
	#headerwrap h1{
	    margin-top: 9px !important;
	}
}





@media screen and (max-width: 576px) {
	#footer2{
        max-width: 540px;
		    margin: auto!important;
}
	
	    #footer2 div {
        width: 100%!important;
	}
	
	.footer_logo,.address,#footer2 > div.col-xs-10.col-xs-offset-1.col-md-12.col-lg-8 > div > ul{
		margin-left:50px!important;
	}
	
	.centered,div.aboutMenu{
		width: 100%!important;
	}	
	
	section#contact{
		padding-top:0!important;
	}
	
	div.aboutMenu{
		border-radius:0!important;
	}
	
	#footer2{
		margin-top:50px!important;
	}
	
	img.about_mail{
		width:50%!important;
	}
	
	#footer2 .footer_logo img {
    width: 90%;
	}
		section#contact{
			padding-bottom:2rem!important;
}
}


   
   /* ハンバーガー内調整 */
   @media screen and (max-width:375px) {
       nav.menu-lists ul {
           padding-top: 0px;
       }
       .menu-lists ul li.menu-lists-icons {
           margin-top: 0px;
       }   
       .menu-lists ul li.menu-lists-icons a img {
           width: 30px;
       }
	   
	       #footer2 p.copyright {
        font-size: 10px;
			       text-align: center;
	   }
   }

   
   /* ハンバーガー内調整 */
   @media screen and (max-width:320px) {
   
       nav.menu-lists ul {
           padding-top: 0px;
       }
   
       .menu-lists ul li a img {
           width: 120px;
       }
   
       ul.sp_menu_menu {
           padding: 0px 15px!important;
       }
   
       .menu-lists ul li {
           padding: 15px 0 5px 0;
       }
   
       .menu-lists ul li.menu-lists-icons {
           margin-top: 0px;
       }
	   
	       #sp_fixed_footer > p > a:nth-child(1) > img {
			width: 210px !important;
	   }
   }
	
/*本文*/

.wp-singular header{
	margin-bottom:70px!important;
}

.wp-singular .blog-ttl-wrapper{
	margin-bottom:30px;
}

body > div > div.wp-block-group.alignwide.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
	padding-top:20px!important;
}

.wp-singular footer{
    margin-top: 100px;
}


.menu__mega {
  position: relative;
}

/* 初期状態 */
.menu__second-level {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

/* 親liにhoverしたら表示 */
.menu__mega:hover .menu__second-level {
  opacity: 1;
  visibility: visible;
}

#headerwrap > header.clearfix.PCshow > div > div.header_menu > ul > li.menu__mega.menu-header {
  padding-bottom: 20px; /* hoverエリアを下に広げる */
	    margin-top: 20px;
}

#wp--skip-link--target > div > div > div:nth-child(4) > aside > div > div.wp-block-group.latest-post.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
	margin-top:0!important;
}

.category-name{
		padding-bottom:1rem!important;
}

@media screen and (min-width: 900px) {
.wp-block-post-title>a{
    font-size: 22px;
}
	
	.taxonomy-category{
		margin-bottom:1rem!important;
	}
}

@media screen and (max-width: 900px) {
p,.wp-block-latest-posts__post-title, .cat-item,time>a,.taxonomy-category a{
	font-size:13px;
	line-height: 2;
}
	
	.wp-block-post-title{
		font-size:20px!important;
		line-height: 1.8;
	}
	
	.wp-block-post-title>a{
		font-size:15px;
	}
	
	.category-name {
    font-size: 25px;
}
}




@media screen and (max-width: 900px) {
.wp-singular header{
	margin-bottom:30px!important;
}
	
	.btn{
	        margin-top: -84px;
}
	
	.post .wp-block-post-title{
	margin-top: -0.6rem;
	}
	
	.post article{
		    gap: 0.6rem;
	}
	
	.latest > h2.wp-block-heading,
	.category-post> h2.wp-block-heading{
		font-size:1.1rem!important;
	}
	
	.wp-block-post .wp-block-spacer{
	height:20px!important;
}
}



@media screen and (min-width: 900px) {
	#lowMenuwrap ul.lowMenu ul{
		padding-left:23px!important;
	}
}


 @media screen and (min-width:1000px) {
.wp-singular .has-global-padding > .alignfull{
	margin:0!important;
}
}



/* すべての共通設定を一度リセット気味に調整 */
h2.wp-block-heading, 
h3.wp-block-heading, 
h4.wp-block-heading, 
h5.wp-block-heading {
    text-align: left;      /* 基本は左寄せ（h2だけ中央に戻す） */
    background: none;      /* 一度背景を消す */
    color: #333;           /* 文字色を戻す */
    padding: 0;            /* 余白をリセット */
    font-size: 1.2rem;     /* 標準サイズ */
}

/* h2：現在のデザインを維持（大見出し） */
h2.wp-block-heading {
    background: #00A5A8 !important;
    color: white !important;
    text-align: center !important;
    padding: 15px !important;
    font-size: 1.4rem !important;
    border-radius: 2px;
}

/* h3：中見出し（左線＋背景薄塗り） */
h3.wp-block-heading {
    border-left: 6px solid #00A5A8 !important;
    background: #f4f8f8 !important; /* 非常に薄い緑背景 */
    padding: 12px 15px !important;
    font-size: 1.25rem !important;
}

/* h4：小見出し（こだわりの細かい破線） */
h4.wp-block-heading {
    padding-bottom: 8px !important;
    border-bottom: none !important;
    position: relative;
    font-size: 1.15rem !important;
}

h4.wp-block-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #AAB4B5 50%, transparent 50%);
    background-size: 8px 2px;
    background-repeat: repeat-x;
}

/* h5：最小見出し（シンプルにアクセント記号） */
h5.wp-block-heading {
    font-size: 1.05rem !important;
    padding-left: 1.2em !important;
    position: relative;
}

h5.wp-block-heading::before {
    content: "●";
    color: #00A5A8;
    position: absolute;
    left: 0;
    font-size: 0.8em;
}