@charset "utf-8";
/*#f2718b*/
.cmn_txt_main{
  color: #f2718b;
}
main a{
  color: #f2718b;
}
/*
 マウスオーバー
----------------------------------------------------------- */
.wrap_right .cmn_arrow::before,
#lnav .ttl_third:not(.acd) > a::before,
#lnav .fourth a::before{
  background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
}

@media screen and (max-width :1024px) {
	.wrap_submenu .area_submenu dl dd a::before{
		background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
	}	
}
/* ===============================================
# ローカルナビ
=============================================== */
@media print,screen and (min-width :1025px){
	#lnav .ttl_second a{
		background-image: -moz-linear-gradient( -180deg, rgb(242,101,93) 0%, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
		background-image: -webkit-linear-gradient( -180deg, rgb(242,101,93) 0%, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
		background-image: -ms-linear-gradient( -180deg, rgb(242,101,93) 0%, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
	}
	#lnav > ul > li.active .ttl_third > a{
		color: #f2718b;
	}	
	#lnav .ttl_third > button{
		background-image: url("/education/foreign_languages/assets/img/ico_acd_down.svg");
	}
	#lnav .ttl_third > button.open{
		background-image: url("/education/foreign_languages/assets/img/ico_acd_up.svg");
	}	
	#lnav .fourth{
		display: none;
		border-left: 10px #f2718b solid;
	}	
	#lnav .fourth a.active{
		background: #fff6f8;
		color: #f2718b;
	}	
}
/* ===============================================
# header
=============================================== */
@media print,screen and (min-width :1025px){
	#header h1 {
		max-width: 418px;
	}	
}
@media screen and (max-width :1024px) {
	#header h1{
		max-width: 112px;
	}		
	#header.open .menu_tool .link_other .menu button {
		background-color: #f2718b;
	}	
}
/*--------------------------------
area_gnav SP
--------------------------------*/
@media screen and (max-width :1024px) {
	.area_gnav{
		background: #fff6f8;
		border-color: #f2718b;
	}
	/*gnav---------------------*/
	#gnav{
		background: #fff;    
	}	
	#gnav ul li::before{
		background: #f2718b;
	}	
	#gnav ul li:last-child{
		border-color: #f2718b;
	}
	#gnav ul li button{
		background-image: url("/education/foreign_languages/assets/img/ico_arrow2.svg");
	}
  .translation #gnav ul li a,    
	#gnav ul li.link a{
		background-image: url("/education/foreign_languages/assets/img/ico_arrow.svg");
	}	
	
	/*戻る---------------------*/
	#header .box_back{
		background: #fff6f8;
	}	
	#header .box_back .link >*{
		background-image: url("/education/foreign_languages/assets/img/ico_back.svg");
		color: #f2718b;
	}	
	#header .box_back .link a span{
		background-image: url("/education/foreign_languages/assets/img/ico_home.svg");
	}	
}
/* ===============================================
# wrap_submenu SP
=============================================== */
@media screen and (max-width :1024px) {
	/*submenu*/
	.wrap_submenu .area_submenu{
		background: #ffffff;
	}
	.wrap_submenu .area_submenu dl dd .ttl_third::before{
		background: #f2718b;
	}
	.wrap_submenu .area_submenu dl dd > ul > li.active .ttl_third > a {
		color: #f2718b;
	}
	.wrap_submenu .area_submenu dl dd .ttl_third:not(.acd){
		background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
	}
	.wrap_submenu .area_submenu dl dd .ttl_third .ico_acd{
		background-image:url("/education/foreign_languages/assets/img/ico_acd_down.svg");
	}
	.wrap_submenu .area_submenu dl dd .ttl_third .ico_acd.open{
		background-image: url("/education/foreign_languages/assets/img/ico_acd_up.svg");
	}
	.wrap_submenu .area_submenu dl dd .fourth{
		border-left-color:#f2718b;
	}
	.wrap_submenu .area_submenu dl dd .fourth a.active{
		background-color: #fff6f8;
	}
}
/* ===============================================
# 背景色
=============================================== */
.bg01{
  background: #fff6f8 !important;
}
.bg03{
  background: #f2718b !important;
}
/* ===============================================
# アイコン
=============================================== */
/*mail*/
.cmn_mail_ico{
  background-image: url("/education/foreign_languages/assets/img/ico_mail.svg");
}
/* ===============================================
# ページタイトル
=============================================== */
.cmn_ttl_page{
  background: rgb(220,247,243);
  background: linear-gradient(90deg, rgba(220,247,243,1) 0%, rgba(254,235,239,1) 75%, rgba(254,235,239,1) 100%);
}
.cmn_ttl_page.image{
  background-color:#fff6f8;
}
.cmn_ttl_page.image .box_ttl .ttl_second{
  color: #f2718b;
}
.cmn_ttl_page.image .box_ttl::after {
  background-image: -moz-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
}

/*topicpath*/
.cmn_ttl_page .topicpath{
  scrollbar-color: #f2718b #E3E3E3;
}
.cmn_ttl_page .topicpath::-webkit-scrollbar-thumb{
  background: #f2718b;
}
.cmn_ttl_page .topicpath ol li a{
	color: #00b097;
}
/* ===============================================
# 見出し
=============================================== */
/*大見出しーーーーーーーーーーーーーーーーーーーー*/
.cmn_ttl01{
  background-image: -moz-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
}
/*中見出しーーーーーーーーーーーーーーーーーーーー*/
.cmn_ttl02{
  background: #fff6f8   
}
.cmn_ttl02::before{
  background-image: -moz-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
}
/*中見出し2ーーーーーーーーーーーーーーーーーーーー*/
.cmn_ttl06{
	border-color: #f2718b;
}
.cmn_ttl06 .ttl{
	color: #f2718b;
}
@media screen and (max-width :834px){
  .cmn_ttl06{
    border-color: #f2718b;
  }  
}
/*アイコン付き見出し　ーーーーーーーーーーーーーーーーー*/
.cmn_ttl05{
  color: #f2718b;
}
.cmn_ttl05 .ico{
  background: #f2718b;
}

/*重要*/
.cmn_ttl_important{
  color: #f2718b;
  background-image: url("/education/foreign_languages/assets/img/ico_important.svg");
}

/*小見出しーーーーーーーーーーーーーーーーーーーー*/
.cmn_ttl03::before{
  background: #f2718b;
}

/*お知らせ*/
.cmn_ttl07{
  color: #f2718b;
}
/*枠付き内見出しーーーーーーーーーーーーーーーーーーーー*/
.cmn_ttl10{
  border-color: #f2718b;
}
/*学科の特徴*/
.cmn_ttl_10{
	color: #f2718b;
}
.cmn_ttl_10 span::before,
.cmn_ttl_10 span::after{
  border-color: #f2718b;
}
/* ===============================================
# ページ内リンク
=============================================== */
.cmn_anchor a{
  background-image: url("/education/foreign_languages/assets/img/ico_arrow_down.svg");
}
.cmn_anchor a:hover{
  color: #f2718b;
}
/* ===============================================
# タブ
=============================================== */
.cmn_area_pagetab ul li.on a{
	border-color: #f2718b
}
.cmn_area_pagetab ul li a:hover{
  color: #f2718b;
}
/* ===============================================
# リスト
=============================================== */
/*通常-------------------------*/
.cms_text ul:not(.cmn_link) > li:before,
ul.cmn_discList > li:before {
	color:#f2718b;
}
/* ===============================================
# 定義リスト
=============================================== */
.site_foreign_languages .sec_teacher_d .profileAll table th,
.cmn_defList > dl > dt{
  border-color:#f2718b;  
}
.site_foreign_languages .sec_teacher_d .profileAll table th{
	color: #f2718b;
}
.site_foreign_languages .sec_teacher_d .profileAll table tr:last-child > th,
.cmn_defList > dl:last-child > dt{
  border-color:#f2718b;  
}
/* ===============================================
# ボタン
=============================================== */
/*四角ボタン-----------------------------------------*/
.cmn_btnsq >*.green.languages{
  background: #f2718b;
  border-color: #f2718b;
}
@media (hover: hover) and (pointer: fine) {
  .cmn_btn a:not(.nolink):hover,
  .cmn_btn button:not(.nolink):hover{
    background-color: #fff6f8;
  }
	.cmn_btnsq >*:not(.nolink):hover,
  .cmn_btnsq >*.back:not(.nolink):hover{
    background-color: #fff6f8;
  }  
  .cmn_btnsq >*.green.languages:not(.nolink):hover{
    color: #f2718b;
  }
  .cmn_btnsq >*.green.languages:not(.nolink):hover>span::before{
    background-image: url("/education/foreign_languages/assets/img/ico_arrow.svg");
  }  
}
/* ===============================================
# 写真＋テキスト
=============================================== */
.cmn_textPhoto figcaption{
  color: #f2718b;
}
/*メッセージ用*/
.cmn_textPhoto.people figcaption .name{
  border-color: #f2718b;
}
/* ===============================================
# ギャラリー
=============================================== */
.cmn_gallery figcaption{
  color: #f2718b;
}
/* ===============================================
# 動画
=============================================== */
.cmn_movie .box_movie .caption{
  color: #f2718b;
}
/* ===============================================
# 学科2列
=============================================== */
.cmn_dept_col2 .box_ttl{
  color: #f2718b;
}
/* ===============================================
# 学科3列
=============================================== */
.cmn_dept_col3 .box_ttl{
  color: #f2718b;
}
/* ===============================================
# 授業ゼミ紹介
=============================================== */
.cmn_dept_seminar .cmn_ttl06{
  color: #f2718b;
}
/* ===============================================
# アコーディオン
=============================================== */
.cmn_ttl_acd > dt::before{
  background-image: -moz-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
}
.cmn_ttl_acd > dt button{
	background-color: #fff6f8;
  background-image:url("/education/foreign_languages/assets/img/ico_acd2_down.svg");
}
.cmn_ttl_acd > dt button[aria-expanded="true"]{
  background-image: url("/education/foreign_languages/assets/img/ico_acd2_up.svg");
}
@media (hover: hover) and (pointer: fine) {
  .cmn_ttl_acd > dt button:hover{
    color: #f2718b;
  }
}

/* ===============================================
# 枠付き
=============================================== */
.cmn_frame.line{
  border-color: #f2718b;
}

/* ===============================================
# メール・電話・リンクテキスト
=============================================== */
.cmn_tel{
  background-image: url("/education/foreign_languages/assets/img/ico_c_tel.svg");
}
.cmn_mail{
  background-image: url("/education/foreign_languages/assets/img/ico_c_mail.svg");
}

/* ===============================================
# テーブル
=============================================== */
.cms_text table th,
.cmn_tableStyle th{
  background-color: #f2718b;
}
.cms_text table tbody th,
.cmn_tableStyle tbody th{
  background-color: #fff6f8;
}
/* ===============================================
# ２列表組
=============================================== */
.cmn_tableStyle2 th{
  background-color: #fff6f8;
}
/*教員情報　teacher*/
.cmn_tableStyle2.teacher .ttl_subject{
  color: #f2718b;
}
.cmn_tableStyle2.teacher th .cmn_btnsq>*{
  background-color: #f2718b;
	border-color: #f2718b;
}
@media (hover: hover) and (pointer: fine) {
  .cmn_tableStyle2.teacher th .cmn_btnsq>*:hover{
    background-color: #fff;
    color: #f2718b;
  }
  .cmn_tableStyle2.teacher th .cmn_btnsq>*:hover>span::before{
    background-image: url("/education/foreign_languages/assets/img/ico_arrow.svg");
  }    
}
/* ===============================================
# メニューリスト
=============================================== */
.cmn_menulist > li> a.on{
  background: #fff6f8;
  color: #f2718b;
}
.cmn_menulist > li> a::before{
  background: #f2718b;
}
.cmn_menulist > li > a:not([href=""]) >*::before{
  background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
}
/* ===============================================
# インデックスリスト
=============================================== */
.cmn_indexbox > ul > li::before{
  background: #f2718b;
}
.cmn_indexbox > ul > li >*{
  border-color: #f2718b;
}
.cmn_indexbox > ul > li >*::before{
  background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
}

/* ===============================================
# タブ
=============================================== */
.cmn_news_tab{
  scrollbar-color: #f2718b #E3E3E3;
}
.cmn_news_tab::-webkit-scrollbar-thumb{
  border-radius:0;
  background: #f2718b;
}
.cmn_news_tab ul li button.on{
  border-color: #f2718b;
}
.cmn_news_tab ul li button:hover{
  color: #f2718b;;
}
/* ===============================================
# お知らせ　一覧シンプル
=============================================== */
.site_foreign_languages .area_news_box.bg::after{
  background-image: -moz-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(242,113,139) 0%, rgb(246,158,176) 100%);
}
/* ===============================================
# お知らせ　一覧画像あり
=============================================== */
.site_foreign_languages .cmn_newslist_thumb article.ico_pin::before{
  background-image: url(/education/foreign_languages/assets/img/ico_pin.svg);
}
/* ===============================================
# ページャー
=============================================== */
.site_foreign_languages .cmn_pagination li.active >*{
  background: #f2718b;
  border-color: #f2718b;
}

/* ===============================================
# 教員詳細
=============================================== */
.site_foreign_languages .sec_teacher_d .ttl_name .en{
  color: #f2718b;
}
.site_foreign_languages .sec_teacher_d .cmn_defList > dl > dt{
  color: #f2718b;
}
/* ===============================================
# 先生・先輩の声
=============================================== */
.site_foreign_languages .sec_voice .list_voice .voice .jp,
.site_foreign_languages .sec_voice .list_voice .box_name{
  border-color: #f2718b;
}
.site_foreign_languages .sec_voice .list_voice li:not(.swiper-slide) .area_txt{
  background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
}
.site_foreign_languages .sec_voice_article .area_ttl h2{
  background: #f2718b;
}
.site_foreign_languages .sec_voice_article .box_article > .lead{
  color: #f2718b;
}
/* ===============================================
# TOP
=============================================== */
.site_foreign_languages #home main{
  background: #fff6f8;
}
.site_foreign_languages #home .area_promo h1::after{
  background-color: rgb(242, 113, 139,0.5);
}
.site_foreign_languages .sec_menu .area_menu h2,
.site_foreign_languages #home .sec_news h2,
.site_foreign_languages #home .sec_learning h2 .jp,
.site_foreign_languages #home .sec_learning .area_movie h3,
.site_foreign_languages #home .sec_voice h2 .jp{
  color: #f2718b;
}
.site_foreign_languages #home .sec_learning .area_link .list_index .item_movie h3 span{
  background-image: url("/education/foreign_languages/img/ico_sns_youtube.svg");
}
.site_foreign_languages #home .sec_learning .area_movie h3{
  background-image: url("/education/foreign_languages/img/ico_sns_youtube.svg");
}
.site_foreign_languages #home .sec_menu .area_menu .list_dept li a .ttl span::before,
.site_foreign_languages #home .sec_learning .area_link .list_index h3 .cmn_arrow::before,
.site_foreign_languages #home .sec_news .cmn_btnsq a .cmn_arrow::before{
  background-image: url("/education/foreign_languages/assets/img/ico_arrow.svg");
}
.site_foreign_languages #home .sec_menu .area_menu,
.site_foreign_languages #home .sec_voice .list_voice .box_name{
  border-color: #f2718b;
}
.site_foreign_languages #home .sec_bnr{
  background-image: -moz-linear-gradient( 0deg, rgb(246,157,175) 0%, rgb(242,114,141) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(246,157,175) 0%, rgb(242,114,141) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(246,157,175) 0%, rgb(242,114,141) 100%);
}
.site_foreign_languages #home .sec_menu .area_menu h2 .eng::before,
.site_foreign_languages #home .sec_learning .area_movie .area_scroll .mCSB_dragger_bar{
  background-color: #f2718b;
}
.site_foreign_languages #home .sec_learning .area_policy h4,
.site_foreign_languages #home .sec_learning .area_policy h3 span{
  color: #f2718b;
}
.site_foreign_languages #home  .sec_learning .area_policy h3::after{
  background: #f2718b;
}
@media (hover: hover) and (pointer: fine) {
  .site_foreign_languages #home .sec_menu .area_menu .list_dept li a:hover figure{
    border-color: #f2718b;
  }
  .site_foreign_languages #home .sec_news .cmn_btnsq  a:hover{
    background-color: #ffe6ec;
  }
  .site_foreign_languages #home .sec_learning .area_link .list_index a:hover{
    box-shadow: 0px 0px 15px 0px rgba(242, 101, 93, 0.4);
  }  
  
}
@media print,screen and (min-width :769px){
  .site_foreign_languages #home .area_promo h1{
    max-width: 753px;
  }  
}
@media screen and (max-width :768px) {
  .site_foreign_languages #home .area_promo h1 img{
    width: 53.7%;
  }  
  .site_foreign_languages #home .sec_menu .area_menu h2 .eng{
    border-color: #f2718b;
  }  
}
 
/* ===============================================
# 授業ゼミ紹介
=============================================== */
.site_foreign_languages .list_seminar li{
  border-color: #f2718b;
}
.site_foreign_languages .list_class li::before,
.site_foreign_languages .list_seminar li::before{
  background: #f2718b;
}
.site_foreign_languages .list_class li a::before,
.site_foreign_languages .list_seminar li a::before{
  background-image:url("/education/foreign_languages/assets/img/ico_arrow.svg");
}
.site_foreign_languages .list_class li figure::after{
  background-image: url("/education/foreign_languages/assets/img/ico_play_class.svg");
}

/* ===============================================
# スクロール
=============================================== */
.cmn_scroll_area{
  scrollbar-color: #f2718b #E3E3E3;
}
.cmn_scroll_area::-webkit-scrollbar-thumb{
  background: #f2718b;
}  