<commit_before>@import 'compass';
@import '../../../bower_components/compass-h5bp/stylesheets/h5bp';
@import '../../../bower_components/normalize.scss/normalize';


// @include h5bp-normalize;
@include h5bp-main;
@include h5bp-browserupgrade;
// @include h5bp-errorpage;
@include h5bp-custom;
@include h5bp-helpers;
// @include h5bp-media;


/* ==================================================================
 * Compass Setting
 * ------------------------------------------------------------------ */

$experimental-support-for-svg: true;
$base-font-size              : 14px;
$base-line-height            : 21px;
$rhythm-unit                 : 'rem';

@include establish-baseline;


/* ==================================================================
 * $variables
 * ------------------------------------------------------------------ */

/* ---------------------------------
 *   Font   */

$font-family--hirakaku        : 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
$font-family--hirakaku-black  : 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN';

$font-family--yugothic        : '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic;
$font-family--yuMincho        : '游明朝体', '游明朝', 'Yu Mincho', YuMincho;

$font-family--helvetica       : 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';
$font-family--helvetica--bold : 'HelveticaNeueBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'HelveticaBold', 'Helvetica-Bold', 'Helvetica Bold', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';
$font-family--helvetica--black: 'HelveticaNeueBlack', 'HelveticaNeue-Black', 'Helvetica Neue Black', 'HelveticaBlack', 'Helvetica-Black', 'Helvetica Black', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';

$font-family--default         : #{$font-family--helvetica}, #{$font-family--hirakaku}, 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;


/* ==================================================================
 *
 * MIXIN
 *
 * ------------------------------------------------------------------ */

/* ==================================================================
 * REM Font Size
 * ------------------------------------------------------------------ */

@mixin compass-font-size ($size) {
    @include output-rhythm(font-size, convert-length($size, $rhythm-unit));
}


/* ==================================================================
 * Font Smoothing
 * ------------------------------------------------------------------ */

@mixin font-smoothing ($_mode: true) {
    @if $_mode == true {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    @else {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: unset;
    }
}


/* ==================================================================
 * Font Feature Settings
 * ------------------------------------------------------------------ */

@mixin font-feature-settings-kirn ($_mode: 'kirn') {
    font-feature-settings: '#{$_mode}';
    -webkit-font-feature-settings: '#{$_mode}';
    -moz-font-feature-settings: '#{$_mode}';
    -moz-font-feature-settings: '#{$_mode}=1';
}


/* ==================================================================
 * Responsive Layout
 * ------------------------------------------------------------------ */

@mixin mq--pc-normal {
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
        @content;
    }
}

@mixin mq--pc {
    @media only screen and (min-width: 641px) and (min-device-width: 768px) {
        @content;
    }
}

@mixin mq--sp {
    @media only screen and (min-device-width: 320px) and (max-device-width: 640px), (max-width: 640px) {
        @content;
    }

	@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
        @content;
    }
}


/* ==================================================================
 * CSS Image Sprite
 * ------------------------------------------------------------------ */

@mixin sprite ($_src, $_src_2x, $_width, $_height, $_left, $_top, $_display: block) {
    display: $_display;

    width: $_width;
    height: $_height;

    background-image: image-url($_src);
    background-repeat: no-repeat;
    background-position: $_left $_top;
    @if $_src_2x != false {
        @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
            background-image: image-url($_src_2x);
            -webkit-background-size: round(image-width($_src_2x)/2) round(image-height($_src_2x)/2);
                    background-size: round(image-width($_src_2x)/2) round(image-height($_src_2x)/2);
        }
    }
}


/* ==================================================================
 * Vertical Middle
 * ------------------------------------------------------------------ */

@mixin verticalMiddle ($_h) {
	height: $_h;
	vertical-align: middle;
	line-height: $_h;
}


/* ==================================================================
 * Line Clamp
 * ------------------------------------------------------------------ */

@mixin line-clamp ($_line) {
	display: -webkit-box;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: $_line;
}


/* ==================================================================
 * hover
 * ------------------------------------------------------------------ */

@mixin hover () {
	@at-root .no-touch &:hover {
		@content;
	}

	@at-root .touch &.hover {
		@content;
	}
}


/* ==================================================================
 * CSS Animation
 * ------------------------------------------------------------------ */

// duration     Specifies how many seconds or milliseconds an animation takes to complete one cycle. Default 0
// delay        Specifies when the animation will start. Default 0
// function     Describes how the animation will progress over one cycle of its duration. Default "ease"
// count        Specifies the number of times an animation is played. Default 1
// fill-mode    Specifies if the effects of an animation are before the animation starts and after it ends.
// visibility   Determines whether or not a transformed element is visible when it is not facing the screen.

$countDefault     : 1s !default;
$durationDefault  : 1s !default;
$delayDefault     : 0s !default;
$functionDefault  : ease !default;
$fillDefault      : both;
$visibilityDefault: hidden !default;

@mixin count($count: 1) {
  -webkit-animation-iteration-count: $count;
     -moz-animation-iteration-count: $count;
      -ms-animation-iteration-count: $count;
       -o-animation-iteration-count: $count;
          animation-iteration-count: $count;
}

@mixin duration($duration: 1s) {
  -webkit-animation-duration: $duration;
     -moz-animation-duration: $duration;
      -ms-animation-duration: $duration;
       -o-animation-duration: $duration;
          animation-duration: $duration;
}

@mixin delay($delay: .2s) {
  -webkit-animation-delay: $delay;
     -moz-animation-delay: $delay;
      -ms-animation-delay: $delay;
       -o-animation-delay: $delay;<commit_msg>不要なデフォルト値を削除<commit_after>@import 'compass';
@import '../../../bower_components/compass-h5bp/stylesheets/h5bp';
@import '../../../bower_components/normalize.scss/normalize';


// @include h5bp-normalize;
@include h5bp-main;
@include h5bp-browserupgrade;
// @include h5bp-errorpage;
@include h5bp-custom;
@include h5bp-helpers;
// @include h5bp-media;


/* ==================================================================
 * Compass Setting
 * ------------------------------------------------------------------ */

$experimental-support-for-svg: true;
$base-font-size              : 14px;
$base-line-height            : 21px;
$rhythm-unit                 : 'rem';

@include establish-baseline;


/* ==================================================================
 * $variables
 * ------------------------------------------------------------------ */

/* ---------------------------------
 *   Font   */

$font-family--hirakaku        : 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
$font-family--hirakaku-black  : 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN';

$font-family--yugothic        : '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic;
$font-family--yuMincho        : '游明朝体', '游明朝', 'Yu Mincho', YuMincho;

$font-family--helvetica       : 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';
$font-family--helvetica--bold : 'HelveticaNeueBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'HelveticaBold', 'Helvetica-Bold', 'Helvetica Bold', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';
$font-family--helvetica--black: 'HelveticaNeueBlack', 'HelveticaNeue-Black', 'Helvetica Neue Black', 'HelveticaBlack', 'Helvetica-Black', 'Helvetica Black', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica';

$font-family--default         : #{$font-family--helvetica}, #{$font-family--hirakaku}, 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;


/* ==================================================================
 *
 * MIXIN
 *
 * ------------------------------------------------------------------ */

/* ==================================================================
 * REM Font Size
 * ------------------------------------------------------------------ */

@mixin compass-font-size ($size) {
    @include output-rhythm(font-size, convert-length($size, $rhythm-unit));
}


/* ==================================================================
 * Font Smoothing
 * ------------------------------------------------------------------ */

@mixin font-smoothing ($_mode: true) {
    @if $_mode == true {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    @else {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: unset;
    }
}


/* ==================================================================
 * Font Feature Settings
 * ------------------------------------------------------------------ */

@mixin font-feature-settings-kirn ($_mode: 'kirn') {
    font-feature-settings: '#{$_mode}';
    -webkit-font-feature-settings: '#{$_mode}';
    -moz-font-feature-settings: '#{$_mode}';
    -moz-font-feature-settings: '#{$_mode}=1';
}


/* ==================================================================
 * Responsive Layout
 * ------------------------------------------------------------------ */

@mixin mq--pc-normal {
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
        @content;
    }
}

@mixin mq--pc {
    @media only screen and (min-width: 641px) and (min-device-width: 768px) {
        @content;
    }
}

@mixin mq--sp {
    @media only screen and (min-device-width: 320px) and (max-device-width: 640px), (max-width: 640px) {
        @content;
    }

	@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
        @content;
    }
}


/* ==================================================================
 * CSS Image Sprite
 * ------------------------------------------------------------------ */

@mixin sprite ($_src, $_src_2x, $_width, $_height, $_left, $_top, $_display: block) {
    display: $_display;

    width: $_width;
    height: $_height;

    background-image: image-url($_src);
    background-repeat: no-repeat;
    background-position: $_left $_top;
    @if $_src_2x != false {
        @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
            background-image: image-url($_src_2x);
            -webkit-background-size: round(image-width($_src_2x)/2) round(image-height($_src_2x)/2);
                    background-size: round(image-width($_src_2x)/2) round(image-height($_src_2x)/2);
        }
    }
}


/* ==================================================================
 * Vertical Middle
 * ------------------------------------------------------------------ */

@mixin verticalMiddle ($_h) {
	height: $_h;
	vertical-align: middle;
	line-height: $_h;
}


/* ==================================================================
 * Line Clamp
 * ------------------------------------------------------------------ */

@mixin line-clamp ($_line) {
	display: -webkit-box;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: $_line;
}


/* ==================================================================
 * hover
 * ------------------------------------------------------------------ */

@mixin hover () {
	@at-root .no-touch &:hover {
		@content;
	}

	@at-root .touch &.hover {
		@content;
	}
}


/* ==================================================================
 * CSS Animation
 * ------------------------------------------------------------------ */

// duration     Specifies how many seconds or milliseconds an animation takes to complete one cycle. Default 0
// delay        Specifies when the animation will start. Default 0
// function     Describes how the animation will progress over one cycle of its duration. Default "ease"
// count        Specifies the number of times an animation is played. Default 1
// fill-mode    Specifies if the effects of an animation are before the animation starts and after it ends.
// visibility   Determines whether or not a transformed element is visible when it is not facing the screen.

@mixin count($count: 1) {
  -webkit-animation-iteration-count: $count;
     -moz-animation-iteration-count: $count;
      -ms-animation-iteration-count: $count;
       -o-animation-iteration-count: $count;
          animation-iteration-count: $count;
}

@mixin duration($duration: 1s) {
  -webkit-animation-duration: $duration;
     -moz-animation-duration: $duration;
      -ms-animation-duration: $duration;
       -o-animation-duration: $duration;
          animation-duration: $duration;
}

@mixin delay($delay: .2s) {
  -webkit-animation-delay: $delay;
     -moz-animation-delay: $delay;
      -ms-animation-delay: $delay;
       -o-animation-delay: $delay;
{'fraction_non_alphanumeric': 0.3571325752123219, 'fraction_numerical': 0.009140636245861523, 'mean_word_length': 2.1935187313261317, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6516444', 'n_tokens_mistral': 4158, 'n_tokens_neox': 3897, 'n_words': 826}