@charset "utf-8";
a:hover{
  text-decoration: none !important;
  color: #4289ff;
}

.bg_gray{
	background: #f7f7f7;
}
.hr_gray{
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 5px 0 10px;
    margin: 10px 0;
}

.form-select dt {
    float: left;
    width: 12%;
}

.form-select dd {
    width: 88%;
    float: left;
    display: block;
}

/*top*/
/*submenu*/
.submenu{
	width: 100%;
	max-width: 960px;
	margin: 40px auto;
	display: table;
	border-collapse: separate;
  border-spacing: 10px 0;
}
.submenu li{
	width: 32%;
	display: table-cell;
	
	text-align: left;
	vertical-align: middle;
	position: relative;
}
.submenu li a{
	display: block;
	height: 82px;
	padding: 18px 0 0 30%;
}
.submenu li:last-child a{
	padding: 30px 0 0 30%;
}
.submenu li:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
.ahover-blue a{
	font-size: 1.4rem;
	background: #1a4ea5;
	color: #fff;
	border: 1px solid #fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	box-sizing: border-box;
}
.ahover-blue a:hover{
	background: #fff;
	color: #1a4ea5;
	border: 1px solid #1a4ea5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	box-sizing: border-box;
	text-decoration: none;
}
.ahover-white a{
	font-size: 1.4rem;
	background: #fff;
	color: #1a4ea5;
	border: 1px solid #1a4ea5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	box-sizing: border-box;
}
.ahover-white a:hover{
	background: #1a4ea5;
	color: #fff;
	border: 1px solid #1a4ea5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	box-sizing: border-box;
}
.submenu li:hover:after {
  border-top: solid 2px #1a4ea5;
  border-right: solid 2px #1a4ea5;
}
form .ahover-blue a,
form .ahover-white a{
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px auto;
	font-size: 1.4rem;
}
.submenu li a:before{
	position: absolute;
	content: "";
	margin: 0 10px;
	height: 80px;
    top: 0;
    left: 0px;
}
.submenu li.individual a:before{
	background: url("../images/icon/icon_login_person_white.svg") no-repeat center / contain;
    width: 40px;
	left: 10px;
}
.submenu li.pro a:before{
	background: url(../images/icon/icon_login_company_white.svg) no-repeat center / contain;
	/*background: url("../images/icon/icon_pro_white.svg") no-repeat center / contain;*/
    width: 50px;
	left: 10px;
}
.submenu li.site a:before{
	background: url("../images/icon/icon_site_white.svg") no-repeat center / contain;
    width: 50px;
}
.submenu li.individual a {
    align-items: center;
    display: flex;
    padding: 0 0 0 30%;
}
.submenu li.site a {
    align-items: center;
    display: flex;
    padding: 0 0 0 30%;
}
.submenu li.individual a:hover:before{
	background: url("../images/icon/icon_login_person.svg") no-repeat center / contain;
    width: 40px;
	left: 10px;
}
.submenu li.pro a:hover:before{
	background: url("../images/icon/icon_login_company.svg") no-repeat center / contain;
    width: 50px;
	left: 10px;
}
.submenu li.site a:hover:before{
	background: url("../images/icon/icon_site.svg") no-repeat center / contain;
    width: 50px;
}

/*cate_icon*/
.rb_i_cate a{
	/*color: #333;/
	/*font-size: 11px;
	padding: 1px 6px 0;*/
	font-weight: normal;
}
#titleArea .rb_i_cate a{
	font-size: 13px;
	padding: 2px 10px 0;
	margin-top: 15px;
	display: inline-block;
}

.rb_i_cate{
	position: relative;
	border-bottom: 1px solid #c5c5c5;
    width: 100%;
    display: inline-block;
	font-size: 12px;
	overflow: inherit;
	padding: 15px 0px 10px;
	font-weight: bold;
}
.rb_i_cate::after {
	top: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.l-btn_area .ecl_next a{
	color: #fff;
	display: block;
	padding: 5px;
	transition: .2s;
}
.rb_i_cate.co01,
.ecl_ico.co01 {
    color: #cc343b;
}
.rb_i_cate.co02,
.ecl_ico.co02{
	color: #ff7f00;
}
.rb_i_cate.co03,
.ecl_ico.co03 {
	color: #2db200;
}
.rb_i_cate.co04,
.ecl_ico.co04 {
	color: #dc73ff;
}
.rb_i_cate.co01::after,
.e_c_list .ecl_ico.co01::after{
    background-color: #cc343b;
}
.rb_i_cate.co02::after,
.e_c_list .ecl_ico.co02::after{
	background-color: #ff7f00;
}
.rb_i_cate.co03::after,
.e_c_list .ecl_ico.co03::after{
	background-color:#2db200;
}
.rb_i_cate.co04::after,
.e_c_list .ecl_ico.co04::after{
	background-color: #dc73ff;
}
.rb_i_cate.co06 a{
	border-color: #0782eb;
	color: #0782eb;
	white-space: nowrap;
}
.rb_i_cate.co07 a{
	border-color: #0ae0ed;
	color: #0ae0ed;
	white-space: nowrap;
}
.rb_i_cate.co08 a{
	border-color: #6425c2;
	color: #6425c2;
	white-space: nowrap;
}
.rb_i_cate.co09 a{
	border-color: #ec013a;
	color: #ec013a;
	white-space: nowrap;
}
.rb_i_cate.co10 a{
	border-color: #B20000;
	color: #B20000;
	white-space: nowrap;
}
.rb_i_cate.co11 a{
	border-color: #0059B2;
	color: #0059B2;
	white-space: nowrap;
}
.rb_i_cate.co12 a{
	border-color: #59B200;
	color: #59B200;
	white-space: nowrap;
}
/*.rb_i_cate.co01 a:hover,
.rb_i_cate.co02 a:hover,
.rb_i_cate.co03 a:hover,
.rb_i_cate.co04 a:hover{
	background: #fff;
	color: #1a4ea5;
	text-decoration: none;
	transition: .2s;
}*/

.rb_i_cate.co05 a:hover{
	background: #1a4ea5;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co06 a:hover{
	background: #1a4ea5;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co07 a:hover{
	background: #0ae0ed;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co08 a:hover{
	background: #6425c2;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co09 a:hover{
	background: #ec013a;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co10 a:hover{
	background: #B20000;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co11 a:hover{
	background: #0059B2;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate.co12 a:hover{
	background: #59B200;
	color: #fff;
	text-decoration: none;
}
.rb_i_cate dl{
	position: relative;
	margin: 0;
	padding: 1em 0;
}
.rb_i_cate dl dt{
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rb_i_cate dl dd{
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*list*/
ul.e_c_list li > ul li{
	float: left;
}
ul.e_c_list li > ul.l-btn_area li{
	display: table-cell;
    vertical-align: middle;
	float: inherit;
}
ul.e_c_list li > ul li .l-btn_area{
	position: absolute;
    right: 0;
	top: 25%;
    width: auto;
}
ul.e_c_list li > ul li .l-btn_area .ico_img_movie,
ul.e_c_list li > ul li .l-btn_area .ico_img_voice,
ul.e_c_list li > ul li .l-btn_area .ico_img_document{
    width: 45px;
    height: 30px;
    padding-right: 20px;
}
#leftbace{
	position: fixed;
    top: 59px;
    left: 0;
    overflow: hidden;
    width: 28%;
    height: 100%;
	background: #eee;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px;
}
#logo{
	text-align: center;
	width: 250px;
	margin: 0 auto;
}
#logo img{
	width: 100%;
}
/*#lb_tagarea{
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	margin: 10px auto;
	display: table;
	padding: 10px 2px 10px 0;
	
}
#lb_tagarea dt{
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	text-align: center;
}*/
#sa_tagarea{
	display: table-cell;
	font-size: 12px;
}
#sa_tagarea a{
	padding-right: 1em;
}
#lb_adtxt {
    margin: 10px 0 10px 0;
	font-size: 80%;
}
#lb_adtxt li {
	text-align: left;
	font-size: 11px;
	margin-bottom: 3px;
	display: inline-block;
	width: 100%;
}
#lb_adtxt li a {
	color: #3F48CC;
	text-decoration: underline;
}
#lb_adtxt li a:hover {
	color: #202677;
	text-decoration: underline;
}
#lb_newsarea{
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	margin: 10px auto;
	padding: 10px 2px 10px 0;

}
#lb_newsarea .newstit{
	padding: 0 10px;
}

#leftbace .fmenu{
	font-size: 12px;
	text-align: center;
	width: 100%;
}
#leftbace .fmenu a{
	color: #333;
}
#leftbace .copy{
	font-size: 10px;
	text-align: center;
	width: 100%;
}

/*main*/
#mainbace {
    width: 100%;
	padding-top: 103px;
}
.main-bannner-normal li,
.main-bannner-small li{
	float: left;
}
.main-bannner-normal li{
	width: calc(100% / 4);
}
.main-bannner-small li{
	width: calc(100% / 5);
}
.main-bannner-normal li img,
.main-bannner-small li img{
	width: 100%;
}
/*grid*/
.grid{
	max-width: 980px;
	width: 100%; 
	margin: 0 auto;
	padding-bottom: 40px;
}


.rb_ul li{
	width: 33.333%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 10px;
	float: left;
	position: relative;
}
.rb_ul.cat_rb li{
	width: 50%;
}
.kanren {
	padding-bottom: 30px;
	display: inline-block;
}
.kanren .rb_ul li{
	width: 50%;
}
.rb_ul li .rbu_case{
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px 20px 10px;
	height: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.rb_ul li .rbu_case>p{
	text-indent: -1.5em;
    padding-left: 1.5em;
	padding-bottom: 0;
}
.rb_ul .rb_i_photo{
    display: block;
    overflow: hidden;
    max-width: 264px;
    width: 100%;
    margin: 0 auto 10px;
}
.rb_i_photo a {
    display: block;
    overflow: hidden;
    height: 144px;
}
/*@media only screen and (min-width: 1701px) {
	.rb_ul .rb_i_photo{
		height: 216px;
}
	.rb_ul li{
		height:390px !important;
		
	}
	#rightbace {
    max-width: 1400px;
}
}/**/
/*@media only screen and (min-width: 1500px) and  (max-width: 1700px) {
	.rb_ul .rb_i_photo{
		height: 210px;
}
}*/
@media only screen and (min-width: 1011px) and  (max-width: 1250px) {
	.rb_ul .rb_i_photo{
	/*height: 124px;*/
}
}/**/
@media only screen and (min-width: 641px) and  (max-width: 1010px) {
	.rb_ul .rb_i_photo{
	height: 130px;
	max-width: 100%;
}
	.rb_ul .rb_i_user{
	text-align: left !important;;
	float: none !important;
		display: block;
		max-width: 100% !important;;
}
}/**/
@media only screen and (max-width: 640px) {
	.rb_ul .rb_i_photo{
	height: auto;
    max-width: 100%;
}
}/**/
@media only screen and (max-width: 640px) {
	.form-select dt {
        width: 25%;
    }
	.form-select dd {
        width: 75%;
    }
    .ecl_ico_text {
        width: 70%;
    }
}
@media only screen and (max-width: 280px) {
	#a_deli_category_1 img {
        margin: 20px auto 25px !important;
    }
    .ecl_ico_text {
        width: 50%;
    }
    .rb_i_tag_mobi {
        margin-top: 10px !important;
    }
}
.zoom{
    width:350px;
    overflow: hidden;
}

.rb_ul .rb_i_photo img{
    width:100%;
	height: 100%;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
transform: scale(1.0);
}

.rb_ul .rb_i_photo img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);
}
.rb_ul .rb_i_photo img{
	width: 100%;
}

.rb_i_text{
	margin-top: 20px;
	font-size: 136%;
	height: 3em;
	overflow-y: hidden;
	line-height: 1.3;
}
.rb_i_text a {
	color: #333;
}
.rb_i_text a:hover {
	text-decoration: none;
	color: #999;
}
.info{
	font-size: 12px;
}
.rb_ul .info{
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
}

.rb_ul .info i{
	color: #1a4ea5;
}

.rb_ul .rb_i_tag{
	display: block;
	padding-bottom: 2px;
	margin-bottom: 3px;
	margin-top: 2px;
}
.rb_ul .rb_i_tag a{
	/*color: #007FFF;*/
	padding-right: 8px;
}
.rb_ul .rb_i_tag a:hover{
	color: #004F9D;
	text-decoration: underline;
}
.rb_ul .rb_i_user{
	text-align: right;
	float: right;
}
.rb_i_tag{
	background: url("../images/common/t_ico_code.png") no-repeat 0 1px / contain;
	/*margin-right: 15px;*/
	padding: 0 0 0 25px !important;
	margin: auto;
	overflow-y: hidden;
}
.rb_ul .rb_i_user{
	background: url(../images/common/t_ico_user.png) no-repeat 0 1px / 18px 18px;
	padding-left: 20px;
	padding-top: 2px;
	/*white-space: nowrap;*/
	width: 100%;
    text-align: left;
	overflow-x: hidden;
}
.rb_ul .rb_i_time{
	background: url(../images/common/t_ico_time.png) no-repeat 0 0 / contain;
	margin-right: 3px;
	padding-left: 20px;
	font-size: 1.4rem;	
}
.rb_ul li .rbu_bn_case{
	border: 1px solid #ddd;
	padding: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	background-size: cover;
	height: 100%;
	display: table;
	width: 100%;
}
.rb_ul li .rbu_bn_case img{
	width: 100%;
}
.rb_ul li .rbu_bn_case .inn{
	display: table-cell;
	vertical-align: middle;
}
.rb_ul li .rbu_event_case{
	border: 1px solid #ddd;
	background: url(../images/common/photobg_01.png) no-repeat 0 0;
	height: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	background-size: cover;
}
.rb_ul li .rbu_event_case .fit_l{
	float: left;
	width: 48%;
}
.rb_ul li .rbu_event_case .fit_r{
	float: right;
	width: 48%;
}
.rb_ul li .rbu_event_case .fit_l img,
.rb_ul li .rbu_event_case .fit_r img{
	width: 100%;
}

.rb_ul li .rbu_mag_case{
	background: #fff;
	border: 10px solid #FFC977;
	border: 1px solid #D96D00;
	padding: 18px 14px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	height: 100%;
	/*background: #FFA928;*/
	font-size: 14px;
	
}
@media only screen and (min-width: 1011px) and  (max-width: 1250px) {
	.rb_ul li .rbu_mag_case{
	font-size: 12px;
}
}/**/
.rb_ul li .rbu_mag_case .fit_l{
	float: left;
	width: 30%;
}
.rb_ul li .rbu_mag_case .rm_txt{
	height: 70px;
	overflow: hidden;
	display: block;
	padding-bottom: 10px;
	line-height: 1.2;
}
.rb_ul li .rbu_mag_case .rm_txt2{
	width: 100%;
	border-top: 1px solid #fff;
	padding-top:10px;
	margin: 10px 0 5px;
	overflow: hidden;
	text-align: center;
}
.rb_ul li .rbu_mag_case .fit_l img,
.rb_ul li .rbu_mag_case .fit_r img{
	width: 100%;
}
/**/
.rb_ul li .rbu_mag_case .fm01{
	padding: 0 10px 0 0;
	width: 36%;
}
.rb_ul li .rbu_mag_case .fm01 img{
	width: 100%;
}
.rb_ul li .rbu_mag_case .fm02{
	position: relative;
	vertical-align: top;
	line-height: 1.2;
}
.rb_ul li .rbu_mag_case .fr_btn a{
padding:4px 0px ;
text-transform:uppercase;
cursor:pointer;
display: inline-block;
color:#fff;
	width: 100%;
	text-align: center;
	background: url(../images/common/mark_line_w.png) no-repeat right 8px #D96D00;
	position: absolute;
	bottom: 0;
}
.rb_ul li .rbu_mag_case .fr_btn a:hover{
background:url(../images/common/mark_line_w.png) no-repeat right 8px #1a4ea5;
color:#fff;
text-decoration:none;
opacity:1.0;
}
.rb_ul li .rbu_mag_case .fm_btn{
	width: 50%;
	margin: 0 auto;
}
.rb_ul li .rbu_mag_case .fm_btn a{
padding:4px 0px ;
text-transform:uppercase;
cursor:pointer;
display: inline-block;
color:#fff;
	width: 100%;
	text-align: center;
	background: url(../images/common/mark_line_w.png) no-repeat right 8px #D96D00;
}
.rb_ul li .rbu_mag_case .fm_btn a:hover{
background:url(../images/common/mark_line_w.png) no-repeat right 8px #1a4ea5;
color:#fff;
text-decoration:none;
opacity:1.0;
}
/*.rb_ul li .rbu_event_case .fit_l{
	height: 40%;
	margin-left:7%; 
}
.rb_ul li .rbu_event_case .fit_l span a{
	height: 100%;
	border: 1px solid #fff;
	width: 43%;
	display: inline-block;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	margin-right:3%;
	text-align: center;
	line-height: 1.1;
}*/

.rb_ul li .rc_tit{
	text-align: center;
}
.rb_ul li .rc_tit img{
}

/*tablet*/
@media print, screen and (min-width: 641px) and (max-width: 1010px) {
#leftbace{
	position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
	background: #eee;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0px 0 20px 0;
}
#rightbace {
    position: relative;
    top: 0px;
    left: 0%;
    z-index: 200;
    height: 100%;
}
	#logo{
	text-align: center;
	width: auto;
	margin: 0 auto;
}
		#logo h1{
	text-align: center;
}
	#logo img{
	width: auto;
}
	#lb_adtxt {
    margin: 10px 0 10px 4.5%;
		width: 90%;
}
	#lb_newsarea {
    width: 90%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 10px 4.5%;
    padding: 10px 2px 10px 0;
}
	#leftbace .fmenu {
    font-size: 12px;
    text-align: center;
    width: 100%;
		display: none;
}
	#leftbace .copy {
    font-size: 10px;
    text-align: center;
    width: 100%;
		display: none;
}
.sitemap-category {
    width: 90%;
    float: inherit;
    margin: 0 auto;
}
	
}/**/

/*sp*/
@media print, screen and (max-width: 767px) {
#leftbace{
	position: relative;
    top: 0;
    width: 100%;
	padding: 0px 0px 20px;
}
#rightbace {
    position: relative;
    top: 0px;
	left: 0;
}
	#logo{
	width: auto;
	margin: 0 auto;
		max-width: 80%;
}
	#logo img{
	width: auto;
}
	#lb_adtxt {
    width: 90%;
    margin: 10px 0 10px 4.5%;
}
	#lb_adtxt li {
    font-size: 12px;
}
	#lb_newsarea {
    width: 90%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 10px 4.5%;
    padding: 10px 2px 10px 0;
}
	#leftbace .fmenu {
		display: none;
}
	#leftbace .copy {
		display: none;
}
.rb_ul li {
    width: 100%;
}
	.rb_i_text {
    /*font-size: 12px;*/
}
	.rb_ul li .rbu_case {
    padding: 10px 10px 5px;
}
	.rb_ul li .rbu_bn_case {
    padding: 10px 10px 5px;
}
.rb_ul li .rbu_mag_case {
    padding: 10px 10px 5px;
}
.rb_ul li .rbu_event_case {
    padding: 10px 10px 5px;
}
	.rb_ul li .rbu_mag_case .rm_txt {
		font-size: 12px;
}
.rb_ul .rb_i_user {
    text-align: left;
    float: left;
}

.rb_ul li .rbu_mag_case .fit_r {
    float: none;
    width: auto;
}
.rb_ul li .rbu_mag_case .fit_l {
    margin-right: 0.5em;

}
.rb_ul .fr_btn	{
	display: block;
 }
.rb_ul li .rbu_mag_case .rm_txt2 {
    height: 38px;
    overflow: hidden;
}
	.kanren .rb_ul li{
	width: 100%;
}

}/**/

/*detail*/
section:first-child, article:first-child {
    margin: 0;
    padding: 0;
}
article figure.textBox {
    border-left: 4px solid #e6e6e6;
    padding:0 0 0.5em 1em;
                margin-top:0.5em;
}
article figure.textBox p {
    padding: 0.2em 0 0.5em 0;
}
/*----------------- sns -----------------*/
.sns_wrapper {
    /*/display: table;
    table-layout: fixed;*/
    width: 100%;
	padding-top: 10px;
}
.sns_wrapper ul {
    margin: 10px auto 20px;
    width: 80%;
}
.sns_wrapper li {
     padding-right:3px;
	padding-left:3px;
    display: inline-block;
    font-weight: 300;
    /*vertical-align: middle;*/
	width: 49%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sns_wrapper li a {
    background-size: auto 110%;
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 1.0em;
    height: 40px;
    line-height: 40px;
    text-align: center;
                padding:0 1em;
                margin-bottom:0.5em;
}
.sns_wrapper li a i {
                padding-right:0.5em;

}
.fb_button a {
    box-shadow: 0 3px #22416d;
                background:#3A5B9E;
}
.tw_button a {
    background:#51BEF1;
    box-shadow: 0 3px #2e88a3;
}
.fb_button a:hover {
    background-color: #2b4a8a;
    box-shadow: 0 2px #22416d;
    margin-bottom: -1px;
    margin-top: 1px;
}
.tw_button a:hover {
    background-color: #42b2e7;
    box-shadow: 0 2px #2e88a3;
    margin-bottom: -1px;
    margin-top: 1px;
}
/**/
section, article {
    margin-bottom: 3em;
}
article p {
    padding: 0.5em 0 0 0;
	line-height: 1.8;
}
p.lead {
    text-align: justify;
}
article figure {
    padding: 0.5em 0 0 0;
	margin: 0;
}
article figure img {
    padding-bottom: 3px;
}
.moviePost {
    position: relative;
    width: 100%;
    margin-top: 0.5em;
}

article figcaption {
    font-size: 0.7em;
    padding: 0;
}
.fb_iframe_widget {
    padding-bottom: 5px;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

/*.profile_image {
    border: 0;
    margin: 10px;
    width: 200px;
    min-height: 200px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}*/
.u_prof_t{
	border-top:1px solid #ddd; 
	padding-top: 5em;
	margin-top: 1em;
}
.u_prof{
	border:1px solid #ddd; 
	padding: 1em;
	margin-top: 1em;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	min-height: 230px;
}
.u_prof .up_photo{
	float: left;
	width: 150px;
	height: 150px;
}
.u_prof dl{
	padding-left: 160px;
}
.u_prof dl dd{
	padding-top: 20px;
}
.u_prof  a.upname {
	width: 75%;
	display: inline-block;
}
.u_prof  a.sns_icon {
    float: right;
    text-decoration: none;
    margin-right: 10px;
}
.fb-like {
    text-align: center;
    transform: scale(1.8);
                margin:10px 0 0 0;
}
.likebox {
                border-bottom:1px solid #ddd;
                text-align:center;
                padding:0 0 6px 0;
                margin-bottom:20px;
}
.likebox_in {
                background:#fafafa;
                padding:15px 0 18px 0;
	text-align: center;
}
.likebox p {
                text-align:center;
                margin:0 0 10px 0;
                font-size:86%;
                font-weight:bold;
}
/**/
.thumbnail_group {
    width: 100%;
    height: 100%;
    clear: both;
}

.large_thumbnail .thumbnail_l {
    width: auto;
    height:194px;
    max-height:194px;
    margin: 0 1.25em 1.25em 0;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    overflow:hidden;
}
.large_thumbnail .thumbnail_l .info {
    font-size:80%;
}
.large_thumbnail .thumbnail_l .user {
    font-size:90%;
}

.large_thumbnail .thumbnail_l:nth-child(odd) {
    margin: 0 1.25em 1.25em 0;
}

.large_thumbnail .thumbnail_l:last-child {
    margin-bottom: 1.8725em;
}

.large_thumbnail .thumbnail_l a img {
    margin: 0;
    padding: 0;
}
.large_thumbnail .thumbnail_l .fa {
    color:#fff;
}
.large_thumbnail .thumbnail_l .fa-user {
    font-size:120%;
    padding-top:2px;
}
.titleArea{
    display: block;
    width:100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    padding: 0.3em;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.titleArea a {
    color: #fff;
    line-height: 150%;
}

.titleArea a:hover {
    text-decoration: underline;
}

.titleArea .titleTag {
    margin-bottom: 0.8em;
}

.titleArea .titleTag .tagLink {
    width: auto;
    font-size: 0.6em;
    border: 1px solid #fff;
    padding: 0.3em 0.5em;
}
.titleArea .titleLink {
    font-size: 0.875em;
    margin-top: 0.625em;
    height: 1.3em;
    overflow: hidden;
}

.titleArea .info {
    font-size: 0.875em;
    margin-top: 0.2em;
}

.titleArea .info .view {
    margin-right: 0.66em;
}

.titleArea .info img {
    margin-right: 0.2em;
}

.small_thumbnail {
    height: auto;
    clear: both;
    margin-bottom: 0.625em;
}

.small_thumbnail .thumbnail_l {
    width: 24%;
    float: left;
    margin-bottom: 0.625em;
    padding-right: 1.25em;
    height:115px;
    max-height:115px;
    overflow:hidden;
}
.small_thumbnail .thumbnail_l img {
    width: 100%;

}
.small_thumbnail .thumbnail_r {
    width: 76%;
    height: auto;
    font-size: 0.75em;
    padding-top: 0.625em;
    margin-bottom: 0.625em;
    padding-right: 1.5em;
}

.small_thumbnail .thumbnail_r .tag {
    width: auto;
    height: auto;
    background-color: #AF9967;
    padding: 0.375em;
}

.small_thumbnail .thumbnail_r .tag a {
    color: #fff;
}
.small_thumbnail .thumbnail_r .text {
    line-height: 120%;
    margin: 1.0em 0 0.5em;
    font-size:150%;
}
.small_thumbnail .thumbnail_r .text a{
	color: #333;
}
.small_thumbnail .thumbnail_r .info {
    line-height: 1em;
    vertical-align: middle;
    margin-bottom: 1.4em;
}
.small_thumbnail .thumbnail_r .info .fa {
    color:#000;
}
.small_thumbnail .thumbnail_r .info .view {
    margin-right: 1.5em;
}
.small_thumbnail .thumbnail_r .info .date {
    margin: 0 1.5em 0 0.2em;
}
.small_thumbnail .thumbnail_r .info .user {
    margin-left: 0.2em;
}

.ad_r {
    width: 100%;
    margin: 3.125em auto;
    text-align: center;
    clear: both;
}

.more {
    margin: 1.25em auto;
    text-align: center;
    position:relative;
}
.ChangeElem_Panel{
  display: none;
}
.log_c{
	background: #FFF0DB;
	padding: 30px;
	margin-top: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
	
}
.log_c input.btn_login,
.log_c .btn_login a,
.log_c input.btn_line3,
.log_c .btn_line3 a{
	width: 100%;
	 -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
}
.log_c .btn_line2 a,
.ps_r input.btn_line2{
	min-width: 350px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*sp*/
@media print, screen and (max-width: 640px) {
	#contents_two{
		padding-top:0px;
	}
	.sns_wrapper ul {
    width: 100%;
}
	.sa_logo{
		width: 80%;
		margin: 0 auto;
	}
	.sa_logo img{
		width: 100%;
	}
	.small_thumbnail .thumbnail_r {
    display: inline;
}
.u_prof .up_photo{
	float: none;
	width: 40%;
	height: auto;
	margin: 0 auto;
}
	.u_prof .up_photo img{
	width: 100%;
}
.u_prof dl{
	padding-left: 0px;
	clear: both;
	padding-top: 1.5em;
}
.u_prof dl dt{
	padding-left: 0;
	
}
.u_prof dl dd{
	padding-top: 20px;
	
}
	.u_prof  a.upname {
	width: 60%;
}
	.u_prof a.sns_icon {
		margin-top: 5px;
    
}
	.log_c{
	padding: 30px 20px 10px;

	
}
	.log_c .btn_line2 a,
	.ps_r input.btn_line2{
	min-width: 0px;
}
	.rb_ul .rb_i_user{
	text-align: left;
	float: none;
    display: block;
    max-width: 100%;
}

}/**/
.acc_area {
    position: relative;
    background: #e8f2fc;
    padding: 5px 0 5px 34px;
    cursor: pointer;
    border-bottom: 1px solid #DBDBEA;
}
.acc_area:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #1a4ea5;
}

.acc_area:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -10px;
	background: #e8f2fc;
}
.acc_area.active:before {
	margin-top: -2px;
}

.acc_area.active:after {
	margin-top: 3px;
}

/*faq*/
.faq dl {
    border-bottom: 1px solid #eee;
    clear: both;
    float: left;
    margin: 5px 0 0px 2px;
				padding-bottom: 6px;
    width: 100%;
				position:relative;
}
.faq dl dt {
    background: rgba(0, 0, 0, 0) url("../images/common/faq_q.png") no-repeat scroll 0 0;
    color: #06c;
    font-size: 16px;
    padding: 0 0 12px 35px;
    text-decoration: underline;
}
.faq dl dd {
	padding:10px 10px 10px 45px;
	background: url(../images/common/faq_a.png) no-repeat 15px 10px;
}

/**/
#titleArea h2 {
    font-size: 200%!important;
}
.lead {
    font-size: 100%!important;
}
.ssright{
	vertical-align: top;
    display: inline-block;
}
.pdfico a {
	background-size: 20px 20px!important;
	padding-top: 2px;
}
@media print, screen and (max-width: 640px) {
	.ssright{
		width: 100%;
}
/**/}
/*fitforum*/
.ff_ list dl {
    background: url("../images/common/mark_line.png") 3px center no-repeat;
    border-bottom: 1px solid #ccc;
    height: 1.8em;
    line-height: 2.1;
    padding: 8px 0 10px 7px;
    font-size: 14px;
}
.ff_list dl {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    display: table;
    width: 100%;
    margin-bottom: 0;
	font-size: 12px;
}
.ff_list dl dt {
    width: 160px;
display: table-cell;
vertical-align: middle;
text-align: center;
	background: #eee;
}
.ff_list dl dd {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: table;
    height: auto;
    width: 100%;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ff_list dt:first-child, .ff_list dd:first-of-type {
    border-top: 0 none transparent;
}
.ff_list dl:last-child {
    border-bottom: 1px solid #CCC;
}
/*fitforum sp*/
@media print, screen and (max-width: 640px) {
.ff_list dl dt {
    width: 100%;
display: block;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.ff_list dl dd {
    width: 100%;
display: block;
	border-left: 0px solid #ccc;
}
}/**/

/*1010*/
.myp_bt ul li{
	text-align: center;
}
.myp_bt .btn_line3 a {
    border: 2px solid #0080FF;
    color: #0080FF;
}
.myp_bt .btn_line3 a:hover{
background: #0080FF;
border:2px solid #0080FF;
	color: #fff;
}
.myp_bt .btn_line3.bl3gr a,
.myp_bt .btn_line3.bl3gr a:hover{
    border: 2px solid #999;
    color: #999;
	background: #fff;
}
h2 span.login {

    font-size: 200%;

}


/*top_sp*/
@media print, screen and (max-width: 767px) {
.grid {
    width: 90%;
}
.privacypolicy .cnthalf {
    width: 100%;
    margin: 20px auto 0 !important;
}
.submenu li{
	width: 100%;
	display: block;
	text-align: left;
	vertical-align: middle;
	position: relative;
	margin-bottom: 0.6em;
}
.submenu li a {
    padding: 18px 0 0 90px;
}
.submenu li:last-child a {
    padding: 30px 0 0 90px;
}
.submenu li.site a::before {
    width: 60px;
}
#mainbace.top {
    padding-top: 0px;
}
#mainbace {
    width: 100%;
    padding-top: 60px;
}
.about .point li{
	width: 100% !important;
    display: block !important;
	border: 1px solid #4d4d4d;

}
.about .point li:nth-child(2){
	border-top: none;
	border-bottom: none;
}
#header_logo h1 {
    top: 4px;
	padding: 2px 5px;
}
/*.rb_i_cate {
    padding: 10px 0px 10px;
}*/
.rb_i_cate dl{
	position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}
.rb_i_cate dl dt{
	top: 60%;
}
/*.rb_i_cate dl dt{
	vertical-align: middle;
	position: relative;
	left: auto;
	top: auto;
	 -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  text-align: center;
  margin-bottom: 5px;
}*/
.rb_i_cate dl dd{
	vertical-align: middle;
	position: relative;
	left: auto;
	top: auto;
	 -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.hosting_company .grid-content-2 > li,
.about .grid-content-2 > li,
table.company-list{
	width: 100% !important;
}
.hosting_company .grid-content-2 > li:nth-child(even),
	.about .grid-content-2 > li:nth-child(even){
		padding-left: 0 !important;
		margin-top: 20px;
	}
.pro_investor .grid-content-2 > li{
	width: 100% !important;
	margin: auto;
}
.pro_investor .grid-content-2 > li:nth-child(even){
	padding-left: 0 !important;
}
.point-category {
    margin: 0 0 10px !important;
}
.point-category li:first-child,
.point-category li:last-child{
	width: 100% !important;
}
.sitemap #footer,
.info #footer{
    position: static !important;
}
.info-page .info-block li{
	width: 100% !important;
}
.info-page .cnthalf{
	width: 90%;
	margin: auto;
}
}/**/

/*about*/
.about .lead{
	text-align: center;
	line-height: 1.7;
}

.about .point{
	display: table;
	width: 100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing: 10px 0;
}
.about .point li{
	display: table-cell;
	width: calc(100% / 4);
	padding: 10px;
	border: 1px solid #4d4d4d;
	box-sizing: border-box;
	line-height: 1.7;
	font-size: 1.3rem;
}
.about .point li b{
	display: block;
	text-align: center;
	margin: 10px auto 20px;
}
.point-category{
	margin:0 10px 10px;
}
.point-category li {
    float: left;
	display: block;
	text-align: center;
}
.point-category li:first-child{
	width: 75%;
	background: #e0e0e0;
}
.point-category li:last-child{
	width: 25%;
	background: #c4c4c4;
}
.about table.company-list{
	width: 490px;
}

/*hosting_company*/
.hosting_company .lead{
	display: block;
	text-align: center;
	line-height: 1.7;
}
.hosting_company ul li > ul li{
	padding-left: 1em;
    text-indent: -1em;
}
.hosting_company ul li > ul li,
.about ul li > ul li{
	padding: 5px 0;
}
.hosting_company .grid-content-2 > li,
.about .grid-content-2 > li{
	float: left;
	width: calc(100% / 2);
	line-height: 1.7;
}
.hosting_company .grid-content-2 > li:nth-child(even),
.about .grid-content-2 > li:nth-child(even){
	padding-left: 20px;
}
.hosting_company a{
	transition: 0.2s;
}
.hosting_company a:hover img{
	transition: 0.2s;
	opacity: 0.5;
}

/*pro_investor*/
.pro_investor .lead{
	display: block;
	text-align: center;
	line-height: 1.7;
}
.pro_investor ul li > ul li,
.about ul li > ul.txt_indent li{
	padding: 5px 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.7;
}
.pro_investor .grid-content-2 > li{
	float: left;
	width: calc(100% / 2);
}
.pro_investor .grid-content-2 > li:nth-child(even){
	padding-left: 20px;
}
.pro_investor .grid-content-2 > li small{
    display: inline-block;
	margin-top: 10px;
    line-height: 1.6;
	padding-left: 1em;
    text-indent: -1em;
}
.pro_investor .person-new_member,
.pro_investor .person-login_member{
	display: table;
    margin: 10px auto 0;
    border-collapse: separate;
    border-spacing: 5px 0;
	padding: 0;
	text-indent: initial;
}
.pro_investor .person-new_member a,
.pro_investor .person-login_member a{
	width: 200px;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
	text-align: center;
	border: 1px solid #cc343b;
	background: #fff;
	color: #cc343b;
	transition: .2s;
}
.pro_investor .person-new_member a:hover{
	background: #cc343b;
	color: #fff;
	transition: .2s;
}
.pro_investor .person-login_member a{
	border: 1px solid #cc343b;
	background: #cc343b;
	color: #fff;
}
.pro_investor .person-login_member a:hover{
	background: #fff;
	color: #cc343b;
	transition: .2s;
}

/*company*/
table.company-list {
    padding: 0;
    background: #ACACAC;
    font-size: 12px;
    width: 470px;
}
table.company-list tr{
	border: 1px solid #acacac;
}
table.company-list th {
    background: #F7F7F7;
    font-size: 12px;
    width: 90px;
    padding: 9px 0;
    text-align: center;
	border-right: 1px solid #acacac;
}
table.company-list td {
    background: #FFFFFF;
    font-size: 12px;
    padding: 9px 10px;
    margin: 0;
    line-height: 20px;
	border-right: 1px solid #acacac;
}

/*sitemap*/
.sitemap-category {
    width: 29%;
    float: left;
    margin: 0 20px;
}
.sitemap-category h3::after{
	width: 40%;
}
.sitemap-category li{
	margin: 10px 0 0 10px;
}
.sitemap #footer,
.info #footer{
    position: fixed;
    bottom: 0;
}
/*privacypolicy*/
.privacypolicy .lead{
	text-align: center;
	line-height: 1.7;
}
ol.list_parentheses li:before {
    display: marker;
    content: "(" counter(cnt) ") ";
    margin-right: 10px;
}
.privacypolicy .cnthalf,
.cnthalf{
    margin: 20px 110px 0 110px;
    padding: 20px 20px 0 20px;
    border: 1px solid #ccc;
    text-align: center;
}
.privacypolicy table.privacypublic-list {
    padding: 5px;
    width: 100%;
    border: 1px solid #999;
    border-collapse: collapse;
}
.privacypolicy table.privacypublic-list tr th, 
.privacypolicy table.privacypublic-list tr td {
    padding: 5px;
    width: 50%;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}


@media screen and (max-width: 920px){
	.sitemap-category {
    width: 90%;
    float: inherit;
    margin: 0 auto;
}
}
.info-page .info-block{
	margin: 40px 0;
}
.info-page .info-block li{
	width: calc(100%/2);
	float: left;
	text-align: center
}
.gray-btn:hover{
	background: #525252;
    color: #fff;
}
.gray-btn{
	display: block;
    color: #525252;
    border: 1px solid #525252;
    padding: 20px;
	margin: 20px auto;
    width: 80%;
    text-align: center;
    font-size: 14px;
}