div.ancor { padding-top: 134px; margin-top: -134px; }

.moreLink { border: 1px solid #959595; color: #000; font-weight: bold; font-size: 14px; padding: 14px; display: block; text-align: center; }
.moreLink:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; }

.sub { font-size: 0.9em !important; }

.pickup { color: red; }

.drawerWrap { display: none; }

body { padding-top: 70px; }
body .mainVi { width: 100%; height: auto; vertical-align: bottom; position: relative; overflow: hidden; }
body .mainVi .bx-wrapper { width: 100%; border: none; margin-bottom: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
body .mainVi .bx-wrapper .bx-viewport { width: 100% !important; }
body .mainVi .bx-wrapper .bx-viewport img { width: 100%; }
body .mainVi .top_slider { width: 100%; }
body .mainVi .top_slider li { width: 100%; }
body .mainVi .top_slider li img { width: 100%; height: auto; }
body .mainVi .vi_text { z-index: 99; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; text-align: center; }
body .mainVi .vi_text img { max-width: 100%; padding: 0 3rem; }
body .mainVi .philosophy { z-index: 99; position: absolute; bottom: 15%; text-align: center; width: 100%; }
body .mainVi .philosophy > img { padding-bottom: 10px; }
body .mainVi .philosophy > img.sp { display: none; }
body .mainVi .philosophy p { font-weight: bold; font-size: 14px; line-height: 1.8em; }
body .gnavi { width: 100%; height: 60px; background-color: #eee; background-color: #F5F5F5; display: table; width: 100%; }
body .gnavi.fixed { position: fixed; top: 70px; left: 0; height: 60px; z-index: 100; }
body .gnavi a { display: table-cell; border: 1px solid #E1E1E1; border-right: none; width: 14.2857142%; text-align: center; color: #000; font-size: 14px; padding: 24px 0; }
body .gnavi a:first-child { border-left: none; }
body .gnavi a:hover { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
body header { width: 100%; background-color: #fff; box-sizing: border-box; position: fixed; height: 70px; top: 0; left: 0; z-index: 100; overflow: visible; }
body header .logo { float: left; }
body header .logo a img { padding: 12px 0 0 14px; }
body header .icons { padding: 20px 18px; }
body header .icons li { float: right; }
body header .icons li a img { padding: 0 15px; }
body header .sp_brand { display: none; }
body header nav { background-color: #F5F5F5; display: table; width: 100%; }
body header nav a { display: table-cell; border: 1px solid #E1E1E1; border-right: none; width: 14.2857142%; text-align: center; color: #000; font-size: 14px; padding: 24px 0; }
body header nav a:first-child { border-left: none; }
body header nav a:hover { background-color: rgba(0, 0, 0, 0.4); color: #fff; }
body header.navFix { position: fixed; z-index: 1000; }
body .top_caption { text-align: center; padding: 80px 0; }
body .top_caption h2 { font-size: 30px; padding-bottom: 40px; }
body .top_caption p { font-size: 14px; line-height: 1.8em; }
body .top_brand > .row { display: table; width: 100%; border-top: 1px solid #ededed; border-bottom: none; }
body .top_brand > .row > div { display: table-cell; width: 50%; padding: 70px; }
body .top_brand > .row > div.vi { background-position: center; background-size: cover; background-repeat: no-repeat; }
body .top_brand > .row > div.vi_sp { display: none; }
body .top_brand > .row > div.brand { text-align: center; }
body .top_brand > .row > div.brand p { font-size: 14px; line-height: 1.8em; padding: 30px 0 60px 0; }
body .top_yutaka { background-color: #C8BCA9; padding: 50px 0; }
body .top_yutaka .inner { width: 960px; margin: 0 auto; }
body .top_yutaka .inner h2 { font-family: 'Lato' !important; font-weight: bold; font-size: 24px; text-align: center; }
body .top_yutaka .inner .caption { font-size: 14px; font-weight: bold; text-align: center; padding: 10px 0 50px 0; }
body .top_yutaka .inner .posts { overflow: hidden; margin: 0 -34px 40px -34px; }
body .top_yutaka .inner .posts .item { max-width: 215px; margin: 0 21px; float: left; }
body .top_yutaka .inner .posts .item a { display: block; }
body .top_yutaka .inner .posts .item a img { display: block; width: 100%; height: auto; }
body .top_yutaka .inner .posts .item a .details .date { font-size: 12px; color: #000; padding: 10px 0; }
body .top_yutaka .inner .posts .item a .details .title { font-size: 14px; font-weight: bold; color: #000; }
body .top_yutaka .inner .moreLink { width: 440px; margin: 0 auto; }
body .top_blog { background-color: white; }
body .top_insta { padding: 50px 0; }
body .top_insta .inner { width: 960px; margin: 0 auto; }
body .top_insta .inner h2 { text-align: center; }
body .top_news { background-color: #F5F5F5; padding: 50px 0; }
body .top_news .inner { width: 640px; margin: 0 auto; }
body .top_news .inner h2 { font-family: 'Lato' !important; font-weight: bold; font-size: 24px; text-align: center; }
body .top_news .inner .posts { padding: 50px 0; }
body .top_news .inner .posts .item:last-child a { border-bottom: 1px solid #dfdfdf; }
body .top_news .inner .posts .item > a { display: table; border-top: 1px solid #dfdfdf; padding: 20px 0; width: 100%; }
body .top_news .inner .posts .item > a:hover { background-color: rgba(0, 0, 0, 0.1); }
body .top_news .inner .posts .item > a > div { display: table-cell; }
body .top_news .inner .posts .item > a > div.date { font-size: 14px; width: 100px; color: #000; }
body .top_news .inner .posts .item > a > div.cat { font-size: 14px; width: 60px; }
body .top_news .inner .posts .item > a > div.cat > span { display: inline-block; color: #FFF; width: 100%; text-align: center; font-size: 12px; padding: 2px 0; }
body .top_news .inner .posts .item > a > div.cat > span.plants { background-color: #22AC38; }
body .top_news .inner .posts .item > a > div.cat > span.pets { background-color: #A48F6F; }
body .top_news .inner .posts .item > a > div.cat > span.all { background-color: #959595; }
body .top_news .inner .posts .item > a > div.title { font-size: 14px; font-weight: bold; color: #000; padding-left: 2em; }
body .top_news .inner .moreLink { width: 440px; margin: 0 auto; }
body .top_anniversary { position: relative; }
body .top_anniversary .bx-wrapper { width: 100% !important; border: none; margin-bottom: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
body .top_anniversary .bx-wrapper .bx-viewport { width: 100% !important; }
body .top_anniversary .bx-wrapper .bx-viewport img { width: 100%; }
body .top_anniversary .top_anv_slider { width: 100%; }
body .top_anniversary .top_anv_slider li { width: 100%; min-width: 314px; height: 500px; }
body .top_anniversary .wrap { width: 100%; position: absolute; top: 160px; left: 0; }
body .top_anniversary .wrap .inner { width: 960px; margin: 0 auto; }
body .top_anniversary .wrap .inner h2 { text-align: center; }
body .top_anniversary .wrap .inner .moreLink { margin: 30px auto 0 auto; background-color: #fff; width: 440px; }
body .top_anniversary .wrap .inner .moreLink:hover { background-color: rgba(255, 255, 255, 0.5); }
body .top_shop_rec { padding: 50px 0; }
body .top_shop_rec .inner { width: 960px; margin: 0 auto; }
body .top_shop_rec .inner > .row { margin: 0 -10px; overflow: hidden; }
body .top_shop_rec .inner > .row > div { float: left; width: 470px; margin: 0 10px; position: relative; }
body .top_shop_rec .inner > .row > div img { vertical-align: bottom; }
body .top_shop_rec .inner > .row > div .details { position: absolute; top: 100px; width: 100%; }
body .top_shop_rec .inner > .row > div .details h2 { font-family: 'Lato' !important; font-weight: bold; font-size: 24px; text-align: center; }
body .top_shop_rec .inner > .row > div .details .caption { padding-top: 20px; font-size: 16px; font-weight: bold; text-align: center; }
body .top_shop_rec .inner > .row > div .moreLink { background-color: #959595; }
body .iconLink { background-color: #f5f5f5; padding: 50px 0; }
body .iconLink .inner { width: 960px; margin: 0 auto; }
body .iconLink .inner h2 { font-family: 'Lato' !important; font-weight: bold; font-size: 24px; text-align: center; }
body .iconLink .inner .icons { display: table; width: 100%; margin-top: 50px; border: 1px solid #d8d8d8; border-bottom: none; }
body .iconLink .inner .icons .row { display: table-row; }
body .iconLink .inner .icons .row a { display: table-cell; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; width: 20%; text-align: center; padding: 40px 0 30px 0; }
body .iconLink .inner .icons .row a:first-child { border-left: none; }
body .iconLink .inner .icons .row a:hover { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset; }
body .iconLink .inner .icons .row a img { height: 27px; width: 27px; display: inline-block; }
body .iconLink .inner .icons .row a p { padding-top: 8px; color: #7f7f7f; font-size: 11px; line-height: 1.2em; }
body .content { padding: 50px 0; }
body .content h2 { font-size: 36px; text-align: center; }
body .content h2 p { padding-top: 14px; font-size: 16px; }
body .content .blog_nav { margin: 6em 0 0 0; }
body .content .blog_nav .tag_title { text-align: center; }
body .content .blog_nav .tag_title h2 { display: inline-block; font-weight: bold; }
body .content .blog_nav ul { text-align: center; }
body .content .blog_nav ul li { display: inline-block; }
body .content .blog_nav ul li a { color: black; display: inline-block; padding: 0.6em 0; margin: 0 0.5em; border: 1px solid black; font-size: 0.9em; font-weight: bold; line-height: 1em; text-align: center; width: 8em; }
body .content .blog_nav ul li a:hover { opacity: 0.8; }
body .content .blog_nav ul li.current-cat a { background-color: black; color: white; }
body .content .news .inner { width: 640px; margin: 0 auto; }
body .content .news .inner .posts { margin: 50px 0 20px 0; }
body .content .news .inner .posts .item { overflow: hidden; border-top: 1px solid #bfbfbf; padding: 50px 0; }
body .content .news .inner .posts .item:last-child { border-bottom: 1px solid #bfbfbf; }
body .content .news .inner .posts .item .title { font-size: 20px; font-weight: bold; }
body .content .news .inner .posts .item .title time { display: block; font-size: 14px; font-weight: normal; padding-bottom: 20px; }
body .content .news .inner .posts .item .text { padding: 50px 0; line-height: 1.8em; font-size: 14px; }
body .content .news .inner .posts .item .text p { padding: 0.5em 0; }
body .content .news .inner .posts .item .text img { max-width: 100%; height: auto; margin-bottom: 2em; }
body .content .news .inner .posts .item .social > div { float: right; }
body .content .news .inner .posts .item .social > div > img { margin-left: 0.5em; }
body .content .yutaka_list .inner { width: 960px; margin: 0 auto; }
body .content .yutaka_list .inner .posts { margin: 50px -15px 20px -15px; overflow: hidden; }
body .content .yutaka_list .inner .posts a.item { float: left; margin: 0 15px; padding-bottom: 100px; }
body .content .yutaka_list .inner .posts a.item .title { font-size: 20px; font-weight: bold; }
body .content .yutaka_list .inner .posts a.item .title time { display: block; font-size: 14px; font-weight: normal; padding-bottom: 20px; }
body .content .yutaka_list .inner .posts a.item .details .date { font-size: 12px; color: #000; padding: 0.5em 0; }
body .content .yutaka_list .inner .posts a.item .details .title { font-size: 14px; color: #000; }
body .content .yutaka_list .inner .posts a.item .social > div { float: right; }
body .content .yutaka_list .inner .posts a.item .social > div > img { margin-left: 0.5em; }
body .content .products_list .inner { width: 960px; margin: 0 auto; }
body .content .products_list .inner .posts { margin: 50px -15px 20px -15px; overflow: hidden; }
body .content .products_list .inner .posts a.item { float: left; margin: 0 13px; padding-bottom: 100px; }
body .content .products_list .inner .posts a.item img { border: 1px solid #ccc; }
body .content .products_list .inner .posts a.item .title { font-size: 20px; font-weight: bold; }
body .content .products_list .inner .posts a.item .title time { display: block; font-size: 14px; font-weight: normal; padding-bottom: 20px; }
body .content .products_list .inner .posts a.item .details .date { font-size: 12px; color: #000; padding: 0.5em 0; }
body .content .products_list .inner .posts a.item .details .title { text-align: center; font-size: 14px; color: #000; }
body .content .products_list .inner .posts a.item .social > div { float: right; }
body .content .products_list .inner .posts a.item .social > div > img { margin-left: 0.5em; }
body .content .products_list .inner a.moreLink { max-width: 640px; margin: 1em auto 3em auto; }
body .content .yutaka .inner { width: 640px; margin: 0 auto; }
body .content .yutaka .inner .posts { margin: 50px 0 20px 0; }
body .content .yutaka .inner .posts .item { overflow: hidden; border-top: 1px solid #bfbfbf; padding: 50px 0; }
body .content .yutaka .inner .posts .item .title { font-size: 20px; font-weight: bold; }
body .content .yutaka .inner .posts .item .title time { display: block; font-size: 14px; font-weight: normal; padding-bottom: 20px; }
body .content .yutaka .inner .posts .item .text { padding: 50px 0; line-height: 1.8em; font-size: 14px; }
body .content .yutaka .inner .posts .item .text p { padding: 0.5em 0; }
body .content .yutaka .inner .posts .item .text img { max-width: 100%; height: auto; margin-bottom: 2em; }
body .content .yutaka .inner .posts .item .text img[src*="/typepad-emoji-for-tinymce/"] { margin-bottom: 0; }
body .content .yutaka .inner .posts .item .social > div { float: right; }
body .content .yutaka .inner .posts .item .social > div > img { margin-left: 0.5em; }
body .content .yutaka .inner .posts .item .tags a { padding: 0.3em 1em; margin: 0 1em 1em 0; display: inline-block; background-color: black; color: white; }
body .content .products .inner { width: 640px; margin: 0 auto; }
body .content .products .inner .posts { margin: 0; }
body .content .products .inner .posts .item { overflow: hidden; padding: 50px 0; }
body .content .products .inner .posts .item .title { font-size: 22px; font-weight: bold; text-align: center; }
body .content .products .inner .posts .item .text { padding: 25px 0; line-height: 1.8em; font-size: 16px; }
body .content .products .inner .posts .item .text .bx-wrapper { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 1px solid #ccc; }
body .content .products .inner .posts .item .text .bx-wrapper .bx-controls-direction a { z-index: 1; }
body .content .products .inner .posts .item .text .bx-wrapper ul.products_slider li img { margin: 0 auto; }
body .content .products .inner .posts .item .text h3 { font-size: 18px; font-weight: bold; padding-bottom: 1em; }
body .content .products .inner .posts .item .text p { padding: 0.5em 0; margin-bottom: 1em; }
body .content .products .inner .posts .item .text p.sub { padding: 1em 1.5em; background-color: #eee; line-height: 1.6em; }
body .content .products .inner .posts .item .text img { max-width: 100%; height: auto; margin: 0 auto 2em auto; }
body .content .products .inner .posts .item .text img[src*="/typepad-emoji-for-tinymce/"] { margin-bottom: 0; }
body .content .products .inner .posts .item .social > div { float: right; }
body .content .products .inner .posts .item .social > div > img { margin-left: 0.5em; }
body .content .products .inner .posts .item .tags a { padding: 0.3em 1em; margin: 0 1em 1em 0; display: inline-block; background-color: black; color: white; }
body .content .pets { margin-bottom: 100px; }
body .content .pets img.vi { width: 100%; height: auto; margin: 30px 0 130px 0; }
body .content .pets .inner { width: 640px; margin: 0 auto; }
body .content .pets .inner .brand { text-align: center; }
body .content .pets .inner .caption { font-size: 16px; line-height: 2.2em; padding: 60px 0 90px 0; }
body .content .petsContent { padding: 60px 0; }
body .content .petsContent .inner { overflow: hidden; width: 640px; margin: 30px auto 0 auto; padding-bottom: 1.5rem; }
body .content .petsContent .inner .brand { text-align: center; }
body .content .petsContent .inner .caption { font-size: 14px; line-height: 1.8em; padding: 1.5em 1.5em 0 1.5em; }
body .content .petsContent .inner h3 { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 1em; }
body .content .petsContent .inner h4 { color: #677D6B; text-align: center; font-weight: bold; padding: 3rem 1.5rem 1.5rem 1.5rem; font-size: 18px; }
body .content .petsContent .inner h5 { font-weight: bold; font-size: 14px; padding-bottom: 1em; }
body .content .petsContent .inner p { margin-bottom: 1em; }
body .content .petsContent .inner p.sub { font-size: 12px; background-color: #E9EEEA; padding: 1em; }
body .content .petsContent .inner strong { font-weight: bold; }
body .content .petsContent .inner .shopLink { padding: 0.5em 1.5em; }
body .content .petsContent .inner .shopLink span { font-weight: bold; }
body .content .petsContent .inner .shopLink a { background-color: white; border: 2px solid black; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em; display: inline-block; padding: 0.4em 0.6em; font-size: 13px; font-weight: bold; color: black; margin-left: 0.3em; line-height: 1em; }
body .content .petsContent .inner .shopLink a:hover { background-color: black; color: white; }
body .content .petsContent .inner a.circleLink { background-color: white; border: 2px solid black; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em; display: inline-block; padding: 0.4em 0.6em; font-size: 13px; font-weight: bold; color: black; line-height: 1em; }
body .content .petsContent .inner a.circleLink:hover { background-color: black; color: white; }
body .content .petsContent .inner .alignright { float: right; margin-left: 1em; margin-bottom: 1em; }
body .content .petsContent .inner .alignleft { float: left; margin-right: 1em; }
body .content .petsContent .inner .alignCenter { text-align: center; }
body .content .petsContent .inner .toggle { padding: 1.5rem; }
body .content .petsContent .inner .toggle .wrap { border-bottom: 1px solid #677D6B; }
body .content .petsContent .inner .toggle .wrap dt { position: relative; cursor: pointer; color: #677D6B; padding: 0.5em; font-weight: bold; font-size: 18px; border-top: 1px solid #677D6B; }
body .content .petsContent .inner .toggle .wrap dt:hover { background-color: #677D6B; color: white; }
body .content .petsContent .inner .toggle .wrap dt span { position: absolute; top: 0.5em; right: 0.5em; }
body .content .petsContent .inner .toggle .wrap dd { display: none; overflow: hidden; padding: 0.5em 0; font-size: 14px; line-height: 1.5em; }
body .content .petsContent .inner table.price { width: 100%; margin: 1em 0; }
body .content .petsContent .inner table.price th, body .content .petsContent .inner table.price td { padding: 0.5em 0; }
body .content .petsContent .inner table.price thead th { text-align: center; font-weight: bold; border-bottom: 1px solid #ddd; }
body .content .petsContent .inner table.price tbody th, body .content .petsContent .inner table.price tbody td { border-bottom: 1px solid #ddd; }
body .content .petsContent .inner table.price tbody td { text-align: right; }
body .content .petsContent.gray { background-color: #F4F8F5; }
body .content .petsContent.gray .inner { background-color: white; }
body .content .petsContent.white { background-color: white; }
body .content .petsContent.white .inner { background-color: #F4F8F5; }
body .content .plants { margin-bottom: 100px; }
body .content .plants img.vi { width: 100%; height: auto; margin: 30px 0 130px 0; }
body .content .plants .inner { width: 640px; margin: 0 auto; }
body .content .plants .inner .brand { text-align: center; }
body .content .plants .inner .caption { font-size: 16px; line-height: 2.2em; padding: 60px 0 90px 0; }
body .content .plantsContent { padding: 60px 0; }
body .content .plantsContent .inner { overflow: hidden; width: 640px; margin: 30px auto 0 auto; padding-bottom: 1.5rem; }
body .content .plantsContent .inner .brand { text-align: center; }
body .content .plantsContent .inner .caption { font-size: 14px; line-height: 1.8em; padding: 1.5em 0 0 0; }
body .content .plantsContent .inner h3 { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 1em; margin-top: 3em; }
body .content .plantsContent .inner h4 { color: #677D6B; text-align: center; font-weight: bold; padding: 3rem 1.5rem 1.5rem 1.5rem; font-size: 18px; }
body .content .plantsContent .inner h5 { font-weight: bold; font-size: 14px; padding-bottom: 1em; }
body .content .plantsContent .inner p { margin-bottom: 1em; }
body .content .plantsContent .inner p.sub { font-size: 12px; background-color: #E9EEEA; padding: 1em; }
body .content .plantsContent .inner strong { font-weight: bold; }
body .content .plantsContent .inner hr { border-bottom: 2px solid black; width: 20%; margin: 3em auto 0 auto; }
body .content .plantsContent .inner .shopLink { padding: 0.5em 1.5em; }
body .content .plantsContent .inner .shopLink span { font-weight: bold; }
body .content .plantsContent .inner .shopLink a { background-color: white; border: 2px solid black; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em; display: inline-block; padding: 0.4em 0.6em; font-size: 13px; font-weight: bold; color: black; margin-left: 0.3em; line-height: 1em; }
body .content .plantsContent .inner .shopLink a:hover { background-color: black; color: white; }
body .content .plantsContent .inner a.circleLink { background-color: white; border: 2px solid black; -webkit-border-radius: 100em; -moz-border-radius: 100em; -ms-border-radius: 100em; -o-border-radius: 100em; border-radius: 100em; display: inline-block; padding: 0.4em 0.6em; font-size: 13px; font-weight: bold; color: black; line-height: 1em; }
body .content .plantsContent .inner a.circleLink:hover { background-color: black; color: white; }
body .content .plantsContent .inner .alignright { float: right; margin-left: 1em; }
body .content .plantsContent .inner .alignleft { float: left; margin-right: 1em; }
body .content .plantsContent .inner .alignCenter { text-align: center; }
body .content .plantsContent .inner .toggle { padding: 1.5rem; }
body .content .plantsContent .inner .toggle dt { position: relative; cursor: pointer; color: #677D6B; padding: 0.5em; font-weight: bold; border-top: 1px solid #677D6B; font-size: 18px; }
body .content .plantsContent .inner .toggle dt:hover { background-color: #677D6B; color: white; }
body .content .plantsContent .inner .toggle dt span { position: absolute; top: 0.5em; right: 0.5em; }
body .content .plantsContent .inner .toggle dd { display: none; overflow: hidden; padding: 0.5em 0; font-size: 14px; line-height: 1.5em; }
body .content .plantsContent .inner table.price { width: 100%; margin: 1em 0; }
body .content .plantsContent .inner table.price th, body .content .plantsContent .inner table.price td { padding: 0.5em 0; }
body .content .plantsContent .inner table.price thead th { text-align: center; font-weight: bold; border-bottom: 1px solid #ddd; }
body .content .plantsContent .inner table.price tbody th, body .content .plantsContent .inner table.price tbody td { border-bottom: 1px solid #ddd; }
body .content .plantsContent .inner table.price tbody td { text-align: right; }
body .content .plantsContent.gray { background-color: #F4F8F5; }
body .content .plantsContent.white { background-color: white; }
body .content .marginTop { margin-top: 100px; }
body .content .shops .inner { width: 960px; margin: 0 auto; }
body .content .shops .inner .shops .shopNav { text-align: center; margin-top: 60px; }
body .content .shops .inner .shops .shopNav a { font-size: 16px; font-weight: bold; color: #000; padding: 0 20px; border-left: 1px solid #000; }
body .content .shops .inner .shops .shopNav a:last-child { border-right: 1px solid #000; }
body .content .shops .inner .shops .shopNav a.active { color: #bfbfbf; }
body .content .shops .inner .shops .brand { margin: 50px 0; text-align: center; }
body .content .shops .inner .shops .area_title { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
body .content .shops .inner .shops .shopList { border-top: 1px solid #000; }
body .content .shops .inner .shops .shopList .row { display: table; width: 100%; }
body .content .shops .inner .shops .shopList .row .item { display: table-row; }
body .content .shops .inner .shops .shopList .row .item:last-child > div { border-bottom: none; }
body .content .shops .inner .shops .shopList .row .item > div { display: table-cell; border-bottom: 1px solid #ececec; padding: 20px 0; }
body .content .shops .inner .shops .shopList .row .item > div.area { border-bottom: none; font-size: 14px; line-height: 1.8em; width: 210px; }
body .content .shops .inner .shops .shopList .row .item > div.area p { font-size: 16px; font-weight: bold; }
body .content .shops .inner .shops .shopList .row .item > div.shop { font-size: 14px; font-weight: bold; width: 320px; }
body .content .shops .inner .shops .shopList .row .item > div.shop a { color: #000; text-decoration: underline; }
body .content .shops .inner .shops .shopList .row .item > div.shop a:hover { opacity: 0.7; text-decoration: none; }
body .content .shops .inner .shops .shopList .row .item > div.details > p { font-size: 14px; padding-bottom: 5px; }
body .content .company img.vi { width: 100%; height: auto; margin: 30px 0 130px 0; }
body .content .company > .inner { width: 640px; margin: 0 auto; }
body .content .company > .inner .brand { text-align: center; }
body .content .company > .inner h3 { font-size: 30px; text-align: center; padding-bottom: 30px; }
body .content .company > .inner h4 { font-size: 20px; text-align: center; font-weight: bold; padding-bottom: 50px; }
body .content .company > .inner .text { font-size: 16px; line-height: 1.8em; }
body .content .company > .inner .text p { padding: 20px 0; }
body .content .company > .inner .text > img { margin: 30px 0; }
body .content .company > .about { background-color: #f4f8f5; padding-top: 100px; }
body .content .company > .about > .inner { width: 640px; margin: 0 auto; }
body .content .company > .about > .inner h3 { font-size: 20px; text-align: center; font-weight: bold; padding-bottom: 50px; }
body .content .company > .about > .inner table { width: 100%; margin-bottom: 40px; }
body .content .company > .about > .inner table tr:last-child th, body .content .company > .about > .inner table tr:last-child td { border-bottom: 1px solid #dedede; }
body .content .company > .about > .inner table tr th, body .content .company > .about > .inner table tr td { border-top: 1px solid #dedede; padding: 20px 0; font-size: 14px; line-height: 1.8em; }
body .content .company > .about > .inner table tr th { font-weight: bold; }
body .content .company > .about > .inner .moreLink { background-color: #fff; padding: 25px 0; }
body .content .company > .about > .inner .moreLink:hover { background-color: rgba(0, 0, 0, 0.2); }
body .content .company > .about iframe { width: 100%; min-height: 480px; margin-top: 100px; }
body .content .company > .org > .inner { width: 640px; margin: 0 auto; }
body .content .company > .org > .inner h3 { font-size: 20px; text-align: center; font-weight: bold; padding: 50px 0; }
body .content .company > .org > .inner h4 { font-size: 16px; font-weight: bold; }
body .content .company > .org > .inner .item { font-size: 14px; line-height: 1.8em; padding-bottom: 20px; }
body .content .recruite .inner { margin: 0 auto; width: 640px; }
body .content .recruite .inner h3 { font-size: 20px; text-align: center; font-weight: bold; padding: 50px 0; }
body .content .recruite .inner > p { font-size: 16px; line-height: 1.8em; padding: 20px 0; }
body .content .recruite .inner table { width: 100%; border-top: 1px solid #E7E7E7; }
body .content .recruite .inner table th { width: 12em; font-weight: bold; }
body .content .recruite .inner table th, body .content .recruite .inner table td { border-bottom: 1px solid #E7E7E7; font-size: 14px; line-height: 1.8em; padding: 1.2em 0; }
body .content .recruite .inner .vi { padding: 50px 0 100px 0; }
body .content .recruite .entryWrap { background-color: #F4F8F5; padding: 50px 0 100px 0; }
body .content .recruite .entryWrap .inner { overflow: hidden; }
body .content .recruite .entryWrap .inner .moreLink { padding: 20px 0; width: 46%; }
body .content .recruite .entryWrap .inner .moreLink:first-child { float: left; background-color: #fff; color: #000; }
body .content .recruite .entryWrap .inner .moreLink:last-child { float: right; background-color: #000; color: #fff; }
body .content .recruite .entryWrap .inner .moreLink:hover { opacity: 0.7; }
body .content .anniversary > .top_anniversary { padding: 60px 0; }
body .content .anniversary > .top_anniversary h2 { padding-top: 50px; }
body .content .anniversary img.vi { width: 100%; height: auto; margin: 30px 0 130px 0; }
body .content .anniversary > .inner { width: 640px; margin: 0 auto; }
body .content .anniversary > .inner .brand { text-align: center; }
body .content .anniversary > .inner h3 { font-size: 30px; text-align: center; padding-bottom: 30px; }
body .content .anniversary > .inner h4 { font-size: 20px; text-align: center; font-weight: bold; padding-bottom: 50px; }
body .content .anniversary > .inner .text { padding-bottom: 70px; font-size: 16px; line-height: 1.8em; text-align: center; }
body .content .anniversary > .inner .text p { padding: 20px 0; }
body .content .anniversary > .inner .text p strong { font-weight: bold; }
body .content .anniversary > .inner .text > img { margin: 30px 0; }
body .content .anniversary > .about { background-color: #eee; padding: 100px 0; }
body .content .anniversary > .about > .inner { width: 640px; margin: 0 auto; text-align: center; }
body .content .anniversary > .about > .inner h3 { font-size: 20px; text-align: center; font-weight: bold; padding-bottom: 60px; }
body .content .anniversary > .about > .inner h4 { font-size: 35px; font-weight: bold; }
body .content .anniversary > .about > .inner p { padding: 1rem 0; font-size: 1rem; line-height: 1.8em; }
body .content .anniversary > .about > .inner p strong { font-weight: bold; }
body .content .anniversary > .about > .inner .fb { padding-top: 40px; }
body .content .anniversary > .about > .inner .fb a:hover { opacity: 0.7; }
body .content .anniversary > .about > .inner .fb a p { color: #000; font-weight: bold; }
body .content .anniversary > .sale { background-color: #D0111B; padding: 150px 0; }
body .content .anniversary > .sale > .inner { width: 640px; margin: 0 auto; text-align: center; }
body .content .anniversary > .sale > .inner h3 { padding-bottom: 50px; }
body .content .anniversary > .sale > .inner h4 { font-size: 20px; font-weight: bold; color: #fff; padding-bottom: 20px; }
body .content .anniversary > .sale > .inner p { color: #fff; line-height: 1.8em; }
body .content .anniversary > .present { background-color: #000; padding: 150px 0; }
body .content .anniversary > .present > .inner { width: 640px; margin: 0 auto; text-align: center; }
body .content .anniversary > .present > .inner h4 { color: #fff; font-size: 20px; font-weight: bold; padding: 50px 0; }
body .content .anniversary > .present > .inner p { color: #fff; padding: 1em 0; line-height: 1.8em; }
body .content .form .inner { margin: 0 auto; width: 640px; }
body .content .form .inner h3 { font-size: 20px; text-align: center; font-weight: bold; padding: 50px 0; }
body .content .form .inner > p { font-size: 16px; line-height: 1.8em; padding: 20px 0; }
body .content .form .inner .formWrap { margin: 40px 0; width: 100%; }
body .content .form .inner .formWrap .wpcf7-list-item { width: 6em; }
body .content .form .inner .formWrap tr:last-child th, body .content .form .inner .formWrap tr:last-child td { border-bottom: 1px solid #dedede; }
body .content .form .inner .formWrap tr th, body .content .form .inner .formWrap tr td { border-top: 1px solid #dedede; padding: 10px 0; font-size: 14px; line-height: 1.8em; }
body .content .form .inner .formWrap tr th span, body .content .form .inner .formWrap tr td span { margin-right: 1em; }
body .content .form .inner .formWrap tr th span input, body .content .form .inner .formWrap tr td span input { width: 39%; }
body .content .form .inner .formWrap tr th input, body .content .form .inner .formWrap tr th textarea, body .content .form .inner .formWrap tr th select, body .content .form .inner .formWrap tr td input, body .content .form .inner .formWrap tr td textarea, body .content .form .inner .formWrap tr td select { background-color: #f9f9f9; padding: 5px 10px; border: 1px solid #eaeaea; }
body .content .form .inner .formWrap tr th textarea, body .content .form .inner .formWrap tr td textarea { width: 100%; min-height: 150px; }
body .content .form .inner .formWrap tr th { font-weight: bold; padding-right: 1em; vertical-align: top; min-width: 11em; }
body .content .form .inner input[type=submit] { text-align: center; width: 100%; border: 1px solid #000; padding: 20px 0; background-color: #fff; cursor: pointer; font-weight: bold; }
body .content .form .inner input[type=submit]:hover { background-color: rgba(0, 0, 0, 0.2); }
body .content .banner { padding: 100px 0; }
body .content .banner a { display: block; text-align: center; color: #000; font-size: 14px; font-weight: bold; }
body .content .banner a img { display: block; margin-bottom: 14px; }
body .pagenation { padding-bottom: 40px; }
body .pagenation .inner { max-width: 960px; margin: 0 auto; padding: 30px 0; }
body .pagenation .inner ul.pager { text-align: center; }
body .pagenation .inner ul.pager li { display: inline-block; text-align: center; font-size: 0; }
body .pagenation .inner ul.pager li a, body .pagenation .inner ul.pager li span { display: block; text-align: center; font-size: 18px; font-weight: bold; color: #000; }
body .pagenation .inner ul.pager li span { color: #ccc; }
body .pagenation .inner ul.pager li.prev { margin-right: 15px; border: none; }
body .pagenation .inner ul.pager li.next { margin-left: 15px; border: none; }
body .pagenation .inner ul.pager .num { padding: 0 10px; border-right: 1px solid #434343; }
body .pagenation .inner ul.pager .first { border-left: 1px solid #434343; }
body .pagenation .inner ul.pager.products { display: table; width: 100%; }
body .pagenation .inner ul.pager.products li { display: table-cell; vertical-align: middle; }
body .pagenation .inner ul.pager.products li a { display: inline; }
body .pagenation .inner ul.pager.products li a img { max-width: 160px; max-height: 160px; border: 1px solid #ccc; vertical-align: middle; width: 50%; height: auto; }
body .pagenation .inner ul.pager.products li.next { margin: 0; text-align: left; width: 30%; }
body .pagenation .inner ul.pager.products li.next a { font-weight: normal; }
body .pagenation .inner ul.pager.products li.next a img { margin-right: 1em; }
body .pagenation .inner ul.pager.products li.prev { margin: 0; text-align: right; width: 30%; }
body .pagenation .inner ul.pager.products li.prev a { font-weight: normal; }
body .pagenation .inner ul.pager.products li.prev a img { margin-left: 1em; }
body footer { width: 100%; background-color: #1B1B1B; }
body footer .inner { padding: 50px 0; width: 960px; margin: 0 auto; overflow: hidden; position: relative; }
body footer .inner .fb { float: left; }
body footer .inner nav a { display: block; color: #fff; border-bottom: 1px solid #2F2F2F; font-size: 12px; padding: 13px 0; }
body footer .inner nav a img { vertical-align: middle; margin-right: 0.7em; }
body footer .inner nav a:hover { background-color: rgba(255, 255, 255, 0.5); }
body footer .inner nav.main { float: left; width: 220px; margin-left: 50px; }
body footer .inner nav.sub { float: left; width: 220px; margin-left: 40px; margin-bottom: 30px; }
body footer .inner nav.sub a.icon { padding: 7px 0; }
body footer .inner .copyright { font-size: 11px; color: #fff; text-align: right; }

.pageTop { width: 70px; height: 70px; position: fixed; bottom: 0.5rem; right: 0.5rem; cursor: pointer; }
