@charset "utf-8";
/* CSS Document */


/* ======================================================
	整友会・PC用　共通
====================================================== */

/* 行き来するボタン */
.SwitchingBtnPC	{
	display: none;
}
.SwitchingBtnSP	{
}



/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* ページ構成 */
body
{
	min-width: 990px;
}

/* 横スクロールで切れないように */
#DocumentBg
{
}

.WrapM
/*,
#Admin .Header
*/
{
	min-width: 990px;
	width: 990px;
}

#Admin .Contents
{
	max-width: 990px;
}

section,
.Footer
{
	min-width: 990px;
}

/* 幅が、本文以上 */
@media screen and (min-width: 480px), print {
}
@media screen and (min-width: 480px), print{
	.FooterBtn
		{
		right: calc((100% - 990px) / 2);
	}
}

section,
.WrapM,
.Footer,
#Admin .Header,
#Admin .Contents
	{
	margin-left: auto;
	margin-right: auto;
}


/* Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* 幅が、480px以下 */
@media screen, (max-width: 30em), screen, (max-width: 182mm) {
}
/* 幅が、481px - 1024px */
@media screen, (min-width: 30em), screen, (min-width: 182.1mm) {
}
/* 幅が、1024px以上 */
@media screen and (min-width: 37.5em){
}





#Document	{
	min-height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
#Document>.Wrap	{
	margin-left: auto;
	margin-right: auto;
}

#Header	{}
.Header>.Wrap	{
}


#MenuBar
{
}


#Contents
{
	text-align: left;
	margin-bottom: 5em;
}


#Contents>*
{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.Main
{
	width: 750px;
}

.Side
{
	width: 220px;
}

.IndexViewer
{
}

#Index .Main
{
}

#Index .Side
{
}
/*
[240425-0957] grid→flex
#Contents>*
{
	display: grid;
	grid-template-columns: 220px 750px;
	justify-content: space-between;
}

.Main
{
	grid-column: 2;
	grid-row: 1;
}

.Side
{
}

.IndexViewer
{
	grid-column: 1 / 3;
}

#Index .Main
{
	grid-row: 2;
}

#Index .Side
{
	grid-row: 2;
}

[240425] gridへ
.Main
{
	float:right;
	width:750px;
}

.Side
{
	float:left;
	width:220px;
}
*/

.ContentsBox
{
}




/* ======================================================
	<header>
------------------------------------------------------ */
/* 文字サイズ */
.TextSize	{
}






/* ======================================================
	<nav>
------------------------------------------------------ */
/* メニューバー・共通 */
#MenuBar
{
	line-height: 1.2em;
	line-height: 1em;
	text-align: left;
	letter-spacing: normal;
}


/* ------------------------------------------------------
	PullDown */
.PullDownList ul,
.PullDownList .PullDown,
.PullDownList .PullDown>.Wrap	{
}
.PullDownList .PullDown	{
}
.PullDownList .PullDown>.Wrap	{
}

.PullDownList .PullDown li	{
	margin-top: 0;
	margin-bottom: 0;
}
.PullDownList .PullDown li>.Wrap	{
	display: table;
	width: 100%;
/*
	height: 3em;
*/
}
.PullDownList .PullDown li>.Wrap>a,
.PullDownList .PullDown li>.Wrap>.a	{
	display: table-cell;
	vertical-align: middle;
}


/* PullDown / sub */
.PullDownList .PullDown .Sub	{
	position: absolute;
	left: 0;
	right: 0;
	top: calc(3em - 0.5em);
	width: 100%;
	z-index: 10;
	padding-top: 0em;
}
.PullDownList .PullDown .Sub li	{
	font-weight: normal;
	white-space: normal;
/*
	width: 20%;
	flex-basis: calc(100% / 5);
	align-self: center;
*/
	overflow: hidden;
	height: 0em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	vertical-align: middle;
}

.PullDownList .PullDown .Sub a,
.PullDownList .PullDown .Sub .a	{
	font-weight: inherit;
	font-weight: normal;
	padding-top: 0em;
	padding-bottom: 0em;
	width: 100%;
	line-height: 1.2em;
}
.PullDownList .PullDown .Sub a:hover	{
}


.PullDownList .PullDown .Sub>ul	{
	width: 100%;
/*
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: flex-end;
	overflow: hidden;
*/
}
/* 幅が、本文以上 */
@media screen and (min-width: 480px){
	.PullDownList .PullDown .Sub	{
/*
		left: -2rem;
		right: -2rem;
		width: calc(100% + (2rem * 2));
*/
	}
}
@media screen and (min-width: 480px){
}
/* 幅が、本文未満 */
@media screen and (max-width: 480px){
}


/* sub open */
.PullDownList .PullDown:hover>.Wrap	{
	border-radius: 0.5em 0.5em 0 0;
}
/* <li>でないと高さが取れない*/
/*テスト用に開ける
.PullDownList .PullDown .Sub li	{
*/
.PullDownList .PullDown:hover .Sub li	{
	height: 3em;
	overflow: inherit;
}



/* 個別 */
.PullDownList .ClassRecruit	{}
.PullDownList .ClassRecruit:hover	{}
.PullDownList .ClassRecruit:hover>.Wrap	{
	border-radius: 0.5em;
}






/* ======================================================
	<footer>
------------------------------------------------------ */








/* ======================================================
	Contents・本文全体
------------------------------------------------------ */
/*	<aside>左 */
.Side	{
}



/* ======================================================
	各クリニック・共通
------------------------------------------------------ */
/* 外観・内装写真 */
.Gallery
{
}

/*
.article .Flex.Gallery
{
}

.article .Flex.Gallery>ul
{
	margin-top: -1em;
	margin-left: -2%;
	width: calc(100% + 2%);
}

.article .Flex.Gallery>ul>li
{
	margin-top: 1em;
	margin-left: 2%;
	width: 48%;
	flex-basis: 48%;
}

#Clinic .article .Flex.Gallery>ul>li
{
	clear: none;
}

.article .Flex.Gallery img
{
}

.article .Flex.Gallery .caption
{
}
*/




/* ======================================================
	整友会について
	seiyukai.php
------------------------------------------------------ */
.Seiyukai	{}

.Seiyukai .Rijicho	{
}
.Seiyukai .Rijicho .Img	{
	float: left;
}
.Seiyukai .Rijicho .Txt	{
	float: right;
	width: calc(100% - 170px);
}
.Seiyukai .Rijicho .Txt p	{
	margin-top: 0px;
	margin-bottom: 0px;
}
.Seiyukai .Rijicho .footer	{
	text-align: right;
}
.Seiyukai .Rijicho .footer .LayoutBox	{
}
.Seiyukai .Rijicho .Sign	{
	margin-right: 4em;
	margin-top: 1em;
}
.Seiyukai .Rijicho .Sign img	{
}

.Seiyukai .History	{
}
.Seiyukai .History ul	{
	list-style: none;
}
.Seiyukai .History ul>li	{
	padding-left: 9em;
}
.Seiyukai .History ul>li b	{
	display: inline-block;
	width: 9em;
	margin-left: -9em;
}





/* ======================================================
	訪問リハビリテーション
	houmon_reha.php
------------------------------------------------------ */
.HoumonReha
{
}

/* 訪問リハビリテーション・各クリニックのご案内 */
.HoumonReha .Annai
{
}

/*
.HoumonReha .Annai .Txt
{
	width: 239px;
}
*/



/* ======================================================
	文字左・写真右
	リハビリ　…reha＊＊＊.php
	放射線科 …hosyasenka.php
------------------------------------------------------ */
.PhotoRight	{}
.PhotoRightData,
.PhotoRightImg	{ display: inline; }
.PhotoRightData	{ float: left; }
.PhotoRightImg	{ float: right; }
.PhotoRightImg img	{
	display: block;
	margin-bottom: 1em;
}
.PhotoRight .PhotoRightImg ul	{
	list-style: none;
	margin-left: 0px;
	margin-right: -2%;
	width: 102%;
}
.PhotoRight .PhotoRightImg li	{
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
	height: 257px;
}
.PhotoRight .PhotoRightImg li img	{ margin-bottom: 5px; }

/* 放射線科 …hosyasenka.php */
.PhotoRight.Hosyasen .PhotoRightData,
.PhotoRight.Hosyasen .PhotoRightImg	{
	display: block;
	float: none;
}

.PhotoRight.Hosyasen .PhotoRightImg img	{ display: inline; }








/* ======================================================
	多職種合同研修会
	tasyokusyu.php
------------------------------------------------------ */
.TasyokusyuDetail	{}

.TasyokusyuDetail .article	{}

.TasyokusyuDetail .article .Img	{
	margin-bottom: 1em;
	width: 270px;
	margin-left: 1em;
	float: right;
	text-align: center;

	z-index: 5;
}



/* ======================================================
	地域
	chiiki＊＊＊.php
------------------------------------------------------ */
.Chiiki	{}







/* ======================================================
	======================================================
	======================================================
	======================================================
	480px以上
------------------------------------------------------ */
/* <br>表示・非表示 */
.SuBR	{
}
.SBR	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
	font-weight: inherit;
}

.SuDsp	{
}
.SDsp	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}



/* ------------------------------------------------------
	480px以下
------------------------------------------------------ */
@media screen, (max-width:30em), screen, (max-width:182mm) {
/* → small.css */
}