{"version":3,"file":"../iefix.min.css","sources":["iefix.scss","../utility/_media-queries.scss","../utility/_mixin.scss"],"sourcesContent":["@charset 'UTF-8';\n@import \"/Users/alivevn/Website/vhost/sodick/src/scss/utility/_media-queries.scss\";\n@import \"/Users/alivevn/Website/vhost/sodick/src/scss/utility/_mixin.scss\";\n\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\n  .jp-page .breadcrumbs ul li::before {\n    top: 3px;\n  }\n  .contact__form .formBlock .tableContact td textarea {\n    overflow: auto;\n  }\n  .modal-dialog-centered {\n    height: 95%;\n  }\n}\n@media screen\\0 {\n\n  .jp-page .breadcrumbs ul li::before {\n    top: 3px;\n  }\n  .contact__form .formBlock .tableContact td textarea {\n    overflow: auto;\n  }\n  .modal-dialog-centered {\n    height: 95%;\n  }\n}\n","// --- generator ---------------------------------------------------------------\n\n@mixin mq($args...) {\n  $media-type: 'only screen';\n  $media-type-key: 'media-type';\n  $args: keywords($args);\n  $expr: '';\n\n  @if map-has-key($args, $media-type-key) {\n    $media-type: map-get($args, $media-type-key);\n    $args: map-remove($args, $media-type-key);\n  }\n\n  @each $key, $value in $args {\n    @if $value {\n      $expr: \"#{$expr} and (#{$key}: #{$value})\";\n    }\n  }\n\n  @media #{$media-type} #{$expr} {\n    @content;\n  }\n}\n\n// --- screen ------------------------------------------------------------------\n\n@mixin screen($min, $max, $orientation: false) {\n  @include mq($min-width: $min, $max-width: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen($max) {\n  @include mq($max-width: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen($min) {\n  @include mq($min-width: $min) {\n    @content;\n  }\n}\n\n@mixin screen-height($min, $max, $orientation: false) {\n  @include mq($min-height: $min, $max-height: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen-height($max) {\n  @include mq($max-height: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen-height($min) {\n  @include mq($min-height: $min) {\n    @content;\n  }\n}\n\n// --- hdpi --------------------------------------------------------------------\n\n@mixin hdpi($ratio: 1.3) {\n  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),\n  only screen and (min-resolution: #{round($ratio*96)}dpi) {\n    @content;\n  }\n}\n\n// --- hdtv --------------------------------------------------------------------\n\n@mixin hdtv($standard: '1080') {\n  $min-width: false;\n  $min-height: false;\n\n  $standards: ('720p', 1280px, 720px)\n              ('1080', 1920px, 1080px)\n              ('2K', 2048px, 1080px)\n              ('4K', 4096px, 2160px);\n\n  @each $s in $standards {\n    @if $standard == nth($s, 1) {\n      $min-width: nth($s, 2);\n      $min-height: nth($s, 3);\n    }\n  }\n\n  @include mq(\n    $min-device-width: $min-width,\n    $min-device-height: $min-height,\n    $min-width: $min-width,\n    $min-height: $min-height\n  ) {\n    @content;\n  }\n}\n\n// --- iphone4 -----------------------------------------------------------------\n\n@mixin iphone4($orientation: false) {\n  $min: 320px;\n  $max: 480px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '2/3';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone5 -----------------------------------------------------------------\n\n@mixin iphone5($orientation: false) {\n  $min: 320px;\n  $max: 568px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '40/71';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 -----------------------------------------------------------------\n\n@mixin iphone6($orientation: false) {\n  $min: 375px;\n  $max: 667px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 plus ------------------------------------------------------------\n\n@mixin iphone6-plus($orientation: false) {\n  $min: 414px;\n  $max: 736px;\n  $pixel-ratio: 3;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphoneX ------------------------------------------------------------\n\n@mixin iphoneX($orientation: false) {\n  $min: 375px;\n  $max: 812px;\n  $pixel-ratio: 3;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- ipad (all) --------------------------------------------------------------\n\n@mixin ipad($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation\n  ) {\n    @content;\n  }\n}\n\n// --- ipad-retina -------------------------------------------------------------\n\n@mixin ipad-retina($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- orientation -------------------------------------------------------------\n\n@mixin landscape() {\n  @include mq($orientation: landscape) {\n    @content;\n  }\n}\n\n@mixin portrait() {\n  @include mq($orientation: portrait) {\n    @content;\n  }\n}\n","/* argument */\n$widthcm: 1202px;\n\n$hiragino: \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"ヒラギノ角ゴ Pro W3\", \"ヒラギノ角ゴ W3\", \"メイリオ\", \"Osaka\", \"ＭＳ Ｐゴシック\", \"MS PGothic\", sans-serif;\n$mon: \"Montserrat\", sans-serif;\n$jos: \"Josefin Sans\", sans-serif;\n\n$white: #fff;\n$black: #000;\n\n$paleGrey: #f6f6f6;\n$lightGrey: #e5e5e5;\n$grey: #a8a8a8;\n$mediumGrey: #808080;\n$darkGrey: #323232;\n\n$lightGreen: #03dd28;\n$green: #18a931;\n\n$greenGradient: linear-gradient(to right, #19d83b, $green);\n\n$browser_prefix: (\"-webkit-\", \"-moz-\", \"-ms-\", \"-o-\", \"\");\n@mixin add_prefix($key, $value) {\n  @each $prefix in $browser_prefix {\n    #{$prefix}$key: $value;\n  }\n}\n\n/* font style */\n@mixin ffN {\n  font-family: \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"ヒラギノ角ゴ Pro W3\", \"ヒラギノ角ゴ W3\", \"メイリオ\",\n    \"Osaka\", \"ＭＳ Ｐゴシック\", \"MS PGothic\", sans-serif;\n}\n@mixin ffM {\n  font-family: \"ヒラギノ明朝 Pro\", \"Hiragino Mincho Pro\", \"HGS明朝E\", \"ＭＳ Ｐ明朝\", serif;\n}\n@mixin ffYG {\n  font-family: \"游ゴシック体\", \"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"メイリオ\", Meiryo,\n    \"MS Pゴシック\", \"MS PGothic\", sans-serif;\n}\n@mixin ffYM {\n  font-family: \"游明朝体\", \"Yu Mincho\", YuMincho, \"ヒラギノ明朝 Pro\", \"Hiragino Mincho Pro\", \"MS P明朝\", \"MS PMincho\",\n    serif;\n}\n\n/* site style */\n@mixin text-hide {\n  overflow: hidden;\n  text-indent: -9999px;\n}\n\n/* [ opacity ]\n-------------------------------------------------*/\n@mixin opacity($num) {\n  -ms-filter: alpha(opacity=$num); /* IE8 */\n  opacity: $num/100;\n  //display: inline-block\\9;\n}\n\n/* [ display style ]\n-------------------------------------------------*/\n@mixin display-table {\n  display: table;\n  > * {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n@mixin height-match {\n  display: block;\n  text-align: center;\n  > * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n  &:before {\n    content: \"\";\n    height: 100%;\n    vertical-align: middle;\n    width: 0;\n    display: inline-block;\n  }\n}\n\n/* [ background-image ]\n-------------------------------------------------*/\n@mixin bgimg($url, $rep: repeat, $pos: left top, $color: none, $size: auto) {\n  background-image: url($url);\n  background-repeat: $rep;\n  background-position: $pos;\n  background-color: $color;\n  background-size: $size;\n}\n\n/* [ writing-mode ]\n-------------------------------------------------*/\n@mixin writing-mode($orientation: \"h\", $direction: \"rl\") {\n  @if $orientation == \"v\" {\n    // Vertical with direction, rl by default\n    -ms-writing-mode: tb- + $direction; // IE\n    @each $prefix in $browser_prefix {\n      #{$prefix}writing-mode: vertical- + $direction;\n    }\n  } @else {\n    // Default...\n    -ms-writing-mode: lr-tb; // IE\n    @each $prefix in $browser_prefix {\n      #{prefix}writing-mode: horizontal-tb;\n    }\n  }\n}\n\n/* [ illustrator & photoshop letter spacing ]\n-------------------------------------------------*/\n@function letter-spacing($letter-spacing) {\n  @return ($letter-spacing/ 1000) * 1em;\n}\n@mixin letter-spacing($target) {\n  letter-spacing: letter-spacing($target);\n}\n\n/* [ easy breakpoint ]\n-------------------------------------------------*/\n@mixin PC {\n  @media (min-width: 768px) {\n    @content;\n  }\n}\n\n@mixin SP {\n  @media (max-width: 767px) {\n    @content;\n  }\n}\n\n/* [ easy transform ]\n-------------------------------------------------*/\n@mixin transform($transforms) {\n  @include add_prefix(transform, $transforms);\n}\n\n// Author: Kyohei Maeda\n\n//aspect-ratio fixed box\n//==================================================\n@mixin aspect-ratio($width, $height) {\n  position: relative;\n  &:before {\n    display: block;\n    content: \" \";\n    width: 100%;\n    padding-top: ($height / $width) * 100%;\n  }\n  > .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n\n//font-size with rem\n//==================================================\n@mixin font-size($size: 14) {\n  font-size: $size + px;\n  font-size: ($size / 10) + rem;\n}\n\n@mixin my_menu_effect($items, $delay, $direct) {\n  @each $item in $items {\n    &:nth-child(#{$item}) {\n      @include transition_c(#{$delay}ms, \"delay\");\n    }\n    @if ($direct == \"open\") {\n      $delay: $delay + 50;\n    } @else {\n      $delay: $delay - 50;\n    }\n  }\n}\n\n@mixin transition_c($content, $opt: \"\") {\n  @each $prefix in $browser_prefix {\n    @if ($opt == \"\") {\n      #{$prefix}transition: $content;\n    } @else {\n      #{$prefix}transition-#{$opt}: $content;\n    }\n  }\n}\n\n@mixin transform_c($content) {\n  @each $prefix in $browser_prefix {\n    #{$prefix}transform: $content;\n  }\n}\n\n@mixin calc-css($prefix, $content) {\n  #{$prefix}: -webkit-calc($content);\n  #{$prefix}: -moz-calc($content);\n  #{$prefix}: calc($content);\n}\n\n@mixin border($content, $side: \"\") {\n  @if ($side == \"\") {\n    border: #{$content};\n  } @else {\n    border-#{$side}: #{$content};\n  }\n}\n\n@mixin border-radius($radius, $side: \"\") {\n  @if ($side == \"\") {\n    @each $prefix in $browser_prefix {\n      #{$prefix}border-radius: $radius;\n    }\n  } @else {\n    @each $prefix in $browser_prefix {\n      #{$prefix}border-#{$side}-radius: $radius;\n    }\n  }\n}\n\n@mixin clearfix() {\n  &:before,\n  &:after {\n    content: \" \";\n    display: table;\n  }\n  &:after {\n    clear: both;\n  }\n}\n\n//==================================================\n// Black and White Opacity Functions\n// Call | .css { background: black(0.5); }\n//==================================================\n@function black($opacity) {\n  @return rgba(black, $opacity);\n}\n@function white($opacity) {\n  @return rgba(white, $opacity);\n}\n\n//==================================================\n// Centering\n// Call | .css { @include centerer; }\n//==================================================\n\n@mixin centerer {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n// If you want to be able to center in only one direction...\n\n@mixin centerer($horizontal: true, $vertical: true) {\n  position: absolute;\n  @if ($horizontal and $vertical) {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  } @else if ($horizontal) {\n    left: 50%;\n    transform: translate(-50%, 0);\n  } @else if ($vertical) {\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n}\n\n//==================================================\n// Triangle helper mixin\n// @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`\n// @param {Color} $color [currentcolor] - Triangle color\n// @param {Length} $size [1em] - Triangle size\n// Call | .css::before { @include triangle(bottom, #000, 5px); }\n//==================================================\n\n@mixin triangle($direction, $color: currentcolor, $size: 1em, $distance: 5px) {\n  @if not index(top right bottom left, $direction) {\n    @error \"Direction must be either `top`, `right`, `bottom` or `left`.\";\n  }\n\n  width: 0;\n  height: 0;\n  content: \"\";\n  z-index: 2;\n  margin: $distance;\n  border-#{opposite-position($direction)}: ($size * 1.5) solid $color;\n\n  $perpendicular-borders: $size solid transparent;\n\n  @if $direction == top or $direction == bottom {\n    border-left: $perpendicular-borders;\n    border-right: $perpendicular-borders;\n  } @else if $direction == right or $direction == left {\n    border-bottom: $perpendicular-borders;\n    border-top: $perpendicular-borders;\n  }\n}\n\n// miltiple lines ellipsis\n//==================================================\n@mixin multiLineEllipsis($lineCount: 1) {\n  overflow: hidden;\n  width: 100%;\n  -webkit-line-clamp: $lineCount;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n\n// miltiple lines ellipsis for FF & IE\n//==================================================\n@mixin multiLineEllipsisForFF($lineHeight: 1.2em, $lineCount: 1, $bgColor: white) {\n  overflow: hidden;\n  position: relative;\n  line-height: $lineHeight;\n  max-height: $lineHeight * $lineCount;\n  text-align: justify;\n  margin-right: -1.15em;\n  padding-right: 1.15em;\n  &:before {\n    content: \"…\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n  }\n  &:after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    width: 1.15em;\n    height: 1em;\n    margin-top: 0.2em;\n    background: $bgColor;\n  }\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n    text-justify: inter-cluster;\n  }\n}\n\n// FONT SMOOTH\n//==================================================\n@mixin font-smooth() {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// FLEXBOX\n//==================================================\n@mixin flexbox() {\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n}\n\n@mixin flex($values: 1) {\n  -webkit-box-flex: $values;\n  -moz-box-flex: $values;\n  -webkit-flex: $values;\n  -ms-flex: $values;\n  flex: $values;\n}\n\n@mixin flex-wrap($wrap: wrap) {\n  -webkit-flex-wrap: $wrap;\n  -moz-flex-wrap: $wrap;\n  -ms-flex-wrap: $wrap;\n  flex-wrap: $wrap;\n}\n\n@mixin align-items($align: center) {\n  -webkit-align-items: $align;\n  -moz-align-items: $align;\n  -ms-align-items: $align;\n  align-items: $align;\n}\n\n@mixin justify-content($direction: center) {\n  -webkit-justify-content: $direction;\n  -moz-justify-content: $direction;\n  -ms-justify-content: $direction;\n  justify-content: $direction;\n}\n\n@mixin flex-direction($direction: column) {\n  -webkit-flex-direction: $direction;\n  -moz-flex-direction: $direction;\n  -ms-flex-direction: $direction;\n  flex-direction: $direction;\n}\n\n// FONT\n//==================================================\n@mixin font($size: \"\", $lh: \"\", $letter: \"\", $fw: \"\") {\n  @if ($size != \"\") {\n    font-size: $size + px;\n    font-size: ($size / 10) + rem;\n  }\n  @if ($lh != \"\") {\n    line-height: $lh + px;\n  }\n  @if ($letter != \"\") {\n    letter-spacing: $letter + em;\n  }\n  @if ($fw != \"\") {\n    font-weight: $fw;\n  }\n}\n\n// ABSOLUTE\n//==================================================\n@mixin absolute($width: \"\", $height: \"\", $top: \"\", $bottom: \"\", $right: \"\", $left: \"\") {\n  position: absolute;\n  @if ($width!= \"\") {\n    width: $width;\n  }\n  @if ($height!= \"\") {\n    height: $height;\n  }\n  @if ($top!= \"\") {\n    top: $top;\n  }\n  @if ($bottom!= \"\") {\n    bottom: $bottom;\n  }\n  @if ($right!= \"\") {\n    right: $right;\n  }\n  @if ($left!= \"\") {\n    left: $left;\n  }\n}\n\n// DETECT\n//==================================================\n@mixin IE {\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n    @content;\n  }\n}\n\n@mixin IPAD {\n  @include screen(768px, 1024px) {\n    @content;\n  }\n}\n\n@mixin HOVER {\n  @include min-screen(1025px) {\n    @content;\n  }\n}\n\n@mixin IP5 {\n  @include max-screen(350px) {\n    @content;\n  }\n}\n\n@mixin ANDR {\n  @include max-screen(370px) {\n    @content;\n  }\n}\n"],"names":[],"mappings":"AAKA,MAAM,CAAC,GAAG,OAAO,gBAAgB,EAAE,IAAI,KAAI,gBAAgB,EAAE,MAAM,EAEjE,AAAA,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,AAAA,QAAQ,AAAC,CAClC,GAAG,CAAE,GAAG,CACT,AACD,AAAA,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC,QAAQ,AAAC,CAClD,QAAQ,CAAE,IAAI,CACf,AACD,AAAA,sBAAsB,AAAC,CACrB,MAAM,CAAE,GAAG,CACZ,CAEH,MAAM,CAAC,SAAS,CAEd,AAAA,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,AAAA,QAAQ,AAAC,CAClC,GAAG,CAAE,GAAG,CACT,AACD,AAAA,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC,QAAQ,AAAC,CAClD,QAAQ,CAAE,IAAI,CACf,AACD,AAAA,sBAAsB,AAAC,CACrB,MAAM,CAAE,GAAG,CACZ"}