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

body, input, button, select, textarea {
	font-size: 1.4rem;
}
.deaktop, 
header dl.language, 
header ul.head_menu, 
nav ul.head_menu li a i, 
footer .contents article, 
footer .under ul,
.main .product article a:after,
.main .product article ul li a:after,
.main .product article .link a:after,
ul.inquiry li .number.desktop,
.side ul li .number.desktop,
.main .shop .contents .shop_info .map a.print,
.introArea__star,
.onlyone .scroll,
.tableware,
.natureIllust,
.sweetsIllust,
.ecoIllust,
.spr-chara-enjoy3,
.spr-chara-end,
.enjoyIllust,
.spr-chara-tasty1.is-stillChara,
.spr-chara-gentle1.is-stillChara,
.spr-chara-enjoy1.is-stillChara,
.main .shop .contents .shop_info .map .text br {
	display: none;
}
body.open {
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
.overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999998;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
header {
	position: relative;
}
header a.logo {
	width: -webkit-calc(100% / 2.5);
	width: calc(100% / 2.5);
	margin: 15px 0;
}
header a.logo img {
	height: auto;
}
header i.fa-bars, 
nav i.fa-times {
	color: #00c8e1;
	font-size: 2.8rem;
}
header i.fa-bars {
	position: absolute;
	right: 20px;
	top: 40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
}
header .breadcrumb ul {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
header .breadcrumb ul li {
	display: inline;
	float: none;
}
nav {
	right: -70%;
	position: fixed;
	width: 70%;
	top: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index: 999999;
	padding: 0;
	overflow: visible;
	border: none;
}
nav.open {
	right: 0;
}
nav i.fa-times {
	margin: 0;
	position: absolute;
	right: -webkit-calc(100% + 20px);
	right: calc(100% + 20px);
	top: 15px;
	font-size: 3.6rem;
	color: #00c8e1;
	display: none !important;
}
nav.open i.fa-times {
	display: block !important;
}
nav .inner {
	overflow: auto;
	height: 100%;
}
nav ul, nav ul li {
	margin: 0;
	padding: 0;
}
nav ul {
	text-align: left;
	clear: both;
}
nav ul li {
	display: list-item;
}
nav ul li:first-child:before, nav ul li:after {
	display: none;
}
nav ul li a {
	padding: 15px 20px 15px 40px;
	display: block;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	position: relative;
	margin-top: -1px;
}
nav ul li a:before {
	content: "";
	position: absolute;
	display: block;
	width: 7px;
	height: 7px;
	left: 20px;
	top: 50%;
	border: 3px 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);
	margin-top: 2px;
}
nav ul.sns {
	margin: 15px auto;
	width: 75%;
}
nav ul.sns li {
	margin: 15px 0;
	padding: 0;
	text-align: center;
	display: block;
}
nav ul.sns li a {
	border: none;
	padding: 0;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: inline-block;
}
nav ul.sns li a:before, 
nav dl.language dd ul li a:before {
	display: none;
}
nav ul.sp {
	margin: -15px 0 15px 0; 
}
nav ul.sp li a {
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
header nav dl.language {
	text-align: center;
	letter-spacing: -0.4em;
	margin: 0 20px 15px 20px;
	padding-left: 1px;
	float: none;
}
header nav dl.language {
	display: block;
}
header nav dl.language dd ul li {
	width: -webkit-calc(100% / 3 + 1px);
	width: calc(100% / 3 + 1px);
	display: inline-block;
	letter-spacing: normal;
	margin-left: -1px;
}
header nav dl.language dd ul li a {
	border: 1px solid #00c8e1;
	margin: 0;
	padding: 0;
	text-align: center;
}
.main {
	padding-bottom: 50px;
}
.main ul.bottom_link {
	margin-bottom: -10px;
}
.main ul.bottom_link li, .main ul.bottom_link li:nth-child(3n) {
	margin: 0 10px 10px 0;
	width: -webkit-calc((100% - 10px) / 2);
	width: calc((100% - 10px) / 2);
}
.main ul.bottom_link li:nth-child(3n + 1) {
	clear: none;
}
.main ul.bottom_link li:nth-child(even) {
	margin-right: 0;
}
.main ul.bottom_link li:nth-child(odd) {
	clear: both;
}
.main ul.bottom_link li a {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.2rem;
}
.main ul.bottom_link li a p span {
	display: block;
	padding: 2px 0;
}
.main ul.bottom_link li a p span:first-child {
	margin-top: -8px;
}
.main ul.bottom_link li a p span:last-child {
	margin-bottom: -8px;
}
footer {
	padding-top: 18px;
	border-top-width: 3px;
}
footer a.pagetop {
	right: 10px;
	left: auto;
	width: 60px;
	height: 60px;
	padding-top: -webkit-calc((60px - 1.75em) / 2);
	padding-top: calc((60px - 1.75em) / 2);
	font-size: 0.88rem;
}
footer a.pagetop:before {
	top: 12px;
}
footer .under {
	background-color: #fff;
	text-align: center;
}
footer .under a img {
	display: block;
	margin: 0 auto 18px auto;
	width: 107px;
}

.main .contents h1,
.main .contents h2 {
	margin: 30px 0;
}
.main .contents h1 + p {
	margin: -20px 0 20px 0;
	font-size: 1.6rem;
}

.button {
	margin: 20px 0;
}
.button ul li {
	display: list-item;
}

.submit {
	display: block;
}
.submit input {
	width: 100%;
}

.main .onlyone_menu,
.main .onlyone_menu_under,
.main .onlyone_menu_under #svg-bg {
	z-index: 0;
}
.main .product .contents article, 
.main .onlyone_menu article,
.main .error {
	margin-bottom: 20px;
}

.main .detail,
.main .product_under,
.main .company_info_under,
.main .onlyone_menu_under,
.main .onlyone_menu_under #svg-bg {
	margin-bottom: 30px;
}
.main .product {
	margin-top: 20px;
}
.main .commitment {
	overflow-x: hidden;
}
.main .product #svg-bg, 
.main .product_under #svg-bg, 
.main .commitment #svg-bg,
.main .company_info #svg-bg, 
.main .onlyone_menu #svg-bg, 
.main .aboutus .news #svg-bg,
.main .company_info_under #svg-bg,
.main .shop_only #svg-bg,
.main .shop_only_under #svg-bg,
.main .onlyone_menu_under #svg-bg,
.main .sweetsplan .locabo_head #svg-bg, 
.main .sweetsplan .voice #svg-bg,
.main .sweetsplan .about_head #svg-bg {
	height: 20px;
}
.main .product h2,
.main .company_info h2,
.main .office .company_info .contents h2 {
	margin: 40px 0 25px 0;
}
.main .product h2 img,  
.main .company_info h2 img {
	width: 45%;
}
.main .product article,
.main .onlyone_menu article,
.main .shop_only article,
.main .shop_only article .bermkuchen {
	padding: 20px;
}
.main .product article h3 {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
.main .product article h3 img:first-child {
	width: -webkit-calc(35% - 10px);
	width: calc(35% - 10px);
	margin-left: 0;
}
.main .product article h3 img:last-child {
	width: -webkit-calc(65% - 10px);
	width: calc(65% - 10px);
	margin-right: 0;
}
.main .product article p {
	margin-bottom: 20px;
}
.main .product article ul,
.main .company_info ul {
	margin-bottom: -10px;
}
.main .product article ul {
	margin-top: 0;
}
.main .company_info, 
.main .shop_only_under, 
.main .shop_only {
	padding-bottom: 30px;
}
.main .product article ul li,  
.main .commitment .contents ul li,  
.main .company_info ul li,  
.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),  
.main .product article ul li,  
.main .product article .link,  
.main .commitment .contents ul li,  
.main .commitment .contents ul.sns li, 
 .main .commitment .contents ul.sns li:nth-child(3n),  
 .main .company_info ul li {
	width: -webkit-calc((100% - 10px) / 2);
	width: calc((100% - 10px) / 2);
	margin-right: 10px;
	margin-bottom: 10px;
}
.main .product article ul li:nth-child(even),  
.main .commitment .contents ul li:nth-child(even), 
 .main .company_info ul li:nth-child(even),  
 .main .commitment .contents ul li:nth-child(even),  
 .main .commitment .contents ul.sns li:nth-child(even),  
 .main .company_info ul li:nth-child(even) {
	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: none;
}
.main .product article a,
.main .product article ul li a,
.main .product article .link a {
	padding-right: 0;
	display: flex;
	border-width: 1px;
	height: 60px;
	padding-left: -webkit-calc(40% + 5px);
	padding-left: calc(40% + 5px);
	line-height: 130%;
}
.main .product article h3 a {
	display: block;
	padding-left: 0;
}
.main .product article ul li:nth-child(8) a {
	font-size: 1.2rem;
}
.main .product article a .img_width .img img {
	max-width: 80%;
}
.main .product article a p {
	text-align: left;
	margin: 0;
}
.main .product article ul li a p span, 
.main .product article .link a p span,
.main .onlyone_origin p span {
	display: inline;
}
.main .product article a p br,
.main .product article ul li a p br,
.main .product article .link a p br {
	display: block;
}
.main .product article aside {
	width: auto;
	float: none;
}
.main .product article .link {
	margin: 20px 0 0 0;
	float: none;
	font-size: 1.2rem;
}


.search {
	padding: 10px 20px;
}
.search dl {
	width: 100%;
	float: none;
}
.search dl dt,
.search dl dd {
	margin: 10px 0;
	height: 35px;
	line-height: 35px;
}
.search dl dt {
	clear: both;
}
.search dl dd {
	width: -webkit-calc(100% - 8em);
	width: calc(100% - 8em);
	padding-right: 0;
}
.search dl dd .select select,
.search input[type="submit"], 
.search input[type="clear"], 
.search button {
	height: 35px;
}
.search input[type="submit"], 
.search input[type="button"], 
.search button {
	float: none;
	display: block;
	margin: 0 auto;
}

.list ul {
	margin: 20px 0 0 0;
}
.list ul li {
	margin-bottom: 20px;
	width: -webkit-calc((100% - 25px) / 2);
	width: calc((100% - 25px) / 2);
}
.list ul li:nth-child(3n) {
	margin-right: 25px;
}
.list ul li:nth-child(3n + 1) {
	clear: none;
}
.list ul li:nth-child(even) {
	margin-right: 0;
}
.list ul li:nth-child(odd) {
	clear: both;
}

.list ul li a .new, 
.list ul li a .renew {
	top: -5px;
	left: -5px;
	border-width: 20px;
}
.list ul li a .new img, 
.list ul li a .renew img {
	top: -5px;
	left: -5px;
}
.list ul li a .new img		{ max-width: 20px; margin: -10px 0 0 -10px; }
.list ul li a .renew img	{ max-width: 20px; margin: -10px 0 0 -10px; }

.list ul li a .img {
	margin-bottom: 10px;
}

.pager {
	margin-bottom: 20px;
}
.information .pager, 
.information .info_nav, 
.recruit .info_nav {
	position: static;
	display: inline-block;
	clear: both;
	width: 100%;
	bottom: auto;
	margin-bottom: 30px;
}
.pager ul {
	margin: 0 -2px;
	overflow: hidden;
}
.pager ul li, 
.pager ul li:nth-child(3n), 
.pager ul li:nth-child(3n + 1) {
	margin:0 2px;
}
.list .pager ul li {
	width: auto;
}
.pager ul li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}

.main .detail .contents h2 {
	position: relative;
	padding-left: 75px;
	min-height: 70px;
	padding-bottom: 15px;
}
.main .detail .contents h2 img {
	position: absolute;
	left: 0;
	top: -webkit-calc((100% - 15px) / 2);
	top: calc((100% - 15px) / 2);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: 0;
}

.detail_left, 
.detail_right,
.detail_left ul.img_thumbnail,
.detail_left .img_attention {
	float: none;
	width: auto;
}
.detail_left, 
.detail_right {
	margin-bottom: 40px;
}
.detail_left ul.img_thumbnail,
.detail_left .img_attention {
	margin-bottom: 5px;
}

.detail_left p {
	margin: 20px 0;
}

.detail_left .sns li {
	margin-right: 5px;
}
.detail_left .sns li .fb_reset {
	margin-top: 3px;
}
.detail_right dl dt,
.detail_right dl dd {
	position: static;
	padding: 10px 10px;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
}
.detail_right dl dt {
	border-bottom: none;
	padding-bottom: 0;
	font-size: 1.6rem;
}
.detail_right dl dd {
	border-top: none;
	font-size: 1.4rem;
}
.detail_right dl dd ul.allergy {
	margin-bottom: 10px;
}

.detail_right table {
	table-layout: auto;
}
.detail_right table th, 
.detail_right table td {
	padding-left: 10px;
	padding-right: 10px;
}

.detail_link li {
	width: auto;
	display: list-item;
	margin: 15px 0;
}
.detail_link li a {
	height: 50px;
	line-height: 46px;
	padding-right: 25px;
}
.detail_link li a:before {
	width: 25px;
}
.detail_link li a:after,
a.detail_top:after {
	right: 4px;
}
.detail_link li a:hover:after,
a.detail_top:hover:after {
	right: 2px;
}

a.detail_top {
	width: auto;
	margin: 40px 0;
}

.detail h3 {
	font-size: 2.1rem;
	margin-bottom: 15px;
}

.main .contents h1.brand {
	font-size: 2.8rem;
	margin-bottom: 20px;
}
.main .contents h1.brand + p {
	text-align: left;
}
.main .contents h1.brand + p br {
	display: none;
}

.main .contents h2.new,
.main .contents h3.new, 
.main .contents .nutr h3 {
	margin-top: 30px;
	padding-bottom: 15px;
	font-size: 2.0rem;
}
.main .contents h2.new {
	margin-bottom: -10px;
}
.main .contents h3.new {
	margin-bottom: 0;
}
.main .contents .nutr h3 {
	margin-bottom: 30px;
}

.nutr ul,
.contact ul.attention {
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
}

.nutr .table {
	overflow: auto;
}

.nutr table {
	margin: 0;
	width: auto;
}

.nutr table th, 
.nutr table td {
	padding: 10px;
}
.nutr table thead th,
.nutr table tbody td {
	white-space: nowrap;
}
.nutr table thead th,
.nutr table tbody td:nth-last-child(-n + 5) {
	text-align: center;
}
.nutr table tbody th {
	width: auto;
}
.nutr table thead th:first-child:before,
.nutr table tbody th:before {
	content: "";
	margin-top: -1px;
	display: block;
	height: 1px;
	width: 7em;
}
.nutr table tbody th br {
	display: none;
}

.contact p {
	text-align: left;
}

.contact .tel {
	margin: 20px 0;
	padding-left: 10px;
	padding-right: 10px;
}
.contact ul.attention {
	margin: 20px 0;
}

.contact table th,
.contact table td {
	display: block;
	padding: 15px 0;
}
.contact table th {
	width: auto;
	border-bottom: none;
}
.contact table th .memo br {
	display: none;
}
.contact table td {
	border-top: none;
	padding-top: 0;
}

.contact table td[colspan] {
	padding: 15px 10px;
}
.contact table + p {
	margin: 15px 0;
}
.contact .button {
	margin-bottom: 50px;
}

.information ul.list,
.information .info_detail,
.information.news .info_detail,
.information .side,
.contact .left,
.contact .side,
.recruit .recruit_detail {
	float:none;
	width: auto;
	margin-bottom: 30px;
}
.information ul.list {
	margin-bottom: 30px;
}
.information ul.list li a,
.contact .left ul.list li a {
	padding-left: 15px;
}
.information ul.list li a .day,
.contact .left ul.list li a .day,
.main .aboutus .news ul li a .day {
	display: block;
	position: static;
}
.main .aboutus .news ul li a .day {
	margin-right: 0;
}

.information .info_detail h2,
.recruit .recruit_detail h2 {
	margin-top: 0;
	margin-bottom: 5px;
}
.information .info_detail ul.aside,
.recruit .recruit_detail ul.aside {
	margin-bottom: 30px;
}
.information .info_detail .article,
.recruit .recruit_detail .article {
	margin-top: 30px;
}
.information .info_nav,
.recruit .info_nav {
	position: relative;
}
.information .info_nav li,
.recruit .info_nav li {
	width: auto;
	float: none;
}
.information .info_nav li.prev,
.information .info_nav li.next,
.recruit .info_nav li.prev,
.recruit .info_nav li.next {
	position: absolute;
	top: 0;
}
.information .info_nav li.prev,
.recruit .info_nav li.prev {
	left: 0;
}
.information .info_nav li.next,
.recruit .info_nav li.next {
	right: 0;
}
.information .info_nav li a,
.recruit .info_nav li a {
	padding-left: 25px;
}
.information .info_nav li.prev a,
.information .info_nav li.next a,
.recruit .info_nav li.prev a,
.recruit .info_nav li.next a {
	margin: 0;
}
.information .info_nav li.prev a,
.recruit .info_nav li.prev a {
	padding-left: 15px;
}
.information .info_nav li.next a,
.recruit .info_nav li.next a {
	padding-right: 15px;
}

.side dl dd {
	margin-bottom: 20px;
}
.side a.icon {
	float: right;
}

.main .recruit .contents h2 {
	margin: 30px 0;
}
.main .recruit .contents ul.button3,
.main .recruit .contents ul.button2 {
	margin: 30px 0;
}
.main .recruit .contents ul.button3 {
	margin-bottom: -10px;
}
.main .recruit .contents ul.button3 li,
.main .recruit .contents ul.button2 li {
	display:list-item;
	margin-bottom: 10px;
	margin-right: 0;
	float: none;
	width: auto;
}
.main .recruit .contents ul.button3 li a img,
.main .recruit .contents ul.button2 li a img {
	display: block;
	margin: 0 auto;
}

.main .recruit .contents ul.list li a .day {
	display: block;
	margin-right: 0;
}
.main .recruit .contents ul.list + h3 {
	margin-top: 40px;
}
.main .recruit .contents aside {
	line-height: normal;
	padding-left: 20px;
	margin: 40px 0;
}
.main .recruit .contents aside a {
	float: none;
	display: block;
	width: auto;
	margin-top: 10px;
}

.sitemap {
	margin-top: 0;
}
.main .contents .sitemap ul li {
	width: auto;
	display: list-item;
	float: none;
	margin-bottom: 15px;
}

.contact article {
	margin-bottom: 30px;
}
.main .contents .contact h2 {
	margin-top: 0;
}
.contact article img {
	float: none;
	margin: 0 auto;
	display: block;
	position: static;
}
.contact article p {
	float: none;
	width: auto;
}
.contact article p span {
	display: block;
}
.contact article p br {
	display: none;
}
.contact .left ul.category {
	display: block;
	max-height: none;
}
.contact .left ul.category li {
	width: auto;
	margin-right: 0;
	display: list-item;
	float: none;
}

.contact ul.inquiry {
	display: block;
	margin-bottom: -30px;
	overflow: hidden;
}
.contact ul.inquiry li {
	margin-right: 0;
	margin-bottom: 30px;
	display: list-item;
	float: none;
	width: 100%;
	padding-bottom: 0;
}
.contact ul.inquiry li img {
	vertical-align: text-bottom;
}
.contact ul.inquiry li .number {
	font-size: 2.8rem;
}
.contact ul.inquiry li aside {
	position: static;
	height: auto;
	margin: 10px 20px;
}
.side ul li img {
	width: auto;
	vertical-align: text-bottom;
}

.side ul li .number {
	font-size: 3.0rem;
}
.side ul li .number a {
	display: inline-block;
	white-space: nowrap;
}
.side ul li:first-child div.center {
	margin: 0 auto;
	width: 215px;
}

.aboutus .aboutus_info .contents ul {
	margin: 20px 0 -5px 0;
}
.aboutus .aboutus_info .contents ul li,
.main .onlyone_menu article .menu {
	width: auto;
	float: none;
	display: list-item;
	margin: 0 0 25px 0;
	list-style: none;
}
.main .aboutus h2 {
	margin: 0;
}
.main .hakusho .contents h2 {
	margin: 40px 0 10px 0;
}
.aboutus .hakusho .contents ul {
	margin: 0px 0 -5px 0;
}
.aboutus .aboutus_info .contents ul li .img {
	margin: 10px 0;
}
.main .aboutus .news,
.main .aboutus .news #svg-bg {
	margin-bottom: 30px;
}

.main .aboutus_ci .contents .message {
	margin: 30px 0;
	text-align: left;
}
.main .aboutus_ci .contents .message img {
	display: block;
	margin: 0 auto;
}

.main .aboutus_ci .contents .message img { width: 60%; }
.main .aboutus_ci .contents .message img.bg1 { top: 150px; }
.main .aboutus_ci .contents .message img.bg2 { bottom: 0; right: 0; }


.main .community-activities .contents .catch img.bg1 {
	top: 150px;
	left: -200px;
	width: 700px;
	opacity: 0.5;
	z-index: -1;
}
.main .community-activities .contents .catch img.bg2 {
	top: 320px;
	right: -200px;
	width: 500px;
	opacity: 0.3;
	z-index: -1;
}

.main .aboutus_ci .contents .message h2 {
	margin-bottom: 30px;
}
.main .aboutus_ci .contents .message p {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7), -1px 1px 0 rgba(255, 255, 255, 0.7), 1px -1px 0 rgba(255, 255, 255, 0.7), -1px -1px 0 rgba(255, 255, 255, 0.7);
}

.main .aboutus_ci .contents .origin, 
.main .aboutus_ci .contents .mark, 
.main .aboutus_ci .contents .color {
	margin: 40px 0;
}
.main .aboutus_ci .contents h2,
.main .aboutus_company .contents h2,
.main .office .contents h2,
.main .shop .contents .shop_info h2,
.main .shop_only article h2,
.main .onlyone_env article h2,
.main .onlyone_careful article h2,
.main .onlyone_quality article h2,
.main .onlyone_milk article h2,
.main .onlyone_origin article h2,
.main .onlyone_recipe article h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.main .aboutus_ci .contents .mark img {
	position: static;
	bottom: auto;
	left: auto;
	margin: 0 auto 20px auto;
	display: block;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.main .aboutus_ci .contents .mark p {
	margin-left: 0;
}
.main .aboutus_company .contents h2 {
	margin-top: 40px;
}

.main .aboutus_company table {
	width: 100%;
}
.main .aboutus_company table th,
.main .aboutus_company table td {
	display: inline-block;
	padding: 10px;
	width: 100%;
}
.main .aboutus_company table.outline tr:nth-last-child(-n + 6):nth-last-child(n + 2) th {
	display: none;
}
.main .aboutus_company .graph {
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
}
.main .aboutus_company .graph canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.main .aboutus_company ul.tab {
	border: none;
	padding: 0;
	margin: 0 0 -5px 0;
}
.main .aboutus_company ul.tab li {
	width: -webkit-calc((100% - 5px) / 2) ;
	width: calc((100% - 5px) / 2) ;
	margin: 0 5px 5px 0;
	border-bottom: 2px solid #00c8e1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .aboutus_company ul.tab li:nth-child(even) {
	margin-right: 0;
}
.main .aboutus_company ul.tab li:nth-child(odd) {
	clear: both;
}
.main .aboutus_company ul.tab li.active {
	background-color: #00c8e1;
	color: #fff;
}
.main .aboutus_company .tab_main {
	margin: 20px 0 40px 0;
}

.main .aboutus_message .contents p,
.main .aboutus_message .contents p + p {
	margin: 40px 0;
	text-align: left;
}
.main .aboutus_message .contents p span {
	display: inline;
}

.main .office .contents dl + h2,
.main .shop .contents h2 {
	margin-top: 40px;
}
.main .office .contents dl dd {
	display: inline-block;
	width: 100%;
}
.main .office .contents dl dd ul {
	margin-top: 0;
	clear: both;
	width: 100%;
}
.main .office .contents dl dd ul li {
	width: 50%;
	margin-left: 0;
}
.main .office .contents dl dt {
	margin: 30px 0 10px 0;
}
.main .office .contents dl dd .map .map_item {
	padding: 0 20px;
}
.main .office .contents dl dd .map .map_item a.print {
	display: none;
}

.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 img.bg1,
.main .community-activities .contents img.bg2 {
	opacity: 0.3;
}
.main .shop .contents p {
	text-align: left;
}

.main .shop .contents .shop_menu {
	margin-bottom: 30px;
	flex-direction: column;
}
.main .shop .contents .shop_menu ul {
	margin-top: 10px;
	flex-direction: column;
}
.main .shop .contents .shop_menu .sweets_factory,
.main .shop .contents .shop_menu .sweets_shop,
.main .shop .contents .shop_menu .sweets_shop ul li,
.main .shop .contents .shop_menu .sweets_factory ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}

.main .shop .contents .shop_menu ul li {
	margin-bottom: 10px;
}
.main .shop .contents .shop_menu ul li:after {
	display: none;
}
.main .shop .contents .shop_menu ul li .icon {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	top: -5px;
}
.main .shop .contents .shop_menu ul li a .text {
	margin: 0 auto;
}

.main .shop .contents .shop_info {
	margin-bottom: 30px;
}
.main .shop .contents .shop_info p {
	margin: 20px 0;
}
.main .shop .contents .shop_info .shop_img,
.main .shop .contents .shop_info table,
.main .shop .contents .shop_info .map .text,
.main .shop .contents .shop_info .map .map_img {
	float: none;
	width: auto;
}
.main .shop .contents .shop_info .shop_img,
.main .shop .contents .shop_info table {
	margin-bottom: 20px;
}
.main .shop .contents .shop_info table {
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
}
.main .shop .contents .shop_info table th,
.main .shop .contents .shop_info table td {
	display: block;
	width: auto;
	padding: 10px 0;
	border-bottom: none;
}
.main .shop .contents .shop_info .map {
	padding: 15px;
}
.main .shop .contents .shop_info .map .text h4 {
	padding-right: 0;
}
.main .shop .contents .shop_info .map .map_img {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.main .shop .contents .shop_info .map .map_img img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.main .shop .contents .shop_info .map .text a.reserve {
	width: 100%;
	margin-top: 0;
	padding-right: 30px;
}
.main .shop .contents .shop_info .map .link {
	margin-bottom: 0;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.main .shop_only article h2 {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 0;
}
.main .shop_only article img,
.main .shop_only article .text,
.main .shop_only article .bermkuchen .text {
	margin-bottom: 20px;
	float: none;
	width: auto;
}
.main .shop_only article .bermkuchen .text {
	margin-top: 20px;
}

.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 {
	width: auto;
	max-width: none;
}
.main .onlyone_env .contents img.bg.bg2,
.main .onlyone_careful .contents img.bg.bg2,
.main .onlyone_quality .contents img.bg.bg2,
.main .onlyone_custard .contents img.bg.bg2,
.main .onlyone_milk .contents img.bg.bg2,
.main .onlyone_origin .contents img.bg.bg2,
.main .onlyone_recipe .contents img.bg.bg2 {
	left: auto; 
	right: 20px;
	top: 100px;
}

.main .onlyone_env,
.main .onlyone_careful,
.main .onlyone_quality,
.main .onlyone_custard,
.main .onlyone_milk,
.main .onlyone_origin,
.main .onlyone_recipe {
	margin-bottom: 50px;
}
.main .onlyone_env article,
.main .onlyone_careful article,
.main .onlyone_quality article,
.main .onlyone_custard article,
.main .onlyone_custard p + article, 
.main .onlyone_milk article,
.main .onlyone_milk p + article, 
.main .onlyone_origin article,
.main .onlyone_origin article.principle, 
.main .onlyone_recipe article,
.main .onlyone_recipe p + article {
	margin-top: 30px;
}
.main .onlyone_env article .left, 
.main .onlyone_env article .right,
.main .onlyone_careful article .left, 
.main .onlyone_careful article .right,
.main .onlyone_quality article .left, 
.main .onlyone_quality article .right,
.main .onlyone_custard article .left, 
.main .onlyone_custard article .right,
.main .onlyone_milk article .left, 
.main .onlyone_milk article .right,
.main .onlyone_origin article .left, 
.main .onlyone_origin article .right,
.main .onlyone_recipe article .left, 
.main .onlyone_recipe article .right {
	float: none;
}
.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_quality article p.left, 
.main .onlyone_quality article p.right,
.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_origin article p.left, 
.main .onlyone_origin article p.right,
.main .onlyone_recipe article div.left, 
.main .onlyone_recipe article div.right,
.main .onlyone_recipe article p.left, 
.main .onlyone_recipe article p.right {
	width: auto;
}
.main .onlyone_careful article aside,
.main .onlyone_quality article aside,
.main .onlyone_quality article.factory_style aside,
.main .onlyone_custard article aside {
	width: 100%;
}
.main .onlyone_careful article aside {
	margin-top: 10px;
}
.main .onlyone_env article img.right,
.main .onlyone_env article img.left,
.main .onlyone_careful article img.right,
.main .onlyone_careful article img.left,
.main .onlyone_quality article img.left,
.main .onlyone_custard article img.right,
.main .onlyone_milk article img.left,
.main .onlyone_milk article img.right,
.main .onlyone_origin article img.left,
.main .onlyone_recipe article img.right,
.main .onlyone_recipe article img.left {
	display: block;
	margin: 0 auto;
}
.main .onlyone_env article img.right,
.main .onlyone_custard article img.right,
.main .onlyone_milk article img.right,
.main .onlyone_recipe article img.right,
.main .onlyone_recipe article div.right {
	margin-top: 20px;
}
.main .onlyone_env article img.left,
.main .onlyone_milk article img.left,
.main .onlyone_origin article img.left,
.main .onlyone_recipe article img.left {
	margin-bottom: 10px;
}

.main .onlyone_env article h3,
.main .onlyone_careful article h3 {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 40px;
}
.main .onlyone_env article .row {
	flex-direction: column;
	justify-content: flex-start;
}
.main .onlyone_env article .row.plastic .col {
	width: auto;
	float: none;
	margin: 10px 0;
}
.main .onlyone_env article.package img {
	margin-right: 0;
	margin-bottom: 10px;
	max-width: 100%;
}
.main .onlyone_env article ul li .logo {
	width: auto;
	margin-right: 0;
	margin-bottom: 10px;
}
.main .onlyone_env article ul li p {
	width: auto;
}
.main .onlyone_careful article table {
	border-bottom: 1px solid #e1e1e1;
}
.main .onlyone_careful article table th,
.main .onlyone_careful article table td {
	display: block;
	width: 100%;
	padding: 10px 20px;
	border-bottom: none;
}

.main .onlyone_quality article aside {
	padding: 15px;
}
.main .onlyone_quality article aside ul li:last-child .text {
	font-size: 1.6rem;
}
.main .onlyone_quality article aside ul li:last-child .text:after {
	width: 15px;
}
.main .onlyone_quality article aside ul li:last-child .text:before {
	right: -webkit-calc(100% + 25px);
	right: calc(100% + 25px);
}
.main .onlyone_quality article.factory_style img.left {
	margin: 10px 0;
}
.main .onlyone_quality article.factory_style aside {
	margin: 0 0 30px 0;
}
.main .onlyone_quality article.factory_style aside h4 {
	font-size: 1.6rem;
}
.main .onlyone_quality article.factory_style aside table {
	margin: 15px 0;	
}
.main .onlyone_quality article.factory_style aside table th,
.main .onlyone_quality article.factory_style aside table td {
	padding: 10px 0;
	width: auto;
	display: block;
	margin-top: -1px;
}
.main .onlyone_quality article.factory_style ul {
	margin: 10px 0 -30px 0;
}
.main .onlyone_quality article.factory_style ul li {
	margin: 0 0 30px 0;
	width: auto;
	float: none;
}
.main .onlyone_quality article.factory_style ul li:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -webkit-calc(100% + 5px);
	top: calc(100% + 5px);
	border-width: 15px 10px 0 10px;
	border-color: #9ad301 transparent transparent transparent;
}
.main .onlyone_quality article.factory_style ul li img {
	display: block;
	margin: 0 auto;
}

.main .onlyone_milk article p.right {
	margin-bottom: 30px;
}
.main .onlyone_milk article aside {
	display: block;
}
.main .onlyone_milk article aside h3,
.main .onlyone_milk article aside h4 {
	font-size: 2.0rem;
}
.main .onlyone_milk article aside .low,
.main .onlyone_milk article aside .high {
	float: none;
	width: auto;
	padding: 10px 20px;
}
.main .onlyone_milk article aside .low .left,
.main .onlyone_milk article aside .low .right,
.main .onlyone_milk article aside .high .left,
.main .onlyone_milk article aside .high .right,
.main .onlyone_origin article.principle p,
.main .onlyone_origin article ul li p.right {
	width: auto;
}
.main .onlyone_milk article aside .low img.right,
.main .onlyone_milk article aside .high img.right {
	margin: 10px auto;
}
.main .onlyone_milk article aside .high h4 {
	margin: 10px 0;
}
.main .onlyone_milk article aside p br {
	display: none;
}
.main .onlyone_origin article.principle h2,
.main .onlyone_origin article.principle p {
	margin: 0;
}
.main .onlyone_origin article.principle p {
	margin: 20px 0;
}
.main .onlyone_origin article.principle img.bg {
	display: none;
}
.main .onlyone_origin article.principle ul,
.main .onlyone_origin article ul,
.main .onlyone_recipe article ul {
	margin: 0;
	display:block;
	margin-bottom: -10px;
}
.main .onlyone_origin article.principle ul li,
.main .onlyone_origin article.principle ul li:nth-child(even),
.main .onlyone_origin article ul li,
.main .onlyone_recipe article ul li {
	float: none;
	width: auto;
	margin: 0 0 10px 0;
}
.main .onlyone_origin article.principle ul li img {
	display: block;
	margin: 0 auto;
}
.main .onlyone_recipe article ul li img {
	margin: 10px 0;
}

.main .sweetsplan {
	overflow: hidden;
}
.main .sweetsplan .contents ul.point {
	width: 100%;
	height: auto;
	box-shadow: none;
	margin-bottom: -20px;
}
.main .sweetsplan .contents ul.point li,
.main .sweetsplan .contents ul.point li:first-child,
.main .sweetsplan .contents ul.point li:nth-child(2),
.main .sweetsplan .contents ul.point li:nth-child(3) {
	position: relative;
	display: list-item;
	width: 100%;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	margin-bottom: 40px;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}
.main .sweetsplan .locabo_head .contents .agitation,
.main .sweetsplan .locabo_head .contents h2,
.main .sweetsplan .concept .contents .under,
.main .sweetsplan .about_head .contents h2,
.main .sweetsplan .about_head .contents .locabo {
	position: relative;
	z-index: 3;
}
.main .sweetsplan .locabo_head .contents .bg1 {
	width: 250px;
	right: -webkit-calc(100% - 146px);
	right: calc(100% - 146px);
	left: auto;
	top: 279px;
}
.main .sweetsplan .locabo_head .contents .bg2 {
	width: 303px;
	left: -webkit-calc(100% - 156px);
	left: calc(100% - 156px);
	right: auto;
	top: -22px;
}
.main .sweetsplan .locabo_head .contents .agitation,
.main .sweetsplan .about_head .contents .locabo {
	background-size: 100% auto;
}
.main .sweetsplan .locabo_head .contents .agitation {
	font-size: 1.8rem;
}
.main .sweetsplan .about_head .contents .locabo {
	font-size: 2.1rem;
	line-height: 171.43%;
	padding-top: 45px;
	background-image: url(../img/sweetsplan/about_head_bg_sp.png);
	background-position: center bottom;
	margin-left: -10px;
	margin-right: -10px;
	
}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
	.main .sweetsplan .about_head .contents .locabo {
		background-image: url(../img/sweetsplan/about_head_bg_sp@2.png);
	}
}
.main .sweetsplan .locabo_head .contents h2,
.main .sweetsplan .about_head .contents h2 {
	font-size: 3.8rem;
	line-height: 115%;
	margin: 20px 0 100px 0;
}
.main .sweetsplan .about_head .contents h2 {
	line-height: 150%;
	margin: 0;
}
.main .sweetsplan .about_head .contents h2 span {
	display: block;
}
.main .sweetsplan .concept .contents {
	padding-bottom: 80px;
}
.main .sweetsplan .voice .contents {
	padding-bottom: 118px;
}
.main .sweetsplan .concept .contents h3 {
	margin-top: -35px;
}
.main .sweetsplan .concept .contents .under, 
.main .sweetsplan .locabo .contents .under, 
.main .sweetsplan .voice .contents .under, 
.main .sweetsplan .enjoy .contents .under {
	margin-bottom: 58px;
}
.main .sweetsplan .product .contents .under,
.main .sweetsplan .locabo .contents .under,
.main .sweetsplan .voice .contents .under,
.main .sweetsplan .enjoy .contents .under {
	margin-bottom: 45px;
}
.main .sweetsplan .contents .under {
	font-size: 2.5rem;
}
.main .sweetsplan .concept .contents .under,
.main .sweetsplan .locabo .contents .under,
.main .sweetsplan .voice .contents .under {
	font-size: 2.5rem;
	line-height: 180%;
}
.main .sweetsplan .concept .contents .under span sup, 
.main .sweetsplan .product .contents .under span sup, 
.main .sweetsplan .locabo .contents .under span sup {
	font-size: 1.2rem;
}
.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;
}
.main .sweetsplan .concept .contents .under br,
.main .sweetsplan .product .contents .point article h4 span br,
.main .sweetsplan .locabo .contents p br,
.main .sweetsplan .voice .contents ul li .text:before,
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a .under,
.main .sweetsplan .about_head .contents p br,
.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 {
	display: none;
}
.main .sweetsplan .contents .under span br,
.main .sweetsplan .product .contents .point article h4 span,
.main .sweetsplan .quantity h4 br,
.main .sweetsplan .product .quantity p br,
.main .sweetsplan .locabo .contents p span,
.main .sweetsplan .locabo .contents .quantity p br,
.main .sweetsplan .voice .contents p br,
.main .sweetsplan .about_head .contents .locabo span br,
.main .sweetsplan .about_head .contents p span,
.main .sweetsplan .locabo_life .contents h3 br,
.main .sweetsplan .contents .quantity .day h5 br {
	display: block;
}
.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 {
	line-height: 200%;
}
.main .sweetsplan .concept .contents .bg1 {
	top: 360px;
	left: 160px;
	width: 110px;
}
.main .sweetsplan .concept .contents .bg2 {
	top: 440px;
	right: 0px;
	width: 92px;
}
.main .sweetsplan .concept .contents .bg3 {
	top: 430px;
	left: 10px;
	width: 110px;
}
.main .sweetsplan .locabo .contents a {
	width: 100%;
}
.main .sweetsplan .contents h3 {
	margin: 68px 0 0 0;
}
.main .sweetsplan .product .contents .point article {
	padding-left: 0;
	padding: 0 20px 20px 20px;
	margin: 35px 0;
	display: block;
}
.main .sweetsplan .product .contents .point article .img_width, 
.main .sweetsplan .product .contents .point article .img {
	width: auto;
	bottom: auto;
}
.main .sweetsplan .product .contents .point article .img_width {
	position: static;
	margin: 0 -20px 60px -20px;
}
.main .sweetsplan .product .contents .point article .img {
	padding-top: 55.22%;
	position: relative;
}
.main .sweetsplan .product .contents .point article .img img {
	max-width: 100%;
	left: 50%;
}
.main .sweetsplan .product .contents .point article:first-child .img img {
	top: 40%;
}
.main .sweetsplan .product .contents .point article:last-child .img img {
	top: 10%;
}
.main .sweetsplan .product .contents .point article h4 {
	font-size: 2.0rem;
	line-height: 150%;
}
.main .sweetsplan .contents .right {
	text-align: center;
	font-size: 1.4rem;
}
.main .sweetsplan .quantity,
.main .sweetsplan .locabo_life .contents .head,
.main .sweetsplan .locabo_life .contents .detail {
	padding-left: 20px;
	padding-right: 20px;
}
.main .sweetsplan .quantity h4,
.main .sweetsplan .locabo_life .contents .detail .quantity h4,
.main .sweetsplan .locabo_life .contents h3,
.main .sweetsplan .locabo_life .contents .head h3,
.main .sweetsplan .locabo_life .contents .detail h3 {
	line-height: 150%;
	padding: 15px;
	margin-left: -20px;
	margin-right: -20px;
	height: auto;
}
.main .sweetsplan .locabo .quantity ul,
.main .sweetsplan .locabo_life .contents .detail .quantity ul {
	flex-wrap: wrap;
	margin-bottom: -5px;
}
.main .sweetsplan .locabo .quantity ul li,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li {
	width: -webkit-calc((100% - 5px) / 2);
	width: calc((100% - 5px) / 2);
	margin-bottom: 5px;
	padding: 28px 10px;
}
.main .sweetsplan .locabo .quantity ul li,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li,
.main .sweetsplan .product .contents p {
	font-size: 1.2rem;
}
.main .sweetsplan .locabo .quantity ul li .img_width,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img_width {
	width: 47.24%;
	margin: 0 auto 15px auto;
}
.main .sweetsplan .locabo .quantity ul li .img,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .img {
	padding-top: 100%;
	margin: 0;
}
.main .sweetsplan .locabo .quantity ul li h5,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li h5 {
	font-size: 1.4rem;
}
.main .sweetsplan .locabo .quantity ul li .comparison span,
.main .sweetsplan .locabo_life .contents .detail .quantity ul li .comparison span {
	font-size: 1.8rem;
}
.main .sweetsplan .locabo .contents, 
.main .sweetsplan .voice .contents,
.main .sweetsplan .locabo_life .contents {
	padding: 0 20px;
}
.main .sweetsplan .locabo .contents .quantity p {
	margin: 35px 0;
}
.main .sweetsplan .contents .quantity .day, 
.main .sweetsplan .locabo .contents .quantity .about,
.main .sweetsplan .locabo_life .contents .about {
	width: 100%;
	padding: 35px 20px;
}
.main .sweetsplan .locabo_life .contents .about {
	width: auto;
}
.main .sweetsplan .contents .quantity .day .meal {
	flex-direction: column;
	margin: 35px 0;
}
.main .sweetsplan .contents .quantity .day .meal .col:not(:first-child):not(:last-child) {
	line-height: normal;
	margin: 10px 0;
	font-size: 2.5rem;
}
.main .sweetsplan .contents .quantity .day .meal .col p {
	padding: 0;
}
.main .sweetsplan .contents .quantity .day .meal .col ul {
	width: auto;
}
.main .sweetsplan .contents .quantity .day .meal .col ul li {
	width: -webkit-calc((100% - 30px) / 3);
	width: calc((100% - 30px) / 3);
	height: 0;
	padding-top: -webkit-calc((100% - 30px) / 3);
	padding-top: calc((100% - 30px) / 3);
	position: relative;
}
.main .sweetsplan .contents .quantity .day .meal .col ul li span,
.main .sweetsplan .contents .quantity .day .meal .col .dessert span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: normal;
}
.main .sweetsplan .contents .quantity .day .meal .col .dessert {
	width: 39.22%;
	height: auto;
	padding: 0;
	padding-top: 39.22%;
	margin: 0 auto;
	position: relative;
}
.main .sweetsplan .contents .quantity .day .meal .col .dessert span {
	display: inline;
	width: auto;
}
.main .sweetsplan .contents .quantity .day p,
.main .sweetsplan .locabo_life .contents .quantity .day p {
	line-height: 166%;
	padding: 20px;
	margin-bottom: 0;
}
.main .sweetsplan .locabo .contents .quantity .about .director,
.main .sweetsplan .locabo_life .contents .about .director {
	padding: 0;
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width, 
.main .sweetsplan .locabo .contents .quantity .mark .img_width,
.main .sweetsplan .locabo_life .contents .about .director .img_width,
.main .sweetsplan .locabo_life .contents .about .mark .img_width {
	position: static;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.main .sweetsplan .locabo .contents .quantity .about .director .img_width,
.main .sweetsplan .locabo_life .contents .about .director .img_width {
	width: 78.43%;
	margin-bottom: 25px;
	margin: 0 auto;
}
.main .sweetsplan .locabo .contents .quantity .mark,
.main .sweetsplan .locabo_life .contents .about .mark {
	padding: 25px 20px;
}
.main .sweetsplan .locabo_life .contents .about .mark {
	margin-bottom: 0;
}
.main .sweetsplan .locabo .contents .quantity .mark .col,
.main .sweetsplan .locabo_life .contents .about .mark .col {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.main .sweetsplan .locabo .contents .quantity .mark .col .img_width,
.main .sweetsplan .locabo_life .contents .about .mark .col .img_width {
	margin-right: 20px;
	width: 28%;
}
.main .sweetsplan .locabo .contents .quantity a {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	display: flex;
	align-items: center;
	line-height: 150%;
	padding: 10px 25px;
	text-align: left;
}
.main .sweetsplan .locabo .contents .quantity a img {
	margin-left: 15px;
}
.main .sweetsplan .voice .contents p {
	line-height: 200%;
}
.main .sweetsplan .voice .contents ul {
	margin: 0;
}
.main .sweetsplan .voice .contents ul li {
	margin: 60px 0;
	display: block;
}
.main .sweetsplan .voice .contents ul li .icon {
	float: none;
	margin: 0 auto;
}
.main .sweetsplan .voice .contents ul li .text {
	width: auto;
	float: none;
	padding: 20px;
	margin-top: 20px;
}
.main .sweetsplan .voice .contents ul li .guide {
	margin-top: 20px;
	padding: 20px;
}
.main .sweetsplan .voice .contents ul li .guide .name {
	font-size: 1.5rem;
	line-height: 200%;
}
.main .sweetsplan .voice .contents ul li .guide .name span {
	margin-left: 0;
}
.main .sweetsplan .voice .contents ul li .guide .name span:before {
	content: "\A";
	white-space: pre;
}
.main .sweetsplan .enjoy .contents article {
	padding: 40px 20px;
}
.main .sweetsplan .enjoy .contents article .img_width {
	position: static;
	width: auto;
	margin: -40px -20px 45px -20px;
}
.main .sweetsplan .enjoy .contents article .img_width .img {
	padding-top: 54.78%;
	position: relative;
}
.main .sweetsplan .enjoy .contents article .img_width .img img {
	max-height: none;
	left: 46%;
	top: 45%;
	width: 100%;
}
.main .sweetsplan .enjoy .contents article + article .img_width .img img {
	top: 50%;
	left: 50%;
}
.main .sweetsplan .enjoy .contents article h4 {
	line-height: 150%;
}
.main .sweetsplan .contents .locabo_link,
.main .sweetsplan .enjoy .contents .locabo_link,
.main .sweetsplan .locabo_link .contents ul.locabo_link {
	margin: 20px;
	display: flex;
	flex-direction: column-reverse;
	width: auto;
}
.main .sweetsplan .contents .locabo_link > li:first-child,
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child {
	margin-bottom: 0;
	width: auto;
}
.main .sweetsplan .contents .locabo_link li a,
.main .sweetsplan .enjoy .contents .locabo_link li a,
.main .sweetsplan .locabo_link .contents ul.locabo_link a {
	display: block;
}
.main .sweetsplan .contents .locabo_link > li:first-child a,
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a {
	padding: 20px;
}
.main .sweetsplan .contents .locabo_link > li:first-child a img,
.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a img,
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:first-child a img {
	position: static;
	display: block;
	margin: 20px auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	width: 67.25%;
	max-width: 538px;
}
.main .sweetsplan .locabo_link .contents ul.locabo_link > li:last-child {
	width: auto;
}
.main .sweetsplan .contents .locabo_link > li:first-child a .icon,
.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: auto;
}
.main .sweetsplan .contents .locabo_link > li:first-child a .icon img,
.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 {
	margin: -4px 0 0 10px;
	width: auto;
}
.main .sweetsplan .contents .locabo_link li ul,
.main .sweetsplan .enjoy .contents .locabo_link li ul,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul {
	flex-direction: column;
}
.main .sweetsplan .contents .locabo_link li ul li,
.main .sweetsplan .enjoy .contents .locabo_link li ul li,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li {
	width: auto;
	margin-bottom: 20px;
}
.main .sweetsplan .contents .locabo_link li ul li a .img,
.main .sweetsplan .enjoy .contents .locabo_link li ul li a .img,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img {
	padding-top: 43%;
}
.main .sweetsplan .contents .locabo_link li ul li a .img img,
.main .sweetsplan .enjoy .contents .locabo_link li ul li a .img img,
.main .sweetsplan .locabo_link .contents ul.locabo_link li ul li a .img img {
	width: 100%;
}

.main .sweetsplan .about_head .contents p {
	margin: 50px 0;
	line-height: 200%;
}
.main .sweetsplan .locabo_life .contents .head {
	padding-bottom: 30px;
}
.main .sweetsplan .locabo_life .contents .head .img_width {
	float: none;
	width: auto;
	margin: 0 0 30px 0;
}
.main .sweetsplan .locabo_life .contents .head .img_width .img {
	padding-top: 72.88%;
}
.main .sweetsplan .locabo_life .contents .about {
	margin-left: 20px;
	margin-right: 20px;
}
.main .sweetsplan .locabo_life .contents .quantity .day {
	margin-bottom: 35px;
}
.main .sweetsplan .locabo_life .quantity {
	margin-top: 40px;
	margin-bottom: 40px;
}
.main .sweetsplan .locabo_life .contents .detail p {
	text-align: left;
}
.main .sweetsplan .locabo_life .contents .detail h4 {
	padding: 10px 20px;
	line-height: 150%;
}
.main .sweetsplan .locabo_life .contents .detail ul {
	margin: 0;
}
.main .sweetsplan .locabo_life .contents .detail ul li {
	margin: 0 0 40px 0;
	display: list-item;
}
.main .sweetsplan .locabo_life .contents .detail ul li .shape {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width {
	float: none;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 271px;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width .img {
	padding-top: 66.79%;
}
.main .sweetsplan .locabo_life .contents .detail ul li .img_width .img img {
	top: 50%;
}

.main .sweetsplan .enjoy .contents .locabo_link > li:first-child a {
	width: 100%;
}

.main .termsofuse,
.main .privacypolicy {
	margin-bottom: 30px;
}

table.invitation,
table.invitation th,
table.invitation td {
	display: block;
	width: auto;
}
table.invitation {
	padding-top: 1px;
}
table.invitation th,
table.invitation td {
	margin-top: -1px;
	padding: 10px;
}

.main .error h1 {
	font-size: 3.0rem;
}
.main .error h1 + p {
	margin-top: 0;
	font-size: 1.4rem;
}
.main .sweetsplan .locabo .contents .locabo_img {
	width: 100%;
}
.main .sweetsplan .almonds {
	flex-flow: column;
}
.main .sweetsplan .almonds .logo_img {
	width: 100%;
	margin: 0 0 20px 0;
}
.main .sweetsplan .almonds .description p {
	margin: 0 0 20px 0;
}
.main .sweetsplan .locabo .contents .quantity a.product {
    width: 100%;
    text-align: center;
    display: block;
}