@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */
html {
	font-size: 16px;
}

body {
	color: #333;
	font-family: "Noto Sans JP" ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	background: #FFF;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

input,textarea,select {
	font-family: "Noto Sans JP" ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,figure,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

img,table {
	border: none;
}
img {
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}



/* 基本テキストリンク ------------------------------ */

a:link,
a:visited,
a:hover,
a:active {
	color: #333;
	text-decoration: none;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a:hover img.rollover {
	opacity: 1;
	filter: alpha(opacity=100);
}


p a:link {
	color: #00F;
	text-decoration: none;
}
p a:visited {
	color: #00F;
	text-decoration: none;
}
p a:hover {
	color: #F00;
	text-decoration: underline;
}
p a:active {
	color: #F00;
	text-decoration: underline;
}



/* --------------------------------------------------------------------------------------
 [tel:***]無効化
--------------------------------------------------------------------------------------- */

a[href^="tel:"] {
	pointer-events: none;
}

/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/





/* --------------------------------------------------------------------------------------
aタグの親要素にクラス「linkarea」
--------------------------------------------------------------------------------------- */

.linkarea_parent{
	-webkit-transition:opacity .3s ease-out;
	-moz-transition:opacity .3s ease-out;
	-ms-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
	position: relative;
}
a.linkarea {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow: visible;
	z-index: 999;
}




/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:700px) {
	html {
		font-size: 14px;
	}

	body {
	}
	
	a[href^="tel:"] {
		pointer-events: auto;
	}

}