@charset "utf-8";

/* --------------------------

	DEFAULT CSS
	
-------------------------- */
body { font-family:YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
	background-color: #FFF; color: #000; }

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,address,ol,ul,li,dl,dt,dd,table,th,td,form,input,textarea,select,option { margin:0px; padding:0px; font-size:14px; line-height:1.4; }

img { border:0; }

a { cursor: pointer; }

a:link,
a:visited {text-decoration:none; }


p { line-height:1.8; }

ul li { list-style: none; }

.font-j {font-family: 'Josefin Slab', serif;}
.font-a {font-family: 'Alegreya Sans SC', sans-serif;}
.font-c {font-family: 'Convergence', sans-serif;}
.font-al {font-family: 'Allerta Stencil', sans-serif;}
.font-i {font-family: 'IM Fell DW Pica SC', serif;}
.font-im {font-family: 'IM Fell English SC', serif;}
.font-av {font-family: 'Averia Libre', cursive;}
.font-imf {font-family: 'IM Fell Double Pica SC', serif;}
.font-su {font-family: 'Supermercado One', cursive;}

/* --------------------------

	MODULE CSS
	
-------------------------- */
.clear { clear:both; }
br.clear { display:block; clear:both; height:1px; font-size:0px; line-height:1px; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.float-box-2col:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.float-box-2col {
  min-height: 1px;
}

* html .float-box-2col {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{
	outline: none;
	cursor: pointer;
}
img{
	border: none;
	display: block;
}
a img{
	display: block;
}

.left { float:left; }
.right { float:right; }

.psR { position: relative; }
.psA { position: absolute; }

.txt_normal { font-weight:normal; }
.txt_bold { font-weight:bold; }

.txt_red { color:#FF0000; }
.txt_white { color:#fff; }
.txt_black { color:#000; }

.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

.v_top { vertical-align:top; }
.v_middle { vertical-align:middle; }
.v_bot { vertical-align:bottom; }

.txt10 { font-size:10px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt15 { font-size:15px; }
.txt16 { font-size:16px; }
.txt17 { font-size:17px; }
.txt18 { font-size:18px; }

.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }

.mt0 { margin-top:0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }

.mr0 { margin-right:0; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }

.rela{position: relative;}
.abso{position: absolute;}


.bg-p{
	background: rgba(241,72,124,.8)
}
.bg-g{
	background: rgba(47,195,113,.8)
}
.bg-b{
	background: rgba(67,134,214,.8)
}
.bg-o{
	background: rgba(255,138,0,.8)
}
.bg-y{
	background: rgba(199,184,17,0.8)
}
.color-b{color:#0852a0;}
.color-g{color:#00a349;}
.color-p{color:#f25a89;}
.color-o{color:#fe7d15;}
.color-sb{color:#0869dd;}
.cont-box{max-width: 1240px; margin: 0 auto;}

.pink{ color:#E84383; }
.pink02{ color:#D83B62; }
.green{ color:#3EB370; }
.green02{ color:#4A9C63; }
.green03{ color:#00ada7; }
.yellow{ color:#CBBE00; }
.purple{ color:#BA79B1; }
.brown{ color:#BE8915; }
.aqua{ color: #008A80; }
.blue{ color:#38A1DB; }
.orange{ color:#ED6C00; }
.orange02{ color:#FF7F00; }
.glay{ color:#333333; }


.BGpink{ background-color:#EC699C; }
.BGgreen{ background-color:#65C28D; }
.BGyellow{ background-color:#D6CB33; }
.BGpurple{ background-color:#C894C0; }
.BGorenge02{ background-color:#FF7F00; }
.BGgreen02{ background-color:#00ada7; }

.BGbrown{ background-color:#CBA144; }
.BGaqua{ background-color:#008A80; }
.BGblue{ background-color:#60B4E2; }
.BGorange{ background-color:#F08A33; }
.BGgray{ background-color:#333333; }
.BGgold{ background-color:#BE8915; }