@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi

@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */


/* 全体のスタイル */
a:link, a:visited, a:hover, a:active {
  background:transparent !important;

}
.kaiwa {
  margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 10px;
  background: #eee;
  margin-right: 12%;
  float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #9cd6e7;
  margin-left: 12%;
  float: right;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9cd6e7;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}

.btn_twin {
    width: 100%;
    margin: 0;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}


.btn_detail a {
    color: #036584 !important;
    font-size: 1.2em;
    font-weight: bold;
/* 	line-height: 1.3; */
	text-decoration: none !important;
	max-width: 80%;
    display: block;
    text-align: center;
	border: 1px solid #6a797d;
    border-radius: 5px;
    background-image: -moz-linear-gradient(90deg, #f6f6f6 50%, white 50%);
    background-image: -webkit-linear-gradient(90deg, #f6f6f6 50%, white 50%);
    background-image: -ms-linear-gradient(90deg, #f6f6f6 50%, white 50%);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(164, 176, 176, 0.5);
    box-shadow: 0px 3px 0px 0px rgba(164, 176, 176, 0.5);
    position: relative;
    float: left;
    padding:  1rem 0.5rem ;
	margin: 0.2em 0.2em;
	white-space: nowrap;
}

.btn-cv {
  overflow: hidden;
  position: relative;
}

.btn-cv a {
  border:solid #ff0000 1px;
  border-radius: 5px;
  box-shadow: 1px 3px 0px 0px rgba(164, 176, 176, 0.8);
-webkit-box-shadow: 1px 3px 0px 0px rgba(164, 176, 176, 0.8);
  color: #fff !important;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
/*   line-height: 1.3; */
  padding:  1rem 0.8rem ;
  margin: 0.2em 2px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  max-width: 100%;
  background: #fb4e3e;
  background: -webkit-linear-gradient(#fb4e3e, #8b0000);
  background: linear-gradient(#fb4e3e, #8b0000);
	white-space: nowrap;
}

.btn-cv a img {
  vertical-align: middle;
}

.arrow a:before {
  color: #ffff00;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  left: 18px;
  margin: auto;
  position: absolute;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);
}

/* マネックス証券用矢印 */
.arrow-m a:before {
  color: #ffff00;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  left: 12px;
  margin: auto;
  position: absolute;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

/* アニメーション遅延 */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
@keyframes is-reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes is-reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name: is-trembling;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: is-trembling;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
}
@-webkit-keyframes is-trembling {
  0% {
    -webkit-transform: translate(-8px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}

@keyframes plzTap {
    from { transform: scale(0) translateY(-50%) translateX(-50%); opacity: 1; }
    15%, 100% { transform: scale(1) translateY(-50%) translateX(-50%); opacity: 0; }
}

.cf:after {
  clear: both;
}

/* 赤アンダーライン */
.underred {
  border-bottom: solid 3px #ff0000;
}


@font-face {
     font-family: 'Font Awesome 5 Brands';
     font-style: normal;
     font-weight: 400;
     src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }

 @font-face {
     font-family: 'Font Awesome 5 Free';
     font-style: normal;
     font-weight: 900;
     src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
         url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

.su-box-content{
	padding:0 !important; 
}
/* 証券会社詳細ランキング用 */

/* ▼テーブル全体の装飾 */
table.syoukenngaisyaranking {
   margin-left:auto;margin-right:auto;
   border-collapse: collapse;  /* テーブルの罫線を重ねて1本に見せる */
   border: 2px solid orangered;    /* テーブルの外側の枠線(2pxで緑色の実線) */
	text-align: center;
}
/* ▼セル共通の装飾 */
table.syoukenngaisyaranking th,
table.syoukenngaisyaranking td {
   border: 1px solid orangered;  /* テーブルの内側の罫線(1pxで緑色の実線) */
}
/* ▼見出しセルの装飾 */
table.syoukenngaisyaranking th {
   background-color: #ff7f50;  /* 背景色(淡い緑色) */
   padding: 0.3em;             /* 内側の余白(0.3文字分) */
}

/* ▼リンクの上にマウスが載った際の装飾(背景色だけ指定) */
a:hover { background-color: #fcfcaa; }
table.syoukenngaisyaranking td a {
   display: block;       /* リンクをブロックレベル化して表示 */
   padding: 0.6em 1em;   /* 内側の余白量を上下に0.6文字分＆左右に1文字分にする */
}

/* 個別株業績表用 */
.gyousekihyou table {
  border-collapse:collapse;
}
.gyousekihyou table td {
text-align: center;
vertical-align: middle;
}

.gyousekihyou table tr:nth-child(1) {
  background-color:#ffd700;
}

/* タップボタン */
.btn-6 {
    background-color: #008000; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
}

.btn-6:hover {
    opacity: 0.8;
}

.btn-6 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}

.btn-6 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: scale(0) translateY(-50%) translateX(-50%);
    transform-origin: left top;
    border-radius: 50%;
    content: '';
    width: 10em;
    height: 10em;
    background-color: rgba(255, 255, 255, 50%);
    opacity: 0;
    animation: plzTap 3s ease-out 0s infinite;
}
.btn-6 > img { float: left; }
.btn-6::after{ content: ''; clear: left; }

@keyframes plzTap {
    from { transform: scale(0) translateY(-50%) translateX(-50%); opacity: 1; }
    15%, 100% { transform: scale(1) translateY(-50%) translateX(-50%); opacity: 0; }
}

.btn-5 {
    background-color: #dc143c; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 5px 0 0 #194174; /* ボタン陰色 */
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
}

.btn-5:hover {
    opacity: 0.8;
}

.btn-5 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}

.btn-5 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    left: -100%;
    top: -50vh;
    content: '';
    width: 3rem;
    height: 100vh;
    transform: rotate(5deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    animation: highLight 3s ease-in-out 0s infinite;
}

@keyframes highLight {
    from { left: -5%; }
    15%, 100% { left: 105%; }
}

.btn-5 > img { float: left; }
.btn-5::after{ content: ''; clear: left; }

 /* tablescroll */
.scroll {overflow: auto; width: 99%;}
th {width: 150px; height: 70px;}
table {table-layout: fixed;}





@media screen and (max-width: 640px) {
	/* SP▼業績表スクロール*/
    .gyousekihyou table {
	 display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
	
	/* モバイル用表スクロール */
	.table-scroll {
		overflow-x: scroll;
		overflow-y: scroll;
}
	.btn_detail a{
		font-size: 0.8em;
		
	}
	
	.btn-cv a {
		font-size: 0.8em;		
	}
	
/* マネックス証券スマホ用矢印 */
.arrow-m a:before {
  left: 0;
}
 /* ヘッダー広告、画像3つ並び */
.row {
    padding: 0 3vw !important; 
    gap: 3vw !important;
}
	
}