/* ================================
	common
================================ */
p {
	line-height: 1.5em;
}
.period_text {
	margin-top: 10px;
}
.venue_text {
	margin-bottom: 5px;
}
.period_text,
.venue_text {
	font-weight: bold;
	font-size: 18px;
}
.more_btn {
	width: 320px !important;
}
.sp_img {
	display: none !important;
}
/* ================================
	main, article
================================ */
main {
	background-image: url(../_commonimg/bg_pc.jpg);
}
article {
	padding: 0 10px;
}
/* ================================
	head
================================ */
.head_area {
	background-image: url(../index/ind_head_bg.png);
}
.head_area img {
	display: block;
	margin: 0 auto;
	max-width: 1100px;
}
.head_area .r_sp {
	display: none;
}
/* ================================
	copy
================================ */
.copy_area img {
	display: block;
	max-width: 600px;
	margin: 0 auto;
}
/* ================================
	news
================================ */
.news_area {
	background-color: #ffffff;
	padding: 20px;
	max-width: 980px;
	margin: 0 auto 0 auto;
	border: 4px solid #000000;
}
.news_table {
	display: table;
	width: 100%;
}
.news_table > div {
	display: table-cell;
	width: 50%;
}
.news_table img {
	width: 80%;
}
.news_table .campaign_block img {
	margin: 0 10%;
}
.news_table .campaign_block img:nth-of-type(2) {
	margin: 0 5%;
	width: 90%;
}
.news_table .campaign_block p {
	padding: 0 5%;
}
.news_table .campaign_block .period_text {
	padding: 0 5%;
}
.news_table .campaign_block .more_btn {
	display: block;
	width: 100%;
	margin: 15px auto 0 auto;
}
/* ================================
	food
================================ */
.food_area {
	max-width: 1020px;
	margin: 0 auto 10px auto;
	padding: 10px 20px 0 20px;
}
.food_area {
	position: relative;
}
.food_area .flag_img {
	left: -0.5px;
	position: absolute;
	width: 50%;
}
.food_table {
	display: table;
	width: 100%;
}
.food_table > div {
	display: table-cell;
	width: 50%;
}
.food_table > div:nth-child(1) {
	padding: 0 10px 0 0;
}
.food_table > div:nth-child(2) {
	padding: 0 0 0 10px;
}
.food_block {
	background-color: #ffffff;
	border: 4px solid #000000;
	height: 630px;
}
.food_block img:nth-child(2) {
	margin: 0 5%;
	width: 90%;
}
.food_block .gift_title {
	margin: 25px 5%;
	width: 85%;
}
.food_block a img {
	width: 40%;
	margin: 5% 30% 0 30%;
}
.food_block a .more_btn {
	display: block;
	width: 100%;
	margin: 15px auto 0 auto;
}
/* ================================
	item
================================ */
.item_area {
	background-color: #ffffff;
	display: block;
	max-width: 720px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
	padding: 20px;
}
.item_area .item_block img {
	width: 85%;
}
.item_table {
	display: table;
	width: 100%;
}
.item_table > div {
	display: table-cell;
}
.item_table > div:nth-child(1) {
	width: 300px;						/* 要調整 */
}
.item_table > div:nth-child(2) {
	width: 400px;						/* 要調整 */
}
.item_area div .more_btn {
	display: block;
	width: 100%;
	margin: 15px auto 0 auto;
}
/* ================================
	photo
================================ */
.photo_title {
	background-image: url(../index/ind_photo_bg.png);
}
.photo_area {
	display: block;
	max-width: 840px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
}
.photo_table {
	padding: 20px;
	display: table;
	width: 100%;
	background-color: #ffffff;
}
.photo_table > div {
	display: table-cell;
}
.photo_table > div:nth-child(1) {
	width: 400px;						/* 要調整 */
}
.photo_table > div:nth-child(2) {
	width: 300px;						/* 要調整 */
}

.photo_table > div .period_text {
	margin-top: 10px;
}
.photo_table .photo_right_block img {
	margin: 0 15%;
	width: 70%;
}
.photo_table .photo_right_block .more_btn {
	display: block;
	width: 100%;
	margin: 15px auto 0 auto;
}
/* ================================
	trick
================================ */
.trick_area {
	background-color: #ffffff;
	display: block;
	max-width: 840px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
	padding: 20px;
}
.trick_table {
	display: table;
	width: 100%;
}
.trick_table > div {
	display: table-cell;
}
.trick_table > div:nth-child(1) {
	width: 450px;						/* 要調整 */
}
.trick_table > div:nth-child(2) {
	width: 250px;						/* 要調整 */
}
.trick_table .trick_right_block img {
	margin-top: 20%;
}
/* ================================
	beauty
================================ */
.beauty_title img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.beauty_area {
	display: block;
	max-width: 720px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
}
.beauty_table {
	display: table;
	width: 100%;
	background-color: #ffffff;
	padding: 20px;
}
.beauty_table > div {
	display: table-cell;
}
.beauty_table > div:nth-child(1) {
	width: 350px;						/* 要調整 */
}
.beauty_table > div:nth-child(2) {
	width: 350px;						/* 要調整 */
}
.beauty_table .beauty_left_block img {
	margin-bottom: 10px;
	width: 90%;
}
.beauty_table .beauty_right_block img {
	width: 100%;
	margin: 15px auto 0 auto;
}
/* ================================
	panda
================================ */
.panda_area {
	display: block;
	max-width: 550px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
}
.panda_table {
	display: table;
	width: 100%;
	background-color: #ffffff;
}
.panda_table > div {
	display: table-cell;
}
.panda_table > div:nth-child(1) {
	padding: 20px;
	width: 350px;						/* 要調整 */
}
.panda_table > div:nth-child(2) {
	width: 350px;						/* 要調整 */
}
.panda_table div p {
	margin-top: 10px;
}
/* ================================
	wally
================================ */
.wally_area {
	background-color: #ffffff;
	display: block;
	max-width: 720px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
	padding: 20px;
	position: relative;
}
.wally_area .wally_img {
	left: -130px;
	top: 30%;
	width: 20%;
	position: absolute;
}

.wally_area hr {
	border: 2px dashed #bbb;
	margin-bottom: 25px;
}
.wally_table {
	display: table;
	width: 100%;
}
.wally_table > div {
	display: table-cell;
}
.wally_table > div:nth-child(1) {
	padding-right: 20px;
	width: 450px;						/* 要調整 */
}
.wally_table > div:nth-child(1) img {
	margin-bottom: 10px;
}
.wally_table > div:nth-child(2) {
	width: 250px;						/* 要調整 */
}
.wally_table > div:nth-child(2) img {
	margin-bottom: 20px;
}
/* ================================
	event
================================ */
.event_area {
	background-color: #f39700;
	display: block;
	max-width: 550px;
	margin: 0 auto 10px auto;
	border: 4px solid #000000;
}
.event_area .event_block img {
	margin: 20px 10% 5px 10%;
	width: 80%;
}
.event_area .event_block p {
	text-align: center;
}
.event_area .event_block .more_btn {
	display: block;
	width: 40% !important;
	margin: 15px auto 0 auto;
	padding-bottom: 20px;
}
/* ================================
	foot
================================ */
.foot_area {
	background-color: #EAE2CA;
}
.foot_link {
	background-image: url(../index/ind_foot_bg.png);
	padding: 10px 0;
}
.foot_link a {
	display: block;
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}


@media screen and (max-width:960px) {
	/* ================================
		food
	================================ */
	.food_block {
		height: 580px;		/* ブロックの高さを調整 */
	}
@media screen and (max-width:910px) {
	/* ================================
		food
	================================ */
	.food_block {
		height: 550px;		/* ブロックの高さを調整 */
	}
@media screen and (max-width:768px) {
	/* ================================
		common
	================================ */
	.more_btn {
		width: 80% !important;
	}
	.pc_img {
		display: none !important;
	}
	.sp_img {
		display: block !important;
	}
	/* ================================
		head
	================================ */
	.head_area {
		background-image: url(../index/ind_head_bg.png);
	}
	.head_area .r_pc {
		display: none;
	}
	.head_area .r_sp {
		display: block;
	}
	/* ================================
		news
	================================ */
	.news_area {
		margin: 0 0 10px 0;
	}
	.news_table,
	.news_table > div,
	.news_table > div:nth-child(1),
	.news_table > div:nth-child(2) {
		display: block;
		width: 100%;
		padding: 0;
	}
	/* ================================
		food
	================================ */
	.food_area,
	.food_table > div {
		padding: 0;
		margin: 0 0 10px 0;
	}
	.food_table,
	.food_table > div,
	.food_table > div:nth-child(1),
	.food_table > div:nth-child(2) {
		display: block;
		width: 100%;
		padding: 0;
	}
	.food_table div div {
		height: auto;
		padding-bottom: 20px;
	}
	.food_block .gift_title {
		width: 80%;
	}
	.food_area .flag_img {
		width: 100%;
	}
	/* ================================
		item
	================================ */
	.item_area {
		max-width: none;
		margin: 0 0 10px 0;
	}
	.item_area img {
		margin: 10px 0;
	}
	.item_table,
	.item_table > div,
	.item_table > div:nth-child(1),
	.item_table > div:nth-child(2) {
		display: block;
		width: 100%;
		padding: 0;
	}
	/* ================================
		photo
	================================ */
	.photo_area {
		max-width: none;
	}
	.photo_table,
	.photo_table > div,
	.photo_table > div:nth-child(1),
	.photo_table > div:nth-child(2) {
		display: block;
		width: 100%;
	}
	.photo_table .photo_right_block img {
		margin: 10px 5%;
		width: 90%;
	}
	/* ================================
		trick
	================================ */
	.trick_area {
		max-width: none;
	}
	.trick_table,
	.trick_table > div,
	.trick_table > div:nth-child(1),
	.trick_table > div:nth-child(2) {
		display: block;
		width: 100%;
	}
	.trick_table .trick_right_block img {
		margin-top: 10px;
	}
	/* ================================
		beauty
	================================ */
	.beauty_area {
		max-width: none;
	}
	.beauty_table,
	.beauty_table > div,
	.beauty_table > div:nth-child(1),
	.beauty_table > div:nth-child(2) {
		display: block;
		width: 100%;
	}
	.beauty_table .beauty_left_block img {
		display: block;
		margin: 10px 5%;
		width: 90%;
	}
	/* ================================
		panda
	================================ */
	.panda_area {
		max-width: none;
	}
	.panda_table,
	.panda_table > div,
	.panda_table > div:nth-child(1),
	.panda_table > div:nth-child(2) {
		display: block;
		width: 100%;
	}
	/* ================================
		wally
	================================ */
	.wally_area {
		max-width: none;
	}
	.wally_table,
	.wallytable > div,
	.wally_table > div:nth-child(1),
	.wally_table > div:nth-child(2) {
		display: block;
		width: 100%;
	}
	.wally_table > div:nth-child(1) img {
		margin: 0 5%;
		width: 90%;
	}
	.wally_table img {
		display: block;
		margin: 0 auto;
	}
	/* ================================
		event
	================================ */
	.event_area {
		max-width: none;
	}
}
@media screen and (max-width:413px) {

}