@charset "UTF-8";
/* CSS Document */
body {
	background-color: #B62966;
	color: #414141;
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	position: relative;
	cursor: auto;
	z-index: 1;
}
h2 {
	font-size: 34px;
	font-weight: bold !important;
	font-family: Arial, Helvetica, "sans-serif";
	background-color: #adbbc2;
	
	padding: 0.5em 0.6em;
	margin-bottom: 0em !important;
	letter-spacing: .05em;
}
h1+br+h2 {
	margin-top: 20px !important;
}

h2+h3 {
	margin-top: 0px !important;
}
h3+h4 {
	margin-top: 0px !important;
}
#pr h3 {
	font-size: 34px;
	font-weight: bold !important;
	font-family: Arial, Helvetica, "sans-serif";
	/*	border-top:solid 3px #adbbc2;*/
	border-bottom: solid 4px #adbbc2;
	border-left: solid 4px #adbbc2;
	border-right: solid 4px #adbbc2;
	padding: 0em 0.3em 0.3em;
	margin-top: 0em;
	margin-bottom: 1em;
}

h1,p {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif !important; 
}
#pr h3 span, sup {
	font-size: 16px;
	font-weight: normal !important;
}
#pr h3 span.red {
	color: #Eb3739;
	margin-left: 0em;
}
#pr h2 span.mokuji {
	color: #656565;
	font-weight: bold !important;
	font-size: 34px;
}
#pr h4 {
	font-size: 22px;
	color: #Eb3739;
	margin-top: 3em;
	margin-left: .5em;
}
#pr h4::before {
	content: "◉";
	color: #E75B57;
}
#pr h5 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 2em;
    margin-left:.6em;
}
#pr h5 b {
	font-size: 1.3rem
}
#pr p b {
	font-size: 1.25rem
}

#pr h5.sub {
	line-height: 40px;
	padding-left: 2em !important;
	font-size: 18px;
}
#forcus ul li {
	list-style: none;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 40px;
	margin-left: 1em;
}
#forcus ul li a {
	margin-top: 30px;
}
#forcus ul li a:hover {
}
#forcus ul {
	margin-left: 0em;
	font-size: 18px;
	margin-right: 0em;
}
#forcus .en {
	font-weight: bold;
	font-size: 18px;
}
#forcus .en r {
	font-weight: normal;
	font-size: 18px;
}
#forcus .en i {
	font-style: italic;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: normal;
}
#forcus .jp {
	margin-left: 2em;
	display: block;
}
#forcus p {
	margin: 2em;
}

#01,#02,#03,#04,#05,#06,#07,#08,#09,#10,#11,#12,#13,#14,#15,#16,#17,#18,#19,#20,#21,#22,#23,#24,#25,#26,#27,#28,#29,#30,#31,#32,#33,#34,#35,#36,#37,#38,#39,#40,#41,#42,#43,#44,#45,#46,#47,#48,#49,#50,#51,#52,#53,#54,#55,#56 {
	padding-top: 100px;
/*	margin-top: -100px;*/
}
#menu {
    padding-top:30px;
}
section.forcus {
	display: block;
   padding-top:130px;
}


select {
    font-size: 1.2rem;
    padding:.5em 1em;
    height:3rem;
}


#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #616161;
	opacity: 0.7;
}
#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before {
	font-family: FontAwesome;
	content: '\f0d8';
	font-size: 18px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0px;
	right: 0px;
	left: 0;
	margin: auto;
	text-align: center;
}
.ac_ej-head {
	height: 150px;
	background-image: url(../img/logotype.png);
	background-repeat: no-repeat;
	background-position: 98% 24px;
	background-size: auto 110px;
	z-index: -1;
	padding-right: 10px;
    padding-top: 10px;
}

.pron {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.3em;
	color: #444;
	letter-spacing: 0.1px;
	margin-right: 0em;
	margin-left: 0.5em;
	text-wrap: none;
	display: inline-block;
}
.audiojs audio {
	width: 230px;
}
.caption {
	font-size: smaller;
}

/*ワークシート用*/
.popupBtn{
	display: block;
	width: 60%;
	text-align: left;
	text-decoration: none;
	padding: 0.6em 1em 1em;
	color: #FFF;
	background-color: #616161;
	box-sizing: border-box;
/*	font-weight: bold;*/
	border-radius: 4px;
	overflow:hidden;
	margin:0 auto;
    font-size:1.1rem !important;
}
.popupBtn p {
	
}
.popup a:hover{
	
	color: #E5BD54 !important;
	background-color: #646464;
	
}
i{
  font-family:FontAwesome;
  font-style:normal;
  padding-right:0.5em;
    padding-top:0.2em;
  margin:3 0 0 0px;
}

h1::before {

    content: "◎";
    color:#E5BD54 !important

}

@media only screen and (max-width:40em) {
#forcus .jp {
	margin-left: 0em;
	display: block;
	line-height: 1.3em;
}
#forcus .en {
	display: block;
	line-height: 1.3em;
	margin-bottom: .5em;
}
#forcus p {
	margin: 1em;
}
#forcus ul {
	margin-left: 0em;
	font-size: 16px;
	margin-right: 0em;
}
#forcus ul li {
	margin-left: 1em;
}
#pr h3 span, sup {
	font-size: 14px;
	font-weight: normal !important;
}
#pr h3 span.red {
	color: #Eb3739;
}
#pr .audiojs {
	display: block !important;
	float: none !important;
}
.ac_ej-head {
	height: 65px;
	background-image: url(../img/ac_ej-logo.png);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	background-size: auto 60px;
	z-index: -1;
	padding-right: 20px;
}
.ac_ej-head img {
	display: none;
}
}