@charset "UTF-8";
/*
======================================
	Yamamoto
	2016.09.21
	last 2016.09.21
======================================	
*/
/*
======================================
	Yamamoto
	2016.09.21
	last 2020.05.20

	[1]Common
		1)Reset
		2)Table
		3)Text
		4)Display
		5)Color
		6)position
======================================
*/
/*
-------------------------
	[1]Common
-------------------------
*/
/* == 1)Reset == */
html { font-size: 62.5%; }

body, td, th, h1, h2, h3, h4, h5, h6, li, dt, dd, input, textarea, pre, div, p { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; /*font-size:($size / 10) * 1rem;*/ line-height: 1.6; font-weight: normal; color: #323232; }

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, pre, figure { margin: 0; padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

ol, ul { list-style: none; }

img { border: 0; vertical-align: middle; }
img.imgrecuide { width: 100%; }

a { color: #1a1a1a; text-decoration: none; }
a:hover { text-decoration: underline; }
a.LinkGreenUnder { color: #499e8c; text-decoration: underline; }
a.LinkGreenUnder:hover { text-decoration: none; }

/* == 2)Table == */
table, th, td { border-collapse: collapse; border-spacing: 0; box-sizing: border-box; margin: 0; padding: 0; }

caption { display: none; }

/* == 3)Text == */
.TextJpnGo { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.TextJpnMin { font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.TextEngMin { font-family: "Times New Roman", Times, serif; }

.text8 { font-size: 8px; /*font-size:0.1rem * $value;*/ }

.text9 { font-size: 9px; /*font-size:0.1rem * $value;*/ }

.text10 { font-size: 10px; /*font-size:0.1rem * $value;*/ }

.text11 { font-size: 11px; /*font-size:0.1rem * $value;*/ }

.text12 { font-size: 12px; /*font-size:0.1rem * $value;*/ }

.text13 { font-size: 13px; /*font-size:0.1rem * $value;*/ }

.text14 { font-size: 14px; /*font-size:0.1rem * $value;*/ }

.text15 { font-size: 15px; /*font-size:0.1rem * $value;*/ }

.text16 { font-size: 16px; /*font-size:0.1rem * $value;*/ }

.text17 { font-size: 17px; /*font-size:0.1rem * $value;*/ }

.text18 { font-size: 18px; /*font-size:0.1rem * $value;*/ }

.text19 { font-size: 19px; /*font-size:0.1rem * $value;*/ }

.text20 { font-size: 20px; /*font-size:0.1rem * $value;*/ }

.text21 { font-size: 21px; /*font-size:0.1rem * $value;*/ }

.text22 { font-size: 22px; /*font-size:0.1rem * $value;*/ }

.text23 { font-size: 23px; /*font-size:0.1rem * $value;*/ }

.text24 { font-size: 24px; /*font-size:0.1rem * $value;*/ }

.text25 { font-size: 25px; /*font-size:0.1rem * $value;*/ }

.text26 { font-size: 26px; /*font-size:0.1rem * $value;*/ }

.text27 { font-size: 27px; /*font-size:0.1rem * $value;*/ }

.text28 { font-size: 28px; /*font-size:0.1rem * $value;*/ }

.text29 { font-size: 29px; /*font-size:0.1rem * $value;*/ }

.text30 { font-size: 30px; /*font-size:0.1rem * $value;*/ }

.text31 { font-size: 31px; /*font-size:0.1rem * $value;*/ }

.text32 { font-size: 32px; /*font-size:0.1rem * $value;*/ }

.text33 { font-size: 33px; /*font-size:0.1rem * $value;*/ }

.text34 { font-size: 34px; /*font-size:0.1rem * $value;*/ }

.text35 { font-size: 35px; /*font-size:0.1rem * $value;*/ }

.text36 { font-size: 36px; /*font-size:0.1rem * $value;*/ }

.text37 { font-size: 37px; /*font-size:0.1rem * $value;*/ }

.text38 { font-size: 38px; /*font-size:0.1rem * $value;*/ }

.text39 { font-size: 39px; /*font-size:0.1rem * $value;*/ }

.text40 { font-size: 40px; /*font-size:0.1rem * $value;*/ }

.text41 { font-size: 41px; /*font-size:0.1rem * $value;*/ }

.text42 { font-size: 42px; /*font-size:0.1rem * $value;*/ }

.text43 { font-size: 43px; /*font-size:0.1rem * $value;*/ }

.text44 { font-size: 44px; /*font-size:0.1rem * $value;*/ }

.text45 { font-size: 45px; /*font-size:0.1rem * $value;*/ }

.text46 { font-size: 46px; /*font-size:0.1rem * $value;*/ }

.text47 { font-size: 47px; /*font-size:0.1rem * $value;*/ }

.text48 { font-size: 48px; /*font-size:0.1rem * $value;*/ }

.text49 { font-size: 49px; /*font-size:0.1rem * $value;*/ }

.text50 { font-size: 50px; /*font-size:0.1rem * $value;*/ }

.text51 { font-size: 51px; /*font-size:0.1rem * $value;*/ }

.text52 { font-size: 52px; /*font-size:0.1rem * $value;*/ }

.text53 { font-size: 53px; /*font-size:0.1rem * $value;*/ }

.text54 { font-size: 54px; /*font-size:0.1rem * $value;*/ }

.text55 { font-size: 55px; /*font-size:0.1rem * $value;*/ }

.text_left { text-align: left; }

.text_right { text-align: right; }

.text_center { text-align: center; }

.text_indent1 { text-indent: 1em; }

.text_indent9999 { text-indent: -9999px; }

.lineheight1 { line-height: 1; }

.lineheight14 { line-height: 1.4; }

.lineheight15 { line-height: 1.5; }

.lineheight16 { line-height: 1.6; }

.lineheight2 { line-height: 2; }

.lineheight2_2 { line-height: 2.2; }

.letterspacing_003 { letter-spacing: -0.03em; }

.letterspacing_01 { letter-spacing: -0.1em; }

.letterspacing01 { letter-spacing: 0.1em; }

.letterspacing05 { letter-spacing: 0.5em; }

.letterspacing2 { letter-spacing: 2px; }

.letterspacing5 { letter-spacing: 5px; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

.text_italic { font-style: italic; }

.text_underline { text-decoration: underline; }

.GreenLineText { border: 1px solid #499e8c; padding: 2px 3px 1px; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; }

.bx-wrapper .bx-caption span { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* == 4)Display == */
.block { display: block; }

.Pcblock { display: block; }

.inblock { display: inline-block; }

.PcNone { display: none; }

/* == 5)Color == */
.red { color: #ff0000; }

.white { color: #fff; }

.black { color: #323232; }

.timegray { color: #646464; }

.green { color: #138d6a; }

.linkgreen { color: #499e8c; }

.lightgreen { color: #bae2d4; }

.BgDotted { background: url(../img/bg/bg_dotted.png) repeat 0 0; }

.BgSlash { background: url(../img/bg/bg_slash.png) repeat 0 0; padding: 45px 0 50px; }

.BgSlashGreen { background: url(../img/bg/bg_slash_green.png) repeat 0 0; padding: 10px; }

.BgSlashGreenInnerWhite { background: #fff; padding: 20px 30px 30px; }

.BgWhite { background: #fff; }

.BgWhite90 { background: rgba(255, 255, 255, 0.9); }

.BgContentsGray { background: #f6f4f4; }

/* == 6)position == */
.Prelative { position: relative; }

.VTop { vertical-align: top; }

.VBottom { vertical-align: bottom; }

.VMiddle { vertical-align: middle; }

/*
-------------------------
	[2]max-width:768px
-------------------------
*/
@media screen and (max-width: 768px) { /* == 1)Display == */
  .Pcblock { display: none; }
  .PcNone { display: block; } }
/*
======================================
	Yamamoto_Common
	2016.09.21
	last 2021.02.05

	[1]Clear
	[2]clearfix
	[3]HTML/BODY/WRAP
	[4]HeadContainer
	[5]Navigation
		1)Top
		2)Other
		3)Other_FootLocalNav
	[7]ContentsParts
		1)Midashi
		2)Column
		3)Space
		4)Icon
		5)Bread
		6)Button
	[8]FootContainer
	[9]Screen-reader-text
	[10]MediaQueries
		1)HeadContainer
		2)Navigation
		3)Bread
======================================
*/
/*
-------------------------
	[1]Clear
-------------------------
*/
.clear { font-size: 0; line-height: 1em; margin: 0; padding: 0; clear: both; height: 0; width: 0; display: none; }

/*
-------------------------
	[2]clearfix
-------------------------
*/
/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { *zoom: 1; }

/*
-------------------------
	[3]HTML/BODY/WRAP
-------------------------
*/
html { text-align: center; }

body { text-align: center; word-break: break-all; }

.wrap { background: #fff; width: 100%; text-align: left; }

.Container962 { box-sizing: border-box; width: 962px; margin: 0 auto; }

.Container1028 { box-sizing: border-box; width: 1028px; margin-left: auto; margin-right: auto; }

.Container1218 { box-sizing: border-box; width: 100%; max-width: 1218px; margin: 0 auto; }

/*
-------------------------
	[4]HeadContainer
-------------------------
*/
header { border-top: 4px solid #1a1a1a; position: relative; z-index: 10000; }

.HeadLogoBg { background: #fff; padding: 10px 0 5px 15px; }

.HeadLogo { width: 377px; }
.HeadLogo img { width: 377px; }

.HeadNavTitle { display: none; }

.HeadContents { position: absolute; top: 10px; right: 10px; }

.HeadSearch { background: #e4e2e1; }
.HeadSearch input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #e4e2e1; border: none; width: 145px; height: 22px; line-height: 22px; }
.HeadSearch input[type="submit"] { background: url(../img/icon/icon_search.png) no-repeat 0 45%; background-size: 16px; border: none; box-sizing: border-box; width: 19px; margin: 0; padding: 0; text-indent: -9999px; cursor: pointer; }

.HeadSubNav li { margin: 5px 14px 0 0; font-size: 12px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; }

.HeadLang { margin: 0 15px; }
.HeadLang li { margin-bottom: 2px; font-size: 11px; /*font-size:($size / 10) * 1rem;*/ text-align: center; }
.HeadLang li a { width: 84px; height: 22px; line-height: 22px; display: block; color: #fff; }
.HeadLang li a:hover { opacity: 0.3; text-decoration: none; }
.HeadLang li:nth-child(1) a { background: #808080; }
.HeadLang li:nth-child(2) a { background: rgba(93, 168, 152, 0.4); }
.HeadLang li:nth-child(2) a:hover { opacity: 0.5; }

.HeadOnlineShop a { border: 3px solid #499e8c; box-sizing: border-box; width: 185px; height: 47px; margin-right: 15px; padding: 10px 0 0 46px; color: #499e8c; display: block; position: relative; }
.HeadOnlineShop a:before { background: url(../img/icon/icon_cart.png) no-repeat 0 0; background-size: contain; content: ""; width: 21px; height: 21px; display: block; position: absolute; top: 10px; left: 15px; }
.HeadOnlineShop a:hover { background: #499e8c; color: #fff; text-decoration: none; transition: .3s; }
.HeadOnlineShop a:hover:before { background: url(../img/icon/icon_cart_white.png) no-repeat 0 0; background-size: contain; }
.HeadOnlineShop.NoLink { opacity: .4; }
.HeadOnlineShop.NoLink a { pointer-events: none; }

.HeadSnsLink { width: 21px; }

.HeadFb, .HeadInsta { line-height: 1; }
.HeadFb a:hover, .HeadInsta a:hover { opacity: 0.7; transition: opacity 0.5s; }

.HeadFb { margin-bottom: 5px; }

/*
-------------------------
	[5]Navigation
-------------------------
*/
/*
++++++++++++++++++++++
	1)Top
++++++++++++++++++++++
*/
#Home .Gnav { background: #fff; }
#Home .Gnav > ul > li:not(:nth-child(2)) { background: url(../img/bg/bg_gnav.png) no-repeat 0 50%; }
#Home .Gnav > ul > li:hover { background: #499e8c; }
#Home .Gnav li:hover { color: #fff; }
#Home .Gnav li:hover > a { color: #fff; }
#Home .Gnav li:hover .GnavInner li { height: 58px; }
#Home .Gnav li a:hover { text-decoration: none; }

#Home .GnavInner { background: rgba(73, 158, 140, 0.9); box-sizing: border-box; width: 100%; position: absolute; top: 100%; left: 0; display: none; }
#Home .GnavInner li { height: 0; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; line-height: 0; }
#Home .GnavInner li a { padding: 22px 20px; color: #fff; }
#Home .GnavInner li a:hover { color: rgba(255, 255, 255, 0.7); }

#Home .Gnav li a.menu01 { background: #499e8c; color: #fff; }
#Home .Gnav li a.menu01:hover { background: #fff url(../img/bg/bg_gnav.png) no-repeat 100% 50%; color: #323232; }

.GnavTopFixed { width: 100%; position: fixed; top: 0; left: 0; }

/*
++++++++++++++++++++++
	2)Other
++++++++++++++++++++++
*/
.HeadNavBg { clear: both; padding-bottom: 160px; }

.Gnav { border-top: 1px solid #b3b3b3; }
.Gnav > ul { height: 58px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.Gnav li { box-sizing: border-box; flex: 1 1 100px; text-align: center; }
.Gnav li a { padding: 22px 0; line-height: 1; display: block; }

.GnavInner { display: none; }

.GnavSub { /*width:100%;*/ position: absolute; top: 182px; left: 130px; }
.GnavSub h2, .GnavSub ul { display: inline-block; }
.GnavSub h2 { margin-bottom: 10px; }
.GnavSub ul { padding-top: 3px; vertical-align: middle; }
.GnavSub li { margin-left: 40px; display: inline-block; }
.GnavSub li.LinkActive a { background: url(../img/arrow/arrow_c_gray_right.png) no-repeat 0 50%; padding-left: 16px; color: rgba(255, 255, 255, 0.5); }
.GnavSub li.LinkActive a:hover { opacity: 1; }
.GnavSub li a { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 50%; padding-left: 16px; color: #fff; }
.GnavSub li a:hover { opacity: 0.5; }
.GnavSub li.LinkActive a:hover, .GnavSub li a:hover { text-decoration: none; }

.GnavSubBgNone { background: #fff; }

.GnavSubBgNone li.LinkActive a, .GnavSubBgPhoto li.LinkActive a { background: url(../img/arrow/arrow_c_black.png) no-repeat 0 0; background-size: 13px; padding-left: 16px; color: #323232; opacity: 0.5; }
.GnavSubBgNone li.LinkActive a:hover, .GnavSubBgPhoto li.LinkActive a:hover { opacity: 0.5; }
.GnavSubBgNone li a, .GnavSubBgPhoto li a { color: #323232; }

.GnavSubFixed { background: #737378; width: 100%; height: 65px; padding: 35px 0 0 130px; position: fixed; top: 0; left: 0; overflow: hidden; }
.GnavSubFixed .MidashiSubMinEBlack { border-right: 1px solid #fff; }
.GnavSubFixed li.LinkActive a { background: url(../img/arrow/arrow_c_gray_right.png) no-repeat 0 0; color: rgba(255, 255, 255, 0.5); opacity: 1; }
.GnavSubFixed li a { color: #fff; }

#Recruit .GnavSubFixed .MidashiSubMinBlack span, #Contact .GnavSubFixed .MidashiSubMinBlack span { text-indent: -9999px; }

#Recruit .GnavSubFixed .MidashiSubMinEBlack { background: url(../img/recruit/midashi_recruitement_white.png) no-repeat 0 0; width: 245px; height: 24px; }
#Recruit .GnavSubFixed .MidashiSubMinBlack span:nth-child(2) { background: url(../img/recruit/midashi_recruitement_sub_white.png) no-repeat 0 0; width: 60px; height: 13px; }

#Contact .GnavSubFixed .MidashiSubMinEBlack { background: url(../img/contact/midashi_contact_white.png) no-repeat 0 0; width: 149px; height: 24px; }
#Contact .GnavSubFixed .MidashiSubMinBlack span:nth-child(2) { background: url(../img/contact/midashi_contact_sub_white.png) no-repeat 0 0; width: 86px; height: 13px; }

#About .Gnav li a.menu01, #About .Gnav li a.menu02, #About .Gnav li a.menu03, #About .Gnav li a.menu04, #About .Gnav li a.menu05, #About .Gnav li a.menu06, #About .Gnav li a.menu07, #Activity .Gnav li a.menu01, #Activity .Gnav li a.menu02, #Activity .Gnav li a.menu03, #Activity .Gnav li a.menu04, #Activity .Gnav li a.menu05, #Activity .Gnav li a.menu06, #Activity .Gnav li a.menu07, #Brand .Gnav li a.menu01, #Brand .Gnav li a.menu02, #Brand .Gnav li a.menu03, #Brand .Gnav li a.menu04, #Brand .Gnav li a.menu05, #Brand .Gnav li a.menu06, #Brand .Gnav li a.menu07, #Merchandise .Gnav li a.menu01, #Merchandise .Gnav li a.menu02, #Merchandise .Gnav li a.menu03, #Merchandise .Gnav li a.menu04, #Merchandise .Gnav li a.menu05, #Merchandise .Gnav li a.menu06, #Merchandise .Gnav li a.menu07, #Recruit .Gnav li a.menu01, #Recruit .Gnav li a.menu02, #Recruit .Gnav li a.menu03, #Recruit .Gnav li a.menu04, #Recruit .Gnav li a.menu05, #Recruit .Gnav li a.menu06, #Recruit .Gnav li a.menu07, #Contact .Gnav li a.menu01, #Contact .Gnav li a.menu02, #Contact .Gnav li a.menu03, #Contact .Gnav li a.menu04, #Contact .Gnav li a.menu05, #Contact .Gnav li a.menu06, #Contact .Gnav li a.menu07, #News .Gnav li a.menu01, #News .Gnav li a.menu02, #News .Gnav li a.menu03, #News .Gnav li a.menu04, #News .Gnav li a.menu05, #News .Gnav li a.menu06, #News .Gnav li a.menu07, #Privacy .Gnav li a.menu01, #Privacy .Gnav li a.menu02, #Privacy .Gnav li a.menu03, #Privacy .Gnav li a.menu04, #Privacy .Gnav li a.menu05, #Privacy .Gnav li a.menu06, #Privacy .Gnav li a.menu07 { background: #fff url(../img/bg/bg_gnav.png) no-repeat 0 50%; }
#About .Gnav li a.menu01:hover, #About .Gnav li a.menu02:hover, #About .Gnav li a.menu03:hover, #About .Gnav li a.menu04:hover, #About .Gnav li a.menu05:hover, #About .Gnav li a.menu06:hover, #About .Gnav li a.menu07:hover, #Activity .Gnav li a.menu01:hover, #Activity .Gnav li a.menu02:hover, #Activity .Gnav li a.menu03:hover, #Activity .Gnav li a.menu04:hover, #Activity .Gnav li a.menu05:hover, #Activity .Gnav li a.menu06:hover, #Activity .Gnav li a.menu07:hover, #Brand .Gnav li a.menu01:hover, #Brand .Gnav li a.menu02:hover, #Brand .Gnav li a.menu03:hover, #Brand .Gnav li a.menu04:hover, #Brand .Gnav li a.menu05:hover, #Brand .Gnav li a.menu06:hover, #Brand .Gnav li a.menu07:hover, #Merchandise .Gnav li a.menu01:hover, #Merchandise .Gnav li a.menu02:hover, #Merchandise .Gnav li a.menu03:hover, #Merchandise .Gnav li a.menu04:hover, #Merchandise .Gnav li a.menu05:hover, #Merchandise .Gnav li a.menu06:hover, #Merchandise .Gnav li a.menu07:hover, #Recruit .Gnav li a.menu01:hover, #Recruit .Gnav li a.menu02:hover, #Recruit .Gnav li a.menu03:hover, #Recruit .Gnav li a.menu04:hover, #Recruit .Gnav li a.menu05:hover, #Recruit .Gnav li a.menu06:hover, #Recruit .Gnav li a.menu07:hover, #Contact .Gnav li a.menu01:hover, #Contact .Gnav li a.menu02:hover, #Contact .Gnav li a.menu03:hover, #Contact .Gnav li a.menu04:hover, #Contact .Gnav li a.menu05:hover, #Contact .Gnav li a.menu06:hover, #Contact .Gnav li a.menu07:hover, #News .Gnav li a.menu01:hover, #News .Gnav li a.menu02:hover, #News .Gnav li a.menu03:hover, #News .Gnav li a.menu04:hover, #News .Gnav li a.menu05:hover, #News .Gnav li a.menu06:hover, #News .Gnav li a.menu07:hover, #Privacy .Gnav li a.menu01:hover, #Privacy .Gnav li a.menu02:hover, #Privacy .Gnav li a.menu03:hover, #Privacy .Gnav li a.menu04:hover, #Privacy .Gnav li a.menu05:hover, #Privacy .Gnav li a.menu06:hover, #Privacy .Gnav li a.menu07:hover { background: #499e8c; color: #fff; text-decoration: none; }
#About .Gnav li a.menu01.GnavBgNone, #About .Gnav li a.menu02.GnavBgNone, #About .Gnav li a.menu03.GnavBgNone, #About .Gnav li a.menu04.GnavBgNone, #About .Gnav li a.menu05.GnavBgNone, #About .Gnav li a.menu06.GnavBgNone, #About .Gnav li a.menu07.GnavBgNone, #Activity .Gnav li a.menu01.GnavBgNone, #Activity .Gnav li a.menu02.GnavBgNone, #Activity .Gnav li a.menu03.GnavBgNone, #Activity .Gnav li a.menu04.GnavBgNone, #Activity .Gnav li a.menu05.GnavBgNone, #Activity .Gnav li a.menu06.GnavBgNone, #Activity .Gnav li a.menu07.GnavBgNone, #Brand .Gnav li a.menu01.GnavBgNone, #Brand .Gnav li a.menu02.GnavBgNone, #Brand .Gnav li a.menu03.GnavBgNone, #Brand .Gnav li a.menu04.GnavBgNone, #Brand .Gnav li a.menu05.GnavBgNone, #Brand .Gnav li a.menu06.GnavBgNone, #Brand .Gnav li a.menu07.GnavBgNone, #Merchandise .Gnav li a.menu01.GnavBgNone, #Merchandise .Gnav li a.menu02.GnavBgNone, #Merchandise .Gnav li a.menu03.GnavBgNone, #Merchandise .Gnav li a.menu04.GnavBgNone, #Merchandise .Gnav li a.menu05.GnavBgNone, #Merchandise .Gnav li a.menu06.GnavBgNone, #Merchandise .Gnav li a.menu07.GnavBgNone, #Recruit .Gnav li a.menu01.GnavBgNone, #Recruit .Gnav li a.menu02.GnavBgNone, #Recruit .Gnav li a.menu03.GnavBgNone, #Recruit .Gnav li a.menu04.GnavBgNone, #Recruit .Gnav li a.menu05.GnavBgNone, #Recruit .Gnav li a.menu06.GnavBgNone, #Recruit .Gnav li a.menu07.GnavBgNone, #Contact .Gnav li a.menu01.GnavBgNone, #Contact .Gnav li a.menu02.GnavBgNone, #Contact .Gnav li a.menu03.GnavBgNone, #Contact .Gnav li a.menu04.GnavBgNone, #Contact .Gnav li a.menu05.GnavBgNone, #Contact .Gnav li a.menu06.GnavBgNone, #Contact .Gnav li a.menu07.GnavBgNone, #News .Gnav li a.menu01.GnavBgNone, #News .Gnav li a.menu02.GnavBgNone, #News .Gnav li a.menu03.GnavBgNone, #News .Gnav li a.menu04.GnavBgNone, #News .Gnav li a.menu05.GnavBgNone, #News .Gnav li a.menu06.GnavBgNone, #News .Gnav li a.menu07.GnavBgNone, #Privacy .Gnav li a.menu01.GnavBgNone, #Privacy .Gnav li a.menu02.GnavBgNone, #Privacy .Gnav li a.menu03.GnavBgNone, #Privacy .Gnav li a.menu04.GnavBgNone, #Privacy .Gnav li a.menu05.GnavBgNone, #Privacy .Gnav li a.menu06.GnavBgNone, #Privacy .Gnav li a.menu07.GnavBgNone { background: none; }
#About .Gnav li a.menu01, #Activity .Gnav li a.menu01, #Brand .Gnav li a.menu01, #Merchandise .Gnav li a.menu01, #Recruit .Gnav li a.menu01, #Contact .Gnav li a.menu01, #News .Gnav li a.menu01, #Privacy .Gnav li a.menu01 { background: #fff; }

#Home .Gnav, #Contact .Gnav, #News .Gnav, #Privacy .Gnav { border-bottom: 1px solid #b3b3b3; }

#Home .HeadNavBg, #News .HeadNavBg, #Privacy .HeadNavBg { padding-bottom: 0; }

#About .Gnav li a.menu02, #Activity .Gnav li a.menu03, #Brand .Gnav li a.menu04, #Merchandise .Gnav li a.menu05, #Recruit .Gnav li a.menu06 { background: none; color: #fff; }
#About .Gnav li a.menu02:hover, #Activity .Gnav li a.menu03:hover, #Brand .Gnav li a.menu04:hover, #Merchandise .Gnav li a.menu05:hover, #Recruit .Gnav li a.menu06:hover { background: none; }
#About .Gnav li a.menu02 span, #Activity .Gnav li a.menu03 span, #Brand .Gnav li a.menu04 span, #Merchandise .Gnav li a.menu05 span, #Recruit .Gnav li a.menu06 span { border-bottom: 2px solid #fff; width: 78%; padding: 0 0 7px; display: inline-block; }

#About .HeadNavBg { background: url(../img/bg/bg_gnav_about_sub.jpg) no-repeat 50% 0; background-size: cover; }

#Activity .HeadNavBg { background: url(../img/bg/bg_gnav_activity_sub.jpg) no-repeat 50% 0; background-size: cover; }

#Merchandise .HeadNavBg { background: url(../img/bg/bg_gnav_merchandise_sub.jpg) no-repeat 50% 0; background-size: cover; }

#Contact .Gnav li a.menu07 { background: #4d4d4d; color: #fff; }
#Contact .Gnav li a.menu07:hover { background: #4d4d4d; }

#Home .Gnav ul li.GnavBgNone { background: none; }

#About .Gnav li.GnavBgNone a.menu01, #About .Gnav li.GnavBgNone a.menu02, #About .Gnav li.GnavBgNone a.menu03, #About .Gnav li.GnavBgNone a.menu04, #About .Gnav li.GnavBgNone a.menu05, #About .Gnav li.GnavBgNone a.menu06, #About .Gnav li.GnavBgNone a.menu07, #Activity .Gnav li.GnavBgNone a.menu01, #Activity .Gnav li.GnavBgNone a.menu02, #Activity .Gnav li.GnavBgNone a.menu03, #Activity .Gnav li.GnavBgNone a.menu04, #Activity .Gnav li.GnavBgNone a.menu05, #Activity .Gnav li.GnavBgNone a.menu06, #Activity .Gnav li.GnavBgNone a.menu07, #Brand .Gnav li.GnavBgNone a.menu01, #Brand .Gnav li.GnavBgNone a.menu02, #Brand .Gnav li.GnavBgNone a.menu03, #Brand .Gnav li.GnavBgNone a.menu04, #Brand .Gnav li.GnavBgNone a.menu05, #Brand .Gnav li.GnavBgNone a.menu06, #Brand .Gnav li.GnavBgNone a.menu07, #Merchandise .Gnav li.GnavBgNone a.menu01, #Merchandise .Gnav li.GnavBgNone a.menu02, #Merchandise .Gnav li.GnavBgNone a.menu03, #Merchandise .Gnav li.GnavBgNone a.menu04, #Merchandise .Gnav li.GnavBgNone a.menu05, #Merchandise .Gnav li.GnavBgNone a.menu06, #Merchandise .Gnav li.GnavBgNone a.menu07, #Recruit .Gnav li.GnavBgNone a.menu01, #Recruit .Gnav li.GnavBgNone a.menu02, #Recruit .Gnav li.GnavBgNone a.menu03, #Recruit .Gnav li.GnavBgNone a.menu04, #Recruit .Gnav li.GnavBgNone a.menu05, #Recruit .Gnav li.GnavBgNone a.menu06, #Recruit .Gnav li.GnavBgNone a.menu07, #Contact .Gnav li.GnavBgNone a.menu01, #Contact .Gnav li.GnavBgNone a.menu02, #Contact .Gnav li.GnavBgNone a.menu03, #Contact .Gnav li.GnavBgNone a.menu04, #Contact .Gnav li.GnavBgNone a.menu05, #Contact .Gnav li.GnavBgNone a.menu06, #Contact .Gnav li.GnavBgNone a.menu07, #News .Gnav li.GnavBgNone a.menu01, #News .Gnav li.GnavBgNone a.menu02, #News .Gnav li.GnavBgNone a.menu03, #News .Gnav li.GnavBgNone a.menu04, #News .Gnav li.GnavBgNone a.menu05, #News .Gnav li.GnavBgNone a.menu06, #News .Gnav li.GnavBgNone a.menu07, #Privacy .Gnav li.GnavBgNone a.menu01, #Privacy .Gnav li.GnavBgNone a.menu02, #Privacy .Gnav li.GnavBgNone a.menu03, #Privacy .Gnav li.GnavBgNone a.menu04, #Privacy .Gnav li.GnavBgNone a.menu05, #Privacy .Gnav li.GnavBgNone a.menu06, #Privacy .Gnav li.GnavBgNone a.menu07 { background-image: none; }

#About .Gnav li a.menu03, #Activity .Gnav li a.menu04, #Brand .Gnav li a.menu05, #Merchandise .Gnav li a.menu06, #Recruit .Gnav li a.menu07 { background-image: none; }

/*
++++++++++++++++++++++
	3)Other_FootLocalNav
++++++++++++++++++++++
*/
.FootLocalNav { border-top: 2px dotted #666; border-bottom: 2px dotted #666; margin-top: 50px; padding: 22px 25px; }
.FootLocalNav li { margin-right: 30px; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; }
.FootLocalNav li.LinkActive a { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 2px; background-size: 14px; padding-left: 16px; color: #499e8c; text-decoration: none; display: block; }
.FootLocalNav li a { background: url(../img/arrow/arrow_c_black.png) no-repeat 0 2px; padding-left: 16px; text-decoration: underline; display: block; }
.FootLocalNav li a:hover { text-decoration: none; }

.FootLocalNavBg { background: #fff; padding-top: 15px; }

/*
-------------------------
	[7]ContentsParts
-------------------------
*/
/*
++++++++++++++++++++++
	1)Midashi
++++++++++++++++++++++
*/
.MidashiGreenLine { border-bottom: 4px solid #499e8c; padding-bottom: 7px; display: inline-block; }

.MidashiGreenLineS { border-bottom: 2px solid #499e8c; padding-bottom: 15px; display: inline-block; }

.MidashiCenterGreen, .MidashiCenterBlack, .MidashiCenterBlackS { border-bottom: 1px solid #999; text-align: center; }

.MidashiCenterGreen { font-weight: bold; color: #499e8c; }

.MidashiCenterBlack, .MidashiCenterBlackS { font-size: 19px; /*font-size:($size / 10) * 1rem;*/ color: #323232; }

.MidashiCenterBlackS { font-size: 16px; /*font-size:($size / 10) * 1rem;*/ }

.MidashiCenterWhite { border-bottom: 1px solid #ccc; text-align: center; font-size: 15px; /*font-size:($size / 10) * 1rem;*/ font-weight: bold; color: #fff; }

.MidashiSubMin span, .MidashiSubMinBlack span { line-height: 1; display: inline-block; vertical-align: middle; }

.MidashiSubMinE, .MidashiSubMinEBlack { margin-right: 20px; padding: 2px 20px 2px 0; }

.MidashiSubMinE { border-right: 1px solid #fff; }

.MidashiSubMin { color: #fff; }

.MidashiSubMinEBlack { border-right: 1px solid #323232; }

.MidashiFrameBlack { border: 1px solid #999; padding: 12px 25px 10px; font-weight: bold; color: #499e8c; }

.MidashiFrameGreen { background: #baddd3; padding: 3px 0; font-weight: bold; text-align: center; }

.MidashiLineGray { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 25px 0 20px; }

.MidashiLeftGreenLine { border-left: 5px solid #499e8c; padding-left: 10px; font-size: 18px; /*font-size:($size / 10) * 1rem;*/ }

.MidashiBottomGreenline { border-bottom: 1px solid #499e8c; padding: 20px 30px 10px 30px; font-weight: bold; color: #499e8c; text-align: center; }

/*
++++++++++++++++++++++
	2)Column
++++++++++++++++++++++
*/
.Column2Left { float: left; }

.Column2Right { float: right; }

.FlexboxColumn { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.FlexboxColumnWrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.FlexboxColumnWrapJustify { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.FlexboxColumnWrapEnd { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.ColumnW50p { width: 50%; }

.ColumnW100p { width: 100%; }

.ColumnW84 { width: 84px; }

.ColumnW91 { width: 91px; }

.ColumnW106 { width: 106px; }

.ColumnW121 { width: 121px; }

.ColumnW126 { width: 126px; }

.ColumnW130 { width: 130px; }

.ColumnW140 { width: 140px; }

.ColumnW159 { width: 159px; }

.ColumnW170 { width: 170px; }

.ColumnW172 { width: 172px; }

.ColumnW195 { width: 195px; }

.ColumnW200 { width: 200px; }

.ColumnW207 { width: 207px; }

.ColumnW230 { width: 230px; }

.ColumnW234 { width: 234px; }

.ColumnW247 { width: 247px; }

.ColumnW250 { width: 250px; }

.ColumnW266 { width: 266px; }

.ColumuW280 { width: 280px; }

.ColumuW285 { width: 285px; }

.ColumnW300 { width: 300px; }

.ColumnW340 { width: 340px; }

.ColumuW365 { width: 365px; }

.ColumuW372 { width: 372px; }

.ColumuW400 { width: 400px; }

.ColumuW412 { width: 412px; }

.ColumuW421 { width: 421px; }

.ColumuW426 { width: 426px; }

.ColumuW435 { width: 435px; }

.ColumuW440 { width: 440px; }

.ColumuW448 { width: 448px; }

.ColumuW455 { width: 455px; }

.ColumuW460 { width: 460px; }

.ColumuW480 { width: 480px; }

.ColumuW490 { width: 490px; }

.ColumuW507 { width: 507px; }

.ColumuW525 { width: 525px; }

.ColumuW535 { width: 535px; }

.ColumuW560 { width: 560px; }

.ColumuW595 { width: 595px; }

.ColumnW622 { width: 622px; }

.ColumnW646 { width: 646px; }

.ColumnW694 { width: 694px; }

.ColumnW710 { width: 710px; }

.ColumnW780 { width: 780px; }

/*
++++++++++++++++++++++
	3)Space
++++++++++++++++++++++
*/
.Space5 { margin-top: 5px; }

.Space10 { margin-top: 10px; }

.Space15 { margin-top: 15px; }

.Space20 { margin-top: 20px; }

.Space25 { margin-top: 25px; }

.Space30 { margin-top: 30px; }

.Space35 { margin-top: 35px; }

.Space40 { margin-top: 40px; }

.Space45 { margin-top: 45px; }

.Space50 { margin-top: 50px; }

.Space55 { margin-top: 55px; }

.Space60 { margin-top: 60px; }

.Space65 { margin-top: 65px; }

.Space70 { margin-top: 70px; }

.Space75 { margin-top: 75px; }

.Space80 { margin-top: 80px; }

.Space85 { margin-top: 85px; }

.Space90 { margin-top: 90px; }

.Space95 { margin-top: 95px; }

.Space100 { margin-top: 100px; }

.Space105 { margin-top: 105px; }

.Space110 { margin-top: 110px; }

.Space115 { margin-top: 115px; }

.Space120 { margin-top: 120px; }

.Space125 { margin-top: 125px; }

.Space130 { margin-top: 130px; }

.Space135 { margin-top: 135px; }

.Space140 { margin-top: 140px; }

.Space145 { margin-top: 145px; }

.Space150 { margin-top: 150px; }

.Space200 { margin-top: 200px; }

.Space_40 { margin-top: -40px; }

.MBSpace5 { margin-bottom: 5px; }

.MBSpace10 { margin-bottom: 10px; }

.MBSpace80 { margin-bottom: 80px; }

.MLRauto { margin-left: auto; margin-right: auto; }

.MLSpace5 { margin-left: 5px; }

.MLSpace10 { margin-left: 10px; }

.MLSpace15 { margin-left: 15px; }

.MLSpace20 { margin-left: 20px; }

.MLSpace25 { margin-left: 25px; }

.MLSpace30 { margin-left: 30px; }

.MLSpace35 { margin-left: 35px; }

.MLSpace40 { margin-left: 40px; }

.MLSpace45 { margin-left: 45px; }

.MLSpace50 { margin-left: 50px; }

.MLSpace55 { margin-left: 55px; }

.MLSpace60 { margin-left: 60px; }

.MLSpace65 { margin-left: 65px; }

.MLSpace70 { margin-left: 70px; }

.MLSpace75 { margin-left: 75px; }

.MLSpace80 { margin-left: 80px; }

.MLSpace85 { margin-left: 85px; }

.MLSpace90 { margin-left: 90px; }

.MLSpace95 { margin-left: 95px; }

.MLSpace100 { margin-left: 100px; }

.MLSpace105 { margin-left: 105px; }

.MLSpace110 { margin-left: 110px; }

.MLSpace115 { margin-left: 115px; }

.MLSpace120 { margin-left: 120px; }

.MLSpace125 { margin-left: 125px; }

.MLSpace130 { margin-left: 130px; }

.MLSpace135 { margin-left: 135px; }

.MLSpace140 { margin-left: 140px; }

.MLSpace145 { margin-left: 145px; }

.MLSpace150 { margin-left: 150px; }

.MLSpace1 { margin-left: 1px; }

.MLSpace210 { margin-left: 210px; }

.MLSpace340 { margin-left: 340px; }

.MLSpace_15 { margin-left: -15px; }

.MLSpace_35 { margin-left: -35px; }

.MRSpace5 { margin-right: 5px; }

.MRSpace10 { margin-right: 10px; }

.MRSpace15 { margin-right: 15px; }

.MRSpace20 { margin-right: 20px; }

.MRSpace25 { margin-right: 25px; }

.MRSpace30 { margin-right: 30px; }

.MRSpace35 { margin-right: 35px; }

.MRSpace40 { margin-right: 40px; }

.MRSpace45 { margin-right: 45px; }

.MRSpace50 { margin-right: 50px; }

.PAll5 { padding: 5px; }

.PAll10 { padding: 10px; }

.PAll15 { padding: 15px; }

.PAll20 { padding: 20px; }

.PAll25 { padding: 25px; }

.PTB5 { padding-top: 5px; padding-bottom: 5px; }

.PTB10 { padding-top: 10px; padding-bottom: 10px; }

.PTB15 { padding-top: 15px; padding-bottom: 15px; }

.PTB20 { padding-top: 20px; padding-bottom: 20px; }

.PTB25 { padding-top: 25px; padding-bottom: 25px; }

.PLR5 { padding-left: 5px; padding-right: 5px; }

.PLR10 { padding-left: 10px; padding-right: 10px; }

.PLR15 { padding-left: 15px; padding-right: 15px; }

.PLR20 { padding-left: 20px; padding-right: 20px; }

.PLR25 { padding-left: 25px; padding-right: 25px; }

.SpaceBlogText p { margin-bottom: 30px; }

/*
++++++++++++++++++++++
	4)Icon
++++++++++++++++++++++
*/
.IconTBlack li { background: url(../img/arrow/arrow_t_black_right.png) no-repeat 0 50%; padding: 0 0 0 10px; }

.IconBgCGreen { background: url(../img/arrow/arrow_c_green_right.png) no-repeat 96% 0; }

.IconBgCGreenList li { background: url(../img/arrow/arrow_c_green_right.png) no-repeat 0 5px; background-size: 12px; padding-left: 14px; }

.IconBgCGreenLeft { background: url(../img/arrow/arrow_c_green_left.png) no-repeat 0 2px; }

.IconCWhite li { background: url(../img/arrow/arrow_c_white_right.png) no-repeat 0 50%; padding-left: 16px; }

.IconCGreenLeft { background: url(../img/arrow/arrow_c_wgreen_left.png) no-repeat 0 2px; }

.IconCGreenRight { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 3px; }

.IconCBlackRight { background: url(../img/arrow/arrow_c_black.png) no-repeat 0 3px; }

.IconOther a { color: #499e8c; text-decoration: underline; }
.IconOther a:before { background: url(../img/icon/icon_other.png) no-repeat 0 0; content: ""; width: 15px; height: 13px; margin-right: 5px; display: inline-block; }
.IconOther a:hover { text-decoration: none; }

.IconListBlack:before { content: "●"; }

.IconTopLine:before { content: "ー"; font-size: 17px; /*font-size:($size / 10) * 1rem;*/ font-weight: normal; display: block; }

.IconSquareGreen li { background: url(../img/icon/icon_square_green.png) no-repeat 0 4px; padding-left: 16px; }

.IconCircleGray li { background: url(../img/icon/icon_circle_gray.png) no-repeat 0 6px; padding-left: 13px; }

.IconCircleGreen li { background: url(../img/icon/icon_circle_green.png) no-repeat 0 6px; padding-left: 13px; }

.IconTGreenRightS { background: url(../img/arrow/arrow_t_green_right02.png) no-repeat 0 6px; background-size: 7px; padding: 0 0 0 10px; }

.IconTGreenRightL { background: url(../img/arrow/arrow_t_green_right02.png) no-repeat 0 50%; padding: 0 0 0 17px; }

.IconPdf:after, .IconPdfBefore:before { background: url(../img/icon/icon_pdf.png) no-repeat 0 0; content: ""; width: 17px; height: 14px; display: inline-block; }

.IconPdf:after { margin-left: 10px; }

.IconPdfBefore:before { margin-right: 7px; }

/*
++++++++++++++++++++++
	5)Bread
++++++++++++++++++++++
*/
.Bread li { font-size: 11px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; }
.Bread li:after { content: ">"; margin: 0 0 0 5px; }
.Bread li:last-child:after { content: ""; }
.Bread li a:hover { text-decoration: none; }

header .Bread { margin: 15px 128px 0 0; text-align: right; }

footer .Bread { margin: 0 0 20px 0; padding-top: 20px; }

/*
++++++++++++++++++++++
	6)Button
++++++++++++++++++++++
*/
.WhiteClearBt, .WhiteClearBt_PDF, .BlackClearBt, .BlackClearBt_PDF, .GreenClearBt, .GreenClearBt_Shop, .GreenBt, .WhiteBt { box-sizing: border-box; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ font-weight: bold; text-align: center; }
.WhiteClearBt a, .WhiteClearBt_PDF a, .BlackClearBt a, .BlackClearBt_PDF a, .GreenClearBt a, .GreenClearBt_Shop a, .GreenBt a, .WhiteBt a { display: block; }
.WhiteClearBt a:hover, .WhiteClearBt_PDF a:hover, .BlackClearBt a:hover, .BlackClearBt_PDF a:hover, .GreenClearBt a:hover, .GreenClearBt_Shop a:hover, .GreenBt a:hover, .WhiteBt a:hover { text-decoration: none; }

.WhiteClearBt a, .WhiteClearBt_PDF a, .BlackClearBt a, .BlackClearBt_PDF a, .GreenClearBt a, .GreenBt a { display: block; }
.WhiteClearBt a:after, .WhiteClearBt_PDF a:after, .BlackClearBt a:after, .BlackClearBt_PDF a:after, .GreenClearBt a:after, .GreenBt a:after { content: ""; margin-left: 10px; display: inline-block; vertical-align: sub; }

.WhiteClearBt, .WhiteClearBt_PDF { border: 2px solid #fff; width: 190px; }
.WhiteClearBt a, .WhiteClearBt_PDF a { color: #fff; }

.WhiteClearBt a { padding: 12px 2px 10px; }
.WhiteClearBt a:after { background: url(../img/arrow/arrow_white_right.png) no-repeat 0 0; width: 17px; height: 15px; }
.WhiteClearBt a:hover { background: #fff; color: #323232; }
.WhiteClearBt a:hover:after { background: url(../img/arrow/arrow_black_right.png) no-repeat 0 0; }

.WhiteClearBt_PDF a { padding: 12px 5px 10px 15px; }
.WhiteClearBt_PDF a:after { background: url(../img/icon/icon_pdf_white.png) no-repeat 0 0; background-size: contain; width: 17px; height: 20px; }
.WhiteClearBt_PDF a:hover { background: #fff; color: #323232; }
.WhiteClearBt_PDF a:hover:after { background: url(../img/icon/icon_pdf_black.png) no-repeat 0 0; background-size: contain; }

.WhiteBt { width: 190px; }
.WhiteBt a { background: #fff; padding: 13px 4px 12px; }
.WhiteBt a:hover { background: #323232; color: #fff; }
.WhiteBt.BtShop a:before { background: url(../img/icon/icon_cart_black.png) no-repeat 0 0; background-size: contain; content: ""; width: 21px; height: 21px; margin-right: 10px; display: inline-block; vertical-align: -4px; }
.WhiteBt.BtShop a:hover:before { background: url(../img/icon/icon_cart_white.png) no-repeat 0 0; background-size: contain; }
.WhiteBt.NoLink a { background: rgba(86, 86, 86, 0.7); pointer-events: none; }

.BlackClearBt, .BlackClearBt_PDF { border: 2px solid #1a1a1a; width: 190px; }
.BlackClearBt a, .BlackClearBt_PDF a { color: #1a1a1a; }

.BlackClearBt a { padding: 12px 2px 10px; }
.BlackClearBt a:after { background: url(../img/arrow/arrow_black_right.png) no-repeat 0 0; width: 17px; height: 15px; }
.BlackClearBt a:hover { background: #1a1a1a; color: #fff; }
.BlackClearBt a:hover:after { background: url(../img/arrow/arrow_white_right.png) no-repeat 0 0; }

.BlackClearBt_PDF a { padding: 11px 5px 8px 15px; }
.BlackClearBt_PDF a:after { background: url(../img/icon/icon_pdf_black.png) no-repeat 0 0; background-size: contain; width: 17px; height: 20px; }
.BlackClearBt_PDF a:hover { background: #1a1a1a; color: #fff; }
.BlackClearBt_PDF a:hover:after { background: url(../img/icon/icon_pdf_white.png) no-repeat 0 0; background-size: contain; }

.GreenClearBt, .GreenBt { border: 1px solid #499e8c; width: 165px; }
.GreenClearBt a, .GreenBt a { padding: 10px 0 8px; }
.GreenClearBt a:after, .GreenBt a:after { width: 13px; height: 13px; }

.GreenClearBt a { color: #499e8c; }
.GreenClearBt a:after { background: url(../img/arrow/arrow_green_right.png) no-repeat 0 0; background-size: 13px; }
.GreenClearBt a:hover { background: #499e8c; color: #fff; }
.GreenClearBt a:hover:after { background: url(../img/arrow/arrow_white_right.png) no-repeat 0 0; background-size: 13px; }

.GreenBt a { background: #499e8c; color: #fff; }
.GreenBt a:after { background: url(../img/arrow/arrow_white_right.png) no-repeat 0 0; background-size: 13px; }
.GreenBt a:hover { background: none; color: #499e8c; }
.GreenBt a:hover:after { background: url(../img/arrow/arrow_green_right.png) no-repeat 0 0; background-size: 13px; }

.GreenClearBt_Shop { border: 2px solid #138d6a; width: 190px; }
.GreenClearBt_Shop a { padding: 10px 5px 8px 3px; color: #138d6a; display: block; }
.GreenClearBt_Shop a:before { background: url(../img/icon/icon_cart_darkgreen.png) no-repeat 0 0; background-size: contain; content: ""; width: 21px; height: 21px; margin-right: 10px; display: inline-block; vertical-align: sub; }
.GreenClearBt_Shop a:hover { background: #138d6a; color: #fff; }
.GreenClearBt_Shop a:hover:before { background: url(../img/icon/icon_cart_white.png) no-repeat 0 0; background-size: contain; }
.GreenClearBt_Shop.NoLink { opacity: .4; }
.GreenClearBt_Shop.NoLink a { pointer-events: none; }

.GreenDownBt, .GreenDownBtL { width: 219px; height: 52px; text-align: center; }
.GreenDownBt a, .GreenDownBtL a { background: #499e8c; box-sizing: border-box; width: 219px; padding: 15px 0 15px 10px; color: #fff; display: block; }
.GreenDownBt a:after, .GreenDownBtL a:after { content: "▼"; margin-left: 20px; font-size: 10px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; }
.GreenDownBt a:hover, .GreenDownBtL a:hover { text-decoration: none; opacity: 0.8; }

.GreenDownBtL { width: 267px; }
.GreenDownBtL a { width: 267px; }

.GreenRightBt { width: 234px; height: 55px; text-align: center; }
.GreenRightBt a { background: #499e8c; box-sizing: border-box; width: 234px; padding: 17px 0 15px 14px; color: #fff; display: block; }
.GreenRightBt a:after { background: url(../img/arrow/arrow_t_wg_right.png) no-repeat 0 100%; background-size: 14px; content: ""; width: 14px; height: 14px; margin-left: 15px; display: inline-block; }
.GreenRightBt a:hover { text-decoration: none; opacity: 0.8; }

.WhiteLongBt, .GreenLongBt { width: 100%; text-align: center; }
.WhiteLongBt a, .GreenLongBt a { box-sizing: border-box; width: 100%; padding: 16px 0 12px; font-size: 16px; /*font-size:($size / 10) * 1rem;*/ font-weight: bold; text-decoration: none; display: block; }
.WhiteLongBt a:hover, .GreenLongBt a:hover { opacity: 0.7; transition: opacity 0.5s; }

.WhiteLongBt a { background: #fff url(../img/arrow/arrow_gt_green.png) no-repeat 98% 50%; border: 2px solid #499e8c; }

.GreenLongBt a { background: #499e8c url(../img/arrow/arrow_gt_white.png) no-repeat 98% 50%; color: #fff; }

.GradGrayBt { background: url(../img/bt/bt_grad_bg.png) no-repeat 50% 0; width: 224px; height: 65px; }
.GradGrayBt:hover { opacity: 0.8; transition: opacity 0.5s; }
.GradGrayBt a { width: 224px; padding: 20px 0; display: block; }
.GradGrayBt a:hover { text-decoration: none; }
.GradGrayBt a:before { background: url(../img/arrow/arrow_t_green_right.png) no-repeat 0 0; content: ""; width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: text-bottom; }

.LinkMore:after { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 100% 100%; content: ""; width: 13px; height: 22px; margin: 0 0 0 5px; display: inline-block; vertical-align: text-bottom; }
.LinkMore a { border-bottom: 1px solid #499e8c; width: 44px; height: 11px; padding-bottom: 1px; }
.LinkMore a:hover { border-bottom: none; }

.LinkMoreOther:after { background: url(../img/icon/icon_other.png) no-repeat 100% 100%; width: 15px; height: 13px; }

/*
-------------------------
	[8]FootContainer
-------------------------
*/
.FootContainer { background: #fff; padding-bottom: 65px; }
.FootContainer address { border-top: 1px solid rgba(153, 153, 153, 0.7); border-bottom: 1px solid rgba(153, 153, 153, 0.7); box-sizing: border-box; margin-top: 20px; padding: 10px 3px; }
.FootContainer address div, .FootContainer address li { font-size: 12px; /*font-size:($size / 10) * 1rem;*/ }
.FootContainer .Container962 { position: relative; }

.FooterBg { background: url(../img/bg/bg_othetfooter.png) repeat-x 0 0; padding-top: 60px; }

.FootSubNav { border-bottom: 1px solid rgba(153, 153, 153, 0.7); margin-bottom: 20px; padding-bottom: 20px; }
.FootSubNav li { margin-right: 15px; font-size: 12px; /*font-size:($size / 10) * 1rem;*/ display: inline; }

.FootNav ul li { font-size: 12px; /*font-size:($size / 10) * 1rem;*/ }
.FootNav ul li ul li { margin-top: 9px; font-size: 11px; /*font-size:($size / 10) * 1rem;*/ }

.FootIconNav li { background: url(../img/arrow/arrow_c_white.png) no-repeat 0 50%; padding-top: 1px; padding-left: 16px; }

.FootNavLeft { margin-right: 20px; }

.FootNavRight { border-left: 1px solid rgba(153, 153, 153, 0.7); padding: 0 0 0 20px; }

.FootCompany { position: relative; align-items: center; }
.FootCompany::before { background: rgba(153, 153, 153, 0.7); content: ""; width: 1px; height: 100%; display: block; position: absolute; top: 0; left: 237px; }
.FootCompany dt, .FootCompany dd { box-sizing: border-box; }
.FootCompany dt { width: 236px; padding: 25px 17px 25px 0; }
.FootCompany .FootText { width: 244px; padding-left: 20px; }

.Copyright { margin-top: 10px; font-size: 11px; /*font-size:($size / 10) * 1rem;*/ }

.TopFooterBg .FootContainer { background: #212125; padding: 50px 0 65px; }
.TopFooterBg .FootContainer p, .TopFooterBg .FootContainer a, .TopFooterBg .FootContainer dt, .TopFooterBg .FootContainer dd, .TopFooterBg .FootContainer div, .TopFooterBg .FootContainer li { color: #fff; }
.TopFooterBg .FootContainer .FootSubNav { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.TopFooterBg .FootContainer .FootCompany::before { background: rgba(255, 255, 255, 0.5); }
.TopFooterBg .FootContainer address { border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.TopFooterBg .FootContainer .FootNavRight { border-left: 1px solid rgba(255, 255, 255, 0.5); }

.FootOtherLink { align-items: center; }
.FootOtherLink .FootLogoCumberland img { width: 110px; }
.FootOtherLink .FootLogoHubbard img { width: 150px; }
.FootOtherLink .FootLogoPlasson img { width: 164px; }

.FootBnr01 a:hover, .FootBnr02 a:hover { opacity: 0.7; transition: opacity 0.5s; }
.FootBnr01 img, .FootBnr02 img { width: 100%; }

.FootBnr01 { border: 1px solid #7a7a7a; width: 303px; position: absolute; top: 215px; left: 130px; }

.FootBnr02 { border: 1px solid #929292; width: 962px; margin: 40px auto 0; }

.PageTop { width: 100px; height: 65px; text-align: center; position: fixed; top: 0; right: 0; z-index: 12000; }
.PageTop a { background: #499e8c; width: 100px; padding: 36px 0; display: block; }

#Home .FootIconNav li { background: url(../img/arrow/arrow_c_white_right.png) no-repeat 0 50%; padding-top: 1px; padding-left: 16px; }
#Home .TopFootLogo { background: url(../img/common/logo_footer_white.png) no-repeat 0 0; width: 217px; height: 54px; text-indent: -9999px; display: block; }
#Home .TopFootLogoPlasson { background: url(../img/logo/logo_plasson_l_top.png) no-repeat 0 0; width: 164px; height: 20px; text-indent: -9999px; display: block; }
#Home .FootBnr02 { border: none; }

/*
-------------------------
	[9]Screen-reader-text
-------------------------
*/
.screen-reader-text { width: 1px; height: 1px; font-size: 0; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; }

/*
-------------------------
	[10]MediaQueries
-------------------------
*/
@media screen and (max-width: 940px) { .HeadContents { width: 510px; margin: -55px 0 7px 405px; position: static; top: inherit; right: inherit; } }
@media screen and (max-width: 768px) { /* ------------------------- 	[1]HeadContainer ------------------------- */
  #Home header { border-bottom: 1px solid #ccc; }
  .HeadLogo { float: none; }
  .HeadContainer { width: 100%; position: fixed; top: 0; left: 0; z-index: 30; }
  .HeadNavTitle { margin: 0 0 5px 0; display: block; position: absolute; top: 20px; right: 10px; z-index: 40; }
  .HeadNavTitle img { width: 40px; }
  .HeadNavTitle:hover { cursor: pointer; }
  .HeadNavContents { background: #499e8c; padding: 70px 0 10px; display: none; position: relative; }
  .HeadContents { box-sizing: border-box; width: 100%; margin: 0; padding: 0 10px; position: static; }
  .HeadContents.FlexboxColumn { display: block; }
  .HeadContents .ColumnW172, .HeadContents .ColumnW84 { width: 100%; }
  .HeadSearch { position: relative; }
  .HeadSearch input[type="text"] { width: 90%; height: 24px; line-height: 24px; }
  .HeadSearch input[type="submit"] { background: url(../img/icon/icon_search.png) no-repeat 0 50%; position: absolute; top: 0; right: 5px; }
  .HeadSubNav.IconTBlack li { background: url(../img/arrow/arrow_t_white_right.png) no-repeat 0 50%; }
  .HeadSubNav li { margin: 10px 14px 8px 0; }
  .HeadSubNav li a { color: #fff; }
  .HeadLang { margin: 0; }
  .HeadLang li { margin: 0 14px 10px 0; display: inline-block; }
  .HeadLang li a:hover { opacity: 0.7; }
  .HeadLang li:nth-child(2) a { background: #fff; color: #499e8c; }
  .HeadOnlineShop { margin: -50px 0 12px calc(100% - 240px); }
  .HeadOnlineShop a { border-color: #fff; height: 38px; margin-right: 0; padding-top: 5px; color: #fff; }
  .HeadOnlineShop a:before { background: url(../img/icon/icon_cart_white.png) no-repeat 0 0; background-size: contain; top: 6px; }
  .HeadSnsLink { width: auto; margin: -34px 0 10px 200px; }
  .HeadFb, .HeadInsta { display: inline-block; margin-right: 15px; }
  /* ------------------------- 	[2]Navigation ------------------------- */
  .Gnav { background: #499e8c; border-top: 1px solid #fff; border-bottom: none; }
  .Gnav > ul { height: 58px; display: block; position: static; }
  .Gnav > ul > li { background: none; }
  .Gnav li { border-bottom: 1px solid #fff; flex: none; text-align: left; }
  .Gnav li:last-child { border-bottom: none; }
  .Gnav li a { background: #499e8c url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 50%; color: #fff; padding: 22px 10px 22px 20px; }
  .Gnav li a:hover { background: #499e8c url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 50%; color: #323232; }
  .GnavSub { width: 100%; padding: 60px 0 70px 30px; top: 65px; left: 0; }
  #About .GnavSub { background: url(../img/bg/bg_gnav_about_sub.jpg) no-repeat 50% 0; background-size: cover; }
  #Activity .GnavSub { background: url(../img/bg/bg_gnav_activity_sub.jpg) no-repeat 50% 0; background-size: cover; }
  #Merchandise .GnavSub { background: url(../img/bg/bg_gnav_merchandise_sub.jpg) no-repeat 50% 0; background-size: cover; }
  #About .GnavSubFixed, #Activity .GnavSubFixed, #Brand .GnavSubFixed, #Merchandise .GnavSubFixed, #Recruit .GnavSubFixed, #Contact .GnavSubFixed { background: #737378; width: 100%; height: 80px; padding: 20px 0 0 30px; position: fixed; top: 0; left: 0; }
  #About .GnavSubFixed ul, #Activity .GnavSubFixed ul, #Brand .GnavSubFixed ul, #Merchandise .GnavSubFixed ul, #Recruit .GnavSubFixed ul, #Contact .GnavSubFixed ul { width: 80%; }
  #Home .HeadNavBg, #About .HeadNavBg, #Activity .HeadNavBg, #Brand .HeadNavBg, #Merchandise .HeadNavBg, #Recruit .HeadNavBg, #Contact .HeadNavBg, #News .HeadNavBg, #Privacy .HeadNavBg { background: none; }
  #Home .HeadNavBg .GnavSub, #About .HeadNavBg .GnavSub, #Activity .HeadNavBg .GnavSub, #Brand .HeadNavBg .GnavSub, #Merchandise .HeadNavBg .GnavSub, #Recruit .HeadNavBg .GnavSub, #Contact .HeadNavBg .GnavSub, #News .HeadNavBg .GnavSub, #Privacy .HeadNavBg .GnavSub { display: none; }
  #Home .Gnav li a.menu01, #Home .Gnav li a.menu02, #Home .Gnav li a.menu03, #Home .Gnav li a.menu04, #Home .Gnav li a.menu05, #Home .Gnav li a.menu06, #Home .Gnav li a.menu07, #About .Gnav li a.menu01, #About .Gnav li a.menu02, #About .Gnav li a.menu03, #About .Gnav li a.menu04, #About .Gnav li a.menu05, #About .Gnav li a.menu06, #About .Gnav li a.menu07, #Activity .Gnav li a.menu01, #Activity .Gnav li a.menu02, #Activity .Gnav li a.menu03, #Activity .Gnav li a.menu04, #Activity .Gnav li a.menu05, #Activity .Gnav li a.menu06, #Activity .Gnav li a.menu07, #Brand .Gnav li a.menu01, #Brand .Gnav li a.menu02, #Brand .Gnav li a.menu03, #Brand .Gnav li a.menu04, #Brand .Gnav li a.menu05, #Brand .Gnav li a.menu06, #Brand .Gnav li a.menu07, #Merchandise .Gnav li a.menu01, #Merchandise .Gnav li a.menu02, #Merchandise .Gnav li a.menu03, #Merchandise .Gnav li a.menu04, #Merchandise .Gnav li a.menu05, #Merchandise .Gnav li a.menu06, #Merchandise .Gnav li a.menu07, #Recruit .Gnav li a.menu01, #Recruit .Gnav li a.menu02, #Recruit .Gnav li a.menu03, #Recruit .Gnav li a.menu04, #Recruit .Gnav li a.menu05, #Recruit .Gnav li a.menu06, #Recruit .Gnav li a.menu07, #Contact .Gnav li a.menu01, #Contact .Gnav li a.menu02, #Contact .Gnav li a.menu03, #Contact .Gnav li a.menu04, #Contact .Gnav li a.menu05, #Contact .Gnav li a.menu06, #Contact .Gnav li a.menu07, #News .Gnav li a.menu01, #News .Gnav li a.menu02, #News .Gnav li a.menu03, #News .Gnav li a.menu04, #News .Gnav li a.menu05, #News .Gnav li a.menu06, #News .Gnav li a.menu07, #Privacy .Gnav li a.menu01, #Privacy .Gnav li a.menu02, #Privacy .Gnav li a.menu03, #Privacy .Gnav li a.menu04, #Privacy .Gnav li a.menu05, #Privacy .Gnav li a.menu06, #Privacy .Gnav li a.menu07 { background: #499e8c url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 50%; }
  #Home .Gnav li a.menu01:hover, #Home .Gnav li a.menu02:hover, #Home .Gnav li a.menu03:hover, #Home .Gnav li a.menu04:hover, #Home .Gnav li a.menu05:hover, #Home .Gnav li a.menu06:hover, #Home .Gnav li a.menu07:hover, #About .Gnav li a.menu01:hover, #About .Gnav li a.menu02:hover, #About .Gnav li a.menu03:hover, #About .Gnav li a.menu04:hover, #About .Gnav li a.menu05:hover, #About .Gnav li a.menu06:hover, #About .Gnav li a.menu07:hover, #Activity .Gnav li a.menu01:hover, #Activity .Gnav li a.menu02:hover, #Activity .Gnav li a.menu03:hover, #Activity .Gnav li a.menu04:hover, #Activity .Gnav li a.menu05:hover, #Activity .Gnav li a.menu06:hover, #Activity .Gnav li a.menu07:hover, #Brand .Gnav li a.menu01:hover, #Brand .Gnav li a.menu02:hover, #Brand .Gnav li a.menu03:hover, #Brand .Gnav li a.menu04:hover, #Brand .Gnav li a.menu05:hover, #Brand .Gnav li a.menu06:hover, #Brand .Gnav li a.menu07:hover, #Merchandise .Gnav li a.menu01:hover, #Merchandise .Gnav li a.menu02:hover, #Merchandise .Gnav li a.menu03:hover, #Merchandise .Gnav li a.menu04:hover, #Merchandise .Gnav li a.menu05:hover, #Merchandise .Gnav li a.menu06:hover, #Merchandise .Gnav li a.menu07:hover, #Recruit .Gnav li a.menu01:hover, #Recruit .Gnav li a.menu02:hover, #Recruit .Gnav li a.menu03:hover, #Recruit .Gnav li a.menu04:hover, #Recruit .Gnav li a.menu05:hover, #Recruit .Gnav li a.menu06:hover, #Recruit .Gnav li a.menu07:hover, #Contact .Gnav li a.menu01:hover, #Contact .Gnav li a.menu02:hover, #Contact .Gnav li a.menu03:hover, #Contact .Gnav li a.menu04:hover, #Contact .Gnav li a.menu05:hover, #Contact .Gnav li a.menu06:hover, #Contact .Gnav li a.menu07:hover, #News .Gnav li a.menu01:hover, #News .Gnav li a.menu02:hover, #News .Gnav li a.menu03:hover, #News .Gnav li a.menu04:hover, #News .Gnav li a.menu05:hover, #News .Gnav li a.menu06:hover, #News .Gnav li a.menu07:hover, #Privacy .Gnav li a.menu01:hover, #Privacy .Gnav li a.menu02:hover, #Privacy .Gnav li a.menu03:hover, #Privacy .Gnav li a.menu04:hover, #Privacy .Gnav li a.menu05:hover, #Privacy .Gnav li a.menu06:hover, #Privacy .Gnav li a.menu07:hover { background: #499e8c url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 50%; color: #fff; text-decoration: underline; }
  #Home .Gnav li a.menu01 span, #Home .Gnav li a.menu02 span, #Home .Gnav li a.menu03 span, #Home .Gnav li a.menu04 span, #Home .Gnav li a.menu05 span, #Home .Gnav li a.menu06 span, #Home .Gnav li a.menu07 span, #About .Gnav li a.menu01 span, #About .Gnav li a.menu02 span, #About .Gnav li a.menu03 span, #About .Gnav li a.menu04 span, #About .Gnav li a.menu05 span, #About .Gnav li a.menu06 span, #About .Gnav li a.menu07 span, #Activity .Gnav li a.menu01 span, #Activity .Gnav li a.menu02 span, #Activity .Gnav li a.menu03 span, #Activity .Gnav li a.menu04 span, #Activity .Gnav li a.menu05 span, #Activity .Gnav li a.menu06 span, #Activity .Gnav li a.menu07 span, #Brand .Gnav li a.menu01 span, #Brand .Gnav li a.menu02 span, #Brand .Gnav li a.menu03 span, #Brand .Gnav li a.menu04 span, #Brand .Gnav li a.menu05 span, #Brand .Gnav li a.menu06 span, #Brand .Gnav li a.menu07 span, #Merchandise .Gnav li a.menu01 span, #Merchandise .Gnav li a.menu02 span, #Merchandise .Gnav li a.menu03 span, #Merchandise .Gnav li a.menu04 span, #Merchandise .Gnav li a.menu05 span, #Merchandise .Gnav li a.menu06 span, #Merchandise .Gnav li a.menu07 span, #Recruit .Gnav li a.menu01 span, #Recruit .Gnav li a.menu02 span, #Recruit .Gnav li a.menu03 span, #Recruit .Gnav li a.menu04 span, #Recruit .Gnav li a.menu05 span, #Recruit .Gnav li a.menu06 span, #Recruit .Gnav li a.menu07 span, #Contact .Gnav li a.menu01 span, #Contact .Gnav li a.menu02 span, #Contact .Gnav li a.menu03 span, #Contact .Gnav li a.menu04 span, #Contact .Gnav li a.menu05 span, #Contact .Gnav li a.menu06 span, #Contact .Gnav li a.menu07 span, #News .Gnav li a.menu01 span, #News .Gnav li a.menu02 span, #News .Gnav li a.menu03 span, #News .Gnav li a.menu04 span, #News .Gnav li a.menu05 span, #News .Gnav li a.menu06 span, #News .Gnav li a.menu07 span, #Privacy .Gnav li a.menu01 span, #Privacy .Gnav li a.menu02 span, #Privacy .Gnav li a.menu03 span, #Privacy .Gnav li a.menu04 span, #Privacy .Gnav li a.menu05 span, #Privacy .Gnav li a.menu06 span, #Privacy .Gnav li a.menu07 span { border-bottom: none; padding: 0; }
  #About .Gnav li.GnavBgNone a.menu01, #About .Gnav li.GnavBgNone a.menu02, #About .Gnav li.GnavBgNone a.menu03, #About .Gnav li.GnavBgNone a.menu04, #About .Gnav li.GnavBgNone a.menu05, #About .Gnav li.GnavBgNone a.menu06, #About .Gnav li.GnavBgNone a.menu07, #Activity .Gnav li.GnavBgNone a.menu01, #Activity .Gnav li.GnavBgNone a.menu02, #Activity .Gnav li.GnavBgNone a.menu03, #Activity .Gnav li.GnavBgNone a.menu04, #Activity .Gnav li.GnavBgNone a.menu05, #Activity .Gnav li.GnavBgNone a.menu06, #Activity .Gnav li.GnavBgNone a.menu07, #Brand .Gnav li.GnavBgNone a.menu01, #Brand .Gnav li.GnavBgNone a.menu02, #Brand .Gnav li.GnavBgNone a.menu03, #Brand .Gnav li.GnavBgNone a.menu04, #Brand .Gnav li.GnavBgNone a.menu05, #Brand .Gnav li.GnavBgNone a.menu06, #Brand .Gnav li.GnavBgNone a.menu07, #Merchandise .Gnav li.GnavBgNone a.menu01, #Merchandise .Gnav li.GnavBgNone a.menu02, #Merchandise .Gnav li.GnavBgNone a.menu03, #Merchandise .Gnav li.GnavBgNone a.menu04, #Merchandise .Gnav li.GnavBgNone a.menu05, #Merchandise .Gnav li.GnavBgNone a.menu06, #Merchandise .Gnav li.GnavBgNone a.menu07, #Recruit .Gnav li.GnavBgNone a.menu01, #Recruit .Gnav li.GnavBgNone a.menu02, #Recruit .Gnav li.GnavBgNone a.menu03, #Recruit .Gnav li.GnavBgNone a.menu04, #Recruit .Gnav li.GnavBgNone a.menu05, #Recruit .Gnav li.GnavBgNone a.menu06, #Recruit .Gnav li.GnavBgNone a.menu07, #Contact .Gnav li.GnavBgNone a.menu01, #Contact .Gnav li.GnavBgNone a.menu02, #Contact .Gnav li.GnavBgNone a.menu03, #Contact .Gnav li.GnavBgNone a.menu04, #Contact .Gnav li.GnavBgNone a.menu05, #Contact .Gnav li.GnavBgNone a.menu06, #Contact .Gnav li.GnavBgNone a.menu07, #News .Gnav li.GnavBgNone a.menu01, #News .Gnav li.GnavBgNone a.menu02, #News .Gnav li.GnavBgNone a.menu03, #News .Gnav li.GnavBgNone a.menu04, #News .Gnav li.GnavBgNone a.menu05, #News .Gnav li.GnavBgNone a.menu06, #News .Gnav li.GnavBgNone a.menu07, #Privacy .Gnav li.GnavBgNone a.menu01, #Privacy .Gnav li.GnavBgNone a.menu02, #Privacy .Gnav li.GnavBgNone a.menu03, #Privacy .Gnav li.GnavBgNone a.menu04, #Privacy .Gnav li.GnavBgNone a.menu05, #Privacy .Gnav li.GnavBgNone a.menu06, #Privacy .Gnav li.GnavBgNone a.menu07 { background: #499e8c url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 50%; }
  /* ------------------------- 	[3]Bread ------------------------- */
  header .Bread { margin: 180px 10px 0 0; }
  /* == NoBread == */
  #Brand main, #Recruit main, #Contact main { margin-top: 180px; } }
/*
======================================
	Yamamoto_Other
	2016.09.21
	last 2020.07.01

	[1]Top
	[2]About
		1)About
		2)Info
	[3]Activity
		1)Activity
		2)Seisan
		3)Boueki
		4)Shokuhin
		6)Seisankanri
	[4]Brand
		1)Brand
		2)Kurodori
		3)Akadori
		4)Asagiridori
	[5]Merchandise
		1)Merchandise
		2)Tori
		3)System
	[6]Recruit
	[7]Contact
		1)Contact
		2)Access
	[8]News
	[9]Privacy
	[10]MediaQueries
		1)Top
		2)Brand
======================================
*/
/*
-------------------------
	[1]Top
-------------------------
*/
/*.TopFirst{
	display:none;
}
.TopSecond{
	display:none;
}*/
.TopFirst { width: 100vw; height: 100vh; overflow: hidden; }

.TopFirstContents { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; overflow: hidden; }
.TopFirstContents h1 img { width: 177px; position: absolute; top: 30px; left: 30px; z-index: 102; }

.TopFirstMeinBg { background: url(../img/common/img_rasen.png) no-repeat 100% 0; box-sizing: border-box; width: 718px; height: 433px; padding: 40px 64px; position: relative; z-index: 101; }

.TopFirstMein { box-sizing: border-box; width: 590px; height: 353px; padding: 30px 0 35px; text-align: center; position: relative; }

.TopFirstLinetop, .TopFirstLinebottom, .TopFirstLineleft, .TopFirstLineright { background: white; position: absolute; }

.TopFirstLinetop, .TopFirstLinebottom { width: 90%; height: 2px; }

.TopFirstLinetop { top: 0; left: 5%; }

.TopFirstLinebottom { bottom: 0; left: 5%; }

.TopFirstLineleft, .TopFirstLineright { width: 2px; height: 90%; }

.TopFirstLineleft { top: 5%; left: 0; }

.TopFirstLineright { top: 5%; right: 0; }

.TopFirstBt { background: url(../img/bt/bt_topenter.png) no-repeat 0 0; width: 65px; height: 91px; margin: 20px auto 0; text-indent: -9999px; cursor: pointer; }
.TopFirstBt:hover { background: url(../img/bt/bt_topenter_on.png) no-repeat 0 0; }
.TopFirstBt:hover + .TopFirstBorder .TopFirstLinetop { top: -10px; }
.TopFirstBt:hover + .TopFirstBorder .TopFirstLinebottom { bottom: -10px; }
.TopFirstBt:hover + .TopFirstBorder .TopFirstLineleft { left: -10px; }
.TopFirstBt:hover + .TopFirstBorder .TopFirstLineright { right: -10px; }

.TopFirstBg .Column2Left, .TopFirstBg .Column2Right { position: relative; }
.TopFirstBg .Column2Left img, .TopFirstBg .Column2Right img { position: absolute; top: 0; }
.TopFirstBg .Column2Left img { right: 0; }
.TopFirstBg .Column2Right img { left: 0; }
.TopFirstBg img { width: auto; height: 100vh; }

.TopMeinTane, .TopMeinSlide { box-sizing: border-box; width: 50.08%; position: relative; }

.TopMeinRight, .TopMeinMer { box-sizing: border-box; width: 49.92%; }

.TopMeinContents { display: table; width: 100%; margin-top: -1px; position: relative; }

.TopMeinTane, .TopMeinRight, .TopMeinSlide, .TopMeinMer { display: table-cell; }

.TopMeinRight, .TopMeinSlide, .TopMeinMer { vertical-align: top; }

.TopMeinTane { background: url(../img/top/bg_tane.jpg) no-repeat 50% 0; background-size: cover; height: 100%; vertical-align: middle; position: relative; }
.TopMeinTane .TopMeinTaneText { position: absolute; top: 40px; left: 40px; }
.TopMeinTane h2 { width: 100%; max-width: 294px; margin: 0 auto; }
.TopMeinTane h2 img { width: 100%; max-width: 294px; }
.TopMeinTane .WhiteClearBt { margin: 15px auto 0; }

.TopMeinTaneDeco { position: absolute; bottom: -70px; right: 0; z-index: 80; }

.TopMeinYamamoto, .TopMeinOther { width: 33%; }

.TopMeinJigyo, .TopMeinBrand { background: #fff; width: 67%; }

.TopMeinYamamoto a, .TopMeinJigyo a, .TopMeinBrand a, .TopMeinHinshitsu a, .TopMeinRecruit a { width: 100%; height: 100%; text-align: center; display: block; }
.TopMeinYamamoto a h2, .TopMeinJigyo a h2, .TopMeinBrand a h2, .TopMeinHinshitsu a h2, .TopMeinRecruit a h2 { font-weight: bold; color: #499e8c; }
.TopMeinYamamoto a:hover, .TopMeinJigyo a:hover, .TopMeinBrand a:hover, .TopMeinHinshitsu a:hover, .TopMeinRecruit a:hover { text-decoration: none; }

.TopMeinYamamoto, .TopMeinYamamoto figure img, .TopMeinJigyo, .TopMeinJigyo figure img { margin: 0; padding: 0; }

.TopMeinJigyo a { padding-top: 10px; }

.TopMeinTable { width: 100%; }

.TopMeinBrand, .TopMeinHinshitsu { vertical-align: top; }

.TopMeinBrand { width: 67%; padding-bottom: 10px; }

.TopMeinHinshitsu, .TopMeinRecruit { height: 50%; }

.TopMeinHinshitsu a { padding-bottom: 10px; }

.TopMeinRecruit { background: url(../img/top/img_recruite.jpg) no-repeat 50% 50%; background-size: cover; }
.TopMeinRecruit a { background: url(../img/arrow/arrow_c_white_right.png) no-repeat 96% 10px; padding: 40px 0 35px; }
.TopMeinRecruit h2 { width: 100%; max-width: 159px; margin: 0 auto; }
.TopMeinRecruit h2 img { width: 100%; max-width: 159px; }

.TopMeinYamamoto, .TopMeinJigyo, .TopMeinBrand, .TopMeinHinshitsu, .TopMeinRecruit, .TopSlideList li { position: relative; }
.TopMeinYamamoto:hover .TopMeinOver, .TopMeinJigyo:hover .TopMeinOver, .TopMeinBrand:hover .TopMeinOver, .TopMeinHinshitsu:hover .TopMeinOver, .TopMeinRecruit:hover .TopMeinOver, .TopSlideList li:hover .TopMeinOver { opacity: 1; }

.TopMeinOver { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 10; }
.TopMeinOver img { width: 100%; max-width: 88px; position: relative; top: 50%; transform: translateY(-50%); }

.TopMeinSlide li img { width: 100%; }
.TopMeinSlide .unslider-arrow { top: 50%; z-index: 11; }
.TopMeinSlide .unslider-arrow.prev, .TopMeinSlide .unslider-arrow.next { width: 38px; height: 39px; text-indent: -9999px; }
.TopMeinSlide .unslider-arrow.prev { background: url(../img/arrow/arrow_slide_prev.png) no-repeat 0 0; }
.TopMeinSlide .unslider-arrow.next { background: url(../img/arrow/arrow_slide_next.png) no-repeat 0 0; }
.TopMeinSlide .TopMeinOver img { left: 50%; transform: translate(-50%, -50%); }

.TopMeinMer { background-image: url(../img/arrow/arrow_c_green_right.png), url(../img/top/bg_merchan.png); background-position: 98% 20px,50% 100%; background-repeat: no-repeat; background-size: 15px,cover; border-top: 1px solid #b3b3b3; height: 100%; padding-bottom: 10px; text-align: center; }
.TopMeinMer h2 { width: 100%; max-width: 217px; margin: 0 auto; padding-top: 40px; font-weight: bold; color: #499e8c; }
.TopMeinMer h2 img { width: 100%; max-width: 217px; }
.TopMeinMer a h2:hover, .TopMeinMer a figure:hover { opacity: 0.7; transition: opacity 0.5s; }
.TopMeinMer a:hover { text-decoration: none; }

.TopMeinMerBt li { margin: 0 3px 1px; display: inline-block; }

.TopNewsEvent { background: #efeeee; }
.TopNewsEvent .TopNewsEventContainer { padding-top: 60px; padding-bottom: 60px; }

.TopNews, .TopEvent { box-sizing: border-box; width: 481px; }

.TopNews { border-right: 1px solid #999; padding-right: 44px; }

.TopEvent { padding-left: 44px; }

.TopNewsEventTitle { border-bottom: 1px solid #999; border-right: 1px solid #999; border-bottom-right-radius: 4px; position: relative; }
.TopNewsEventTitle p { position: absolute; top: 0; right: 18px; }
.TopNewsEventTitle .TopNewsEventTitleLine { border-left: 1px solid #999; height: 34px; position: absolute; top: 0; right: 100px; }

.TopNewsEventList li:nth-child(n+2) { margin-top: 30px; }
.TopNewsEventList a:hover div h3, .TopNewsEventList a:hover div p { text-decoration: underline; }
.TopNewsEventList .NewsPhoto { float: left; width: 98px; height: 81px; }
.TopNewsEventList .NewsPhoto.NewsPhotoNone { background: #fff; border: none; }
.TopNewsEventList .NewsPhoto.NewsPhotoNone span { background-size: 44px auto; }
.TopNewsEventList div { float: right; width: 313px; }
.TopNewsEventList div h3 { margin-bottom: 3px; }
.TopNewsEventList div p { margin-top: 5px; }

.TopNewsEventList li a:hover .NewsPhoto, .NewsList li a:hover .NewsPhoto { opacity: 0.7; transition: opacity 0.5s; }

.TopBrandYamamoto { background: url(../img/top/bg_brand.jpg) no-repeat 50% 50%; background-size: cover; padding: 15px 15px 34px; position: relative; }
.TopBrandYamamoto_Text { width: calc(716 / 1218 * 100%); max-width: 716px; margin: -68px auto 0; text-align: center; }
.TopBrandYamamoto_Text img { width: 100%; }

.TopBrandList .TopBrandListItem { box-sizing: border-box; width: 33.33%; padding: 14px 20px 30px; text-align: right; }
.TopBrandList .Item01 { background: url(../img/top/bg_kuro.jpg) no-repeat 50% 0; background-size: cover; }
.TopBrandList .Item02 { background: url(../img/top/bg_aka.jpg) no-repeat 50% 0; background-size: cover; }
.TopBrandList .Item03 { background: url(../img/top/bg_asa.jpg) no-repeat 50% 0; background-size: cover; }
.TopBrandList .WhiteClearBt { width: 100%; max-width: 190px; margin-top: 120px; }

.TopBrandFood { background: url(../img/top/bg_food.jpg) no-repeat 50% 0; background-size: cover; padding: calc(575 / 1218 * 100vw) 0 30px; }
.TopBrandFood ul { justify-content: center; }
.TopBrandFood ul li { margin: 0 10px; }

/*
-------------------------
	[2]About
-------------------------
*/
/*
++++++++++++++++++++++
	1)About
++++++++++++++++++++++
*/
.AboutIntro { width: 100%; display: table; }

.AboutIntroCell { width: 50%; padding-bottom: 60px; display: table-cell; vertical-align: top; }

.AboutMeinPhoto { background: url(../img/about/img_about01.jpg) no-repeat 50% 0; background-size: cover; }

.AboutTokucho, .InfoGaiyou { background: #f6f4f4; padding: 55px 0 85px; }

.AboutTokucho01 { background: url(../img/about/img_01.png) no-repeat 0 100%; padding-bottom: 10px; }

.AboutTokucho02 { background: url(../img/about/img_02.png) no-repeat 0 100%; padding-bottom: 5px; }

.AboutTokucho03 { background: url(../img/about/img_03.png) no-repeat 0 100%; padding-bottom: 10px; }

.AboutTokucho04 { background: url(../img/about/img_04.png) no-repeat 0 100%; padding-bottom: 10px; }

.AboutRasenDeco { position: absolute; top: -125px; right: -35px; }

/*
++++++++++++++++++++++
	2)Info
++++++++++++++++++++++
*/
.InfoMeinPhoto { background: url(../img/about/img_info01.jpg) no-repeat 50% 0; background-size: cover; }

.ImgTriangle img { box-sizing: border-box; padding-top: 90px; }

.InfoGaiyoList { padding: 0 15px 0 0; }
.InfoGaiyoList dl { display: table; }
.InfoGaiyoList dt, .InfoGaiyoList dd { display: table-cell; vertical-align: top; }
.InfoGaiyoList > dd > ul > li:not(:last-child) { padding: 0 0 30px; }
.InfoGaiyoList > dd dt { width: 100px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: bold; }
.InfoGaiyoList > dd span { display: inline-block; vertical-align: top; }
.InfoGaiyoList .InfoJigyousho dt { border-right: 1px solid #666; width: 110px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 2; }
.InfoGaiyoList .InfoJigyousho dd { padding-left: 30px; line-height: 2; }

.InfoEnkaku { margin-bottom: 100px; }
.InfoEnkaku li:not(:last-child) { padding: 0 0 20px; }
.InfoEnkaku dl { display: table; }
.InfoEnkaku dt, .InfoEnkaku dd { display: table-cell; vertical-align: top; }
.InfoEnkaku dt { width: 110px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: bold; color: #499e8c; }
.InfoEnkaku dd span { display: inline-block; vertical-align: top; }

/*
-------------------------
	[3]Activity
-------------------------
*/
/*
++++++++++++++++++++++
	1)Activity
++++++++++++++++++++++
*/
.ActivityMeinPhoto { background: url(../img/activity/img_activity01.jpg) no-repeat 50% 0; background-size: cover; }

.ActivityIntroCell { padding-bottom: 0; }

.ActivityGaiyou { background: #f6f4f4; padding: 50px 0 55px; }

.ActivityJigyoubu li { border-top: 1px solid #b3b3b3; padding-top: 15px; }
.ActivityJigyoubu .LinkMore { position: absolute; bottom: 0; right: 0; }

.ActivityHinshitsu .FlexboxColumnWrapJustify { background: #fff; padding: 25px 40px; }
.ActivityHinshitsu h4 { border: 1px solid #b3b3b3; border-radius: 50%; width: 130px; height: 78px; padding-top: 52px; font-size: 17px; /*font-size:($size / 10) * 1rem;*/ text-align: center; }

.ActivitySeisanFlow { background: url(../img/arrow/arrow_downgreen.png) no-repeat 283px 100%; border-top: 1px solid #b3b3b3; margin-bottom: 35px; padding-bottom: 55px; }
.ActivitySeisanFlow h4 { border-bottom: 1px solid #b3b3b3; width: 100%; padding-bottom: 10px; display: table; position: relative; }
.ActivitySeisanFlow h4 img { position: absolute; bottom: -2px; left: 508px; }
.ActivitySeisanFlow .ActivitySeisanFlowTitleCell { display: table-cell; }
.ActivitySeisanFlow .ActivitySeisanFlowKind { border-top: 4px solid #499e8c; box-sizing: border-box; width: 49px; padding: 10px; }
.ActivitySeisanFlow .ActivitySeisanFlowOffice { box-sizing: border-box; padding: 10px 0 0 35px; }
.ActivitySeisanFlow .BgDotted { box-sizing: border-box; padding: 15px; }
.ActivitySeisanFlow .BgDotted li { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ }

.ActivitySeisanLink a { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; text-decoration: underline; }
.ActivitySeisanLink a:before { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 2px; content: ""; width: 13px; height: 13px; margin-right: 5px; padding: 1px 0; display: inline-block; }
.ActivitySeisanLink a:hover { text-decoration: none; }

.ActivitySeisanFlowLast { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding: 25px 0 20px; }

/*
++++++++++++++++++++++
	2)Seisan
++++++++++++++++++++++
*/
.SeisanMeinPhoto { background: url(../img/activity/seisan/img_seisan01.jpg) no-repeat 50% 0; background-size: cover; }

.SeisanMeinFlow { padding: 20px 0 20px 80px; }

.SeisanMeinHiyoko { position: absolute; top: -20px; left: 370px; }
.SeisanMeinHiyoko img { width: 120px; }

.SeisanTori { background: #fff; padding: 30px 50px 40px; }
.SeisanTori li { padding-bottom: 200px; }

.SeisanToriImg { position: absolute; bottom: 0; left: 0; }

.SeisanStep01 h4, .SeisanStep02 h4, .SeisanStep03 h4, .SeisanStep04 h4 { position: absolute; top: 15px; left: 120px; }

.SeisanQuestion01, .SeisanQuestion02 { background: #fff url(../img/bg/bg_dotted.png) repeat 0 0; padding: 25px 0 20px 120px; }
.SeisanQuestion01 .SeisanQuestionTitle, .SeisanQuestion02 .SeisanQuestionTitle { position: absolute; left: 16px; }

.SeisanQuestion01 .SeisanQuestionTitle { top: -10px; }

.SeisanQuestion02 { padding: 15px 0 10px 120px; }
.SeisanQuestion02 .SeisanQuestionTitle { top: 15px; }

.SeisanLinkKanri { position: absolute; top: 130px; left: 40px; }
.SeisanLinkKanri a:hover { opacity: 0.7; transition: opacity 0.5s; }

/*
++++++++++++++++++++++
	3)Boueki
++++++++++++++++++++++
*/
.BouekiMeinPhoto { background: url(../img/activity/boueki/img_boueki01.jpg) no-repeat 50% 0; background-size: cover; }

.BouekipageRink { padding: 20px 0 35px 40px; }

.BouekiMeinBt { width: 430px; }
.BouekiMeinBt li a:hover { opacity: 0.7; transition: opacity 0.5s; }

.BouekiMeinHiyoko, .BouekiMeinSetsubi, .BouekiMeinkikai, .BouekiSeihin, .BouekiFlowHiyoko, .BouekiBgQ, .BouekiBgA { position: absolute; }

.BouekiMeinHiyoko { top: 34px; left: 85px; }
.BouekiMeinHiyoko img { width: 120px; }

.BouekiMeinSetsubi { top: 165px; left: 155px; }

.BouekiMeinkikai { top: 23px; left: 389px; }

.BouekiFlow { background: #fff; padding: 30px; }
.BouekiFlow .BgDotted { padding: 35px 0; }

.BouekiFlowHiyoko { bottom: -90px; left: -133px; }

.BouekiSeihin { top: 50px; right: 30px; }

.BouekiQA { border-left: 1px solid #138d6a; border-right: 1px solid #138d6a; border-bottom: 1px solid #138d6a; margin-left: 2px; padding: 20px 30px; }
.BouekiQA dl { display: table; }
.BouekiQA dt, .BouekiQA dd { display: table-cell; vertical-align: top; }
.BouekiQA dt { width: 80px; }

.BouekiBgQ { bottom: 0; left: 317px; }

.BouekiBgA { bottom: 0; right: 90px; }

/*
++++++++++++++++++++++
	4)Shokuhin
++++++++++++++++++++++
*/
.ShokuhinMeinPhoto { background: url(../img/activity/shokuhin/img_shokuhin01.jpg) no-repeat 50% 0; background-size: cover; }

.ShokuhinMeinFlow { padding: 20px 0 15px 55px; }

.ShokuhinGreenContents { border: 1px solid #499e8c; padding: 20px 30px; }

.ShokuhinGreenContentsSeiniku, .ShokuhinGreenContentsKakou { position: absolute; }

.ShokuhinGreenContentsSeiniku { top: 13px; right: 16px; }

.ShokuhinGreenContentsKakou { top: -35px; right: 27px; }

.ShokuhinKaihatsu .BgDotted { padding: 30px 20px 30px 40px; }

.ShokuhinVoice .linkgreen { border-top: 2px dotted #499e8c; border-bottom: 2px dotted #499e8c; margin: 20px 0; padding: 20px 0 15px; }

/*
++++++++++++++++++++++
	5)Siryou
++++++++++++++++++++++
*/
.JunkanMeinPhoto { background: url(../img/activity/siryou/img_siryou01.jpg) no-repeat 50% 0; background-size: cover; }

.SiryouPageRink { padding: 20px 0 60px 50px; }

.SiryouMeinBt { width: 418px; }
.SiryouMeinBt li:first-child:after { content: "＋"; font-size: 44px; /*font-size:($size / 10) * 1rem;*/ }
.SiryouMeinBt li a:hover { opacity: 0.7; transition: opacity 0.5s; }

.SiryouMeinKome, .SiryouMeinEgg, .SiryouJunkanKome, .SiryouJunkanTamago, .SangyouEgg { position: absolute; }

.SiryouMeinKome { bottom: 10px; left: 10px; }
.SiryouMeinKome img { width: 125px; }

.SiryouMeinEgg { top: 25px; left: 415px; }
.SiryouMeinEgg img { width: 62px; }

.SiryouJunkanKome { top: -126px; right: -200px; }

.SiryouJunkanTamago { top: -280px; left: -225px; }

.SiryouJunkan.BgDotted { padding: 30px 40px 15px 45px; }

.SiryouJunkanText { width: 1px; height: 120px; }

.SiryouJunkanPhoto { clear: both; height: 138px; margin-right: 20px; }

.SangyouEgg { width: 160px; top: 30px; right: 0; }
.SangyouEgg img { margin: 0 0 5px 10px; }
.SangyouEgg dt { border-bottom: 1px solid #646464; margin-bottom: 3px; padding-bottom: 3px; }

/*
++++++++++++++++++++++
	6)Seisankanri
++++++++++++++++++++++
*/
header .SkanriBread .Bread { margin-top: 0; }

.SkanriBread { background: #f6f4f4; padding-top: 15px; }

.SkanriFlow { padding: 15px 0 10px; }
.SkanriFlow p { margin: -20px 0 0 40px; }

.KanriWhiteBg { background: #fff; padding: 30px 50px 40px; }

.KanriBgDottedSpace { padding: 10px 30px 0; }

.KensaList { padding-bottom: 30px; }

.KenkyuImg, .KensaImg { position: absolute; }

.KenkyuImg { bottom: -10px; right: -40px; }

.KensaImg { bottom: -110px; left: -80px; opacity: 0.85; }

.TorikumiMame h3 { width: 131px; padding-left: 5px; position: relative; z-index: 60; }

.TorikumiMameDashLine01, .TorikumiMameDashLine02, .TorikumiMameDashLine03, .TorikumiMameDashLine04, .TorikumiMameDashLine05 { border-bottom: 1px dashed #999; width: 100%; display: block; position: absolute; z-index: 59; }

.TorikumiMameDashLine01 { top: 14px; }

.TorikumiMameDashLine02 { top: 46px; }

.TorikumiMameDashLine03 { top: 79px; }

.TorikumiMameDashLine04 { top: 113px; }

.TorikumiMameDashLine05 { top: 146px; }

.QAListText { border-top: 1px dashed #999; border-bottom: 1px solid #999; margin: 25px 0 0; padding: 25px 0; }

/*
-------------------------
	[4]Brand
-------------------------
*/
/*
++++++++++++++++++++++
	1)Brand
++++++++++++++++++++++
*/
#Brand .BrandTop { background: url(../img/brand/bg_brand_top.jpg) no-repeat 30% 0 fixed; background-size: cover; }

.BrandTopInfoText { margin-right: 30px; }

.BrandTopWhatContents { padding-bottom: 8px; flex-direction: row-reverse; }

.MidashiBrandTop { margin: 20px 28px 0 106px; }

.BrandTopWhatText01 { flex-direction: row-reverse; }
.BrandTopWhatText01 dt { margin: 73px 0 0 48px; }
.BrandTopWhatText01 dd { margin-top: 70px; }

.BrandTopWhatText02 { margin: -1px 126px 0 0; }

.PhotoMap { position: absolute; top: 7px; right: -57px; }

.BrandPhotoContainer { position: relative; overflow: hidden; }

.BrandPhotoContents { width: 3180px; margin-left: -1590px; position: relative; left: 50%; }

#bxBrand li { padding-top: 10px; }
#bxBrand li img { width: 622px; }
#bxBrand li:nth-child(odd) img { padding-top: 25px; transform: rotate(2deg); }
#bxBrand li:nth-child(even) img { transform: rotate(-2deg); }

.BrandPhotoThumbContents { padding-bottom: 40px; }

.BrandPhotoThumb { padding-top: 20px; }
.BrandPhotoThumb a { width: 87px; margin: 10px 10px 0 0; }
.BrandPhotoThumb a:nth-child(10n) { margin-right: 0; }
.BrandPhotoThumb a img { width: 87px; height: 64px; overflow: hidden; }

.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0; padding-bottom: 60px; overflow: visible; }
.bx-wrapper .bx-caption { background: none; text-align: center; top: 460px; }
.bx-wrapper .bx-caption span { display: none; }
.bx-wrapper #bxBrand li.active .bx-caption span { color: #323232; display: block; }
.bx-wrapper .bx-controls-direction a { width: 46px; height: 46px; top: 240px; }
.bx-wrapper .bx-prev { background: url(../img/brand/bt_brand_prev.png) no-repeat 0 0; left: 1180px; }
.bx-wrapper .bx-next { background: url(../img/brand/bt_brand_next.png) no-repeat 0 0; right: 1180px; }
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { background-position: 0 0; opacity: 0.7; transition: opacity 0.5s; }

#slide-counter { font-family: "Times New Roman", Times, serif; font-size: 18px; /*font-size:($size / 10) * 1rem;*/ text-align: center; }

.BrandTopSlideBg { height: 530px; margin-top: -530px; }

.BrandChicken .MidashiCenterGreen, .BrandProducts .MidashiCenterGreen { width: 960px; margin: 0 auto; }

.BrandChicken .MidashiCenterGreen { padding-top: 55px; }

.BrandTopChickenBox01 .TextBox, .BrandTopChickenBox02 .TextBox { text-align: center; }
.BrandTopChickenBox01 .Text, .BrandTopChickenBox02 .Text { line-height: 1.9; }

.BrandTopChickenBox01 .TextBox { margin: 95px 0 0 43px; }

.BrandTopChickenBox02 { padding-top: 40px; }
.BrandTopChickenBox02.FlexboxColumnWrap { flex-direction: row-reverse; }
.BrandTopChickenBox02 .TextBox { margin: 80px 55px 0 0; }

.BrandTopKuroTitle { position: absolute; top: 30px; left: 22px; }

.BrandTopKuroLogo { position: absolute; top: 20px; left: 529px; }
.BrandTopKuroLogo img { width: 104px; }

.BrandTopAkaTitle, .BrandTopAsaTitle { position: absolute; top: 40px; left: 20px; }

.BrandTopAkaLogo, .BrandTopAsaLogo { position: absolute; top: 60px; right: 20px; }
.BrandTopAkaLogo img, .BrandTopAsaLogo img { width: 104px; }

.BrandProducts { padding-bottom: 190px; }
.BrandProducts .Container1028 { padding: 30px 0 44px; }

.BrandProductsLink { justify-content: center; }
.BrandProductsLink li { margin: 0 9px; }

/*
++++++++++++++++++++++
	2)Kurodori
++++++++++++++++++++++
*/
#Brand .BrandKuro { background: url(../img/brand/kuro/bg_kuro.jpg) no-repeat 30% 0; background-size: cover; }

.BrandKuroTitle { padding-bottom: 860px; }
.BrandKuroTitle h2 { position: relative; z-index: 1; }

.BrandWhat { background: rgba(255, 255, 255, 0.9) url(../img/brand/kuro/img_brand03.png) no-repeat 35px 102px; box-sizing: border-box; width: 1020px; margin: -555px auto 0; padding: 28px 30px 34px; }
.BrandWhat ul { border-bottom: 1px solid #999; width: 100%; height: 69px; display: table; }
.BrandWhat li { font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: center; display: table-cell; vertical-align: top; }
.BrandWhat li:not(:last-child) { background: url(../img/icon/icon_circle_black.png) no-repeat 100% 50%; }
.BrandWhat li a { text-decoration: none; }
.BrandWhat li a:hover img { border-bottom: 4px solid #323232; }
.BrandWhat .FlexboxColumnWrapJustify { padding: 0 30px 0 20px; }

.BrandSeisanchi, .BrandWhatImg01, .BrandWhatImg02 { position: absolute; }

.BrandSeisanchi { top: -45px; left: 106px; }

.BrandWhatImg01 { top: -132px; right: 44px; }
.BrandWhatImg01 img { width: 124px; }

.BrandWhatImg02 { bottom: -45px; right: 110px; z-index: 30; }

.BrandFeature { background: url(../img/brand/kuro/bg_feature.png) repeat 0 0; height: 5400px; }

.BrandFeature680 { width: 680px; margin-left: auto; margin-right: auto; padding-bottom: 30px; }
.BrandFeature680 p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.BrandFeatureKettou { padding: 40px 0 0 0; }

.BrandFeatureEng:after { content: "●"; margin: 15px 0; font-size: 5px; /*font-size:($size / 10) * 1rem;*/ color: #fff; display: block; }

.BrandKishou, .BrandHiiku, .BrandAnzen { margin-left: -340px; position: fixed; left: 50%; }

.BrandIkkan { margin-left: -340px; position: absolute; top: 4100px; left: 50%; }

.BrandFeatureNav { width: 414px; margin-left: -207px; position: fixed; left: 50%; }
.BrandFeatureNav li { display: inline; }
.BrandFeatureNav li:not(:last-child):after { content: "／"; margin: 0 3px; font-weight: bold; color: #fff; display: inline-block; }
.BrandFeatureNav li a { padding: 3px; font-size: 15px; /*font-size:($size / 10) * 1rem;*/ font-weight: bold; color: #fff; }
.BrandFeatureNav li a:hover { border-bottom: 3px dotted #fff; text-decoration: none; }

.BrandUnderLine { background: #499e8c; width: 648px; height: 1px; padding-top: 2px; display: block; }

.BrandTitleIcon:before { content: "●"; margin: 15px 0 15px; font-size: 5px; /*font-size:($size / 10) * 1rem;*/ display: block; }

#Brand #fbt { z-index: 2; }

.FeatureFoodLinkBt { position: fixed; right: 0; z-index: 10; }
.FeatureFoodLinkBt a { background: url(../img/brand/bt_food.png) no-repeat 0 0; width: 83px; height: 170px; text-indent: -9999px; display: block; cursor: pointer; }
.FeatureFoodLinkBt a:hover { background: url(../img/brand/bt_food_on.png) no-repeat 0 0; }

.FeatureNav { border: 1px solid #fff; box-sizing: border-box; border-radius: 22px; width: 44px; padding: 20px 16px; position: fixed; right: 100px; }
.FeatureNav li:not(:last-child) { margin-bottom: 15px; }
.FeatureNav a { background: url(../img/brand/kuro/nav_feature.png) no-repeat 0 0; width: 12px; height: 12px; display: block; text-indent: -9999px; }
.FeatureNav a:hover { background-position: -12px 0; }

.FeatureToriPopupBt { background: url(../img/brand/kuro/bt_tori_shadow.png) no-repeat 0 100%; width: 153px; height: 247px; position: fixed; left: 10px; }
.FeatureToriPopupBt a { background-image: url(../img/brand/kuro/bt_tori.png); background-repeat: no-repeat; width: 153px; height: 247px; text-indent: -9999px; display: block; cursor: pointer; }
.FeatureToriPopupBt a:hover { background-image: url(../img/brand/kuro/bt_tori_on.png); background-repeat: no-repeat; }

#Brand { /*#cboxPrevious,
#cboxNext{
	background:none;
	right:9999px;
}*/ }
#Brand #cboxOverlay { background: #b3b3b3; }
#Brand #cboxContent, #Brand #cboxLoadedContent { background: none; }
#Brand #cboxClose { background: url(../img/brand/popup/bt_close.png) no-repeat 0 0; width: 58px; height: 58px; top: 8px; left: 922px; right: 0; }
#Brand #cboxClose:hover { opacity: 0.8; transition: opacity 0.5s; }

.FeatureToriPopup { width: 1002px; height: 668px; }
.FeatureToriPopup .unslider-wrap.unslider-carousel > li { width: 1002px; height: 668px; }
.FeatureToriPopup .unslider-arrow { top: 8px; }
.FeatureToriPopup .unslider-arrow.prev, .FeatureToriPopup .unslider-arrow.next { width: 58px; height: 58px; text-indent: -9999px; }
.FeatureToriPopup .unslider-arrow.prev:hover, .FeatureToriPopup .unslider-arrow.next:hover { opacity: 0.8; transition: opacity 0.5s; }
.FeatureToriPopup .unslider-arrow.prev { background: url(../img/brand/popup/bt_prev.png) no-repeat 0 0; left: 806px; }
.FeatureToriPopup .unslider-arrow.next { background: url(../img/brand/popup/bt_next.png) no-repeat 0 0; left: 864px; right: 0; }
.FeatureToriPopup .unslider-nav { position: absolute; bottom: 40px; left: 0; right: 0; }
.FeatureToriPopup .unslider-nav ol { text-align: center; }
.FeatureToriPopup .unslider-nav ol li { border: 1px solid #499e8c; border-radius: 50%; width: 10px; height: 10px; margin: 0 5px; text-indent: -9999px; display: inline-block; }
.FeatureToriPopup .unslider-nav ol li.unslider-active { background: #499e8c; }
.FeatureToriPopup .unslider-nav ol li:hover { cursor: pointer; }

.ProList li { background: #fff; box-sizing: border-box; padding: 30px 30px 30px 35px; }
.ProList h4 { padding-top: 25px; }
.ProList h5:before { content: "●"; margin: 15px 0 15px; font-size: 5px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; display: block; }
.ProList dl { border: 1px solid #999; box-sizing: border-box; padding: 15px; }
.ProList dt { background: #499e8c; width: 78px; height: 21px; margin: -37px 0 15px -16px; text-align: center; line-height: 21px; }

.ProNo { position: absolute; top: -20px; left: -10px; }

.ProListLinetop, .ProListLinebottom, .ProListLineleft, .ProListLineright { background: #2d997a; position: absolute; }

.ProListLinetop, .ProListLinebottom { width: 57px; height: 1px; }

.ProListLinetop { top: 0; left: 0; }

.ProListLinebottom { bottom: 0; right: 0; }

.ProListLineleft, .ProListLineright { width: 1px; height: 57px; }

.ProListLineleft { top: 0; left: 0; }

.ProListLineright { bottom: 0; right: 0; }

.DataList { border-top: 1px solid #b3b3b3; }
.DataList li { border-bottom: 1px solid #b3b3b3; box-sizing: border-box; padding: 15px 0 15px 20px; }
.DataList dl { width: 100%; display: table; }
.DataList dt, .DataList dd { display: table-cell; vertical-align: top; }
.DataList dt { width: 110px; }

.DataNiwatori { position: absolute; top: -95px; left: 260px; }

/*
++++++++++++++++++++++
	3)Akadori
++++++++++++++++++++++
*/
#Brand .BrandAka { background: url(../img/brand/aka/bg_aka.jpg) no-repeat 62% 70px; background-size: cover; }

.BrandAkaTitle { padding-bottom: 610px; }
.BrandAkaTitle h2 { position: relative; z-index: 1; }

.BrandAkaSeisanchi { position: absolute; top: -53px; right: 90px; }

.BrandAkaContents { margin-top: -315px; }

.BrandWhatContents { padding: 34px 60px 40px; }
.BrandWhatContents .TitleAkaImg { margin-right: 68px; }
.BrandWhatContents .TitleAkaText { margin-left: 27px; }
.BrandWhatContents .BrandWhatTextBox.FlexboxColumnWrap { flex-direction: row-reverse; }
.BrandWhatContents .BrandWhatTextBox .Text01 { margin: 0 27px 0 48px; }
.BrandWhatContents .BrandWhatTextBox .Text02 { margin-left: 64px; }

.BrandFeatureContainer { margin-top: -243px; padding: 245px 0 85px; }
.BrandFeatureContainer .MidashiCenterGreen { position: relative; z-index: 1; }

.BrandFeatureContents { box-sizing: border-box; margin-top: -51px; padding: 53px 35px 35px; }

.BrandFeatureBox01, .BrandFeatureBox02 { box-sizing: border-box; padding-top: 67px; padding-bottom: 57px; padding-left: 55px; }
.BrandFeatureBox01 .TextBox, .BrandFeatureBox02 .TextBox { width: 394px; }
.BrandFeatureBox01 .TextBox dd, .BrandFeatureBox02 .TextBox dd { line-height: 2; }

.BrandFeatureAkaItem01 .BrandFeatureBox01 { padding-right: 40px; }
.BrandFeatureAkaItem01 .BrandFeatureBox01.FlexboxColumnWrapJustify { flex-direction: row-reverse; }
.BrandFeatureAkaItem01 .BrandFeatureBox01 .PictBox { margin-right: 60px; position: relative; z-index: 2; }
.BrandFeatureAkaItem01 .PictAkadori { position: absolute; top: -210px; left: -145px; z-index: 1; }

.BrandFeatureAkaItem02 .BrandFeatureBox02 { padding-right: 45px; }

.BrandFeatureAkaItem03 { margin-top: 300px; }
.BrandFeatureAkaItem03 .BrandFeatureBox02 { padding-right: 25px; }

.BrandFeatureAkaPictShiryo { background: url(../img/brand/aka/img_aka06.png); background-position: calc(50% + 382px) 0; background-repeat: no-repeat; height: 300px; margin-top: -620px; position: relative; }
.BrandFeatureAkaPictShiryo .PictShiryo { text-indent: -9999px; }

/*
++++++++++++++++++++++
	4)Asagiridori
++++++++++++++++++++++
*/
#Brand .BrandAsa { background: url(../img/brand/asa/bg_asa.jpg) no-repeat 60% 70px; background-size: cover; }

.BrandAsaTitle { padding-bottom: 610px; }
.BrandAsaTitle h2 { position: relative; z-index: 1; }

.BrandAsaSeisanchi { position: absolute; top: -42px; right: 78px; }

.BrandAsaContents { margin-top: -340px; }

.BrandWhatContents .TitleAsaImg { margin-right: 112px; }
.BrandWhatContents .TitleAsaText { margin-left: 24px; }

.BrandFeatureAsaItem01 .BrandFeatureBox01 { padding-right: 47px; }
.BrandFeatureAsaItem01 .BrandFeatureBox01 .TextBox { margin-left: auto; }
.BrandFeatureAsaItem01 .BrandFeatureBox01 .PictBox { position: absolute; top: 229px; left: 276px; z-index: 2; }
.BrandFeatureAsaItem01 .PictAsadori { position: absolute; top: -107px; left: -205px; z-index: 1; }

.BrandFeatureAsaItem02 .BrandFeatureBox02 { padding-right: 42px; }

.BrandFeatureAsaItem03 { margin-top: 300px; }
.BrandFeatureAsaItem03 .BrandFeatureBox02 { padding-right: 50px; }

.BrandFeatureAsaPictShiryo { background: url(../img/brand/asa/img_asa05.png); background-position: calc(50% + 375px) 0; background-repeat: no-repeat; height: 291px; margin-top: -615px; position: relative; }
.BrandFeatureAsaPictShiryo .PictShiryo { text-indent: -9999px; }

/*
++++++++++++++++++++++
	2)Food
++++++++++++++++++++++
*/
#Brand .food { background: url(../img/brand/bg_brand.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; }

.FoodContainer { background: rgba(255, 255, 255, 0.9); padding: 45px 0; }

.FoodContents { padding: 0 35px 0 0; }

.FoodGoods figure { border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 20px 5px 20px 0; min-height: 70px; }
.FoodGoods figure p { position: absolute; top: 20px; left: 18px; }
.FoodGoods li:not(:last-child) { margin-bottom: 5px; }
.FoodGoods dl { display: table; width: 100%; }
.FoodGoods dt, .FoodGoods dd { display: table-cell; }
.FoodGoods dt { width: 60px; }
.FoodGoods dd { padding-left: 20px; }
.FoodGoods .SysytemListCategory { padding: 1px; position: static; }

/*
-------------------------
	[5]Merchandise
-------------------------
*/
/*
++++++++++++++++++++++
	1)Merchandise
++++++++++++++++++++++
*/
.ProductLink { width: 100%; display: table; }
.ProductLink li { width: 50%; text-align: center; display: table-cell; vertical-align: middle; }
.ProductLink li:nth-child(1) { background: url(../img/merchandise/bg_bt_parent.jpg) no-repeat 50% 0; background-size: cover; }
.ProductLink li:nth-child(1) a:hover { background: rgba(0, 0, 0, 0.4); }
.ProductLink li:nth-child(1) a p:after { margin-left: 50px; }
.ProductLink li:nth-child(2) { background: url(../img/merchandise/bg_bt_poultry.jpg) no-repeat 50% 0; background-size: cover; }
.ProductLink li:nth-child(2) a:hover { background: rgba(0, 0, 0, 0.2); }
.ProductLink li:nth-child(2) a p:after { margin-left: 25px; }
.ProductLink li a { padding: 170px 0; display: block; }
.ProductLink li a p:after { background: url(../img/arrow/aroow_w_clear_right.png) no-repeat 100% 0; background-size: 38px; content: ""; width: 38px; height: 38px; display: inline-block; vertical-align: middle; }
.ProductLink .MidashiSubMinE { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 23px; /*font-size:($size / 10) * 1rem;*/ }

.ProductBrandContents li { border: 1px solid #999; box-sizing: border-box; width: 465px; padding: 30px 32px 30px 30px; }
.ProductBrandContents li .Column2Left h4 { border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px; }
.ProductBrandContents li .Column2Right a { font-size: 15px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; text-decoration: underline; }
.ProductBrandContents li .Column2Right a:hover { text-decoration: none; }

.ProductMaker { background: #fff; padding: 30px 20px 20px 40px; }
.ProductMaker ul { width: 621px; }
.ProductMaker li { width: 155px; display: inline-block; vertical-align: middle; }
.ProductMaker li:nth-child(2), .ProductMaker li:nth-child(6) { width: 125px; }
.ProductMaker li:nth-child(-n+4) { margin-bottom: 10px; }

.ProductProducts { border: 1px solid #b3b3b3; box-sizing: border-box; padding: 25px 45px 30px 30px; }
.ProductProducts h3 a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #499e8c; text-decoration: underline; }
.ProductProducts h3 a:hover { text-decoration: none; }
.ProductProducts .BgDotted { padding: 17px 0 10px 25px; }

/*
++++++++++++++++++++++
	2)Tori
++++++++++++++++++++++
*/
.ToriLinkBg { background: url(../img/bg/bg_othetfooter.png) repeat-x 0 100%; padding-bottom: 9px; }
.ToriLinkBg .ToriLinkActive, .ToriLinkBg .ToriLink { box-sizing: border-box; width: 470px; text-align: center; }
.ToriLinkBg .ToriLinkActive { border-top: 2px solid #138d6a; border-left: 2px solid #138d6a; border-right: 2px solid #138d6a; margin-bottom: 5px; padding-top: 15px; vertical-align: middle; }
.ToriLinkBg .ToriLink a { background: #138d6a; width: 470px; margin-top: 5px; padding: 15px 0; color: #fff; display: block; }
.ToriLinkBg .ToriLink a:hover { text-decoration: none; opacity: 0.7; transition: opacity 0.5s; }

.ToriLineup { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding: 15px 15px 10px; }
.ToriLineup li { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 1px; padding-left: 18px; display: inline; }
.ToriLineup li:not(:last-child) { margin-right: 30px; }

.ToriList li { width: 176px; margin: 40px 20px 0 0; position: relative; }
.ToriList li:nth-child(5n) { margin-right: 0; }
.ToriList li .TopMeinOver { width: 176px; height: 200px; top: 25px; }
.ToriList li .TopMeinOver span { border: 1px solid #646464; box-sizing: border-box; width: 168px; height: 192px; position: absolute; top: 4px; left: 4px; }
.ToriList li .TopMeinOver img { position: relative; top: 50%; left: 40px; }
.ToriList li:hover .TopMeinOver { opacity: 1; }
.ToriList .text_right { font-family: 'Cormorant Garamond', serif; font-size: 16px; /*font-size:($size / 10) * 1rem;*/ font-style: italic; }

#Merchandise #cboxContent, #Merchandise #cboxLoadedContent { background: none; }
#Merchandise #cboxPrevious { background: url(../img/merchandise/tori/modal_prev.png) no-repeat 0 0; width: 17px; height: 31px; top: 50%; right: 622px; }
#Merchandise #cboxPrevious:hover { background-position: 0 0; }
#Merchandise #cboxNext { background: url(../img/merchandise/tori/modal_next.png) no-repeat 0 0; width: 17px; height: 31px; top: 50%; }
#Merchandise #cboxNext:hover { background-position: 0 0; }
#Merchandise #cboxClose { background: url(../img/merchandise/tori/modal_close.png) no-repeat 0 0; width: 22px; height: 21px; top: 360px; right: 307px; }
#Merchandise #cboxClose:hover { background-position: 0 0; }

/*
++++++++++++++++++++++
	3)System
++++++++++++++++++++++
*/
.tabButton section { display: none; }
.tabButton section.selectedBt { display: block; }

.SystemTab { border-bottom: 1px solid #999; text-align: center; }
.SystemTab li { height: 35px; margin: 0 25px; padding: 0 15px 0 0; display: inline-block; }
.SystemTab li.selectedBt, .SystemTab li:hover { border-bottom: 4px solid #499e8c; cursor: pointer; }
.SystemTab span { background: url(../img/arrow/arrow_c_wgreen_right.png) no-repeat 0 0; padding-left: 20px; }

.SysytemList { border-top: 1px solid #b3b3b3; }
.SysytemList > li { border-bottom: 1px solid #b3b3b3; padding: 30px 0 20px 20px; }
.SysytemList .IconPdfBefore a { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; text-decoration: underline; }
.SysytemList .IconPdfBefore a:hover { text-decoration: none; }

.SysytemListCategory { border: 1px solid #499e8c; box-sizing: border-box; padding: 3px 10px 1px; display: inline; position: absolute; top: 0; right: 0; }

dl.SystemListTable { border-top: 1px solid #b3b3b3; }

.SystemListTable { box-sizing: border-box; width: 100%; padding: 20px 0 0 0; display: table; }
.SystemListTable dt, .SystemListTable dd { display: table-cell; }

.SystemListTableItem { box-sizing: border-box; width: 100%; display: table; }
.SystemListTableItem span { display: table-cell; }

/*
-------------------------
	[6]Recruit
-------------------------
*/
#Recruit .wrap { background: url(../img/recruit/bg_recruit.jpg) no-repeat 100% 0; background-size: cover; background-attachment: fixed; }

.RecruitPeopleBt li { margin: 0 2px; display: inline-block; }

.RecruitStaffNagare { margin-right: -25px; text-align: right; }

.StaffPhotoLight img, .StaffPhotoRight img { position: absolute; }

.StaffPhotoLight img { bottom: -10px; left: 45px; }

.StaffPhotoRight img { bottom: -40px; right: 10px; }

.RecruitStaffNoL01, .RecruitStaffNoL02, .RecruitStaffNoR { position: absolute; bottom: -3px; }

.RecruitStaffNoL01 { left: 295px; }

.RecruitStaffNoL02 { left: 275px; }

.RecruitStaffNoR { right: 260px; }

.RecruitDisContainer { padding: 0 42px; }

.RecruitDisContets p { display: table; width: 100%; margin-bottom: 30px; }
.RecruitDisContets .RecruitDisName, .RecruitDisContets .RecruitDisText { display: table-cell; }
.RecruitDisContets .RecruitDisName { width: 45px; font-weight: bold; color: #138d6a; }

.RecruitContainer { background: rgba(255, 255, 255, 0.85); padding-bottom: 10px; }

.RecruitTitle { padding: 20px 35px; }

.RecruitData { background: #fff; margin-left: 10px; margin-right: 10px; padding: 30px 25px 30px; }

.RecruitDataList li:not(:last-child) { border-bottom: 1px solid #ccc; }
.RecruitDataList li { padding: 15px 10px; }
.RecruitDataList dl { display: table; }
.RecruitDataList dt, .RecruitDataList dd { display: table-cell; vertical-align: top; }

.RecruitDateText { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ position: absolute; top: 5px; right: 10px; }

.RecruitFlow dt { margin: 0 0 7px; }
.RecruitFlow li:not(:last-child):after { content: "▼"; margin: 15px 0 12px; color: #138d6a; font-size: 17px; /*font-size:($size / 10) * 1rem;*/ display: block; }

/*
-------------------------
	[7]Contact
-------------------------
*/
/*
++++++++++++++++++++++
	1)Contact
++++++++++++++++++++++
*/
.ContactAttention { padding-left: 16px; font-size: 12px; /*font-size:($size / 10) * 1rem;*/ }
.ContactAttention.IconCBlackRight { background-size: 13px; }
.ContactAttention a { text-decoration: underline; }
.ContactAttention a:hover { text-decoration: none; }

.ContactHissuMark { position: absolute; top: 50px; left: 0; }

.ContactContents li { border-top: 1px dotted #323232; box-sizing: border-box; padding: 25px 0; }
.ContactContents dl { display: table; width: 100%; }
.ContactContents dt, .ContactContents dd { box-sizing: border-box; display: table-cell; }
.ContactContents dt { width: 200px; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ font-weight: bold; text-align: right; }
.ContactContents dt span { width: 10px; margin-left: 3px; display: inline-block; vertical-align: super; }
.ContactContents dd { width: 762px; padding-left: 50px; }
.ContactContents dd input[type="text"], .ContactContents dd textarea, .ContactContents dd input[type="email"], .ContactContents dd input[type="tel"] { border: 1px solid #b3b3b3; }
.ContactContents dd textarea { width: 100%; }

.ContactSubmit { width: 210px; margin: 45px auto 110px; }
.ContactSubmit input[type="submit"] { background: #323232; border-radius: 3px; border: none; width: 210px; height: 56px; color: #fff; cursor: pointer; }
.ContactSubmit input[type="submit"]:hover { opacity: 0.7; transition: opacity 0.5s; }

/*
++++++++++++++++++++++
	2)Access
++++++++++++++++++++++
*/
.AccessAdd, .AccessAdd dl { display: table; }
.AccessAdd dt, .AccessAdd dd, .AccessAdd dl dt, .AccessAdd dl dd { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ display: table-cell; }

.AccessAdd { box-sizing: border-box; padding-left: 15px; }

.AccessAdd dl { margin-bottom: 5px; padding-left: 40px; }
.AccessAdd dl dt { width: 110px; }
.AccessAdd dl dt:before { content: "●"; margin-right: 3px; }
.AccessAdd dl dd { width: 270px; }

.GoogleMap { background: #eff1f4; }

#Gmap { width: 100%; height: 643px; margin: 0 auto; }

/*
-------------------------
	[8]News
-------------------------
*/
.NewsList { margin: 0 -10px; }
.NewsList li { width: 176px; margin: 0 0 37px; }
.NewsList li a { margin: 0 10px; display: block; text-decoration: none; }
.NewsList li a:hover h3 { text-decoration: underline; }
.NewsList li h3 { margin: 7px 0 0; text-decoration: none; }

.NewsPhoto { width: 156px; height: 156px; margin: 0 0 10px; overflow: hidden; position: relative; }
.NewsPhoto:before { content: ""; display: block; padding-top: 75%; }
.NewsPhoto span { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.NewsPhoto.NewsPhotoNone { border: 1px solid #666; box-sizing: border-box; }
.NewsPhoto.NewsPhotoNone span { background-size: 50px auto; }

.NewsList li time, .NewsTitle time, .NewsContents time { font-style: italic; font-size: 12px; /*font-size:($size / 10) * 1rem;*/ }

.NewsCategoryTitle { border: 1px solid #499e8c; padding: 0 2px; color: #499e8c; display: inline-block; }

.NewsContents { border-top: 1px solid #b3b3b3; margin: 13px 0; padding: 10px 0; }
.NewsContents time { margin: 0 0 50px; display: block; }
.NewsContents .NewsContetsCategory { position: absolute; top: 15px; right: 0; }
.NewsContents p { margin-bottom: 30px; }

.NewsPager, .NewsSinglePager { border-top: 1px dotted #646464; padding: 35px 0 0 0; }

.NewsPager li { width: 30px; height: 30px; margin: 0 3px 3px 0; line-height: 1; text-align: center; display: inline-block; }
.NewsPager li a { border: 1px solid #666; box-sizing: border-box; width: 30px; padding: 7px 0; display: block; }
.NewsPager li a:hover { text-decoration: none; opacity: 0.7; transition: opacity 0.5s; }
.NewsPager li.current { background: #c0dfd7; }
.NewsPager li.continued { padding: 7px 0 0; }
.NewsPager li.prev a, .NewsPager li.next a { border: none; text-decoration: underline; }
.NewsPager li.prev a:hover, .NewsPager li.next a:hover { text-decoration: none; opacity: 1; }
.NewsPager li.prev { margin-right: 18px; }
.NewsPager li.next { margin-left: 15px; }

.NewsSinglePager li { font-size: 13px; /*font-size:($size / 10) * 1rem;*/ display: inline-block; }
.NewsSinglePager li.IconBgCGreenLeft { background-size: 13px; margin-right: 180px; padding-left: 18px; }
.NewsSinglePager li:nth-child(2) { padding-left: 18px; }
.NewsSinglePager li:nth-child(2):after { content: "｜"; }
.NewsSinglePager li:last-child:after { content: ""; }
.NewsSinglePager li.IconCGreenRight { background-position: 100% 3px; padding-right: 18px; }
.NewsSinglePager li a:hover { text-decoration: underline; }

.NewsSelect select { width: 130px; }

.NewsSideText { border-top: 1px dotted #646464; border-bottom: 1px dotted #646464; padding: 30px 0 25px; }

.NewsTitle { border-bottom: 1px dotted #646464; padding: 0 0 15px; }
.NewsTitle li { margin: 0 0 15px; }
.NewsTitle a { display: block; }
.NewsTitle a:hover { text-decoration: none; }
.NewsTitle a:hover span { text-decoration: underline; }
.NewsTitle time { color: #499e8c; }

.NewsCategory { border-top: 1px dotted #646464; padding: 25px 0 0; }
.NewsCategory li a { margin: 0 0 10px; font-size: 13px; /*font-size:($size / 10) * 1rem;*/ color: #499e8c; display: block; }

/*
-------------------------
	[9]Privacy
-------------------------
*/
.PrivacyContents { list-style: decimal outside; }
.PrivacyContents li { padding-bottom: 55px; font-weight: bold; color: #499e8c; }
.PrivacyContents span { display: inline-block; vertical-align: top; }
.PrivacyContents span.text13 { width: 640px; font-weight: normal; color: #323232; }

/*
-------------------------
	[10]MediaQueries
-------------------------
*/
/*
-------------------------
	[1]Top
-------------------------
*/
@media screen and (max-width: 835px) { .TopBrandYamamoto { width: 820px; } }
@media screen and (min-width: 1218px) { .TopBrandFood { padding-top: 575px; } }
/*
-------------------------
	[2]Brand
-------------------------
*/
@media screen and (max-width: 1028px) { .BrandFeatureAkaPictShiryo { background-position: 555px 0; width: 1028px; }
  .BrandFeatureAsaPictShiryo { background-position: 555px 0; width: 1028px; } }
/*
======================================
	Yamamoto_Animation
	2016.09.21
	last 2020.05.20

	[1]Common
		1)Button
	[2]Top
	[3]Product
	[4]Brand
======================================
*/
/*
-------------------------
	[1]Common
-------------------------
*/
/* == 1)Button == */
.WhiteClearBt a, .WhiteClearBt_PDF a, .BlackClearBt a, .BlackClearBt_PDF a, .GreenClearBt a, .GreenClearBt_Shop a, .GreenBt a, .GreenDownBt a, .ProductLink a, .BrandFoodLinkBt a, .WhiteBt a { transition: all 0.5s; }

/*
-------------------------
	[2]Top
-------------------------
*/
.TopFirstLinetop, .TopFirstLinebottom, .TopFirstLineleft, .TopFirstLineright { transition: all 0.3s; }

.TopFirstBt { transition: background 0.5s; }

.TopMeinOver { transition: opacity 0.3s; }

/*
-------------------------
	[3]Product
-------------------------
*/
.ProductLink li a:hover p:after { transform: scale(1.2, 1.2); transition: transform 0.5s; }

/*
-------------------------
	[4]Brand
-------------------------
*/
.FeatureToriPopupBt a { -webkit-animation: Ftoripop 4s linear infinite; animation: Ftoripop 4s linear infinite; background-position: 0 30px; }
.FeatureToriPopupBt a:hover { background-position: 0 30px; }

@keyframes Ftoripop { 0% { background-position: 0 30px; }
  50% { background-position: 0 0; }
  100% { background-position: 0 30px; } }