@charset "UTF-8";

/******************   書体  ******************/

html {
	font-size: 62.5%;
}
/*1rem が 10px*/

html, .gothic {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.mincho {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.strong {
	font-weight: bold;
}



/******************   .cf clearfix フロート解除   ******************/
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
.cf {
    zoom:1;
}


/******************   その他  ******************/

/*非表示*/
.disp_none {display: none;}

a {outline: none;} /*リンクをクリックする際に表示される点線の輪郭を消す*/
a {overflow: auto;} /*ウインドウに広がるのを避ける*/


/*ラインなし*/
.no_border{
	border-top-style: none;	
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*ドロップシャドー*/

.drip_shadow{
  -webkit-box-shadow: 1px 1px 3px 0 #ccc; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 3px 0 #ccc; /* Firefox用 */
  box-shadow: 1px 1px 3px 0 #ccc; /* CSS3 */

}


/******************   font size   ******************/

.font_size10 {font-size: 10px; font-size: 1rem;}
.font_size11 {font-size: 11px; font-size: 1.1rem;}
.font_size12 {font-size: 12px; font-size: 1.2rem;}
.font_size13 {font-size: 13px; font-size: 1.3rem;}
.font_size14 {font-size: 14px; font-size: 1.4rem;}
.font_size15 {font-size: 15px; font-size: 1.5rem;}
.font_size16 {font-size: 16px; font-size: 1.6rem;}
.font_size17 {font-size: 17px; font-size: 1.7rem;}
.font_size18 {font-size: 18px; font-size: 1.8rem;}
.font_size19 {font-size: 19px; font-size: 1.9rem;}
.font_size20 {font-size: 20px; font-size: 2.0rem;}

.font_blod{font-weight: bold}

/******************   行揃え  ******************/

.align_right {text-align: right;}
.align_left {
	text-align: left;
}
.align_center {text-align: center;}
.align_justify {text-align: justify;}


/******************   color   ******************/

.coloe_lightgray { color:#cccccc; }
.coloe_red       { color:#c90000; }
.coloe_redpink   { color:#ff6699; }
.coloe_pink      { color:#ff3399; }
.coloe_green     { color:#21889E; }
.coloe_blue      { color:#003c7d; }
.coloe_white     { color:#ffffff; }
.coloe_orange    { color:#ff6600; }
.coloe_purple    { color:#C96FFF; }

/******************   background-color   ******************/

.bgpink    { background-color:#FFE8EF; }
.bgpurple  { background-color:#F8E8FD; }
.bgblue    { background-color:#E4EDFC; }
.bggray    { background-color:#EFEFEF; }
.bglightgray    { background-color:#f3f3f3; }
.bgwhite   { background-color:#fff; }
.bgorange  { background-color:#FDEDE8; }

/*****************   padding   *****************/

.p2   { padding:2px;  }
.p3   { padding:3px;  }
.p4   { padding:4px;  }
.p5   { padding:5px;  }
.p10  { padding:10px; }
.p15  { padding:15px; }
.p20  { padding:20px; }

.pt2  { padding-top:2px;  }
.pt3  { padding-top:3px;  }
.pt4  { padding-top:4px;  }
.pt5  { padding-top:5px;  }
.pt6  { padding-top:6px;  }
.pt7  { padding-top:7px;  }
.pt8  { padding-top:8px;  }
.pt9  { padding-top:9px;  }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }

.pl2  { padding-left:2px;  }
.pl3  { padding-left:3px;  }
.pl4  { padding-left:4px;  }
.pl5  { padding-left:5px;  }
.pl9  { padding-left:9px; }
.pl10 { padding-left:10px; }
.pl11 { padding-left:11px; }
.pl12 { padding-left:12px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl70 { padding-left:70px; }

.pr2  { padding-right:2px;  }
.pr3  { padding-right:3px;  }
.pr4  { padding-right:4px;  }
.pr5  { padding-right:5px;  }
.pr8  { padding-right:8px;  }
.pr9  { padding-right:9px;  }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr20 { padding-right:30px; }

.pb2  { padding-bottom:2px;  }
.pb3  { padding-bottom:3px;  }
.pb4  { padding-bottom:4px;  }
.pb5  { padding-bottom:5px;  }
.pb8  { padding-bottom:8px;  }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb16 { padding-bottom:16px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }

/*****************   margin   *****************/

.m2   { margin:2px;  }
.m3   { margin:3px;  }
.m4   { margin:4px;  }
.m5   { margin:5px;  }
.m10  { margin:10px; }
.m15  { margin:15px; }
.m20  { margin:20px; }

.mt2  { margin-top:2px;  }
.mt3  { margin-top:3px;  }
.mt4  { margin-top:4px;  }
.mt5  { margin-top:5px;  }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }

.ml2  { margin-left:2px;  }
.ml3  { margin-left:3px;  }
.ml4  { margin-left:4px;  }
.ml5  { margin-left:5px;  }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

.mr2  { margin-right:2px;  }
.mr3  { margin-right:3px;  }
.mr4  { margin-right:4px;  }
.mr5  { margin-right:5px;  }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

.mb2  { margin-bottom:2px;  }
.mb3  { margin-bottom:3px;  }
.mb4  { margin-bottom:4px;  }
.mb5  { margin-bottom:5px;  }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.mb120 { margin-bottom:120px; }
.mb130 { margin-bottom:130px; }
.mb140 { margin-bottom:140px; }
.mb150 { margin-bottom:150px; }
.mb160 { margin-bottom:160px; }
.mb170 { margin-bottom:170px; }
.mb180 { margin-bottom:180px; }
.mb190 { margin-bottom:190px; }
.mb200 { margin-bottom:200px; }
.mb300 { margin-bottom:300px; }
.mb400 { margin-bottom:400px; }
.mb500 { margin-bottom:500px; }
.mb600 { margin-bottom:600px; }

/*****************   space   *****************/

.space2   { height:2px; }
.space3   { height:3px; }
.space4   { height:4px; }
.space5   { height:5px; }
.space6   { height:6px; }
.space7   { height:7px; }
.space8   { height:8px; }
.space10  { height:10px; }
.space12  { height:12px; }
.space13  { height:13px; }
.space14  { height:14px; }
.space15  { height:15px; }
.space16  { height:16px; }
.space17  { height:17px; }
.space18  { height:18px; }
.space20  { height:20px; }
.space25  { height:25px; }
.space28  { height:28px; }
.space30  { height:30px; }
.space35  { height:35px; }
.space40  { height:40px; }
.space45  { height:45px; }
.space50  { height:50px; }
.space55  { height:55px; }
.space60  { height:60px; }
.space70  { height:70px; }
.space80  { height:80px; }
.space90  { height:90px; }

.space2,
.space3 , 
.space4 , 
.space5 , 
.space6 , 
.space7 , 
.space8 , 
.space10 , 
.space12 , 
.space13 , 
.space14 , 
.space15 , 
.space16 , 
.space18 , 
.space20 , 
.space25 , 
.space28 , 
.space30 , 
.space35 , 
.space40 , 
.space45 , 
.space50 , 
.space55 , 
.space60 , 
.space70 , 
.space80 , 
.space90  
{
	line-height:0;
	font-size:0;
	clear:both;
	display:block;
}

/*****************   display   *****************/

.block  { display:block;  }
.inline { display:inline; }

/******************   float   ******************/

.float_left { float:left;  }
.float_right { float:right; }
.float_clear  { clear:both;  }

/******************   alpha   ******************/

.alpha0 { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; }
.alpha25 { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }
.alpha50 { filter: alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;  }
.alpha60 { filter: alpha(opacity=60); -moz-opacity:0.6;  opacity:0.6;  }
.alpha80 { filter: alpha(opacity=80); -moz-opacity:0.8;  opacity:0.8;  }
.alpha100 { filter: alpha(opacity=1); -moz-opacity:1; opacity:1; }

/******************   size   ******************/

.w50  { width:50px;  }
.w80  { width:80px;  }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w250 { width:250px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.h10 {
	height: 10px;
}


.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.wInput { width:100%; }


/******************   line-height   ******************/

.lh1  { line-height:1;   }
.lh12 { line-height:1.2; }
.lh14 { line-height:1.4; }
.lh15 { line-height:1.5; }
.lh16 { line-height:1.6; }
.lh17 { line-height:1.7; }
.lh18 { line-height:1.8; }
.lh19 { line-height:1.9; }
.lh20 { line-height:2.0; }
.lh21 { line-height:2.1; }
.lh22 { line-height:2.2; }
.lh23 { line-height:2.3; }


/******************   角丸  ******************/

.round_10 {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.round_15 {
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}