/************************************************************************************
 共通 = 768px まで
*************************************************************************************/
@media screen and (max-width: 768px) {

/* ここから */
	body {
		background:#ffffff scroll repeat-x top url(./img/responsive/border1.gif);
		font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',/* 'メイリオ', Meiryo,*/ 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
		padding-top:17px;
	}

	#Wrapper      { width:95%; }
	#Header-block { height:auto; }

	#Sidebar, #Contents { float:none; clear:both; }

	#Contents           { width:100%; }
	#Sidebar            { width:100%; margin:0 0 0 0; }

	#Contents,
	.page-body          { width:100%; text-align:left; }

	#Maincont           { width:100%; }

/* h2 画像置換箇所 */
	.title-h2 {
		height:auto;
		line-height:100%;
		margin:0 auto 10px auto;
	}

	.home h2 img   {
		max-width:100%;
		height:auto;
		line-height:100%;
		width /***/:auto;/*IE8*/
	}

	.title-c-h2 {
		background-image:none;
		background-color:#45914b;
		height:auto;
		line-height:100%;
		margin:10px auto;
		padding:10px 0;
		border:1px solid #c8c7cc;
		position:static;
		overflow-x:visible;
	}

	.title-c-h2 h2 {
		background-image:none;
		color:#ffffff;
		width:100%;
		height:100%;
		line-height:100%;
		position:static;
		text-indent:0;
		white-space:normal;
		overflow:visible;
	}

.page-id-52 h2,
.category-10 h2,
.category-11 h2,
/**/.single.schedule h2,
.page-id-81 h2,
.page-id-67 h2,
.single.member-info h2,
.archive.category-12 h2,
.single.dl-report h2,
.archive.category-13 h2,
.single.dl-data h2,
.archive.category-15 h2,
.single.dl-ml h2,
.archive.category-9 h2,
.single.app h2        { background-image:none; }

/* メインメニュー */
	.menu-block       {
		height:100%;
		_margin-bottom:0;
		padding:5px 0;
		background-color:#abd948;
		font-size:88%;
	}

	.menu-block ul li {
		width:47%;
		margin:1% 0 1% 2%;
		text-align:center;
	}

	.menu-block ul li a   {
		background-color:#236F5B;
		background-image:none;
		background-attachment:scroll;
		background-repeat:no-repeat;
		color:#ffffff;
		display:block;
		width:100%;
		height:100%;
		line-height:100%;
		text-align:center;
		margin-top:0;
		margin-bottom:0;
		margin-left:0;
		padding:3px 0;
		text-indent:0;
		white-space:normal;
		overflow:visible;
	}

	li.page-item-top, li.page-item-topF, li.page-item-top a, li.page-item-topF a { display:none; }

	.menu-block ul li a:hover,
	.menu-block ul li a:focus,
	.menu-block ul li.page-item-topF a,
	.menu-block ul li/*.page-item-5.current_page_item a,
	.menu-block ul li.page-item-6.current_page_item a,
	.menu-block ul li.page-item-7.current_page_item a,
	.menu-block ul li.page-item-10*/.current_page_item a,
	.menu-block ul li.current_page_ancestor a,
	.hk-report .menu-block ul li.page-item-7 a,
	.as-report .menu-block ul li.page-item-7 a        { height:100%; line-height:100%; }

	.menu-block ul li a:hover, .menu-block ul a:focus { background-position:auto; }

/* h3 画像 */
	.home #Contents,
	.page-child #Contents,
	.single-post #Contents,
	.category #Contents,
	.page-id-81 #Contents,
.page-template-page-not-login-php .not-login-page #Contents,
.page-id-67 #Contents  { background:none; }

	.home #Contents h3,
	.page-child .title-h3 h3,
	.single-post .title-h3 h3,
	.category .title-h3 h3,
	.page-id-81 .title-h3 h3,
	.page-template-page-not-login-php .not-login-page #Contents .title-h3 h3,
	.page-id-67 .title-h3 h3  {
		background-image:none;
		background-color:#3f6c47;
		color:#ffffff;
		height:auto;
		padding:3px 0;
		line-height:100%;
		margin-bottom:10px;
		text-indent:10px;
		white-space:normal;
		overflow:visible;
	}

.archive.dl-report .title-h3 h3,
.single.dl-report .title-h3 h3,
.archive.dl-data .title-h3 h3,
.single.dl-data .title-h3 h3,
.archive.dl-ml .title-h3 h3,
.single.dl-ml .title-h3 h3,
.archive.category-app .title-h3 h3,
.single.category-app .title-h3 h3,
.single.app .title-h3 h3    { 		background-image:none; }

	.page-body h3, .item-body h3,
	.page-body h4, .item-body h4 {
/*		margin:0 0 20px 0;
		width:100%;
		padding:5px 0;*/
		height:auto;
		line-height:100%;
	}

/* トップページ */
	#News-area h4  {
		background-image:none;
		background-color:#e5e5e5;
		position:static;
		height:auto;
		line-height:100%;
		padding:5px 0;
		margin-bottom:5px;
		text-indent:10px;
		white-space:normal;
		overflow:visible;
	}

	#na-general, #na-member { background-color:#ffffff; }

	#na-general div, #na-member div {
		background:none;
		margin:0;
		padding:10px 0;
		border:none;
	}

	#News-area ul li      { margin:0; text-indent:10px; }

	#News-area div p {
		width:100%;
		height:auto;
		line-height:auto;
		margin:0;
		padding:0;
		position:static;
		text-indent:10px;
	}

#News-area div p a {
		background:none;
		display:inline;
		width:auto;
		height:auto;
		line-height:auto;
		text-indent:0;
		white-space:normal;
		overflow:visible;
}

/* サイドボックス */
		#Sidebar .box {
		margin-bottom:0;
		position:static;
		width:100%;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		behavior:url("http://healthkeeper-jp.com/PIE.htc");
	}

	#Sidebar .box h3          {
		background-image:none;
		position:static;
		height:auto;
		line-height:auto;
		color:#ffffff;
		margin-bottom:0;
		/margin-bottom:10px;/* IE6,7 */
		text-indent:10px;
		white-space:normal;
		overflow:visible;
	}

	#Sidebar #sub_menu_box h3    { background-image:none; background-color:#45914b; margin-bottom:5px; }
	#Sidebar #member_menu_box h3 { background-image:none; background-color:#33bbff; }

	#sub_menu_box,
	#member_menu_box { background-color:#ffffff; }

	#sub_menu_box div,
	#sub_menu_box,
	#member_menu_box div,
	#member_menu_box    { margin:0; padding:10px 0; border:none; }

	#sub_menu_box ul,
	#member_menu_box ul { margin:-10px 0 0 0; position:relative; }

/* h4 画像置換バナー */
	#Sidebar h4 {
		background-color:#e5e5e5;
		text-align:center;
		width:100%;
		height:auto;
		line-height:100%;
		padding:5px 0;
		margin-bottom:10px;
		text-indent:0;
		white-space:normal;
		overflow:visible;
	}

	#Sidebar h4 a {
		background-image:none;
		display:inline;
		width:auto;
		height:auto;
		line-height:100%;
		text-indent:10px;
		white-space:normal;
		overflow:visible;
	}

#Sidebar h4#bn-regist a,
#Sidebar h4#bn-link a,
#Sidebar h4 a,
#Sidebar h4#bn-regist a:hover,
#Sidebar h4#bn-regist a:focus,
#Sidebar h4#bn-link a:hover,
#Sidebar h4#bn-link a:focus { background-image:none; }

/* お問い合わせバナー */
#Sidebar p#bn-contact {
		background-color:#e5e5e5;
		text-align:center;
		margin:0 0 10px 0;
		padding:5px 0;
		width:100%;
		height:auto;
		line-height:100%;
		font-weight:bold;
}

#Sidebar p#bn-contact a {
		background-image:none;
		background-position:auto;
		display:inline;
		width:auto;
		height:100%;
		line-height:100%;
		text-indent:0;
		white-space:normal;
		overflow:visible;
}

#sub_menu_box ul li {
			background:none;
			border-bottom:1px solid #c8c7cc;
			padding:1px 0;
}


/* 消す要素 */
	.RA, .RA a,
	.font-change,
	.h-search-form,
	.pankuzu,
/*	#Sidebar #login-box,
	#Sidebar #login-menu,*/
/*
// 20250524 comment out shibata@jidaikobo.com
	p.welcome,
	p.logout-button,
*/
	h4#bn-regist,
	.page-id-67 .title-h3,
	/*form,*/
/*
// 20250524 comment out shibata@jidaikobo.com
	#member_menu_box form,
*/
	#member_menu_box p.chech-edit,
	#Footer-block .footer-menu { width:100%; display:none; }

/*#login-box,
#login-menu       { background-color:#ffffff; }*/

	#Return-button { background-color:#236f5b; margin:0 0 10px 0; width:100%; }

	#Return-button ul      { width:98%; height:auto; line-height:100%; margin:0 auto; }
	#Return-button ul li   { width:50%; padding:5px 0; background-color:#236f5b; margin:0 auto; }

	#Return-button ul li a {
		background-image:none;
		background-color:#e5e5e5;
		text-align:center;
		width:98%;
		height:100%;
		line-height:100%;
		padding:3px 0;
		margin:0 auto;
		margin-right:0;
		text-indent:0;
		white-space:normal;
		overflow:visible;
}

#Return-button ul li.rb1 a       { margin-left:0; }

/* フッタ */
	#Footer-block { padding:2px 0; }

	#Footer-block p {
		background:scroll no-repeat top url(./img/responsive/bg_copyright.gif);
		width:100%;
		margin:10px auto 0 auto;
		padding:40px 0 0 0;
	}

#Footer-block p span {
		background:none;
		height:auto;
		line-height:auto;
		text-indent:0;
		white-space:normal;
		overflow:visible;
		color:#ffffff;
}

/* ここまで */
}

/************************************************************************************
 480px
*************************************************************************************/
@media screen and (max-width: 480px) {
/* ここから */

	#Header-block {
		background:scroll no-repeat center 5px url(./img/responsive/logo.gif);
		text-align:center;
	}

	h1                  { padding-top:50px; }

	h1 a                {
		background:scroll no-repeat center center url(./img/responsive/h1.gif);
		width:auto;
		height:100%;
		line-height:auto;
		margin:0 auto;
	}

	p.description       {
		background:scroll no-repeat center center url(./img/description.gif);
		width:auto;
		height:100%;
		line-height:auto;
		margin:0 auto;
	}

#News-area ul li span {
			display:block;
}

	#News-area ul li em   {
		background:scroll no-repeat left center url(./img/home/mark_square1.gif);
		display:block;
		margin-left:10px;
		padding-left:12px;
	}

	#News-area ul li span {
		background:none;
		margin-left:0;
		padding-left:0;
	}

/* ここまで */
}

/************************************************************************************
 320px
*************************************************************************************/

@media screen and (max-width: 320px) {
/* ここから */

	h1 a { background:scroll no-repeat center center url(./img/responsive/h1.gif); }

	.title-c-h2 h2 { font-size:100%; }

/* ここまで */
}

@media screen and (max-width: 240px) {
/* ここから */

	h1 a { background:scroll no-repeat center center url(./img/responsive/h1_2.gif); }
	.menu-block { font-size:70%; }

	p.description       { background:scroll no-repeat center center url(./img/responsive/description_2.gif); }

/* ここまで */
}


@media screen and (min-width: 769px) and (max-width: 959px) {

#Footer-block { width:960px; }

}

div.wpcf7-mail-sent-ok {
	border:5px solid #ff6a00;
	font-weight:bold;
}

/* 20250531 shibata@jidaikobo.com */

/* デフォルト：PC（768px超）では非表示 */
.show-only-mobile {
  display: none;
}

/* スマートフォン（768px以下）では表示 */
@media screen and (max-width: 768px) {
  .show-only-mobile {
    display: block;
  }
}

#shortcut2login a {
  display: inline-block;
  padding: 5px;
}