@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
*/

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

h2.entry-card-title.card-title.e-card-title {
    line-height: 23px;
    margin-top: 6px;
    margin-bottom: 10px;
}


.kiji-bottom {
    display: table;
    width: auto;
    margin: 98px auto;
    text-align: center;
}

.kiji-bottom a {
background: #3fa8fd;
    text-decoration: none;
    color: #fff;
    padding: 12px 36px;
    margin: 18px auto;
    display: table;
    border-radius: 45px;
    font-weight: bold;
    line-height: 19px;
}



ul#menu-content-bottom-kanren {    margin: 0;    padding: 0;}
ul#menu-content-bottom-kanren a {text-align: center; border: 1px solid #ddd; margin: 0.5%; padding-top: 20px; padding-bottom: 20px; line-height: 21px; font-weight: bold;}
.cta-button a { border-radius: 12px;}
.footer-widgets.cf h3 {    font-size: 19px;}
aside#popular_entries-2 { border: 1px solid #5ccbd7; padding-bottom: 14px; border-radius: 17px;}
ul.top-menu-list li a {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.widget-page-content-bottom-title.main-widget-label {
    background: #3fa8fd;
    color: #fff;
    border-radius: 8px;
    font-size: 24px;
    padding: 25px;
    display: block;
    font-weight: bold;
}

div#nav_menu-4{
	width:100%!important;
}



.widget-single-content-bottom-title.main-widget-label {background: #3fa8fd; padding: 15px; color: #fff; border-radius: 10px; font-weight: bold;}
.menu-head-menu-container {    margin-bottom: 60px;}
.menu-head-menu-container li { width: 49%; text-align: center; border: 1px solid #ddd; border-radius: 6px; font-weight: bold;}
ul#menu-head-menu-1 { display: flex; flex-direction: row; margin-top: 33px; padding: 0; flex-wrap: wrap; justify-content: space-between;}
.menu-head-menu-container li a {padding-top: 20px!important;  padding-bottom: 20px!important;!}
div#wpadminbar {    z-index: 99999999;    background: #00000070;}
.footer-float { position: fixed; left: 0; width: 100%; bottom: 0; z-index: 9999; display: flex; flex-direction: row; background: #ddd;}
a.line-contact { width: 50%; display: block; overflow: hidden; background: #000;  color: #fff;}
a.contact {width: 50%; background: #000; color: #fff;}
.sawara {
    font-family: "Sawarabi Mincho"!important;
text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000, 0px 1px 0 #000000, 0 -1px 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000!important;
}


.category .menu-head-menu-container li {    margin: 0.2em;}
.widget-index-bottom-title.main-widget-label {
    background: #3fa8fd;
    padding: 15px;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
}

.root-map a {
    text-decoration: none;
    text-align: center;
    line-height: 17px;
    display: table;
    margin: 80px auto;
    background: #0597ff;
    min-width: 320px;
    border-radius: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 31px;
    color: #fff;
}
.navi-in a { color: #0071d5;}
.root-map a:hover {    background: #1d00f9;}
h2:not(.home h2)  {    background: #3fa8fd;    color: #fff;    border-radius: 8px;}
dl.gallery-item img {    border: 2px solid #fff!important;    display: block;}
dl.gallery-item {    margin-bottom: 0;    margin-top: 0!important;    padding-top: 0;}
span.fa.fa-home {    color: #00ceff;}
img.attachment-thumb320.size-thumb320.wp-post-image {    padding: 0;    margin: 0;}
.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {    margin-bottom: 0;}
.cta-box.cta-top-and-bottom {    background: none;    color: #000;}
.pc-contact .foot-float-link { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; display: block; overflow: hidden; font-size: 13px;}
.foot-float-link { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; display: block; overflow: hidden; font-size: 13px; display: flex;}
.foot-float-link a { color: #fff; background: #007f17f2; text-align: center; text-decoration: none; display: block; display: block; overflow: hidden;}
.foot-float-link span { display: block; overflow: hidden; font-size: 21px; display: block; overflow: hidden; line-height: 23px;}
div#go-to-top {    bottom: 76px;}
ul#menu-menu { margin-left: 0;    padding-left: 0;}
div#header-container {    background: #fff;!important;    padding-top: 5px;    padding-bottom: 8px;}
ul#menu-menu {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: stretch;}
ul#menu-menu li { width: 48.5%; text-align: center; margin-bottom: 1%;}
.flow { width: 100%!important;}
h2.widget-below-related-entries-title.main-widget-label.widget-title {    margin-bottom: 18px;    padding: 13px;}
.appeal-content {    border: 1px solid #ddd;}
.footer-widgets.cf h3 {background: #5ccbd7;text-align: center; color: #fff;margin-bottom: 25px;padding-top: 10px;padding-bottom: 10px; padding-bottom: 10px; border-top-left-radius: 14px; border-top-right-radius:14px;}
.cta-box.cta-top-and-bottom {    background: #fff;}
a.new-entry-card-link.widget-entry-card-link {    background: #fff;}
.cta-message {    text-align: center;}
.appeal-message li {    text-align: left;}


/* マウスオーバーで画像半透明 */
a img {  filter:alpha(opacity=100);    -moz-opacity: 1;    opacity: 1;}
a:hover img {  filter:alpha(opacity=70);    -moz-opacity: 0.7;    opacity: 0.7;}
/*ピンク蛍光ペン太め*/
.pinkline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
/*ピンク蛍光ペン細め*/
.pinkline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}

/*ブルー蛍光ペン太め*/
.blueline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #abc5ff 0%) repeat scroll 0 0;}
/*ブルー蛍光ペン細め*/
.blueline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #5f81d2 0%) repeat scroll 0 0;}

/*黄色蛍光ペン太め*/
.yellowline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffeaa 0%) repeat scroll 0 0;}
/*黄色蛍光ペン細め*/
.yellowline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffeb00 0%) repeat scroll 0 0;}

/*緑色蛍光ペン太め*/
.gleenline {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b1ffc7 0%) repeat scroll 0 0;}
/*緑色蛍光ペン細め*/
.gleenline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #41e06e  0%) repeat scroll 0 0;}

.menu-menu-container .menu-item {    position: relative;}
.menu-menu-container .menu-item:before {    content: "";    background: #5555558c;    left: 0;    top: 0;    width: 100%;    height: 100%;    position: absolute;}
li#menu-item {    position: relative;}
.menu-menu-container ul li a {    display: block;    overflow: hidden;    padding-top: 50px;    padding-bottom: 50px;    position: relative;    color: #fff;    font-size: 20px;}
li.navi-menu-button.menu-button { background: #00d9ffbd !important; width: 55px; }
span.fa.fa-bars {    color: #fff;}
span.navi-menu-caption.menu-caption {    color: #fff;}
span.fa.fa-close {    color: #fff;}
img.site-logo-image.header-site-logo-image {    max-height: 44px!important;}
nav#navi a {font-size: 15px;  }
.item-label {font-weight: bold;text-shadow: 3px 0px 4px #fff, -3px 0px 4px #fff, 0px 1px 4px #fff, 0px -1px 4px #fff, 0px 1px 4px #FFF; padding-left: 3px; padding-right: 3px;}
.footer-meta {display: none;}
div#header-container {background: #0000 !important; z-index: 999999999999; box-shadow: inherit;}
nav#navi {    background: none;}
.footer-bottom.fdt-logo.fnm-text-width.cf {    margin-top: 0;}
.foot-float {position: fixed; bottom: 0; left: 0; width: 100%;z-index: 999999999999999;}
.foot-float a {display: block; overflow: hidden; text-decoration: none;text-align: center; width: 100%; background: #2487c9; font-weight: bold; color: #fff; padding-top: 5px; line-height: 35px; font-size: 36px;}
.foot-float a span {font-size: 13px;display: block;line-height: 18px;padding-top: 0px;text-align: center;color: #ffee00;}
.foot-float img {    position: absolute;    bottom: 0;    width: 76px;}
.concept_slider-in a:hover {    background: #ffca00;    transition: all 0.5s ease 0s;}
.foot-float a:hover {    background: #ff8400;    transition: all 0.5s ease 0s;}

div#navi-menu-content {background: #0081a0de;}
.menu-drawer a {border-bottom: 1px solid #fff; color: #fff; padding-top: 10px; padding-bottom: 10px;}
.foot-float-pc {}
a.tel-pc {
    display: block;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #001dff;
    text-decoration: none;
    color: #fff;
    font-size: 26px;
    line-height: 24px;
    padding-top: 11px;
    animation: bg-color 7s infinite;
}

.footer-bottom {    position: inherit;}


@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}

a.tel-pc span {display: block;  line-height: 15px; font-size: 15px; padding-top: 7px;}
li.search-menu-button.menu-button {    opacity: 0;}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    box-shadow: none;    background: none;}
.content-bottom-menu { text-align: center; display: block; margin-bottom: 91px; font-weight: bold;}
.blogcard-title.internal-blogcard-title { text-align: left;}
a.con-botoom-tel {text-decoration: none; background: #02bd45; padding: 20px 30px; border-radius: 50px; margin-bottom: 65px; font-size: 27px; color: #fff;}
a.con-botoom-tel:hover {background: #f7ad00;}
h1.entry-title:not(.home) {color: #fff; background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1)); padding-bottom: 24px !important; border-left: 10px solid #0071d5; border-radius: 8px;}
.sumaho-contact {    display: none;}
aside#new_entries-2 {    border: 1px solid #5ccbd7;    padding-bottom: 14px;    border-radius: 17px;}
.new-entry-cards.widget-entry-cards.no-icon.cf.border-partition {    margin-bottom: 0;}
ul#menu-content-bottom {padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content;}
ul#menu-content-bottom li {    width: 49%;}
ul#menu-content-bottom li a { text-align: center; border: 1px solid #ddd; margin: 0.5%; padding-top: 20px; padding-bottom: 20px;line-height: 21px;    font-weight: bold;}
h2.widget-above-related-entries-title.main-widget-label.widget-title {    padding: 15px;    margin-bottom: 16px;}
.widget-index-bottom-title.main-widget-label.widget-title {    padding: 15px;    margin-bottom: 16px;      color: #fff;}
h1#archive-title {    padding: 29px 29px 29px 21px;    color: #fff;    background: #08c0d5;    border-radius: 12px;}
.ryokin-link a {display: table; min-width: 320px; background: #4a71e5; text-align: center; text-decoration: none; color: #fff; border-radius: 34px; font-size: 28px; margin: 0 auto;padding-top: 10px;padding-bottom: 10px;}
.ryokin-link a:hover {    background: #00a8a9;}
a.popular-entry-card-link.widget-entry-card-link {    background: #fff;}
aside#text-20 img,
aside#text-21 img {    display: block;    background: #fff;    height: 80px;    margin: 0 auto;}
a.black-x {background: #000!important;}
aside#text-20 a,
aside#text-21 a {    display: block;    overflow: hidden;    padding: 0;    margin-bottom: -22px;    background: #fff;}
.blogcard-snippet.internal-blogcard-snippet {    text-align: left;}
.widget-single-content-bottom-title.main-widget-label.widget-title {    font-weight: bold;}
.under-entry-content {    margin-top: 80px;}
.cta-button {    margin-top: 0;}
.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a { width: 243px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px;}
.cta-box.cta-top-and-bottom {    padding: 0;}
h3.widget-footer-right-title.footer-title {margin-bottom: 10px;}

aside#cta_box-5,
aside#cta_box-4,
aside#cta_box-3,
aside#cta_box-2,
aside#cta_box-11{ border: 1px solid #5ccbd7;    padding-bottom: 14px;    border-radius: 17px;}


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

.cta-message {    font-size: 14px; line-height: 19px; margin-bottom: 10px;}
img.attachment-thumb320.size-thumb320.wp-post-image {    height: 184px;}
img.related-entry-card-thumb-image.card-thumb-image.wp-post-image { height: 200px; object-fit: cover; margin: 0;}
.footer {    padding-bottom: 100px;}
.footer-bottom.fnm-text-width .menu-footer li a {text-decoration: none; font-weight: bold; color: #444; font-size: 10px; padding-bottom: 5px; padding-top: 5px; display: table; text-align: center; margin: 0 auto;}
.source-org.copyright label {    margin-top: 30px;    display: block;    overflow: hidden;}

/************************************
** 記事ページへの装飾
************************************/
.single h1.entry-title {padding: 25px 25px 17px 21px;color: #fff;background-size: cover;}
.single h2 {     background: #00470f;    color: #fff;}
.single h2.related-entry-heading {    padding-left: 8px;    padding: 12px 12px 12px 17px;}
.single .under-entry-content h3 {    border: none;    margin: 0;    padding: 5px;}
.single-under {display: block; overflow: hidden; padding-top: 5px; padding-bottom: 20px;}
.single-under-text {display: table; margin: 0 auto; text-align: center; font-weight: bold;}
.single-tel-link a {display: table; margin: 0 auto;text-align:center;text-decoration: none;font-weight: bold;font-size: 26px;background: #24b8c9;color: #fff;min-width: 270px;padding: 5px 25px;border-radius: 51px;}
.single-under-info {    font-size: 14px;    text-align: center;}
.single img {display:block; margin:10px auto 10px auto}
.page h1.entry-title {padding: 25px 25px 17px 21px;background-size: cover;}

ul#menu-migikaramu-menu-1 {display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: space-between;}
ul#menu-migikaramu-menu-1 li { width: 49.5%; margin: 0.3% 0.25%;}
ul#menu-migikaramu-menu-1 li a { text-align: center; border: 1px solid #ddd;}
.widget-page-content-bottom-title.main-widget-label.widget-title {
    text-indent: 13px;
    color: #fff;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-bottom: 10px;
}

.category h2.entry-card-title.card-title.e-card-title {    background: none;    color: #444;    border: none;}
div:not(.home) .page div#container { width: 100%;}
div:not(.home) .page div#content { width: 1256px; margin: 0 auto;}
div:not(.home) .page div#footer-in { width: 1256px; margin: 0 auto;}
div:not(.home) .page h3 {  border-left: 7px solid #199bb8; border-right: 1px solid #0092c2; border-top: 1px solid #0092c2; border-bottom: 1px solid #0092c2;}
.page div#container {    width: 100%;}
.single-contact {display: flex;    flex-direction: row;    width: 60%;    margin: 64px auto 0px auto;}
.bottom-flat {    width: 50%;    text-align: center;}
.bottom-flat a {text-decoration: none;font-weight: bold; color: #fff;background: #ff9a9a; display: table; margin: 0 auto;padding: 15px; border-radius: 11px; width: 220px; font-size: 24px; line-height: 28px;}
.gps-area a {display: table; text-decoration: none; line-height: 22px; text-align: center; margin: 45px auto; background: #00b7e3; padding: 20px; min-width: 220px; border-radius: 15px; font-weight: bold; color: #fff;}
.foot-info a {flex-direction: row;flex-wrap: wrap;display: table;margin: 0 auto; text-decoration: none;border: 1px solid #ddd;min-width: 33%; margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; font-weight: bold;}
.foot-info {    margin-bottom: 20px;}
ul#menu-footer-menu { display: flex;    flex-direction: row;    flex-wrap: wrap;     list-style: none; padding: 0; margin-top: 39px;}
ul#menu-footer-menu li { width: 47%; line-height: 15px;   border-bottom: 1px solid #ddd; margin: 2px 0.5%;}


.widget-entry-card {    position: inherit;}
.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {    position: inherit;}
.btn, .ranking-item-link-buttons a, .btn-wrap > a, .wp-block-freeform .btn-wrap > a {    position: inherit;}

.widget-entry-cards.card-large-image figure img {    width: 100%;    display: block;    object-position: top;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/





/*1600px以下*/
@media screen and (max-width: 1600px){
}


/*1536px以下*/
@media screen and (max-width: 1536px){
}

/*1366px以下*/
@media screen and (max-width: 1366px){
}

/*1280px以下*/
@media screen and (max-width: 1280px){
}

/*1024px以下*/
@media screen and (max-width: 1024px){
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    div#nav_menu-4 {width: 98%; margin: 0 auto;}
    .foot-float-sumaho {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .foot-float-link a {    font-size: 13px;}
    .foot-float-link a span {    font-size: 17px;}
    a.foot-link-left {    width: 50%;    background: #0092a9;}
    a.foot-link-right {    width: 50%;}
    main#main {   padding-left: 8px;    padding-right: 8px;}
    .footer-mobile {    padding-left: 0;    padding-right: 0;}
    ul#menu-footer-menu li {        border: 1px solid #ddd;        line-height: 16px;        padding: 4px;    }
    ul#menu-footer-menu li a {        font-size: 12px;    }	
    .single-contact {    width: auto;    display: block;}
    .bottom-flat {    width: auto;}
    .bottom-flat a {    width: 93%;    margin-bottom: 16px;}
    .gps-area a {    width: 93%;}
    aside#cta_box-6,
    aside#cta_box-7,
    aside#cta_box-8,
    aside#cta_box-9 {
    border: 1px solid #5ccbd7;
    padding-bottom: 14px;
    border-radius: 17px;
    }
    h3.widget-footer-mobile-title.footer-title { background: #5ccbd7; text-align: center; color: #fff; margin-bottom: 25px; padding-top: 10px; padding-bottom: 10px; border-top-left-radius: 14px; border-top-right-radius: 14px;}
	
}

/*800px以下*/
@media screen and (max-width: 800px){
}


/*768px以下*/
@media screen and (max-width: 768px){
    ul#menu-migikaramu-menu-1 {    padding-left: 0;    display: block;}
    ul#menu-migikaramu-menu-1 li {    width: auto;    margin-bottom: 2%;}
}


/*601px以下*/
@media screen and (max-width: 601px){
    ul#menu-content-bottom {    display: block;}
    ul#menu-content-bottom li {width: 98.6%;}
}



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

    .foot-float-pc {display: none;}
    .foot-float-sumaho {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100%;}
    .foot-float-sumaho a {text-align: center; text-decoration: none; display: table; width: 33%; color: #fff; padding-top: 5px; padding-bottom: 5px;}
    .foot-float-sumaho a:nth-child(1) {background: #000;}
    .foot-float-sumaho a:nth-child(2) {background: #1200ff; animation: bg-color 10s infinite;}
    .foot-float-sumaho a:nth-child(3) {background: #00b721;}

    .sumaho-contact {    display: block;}
    .pc-contact {    display: none;}
    .foot-float-link a span {font-size: 17px;        line-height: 17px;        padding-bottom: 1px; font-weight: bold;   }
    .foot-float-link a {        font-size: 10px;        padding-bottom: 0px;    }	
    .rect-vertical-card .related-list {    display: block;}
    .rect-vertical-card .related-entry-card-wrap {    width: auto;}
    ul#menu-head-menu-1 {    display: block;}
    .menu-head-menu-container li {    width: auto;    margin-bottom: 18px!important;    display: block;    overflow: hidden;}
    .foot-info a {    display: block;}

}



/*375px以下*/
@media screen and (max-width: 375px){
  /*必要ならばここにコードを書く*/
    .foot-float-link a span {font-size: 14px; line-height: 13px; padding-bottom: 3px;}
    .foot-float-link a {        font-size: 10px;    }	
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    height: 44px;}
    li.navi-menu-button.menu-button {    height: 42px;}
    li.logo-menu-button.menu-button {    height: 43px;}
    img.site-logo-image {    height: 35px;}	
}