.breadcrumb-content { padding: 5px 0; }
@media screen and (min-width: 768px) { .breadcrumb-content { padding: 7px 0; } }

.kome { margin-bottom: 20px; font-size: 11px; color: #333333; }

.expired { color: red; text-align: center; font-weight: 500; background-color: #FAE0E0; padding: 10px; }

.main355 { background-color: #ffffff; }

.main-section { background: url("../../../../../images/pages/f-static/campaign/360/360_bg_002s.png"), url("../../../../../images/pages/f-static/campaign/360/360_bg_001s.jpg"); background-size: 100%,cover; background-position: bottom,center; background-repeat: repeat-x,no-repeat; }
@media screen and (min-width: 768px) { .main-section { background: url("../../../../../images/pages/f-static/campaign/360/360_bg_002.png"), url("../../../../../images/pages/f-static/campaign/360/360_bg_001.jpg"); background-size: 1000px,cover; background-repeat: repeat-x,no-repeat; background-position: bottom,center; height: 800px; } }
.main-section_inner { width: min(100%, 1200px); margin: auto; position: relative; }
.main-section_inner .limit, .main-section_inner .deco { position: absolute; }
.main-section_inner .ttlimg { margin-top: 80px; width: min(86%, 630px); margin: auto; display: block; padding-top: clamp(40px, -5.000px + 7.5vw, 70px); }
.main-section_inner .limit { top: 53vw; width: 23%; right: 2vw; z-index: 1; }
@media screen and (min-width: 768px) { .main-section_inner .limit { top: 300px; width: 130px; right: 300px; } }
.main-section_inner .deco { top: 80px; width: 100px; right: 100px; }
.main-section_inner .cpnbox { position: relative; width: 100%; padding-bottom: 140px; margin-top: clamp(30px, 0.000px + 5vw, 50px); margin-left: auto; margin-right: auto; }
.main-section_inner .cpnbox img { width: 100%; }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox { width: 550px; } }
.main-section_inner .cpnbox .code { position: absolute; top: 31.5vw; left: 50%; font-size: min(4.5vw, 21px); font-weight: 700; }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .code { top: 195px; left: 280px; } }
.main-section_inner .cpnbox .copybtn { position: absolute; top: 40vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .copybtn { top: 235px; } }
.main-section_inner .cpnbox .copybtn #copyButton { letter-spacing: 0.15em; }
.main-section_inner .cpnbox .copybtn .btn { margin: auto; background-color: #231815; color: #ffffff; padding: 3px 10px; font-weight: 500; font-size: clamp(11px, 2vw, 13px); transition: all .3s; height: 28px; text-align: center; display: block; border-radius: 5px; }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .copybtn .btn { width: 250px; padding: 5px 15px; height: 33px; } }
@media screen and (min-width: 768px) { .main-section_inner .cpnbox .copybtn .btn:hover { background-color: #BCBCBC; color: #231815; } }
.main-section_inner .cpnbox .copybtn #message { opacity: 0; }
.main-section_inner .cpnbox .copybtn #message.is-active { opacity: 1; }
.main-section_inner .cpnbox .copybtn .mseg { position: absolute; top: 40px; width: 190px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #ffffff; font-size: 13px; color: #94775b; padding: 6px 15px 6px; border: #94775b solid 2px; text-align: center; margin-bottom: 10px; border-radius: 5px; font-weight: 600; }

.bg-brwn { background-color: #eddfd3; padding: 20px; }

.itemsec { width: min(100%, 1200px); margin: 50px auto 50px; }
.itemsec .itemttl { width: min(100%, 550px); margin: 10px auto 40px; display: block; }

.notice-section { margin: -70px 15px 10px; }
.notice-section .txtbox { width: min(94%, 760px); margin: auto; padding-bottom: 50px; }
.notice-section .txtbox p { font-size: clamp(14px, 2.5vw, 16px); line-height: 1.8; }
.notice-section .txtbox h3 { color: #cf433a; font-size: clamp(16px, 3vw, 18px); }