/* ##### course index ##### */

#course_index_text {
	width:40%;
	padding-right:20px;
	float:right;
}
#course_index_layoutpctbox_outer {
	width:60%;
	padding:0px 50px;
	float:left;
	margin-bottom:-20%;
}
#course_index_layoutpctbox {
	position:relative;
	width:600px;
	height:660px;
}
#course_index_layoutpctbox a.courseNum {
	display:block;
	position:absolute;
	width:4%;
	height:4%;
	border-radius:100%;
	overflow:hidden;
}
#course_index_layoutpctbox a.courseNum img {
	display:block;
	width:100%;
}
img#course_index_layoutpct {
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
#course_index_layoutpctbox a.type_A { background:#184c78; }
#course_index_layoutpctbox a.type_B { background:#7f2020; }
#course_index_layoutpctbox a#A_01 { top: 39.5%; left: 60%; }
#course_index_layoutpctbox a#A_02 { top: 22%; left: 50%; }
#course_index_layoutpctbox a#A_03 { top: 16%; left: 40%; }
#course_index_layoutpctbox a#A_04 { top: 9%; left: 18%; }
#course_index_layoutpctbox a#A_05 { top: 5.5%; left: 26%; }
#course_index_layoutpctbox a#A_06 { top: 8%; left: 64%; }
#course_index_layoutpctbox a#A_07 { top: 15%; left: 77%; }
#course_index_layoutpctbox a#A_08 { top: 25%; left: 70%; }
#course_index_layoutpctbox a#A_09 { top: 35%; left: 72%; }
#course_index_layoutpctbox a#B_10 { top: 52.5%; left: 50%; }
#course_index_layoutpctbox a#B_11 { top: 39%; left: 25%; }
#course_index_layoutpctbox a#B_12 { top: 30%; left: 13%; }
#course_index_layoutpctbox a#B_13 { top: 36%; left: 30%; }
#course_index_layoutpctbox a#B_14 { top: 32%; left: 35%; }
#course_index_layoutpctbox a#B_15 { top: 20%; left: 10%; }
#course_index_layoutpctbox a#B_16 { top: 15%; left: 15%; }
#course_index_layoutpctbox a#B_17 { top: 28%; left: 40%; }
#course_index_layoutpctbox a#B_18 { top: 45%; left: 64%; }


/* ## course data ## */
.course_index_databox {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.course_index_databox table {
	width:100%;
	border:1px solid #e0e0e0;
}
.course_index_databox table tr:first-child td {
	background:#999999;
	color:#ffffff;
}
.course_index_databox table tr:first-child td.recomend-d { background: #008d31; }
.course_index_databox table tr:first-child td.recomend-n { background: #707070; }
.course_index_databox table td {
	text-align:center;
}
.course_index_databox table td.course_index_greenlabel {
	background:#999999;
	color:#ffffff;
}
.course_index_datanote {
	padding: 0.5em 0;
}
[class^="course_recomend"] {
	display: inline-block;
	padding-left: 2em;
	position: relative;
}

[class^="course_recomend"]:before {
	display: block;
	width: 1.25em;
	height: 1.25em;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 0.5em;
	text-align: center;
	color: #ffffff;
}
.course_recomend-d:before { content: "D"; background-color: #008d31; }
.course_recomend-n:before { content: "N"; background-color: #707070; }

/* ##### course/sub ##### */
/* ## slide ## */

#course_sub_slidewrapper {
	width:100%;
	position:relative;
}
#course_sub_slidewrapper * {
	transition:initial;
}
#course_sub_slidewrapper .movie{
	overflow:hidden;
}
#course_sub_slidewrapper .bxslider li {
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

#course_sub_slide_down {
	display:block;
	width:60px;
	height:60px;
	background:rgba(0,0,0,0.8);
	position:absolute;
	margin:auto;
	bottom:-20px;
	left:0;
	right:0;
	z-index:5;
}
#course_sub_slide_down:before {
	top:14px;
	left: 20px;
	width: 19px;
	height: 19px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	
	vertical-align:middle;
	position:absolute;
	content:"";
}
#course_sub_slide_down:hover:before {
	top:10px;
}

/* course_sub_nav */
#course_sub_nav {
	width:594px;
	height:43px;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	margin:auto;
	font-size:0;
	z-index:9999;
}
#course_sub_nav a {
	display:block;
	font-size:16px;
	line-height:20px;
	color:#111111;
}
#course_sub_nav a#course_sub_nav_top, #course_sub_nav a#course_sub_nav_change {
	width:166px;
	height:43px;
	float:left;
	background:#aaaaaa;
	line-height:41px;
	text-align:center;
	position:relative;
}
#course_sub_nav a#course_sub_nav_top:before, #course_sub_nav a#course_sub_nav_change:before {
	top:17px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #111111;
	border-right: 1px solid #111111;
	
	vertical-align:middle;
	position:absolute;
	content:"";
}
#course_sub_nav a#course_sub_nav_top {
	padding-left:15px;
}
#course_sub_nav a#course_sub_nav_change {
	padding-right:15px;
	display:none;
}
#course_sub_nav a#course_sub_nav_top:before {
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 20px;
}
#course_sub_nav a#course_sub_nav_change:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 20px;
}
#course_sub_nav a#course_sub_nav_top {
	border-right:0;
}
#course_sub_nav a#course_sub_nav_change {
	border-left:0;
}
#course_sub_nav_tablewrapper {
	height:43px;
	float:left;
}
#course_sub_nav_tablewrapper table {
	width:100%;
	height:43px;
	display:none;
}
#course_sub_nav_tablewrapper table th, #course_sub_nav_tablewrapper table td {
	padding: 2px 3px;
	vertical-align:middle;
}
#course_sub_nav_tablewrapper table td {
	padding: 2px 5px;
}
#course_sub_nav_tablewrapper table a {
	background: rgba(255,255,255,0.15);
	border: 1px solid #FFF;
	border-radius: 20px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	color: #FFFFFF;
	line-height: 20px;
	text-align:center;
}
#course_sub_nav_tablewrapper table th a {
	border-radius:0;
	line-height:17px;
	padding-top:3px;
}

/* 右リンクボタンありなしスイッチ */
#course_sub_nav_tablewrapper {
	width:594px;
}
.course_sub_navplus #course_sub_nav_tablewrapper {
	width:628px;
}
/* 均等 */
#course_sub_nav_tablewrapper table {
	table-layout: fixed;
}
/* オン・オフ切り替え */
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole1 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole2 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole3 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole4 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole5 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole6 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole7 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole8 a,
section.course_sub_nav_A .course_sub_nav_A #course_sub_nav_hole9 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole10 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole11 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole12 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole13 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole14 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole15 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole16 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole17 a,
section.course_sub_nav_B .course_sub_nav_B #course_sub_nav_hole18 a{
	background:rgba(255,255,255,0.75); /* 半透明Ver. */
	color:#333;
}
section.course_sub_nav_A.course_sub_nav_hole1 .course_sub_nav_A #course_sub_nav_hole1 a,
section.course_sub_nav_A.course_sub_nav_hole2 .course_sub_nav_A #course_sub_nav_hole2 a,
section.course_sub_nav_A.course_sub_nav_hole3 .course_sub_nav_A #course_sub_nav_hole3 a,
section.course_sub_nav_A.course_sub_nav_hole4 .course_sub_nav_A #course_sub_nav_hole4 a,
section.course_sub_nav_A.course_sub_nav_hole5 .course_sub_nav_A #course_sub_nav_hole5 a,
section.course_sub_nav_A.course_sub_nav_hole6 .course_sub_nav_A #course_sub_nav_hole6 a,
section.course_sub_nav_A.course_sub_nav_hole7 .course_sub_nav_A #course_sub_nav_hole7 a,
section.course_sub_nav_A.course_sub_nav_hole8 .course_sub_nav_A #course_sub_nav_hole8 a,
section.course_sub_nav_A.course_sub_nav_hole9 .course_sub_nav_A #course_sub_nav_hole9 a,
section.course_sub_nav_B.course_sub_nav_hole10 .course_sub_nav_B #course_sub_nav_hole10 a,
section.course_sub_nav_B.course_sub_nav_hole11 .course_sub_nav_B #course_sub_nav_hole11 a,
section.course_sub_nav_B.course_sub_nav_hole12 .course_sub_nav_B #course_sub_nav_hole12 a,
section.course_sub_nav_B.course_sub_nav_hole13 .course_sub_nav_B #course_sub_nav_hole13 a,
section.course_sub_nav_B.course_sub_nav_hole14 .course_sub_nav_B #course_sub_nav_hole14 a,
section.course_sub_nav_B.course_sub_nav_hole15 .course_sub_nav_B #course_sub_nav_hole15 a,
section.course_sub_nav_B.course_sub_nav_hole16 .course_sub_nav_B #course_sub_nav_hole16 a,
section.course_sub_nav_B.course_sub_nav_hole17 .course_sub_nav_B #course_sub_nav_hole17 a,
section.course_sub_nav_B.course_sub_nav_hole18 .course_sub_nav_B #course_sub_nav_hole18 a{
	background:#555 !important; /* GRAND GRAY */
	border:1px solid #CCC;
	color:#FFF;
	cursor:default;
	pointer-events: none;
}

section.course_sub_nav_A #course_sub_nav_A a,
section.course_sub_nav_B #course_sub_nav_B a,
section.course_sub_nav_C #course_sub_nav_C a,
section.course_sub_nav_D #course_sub_nav_D a {
	background:#555;
	border:none;
	border:1px solid #555;
	color:#FFF;
	cursor:default;
	pointer-events: none;
}

section.course_sub_nav_A #course_sub_nav_tablewrapper table.course_sub_nav_A,
section.course_sub_nav_B #course_sub_nav_tablewrapper table.course_sub_nav_B,
section.course_sub_nav_C #course_sub_nav_tablewrapper table.course_sub_nav_C,
section.course_sub_nav_D #course_sub_nav_tablewrapper table.course_sub_nav_D
 { display:table; }
 
section.course_sub_nav_A #course_sub_nav a#course_sub_nav_change.course_sub_nav_A,
section.course_sub_nav_B #course_sub_nav a#course_sub_nav_change.course_sub_nav_B,
section.course_sub_nav_C #course_sub_nav a#course_sub_nav_change.course_sub_nav_C,
section.course_sub_nav_D #course_sub_nav a#course_sub_nav_change.course_sub_nav_D
 { display:block; }


/* bx override */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom:60px;
}
.bx-wrapper .bx-controls-direction a {
	width:23px;
	height:44px;
	margin-top:-22px;
}
.bx-wrapper .bx-prev {
	left:0;
	background:url(/grand/narita/assets/img/common/slide_custom_l.png) no-repeat;
	background-size:contain;
}
.bx-wrapper .bx-next {
	right:0;
	background:url(/grand/narita/assets/img/common/slide_custom_r.png) no-repeat;
	background-size:contain;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:focus {
	background-position:center;
}
#course_custom_prev {
	width: 26px;
	height: 52px;
	position: absolute;
	left: -32px;
	background: url(/grand/narita/assets/img/common/slide_custom_l.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	top: 1px;
}
#course_custom_next {
	width: 26px;
	height: 52px;
	position: absolute;
	right: -32px;
	background: url(/grand/narita/assets/img/common/slide_custom_r.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	top: 1px;
}

/* course_sub_infobox */
#course_sub_infobox_wrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	/*max-width:960px;*/
	margin:auto;
	z-index:10000;
}
#course_sub_infobox {
	position:absolute;
	top:20px;
	right:2%;
	border:1px solid #aaaaaa;
	width:370px;
}
#course_sub_infobox h1 {
	background:url(/grand/narita/assets/img/common/com_copybg_white.png);
	padding:15px 25px 7px 25px;
	margin:0;
	font-size:21px;
	line-height:30px;
}
#course_sub_infobox h1 strong {
	font-size:42px;
	font-weight:normal;
}
#course_sub_infobox a#course_sub_infobox_btn {
	display:block;
	background:#444444;
	line-height:36px;
	color:#ffffff;
	font-size:20px;
	padding-left:48px;
	position:relative;
}
#course_sub_infobox a#course_sub_infobox_btn:before {
	top:15px;
	left: 30px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	
	vertical-align:middle;
	position:absolute;
	content:"";
}
#course_sub_infobox a#course_sub_infobox_btn.course_sub_infobox_open:before {
	top:12px;
	left: 34px;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#course_sub_infobox #course_sub_info {
	width:100%;
	padding:15px 15px 20px 10px;
	background:rgba(255,255,255,0.8);
}
img#course_info_layout {
	width:120px;
	float:left;
}
div#course_info_txt {
	width:215px;
	float:right;
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
}
div#course_info_txt table.com_basictable {
	margin-top:5px;
	width:96%;
}
div#course_info_txt table.com_basictable td {
	text-align:center;
}

#course_sub_infobox #course_sub_info a.video-link{
	background: linear-gradient(20deg, #333 0%, #666 40%, #444 80%);
	border: 1px solid #666;
	border-radius: 5px;
	box-shadow:1px 2px 3px rgba(0,0,0,0.35);
	color: #FFF;
	display: inline-block;
	margin: 10px auto 0;
	padding: 5px;
	pointer-event:cursor;
	text-align: center;
	width: 100%;
}
#course_sub_infobox #course_sub_info a.video-link:before{
	background:url(/grand/common/images/course/icon_drone.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:5px;
	position:relative;
	top:7px;
	width:25px;
}

/* *** PC用LightBox *** */

#course_sub_infobox dl.light-box{
	clear:both;
	margin:0;
	padding-top:10px;
	text-align:center;
	width:100%;
}
#course_sub_infobox dl.light-box dt{
	background-color:#444;
	color:#FFF;
	margin-bottom:5px;
	padding:5px 0 3px;
	width:100%;
}
#course_sub_infobox dl.light-box dd{
	float:left;
	list-style-type:none;
	margin:0 5px 0 0;
	width:calc(33.33% - 5px);
}
#course_sub_infobox dl.light-box dd:last-child{
	margin-right:0;
}
#course_sub_infobox dl.light-box dd img{
	width:100%;
}

/* for responsive */
a#course_sub_nav_top,
.course_sub_nav_m,
#course_sub_nav_select{
	display:none;
}

/* ##### responsive ##### */
@media (max-width: 1199px) {
	#course_index_text {
		width:50vw;
		padding-right:2vw;
	}
	#course_index_layoutpctbox_outer {
		width:45vw;
		padding:0 0vw 0 4vw;
	}
	#course_index_layoutpctbox {
		width:41vw;
		height:45.1vw;
	}
}
@media (max-width: 1099px) {
	/* ## course_sub_infobox ## */
	#course_sub_infobox {
		width:330px;
	}
	#course_sub_infobox {
		right:25px;
	}
	#course_sub_infobox h1 {
		font-size:18px;
	}
	#course_sub_infobox h1 strong {
		font-size:36px;
	}
	div#course_info_txt {
		font-size:12px;
		width:185px;
	}
	img#course_info_layout {
		width:110px;
	}
	/* ## course_sub_nav ## */
	a#course_sub_nav_top,
	.course_sub_nav_m {
		display:block;
	}
	#course_sub_nav {
		position:relative;
		width:380px;
		height:auto;
		margin:30px auto;
		text-align:center;
	}
	#course_sub_nav h2 {
		font-size:16px;
		margin-bottom:10px;
		font-weight:bold;
	}
	#course_sub_nav_tablewrapper, #course_sub_nav a#course_sub_nav_change {
		display:none!important;
	}
	#course_sub_nav a#course_sub_nav_top, #course_sub_nav a#course_sub_nav_change {
		width:140px;
		height:30px;
		font-size:14px;
		line-height:28px;
	}
	#course_sub_nav a#course_sub_nav_top:before, #course_sub_nav a#course_sub_nav_change:before {
		top:11px;
	}
	#course_sub_nav a#course_sub_nav_top:before {
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		left: 15px;
	}
	#course_sub_nav a#course_sub_nav_top {
		border-right:0;
	}
	/* select */
	#course_sub_nav_select {
		display:block;
		float:left;
		width:240px;
		height:30px;
		background:#ffffff;
		border:1px solid #777777;
		color:#111111;
		font-size:14px;
		padding-left:10px;
	}
}
@media (min-width:375px) and (max-width:899px) {
	/* ## course_table ## */
	.course_index_databox table th, .course_index_databox table td {
		font-size:12px;
		padding:3px 5px;
	}
}
@media (max-width:899px) {
	/* ## slide ## */
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom:12px;
	}
	/* ## course pct ## */
	#course_index_text {
		float:none;
		width:100%;
		padding:0 20px;
	}
	#course_index_text #course_index_text_btnbox {
		text-align:center;
	}
	#course_index_text br {
		display:none;
	}
	#course_index_layoutpctbox_outer {
		float:none;
		width:100%;
		padding:0;
	}
	#course_index_layoutpctbox {
		margin:0 auto;
		width:92vw;
		height:101.2vw;
		max-width:450px;
		max-height:494px;
	}
}
@media (max-width:699px) {
	/* ## course_sub_nav ## */
	#course_sub_nav {
		width:350px;
	}
	#course_sub_nav h2 {
		font-size:12px;
	}
	#course_sub_nav a#course_sub_nav_top, #course_sub_nav a#course_sub_nav_change {
		width:120px;
	}
	#course_sub_nav_select {
		width:230px;
	}
	/* ## course_sub_infobox ## */
	#course_sub_infobox_wrapper {
		position:relative;
	}
	#course_sub_infobox {
		position:relative;
		border:none;
		top:0;
		left:0;
		width:100%;
		background:#f0f0f0;
	}
	#course_sub_infobox h1 {
		position:absolute;
		border:1px solid #aaaaaa;
		top:-80vw;
		right:5px;
		width:47vw;
		padding:2vw;
		font-size:3.2vw;
		line-height:4vw;
	}
	#course_sub_infobox h1 strong {
		font-size:6vw;
	}
	#course_sub_infobox a#course_sub_infobox_btn { display:none; }
	#course_sub_infobox #course_sub_info {
		width:100%;
		padding:30px 25px 30px 30px;
	}
	img#course_info_layout {
		width:30%;
	}
	div#course_info_txt {
		width:65%;
	}
}
@media (max-width:374px) {
	#course_index_layoutpctbox a.courseNum {
		width:5%;
		height:5%;
	}
	/* ## slide ## */
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom:8px;
	}
	/* ## course_sub_nav ## */
	#course_sub_nav {
		width:300px;
	}
	#course_sub_nav a#course_sub_nav_top:before {
		left:10px;
		top:10px;
	}
	#course_sub_nav a#course_sub_nav_top, #course_sub_nav a#course_sub_nav_change {
		width:100px;
		font-size:12px;
	}
	#course_sub_nav_select {
		width:200px;
		font-size:12px;
		padding-left:5px;
	}
}

/* ------------------------------------------------------ */
/* コンテンツセレクトUIのスタイル（#contents_select）
/* ------------------------------------------------------ */

ul#contents_select{
	color:#FFF;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 10px;
	width:max-content;
}
ul#contents_select li a{
	background-color:#30353a;
	border:1px solid #FFF;
	border-top:none;
	color:#FFF;
	display:block;
	font-family:'Jost',sans-serif;
	letter-spacing:0.1em;
	margin-right:10px;
	padding:10px 0;
	text-align:center;
	width:max(min(16.7vw,200px),135px);
}
ul#contents_select li a:hover,
ul#contents_select li a.active{
	border:1px solid #bf9b46;
	border-top:none;
	color:#bf9b46;
	font-weight:bold;
}
ul#contents_select li:nth-of-type(1) a:before{
	background:url(/grand/common/images/course/icon_drone.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:10px;
	position:relative;
	top:0.3em;
	width:30px;
}
ul#contents_select li:nth-of-type(1) a.active:before{
	background:url(/grand/common/images/course/icon_drone_on.svg) no-repeat;
	background-size:contain;
}
ul#contents_select li:nth-of-type(1) a:hover:before{
	background:url(/grand/common/images/course/icon_drone_on.svg) no-repeat;
	background-size:contain;
}
ul#contents_select li:nth-of-type(2) a:before{
	background:url(/grand/common/images/course/icon_photo.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:10px;
	position:relative;
	top:0.2em;
	width:30px;
}
ul#contents_select li:nth-of-type(2) a.active:before{
	background:url(/grand/common/images/course/icon_photo_on.svg) no-repeat;
	background-size:contain;
}
ul#contents_select li:nth-of-type(2) a:hover:before{
	background:url(/grand/common/images/course/icon_photo_on.svg) no-repeat;
	background-size:contain;
}

ul#contents_select li:last-of-type a{
	margin-right:0;
}

/* ########## responsive ########## */

@media(max-aspect-ratio:1200/830){
	ul#contents_select{
		margin:0 0 10px 20px;
	}
}
@media(max-aspect-ratio:1920/1450){
	ul#contents_select{
		margin:0 0 10px 20px;
	}
}
@media(min-width:821px){
	ul#contents_select{
		left:50%;
		position:absolute;
		top:90px;
		transform:translateX(-50%);
		z-index:101;
	}
}
@media(min-width:1100px){
	ul#contents_select{
		top:140px;
	}
}
@media(max-width:1000px){
	ul#contents_select li a{
		padding:10px 15px;
		width:inherit;
	}
}
@media(max-width:820px){
	ul#contents_select{
		margin:0 auto 10px;
		padding: 0;
	}
}

/* ################################ */