@charset "utf-8";
html {
overflow-y:scroll;
-webkit-text-size-adjust:100%;
}
@media screen and (max-width: 480px) {
html{ font-size :12px;}
}
@media screen and (max-width: 768px){
html{ font-size :16px;}
}
@media screen and (min-width: 769px) {
html{ font-size :16px;}
}
/* 一括で全ての要素の余白をゼロに指定 */
* {
padding: 0;
margin: 0;
}
img { vertical-align: bottom; }
/*floatのクリア*/
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix{
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}
/* End Hack */
/*フォント読み込み*/
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url('../font/Noto Sans Japanese DL.eot'); /* IE9 Compat Modes */
src: url('../font/Noto Sans Japanese DL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/Noto Sans Japanese DL.woff') format('woff'), /* Modern Browsers */
url('../font/Noto Sans Japanese DL.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url('../font/Noto Sans Japanese Bl.eot');
src: url('../font/Noto Sans Japanese Bl.eot?#iefix') format('embedded-opentype'),
url('../font/Noto Sans Japanese Bl.woff') format('woff'),
url('../font/Noto Sans Japanese Bl.ttf') format('truetype');
}
/*リンク*/
a { color: #333333; text-decoration: none;}
a:link { color: #666666; text-decoration: none;}
a:visited { color: #666666; text-decoration: none;}
a:hover { color: #669900; }
/*リンク画像のボーダーを非表示*/
a img {
border:none;
}
a:hover img {
opacity: 0.6;
}
/*リストのマークを非表示*/
ol,ul,li {
list-style-type: none;
}
p {
font-size:1rem;
line-height:1.8rem;
}
/*フォントサイズ*/
.f-s {
font-size:0.8rem !important;
line-height:1.4rem !important;
}
.f-m {
font-size:1.2rem !important;
line-height:2.32rem !important;
}
.f-l {
font-size:1.7rem !important;
line-height:2.4rem !important;
}
.f-xl {
font-size:2.2rem !important;
line-height:3.2rem !important;
}
/*文字装飾*/
.txt_normal {
font-weight:normal;
}
.txt_bold {
font-weight:bold;
}
.bold_red {
font-weight:bold;
color:#cc0000;
}
.ch_green {
color:#004f18;
}
.ch_green a {
color:#004f18;
}
.ch_green a:hover {
color:#669900;
}
.orange {
color:#ff6600;
}
.u-line {
text-decoration:underline;
}
.indent {
text-indent:-21px;
padding-left:20px;
}
/*マージン*/
.mt5 {
margin-top:5px;
}
.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px;
}
.mt40 {
margin-top:40px;
}
.ml10 {
margin-left:10px;
}
.m3 {
margin:3px;
}
.m5 {
margin:5px;
}
.m8 {
margin:8px;
}
.m10 {
margin:10px !important;
}
.m15 {
margin:15px;
}
.mrl3 {
margin-left:3px;
margin-right:3px;
}
.mrl5 {
margin-left:5px;
margin-right:5px;
}
.mrl15 {
margin-left:15px;
margin-right:15px;
}
.mrl20 {
margin-left:20px;
margin-right:20px;
}
.mrl-auto {
margin-left:auto !important;
margin-right:auto !important;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.pt5 {
padding-top:5px;
}
.plr15 {
padding-left:15px;
padding-right:15px;
}
/*テキスト位置*/
.txt_center {
text-align:center !important;
}
.txt_left {
text-align:left !important;
}
.txt_right {
text-align:right !important;
}
/*float*/
.fl_left {
float:left;
}
.fl_right {
float:right;
}
/*画像切り替え用*/
.switch {
visibility: hidden;
}