@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body{
font-family: 'Noto Serif JP', serif;
font-family: 'Lora', serif;
}

/* Font 飾り */
.text-shadow{
	text-shadow:0 0 10px #fff;
}
.outline1{
	text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.fuchidori{
  font-family:serif;
  font-weight: bold;
  font-size:500%;
  color:rgba(0,0,0,.0);
  text-align:center;
  padding: 40px 0;
   -webkit-text-stroke: 1px #FFF;
}

/* index.html */
.bg-img {
	background-image: url(../image/top-bgimg1.png);
}
.enkaku {
	background-image: url(../images/index/syoujyou_thm.png);
	background-repeat: no-repeat;
	background-position-x: right;
}
/*PCでは無効（改行しない）*/
.sma {
    display: none;
}

/* index.html 3つの強み*/
.circle-1,
.circle-2,
.circle-3 {
  color: #fff;
  padding: 5%;
  width: 300px;
  height: 300px;
  margin: 0 -15px;
  mix-blend-mode: multiply;
}
.circle-1 {
  background: skyblue;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.circle-2 {
  background: #EC99CA;
  border-radius: 80% 30% 50% 50%/50%;
}
.circle-3 {
  background: #ffaf7b;
  border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
}

/* index.html 取扱品目*/
.hinmoku1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hinmoku-h2_1 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #a8daf0;
  color: #0096d7;
}
.hinmoku-h2_1:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #00A8F0;
}
.hinmoku-h2_2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ecbdd9;
  color: #ca4795;
}
.hinmoku-h2_2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #db82b7;
}
.hinmoku-h2_3 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffe9d8;
  color: #ef6700;
}
.hinmoku-h2_3:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #ff994c;
}
  
/* lineup.html */
.lineup-absolute1{
	position: absolute;
    left: 300px;
	margin-top: 110px;
}
.lineup-color1{
	color: #ec008c;
}
.lineup-color2{
	background-color: #ecbdd9 !important;
}
.lineup-color3{
	color: #28a745;
}
.lineup-color4{
	background-color: #DBFFDB !important;
}
.lineup-color5{
	color: #e46a00;
}
.lineup-color6{
	background-color: #ffe9d8 !important;
}
.lineup-color7{
	color: #3da1cc;
}
.lineup-color8{
	background-color: #a8daf0 !important;
}

/* guide.html */
.guide-bg1 {
	background-image: url(../images/guide/flowerback5.png);
	background-size: cover;
}
.custom-px {
	padding-left: 10rem;
	padding-right: 10rem;
}

/* header */
.bg-lineup1{
	background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}

/* footer */
.footer-img1{
	background-image: url(../images/footer-img1.png);
}

@media screen and (max-width: 1024px) {
.lineup-absolute1 {
    left: 252px;
}
.guide-bg1 {
	background-size: contain;
}
}

@media screen and (max-width : 599px) {
/* スマートフォン の範囲に収めるデザインはこの中に記述 */
.custom-px {
    padding-left: 2rem;
    padding-right: 2rem;
}
.lineup-absolute1 {
    left: 160px;
	margin-top: -114px;
}
/*スマートフォンでは有効（改行する）*/
.sma {
        display: block;
}
.index-h1 {
	font-size: 28px;
}
.enkaku {
	background-image: none;
}
.p-1 {
    padding: 15px !important;
}
.price2 {
	padding: 0 !important;
}
.table-layout {
	table-layout: fixed;
}
.price3 {
	font-size: 14px;
	padding-top: 5px !important;
}
}