@charset "UTF-8";

/* CSS Document */

#column_article {
	margin: 0px;
	width: 100%;
	overflow: auto;
}
@media only screen and (min-width: 481px) {
#column_article {
	margin: 0px;
	width: 100%;
}
}
@media only screen and (min-width: 950px) {
#column_article {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
}
}


/* ==|== ＜article＞内の基本フォーマット ========================================
   パン屑、本文、リスト、リンク、h1〜h3、クエリー、ローカルナビ
   ========================================================================== */

/* Mobile : 480 px ≧ */
#breadcrumb {
	display: block;
	padding: 5px 0px 5px 0px;
	width: 100%;
	border-bottom: 1px solid #ccc8c4;
	background: #efedeb;
	clear: both;
	overflow:auto;
}
#breadcrumb ul {
	margin: 0px 0px 10px 0px;
	font-size: 85%;
	line-height:1;
}
#breadcrumb ul li {
	padding: 0px 10px 0px 15px;
	float: left;
	background: url(../icons/parts_icon.png) no-repeat 0px -60px;
}
#breadcrumb ul li.home {
	padding: 0px 10px 0px 5px;
	background: none;
}
#article_all {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
	clear:both;
}
#article_left {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
	clear:both;
}
#article_right {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
}
/* text */
#article_left p {
	margin: 0px 0px 20px 0px;
}
#article_left p.readcopy {
	margin: 0 0 20px 0;
	font-size:116%;
	line-height: 2;
}
#article_left hr {
	margin: 50px 0px 0px 0px;
	border: 0;
	height: 0;
	border-bottom: 2px solid #cac6c2;
	clear: both;
}
#article_left hr.dot {
	border: 0;
	height: 0;
	border-bottom: 1px dotted #97948f;
	clear: both;
}
#article_left p.lineheight2 {
	line-height: 2;
}
p.notes_formobile {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../icons/parts_icon.png) no-repeat 0px -200px;
	color: #666;
	clear:both;
}
p.inner_column {
	margin-bottom: 0px !important;
}
ul.linklist {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
ul.linklist li a {
	display: block;
	padding: 0px 0px 5px 15px;
	background: url(../icons/arrow_localnav.png) no-repeat 0px 0px;
}
ul.linklistout {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
ul.linklistout li {
	display: block;
	padding: 0px 0px 10px 32px;
	background: url(../icons/another_site.png) no-repeat 0 4px;
	text-indent: -15px;
}
.access_linklist {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size:93%;
	color: #666;
}
#article_left .links {
	margin: 0px;
	padding: 0px 0px 5px 15px !important;
	background: url(../icons/arrow_localnav.png) no-repeat 3px 5px;
}
.linksLarge {
	display:block;
	padding: 10px;
	margin-bottom: 20px;
	border: 2px solid #ffcbc4;
	font-size:115%;
	overflow: auto;
}
.linksLarge a {
	display:block;
	font-weight: 600;

}
.linksLarge a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
ul.list_ordinary li {
	margin: 0 0 0 1.5em;
	list-style-position: outside;
	list-style-type: disc;
	line-height:1.8;
}
ul.list_ordinary li.liunder10 {
	margin-bottom:10px;
}
ul.list_decimal li {
	margin: 0 0 0 2em;
	list-style-position: outside;
	list-style-type: decimal;
	line-height:1.8;
}
ul.list_note li {
	margin: 0;
	padding: 0 0 5px 1em;
	text-indent: -1em;
}
dl.dlordinary dt{
	margin: 5px 0 0 0;
	font-weight: bold;
}
dl.dlordinary dd{
	margin: 0 0 0 1em;
	line-height:1.8;
}
ul.list_ordinary, ul.list_decimal, ul.list_note, dl.dlordinary {
	font-size: 112%;
}
ul.list_cautionary li {
	font-size:95%;
	line-height:1.8;
	padding-left:1em;
	text-indent:-1em;
}
ul.list_cautionary li span {
	color:#cc0000;
}

h1,h2 {
	display: block;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	height: 20px;
	font-size: 131%;
	font-weight: 600;
	letter-spacing: 1px;
	clear: both;
}
h1 span, h2 span {
	font-size: 70%;
}
h2.line_red {
	padding: 0px 0px 0px 10px;
	border-left: 6px solid #cc0000;
	line-height: 1.2 !important;
}
h2.line_blue {
	padding: 0px 0px 10px 10px;
	border-left: 6px solid #4cb3ca;
	line-height: 1.2 !important;
}
h3 {
	display: block;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 116%;
	font-weight: bold;
	letter-spacing: 1px;
	clear: both;
}

.linkbox {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


/* Tablet : 481 px ~ 949 px */

@media only screen and (min-width: 481px) {
}


/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {
#breadcrumb {
	margin: 10px 0px 0px 0px;
	border: none;
	clear: both;
	background: #FFF;
	overflow:auto;
}
#article_all {
	display: block;
	margin: 30px 0px 0px 0px;
	width: 950px;
	max-width: 950px;
	clear:both;
}
#article_left {
	display: block;
	margin: 30px 0px 0px 0px;
	width: 610px;
	float: left;
	clear:both;
	overflow:hidden;
}
#article_right {
	display: block;
	margin: 30px 0px 0px 0px;
	width: 300px;
	float: right;
	overflow:auto;
}
/* text */
p.notes_formobile {
	display: none;
}
h1, h2 {
	margin: 0px;
	padding: 3px 10px 12px 0px;
	font-size: 153.9%;
	font-weight: bold;
	clear: both;
}
/* h2 */
h1.chienowa, h2.chienowa {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px 0px;
}
h1.support, h2.support {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -60px;
}
h1.dietarylife, h2.dietarylife {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -120px;
}
h1.story, h2.story {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -180px;
}
h1.basic, h2.basic {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -240px;
}
h1.yowatari, h2.yowatari {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -300px;
}
h1.sumai, h2.sumai {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -360px;
}
h1.syocho, h1.syocho {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -420px;
}
h1.magazine, h2.magazine {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -480px;
}
h1.tool, h2.tool {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -600px;
}
h1.glossary, h2.glossary {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -540px;
}
h1.research, h2.research {
	padding-left: 40px;
	background: url(../icons/bg_h1.png) no-repeat 0px -660px;
}
h1.key, h2.key {
	padding-left: 40px;
	background: url(../icons/parts_icon.png) no-repeat 0px -90px;
}
}


/* ==|==========================================
   記事リスト2018以降
   ========================================================================== */
.artlist {
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	overflow: auto;
	border-bottom: 3px solid #f4f4f4;
	clear:both;
}
.artlistl {
	width:40%;
	float: left;
}
.artlistl img {
	width:90%;
}
.artlistr {
	width:60%;
	float: left;
}
.artlistr h4, .artlistr p, .artlistlatest p {
	margin-top: 0;
	line-height: 1.2!important;
}
.artlist h4 a, .artlistlatest h4 a {
	margin-bottom: 5px;
	font-size:110%;
	color:#000!important;
	font-weight:600;
}
.artlist h4 a:hover, .artlistlatest h4 a:hover {
	text-decoration: none;
}
.artlist p {
	margin-right: 10px!important;
	font-size: 90%;
	color: #666;
	float: left;
}
.artlistlatest{
	margin:  0 0 15px 0;
	padding: 0 0 10px 0;
	overflow: auto;
	clear:both;
}
.artlistlatest img {
	width:100%;
}
.artlistlatest h4 {
	margin: 0 0 10px 0;
	line-height: 1.2!important;
}
.artlistlatest p {
	margin-right: 10px!important;
	padding-bottom:0;
	font-size: 90%;
	color: #666;
	float: left;
}



/* Tablet / Desktop : 600 px ~ */
@media only screen and (min-width: 600px) {
.artlistl {
	width:35%;
}
.artlistr {
	width:65%;
}
.artlist h4 a, .artlistlatest h4 a {
	font-size:120%;
}
}
/* Desktop : 950 px ~ */
@media only screen and (min-width: 950px) {
.artlist {
	border: none;
}
.artlistl {
	width:270px;
}
.artlistl img {
	width:250px;
	height: 150px;
	object-fit: cover;
}
.artlistr {
	width:330px;
}
.artlist h4 a {
	font-size:128%;
}
}


/* ==|== ＜article＞内の本文基本フォーマット ========================================
   用語集を反映する記事、画像、左右分割等
   ========================================================================== */
#article_termref {
	display: block;
	clear: both;
}
#article_termref h3 {
	display: block;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	font-size: 153.9%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height:1.2;
	clear: both;
}
.h3_yomigana {
	font-weight: normal;
	font-size: 77%;
}
#article_termref h4 {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 131%;
	font-weight: bold;
	letter-spacing: 1px;
	clear: both;
}
#article_termref h4.line_red {
	padding: 0px 0px 0px 6px;
	border-left: 4px solid #cc0000;
	line-height: 1.2 !important;
}
#article_termref h5 {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #333;
	font-size: 123.1%;
	font-weight: bold;
	letter-spacing: 1px;
	clear: both;
}
#article_termref h5.line_red {
	padding: 0px 0px 0px 6px;
	border-left: 4px solid #cc0000;
	line-height: 1.1 !important;
}
#article_termref h5.line_gray {
	padding: 0px 0px 0px 6px;
	border-left: 4px solid #999;
	line-height: 1.1 !important;
}
#article_termref p {
	line-height:2;
	font-size: 112%;
	clear: both;
}
#article_termref p img, #article_termref p img.imgadjust {
	display:block;
	margin:auto;
}
@media only screen and (min-width: 600px) {
	#article_termref p img.imgadjust {
		width:70%;
	}
}
.split_lefthalf, .split_rightthalf, .split_lefthalf_wide, .split_rightthalf_narrow {
	display: block;
	width: 100%;
	clear: both;
}
.split_lefthalf img, .split_rightthalf img, .split_lefthalf_wide img, .split_rightthalf_narrow img {
	width: 100%;
}
#article_termref p a {
	margin: 0px 2px 0px 2px;
	color: #339900;
	border-bottom:1px dotted;
}
#article_termref p a:hover {
	color: #4cb3ca;
	text-decoration: none;
}
.normalize a, .normalize a:visited {
	color: #cc0000 !important;
	text-decoration:none !important;
	border: none !important;
}
.normalize a:hover, .normalize a:active {
	color: #ff3300 !important;
	text-decoration: underline !important;
}
.emphasis {
	font-weight:bold;
	font-size: 108%;
}
.emphasis a {
	font-weight:bold;
}
.caption {
	display: block;
	margin: 5px 0px 10px 0px;
	color: #666;
	font-size: 93%;
	clear: both;
	line-height: 1.3!important;
}
.nospace {
	margin: 0!important;
	padding: 0!important;
}
/* Tablet : 481 px ~ 949 px */
@media only screen and (min-width: 700px) {
.split_lefthalf {
	display: block;
	width: 48%;
	float: left;
	clear: both;
}
.split_rightthalf {
	display: block;
	width: 48%;
	float: right;
	clear: none;
}
}
@media only screen and (min-width: 481px) {
.split_lefthalf_wide {
	display: block;
	width: 56%;
	float: left;
	clear: both;
}
.split_rightthalf_narrow {
	display: block;
	width: 40%;
	float: right;
	clear: none;
}
.split_lefthalf img, .split_rightthalf img, .split_lefthalf_wide img, .split_rightthalf_narrow img {
	width: auto;
}
}

/* Desktop : 950 px ~ */
@media only screen and (min-width: 950px) {
.split_lefthalf {
	display: block;
	width: 295px;
	float: left;
	clear: none;
}
.split_rightthalf {
	display: block;
	width: 295px;
	float: right;
	clear: none;
}
.split_lefthalf_wide {
	display: block;
	width: 345px;
	float: left;
	clear: none;
}
.split_rightthalf_narrow {
	display: block;
	width: 245px;
	float: right;
	clear: none;
}
}




/* ==|== ローカルナビゲーション ========================================
   右カラム注意書き、
   ローカルナビゲーション右カラム(article_right local navigation)、
   ローカルナビゲーション左カラム(article_left local navigation)※リストは右と共通、カラムのみ
   ========================================================================== */

/* ==|== article_right local navigation ============================================= */
.balloon_caution {
	display:none;
}
.balloon_caution_long {
	display:none;
}
.btn_local a {
	display: block;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -15px;
	border:1px solid #db4c40;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear: both;
}
.btn_local a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_local2 a {
	display: block;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -315px;
	border:1px solid #db4c40;
	letter-spacing: 0.1em;
	text-align:center;
	clear: both;
}
.btn_local2 a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_related a {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 35px;
	line-height: 1;
	border: 1px solid #cac6c2;
	font-size: 93%;
	clear: both;
	background: #FFF url(../icons/bg_btn_relation.png) no-repeat 0px 0px;
}
.btn_related a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

ul.localnav {      /* One level of local navigation */
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: #C00 1px solid;
	line-height:1;
	float: left;
}
ul.localnav li {
	margin: 0px 0px 10px 1em;
	text-indent: -1em;
}
ul.localnav li a {
	padding: 0px 0px 0px 10px;
	background: url(../icons/arrow_localnav.png) no-repeat 0px 0px;
}
ul.localnav li span {
	color:#666;
	font-size:90%;
}
ul.localnavtwo {      /* Two-tier local navigation */
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: #C00 1px solid;
	line-height:1;
	float: left;
}
ul.localnavtwo li.folder a {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 25px;
	text-indent: 25px;
	background: url(../icons/folder.png) no-repeat 0px 0px;
	font-weight: bold;
}
ul.localnavtwo li.folder_nolink {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../icons/folder.png) no-repeat 0px 0px;
	font-weight: bold;
}
ul.localnavtwo li ul li {
	margin: 0px 0px 3px 20px;
	padding: 0px 0px 0px 10px !important;
	background: url(../icons/arrow_localnav.png) no-repeat 0px 0px !important;
	font-weight: normal;
}
.p_folder a {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 25px;
	text-indent: 25px;
	background: url(../icons/folder.png) no-repeat 0px 0px;
	font-weight: bold;
	clear: both;
}
.p_folder_nolink {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../icons/folder.png) no-repeat 0px 0px;
	font-weight: bold;
	clear: both;
}

@media only screen and (min-width: 481px) {
ul.localnavtwo {
	padding-right: 5px;
	width: 30%;
}
}
@media only screen and (min-width: 950px) {
.balloon_caution {
	display: block;
	padding: 10px 10px 0px 85px;
	width: 155px;
	height: 70px;
	background:url(../icons/bg_balloon_caution.png) no-repeat 0px 0px;
	color: #cc0000;
	font-size: 93%;
}
.balloon_caution_long {
	display: block;
	padding: 10px 10px 0px 85px;
	width: 155px;
	height: 120px;
	background:url(../icons/bg_balloon_caution.png) no-repeat 0px -90px;
	color: #cc0000;
	font-size: 93%;
}
ul.localnav  {
	padding: 0px !important;
	width: 90%;
	border: none;
}
ul.localnavtwo  {
	padding: 0px !important;
	width: 90%;
	border: none;
}
}

/* ==|== article_left local navigation ============================================= */
.column_left_localnav {
	margin-bottom: 0px !important;
	float: left;
}
.column_left_localnav ul.localnavtwo ,ul.localnav {
	border: none;
}
.column_left_localnav ul.localnavtwo {
	padding: 0px !important;
}
@media only screen and (min-width: 950px) {
.column_left_localnav {
	padding: 10px 15px 10px 0px;
}
}


/* ==|== 各書式 ========================================
   ボタン(btn)、クエリー(Query)、カラム(Column)、フォーム(form)、
   検索窓(form search)、フォーム用テーブル(form table)、規約(Terms)
   ========================================================================== */

/* ==|== btn ============================================= */
.btn_gohome a {
	display:block;
	margin: 10px 0px 5px 0px;
	padding: 2px 0px 0px 25px;
	height: 18px;
	background: url(../icons/parts_icon.png) no-repeat 0px -140px;
	clear:both;
}
.btn_login a {
	display:block;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	height: 20px;
	background: url(../icons/parts_icon.png) no-repeat 0px -170px;
	clear:both;
}
.btn_allpercent a, #article_termref .btn_allpercent a {
	display: block;
	width: 100%;
	height: 30px;
	margin: 10px auto 10px auto;
	padding: 10px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -10px;
	border:1px solid #db4c40;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.btn_allpercent_gray a, #article_termref .btn_allpercent_gray a {
	display: block;
	width: 100%;
	height: 30px;
	margin: 10px auto 10px auto;
	padding: 10px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -315px;
	border:1px solid #db4c40;
	color: #cc0000;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.btn_seventypercent a, #article_termref .btn_seventypercent a {
	display: block;
	width: 70%;
	height: 30px;
	margin: 10px auto 10px auto;
	padding: 10px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -10px;
	border:1px solid #db4c40;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.btn_fiftypercent a, #article_termref .btn_fiftypercent a {
	display: block;
	width: 50%;
	height: 30px;
	margin: 10px auto 10px auto;
	padding: 10px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -10px;
	border:1px solid #db4c40;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.btn_fiftypercent_gray a, #article_termref .btn_fiftypercent_gray a {
	display: block;
	width: 50%;
	height: 30px;
	margin: 10px auto 10px auto;
	padding: 10px 0px 0px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_gradation.png) repeat-x 0px -315px;
	border:1px solid #db4c40;
	color: #cc0000;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.btn_allpercent a:hover, .btn_allpercent_gray a:hover,.btn_seventypercent a:hover,  .btn_fiftypercent a:hover, .btn_fiftypercent_gray a:hover, {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#article_termref .btn_allpercent a:hover, #article_termref .btn_allpercent_gray a:hover,#article_termref .btn_seventypercent a:hover,  #article_termref .btn_fiftypercent a:hover, #article_termref .btn_fiftypercent_gray a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	color: #FFF;
}
/* naruhodo , nicequestion , thankyou */
ul.naruhodo {
	padding: 5px 0px 0px 0px;
	clear:both;
}
ul.naruhodo li {
	display: block;
	color: #666;
	float: left;
}
ul.naruhodo li a {
	display: inline-block;
	height: 33px;
}
li.btn_naruhodo a {
	background: url(../icons/btn_naruhodo.png) no-repeat 0px 0px;
}
li.btn_niceq a {
	background: url(../icons/btn_naruhodo.png) no-repeat 0px -40px;
}
li.btn_naruhodo_clicked {
	margin: 0px 10px 0px 0px;
	height: 33px;
	background: url(../icons/btn_naruhodo.png) no-repeat -110px 0px;
}
li.btn_niceq_clicked {
	margin: 0px 10px 0px 0px;
	height: 33px;
	background: url(../icons/btn_naruhodo.png) no-repeat -110px -40px;
}
ul.naruhodo li span {
	display: inline-block;
	width: 83px;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
ul.naruhodo li a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
/* Printing , pdf */
ul.print_pdf {
	padding: 5px 0px 5px 0px;
	float: right;
	clear:both;
}
ul.print_pdf li {
	height: 20px;
	font-size: 93%;
	float: left;
}
li.btn_print a {
	padding: 0px 15px 0px 15px;
	background: url(../icons/btn_print_pdf.png) no-repeat 0px 0px;
}
li.btn_pdf a {
	padding: 0px 15px 0px 15px;
	background: url(../icons/btn_print_pdf.png) no-repeat 0px -30px;
}

/* 2018 naruhodo , notsogood , clip */

/* ==|== Query ============================================= */
#column_query {
	margin: 0 auto;
	padding: 40px 0px 10px 0px;
	text-align: center;
	clear:both;
}

#column_query ul li {
	display: inline-block;
	font-weight: 600;
}
#column_query ul li a {
	margin: 2px;
	padding: 2px 8px;
	border: 1px solid #eeeeee;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#eeeeee;
	font-weight: 600;
}
#column_query ul li a:hover {
	background:#C00;
	color:#FFF;
	text-decoration:none;
}
#column_query ul li.current {
	margin: 3px;
	padding: 4px 8px;
	border: 1px solid #cc0000;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#cc0000;
	color:#FFF;
}

/* ==|== normal table ============================================= */
table.normaltable {
	border-collapse:collapse;
	border-left: 1px solid #d7dada;
	border-right: 1px solid #cac6c2;
	border-bottom: 1px solid #cac6c2;
	vertical-align: top;
	font-size: 112%;
	table-layout: fixed;
	clear:both;
}
table.normaltable th {
	word-wrap: break-word;
	padding: 7px 5px 5px 5px;
	border-top: 1px solid #d7dada;
	border-right: 1px solid #d7dada;
	text-align:left;
	font-weight: bold;
}
table.normaltable td {
	word-wrap: break-word;
	padding: 5px;
	border-top: 1px solid #d7dada;
	vertical-align: top;
}
table.normaltable td.td_rline {
	border-right: 1px solid #d7dada;
}


/* ==|== data table ============================================= */
table.datatable {
	border-collapse:collapse;
	vertical-align: top;
	table-layout: fixed;
	font-size: 112%;
	clear:both;
}
table.datatable th {
	word-wrap: break-word;
	padding: 7px 5px 5px 5px;
	background: #ffede5;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:left;
	font-weight: bold;
}
table.datatable th.th_midashi {
	background:#505050 !important;
	color:#FFF;
	text-align:center;
}
table.datatable th.th_even {
	background:#ffdccc !important;
}
table.datatable td {
	word-wrap: break-word;
	background: #FFF;
	padding: 5px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	vertical-align: top;
}
table.datatable td.td_even {
	background:#efedeb !important;
}

/* ==|== fixed th td ============================================= */
.scroll-box {
	overflow:scroll;　
}

.fixvertical {
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

/* ==|== Column ============================================= */
.column_line_gray {
	display: block;
	padding: 10px;
	border-top: 1px solid #d7dada;
	border-left: 1px solid #d7dada;
	border-bottom: 1px solid #cac6c2;
	border-right: 1px solid #cac6c2;
	overflow: auto;
}
.column_line_red {
	display: block;
	padding: 10px;
	border: 1px solid #cc0000;
	overflow: auto;
}
.column_line_blue {
	display: block;
	padding: 10px;
	border: 1px solid #4cb3ca;
	overflow: auto;
}
.column_line_palered {
	display: block;
	padding: 10px;
	border: 2px solid #ffcbc4;
	overflow: auto;
}
.column_line_gray2 {
	display: block;
	padding: 10px;
	border: 2px solid #cac6c2;
	overflow: auto;
}
.column_line_rgray2 {
	display: block;
	padding: 10px;
	border: 2px solid #e6e4e1;
	overflow: auto;
}
.column_line_red2 {
	display: block;
	padding: 10px;
	border: 2px solid #cc0000;
	overflow: auto;
}
.column_line_blue2 {
	display: block;
	padding: 10px;
	border: 2px solid #4cb3ca;
	overflow: auto;
}
.column_gray {
	display: block;
	padding: 10px;
	background: #efedeb;
	overflow: auto;
}
.column_red {
	display: block;
	padding: 10px;
	background: #cc0000;
	overflow: auto;
}
.column_palered {
	display: block;
	padding: 10px;
	background: #ffcbc4;
	overflow: auto;
}
.column_blue {
	display: block;
	padding: 10px;
	background: #4cb3ca;
	overflow: auto;
}
.column_paleblue {
	display: block;
	padding: 10px;
	background: #e8f6f9;
	overflow: auto;
}

/* ==|== for review ========================================================================== */
div.col_review {
	display: block;
	padding: 10px;
	min-height: 80px;
	border: 4px solid #ffdccc;
	background: url(../../support/icons/bg_review_umasamame.png) no-repeat left center;
	overflow: auto;
}
div.col_review ul {
	margin: 0px 0px 0px 125px;
}
div.col_review ul li {
	margin: 0px;
	padding: 7px 0px 5px 40px;
	min-height: 28px;
	background: url(../../basic/icons/bg_point.png) no-repeat 0 0;
	color:#666;
}
div.col_review ul li a {
	font-size:116%;
	font-weight: bold;
}
div.col_review ul li.reviewListHeader {
	margin: 10px 0;
	padding: 0 0 0 10px;
	background:none;
	font-size:124%;
	font-weight: 600;
	border-left:7px solid #ccc;
}
div.col_review p {
	font-size:100%!important;
	color:#666;
	padding-left:140px;
	margin-bottom:0!important;
}



/* ==|== Column Article ============================================= */

.column_related {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #cac6c2;
	overflow: auto;
	clear: both;
}
.column_related ul.linklist {
	padding: 0px !important;
}
.column_reference {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #cac6c2;
	overflow: auto;
	clear: both;
}
.column_reference ul.linklist {
	padding: 0px !important;
}
.column_author {
	display: block;
	padding: 20px 0px 10px 0px;
	border-top: 2px solid #cac6c2;
	overflow: auto;
	clear: both;
}
.column_author img {
	padding: 0px 10px 0px 0px;
	width: 50px;
	float:left;
}
.column_author p {
	color:#505050;
	font-size: 100%;
	line-height:1.8;
}
.column_author p a {
	padding: 0px 0px 0px 15px;
	background:url(../icons/another_site.png) no-repeat;
}
.column_publiccomment {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 2px solid #cac6c2;
	color:#333;
	font-size: 93%;
	clear: both;
	overflow: auto;
}
.column_publiccomment p {
	margin: 0px !important;
	text-align: center;
}
/* clinic */

p.clinicname {
	margin-bottom:10px !important;
	font-weight: bold;
	border-bottom: solid #cac6c2 3px;
}
.split_leftclinic, .split_righttclinic {
	display: block;
	width: 100%;
	clear: both;
}
.split_leftclinic p, .split_righttclinic p {
	margin: 0px !important;
	line-height:2;
}
.split_lefthalf img {
	width: auto;
}
@media only screen and (min-width: 481px) {
.split_leftclinic {
	display: block;
	width: 35%;
	float: left;
	clear: both;
}
.split_righttclinic {
	display: block;
	width: 60%;
	float: right;
	clear: none;
}
.split_leftclinic img {
	width: auto;
}
}


/* ==|== form ============================================= */

input[type="text"],[type="email"],[type="password"] {
	margin: 0px 5px 5px 0px;
	padding: 3px;
	background: #FFF;
	border: 1px #999 solid;
}
select, textarea {
	padding: 3px;
	border: 1px #999 solid;
	vertical-align: top;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus {
	background: #FFE;
	border: 1px dotted #cc0000;
}
select:focus {
	background: #cc0000;
	color: #FFF;
	border: 1px dotted #cc0000;
}
input[type="checkbox"],[type="radio"] {
	margin-right: 5px;
}
textarea {
	margin: 0px 5px 5px 0px;
	padding: 3px;
	line-height: 1.5em;
	background: #FFF;
	border: 1px #cecece solid;
}
textarea:focus {
	background: #FFE;
	border: 1px dotted #cc0000;
}
.submit {
	display: block;
	height: 40px;
	margin: 0px;
	padding: 5px 20px 0px 20px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #4cb3ca;
	background: url(../icons/bg_gradation.png)  repeat-x 0px -110px;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	clear: both;
}
.submitred {
	display: block;
	height: 40px;
	margin: 0 10px;
	padding: 5px 20px 0px 20px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cc0000;
	background: url(../icons/bg_gradation.png)  repeat-x 0px -10px;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	clear: both;
}
.submit:hover, .submitred:hover  {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.submit:focus {
	background: url(../icons/bg_gradation.png)  repeat-x 0px -110px;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	border: none;
}
.submitred:focus  {
	background: url(../icons/bg_gradation.png)  repeat-x 0px -10px;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	border: none;
}

.return {
	display: block;
	height: 40px;
	margin: 0px;
	padding: 5px 20px 0px 20px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	background: url(../icons/bg_gradation.png)  repeat-x 0px -210px;
	color: #000;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	clear: both;
}
.return:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.return:focus {
	background: url(../icons/bg_gradation.png)  repeat-x 0px -210px;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	border: 1px solid #999;
}

/* ==|== form search ============================================= */
.searchbox {
	margin: 10px 0px 10px 0px;
	clear:both;
	overflow:auto;
}
input[type="search"]  {
	display: inline-block;
	margin: 0px 0px 15px 0px;
	padding: 3px;
	background: #FFF;
	border: 1px #999 solid;
	height: 20px;
	float: left;
}
input.search:focus {
	background: #FFE;
	border: 1px dotted #cc0000;
}
input.searchbtn {
	display: inline-block;
	width: 40px;
	height:28px;
	background: url(../icons/bg_search.png) no-repeat 0px 0px;
	border:none;
	float:left;
}
input.searchbtn:hover {
	background-position: 0px -52px;
}
input.searchbtn:focus {
	background: url(../icons/bg_search.png) no-repeat 0px -52px;
	border: none;
}




/* ==|== form table ============================================= */
table.formtable {
	margin: 0px 0px 40px 0px;
	width: 100%;
	border-collapse:collapse;
	border-left: 1px solid #cac6c2;
	border-right: 1px solid #cac6c2;
	border-bottom: 1px solid #cac6c2;
	table-layout: fixed;
	clear:both;
}
table.formtable th {
	padding: 5px;
	width: 30%;
	border-top: 1px solid #cac6c2;
	background:#efedeb;
	text-align:left;
	word-wrap: break-word;
	vertical-align: top;
	font-weight: bold;
}
table.formtable td {
	padding: 10px;
	width: 70%;
	word-wrap: break-word;
	border-top: 1px solid #cac6c2;
	background:#FFF;
}
table.formtable p {
	margin: 0px;
	padding: 5px 0px 0px 0px !important;
}
table.formtable td.error {
	background:#ffcbc4;
}

table.formtable2 {
	margin: 0px 0px 40px 0px;
	width: 100%;
	border-collapse:collapse;
	border-top: 3px solid #dad7d4;
	border-left: 1px solid #dad7d4;
	border-right: 1px solid #dad7d4;
	border-bottom: 1px solid #dad7d4;
	clear:both;
}
table.formtable2 th {
	padding: 5px;
	width: 30%;
	word-wrap: break-word;
	border-right: 1px solid #dad7d4;
	background:#efedeb;
	color: #66615e;
	text-align:left;
	vertical-align: top;
	font-weight: bold;
}
table.formtable2 td {
	padding: 10px;
	width: 70%;
	word-wrap: break-word;
	background:#efedeb;
}
.td_even {
	background:#f7f6f5 !important;
}
.td_even_white {
	background:#FFF !important;
}
table.formtable2 p {
	margin: 0px;
	padding: 5px 0px 0px 0px !important;
}
table.formtable2 .error {
	background:#ffcbc4;
}

/* ==|== Terms ============================================= */
.terms {
	padding: 10px;
	height: 250px;
	border-top: 2px solid #cac6c2;
	background: #efedeb;
	overflow: auto;
}
.terms p {
	padding-bottom: 10px;
}
.terms dl {
	line-height:2.5;
}
.terms dt {
	font-size:1.2em;
	line-height:1.7;
}
.terms dd {
	line-height:1.7;
}
.terms dd ol li {
	list-style-type: decimal;
	margin-left:2em;
	line-height:1.7;
}
.terms dd ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.privacy {
	display: block;
	padding: 10px;
	border: 1px solid #cac6c2;
}
.privacy p {
	padding-bottom: 10px;
	line-height: 2;
}
.privacy ul {
	margin: 10px 0px 10px 0px;
	line-height: 1.5;
}
.privacy dd ul li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.5;
}




/* ==|== ログイン、サインアップ関連 ========================================
   login.html , login_forgot.html , login_forgot_comp.html
   signup.html , signup_check.html , signup_comp.html
   /mypage   で使用
   ========================================================================== */


/* ==|== login.html ========================================================================== */

/* Mobile : 480 px ≧ */
#article_left_login {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
	clear:both;
}
#article_right_login {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
}
#article_all_login {
	display: block;
	margin: 20px 0px 0px 0px;
	width: 100%;
}
.column_login h2 {
	margin: 0px 0px 15px 0px;
}
table.login {
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-collapse:collapse;
	border: none;
	table-layout: fixed;
	clear:both;
}
table.login th {
	width: 30%;
	word-wrap: break-word;
	text-align: left;
	vertical-align: top;
}
table.login td {
	width: 70%;
	word-wrap: break-word;
	padding: 0px 0px 10px 0px;
}
.forgotpass {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../icons/arrow_localnav.png) no-repeat 0px 0px;
}
.login_social a {
	display: block;
	margin: 0px 0px 10px 10px;
	padding: 6px 0px 0px 0px;
	width: 200px;
	height: 24px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}
.login_social a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.login_fb a {
	background: url(../icons/btn_social_login.png) no-repeat 0px 0px;
	float: left;
}
.login_tw a {
	background: url(../icons/btn_social_login.png) no-repeat 0px -50px;
	float: left;
}
.login_mix a {
	background: url(../icons/btn_social_login.png) no-repeat 0px -100px;
	float: left;
}

/* Tablet : 481 px ~ 949 px */

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

}

/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {
#article_left_login {
	display: block;
	margin: 0px 0px 30px 0px;
	width: 455px;
	float: left;
	clear:both;
}
#article_right_login {
	display: block;
	margin: 0px 0px 30px 0px;
	width: 455px;
	float: right;
}
#article_all_login {
	display: block;
	margin: 0px;
	width: 950px;
	max-width: 950px;
	clear:both;
}
}


/* ==|== signup.html ========================================================================== */
/* Mobile : 480 px ≧ */
/* form General */
label {
	padding: 0px 5px 0px 5px;
}
.selectbox {
	padding: 0px;
}
.selectbox optgroup {
	padding: 5px 0px 0px 0px;
}
.selectbox option {
	padding: 5px 0px 0px 15px;
}
form dl {
  overflow: hidden;
  width:100%;
}
form dt {
	padding: 10px 0px 5px 0px;
	clear:both;
}
form dl dd.sbm label.keyword {
	padding: 5px 0px 5px 0px;
	display: block;
	float: left;
	width: 45%;
}
dd.sbm {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
label.keyword {
	margin: 0px 0px 0px 1.5em;
	text-indent: -1.5em;
	font-size:13px;
	line-height:1.2;
}
label.keyword:hover {
	background: #EEE;
}



/* ==|== tipTip ============================================= */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 93%;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_content a {
	color:#FC0;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}



@media print{
	.naruhodo, .print_pdf, .column_publiccomment, .notes_formobile {
		display:none;
	}
}


/* Responsive switching image */
@media screen and (max-width: 600px) {
img.img_small {
	display: block;
	width: 100%;
}
img.img_large {
	display: none;
}
}
@media screen and (min-width: 601px) {
img.img_small {
	display: none;
}
img.img_large {
	display: block;
	width: 100%;
}
}


/* Responsive switching column */

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

.only_pc_largetab {
	display: none;
}
.only_pc {
	display: none;
}
.tab_pc {
	display: none;
}
.only_mobile {
	display: block;
	overflow:auto;
}
}
@media screen and (min-width: 601px) {
.only_pc_largetab {
	display: block;
	overflow:auto;
}
.only_pc {
	display: none;
}
.tab_pc {
	display: block;
	overflow:auto;
}
.only_mobile {
	display: none;
}
}
@media only screen and (min-width: 950px) {
.only_pc {
	display: block;
	overflow:auto;
}
.only_mobile {
	display: none;
}
}



/* ==|== Introduction of the tool ============================================= */
h3.toseki_intro {
	margin: 0px 0px 15px 0px !important;
}
h3.toseki_intro span {
	font-weight: bold;
}
.column_toseki_intro {
	display: block;
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #d7dada;
	border-left: 1px solid #d7dada;
	border-bottom: 1px solid #cac6c2;
	border-right: 1px solid #cac6c2;
	overflow: auto;
	background: #e5f2fa url(../icons/bg_toseki_intro.png) no-repeat 0px 0px;
	clear:both;
}
hr.hr_toseki {
	margin: 0px 0px 15px 0px !important;
	border: 0;
	height: 0;
	border-bottom: 4px solid #3c90ce !important;
}
.read_toseki_intro {
	display:block;
	margin: 0px !important;
	width: 260px;
	height: 120px;
	background: url(../icons/parts_toseki_intro.png) no-repeat 0px 0px;
}
.read_toseki_intro span, .spec_toseki_intro span {
	display: none;
}
.spec_toseki_intro {
	display:block;
	margin: 0px !important;
	width: 325px;
	height: 120px;
	background: url(../icons/parts_toseki_intro.png) no-repeat 0px -140px;
}
.emphasis_toseki_intro {
	display: block;
	margin: 20px 0px 0px 0px !important;
	padding: 15px 10px 10px 10px;
	border-top:1px dotted #3c90ce;
	font-weight: bold;
	text-align:center;
	clear:both;
}
.txt_toseki_intro {
	margin: 0px !important;
	color: #3c90ce;
	clear:both;
}
.btn_right_toseki a {
	display: block;
	height: 60px;
	margin: 0px 0px 20px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/btn_right_toseki.png) no-repeat 0px 0px;
	border:1px solid #3c90ce;
	clear: both;
}
.btn_right_dialifetoseki a {
	display: block;
	height: 60px;
	margin: 0px 0px 20px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/btn_right_dialifetoseki.png) no-repeat 0px 0px;
	border:1px solid #cc0000;
	clear: both;
}
.btn_right_toseki a:hover, .btn_right_dialifetoseki a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_right_toseki span, .btn_right_dialifetoseki span {
	display: none;
}
@media only screen and (min-width: 481px) {
h3.toseki_intro {
	margin: 0px !important;
	display: block;
	width: 420px;
	height: 70px;
	background: url(../icons/parts_toseki_intro.png) no-repeat 0px -280px;
}
h3.toseki_intro span {
	display: none;
}
}
@media only screen and (min-width: 950px) {
.read_toseki_intro, .spec_toseki_intro {
	float:left;
}
}

@media print {
.read_toseki_intro, .spec_toseki_intro {
	display: none;
}
}



/* ==|== Advertising ============================================= */
.add_rectangle {
	padding: 0 0 20px 0;
	display: block;
	text-align: right;
	color:#666;
	font-size: 85%;
}
.add_rectangle div {
	width:300px;
}
.add_rectangle img {
	width:300px;
	height:250px;
}

/* Banner */
.right_banner {
	display: none;
}

/* Desktop : 950 px ~ */
@media only screen and (min-width: 950px) {

.right_banner {
	display:block;
	padding: 10px 0px 10px 0px;
}
}
.footer_ads {
	display:none;
}
@media only screen and (min-width: 700px) {
.footer_ads {
	display:block;
}
}

/* ==|== New Posts ============================================= */
#newposts {
	margin: 20px 0px 20px 0px;
	border: 1px solid #cac6c2;
	overflow: auto;
}
.tit_newposts {
	padding: 5px 3px 3px 3px;
	font-weight: bold;
	font-size: 93%;
	color: #333;
	text-align: center;
	background: #e6e4e1;
	border-bottom: 1px solid #cac6c2;
}
#newposts ul {
	margin: 10px 5px 0px 10px;
	line-height:1;
	float: left;
}
#newposts ul li {
	margin: 0px 0px 10px 10px;
	text-indent: -10px;
	font-size: 93%;
}
#newposts ul li a {
	padding: 0px 0px 0px 10px;
	background: url(../icons/arrow_localnav.png) no-repeat 0px 0px;
}



/* ==|== Author introduction ============================================= */
p.clinic_katoname {
	margin-bottom:10px !important;
	font-weight: bold;
	border-bottom: solid #cac6c2 3px;
}
.split_leftclinic_kato, .split_righttclinic_kato {
	display: block;
	width: 100%;
	clear: both;
}
.split_leftclinic_kato p, .split_righttclinic_kato p {
	margin: 0px !important;
	line-height:2;
}
.split_lefthalf img {
	width: auto;
}
@media only screen and (min-width: 481px) {
.split_leftclinic_kato {
	display: block;
	width: 20%;
	float: left;
	clear: both;
}
.split_righttclinic_kato {
	display: block;
	width: 75%;
	float: right;
	clear: none;
}
.split_leftclinic_kato img {
	width: auto;
}
}

/* ==|== Related article ============================================= */
.rearticle {
	display: block;
	margin: 20px auto;
	padding: 0;
	width:80%;
	overflow: auto;
}
.rearticle p {
	margin: 0px !important;
}
.rearticleimg {
	display:block;
	height: 120px;
	background: no-repeat center 20%;
	background-size: 450px;
}
.rearticleimg100 {
	display:block;
	height: 120px;
	background: no-repeat center center;
	background-size: 100%;
}
.rearticleimg span {
	display:none;
}
.rearticletit {
	padding: 10px;
	background:#f6f6f6;
	font-size:13px;
}
.rearticletit a {
	color:#000;
	font-weight:bold;
}
.rearticletit a:hover {
	text-decoration:none;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;"
}
@media only screen and (min-width: 600px) {
.rearticle {
	display: block;
	margin: 10px 3% 10px 0;
	padding: 0;
	width:47%;
	float:left;
}
.rearticleimg {
	background-size: 350px;
}
.rearticleimg100 {
	background-size: 100%;
}
.rearticletit {
	padding: 10px 10px 0px 10px;
	height: 85px;
}
}

/* ==|== Linkx aruku BTN ============================================= */
.btn_linkx_aruku a {
	display: block;
	height: 60px;
	margin: 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../../material_top/btn_aruku_banner02.png) no-repeat 0px 0px;
	border:1px solid #009fb7;
	clear: both;
}
.btn_linkx_aruku a:hover  {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_linkx_aruku span {
	display: none;
}
/* ==|== Food List BTN ============================================= */
.btn_foodlist a {
	display: block;
	height: 60px;
	margin: 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../../material_top/btn_foodlist.png) no-repeat 0px 0px;
	border:1px solid #cc0000;
	clear: both;
}
.btn_foodlist a:hover  {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_foodlist span {
	display: none;
}
/* ==|==  State Organization BTN ============================================= */
.btn_stateorg a {
	display: block;
	height: 60px;
	margin: 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../../material_top/btn_stateorg.png) no-repeat 0px 0px;
	border:1px solid #cc0000;
	clear: both;
}
.btn_stateorg a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_stateorg span {
	display: none;
}
/* ==|==  Grant System BTN ============================================= */
.btn_grantsystem a {
	display: block;
	height: 60px;
	margin: 0px 0px 40px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../../material_top/btn_grantsystem.png) no-repeat 0px 0px;
	border:1px solid #336699;
	clear: both;
}
.btn_grantsystem a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.btn_grantsystem span {
	display: none;
}

/* ==|== Advertising ============================================= */
.btn_questionnaire a {
	display: block;
	height: 90px;
	margin: 0px 0px 20px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/btn_questionnaire.png) no-repeat 0px 0px;
	border:1px solid #cc0000;
	clear: both;
}
.btn_questionnaire span {
	display: none;
}

/* ==|== Home Advertising special ============================================= */
.spbanner {
	position:relative;
	display: block;
	margin:0;
	width: 606px;
	height: 124px;
	margin: 0px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #cc0000;
	background: #ffdccc url(../icons/bg_spb.png) no-repeat right top;
	clear: both;
}
.spbanner a {
	position:absolute;
	top:10px;
	left:10px;
	width:90%;
	height:90%;
	text-decoration: none !important;
}
.spbanner:hover  {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.spbanner p {
	margin:0;
}
.tit_spbanner a {
	padding-right:260px;
	font-weight:bold;
	font-size:16px;
	color:#cc0000;
	text-decoration: none !important;
}
.read_spbanner {
	position:absolute;
	padding-right:260px;
	bottom: 10px;
	left:10px;
	font-size:13px;
	text-decoration: none !important;
}


/* ==|== Event Announcement ============================================= */


#column_announce {
	display: block;
	margin: 40px 0px 20px 0px;
	padding: 15px 15px 10px 15px;
	border: 1px solid #cc0000;
	overflow: auto;
}
#column_announce h3 {
	margin: 5px !important;
	color: #cc0000;
	text-align: center;
}
#column_announce p {
	margin: 0px !important;
}
#column_announce h4 {
	display: block;
	margin: 30px 0px 10px 0px;
	padding: 5px 5px 5px 10px;
	background: #ffe5e2;
	font-size: 100%;
	overflow: auto;
}

/* ==|== fb good ============================================= */

.col_fbgood {
	height: 50px;
	float: right;
}

.arrow_fbgood {
	display: block;
	margin:0 0 0 10px;
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
	float: left;
}
.arrow_fbgood:after, .arrow_fbgood:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_fbgood:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}
.arrow_fbgood:before {
	border-color: rgba(102, 102, 102, 0);
	border-right-color: #cccccc;
	border-width: 7px;
	margin-top: -7px;
}
.arrow_fbgood p {
	margin: 0!important;
	padding: 2px 4px 0px 4px!important;
	font-size: 11px!important;
	color:#000;
}
.fbpage_link2026 a {
	font-size:90%;
	color:#1877f2 !important;
	text-decoration:none !important;
	border: none !important;
}



/* ==|== index menu ============================================= */
#col_tb, #col_tb100 {
	display: block;
	margin-top:20px;
	padding: 10px;
	border: 1px solid #dddad7;
	overflow: auto;
	clear:both;
}
#col_tb p, #col_tb100 p {
	margin: 0 0 5px 0 !important;
	font-weight:bold;
	color:#66615e;
}
#col_tb ul, #col_tb100 ul {
	padding:0 !important;
}
#col_tb ul li, #col_tb100 ul li {
	padding: 0 0 5px 30px !important;
}
@media only screen and (min-width: 800px) {
#col_tb {
	width:50%;
}
}


.gopagetop {
	margin: 0px 0px 30px 0px;
	text-align: right;
	clear:both;
}


/* ==|== voyaki ============================================= */
#col_voyaki {
	display: block;
	margin:20px 0;
	padding: 10px 0 0 0;
	border: 1px solid #ffcbc4;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffdccc;
	clear:both;
}
#col_voyaki p {
	margin:  0;
	padding-bottom: 20px;
	line-height:1!important;
	text-align: center;
	font-size:95%;
	color:#666666;
}

.btn_voyaki a {
	display: block;
	margin:10px 0 20px 0;
	padding: 25px 0 20px 50px;
	border: 1px solid #cc0000;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../icons/bg_voyaki.png) no-repeat 0px 0px #cc0000;
	line-height:1!important;
	text-align:center;
	font-weight:bold;
	letter-spacing: 0.2em;
	color:#ffffff;
}
.btn_voyaki a:hover {
	text-decoration:none;
	background: #ffffff;
	background: url(../icons/bg_voyaki.png) no-repeat 0px -100px;
	color:#cc0000;
}


/* ==|== 2018 addition ============================================= */
ol.ranking {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol.ranking li {
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}
ol.ranking li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #cc0000;
  color: #fff;
   font-weight:bold;
  display: block;
  float: left;
  line-height: 23px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}



ul.relatedtags {
	margin:10px 0;
	float:right;
}
ul.relatedtags li {
	display: inline-block;
	font-size:90%;
}
ul.relatedtags li a {
	margin:0 0 3px 15px;
	padding-left:17px;
	background: url(../icons/bg_btn_relation.png) no-repeat 0 -100px;
}

.pub_author_id {
	display: none;
}
.storytitle {
	display: none;
}
#col_evaluate {
	display: block;
	margin:0 0 20px 0;
	text-align: center;
	overflow: hidden;
	border-top: 4px solid #e6e4e1;
}
#col_evaluate h3 {
	font-size:136%;
}
#col_evaluate ul li {
	display: inline-block;
}
.ev_good, .ev_nogood, .ev_clip {
	margin: 5px;
	width:290px;
	height:70px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid;
}
.ev_good {
	background: url(../icons/btn_naruhodo.png) no-repeat -30px -150px;
	border-color:#f0f0f0;
}
.ev_nogood {
	background: url(../icons/btn_naruhodo.png) no-repeat -30px -250px;
	border-color:#f0f0f0;
}
.ev_clip {
	background: url(../icons/btn_naruhodo.png) no-repeat -30px -350px;
	border-color:#f0f0f0;
}
.ev_good:hover, .ev_nogood:hover, .ev_clip:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.ev_good_clicked {
	background-position: -30px -450px;
	border-color:#ffcbc4;
}
.ev_nogood_clicked {
	background-position: -30px -550px;
	border-color:#d1ecf2;
}
.ev_clip_clicked {
	background-position: -30px -650px;
	border-color:#fff066;
}

@media screen and (max-width: 660px) {
.ev_good, .ev_nogood, .ev_clip {
	display: block;
}
}


/* ==|== index.html 2018 ========================================================================== */
h2.largeca {
	margin: 20px auto;
                                padding:0!important;
}
h3.tagname a {
	display: block;
	padding: 10px 0px 0px 35px;
	font-size:120%;
	line-height: 1.2 !important;
	color:#000;
	background: url(../icons/bg_btn_relation.png) no-repeat 0 -190px;
	border-top: 3px solid #ececec;
}
h3.tagnameno {
	display: block;
	margin-top:40px;
	padding: 15px 0px 0px 35px;
	font-size:140%;
	line-height: 1.2 !important;
	font-weight:500;
	background: url(../icons/bg_btn_relation.png) no-repeat 0 -185px;
	border-top: 3px solid #ececec;
}
.seemore a {
	display: block;
	margin: 10px 0 30px 0;
	padding: 0px 0px 5px 15px;
	background: url(../../common/icons/arrow.png) no-repeat 0px 0px;
	font-size: 108%;
	float:right;
}
h2.tagnameh2 {
	display: block;
	padding-left: 35px;
	background: url(../../common/icons/bg_h2.png) no-repeat 0px 0px;
}

/* =========================== signupBTN =========================== */
#btn_sighupfix {
	position: fixed;
	top: -5px;
	right: 10px;
	z-index: 999999999;
}
#btn_sighupfix a {
	display: block;
	padding:13px 0px 10px 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #cc0000;
	background: #cc0000;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.12);
	box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.12);
	animation: signfix 5s ease infinite;
}
#btn_sighupfix a:hover {
	filter: alpha(opacity=90);
    -moz-opacity:0.7;
    opacity:0.7;
}


@media only screen and (min-width: 600px) {
#btn_sighupfix {
	right: 30px;
}
#btn_sighupfix a {
	padding: 20px 5px 15px 10px;
}
}



/* =========================== Donate =========================== */
#donatetitle {
	margin-top:40px;
	padding: 5px 30px 5px 30px;
	background:#ffeae0;
	border-top:3px solid #ff978a;

	text-align:center;
}
#donatetitle h2 {
	line-height:1em;
	font-size:21px;
}
#donatetitle h2 span {
	font-weight:600;
}
@media only screen and (min-width: 800px) {
#donatetitle {
	background:#fff;
}
#donatetitle h2 {
	margin: 0 auto;
	display:block;
	width:700px;
	height:240px;
	background: url(../icons/donate_hx.png) no-repeat 0 0;
}
#donatetitle h2 span {
	display:none;
}
}

#donate {
	padding: 30px 30px 0 30px;
	background:#FFF;
	text-align:center;
}
#donate h4 span {
	margin:20px 0 10px 0;
	border-bottom:4px solid #ffdccc;
	font-weight:600;
	font-size:16px;
}
#donate p {
	padding:5px 0;
}
.col_input {
	margin:10px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow :auto;
}
.submit_500 {
	display: inline-block;
	width:140px;
	height:130px;
	background: url(../icons/donate.png);
	border-style: none;
}
.submit_1000 {
	display: inline-block;
	width:140px;
	height:130px;
	background: url(../icons/donate.png)0 -150px;
	border-style: none;
}
.submit_3000 {
	display: inline-block;
	width:140px;
	height:130px;
	background: url(../icons/donate.png)0 -300px;
	border-style: none;
}
.submit_5000 {
	display: inline-block;
	width:140px;
	height:130px;
	background: url(../icons/donate.png)0 -450px;
	border-style: none;
}
.submit_1time {
	display: inline-block;
	width:140px;
	height:120px;
	background: url(../icons/donate.png)0 -600px;
	border-style: none;
}
.submit_500:hover, .submit_1000:hover, .submit_3000:hover, .submit_5000:hover, .submit_1time:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.selectbox option.donatemount, .selectbox option.donatemount:focus {
	font-size:16px;
}

/* Point Point Point Point Point Point Point Point */

h3.article_pointh3 {
	color:#4cb3ca;
	font-size:90%;
}
ul.article_point, ul.article_qpoint {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	clear: both;
}
ul.article_point li, ul.article_qpoint li {
	margin: 0px;
	padding: 7px 0px 5px 2em;
	text-indent:-1.5em;
	font-size: 112%;
}
ul.article_point li:before {
	padding-right:5px;
	content: "\f06a";
	font-family: FontAwesome;
	color:#4cb3ca;
	font-size: 20px;
}
ul.article_qpoint li:before {
	padding-right:5px;
	content: "\f059";
	font-family: FontAwesome;
	color:#cc0000;
	font-size: 20px;
}

/* Quote Quote Quote Quote Quote */
.cp_quote {
	position: relative;
	margin: 1em auto;
	padding: 3.5em 2em 3.5em 2em;
	border-left: 10px solid #eee;
	background: #ffffff;
	color:#666;
}
/* アイコン */
.cp_quote::before, .cp_quote::after {
	font-family: 'FontAwesome';
	font-size: 2.5em;
	position: absolute;
	color: #dcdcdc;
}
.cp_quote::before {
	top: 0.2em;
	left: 0.3em;
	content: '\f10d';
}
.cp_quote::after {
	right: 0.5em;
	bottom: 0.2em;
	content: '\f10e';
}


/* Responsive switching Ad */
.ad-switch_sp {
	margin: 0 auto 10px auto;
	padding: 0;
	display: block;
	overflow:none;
	clear:both;
}
.ad-switch_pc {
	display: none;
}
@media only screen and (min-width: 660px) {
.ad-switch_sp {
	display: none;
}
.ad-switch_pc {
	margin-bottom:10px;
	padding: 0;
	display: block;
	overflow:none;
	clear:both;
}
.ad-switch_pc610 img {
	width:610px;
	height:128px;
}
}
/* Side by Side 300 Ad */
.ad-sideByside {
	display: block;
                                margin:5px auto;
}
.ad-sideBysideLeft , .ad-sideBysideRight  {
	display: block;
                                margin:0 auto;
                                padding:0 5px;
                                text-align: center;
}
@media only screen and (min-width: 660px) {
                                .ad-sideBysideLeft , .ad-sideBysideRight  {
                                                                float:left;
                                }
                                .ad-sideBysideLeft  {
                                                                padding:5px 10px 5px 0;
                                }
                                .ad-sideBysideRight  {
                                                                padding:5px 0 5px 0;
                                }
}

/* ==|== youtube ========================================================================== */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:40px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ==|== SyochoPoint========================================================================== */
	div.syochopoint {
	display: block;
	padding: 5px;
	min-height:50px;
	background:url(../../basic/img/bg_point.png) no-repeat;
	border: solid 3px #efedeb;
	overflow: auto;
	clear: both;
}
div.syochopoint p {
	margin: 0 !important;
	padding: 0 0 0 55px !important;
	font-size:100% !important;
	line-height: 1.6;
}


.fb-comments {
	width:100%;
}

.col_fb-comments {
	padding: 0px;
	clear: both;
	width:100%;
}

/* ==|== Ballon ========================================================================== */

.col_speechBubble {
  padding: 20px 0 20px 130px;
	background: url(../icons/bg_bubble_umamesamame.png) no-repeat;
	background-position: left center;
}
.speechBubble {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 10px;
  border: 2px solid #cc0000;
  border-radius: 8px;
  color: #000000;
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 0 18px 12px 0;
  border-color: transparent #cc0000 transparent transparent;
  translate: -100% -50%;
  transform: skew(0, -25deg);
  transform-origin: right;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 0 11.4px 7.6px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% calc(-50% - 0.2px);
  transform: skew(0, -25deg);
  transform-origin: right;
}
.speechBubble p {
	margin: 0 !important;
	line-height: 1.6;
}

/* ==|== SNS_share_BTN ========================================================================== */

.snsbtn_list {
	margin: 40px auto;
	padding:0;
	clear:both;
	display:flex;
	flex-flow:row wrap;
}
.snsbtn_list li a {
	display: block;
	padding:12px 0 10px 0;
	color: #fff;
	font-weight:600;
	font-size: 20px;
}
.snsbtn_list li a:hover {
	text-decoration: none;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.snsbtn_list li {
  flex:0 0 25%;
  text-align:center!important;
}
/* Twitter */
.fl_tw1 {
  background:#55acee;
  }
/* Facebook */
.fl_fb1 {
  background:#3b5998;
}
/* LINE */
.fl_li1 {
  background:#00c300;
}
.fl_li1 img {
  padding: 0;
}
/* POCKET */
.fl_po1 {
  background:#cc4c50;
}

/* ==|== with Kidney AD ========================================================================== */
.wkad_lefthalf, .wkad_rightthalf {
                                text-align:center;
	display: block;
	padding:5px;
	clear: both;
}
.wkad_lefthalf a, .wkad_rightthalf a {
                                border:none;
}
@media only screen and (min-width: 700px) {
.wkad_lefthalf {
	width: 50%;
                                margin-bottom:20px;
	padding:0;
	float: left;
	clear: both;
}
.wkad_rightthalf {
	width: 50%;
                                margin-bottom:20px;
	padding:0;
	padding:0;
	float: right;
	clear: none;
}
}
/* ==|== FAQ ========================================================================== */
h4.faq_question {
	padding-left:2em!important;
	 text-indent:-2em;
}
.faq__anawer {
	margin-left:2.5em!important;
}

/* ==|== FAQ ========================================================================== */

.flex3container {
    display: flex;
    justify-content: space-around;
}
.flex3container img {
    width: 50%;
    height: auto;
}
@media only screen and (min-width: 950px) {
                                .flex3container img {
                                    width: 30%;
                                )
}

/* ==|== 書籍紹介 ========================================================================== */
.colimn_book {
	margin: 20px 0px 20px 0px;
	overflow: auto;
	clear: both;
}
.colimn_book_book {
	display:block;
	padding: 0px 0px 10px 0px;
}
.colimn_book_book img {
	width:116px;
}
.colimn_book_spec {
	display:block;
	padding: 0px 0px 10px 0px;
}
.tit_book {
	margin: 5px 0px 10px 0px !important;
	color:#cc0000;
	font-weight: bold;
	font-size:108%;
	letter-spacing: 0.05em;
	line-height:1 !important;
}
.tit_book span {
	font-size:93%;
}