@charset "UTF-8";

/* アルファベット文字 */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond|Lato');
html, body {
	background: #000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: center;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li {list-style:none;margin-bottom: 0;} caption,th{ text-align:left; }
li img,dt img,dd img{
	vertical-align:bottom; 
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:""; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
a {
  /* overflow:hidden; */
  /* outline:none; */
}
a img{
  transition:opacity 0.15s;
}
a:hover img{
  opacity:0.6;
}
.serif,
.glow,
main h2,
#gNavi li a,
#subNavi li,
#sideNavi {
	font-family: 'Noto Serif', serif, "EB GaramondBaskerville", "Times New Roman", serif;
}
.jp .serif,
.jp .glow,
.jp main h2,
.jp #gNavi li a,
.jp #subNavi li,
.jp #sideNavi {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
.cht .serif, .chs .serif,
.cht .glow, .chs .glow,
.cht main h2, .chs main h2,
.cht #gNavi li a, .chs #gNavi li a,
.cht #subNavi li, .chs #subNavi li,
.cht #sideNavi, .chs #sideNavi{
	font-family: palatino, SimSun, 'Noto Serif', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
}
.ko .serif,
.ko .glow,
.ko main h2,
.ko #gNavi li a,
.ko #subNavi li,
.ko #sideNavi {
	font-family: palatino, "Iropke Batang", serif;
}
.glow{
	text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px, #0190db 0 0 7px;
}
main{
	position: relative;
	width: 100%;
	overflow: hidden;
	display: block;
}
main article{
     max-width:1000px;
     width:100%;
     margin: 0 auto 1%;
}
.dummy{
	position: absolute;
	top: -9999px;
}
/*============================
professional common
============================*/

html {
	position: relative;
	overflow-x: hidden;
}
body {
	font-family: 'Noto Sans', sans-serif, "Lato", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.75em;
	margin: 0;
	background: #000000;
	text-align: center;
	color: #fff;
}
body.jp {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, 'Noto Sans', "ＭＳ Ｐゴシック", sans-serif;
}
body.cht{
	font-family:  '微軟正黑體', 'PMingLiU', 'Noto Sans', "Apple LiSung", Meiryo, "Arial", sans-serif;
}
body.cht #scdTable {
	font-family: '黑体', 'Hei Ti', sans-serif;
}
body.chs{
	font-family: 'Noto Sans', Simhei, "Arial", Hei, sans-serif;
}
body.ko{
	font-family: 'Noto Sans', "Iropke Batang", NanumGothic, "나눔고딕", Dotum, "돋움", Helvetica, AppleSDGothicNeo, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS P Gothic", sans-serif;
}
.ctsInner {
	width: 100%;
	max-width: 960px;
	* width: 984px;
	margin: 0 auto;
	position: relative;
	* margin-bottom: 22px;
	text-align: center;
}
header {
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 101;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}
header:after {
	content: "";
	background: url(../../../../../assets/images/line_gnavi.png) no-repeat center;
	background-size:100% 100%;
	width: 100%;
	height: 48px;
	position: absolute;
	top: 36px;
	display: block;
	pointer-events: none;
}
main article{
	position:relative;
	z-index: 2;
}


/*============================
#gNavi
============================*/
#gNavi {text-align: center;position: relative;z-index: 1;/* overflow: hidden; */}
#gNavi ul {height: 60px;}
#gNavi li {
    display: inline-block;
    width: 8.5%;
    max-width: 110px;
    line-height: 60px;
}
.de #gNavi ul{
	margin-left:-5%;
}
.fr #gNavi li,
.it #gNavi li,
.es #gNavi li {
    width: auto;
    margin: 0 1.7%;
}
.de #gNavi li {
    width: auto;
    margin: 0 1.1%;
}
#gNavi li.long{
	white-space:nowrap;
	max-width:unset;
}
#gNavi a{
    color: rgba(191, 248, 255, 0.7);
    text-decoration: none;
    width:100%;
    display: inline-block;
    transition: color 0.2s, text-shadow 0.2s;
    font-size: 18px;
}
#gNavi a:hover,
#gNavi .current a {
	color: #bff8ff;
	text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px, #0190db 0 0 7px;
}


/*============================
#sns
============================*/

header #sns {
	position: absolute;
	right: 0;
	top: 0;
	margin: 9px 148px 0 0;
	z-index: 1;
}
#sns li {
	display: inline-block;
	vertical-align: top;
}
header #sns li.fb {
	margin: 0 0 0 0;
}
/*============================
#langSel
============================*/
#langSel {
	position: absolute;
	right: 0;
	top: 0;
	margin: 15px 0px 0 0;
	color: #bff8ff;
	z-index: 2;
	transition:opacity .2s;
}
#langSel.close {
	opacity:0.7;
}
#langSel p {
	font-size: 17.19px;
	background: url(../../../../../assets/images/line_menu1.png) no-repeat bottom;
	width: 160px;
	height: 60px;
	cursor: pointer;
	transition:color 0.15s;
	position: relative;
	z-index: 1;
}
#langSel p:hover {
	color: rgba(191, 248, 255, 0.7);
}
#langSel p:after {
	content: "";
	background: url(../../../../../assets/images/menu_close.png) no-repeat;
	width: 17px;
	height: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 10px -3px 0 9px;
	line-height: 0;
}
#langSel.close p{
	background-size:0;
}
#langSel.close p:after {
	background: url(../../../../../assets/images/menu_open.png) no-repeat;
}
#langSel ul {
	margin-top: -18px;
	text-align: center;
	transition: margin 0.3s;
}
#langSel.close ul {
	margin-top: -60px;
	pointer-events: none;
}
#langSel li {
	background: url(../../../../../assets/images/line_menu2.png) no-repeat bottom;
	width: 127px;
	height: 60px;
	margin: 0px auto -20px;
	overflow: hidden;
	opacity: 1;
	transition: margin 0.3s, opacity 0.3s;
	position: relative;
	z-index: 2;
}
#langSel li.current a{
	color:#608990;
}
#langSel li.enable a {
	color:#666;
	pointer-events:none;
}
#langSel.close li {
	margin-bottom: -60px;
	opacity: 0;
	z-index:0;
}
#langSel.close li a{
	pointer-events: none;
}
#langSel a {
	color: #bff8ff;
	font-size: 13px;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	transition:opacity 0.15s;
}
#langSel a:hover {
	text-decoration: none;
	opacity: 0.7;
}
h1 img,
p img,
h2 img,
h3 img {
	width: 100%;
	height: auto;
}

/*============================
#pageHero
============================*/
#pageHero {
	width:100%;
	background-size: cover !important;
}
#pageHero h1{
	padding: 20.6% 0 17.8%;
	font-size: 2.5em;
}
#pageHero h1:after {
    content: "";
    background: url(../../../../../assets/images/hr_h1.png) no-repeat center;
    width: 40.105%;
    height: 41px;
    position: relative;
    display: block;
    bottom: 0;
    margin: -0.1% auto -4%;
    background-size: 100% 100% !important;
}
/*============================
#subNavi
============================*/
#subNavi{
	margin: 2.25em auto 2.7em;
	max-width: 1000px;
	width: 95.878%;
}
#subNavi ul{
	position:relative;
	display: inline-block;
	width: 100%;
	text-align: left;
	max-width: 1000px;
}
#subNavi li{
	display: inline-block;
	width: 20%;
	font-size: 0.9em;
	position: relative;
	color: #a3a3a3;
	text-align: center;
	cursor: pointer;
	transition: color 0.2s, text-shadow 0.2s;
}
#subNavi li.enable{
	color: #545454;
	pointer-events:none;
}
#subNavi li.current,
#subNavi li:hover{
	color: #bff8ff;
    text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px, #0190db 0 0 7px;
}
#subNavi li:before,
#subNavi ul:after {
    content: "";
    background: url(../../../../../assets/images/line_subNavi.png) no-repeat center;
    width: 41px;
    height: 4.63em;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin: -1.3em 0 0 -20px;
    background-size: 100% 100%;
}
#subNavi ul:after{
	left:auto;
	right:0;
	margin: -1.3em -20px 0 0;
}
/*============================
.column_main
============================*/
.column_main{
	width: 72.6%;
	display: inline-block;
	vertical-align: top;
}
.column_sub{
	width: 22%;
	margin-left: 5.4%;
	display: inline-block;
	vertical-align: top;
}
/*============================
#sideNavi
============================*/
#sideNavi{
    border: #a1dbe4 1px solid;
    box-shadow: #006fa9 0 0 20px 0, #006fa9 0 0 20px 0 inset;
}
#sideNavi h2{
	text-shadow: #5fc8ff 0 0 30px, #07aaff 0 0 30px, #0190db 0 0 7px, #0190db 0 0 7px;
	font-size: 1.2em;
	margin-bottom: 0.8em;
	margin-top: 0.6em;
	position: relative;
}
#sideNavi h2:after {
    content: "";
    background: url(../../../../../assets/images/hr_sidenavi_h2.png) no-repeat center;
    width: 100%;
    height: 48px;
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    margin-bottom: -18.9%;
    background-size: 100% 100%;
    pointer-events: none;
}
#sideNavi ul{
	line-height: 3.1;
	font-size: 0.9em;
	padding: 0.3em 0;
}
#sideNavi li{
	position:relative;
}
#sideNavi li:after {
    content: "";
    background: url(../../../../../assets/images/hr_sidenavi_li.png) no-repeat center;
    width: 83.5%;
    height: 41px;
    position: absolute;
    display: block;
    left: 8%;
    bottom: 0;
    margin-bottom: -9%;
    background-size: 100% 100%;
    pointer-events: none;
}
#sideNavi li:last-child:after{
	display:none;
}
#sideNavi li a{
	text-decoration: none;
	text-shadow: #5fc8ff 0 0 20px, #07aaff 0 0 20px, #0190db 0 0 7px, #0190db 0 0 7px;
	color: #bff8ff;
	display: inline-block;
	width: 100%;
	height: 100%;
	transition:opacity .24s;
}
#sideNavi li a:hover{
	opacity:0.6;
}


/*============================
#ctsLinks
============================*/

#ctsLinks {
    position: relative;
    z-index: 1;
}
#ctsLinks a.swg2017 img {
	width: 68.438%;
	height: auto;
	margin: 5.7% 0 -1%;
}
#ctsLinks a.swg2017 p {
	width: 56.317%;
	margin: -3.8% auto -2.6%;
}
#ctsLinks a.swg2017 p:after {
	content: "";
	background: url(../../../../../assets/images/arrow_link.png) no-repeat;
	width: 3.1em;
	height: 3.445em;
	background-size: contain;
	display: inline-block;
	vertical-align: top;
	margin: 1.65em -0.2em 0 -1.8em;
	line-height: 0;
}
#ctsLinks h3 {
	margin: 4.1% auto -0.4%;
	padding-right: 0.5%;
	box-sizing: content-box;
	width: 32.189%;
}
#ctsLinks #sns li {
	margin-right: 0;
}
#ctsLinks #sns li.cn {
	margin-top: -1%;
}
/*============================
.sideBg
============================*/

article .sideBg {
	position: absolute;
	top: 0;
	width: 30.1%;
	max-width: 300px;
}
article .sideBg.fix {
	position: fixed;
	bottom: 0;
	top: auto;
}
article .sideBg.fix2 {
	position: absolute;
	bottom: 0px;
	top: auto !important;
}
article .bg_left.fix {
	left: 50%;
	margin-left: -879px;
}
article .bg_right.fix {
	right: 50%;
	margin-right: -900px;
}
article .bg_left {
	margin: 13.8% 0 0 -350px;
	margin: 3.5% 0 0 -379px;
	background-size: 76.4%;
	height: 0;
	padding-bottom: 870px;
	/* display: none; */
}
article .bg_right {
	margin: 14.4% -35% 0 0;
	margin: 4.5% -400px 0 0;
	background-size: 94.7%;
	height: 0;
	padding-bottom: 870px;
	right: 0;
	/* display: none; */
}
article .sideBg ul {} article .sideBg li {
	position: absolute;
}
article .sideBg li img {
	width: 100%;
	height: auto;
}
article .bg_left ul {
	margin: 8.1% 0 0 -8.1%;
	background-size: 78.1%;
	height: 0;
	padding-bottom: 290%;
	/* display: none; */
}
article .bg_right ul {
	margin: 0.1% 0 0 -3.3%;
	background-size: 88.8%;
	height: 0;
	padding-bottom: 289.9%;
	/* display: none; */
}
article .sideBg span{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height:100%;
}
article .bg_left .star {
	background: url(../../../../../assets/images/bg_particle.gif?2)no-repeat;
	margin: -6.9% 0 0 -1.1%;
	background-size: 100%;
	width: 80%;
}
article .bg_right .star {
	background: url(../../../../../assets/images/bg_particle.gif?2)no-repeat;
	margin: -5.9% 0 0 1.7%;
	background-size: 100%;
	width: 80%;
}
article .bg_left .card1 {
	margin: -33.5% 0 0 26.8%;
	width: 51.6%;
}
article .bg_left .card2 {
	margin: 8% 0 0 -3.2%;
	width: 48.7%;
}
article .bg_left .card3 {
	margin: 51.7% 0 0 28.7%;
	width: 57.5%;
}
article .bg_left .card4 {
	margin: 171% 0 0 38%;
	width: 73.3%;
}
article .bg_left .card5 {
	margin: 246.8% 0 0 -2%;
	width: 77%;
}
article .bg_left .card6 {
	margin: 494.5% 0 0 -5%;
	width: 62.5%;
}
article .bg_right .card1 {
	margin: -29% 0 0 40.1%;
	width: 49.3%;
}
article .bg_right .card2 {
	margin: 23.8% 0 0 7.8%;
	width: 57.5%;
}
article .bg_right .card3 {
	margin: 156.9% 0 0 -2.3%;
	width: 55.6%;
}
article .bg_right .card4 {
	margin: 180.4% 0 0 54.5%;
	width: 63%;
}
article .bg_right .card5 {
	margin: 225.3% 0 0 16.5%;
	width: 70.6%;
}
article .bg_right .card6 {
	margin: 462.2% 0 0 -1%;
	width: 66.5%;
}

/*============================
#pop_movie
============================*/
#pop_movie{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index: 1000;
	display:none;
}
#pop_movie .bg{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.85;
	filter: alpha(opacity=65);
}
#pop_movie .embed{
	position: relative;
	top: 50%;
	left: 0;
	margin: 0 auto 0;
	padding-bottom: 640px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 960px;
	max-width: 100%;
	background: #000;
}
#pop_movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#pop_movie .close{
	position: absolute;
	top:50%;
	left:50%;
	margin: -373px 0 0 335px;
	width: 150px;
	text-align: right;
	opacity: 1;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	filter: alpha(opacity=70);
	z-index:11;
	cursor: pointer;
	font-size: 3.5em;
	font-weight: 100;
	text-decoration: none;
}
#pop_movie .close img{
	margin-left:0.4em;
}
#pop_movie .close:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

footer {
	width: 100%;
	/* background: url(../../../../../assets/images/bg_bottom.jpg) no-repeat center bottom; */
	padding-bottom: 1.1%;
	position: relative;
}
footer small {
	margin-top: 2.2%;
	font-size: 12px;
	display: inline-block;
	text-indent: 150%;
	overflow:  hidden;
	position: relative;
	padding-left: 1em;
	content: "";
	width: 110px;
	height: 14px;
	background: url(../../../../../assets/images/copyright.png?2) no-repeat;
	background-size: 110px;
	left: 0;
}
footer small:before {
	content:"";
	display: block;
	width: 110px;
	height: 14px;
	background: url(../../../../../assets/images/copyright.png?2)no-repeat;
	background-size: 110px;
	position: absolute;
	left: 0;
}
@media screen and (min-width: 960px) {
	.fortab {
		display: none !important;
	}
}
@media screen and (max-width: 1060px) {
	#gNavi ul{
		position:absolute;
		top:0;
		left: 4%;
		width: 62%;
	}
	#gNavi li{
		width: 16.6%;
	}
	.fr #gNavi ul,
	.it #gNavi ul,
	.de #gNavi ul,
	.es #gNavi ul{
		width: 100%;
		text-align: left;
		margin-left: 0;
	}
	.fr #gNavi li,
	.it #gNavi li,
	.de #gNavi li,
	.es #gNavi li{
		width: auto;
		margin: 0 2vw 0 0;
	}
	.de #gNavi a,
	.it #gNavi a{
		font-size:14px;
	}
     main article{
         width: 95.878%;
         margin: 0 2.06%;
    }
     body {
         font-size: 1.69vw;
    }
}
@media screen and (min-width: 768px) {
	.forsp{
		display:none !important;
	}
}
@media screen and (max-width: 767px) {
	.forpc{
		display:none !important;
	}
	/*============================
	professional common
	============================*/
	body {
		font-size:4.694vw;
		line-height: 1.75em;
		margin: 0;
		position:relative;
		overflow-x: hidden;
	}
	.ctsInner {
		position:relative;
		width: 100%;
		overflow:hidden;
	}
	header{
		height: auto;
		background: none;
	}
	header:after{
		display:none;
	}
	/*============================
	#gNavi
	============================*/
	#gNavi{
			overflow: hidden;
			height: 2.5em;
			transition: height 0.3s, background 0.3s;
			background: linear-gradient(to bottom, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0));
	}
	#gNavi.open{
			height: 100vh;
			background: #000c;
	}
	#gNavi .menu{position:absolute;right:0;width: 11.2%;padding-bottom: 10.7%;margin: 0.9% 1.1% 0 0;height: 0;z-index: 2;background: url(../../../../../assets/images/spmenu.png) no-repeat;background-size: contain !important;display: inline-block;}
	#gNavi.open .menu{
		background: url(../../../../../assets/images/spmenu_close.png) no-repeat;
	}
	#gNavi ul {position:relative;height: auto;max-height: calc(100vh - 5.5em);width: 100% !important;left: 0;top: 0;margin-top: 2.5em;background:#0000;transition:background 0.4s;overflow: scroll;overflow-x: hidden;text-align: center !important;-webkit-overflow-scrolling: touch;}
	#gNavi.open ul {background:#000;}
	#gNavi li {
		max-width: 9999px;
		line-height: unset;
		width: 100% !important;
		background: #001d2c url(../../../../../assets/images/spmenu_link.png) no-repeat 88% 0.7em;
		background-size: 7.7%;
		position: relative;
		display: block;
	}
	#gNavi li:last-child {
		margin-bottom: 1em;
	}
	#gNavi li.incsub {
		background: #001d2c url(../../../../../assets/images/spmenu_sub_open.png) no-repeat 88% 1em;
		background-size: 10.2%;
		background-position-x: 89.2%;
	}
	#gNavi li.incsub a {
		pointer-events:none;
	}
	#gNavi li.incsub.open {
		background: #001d2c url(../../../../../assets/images/spmenu_sub_close.png) no-repeat 88% 1em;
		background-size: 10.2%;
		background-position-x: 89.2%;
	}
	#gNavi.open ul:before,
	#gNavi li:after,
	#gNavi .submenu:after {
		content: "";
		background: url(../../../../../assets/images/spmenu_line.png) no-repeat center;
		width: 100%;
		height: 0;
		padding-bottom: 5.5%;
		position: absolute;
		display: block;
		left:0;
		top: 0;
		margin-top: 13.5%;
		background-size: contain;
		z-index: 2;
	}
	#gNavi ul:before{
		margin-top: -2.5% !important;
	}
	#gNavi .submenu:after {
		top:auto;
		bottom:0;
		margin-bottom: -1.2%;
	}
	#gNavi a,
	#gNavi .current a,
	#gNavi .current a:hover{
		transition: 0.2s;
		font-size: 1.2em !important;
		line-height: 2.9em;
		color: #bff8ff;
		text-shadow: #5fc8ff 0 0 15px, #07aaff 0 0 15px, #0190db 0 0 3px, #0190db 0 0 3px;
		white-space: nowrap;
	}
	#gNavi .submenu{
		text-align: left;
		width: 100%;
		padding: 0 10%;
		position: relative;
		line-height: 3.45em;
		overflow: hidden;
		margin-bottom: 0;
		background: #000;
		max-height: 0;
		transition: max-height 0.2s;
		box-sizing: border-box;
	}
	#gNavi li.open .submenu{
		padding: 1% 10%;
		margin-bottom: -1.6%;
		max-height: 50em;
	}
	#gNavi .submenu a{
		width: 79%;
		margin: 0 -15%;
		display:inline-block;
		font-size: 0.8em !important;
		position:relative;
		line-height: unset !important;
		text-align: center;
		pointer-events: auto !important;
	}
	#gNavi .submenu a:after {
		content: "";
		background: url(../../../../../assets/images/spmenu_line_s.png) no-repeat center;
		width: 122%;
		height: 0;
		padding-bottom: 13.8%;
		position: absolute;
		display: block;
		left: -11%;
		top: 0;
		margin-top: 18.6%;
		background-size: contain;
		z-index: 2;
	}
	#gNavi .submenu a:nth-last-of-type(1):after,
	#gNavi .submenu a:nth-last-of-type(2):nth-of-type(odd):after {
		display:none;
	}
	/*============================
	#sns
	============================*/
	header #sns {
		right: auto;
		left: 0;
		margin: 1.6% 0 0 2.4%;
		text-align: left;
		z-index: 3;
		width: 50%;
		display: inline-block;
	}
	#sns li {
	width: 17.6%;
	}
	#sns li img{
		width:100%;
		height:auto;
	}
	header #sns li.twitter {
	}
	header #sns li.fb {
		margin: 0;
	}
	header #sns li.youtube {
		width: 44.4%;	
		margin-top: 0.3%;
	}
	/*============================
	#langSel
	============================*/

	#langSel {
		margin: 0% 9.8% 0 0;
		width: 27.5%;
		text-shadow: #5fc8ff 0 0 0.5em, #07aaff 0 0 0.5em, #0190db 0 0 0.1em, #0190db 0 0 0.1em;
		background: rgba(0, 0, 0, 0.5);
		transition: background 1s;
		padding-bottom: 4%;
		padding-top: 1.6%;
		opacity: 1;
	}
	#langSel.close {
		background: rgba(0, 0, 0, 0);
		opacity: 1;
		padding-bottom: 6.1%;
	}
	#langSel p {
		font-size: 0.75em;
		width: 100%;
		height: 0;
		padding-bottom: 49%;
		margin-left: 0%;
		background-size: 115%;
		background-position-y: 98%;
		text-indent: 0.3em;
	}
	#langSel p:after {
		background: url(../../../../../assets/images/menu_close_sp.png) no-repeat;
		background-size: contain;
		width: 3.2em;
		height: 3.2em;
		margin: -1.8% -10.5% 0 -11.3%;
		line-height: 0;
	}
	#langSel.close p:after {
		background: url(../../../../../assets/images/menu_open_sp.png) no-repeat;
		background-size: contain;
		width: 3.2em;
		height: 3.2em;
	}
	#langSel ul {
		margin-top: -18.1%;
		transition: margin 0.3s;
	}
	#langSel.close ul {
		margin-top: -60px;
	}
	#langSel li {
		width: 94%;
		background-size: contain;
		height: 0;
		padding-bottom: 48.2%;
		margin: 0.2px 0 -19.6% 3.9%;
		transition: margin 0.3s, opacity 0.3s,  padding 0.3s;
	}
	#langSel.close li {
		margin-bottom: -0.1em;
		padding-bottom: 0;
	}
	#langSel a {
		font-size: 0.6em;
		width: 100%;
	}
	#langSel a:hover {
		opacity: 0.7;
	}
	/*============================
	#pageHero
	============================*/
	#pageHero {
	min-height: 45.3vw;
	background-size: 123.8% !important;
	background-position-y: 53% !important;
	}
	#pageHero h1{
		padding: 16.1% 0;
		font-size: 1.4em;
	}
	#pageHero h1:after {
		width: 53.105%;
		height: 0;
		padding-bottom: 6.3%;
		margin: -2.3% auto -4%;
		background-size: contain;
	}
	/*============================
	#subNavi
	============================*/
	#subNavi{
		margin: 1.05em auto 1.1em;
		width: 100%;
	}
	#subNavi ul{
		width: 82.4%;
		line-height: 1.9em;
	}
	#subNavi li{
		width: 33.33%;
		font-size: 0.6em;
	}
	#subNavi li.current,
	#subNavi li:hover{
		text-shadow: #5fc8ff 0 0 15px, #07aaff 0 0 15px, #0190db 0 0 3px, #0190db 0 0 3px;
	}
	#subNavi li:before{
		width: 1.73em;
		height: 4.63em;
		margin: -0.8em 0 0 -12.3%;
	}
	#subNavi li:last-child:after,
	#subNavi li:nth-child(3n):after{
		content: "";
		background: url(../../../../../assets/images/line_subNavi.png) no-repeat center;
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		width: 1.73em;
		height: 4.63em;
		margin: -0.8em -11.3% 0 0;
		background-size: 100% 100%;
	}
	#subNavi li:last-child:after {
		margin-right: -5.3%;
	}
	#subNavi ul:after{
		display:none;
	}
	/*============================
	.column_main
	============================*/
	.column_main{
		width: 82.4%;
    	margin: 0 8.8%;
	}
	
	/*============================
	#ctsLinks
	============================*/
	#ctsLinks a.swg2017 img {
		width: 83.238%;
		margin: 0% 0 -1%;
	}
	#ctsLinks a.swg2017 p {
		width: 74.793%;
		margin: -2.3% auto -4.8%;
	}
	#ctsLinks a.swg2017 p:after,
	#ctsLinks a.swg2017:hover p:after {
		width: 2.2em;
		2: 62px
		margin: 5.8% -0.5% 0 -5.4%;
		height: 2.2em;
		background-size: contain;
		line-height: 0;
		margin: -0.7% -1.9% 0 -7%;
	}
	#ctsLinks h3 {
		margin: 5.7% auto 1.6%;
		padding-right: 0.4%;
		width: 41.3%;
	}
	#ctsLinks #sns {
		width: 100%;
		margin-left: 0%;
	}
	#ctsLinks #sns li.twitter {
		width: 12.5%;
		margin: 0.3% 1% 0 0%;
	}
	#ctsLinks #sns li.cn {
		width: 12.5%;
		margin: -0.9% 6% 0 0%;
	}
	#ctsLinks #sns li.fb {
		width: 10.4%;
		margin: 0.2% -1.3% 0 -2.2%;
	}
	#ctsLinks #sns li.youtube {
		width: 26.5%;
		margin-top: 0.2%;
	}
	#ctsLinks #sns li.twitch {
		width: 21.8%;
		margin: 0.5% 0 0 -0.3%;
	}
	#ctsLinks #sns li {
		margin-right: 0;
	}
	/*============================
	.sideBg
	============================*/
	article .sideBg {
		position: absolute;
		top: auto;
		bottom: 0;
		width: 25.2%;
		margin-top: 0 !important;
	}
	article .sideBg span {
		display:none;
	}
	article .bg_left {
		background: url(../../../../../assets/images/bg_card_l_sp.jpg?2)no-repeat;
		margin: 0 0 -4.3% 5.1%;
		background-size: 100%;
		height: 0;
		padding-bottom: 53.6%;
	}
	article .bg_right {
		background: url(../../../../../assets/images/bg_card_r_sp.jpg?2)no-repeat;
		margin: 0 3.9% -1% 0;
		background-size: 100%;
		height: 0;
		padding-bottom: 50.2%;
		right: 0;
	}
	article .bg_left ul {
		display:none;
	}
	article .bg_right ul {
		display:none;
	}
	/*============================
	#pop_movie
	============================*/
	
	/*#pop_movie .close {
		top: auto;
		bottom: 0;
		margin: 0 0 -140px -1.5em;
		font-size: 1.8em;
		font-weight: 100;
		width: 1.9em;
		white-space: nowrap;
		transform: translateY(-60px);
		-webkit-transform: translateY(-60px);
	}*/
	#pop_movie .close {
		margin: -47% 0 0 -4%;
		width: 50%;
	}
	#pop_movie .embed{
		padding-bottom: 66.25%;
	}
	footer {
		padding-bottom: 0%;
	}
	footer small {
		margin: 8.7% 0 3%;
	}
	footer small:before {
		/* margin-left:-0.2em; */
	}
}
.entry-header{
	display:none;
}