@import url("contents.css");
@import url("contents_sp.css");
@import url("animate.css");

@font-face {
  font-family: 'Sawarabi Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/sawarabigothic/v1/SawarabiGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/sawarabigothic/v1/SawarabiGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/sawarabigothic/v1/SawarabiGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/sawarabigothic/v1/SawarabiGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/sawarabigothic/v1/SawarabiGothic-Regular.ttf) format('truetype');
}
/********************
10年以上継ぎ足し継ぎ足しでできているので、秘伝のたれ状態！笑うな！
**********************/


*  {padding:0;	margin:0; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td{margin:0px;padding:0px;} 
fieldset,img{border:0;　vertical-align:text-bottom;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 
h1{font-size: 80%;}

/**フォントサイズ**/
.f80{ font-size:80%;}
.f90{ font-size:90%;}
.f110{ font-size:110%;}
.f120 {font-size:120%;}
/*****************/
a img {border:0;}
a:hover img	{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}	
/**配置指定 **/
.center{ text-align:center; }
.center2{ margin:0 auto;}
.left  { float:left; }
.right { float:right; }
.lefrigh{ padding:0 10px;}
.rightT{ text-align:right;}
.over{	_zoom: 1;overflow: hidden;}
.zero{ margin:0;}
.noborder{ border:0;}
.pds10{padding:10px;}
.udLine{border-bottom:1px dotted #ccc;margin-bottom:10px;}


.allmg5{ margin:5px;}
.allmg10{ margin:10px;}
.allmg15{ margin:15px;}
.allmg20{ margin:20px;}
.allmg30{ margin:30px;}

.red {color:#ff0000;}
.topend{ margin:15px 0 30px 0;}
.floatT{/zoom: 1;overflow: hidden;}/** フロートした画像の横のテキストに指定 **/
.txtF{ text-indent:1em;}  /* 1文字下げのインデント */
.txtH{ text-indent:-1em; margin:0 0 0 2em;} /* 1文字下げ(※がある時) */

/**パディング**/
/**マージン**/
.pleft5{ padding-left:5px; }
.pleft10{ padding-left:10px;}
.pleft15{ padding-left:15px; }
.pleft20{ padding-left:20px; }
.pleft30{ padding-left:30px; }

.pright5{ padding-right:5px; }
.pright10{ padding-right:10px; }
.pright15{ padding-right:15px; }
.pright20{ padding-right:20px; }
.pright30{ padding-right:30px; }

.ptop5{ padding-top:5px;}
.ptop10{ padding-top:10px;}
.ptop15{ padding-top:15px;}
.ptop20{ padding-top:20px;}
.ptop30{ padding-top:30px;}

.punder5{ padding-bottom:5px;}
.punder10{ padding-bottom:10px;}
.punder15{ padding-bottom:15px;}
.punder20{ padding-bottom:20px;}
.punder30{ padding-bottom:30px;}

.allpd5{ padding:5px;}
.allpd10{ padding:10px;}
.allpd15{ padding:15px;}
.allpd20{ padding:20px;}
.allpd30{ padding:30px;}


.lefrigh{ padding:0 10px;}
.ptop10{ padding-top:10px;}
.p10{ padding:10px;}
.p20{ padding:20px;}
.clearB{ clear: both;}
.w300 {width:300px;}
.w280 {width:280px;}
.w270 {width:270px;}
.w650 {width:650px;}
/* clearfix */
.clear:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}

/* Win版IE7とMac版IE5対策 */
.clear{display:inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
*html .clear{height:1px;}
.clear{display:block;}
/* End hide from IE-mac */

.allHidden {display:none;}