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

h5 { font-size:1.7rem; color:#4169e1; }
hr { padding-bottom: 1rem;}
ul { padding-bottom: 2rem;}

/* 画像大きくするリンク */
.link-card { display: flex; justify-content: space-between; text-decoration: none; }
figure {  margin: 10px;  overflow: hidden; }
figure img { width: 100%; height: 100%; transition: .4s; }
a:hover figure img { transform: scale(1.1); }
a:hover { text-decoration: underline; }
.right p { margin: 0; padding: 10px 20px; }
.upper { font-size: 110%; font-weight: 600; padding-bottom: 20px; }

/* そのよこ */
.taidan  {
  position: relative;
  display: inline-block;
  margin: 1rem 0 1rem -10px;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background: #0075a9;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

.taidan :before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #005276;
  border-left: 10px solid transparent;
}

.taidan-p { font-size:135%; color:#3879a9; letter-spacing:2px; font-weight:700 ;}
.keigakomi { padding: 0 2rem; border-right: solid 2px #3879a9; border-bottom: solid 2px #3879a9; }

/* 対談ナンバー */
.taidan-num { position:  relative; font-weight:  normal; }
.taidan-num p { margin:  0; line-height: 2; }
.taidan-num-point { background-color: #3879a9; border-radius: 20%; padding:  0.5rem; font-size: 40px ; color: #fff; font-size: 90%; }


/* 対談ナンバー */
ul.mokuji{ font: 14px/1.6 'arial narrow', sans-serif; padding: 10px 10px 20px; color: #448ccb; list-style: none; }
ul.mokuji li{ position: relative; line-height: 30px; padding-left: 20px; font-weight: bold; border-bottom: dashed 1px #448ccb; padding:1rem 0; }
ul.mokuji li:before{ content: "・"; position: absolute; left: 0px; }

