/*<link href="/css/marks/topics_jizen.css" rel="stylesheet" type="text/css"> */
/*<div class="topics_jizen"></div>*/

/*フォントサイズ p h3 h4 .yellow .red */

.topics_jizen h3{ 
font-size: 130%;
font-weight: bold;
}

.topics_jizen h4{ 
  font-size: 165%;
  padding:  2em 0em 0.5em;
}

.topics_jizen p{ 
  font-size: 120%; 
  margin:  0em 0em 2em; /* 下のみ1em */
  color: gray;
}

/*html: <span class="yellow">フォントの色</span> */
.yellow {
background-color: yellow; 
}

.red {
color: red; 
}

/* 位置 */

.topimage {
width: 730px;
margin: 0.5em 0em;
}

.enter_icon {
width: 330px;
margin: 1.5em 1.5em;
}


/* タブレット・スマホサイズの場合 */
@media screen and (max-width: 768px) {
.topimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.enter_icon {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.topics_jizen p { font-size: 115%; }
.topics_jizen h3{ font-size: 125%; }
.topics_jizen h4{  font-size: 140%; }
.topics_jizen br { display: none; }
}