@charset "utf-8";
/*--------------------------共通で使うもの------------------------------------*/
 ul.menu {/*各ページのサブメニュｰリスト*/
	margin: 0 auto 0 auto;
	padding: 8px;
	max-width: 95%;
	width: 950px;
	list-style-type: none;
	overflow: hidden;
}

ul.menu li {
	float: left;
	padding: 0 5px;
}

.c-main {/*トップページ以外の外枠・広め*/
	max-width: 980px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	
}

p.aisatu{/*内部コンテンツ用小さな枠*/
	max-width: 650px;
	
	line-height: 1.5;
	font-size: 14px;
	padding: 20px 10px 20px 10px;
	float: left;
}

.hutoji{/*太字強調用タグ*/
	 font-weight: bold;
}

.kyotyo{/*赤文字強調用タグ・spanをつかってみた*/
	font-weight: bold;
	color: red;
	padding: 3px 0;
}

.bosyu-bunner{/*募集タグの表示(inline)・非表示(none)を選択*/
	display: inline;
}

.migi{/*画像右寄せ*/
	display: flex;
 	justify-content: flex-end;
}

.naka{/*画像まんなか*/
	display: flex;
	justify-content: center;
}


/*--------------------------indexページ用-------------------------------*/
.column {/*アクセス以外の部分、大枠*/
	display: table;
	width: 95%;
	max-width: 1000px;
	padding: 10px 0;
	margin-right: auto;
	margin-left: auto;

   }

.info-n {/*お知らせ中身*/
	padding: 10px;
	outline: double green;
	margin: 0 10px;
}

.info-b{/*ブログ設定らしい*/
    position: relative;
    background: #fdf5e6;
    box-shadow: 0px 0px 0px 5px #deb887;
    border: dashed 2px #8b4513;
    padding: 0 10px;
    margin: 15px;
    color: #454545;

}
.info-b:after{/*ブログの設定らしい*/
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);

}



.info-s {/*診療時間案内・index右*/
	display: table-cell;
	width: 50%;
	padding: 10px;
	outline: double green;
	}


.access {/*トップのアクセス案内外枠*/
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	outline:  double green;
	width: 95%;
	max-width: 980px;
}


ul.announce{/*診療案内説明*/
	line-height: 1.3;
	padding: 10px 5px 10px 15px;
}

.key{/*総合診療医説明*/
	text-align: center;
}

/*----------------------医院紹介----------------------------*/

.setubi {/*医院設備テーブル設定*/
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 750px;
	border: 1px solid green;
	background-color: #e2efba;
}


.setubi td{
	border: 1px solid green;
	padding: 10px;
}

.prof {/*医院概要:テーブル設定*/
	border-collapse: collapse;
	border-spacing: 0;
	width: 85%;
	text-align: left;
	margin: 10px 20px 20px 15px;
}

.prof td{
	border-bottom: 1px dotted black;
	padding: 15px;
	font-size: 16px;
}

.prof td:first-child{
	font-weight: bold;
}

.clinic-photo{

	padding: 15px;
}




/*---------------------予防接種-----------------------------*/


.vaccine {/*予防接種テーブル設定*/
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 450px;
	width: 95%;
	background-color: #e2efba;
}


.vaccine td{
	border: 1px solid green;
	padding: 10px;
}

.vaccine a{
	font-weight: bold;
}



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

div.hajimete{/*予約ページ内初めての方へ枠*/
	padding: 0 10px 10px 10px;
	font-size: 16px;
	border-style: solid;
	border-width: 2px;
	border-color: green;
	background-color: #fff7fb;
	max-width: 550px;
	width: 95%;
	border-radius: 10px;
}

/*--------------------------------------------------*/
.bosyu {/*募集要項*/
	max-width: 950px;
	border-collapse: collapse;
	text-align: center;
	background-color: #dffed3;
	margin: 30px auto 30px auto;
}

.bosyu tr{
	border: 1px solid green;
	padding: 10px;
}

.bosyu td{
	border: 1px solid green;
	padding: 10px;
}

.bosyu td:first-child{
	width: 70px;
}

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

.box8 {/*相談外来囲み*/
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
    max-width: 700px;
}

.box8 p {
    margin: 0; 
    padding: 0;
    line-height: 1.5;
    font-size: 16px;
}

/*--------------------------------------------------*/
.link {/*リンク集テーブル設定*/
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 10px 20px 20px 15px;
}

.link td{
	border-bottom: 1px dotted black;
	padding: 15px;
	font-size: 16px;
}


.link td:first-child{
	width: 20%;
}

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

.box26 {/*補完食外来飾り枠*/
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #a5d5bf;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #eff3cd;
    color: #339966;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


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

/*スマホ向けCSS*/
@media (max-width: 767px){


.header{
	margin: 0 auto 0 auto;
	max-width: 1000px;
	height: 250px;
	position: relative;
}

h1#header_copy{/*右上部文章*/
	position: absolute;
	text-align: right;
	top: 65px;
	right: 0px;
	font-size:75%;
	color: #006B33;
}

.title {/*タイトルバナーポジション*/
	position: absolute;
	max-width: 75%;
	left: 10px;
	bottom: 45px;}

	.column {/*アクセス以外の部分、大枠*/
		display: block;
		width: 98%;
		padding: 10px 0;

	  }

	.info-s {/*診療時間案内・index右*/
		display: block;
		width: 95%;
		padding: 10px;
		outline: none;
	}
	.info-n {/*お知らせ中身*/
		padding: 10px;
		outline: double green;
		margin: 0 10px;
	}

table tr,td{
	display: block;
	
}

.bosyu td:first-child{/*募集枠サイズ調整*/
	width: 90%;
}


.prof td:first-child{
	width: 100px;
	border-bottom: none;

}

.byouji-bunner {
	position: absolute;
	max-width: 18%;
	bottom: 45px;
	right: 10px;





/*中間幅スマホ向けCSS-タイトルバナーがかぶるため*/
@media (min-width:560px) and (max-width:768px){
.title {/*タイトルバナーポジション*/
	position: absolute;
	max-width: 55%;
	left: 60px;
	bottom: 45px;}

.byouji-bunner {
	position: absolute;
	max-width: 14%;
	bottom: 45px;
	right: 40px;

}