@charset "utf-8";
div#SecondContents p{margin:12px 0; line-height:2;}

ul#Menu a.operation{background-position:left bottom;}

div#SecondContents{padding-top:16px;}

div#OperationL{float:left; width:216px; margin:0; padding:0;}
div#OperationL h1{margin:0; padding:0;}
div#OperationL h1:before{background:none;}
div#OperationR{width:98%; padding:0 20px 60px 0; margin:0 auto;}
div#OperationR h2{margin:0; padding:0;}
div#OperationR img{max-width:100%;}
div#OperationR p{line-height:1.6em;}

/*****operation***********/
div#operation{margin:0 auto 70px; padding:0; width:1040px; text-align:center;}
div#operation dl.ope_menus{ display:inline-block; vertical-align:top; list-style:none; margin:0 4px; padding:0;}
div#operation dl.ope_menus dt{margin:0 0 -4px 0; padding:0;}
div#operation dl.ope_menus dt span{display:none;}
div#operation dl.ope_menus dd{margin:7px 0; padding:0;}
div#operation dl.ope_menus dd img{ width:165px;}
div#operation dl.ope_menus dd a{display:block; border:1px solid #EFA4BD; margin:2px auto; padding:0; width:180px; background: -moz-linear-gradient(#FFFFFF,#FCEDF3); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FCEDF3));}


/***診療科目メニュー****/
.ope_menu {margin: 0 16px 200px;}
.ope_menu a {color:#996600; text-decoration: none; cursor: pointer;}
.ope_menu a:hover {color: #f0166e;}
.ope_menu ul{margin:0; padding:0; list-style-type:none;}
.ope_menu li{margin-bottom:12px;}
.ope_menu .child {display: none; margin:0; padding:0 0 8px 0; background: #fff; line-height:1.6em; font-size:0.9em;}
.ope_menu .child > li {margin: 4px 0; padding:0; border-bottom: 1px solid #dddddd;}
.ope_menu .on{display:block;}
.ope_menu .child a.active{color:#333333; font-weight:bold;}
.ope_menu .child .menu {background: #eaeaea; color: #5e5e5e;}
.demo .child .menu:hover {background: #d0d0d0; }


.ope_menu .child a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 14px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.ope_menu .child a::before,
.ope_menu .child a::after{
	position: absolute;
 top:0.5em;
	content: "";
	vertical-align: middle;
}

.ope_menu .child a::before{
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #CC9900;
}

/**リンクボタン**/
/****拡大して見る****************/
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
	
	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	text-decoration: none;
	margin: auto;
	padding:6px 12px;
	color: #333;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

a.btn-radius-solid:after{
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}

/****************************/


/****ページ内リンク*********************/
ul.PageLink{margin:8px 0 30px 0; padding:6px 0; list-style:none; text-align:center; border-bottom:1px solid #CCCCCC;}
ul.PageLink li{display:inline-block; font-size:1em; margin:4px 18px;}
ul.PageLink li a{display:inline-block; padding:0 12px 0 0; position: relative; vertical-align: middle; color:#333333;}
ul.PageLink li a:after, ul.PageLink li a:before{content: "";
  position: absolute;
  top:30%;
  right:0;
  width: 2px;
  height: 7px;
  border-radius: 9999px;
  background-color:#CC9900;
  transform-origin: 50% calc(100% - 1px); transform: rotate(-45deg);}
ul.PageLink li a:before{transform: rotate(45deg);}	
ul.PageLink li a:hover{ color:#996600; text-decoration:none;}






/******************/
/*Q＆A*/
dl.faq dt{font-weight:bold; font-size:1.1em; text-indent:-1.9em;	padding-left:1.9em;}
dl.faq dd{margin:8px 0 40px; padding:0; text-indent:-2em;	padding-left:2em;}
dl.faq dt:before{content:"Q."; padding-right:8px; font-size:1.2em;}
dl.faq dd:before{color:#CC9900; font-weight:bold; content:"A."; font-size:1.3em; padding-right:8px;}


/*Q&A*/
dl.qa02{padding:12px;}
dl.qa02 dt{margin:0 0 1em; font-weight:bold; font-size:1.1em; text-indent:-2em; padding-left:2em; line-height:1.6;}
dl.qa02 dt span{margin-right:0.5em;}
dl.qa02 dd{margin:0 0 3em; padding:0; color:#000; text-indent:-2em;	padding-left:2em;	line-height:1.6;}
dl.qa02 dd span{color:#CC9900; margin-right:0.5em; padding-bottom:2em; font-weight:bold; font-size:1.3em;}
dl.qa02 dt.Ans{color:#ff3d79;}




/***診療科目トップ********/

a{color:#FF6699;}
.arrowB{margin:10px 0 0; padding:2px 0 7px 34px; text-align:left; background: url(images/list_arrow01.png) 3px 0 no-repeat;}

ul.ilist{margin:0 0 30px 50px; list-style:none;}
ul.ilist li{display:block; margin:0 63px 20px 0; line-height:1.2; width:42%; float:left;}

/*料金*/
.pr_notes{font-size:0.9em;}


@media screen and (max-width:1280px) {
div#operation{width:auto; text-align:center;}

div#OperationR{width:76%;}
}

@media screen and (max-width:1080px) {
div#operation{margin-bottom:30px;}
div#operation dl.ope_menus{display:block; vertical-align:top; margin:12px 0 60px 0; padding:0; list-style:none;}
div#operation dl.ope_menus dt{color:#FFFFFF; font-weight:bold; text-shadow: 1px 1px 2px #f06591; min-width:97%; clear:both; padding:6px 1%; margin-bottom:6px; background-color:#f9d3e0; background-image: linear-gradient(180deg, #f9d3e0 0%, #eea4bd 50%, #f9d3e0 100%);
}
div#operation dl.ope_menus dt img{display:none;}
div#operation dl.ope_menus dt span{display:block;}
div#operation dl.ope_menus dd{ display:inline-block; margin:0; padding:6px 0;}
}

@media screen and (max-width:1020px) {
div#OperationR{width:72%;}
}


@media screen and (max-width:900px) {

div#OperationL{display:none;}
div#OperationR{width:100%; margin:0 auto; padding-right:0;}

}

@media screen and (max-width:640px) {
}

@media screen and (max-width:420px) {
#operation dl.ope_menus dd{float:left; margin:0; padding:0; text-align:center;}

div#operation dl.ope_menus dd{width:50%;}
div#operation dl.ope_menus dd a{width:160px;}
div#operation dl.ope_menus dd img{width:100%;}

}

@media screen and (max-width:350px) {
#operation dl.ope_menus dd{float:none; margin:0; padding:0; text-align:center;}

/****ページ内リンク*********************/
ul.PageLink{text-align:left;}
}