﻿@charset "utf-8";/* CSS Document *//*全体設定*/*, *:before, *:after {box-sizing: inherit;}html {box-sizing: border-box;}img {vertical-align: bottom;}.shimolab_item{width: 1260px;margin: 0 auto;margin-bottom: 50px;}.shimolab_item h2{font-size: 1.8em;font-weight: bold;border-bottom: solid 1px #000000;padding: 3px 0;}.shimolab_item h2 span.h2_step{background-color: #ea4b4b;color: #FFFFFF;padding: 3px 25px;border-radius: 5px;text-align: left;margin-right: 10px;}.shimolab_item p.btm_h2{margin-top: 10px;font-weight: bold;}.shimolab_item h3.size_h3{font-size: 1.5em;font-weight: bold;margin-top: 20px;}.shimolab_item h3.size_h3::before{content: "┃";}.shimolab_item p._btn{font-size: 1.3em;font-weight: bold;margin-bottom: 45px;}.shimolab_item p._btn a{border-radius: 1.5em;padding: 0.8em 0;text-decoration: none;text-align: center;display: block;color: #ffffff;background-color: #ea4b4b;}.shimolab_item p._btn a:hover{opacity: 0.7;}/*TOPイメージ*/.shimolab_item .intro{width: 100%;background-color: #f6f5f3;border-radius: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px;margin-bottom: 50px;}.shimolab_item .intro ._txt{width: 54%;display: flex;flex-direction: column;justify-content: center;}.shimolab_item .intro ._txt h1{font-size: 2.5em;font-weight: bold;margin-bottom: 10px;}.shimolab_item .intro ._txt p{font-weight: bold;font-size: 1.5em;margin-bottom: 5px;}.shimolab_item .intro ._txt .p_txt{font-weight: bold;font-size: 1em;}.shimolab_item .intro ._txt ul{display: flex;flex-wrap: wrap;margin-bottom: 5px;}.shimolab_item .intro ._txt ul li{margin: 0 5px 5px 0;padding: 5px 10px;font-weight: bold;background-color: #ffffff;border: solid 1px #ef4141;}.shimolab_item .intro ._img{width: 44%;}.shimolab_item .intro ._img img{width: 100%;}/*作成ステップ*/.shimolab_item h2.step_h2{font-size: 1.8em;text-align: center;font-weight: bold;}.shimolab_item .step_txt{display: flex;justify-content: space-between;margin: 20px auto 65px;}.shimolab_item .step_txt .step_p{width: calc(calc(100%/3) - 15px);padding: 15px;background-color: #f6f5f3;border-radius: 10px;position: relative;display: flex;box-sizing: border-box;flex-direction: column;}.shimolab_item .step_txt .step_p p{font-size: 1.8em;font-weight: bold;text-align: center;margin: 10px;}.shimolab_item .step_txt .step_p span.step_{background-color: #ea4b4b;color: #FFFFFF;padding: 3px 25px;border-radius: 5px;text-align: left;}/*印刷イメージ*/.shimolab_item .contents_image{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0 50px;}.shimolab_item .contents_image::after{content: "";width: 24%;height: 0;display: block;}.shimolab_item .contents_image::before{content: "";width: 24%;height: 0;display: block;order: 1;}.shimolab_item .contents_image ._img{width: 24%;}.shimolab_item .contents_image ._img span {font-size: 0.8em;}.shimolab_item .contents_image ._img img{width: 100%;}.shimolab_item .contents_image ._img ul.sample{padding: 5px 0 0;}.shimolab_item .contents_image ._img ul.sample li{padding: 2px;border-top: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;border-left: solid 1px #CCCCCC;}.shimolab_item .contents_image ._img ul.sample li:last-child{border-bottom: solid 1px #cccccc;}.item{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;margin: 25px auto 45px;padding: 3px;}.item .item_img{width: 34%;}.item .item_img img{width: 100%;}.item .item_txt{width: 64%;padding: 0 15px 15px 30px;box-sizing: border-box;}.item .item_txt p{line-height: 1.5;font-size: 1.2em;padding: 25px;margin: 25px auto;}.item .item_txt span{font-weight: bold;border-bottom: solid 1px #000000;}/*本体色*/.contents_image-explain {display: grid;grid-template-columns: repeat(3, 1fr);/* 4列のレイアウトを定義 */gap: 20px;/* セル間のギャップ */padding: 3%;margin: auto;}.parts_intro, .parts_intro-span-two {padding: 10px;/* パディング（例） */border: solid 1px #cccccc;border-radius: 5px;}.parts_intro img, .parts_intro-span-two .two img {width: 100%;/* コンテナの幅に合わせる */height: auto;/* 高さは自動調整してアスペクト比を維持 */}.parts_intro-span-two {grid-column: span 2;/* 2列を跨ぐ */display: flex;flex-direction: column;/* 要素を縦方向に並べる */align-items: center;/* 中央揃え */}.parts_intro-span-two .two {width: 100%;/* コンテナの幅いっぱいに */display: flex;/* 画像を横に並べる */justify-content: space-between;/* 画像の間に適切なスペースを設ける */flex-wrap: wrap;/* 必要に応じて折り返し */}.parts_intro-span-two .two img {width: 48%;/* 2つの画像の幅をそれぞれ48%に設定 */}.contents_image-explain h3,.contents_image-explain h3 {font-weight: bold;/* 太字に設定 */font-size: 1.1rem;/* フォントサイズを1.1remに設定 */text-align: center;}/*印刷色*/.shimolab_item .contents_color{display: flex;flex-wrap: wrap;margin: 20px -20px 50px 0;}.shimolab_item .contents_color ._color{width: 108px;margin: 0 20px 10px 0;text-align: center;font-weight: bold;}.shimolab_item .contents_color ._color p span.a{color: #F30004;font-size: 0.9em;}/*サイズ一覧*/.shimolab_item .contents_size{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0 20px;}.shimolab_item .contents_size ._size{width: 24%;padding: 15px;border: solid 1px #cccccc;border-radius: 10px;position: relative;margin-bottom: 25px;display: flex;/*ここから追記*/flex-direction: column;box-sizing: border-box;}/*単価を見るのボタン*/.shimolab_item .contents_size ._size ul.btns,.shimolab_item .contents_size ._size ul.btns_02{margin-top: auto;margin-bottom: 10px;}.shimolab_item .contents_size ._size ul.btns_02{text-align: right;}.shimolab_item .contents_size ._size ul.btns li.btn_gazou,.shimolab_item .contents_size ._size ul.btns li.btn_gazou_02{position: relative;}.shimolab_item .contents_size ._size ul.btns li.btn_gazou:hover{opacity: 0.7;}.shimolab_item .contents_size ._size .btn_gazou a{display: block;position: relative;color: #ffffff;background-color: #ea4b4b;font-weight: bold;border-radius: 1.5em;text-align: center;text-decoration: none;font-size: 1.3em;padding: 0.8em 0;}.shimolab_item .contents_size ._size .btn_gazou a:after {content: url(https://shimojima.sbs/img/freepage/food_delivery/ico_pdf_w.png);margin: auto;line-height: 0;position: absolute;top: 0.6em;bottom: 0;margin-left: 0.5em;}.shimolab_item .contents_size ._size ul.btns_02 li.btn_gazou_02 a{font-size: 1.2em;}.shimolab_item .contents_size::after,.shimolab_item .contents_size::before {content: "";display: block;width: 24%;height: 0;}.shimolab_item .contents_size::before {order: 1;}.shimolab_item .contents_size ._img img{width: 100%;}.shimolab_item .contents_size ._name{margin-bottom: 10px;}.shimolab_item .contents_size ._name h3{font-size: 1.5em;font-weight: bold;}.shimolab_item .contents_size ._name ._price{font-weight: bold;font-size: 1.3em;color: #ef4141;}.shimolab_item .contents_size dl._detail{border-top: solid 1px #cccccc;border-left: solid 1px #cccccc;display: flex;flex-wrap: wrap;margin-bottom: 20px;}.shimolab_item .contents_size dl._detail dt{width: 35%;background-color: #f6f5f3;border-bottom: solid 1px #cccccc;border-right: solid 1px #cccccc;padding: 5px 0 5px 5px;display: flex;flex-direction: column;justify-content: center;font-weight: bold;}.shimolab_item .contents_size dl._detail dd{width: 65%;border-bottom: solid 1px #cccccc;border-right: solid 1px #cccccc;padding: 5px 0 5px 5px;display: flex;flex-direction: column;justify-content: center;}/*料金表*/.shimolab_item .pricelist {margin: 35px 0;}.shimolab_item .pricelist table {width: 100%;box-sizing: border-box;table-layout: fixed;border-spacing: 0;}.shimolab_item .pricelist table tr.header {background-color: #938985;line-height: 1.2em;}.shimolab_item .pricelist table tr.color {background: #e8e5e3;}.shimolab_item .pricelist table th{width: 7%;color: #fff;border: solid 1px #68615f;font-weight: bold;text-align: center;padding: 10px 5px;box-sizing: border-box;}.shimolab_item .pricelist table td{width: 7%;border: solid 1px;text-align: center;padding: 10px 5px;box-sizing: border-box;}.shimolab_item .pricelist table ._img {width: 15%;}.shimolab_item .pricelist table ._texture {width: 8%;}.shimolab_item .pricelist table ._parts {width: 15%;font-size: 0.85em;}.shimolab_item .pricelist table ._na {width: 6%;}.shimolab_item .pricelist table td a{font-weight: bold;}/*注意事項のとこ*/.shimolab_item .contents_notes{width: 100%;margin: 0 auto 20px;}.shimolab_item .contents_notes .notes{width: 100%;margin-bottom: 25px;padding: 10px;}.shimolab_item .contents_notes .notes h3.notes_h3{font-weight: bold;font-size: 1.3em;}.shimolab_item .contents_notes .notes .notes_ul{margin-top: 10px;}.shimolab_item .contents_notes .notes .notes_ul p {font-size: 1.2em;font-weight: bold;}.shimolab_item .contents_notes .notes h3.notes_h3::before{content: "┃";}.shimolab_item .contents_notes .notes ul.notes_ul{width: 100%;}.shimolab_item .contents_notes .notes ul.notes_ul li {font-size: 1.2em;font-weight: bold;}.shimolab_item .contents_notes .notes ul.notes_ul li.li_img{padding: 5px 5px 5px 20px;}.shimolab_item .contents_notes .notes ul.notes_ul li::before{content: "・";}.shimolab_item .contents_notes .notes ul.notes_ul li.li_img::before{display: none;}/* 単価PDF追加 */.tankaArea{margin-top: 20px;}.tankaBlock{border: 1px solid #ddd;border-radius: 10px;padding: 12px;background: #fff;margin-bottom: 16px;}.tankaBlock .pricelist{margin: 0;}.shimolab_item .contents_size ._size .btn_gazou button{display: block;width: 100%;color: #ffffff;background-color: #ea4b4b;font-weight: bold;border-radius: 1.5em;text-align: center;font-size: 1.3em;padding: 0.8em 0;border: none;cursor: pointer;}.shimolab_item .contents_size ._size .btn_gazou button:hover{opacity: 0.7;}/* サイズセルを「画像＋テキスト」にする */.pricelist table td.sizeCell{text-align: left;/* 既存はcenterなので上書き */vertical-align: middle;}/* 縦並び（画像とテキスト） */.sizeCell__wrap{display: flex;flex-direction: column;gap: 8px;align-items: center;}/* 画像は枠内で縮小して収める */.sizeCell__img{width: 120px;flex: 0 0 120px;}.sizeCell__img img{width: 100%;height: auto;display: block;}/* テキスト */.sizeCell__name{font-weight: 800;font-size: 1.2em;margin-bottom: 6px;}.sizeCell__meta{color: #666;font-size: 0.9em;line-height: 1.4;}.priceLink{display:block;text-decoration:none;}.priceLink .unit_price{font-weight:800;color:#0b57d0;}.priceLink:hover .unit_price{text-decoration: underline;}/* 注意書き */.tankaNote{font-size: 0.9em;color: #666;margin: 8px 0;}.tankaNote--top{text-align: left;}.tankaNote--bottom{text-align: right;color: #F30004;}.tankaNote--top{margin-bottom: 6px;}.tankaNote--bottom{margin-top: 6px;}@media screen and (max-width: 768px) {/*全体設定*/.shimolab_item{width: 100%;padding: 0 10px;}.shimolab_item h2{font-size: 1.2em;}.shimolab_item h2 span.h2_step{padding: 3px 18px;}.shimolab_item p._btn{font-size: 1em;}.shimolab_item p._btn a:hover{opacity: 0.7;}/*TOPイメージ*/.shimolab_item .intro{flex-direction: column-reverse;padding: 15px;margin-bottom: 50px;}.shimolab_item .intro ._txt{width: 100%;}.shimolab_item .intro ._txt h1{font-size: 1.5em;}.shimolab_item .intro ._txt p{font-size: 1em;}.shimolab_item .intro ._img{width: 100%;}/*作成ステップ*/.shimolab_item h2.step_h2{font-size: 1.2em;}.shimolab_item .step_txt{display: block;margin: 20px auto 65px;}.shimolab_item .step_txt .step_p{width: 100%;padding: 5px;background-color: #f6f5f3;border-radius: 10px;margin-bottom: 10px;}.shimolab_item .step_txt .step_p p{font-size: 1.2em;margin: 5px;}.shimolab_item .step_txt .step_p span.step_{padding: 3px 35px;}/*本体色*/.contents_image-explain {margin: 10px 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;padding: 1%;}.parts_intro, .parts_intro-span-two {padding:1%;}.contents_image-explain h3, .contents_image-explain h3 {font-size: 0.8rem;}/*印刷イメージ*/.shimolab_item .contents_image ._img{width: 49%;margin-bottom: 10px;}/*画像イメージと説明*/.shimolab_item .contents_image.explain {display: block;}.shimolab_item .contents_image.explain .parts_intro {width: 100%;margin-bottom: 1.5em;}.shimolab_item .contents_image .parts_intro._hanni{margin-right: 0;}.item{width: 100%;margin: 0 0 5px 0;padding-bottom: 15px;}.item .item_img{width: 80%;padding: 10px;margin: 0 auto;}.item .item_txt{width: 100%;padding: 5px;}.item .item_txt p{line-height: 1.5;font-size: 1.2em;padding: 3px;margin: 0 auto;}/*印刷色*/.shimolab_item .contents_color{justify-content: space-between;margin: 20px 0 50px 0;}.shimolab_item .contents_color ._color{width: 24%;margin: 0 0 10px 0;}.shimolab_item .contents_color::after {content: "";display: block;width: 32%;height: 0;}/*サイズ一覧*/.shimolab_item .contents_size ._size{width: 49%;padding: 10px;margin-bottom: 15px;}.shimolab_item .contents_size ._size:hover{opacity: 1;}.shimolab_item .contents_size ::after,.shimolab_item .contents_size::before {content: none;}.shimolab_item .contents_size::before {order: 0;}.shimolab_item .contents_size ._name h3{font-size: 1.2em;}.shimolab_item .contents_size ._name ._price{font-size: 1em;}.shimolab_item .contents_size ._size .btn_gazou a:after {display: none;}/*リンクボタンのとこ*/.shimolab_item .contents_size ._size ul.btns{margin-top: auto;margin-bottom: 10px;padding: 0 5px;}.shimolab_item .contents_size ._size ul.btns li.btn_gazou{position: relative;}.shimolab_item .contents_size ._size ul.btns li.btn_gazou a{font-size: 1em;border-radius: 2em;padding: 5px;text-align: center;text-decoration: none;}/*注意事項のとこ*/.shimolab_item .contents_notes .notes{padding: 5px;}.shimolab_item .contents_notes .notes ul.notes_ul{padding: 0;width: 100%;}.shimolab_item .contents_notes .notes ul.notes_ul li{padding: 3px 3px 3px 1em;font-size: 0.9em;text-indent: -1em;}.shimolab_item .contents_notes .notes ul.notes_ul li.li_img{padding: 3px 3px 3px 1.5em;}/* 単価PDF追加 */.pricelistScroll{overflow-x: auto;-webkit-overflow-scrolling: touch;width: 100%;}.pricelistScroll .pricelistTable{table-layout: auto !important;width: max-content !important;min-width: 760px;border-spacing: 0;}.pricelistScroll .pricelistTable th,.pricelistScroll .pricelistTable td{width: auto !important;line-height: 1.35;white-space: normal;overflow-wrap: anywhere;word-break: normal;vertical-align: middle;}.pricelistScroll .pricelistTable td:nth-child(4),.pricelistScroll .pricelistTable td:nth-child(5),.pricelistScroll .pricelistTable td:nth-child(6){text-align: center;white-space: nowrap;}.pricelistScroll .pricelistTable td:nth-child(2),.pricelistScroll .pricelistTable td:nth-child(3){white-space: normal;}}