@charset "utf-8";
/* CSS Document */


@import url("https://fonts.googleapis.com/css?family=Ubuntu");


/*========================================
 Base
========================================*/
html {font-size:62.5%;}
body{
	font-size:1.2rem;
	line-height:1.6;
}

body > #top{
    background:#fff;
    font-size:12px;
    margin-top:-15px;
    padding-top:15px;
}
div#header{
	background:none !important;
	margin:0 auto;
}
div#contents div.topic_path,
div#contents div.topic_path a{
	width:1035px;
	margin:0 auto;
	padding:10px;
	text-decoration:none;
	box-sizing:border-box;
}

div#contents{
	background:url(../images/contents_bg.jpg) center top repeat-y;
	position:relative;
	width:1035px;
	margin:0 auto;
	padding:0 13px 0 12px;
}
.corner_info p {padding:0;}

div.corner_product {margin:0 0 50px !important;}
div.itemdetail{
	width:1035px;
	margin:0;
	height:auto;
	border:none;
	font-size:1.2rem;
	text-overflow:inherit;
}
.corner_info h3 {border:none; background:none;}
.corner_info > h3 {display:none;}
.corner_info > p {display:none;}

/*商品情報*/
#detailBox{
	float:none;
	width:1000px;
	margin:0 auto 40px;
	padding:10px 0 20px;
	font-size:12px;
}
ul.searchList{
	display:block;
	border-collapse:separate;
	border-spacing:14px;
	/*display:table;*/
	width:970px !important;
	margin:0 auto !important;
	padding:0 20px;
}
ul.searchList:last-child {margin-bottom:30px !important;}
ul.searchList li div div.detail, #detailBox {width:700px;}
ul.searchList li p.photo {padding-top:10px;}
ul.searchList li h5{
	padding-bottom:10px;
	border-bottom:1px dotted #aaaaaa;
}

#detailBox .detailArea div {padding:5px;}
#detailBox .detailArea div p.date {font-size: 1.2em;}

/*#contents {padding-bottom:30px;}*/
div#sns {overflow:hidden;}


/*========================================
 カスタム
========================================*/
/* 商品 */
ul.searchList li{
	background:url(../images/item_bg.jpg) center bottom no-repeat;
	float:none;
	display:table-cell;
	width:201px !important;
	padding:10px 10px 20px;
	vertical-align:top;
	border:1px solid #33c0ff;
}
ul.searchList li a{
	color:#0d47a1 !important;
	text-shadow:0 0 5px #fff;
}


/* 全体 */
body {background:url(../images/bg.jpg) center top;}


/**** SNS ****/
#contents #sns{
	position:absolute;
	top:0px;
	right:20px;
	width:auto !important;
	z-index:50;
}


/* header */
/*#contents .corner_main_banner {margin-bottom:40px;}*/
#contents #navWrap{}
#contents #navBox{
	background:#fff;
	margin-bottom:20px;
	padding:2px 0;
	border:1px solid #0d47a1;
}
#contents #navBox ul{
	font-family:"Ubuntu", sans-serif;
	display:table;
	table-layout:fixed;
	width:1035px;
	padding:6px 0;
	border-top:3px solid #0d47a1;
	border-bottom:3px solid #0d47a1;
	box-sizing:border-box;
}
#contents #navBox li{
	display:table-cell;
	margin-bottom:10px;
	/* font-size:3.6rem; */
    font-size:2.8rem;
	text-align:center;
}
#contents #navBox li a{
	display:block;
	width:100%;
	color:#33c0ff;
	text-decoration:none;
}
#contents #navBox li a:hover {color:#0d47a1;}


/* ミュージアム/Fair&Event */
#contents #fairEvent {margin-bottom:60px;}
#contents .museumBox,
#contents .fairBox{
	width:1000px;
	margin:12px auto 40px;
}
#contents #museum h3,
#contents #live h3,
#contents #fairEvent h3{
	display:inline-block;
	background:#0d47a1;
	margin-bottom:8px;
	padding:2px 1em;
	font-size:2rem;
	color:#fff;
}
#contents .museumBox p,
#contents .fairBox p {margin-bottom:1em;}
#contents .museumBox dl,
#contents .fairBox dl{
	overflow:hidden;
	width:980px;
	margin:0 auto 1em;
}
#contents .museumBox dt,
#contents .fairBox dt{
    clear:left;
    float:left;
	width:8em;
	margin:0 1em 8px;
	color:#0d47a1;
    padding:2px 0;
	text-align:center;
	border:2px solid #0d47a1;
}
#contents .museumBox dd,
#contents .fairBox dd{
	margin-bottom:8px;
	padding:2px 0;
    float:left;
    width:calc(100% - 11em);
}

#contents .museumBox dd ul,
#contents .fairBox dd ul{margin-bottom:10px;}

#contents .museumBox .attention,
#contents .fairBox .attention {margin-left:10px;}
.ColorRed {color:#e80d11;}

#contents #fairEvent div.fairBox:last-child{
	padding-top:1em;
	border-top:1px solid #999;
}
#contents #fairEvent .fairBox > span{
	display:inline-block;
	margin-bottom:0.6em;
	font-size:1.6rem;
	font-weight:bold;
}


/* LIVE */
#contents .live{
    width: 95%;
    margin:20px auto;}

#contents .live dl{overflow: hidden; font-size:1.4rem; margin:10px auto 20px auto;}
#contents .live dt{: 100px;
    /*color:#0D47A1;*/
    text-align: center;
    font-weight: bold;
    clear: both;
    float:left;
    margin-right: 1%;
    background: #B1DEF1;
    color:#fff;
}

#contents .live dd{width: calc(99% -100px); float:left;}

/* 収録曲 */
#contents .list{
    width: 95%;
    margin:0 auto 10px auto;
}

#contents .list p:first-of-type{
    width: 60%;
    color:#fff;
    font-weight: bold;
    padding:0 1%;
    border:2px solid #33c0ff;
    background: #33c0ff;
}

#contents .list dl{
    width: 60%;
    overflow: hidden;
    border:2px dotted #33c0ff;
    border-top:none;
    padding:1%;
}

#contents .list dt{width: 40%; float:left;}
#contents .list dd{width: 60%; float:left;}

#contents #newRelease > p:first-of-type{
    width: 95%;
    margin:20px auto;
    color: #33C0FF;
    font-weight: bold;
    font-size:1.4rem;
    line-height: 180%;
}

/* 特典 */
#contents .tokutenWrap{
	overflow:hidden;
	width:980px;
	margin:10px auto 20px;
	padding-bottom:1em;
	border-bottom:1px dashed #0d47a1;
}
#contents .tokutenBox{
	padding-bottom:1em;
	border-bottom:1px dotted #0d47a1;
}
#contents .tokutenBox:last-child{
	padding-bottom:0;
	border-bottom:none;
}
#contents .tokutenWrap h3{
	display:inline-block;
	background:#0d47a1;
	margin-bottom:8px;
	padding:2px 1em;
	font-size:2rem;
	color:#fff;
}
#contents .tokutenBox .Img{
	float:right;
	width:250px;
	text-align:center;
}
#contents .tokutenBox .Img img {max-width:250px;}
#contents .tokutenBox .Img + .tokutenTxt{
	float:left;
	width:710px;
}
#contents .tokutenBox .Name{
	font-size:1.6rem;
	font-weight:bold;
	color:#0d47a1;
}
#contents .tokutenBox .Detail {margin-bottom:12px;}
#contents .tokutenBox .Attention{
	font-size:1.1rem;
	color:#555;
}


/* PROFILE */
#contents #profile dl{
	width:580px;
	margin:20px auto 40px;
}
#contents #profile dt{
	float:left;
	clear:left;
	width:6em;
	margin-bottom:6px;
	padding:2px 0;
	text-align:center;
	border:1px dotted #33c0ff;
}
#contents #profile dd{
	margin:0 0 6px 7em;
	padding:2px 0;
	border-bottom:1px dotted #33c0ff;
}


/* copyright */
#contents #copyrightWrap #koushiki{
	display:inline-block;
	margin-bottom:20px;
}
#contents #copyrightWrap #koushiki a{
	display:block;
	background:#0d47a1;
	padding:4px 1em;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:20px;
}
#contents #copyrightWrap #koushiki a:hover {background:#33c0ff;}

#contents .smOnly {display:none;}





/*=================================
スマートフォン
=================================*/
.li-box {overflow:hidden;}
.li-box > p:first-child,
.li-box > p:last-child,
#corner_name,
#corner_main_text li.title {display:none;}
.li-box section{
	background:none;
	font-size:1.2rem;
	line-height:1.5;
}
h2.search-h2 {display:none;}
#corner_sphone_banner img {max-width:640px;}
section#corner_name {display:none;}
.li-box h2{
	width:100%;
	margin:0 auto 10px;
	text-indent:-9999px;
}
.itemsList {margin-bottom:20px;}
.itemsList li{
	height:auto;
	width:94%;
	margin:0 auto 10px;
}
.itemsList li:last-child {margin-bottom:30px;}


/*** カスタム ***/
div.sphone_banner img {width:100%;}
.li-box .line,
.copyright .line{
	width:100%;
	margin-bottom:10px;
	text-indent:-9999px;
}
#top a, .li-box a {color:#0d47a1;}
#corner_products ul.tiles li a {color:#0d47a1;}
.to-top a {color:#000 !important;}
.li-box .pcOnly {display:none;}


/* header */
.li-box .corner_main_banner {margin-bottom:20px;}
.li-box #navWrap{
	width:98%;
	margin:0 auto;
	text-align:center;
}
.li-box #navTit {height:50px;}

.li-box #navBox{
	background:#fff;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #0d47a1;
}
.li-box #navBox ul{
	font-family:"Ubuntu", sans-serif;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	padding:12px 0 0;
	border:3px solid #0d47a1;
	box-sizing:border-box;
}
.li-box #navBox li{
	float:left;
	width:48%;
    margin-right:1% !important;
    margin-left:1% !important;
	margin-bottom:10px;
	font-size:2rem;
}
.li-box #navBox li a{
	color:#33c0ff;
	text-decoration:none;
}
.li-box #navBox li a:active {color:#0d47a1;}
.li-box #releaseInfo {display:none;}
.li-box #navBox li img {width:100%;}

#contents #navBox li{
	display:table-cell;
	margin-bottom:10px;
	font-size:2.8rem;
	text-align:center;
}


/* Title */
.li-box #museum h2 {background:url(../images/tit_museum.jpg) center top no-repeat;}
.li-box #newRelease h2 {background:url(../images/tit_new_release.jpg) center top no-repeat;}
.li-box #cd h2 {background:url(../images/tit_cd.jpg) center top no-repeat;}
.li-box #profile h2 {background:url(../images/tit_profile.jpg) center top no-repeat;}
.li-box #live h2 {background:url(../images/tit_live.jpg) center top no-repeat;}
.li-box #fairEvent h2 {background:url(../images/tit_fair_event.jpg) center top no-repeat;}
.li-box #bd h2 {background:url(../images/tit_bd.jpg) center top no-repeat;}


/* ミュージアム */
.li-box .museumBox,
.li-box .fairBox{
	width:98%;
	margin:12px auto 10px;
}
.li-box #museum h3,
.li-box #live h3,
.li-box #fairEvent h3{
	display:inline-block;
	background:#0d47a1;
	margin:0 0 6px;
	padding:2px 1em;
	font-size:1.6rem;
	color:#fff;
}
.li-box .museumBox p,
.li-box .fairBox{margin-bottom:1em;}
.li-box .museumBox dl,
.li-box .fairBox dl{
	width:96%;
	margin:0 auto 1em;
}
.li-box .museumBox dt,
.li-box .fairBox dt{
	width:100%;
	margin:0 0 4px;
	color:#0d47a1;
	/*text-align:center;*/
	border:2px solid #0d47a1;
	text-indent:1em;
}
.li-box .fairBox dt br {display:none;}
.li-box .museumBox dd,
.li-box .fairBox dd{
    width:100%;
	margin-bottom:8px;
	padding:2px 0;
    margin-left:0 !important;
}

.li-box .museumBox dd ul,
.li-box .fairBox dd ul{margin-bottom:5px; font-size:0.9em;}

.li-box .museumBox .attention,
.li-box .fairBox .attention{margin-left:10px;}

.li-box #fairEvent div.fairBox:last-child{
	padding-top:1em;
	border-top:1px solid #999;
}
.li-box #fairEvent .fairBox > span{
	display:inline-block;
	margin-bottom:0.6em;
	font-size:1.5rem;
	font-weight:bold;
}


/* 収録曲 */
.li-box .list{
    width: 95%;
    margin:0 auto 10px auto;
}

.li-box .list p:first-of-type{
    width: 95%;
    color:#fff;
    margin:0 auto !important;
    font-weight: bold;
    padding:0 1%;
    border:2px solid #33c0ff;
    background: #33c0ff;
}

.li-box .list dl{
    width: 95%;
    overflow: hidden;
    border:2px dotted #33c0ff;
    border-top:none;
    padding:1%;
    margin: 0 auto 10px auto;
}

.li-box .list dt{font-weight: bold;}
.li-box .list dd{}

.li-box #newRelease > p:first-of-type{
    width: 95%;
    margin:20px auto;
    color: #33C0FF;
    font-weight: bold;
    font-size:1.2rem;
    line-height: 160%;
}

/* LIVE */
.li-box .live{
    width: 95%;
    margin:20px auto;}

.li-box .live dl{overflow: hidden; font-size:1.4rem; margin:10px auto 20px auto;}
.li-box .live dt{
    /*color:#0D47A1;*/
    text-align: center;
    display: inline-block;
    padding: 0 2%;
    font-weight: bold;
    clear: both;
    background: #B1DEF1;
    color:#fff;
}

.li-box .live dd{
    margin-left: 0 !important;
    margin-bottom: 5px;}


/* 特典 */
.li-box .tokutenWrap{
	width:98%;
	margin:0 auto 10px;
}
.li-box .tokutenBox{
	padding-bottom:1em;
	border-bottom:1px dotted #0d47a1;
}
.li-box .tokutenBox:last-child{
	padding-bottom:0;
	border-bottom:none;
}
.li-box .tokutenWrap h3{
	/*display:inline-block;*/
	background:#0d47a1;
	margin:0 0 6px;
	padding:2px 1em;
	font-size:1.6rem;
	color:#fff;
}
.li-box .tokutenBox .Name{
	font-size:1.6rem;
	font-weight:bold;
	color:#0d47a1;
}
.li-box .tokutenBox .Img{
	margin-bottom:12px;
	text-align:center;
}
.li-box .tokutenBox .Img img {max-width:250px;}
.li-box .tokutenBox .Detail {margin-bottom:12px;}
.li-box .tokutenBox .Attention{
	font-size:1.1rem;
	color:#555;
}


/* PROFILE */
.li-box #profile dl{
	width:90%;
	margin:20px auto 40px;
}
.li-box #profile dt{
	float:left;
	clear:left;
	width:6em;
	margin-bottom:6px;
	padding:2px 0;
	text-align:center;
	border:1px dotted #33c0ff;
}
.li-box #profile dd{
	margin:0 0 6px 7em;
	padding:2px 0;
	border-bottom:1px dotted #33c0ff;
}


/* copyright */
.copyright {margin-top:0;}
#top #copyrightWrap #koushiki{
	display:inline-block;
	margin-bottom:10px;
}
#top #copyrightWrap #koushiki a{
	display:block;
	background:#0d47a1;
	padding:4px 1em;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius:20px;
}