@charset "utf-8"; 
     dy{
         /*-webkit-text-size-adjust: 100%;   
         text-size-adjust: 100%;*/
     }
/* タブ */
/* タブの基本機能 */
.orTabList{
	border-bottom: 1px solid #224A88;
}
.orTab .orTabList:after{
	clear: both;
	display: block;
	content: '';
}

.orTab .orTabList > div{
	float: left;
}

.orTab .orTabContent {
	line-height: 1.8;
	color: #444;
}
.orTab .orTabContent > div{
	display: none;
}

.orTab .orTabContent > div.selected{
	display: block;
}

.orTab .orTabContent a {
	color: #444;
}
.orTab .orTabContent a:link,
.orTab .orTabContent a:visited {
	color: #444;
}

/* タブスタイル1 */
#tabStyle1{ /* タブ全体 */
	width: 100%;
	margin: 10px 0 20px;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#tabStyle1 .orTabList > div{ /* タブのボタン */
	width: calc(100% / 3);
	padding: 4% 2%;
	text-align: center;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.2em;
	background: #FFFFFF;
	letter-spacing: .1vw;
	color: #224A88;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	transition: all 200ms ease;
}
#tabStyle1 .orTabList > div a:link,
#tabStyle1 .orTabList > div a:visited {
	color: #224A88;
}
#tabStyle1 .orTabList div:nth-child(1) a{ /* タブのボタン */
	color: #D90000;
}
#tabStyle1 .orTabList div:nth-child(1).selected{ /* タブのボタン */
	background-color: #D90000;
}
#tabStyle1 .orTabList div:nth-child(1).selected a,
#tabStyle1 .orTabList div:nth-child(1).selected a:link{
	color: #fff;
}
#tabStyle1 .orTabList div:nth-child(n + 2).selected a,
#tabStyle1 .orTabList div:nth-child(n + 2).selected a:link,
#tabStyle1 .orTabList div:nth-child(n + 2).selected a:visited {
	color: #fff;
}
#tabStyle1 .orTabList div:nth-child(n + 2).selected{ /* タブのボタン */
	background-color: #224A88;
}
#tabStyle1 .orTabList div:nth-child(n + 2):not(.selected){ /* タブのボタン */
	border-left: 1px solid #224A88;
}
#tabStyle1 .orTabList .tab-heads > a {
	font-size: 4.5vw;
	font-weight: bold;
}
#tabStyle1 .orTabList .tab-first{
    background-color: #7BB5DA;
    color: #fff;
}
#tabStyle1 .orTabList .tab-second{
    background-color: #BFEFFF; 
    color: #4D7D9F;
}
#tabStyle1 .orTabContent{ /* コンテンツ部分 */
	position: relative;
	background-color: #fff;
	padding:2%;
	margin:0 auto;
}
.orTabContent .flex-center{
    display: flex;
    display:-webkit-flex;
    -webkit-justify-content:center;
    justify-content:center;
    align-items:center;
    -webkit-align-items:center;
}
.flex-center img{
	width: 100%;
}
.flex-left{
	margin-right: 2%;
}
.orTab .orTabContent h2 {
	font-size: 8.2vw;
	font-weight: bold;
}
#tab-0 .new_menu .flex-left{
	flex:1;
	-webkit-flex:1;
}
#tab-0 .new_menu .flex-right{
	flex:3;
	-webkit-flex:3;
}
#tab-0 .new_menu_main {
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2vh;
}
#tab-0 .new_menu_main h2 {
	font-size:10vw;
	position: relative;
	font-weight: bold;
	line-height: 2;
}
#tab-0 .new_menu_main h2:after {
	content: "詳しくはこちら＞";
    color: #fff;
    background: #FF4A41;
    font-size: 6.5vw;
    text-align: center;
    display: block;
    width: 60vw;
    position: absolute;
    top: 2.5vh;
    right: 0;
    padding: 1vw 0;
}
#tab-0 .new_menu_main p.grade {
	font-size:6vw;
	color:#FF4A41;
	font-weight: bold;
}
#tab-0 .new_menu_main p {
	font-size: 7vw;
	color: #444;
	line-height: 1.6;
}
#tab-0 .new_menu_main img {
	width: 100%;
}

.orTabContent  p.catch{
	font-size: 7vw;
	/*margin-top: 3%;*/
}
.orTabContent  p.date{
	text-align: right;
	font-size: 4.5vw;
	margin-top: 2%;
}
.orTabContent  .new_menu{
	margin-top: 4%;
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2%;
}

#tab-1 #latest{
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2%;
}
#tab-1 #latest div{
	flex:1;
	-webkit-flex:1;
}
#tab-1 #latest h2 {
	font-size: 6.5vw;
}
#tab-1 .recommend_menu .flex-left{
	flex:3;
	-webkit-flex:3;
}
#tab-1 .recommend_menu .flex-right{
	flex:13;
	-webkit-flex:13;
}
.recommend_menu:after{
	content: '>';
	font-size: 7vw;
	color:#214A87 ;
	margin-left: 2%;
}
#tab-1 .recommend_menu{
	margin-top: 4%;
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2%;
}
#tab-0 .recommend_menu{
	margin-top: 2%;
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2%;
}
.orTabContent  #tab-1 p.date{
	font-size: 4vw;
}
#tab-2 .ranking_menu{
	margin-top: 4%;
	border-bottom: 1px solid #D5D5DB;
	padding-bottom: 2%;	
}

#tab-2 .ranking_menu .flex-left{
	flex:1;
	-webkit-flex:1;
}
#tab-2 .ranking_menu .flex-right{
	flex:8;
	-webkit-flex:8;
}
#tab-2 .ranking_menu .rank_num{
	font-size: 8vw;
	padding: 5% 0%;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	margin: 0 4% 0 2%;
	background-color: #E9FEFB;
	color:#444444 ;
	font-weight: bold;
}
#tab-2 .ranking_menu .one{
	background-color: #047561;
	color: #fff;
}
#tab-2 .ranking_menu .two{
	background-color: #06B798;
	color: #fff;
}
#tab-2 .ranking_menu .three{
	background-color: #89D8C6;
	color: #fff;
}
#tab-2 .ranking_menu p{
	color: #444444;
	font-size:7.5vw;
}
#tab-2 .ranking_menu h2{
	font-size: 8.5vw;
}

.fixedTabList {
    position: fixed;
    z-index: 201;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#group img{
	width: 25%!important;
	float: left;
}

.orTab .orTabContent #osusume_contents h2{
	font-size: 6.5vw;
	color: #444;
}
.orTabContent #osusume_contents p.catch{
	font-size: 5.5vw;
}

/*ハイスクール・衛星　フォントサイズ調整用*/
#hses #tabStyle1 .orTabList > div,
#hses #tabStyle1 .orTabList .tab-heads > a{
	font-size: 2.7vw;
}
#hses #osusume_contents h4{
	font-size: 18px;
}
#hses .recommend_menu:after{
	font-size:5vw;
}
#hses .orTab .orTabContent h2{
	font-size: 4.2vw;
}
#hses .orTabContent  p.catch{
	font-size: 3.8vw;
}
#hses #tab-2 .ranking_menu p{
	font-size: 4vw;
}
#hses #tab-2 .ranking_menu h2{
	font-size: 4.5vw;
}
#hses #tab-2 .ranking_menu .rank_num{
	font-size: 4.8vw;
}
#hses #tab-1 #latest h2{
	font-size: 4.5vw;
}
#tab-0 #osusume_contents .flex-left{
	flex:3;
	-webkit-flex:3;
}
#tab-0 #osusume_contents .flex-right{
	flex:13;
	-webkit-flex:13;
}
#hses #tab-0 .recommend_menu{
	padding-bottom: 0;
}
#hses #tabStyle1{
	margin: 0 0 20px;
}
/*  おすすめコンテンツ２列対応  */
#tab-0 #toshin-event {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#tab-0 #toshin-event img{
	width: 100%;
	border:solid 1px transparent;
/* box-shadow */
box-shadow:0px 3px 6px -3px #4b5b66;
-moz-box-shadow:0px 3px 6px -3px #4b5b66;
-webkit-box-shadow:0px 3px 6px -3px #4b5b66;
}
#tab-0 #toshin-event:after {
	content:"";
	display: block;
	clear: both;
}
#tab-0 #toshin-event div,
#tab-0 #toshin-event p {
	display: block;
	float: left;
}
#tab-0 .banner-L {
	width: 100%;
  text-align: center;
}
#tab-0 .banner-S {
	width:49%;
	text-align: center;
}
#tab-0 .banner-S:nth-of-type(odd) {
	margin:0% 1% 0% 0;
}
#tab-0 .banner-S:nth-of-type(even) {
	margin:0% 0 0% 1%;
}