@charset "utf-8";
/* CSS Document */

.main .product .contents article {
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
}

.main .product,
.main .company_info,
.main .onlyone_menu,
.main .shop_only {
	background-color: #e5f9fc;
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 1;
}
.main .company_info,
.main .shop_only_under,
.main .shop_only {
	padding-bottom: 80px;
}
.main .product #svg-bg,
.main .product_under #svg-bg,
.main .commitment #svg-bg,
.main .company_info #svg-bg,
.main .onlyone_menu #svg-bg,
.main .onlyone_menu_under #svg-bg,
.main .company_info_under #svg-bg,
.main .shop_only #svg-bg,
.main .shop_only_under #svg-bg,
.main .sweetsplan .locabo_head #svg-bg,
.main .sweetsplan .voice #svg-bg,
.main .sweetsplan .about_head #svg-bg {
	position: relative;
	height: 45px;
	z-index: 1;
}

.main .product article,
.main .onlyone_menu article,
.main .shop_only article {
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 60px 40px;
}
.main .product article h3 {
	margin-top: -25px;
	margin-bottom: 35px;
}
.main .product article h3 img {
	vertical-align: middle;
	margin: 0 10px;
}
.main .product article p {
	margin-bottom: 30px;
}
.main .product article ul,
.main .company_info ul {
	margin: 30px 0 -25px 0;
	overflow: hidden;
}
.main .product article ul {
	margin-top: 0;
}
.main .product article ul li,
.main .product article .link,
.main .commitment .contents ul li {
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
}
.main .commitment .contents ul.sns li,
.main .company_info ul li {
	width: -webkit-calc((100% - 75px) / 4);
	width: calc((100% - 75px) / 4);
}
.main .product article ul li,
.main .commitment .contents ul li,
.main .company_info ul li {
	float: left;
	margin: 0 25px 25px 0;
}
.main .product article .link {
	float: right;
}
.main .product article ul li:nth-child(3n),
.main .commitment .contents ul li:nth-child(3n),
.main .commitment .contents ul.sns li:nth-child(4n),
.main .company_info ul li:nth-child(4n) {
	margin-right: 0;
}
.main .product article ul li:nth-child(3n + 1),
.main .commitment .contents ul li:nth-child(3n + 1),
.main .commitment .contents ul.sns li:nth-child(4n + 1),
.main .company_info ul li:nth-child(4n + 1) {
	clear: both;
}
.main .commitment .contents ul.sns li:nth-child(3n) {
	margin-right: 25px;
}
.main .commitment .contents ul.sns li:nth-child(3n + 1) {
	clear: none;
}
.main .product article ul li a,
.main .product article .link a,
.main .commitment .contents ul li a,
.main .company_info ul li a {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: block;
}
.main .product article ul li a,
.main .product article .link a,
.main .company_info ul li a {
	border: 2px solid #00c8e1;
}
.main .product article ul li a,
.main .product article .link a {
	background-color: #e5f9fc;
	padding-left: -webkit-calc(40% + 10px);
	padding-left: calc(40% + 10px);
	padding-right: 30px;
	height: 100px;
	color: #00c8e1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
}
.main .product article ul li a p,
.main .product article .link a p {
	margin: 0 auto;
	padding:0;
}
.main .product article ul li a p span,
.main .product article .link a p span {
	display: block;
}
.main .product article ul li a p br,
.main .product article .link a p br {
	display: none;
}
.main .company_info ul li a {
	height: 80px;
	color: #005a65;
	background-color: #fff;
	font-size: 1.8rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.main .company_info ul li a p,
.main .aboutus_message .company_info ul li a p {
	margin: 0;
	padding: 0;
	line-height: inherit;
}
.main .product article ul li a:after,
.main .product article .link a:after,
.main .company_info ul li a:after {
	content: "";
	display:block;
	width: 6px;
	height: 6px;
	border: 2px solid #00c8e1;
	border-left: none;
	border-top: none;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	right: 15px;
	top: 50%;
	position: absolute;
}
.main .product article ul li a:hover:after,
.main .product article .link a:hover:after,
.main .company_info ul li a:hover:after {
	right: 13px;
}
.main .product article ul li a .img_width,
.main .product article .link a .img_width {
	width: 40%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	left: 0;
}
.main .product article ul li a .img_width .img,
.main .product article .link a .img_width .img {
	padding-top: 80%; 
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .product article ul li a .img_width .img img,
.main .product article .link a .img_width .img img {
	max-height: 75%;
	max-width: 80%;
}
.main .product article aside {
	width: 38em;
	float: left;
	text-align: left;
}
.main .product_under, 
.main .onlyone_menu_under {
	margin-bottom: 70px;
}

.search {
	background-color: #e5f9fc;
	padding: 20px 25px;
	display: inline-block;
	width: 100%;
}
.search dl,
.search dl dt,
.search dl dd {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 40px;
}
.search dl {
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
	float: left;
}
.search dl dt {
	width: 8em;
}
.search dl dd {
	width: -webkit-calc(100% / 2 - 8em);
	width: calc(100% / 2 - 8em);
	padding-right: 1em;
}

.search input[type="submit"], 
.search input[type="button"], 
.search button {
	background-color: #00c8e1;
	color: #fff;
	width: 120px;
	float: right;
}

.list ul {
	margin: 75px 0 20px 0;
	display: inline-block;
	width: 100%;
}
.list ul li {
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	float: left;
	margin: 0 25px 55px 0;
}
.list ul li:nth-child(3n) {
	margin-right: 0;
}
.list ul li:nth-child(3n + 1) {
	clear: both;
}

.list ul li a {
	display: block;
	position: relative;
}
.list ul li a .new,
.list ul li a .renew {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px;
	top: -10px;
	left: -10px;
	z-index: 1;
}
.list ul li a .new		{ border-color: #ff6082 transparent transparent #ff6082; }
.list ul li a .renew	{ border-color: #ff7300 transparent transparent #ff7300; }

.list ul li a .new img,
.list ul li a .renew img {
	position: absolute;
	top: -15px;
	left: -15px;
}
.list ul li a .new img		{ margin: -8px 0 0 -8px; }
.list ul li a .renew img	{ margin: -11px 0 0 -11px; }

.list ul li a .img {
	padding-top: 75%;
	margin-bottom: 20px;
}
.list ul li a p {
	margin: 0;
	padding: 0;
	text-align: center;
}

.pager {
	margin: 0 0 75px 0;
	clear: both;
}
.information .pager,
.information .info_nav,
.recruit .info_nav {
	position: absolute;
	bottom: 75px;
	text-align: center;
	left: 0;
	right: 0;
	clear: none;
	margin: 0;
}
.pager ul {
	margin: 0;
	text-align: center;
	letter-spacing: -0.4em;
}
.pager ul li,
.pager ul li:nth-child(3n),
.pager ul li:nth-child(3n + 1),
.list .pager ul li,
.list .pager ul li:nth-child(3n),
.list .pager ul li:nth-child(3n + 1) {
	width: auto;
	display: inline-block;
	letter-spacing: normal;
	float: none;
	clear: none;
	margin: 0 7px;
	vertical-align: middle;
}
.pager ul li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	color: #00c8e1;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #e5f9fc;
}
.pager ul li.prev a,
.pager ul li.next a {
	background-color: #00c8e1;
}
.pager ul li.prev a:before,
.pager ul li.next a:before {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border: 3px solid #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.pager ul li.prev a:before { border-bottom: none;	border-right: none;	margin-left: 1px; }
.pager ul li.next a:before { border-top: none;	border-left: none;	margin-left: -1px; }

.pager ul li.prev a:hover:before { margin-left: -1px; }
.pager ul li.next a:hover:before { margin-left: 1px; }

.pager ul li.active a {
	background-color: #f1f1f1;
	color: #999;
}

.main .detail {
	margin-bottom: 80px;
}

.main .detail .contents h2,
.main .error h2 {
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.main .detail .contents h2 img {
	vertical-align: middle;
	max-width: 60px;
	margin-right: 15px;
}

.detail_left,
.detail_right {
	margin-bottom: 50px;
}

.detail_left {
	width: -webkit-calc(50% - 40px);
	width: calc(50% - 40px);
	float: left;
}
.detail_left .img {
	padding-top: 75%;
	margin-bottom: 10px;
}
.detail_left ul.img_thumbnail,
.detail_left .img_attention {
	margin-bottom: 40px;
}
.detail_left ul.img_thumbnail {
	margin-right: -10px;
	overflow: hidden;
	float: left;
}
.detail_left ul.img_thumbnail li {
	width: 90px;
	margin-right: 10px;
	float: left;
	position: relative;
	border: 2px solid #e5e5e5;
}
.detail_left ul.img_thumbnail li.active {
	border-color: #00c8e1;
}
.detail_left ul.img_thumbnail li .img {
	padding-top: 100%;
	overflow: hidden;
	margin-bottom: 0;
}
.detail_left ul.img_thumbnail li .img img {
	cursor: pointer;
	max-width: none;
}

.detail_left .img_attention {
	float: right;
	font-size: 1.4rem;
}
.detail_left p {
	clear: both;
	margin: 40px 0;
	font-weight: bold;
}
.detail_left .sns {
	margin-right: -10px;
	overflow: hidden;
}
.detail_left .sns li {
	margin-right: 10px;
	float: left;
}
.detail_left .sns li a {
	padding: 0 8px;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 20px;
	display: inline-block;
}
.detail_left .sns li:nth-child(2) a { background-color: #4065b4; }
.detail_left .sns li:nth-child(3) a { background-color: #1c95e0; }
.detail_left .sns li:last-child a { background-color: #00bb00; }

.detail_left .sns li a i {
	vertical-align: middle;
	margin-right: 5px;
	font-size: 1.3rem;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

	.detail_left .sns li .fb_reset {
		margin-top: 6px;
	}
	
}
@-moz-document url-prefix() {
	
	.detail_left .sns li .fb_reset {
		margin-top: -2px;
	}
	
}

.detail_right {
	width: 50%;
	float: right;
}
.detail_right dl {
	position: relative;
	padding-top: 1px;
}
.detail_right dl dt {
	position: absolute;
	left: 0.5em;
	padding: 1em 0;
}
.detail_right dl dd {
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
	padding: 15px 0 15px 10em;
	margin-top: -1px;
}
.detail_right dl dd ul.allergy {
	margin-right: -20px;
	overflow: hidden;
}
.detail_right dl dd ul.allergy li {
	margin-right: 20px;
	display: inline-block;
}
.detail_right dl dd ul.attention li {
	font-size: 1.4rem;
	line-height: 175%;
	padding-left: 1em;
}
.detail_right dl dd ul.attention li:before {
	content: "※";
	margin-left: -1em;
}

.detail_right table {
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #00c8e1;
	table-layout: fixed;
}
.detail_right table th,
.detail_right table td {
	border-right: 1px solid #00c8e1;
	border-left: 1px solid #00c8e1;
	padding: 7px 20px;
	font-size: 1.4rem;
	line-height: 175%;
}
.detail_right table th {
	text-align: left;
}
.detail_right table thead th {
	border-bottom: 1px solid #00c8e1;
}
.detail_right table tbody tr:nth-child(odd) th,
.detail_right table tbody tr:nth-child(odd) td {
	background-color: #e5f9fc;
}

.detail_link {
	clear: both;
	letter-spacing: -0.4em;
}
.detail_link li {
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	letter-spacing: normal;
	display: inline-block;
	margin-right: 25px;
}
.detail_link li:last-child {
	margin-right: 0;
}
.detail_link li a,
a.detail_top {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: block;
	border: 2px solid #00c8e1;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.detail_link li a {
	background-color: #e5f9fc;
	height: 62px;
	line-height: 58px;
	padding-right: 30px;
	color: #00c8e1;
}
a.detail_top {
	height: 56px;
	line-height: 52px;
	margin: 70px auto;
	width: 500px;
}
.detail_link li a:before,
.detail_link li a:after {
	content: "";
	position: absolute;
	display: block;
}
.detail_link li a:before {
	background-color: #00c8e1;
	top: 0;
	bottom: 0;
	right: 0;
	width: 30px;
}
.detail_link li a:after,
a.detail_top:after {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.detail_link li a:after {
	border: 3px solid #fff;
	border-top: none;
	border-left: none;
	right: 7px;
}
.detail_link li a:hover:after {
	right: 5px;
}

a.detail_top:after {
	border: 3px solid #00c8e1;
	border-top: none;
	border-left: none;
	right: 12px;
}
a.detail_top:hover:after {
	right: 10px;
}

.detail h3 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 2.4rem;
	font-weight: normal;
}


img.brand_banner {
	margin-top: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .contents h1.brand {
	font-size: 4.0rem;
	color: #00c8e1;
	margin-bottom: 40px;
	line-height: 110%;
}
.main .contents h1.brand + p {
	margin-top: 0;
}

.main .contents h2.new {
	margin: 70px 0 0 0;
	padding-bottom: 25px;
}
.main .contents h3.new,
.main .contents .nutr h3 {
	margin: 100px 0 0 0;
	padding-bottom: 25px;
	text-align: center;
}
.main .contents h3.new {
	margin-bottom: -30px;
}

.nutr ul,
.contact ul.attention {
	border: 1px solid #00c8e1;
	padding: 25px 30px;
}
.nutr ul {
	width: 84.62%;
	margin: 80px auto;
}
.contact ul.attention {
	margin: 40px 0;
}
.nutr ul li,
.contact ul.attention li {
	padding-left: 1em;
	margin: 5px 0;
	position: relative;
	font-size: 1.4rem;
}
.nutr ul li:before,
.contact ul.attention li:before {
	content: "";
	position: absolute;
	display: block;
	top: -webkit-calc(16px * 1.75 / 2);
	top: calc(16px * 1.75 / 2);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #00c8e1;
}
.nutr table {
	margin: 40px 0 100px 0;
	width: 100%;
	border-collapse: collapse;
}
.nutr table th,
.nutr table td {
	border: 1px solid #00c8e1;
	padding: 10px 20px;
}
.nutr table th {
	text-align:left;
	font-weight: normal;
}
.nutr table thead th {
	background-color: #e5f9fc;
}
.nutr table tbody th {
	width: 32%;
}
.nutr table tbody tr:nth-child(even) td {
	background-color: #fafafa;
}
.nutr table tbody:hover {
	border: 2px solid #00c8e1;
}

.contact {
	display: inline-block;
	width: 100%;
}
.contact p {
	text-align: center;
}
.contact div.tel {
	background-color: #f3f3f3;
	padding: 20px 30px;
	margin: 40px 0;
	font-size: 1.4rem;
}
.contact .tel .number {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.contact .tel .number span {
	font-size: 2.0rem;
	font-weight: bold;
}

.main .contents .contact h2 {
	padding-bottom: 25px;
}
.contact table {
	width: 100%;
	border-collapse: collapse;
	margin-top: -20px;
}
.contact table th,
.contact table td {
	border: 1px solid #eee;
	border-right: none;
	border-left: none;
	vertical-align: top;
	padding: 15px 20px;
}
.contact table th {
	text-align: left;
	font-weight: normal;
	padding-top: -webkit-calc((40px - (16px * 1.75)) / 2 + 15px);
	padding-top: calc((40px - (16px * 1.75)) / 2 + 15px);
	width: 18em;
}
.contact table th .memo {
	display:inline-block;
	font-size: 1.4rem;
}
.contact table td[colspan] {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f8f8f8;
}
.contact table td[colspan] a {
	color: #00c8e1;
	text-decoration: underline;
}
.contact table td[colspan] a:hover {
	opacity: 0.9;
}
.contact table td .select {
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	width: auto;
	display: inline-block;
}
.contact table td input[type="text"],
.contact table td textarea {
	background-color: #f8f8f8;
	width: 100%;
	resize: none;
}
.contact table td textarea {
	height: -webkit-calc(6em + 40px);
	height: calc(6em + 40px);
}
.contact table td .select + input[type="text"] {
	margin-top: 20px;
}

.contact table + p {
	margin: 30px 0;
}

.contact article {
	display: inline-block;
	width: 100%;
	margin-bottom: 60px;
	position: relative;
}
.contact article img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.contact article p {
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}
.contact .left h2 {
	margin: 0 0 30px 0;
	padding-bottom:25px;
}
.contact .left h3 {
	font-size: 2.0rem;
}
.contact .left ul,
.contact .left dl {
	display: inline-block;
	width: 100%;
	margin-bottom: 60px;
}
.contact .left ul.list li {
	margin: 0;
	padding: 0;
}
.contact .left ul.list li:nth-child(odd) {
	background-color: #e5f9fc;
}
.contact .left ul.category,
.contact .left dl {
	margin-top: 20px;
	padding-top: 1px;
}
.contact .left ul.category {
}
_:-ms-lang(x)::-ms-backdrop, .contact .left ul.category {
	height: calc(5.25em + 65px);
	max-height: none;
}
.contact .left ul.category li,
.contact .left dl dt,
.contact .left dl dd {
	margin-top: -1px;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
	padding: 10px;
}
.contact .left ul.category li {
	margin-right: 40px;
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
	float: left;
}
.contact .left ul.category li:nth-child(even) {
	margin-right: 0;
}
.contact .left dl dt,
.contact .left dl dd {
	padding-left: -webkit-calc(10px + 2em);
	padding-left: calc(10px + 2em);
	position: relative;
}
.contact .left dl dt:before,
.contact .left dl dd:before {
	margin-left: -2em;
	font-weight: bold;
	width: 2em;
	display: inline-block;
}
.contact .left dl dt:before {
	content: "Q.";
	color: #00c8e1;
}
.contact .left dl dd:before {
	content: "A.";
	color: #ff9696;
}
.contact .left dl dt {
	cursor: pointer;
}
.contact .left dl dd {
	display: none;
	border-top: none;
	margin-top: 0;
}
.contact .left dl dd a {
	color: #00c8e1;
}
.contact .left dl dd p {
	text-align: left;
}

.contact ul.inquiry {
	display: inline-block;
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.contact ul.inquiry li,
.side ul li.contact {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	border: 2px solid #00c8e1;
	position: relative;
}
.side ul li.contact {
	padding: 0 20px 15px 20px;
	font-size: 1.3rem;
}
.contact ul.inquiry li {
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
	padding-bottom: 236px;
	text-align: center;
}
.contact ul.inquiry li:last-child {
	margin-right: 0;
}
.side ul li.contact {
	margin-bottom: 30px;
}
.contact ul.inquiry li h4,
.side ul li h4 {
	background-color: #00c8e1;
	color: #fff;
	font-weight: normal;
}
.contact ul.inquiry li h4 {
	font-size: 2.0rem;
	padding: 15px 0;
	margin-bottom: 20px;
}
.side ul li h4 {
	font-size: 1.8rem;
	padding: 10px 0;
	text-align:center;
	margin-bottom: 15px;
}
.side ul li.contact h4 {
	margin-left: -20px;
	margin-right: -20px;
}
.side ul li:last-child:not(.contact) h4 {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
.contact ul.inquiry li h4 i,
.side ul li .number i {
	vertical-align: middle;
	margin-right: 10px;
}
.contact ul.inquiry li:first-child h4 i,
.side ul li .number i {
	transform: scale(-1, 1);
}
.side ul li .number i {
	color: #00c8e1;
}
.contact ul.inquiry li .number {
	display: inline-block;
	font-size: 3.6rem;
	letter-spacing: 0.1em;
	margin-left: 10px;
}
_:-ms-lang(x)::-ms-backdrop, .contact ul.inquiry li .number {
	letter-spacing: normal;
}
.contact ul.inquiry li .time {
	font-size: 1.4rem;
}
.contact ul.inquiry li .time span {
	font-size: 1.8rem;
	vertical-align: middle;
	letter-spacing: 0.1em;
	margin-right: 5px;
}
.contact ul.inquiry li aside,
.contact ul.inquiry li aside p {
	text-align: left;
}
.contact ul.inquiry li aside {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background-color: #f4f4f4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 20px;
	font-size: 1.3rem;
	line-height: 175%;
	height: -webkit-calc(10.5em + 60px);
	height: calc(10.5em + 60px);
}
.contact ul.inquiry li aside p {
	margin: 10px 0;
	padding: 0;
}
.contact ul.inquiry li a:not([href^="tel:"]),
.side ul li.contact a:not([href^="tel:"]) {
	background-color: #e5f9fc;
	color: #00c8e1;
}
.contact ul.inquiry li a:not([href^="tel:"]) {
	height: 53px;
	line-height: 49px;
	margin: 0 20px;
}
.side ul li.contact a:not([href^="tel:"]) {
	height: 42px;
	line-height: 38px;
}
.side ul li h5 {
	font-size: 1.3rem;
	color: #00c8e1;
	font-weight: normal;
	text-align: center;
}
.side ul li hr {
	border: none;
	border-bottom: 1px solid #00c8e1;
	margin: 20px 0;
}
.side ul li img {
	width: 30px;
	margin-right: 5px;
	vertical-align: inherit;
}
.side ul li .number {
	display: inline-block;
	font-size: 2.54rem;
	letter-spacing: 0.05em;
}
.side ul li .time span {
	font-size: 1.6rem;
	margin-right: 5px;
	letter-spacing: 0.05em;
}
.side ul li form {
	position: relative;
}

.information ul.list,
.information .info_detail,
.information .side,
.recruit .recruit_detail,
.faq .left,
.faq .side {
	margin-bottom: 190px;
}

.information,
.main .aboutus .news,
.recruit,
.faq {
	display: inline-block;
	width: 100%;
	display: inline-block;
	position: relative;
}
.information ul.list,
.information.news .info_detail,
.contact .left,
.faq .left {
	width: -webkit-calc(100% - 260px);
	width: calc(100% - 260px);
	float: left;
}
.information ul.list li:nth-child(odd) {
	background-color: #e5f9fc;
}
.information ul.list li a,
.contact .left ul.list li a {
	display: block;
	padding-left: -webkit-calc(7em + 55px);
	padding-left: calc(7em + 55px);
	padding-top: -webkit-calc((55px - (1.6rem * 1.75)) / 2);
	padding-top: calc((55px - (1.6rem * 1.75)) / 2);
	padding-bottom: -webkit-calc((55px - (1.6rem * 1.75)) / 2);
	padding-bottom: calc((55px - (1.6rem * 1.75)) / 2);
	padding-right: 15px;
	position: relative;
}
.information ul.list.faq li a {
	padding-left: 15px;
}
.information ul.list li a .day,
.contact .left ul.list li a .day {
	position: absolute;
	top: -webkit-calc((55px - (1.6rem * 1.75)) / 2);
	top: calc((55px - (1.6rem * 1.75)) / 2);
	left: 15px;
}
.information ul.list li a div,
.contact .left ul.list li a div,
.contact .left dl dt div,
.main .aboutus .news ul li a div {
	font-size: 1.4rem;
	display: inline-block;
}
.information ul.list li a .day,
.information .info_detail ul.aside .day,
.contact .left ul.list li a .day,
.main .aboutus .news ul li a .day,
.recruit .recruit_detail ul.aside .day {
	color: #999;
}
.main .aboutus .news ul li a .day {
	margin-right: 45px;
}
.information ul.list li a .category,
.information .info_detail ul.aside .category,
.contact .left dl dt .category,
.recruit .recruit_detail ul.aside .category,
.faq .left ul.aside .category {
	color: #00c8e1;
}
.information ul.list li a .category,
.contact .left dl dt .category {
	margin-left: 25px;
}

.information .info_detail h2,
.main .recruit .recruit_detail h2,
.main .faq .left h2 {
	margin: 0 0 5px 0;
	padding-bottom: 25px;
}

.information .info_detail ul.aside,
.recruit .recruit_detail ul.aside,
.faq .left ul.aside {
	float: right;
	margin-bottom: 50px;
	margin-left: -10px;
	overflow: hidden;
}
.information .info_detail ul.aside li,
.recruit .recruit_detail ul.aside li,
.faq .left ul.aside li {
	float: left;
	font-size: 1.4rem;
	margin-left: 10px;
}
.information .info_detail ul.aside .day,
.information .info_detail ul.aside .category,
.recruit .recruit_detail ul.aside .day,
.recruit .recruit_detail ul.aside .category,
.faq .left ul.aside .category {
	display: inline-block;
}

.information .info_detail .article,
.main .recruit .recruit_detail .article,
.faq .left .article {
	clear: both;
	margin-top: 50px;
}

.information .info_nav li,
.recruit .info_nav li {
	text-align: center;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	float: left;
	min-height: 1.75em;
}
_:-ms-lang(x)::-ms-backdrop, .information .info_nav li,
_:-ms-lang(x)::-ms-backdrop, .recruit .info_nav li {
	width:  -webkit-calc((100% - 1px) / 3);
	width:  calc((100% - 1px) / 3);
}
.information .info_detail .article a,
.information .info_nav li a,
.recruit .info_nav li a {
	color: #00c8e1;
}
.information .info_nav li a,
.recruit .info_nav li a {
	position: relative;
	padding-left: 40px;
}
.information .info_nav li.prev a,
.recruit .info_nav li.prev a {
	padding-left: 25px;
	margin-right: 25px;
}
.information .info_nav li.next a,
.recruit .info_nav li.next a {
	padding-left: 0;
	padding-right: 25px;
	margin-left: 25px;
}
.information .info_nav li.right a {
	float: right;
	display: inline-block;
	margin-right: 0;
}
.information .info_nav li.prev a:before,
.information .info_nav li.next a:after,
.information .info_nav li a i,
.recruit .info_nav li.prev a:before,
.recruit .info_nav li.next a:after,
.recruit .info_nav li a i {
	position: absolute;
}
.information .info_nav li.prev a:before,
.information .info_nav li.next a:after,
.recruit .info_nav li.prev a:before,
.recruit .info_nav li.next a:after {
	content: "";
	display: inline-block;
	border: 3px solid #00c8e1;
	top: -webkit-calc(1.75em / 2);
	top: calc(1.75em / 2);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 7px;
	height: 7px;
}
.information .info_nav li.prev a:before,
.recruit .info_nav li.prev a:before {
	border-bottom: none;
	border-right: none;
	left: 0;
}
.information .info_nav li.next a:after,
.recruit .info_nav li.next a:after {
	border-left: none;
	border-top: none;
	right: 0;
}
.information .info_nav li.prev a:hover:before,
.recruit .info_nav li.prev a:hover:before {
	left: -2px;
}
.information .info_nav li.next a:hover:after,
.recruit .info_nav li.next a:hover:after {
	right: -2px;
}
.information .info_nav li a i,
.recruit .info_nav li a i {
	font-size: 2.0rem;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 2px;
}
@-moz-document url-prefix() {
	.information .info_nav li a i,
	.recruit .info_nav li a i {
		margin-top: 0;
	}
}

.side {
	float: right;
	width: 220px;
}
.side dl dt {
	text-align: center;
	color: #fff;
	background-color: #00c8e1;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	line-height: 54px;
}
.side dl dd {
	margin: 10px 0 45px 0;
	position: relative;
}

.side dl dd input[type="text"],
.side ul li input[type="text"] {
	width: 100%;
	padding-right: 30px;
	background-color: #f1f1f1;
}
.side dl dd button,
.side ul li button {
	position: absolute;
	background: none;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	color: #00c8e1;
}
.side dl dd ul li a {
	border-bottom: 2px solid #00c8e1;
	display: block;
	text-align: center;
	line-height: 54px;
}
.side a.icon {
	padding-left: 20px;
	position: relative;
	margin-bottom: 30px;
}
.side a.icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 5px;
	border: 2px solid #00c8e1;
	border-top: none;
	border-left: none;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
.side a.icon:hover:before {
	left: 2px;
}

.main .recruit .contents h2 {
	margin: 80px 0 40px 0;
	padding-bottom: 25px;
	text-align: center;
}
.main .recruit .contents ul.button3,
.main .recruit .contents ul.button2 {
	display: inline-block;
	width: 100%;
}
.main .recruit .contents ul.button3 {
	margin: 40px 0 30px 0;
}
.main .recruit .contents ul.button2 {
	margin-bottom: 40px;
}
.main .recruit .contents ul.button3 li {
	float: left;
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	margin-right: 25px;
}
.main .recruit .contents ul.button2 li {
	float: left;
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
.main .recruit .contents ul.button3 li:nth-child(3n),
.main .recruit .contents ul.button2 li:nth-child(even) {
	margin-right: 0;
}
.main .recruit .contents ul.button3 li a img,
.main .recruit .contents ul.button2 li a img {
	vertical-align: bottom;
}
.main .recruit .contents aside a,
.contact ul.inquiry li a:not([href^="tel:"]),
.side ul li.contact a:not([href^="tel:"]) {
	display: block;
	border: 2px solid #00c8e1;
	text-align:center;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	padding-right: 30px;
}
.main .recruit .contents aside a {
	height: 55px;
	line-height: 51px;
}
.main .recruit .contents aside a {
	font-size: 2.2rem;
	color: #00c8e1;
}
.main .recruit .contents aside a:before,
.main .recruit .contents aside a:after,
.main .contents .sitemap a:before,
.contact .left ul.category li a:before,
.contact ul.inquiry li a:not([href^="tel:"]):before,
.contact ul.inquiry li a:not([href^="tel:"]):after,
.side ul li.contact a:not([href^="tel:"]):before,
.side ul li.contact a:not([href^="tel:"]):after,
.aboutus .aboutus_info .contents ul li h2 a:before,
.main .onlyone_menu article .menu ul li a:after,
.main .aboutus .news a.more:before,
.main .aboutus_company table td a:before,
.main .office .contents dl dd ul li a:before,
.main .community-activities .contents .community-block .community-desc-footer a:before,
.main .shop .contents .shop_info .map .link a:before,
.main .shop .contents .shop_info .map .text a.reserve:before,
.main .shop .contents .shop_info .map .text a.reserve:after,
.main .onlyone_recipe article a:before {
	position: absolute;
	content: "";
	display: block;
}
.main .recruit .contents aside a:before,
.contact ul.inquiry li a:not([href^="tel:"]):before,
.side ul li.contact a:not([href^="tel:"]):before,
.main .shop .contents .shop_info .map .text a.reserve:before {
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	width: 30px;
}
.main .recruit .contents aside a:before,
.contact ul.inquiry li a:not([href^="tel:"]):before,
.side ul li.contact a:not([href^="tel:"]):before {
	background-color: #00c8e1;
}
.main .shop .contents .shop_info .map .text a.reserve:before {
	background-color: #00c8e1;
}
.main .recruit .contents aside a:after,
.main .contents .sitemap a:before,
.contact .left ul.category li a:before,
.contact ul.inquiry li a:not([href^="tel:"]):after,
.side ul li.contact a:not([href^="tel:"]):after,
.aboutus .aboutus_info .contents ul li h2 a:before,
.main .onlyone_menu article .menu ul li a:after,
.main .aboutus .news a.more:before,
.main .aboutus_company table td a:before,
.main .office .contents dl dd ul li a:before,
.main .community-activities .contents .community-block .community-desc-footer a:before,
.main .shop .contents .shop_info .map .link a:before,
.main .shop .contents .shop_info .map .text a.reserve:after,
.main .onlyone_recipe article a:before {
	width: 6px;
	height: 6px;
	border-width: 3px;
	border-style: solid;
	border-left: none;
	border-top: none;
	right: 17px;
	top: 50%;
	-webkit-transform: translate(50%, -50%) rotate(-45deg);
	-ms-transform: translate(50%, -50%) rotate(-45deg);
	transform: translate(50%, -50%) rotate(-45deg);
}
.main .contents .sitemap a:before,
.contact .left ul.category li a:before,
.aboutus .aboutus_info .contents ul li h2 a:before,
.main .aboutus .news a.more:before,
.main .aboutus_company table td a:before,
.main .office .contents dl dd ul li a:before,
.main .community-activities .contents .community-block .community-desc-footer a:before,
.main .shop .contents .shop_info .map .link a:before,
.main .onlyone_recipe article a:before {
	border-color: #00c8e1;
}
.main .recruit .contents aside a:after,
.contact ul.inquiry li a:not([href^="tel:"]):after,
.side ul li.contact a:not([href^="tel:"]):after,
.main .shop .contents .shop_info .map .text a.reserve:after {
	border-color: #fff;
}
.main .onlyone_menu article .menu ul li a:after {
	right: auto;
	left: -webkit-calc(100% - 25px);
	left: calc(100% - 25px);
}
.main .onlyone_menu article .menu:first-child ul li a:after		{ border-color: #f3d400; }
.main .onlyone_menu article .menu:nth-child(2) ul li a:after	{ border-color: #9ad301; }
.main .onlyone_menu article .menu:last-child ul li a:after		{ border-color: #ff9696; }

.main .contents .sitemap a:before,
.contact .left ul.category li a:before,
.aboutus .aboutus_info .contents ul li h2 a:before,
.main .aboutus .news a.more:before,
.main .aboutus_company table td a:before,
.main .office .contents dl dd ul li a:before,
.main .community-activities .contents .community-block .community-desc-footer a:before,
.main .shop .contents .shop_info .map .link a:before,
.main .onlyone_recipe article a:before {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	left: 0;
	right: auto;
}
.main .recruit .contents aside a:hover:after,
.contact ul.inquiry li a:hover:after,
.side ul li.contact a:not([href^="tel:"]):hover:after,
.main .shop .contents .shop_info .map .text a.reserve:hover:after {
	right: 15px;
}
.main .contents .sitemap a:hover:before,
.contact .left ul.category li a:hover:before,
.aboutus .aboutus_info .contents ul li h2 a:hover:before,
.main .aboutus .news a.more:hover:before {
	left: 2px;
}
.main .aboutus_company table td a:before,
.main .office .contents dl dd ul li a:before,
.main .community-activities .contents .community-block .community-desc-footer a:before,
.main .shop .contents .shop_info .map .link a:before,
.main .onlyone_recipe article a:before {
	left: -2px;
}
.main .aboutus_company table td a:hover:before,
.main .office .contents dl dd ul li a:hover:before,
.main .shop .contents .shop_info .map .link a:hover:before,
.main .onlyone_recipe article a:hover:before {
	left: 0;
}
.main .onlyone_menu article .menu ul li a:hover:after {
	left: -webkit-calc(100% - 23px);
	left: calc(100% - 23px);
}

.main .recruit .contents h3,
.main .recruit .contents ul.list li,
.main .recruit .contents ul.list li a {
	padding: 8px 20px;
}
.main .recruit .contents h3,
.main .contents .sitemap h3 {
	background-color: #e5f9fc;
	font-size: 1.8rem;
	font-weight: normal;
}
.main .recruit .contents ul.list + h3 {
	margin-top: 60px;
}
.main .contents .sitemap h3 {
	padding: 5px 20px;
	margin-bottom: 30px;
}
.main .contents .sitemap h3:last-child {
	margin-bottom: 0;
}
.main .recruit .contents ul.list li {
	border-bottom: 1px solid #e0e0e0;
}
.main .recruit .contents ul.list li a {
	display:block;
	margin: -8px -20px;
}
.main .recruit .contents ul.list li a .day {
	display: inline-block;
	color: #999;
	margin-right: 35px;
	font-size: 1.4rem;
	vertical-align: middle;
}
.main .recruit .contents aside {
	margin: 40px 0 80px 0;
	padding: 20px 20px 20px 40px;
	font-size: 1.8rem;
	background-color: #f4f4f4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: inline-block;
	width: 100%;
	line-height: 55px;
}
.main .recruit .contents aside a {
	float: right;
	display: inline-block;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	font-size: 1.6rem;
	background-color: #fff;
}

.sitemap {
	max-width: 800px;
	margin: -15px auto 0 auto;
}
.main .contents .sitemap h2 {
	margin: 0 0 30px 0;
	padding: 0 20px 25px 20px;
}
.main .contents .sitemap h2 + h2 {
	margin-top: 80px;
}
.main .contents .sitemap h2 a {
	padding-left: 0;
}
.main .contents .sitemap h2 a:before {
	display: none;
}
.main .contents .sitemap article {
	margin-bottom: 80px;
	display: inline-block;
	width: 100%;
}
.main .contents .sitemap ul {
	margin: 0 20px 35px 20px;
	overflow: hidden;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.main .contents .sitemap ul:last-child {
	margin-bottom: -25px;
}
.main .contents .sitemap ul.rule {
	margin: 20px 0 35px 0;
	padding: 35px 20px;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
}
.main .contents .sitemap ul li {
	margin: 0 0 25px 0;
	width: 50%;
	float: left;
}
.main .contents .sitemap ul li:nth-child(odd) {
	clear: both;
}
.main .contents .sitemap ul.rule li:nth-last-child(-n + 2) {
	margin-bottom: 0;
}
.main .contents .sitemap a,
.contact .left ul.category li a {
	position: relative;
	padding-left: 25px;
	display:inline-block;
}


.main .company_info h2 {
	border: none;
}
.main .company_info_under {
	margin-bottom: 60px;
}
.aboutus .aboutus_info .contents ul {
	margin: 60px 0 20px 0;
	display: inline-block;
	width: 100%;
}
.aboutus .hakusho .contents ul {
	margin: 0px 0 20px 0;
}
.aboutus .aboutus_info .contents ul li,
.main .onlyone_menu article .menu {
	float: left;
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	margin-right: 25px;
}
.aboutus .aboutus_info .contents ul li {
	margin-bottom: 60px;
}
.aboutus .aboutus_info .contents ul li:nth-child(3n),
.main .onlyone_menu article .menu:nth-child(3n) {
	margin-right: 0;
}
.aboutus .aboutus_info .contents ul li:nth-child(3n + 1) {
	clear: both;
}
.aboutus .contents h2,
.main .aboutus_company .contents h3 {
	margin: 0;
	padding: 10px 20px;
	background-color: #e5f9fc;
	font-size: 1.8rem;
	font-weight: normal;
}
.hakusho .contents h2 {
	margin: 40px 0 20px 0;
}
.aboutus .aboutus_info .contents ul li h2 a {
	display: inline-block;
	padding-left: 25px;
	position: relative;
}
.aboutus .aboutus_info .contents ul li .img {
	padding-top: 45.455%;
	margin: 20px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
.aboutus .aboutus_info .contents ul li:nth-child(2) .img {
	border: 1px solid #e5f9fc;
}
.aboutus .aboutus_info .contents ul li p {
	margin: 0 20px;
	padding: 0;
}

.main .onlyone_menu article {
	display: inline-block;
	width: 100%;	
	margin-bottom: 100px;
}
.main .onlyone_menu article .menu h2 {
	margin: 0 0 20px 0;
	background: none;
}
.main .onlyone_menu article .menu ul {
	margin-bottom: -10px;
	overflow: hidden;
}
.main .onlyone_menu article .menu ul li {
	margin-bottom: 10px;
}
.main .onlyone_menu article .menu ul li a {
	display: block;
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	position: relative;
	font-size: 1.4rem;
	line-height: 175%;
	font-weight: bold;
	padding-right: 17px;
}
.main .onlyone_menu article .menu:first-child ul li a {
	border-color: #f3d400;
	color: #d3b800;
	background-color: #fcfbe5;
}
.main .onlyone_menu article .menu:nth-child(2) ul li a {
	border-color: #9ad301;
	color: #8dc101;
	background-color: #e6fce5;
}
.main .onlyone_menu article .menu:last-child ul li a {
	border-color: #ff9696;
	color: #e48686;
	background-color: #fff2ec;
}
.main .onlyone_menu article .menu ul li a .img_width {
	width: 80px;
	float: left;
}
.main .onlyone_menu article .menu ul li a .img_width .img {
	padding-top: 87.5%;
}
.main .onlyone_menu article .menu ul li a span {
	position: absolute;
	top: 50%;
	left: -webkit-calc(50% + 30px);
	left: calc(50% + 30px);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.main .aboutus .news {
	margin-bottom: 80px;
}
.main .aboutus .news ul li {
	border-bottom: 1px solid #e0e0e0;
}
.main .aboutus .news ul li a {
	padding: 15px 0;
	display: block;
}
.main .aboutus .news a.more {
	float: right;
	margin-top: 15px;
	display: inline-block;
	padding-left: 25px;
	position: relative;
}

.main .onlyone * {
	font-size: 1.4rem;
	line-height: 175%;
}
.main .onlyone .contents {
	max-width: none;
	padding: 0;
}
.main .onlyone .contents h2 {
	margin: 0 0 15px 0;
}

.main .shop,
.main .aboutus_ci,
.main .onlyone_env,
.main .onlyone_careful,
.main .onlyone_quality,
.main .onlyone_custard,
.main .onlyone_milk,
.main .onlyone_origin,
.main .onlyone_recipe,
.main .community-activities {
	overflow: hidden;
}

.main .aboutus_ci .contents .message,
.main .shop .contents,
.main .onlyone_env .contents,
.main .onlyone_careful .contents,
.main .onlyone_quality .contents,
.main .onlyone_custard .contents,
.main .onlyone_milk .contents,
.main .onlyone_origin .contents,
.main .onlyone_recipe .contents,
.main .community-activities .contents {
		position: relative;
}
.main .aboutus_ci .contents .message img.bg,
.main .shop .contents img.bg,
.main .onlyone_env .contents img.bg,
.main .onlyone_careful .contents img.bg,
.main .onlyone_quality .contents img.bg,
.main .onlyone_custard .contents img.bg,
.main .onlyone_milk .contents img.bg,
.main .onlyone_origin .contents img.bg,
.main .onlyone_recipe .contents img.bg,
.main .community-activities .contents .catch img.bg {
	position: absolute;
	z-index: 1;
}

.main .aboutus_ci .contents .message img.bg1	{ top: 0;		left: 0; }
.main .aboutus_ci .contents .message img.bg2	{ bottom: 40px;	right: -25px; }

.main .community-activities .contents img.bg1 {
	top: -100px;
	left: -130px;
	z-index: -1;
	width: 350px;
	position: absolute;
}
.main .community-activities .contents img.bg2 {
	right: -120px;
	z-index: -1;
	width: 300px;
	top: 70px;
	position: absolute;
}

.main .shop .contents img.bg.bg1 { top: -100px;	left: -130px; }
.main .shop .contents img.bg.bg2 { top: 20px;	right: -120px; }

.main .onlyone_env .contents img.bg.bg1,
.main .onlyone_careful .contents img.bg.bg1,
.main .onlyone_quality .contents img.bg.bg1,
.main .onlyone_custard .contents img.bg.bg1,
.main .onlyone_milk .contents img.bg.bg1,
.main .onlyone_origin .contents img.bg.bg1,
.main .onlyone_recipe .contents img.bg.bg1	{ top: -265px;	left: -400px; }
.main .onlyone_env .contents img.bg.bg2,
.main .onlyone_careful .contents img.bg.bg2,
.main .onlyone_quality .contents img.bg.bg2	{ top: 50px;	left: 70px; }

.main .onlyone_custard .contents img.bg.bg2 { top: 100px;	left: 125px; }
.main .onlyone_origin .contents img.bg.bg2	{ top: 120px;	left: 125px; }
.main .onlyone_recipe .contents img.bg.bg2	{ top: 110px;	left: 100px; }

.main .aboutus_ci .contents .message {
	text-align: center;
	margin: 90px 0;
}
.main .aboutus_ci .contents .message * {
	z-index: 2;
	position: inherit;
}
.main .aboutus_ci .contents .message h2 {
	margin: 30px 0 65px 0;
	border: none;
	padding: 0;
}
.main .aboutus_ci .contents .message p,
.main .aboutus_message .contents p {
	line-height: 250%;
	margin: 0;
}
.main .aboutus_message .contents p {
	text-align: center;
	margin-top: 80px;
}
.main .aboutus_message .contents p + p {
	margin: 55px 0 100px 0;
}
.main .aboutus_message .contents p span {
	display: block;
}
.main .aboutus_ci .contents .message p span {
	display: block;
}

.main .aboutus_ci .contents .origin,
.main .aboutus_ci .contents .mark,
.main .aboutus_ci .contents .color {
	margin: 80px 0;
	position: relative;
}
.main .aboutus_ci .contents h2,
.main .aboutus_company .contents h2,
.main .office .contents h2,
.main .shop .contents h2,
.main .shop_only article h2,
.main .error h2 {
	background: none;
	font-size: 2.4rem;
	font-weight: normal;
	margin: 0 0 30px 0;
	padding-bottom: 25px;
}
.main .aboutus_ci .contents h2,
.main .aboutus_company .contents h2,
.main .shop .contents h2,
.main .shop_only article h2 {
	text-align: center;
}
.main .aboutus_company .contents h2,
.main .shop .contents h2 {
	margin-top: 80px;
}
.main .aboutus_ci .contents .mark img {
	width: 200px;
	position: absolute;
	bottom: -webkit-calc((100% - 81px) / 2 + 10px);
	bottom: calc((100% - 81px) / 2 + 10px);
	left: 0;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.main .aboutus_ci .contents .mark p {
	margin: 0 0 0 250px;
}

.main .aboutus_company table {
	width: 880px;
	margin: 0 auto;
	border-collapse: collapse;
}
.main .aboutus_company table th,
.main .aboutus_company table td {
	padding: 20px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: top;
}
.main .aboutus_company table th {
	background-color: #e5f9fc;
	text-align: left;
	font-weight: normal;
	width: 200px;
}
.main .aboutus_company table td .address_head {
	background-color: #e5f9fc;
	margin-left: -3px;
	padding: 0 3px;
}
.main .aboutus_company table td a {
	float: right;
	display: inline-block;
	padding-left: 15px;
	color: #00c8e1;
	font-size: 1.4rem;
	vertical-align: middle;
	position: relative;
}
.main .aboutus_company .graph {
	width: 700px;
	height: 700px;
	margin: 25px auto;
}
.main .aboutus_company ul.tab {
	width: 100%;
	display: inline-block;
	border-bottom: 2px solid #00c8e1;
	letter-spacing: -0.4em;
	padding: 0 5px 0 10px;
	margin-top: 10px;
	position: relative;
	z-index: 0;
}
.main .aboutus_company ul.tab li {
	display: inline-block;
	border: 2px solid #00c8e1;
	border-bottom: none;
	margin-bottom: -2px;
	padding: 15px 0;
	width: 200px;
	text-align: center;
	letter-spacing: normal;
	margin-right: 5px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
_:-ms-lang(x)::-ms-backdrop, .main .aboutus_company ul.tab li {
	margin-bottom: -3px;
}
.main .aboutus_company ul.tab li.active {
	background-color: #fff;
}
.main .aboutus_company .tab_main {
	margin: 40px 0 80px 0;
}
_:-ms-lang(x)::-ms-backdrop, .main .aboutus_company .tab_main {
	padding-top: 40px;
	margin-top: 0;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.main .aboutus_company .tab_main table {
	display: none;
}
.main .aboutus_company .tab_main table.active {
	display: table;
}

.main .office .contents {
	margin-bottom: 80px;
}
.main .office .contents dl + h2 {
	margin-top: 80px;
}
.main .office .contents .right {
	text-align: right;
}
.main .office .contents dl dt {
	margin: 40px 0 15px 0;
	background-color: #e5f9fc;
	padding: 10px 20px;
}
.main .office .contents dl dd {
	padding: 15px 0;
}
.main .office .contents dl dd ul {
	float: right;
	margin: -15px 0 0 -15px;
	overflow: hidden;
}
.main .office .contents dl dd ul li {
	float: left;
	margin: 15px 0 15px 15px;
	vertical-align: bottom;
}
.main .community-activities .contents .community-block .community-desc-footer a {
	position: relative;
	padding-left: 20px;
	color: #00c8e1;
}
.main .office .contents dl dd ul li a {
	position: relative;
	padding-left: 20px;
	color: #00c8e1;
	display: block;
}
.main .office .contents dl dd ul li a.map_icon {
	padding: 15px 15px 15px 40px;
	margin: -15px 0;
	background-color: #e5f9fc;
}
.main .office .contents dl dd ul li a.map_icon:before {
	display: none;
}
.main .office .contents dl dd ul li a.map_icon i {
	position: absolute;
	top: 50%;
	left: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .office .contents dl dd .map {
	background-color: #e5f9fc;
	padding: 30px 0;
	clear: both;
	text-align: center;
	display: none;
}
.main .office .contents dl dd .map .map_item {
	text-align: left;
	display: inline-block;
}
.main .office .contents dl dd .map .map_item a.print,
.main .office .map a.print {
	float: right;
	font-size: 1.4rem;
	color: #00c8e1;
}
.main .office .contents dl dd .map .map_item a.print i,
.main .office .map a.print i {
	vertical-align: baseline;
	font-size: 1.6rem;
}
iframe a.print {
	display: none;
}
.main .office .contents dl dd .map .map_item img {
	margin: 0 auto 10px auto;
}

.main .office .company_info .contents {
	margin-bottom: 0;
}

.main .office .map h2 {
	margin-top: 50px;
}
.main .office .map img {
	display: block;
	margin: 15px auto;
	clear: both;
}

.main .shop .contents p {
	text-align: center;
	line-height: 230%;
}

.main .shop .contents .shop_menu {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px;
}
.main .shop .contents .shop_menu .sweets_factory,
.main .shop .contents .shop_menu .sweets_shop {
	text-align: center;
}
.main .shop .contents .shop_menu .sweets_shop {
	width: -webkit-calc((100% - 60px) / 4 * 3 + 40px);
	width: calc((100% - 60px) / 4 * 3 + 40px);
}
.main .shop .contents .shop_menu .sweets_factory {
	width: -webkit-calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4)
}
.main .shop .contents .shop_menu .sweets_factory img {
	width: 180px;
	margin: 6px 0;
}

.main .shop .contents .shop_menu ul {
	margin-top: 20px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.main .shop .contents .shop_menu ul li {
	position: relative;
	display:flex;
    align-items: center;
}
.main .shop .contents .shop_menu .sweets_shop ul li {
	width: -webkit-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
}
.main .shop .contents .shop_menu .sweets_factory ul li {
	width: 100%;
}
.main .shop .contents .shop_menu ul li:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 0 12px;
	border-color: transparent;
}
.main .shop .contents .shop_menu .sweets_factory ul li:after	{ border-top-color: #50130c;}
.main .shop .contents .shop_menu .sweets_shop ul li:after		{ border-top-color: #00c8e1;}

.main .shop .contents .shop_menu ul li a {
	display: block;
	border-style: solid;
	border-width: 2px;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
	position: relative;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	text-align: left;
	font-size: 1.5rem;
}
.main .shop .contents .shop_menu .sweets_factory ul li a {
	border-color: #50130c;
	color: #50130c;
	background-color: #fbf7f7;
}
.main .shop .contents .shop_menu .sweets_shop ul li a {
	border-color: #00c8e1;
	color: #00c8e1;
	background-color: #e5f9fc;
}
.main .shop .contents .shop_menu ul li a img,
.main .shop .contents .shop_menu .sweets_factory ul li a img {
	width: auto;
	margin: 0 10px 0 0;
	float: left;
}
.main .shop .contents .shop_menu ul li a .text span {
	font-size: 2.5rem;
	vertical-align: baseline;
}
.main .shop .contents .shop_menu ul li .icon {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	background-color: #ff94af;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.4rem;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
}

.main .shop .contents .shop_info {
	padding: 40px 0;
}
.main .shop .contents .shop_info h3 {
	clear: both;
	text-align: center;
}
.main .shop .contents .shop_info h2 {
	margin-top: 20px;
}
.main .shop .contents .shop_info p {
	text-align: left;
	line-height: 175%;
	margin: 30px 0 40px 0;
}
.main .shop .contents .shop_info .shop_img {
	float: left;
	width: 480px;
}
.main .shop .contents .shop_info .shop_img img {
	display: block;
	max-width: 100%;
}
.main .shop .contents .shop_info .shop_img ul,
.main .shop .contents .shop_info table {
	margin-bottom: 40px;
}
.main .shop .contents .shop_info .shop_img ul {
	clear: both;
	margin-top: 10px;
	margin-right: -10px;
	overflow: hidden;
}
.main .shop .contents .shop_info .shop_img ul li {
	width: 88px;
	margin-right: 10px;
	float: left;
	position: relative;
}
.main .shop .contents .shop_info .shop_img ul li .img {
	padding-top: 100%;
	cursor: pointer;
}
.main .shop .contents .shop_info .shop_img ul li .img:before {
	content: "";
	position: absolute;
	display: block;
	border: 2px solid #e5e5e5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.main .shop .contents .shop_info .shop_img ul li.active .img:before {
	border-color: #00c8e1;
}
.main .shop .contents .shop_info .shop_img ul li .img img {
	max-width: none;
	max-height: none;
	width: auto;
	height: 100%;
	z-index: 0;
}

.main .shop .contents .shop_info table {
	width: 520px;
	float: right;
	border-collapse: collapse;
}
.main .shop .contents .shop_info table th,
.main .shop .contents .shop_info table td {
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
	padding: 20px 10px;
	vertical-align: top;
}
.main .shop .contents .shop_info table th {
	font-weight: normal;
	text-align: left;
	width: 150px;
}
.main .shop .contents .shop_info table tr:nth-child(2) td a[href^="tel:"] {
	cursor: text;
}
.main .shop .contents .shop_info table td span,
.main .shop .contents .shop_info table td ul li {
	font-size: 1.4rem;
}
.main .shop .contents .shop_info table td ul li {
	padding-left: 1em;
	position: relative;
}
.main .shop .contents .shop_info table td ul li:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0;
}
.main .shop .contents .shop_info .map {
	clear: both;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #e5f9fc;
	display: inline-block;
	width: 100%;
	padding: 30px;
}
.main .shop .contents .shop_info .map .text {
	float: left;
	width: 580px;
}
.main .shop .contents .shop_info .map .text h4,
.main .shop .contents .shop_info .map .text a,
.main .shop .contents .shop_info .map .text a.reserve .icon {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.main .shop .contents .shop_info .map .text h4 {
	background-color: #fff;
	position: relative;
	padding: 10px 100px;
	color: #00c8e1;
	font-size: 1.8rem;
}
.main .shop .contents .shop_info .map .text h4 img {
	width: auto;
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.main .shop .contents .shop_info .map .text p {
	margin: 1.5em 0;
}
.main .shop .contents .shop_info .map .text a {
	display: inline-block;
	float: none;
	padding: 5px 10px 5px 40px;
	background-color: #00b900;
	color: #fff;
	font-size: 1.4rem;
	position: relative;
}
.main .shop .contents .shop_info .map .text a i {
	vertical-align: middle;
	font-size: 2.8rem;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .shop .contents .shop_info .map .text a.reserve {
	margin-top: 40px;
	background-color: #fff;
	color: #00c8e1;
	width: 380px;
	height: 62px;
	line-height: 58px;
	border: 2px solid #00c8e1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	font-size: 1.6rem;
	padding: 0;
	overflow: hidden;
}
.main .shop .contents .shop_info .map .text a.reserve .icon {
	background-color: #ff94af;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	margin-right: 15px;
	height: 24px;
	line-height: 24px;
	font-size: 1.4rem;
	font-weight: bold;
	vertical-align: baseline;
}
.main .shop .contents .shop_info .map .map_img {
	float: right;
	width: 360px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
.main .shop .contents .shop_info .map .map_img img {
	max-width: 100%;
}
.main .shop .contents .shop_info .map .link {
	clear: both;
	display: inline-flex;
	justify-content: flex-end;
	margin: 10px 0 -20px 0;
	width: 100%;
}
.main .shop .contents .shop_info .map .link a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.main .shop .contents .shop_info .map .link a.print {
	padding: 0;
	margin-left: 40px;
}
.main .shop .contents .shop_info .map .link a.print:before {
	display: none;
}
.main .shop .contents .shop_info .map .link a.print i {
	font-size: 1.8rem;
	vertical-align: middle;
	color: #00c8e1;
	margin-right: 10px;
}

.main .shop_only article {
	width: 100%;
	display: inline-block;
}
.main .shop_only article h2 {
	margin-left: -40px;
	margin-right: -40px;
	margin-top: -30px;
}
.main .shop_only article img,
.main .shop_only article .text {
	margin-bottom: 40px;
}
.main .shop_only article img {
	float: left;
}
.main .shop_only article .text {
	width: 475px;
	float: right;
	text-align: left;
}
.main .shop_only article .bermkuchen {
	clear: both;
	padding: 40px;
	background-color: #f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
.main .shop_only article .bermkuchen * {
	margin-bottom: 0;
}
.main .shop_only article .bermkuchen .text {
	width: 435px;
}
.main .shop_only article .bermkuchen .text h3 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.main .onlyone_env,
.main .onlyone_careful,
.main .onlyone_quality,
.main .onlyone_custard,
.main .onlyone_milk,
.main .onlyone_origin,
.main .onlyone_recipe {
	margin-bottom: 100px;
}
.main .onlyone_env h1,
.main .onlyone_env h3,
.main .onlyone_env p,
.main .onlyone_careful h1,
.main .onlyone_careful h3,
.main .onlyone_careful p,
.main .onlyone_quality h1,
.main .onlyone_quality h3,
.main .onlyone_quality p,
.main .onlyone_custard h1,
.main .onlyone_custard h3,
.main .onlyone_custard p,
.main .onlyone_milk h1,
.main .onlyone_milk h3,
.main .onlyone_milk p,
.main .onlyone_origin h1,
.main .onlyone_origin h3,
.main .onlyone_origin p,
.main .onlyone_recipe h1,
.main .onlyone_recipe h3,
.main .onlyone_recipe p,
.main .shop .contents h1,
.main .shop .contents p,
.main .community-activities .contents h1 {
	z-index: 2;
	position: relative;
}
.main .onlyone_env h1,
.main .onlyone_careful h1,
.main .onlyone_quality h1,
.main .onlyone_custard h1,
.main .onlyone_milk h1,
.main .onlyone_origin h1,
.main .onlyone_recipe h1 {
	margin-top: 50px;
	margin-bottom: 30px;
}
.main .onlyone_env h3,
.main .onlyone_env p,
.main .onlyone_careful p,
.main .onlyone_quality p,
.main .onlyone_custard p,
.main .onlyone_milk p,
.main .onlyone_origin h3,
.main .onlyone_origin p,
.main .onlyone_recipe h3,
.main .onlyone_recipe p {
	text-align: center;
}
.main .onlyone_careful p span,
.main .onlyone_milk p span,
.main .onlyone_origin p span,
.main .onlyone_recipe p span {
	display: block;
}
.main .onlyone_careful p br {
	display: none;
}
.main .onlyone_env h3,
.main .onlyone_careful h3 {
	font-size: 1.8rem;
	font-weight: bold;
}
.main .onlyone_env article,
.main .onlyone_careful article,
.main .onlyone_quality article,
.main .onlyone_custard article,
.main .onlyone_milk article,
.main .onlyone_origin article,
.main .onlyone_recipe article {
	clear: both;
	margin: 55px 0 0 0;
	z-index: 2;
	position: relative;
	display: inline-block;
	width: 100%;
}
.main .onlyone_env p + article,
.main .onlyone_careful p + article,
.main .onlyone_quality p + article {
	margin-top: 40px;
}
.main .onlyone_origin p + article {
	margin-top: 50px;
}
.main .onlyone_custard p + article,
.main .onlyone_milk p + article,
.main .onlyone_recipe p + article {
	margin-top: 90px;
}
.main .onlyone_env article h2,
.main .onlyone_env article h3,
.main .onlyone_env article p,
.main .onlyone_careful article h2,
.main .onlyone_careful article h3,
.main .onlyone_careful article p,
.main .onlyone_quality article h2,
.main .onlyone_quality article h3,
.main .onlyone_quality article p,
.main .onlyone_custard article h2,
.main .onlyone_custard article h3,
.main .onlyone_custard article p,
.main .onlyone_quality article h2,
.main .onlyone_milk article h3,
.main .onlyone_milk article p,
.main .onlyone_origin article h3,
.main .onlyone_origin article p,
.main .onlyone_recipe article h3,
.main .onlyone_recipe article p {
	text-align: left;
}
.main .onlyone_env article h2,
.main .onlyone_careful article h2,
.main .onlyone_quality article h2,
.main .onlyone_custard article h2,
.main .onlyone_milk article h2,
.main .onlyone_origin article h2,
.main .onlyone_recipe article h2 {
	margin-top: 0;
	border-bottom: 2px solid #9ad301;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.main .onlyone_custard article h2,
.main .onlyone_milk article h2,
.main .onlyone_origin article h2,
.main .onlyone_recipe article h2 {
	border-color: #f3d400;
}
.main .onlyone_env article .left,
.main .onlyone_careful article .left,
.main .onlyone_quality article .left,
.main .onlyone_custard article .left,
.main .onlyone_milk article .left,
.main .onlyone_milk article aside .low,
.main .onlyone_origin article .left,
.main .onlyone_recipe article .left		{ float: left; }
.main .onlyone_env article .right,
.main .onlyone_careful article .right,
.main .onlyone_careful article aside,
.main .onlyone_quality article .right,
.main .onlyone_quality article aside,
.main .onlyone_quality article.factory_style aside,
.main .onlyone_custard article .right,
.main .onlyone_milk article .right,
.main .onlyone_milk article aside .high,
.main .onlyone_origin article .right,
.main .onlyone_recipe article .right	{ float: right; }

.main .onlyone_env article p,
.main .onlyone_careful article p,
.main .onlyone_quality article p,
.main .onlyone_custard article p,
.main .onlyone_milk article p,
.main .onlyone_origin article p,
.main .onlyone_recipe article p,
.main .onlyone_recipe article h2 + p.left {
	margin: 0;
}
.main .onlyone_env article p.left,
.main .onlyone_env article p.right,
.main .onlyone_careful article p.left,
.main .onlyone_careful article p.right,
.main .onlyone_careful article aside,
.main .onlyone_quality article p.left,
.main .onlyone_quality article p.right,
.main .onlyone_quality article aside,
.main .onlyone_custard article p.left,
.main .onlyone_custard article p.right,
.main .onlyone_milk article p.left,
.main .onlyone_milk article p.right,
.main .onlyone_milk article div.left,
.main .onlyone_milk article div.right,
.main .onlyone_recipe article p.left,
.main .onlyone_recipe article p.right,
.main .onlyone_recipe article div.left,
.main .onlyone_recipe article div.right {
	width: 500px;
}

.main .onlyone_quality .photo {
	float:left;
	width:45%;
	padding: 0 10px;
}
.main .onlyone_quality .sentence {
	float:left;
	width:55%;
	padding: 0 10px;
}
.main .onlyone_quality .logo .jsfc {
	background: #daf5d4;
	margin: 11px auto;
	border:3px solid #daf5d4;
	border-radius: 20px 20px 20px 20px;
}
.main .onlyone_quality .logo .jsfc-fact {
	width:98%;
	background: #FFF;
	margin: 5px auto;
	border: 1px solid #FFF;
	border-radius: 20px 20px 20px 20px;
	text-align: left;
	padding: 5px 10px;
}

.main .onlyone_quality .logo {
	margin: 0 auto;
	text-align: center;
}

.main .onlyone_env article img.right {
	margin: 0 115px;
}
.main .onlyone_env article img.left {
	margin: 0 133px;
}

.main .onlyone_env article h3,
.main .onlyone_careful article h3,
.main .onlyone_quality article h3,
.main .onlyone_custard article h3,
.main .onlyone_milk article h3,
.main .onlyone_origin article h3,
.main .onlyone_recipe article h3 {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #e9fce5;
	font-weight: normal;
	padding: 5px 25px;
}
.main .onlyone_env article h3 {
	margin-top: 75px;
}
.main .onlyone_careful article h3 {
	margin-top: 60px;
}
.main .onlyone_origin article h3 {
	background-color: #fcfbe5;
}
.main .onlyone_env article h3 + p,
.main .onlyone_careful article h3 + p,
.main .onlyone_quality article h2 + p,
.main .onlyone_origin article h2 + p,
.main .onlyone_recipe article h2 + p,
.main .onlyone_recipe article .right p,
.main .onlyone_recipe article ul li img {
	margin: 20px 0;
}
.main .onlyone_env article h3 + p,
.main .onlyone_env article.package h4 {
	font-size: 1.8rem;
	font-weight: bold;
}
.main .onlyone_env article .row {
	display: flex;
	justify-content: space-between;
}
.main .onlyone_env article .row.plastic .col {
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
}
.main .onlyone_env article.package img {
	margin-right: 40px;
	max-width: 350px;
}
.main .onlyone_env article.package .row {
	align-items: center;
}
.main .onlyone_env article.package h3 {
	margin-top: 40px;
}
.main .onlyone_env article.package ul,
.main .onlyone_env article.package ul li {
	list-style: disc;
}
.main .onlyone_env article.package ul {
	margin-left: 20px;
	margin-bottom: -30px;
}
.main .onlyone_env article ul li {
	margin: 30px 0;
}
.main .onlyone_env article ul li h4 {
	margin-bottom: 1em;
}
.main .onlyone_env article ul li .logo {
	width: 250px;
	margin-right: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main .onlyone_env article ul li .logo img {
	margin: 0;
	max-height: 150px;
}
.main .onlyone_env article ul li p {
	width: calc(100% - 290px);
}
.main .onlyone_careful article aside,
.main .onlyone_careful article aside ul li,
.main .onlyone_quality article aside {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .onlyone_careful article aside {
	padding: 20px;
	background-color: #daf5d4;
}
.main .onlyone_careful article aside h3 {
	background: none;
	font-size: 1.6rem;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0;
	font-weight: bold;
}
.main .onlyone_careful article ul li {
	margin: 10px 10px 0 0;
	float: left;
	width: -webkit-calc((100% - 10px) / 2);
	width: calc((100% - 10px) / 2);
	text-align: center;
	background-color: #fff;
	color: #8fc401;
	padding: 15px 0;
}
.main .onlyone_careful article ul li:nth-child(even) {
	margin-right: 0;
}
.main .onlyone_careful article ul li:nth-child(odd) {
	clear: both;
}
.main .onlyone_careful article p span {
	margin: 10px 0 25px 0;
	font-size: 1.2rem;
}
.main .onlyone_careful article table {
	width: 100%;
	border-collapse: collapse;
}
.main .onlyone_careful article table th,
.main .onlyone_careful article table td {
	padding: 25px 30px;
	border: 1px solid #e1e1e1;
	border-left: none;
	border-right: none;
}
.main .onlyone_careful article table th {
	background-color: #e9fce5;
	width: 200px;
	text-align: left;
}
.main .onlyone_quality article aside {
	background-color: #fffee6;
	padding: 15px 40px;
}
.main .onlyone_quality article aside h3 {
	background: none;
	padding: 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.main .onlyone_quality article aside ul {
	border-left: 3px solid #999;
	margin-top: 20px;
	display: inline-block; 
	width: 100%;
}
.main .onlyone_quality article aside ul li {
	position: relative;
	height: 55px;
	text-align: center;
	margin: 10px 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main .onlyone_quality article aside ul li .bg {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
}
.main .onlyone_quality article aside ul li:first-child .bg {
	right: 0;
	background-color: #999;
}
.main .onlyone_quality article aside ul li:last-child .bg {
	width: 7px;
	background-color: #00c8e1;
}
.main .onlyone_quality article aside ul li:last-child img {
	position: absolute;
	left: 13px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .onlyone_quality article aside ul li .text {
	z-index: 2;
	position: relative;
}
.main .onlyone_quality article aside ul li .text span {
	display: block;
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: normal;
}
.main .onlyone_quality article aside ul li:first-child .text { color: #fff; }
.main .onlyone_quality article aside ul li:last-child .text {
	color: #00c8e1;
	font-size: 2.2rem;
	font-weight: bold;
	position: relative;
}
.main .onlyone_quality article aside ul li:last-child .text:before,
.main .onlyone_quality article aside ul li:last-child .text:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	display: block;
}
.main .onlyone_quality article aside ul li:last-child .text:before {
	right: -webkit-calc(100% + 55px);
	right: calc(100% + 55px);
	border-style: solid;
	border-width: 15px 17px 15px 0;
	border-color: transparent #00c8e1 transparent transparent;
	width: 0;
	height: 0;
}
.main .onlyone_quality article aside ul li:last-child .text:after {
	width: 45px;
	height: 12px;
	right: -webkit-calc(100% + 10px);
	right: calc(100% + 10px);
	background-color: #00c8e1;
}
.main .onlyone_quality article.factory_style img.left {
	margin: 50px 0;
}
.main .onlyone_quality article.factory_style aside {
	width: 685px;
	padding: 0;
	background: none;
	margin: 30px 0;
}
.main .onlyone_quality article.factory_style aside h4 {
	font-size: 1.8rem;
}
.main .onlyone_quality article.factory_style aside table {
	border-collapse: collapse;
	width: 100%;
	margin: 25px 0 15px 0;
}
.main .onlyone_quality article.factory_style aside table th,
.main .onlyone_quality article.factory_style aside table td {
	padding: 15px 0;
	vertical-align: top;
	border: 1px solid #9ad301;
	border-left: none;
	border-right: none;
}
.main .onlyone_quality article.factory_style aside table th {
	color: #9ad301;
	width: 145px;
	text-align: left;
}
.main .onlyone_quality article.factory_style aside table td {
	font-size: 1.4rem;
}
.main .onlyone_quality article.factory_style aside .ban {
	font-weight: bold;
}
.main .onlyone_quality article.factory_style aside .ban span {
	font-size: 1.45rem;
	display: block;
	font-weight: normal;
}
.main .onlyone_quality article.factory_style aside .ban span i {
	vertical-align: baseline;
}
.main .onlyone_quality article.factory_style ul {
	margin: 30px 0 -60px 0;
}
.main .onlyone_quality article.factory_style ul li {
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	float: left;
	margin-right: 25px;
	margin-bottom: 60px;
	position: relative;
	font-size: 1.4rem;
}
.main .onlyone_quality article.factory_style ul li:nth-child(3n) {
	margin-right: 0;
}
.main .onlyone_quality article.factory_style ul li:nth-child(3n + 1) {
	clear: both;
}
.main .onlyone_quality article.factory_style ul li:after {
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #9ad301;
}
.main .onlyone_quality article.factory_style ul li:last-child:after {
	display: none;
}
.main .onlyone_quality article.factory_style ul li .number {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border: 4px solid #fff;
	background-color: #9ad301;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.main .onlyone_quality article.factory_style ul li h4 {
	color: #9ad301;
	font-size: 1.6rem;
	margin: 30px 0 10px 0;
}
.main .onlyone_milk article .left h2,
.main .onlyone_origin article.principle ul li h3 {
	border: none;
	padding-bottom: 0;
	color: #d3b800;
}
.main .onlyone_milk article img.left,
.main .onlyone_milk article p.right {
	margin-bottom: 60px;
}
.main .onlyone_milk article aside {
	clear: both;
	width: 100%;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
}
.main .onlyone_milk article aside h3,
.main .onlyone_milk article aside h4 {
	font-size: 2.2rem;
}
.main .onlyone_milk article aside h3 {
	background: none;
	padding: 0;
	font-weight: bold;
}
.main .onlyone_milk article aside h4 {
	position: relative;
	padding: 5px 10px;
	color: #fff;
	margin: 25px 0;
}
.main .onlyone_milk article aside h4 span {
	font-size: 1.6rem;
}
.main .onlyone_milk article aside .left,
.main .onlyone_milk article aside .right {
	width: auto;
}
.main .onlyone_milk article aside .low,
.main .onlyone_milk article aside .high {
	padding: 15px 30px;
}
.main .onlyone_milk article aside .low {
	width: 60%;
	background-color: #fcfbe5;
}
.main .onlyone_milk article aside .low .left {
	width: -webkit-calc(100% - 215px);
	width: calc(100% - 215px);
}
.main .onlyone_milk article aside .low .left h3 {
	color: #d3b800;
}
.main .onlyone_milk article aside .low .left h4 {
	background-color: #d3b800;
	padding-left: 80px;
}
.main .onlyone_milk article aside .low .left h4 img {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .onlyone_milk article aside .low img.right {
	margin: 20px 0;
}
.main .onlyone_milk article aside .high {
	width: 40%;
	background-color: #f0f0f0;
}
.main .onlyone_milk article aside .high .left {
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
}
.main .onlyone_milk article aside .high .left h3 {
	color: #999;
}
.main .onlyone_milk article aside .high .left h4 {
	background-color: #999;
}
.main .onlyone_milk article aside .high img.right {
	margin: 10px 0;
}
.main .onlyone_milk article aside .high p {
	clear: both;
}

.main .onlyone_origin article.principle {
	background-color: #f5f3d1;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}
.main .onlyone_origin article.principle h2 {
	border: none;
	margin: 45px 0 40px 40px;
	padding: 0;
}
.main .onlyone_origin article.principle p {
	margin-left: 40px;
	width: 31em;
}
.main .onlyone_origin article.principle .bg {
	top: 10px;
	right: 155px;
}
.main .onlyone_origin article.principle ul {
	margin: 40px 0 0 0;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
}
.main .onlyone_origin article.principle ul li,
.main .onlyone_origin article.principle ul li:nth-child(even) {
	width: -webkit-calc((100% - 20px) / 3);
	width: calc((100% - 20px) / 3);
	margin: 0 10px 0 0;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	padding: 10px 15px;
}
.main .onlyone_origin article.principle ul li:nth-child(3n),
.main .onlyone_origin article ul li:nth-child(even),
.main .onlyone_recipe article ul li:nth-child(even) {
	margin-right: 0;
}
.main .onlyone_origin article.principle ul li:nth-child(odd),
.main .onlyone_recipe article ul li:nth-child(odd) {
	clear: none;
}
.main .onlyone_origin article.principle ul li:nth-child(3n + 1),
.main .onlyone_origin article ul li:nth-child(odd) {
	clear: both;
}
.main .onlyone_origin article.principle ul li img {
	margin: 0 -7px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .onlyone_origin article.principle ul li h3 {
	background: none;
	padding: 0;
	margin: 15px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.main .onlyone_origin article ul {
	margin-bottom: -60px;
}
.main .onlyone_origin article ul li,
.main .onlyone_recipe article ul li {
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
	margin: 0 40px 0 0;
	float: left;
}
.main .onlyone_origin article ul li {
	margin-bottom: 60px;
}
.main .onlyone_origin article ul li h3 {
	margin-bottom: 20px;
}
.main .onlyone_origin article ul li p.right {
	width: 17em;
}
.main .onlyone_recipe article a {
	position: relative;
	padding-left: 20px;
	color: #00c8e1;
	display: inline-block;
}
.main .onlyone_recipe article ul li img {
	display: block;
}

.main .sweetsplan {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.main .sweetsplan .concept .contents div {
	color: #5d4037;
}
.main .sweetsplan .contents ul.point {
	width: 800px;
	height: 192px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	margin: 60px auto 3px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
.main .sweetsplan .contents ul.point li {
	position: absolute;
	display: inline-block;
	text-align: center;
	background-color: #eb87c3;
	color: #fff;
	font-size: 1.4rem;
	line-height: 130%;
	font-family: 'Noto Sans JP', sans-serif;
	width: -webkit-calc(15em + 40px);
	width: calc(15em + 40px);
	padding: 10px 20px;
	border-radius: -webkit-calc(2.6em + 20px);
	border-radius: calc(2.6em + 20px);
	-webkit-border-radius: -webkit-calc(2.6em + 20px);
	-webkit-border-radius: calc(2.6em + 20px);
	-moz-border-radius: -webkit-calc(2.6em + 20px);
	-moz-border-radius: calc(2.6em + 20px);
	box-shadow: 0 10px 0 #eff5f1;
}
.main .sweetsplan .contents ul.point li:first-child		{ bottom: 20px;	left: 40px; }
.main .sweetsplan .contents ul.point li:nth-child(2)	{ bottom: 50%;	left: 50%; }
.main .sweetsplan .contents ul.point li:nth-child(3)	{ bottom: 20px;	right: 40px; }

.main .sweetsplan .contents ul.point li:nth-child(2) {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.main .sweetsplan .contents ul.point li:before,
.main .sweetsplan .contents ul.point li:after {
	position: absolute;
	font-size: 2.4rem;
	font-weight: bold;
	color: #eb87c3;
	font-style: italic;
	bottom: -webkit-calc(100% + 5px);
	bottom: calc(100% + 5px);
}
.main .sweetsplan .contents ul.point li:before {
	content: "point";
	left: 30px;
}
.main .sweetsplan .contents ul.point li:after {
	left: -webkit-calc(30px + 3em);
	left: calc(30px + 3em);
}
.main .sweetsplan .contents ul.point li:first-child:after	{ content: "1"; }
.main .sweetsplan .contents ul.point li:nth-child(2):after	{ content: "2"; }
.main .sweetsplan .contents ul.point li:nth-child(3):after	{ content: "3"; }

.main .sweetsplan .about_head {
	background-image: url(../img/sweetsplan/bg.jpg);
	background-position: 50% top;
}
.main .sweetsplan .locabo_head {
	background-image:url(../img/sweetsplan/kokoro_karada_omoi_mv_bg.jpg);
	background-position: top -1px center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.main .sweetsplan .about_head {
		background-image:url(../img/sweetsplan/bg@2.jpg);
		background-size: 1519px auto;
	}
	.main .sweetsplan .locabo_head {
		background-image:url(../img/sweetsplan/kokoro_karada_omoi_mv_bg@2x.jpg);
		background-position: top -1px center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.main .sweetsplan .lineups {
	padding-top: 20px;
	text-align: center;
}
.main .sweetsplan .lineups img {
	margin-bottom: 20px;
}
.main .sweetsplan .lineups a,
.main .sweetsplan .lineups img {
	display: block;
	width: fit-content;
	margin-inline: auto;
}
.main .sweetsplan .lineups .lineups_btn {
	margin-bottom: 2.5em;
}

.main .concept {
	padding-top: 70px;
}
.main .sweetsplan .locabo_head .kokoro_karada_main_visual,
.main .sweetsplan .locabo_head .contents,
.main .sweetsplan .concept .contents,
.main .sweetsplan .about_head .contents {
	position: relative;
	text-align: center;
	font-size: 2.5rem;
	line-height: 140%;
}
.main .sweetsplan .locabo_head .kokoro_karada_main_visual{
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 40px;
}
/* FOT-TsukuARdGothic Std B */
.main .sweetsplan .locabo_head .contents .agitation,
.main .sweetsplan .locabo_head .contents h2,
.main .sweetsplan .concept .contents .under,
.main .sweetsplan .product .contents h3,
.main .sweetsplan .contents .under,
.main .sweetsplan .contents .text,
.main .sweetsplan .quantity h4,
.main .sweetsplan .quantity ul li,
.main .sweetsplan .contents .quantity .day .meal,
.main .sweetsplan .contents .quantity .day .meal .col:not(:first-child):not(:last-child),
.main .sweetsplan .enjoy .contents h3,
.main .sweetsplan .enjoy .contents .locabo_link li a,
.main .sweetsplan .enjoy .contents .locabo_link li ul li a .img span,
.main .sweetsplan .about_head .contents h2,
.main .sweetsplan .about_head .contents .locabo,
.main .sweetsplan .locabo_life .contents .head h3,
.main .sweetsplan .locabo_life .contents .detail h3,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img span,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a p {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
/* FOT-TsukuARdGothic Std R */
.main .sweetsplan .quantity ul li p,
.main .sweetsplan .contents .quantity .day .meal .col p {
	font-weight: 400;
}
.main .sweetsplan .locabo_head .contents .agitation,
.main .sweetsplan .about_head .contents .locabo {
	color: #5d4037;
	line-height: 177%;
	background-position: center;
	background-repeat: no-repeat;
}
.main .sweetsplan .locabo_head .contents .agitation {
	font-size: 2.721rem;
	background-image: url(../img/sweetsplan/agitation_bg.png);
}
.main .sweetsplan .about_head .contents .locabo {
	font-size: 2.4rem;
	background-image: url(../img/sweetsplan/about_head_bg.png);
}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.main .sweetsplan .locabo_head .contents .agitation {
		background-image: url(../img/sweetsplan/agitation_bg@2.png);
		background-size: 515px auto;
	}
	.main .sweetsplan .about_head .contents .locabo {
		background-image: url(../img/sweetsplan/about_head_bg@2.png);
		background-size: 678px auto;
	}
}
.main .sweetsplan .locabo_head .contents h2,
.main .sweetsplan .about_head .contents h2 {
	font-size: 2.4rem;
	color: #5d4037;
	line-height: 152%;
}
.main .sweetsplan .locabo_head .contents h2 {
	margin: 8px 0 120px 0;
}
.main .sweetsplan .about_head .contents h2 {
	margin: 0 0 30px 0;
}
.main .sweetsplan .locabo_head .contents .bg1,
.main .sweetsplan .locabo_head .contents .bg2,
.main .sweetsplan .concept .contents .bg1,
.main .sweetsplan .concept .contents .bg2,
.main .sweetsplan .concept .contents .bg3 {
	position: absolute;
	z-index: 2;
}
.main .sweetsplan .locabo_head .contents .bg1 {
	top: 75px;
	left: -280px;
}
.main .sweetsplan .locabo_head .contents .bg2 {
	top: 110px;
	right: -366px;
}
.main .sweetsplan .about_head .contents p {
	margin: 60px 0 70px 0;
	font-size: 1.5rem;
	line-height: 213%;
}
.main .sweetsplan .locabo_head #svg-bg,
.main .sweetsplan .product #svg-bg,
.main .sweetsplan .voice #svg-bg {
	position: relative;
	z-index: 1;
}
.main .sweetsplan .concept .contents {
	padding-bottom: 70px;
}
.main .sweetsplan .voice .contents {
	padding-bottom: 100px;
}
.main .sweetsplan .concept .contents h3,
.main .sweetsplan .product .contents h3,
.main .sweetsplan .voice .contents h3,
.main .sweetsplan .enjoy .contents h3 {
	text-align: center;
	position: relative;
	z-index: 3;
}

.main .sweetsplan .product .contents h3 {
	margin-top: 40px;
}

.main .sweetsplan .concept .contents h3 {
	margin: -20px 0 40px 0;
}
.main .sweetsplan .concept .contents .under,
.main .sweetsplan .product .contents .under,
.main .sweetsplan .locabo .contents .under,
.main .sweetsplan .voice .contents .under,
.main .sweetsplan .enjoy .contents .under {
	color: #5d4037;
	line-height: 183%;
	margin-bottom: 50px;
}
.main .sweetsplan .concept .contents .under {
	font-size: 2.4rem;
}
.main .sweetsplan .locabo .contents .under,
.main .sweetsplan .voice .contents .under,
.main .sweetsplan .enjoy .contents .under {
	font-size: 3.0rem;
}
.main .sweetsplan .concept .contents .under span,
.main .sweetsplan .product .contents .under span,
.main .sweetsplan .locabo .contents .under span,
.main .sweetsplan .voice .contents .under span,
.main .sweetsplan .enjoy .contents .under span,
.main .sweetsplan .about_head .contents .locabo span {
	display: inline-block;
	position: relative;
}
.main .sweetsplan .locabo .contents .under span:before,
.main .sweetsplan .voice .contents .under span:before,
.main .sweetsplan .enjoy .contents .under span:before,
.main .sweetsplan .about_head .contents .locabo span:before {
	content: "";
	position: absolute;
	bottom: 0.35em;
	left: 0;
	right: 0;
	height: 1px;
	display: block;
	background-color: #5d4037;
}
@media all and (-ms-high-contrast: none) {
	.main .sweetsplan .concept .contents .under span:before,
	.main .sweetsplan .product .contents .under span:before,
	.main .sweetsplan .locabo .contents .under span:before,
	.main .sweetsplan .voice .contents .under span:before,
	.main .sweetsplan .enjoy .contents .under span:before,
	.main .sweetsplan .about_head .contents .locabo span:before {
		bottom: 0.6em;
	}
}
.main .sweetsplan .concept .contents .under span sup,
.main .sweetsplan .product .contents .under span sup,
.main .sweetsplan .locabo .contents .under span sup,
.main .sweetsplan .about_head .contents .locabo sup {
	font-size: 1.3rem;
}
.main .sweetsplan .concept .contents p,
.main .sweetsplan .product .contents p,
.main .sweetsplan .locabo .contents p,
.main .sweetsplan .product .contents .point article p,
.main .sweetsplan .product .contents .right {
	font-size: 1.5rem;
}
.main .sweetsplan .concept .contents .bg1 {
	top: -200px;
	left: -200px;
}
.main .sweetsplan .concept .contents .bg2 {
	top: -100px;
	right: -240px;
}
.main .sweetsplan .concept .contents .bg3 {
	left: -60px;
	bottom: -130px;
}

.main .sweetsplan .product,
.main .sweetsplan .voice {
	background-color: #faf8f6;
	margin-top: 0;
}
.main .sweetsplan .contents h3 {
	margin: 80px 0 20px 0;
	font-size: 1.8rem;
	color: #5d4037;
}
.main .sweetsplan .locabo .contents h3 {
	margin: 30px 0 20px 0;
}
.main .sweetsplan .contents h3 img {
	display: block;
	margin: 0 auto 20px auto;
}
.main .sweetsplan .contents .under {
	font-size: 3.0rem;
}
.main .sweetsplan .contents .under span br,
.main .sweetsplan .about_head .contents .locabo span br {
	display: none;
}
.main .sweetsplan .contents p {
	margin-bottom: 10px;
}
.main .sweetsplan .product .contents .point article {
	margin: 40px 0;
	padding-left: 420px;
	text-align: left;
	position: relative;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	overflow: hidden;
}
.main .sweetsplan .product .contents .point article .img_width,
.main .sweetsplan .product .contents .point article .img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.main .sweetsplan .product .contents .point article .img_width {
	width: 370px;	
}
.main .sweetsplan .product .contents .point article .img img {
	max-height: none;
	max-width: none;
	left: 54%;
}
.main .sweetsplan .product .contents .point article.point2 .img img {
	max-height: none;
	max-width: none;
	left: 54%;
	top: 25%;
}
.main .sweetsplan .product .contents .point article .point_title {
	position: relative;
	display: inline-block;
}
.main .sweetsplan .product .contents .point article .point_title img {
	z-index: 2;
	position: relative;
}
.main .sweetsplan .product .contents .point article .point_title:after {
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	right: -25px;
	width: 41px;
	height: 37px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #fff000;
	z-index: 1;
}
.main .sweetsplan .product .contents .point article h4 {
	margin: 20px 0;
	font-size: 2.0rem;
	line-height: 160%;
	color: #5d4037;
}
.main .sweetsplan .contents .right {
	margin-top: -20px;
	text-align: right;
}

.main .sweetsplan .quantity,
.main .sweetsplan .locabo_life .contents .head,
.main .sweetsplan .locabo_life .contents .detail {
	border: 1px solid #5d4037;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	margin: 60px 0 30px 0;
	padding: 0 40px;
}
.main .sweetsplan .vegetable_milk .quantity {
	border: 1px solid #00C8E1;
}
.main .sweetsplan .vegetable_milk .quantity p {
	margin: 20px 0 !important;
	text-align: left;
}
.main .sweetsplan .locabo_life .contents .head {
	padding-bottom: 50px;
	margin-bottom: 50px;
	font-size: 1.5rem;
}
.main .sweetsplan .quantity h4,
.main .sweetsplan .locabo_life .contents .head h3, 
.main .sweetsplan .locabo_life .contents .detail h3,
.main .sweetsplan .locabo_life .contents .detail .quantity h4 {
	background-color: #5d4037;
	color: #fff;
	font-size: 2.0rem;
	line-height: 166%;
	margin: 0 -40px;
	height: 50px;
	text-align: center;
	padding-top: -webkit-calc((50px - 1.66em) / 2);
	padding-top: calc((50px - 1.66em) / 2);
	padding-bottom: -webkit-calc((50px - 1.66em) / 2);
	padding-bottom: calc((50px - 1.66em) / 2);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.main .sweetsplan .locabo_life .contents .detail h4 {
	background-color: #faf8f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 56px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #5d4037;
	margin-bottom: 25px;
	text-align: center;
}
.main .sweetsplan .quantity h4.almonds_head {
	background-color: #00C8E1;
}
.main .sweetsplan .almonds {
    padding: 40px;
    margin: 40px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #faf8f5;
    display: flex;
}
.main .sweetsplan .almonds .logo_img {
	width: 20%;
	margin: 0 20px 0 0;
}
.main .sweetsplan .almonds .description p {
	text-align: left;
	margin: 0;
}
.main .sweetsplan .toshitsu-sweets a,
.main .sweetsplan .vegetable_milk a {
	display: block;
	margin: 0 auto;
	width: 390px;
	line-height: 40px;
	background-color: #70AD47;
	color: #fff;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	text-align: center;
}

.main .sweetsplan .quantity h4 sup,
.main .sweetsplan .locabo_life .contents .head h3 sup, 
.main .sweetsplan .locabo_life .contents .detail h3 sup {
	margin-bottom: auto;
}
.main .sweetsplan .locabo_life .contents .head h3 {
	margin-bottom: 40px;
}
.main .sweetsplan .quantity h4 br,
.main .sweetsplan .locabo_life .contents h3 br {
	display: none;
}
.main .sweetsplan .locabo .quantity ul,
.main .sweetsplan .locabo_life .contents .detail .quantity ul {
	display: flex;
	justify-content: space-evenly;
	margin-top: 40px;
	text-align: center;
}
.main .sweetsplan .locabo .quantity ul li,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li {
	background-color: #faf8f5;
	width: -webkit-calc((100% - 30px) / 4);
	width: calc((100% - 30px) / 4);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 40px 0;
	font-size: 1.4rem;
	line-height: 200%;
}
.main .sweetsplan .locabo .quantity ul li .img,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img {
	padding-top: 105px;
	margin-bottom: 35px;
}
.main .sweetsplan .locabo .quantity ul li h5,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li h5 {
	text-decoration: underline;
	font-size: 1.6rem;
	color: #5d4037;
	margin-bottom: 20px;
}
.main .sweetsplan .locabo .quantity ul li .comparison span,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .comparison span {
	font-size: 2.2rem;
	color: #f75300;
	margin: 0 3px;
}
.main .sweetsplan .locabo .quantity ul li p,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li p {
	margin: 0;
}
.main .sweetsplan .product .quantity p br,
.main .sweetsplan .locabo_life .contents .detail .quantity p br {
	display: none;
}
.main .sweetsplan .quantity p {
	margin: 20px 0;
}
.main .sweetsplan .locabo .contents,
.main .sweetsplan .voice .contents,
.main .sweetsplan .locabo_life .contents {
	text-align: center;
	padding: 0 67px;
}
.main .sweetsplan .locabo .contents .under {
	font-size: 3.0rem;
}
.main .sweetsplan .locabo .contents .quantity {
	margin-bottom: 0; 
	text-align: left;
}
.main .sweetsplan .locabo_life .contents .head {
	text-align: left;
}
.main .sweetsplan .locabo .contents article {
	width: 100%;
	border: 5px solid #EEE;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 20px 0;
}
.main .sweetsplan .locabo .contents .quantity p {
	margin: 20px 0 0 0;
}
.main .sweetsplan .locabo .contents .quantity p.center {
	margin: 20px 0;
	text-align: center;
}
.main .sweetsplan .locabo .contents .quantity h4 sup {
	font-size: 1.3rem;
}
.main .sweetsplan .locabo .contents .locabo_img_area {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.main .sweetsplan .locabo .contents .locabo_img {
	width: 50%;
	padding: 0 10px;
}
.main .sweetsplan .locabo .contents .locabo_img img {
	width: 100%;
	border-radius: 10px;
}
.main .sweetsplan .contents .quantity .day,
.main .sweetsplan .locabo .contents .quantity .about,
.main .sweetsplan .locabo_life .contents .about {
	padding: 40px;
	margin: 40px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #faf8f5;
}
.main .sweetsplan .locabo_life .contents .about {
	margin-left: 40px;
	margin-right: 40px;
	background-color: #f6f6f6;
}
.main .sweetsplan .contents .quantity .day {
	padding: 40px;
	width: 665px;
	text-align: center;
}
.main .sweetsplan .contents .quantity .day h5 {
	font-weight: normal;
	font-size: 1.5rem;
	text-decoration: underline;
}
.main .sweetsplan .contents .quantity .day h5 br {
	display: none;
}
.main .sweetsplan .contents .quantity .day .meal {
	margin: 40px 0;
	display: flex;
	justify-content: center;
}
.main .sweetsplan .contents .quantity .day .meal .col:not(:first-child):not(:last-child) {
	margin: 0 20px;
	line-height: 100px;
	font-size: 2.8rem;
}
.main .sweetsplan .contents .quantity .day .meal .col ul {
	display: flex;
	justify-content: space-between;
	width: 340px;
}
.main .sweetsplan .contents .quantity .day .meal .col ul li {
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.main .sweetsplan .contents .quantity .day .meal .col ul li:first-child		{ background-color: #f75300; }
.main .sweetsplan .contents .quantity .day .meal .col ul li:nth-child(2)	{ background-color: #72bb0f; }
.main .sweetsplan .contents .quantity .day .meal .col ul li:nth-child(3)	{ background-color: #007cf7; }

.main .sweetsplan .contents .quantity .day .meal .col p {
	margin: 10px 0 0 0;
	height: auto;
	background: none;
	line-height: normal;
	color: inherit;
}
.main .sweetsplan .contents .quantity .day .meal .col .dessert {
	width: 70px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f1b102;
	color: #fff;
	line-height: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 auto;
}

.main .sweetsplan .contents .quantity .day .meal .col .dessert span {
	display: block;
	width: 1em;
}
.main .sweetsplan .contents .quantity .day p,
.main .sweetsplan .locabo_life .contents .quantity .day p {
	background-color: #fff;
	line-height: 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 0;
	color: #5d4037;
	text-align: center;
}
.main .sweetsplan .locabo .contents .quantity .about .director,
.main .sweetsplan .locabo_life .contents .about .director {
	position: relative;
	padding: 25px 0 25px 285px;
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width,
.main .sweetsplan .locabo .contents .about .mark .img_width,
.main .sweetsplan .locabo_life .contents .about .director .img_width,
.main .sweetsplan .locabo_life .contents .about .mark .img_width {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width,
.main .sweetsplan .locabo_life .contents .about .director .img_width {
	width: 215px;
	left: 0;
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width .img,
.main .sweetsplan .locabo_life .contents .about .director .img_width .img {
	padding-top: 114%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width .img img,
.main .sweetsplan .locabo_life .contents .about .director .img_width .img img {
	max-width: none;
	max-height: none;
	width: 162%;
	left: 40%;
	top: 58%;
}
.main .sweetsplan .locabo .contents .quantity .about .director .name,
.main .sweetsplan .locabo_life .contents .about .director .name {
	font-size: 1.3rem;
	line-height: 246%;
}
.main .sweetsplan .locabo .contents .quantity .about .director .name span,
.main .sweetsplan .locabo_life .contents .about .director .name span {
	font-size: 2.0rem;
	margin-right: 5px;
}
.main .sweetsplan .locabo .contents .quantity .about p,
.main .sweetsplan .locabo_life .contents .about p {
	line-height: 160%;
}
.main .sweetsplan .locabo .contents .quantity .about .director p,
.main .sweetsplan .locabo_life .contents .about .director p {
	margin: 15px 0 0 0;
}
.main .sweetsplan .locabo .contents .quantity .mark,
.main .sweetsplan .locabo_life .contents .about .mark {
	margin: 30px 0;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 30px;
	padding-left: 140px;
	position: relative;
}
.main .sweetsplan .locabo .contents .quantity .mark .img_width,
.main .sweetsplan .locabo_life .contents .about .mark .img_width {
	width: 86px;
	left: 30px;
}
.main .sweetsplan .locabo .contents .quantity .mark .img_width .img,
.main .sweetsplan .locabo_life .contents .about .mark .img_width .img {
	padding-top: 100%;
}
.main .sweetsplan .locabo .contents .quantity .mark h6,
.main .sweetsplan .locabo_life .contents .about .mark h6 {
	font-size: 1.6rem;
	margin: 0;
}
.main .sweetsplan .locabo .contents .quantity .mark p,
.main .sweetsplan .locabo_life .contents .about .mark p {
	margin: 0;
	padding: 0;
}
.main .sweetsplan .locabo .contents .quantity a {
	display: block;
	margin: 0 auto;
	width: 390px;
	line-height: 40px;
	background-color: #ed6d00;
	color: #fff;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	text-align: center;
}
.main .sweetsplan .locabo .contents .quantity a.product {
	background-color: #70AD47;
}
.main .sweetsplan .locabo .contents .quantity a img {
	margin-left: 10px;
	vertical-align: middle;
}
.main .sweetsplan .voice .contents p br {
	display: none;
}
.main .sweetsplan .voice .contents ul {
	margin: 30px 0 80px 0;
}
.main .sweetsplan .voice .contents ul li {
	display: inline-block;
	margin: 20px 0;
	width: 100%;
}
.main .sweetsplan .voice .contents ul li .icon {
	float: left;
	width: 5.5em;
	color: #5d4037;
}
.main .sweetsplan .voice .contents ul li .icon img {
	display: block;
	margin: 0 auto 10px auto;
}
.main .sweetsplan .voice .contents ul li .text {
	float: right;
	position: relative;
	width: 820px;
	padding: 35px 40px;
	background-color: #fff;
	text-align: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 1.5rem;
}
.main .sweetsplan .voice .contents ul li .text:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 100%;
	display: block;
	width: 0;
	height: 0;
	border-width: 14px 20px 14px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}
.main .sweetsplan .voice .contents ul li .text h4 {
	font-size: 1.5rem;
	text-decoration: underline;
	font-weight: normal;
	color: #5d4037;
	margin-bottom: 15px;
}
.main .sweetsplan .voice .contents ul li .text sup {
	font-size: 1.0rem;
}
.main .sweetsplan .voice .contents ul li .guide {
	clear: both;
	margin-top: 30px;
	display: inline-block;
	width: 100%;
	border: 1px solid #f0f0f0;
	background-color: #f6f6f6;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-align: left;
	padding: 30px 35px;
	font-size: 1.5rem;
}
.main .sweetsplan .voice .contents ul li .guide .name {
	font-size: 1.3rem;
	margin-bottom: 15px;
}
.main .sweetsplan .voice .contents ul li .guide .name span {
	font-size: 2.0rem;
	margin: 0 5px 0 15px;
}

.main .sweetsplan .enjoy .contents {
	text-align: center;
}
.main .sweetsplan .enjoy .contents article {
	border: 1px solid #5d4037;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 50px;
	padding-left: 310px;
	position: relative;
	overflow: hidden;
	text-align: left;
	margin: 40px 0;
	font-size: 1.5rem;
	line-height: 166%;
}
.main .sweetsplan .enjoy .contents article .img_width {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 260px;
}
.main .sweetsplan .enjoy .contents article .img_width .img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.main .sweetsplan .enjoy .contents article .img_width .img img {
	max-width: none;
	max-height: none;
	left: 40%;
	height: 100%;
}
.main .sweetsplan .enjoy .contents article h4 {
	font-size: 2.0rem;
	color: #5d4037;
}
.main .sweetsplan .enjoy .contents article p {
	margin: 20px 0;
}
.main .sweetsplan .enjoy .contents article a {
	text-decoration: underline;
}
.main .sweetsplan .enjoy .contents article a:hover {
	opacity: 0.5;
	text-decoration: none;
}
.main .sweetsplan .enjoy .contents .locabo_link {
	margin: 100px 87px;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child {
	width: 100%;
	margin-bottom: 40px;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul {
	display: flex;
	justify-content: space-between;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li {
	max-width: 100%;
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
}
.main .sweetsplan .enjoy .contents .locabo_link a,
.main .sweetsplan .locabo_link .contents ul.locabo_link li a {
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a:hover .under,
.main .sweetsplan .enjoy .contents .locabo_link li ul li a:hover .img span,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a:hover .img span {
	text-decoration: none;
}
.main .sweetsplan .enjoy .contents .locabo_link a:hover img,
.main .sweetsplan .locabo_link .contents ul.locabo_link li a:hover img {
	opacity: 1;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a {
	display: block;
	background-color: #ed6d00;
	color: #fff;
	padding: 30px 30px 30px 345px;
	position: relative;
	text-align: left;
	font-size: 1.5rem;
	width: 795px;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a {
	padding: 20px;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a img {
	position: absolute;
	top: 50%;
	left: 35px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a img {
	display: block;
	margin: 25px auto;
	width: 59.08%;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a .under {
	font-size: 1.5rem;
	line-height: 200%;
	text-decoration: underline;
	color: #fff;
	margin: 0 0 15px 0;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a .under {
	display: none;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a .icon,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a .icon {
	width: 300px;
	line-height: 30px;
	background-color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	text-align: center;
	color: #ed6d00;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a .icon {
	width: auto;
}
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a .icon img,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a .icon img {
	position: static;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin: -4px 0 0 10px;
	vertical-align: middle;
	display: inline-block;
	width: auto;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:first-child a {
	padding: 0;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:first-child a img {
	margin: 0;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li a .img {
	padding-top: 34%;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img {
	padding-top: 43.08%;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img img {
	max-width: none;
	width: auto;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li a .img span,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img span {
	position: absolute;
	top: 75%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.65rem;
	text-decoration: underline;
	color: #5d4037;
	white-space: nowrap;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li:first-child a,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:first-child a {
	border: 1px solid #5d4037;
	background: none;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li:last-child a,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:last-child a {
	border: 1px solid #26c8e2;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li a p,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a p {
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li:first-child a p,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:first-child a p {
	background-color: #5d4037;
}
.main .sweetsplan .enjoy .contents .locabo_link li ul li:last-child a p,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li:last-child a p {
	background-color: #26c8e2;
}
.main .sweetsplan .contents ul.sns {
	margin: 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main .sweetsplan .contents ul.sns li {
	margin: 0 8px;
}
.main .sweetsplan .locabo_life .contents .head .img_width {
	float: left;
	width: 245px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	margin: 0 40px 30px 0;
}
.main .sweetsplan .locabo_life .contents .head .img_width .img {
	padding-top: 112.24%;
}
.main .sweetsplan .locabo_life .contents .head .img_width .img img {
	max-width: none;
}
.main .sweetsplan .locabo_life .contents .head p {
	margin: 0;
	padding-top: 10px;
}

.main .sweetsplan .locabo_life .contents .about a {
	display: none;
}
.main .sweetsplan .locabo_life .contents .quantity .day {
	margin-bottom: 60px;
}
.main .sweetsplan .locabo_life .contents .quantity p,
.main .sweetsplan .locabo_life .contents .about,
.main .sweetsplan .locabo_life .contents .detail p {
	text-align: left;
	font-size: 1.5rem;
	line-height: 166%;
}
.main .sweetsplan .locabo_life .contents .detail {
	text-align: left;
	margin-bottom: 90px;
}
.main .sweetsplan .locabo_life .contents .detail p {
	margin: 35px 0;
	text-align: center;
}
.main .sweetsplan .locabo_life .contents .detail ul {
}
.main .sweetsplan .locabo_life .contents .detail ul li {
	text-align: left;
	margin: 25px 0;
	display: inline-block;
	width: 100%;
}
.main .sweetsplan .locabo_life .contents .detail .quantity ul li {
	text-align: center;
	margin: 0;
}
.main .sweetsplan .locabo_life .contents .detail ul li p {
	text-align: left;
	margin: 20px 0;
}
.main .sweetsplan .locabo_life .contents .detail .quantity p {
	text-align: center;
	margin: 20px 0;
}
.main .sweetsplan .locabo_life .contents .detail ul li a {
	text-decoration: underline;
	color: #5d4037;
}
.main .sweetsplan .locabo_life .contents .detail ul li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape {
	width: 200px;
	float: left;
	padding-top: 110px;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	line-height: 166%;
	color: #5d4037;
	margin-right: 40px;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape1,
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape2,
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape3 {
	position: absolute;
	bottom: 1.66em;
	left: 50%;
	display: block;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #072678;
	line-height: 30px;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape1 {
	background-color: #95d4e6;
	top: 0;
	width: 100%;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape2 {
	top: 30px;
	width: 140px;
	background-color: #21b8d7;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape .shape3 {
	top: 60px;
	width: 75px;
	background-color: #e0f1f7;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width {
	width: 140px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	margin-right: 40px;
	margin-bottom: 30px;
	float: left;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width .img {
	padding-top: 114.29%;
}
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img_width .img {
	padding-top: 60%;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width .img img {
	max-width: none;
	max-height: none;
	top: 45%;
}
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img_width {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
}
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img_width .img img {
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 1026px;
	margin: 0 auto;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child {
	width: -webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	display: flex;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:last-child {
	width: -webkit-calc((100% - 50px) / 3 * 2 + 25px);
	width: calc((100% - 50px) / 3 * 2 + 25px);
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li {
	width: -webkit-calc((100% - 25px) / 2);
	width: calc((100% - 25px) / 2);
	display: block;	
}

.main .termsofuse,
.main .privacypolicy {
	margin-bottom: 100px;
}
.main .termsofuse .contents h2,
.main .privacypolicy .contents h2 {
	padding-bottom: 30px;
}
.main .termsofuse .contents p.right {
	float: right;
}
.main .termsofuse .contents p.right + h2,
.main .privacypolicy .contents section h2 {
	clear: both;
	margin: 30px 0;
	border: none;
	padding: 0;
}
.main .termsofuse .contents ul,
.main .termsofuse .contents ul li,
.main .privacypolicy .contents ul,
.main .privacypolicy .contents ul li,
.main .privacypolicy .contents dl,
.main .privacypolicy .contents dl dt,
.main .privacypolicy .contents dl dd {
	margin: 1em 0;
}
.main .privacypolicy .contents dl dd {
	margin-left: 40px;
}
.main .termsofuse .contents ul,
.main .termsofuse .contents ul li,
.main .privacypolicy .contents ul,
.main .privacypolicy .contents ul li {
	list-style: disc;
}
.main .termsofuse .contents ul,
.main .privacypolicy .contents ul {
	padding-left: 30px;
}

#factoryDetail {
	margin: 30px 0 0 0;
	clear: both;
}
#factoryDetail h3 {
	padding-left: 15px;
	margin: 0 -5px 20px -5px;
}
#factoryDetail p.desc {
	margin-bottom: 40px;
	text-indent: 1em;
}
#factoryDetail p.desc .photo {
	float: right;
	margin: 0 0 20px 20px;
	display: block;
	text-align: right;
}
#factoryDetail p.desc .photo img {
	margin-bottom: 3px;
}
#factoryDetail p.desc .name {
	font-size: 90%;
	color: #555;
	padding-right: 3px;
}
#factoryDetail dl {
	margin: 20px 0;
}
#factoryDetail dt {
	font-weight: bold;
	background-color: #e5f9fc;
	margin-top: 20px;
	padding: 10px 25px;
}
#factoryDetail dd {
	padding: 15px 10px;
}
#factoryDetail dd h4 {
	border-bottom: 1px solid #c6c6c6;
	margin: 0 -5px 10px -5px;
}
#factoryDetail dd h4:before {
	content: "■";
	margin-right: 2px;
}
#factoryDetail dd em {
	font-weight: bold;
	font-style: normal;
}
#factoryDetail .illust {
	text-align: center;
	margin: 10px 0 20px;
	padding: 15px 0 15px;
}
#factoryDetail .note {
	border: 1px solid #00c8e1;
	margin-bottom: 40px;
	padding: 15px 20px;
}
#factoryDetail .map {
	text-align: center;
	margin: 0 10px 40px;
	border: 1px solid #e0e0e0;
}
#factoryDetail .tel {
	border: 1px solid #00c8e1;
	background-color: #fff;
	padding: 5px;
}
#factoryDetail .tel p {
	font-weight: bold;
	text-align: center;
	background-color: #eaf9fb;
	padding: 5px 0;
	text-shadow: 0 -1px 0 #fff;
	margin-top: 0;
	font-size: 2.0rem;
}
#factoryDetail .tel p strong {
	color: #ff0e3e;
	font-weight: bold;
}
#factoryDetail .tel ul {
	background-color: #fff;
	margin: 10px 0;
	text-align: center;
}

table.invitation {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
}

table.invitation th,
table.invitation td {
  vertical-align: top;
  text-align: left;
  padding: 20px;
  border: 1px solid #ccc;
}

table.invitation th {
  background-color: #e5f9fc;
  width: 200px;
  font-weight: normal;
}

.careerTable h3 {
  border-bottom: 1px solid #7db1ff;
  font-size: 110%;
  padding: 5px;
}

.careerTable table {
  width: 100%;
  margin: 20px 0;
}

.careerTable table th,
.careerTable table td {
  vertical-align: top;
  text-align: left;
  padding: 7px;
  border: 1px solid #ccc;
}

.careerTable table th {
  background-color: #edf4ff;
  width: 15%;
}

.main .error {
	margin-bottom: 150px;
}
.main .error h1 {
	color: #00c8e1;
	font-weight: normal;
	font-size: 4.8rem;
	line-height: 175%;
	margin-bottom: 75px;
}
.main .error h1 + p {
	margin-top: 0;
	font-size: 1.6rem;
	text-align: left;
}
.pc { display: block !important; }
.sp { display: none !important; }

@supports (-ms-ime-align: auto) {
	
	.list ul li,
	.detail_link li,
	.main .product article ul li, 
	.main .commitment .contents ul li, 
	.main .company_info ul li,
	.main .recruit .contents ul.button3 li,
	.aboutus .aboutus_info .contents ul li,
	.main .onlyone_menu article .menu,
	.main .onlyone_quality article.factory_style ul li {
		margin-right: 24px;
	}
	
}

@media screen and (min-width: 600px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media screen and (max-width: 600px) {
	.main .onlyone_quality .photo {
		float:none;
		width:100%;
		padding: 0 10px;
	}
	.main .onlyone_quality .sentence {
		float:none;
		width:100%;
		padding: 0 10px;
	}
	.main .onlyone_quality .logo .jsfc {
		width: 300px;
		background: #daf5d4;
		margin: 10px auto;
		border: 1px solid #daf5d4;
		border-radius: 20px 20px 20px 20px;
	}
	.pc { display: none !important; }
	.sp { display: block !important; }
}

.main .sweetsplan .dietitian {
	margin: 60px 0 30px 0;
}
.main .sweetsplan .dietitian_title {
	margin: 0 0 30px 0;
}
.main .sweetsplan .dietitian_title2 {
	margin: 0 0 50px 0;
}
.main .sweetsplan .dietitian_title img,
.main .sweetsplan .dietitian_title2 img,
.main .sweetsplan .dietitian .dietitian_content .dietitian_content_img img {
	margin: 40px auto 0;
	max-width: 100%;
}
.main .sweetsplan .dietitian_headline {
    background-color: #FAF8F5;
	border-radius: 10px;
	padding: 20px;
	margin: 0 0 20px 0;
}
.main .sweetsplan .dietitian_question {
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
}
.main .sweetsplan .dietitian_question_title {
	width: 65%;
	position: relative;
}
.main .sweetsplan .dietitian_question_title p::before {
    display: inline-block;
    position: absolute;
	margin: 10px 0;
    width: 40px;
    height: 40px;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 40px;
    text-align: center;
	background-color: #5C4036;
    content: 'Q';
}
.main .sweetsplan .dietitian_question_title p {
	width: 68%;
	padding-left: 50px;
	text-align: left;
	font-size: 1.5rem;
	font-weight: 900;
}
.main .sweetsplan .dietitian_question_graph {
	width: 35%;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_question .dietitian_question_title .dietitian_question_desc {
	width: 100%;
	display: flex;
	justify-content: start;
	padding-left: 50px;
	padding-right: 20px;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_question .dietitian_question_title .dietitian_question_desc .dietitian_question_desc_mark {
	width: 10%;
	font-size: 1.3rem;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_question .dietitian_question_title .dietitian_question_desc .dietitian_question_desc_content {
	width: 90%;
	font-size: 1.3rem;
	text-align: left;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_comment {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 60px 0 0 0;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_comment .dietitian_comment_contents {
	border: 2px solid #5C4036;
	border-radius: 10px;
	width: 45%;
	margin: 0 10px;
	font-weight: 600;
	padding: 50px 30px 30px 30px;
	position: relative;
	color: #5C4036;
	font-family: 'Zen Maru Gothic', sans-serif;
	background-color: #FFF;
}
.main .sweetsplan .dietitian .dietitian_headline .dietitian_comment .dietitian_comment_contents::before {
    position: absolute;
	margin: auto;
	top: -42px;
	left: 0;
	right: 0;
	content: url(../img/sweetsplan/dietitian_icon.png);
}
.main .sweetsplan .dietitian .dietitian_content {
    background-color: #FAF8F5;
	border-radius: 10px;
	padding: 70px 20px 20px 20px;
	position: relative;
	margin: 60px 0 20px 0;
}
.main .sweetsplan .dietitian .dietitian_content .title_image {
	position: absolute;
	margin: auto;
	top: -45px;
	left: 0;
	right: 0;
}
.main .sweetsplan .dietitian .dietitian_content .dietitian_content_desc {
	width: 100%;
	display: flex;
	justify-content: start;
}
.main .sweetsplan .dietitian .dietitian_content .dietitian_content_desc .dietitian_content_mark {
	width: 10%;
	font-size: 1.2rem;
}
.main .sweetsplan .dietitian .dietitian_content .dietitian_content_desc .dietitian_content_remarks {
	width: 90%;
	font-size: 1.2rem;
	text-align: left;
}

@media screen and (max-width: 600px) {
	.main .sweetsplan .dietitian_question {
		display: block;
	}
    .main .sweetsplan .dietitian_question_title {
		width: 100%;
	}
	.main .sweetsplan .dietitian_question_graph {
		width: 100%;
	}
	.main .sweetsplan .dietitian_question_title p {
		padding-left: 0px;
		margin-top: 40px;
		text-align: center;
		width: 100%;
	}
	.main .sweetsplan .dietitian_question_title p::before {
		margin: -45px auto 0;
		left: 0;
		right: 0;
	}
	.main .sweetsplan .dietitian .dietitian_headline .dietitian_question .dietitian_question_title .dietitian_question_desc {
		padding: 0;
	}
	.main .sweetsplan .dietitian .dietitian_headline .dietitian_question .dietitian_question_title .dietitian_question_desc {
		margin: 20px 0 0 0;
	}
	.main .sweetsplan .dietitian .dietitian_headline .dietitian_comment {
		display: block;
	}
	.main .sweetsplan .dietitian .dietitian_headline .dietitian_comment .dietitian_comment_contents {
		width: 100%;
		margin: 70px 0 0 0;
		font-size: 1.6rem;
		padding: 50px 20px 20px 20px;
		line-height: 170%;
	}
	.main .sweetsplan .dietitian .dietitian_content .title_image {
		top: -35px;
	}
	.main .sweetsplan .dietitian .dietitian_content .dietitian_content_img img {
		margin: 40px auto 20px;
	}
	.main .sweetsplan .dietitian .dietitian_content {
		padding: 50px 20px 20px 20px;
	}
	.main .sweetsplan .dietitian .dietitian_content .dietitian_content_desc {
		margin-bottom: -30px;
	}
	.main .sweetsplan .locabo_head .kokoro_karada_main_visual {
		padding-top: 10px;
		padding-right: 15px;
		padding-left: 5px;
		padding-bottom: 20px;
	}
  .main	.sweetsplan .locabo_head {
		background-image:url(../img/sweetsplan/kokoro_karada_omoi_mv_bg_sp.jpg);
		background-position: top -1px center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main .sweetsplan .concept .contents .text {
		font-size: 20px;
	}
	.main .sweetsplan .lineups {
		padding-top: 10px;
	}
	.main .sweetsplan .lineups img {
		margin-bottom: 15px;
	}
}

/* =================================== */
/* SNSアイコン                          */
/* 追記                                */
/* =================================== */

/* アイコン全体のコンテナ */
.main .sns-icon-container {
    display: flex;
    justify-content: center; /* PC表示で中央揃え */
    align-items: center;
    gap: 20px; /* アイコンのグループ間の隙間 */
	margin-top: 40px ;
    flex-wrap: wrap; /* スマホ表示のために折り返しを許可 */
}

/* アイコンのグループ（Xとその他） */
.main .sns-icon-container .sns-group {
    display: flex;
    align-items: center;
    gap: 24px; /* グループ内のアイコン同士の隙間 */
}

/* 各SNSアイコンの共通スタイル */
.main .sns-icon-container .sns-group .sns-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* アイコンとテキストの間の隙間 */
    text-decoration: none;
    color: #000;
    transition: transform 0.2s ease;
}

.main .sns-icon-container .sns-group .sns-icon:hover {
    transform: scale(1.1); /* ホバー時に少し拡大 */
    opacity: 0.8;
}

/* IMGタグのサイズ調整 */
.main .sns-icon-container .sns-group .sns-icon img {
    width: 32px;
    height: 32px;
    display: block; /* インライン要素の余白問題を解消 */
    border-radius: 20%;
}

/* Xアイコンのテキスト */
.main .sns-icon-container .sns-group .x-icon span {
    font-weight: bold;
	line-height: 1.5;
    font-size: 10px;
}

.main .sns-icon-container .only-icons{
    margin-left: 10px;
}

/* =================================== */
/* レスポンシブ設定 (スマートフォン)     */
/* 画面幅が600px以下の場合に適用       */
/* =================================== */
@media screen and (max-width: 600px) {
    /* コンテナのflex-directionをcolumnに変更して、グループを縦に並べる */
    .main .sns-icon-container {
        flex-direction: column;
		margin-top: 20px;
		margin-bottom: 60px ;
        gap: 20px; /* スマホ表示時のグループ間の隙間 */
    }

	.main .sns-icon-container .only-icons{
		margin-left: 0px;
		gap: 40px; /* グループ内のアイコン同士の隙間 */
	}
}

#fun_learn_top.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}