@charset "UTF-8";


/* reset
   =================================================================== */
html #quaranciel,body #quaranciel,#quaranciel div,#quaranciel dl,#quaranciel dt,#quaranciel dd,#quaranciel ul,#quaranciel ol,#quaranciel li,#quaranciel h1,#quaranciel h2,#quaranciel h3,#quaranciel h4,#quaranciel h5,#quaranciel h6,#quaranciel pre,#quaranciel p,#quaranciel blockquote,#quaranciel th,#quaranciel td,#quaranciel article,#quaranciel section,#quaranciel aside,#quaranciel header,#quaranciel nav{
	margin:0;
	padding:0;
}

#quaranciel address,#quaranciel caption,#quaranciel cite,#quaranciel code,#quaranciel dfn,#quaranciel var {
	font-style:normal;
}

#quaranciel table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

#quaranciel object,#quaranciel embed {
	vertical-align:top;
}

#quaranciel h1,#quaranciel h2,#quaranciel h3,#quaranciel h4,#quaranciel h5,#quaranciel h6 {
	font-size:100%;
	font-weight:normal;
}
#quaranciel h1 {
	line-height:1.5em;
}
#quaranciel img,#quaranciel abbr,#quaranciel acronym,#quaranciel fieldset,hr{
	border:0;
}

#quaranciel li {
	list-style-type:none;
}

#quaranciel p {
	margin:0;
	padding:0;
}

/* form */  
#quaranciel button,#quaranciel fieldset,#quaranciel form,#quaranciel input,#quaranciel label,#quaranciel legend,#quaranciel select,#quaranciel textarea {
	font-size:100%;
}
#quaranciel input, #quaranciel button, #quaranciel textarea, #quaranciel select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#quaranciel img {
	width: 100%;
	height: auto;
	display: block;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/* font
   =================================================================== */
@font-face { 
	font-family: 'MyWebFont';
	src: url('/label/quaranciel/webfonts/texgyreadventor-regular-webfont.eot');
	src: url('/label/quaranciel/webfonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
	     url('/label/quaranciel/webfonts/texgyreadventor-regular-webfont.woff') format('woff'),
	     url('/label/quaranciel/webfonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
	     url('/label/quaranciel/webfonts/texgyreadventor-regular-webfont.svg#webfont') format('svg');
}
@font-face { 
	font-family: 'MyWebFontBold';
	src: url('/label/quaranciel//webfonts/texgyreadventor-bold-webfont.eot');
	src: url('/label/quaranciel/webfonts/texgyreadventor-bold-webfont.eot?iefix') format('eot'),
	     url('/label/quaranciel/webfonts/texgyreadventor-bold-webfont.woff') format('woff'),
	     url('/label/quaranciel/webfonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
	     url('/label/quaranciel/webfonts/texgyreadventor-bold-webfont.svg#webfont') format('svg');
}
/* html,body
   =================================================================== */
html #quaranciel, body #quaranciel {
	margin :0;
	padding :0;
}
body #quaranciel {
	font-size:13px;
	line-height:2;
	-moz-osx-font-smoothing: grayscale;
    -moz-text-size-adjust: none;
	text-align: justify;
	text-justify: inter-ideograph;
	color:#6c6a6a;
	background:#fff;
	-webkit-text-size-adjust: none;
	border:none;
}
 @media only screen and (max-width: 768px) {
	body #quaranciel {
		line-height :1.8;
		font-size: 10px;
	}
 }

/* リンク設定
   =================================================================== */
#quaranciel a {
	color:#6c6a6a;
	display: block;
	height: 100%;
}

#quaranciel a:link {
	color:#6c6a6a;
	text-decoration:none;
}

#quaranciel a:visited {
	color:#6c6a6a;
	text-decoration:none;
}

#quaranciel a:hover {
	color:#6c6a6a;
	text-decoration:none;
}


/* clear
   =================================================================== */
/* float */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */