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






/* 
-------------------------- */


.contents01{
	margin-top: 10%;
}

.contents02{
	margin-top: 5%;
}



/*---ac-1---*/

.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}
.ac-menu input {
  display: none;
}
.ac-menu label {
  color: #fff; /* 文字色 */
  line-height: 2; /* 行間 */
  background-color: #47763c; 
  width: 40%;
  padding: 1%; /* 内側の余白 */
  cursor: pointer;
  position: relative;
  display: block;
font-size: 1.6vw;
}
@media screen and (max-width: 480px) {
.ac-menu label {
  width: 70%;
font-size: 3vw;
}
}

.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  content: "＋"; /* アイコン */
}
.ac-menu input:checked ~ label::after {
  content: "?"; /* クリック後のアイコン */
}
.ac-menu .ac-menu-inside {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu input:checked ~ .ac-menu-inside{
  height: auto;
  opacity: 1;
  padding: 20px; /* 中身の枠内の余白 */
}



/*英語チャプターページ---*/

.e-chapter{
	width: 100%;
	height: 20vw;
	background-color: #D1F7C2;
}



.english-contents-top{
	font-size: 2.3vw;
	line-height: 2em;
	padding-top: 4%;
	padding-left: 6%;
	font-size: 2.5vw;

}

.page-top-block{
	font-size: 1.7vw;
}

.chapter{
	font-size: 3vw;
}

.chapter-top-img{
	display:flex;
	margin: auto;
	align-items: center;
}


.chapter-contents{
	display:block;
	background-image: url("/~oseki/image/table-bg.png");
	background-size: contain;
	background-position: right;
	background-attachment: fixed;
}

.reading-passage{
	margin: 0% 5% 0% 5%;
	padding:2%;
	line-height: 2;
}

.reading-passage h2{
	font-size: 3vw;
	text-decoration: underline;
}

@media screen and (max-width: 480px) {
.reading-passage h2{
	font-size: 4.5vw;
}

}


.reading-passage p{
	font-size: 1.5vw;
}

@media screen and (max-width: 480px) {
.reading-passage p{
	font-size: 3vw;
}

}


.passanger{
	font-family:"MS Serif", "New York", "serif";
	font-size: 100%;
	color: black;
	background-color:rgba(255,253,228,0.8);
	margin: 2% 0;
	padding: 3%;
}

.passanger h3{
	text-align:center;
	font-style: bold;
	font-size: 2vw;
	margin: 1% 0% 2% 0%;
}

@media screen and (max-width: 480px) {
.passanger h3{
	font-size: 3.3vw;
}

}


.passage-color{
	color: #008CD6;
}

.italic{
	font-style: italic;
}

.reading-japanese{
	font-feature-settings: "palt";
	background-color:rgba(246,236,198,0.8);
	margin: 2% 0;
	padding: 3%;
	line-height: 2;
}

.reading-japanese h3{
	text-align:center;
	font-style: bold;
	font-size: 2vw;
	margin-bottom: 1%;
}

.underline{
	text-decoration: underline;
}

dl{
	display:flex;
	flex-wrap: wrap;
	font-size: 1.6vw;
}
@media screen and (max-width: 480px){
dl{
	font-size: 3vw;
}
}

dl dt{
	width:10%;
}

dl dd{
	width: 90%;
}

@media screen and (max-width: 480px){
	dl dt{
	width: 20%;
}

dl dd{
	width: 80%;
}
	
	
}