/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------　　　スマホ　　　----------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 475px) {
/*------------------------------全体指定------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
}
.pc-br{
	display:none;
}
a{
	color:rgba(102,102,102,1);
	text-decoration:underline;
	text-decoration-style: dotted;
}

/*-------------------------スマホメニューバー-------------------------*/
#ham_background {
	position:fixed;
	top:0px;
	width: 100vw;
	height: 40px;
	background-color:#CCC;
	z-index:2;	
}
.ham {
	position: relative;
	float:right;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index:1;	
}
.ham_line {
	position: absolute;
	left: 10px;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: all 0.3s;
}
.ham_line1 {
	top: 12px;
}
.ham_line2 {
	top: 20px;
}
.ham_line3 {
	top: 28px;
}
.clicked .ham_line1 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	top: 20px;
}
#prime_m {
	font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
	font-size: 28px;
	height: auto;
	position: absolute;
	left:10px;
	line-height:40px;

}
#prime_s {
	position: absolute;
	left:120px;
	left: calc(50vw - 70px) ;
	left: -webkit-calc(50vw - 70px);
	left: -moz-calc(50vw - 75px);
	font-size: 12.5px;
	line-height:40px;
}
.mobile_menu {
	position: fixed;
	padding-left:10px;
	width: 140px;
	height:400px;
	right: -150px;
	top:40px;
	background-color:#FFF;
	opacity:0.9;
	transition: all 0.3s;
	z-index:1;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.clicked .mobile_menu {
	right: 0px;
}
#menu_item1 img, #menu_item2 img, #menu_item3 img, #menu_item4 img, #menu_item5 img, #menu_item6 img, #menu_item7 img, #menu_item8 img{
	width:auto;
	height:40px;
}
#menu_item1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
}
#menu_item2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
}
#menu_item3{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;
}
#menu_item4{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:4;
	order:4;
}
#menu_item5{
	-webkit-box-ordinal-group:5;
	-ms-flex-order:5;
	order:5;
}
#menu_item6{
	-webkit-box-ordinal-group:6;
	-ms-flex-order:6;
	order:6;
}
#menu_item7{
	-webkit-box-ordinal-group:7;
	-ms-flex-order:7;
	order:7;
}
#menu_item8{
	-webkit-box-ordinal-group:8;
	-ms-flex-order:8;
	order:8;
}


/*-------------------------PCメニュー非表示-------------------------*/
#menu{
	display:none;
}

/*---------------------------- 内部リンク用 -------------------------------*/

.tab {
	height: 60px;
	width: 100vw;
	position: relative;
}
.year_link{
	margin-top:-60px;
	height: 40px;
	width: 100vw;
}



/*スマホ小分類---------------------------------------------------------------------------------------------------------------------------------*/
#under_background{
}

.under {
	position: fixed;
	bottom: 0;
	width: 100vw;
	height: 40px;
	z-index:3;
	background-color: #FFFFFF;

}
	

	
	
	

.triangle_line {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: all 0.3s;
}
.triangle_line1 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	left: calc(50vw - 4px);
	top: 20px;
}

.triangle_line2 {
	
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	left: calc(50vw - 17px);
	top: 20px;
}
.clicked .triangle_line1 {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.clicked .triangle_line2 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}


	
	
	
	
	
	
	
	
.mobile_menu2 {
	position: fixed;
	width: 90vw;
	padding:0 5vw;
	height:-moz-calc( 60vw + 70px);
	height:-webkit-calc( 60vw + 70px);
	height:calc( 60vw + 70px);
	bottom:-moz-calc( -60vw - 30px);
	bottom:-webkit-calc( -60vw - 30px);
	bottom:calc( -60vw - 30px);
	background-color:#FFF;
	opacity:0.95;
	transition: all 0.3s;
	z-index:1;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.clicked .mobile_menu2 {
	bottom: 0px;
}


.nav {
	position: relative;
	width:100vw;
	height:-moz-calc( 60vw + 20px);
	height:-webkit-calc( 60vw + 20px);
	height:calc( 60vw + 20px);	
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	
	-ms-flex-pack: center;
	-webkit-flex-pack: center;
	justify-content: center;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.category {
	position: relative;
	width:45vw;
	height:-moz-calc( 60vw + 20px);
	height:-webkit-calc( 60vw + 20px);
	height:calc( 60vw + 20px);	
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	
	-ms-flex-pack: center;
	-webkit-flex-pack: center;
	justify-content: center;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.nav a {
	text-decoration: none;
}

.nav .A , .nav .B , .nav .C , .nav .D, .nav .E {
	box-sizing:border-box;
	width:45vw;
	height:12vw;
	line-height:12vw;
	text-align:center;
	margin:2px 0;
}
.nav .B , .nav .C , .nav .D, .nav .E {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	line-height:12vw;

}
.nav .B {
	color:rgba(153,204,0,1);
	border:rgba(153,204,0,1) solid 2px;
}
.nav .C {
	color:rgba(255,102,0,1);
	border:rgba(255,102,0,1) solid 2px;

}
.nav .D {
	color:rgba(255,0,0,1);
	border:rgba(255,0,0,1) solid 2px;

}
.nav .E {
	color:rgba(0,204,255,1);
	border:rgba(0,204,255,1) solid 2px;

}
.nav .F {
	box-sizing:border-box;
	width:43vw;
	left:1vw;
	height:-moz-calc( 48vw + 12px);
	height:-webkit-calc( 48vw + 12px);
	height:calc( 48vw + 12px);
	line-height:5vw;
	text-align:center;
	margin:2px 0;
}


.en {
	vertical-align:middle;
	width:100%;
	height:100%;
}


.year{
	height:100%;
	
	
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	
	
	-ms-flex-pack: distribute;
	justify-content: space-around;
}




































/*---------------------------- 上に戻る -------------------------------*/
#back{
	width:30px;
	height:30px;
	position:fixed;
	bottom:10px;
	right:10px;
	border:rgba(118,118,118,1) solid 0.5px;
	background-color:rgba(254,254,254,1);
	z-index:10;
	font-size:12px;
	line-height:30px;
	text-align:center;
}
/*-------------------------------本文-------------------------------*/

.box{
	width:90vw;
	margin:30px auto;
	display:flex;
	flex-wrap:wrap;
	color:rgba(51,51,51,1);
	border:rgba(165,165,165,1) solid 0.5px;
}
.minibox{
	width:45vw;
	height:45vw;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	
	
	box-sizing:border-box;
	border-right:rgba(165,165,165,1) solid 0.5px;
}
.type{
	width:45vw;
	height:12vw;
	line-height:12vw;
	text-align:center;
	color:rgba(255,255,255,1);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:25px;
	z-index:-1;
}
.update{
	background-color:rgba(153,204,0,1);
}
.media{
	background-color:rgba(255,102,0,1);
}
.event{
	background-color:rgba(255,0,0,1);
}
.recruit{
	background-color:rgba(0,204,255,1);
}
.date{
	width:45vw;
	height:8vw;
	padding:0 2vw;
	font-size:15px;
	line-height:8vw;
	text-align:right;
	box-sizing:border-box;

}
.title{
	width:45vw;
	height:25vw;
	padding:4px;
	font-size:14px;
	line-height:25px;
	text-align:left;
	box-sizing:border-box;
}
.sp_middle{
	width:100%;
	height:100%;
	vertical-align:middle;
}
.pic, .pic img{
	width:45vw;
	height:45vw;
}

.discription{
	width:90vw;
	padding:5px;
	font-size:13px;
	line-height:20px;
	box-sizing:border-box;
	border-top:rgba(165,165,165,1) solid 0.5px;	
}




/*------------------------------全体指定------------------------------*/
.pc{
	display:none;
}




}




/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------　　　タブレット　　　---------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 476px) and (max-width: 800px) {
/*------------------------------全体指定------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
}
.pc-br{
	display:none;
}
a{
	color:rgba(102,102,102,1);
	text-decoration:underline;
	text-decoration-style: dotted;
}


/*-------------------------スマホメニューバー-------------------------*/
#ham_background {
	position:fixed;
	top:0px;
	width: 100vw;
	height: 40px;
	background-color:#CCC;
	z-index:2;	
}
.ham {
	position: relative;
	float:right;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index:1;	
}
.ham_line {
	position: absolute;
	left: 10px;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: all 0.3s;
}
.ham_line1 {
	top: 12px;
}
.ham_line2 {
	top: 20px;
}
.ham_line3 {
	top: 28px;
}
.clicked .ham_line1 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 20px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	top: 20px;
}
#prime_m {
	font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
	font-size: 28px;
	height: auto;
	position: absolute;
	left:10px;
	line-height:40px;

}
#prime_s {
	position: absolute;
	left:120px;
	left: calc(50vw - 70px) ;
	left: -webkit-calc(50vw - 70px);
	left: -moz-calc(50vw - 75px);
	font-size: 12.5px;
	line-height:40px;
}
.mobile_menu {
	position: fixed;
	padding-left:10px;
	width: 140px;
	height:400px;
	right: -150px;
	top:40px;
	background-color:#FFF;
	opacity:0.9;
	transition: all 0.3s;
	z-index:1;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.clicked .mobile_menu {
	right: 0px;
}
#menu_item1 img, #menu_item2 img, #menu_item3 img, #menu_item4 img, #menu_item5 img, #menu_item6 img, #menu_item7 img, #menu_item8 img{
	width:auto;
	height:40px;
}
#menu_item1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
}
#menu_item2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
}
#menu_item3{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;
}
#menu_item4{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:4;
	order:4;
}
#menu_item5{
	-webkit-box-ordinal-group:5;
	-ms-flex-order:5;
	order:5;
}
#menu_item6{
	-webkit-box-ordinal-group:6;
	-ms-flex-order:6;
	order:6;
}
#menu_item7{
	-webkit-box-ordinal-group:7;
	-ms-flex-order:7;
	order:7;
}
#menu_item8{
	-webkit-box-ordinal-group:8;
	-ms-flex-order:8;
	order:8;
}


/*-------------------------PCメニュー非表示-------------------------*/
#menu{
	display:none;
}

/*---------------------------- 内部リンク用 -------------------------------*/

.tab {
	height: 60px;
	width: 100vw;
	position: relative;
}
.year_link{
	margin-top:-60px;
	height: 40px;
	width: 100vw;
}









/*スマホ小分類---------------------------------------------------------------------------------------------------------------------------------*/

#under_background{
}
.under {
	position: fixed;
	bottom: 0;
	width: 100vw;
	height: 40px;
	z-index:3;
	background-color: #FFFFFF;

}
	

	
	
	

.triangle_line {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: all 0.3s;
}
.triangle_line1 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	left: calc(50vw - 4px);
	top: 20px;
}

.triangle_line2 {
	
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	left: calc(50vw - 17px);
	top: 20px;
}
.clicked .triangle_line1 {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.clicked .triangle_line2 {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.mobile_menu2 {
	position: fixed;
	width: 90vw;
	padding:0 5vw;
	height:-moz-calc( 6vw + 240px);
	height:-webkit-calc( 6vw + 240px);
	height:calc( 6vw + 200px);	
	bottom:-moz-calc( -6vw - 160px);
	bottom:-webkit-calc( -6vw - 160px);
	bottom:calc( -6vw - 160px);
	background-color:#FFF;
	opacity:0.9;
	transition: all 0.3s;
	z-index:1;
	
	
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	
}

.clicked .mobile_menu2 {
	bottom: -10px;
	z-index:1;
}


.nav {
	width:100vw;
	height:-moz-calc( 6vw + 160px);
	height:-webkit-calc( 6vw + 160px);
	height:calc( 6vw + 160px);	
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;

	-ms-flex-pack: center;
	-webkit-flex-pack: center;
	justify-content: center;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.nav a {
	text-decoration: none;
}
.category {
	position: relative;
	width:45vw;
	height:100%;
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	-ms-flex-pack: distribute;
	justify-content: space-around;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	
	
}

.A, .B, .C, .D, .E {
	box-sizing:border-box;
	text-align:center;
	margin:2px 2px;
}
.A {
	width:45vw;
	height:6vw;
	line-height:6vw;		
}
.B, .C, .D, .E {
	width:21vw;
	max-width:120px;
	height:7vw;
	max-height:40px;
	line-height:28px;
	text-align:center;

	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
}
.B {
	color:rgba(153,204,0,1);
	border:rgba(153,204,0,1) solid 2px;
}
.C {
	color:rgba(255,102,0,1);
	border:rgba(255,102,0,1) solid 2px;

}
.D {
	color:rgba(255,0,0,1);
	border:rgba(255,0,0,1) solid 2px;

}
.E {
	color:rgba(0,204,255,1);
	border:rgba(0,204,255,1) solid 2px;

}
.F {
	box-sizing:border-box;
	width:43vw;
	left:1vw;
	height:6vw;
	line-height:6vw;
	text-align:center;
}


.en {
	vertical-align:middle;
	width:100%;
	height:100%;
}

.year{
	height:160px;
	
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	-ms-flex-pack: distribute;
	justify-content: space-around;
	
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}










/*---------------------------- 上に戻る -------------------------------*/
#back{
	width:30px;
	height:30px;
	position:fixed;
	bottom:10px;
	right:10px;
	border:rgba(118,118,118,1) solid 0.5px;
	background-color:rgba(254,254,254,1);
	z-index:10;
	font-size:12px;
	line-height:30px;
	text-align:center;
}
/*-------------------------------本文-------------------------------*/
.box{
	width:90vw;
	margin:25px auto;
	
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	color:rgba(51,51,51,1);
	padding:1vw;
}
.minibox{
	width:90vw;
	
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
}

.type{
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:rgba(255,255,255,1);
	
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
	
	border-bottom:rgba(165,165,165,1) dotted 0.5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:25px;
}
.update{
	background-color:rgba(153,204,0,1);
}
.media{
	background-color:rgba(255,102,0,1);
}
.event{
	background-color:rgba(255,0,0,1);
}
.recruit{
	background-color:rgba(0,204,255,1);
}
.title{
	width:90vw;
	height:60px;
	font-size:17px;
	line-height:60px;
	text-align:center;
	font-weight:600;
	border-bottom:rgba(165,165,165,1) dotted 0.5px;
	
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;
	
}
.date{
	width: -moz-calc( 90vw - 120px);
	width: -webkit-calc( 90vw - 120px);
	width: calc( 90vw - 120px);
	height:40px;
	line-height:40px;
	text-align:center;
	
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
	
	border-bottom:rgba(165,165,165,1) dotted 0.5px;

}
.discription{
	width: -moz-calc( 90vw - 200px);
	width: -webkit-calc( 90vw - 200px);
	width: calc( 90vw - 200px);
	font-size:13px;

	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;

	margin:auto 25px;
}
.pic, .pic img{
	width:150px;
	height:150px;
}
.pic{

	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;

	padding-top:5px;
}


/*------------------------------全体指定------------------------------*/
.pc{
	display:none;
}




}







/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------　　　PC　　　----------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 801px) {
	
	
/*------------------------------全体指定------------------------------*/

body {
	margin:0;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
	font-size:12px;
}
.sp-br{
	display:none;
}
a{
	color:rgba(102,102,102,1);
	text-decoration:underline;
	text-decoration-style: dotted;
}

.sp{
	display:none;
}
/*------------------------   PCメニューバー   -------------------------*/
#menu{
	width:95vw;
	height:42px;
	max-width:910px;
	clear:both;
	text-align:center;
	margin:8px auto;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding:0 auto;
}
#menu_item1 img, #menu_item2 img, #menu_item3 img, #menu_item4 img, #menu_item5 img, #menu_item6 img, #menu_item7 img, #menu_item8 img{
	width:auto;
	height:35px;
}
#menu_item1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;	
}
#menu_item2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
}
#menu_item3{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;
}
#menu_item4{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:4;
	order:4;
}
#menu_item5{
	-webkit-box-ordinal-group:5;
	-ms-flex-order:5;
	order:5;
}
#menu_item6{
	-webkit-box-ordinal-group:6;
	-ms-flex-order:6;
	order:6;
}
#menu_item7{
	-webkit-box-ordinal-group:7;
	-ms-flex-order:7;
	order:7;
}
#menu_item8{
	-webkit-box-ordinal-group:8;
	-ms-flex-order:8;
	order:8;
}
/*-------------------  スマホメニューバー非表示  ----------------------*/

.mobile_menu {
	display:none;
}
#ham_background {
	display:none;
}

/*---------------------------- 上に戻る -------------------------------*/
#back{
	width:30px;
	height:30px;
	position:fixed;
	bottom:10px;
	right:10px;
	border:rgba(118,118,118,1) solid 1px;
	background-color:rgba(254,254,254,1);
	z-index:10;
	font-size:12px;
	line-height:30px;
	text-align:center;
}


/*---------------------------- 小分類 -------------------------------*/


















.tab {
	height: 87px;
	width: 100vw;
	max-width:898px;
	position: relative;
	top:0;
	margin:0 auto;
	left:0;
	right:0;
	border-top:rgba(0,0,0,1) solid 0.1px;
}

.nav {
	position:absolute;
	width:98vw;
	max-width:898px;
	height: 20px;
	margin:0 auto;
	margin-bottom:60px;
	top:65px;
	left:0;
	right:0;
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.category {	
	width:80%;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:-moz-flexbox;
  	display:flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.nav a {
	text-decoration: none;
}

.nav .A , .nav .B , .nav .C , .nav .D, .nav .E, .nav .F {
	height:20px;
	position:relative;
	width:100px;
}
.en {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	cursor:pointer;	
	color: #000;
	pointer-events: all;
}
.year{
	width: 100px;
	padding:10px 0;
	margin-bottom:500px;
	line-height:15px;
	text-align:center;
	background-color:rgba(250,250,250,0.9);
	position:absolute;
	top:20px;
	display:none;
}







/*---------------------------------本文--------------------------------*/
.box{
	width:90vw;
	max-width:900px;
	margin:15px auto;
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	color:rgba(51,51,51,1);
	padding:5px;
}
.minibox{
	width: 90vw;
	max-width:900px;
	height:40px;
	
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;

}

.type{
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:rgba(255,255,255,1);
	
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
	
	border-bottom:rgba(165,165,165,1) dotted 0.5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
}
.update{
	background-color:rgba(153,204,0,1);
}
.media{
	background-color:rgba(255,102,0,1);
}
.event{
	background-color:rgba(255,0,0,1);
}
.recruit{
	background-color:rgba(0,204,255,1);
}
.title{
	width: -moz-calc( 90vw - 270px);
	width: -webkit-calc( 90vw - 270px);
	width: calc( 90vw - 270px);
	max-width:630px;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	font-weight:600;
	border-bottom:rgba(165,165,165,1) dotted 0.5px;
	
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
	
}
.date{
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;

	border-bottom:rgba(165,165,165,1) dotted 0.5px;
	font-size:15px;

}
.discription{
	width: -moz-calc( 90vw - 200px);
	width: -webkit-calc( 90vw - 200px);
	width: calc( 90vw - 200px);
	max-width:650px;
	font-size:13.5px;
	
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
	
	margin:auto 25px;
}
.pic, .pic img{
	width:150px;
	height:150px;
}
.pic{
	padding-top:5px;
	
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
	order:3;
}



/*------------------------------全体指定------------------------------*/
.sp{
	display:none;
}

}