@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; }
body{ font-size:14px; font-family:Meiryo, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; color:#000000; }
img{ border:none; font-size:0; vertical-align:top; }
ul{ list-style-type:none; line-height:200%; }
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:underline; }
a:hover img{ opacity: 0.8; }

/* font
****************************************************/
.fc_1{ color:#ffffff; }
.fc_2{ color:#f39800; }
.fc_3{ color:#9b3d91; }
.fs_11px{ font-size:11px; }
.fs_14px{ font-size:14px; }
.fs_16px{ font-size:16px; }

/* background-color
****************************************************/
.bc_1{ background-color:#ffedad; }
.bc_2{ background-color:#f9dbe8; }


/* margin
****************************************************/
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }

/* align
****************************************************/
.align_r{ text-align:right; }
.align_c{ text-align:center; }

/* radius
****************************************************/
.radius_5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.radius_10, .button_1, .button_2, .button_3, .button_1_link, .button_2_link, .section, .disease li a, .symptom dl, .symptom dt{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* headline
****************************************************/
.headline_1{ background:url(images/line1.png) center repeat-x; font-size:16px; font-weight:bold; padding:10px 0 5px 40px; }
.headline_1 span{ background-color:#ffffff; padding:0 .5em; color:#9b3d91; }
.headline_2{
	font-size:16px;
	background-color:#9b3d91;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:10px 0;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}
.headline_3{ background:url(images/line2.png) left bottom no-repeat; font-size:16px; font-weight:normal; padding:15px 0 5px 40px; }

/* button
****************************************************/
.btn_1, .btn_2, .btn2link{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.btn_1{ font-size:18px; font-weight:bold; text-align:center; padding:5px 1.5em; background-color:#ffc600; color:#ffffff; }
.btn_2, .btn2link{ color:#ffffff; font-weight:bold; display:inline-block; background-color:#666666; border:1px solid #666666; padding:5px 0; width:50%; }
.btn2link:hover{ text-decoration:none; background-color:#ffffff; color:#666666; }
.btn_wid_1{ width:181px; }
.btn_wid_2{ width:100%; text-align:center; }
.btn_wid_3{ padding-left:1em; padding-right:1em; font-size:16px; }
.button_1, .button_2, .button_1_link, .button_2_link{ color:#ffffff; font-weight:bold; display:inline-block; padding-top:5px; padding-bottom:5px; }
.button_1, .button_1_link{ background-color:#9aca5d; border:1px solid #9aca5d; }
.button_1_link:hover{ text-decoration:none; background-color:#ffffff; color:#9aca5d; }
.button_2, .button_2_link{ background-color:#ff7033; border:1px solid #ff7033; }
.button_2_link:hover{ text-decoration:none; background-color:#ffffff; color:#ff7033; }
.button_3{ background-color:#ffffff; color:#000000; display:inline-block; padding:0 1em; }
.button_4 { display: block; padding: 1em; color: #fff; font-size: 1.2rem; font-weight: 700; background: linear-gradient(180deg, rgba(84,194,213,1) 0%, rgba(16,179,184,1) 35%, rgba(15,173,183,1) 65%, rgba(28,154,192,1) 100%); border-radius: 10px; text-align: center; transition: 0.3s; }
.button_4:hover { opacity: 0.8; text-decoration: none; }

/* read
****************************************************/
.ti1em{ text-indent:1em;}
.le05em{ letter-spacing:.5em; }
.le1em{ letter-spacing:1em; }
.ti1em{ text-indent:1em; }

/* section
****************************************************/
.section, .section_1{ border:1px solid #e4e4e4; margin-top:30px; background-color:#ffffff; }

/* icon
****************************************************/
.icon_1:before{ content:"※"; margin-right:5px; }
.icon_2:before, .icon_2_list li:before{ content:"●"; color:#b6a86f; margin-right:5px; }
.icon_3:after{ content:"▶"; font-size:11px; margin-left:1em; }


.icon_4:before, .icon_4_list li:before{ content:"■"; color:#00532c; margin-right:5px; }
.icon_5:before{ content:"■"; color:#b6a86f; margin-right:5px; }

/* list
****************************************************/
/* list_ul */
.list_ul1 li:before{ content:"●"; color:#1d2088; margin-right:5px; }
.list_ul2 li{ border-bottom:1px dotted #6a3906; padding-left:1em; margin-top:5px; }
.list_ul3{ line-height:150%; }
/* list_dl */
.list_dl1{ margin-bottom:2em; }
.list_dl1 dt{ color:#9c3e92; font-size:16px; font-weight:bold; margin-top:2em; }
.list_dl1 dt:before{ content:"●"; color:#9c3e92; margin-right:5px; }
.list_dl1 dd{ margin-top:1em; }
/* list_etcl */
.list_disc{ list-style-type:disc; margin-left:1.5em; }
.list_banner{ text-align:center; overflow:hidden; }
.list_banner .lef{ float:left; }
.list_banner .rig{ float:right; }
.list_banner .bot{ clear:both; }
.list_banner li{ padding-top:30px; text-align:center; }

/* table
****************************************************/
.table01 { width: 100%; border-collapse: collapse; }
.table01 th, .table01 td { padding: 10px; border: 1px solid #000; }
.table01 th { color: #FFF; background-color: #9b3d91; border: 1px solid #000; }

/* page_headline
****************************************************/
.page_headline{ background-repeat:no-repeat; background-position:center; color:#9d4193; line-height:100%; }
.ph_default{ background-image:url(images/page_title_default.png); }
.ph_greeting{ background-image:url(images/page_title_greeting.png); }
.ph_medical{ background-image:url(images/page_title_medical.png); }
.ph_guide{ background-image:url(images/page_title_guide.png); }

/* notice
****************************************************/
#notice .notice__list { max-height: 600px; overflow-y: scroll; overscroll-behavior: contain; }
#notice .influenza-banner { display: block; max-width: 200px; width: 100%; margin-top: 10px; padding: 8px 0; color: #fff; background-color: #9b3d91; border: 1px solid #9b3d91; text-align: center;  transition: .3s; box-sizing: border-box; }
#notice .influenza-banner:hover { text-decoration: none; color: #9b3d91; background-color: #fff; }

/* greeting
****************************************************/
.greeting .head{ color:#9b3d91; font-weight:bold; }

/* clinic
****************************************************/
.clinic{ text-align:center; }
.clinic strong{ font-size:24px; line-height:125%; }

/* symptom
****************************************************/
.symptom dl{ border:1px solid #9c3e92; }
.symptom dt{ background-color:#f9dbe8; margin:5px 3px 0 3px; padding-left:1em; font-size:14px; }
.symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
.symptom dd a{ display:block; text-align:right; }
.symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#9c3e92; }
.symptom .even dl{ border:1px solid #b9ac75; }
.symptom .even dt{ background-color:#fff6b2; }
.symptom .even dd a:before{ color:#b9ac75; }
/* symptom2 */
.symptom2 dt{ background-color:#f9dbe8; color:#a24c99; font-weight:bold; padding:4px 1em 3px 1em; font-size:15px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ overflow:hidden; margin:30px 0 50px 70px; }
.symptom2 li{ margin-top:1em; background:url(images/icon4.png) left center no-repeat; }
.symptom2 li a{ margin-left:20px; }
/* symptom3 */
.symptom3 h3{ background-color:#fff180; color:#666666; padding:5px 1em; font-size:16px; }
.symptom3 h4{ border-bottom:1px solid #b6a86f; color:#666666; font-size:16px; margin-top:20px; }
.symptom3 h4:before{ content:"●"; margin-right:5px; color:#b6a86f; }
.symptom3 .des{ margin-top:.5em; }
.symptom3 dl{ padding:2em 0; }
.symptom3 dt{ font-weight:bold; }
.symptom3 dt:before{ content:"■"; margin-right:5px; color:#b6a86f; }
.symptom3 .back{ padding-top:.5em; border-top:1px solid #b6a86f; }
.symptom3 .back:before{ content:"◀"; margin-right:5px; color:#9b3d91; }

/* disease
****************************************************/
.disease li a{
	display:block;
	background-image:url(images/icon3.png);
	background-position:left 15px center;
	background-repeat:no-repeat;
	background-color:#f9dbe8;
	text-align:center;
	padding:15px 0;
	border:1px solid #a95aa1;
	color:#a95aa1;
}
.disease li a:hover{ background-image:url(images/icon3.png); background-color:#ffffff; color:#a95aa1; text-decoration:none; }
.disease h3{ background-color:#fdedf2; color:#9d4193; padding:5px 5px 5px 10px; font-size:18px; margin:30px; border-left:5px solid #9d4193; }
.disease dl{ margin:0 30px 30px 30px;}
.disease dt{ border-bottom:1px dotted #a95aa1; padding-bottom:5px; font-weight:bold; margin-top:2em; font-size:16px; }
.disease dt:before{ content:"●"; margin-right:5px; color:#b6a86f; }
.disease dd{ padding-top:1em; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1 .text h3{ border-left:5px solid #9b3d91; background-color:#fdedf2; color:#9b3d91; font-size:14px; line-height:20px; padding:5px 10px; }
/* guide_list2 */
.guide_list2 .box h3{ color:#9b3d91; background-color:#fdedf2; padding:5px; font-size:14px; margin-top:.5em; margin-bottom:.5em; }
/* guide_list3 */
.guide_list3 h3 { color:#9b3d91; background-color:#fdedf2; padding:5px; font-size:16px; margin:.5em 0;	}
/* guide_list4 */
.guide_list4 h3 { color:#9b3d91; background-color:#fdedf2; padding:5px; font-size:16px; margin:0;	}
.guide_list4{ margin-top: 30px;	}

/* sitemap
****************************************************/
.sitemap .parent li:before{ content:"■"; color:#9c3e92; margin-right:.5em; }
.sitemap .child li:before{ content:"●"; color:#b6a86f; margin-right:.5em; }

/* medical.php#yobou */
#yobou .vaccine__list li { padding-left: 1em; text-indent: -1em; }


/* モニター幅600px以上
**************************************************/
@media only screen and (min-width:600px), print{

/* wrapper
****************************************************/
.wrapper{ width:1000px; margin:0 auto; overflow:hidden; }

/* space
****************************************************/
.mt_s{ margin-top:15px; }
.mt_m{ margin-top:30px; }
.mt_l{ margin-top:60px; }

/* sp
****************************************************/
.sp_br{ display:none; }

/* overflow:hidden;
****************************************************/
.oh{ overflow:hidden; }

/* section
****************************************************/
.section_1 .button_2_link{ float:left; width:17%; text-align:center; font-size:18px; padding-top:7px; }
.section_1 .list_ul3{ float:right; width:80%; }

/* read
****************************************************/
.read_1{ padding:20px 40px; }
.read_2{ padding:15px; }
.read_3{ padding:0 30px; }
.read_4{ padding:30px; }
.read_5{ padding: 0 40px 20px; }

/* column
****************************************************/
.column, .column_1, .column_mw33, .column_mw50{ overflow:hidden; }
.column .lef, .column_mw33 li, .column_mw50 li{ float:left; }
.column .rig{ float:right; }
.column_mw33 li{ min-width:33%; }
.column_mw33 .adj{ min-width:21%; }
.column_mw50 li{ min-width:49%; }
.column_li25{ min-width:25%!important; }
.column_1 .button_2_link{ float:left; width:17%; text-align:center; font-size:18px; padding-top:7px; }
.column_1 .list_ul3{ float:right; width:80%; }

/* header
****************************************************/
#header{ background:url(images/header_bg.png) no-repeat top center; border-top:10px solid #9b3d91; padding-top:15px; height:155px; }
#header .lef{ float:left; }
#header .rig{ float:right; color:#666666; }
#header h1{ font-size:10px; font-weight:normal; color:#000000; }
#header .logo{ margin-top:20px; }
#header .tel{ margin-top:15px; font-weight:bold; text-align:right; }
#header .tel span{ border-bottom:1px solid #666666; }
#header .tel a{ font-size:30px; margin-left:5px; color:#666666; }
#header .tel a:hover{ text-decoration:none; color:#9b3d91; }
#header .adr{ font-size:11px; }

/* globalNavi
****************************************************/
#globalNavi{ text-align:center; font-size:0; padding:15px 0 30px 0; }
#globalNavi li{ display:inline-block; text-align:center; margin-left:1px; }
#globalNavi li:last-child{ margin-right:1px; }
#globalNavi li br{ display:none; }
#globalNavi img{ padding:0 17.75px; }

/* slider
****************************************************/
#slideshow{
   position:relative;
   width:100%;
   height:500px;
}
#slideshow li{
   position:absolute;
   height:500px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
}

/* contents
****************************************************/
#main-column { float:right; width:590px; }
#main-column2{ width:1000px; min-height:520px; }
#side-column { float:left; width:390px; }

/* page_headline
****************************************************/
.page_headline{ font-size:25px; padding:65px 40px 60px 100px; }

/* footer
****************************************************/
#footer{ background:url(images/footer_bg.png) no-repeat top center; color:#ffffff; margin-top:50px; }
#footer .wrapper{ height:376px; text-align:center; }
#footer ul,#footer address{ margin-top:1.5em; }
#footer a{ color:#ffffff; }
#footer h3{ font-size:30px; margin-top:150px; }
#footer .adr{ font-size:18px; margin-top:1em; }
#footer .tel{ font-size:30px; margin-top:10px; }
#footer ul{ line-height:100%; font-size:11px; }
#footer li{ display:inline-block; }
#footer li:after{ content:"／"; }
#footer li:last-child:after{ content:""; }
#footer address{ font-style:normal; font-size:11px; }

/* greeting
****************************************************/
.greeting ul{ margin-bottom:0em; }
.greeting li{ overflow:hidden; }
.greeting .jpc{ float:left; }
.greeting .bio{ margin-left:10em; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ overflow:hidden; margin-top:20px; padding:0 20px; }
.guide_list1 .photo{ float:right; }
.guide_list1 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list1 .text{ margin-right:260px; }
.guide_list1 .text p{ margin-top:.5em; }

/* guide_list2 */
.guide_list2{ overflow:hidden; }
.guide_list2 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list2 .box{ float:left; margin:20px 1px 0 28px; width:162px; height:450px; }

/* guide_list3 */
.guide_list3 { overflow:hidden; margin: 0 15px 0 25px;}
.guide_list3 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list3 .box { float:left;  margin:20px 1px 0 0; width:162px; height:280px; }
.guide_list3 .box2{ float:right; margin:20px 1px 0 0; width:360px; height:200px; }
.guide_list3 .box3{ float:left;  margin:0 10px 0 0; width:230px; height:200px; }
.guide_list3 .box4{ float:right; margin:0 0 0 0; width:120px; height:200px; }

/* guide_list4 */
.guide_list4 { overflow:hidden; margin: 0 20px; }
.guide_list4 .photo img{ border:1px solid #e0e0e0; padding:5px; }
.guide_list4 .photo { float:left; margin:20px 1px 0 0; width:162px; text-align:center; }
.guide_list4 .box2{ float:right; margin:20px 1px 0 0; width:360px; }

.photo2column{ list-style-type:none; overflow:hidden; }
.photo2column li{ float:left; margin-right:20px; }
.photo2column li:last-child{ margin-right:0; }

.photo3column{ list-style-type:none; overflow:hidden; }
.photo3column li{ float:left; margin-right:19px; }
.photo3column li:last-child{ margin-right:0; }
.photo3column .w130{ width:130px; }
.photo3column .w190{ width:190px; }

/* symptom
****************************************************/
.symptom ul{ overflow:hidden; padding-top:1.5%; padding-bottom:4%; }
.symptom li{ float:left; width:30%; margin:2.5% 0 0 2.5%; }
.symptom dt{ font-size:14px; }
/* symptom2 */
.symptom2 dl{ padding:30px 30px 0 30px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ overflow:hidden; margin:30px 0 50px 70px; }
.symptom2 li{ float:left; width:33%; padding-top:2px; }

/* disease
****************************************************/
.disease ul{ overflow:hidden; padding-bottom:4%; }
.disease li{ float:left; width:28%; margin:4% 0 0 4%; }
.disease li a{ width:100%; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ margin-left:50px; padding:30px 0; }
.sitemap .child{ margin-left:1.5em; overflow:hidden; width:500px; }
.sitemap .child li{ float:left; width:33%; }

/* float
****************************************************/
.l{ float:left; }
.r{ float:right; }


}

/* モニター幅600px以下
**************************************************/
@media only screen and (max-width:599px){

.wrapper{ width:100%; }
img{ max-width:100%; height:auto; }

/* space
****************************************************/
.mt_s{ margin-top:15px; }
.mt_m{ margin-top:30px; }
.mt_l{ margin-top:60px; }

/* pc
****************************************************/
.pc_br{ display:none; }

/* smp
****************************************************/
.smp_1{ padding-left:10px; padding-right:10px; }

/* list
****************************************************/
.list_banner .lef{ float:left; width:49%; }
.list_banner .rig{ float:right; width:49%; }

/* button
****************************************************/
.btn2link{ width:100%; }

/* read
****************************************************/
.read_1, .read_2, .read_3, .read_4{ padding:10px; }
.read_5{ padding: 0 10px 10px; }

/* section
****************************************************/
.column_1 .button_2_link{ width:100%; text-align:center; margin-top:15px; font-size:18px; }

/* header
****************************************************/
#header{ background:url(images/header_bg_sp.png) bottom center no-repeat #fae5ee; background-size:100% auto; padding:10px 10px 25px 10px; color:#666666; border-top:5px solid #9b3d91; text-align:center; }
#header h1{ font-size:10px; font-weight:normal; text-align:center; color:#000000; }
#header .logo{ margin:.5em 0; }
#header .tel{ margin-top:10px; font-weight:bold; text-align:center; }
#header .tel a{ font-size:24px; margin-left:5px; color:#666666; }
#header .adr{ font-size:11px; }

/* globalNavi
****************************************************/
#globalNavi{ text-align:center; letter-spacing: -0.4em; margin-bottom:10px; margin-top:10px; }
#globalNavi li{
	display:inline-table;
	width:31%;
	margin:10px 1% 0 1%;
	vertical-align:top;
	letter-spacing: normal;
	line-height:20px;
	font-size:12px;
}
#globalNavi li a{
	height:50px;
	display:table-cell;
	vertical-align:middle;
	color:#ffffff;
	text-align:center;
	border:1px solid #e0e0e0;
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;  /* Firefox */
}
#globalNavi li .on, #globalNavi li a:hover{
	color:#00bdb8;
	background-color:#ffffff;
	font-weight:bold;
}

/* slideshow
****************************************************/
#slideshow{
	margin-top:20px;
	position:relative;
	width:100%;
	overflow: hidden;
	height:0;
    padding-top:33%;
}
#slideshow li{
	position:absolute;
	width:100%;
	background-size:contain;
	height:100%;
	top:0;
	left:0;
	background-position:center top;
	background-repeat:no-repeat;
}

/* contents
****************************************************/
#main-column, #side-column{ padding:0 15px; }

/* page_headline
****************************************************/
.page_headline{ background-size:100% auto; padding:5% 5% 5% 10%; font-size:20px; }

/* column
****************************************************/
.column .rig{ text-align:center; margin-bottom:1em; }

/* footer
****************************************************/
#footer{ background:url(images/footer_bg_sp.png) top center no-repeat #9b3d91; background-size:100% auto; color:#ffffff; padding:50px 15px 15px 15px; font-size:12px; margin-top:30px; text-align:center; }
#footer .wrapper{ }
#footer h3{ font-size:20px; text-align:center; }
#footer a{ color:#ffffff; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{ padding-top:10px; font-size:24px; }
#footer ul{ margin-top:1em; text-align:left; }
#footer li:before{ content:"■"; margin-right:5px; color:#ffffff; }
#footer address{ font-style:normal; margin-top:1em; font-size:11px; }

/* clinic
****************************************************/
.clinic strong{ font-size:20px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ margin-top:20px; padding:0 10px; }
.guide_list1 .photo{ text-align:center; }
.guide_list1 .text h3{ margin-top:1em; margin-bottom:.5em; }
/* guide_list2 */
.guide_list2{ padding-bottom:1em; }
.guide_list2 .box{ margin-top:20px; padding:0 10px; }
.guide_list2 .photo{ text-align:center; }
/* guide_list4 */
.guide_list4 .photo { text-align:center; }
.guide_list4 { margin: 0 10px;	}
.photo3column{ line-height:1.5; }


/* symptom
****************************************************/
.symptom ul{ padding:0 20px 20px 20px; }
.symptom li{ margin-top:20px; }
/* symptom2 */
.symptom2 dl{ margin-top:15px; padding:15px; }
.symptom2 ul{ margin:20px; }

/* disease
****************************************************/
.disease ul{ padding:0 20px 20px 20px; }
.disease li{ margin-top:20px; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ padding:20px; }
.sitemap .child{ margin-left:1.5em; }
}

.gmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe, .gmap object, .gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 20160601 add
****************************************************/
 .clearfix { display: inline-table; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mainbox{
  width: 980px;
  margin: 0 auto;
		text-align:left;
		line-height:1.6;
}

.leftbox, .rightbox{
  width: 450px;
		padding: 40px 20px;
}
.leftbox{ float: left; }
.rightbox{ float: right; }

ruby {
  position: relative;
}

ruby rt {
  position: relative;
  top: 0.6ex;
}
/* 20210601 add
****************************************************/
.yobou-waku { padding: 10px; border: 1px #9b3d91 dotted; font-size: 0.9em; margin:12px; }