@font-face{font-family:"SegoeUIRegular";src:url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.eot");src:url("../../../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),url("../../../core/fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUIBold";src:url("../../../core/fonts/SegoeUIBold/SegoeUIBold.eot");src:url("../../../core/fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),url("../../../core/fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUIItalic";src:url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.eot");src:url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"),url("../../../core/fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUILight";src:url("../../../core/fonts/SegoeUILight/SegoeUILight.eot");src:url("../../../core/fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUILight/SegoeUILight.woff") format("woff"),url("../../../core/fonts/SegoeUILight/SegoeUILight.ttf") format("truetype");font-style:normal;font-weight:normal;}
@font-face{font-family:"SegoeUISemiBold";src:url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.eot");src:url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),url("../../../core/fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");font-style:normal;font-weight:normal;}

@font-face{font-family:BebasNeue;src:local("BebasNeue UI"), url(../../../core/fonts/BebasNeueRegular.ttf);} 



.icon{width:inherit;height:inherit;}

body{ font-family:"SegoeUILight"; font-size:1vw; height:100%; color: #666;background-color: #191919;}
html{height:100%}
nav{list-style:none}
button:focus,input:focus{outline:none}a,a:hover,button,button:hover,.anime,.btn:hover,.btn,.small_btn,.anime:hover, header, header nav {-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}button{cursor:pointer}

header {position: fixed;background-color:#101010;height: 100vh;width: 8vw; left: 5vw;display: flex;flex-flow: column nowrap;padding: 5vh 0;z-index: 500;}
main{width: 90vw;margin: 0 auto;padding-left: 8vw;background-color: #1c1c1c;min-height: 100vh;}

#logo a {display: block;width: 9.5vw;height: 9.5vw;}
#soc_box{width: 100%; display: flex; flex-flow: column nowrap; justify-content: center;}
#soc_box a {fill:#444; color:#444; display: flex; flex-flow: row nowrap; align-items: center;text-decoration: none;width: 100%; padding: 1vh .5vw 1vh 1.3vw; font-size: .9vw;}
#soc_box a p {font-size: .9vw;}
#soc_box a:hover, header nav a:hover, header nav a.open {color: #fff;background-color: #F08200;fill:#fff;}
#soc_box a span {display: block; width: 1.2vw;height: 1.2vw;margin-right: .5vw;}

header nav {width: 100%;}
header nav a{text-decoration: none;text-transform: uppercase;color:#444;font-family:"SegoeUISemiBold";width: 100%;display: block;padding: 1vh .5vw 1vh 1.3vw;}

#menu_btn, #menu_btn.open {fill:#444;width: 6vw;display: none;}
#top_nav{display: flex; flex-flow: column nowrap;}
#menu_fill_mob{position: fixed;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(26,26,26,0.90);z-index: 499;display: none;}
#menu_fill_mob.open, header.open #soc_box a p, header.open nav {display: block;}
header.open #soc_box a p {font-size: 3vw;}
header.open #soc_box a span {width: 7vw; height: 9vw;margin-right: 2vw;}
header.open {width: 45vw;}
header.open nav a {font-size: 4vw;padding: 2vh .5vw 1vh 11.3vw;}

.blog_box{display: block;text-decoration: none;color: #444;background-color: #1c1c1c;border-bottom: 5px solid #F08200;width: 20.5vw;height: 35vh;overflow: hidden;}
.blog_box_img, .blog_box_info {width: 100%;}
.blog_box_img {height: 23vh; overflow: hidden;position: relative}
.blog_box_img img {width: 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;object-fit: cover;transition: 0.3s ease;min-height: 23vh; min-width: 20.5vw;position: relative;}
.blog_box_icon{position: absolute;fill:#F08200;width: 3vw; height: 3vw; right: 1.5vw; bottom: 1.5vw;z-index: 1;transition: 0.3s ease;opacity: .5;}
.blog_box:hover .blog_box_icon {fill:#fff;transition: .5s ease-out;width: 2vw;height: 2vw;opacity: 1;}
.blog_box_info {padding: 1.5vh 1.5vw;position: relative;height: 12vh;}
.blog_box_info h3 {font-family:"SegoeUISemiBold";font-size: 1.1vw;line-height: 1;margin-bottom: 1.5vh;}
.blog_box_date {position: absolute; right: 1vw; bottom: 2.5vh;}
.blog_box:hover .blog_box_img img {opacity: 1;transition: 4s ease-out;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);}
.blog_box:hover{background-color: #F08200; color: #fff;}

.post{background-color: #fff;min-height: 100vh;display: flex;flex-flow: row-reverse nowrap;}
#similar_news{height: 100vh;position: fixed;top: 0;left: 13vw; width: 28vw; background-color: #222;padding: 8vh 2vw 3vh;}
#similar_news h2 {width: 100%; color:#CDCDCD;padding-bottom: 3vh;font-size: 1.5vw;font-family:"SegoeUIRegular";text-transform: uppercase;border-bottom: 2px solid #525252;}
#similar_news_list li {list-style: none;padding: 2vh 0; border-bottom: 1px solid #525252;}
.similar_news_box{text-decoration: none;color: #444;width: 100%; height: 9vh;overflow: hidden; }
.similar_news_box_img {height: 9vh;width: 16vh; overflow: hidden;margin-right: 1vh;}
.similar_news_box_img img {width: 100%; opacity: .3;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);object-fit: cover;transition: 0.3s ease;}
.similar_news_box_info { width: calc( 24vw - 17vh );}
.similar_news_box_info h3 {font-family:"SegoeUISemiBold";}
.similar_news_box_date {font-size: .9vw;}
#similar_news_list li:hover {border-bottom: 1px solid #F08200;} 
.similar_news_box:hover {color: #fff;}
.similar_news_box:hover .similar_news_box_img img {opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);object-fit: cover;transition: 0.3s ease;}
.post article {padding: 4vh 0 3vh;width: 54vw;}
.post article h1, .gallery_view h1 {font-family:"SegoeUISemiBold";padding: 0 2vw 3vh;font-size: 3vmax;}
.gallery_view h1{text-align: center;}
.post article .box_video {height: inherit;background-repeat: no-repeat;background-position: center;position: relative;cursor: pointer;overflow: hidden;}
.gallery_view .box_video {background-repeat: no-repeat;background-position: center;position: relative;cursor: pointer;overflow: hidden;width: 80%; height: calc( ((66vw) * 9) / 16 );margin: 0 auto 5vh;}
.post_date{padding-left: 2vw;}
.post_header {padding-bottom: 4vh;}
.post_cover{width: 100%;height: calc( ((54vw) * 9) / 16 );overflow: hidden; }
.post_cover img{width: 100%;min-height: calc( ((54vw) * 9) / 16 );}
.post_content {padding: 4vh 2vw;font-size: 1.35vmax;line-height: 2.2vmax;}
.post_content p, .post_content ul, .post_content ol {margin-bottom: 2.8vmax;}
.post_content h2, .post_content h3 {font-family:"SegoeUISemiBold";color:#F08200; margin-bottom: 2vmax; }
.post_content h2 {font-size: 2vmax;}
.post_content h2 {font-size: 1.5vmax;}
.post_content a {color:#F08200; }
.post_content strong, .post_content b {font-family:"SegoeUISemiBold";}
::selection {background-color:#F08200; color:#fff;}
.post_content ul, .post_content ol {list-style-position: inside;padding-left: 3vw;}
.post_content img {width: 100% !important;height: auto !important;}
#social{margin-bottom: 4vh;}
#social li{cursor: pointer;list-style: none;width: 4vw; height: 4vw;fill:#444;}
#social li:first-of-type{margin-right: 2vw;}
#social li:hover {fill:#F08200;}
.play {width: 10vw;height: 10vw;fill: #F08200;left: calc(50% - 5vw);top: calc( ((((54vw) * 9) / 16) * 0.5) - 5vw);position: absolute;}
#blog_list{min-height: 90vh;}
.team_box{display: block;background-color: #1c1c1c;color: #444;border-bottom: 5px solid #f08200;overflow: hidden;height: 22vw;width: 15vw;text-decoration: none;margin-bottom: 1.5vw;position: relative;}
.team_box_img {width: 15vw;height: inherit;position: relative;}
.team_box_img img{ height: 100%;width: calc(100% + 8vw);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;object-fit: cover;transition: 0.3s ease;}
.team_box_info{position: absolute;z-index: 1;bottom: 0;left: 0;color: #DFDFDF;width: 100%;height: 5vw;padding: 1vw;}
.team_box:hover, .team_box:hover .team_box_info{background-color:#f08200;color: #fff; }
.team_box:hover .team_box_img img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;transition: 1.5s ease;transform: translateX(-3vw);}
#team_list{padding: 1vw 0;}
#team_view_box {padding: 4vw;}
#team_view_box_img{ width: 30vw; height: 30vw; margin-right: 3vw;border-bottom: 5px solid #f08200;}
#team_view_box_img img {height: 100%;min-width: 30vw;}
#team_view_box{min-height: 100vh;}
#team_view_box_info {width: 40vw;}
#team_view_box_info h1 {font-size: 3.5vw;color: #fff;}
#team_view_box_info_position{font-size: 1.4vw;}
#team_view_box_info ul {list-style: none;margin-top: 1vw;padding-left: 1vw;}
.white {background-color: #fff;}
.datepicker_box{background-color: #101010;border-bottom: 5px solid #f08200;width: 15vw; height: 20vw;margin-bottom: 1.5vw;margin-right: 1vw;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear; color: #fff;}
.datepicker_box:nth-child(5n) {margin-right: 0;}
.datepicker_box:hover {transform: scale(1.15);-webkit-animation-name:datepicker;animation-name:datepicker;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear;text-decoration: none;}
#datepicker_list {padding: 1.5vw;}
.datepicker_box.animated{-webkit-animation-duration:700ms;animation-duration:700ms;background-position: center center;background-size: cover;}
.datepicker_box_date{width: 100%;text-align: center;padding: 1vw;}
.datepicker_box_date_d{font-size: 3vw;line-height: 1;}
.datepicker_box_date_m{font-size: 1.5vw;}
.datepicker_box_date_time{margin-top: 1vw;font-size: 1.6vw;}
.datepicker_box_about, .datepicker_box_score{text-align: center;width: 100%;}
.datepicker_box_about_team_place{font-size: .8vw;}
.datepicker_box_about_team{font-size: .9vw;}
.datepicker_box_score{font-size: 2vw;}
#contact_page{min-height: 100vh;flex-direction: column;}
#contact_page_logo{width: 30vw; height: 30vw;}
.gallery_view{min-height: 100vh;}
#contact_page_list li {list-style: none; text-align: center; margin-top: 1vw; font-size: 1.2vw;}
.stick{font-size: .5vw;text-transform: uppercase;color: #f08200;margin-bottom: .5vw;}
#home_slide {width: 100%; height: 65vh;}
.home_slide_sl{width: 100%;height: inherit !important; background-color: rgba(87,87,87,1.00);}
.slick-list, .slick-track{height: inherit !important;}
[data-type="cal"], #home_slide{background-image: url('../img/home_s.png'); background-repeat: no-repeat; position: top; background-size: cover;}
.home_slide_sl{background-repeat: no-repeat; position: relative; background-size: cover;}
[data-type="new"]{background-blend-mode: multiply;}
[data-type="new"]:hover {background-blend-mode: normal;}
.slider_cal_text{height: inherit;position: absolute;right: 0;top: 0;flex-direction: column;width: 30vw; color: #fff;}
.slider_cal_text .datepicker_box_date_d {font-size: 5vw;}
.slider_cal_text .datepicker_box_date_m{font-size: 2.5vw;}
.slider_cal_text .datepicker_box_about_team {font-size: 1.3vw;}
.slider_new_text {position: absolute;bottom: 0;left: 0;width: 100%; height: 16vh;color: #fff; padding: 2vh 4vw;}
.slider_new_text h3 {font-size: 2vw;max-width: 80%;}
.slider_new_text a{text-decoration: none; color: #fff;text-transform: uppercase;padding: 1vw 1.5vw;border: 2px solid #fff; border-radius: 4px; }
.slider_new_text a:hover {background-color: #fff;color: #000;}
[data-type="new"]:hover .slider_new_text {background-color: rgba(0,0,0,0.90);}

.datepicker_box{display: flex;flex-direction: column; justify-content: space-between; align-items: stretch;}
.datepicker_box_date, .datepicker_box_about, .datepicker_box_score {flex-grow: 1;background-color: rgba(16, 16, 16, 0.9);opacity: 0;}
.datepicker_box:hover .datepicker_box_date, .datepicker_box:hover .datepicker_box_about, .datepicker_box:hover .datepicker_box_score {opacity: 1;}

.datepiker_view_page{flex-flow: column nowrap;min-height: 100vh;}
.datepiker_view_page_cover img {width: 100%;height: auto;}
.datepiker_view_page_cover {width: 30vw;margin: 5vh auto;}
.datepiker_view_page_about {text-align: center; margin-bottom: 5vh;}
.datepiker_view_page_btn{margin-bottom: 5vh;}
.datepiker_view_page_btn a {text-decoration: none; background-color: #1f3b5b;color: #fff; margin-bottom: 2vw; margin-right: 2vw;padding: 1vw 1.5vw;border-radius: .3vw;}
.datepiker_view_page_btn a:last-of-type {margin-right: 0;}
.datepiker_view_page_btn a:hover {transform: scale(1.05);}

@media
only screen and (min-device-width:768px) and (max-device-width:1024px),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)
{
	header {left: 0;}
	main{width: 100%;}
	#soc_box a p {display: none;}
	#soc_box a {padding: 0;}
	#soc_box a span {width: 8vw; height: 8vw;margin-right: 0;}
	#menu_btn{display: block;}
	header nav {display: none;}
	header.open #logo a {width: 15vw;height: 15vw;}
	header.open #soc_box a {padding: 0 0 0 12vw;}
	.blog_box {width: 30.5vw;}
	.blog_box_img img{-webkit-filter: grayscale(10%);-moz-filter: grayscale(10%);-ms-filter: grayscale(10%);-o-filter: grayscale(10%);filter: grayscale(10%);opacity: 0.5;}
	.blog_box_info h3, .blog_box_date{font-size: 2vw;}
	.post{display: block;}
	#similar_news{position: relative;height: auto;left: 0;padding: 3vh 2vw 3vh;}
	.post article, #similar_news{width: 100%;}
	.similar_news_box_info{width: auto;}
	.similar_news_box_date{font-size: 3vw;}
	.similar_news_box_info h3{font-size: 4vw;}
	.post_cover{height: calc( ((85vw) * 9) / 16 );}
	.play{top: calc( ((((85vw) * 9) / 16) * 0.5) - 5vw);}
	.post_content{padding: 4vh 6vw;line-height: 4.2vmax;}
	.datepiker_view_page_cover{width: 78vw;}
	.datepiker_view_page_about{font-size: 3vmax;}
	.datepiker_view_page_btn a{font-size: 3vmax;display: block;text-align: center;padding: 3vw 7.5vw;}
}

@media
only screen and (min-device-width:320px) and (max-device-width:480px),
only screen and (max-width:320px),
only screen and (max-device-width:767px),
{
	.datepiker_view_page_cover{width: 78vw;}
	.datepiker_view_page_about{font-size: 3vmax;}
	.datepiker_view_page_btn a{font-size: 3vmax;display: block;text-align: center;padding: 3vw 7.5vw;}
	header {left: 0;width: 15vw;}
	main{width: 100%;padding-left: 15vw;}
	#soc_box a p {display: none;}
	#soc_box a {padding: 0;}
	#soc_box a span {width: 15vw; height: 15vw;margin-right: 0;}
	#menu_btn{display: block;}
	#logo a{width: 10vw;height: 10vw;}
	#menu_btn{width: 8vw;}
	header nav {display: none;}
	header.open #logo a {width: 20vw;height: 20vw;}
	header.open #soc_box a {padding: 0 0 0 11vw;}
	.blog_box{width: 100%;height: 40vh;}
	.blog_box_img{height: 26vh;}
	.blog_box_img img{min-height: 26vh;-webkit-filter: grayscale(10%);-moz-filter: grayscale(10%);-ms-filter: grayscale(10%);-o-filter: grayscale(10%);filter: grayscale(10%);opacity: 0.5;}
	.blog_box_info {height: 14vh;}
	.blog_box_info h3{font-size: 4vw;padding: 1.5vh 3.5vw;}
	.blog_box_date{font-size: 4vw;right: 3.5vw;}
	.blog_box_icon{width: 8vw;height: 8vw;right: 3.5vw;bottom: 3.5vw;}
	.post{display: block;}
	#similar_news{position: relative;height: auto;left: 0;padding: 3vh 2vw 3vh;}
	.post article, #similar_news{width: 100%;}
	.similar_news_box_info{width: auto;}
	.similar_news_box_date{font-size: 3vw;}
	.similar_news_box_info h3{font-size: 4vw;}
	.post_cover{height: calc( ((85vw) * 9) / 16 );}
	.play{top: calc( ((((85vw) * 9) / 16) * 0.5) - 5vw);}
	.post_content{padding: 4vh 6vw;line-height: 4.2vmax;}
	#team_view_box{align-content: center;}
	#team_view_box_img {width: 77vw; height: 77vw; border-bottom-width: 15px;margin-right: 0;}
	#team_view_box_img img {min-width: 77vw;}
	#team_view_box_info {width: 100%; font-size: 3.5vw;}
	#team_view_box_info_position{font-size: 3.5vw;}
	#team_view_box_info h1{font-size: 5vw;}
	.team_box{width: 100%; height: 45vh;bottom-width: 15px;}
	.team_box_img{width: 100%;}
	.team_box_img img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity: 0.95;object-fit: cover;}
	.team_box_info{height: auto; padding: 2vh; background-color: #f08200; font-size: 4vw;}
	.datepicker_box{width: 100%;height: auto;margin-bottom: 1.5vh;margin-right: 0;padding: 2vh 0;}
	.datepicker_box_date_d{font-size: 16vw;}
	.datepicker_box_date_m {font-size: 5.5vw;}
	.datepicker_box_date_y{font-size: 4vw;}
	.datepicker_box_date_time{font-size: 4.6vw;}
	.datepicker_box_about_team{font-size: 3.9vw;}
	.datepicker_box_about_team_place{font-size: 2.8vw;}
	.datepicker_box_score {margin-top: 3vw;font-size: 12vw;}
}