@charset "UTF-8";

/* sass */
.test { font-family: 'M PLUS 1p', sans-serif; }

img { width: 100%; max-width: 100%; height: auto; }

.l-body-main { background: url(../image/img_bg_sp.jpg) no-repeat center bottom; margin: -10px -10px 0; background-size: cover; padding-bottom: 180px; }

.l-foot, .pc .l-foot { margin: 0; }

.l-foot .link-top, .pc .l-foot .link-top { height: 0; padding: 0; }

.margT10 { margin-top: 10px; }

.wrap-mv { margin: -10px 0 0; }

.wrap-mv h1 { font-size: 0; }

.wrap-txt { color: #3856d0; font-size: 2.8rem; font-family: "M PLUS 1p", sans-serif; margin: 60px 20px 0; text-align: center; text-shadow: 4px  4px 2px #ffffff, -4px  4px 2px #ffffff, 4px -4px 2px #ffffff, -4px -4px 2px #ffffff, 4px  0px 2px #ffffff, 0px  4px 2px #ffffff, -4px  0px 2px #ffffff, 0px -4px 2px #ffffff; }

.wrap-txt .txt-xl { font-size: 4.6rem; }

.wrap-txt .txt-l { font-size: 3.6rem; }

.wrap-txt.pt02 { margin-top: 0px; }

.wrap-txt.pt03 { margin-bottom: 0; margin-top: 20px; }

.wrap-cnt { max-width: 395px; margin: auto; }

.wrap-sec { margin: 45px 10px 0; }

.hdg-lv2 { color: #3856d0; font-size: 2.8rem; line-height: 1.4; font-family: "M PLUS 1p", sans-serif; text-align: center; }

.hdg-lv2:before, .hdg-lv2:after { content: ""; background: url(../image/img_hdg.png) no-repeat center; background-size: contain; display: inline-block; width: 100%; height: 45px; }

.hdg-lv2::before { margin-bottom: -5px; transform: rotate(180deg); }

.hdg-lv3, .txt-st { font-size: 1.4rem; }

.txt-lead { line-height: 1.5; text-align: center; }

.hdg-line { position: relative; padding: 0 30px; }

.hdg-line > * { display: inline-block; }

.hdg-line:before, .hdg-line:after { content: "/"; display: inline-block; position: absolute; bottom: 0; }

.hdg-line:before { left: 0; transform: scaleX(-1); }

.hdg-line:after { right: 0; }

.txt-rim { color: #3856d0; font-size: 2rem; font-weight: bold; text-shadow: 4px  4px 2px #ffffff, -4px  4px 2px #ffffff, 4px -4px 2px #ffffff, -4px -4px 2px #ffffff, 4px  0px 2px #ffffff, 0px  4px 2px #ffffff, -4px  0px 2px #ffffff, 0px -4px 2px #ffffff; }

.txt-red { color: #c62828; }

.box-data { padding: 20px; background-color: #ffffff; margin-top: 20px; }

.list-card .item-card { background: #fff; padding: 24px; border: 2px solid #b7bed8; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; }

.list-card .item-card + .item-card { margin-top: 24px; }

.list-card .item-card .card-title { color: #3856d0; font-size: 1.6rem; font-family: "M PLUS 1p", sans-serif; text-align: center; min-height: 54px; display: flex; align-items: center; justify-content: center; }

.list-card .item-card .card-img { margin-top: 10px; margin-bottom: 20px; }

.list-card .item-card .card-img.no1 { margin-left: 15px; margin-right: -15px; }

.list-card .item-card .card-img.no4 { margin-left: 10px; margin-right: -10px; margin-bottom: 0; }

.list-card .item-card .card-txt { font-size: 1.4rem; }

.list-card.pt-num .item-card { padding-top: 48px; margin-top: 46px; }

.list-card.pt-num .item-card + .item-card { margin-top: 66px; }

.list-card.pt-num .item-card .card-num { position: relative; }

.list-card.pt-num .item-card .card-num img { position: absolute; top: -94px; left: 0; right: 0; margin: auto; display: block; max-width: 92px; max-height: 92px; }

.list-logo { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: center; margin-left: -15px; }

.list-logo li { width: 540px; margin-left: 15px; }

.list-logo li .u-pl-34-15 { padding-left: 15px; }

.list-logo li.bg-pt1 { background-image: url(/content/title/Idolmaster/cg_customize_myonlyone/image/img_bg01.jpg); background-repeat: no-repeat; }

.list-logo li.bg-pt2 { background-image: url(/content/title/Idolmaster/cg_customize_myonlyone/image/img_bg02.jpg); background-repeat: no-repeat; }

.list-logo li .wrap-lst-img { display: flex; padding: 15px; }

.list-logo li .u-p-sp { padding: 0 15px; }

.list-logo li .wrap-img-desc { text-align: center; padding: 0 15px; }

.list-logo li .wrap-img-desc img { width: auto; }

.list-logo li:nth-child(n+2) { margin-top: 24px; }

.list-logo li:nth-child(n+4) { margin-top: 10px; }

.wrap-note { padding: 0 10px; }

.list-note { line-height: 1.5; font-size: 14px; color: #303030; }

.list-note.pt1 { margin-top: 50px; }

.list-note li { display: table; }

.list-note li span { display: table-cell; }

.wrap-items { background: #fff; padding: 24px; border: 2px solid #b7bed8; border-radius: 2px; }

.wrap-items .item-txt { border-bottom: 2px solid #7480b3; padding: 15px 0; margin-bottom: 20px; }

.wrap-items .item-txt p { font-size: 2rem; font-weight: bold; }

.wrap-items .item-img { margin-top: 10px; }

.wrap-items .item-note { margin-top: 12px; }

.wrap-items .hdg-lv3 { margin-top: 12px; }

.wrap-items:nth-child(n+3) { margin-top: 34px; }

.item-dl > div { display: flex; align-items: center; flex-wrap: wrap; margin-top: 12px; }

.item-dl > div + div { margin-top: 10px; }

.item-dl > div dt { font-size: 1.4rem; width: 7rem; }

.item-dl > div dd { width: calc(100% - 7rem); }

.item-dl > div dd > ul { display: flex; flex-wrap: wrap; margin-left: -4px; }

.item-dl > div dd > ul li { margin: 0 0 4px 4px; }

.item-btn { display: inline-block; color: #ffffff; background: #4460d7; border: 1px solid #3856d0; min-width: 52px; padding: 12px; text-align: center; }

.item-btn.pt01 { display: block; }

.txt-close { font-size: 2rem; color: #ffffff; font-weight: bold; background: #cccccc; padding: 10px 20px; text-align: center; margin-top: 5px; }

.txt-m { font-size: 2rem; }

.fw-b { font-weight: bold; }

.wrap-img { margin-top: 30px; }

.block-btn { margin-top: 30px; }

.list-color-size { margin-top: 5px; }

.list-color-size .item:nth-child(n + 2) { margin-top: 10px; }

.list-color-size .list-size { margin-top: 5px; display: flex; flex-wrap: wrap; margin-left: -2px; }

.list-color-size .list-size > li { width: 20%; padding-left: 2px; }

.list-color-size .list-size > li .click { color: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; width: 100%; height: 43px; padding: 10px; background-color: #4460d7; border: 1px solid #3856d0; }

.list-color-size .list-size > li:nth-child(n + 6) { margin-top: 2px; }

.list-color-size + .list-color-size { margin-top: 10px; }

.btn-accodinate { margin-top: 20px; margin-bottom: 30px; }

.btn-accodinate .click { display: block; padding: 10px; text-align: center; border: 1px solid #3856d0; color: #333; font-size: 1.4rem; }

.btn-accodinate .click span { position: relative; padding-right: 13px; }

.btn-accodinate .click span:after { position: absolute; content: ""; width: 9px; height: 6px; background: url(../image/ico_arrow_down.png); background-size: contain; background-repeat: no-repeat; top: 0; bottom: 0; right: 0; margin: auto; }

.btn-accodinate .click.accordionActive span:after { transform: rotate(-180deg); }

.block-accodinate { display: none; }

.block-accodinate.accordionActive { display: block; }

.list-detail { margin-bottom: 20px; padding-left: 1em; }

.list-detail .item { display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #7480b3; }

.list-detail .item .title { font-size: 1.4rem; font-weight: bold; color: #fff; background-color: #7480b3; text-align: center; padding: 5px 15px; margin-bottom: 6px; }

.list-detail .item .txt-st { color: #333; }

.block-accodinate .list-color-size { margin-top: 10px; }

.list-model { margin-top: 10px; display: flex; flex-wrap: wrap; margin-left: -10px; }

.list-model .item-model { width: 33.33%; padding-left: 10px; }

.list-model .item-model:nth-child(n+4) { margin-top: 10px; }

.pc #l-all { min-width: 1280px; overflow: hidden; }

.pc .l-head .wrap-head-sub-content .inner { width: 1280px; padding: 0 120px; }

.pc .l-body-main { background: url(../image/img_bg_pc.jpg) no-repeat center bottom; background-size: contain; margin: 0 -100%; padding: 0 100% 240px 100%; }

.pc .wrap-mv { margin: auto; padding-top: 15px; }

.pc .wrap-mv h1 { text-align: center; }

.pc .wrap-mv h1 img { width: 1280px; height: auto; }

.pc .wrap-mv .wrap-txt { margin: 0px 0 0; }

.pc .wrap-txt { font-size: 4rem; line-height: 1.3; }

.pc .wrap-txt .txt-xl { font-size: 6.4rem; }

.pc .wrap-txt .txt-l { font-size: 5.2rem; }

.pc .wrap-txt .txt-m { font-size: 3.2rem; line-height: 1.8; }

.pc .wrap-txt.pt01 { font-size: 3.2rem; margin-top: 15px; }

.pc .wrap-txt.pt01 .txt-l { font-size: 5rem; }

.pc .wrap-txt.pt02 { font-size: 5rem; }

.pc .wrap-txt.pt03 { margin: 30px 0 10px; }

.pc .wrap-txt.pt03 .txt-m { line-height: 1.5; }

.pc .wrap-note { padding: 0; }

.pc .wrap-cnt { width: 1200px; max-width: none; padding: 0 40px; margin: auto; }

.pc .wrap-sec { margin: 95px 0 0; }

.pc .hdg-lv2 { font-size: 2.8rem; line-height: 1.6; }

.pc .hdg-lv2:before { margin: 0; }

.pc .hdg-lv2::after { margin-top: 15px; }

.pc .hdg-line:before, .pc .hdg-line:after { position: relative; bottom: auto; }

.pc .hdg-line:before { left: auto; margin-right: 30px; }

.pc .hdg-line:after { right: auto; margin-left: 30px; }

.pc .txt-rim { font-size: 2rem; }

.pc .list-card { display: flex; flex-wrap: wrap; margin-left: -31px; }

.pc .list-card .item-card { width: 256px; padding: 24px 20px; margin-left: 31px; border: 3px solid #b7bed8; }

.pc .list-card .item-card + .item-card { margin-top: 24px; }

.pc .list-card .item-card .card-img { width: 208px; margin: auto; margin-top: 15px; margin-bottom: 35px; }

.pc .list-card .item-card .card-img.no1 { margin-left: 15px; }

.pc .list-card .item-card .card-img.no4 { width: 232px; margin-bottom: 3px; }

.pc .list-card .item-card .card-title { font-size: 1.8rem; }

.pc .list-card .item-card .card-txt { font-size: 1.6rem; }

.pc .list-card.pt-num .item-card { padding-top: 48px; margin-top: 66px; }

.pc .list-logo { display: flex; flex-wrap: wrap; margin-left: 0; margin-top: 40px; justify-content: center; margin-left: -25px; }

.pc .list-logo li { width: 540px; margin-left: 25px; }

.pc .list-logo li .u-pl-34-15 { padding-left: 34px; }

.pc .list-logo li.bg-pt1 { background-image: url(/content/title/Idolmaster/cg_customize_myonlyone/image/img_bg01.jpg); background-repeat: no-repeat; }

.pc .list-logo li.bg-pt2 { background-image: url(/content/title/Idolmaster/cg_customize_myonlyone/image/img_bg02.jpg); background-repeat: no-repeat; }

.pc .list-logo li .wrap-lst-img { display: flex; padding: 15px 15px 10px; }

.pc .list-logo li .wrap-img-desc { text-align: center; }

.pc .list-logo li .wrap-img-desc img { width: auto; }

.pc .list-logo li:nth-child(n+2) { margin-top: 0; }

.pc .list-logo li:nth-child(n+3) { margin-top: 55px; }

.pc .block-btn { text-align: center; margin-top: 50px; }

.pc .block-btn a:hover { opacity: 0.8; cursor: pointer; }

.pc .block-btn img { width: 543px; }

.pc .wrap-items { padding: 30px; margin-top: 20px; border: 3px solid #b7bed8; }

.pc .wrap-items .item-box { position: relative; padding-left: 465px; min-height: 440px; }

.pc .wrap-items .item-box .item-txt p { font-size: 2.8rem; }

.pc .wrap-items .item-box .item-txt p + p { margin-top: 5px; }

.pc .wrap-items .item-box .item-img { position: absolute; top: 0; left: 0; width: 440px; margin: 0; }

.pc .wrap-items:nth-child(n+3) { margin-top: 34px; }

.pc .wrap-img { text-align: center; }

.pc .wrap-img img { width: auto; }

.pc .item-dl { display: flex; align-items: center; justify-content: space-between; }

.pc .item-dl > div + div { margin-top: 0; }

.pc .item-btn { transition: opacity 0.3s; }

.pc .item-btn:hover { opacity: .8; }

.pc .list-color-size { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: 20px; }

.pc .list-color-size .item { width: 50%; padding-left: 30px; }

.pc .list-color-size .item:nth-child(n + 2) { margin-top: 0; }

.pc .list-color-size .item:nth-child(n + 3) { margin-top: 20px; }

.pc .list-color-size .item .block { display: flex; flex-wrap: nowrap; align-items: center; }

.pc .list-color-size .item .block .list-size { width: 430px; }

.pc .list-color-size .item .block .txt-st { width: calc(100% - 430px); padding-right: 5px; }

.pc .list-color-size .list-size { margin-top: 0; display: flex; flex-wrap: wrap; margin-left: -3px; }

.pc .list-color-size .list-size > li { width: 20%; padding-left: 3px; }

.pc .list-color-size .list-size > li .click { transition: opacity 0.3s; padding-top: 29px; padding-bottom: 29px; }

.pc .list-color-size .list-size > li .click:hover { opacity: 0.8; }

.pc .list-color-size .list-size > li:nth-child(n + 6) { margin-top: 3px; }

.pc .list-detail { display: flex; flex-wrap: wrap; padding: 0 1em; margin-left: -30px; }

.pc .list-detail .item { width: 500px; margin-left: 28px; }

.pc .list-detail .item .title { text-align: left; }

.pc .list-detail .item .txt-st { padding: 5px 15px; }

.pc .list-color-size + .list-color-size { margin-top: 20px; }

.pc .block-accodinate .list-color-size { margin-top: 20px; }

.pc .btn-accodinate { width: 515px; margin: 0 auto; margin-top: 30px; margin-bottom: 40px; }

.pc .btn-accodinate .click { padding: 12px; }

.pc .btn-accodinate .click:hover { cursor: pointer; opacity: 0.8; }

.pc .list-model { margin-left: -30px; }

.pc .list-model .item-model { width: 20%; padding-left: 30px; }

.pc .list-model .item-model:nth-child(n+4) { margin-top: 0; }

.pc .list-model .item-model:nth-child(n+6) { margin-top: 30px; }

.pc .wrap-items .hdg-lv3 { margin-top: 25px; }

.mv-link { color: #c62828; line-height: 1.6em; display: inline-block; background: rgba(255, 255, 255, 0.3); padding: 20px; border-radius: 20px; font-size: 1.7rem; }

.mv-link:hover { background: rgba(255, 255, 255, 0.5); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .list-card .item-card .card-title:after { content: ""; display: block; min-height: inherit; font-size: 0; } }

.img-cautions {width: 50%;}
.img-cautions img {width: 50%;}
.pc .img-cautions {width: 25%;}

.flexbox { display: flex; flex-wrap: wrap; }
.pc .flexbox.flexbox-pc-nowrap { flex-wrap: nowrap; }
.flexbox-child { width: 100%; }

.wrap-date { text-align: center; margin: 2em 0; }
.wrap-date img { width: auto; }

.pc-show { display: none; }
.pc .pc-show { display: inline-block; }
.pc .sp-show { display: none; }

.ptend span {
    display: inline-block;
    background-color:#ffffff77;
    color: darkorange;
    font-size: 2rem !important;
    padding: 20px;
    border-radius: 10px;
    word-break:break-all;
}