/* 2016/12/21 モバイルスタイル */
@media screen and (max-width: 900px) {
	/* 基本設定 */
	* {
		font-size: 16px;
	}
	.formobile {
		display: block;
	}
	* {
		box-sizing: border-box;
	}
	.mobile_hidden {
		display: none;
	}
	body {
		height: auto;
		overflow-x: hidden;	
	}
	body:after {
	  content: ".";
	  display: block;
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	body #page {
		clear: both;
		width: 100%;
		padding: 10px;
		overflow: hidden;	
	}
	#topcontrol {
		z-index: 100;
	}
	/* ヘッダー */
	body #header_top {
		width: 100%;
		height: auto;
	}
	#header_top {
		width: 100%;
	}
	/* ロゴ */
	#logo {
		width: 100%;
		float: none;
		text-align: center;
		clear: both;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#logo a {
		width: 100%;
		float: none;
		display: block;
	}
	/* メインメニュー */
	#main-menu {
		padding: 0;
		width: 100%;
		height: auto;
		float: none;
	}
	.main-navigation ul {
		width: 100%;
	}
	.main-navigation li {
		float: none !important;
		display: block;
		width: 100%;
		height: auto;
	}
	.main-navigation li a {
		text-align: left  !important;
		background-image: none !important;
		height: auto !important;
		line-height: 160% !important;
		float: none;
		width: 100% !important;
		text-indent: 0 !important;
		font-size: 16px !important;
	}
	.main-navigation li ul.sub-menu {
		display: block;
		position: static;
		background-color: transparent;
		border-width: 0 !important;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
		z-index:100;
	}
	li#menu-item-521 > a {
		padding-top: 0 !important;
	}
	/* ヘッダーテキストメニュー */
	#header_botom {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	#header_botom_menu {
		width: 100%;
		height: auto;
		text-align: left;
	}
	#header_botom ul {
		text-align: center;
		padding: 0;
		background-color: #F7F7F7;
	}
	#header_botom li {
		display: inline;
		float: none;
		height: 30px;
		width: auto;
		background-color: #F7F7F7;
		margin-left : 0;
	}
	#header_botom li#menu-item-140890,
	#header_botom li#menu-item-140888 {
		background-position: 93% 0%;
		background-size: 25px 25px;
	}
	#header_botom li#menu-item-3940 {
		background-position: 93% 0%;
		background-size: 25px 20px;
	}
	#header_botom li#menu-item-296 {
		background-position: 93% 0%;
		background-size: 25px 17px;
	}
	#header_botom li a,
	#header_botom li a:visited {
	}
	/* PR Space スライド */
	#BCG {
		display: none;
	}
	.koboImg {
		width: 100% !important;
	}
	.koboBlock {
		width: 100% !important;
	}
	.galleryimg {
		width: 100%
	}
	/* メインコンテンツ */
	body #main {
		width: 100%;
		overflow-x: hidden;	
	}
	.site-content_top {
		width: 100%;
	}
	#TopContentsArea {
		width: 100% !important;
		min-width: 10px !important;
	}
	/* HOME 専用 */
	#TopContentsArea #TCblock1 {
		width: 100% !important;
		margin-right: 0 !important;
	}
	#TC1,
	#TC2,
	#TC3 {
		width: 100% !important;
		height: auto !important;
		clear: both !important;
		float: none !important;
	}
	#TC1:after,
	#TC2:after,
	#TC3:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#searcharea {
		width: 100% !important;
		max-width: 372px;
	}
	#TopContentsArea #TCblock1 #SearchArea td {
		display: block;
	}
	#TopContentsArea #TCblock1 #SearchArea td.l_title {
		width: 100%;
	}
	#TopContentsArea #TCblock1 #SearchArea td.kikan {
		padding-left: 0;
		padding-right: 0;
	}
	#TopContentsArea #TCblock1{
		height: auto !important;
	}
	#TopContentsArea #TCblock1 #TC2 #TCimgFace{
		margin: 0 !important;
		/*float: none !important;*/
	}
	#TopContentsArea #TCblock1 #TC2 #nextRead {
		width: calc(100% - 140px) !important;
		padding-left: 10px !important;
		/*float: none !important;*/
	}
	#TopContentsArea #TCblock1 #TC2 #nextReadname {
		/*float: none !important;*/
		clear: both;
		margin-top: 0 !important;
	}
	#TopContentsArea #TCblock1 #TC2 #TC2nextLink {
		margin-top: 0 !important;
		/*float: none !important;*/
	}
	#TCblock2 {
		float: none !important;
		clear: both;
	}
	#TopContentsArea #TCblock1 #TC3 #nextRead3 {
		width: 100% !important;
	}
	#TopContentsArea #TCblock1 #TC3 #TC3nextLink {
		margin-top: 0 !important;
	}
	#TopContentsArea #TCblock2 {
		width: 100% !important;
		height: auto !important;
	}
	#TopContentsArea #TCblock2:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#TopContentsArea #TCblock2 #TCnews {
		width: 100% !important;
	}
	#TopContentsArea #TCblock2 #TCnews .NewsTopicsdays {
		float: none !important;
		width: 100% !important;
	}
	#TopContentsArea #TCblock2 #TCnews .NewsTopicsText {
		margin-bottom: 10px !important;
		line-height: 20px;
	}
	#TopContentsArea #TCblock2 .NewsTopics {
		padding-left: 10px !important;
		padding-right: 5px !important;
	}
	#TopContentsArea #TCblock2 #TCnews  .NewsTopics.type2 .NewsTopicsText,
	#TopContentsArea #TCblock2 #TCnews  .NewsTopics.type3 .NewsTopicsText {
		width: calc(100% - 0px) !important;
		height: auto !important;
	}
	#TopContentsArea #TCblock2 #TCnews .NewsTopicsText {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	#TopContentsArea #TCblock2 #TCmagazine {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	#TopContentsArea #TCblock2 #TCmagazine:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#TopContentsArea #TCblock2 #TCmagazine #TCimgMagazinEntry,
	#TopContentsArea #TCblock2 #TCmagazine #TCMagazinText {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	#TopContentsArea #TCblock2 #TCmagazine #TCMagazinTnextLink {
		margin-top: 0 !important;
	}
	/* フッター */
	#page div#wrap-btm {
		margin-top: 0;
		width: 100% !important;
		min-width: 0 !important;
	}
	#wrap-btm #colophon,
	#wrap-btm footer[role="contentinfo"] {
		width: 100% !important;
		height: auto !important;
	}
	#wrap-btm #menu-footernavi {
		height: auto;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		justify-content: center;
	}
	#menu-footernavi:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#wrap-btm #menu-footernavi li {
		height: auto;
	}
	#wrap-btm #menu-footernavi a {
		margin: 10px;
		border-radius: 5px;
		background: rgb(214, 230, 239);
		color: #27469b;
		display: block;
		padding: 15px;
		text-decoration: none;
		height: auto;
	}
	#Copyright:after,
	#wrap-btm #footerTextLink:after,
	#wrap-btm #colophon:after,
	#wrap-btm footer[role="contentinfo"]:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#wrap-btm #footerTextLink {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 20px;
	}
	#Copyright {
		margin-top: 15px;
		float: none;
		clear: both;
		height: auto;
		line-height: 18px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	#wrap-btm div#formLink {
		width: 100% !important;
		height: auto !important;
		margin-right: 0;
	}
	#wrap-btm div#formLink {
		background-image: none;
		padding-top: 0;
		padding-bottom: 20px;
	}
	#wrap-btm div#formLink ul {
		height: auto;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
		justify-content: center;
	}
	#wrap-btm div#formLink ul li {
	}
	#wrap-btm div#formLink ul a {
		margin: 10px;
		border-radius: 5px;
		background: rgb(214, 230, 239);
		color: #27469b;
		display: block;
		padding: 15px;
		text-decoration: none;
		height: auto;
	}
	/* メニューコントロール */
	#mobile_menu_box {
		background-color: #a9a9a9;
	}
	#mobile_menu_box:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.main-navigation #mobile_menu_title {
		float: left;
		color: #fff;
		padding-left: 10px;
		padding-top: 10px;
	}
	#navToggle {
		/*display:none;*/ /*通常時は非表示にしておきます*/
		/*position:absolute;*/ /*bodyに対しての絶対位置指定です*/
		float: right;
		right:13px;
		top:13px;
		width:30px;
		height:25px;
		cursor:pointer;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-right: 5px;
	}
	#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
	#navToggle span {
		display:block;
		position:absolute; /*#navToggle div に対して*/
		width:100%;
		border-bottom:solid 3px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out}
	#navToggle span:nth-child(1) {
		top:0
	}
	#navToggle span:nth-child(2) {
		top:11px
	}
	#navToggle span:nth-child(3) {
		top:22px
	}
	.main-navigation .menu-mainnavi-container {
		display: none;
		padding: 10px;
		background-color: #f5f5f5;
	}
	.main-navigation .menu-mainnavi-container.openNav {
		display: block;
		transition:5s ease-in-out;
	}
	/* TOPページ スライド */
	#SGBLOCK:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#SGBLOCK:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.koboGal {
		position: relative !important;
		width: 100%  !important;
		top: 33vw !important;
		height: 17vw !important;
	}
	.koboGal img.SGBLOCKguide {
		width: calc(25vw - 5px) !important;
	}
	#SGBLOCK {
		height: auto !important;
	}
	.koboImg {
		height: 50vw !important;
	}
	.koboBlock {
		height: auto !important;
	}
	.koboImg img {
		width: 100% !important;
		height: auto !important;
	}
	/* サブページ */
	div#content h1 {
		width: 100%;
		padding-bottom: 13px;
	}
	#content_top {
		background-image: none !important;
	}
	#content_top_inner {
		width: 100%;
		overflow: hidden;
		height: auto;
		background-color: #7669ae;
		padding-bottom: 10px;
	}
	#content_top_inner_left {
		width: 100%;
		overflow: hidden;
		height: auto;
		background-image: none !important;
	}
	#content_top_inner_center,
	#content_top_inner_right {
		display: none;
	}
	.breadcrumbs {
		width: 100%;
		margin-left: 0;
		padding-left: 10px;
		line-height: 20px;
		height: auto;
	}
	#PagetitleArea {
		width: 100%;
		height: auto;
	}
	#content_top_inner_left h1 ,
	div#content_top_inner_left h2 {
		width: 100%;
		height: auto;
		line-height: 120%;
	}
	.site-content {
		width: 100%;
	}
	div#content {
		width: 100%;
	}
	div#content h2 {
		width: 100%;
		min-height: 50px;
	}
	div#content h4 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	div#content p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	div#content p img,
	div#content  p img.alignright {
		max-width: 100% !important;
		height: auto !important;
		float: none;
		text-align: center;
		padding-left: auto;
		padding-right: auto;
		margin: 0;
	}
	div#content h3 {
		width: 100% !important;
		height: auto !important;
		margin-left: 0;
		margin-right: 0;
	}
	div#content table {
		width: 100% !important;
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0;
	}
	div#content table td {
		display: block;
		clear:both;
		width: 100%;
	}
	div#content table td:last-child {
		padding-left :5px;
	}
	div#content table td img.alignright {
		max-width: 100%;
		margin: 0;
		text-align: center;
		padding-left: auto;
		padding-right: auto;
	}
	div#content table td img.wp-image-3016,
	div#content table td img.wp-image-3018 {
		display: none;
	}
	div#content ul {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding-left: 20px;
	}
	#secondary.widget-area {
		width: 100%;
	}
	#secondary.widget-area li {
		width: 100%;
	}
	/* 正会員・グループ企業一覧*/
	.page-id-23 div#content .box50on table td {
		width: 50px;
		clear: none;
		float: left;
	}
	.page-id-23 div#content .box50on table.kojin td {
		width: 100px;
	}
	.page-id-23 div#content .box50on table td {
	}
	.page-id-23 div#content table td {
		min-height: 40px !important;
	}
	/* アクセス*/
	div#content iframe {
		width: 100% !important;
		height: 100vw  !important;
	}
	/* セミナー */
	div#secondary div#search_sem h3 {
		padding-bottom: 10px;
	}
	div#secondary.widget-area div#seminar_entry {
		width: 100%;
	}
	div#content div#entry {
		background-color: #eeddc3;
	}
	/* セミナー単体 */
	div#content .titlecopybox {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	div#content div#entry {
		margin: 0;
		text-align: center;
		padding-left: auto;
		padding-right: auto;
		width: auto;
	}
	div#content div#entry a {
		width: auto;
	}
	/*その他*/
	div#secondary div#search_sem h3 {
		height: auto;
	}
	div#secondary div#search_sem form div {
		padding-bottom: 20px;
		height: auto;
	}
	/* BR */
	div#content .alignleft {
		width: 100%;
		margin: 0;
	}
	div#content div.br_list{
		height: 430px;
	}
	div#content div.br_list span.excerpt p {
		width: 100%;
	}
	div#secondary.widget-area div#br_subscript,
	div#secondary.widget-area div#br_back {
		width: 100%;
		background-color: #eeddc3;
		height: 80px;
		margin-bottom: 2px;
	}
	div#secondary.widget-area div#br_subscript:after,
	div#secondary.widget-area div#br_back:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	/* 出版物*/
	div#content h6 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	/* 問い合わせ */
	div#content .mw_wp_form table {
		font-size: 16px;
	}
	div#content .mw_wp_form table {
		width: calc(100vw - 20px) !important;
	}
	div#content .mw_wp_form table tbody {
		width: calc(100vw - 20px) !important;
	}
	div#content .mw_wp_form table tr {
		width: calc(100vw - 20px) !important;
	}
	div#content .mw_wp_form table td,
	div#content .mw_wp_form table td:last-child {
		width: calc(100vw - 20px) !important;
		padding-right: 10px;
		padding-left: 0;
	}
	div#content .mw_wp_form table td:first-child {
		font-weight: bold;
	}
	div#content .mw_wp_form table td select,
	div#content .mw_wp_form table td textarea,
	div#content .mw_wp_form table td input {
		width: calc(100vw - 30px) !important;
		margin: 2px;
		font-family: "メイリオ", 'ＭＳ Ｐゴシック', Arial, sans-serif;
	}
	div#content .mw_wp_form table td .mwform-zip-field input {
		width: 50px !important;
		font-family: "メイリオ", 'ＭＳ Ｐゴシック', Arial, sans-serif;
	}
	div#content .mw_wp_form table td input[type="radio"],
	div#content .mw_wp_form table td input[type="checkbox"] {
		width: auto !important;
		font-family: "メイリオ", 'ＭＳ Ｐゴシック', Arial, sans-serif;
	}
	div#content #privacy {
		width: 100%;
		margin: 0;
	}
	div#content #privacy h2 {
		margin-left: 5px;
		margin-right: 5px;
		padding-bottom: 13px;
	}
	div#content #privacy h3 {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	div#content #privacy h4 {
		margin-left: 5px;
	}
	div#content #privacy p {
		width: 100%;
		margin-left: 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	div#content div.mw_wp_form input[name="名（カナ）"] + .error {
		width: auto;
		paddin-left: 0;
	}
	/*2022/06/18 調整*/
	li#menu-item-138674 > a {
		padding-top: 0;
	}
	/*2022/06/30*/
	li#menu-item-50 > a {
		padding-top: 0;
	}
}
/* BR誌 */
@media screen and (max-width: 549px) {
	div#content div.br_list{
		width: calc(100vw - 20px);
		height: auto;
	}
}

/* モバイル対応
2025/05/07　元々iphone4対応としていたが、x、noteを追加するため、タブレット以下ボトムメニューの画像は非表示とした。
 */
@media screen and (max-width: 768px) {
	#header_botom li#menu-item-295,
	#header_botom li#menu-item-296,
	#header_botom li#menu-item-3940 {
		background-image: none !important;
		padding-right: 10px;
		font-size: 0;
	}
	#header_botom li#menu-item-140890 a,
	#header_botom li#menu-item-140888 a {
		background-image: none;
		font-size: 16px;
	}
}