@charset "UTF-8";
@font-face{
  font-family: 'xd_onioncustomregular';
  src: url('xd_onioncustom-webfont.eot');
  src: url('xd_onioncustom-webfont.eot?#iefix') format('embedded-opentype'),
  url('xd_onioncustom-webfont.woff') format('woff'),
  url('xd_onioncustom-webfont.ttf') format('truetype'),
  url('xd_onioncustom-webfont.svg#xd_onioncustomregular') format('svg');
  font-weight: normal;
  font-size: 100%;
}
.jp{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-feature-settings : "palt" 1;
}
.en{
  font-family: 'xd_onioncustomregular', sans-serif;
  font-weight: 400;
}
.just{
  text-align: center;
}
.fsx1_1{
  font-size: 1.1em;
}
.fsx1_2{
  font-size: 1.2em;
}

.fsx1_8{
  font-size: 1.8em;
  line-height: 1;
}
.fsx2{
  font-size: 2em;
}
.fsx2_2{
  font-size: 2.2em;
}
.subcolor{
  color: #665A51;
}

.note{
  font-size: .8em;
}

/*reset&set-----*/
html,body{margin: 0;padding: 0;border: 0;zoom: 1;}
ul,li,dl,dt,dd{margin: 0;padding: 0;list-style-position: inside;}
h1,h2,h3,h4,h5{margin: 0;}
body *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  _overflow: hidden;
}
body{
  background: #303030 url('bg_B.gif') fixed;
  color: #FFFFFF;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  font-size: 14px;
  *font-size: 92%;
  line-height: 1.5;
}
footer{
  clear: both;
  padding: 0 0 32px;
  width: 100%;
  text-align: center;
}
a{font-weight: bold; outline: none;}
a img{border: none;}
a:link{color: #CC3300;text-decoration: none;}
a:visited{color: #CC3300;text-decoration: none;}
a:hover{text-decoration: underline;}
h3{
  clear: both;
  margin: 16px 0;
  font-size: 128%;
}
h4{
  padding: 8px 0;
  font-size: 112%;
  border-bottom: 1px dotted #252525;
  _border-bottom: 1px solid #CCCCCC;
}
h5{
  font-size: 100%;
}
p{
  margin: 1em 0 1em 1em;
}
img{
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
}
table{
  width: 100%;
  margin: 0 0 1em;
}
th{
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #252525;
  padding: 0.5em 0.8em 0.5em 0;
}
td{
  border-bottom: 1px dotted #252525;
  _border-bottom: 1px solid #CCCCCC;
  padding: 0.5em 0.8em 0.5em 0;
}
td ol li{
  font-size: 85%;
}
table span{
  display: inline-block;
  white-space: nowrap;
}
dt{
  font-weight: bolder;
}
em{
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-style: normal;
  font-weight: bolder;
}
hr{
  margin: 16px 0;
  border: 0;
  height: 1px;
  background: #666366;
  background-image: -webkit-linear-gradient(left,#FCF9FC,#666366,#FCF9FC);
  background-image:   -moz-linear-gradient(left,#FCF9FC,#666366,#FCF9FC);
  background-image:    -ms-linear-gradient(left,#FCF9FC,#666366,#FCF9FC);
  background-image:     -o-linear-gradient(left,#FCF9FC,#666366,#FCF9FC);
}

/*layout*/
#aufwachen,#copy,.G_entry h3,#G_idx h3{
  display: block;
  padding: 6px 8px;
  background: #0E0E0E;
  color: #FFFFFF;
  background: -moz-linear-gradient(top,#353535 0%,#0E0E0E 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#353535),color-stop(100%,#0E0E0E));
  background: -webkit-linear-gradient(top,#353535 0%,#0E0E0E 100%);
  background: -o-linear-gradient(top,#353535 0%,#0E0E0E 100%);
  background: -ms-linear-gradient(top,#353535 0%,#0E0E0E 100%);
  background: linear-gradient(to bottom,#353535 0%,#0E0E0E 100%);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid #252525;
}
#aufwachen{
  position: absolute;
  width: 100%;
  padding: 0;
  height: 32px;
  /*overflow: hidden;*/
}
#share{
  position: absolute;
  top: 4px;
  right: 0;
  list-style: none;
  overflow: hidden;
}
#share li{
  display: inline-block;
  *display: inline;
  *zoom;
  *vertical-align: bottom;
}
#share li div{
  display: inline;
}
.tw{
}
.fb{
  padding-right: 8px;
}

#star{
  background: #FFFBFF url('bg_W.gif') center top fixed;
  color: #222222;
}
#music{
  background: transparent url('bg_ring.png') no-repeat center 192px fixed;
}
#ikusaba{
  margin: 0 auto;
  width: 960px;
  *width: 964px;
}
aside{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 384px;
  padding: 32px 0;
  vertical-align: top;
}
#G_logo{
  position: relative;
  margin:16px 0;
}
#G_logo a img{
  max-width:100%;
}
#G_logo .uwaaaai{
  display: none;
}
@media screen and (max-width:768px) {
  #G_logo .uwaaaai{
    display: block;
  }
}

#G_content{
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  margin:0 0 1px;
  padding:96px 0 32px;
  width:576px;
  *width:575px;
  background:#FFFBFF url('bg_ring_W.png') center 192px no-repeat fixed;
  border-left:1px dotted #252525;
  border-right:1px dotted #252525;
  _border-left:1px solid #252525;
  _border-right:1px solid #252525;

}
.G_entry,.G_news{
  margin-bottom:16px;
/*-moz-animation:fadeIn 0.8s 1;
-webkit-animation:'fadeIn' 0.8s 1;
animation:'fadeIn' 0.8s 1;*/
}
/*animetion*/
@-moz-keyframes fadeIn{
  0%{margin-top:64px;opacity:0;}
  100%{margin-top:0;opacity:1;}
}
@-webkit-keyframes 'fadeIn'{
  0%{margin-top:64px;opacity:0;}
  100%{margin-top:0;opacity:1;}
}
@keyframes 'fadeIn'{
  0%{margin-top:64px;opacity:0;}
  100%{margin-top:0;opacity:1;}
}
.G_entry section{
  margin:16px 15px;
}
.G_entry section article{
  margin:32px 0 64px;
}
.G_entry header,.G_news header{
  margin:0 0 18px -1px;
}
.G_news{
  border-top:1px dotted #252525;
  _border-top:1px solid #CCCCCC;
}
.G_entry h1,.G_news h1{
  font-family:'xd_onioncustomregular';
  padding:8px 8px 8px;
  color:#87949F;
  border-left:8px solid #252525;
  line-height:1em;
}
.G_entry h1:after{
}
.G_entry h2{
  padding:0 8px 8px;
  border-left:8px solid #252525;
  font-size:160%;
}

.G_entry h3{
  margin:1em -4px;
  *margin:1em 0;
}
.G_entry h3 em{
  color:#FF7700;
  font-size:140%;
  text-shadow:0px 0px 4px #FF7700;
}

.G_news section{
  margin:16px 16px 32px;
}
.G_news h2{
  padding:8px 8px 8px;
  background: #E7EAEC;
  border-left:8px solid #87949F;
  font-size:128%;
}
.G_news h3{
  margin:1em 0 0;
  padding:0;
  font-size:112%;
}
.G_news dt{
  font-size:112%;
}
.G_news p,.G_news dl{
  margin-left:1em;
}
.G_news dd{
  margin-bottom:1em;
}
.G_entry section ul{
  margin:1em;
  padding-left:2em;
}
.G_entry section li{
  margin:8px 0 0;
}

#G_03 th{
  width:40%;
}

.pager a{
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:2em;
  background:#FFFFFF;
  color:#FF9900;
  font-family:'xd_onioncustomregular';
  font-size:140%;
  line-height:1.8em;
  text-align:center;
  border:2px solid #FF9900;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.pager a:hover{
  background:#FF9900;
  color:#FFFFFF;
  text-decoration:none;
}
.pager a:active{
  position:relative;
  top:1px;
  background:#FF9900;
  color:#FFFFFF;
  text-decoration:none;
}


.links a{
  display:block;
  padding:4px 8px;
  -webkit-transition:border 250ms linear;
  -moz-transition:border 250ms linear;
  -ms-transition:border 250ms linear;
  -o-transition:border 250ms linear;
  transition:border 250ms linear;
  border-left:4px solid #CCCCCC;
}
.links a:hover{
  -webkit-transition:border 100ms ease-out;
  -moz-transition:border 100ms ease-out;
  -ms-transition:border 100ms ease-out;
  -o-transition:border 100ms ease-out;
  transition:border 100ms ease-out;
  border-left:16px solid #CC3300;
}
.links dd{
  margin:0 0 8px 0;
  padding:0 0 8px 32px;
  border-bottom:1px dotted #252525;
  _border-bottom:1px solid #CCCCCC;
}


.innew{
  padding:0 1px;
  background:#FF9933;
  color:#FFFFFF;
  font-family:'xd_onioncustomregular';
  font-size:16px;
  line-height:1em;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.cover{
  float:right;
  clear:right;
  margin:0 0 16px 16px;
}
.cover img{
  border:1px solid #252525;
  -webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.4);
  box-shadow:0px 0px 4px 1px rgba(0,0,0,0.4);
  -webkit-border-radius:1px;
  border-radius:1px;
}

.sample{
  text-align:center;
}
.detail{
  margin-right:208px;
  margin-bottom:32px;
  zoom:1;
}
.detail:after{
  content:'';
  display:block;
  clear:both;
}
.songtitle{
  margin-top:1em;
  padding-left:1em;
  line-height:1.8;
}
.songtitle dt em{
  font-size:110%;
}
.songtitle dd{
  padding-left:2em;
}
.sp{
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:2px 4px;
  background:#ff8a23;
  background:-moz-linear-gradient(left,#fc418c 0%,#ff8a23 100%);
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fc418c),color-stop(100%,#ff8a23));
  background:-webkit-linear-gradient(left,#fc418c 0%,#ff8a23 100%);
  background:-o-linear-gradient(left,#fc418c 0%,#ff8a23 100%);
  background:-ms-linear-gradient(left,#fc418c 0%,#ff8a23 100%);
  background:linear-gradient(top right,#fc418c 0%,#ff8a23 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc418c',endColorstr='#ff8a23',GradientType=1);
  color:#FFFFFF;
  -webkit-border-radius:2px;
  border-radius:2px;
  *font-size:98%;
}

.hn{
  display:inline-block;
  white-space:nowrap;
}
.lp{
  margin:3em 0 1em 1em;
}
.lv{
  font-size:120%;
}
.ls{
  letter-spacing:-0.1em;
  margin:0 0.2em;
}
.go_detail{
}
.go_detail a{
  display:inline-block;
  padding:4px 16px;
  background:#F6F8F9;
  color:#CC3300;
  background:-moz-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F6F8F9),color-stop(50%,#E5EBEE),color-stop(51%,#D7DEE3),color-stop(100%,#F5F7F9));
  background:-webkit-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-o-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-ms-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:linear-gradient(to bottom,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F8F9',endColorstr='#F5F7F9',GradientType=0);
  -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3);
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #999999;
}
.go_detail a:hover{
  background:#FFFFFF;
  color:#777777;
  background:-moz-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(50%,#F3F3F3),color-stop(51%,#EDEDED),color-stop(100%,#FFFFFF));
  background:-webkit-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-o-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-ms-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:linear-gradient(to bottom,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF',GradientType=0);
  border:1px solid #999999;
  text-decoration:none;
}
.go_detail a:active{
  position:relative;
  top:2px;
}

.del{
  text-decoration:line-through;
  opacity:0.4;
  filter:alpha(opacity=40);
  -ms-filter:"alpha(opacity=40)";
  -moz-opacity:0.4;
  -khtml-opacity:0.4;
  *zoom:1;
}

/*130628-------*/
.video{
  margin:1em 0;
  background:#333333;
  color:#AAAAAA;
  border:1px solid #252525;
  text-align:center;
}
.video iframe,
.video object,
.video embed{
  margin:2em auto;
  border:1px solid #252525;
}

/*130701-------*/
.next,.story{
  margin:0;
  padding:0px;
}
.next h1{
  margin:32px 16px 16px;
  font-size:160%;
  text-align:center;
}
.story h1{
  margin:32px 16px 16px;
  font-size:160%;
}
.next h2,.story h2{
  position:relative;
  margin:32px auto;
  max-width:482px;
  *width:482px
  max-height:272px;
  *height:272px;
  background:#151515;
  color:#FFFFFF;
  font-size:28px;
  text-align:center;
  -webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);
  box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);
}
.next h2 img,.story h2 img{
  margin:1px;
}
.overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-transition:opacity .3s linear;
  -moz-transition:opacity .3s linear;
  -o-transition:opacity .3s linear;
  transition:opacity .3s linear;
  filter:alpha(opacity=100);
}
.overlay:hover{
  opacity:0;
  filter:alpha(opacity=0);
}

.next p{
  font-size:16px;
  text-align:center;
  /*130708-------*/
  text-shadow:0px 0px 3px #666666;
}
.story p{
  font-size:14px;
  text-shadow:0px 0px 3px #666666;
}

/*130708-------*/
.next em{
  font-size:120%;
  font-family:serif;
  text-shadow:0px 0px 3px #666666;
  behavior:url(/ie-css3.htc);
}

.ss{
  margin:32px auto;
  max-width:480px;
  font-size:0;
  text-align:center;
}
.ss img{
  margin:0;
}

#G_11 .G_entry section p{
  font-size:90%;
}
/*130703-------*/
.otona{
  margin:0;
  padding:1.5em 1em;
  background:#E5E1E5;
  background:rgba(0,0,0,0.1);
  color:#252525;
  border-top:1px solid #CCCCCC;
  border-bottom:1px dotted #CCCCCC;
}
.mikudaisuki{
  margin:0;
  padding:1.5em 1em;
  background:rgba(255,255,255,0.4);
  color:#003399;
  font-weight:bold;
}
.mikujanai{
  margin:0 16px;
  text-align:right;
  color:#999999;
}

/*130709-------*/
.chsongspsample{
  border-collapse:separate;
  border-spacing:8px;
  empty-cells:hide;
}
.chsongspsample td{
  width:50%;
  padding:8px;
  vertical-align:top;
  border-bottom:none;
  background:#E5E1E5;
  background:rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  border-radius:4px;
}
.chsongspsample img{
  padding:4px;
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  -webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2);
  box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2);
  -webkit-border-radius:2px;
  border-radius:2px;
}

/*130722-------*/
#ms02{
  overflow:visible;
}

.petit{
  font-size:90%;
}
.bnr{
  vertical-align:middle;
  margin:4px 0;
}
.bnr a{
}

.bnr{
  position: relative;
  display: block;
  overflow: hidden;
}
.bnr:after{
  content: attr(title);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .6em;
  width: 100%;
  background: rgba(0,0,0,.4);
  color: #f8f8f8;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}


.btn{
  text-align:center;
  padding:8px 0;
}
.btn a{
  display:inline-block;
  padding:16px 64px;
  background:#F6F8F9;
  color:#252525;
  background:-moz-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F6F8F9),color-stop(50%,#E5EBEE),color-stop(51%,#D7DEE3),color-stop(100%,#F5F7F9));
  background:-webkit-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-o-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:-ms-linear-gradient(top,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  background:linear-gradient(to bottom,#F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F8F9',endColorstr='#F5F7F9',GradientType=0);
  -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #252525;
  font-size:20px;
}
.btn a:hover{
  padding:11px 64px;
  background:#FFFFFF;
  color:#777777;
  background:-moz-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(50%,#F3F3F3),color-stop(51%,#EDEDED),color-stop(100%,#FFFFFF));
  background:-webkit-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-o-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:-ms-linear-gradient(top,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  background:linear-gradient(to bottom,#FFFFFF 0%,#F3F3F3 50%,#EDEDED 51%,#FFFFFF 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF',GradientType=0);
  border:1px solid #999999;
  text-decoration:none;
  font-size:27px;
}
.btn a:active{
  position:relative;
  top:2px;
}

/*130823-------*/
.bddetail th{
  width:8em;
}
.bddetail ol{
  list-style-type:decimal-leading-zero;
}

/*131204-------*/

.price{
  display:inline-block;
  float:right;
  clear:right;
  padding:2px 4px;
  background:#000000;
  color:#e8340c;
  border-left:8px solid #e8340c;
  font-weight:bold;
  font-size:110%;
}
.livedetail{
  list-style-type:decimal-leading-zero;
}
.livedetail li{
  line-height:1.2em;
  font-size:85%;
}
#product05 h3{
  background:#0E0E0E url('h3_live.png') repeat-y right top;
}
#product05 table td{
  border:none;
}
.livegoods01{
  table-layout:fixed;
}
#product05 .livegoods01{
  empty-cells:hide;
}
#product05 .livegoods01 td{
  width:25%;
  padding:2px 4px;
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  -webkit-border-radius:4px;
  border-radius:4px;
  font-size:85%;
}

/*2014/03/06 13:01*/
.bdlivedetail img{
  max-width: 100%;
  width: auto;
}
.bdlivedetail p{
  font-size:.95em;
}
.bdlivedetail ol{
  list-style-type:decimal-leading-zero;
  font-size: .95rem;
}
[data-ruby]{
  position: relative;
  display: inline-block;
  width: 2.2em;
  font-size: .95rem;
  text-align: center;
}
[data-ruby]::before{
  content: attr(data-ruby);
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  top: -1em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.6em;
}
/* 以下追加 */
.bdlivedetail li rt{
    display: none;
}

/*2015/03/20 16:45:06*/
.endinfo{
  margin: 16px;
  padding: 8px;
  background: #A7ABA7;
  color: #FFFFFF;
  border: 1px solid #979B97;
  border-radius: 4px;
  font-size: 120%;
  text-align: center;
  /*letter-spacing: 0.1em;*/
}

/*2016/05/10 18:41:37 add*/

.acbox{
  display: none;
  padding: 8px 0;
}
.ac{
  margin: 0 0 -1px;
  padding: 8px 12px;
  font-size: 1em;
  text-align: left;
  border:1px solid #999999;
  position: relative;
  line-height: 1.6;
}
.ac:hover{
  color: #FF3300;
  cursor: pointer;
}
.ac.active{
  background: #151515;
  color: #FF3300;
  border:1px solid #FF3300;
}
.ac:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -14px;
  content: '▶';
  font-size: 14px;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
}
.ac.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}


/*mediaquery*/
@media screen and (max-width:964px) {
  #ikusaba{
    width:768px;
  }
  aside{
    width:192px;
  }
  * img{
    max-width:100%;
  }
}
@media screen and (max-width:768px) {
  #star,#music{
    background-color:transparent;
    background-image:none;
  }
  #share{
    display:inline-block;
  }
  #ikusaba{
    margin:0;
    padding:32px 8px;
    width:auto;
    background:#FFFBFF url('bg_ring_W.png') center 192px no-repeat fixed;
  }
  aside{
    margin:0;
    padding:0;
    width:auto;
    display:block;
    text-align:center;
  }
  /*toggle-----*/
  #G_nav_btn{
    display:block;
    padding:8px;
    border:1px dotted #252525;
    font-family:'xd_onioncustomregular';
    font-size:120%;
    cursor:pointer;
  }
  #G_nav_btn:after{
    content:'>';
    display:inline-block;
    margin-left:1em;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
  }
  /*video-----*/
  .video{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    border:none;
  }
  .video iframe,
  .video object,
  .video embed{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    width:100%;
    height:100%;
  }
  .next h2{
    font-size:20px;
  }
  .next p{
    font-size:inherit;
    margin-left:0;
    margin-right:0;
  }
  .on{
    background:#000000;
    color:#FFCC00;
  }
  #G_nav{
    display:none;
  }
  #G_nav,#G_nav_btn,#ch_nav,aside .bnr{
    margin:0 auto;
    width:385px;
  }
  #G_content{
    margin:0;
    padding:0;
    width:auto;
    display:block;
    background-color:transparent;
    background-image:none;
    border:none;
  }
  #ch_nav li:nth-child(3n){
    border-right:none;
  }
  .cbr br{
    display:none;
  }
  footer{
    width:auto;
  }
  .cover{
    float:none;
    margin:16px;
    text-align:center;
  }
  .detail{
    margin-right:0;
  }
  .bnr{
    margin:8px;
  }
  .G_entry section{
    margin:0;
  }
  .G_entry section ul{
    margin:1em 0;
  }
  .next{
    padding:16px;
  }

}


.LiNKER{
  list-style-type: none;
  list-style-position: outside;
  padding: 1em 1em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.LiNKER li{
  list-style-position: outside;
  width: calc(100% / 3);
  max-width: 240px;
}
.LiNKER img{
  width: 100%;
}