@charset "UTF-8";

/****************************************
		General Setting 
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;top_main_srch_body srch_body_04
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}


/*---------------------------------------------------
初期設定
----------------------------------------------------*/
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } 
h2{font-size: 18px; font-size: 1.8rem; }
body {
	min-width: 320px; /* スマホの横幅最小値を指定*/
	line-height: 1.8;
	color:#333;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

/* 親要素の高さ100% に */
html,body{height:100%;}

/* 画像の拡大縮小*/
img {
  	/**/max-width: 100%;
  	height: auto;
	vertical-align:bottom;
	border:none;	
}

.clear{clear:both;}

/*clearfix*/
.clearfix {zoom: 1;}

.clearfix:after {
  	content: "";
  	display: block;
  	clear: both;
}





/*---------------------------------------------------
共有
----------------------------------------------------*/
*{	margin:0;
	padding:0;
}

#wrapper{
  overflow: hidden;
}

/* リンク　*/
a{
	color:#333;
	text-decoration:none;
}

a:hover{
	opacity:0.7;
}

p.pan {
    padding-top: 120px !important;
}


/*-----------------------------------------
タブレット・PC用
-----------------------------------------*/
@media only screen and (min-width: 768px) {

}