@charset "utf-8";

/* =================================================

	base.css
	 
----------------------------------------------------
*
		Browser Reset
		Format
		Module Parts
*
================================================= */

/* =================================================

		Browser Reset

================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal;}

strong, em { font-weight: bold;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block;}

blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none;}

input, textarea, select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit;}

ol, ul { list-style: none;}

table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th { text-align: left;}

sup, sub { font-size: 75%;}

a, a:focus { outline: none;}

img { border: 0; vertical-align: top; line-height: 0;}

hr { height: 0; margin: 0; border: none; border-bottom: 1px solid #f90;}


/*	break
---------------------------------------------- */

div, h1, h2, h3, h4, h5, h6, dt, dd, p { word-break: break-word; overflow-wrap: break-word;}



/*	border-box
---------------------------------------------- */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/*	form parts reset
---------------------------------------------- */

input[type="button"], input[type="text"], input[type="submit"] { -webkit-appearance: none;}
input[type="button"], input[type="text"] { border-radius: 0;}
input[type="button"], input[type="text"], input[type="submit"], textarea, select { margin: 0px; padding: 0px; border: none; border: 1px solid #ccc; border-radius: 0px; outline: 0px; outline: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="radio"], input[type="checkbox"] { cursor: pointer;}








/* =================================================

		Format

================================================= */

html { font-size: 62.5%;}

body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height: 1.8;
	color: #666666;
	background-color: #fff;
	min-width:980px;
}

.en { font-family: 'Crimson Text', serif; font-style:italic;}
.en span { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-style:normal; }

img { max-width: 100%; height: auto;}

@media screen and (max-width: 767px) {
#document .innWid01,#document .innWid02,#document .innWid03,#document .innWid04{ width:auto; }
body { min-width: 0; min-width: none; min-width: auto; min-width: initial;
}
}



/* ----------------------------------------------
		a
---------------------------------------------- */

a { text-decoration: none; color: #666; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s;}
a:hover { opacity: 0.7;}

a img { -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s;}
a:hover img { opacity: 0.7;}

.ios a, .ios a img { -ms-transition: 0; -o-transition: 0; -moz-transition: 0; -webkit-transition: 0; transition: 0;}
.ios a:hover, .ios a:hover img { opacity: 1;}


@media screen and (max-width: 1024px) {
	
a, a img { -ms-transition: 0; -o-transition: 0; -moz-transition: 0; -webkit-transition: 0; transition: 0;}
a:hover, a:hover img { opacity: 1;}

}/* max:1024 */



/* ----------------------------------------------
		input
---------------------------------------------- */

input[type="text"], textarea { padding: 8px 10px; border-radius: 6px; background-color: #fff;}
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666;}
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666;}
input[type="text"]::-moz-placeholder, textarea::-moz-placeholder { color: #666;}



/* ----------------------------------------------
		css anime
---------------------------------------------- */

#document { -ms-animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; animation: fadeIn 2s ease 0s 1 normal;}

@-webkit-keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1;}
}



/* =================================================

		Module Parts

================================================= */

/* ----------------------------------------------
		Display Variation
---------------------------------------------- */

/*	align --- basic
---------------------------------------------- */
.taC { text-align: center;}
.taL { text-align: left;}
.taR { text-align: right;}

.vaM  { vertical-align: middle;}
.vaT  { vertical-align: top;}
.vaB  { vertical-align: bottom;}
.vaBS { vertical-align: baseline;}


/*	align --- change
---------------------------------------------- */
.taCL { text-align: center;}
.taRL { text-align: right;}

.vaMT  { vertical-align: middle;}
.vaBT  { vertical-align: bottom;}
.vaBST { vertical-align: baseline;}


/*	break
---------------------------------------------- */
.wbAll { word-break: break-all;}



/* ----------------------------------------------
		clearfix / clear
---------------------------------------------- */

.cf:before,
.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

.clearB { clear: both;}



/* ----------------------------------------------
		Font Variation
---------------------------------------------- */

/*	font-weight
---------------------------------------------- */
.fwB { font-weight: bold !important;}
.fwN { font-weight: normal !important;}

/* ----------------------------------------------
		List Style
---------------------------------------------- */

.listDisc,
.listCircle,
.listDecimal,
.listUalfa,
.listLalfa,
.lstUroman,
.listLroman,
.listKatakana,
.listHiragana { padding-left: 1.5em;}

.listDisc li,
.listCircle li,
.listDecimal li,
.listUalfa li,
.listLalfa li,
.listUroman li,
.listLroman li,
.listKatakana li,
.listHiragana li { list-style-position: outside; margin-bottom: 0.2em;}

.listDisc li     { list-style-type: disc;}
.listCircle li   { list-style-type: circle;}
.listDecimal li  { list-style-type: decimal;}
.listUalfa li    { list-style-type: upper-alpha;}
.listLalfa li    { list-style-type: lower-alpha;}
.listUroman li   { list-style-type: upper-roman;}
.listLroman li   { list-style-type: lower-roman;}
.listKatakana li { list-style-type: katakana;}
.listHiragana li { list-style-type: hiragana;}
.listNone li     { list-style-type: none;}