/* タレント詳細ページ お知らせの画像サイズを指定 */
.attachment-medium  {
	width:150px;
	height:auto;
}
/* タレント詳細ページ お知らせの枠を縦幅を広げる　スマホで抜粋文・日付非表示 */
div[id^="su-post-"].su-post{
	height:200px;
}
@media screen and (max-width: 559px){
	div[id^="su-post-"].su-post{
	height:200px;
}
	.su-post-excerpt{
		display:none;
	}
	.su-post-meta{
		display:none;
	}
}
/* 更新日付削除 */
.entry-header .entry-meta {
display: none;
}
.su-posts.su-posts-default-loop h4{
display: none;
}

.su-posts-default img {
    width: auto;
    height: auto;
    max-width: 100%;
}

/*--------------------------------------
  tab設定
--------------------------------------*/
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab{
    flex-grow: 1;
    background: #58A9EF; /* タブのカラー */
    border-radius: 10px 10px 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px;
    padding: 14px 0 12px;
    text-align: center;
    transition: 1s;
    vertical-align: bottom;
}
.panel-group{
    min-height:100px;
    border:solid 0px #CCC;
    border-top: 8px solid #C8E4FF;
    padding: 10px;
}
.panel{
    display:none;
}
.tab.is-active{
    color:#FFF;
    transition: 1s;
    opacity: 0.6;
    padding-bottom: 20px;
}
.panel.is-show{
    display:block;
}

@media screen and (max-width:480px) { 
.tab{
    padding: 12px 7px 7px;
}
.tab.is-active{
    padding-bottom: 15px;
}
}

/* 経歴リスト設定 */

.career dl {
padding: 2px 0;
}
.career dt {
padding-bottom: 2px;
}


@media screen and (min-width: 768px) {
.career dl {
}	
	
.career dt {
clear: left;
float: left;
width: 15%;
}
.career dd {
margin-left: 20%;	
}
}

/* プロフィールリスト設定 */

.profile dl {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.profile dt {
flex-basis: 15%;
padding: 10px;	
margin-bottom: -15px;	
background-color: #fff;
border-bottom: solid 3px #ccc;	
}
.profile dd {
flex-basis: 85%;
padding: 10px;
margin-bottom: -15px;
background-color: #fff;
border-bottom: solid 3px #ccc;		
}
@media screen and (max-width: 559px) {
.profile dl {
flex-flow: column;
}
.profile dt {
padding: 10px;	
margin-bottom: 1px;	
background-color: #f1f1f1;
	border-bottom: none;
}
.profile dd {
padding: 10px;
margin-bottom: 1px;		
background-color: #fff;
	border-bottom: none;	
}
}
/* プロフィール2カラム設定 */
#container {
  display: flex;
}
#img {
  flex: 1;
	padding:10px;
}
#main {
  flex: 3;
}
@media screen and (max-width: 599px) {
  #container {
    flex-direction: column;
  }
}

/* wp show postsのタイトル装飾 */
p.wp-show-posts-entry-title {
font-size: 16px;
font-weight: bold;
text-align: center;
}

/* ページヘッダーの有無を調整　背景色入れたければ ここを調整 */
.page-header {
   display: none;
}
 
/* ページヘッダーの文字色 */
h1.page-header-title {
    color: #fff;
}

/* 投稿一覧の画像上のカテゴリ名 スマホのみ非表示 */
@media screen and (max-width: 559px){
.vk_post_imgOuter_singleTermLabel {
   display: none;
}
/* TOP新着のスマホ時の写真サイズ調整 */
	.vk_post .media-img{
		height:250px;
	}
}

/* 投稿ページ　次の記事 前の記事を非表示 */
.next-prev {
   display: none;
}

/* トップページ　新着情報の投稿日を非表示 */
.vk_post_date{
   display: none;
}


/* MW WP Form装飾 */
.mw_wp_form {
  width: 100%;
  color: #333;
}

.mw_wp_form table.mailform-tbl {
  width: 100%;
  margin-bottom: 40px;
}

.mw_wp_form table tr {
  width: 100%;
  border-bottom: 1px dotted #ccc;
  padding: 30px 0;
  font-weight: normal;
}

.mw_wp_form table tr:first-child {
  border-top: 1px dotted #ccc;
}

.mw_wp_form table th {
  padding: 20px 0;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  width: 30%;
  float: left;
}

.mw_wp_form table th .attention {
  font-size: 80%;
  margin-left: 10px;
  color: red;
  padding: 3px;
}

.mw_wp_form table td {
  padding: 20px 0;
  width: 70%;
  float: left;
}

.mw_wp_form table td.w50 input, .mw_wp_form table td.w50 select {
  width: 50%;
  box-sizing: border-box;
}

.mw_wp_form table td.w80 input, .mw_wp_form table td.w80 select {
  width: 80%;
  box-sizing: border-box;
}

.mw_wp_form table td.w80 textarea {
  width: 80%;
  box-sizing: border-box;
}

.mw_wp_form #submit-button {
  text-align: center;
}

.mw_wp_form #submit-button input {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #235682;
  background: #58A9EF;
  color: #fff;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

.mw_wp_form #submit-button input[name="submitBack"] {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #999;
  background: #999;
  color: white;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

.mw_wp_form .form_step {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px 0;
  list-style: none;
}

.mw_wp_form .form_step>li {
  display: block;
  position: relative;
  padding: 0.5em;
  width: 22%;
  border: 1px solid currentColor;
  color: #58A9EF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.mw_wp_form .form_step>li:nth-of-type(n + 2) {
  margin: 0px 0px 0px 4%;
}

.mw_wp_form .form_step>li:nth-of-type(n + 2):before {
  position: absolute;
  top: 50%;
  left: -1.5em;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #58A9EF;
  border-left: 2px solid #58A9EF;
  transform: translateY(-50%) rotate(135deg);
  content: "";
}

.mw_wp_form_input .form_step>li:nth-of-type(1), .mw_wp_form_preview .form_step>li:nth-of-type(2), .mw_wp_form_complete .form_step>li:nth-of-type(3) {
  background-color: #58A9EF;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .mw_wp_form .form_step>li {
    font-size: 10px;
    width: 30%;
  }
  .mw_wp_form table td {
    width: 65%;
    float: right;
  }
  .mw_wp_form table td.w50 input, .mw_wp_form table td.w50 select {
    width: 100%;
    box-sizing: border-box;
  }
  .mw_wp_form table td.w80 input, .mw_wp_form table td.w80 select {
    width: 100%;
    box-sizing: border-box;
  }
  .mw_wp_form table td.w80 textarea {
    width: 100%;
    box-sizing: border-box;
  }
}