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

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

ul#menu-single-bottom li a:hover {
    color: #212429;
    background: #a0feff;
}

ul#menu-single-bottom {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul#menu-single-bottom li a {
    display: block;
    text-align: center;
    /* border: 1px solid #999; */
    color: #fff;
}

ul#menu-single-bottom li {
    width: 49%;
    margin: 0.5%;
    /* background: #79bbff; */
    border-radius: 6px;
    font-weight: bold;
}

ul#menu-single-bottom li:nth-child(1) {
    background: #63dfdf;
}

ul#menu-single-bottom li:nth-child(2) {
    background: #00c9c9;
}

ul#menu-single-bottom li:nth-child(3) {
    background: #56a1a1;
}

ul#menu-single-bottom li:nth-child(4) {
    background: #228585;
}



.logo-header img {
    max-height: 54px!important;
}


div#header-container {
    background: none;
    box-shadow: none;
}

ul#menu-head-menu {
    background: none;
}

nav#navi {
    background: none;
}

#navi .navi-in>ul>li>a {
    font-weight: bold;
    text-shadow: 2px 1px 2px #FFF, -2px -1px 2px #FFF,              -2px 1px 0 #FFF, 2px -1px 2px #FFF,              0px 1px 2px #FFF,  0-1px 2px #FFF,              -2px 0 2px #FFF, 2px 0 2px #FFF;
    padding: 0 9px;
    font-size: 18px;
}

.item-label {
    padding: 0px 8px;
}

div#header-container {
    box-shadow: none!important;
}




.foot-info {
    position: fixed;
    bottom: 48px;
    background: #fff;
    display: table;
    overflow: hidden;
    width: 100%;
}


div#navi-footer-in {
    display: none;
}
img.muryo-img {
    margin: 0 auto;
    display: block;
}

span.notice-area-message { font-weight: bold; font-size: 20px;}
.single .article h3 {
  border-left: 7px solid #4897fb;
  border-right: 1px solid #4897fb;
  border-top: 1px solid #4897fb;
  border-bottom: 1px solid #4897fb;
  font-size: 22px;
  padding: 12px 20px;
}
.single .article h4 {border-top: 2px solid #4897fb;border-bottom: 2px solid #4897fb;}
a.popular-entry-card-link.widget-entry-card-link.a-wrap:hover { background: #414141;}
.c-bottom a:hover { opacity: 0.8;}
.c-bottom {text-align:center;}
a.net,
a.teltel {
    display: table;
    margin: 0 auto;
    padding: 17px;
    text-decoration: none;
    background: #ffe500;
    width: 285px;
    color: #000;
    font-weight: bold;
    border-radius: 6px;
}

a.teltel {background: #ffc07e; color: #212121;}
.cta-thumb img {width: 67%; margin: 0 auto; display: block; overflow: hidden;}
.single h2 {color: #fff;    background: #4897fb;}
.source-org.copyright a { color: #fff; text-decoration: none;}
.source-org.copyright img {display: block;  overflow: hidden; margin: 50px auto 0 auto; width: 100px;}
.cta-message { text-align: center; color: #444;}
#navi .navi-in>ul>li>a { padding: 0 1em;}
form.kensaku { position: fixed; left: 12px; bottom: 132px; z-index: 9999;}
table tr:nth-of-type(2n+1) { background: none!important;}
input#start-date { padding: 6px; font-size: 16px;}
input#end-date { padding: 6px; font-size: 16px;}
.calendar-icon:after { right: 5px; font-size: 15px;}
#reserve-box {
background: #fff;
    border: 2px solid #ff9700;
    font-size: 16px;
    max-width: 300px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    border-radius: 11px;
    box-shadow: #0000009e 4px 7px 14px;
}
.lbl-style-a {border-bottom: 1px solid #ccc; font-size: 22px; font-weight: bold; text-align: center; padding-bottom: 5px;}
.form-control {
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
}
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px);}
.form-group {display: flex; flex-wrap: wrap; justify-content: space-between;  margin-bottom: 1rem;}
.orange-btn {background: #ee6e25; border: 0; border-radius: 2px; color: #fff; cursor: pointer; display: block; font-size: 16px; margin: 0 auto; padding: 10px 20px; border-radius: 6px;}
.input-text-box {margin-top: 5px; width: 46%;}
#search-btn-box {    margin-top: 40px;}

/* カレンダーアイコン */
.calendar-icon { font: normal normal normal 14px/1 FontAwesome; position: relative;}
.calendar-icon:after { color: #5e6265; content: "\f073"; font-size: 14px; position: absolute;  pointer-events: none; right: 5px; top: 11px;
}

/* 時計アイコン */
.time-icon { font: normal normal normal 14px/1 FontAwesome; position: relative;}
.time-icon:after {color: #5e6265; content: "\f017"; font-size: 1.3rem; position: absolute; pointer-events: none; right: 10px; top: 10px;}
.start-time, .end-time { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.float-link {display: block; overflow: hidden; position: fixed; bottom: 0; left: 0; padding-top: 5px; padding-bottom: 0px; background: #ffe500; width: 100%;}
.float-link a {display: block; overflow: hidden; text-align: center; text-decoration: none; font-weight: bold; color: #535353; font-size: 25px;}
.cta-box.cta-top-and-bottom {background: #fff!important;}
.ewd-ufaq-post-margin-symbol.ewd-ufaq- { margin-right: 5px;}
body { background: #fff;}
h1.entry-title {color: #fff; background: linear-gradient(90deg,#1000ff,#007effd4); padding-top: 10px; padding-bottom: 10px; margin-bottom: 35px; padding-left: 10px;}
.author-info {display: none;}
h2.related-entry-heading { background: linear-gradient(272deg,#1000ff,#007effd4); color: #fff; padding-left: 10px; padding-top: 5px;}
.navi-footer-in a:hover { background: none; color: #ffcd66;}
.navi-footer-in a { color: #fff;}
.cta-box.cta-top-and-bottom {background: #fff; border-radius: 5px;}
aside#text-2 img {border-radius: 4px;display: block;overflow: hidden;}
div#header-container { padding-bottom: 8px; padding-top: 5px; box-shadow: #c5c5c5 2px 2px 9px;}
footer#footer { margin-top: 0;}
.footer-widgets.cf h3 {text-align: center; color: #fff;    background: linear-gradient(12deg,#00ffea,#007effd4);  padding-top: 10px; padding-bottom: 10px; margin-bottom: 35px;}
footer#footer:before { background: #031a58bf; content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
footer#footer {
    margin-top: 0;
    background: url(https://okinawa-orionrentacar.com/wp-content/uploads/2024/02/28870834_m.jpg);
    position: relative;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 100px;
}

.footer-widgets.cf a:hover {    background: #00000096;}
.source-org.copyright {    color: #fff;}
div#footer-in {    position: relative;}
.footer-widgets.cf a {    color: #fff;}
.footer-widgets.cf {    margin-top: 30px;}
.popular-entry-card-title.widget-entry-card-title.card-title {    color: #fff;}
span.fa.fa-star {display: none;}
span.custom-menu-caption.menu-caption{ font-size: 17px; font-weight: bold; padding-top: 12px; color: #fff;}
ul#menu-mobile-contact li:nth-child(1) {background: #01c40e;}
ul#menu-mobile-contact li:nth-child(2) {background: #da01ad;}
ul#menu-mobile-contact li:nth-child(3) {background: #0030f1;}
ul#menu-mobile-contact li:nth-child(1) span {font-size: 22px; padding-top: 4px;}
ul#menu-mobile-contact li:nth-child(2) span {font-size: 15px; padding-top: 3.5px; padding-bottom: 5px;}
ul#menu-mobile-contact li:nth-child(3) span {font-size: 22px; padding-top: 4px;}
ul#menu-mobile-contact { min-height: 35px!important;}
.cta-box.cta-top-and-bottom {    color: #fff;}
.date-tags { display: none;}

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

/*1440px以下*/
@media screen and (max-width: 1440px){
	form.kensaku { width: 168px;}
	.lbl-style-a { font-size: 13px; line-height: 19px;}
	.lbl-start { font-size: 13px; margin-top: 6px;}
	div#reserve-box { padding: 10px;}
}


/*1024px以下*/
@media screen and (max-width: 1024px){
    img.site-logo-image.header-site-logo-image {    max-height: 40px!important;}
    #navi .navi-in>ul>li>a {    font-size: 14px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.footer-mobile { padding: 10px 0;}
    .cta-box.cta-top-and-bottom {    background: #fff;}	
    .float-link { bottom: 38px;    padding-top: 0;    padding-bottom: 0;    z-index: 999;}
    .float-link a { font-size: 19px;    padding-top: 5px; }
    .slide-maintext2 { font-size: 39px!important;    text-align: center!important;}
    li.navi-menu-button.menu-button { padding-top: 0;}
    .footer-mobile h3 {text-align: center; color: #fff; background: linear-gradient(12deg,#00ffea,#007effd4); padding-top: 10px; padding-bottom: 10px; margin-bottom: 35px;}
    main.main, div.sidebar { padding: 32px 7px; margin: 12px 0; border-width: 0;}
    form.kensaku { position: inherit;}
    div#reserve-box { width: 66%; max-width: 100%; border: none; border-radius: inherit; margin: 80px auto 100px auto; box-shadow: inherit; border: #828282 1px solid;}
   .form-group { display: flex;}
    .input-text-box { width: 46%;}
    button.orange-btn.mx-auto { padding: 10px 20px; font-size: 16px;}
    select.form-control.start-time {font-size: 20px;}
    div#header-container { box-shadow: none;}
    a.new-entry-card-link.widget-entry-card-link.a-wrap {    color: #fff!important;}
    div#navi-menu-content {    background: #004fffcc;}
    .menu-drawer a { color: #fff; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px;}
    span.fa.fa-close {    color: #fff;}
    li.search-menu-button.menu-button { opacity: 0; pointer-events: none;}	
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button { background: rgb(255 255 255 / 0%);}
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button li.navi-menu-button.menu-button { background: #fff; width: 54px; margin-left: 0px; margin-right: 10px; padding-bottom: 10px;}
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button { box-shadow: none;}
}

/*500px以下*/
@media screen and (max-width: 500px){
    .cta-box.cta-top-and-bottom { background: #fff;}
    ul#menu-head-menu-1 { display: block;    overflow: hidden;}
    ul#menu-head-menu-1 li {    width: 100%;}
    .footer-bottom.fnm-text-width .menu-footer li a { margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 19px;}
	ul#menu-mobile-contact li:nth-child(1) span { font-size: 16px; padding-bottom: 5px; padding-top: 3px;}
    div#reserve-box {    width: 97%;}
    .foot-info {
        position: fixed;
        bottom: 77px;
        background: #fff;
        display: table;
        overflow: hidden;
        width: 100%;
        line-height: 12px;
        font-size: 12px;
        padding-top: 4px;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 4px;
    }
}


/*380px以下*/
@media screen and (max-width: 380px){
    span.notice-area-message { font-weight: bold;  font-size: 20px;}
}