@charset "utf-8";


.header_bottom,
.hed_event {
	position:relative;
	top:0px;
	text-align:center;
}

.header_bottom img {
	max-width:50%;
}

.header_bottom h1 {
	background-color:#222222;
	color:#FFFFFF;
}

h1 {
	font-size:small;
	font-weight: normal;
	color:#222222;
}

.item-list {
width:960px;
margin:0 auto;
background-color:#ebe5d7;
}

.item-list ul:after {
content:"";
clear:both;
display:block;
}

.item-list ul {
margin: 0 0 0 1em;
padding: 0;
list-style-type:none;
}

.item-list table {
margin:0 auto;
}

.item-list ul li {
display:block;
float:left;
width:20%;
height:auto;
text-align:center;
font-size:0.7em;
line-height:160%;
background-color:#fff;
border-radius:1.2em;
padding:1%;
margin:1%;
}

.item-list ul li img,
.item-list img {
width:100%;
}

.item-list h2 {
	width:95%;
	padding:2%;
	margin:0 auto;
	border:#e50011 2px dotted;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	background-color:#fff;
}

.item-list,
.item-list table,
.item-list tr td {
	position:relative;
	background-color: #fff1c8;
}


div.hed_bottomtext {
	float:right;
	width:100%;
	margin-bottom:10px;
}

img.hed_bottomtext {
	width:95%;
}

div.center {
	margin: auto;
	text-align:center;
}

/*��蕝�ȏ�̏ꍇ���E�ɗ]�������*/
html {
  max-width: 1200px;
  margin: 0 auto;
  background: #FFFFFF; /* Fills the page */
  position: relative; /* Fix for absolute positioning */
}

.contents {
	position:relative;
	top:0px;
	width:100%;
	margin:0 auto;
	/*background-color:#fff1c8;*/
}

table.center {
margin:auto;
}

div.section {
width:95%;
margin: 0 auto 10px;
background-color: rgba(255, 255, 255, 0);
border: solid 5px #FF9900;
text-align:center;
font-size:large;
}

div.section img{
	max-width:100%;
}


div.section_announce {
margin: 20px auto;
width:80%;
padding: 20px;
background-color: rgba(255, 255, 255, 0);
border: double 5px #FF0000;
}

.flex { 
	display : flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: flex-start;
}

.flex > img { 
	flex : 1 1 auto;
	width: 0%;
} 

/* ���i�����N�p ���� ��������//////////////////////////////*/

.variation {
	position:relative;
	display:block;
}

.variation ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style-type:none;
}

.variation ul li {
	display:block;
	float:left;
	width:28%;
	height:auto;
	text-align:center;
	line-height:160%;
	margin:8px;
	padding:10px;
	background-color:#fff;
	border: 1px solid #fff;
	border-radius: 10px;        /* CSS3���� */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 10px;   /* Firefox�p */
}

.variation ul.half li {
	width:46% !important;
}

.pickup_img a img,
.pickup_img img,
.variation img {
	box-sizing:border-box;
	display:blcok;
}
.pickup_img a img,
.pickup_img img{
	width:100%;
}

/*�J�e�S���^�C�g���摜�̕���*/
img.category2 {
  width: 100%;
  height: 300px; /*�摜��500px�ō���Ă���*/
  object-fit: cover; /*�摜���g���~���O����*/
}

.content img {
	display:block;
	margin:0 auto;
}

.variation p {
  font-size: 1.0em;
  margin:5% 0;
  padding:5%;
}

/*�L���b�`�t���[�Y�̕���*/
.variation p.pickup {
	font-size:1.2em;
	color:#FFFFFF;
	background-color:#e50012;
	padding:3%;
	text-align:center;
}
.variation p.pickup2 {
	background-color:#0040FF;
}

/*���i�̕���*/
.variation p.price {
  font-size: 2.0em;
  font-weight: bold;
  text-align:center;
  margin:5%;
}
.variation span.price_d1 {
  text-decoration: line-through;
}
.variation span.price_d2 {
  color:red;
}



/*�^�O�̕���*/
.variation span.tag {
  font-size: 1.4em;
  background-color:#ff9191;
  color:#FFFFFF;
  padding:0 2px;
}

.variation ul.half li,
.variation ul li {
	width:44% !important;
	max-width: 340px;
	margin:1%;
	padding:1%;
}

.variation p {
  font-size: 1.2em;
  font-weight: normal;
}

/*�A�s�[������*/
.variation p.pickup {
	font-size:1.2em;
}

/* ���i�����N�p ���� �����܂�//////////////////////////////*/


/*�w�i�F�����͊eHTML���Őݒ肷��iHTML���Ƃɕς�邽�߁j
section.main1 {}
section.main2 {}
section.main3 {}
section.main4 {}
section.main5 {}


/* �{�^�� ��������//////////////////////////////*/

.btn-border {
  display: inline-block;
  max-width: 75%;
  text-align: left;
  font-size: 2em;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
  border: 2px solid #55bae8;
  color: #55bae8;
  background: #FFFFFF;
}

.btn-border:hover {
  background-color: #55bae8;
  border-color: #55bae8;
  color: #FFFFFF;
}

div.btn-border2 {
  background-color:#FFFFFF;
  padding:80px;
}

/* �{�^�� �����܂�//////////////////////////////*/

.announce {
  /*�t�H���g*/
  line-height:1.0;
  font-size:large;
  color: #000000;
  /*�w�i*/
  background-color: #F9CC9D;
  margin:10%;
  padding:10%;
}

.announce img {
  width:20% !important;
}


body {
	max-width:1000px;
	margin:auto;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 640px) {
body {
font-size:10px;
}

.header_bottom,
.sub_navi,
.hed_right,
.wrap,
.footer_top,
#globalFooter .info,
#globalFooter .footer_navi,
.hed_event,
.hed_event img,
.contents img,
.item-list img,
.coupon,
.coupon table {
width:100%;
}
.hed_right,
.sub_navi {
clear:both;
}

.hed_center,
.hed_award {
	display:none;
}

.item-list {
width:96%;
margin:0 auto;
}

.item-list ul li {
width:45%;
height:auto;
font-size:0.7em;
line-height:140%;
}

div#migitab1 a,
div#migitab2 a,
div#migitab3 a,
div#migitab4 a,
div#migitab1 a:hover,
div#migitab2 a:hover,
div#migitab3 a:hover,
div#migitab4 a:hover {
position:fixed;
display:block;
top:3%;
right:-1%;
background-position: 10px 0px;
width:45px;
height:142px;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}

}
/* //////////////////////////////////////////////////////// */