$main-color: #e7f5fb;
$text-color: #37474f;
$highlight-color: #1976d2;

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Lato, sans-serif;
}

h1:not(#top_logo) {
	text-align: left;
}
section.no_padding > h2{
	text-align: left;
}

h2[id^="no"]{
	text-align: left;
	background: #fff;
	border: none;
	padding: 0 0 0 10px!important;
	color: #da0000;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
/*	border-bottom: 1px solid #dadada;*/
}

h2#guide {
	text-align: left;
	background: #fff;
	border: none;
	padding: 0 0 0 10px!important;
}

h3[id^="no"]{
	text-align: left;
}
.guide-h3{
	color: #333!important;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 8px;
	padding: 0;
}
.prd_list.yoko .item_name {
	text-align: left;
}

/**/
#top-editarea {
	 width: 100%;
	 margin: 0 auto 0 auto;
}

.recommends {
	margin: 0;
	width: 100%;
}
.recommends .carousel {
	list-style-type: none;
	padding: 12px;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	margin: 0;
}
.recommends .carousel li {
	background: #fff;
	margin: 10px;
	text-align: center;
	display: inline-block;
	word-break: break-all;
}
.recommends a.recommend-entry {
	display: block;
	width: 250px;
	font-size: 1rem;
	font-weight: 600;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	position: relative;
	line-height: 1.5;
}
.recommends .recommend-entry:hover {
    box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
    transform: translateY(-4px);
    transition: 0.2s;
}

/**/

.heading {
	margin: 10px 0
}


/**/

.add-name{
	text-align: left;
	font-size: 20px;
	color: #da0000;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
}

.add-symptomName{
	text-align: center;
	color: #fff;
	display: block;
	font-size: 36px;
	line-height: 1;
	padding: 68px 0 10px;
	letter-spacing: 0.2em;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px,
	black 1px -1px 0px, black -1px -1px 0px;
}

.prd-addimg{
	width: 370px;
	margin: 0 auto;
	display: block;
}

.tag-add{
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
	color: #fff;
	text-align: center;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px,
	black 1px -1px 0px, black -1px -1px 0px;
}

.addtoBox {
	width: 90%;
	margin: 10px auto;
	display: -webkit-flex;
	display: flex;
	height: 300px;
}

.img-addto {
	width: 50%;
	margin: 0px 0px 10px 0;
	position: relative;
}
.ojimgItem{
	width: 90%;
	height: 200px;
	margin:10px auto;
	position: relative;
}

.ojimg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover;
}


.subtitle-addto {
	position: relative;
	width: 50%;
}

.symptom-add{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.balloon {
	text-align: center;
	display: block;
	padding: 20px 0 15px 0;
	width: 90%;
	margin: 20px auto;
	position: relative;
	border-radius: .25em;
	box-shadow: 0 0 9px rgba(0, 0, 0, .55);
	background-color: #fff;
}
.balloon2 {
	text-align: center;
	display: block;
	padding: 30px 0 25px 0;
	width: 90%;
	margin: 20px auto;
	position: relative;
	border-radius: .25em;
	box-shadow: 0 0 9px rgba(0, 0, 0, .55);
	background-color: #fff;
}
.balloon-triangle {
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 24px;
	height: 12px;
	overflow: visible;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.balloon2-triangle {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 44px;
	height: 22px;
	overflow: visible;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}


.topImg{
	width: 100%;

}

.back-img{
	position: relative;
	width: 100%;
	background: #ddd url(../_img/2.jpg) no-repeat center center;
	background-size:cover;
}

.overview-add{
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff;
	padding: 20px;

}

.about-add{
	text-align: center;
	font-size: 30px;
	color: #6b548a;
}
.about-add{
	text-align: center;
	font-size: 24px;
	color: #6b548a;
	margin: 15px 0;
}

.sub-addtxt{
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
}

.thought-add{
	width: 100%;
	background: #fff;
	margin-top: 200px;
}
.threeContents{
	margin: 0 auto;
	width: 90%;
}
.thought-add .threeContents li {
	display: inline-block;
	width: 32%;
}

.plusadd-first {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 100px;
	width: 90%;
	border: 2px solid #bbb;
	padding: 20px 10px 10px 10px;
}
.plusadd {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
	width: 90%;
	border: 2px solid #bbb;
	padding: 20px 10px 10px 10px;
}
.main-plus {
	margin: 0 auto;
	width: 90%;
	float: left;
	width : -webkit-calc(100% - 300px) ;
	width : calc(100% - 300px);
	word-wrap: break-word;
}

.side-plus {
	width: 300px;
	position: relative;
}

.side-plus img{
	width: 98%;
	margin: auto;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover;
}


.minusadd {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
	width: 90%;
	border: 2px solid #bbb;
	padding: 20px 10px 10px 10px;
	
}
.main-minus {
	float: left;
	width: 300px;
	position: relative;
}

.side-minus {
	float: right;
	width : -webkit-calc(100% - 300px) ;
	width : calc(100% - 300px);
	word-wrap: break-word;
	position: relative;
	height: 220px;
}

.link-item{
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.main-minus img{
	width: 98%;
	height: 98%;
	margin: auto;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover;
}


.three-txt{
	display: block;
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
}
.detial-txt{
	display: block;
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
}

.logo-add{
	width: 250px;
	margin: 10px auto;
	margin-top: 40px;
	display: block;
}

.omoi{
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';

}

.omoi-add{
	width: 100%;
}

.inline-blockArea{
	width: 98%;
	margin: 0px auto;
	margin-top: -20px;
}



/**/


.inline-blockArea .side-addBox{
	padding: 0 0 0 10px;
	display:-webkit-box!important;
	display:-moz-box!important;
	display:-ms-flexbox!important;
	display:-webkit-flex!important;
	display:-moz-flex!important;
	display:flex!important;
	-webkit-box-lines:multiple!important;
	-moz-box-lines:multiple!important;
	-webkit-flex-wrap:wrap!important;
	-moz-flex-wrap:wrap!important;
	-ms-flex-wrap:wrap!important;
	flex-wrap:wrap!important;
	width:100%;
	margin: 0 auto;
}
.inline-blockArea .side-addBox .side-listBox{
	margin:0 10px 10px 0;
	padding:10px 5px 65px 5px;
	position: relative;
	border:1px solid #aaa;
	width:29.4%;
	list-style:none;
}


/**/

/* IE 6.7 */
*+ html ul.sample li {
	display:inline;
	zoom:1;
}

.clearboth{
	clear:both;
}


.side-addBox .side-listBox .side-image{
	display: block;
	width: 90%;
	margin: 5px auto;
}



.side-addBox .side-listBox img {
	width:100%;
	margin:0;
	padding:0;
}
.side-addBox .side-listBox h4 {
	font-weight:bold;
	font-size:110%;
	text-align:center;
	margin-bottom:15px;
	margin-top:20px;
	padding:0 5px 0 5px;
}
.side-addBox .side-listBox p {
	padding:0 9%;
	font-size:90%;
}
.side-addBox .side-listBox p.button a {
	text-align: center;
	padding: 0;
	display: block;
	width: 90%;
	position: absolute;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.step-image{
	font-size: 14px;
	font-family: '?q???M?m?p?S Pro', 'Hiragino Kaku Gothic Pro';
}

.graph-cont{
	max-width: 800px;
	margin: 0px auto;
	width: 90%;
	height:200px;
	margin-top: -20px;
	margin-bottom: 30px;
}
h1,h2,h3{
	text-align: center;
	color: #333;
}
.bar{
	height: 15px;
	max-width: 800px;
	margin: 0 auto 10px auto;
	line-height: 15px;
	font-size: 16px;
	color: white;
	position: relative;
}
.bar::before{
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	height: 30px;
	top: 0;
	z-index: -2;
}
.bar::after{
	content: '';
	background: #2ecc71;
	height: 20px;
	transition: 0.7s;
	display: block;
	width: 100%;
	-webkit-animation: bar-before 1 1.8s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bar1::after{
	max-width: 90%;
}
.bar2::after{
	max-width: 70%;
}
.bar3::after{
	max-width: 50%;
}
.bar4::after{
	max-width: 30%;
}
/*
 GoodBad
---------------------------*/


.voiceBox{
	height: fit-content;
	width: 98%;
	display: block;
	margin: 0px auto;
	padding: 0 0 50px 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
}

.voiceTitle{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding: 10px 0;
}
.voiceBox .voiceItem{
	background: #fff;
	width: 49%;
	display: table-cell;
	list-style: none;
}

.voiceBox .first{
	display: block;
	margin: 0 10px 0 0;
}

.innerGB{
	padding: 10px 5px;
	border: 3px solid #c0c0c0;
}

.innerGB .comment{
	height: 125px;
	overflow-y: scroll;
	overflow: auto;
	background: #f2f2f2;
	border-radius: 4px;
	padding: 5px;
}

.titGB{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 12px 0 10px 25px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 90%;
	background: #fff;
	border: 2px solid #f04070;
	color: #f04070;
	position: relative;
}


.blue{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 12px 0 10px 25px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 90%;
	background: #fff;
	border: 2px solid #34a4c5;
	color: #34a4c5;
	position: relative;
}

.titGB:before{
	border: 3px solid #f04070;
	border-radius: 6px;
	background: #;
	height: 20px;
	content: "";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 10px;/*アイコンの位置*/
	top: 10px;/*アイコンの位置*/
}

.blue:before{
	border: 3px solid #34a4c5;
	border-radius: 6px;
	background: #;
	height: 20px;
	content: "";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 10px;/*アイコンの位置*/
	top: 10px;/*アイコンの位置*/
}

.pickStar{
	position: absolute;
	top: 13px;
	right: 10px;
}
.reviewGB{
	display: block;
	width: 210px;
	margin-left: auto;
	margin-top: 10px;
	margin-right: 10px;
}
/*
	category more
-------------------------*/

#li-notice{
	width: 92%;
	margin: 10px auto;
}
.allItem{
	position: absolute;
	top: 15px;
	right: 30px;
	color: #4A4645;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-family: "Yu Gothic";
}

.total{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-family: "Yu Gothic";
}

.message{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-family: "Yu Gothic";
	text-align: center;
	padding-top: 10px;
}
#btnClick {
	display: block;
	width: 200px;
	max-width: 100%;
	margin: 20px auto;
	margin-top: 20px;
	padding: 12px 0;
	font-size: 18px;
	color: #2a2a2a;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#dadada);
	background: -moz-linear-gradient(top, #faffff,#dadada);
	background: linear-gradient(to bottom, #faffff,#dadada);
	border: 1px solid #808080;
	border-radius: 4px;
}

.news-relation{
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.6;
	border-bottom: 1px solid #eaeaea;
}
.news-relation:first-child{
	margin-top: 5px;
}

.news-relation a:before{
	position: absolute;
	top: 15px;
	left: 0px;
	font-family:FontAwesome;
	content: "\f105";
}
.news-relation a{
	margin-left: 20px;
	color:#036;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-relation a:hover{
	opacity: 0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.news-Date{
	color:#ff3535;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-left:20px;
	margin-bottom:-2px;
	margin-top:5px;
}


.moreLoad {
	background: #0058B0;
	color: #fff;
	width: 200px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	margin: 10px auto;
}


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


/*
	テーブルとか引用系
-----------------------------*/


.tyle-1 {
	position: relative;
	padding: 30px 15px 8px 15px;
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
}

.tyle-1:before{
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 15px;
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 28px;
	line-height: 1;
}

.tyle-1 p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

.tyle-1 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}

.tyle-2 {
	position: relative;
	padding: 35px 15px 10px 15px;
	box-sizing: border-box;
	font-style: italic;
	background: #f5f5f5;
	color: #777777;
	border-left: 4px solid #9dd4ff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.tyle-2:before{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 15px;
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #9dd4ff;
	font-size: 28px;
	line-height: 1;
}

.tyle-2 p {
	padding: 0;
	margin: 7px 0;
	line-height: 1.7;
}

.tyle-2 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}


.tyle-3 {
	position: relative;
	padding: 10px 15px 10px 50px;
	box-sizing: border-box;
	font-style: italic;
	border: solid 2px #464646;
	color: #464646;
}

.tyle-3:before{
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 15px;
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #77c0c9;
	font-size: 25px;
	line-height: 1;
}

.tyle-3 p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

.tyle-3 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}


.tyle-4 {
	position: relative;
	padding: 10px 12px;
	box-sizing: border-box;
	font-style: italic;
	color: #464646;
	border: solid 3px #3ca5d4;
	border-left-width: 50px;
}

.tyle-4:before{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -37px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #FFF;
	font-size: 22px;
	line-height: 1;
}

.tyle-4 p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}

.tyle-4 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}



.tyle-5 {
	position: relative;
	padding: 10px 20px;
	box-sizing: border-box;
	font-style: italic;
	color: #4e4e4e;
	background: #f2f9ff;
}

.tyle-5:before{
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 10px;
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #d2e6ff;
	font-size: 58px;
	line-height: 1;
}

.tyle-5:after{
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 15px;
	vertical-align: middle;
	text-align: center;
	content: "\f10e";
	font-family: FontAwesome;
	color: #d2e6ff;
	font-size: 40px;
	line-height: 1;
}

.tyle-5 p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}

.tyle-5 cite {
	position: relative;
	z-index: 3;
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}


.tyle-6 {
	position: relative;
	padding: 5px 15px 5px 55px;
	box-sizing: border-box;
	font-style: italic;
	color: #464646;
	background: #e8efff;
}

.tyle-6:before{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 8px;
	width: 38px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	content: "\f10d";
	font-family: FontAwesome;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	background: #87a4e3;
}

.tyle-6:after{
	content: '';
	position: absolute;
	left: 8px;
	top: 30px;
	height: 0;
	width: 0;
	border-left: 19px solid #87a4e3;
	border-right: 19px solid #87a4e3;
	border-bottom: 10px solid transparent;
}

.tyle-6 p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}

.tyle-6 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}


.tyle-7 {
	position: relative;
	padding: 5px 10px 5px 32px;
	box-sizing: border-box;
	font-style: italic;
	background: #f3f3f3;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.tyle-7:before{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -15px;
	width: 40px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	content: "\f10d";
	font-family: FontAwesome;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	background: #92d4ff;
	box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
}

.tyle-7:after{
	position: absolute;
	content: '';
	top: 40px;
	left: -15px;
	border: none;
	border-bottom: solid 8px transparent;
	border-right: solid 15px #6eb3e0;
}

.tyle-7 p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}

.tyle-7 cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}


.tyle-7 {
	width: 90%;
	margin: 10px auto;
	position: relative;
	padding: 12px 15px 10px 15px;
	box-sizing: border-box;
	font-style: italic;
	background: #f5f5f5;
	color: #777777;
	border-left: 4px solid #9dd4ff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.tyle-7 p {
	padding: 0;
	margin: 7px 0;
	line-height: 1.7;
}

/*
.type-8 {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
.type-8 tr {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}
.type-8 th,
.type-8 td {
	padding: .625em;
	text-align: center;
}
*/


.type-9{
	margin: 10px auto;
	width:100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border: 1px solid #bbb;
}

.type-9 th{
	background: #f5f5f5;
	padding: 5px 10px;
	width: 33%;
	overflow: hidden;
	color: #222;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	
}

.type-9 td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
	color: #595960;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-bottom: 1px solid #333;
	
}


.type-9 tr:nth-child(5) td{
	border-bottom: 1px solid #fff;
}


.type-10 {
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 20px;
	width: 96%;
	margin: 0 auto;
	padding: 20px;
}


/*
.multipleTable {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
.multipleTable th, td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 5px;
}
.multipleTable th { 
	background-color: #61c5bb; 
	color: #fff;
}
*/

.type-11{
	width: 90%;
	margin: 10px auto;
	counter-reset:li;
	font: 14px/1.6 'arial narrow', sans-serif;
	list-style: none;
	padding:0;
}
.type-11 li{
	position: relative;
	font-weight: bold;
	top: 50%;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 10px 0;
}
.type-11 li:nth-child(4n+1){
	border:dashed 1px #FFA79F;
}
.type-11 li:nth-child(4n+2){
	border:dashed 1px #fbaf5d;
}
.type-11 li:nth-child(4n+3){
	border:dashed 1px #9FCDFF;
}
.type-11 li:nth-child(4n+4){
	border:dashed 1px #AFEBB6;
}
.type-11 li:before{
	counter-increment: li;
	content: counter(li);
	position: absolute;
	left: -1px;
	color: #fff;
	text-align: center;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	height: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type-11 li:nth-child(4n+1):before{
	background: #FFA79F;
}
.type-11 li:nth-child(4n+2):before{
	background: #fbaf5d;
}
.type-11 li:nth-child(4n+3):before{
	background: #9FCDFF;
}
.type-11 li:nth-child(4n+4):before{
	background: #AFEBB6;
}

.type-12{
	width: 90%;
	margin: 10px auto;
	font: 14px/1.6 'arial narrow', sans-serif;
	padding: 10px 10px 20px;
	color: #448ccb;
	background: #ecf3fa;
	border: solid 2px #adcce8;
	border-radius: 5px;
	list-style: none;
}
.type-12 li{
	position: relative;
	line-height: 30px;
	padding-left: 20px;
	font-weight: bold;
	border-bottom: dashed 1px #448ccb;
}
.type-12 li:before{
	content: "・";
	position: absolute;
	left: 0px;
}

.type-13{
	width: 90%;
	margin: 10px auto;
	counter-reset:list;
	list-style-type:none;
	position:relative;
	font: 14px/1.6 'Mv Boli', 'arial narrow', sans-serif;
	padding: 1.2em;
	background:#F2EFE7;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
}
.type-13:after{
	content:"お薬なび";
	position: absolute;
	bottom: 8px;
	right: 1.2em;
	font-size:12px;
	color:#bbb;
}
.type-13 li{
	position:relative;
	padding: 7px 5px 7px 50px;
	margin: 7px 0 10px 0px;
	font-weight: bold;
	font-size:14px;
	border-bottom:dashed 1px #ccc;
	color:#333;
}
.type-13 li:first-child{
	margin-top:0;
}
.type-13 li:last-child{
  margin-bottom:20px;
}
.type-13 li:before{
	counter-increment: list;
	content: counter(list) ",";
	position: absolute;
	left: 15px;
	font-size:1.2em;
	 top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



.type-14{
	width: 98%;
	margin: 10px auto;
	counter-reset:li;
	font: 14px/1.6 'arial narrow', sans-serif;
	list-style: none;
	padding:0;
}
.type-14 li{
	font-size: 12px;
	position: relative;
	top: 50%;
	padding: 10px 4px 10px 30px;
	margin: 10px 0;
	background: #F2F2F2;
}

.type-14 li:before{
	position: absolute;
	left: -1px;
	color: #333;
	text-align: center;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	height: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.type-14 li:nth-child(4n+1):before{
	content: "1.";
}

.type-14 li:nth-child(4n+2):before{
	content: "2.";
}
.type-14 li:nth-child(4n+3):before{
	content: "3.";
}
.type-14 li:nth-child(4n+4):before{
	content: "4.";
}




.cateTable{
	border-collapse: separate;
	border-spacing: 10px;
	margin:0 auto;
	padding:10px;
	background:#fff;
	border:2px dotted #6db5a9;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.6;
	font-family: "游ゴシック";
}

.cate-txt {
	font-family: "游ゴシック";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #333;
}


.case {
	width: 98%;
	margin: 10px auto;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
.case img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	width: 30%;
}

.case .txt {
	display: inline-block;
	vertical-align: middle;
	width: 67%;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	background: #f2f2f2;
	border-radius: 4px;
	padding: 10px 0 10px 10px;
}

.cate-subTxt{
	display: block;
	margin-top: 10px;
}

.list-item{
	counter-reset:list;
	list-style-type:none;
	font: 14px/1.6 'arial narrow', sans-serif;
	padding:0;
}
.list-item li{
	position:relative;
	color: #333;
	padding: 5px 0 5px 30px;
	margin: 7px 0px;
	line-height: 30px;
	border-bottom: dashed 1px #ccc;
	font-size: 14px;
}
.list-item li:before{
	counter-increment: list;
	content: counter(list) ".";
	display: block;
	position: absolute;
	left: 0px;
	font-weight: bold;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



/*
	news・list・column
-------------------------*/

.news-List{
	width: 90%;
	border:3px solid #f04070;
	border-radius:10px;
	font-family:"游ゴシック";
	margin:20px auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}
.news-Title{
	width: 90%;
	font-family:"游ゴシック";
	color: #000;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0px auto;
	margin-top: 10px;
	border-bottom: 3px solid #f04070;
	background: #fff;
	
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}

.news-Title:before{
	position: absolute;
	left: -6px;
	bottom: 0;
	: '';
	width: 6px;
	height: 50%;
	background-color: #6bb6bb;
}

.news-Title:after{

	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}


.Box{
	padding:5px 20px;
}
.news-relation{
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.6;
	border-bottom: 1px solid #eaeaea;
}
.news-relation:first-child{
	margin-top: 5px;
}

.news-relation a:before{
	position: absolute;
	top: 15px;
	left: 0px;
	font-family:FontAwesome;
	content: "\f105";
}
.news-relation a{
	margin-left: 20px;
	color:#036;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-relation a:hover{
	opacity: 0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.news-Date{
	color:#ff3535;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-left:20px;
	margin-bottom:-2px;
	margin-top:5px;
}


@media (max-width : 900px ){
	#li-notice{
		margin-top: 30px;
	}
/*
	.allItem{
		top: 60px;
		left: 10px;
		font-size: 12px;
	}
*/	

}

@media (max-width : 880px ){

	.inline-blockArea .side-addBox{
		padding: 0 0 0 5px;
	}
	.inline-blockArea .side-addBox .side-listBox{
		width:29%;
	}
}

@media (max-width : 860px ){

.case {
	width: 98%;
	margin: 10px auto;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
.case img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	width: 28%;
}

}



@media (max-width : 768px ){
	.addtoBox {
		display: block;
		margin-bottom: 50%;
	}
	
	.img-addto,
	.subtitle-addto {
		padding: 2%;
		border-radius: 10px
	}

	.img-addto {
		width: 100%;
	}
	
	.subtitle-addto {
		width: 100%;
	}

	.ojimg{
		position: relative;
		width: 100%;
		height: 100%;
		margin: auto;
	}
	
	.symptom-add{
		width: 90%;
		margin-top: 80px:
		display: block;
		height: 100%;
	}



	.graph-cont{
		margin: 10px auto;
		margin-top: -20px;
		margin-bottom: 0px;
		width: 90%;
	}


	.inline-blockArea .side-addBox .side-listBox{
		width:45.5%;
	}

}


@media (max-width : 730px ){
	.inline-blockArea .side-addBox .side-listBox{
		width:45%;
	}
}


@media (max-width : 660px ){
	.inline-blockArea .side-addBox .side-listBox{
		width:44.5%;
	}
}



@media (max-width : 600px ){
	.inline-blockArea{
		margin-top: -40px;
	}

	.thought-add .threeContents li {
		display: block;
		width: 98%;
		margin: 10px auto;
	}

	
	.main-plus,
	.side-plus,
	.main-minus,
	.side-minus {
		float: none;
		width : 100%;
	}


	.main-plus img{
		width: 100%;
		margin: auto;
	}

	
	.side-plus img{
		width: 100%;
		margin: auto;
	}
	
	.main-minus img{
		width: 100%;
		margin: auto;
	}
	
	.side-minus img{
		width: 100%;
		margin: auto;
	}
	.inline-blockArea .side-addBox .side-listBox{
		width:44%;
	}


	.case img {
		display: block;
		width: 100%;
		max-width: 180px;
		margin: 10px auto;
	}
	
	.case .txt {
		display: block;
		vertical-align: middle;
		width: 98%;
		margin: 10px auto;
	}

}

@media (max-width : 550px ){
	.inline-blockArea .side-addBox .side-listBox{
		width:43.5%;
	}
}

@media (max-width : 510px ){
	.inline-blockArea .side-addBox .side-listBox{
		width:43.2%;
	}
}

@media (max-width : 480px ){
	.inline-blockArea .side-addBox {
		padding: 0px;
	}
	.inline-blockArea .side-addBox .side-listBox{
		width:98%;
		margin: 10px auto;
	}


}

@media (max-width : 460px ){
	.voiceBox{
		padding: 0 ;
	}

	.voiceBox .voiceItem{
		display: block;
		width: 98%;
		margin: 10px auto;
	}

	.voiceBox .first{
		display: block;
		margin: 0 ;
	}

	.innerGB .comment{
		height: 100%;
		overflow: none;
		background: #f2f2f2;
		border-radius: 4px;
		padding: 5px;
	}

}

@media (max-width : 420px ){

	.prd-addimg{
		width: 300px;
	}


}


.item_dt h3 {
    text-align: left;
}



/*
	graph
-----------------------------*/
.graph {
	position: relative; /* IE is dumb */
	width: 100%;
	border: 1px solid #207870;
	padding: 2px;
}

.graph .graphBar {
	display: block;
	position: relative;
	background: #409890;
	text-align: center;
	color: #f0ffff;
	height: 2em;
	line-height: 2em;
	font-size: 11px;
	margin: 0 0 5px 0;
}
.graph .graphBar span { position: absolute; left: 1em; }

.gbTxt{margin-top: 10px; margin-bottom: 0;}
/*
	引用符
-----------------------------*/
blockquote {
	position: relative;
	padding: 10px 15px 10px 50px;
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
}
blockquote.w_small {
	max-width: 600px;
}
.item_dt .item_text blockquote.w_small img{
    width: 100%;
}

.item_blackBox{
	margin: 16px auto;
    border: 1px solid #ccc;
    padding: 16px;
	width:calc(100% - 16px);
    border-radius: 8px;
    box-sizing: border-box;
}

blockquote:before{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -3px;
	vertical-align: middle;
	content: "“";
	font-family: sans-serif;
	color: #cfcfcf;
	font-size: 90px;
	line-height: 1;
}

blockquote p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}

table.table10,
table.table11 {
	width:100%;
	border-right:#bbb solid 1px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.table10 thead th,
table.table11 thead th {
	background:#bbb;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}
table.table10 thead th:last-child,
table.table11 thead th:last-child {
	border-right:#bbb solid 1px;
}
table.table10 tbody th,
table.table11 tbody th {
	background:#bbb;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}
table.table10 tbody tr:last-child th,
table.table11 tbody th:last-child th {
	border-bottom:#bbb solid 1px;
}
table.table10 tbody td,
table.table11 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#bbb solid 1px;
	border-bottom:#bbb solid 1px;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	table.table10 thead,
	table.table11 thead {
		display:none;
	}
	table.table10 tbody th,
	table.table11 tbody th{
		display:block;
	}
	table.table10 tbody td,
	table.table11 tbody td {
		display:block;
	}
	table.table11 tbody td {
		text-align: right;
	}
	table.table10 tbody td::before,
	table.table11 tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}
}


/*------2019/08/02---------*/

blockquote {
    position: relative;
    padding: 15px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #92a1a6;
    border-left-width: 50px;
	margin:0px!important;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -37px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 3px 0;
    z-index: 3;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* 
@media screen and (max-width: 414px) {
	blockquote {
	    position: relative;
	    padding: 10px 15px 10px 50px;
	    box-sizing: border-box;
	    font-style: italic;
	    border: solid 2px #464646;
	    color: #464646;
	}
	
	blockquote:before{
	    display: inline-block;
	    position: absolute;
	    top: 20px;
	    left: 15px;
	    content: "\f10d";
	    font-family: FontAwesome;
	    color: #77c0c9;
	    font-size: 25px;
	    line-height: 1;
	    font-weight: 900;
	}
	
	blockquote p {
	    padding: 0;
	    margin: 10px 0;
	    line-height: 1.7;
	}
	
	blockquote cite {
	    display: block;
	    text-align: right;
	    color: #888888;
	    font-size: 0.9em;
	}
} */




.prdDetailsInlineReview{
	width:100%;
	height:300px;
	border:1px solid #ccc;
	overflow-y: scroll;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
	-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
	-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
}

/*------2019/08/05---------*/

.review_list_inline{
	margin: 10px;
}
.review_list_inline li{
	border-bottom: 1px solid #dadada;
}

.inline_star_user .star{
	float:left;
}
.inline_star_user .star img{
	display:inline-block!important;
	border:none!important;
}
.inline_star_user .user{
	float:left;
	font-weight:bold;
}
.inline_star_user .comment{
	clear:both;
}