@charset "utf-8";
/* CSS Document */

/*
    Site Name	: Media Radar
	Css Name	: contents.css / メインコンテンツ制御
    Author		: Kazuya Shimazu
    Update		: 2008/1/1
*/


/*********top*********/

/* お知らせ */
#topNewList,
#topRankingList,
#bannerList {
	position: relative;
}

/* 資料一覧タイトルバナー */
.link-banner {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	margin: 6px 0;
	padding-left: 15px;
	width: 753px;
	color:#3c648a;
	font-weight: bold;
	font-size: 17px;
    height: 36px;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	box-shadow: 0 0 3px gray;
	-webkit-box-shadow: 0 0 3px gray;
	-moz-box-shadow: 0 0 3px gray;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background: rgb(224,224,224);
	background: linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
}
.link-banner span.small_text{
	display: inline-block;
    height: 100%;
	font-size: 14px;
    line-height: 36px;
}
.link-banner:visited{
	color:#3c648a;
}
#topRankingList .link-banner:hover{
	opacity: 0.7;
}
#topRankingList .moreLink,
.ai_item_list .moreLink
 {
	position: absolute;
	top: 6px;
	right: 13px;
	text-decoration: none;
	color: #006699;
	font-size: 11px;
	padding: 3px 10px;
	border: 1px solid #fff;
	box-shadow: 0 0 8px #bbb inset;
	border-radius: 5px;
}
#topRankingList .moreLink:hover,
.ai_item_list .moreLink
{
	background: #fff;
}
.bx-wrapper {
	margin: 0 !important;
}
#slider {
	display: none;
}
.news {
    padding: 10px;
}
.mNone { margin: 0!important; }
.m10B { margin-bottom: 10px; }
.m20B { margin-bottom: 20px; }
.m30B { margin-bottom: 30px; }
.fsSmall { font-size: 10px; }

.capWrp {
	display: block;
	margin: 0 0 6px 0;
}
.capWrp img {
	display: inline-block;
}
/* 一覧系 */
.capWrp .capSize-s {
	display: flex;
	width: 132px;
	height: 99px;
	margin: 0 0 3px 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 3px 3px 6px #aaa;
	border: none !important;
}
.capWrp .capSize-s img {
	max-width: 132px;
	max-height: 99px;
	object-fit: contain;
}
/* 資料ページ系 */
#media_summary .box .capWrp {
	display: block;
}
#media_summary .box {
	width:300px;
	padding:10px 0 0 10px;
	float:left;
}
.capWrp .capSize-m {
	display: table-cell;
	width: 280px;
	height: 210px;
	margin: 0 0 3px 0;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 3px 3px 6px #aaa;
}
.capWrp .capSize-m img {
	max-width: 280px;
	max-height: 780px;
}
/* 資料ページ系 */
#slider .capWrp {
	display: block;
}

.capForm {
	position: relative;
}
.capForm .dltCap {
	font-size: 10px;
	cursor: pointer;
}
.capForm .dltCap:hover {
	opacity: 0.6;
}
.capForm .addBtn {
  display: inline-block;
  overflow: hidden;
  position: relative;
	font-size: 11px;
	color: #71AF42;
  padding: 0.2em 0.5em;
  border: 1px solid #999;
  background-color: #eee;
}
.capForm .addBtn:hover {
	background: #fff;
}
.capForm .addBtn input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.capForm .modalContent {
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	margin: 0;
	padding: 50px;
	border: 2px solid #aaa ;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 2 ;
}
.capForm .modalSwitch {
	cursor: pointer;
}
/* .dlLinkContainer #modal-content {
	position: relative !important;
	top: -400px;
} */
.openIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: #71AF42;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
}
.unopenIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 10px;
	font-weight: bold;
}


.thTooltip {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
}
.thTooltip .tooltipSwitch {
	padding: 2px 5px 0 5px;
	color: #fff;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
.thTooltip .tooltipContainer {
	opacity: 0;
	display: none;
	position: absolute;
	top: 0;
	width: 250px;
	padding: 15px;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.thTooltip .tooltipSwitch:hover + .tooltipContainer {
	display: block;
	opacity: 1;
}
.thTooltip .tooltipContainer:hover {
	display: block;
	opacity: 1;
}
.thTooltip .tooltipContainer p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
}
.thTooltip .tooltipContainer p a {
	color: #71AF42;
}
.thTooltip .tooltipContainer p a:hover {
	opacity: 0.8;
}

.smbiz_header {
	margin: -20px 0px 20px -20px;
}
.smbiz_header span{
	font-size: 1.6em;
	display:table-cell;
	vertical-align:middle;
	margin: 0px 0px 0px 5px;
}
.smbiz_header img{
	float:left;
	width: 50%;
}

/*===== パンくず ===========================================*/
.l-breadcrumbs {
	font-size: 14px;
	margin-bottom: 18px;
}
.breadcrumbs-chain {
	margin-left: 5px;
	margin-right: 5px;
}
.breadcrumbs-chain:before {
	content: "\ff1e";
}
/*===== タグ（カテゴリー）リスト ===========================================*/

.tagsBox {
	margin: 10px 0;
}

.tagsBox__modal {
	padding: 0 10px;
	margin: 0;
}

.tagsBox .item {
	display: inline-block;
	margin:0 0 4px 0;
	padding: 2px 6px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}

.modal_tag {
	font-size: 0.6rem;
	margin: 0 4px 4px 0 !important;
}

.tagsBox .item:hover {
	opacity: 0.8;
}
.tagsBox .tcColor {
	background: #3d80b1;
}
.tagsBox .ampColor {
	background: #3d9eac;
}
.tagsBox .agpColor {
	background: #683ec0;
}
.tagsBox .pcColor {
	background: #3d5fb6;
}
.tagsBox .icColor {
	background: #708090;
}
.tagsBox .searchlistColor {
	color: #71AF42;
	background: #F3F3F3;
	border: 1px solid #71AF42;
}

/*===== 一覧画面 ===========================================*/

.media_content {
	padding: 15px !important;
}
.media_content h3 {
	font-size:18px;
}
.media_content h3 a {
	color: #333;
}
.media_content h3 a:hover {
	color: #71AF42
}
.media_content h3 .discount {
	font-size: 12px;
	font-weight: initial;
	display: inline-block;
    margin: 0 0 2px 10px;
    padding: 2px 6px 0px 6px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
	background: #ff6600;
	vertical-align: middle;
}
.media_content .discount {
    margin: 0 0 10px 0px;
	padding: 5px 0 5px 0px;
	border-top: 1px dotted #FF6600;
	border-bottom: 1px dotted #FF6600;
}
.media_content .discount span {
	font-size: 12px;
	font-weight: initial;
	display: block;
    margin: 0;
    color: #ff6600;
    text-decoration: none;
	vertical-align: middle;
}

.media_content p span.search_hit_text{
	font-weight: bold;
	background-color: yellow;
}
.media_name {
	position: relative;
}
.media_name .DlIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: #71AF42;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
}
.media_name .unDlIcon {
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 10px;
	font-weight: bold;
}

.media_name .batchDlIcon {
	position: relative;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 5px 10px;
	color: #fff;
	background: rgba(153,0,255,0.5);
	font-size: 10px;
	font-weight: bold;
	width: 70px;
	text-align: center;
}

#rankList .batchDlIcon{
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px 10px;
	color: #fff;
	background: rgba(153,0,255,0.5); /* color code #9900FF */
	font-size: 10px;
	font-weight: bold;
	min-width: 70px;
	text-align: center;
}

/* 一括ダウンロード可能 */
.batch_dl_page_link {
	background: #9900FF;
	color: #fff;
	padding: 8px;
	border-radius: 5px;
	text-align: center;
	width: 246px;
	text-decoration: none;
	font-size: 14px;
	float: right;
	margin-top: 5px;
}
.batch_dl_page_link:visited,
.batch_dl_page_link:hover {
	color: #fff;
}

/* 個別ダウンロードボタン */
.individual_page_link {
	background: #3D9EAC;
	color: #fff;
	padding: 8px;
	border-radius: 5px;
	text-align: center;
	width: 246px;
	text-decoration: none;
	font-size: 14px;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
}
.individual_page_link:visited,
.individual_page_link:hover {
	color: #fff;
}
/*===== 一覧画面DLリンク ===========================================*/

.dlLinkSwitch {
	display: none;
	margin: 10px 0 0 0;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow: 3px 3px 3px #aaa;
	cursor: pointer;
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -o-linear-gradient(top, #fff, #eee);
	background: linear-gradient(top, #fff, #eee);
}
.dlLinkSwitch span {
	color: #FBA42E;
	font-size: 20px;
}
.dlLinkContainer {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #aaa;
/*
	padding: 20px;
	border: 1px solid #eee;
	box-shadow: 3px 3px 3px #aaa;
*/
}
.dlLinkContainer .dl_wrap ul li {
	list-style: inside;
}
.dlLinkContainer .dl_wrap ul.ls_none li {
	list-style: none;
	word-break: break-all;
}
.dlLinkContainer .dl_wrap ul li a, .dlLinkContainer .dl_wrap ul li span {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	padding: 8px 10px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.dlLinkContainer .dl_wrap ul li a.adsearch{
	/* width: 457px; */
    height: 32px;
    font-size: 20px;
    padding: 0px 10px;
    text-align: center;
}
.dlLinkContainer .dl_wrap ul li span.adsearch{
    /* width: 457px; */
    height: 15px;
    font-size: 12px;
    text-align: center;
    padding: 7px 10px 10px 10px;
}

.dlLinkContainer .dl_wrap ul a:hover, .dlLinkContainer .dl_wrap ul span:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
.dlLinkContainer .dl_wrap ul a:before, .dlLinkContainer .dl_wrap ul span:before {
	content: url(/images/dl_icon.png);
	padding: 0 10px 0 0;
}
.dlLinkContainer .note {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #333;
}

.dlLinkContainer .disabredDlBtn li {
	display: block;
	margin: 10px 0px;
	padding: 8px 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(91, 53, 2, 0.35);
	background-color: #aaa;
	background: transparent -moz-linear-gradient(center top , #eee, #aaa) repeat scroll 0% 0%;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #eee, #aaa);
	background: -moz-linear-gradient(top, #eee, #aaa);
	background: -o-linear-gradient(top, #eee, #aaa);
	background: linear-gradient(top, #eee, #aaa);
	border-color: #BF7004;
	border-radius: 5px;
}

.big-dl .dl_wrap ul li span,
.big-dl .dl_wrap ul li a,
.big-dl .dl_wrap ul li span.adsearch {
	box-sizing: border-box;
	font-size: 20px;
	min-height: 90px;
}

.middle-dl .dl_wrap ul li span,
.middle-dl .dl_wrap ul li a,
.middle-dl .dl_wrap ul li span.adsearch {
	font-size: 18px;
	min-height: 50px;
}
.absolute-btn-text {
	position: absolute;
	top: 53px;
	left: 0px;
}
.list-btn-sub-text{
	display: block;
	font-size: 10px;
	text-align: center;
	/* width: 457px; */
	width: 100%;
	color: white;
}
/* .dlLinkContainer #modal-content {
	left: 50%;
	margin-left: -400px;
} */

.side-dlLinkContainer {
	margin-top: 0px;
	padding-top: 0px;
	border: none;
}
.side-dlLinkContainer .dl_wrap ul a.side-dl-btn {
	font-size: 12px;
	white-space: nowrap;
	margin-top: 0;
}
.side-dlLinkContainer .dl_wrap ul a.side-dl-btn:before{
    padding: 0 4px 0 0;
}
.side-dlLinkContainer input{
	width: auto !important;
}
#related_dl_button{
	margin-top: 60px;
}
/*===== ログイン ===========================================*/

#spLoginHeader, #spLoginFooter, #spLoginTitle{
	display: none;
}

#member_login{
	width:600px;
	height:675px;
	background:url(../images/mp_login2.png) no-repeat top;
	position:relative;
}

#member_reminder{
	width:600px;
	height:675px;
	background:url(../images/mp_reminder.png) no-repeat top;
	position:relative;
}

.ssl{
	position:absolute;
	left: 34px;
	top: 45px;
}

#login{
	width:600px;
	margin:0 auto;
}

#mp_login{
	width:600px;
	height:675px;
	background:url(../images/member_login2.png) no-repeat top;
	position:relative;
}
#mp_login .inputlabel{
	display:none;
}

.fbButton {
	margin: 10px 0;
}
.fbButton a {
	display: block;
	max-width: 190px;
	padding: 5px 10px;
	color: #fff;
	background: #46629E;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	border: 5px solid #eee;
	text-align: center;
	border-radius: 5px;
}
.fbButton .active {
	background: #68A743;
}
.fbButton a span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-size: 16px;
	border-right: 1px dotted #fff;
	vertical-align: middle;
}
.fbButton a:visited,
.fbButton a:hover {
	color: #fff;
	opacity: 0.8;
}
.fbButton .rightbar {
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
}
.fbButton .rightbar span {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 5px 8px 2px;
	background: #fff;
	color: #46629E;
	font-size: 24px;
	border-radius: 5px;
	line-height: 1;
}
.fbButton .rightbar em {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.fbCheck {
	color: #46629E;
	background: #eee;
	font-size: 10px;
	padding: 5px 10px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}
.fbCheck img {
	height: 12px;
}

/*===== メルマガ会員  ===========================================*/

#magazineForm {
	position: relative;
	margin: 15px 0;
	padding: 10px;
	/*border-left: 5px solid #71AF42;*/
	border: 5px solid #EEE;
	background: #f9f9f9;
}
#magazineForm h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	border-left: 5px solid #71AF42;
}
#magazineForm .tooltip {
	position: absolute;
	top: 13px;
	right: 10px;
}
#magazineForm .tooltipSwitch {
	padding: 2px 5px 0 5px;
	color: #fff;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
#magazineForm .tooltipContainer {
	opacity: 0;
	display: none;
	position: absolute;
	top: 0;
	width: 200px;
	padding: 15px;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
#magazineForm .tooltipSwitch:hover + .tooltipContainer {
	display: block;
	opacity: 1;
}
#magazineForm .tooltipContainer:hover {
	display: block;
	opacity: 1;
}
#magazineForm .tooltipContainer p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
}
#magazineForm .tooltipContainer p a {
	color: #71AF42;
}
#magazineForm .tooltipContainer p a:hover {
	opacity: 0.8;
}
#magazineForm input {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}
#magazineForm input[type="text"] {
	padding: 2px 5px;
}
#magazineForm input[type="submit"] {
	display: block;
	width: 98%;
	margin: 5px auto 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #71AF42;
	border-radius: 4px;
	box-shadow: 0 0 3px #aaa;
	cursor: pointer;
}
#magazineForm input[type="submit"]:hover {
	opacity: 0.8;
}
#magazineForm .errorMsg {
	font-size: 10px;
	color: #c00;
}
#magazineMember {
	width: 600px;
}
#magazineMember .textBox {
	margin: 20px 0 60px 0;
	padding: 20px;
	font-size: 16px;
	border: 5px solid #71AF42;
}
#magazineMember .errBox {
	color: #C00;
	border: 5px solid #eee;
}
#magazineMember .formWrp {
	margin: 30px 0 60px 0;
}
#magazineMember h2 {
	padding: 0 0 0 10px;
	font-size: 16px;
	border-left: 5px solid #71AF42;
}
#magazineMember .formWrp p {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
}
#magazineMember .formWrp form {
	margin: 20px 0;
}
#magazineMember .formWrp form input[type="text"] {
	padding: 2px 5px;
	width: 70%;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}
#magazineMember .formWrp form input[type="submit"] {
	padding: 0 5px;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

/*===== remind / リマインダー ===========================================*/

#mp_reminder .reminder_link, #member_reminder .reminder_link {
	position: absolute;
	top: 350px;
	left: 53px;
	width: auto;
	font-weight: bold;
}
#mp_reminder .login_link, #member_reminder .login_link {
	position: absolute;
	top: 460px;
	left: 25px;
	width: auto;
}
#mp_reminder .login_link a, #member_reminder .login_link a {
	display: block;
}





#mp_reminder{
	width:600px;
	height:675px;
	background:url(../images/member_reminder.png) no-repeat top;
	position:relative;
}

.tb_1{
	width:300px;
	padding:0.3em;
	position:absolute;
	top: 302px;
	left: 174px;
}

.tb_2{
	width:300px;
	padding:0.3em;
	position:absolute;
	top: 342px;
	left: 174px;
}

.tb3{
	position:absolute;
	top: 85px;
	left: 25px;
}

.tb4{
	position: absolute; 
	top: 85px; 
	right: 25px;
}

.chk1{
	position:absolute;
	top: 382px;
	left: 116px;
	vertical-align:top;
}

.chk2{
	position:absolute;
	top: 82px;
	left: 116px;
	vertical-align:top;
}

.sum1{
	position:absolute;
	top: 377px;
	left: 340px;
}

.login_other{
	position:absolute;
	top:449px;
	left:80px;
	width: 464px;
}

.login_error{
	position:absolute;
	top:20px;
	left:100px;
	width:430px;
	text-align:center;
}

/*===== 本人認証 ================================================*/

.mv_button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  /*background    : #ADD8E6;     /* 背景色     */
  background    : #E1F2FB;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 0.5em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
  position: absolute;
  top: 287px;
  left: 94px;
  width: 216px;
}
.mv_button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.mp_verify {
  width: 600px;
  height: 675px;
  background: url(../images/form_template.png) no-repeat top !important;
  position: relative;
}

.title_label {
    position: absolute;
    top: 234px;
    left: 255px;
    width: auto;
    font-weight: bold;
    font-size: 20px;
}

.mv_label_1 {
    position: absolute;
    top: 290px;
    left: 53px;
    width: auto;
    font-weight: bold;
}

.mv_label_2 {
    position: absolute;
    top: 323px;
    left: 53px;
    width: auto;
    font-size: 17px;
    pointer-events: none;
}

.mv_tb_1 {
	width:300px;
	padding:0.3em;
	position:absolute;
    top: 321px;
    left: 164px;
}
.mv_facebook_btn{
	position: absolute;
	top: 436px;
    left: 327px;
    width: 251px;
}

.mv_facebook_btn a{
	max-width: 222px;
}
/*===== 資料ランキング形式 ===========================================*/



#rankList {
	margin: 30px 0 0;
}
#rankList .box {
	position: relative;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px dashed #bbb;
	vertical-align: middle;
	box-sizing: border-box;
}
#rankList .box:after {
	display: block;
	content: "";
	clear: both;
}
#rankList .box .capWrp {
	display: inline-block;
	width: 100%;
}
#rankList .box .capWrp img {
	max-width: 40%;
	max-height: 160px;
}
#rankList .box .dlLinkContainer {
	float: right;
	width: 58%;
	margin: 0;
	padding: 0;
	border: none;
}
#rankList .box .dlLinkContainer .infoText {
	font-size: 10px;
}
#rankList .box .dlLinkContainer li span { margin-top: 0; }
#rankList .box .titleWrp {
	margin: 0 0 5px;
}
#rankList .box .titleWrp .rankNum {
	display: inline;
	color: #71AF42;
	font-size: 20px;
	font-weight: bold;
}
#rankList .box .titleWrp .rankNum .num {
	font-size: 18px;
}
#rankList .box .titleWrp .itemName {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#rankList .box .titleWrp .companyName {
	display: block;
	color: #333;
}
#rankList .box .detailWrp .agencyText {
	display: block;
	padding: 10px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px #ccc inset;
}

/**** normal rank ****/
#rankList .box .detailWrp { display: none; }
/**** rank top 1-3 ****/
#rankList .rankTopItem {
	padding: 20px;
	border-top: none;
	background-image: linear-gradient( -45deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5 );
	background-size: 4px 4px;
	border: 6px double #fff;
	box-shadow: 0 0 5px #ddd;
	border-radius: 15px 0 15px 0;
}
#rankList .rankTopItem .titleWrp .rankNum {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#rankList .rankTopItem .titleWrp .rankNum img{
	vertical-align: middle;
}
#rankList .rankTopItem .detailWrp { display: block; }




/*===== コンテナ ===========================================*/

div#container{
	padding:0 0 20px;
	/*overflow:hidden;*/
	overflow: inherit !important;
}
div#sec_main {
	overflow: inherit !important;
}
div#sec_page {
	overflow: inherit !important;
}



/*===== トピックコンテンツ ===========================================*/

#topick_contents{
	padding:5px;
}

#topick_contents ul li{
	display:inline;
	margin-left:15px;
}

li.marker_yaji{
	padding-left:20px;
	background:url(../images/mark_yaji.gif) no-repeat center left;
}

li.marker_rock{
	padding-left:20px;
	background:url(../images/mark_rock.gif) no-repeat center left;
}

li.marker_unlock{
	padding-left:20px;
	background:url(../images/unlock.png) no-repeat center left;
}

li.marker_add{
	padding-left:20px;
	background:url(../images/add.png) no-repeat center left;
}

li.marker_member{
	padding-left:20px;
	background:url(../images/member.png) no-repeat center left;
}

li.marker_media{
	padding-left:20px;
	background:url(../images/media.png) no-repeat center left;
}



/*===== メディア検索 =================================================*/

#media_list {
	position: relative;
	margin: 0 0 60px;
	border: 1px solid #eee;
	box-shadow: 0 0 5px #ccc;
	border: 1px solid #eee;
	border-radius: 5px;
}
#media_list a {
	padding: 5px;
	font-weight: bold;
}
#media_list form {
	padding: 0 10px 20px;
}
#media_list h2 {
	padding: 10px 20px;
	font-size: 18px;
	color: #fff;
	background: #1E2C53;
}
#media_list h3 {
	margin: 10px 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #1E2C53;
	border-left: 5px solid #71AF42;
}
#media_list .box {
	padding: 10px;
	border-top: 1px dotted #1E2C53;
	background: #f5f5f5;
}
#media_list #media {
	float: left;
	width: 330px;
	padding: 10px;
	vertical-align: top;
}
#media_list #target {
	float: left;
	width: 360px;
	padding: 10px 10px 0;
}
#media_list #target .target_list {
	display:inline-block;
	width: 45%;
}
#media_list #genre {
	float: left;
	width: 170px;
	padding: 10px;
	vertical-align: top;
}
#media_list #fee {
	float: left;
	width: 170px;
	padding: 10px;
	vertical-align: top;
}
#media_list #search_button {
	position: absolute;
	bottom: 30px;
	right: 20px;
}
#media_list #search_button input {
	width: 350px;
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: #71AF42;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 5px #aaa;
	text-shadow: -1px -1px 1px #333;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	cursor: pointer;
}
#media_list #search_button input:hover {
	opacity: 0.8;
}
#media_list form:after {
	content: "";
	display: block;
	clear: both;
}



/*
div#media_list{
	width:753px;
	height:661px;
	position:relative;
	background:url(../images/media_search3.png) no-repeat right top;
}


div#media{
  width:700px;
	padding:150px 0 0 70px;
	line-height:0;
}

div#media div.pc{
	width:700px;
	float:left;
}

div#media div.pc_list{
	width:200px;
  padding-bottom:10px;
  padding-right:10px;
	float:left;
}

div#media div.mob{
	padding-left:10px;
	float:left;
}

div#media div.pcmob{
	padding-left:20px;
	float:left;
}


div#genre{
	padding:0 0 0 70px;
	clear:both;
}

div#genre div.pc{
	padding-top:50px;
	width:310px;
	float:left;
}

div#genre div.genre_pc_list{
	width:150px;
  padding-bottom:10px;
	float:left;
}

div#genre div.pc2{
	display: none;
	padding-top:9em;
	width:140px;
	float:left;
}

div#genre div.mob{
	display: none;
	width:120px;
	padding-top:9em;
	padding-left:20px;
	float:left;
}	


div#fee{firefox
	width:310px;
	padding-top: 50px;
  padding-left:30px;
	float:left;
}

div#fee div.fee_list{firefox
	width:150px;
    padding-bottom:10px;
	float:left;
}

div#search_button{
	position:absolute;
	top:553px;
	left:475px;
}

div#search_button input:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
*/

/*===== サービス =================================================*/

div#service{
	padding:20px 0 0;
}

/*オススメサービスバナー*/

div#service p{
	float:left;
}

div#service_list{
	width:545px;
	height:auto;
	float:right;
	background:url(../images/service_bg.gif) no-repeat bottom;
}

/*サービスリスト種別*/

div#service_list h2{
	width:544px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/service_title.png) no-repeat top left;
}

/*サービスリスト*/

div#service_list dl{
	padding:0.5em 0.5em 1em 0.8em;
}

div#service_list dl dt{
	float: left;
	width: 22em;
	padding:0.2em 0 0;
	font-weight: bold;
	text-indent: 1.2em;
	font-weight:normal;
	background:url(../images/service_marker.png) no-repeat center left;
}
div#service_list dl dd{
	padding:0.2em 0 0 22em;
}

/*===== リリース =================================================*/

div#release{
	clear:both;
	overflow:hidden;
	margin-top:20px;
	padding:0 0 10px;
	background:url(../images/release_bg.gif) no-repeat bottom;
}

div#release h2{
	width:755px;
	height:46px;
	text-indent:-9999px;
	background:url(../images/top_release_title.png) no-repeat center top;
}

div#release ul{
	padding:0.5em 0 1em 2em;
}

div#release ul li{
	padding:0.7em 0 0 2em;
	background:url(../images/marker_yaji_rele.gif) no-repeat left 8px;
}

div.information{
	width:530px;
	float:left;
}

div.link{
	width:210px;
	float:right;
}

div.link img{
	padding-top:5px;
}

/*===== サイドバー =================================================*/

*html div.add_member{
	width:190px;
	height:100px;
	padding:45px 0 0 0;
	text-align:center;
	line-height:1.5;
	font-size:90%;
	background:url(../images/mr_member.png) no-repeat top left;
}

div.add_member{
	width:190px;
	height:83px;
	padding:45px 0 0 0;
	text-align:center;
	line-height:1.3;
	font-size:90%;
	background:url(../images/mr_member.png) no-repeat top left;
}

/* 旧オレンジ背景デザイン
div#ranking{
	margin-top:10px;
	background:url(../images/ranking_bg.gif) no-repeat bottom left;
}

div#ranking h2{
	width:190px;
	height:42px;
	text-indent:-9999px;
	background:url(../images/ranking_title.gif) no-repeat left top;
}

div#ranking ul{
	padding:10px;
}

div#ranking ul li{
	padding-top:5px;
}
*/


/*===== about / はじめての方へ&資料掲載のご案内 ===========================================*/

#about {
	width: 600px;
}
#about h2 {
	width: 580px;
	height: 40px;
	margin: 0 0 30px 0;
	padding: 10px 0 0 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: url(/images/about/tit_bg.gif) no-repeat;
}
#about p {
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 1.8;
}
#about img {
	max-width: 100%;
	margin: 0 0 30px 0;
}
#about .partner_text {
	margin: 20px 0 40px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#about .partner_text span {
	font-size: 35px;
}
#about .partner_img {
	margin: 0 0 60px 0;
	padding: 20px;
	box-shadow: 0 0 10px #eee;
	box-sizing: border-box;
}
#about .box {
	position: relative;
	margin: 0 0 60px 0;
}
#about .bgArea {
	display: block;
	margin: 10px 0 0 0;
	padding: 20px;
	font-weight: bold;
	background: #f5f5f5;
}
#about .bgArea .red {
	color: #cc0000;
}
#about .btnWrp img, #about .btnWrp a {
	display: block;
	margin: 30px auto;
}
#about .hoverAction img {
	cursor: pointer;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
#about .hoverAction:hover > img {
	opacity: 0.8;
}
#about .all02Wrp {
	position: relative;
	width: 600px;
	height: 324px;
	background: url(/images/about/all02.gif) no-repeat;
}
#about .all02Wrp .all02_mlink {
	position: absolute;
	bottom: 0;
	left: 35px;
}
#about .all02Wrp .all02_plink {
	position: absolute;
	bottom: 0;
	left: 382px;
}
#about #marketer, #about #partner {
	margin-top: -30px;
	padding-top: 30px;
}
#about .mldlBtn {
	margin: -40px 0 60px 0;
}
#about .mNone {
	margin: 0;
}
#about .horizontalBtnWrp {
	text-align: center;
}
#about .horizontalBtnWrp:after {
	content: "";
	display: block;
	clear: both;
}
#about .horizontalBtnWrp .cvText {
	display: inline-block;
	text-align: center;
}
#about .horizontalBtnWrp a {
	margin: 0;
}
#about .horizontalBtnWrp a img {
	margin: 0;
}
#about .horizontalBtnWrp .fLeft {
	display: inline-block;
	float: left;
	margin: 0;
}
#about .horizontalBtnWrp .fRight {
	display: inline-block;
	float: right;
	margin: 0;
}
#about .inquiryBnr:after {
	content: "";
	display: block;
	clear: both;
}
#about .inquiryBnr a {
	float: left;
	margin: 0;
}
#about .aboutPlan {
	position: relative;
}
#about .aboutPlan .cvFree {
	position: absolute;
	top: 135px;
	left: 170px;
}
#about .aboutPlan .cvNormal {
	position: absolute;
	top: 135px;
	left: 388px;
}
#about .aboutPlan .tooltip01 {
	position: absolute;
	top: 460px;
	right: -260px;
}
#about .aboutPlan .tooltip02 {
	position: absolute;
	top: 800px;
	right: -260px;
}
#about .aboutPlan .tooltip03 {
	position: absolute;
	top: 980px;
	right: -260px;
	z-index: 1;
}
#about .aboutPlan .tooltip03link {
	position: absolute;
	top: 1045px;
	right: -240px;
	z-index: 100;
}
#about .aboutPlan .tooltip_seg_link {
	position: absolute;
	top: 835px;
	right: -240px;
	z-index: 100;
}
#about .aboutPlan .tooltip_normalplan {
	position: absolute;
	top: 570px;
	right: -155px;
}
#about .strong {
	font-size: 24px;
	font-weight: bold;
}
#about .free {
	color: #71AE41;
}
#about .normal {
	color: #B800F6;
}
#about .waveHr {
	margin: 40px 0;
}
#about .count_advertiser {
	position: absolute;
	top: 25px;
	width: 100%;
	text-align: center;
	color: #71AE41;
	font-size: 50px;
	font-weight: bold;
}
#about .userCase {
	text-align: center;
}
#about .userCase .item {
	display: inline-block;
	width: 43%;
	margin: 0 3% 30px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 5px #aaa;
	box-sizing: border-box;
}
#about .userCase .item:hover {
	opacity: 0.8;
}
#about .userCase .item * {
	margin: 5px 0;
	vertical-align: top;
}
#about .userCase .item h3 {
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#about .userCase .item h3:before {
	content: url(/images/baitai/icon-comment.png);
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#about .userCase .item p {
	width: 100%;
	text-align: center;
	text-decoration: underline;
}
#about .userCase .item .textImg {
	background: #f5f5f5;
	box-sizing: border-box;
}
#about .userCase .item .textImg img {
	margin: 0;
}
#about .userCase .item .logoImg {
	position: relative;
	height: 60px;
}
#about .userCase .item .logoImg img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 120px;
	max-height: 50px;
	margin: auto;
}
#about .mrMerit .item h3 {
	margin: 0 0 10px 0;
	font-size: 25px;
	font-weight: bold;
	vertical-align: middle;
}
#about .mrMerit .item h3 span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 10px;
	color: #fff;
	background: #71AF42;
	border-radius: 100%;
}
#about .mrMerit .item p {
	margin: 0;
	padding: 10px;
	background: #f5f5f5;
}
#about .mrMerit .item img {
	display: block;
	margin: 20px auto 60px;
}	
#about .mrMerit .item .merit_ikkatsuNg {
	width: 40%;
}
#about .mrMerit .item .merit_enq {
	width: 50%;
}
#about .mrMerit .item .merit_google {
	width: 60%;
}
#about .seminar_table {
	width: 500px;
	margin: 0 auto 30px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#about .seminar_table th {
	padding: 10px;
	background: #ccc;
}
#about .seminar_table td {
	padding: 10px;
	color: #71AE41;
	background: #f9f9f9;
}

/*===== company / 提携企業ページ ===========================================*/

.company_list {
	width: 600px;
	margin: 50px 0;
}

.company_list h2 {
	padding: 0 0 0 15px;
	border-left: 8px solid #1D2C52;
	font-size: 18px;
}
.company_list dl dt {
	margin: 10px 0 5px 0;
}
.company_list dl dt a {
	font-size: 16px;
	font-weight: bold;
}
.company_list dl dd {
	margin: 0 0 30px 0;
	padding: 10px 20px;
	background: #f5f5f5;
}
.company_list dl dd a {
	display: inline-block;
}


/*===== トップ・資料リスト ===========================================*/

.top_list,
.ai_item_list {
	vetical-align: top;
}
.top_list .box,
.ai_item_list .box {
	display: inline-block;
	width: 131px;
	margin: 10px 13px 0 0;
	vertical-align: top;
}
.top_list .box a,
.ai_item_list .box a{
	word-break: break-all;
}
.top_list .category,
.ai_item_list .category {
	display: block;
	padding: 0 0 0 5px;
	font-size: 10px;
	letter-spacing: 0;
	border-left: 3px solid #71AF42;
}






/*===== パートナー紹介・登録画面 ===========================================*/

.partner_campaign {
	margin: 0 0 30px 0;
	padding: 10px 15px;
	border: 2px dotted #ccc;
}
.partner_campaign span {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #fff;
	background: #FFA312;
	font-size: 16px;
	font-weight: bold;
}
.partner_campaign em {
	color: #FFA312;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}



/*===== 資料ダウンロード モーダルアンケート ===========================================*/

#modal-wrp {
	height: 0;
}
#seminar-modal-content,
#modal-content,
.modal-content {
	position: fixed;
	top: 0;
	width: 610px;
	margin: 0;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff;
	/* position: absolute; */
	display: none;
	z-index: 2 ;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}

.button-link {
	color: #00f;
	text-decoration: underline;
}
 
.button-link:hover {
	cursor: pointer;
	color: #f00;
}
#modal-content .dl_enq ul {
	margin: 17px;
	padding: 15px;
	border: 5px solid #eee;
}
#modal-content .dl_enq ul li {
	margin: 0;
	padding: 17px 0;
	border-bottom: 1px dotted #ccc;
}
#modal-content .dl_enq ul li:last-child {
	border: none;
}
#modal-content .dl_enq ul li span {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
}
#modal-content .dl_enq .caution{
	text-align: center;
	display: block;
}
#modal-content .dl_enq .caution p{
	text-align: left;
	border-left: initial;
    padding: 0;
    line-height: 1.6;
    display: block;
    margin: 0px;
	font-weight: normal;
    font-size: 1em;
	display: inline-block;
}

#modal-content .dl_enq .submit,
.modal-content #dl_enq_recommend .submit {
	display: block;
	margin: 20px auto;
	padding: 8px 20px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#modal-content .dl_enq .submit:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
#modal-content .dl_enq input, #modal-content .dl_enq select {
	padding: 5px;
}
#modal-content .dl_enq label, #modal-contents .dl_enq .submit:hover {
	cursor: pointer;
}
#modal-content .dl_enq h2, #modal-content .dl_enq p{
	margin: 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #71AF42;
}
#modal-content .dl_enq .disabled {
	color: #ccc;
}

/* ====展示会用メール送信日時登録モーダル================================== */

#modal-wrp {
	height: 0;
}
#mail-modal-content,
.modal-content {
	position: fixed;
	top: 0;
	width: 610px;
	margin: 0;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff;
	/* position: absolute; */
	display: none;
	z-index: 2 ;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}

.button-link {
	color: #00f;
	text-decoration: underline;
}

.button-link:hover {
	cursor: pointer;
	color: #f00;
}
#mail-modal-content .mail_enq ul {
	margin: 17px;
	padding: 15px;
	border: 5px solid #eee;
}
#mail-modal-content .mail_enq ul li {
	margin: 0;
	padding: 17px 0;
	border-bottom: 1px dotted #ccc;
}
#mail-modal-content .mail_enq ul li:last-child {
	border: none;
}
#mail-modal-content .mail_enq ul li span {
	display: inline-block;
	width: 550px;
	font-size: 14px;
	font-weight: bold;
}
#mail-modal-content .mail_enq .caution{
	text-align: center;
	display: block;
}
#mail-modal-content .mail_enq .caution p{
	text-align: left;
	border-left: initial;
    padding: 0;
    line-height: 1.6;
    display: block;
    margin: 0px;
	font-weight: normal;
    font-size: 1em;
	display: inline-block;
}

#mail-modal-content .mail_enq .submit_res {
	display: block;
	margin: 20px auto;
	padding: 8px 20px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mail-modal-content .mail_enq .submit_res:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
#mail-modal-content .mail_enq input, #mail-modal-content .mail_enq select {
	padding: 5px;
}
#mail-modal-content .mail_enq label, #mail-modal-contents .mail_enq .submit_res:hover {
	cursor: pointer;
}
#mail-modal-content .mail_enq h2, #mail-modal-content .mail_enq p{
	margin: 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #71AF42;
}
#mail-modal-content .mail_enq .disabled {
	color: #ccc;
}
.mail_sel {
	margin-left: 30px;
	margin-top: 10px;
}

/* ====マッチングアンケート============================================== */

#modal-content .match_enq ul {
	margin: 17px;
	padding: 15px;
	border: 5px solid #eee;
}
#modal-content .match_enq ul li {
	margin: 0;
	padding: 17px 0;
	border-bottom: 1px dotted #ccc;
}
#modal-content .match_enq ul li:last-child {
	border: none;
}
#modal-content .match_enq ul li .enq_item span {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	font-weight: bold;
}
#modal-content .match_enq ul li .enq_item .text_num {
	display: inline-block;
	width: 120px;
	font-size: 14px;
	font-weight: bold;
}
#modal-content .match_enq ul li .enq_item .ast_clor {
	display: inline-block;
	width: 20px;
	font-size: 14px;
	font-weight: bold;
	color: red;
}
#modal-content .match_enq .caution{
	text-align: center;
	display: block;
}
#modal-content .match_enq .caution p{
	text-align: left;
	border-left: initial;
    padding: 0;
    line-height: 1.6;
    display: block;
    margin: 0px;
	font-weight: normal;
    font-size: 1em;
	display: inline-block;
}

#modal-content .match_enq .submit,
.modal-content #match_enq_recommend .submit {
	display: block;
	margin: 20px auto;
	padding: 8px 20px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#modal-content .match_enq .submit:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fa9915, #d87e04);
	background: -moz-linear-gradient(top, #fa9915, #d87e04);
	background: -o-linear-gradient(top, #fa9915, #d87e04);
	background: linear-gradient(top, #fa9915, #d87e04);
	background-color: #f18d05;
}
#modal-content .match_enq input, #modal-content .match_enq select {
	padding: 5px;
}
#modal-content .match_enq label, #modal-contents .match_enq .submit:hover {
	cursor: pointer;
}
#modal-content .match_enq h2, #modal-content .match_enq p{
	margin: 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #71AF42;
}
#modal-content .match_enq .disabled {
	color: #ccc;
}

/* ====お問い合わせフォーム============================================== */

#inquiry-modal {
	height: 0;
}
#inquiry-content,
.inquiry-content {
	position: fixed;
	top: 0;
	width: 610px;
	max-height: 90%;
	margin: 0;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* position: absolute; */
	display: none;
	z-index: 2 ;
	overflow: scroll;
}

#inquiry-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}

#inquiry-content .inquiry_detail ul {
	margin: 17px;
	padding-left: 15px;
	padding-right: 15px;
	border: 5px solid #eee;
	background-color: rgb(249, 254, 249);
}
#inquiry-content .inquiry_detail ul li {
	margin: 0;
	padding: 17px 0;
	border-bottom: 1px dotted #ccc;
}
#inquiry-content .inquiry_detail ul li:last-child {
	border: none;
}
#inquiry-content .inquiry_detail ul li #detail {
	display: inline-block;
	resize: none;
	width:100%;
	height:200px;
}
#inquiry-content .inquiry_detail ul li .enq_span {
	padding-right: 40px;
}
#inquiry-content .inquiry_detail ul li .ast_clor {
	display: inline-block;
	width: 20px;
	font-size: 14px;
	font-weight: bold;
	color: red;
}
#inquiry-content .inquiry_detail .caution{
	text-align: center;
	display: block;
}
#inquiry-content .inquiry_detail .caution p{
	text-align: left;
	border-left: initial;
    padding: 0;
    line-height: 1.6;
    display: block;
    margin: 0px;
	font-weight: normal;
    font-size: 1em;
	display: inline-block;
}

#inquiry-content .inquiry_detail .submit,
.inquiry-content #inquiry_detail_recommend .submit {
	display: block;
	margin: 20px auto;
	padding: 8px 20px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #96E759;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96E759), color-stop(100%, #9BD06A));
	background: -webkit-linear-gradient(top, #96E759, #9BD06A);
	background: -moz-linear-gradient(top, #96E759, #9BD06A);
	background: -o-linear-gradient(top, #96E759, #9BD06A);
	background: linear-gradient(top, #96E759, #9BD06A);
	border-color: #7FC343;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#inquiry-content .inquiry_detail .submit:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ebf61), color-stop(100%, #a9e273));
	background: -webkit-linear-gradient(top, #8ebf61, #a9e273);
	background: -moz-linear-gradient(top, #8ebf61, #a9e273);
	background: -o-linear-gradient(top, #8ebf61, #a9e273);
	background: linear-gradient(top, #8ebf61, #a9e273);
	background-color: #96E759;
}
#inquiry-content .inquiry_detail input, #inquiry-content .inquiry_detail select {
	padding: 5px;
}
#inquiry-content .inquiry_detail label, #inquiry-content .inquiry_detail .submit:hover {
	cursor: pointer;
}
#inquiry-content .inquiry_detail p{
	margin: 20px;
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-left: 5px solid #71AF42;
}
#inquiry-content .inquiry_detail span{
	font-size: 14px;
	font-weight: bold;
}
#inquiry-content .inquiry_detail .disabled {
	color: #ccc;
}

#inquiry-close {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 2em;
	height: 2em;
	border: 0.2em solid currentColor;
	border-radius: 50%;
	box-sizing: content-box;
	cursor: pointer;
}

#inquiry-close > span {
	width: 52%;
	height: 0.2em;
	background: currentColor;
	border-radius: 0.1em;
	position: relative;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#inquiry-close > span::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg);
}

/*===== パスワードリマインダー  ===========================================*/


#passReminder h2 {
	margin: 30px 0;
	padding: 0 0 0 10px;
	border-left: 10px solid #037DA4;
	font-size: 18px;
	font-weight: bold;
}
#passReminder form .submit_btn {
	width: 560px;
	margin: 0 auto;
	background: none!important;
	border: none !important;
}
#passReminder .error {
	width: 575px;
}
.reminderMsgBox {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 580px;
	padding: 5px;
	border: 1px solid #EEE;
	background: #FFF none repeat scroll 0% 0%;
}



/******************************ダウンロード会員登録************************************/
hr.border-dotted {
	width: 100%;
	margin: 30px 0;
	border: none;
	border-top: 1px dotted #aaa;
}
/*******************仮登録********************/
#addPreMr {
	margin: 30px 0 0 0;
}
#addPreMr .preTypeBox {
	display: inline-block;
	width: 48%;
	min-height: 436px;
	padding: 30px;
	vertical-align: top;
	background: linear-gradient(-45deg,#fff 25%,#f5f5f5 25%, #f5f5f5 50%,#fff 50%, #fff 75%,#f5f5f5 75%, #f5f5f5);
	box-sizing: border-box;
	box-shadow: 0 0 10px #ccc;
}
#addPreMr .preTypeBox h2 {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	font-size: 16px;
	text-align: center;
}
#addPreMr .loginBox {
	border: 10px solid #683EC0;
}
#addPreMr .loginBox .fbButton {
} 
#addPreMr .mailaddressBox .fbButton a,#addPreMr .loginBox .fbButton a {
	margin: 10px 0;
	padding: 6px 10px !important;
	font-size: 15px;
}
#addPreMr .mailaddressBox .fbButton a{
	margin: 15px;
}
#addPreMr .mailaddressBox {
	margin-right: 3%;
	border: 10px solid #3D9EAC;
}
#addPreMr .mailaddressBox hr {
    height: 1px;
    background-color: #3D9EAC;
    width: 100%;
    border: none;
}

#addPreMr .mailaddressBox h2 { border-bottom: 2px dashed #3D9EAC; }
#addPreMr .loginBox h2 { border-bottom: 2px dashed #683EC0; }
#addPreMr .mailaddressBox h2 .fa { color: #3D9EAC; font-size: 28px; vertical-align: middle; }
#addPreMr .mailaddressBox h2.facebook {
    margin-top: 15px;
    border-bottom: 2px dashed #46629E;
}
#addPreMr .mailaddressBox h2.facebook .fa { color: #46629E; font-size: 28px; vertical-align: middle; }
#addPreMr .mailaddressBox .fbButton a, #addPreMr .loginBox .fbButton a { max-width: 100% !important; }
#addPreMr  .infoText {
	margin: 15px 0 0 0;
	font-size: 11px;
	color: #333;
}
#addPreMr .preForm .mailInput,
#addPreMr .preForm .passInput {
	margin: 30px 0 15px 0;
}
#addPreMr .preForm .mailInput.loginInput {
	margin-top: 24px;
}
#addPreMr .preForm .mailInput label,
#addPreMr .preForm .passInput label {
	font-size: 13px;
	font-weight: bold;
}

#addPreMr .preForm .msgBox .errorText {
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	color: #fff;
	background: #c00;
}
#addPreMr .preForm .msgBox .errorText a {
	color: #fff;
}
#addPreMr .loginBox .first-text {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#addPreMr .preForm .mailInput input,
#addPreMr .preForm .passInput input {
	width: 100%;
	padding: 8px;
	font-size: 18px;
	text-align: center;
	border-top: 2px solid #aaa;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
	border-left: 2px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 0 10px #eee inset;
	box-sizing: border-box;
}
#addPreMr .loginBox .cookie_check {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#addPreMr .loginBox .cookie_check input[type="checkbox"]{
    margin-right: 10px;
}
#addPreMr .preForm .submitWrp input[type="submit"]{
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 6px 0;
	text-align: center;
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
}
#addPreMr .preForm .loginSubmit input[type="submit"] {
	background-color: #683EC0;
	background: #683EC0;
}
#addPreMr .preForm .submitWrp input[type="submit"]:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d87e04), color-stop(100%, #fba42e));
	background: -webkit-linear-gradient(top, #d87e04, #fba42e);
	background: -moz-linear-gradient(top, #d87e04, #fba42e);
	background: -o-linear-gradient(top, #d87e04, #fba42e);
	background: linear-gradient(top, #d87e04, #fba42e);
}
#addPreMr .preForm .loginSubmit input[type="submit"]:hover {
	background-color: #683EC0;
	background: #683EC0;
	opacity: 0.7;
}
#addPreMr .loginBox .reminder_link {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 16px;
    color: #0070C0;
}
#addPreMr .loginBox .reminder_link:hover {
    opacity: 0.7;
}

#addPreMr #modal-content {
	width: 680px;
	position: absolute;
	left: 76px;
}
#addPreMr .mailaddressBox #modal-content {
	left: 115px;
}
#fbMemberAlert { padding: 0 15px 30px; }
#fbMemberAlert .fbTit {
	text-align: center;
	margin: 50px 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 10px solid #46629E;
	color: #46629E;
	font-size: 34px;
	font-weight:bold;
}
#fbMemberAlert .fbName {
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	color: #46629E;
}
#fbMemberAlert .fbCallbackInfo {
	margin: 15px 0;
	padding-bottom: 30px;
	border-bottom: 1px dashed #46629E;
}
#fbMemberAlert .fbTit img {
	display: inline-block;
}
.preMrThanksWrp {
	width: 760px !important;
}
#preMrThanks {
	padding: 50px;
	text-align: center;
}
#preMrThanks .okIcon {
	margin: 30px 0;
	text-align: center;
	font-size: 30px;
	color: #f18d05;
}
#preMrThanks .okIcon .fa {
	font-size: 80px;
	vertical-align: middle;
}
#preMrThanks h2 {
	text-align: center;
}
#preMrThanks h3 {
	margin: 20px 0 10px;
	padding: 10px;
	color: #333;
	font-size: 20px;
	background: #eee;
	text-align: center;
}
#preMrThanks p {
	font-size: 15px;
	text-align: center;
}


/*******************本登録********************/
#addMr .addMrInfo {
	margin: 0 0 30px 0;
}
#addMr .addMrForm {
	width: 100%;
	border: #93c1d0 3px solid;
	border-collapse:collapse;
}
#addMr .addMrForm th{
	padding:1em 1em;
	/*background:#d6e4e8 url(../images/th_bg.png) no-repeat;*/
	background: #93c1d0;
	border:#93c1d0 1px solid;
	border-bottom: 1px solid #fff;
	vertical-align:top;
}
#addMr .addMrForm td{
	padding:1em 1em;
	background: #FFFFFF;
	border:#93c1d0 1px solid;
}
#addMr .addMrForm input{
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	cursor: pointer;
}
#addMr .addMrForm input:focus{
	border:#4ac 1px solid;
	box-shadow: 0px 0px 3px #4ac;
}
#addMr .addMrForm .indispensable {
	padding: 2px 5px 0;
	color: #cc0000;
	background: #fff;
	font-weight: bold;
	border-radius: 3px;
}
#addMr .addMrForm .supple{
	font-size:90%;
	color:#666666;
}
#addMr .addMrForm .wide_button{
	padding:0.5em 3em;
}
#addMr .agreement {
	width: 100%;
	margin: 30px 0;
	box-sizing: border-box;
}
#addMr .agreement .overflow {
	width: 100%;
}
#addMr .agreement  h2 {
	padding: 0 0 0 15px;
	font-size: 15px;
	font-weight: normal;
	border-left: 10px solid #333;
}
#addMr .submitWrp input[type="submit"]{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
}
#addMr .submitWrp input[type="submit"]:hover {
	opacity: 0.8;
}
#addMr .errorBox {
	margin: 30px 0;
	border: 5px solid #c00;
	background: rgba(204,0,0,0.1);
}
#addMr .errorBox .item {
	margin: 10px;
	color: #c00;
}
#addMr .errorBox .item:before {
	content: "\30fb";
}

/*******************カテゴリーページ*********************/
#child_category_list {
	margin: 20px 0 0;
}
#child_category_list h2 {
	display: block;
	margin: 10px 0;
	padding: 8px 15px;
	font-size: 16px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
	border-radius: 6px;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: linear-gradient(to bottom, #fff, #eee);
}
#child_category_list h2  a {
	text-decoration: none;
}
#child_category_list h2 .more_link {
	text-align: right;
}
#child_category_list .ai_item_list {
	position: relative;
	margin: 20px 0;
}



/*******************セミナーページ*********************/

#seminar_area .seminar_header {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	border-left: 8px solid #333;
}
#seminar_area .seminar_status {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background: #333;
}
#seminar_area .status_1 {
	background: #c00;
}
#seminar_area .seminar_title {
	margin: 10px 0;
	color: #333;
	font-size: 24px;
}

#seminar_area .seminar_title .online{
	margin:0px 20px 5px 5px;
	padding:5px;
	background:#ff4500;
	color:#FFFFFF;
	font-size:10px;
	float:right;
	vertical-align: middle;
}

#seminar_area .seminar_title .offline{
	margin:0px 20px 5px 5px;
	padding:5px;
	background:#0000cd;
	color:#FFFFFF;
	font-size:10px;
	float:right;
	vertical-align: middle;
}

#seminar_area .seminar_main_img {
	margin: 0 0 20px;
	padding: 0 30px 0 15px;
	text-align: center;
}

#seminar_area .seminar_main_img img {
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 10px #ddd;
}

#seminar_area .seminar_description {
	margin: 0 0 40px;
	padding: 20px 30px;
	border: 3px double #ddd;
	font-size: 14px;
	font-weight: bold;
}

#seminar_area .seminar_img {
	margin: 0 0 40px;
	padding: 0 0 40px;
	width: 100%;
	text-align: center;
	border-bottom: 5px dashed #ddd;
}
#seminar_area .seminar_img a {
	display: inline-block;
	vertical-align: middle;
}
#seminar_area .seminar_img a:hover {
	opacity: 0.8;
}
#seminar_area .seminar_img img {
	max-width: 200px;
	max-height: 200px;
	margin: 0 20px 0 0;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 10px #ddd;
}
#seminar_area .seminar_img a:last-child img {
	margin: 0;
}
#seminar_area .seminar_text {
	margin: 0 0 40px;
}
#seminar_area .seminar_detail {
	width: 100%;
	margin: 0 0 40px;
}
#seminar_area .seminar_detail tr { background: #f9f9f9; }
#seminar_area .seminar_detail tr:nth-of-type(even) { background: #f5f5f5; }
#seminar_area .seminar_detail th {
	width: 150px;
	padding: 10px;
	color: #fff;
	background: #999;
	border: 1px solid #fff;
}
#seminar_area .seminar_detail td {
	padding: 10px;
}
#seminar_area .seminar_maps h3 {
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #999;
}
#seminar_area .seminar_maps iframe {
	border: 0;
	width: 100%;
	height: 250px;
} 
#seminar_area .seminar_entry {
	margin: 40px 0;
	text-align: center;
}
#seminar_list .seminar_entry {
	text-align: center;
}
#seminar_area .seminar_entry .notice,
#seminar_list .seminar_entry .notice {
	text-align: center;
	margin: 10px auto;
	font-size: 0.8em;
}

#seminar_area .seminar_entry form,
#seminar_list .seminar_entry form {
	text-align: center;
}
.entry_button {
	display: inline-block;
	padding: 10px 60px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
	border: none;
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ECBDB), color-stop(100%, #3D9EAC));
	background: -webkit-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: -moz-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: -o-linear-gradient(top, #5ECBDB, #3D9EAC);
	background: linear-gradient(top, #5ECBDB, #3D9EAC);
	border-color: #3D9EAC;
	border-bottom: 6px solid #1F636D;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.1s ease;
	-moz-transition: All 0.1s ease;
	-o-transition: All 0.1s ease;
	-ms-transition: All 0.1s ease;
	transition: All 0.1s ease;
}
.entry_button:hover {
	margin-top: 5px;
	border-bottom: 1px solid #1F636D;
}
.entry_button:visited{
	color: #fff;
}
#seminar_area .complete_wrp,
#seminar_list .complete_wrp,
#seminar-modal-content.complete_wrp {
	padding: 50px;
	text-align: center;
}
.complete h2,
.complete .mes_title,
.complete_wrp h2 {
	margin: 30px 0;
	text-align: center;
	font-size: 30px;
	color: #f18d05;
}
#seminar_area .err_msg {
	margin: 0 0 40px;
	padding: 20px 20px 10px;
	font-weight: bold;
	background: rgb(204,0,0,0.2);
}
#seminar_area .err_msg h3 {
	margin: 0 0 10px;
	font-size: 16px;
}
#seminar_area .err_msg p {
	margin: 0 0 10px;
	padding: 10px;
	color: #fff;
	background: #c00;
}

/* おすすめセミナー用 */
.suggest_wrap {
    margin: 30px auto;
    width: 620px;
    height: auto;
    padding: 5px;
    position: relative;
}
.suggest_wrap h2 {
    padding: 0 0 0 15px;
    font-size: 18px;
    border-left: 10px solid #6BAA38;
}
.suggest_wrap_inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-top: 1px dotted #333;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
}
.suggest_wrap_inner ul.column {
    width: 605px;
    margin: 0;
    padding-left: 15px;
    list-style-type: none;
    float: left;
}
.suggest_wrap_inner ul.column li {
    float: left;
    width: 140px;
    margin-right: 10px;
    display: inline;
}
.suggest_wrap_inner ul.column li .cap{
    width: 140px;
    height: 100px;
	overflow: hidden;
}

.suggest_wrap_inner ul.column li .cap img{
  object-fit: contain;
  width: 100%;
  height: 100%;	
}

.suggest_wrap .more_link {
    float: right;
    width: 100%;
    margin: 10px;
    display: block;
	text-align:right;
}

/*******************セミナー一覧ページ*********************/
#seminar_list .lead_wrp {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 2px dashed #eee;
}
#seminar_list h1 {
	margin: 0 0 30px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#seminar_list h1 .fas {
	color: #71AF42;
}
#seminar_list .item {
	display: block;
	margin: 0 0 10px;
	padding: 15px;
	border: 2px solid #eee;
	text-decoration: none;
	color: #333;
	vertical-align: top;
}
#seminar_list .item:hover {
	color: #333;
	border: 2px solid #71AF42;
}
#seminar_list .item:hover .seminar_title {
	text-decoration: underline;
}
#seminar_list .item .status {
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px 15px;
	color: #fff;
	background: #eee;
}
#seminar_list .status0 .status { background: #333; }
#seminar_list .status1 .status { background: #c00; }
#seminar_list .item .seminar_title {
	margin: 0 0 10px;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: underline;
}

#seminar_list .item .status1 {
	display: inline-block;
	width: 100%;
	transition: all .3s ease 0s;
	text-decoration: none;
}

#seminar_list .item .seminar_title .online{
	margin:5px;
	padding:5px;
	background:#ff4500;
	color:#FFFFFF;
	font-size:10px;
	float:right;
}

#seminar_list .item .seminar_title .offline{
	margin:5px;
	padding:5px;
	background:#0000cd;
	color:#FFFFFF;
	font-size:10px;
	float:right;
}
#seminar_list .seminar_detail {
	white-space: nowrap;
	font-size: 0;
}
#seminar_list .item .seminar_img {
	display: inline-block;
	max-width: 150px;
	max-height: 150px;
}
#seminar_list .item .seminar_img img {
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0 0 10px #ddd;
}
#seminar_list .item .summary {
	display: inline-block;
	width: 450px;
	margin: 0 0 10px;
	color: #000000;
	font-size: 12px;
	padding-left: 10px;
}
#seminar_list .item .summary span {
	display: inline-block;
	width: 70px;
	color: #999;
}
#seminar_list .item .summary p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#seminar_list .item .close_date {
	padding: 5px 10px;
	background: #eee;
	font-size: 12px;
}
#seminar_list .status1 .close_date { color: #c00; }
#seminar_list .item .close_date span {
	display: inline-block;
	width: 250px;
	color: #999;	
}


/* 動画一覧 */

div#sec_contents_no_sidebar {
    padding: 40px 30px 20px 30px;
    height: auto;
    float: left;
    width: 890px;
}

.inline-block-el{
	display:inline-block;
}

#video_list .additional_lead_wrp {
	margin-bottom: 30px;
}

#video_list .additional_lead_wrp .video_search_result_header {
    margin: 0 0 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
#video_list .additional_lead_wrp .video_search_result_header .fas {
    color: #71AF42;
	margin-right: 5px;
}
#video_list .additional_lead_wrp p {
	margin-left: 30px;
    line-height: 1.8;
}

#video_list .additional_lead_wrp hr{
	margin-top: 20px;
	width: 100%;
}

#video_list #display_video_category_wrep {
	 display: none;
}

#video_list .video_category_wrep {
	padding: 0px 0px 20px 0px;
	display: none;
}
#video_list .video_category_wrep .item {
	display: inline-block;
	margin:0 0 4px 0;
	padding: 2px 6px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	background: #3d9eac;
}
#video_list .video_category_wrep .item:hover {
	opacity: 0.8;
}
#video_list .display_video_category_wrep input[type=checkbox]{
	display: none;
}
#video_list .display_video_category_wrep {
	display: inline-block;
	margin-left : 0.5rem;
}
#video_list .display_video_category_wrep label{
	display:block;
	font-size: 1.2rem;
	background-color: #fff;
  
}
#video_list .display_video_category_wrep label:after{
	font-family: "Font Awesome 5 Free";
	content: "\f03a";
	color: #666;
	padding: 0.4rem;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}
#video_list .display_video_category_wrep input[type=checkbox]:checked + label:after{
  background-color: #666;
  color: #fff;
}

#video_list h1 {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

#video_list h1.video_search_result {
	max-width: 590px;
    font-size: 1.4rem;
}

#video_list h1 .fas {
    color: #71AF42;
}

#video_list .result span {
    font-size: 20px;
    padding: 0 5px;
	margin-top: 20px;
	font-weight:bold;
	display: block;
}

#video_list .carouselWrap{
	width: 100%;
}

.video-search-wrp{
	float: right;
}
.video-search-wrp input{
	vertical-align: top;
}
#video_search_keyword{
	width: 250px;
	padding: 10px 20px;
	border-radius: 4px;
}
#seminar_search{
	opacity:0.4;
	position:absolute;
	top: 4px;
	right: 5px;
}

.detail-link{
	margin-top: 10px;
	text-decoration: underline;
	color: -webkit-link;
}

.video_item_wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.video_item{
	width: 33%;
	padding: 0;
	margin-bottom: 2%;
	margin-top: 3%;
}

.video_item .video_thumbnail{
	display: block;
	position:relative;
}

.video_item .video_thumbnail.show_description{
	width: 60%;
    float: left;
}

.video_item .video_thumbnail img{
	width: 100%;
	height: 153px;
	object-fit: cover;
	display: block;
}

.video_item .video_thumbnail .filter {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.05);
}
.video_item .video_thumbnail .filter:hover {
	background-color: rgba(255,255,255,0.3);
}

.video_item .video_thumbnail .play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1rem;
	border-radius: 50%;
	background: #000;
	padding: 0.4rem 0.7rem 0.4rem 0.8rem;
	color: #fff;
}

.video_item .video_title {
	font-size: 0.9rem;
	width: 95%;
	padding-left: 2%;
}
.video_item .video_title .agency_video_icon {
	width: 20%;
	float: left;
	margin: 5px;
	border-radius: 50%;
}
.video_item .agency {
	font-size: 0.8rem;
	text-align: bottom;
}

.video_item.show_description{
	width: 47%;
}

.video_item.show_description .video_thumbnail{
	width: 60%;
    float: left;
	margin-right: 0.5rem;
}

.video_item.show_description .video_description{
	width: 35%;
	float: right;
	display: -webkit-box !important;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
	box-sizing: border-box;
}
.video_item.show_description .agency {
	font-size: 0.6rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
}
.video_item.show_description .video_title {
    font-size: 0.9rem;
    width: 75%;
    padding-left: 2%;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-sizing: border-box;
}

.video_item.show_description .video_detail_link {
    width: 100%;
    display: block;
    float: right;
    text-align: right;
	margin-bottom: -0.7rem;
}

/* 動画詳細 */

#sec_contents .video_title{
	margin-top: 10px;
	font-size: 2rem;
}
#sec_contents .video_company{
	margin: 0px 5px 0px 5px;
	padding-left: 5px;
}
#sec_contents .chapter_box{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding: 1rem 0 1rem 2rem;
	background-color: #EEE;
}
#sec_contents .chapter_box li{
	display: flex;
	margin-top: 1rem;
	font-size: 1rem;
}
#sec_contents .chapter_box li .chapter_time{
	padding-right: 0.5rem;
	white-space: nowrap;
	color: #4297f7;
	text-decoration: none;
	cursor: pointer;
}
#sec_contents .chapter_box li .chapter_title{
}

#sec_contents .video_description{
	margin-top:2rem;
}
#sec_contents .video_description span{
	font-weight:bold;
	font-size: 1rem;
	padding-top: 1rem;
}
#sec_contents .video_description p{
	font-size: 1rem;
	padding: 1rem;
}

#sec_contents .video_description{
	margin-top:2rem;
}
#sec_contents .video_description span{
	font-weight:bold;
	font-size: 1rem;
	padding-top: 1rem;
}
#sec_contents .video_description p{
	font-size: 1rem;
	padding: 1rem;
}

#sec_contents .video_profile{
	margin-top:2rem;
}
#sec_contents .video_profile span{
	font-weight:bold;
	font-size: 1rem;
}
#sec_contents .video_profile .video_profile_child{
	margin: 2rem;
	border-top: 1px solid #bdbdbd;
	padding-top: 2rem;
	display: flex;
}

#sec_contents .video_profile .video_profile_child .video_profile_img{
	width: 160px;
	padding-top: 0;
	margin-right: 2rem;
}
#sec_contents .video_profile .video_profile_child .video_profile_img img{
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

#sec_contents .video_profile .video_profile_child .video_profile_introduction{
	padding-left: 2rem;
	font-weight: bold;
	font-size: 0.9rem;
}
#sec_contents .video_profile .video_profile_child .video_profile_introduction .profile_name{
	font-size: 1.1rem;
	line-height: 2rem;
}
#sec_contents .video_profile .video_profile_child .video_profile_introduction .profile_text{
	font-weight: normal;
}

#sec_contents .suggest_video_title {
    padding: 0 0 0 15px;
    font-size: 18px;
    border-left: 10px solid #6BAA38;
}

#sec_contents .suggest_video_item_wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

#sec_contents .suggest_video_item_wrap .video_item{
	width: 33%;
	padding: 0;
	margin-bottom: 2%;
	margin-top: 3%;
}

#sec_contents .suggest_video_item_wrap .video_item .video_thumbnail{
	display: block;
	position:relative;
}

#sec_contents .suggest_video_item_wrap .video_item .video_thumbnail img{
	width: 100%;
	height: 121px;
	object-fit: cover;
	display: block;
}

#sec_contents .suggest_video_item_wrap .video_item .video_thumbnail .filter {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.05);
}
#sec_contents .suggest_video_item_wrap .video_item .video_thumbnail .filter:hover {
	background-color: rgba(255,255,255,0.3);
}

#sec_contents .suggest_video_item_wrap .video_item .video_thumbnail .play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1rem;
	border-radius: 50%;
	background: #000;
	padding: 0.3rem 0.7rem 0.3rem 0.8rem;
	color: #fff;
}

#sec_contents .suggest_video_item_wrap .video_item .video_title {
	font-size: 0.9rem;
	width: 95%;
	padding-left: 2%;
}
#sec_contents .suggest_video_item_wrap .video_item .video_title .agency_video_icon {
	width: 20%;
	float: left;
	margin: 5px;
	border-radius: 50%;
}
#sec_contents .suggest_video_item_wrap .video_item .agency {
	font-size: 0.8rem;
	text-align: bottom;
}

#modal-wrp .modal-content .login{
	margin: 2rem;
}
#modal-wrp .modal-content .login h2{
	margin-bottom: 2rem;
	width: 100%;
	text-align: center;
	font-size: 1.3rem;
}

#modal-wrp .modal-content .login form{
	width: 100%;
}

#modal-wrp .modal-content .login form .formItemInput label{
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
}

#modal-wrp .modal-content .login form .formItemInput label span{
	display: inline-block;
	width: 25%;
	margin-right: 1rem;
	font-size: 1rem;
}
#modal-wrp .modal-content .login form .formItemInput label input{
	display: inline-block;
	width: 70%;
	margin-bottom: 1rem;

	box-sizing: border-box;
	margin: 8px 0;
	padding: 1em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;

}

#modal-wrp .modal-content .login form .btn_center{
	margin: 1rem;
	text-align: center;
}

#modal-wrp .modal-content .login form .btn_center .btn{
	display: inline-block;
	padding: 10px 115px;
	color: #fff;
	font-size: 1.2rem;
	background: #4A9CC6;
	border-radius: 10px;
	cursor: pointer;
}
#modal-wrp .modal-content .login form .btn_center .btn:hover{
	opacity: 0.8;
}

#modal-wrp .modal-content .login .regist_link {
	width: 100%;
	text-align: center;        
}

#modal-wrp .modal-content .login .regist_link .btn_center{
	margin: 1rem;
	text-align: center;
}

#modal-wrp .modal-content .login .regist_link .btn_center .btn{
	display: inline-block;
	padding: 10px 40px;
	color: #000;
	font-size: 1.2rem;
	background: #fba42e;
	border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#modal-wrp .modal-content .login .regist_link .btn_center .btn:hover{
	opacity: 0.8; 
}

#modal-wrp .modal-content .video_agreement{

}
#modal-wrp .modal-content .video_agreement h2{
	text-align: center;
	font-size: 2rem;
	//color: #fff;
	//background: #4A9CC6;
	padding: 1rem;
	border-radius: 10px;
}
#modal-wrp .modal-content .video_agreement .btn_center{
	margin: 2rem;
	text-align: center;
}

#modal-wrp .modal-content .video_agreement .btn_center .btn{
	min-height: 90px;
	line-height: 65px;
	height: 65px;
	font-size: 1.3rem !important;
	text-align: center;
	font-weight: bold;

	display: block;
	margin: 10px auto;
	padding: 13px 20px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgb(91 53 2 / 35%);
	background-color: #f18d05;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
	background: -webkit-linear-gradient(top, #fba42e, #d87e04);
	background: -moz-linear-gradient(top, #fba42e, #d87e04);
	background: -o-linear-gradient(top, #fba42e, #d87e04);
	background: linear-gradient(top, #fba42e, #d87e04);
	border-color: #bf7004;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
#modal-wrp .modal-content .video_agreement .btn_center .btn:hover{
	opacity: 0.8; 
}

#modal-wrp .modal-content .login form .cookie_check{
	font-size: 0.9rem;
	text-align: center;
}

#modal-wrp .modal-content .login form .cookie_check input[type="checkbox"]{
	padding: 12px;
	margin: 10px;
	border: 1px solid #eee;
	box-shadow: 0 0 5px #eee inset;
	border-radius: 4px;
}

#modal-wrp .modal-content .login form .btn_center .facebook_btn{
	display: inline-block;
	padding: 10px 57px;
	color: #000;
	font-size: 1.2rem;
	background: #46629E;
	//border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#modal-wrp .modal-content .login form .btn_center .facebook_btn:hover{
	opacity: 0.8; 
}

#modal-wrp .modal-content .video_agreement .notification{
	width: 50%;
	margin: 10px auto;
}

.video_notification_modal,
.consultation_notification_modal{
	border-radius: 50px;
	border: none;
}

#modal-overlay.modal_overlay_video_notification,
#modal-overlay.modal_overlay_consultation_notification{
	background-color: rgba( 255,255,255, 0.7 );
}

#modal-wrp .modal-content .login .text_line {
	display: flex;
	align-items: center;
	margin: 10px 0px;
}

#modal-wrp .modal-content .login .text_line:before,
#modal-wrp .modal-content .login .text_line:after {
	content: "";
	flex-grow: 1;
	height: 1px; 
	background: #000; 
	margin:0 1em; 
}

#modal-wrp .modal-content .close_btn::before, #modal-wrp .modal-content .close_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 12px;
	background: #fff;
}
#modal-wrp .modal-content .close_btn::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
#modal-wrp .modal-content .close_btn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

#modal-wrp .modal-content .close_btn {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #333;
	margin-top: -20px;
	margin-right: -20px;
	z-index: 1001;
	cursor: pointer;
	float: right;
}
 /******詳細DL後レコメンドモーダル*****/

#modal-close {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 2em;
	height: 2em;
	border: 0.2em solid currentColor;
	border-radius: 50%;
	box-sizing: content-box;
	cursor: pointer;
}

#modal-close > span {
	width: 52%;
	height: 0.2em;
	background: currentColor;
	border-radius: 0.1em;
	position: relative;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#modal-close > span::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg);
}

#agency_item-modal-content {
	box-sizing: border-box;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	height: 95vh;
	overflow-y: auto;
	padding: 0;
	width: 90vw !important;
  	display: none;
}
.complete .recommend_agency_item_header {
	color: #5ECBDB;
	font-size: 20px;
	color: gray;
}
.complete h2, .complete_wrp h2 {
  margin: 1rem 0px 1rem 0px;
}

#disp_selected_num {
	position: absolute;
	top: 0;
	right: 3rem;
	padding: 1rem 1rem;
}

#disp_selected_num div {
	text-align: center;
	font-weight: bold;
}

.selected_num_view {
	color: red;
	font-size: 2rem;
}


.recommend_agency_item_wrap {
	width: 100%;
	height: calc(95vh - (5rem + 1em + 20px));
	overflow: scroll;
	overflow: hidden visible;
	background-color: #EEEEEE;
	padding:20px;
	box-sizing: border-box;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
    column-gap: 1%;
    row-gap: 1em;
}
.recommend_agency_item {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 12px;
	min-height: 230px;
	box-shadow: 0 0 10px #ddd;
	width: 24%;
	background: aliceblue;
}

.recommend_agency_item .cap {
	box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 140px;
    background: ghostwhite;
}

.recommend_agency_item .cap img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
#agency_item_area .clear-margin {
	margin:0;
}
.recommend_agency_item_caption{
	/* text-align: center; */
	font-size: 12px;
	padding: 7px 20px 3px 20px;
    margin-top: 0px;
    /* border-bottom: 2px solid #5ECBDB; */
	background: aliceblue;
}
.recommend_agency_company_name{
	background: aliceblue;
	padding: 0px 10px 0px 0px;
	text-align:right;
}
.recommend_agency_item .detail_link{
	background: aliceblue;
	padding: 0px 10px 0px 10px;
	font-size: 0.75rem;
}


.recommend_agency_item_all_check_wrap {
  width: 100%;
  text-align:center;
  padding: 0rem 0rem 1rem 0rem; 
}

/* 元々のチェックボックス（非表示） */
.recommend_agency_item_all_check_wrap input[type="checkbox"],
.recommend_agency_item_caption input[type="checkbox"]{
  display: none;
}

.recommend_agency_item_all_check_wrap input[type="checkbox"]+label{
  font-size: 1.1rem;
}

/* チェックボックスの代わりを成すラベル */
.recommend_agency_item_all_check_wrap input[type="checkbox"]+label,
.recommend_agency_item_caption input[type="checkbox"]+label{
  display: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
}

/* チェックボックスの代わりを成すラベル */
.recommend_agency_item_caption input[type="checkbox"]+label{
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	box-sizing: border-box;
}


/* ラベルの左に表示させる正方形のボックス□ */
.recommend_agency_item_all_check_wrap input[type="checkbox"]+label::before,
.recommend_agency_item_caption input[type="checkbox"]+label::before{
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 18px; 
  height: 18px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: 2px solid;
  border-color: #5ECBDB;
  background-color: #FFF;
}
/* チェックが入った時のレ点 */
.recommend_agency_item_all_check_wrap input[type="checkbox"]:checked+label::after,
.recommend_agency_item_caption input[type="checkbox"]:checked+label::after{
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 9px;
  margin-top: -9px;
  top: 50%;
  left: 3px;
  transform: rotate(-45deg);
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color:  red;
}

#recommend_agency_item_entry {
	position: absolute;
	bottom: 0;
	padding-top: 20px;
	width: 100%;
	background-color: rgba(0, 0 , 0, 0.5);
	color: white;
	font-weight: bold;
}

.margin-left22 {
    margin-left:22px;
}

.modal-content #dl_enq_recommend .submit:disabled {
	cursor: default;
	opacity: 0.8;
}

.modal-content #dl_enq_recommend .submit {
	font-size: 20px;
    padding: 1rem 2rem;
}

.modal-content #match_enq_recommend .submit:disabled {
	cursor: default;
	opacity: 0.8;
}

.modal-content #match_enq_recommend .submit {
	font-size: 20px;
    padding: 1rem 2rem;
}

/** detailページの資料DLボタンモーダル **/
.detailModal {
	margin: 0;
	width: 90%;
	padding-top: 0;
}

.detailModal ul {
	display: flex;
	justify-content: center;
}

.detailModal .ls_none ul {
	margin: 0 auto;
}

.modalDlBtn {
	width: 40%;
	margin: 10px 30px;
}

.modalDlBtn a {
	min-height: 40px !important;
}

.modalInqBtn {
	width: 40%;
	margin: 10px 30px;
}

.modalInqBtn a{
	background-color: #89d250;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #89d250), color-stop(100%, #89d250));
	background: -webkit-linear-gradient(top, #89d250, #89d250) !important;
	background: -moz-linear-gradient(top, #89d250, #89d250);
	background: -o-linear-gradient(top, #89d250, #89d250);
	background: linear-gradient(top, #89d250, #89d250);
	border-color: #89d250;
	min-height: 40px !important;
}

.modalInqBtn a:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ebf61), color-stop(100%, #a9e273));
	background: -webkit-linear-gradient(top, #8ebf61, #a9e273) !important;
	background: -moz-linear-gradient(top, #8ebf61, #a9e273);
	background: -o-linear-gradient(top, #8ebf61, #a9e273);
	background: linear-gradient(top, #8ebf61, #a9e273);
	background-color: #9BD06A;
}

.mediaTitle {
	font-weight: bold;
	word-break: break-word;
	border-left: solid 3px #000;
	padding: 0 0 0 3px;
	margin-top: 8px;
}

.mediaSubTitle {
	font-weight: bold;
	margin-top: 4px;
}

@media screen and (max-width:480px) {
	.recommend_agency_item_wrap {
		padding: 0;
		background: #FFF;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0px;

	}
	.recommend_agency_item {
		width: 100%;
	}
	.entry_button {
    	padding: 10px 30px;
	}
	.recommend_agency_item_caption{
		font-size: 16px;
	}

    .complete .recommend_agency_item_header,
	.complete h2{
		font-size: 15px;
	}

    .margin_left10 {
        margin-left:0;
    }

    #agency_item-modal-content {
        top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
        width: inherit !important;
		max-width: 95vw;
        box-sizing: border-box;
    }
}

/******************* 「続きを閲覧するにはログイン」バナー *********************/
.white-block {
	display: block;
	position: relative;
	top: -4rem;
	width: 100%;
	height: 4rem;
	background-color: rgba(255, 255, 255, 0.6);
}
.block_login_required {
	position: relative;
	top: -3rem;
	background-color: white;
	width: 100%;
	margin-bottom: -4rem;
	box-sizing: border-box;
	border: solid rgba(113, 175, 66, 0.65) 1.5rem;
	padding-top: 3rem;
	color: #71AF42;
	padding-bottom: 3rem;
}
.block_login_required {
	position: relative;
	top: -4rem;
	padding-top: 4rem;
	background-color: rgba(255, 255, 255, 0.6);
	width: 100%;
	margin-bottom: -4rem;
}

.block_login_required__title {
	text-align: center;
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0.5rem;
	padding-bottom: 1rem;
	border-bottom: solid 1px black !important;
}

.block_login_required__title h3 {
	font-size: 1.25rem !important;
	font-weight: bolder !important;
	color: black !important;
	text-align: center;
	margin: 0 !important;
	border: none !important;
}

.link_login_btn {
	display: block;
	text-decoration: none;
}

.block_login_required__btns {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
	border-bottom: solid 1px black;
}

.block_login_required__btns div{
	width: 50%;
	text-align: center;
}

.block_login_required__btns div div{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.block_login_required__btns div div p{
	width: 100%;
	text-align: center;
	padding: 1.25rem 0;
	padding-bottom: 0;
}

.block_login_required__btn {
	width: calc(100% - 2rem) !important;
	text-align: center;
	color: white;
	font-size: 1rem;
	box-sizing: border-box;
	margin: 1rem;
	margin-top: 0.75rem;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.block_login_required__btn:hover {
	opacity: 0.9;
}

.block_login_required__btn-signup {
	background-color: #ff9933;
	border-radius: 0.25rem;
	margin-top: 1.05rem;
	font-size: 1rem;
	padding: 2rem 0;
}

.block_login_required__btn-login {
	background-color: #4a9cc6;
	border-radius: 0.25rem;
	padding: 0.5rem 0;
}

.block_login_required__btn-fb {
	background-color: #46629e;
	border-radius: 0.25rem;
	padding: 0.5rem 0;
}

.block_login_required_paragraph {
	padding: 1rem 0;
}

.block_login_required_paragraph p {
	width: 100%;
	font-size: 1.1rem !important;
	margin-top: 0.5rem;
	text-align: center;
}

.block_login_required_imgs {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-top: 0.5rem;
}

.block_login_required_imgs img {
	width: 20%;
	box-sizing: border-box;
}

@media screen and (max-width:480px) {
	.block_login_required_imgs img {
		display: block;
		width: 55% !important;
		margin-bottom: 2rem !important;
	}	

	.block_login_required__btns {
		padding: 1rem 0;
	}

	.block_login_required__btns div{
		justify-content: center;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1rem;
	}

	.block_login_required__btn-signup {
		border-radius: 0.5rem;
		margin-bottom: 0 !important;
	}

	.block_login_required__btns div div p{
		padding: 0.5rem 0;
	}

	.detailModal .dl_wrap .ls_none .modalDlBtn a,
	.detailModal .dl_wrap .ls_none .modalInqBtn a{
		font-size: 13px;
	}
}