.container h1 img{
  max-width: 100%;
}
.container h1 + p{
  text-align: left;
  line-height: 1.8;
}

#onion_idolseries h1,
#onion_idolseries h2,
#onion_idolseries h3 { background-color: transparent;}


@media only screen and (min-width: 768px) {

  .sp { display: none !important;}
  img.pc { display: inline-block;}
  
  .ab_list_bt_dw      { margin-bottom: 40px; color: #443829; overflow: hidden;}
  .ab_list_bt_dw ul   { display: flex; flex-wrap: wrap;}
  .ab_list_bt_dw li   {
    width: 48.6%; margin-top: 20px; margin-right: 2.8%; color: #443829; border-radius: 50px; border: 2px solid #938675; text-align: center;
    background: url('../../common/img/ar_down.png') no-repeat 95%;
  }
  .ab_list_bt_dw li:nth-child(2n) { margin-right: 0;}
  .ab_list_bt_dw li a { width: 100%; min-height: 60px; height: 100%; padding: 10px 20px; font-size: 18px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
  .ab_list_bt_dw li span  { margin: 0 auto; text-align: center; font-size: 18px;}

  .bnr_list li            { margin: 0 0 20px;}
  .bnr_list li:last-child { margin: 0;}
  .bnr_list li a:hover    { opacity: .8;}
  .bnr_list img           { width: 100%; vertical-align: top;}
  
  #onion_idolseries { margin: 0 0 30px; letter-spacing: 1px;}
  #onion_idolseries a:hover    { opacity: .8;}
  #onion_idolseries p:not(.special-intro-text)          { line-height: 26px;}
  #onion_idolseries #series    { padding: 55px 30px 40px; background: #41aebd; text-align: center;}
  #onion_idolseries #series h2 { margin: 0 0 40px;}
  #onion_idolseries #series > img { transform: translateX(-14px);}
  #onion_idolseries #series .text { font-size: 20px; line-height: 30px; color: #fff;}
  #onion_idolseries #profile      { padding: 65px 30px 60px; background: #dc5e48 url(../img/bg_profile.png) no-repeat left top; background-size: 100% auto;}
  #onion_idolseries #profile .ttl { margin: 0 0 30px; text-align: right;}
  #onion_idolseries #profile .ttl .omake     { margin: 0 0 15px;}
  #onion_idolseries #profile .ttl .omake img { transform: translateX(5px);}
  #onion_idolseries #profile .ttl h2         { margin: 0 0 15px; text-align: center;}
  #onion_idolseries #profile .ttl .link a    { padding: 0 0 0 20px; text-decoration: underline; color: #fff; position: relative;}
  #onion_idolseries #profile .ttl .link a:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fbf957;
  }
  #onion_idolseries #profile .ttl .link a:hover { opacity: 1; text-decoration: none;}
  #onion_idolseries #profile ul { margin: 0 0 50px;}
  #onion_idolseries #profile li { padding: 0 18px; margin: 0 0 20px; display: flex; align-items: center; justify-content: space-between; background: #fff;}
  #onion_idolseries #profile li:nth-child(2) { padding: 10px 18px 10px 0;}
  #onion_idolseries #profile li:nth-child(3) { padding-bottom: 8px;}
  #onion_idolseries #profile li:last-child   { margin: 0;}
  #onion_idolseries #profile li:nth-child(1) .img { transform: translateY(-13px);}
  #onion_idolseries #profile li:nth-child(2) .img { transform: translateX(-7px);}
  #onion_idolseries #profile li:nth-child(3) .img { transform: translateY(-5px);}
  #onion_idolseries #profile li .text     { width: 455px; flex-shrink: 0;}
  #onion_idolseries #profile li .text p   { width: 455px;}
  #onion_idolseries #profile li .headline { margin: 0 0 10px;}
  #onion_idolseries #profile li:nth-child(1) .headline img { width: 232px;}
  #onion_idolseries #profile li h3     { margin: 0 0 25px;}
  #onion_idolseries #profile li h3 img { height: 35px;}
  #onion_idolseries #profile li .inner { width: 100%;}
  #onion_idolseries #profile > a       { width: 458px; margin: 0 auto; display: block;}
  
  #onion_idolseries #variety    { padding: 50px 25px; text-align: center; background: #fef0d5;}
  #onion_idolseries #variety h2 { margin: 0 0 40px 0; text-align: center;}
  #onion_idolseries #variety .link-item { max-width: 700px; margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
  #onion_idolseries #variety .link-item a {
    width: 336px; height: 79px; padding: 15px 0; margin: 0 0 15px;line-height: 1.5;
    background: url(../img/img_btn.png); text-align: center; text-decoration: none; font-size: 17px; display: block;
  }
  #onion_idolseries #variety .link-item a span { display: block; color: #41aebd; font-weight: bold; text-align: center;}
  #onion_idolseries #variety .link-item a:nth-child(1) span { color: #c4558d;}
  #onion_idolseries #variety .link-item a:nth-child(2) span { color: #dc5e48;}
  #onion_idolseries #variety .link-item a:nth-last-child(-n + 2) { margin: 0;}
  
  #onion_idolseries #howto { padding: 60px 30px 30px; margin: 0 0 60px; background: url(../img/bg_howto.jpg);}
  #onion_idolseries #howto h2 { margin: 0 0 40px; text-align: center;}
  #onion_idolseries #howto li {
    padding: 30px 30px 20px;
    margin: 0 0 45px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
  }
  #onion_idolseries #howto li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -35px;
    width: 100%;
    height: 35px;
    background: url(../img/bg_howto_item.png);
  }
  #onion_idolseries #howto li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -35px;
    border-style: solid;
    border-width: 35px 342px 0 342px;
    border-color: #fff transparent transparent transparent;
  }
  #onion_idolseries #howto li:first-child:before,
  #onion_idolseries #howto li:last-child:after {
    display: none;
  }
  #onion_idolseries #howto li .text   { width: 480px;}
  #onion_idolseries #howto li .ttl     { margin: 0 0 10px; display: flex; align-items: center;}
  #onion_idolseries #howto li .num     { margin: 0 15px 0 0;}
  #onion_idolseries #howto li .num img { width: 66px;}
  #onion_idolseries #howto li h3       { margin: 0; font-size: 24px; font-weight: bold;}
  #onion_idolseries #howto li .text p  { font-size: 16px;}
  #onion_idolseries #howto li .img     { flex-grow: 1; text-align: center; transform: translateX(10px);}
  #onion_idolseries #howto li:nth-child(4) .img,
  #onion_idolseries #howto li:nth-child(8) .img,
  #onion_idolseries #howto li:nth-child(9) .img { transform: translateX(15px);}

  #item-series { margin-top: 0;}
}

@media only screen and (max-width: 767px) {
  
  .container h1 + p{
    text-align: left;
  }	
  img {
    max-width: 100%;
  }

  .pc { display: none !important;}
  img.sp { display: inline-block;}

  #onion_idolseries p:not(.special-intro-text) { line-height: 1.8;font-size:16px;}
  #onion_idolseries .special-intro-text { padding: 0 10px;}
  #onion_idolseries .special-anchor-links { padding: 0 10px;}
  #onion_idolseries #series { padding: 35px 0 30px; background: #41aebd; text-align: center;}
  #onion_idolseries #series h2      { margin: 0 0 20px; text-align: center;}
  #onion_idolseries #series h2 img  { width: 65%;}
  #onion_idolseries #series > img   { padding: 0 6px 0 4px; margin: 0 0 15px;}
  #onion_idolseries #series .text   { padding: 0 10px; line-height: 24px; color: #fff;}
  #onion_idolseries #profile        { padding: 23px 10px 35px; background: #dc5e48 url(../img/sp/bg_profile.png) no-repeat left top / 100%;}
  #onion_idolseries #profile .ttl   { margin: 0 0 20px;}
  #onion_idolseries #profile .omake { margin: 0 0 12px;}
  #onion_idolseries #profile h2     { margin: 0 0 15px; text-align: center;}
  #onion_idolseries #profile h2 img { width: 60%;}
  #onion_idolseries #profile .link  { text-align: right;}
  #onion_idolseries #profile .ttl .link a { padding: 0 0 0 20px; position: relative; color: #fff; text-decoration: underline; letter-spacing: 1px;}
  #onion_idolseries #profile .ttl .link a:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fbf957;
  }
  #onion_idolseries #profile ul { padding: 30px 10px; margin: 0 0 20px; background: #fff;}
  #onion_idolseries #profile li:first-child  { margin: 0 0 35px;}
  #onion_idolseries #profile li:nth-child(2) { margin: 0 0 42px;}
  #onion_idolseries #profile li .headline    { margin: 0 0 7px; text-align: center;}
  #onion_idolseries #profile li:nth-child(1) .headline img { width: 55%;}
  #onion_idolseries #profile li:nth-child(2) .headline img { width: 75%;}
  #onion_idolseries #profile li:nth-child(3) .headline img { width: 94%;}
  #onion_idolseries #profile li h3 { margin: 0 0 10px; text-align: center;}
  #onion_idolseries #profile li:nth-child(2) h3 { margin: 0 0 15px;}
  #onion_idolseries #profile li:nth-child(1) h3 img { width: 73%;}
  #onion_idolseries #profile li:nth-child(2) h3 img { width: 64%;}
  #onion_idolseries #profile li:nth-child(3) h3 img { width: 64%;}
  #onion_idolseries #profile li .inner { display: flex; align-items: center;}
  #onion_idolseries #profile li .img   { width: 35%; margin: 0 10px 0 0;}
  #onion_idolseries #profile li:nth-child(1) .img { transform: translateX(-17px); margin: 0;}
  #onion_idolseries #profile li:nth-child(2) .img { width: 50%; transform: translateX(-15px); margin: 0;}
  #onion_idolseries #profile li:nth-child(3) .img { transform: translateX(-5px);}
  #onion_idolseries #profile li .inner p { width: calc(65% - 10px);}
  
  #onion_idolseries #variety { padding: 30px 10px; background: #fef0d5;}
  #onion_idolseries #variety h2     { margin: 0 0 25px; text-align: center;}
  #onion_idolseries #variety h2 img { width: 62%;}
  #onion_idolseries #variety ul     { margin: 0 0 25px;}
  #onion_idolseries #variety li     { margin: 0 0 10px; text-align: center;}
  #onion_idolseries #variety li img { width: 80%;}
  #onion_idolseries #variety .link-item a {
    width: 88%;
    padding: 5px 0;
    margin: 0 auto 10px;
    border: 2px solid #000;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    background: #fff url(../img/img_arrow.png) no-repeat right 5% center/ 3%;
    box-shadow: 0px 2px 0px rgba(0,0,0,1);
  }
  #onion_idolseries #variety .link-item a:last-child { margin-bottom: 0;}
  #onion_idolseries #variety .link-item a span { display: block; color: #41aebd; font-size: 16px; font-weight: bold; text-align: center;}
  #onion_idolseries #variety .link-item a:nth-child(1) span { color: #c4558d;}
  #onion_idolseries #variety .link-item a:nth-child(2) span { color: #dc5e48;}
  #onion_idolseries #howto { padding: 28px 10px; margin: 0 0 40px; background: url(../img/bg_howto.jpg) repeat left top / 40px;}
  #onion_idolseries #howto h2 { margin: 0 0 20px; text-align: center;}
  #onion_idolseries #howto h2 img { width: 73%;}
  #onion_idolseries #howto ul { overflow: hidden;}
  #onion_idolseries #howto li { padding: 20px 10px 5px; margin: 0 0 35px; position: relative; background: #fff;}
  #onion_idolseries #howto li:last-child { margin: 0;}
  #onion_idolseries #howto li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -23px;
    border-style: solid;
    border-width: 23px calc(50vw - 20px) 0 calc(50vw - 20px);
    border-color: #fff transparent transparent transparent;
  }
  #onion_idolseries #howto li .text { margin: 0 0 15px;}
  #onion_idolseries #howto li .text:before,
  #onion_idolseries #howto li .text:after {
    content: '';
    position: absolute;
    top: -23px;
    left: -50%;
    width: 50%;
    height: 23px;
    border-style: solid;
    border-width: 0 calc(50vw - 20px) 23px calc(50vw - 20px);
    border-color: transparent transparent #fff transparent;
  }
  #onion_idolseries #howto li .text:after { left: auto; right: -50%;}
  #onion_idolseries #howto li .ttl        { margin: 0 0 10px; align-items: center; display: flex;}
  #onion_idolseries #howto li .ttl .num   { width: 15%; margin: 0 10px 0 0;}
  #onion_idolseries #howto li .ttl h3     { margin: 0; font-size: 20px; font-weight: bold;}
  #onion_idolseries #howto li .img        { text-align: center;}
  #onion_idolseries #howto li:nth-child(1) .img img { width: 85%;}
  #onion_idolseries #howto li:nth-child(2) .img img { width: 60%;}
  #onion_idolseries #howto li:nth-child(3) .img img { width: 80%;}
  #onion_idolseries #howto li:nth-child(4) .img img { width: 85%;}
  #onion_idolseries #howto li:nth-child(5) .img img { width: 75%;}
  #onion_idolseries #howto li:nth-child(6) .img img { width: 70%;}
  #onion_idolseries #howto li:nth-child(7) .img img { width: 85%;}
  #onion_idolseries #howto li:nth-child(8) .img img { width: 85%;}
  #onion_idolseries #howto li:nth-child(9) .img img { width: 85%;}
  #onion_idolseries #item img { width: 80%;}

	.ab_list_bt_dw { margin: 0 10px 30px;}
  .ab_list_bt_dw ul { display: flex; flex-wrap: wrap;}
	.ab_list_bt_dw li { width: 100%; margin-top: 10px; margin-right: 0; margin-right: 2.8%; color: #443829; border-radius: 50px; border: 2px solid #938675; text-align: center; background: url('../../common/img/ar_down.png') no-repeat 95%;}
  .ab_list_bt_dw li a { padding: 10px 20px; font-size: 16px; display: block;}
  .ab_list_bt_dw li span { margin: 0 auto; text-align: center; font-size: 16px;}
  
  .bnr_list    { margin: 0 10px;}
  .bnr_list li { margin: 0 0 10px;}
  
  .block-event-page--header-freespace h1     { margin: 0 10px 15px;}
  .block-event-page--header-freespace h1 + p { margin: 0 10px 15px;font-size:16px;}
}
@media only screen and (min-width: 768px) {
  .bnr_list li {
    margin: 0 20px 20px 0px;
    width: 48.8%;
    float: left;
  }
  .bnr_list li:nth-child(2n) {
    margin-right: 0;
  }
}
  #onion_idolseries #item {text-align:center;}