/* ------------------------------
　　CSS変数
------------------------------ */
:root {

  /* カラー */
  --color-primary           : #000;
  --color-primary-hover     : #fff100;
  --color-primary-light     : #444444;
  --color-primary-bg        : var(--color-primary-light);
  --color-primary-bg-hover  : #D1D7ED;

  --color-secondary         : #000000;

  --color-highlight         : #FFE13B;
  --color-highlight-light   : #fffb8b;

  --color-white             : #FFF;
  --color-black             : #333333;
 
  --color-gray10            : #F8F8F8;
  --color-gray20            : #F4F4F4;
  --color-gray30            : #EBEBEB;
  --color-gray40            : #DDDDDD;
  --color-gray50            : #CCCCCC;
  --color-gray60            : #AAAAAA;
  --color-gray70            : #999999;
  --color-gray80            : #777777;
  --color-gray90            : #666666;
  --color-gray100           : #333333;

  --color-form-bg           : var(--color-gray10);
  --color-form-border       : var(--color-gray40);

  --color-link              : #0061d1;

  --color-required          : #c92d2d;
  --color-error             : #c92d2d;

  --color-text              : var(--color-gray100);
  --color-text-side         : var(--color-gray90);
  --color-text-inverse      : var(--color-white);

  --color-text-primary      : var(--color-primary);
  --color-text-secondary    : var(--color-secondary);

  --color-text-point        : #676767;

  --box-shadow-focus        : 0 0 0 .25rem rgba(19, 122, 243, .4);
  --box-shadow-error        : 0 0 0 .25rem rgba(201, 45, 45, .4);

  /* ガター */
  --gutter-sm               : 1rem;
  --gutter-md               : 2rem;

  /* 余白ユニット */
  --unit-space-sm           : 2rem;
  --unit-space-md           : 3rem;
  --unit-space-lg           : 4rem;

  /* 罫線ユニット余白 */
  --separator-sm            : 2rem;
  --separator-md            : 3rem;
  --separator-lg            : 4rem;
}

/*--------------------
インタビューユニット
----------------------*/
.entry .interview-right,
.entry .interview-left {
  display: block;
  position: relative;
  margin: 5px 10px 60px 10px;
  padding: 20px 30px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.entry .interview-right p,
.entry .interview-left p {
  margin: 0;
}

.entry .interview-left {
  background-color: #ffe23b21;
  margin-right: 140px;
  color: #4d4412;
  border: solid 4px rgba(155, 137, 37, 0.6);
}
/*
.entry .interview-left:before {
  position: absolute;
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-left-color: #FFE4E6;
  right: -16px;
}
*/
.entry .interview-left-photo {
  width: 120px;
  margin: 0 10px 0 0;
  height: 120px;
  float: right;
  position: relative;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.9;
}

.entry .interview-right {
  background-color: #ffe23b21;
  margin-left: 140px;
  color: #333;
  border: solid 4px rgba(226, 200, 53, 0.6);
}
/*
.entry .interview-right:before {
  position: absolute;
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  background-color: #fcfceb;
  border: solid 1px #ccc;
  left: -16px;
}
*/

.entry .interview-right-photo {
  width: 120px;
  margin: 0 0 0 10px;
  height: 120px;
  float: left;
  position: relative;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.entry .interview-name {
  font-size: 10px;
  margin: 0;
  padding:5px 0.5em 0;
}

.acms-admin-btn-radio+label {
  border-radius: 4px!important;
}