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

1.font
2.link
3.space
4.position
5.clear

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

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------------------------------------
 1.font
---------------------------------------------- */
body {
	margin:0 auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	font-size:14px;
	line-height:1.6;
}
.fs10 {font-size:10px !important;}
.fs12 { font-size:12px !important;}
.fs14 { font-size:14px !important;}
.fs16 { font-size:16px !important;}
.fs18 { font-size:18px !important;}
.fs20 { font-size:20px !important;}
.fs24 { font-size:24px !important;}

.bold {	font-weight:bold !important;}
.normal {	font-weight: normal !important;}

.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;}

.white {color:#FFF;}
.gray {color:#333;}
.red {color:#C00;}
.black { color:#000;}
.gold {	color:#D09317;}

::selection {
    background: #E09D2C;
	color:#FFF;
}
::-moz-selection {
    background: #E09D2C; 
	color:#FFF;
}
/*----------------------------------------------
 2.link
---------------------------------------------- */
a:link,
a:visited,
a:active {
	color: #D09317;
	text-decoration: none;
	outline:none;
}


a {
	/* -webkit-transition: all 0.2s ease; */
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration:none;

 }
a:hover { color: #333; text-decoration: none ; }

.hover_anime a {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
/*----------------------------------------------
 3.space
---------------------------------------------- */
.frame {
	clear:both;
	margin:0 auto;	
}
.marB0 { margin-bottom:0px !important;}
.marB5 { margin-bottom:5px !important;}
.marB10 { margin-bottom:10px !important;}
.marB20 { margin-bottom:20px !important;}
.marB30 { margin-bottom:30px !important;}
.marB40 { margin-bottom:40px !important;}
.marB50 { margin-bottom:50px !important;}
.marB60 { margin-bottom:60px !important;}
.marB70 { margin-bottom:70px !important;}
.marB80 { margin-bottom:80px !important;}

.marT0 { margin-top:0px !important;}
.marT5 { margin-top:5px !important;}
.marT10 { margin-top:10px !important;}
.marT20 { margin-top:20px !important;}
.marT30 { margin-top:30px !important;}
.marT40 { margin-top:40px !important;}
.marT50 { margin-top:50px !important;}
.marT60 { margin-top:60px !important;}
.marT70 { margin-top:70px !important;}
.marT80 { margin-top:70px !important;}

.marR0 { margin-right:0px !important;}
.marR5 { margin-right:5px !important;}
.marR10 { margin-right:10px !important;}
.marR20 { margin-right:20px !important;}
.marR30 { margin-right:30px !important;}
.marR40 { margin-right:40px !important;}
.marR50 { margin-right:50px !important;}
.marR60 { margin-right:60px !important;}
.marR70 { margin-right:70px !important;}
.marR80 { margin-right:80px !important;}

.marL0 { margin-left:0px !important;}
.marL5 { margin-left:5px !important;}
.marL10 { margin-left:10px !important;}
.marL20 { margin-left:20px !important;}
.marL30 { margin-left:30px !important;}
.marL40 { margin-left:40px !important;}
.marL50 { margin-left:50px !important;}
.marL60 { margin-left:60px !important;}
.marL70 { margin-left:70px !important;}
.marL80 { margin-left:80px !important;}

/*----------------------------------------------
 4.position
---------------------------------------------- */
.fleft { float:left;}
.fright { float:right;}
.center { text-align: center;}
.right { text-align:right;}

/*----------------------------------------------
 5.clear
---------------------------------------------- */
.clear {
	clear:both;
	margin:0px;
	padding:0px;

}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */