@charset "utf-8";

.m-a-0	{ margin: 0     !important; }
.m-a-05	{ margin: 0.5em !important; }
.m-a-1	{ margin: 1em   !important; }
.m-a-2	{ margin: 2em   !important; }
.m-a-3	{ margin: 3em   !important; }
.m-a-4	{ margin: 4em   !important; }
.m-a-auto	{ margin: auto   !important; }

.m-x-0	{ margin-left: 0     !important; margin-right: 0     !important; }
.m-x-05	{ margin-left: 0.5em !important; margin-right: 0.5em !important; }
.m-x-1	{ margin-left: 1em   !important; margin-right: 1em   !important; }
.m-x-2	{ margin-left: 2em   !important; margin-right: 2em   !important; }
.m-x-3	{ margin-left: 3em   !important; margin-right: 3em   !important; }
.m-x-4	{ margin-left: 4em   !important; margin-right: 4em   !important; }
.m-x-auto	{ margin-left: auto   !important; margin-right: auto   !important; }

.m-y-0	{ margin-top: 0     !important; margin-bottom: 0     !important; }
.m-y-05	{ margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
.m-y-1	{ margin-top: 1em   !important; margin-bottom: 1em   !important; }
.m-y-2	{ margin-top: 2em   !important; margin-bottom: 2em   !important; }
.m-y-3	{ margin-top: 3em   !important; margin-bottom: 3em   !important; }
.m-y-4	{ margin-top: 4em   !important; margin-bottom: 4em   !important; }
.m-y-auto	{ margin-top: auto   !important; margin-bottom: auto   !important; }

.m-t-0	{ margin-top: 0     !important; }
.m-t-05	{ margin-top: 0.5em !important; }
.m-t-1	{ margin-top: 1em   !important; }
.m-t-2	{ margin-top: 2em   !important; }
.m-t-3	{ margin-top: 3em   !important; }
.m-t-4	{ margin-top: 4em   !important; }
.m-t-4auto	{ margin-top: auto   !important; }

.m-b-0	{ margin-bottom: 0     !important; }
.m-b-05	{ margin-bottom: 0.5em !important; }
.m-b-1	{ margin-bottom: 1em   !important; }
.m-b-2	{ margin-bottom: 2em   !important; }
.m-b-3	{ margin-bottom: 3em   !important; }
.m-b-4	{ margin-bottom: 4em   !important; }
.m-b-auto	{ margin-bottom: auto   !important; }

.m-l-0	{ margin-left: 0     !important; }
.m-l-05	{ margin-left: 0.5em !important; }
.m-l-1	{ margin-left: 1em   !important; }
.m-l-2	{ margin-left: 2em   !important; }
.m-l-3	{ margin-left: 3em   !important; }
.m-l-4	{ margin-left: 4em   !important; }
.m-l-auto	{ margin-left: auto   !important; }

.m-r-0	{ margin-right: 0     !important; }
.m-r-05	{ margin-right: 0.5em !important; }
.m-r-1	{ margin-right: 1em   !important; }
.m-r-2	{ margin-right: 2em   !important; }
.m-r-3	{ margin-right: 3em   !important; }
.m-r-4	{ margin-right: 4em   !important; }
.m-r-auto	{ margin-right: auto   !important; }

.p-a-0	{ padding: 0    !important; }
.p-a-05	{ padding: 0.5em !important; }
.p-a-1	{ padding: 1em   !important; }
.p-a-2	{ padding: 2em   !important; }
.p-a-3	{ padding: 3em   !important; }
.p-a-4	{ padding: 4em   !important; }

.p-x-0	{ padding-left: 0     !important; padding-right: 0     !important; }
.p-x-05	{ padding-left: 0.5em !important; padding-right: 0.5em !important; }
.p-x-1	{ padding-left: 1em   !important; padding-right: 1em   !important; }
.p-x-2	{ padding-left: 2em   !important; padding-right: 2em   !important; }
.p-x-3	{ padding-left: 3em   !important; padding-right: 3em   !important; }
.p-x-4	{ padding-left: 4em   !important; padding-right: 4em   !important; }

.p-y-0	{ padding-top: 0     !important; padding-bottom: 0     !important; }
.p-y-05	{ padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
.p-y-1	{ padding-top: 1em   !important; padding-bottom: 1em   !important; }
.p-y-2	{ padding-top: 2em   !important; padding-bottom: 2em   !important; }
.p-y-3	{ padding-top: 3em   !important; padding-bottom: 3em   !important; }
.p-y-4	{ padding-top: 4em   !important; padding-bottom: 4em   !important; }

.p-t-0	{ padding-top: 0    !important; }
.p-t-05	{ padding-top: 0.5em !important; }
.p-t-1	{ padding-top: 1em   !important; }
.p-t-2	{ padding-top: 2em   !important; }
.p-t-3	{ padding-top: 3em   !important; }
.p-t-4	{ padding-top: 4em   !important; }

.p-b-0	{ padding-bottom: 0     !important; }
.p-b-05	{ padding-bottom: 0.5em !important; }
.p-b-1	{ padding-bottom: 1em   !important; }
.p-b-2	{ padding-bottom: 2em   !important; }
.p-b-3	{ padding-bottom: 3em  !important; }
.p-b-4	{ padding-bottom: 4em   !important; }

.p-l-0	{ padding-left: 0     !important; }
.p-l-05	{ padding-left: 0.5em !important; }
.p-l-1	{ padding-left: 1em   !important; }
.p-l-2	{ padding-left: 2em   !important; }
.p-l-3	{ padding-left: 3em   !important; }
.p-l-4	{ padding-left: 4em   !important; }

.p-r-0	{ padding-right: 0     !important; }
.p-r-05	{ padding-right: 0.5px !important; }
.p-r-1	{ padding-right: 1em   !important; }
.p-r-2	{ padding-right: 2em   !important; }
.p-r-3	{ padding-right: 3em   !important; }
.p-r-4	{ padding-right: 4em   !important; }

.w-10p, .w-10p_pc	{ width: 10% !important; }
.w-20p, .w-20p_pc	{ width: 20% !important; }
.w-30p, .w-30p_pc	{ width: 30% !important; }
.w-40p, .w-40p_pc	{ width: 40% !important; }
.w-50p, .w-50p_pc	{ width: 50% !important; }
.w-60p, .w-60p_pc	{ width: 60% !important; }
.w-70p, .w-70p_pc	{ width: 70% !important; }
.w-80p, .w-80p_pc	{ width: 80% !important; }
.w-90p, .w-90p_pc	{ width: 90% !important; }
.w-100p, .w-100p_pc	{ width:100% !important; }

.w-1em	{ width:  1em !important; }
.w-2em	{ width:  2em !important; }
.w-3em	{ width:  3em !important; }
.w-4em	{ width:  4em !important; }
.w-5em	{ width:  5em !important; }
.w-6em	{ width:  6em !important; }
.w-7em	{ width:  7em !important; }
.w-8em	{ width:  8em !important; }
.w-9em	{ width:  9em !important; }
.w-10em	{ width: 10em !important; }
.w-11em	{ width: 11em !important; }
.w-12em	{ width: 12em !important; }
.w-13em	{ width: 13em !important; }
.w-14em	{ width: 14em !important; }
.w-15em	{ width: 15em !important; }
.w-16em	{ width: 16em !important; }
.w-17em	{ width: 17em !important; }
.w-18em	{ width: 18em !important; }
.w-19em	{ width: 19em !important; }
.w-20em	{ width: 20em !important; }

.inline-block,
.dsp-ib		{ display: inline-block 	!important; }
.dsp-i		{ display: inline 			!important; }
.dsp-b		{ display: block 			!important; }
.dsp-none	{ display: none				!important; }


.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-nowrap {
	white-space: nowrap;
}
.text-kome {
	margin-left:  1em;
	text-indent: -1em;
}
.table-box {
	display: table;
}
.table-box dl {
	display: table-row;
}
.table-box dl dt,
.table-box dl dd {
	display: table-cell;
	vertical-align: top;
}



.gizagiza a , .gizagiza a:after , .gizagiza a:before , .gizagiza a span {
	content:"";
	width:4.5em;
	height:4.5em;
	background-color: #000;
	position:absolute;
	top:0px;
}
.gizagiza , .gizagiza a , .gizagiza a:after , .gizagiza a:before {
	-webkit-transform: rotate(22.5deg);
	-moz-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
}
.gizagiza a span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	text-align: center;
	z-index: 999;
	line-height: 4.5em;
	color: #fff;
	font-weight: bold;
}
.gizagiza {
	position: relative;
	width:4.5em;
	height:4.5em;
	background-color:#000;
	margin:20px 0 0 20px ;
}



.setplan {
	float: left;
	display: inline;
	width: 550px;
	height: auto;
	margin: 20px 80px 0 80px;
}

.setplan img {
	max-width: 100%;
	height: auto;
}

.setplan > h3 {
	display: block !important;
	margin: 0 auto 10px auto;
	padding: 0.2em 1.2em;
	height: 2.6em;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
	line-height: 2em;
	color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 2.2em;
	border-radius: 2.2em;
}

.setplan h4 {
	margin: 0 auto 10px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.4em;
}

.setplan .table-box.course {
	width: 570px;
	margin-left: -10px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 10px;
}
.setplan .table-box.course dl dt,
.setplan .table-box.course dl dd {
	border: 2px solid #dddddd;
}

.setplan .course h5 {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 2.8em;
	font-size: 1.2em;
	text-align: left;
	min-height: 2.6em;
}
.setplan .course h5:first-letter {
	margin-right: 100%;
	margin-bottom: -999em;
	float: right;
	line-height: 1;
	font-size: 2.6em;
	color: white;
}

.setplan .course p.small {
	font-size: 98%;
	letter-spacing: -0.3px;
}

.setplan .textarea {
	margin: 10px;
	text-align: left;
	font-size: 1em;
	line-height: 1.6em;
}


.setplan .price {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.2em;
}
.setplan .price th,
.setplan .price td {
	padding: 0.2em 0.6em;
	border: 1px solid #dddddd;
	text-align: center;
}
.setplan .price thead {
	background-color: rgba(0,0,0,0.1);
}


.pickup {
	position: relative;
	background-color: rgba(252,0,0,0.1);
	padding: 10px;
}
.pickup .sarani {
	position: absolute;
	top: -10px;
	left: -40px;
	transform: rotate(-20deg);
}
.pickup h4 {
	margin-left: 2.2em;
}
.pickup ol {
	margin: 0 0 0 2.2em;
	font-size: 1.2em;
	line-height: 1.6em;
}
.pickup .sashie {
	float: right;
	width: 80px;
}





/* いちご狩り */
.ichigogari > h3 {
	background-color: rgba(252,0,0,0.4);
	background-image: url(../meal_menu/images/text_ichigogari.png);
}

.ichigogari h4 {
	color: red;
	border-bottom: 3px dotted rgba(252,0,0,0.2);
}
.setplan .table-box.course dl dt,
.setplan .table-box.course dl dd {
	border-color: rgba(252,0,0,0.4);
}
.ichigogari .course h5 {
	background-color: rgba(252,0,0,0.4);
}
.ichigogari .course h5:first-letter {
	text-shadow: 
		red 2px 0px,  red -2px 0px,
		red 0px -2px, red 0px 2px,
		red 2px 2px , red -2px 2px,
		red 2px -2px, red -2px -2px,
		red 1px 2px,  red -1px 2px,
		red 1px -2px, red -1px -2px,
		red 2px 1px,  red -2px 1px,
		red 2px -1px, red -2px -1px;
}
.ichigogari .price th,
.ichigogari .price td {
	border-color: rgba(252,0,0,0.4);
}
.ichigogari .price th {
	background-color: rgba(252,0,0,0.1);
}

.ichigogari .gizagiza, .gizagiza a, .gizagiza a:after, .gizagiza a:before, .gizagiza a span {
	background-color: red;
}

/* いちご狩り */
.natsuyasumi .gizagiza, .natsuyasumi .gizagiza a, .natsuyasumi .gizagiza a:after, .natsuyasumi .gizagiza a:before, .natsuyasumi .gizagiza a span {
	background-color: blue;
}
.natsuyasumi h4 {
	color: blue;
	border-bottom: 3px dotted rgba(0,0,252,0.2);
}
.natsuyasumi h5 {
	font-size: 13px;
}
.natsuyasumi .pickup {
	background-color: rgba(0,0,252,0.1);
}
.natsuyasumi .pickup p {
	font-size: 12px;
	line-height: 1.5em;
}
.natsuyasumi .pickup h4 {
	margin-left: 2.2em;
}