@charset "utf-8";

/* コンテンツタイトル / パンくず
----------------------------------------------------------- */
.patetoptitle {
width: 100%;
background-color:#5D2D7C;
}

.patetoptitlebox {
width: 1060px;
margin: 0 auto;
padding: 2em 0;
text-align: left;
}

.patetoptitlebox h2 {
font-size: 26px;
color: #FFF;
line-height: 1.3;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HGS明朝E",serif;
}

.pan {
width: 1060px;
margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.patetoptitlebox {
	width: 94%;
	padding: 1.5em 0;
	}
	.patetoptitlebox h2 {
	font-size: 20px;
	}
	.pan {
	width: 94%;
	}
}


.pan ul {
text-align: left;
}

.pan ul li {
font-size: 13px;
display: inline-block;
}

.pan ul li a {
color: #333;
}

.panbox ul li::after {
  content: "＞";
  margin: 0 0 0 1em;
}

.panbox ul li:last-child::after {
  content: "";
  margin: 0;
}


/* コンテンツ
----------------------------------------------------------- */
#contents {
margin:0 auto;
padding: 0 0 2em 0 ;
overflow:hidden;
}

.contentsbox {
width: 1060px;
margin: 0 auto;
}

/* メイン
----------------------------------------------------------- */
.main h3 {
font-size: 30px;
line-height:1.4;
margin: 1.5em 0 1.5em 0;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HGS明朝E",serif;
text-align:center;
}

.mainbox {
text-align:left;
padding: 0 0 2em 0;
}

.mainbox h3 {
color :#5d2d7c;
text-align:left;
}

.mainbox h4 {
font-size: 22px;
line-height: 1.5;
margin: 2em 0 1em 0;
padding: 0.2em 0 0.4em 0.5em;
border-left: 5px solid #5D2D7C;
border-bottom:1px dotted #666;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HGS明朝E",serif;
}

.mainbox h4.h4no {
padding: 0.2em 0 0.4em 0;
border-left: none;
}

span.no {
width: 30px;
height: 30px;
font-size:24px;
font-weight: 700;
border-radius:50%;
line-height: 30px;
text-align:center;
color :#5D2D7C;
padding: 0 0.4em;
margin: 0 1em 0 0;
border:1px solid #5D2D7C;
}

span.end {
color: #B02E8D;
border:1px solid #B02E8D;
padding: 0 1em;
margin: 0 0 0 1em;
}

.mainbox h5 {
font-size: 18px;
color: #5D2D7C;
margin: 2em 0 0.5em 0;
}

.mainbox h5:before {
  content: '●';
  color: #5D2D7C;
  margin-right: 8px;
font-size: 14px;
}

blockquote {
border:1px solid #CCC;
background-color:#FFF;
padding:1em 1.5em 0 1.5em;
margin: 2em 0 2em 0;
}

.mainbox blockquote h4:first-child {
margin:0 0 1em 0;
}

.mainbox p.day {
text-align:right;
}

.textcenter { text-align:center;}

.aligncenter{
    max-width:100%;
    margin:0 auto 1em auto;
    vertical-align: bottom;
    display:block;
}

.alignright {
    float:right;
    max-width:300px;
    padding: 5px;
    margin:0 0 1em 1em;
    border: 1px solid #CCC;
    vertical-align: bottom;
}

.alignleft {
    float:left;
    max-width:300px;
    padding: 5px;
    margin:0 1em 1em 0;
    border: 1px solid #CCC;
    vertical-align: bottom;
    }

@media screen and (max-width: 768px) {
	#contents {
	padding: 0 0 1em 0 ;
	}
	.contentsbox {
	width: 90%;
	margin: 0 auto;
	}
	.main h3 {
	font-size: 26px;
	margin: 1em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 3px solid #5D2D7C;
	}
	.mainbox {
	padding: 0 0 1em 0;
	}
	.mainbox h3 {
	font-size: 22px;
	}
	.mainbox h3 span {
	padding: 0;
	}
	.mainbox h4 {
	font-size: 18px;
	}
}


/*　リスト系
-------------------------------------------------*/

.mainbox ul {
padding:0 0 0 26px;
margin:0 0 1em 0;
overflow:hidden;
}

.mainbox ul li {
list-style-type:disc;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}

/*　INFORMATION
-------------------------------------------------*/
.informationbox dl,
.informationbox dl.dl2{
overflow:hidden;
padding:0.5em 0;
border-bottom:1px dotted #777;
}

.informationbox dt {
width: 30%;
float:left;
font-size:16px;
}

.informationbox dl.dl2 dt {
width: 16%;
float:left;
font-size:16px;
}

.informationbox dt span {
display:inline-block;
width:140px;
font-size: 12px;
font-weight:700;
padding: 0.1em 0;
text-align:center;
color: #999;
border:1px solid #999;
margin:0 0 0 20px;
}

.informationbox dt span.news {
color: #B02E8D;
border:1px solid #B02E8D;
}

.informationbox dt span.study {
color: #727D2D;
border:1px solid #727D2D;
}

.informationbox dt span.study2 {
color: #B09B2E;
border:1px solid #B09B2E;
}

.informationbox dt span.end {
color: #B02E8D;
border:1px solid #B02E8D;
padding: 0 1em;
margin: 0 0 0 1em;
}

.informationbox dd {
float:right;
width: 70%;
text-align:left;
font-size:16px;
}

.informationbox dl.dl2 dd {
float:right;
width: 84%;
text-align:left;
font-size:16px;
}

.infomenu {
width: 100%;
margin:0 auto;
}

.infomenu ul {
text-align:right;
}

.infomenu ul li {
display:inline-block;
}

.infomenu ul li a {
display:block;
padding:0.1em 0.5em;
color: #6E3F8C;
border:1px solid #6E3F8C;
text-decoration:none;
}

.infomenu ul li a:hover {
color : #FFF;
background-color: #6E3F8C;
}


.pagefooter {
clear:both;
margin:3em 0 0 0;
text-align:center;
}

.pagefooter a {
display:inline-block;
color:#6E3F8C;
background-color:#FFF;
border:1px solid #6E3F8C;
padding:0.2em 1em;
text-decoration:none;
margin:0 4px;
}

.pagefooter a:hover {
color:#FFF;
background-color:#6E3F8C;
}

@media screen and (max-width: 768px) {
	.informationbox {
	width:100%;
	margin:0 auto;
	padding: 0 ;
	text-align:left;
	}
	.informationbox dt {
	width:100%;
	float:none;
	font-size:14px;
	}
	.informationbox dd {
	width:100%;
	float:none;
	font-size:14px;
	}
.informationbox dl.dl2 dt {
	width:100%;
	float:none;
	font-size:14px;
}
.informationbox dl.dl2 dd {
	width:100%;
	float:none;
	font-size:14px;
	}
	.infomenu {
	width: 100%;
	margin:0 auto;
	}
	.infomenu ul {
	text-align:center;
	padding:0;
	margin:0 0 1em 0;
	}
	.infomenu ul li a {
	font-size: 12px;
	margin:0 0 4px 0;
	}
}

/* テーブル------------------------------ */

.mainbox table {
max-width:100%;
margin:0 auto 1em auto;
}

.mainbox th {
width:24%;
color:#FFF;
text-align:left;
font-weight:normal;
padding:12px 20px;
background-color:#6E3F8C;
border:1px solid #CCC;
}

.mainbox th a {
color: #FFF;
}

.mainbox td {
width:76%;
text-align:left;
padding:12px 20px;
background-color:#FFF;
border:1px solid #CCC;
}

.mainbox table.tstaff {
}

.mainbox table.tstaff th {
width: auto;
text-align:left;
}

.mainbox table.tstaff td {
width:auto;
}

.mainbox table.tstaff td:last-child {
text-align:right;
}

/* サイトマップ------------------------------ */

.sitemapbox {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.sitemapbox section {
width: 32%;
margin: 0 2% 1em 0;
}

.sitemapbox section:nth-of-type(3n) {
margin: 0 0 1em 0;
}

/*　medicine
-------------------------------------------------*/
.medicinebox ul {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.medicinebox li {
font-size: 14px;
width: 48%;
margin: 0 1%;
}

span.i_outside {
color: #FFF;
background-color: #5D2D7C;
padding: 0.1em 1em;
margin-right: 0.5em;
letter-spacing: 0.1em;
}

span.i_inside {
color: #FFF;
background-color: #B09B2E;
padding: 0.1em 1em;
margin-right: 0.5em;
letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
	.mainbox table {
	border:none;
	border-spacing: 0;
	}
	.mainbox th {
	display:block;
	width:100%;
	border-right:none;
	}
	.mainbox td {
	display:block;
	width:100%;
	border:none;
	padding:12px 0 20px 0;
	}
	.mainbox table.tstaff {
	width:100%;
	}
	.mainbox table.tstaff th {
	width: auto;
	display:table-cell;
	border:1px solid #CCC;
	}
	.mainbox table.tstaff td {
	width: auto;
	display:table-cell;
	text-align:right;
	border:1px solid #CCC;
	padding:12px 12px;
	}
	.sitemapbox section {
	width: 100%;
	margin: 0 0 1em 0;
	}
	.medicinebox li {
	width: 100%;
	margin:0 0 0.3em 0;
	}
}