@charset "UTF-8";

/*----------------------
 reset
---------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}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:baseline}sub{vertical-align:baseline}legend{color:#000}

/*----------------------
 base
---------------------*/

html {
	font-family:"メイリオ", Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.6;
	overflow-y:scroll;
}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

*:first-child+html img { -ms-interpolation-mode: bicubic; }
.pc { display:block; }
.mq { display:none; }
.link {
	line-height:1.3;
	background:url(../images/link_arrow.gif) 0 6px no-repeat;
}
span.link {
	line-height:1.3;
	background:none;
}
.link a,
.link a:link,
.link a:visited,
.link a:active {
	color:#666;
	font-size:10px;
	text-decoration:none;
	background:url(../images/link_icon.gif) right center no-repeat;
	padding:0 18px 0 8px;
}
span.link a,
span.link a:link,
span.link a:visited,
span.link a:active {
	color:#666;
	font-size:13px;
	text-decoration:none;
	background:url(../images/link_icon.gif) right center no-repeat;
	padding:0 18px 0 0px;
}
.lead .link {margin-top: 10px;}
.lead .link a {font-size: 13px; margin-top: 5px;}
.link:hover { color:#000; text-decoration:underline; }

/*----------------------
 header
---------------------*/

.header_sp { display: none; }
#header {
	position: relative;
	width:100%;
	top:0;
	background-color:#FFF;
	z-index:4;
	margin: 0 auto;
}
#header .header_inr {
	width: 100%;
	max-width: 1200px;
	min-width: 980px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#header h1 {
	position: absolute;
	top: 0; right: 80px;
	z-index: 1;
	padding-top: 4px;
	width: 210px;
	border-left: solid 1px #dfdfdf;
	background: #fff;
}
#header h1 a {
	display: block;
}
#header h1 img {
	display: block;
}
#header .lounge_title {
	width: 161px;
	margin: 0 auto;
}
#header .title_line {
	padding-top: 5px;
}

.header_sns {
	width: 80px;
	height: 65px;
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
}
.header_sns ul {
	width: 80px;
	height: 100%;
}
.header_sns li {
	width: 40px;
	height: 100%;
	float: left;
}
.header_sns li img {
	width: 100%;
	height: 100%;
	display: block;
}

.header_logo {
	width: 125px;
	height: 65px;
	float: left;
	line-height: 65px;
	text-align: center;
}
.header_logo img { width: 76px; }

.header_menu {
	height: 65px;
	z-index: 0;
	box-sizing: border-box;
	margin-left: 125px;
	margin-right: 290px;
	position: relative;
}
.header_menu ul {
	width: 100%;
	height: 100%;
	padding-right: 1px;
	position: relative;
}
.header_menu li {
	width: 16.666666%;
	height: 65px;
	float: left;
	box-sizing: border-box;
	position: relative;
	line-height: 65px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.header_menu li .m_btn_top {
	width: 100%;
	height: 65px;
	background-color: #fff;
	position: relative;
}
.header_menu li .m_btn_btm {
	width: 100%;
	height: 65px;
	background-color: #9a0000;
	position: relative;
}
.header_menu li.page .m_btn_top, .header_menu li.page .m_btn_btm {
	top: -100%;
}
.header_menu li .m_btn_top span, .header_menu li .m_btn_btm span {
	width: 25px;
	height: 4px;
	background: #dfdfdf;
	position: absolute;
	top: 0; left: 50%;
	margin-left: -12.5px;
}
.header_menu li .m_btn_btm span {
	background: #fff;
}

.header_menu .m_top img {
	width: 21.5384615%;
}
.header_menu .m_interview img{
	width: 58.4615384%;
}
.header_menu .m_movie img {
	width: 33.0769230%;
}
.header_menu .m_special { line-height: 80px; }
.header_menu .m_special img {
	width: 57.6923076%;
}
.header_menu .m_products img {
	width: 58.4615384%;
}
.header_menu .m_info {
	position: absolute;
	top: 0; right: 0;
}
.header_menu .m_info img {
	width: 73.8461538%;
}

.header_menu .current_border {
	position: absolute;
	bottom: -1px; left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
}
.header_menu .current_border > div {
	width: 16.666666%;
	height: 1px;
	float: left;
	background: #fff;
	box-sizing: border-box;
	border-left: solid 1px transparent;
	visibility: hidden;
}
.header_menu .current_border > div.last {
	position: absolute;
	right: 0;
}
.header_menu .current_border > div.current {
	visibility: visible;
}

.menu_contents {
	height: 0;
	padding: 20px 0;
	background: #fff;
	clear: both;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	overflow: hidden;
	display: none;
	position: relative;
	z-index: 0;
}
.mc_carousel {
	width: 1230px;
	max-width: 1200px;
	height: 135px;
	margin: 0 auto;
	position: relative;
	display: none;
}
.mc_carousel_main {
	width: 1130px;
	max-width: 1200px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.mc_carousel ul {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
}
.mc_carousel li {
	width: 150px;
	margin: 0 20px 0 0;
	float: left;
}
.mc_carousel li.mc_carousel_last { margin: 0; }
.mc_carousel li a {
	display: block;
	text-decoration: none;
}
.mc_thumb { position: relative; }
.mc_thumb img { display: block; }
.mc_carousel .icon-new {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0; right: 0;
	background: url(/active-speaker/special/lounge/images/header/mc/icon_new.png) no-repeat center center;
}
.mc_carousel .icon-m {
	width: 70px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0; right: 0;
	background: url(/active-speaker/special/lounge/images/header/mc/icon_m.png) no-repeat center center;
}
.mc_carousel li p {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.6em;
	margin: 5px 0 0;
	color: #333;
}
.mc_carousel li p span {
	color: #9a0000;
}
.mc_carousel .icon-blank {
	display: inline-block;
	width: 11px;
	height: 9px;
	padding-left: 5px;
	background: url(/active-speaker/special/lounge/images/header/mc/icon_blank.png) no-repeat center center;
}
.mc_carousel_prev {
	position: absolute;
	top: 22.5px; left: 0;
	cursor: pointer;
	display: none;
	z-index: 1;
}
.mc_carousel_next {
	position: absolute;
	top: 22.5px; right: 0;
	cursor: pointer;
	z-index: 1;
}


/*----------------------
 mainContent
---------------------*/

#mainContent {
	min-width:980px;
}


/*----------------------
 allContents
---------------------*/

#allContents {
	position:absolute;
	top:0;
	width:100%;
	min-width:980px;
	z-index:4;
	background-color:#000;
	border:#CCC 5px solid;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:-9999px 0 40px;
}
#allContents .categoryTitle {
	width:100%;
	text-align:center;
	margin:40px 0 30px;
}
#allContents .contents {
	width:920px;
	margin:10px auto 40px;
}
#allContents .content {
	width:auto;
	background-color:#222;
	border:#ccc 1px solid;
	margin:0 0 20px 0;
	padding:2px 19px 19px;
}
#allContents .content.left {
	float:left;
}
#allContents .content.right {
	float:right;
}
#allContents .content .heading {
	margin:0 0 2px 0;
}
#allContents .content .ttl {
	float:left;
	margin:10px 0 0 0;
}
#allContents .content .ttl div {
	float:left;
	margin-right:10px;
}
#allContents .content .ttl .name {
	margin-top:6px;
}
#allContents .content .ttl .name img {
	width:auto;
	height:16px;
}
#allContents .content .copy {
	float:left;
	color:#ccc;
	margin:16px 0 0 0;
}
#allContents .content .banner img {
	margin:0 0 10px;
	vertical-align:bottom;
}
#allContents .content .btn div {
	text-align:center;
	width:200px;
	background:url(../images/allContents_btn_icon.png) 170px center no-repeat;
	padding:10px 0;
}
#allContents .content .btn a,
#allContents .content .btn a:link,
#allContents .content .btn a:visited,
#allContents .content .btn a:active {
	color:#fff;
	text-decoration:none;
}
#allContents .content .btn .productLink {
	float:left;
	background-color:#2f85db;
	margin-right:10px;
}
#allContents .content .btn .storeLink {
	float:left;
	background-color:#ff860d;
}
#allContents .end {
	width:auto;
	background:url(../images/allContents_end_bg.gif) 0 0 repeat;
	border:#666 1px solid;
	margin:0 0 0 0;
	padding:0 0 10px 19px;
}
#allContents .end.wide {
	margin-top:30px;
}
#allContents .end .banner .bnr {
	float:left;
	margin:9px 19px 0 0;
}
#allContents .end .icon_end {
	float:left;
	margin:7px 0 0 0;
}
#allContents .end .icon_end img {
	width:auto;
	height:15px;
}
#allContents .etc {
	margin:0 0 0 0;
	padding:0 0 19px 19px;
}
#allContents .etc .ttl {
	width:100%;
	color:#fff;
	padding:10px 0;
}
#allContents .etc .banner .bnr {
	float:left;
	margin:9px 19px 0 0;
}

#allContents .content .left {
	float:left;
}
#allContents .content .right {
	float:right;
}
#allContents .btnClose {
	position:absolute;
	top:0;
	right:0;
}
#allContents .content .banner .txtTtl,
#allContents .content .banner .txt,
#allContents .contents .home,
#allContents .contents .close {
	display:none!important;
}

/*----------------------
 footer
---------------------*/

#footer {
	width:100%;
	height:30px;
	bottom:0;
	background-color:#000;
}
.footer_copy {
	display: block;
	margin: 0 auto;
}
.footer_copy_sp { display: none; }
.footer_top {
	display: block;
	width: 60px;
	position:fixed;
	bottom: 0; right: 0;
	cursor: pointer;
	z-index: 10;
}




@media screen and (max-width: 640px) {

/*----------------------
 base
---------------------*/

html, body {
	width: 100%;
	height: 100%;
	font-size: 87.5%;
	line-height: 1.8;
}
body {min-width: 0;}
#contents {
	background-color:#FFF;
}
a,
a:link,
a:visited,
a:active {
	text-decoration:none;
	color:#000;
}
.pc { display:none; }
.mq { display:block; }

/*----------------------
 header
---------------------*/

.header_pc {
	display: none;
}
.header_sp {
	display: block;
}
#header {
	min-width: 0;
}
#header .header_inr {
	min-width: 0;
	height: auto;
}
#header h1 {
	position: static;
	padding-top: 0;
	width: 42.96%;
	border: none;
	margin: 0 auto;
	padding: 1.96% 0;
}
#header h1 a {
	display: block;
}
#header h1 img {
	display: block;
}
#header .lounge_title {
	width: 100%;
}
.title_line_sp img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}

.header_sns {
	width: 18.75%;
	height: auto;
}
.header_sns ul {
	width: 100%;
	height: auto;
}
.header_sns li {
	width: 50%;
	height: auto;
}
.header_sns li img {
	height: auto;
}

.header_logo {
	width: 15.93%;
	height: auto;
	float: none;
	line-height: auto;
	position: absolute;
	top: 0; left: 0;
}
.header_logo img {
	width: 100%;
	display: block;
	padding: 38% 0px 0px 15%;
}

.header_menu_sp li {
	width: 33.33%;
	float: left;
	position: relative;
	border-bottom: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	cursor: pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.header_menu_sp li a {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}
.header_menu_sp li.current {
	border-bottom-color: #fff;
}
.header_menu_sp li.m_dummy {
	border-right-color: #fff;
}
.header_menu_sp li:after {
	content: "";
	display: block;
	padding-top: 37.05%;
}
.header_menu_sp li span {
	width: 23.58%;
	height: 4px;
	position: absolute;
	top: 0; left: 38.21%;
	background: #dfdfdf;
}
.header_menu_sp li > img, .header_menu_sp li > a > img {
	display: block;
	position: absolute;
}
.header_menu_sp li.m_top img {
	width: 20.28%;
	top: 45%; left: 39.86%;
}
.header_menu_sp li.m_interview img {
	width: 54.24%;
	top: 45%; left: 22.88%;
}
.header_menu_sp li.m_movie img {
	width: 31.13%;
	top: 45%; left: 34.435%;
}
.header_menu_sp li.m_special img {
	width: 54.71%;
	top: 32%; left: 22.645%;
}
.header_menu_sp li.m_products img {
	width: 55.18%;
	top: 45%; left: 22.41%;
}
.header_menu_sp li.m_info img {
	width: 68.86%;
	top: 45%; left: 15.57%;
}

.menu_contents_sp {
	border-bottom: solid 1px #dfdfdf;
	padding: 10px 0;
	height: 0;
	overflow: hidden;
	display: none;
}
.mc_carousel {
	width: 290px;
	height: 120px;
	min-width: 0;
}
.mc_carousel_main {
	width: 240px;
}
.mc_carousel ul {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
}
.mc_carousel li {
	width: 100px;
	margin: 0 10px 0 0;
	border: none;
}
.mc_carousel li.mc_carousel_last { margin: 0; }
.mc_carousel li a {
	display: block;
	text-decoration: none;
}
.mc_thumb img { width: 100%; }
.mc_thumb .icon-new {
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
}
.mc_thumb .icon-m {
	width: 35px;
	height: 8px;
	background-size: 35px 8px;
}
.mc_carousel li p {
	width: 120%;
	transform: scale(0.85);
	-ms-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	margin: 2px 0 0 -8px;
	line-height: 1.3em;
}
.mc_carousel .icon-blank {
/*	width: 5px;
	height: 4px;
	background-size: 6px 4px;*/
	padding-left: 7px;
}
.mc_carousel_prev, .mc_carousel_next {
	width: 10px;
	top: 32.5px;
}


/*----------------------
 mainContent
---------------------*/

#mainContent {
	min-width:100%;
}

/*----------------------
 movie
---------------------*/

#movie {
	margin-top:72px;
}

/*----------------------
 allContents
---------------------*/

#allContents {
	min-width:100%;
	background-color:#000;
	border:#CCC 5px solid;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	top:0;
	margin-bottom:0;
	padding-bottom:2em;
	z-index:3;
}
#allContents .categoryTitle {
	width:100%;
	text-align:center;
	margin:1.5em 0;
}
#allContents .categoryTitle img {
	width:auto;
	height:8px;
}
#allContents .contents {
	width:94%;
	border-left:none;
	border-top:none;
	margin:1em auto;
}
#allContents .content {
	width:100%;
	padding:.5em 0;
}
#allContents .content .heading {
	text-align:center;
	margin-bottom:.2em;
}
#allContents .content .ttl {
	float:none;
	position:relative;
	margin-bottom:.5em;
}
#allContents .content .ttl .name {
	float:none;
}
#allContents .content .ttl .product {
	float:none;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 24px;
}
#allContents .content .ttl .product.wide {
	margin-left:32px;
}
#allContents .content .ttl .icon_end {
	float:none;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 38px;
}
#allContents .content .ttl .product img {
	width:50%;
	height:auto;
}
#allContents .content .copy {
	float:none;
	font-size:11px;
	margin:.2em 0 1em;
}
#allContents .content .banner .bnr {
	border-top:#4d4d4d 1px dotted;
	background:url(../images/mq_allContents_allow.gif) 96% center no-repeat;
	background-size:4px 6px;
	padding:1em;
}
#allContents .content .banner .bnr.blank {
	background:url(../images/mq_allContents_icon_link.gif) 96% center no-repeat;
	background-size:11px 9px;
}
#allContents .content .banner .img {
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	margin:0 0 0 0;
}
#allContents .content .banner .img img {
	width:205px;
	height:70px;
	margin:-10px;
}
#allContents .content .banner .txt {
	color:#fff;
	font-size:12px;
	margin:6px 10px 0 64px;
}
#allContents .content .banner .txt.new {
	margin-top:0;
}
#allContents .content .banner .txt.new img {
	margin-bottom:6px;
	vertical-align:bottom;
}
#allContents .content .btn {
	border-top:#4d4d4d 1px dotted;
	margin-top:0;
	padding:1em 1em;
}
#allContents .content .btn div {
	width:48%;
	font-size:10px;
	background-position:94% center;
}
#allContents .content .btn .productLink {
	float:left;
	margin-right:0;
}
#allContents .content .btn .storeLink {
	float:right;
}
#allContents .content .left,
#allContents .content .right {
	float:none;
}
#allContents .end {
	width:90%;
	background:url(../images/allContents_end_bg.gif) 0 0 repeat;
	border:#666 1px solid;
	margin:0 auto 3%;
	padding:1%;
}
#allContents .end .banner .bnr {
	float:none;
	margin:0;
}
#allContents .content .end .icon_end {
	float:none;
	margin-top:1px;
}
#allContents .content .end .banner .img {
	float:left;
	width:40px;
	height:40px;
	overflow:hidden;
	margin:0 1em 0 0;
}
#allContents .content .end .banner .img img {
	width:205px;
	height:60px;
	margin:-10px;
}
#allContents .content .end .banner .txt {
	margin:0 10px 0 54px;
}
#allContents .etc .ttl {
	text-align:center;
	padding:0;
	color:#fff;
}
#allContents .etc .banner .bnr {
	float:none;
	margin:0;
}
#allContents .etc .txtTtl {
	font-weight:bold;
	color:#fff;
	margin:0 10px 0 64px;
}
#allContents .home {
	text-align:center;
	height:auto;
	min-height:20px;
	border-top:#FFF 1px dotted;
	border-bottom:#FFF 1px dotted;
	background:url(../images/mq_allContents_allow.gif) 96% center no-repeat;
	background-size:4px 6px;
	margin:0 0 2.4em 0;
	padding:1.2em 0;
}
#allContents .home a {
	color:#fff;
	width:100%;
}
#allContents .close {
	text-align:center;
	height:auto;
	min-height:20px;
	border-top:#FFF 1px dotted;
	border-bottom:#FFF 1px dotted;
	margin:2.4em 0 0 0;
	padding:1.2em 0;
}
#allContents .close a {
	color:#fff;
}
#allContents .close a span {
	background:url(../images/mq_allContents_icon_close.gif) left center no-repeat;
	background-size:11px 11px;
	padding-left:2em;
}
#allContents .content .banner .txtTtl,
#allContents .content .banner .txt,
#allContents .contents .home,
#allContents .contents .close {
	display:block!important;
}

/*----------------------
 footer
---------------------*/
#footer {
	height: auto;
}
.footer_copy {
	display: none;
}
.footer_copy_sp {
	display: block;
	width: 70.93%;
	margin: 0 auto;
}

}