@charset "UTF-8"; .mainFull > .inner { max-width: 710px; margin: 30px auto; padding-left: 16px; padding-right: 16px; } .cpnMainVisual { border: 0; max-width: 1290px; margin: 0 auto 30px; line-height: 0; } .cpnMainVisual + .inner > .notes > li{ font-size: 16px; font-size: 1.6rem; } .notes > li.nestList { display: block; } .notes > li.nestList > ul { display: block; margin-top: 10px; padding-left: 20px; } .cpnItemInner { max-width: 950px; margin: 0 auto; } .lytCol01 *, .lytCol01 *::before, .lytCol01 *::after { box-sizing: border-box; } .lytCol01 { display: flex; flex-flow: wrap; justify-content: space-between; } .lytCol01 > .col { width: calc((100% - (10px * 1)) / 2); margin-top: 10px; } .cpnItemContainer { border: 1px solid #d3d3d3; } .cpnItemContainer > .lead { text-align: center; background: #111111; padding: 12px 0 8px; margin-bottom: 0; } .cpnItemContainer > .lead > span { color: #ffffff; font-size: 2rem; font-weight: bold; } .cpnItemBlock { padding: 30px 30px 10px; display: flex; flex-flow: wrap; } .cpnItemBlock > .text { padding-left: 20px; flex: 1 0 auto; } .cpnItemBlock > .text > .cap { margin-bottom: 5px; } .cpnItemBlock > .text > .name { font-size: 2rem; line-height: 1.2; } .cpnItemBlock > .text > .name .num { font-size: 1.6rem; } .cpnItemBlock > .text > .people, .cpnItemContainer02 .cpnItemBlock> .text > .textInner > .people { font-size: 1.6rem; text-align: right; margin-bottom: 18px; line-height: 1; } .cpnItemBlock > .text > .people > em, .cpnItemContainer02 .cpnItemBlock> .text > .textInner > .people > em { font-size: 4rem; } .cpnItemContainer02 { position: relative; padding: 30px 85px 30px 180px; margin: 20px 0; } .cpnItemContainer02 .cpnItemBlock { padding: 0; } .cpnItemContainer02 .cpnItemBlock > .flag { position: absolute; left: 0; top: -10px; } .cpnItemContainer02 .cpnItemBlock> .text { position: relative; } .cpnItemContainer02 .cpnItemBlock > .text > .name { margin-bottom: 0; } .cpnItemContainer02 .cpnItemBlock> .text > .lead { width: 220px; background: #111111; text-align: center; padding: 4px 0 2px; } .cpnItemContainer02 .cpnItemBlock > .text > .lead > b { color: #ffffff; font-size: 2rem; } .cpnItemContainer02 .cpnItemBlock> .text > .textInner { position: absolute; right: 0; bottom: 0; } .cpnItemContainer02 .cpnItemBlock> .text > .textInner > .people { margin-bottom: 20px; } .confirmBtn { text-align: center; margin-bottom: 0; flex: 1 0 auto; } .confirmBtn > a { background: #eee; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; color: #223 !important; display: inline-block; font-size: 1.3rem; line-height: 1.3em; text-align: center; text-decoration: none; padding: 11px 0; width: 300px; } .confirmBtn.small > a { width: 244px; } .closingBtn { color: #e00000 !important; border: 1px solid #e00000; } .cpnItemInner + * { margin-top: 35px; } .cpnMainVisual > p { margin: 0; } .confirmBtn .linkIcon { margin-right: 0; } .cpnItemNotes > li { font-size: 1.6rem; } .cpnItemNotes > li > a { display: inline; } @media only screen and (max-width: 767px) { .mainFull > .inner { margin: 20px auto; } .cpnMainVisual { margin-top: 0; margin-bottom: 20px; } .cpnMainVisual + .inner > .notes > li{ font-size: 12px; font-size: 1.2rem; } .type-premium, a.mballTopLink { display:none; } a.premiumLink { display:block; } .lytCol01 { display: block; } .lytCol01 > .col { width: 100%; } .cpnItemBlock { display: block; } .cpnItemBlock > .img { margin-bottom: 18px; } .cpnItemBlock > .img, .cpnItemBlock > .text { text-align: center; } .cpnItemBlock > .text { padding-left: 0; } .cpnItemBlock > .text > .cap, .cpnItemBlock > .text > .name { text-align: left; } .cpnItemContainer02 { padding: 30px 30px 10px; } .cpnItemContainer02 .cpnItemBlock> .text > .lead { width: auto; } .cpnItemContainer02 .cpnItemBlock> .text > .textInner { position: static; } .cpnItemContainer02 > .cpnItemBlock > .img { margin-top: 50px; } .confirmBtn > a, .confirmBtn.small > a { width: 80%; } .cpnItemInner { padding: 0 16px 0; } .cpnItemNotes > li { font-size: 1.2rem; } }