/*
Theme Name: MONAD Child
Theme URI: https://tcd-theme.com/tcd110/
Template: monad_tcd110
Author: TCD
Author URI: https://tcd-theme.com/
Description: WordPress theme "MONAD" was developed with a clinic site such as a psychosomatic clinic. It is characterized by gentle animations that give the image of a reassuring clinic, and has features that make it easy to create a medical information page and a FAQ page.
Version: 1.1.1734942849
Updated: 2024-12-23 17:34:09

*/

#service_header { border:none; position:relative; margin-bottom:80px; }

#header_slider_container.design_type2 .logo {
  position: absolute;   
    top: 35% !important;
    left: 39.9% !important;
}

#header_slider_container .logo img {
    display: block;
    max-width: 300px;
    height: auto;
}

/* ズームイン */
@keyframes tcd_zoom_in {
  0% { transform: scale(1.0) !important; }
  100% { transform: scale(1.0); }
}

#header_slider.animation_type_zoom_in .item.p-effect-slidein .bg_image img { transform:scale(1.0); transition: transform 10.0s linear 0s; }
#header_slider.animation_type_zoom_in .item.p-effect-slideout .bg_image img { transform:scale(1.0); transition: transform 10.0s linear 0s; }

#page_contents {
    padding: 0px 20px 100px 20px !important;
    overflow: hidden;
}

.cb_two_column .link { margin-top:40px; font-size:18px; position:relative; color:var(--main_color); padding-right:30px; display:inline-block; text-decoration: underline !important; }

.cb_two_column .bg_image.color span:first-child { display:block; width:100%; height:100%; background-image: radial-gradient(circle closest-side, #dd904d 0%, transparent 90%) !important; filter:blur(35px); position:absolute; left:0; top:0; z-index:1; }
.cb_two_column .bg_image.color span:last-child { display:block; width:20%; height:20%; background-image: radial-gradient(circle closest-side, #dd904d 0%, transparent 90%) !important; filter:blur(10px); position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:2; }

.cb_two_column .item_list {
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom:0px !important;
    margin-left: auto;
}

@media (min-width: 801px) {
  .sp-only {
    display: none !important; } }

@media screen and (max-width: 800px) {
  .pc-only {
    display: none !important; }
  img.border {
    max-width: 100%;
	border: 1px solid gray;
    height: auto; } }

.post_content .sc_schedule td.col1 {
    width: 160px !important;
}

.cb_blog_list {
background:#f6f6f6;
}

#content_builder section:last-child {
	padding-top: 60px;
}

 media="screen and (max-width: 1391px)" {
    @media screen and (max-width: 800px) {
        #content_builder section:last-child {
            padding-bottom:60px !important;
        }
    }
}


.cb_service_list .service_list .item:nth-child(5) h3 {
	font-size:22px !important;
}

/* フッターバナー */
@media screen and (max-width: 800px) {
a.item.animate_background.no_link {
position: relative;
width: 100%;
display: block;
}
}
	
@media screen and (max-width: 800px) {
        #footer_banner p.title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    z-index: 5;
    color: #ffffff;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 0.1em;
}
}

@media screen and (max-width: 800px) {
::-webkit-full-page-media, :future, :root #footer_banner p.title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.5em;
z-index: 5;
color: #ffffff;
font-weight: 700;
vertical-align: middle;
letter-spacing: 0.1em;
}
}

#header_slider_fixed_content.layout_type2 .header_slider_content {
    letter-spacing: 0.3em !important;
}

.header_slider_content {
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	/* text-shadow: 1px 1.5px 1.5px rgba(221,144,77,0.4); */
	
}

.header_slider_content em {
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4) !important;
}	

@media screen and (max-width: 500px) {
.header_slider_content {
	text-align: initial !important;	
	padding: 0 80px 0 45px !important;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	/* text-shadow: 1px 1.5px 1.5px rgba(221,144,77,0.4); */
	
}
}

/* サイドアイコンのカスタマイズ */
#side_icon_button a {
    width: 60px;
    height: 60px;
}

#side_icon_button .icon.icon_type_sns {
    font-size: 18px;
}

#side_icon_button .icon {
    margin:0px !important;
}

#single_service {
    padding: 80px 0 150px;
}

#service_header {
padding: 80px 0px 0px 0px;
margin-bottom: 50px !important;
}

#service_header .image img {
    width: 100%;
}

media="screen and (max-width: 1391px)" {
    @media screen and (max-width: 800px) {
        #single_service {
            padding: 0 0 40px !important;
        }
    }
}

 media="screen and (max-width: 1391px)" {
    @media screen and (max-width: 800px) {
        #service_header {
            padding: 0 !important;
        }
    }
}

@media screen and (max-width: 1300px) {
#header::after{
z-index:101;
content: "";
width:100%;
border-bottom:1px solid #fff;
}
}

#service_header {
    padding: 0 !important;
}

media="screen and (max-width: 1391px)" {
    @media screen and (max-width: 1160px) {
        #service_header {
            padding: 0px 50px 50px !important;
        }
    }
}

/* youtubeの配置 */
#cb_content_2 .youtube_video_player {
position: relative;
width: 100%;
padding-top: 56.25%;
height: 0;
overflow: hidden;
}

/* youtubeの配置 */
#cb_content_2  .youtube_video_player iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}