/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site $2013 big or small. From huge corporate portals to studio or personal sites $2013 The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*雪月花トータルクリニック用*/

:root {
--main-color: #6bd8d0;
--background1:#F3F3EC;/*黄色みがかった薄いグレー*/
--background2:#4786A1;/*濃い青*/
--background3:#F6F3F1;/*オレンジがかった薄いグレー*/
--background4:#ecf3f5;/*青みがかった薄いグレー*/
--background5:#11B0C6;/*トップページ対象疾患に使用している鮮やかな青*/
}

html{
	font-size:10px;
	scroll-behavior: smooth;
}
body{font-size:1.5rem;}

a {transition : all 0.5s;}

p {margin-bottom: 20px;}

/*font*/
body,p,a,li,div.uvc-sub-heading,#booking-package_calendarPage{
	font-family: "FOT-筑紫新聞明朝 Pr6N LB";
}
.matisse div.uvc-sub-heading,
.matisse strong,
.matisse h3,
.matisse p a{
	font-family: "FOT-マティス Pro EB";
}

/*Supreme風英字フォント*/
.head-text h1,
.head-text h2,
.head-text h3,
.head-text h4,
.head-text h5,
.head-text h6{
	font-family: futura-pt, sans-serif !important;	
	font-weight: 600 !important;
	font-style: italic !important;
	line-height:1;
	text-box-trim: trim-start;
	text-box-edge: cap alphabetic;
}

/*タイトルの大きい文字　kahenmoji*/
.kahenmoji h1,
.kahenmoji h2{
	font-size: clamp(4rem, calc(8vw + 1.5rem), 12rem);
}

/*LexendGiga*/
.lexendgiga,
.lexendgiga h1,
.lexendgiga h2,
.lexendgiga h3,
.lexendgiga h4,
.lexendgiga h5,
.lexendgiga h6,
.lexendgiga p a{
	font-family: Lexend Giga;
	font-weight:400;
}

/*maincolor-text*/
.maincolor-text h1,
.maincolor-text h2,
.maincolor-text h3,
.maincolor-text h4,
.maincolor-text h5
.maincolor-text h6{
	color:var(--main-color);
}

/*maincolor*/
.maincolor{
	color:var(--main-color);
}


/*maincolor-icon*/
.maincolor-icon i::before{
	color:var(--main-color);
}

/*maincolor-text-shadow*/
.maincolor-text-shadow .uvc-main-heading h1,
.maincolor-text-shadow .uvc-main-heading h2,
.maincolor-text-shadow .uvc-main-heading h3,
.maincolor-text-shadow .uvc-main-heading h4,
.maincolor-text-shadow .uvc-main-heading h5,
.maincolor-text-shadow .uvc-main-heading h6{
	text-shadow: 0px 1px 8px rgba(255, 255, 255, 0.9);
	color:var(--main-color);
}

/*sub-background-color*/
.sub-background1{
	background-color:var(--background1)
}
.sub-background2{
	background-color:var(--background2)
}
.sub-background3{
	background-color:var(--background3)
}
.sub-background4{
	background-color:var(--background4)
}
.sub-background5{
	background-color:var(--background5)
}

/*inner-background-color*/
.inner-background1 .vc_column-inner{
	background-color:var(--background1)
}
.inner-background2 .vc_column-inner{
	background-color:var(--background2)
}
.inner-background3 .vc_column-inner{
	background-color:var(--background3)
}
.inner-background4 .vc_column-inner{
	background-color:var(--background4)
}

/*kadomaru*/
.kadomaru .vc_column-inner{
	border-radius:0 40px 0 40px;
 	border:1px #333 solid;
	padding:40px 10px;
}

.kadomaru2 .vc_column-inner{
	border-radius:0 40px 0 40px;
	padding:40px 10px;
}

/*no-kadomaru*/
.no-kadomaru .vc_column-inner{
	border-radius:0;
   	border:0;
	padding:0;
}

/*whitetext*/
.whitetext,
.whitetext h1,
.whitetext h2,
.whitetext h3,
.whitetext h4,
.whitetext h5,
.whitetext h6{
	color:#ffffff !important;
}

.white-link a:link,.white-link a:visited,.white-link a:hover,.white-link a:active{
	color:#ffffff;
}
.white-link a:link{
	text-decoration: underline;
	text-underline-offset: 0.3em;
}
.white-link a:hover{color:var(--main-color);}

.white-link i{
	font-size:0.8em;
	margin-right:0.3em;
}

/*White text with shadow*/
.white-text-shadow .uvc-main-heading h1,
.white-text-shadow .uvc-main-heading h2,
.white-text-shadow .uvc-main-heading h3,
.white-text-shadow .uvc-main-heading h4,
.white-text-shadow .uvc-main-heading h5,
.white-text-shadow .uvc-main-heading h6{
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.9);
	color:#fff;
}
.white-text-shadow .uvc-sub-heading,
.white-text-shadow p{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
	color:#fff;
}

/*Black text with shadow*/
.black-text-shadow .uvc-main-heading h1,
.black-text-shadow .uvc-main-heading h2,
.black-text-shadow .uvc-main-heading h3,
.black-text-shadow .uvc-main-heading h4,
.black-text-shadow .uvc-main-heading h5,
.black-text-shadow .uvc-main-heading h6{
	text-shadow: 0px 1px 8px rgba(255, 255, 255, 0.9);
	color:#333;
}
.black-text-shadow .uvc-sub-heading,
.black-text-shadow p{
	text-shadow: 0px 1px 3px rgba(255, 255, 255, 1);
	color:#333;
}

/*red text*/
.redtext{
	color:#ff0038;
}

/*black text*/
.blacktext{
	color:#333333;
}

/*font size 10px*/
.fontsize10px{
    font-size:10px;
}

/*メニュー*/
.menu-toggle {flex-direction: column;}

.right-caption .menu-toggle .menu-toggle-caption {
    margin-left: 0px;
    margin-top: 5px;
}

.dt-mobile-menu-icon {
    flex-direction: column;
}

.mobile-right-caption .dt-mobile-menu-icon .menu-toggle-caption {
    margin-left: 0px;
	  margin-top: 5px;
}

.transparent #page .light-preset-color:not(.sticky-top-line-on) .menu-toggle .menu-toggle-caption{color:#fff !important;}
.transparent #page .light-preset-color:not(.sticky-top-line-on) .menu-toggle:hover .menu-toggle-caption{opacity: 0.7 !important;}
.transparent #page .light-preset-color.masthead.sticky-top-line-on .menu-toggle .menu-line:before,
.transparent #page .light-preset-color.masthead.sticky-top-line-on .menu-toggle:hover .menu-line:after {background: #000 !important;}
.transparent #page .light-preset-color:not(.sticky-mobile-on) .dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-toggle-caption{color:#fff !important;}

/*サイドメニュー*/
/*
.main-nav > li > a .menu-text {
    font-family: 'FOT-マティス Pro EB';
}
.main-nav .sub-nav > li > a .menu-text {
    font-family: 'FOT-マティス Pro EB';
}
.mobile-main-nav li > a .menu-text {
    font-family: 'FOT-マティス Pro EB';
}
.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {
    font-family: 'FOT-マティス Pro EB';
}
.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button svg, .sub-downwards .main-nav > li.menu-item-language > a:after {
    color: rgba(255, 255, 255, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}
.mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button svg, .mobile-main-nav > li.menu-item-language > a:after {
    color: rgba(255, 255, 255, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}
*/
/*フッター*/
#footer a:hover{color:var(--main-color);}
#footer #presscore-custom-menu-two-2 a span{transition: all 0.5s;}
.footer-menu a{text-decoration: none;}
.footer-menu p{
	margin:0px;
	display:flex;
	font-size:12px;
	line-height:16px;
}
.footer-menu p span:first-child{
	width:240px;
	margin-right:5px;
}
.footer-menu p span:nth-child(2){
	width:100%;
}

.footer-menu p.lastfooter{
	margin-bottom:25px;
}
.footer-menu a{color:#e5e5e5;}
.footer-menu a:hover{color:var(--main-color);}
.footer-menu a:visited{color:#e5e5e5;}

/*booking package*/
#booking-package_calendarPage .week_slot,
#booking-package_calendarPage .available_day{
    background-color: #fff;
}

#booking-package button {
    background:var(--main-color);
    color:#FFFFFF;
    border:none;
    padding:10px;
    transition: box-shadow 0.3s;    
}

#booking-package button:hover {
    background:#333333;
    color:#FFFFFF;
    border:none;
    padding:10px;
    box-shadow: 0 2px 5px #333333; 
}

.booking-shadow{
	box-shadow: 0 0 5px 2px #ffffff;
}

/*Booking Packageの管理画面のアップグレードボタン削除*/
#upgradeSubmit{display:none;}

/*CF7*/
/*
.black-contact form label{
    color:#ffffff;
}
*/

/*fixed-background*/
.fixed-background{
  position: relative;
  clip-path: inset(0 0 0 0);
	backface-visibility: hidden;
}

.background-image{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:-3;
	transform: translateZ(0);
}

.background-image-top{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:-3;
	transform: translateZ(0);
}

.background-image-right{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:-3;
	transform: translateZ(0);
}

/*アコーディオン*/
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding-top: 0px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child>div>div.wpb_wrapper .wpb_content_element:last-child, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content>.wpb_content_element:last-child, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab .wpb_row:last-child>div>div.wpb_wrapper .wpb_content_element:last-child, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab>.wpb_content_element:last-child {
    background: #FCFCFC;
    padding: 15px;
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{
    border-left: 4px solid var(--main-color);
}

H3 b{
    color:var(--main-color);
    font-size:25px;
    margin-right:10px;
}
.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header, .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header{
    border-left: 4px solid var(--main-color);
}

/*pointlist*/
.pointlist {
	text-align: center;
}
.pointlist ul,.pointlist ol {
	padding-left: 0;
	display: inline-block;
}
.pointlist li,.pointlist li {
	text-align: left;
}

/*注意事項の間隔を開ける*/
#list-attention .uavc-list-icon li{
    margin-bottom:20px!important;
}

/*reCApTCHA v3非表示化*/
.grecaptcha-badge { visibility: hidden; }

/*CF7の注意書き*/
.contact-under{
	text-align: center;
	margin-bottom:30px;
}

/*YouTube再生ボタン*/
.ultv-youtube-icon-bg{
    fill:rgb(255, 61, 0,0.8)!important;
}