/*
 Theme Name:   Osusume
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+JP:wght@100..900&display=swap');

/* heder-top-menu */
.menu-header-top-container{position:fixed;top:14px;right:7px;z-index:9999;}
ul#menu-header-top{list-style:none;width:400px;display:flex;flex-wrap:wrap;justify-content:flex-end }
ul#menu-header-top li a{display:block;text-decoration:none !important;}
ul#menu-header-top li a i{font-size:1.8rem !important;padding-right:0.5rem !important;}
ul#menu-header-top li:nth-child(1) a{background:#ffe600 !important;display:block !important;padding:0 1rem 1.4rem !important;color:#1c3a5d !important;text-align:center !important;line-height:2 !important;height:40px !important;font-size:1.5rem !important;font-weight:bold !important;border-radius:30px !important;margin-left:1rem !important;}
ul#menu-header-top li:nth-child(1) a:after{content: "平日 9:00～18:00" !important;display:block !important;font-size:1.1rem !important;font-weight:normal;margin-top:-10px;}
ul#menu-header-top li:nth-child(2) a{background:#81dfd1 !important;display:block !important;padding:0.4rem 1rem 1rem !important;color:#1c3a5d !important;text-align:center !important;line-height:2 !important;height:40px !important;font-size:1.5rem !important;font-weight:bold !important;border-radius:30px !important;margin-left:0.5rem !important;margin-right:0.5rem !important;}
@media( max-width:1200px) {
	.menu-header-top-container{top:9px;}
	ul#menu-header-top{width:140px; }
	ul#menu-header-top li:nth-child(1) a,ul#menu-header-top li:nth-child(2) a{width:50px !important;height:50px !important;line-height:47px !important;border-radius:50%;padding:0 ;}
	ul#menu-header-top li:nth-child(1) a{line-height:55px !important;}
	ul#menu-header-top li:nth-child(1) a span,ul#menu-header-top li:nth-child(2) a span{display:none;}
	ul#menu-header-top li:nth-child(1) a i,ul#menu-header-top li:nth-child(2) a i{font-size:2.3rem !important;padding-right:0 !important;}
	ul#menu-header-top li:nth-child(1) a:after{content: " " !important;}
}
@media( max-width:991px) {
	.menu-header-top-container{top:4px;right:60px;}
}


/* mega menu */
.menu ul{display:none ;}
#wrapper-navbar .navbar.bg-primary{background-color:#fff !important;width:100vw !important;margin:0 calc(50% - 50vw) !important;height:70px !important;box-shadow:0px 6px 5px 0px rgba(0,0,0,0.1) !important;}
.mega-menu-wrap{position:fixed !important;top:15px !important; right: 0 !important;left: 0 !important;margin: 0 auto !important;z-index:9999 !important;}
.navbar{width:100% !important;z-index:9998;}
button.navbar-toggler{display:none !important;}
.mega-menu-description{font-style:normal !important;color:#888;text-align:center;font-size:13px;}
@media (min-width: 992px){
	ul#mega-menu-primary{padding-left:50px !important;}
	ul#mega-menu-primary li a{font-weight:bold !important;}
}
@media (max-width: 991px){
	.navbar.bg-primary{height:65px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999 !important;}
	#wrapper-navbar .navbar.bg-primary{height:65px !important;}
	.mega-menu-wrap{top:0 !important;}
	.mega-menu-toggle{background:none !important;position:relative !important;top:0px !important; right:-5px !important;z-index:99999 !important;}
	.mega-toggle-animated{width:70px;height:80px;display:flex;justify-content: center; align-items: center;}
	.mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after {height:2px !important;background-color:#898989 !important;}
	ul#mega-menu-primary{padding:120px 50px 30px !important;width:100% !important;height: 100vh !important;margin-top:-50px !important;}
	ul#mega-menu-primary li{display:block !important;width:100% !important;max-width:250px !important;margin:0 auto !important;}
	ul#mega-menu-primary li a{text-align:center !important;}
	ul#mega-menu-primary li.mega-current-menu-item a{border-bottom:none !important;}
}

/* fixed */
#wrapper-navbar.fixed .bg-primary{height:58px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999;}
#wrapper-navbar.fixed .menu-header-top-container{top:9px;}
@media (max-width: 1200px){
	#wrapper-navbar.fixed .menu-header-top-container{top:4px;}
}
@media screen and (min-width: 992px){
	#wrapper-navbar.fixed .mega-menu-wrap{top:11px !important;}
    #wrapper-navbar.fixed .bg-primary{background-color:#fff !important;}
}


/* logo */
.navbar-brand{position:fixed !important;top:5px !important; left: 10px !important;z-index:99999;}
.navbar-brand img{width:447px;height:54px;}
#wrapper-navbar.fixed .navbar-brand {top:-1px !important;}
#wrapper-navbar.fixed .navbar-brand img{width:447px;height:54px;}
@media (max-width: 991px){	
	.navbar-brand{top:1px !important;}
	.navbar-brand img,#wrapper-navbar.fixed .navbar-brand img{width:223px;height:27x;}
}

/* base */
html{font-size: 62.5%;}
*:focus {outline:none !important;box-shadow:none !important;}
body * {box-sizing : border-box;}
body{font-family:'Hiragino Kaku Gothic ProN', HiraginoSans-W3, sans-serif;font-size:1.5rem;line-height:1.8;-webkit-text-size-adjust: 100%;}
a{color:#00408e;}
a:hover{text-decoration:none;color:#00408e;}
p{padding:0;margin:0;}
ol{margin-top:10px;}
.home h1.entry-title{display:none !important;}
figure{margin:0;padding:0;}
#page-wrapper .container, #full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:92% !important;max-width:1000px !important;margin:0 auto !important;}
@media(max-width:991px){
	#single-wrapper{margin-top:70px !important;}
	#index-wrapper{margin-top:8px !important;}
	#page-wrapper .container,#full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:96% !important;}
}
@media(max-width:827px){
	body{font-size:1.47rem;}
}
@media(max-width:429px){
	body{font-size:1.4rem;}
}


/* fade-simple */
.fade-duration1{animation-name: fadein;animation-duration: 1s;}
.fade-duration2{animation-name: fadein;animation-duration: 1.4s;}
@keyframes fadein{
    from { opacity: 0; transform: translateY(60px);}
    to { opacity: 1;transform: translateY(0);}
}

/* fadeAnime */
.fadeUp{animation-name: fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeUpAnime{
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1;transform: translateY(0);}
}
.fadeUpTrigger{opacity: 0;}
.delay-time02{animation-delay: 0.2s;}
.delay-time03{animation-delay: 0.3s;}


/* archive */
body.blog .post h2.entry-title, body.archive .post h2.entry-title{line-height:1.2 !important;}
body.blog .post h2.entry-title a, body.archive .post h2.entry-title a{font-size:1.6rem !important;color:#000;text-decoration:none;}
.submit.btn-primary{background-color:#0f435d;border:1px solid #0f435d;}
body.error404 .widget_recent_entries{margin-top:20px;}
body.search .entry-summary{display: none !important;}
body.archive .cat-links, body.archive .edit-link, body.blog .cat-links, body.blog .edit-link, body.blog .author, body.archive .author, body.blog .comments-link, body.archive .hentry .comments-link{display: none !important;}
.category-w a{display:inline-block;font-size:1.2rem;padding:1px 3px;border-radius:2px;margin:5px 0 10px 0;}
.pagination{margin-top:20px;}
.page-link{color:#777;}
.page-item.active .page-link{background-color:#777;border-color:#777}
.page-link:focus{-webkit-box-shadow:none;box-shadow:none}
.archive .hentry time.updated, .blog .hentry time.updated{display:none;}
.archive .hentry, .blog .hentry{border-top:1px solid #555;padding:1.4rem 0.9rem 0.9rem;}
.archive .hentry:last-child, .blog .hentry:last-child{border-bottom:1px solid #555;margin-bottom:100px;}
.archive .site-main .page-header, .blog .site-main .page-header{width:100%;}
body.blog .post img, body.archive .hentry img{display:none !important}

/* single */
.single-post h1.entry-title{padding:15px 0;}
.single-post .entry-meta{font-size:1.2rem;padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:30px;}
.single-post time.updated{display:none;}
.posted-on, .byline{font-size:0;}
.posted-on a{color:#555;font-size:1.2rem;text-decoration:none;}
.byline .author{display:none;}
.single-post .wp-block-image img{padding:10px 0 15px;}
.wp-block-gallery .wp-block-image img{padding:0;}
.wp-block-gallery.is-layout-flex{display:flex !important;flex-wrap:wrap !important;margin:1.5em 0;}
.post-navigation .nav-previous{border:1px solid #b9d3e7;margin:20px 20px 80px -10px;padding:8px;border-radius:6px;font-size:1.4rem;}
.post-navigation .nav-next{border:1px solid #b9d3e7;margin:20px -10px 80px 20px;padding:8px;border-radius:6px;font-size:1.4rem;}
.post-navigation .nav-previous a, .post-navigation .nav-next a{color:#888;text-decoration:none;}
.post-navigation .nav-previous i{color: #b9d3e7;padding-right:10px;}
.post-navigation .nav-next i{color: #b9d3e7;padding-left:10px;}
.hentry .entry-content{margin-bottom:4em;}
ul.single-cats{list-style:none;margin:0;padding:0;display:flex;}
ul.single-cats li a{background:#aaa;color:#fff;border-radius:4px;margin-right:0.5em;padding:0 0.3em 0.2em;text-decoration:none;}
.cat-links{display:none;}


/* page-header   */
body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.blog .page-header, body.blog .blogheader{width:100vw !important;margin:-20px calc(50% - 50vw) 50px !important;background:#6bb6e9 !important; text-align:center !important;padding:50px 1em !important;}
body.home .entry-header{display: none !important;}
body.archive .page-header h1 , body.blog .page-header h1 {font-size:0px !important;}
body.blog .page-header h1:after{content:"記事一覧";display:block;font-size:clamp(1.7rem, 1.548rem + 0.76vw, 2.45rem) ;padding-bottom:1rem;}
body.archive .page-header h1 span{margin:0 -1em 0 -1em !important;font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:900;}
body.archive .page-header h1 span, body.error404 .page-header h1,body.search .page-header h1, body.page .entry-header  h1, body.single .entry-header h1, body.blog .blogheader .inner h1, body.blog .page-header h1{font-size:clamp(1.9rem, 1.799rem + 0.51vw, 2.4rem);font-weight:bold;}
body.error404 h2.widgettitle, body.error404 h2.widget-title{font-size:1.8rem !important;}
@media screen and (max-width:991px) {
	body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.blog .page-header, body.blog .blogheader{margin:50px calc(50% - 50vw) 30px !important;}
}



/* 404 + SEARCH */
body.error404 h2.widgettitle, body.error404 h2.widget-title{font-size:1.8rem !important;}
body.error404 .narrow, .no-results .page-content{width:94%;max-width:700px;margin:0 auto;}
.search-results .hentry h2.entry-title{border-bottom:1px solid #ddd;padding:15px 0;}
.search-results .hentry h2.entry-title a{font-size:1.7rem;color:#222;}
.search-results .hentry h2.entry-title a:before {content: "\f249";font-family: "Font Awesome 6 Free";font-weight: 900;font-size:1.2rem !important;padding-right:10px;}
.search-form input, .widget_archive select{height:40px !important;font-size:1.4rem !important;}
.search-submit.btn.btn-primary{background-color:#555;border-color:#555;width:40px !important;}

/* search */
form.wp-block-search{width:100%;max-width:260px !important;border-bottom-left-radius:none !important;}
form.wp-block-search button{margin-left:-5px !important;border:none !important;border-bottom-right-radius:4px !important;border-top-right-radius:4px !important;}
form.wp-block-search input{border:none !important;border-bottom-left-radius:4px !important;border-top-left-radius:4px !important;}


/* other */
.logged-in-as a{font-size:1.5rem;}
.wide{width:100vw !important;margin:0 calc(50% - 50vw) !important;}
a.anchor{display: block;position: relative;top: -160px;visibility: hidden;}
a.anchor-lp{display: block;position: relative;top: -88px;visibility: hidden;}
.pcBox{display:block;}
.spBox{display:none;}
.hidden-md{display:none;}
.hidden{display:none;}
.mt-5{margin-top:2.2rem !important;}
.mb-5{margin-bottom:2.2rem !important;}
.my-5{margin-top:2.2rem !important;margin-bottom:2.2rem !important;}
.mt-6{margin-top:6% ;}
.mb-6{margin-bottom:6% ;}
.wp-block-table td{line-height:1.4;}
@media screen and (max-width:600px) {
	.pcBox{display:none;}
    .spBox{display:block;}
	a.anchor, a.anchor-lp{top: -60px;}
}

/* font */
.has-x-large-font-size{font-size:clamp(2rem, 1.696rem + 1.52vw, 3.5rem) !important;line-height:1.7 !important;font-weight:bold !important;}
.has-large-font-size{font-size:clamp(1.8rem, 1.597rem + 1.01vw, 2.8rem) !important;line-height:1.7 !important;font-weight:bold !important;}
.has-medi-l-font-size{font-size:clamp(1.51rem, 1.37rem + 0.7vw, 2.2rem) !important;line-height:1.7 !important;font-weight:bold !important;}
.has-medium-font-size{font-size:clamp(1.5rem, 1.419rem + 0.41vw, 1.9rem) !important;line-height:1.7 !important;font-weight:bold !important;}
.has-small-font-size{font-size:clamp(1.45rem, 1.409rem + 0.2vw, 1.65rem) !important;font-weight:bold !important;}
.small-font{font-size:clamp(1.35rem, 1.34rem + 0.05vw, 1.4rem)}
.noto{font-family:"Noto Sans JP",sans-serif;font-weight:500;}
.fw800{font-weight:800 !important;}
small{font-size:1.2rem;}
h2.line-type, h3.line-type{border-bottom:1px solid #222;padding-bottom:0.8rem;}
h3.line-double{border-top:1px solid #222;border-bottom:1px solid #222;padding:0.8rem 0;}
.heading, .heading-t {align-items: center;display: flex; justify-content: center;}
.heading::before,.heading::after {background-color: #ccc;  content: "";height: 3px;width: 60px;}
.heading-t::before,.heading-t::after {background-color: #000;  content: "";height: 1px;width: 60px;}
.heading::before, .heading-t::before {margin-right: 15px; }
.heading::after, .heading-t::after {margin-left: 15px; }

/* spacer */
.wp-block-spacer.h30{height:30px;}
.wp-block-spacer.h40{height:40px;}
.wp-block-spacer.h50{height:50px;}
.wp-block-spacer.h60{height:60px;}
.wp-block-spacer.h70{height:70px;}
.wp-block-spacer.h80{height:80px;}
.wp-block-spacer.h90{height:90px;}
.wp-block-spacer.h100{height:100px;}
.wp-block-spacer.h110{height:110px;}
.wp-block-spacer.h120{height:120px;}
@media screen and (max-width: 768px){
    .wp-block-spacer.h30.lptype{height:21px;}
    .wp-block-spacer.h40.lptype{height:28px;}
    .wp-block-spacer.h50.lptype{height:35px;}
    .wp-block-spacer.h60.lptype{height:42px;}
    .wp-block-spacer.h70.lptype{height:49px;}
    .wp-block-spacer.h80.lptype{height:56px;}
    .wp-block-spacer.h90.lptype{height:63px;}
    .wp-block-spacer.h100.lptype{height:70px;}
    .wp-block-spacer.h110.lptype{height:77px;}
    .wp-block-spacer.h120.lptype{height:84px;}
}

/* column */
ul.column{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
ul.column.align-start{align-items:start;}
ul.column.align-center{align-items:center;}
ul.column li{width:50%;}
ul.column li.w56{width:59% !important;}
ul.column li.w44{width:41% !important;}
ul.column li.w30{width:30% !important;}
ul.column li.w33{width:33% !important;}
ul.column li.w25{width:25% !important;}
ul.column.reverse{flex-direction: row-reverse;}
@media screen and (max-width: 768px){
	ul.column li, ul.column li.w56, ul.column li.w44{width:100% !important;}
	ul.column li.w30, ul.column li.w33,ul.column li.w25{width:48% !important;}
	#wrapper-footer-full ul.column li{width:20% !important;}
}
@media screen and (max-width: 600px){
	ul.column li.w30, ul.column li.w33{width:96% !important;}
	#wrapper-footer-full ul.column li{width:33% !important;}
}
@media screen and (max-width: 430px){
	ul.column li.w25{width:100% !important;}
}


/* top-post */
ul.wp-block-latest-posts__list{margin:0 !important;padding:0 !important;}
ul.wp-block-latest-posts__list li{list-style:none !important;}
ul.wp-block-latest-posts__list li a{text-decoration:none;}

/* lower */
table.line-type {width:100%;}
table.line-type tr{border-top:1px solid #ccc;text-align:left;}
table.line-type th{padding:1rem;font-weight:normal}
.wp-block-table.sp1column table {border-collapse: collapse !important;}
.wp-block-table.sp1column table th, .wp-block-table.sp1column table td{border-color: #ccc !important;box-sizing:border-box !important;padding:1rem !important}
.wp-block-table.sp1column table th{background-color:#f1fded;width:40% !important}
.wp-block-table.sp1column.ec-type table th{background-color:#f6fdff;}
.green{color:#00a29a;}
.blue{color:#1f8ceb;}
.white{color:#fff;}
.bg-dgray-inline{background-color:#222;display:inline-block;}
.bg-gray{background-color:#f5f5f5;}
.bg-wh{background-color:#fff;}
.mt-n5{margin-top:-50px;}
@media screen and (max-width: 768px) {
	.wp-block-table.sp1column table th, .wp-block-table.sp1column table td{display:block !important;width:100% !important;}
	.wp-block-table.sp1column table th{border-bottom:1px solid #ccc !important;}
}



/* contact */
.wpcf7 {width:100% !important;max-width:1300px !important;}
table.inquiry{width:100% !important;margin-bottom:5rem !important;}
.inquiry th{text-align:left;padding:8px 8px 0 8px;width:30%;background-color:#e0f7ee !important;font-weight:normal !important;border:1px solid #d7d7d7 !important;}
.inquiry td{padding:8px 8px 0 8px;background:#fff !important;border:1px solid #d7d7d7 !important;}
.verticallist .wpcf7-list-item{display:block;}
.haveto{font-size:7px;color:#ff0000; position:relative;}
.any{font-size:7px;padding:5px;background:#93c9ff;color:#fff;border-radius:2px;margin-right:5px; position:relative; bottom:1px;}
.wpcf7 input[type=text]{padding:1rem !important;min-height:35px;}
.wpcf7 input.wpcf7-submit {background-color:#6590ca !important;border:0;color:#fff !important;font-size:clamp(1.6rem, 1.58rem + 0.1vw, 1.7rem) !important;width:80%;max-width:600px;margin:0 auto  6rem !important;height:70px !important;letter-spacing:1px !important;border-radius:0;}
#formbtn{display: block; margin:0 auto;}
@media screen and (max-width: 575px) {
	.inquiry th{display:block !important;width:100% !important;box-sizing:border-box !important;font-size:14px !important;}
	.inquiry td{display:block !important;width:100% !important;box-sizing:border-box !important;border-top-color:#fff !important;border-bottom-color:#fff !important;}
	.inquiry tr:last-child td{border-bottom-color:#d7d7d7 !important;}
	.inquiry .haveto,.inquiry .any {font-size:10px;}
}


/* footer */
#wrapper-footer-full{background-color:#ebf0ed;padding-top:2em;font-size:clamp(1.3rem, 1.28rem + 0.1vw, 1.4rem) !important;line-height:1.6}
#wrapper-footer-full .container{width:96%;max-width:1000px;margin:0 auto;}
#wrapper-footer-full p span{font-size:1.3rem !important;}
#wrapper-footer{background-color:#ebf0ed;margin:-1px 0 0 0;padding:0;}
.site-info{text-align:center;font-size:1.25rem;padding-bottom:2em;font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;}
#wrapper-footer-full h3.widget-title{background-color:#9dc8cf;color:fff;padding:0.3rem 1rem 0.2rem;margin-bottom:1rem;color:#fff;font-size:1.5rem;font-weight:normal}
#wrapper-footer-full a{text-decoration:none;}
.footer-widget.widget_nav_menu ul {margin:0;padding:0;}
.footer-widget.widget_nav_menu ul li {list-style:none;line-height:1.8}
@media(min-width:992px){
	body:not(.home) #wrapper-footer-full{margin-top:100px;}
}
@media(max-width:991px){
	#wrapper-footer-full{margin-top:50px;}
}
