@charset "UTF-8";


#Top-Wrapper {
	background: url(../img/top_bg.jpg) repeat-x left top;
}

/*---見出し---*/
#Top-Wrapper h2 {
	clear: both;
	height:50px;
	font-size:18px;
	color:#222;
	font-weight:bold;
	background:url(../img/h2_bg_full.jpg) no-repeat left top;
	padding:15px 0px 0px 20px;
}

/*///// ナビ（リスト表記） /////*/
/*---枠---*/
#Top-List-Navi-Area {
	width:980px;
	height:38px;
	background: url(../img/top_right-contour.jpg) no-repeat right top;
	margin: 0 auto;
}

#Top-List-Navi_01 {
	float:left;
	width:180px;
	height:38px;
	background: url(../img/top_left-contour.jpg) no-repeat left top;
}

#Top-List-Navi_02 {
	float:left;
	width:240px;
	height:38px;
	background: url(../img/top_left-contour.jpg) no-repeat left top;
}

#Top-List-Navi_03 {
	float:left;
	width:200px;
	height:38px;
	background: url(../img/top_left-contour.jpg) no-repeat left top;
}

#Top-List-Navi_04 {
	float:left;
	width:180px;
	height:38px;
	background: url(../img/top_left-contour.jpg) no-repeat left top;
}

#Top-List-Navi_05 {
	float:left;
	width:180px;
	height:38px;
	background: url(../img/top_left-contour.jpg) no-repeat left top;
}

/*---項目---*/
.Top-List-Navi_Tit01 a {
	display:block;
	width:180px;
	height:38px;
	background:url(/HP本環境コピー/common//img/top_list_navi_01_on.jpg) no-repeat left top;
}

.Top-List-Navi_Tit01 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit02 a {
	display:block;
	width:240px;
	height:38px;
	background:url(../img/top_list_navi_02_on.jpg) no-repeat left top;
}

.Top-List-Navi_Tit02 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit03 a {
	display:block;
	width:200px;
	height:38px;
	background:url(../img/top_list_navi_03_on.jpg) no-repeat left top;
}

.Top-List-Navi_Tit03 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit04 a {
	display:block;
	width:180px;
	height:38px;
	background:url(../img/top_list_navi_04_on.jpg) no-repeat left top;
}

.Top-List-Navi_Tit04 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit05 a {
	display:block;
	width:180px;
	height:38px;
	background:url(../img/top_list_navi_05_on.jpg) no-repeat left top;
}

.Top-List-Navi_Tit05 a:hover {
	text-indent:-9999px;
}

        /* ナビゲーションスタイル */
        .nav-container {
            position: relative;
        }
        
        .nav-list {
            display: flex;
            list-style: none;
        }
        
        .nav-item {
            position: relative;
        }
        
        .nav-link {
            display: block;
            position: relative;
        }
        
        /* 画像ボタン */
        .nav-link img {
            display: block;
            width: 180px;
            height: 38px;
        }
        
        .nav-link .hover-img {
            display: none;
        }
        
        /* ホバー時または子要素のドロップダウンがホバーされている時 */
        .nav-link:hover .default-img,
        .nav-item:hover .nav-link .default-img {
            display: none;
        }
        
        .nav-link:hover .hover-img,
        .nav-item:hover .nav-link .hover-img {
            display: block;
        }
        
        /* ドロップダウンメニュー */
        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            width: 180px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 10;
        }
        
        .nav-item:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .dropdown-list {
            list-style: none;
        }
        
        .dropdown-item {
            border-bottom: 1px solid #eee;
        }
        
        .dropdown-item:last-child {
            border-bottom: none;
        }
        
        .dropdown-link {
            color: #333;
            text-decoration: none;
            font-size: 13px;
            padding: 10px 15px;
            display: block;
            transition: background-color 0.3s;
        }
        
        .dropdown-link:hover {
            background-color: #f5f5f5;
            color: #0066cc;
        }
        
        /* 診療科目の2列ドロップダウンメニュー */
        .departments .dropdown {
            width: 360px; /* 2列分の幅（180px × 2） */
        }
        
        .departments .dropdown-list {
            display: flex;
            flex-wrap: wrap;
        }
        
        .departments .dropdown-item {
            width: 50%; /* 2列に分ける */
            border-bottom: 1px solid #eee;
        }
        
        .departments .dropdown-item:nth-child(odd) {
            border-right: 1px solid #eee;
        }
        
        .departments .dropdown-item:nth-last-child(1),
        .departments .dropdown-item:nth-last-child(2) {
            border-bottom: none;
        }
        
        /* 画像サイズ別のナビゲーション */
        .width-180 .nav-link img {
            width: 180px;
        }
        .width-180 .dropdown {
            width: 180px;
        }
        
        .width-200 .nav-link img {
            width: 200px;
        }
        .width-200 .dropdown {
            width: 200px;
        }
        
        .width-240 .nav-link img {
            width: 240px;
        }
        .width-240 .dropdown {
            width: 240px;
        }
        
        /* 診療科目は特別処理（2列表示） */
        .departments.width-180 .dropdown,
        .departments.width-200 .dropdown,
        .departments.width-240 .dropdown {
            width: 360px;
        }
        
        /* モバイル対応 */
        /* @media (max-width: 992px) {
            .header-inner {
                flex-direction: column;
            }
            
            .nav-list {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            /* .nav-item { */
                /* margin: 5px; */
            /* } 
            
            .dropdown {
                position: absolute;
                left: 0;
            }
            
            /* 診療科目のドロップダウンが画面からはみ出さないように 
            .departments .dropdown {
                left: auto;
                right: 0;
            }
        } */
        
        /* @media (max-width: 768px) {
            .nav-list {
                flex-direction: column;
                align-items: center;
            } 
            
            .dropdown, .departments .dropdown {
                position: static;
                box-shadow: none;
                width: 100%;
                max-width: 360px;
                margin: 0 auto;
                display: none;
            }
            
            .nav-item:hover .dropdown {
                display: block;
            }
            
            .departments .dropdown-item {
                width: 50%;
            }
        }*/
        
        @media (max-width: 480px) {
            .departments .dropdown-list {
				display: none;
                flex-direction: column;
            }
            
            .departments .dropdown-item {
                width: 100%;
                border-right: none !important;
            }
        }



/*---左右コンテンツ---*/
.Top-L-Cont {
	float:left;
	width:600px;
	display:inline;
}

.Top-R-Cont {
	float:right;
	width:360px;
	display:inline;
}

/*///// フッター /////*/
#Top-Footer-Wrap {
	height:140px;
	background: url(../img/top_footer_bg.jpg) repeat-x left top;
}

#Top-Footer {
	width:980px;
	height:140px;
	margin:0 auto;
	line-height:1.4em;
	font-size:12px;
	color: #FFF;
}

/*///// お知らせ /////*/
#News-Tit {
	clear: both;
	height:50px;
	font-size:18px;
	color:#222;
	font-weight:bold;
	background:url(../img/news_bg.jpg) no-repeat left top;
	padding:15px 0px 0px 20px;
}

#Area_News {
	width:600px;
	height:200px;
	margin:0px 0px 0px 0px;
}

/*---記事一覧---*/
#List_Link {
	float:right;
	margin:-1px 20px 0px 0px;
	font-weight:normal;
	font-size:12px;
}

#List_Link a {
	color: #00A3D1;
	text-decoration: underline;
}

#List_Link a:hover {
	color: #00A3D1;
	text-decoration: none;
}


#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(4) > a > img{
	display: none;
}

#youtubeico  {
	border: 5px solid rgb(0 98 147);
	width: 320px !important;		
}



/*----------------------------------------------------------------------*/

@media  screen and (max-width: 480px) {
/* 480px以下に適用されるCSS（スマホ用） */
/* @media (pointer: coarse) and (hover: none){ */
/*ポインタで判断バージョン*/

#Top-Wrapper > div:nth-child(3) > p{
	font-size: 45px;
	line-height: 1.6em;
}

#Top-Wrapper {
	background: url(../img/top_bg.jpg) repeat-x left top;
	background: none !important;
}

/*---見出し---*/
#Top-Wrapper h2 {
	clear: both;
	height:90px;
	font-size:50px;
	color:#222;
	font-weight:bold;
	background:url(../img/hm_bg.jpg) no-repeat left top;
	padding:35px 0px 0px 50px;
	background-size: contain;
}

/*///// ナビ（リスト表記） /////*/
/*---枠---*/
#Top-List-Navi-Area {
	display: none;
	width: 980px;
	height: auto;
	background: none;
	margin: 0 auto;
}

#Top-List-Navi_01 {
	float:left;
	width:auto;
	height:100px;
	background-image: url(../img/top_list_navi_01m.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
}

#Top-List-Navi_01 img {
	display: none;
}

/* #Top-List-Navi_01::after {
    content: '当院のご案内';
    color: #ffffff;
	display: flex;
    padding-right: 10px;
	font-size:40px;
	justify-content: center;
	transform: translateY(-250%);

} */

#Top-List-Navi_02 {
	float:left;
	width:auto;
	height:100px;
	background-image: url(../img/top_list_navi_02m.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
}

#Top-List-Navi_02 img {
	display: none;
}


#Top-List-Navi_03 {
	float:left;
	width:auto;
	height:100px;
	background-image: url(../img/top_list_navi_03m.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
}

#Top-List-Navi_03 img {
	display: none;
}



#Top-List-Navi_04 {
	float:left;
	width:auto;
	height:100px;
	background-image: url(../img/top_list_navi_04m.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
}

#Top-List-Navi_04 img {
	display: none;
}


#Top-List-Navi_05 {
	float:left;
	width:auto;
	height:100px;
	background-image: url(../img/top_list_navi_05m.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
}

#Top-List-Navi_05 img {
	display: none;
}


/*---項目---*/
.Top-List-Navi_Tit01 a {
	display:block;
	width: auto;
	height:100px;
	background: none;
}

.Top-List-Navi_Tit01 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit02 a {
	display:block;
	width:auto;
	height:100px;
	background:none;
}

.Top-List-Navi_Tit02 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit03 a {
	display:block;
	width:auto;
	height:100px;
	background:none;
}

.Top-List-Navi_Tit03 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit04 a {
	display:block;
	width:auto;
	height:100px;
	background:none;
}

.Top-List-Navi_Tit04 a:hover {
	text-indent:-9999px;
}

.Top-List-Navi_Tit05 a {
	display:block;
	width:auto;
	height:100px;
	background:none;
}

.Top-List-Navi_Tit05 a:hover {
	text-indent:-9999px;
}







/*---左右コンテンツ---*/
    /* コンテナ自体を画面幅いっぱいに */
    .Container {
        width: 100%;
        padding: 0;
    }

    /* お知らせエリアのコンテナを画面幅いっぱいに */
    .Top-L-Cont {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }

    /* お知らせタイトルも100%に */
    #News-Tit {
		clear: both;
		width: 95%;
		height: 90px;
		font-size: 50px;
		color:#222;
		font-weight:bold;
		background:url(../img/news_bg.jpg) no-repeat left top;
		background-size: contain;
		padding:40px 0px 0px 50px;
		}

    /* お知らせ一覧エリアも100%に */

	#Area_News {
		width:100%;
		height:400px;
		margin:0px 0px 0px 0px;
	}
	


    /* お知らせ一覧のiframeも100%に */
    #Area_News iframe {
		transform: scale(1.8);
		transform-origin: 0 0;
        padding: 0px 10px;
		font-size: 20px
    }

    /* 右サイドコンテンツを下に移動 */
    .Top-R-Cont {
		display: none;
        width: 100%;
        float: none;
        margin: 20px 0;
    }


/* .Top-R-Cont {
	float:right;
	width:360px;
	display:block;
} */

/*///// フッター /////*/
#Top-Footer-Wrap {
	height:300px;
	background: linear-gradient(180deg, #eaeaea 0%, #eaeaea 45%, rgb(0 95 185) 45%, rgb(0 95 185) 100%);
}

#Top-Footer {
	width:980px;
	height:300px;
	margin:0 auto;
	line-height:1.4em;
	font-size:25px;
	color: #FFF;
}

/*///// お知らせ /////*/
/* #News-Tit {
	clear: both;
	height:35px;
	font-size:18px;
	color:#222;
	font-weight:bold;
	background:url(../img/news_bg.jpg) no-repeat left top;
	padding:15px 0px 0px 20px;
} */


/*---記事一覧---*/
#List_Link {
	float:right;
	margin:-1px 20px 0px 0px;
	font-weight:normal;
	font-size:35px;
}

#List_Link a {
	color: #00A3D1;
	text-decoration: underline;
}

#List_Link a:hover {
	color: #00A3D1;
	text-decoration: none;
}


#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items{
	width: 980px;
	margin: 0 auto;
}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(1){
	width: 800px;
	margin: 0 auto;

}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(1) > a > img{
	width: 800px;
	height: auto;
	margin: 0 auto;
}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(2){
	width: 800px;
	margin: 0 auto;

}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(2) > a > img{
	width: 800px;
	height: auto;
	margin: 0 auto;
}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(3){
	width: 800px;
	margin: 0 auto;

}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(3) > a > img{
	width: 800px;
	height: 310px;
	object-fit: contain;
	margin: 0 auto;
	display: block;
	background-color: rgb(255, 255, 255);
}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(4){
	width: 800px;
	margin: 0 auto;

}

#Top-Wrapper > div:nth-child(3) > div.Full_Photo_4items > ul > li:nth-child(4) > a > img{
	width: 800px;
	height: auto;
	margin: 0 auto;
	display: block;
}



.Full_Photo_4items ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* 縦並び */
  align-items: flex-start;
  gap: 10px; /* 画像間の余白（任意） */
}

.Full_Photo_4items ul li {
  float: none; /* Leftクラスのfloatを無効化 */
}

#MSchedule{
	width: 980px;
	margin: 0 auto;
}

#Top-Wrapper .juyou{
	width: 800px;
	margin: 0 auto;

}

#Top-Wrapper  .juyou  a  img{
	width: auto;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#Top-Wrapper  .juyou  a{
	width: auto;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}


#youtubeico  {
	border: 5px solid rgb(0 98 147);
	width: 800px !important;		
}



}