@charset "utf-8";


article.sub div.right{
	float: right;
	margin: 0 0 0 1em;
}
article.sub div.left{
	float: left;
	margin: 0 1em 0 0 ;
}
article.fl1 div.left{
	width: 450px;
	margin: 0;
}
article.fl1 div.right{
	width: 450px;
	margin: 0;
}

article.sub .pink{
	color:#db8c85;
}
article.sub .bold{
	font-weight: bold;
}


/* 本文
=========================================== */
article.sub{
	width: 1000px;
	clear: both;
}
article.sub .cont{
	width: 920px;
	margin: 0 auto;
}
article.sub .cont .img{
	margin: 1em 0;
	text-align: center;
}

/* テキスト
=========================================== */
article.sub h2{
	width: 1000px;
	font-weight: bold;
	font-size: 36px;
	line-height: 60px;
	text-align:center;
	color: #006983;
	background: #fffceb;
}
article.sub h3{
	font-weight: bold;
	font-size: 28px;
	line-height: 160%;
	color: #006983;
	margin: 0.5em 0 0.5em 0 ;
	border-bottom: 2px dotted #ebab29;
	clear: both;
}
article.sub h4{
	font-weight: bold;
	font-size: 28px;
	line-height: 160%;	
	color: #333333;
	margin: 1em 0 0.5em 0 ;
	padding: 0 0.5em;
	border-left: 10px solid #faa732;
	clear: both;
	overflow: hidden;
}
article.sub h5{
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;	
	color: #FFF;
	margin: 1em 0 0.5em 0;
	padding: 0 1em;
	background: #faa732;
	border-radius: 15px;	
	clear: both;
	overflow: hidden;
}
article.sub h5.sub{
	display: block;
	font-weight: bold;
	font-size: 22px;
	line-height: 160%;	
	color: #FFF;
	margin: 1em 0 0.5em 0;
	padding: 0.2em 1em;
	background: #faa732;
	border-radius: 20px;	
	clear: both;
	overflow: hidden;
}


article.sub span.pop{
	color:#faa732;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
article.sub span.pop::after{
	content: url(../img/common/ico-dic.png);
	margin:0 0.1em;
	vertical-align: super;
	
}


article.sub ul.list li{
	text-indent: -1.2em;
	padding-left: 1.2em;
	
}
article.sub ul.list li::before{
	content: "●";
	margin-right: 0.2em;
	color: #efc0bd;
	
}

/* パンくずリスト
=========================================== */
article.sub .path{
	width: 960px;
	margin: 0 auto;
	font-size:12px;
}
article.sub .path a{
	color: #006983;
}

/* 参考文献
=========================================== */
article.sub .cont .reference{
	font-size: 12px;
	line-height: 160%;
	margin: 20px 0;
	clear: both;
}
article.sub .cont .reference p{
	text-indent: -1em;
	padding-left: 1em;
}


/* frame
=========================================== */
article.sub .frame1{
	background: #feeeed;
	padding: 1em;
	font-size: 16px;
	line-height: 160%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	
}
article.sub .frame1 ul{
	width: 50%;
	float: left;	
}
article.sub .frame1 ul li{
	text-indent: -2.7em;
	padding-left: 2.7em;
	
}
article.sub .frame2{
	border-top:8px solid #e8f1cf;
	border-bottom:8px solid #e8f1cf;
	margin: 1em 0;
	padding: 1em 0;
}

/* ボタン
=========================================== */
article.sub a.bt{
}

article.sub a.bt-next{
	border: 1px solid #006983;
	color: #006983;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	position: relative;
	padding: 10px 40px 10px 20px;
	background: url(../img/common/arrow-next.png) right 10px center no-repeat #FFF;
}
article.sub a.bt-next:hover{
	background: url(../img/common/arrow-next.png) right 10px center no-repeat #e5f0f2;
}
article.sub a.bt-back{
	border: 1px solid #006983;
	color: #006983;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	position: relative;
	padding: 10px 20px 10px 40px;
	background: url(../img/common/arrow-back.png) left 10px center no-repeat #FFF;
}
article.sub a.bt-back:hover{
	background: url(../img/common/arrow-back.png) left 10px center no-repeat #e5f0f2;
}
/* テーブル
=========================================== */
article.sub table.tb1{
	width: 100%;
}
article.sub table.tb1 th{
	padding: 10px;
	font-size: 22px;
	text-align: center;
}
article.sub table.tb1 th.th1{
	background: #d8d8d8;
}
article.sub table.tb1 th.th2{
	background: #fdf3b5;
}
article.sub table.tb1 th.th3{
	background: #f6cc88;
}
article.sub table.tb1 th.th4{
	background: #f2b54f;
}
article.sub table.tb1 td{
	padding: 5px;
	font-size: 16px;
	vertical-align: top;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #FFF;
	text-indent: -1em;
	padding-left: 1em;
}

/* ナビゲーションボタン
=========================================== */

article.sub .navi{
	margin-bottom: 1em;
	overflow: hidden;
}
article.sub .navi a.bt-back{
	float: left;
}
article.sub .navi a.bt-next{
	float: right;
}


/* 副作用
=========================================== */
article.side-effects .head{
	padding: 1em 0;
	margin: 1em 0;
	overflow: hidden;
	border-top: 1px dotted  #006983;
	border-bottom: 1px dotted  #006983;
}
article.side-effects ul.bt-list {
	margin: 1em 0 0 0;
}
article.side-effects ul.bt-list li {
	float: left;
	margin: 5px;
	width: 220px;
}
article.side-effects ul.bt-list li a{
	display: block;
	background: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	-webkit-filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.6));
	-moz-filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.6));
	-ms-filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.6));
	text-align: center;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','游ゴシック';
	
}
article.side-effects ul.bt-list li a br{
	display: none;
}
article.side-effects ul.bt-list li a::after{
	content: "＞";
	padding-left: 1em;
	color: #006983;
}
article.side-effects ul.bt-list li a:hover{
	background: #e5f0f2;
	
} 
article.side-effects p.tx{
	text-align: center;
} 
article.side-effects p.tx span{
	border-bottom: 5px dotted #efc0bd;
	display: inline-block;
}


/* 用語集
=========================================== */
article.glossary .right{
	width: 47%;
	margin:0; 
	padding: 162px 0 0 0;
} 
article.glossary .left{
	width: 47%;
	margin:0; 
	padding:0 0 20px 0;
} 
article.glossary h3{
	color: #666;
}
article.glossary .cont ul{
	font-size: 16px;
}
article.glossary .cont ul li{
	text-indent: -2em;
	padding-left: 2em;
}
article.glossary .cont ul li::before{
	content: url(../img/common/arrow-list1.png);
	vertical-align: middle;
	margin-right: 0.5em;
}

article.glossary .cont ul li a{
	color: #333;
}


article.sub .word{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #999;
}
article.sub .word .title{
	font-size: 22px;
	font-weight: bold;
}
article.sub .word .title::before{
	content: url(../glossary/img/circle1.jpg);
	vertical-align: middle;
	margin-right: 0.3em;
}
article.sub .word .title span{
	font-size: 18px;
}
article.sub .word p{
	padding-left: 1.3em;
}


/* information
=========================================== */
.info-tx{
	text-align: center;
	display: block;
	margin: 1em auto;	
}
.patient-tx img{
	vertical-align: middle;
	margin-right: 3em;
}

ul.info {
    width:100%;
    margin:0 0 2em 0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.info li {
    width: 43%;
    list-style: none;
    margin: 1%;
    position: relative;
	border: 1px solid #e9b27c;
	border-radius: 10px;
	padding: 1% 2%;
	color: #4d90a3;
}
ul.info li .title{
	font-weight: bold;	
}
ul.info li .title p{
	font-size: 14px;	
}
ul.info li .title span{
	font-size: 24px;	
	display: block;
	background: url(../img/common/ico-info.png) right center no-repeat;
}
ul.info li .block{
	margin: 0.5em 0 0 0;
	padding: 1em;
	background: #fefaec;
	font-size: 18px;	
	line-height: 160%;
}

/* ポップアップ
=========================================== */

/*-- ▼Lightbox --*/
[id^="popup"] {
	display: none;
	padding: 1em;
	font-size: 90%;
}
[id^="popup"] p{
	width: 800px;
}
[id^="popup"]  p span {
	font-weight: bold;
	display: block;
}

/* 頭ひとつだし
=========================================== */
.tx-head1{
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.tx-head1 .maru{
	margin-right: 0.5em;
	color:#f4ba84;
}

/*===============================================
●style.css 画面の横幅が1024pxまで
===============================================*/
@media screen and (max-width: 1024px) {
	
article.sub div.right{
	float: none;
	text-align: center;
	margin: 0;
}
article.sub div.left{
	float: none;
	text-align: center;
	margin: 0;
}
article.fl1 div.left{
	width: 450px;
	margin: 0;
}
article.fl1 div.right{
	width: 450px;
	margin: 0;
}

article.sub .pink{
	color:#db8c85;
}
article.sub .bold{
	font-weight: bold;
}
	
/* 本文
=========================================== */
article.sub{
	width: 100%;
}
article.sub .cont{
	width: 96%;
	margin: 0 auto;
}
article.sub .cont .img{
	margin: 1em 0;
	text-align: center;
}

/* テキスト
=========================================== */
article.sub h2{
	width: 100%;
	font-size: 20px;
}
article.sub h3{
	font-size: 20px;
}
article.sub h4{
	font-size: 18px;
}
article.sub h5{
	font-size: 18px;
}
article.sub h5.sub{
	font-size: 18px;
	border-radius: 10px;	
}
article.sub span.pop::after{
	top:-3px;
}
	
/* popup
=========================================== */

[id^="popup"] p{
	
	width: 100%;

	}
	


/* パンくずリスト
=========================================== */
article.sub .path{
	width: 96%;
	margin: 0 auto;
}
/* テーブル
=========================================== */
article.sub table.tb1 th{
	padding: 5px;
	font-size: 16px;
	width: 25%;
}
article.sub table.tb1 td{
	padding: 5px;
	font-size: 16px;
	vertical-align: top;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #FFF;
	text-indent: -1em;
	padding-left: 1em;
}
/* ナビゲーションボタン
=========================================== */

article.sub .navi a{
	font-size: 12px;
}
		
/* ボタン
=========================================== */
article.sub a.bt-next{
	padding: 10px 40px 10px 10px;
}
article.sub a.bt-back{
	padding: 10px 10px 10px 40px;
}

/* 副作用
=========================================== */
article.side-effects div.right{
	float: right;
	width: 40%;
}
article.side-effects div.right img{
	width: 90%;
	vertical-align: bottom;
	padding-top: 10%;
}
article.side-effects div.left{
	float: left;
	width: 40%;
}
article.side-effects div.left img{
	width: 90%;
	vertical-align: bottom;
	padding-top: 10%;
}
	
article.side-effects ul.bt-list li a{
	font-size: 14px;	
	line-height: 160%;
}
article.side-effects ul.bt-list li a br{
	display: block;
}
article.side-effects ul.bt-list li {
	margin: 1%;
	width: 48%;
	
}
	
/* 用語集
=========================================== */
article.glossary .right{
	width: 100%;
	padding: 0 0 1em 0;
} 
article.glossary .left{
	width: 100%;
	margin:0; 
	padding:0;
} 
article.glossary .left ul li{
	text-align: left;
} 
article.glossary .right ul li{
	text-align: left;
} 
article.sub .word .title{
	font-size: 18px;
	font-weight: bold;
}
article.sub .word .title span{
	font-size: 14px;
	font-weight: bold;
}

/* 患者さん・ご家族の方へ
=========================================== */

.patient-tx img{
	margin-right: 0;
}
.patient-tx span{
	display: block;
	margin-top: 1em;
	font-size: 14px;
}

ul.patient li h3 {
	font-size: 18px;
	padding: 5px 0;
}
ul.patient li {
    width: 100%;
    margin-bottom: 1em;
}
ul.patient li p {
	font-size: 14px;
}
/* information
=========================================== */
ul.info li {
    width: 100%;
}
ul.info li .title p{
	font-size: 12px;	
}
ul.info li .title span{
	font-size: 20px;	
}
ul.info li .block{
	font-size: 14px;	
}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {

}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

	
}