@charset "utf-8";

/* To all
-------------------------------------------------------------------------------- */

strong {color:#008e5e}

#choritsu #main {
	margin-bottom:0
}
#key-visual {
	background-color:#008e5e;
}

#main h2 .title {
	border-bottom: solid 7px #008e5e;
}

.subtitle {
	color:#008e5e;
}

/* c-menu */
#category-nav {
	background-color:#5aad25
}
#c-menu li a{
	border-color: #5aad25;
}
#c-menu li a:hover{
	border-color:#008e5e;
}

/* subMenu */
#subMenu ul li {
	background:#c6f392 url(../common/images/icon_arrow_active.png) no-repeat left 0.5em;
}


/* カテゴリーINDEX */

#choritsuIndex-section1 {
	border:3px solid #c6f392;
	background-color:#f5f5f5;
}

#choritsuIndex-section2 {
	color:#008e5e;
	margin:0 15px;
}

#choritsuIndex-section3 {
	padding:3% 0;
	background-color:#f5f5f5;
	text-align:center;
}

#choritsuIndex-section3 h3 {
	font-size:130%;
	font-weight:bold;
	text-align:center;
}

#choritsuIndex-section3 h3 span {
	color:#c6f392;
	vertical-align:middle;
	font-size:250%;
	font-weight:normal;
	padding:0 3%;
}

#choritsuIndex-section3 h4 {
	color:#008e5e;
	font-weight:bold;
}

#choritsuIndex-section3 h4 + p {
	margin-top:0;
}

#choritsuIndex-section3 strong {
	color:inherit;
	font-size:130%;
}

#choritsuIndex-section4 {
	padding:3% 0;
}

#choritsuIndex-section4 h3 {
	color:#008e5e;
	font-size:130%;
}

#choritsuIndex-section4 h3:nth-of-type(even) {
	padding-top:3%;	
}

#sectionOsusume p {
	border-color:#c6f392;
}

/* 遷移ページ */

#choritsuMechanism ol li {
	margin-bottom:10px;
}

#choritsuMechanism table.tm02 {
    margin: 0 auto;
    font-size: 12px;
    border-spacing: 0px 1px;
    border: #fff 2px solid;
}
 
#choritsuMechanism table.tm02 th,
#choritsuMechanism table.tm02 td {
    padding: 10px;
    text-align: center;
    border: #fff 2px solid;
}
 
#choritsuMechanism table.tm02 th {
    background: #008e5e;
    vertical-align: middle;
    width: 100px;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

#choritsuMechanism table.tm02 td.tm02left{
	text-align:left;
}

#choritsuMechanism table.tm02 td.tm02Detail {
	border-right:none;
	border-left:none;
}

#choritsuMechanism table.tm02 th.param01 {
    background: #016dac !important;
}
#choritsuMechanism table.tm02 th.param02 {
    background: #f4a718 !important;
}
#choritsuMechanism table.tm02 th.symptoms {
    background: #666 !important;
}
#choritsuMechanism table.tm02 td.param01 {
    background: #e3f1f3;
}
#choritsuMechanism table.tm02 td.param02 {
    background: #f2eed0;
}
 
#choritsuMechanism table.tm02 td.symptoms {
	text-align:left;
    background: #f8f8f8;
}
#choritsuMechanism table.tm02 img {
	padding:10px;
}

#choritsuMechanism .tm04 dt {
	position: relative;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:15px;
}

#choritsuMechanism .tm04 dt::after {
	position: absolute;
	top: .5em;
	left: 0;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}

#choritsuMechanism .tm04 dd {
	margin:15px 0 30px 25px;
}

#choritsuFAQ .article dl dt{
	margin:2% 0%;
}

#choritsuInfo .choritsuCaution {
	font-size:80%;
	text-indent:-1em;
	padding-left:1em;
}

#choritsuInfo .infoCautionIndent {
	text-indent: -1em;
	padding-left: 2.6em;
}
span.choritsuCaution {
	display:inline-block;
}

/* Smart Phone
-------------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 639px) {
/* c-menu */
	#toggle,
	#toggle a:before, #toggle a:after {
		background: #5aad25;
	}
}

/* Tablet&PC
-------------------------------------------------------------------------------- */
@media screen and (min-width: 640px){
#choritsu #category-nav li.cNav01 a,
#choritsuMechanism #category-nav li.cNav02 a,
#choritsuFaq #category-nav li.cNav03 a,
#choritsuInfo #category-nav li.cNav04 a{
	border-bottom:5px solid #f4f719;
}
}



/* Tablet
-------------------------------------------------------------------------------- */

@media all and (max-width: 768px) {

/* カテゴリーINDEX */
#choritsuIndex-section2 {
	text-align:left;
	font-size:140%;
}

/* 遷移ページ */
#choritsuMechanism table.tm02 img {
	max-width:30px !important;
}

#choritsuMechanism table.tm02 th {
	width:1em;
}

}

/* PC
-------------------------------------------------------------------------------- */

@media all and (min-width: 769px) {


.category-position span{
    position: relative;
	left: 390px;
}

#category-nav.fixed .key-visual-fixed{
	line-height:0;
}

#main .article p.sectionImg img {
	margin:0;
	padding:0 10px;
	width:303px;
}

/* カテゴリーINDEX */

#choritsuIndex-section1 {
	width:980px;
	margin:0 auto
}

#choritsuIndex-section1 .section-full,
#choritsuIndex-section1 .sectionLeft {
	margin:40px 0 20px 40px;
}

#choritsuIndex-section2 {
	font-size:170%;
	text-align:center;
}

#choritsuIndex-section4 .sectionRight {
	margin-left:10px;
}

/* 遷移ページ */
#choritsuInfo .choritsuCaution {
	/* float:right; */
	display:inline-block;
	margin:0;
}
span.choritsuCaution {
	width:50%;
}
#choritsuMechanism table.tm02 .tm02Cause {
	white-space:nowrap;
}
#choritsuMechanism table.tm02 th.tm02lines{
	width:1.3em;
}
}

 @media all and (max-width: 935px) {
span.pc-indention {
	display:inline;
}
#choritsuInfo .choritsuCaution {
	float:none;
}
span.choritsuCaution {
	float:none;
	width:auto;
}

}