@charset "utf-8";



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

body {
	font-size: 14px;
	letter-spacing: 0.075em;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}



/* --------------------------------------------------------------------------------
form
-------------------------------------------------------------------------------- */

div.form-item div.description {
	font-size: 12px;
}
span.fieldset-legend span.summary {
	font-size: 12px;
}



/* --------------------------------------------------------------------------------
tab
-------------------------------------------------------------------------------- */

div.tabs ul.primary,
div.tabs ul.secondary {
	max-width: none;
	font-size: 12px;
}



/* --------------------------------------------------------------------------------
messages
-------------------------------------------------------------------------------- */

div.messages {
	max-width: none;
	font-size: 12px;
}



/* --------------------------------------------------------------------------------
pager
-------------------------------------------------------------------------------- */

div.item-list ul.pager li {
	font-size: 12px;
}



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

br.large,
br.small {
	display: none;
}
br.medium {
	display: inline;
}
*.no-medium {
	display: none;
}
*.margin-bottom-wide {
	margin-bottom: 40px;
}
*.margin-bottom-extra-wide {
	margin-bottom: 80px;
}



/* --------------------------------------------------------------------------------
page
-------------------------------------------------------------------------------- */

div#page {
	padding-top: 80px;
}
div#page.company,
div#page.recruit {
	padding-top: 170px;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

header#header.hide h1#logo,
header#header.hide p#logo,
header#header.hide div#menu {
	transform: translateY(-80px);
}
header#header.scroll-up h1#logo,
header#header.scroll-up p#logo,
header#header.scroll-up div#menu {
	transform: translateY(0px);
}
header#header h1#logo,
header#header p#logo {
	left: 25px;
	padding-top: 27px;
}
header#header h1#logo img,
header#header p#logo img {
	height: 26px;
}
header#header div#menu {
	height: 80px;
}
header#header div#menu div.inner-menu {
	letter-spacing: -0.25em;
  padding-right: 25px;
}
header#header div#menu nav#navi,
header#header div#menu p.language {
	line-height: 80px;
	letter-spacing: 0.05em;
}
header#header div#menu nav#navi {
	margin-right: 0px;
}
header#header div#menu nav#navi ul li {
	font-size: 14px;
}
header#header div#menu nav#navi > ul > li {
	padding: 0px 10px;
}
header#header div#menu nav#navi ul li div.nest {
	line-height: 20px;
}
header#header div#menu nav#navi ul li:hover div.nest,
div.company header#header div#menu nav#navi ul li.company div.nest,
div.recruit header#header div#menu nav#navi ul li.recruit div.nest {
	height: 90px;
}
header#header div#menu nav#navi div.nest ul {
	padding: 20px 0px;
}
header#header div#menu nav#navi div.nest ul li {
	width: calc(540px / 3);
}
header#header div#menu nav#navi div.nest ul li span.sub {
	font-size: 12px;
}
header#header div#menu p.language {
	display: none;
}



/* --------------------------------------------------------------------------------
cover
-------------------------------------------------------------------------------- */

div#cover div.pager {
	right: 20px;
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content section div.inner-section {
	width: auto;
	padding: 80px;
}
div#content div#title-alternate {
	padding-top: 80px;
}
div#content div#title-alternate h1,
div#content div#title-alternate p.main {
	font-size: 18px;
}
div#content div#title-alternate p.sub {
	font-size: 12px;
}
div#content h2.headline {
	font-size: 16px;
}
div#content h2.headline span {
	font-size: 14px;
}
body.page-taxonomy div#content div.taxonomy-term div.content {
	width: auto;
  padding: 0px 80px;
}

/* home
-------------------------------------------------------------------------------- */

body.front div#content div#block-views-news-blog-home-block div.inner-block {
	width: auto;
  padding: 40px 80px;
}
body.front div#content div#block-views-news-blog-home-block div.view-news-blog-home div.view-header p.label {
	font-size: 14px;
}
body.front div#content div#block-views-news-blog-home-block div.view-news-blog-home div.view-content {
	padding-left: 80px;
}
body.front div#content div#block-views-news-blog-home-block div.view-news-blog-home div.view-content ul li p.type {
	font-size: 12px;
}
body.front div#content div#block-views-news-blog-home-block div.view-news-blog-home div.view-content ul li p.created {
	font-size: 12px;
}
body.front div#content div#block-views-news-blog-home-block div.view-news-blog-home div.view-content ul li h2 {
	font-size: 14px;
}

/* news, blog
-------------------------------------------------------------------------------- */

div#content article.node-news-blog {
  padding: 0px 80px;
}
div#content article.node-news-blog div.inner-article {
	width: auto;
}
div#content article.node-news-blog p.created {
	font-size: 12px;
}
div#content article.node-news-blog h1,
div#content article.node-news-blog h2 {
	font-size: 18px;
}
div.blog div#content div.category {
	padding-top: 40px;
}
div.blog div#content div.category p.label,
div.blog div#content div.category ul,
div.blog div#content div.category ul li {
	font-size: 12px;
}
div#content article.node-blog p.category {
	font-size: 12px;
}

/* company
-------------------------------------------------------------------------------- */

div.company.philosophy div#content div#title {
	height: 450px;
}
div.company.philosophy div#content div#title div.text {
	left: 80px;
	margin: -70px 0px 0px 0px;
}
div.company.philosophy div#content div#title div.text p.sub {
	font-size: 16px;
	margin-bottom: 20px;
}
div.company.philosophy div#content div#title div.text h1 {
	font-size: 24px;
	line-height: 45px;
}
div.company.philosophy div#content section#top-message p.name span {
	font-size: 12px;
}
div.company.philosophy div#content div.space {
	height: 400px;
}
div.company.philosophy div#content section#philosophy ul li h3 {
	font-size: 14px;
}
div.company.overview div#content section#overview div.table div.row {
	padding: 40px 0px 40px 120px;
}
div.company.overview div#content section#overview div.map {
	height: 320px;
}
div.company.history div#content section#history div.table div.row {
	padding-left: 120px;
}

/* brands
-------------------------------------------------------------------------------- */

div#content div.view-brands div.view-content {
	width: auto;
	padding: 80px 75px 70px 75px;
}
div#content div.view-brands div.views-row p.logo,
div#content div.view-brands div.views-row p.type {
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	left: 30px;
	top: 0px;
}
div#content div.view-brands div.views-row p.button-more {
	width: 40px;
	height: 40px;
	bottom: 35px;
	font-size: 12px;
	line-height: 38px;
	margin-left: -20px;
}
div#content div.view-brands div.views-row:hover p.button-more {
	width: 40px;
	margin-left: -20px;
}
div#content div.view-brands div.views-row p.button-more a {
	width: 120px;
	margin-left: -100px;
  background-position: right calc(27px / 2) center;
}
div#content div.view-brands div.views-row:hover p.button-more a span {
	opacity: 0;
}
div#content div.view-brands div.views-row p.button-more a:hover {
	color: #000000;
	background-color: transparent;
	background-image: url(../images/arrow-more.svg);
}
div#content div.view-brands div.views-row:hover p.button-more a {
	margin-left: -100px;
}
div#content div#header-brands div.inner-header-brands {
	width: auto;
}
div#content div#header-brands div.logo {
	width: 260px;
	height: 260px;
	margin-bottom: 40px;
}
div#content div#header-brands div.logo p.authorized-agent i {
	padding-left: 0.075em;
}
div#content div#header-brands p.image-main {
	margin-bottom: 40px;
}
div#content div#header-brands div.description {
	width: auto;
	margin-bottom: 40px;
	padding: 0px 80px;
}
div#content div#header-brands p.button-more {
	width: 140px;
	font-size: 12px;
}
div#content div#header-brands div.link {
	display: block;
	width: calc(100% - 150px);
	padding: 25px;
}
div#content div#header-brands div.link p.logo {
	margin: 0px auto 20px auto;
}
div#content div#header-brands div.link div.button-wrapper {
	width: auto;
}
div#content div#header-brands div.link div.button-wrapper p.button-more:not(:last-child) {
	margin-right: 20px;
}
div#content div.view-brands-products div.view-header {
	padding-top: 80px;
}
div#content div.view-brands-products div.view-content {
	width: auto;
	padding: 80px 75px 70px 75px;
}
div#content article.node-products h1.title,
div#content article.node-products h2.title {
	font-size: 14px;
}
div#content div#pager-brands {
	padding-bottom: 80px;
}

/* snaps
-------------------------------------------------------------------------------- */

div#content div.view-snaps div.view-content {
	width: auto;
	padding: 80px 75px 70px 75px;
}
div#content div#modal-snaps div.content div.summary h2 {
	font-size: 14px;
}
div#content div#modal-snaps div.pager {
	bottom: 60px;
}
div#content article.node-snaps div.inner-article {
	width: auto;
	margin: auto;
	padding: 80px;
}
div#content article.node-snaps div.summary h2 {
	font-size: 14px;
}

/* recruit
-------------------------------------------------------------------------------- */

div.recruit div#content section div.table div.row {
	padding: 40px 0px 40px 120px;
}
div.recruit div#content section div.table div.row ul li h3 {
	font-size: 14px;
}

/* contact-us
-------------------------------------------------------------------------------- */

div.contact-us div#content section#summary div.inner-section {
	padding: 80px;
}
div.contact-us div#content section#summary h2 {
	font-size: 16px;
}
div.contact-us div#content section#summary p.require {
	font-size: 12px;
}
form.webform-client-form {
	padding-bottom: 80px;
}
form.webform-client-form > div {
	width: auto;
  padding: 0px 80px;
}
form.webform-client-form div.webform-component-radios {
	padding-left: 200px;
}
form.webform-client-form div.webform-component-markup div.action p.button-submit {
	font-size: 16px;
	line-height: 60px;
}
form.webform-client-form div.webform-component-markup div.action input[type=reset] {
	font-size: 12px;
}

/* privacy-policy
-------------------------------------------------------------------------------- */

div.privacy-policy div#content section#privacy-policy div.inner-section {
	padding: 80px;
}
div.privacy-policy div#content section#privacy-policy {
	font-size: 12px;
}
div.privacy-policy div#content section#privacy-policy h2 {
	font-size: 12px;
}
div.privacy-policy div#content section#privacy-policy ol.parentheses {
	text-indent: -1.875em;
}

/* en
-------------------------------------------------------------------------------- */

div.en div#content section#overview h2.headline {
	font-size: 18px;
	margin: 0px 0px 40px 0px;
	padding-bottom: 40px;
}
div.en div#content section#overview div.table div.row,
div.en div#content section#overview-alternate div.table div.row {
	margin-bottom: 40px;
}
div.en div#content section#top-message {
	background-position: 55% bottom;
	background-size: auto 1400px;
}
div.en div#content section#top-message h2.headline,
div.en div#content section#history h2.headline {
	font-size: 14px;
}
div.en div#content section#top-message p.description {
	margin-right: -80px;
}
div.en div#content div.space {
	height: 400px;
}
div.en div#content section#history div.table div.row {
	padding-left: 140px;
}
div.en div#content section#contact-us div.inner-section {
	padding: 80px 0px;
}
div.en div#content section#contact-us h2.headline {
	font-size: 18px;
	margin-bottom: 40px;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

footer#footer div.auto-proz,
footer#footer div.yakima {
	padding-top: 40px;
}
footer#footer div.auto-proz div.inner-auto-proz,
footer#footer div.yakima div.inner-yakima {
	padding: 25px 55px;
}
footer#footer div.shop {
	padding: 40px 0px;
}
footer#footer div.shop p.balloon {
	font-size: 12px;
	margin-bottom: 40px;
}
footer#footer div.shop ul li {
	margin: 0px 20px;
}
footer#footer div.shop ul li.rakuten img {
	height: 20px;
}
footer#footer div.shop ul li.yahoo-shopping img {
	height: 21px;
}
footer#footer div.shop ul li.amazon img {
	height: 24px;
}
footer#footer div.shop ul li.yahoo-auctions img {
	height: 23px;
}
footer#footer div.misc-information {
	max-width: none;
	padding: 40px 80px 0px 80px;
}
footer#footer div.misc-information div.misc {
	position: relative;
	float: none;
  margin-bottom: 40px;
	padding-top: 20px;
}
footer#footer div.misc-information div.misc ul,
footer#footer div.misc-information div.misc p.language {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}
footer#footer div.misc-information div.misc ul {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 60px 0px 0px;
}
footer#footer div.misc-information div.misc ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
footer#footer div.misc-information div.misc ul li.blog-yanagawa {
	margin: 0px 40px 0px 0px;
	padding-top: 0px;
}
footer#footer div.misc-information div.misc div.sns p.facebook {
	margin-right: 30px;
}
footer#footer div.misc-information div.misc div.sns {
	display: inline-block;
	vertical-align: middle;
}
footer#footer div.misc-information div.misc div.sns p img {
	height: 24px;
}
footer#footer div.misc-information div.information {
	float: none;
}
footer#footer div.misc-information div.information h3 {
	font-size: 14px;
}
footer#footer div.misc-information div.information div.office div.row {
	width: 295px;
	font-size: 12px;
}
footer#footer div.misc-information div.information-en div.office div.row {
	width: 295px;
}
footer#footer div.misc-information div.information div.links p {
	font-size: 12px;
}
footer#footer div.misc-information div.information div.links p.language {
	display: inline-block;
	margin-right: 40px;
}
footer#footer div.misc-information div.information div.links p.language span.separate {
	padding: 0px 10px;
}
footer#footer p.copyright {
	text-align: right;
	font-size: 12px;
	padding: 0px 80px 40px 0px;
}



/* --------------------------------------------------------------------------------
user
-------------------------------------------------------------------------------- */

body.page-user div#content form {
	padding: 80px 0px;
}
body.page-user div#content form > div,
body.page-user div.profile {
	max-width: auto;
	padding: 80px;
}



/* --------------------------------------------------------------------------------
manage
-------------------------------------------------------------------------------- */

div.view-manage {
	max-width: auto;
	padding: 80px;
}