﻿@charset "utf-8";div.mainframe_ {width: 100%;}.opening-supplies {margin: 0 auto;width:  1260px;}.opening-supplies .bg_full {width: 100vw;margin: 0 calc(50% - 50vw);background: #eae5e3;}.opening-supplies .bg_full {background-image:url('/img/freepage/opening-supplies/bg_g01.png'),url('/img/freepage/opening-supplies/bg_g02.png'),url('/img/freepage/opening-supplies/bg_g03.png'),url('/img/freepage/opening-supplies/bg_g04.png'),url('/img/freepage/opening-supplies/bg_g05.png'),url('/img/freepage/opening-supplies/bg_g06.png'),url('/img/freepage/opening-supplies/bg_g07.png'),url('/img/freepage/opening-supplies/bg_g08.png'),url('/img/freepage/opening-supplies/bg_g09.png'),url('/img/freepage/opening-supplies/bg_g10.png'),url('/img/freepage/opening-supplies/bg_g11.png'),url('/img/freepage/opening-supplies/bg_g12.png'),url('/img/freepage/opening-supplies/bg_g13.png'),url('/img/freepage/opening-supplies/bg_g14.png'),url('/img/freepage/opening-supplies/bg_g15.png'),url('/img/freepage/opening-supplies/bg_g15.png'),url('/img/freepage/opening-supplies/bg_g14.png'),url('/img/freepage/opening-supplies/bg_g13.png'),url('/img/freepage/opening-supplies/bg_g12.png'),url('/img/freepage/opening-supplies/bg_g11.png'),url('/img/freepage/opening-supplies/bg_g10.png'),url('/img/freepage/opening-supplies/bg_g09.png'),url('/img/freepage/opening-supplies/bg_g08.png'),url('/img/freepage/opening-supplies/bg_g07.png'),url('/img/freepage/opening-supplies/bg_g06.png'),url('/img/freepage/opening-supplies/bg_g05.png'),url('/img/freepage/opening-supplies/bg_g04.png'),url('/img/freepage/opening-supplies/bg_g03.png'),url('/img/freepage/opening-supplies/bg_g02.png'),url('/img/freepage/opening-supplies/bg_g01.png');background-repeat: no-repeat;background-size:150px 150px, 150px 150px, 150px 150px, 150px 150px, 150px 150px,150px 150px, 150px 150px, 150px 150px, 150px 150px, 150px 150px,150px 150px, 150px 150px, 150px 150px, 150px 150px, 150px 150px;background-position:0px 0px, 150px 0px, 300px 0px, 450px 0px, 600px 0px,  750px 0px, 900px 0px, 1050px 0px, 1200px 0px, 1350px 0px, 1500px 0px, 1650px 0px, 1800px 0px, 1950px 0px, 2100px 0px,0px 150px, 150px 150px, 300px 150px, 450px 150px, 600px 150px,  750px 150px, 900px 150px, 1050px 150px, 1200px 150px, 1350px 150px, 1500px 150px, 1650px 150px, 1800px 150px, 1950px 150px, 2100px 150px;}.opening-supplies .top {width: 1260px;margin: 0 auto;text-align: center;padding: 30px;position: relative;}.opening-supplies .top .title_area {width: 600px;margin: 0 auto;color: #fff;background-color: rgba(136, 99, 76, 0.9);padding: 30px;box-sizing: border-box;}.opening-supplies .top .title_area span {font-size: 1.5em;line-height: 1;font-weight: bold;}.opening-supplies .top .title_area h1 {font-size: 6em;font-weight: 900;line-height: 1.3;text-shadow: 1px 1px #666, 2px 2px #444, 3px 3px #222, 4px 4px #000;}.opening-supplies h2 {text-align: center;font-size: 2em;margin-bottom: 10px;font-weight: bold;}.opening-supplies .example {margin-top: 30px;}.opening-supplies .example h2 {margin-bottom: 0;}.opening-supplies .example p {text-align: center;margin-bottom: 30px;}.opening-supplies .example .ex-list {display: flex;flex-wrap: wrap;justify-content: space-between;font-weight: bold;}.opening-supplies .example .ex-list dl {border: solid 2px #000;width: 49%;border-radius: 10px;padding: 30px;margin-bottom: 10px;box-sizing: border-box;position: relative;}.opening-supplies .example .ex-list dl dt {font-size: 1.5em;}.opening-supplies .example .ex-list dl dd {font-size: 1.2em;display: flex;align-items: center;}.opening-supplies .example .ex-list dl dd span.check {margin-right: 5px;}.opening-supplies .example .ex-list dl dd span.check img {width: 2em;}.opening-supplies .example .ex-list dl span.goods_image {position: absolute;width: 300px;right: 5px;bottom: 5px;}.opening-supplies .appeal {text-align: center;/* background: #FFEDB3;*/border-radius: 10px;margin: 50px;position: relative;height: 180px;padding: 30px;box-sizing: border-box;}.opening-supplies .appeal span {margin: 10px;display: block;position: absolute;top: -40px;left: 0;right: 0;}.opening-supplies .appeal span img {width: 50px;}.opening-supplies .appeal p {font-size: 2.5em;font-weight: 900;padding: 20px;display: inline;background: linear-gradient(transparent 70%, #ffff00 0%);}.opening-supplies .industry {margin: 30px 0;}.opening-supplies .industry .industry-list {display: flex;justify-content: space-between;flex-wrap: wrap;}.opening-supplies .industry .industry-list dl.industry-item {width: 49%;height: 200px;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;padding: 20px;box-sizing: border-box;}.opening-supplies .industry .industry-list dl.industry-item dt {margin: 0 auto;font-size: 2em;font-weight: 900;}.opening-supplies .industry .industry-list dl.industry-item dd {font-weight: bold;}.opening-supplies .industry .industry-list dl.industry-item > * {text-align: center;}#cafe {background-image:/* 第1レイヤー (最前面): 白 */linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),/* 第2レイヤー (最背面): 背景画像 */url(/img/freepage/opening-supplies/industry_item_cafe_bg.png);background-size:/* 第1レイヤーのサイズ: 100%から60px引いた数値 */calc(100% - 60px) calc(100% - 60px),/* 第2レイヤーのサイズ: cover */cover;background-position:/* 第1レイヤー*/center center,/* 第2レイヤー*/center center;background-repeat: no-repeat;}#bakery {background-image:/* 第1レイヤー (最前面): 白 */linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),/* 第2レイヤー (最背面): 背景画像 */url(/img/freepage/opening-supplies/industry_item_bakery_bg.png);background-size: /* 第1レイヤーのサイズ: 100%から60px引いた数値 */calc(100% - 60px) calc(100% - 60px),/* 第2レイヤーのサイズ: cover */cover;background-position:/* 第1レイヤー*/center center,/* 第2レイヤー*/center center;background-repeat: no-repeat;}.opening-supplies .industry .industry-list dl.industry-item a {display: block;background: #000;color: #fff;font-weight: bold;font-size: 1.2em;border-radius: 25px;padding: 10px;width: 170px;margin: 0 auto;}.opening-supplies .related-content {margin: 80px 0 30px 0;}.opening-supplies .related-content ul {display: flex;flex-wrap: wrap;}.opening-supplies .related-content ul li {width: 24%;margin-left: 1%;}.opening-supplies .related-content ul li:nth-child(4n+1) {margin-left: 0;}@media screen and (max-width: 768px) {.opening-supplies {width: 100%;}.opening-supplies .top {width: auto;}.opening-supplies .top .title_area {width: 100%;text-align: left;}.opening-supplies .top .title_area span {font-size: 1.2em;display: block;text-align: center;}.opening-supplies .top .title_area br {display: none;}.opening-supplies .top .title_area h1 {font-size: 2.5em;text-align: center;line-height: 1.5;}.opening-supplies h2 {font-size: 1.5em;}.opening-supplies .example {margin: 30px 12.5px;}.opening-supplies .example p {margin-bottom: 1em;}.opening-supplies .example .ex-list {display: block;}.opening-supplies .example .ex-list dl {width: 100%;}.opening-supplies .example .ex-list dl span.goods_image {position: unset;}.opening-supplies .appeal {height: auto;padding: 0;margin: 0 12.5px 50px 12.5px;}.opening-supplies .appeal span {position: unset;}.opening-supplies .industry {margin: 30px 12.5px;}.opening-supplies .industry .industry-list {display: block;}.opening-supplies .industry .industry-list dl.industry-item {width: 100%;margin-bottom: 10px;}.opening-supplies .industry .industry-list dl.industry-item dt {font-size: 1.5em;}.opening-supplies .related-content {margin: 30px 12.5px;}.opening-supplies .related-content ul {justify-content: space-between;}.opening-supplies .related-content ul li {width: 49%;margin: 0 0 10px 0;}}