/*
Theme Name:お家で歯医者さん（Switch Child）
Theme URI:
Description:WordPressテーマTCD「Switch」の子テーマ。
Template:switch_tcd063
Author:
Version:0.95a
*/
/*モバイル*/
/*メインコンテンツスペース*/
/*メインコンテンツ高さ調節*/
main.l-main {
	padding-top:140px;
}

/*ヘッダー*/
.header{
	position: fixed;	/*ヘッダー全体を固定配置*/
	top: 0px;	/*ヘッダー固定配置位置*/
	background-color:#fff;　/*背景白*/
	z-index:1000;　/*最前面に出るように*/
}
.l-header {
	padding:5px 0 0 0;
	height:auto;
	line-height:1;
}
.header-logo {
/*     height:46px; */
	width:100%;
	max-height:calc(116px / 2);
	background-color:#fff;
	z-index:104;
	margin-bottom:15px;
}
/*TOPロゴ*/
.c-logo{
	transform:scale(1.0);
	height:auto;
	margin:0 auto;/*ボックスモデルセンター配置*/
    padding:0;
	/*flexboxを使ってセンター配置*/
	text-align:center;
	display:flex;
	justify-content:center;
	width:fit-content;
	/*TCDのレティーナ画像対応補正*/
}
.c-logo.c-logo--retina{
	transform:scale(0.5)translate(50%,-50%);　
}
.c-logo img {
	max-width:100%;
	height:auto;
} 
header .l-header__logo.c-logo--retina img{
		max-height:116px;
}
.c-menu-btn {
	/*TCDハンバーガーメニュー固定*/
	position:fixed;
	top:0;
	z-index:1005;
}
.telbox {
	margin:15px 0 15px 0;
	text-align:center;
	background-color:#fff;
}
.telbox img {
	max-width:100%;
	height:60px;
}
/*グローバルメニュー：ハンバーガーメニュー内*/
.g-menu {
	width:100%;
/*バナースティッキーキャンセル分*/	
/* 	position: sticky;
	top:0;
	left:0; */
	z-index:120;
	padding:0;
	margin:0;
}
.g-menu li {
	background-color:#009FE8;/*ハンバーガーメニュー内のメニュー背景色*/
	color:#fff;/*メニュー文字色*/
	font-weight:bold;/*フォント太さ*/
	border-right:none;/*PCの右ボーダー消す*/
	border-left:none;/*PCの左ボーダー消す*/
	border-bottom:2px white solid;/*下ボーダーついか*/
	font-size:1rem;/*メニューフォントサイズ*/
	padding:0;
	margin:0;
	flex: 1;/*flexbox等分幅*/
	text-align:center;/*メニュー内センター段落*/
	cursor:pointer;/*一応、指カーソル表示*/
}
/*バナースティッキーキャンセル分追加*/	
.p-global-nav {
	top:0;
}

.p-global-nav > ul > li > a {
	color:#fff!important;
	padding:0;
	margin:0;
}
/*下層メニュー*/
.g-menu .sub-menu {
	padding:0;
	border-left:0;
}
.g-menu .sub-menu li {
	border-right:none;
	border-bottom:2px white solid;	
}
.g-menu .sub-menu li a{
	background-color:rgb(227,110,166)!important;

}
.g-menu .sub-menu li a:hover{
	background-color:rgb(180,100,166)!important /*ホバーカラー*/
}
.p-global-nav{
　position:relative;
}
/*フッターメニュー*/
.menu-footer-menu-container{
	background-color:#009FE8;
}
#menu-footer-menu{
	line-height:1;
	display:block;
	text-align:left;
	padding:2% 5%;
	margin:0;
	box-sizing:border-box;
}
#menu-footer-menu li{
	padding:10px 0;	
	width:100%;
}
#menu-footer-menu li a{
	color:white;
	font-weight:bold;
	border-bottom:1px solid #009FE8;
}
#menu-footer-menu li a:hover{
	border-bottom:1px solid white;
}
#menu-footer-menu li + li::before {
    margin: 0;
    content: "";
}
#menu-footer-menu .sub-menu {
	margin:5px  0 5px 2rem;
}
#menu-footer-menu .sub-menu a {
	font-weight:normal;
	font-size:0.9rem;
}

@media only screen and (min-width:834px) {
/*タブレット*/
/*メインコンテンツ高さ調整*/
main.l-main {
	padding-top:155px;
}
/*フッターメニュー*/
#menu-footer-menu{
	display:flex;
	text-align:left;
	padding:2% 10%;
	margin:0;
}
#menu-footer-menu .sub-menu {
	margin:5px  0;
}

}

@media only screen and (min-width:1200px) {
/*PC*/
/*メインコンテンツ高さ調整*/
main.l-main {
	padding-top:290px;
}
/*ヘッダー*/
.header {
	position:fixed;
	left:0;
	top:0;
}
.l-header {
	height:auto;
}
.l-inner.g-menu{
	width:100%;
	background-color:#009FE8;
	max-width:3000px!important;
	margin-bottom:30px;
/* 	margin:30px calc(50% - 50vw); */
}
.p-global-nav {
	line-height:60px;
	position: relative;
/*     width: 92.1875%; */
	width:100%;
	margin:0 auto;
    max-width: 1180px;
    margin-right: auto;
}
.p-global-nav > ul {
	justify-content:space-between;
	width:100%;
}
.l-header__inner {
	position:relative;
	top:0;
	height:auto;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.l-header__logo.c-logo  {
	width:100%;
}
.header-logo {
	position:relative;
	height:auto;
	max-height:145px;
	margin:0 0 0 30px;/*左３０ｐｘ*/
}
.c-logo{
	height:auto;
	width:100%;
}
.c-logo.c-logo--retina{
/*レティーナ対応クラス*/
/* 	width:100%;
	max-width:100%; */
	height:auto;

	transform:scale(1.0)translate(0,0);
	justify-content: flex-start;
	width:100%;
}
.l-header__logo:not(.c-logo--retina) img {
	max-height:145px;
	width:100%;
}
.l-header__logo.c-logo--retina img,.l-header__logo:not(.c-logo--retina) img {
/* 	max-height:300px; */
	margin:0 auto;
	padding:0;
	width:100%;
}
.c-logo.c-logo--retina a {
	max-width:100%;
	width:fit-content;
	height:auto;
	margin:0;
}
header .l-header__logo.c-logo--retina img{
	max-height:300px;
	width:100%;
}
/*グローバルメニュー　　クラス .g-menu を作成*/
.g-menu {
	position:relative;
	top:auto;
	left:auto;

}
.l-inner.g-menu {
	margin-bottom:30px;		
}
.g-menu ul{
	border-left:2px white solid;
}
.g-menu li {
	background-color:#009FE8;
	color:#fff;
	font-weight:bold;
	border-right:2px white solid;
	border-bottom:none;
	font-size:1rem;
	padding:0;
	margin:0;
	flex: 1;
	text-align:center;
	cursor:pointer;
}
/*バナー*/
.telbox {
	position:relative;
	height:auto;
	width:100%;
	max-height:145px;
	margin:30px;/*TELバナー右マージン３０ｐｘ用*/
	top:0;
	padding:0;
	text-align:right;
	background-color:#fff;
}

.telbox img {
	height:auto;
}
a[href^="tel:"] {
    pointer-events: none;
}
/*フッターメニュー*/
#menu-footer-menu .sub-menu {
	margin:5px  0 5px 0;
}
	
/*こちらで作成クラスは、g-menu   telbox  の２つのみ
 あとは、TCDの設定クラス名のCSSを変更しています。 */
}

/* webwebスライダー高さ調整用 */
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-top: 170px;
	
}