@charset "utf-8"; .step3_presentbox { padding-left: 5%; padding-right: 5%;} .tbo_bn .notes { width: 90%;} .set10present { margin: 20px 0;} .annotation { color: #1a884c; text-align: center; margin:0 0 5px 0; font-weight: bold; font-size: 110%; width: 100%;} .vikingfirstbtn { margin: 20px 5.333%;} /* クッションファデ */ .box22 .cfcol01, .box22 .cfcol02, .box22 .cfcol03, .box22 .cfcol04 { text-align: center; padding: 5px 0; width: 100%; box-sizing: border-box; font-size: 65%; min-height: 20px;} .box22 .cfcol01 { background: #ecc9ad;} .box22 .cfcol02 { background: #d7b2a0;} .box22 .cfcol03 { background: #942423; color: #fff;} .box22 .cfcol04 { background: #942243; color: #fff;} /*============================== accordion ==============================*/ .accordion_detail .accordion_detail_img {} .accordion_detail dl { padding: 4% 4% 2px 4%;} .accordion_detail dt.kwskbtn { position: relative; cursor: pointer; background: #1a884c; color: #fff; font-size: 18px; text-align: center; padding: 3%; border-radius: 5px;} .accordion_detail dt.kwskbtn:after { content: ""; position: absolute; width: 10px; height: 10px; top: calc(50% - 5px); right: 39px; border: 2px solid #fff; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .accordion_detail dt.kwskbtn.open { border-radius: 5px 5px 0 0;} .accordion_detail dt.kwskbtn.open:after { top: calc(50% - 2px); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;} .accordion_detail dd { display: none; background: #fff;} .accordion_detail dd .notes { padding:10px 3% !important;} .accordion_detail dd .notes.notespb { padding-bottom: 0 !important;} #sec02 .block01 .box01 .vikingItemBox, #sec02 .block01 .box02 .vikingItemBox, #sec02 .block01 .box06 .vikingItemBox, #sec02 .block01 .box05 .vikingItemBox .img, #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box03 .vikingItemBox .img, #sec02 .block01 .box03 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box03 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box03 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box04 .vikingItemBox .img, #sec02 .block01 .box04 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box04 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box04 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box07 .vikingItemBox .img, #sec02 .block01 .box07 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box07 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box07 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box08 .vikingItemBox .img, #sec02 .block01 .box08 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box08 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box08 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box09 .vikingItemBox .img, #sec02 .block01 .box09 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box09 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box09 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box10 .vikingItemBox .img, #sec02 .block01 .box10 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box10 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box10 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box11 .vikingItemBox .img, #sec02 .block01 .box11 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box11 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box11 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box12 .vikingItemBox .img, #sec02 .block01 .box12 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box12 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box12 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box13 .vikingItemBox .img, #sec02 .block01 .box13 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box13 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box13 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box14 .vikingItemBox .img, #sec02 .block01 .box14 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box14 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box14 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box15 .vikingItemBox .img, #sec02 .block01 .box15 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box15 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box15 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box16 .vikingItemBox .img, #sec02 .block01 .box16 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box16 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box16 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box17 .vikingItemBox .img, #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box18 .vikingItemBox .img, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box19 .vikingItemBox .img, #sec02 .block01 .box19 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box19 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box19 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box20 .vikingItemBox .img, #sec02 .block01 .box20 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box20 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box20 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box21 .vikingItemBox .img, #sec02 .block01 .box21 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box21 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box21 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box22 .vikingItemBox .img, #sec02 .block01 .box22 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box22 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box22 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box23 .vikingItemBox .img, #sec02 .block01 .box23 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box23 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box23 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box24 .vikingItemBox .img, #sec02 .block01 .box24 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box24 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box24 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box25 .vikingItemBox .img, #sec02 .block01 .box25 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box25 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box25 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box26 .vikingItemBox .img, #sec02 .block01 .box26 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box26 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box26 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box27 .vikingItemBox .img, #sec02 .block01 .box28 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box27 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box27 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box28 .vikingItemBox .img, #sec02 .block01 .box28 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box28 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box28 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box29 .vikingItemBox .img, #sec02 .block01 .box29 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box29 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box29 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box30 .vikingItemBox .img, #sec02 .block01 .box30 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box30 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box30 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box31 .vikingItemBox .img, #sec02 .block01 .box31 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box31 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box31 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box32 .vikingItemBox .img, #sec02 .block01 .box32 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box32 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box32 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box33 .vikingItemBox .img, #sec02 .block01 .box33 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box33 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box33 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box34 .vikingItemBox .img, #sec02 .block01 .box34 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box34 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box34 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box35 .vikingItemBox .img, #sec02 .block01 .box35 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box35 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box35 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box36 .vikingItemBox .img, #sec02 .block01 .box36 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box36 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box36 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box37 .vikingItemBox .img, #sec02 .block01 .box37 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box37 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box37 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box38 .vikingItemBox .img, #sec02 .block01 .box38 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box38 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box38 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box39 .vikingItemBox .img, #sec02 .block01 .box39 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box39 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box39 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box40 .vikingItemBox .img, #sec02 .block01 .box40 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box40 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box40 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box41 .vikingItemBox .img, #sec02 .block01 .box41 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box41 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box41 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box42 .vikingItemBox .img, #sec02 .block01 .box42 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box42 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box42 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box43 .vikingItemBox .img, #sec02 .block01 .box43 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box43 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box43 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box44 .vikingItemBox .img, #sec02 .block01 .box44 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box44 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box44 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box45 .vikingItemBox .img, #sec02 .block01 .box45 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box45 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box45 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box46 .vikingItemBox .img, #sec02 .block01 .box46 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box46 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box46 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box47 .vikingItemBox .img, #sec02 .block01 .box47 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box47 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box47 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box48 .vikingItemBox .img, #sec02 .block01 .box48 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box48 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box48 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box49 .vikingItemBox .img, #sec02 .block01 .box49 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box49 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box49 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box50 .vikingItemBox .img, #sec02 .block01 .box50 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box50 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box50 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box61 .vikingItemBox .img, #sec02 .block01 .box61 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box61 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box61 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box62 .vikingItemBox .img, #sec02 .block01 .box62 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box62 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box62 .vikingItemBox .vikingItemBoxR .price, #sec02 .block01 .box66 .vikingItemBox .img, #sec02 .block01 .box66 .vikingItemBox .vikingItemBoxR .tit, #sec02 .block01 .box66 .vikingItemBox .vikingItemBoxR .txt, #sec02 .block01 .box66 .vikingItemBox .vikingItemBoxR .price { display: none !important;} #sec02 .block01 .box03 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box06 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box07 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box08 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box09 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box10 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box11 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box12 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box13 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box14 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box15 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box16 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box19 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box20 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box21 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box22 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box23 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box24 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box25 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box26 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box27 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box28 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box29 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box30 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box31 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box32 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box33 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box34 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box35 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box36 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box37 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box38 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box39 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box40 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box41 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box42 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box43 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box44 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box45 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box46 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box47 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box48 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box49 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box50 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box61 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box62 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box66 .vikingItemBox .vikingItemBoxR { float: none !important; margin: 0 auto !important;} #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR { width: 100% !important;} #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR .boxInner, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR .boxInner { width: 50%; margin: 10px auto 0 auto; padding: 0;} #sec02 .block01 .box03 .vikingItemBox .detail, #sec02 .block01 .box04 .vikingItemBox .detail, #sec02 .block01 .box05 .vikingItemBox .detail, #sec02 .block01 .box06 .vikingItemBox .detail, #sec02 .block01 .box07 .vikingItemBox .detail, #sec02 .block01 .box08 .vikingItemBox .detail, #sec02 .block01 .box09 .vikingItemBox .detail, #sec02 .block01 .box10 .vikingItemBox .detail, #sec02 .block01 .box11 .vikingItemBox .detail, #sec02 .block01 .box12 .vikingItemBox .detail, #sec02 .block01 .box13 .vikingItemBox .detail, #sec02 .block01 .box14 .vikingItemBox .detail, #sec02 .block01 .box15 .vikingItemBox .detail, #sec02 .block01 .box16 .vikingItemBox .detail, #sec02 .block01 .box17 .vikingItemBox .detail, #sec02 .block01 .box18 .vikingItemBox .detail, #sec02 .block01 .box19 .vikingItemBox .detail, #sec02 .block01 .box20 .vikingItemBox .detail, #sec02 .block01 .box21 .vikingItemBox .detail, #sec02 .block01 .box22 .vikingItemBox .detail, #sec02 .block01 .box23 .vikingItemBox .detail, #sec02 .block01 .box24 .vikingItemBox .detail, #sec02 .block01 .box25 .vikingItemBox .detail, #sec02 .block01 .box26 .vikingItemBox .detail, #sec02 .block01 .box27 .vikingItemBox .detail, #sec02 .block01 .box28 .vikingItemBox .detail, #sec02 .block01 .box29 .vikingItemBox .detail, #sec02 .block01 .box30 .vikingItemBox .detail, #sec02 .block01 .box31 .vikingItemBox .detail, #sec02 .block01 .box32 .vikingItemBox .detail, #sec02 .block01 .box33 .vikingItemBox .detail, #sec02 .block01 .box34 .vikingItemBox .detail, #sec02 .block01 .box35 .vikingItemBox .detail, #sec02 .block01 .box36 .vikingItemBox .detail, #sec02 .block01 .box37 .vikingItemBox .detail, #sec02 .block01 .box38 .vikingItemBox .detail, #sec02 .block01 .box39 .vikingItemBox .detail, #sec02 .block01 .box40 .vikingItemBox .detail, #sec02 .block01 .box41 .vikingItemBox .detail, #sec02 .block01 .box42 .vikingItemBox .detail, #sec02 .block01 .box43 .vikingItemBox .detail, #sec02 .block01 .box44 .vikingItemBox .detail, #sec02 .block01 .box45 .vikingItemBox .detail, #sec02 .block01 .box46 .vikingItemBox .detail, #sec02 .block01 .box47 .vikingItemBox .detail, #sec02 .block01 .box48 .vikingItemBox .detail, #sec02 .block01 .box49 .vikingItemBox .detail, #sec02 .block01 .box50 .vikingItemBox .detail, #sec02 .block01 .box61 .vikingItemBox .detail, #sec02 .block01 .box62 .vikingItemBox .detail, #sec02 .block01 .box66 .vikingItemBox .detail { display: flex; flex-wrap: wrap; justify-content: space-between;} #sec02 .block01 .box03 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box04 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box05 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box06 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box07 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box08 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box09 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box10 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box11 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box12 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box13 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box14 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box15 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box16 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box17 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box18 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box19 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box20 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box21 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box22 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box23 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box24 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box25 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box26 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box27 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box28 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box29 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box30 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box31 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box32 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box33 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box34 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box35 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box36 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box37 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box38 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box39 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box40 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box41 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box42 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box43 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box44 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box45 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box46 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box47 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box48 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box49 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box50 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box61 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box62 .vikingItemBox .detail .pop_btn_sp, #sec02 .block01 .box66 .vikingItemBox .detail .pop_btn_sp { margin: 10px 0 0 4%; width: 46%; box-sizing: border-box;} #sec02 .block01 .box03 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box04 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box05 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box06 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box07 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box08 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box09 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box10 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box11 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box12 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box13 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box14 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box15 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box16 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box17 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box18 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box19 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box20 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box21 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box22 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box23 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box24 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box25 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box26 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box27 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box28 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box29 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box30 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box31 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box32 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box33 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box34 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box35 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box36 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box37 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box38 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box39 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box40 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box41 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box42 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box43 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box44 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box45 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box46 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box47 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box48 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box49 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box50 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box61 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box62 .vikingItemBox .detail .pop_btn_sp a, #sec02 .block01 .box66 .vikingItemBox .detail .pop_btn_sp a { display: block; margin: 0 auto; text-align: center; color: #1a884c; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: solid 2px #1a884c; position: relative; background: #fff; font-size: 16px; padding: 8px 0;} #sec02 .block01 .box03 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box04 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box05 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box06 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box07 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box08 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box09 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box10 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box11 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box12 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box13 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box14 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box15 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box16 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box17 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box18 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box19 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box20 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box21 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box22 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box23 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box24 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box25 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box26 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box27 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box28 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box29 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box30 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box31 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box32 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box33 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box34 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box35 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box36 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box37 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box38 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box39 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box40 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box41 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box42 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box43 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box44 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box45 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box46 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box47 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box48 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box49 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box50 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box61 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box62 .vikingItemBox .detail .pop_btn_sp a:after, #sec02 .block01 .box66 .vikingItemBox .detail .pop_btn_sp a:after { content: ""; width: 12px; height: 12px; margin-left: 8px; display: inline-block; position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url("/img/campaign/2311/viking_s/icon_expand.png") 0 0 no-repeat transparent; background-size: contain;} #sec02 .block01 .box03 .vikingItemBox .detail .boxInner, #sec02 .block01 .box04 .vikingItemBox .detail .boxInner, #sec02 .block01 .box05 .vikingItemBox .detail .boxInner, #sec02 .block01 .box06 .vikingItemBox .detail .boxInner, #sec02 .block01 .box07 .vikingItemBox .detail .boxInner, #sec02 .block01 .box08 .vikingItemBox .detail .boxInner, #sec02 .block01 .box09 .vikingItemBox .detail .boxInner, #sec02 .block01 .box10 .vikingItemBox .detail .boxInner, #sec02 .block01 .box11 .vikingItemBox .detail .boxInner, #sec02 .block01 .box12 .vikingItemBox .detail .boxInner, #sec02 .block01 .box13 .vikingItemBox .detail .boxInner, #sec02 .block01 .box14 .vikingItemBox .detail .boxInner, #sec02 .block01 .box15 .vikingItemBox .detail .boxInner, #sec02 .block01 .box16 .vikingItemBox .detail .boxInner, #sec02 .block01 .box17 .vikingItemBox .detail .boxInner, #sec02 .block01 .box18 .vikingItemBox .detail .boxInner, #sec02 .block01 .box19 .vikingItemBox .detail .boxInner, #sec02 .block01 .box20 .vikingItemBox .detail .boxInner, #sec02 .block01 .box21 .vikingItemBox .detail .boxInner, #sec02 .block01 .box22 .vikingItemBox .detail .boxInner, #sec02 .block01 .box23 .vikingItemBox .detail .boxInner, #sec02 .block01 .box24 .vikingItemBox .detail .boxInner, #sec02 .block01 .box25 .vikingItemBox .detail .boxInner, #sec02 .block01 .box26 .vikingItemBox .detail .boxInner, #sec02 .block01 .box27 .vikingItemBox .detail .boxInner, #sec02 .block01 .box28 .vikingItemBox .detail .boxInner, #sec02 .block01 .box29 .vikingItemBox .detail .boxInner, #sec02 .block01 .box30 .vikingItemBox .detail .boxInner, #sec02 .block01 .box31 .vikingItemBox .detail .boxInner, #sec02 .block01 .box32 .vikingItemBox .detail .boxInner, #sec02 .block01 .box33 .vikingItemBox .detail .boxInner, #sec02 .block01 .box34 .vikingItemBox .detail .boxInner, #sec02 .block01 .box35 .vikingItemBox .detail .boxInner, #sec02 .block01 .box36 .vikingItemBox .detail .boxInner, #sec02 .block01 .box37 .vikingItemBox .detail .boxInner, #sec02 .block01 .box38 .vikingItemBox .detail .boxInner, #sec02 .block01 .box39 .vikingItemBox .detail .boxInner, #sec02 .block01 .box40 .vikingItemBox .detail .boxInner, #sec02 .block01 .box41 .vikingItemBox .detail .boxInner, #sec02 .block01 .box42 .vikingItemBox .detail .boxInner, #sec02 .block01 .box43 .vikingItemBox .detail .boxInner, #sec02 .block01 .box44 .vikingItemBox .detail .boxInner, #sec02 .block01 .box45 .vikingItemBox .detail .boxInner, #sec02 .block01 .box46 .vikingItemBox .detail .boxInner, #sec02 .block01 .box47 .vikingItemBox .detail .boxInner, #sec02 .block01 .box48 .vikingItemBox .detail .boxInner, #sec02 .block01 .box49 .vikingItemBox .detail .boxInner, #sec02 .block01 .box50 .vikingItemBox .detail .boxInner, #sec02 .block01 .box61 .vikingItemBox .detail .boxInner, #sec02 .block01 .box62 .vikingItemBox .detail .boxInner, #sec02 .block01 .box66 .vikingItemBox .detail .boxInner { width: 49%; margin-top: 13px;} #sec02 .block01 .box03 .vikingItemBox .detail .notes, #sec02 .block01 .box04 .vikingItemBox .detail .notes, #sec02 .block01 .box05 .vikingItemBox .detail .notes, #sec02 .block01 .box06 .vikingItemBox .detail .notes, #sec02 .block01 .box07 .vikingItemBox .detail .notes, #sec02 .block01 .box08 .vikingItemBox .detail .notes, #sec02 .block01 .box09 .vikingItemBox .detail .notes, #sec02 .block01 .box10 .vikingItemBox .detail .notes, #sec02 .block01 .box11 .vikingItemBox .detail .notes, #sec02 .block01 .box12 .vikingItemBox .detail .notes, #sec02 .block01 .box13 .vikingItemBox .detail .notes, #sec02 .block01 .box14 .vikingItemBox .detail .notes, #sec02 .block01 .box15 .vikingItemBox .detail .notes, #sec02 .block01 .box16 .vikingItemBox .detail .notes, #sec02 .block01 .box17 .vikingItemBox .detail .notes, #sec02 .block01 .box18 .vikingItemBox .detail .notes, #sec02 .block01 .box19 .vikingItemBox .detail .notes, #sec02 .block01 .box20 .vikingItemBox .detail .notes, #sec02 .block01 .box21 .vikingItemBox .detail .notes, #sec02 .block01 .box22 .vikingItemBox .detail .notes, #sec02 .block01 .box23 .vikingItemBox .detail .notes, #sec02 .block01 .box24 .vikingItemBox .detail .notes, #sec02 .block01 .box25 .vikingItemBox .detail .notes, #sec02 .block01 .box26 .vikingItemBox .detail .notes, #sec02 .block01 .box27 .vikingItemBox .detail .notes, #sec02 .block01 .box28 .vikingItemBox .detail .notes, #sec02 .block01 .box29 .vikingItemBox .detail .notes, #sec02 .block01 .box30 .vikingItemBox .detail .notes, #sec02 .block01 .box31 .vikingItemBox .detail .notes, #sec02 .block01 .box32 .vikingItemBox .detail .notes, #sec02 .block01 .box33 .vikingItemBox .detail .notes, #sec02 .block01 .box34 .vikingItemBox .detail .notes, #sec02 .block01 .box35 .vikingItemBox .detail .notes, #sec02 .block01 .box36 .vikingItemBox .detail .notes, #sec02 .block01 .box37 .vikingItemBox .detail .notes, #sec02 .block01 .box38 .vikingItemBox .detail .notes, #sec02 .block01 .box39 .vikingItemBox .detail .notes, #sec02 .block01 .box40 .vikingItemBox .detail .notes, #sec02 .block01 .box41 .vikingItemBox .detail .notes, #sec02 .block01 .box42 .vikingItemBox .detail .notes, #sec02 .block01 .box43 .vikingItemBox .detail .notes, #sec02 .block01 .box44 .vikingItemBox .detail .notes, #sec02 .block01 .box45 .vikingItemBox .detail .notes, #sec02 .block01 .box46 .vikingItemBox .detail .notes, #sec02 .block01 .box47 .vikingItemBox .detail .notes, #sec02 .block01 .box48 .vikingItemBox .detail .notes, #sec02 .block01 .box49 .vikingItemBox .detail .notes, #sec02 .block01 .box50 .vikingItemBox .detail .notes, #sec02 .block01 .box61 .vikingItemBox .detail .notes , #sec02 .block01 .box62 .vikingItemBox .detail .notes , #sec02 .block01 .box66 .vikingItemBox .detail .notes { width: 100%;} /*============================== anchor ==============================*/ #anchor { margin-top: 25px; padding: 0 5%;} #anchor ul.btn { width: 100%;} #anchor ul li:first-child { margin-bottom: 10px;} #anchor ul li a { padding: 15px;} #anchor ul li a:after { width: 9px; height: 9px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-width: 2px 2px 0 0;} #anchor li a:before { width: 24px; height: 24px; margin-top: -12px;} /*-------------------------------------------------- select プルダウンのプラマイ表示 --------------------------------------------------*/ #sec02 a.itemcountdown, #sec02 a.itemcountup { width: 30%; height: 40px; text-align: center; line-height: 40px; font-size: 180%;} /*-------------------------------------------------- step line title etc 201812 --------------------------------------------------*/ .steptitline { height: 86px;} .steptitline .txt01 { width: 80px; padding-right: 15px; font-size: 110%;} .steptitline .txt02 { font-size: 120%; padding: 10px 15px 10px 15px; line-height: 1.4;} .set3choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr3.png) no-repeat right center;} .set10choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr10.png) no-repeat right center;} .set8choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr8.png) no-repeat right center;} .set5choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr5.png) no-repeat right center;} .set7choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr7.png) no-repeat right center;} .nowchoice { font-size: 110%;} .tit_anchor_00, .tit_anchor_01, .tit_anchor_02, .tit_anchor_03, .tit_anchor_04, .tit_anchor_05, .tit_anchor_06 { text-align: center; padding: 15px; letter-spacing: -0.01em; margin-bottom: 20px; color: #fff; background: url("/img/campaign/2311/viking_s/common_bg_dot_green.png") repeat left top / 4px 4px; border-radius: 5px 5px 0 0; width: 96%; margin-left: auto; margin-right: auto; font-size: 130%;} .tit_anchor_01 { margin-top: 30px;} .tit_anchor_02 { margin-top: 30px;} .tit_anchor_03 { margin-top: 30px;} .tit_anchor_04 { margin-top: 30px;} .tit_anchor_05 { margin-top: 30px;} .tit_anchor_06 { margin-top: 30px;} /* .tit_anchor_01 { background: #027d54;} .tit_anchor_02 { background: #286cbf; margin-top: 30px;} .tit_anchor_03 { background: #f05928; margin-top: 30px;} .tit_anchor_04 { background: #f95679; margin-top: 30px;} */ .skincaretxtimg { margin-bottom: 10px;} /*-------------------------------------------------- section --------------------------------------------------*/ .section h2 { margin-bottom: 10px;} .mainnotes { padding: 0 5%; line-height: 1.5;} /*-------------------------------------------------- secMain --------------------------------------------------*/ #secMain { margin-bottom: 20px;} #secMain .block03 .blockInner { margin-bottom: 5px;} #secMain .block03 .box01 { display: block; width: 100%;} #secMain .block03 .box02 .boxL { display: block; width: 100%;} #secMain .block03 .box02 .boxL ul { width: 100%; position: relative;} #secMain .block03 .box02 .boxL ul li.img01 { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1;} #secMain .block03 .box02 .boxL ul li.btn01 { width: 14%; margin-bottom: 1.5%; position: absolute; bottom: 0; left: 46%; z-index: 10;} #secMain .block03 .box02 .boxL ul li.btn02 { width: 14%; margin-bottom: 1.5%; position: absolute; bottom: 0; left: 64%; z-index: 10;} #secMain .block03 .box02 .boxL ul li.btn03 { width: 14%; margin-bottom: 1.5%; position: absolute; bottom: 0; right: 2%; z-index: 10;} #secMain .block03 .box02 .boxR { display: block; width: 100%;} #secMain .block03 .box02 .boxR ul { width: 100%; position: relative;} #secMain .block03 .box02 .boxR ul li.img01 { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1;} #secMain .block03 .box02 .boxR ul li.btn01 { width: 11%; position: absolute; bottom: 0; right: 48.8%; z-index: 10;} #secMain .block03 .presentbox { background: #e5f2ef; text-align: center; padding: 25px 4% 15px 4%;} #secMain .block03 .presentbox .presentbox01 .blntit img { width: 80%;} #secMain .block03 .presentbox .presentbox02 .blntit { margin-top: 20px;} .main_anchor { overflow: hidden;} .main_anchor li { float: left;} .main_anchor li:first-child { width: 50%;} .main_anchor li:last-child { width: 50%;} .main_terms { margin: 20px 0;} .main_present{ margin-bottom: 20px;} .main_present_hc_notes { width: 90%; font-size: 80%; margin: 10px auto 20px;} .main_14item { margin-bottom: 30px !important;} .otokupoint { padding: 20px 5%; margin-bottom: 30px;} .otokupoint .tit { width: 90%; margin: 0 auto;} .otokupoint .notes { line-height: 1.5;} .notes_anchor { text-align: center; margin: auto; font-size: 90%; margin-top: 30px; width: 90%; margin-left: auto; margin-right: auto;} #sec03 .notes_anchor { margin-top: 20px;} .notes_anchor a { display: block; margin: 0 auto; text-align: center; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: solid 2px #1a884c; position: relative; padding: 15px; font-size: 110%; height: 100%; color: #383838;} .notes_anchor a:hover { opacity: 0.8;} .notes_anchor a:before, .notes_anchor a:after { content: ""; position: absolute; width: 8px; height: 8px; right: 10px; border: 2px solid #1a884c; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .notes_anchor a:before { top: 35%;} .notes_anchor a:after { top: 48%;} /*-------------------------------------------------- secTop --------------------------------------------------*/ #secTop { margin: 0 0 20px 0;} /*-------------------------------------------------- sec01 --------------------------------------------------*/ #sec01 .block01 ul li {} #sec01 .block01 ul li#set-item10 { margin-bottom: 15px; width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul li#set-item8 { margin-bottom: 15px; width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul li#set-item5 { width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul li#set-item3 { margin-bottom: 15px; margin-top: 15px; width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul li#set-item2 { width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul li#set-item7 { margin-bottom: 15px; width: 90%; margin-left: auto; margin-right: auto;} #sec01 .block01 ul #set-item8 img, #sec01 .block01 ul #set-item5 img { opacity:1 !important;} /*-------------------------------------------------- sec02 --------------------------------------------------*/ #sec02 { margin-top: 0;} #sec02 .itemAnchor { display: flex; flex-wrap: wrap; margin-bottom: 20px;} #sec02 .itemAnchor li { width: 49%; font-size: 90%;} #sec02 .itemAnchor li:nth-child(odd) { margin-right: 2%;} #sec02 .itemAnchor li:nth-child(n+3) { margin-top: 10px;} #sec02 .itemAnchor ul li:first-child { margin-bottom: 10px;} #sec02 .itemAnchor li a { display: block; margin: 0 auto; text-align: center; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: solid 2px #1a884c; position: relative; padding: 13px 15px 13px 5px; font-size: 100%; line-height: 1.4; height: 100%; color: #383838;} #sec02 .itemAnchor li a:hover { opacity: 0.8;} #sec02 .itemAnchor li a:before, #sec02 .itemAnchor li a:after { content: ""; position: absolute; width: 8px; height: 8px; right: 10px; border: 2px solid #1a884c; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);} #sec02 .itemAnchor li a:before { top: 35%;} #sec02 .itemAnchor li a:after { top: 48%;} #sec02 .itemAnchor li.col00 a { padding-top: 26px;} #sec02 .itemAnchor li.col03 a { padding-top: 13px;} #sec02 .itemAnchor li.col02 a { padding-top: 26px;} #sec02 .box06, #sec02 .box09 { margin-top: 10px;} #sec02 .block01 .box {margin-bottom: 20px;} #sec02 .block01 .box h3 { margin: 5px 0;} #sec02 .block01 .box .select01 { font-size: 90%; text-align: center;} #sec02 .block01 .box .select01 select { width: 35%; height: 40px; padding: 0 0 0 15%; font-size: 16px; background: #fff;} #sec02 .block01 .box .select02, #sec02 .block01 .box .select03 { margin-top: 10px;} #sec02 .block01 .box .select02 dl, #sec02 .block01 .box .select03 dl, #sec02 .block01 .box .select04 dl { width: 48%; float: left; box-sizing: border-box; margin: 0 1%;} #sec02 .block01 .box .select02 dl:nth-last-child(1), #sec02 .block01 .box .select03 dl:nth-last-child(1), #sec02 .block01 .box .select04 dl:nth-last-child(1) { margin-right: 0;} #sec02 .block01 .box .select02 dl dt, #sec02 .block01 .box .select03 dl dt, #sec02 .block01 .box .select04 dl dt { width: 100%; margin-bottom: 5px;} #sec02 .block01 .box .select02 dl dd, #sec02 .block01 .box .select03 dl dd, #sec02 .block01 .box .select04 dl dd { padding-bottom: 5%;} #sec02 .block01 .box .select02 dl dd select, #sec02 .block01 .box .select03 dl dd select, #sec02 .block01 .box .select04 dl dd select { width: 40%; padding:0 0 0 17%; height: 40px; font-size: 20px; background: #fff;} #sec02 .block01 .box .txtLink { text-align: center; margin-top: 5px;} #sec02 .block01 .box16 .boxInner { padding: 0 25.5%;} #sec02 .block01 .box { background: #f0f6f5;} #sec02 .block01 .box01, #sec02 .block01 .box02, #sec02 .block01 .box03, #sec02 .block01 .box04, #sec02 .block01 .box05, #sec02 .block01 .box06, #sec02 .block01 .box07, #sec02 .block01 .box08, #sec02 .block01 .box09, #sec02 .block01 .box10, #sec02 .block01 .box11, #sec02 .block01 .box12, #sec02 .block01 .box13, #sec02 .block01 .box14, #sec02 .block01 .box15, #sec02 .block01 .box16, #sec02 .block01 .box17, #sec02 .block01 .box18, #sec02 .block01 .box19, #sec02 .block01 .box20, #sec02 .block01 .box21, #sec02 .block01 .box22, #sec02 .block01 .box23, #sec02 .block01 .box24, #sec02 .block01 .box25, #sec02 .block01 .box26, #sec02 .block01 .box27, #sec02 .block01 .box28, #sec02 .block01 .box46, #sec02 .block01 .box61, #sec02 .block01 .box62, #sec02 .block01 .box66 { width: 96%; margin-left: auto; margin-right: auto;} #sec02 .block01 .vikingItemBox {} #sec02 .block01 .vikingItemBox .img img { width: 100%; display: block;} #sec02 .block01 .vikingItemBox .vikingItemBoxR {} #sec02 .block01 .vikingItemBox .vikingItemBoxR .tit { background: #e5f2ef; font-weight: bold; padding: 4% 5% 3% 5%; font-size: 90%; line-height: 1.5;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .tit .min { font-size: 75%;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .txt { border-bottom: solid 1px #fff; font-size: 70%; padding: 4% 5% 3% 5%;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .price { font-size: 70%; font-weight: normal; color: #000000;text-align: right; padding: 4% 5% 3% 5%;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .price .big { font-size: 140%; font-weight: bold;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .price .min { font-size: 90%;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon { font-size: 80%; font-weight: bold; text-align: center; background: #d91533; color: #fff; width: 90%; padding: 6px 0; margin: 10px 5% 5px 5%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height: 1.4; position: relative; display: inline-block;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon:before{ content: ""; position: absolute; top: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom: 12px solid #d91533;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsbig { font-size: 120%;} #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsmid { font-size: 100%;} #sec02 .block01 .box .boxInner { padding:0 2% 10px 2%; margin-top: 10px;} #sec02 .block01 .box .kome { font-size: 90%;} #sec02 .block01 .box .notes { border-top: solid 1px #fff; padding: 5%; font-size: 60%;} #sec02 .block01 .box .imp {padding:5px 0 0 10px; color: #e60012;} #sec02 .block01 .box01 .notes, #sec02 .block01 .box02 .notes, #sec02 .block01 .box03 .notes, #sec02 .block01 .box04 .notes, #sec02 .block01 .box05 .notes, #sec02 .block01 .box06 .notes, #sec02 .block01 .box07 .notes, #sec02 .block01 .box08 .notes, #sec02 .block01 .box09 .notes, #sec02 .block01 .box10 .notes, #sec02 .block01 .box11 .notes, #sec02 .block01 .box12 .notes, #sec02 .block01 .box13 .notes, #sec02 .block01 .box14 .notes, #sec02 .block01 .box15 .notes, #sec02 .block01 .box16 .notes, #sec02 .block01 .box17 .notes, #sec02 .block01 .box18 .notes, #sec02 .block01 .box46 .notes, #sec02 .block01 .box61 .notes, #sec02 .block01 .box62 .notes, #sec02 .block01 .box66 .notes { padding: 3%;} #sec02 .block01 .box12 .foundation_txt1, #sec02 .block01 .box12 .foundation_txt2, #sec02 .block01 .box12 .foundation_txt3 { text-align: center; padding: 5px 0; width: 100%; box-sizing: border-box; font-size: 85%;} #sec02 .block01 .box12 .foundation_txt1 { background: #f5d0b0;} #sec02 .block01 .box12 .foundation_txt2 { background: #ebdfbb; font-weight: bold; margin-bottom: 10px;} #sec02 .block01 .box12 .foundation_txt3 { background: #efc485;} #sec02 .block01 .select04 .colorselect01, #sec02 .block01 .select04 .colorselect02, #sec02 .block01 .select04 .colorselect03, #sec02 .block01 .select04 .colorselect04 { text-align: center; padding: 5px 0; width: 100%; box-sizing: border-box; font-size: 65%; color: #fff; min-height: 20px;} #sec02 .block01 .select04 .colorselect01 { background: #5d3d30;} #sec02 .block01 .select04 .colorselect02 { background: #8b6e4e;} #sec02 .block01 .select04 .colorselect03 { background: #352c2b;} #sec02 .block01 .select04 .colorselect04 { background: #000;} #sec02 .block01 .select04 .bdlb, #sec02 .block01 .select04 .bdnb, #sec02 .block01 .select04 .bddb, #sec02 .block01 .select04 .bdbk { border: solid 1px #d0d0d0;} /* #sec02 .block01 .select04 .bdlb { border: solid 1px #5d3d30;} #sec02 .block01 .select04 .bdnb { border: solid 1px #8b6e4e;} #sec02 .block01 .select04 .bddb { border: solid 1px #352c2b;} #sec02 .block01 .select04 .bdbk { border: solid 1px #000;} */ #sec02 .block01 .box01 .vikingItemBox, #sec02 .block01 .box02 .vikingItemBox, #sec02 .block01 .box03 .vikingItemBox, #sec02 .block01 .box04 .vikingItemBox, #sec02 .block01 .box05 .vikingItemBox, #sec02 .block01 .box06 .vikingItemBox, #sec02 .block01 .box07 .vikingItemBox, #sec02 .block01 .box08 .vikingItemBox, #sec02 .block01 .box09 .vikingItemBox, #sec02 .block01 .box10 .vikingItemBox, #sec02 .block01 .box11 .vikingItemBox, #sec02 .block01 .box12 .vikingItemBox, #sec02 .block01 .box13 .vikingItemBox, #sec02 .block01 .box14 .vikingItemBox, #sec02 .block01 .box15 .vikingItemBox, #sec02 .block01 .box16 .vikingItemBox, #sec02 .block01 .box17 .vikingItemBox, #sec02 .block01 .box18 .vikingItemBox, #sec02 .block01 .box19 .vikingItemBox, #sec02 .block01 .box20 .vikingItemBox, #sec02 .block01 .box21 .vikingItemBox, #sec02 .block01 .box22 .vikingItemBox, #sec02 .block01 .box23 .vikingItemBox, #sec02 .block01 .box24 .vikingItemBox, #sec02 .block01 .box25 .vikingItemBox, #sec02 .block01 .box26 .vikingItemBox, #sec02 .block01 .box27 .vikingItemBox, #sec02 .block01 .box28 .vikingItemBox, #sec02 .block01 .box46 .vikingItemBox, #sec02 .block01 .box61 .vikingItemBox, #sec02 .block01 .box62 .vikingItemBox, #sec02 .block01 .box66 .vikingItemBox { overflow: hidden;} #sec02 .block01 .box01 .vikingItemBox .img, #sec02 .block01 .box02 .vikingItemBox .img, #sec02 .block01 .box03 .vikingItemBox .img, #sec02 .block01 .box04 .vikingItemBox .img, #sec02 .block01 .box05 .vikingItemBox .img, #sec02 .block01 .box06 .vikingItemBox .img, #sec02 .block01 .box07 .vikingItemBox .img, #sec02 .block01 .box08 .vikingItemBox .img, #sec02 .block01 .box09 .vikingItemBox .img, #sec02 .block01 .box10 .vikingItemBox .img, #sec02 .block01 .box11 .vikingItemBox .img, #sec02 .block01 .box12 .vikingItemBox .img, #sec02 .block01 .box13 .vikingItemBox .img, #sec02 .block01 .box14 .vikingItemBox .img, #sec02 .block01 .box15 .vikingItemBox .img, #sec02 .block01 .box16 .vikingItemBox .img, #sec02 .block01 .box17 .vikingItemBox .img, #sec02 .block01 .box18 .vikingItemBox .img, #sec02 .block01 .box19 .vikingItemBox .img, #sec02 .block01 .box20 .vikingItemBox .img, #sec02 .block01 .box21 .vikingItemBox .img, #sec02 .block01 .box22 .vikingItemBox .img, #sec02 .block01 .box23 .vikingItemBox .img, #sec02 .block01 .box24 .vikingItemBox .img, #sec02 .block01 .box25 .vikingItemBox .img, #sec02 .block01 .box26 .vikingItemBox .img, #sec02 .block01 .box27 .vikingItemBox .img, #sec02 .block01 .box29 .vikingItemBox .img, #sec02 .block01 .box46 .vikingItemBox .img, #sec02 .block01 .box61 .vikingItemBox .img, #sec02 .block01 .box62 .vikingItemBox .img, #sec02 .block01 .box66 .vikingItemBox .img { width: 50%; float: left; box-sizing: border-box;} /* #sec02 .block01 .box01 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box02 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box03 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box04 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box06 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box07 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box08 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box09 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box10 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box11 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box12 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box13 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box14 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box15 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box16 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box17 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box18 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box19 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box20 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box21 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box22 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box23 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box24 .vikingItemBox .vikingItemBoxR, #sec02 .block01 .box25 .vikingItemBox .vikingItemBoxR { width: 50%; float: left; box-sizing: border-box;} */ #sec02 .block01 .box15 { margin-bottom: 10px;} #sec02 .block01 .box .select02 dl, #sec02 .block01 .box .select02 ul li { font-size: 90%; text-align: center; width: 50%; float: left; box-sizing: border-box;} #sec02 .block01 .box .select02 ul li:first-child { padding-right: 5px;} #sec02 .block01 .box .select02 dl select, #sec02 .block01 .box .select02 ul li select { width: 40%; padding: 0 0 0 17%; height: 40px; font-size: 16px; background: #fff;} #sec02 .block01 .box .select02 dl dt { margin-bottom: 5px;} #sec02 .block01 .box12 .select02 ul { width: 50%; margin: 0 auto;} #sec02 .block01 .foundation_txt1, #sec02 .block01 .foundation_txt2, #sec02 .block01 .foundation_txt3 { text-align: center; padding: 5px 0; width: 100%; box-sizing: border-box; font-size: 80%;} #sec02 .block01 .foundation_txt1 { background: #f5d0b0;} #sec02 .block01 .foundation_txt2 { background: #ffffff; font-weight: bold; margin-bottom: 10px;} #sec02 .block01 .foundation_txt3 { background: #efc485;} #sec02 .block01 .uv_txt1 { text-align: center; background: #e5f1fc; padding: 5px 0; width: 100%; margin-bottom: 5px; line-height: 1.4;} #sec02 .block01 .uv_txt2 { text-align: center; background: #b3d5f2; padding: 5px 0; width: 100%; margin-bottom: 5px; line-height: 1.4;} #sec02 .block01 .uv_txt2 .sup {vertical-align: super; font-size: 95%;line-height: 1; padding-left: 1px;} /*-------------------------------------------------- sec03 --------------------------------------------------*/ #sec03 .step2_kswk {} #sec03 .step2_kswk .txt { text-align: center; margin-bottom: 10px;} #sec03 .step2_kswk .btn {} #sec03 .step2_select {} #sec03 .step2_select ul { margin-top: 10px; padding:0 2%;} #sec03 .step2_select li {font-size: 120%; overflow: hidden; border-bottom: solid 2px #d0d0d0; border-left: solid 2px #d0d0d0; border-right: solid 2px #d0d0d0;} #sec03 .step2_select li:first-child { border-top: solid 2px #d0d0d0;} #sec03 .step2_select li .img { width: 77%; float: left;} #sec03 .step2_select li .img img { width: 100%;} #sec03 .step2_select li .selectbox {text-align: center; width: 23%; float: right;} #sec03 .step2_select li .selectbox select { width: 60px; font-size: 110%; line-height: 1.8; border: solid 1px #ebd171; margin-top: 30%;} #sec03 .step2_select .checkbox { background: #f2f2f2; font-size: 120%; font-weight: bold;text-align: center; margin: 18px 2% 20px 2%; padding: 15px; border: solid 2px #d0d0d0;} #sec03 .step2_select .checkbox input[type=checkbox] { margin: 10px; vertical-align: sub; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); transform: scale(1.8);} /*-------------------------------------------------- sec04 --------------------------------------------------*/ #sec04 {} #sec04 .txt { margin: 0 2%; line-height: 1.5;} #sec04 .step3_box01 { margin-top: 10px;} #sec04 .step3_box01 .tit {} #sec04 .step3_box01 ul { overflow: hidden; padding: 2% 2% 10px 2%; background: #f0f6f5;} #sec04 .step3_box01 li { width: 23%; padding-bottom: 10px; border: solid 1px #d0d0d0; float: left; background: #fff; margin-right: 2.5%; box-sizing: border-box;} #sec04 .step3_box01 li:nth-child(4) {margin-right: 0;} #sec04 .step3_box01 li:nth-child(8) {margin-right: 0;} #sec04 .step3_box01 li:nth-child(n+5) { margin-top: 10px;} #sec04 .step3_box01 li .img {} #sec04 .step3_box01 li .img img { width: 100%;} #sec04 .step3_box01 li .number { text-align: center;} #sec04 .step3_box02 {} #sec04 .step3_box02 .tit { padding: 15px; text-align: center; background: #dceeea; font-weight: bold; font-size: 130%;} #sec04 .step3_box02 ul {overflow: hidden; padding: 2% 2% 10px 2%; background: #f0f6f5;} #sec04 .step3_box02 li { width: 23%; padding-bottom: 10px; border: solid 1px #d0d0d0; float: left; background: #fff; margin-right: 2.5%;} #sec04 .step3_box02 li .img {} #sec04 .step3_box02 li .img img { width: 100%;} #sec04 .step3_box02 li .number { text-align: center;} #sec04 .step3_box02 .mainnotes { text-align: left; padding: 5px 0 0 0;} #sec04 .step3_box03 { overflow: hidden; padding: 0 2% 10px ; background: #f0f6f5;} #sec04 .step3_box03 .price { text-align: center; padding: 0 2%;} #sec04 .step3_box03 .btn { text-align: center; width: 100%;} /*-------------------------------------------------- detail pop_btn_area --------------------------------------------------*/ .pop_btn_area { overflow: hidden; width: 94%; margin: 10px auto 0 auto;} .pop_btn_area .pop_btn_color, .pop_btn_area .pop_btn_detail {} .pop_btn_area .pop_btn_color a, .pop_btn_area .pop_btn_detail a { display: block; margin: 0 auto; text-align: center; color: #1a884c; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: solid 2px #1a884c; position: relative; background: #fff; font-size: 16px; padding: 10px 0;} .pop_btn_area .pop_btn_color a:after, .pop_btn_area .pop_btn_detail a:after { content: ""; width: 12px; height: 12px; margin-left: 8px; display: inline-block; position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url("/img/campaign/2311/viking_s/icon_expand.png") 0 0 no-repeat transparent; background-size: contain;} .pop_btn_area .pop_btn_color { margin-right: 2%;} /* .pop_btn_area .pop_btn_color a, .pop_btn_area .pop_btn_detail a { color: #fff; display: block; width: 100%; padding:10px 5px; text-align: center; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} .pop_btn_area .pop_btn_color a .arricon, .pop_btn_area .pop_btn_detail a .arricon { padding-right: 20px; background: url(/user_data/packages/default/img/campaign/1806/viking_s/img/pop_btn_area_arr.png) no-repeat right center; background-size: 8px auto;} .pop_btn_area .pop_btn_color { margin-right: 2%;} .pop_btn_area .pop_btn_color a { background: rgb(142,209,20); background: -moz-linear-gradient(top, rgb(142,209,20) 0%, rgb(113,176,0) 100%); background: -webkit-linear-gradient(top, rgb(142,209,20) 0%,rgb(113,176,0) 100%); background: linear-gradient(to bottom, rgb(142,209,20) 0%,rgb(113,176,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed114', endColorstr='#71b000',GradientType=0 );} .pop_btn_area .pop_btn_detail {} .pop_btn_area .pop_btn_detail a { background: rgb(14,153,107); background: -moz-linear-gradient(top, rgba(14,153,107,1) 0%, rgba(2,125,84,1) 100%); background: -webkit-linear-gradient(top, rgba(14,153,107,1) 0%,rgba(2,125,84,1) 100%); background: linear-gradient(to bottom, rgba(14,153,107,1) 0%,rgba(2,125,84,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e996b', endColorstr='#027d54',GradientType=0 );} */ .box21 .pop_btn_area .pop_btn_color, .box21 .pop_btn_area .pop_btn_detail, .box01 .pop_btn_area .pop_btn_color, .box01 .pop_btn_area .pop_btn_detail, .box02 .pop_btn_area .pop_btn_color, .box02 .pop_btn_area .pop_btn_detail, .box03 .pop_btn_area .pop_btn_color, .box03 .pop_btn_area .pop_btn_detail, .box04 .pop_btn_area .pop_btn_color, .box04 .pop_btn_area .pop_btn_detail, .box05 .pop_btn_area .pop_btn_color, .box05 .pop_btn_area .pop_btn_detail, .box06 .pop_btn_area .pop_btn_color, .box06 .pop_btn_area .pop_btn_detail, .box07 .pop_btn_area .pop_btn_color, .box07 .pop_btn_area .pop_btn_detail, .box22 .pop_btn_area .pop_btn_color, .box22 .pop_btn_area .pop_btn_detail, .box26 .pop_btn_area .pop_btn_color, .box26 .pop_btn_area .pop_btn_detail, .box46 .pop_btn_area .pop_btn_color, .box46 .pop_btn_area .pop_btn_detail, .box47 .pop_btn_area .pop_btn_color, .box47 .pop_btn_area .pop_btn_detail, .box61 .pop_btn_area .pop_btn_color, .box61 .pop_btn_area .pop_btn_detail { width: 49%; float: left;} /*-------------------------------------------------- tab --------------------------------------------------*/ #tabSecTop { margin-bottom: 10px; border: none;} #tabSecBtm { margin-top: 10px; border: none;} /*-------------------------------------------------- secFloat --------------------------------------------------*/ #secFloat { color: #000000; width: 100%; background: #FDFBDC; position: fixed; bottom: 0; left: 0; z-index: 999;} #secFloat .block { background: #fff0db;} #secFloat .block dl { display: table; width: 100%; padding: 10px 2%;} #secFloat .block dl dt { display: table-cell; color: #222; font-size: 100%; font-weight: bold; vertical-align: bottom; width: 50%;} #secFloat .block dl dt span { color: #e60012; font-size: 140%; margin: 0 5px 0 0;} #secFloat .block dl dd { display: table-cell; vertical-align: bottom; width: 50%; padding-left: 2%;} #secFloat .block01 dl { padding: 5px 2%;} /*-------------------------------------------------- tab --------------------------------------------------*/ .tabSec li a { width: 100%; height: 70px; display: block; text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; color: #33b579; line-height: 16px; border: 1px solid #33b579; border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eff8f4), color-stop(0.00, #fff)); background: -webkit-linear-gradient(top, #fff 0%, #eff8f4 88%); background: -moz-linear-gradient(top, #fff 0%, #eff8f4 88%); background: -o-linear-gradient(top, #fff 0%, #eff8f4 88%); background: -ms-linear-gradient(top, #fff 0%, #eff8f4 88%); background: linear-gradient(to bottom, #fff 0%, #eff8f4 88%);} .tabSec li a:hover { color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #32b075), color-stop(0.00, #3dd18c)); background: -webkit-linear-gradient(top, #3dd18c 0%, #32b075 88%); background: -moz-linear-gradient(top, #3dd18c 0%, #32b075 88%); background: -o-linear-gradient(top, #3dd18c 0%, #32b075 88%); background: -ms-linear-gradient(top, #3dd18c 0%, #32b075 88%);} .tabSec ul li.tabSec04 { width: 100% !important; float: none; clear: both;} .tabSec ul li.tabSec04 a { font-size: 17px; text-align: center; line-height: 70px;} /* 上部メニュー */ #tabSecTop { width: 100%; margin-top: 0; border-bottom: none; display: none;} #tabSecTop .tabSec li a { width: 100%;} /* 下部追跡メニュー */ .floatBlock { background: #ffffcc;} #tabSecBtm { border: none;} /* 毎月キャンペーン毎に変更 */ .tabSec li.tabSec01 a p { margin-top: 19px;} .tabSec li.tabSec02 a p { margin-top: 28px;} .tabSec li.tabSec03 a p { margin-top: 18px; line-height: 18px;} .tabSec li.tabSec03 a p span { color: #fff; padding: 2px 5px; border-radius: 4px; background: #ee5a93; display:inline-block;} .btm_txtArea { width: 96%; margin: 30px auto;} .btm_txtArea .btm_txtTit { font-weight: bold; margin-bottom: 10px;} .btm_txtArea .btm_txtNotes { font-size: 80%; line-height: 1.5;} .btm_txtArea .btm_txtNotes li {} .btm_txtArea .btm_txtLink { text-align: right; margin: 10px 0 10px 0; font-size: 80%;} .btm_txtArea .btm_txtLink a { color: #000000; text-decoration: underline;} /*============================== lineup ==============================*/ .lineupBox { margin-bottom: 30px;} .lineupBox .lineupBtn {} .lineupBox .lineupCon {} .lineupBox .lineupCon .boxArea {} .lineupBox .lineupCon .boxArea .boxTit { font-size: 82%; padding: 5px;} .lineupBox .lineupCon .boxArea ul { padding-bottom: 1px;} .lineupBox .lineupCon .boxArea ul li { padding: 15px 5% 15px 25%; min-height: 80px;} .lineupBox .lineupCon .boxArea ul li:before { width: 20%;} .lineupBox .lineupCon .boxArea ul li .itemTit { font-size: 82%;} .lineupBox .lineupCon .boxArea ul li .itemTit .sup { font-size: 50%;} .lineupBox .lineupCon .boxArea ul li .itemTxt { font-size: 62%;} .lineupBox .lineupCon .boxArea ul li .itemNotes { font-size: 50%;} .lineupBox .lineupCon .lineupBox01 {} .lineupBox .lineupCon .lineupBox02 {} .lineupBox .lineupCon .lineupBox03 {} .lineupBox .lineupCon .lineupBox04 {}