@charset "UTF-8";
@import("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i&display=swap");

/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */

html, body {
	font-size: 14px;
}
body {
	color: #444;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.6;
	text-align: center;
	background: #FFF;
	position: relative;
	-webkit-text-size-adjust: none;
}
.en {
    font-family: 'EB Garamond', serif;
}
input,textarea,select {
	font-size: 100%;
}

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

/* reset ------------------------------ */

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

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

table {
	border-collapse: collapse;
}

ul, ol {
    list-style: none;
}

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



/* textlink ------------------------------ */

a:link {
	color: #008FC1;
	text-decoration: underline;
}
a:visited {
	color: #008FC1;
	text-decoration: underline;
}
a:hover {
	color: #E75B8E;
	text-decoration: underline;
}
a:active {
	color: #E75B8E;
	text-decoration: underline;
}

a img {
	transition: opacity .3s ease-out;
}

a:hover,
input[type="submit"]:hover,
input[type="image"]:hover {
	opacity: 0.7;
}
a:hover img.rollover {
	opacity: 1;
}


a[href^="tel:"] {
	color: #444;
	text-decoration: none;
	pointer-events: none;
}
@media screen and (max-width:899px) {
	a[href^="tel:"] {
		text-decoration: underline;
	}
}

/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */

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


/*margin
-----------------------------------------------*/
.bot005px { margin-bottom: 5px!important; }
.bot010px { margin-bottom: 10px!important; }
.bot015px { margin-bottom: 15px!important; }
.bot020px { margin-bottom: 20px!important; }
.bot025px { margin-bottom: 25px!important; }
.bot030px { margin-bottom: 30px!important; }
.bot035px { margin-bottom: 35px!important; }
.bot040px { margin-bottom: 40px!important; }
.bot045px { margin-bottom: 45px!important; }
.bot050px { margin-bottom: 50px!important; }
.bot060px { margin-bottom: 60px!important; }
.bot070px { margin-bottom: 70px!important; }
.bot100px { margin-bottom: 100px!important; }

/*color
-----------------------------------------------*/
.pink { color: #E75B8E!important; }

/*font-size
-----------------------------------------------*/
.font10px { font-size: 10px!important; }
.font11px { font-size: 11px!important; }
.font12px { font-size: 12px!important; }
.font14px { font-size: 14px!important; }
.font16px { font-size: 16px!important; }
.font18px { font-size: 18px!important; }
.font20px { font-size: 20px!important; }


/*font
-----------------------------------------------*/
.fontBold { font-weight: bold!important; }
.fontNormal { font-weight: normal!important; }


/*align
-----------------------------------------------*/
.alright { text-align: right!important; }
.alcenter { text-align: center!important; }
.alleft { text-align: left!important; }


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

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

	html, body {
		font-size: 14px;
	}

	a:hover,
	input[type="submit"]:hover,
	input[type="image"]:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}


}