/* 480px以上の場合 */
@media (min-width: 480px) {
	
	/* Common */
	.container {
		padding: 0 60px;
	}
}


/* 768px以上の場合（ipad）*/
@media (min-width: 768px) {
	
	/*	General */
	html {
		font-size: 15px;
	}
	p, li, td {
		font-size: 15px;
	}
	
	/*	Common */
	.menu-area,
	.staff-area,
	.news-area {
		padding: 10rem 0 0;
	}
	.shop-policy {
		padding: 10rem 0 5rem;
	}
	.tablet-none {
		display: none;
	}
	.text-middle {
		font-size: 18px;
	}
	.text-large {
		font-size: 24px;
	}
	.sec-title {
		font-size: 10rem;
	}
	
	/*	Header */
	#header-logo {
		left: 40px;
		bottom: 40px;
	}
	#sub-page-photo div {
    	height: 450px;
	}
	
	/*	Footer */
	.foot-nav-area #foot-nav li {
    	width: 20%;
	}
	.foot-nav-area #foot-nav li:nth-child(3n)::after {
		display: block;
	}
	.foot-nav-area #foot-nav li:last-child::after {
		display: none;
	}
	.foot-inner .foot-logo,
	.foot-inner .foot-add,
	.foot-inner .sns-box {
		float: left;
		width: 33.3333%;
	}
	.foot-logo img,
	.foot-add {
		margin-bottom: 0;
	}
	.foot-inner .foot-logo,
	.foot-inner .foot-add,
	.foot-inner .sns-box {
		position: relative;
	}
	.foot-inner .foot-logo .inner,
	.foot-inner .foot-add .inner,
	.foot-inner .sns-box .inner {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
	}
	.foot-add p {
    	margin-bottom: 0;
	}
	
	/*	Top Page */
	#slider-area {
		padding: 30px 30px 0;
	}
	#top-sec-2 .news-area .news-area-inner .news-text-min {
		font-size: 13px;
	}
	
	/*	Shop Page */
	#shop-sec-1 .shop-gallery ul {
		margin: -5px;
	}
	#shop-sec-1 .shop-gallery ul li {
    	width: 50%;
		float: left;
		margin: 0;
		padding: 5px;
	}
	#shop-sec-1 .shop-info {
    	margin: 0 0 3rem;
	}
	#shop-sec-1 .shop-info .inner:nth-child(1) {
    	width: 60%;
		float: left;
	}
	#shop-sec-1 .shop-info .inner:nth-child(2) {
    	width: 40%;
		float: left;
	}
	#shop-sec-1 .shop-info .inner .cal-text-area .cal-title {
		padding: .5rem 0;
	}
	#shop-sec-1 .shop-info .inner .shop-name {
    	margin: 1rem 0 1.5rem;
	}
	#shop-sec-1 .shop-info .inner .cal-wrap {
		margin-left: auto;
	}
	#shop-sec-1 .shop-info .inner {
    	margin: 0;
	}
	
	/*	Staff Page */
	#staff-sec-1 .staff-block .staff-img {
    	float: right;
		width: 25%;
		margin: 0;
	}
	#staff-sec-1 .staff-block .staff-img img {
		width: 100%;
	}
	#staff-sec-1 .staff-block .staff-text {
    	float: right;
		width: 70%;
		margin: 0 0 0 5%;
	}
}


/* 1024px以上の場合 */
@media (min-width: 1024px) {
	/*	Header */
	#slider-area .main-slider .slider {
		height: 800px;
	}
	#header-logo img {
    	width: 100px;
	}
	#sub-page-photo div {
    	height: 650px;
	}
	
	/*	Footer */
	
	
	/*	Shop Page */
	#shop-sec-1 .shop-info .inner:nth-child(1) {
    	width: 70%;
	}
	#shop-sec-1 .shop-info .inner:nth-child(2) {
    	width: 30%;
	}
	
	
	/*	Menu Page */
	#menu-sec-1 .menu-block ul li.menu {
    	width: 50%;
		float: left;
	}
	#menu-sec-1 .menu-block ul li {
    	border-bottom: none;
	}
	
	/*	Staff Page */
	#staff-sec-1 .staff-block .staff-img {
		width: 20%;
	}
	#staff-sec-1 .staff-block .staff-text {
		width: 75%;
	}
	
}


/* 1100px以上の場合 */
@media (min-width: 1100px) {
	
	/*	General */
	p, li, td {
		font-size: 17px;
		line-height: 175%;
	}
	
	/*	Common */
	.pc-none {
		display: none;
	}
	.pc-left-space {
		padding-left: 1rem;
	}
	
	.text-ex-small {
		font-size: 12px;
	}
	.text-small {
		font-size: 13px;
	}
	.text-middle {
		font-size: 21px;
	}
	.text-large {
		font-size: 27px;
	}
	.text-ex-large {
		font-size: 36px;
	}
	
	/* Header */
	.side-menu {
    	right: -350px;
    	width: 350px;
	}
	.menu-trigger.open {
		right: 350px;
	}
	
	#top-sec-2 .news-area .news-area-inner .news-text-min {
		font-size: 14px;
	}
	
}