@charset 'UTF-8';

/* common - base
===================================*/
body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	line-height: 2rem;
}

/* common - layout
===================================*/
.mainContainer {
	max-width: 800px;
	margin: 0 auto;
	/*padding: 0 10px;*/
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
p,a {
	font-size: inherit;
	line-height: inherit;
}
.mainContainer a { border-bottom: 1px solid; }
.mainContainer a:hover { text-decoration: none; }
.mainContainer a:not(:hover) { color: inherit; }

/* common - title
===================================*/
h2 {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	background-color: #f2f2f2;
	border-top: 4px solid #00b1e4;
	padding: 10px 0;
}
h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 5px 0;
}

/* common - parts
===================================*/
.induct_link {
	margin: 10px 0;
}
.attention {
	color: #ff0000;
	border: 3px double #ff0000;
	padding: 10px;
	margin: 15px auto;
}

/* info haisou
===================================*/
/*.info_haisou {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
}
*/
@media (min-width: 768px) {
	.info_haisou {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 10px 0;
	}
}
.info_haisou img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}
@media (min-width: 768px) {
	.info_haisou dl {
		width: 33.3%;
		width: -webkit-calc( 100% / 3 );
		width: calc( 100% / 3 );
		padding: 0 5px;
	}
}
@media (max-width: 767px) {
}
.info_haisou dt {
	font-weight: bold;
}
.info_haisou dt:before {
	content: "・";
}
.info_haisou dd {
	padding: 5px 0;
}

 /* recommend area
===================================*/
.recommend_area {
	/*padding: 20px 0;*/
	padding: 20px;
}

 /* starting area
===================================*/
.starting_area {
	/*padding: 20px 0;*/
	padding: 20px;
}

 /* picking area
===================================*/
.picking_area {
	/*padding: 0 0 30px;*/
	padding: 20px;
}
.picking_image {
	/*width: 100%;*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*padding: 10px 0;*/
	margin-bottom: 20px;
}
.picking_image img {
	display: block;
	max-height: 200px;
}


 /* packing area
===================================*/
.packing_area {
	/*padding: 0 0 30px;*/
	padding: 20px;
}
.packing_image {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0 0;
}
.packing_image .image {
	order: 1;
	width: 350px;
}
.packing_image img {
	max-width: 100%;
	height: auto;
}
.packing_image .text {
	order: 2;
	padding: 0 0 0 10px;
}


 /* delivery area
===================================*/
.delivery_area {
	/*padding: 0 0 0;*/
	padding: 20px;
}


 /* prepare area
===================================*/
.prepare_area {
	/*padding: 0 0 30px;*/
	padding: 20px;
}


 /* 2018.06.25
===================================*/

img {
	max-width: 100%;
}

.mainImg {
	display: block;
	text-align: center;
}