@charset "utf-8";

/*html, body {height: 100%}*/
body {
	background-color: #000;
	line-height: 1.3;
	color: #fff;
}

a:link {color: #41f0fb;text-decoration: underline;}
a:visited {color: #0fd4e0;text-decoration: underline;}
a:hover {color: #00f0ff;text-decoration: underline;}
a:active {color: #00f0ff;text-decoration: underline;}

body.medium div#wrap,
body.big div#wrap {
	width: 100%;
	height:100%;
	background-color: #000;
	overflow:hidden;
}
body > #wrap {height: auto; min-height: 100%;overflow:hidden;}
body.small div#wrap {font-size: 85%;}

/********************************************************************
lt 647             small                        for SmartPhone
648 - 941       tablet medium         for PC, Tablet etc... ↓
942 - 1235     standard medium
1236 -1529    large big
gt 1800          max big
1530-1799     largest big
*********************************************************************/



body.small {-webkit-text-size-adjust: 100%;}

body.medium div#wrap_inner,
body.big div#wrap_inner {
	width: 100%;
	min-height: 100%;
	padding-top: 30px;
	background-color: #000;
	overflow:hidden;
}
body.small div#wrap_inner {
	width: 100%;
	margin-top: 60px;
	overflow:hidden;
}

body.medium div#content,
body.big div#content {
	margin: 0 auto;
	width: 1015px;
	min-height: 100%;
	/* border :1px solid #ffff00;for test */
}
body.small div#content {
	width: 100%;
	padding-top: 20px;
}

/* leftContainer ***************************************************/
body.medium #content_inner,
body.big #content_inner {
	margin-right: 206px;
	width: 809px;
}
body.small div#content_inner {
	width:100%;
}

/* NextDC **********************************************************/
body.medium div.next_dc,
body.big div.next_dc {width: 809px;margin-bottom: 20px;}
body.small div.next_dc {
	width:100%;
}

/* NextDC flyer ****************************************************/
body.medium div.next_dc_flyer,
body.big div.next_dc_flyer {width: 397px;float: left;}
body.small div.next_dc_flyer {
	width:100%px;
	margin-bottom: 10px;
	text-align: center;
}

body.medium div.next_dc_flyer img,
body.big div.next_dc_flyer img {}
body.small div.next_dc_flyer img {
	max-width: 96%;
	height:auto;
	text-align: center;
}

/* NextDC info *****************************************************/
body.medium div.next_dc_text,
body.big div.next_dc_text {
	width: 367px; /* pr15 pl15 --> -30 */
	/*height: 564px;*/ /* fix 2014_0318 */
	position: relative;
	float: left;
}
body.small div.next_dc_text {}

/* NextDC infoText *************************************************/
body.medium div.next_dc_text p,
body.big div.next_dc_text p {}
body.small div.next_dc_text p {}

/* textStyle (common) */
p.dc_vol,
p.dc_title,
p.dc_date,
p.dc_time,
p.dc_sex,
p.dc_charges {font-family: 'Exo 2', sans-serif;line-height: 1;}

p.dc_vol {}
p.dc_title {}
p.dc_date {}
p.dc_time {}
p.dc_sex {}
p.dc_charges {}

p.dc_caution {}
p.dc_member {}
p.dc_place {}

/* NextDC subMenu **************************************************/
body.medium div.next_dc_text ul,
body.big div.next_dc_text ul {
	width: 190px;
	/*position: absolute;bottom: 0px;*/ /* fix 2014_0318 */
}
body.small div.next_dc_text ul {
	width: 190px;
}

body.medium div.next_dc_text ul li,
body.big div.next_dc_text ul li {
	margin-top: 5px;
	width: 190px;
	height: 33px;
	line-height: 33px;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
}
body.small div.next_dc_text ul li {
	margin-top: 5px;
	width: 190px;
	height: 33px;
	line-height: 33px;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
}

body.medium div.next_dc_text ul li a,
body.big div.next_dc_text ul li a {
	width: 100%;
	height: 100%;
	font-size: 90%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}
body.small div.next_dc_text ul li a {
	width: 100%;
	height: 100%;
	font-size: 90%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}

div.next_dc_text ul li a:hover {background-color: #ffff00;}

/* NextDC News **************************************************/
body.medium div.box_news,
body.big div.box_news {margin-bottom: 10px;}
body.small div.box_news {margin-bottom: 10px;}

body.medium div.box_news dl,
body.big div.box_news dl {padding: 10px 5px;}
body.small div.box_news dl {padding: 5px;}

body.medium div.box_news dl dt,
body.big div.box_news dl dt {}
body.small div.box_news dl dt {}

body.medium div.box_news dl dd,
body.big div.box_news dl dd {}
body.small div.box_news dl dd {}

/* ---------------------------------------------------------
   NextDC 囲み
   ---------------------------------------------------------*/
.kakomi {
	border:2px dashed #ff0000;
	background:#FFF;
	padding:10px;
	color:#000;
}

.kakomi a:link {color: #ff0000;text-decoration: underline;}
.kakomi a:visited {color: #ff0000;text-decoration: underline;}
.kakomi a:hover {color: #ff0000;text-decoration: underline;}
.kakomi a:active {color: #ff0000;text-decoration: underline;}


/* banner (NextDC for Beginner / FAQ) ************************************/
body.medium div.bn_01,
body.big div.bn_01 {margin-bottom: 15px;}
body.small div.bn_01 {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

body.medium div.bn_01 img,
body.big div.bn_01 img {}
body.small div.bn_01 img {
	margin: 0 auto;
	max-width: 96%;
	height:auto;
}

/* NextDC MemberListA (guest) ************************************/
body.medium div.box_member_a,
body.big div.box_member_a {}
body.small div.box_member_a {}

/* list */
body.medium div.box_member_a dl,
body.big div.box_member_a dl {width: 809px;vertical-align: top;}
body.small div.box_member_a dl {
	max-width: 367px;

}

/* photo */
body.medium div.box_member_a dl dt,
body.big div.box_member_a dl dt {
	width: 191px;
	height: 135px;
	margin-bottom: 15px;
	display:inline-block;
	/display:inline;/*IE7*/
	/zoom:1;/*IE7*/
	vertical-align:top;
	background: url("../image/bg_191_135.png") no-repeat 0px 0px;
	overflow: hidden;
}
body.small div.box_member_a dl dt {
	width: 191px;
	height: 135px;
	margin-bottom: 10px;
	background: url("../image/bg_191_135.png") no-repeat 0px 0px;
	background-size: contain;
}

/* photo (img) */
body.medium div.box_member_a dl dt img,
body.big div.box_member_a dl dt img {}
body.small div.box_member_a dl dt img {
	max-width: 100%;
	height: auto;
	background: url("../image/bg_191_135.png") no-repeat 0px 0px;
	background-size: contain;
}

/* text */
body.medium div.box_member_a dl dd,
body.big div.box_member_a dl dd {
	width: 583px;
	margin-bottom: 15px;
	padding: 0 15px;
	display:inline-block;
	/display:inline;/*IE7*/
	/zoom:1;/*IE7*/
	vertical-align:top;
}
body.small div.box_member_a dl dd {
	margin-bottom: 20px;
	font-size: 85%;
}

body.medium div.box_member_a dl dd p,
body.big div.box_member_a dl dd p{font-size: 153.9%;font-weight: bold;}
body.small div.box_member_a dl dd p {font-size: 146.5%;font-weight: bold;}

/* NextDC MemberListB  *********************************************/
body.medium div.box_member_b ul,
body.big div.box_member_b ul {}
body.small div.box_member_b ul {
	width: 191px;
	font-size: 85%;
}

/* list */
body.medium div.box_member_b ul li,
body.big div.box_member_b ul li {
	width: 191px;
	margin-right: 15px;
	float: left;
	height:200px;
}
body.small div.box_member_b ul li {}

body.medium div.box_member_b ul li:nth-child(4n),
body.big div.box_member_b ul li:nth-child(4n) {margin-right: 0;}
body.small div.box_member_b ul li:nth-child(4n) {}

/* photo */
body.medium div.box_member_b ul li div.member_image,
body.big div.box_member_b ul li div.member_image {
	width: 191px;
	height: 135px;
	margin-bottom: 5px;
	background: url("../image/bg_191_135.png") no-repeat 0px 0px;
}
body.small div.box_member_b ul li div.member_image {
	width: 191px;
	height: 135px;
	margin-bottom: 5px;
	background: url("../image/bg_191_135.png") no-repeat 0px 0px;
}

/* text */
body.medium div.box_member_b ul li div.member_name,
body.big div.box_member_b ul li div.member_name {
	margin-bottom: 10px;
	font-size: 108%;font-weight: bold;
}
body.small div.box_member_b ul li div.member_name {
	font-size: 108%;font-weight: bold;
	margin-bottom: 15px;
}

/* ABOUT how to join *********************************************/
body.medium div.how_to_join,
body.big div.how_to_join {}
body.small div.how_to_join {}

body.medium div.how_to_join div.how_to_image,
body.big div.how_to_join div.how_to_image {
	width: 294px;
	height: 194px;
	padding: 0; /* overwrite */
	float: left;
	background: url("../image/bg_294_194.png") no-repeat 0px 0px;
}
body.small div.how_to_join div.how_to_image {
	max-width: 294px;
	height: 194px;

	background: url("../image/bg_294_194.png") no-repeat 0px 0px;
	background-size:contain;
}

body.medium div.how_to_join div.how_to_image img,
body.big div.how_to_join div.how_to_image img {}
body.small div.how_to_join div.how_to_image img {max-width: 294px;height: auto;}

body.medium div.how_to_join div.how_to_text,
body.big div.how_to_join div.how_to_text {
	width: 500px;
	padding-top: 0; /* overwrite */
	padding-bottom: 0; /* overwrite */
	padding-left: 15px;
}
body.small div.how_to_join div.how_to_text {padding-top: 10px; /* overwrite */}

/* ABOUT setting *********************************************/
body.medium div.box_setting,
body.big div.box_setting {}
body.small div.box_setting {}
body.small #about_setting {width: 100%;}

body.medium div.box_setting ul,
body.big div.box_setting ul {font-size: 85%;}
body.small div.box_setting ul {
	max-width: 397px;
}

/* list */
body.medium div.box_setting ul li,
body.big div.box_setting ul li {
	width: 191px;
	margin-right: 15px;
	float: left;
}
body.small div.box_setting ul li {
	max-width: 397px;
	margin-left: 20px;
	margin-right: 5px;
	float: left;
}

body.medium div.box_setting ul li:nth-child(4n),
body.big div.box_setting ul li:nth-child(4n) {margin-right: 0;}
body.small div.box_setting ul li:nth-child(4n) {}

/* photo */
body.medium div.setting_image ul li div.setting_image,
body.big div.box_setting ul li div.setting_image {
	width: 191px;
	height: 130px;
	margin-bottom: 5px;
	background: url("../image/bg_191_130.png") no-repeat 0px 0px;
}
body.small div.box_setting ul li div.setting_image {
	width: 191px;
	height: 130px;
	margin-bottom: 5px;
	background: url("../image/bg_191_130.png") no-repeat 0px 0px;

}

/* text */
body.medium div.box_setting ul li div.setting_text,
body.big div.box_setting ul li div.setting_text {margin-bottom: 20px;}
body.small div.box_setting ul li div.setting_text {
	margin-bottom: 15px;

}

/* PR TAG CARD *********************************************/
body.medium div.pr_tag_card,
body.big div.pr_tag_card {}
body.small div.pr_tag_card {}

body.medium div.pr_tag_card div.pr_tag_image,
body.big div.pr_tag_card div.pr_tag_image {
	width: 369px;
	height: 389px;
	padding: 0; /* overwrite */
	float: left;
}
body.small div.pr_tag_card div.pr_tag_image {
	max-width: 397px;
	height: auto;
}

body.medium div.pr_tag_card div.pr_tag_image img,
body.big div.pr_tag_card div.pr_tag_image img {}
body.small div.pr_tag_card div.pr_tag_image img {max-width: 100%;height: auto;}

body.medium div.pr_tag_card div.pr_tag_text,
body.big div.pr_tag_card div.pr_tag_text {
	width: 397px;
	padding-top: 0; /* overwrite */
	padding-bottom: 0; /* overwrite */
	padding-left: 15px;
}
body.small div.pr_tag_card div.pr_tag_text {padding-top: 10px; /* overwrite */}

/* ATTACK CARD *********************************************/
body.medium div.attack_card,
body.big div.attack_card {}
body.small div.attack_card {}

body.medium div.attack_card div.attack_card_image,
body.big div.attack_card div.attack_card_image {
	width: 294px;
	height: 276px;
	padding: 0; /* overwrite */
	float: left;
}
body.small div.attack_card div.attack_card_image {
	max-width: 294px;
	height: auto;
}

body.medium div.attack_card div.attack_card_image img,
body.big div.attack_card div.attack_card_image img {}
body.small div.attack_card div.attack_card_image img {max-width: 294px;height: auto;}

body.medium div.attack_card div.attack_card_text,
body.big div.attack_card div.attack_card_text {
	width: 500px;
	padding-top: 0; /* overwrite */
	padding-bottom: 0; /* overwrite */
	padding-left: 15px;
}
body.small div.pr_tag_card div.attack_card_text {padding-top: 10px; /* overwrite */}


/* Gallery (list) *********************************************/
body.medium div.box_gallery ul,
body.big div.box_gallery ul {margin-top: 20px;}
body.small div.box_gallery ul {
	width: 191px;
	margin: 20px auto 0 auto;
	font-size: 85%;	
}

/* list */
body.medium div.box_gallery ul li,
body.big div.box_gallery ul li {
	width: 191px;
	height: 271px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0;
	background: url("../image/bg_191_271.png") no-repeat 0px 0px;
	float: left;
}
body.small div.box_gallery ul li {margin-bottom: 20px;}

body.medium div.box_gallery ul li:nth-child(4n),
body.big div.box_gallery ul li:nth-child(4n) {margin-right: 0;}
body.small div.box_gallery ul li:nth-child(4n) {}

/* photo */
body.medium div.box_gallery ul li img,
body.big div.box_gallery ul li img {
	width: 191px;
	height: 271px;
	display:block;
}
body.small div.box_gallery ul li img {
	width: 191px;
	height: 271px;
	display:block;
}

/* border */
body.medium div.box_gallery ul li a,
body.big div.box_gallery ul li a {
	overflow: hidden;
	display: inline-block;
	*display: inline; /* ie6,7 */
	*zoom: 1; /* ie6,7 */
	border: 3px solid #00fffc;
}
body.small div.box_gallery ul li a {
	overflow: hidden;
	display: inline-block;
	*display: inline; /* ie6,7 */
	*zoom: 1; /* ie6,7 */
	border: 2px solid #00fffc;
}

body.medium div.box_gallery ul li a img,
body.big div.box_gallery ul li a img {margin: -3px;}
body.small div.box_gallery ul li a img {margin: -3px;}


/* SNS (list) *********************************************/
body.medium ul.sns_link,
body.big ul.sns_link {
	min-height: 1000px;
	margin-top: 20px;
}
body.small ul.sns_link {
	width: 191px;
	margin: 20px auto 0 auto;
	font-size: 85%;	
}

/* list */
body.medium ul.sns_link li,
body.big ul.sns_link li {
	width: 191px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0;
	/*background: url("../image/bg_191_271.png") no-repeat 0px 0px;*/
	float: left;
}
body.small ul.sns_link li {margin-bottom: 20px;}

body.medium ul.sns_link li div,
body.big ul.sns_link li div {
	width: 191px;
	height: 191px;
	overflow: hidden;
}
body.small ul.sns_link li div {}

body.medium ul.sns_link li div a,
body.big ul.sns_link li div a {
	width: 191px;
	height: 191px;
	display:block;
	overflow: hidden;
}
body.small ul.sns_link li div a {}

body.medium ul.sns_link li:nth-child(4n),
body.big ul.sns_link li:nth-child(4n) {margin-right: 0;}
body.small ul.sns_link li:nth-child(4n) {}

/* photo */
body.medium ul.sns_link li div img,
body.big ul.sns_link li div img {
	width: 191px;
	height: 191px;
	/* zoom */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
body.small ul.sns_link li div img {
	width: 191px;
	height: 191px;
}

body.medium ul.sns_link li div img:hover,
body.big ul.sns_link li div img:hover {
	width: 220px;
	height: 220px;
}
body.small ul.sns_link li img:hover {}

/* STAFF (DC Beauty) *********************************************/
body.medium ul#dc_beauty,
body.big ul#dc_beauty {margin-top: 20px;}
body.small ul#dc_beauty {
	width: 191px;
	margin: 20px auto 0 auto;
	font-size: 85%;	
}

/* list */
body.medium ul#dc_beauty li,
body.big ul#dc_beauty li {
	width: 191px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0;
	background: url("../image/bg_191_271.png") no-repeat 0px 0px;
	float: left;
}
body.small ul#dc_beauty li {margin-bottom: 20px;}

body.medium ul#dc_beauty li:nth-child(4n),
body.big ul#dc_beauty li:nth-child(4n) {margin-right: 0;}
body.small ul#dc_beauty li:nth-child(4n) {}

/* photo */
body.medium ul#dc_beauty li img,
body.big ul#dc_beauty li img {
	width: 191px;
	height: 271px;
	margin-bottom: 5px;
	display:block;
}
body.small ul#dc_beauty li img {
	width: 191px;
	height: 271px;
	display:block;
}

ul#dc_beauty a:link {color: #00deff;text-decoration: underline;}
ul#dc_beauty a:visited {color: #00deff;text-decoration: underline;}
ul#dc_beauty a:hover {color: #a5f3ff;text-decoration: underline;}
ul#dc_beauty a:active {color: #a5f3ff;text-decoration: underline;}

/* STAFF (DC Staff)*********************************************/
body.medium ul#dc_staff,
body.big ul#dc_staff {margin-top: 20px;}
body.small ul#dc_staff {
	width: 191px;
	margin: 20px auto 0 auto;
}

/* list */
body.medium ul#dc_staff li,
body.big ul#dc_staff li {
	width: 191px;
	margin-right: 15px;
	float: left;
}
body.small ul#dc_staff li {max-width: 100%;margin-bottom: 20px;}

body.medium ul#dc_staff li:nth-child(4n),
body.big ul#dc_staff li:nth-child(4n) {margin-right: 0;}
body.small ul#dc_staff li:nth-child(4n) {}

/* photo */
body.medium ul#dc_staff li div,
body.big ul#dc_staff li div {
	width: 191px;
	height: 130px;
	padding: 0;/* over write */
	margin-bottom: 5px;
	text-align: center;
	/*background: url("../image/bg_191_130.png") no-repeat 0px 0px;*/

	background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(left,  #28343b 0%, #828c95 25%, #b5bdc8 50%, #828c95 75%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#28343b), color-stop(25%,#828c95), color-stop(50%,#b5bdc8), color-stop(75%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to right,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#28343b',GradientType=1 ); /* IE6-9 */
}
body.small ul#dc_staff li div {
	width: 191px;
	height: 130px;
	padding: 0;/* over write */
	margin-bottom: 5px;
	text-align: center;
	/*background: url("../image/bg_191_130.png") no-repeat 0px 0px;*/

	background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(left,  #28343b 0%, #828c95 25%, #b5bdc8 50%, #828c95 75%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#28343b), color-stop(25%,#828c95), color-stop(50%,#b5bdc8), color-stop(75%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to right,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#28343b',GradientType=1 ); /* IE6-9 */
}

ul#dc_staff a:link {color: #00deff;text-decoration: underline;}
ul#dc_staff a:visited {color: #00deff;text-decoration: underline;}
ul#dc_staff a:hover {color: #a5f3ff;text-decoration: underline;}
ul#dc_staff a:active {color: #a5f3ff;text-decoration: underline;}

/* STAFF (DC DJ)*********************************************/
body.medium ul#dc_dj,
body.big ul#dc_dj {margin-top: 20px;}
body.small ul#dc_dj {
	width: 191px;
	margin: 20px auto 0 auto;
}

/* list */
body.medium ul#dc_dj li,
body.big ul#dc_dj li {
	width: 191px;
	margin-right: 15px;
	float: left;
}
body.small ul#dc_dj li {max-width: 100%;margin-bottom: 15px;}

body.medium ul#dc_dj li:nth-child(4n),
body.big ul#dc_dj li:nth-child(4n) {margin-right: 0;}
body.small ul#dc_dj li:nth-child(4n) {}

/* photo */
body.medium ul#dc_dj li div,
body.big ul#dc_dj li div {
	width: 191px;
	height: 130px;
	padding: 0;/* over write */
	margin-bottom: 5px;
	text-align: center;
	/*background: url("../image/bg_191_130.png") no-repeat 0px 0px;*/

	background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(left,  #28343b 0%, #828c95 25%, #b5bdc8 50%, #828c95 75%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#28343b), color-stop(25%,#828c95), color-stop(50%,#b5bdc8), color-stop(75%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to right,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#28343b',GradientType=1 ); /* IE6-9 */
}
body.small ul#dc_dj li div {
	width: 191px;
	height: 130px;
	padding: 0;/* over write */
	margin-bottom: 5px;
	text-align: center;
	/*background: url("../image/bg_191_130.png") no-repeat 0px 0px;*/

	background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(left,  #28343b 0%, #828c95 25%, #b5bdc8 50%, #828c95 75%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#28343b), color-stop(25%,#828c95), color-stop(50%,#b5bdc8), color-stop(75%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to right,  #28343b 0%,#828c95 25%,#b5bdc8 50%,#828c95 75%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#28343b',GradientType=1 ); /* IE6-9 */
}

ul#dc_dj a:link {color: #00deff;text-decoration: underline;}
ul#dc_dj a:visited {color: #00deff;text-decoration: underline;}
ul#dc_dj a:hover {color: #a5f3ff;text-decoration: underline;}
ul#dc_dj a:active {color: #a5f3ff;text-decoration: underline;}

/* MAP ************************************/
body.medium div#dc_map_tokyo iframe,
body.medium div#dc_map_osaka iframe,
body.big div#dc_map_tokyo iframe,
body.big div#dc_map_osaka iframe {width: 809px;height: 400px;}
body.small div#dc_map_tokyo iframe,
body.small div#dc_map_osaka iframe {max-width: 100%;}

body.medium div#dc_root_tokyo img,
body.big div#dc_root_tokyo img {}
body.small div#dc_root_tokyo img {max-width: 100%;height: auto;}

/* for Beginner (list) *********************************************/
body.medium ul.for_beginner_menu,
body.big ul.for_beginner_menu {
	min-height: 1000px;
	margin-top: 20px;
}
body.small ul.for_beginner_menu {
	width: 191px;
	margin: 20px auto 0 auto;
	font-size: 85%;	
}

/* list */
body.medium ul.for_beginner_menu li,
body.big ul.for_beginner_menu li {
	width: 191px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0;
	/*background: url("../image/bg_191_271.png") no-repeat 0px 0px;*/
	float: left;
}
body.small ul.for_beginner_menu li {margin-bottom: 20px;}


body.medium ul.for_beginner_menu li:nth-child(4n),
body.big ul.for_beginner_menu li:nth-child(4n) {margin-right: 0;}
body.small ul.for_beginner_menu li:nth-child(4n) {}

/* FAQ *********************************************/
body.medium div.faq dl,
body.big div.faq dl {}
body.small div.faq dl {font-size: 90%;}

body.medium div.faq dt,
body.big div.faq dt {
	margin-bottom: 5px;
	text-decoration: underline;
	cursor: pointer
}
body.small div.faq dt {
	margin-bottom: 5px;
	text-decoration: underline;
	cursor: pointer
}

body.medium div.faq dd,
body.big div.faq dd {
	margin-top: 8px;
	margin-bottom: 15px;
	padding-right: 3.6em;
	padding-left: 3.6em;
	font-size: 90%;
	line-height: 1.8;
}
body.small div.faq dd {
	margin-top: 8px;
	margin-bottom: 15px;
	padding-right: 3.6em;
	padding-left: 3.6em;
	font-size: 90%;
	line-height: 1.8;
}

/* common box Setting ************************************/
body.medium div.box_com,
body.big div.box_com {margin-bottom: 20px;}
body.small div.box_com {margin-bottom: 20px;}

body.medium div.box_com div,
body.big div.box_com div {padding: 5px 0 5px 0;overflow: hidden;}
body.small div.box_com div {padding: 5px 5px 10px 5px;overflow: hidden;}

body.medium div.box_com div ul,
body.big div.box_com div ul {width: 100%;padding-left: 2em;font-size: 85%;overflow: hidden;}
body.small div.box_com div ul {width: 100%;padding-left: 2em;font-size: 85%;overflow: hidden;}

body.medium div.box_com div ul li ,
body.big div.box_com div ul li {text-indent: -1em;margin-bottom: 5px;margin-left: -1em;padding-right:2em;}
body.small div.box_com div ul li {text-indent: -1em;margin-bottom: 5px;margin-left: -1em;padding-right:2em;}

body.medium div.box_com div ul li:before ,
body.big div.box_com div ul li:before {content:"・";}
body.small div.box_com div ul li:before {content:"・";}

/* footer  *********************************************************/
body.medium div.footer,
body.big div.footer {height:54px;line-height:54px;font-size: 60%;overflow:hidden;}
body.small div.footer {height:54px;line-height:54px;font-size: 60%;overflow:hidden;}

body.medium div.footer div#logo_AiSO,
body.big div.footer div#logo_AiSO {width: 124px;margin-left: 3px;float: left;}
body.small div.footer div#logo_AiSO {width: 80px;margin-left: 3px;float: left;}

body.medium div.footer div#logo_AiSO img,
body.big div.footer div#logo_AiSO img {}
body.small div.footer div#logo_AiSO img {max-width: 100%;height: auto;}

body.medium div.footer div#copyright,
body.big div.footer div#copyright {margin-left: 3px;float: right;}
body.small div.footer div#copyright {margin-left: 3px;float: right;}

/* Sidebar *********************************************************/
body.medium #sidebar,
body.big #sidebar {
	margin-left: 824px;
	padding-bottom: 25px;
	width: 190px;
	/* for SlideScript */
	top: 30px;
	position:absolute;
	background-color: #fff;
}
body.small #sidebar {
	width: 100%;
	height: 60px;
	background: url("../image/bg_header.png") no-repeat 50% 50%;
	background-color: #fff;
	background-size: contain;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	box-shadow:rgba(113, 135, 164, 0.4) 0px 0px 5px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.4) 0px 0px 5px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.4) 0px 0px 5px 3px;
}

/* SidebarLogo *****************************************************/
body.medium #sidebar h1,
body.big #sidebar h1 {
	margin: 0 auto;
	width: 190px;
	line-height: 0px;
}
body.small #sidebar h1 {width: 60px;height:60px;overflow:hidden;}

body.medium #sidebar h1 img,
body.big #sidebar h1 {}
body.small #sidebar h1 img {max-width: 100%;height: auto;}

/* Navigation ******************************************************/
body.medium #sidebar ul,
body.big #sidebar ul {width: 190px;list-style: none;display:visible;}
body.small #sidebar ul {border-top: 1px solid #bbb;display:none;}

/* GrabSwitch (for SmartPhone) *************************************/
body.medium #sidebar p,
body.big #sidebar p {display: none;}
body.small #sidebar p {
	width: 40px;
	height: 40px;
	background: url("../image/nav_switch.png") no-repeat 0px 0px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	text-indent: -99999px;
}
body.small #sidebar p.active {
	background: url("../image/nav_switch.png") no-repeat 0px -40px;
}

/* MenuButton ******************************************************/
body.medium #sidebar ul li,
body.big #sidebar ul li {
	margin: 0 auto;
	width: 190px;
	height: 40px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	list-style: none;
	display: block;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	color: #000;
}
body.small #sidebar ul li {
	margin: 0 auto;
	width: 50%;
	height: 40px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	list-style: none;
	float:left;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	color: #000;
	outline: 1px solid #ccc;
}

/* MenuButton Link *************************************************/
body.medium #sidebar ul li a ,
body.big #sidebar ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #000;
}
body.small #sidebar ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #000;
}

/* MenuButton LargeCategory ColorSetting ***************************/
div.top #sidebar ul li.mNav01,
div.next_dc #sidebar ul li.mNav02 ,
div.about #sidebar ul li.mNav03,
div.staff #sidebar ul li.mNav04,
div.gallery #sidebar ul li.mNav05,
div.sns #sidebar ul li.mNav06,
div.faq #sidebar ul li.mNav07,
div.map #sidebar ul li.mNav08 {background-color: #000 !important;color: #fff !important;}


/* ---------------------------------------------------------
   headline
   ---------------------------------------------------------*/

/* h2 default ******************************************************/
body.medium div#wrap h2,
body.big div#wrap h2 {
	margin-bottom: 10px;
	font-family: 'Exo 2', sans-serif;
	font-size: 384.6%;/* 40px */
	line-height: 1;
	color: #fff;
}
body.small div#wrap h2 {
	margin-bottom: 10px;
	font-family: 'Exo 2', sans-serif;
	font-size: 384.6%;/* 40px */
	line-height: 1;
	color: #fff;
}

/* h3 default ******************************************************/
body.medium div#wrap h3,
body.big div#wrap h3 {
	padding: 6px;
	font-family: 'Exo 2', sans-serif;
	font-size: 138.5%;/* 18px */
	line-height: 1;
	color: #000;
	background-color: #fff;
}
body.small div#wrap h3 {
	padding: 6px;
	font-family: 'Exo 2', sans-serif;
	font-size: 138.5%;/* 18px */
	line-height: 1;
	color: #000;
	background-color: #fff;
}

/* 個別指定あれば適宜上書き */

/* h3 top NEWS ****************************************************/
body.medium div.box_news h3,
body.big  div.box_news h3 {
	padding: 8px !important;
	font-size: 189% !important;/* 25px */
}
body.small div.box_news h3 {
	padding: 8px !important;
	font-size: 189% !important;/* 25px */
}

/* h3 NEXT 企画（メイン・サブ） ******************************************************/
body.medium div#wrap h3.main,
body.big div#wrap h3.main,
body.small div#wrap h3.main {
	background-color: #fb58bb;
}

body.medium div#wrap h3.sub,
body.big div#wrap h3.sub,
body.small div#wrap h3.sub {
	background-color: #00f0ff;
}

/* h4 NEXT 企画 小見出し（メイン・サブ） ******************************************************/
body.medium div#wrap h4.main,
body.big div#wrap h4.main,
body.small div#wrap h4.main {
	color: #fb58bb;
}

body.medium div#wrap h4.sub,
body.big div#wrap h4.sub,
body.small div#wrap h4.sub {
	color: #00f0ff;
}



/* h3 FAQ  ****************************************************/
body.medium h3.faq_q,
body.big  h3.faq_q {
	margin: 20px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' !important;
	font-weight: bold;
	background-color: #2ae3ff !important;
}
body.small h3.faq_q {
	margin: 15px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' !important;
	font-weight: bold;
	background-color: #2ae3ff !important;
}

body.medium h3.faq_a,
body.big  h3.faq_a {
	margin: 20px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' !important;
	font-weight: bold;
	background-color: #ff24ce !important;
}
body.small h3.faq_a {
	margin: 15px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' !important;
	font-weight: bold;
	background-color: #ff24ce !important;
}


/* hr  *************************************************/
body.medium div#wrap hr,
body.big div#wrap hr {
	width: 100%;
	height: 1px;
	margin: 15px 0;
	border: 0;
	display: block;
	background-color: #fff;
}
body.small div#wrap hr {
	width: 100%;
	height: 1px;
	margin: 15px 0;
	border: 0;
	display: block;
	background-color: #fff;
}

/* common btn **************************************************/
body.medium div.btn_01,
body.big div.btn_01 {width: 100%;margin-bottom: 15px;text-align: center;}
body.small div.btn_01 {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

body.medium div#wrap div.btn_01 div.btn,
body.big div#wrap div.btn_01 div.btn {
	width: 190px;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #fff;

	position: relative;
	left: 370px;
}
body.small div#wrap div.btn_01 div.btn {
	width: 190px;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
}

body.medium div#wrap div.btn_01 div.btn a,
body.big div#wrap div.btn_01 div.btn a {
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}
body.small div#wrap div.btn_01 div.btn a {
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}

div#wrap div.btn_01 div.btn a:hover {background-color: #ffff00;}

/* ---------------------------------------------------------
   twitter
   ---------------------------------------------------------*/

/* TwitterTimeline *************************************************/
body.medium div.twitter,
body.big div.twitter {/* 幅・背景色指定 */
	width: 809px !important;
	height:400px;
	margin-bottom: 30px;
	border: 1px solid #444;
	background-color: #000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	z-index: 9999;
}
body.small div.twitter {width: 100%;}

body.medium #twitter-widget-0,
body.big #twitter-widget-0 {background: transparent;}
body.small #twitter-widget-0 {background: transparent;}

body.medium .twitter-timeline,
body.big .twitter-timeline {
	width: 800px;
	position: relative;
	left: 8px;
	background-color: #000;
}
body.small .twitter-timeline {}

img.u-photo {margin-left: 5px;}






/* ---------------------------------------------------------
   flickSlider
   ---------------------------------------------------------*/

/* .flickSlider
--------------------------- */
body.medium div.box_photo,
body.big div.box_photo {height: 450px;margin-bottom:;}
body.small div.box_photo {height: 350px;}

body.medium div.box_photo div.flickSlider,
body.big div.box_photo div.flickSlider{}
body.small div.box_photo div.flickSlider {}

body.medium div.box_photo div.flickSlider,
body.big div.box_photo div.flickSlider{
	/*margin: 0 auto;*/
	/*text-align: left;*/
	display: none;
}
body.small div.box_photo div.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

/* .flickView
--------------------------- */

body.medium div.box_photo div.flickSlider .flickView,
body.big div.box_photo div.flickSlider .flickView{
	width: 100%;
	/*text-align: left;*/
	position: relative;
	overflow: hidden;

	height: 450px;
	background-color: #000;
	text-align: center;
}
body.small div.box_photo div.flickSlider .flickView {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;

	height: 300px;
	background-color: #000;
	text-align: center;
}

body.medium div.box_photo div.flickSlider .flickView ul,
body.big div.box_photo div.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;

	height: 450px;
}
body.small div.box_photo div.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;

	height: 300px;
}

body.medium div.box_photo div.flickSlider .flickView ul li,
body.big div.box_photo div.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;

	height: 430px;
	padding: 10px 0;
}
body.small div.box_photo div.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;

	height: 300px;
}

body.medium div.box_photo div.flickSlider .flickView ul li img,
body.big div.box_photo div.flickSlider .flickView ul li img {
	/*width: 100%;*/
	width: auto;
	max-height: 430px;
}
body.small div.box_photo div.flickSlider .flickView ul li img {
	/*width: 100%;*/
	width: auto;
	max-width: 100%;
	max-height: 300px;
}



/* .flickThumb
--------------------------- */
body.medium div.box_photo div.flickSlider .flickThumb,
body.big div.box_photo div.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;

	width: 110px;
	position: relative;
	left: -126px;
	top: -380px;
}
body.small div.box_photo div.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;

margin-top: 20px;
}

body.medium div.box_photo div.flickSlider .flickThumb ul,
body.big div.box_photo div.flickSlider .flickThumb ul {
	width: 110%;
}
body.small div.box_photo div.flickSlider .flickThumb ul {width: 110%;}

body.medium div.box_photo div.flickSlider .flickThumb ul li,
body.big div.box_photo div.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: inline;

	width: 50px !important;
	height: 50px !important;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
body.small div.box_photo div.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: inline;

	width: 60px !important;
	height: 60px !important;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

body.medium div.box_photo div.flickSlider .flickThumb ul li img,
body.big div.box_photo div.flickSlider .flickThumb ul li img {
	width: 100%;
	height: 100%;
}
body.small div.box_photo div.flickSlider .flickThumb ul li img {
	width: 100%;
	height: 100%;
}

body.medium div.box_photo div.flickSlider .flickThumb ul li.active,
body.big div.box_photo div.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
body.small div.box_photo div.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */

body.medium div.box_photo div.flickSlider .btnPrev,
body.medium div.box_photo div.flickSlider .btnNext,
body.big div.box_photo div.flickSlider .btnPrev,
body.big div.box_photo div.flickSlider .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}
body.small div.box_photo div.flickSlider .btnPrev,
body.small div.box_photo div.flickSlider .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

body.medium div.box_photo div.flickSlider .btnPrev,
body.big div.box_photo div.flickSlider .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
body.small div.box_photo div.flickSlider .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}

body.medium div.box_photo div.flickSlider .btnNext,
body.big div.box_photo div.flickSlider .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}
body.small div.box_photo div.flickSlider .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}

/* =======================================
	ClearFixElements
======================================= */
body.medium div.box_photo div.flickSlider .flickView ul:after,
body.medium div.box_photo div.flickSlider .flickThumb ul:after,
body.big div.box_photo div.flickSlider .flickView ul:after,
body.big div.box_photo div.flickSlider .flickThumb ul:after {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
body.small div.box_photo div.flickSlider .flickView ul:after,
body.small div.box_photo div.flickSlider .flickThumb ul:after {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

body.medium div.box_photo div.flickSlider .flickView ul,
body.medium div.box_photo div.flickSlider .flickThumb ul,
body.big div.box_photo div.flickSlider .flickView ul,
body.big div.box_photo div.flickSlider .flickThumb ul {
	display: inline-block;
	overflow: hidden;
}
body.small div.box_photo div.flickSlider .flickView ul,
body.small div.box_photo div.flickSlider .flickThumb ul {
	display: inline-block;
	overflow: hidden;
}






































	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }

/***********************************************************************/
div.bn_for_beginner,
div.twitter,
div#logo_AiSO {display: none;}

}


body.medium .pc,
body.big .pc {}
body.small .pc {display: none;}

body.medium .sp,
body.big .sp {display: none;}
body.small .sp {}

/***********************************************************************/

.btn {
  border-radius: 8px; /* 角を丸くする */
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.btn a {
display: block;
}

/***********************************************************************/

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom:20px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}