@charset "UTF-8";

.lyt_branding{
	max-width: 1400px;
  margin: 0 auto 8.5rem;
	padding: 0;
}


/* 再生プレーヤ */
.audiojs audio {
}
 /*　プレイヤー（再生バー）　*/
.audiojs {
  width: 220px;
  height: 28px;
  background: none;
  overflow: hidden;
  font-family: monospace;
  font-size: 12px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;  
  -o-box-shadow: none;
  box-shadow: none;
  float: right;
}

.mdl_sound_list_play .audiojs {
padding-right: 2rem;
}
.lyt_info .elm_txt{
color:#f78a29;
padding-right: 1rem;
font-size: 2rem;
}
.lyt_branding,.elm_body_download .mdl_page_header,.elm_body_teacher_resource .mdl_page_header,.elm_body_teacher .mdl_page_header{
position: relative;
}
.lyt_branding .lyt_info{
/*position: absolute;
left: 160px;
width: 41rem;
text-indent: -2rem;
top: -10px;*/
    position: absolute;
    z-index: 1;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0;
}
.lyt_branding .lyt_info .elm_txt{
    width: 60rem;
    margin: 0 auto;
    font-size:3rem;
    background-color: #fff;
    padding: 1.5rem;
    border: #333 solid 1px;
    }
.mdl_page_header .lyt_info{
position: absolute;
left: 32%;
top:3.5rem;
bottom: 0;
}
.mdl_page_header .lyt_info_en {
left: 45%;
top:3.6rem;
}
@media screen and (max-width:640px) {
.mdl_sound_list_play .audiojs {
width: 60px;
padding-right: 0;
margin-top:-0.5rem;
}
.mdl_sound_list_play .elm_list_item {
margin-right: 0!important;
padding-left: 0.5rem!important;
}
}

/*　再生・停止ボタン　*/
.audiojs .play-pause {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  float: left;
  overflow: hidden;
  border: 2px solid #ff7800;
  border-radius: 14px;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
  display: none;
  width: 26px;
  height: 26px;
  margin: 0px;
  cursor: pointer;
}
.audiojs .play {
  display: block;
}
/*　進行状態・ロードの状態を表示する部分(グレー)　*/
.audiojs .scrubber {
  position: relative;
  float: left;
  width: 190px;
  background: #5a5a5a;
  height: 4px;
  margin: 12px 0 0 0px;
  border-top: 0;
  border-left: 0px;
  border-bottom: 0px;
  overflow: hidden;
}
@media screen and (max-width:640px) {
.audiojs .scrubber {
width: 20px;
}
}

/*　進行状態を表示するバーの部分(薄いグレー)　*/
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 0px;
  background: #3A3A3A;
  z-index: 1;  
}
/* ロード状態を表示するバーの部分（黒） */
.audiojs .loaded {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 0px;
  background: #ddd;  
}
.audiojs .time,
.audiojs .time em,
.audiojs .time strong {
  display: none;
}
.audiojs .error-message {
  float: left;
  display: none;
  margin: 0px 10px;
  height: 26px;
  width: 200px;
  overflow: hidden;
  line-height: 26px;
  white-space: nowrap;
  color: #fff;  
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.audiojs .error-message a {
  color: #eee;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #999;
  white-space: wrap;
}
/*　再生ボタン　*/
.audiojs .play {
  background: url(/assets/imgs/download/btn_play.png) center center no-repeat;
}
.audiojs .loading,
.audiojs .error,
.playing .play, .playing .loading, .playing .error,
.loading .play, .loading .pause, .loading .error,
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading {
  display: none;
}
/*　停止ボタン　*/
.audiojs .pause {
  background: url(/assets/imgs/download/btn_pause.png) center center no-repeat;
}
.playing .pause,
.loading .loading,
.error .error,
.error .error-message {
  display: block;
}
.error .play-pause p {
  cursor: auto;
}
/*　再生している曲の情報　*/
.track-details {
  clear: both;
  height: 26px;
  width: 200px;
  padding: 0px 6px;
  background: #FFF;
  color: #3A3A3A;
  font-size: 10px;
  line-height: 26px;
}
.track-details:before {
  content: '♬ Now Playing: ';
}



@media screen and (max-width:767px) {
.lyt_branding{
  margin-bottom: 4%;
}
.mdl_page_header .lyt_info,.lyt_brand .lyt_info{
position: static;
width: auto;
}
}

.mdl_main_image{
margin-bottom: 3rem;
}
.mdl_global_navi_home .elm_link{
border: none;
padding:3rem 2rem;
}
.mdl_global_navi_home .elm_list_item{
  width: calc(25% - 4px);
}

@media screen and (max-width:640px) {
.mdl_global_navi_home .elm_list_item{
  width: 50%;
  margin: 0!important;
}
}
.mdl_global_navi_home .elm_list_item_home{
  display: none;
}
.mdl_global_navi_home .elm_list_item:last-child .elm_link {
    border-right: none;
}


/* ホームメニュー */
.elm_body_home .lyt_global_navi {
padding:30px 0 20px;
background:#eee url(../imgs/common/bg_stripe.png); 
}
.elm_body_home .lyt_global_navi .elm_list_item {
background: #fff;
padding: 30px 0 0;
margin:2px!important;
}
.elm_body_home .lyt_global_navi .elm_list_item .child .elm_list_item {
margin:0!important;
}
.elm_body_home .lyt_global_navi .elm_list.child .elm_list_item {
padding-top: 0;
}
.mdl_global_navi_home .elm_list_item_about > a {
padding-top: 100px;
background: url(../imgs/home/menu_about.png) top center no-repeat;
transition: 0.6s;
}
.mdl_global_navi_home .elm_list_item_download > a {
padding-top: 100px;
background: url(../imgs/home/menu_download.png) top center no-repeat;
transition: 0.6s;
}
.mdl_global_navi_home .elm_list_item_e-learing > a {
padding-top: 100px;
background: url(../imgs/home/menu_elearning.png) top center no-repeat;
transition: 0.6s;
}
.mdl_global_navi_home .elm_list_item_teacher > a {
padding-top: 100px;
background: url(../imgs/home/menu_teacher.png) top center no-repeat;
transition: 0.6s;
}
.mdl_global_navi_home .elm_list_item_about a:hover {
transition: 0.6s;
opacity: 0.6;
}
.mdl_global_navi_home .elm_list_item_download a:hover {
transition: 0.6s;
opacity: 0.6;
}
.mdl_global_navi_home .elm_list_item_elearning a:hover {
opacity: 0.6;
transition: 0.6s;
}
.mdl_global_navi_home .elm_list_item_teacher a:hover {
opacity: 0.6;
transition: 0.6s;
}
@media screen and (max-width:767px) {
.elm_body_home .lyt_global_navi {
padding:15px 0 0;
}
.mdl_global_navi_home .elm_link{
padding:0 0 10px;
}
.elm_body_home .lyt_global_navi .elm_list_item {
padding: 10px 0 0;
}
.mdl_global_navi_home .elm_list_item_about a,
.mdl_global_navi_home .elm_list_item_download a,
.mdl_global_navi_home .elm_list_item_e-learing a,
.mdl_global_navi_home .elm_list_item_teacher > a {
background-size:auto 50px;
}
.mdl_global_navi_home .elm_list .elm_link {
padding-top: 55px;
}
}

/* 教材ダウンロード ログインボタン等 */
.elm_link.login_link {
background:#f78a29;
color:#fff;
border:1px #f78a29 solid;
}
.elm_link.login_link:hover {
background:#eb8429;
border:1px #f78a29 solid;
}
.lostpw_link {
font-size: small;
}
.lostpw_link i.fa{
color:#f78a29;
font-size: small;
}

/* 教材ダウンロード か別ボタン */
.topic_menu {
margin:15px 0 25px;
background:#f7f7f7;
padding:20px 0 4px 20px;
}
.topic_menu li a {
float:left;
width:6em;
height:auto;
margin:0 16px 16px 0;
background: #fff;
border:1px #ddd solid;
overflow: hidden;
padding: 4px 6px;
font-size: 1.2rem;
text-align: center;
}
.topic_menu li:nth-child(even){
margin-right:0;
}
.topic_menu li a {
text-decoration: none;
}
.topic_menu li a.current,
.topic_menu li a:hover {
background:#f78a29;
color:#fff;
}
@media screen and (max-width:640px) {
.topic_menu {
padding:8px 0 2px 8px;
}
.topic_menu li a {
margin:0 6px 6px 0;
padding: 2px;
width:5.75em;
}
}

/* 教材ダウンロード見出し調整 */
.mdl_ttl .elm_ttl .fa {
padding-left: 1rem;
}

.mdl_tab{
  position: relative;
  margin-bottom: 2rem;
}
.mdl_tab_menu{
  padding: 1rem 0;
  padding-bottom: 0;
}
.mdl_tab_menu .elm_list_item{
float: left;
margin-right: 1rem;
  margin-bottom: 0;
}
.mdl_tab_menu .elm_link{
  padding: 0.5rem 2rem;
  display: block;
  background: #fff;
  text-decoration: none;
  border: 1px solid #ccc;
  border-bottom: none;
}
.mdl_tab_menu .elm_link.selected{
  background-color: #444;
  pointer-events:none;
  color: #fff;
}
.mdl_tab_item{
  padding: 1rem 0;
  margin: 0;
    border-top: 1px solid #ccc;
}
.mdl_tab .elm_txt {
position: absolute;
top: 0;
/*right: 0;*/
left: 10%;
}
/* 教材別教材ダウンロード表 */
.mdl_table_download{
margin-top: 40px;
}
.mdl_table_download th,.mdl_table_download td{
text-align: center;
border: 1px solid #aaa;
box-sizing: border-box;
vertical-align: middle;
padding: 0.3em 0.5em;
}
.mdl_table_download .table_ttl{
border-top: none;
border-left: none;
}
.mdl_table_download span{
font-weight: bold;
}
.mdl_table_download .table_heading{
min-width: 5em;
}
.table_intermediate{
min-width: 266px;
}

.mdl_material_list_3col .elm_list,.mdl_material_list_2col .elm_list{
display: flex;
flex-wrap: wrap;
}
.mdl_material_list_3col .elm_list .elm_list_item{
width: 30%;
margin-right: 3%;
padding: 1rem;
box-sizing: border-box;
}
.mdl_material_list_2col .elm_list .elm_list_item{
width: 50%;
padding: 1rem;
box-sizing: border-box;
}
/*.mdl_material_list_3col .elm_col3list_jp{
display: flex;
justify-content: space-between;
}
.mdl_material_list_2col .elm_col3list_jp{
display: flex;
justify-content: flex-start;
}*/
.mdl_material_list_2col .elm_col3list_jp dt{
width: 19rem;
}
@media screen and (max-width:767px) {
.mdl_tab .elm_txt {
left: 25%;
}
.mdl_table_download{
overflow-x: scroll;
white-space: nowrap;
}

}
@media only screen and (max-width: 480px) {
.mdl_table_download .th_leading {
position:sticky;
left:0;
background-color: #fff;
min-width: 200px;
font-size: 1em;
}
.mdl_material_list_3col .elm_list .elm_list_item{
width: 50%;
margin-right: 0;
}
.mdl_material_list_3col .elm_col3list_jp{
display: inherit;
}
}
.mdl_tab .elm_txt .elm_link, .lyt_use .elm_txt .elm_link {
background: url(../imgs/common/icn_arrow_o.png) no-repeat left .4em center;
border: 1px solid #e6e6e6;
color: #1b1b1b;
font-size: 1.2rem;
text-decoration: none;
padding: 0.4em;
padding-left: 1.6em;
}
.lyt_use .elm_txt .elm_link {
margin-bottom: 3em;}

.mdl_bnr_list .slick-track {
margin: 0 auto;
}
.mdl_bnr_list .slick-track .elm_list_item {
margin: 0 1rem;
}

.mdl_material_list .elm_list_item{
display: block;
margin: 2rem 1rem;
}
.mdl_material_list_inline .elm_list_item{
display: inline-block;
margin: 1rem;
}

.mdl_material_list_tbl {
display: table;
}
.mdl_material_list_tbl_inr {
display: table-cell;
}
.mdl_material_list_tbl_cnts {
float: left;
width: 140px;
/*width: 168px;*/
text-align: center;
}
@media screen and (max-width:1100px) {
.mdl_material_list_tbl_cnts {
width: 100px;
/*width: 120px;*/
}
}
@media screen and (max-width:880px) {
.mdl_material_list_tbl_cnts {
width: 80px;
/*width: 105px;*/
}
}
.mdl_material_list_tbl_ttl {
text-align: center;
border: 1px solid #e1e1e1;
border-left: none;
padding: 5px 10px;
}
.mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_ttl {
border-left: 1px solid #e1e1e1;
}
.mdl_material_list_tbl_ttl_small {
border: 1px solid #e1e1e1;
border-top: none;
border-left: none;
padding: 5px 10px;
}
.mdl_material_list_tbl_ttl_small span {
display: inline-block;
width: 100%;
color: #FFF;
padding: 5px 10px;
box-sizing: border-box;
}
@media screen and (max-width:880px) {
.mdl_material_list_tbl_ttl_small span {
font-size: 80%;
}
}
.elm_material_ttl_starter {
background: #e27691;
}
.elm_material_ttl_elementary1 {
background: #dc5325;
}
.elm_material_ttl_elementary2 {
background: #f2bc1e;
}
.elm_material_ttl_pre_intermediate {
background: #96bf23;
}
.elm_material_ttl_intermediate1 {
background: #4da247;
}
.elm_material_ttl_intermediate2 {
background: #02aebc;
/*background: #014e1a;*/
}
.mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_cnts:nth-of-type(1) .mdl_material_list_tbl_ttl_small {
border-left: 1px solid #e1e1e1;
}
.mdl_material_list_tbl_item_list {
border: 1px solid #e1e1e1;
border-top: none;
border-left: none;
}
.mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_cnts:nth-of-type(1) .mdl_material_list_tbl_item_list {
border-left: 1px solid #e1e1e1;
}
.mdl_material_list_tbl_item {
min-height: 187px;
box-sizing: border-box;
line-height: .6;
padding: 10px;
border-top: 1px solid #e1e1e1;
}

@media screen and (max-width:1100px) {
.mdl_material_list_tbl_item {
min-height: 131px;
}
}
@media screen and (max-width:880px) {
.mdl_material_list_tbl_item {
min-height: 103px;
}
}
.mdl_material_list_tbl_item:first-child {
border-top: none;
}
.mdl_material_list_tbl_item_one {
padding: 104px 10px;
/*padding: 123px 10px;*/
}
@media screen and (max-width:1100px) {
.mdl_material_list_tbl_item_one {
padding: 75px 10px;
/*padding: 90px 10px;*/
}
}
@media screen and (max-width:880px) {
.mdl_material_list_tbl_item_one {
padding: 62px 10px;
/*padding: 79px 10px;*/
}
}

@media screen and (max-width:767px) {
.mdl_material_list_tbl {
display: block;
}
.mdl_material_list_tbl_inr {
display: block;
margin-bottom: 5rem;
}
.mdl_material_list_tbl_cnts {
width: 100%;
}
.mdl_material_list_tbl_item_list {
display: table;
width: 100%;
box-sizing: border-box;
}
.mdl_material_list_tbl_item {
display: table-cell;
border: none;
border-left: 1px solid #e1e1e1;
padding: 10px;
}
.mdl_material_list_tbl_ttl,
.mdl_material_list_tbl_ttl_small {
border-left: 1px solid #e1e1e1;
}
.mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_cnts:nth-of-type(1) .mdl_material_list_tbl_item_list {
border-left: none;
}
.mdl_material_list_tbl_ttl_small span {
font-size: 100%;
}
}


.mdl_sound_list {
margin-top: 1.5rem;
}
.mdl_sound_list .elm_list_item{
display: block;
margin-right: 1rem;
width: auto;
font-size: 1.4rem;
margin-bottom: 1rem;
padding-left: 2rem;
padding-bottom: 1rem;
border-bottom: 1px #ccc solid;
}

.mdl_sound_list_topic {
margin-top: 1.2rem;
}
.mdl_sound_list_topic .mdl_ttl {
padding: 0.1rem 0 1rem 2rem;
font-weight: bold;
display: inline-block;
width:100px;
float:left;
}
@media screen and (max-width:1072px) {
.mdl_sound_list_topic .mdl_ttl {
width:100%;
display: block;
}
}

.mdl_sound_list_topic .mdl_ttl.mdl_ttl_colum1 {
width:100%;
}
.mdl_sound_list_topic .mdl_ttl.mdl_ttl_colum1 a {
font-size:1.35rem;
}
.mdl_sound_list_topic .mdl_ttl.mdl_ttl_colum1 i {
font-size:1.45rem;
}
@media screen and (max-width:640px) {
.mdl_sound_list_topic .mdl_ttl {
padding: 0.1rem 0 1rem 1rem;
display: block;
width:100%;
float:none;
}
}

.mdl_sound_list_topic .elm_list {
width:100%;
}
.mdl_sound_list_topic .elm_list_item{
display: block;
width:300px;
float:left;
margin-bottom: 1.5rem;
padding:0 0 0 20px;
}
.mdl_sound_list_topic .elm_list_item a {
font-size:1.35rem;
}
.mdl_sound_list_topic .elm_list_item i {
font-size:1.45rem;
}
.mdl_sound_list_topic .fa {
margin-left: 1.6rem;
}
@media screen and (max-width:640px) {
.mdl_sound_list_topic .elm_list {
 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
padding: 0.1rem 0 1rem 1rem;
}
.mdl_sound_list_topic .elm_list_item{
width:100%;
float:none;
margin: 0 0 0.5rem 0;
padding: 0;
}
}
.mdl_sound_list_topic .mdl_inlineblk {
display: inline-block;
}

.mdl_level_list .mdl_level_list_item{
  margin-bottom: 6rem;
}
.mdl_level_list .mdl_level_list_item_unit{
  width: 32.5%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2rem;
}
.mdl_level_list .mdl_level_list_item_unit .elm_list_desc .elm_link {
padding-left: 1.2rem;
}
.mdl_level_list .mdl_level_list_item_unit .elm_list_desc {
position: relative;
}
.mdl_level_list .mdl_level_list_item_unit .elm_list_desc a::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -5px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #f78a29;
  border-bottom: 2px solid #f78a29;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (max-width:767px) {
.mdl_level_list .mdl_level_list_item_unit{
  float: left;
  width: 48%;
  padding: 0 1%;
}
.mdl_level_list .mdl_level_list_item_unit:nth-last-of-type(1){
  clear: both;
  float: none;
  width: 98%;
  margin: .2rem 1% 0;
}
}

.mdl_tbl {
border: 1px solid #dcdbdb;
}
.mdl_tbl th,
.mdl_tbl td {
padding: 2%;
border: 1px solid #dcdbdb;
box-sizing: border-box;
}
.mdl_tbl th {
min-width: 200px;
}
.mdl_tbl td {
min-width: 100px;
}


.mdl_book_info_body{
  overflow: hidden;
}

/* 横2列 */
.mdl_book_info_aside {
width:380px;
float: left;
margin:0 10px;
padding: 10px 10px 20px;
background-color: #fafafa;
}
@media screen and (max-width:640px) {
.mdl_book_info_aside {
width: 100%;
margin: 0 0 1.5rem;
box-sizing: border-box;
}
}
.mdl_book_info_aside .elm_caption{
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
}
.mdl_book_info_aside .elm_figure{
margin: 0;
}
.mdl_book_info_aside .elm_img{
margin: 1rem 0;
}
.mdl_book_info_aside .elm_table{
  margin-bottom: 1rem;
}
.mdl_book_info_aside .elm_table .elm_header,
.mdl_book_info_aside .elm_table .elm_body{
font-size: 1.35rem;
}
.mdl_book_info_aside .elm_list .elm_list_item{
font-size: 1.35rem;
}

/* 横1列 */
.mdl_book_info_aside1 {
width:400px;
margin: 0 auto;
padding: 2rem;
background-color: #fafafa;
}
@media screen and (max-width:640px) {
.mdl_book_info_aside1 {
width:auto;
}
}
.mdl_book_info_aside1 .elm_caption{
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
}
.mdl_book_info_aside1 .elm_figure{
margin: 0;
}
.mdl_book_info_aside1 .elm_img{
margin: 1rem 0;
}
.mdl_book_info_aside1 .elm_table{
margin-bottom:1rem;
}
.mdl_book_info_aside1 .elm_table .elm_header,
.mdl_book_info_aside1 .elm_table .elm_body{
font-size: 1.35rem;
}
.mdl_book_info_aside1 .elm_list .elm_list_item{
font-size: 1.35rem;
}

.mdl_contact_form {
text-align: center;
}
.mdl_contact_form .elm_difinition_list{
clear:both;
text-align: left;
}
.mdl_contact_form .elm_difinition_list .elm_list_term{
float:left;
margin-right: 20px;
text-align: right;
width: 20rem;
}
.mdl_contact_form .elm_difinition_list .elm_list_desc{
margin:0 40px 40px 30rem;
}
.mdl_contact_form .elm_difinition_list .elm_list_desc .elm_input,.mdl_contact_form .elm_difinition_list .elm_list_desc .elm_textarea{
width:100%;
}
.mdl_contact_form .elm_button{
color: #000;
background-color: #ccc;
border-radius: 3px;
border:none;
padding:0.5em 1em;
cursor: pointer;
font-size: 1.6rem;
}
.mdl_contact_form .elm_button:hover{
background-color: #ddd;
}

@media screen and (max-width:767px) {
.mdl_contact_form {
text-align: center;
padding: 0 5px;
}
.mdl_contact_form .elm_difinition_list .elm_list_term{
float: none;
margin-right: 0;
text-align: left;
width: 100%;
}
.mdl_contact_form .elm_difinition_list .elm_list_desc{
margin:0 0 1em;
}
.mdl_contact_form .elm_difinition_list .elm_list_desc .elm_input,.mdl_contact_form .elm_difinition_list .elm_list_desc .elm_textarea{
width:100%;
box-sizing: border-box;
}
}


/* ドロップダウンメニューテスト */
.lyt_global_navi .mdl_global_navi .elm_list .elm_list_item{
margin: 0;
position: relative;
display: block;
}
@media screen and (max-width:767px) {
  .lyt_global_navi .mdl_global_navi .elm_list .elm_list_item {
  float: left;
  width: 49%;
  margin: 0!important;
  margin-right: 2%!important;
  }
  .lyt_global_navi .mdl_global_navi .elm_list .elm_list_item:nth-child(2n) {
  margin-right: 0!important;
  }
}

.lyt_global_navi .mdl_global_navi .elm_list .elm_list_item .elm_list{
        display: none;
        position: absolute;
        padding: 0;
								z-index: 1;
}
.lyt_global_navi .mdl_global_navi .elm_list .elm_list_item .elm_list .elm_list_item{
width:100%;
background: #fafafa;
}
.lyt_global_navi .mdl_global_navi .elm_list .elm_list_item .elm_list .elm_list_item .elm_link{
display: block;
padding: 1rem 0.2rem;
font-size: 1.25rem;
}
.elm_body_home .lyt_global_navi .mdl_global_navi .elm_list .elm_list_item .elm_list .elm_list_item .elm_link{
padding: 1.4rem 0.2rem;
font-size: 1.4rem;
}

.lyt_global_navi .mdl_global_navi .elm_list .elm_list_item .elm_list .elm_list_item .elm_link:hover{
    background: #eee;
}
/* サイドメニュースクロール追従テスト */
.lyt_secondary{
position: relative;
}
.lyt_secondary .mdl_local {
width:200px;
}
@media screen and (min-width: 768px) {
.lyt_secondary .mdl_local {
position: relative;
}
}
@media screen and (max-width: 767px) {
.lyt_secondary .mdl_local {
position: static!important;
width: 100%;
}
}
.lyt_secondary .mdl_local .mdl_btn_list {
min-height: 127px;
}

/*.fixed {
position: fixed;
top: 20px;
width:200px;
}
@media screen and (max-width:767px) {
.fixed {
position: static;
width:100%;
}
}*/

/* アコーディオン */		
#ac_list .elm_list_desc{
display: none;
}
#ac_list .elm_list_term{
cursor: pointer;
background: url(/assets/imgs/common/plus.gif) 95% no-repeat #eee; 
}
#ac_list .ac_on{
cursor: pointer;
background: url(/assets/imgs/common/minus.gif) 95% no-repeat #eee; 
}

.mdl_accordion_faq {
  margin: 64px auto 0;
  position: relative;
}
.mdl_accordion_faq h3 {
  /*font-size: 24px;
  text-align: right;*/
  padding-bottom: 32px;
  position: absolute;
  top:0;
  right: 1em;
}
.mdl_accordion_faq span {
  text-align: right;
  position: absolute;
}
.mdl_accordion_faq dl {
  cursor: pointer;
}
.mdl_accordion_faq dl dt {
  position: relative;
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
  padding: 20px 20px 20px 48px;
}
.mdl_accordion_faq dl .elm_ttl_lv3 {
  padding: 1rem 8rem
 }
.mdl_accordion_faq dl dt span {
  display: inline-block;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  text-indent: -3.5em;
  font-weight: bold;
}
.mdl_accordion_faq dl dt:before, .mdl_accordion_faq dl dt:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: black;
  right: 16px;
  top: 48%;
  width: 14px;
  height: 2px;
}
.mdl_accordion_faq dl dt:before {
  top: 48%;
  right: 10px;
  transform: rotate(135deg);
  transition: padding-bottom 0.5s, padding-top 0.5s;
  }
.mdl_accordion_faq dl dt:after {
  top: 48%;
  right: 19px;
transform: rotate(45deg);
transition: padding-bottom 0.5s, padding-top 0.5s;
}
.mdl_accordion_faq dl dd {
  display: none;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
  font-weight: 500;
  padding-left: 36px;
}
.mdl_accordion_faq dl dd span {
  display: inline-block;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);  
  text-indent: -1.5em;
}
.mdl_accordion_faq dl dt.close:before {
  transform: rotate(45deg);
}
.mdl_accordion_faq dl dt.close:after {
  transform: rotate(135deg);
}

/* --------------------------------------------------
  お知らせ詳細
-------------------------------------------------- */
.mdl_info {
padding-bottom: 50px;
}
.mdl_info_state {
margin-bottom: 2rem;
}
.elm_info_day {
display: inline-block;
margin-right: 1rem;
}
.elm_info_txt {
margin-bottom: 1em;
}
.mdl_info_l {
float: left;
width: 75%;
}
.mdl_info_r_img {
float: right;
width: 20%;
text-align: center;
}
.mdl_info_r {
float: right;
width: 60%;
}
.mdl_info_l_img {
float: left;
width: 30%;
text-align: center;
}


/* --------------------------------------------------
  『まるごと』って？
-------------------------------------------------- */
.elm_2_column {
clear: both;
margin-bottom: 50px;
}
.elm_2_column li.elm_2_column_box a {
display: block;
border:4px orange solid;
text-align: center;
width:46.5%;
padding-bottom: 4px;
font-weight: bold;
}

.elm_copytxt_bk {
font-size:2rem;
font-weight: bold;
padding-bottom: 0.5em;
}

.elm_2_column li.elm_2_column_box:nth-child(odd) a {
float:left;
}
.elm_2_column li.elm_2_column_box:nth-child(even) a {
float:right;
}
.elm_img_link  a{
display: block;
border: 4px orange solid;
text-align: center;
font-weight: bold;
}

@media only screen and (max-width: 480px) {
.elm_2_column li.elm_2_column_box:nth-child(odd) a {
float:none;
width:100%;
margin-bottom: 15px;
}
.elm_2_column li.elm_2_column_box:nth-child(even) a {
float:none;
width:100%;
margin-bottom: 15px;
}
.lyt_branding .lyt_info .elm_txt{
width: 25rem;
font-size: 1rem;
top: 20%;
}

}
/* --------------------------------------------------
  国際交流基金海外拠点の取り組み　　　　　　　　　　　　　　　　　　　
-------------------------------------------------- */
.mdl_world_list{
margin-bottom: 2em;
}
.mdl_world_list dd{
margin-bottom: 1em;
word-break: break-all;
}
/* --------------------------------------------------
  『まるごと』をつかってみませんか？
-------------------------------------------------- */
.mdl_movie  {
display: flex;
}
.mdl_movie .mdl_movie_box {
width: 50%; /* 横幅変更 */
padding: 0;
box-sizing: border-box;
}

.mdl_movie .mdl_movie_box .mdl_movie_inner {
	padding-top: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	position: relative;
	height: 0;
	overflow: hidden;
  margin-bottom: 2em;
}

.mdl_movie .mdl_movie_box .mdl_movie_inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mdl_movie .mdl_movie_txt{
width: 60%;
margin-left: 2em;
}

/* --------------------------------------------------
  アイコン関連
-------------------------------------------------- */
.mdl_main_image .mdl_main_icon_guide{
position: relative;
}
.mdl_main_icon{
position: absolute;
bottom:40px;
left:0;
clear: left;
margin-bottom: 0;
max-width: 500px;
padding-left: 7%;
  width: 35%;
}
.mdl_faq_icon{
clear: left;
width: 460px;
}
.mdl_faq_icon::after {
   content: "";
   display: block;
   clear: both;
}
.mdl_main_icon .elm_list_item, .mdl_faq_icon .elm_list_item{
float: left;
margin: 0;
width: 42%;
}
.mdl_main_icon .elm_list_item img ,.mdl_faq_icon .elm_list_item img{
  width: 100%;
}
.mdl_main_icon .icon_02, .mdl_faq_icon .icon_02{
width: 50%;
  float: right;
  margin-left: 10px;
}
.mdl_series_icon{
margin-left: 2rem;

}
/* --------------------------------------------------
  よくある質問
-------------------------------------------------- */
.elm_body_faq .elm_section .elm_ttl_lv2 .elm_txt{
font-size: 1.6rem;
}
.mdl_faq_2col .fleft{
float: left;
width: 55%;
}
.mdl_faq_2col .fright{
width: 40%;
margin: 0;
}
.mdl_faq_2col .cf{
margin: 3rem 0;
padding-bottom: 3rem;
}
@media screen and (max-width: 480px) {
.mdl_faq_icon{
width: auto;
  }
.mdl_faq_2col .fleft, .mdl_faq_2col .fright{
float: none;
width: auto;
}
}
/* --------------------------------------------------
  アイコン関連
-------------------------------------------------- */

.mdl_orderd_list{
list-style-type: decimal;
}
/*@media screen and (max-width:1024px) {
.mdl_main_icon{
bottom:20px;
/*left:50px;*/
/*}
.mdl_main_icon .elm_list_item{
width: 47%;
}
.mdl_main_icon .icon_01{
width: 40%;
}
}
@media screen and (max-width:768px) {
.mdl_main_icon{
bottom:20px;
/*left:50px;*/
/*margin: 0 10px 0 0;
}
.mdl_main_icon .elm_list_item {
width: 120px;
margin-right: 20px;
}
}*/
@media screen and (max-width: 480px) {
.mdl_main_icon{
bottom:10px;
width: 150px;
padding-left: 10px;  
  }
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one {
padding: 0;
}
.mdl_material_list_tbl_download .elm_material_cat_katsudoo, .mdl_material_list_tbl_download .elm_material_cat_rikai{
  visibility: hidden;
  border: none;
}
.mdl_material_list_tbl_download .elm_material_cat_2nd .elm_material_cat_katsudoo,.mdl_material_list_tbl_download .elm_material_cat_2nd .elm_material_cat_rikai{
visibility: visible
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_cnts,.mdl_material_list_tbl_download.elm_material_cat.elm_material_cat,.mdl_material_list_tbl_download .mdl_material_list_tbl_item_list .elm_material_cat,.mdl_material_list_tbl_download .mdl_material_list_tbl_item_list,.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_ttl_small
{
border: none;  
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_ttl, .mdl_material_list_tbl_download .elm_material_cat span{
font-weight: bold;  
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item {
  min-height: 190px;
  border: 1px solid #aaa;
  border-left: none;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts .mdl_material_list_tbl_item_list .elm_material_cat_3rd{
border-right: 1px solid #aaa;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one  .mdl_material_list_tbl_item {
  border: none;
}
.mdl_material_list_tbl_download .elm_material_cat {
padding: 5px 0;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts
{
box-sizing:  border-box;
height: 502px;  
border-bottom: 1px solid #aaa;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_cnts
{
border-right: 1px solid #aaa; 
border-bottom: 1px solid #aaa;
}
.mdl_material_list_tbl_download .elm_material_cat_rikai_sp,.mdl_material_list_tbl_download .elm_material_cat_rikai_en_sp{
border-bottom:  none;  
}

.mdl_material_list_tbl_download .mdl_material_list_tbl_item,
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_list,
.mdl_material_list_tbl_download .mdl_material_list_tbl_ttl,
.mdl_material_list_tbl_download .mdl_material_list_tbl_ttl_small,.mdl_material_list_tbl_download .mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_cnts:nth-of-type(1) .mdl_material_list_tbl_item_list,.mdl_material_list_tbl_download .mdl_material_list_tbl_ttl,
.mdl_material_list_tbl_download .mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_cnts:nth-of-type(1) .mdl_material_list_tbl_ttl_small, .mdl_material_list_tbl_download .mdl_material_list_tbl_inr:first-child .mdl_material_list_tbl_ttl{
border-color: #aaa;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_item{
padding: 90% 10px 10px 10px;
}
/*.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_item_list.mdl_material_list_tbl_item_list{
height: 456px;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
}*/
@media screen and (max-width: 1100px){
.mdl_material_list_tbl_download .mdl_material_list_tbl_item {
min-height: 136px;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts
{
height: 395px;
}
}
@media screen and (max-width: 880px){
.mdl_material_list_tbl_download .mdl_material_list_tbl_item {
    min-height: 106px;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts
{
height: 329px;
}

}
@media screen and (max-width: 767px){
.mdl_material_list_tbl_download .elm_material_cat_katsudoo, .mdl_material_list_tbl_download .elm_material_cat_rikai{
display: none;
}
.elm_material_cat_katsudoo_sp:before ,.elm_material_cat_rikai_sp:before ,.elm_material_cat_katsudoo_en_sp:before ,.elm_material_cat_rikai_en_sp:before
{
height: 20px;
content:  'かつどう';
background-color: #fff;
display: block;
font-weight: bold;
border-bottom: solid 1px #aaa;
margin-bottom: 10px;  
}
.elm_material_cat_rikai_sp:before 
{
content:  'りかい';
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts
{
height: auto;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item {
border-top:none;
padding: 10px 0;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_item{
padding: 10px 0;
}  
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts .mdl_material_list_tbl_item_list .elm_material_cat_3rd{
border-right:none;
}
.mdl_material_list_tbl_download .elm_material_cat_katsudoo_sp{
border-left: solid 1px #aaa;
}   
.mdl_material_list_tbl_download .mdl_material_list_tbl_item_one .mdl_material_list_tbl_cnts {
border-left: solid 1px #aaa;
  height: auto;
}
.mdl_material_list_tbl_download .mdl_material_list_tbl_cnts
{
border-bottom: none;
}  
.mdl_material_list_tbl_download .elm_material_cat_rikai_sp,.mdl_material_list_tbl_download .elm_material_cat_rikai_en_sp{
border-bottom: 1px solid #aaa;
}
}
@media screen and (max-width: 767px){
/*.elm_body_users_voice .lyt_primary, .elm_body_sitemap .lyt_primary{
  width: 890px;
}*/
.elm_body_sitemap .lyt_primary{
  width: 100%;
}
.mdl_accordion_faq h3{
position: static;
text-align: right;
padding-bottom: 0;
}
.mdl_accordion_faq .elm_ttl.elm_ttl_lv2{
margin-bottom: 1rem;
}
.mdl_accordion_faq dl dt:first-child{
margin-top: 0;
}
}