@charset "utf-8"; /* CSS Document */ /*main{ font-feature-settings: "palt"; }*/ img{ max-width: 100%; } .position{ position: relative; } .main-img img{ width: 100%; } .main-txt { font-size: 20px; line-height: 1.7; font-weight: 400; letter-spacing: -0.02em; } .select_headline{ max-width: 1000px; width: 100%; margin: 0 auto; padding: 22px; } .select_headline h2{ color: #fff; font-size: 26px; font-weight: bold; letter-spacing: 0.04em; } .series_cut{ max-width: 636px; width: 100%; } .series_roll{ max-width: 298px; width: 100%; } .series_flex{ max-width: 1000px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 100px; } .ac-box{ max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 124px; } .business-scene{ max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 150px; } .business-scene .headline{ position: relative; z-index: 5; } .business-pattern{ margin-top: -40px; } .pb10{ padding-bottom: 10px; } .business-pattern .pattern{ position: relative; } .business-pattern .pattern .business-btn{ position: absolute; width: 176px; top: 0; left: 0; } .business-pattern .pattern .business-btn1{ top: 68%; left: 9.4%; } .business-pattern .pattern .business-btn2{ top: 72%; left: 52.8%; } .business-pattern .pattern .business-btn3{ top: 68%; left: 9.4%; } .series_rj{ text-align: center; } .series_rj img{ width: 470px; } .pocketJet_headline{ width: 100%; height: 132px; background-color: #29A1D8; text-align: center; margin-bottom: 105px; } .pocketJet_headline div{ position: relative; max-width: 670px; margin: 0 auto; } .pocketJet_headline h2 { color: #FFED00; padding: 30px 50px 12px 50px; border-bottom: solid 2px #FFED00; display: inline-block; font-size: 38px; letter-spacing: 0.1em; font-style: italic; } .pocketJet_headline p{ color: #fff; font-size: 20px; letter-spacing: 0.1em; padding-top: 15px; } .pocketJet_headline div img{ position: absolute; top: -6%; right: -27%; width: 233px; } .pocketJet_point_headline{ text-align: center; margin-bottom: 65px; } .pocketJet_point_headline h3{ display: inline-block; font-size: 26px; letter-spacing: 0.1em; color: #153295; padding: 0 40px 12px 40px; border-bottom: 2px solid #153295; } .pocketJet_flex{ display: flex; justify-content: space-between; } .pocketJet_flex p img{ width: 317px; } .pocketJet_attention{ padding: 15px 0 80px; line-height: 1.4em; } .pocketJet_attention p{ font-size: 12px; letter-spacing: -0.01em; } .pocketJet_katsuyou .pocketJet_flex p img{ width: 486px; } .pocketJet_katsuyou{ margin-bottom: 60px; } .pocketJet_btn{ max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 85px; } .line_grade{ margin-bottom: 70px; } .lineup01{ text-align: center; margin-bottom: 50px; } .lineup01 img{ width: 470px; } .lineup01_a4-taiou{ margin-bottom: 140px; align-items: center; } .lineup01_a4-taiou div:nth-of-type(1){ width: 274px; } .lineup01_a4-taiou div:nth-of-type(2){ width: 274px; } .lineup_seeing{ padding-bottom: 20px; } .pocketJet_01{ padding-bottom: 35px; } .btn-box-2 .ex-link-tex a{ font-size: 12px; color: #153295; } .mprint_headline{ width: 100%; height: 132px; background-color: #ED8900; text-align: center; margin-bottom: 105px; } .mprint_headline div{ position: relative; max-width: 670px; margin: 0 auto; } .mprint_headline h2 { color: #FFED00; padding: 30px 50px 12px 50px; border-bottom: solid 2px #FFED00; display: inline-block; font-size: 38px; letter-spacing: 0.1em; font-style: italic; } .mprint_headline p{ color: #fff; font-size: 20px; letter-spacing: 0.1em; padding-top: 15px; } .mprint_headline div img{ width: 100px; position: absolute; top: -33%; right: -18%; } .lineup02{ text-align: center; margin-bottom: 50px; } .lineup02 img{ width: 470px; } .a6a7_taiou{ position: relative; } .a6a7{ margin-bottom: 20px; } .a6a7_line{ position: absolute; width: 3.1px; top: 10.8%; left: 50%; } .a6a7 p img{ width: 273px; } .a6a7_flex{ display: flex; justify-content: space-between; max-width: 740px; width: 100%; margin: 0 auto; margin-bottom: 140px; } .a6a7_flex .a4-taiou .product img{ width: 289px; height: 383px; max-height: initial; } .a6a7_flex .a4-taiou .product_btn img{ width: 274px; height: auto; max-height: initial; padding-top: 12.5px; } .rj_headline{ width: 100%; height: 132px; background-color: #39AF4A; text-align: center; margin-bottom: 105px; position: relative; } .rj_headline div{ position: relative; max-width: 500px; margin: 0 auto; } .rj_headline h2 { color: #FFED00; padding: 30px 120px 12px 120px; border-bottom: solid 2px #FFED00; display: inline-block; font-size: 38px; letter-spacing: 0.1em; font-style: italic; } .rj_headline p{ color: #fff; font-size: 20px; padding-top: 15px; } .rj_headline div img{ width: 100px; position: absolute; top: -18%; right: -47%; } .rj_box{ box-shadow: 4px 4px 5px 5px rgba(0,0,0,0.2); margin-bottom: 40px; } .rj_box_last{ margin-bottom: 270px; } .inch_flex{ display: flex; align-items: center; margin: 0 auto; justify-content: center; } .inch_flex .inch-4_txt{ width: 252px; margin-right: 20px; } .inch_flex .inch-4_photo{ width: 222px; } .wrap_rj{ max-width: 920px; width: 100%; margin: 0 auto; } .wrap_rj .pocketJet_flex img{ width: 446px; } .rj_flex { display: flex; justify-content: space-between; max-width: 740px; width: 100%; margin: 0 auto; margin-top: 50px; } .rj_flex .a4-taiou .product img { width: 289px; /*height: 383px;*/ max-height: initial; } .rj_flex .a4-taiou .product_btn img { width: 289px; height: auto; max-height: initial; } .inch_flex .inch-3_txt{ width: 252px; margin-right: 10px; } .inch_flex .inch-3_photo{ width: 295px; } .yellow_tie{ width: 100%; height: 50px; background-color: #FFED00; text-align: center; padding: 14px; margin-bottom: 30px; } .yellow_tie p{ color: #153295; font-size: 24px; font-style: italic; font-weight: bold; letter-spacing: -0.01em; } .product_photo_ex{ width: 450px; } .product_txt_ex{ width: 414px; margin-left: 20px; } .gram_size{ max-width: 720px; width: 100%; border-top: 2px solid #39AF4A; border-bottom: 2px solid #39AF4A; margin-top: 45px; margin-bottom: 70px; padding-bottom: 45px; } .gram_size .product_photo_ex{ width: 186px; padding-top: 45px; } .gram_size .product_txt_ex{ width: 370px; margin-left: 40px; } .gram_size_btn{ max-width: 314px; width: 100%; margin: 0 auto; margin-right: 0; } .inch_flex .inch-2_txt{ width: 241px; margin-right: 30px; } .inch_flex .inch-2_photo{ width: 150px; margin-bottom: 20px; } .inch-2 .product_photo_ex{ width: 191px; } .inch-2_2{ padding-bottom: 20px; } .inch-2_2 .product_photo_ex{ width: 186px; padding-top: 5px; } .inch-2_2 .product_txt_ex{ width: 312px; margin-left: 30px; } .inch-2_box{ margin-bottom: 100px; } .lineup03_a4-taiou{ padding: 20px 0 35px; align-items: center; max-width: 884px; width: 100%; margin: 0 auto; } .lineup03_a4-taiou div:nth-of-type(1) { width: 252px; } .lineup03_a4-taiou div:nth-of-type(2) { width: 210px; } .lineup03_a4-taiou div.linup_03_8 { width: 148px; } .back_bg_blue{ background-color: #E9F0F7; padding-bottom: 70px; margin-bottom: 150px; } .back_bg_blue .wrap{ margin-top: -70px; } .soft_headline{ margin-top: -80px; position: absolute; max-width: 1000px; } .soft_flex{ display: flex; justify-content: space-between; max-width: 900px; width: 100%; margin: 0 auto; padding-top: 160px; padding-bottom: 50px; } .soft_flex div:nth-of-type(1){ width: 436px; } .soft_flex div p:nth-of-type(1){ letter-spacing: 0.1em; line-height: 1.8em; } .soft_flex div p:nth-of-type(2){ padding-top: 35px; } .soft_flex div:nth-of-type(2){ width: 436px; } .soft-box{ padding-bottom: 65px; border-bottom: 1px solid #153292; } .sdk-box{ padding-top: 65px; } .back_bg_blue .wrap:nth-of-type(2){ margin-top: 0; } .sdk_flex{ display: flex; justify-content: space-between; max-width: 900px; width: 100%; margin: 0 auto; margin-bottom: 40px; } .sdk_flex img{ width: 436px; } .sdk_content{ text-align: center; padding-bottom: 40px; } .sdk_content p:nth-of-type(1){ max-width: 470px; width: 100%; margin: 0 auto; padding-bottom: 30px; } .sdk_tejun{ padding-bottom: 45px; } .sdk_attention{ text-align: center; letter-spacing: 0.05em; } .sdk_attention div:nth-of-type(1){ padding-bottom: 25px; } .sdk_attention div p:nth-of-type(1){ padding-bottom: 10px; } .sdk_attention div p:nth-of-type(3){ padding-top: 15px; font-size: 12px; padding-bottom: 60px; } .font-blue{ color: #153292; font-size: 16px; font-weight: bold; } .sdk_block01{ max-width: 900px; width: 100%; margin: 0 auto; padding-bottom: 50px; } #anc-2{ padding-top: 50px; } #anc-2-1{ padding-top: 50px; margin-top: -50px; } #anc-2-2{ padding-top: 50px; margin-top: -50px; } #anc-2-3{ padding-top: 50px; margin-top: -50px; } #anc-3{ padding-top: 200px; margin-top: -200px; } .main-txt-2{ font-size: 18px; line-height: 1.7; font-weight: 500; } .main-txt .notes{ max-width: 700px; margin-left: auto; margin-right: auto; font-weight: 500; } .main-txt span{ color: #153295; background: linear-gradient(transparent 80%, #FFED00 0%); font-weight: 800; } .item-1 .main-txt-2 span{ color: #29A1D8; background: linear-gradient(transparent 80%, #FFED00 0%); font-weight: 800; } .item-2 .main-txt-2 span{ color: #EA7800; background: linear-gradient(transparent 80%, #FFED00 0%); font-weight: 800; } .wrap{ width: 1000px; margin-left: auto; margin-right: auto; } .main-ttl-box{ padding-top: 60px; padding-bottom: 70px; text-align: center; } .main-ttl-box .icon{ width: 80px; margin-left: auto; margin-right: auto; margin-bottom: 24px; } .item-1 .main-ttl-box{ background: #29A1D8; } .item-2 .main-ttl-box{ background: #ea7800; } .main-ttl-box h2 span.yr{ color:#FFF100; } .item-1 .main-ttl-box h2 span.head{ /*display: inline-block;*/ background: linear-gradient(transparent 78%, #0766b7 0%); } .item-2 .main-ttl-box h2 span.head{ /*display: inline-block;*/ background: linear-gradient(transparent 78%, #d73800 0%); } .main-ttl-box h2{ color: #fff; font-size: 45px; line-height: 1.4; } .normal p{ font-size: 16px; line-height: 1.75; font-feature-settings: "palt"; } .normal2 p{ font-size: 14px; line-height: 1.75; font-feature-settings: "palt"; } .ttl-1{ background: url("/-/media/cojp/product/labelprinter/special/lp03/img/ttl_bg_pc.png") no-repeat center top; background-size:100%; color:#fff; font-size: 34px; line-height: 1; padding-top: 22px; padding-bottom: 24px; text-align: center; } .item-list ul{ font-size: 0; text-align: center; } .item-list ul li{ display: inline-block; width: 224px; margin-right: 24px; } .item-list ul li:last-child{ margin-right: 0; } .sub-ttl{ font-size: 26px; color:#fff; text-align: center; background: #153295; padding-top: 15px; padding-bottom: 15px; line-height: 1; } .item-1 .sub-ttl{ border-bottom:7px solid #29A1D8; } .item-2 .sub-ttl{ border-bottom:7px solid #ea7800; } .item-ttl{ background: #EEEFF5; padding-top: 10px; padding-bottom: 10px; text-align: center; } .item-ttl h5{ font-size: 18px; } .item-1 .item-ttl{ color:#29A1D8; border-top:1px solid #29A1D8; border-bottom:1px solid #29A1D8; } .item-box .img{ width: 450px; } .item-box .text{ width: 460px; margin-left: 58px; } .item-box .text .blue{ color:#153295; } .point-list{ font-size: 0; } .point-list li{ display: inline-block; width: 210px; margin-right: 50px; vertical-align: top; } .point-list li:last-child{ margin-right: 0; } .point-list li .p-ttl{ text-align: center; background: url("/-/media/cojp/product/labelprinter/special/lp03/img/plot_bg_01_pc.png") no-repeat center top; background-size:100%; font-weight: 700; color:#fff; margin-bottom: 10px; padding-top: 12px; padding-bottom: 24px; } .point-list li .p-ttl p{ font-size: 20px; line-height: 1; text-align: center; } .point-list li .p-icon{ margin-left: auto; margin-right: auto; width: 33.3%; padding-bottom: 26px; } .point-list li .p-text{ padding-top: 20px; border-top:1px solid #153295; } .exm-ttl{ padding-top: 10px; padding-bottom: 10px; background: #29A1D8; text-align: justify; } .exm-ttl p{ font-size: 18px; color:#fff; text-align: center; font-weight: 700; } .exm-list{ background: #EEEFF5; padding:70px 64px 40px; } .exm-list ul{ font-size: 0; text-align: center; } .exm-list ul li{ width: 180px; margin-right: 40px; display: inline-block; } .exm-list ul li:last-child{ margin-right: 0; } .exm-list .exm-btn{ width: 320px; margin-left: auto; margin-right: auto; } .item-2 .item-wrap .ttl-box{ padding-top: 12px; padding-bottom: 12px; background: #EA7800; color:#fff; text-align: center; font-weight: bold; font-size: 18px; } .item-2 .item-wrap .bg-box{ background: #FDF0E3; padding:40px 50px 55px; } .item-2 .item-wrap .bg-wrap{ background: #fff; } .item-2 .item-wrap .bg-wrap .bg-ttl{ font-size: 18px; text-align: center; padding-top: 16px; color:#EA7800; padding-bottom: 10px; line-height: 1; font-weight: bold; border-bottom: 1px solid #EA7800; } .item-2 .item-wrap .item-info{ padding:30px 36px 24px 84px; text-align: left; } .item-2 .item-wrap .item-info .item-img{ width: 250px; float: left; margin-right: 52px; } .item-2 .item-wrap .item-info .item-img.ex{ width: 320px; margin-left: -45px; margin-right: 25px; } .item-2 .item-wrap .item-info .item-tex-list{ float: left; width: 470px; } .item-2 .item-wrap .item-info .item-tex-list li{ border-left:6px solid #EA7800; padding-left: 8px; font-size: 18px; line-height: 1.5; margin-bottom: 24px; font-weight: 700; } .item-2 .item-wrap .item-info .item-tex-list li.ex,.item-2 .item-wrap .item-info .item-tex-list li.ex2{ padding-top: 12px; padding-bottom:15px; } .item-2 .item-wrap .item-info .item-tex-list li:last-child{ margin-right: 0; } .item-2 .item-wrap .item-icon{ position: absolute; right:36px; bottom:24px; width: 132px; } .item-2 .item-wrap .fukidashi{ background: url("/-/media/cojp/product/labelprinter/special/lp03/img/plot_bg_02_pc.png") no-repeat center top; background-size:100%; padding-top: 15px; padding-bottom: 40px; font-size: 18px; color:#EA7800; font-weight: bold; text-align: center; line-height: 1; } .item-2 .fukidashi-list ul{ font-size: 0; } .item-2 .fukidashi-list ul li{ display: inline-block; width: 210px; margin-right: 20px; } .item-2 .fukidashi-list ul li:last-child{ margin-right: 0; } .item-2 .ex-link-tex a{ font-size: 12px; color:#153295; } .btn-box-2 .ex-link-tex a .reg{ transform: rotate(90deg); display: inline-block; } .item-2 .btn-box.ex{ width: 1020px; margin-left: -10px; margin-right: -10px; } .btn-box-2{ width: 740px; margin-left: auto; margin-right: auto; } .ac-box dl{ } .ac-box dt{ background: #EEEFF5; padding:12px 0 12px 82px; cursor: pointer; font-size: 22px; font-weight: 400; } .ac-box dl dt::after{ background: #fff; padding:5px 8px; content: "[表示]"; margin-left: 20px; font-size: 12px; line-height: 1; display: inline-block; vertical-align: middle; } .ac-box dl dt.open::after{ content: "[非表示]"; } .ac-box dd{ border-left:6px solid #EEEFF5; border-right:6px solid #EEEFF5; border-bottom:6px solid #EEEFF5; padding:60px 10px 50px 78px; color: #153292; } .anc-box.ptn1 a,.anc-box.ptn2 a,.anc-box.ptn3 a{ color:#153292; } .anc-box .big-txt .icon{ width: 32px; margin-right: 16px; display: inline-block; vertical-align: middle; } .anc-box .big-txt .text{ /*width: 800px;*/ font-size: 36px; display: inline-block; vertical-align: middle; } .anc-box .big-txt .text a{ text-decoration: underline; } .anc-box li{ font-size: 18px; margin-bottom: 20px; padding-left: 50px; } .anc-box li:last-child{ margin-bottom: 0; } .anc-box li span{ transform: rotate(90deg); display: inline-block; } /*a:hover{ opacity: 0.6 !important; } a:focus{ opacity:initial !important; }*/ /*a:hover, a:focus { opacity: 0.6; }*/ a:hover { opacity: 0.6; } /* 下部フロートメニュー */ .follow-menu-wrapper{ position: fixed; transition: all 0.3s ease 0s; left: 0; right:0; margin-left: auto; margin-right: auto; width: 100%; max-width: 1000px; z-index: 999; bottom: -150px; } .follow-menu-wrapper.follow-menu-on{ bottom: -1px; } .follow-menu-wrapper.follow-menu-off{ bottom: -150px; transition: all 0.3s ease 0s; } .follow-menu-wrapper ul{ display: flex; } .follow-menu-wrapper ul li{ width: 33.3%; text-align: center; font-size: 18px; line-height: 1; font-weight: 600; } .follow-menu-wrapper ul li a span{ display: inline-block; vertical-align: middle; line-height: 1; } .follow-menu-wrapper ul li:nth-child(1) a{ color: #000000; background: #ffe600; display: block; width: 100%; padding-top: 35px; padding-bottom: 35px; } .follow-menu-wrapper ul li:nth-child(1) .icon{ width: 14px; margin-left: 3px; } .follow-menu-wrapper ul li:nth-child(2) a{ color: #fff; background: #303030; display: block; width: 100%; padding-top: 35px; padding-bottom: 35px; } .follow-menu-wrapper ul li:nth-child(2) .icon{ width: 20px; margin-left: 3px; } .follow-menu-wrapper ul li:nth-child(3) a{ color: #fff; background: #0099ff; display: block; width: 100%; padding-top: 35px; padding-bottom: 35px; } .follow-menu-wrapper ul li:nth-child(3) .icon{ width: 20px; margin-left: 3px; } footer{ padding-bottom: 20px; } .st-backToTopFixed{ bottom: 60px; } @media only screen and (max-width : 768px) { .wrap{ width: 88%; margin-left: auto; margin-right: auto; } .series_sp div:nth-of-type(1){ padding-bottom: 8vw; } .series_sp div:nth-of-type(2){ padding-bottom: 12vw; } .series_sp div:nth-of-type(3){ padding-bottom: 8vw; } .series_sp div{ padding-bottom: 10vw; } .ac-box{ width: 90%; margin-bottom: 15vw; } .business-scene{ width: 90%; margin-bottom: 10vw; } .business-pattern { margin-top: -6vw; } .business-pattern .pattern .business-btn1,.business-pattern .pattern .business-btn2 { left: 4.4%; top: 36%; } .business-pattern .pattern .business-btn3{ left: 4.4%; top: 31.5%; } .business-scene .pb10 { padding-bottom: 4vw; } #anc-2 { padding-top: 7vw; } .main-txt{ font-size:3.9vw; line-height: 1.85; /*font-weight: 600;*/ } .select_headline h2 { font-size: 5vw; } .select_headline { height: auto; width: 90%; padding: 3vw 0 5vw; } .cut-type span img { width: 45vw; } .cut-type span { padding: 0 1em; } .cut-type span:before, .cut-type span:after { width: 4.6em; } .cut-type { margin-bottom: 12vw; } .series_flex{ display: block; } .series_cut .anchor-1{ margin-bottom: 15vw; } .series_roll { margin-bottom: 25vw; } .series_flex p img { width: 100%; } .series_rj img { width: 100%; } .lineup01 img { width: 100%; } .pocketJet_headline { height: auto; margin-bottom: 12vw; } .pocketJet_headline h2 { font-size: 6.5vw; padding: 8vw 10vw 1vw 10vw; border-bottom: solid 1px #FFED00; } .pocketJet_headline p { font-size: 4vw; letter-spacing: 0.05em; padding-top: 3vw; padding-bottom: 8vw; } .pocketJet_headline img{ width: 50vw; padding: 0 0 4vw 0; } .pocketJet_point_headline h3 { letter-spacing: 0; padding: 0 7vw 1vw; border-bottom: 1px solid #153295; font-size: 5vw; } .pocketJet_point_headline { margin-bottom: 8vw; } .pocketJet_01_sp p{ margin-bottom: 5vw; } .pocketJet_point { margin-bottom: 0vw; } .pocketJet_attention { padding: 0 0 14vw; } .pocketJet_01 { padding-bottom: 0; } .lineup01 { margin-bottom: 8vw; } .lineup01_a4-taiou div:nth-of-type(1) { width: 60vw; margin: 0 auto; } .lineup01_a4-taiou div:nth-of-type(2) { width: 85vw; margin: 0 auto; padding-top: 3vw; padding-bottom: 10vw; } .pocketJet_flex p.lineup_seeing { padding-bottom: 0; margin-bottom: 5vw; } .pocketJet_flex{ display: block; } .pocketJet_flex p{ margin-bottom: 10vw; } .pocketJet_02_sp p{ margin-bottom: 5vw; } .pocketJet_flex p.btn_sp{ margin-bottom: 30vw; } .pocketJet_katsuyou { margin-bottom: 15vw; } .pocketJet_btn img { width: 100%; } .pocketJet_btn { margin-bottom: 17vw; } .line_grade { margin-bottom: 14vw; } .a4-taiou .product img { width: 100%; max-height: initial; } .a4-taiou .product_btn img { width: 100%; } .pj723 { padding-bottom: 4vw; } .lineup01_a4-taiou { margin-bottom: 10vw; } .mprint_headline { height: auto; margin-bottom: 12vw; } .mprint_headline h2 { font-size: 6.5vw; padding: 8vw 10vw 1vw 10vw; border-bottom: solid 1px #FFED00; } .mprint_headline p { font-size: 4vw; letter-spacing: 0.05em; padding-top: 3vw; padding-bottom: 8vw; } .mprint_headline img{ width: 20vw; padding: 0 0 4vw 0; } .pocketJet_flex p img { width: 100%; } .lineup02 img { width: 100%; } .a6a7_img{ width: 55vw; margin: 0 auto; margin-bottom: 5vw; } .a7{ margin-top: 15vw; margin-bottom: 30vw; } .rj_headline { height: auto; margin-bottom: 12vw; } .rj_headline h2 { font-size: 6.5vw; padding: 8vw 10vw 1vw 10vw; border-bottom: solid 1px #FFED00; } .rj_headline p { font-size: 4vw; letter-spacing: 0.05em; padding-top: 3vw; } .rj_headline img{ width: 20vw; padding: 4vw 0 4vw 0; } .inch_flex .inch-4_txt { margin-right: 1vw; width: 78vw; } .inch_flex .inch-4_photo { width: 60vw; } .wrap_rj { width: 92%; } .rj_flex{ display: block; margin-top: 10vw; } .rj_flex .a4-taiou .product img { width: 100%; } .rj_flex .a4-taiou .product_btn img { width: 100%; } .a4-taiou_sp{ margin-bottom: 16vw; } .rj_box { padding-top: 5vw; padding-bottom: 8vw; margin-bottom: 7vw; } .lineup03_a4-taiou{ width: 90%; padding-top: 0; padding-bottom: 0; } .lineup03_a4-taiou div:nth-of-type(1) { width: 65vw; margin: 0 auto; } .lineup03_a4-taiou div:nth-of-type(2) { width: 60vw; margin: 0 auto; } .pocketJet_flex p.name_sp1{ width: 60%; } .pocketJet_flex p.name_sp2{ width: 48%; } .pocketJet_flex p.name_sp3{ width: 48%; } .pocketJet_flex p.rj_btn{ margin-bottom: 0; } .inch_flex .inch-3_txt { width: 72vw; margin-right: 1vw; } .inch_flex .inch-3_photo { width: 68vw; } .wrap_rj .pocketJet_flex img { width: 100%; } .wrap_rj .pocketJet_flex p { margin-bottom: 5vw; } .yellow_tie { height: auto; margin-top: 7vw; margin-bottom: 10vw; } .new_sp{ padding-bottom: 5vw; } .inch_flex_sp{ display: block; width: 90%; padding-bottom: 5vw; margin-bottom: 4vw; border-bottom: 1px solid #39AC4A; } .product_photo_ex { margin: 0 auto; margin-bottom: 8vw; width: 100%; } .product_txt_ex { width: 95%; margin: 0 auto; } .gram_size .product_photo_ex { padding-top: 10vw; width: 45vw; margin-bottom: 0; } .gram_size .product_txt_ex { width: 100%; margin: 0 auto; } .gram_size { width: 95%; margin-top: 0; border-top: 0; padding-bottom: 8vw; margin-bottom: 8vw; } .gram_size_btn { width: 100%; } .lineup03_a4-taiou div.linup_03_8 { margin: 0 auto; width: 35vw; margin-top: 4vw; margin-bottom: 6vw; } .rj2150_sp{ margin-top: -5vw; } .lineup01_a4-taiou { margin-bottom: 0; } .inch_flex .inch-2_txt { margin-right: 2vw; margin-bottom: 3vw; width: 46vw; } .inch_flex .inch-2_photo { width: 28vw; margin-bottom: 6vw; } .inch_flex.gram_size.inch-2_2{ border-top: 2px solid #39AF4A; margin-top: 10vw; padding-bottom: 1vw; } .inch_flex.gram_size.inch-2_2 .product_photo_ex { padding-top: 5vw; } .rj_box.inch-2_box{ margin-bottom: 15vw; } .back_bg_blue { margin-top: 55vw; padding-bottom: 10vw; margin-bottom: 15vw; } .soft_headline { width: 90%; margin-top: -20vw; } .soft_flex { display: block; padding-top: 27vw; padding-bottom: 10vw; } .soft_flex div:nth-of-type(1) { width: 100%; } .soft_flex div p:nth-of-type(2) { padding-top: 5vw; } .soft_flex div:nth-of-type(2) { width: 100%; padding-top: 7vw; } .soft-box { padding-bottom: 15vw; } .sdk-box { padding-top: 10vw; } .sdk_content { padding-top: 6vw; padding-bottom: 6vw; text-align: left; } .sdk_flex { display: block; margin-bottom: 10vw; } .tejun_headline{ margin-bottom: 3vw; } .sdk_tejun { padding-bottom: 8vw; } .sdk_attention div p:nth-of-type(3) { padding-bottom: 8vw; } .sdk_content p:nth-of-type(1) { padding-bottom: 5vw; } .font-blue { text-align: center; } .sdk_block01 { padding-bottom: 10vw; } .pocketJet_katsuyou .pocketJet_flex p img { width: 100%; } .sdk_flex img { width: 100%; } #anc-3 { padding-top: 2vw; margin-top: -2vw; } .main-txt-2{ font-size:3.5vw; line-height: 1.85; /*font-weight: 600;*/ } .main-ttl-box{ padding-top: 8%; padding-bottom: 8%; text-align: center; } /*.main-txt span,.main-txt-2 span{ font-weight: 800; }*/ .main-ttl-box h2{ color: #fff; font-size: 7.6vw; line-height: 1.4; } .main-ttl-box .icon{ width: 14.6%; margin-left: auto; margin-right: auto; margin-bottom: 3%; } .item-1 .main-ttl-box h2 span.head{ /*display: inline-block;*/ background: none; } .item-2 .main-ttl-box h2 span.head{ /*display: inline-block;*/ background: none; } .item-1 .main-ttl-box h2 span.yr{ /*display: inline-block;*/ background: linear-gradient(transparent 78%, #0766b7 0%); } .item-2 .main-ttl-box h2 span.yr{ /*display: inline-block;*/ background: linear-gradient(transparent 78%, #d73800 0%); } .normal p{ font-size: 3.4vw; line-height: 1.75; } .normal2 p{ font-size: 3.0vw; line-height: 1.75; } .normal.ex p{ font-size: 3.9vw; line-height: 1.75; } .ttl-1{ background: url("/-/media/cojp/product/labelprinter/special/lp03/img/ttl_bg_sp.png") no-repeat center top; background-size:100%; color:#fff; font-size:5.4vw; line-height: 1; padding-top: 4%; padding-bottom: 4%; text-align: center; } .item-list ul li{ display: block; width: 57%; margin-right: auto; margin-left: auto; margin-bottom: 8%; } .item-list ul li:last-child{ margin-right: auto; margin-left: auto; margin-bottom: 18%; } .sub-ttl{ font-size: 4.8vw; padding-top: 3%; padding-bottom: 3%; line-height: 1; } .item-ttl { background: #EEEFF5; padding-top: 2%; padding-bottom: 2%; text-align: center; } .item-ttl h5{ font-size: 4.0vw; } .item-1 .sub-ttl{ border-bottom:4px solid #29A1D8; } .item-box .img{ width: 100%; } .item-box .text{ width: 100%; margin-left: auto; margin-right: auto; } .point-list li{ display: inline-block; width: 45%; margin-right: 10%; vertical-align: top; margin-top: 10%; margin-bottom: 0; } .point-list li:nth-child(2n),.point-list li:last-child{ margin-right: 0; } .point-list li .p-ttl{ text-align: center; background: url("/-/media/cojp/product/labelprinter/special/lp03/img/plot_bg_01_sp.png") no-repeat center top; background-size:100%; font-weight: 700; color:#fff; margin-bottom: 3%; padding-top: 5%; padding-bottom: 12%; } .point-list li .p-ttl p{ font-size: 4.4vw; line-height: 1; } .point-list li .p-icon{ margin-left: auto; margin-right: auto; width: 33.3%; margin-bottom: 3%; padding-bottom: 12%; padding-top: 3%; } .point-list li .p-text{ padding-top: 4%; border-top:1px solid #153295; } .exm-ttl{ padding-top: 3%; padding-bottom: 3%; background: #29A1D8; } .exm-ttl p{ font-size: 4.0vw; } .exm-list{ background: #EEEFF5; padding:8% 7% 7%; } .exm-list ul li{ width: 44%; margin-right: 6%; padding-top: 3%; padding-bottom: 8%; display: inline-block; } .exm-list ul li:nth-child(2n),.exm-list ul li:last-child{ margin-right: 0; } .exm-list .exm-btn{ width: 100%; margin-top: 4%; margin-left: auto; margin-right: auto; } .item-2 .item-wrap .ttl-box{ padding-top: 2%; padding-bottom: 2%; font-size: 4.0vw; letter-spacing: -0.04em; } .item-2 .item-wrap .bg-box{ padding:5% 5%; } .item-2 .item-wrap .bg-wrap .bg-ttl{ font-size: 4.0vw; text-align: center; padding-top: 3%; padding-bottom: 3%; } .item-2 .item-wrap .item-info{ padding:6% 8% 6%; text-align: left; } .item-2 .item-wrap .item-info .item-img{ width: 68%; margin-left: auto; margin-right: auto; float:none; margin-bottom: 12%; } .item-2 .item-wrap .item-info .item-img.ex{ width: 86%; margin-left: auto; margin-right: auto; } .item-2 .item-wrap .item-info .item-tex-list{ width: 100%; margin-left: auto; margin-right: auto; float:none; } .item-2 .item-wrap .item-info .item-tex-list li{ border-left:6px solid #EA7800; padding-left: 2%; font-size: 3.7vw; line-height: 1.5; margin-bottom: 10%; letter-spacing: -0.05em; } .item-2 .item-wrap .item-info .item-tex-list li.ex{ padding-top: 3%; padding-bottom: 4%; } .item-2 .item-wrap .item-info .item-tex-list li.ex2{ padding-top: 0; padding-bottom: 0; } .item-2 .item-wrap .item-info .item-tex-list li:last-child{ margin-right: 0; margin-bottom: 15%; } .item-2 .item-wrap .item-info .item-tex-list .plus li:last-child{ margin-bottom: 20%; } .item-2 .item-wrap .item-icon{ position: absolute; right:5%; bottom:5%; width: 36%; } .item-2 .item-wrap .fukidashi{ background: url("/-/media/cojp/product/labelprinter/special/lp03/img/plot_bg_02_sp.png") no-repeat center top; background-size:100%; padding-top: 3%; padding-bottom: 9%; font-size: 4.0vw; color:#EA7800; font-weight: bold; text-align: center; line-height: 1; } .item-2 .fukidashi-list ul li{ display: inline-block; width: 47%; margin-right: 6%; margin-top: 2%; margin-bottom: 4%; } .item-2 .fukidashi-list ul li:last-child,.item-2 .fukidashi-list ul li:nth-child(2n){ margin-right: 0; } .item-2 .btn-box.ex{ width: 104%; margin-left: -2%; margin-right: -2%; } .btn-box-2{ width: 100%; margin-left: auto; margin-right: auto; } .ac-box dt{ background: #EEEFF5; padding:2% 2% 2% 6%; font-size: 4.4vw; cursor: pointer; } .ac-box dl dt::after{ padding:1% 2%; margin-left: 4%; font-size: 3.3vw; } .ac-box dl dt.open::after{ content: "[非表示]"; } .ac-box dd{ border-left:4px solid #EEEFF5; border-right:4px solid #EEEFF5; border-bottom:4px solid #EEEFF5; padding:8% 2% 8% 6%; } .anc-box .big-txt .icon{ width: 10%; margin-right: 2%; display: inline-block; vertical-align: top; margin-top: -1%; } .anc-box .big-txt .text{ width: 88%; font-size: 6vw; display: inline-block; vertical-align:top; } .anc-box .big-txt .text a{ text-decoration: underline; } .anc-box .text span{ margin-left: 12%; } .anc-box .big-txt .text.text_sp{ width: 95%; } .soft-link_sp{ display: initial; } .anc-box ul{ padding-left: 12%; line-height: 1.2em; display: block; } .anc-box li{ font-size: 3.6vw; margin-bottom: 6%; text-indent: -0.5em; padding-left: 0.7em; } .anc-box li:last-child{ margin-bottom: 0; } .anc-box li span{ transform: rotate(90deg); display: inline-block; font-size: 3.3vw; margin-right: 2%; vertical-align: text-bottom; line-height: 0; } /* 下部フロートメニュー */ .follow-menu-wrapper.follow-menu-on{ bottom: 0; } .follow-menu-wrapper.follow-menu-off{ bottom: -120px; } .follow-menu-wrapper ul{ display: flex; } .follow-menu-wrapper ul li{ width: 33.3%; text-align: center; font-size: 3.3vw; line-height: 1.75; font-weight: 600; } .follow-menu-wrapper ul li a span{ display: block; text-align: center; line-height: 1.4; } .follow-menu-wrapper ul li:nth-child(1) a{ padding-top: 3vw; padding-bottom: 3vw; } .follow-menu-wrapper ul li:nth-child(1) .icon{ width:3vw; margin-left: auto; margin-right: auto; } .follow-menu-wrapper ul li:nth-child(2) a{ padding-top: 3vw; padding-bottom: 3vw; } .follow-menu-wrapper ul li:nth-child(2) .icon{ width:4vw; margin-left: auto; margin-right: auto; } .follow-menu-wrapper ul li:nth-child(3) a{ padding-top: 3vw; padding-bottom: 3vw; } .follow-menu-wrapper ul li:nth-child(3) .icon{ width:4vw; margin-left: auto; margin-right: auto; } footer{ padding-bottom: 19vw; } .st-backToTopFixed{ bottom: 26vw; } } @media print, screen and (min-width : 769px) { } @-ms-viewport{width:device-width;} .visible-xs, .visible-sm, .visible-md, .visible-lg{display:none !important;} .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block{display:none !important;} @media (max-width:420px){.hidden-xs{display:none !important;}} @media (min-width:420px) and (max-width:768px){.hidden-sm{display:none !important;}} @media (min-width:769px){.hidden-md{display:none !important;}}