




/* CSS ラジオボタン */
.radio-inline__input {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.radio-inline__label {
	display: inline-block;
	padding: 1rem 1.5rem;
	margin-right: 18px;
	border-radius: 3px;
	transition: all .2s;
	background: #DEE;
}

.radio-inline__input:checked + .radio-inline__label {
	background: #066;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}



/* ---------------------------------------------------------- */
/* 丸数字 */
.maru {
	background-color: #C00;
	display: inline-block;
	float: right;
	margin-right: 10px;
	padding: 0 6px;
	color: #FFF;
	border-radius: 50%;
}

/* リストの丸数字 */
ol.maru {
  counter-reset: my-counter;
  list-style: none;
  margin: 10px 0; padding: 0;
}
 
ol.maru li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.maru li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #4AC;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}



/* ----------- TOP MENU -------------*/
.top_menu_under_fade		{ position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; font-size: 1.1em; letter-spacing: 0.1em; }
.menu_sub					{ margin-bottom: 10px; text-align: center; font-size: 1.1em; letter-spacing: 0.1em; }

/*  ---------------- 投稿データのタイトルと記事  ---------------- */
.gpgpgp_each_info_title		{ padding: 15px 0; font-size: 1.2em; font-weight: bold; text-align: center; color: #345; background: #FFF; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }
.gpgpgp_each_info_text		{ padding: 20px 0; }



/* ------------------ biz_each_scroll -------------------- */
div.biz_each_scroll {
	margin-right: 30px;
	width: 100%;
	height: 700px;
	background-color: #FFF;
	overflow: scroll;
}



/* ------------------ 会員ログイン画面 -------------------- */
.mem_login							{ margin: 50px auto; width: 100%; text-align: center; }
.mem_login			.title			{ padding: 15px; font-size: 1.2em; color: #FFF; background: #27C; }
.mem_login			.entry			{ padding: 20px; background: #F6F6F6; border-width: 0; }


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



/* ---------------- 案内の特則 ---------------------- */
.med_name_kana{ display:inline-block; margin:6px; padding: 10px 12px; font-size: 1.4em; font-weight: bold; color: #FFF; background: #377; border-radius: 5px; }



/* ---------------- top_static_link @ _common_foot.inc ---------------------- */
.top_static_link					{ padding-right: 40px; padding-bottom: 10px; font-size: 1.0em; font-weight: bold; color: #333 !important; }
.top_static_link a					{ color: #333 !important; }
.top_static_link a:link				{ color: #333 !important; }
.top_static_link a:visited			{ color: #333 !important; }
.top_static_link a:hover			{ color: #F00 !important; }




/* ---------------- RSS リスト 専用 ---------------------- */
ul.rss_list					{ margin: 10px 0 0 0; padding: 0; }
ul.rss_list		li			{ margin: 0; padding: 0 0 12px 0; list-style: none; font-size: 1.1em; }
ul.rss_list		li  a		{ font-weight: normal; }





/* ---------------- トップページのメニューバナー PC のみ位置変更 ---------------------- */
@media (min-width: 768px) {
	.top_cat_list	{ margin-top: 0; padding: 0 0 10px 0; z-index: 99999; }
}

@media (max-width: 767px) {
	.top_cat_list	{ margin-top: 0; padding-bottom: 10px; }
}





/* ---------------- トップページのメニューバナーの特則 ---------------------- */
.col-sm-3.menu_biz_cat			{ margin-bottom: 20px; padding: 0; color: #FFF; background: #670; border: solid 0 #670; border-radius: 5px; }
.col-sm-3.menu_biz_cat a		{ display: block; padding: 15px 0; text-align: center; font-size: 1.4em; font-weight: bold; color: #FFF; }
.col-sm-3.menu_biz_cat a:hover	{ color: #670; background: #FFF; border-radius: 5px; }
@media (max-width: 767px) {
	.col-sm-3.menu_biz_cat{
		margin: 0 1px 1px 1px;
		padding: 0;
		font-size: 1.0em;
	}
}

/* ---------------- トップページのサブメニューバナーの特則 ---------------------- */
.top_sub_cat			{ display:inline-block; margin-bottom: 20px; margin-right:5px;width:180px; white-space:nowrap; }
.top_sub_cat a			{ display: block; padding: 10px 0; text-align: center; font-weight: bold; font-size: 1.1em; color: #FFF; background: #58A; border-radius: 3px; }
.top_sub_cat a:hover	{ color: #345; background: #EEE; }
@media (max-width: 767px) {
	.top_sub_cat{
		margin: 0 1px 1px 1px;
		padding: 0;
		font-size: 1.0em;
	}
}

/* ---------------- トップページのサブメニューバナーの特則 （ログアウト）---------------------- */
.top_sub_cat_r			{ margin-bottom: 20px; padding: 0;  color: #FFF; background: #F40; border-radius: 3px; }
.top_sub_cat_r a		{ display: block; padding: 10px 0; text-align: center; font-size: 1.0em; color: #FFF; }
.top_sub_cat_r a:hover	{ color: #F40; background: #EEE; border-radius: 3px; }
@media (max-width: 767px) {
	.top_sub_cat_r{
		margin: 0 1px 1px 1px;
		padding: 0;
		font-size: 1.0em;
	}
}






/* --------- capt_photo ----------- */
.name_photo		{ margin: 20px 10px; color: #345; text-align: center; font-size: 1.4em; }
.capt_photo		{ margin: 10px 10px; color: #345; text-align: center; }
.ttl_photo		{ margin: 10px; color: #666; }
.exp_photo		{ margin: 10px; color: #060; }



/* ---------------- トップページ用コピー ---------------------- */
.top_copy					{ margin: 30px 0; text-align: center; font-size: 2.0em; line-height: 150%; color: #345; font-weight: 600; }

/* ---------------- トップサイドのサブメニューのログインボタン特則 ---------------------- */
/* 会員ログイン・ログアウトボタン */
.side_menu_mem_login			{ margin-bottom: 4px; padding: 0;  color: #FFF; background: #27C; border-radius: 3px; }
.side_menu_mem_login a			{ display: block; padding: 10px 0; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; }
.side_menu_mem_login a:hover	{ color: #27C; background: #FFF; border-radius: 3px; }
/* ---------------- トップサイドのサブメニューのログアウトボタン特則 ---------------------- */
.side_menu_mem_login_r			{ margin-bottom: 4px; padding: 0;  color: #FFF; background: #F40; border-radius: 3px; }
.side_menu_mem_login_r a		{ display: block; padding: 10px 0; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; }
.side_menu_mem_login_r a:hover	{ color: #F40; background: #FFF; border-radius: 3px; }



/* --------- テーブルの th の背景色 ------------------- */
.bg_list_clinic														{ color:#255; background:#DEF; }


@media (min-width: 768px) {
	.navbar-telnum	{ display: none; }
}

@media (max-width: 767px) {
	.navbar-telnum {											/* ★スマホサイズのトップ位置の電話番号 */
		position: absolute; top: 12px; right: 75px;
	}
}



/*** table work ***/
table.work th, table.work td	{ padding: 5px 10px; }
table.work th					{ width: 30%; white-space: nowrap; }



/*** board4 の特則 ***/
.col-sm-6.board4 > .ttl, .col-sm-4.board4 > .ttl {
	margin-bottom: 0; padding:  5px 10px ; font-size: 1.2em; font-weight: bold; color :#FFF; background: #CDE; border-radius: 3px;
}



/* テキストのみ(テキスト部分100％) */
.board4.board100 .str { padding: 8px 8px; width: 100%; }



/* rev btn のリンクの色 */
.rev > a.btn-primary { color:#FFF; }



/* rev btn の border-radius */
.col-sm-12.well.board.rev, .col-sm-6.well.board.rev, .col-sm-4.well.board.rev {
	border-radius: 8px !important;
}



.col-sm-12.well.board3 .ttl2 {
	margin: 20px 20px 0 20px; padding: 0; font-size: 1.6em; font-weight: bold; border-bottom: solid 0 #FFF;
}



/* dl dt */
dl.il7 dt { margin: 10px 0 10px 0; padding: 5px 15px; width: 180px; color: #FFF; background: #5B93CC; border-radius: 15px; }
dl.il7 dd { margin: 0 0 10px 20px; }







