p.subtitle p {
	margin: auto;
	margin: 10px;
}

p.subtitle {
font-size:170%;
font-weight: bold;
background: linear-gradient(transparent 80%, #a7d6ff 70%);
}

p.subtitle２ {
font-size:150%;
border-bottom: 3px solid #000;
}

div.subtitle{
  font-size:150%;
	line-height: 10px;
	font-weight:bold;
}

div.subtitle a{
	text-decoration: none;
}

.subtitle-2 {
	border-bottom: 1px solid #000;
	font-size: 130%;
	font-weight: bold;
	color: #003399;
}
.font-size1 p{
font-size:130%;
display:inline-block;
font-weight:bolder;
}

.subtitle-3{
font-size:150%;
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

hr {
 height: 1px;
 background-color: black;
 width: 100%;
 border: none;
}

#menucss {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

#menucss li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

#menucss li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: gray; /*アイコン色*/
}

.bk-box-out {
    margin: 2em 0;
    padding: 2em;
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.bk-box1 {
    background-color: #eee;
    margin: 2em 0;
    padding: 2em;
}

#mokuji {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

#mokuji li {
	list-style-type:decimal;
}
#mokuji li:before {
  position: absolute;
  left : 1em;
  color: gray;
}
#mokuji li a{
		text-decoration: none;
    position:  relative;
    left: 2px;
    margin-right: 5px;
}
#mokuji li::marker{
    line-height: 1;
    color: gray;
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #dddddd;
    background: #cde4ff;/*背景色*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/*合わせて読みたいの表示*/
a.blogcard-href:before {
    content:"合わせて読みたい";
    position:absolute;
    bottom:0;
    right:0;
    padding:1px 10px;
    font-size:12px;
    font-weight:boler;
    color:#fff;
    background-color:#3399FF;
}

.box-design1 {
    padding: 0.5em 1em;
    background: #cde4ff;
}
.box-design1 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
}

/*デザイン設定*/
.grid-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.grid-container > li {
  height: 100px;
  padding: 5px;
  background-color: #CCFFFF;
}

/*グリッド設定*/
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
#tradingview_813bd div {
height: 600px !important;
}
.tradingview-widget-container div div {
height: 400px !important;
}
#tradingview_5b9e6-wrapper {
height: 610px;
}
@media (max-width: 767px) {
#tradingview_5b9e6-wrapper {
height: 550px;
}
}
@media (max-width: 420px) {
#tradingview_5b9e6-wrapper {
height: 320px;
}
}
.kaisyatable{
	Width:100%;
	text-align:center;
	vertical-align:middle;
}
span.under-line{
	 background: linear-gradient(transparent 60%, yellow 30%);
	font-weight:bold;
}

.hukuri-box{
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #3399FF;
}
.hukuri-box p {
    margin: 0; 
    padding: 0;
}

/*星形評価*/
.star5_rating{
    position: relative;
    z-index: 0;
　　　　	margin: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.star-hyouka td{
	border:none;
}
.star-hyouka td p{
	margin:0px;
}

.box2{
    padding: 0.5em 1em;
    margin: 0;
    color: #474747;
    background: whitesmoke;
    border-left: double 7px #4ec4d3;
    border-right: double 7px #4ec4d3;
}

.box2 p {
  margin: 0; 
  padding: 0.2em;
	text-align:center;
	font-size: 150%;
}

.box3 {
    padding: 0.3em 0.7em;
    margin: 0.8em 0;
    font-weight: bold;
    border: solid 1.5px #000000;
}
.box3 p {
    margin: 0; 
    padding: 0;
	text-align:left;
	font-size: 100%;
}

.footer-pc{
   table-layout: fixed;
   width: 100%;
   text-align: center;
}
.footer-pc td a{
	text-decoration: none;
	}