@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
             body{
             position: relative;
             }
html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	font-size: 62.5%;
}

body {
	color: #666666;
	font-size: 1.6rem;
	line-height: 1.5;
	min-width: 1000px;
}

.inner {
	width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.sp_only {
	display: none;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.strong {
	font-weight: bold;
}
.red {
	color: #FF0000;
}
.fc_black {
	color: #000;
}
.fw_normal{
font-weight: normal;
}
.note {
	font-size: 1.4rem;
	text-indent: -1em;
	margin-left: 1em;
}
.underline{
text-decoration: underline;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}

a {
	text-decoration: none;
	color: #f04723;
	transition: 0.3s;
}
a:hover {
	text-decoration: underline;
	color: #f04723;
}

sup {
	font-size: 1.2rem;
	vertical-align: top;
}

header {
	border-top: 2px solid #f36633;
	box-shadow: 2px 2px 10px #cccccc;
	padding: 15px 0;
	margin-bottom: 50px;
}
header .logo {
	float: left;
	font-size: 1.5rem;
	font-weight: bold;
}
header .logo img {
	/*width: 15%;*/
	width: 50%;
	vertical-align: middle;
	margin-right: 10px;
}

ul.breadcrumb {
	margin-bottom: 40px;
}
ul.breadcrumb li {
	display: inline-block;
	font-size: 1.4rem;
}
ul.breadcrumb li:before {
	content: ">";
	margin: 0 5px;
	display: inline-block;
}
ul.breadcrumb li:first-child:before {
	display: none;
}

h1 {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}

#container section.notice {
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	padding: 25px 25px 20px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
#container section.notice h4 {
	position: relative;
	font-weight: bold;
	padding-left: 17px;
	margin-bottom: 10px;
}
#container section.notice h4:before {
	content: "";
	background: #f36633;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	position: absolute;
	top: 5px;
	left: 0;
}

#container section h2,
#container section h1.h2{
	font-size: 2.0rem;
	font-weight: bold;
	color: #411fab;
	margin: 40px 0 30px;
	border-left: 5px solid #411fab;
	padding: 2px 0 0 5px;
	line-height: 1.2;
	}
				
footer {
	border-bottom: 2px solid #f36633;
	box-shadow: -2px -2px 10px #cccccc;
	padding: 15px 0;
	margin-top: 30px;
	font-size: 1.1rem;
}
footer a {
	color: #666666;
	text-decoration: none;
}
footer a:hover {
	color: #336699;
	text-decoration: underline;
}
footer .inner {
	display: flex;
	align-items: flex-end;
}
footer .box_l {
	width: 60%;
}
footer .box_l ul li {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
footer .box_r {
	width: 40%;
	text-align: right;
}
footer .box_r a {
	padding-left: 16px;
	background: url(../images/logo_ico.gif) top 50% left no-repeat;
}


#top.yesno #container .notice ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
		width:60%;
		margin:30px auto;
		}
#top.yesno #container .notice ul li{
		width:40%;
		font-size:3rem;
		}
#top.yesno #container .notice ul li:first-child a {
    background: #ff6600;
		}
#top.yesno #container .notice ul li:last-child a {
    background: #ccc;
		}
#top.yesno #container .notice ul li a p {
    flex: 1;
    text-align: center;
    padding-left: 1rem;
}
#top.yesno #container .notice ul li a {
    display: flex;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    color: #fff;
}

#top.yesno #container .notice ul li a:hover{
		text-decoration: none;
		color: #fff;
		opacity: .8;
		
}
#top.yesno #container .notice ul li a:after {
			font-family: "Font Awesome 5 Free";
			content: '\f105';
			font-weight: 900;
    display: inline-block;
		margin-right:15px;
}
@media screen and (max-width: 768px) {

	body {
		min-width: 100%;
		font-size: 1.5rem;
	}
	.inner {
		width: 100%;
		padding: 0 2%;
	}
	.pc_only {
		display: none!important;
	}
	.sp_only {
		display: block;
	}

	header {
		padding: 10px 0;
		margin-bottom: 30px;
	}
	header .logo img {
		/*width: 13%;*/
		width: 50%;
		margin-right: 5px;
	}

	#container section.notice {
		font-size: 1.3rem;
		padding: 20px 15px 15px;
	}
	#container section h2,
	#container section h1.h2{
		font-size: 1.8rem;
	}

	footer .inner {
		display: block;
	}
	footer .box_l,
	footer .box_r	{
		width: 100%;
	}
	footer .box_r	{
		margin-top: 20px;
	}
	
#top.yesno #container .notice ul li{
		width:100%;
}
#top.yesno #container .notice ul li:first-child{
	margin-bottom:2rem;
}
}

/*=========================================================
  TOP
=========================================================*/

#top #container section {
	position: relative;
}
#top #container section .box {
	position: relative;
	border-radius: 10px;
	padding: 30px 15px 10px;
	margin: 50px 0;
}
#top #container section .box h3  {
	font-size: 1.8rem;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	padding: 7px 30px 4px;
	transform: translateY(-50%);
	border-radius: 50px;
}
#top #container section .box ul {
	font-size: 0;
	width: 95%;
	margin: 10px auto;
}
#top #container section .box ul li {
	font-size: 1.8rem!important;
	font-weight: bold;
	/*display: inline-block;
	width: 32%;
	margin-bottom: 15px;
	margin-right: 2%;
	vertical-align: top;*/
}
/*
#top #container section .box ul li:nth-child(3n) {
	margin-right: 0;
}*/
#top #container section .box ul li a {
	color: #551A8B;
	text-decoration: none;
	display: block;
	padding: 5px;
	/*padding: 15px 20px;
	border-radius: 10px;
	min-height: 100px;*/
	transition: 0.3s;
}
/*#top #container section .box ul li a:hover {
	opacity: 0.8;
}*/
#top #container section .box ul li span {
	display: block;
	padding-left: 15px;
	position: relative;
}
#top #container section .box ul li span:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	top: 6px;
	left: 0;
}

/* エリプタ製剤 */
#top #container section .box.ellipta {
	border: 2px solid #47b3e4;
}
#top #container section .box.ellipta h3 {
	background: #47b3e4;
}/*
#top #container section .box.ellipta ul li a {
	background: #ecf9ff;
	box-shadow: 2px 2px 3px #47b3e4;
}*/
#top #container section .box.ellipta ul li span:before {
	background: #47b3e4;
}

/* ディスカス製剤 */
#top #container section .box.discus {
	border: 2px solid #4221ac;
}
#top #container section .box.discus h3 {
	background: #4221ac;
}
/*#top #container section .box.discus ul li a {
	background: #ede7ff;
	box-shadow: 2px 2px 3px #4221ac;
}*/
#top #container section .box.discus ul li span:before {
	background: #4221ac;
}
/* エアゾール製剤 */
#top #container section .box.aerosol {
	border: 2px solid #ff7c76;
}
#top #container section .box.aerosol h3 {
	background: #ff7c76;
}
#top #container section .box.aerosol ul li span:before {
	background: #ff7c76;
}


/* ロタディスク */
#top #container section .box.rotadisk {
	border: 2px solid #75b6b6;
}
#top #container section .box.rotadisk h3 {
	background: #75b6b6;
}
#top #container section .box.rotadisk ul li span:before {
	background: #75b6b6;
}


/* ベンリスタ */
#top  #container section .box.bl {
	border: 2px solid #a667a8;
}
#top  #container section .box.bl h3 {
	background: #a667a8;
	color:#fff;
}
#top  #container section .box.bl ul li span:before {
	background: #a667a8;
}
#top #container section .box.bl ul li a {
    color: #a667a8;
		}
#top #container section .box.bl p > h4
{
}
#top #container section .box.bl h4{
margin-top:10px;
font-weight: bold;
}


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

	#top #container section .box h3 {
		font-size: 1.6rem;
		padding: 5px 25px 3px;
	}
	#top #container section .box ul li {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	#top #container section .box ul li a {
		min-height: auto;
	}

}


/*=========================================================
  製剤ページ
=========================================================*/

#item #container section.menu {
	position: relative;
	padding-top: 50px;
	margin-bottom: 50px;
}

#item #container section.menu .item_img {
	position: absolute;
	right: 5%;
	top: 0;
}

#item #container section.menu ul {
	font-size: 0;
	margin-bottom: 20px;
}
#item #container section.menu ul li {
	display: inline-block;
	font-size: 1.6rem;
	vertical-align: middle;
	text-shadow: 2px 2px 2px #ffffff;
	width: 32%;
	margin-right: 2%;
	text-align: center;
	border-radius: 10px;
	padding: 10px;
}
#item #container section.menu ul li:nth-child(3n) {
	margin-right: 0;
}
#item #container section.menu ul li.video a {
	background: url(../images/bg_video.png) no-repeat center left 5%;
}
#item #container section.menu ul li.text a {
	background: url(../images/bg_note.png) no-repeat center left 5%;
}
#item #container section.menu ul li.qa a {
	background: url(../images/bg_qa.png) no-repeat center left 5%;
}
#item #container section.menu ul li.pdf a {
	background: url("../images/bg_pdf.png") no-repeat center left 5%;
}
		#item #container section.menu ul li.act{
		background:#b3dbff!important;
		box-shadow: 1px 1px 3px #005aaa!important;
		}
		#item #container section.menu ul li.act a{
		background: url(../images/bg_act.png) no-repeat center left 5%;
		color: #005aaa!important;
		}
		
#item #container section.menu ul li a {
	background-size: 25% !important;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 120px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	transition: 0.3s;
}
#item #container section.menu ul li a:hover {
	opacity: 0.8;
}
#item #container section.menu ul li a span {
	display: table-cell;
	vertical-align: middle;
}
#item #container section.menu ul li a p {
	font-weight: normal;
	font-size: 0.8em;
	margin-top: 10px;
}

#item #container section.menu ul.four li {
	width: 24%;
	margin-right: 1.3%;
}
#item #container section.menu ul.four li:nth-child(3n) {
	margin-right: 1.3%;
}
#item #container section.menu ul.four li:nth-child(4n) {
	margin-right: 0;
}
#item #container section.menu ul.four li a {
	background-size: 35%;
}
#item #container section.menu p.pdf {
	text-align: right;
}
		#item #container section.menu ul.two li {
			width: 49.3%;
			margin-right: 1.3%;
		}
		#item #container section.menu ul.two li:nth-child(2n) {
			margin-right: 0;
		}	
		#item #container section.menu ul.two li a {
			background-size: 14% !important;
		}

#item #container section.contents .info {
	color: #FF0000;
	font-weight: bold;
	border: 2px solid #FF0000;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 50px;
}
		#item #container section.contents .info1 {
			color: inherit;
			font-weight: normal;
			border: 2px solid #FF0000;
			border-radius: 10px;
			padding: 10px 20px;
			margin-bottom: 20px;
		}
		#item #container section.contents .info1 h4{
			font-weight: bold;
			border-bottom: 1px dotted #935657;
			margin-bottom: 10px;
		}
		#item #container section.contents .info1 ul li{
			text-indent: -1em;
			margin-left: 1em;
		}
#item #container section.contents h3 {
	margin: 40px 0 20px;
}
#item #container section.contents h3 span {
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 15px 3px;
}
#item #container section.contents h3 span.under {
	border-radius: 0;
	padding: 5px 5px 3px;
	margin-left: 10px;
}
#item #container section.contents .counter {
	margin-top: 30px;
}
#item #container section.contents .counter dl {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.2;
}
#item #container section.contents .counter dl dt {
	margin-right: 10px;
}
#item #container section.contents .counter dl dt img {
	vertical-align: middle;
}
#item #container section.contents .counter p.note {
	text-align: right;
	font-weight: normal;
	margin-top: 5px;
}
#item #container section.contents .counter .f_right {
	width: 45%;
	text-align: center;
}
					#item #container section.contents .counter.box{
					border-radius: 4px;
					padding:20px;
					font-size:1.2rem;
					margin-top: 10px;
					margin-bottom: 10px;
					text-align: center;
					}
					#item.aa #container section.contents .counter.box{
					background:#efe9f3;
					}
					#item.ft #container section.contents .counter.box{
					background:#fdecd2;
					}
					#item.sere #container section.contents .counter.box{
					background:#e1f0eb;
					}					
					#item.aaa #container section.contents .counter.box{
					background:#e8e2f0;
					display:flex;
					justify-content: center;
					}
					#item.aaa #container section.contents .counter.box .box_txt{					
					width: 100%;
					margin-left: 20px;
					text-align: left;
					}
					
					#item #container section.contents .counter.box p.note{
					text-align: left;
					} 					
					
#item #container section.contents ul.notice {
	margin-bottom: 30px;
}
#item #container section.contents ul.notice li {
	position: relative;
	padding-left: 13px;
	margin: 5px 0;
}
#item #container section.contents ul.notice li:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	top: 6px;
	left: 0;
}
#item #container section.contents .flow {
	display: flex;
	margin-bottom: 30px;
}
		#item #container section.contents .flow .box_num {
			margin-right: 5px;
			order: 1;
			}
		
		#item #container section.contents .flow .box_img {
			margin-right: 5px;
			order: 2;
		}
#item #container section.contents .flow .box_txt {
	width: 100%;
	margin-left: 15px;
			order: 3;
}
#item #container section.contents .flow .box_txt dl dt {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
#item #container section.contents .flow .box_txt dl dd .img {
	margin-top: 15px;
}
		#item #container section.contents .box_note{
		margin-top:20px;
		margin-bottom: 20px;
		}
		#item #container section.contents .flow p.caution{
				margin:10px 0;
		}
		#item #container section.contents .flow p.caution:before{
		content: url(../images/ico_caution.gif);
		margin-right: 5px;
		}

		#item.aaa #container section.contents .flow .num-square{
		background:#b4a4cf;
		border-radius: 3px;
		color:#fff;
		font-weight: bold;
		padding:0 3px;
		margin:0 1px;
		}
		#item.aaa #container section.contents .flow .num-circle{
		background:#b4a4cf;
		border-radius: 50%;
		color:#fff;
		font-weight: bold;
		padding:0 6px;
		font-size:85%;
		margin:0 1px;
		}
		#item.fta #container section.contents .flow .num-square{
		background:#f8b856;
		border-radius: 3px;
		color:#fff;
		font-weight: bold;
		padding:0 3px;
		margin:0 1px;
		}
		#item.fta #container section.contents .flow .num-circle{
		background:#f8b856;
		border-radius: 50%;
		color:#fff;
		font-weight: bold;
		padding:0 6px;
		font-size:85%;
		margin:0 1px;
		}
		#item.sul #container section.contents .flow .num-square{
		background:#73c6c8;
		border-radius: 3px;
		color:#fff;
		font-weight: bold;
		padding:0 3px;
		margin:0 1px;
		}
		#item.sul #container section.contents .flow .num-circle{
		background:#73c6c8;
		border-radius: 50%;
		color:#fff;
		font-weight: bold;
		padding:0 6px;
		font-size:85%;
		margin:0 1px;
		}

	#item #container section.contents  .text.box{
	border: 1px solid #FF0000;
	padding:2px;
	}
			#item #container section.contents .after {
			display: flex;
			margin-bottom: 20px;
			}
			#item #container section.contents .after .col1{
					width:35%;
					margin-left: 20px;
			display: flex;
			}
			#item #container section.contents .after .col2{
					width:65%;
			display: flex;
			}
			#item #container section.contents .after .box_img {
			margin-right: 5px;
			}
			#item #container section.contents .after .box_txt {
			margin-right: 5px;
			font-size: 1.4rem;
			}
					
			#item #container section.contents .adapter{
			display: flex;
			}
			#item #container section.contents .adapter > div{
			width:48%;
			}
			#item #container section.contents .adapter .box_num {
			margin-right: 5px;
			display: inline-block;
			float: left;
			}
			#item.howto.sul #container section.contents  .adapter .box_num{
			min-height: 150px;
			}
			#item #container section.contents .adapter .box_txt {
			margin-right: 5px;
			font-size: 1.4rem;
			}
			
			#item #container section.contents .adapter.flow > div{
			width:25%;
			padding:10px;
			}
			#item #container section.contents .adapter.flow .box_txt{
			margin-left: 0;
			}
					
      #item #container section.contents .care.box{
      border-radius: 4px;
      padding:20px;
      font-size:1.4rem;
      margin-bottom: 30px;
			display: flex;
      }					
      #item #container section.contents .care.box p.note  {
      text-align: left;
      font-weight: normal;
      margin-top: 5px;
      font-size:1.0rem;
      }
			#item #container section.contents .care.box .box_txt{
				width: 100%;
					margin-left: 20px;
					text-align: left;
			}
      #item #container section.contents .care.box .f_right {
        width: 50%;
        text-align: left;
      }
			
      #item.ftd #container section.contents .care.box{
			background:#fdecd2;
			}
			#item.sered #container section.contents .care.box{			
      background:#e1f0eb;
			}
			
#item #container section.contents dl.qa {
	margin-bottom: 50px;
}
#item #container section.contents dl.qa dt {
	font-weight: bold;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
#item #container section.contents dl.qa dt:before {
	content: "Q.";
	margin-right: 5px;
}
#item #container section.contents dl.qa dd {
	margin: 5px 0 20px 20px;
	padding: 15px 20px;
	border-radius: 10px;
}

	#item #container section.contents ol.number{
	list-style-type: decimal;
	}

	#item #container section.contents ol.number li{
	margin-left:20px;
		}
	#item #container section.contents ul.disc{
	list-style-type: disc;
	}

	#item #container section.contents ul.disc li{
	margin-left:20px;
		}		
/* テリルジーエリプタ */
#item.tg #container h2 {
	color: #9f5941;
	border-left: 5px solid #9f5941;
}
#item.tg #container section.menu ul li {
	background: #fddec9;
	box-shadow: 1px 1px 3px #9f5941;
}
#item.tg #container section.menu ul li a {
	color: #9f5941;
}
#item.tg #container section.contents h3 span {
	background: #6f2e1a;
}
#item.tg #container section.contents h3 span.under {
	background: none;
	color: #6f2e1a;
	border-bottom: 1px solid #6f2e1a;
}
#item.tg #container section.contents ul.notice li:before {
	background: #6f2e1a;
}

#item.tg #container section.contents dl.qa dt {
	color: #9f5941;
}
#item.tg #container section.contents dl.qa dd {
	background: #f3e2dc;
}

/* レルベアエリプタ */
#item.rl #container h2 {
	color: #47b3e4;
	border-left: 5px solid #47b3e4;
}
#item.rl #container section.menu ul li {
	background: #c1ecff;
	box-shadow: 1px 1px 3px #47b3e4;
}
#item.rl #container section.menu ul li a {
	color: #47b3e4;
}
#item.rl #container section.contents h3 span {
	background: #00448c;
}
#item.rl #container section.contents h3 span.under {
	background: none;
	color: #00448c;
	border-bottom: 1px solid #00448c;
}
#item.rl #container section.contents ul.notice li:before {
	background: #00448c;
}

#item.rl #container section.contents dl.qa dt {
	color: #47b3e4;
}
#item.rl #container section.contents dl.qa dd {
	background: #f1fafb;
}

/* アニュイティ */
#item.ar #container h2 {
	color: #cd5a1b;
	border-left: 5px solid #cd5a1b;
}
#item.ar #container section.menu ul li {
	background: #ffdbc7;
	box-shadow: 1px 1px 3px #cd5a1b;
}
#item.ar #container section.menu ul li a {
	color: #9f5941;
}
#item.ar #container section.contents h3 span {
	background: #ee5f03;
}
#item.ar #container section.contents h3 span.under {
	background: none;
	color: #ee5f03;
	border-bottom: 1px solid #ee5f03;
}
#item.ar #container section.contents ul.notice li:before {
	background: #ee5f03;
}

#item.ar #container section.contents dl.qa dt {
	color: #cd5a1b;
}
#item.ar #container section.contents dl.qa dd {
	background: #ffe3d3;
}

/* アノーロ */
#item.an #container h2 {
	color: #ca004c;
	border-left: 5px solid #ca004c;
}
#item.an #container section.menu ul li {
	background: #ffd9e7;
	box-shadow: 1px 1px 3px #ca004c;
}
#item.an #container section.menu ul li a {
	color: #ca004c;
}
#item.an #container section.contents h3 span {
	background: #ca004c;
}
#item.an #container section.contents h3 span.under {
	background: none;
	color: #ca004c;
	border-bottom: 1px solid #ca004c;
}
#item.an #container section.contents ul.notice li:before {
	background: #ca004c;
}

#item.an #container section.contents dl.qa dt {
	color: #ca004c;
}
#item.an #container section.contents dl.qa dd {
	background: #fbf2f2;
}

/* エンクラッセ */
#item.ec #container h2 {
	color: #006543;
	border-left: 5px solid #006543;
}
#item.ec #container section.menu ul li {
	background: #c0e2d4;
	box-shadow: 1px 1px 3px #006543;
}
#item.ec #container section.menu ul li a {
	color: #006543;
}
#item.ec #container section.contents h3 span {
	background: #046247;
}
#item.ec #container section.contents h3 span.under {
	background: none;
	color: #046247;
	border-bottom: 1px solid #046247;
}
#item.ec #container section.contents ul.notice li:before {
	background: #046247;
}

#item.ec #container section.contents dl.qa dt {
	color: #006543;
}
#item.ec #container section.contents dl.qa dd {
	background: #f1f7f3;
}

/* アドエアディスカス */
#item.aa #container h2 {
	color: #330099;
	border-left: 5px solid #330099;
}
#item.aa #container section.menu ul li {
	background: #dfcfff;
	box-shadow: 1px 1px 3px #330099;
}
#item.aa #container section.menu ul li a {
	color: #330099;
}
#item.aa #container section.contents h3 span {
	background: #9b7cb6;
}
#item.aa #container section.contents h3 span.under {
	background: none;
	color: #9b7cb6;
	border-bottom: 1px solid #9b7cb6;
}
#item.aa #container section.contents ul.notice li:before {
	background: #9b7cb6;
}

#item.aa #container section.contents dl.qa dt {
	color: #330099;
}
#item.aa #container section.contents dl.qa dd {
	background: #eeeeff;
}

/* フルタイドディスカス */
#item.ft #container h2 {
	color: #ff9900;
	border-left: 5px solid #ff9900;
}
#item.ft #container section.menu ul li {
	background: #fddec9;
	box-shadow: 1px 1px 3px #ff9900;
}
#item.ft #container section.menu ul li a {
	color: #ff9900;
}
#item.ft #container section.contents h3 span {
	background: #ff9900;
}
#item.ft #container section.contents h3 span.under {
	background: none;
	color: #f36f21;
	border-bottom: 1px solid #f36f21;
}
#item.ft #container section.contents ul.notice li:before {
	background: #f36f21;
}

#item.ft #container section.contents dl.qa dt {
	color: #ff9900;
}
#item.ft #container section.contents dl.qa dd {
	background: #fddec9;
}

/* セレベントディスカス */
#item.sere #container h2 {
	color: #009e90;
	border-left: 5px solid #009e90;
}
#item.sere #container section.menu ul li {
	background: #e1f0eb;
	box-shadow: 1px 1px 3px #009e90;
}
#item.sere #container section.menu ul li a {
	color: #009e90;
}
#item.sere #container section.contents h3 span {
	background: #067d69;
}
#item.sere #container section.contents h3 span.under {
	background: none;
	color: #067d69;
	border-bottom: 1px solid #067d69;
}
#item.sere #container section.contents ul.notice li:before {
	background: #067d69;
}

#item.sere #container section.contents dl.qa dt {
	color: #009e90;
}
#item.sere #container section.contents dl.qa dd {
	background: #e1f0eb;
}

/* アドエアエアゾール */
#item.aaa #container h2 {
	color: #330099;
	border-left: 5px solid #330099;
}
#item.aaa #container section.menu ul li {
	background: #dfcfff;
	box-shadow: 1px 1px 3px #330099;
}
#item.aaa #container section.menu ul li a {
	color: #330099;
}
#item.aaa #container section.contents h3 span {
	background: #330099;
}
#item.aaa #container section.contents h3 span.under {
	background: none;
	color: #6f2e1a;
	border-bottom: 1px solid #6f2e1a;
}
#item.aaa #container section.contents ul.notice li:before {
	background: #6f2e1a;
}

#item.aaa #container section.contents dl.qa dt {
	color: #330099;
}
#item.aaa #container section.contents dl.qa dd {
	background: #eeeeff;
}

/* フルタイドエアゾール */
#item.fta #container h2 {
	color: #ff9900;
	border-left: 5px solid #ff9900;
}
#item.fta #container section.menu ul li {
	background: #fddec9;
	box-shadow: 1px 1px 3px #ff9900;
}
#item.fta #container section.menu ul li a {
	color: #ff9900;
}

#item.fta #container section.contents h3{
color: #ff9900;
}

#item.fta #container section.contents h3 span {
	background: #ff9900;
color: #fff;
}
#item.fta #container section.contents h3 span.under {
	background: none;
	color: #ff9900;
	border-bottom: 1px solid #ff9900;
}
#item.fta #container section.contents ul.notice li:before {
	background: #ff9900;
}

#item.fta #container section.contents dl.qa dt {
	color: #ff9900;
}
#item.fta #container section.contents dl.qa dd {
	background: #fddec9;
}

/* サルタノールエアゾール */
#item.sul #container h2 {
	color: #305e6b;
	border-left: 5px solid #305e6b;
}
#item.sul #container section.menu ul li {
	background: #e1f0eb;
	box-shadow: 1px 1px 3px #305e6b;
}
#item.sul #container section.menu ul li a {
	color: #305e6b;
}

#item.sul #container section.contents h3{
color: #305e6b;
}
#item.sul #container section.contents h3 span {
	background: #73c6c8;
}
#item.sul #container section.contents h3 span.under {
	background: none;
	color: #73c6c8;
	border-bottom: 1px solid #73c6c8;
}
#item.sul #container section.contents ul.notice li:before {
	background: #73c6c8;
}

#item.sul #container section.contents dl.qa dt {
	color: #305e6b;
}
#item.sul #container section.contents dl.qa dd {
	background: #e1f0eb;
}

/* フルタイドディスクへラー */
#item.ftd #container h2 {
	color: #ff3300;
	border-left: 5px solid #ff3300;
}
#item.ftd #container section.menu ul li {
	background: #fdecd2;
	box-shadow: 1px 1px 3px #ff3300;
}
#item.ftd #container section.menu ul li a {
	color: #ff3300;
}
#item.ftd #container section.contents h3 span {
	background: #ff3300;
}
#item.ftd #container section.contents h3 span.under {
	background: none;
	color: #6f2e1a;
	border-bottom: 1px solid #6f2e1a;
}
#item.ftd #container section.contents ul.notice li:before {
	background: #6f2e1a;
}

#item.ftd #container section.contents dl.qa dt {
	color: #330099;
}
#item.ftd #container section.contents dl.qa dd {
	background: #eeeeff;
}
/* セレベントエアゾール */
#item.sered #container h2 {
	color: #009e90;
	border-left: 5px solid #009e90;
}
#item.sered #container section.menu ul li {
	background: #e1f0eb;
	box-shadow: 1px 1px 3px #009e90;
}
#item.sered #container section.menu ul li a {
	color: #009e90;
}
#item.sered #container section.contents h3 span {
	background: #009e90;
}
#item.sered #container section.contents h3 span.under {
	background: none;
	color: #009e90;
	border-bottom: 1px solid #009e90;
}
#item.sered #container section.contents ul.notice li:before {
	background: #009e90;
}

#item.sered #container section.contents dl.qa dt {
	color: #330099;
}
#item.sered #container section.contents dl.qa dd {
	background: #eeeeff;
	}
/* アラミスト */
#item.al #container h2 {
	color: #009e90;
	border-left: 5px solid #009e90;
}
#item.al #container section.menu ul li {
	background: #e1f0eb;
	box-shadow: 1px 1px 3px #009e90;
}
#item.al #container section.menu ul li a {
	color: #009e90;
}
#item.al #container section.contents h3 span {
	background: #009e90;
}
#item.al #container section.contents h3 span.under {
	background: none;
	color: #009e90;
	border-bottom: 1px solid #009e90;
}
#item.al #container section.contents ul.notice li:before {
	background: #009e90;
}

#item.al #container section.contents dl.qa dt {
	color: #009e90;
}
#item.al #container section.contents dl.qa dd {
	background: #f1fafb;
	}

/* ベンリスタ */

#item.bl #container h1 {
	color: #a667a8;
}
#item.bl #container h1 span:nth-child(1) {
	color: #666666;
	display: block;
	margin-bottom:1rem;
}
#item.bl #container h1 span:nth-child(2) {
	color: #666666;
	display: block;
	font-size:1.4rem;
}
#item.bl.top #container h2 {
	color: #a667a8;
	border-left: 5px solid #a667a8;
}
#item.bl #container section.menu ul li {
	background: #fbf0f5;
	box-shadow: 1px 1px 3px #a667a8;
}
#item.bl #container section.menu ul li a {
	color: #a667a8;
}

#item.bl #container section.menu .menu_item.bl.top h3.title{
pointer-events: none;
		padding:10px 0;
		font-size:1.8rem;
		font-weight: bold;
		color:#a667a8;
}
#item.bl #container section.menu .menu_item.bl.top h3.title span{
font-weight: normal;
display: block;
font-size: 1.4rem;
		color:#333;
}
#item.bl #container section.menu .menu_item.bl.top ul{
margin-left:20px;
}
#item.bl #container section.menu .menu_item.bl.top ul li{
    background: none;
    box-shadow: none;
		display:block;
		text-align: left;
		padding:0;
		}
		#item.bl #container section.menu .menu_item.bl.top ul li a {
		display:block;
		min-height:initial;
		}
		#item.bl #container section.menu .menu_item.bl.top ul li span{
		font-size: 1.4rem;
		}
		
		#top.bl #container section:not(.notice) {
		position: relative;
		padding-top: 50px;
		margin-bottom: 50px;
}
		#top.bl #container section h1.h2{
		font-size:2.4rem;
		border-color: #a667a8;
		color:#a667a8;
		}

		#top.bl #container section .item_img {
		position: absolute;
		right: 5%;
		top: 0;
}
		
		/* 準備中 */
					#item.aa #container section.menu ul li,
					#item.ft #container section.menu ul li,
					#item.sere #container section.menu ul li,
					#item.aaa #container section.menu ul li,
					#item.fta #container section.menu ul li,
					#item.sul #container section.menu ul li,
					#item.ftd #container section.menu ul li,
					#item.sered #container section.menu ul li,
					#item.al #container section.menu ul li,
					#item.bl #container section.menu ul li
					{
					position: relative;
					}
					#item.ft #container section.menu ul li {
					position: relative;
					}
					#item.aa #container section.menu ul li div,
					#item.ft #container section.menu ul li div,
					#item.sere #container section.menu ul li div,
					#item.aaa #container section.menu ul li div,
					#item.fta #container section.menu ul li div,
					#item.sul #container section.menu ul li div,
					#item.ftd #container section.menu ul li div,
					#item.sered #container section.menu ul li div,
					#item.al #container section.menu ul li div,
					#item.bl #container section.menu ul li div{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.3);
					border-radius: 10px;
					color: #FFFFFF;
					display: flex;
					align-items: center;
					justify-content: center;
					text-shadow: none;
					}



/*=========================================================
  喘息コントロールテスト
=========================================================*/
				#act #container h1{
				position: relative;
				}
				#act #container h1 .back_btn{
				position: absolute;
				right:1%;
				}
				#act #container h1 .back_btn a{
				border: 1px solid #ccc;
				border-radius: 3px;
				font-size:1.2rem;
				padding:4px;
				background: linear-gradient(to top, #eee, #fff);
				}
				#act #container h1 .back_btn a:hover{
				text-decoration: none;
				opacity: .8;
				}
				#act #container section.contents section.act_test .actTbale dl{
				display:flex;
				}
				#act #container section.contents section.act_test .actTbale dl dt{
				white-space: nowrap;
				margin-right:.5rem;
				}		
				
					#act #container section.contents{		
					}
					#act #container section.contents .inner {
					width:800px;
					margin:auto;
					}
					#act #container section.contents section.act_test .inner {
					padding:20px;
					margin-bottom:30px;
					border:1px solid #333;
					}
					
					#act #container section.contents section.act_test .step_title{					
						color:#005AAA;
						font-weight: bold;
						display: flex;
						/*border:1px solid #ffcc00;*/
						margin-bottom:20px;
						align-items: center;
					}					
							.step_num{
							display: inline-block;
							min-width: 70px;
							}
							.step_text{
							display: inline-block;
							}
							.circle {
								display: inline-block;
								text-align: center;
								width: 30px;
								height: 30px;
								line-height: 30px;
								border-radius: 50%;
								color : #FFF;
								position:relative;
								left:0px;
							}
							.circle.step1{
								background: #FF0000;
							}
							.circle.step2{
								background: #fcd004;
							}
							.circle.step3{
								background: #049844;
							}
							.circle.step1 span{
								background: #FF0000;
							}
							.circle.step2 span{
								background: #fcd004;
							}
							.circle.step3 span{
								background: #049844;
							}
							.circle:before{
							position: absolute;
							content:"Step";
							color:#fff;
							font-size: 70%;
							left:10px;
							z-index: 999;
							}
							.circle span{
							height:40px;
							width:40px;
							line-height: 40px;
							border-radius: 50%;
							text-align: center;
							background:#FF0004;
							position: absolute;
							font-size: 120%;
							top:-5px;
							left:23px;
							}
							
					.step_reset{
						text-align: center;				
						margin-left: auto;
						margin-right:10px;
					}
					.step_total{
					background: #FFFFCC;
					border:2px solid #005AAA;
						text-align: center;
						padding:2px;
					}
						.actTbale{
						width:100%;
						margin-bottom:20px;
						}
						.actTbale ul{
						display: table-cell;
						padding-right:2px!important;
						}
						.actTbale ul.q{
							background: linear-gradient(to right, #85cef3,#f5fbfb);
							width: 100%;
							margin-bottom:30px;
						}
						.actTbale ul.q li{
						display: table-cell;
						border:1px solid #005AAA;
						padding:5px;
						width:150px;
						height: 80px;
						margin:0;
						vertical-align: middle;
						text-align: left;
						}
						.cnt{
						display: table-cell;
						 background:#FFFFCC;
						border:1px solid #005AAA;
						padding:5px;
						vertical-align: middle;
						text-align: center;

						}
						label {
							display: flex;
							margin: 5px 5px;
							padding: 5px;
							width:100%; 
							align-items: center;
						}
						label span:first-child{
						width : calc(100% - 30px) ;
						}

					#act #container section.contents section.act_point .inner {
					padding:0px;
					margin-bottom:30px;
					}

					#act #container section.contents section.act_point .inner dl{					
					font-weight:bold;
					margin-bottom:10px;
					}
					#act #container section.contents section.act_point .inner dl dt{		
					color:#fff;
					font-weight:bold;
					}
					#act #container section.contents section.act_point .inner dl dd{	
					font-weight:normal;
					}					
					#act #container section.contents section.act_point .inner dl p{
					padding:3px;
					}			
					#act #container section.contents section.act_point .inner dl span{
					font-weight: bold;
					}
					
					#act #container section.contents section.act_point .inner dl.act_point1{
					border:1px solid #049844;
					background:#FFFFE6;
					}					
					#act #container section.contents section.act_point .inner dl.act_point1 dt{
					background:#049844;
					}
					#act #container section.contents section.act_point .inner dl.act_point1 dd p.act_text{
					color:#049844;
					font-weight:bold;
					border-bottom:#049844 1px dashed;
					}
					
					#act #container section.contents section.act_point .inner dl.act_point2{
					border:1px solid #FF9900;
					background:#FFFFE6;
					
					}
					#act #container section.contents section.act_point .inner dl.act_point2 dt{
					background:#FF9900;
					}
					#act #container section.contents section.act_point .inner dl.act_point2 dd p.act_text{
					color:#FF9900;
					font-weight:bold;
					border-bottom:#FF9900 1px dashed;
					}
					#act #container section.contents section.act_point .inner dl.act_point3{
					border:1px solid #E60313;
					background:#FFFFE6;
					}
					#act #container section.contents section.act_point .inner dl.act_point3 dt{
					background:#E60313
					}
					#act #container section.contents section.act_point .inner dl.act_point3 dd p.act_text{
					color:#E60313;
					font-weight:bold;
					border-bottom:#E60313 1px dashed;
					}
					
					#act #container section.contents section.branch .inner{
					padding:0px;
					margin-bottom:30px;
					}
					
					#act #container section.contents section.branch .inner dl{
					display:flex;
					font-size: 90%;
					}
					#act #container section.contents section.branch .inner dl dd p{
					margin-bottom:1rem;
					}
	
					#act.kids #container section.contents section.act_test .inner {
					width: 444px;
					border:none;
					margin-left: 0;
					}
					#act.kids #container section.contents section.act_point .inner {
					width: 444px;
					margin-left: 0;
					padding:20px;
					}				
					
					#act.kids #container section.contents table.act_q1,
					#act.kids #container section.contents table.act_q2,
					#act.kids #container section.contents table.act_q3,
					#act.kids #container section.contents table.act_q4,
					#act.kids #container section.contents table.act_q567{
					margin-top:1rem;
					margin-bottom:1rem;
					vertical-align: top;
					font-size:80%;
					}
					#act.kids #container section.contents table.act_q1 td:nth-child(2){
					text-align: center!important;
					vertical-align: bottom!important;
					}
					
					#act.kids #container section.contents table.act_a1 th{
					vertical-align: bottom!important;
					height:61px;
					}
					#act.kids #container section.contents table.act_a2 th{
					vertical-align: bottom!important;
					height:89px;
					}
					#act.kids #container section.contents table.act_a3 th{
					vertical-align: bottom!important;
					height:77px;
					}
					#act.kids #container section.contents table.act_a4 th{
					vertical-align: bottom!important;
					height:77px;
					}
					#act.kids #container section.contents table.act_a567 th{
					vertical-align: bottom!important;
					height:20px;
					}
					#act.kids #container section.contents table.act_total th{
					vertical-align: bottom;
					text-align: center;
					}
					#act.kids #container section.contents table.act_total th:last-child,
					#act.kids #container section.contents table.act_total td:last-child{
					vertical-align: middle;
					text-align: center;
					}
					#act.kids #container section.contents table.act_a1 th img,
					#act.kids #container section.contents table.act_a2 th img,
					#act.kids #container section.contents table.act_a3 th img,
					#act.kids #container section.contents table.act_a4 th img{
					vertical-align: bottom!important;
					}	
					#act.kids #container section.contents table.act_a567 th img{
					vertical-align: bottom!important;
					height:20px;
					}	
					
					#act.kids #container section.contents table.act_a1 td{
					background-repeat:no-repeat;
					height: 20px!important;
					text-align: center;
					}	
					#act.kids #container section.contents table.act_a2 td{
					background-repeat:no-repeat;
					height: 21px!important;
					text-align: center;
					}	
					#act.kids #container section.contents table.act_a3 td{
					background-repeat:no-repeat;
					height: 20px!important;
					text-align: center;
					}	
					#act.kids #container section.contents table.act_a4 td{
					background-repeat:no-repeat;
					height: 21px!important;
					text-align: center;
					}	
					#act.kids #container section.contents table.act_a567 td{
					background-position: top ;
					background-repeat:no-repeat;
					height: 23px!important;
					text-align: center;
					vertical-align: top
					}	
					
					
					#act.kids #container section.contents table.act_a1 th:last-child{
					border:1px solid #E70E0E;			
					}
					#act.kids #container section.contents table.act_a2 th:last-child{
					border:1px solid #FBAC03;			
					}
					#act.kids #container section.contents table.act_a3 th:last-child{
					border:1px solid #67BD1A;	
					}
					#act.kids #container section.contents table.act_a4 th:last-child{
					border:1px solid #4EA6D9;
					}
					#act.kids #container section.contents table.act_a567 th:last-child{
					border:1px solid #00428e;
					}
					
					#act.kids #container section.contents table.act_total th:last-child{
					border:1px solid #00428e;
					}
					
					#act.kids #container section.contents .act_point table img.hd{
					vertical-align: bottom;
					}
					#act.kids #container section.contents .act_point table img.ft{
					vertical-align: top;
					}
					#act.kids #container section.contents .act_point table table td{
					padding:8px;
					vertical-align: top;
					font-size:80%;
					}
					
					
@media screen and (max-width: 768px) {

#item #container section.menu .item_img {
		position: absolute;
		right: 5%;
		top: -10px;
		width: auto;
		height: 90px;
}
			#top #container section.menu .item_img {
			position: absolute;
			right: 1%;
			top: -10px;
			width: auto;
			height: 90px;
			}
	
	#item #container section.menu ul li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	#item #container section.menu ul li a {
		min-height: auto;
		padding: 10px 0;
    background-size: 14% !important;
	}
	#item #container section.menu ul.four li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	#item #container section.menu ul.four li a {
    background-size: 10% !important;
	}
	
			#item #container section.menu ul.two li {
				width: 100%;
				margin: 0 0 15px 0;
			}
			#item #container section.menu ul.two li a {
				background-size: 10% !important;
			}
			
	#item #container section.contents h3 span.under {
		display: block;
		margin: 10px 0 0;
	}
	#item #container section.contents .counter dl {
		align-items: start;
	}
	#item #container section.contents .counter .f_right {
		width: 95%;
		margin: 10px auto;
	}
	#item #container section.contents .counter .f_right img {
		width: 100%;
	}
			#item #container section.contents .counter img {
				width: 100%;
			}
	
	#item.aaa #container section.contents .counter.box{
	display: block;
	}
	#item.aaa #container section.contents .counter.box .box_img{
	text-align: center;
	}
	#item.aaa #container section.contents .counter.box .box_txt{
	margin-left: 0;
	}
	#item.aaa #container section.contents .counter.box .box_img img{
	width: auto;
	}
	#item #container section.contents .flow {
		display: block;
		/*flex-direction: column;*/
	}
		#item #container section.contents .flow .box_num{
		float:left;
		width: 8%;
		}
		
		#item #container section.contents .flow .box_num img {
			max-height:50px;
		}

	#item #container section.contents .flow .box_img {
		text-align: center;
		margin-bottom: 10px;
	}
	#item #container section.contents .flow .box_img.s img{
	width: 100%;
	}
	#item #container section.contents .flow .box_txt {
		margin: 0;
			display: inline-block;
	}
	#item.aa #container section.contents .flow .box_txt,
	#item.ft #container section.contents .flow .box_txt,
	#item.sere #container section.contents .flow .box_txt,
	#item.aaa #container section.contents .flow .box_txt,
	#item.fta #container section.contents .flow .box_txt,
	#item.sul #container section.contents .flow .box_txt,
	#item.ftd #container section.contents .flow .box_txt,
	#item.sered #container section.contents .flow .box_txt,
	#item #container section.contents .adapter .box_txt
	{
	width: 90%;	
	}
	
			#item #container section.contents .after {
			display: block;
			}
			#item #container section.contents .after .col1{
					width: 100%!important;
					margin-left: 0;
			display: block;
			}
			#item #container section.contents .after .col2{
					width:100%;
			display: block;
			margin-bottom: 30px;
			}
			#item #container section.contents .after .box_img {
			margin-right: 0px;
			text-align: center;
			}					
			#item #container section.contents .after .box_txt{
				width: 100%;	
			}
			
			#item #container section.contents .adapter{
			display: block;
			}
			#item #container section.contents .adapter > div{
			width: 100%!important;
				}
			#item #container section.contents .adapter .box_num{
			float: left;
			width: 8%!important;
			}
			
						#item.howto.sul #container section.contents  .adapter .box_num{
						min-height:initial;
			}
			
			#item #container section.contents .adapter .box_num img {
			max-height:50px;
		}
			#item #container section.contents .adapter .box_txt  {
			margin:0;
			display: inline-block;
		}
			#item #container section.contents .adapter.flow .box_txt{
			width: 100%;
			}
	/*
	#item #container section.contents .care div.f_left,
	#item #container section.contents .care div.f_right{
	width: 100%!important;
		}*/
		#item #container section.contents .care.box{
      width:100%;
			display: block;
      }
		#item #container section.contents .care.box .box_img{
		text-align: center;
		}
		
		#item #container section.contents .flow .box_txt dl dd .img {
			text-align: center;
		}
		

			#item #container section.contents .care.box .box_txt{
				margin-left: 0px;
			}
		
		#item.bl #container section.menu .menu_item.bl.top	h3.title{
		/*pointer-events: all;*/
		pointer-events: none;
		}	
		#item.bl #container section.menu .menu_item.bl.top .toggle{
		/*display: none;*/
		}
		#item.bl #container section.menu .menu_item.bl.top ul li {
		margin: 0 0 0 0;
	}
		#item.bl #container section.menu .menu_item.bl.top ul li a{
		padding: 0;
		}
}
/*スクロールトップ*/
#pagetop {
 width: 50px;
 height: 50px;
 position: fixed;
 bottom: 20px;
 right: 10px;
 background: #ff6600;
 border-radius: 3px;
 opacity: 0.5;
}
#pagetop a {
 position: relative;
 display: block;
 width: 50px;
 height: 50px;
 text-decoration: none;
 color:#fff;

}
#pagetop a:before {
 content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: rotate(-45deg);
    margin-top: -5px;
    margin-right: -8px;
    border-top: 5px solid;
    border-right: 5px solid;
    transition: .3s;
}