@charset "utf-8";

/* --------------------------------------------------------- */
/* 乳がん系ページ用css - breast.css
------------------------------------------------------------ */


/* title.css
------------------------------------------------------------ */
.title {
	/* box-shadow */
	box-shadow:0px 0px 6px 2px #ffe6ea;
	-moz-box-shadow:0px 0px 6px 2px #ffe6ea;
	-webkit-box-shadow:0px 0px 6px 2px #ffe6ea;
	/* border-radius */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 6px;  
	-webkit-border-top-right-radius: 6px;  
	-moz-border-radius-topleft: 6px;  
	-moz-border-radius-topright: 6px;  
	/* border */
	border:1px solid #ec6393;
}
.title p {
	color: #ec6393;
	width:450px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe6ea+1,ffffff+100 */
	background: #ffe6ea; /* Old browsers */
	background: -moz-linear-gradient(left, #ffe6ea 1%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffe6ea 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffe6ea 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6ea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.title h2 { color: #ec6393; }
.ribbon5 { background: #ec6393; }
.ribbon5:after{ border-color: #ec6393 transparent #ec6393 #ec6393; }

@media print, screen and (min-width: 641px) {
.title {
	background: url(../img/page/bac_h2_breast.png) no-repeat right bottom;
	/* border-radius */
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;  
	-webkit-border-top-right-radius: 20px;  
	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-topright: 20px;  
}
#crumb_parent {
	/* box-shadow */
	box-shadow:0px 0px 6px 2px #ffe6ea;
	-moz-box-shadow:0px 0px 6px 2px #ffe6ea;
	-webkit-box-shadow:0px 0px 6px 2px #ffe6ea;
	background: #ffe6ea;
}
.crumb li a:after { background: #ffe6ea; }
}

/* #main > .txtBox
------------------------------------------------------------ */
#main h4 { border-bottom: 2px solid #ec6393; }
#main h4:before, #main h4:after { background: #ec6393; }
ul.check { border: 1px solid #ec6393;}
ul.check li:before { color: #ec6393; }
ul.arrow li:before { border-color: #ec6393 #ec6393 transparent transparent; }
ul.circle li::before { color: #ec6393; }
.check_icon li::before{ color: #ec6393; }

@media print, screen and (min-width: 641px) {
}

/* .acordion
------------------------------------------------------------ */
.answer label { background: #ffe6ea; color: #ec6393; }
.cssacc:checked + label + .accshow { background: #ffe6ea; }
.answer label:before {
	border-left: none;
	border-top: none;
	border-right: #ec6393 solid 2px;
	border-bottom: #ec6393 solid 2px;
}
.cssacc:checked + label:before {
	border-left: #ec6393 solid 2px;
	border-top: #ec6393 solid 2px;
	border-right: none;
	border-bottom: none;
}
.acordion_switch_off:before, .acordion_switch_on:before, .icon_tag { background: #ec6393; }
.acordion_switch_off, .acordion_switch_on, .acordion_switch_off:after, .acordion_switch_on:after, .acordion_main { background: #ffe6ea; }

/* #main > .question
------------------------------------------------------------ */
.icon_a { background: #ec6393; }
.answer hr { border-top:dashed 1px #ec6393; }

/* .pagemap
------------------------------------------------------------ */
.pagemap > ul > li:before {
	border-top: 2px solid #ec6393;
	border-right: 2px solid #ec6393;
}
.pagemap ul li ul li:before { color: #ec6393; }

/* #side > .submenu
------------------------------------------------------------ */
.submenuBox {
	background-color: #fff;
	/* box-shadow */
	box-shadow:0px 0px 6px 2px #ffe6ea;
	-moz-box-shadow:0px 0px 6px 2px #ffe6ea;
	-webkit-box-shadow:0px 0px 6px 2px #ffe6ea;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* border */
	border:1px solid #ec6393;
}
.submenuBox h4, .submenuBox h4 a:link, .submenuBox h4 a:visited  { color: #ec6393; }
.submenuBox h4 a:hover, .submenuBox h4 a:active { text-decoration: underline; }
.submenuBox dt {
	color: #fff;
	/* border-radius */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec6393+0,bd0046+100 */
	background: #ec6393; /* Old browsers */
	background: -moz-linear-gradient(top, #ec6393 0%, #bd0046 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ec6393 0%,#bd0046 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ec6393 0%,#bd0046 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6393', endColorstr='#bd0046',GradientType=0 ); /* IE6-9 */
}
.submenuBox dd a { }
.submenuBox dd a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 8px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	background: #ec6393;
}
.submenuBox dd a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	background: #fff;
}
.submenuBox dd a:hover, .breast_sub .submenuBox dd a:active { background:#ffbcc7; }
.submenuBox dd a:hover::after, .breast_sub .submenuBox dd a:active::after { background:#ffbcc7; }
.submenuBox dd strong { color: #ec6393; }
.submenuBox dd ul { background-color: #ffe6ea; }
.submenuBox dd li a { }
.submenuBox dd li a:hover, .breast_sub .submenuBox dd li a:active { }
.submenuBox dd li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: none;
	transform: none;
	top: 50%;
	left: 20px;
	width: 5px;
	height: 1px;
	margin-top: -2px;
	background: #444;
}
.submenuBox dd li a:after { display: none; }
.submenuBox dd li ul li a { }
.submenuBox dd li ul li a:hover, .breast_sub .submenuBox dd li ul li a:active { }
.submenuBox dd li ul li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: none;
	transform: none;
	top: 50%;
	left: 30px;
	width: 5px;
	height: 1px;
	margin-top: -2px;
	background: #444;
}
.submenuBox dd li ul li a:after { display: none; }