@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap&subset=japanese');
/* font-family: 'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
/* font-family: 'Noto Serif JP', serif; */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
/* font-family: 'Oswald', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
/* font-family: 'Sawarabi', serif; */
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@700&display=swap');
/* font-family: 'Ibarra Real Nova', serif; */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500&display=swap');
/* font-family: 'Manrope', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&display=swap');
/* font-family: 'M PLUS Rounded 1c', sans-serif; */
/* ///////////// announce /////////////*/
#announce{
	width: 96%;
	margin: 0 auto;
}
#announce img{
	width: 100%;
	height: auto;
}
/* ///////////// main-text /////////////*/
#main-text{
	width: 96%;
	margin: 0 auto;
	background-image: url('images/main-back.png');
	background-size: cover;
}
#main-text img{
	width: 100%;
	height: auto;
}
h1.carry-on{
	font-size: 4.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	color: #004643;
	margin: 0 auto;
	text-align: center;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.title-back{
	background-color: #bae8e8;
}
.title-back img{
	width: 100%;
	height: auto;
}
.title-back2{
	background-image: url('images/title-back-image.png');
	background-size: cover;
}
.caption{
	font-size: 2.1rem;
	line-height: 2.1;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.consultation{
	font-size: 2.8rem;
	text-align: center;
}
.professional{
	font-size: 4.2rem;
	text-align: center;
}
ul.request{
	width: 100%;
	display: block;
	margin: 0 auto;
}
ul.rquest,li{
	font-size: 4.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height: 2.4;
	text-align: center;
	list-style: none;
}
.underline{
	background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.underline2{
	background: linear-gradient(transparent 70%, #FFE4E1 70%);
}
.inquiry{
	width: 80%;
	background-color: #FF9966;
	border-radius: 10px;
	margin: 0 auto;
}
.place{
	display: block;
	font-size: 2.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	color: #FF9966;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 8px;
}
.feel-free{
	font-size: 3.2rem;
	color: #FFFFFF;
}
.circle{
	border-radius: 50%;
}
.info{
	font-size: 1.8rem;
	color: #FFFFFF;
	text-align: center;
}
.info-tel{
	font-size: 3.6rem;
	color: #FFFFFF;
	text-align: center;
}
.info-mail{
	font-size: 2.4rem;
	color: #FFFFFF;
	text-align: center;
}
.inquiry a{
	color: #FFFFFF;
	text-decoration: underline;
}
.inquiry a:hover{
	color: #FF00FF;
}
@media (max-width:998px){
.inquiry{
  width: 98%;
}
}
/* ///////////// stock-list /////////////*/
#stock-list{
	width: 96%;
	margin: 0 auto;
}
#stock-list img{
	width: 100%;
	height: auto;
}
.acc-tile{
	position: relative;
}
.acc-tile p{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;/*画像の左上に配置*/
	left: 0;
	margin: 0; /*余計な隙間を除く*/
	color: #FFFFFF;/*文字を白に*/
	background-color: rgb(0,0,0,0.3);/*背景色*/
	font-size: 1.4rem;
	font-family: 'BIZ UDPGothic', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;/*行高は1に*/
	text-shadow: 1px 1px 3px #000000;
}
.type{
	font-size: 1.8rem;
}
.stock-tile p{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 30%;/*画像の左上に配置*/
	left: 0;
	margin: 0; /*余計な隙間を除く*/
	color: #FFFFFF;/*文字を白に*/
	background-color: rgb(0,0,0,0.3);/*背景色*/
	font-size: 2.1rem;
	font-family: serif;
	font-weight: bold;
	text-align: center;
	line-height: 2;/*行高は1に*/
	text-shadow: 1px 1px 3px #000000;
}
@media (max-width:768px){
.stock-tile p{
	font-size: 1.4rem;
}
}
@media (max-width:544px){
.stock-tile p{
	font-size: 1rem;
}
}
@media (max-width:992px){
.acc-tile p{
	font-size: 1.2rem;
}
}
@media (max-width:768px){
.acc-tile p{
	font-size: 0.7rem;
}
.type{
	font-size: 0.8rem;
}
}
.stock-button{
	font-size: 1.4rem;
}
@media (max-width:480px){
.stock-button{
	font-size: 1rem;
}
}
/* ///////////// access /////////////*/
#access{
	width: 100%;
	margin: 0 auto;
	background-color: #F0F0F0;
}
#access img{
	width: 100%;
	height: auto;
}
#map{
	width: 100%;
	margin: 0 auto;
}
.map-wrapper{
	max-width: 400px;
}
.map-wrapper p{
	font-size: 1.2rem;
	text-align: center;
}
.shop-name{
	font-size: 1.4rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
	word-wrap: break-word;
}
.shop{
	font-size: 3.5rem;
	color: #555;
}
.shop-info{
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	text-align: left;
}
.tel{
	font-size: 2.6rem;
	color: #555;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
@media (max-width:948px){
.shop-name{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2rem;
}
.shop{
	font-size: 2.8rem;
}
.shop-info{
	font-size: 1.4rem;
}
.tel{
	font-size: 2rem;
}
}
@media (max-width:767.98px){
.map-wrapper p{
	font-size: 0.6rem;
}
.shop-name{
	font-size: 0.6rem;
	display: block;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.shop{
	font-size: 1.4rem;
}
.shop-info{
	font-size: 0.7rem;
}
.tel{
	font-size: 1.6rem;
}
}
@media (max-width:678px){
.shop-name{
	font-size: 0.6rem;
	display: block;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.shop{
	font-size: 1.4rem;
}
.shop-info{
	font-size: 0.7rem;
	display: block;
	margin-bottom: 0!important;
}
.tel{
	font-size: 1.2rem;
}
}
@media (max-width:575px){
.map-wrapper{
	max-width: 586px;
}
.shop-name{
	font-size: 0.9rem;
	margin-top: 15px!important;
}
.shop{
	font-size: 1.6rem;
}
.shop-info{
	font-size: 0.8rem;
}
.tel{
	font-size: 1.6rem;
}
}
@media (max-width:480px){
.shop-name{
	font-size: 0.8rem;
	margin-top: 15px!important;
}
.shop{
	font-size: 1.8rem;
}
.shop-info{
	font-size: 0.9rem;
}
.tel{
	font-size: 1.5rem;
}
}
/* ///////////// お知らせ用ボタン /////////////*/
.btn-infomation {
	font-size: 1.8rem;
}
@media (max-width:768px){
.btn-infomation {
	font-size: 1.0rem;
}
}
/* ///////////// 文字級数対応用 /////////////*/
/* iphone SE まで検証済み */
@media (max-width:1200px){
h1.carry-on {
	font-size: 3.6rem;
}
ul.rquest,li{
	font-size: 3.6rem;
}
.feel-free{
	font-size: 2.6rem;
}
.info{
	font-size: 1.6rem;
}
.info-mail{
	font-size: 2.1rem;
}
}
@media (max-width:992px){
h1.carry-on {
	font-size: 3.2rem;
}
.caption{
	font-size: 1.6rem;
}
ul.rquest,li{
	font-size: 3.2rem;
}
.professional{
	font-size: 3.6rem;
}
.feel-free{
	font-size: 2.4rem;
}
.info-mail{
	font-size: 1.8rem;
}
}
@media (max-width:768px){
h1.carry-on {
	font-size: 3rem;
}
.caption{
	text-align: left!important;
}
ul.rquest,li{
	font-size: 1.6rem;
}
.consultation{
	font-size: 1.4rem;
}
.professional{
	font-size: 2.1rem;
}
.feel-free{
	font-size: 1.8rem;
}
.info{
	font-size: 1.4rem;
}
.info-tel{
	font-size: 1.6rem;
}
.info-mail{
	font-size: 1.4rem;
}
}
@media (max-width:544px){
h1.carry-on {
	font-size: 1.8rem;
}
.caption{
	font-size: 1.2rem;
	text-align: left!important;
}
ul.rquest,li{
	font-size: 1.2rem;
}
.consultation{
	font-size: 1.2rem;
}
.professional{
	font-size: 1.4rem;
	line-height: 1.8;
}
.place{
	font-size: 1.8rem;
}
.feel-free{
	font-size: 1.4rem;
}
.info{
	font-size: 1rem;
}
.info-tel{
	font-size: 2.1rem;
}
.info-mail{
	font-size: 1rem;
}
}
@media (max-width:320px){
h1.carry-on {
	font-size: 1.6rem;
}
.caption{
	font-size: 1rem;
	text-align: left!important;
}
.professional{
	font-size: 1.2rem;
	line-height: 1.8;
}
.place{
	font-size: 1.4rem;
}
.feel-free{
	font-size: 0.8rem;
}
.info-tel{
	font-size: 1.4rem;
}
.info-mail{
	font-size: 0.8rem;
}
}
/* ///////////// テスト用 /////////////*/
.red{
	background-color: red;
}
.blue{
	background-color: blue;
}
.green{
	background-color: green;
}