@charset "utf-8";

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-style: normal;
}
table{border-collapse:separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:400;}
a img{border:none;}

/* clearfix ----------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
	visibility:hidden;
}
/* IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* html5.js対応用 */
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
/* box-sizingでサイズを統一管理 */
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,img,a,p{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {max-width: 100%;height: auto;vertical-align: bottom;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.fb-like iframe {max-width: none !important;}

/*reset Css///////////////////////////////////////////////*/
/*################################################################################*/
body,html,#all{height: 100%;}
body{
	color: #666;
	font-family: "メイリオ", Meiryo,"游ゴシック体", "Yu Gothic",YuGothic,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.6;
	overflow-y: scroll;
}
a{color: #333;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;word-wrap: break-word;}
a:hover{color: #999;text-decoration: none;}
.clear{clear: both;}

/*選択時の文字*/
::selection {
	color: #FFF;
	background-color: #666;
	text-shadow: #000 0px 0px 3px;
}
::-moz-selection {
	color: #FFF;
	background-color: #666;
	text-shadow: #000 0px 0px 3px;
}
.br{display: inline-block;}

.border{
	border: 1px solid #333;
	background-color: #000;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
	margin-right: 2px;
	margin-left: 2px;
}

/*トップヘ戻る*/
#backTop{
	cursor: pointer;
	position: fixed;
	right: -170px;
	bottom: 0px;
	z-index: 999;
	line-height: 0px;
}

/*共通英語フォント*/
.enFont {font-family: "Lato",sans-serif;}

#all{min-width: 1000px;}
.commonWidth{min-width: 1000px;max-width: 1200px; margin: auto;position: relative;}
.commonPadding{padding-left:30px;padding-right:30px;}

hr{border: none;border-top: 1px solid #333; margin-top: 40px;margin-bottom: 0px;padding-bottom: 40px;}


/* ************************************************
ローディング
************************************************ */
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #000;
	z-index: 2000;
	top:0px;
	left:0px;
	background-image: url(../../img/loader.gif);
	background-position: center center;
	background-size: 200px;
	background-repeat: no-repeat;
}

/* 数字 */
#loading span {font-size: 12px;display: block;margin: 5px;color: #fff;font-weight: bold;text-align: right;}
/* バー */
#loading .bar {height: 5px;background-color: #a20000;width: 0%;}


.yoko{display: none;}


/*################################################################################
  media query
################################################################################*/

@media screen and (orientation: landscape) and (max-width: 880px) {
    body{width: 1000px;}
}
@media screen and (max-width: 780px) {
    
    
    
}
/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	.brSmp { display: inline;}
	.brNon { display: none;}
	
	#all{min-width: inherit;}
	.commonWidth{width: auto;margin: auto;min-width: inherit;max-width: none;}
	.commonPadding{padding-left:20px;padding-right:20px;}

}

}