@charset "utf-8";

/* 共通
-------------------------------------------- */
#bg_wrapper {
  background: #000;
}
.fsn {
  font-size: 14px;
  line-height: 1.3;
}
.fsn a {
  color: #8f44b0;
  text-decoration: underline;
}
.fsn ul.caut {
  list-style-type: none;
}
.fsn ul.caut li {
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: .3em;
}
.fsn .fsn_contents .fsn_nav ul {
  list-style-type: none;
}
.fsn .fsn_yokoku {
  display: block;
  width: 100%;
  background: #c7000a;
  text-align: center;
  padding: 5px;
}
.fsn .fsn_kv {
  background: url("../img/fsn_kv.jpg") no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
}
.fsn .fsn_contact {}
.fsn .fsn_contact dt, 
.fsn .fsn_contact dd {
  line-height: 0;
}
.fsn .fsn_copy {
  width: 100%;
  text-align: center;
  color: #fff;
}

/* PC用
-------------------------------------------- */
@media screen and (min-width: 750px) {
  .sp {
    display: none;
  }
  .fsn {
    width: 800px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
  }
  .fsn .fsn_yokoku img {
    width: 64px;
    height: auto;
  }
  .fsn .fsn_cp_start {
    padding: 10px 0;
  }
  .fsn .fsn_contents {
    width: 100%;
    position: relative;
    text-align: center;
  }
  .fsn .fsn_contents .cp_ttl {
    position: absolute;
    top: -5px;
  }
  
  /* navi */
  .fsn .fsn_contents .fsn_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 800px;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 30px;
  }
  .fsn .fsn_contents .fsn_nav ul li {
    width: 262px;
    flex-basis: 262px;
    max-width: 262px;
    padding-bottom: 10px;
  }
  .fsn .fsn_contents .fsn_nav ul li.alter, 
  .fsn .fsn_contents .fsn_nav ul li.ticket {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .fsn .fsn_contents .fsn_nav ul li.sp {
    display: none;
    visibility: hidden;
  }
  .fsn .fsn_copy {
    padding: 10px 0;
  }
  
  /* second */
  .fsn .fsn_contents .sec {
    width: 100%;
    background: #fff url("../img/fsn_sec.png") no-repeat center top;
    padding-bottom: 30px;
  }
  .fsn .fsn_contents .sec .ex {
    padding-top: 35px;
  }
  .fsn .fsn_contents .sec .date {
    width: 760px;
    margin: 20px auto 0;
    padding-bottom: 30px;
    background: #ccc;
  }
  .fsn .fsn_contents .sec .date h4 {
    background: url("../img/fsn_date_ttl_bg.png") repeat-y;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    padding: 10px 0;
  }
  .fsn .fsn_contents .sec .date p, 
  .fsn .fsn_contents .sec .date ul.caut {
    padding: 20px 0 0;
  }
  .fsn .fsn_contents .sec .bx {
    width: 760px;
    margin: 20px auto 0;
    padding-bottom: 30px;
    box-sizing: border-box;
    border-left: 1px solid #3a1e50;
    border-right: 1px solid #3a1e50;
    border-bottom: 1px solid #3a1e50;
  }
  .fsn .fsn_contents .sec .bx h4 {
    height: 50px;
    background: url("../img/fsn_bx_ttl_bg_pc.png") no-repeat;
  }
  .fsn .fsn_contents .sec .bx h4 img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .fsn .fsn_contents .sec .img.bx p, 
  .fsn .fsn_contents .sec .flow.bx p {
    padding-top: 20px;
  }
  .fsn .fsn_contents .sec .img.bx ul.caut, 
  .fsn .fsn_contents .sec .flow.bx ul.caut {
    text-align: left;
    padding: 10px 20px 0;
  }
  .fsn .fsn_contents .sec .itemlist.bx table {
    width: 96%;
    margin: 20px auto 0;
    border-collapse: collapse;
  }
  .fsn .fsn_contents .sec .itemlist.bx table th, 
  .fsn .fsn_contents .sec .itemlist.bx table td {
    padding: 5px;
    border: 1px solid #3a1e50;
    background: #cccccc;
    font-size: 1rem;
  }
  .fsn .fsn_contents .sec .itemlist.bx table th {
    background: #3a1e50;
    color: #fff;
    text-align: center;
  }
  .fsn .fsn_contents .sec .itemlist.bx .t_mk, 
  .fsn .fsn_contents .sec .itemlist.bx .t_yr {
    text-align: center;
    white-space: nowrap;
  }
  .fsn .fsn_contents .sec .itemlist.bx .t_pr {
    text-align: right;
    white-space: nowrap;
  }
  .fsn .fsn_contents .sec .itemlist.bx table .even td {
    background: #b1b1b1;
  }
  .fsn .fsn_contents .sec .itemlist.bx ul.caut {
    padding: 10px 20px 0;
    text-align: left;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop {}
  .fsn .fsn_contents .sec .itemlist.bx .pop dl {}
  .fsn .fsn_contents .sec .itemlist.bx .pop dl dt, 
  .fsn .fsn_contents .sec .itemlist.bx .pop dl dd {
    padding: 20px 10px 0;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop ul.caut {
    padding: 0 20px;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop ul.caut li {
    text-align: center;
  }
  
  /* retweet */
  .fsn .fsn_contents #retweet .img {
    border-top: 1px solid #3a1e50;
  }
  .fsn .fsn_contents #retweet .btn {
    padding: 40px 0 20px;
  }
  .fsn .fsn_contents .sec .result.bx p, 
  .fsn .fsn_contents .sec .result.bx ul.caut {
    padding: 20px 40px 0;
    text-align: left;
  }
  
  /* goods */
  .fsn .fsn_contents #goods, 
  .fsn .fsn_contents #jelly {
    margin-bottom: 40px;
  }
  .fsn .fsn_contents .goods .sec {
    padding-top: 20px;
  }
  .fsn .fsn_contents .goods .date .att {
    background: #fff;
    border: 1px solid #8f44b0;
    margin: 20px 20px 0;
    padding: 20px 0;
  }
  .fsn .fsn_contents .goods .date .att2 {
    padding: 10px 0 0;
    font-size: 16px;
    color: #ff0000;
    text-align: center;
  }
  .fsn .fsn_contents .goods .sec .img.bx h4 {
    height: 90px;
    background: url("../img/fsn_goodsimg_ttl_bg_pc.png") no-repeat center center;
  }
  .fsn .fsn_contents .goods .sec .img.bx h4 img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .fsn .fsn_contents #originalimg.goods .att {
    padding-top: 20px;
  }
  .fsn .fsn_contents .goods .sec .img.bx .btn {
    margin-top: 20px;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx p {
    padding: 20px 0;
  }
  .fsn .fsn_contents #jelly.goods .sec .img.bx.alterman .limit {
    padding-left: 40px;
    text-align: left;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx dl {
    width: 95%;
    margin: 20px auto 0;
    border-top: 1px solid #3a1e50;
    font-size: 24px;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx dl dt, 
  .fsn .fsn_contents .goods .sec .loppi.bx dl dd {
    padding-top: 1em;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry {
    width: 708px;
    margin: 20px auto 0;
    padding-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #3a1e50;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry h5 {
    background: #8f44b0;
    padding: 10px 0;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry ol {
    display: block;
    width: 628px;
    margin: 20px auto 0;
    border-top: 1px solid #3a1e50;
    list-style-type: none;
    text-align: left;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry ol li {
    padding: 10px 0 10px 10px;
    border-left: 1px solid #3a1e50;
    border-right: 1px solid #3a1e50;
    border-bottom: 1px solid #3a1e50;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx dl {
    border: none;
    margin-top: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry {
    width: 628px;
    padding: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry h5 {
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol {
    margin: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol li {
    border: none;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol li:first-child {
    border-bottom: 1px solid #3a1e50;
  }
  
  .fsn .fsn_contents .goods .sec .loppi.bx .loppientry_btn, 
  .fsn .fsn_contents .goods .sec .loppi.bx .loppiweb_btn {
    padding-top: 20px;
  }
  .fsn .fsn_contents .goods .sec .sec_caut {
    padding: 20px 20px 0;
    text-align: left;
  }
  
  
  .fsn .fsn_contents .pagetop {
    padding: 40px 0;
  }
}


/* SP用
-------------------------------------------- */
@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .fsn .fsn_yokoku img {
    width: auto;
    height: 5vw;
  }
  .fsn .fsn_cp_start {
    padding: 2vw 0;
  }
  .fsn .fsn_contents {
    width: 100%;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    position: relative;
    text-align: center;
  }
  .fsn .fsn_contents .cp_ttl {
    position: absolute;
    top: -5px;
  }
  
  /* navi */
  .fsn .fsn_contents .fsn_nav {
    width: 95%;
    margin: 0 auto;
  }
  .fsn .fsn_contents .fsn_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 3vw;
  }
  .fsn .fsn_contents .fsn_nav ul li {
    width: 49%;
    flex-basis: 49%;
    max-width: 49%;
    padding-bottom: 1vw;
  }
  .fsn .fsn_contents .fsn_nav ul li.sp {
    width: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .fsn .fsn_contents .fsn_nav ul li.alter, 
  .fsn .fsn_contents .fsn_nav ul li.ticket {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  
  .fsn .fsn_copy {
    padding: 2vw 0;
  }
  
  
  /* second */
  .fsn .fsn_contents .sec {
    width: 100%;
    background: #fff url("../img/fsn_sec.png") no-repeat center top;
    -webkit-background-size: 5vw auto;
    -moz-background-size: 5vw auto;
    -o-background-size: 5vw auto;
    padding-bottom: 3vw;
  }
  .fsn .fsn_contents .sec .ex {
    width: 90%;
    margin: 0 auto;
    padding-top: 5vw;
  }
  .fsn .fsn_contents .sec .date {
    width: 95%;
    margin: 2vw auto 0;
    background: #ccc;
  }
  .fsn .fsn_contents .sec .date h4 {
    background: url("../img/fsn_date_ttl_bg.png") repeat-y;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    height: 10vw;
  }
  .fsn .fsn_contents .sec .date h4 img {
    position: relative;
    height: 5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .fsn .fsn_contents .sec .date p {
    width: 90%;
    margin: 0 auto;
    padding: 2vw 0 0;
  }
  .fsn .fsn_contents .sec .date ul.caut {
    padding: 2vw;
  }
  .fsn .fsn_contents .sec .bx {
    width: 95%;
    margin: 2vw auto 0;
    padding-bottom: 3vw;
    box-sizing: border-box;
    border-left: 1px solid #3a1e50;
    border-right: 1px solid #3a1e50;
    border-bottom: 1px solid #3a1e50;
  }
  .fsn .fsn_contents .sec .bx h4 {
    height: 10vw;
    background: url("../img/fsn_bx_ttl_bg_sp.png") no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
  }
  .fsn .fsn_contents .sec .bx h4 img {
    position: relative;
    height: 5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .fsn .fsn_contents .sec .img.bx p, 
  .fsn .fsn_contents .sec .flow.bx p {
    width: 95%;
    margin: 0 auto;
    padding-top: 2vw;
  }
  .fsn .fsn_contents .sec .img.bx ul.caut, 
  .fsn .fsn_contents .sec .flow.bx ul.caut {
    text-align: left;
    padding: 1vw 2vw 0;
  }
  .fsn .fsn_contents .sec .itemlist.bx table {
    width: 96%;
    margin: 2vw auto 0;
    border-collapse: collapse;
  }
  .fsn .fsn_contents .sec .itemlist.bx table th, 
  .fsn .fsn_contents .sec .itemlist.bx table td {
    padding: .5vw;
    border: 1px solid #3a1e50;
    background: #cccccc;
    font-size: 1rem;
  }
  .fsn .fsn_contents .sec .itemlist.bx table th {
    background: #3a1e50;
    color: #fff;
    text-align: center;
    white-space: nowrap;
  }
  .fsn .fsn_contents .sec .itemlist.bx .t_mk, 
  .fsn .fsn_contents .sec .itemlist.bx .t_yr {
    text-align: center;
    white-space: nowrap;
  }
  .fsn .fsn_contents .sec .itemlist.bx .t_pr {
    text-align: right;
  }
  .fsn .fsn_contents .sec .itemlist.bx table .even td {
    background: #b1b1b1;
  }
  .fsn .fsn_contents .sec .itemlist.bx ul.caut {
    padding: 1vw 2vw 0;
    text-align: left;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop {}
  .fsn .fsn_contents .sec .itemlist.bx .pop dl {}
  .fsn .fsn_contents .sec .itemlist.bx .pop dl dt, 
  .fsn .fsn_contents .sec .itemlist.bx .pop dl dd {
    padding: 2vw 2vw 0;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop dl dt {
    width: 70%;
    margin: 0 auto;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop ul.caut {
    padding: 0 2vw;
  }
  .fsn .fsn_contents .sec .itemlist.bx .pop ul.caut li {
    text-align: center;
  }
  
  .fsn .fsn_contents #retweet .date {
    padding-bottom: 2vw;
  }
  .fsn .fsn_contents #retweet .date p {
    width: 60%;
    margin: 0 auto;
  }
  .fsn .fsn_contents #retweet .img {
    border-top: 1px solid #3a1e50;
  }
  .fsn .fsn_contents #retweet .btn {
    width: 80%;
    margin: 0 auto;
    padding: 4vw 0 2vw;
  }
  .fsn .fsn_contents .sec .result.bx p, 
  .fsn .fsn_contents .sec .result.bx ul.caut {
    padding: 1em 2vw 0;
    text-align: left;
  }
  .fsn .fsn_contents .sec .result.bx p span {
    display: block;
    padding-bottom: 1em;
  }
  
  /* goods */
  .fsn .fsn_contents #goods, 
  .fsn .fsn_contents #jelly {
    margin-bottom: 4vw;
  }
  .fsn .fsn_contents .goods .sec {
    padding-top: 2vw;
  }
  .fsn .fsn_contents .goods .date {
    padding-bottom: 1vw;
  }
  .fsn .fsn_contents .goods .date p {
    width: 70%;
    margin: 0 auto;
  }
  .fsn .fsn_contents #originalimg.goods .date p {
    width: 95%;
  }
  .fsn .fsn_contents .goods .date p.att {
    width: 95%;
    margin: 2vw auto;
    padding: 2vw;
    background: #fff;
    border: 1px solid #8f44b0;
  }
  .fsn .fsn_contents .goods .date .att2 {
    width: 90%;
    padding: 1em 0 0;
    font-size: 1.2rem;
    color: #ff0000;
    text-align: center;
  }
  .fsn .fsn_contents #originalimg.goods .att {
    width: 95%;
    margin: 2vw auto;
  }
  .fsn .fsn_contents .goods .sec .img.bx h4 {
    height: 15vw;
    background: url("../img/fsn_goodsimg_ttl_bg_sp.png") no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
  }
  .fsn .fsn_contents .goods .sec .img.bx h4 img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10vw;
  }
  .fsn .fsn_contents .goods .sec .img.bx.alterman h4 img {
    height: 5vw;
  }
  .fsn .fsn_contents .goods .sec .img.bx .pr img {
    height: 6vw;
    width: auto;
  }
  .fsn .fsn_contents #jelly.goods .sec .img.bx.alterman .limit {
    text-align: left;
  }
  .fsn .fsn_contents #jelly.goods .sec .img.bx .limit img {
    height: 7vw;
    width: auto;
  }
  .fsn .fsn_contents .goods .sec .img.bx .btn {
    width: 80%;
    margin: 2vw auto 0;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx p {
    padding: 2vw;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx dl {
    width: 95%;
    margin: 2vw auto 0;
    border-top: 1px solid #3a1e50;
    font-size: 1.3rem;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx dl dt, 
  .fsn .fsn_contents .goods .sec .loppi.bx dl dd {
    padding-top: 1em;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry {
    width: 95%;
    margin: 2vw auto 0;
    padding-bottom: 2vw;
    box-sizing: border-box;
    border: 1px solid #3a1e50;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry h5 {
    background: #8f44b0;
    padding: 2vw 0;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry h5 img {
    height: 6vw;
    width: auto;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry ol {
    display: block;
    width: 95%;
    margin: 2vw auto 0;
    border-top: 1px solid #3a1e50;
    list-style-type: none;
    text-align: left;
  }
  .fsn .fsn_contents .goods .sec .loppi.bx .loppi_entry ol li {
    padding: 1vw;
    border-left: 1px solid #3a1e50;
    border-right: 1px solid #3a1e50;
    border-bottom: 1px solid #3a1e50;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx dl {
    border: none;
    margin-top: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry {
    width: 95%;
    padding: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry h5 {
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol {
    margin: 0;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol li {
    border: none;
  }
  .fsn .fsn_contents #originalimg.goods .sec .loppi.bx .loppi_entry ol li:first-child {
    border-bottom: 1px solid #3a1e50;
  }
  
  .fsn .fsn_contents .goods .sec .loppi.bx .loppientry_btn, 
  .fsn .fsn_contents .goods .sec .loppi.bx .loppiweb_btn {
    width: 95%;
    margin: 0 auto;
    padding-top: 2vw;
  }
  .fsn .fsn_contents .goods .sec .sec_caut {
    padding: 2vw 2vw 0;
    text-align: left;
  }
  
  .fsn .fsn_contents .pagetop {
    width: 80%;
    margin: 0 auto;
    padding: 6vw 0;
  }


}