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

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

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

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

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

.fadeLeft{
opacity: 0; 
}
.fadeInLeft { 
opacity: 0;
transform:  translate(-100px, 0);
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.fadeRight{
opacity: 0; 
}
.fadeInRight { 
opacity: 0;
transform: translateX(100px);
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.fadeUp{
opacity: 0;
}
.fadeInUp {
opacity: 0;
transform: translateY(100px);
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes fadeIn {
0% {
}
100% {
opacity: 1;
transform: translate(0);
}
}

h1.entry-title{
display:none;
}
.Dot{
background-image:url('https://otodocare.com/wp-content/uploads/2024/11/Dot.png');
}
.Stripe{
background-image:url('https://otodocare.com/wp-content/uploads/2024/11/Stripe-1.png');
}
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
display: none;
}
.appeal-content{
background:transparent;
}

.search-menu-button.menu-button,.navi-menu-button.menu-button,.logo-menu-button.menu-button,.mobile-menu-buttons{
background: #d7424d;
color: #ffffff;
height: 60px;
}
.menu-close-button{
height: 60px;
text-align:right;
font-size:45px;
margin-right:20px;
}
span.navi-menu-icon.menu-icon{
font-weight:lighter;
font-size:37.5px;
}
.navi-menu-content{
left: auto;
right: 0;
background-color:#d7424d;
transform: translateX(100%);
}
.menu-drawer a{
font-size: 1.1em;
color: #ffffff;
height: 3em;
text-align:center;
}
span.navi-menu-caption.menu-caption{
display:none;
}
main#main.main{
padding-top:0px;
padding-bottom:0px;
}
div#breadcrumb.breadcrumb.breadcrumb-page.pbp-main-top{
border-bottom:solid 1px #eaeaea;
color:#f8b0b4;
padding-bottom:10px;
}
.breadcrumb-home a,.breadcrumb-item a {
color:#f8b0b4;
}
span.custom-menu-icon,span.custom-menu-caption.menu-caption{
color:#ffffff;
}
span.far.fa-file.fa-fw{
display:none;
}
figcaption.wp-element-caption{
color:#f78e96;
font-size:14px;
}
.mobile-header-menu-buttons {
display:flex;
justify-content:flex-end;
background:none;
box-shadow:none;
top:0;
}
img.site-logo-image.header-site-logo-image{
padding:0px;
margin:0px;
max-height:50px;
}
div.logo.logo-header.logo-image,span.site-name-text,a.site-name.site-name-text-link,img.site-logo-image.header-site-logo-image{
display:flex;
justify-content:flex-start
}
div.tagline{
display:none;
}
div.animate.one{
margin-bottom:0px;
}
div.animate.two{
margin-top:0px;
}
@media (min-width: 767px) {
li.logo-menu-button.menu-button{
display:none;
}
li.navi-menu-button.menu-button{
height:80px;
width:160px;
}
label#navi-menu-open.menu-open.menu-button-in{
height:40px;
width:40px;
}
}
@media (max-width: 767px) {
li.logo-menu-button.menu-button{
background:none;
display:flex;
justify-content:flex-start
}
}
div#header-container.header-container{
height:0px;
}
.footer{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
margin-top:0px;
padding:0;
}
@media screen and (max-width: 767px){
#navi-footer-in ul li {
border:1px solid;
}
}