//Vendor
@import "compass";

$second-color:#005194;
$accent-color:#cc0000;
$my-navi-color: #f5f5f5;
$effect-color: #d50d18;

$font-color: #393939;
$font-warning-color: #cc0000;
$font-color-light:#fff;

// リンクカラー
$link-color: #d50d18;
$link-color-hover: lighten( $link-color, 20% );
$link-color-active: lighten( $link-color, 20% );
$link-color-visited: darken( $link-color, 20% );
$link-color2: #005194;
$link-color2-hover: lighten( $link-color, 20% );
$link-color2-active: lighten( $link-color, 20% );
$link-color2-visited: darken( $link-color, 20% );

$my-navi-color: #f5f5f5;
$my-font-color: #005194;
$my-font-color2: #393939;
$my-btn-color1: #fff;
$my-btn-color2: #005194;
$my-btn-color3: #d50d18;

// フォントウェイト
$font-thin: 300;
$font-normal: 400;
$font-thick: 600;

// ブレイクポイント
$newbreak-pc: 999px;
$newbreak-tb: 768px;
$newbreak-sp: 540px;


//mixin
@mixin profile-image($radius: 30) {
    width: $radius + px;
    height: $radius + px;
    @include border-radius(round($radius/2) + px);
    overflow:hidden;
    > img {
        width:100%;
    }
    background-color:#ccc;
}

//ラッパー
@mixin wrap($wrap-width) {
    padding: 0 20px;
    max-width: calc(#{$wrap-width} + 40px);
    margin: 0 auto;
    @media screen and (max-width:$newbreak-sp) {
        padding: 0 10px;
    }
}
//行揃え(インデント)
@mixin indent($xrem) {
    margin-left: $xrem;
    text-indent: -$xrem;
}
//フォント=>サイズ・太さ・文字間・行間
@mixin font-style($f-size, $f-weight:400, $f-letter:0, $f-height:1) {
    font-size: $f-size;
    font-weight: $f-weight;
    letter-spacing: $f-letter;
    line-height: $f-height;
}
//アイコン矢印 (くの字)
@mixin Arrow-Right($weight:4px, $color:#000, $size:20px, $radius:0) { //右向き
    border-top: solid $weight $color;
    border-right: solid $weight $color;
    width: $size;
    height: $size;
    border-radius: 0 $radius 0 0;
    transform: rotate(45deg);
}
@mixin Arrow-Left($weight:4px, $color:#000, $size:20px, $radius:0) { //左向き
    border-bottom: solid $weight $color;
    border-left: solid $weight $color;
    width: $size;
    height: $size;
    border-radius: 0 0 0 $radius;
    transform: rotate(45deg);
}
@mixin Arrow-Top($weight:4px, $color:#000, $size:20px, $radius:0) { //上向き
    border-top: solid $weight $color;
    border-left: solid $weight $color;
    width: $size;
    height: $size;
    border-radius: $radius 0 0 0;
    transform: rotate(45deg);
}
@mixin Arrow-Bottom($weight:4px, $color:#000, $size:20px, $radius:0) { //下向き
    border-bottom: solid $weight $color;
    border-right: solid $weight $color;
    width: $size;
    height: $size;
    border-radius: 0 0 $radius 0;
    transform: rotate(45deg);
}