/***************************************************************
           スライド画像
***************************************************************/
/*--------------------------------------------------------------
    画像の高さ
--------------------------------------------------------------*/
@media screen and (min-width:0px) and ( max-width:300px) {
	#home #slider #container
	{
	width: 100%;
	height: 110px;
	}
}
@media screen and (min-width:301px) and ( max-width:350px) {
	#home #slider #container
	{
	width: 100%;
	height: 120px;
	}
}
@media screen and (min-width:351px) and ( max-width:400px) {
	#home #slider #container
	{
	width: 100%;
	height: 140px;
	}
}
@media screen and (min-width:401px) and ( max-width:450px) {
	#home #slider #container
	{
	width: 100%;
	height: 160px;
	}
}
@media screen and (min-width:451px) and ( max-width:500px) {
	#home #slider #container
	{
	width: 100%;
	height: 180px;
	}
}
@media screen and (min-width:501px) and ( max-width:550px) {
	#home #slider #container
	{
	width: 100%;
	height: 200px;
	}
}
@media screen and (min-width:551px) and ( max-width:600px) {
	#home #slider #container
	{
	width: 100%;
	height: 220px;
	}
}
@media screen and (min-width:601px) and ( max-width:650px) {
	#home #slider #container
	{
	width: 100%;
	height: 240px;
	}
}
@media screen and (min-width:651px) and ( max-width:700px) {
	#home #slider #container
	{
	width: 100%;
	height: 260px;
	}
}
@media screen and (min-width:701px) and ( max-width:736px) {
	#home #slider #container
	{
	width: 100%;
	height: 280px;
	}
}


/***************************************************************
           診療科目について
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .menu
{
width: 99%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .menu .subtitle h2
{
color: #008600;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#home .menu .table
{
font-size: 0;
}
#home .menu .table a
{
display: inline-block;
width: 33.3%;
vertical-align: top;
box-sizing: border-box;
margin: 20px 0 0 0;
padding: 0 1%;
}
#home .menu .table a:nth-of-type(n+4)
{
margin: 10px 0 0 0;
}
#home .menu .table a:hover
{
opacity: 0.8;
}
#home .menu .table a img
{
display: block;
width: 100%;
}


/***************************************************************
           おすすめコース
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .course
{
width: 99%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .course .subtitle h2
{
color: #008600;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#home .course .image a
{
display: block;
margin: 20px 0 0 0;
}
#home .course .image a:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}
#home .course .image a img
{
display: block;
width: 100%;
}
#home .course .image a:hover
{
opacity: 0.8;
}


/***************************************************************
           ごあいさつ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .greeting
{
width: 99%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .greeting .subtitle h2
{
color: #008600;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    テキスト_1
--------------------------------------------------------------*/
#home .greeting .text_1
{
margin: 20px 0 0 0;
padding: 20px;
border-color: #808080;
border-width: 2px;
border-style: solid;
border-radius: 20px;
}
#home .greeting .text_1 h3
{
color: #333;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#home .greeting .text_1 p
{
margin: 10px 0 0 0;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    フロート
--------------------------------------------------------------*/
#home .greeting .table
{
margin: 20px 0 0 0;
box-sizing: border-box;
}
#home .greeting .table .clear
{
clear: both;
}
#home .greeting .table .right
{
float: right;
padding: 0 0 20px 20px;
width: 40%;
}
#home .greeting .table .right .image img
{
display: block;
width: 100%;
}
#home .greeting .table .right .name p
{
padding: 10px 0;
color: #333;
font-size: 20px;
font-weight: bold;
text-align: center
}
#home .greeting .table .right .name p span
{
display: block;
margin: 0 0 10px 0;
color: #333;
font-size: 14px;
font-weight: bold;
}
#home .greeting .table .left .message h3
{
color: #333;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
#home .greeting .table .left .message p
{
margin: 10px 0 0 0;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#home .greeting .table .left .message p:nth-of-type(1)
{
margin: 20px 0 0 0;
}
#home .greeting .table .left .message p br
{
display: none;
}


/***************************************************************
           お客様の声
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .voice
{
width: 99%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .voice .subtitle h2
{
color: #008600;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    コンテンツ
--------------------------------------------------------------*/
#home .voice .content
{
margin: 20px 0 0 0;
font-size: 0;
}
#home .voice .content a
{
display: inline-block;
width: 33.3%;
padding: 0 1%;
box-sizing: border-box;
text-decoration: none;
}
#home .voice .content a figure
{
position: relative;
overflow: hidden;
width: 100%;
}
#home .voice .content a figure img
{
display: block;
width: 100%;
}
#home .voice .content a figure figcaption
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0,128,0,.2);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
padding: 50% 0;
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#home .voice .content a figure:hover figcaption
{
opacity: 1;
}
#home .voice .content a span:nth-of-type(1)
{
display: block;
padding: 10px;
background: #fff;
color: #333;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#home .voice .content a span:nth-of-type(2)
{
display: block;
padding: 0 10px 10px 10px;
background: #fff;
color: #333;
font-size: 14px;
letter-spacing: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


/***************************************************************
           ウィジェット
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home #widget
{
width: 99%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#home #widget #table
{
display: block;
box-sizing: border-box;
}
/* クチコミ
--------------------------------------------------------------*/
#home #widget #table #cell:nth-of-type(1)
{
display: block;
}
#home #widget #table #cell #yoyaku-commentWidget
{
height: 556px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/* スクロールバー（参照：https://wemo.tech/535） */
div::-webkit-scrollbar
{
width: 12px;
}
div::-webkit-scrollbar-track
{
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 2px #777; 
}
div::-webkit-scrollbar-thumb
{
background: #aaa;
border-radius: 10px;
box-shadow: none;
}
/* オンライン予約
--------------------------------------------------------------*/
#home #widget #table #cell:nth-of-type(2)
{
display: block;
margin: 20px 0 0 0;
}