@charset "utf-8";

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon/icomoon.eot?srf3rx");
	src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
ul ,li{
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 1080px){

}
@media screen and (max-width: 1024px){
	html{
		font-size: 45.5%;
	}
}


@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}
}

/*--------------------------------------*/

body{
	font-family:'Noto Sans Japanese',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック" !important;
	font-weight: 500;
	font-size: 18px !important;
	font-size: 1.8rem !important;
	line-height: 1.75 !important;
	color: #333;
	position: relative;
	overflow-x: hidden;
	background: #fff url("../images/common/page-back.png") center top no-repeat;
	background-size: contain;
	height: 100%;
}
.font_selif{
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media screen and (min-width: 1080px){
	body{

	}
}
@media screen and (max-width: 1079px){
	body{

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

}


a {
	color: #ff7200;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #ff7200;
	outline: none;
}


.btn {
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding: 10px 100px;
}
.btn.btn-md {
	padding: 10px 100px !important;
}
.btn.btn-lg {
	padding: 10px 100px !important;
}
.btn:hover, .btn:active, .btn:focus {
	box-shadow: none !important;
	outline: none !important;
}

.btn-primary {
	background: #ff8100;
	color: #fff;
	border: 2px solid #ff8100;
}
.with-arrow:before{
		content: "\f105";
		font-family: FontAwesome;
		position: relative;
		top: 1px;
		padding-right:5px;
}
.with-mail:before{
		content: "\f0e0";
		font-family: FontAwesome;
		position: relative;
		top: 1px;
		padding-right:5px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #ff2a00 !important;
	border-color: #ff2a00 !important;
}
.btn-primary.btn-outline {
	background: transparent;
	color: #ff2a00;
	border: 2px solid #ff2a00;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
	background: #ff2a00;
	color: #fff;
}

.btn-success {
	background: #5cb85c;
	color: #fff;
	border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background: #4cae4c !important;
	border-color: #4cae4c !important;
}
.btn-success.btn-outline {
	background: transparent;
	color: #5cb85c;
	border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
	background: #5cb85c;
	color: #fff;
}

.btn-info {
	background: #5bc0de;
	color: #fff;
	border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
	background: #389559 !important;
	border-color: #389559 !important;
}
.btn-info.btn-outline {
	background: transparent;
	color: #5bc0de;
	border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
	background: #5bc0de;
	color: #fff;
}

.btn-warning {
	background: #f0ad4e;
	color: #fff;
	border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
	background: #eea236 !important;
	border-color: #eea236 !important;
}
.btn-warning.btn-outline {
	background: transparent;
	color: #f0ad4e;
	border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
	background: #f0ad4e;
	color: #fff;
}

.btn-danger {
	background: #d9534f;
	color: #fff;
	border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background: #d43f3a !important;
	border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
	background: transparent;
	color: #d9534f;
	border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
	background: #d9534f;
	color: #fff;
}

.btn-outline {
	background: none;
	border: 2px solid gray;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	box-shadow: none;
}

.btn.with-arrow {
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.with-arrow i {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -8px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn.with-arrow:hover {
	/*padding-right: 50px;*/
}
.btn.with-arrow:hover i {
	color: #fff;
	right: 18px;
	visibility: visible;
	opacity: 1;
}

.form-control {
	box-shadow: none;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.1);
	height: 54px;
	font-size: 18px;
	font-weight: 300;
}
.form-control:active, .form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: #ff2a00;
}

/* ボックスリンク */
.linkBox{
	cursor:pointer;
}
.linkBox:hover{
	opacity:0.8;
}


/*--------------------------------
hearder
---------------------------------*/
header{
	border-bottom:#d7d7d7 1px solid;
	padding:0px 20px 15px 20px ;
}
header .header-inner img{
	width:100%;
}
header h1{
	float:left;
	width:30%;
	padding:5px;
}
header h1 img{
	max-width:480px;
	display:block;
}

header .boxR{
	float:right;
	width:65%;
	padding:10px;
}
header .head-search,
header .jb_logo{

}
header .head-search{
	float:left;
	width:73%;
	padding-top:2%;
}
header .jb_logo{
	float:right;
	width:25%;
}
header .jb_logo img{
	max-width:276px;
	display:block;
}
header .head-search .form-control{
	background:#fff;
}
header .head-search .form-control{
	width:80%;
	float:left;
}
header .head-search .btn{
	background:#655b4a;
	border-radius:6px;
	color:#fff;
	float:left;
	padding:14px 25px;
	margin-left:10px;
}
header .head-search .btn i{
	margin-right:5px;
}
header nav,
header #sp_search{
	display:none;
}


/* 2カラム */
#sidebar {
	float:left;
	/*width:20%;*/
	width: 345px;
}
#content{
	position:relative;
	float:left;
	width: 80%;
	min-height: 650px;
	padding:20px 10px 0px 50px;
}

@media only screen and (min-width: 1920px) {/*PC full*/
	#content{
			 width: 81%;
	}	
}


@media only screen and (min-width: 1120px) {/*PC full*/
}

@media only screen and (max-width: 1741px) {/*PC*/
	#content{
		width: 79%;
	}

}

@media only screen and (max-width: 1659px) {/*PC*/
	#content{
		width: 75%;
	}

}

@media only screen and (max-width: 1525px) {/*PC*/
	header .head-search .form-control{
			 width:79%;
	}
	#content{
		width: 69%;
	}
}
@media only screen and (max-width: 1345px) {/*PC*/

	header .head-search .form-control{
			 width:75%;
	}
}
@media only screen and (max-width: 1198px) {/*PC*/
	.head-search input {
		font-size:14px;
	}
	header .head-search .btn{
		padding:14px 20px;
	}
}
@media only screen and (max-width: 1129px){/*PC*/
	#content{
		width:68%;
	}
}

@media only screen and (max-width: 1099px) {/*tab*/
	header .head-search .btn{
					padding:14px;
	}
	.jb_logo{
					display:none;
	}
	header .head-search{
					width:90%;
	}
	header .head-search {
					padding-top:10px !important;
	}
	#sidebar {
					display:none;
	}
	#content{
					width:100% ;
					padding: 20px 10px 0px 0px;
	}

}




@media only screen and (max-width: 768px) {/*SP*/
	header .container{
					padding:0px !important;
	}
	header h1{
					width:45%;
					padding:0px;
					margin:20px 0px;
	}
	header .boxR{
					width:50%;
	}
	header #sp_search{
					display:block;
					float:right;
					margin:15px 60px 0px 0px;
					font-size:16px;
	}
	header .head-search{
					display:none;
	}
	header #sp_search a{
	background:#655b4a;
	border-radius:6px;
	color:#fff;
	padding:15px;
	}

}
@media only screen and (max-width: 480px) {/*SP*/
	header #sp_search a{
		padding: 10px 8px 10px 8px !important;
	}
	header #sp_search{
		font-size: 14px !important;
		margin-right: 45px;
	}
	header h1{
		width: 60%;
	}
	header .boxR{
		width: 38%;
		padding: 10px 0px;
	}
}




/*--------------------------------
sidebar
---------------------------------*/
#sidebar {
	padding:20px 0px 0px 35px;
	margin:0px;
}
#sidebar ul{
	margin:0px;
	padding:0px;
}
#sidebar li{
	list-style-type:none;
	padding-bottom:10px;
}
#sidebar li.home img{
	width:32px;
	position: relative;
	top:-2px;
}
#sidebar li.blood img,
#sidebar li.info img{
	width:32px;
}
#sidebar li.qa img{
	width:20%;
}
#sidebar .s_top li a:hover{
	background: #ffdfc6;
}

#sidebar li.blood a {
	position: relative;
}

#sidebar li.blood a::after{
	content: "\f08e";
	font-family: FontAwesome;
	position: absolute;
	top: 28px;
	right: 15px;
	color: #575757;
	font-size: 14px;
}

#sidebar ul.s_top li a{
	background: #ffecc3;
	border: #f0c873 1px solid;
	border-radius: 5px;
	padding: 17px;
	text-align: center;
	font-size:24px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	width: 100%;
	color:#333;
}
#sidebar ul li a span{
		border-bottom: #eba941 1px solid;
		display: block;
}
#sidebar ul.s_top li.current_li a {
		background: #ffdfc6;
}
#sidebar ul.s_top li.current_li a:hover{
	opacity:0.8;
}

#sidebar ul li.home a{
	background: #a4723b !important;
	color:#fff;
}
#sidebar ul li.home a span{
	border:0px;
}
#sidebar ul li.home a:hover{
	background: #d68631;

}
#sidebar ul li.movie a{padding:12px 17px 6px;}
#sidebar li.movie span{
	text-align:left;
	line-height:1.1em;
	padding:0 0 6px 35px;
	text-indent:-38px;
}


#sidebar dl{
	border:#cdcdcb 1px solid;
	padding:5px 5px 0px 5px;
	background:url("../images/common/side-back.jpg") left top repeat;
}
#sidebar dl a{
	color:#575757;
	width:100%;
	display:block;
}
#sidebar dt{
	font-size:19px;
	border-bottom:#ebaa9e 1px solid;
	margin-bottom:0px;
	padding:5px;
	color:#575757;
	position:relative;
	width:100%;
	font-weight:600;
}
#sidebar .ex dt{
	font-size:19px;
}
#sidebar dt:after{
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		top: 4px;
		right:0px;
		color:#575757;
}
#sidebar dt.current_dt:after {
		top: 10px;
		right: 7px;
}
#sidebar dt.current_dt{
	background:rgba(255,223,198,0.8);
	position:relative;
	left:-5px ;
	top:-5px;
	width: 308px;
	padding: 10px 10px 5px 10px;
	margin-bottom:-5px;
}
#sidebar dt img{
	display:inline-block;
	margin-right:3px;
	margin-top: -2px;
}
#sidebar dd a{
	padding:10px;
	font-size:16px;
}
#sidebar dd {
	border-bottom:#aaa8a3 1px dotted;
	position:relative;
}
#sidebar dd:after{
		/* content: "\f08e";
		font-family: FontAwesome;
		position: absolute;
		top: 10px;
		right: 7px;
		color: #575757; */
}
#sidebar dd:last-Child{
	border-bottom:0px;
}
#sidebar dt a:hover{
	/*background:#ffdfc5;*/
			color:#e97901;
	text-decoration:none;
}
#sidebar dd a:hover{
	color:#e97901;
	text-decoration:none;
}
#sidebar dd:hover{
	background:#fff;
}

@media only screen and (max-width: 1279px) {/*PC*/
	/*
	#sidebar dt,
	#sidebar dd,
	#sidebar .ex dd{
					font-size:18px;
	}
	#sidebar .ex dt{
					font-size:16px !important;
	}
	*/
}


/*メガメニュー*/
#sidebar nav > dl > dd:hover .menu_lst {
	max-height: 9999px;
	opacity: 1;
	display: block;
	width: 760px;
}
#sidebar nav > dl .menu_lst {
		background-color: #fff;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		text-align: center;
		transition: all .2s ease-in;
		width: 760px;
		position:absolute;
		left:100%;
		z-index: 5;
		color: #333;
/*    box-shadow: 4px 3px 2px 4px #e5e5e5;
		-moz-box-shadow: 4px 3px 2px 4px #e5e5e5;
		-webkit-box-shadow: 4px 3px 2px 4px #e5e5e5;*/
box-shadow:5px 1px 20px -2px #b5b5b5;
-moz-box-shadow:5px 1px 20px -2px #b5b5b5;
-webkit-box-shadow:5px 1px 20px -2px #b5b5b5;
}
/*
#sidebar #menu-item01 .menu_lst{ top: -1px; }
#sidebar #menu-item02 .menu_lst{ top: -45px; }
#sidebar #menu-item03 .menu_lst{ top: -90px; }
#sidebar #menu-item04 .menu_lst{ top: -135px; }
#sidebar #menu-item05 .menu_lst{ top: -175px; }
#sidebar #menu-item07 .menu_lst{ top: -285px; }


#sidebar #menu-item06 .menu_lst{ top: -50px; }
#sidebar #menu-item09 .menu_lst{ top: -160px; }
#sidebar #menu-item08 .menu_lst{ top: -300px; }
*/



#sidebar .menu_lst .menu_inner {
		background: no-repeat right bottom #fff;
		text-align: left;
		position: relative;
		padding: 0px 15px;
		height:auto;
}
#sidebar .menu_lst .menu_inner h3 a{
	color:#e97901;
	padding:10px;
	border-bottom:#e97901 2px solid;
	font-size: 24px;
	font-weight:500;
}
#sidebar .menu_lst .menu_inner p{
	padding:10px;
	font-size:16px;
}
#sidebar .menu_lst .menu_inner dl,
#sidebar .menu_lst .menu_inner dt,
#sidebar .menu_lst .menu_inner dd{
	background:none;
	border:0px;
	margin:0px;
	padding:0px;
}
#sidebar .menu_lst .menu_inner dl{
		padding-left: 18px;
		width: 53%;
		min-height:250px;
		text-indent: -17px;
}
#sidebar .menu_lst .menu_inner dd{
	padding-left:10px;
	font-size:16px;
}
#sidebar .menu_lst .menu_inner dt{
	position: relative;
}
#sidebar .menu_lst .menu_inner dt:after,
#sidebar .menu_lst .menu_inner dd:after{
	content: "";
	position: static;
}
#sidebar .menu_lst .menu_inner dt:before{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 12px;
	left: 0px;
	color:#4274b8;
	font-size:14px;
}
#sidebar .menu_lst .menu_inner dt a{
	font-size:18px;
}

#sidebar nav > dl .menu_lst a {
	color: #4274b8;
	display: block;
}
#sidebar nav > dl .menu_lst a:hover{
	color: #e97901;
}


#sidebar #menu-item01 .menu_lst .menu_inner { /*クロスハート*/
	background-image: url("../images/common/side-mega-clossheart.jpg");
}
#sidebar #menu-item02 .menu_lst .menu_inner { /*みんなの木*/
	background-image: url("../images/common/side-mega-qa.jpg");
}
#sidebar #menu-item02 .menu_lst .menu_inner dl{
	width:220px;
}
#sidebar #menu-item02 .menu_lst .menu_inner .etc{
	text-align:right;
}
#sidebar #menu-item.maintenance_menu .menu_lst .menu_inner { /*メンテナンス体操*/
	background-image: url("../images/common/maintenance_img.png");
}
#sidebar #menu-item.maintenance_menu .menu_lst .menu_inner .etc{
	text-align:right;
}
#sidebar #menu-item03 .menu_lst .menu_inner { /*もしものために*/
	background-image: url("../images/common/side-mega-list.jpg");
}
#sidebar #menu-item04 .menu_lst .menu_inner { /*クロスエイト*/
	background-image: url("../images/common/side-mega-crosseight.jpg");
}
#sidebar #menu-item05 .menu_lst .menu_inner { /*家庭注射*/
	background-image: url("../images/common/side-mega-chusha.jpg");
}
#sidebar #menu-item06 .menu_lst .menu_inner { /*中耳炎*/
	background-image: url("../images/common/side-mega-chuji.jpg");
}
#sidebar #menu-item07 .menu_lst .menu_inner { /*MGスクエア*/
	/* background-image: url("../images/common/side-mega-mg.jpg"); */
}
#sidebar #menu-item07 .menu_lst .menu_inner dl{
	min-height:270px;
}

#sidebar #menu-item08 .menu_lst .menu_inner { /*B型肝炎*/
	background-image: url("../images/common/side-mega-bgata.jpg");
}
#sidebar #menu-item09 .menu_lst .menu_inner { /*RH*/
	background-image: url("../images/common/side-mega-rh.jpg");
}
#sidebar #menu-item09 .menu_lst .menu_inner dl{
	min-height:300px;
}
#sidebar #menu-item10 .menu_lst .menu_inner { /*cidp*/
	background-image: url("../images/common/cidp.png");
}
#sidebar #menu-item10 .menu_lst .menu_inner dl{
	min-height:300px;
}

#sidebar #menu-item11 .menu_lst .menu_inner { /*kd*/
	/* background-image: url("../images/common/kd.png"); */
}
#sidebar #menu-item07 .menu_lst .menu_inner .menu_2column,
#sidebar #menu-item11 .menu_lst .menu_inner .menu_2column {
	display: flex;
	gap: 2%;
	position: relative;
}
#sidebar #menu-item07 .menu_lst .menu_inner .menu_2column dl,
#sidebar #menu-item11 .menu_lst .menu_inner .menu_2column dl {
	width: 49%;
	padding: 10px;
	box-sizing: border-box;
	padding-left: 35px;
}
#sidebar #menu-item07 .menu_lst .menu_inner .menu_2column dl:nth-child(1),
#sidebar #menu-item11 .menu_lst .menu_inner .menu_2column dl:nth-child(1) {
	background: #fdf6f5;
}
#sidebar #menu-item07 .menu_lst .menu_inner .menu_2column dl:nth-child(2),
#sidebar #menu-item11 .menu_lst .menu_inner .menu_2column dl:nth-child(2) {
	background: #fff8e5;
}

#sidebar #menu-item11 .menu_lst .menu_inner dl{
}

#sidebar #menu-item12 .menu_lst .menu_inner { /*WEB*/
	background-image: url("../images/common/side-mega-web.jpg");
}
/*#sidebar #menu-item12 .menu_lst .menu_inner dl{
	min-height:300px;
}*/

#sidebar #menu-item13 .menu_lst .menu_inner { /*破傷風*/
	background-image: url("../images/common/side-mega-tetanus.jpg");
}
#sidebar #menu-item14 .menu_lst .menu_inner { /*コンファクトF 注射用 溶解方法*/
	background-image: url("../images/common/side-mega-confactf.jpg");
}
#sidebar #menu-item15 .menu_lst .menu_inner { /*ノバクトM 溶解方法*/
	background-image: url("../images/common/side-mega-novactm.jpg");
}
#sidebar #menu-item16 .menu_lst .menu_inner { /*天疱瘡・類天疱瘡*/
	background-image: url("../images/common/vg.png");
}
#sidebar #menu-item17 .menu_lst .menu_inner { /*多発性筋炎・皮膚筋炎*/
	background-image: url("../images/common/side-mega-pmdm.png");
}
#sidebar #menu-item18 .menu_lst .menu_inner { /*フォン・ヴィレブランド病*/
	background-image: url("../images/common/side-mega-vwd.jpg");
}
#sidebar #menu-item19 .menu_lst .menu_inner { /*バイクロット 溶解方法*/
	background-image: url("../images/common/side-mega-byclot.jpg");
}

#sidebar #menu-item20 .menu_lst .menu_inner { /*WEB*/
	background-image: url("../images/common/side-crossheartclub.jpg");
}
#sidebar #menu-item21 .menu_lst .menu_inner { /*血友病保因者動画*/
	background-image: url("../images/common/side-hemophilia_digest.jpg");
}
#sidebar #menu-item22 .menu_lst .menu_inner { /*コンファクトF 静注用 溶解方法*/
	background-image: url("../images/common/side-mega-confactf2.jpg");
}

/*2018-02-04 追加*/
#sidebar #menu-item03 .cross_info {
	padding:0px;
}
#sidebar #menu-item03 .cross_info div{
	margin-top:20px;
	margin-left:-10px;
	padding:15px;
	border:#ccc 4px solid;
	text-align:left;
	text-indent:0px;
}
#sidebar #menu-item03 .cross_info .btn{
	background:#d34c49;
	color:#fff;
	margin-top:10px;
}
#sidebar #menu-item03 .cross_info .btn:hover{
	opacity:0.8;
}


/*--------------------------------
footer
---------------------------------*/
#pageTop {
	position: fixed;
	bottom:150px;
	right: 7%;
	z-index: 999
}

#pageTop a {
	display: block;
	padding: 2px 0 0 0px;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	background-color: #ee9305 ;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity:0.8;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#fh5co-footer {
	width:105% !important;
	float:left;
	bottom:-70%;
	background: url(../images/common/foot-back.png) 20px top repeat-x;
	padding: 5.2em 0 0 0;
}
.foot-inner{
	background: #eee;
}

footer dl a{
	color: #575757;
}
.f-lst dl{
	float: left;
	width: 25%;
	padding: 4%;
	font-size: 14px;
}
.f-lst dl.lst_weight{
	padding: 4% 4% 0px 4%;
	margin-bottom: 0;
}
.f-lst dl.lst_blood{
	padding: 0 4% 4% 4%;
}

footer .f-lst  dt{
	font-weight:600;
	font-size:18px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:-25px;
	position:relative;
}
footer .f-lst  dl:first-Child dt{
	margin-left:-10px;
	margin-bottom:24px;
}

/*
footer .f-lst  dt img{
	display:inline-block;
	margin-right:3px;
	margin-top: -2px;
	width: 11%;
}*/
footer .f-lst  dt span.fm_img,
footer .f-lst  dt span.fm_tx{
	display: table-cell;
	vertical-align: middle;
	float:left;
}
footer .f-lst  dt span.fm_img{
	width: 11%;
}

footer .f-lst  dt img{
	width:90%;
	margin: -2px 4px 0px 0px;
}
footer .f-lst  dt span.fm_tx{
	width:80%;
}


footer .f-lst  dd{
	padding:5px 0px 5px 0px;
	clear: both;
}
footer .f-lst  dl:first-Child dt:before{
		content: "■";
		position: relative;
		top: -2px;
		left:0px;
		color:#ebaa9e;
		font-size:12px;
		margin-right:3px;
}

.foot-copy{
	clear:both;
	font-size:16px;
	position:relative;
}
.foot-copy ul {
	margin:0px;
	padding:0px;
	float:left;
	width:60%;
}
.foot-copy ul li{
	list-style-type:none;
	float:left;
	padding:10px;
	position:relative;
}
.foot-copy ul li a{
	color:#575757;
}
.foot-copy ul li a:after{
		content: "\f08e";
		font-family: FontAwesome;
		position: relative;
		top: 0px;
		left: 5px;
		color: #5985c0;
}

.foot-copy .lights{
	float: right;
	width: 40%;
	padding-top: 10px;
}
.foot-copy .lights p{
	margin: 0;
}


@media only screen and (max-width: 1690px) {/*PC*/
		/* footer .f-lst  dt span{
		display: block;
		position: relative;
		left: 33px;
	}*/
}
@media only screen and (max-width: 1525px) {/*PC*/
	#fh5co-footer{
		width: 115% !important;
	}
}
@media only screen and (max-width: 1440px) {/*PC*/
	#fh5co-footer{
		width: 105%;
		bottom: -100%;
	}
}
@media only screen and (max-width: 1380px) {/*PC*/
	#fh5co-footer{
		width: 103%;
	}
}
@media only screen and (max-width: 1279px) {/*PC*/
	.f-lst dl{
		width: 33%;
		height: auto;
	}
	.f-lst dl.lst_weight{
		margin-left: 33%;
	}

	.f-lst dl.lst_weight,
	.f-lst dl.lst_blood{
		padding: 0 4%;
		height: auto;
	}
	.f-lst dl.lst_weight{
		margin-top: -50px;
		margin-bottom: 60px;
	}
	.f-lst dl.lst_blood{margin-top:-30px;}
	footer .f-lst  dt{
		font-size: 18px;
	}

	.foot-copy{
		font-size:14px;
	}
	.foot-copy ul {
		margin: 0 auto;
		padding: 0;
		width: 65%;
		float: none;
		clear: both;
	}
	.foot-copy ul li{
		display: table-cell;
		width: 33%;
		padding: 0;
		text-align: center;
	}
	.foot-copy .lights{
		float: none;
		clear: both;
		text-align: center;
		width: 100%;
		padding-bottom: 5px;
	}

		#fh5co-footer{
			bottom:-105%;

		}

}
@media only screen and (max-width: 1279px) {/*PC*/
 
}


@media only screen and (min-width: 1099px){
	footer .f-lst .ri_dt{
		margin-bottom: 40px;
	}
	footer .f-lst  dt{
		margin-left: -30px;
	}

}

@media only screen and (max-width: 1099px) {/*tab*/

	footer .f-lst .ri_dt{
		margin-bottom:35px;
	}

	#fh5co-footer{
		width: 105% !important;
		bottom: -70%;
	}
	.foot-copy ul{
		clear:both;
		float:none;
		margin:0px auto;
		text-align:center;
	}
	.foot-copy .lights{
		width:100% ;
		clear:both;
		float:none;
		text-align:center;
	}
}

@media only screen and (max-width: 950px) {/*SP*/
	.foot-copy ul {
		left:21%;
	}

}
@media only screen and (max-width: 748px) {/*SP*/
	#fh5co-footer{
		width:105% !important;
		padding:6.5em 0 0 0;
	}
	footer .f-lst  dl:first-Child dt{
		margin-bottom:5px;
	}
	.f-lst dl,
	.f-lst dl.lst_weight,
	.f-lst dl.lst_blood{
		float:none;
		width:100% ;
		height:auto;
		padding:4% 0px;
		border-bottom: #ccc 1px solid;
		margin-left: 0px ;
		margin-bottom:10px;
	}
	.f-lst dl.lst_info{
			margin-bottom:7px;
	}
	footer .f-lst .ri_dt{
					border-bottom:#ccc 1px solid;
				 /*margin-bottom:40px;
					padding-bottom:40px;*/
					margin-bottom:5%;
					padding:10px 0px 5% 16px;
	}
	.f-lst dl dd{
					padding:10px 10px 10px 16px;
	}

	.foot-copy ul{
					width:100% ;
					padding:20px;
					position:static;
	}
	.foot-copy ul li{
					float:none;
					width:100% ;
					text-align:left;
		display:block;
		padding:10px;
	}
	footer .f-lst  dl dt{
					margin:0px 0px 7px 0px;
	}
/*
	footer .f-lst  dt span{
		display:inline;
		position:static;
	}*/
	.foot-copy .lights{
					border-top:#9c9c9c 2px solid;
	}
	footer .f-lst  .lst_info{
		padding-left:14px;
		padding-top:20px;
	}
	footer .f-lst  .lst_info dd{
		padding-left:0.5em;
	}
	footer .f-lst  dt span.fm_img{
		width: 23px;
		}
	.f-lst dl.lst_weight{margin-top:auto;}
	.f-lst dl.lst_blood{margin-top:auto;}

}

@media only screen and (max-width: 480px) {/*SP*/
	footer .f-lst .ri_dt{
		margin-bottom: 6%;
		padding: 10px 0 6% 16px;
	}
}



#fh5co-page {
	position: relative;
	z-index: 3;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
	position: relative;
}

#fh5co-page {
	z-index: 3;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

}
.offcanvas-visible #fh5co-page {
/* -moz-transform: translateX(-275px);
	-webkit-transform: translateX(-275px);
	-ms-transform: translateX(-275px);
	-o-transform: translateX(-275px);
	transform: translateX(-275px);*/
	opacity:0.5;
}
.offcanvas-visible #fh5co-offcanvas{
	display:block !important;
}

#fh5co-offcanvas {
	display: none;
	height: 100%;
	right: 0;
	overflow-y: auto;
	position: fixed;
	z-index: 4;
	top: 0;
	width: 100%;
	background: #fff;
	padding:70px 0px;
}
#fh5co-offcanvas::-webkit-scrollbar {
	display: none;
}

#fh5co-offcanvas nav{
	margin-top:-70px;
}

#fh5co-offcanvas ul {
	padding: 0;
	margin: 0;
}
#fh5co-offcanvas ul li {
	padding:0px;
	margin: 0;
	list-style: none;
	line-height: 28px;
	background:#ffecc2;
	border-bottom:#fff0de 1px solid;
}
#fh5co-offcanvas ul ul li {
	padding: 0 0 0 2.5em;
}
#fh5co-offcanvas ul li.home {
	background:#a5723b;
}
#fh5co-offcanvas ul li a {
	font-size: 18px;
	color: #565656;
	text-decoration: none !important;
	padding:13px 15px 13px 15px;
	display:block;
	width:100%;
}
#fh5co-offcanvas ul li.home a{
	color:#fff;
}

#fh5co-offcanvas ul.menu01 li{
	background:#f7e1ec;
}
#fh5co-offcanvas ul.menu01 label{
	background:#c16894;
}

#fh5co-offcanvas ul.menu02 li{
	background:#d6e8f2;
}
#fh5co-offcanvas ul.menu02 label{
	background:#69a1c2;
}

#fh5co-offcanvas ul.menu03 li{
	background:#d1edda;
}
#fh5co-offcanvas ul.menu03 label{
	background:#69c185;
}

#fh5co-offcanvas ul.menu04 li{
	background:#d2d8ef;
}
#fh5co-offcanvas ul.menu04 label{
	background:#697dc2;
}

#fh5co-offcanvas ul.menu05 li{
	background:#f0e6cc;
}
#fh5co-offcanvas ul.menu05 label{
	background:#c1a868;
}
#fh5co-offcanvas ul.menu06 li{
	background:#64c0ad;
}
#fh5co-offcanvas ul.menu06 label{
	background:#56a595;
}
#fh5co-offcanvas ul.menu07 li{
	background:#fce8e9;
}
#fh5co-offcanvas ul.menu07 label{
	background:#e8aba4;
}
#fh5co-offcanvas ul.menu08 li{
	background:#e7838c;
}
#fh5co-offcanvas ul.menu08 label{
	background:#b71c4a;
}
#fh5co-offcanvas ul.menu09 li{
	background:#e2b615;
}
#fh5co-offcanvas ul.menu09 label{
	background:#fdd118;
}
#fh5co-offcanvas ul.menu10 li{
	background:#e5cbe4;
}
#fh5co-offcanvas ul.menu10 label{
	background:#b569b1;
}
#fh5co-offcanvas ul.menu11 li{
	background:#d843736e;
}
#fh5co-offcanvas ul.menu11 label{
	background:#d84373;
}

#fh5co-offcanvas ul.menu00 li a {
	padding: 0;
}
#fh5co-offcanvas ul.menu00 img {
	width: 100%;
}
#fh5co-offcanvas ul.menu10 img {
	width: 42px;
    	margin: 0;
}

#fh5co-offcanvas ul li a:hover {
	color: #ff2a00;
}
#fh5co-offcanvas ul li.active a {
	color: #ff2a00;
}

#fh5co-offcanvas ul li img {
	display:inline-block;
	margin-right:10px;
	text-align:center;
	width:32px;

}
#fh5co-offcanvas .nav-foot li{
	border-bottom:#d7d7d7 1px solid;
	background:#fff;
	position:relative;
	padding-left:1.5em;
}
#fh5co-offcanvas .nav-foot li a:after{
		content: "\f08e";
		font-family: FontAwesome;
		position: relative;
		top: 0px;
		left:5px;
		color:#5985c0;
}
#fh5co-offcanvas .nav-foot .nav-logo{
	padding:50px;
	background:#fff;
	text-align:center;
}


/*アコーディオン*/
.menu label {
	display: block;
	color :#fff;
	cursor :pointer;
	margin: 0 0 0 0;
	font-size: 18px;
	padding:13px 15px 13px 15px;
	width:100%;
	position:relative;
}
.menu label a{
	color:#fff;
}
.menu label:after{
		content: "\f103";
		font-family: FontAwesome;
		position: absolute;
		top:15px;
		right:10px;
		color:#565656;
		font-size:38px;
}

.menu input {
		display: none;
}
.menu ul li {
	display: none;
	margin:0px;
	padding:0px;
		max-height: 0;
		overflow-y: hidden;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
}
.accordion:checked ~ label:after{
		content: "\f102";
		font-family: FontAwesome;
		position: absolute;
		top: 22px;
		right:10px;
		color:#565656;
		font-size:38px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li{
		max-height: 150px;
		opacity: 1;
		display: block;
}




.fh5co-nav-toggle {
	cursor: pointer;
	text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
	background: #fff;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
	background: #fff;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.fh5co-nav-toggle i {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 30px;
	height: 2px;
	color: #fff;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #fff;
	transition: all .2s ease-out;
}

.fh5co-nav-toggle i::before, .fh5co-nav-toggle span{
	font-size:11px;
	display:inline-block;
	position:absolute;
	left:7px;
	top:30px;
	color:#fff;
}
.fh5co-nav-toggle span{
	left:8px;
}

.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
	position: relative;
	color: #000;
	background: #000;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
	background: #000;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.fh5co-nav-toggle i::before {
	top: -7px;
}

.fh5co-nav-toggle i::after {
	bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
	top: -10px;
}

.fh5co-nav-toggle:hover i::after {
	bottom: -10px;
}

.fh5co-nav-toggle.active i {
	background: transparent;
}

.fh5co-nav-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
	position: fixed;
	top: 40px;
	right: 10px;
	z-index: 100;
	display: block;
	margin: 0 auto;
	display: none;
	cursor: pointer;
	width:50px;
	height:50px;
	opacity:0.7;
	background:#ee9305;
	padding:2px;
	border-radius:3px;
	text-align:center;
}
@media screen and (max-width: 1099px) {
	.fh5co-nav-toggle {
		display: block;
		top:22px;
		/*top: 13px;*/
	}
	#fh5co-offcanvas ul li a span{
					display:none;
	}

}
@media screen and (max-width: 768px) {
	.fh5co-nav-toggle {
		top: 14px;
	}

}

@media screen and (min-width: 1025px) {
	.fh5co-nav-toggle i{
		top:-7px;
	}
}



@media only screen and (max-width: 1099px) {
	#fh5co-page {
					overflow-x:hidden;
	}
	#fh5co-header .header-inner{
					padding:0px;
	}
	header .container,
	#fh5co-footer .container{
					width:100% ;
	}
	#fh5co-footer{;
					position:static;
					padding:93px 0px 0px 0px;
	}
	
	#pageTop{
			position:fixed;
					bottom:5%;
	}
	#pageTop a{
			padding-top:3px;
	}


	/*検索モーダル*/
	#content01{
					text-align:center;
					color:#fff;
					font-size:24px;
	}

	#content01 .modal-content{
					background:none;
					position:static;
	}

	#content01 form input[type="text"]{
					font-size:24px;
					background:     rgba(0,0,0,0);
					padding:10px;
					color:#fff;
					border:solid 1px #666;
					width:60%;
					margin-top:10px;
	}

	#content01 form input[type="submit"]{
					font-size:24px;
					background:     rgba(0,0,0,0);
					padding:10px;
					color:#fff;
					border:solid 1px #666;
					margin-top:10px;
					cursor:pointer;
	}

	#content01 .s_close{
					float:left;
					text-align:left;
					width:100%;
	}

	#content01 .close-content01{
					cursor:pointer;
	}



}
@media only screen and (max-width: 1860px) {
.pc_br:before {
		content: "\A";
		white-space: pre;
}
}
@media only screen and (max-width: 1024px) {
	#pageTop a{
			padding-top:8px;
	}
}


/*TOP contents*/
div.message{
	width:100%;
	margin:0 auto 20px;
	background:#a4723b;
	border:3px solid #d2ae86;
	border-radius:5px;
	box-sizing:border-box;
}
div.message dl.message_in{
	width:96%;
	margin:1% auto;
	padding:0;
	overflow:hidden;
}
div.message dl.message_in dt{
	color:#fff;
	text-align:center;
	font-size:1.7vw;
	font-weight:400;
	line-height:1.4em;
	margin:0 auto 10px;
}
@media only screen and (min-width: 1680px) {
div.message dl.message_in{width:90%;}
	
}

div.message dl.message_in dd{
	float:left;
	display:table;
	width:32%;
	font-weight:600;
	text-align:center;
	margin:0 2% 0 0;
	font-size:90%;
	color:#a4723b;
	background:#fff;
	border-radius:5px;
}
div.message dl.message_in dd:nth-child(3){margin-right:0;}

div.message dl.message_in dd .m_inner{
	width:100%;
	margin:0 auto;
	display:table-cell;
	vertical-align: middle;
	height:45px;
}
div.message dl.message_in dt:last-child{
	width:100%;
	padding-top:10px;
	text-align:right;
	font-size:90%;
	overflow:hidden;
}
@media only screen and (max-width: 1100px) {
	div.message{
		width:99%;
		margin:0 0 15px 1%;
	}
	div.message dl.message_in dt{font-size:2.4vw;}
	div.message dl.message_in dd{font-size:18px;}
	.sp_br:before {
		content: "\A";
		white-space: pre;
	}
	.pc_br:before{display:none;}
}
@media only screen and (max-width: 768px) {
	div.message{
		width:97.8%;
		margin:0 0 15px 10px;
	}
	div.message dl.message_in dt{
		font-size:24px;
		font-weight:600;
		margin:0 auto;
	}
	div.message dl.message_in .tb_sp_box{
		background:#fff;
		border-radius:5px;
		margin:10px auto 0;
	}
	div.message dl.message_in dd{
		float:none;
		display:table;
		width:90%;
		padding:0 5%;
		margin:0 auto 0;
		border-bottom:1px dashed #a4723b;
		background:none;
		border-radius:0;
	}
	div.message dl.message_in dd:nth-child(3){
		border-bottom:none;
		margin-right: auto;
	}
	div.message dl.message_in dd .m_inner{
		height:auto;
		padding:8px;
	}
	div.message dl.message_in dt:last-child{
		width:100%;
		padding-top:10px;
		text-align:right;
		font-size:100%;
		overflow:hidden;
	}
}
@media only screen and (max-width: 480px) {
	div.message dl.message_in dt{font-size:18px;}
	div.message dl.message_in dd{font-size:16px;}
	div.message dl.message_in dd .m_inner{
		height: auto;
		box-sizing: border-box;
	}
	div.message dl.message_in dt:last-child{
		width: 100%;
		padding-top: 10px;
		text-align: right;
		font-size: 90%;
		overflow: hidden;
	}
}

.main-lnk {
	margin-bottom: 50px;
}
.main-lnk ul{
	width: 32%;
	float: left;
	background: #c16894;
	border: #d887af 3px solid;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 14px;
	max-height: 200px;
	height: 100px;
	line-height: 20px;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	position: relative;
}
.main-lnk ul:nth-child(3n){margin-right: 0;}

.main-lnk ul li {
	list-style-type: none;
}
.main-lnk ul:hover{
	opacity: 0.8;
}
.main-lnk ul a{
	color: #fff;
	text-decoration: none;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	line-height: 20px;
}
.main-lnk ul img{
	display: inline-block;
	margin-right: 10px;
	width: 7.8%;
}
.main-lnk ul.lnk_02{
	background: #68a1c1;
	border: #87bbd8 3px solid;
}
.main-lnk ul.lnk_03{
	background: #68c184;
	border: #87d8a0 3px solid;
}
.main-lnk ul.lnk_03 img{
	width: 13%;
}

.main-lnk ul.lnk_04{
	background: #687dc1;
	border: #8794d8 3px solid;
}
.main-lnk ul.lnk_04 img{
	width: 12%;
	position: relative;
	top: 10px;
}
.main-lnk ul.lnk_04 span.ml_br{
	display: block;
	position: relative;
	left: 20px;
}

.main-lnk ul.lnk_05{
	background: #c1a768;
	border: #d8bc87 3px solid;
}

.main-lnk ul.lnk_05 span.ml_br{
	display: inline;
}

.main-lnk ul.lnk_06{
	background: #56a595;
	border: #76c7b7 3px solid;
}
.main-lnk ul.lnk_07{
	background:#e8aba4;
	border: #ffdcd5 3px solid;
}
.main-lnk ul.lnk_08{
	background: #b71c4a;
	border: #e7838c 3px solid;
}
.main-lnk ul.lnk_10{
	background: #b569b1;
	border: #e5cbe4 3px solid;
}
.main-lnk ul.lnk_11{
	background: #d84373;
	border: #e7838c 3px solid;
}
.main-lnk ul.lnk_06 img,
.main-lnk ul.lnk_07 img,
.main-lnk ul.lnk_08 img,
.main-lnk ul.lnk_09 img,
.main-lnk ul.lnk_11 img{
	width: 12%;
}

.main-lnk ul.lnk_10 img {
	width: 17%;
}

@media only screen and (max-width: 2500px) {
	.main-lnk ul{
		width: 32%;
	}
}
@media only screen and (max-width: 1980px) {
	.main-lnk ul{
		width: 32%;
	}
}
@media only screen and (max-width: 1769px) {/*PC*/
	.main-lnk ul{
		width: 32% ;
		font-size: 20px;
	}
}
@media only screen and (max-width: 1449px) {/*PC*/
	.main-lnk ul.lnk_04 span.ml_br {
		left: 20px;
		top: 6px;
	}
	.main-lnk ul li span{
		font-size: 16px;
	}
}

@media only screen and (max-width: 1099px) {/*tab*/
	.main-lnk{
		margin: 0;
	}
	.main-lnk ul{
		font-size: 20px;
	}
	.main-lnk ul.lnk_04,
	.main-lnk ul.lnk_05 {
	}
	.main-lnk ul.lnk_04 span.ml_br {
		top: 0;
	}
	.main-lnk ul.lnk_05 li span.ml_br{
		display:block;
		position:relative;
		left: 14px;
		top: -8px;
	}
	.main-lnk ul.lnk_05 img{
		position: relative;
		top: 10px;
	}
}
@media only screen and (max-width: 1069px) {
	.main-lnk ul{
		width: 32%;
	}
	.main-lnk ul li span{
		font-size: 18px;
	}
}


@media only screen and (max-width: 768px) {/*SP*/
	.main-lnk {
		padding-left: 18px;
	}
	.main-lnk ul{
		font-size: 20px;
		width: 49%;
		height: 120px;
	}
	.main-lnk ul:nth-child(2n){
		margin-right: 0;
	}
	
	.main-lnk ul:nth-child(odd){margin-right: 2%;}

}
@media only screen and (max-width: 503px) {/*SP*/
	.main-lnk ul{
		width:46%;
	}


	.main-lnk ul.lnk_05 li span.ml_br {
		left: 11px;
		top: -6px;
	}
	.main-lnk ul.lnk_04 span.ml_br {
		left: 15px;
	}

}
@media only screen and (max-width: 480px) {/*SP*/
	.main-lnk ul{
		font-size: 18px;
		width: 100%;
		height: 70px;
		margin: 0 0 10px;
		text-align: left;
	}
	.main-lnk ul.lnk_04 img,
	.main-lnk ul.lnk_05 img,
	.main-lnk ul.lnk_04 li span.ml_br,
	.main-lnk ul.lnk_05 li span.ml_br{
		display: inline;
		position: static;
	}

	.main-lnk ul a{
		padding-left:15px;

	}
	.main-lnk ul .ml_ico,
	.main-lnk ul .ml_tx{
		display: table-cell;

	}
	.main-lnk ul .ml_tx{
		padding-left: 10px;
	}

	.main-lnk ul img{
		width: 80%;
	}
	.main-lnk ul.lnk_03 img,
	.main-lnk ul.lnk_04 img{
		width: 110%;
		margin-left:-4px;
	}
	.main-lnk ul.lnk_06 img,
	.main-lnk ul.lnk_07 img,
	.main-lnk ul.lnk_08 img,
	.main-lnk ul.lnk_09 img,
	.main-lnk ul.lnk_11 img,
	.main-lnk ul .ml_ico{
		width: 35px;
		text-align: center;
	}
	.main-lnk ul.lnk_10 img {
		width: 45px;
		text-align: center;
		margin-right: 0;
	}
	/*
	.main-lnk ul .ml_ico{
				width:7.8%;
	}
			.main-lnk ul.lnk_03 .ml_ico,
			.main-lnk ul.lnk_04 .ml_ico{
				width: 12%;

			}*/




}


.pickup_bloc {
	clear:both;
	width:100%;
	margin-bottom: 50px;
}

.pickup_bloc__frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0 4%;
}

.pickup_bloc__frame .vimeo-player {
	width: 48%;
	margin-top: 20px;
}

@media (max-width: 768px) {
	.pickup_bloc__frame {
		display: block;
	}
	.pickup_bloc__frame .vimeo-player {
		width: 100%;
	}
}


@media only screen and (max-width: 1099px) {
	.pickup_bloc {
			padding-left: 10px;
			margin-bottom: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.pickup_bloc {
			padding-left: 25px;
			padding-right: 17px;
			margin-bottom: 0;
	}
}
@media only screen and (max-width: 480px) {
	.pickup_bloc {
			padding-left: 12px;
			padding-right: 5px;
	}
}
.pickup_bloc h3 {
	border-bottom:#dbdbdb 4px solid;
	padding:10px 0px 15px 10px;
	margin-bottom:5px;
	position:relative;
}
/* .pickup_bloc .eviry-baseplayer,
.pickup_bloc .vimeo-player {
	max-width: 800px !important;
	margin-inline: auto;
	margin: 20px auto;
	display: block;
	z-index: 1;
} */

.news_bloc{
	clear:both;
	float:left;
	width:50%;
}
.news_bloc h3{
	border-bottom:#dbdbdb 4px solid;
	padding:10px 0px 15px 10px;
	margin-bottom:5px;
	position:relative;
}
.news_bloc h3 span {
	position:absolute;
	right:-2px;
	top:13px;
}
.news_bloc h3 span a{
	width: 100%;
	cursor: pointer;
		padding: 10px;
		font-size: 15px;
		font-weight:600;
		color: #f76e1c;
		text-align: center;
		text-decoration: none;
		border-radius:5px;
		position:relative;
}
.news_bloc h3 span a:before{
	content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 14px;
		left: 0px;
		color:#f76e1c;
		font-size:14px;
}

.news_bloc dl a{
	color:#3472c7;
}
.news_bloc dl{
	border-bottom:#b2b2b2 1px dotted;
	font-size:16px;
	position:ralative;
	padding:15px;
}
.news_bloc dl dt{
	float:left;
	width:160px;
	margin-right:20px;
	font-weight:400;
	position:relative;
	
}
.news_bloc dl dd{
	float:left;
	text-align:left;
	width:70%;
}
.news_bloc dl dt span{
	display:inline-block;
	background:#ec3513;
	color:#fff;
	font-size:12px;
	padding:4px;
	border-radius:5px;
	font-weight:400;
	position:absolute;
	top:-1px;
	margin-left: 15px;
}


.news_bloc dl dt span:after{
		/*border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #ec3513;
		left: 42%;
		bottom: -5px;
		content: "";
		position: absolute;
		
		border-left: 10px solid #ec3513;
		border-bottom: 5px solid transparent;
		border-top: 5px solid transparent;
		top: 11px;
		right: -8px;*/
}



.bnr_area{
	float:right;
	width:41%;
	margin-bottom:50px;
}
.bnr_area img{
	display:block;
	width:100%;
}
.bnr_area ul li{
	float:left;
		width:50%;
		padding:5px;
		list-style-type: none;
}
.news_bloc h3 a:hover,
.bnr_area a img:hover{
	opacity:0.8 !important;
}
@media screen and (max-width: 1280px) {
	.bnr_area ul li{
		float:none;
		width:100%;
		box-sizing:border-box;
	}
}


@media only screen and (max-width: 1769px) {/*PC*/
	.news_bloc{
					width:58%;
	}
}

@media only screen and (max-width: 1525px) {/*PC*/
	.news_bloc dl dt,
	.news_bloc dl dd{
					float:none;
					width:100%;
	}

}

@media only screen and (max-width: 1279px) {/*PC*/
	.news_bloc dl dt,
	.news_bloc dl dd{
					float:none;
					width:100%;
	}
	.bnr_area{
	width:33%;
	}
	.news_bloc{
					width:65%;
	}
}
@media only screen and (max-width: 1099px) {/*tab*/
	.main-lnk,
	.news_bloc{
		padding-left:10px;
	}
}


@media only screen and (max-width: 1024px) {/*tab 横*/
	.bnr_area ul li{
					float:none;
					width:100%;
	}

}

@media only screen and (max-width: 768px) {/*SP*/
	.bnr_area,
	.news_bloc{
		float: none;
		width: 100%;
		padding-left: 10px;
	}
	.news_bloc{
		padding-left: 25px;
		padding-right: 17px;
	}
	.bnr_area{
		padding-left: 17px;
		padding-right: 9px;
	}

	.bnr_area ul li{
		float: left;
		width: 50%;
		padding: 6px;
	}
	
	.bnr_area > div {
		padding: 6px;
	}

}
@media only screen and (max-width: 480px) {/*SP*/
	.bnr_area ul li{
		float: none;
		width: 100%;
	}
	header{
		padding-bottom: 5px;
	}
	.news_bloc {
		padding-left: 12px;
		padding-right: 5px;
	}
	.bnr_area {
		padding-left: 5px;
		padding-right: 0;
	}


}



/*  新着一覧・詳細 */

.news_bloc dl{
	margin: 0;
}

.news_page .news_bloc,
.news_detail .news_bloc{
	width: 100%;
}

.news_detail .news_box dl{
	border: 0;
}
.news_detail .news_box dl dt,
.news_detail .news_box dl dd{
	float: none;
	width: 100%;
	border-bottom: #b2b2b2 1px dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.news_detail .news_box dl h4{
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #e97901;
}

.news_detail .news_box dl dd a{
	display: inline;
	word-wrap: break-word;
}


/* 症状別ページ */
.pages h2{
	width:100%;
	background:#c16894;
	border:#d887af 3px solid;
	border-radius:5px;
	font-size:28px;
	font-weight:400;
	text-align:center;
	margin:0px;
	height: 118px;
	position: relative;
	color:#fff;
}
.pages h2 .num{
	color:#333;
	width:100%;
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: inline-block;
	width: 100px;
	text-align: right;
	font-size:14px;
 }
.pages h2 .ttl-inner{
	color:#fff;
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
 }
.pages h2 img{
	display:inline-block;
	margin-right:10px;
	width: 30px;
 }
.page_hbv h2 img,
.page_mg h2 img{
	width: 3%;
 }

.pages.pmdm h2 img {
	width: 5%;
}



.pages h2 .tx2{
	font-size: 24px;
	display: inline-block;
	margin-left: 40px;
}


.switch {
	visibility: hidden;
}

/*各疾患タイトル*/
.page_mg h2{
	background: #68c184;
	border: #87d8a0 3px solid;
}
.page_mg .cnt_box dl dt{
	color:#68c184 !important;
}

.page_infection h2{
	background: #68a1c1;
	border: #87bbd8 3px solid;
}
.page_infection .cnt_box dl dt{
	color:#68a1c1 !important;
}

.page_rh h2{
	background: #c1a768;
	border: #d8bc87 3px solid;
}
.page_rh .cnt_box dl dt{
	color:#c1a768 !important;
}

.page_hbv h2{
	background: #687dc1;
	border: #8794d8 3px solid;
}
.page_hbv .cnt_box dl dt{
	color:#687dc1 !important;
}

.page_tetanus h2{
	background: #b71c4a;
	border: #e7838c  3px solid;
}
.page_tetanus .cnt_box dl dt{
	color:#b71c4a !important;
}


.pages .lead_tx{
	font-weight:400;
	font-size:16px;
	padding:10px 0px;
	margin:0px;
}
.pages .cnt_box {
	margin-left:-10px;
	margin-bottom:50px;
	padding-top:10px;
}
.pages .cnt_box dl{
	float:left;
	width:24.3%;
	margin:0px 0px 10px 10px;
	padding:10px;
	background:#f6f6f6;
	border:#d6d6d6 3px solid;
	border-radius:5px;
}
.pages .cnt_box dl dt{
	color:#c16894;
	font-size:19px;
	font-weight:400;
}
.pages .cnt_box dl dt span{
	display:table-cell;
}
.pages .cnt_box dl dt span.tx{
	padding-left:5px;
}
.pages .cnt_box dl dt img{
	display: inline-block;
	max-width: 35px;
}
.pages .cnt_box dl dd {
	font-weight:400;
	font-size:16px;
	padding-top:10px;
}
.pages .cnt_box dl dd .exa{
	display:block;
	text-align:right;
}
.pages .cnt_box dl dd.catch a{
	pointer-events: none;
}
.pages .cnt_box dl dd.catch img{
	width:100%;
}

@media only screen and (min-width: 2260px) {/*pc*/
	.pages #fh5co-footer{
		position:static;
	}
}


@media only screen and (max-width: 1863px) {/*pc*/
	.pages .cnt_box dl{
		width:24.2%;
	}
}
@media only screen and (max-width: 1660px) {/*pc*/
	.pages .cnt_box dl{
		width:24.1%;
	}
}

@media only screen and (max-width: 1563px) {/*pc*/
	.pages .cnt_box dl{
		width:23%;
	}
	.pages #fh5co-footer{
		bottom:-100%;
	}

}
@media only screen and (max-width: 1280px) {/*pc*/
	.pages .cnt_box dl{
		width:32%;
	}
}
@media only screen and (max-width: 1174px) {/*pc*/
	.pages .cnt_box dl{
		width:31%;
	}
}


@media only screen and (max-width: 1099px) {/*tab*/
	.pages h2{
		margin-left:5px;
	}
	
	.pages .cnt_box{
		margin-left:0px;
		padding-top:20px;
		margin-bottom:50px;
	}
	.pages .cnt_box dl{
		width:32.39%;
	}
	.pages .lead_tx{
		padding-left:10px;
	}


}
@media only screen and (max-width: 1084px) {/*tab*/
	.pages .cnt_box dl{
		width:31.5%;
	}
}

@media only screen and (max-width: 768px) {/*SP*/
	.pages h2{
		height: 90px;
	}
	.pages h2 .tx2{
	display: none;
	margin-left: 0px;
	}
	.pages h2 .tx2{
		font-size:20px;
		padding-top: 10px;
	}
	.pages .cnt_box dl{
		width:48.5%;
	}
}
@media only screen and (max-width: 692px) {/*SP*/
	.pages .cnt_box dl{
		width:48.2%;
	}
}
@media only screen and (max-width: 581px) {/*SP*/
	.pages .cnt_box dl{
		width:47.5%;
	}
}
@media only screen and (max-width: 480px) {/*SP*/
	.pages h2 img{
		width:10%;
	}
	.pages h2 img{
		width:10%;
	}
	.pages.pmdm h2 img {
		width: 13%;
		margin: 0;
	}
	.page_hemophilia h2 img,
	.page_rh h2 img,
	.page_infection h2 img{
		width:6%;
	}

	.page_hemophilia h3 img{
		width:5.5%;
	}
	.pages h2 {
		height:90px;
	}
	.pages h2 .num{
		font-size:12px;
	 }

	.pages .cnt_box dl{
		width:100%;
		float:none;
		margin:0px 0px 5px 5px;
	}
	.pages .cnt_box dl dt{
		text-align:center;
	}
	.pages .cnt_box dl dt span{
	display:inline;
	}
	.pages .cnt_box dl dd .exa{
		display:inline-block;
		text-align:left;
		margin-left:10px;
	}
	.pages .cnt_box dl dd.catch{
		display:none;
	}


 .page_hemophilia .cnt_box dl dt .tx{
		border-bottom:#c16894 1px solid;
	}
 .page_infection .cnt_box dl dt .tx{
		border-bottom:#68a1c1 1px solid;
	}
	.page_mg .cnt_box dl dt .tx{
		border-bottom:#68c184 1px solid;
	}
	.page_rh .cnt_box dl dt .tx{
		border-bottom:#c1a768 1px solid;
	}
	.page_hbv .cnt_box dl dt .tx{
		border-bottom:#687dc1 1px solid;
	}

}

/*お役立ち情報*/
.page_information h2{
		background: #ffecc3;
		border:#f0c873 1px solid;
}
.page_information h2 .ttl-inner{
	color:#333;
}

.page_information .lead_tit{
	font-size:19px;
	border-left:#ee9307 3px solid;
	padding:10px;
	margin-left:10px;
}

.pages .info_box {
	margin-left:-10px;
	padding-top:10px;
	margin-bottom:50px;
}
.pages .info_box .link_unit{
	float:left;
	width:49%;
	margin:0px 0px 10px 10px;
	padding:10px 10px 24px 10px;
	background:#f6f6f6;
	border:#d6d6d6 3px solid;
	border-radius:5px;
	min-height:270px;
	position: relative;
}

.pages .info_box h4,
.pages .info_box dl{
	display:table-cell;
	vertical-align:top;
}
.pages .info_box dl{
	padding:0px 0px 0px 10px;
}

.pages .info_box dl dt,
.pages .info_box dl dt a{
	color:#ee9307;
	font-size:19px;
	font-weight:400;
}

.pages .info_box dl dd {
	font-weight:400;
	font-size:16px;
	padding-top:10px;
}

.pages .info_box h4 img{
	width:150px;
}

.pages .info_box h4 img:hover{
	opacity:0.8;
}

.pages .info_box h4 .sp_tit{
	display:none;
}

.pages .info_box dl dd .pdf{
	display:block;
	text-align:right;
	position:relative;
	color:#4274b8;
	text-decoration:underline;
	margin-top:20px;
}
.pages .info_box dl dd .pdf:before{
		content: "\f1c1";
		font-family: FontAwesome;
		position: relative;
		top: 1px;
		padding-right:5px;
}
.pages .info_box dl dd .pdf a{
	color:#4274b8;
}
.pages .info_box dl dd .pdf:hover,
.pages .info_box dl dd .pdf a:hover{
	color:#e97901;
}

.pages .info_box .link_unit .no{
	position: absolute;
	right: 10px;
	bottom: 8px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}

.page_information #fh5co-footer{
	bottom:-40%;
}


@media only screen and (max-width: 1525px) {/*pc*/
	.pages .info_box .link_unit{
		float:left;
		width:48.5%;
	}
}
@media only screen and (max-width: 1099px) {/*tab*/
	.pages .info_box{
		margin-left:0px;
		padding-top:20px;
		margin-bottom:50px;
	}
	.pages .info_box .link_unit {
			width: 49%;
	}
}
@media only screen and (max-width: 1025px) {/*tab*/
	.pages .info_box .link_unit {
			width: 48.5%;
	}
}
@media only screen and (max-width: 780px) {/*pc*/
	.pages .info_box .link_unit{
		float:none;
		width:100%;
		margin:0px 0px 5px 5px;
	}
}
@media only screen and (max-width: 480px) {/*pc*/
	.pages .info_box h4,
	.pages .info_box dl{
		display:block;
	}
	.pages .info_box h4{
		text-align:center;
	}
	.pages .info_box h4 .sp_tit {
		display:block;
		color:#ee9307;
		font-size:19px;
		font-weight:400;
		text-align:left;
		padding:0px 0px 10px 0px;
	}
	.pages .info_box h4 .sp_tit a{
		color:#ee9307;
	}
	.pages .info_box dl dt{
		display:none;
	}
}

/*Video おはなし*/

.video_frame{
	display:table;
	position: relative;
	width: 780px;
	height:480px;
	margin:0 auto;
}
.video_st{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1098px) {
	.video_st{
		width: 79%;
	}
}

/*CIDP KD VWD */
#pmdm h2{
	background:#b569b1;
	border:3px solid #e5cbe4;
}
#vwd h2{
	background:#d84373;
	border:3px solid #e7838c;
}
#cidp h2{
	background:#56a595;
	border:3px solid #76c7b7;
}
#kd h2{
	background:#e8aba4;
	border:3px solid #ffdcd5;
}

#pmdm h2 span,
#vwd h2 span,
#cidp h2 span,
#kd h2 span,
#tetanus h2 span{color:#fff;}

#pmdm .cnt_box dl dt{color:#b569b1 !important;}
#vwd .cnt_box dl dt{color:#d84373 !important;}
#cidp .cnt_box dl dt{color:#56a595 !important;}
#kd .cnt_box dl dt{color:#e8aba4 !important;}

@media only screen and (max-width: 1099px) {/*pc*/
	.video_frame{
		width: 99%;
		margin-left:8px;
	}
}

@media only screen and (max-width: 768px) {/*sp*/
	/*Video おはなし*/
	#story .pages h2{font-size:20px;}
	.video_frame{height:390px;}
}

@media only screen and (max-width: 480px) {/*sp*/
	/*Video おはなし*/
	.video_frame{height:240px;}
	
	#pmdm .cnt_box dl dt .tx {border-bottom: #c16894 1px solid;}
	#vwd .cnt_box dl dt .tx {border-bottom: #d84373 1px solid;}
	#cidp .cnt_box dl dt .tx {border-bottom: #56a595 1px solid;}
	#kd .cnt_box dl dt .tx {border-bottom: #e8aba4 1px solid;}
	#tetanus .cnt_box dl dt .tx {border-bottom: #b71c4a 1px solid;}
	#vwd h2 {font-size: 24px;}
}

@media only screen and (max-width: 320px) {/*sp*/
	/*Video おはなし*/
	.video_frame{height:180px;}
}


/*QA*/
.page_qa #fh5co-footer {
	bottom:unset !important;
}

.page_qa h2{
		background: #ffecc3;
		border:#f0c873 1px solid;
}
.page_qa h2 .ttl-inner{
	color:#333;
}

.page_qa .lead_tit{
	font-size:19px;
	border-left:#ee9307 3px solid;
	padding:10px;
	margin-left:10px;
}
.page_qa  h2 img {
		width: 35px;
}


.page_qa .cnt_qa {
	padding-bottom:100px;
}

.qa_box{
	width:100%;
	margin:0 auto 30px;
	padding:2%;
	border:1px solid #f0c873;
	background:#fffbf7;
	box-sizing:border-box;
}

.qa_box .min{
	display:table;
	font-size:14px;
}
.qa_box a.bk_icon{
	color:#5581bf;
	margin-right:5px;
	padding-right:20px;
	text-decoration:underline;
	background:url(../images/qa/bk_icon.png) right center/15px no-repeat;
}
.qa_box a.bk_icon:hover{text-decoration:none;}

.qa_unit h3{
	position:relative;
	font-size:19px;
	font-weight:400;
	background:#ffefdd;
	padding:10px;
	border-radius:5px 5px 0px 0px;
	margin-bottom:0px;
	cursor:pointer;
	border: #f0c873 1px solid;
}
.qa_unit h3 span.q_ico i{
	font-style:normal;
	display:inline-block;
	border-radius:50%;
	background:#ee9203;
	color:#fff;
	font-size:14px;
	padding:12px;
}
.qa_unit h3 span{
		display:table-cell;
		vertical-align:middle;
}

.qa_unit h3 span.q_tx{
	padding:0px 30px 0px 5px;
}

.qa_unit h3:after {
		content: "\f103";
		font-family: FontAwesome;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #565656;
		font-size: 38px;
}
.qa_unit h3.open:after {
		content: "\f102";
		font-family: FontAwesome;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #565656;
		font-size: 38px;
}

.qa_unit .ans{
		display:none;
	padding:10px;
	border-radius:0px 0px 5px 5px;
	font-size:16px;
	font-weight:400;
		border: #f0c873 1px solid;
		border-top:0px;
		background:#fff;
}
.qa_unit .ans .detail_area{
	margin-bottom:20px;
}
.qa_unit .ans .cnt_detail{
	float:left;
	width:50%;
	border:#ccc 1px solid;
	padding:10px;
	background:#fff;
}
.qa_unit .ans .d_img {
	padding:20px;
	text-align:center;
}
.qa_unit .ans .d_img img{
	width:100%;
	max-width:450px;
}

.qa_unit .ans p{
	padding:10px;
	margin:0px 0px 10px 0px;
	clear:both;
}
.qa_unit .ans p.img{
	text-align:center;
}
.qa_unit .aq_7 p img{
	max-width:900px;
	width:100%;
}

.qa_unit .ans .sanko{
	background:#fff;
	border:#dddddd 1px solid;
	padding:10px;
	border-radius:5px;
	margin-top:10px;
}

.qa_unit .ans .sanko h4{
	color:#3f95c5;
}
.qa_unit .ans h5{
	color:#3f95c5;
	padding:10px 10px 10px 0px;
	margin:0px;
	border-bottom:#dddddd 1px solid;
	font-size:16px;
}
.qa_unit .ans dl{
	padding:10px;
	clear:both;
}
.qa_unit .ans dl dt,
.qa_unit .ans .st{
	font-weight:600;
	margin:0px 0px 10px 0px;
	border-left:#c16894 4px solid;
	padding:0px 0px 0px 10px;
	line-height:1.42857;
}
.qa_unit .ans .st{
	margin-top:20px;
}
.qa_unit .ans .tx_red{
	color:#ff0000;
	position: relative;
	top: -5px
}
.qa_unit .ans li{
	position:relative;
	padding:10px 10px 10px 20px;
	list-style-type:none;
	
}
.qa_unit .ans li:before{
		content: "\f054";
		font-family: FontAwesome;
		position: absolute;
		top: 16px;
		left: 5px;
		color: #68a1c1;
		font-size:12px;
}

.ans .sec{
	padding:10px;
	border:#dddddd 1px solid;
	border-radius:5px;
	margin-top:10px;
	background:#fff;
}
#modal_box01 p,
#modal_box02 p{
	text-align:center;
}
 img.modal_img1,
 img.modal_img2{
	cursor:pointer;
}
.modal_img1 img:hover,
.modal_img2 img:hover{
	opacity:0.8;
}



@media only screen and (max-width: 1099px) {/*pc*/
	.page_qa .cnt_qa{
		margin:0px 0px 10px 10px;
	}
	
	.qa_unit .ans img{
		width:60%;
	}

	#modal_box01 p img,
	#modal_box02 p img{
		width:100%;
	}

}

@media only screen and (max-width: 780px) {/*pc*/
	.qa_unit h3 span.q_ico i{
		padding:6px;
	}
	.qa_unit h3{
		font-size:17px;
	}
	
	.qa_unit .ans .cnt_detail{
		float:none;
		width:100%;
	}
	.qa_unit .ans img{
		width:100%;
	}
	
}

/*天疱瘡・類天疱瘡 */
#vg h2 {
	background: #e2b615;
    border: 3px solid #fdd118;
}

#vg .cnt_box dl dt {
	color: #e1b714;
}

.main-lnk ul.lnk_09{
	background: #e2b615;
	border: #fdd118 3px solid;
}

/*献血アルブミン製剤の投与を受けられる方へ */
.page_albumin h2 {
	background: #ffecc3;
    border: #f0c873 1px solid;
	margin-bottom: 45px;
}

.page_albumin h2 .ttl-inner {
	color:#333
}

@media only screen and (max-width: 768px) {/*sp*/
	.page_albumin h2 {
		font-size: 20px;
	}
}

/*****2020.07.22 追加　審J番号追記*****/
div.story_mov{
    position: relative;
    width: 90%;
    max-width:923px;
    margin:0 auto;
}
div.story_mov.digest{
    padding-top: 20px;
}
div.story_mov video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.mov_box{
	width:100%;
	max-width:923px;
	margin:0 auto 5px;
}
p.j_num{
	font-size:1.2rem;
	text-align:right;
}
p.j_num.story{
	max-width:90%;
	margin:0.5em auto 0;
}
p.j_num.alb{margin:0.5em auto 0;}

@media only screen and (max-width: 1098px) {/*tab*/
div.mov_box{
	max-width:100%;
	margin:0 auto 5px;
	padding-left:10px;
}

p.j_num{font-size:1.4rem;}

div.story_mov{
    width: 80%;
	margin:0 auto;
}
p.j_num.story{max-width:80%;}
}

@media only screen and (max-width: 640px) {/*sp*/
div.story_mov{
    width: 98%;
	margin-left:10px;
}
p.j_num.story{max-width:100%;}

}


 /* 210916 Add */
h3.hemophilia {
	margin-left: 10px;
    color: #c16894;
    border-bottom: 1px solid #c16894;
    line-height: 2;
    margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {/*sp*/
	h3.hemophilia {
		margin-left: 5px;
		font-size: 22px;
		line-height: 1.5;
	}
}