@charset "UTF-8";

/* ---------------------------------
 width <= 1400px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1400px) {
	.skin {
		width: 100%;
	}
/* under 1400 */
}

/* ---------------------------------
 width <= 1335px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1335px) {
	#siteID {
		flex: 0 0 210px;
		width: 210px;
		height: 120px;
		padding: 15px 20px 0 15px;
	}
	#siteID__logo {
		transition: 0.4s;
		width: 180px;
		height: 90px;
	}
	.button2 {
		width: 201px;
	}
	.button2__item {
		flex: 0 0 100px;
		width: 100px;
	}
	.button2__item .button2__item--anc {
		width: 100px;
		height: 70px;
		padding: 10px 3px 0;
		font-size: 13px;
	}
	#menu-gnavi {
		padding: 0 15px 0 0;
	}
	#menu-gnavi .menu-item a {
		font-size: 14px;
	}
	#menu-gnavi .menu-item a:after {
		top: 1px;
		width: 15px;
		height: 20px;
		margin: 0 15px 0 0;
	}
/* under 1335 */
}

/* ---------------------------------
 width <= 1199px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1199px) {
	#links {
		justify-content: center;
		width: 840px;
	}
	#links li {
		margin: 0 10px 10px;
	}
	#footerContents__above {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 580px;
		padding: 0 0 50px;
		margin: auto;
	}
	.fnavi {
		flex: 0 0 calc( 50% - 20px );
	}
/* under 1199 */
}

/* ---------------------------------
 width <= 1139px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1139px) {
	#menu-gnavi {
		padding: 8px 20px 0 0;
	}
	.short #menu-gnavi {
		padding: 5px 20px 0 0;
	}
	#gnavi ul#menu-gnavi {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 600px;
	}
	#menu-gnavi .menu-item {
		display: flex;
		align-items: center;
		height: auto;
		margin: 0;
	}
	.short #menu-gnavi .menu-item {
		height: auto;
	}
/* under 1139 */
}

/* ---------------------------------
 width <= 1023px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1023px) {
	#gnavi ul#menu-gnavi {
		width: 400px;
	}
/* under 1023 */
}

/* ---------------------------------
 width <= 900px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:900px) {
	#forehead {
		font-size: 15px;
	}
	#forehead .tel {
		margin: 0 12px 0 0;
		letter-spacing: 2px;
		font-size: 16px;
	}
	#links {
		width: 100%;
	}
/* under 900 */
}

/* ---------------------------------
 width <= 840px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:840px) {
	/*#pickupContents, #whatsNew, #instagram, #top { 
		display: none;
	}*/
/* under 840 */
}

/* ---------------------------------
 width <= 839px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:839px) {
	/* Change Header */
	body {
		padding: 50px 0 0;
	}
	#top {
		height: 50px;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	}
	#siteID {
		flex: 0 0 210px;
		width: 210px;
		height: 50px;
		padding: 3px 0 0 10px;
	}
	#siteID__logo {
		width: 88px;
		height: 44px;
	}
	#forehead {
		display: none;
	}
	.menu-gnavi-container {
		display: none;
	}
	.button2__name {
		display: none;
	}
	.button2__item.gotoContact {
		display: none;
	}
	#menuButton {
		display: block;
	}
	.button2 {
		width: 101px;
	}
	.button2__item {
		flex: 0 0 50px;
		width: 50px;
	}
	.button2__item .button2__item--anc {
		width: 50px;
		height: 50px;
		padding: 0;
	}
	.button2__label {
		height: 50px;
	}
	.button2__item .button2__item--anc {
		background-color: #fff;
	}
	.button2__label:before {
		background-image: url("../img/icon/icon_insta_navy.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.hamButton .button2__label:before {
		background-image: url("../img/icon/icon_hamburger_navy.svg");
		background-size: contain;
	}
/* under 839 */
}

/* ---------------------------------
 width <= 767px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:767px) {
	#organizationInfo {
		margin: -7px 0 0 30px;
		line-height: 1.7;
		font-size: 17px;
	}
	#organizationInfo address {
		margin: 0 0 20px;
	}
	.fax {
		display: block;
	}
/* under 767 */
}

/* ---------------------------------
 width <= 639px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:639px) {
	#footerContents__above {
		display: block;
		width: 100%;
		padding: 0 10px 50px 20px;
		margin: auto;
	}
	.fnavi li {
		display: inline-block;
		margin: 0 10px 0 0;
		line-height: 2;
	}
	#organizationInfo {
		margin: -7px 0 0 0;
		line-height: 1.7;
		font-size: 17px;
	}
/* under 639 */
}

/* ---------------------------------
 width <= 539px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:539px) {
	#footer {
		padding: 100px 0 30px;
	}
	#footerContents__Below {
		display: block;
	}
	#footerContents__siteID {
		margin: 0 auto 30px;
		text-align: center;
	}
	#organizationInfo {
		width: 360px;
		margin: 0 auto 0;
		line-height: 1.8;
		font-size: 16px;
	}
	.fax {
		display: inline;
	}
/* under 539 */
}

/* ---------------------------------
 width <= 480px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:480px) {
	#chest main {
		padding: 20px 10px 50px;
	}
	#smartMenu {
		display: flex;
	}
	#up-button {
		bottom: 60px;
	}
	#copyright {
		padding: 20px 0 80px;
	}
/* under 480 */
}

/* ---------------------------------
 width <= 400px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:400px) {
	#organizationInfo {
		width: 100%;
		font-size: 16px;
	}
/* under 400 */
}
/* --- end of css --- */