#TOPICS.cam2026 #ALLCONTENTS .inner {
width: 102rem;
margin: 0 auto;
}

#TOPICS.cam2026 #TOPICSBOX2 {
width: 100%!important;
margin: 0!important;
}

#ALLCONTENTS {
width: 100%!important;
}

#TOPICS.cam2026 .contents {
padding: 0;
}

#TOPICS.cam2026 .hikarilogo {
width: 8.4rem;
position: absolute; 
}

@media only screen and (min-width: 1px) and (max-width: 1024px){
#TOPICS.cam2026 #ALLCONTENTS .inner {
width: 95% !important;
margin: 0 auto;
}
}

#TOPICS.cam2026 .pc-block {
display: block;
}

#TOPICS.cam2026 .sp-block {
display: none;
}

@media only screen and (min-width: 1px) and (max-width: 899px){
#TOPICS.cam2026 .pc-block {
display: none;
}

#TOPICS.cam2026 .sp-block { 
display: block;
}
}




/**************************************************************** #CAN0fl26top メインイメージ*/

#CAN0fl26top { 
background: url(/topics/campa_img/fl_2026/campaign_backimg.avif) center top #420001;
background-size: auto;
position: relative;
background-repeat: repeat;
aspect-ratio: 1920 / 1033;
}

.back-top {
background: url(/topics/campa_img/fl_2026/campaign_backimg_top.avif) center top;
background-size: 150rem;
position: relative;
background-repeat: repeat-x;
height: 80px;
}

.fl26title { 
position: relative;
display: block; 
max-width:90rem; 
width: 100%; 
margin: 0 auto; 
}


.fl26title img:nth-of-type(2) {
position: absolute;
top: 0;
right: 0;
max-width: 21%;
}

.big-dato {
display: flex;
justify-content: space-around;
margin-top: -7rem;
}

.big-img {
width: 94%;
position: relative;
margin-left: -19%;
}

.big-wrapper {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
animation: fadeIn 1.5s ease forwards, float 3s ease-in-out 1.5s infinite;
}

.big-wrapper img:nth-child(1) {
position: absolute;
max-width: 67%;
bottom: 27%;
left: 17%;
filter: drop-shadow(5px 5px 29px #505050);
}

@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

@keyframes float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-40px);
}
100% {
transform: translateY(0);
}
}

.big-wrapper img:nth-child(2) {
position: absolute;
top: 17%;
max-width: 13%;
right: 21%;
animation: puff 2s ease-out infinite;
}

@keyframes puff {
0% {
transform: scale(0);
opacity: 0;
}
30% {
transform: scale(1.1);
}
50% {
opacity: 1;
}

100% {
transform: scale(0.8);
opacity: 0;
}
}

.big-70 {
width: 52%;
position: relative;
margin-left: -24%;
z-index: 10; 
}

.big-70 img:nth-child(1) {
max-width: 56%;
float: right;
margin-top: 16%;
}

.big-70 img:nth-child(2) {
max-width: 66%;
float: left;
margin-left: 16%;
margin-top: -20%;
}

.big-70 img:nth-child(3) {
position: absolute;
bottom: 22%;
max-width: 100%;
z-index: -1;
}

.w-chance {
max-width: 72rem;
width: 90%;
margin: auto;
margin-top: -14%;
position: relative;
}

.w-chance p {
color: #fff;
}

.campaign-prize {
display: flex;
width: 100%;
max-width: 56rem;
justify-content: center;
position: relative;
margin: 10rem auto;
}

.campaign-prize img:nth-child(1) {
display: block;
filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 2px white);
}

.campaign-prize img:nth-child(2) {
max-width: 31%;
margin-top: 5rem;
display: flex;
width: 100%;
position: absolute;
right: -17rem;
top: -3rem;
}

.ouboPDF {
display: flex;
width: 100%;
justify-content: center; 
}

.ouboPDF .pdfdl img {
max-width: 53rem;
}


@media only screen and (min-width: 900px), print{
#ALLCONTENTS {
padding: 0;
margin: 0 !important;
}
}

/* SP */

@media only screen and (max-width: 768px) {
.back-top {
background-size: 114rem;
height: 50px;
}
}

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


.fl26title {
width: 87%;
}

.fl26title img:nth-of-type(2) {
max-width: 22%;
}

.campaign-prize img:nth-child(1) {
max-width: 90%;
}

.campaign-prize img:nth-child(2) {
margin-top: -9%;
max-width: 28%;
right: 0;
}
}


@media only screen and (min-width: 1px) and (max-width: 425px){
#CAN0fl25top {
background-size: 115% auto;
}

#TOPICS.cam2026 .hikarilogo {
width: 17%;
top: 2%;
}

.fl26title{
width: 100%; 
}

@keyframes float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0);
}
}

.campaign-prize {
margin: 10rem auto 5rem;
}

.campaign-prize img:nth-child(1) {
max-width: 100%;
}

.campaign-prize img:nth-child(2) {
margin-top: -5rem;
max-width: 35%;
}
}


/******************************************************************** .ouboBOX 応募期間 
*/
.ouboBOX {
padding-top: 3%;
max-width: 120rem;
margin: 0 auto;
}

p.allprosimg {
width: 100%;
padding: 0;
}

p.allprosimg img {
max-width: 640px;
margin: 2rem auto 2rem;
display: block;
width: 100%;
}

div.ouboBOX .inner {
padding: 0 0 60px ;
margin: 30px auto 0 ;
max-width: 1200px;
overflow: hidden;
box-sizing: border-box;
}

p.pdfdl .txt_s {
color: #FFF;
padding: 2rem 0;
display: block;
}

#FLCAM p.pdfdl .txt_s {
color: #222;
}

p.pdfdl img {
display: block;
width:100%;
max-width:530px;
}

p.pdfdl :hover {
opacity: 0.8;
}

.canBOX {
width: 100%;
background: rgba(255, 255, 255, 0.7);
border-radius: 10px;
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding:1.5em 2em;
}

div.CANget {
width: 50%;
}


div.CANget p.ouboread {
width: 100%;
padding: 0;
}

div.CANget p.ouboread img {
max-width: 470px;
margin: 0 auto 15px;
}

div.ouboBOX ul.CANkikan {
margin: 10px 0 0 5px;
}
div.ouboBOX ul.CANkikan li {
font-size:18px;
margin:10px 0 15px 0;
padding:3px 0 3px 10px;
border-left:8px solid #c7000b;
line-height:120% !important;
font-weight:bold;
}

div.ouboBOX ul.CANkikan li strong {
font-size:25px;
line-height: 140%;
}

div.ouboBOX ul.CANkikan li span  {
font-size:12px;
font-weight: normal;
line-height: 100%;
}

div.PROtarget {
width:47%;
overflow: hidden;
display: table-cell;
vertical-align: middle;
padding-left: 3%;
}

div.PROtarget div.PROtargetbox {
padding: 0 15px;
}

div.PROtarget p.targetimg {
max-width: 500px;
margin: 3px auto 8px;
}

div.PROtarget ul {
width: 210px;
margin: 0 5px;
float: left;
}

div.PROtarget p.txt_s {
font-size:12px;
}

div.PROtarget p.title3 {
background: #c7000b;
line-height: 100%;
text-align: center;
color: #FFF;
padding: 6px 0;
margin:0 0 5px 0;
width: 100%;
font-weight: bold;
}

div.PROtarget ol {
counter-reset:number;
list-style-type: none!important;
padding:0.5em ;
overflow: hidden;
font-size: 13px;
box-sizing: border-box;
}

div.PROtarget ol li {
position: relative;
line-height: 1.5em;
padding: 2px 0px 2px 25px;
margin-bottom: 3px;
}

div.PROtarget ol li:last-child {
margin-bottom: 0;
}

div.PROtarget ol li:before    {
position: absolute;
counter-increment: number;
content: counter(number);
display:inline-block;
background: #c7000b;
color: white;
border-radius: 50%;
left: 0;
width: 20px;
height: 20px;
line-height: 22px;
text-align:center;
top: 0;
}

div.PROtarget {
overflow: hidden;
}

div.PROtarget p.txt_s {
clear: both;
padding-left: 10px;
}

/*SP*/
@media only screen and (min-width: 1px) and (max-width: 999px){
div.ouboBOX .inner {
overflow: inherit;
}

.canBOX {
margin-top: 0;
}
}

@media only screen and (min-width: 1px) and (max-width: 899px){
div.CANget {
width: 100%; 
}

div.PROtarget { 
width:100%;
padding-left: 0;
margin-top: 10px;
}

div.PROtarget div.PROtargetbox {
padding: 0;
}

div.PROtarget p.targetimg {
max-width: inherit;
width: 100%;
}
}

@media only screen and (max-width: 425px) {
.canBOX {
padding: 0.8em 1em;
}

.back-top {
background-size: 85rem;
height: 38px;
}

.big-img img:nth-child(2) {
bottom: 24%;
}

.big-img img:nth-child(3) {
top: 19%;
max-width: 11%;
right: 21%;
}
}



/******************************************************************** フレークラインナップ
*/

#TOPICS.cam2026 #PRESENT {
background: #feffdd;
padding: 30px 0 30px ;
}


#TOPICS.cam2026 #PROS .inner {
border-radius: 6px;
padding: 30px 0 0 ;
}

#TOPICS.cam2026 #PROS p.titi2 {
color: #FFF;
background: #0085bd;
border-radius: 50px;
width: 100%;
max-width: 520px;
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 16px;
}

#TOPICS.cam2026 #PROS h2{
margin: 0.5rem auto 3rem auto;
max-width: 64rem;
}

#TOPICS.cam2026 #PROS div.titleBOX {
width:100%;
border-bottom: 1px solid #d9a823;
}

#TOPICS.cam2026 #PROS ul {
margin: 20px 0 ;
overflow: hidden;
text-align: center;
width: 100%;
}
#TOPICS.cam2026 #PROS ul li {
width:23%;
margin: 1% 1% 1% 1%;
float: left;
background: #FFF;
padding: 15px 0 15px;
border-radius: 6px;
box-sizing: border-box;
}
#TOPICS.cam2026 #PROS ul li p.proimg {
width: 60%;
margin: 0 auto;
}

#TOPICS.cam2026 #PROS ul li p.prosLINK {
width: 80%;
margin: 0 auto;
padding: 0; 
}

#TOPICS.cam2026 #PROS ul li p.prosLINK:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

#TOPICS.cam2026 #PROS ul li dl {
width: 80%;
margin: 0 auto;
}

#TOPICS.cam2026 #PROS dt{
padding: 1rem 0 1rem 0;
}


#TOPICS.cam2026 #PROS dd {
margin:5px 0 8px 0;
text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 899px){
#TOPICS.cam2026 #PROS {
width: 96%;
margin: 0 auto;
}

#TOPICS.cam2026 #PROS {
margin-top:15px; 
}

#TOPICS.cam2026 #PROS .inner {
padding: 15px 10px;
}

#TOPICS.cam2026 #PROS p.titi2 { 
font-size: 13px;
}

#TOPICS.cam2026 #PROS ul {
width: 100%;
}

#TOPICS.cam2026 #PROS h4 {
background: url(../campa_img/fl_2020/title_campaign.png) no-repeat;
background-size: contain;
width:95%;
max-width: 630px;
height: 0;
padding: 0 0 9.349% 0;
font-size: 0;
margin: 5px auto 10px auto;
}
}

@media only screen and (min-width: 1px) and (max-width: 640px){
#TOPICS.cam2026 #PROS ul li {
width:48%;
}

#TOPICS.cam2026 #PROS {
padding-bottom: 15px;
}
}


@media only screen and (min-width: 1px) and (max-width: 550px){
#TOPICS.cam2026 #PRESENT {
padding: 30px 0 0 ;
}

}


/******************************************************************** 応募方法 
*/

#TOPICS.cam2026 #FLCAM div.camBOX2 {
background-color:#fff;
margin:0 auto;
padding: 40px 0 20px 0;
color:#222;
width:100%;
}

#TOPICS.cam2026 #FLCAM h4.box3_title {
color: #222;
font-size: 32px;
width:auto;
margin:20px auto 20px auto;
padding:15px 0;
border: 3px solid #23b0f3;
text-align: center;
font-weight: normal;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 {
font-size:17px;
line-height:140%;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 p.pdfdl {
display: block;
max-width: 53rem;
margin:6rem auto 3rem;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table {
width:98%;
margin:0 auto;
border:2px solid #1da8f1;
border-collapse:  collapse;
position: relative;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table th {
background:url(../campa_img/fl_2020/table_img.gif) repeat;
border:none;
width: 100% !important;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table th p {
font-size:20px; font-weight: bold;
padding: 10px 0 ;
margin: 0;
width: 100% !important;
color:#FFF;
text-align: center;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table th br {
display: none;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table td {
width: 100% !important;
background-color:#FFF;
padding:20px 40px;
font-size:18px;
line-height:150%;
border:none;
}

#TOPICS.cam2026 p.add {
width:100%;
margin:0 auto;
padding:15px 0;
text-align:center;
color:#222;
background-color:#d9dbe5;
}

#TOPICS.cam2026 p.add span {
font-weight:bold;
}

#TOPICS.cam2026 div.caution {
width:100%;
margin:20px auto 40px auto;
padding:0 0;
}

#TOPICS.cam2026 div.caution ul li {
background:url(../campa_img/fl_2016/dot.png) no-repeat 0 3px;
margin:5px 0;
padding-left:16px;
list-style: none;
}

#TOPICS.cam2026 div.camBOX2 ul li {
background:url(../campa_img/fl_2016/dot.png) no-repeat 0 4px;
margin:8px 0;
padding-left:16px;
list-style: none;
}

#TOPICS.cam2026 span.dot {
background:url(../campa_img/fl_2016/dot.png) no-repeat 0 3px;
padding-left:16px;
font-size:16px !important;
}

@media only screen and (min-width: 1px) and (max-width: 899px){
#TOPICS.cam2026 #FLCAM div.camBOX2 {
width: 95%;
margin: 0 auto;
}

#TOPICS.cam2026 div.caution {
width: 95%;
margin: 25px auto 38px auto;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table {
width:98%;
margin:2rem auto 0 auto;
}
}


@media only screen and (min-width: 1px) and (max-width: 550px){
#TOPICS.cam2026 #FLCAM h4.box3_title {
color: #222;
font-size: 24px;
width:auto;
margin:10px auto 10px auto;
padding:10px 0;
border: 3px solid #23b0f3;
text-align: center;
font-weight: normal;
}
#TOPICS.cam2026 #FLCAM div.camBOX2 p.pdfdl {
margin:15px auto 15px auto;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table th p {
font-size:16px;
font-weight: bold;
padding: 5px 0 ;
margin: 0; width: 100% !important;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table th br {
display: inherit;
}

#TOPICS.cam2026 #FLCAM div.camBOX2 table td { 
padding:10px 15px;
font-size:14px; 
}
}