@charset "UTF-8";
/*****************************
  Clientlibs config
 *****************************/
/*
 setting
 （上書き禁止）
 */
/*
 common veriable
 （共通変数・任意）
 */
/* design foundation */
/*****************************
  principles
 *****************************/
/*
 design principles
 （サイト、ページ別に上書きを許可）
 */
/*****************************
  Content Color set (light)
 *****************************/
/* Body */
/* Brand Header */
/* Local Navigation */
/* Breadcrumbs */
/* Contents Area */
/* Link */
/* Button */
/* Accordion */
/* Tab Menu */
/* TileLink */
/* NewsIndex */
/* TelephoneCallItem */
/* FullwidthVisuals&Carousel */
/* ImageCarousel */
/* Label/Tag */
/* DefinitionList */
/* YouTubeVideo */
/* FacebookPost */
/* TwitterPost */
/* InstagramPost */
/* Store Locator */
/* Overlay */
/* Brand Footer */
/* Page Top */
/* Privacy Notice */
/* Option */
/*****************************
  principles font-family ゴシック
 *****************************/
/*
 Break-Point
 @param $point (sm, md, lg)
 */
/*
 Font-Size
 @param $level
        (lv1, lv2, lv3, lv4, lv5, lv6, body, caption)
 */
/*
 Font-Family（言語別展開）
 @param 変数名
 */
/*
 Font-Size（言語展開）
 @param 変数名
 */
/*
 Line-Height（言語展開）
 @param 変数名
 */
/*
 Letter-Spacing（言語展開）
 @param 変数名
 */
/*
 Link
 */
/*
 AreaLink
 */
/*
 Button
 */
/*
  gutterWrapper (Column)に対してガターマージンをセット
  @param $level s,m,l,xl,reset
*/
/*
  gutterInner (Column)に対してガターマージンをセット
  @param $level s,m,l,xl,reset
*/
/*
  gutterItemWrapperに対してマージンをセット
  @param $resetFlg マージンリセットフラグ
*/
/*
  gutterInnerに対してマージンをセット
  @param $resetFlg マージンリセットフラグ
*/
/*
  gutterWrapper (CarouselImage)に対してガターマージンをセット
  @param none
*/
/*
  gutterInner (CarouselImage)に対してガターマージンをセット
  @param none
*/
/*
  上マージン.
  @param $level s,m,l,xl
*/
/*
  下マージン.
  @param $level s,m,l,xl
*/
/*
  左マージン.
  @param $level s,m,l,xl
*/
/*
  右マージン.
  @param $level s,m,l,xl
*/
/*
 Corner Radius（※廃止予定）
 @param $size (ss, s, m, l, ll)
 */
/*
 Image(or Movie) Text Pack(Horizontal)内のHeadingTitle
 @param $imagePosition(left, right)
 */
/*
 Map Access Pack(Horizontal)内のHeadingTitle
 @param $mapPosition(left, right)
 */
/*
  シャドウ.
  @param $pattern A,B,none
*/
/*
  ボタン用シャドウ.
  @param $visible true,false
*/
/*
  Label/Tag Pack用 border
  @param $visible true,false
*/
/* custum brand header */
/*
  KC向けブランドヘッダーアイコン (2017/12追加)
*/
@font-face {
  font-family: 'kcicon';
  src: url("../fonts/kc.eot");
  src: url("../fonts/kc.eot#iefix") format("embedded-opentype"), url("../fonts/kc.ttf") format("truetype"), url("../fonts/kc.woff") format("woff"), url("../fonts/kc.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.g-BrHeaderNav__buttonBlock a {
  display: inline-block;
}
.is-kcMenu .g-BrHeaderNav__buttonBlock a {
  padding: 0;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 29px;
  height: 29px;
  padding-top: 29px;
  letter-spacing: 0;
  line-height: 1;
}
.is-kcMenu .g-BrHeaderNav__buttonBlock a .cmn-icon {
  width: 25px;
  font-family: 'kcicon';
  font-size: 25px;
  line-height: 1;
  right: 2px;
  margin-top: -.5em;
}
.is-kcMenu .g-BrHeaderNav__buttonBlock a .cmn-icon.cmn-icon--down:before {
  content: "\e013";
}
.is-kcMenu .g-BrHeaderNav__buttonBlock a .cmn-icon.cmn-icon--up:before {
  content: "\e014";
}