<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


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

.wrap_top,
.coupon {
	position:relative;
	width:100%;
	display:block;
	margin:0 auto;
	padding:2% auto;
	background-color:#D69778;
}

.wrap_top img {
	width:100% !important;
}

.coupon li {
	display:inline-block;
	width:32%;
	margin:0;
	padding:0 0 0 2%;
	box-sizing:border-box;
	list-style:none;
}


.item-list {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:2% auto;
	line-height:180%;
	background:#FFF;
	border-top:dotted #DDDDDD 10px;
}


.item-list_capt,
.item-list_img {
	float:right;
	padding:1%;
	background-color:#FFF;
	height:auto;
	overflow:hidden;
	text-align:left;
}

.item-list_capt {
width:44%;
}
.item-list_img {
width:52%;
}


.item-list_capt h3 {
	font-size:1.8em;
	margin:30px;
}

.item-list_capt p {
	font-size:1.1em;
	margin:30px;
}

.item-list_capt p.title {
	font-weight:bold;
	font-size:2.4em;
	line-height:120%;
}

.item-list_capt p.price {
	font-size:1.8em;
	text-align:right;
}

.item-list_capt span.souryo {
	background-color:#F00;
	color:#fff;
	padding:2%;
	border-radius:0.3em;
}

.item-list_capt span.tax {
	font-size:0.7em;
}

.item-list_capt p.kigen {
	font-size:1.4em;
	color:#fff;
	padding:2%;
	border-radius:0.3em;
}

.reizo {
	background-color:#006633;
}
.reito {
	background-color:#003399;
}
.joon {
	background-color:#FF9999;
}
.coupon {
	background-color:#FF0000;
	color:#FFFFFF;
}
	.coupon a:link,
	.coupon a:visited,
	.coupon a:hover,
	.coupon a:active { color: #FFFFFF; }


.item-list_capt p.order_btn {
	margin:30px;
}



/* バリエーション */


.item-list h2 {
	width:95%;
	margin:0 20px;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
}

.variation {
	position:relative;
	display:block;
}
.variation h2 {
	width:auto;
	color:#000000;
}

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

.variation ul li {
	display:block;
	float:left;
	width:20%;
	height:auto;
	text-align:center;
	font-size:1.0em;
	line-height:160%;
	padding:1%;
}

.variation ul li img {
	width:100%;
	display:block;
}


/* 画像ロールオーバー */

a:hover img {
    filter: alpha(opacity=100);
    opacity: 1.0;
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
    -moz-opacity:1.0;
}

.gazo_kirikae {
    position: relative;
	width:100%;
}

.gazo_kirikae a .imglarge {
    display: none;
}

.gazo_kirikae a:hover .imglarge {
    display: block;
    position: absolute;
    top: 0px;
    z-index:999;
}

.gazo_kirikae a .imgsmall {
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.gazo_kirikae .thumbnail,
.gazo_main {
    width:95%;
    margin: 2% auto auto;
}
.gazo_kirikae a:hover .imglarge,
.gazo_main img {
	width:95%;
}
/*   画像ロールオーバー　ここまで */

.gazo_kirikae div.hayawari{
	width:250px;
	position:absolute;
	top:1%;
	left:0%;
	z-index:1;
	display:none;
}


/*==========================================================================================*/

@media screen and (max-width: 640px) {

body {
	width:100%;
	font-size:10px;
}

.header_bottom,
.header_logo,
.hed_right,
.sub_navi,
.wrap,
#globalFooter,
#globalFooter .info,
#globalFooter .footer_navi,
.hed_event,
.hed_event img,
.wrap_top img,
.coupon {
	width:100% !important;
}

#globalFooter {
    min-width:0px;
}


.hed_center,
.hed_award {
	display:none;
}

.header_bottom {
	margin-bottom:0;
}

.item-list {
	width:100%;
	border-bottom:#999 dotted 4px;
	margin-top:1%;
	margin-bottom:5%;
	margin-right:0;
	margin-left:0;
}

.item-list_capt,
.item-list_img {
	padding:1% 0;
	width:100%;
	clear:both;
	height:auto;
}

.item-list_capt h3,
.item-list_capt p,
.item-list_capt p.order_btn {
	margin:4%;
}

.item-list_capt span.souryo {
	padding:1%;
	border-radius:0.3em;
}

.item-list_capt p.order_btn img {
	display:block;
	width:70%;
	margin:0 auto;
}

.item-list div.hayawari{
	width:50%;
}

</pre></body></html>