/* ================= common.css ======================
■サイト共通

0.common
1.font
2.link
3.space
4.color

============================================= */

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*----------------------------------------------
 0.common
---------------------------------------------- */
html {
	overflow: auto;
}
body {
	overflow-x: hidden;
	position: relative;
	margin:0 auto;
	font-size:14px;
}

/*----------------------------------------------
 1.font
---------------------------------------------- */
.noto {font-family: 'Noto Sans Japanese', serif;}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

.lh0 { line-height:0;}
.lh14 { line-height:1.4;}
.lh16 { line-height:1.6;}
.lh2 { line-height:2.0;}

.f-Fjalla {	font-family: 'Fjalla One', sans-serif;	}

::selection {
    background: #EA0437;
	color:#FFF;
}
::-moz-selection {
    background: #EA0437; 
	color:#FFF;
}
i {	margin-right:5px;}

.pink { color: #EA0437}

/*----------------------------------------------
 2.link
---------------------------------------------- */
a ,
a:link,
a:visited,
a:active {
	color: #EA0437;
	text-decoration: none;
	outline:none;
}
a:hover { color: #333; text-decoration: none ; }

/*----------------------------------------------
 3.space
---------------------------------------------- */
.frame {
	margin:0 auto;
	position:relative;
	clear:both;
}
.ofh {
	overflow:hidden;
	
}
@media screen and (min-width: 768px) {
.frame {
	width:1200px;
}
}
/*----------------------------------------------
 4.color
---------------------------------------------- */
.red { color: #EA0437}