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

/* ========================================
 MAIN
======================================== */
@media screen and (min-width:768px) {
	section#main { text-align:center; margin-bottom:30px; }
	section#main img { width:900px; }
}

/* ========================================
 Section Padding
======================================== */
@media screen and (min-width:768px) {
	section#main { padding-bottom: 20px; }
	section#item_list { padding-bottom: 70px; }
	section#camp { padding-bottom: 70px; }
	section#stinfo { padding-bottom:70px; }
	section#noticearea { padding-bottom: 10px; }
}

/* ========================================
 ITEM LIST
======================================== */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	section#item_list ul.item_list { justify-content: normal; }
	section#item_list ul.item_list li {
		width: 263px;
		height:263px;
		margin-bottom:16px;
		margin-right:16px;
		border:none;
		position: relative;
	}
	section#item_list ul.item_list li:after {
		position: absolute;
		width: 263px;
		height:263px;
		content:"";
		top:0;
		left:0;
		box-sizing:border-box;
		border:2px #ecdb7e solid;
		z-index:10;
		pointer-events: none;
	}
	section#item_list ul.item_list li.items_img_column2 { width: 542px; height:263px; }
	section#item_list  ul.item_list li.items_img_column2:after {
		position: absolute;
		width: 542px;
		height:263px;
		content:"";
		top:0;
		left:0;
		box-sizing:border-box;
		border:2px #ecdb7e solid;
		z-index:10;
		pointer-events: none;
	}
	
	section#item_list ul.item_list li:nth-child(3) { margin-right:0px; }
	section#item_list ul.item_list li:nth-child(6) { margin-right:0px; }
	section#item_list ul.item_list li:nth-child(9) { margin-right:0px; }
	section#item_list ul.item_list li:nth-child(13) { margin-right:0px; }
	section#item_list ul.item_list li .item_img { margin-bottom: 0vw; }
	section#item_list ul.item_list li .item_img div.soldout { padding:20px 0; }
	section#item_list ul.item_list li .item_img div.mekuri { width:80px; height:80px; }
	section#item_list .onlinestore { padding-top:15px; }
}

/* ========================================
  CAMPAIGN
======================================== */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	section#camp { width:1100px; }
}

/* ========================================
  STORE INFO
======================================== */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	section#stinfo { width:800px; }
	section#stinfo #stinfo_location { padding:30px; }
	section#stinfo #stinfo_location h3 { font-size: 3rem; margin-bottom: 30px; }
	section#stinfo #stinfo_location dl { display: flex; justify-content:space-between; }
	section#stinfo #stinfo_location dl dd { padding-left:30px; }
	section#stinfo #stinfo_location dl dd img { width:300px; }
}

/* ========================================
  NOTICE
======================================== */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	section#noticearea { width:1100px; }
	section#noticearea h4 { font-size: 2.6rem; letter-spacing: 0.2em; }
	section#noticearea h5 { margin-bottom: 24px; font-size: 1.8rem; }
	section#noticearea h5 span { font-size: 2.4rem; }
	section#noticearea .notice_list { margin-bottom: 30px; }
	section#noticearea .notice_list li { margin-bottom: 8px; font-size: 1.4rem; }
}

/* ========================================
  ADMINISTRATOR
======================================== */
/* --- Over SP --- */
@media screen and (min-width:768px) {
	section#administrator { width:1100px; }
	section#administrator span { display: inline; }
	section#administrator span:before { content: " / "; display: inline; }
	section#administrator { margin-bottom: 30px; }
	section#administrator hr { margin: 30px 0; }
}