icon font
@font-face {
font-family: "NotoSansCJKjp-regular";
font-style: normal;
font-weight: 400;
src: local('Noto Sans CJK JP Regular'),
url('fonts/noto/NotoSansCJKjp-Regular.woff') format('woff'),
url('fonts/noto/NotoSansCJKjp-Regular.otf') format('opentype')
}
@font-face {
font-family: "NotoSansCJKjp-light";
font-style: normal;
font-weight: 300;
src: local('Noto Sans CJK JP Light'),
url('fonts/noto/NotoSansCJKjp-Light.woff') format('woff'),
url('fonts/noto/NotoSansCJKjp-Light.otf') format('opentype')
}
@font-face {
font-family: "gidole";
font-style: normal;
font-weight: normal;
src: url('fonts/gidole/gidole-regular.eot');
src: url('fonts/gidole/gidole-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/gidole/Gidole.woff') format('woff'),
url('fonts/gidole/Gidole.ttf') format('truetype')
}
$f_base: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
$f_noto: "NotoSansCJKjp-regular";
$f_noto-l: "NotoSansCJKjp-light";
$f_gidole: "gidole";
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?ze0mzn');
src: url('fonts/icomoon.eot?ze0mzn#iefix') format('embedded-opentype'),
url('fonts/icon/icomoon.ttf?ze0mzn') format('truetype'),
url('fonts/icon/icomoon.woff?ze0mzn') format('woff'),
url('fonts/icon/icomoon.svg?ze0mzn#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-line:before {
content: "\e902";
}
.icon-entry_arrow_right:before {
content: "\e90b";
}
.icon-line_arrow_left:before {
content: "\e90c";
}
.icon-line_arrow_right:before {
content: "\e90d";
}
.icon-small_arrow_right:before {
content: "\e90e";
}
.icon-close:before {
content: "\e907";
}
.icon-minus:before {
content: "\e908";
}
.icon-plus:before {
content: "\e909";
}
.icon-sns:before {
content: "\e90a";
}
.icon-blank:before {
content: "\e900";
}
.icon-facebook:before {
content: "\e901";
}
.icon-googleplus:before {
content: "\e90f";
}
.icon-left_arrow:before {
content: "\e903";
}
.icon-right_arrow:before {
content: "\e904";
}
.icon-twitter:before {
content: "\e905";
}
.icon-up_arrow:before {
content: "\e906";
}
/* sp menu
* --------------------------------------- */
@include mqSP{
.icon-facebook:before {
color: $c_w;
}
.icon-googleplus:before {
color: $c_w;
}
.icon-twitter:before {
color: $c_w;
}
}
##icomoon
/* -----------------
icofont settings
----------------- */
@mixin icofont {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}