@charset "UTF-8";

/*------------------------------------------------------------
	#. 공통 및 기본 엘리멘트 CSS
-------------------------------------------------------------*/

* { letter-spacing:0; word-break:break-all; }

html, body, header, nav, section, main, aside, footer, 
address,caption,cite,code, 
select, textarea, input, button, 
div, blockquote, dl, dt, dd, ol, ul, li, fieldset, applet, 
table, tr, th, td, details, figure, figcaption, hgroup, menu, output,
img, ins, kbd, tt, var, tbody, tfoot, thead, ruby, summary, time, mark, 
canvas, embed, object, audio, video, iframe, form 
{
	position:relative; 
	padding:0; margin:0; 
}

span, a, s, q, h1, h2, h3, h4, h5, h6, p, strong, b, u, i, label, legentd, em, sub, sup, pre { padding:0; margin:0; }

body 
{ 
	background-color:#ffffff;
	color:#000000; font-size:18px; 
	
	overflow-x:hidden; overflow-y:auto;

	font-family: メイリオ, meiryo, /* 游ゴシックが入っていないWindows */      
	sans-serif;
	
	text-size-adjust:none;
	-webkit-text-size-adjust:none; /* 폰트 사이즈 고정 */
	-webkit-overflow-scrolling: touch;
}

a { text-decoration:none; outline:0; cursor:pointer; }
span { font-family: メイリオ, meiryo, sans-serif; }
span.bold { font-family:meiryo-bold, メイリオ, meiryo, sans-serif; font-weight:bold; }
input[type="radio"], input[type="text"], textarea { font-family: メイリオ, meiryo, sans-serif;  }
input[type="text"]  { vertical-align:middle; }
textarea {}

input[type="text"]:placeholder, 
input[type="text"]::placeholder, 
textarea:placeholder,
textarea::placeholder { color:#B0B0B0; font-weight:normal; }

textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#B0B0B0; font-weight:normal;
  
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color:#B0B0B0; 
  font-weight:normal;
  
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color:#B0B0B0; 
  font-weight:normal;
  
}
textarea:-webkit-placeholder,
input[type="text"]:-webkit-placeholder { /* Firefox 18- */
  color:#B0B0B0; 
  font-weight:normal;
  
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color:#B0B0B0; 
  font-weight:normal;  
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-webkit-placeholder, :-moz-placeholder { font-weight:normal !important; }


img { border: 0;  -ms-interpolation-mode:bicubic; }
ul { list-style-type:none; display:block;  }
table { border:none; display:block; border-spacing:0; cellspacing:0; }
table tr { border:0px; }
table tr td { border:0px; }

section { overflow:hidden; }

.bg-pattern-wall
{	
	background-image:url("./resources/bg_patten_wall.png");
	background-repeat:repeat;
}
.bg-pattern-navi
{	
	background-image:url("./resources/bg_patten_navi.png");
	background-repeat:repeat;
}

.bg-img-illust
{
	background-image:url("./resources/pc/bg_img_illust.png");
}
.bg-img-illust.sp
{
	background-image:url("./resources/sp/bg_img_illust.png");
}
.bg-img-illust-btm
{
	background-image:url("./resources/pc/bg_img_illust_tight.png");
	background-image:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}
.bg-img-illust-btm.sp
{
	background-image:url("./resources/sp/bg_img_illust_tight.png");
}

.hide
{
	opacity: 0.0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}
.display-none { display:none !important; }

.fixed-ptH
{
	background-color:TRANSPARENT;	
	width:100%;
	height:1px; max-height:1px;
	position:fixed;
}

.fixed-bottom { position:fixed; bottom:0px; z-index:50; }