body{
    background-image: url(https://form.jb-members.janbari.com/wp-content/themes/jb_members/images/background.jpg);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/* 全体のbox */
#page{
  width:1200px;
  height:100%;
  margin:0 auto 100px;
    display: -webkit-box;
	display: flex;
    -webkit-box-pack: justify;
	justify-content: space-between;
  }
/* 見出し */
.bevel {
	display:block;
	padding:15px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	background: #c00; /* fallback */
	background:
		linear-gradient(135deg, transparent 5px, #000 0) top left,
		linear-gradient(225deg, transparent 0, #000 0) top right,
		linear-gradient(315deg, transparent 0, #000 0) bottom right,
		linear-gradient(45deg,  transparent 0, #000 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.bevel.small {
	display:block;
	padding:10px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	background: #c00; /* fallback */
	background:
		linear-gradient(135deg, transparent 8px, #000 0) top left,
		linear-gradient(225deg, transparent 0, #000 0) top right,
		linear-gradient(315deg, transparent 0, #000 0) bottom right,
		linear-gradient(45deg,  transparent 0, #000 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}


.top-page > h2:nth-of-type(1), .top-page > h2:nth-of-type(2){
	margin-bottom:10px;
}

.topics > h2:nth-of-type(1){
	margin-bottom:10px;
}

.side_twitter > h2:nth-of-type(1){
	margin-bottom:0;
}


/* flexbox */
.flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  -webkit-align-content: space-between;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* ヘッダー */
header{
  width:1200px;
  height:auto;
  margin:0 auto 20px auto;
}
header a img{
	margin-top:10px;
}
.header-in{
	position:relative;
}




.header-in a:first-of-type{
	display:block;
	position:absolute;
	opacity:0.5;
	bottom:15px;
}

.header-in a{
	display:block;
	position:absolute;
	opacity:0.5;
	bottom:20px;
}




.header-in a.h_nav_1{
	width:260px;
	height:95px;
	left:20px;
}
.header-in a.h_nav_2{
	width: 190px;
    height: 47px;
    left: 385px;
}
.header-in a.h_nav_3{
	width: 190px;
    height: 47px;
    left: 585px;
}
.header-in a.h_nav_4{
	width: 190px;
    height: 47px;
    left: 785px;
}
.header-in a.h_nav_5{
	width: 190px;
    height: 47px;
    left: 984px;
}




/* フッター */
footer{
  width:1200px;
  height:auto;
  margin:0 auto;
}

/* サイドバー左 */

aside.column3{
  width:250px;
}
aside.column2{
  width:300px;
}


.widget img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.widget h4{
	display:none;
}


/* トピックス */
.topics_content{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.topics_content .topics_title{
    font-size: 110%;
    font-weight: bold;
    color: #666;
	margin-bottom:10px;
}

.topics_content .topics_text{
	line-height:1.4em;
}
/* メンバーリスト */
ul.member_list li{
	width:300px;
	border-bottom:1px dashed #C5C5C5;
	box-sizing:border-box;
	padding:25px 0 25px 25px;
	background-image:url("https://form.jb-members.janbari.com/wp-content/themes/jb_members/images/side/side_arrow.png");
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:20px 50%;
	position:relative;
}
ul.member_list li p{
	padding:0 0 0 40px;
	font-weight:bold;
}
ul.member_list li a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

ul.member_list li .new{
	display:inline-block;
	height:18px;
	line-height:18px;
	color:#ffff00;
	background-color:#FF0000;
	padding: 2px 4px 0;
	margin-left:8px;
	font-size: 13px;
}

/* サイドバー右 */
aside#sidebar_right{
  width:300px;
}

ul.member_list.twitter{
	margin-bottom:10px;
}
ul.member_list.twitter li{
	padding:10px 0 10px 0px;
	background:none;
}
ul.member_list.twitter li div.twitter_text{
	padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  text-align:left;
}

ul.member_list.twitter li div.twitter_text div{
	position:relative;
}

ul.member_list.twitter li div.twitter_text div > p:nth-of-type(2){
	font-size:12px;
	color:#999999;
	position:absolute;
	left:0;
	bottom:0;
}


ul.member_list.twitter li img{
	width:35px;
	height:35px;
	margin-right:10px;
	box-sizing:border-box;
	border:1px solid #0093FF;
}
ul.member_list.twitter li p{
	padding:0;
}






/* コンテンツ */
#main{
	width:830px;
}
#main.top-page{
	width:600px;
}


/* トップページ */
.top-banar img {
	max-width:100%;
	margin-bottom:30px;
}

.member-link, .member-link ul {
	width:600px;
}

.menber_loop_mini{
	width:295px;
	padding:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	background-color:#000000;
	position:relative;

}

.menber_loop_mini img{
	width:65px;
	height:65px;
}
.menber_loop_mini a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

/* ステータスが新人の場合 */
.menber_loop_mini img.new{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}
.menber_loop_mini .inner_link_text{
	width:195px;
    display: flex;
    align-items: center;     /*上下中央揃え*/
	text-align:left;
	color:#FFFFFF;
}
.menber_loop_mini .inner_link_text div p:first-child{
	font-weight:bold;
	font-size:160%;
	margin-bottom:10px;
}
.menber_loop_mini .inner_link_text div p:last-child{
	font-size:90%;
}

/* メンバー一覧 */


ul.column4::before{
  content:"";
  display: block;
  width:176px;
  order:1;
}
ul.column4::after{
  content:"";
  display: block;
  width:176px;
}

.menber_loop{
	width:176px;
	margin-bottom:20px;
	box-sizing:border-box;
	position:relative;
}
.profile_img_area{
	position:relative;
	margin-bottom:10px;

}
.profile_img_area img{
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #000000;
	height:auto;
}

.profile_img_area img.new{
    	border:none;
    position: absolute;
    top:0;
    left: 0;
}
.profile_img_area img.new + img{
	border:none;
}

.menber_loop > p:nth-of-type(1), .menber_loop_innner > p:nth-of-type(1){
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
}
.menber_loop > p:nth-of-type(2), .menber_loop_innner > p:nth-of-type(2){
	font-size:16px;
	color:#999999;
}

.menber_loop_innner a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

.menber_loop.all a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}


/* グループページ */
.taxsonomy-page ul{
	margin-bottom:30px;
}
.menber_loop.tax{
	position:static;
}
.menber_loop.tax .menber_loop_innner{
	position:relative;
	margin-bottom:10px;
}
.taxsonomy-page > img:nth-of-type(1){
	margin-bottom:20px;
}
.taxsonomy-page > h2:nth-of-type(1){
	margin-bottom:20px;
}


.menber_loop.tax > a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000000;
	padding:15px 0 15px 35px;
	background-image:url("https://form.jb-members.janbari.com/wp-content/themes/jb_members/images/side/side_arrow.png");
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:10px 50%;
}
.menber_loop.tax > a:nth-of-type(1){
	margin-bottom:10px;
}

nav.unit_nav img{
	margin-bottom:15px;
}



/* メンバー詳細ページ */
.profile{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  margin-bottom:20px;
}
.profile > div:nth-of-type(1){
	position:relative;
}

.profile > div:nth-of-type(1) img{
	width:280px;
	height:350px;
	margin-right:20px;
	display:block;
	box-sizing:border-box;
	border:1px solid #888;
	flex:1;
}
.profile > div:nth-of-type(1) img.new{
	position:absolute;
	top:0;
	left:0;
	border:none;
	z-index:999;
}
.profile > div:nth-of-type(1) img.new + img{
	border:none;
}

.profile_text{
	width:460px;
	height:350px;
	position:relative;
}
.profile_text > div:nth-of-type(1){
	position:absolute;
	top:40px;
	left:0;
}

.profile_text div > p:nth-of-type(1){
	font-size:28px;
	font-weight:bold;
	margin-bottom:10px;
}

.profile_text div > p:nth-of-type(2){
	font-size:18px;
	color:#999999;
}


.profile_text div:nth-of-type(2){
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

.profile_text div:nth-of-type(2) dl{
	width:100%;
	border-bottom:1px dashed #888888;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  padding-bottom:15px;
  margin-bottom:15px;
  font-size:18px;
  font-weight:bold;
  line-height: 1.5em;
}

.profile_text div:nth-of-type(2) dl:last-child{
  margin-bottom:0;
}


.profile_text div:nth-of-type(2) dl dt{
	width:54px;
	padding-right: 28px;
}

.profile_nav{
	width:760px;
	padding-bottom:20px;
	margin-bottom:40px;
	border-bottom:1px dashed #888888;

}

#single-content h3{
	font-size:24px;
	font-weight:700;
	color:#404040;
	margin-bottom:10px;
}
.program_list{
	width:760px;
}
.program_list::after{
  content:"";
  display: block;
  width:245px;
}
.program_list a{
	width:245px;
	height:auto;
	box-sizing:border-box;
	border:1px solid #666666;
	margin-bottom:10px;
}
.program_list a img{
	max-width:100%;
}


/* フォームページ */
#page-content{
	line-height:1.4em;
}




table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%;border-collapse: collapse; border-spacing: 0;font-size:100%; }
tr th,
thead th { font-size: 12px; padding: 9px 24px; }
tr th {
  border: 1px solid #ccc;
  padding: 6px 10px;
  vertical-align:center;
  background-color:#f5f5f5;
  text-align:center;
}
tr{
}
th{
  width:25%;
  vertical-align:middle;
}
tr td { border: 1px solid #ccc; padding: 6px 10px; }
input[type="text"]{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="email"]{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  width: 100%;
　　resize: none;
}


.containar {
    margin: 0 auto;
    background: #fff;
    width: 1200px;
    padding: 0 30px;
}