@charset "utf-8";
/* CSS Document */


body{
margin-top: 50px;
text-align: center;
}



.logo{
background-color: #D9D900;
width: 100%;
}

.tate{
margin-top: 10px;
line-height:50px;
  text-align:center;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){
.shop {
width: 230px;
margin-right: 30px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.shop {
width: 150px;
margin-right: 20px;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.shop {
width: 100px;
margin-right: 10px;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){/*ウィンドウ幅が767px以上の場合に適用*/
.arrow {
width: 79px;
margin-right: 30px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.arrow {
width: 50px;
margin-right: 20px;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.arrow {
width: 40px;
margin-right: 10px;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){/*ウィンドウ幅が767px以上の場合に適用*/
.kids {
width: 94px;
margin-right: 30px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.kids {
width: 70px;
margin-right: 20px;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.kids {
width: 60px;
margin-right: 10px;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){/*ウィンドウ幅が767px以上の場合に適用*/
.ladys {
width: 94px;
margin-right: 30px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.ladys {
width: 70px;
margin-right: 20px;
}
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.ladys {
width: 60px;
margin-right: 10px;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){/*ウィンドウ幅が767px以上の場合に適用*/
.miku {
width: 321px;}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.miku {
width: 250px;}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.miku {
width: 200px;}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/





/* 両端に線ここから */
.item {
display: flex;
align-items: center;
font-family: arial ;}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media screen and (min-width: 767px){/*ウィンドウ幅が767px以上の場合に適用*/
.item {
margin-top: 50px;
margin-bottom: 50px;
font-size: 30px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.item {
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.item {
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


.item:before,
.item:after {
content: "";
height:1px;
flex-grow: 1;
background-color:#666;
}
.item:before {
margin-right: 1rem;
}
.item:after {
margin-left: 1rem;
}
/* 両端に線ここまで */





@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.logo img {
width: 15%;

}
}


@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.logo img {
width: 35%;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.logo img {
width: 35%;
}
}

/*footerNavi 
/////////////////////////////////////////////////////////////////*/

	
.footerNavi {
	font-size: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #D9D900;
	width: 100%;
}

.footer_menu{
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	text-align: center;
}



a {
	color: #000;
	text-decoration: none;
}