@charset "UTF-8";

/* #### ribon ####*/
#ribon {
	width: 100%;
	background-image: url("../img/symptom/title.jpg");
	position: relative;
}

/* ## sidemenu部分 ## */
#sMenu {
	width: 100%;
	box-sizing: border-box;
}
/*固定*/
#sMenu.fixed{
	position:fixed;
	top: 74px;
	left: 0;
	z-index: 1;
}
#sMenu ul {
	width: 100%;
	box-sizing: border-box;
}

.ddMenu {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	z-index: 9997;
}

.ddMenu > li {
	width: 25%; /* グローバルナビ4つの場合 */
	box-sizing: border-box;
	height: 50px;
	color: #ffffff;
	text-align: center;
	border-right: solid 1px #707070;
	background-color: #777777;
	padding-top: 8px;
	cursor: pointer;
	float: left;
	position: relative;
}
.ddMenu > li:last-child {
	border-right: none;
}
/* 下矢印 */
.ddMenu li.menu_single:after {
	color: #eeeeee;
	content: '';
	width: 6px;
	height: 6px;
	margin: 0 0 0 14px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 44%;
	bottom: 10px;
	display: block;
	-webkit-transition: all 0.05s ease;
	-moz-transition: all 0.05s ease;
	-o-transition: all 0.05s ease;
	transition: all 0.05s ease;
}
/* 下矢印 */
.ddMenu li.menu_single.arrowUp:after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	left: 44%;
	bottom: 5px;
}
.ddMenu > li h3 {
	font-size: 14px;
	font-family: "Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
}
.ddMenu > li a {
	display: block;
	color: #fff;
	padding: 10px 4px;
}

.ddMenu > li a:hover {
    text-decoration: none;
}

ul.second_level {
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
}
ul.second_level li a {
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	color: #ffffff;
	border-top: 1px solid #777777;
	background-color: #888888;
	padding: 8px;
	display: block;
}

#ajBox.ajusted {
	margin-top: 50px;
}
#ajBox.baseBox .inner {
	max-width: 980px;
}

/* ## detail.php ## */
.kContents {
	line-height: 2;
}
.kContents li {
	list-style-type: inherit;
	margin-left: 14px;
}
.kContents img {
	max-width: 100%;
}


/* ## index.php ## */


/* #### width 359px以下の場合の設定 (for SP Only) #### */
@media (max-width: 359px) {

.ddMenu > li h3 {
	font-size: 10px;
}
ul.second_level li a {
	font-size: 9px;
}
	
}

/* #### width 360px～500pxの場合の設定 (for SP Wide Only) #### */
@media (min-width: 360px) and (max-width: 500px) {

.ddMenu > li h3 {
	font-size: 11px;
}
ul.second_level li a {
	font-size: 10px;
}
	

}

/* ## width 501px～767pxの場合の設定 (for Tub Only) ## */
@media (min-width: 501px) and (max-width: 767px) {

.ddMenu > li h3 {
	font-size: 12px;
}

ul.second_level li a {
	font-size: 11px;
}

}

/* #### width 767px 以下の場合の設定 (for All Mobile Dvices) #### */
@media (max-width: 767px) {

/* ## sidemenu部分 ## */
/*固定*/
#sMenu.fixed{
	top: 50px;
}

.ddMenu > li {
	height: 40px;
}

.ddMenu > li:active {
    background: #888888;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.ddMenu > li h3 {
	line-height: 1.24;
}
ul.second_level {
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
}
ul.second_level li a {
	padding: 6px 2px;
}
	
/* 下矢印 */
.ddMenu li.menu_single:after {
	width: 4px;
	height: 4px;
	margin: 0 0 0 8px;
	bottom: 8px;
}
	
ul.second_level li a:active {
	background-color: #ceb593;
}
	
/* ## detail.php ## */
.kContents {
	line-height: 1.74;
}

/* ## index.php ## */

.syBox {
	width: 100%;
	background-color: #ffffff;
	border-radius: 10px;
	margin: 14px auto;
	padding: 14px;
	overflow: hidden;
}
h4.symTitle {
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #7C7C7C;
	margin-bottom: 10px;
	font-weight: bold;
}
p.sympton {

}
.sDetail {
	text-align: center;
	padding: 3px;
	width: 50%;
	background-color: #D2A958;
	float: right;
	border-radius: 8px;
}
.sDetail a {
	color: #ffffff;
}
}


/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {

/* ## sidemenu部分 ## */
/*
li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}
.ddMenu > li a:hover {
	background-color: #ceb593;
}*/

.ddMenu > li:hover {
    background: #888888;
    -webkit-transition: all .5s;
    transition: all .5s;
}
ul.second_level li a:hover {
	background-color: #ceb593;
}
/* ## detail.php ## */
.kContents {
	line-height: 1.74;
}

/* ## index.php ## */
h3.syTitle {
	font-size: 38px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #989898;
	margin-bottom: 40px;
}
.syBox {
	width: 94%;
	background-color: #ffffff;
	border-radius: 14px;
	margin: 15px auto;
	padding: 12px 20px;
	overflow: hidden;
}
h4.symTitle {
	font-size: 22px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #7C7C7C;
	margin-bottom: 10px;
}
p.sympton {
	font-size: 16px;
}
.sDetail {
	text-align: center;
	padding: 3px;
	width: 200px;
	background-color: #D2A958;
	float: right;
	border-radius: 8px;
}
.sDetail a {
	color: #ffffff;
}
h4.conTitle {
	font-size: 22px;
	padding: 4px 20px;
}

/* #### width 980px 以上の場合の設定 #### */
@media (min-width: 980px) {

	

}


/* #### width 1200px 以上の場合の設定 #### */
@media (min-width: 1200px) {



}