@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

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

/bgm/index.php

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

.bgm .acdSpCont.pcCont { max-height:none !important; }

.bgm .parts_section_01 h2 small { font-weight:bold; font-size:16px; }
.bgm .parts_wrap_04 dt,
.bgm .parts_wrap_04 dd { font-size:14px; line-height:160%; }
.bgm .parts_wrap_04 dt { font-weight:bold; float:left; width:90px; clear:both; }
.bgm .parts_wrap_04 dd { float:right; width:100%; margin:0 0 0 -90px; padding:0 0 0 90px; }

.bgm .jp-audio { padding:12px 25px 14px 25px; border:#b9b9b9 1px solid; overflow:hidden;
background:URL(../img/playerBg.jpg) repeat-x center -2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -1px 0px 0px rgba(90, 90, 90, 1);
-moz-box-shadow:    inset 0px -1px 0px 0px rgba(90, 90, 90, 1);
box-shadow:         inset 0px -1px 0px 0px rgba(90, 90, 90, 1);
}
.bgm .jp-audio .jp-title { color:#333; font-size:15px; line-height:160%; padding:0 0 8px 0; font-weight:bold;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1),0px -1px 1px rgba(255, 255, 255, 1);
}
.bgm .audioPlayList { width:100%; }
.bgm .audioPlayList ul { width:50%; border-bottom:#9da1a7 1px solid; border-left:#9da1a7 1px solid; border-right:#9da1a7 1px solid; }
.bgm .audioPlayList ul.wide { width:100%; }
.bgm .audioPlayList ul.Lcol { float:left; }
.bgm .audioPlayList ul.Rcol { float:right; border-left:none; }
.bgm .audioPlayList li { border-top:#9da1a7 1px solid; font-size:14px; line-height:160%; position:relative; background:#42444f; }
.bgm .audioPlayList li a { display:block; padding:8px 15px; text-decoration:none; color:#eee; background:#42444f;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
.bgm .audioPlayList li a:hover,
.bgm .audioPlayList li a.current { color:#E7C300; background:#25232e; }
.bgm .audioPlayList li a:after { content:'　♪'; color:#E7C300; }
.bgm .audioPlayList li div { padding:8px 15px; color:#eee; }
.bgm .audioPlayList li.newTrack:after { content:'NEW'; width:60px; height:22px; line-height:22px; text-align:center; background:URL(../../img/cmn/newIcon_bg.png) no-repeat center center; overflow:hidden; vertical-align:middle; font-size:11px !important; font-weight:normal !important; letter-spacing:0.1em; position:absolute; top:50%; right:10px; margin:-11px 0 0 0;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); }

@media screen and (max-width:700px) {
.bgm .acdSpCont { max-height:0; overflow:hidden; }
.bgm .contBox01 { padding:0 10px; }

.bgm .parts_column_02 { padding-bottom:15px; }

.bgm .parts_inner_01 { background:URL(../../img/cmn/alBg131824_35p.png) repeat; padding-bottom:15px; }

.bgm .gp_slick_prev,
.bgm .gp_slick_next { top:0; margin:30% 0 0 0; }
.bgm .gp_slick_prev { left:10px; }
.bgm .gp_slick_next { right:10px; }

.bgm .parts_wrap_04 dt,
.bgm .parts_wrap_04 dd { font-size:13px; }
.bgm .parts_wrap_04 dt { float:none; width:100%; }
.bgm .parts_wrap_04 dd { float:none; width:100%; margin:0; padding:0; }

.bgm .parts_bg_01 { padding-top:0; padding-bottom:0; background:none !important; margin:0; }
.bgm .parts_bg_01:before,
.bgm .parts_bg_01:after { display:none; }
.bgm .parts_bg_01.firstCont { padding-top:5px; }

.bgm .parts_section_01.acdSpBtn { margin:10px 0 0 0; }
.bgm .parts_section_01 { padding:0 10px; overflow:hidden; position:relative; }
.bgm .parts_section_01 h2 { display:table; width:100%; font-size:16px; color:#fff; font-weight:bold; background:URL(../../img/cmn/alBgFFF_12p.png) repeat; text-align:center; position:relative; cursor:pointer; padding:0; 
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
}
.bgm .parts_section_01 h2 span { display:table-cell; line-height:140%; vertical-align:middle; height:60px; }
.bgm .parts_section_01 h2 small { display:none; }
.bgm .parts_section_01 h2:after { display:none; }
.bgm .parts_section_01:after { content:''; width:16px; height:16px; position:absolute; right:25px; top:50%; margin:-8px 0 0 0; background:URL(../../img/cmn/navIcon3_off.png) no-repeat center center; background-size:100% 100%; z-index:2; }
.bgm .parts_section_01.active:after { background:URL(../../img/cmn/navIcon3_on.png) no-repeat center center; background-size:100% 100%; }

.bgm .jp-audio { padding:8px 10px 8px 10px; border:#b9b9b9 1px solid; overflow:hidden;
background:URL(../img/playerBg.jpg) repeat-x center -10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px -1px 0px 0px rgba(90, 90, 90, 1);
-moz-box-shadow:    inset 0px -1px 0px 0px rgba(90, 90, 90, 1);
box-shadow:         inset 0px -1px 0px 0px rgba(90, 90, 90, 1); 
}
.bgm .jp-audio .jp-title { color:#333; font-size:13px; line-height:160%; padding:0 0 6px 0; font-weight:bold;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1),0px -1px 1px rgba(255, 255, 255, 1); }
.bgm .audioPlayList ul { width:100%; }
.bgm .audioPlayList ul.Lcol { float:none; border-bottom:none; }
.bgm .audioPlayList ul.Rcol { float:none; border-left:#9da1a7 1px solid; }
.bgm .audioPlayList li { font-size:12px; }
.bgm .audioPlayList li a { padding:10px 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
.bgm .audioPlayList li a:hover { color:#eee; background:#42444f; }
.bgm .audioPlayList li a.current { color:#E7C300 !important; background:#25232e !important; }
.bgm .audioPlayList li div { padding:10px 10px; }
.bgm .audioPlayList li.newTrack:after { background:URL(../../img/cmn/newIcon_bg_sp.png) no-repeat center center; background-size:100% 100%; font-size:10px !important; right:7px; }
}