@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
body { background-color: #EEE; }

.wrapper { width: 100%; max-width: 1920px; margin: auto; background-color: #FEFEFE; }

h1 { font-size: 0; margin-top: 70px; }
h1 img { width: 100%; }

/**************************************
						コ ン テ ン ツ
**************************************/
/*.header { background-color: #FEFEFE; position: fixed; top: 0; left: 0; width: 100%; border-bottom: solid 1px #CCC; z-index: +1;
	> div { display: flex; justify-content: space-between; align-items: center;  font-size: 0; height: 70px;  position: relative; 
		.krsw { width: 65%; max-width: 300px; }
		.navBtn { font-size: 1.0rem; padding: 1.0rem; color: #333; position: relative; transition: .4s; display: flex; align-items: center; justify-content: center; position: relative;
			&:hover { cursor: pointer; text-decoration: underline;}
			&.active { color: transparent;
				&::before { position: absolute; top: 0; left: 0; content: "CLOSE"; display: block; color: #333; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: .4s; }
				&:hover::before { text-decoration: underline; }
			}
		}
		.globalNav { position: absolute; top: 70px; right: 0; background-color: #E72D18; color: #FEFEFE; width: 100%; padding:0; display: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
			p { font-size: 1.0rem; margin: 0; padding: 0 1.0rem; line-height: 5.0rem; border-bottom: solid 1px rgba(255,255,255,0.3); position: relative; transition: .4s;
				a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}
				&:hover { background-color: #000;}
				&:last-child { border-bottom: none;}
			}
			@include md { width: 30%;}
			@include xl { right: calc(1.0rem - 2px);}
		}
	}
}*/
.intro { font-size: 1.2rem; font-weight: 500; line-height: 2.0rem; word-break: break-all; }
.intro span { font-weight: 900; font-size: 1.4rem; color: #000; }
@media (min-width: 768px) { .intro { text-align: center; } }

.information { width: 100%; background-color: #E72D18; color: #FEFEFE; }
.information h2 { display: flex; justify-content: center; flex-wrap: wrap; align-items: top; font-size: 0; }
.information h2 div:first-child { width: 100%; text-align: center; }
.information h2 div img { width: 100%; max-width: 2.3rem; }
.information h2 div:last-child { font-size: 1.4rem; font-weight: 500; }
@media (min-width: 576px) { .information h2 div:first-child { width: 2.0rem; }
  .information h2 div:last-child { font-size: 1.6rem; line-height: 1.6rem; padding-left: 0.5rem; } }
.information p { width: 100%; font-size: 1.2rem; font-weight: 500; position: relative; }
.information p span { text-align: center; width: 100%; display: inline-block; }
@media (min-width: 768px) { .information p { text-align: center; } }

.point { width: 100%; background-color: #E72D18; color: #FEFEFE; }
.point h3 { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.point h3 div:first-child { width: 100%; text-align: center; }
.point h3 div img { width: 100%; max-width: 7.0rem; }
.point h3 div:last-child { font-size: 1.8rem; font-weight: 500; line-height: 2.2rem; }
@media (min-width: 576px) { .point h3 div:first-child { width: 7.0rem; }
  .point h3 div:last-child { padding-left: 1.0rem; } }
.point h3, .point h4 { font-family: 'Manrope', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; }
.point h4 { font-size: 1.6rem; font-weight: 700; margin-bottom: 0.25rem; word-break: break-all; }
.point p { font-size: 1.2rem; font-weight: 300; line-height: 1.6rem; }
.point ul { display: flex; flex-wrap: wrap; }
.point ul li { width: calc(25% - 0.5rem); padding: 0; margin-right: 0.5rem; }
.point ul li:last-child { margin-right: 0; }
.point ul li img { width: 100%; }
@media (min-width: 768px) { .point ul { justify-content: space-between; }
  .point ul li { width: calc(50% - 0.5rem); margin-bottom: 1.0rem; margin-right: 0; } }
.point hr { border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.3); font-size: 0; margin-top: 1.0rem; margin-bottom: 1.0rem; }
@media (min-width: 768px) { .point hr { margin-bottom: 2.0rem; } }

.models { display: flex; flex-wrap: wrap; font-size: 0; }
.models a { width: 100%; background-color: #FEFEFE; }
.models a img { width: 100%; position: relative; }
@media (min-width: 576px) { .models a { width: 33.333333%; } }
.models p { font-size: 0.8rem; text-align: center; width: 100%; margin-top: 0.5rem; color: #666; letter-spacing: 0.25rem; }

/**************************************
							店 舗 情 報
**************************************/
                                       /*
#shop { background-color: #000; color: #FEFEFE; margin-top: -70px; padding-bottom: 1.5rem; padding-top: calc(1.5rem + 70px);
	h4 { font-size: 1.4rem; }
	.shop {border-bottom: dashed 1px #FEFEFE; display: flex; flex-wrap: wrap; padding: 0.5rem 0;
		p { font-size: 1.0rem; width: 100%; }
		a, a:visited { color: #FEFEFE;}
		a:hover { text-decoration: underline;}
	}
	@include sm { padding-bottom: 3.0rem; padding-top: calc(3.0rem + 70px);
		.shop p.shopname { width:30%;}
		.shop p.shopinfo { width:70%;}
	}
}

.copy { background-color: #000; color: #666; text-align: center; font-size: 0.8rem; line-height: 2.4rem;}
*/