@charset "utf-8";
/* ===========================================================
	Title:	style.css
	Last Created:	2016-7-25
=========================================================== */
/*
	sprite
	btn
	table
	align
	photo/img
	clear
	display
	hr
	margin
	width
	height
	weight
=========================================================== */
/*
	sprite
=========================================================== */
.sprite a,
a.sprite {
  display:block;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  background-repeat: no-repeat;
}

/* ===========================================================
	btn
=========================================================== */
.btn {
	border: none;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	outline: none;
	position: relative;
	overflow: hidden;
}

/* ===========================================================
	table
=========================================================== */
/* tableIndent
----------------------------------------------------------- */
table.indent-table {
	width: auto;
	border: none;
}

table.indent-table th {
	border: none;
	padding: 0 2px 0 0;
	width: 1% !important;
	white-space: nowrap!important;
	background: none;
	border: none!important;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #111111;
	background: none!important;
	vertical-align: top!important;
}

table.indent-table td {
	border: none!important;
	background: none;
	padding: 0;
}

table table.indent-table {
	width: auto;
	margin: 0;
}

/* table-style
----------------------------------------------------------- */
table th.cell-width-1,
table td.cell-width-1 {
	width: 1% !important;
	white-space: nowrap !important;
}

table th.cell-width-30,
table td.cell-width-30 {
	width: 30% !important;
}

table th.cell-width-40,
table td.cell-width-40 {
	width: 40% !important;
}

table th.cell-width-50,
table td.cell-width-50 {
	width: 50% !important;
}

table th.cell-border-none,
table td.cell-border-none {
	border: none !important;
}

table th.cell-border-right-none,
table td.cell-border-right-none {
	border-right: none !important;
}

table th.cell-border-top-none,
table td.cell-border-top-none {
	border-top: none !important;
}

table th.cell-border-bottom-none,
table td.cell-border-bottom-none {
	border-bottom: none !important;
}

/* ===========================================================
	align
=========================================================== */
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.align-middle,
.align-middle th,
.align-middle td {vertical-align: middle !important;}
.align-top {vertical-align: top !important;}
.align-bottom {vertical-align: bottom !important;}

/* ===========================================================
	photo/img
=========================================================== */
.img {
	margin: 0 0 15px;
	text-align: center;
}
.img-right {
	float: right;
	margin: 0 0 30px 30px;
}
.img-left {
	float: left;
	margin: 0 30px 30px 0;
}

.img,
.img-right,
.img-left {
	vertical-align: bottom;
}

@media screen and (max-width: 1024px) {
.img-right,
.img-left {
	float: none;
	display: block;
	text-align: center;
	width: auto;
	margin: 0 0 20px 0;
}
}

/* ===========================================================
	clear
=========================================================== */
.clear-both {clear: both !important;}
.clear-none {clear: none !important;}
.float-right {float: right !important;}
.float-left {float: left !important;}
.float-none {float: none !important;}

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

.clearfix { zoom:1; }

/* ===========================================================
	display
=========================================================== */
.display-inline {display: inline !important;}
.display-block {display: block !important;}
.display-none {display: none !important;}

/* ===========================================================
	hr
=========================================================== */
div.hr {
	clear: both;
}

div.hr hr {
	display: none;
}

/* ===========================================================
	indent
=========================================================== */
dl.indent1 dd {padding: 0 0 0 1em;}
dl.indent2 dd {padding: 0 0 0 2em;}
dl.indent3 dd {padding: 0 0 0 3em;}
dl.indent4 dd {padding: 0 0 0 4em;}
.indent1 li,
p.indent1 {text-indent: -1em; margin-left: 1em;}
.indent2 li,
p.indent2 {text-indent: -2em; margin-left: 2em;}
.indent3 li,
p.indent3 {text-indent: -3em; margin-left: 3em;}
.indent4 li,
p.indent4 {text-indent: -4em; margin-left: 4em;}
.indent1 li,
p.indent1,
span.indent1 {text-indent: -1.4em; margin-left: 1em; display: block;}

/* ===========================================================
	list-style / disc
=========================================================== */
.list-type-lower-alpha li {list-style-type: lower-alpha !important;}
.list-type-upper-alpha li {list-style-type: upper-alpha;}
.list-type-decimal li {list-style-type: decimal;}
.list-type-katakana li {list-style-type: katakana;}
.list-type-lower-roman li {list-style-type: lower-roman;}
.list-type-upper-roman li {list-style-type: upper-roman;}
.list-type-disc li {list-style-type: disc;}
.list-type-lower-alpha li,
.list-type-upper-alpha li,
.list-type-decimal li,
.list-type-katakana li,
.list-type-lower-roman li,
.list-type-upper-roman li,
.list-type-disc li  {
	margin-left: 2em !important;
}

.listStyleNone li {list-style: none;}

/* ===========================================================
	border
=========================================================== */
.border-solid-1-gray {
	border: solid 1px #d8dbdf;
}


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

	margin/paddubg

=========================================================== */
.negative-margin-top-1 {margin-top: -1px !important;}
.negative-margin-top-5 {margin-top: -5px !important;}
.negative-margin-top-10 {margin-top: -10px !important;}
.negative-margin-top-20 {margin-top: -20px !important;}
.negative-margin-top-30 {margin-top: -30px !important;}
.negative-margin-top-40 {margin-top: -40px !important;}
.negative-margin-top-50 {margin-top: -50px !important;}
.margin-auto {margin-right: auto !important; margin-left: auto !important;}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-right-0 {margin-right: 0px !important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-right-30 {margin-right: 30px !important;}
.margin-right-40 {margin-right: 40px !important;}
.margin-right-50 {margin-right: 50px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-left-0 {margin-left: 0 !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-15 {margin-left: 15px !important;}
.margin-left-20 {margin-left: 20px !important;}
.margin-left-25 {margin-left: 20px !important;}
.margin-left-30 {margin-left: 30px !important;}
.margin-left-35 {margin-left: 35px !important;}
.margin-left-40 {margin-left: 40px !important;}
.margin-left-45 {margin-left: 45px !important;}
.margin-left-50 {margin-left: 50px !important;}
.margin-left-55 {margin-left: 55px !important;}
.margin-left-56 {margin-left: 56px !important;}
.margin-left-60 {margin-left: 60px !important;}
.margin-left-65 {margin-left: 65px !important;}
.margin-left-70 {margin-left: 70px !important;}
.margin-left-75 {margin-left: 75px !important;}
.margin-left-80 {margin-left: 80px !important;}
.margin-left-85 {margin-left: 85px !important;}
.margin-left-90 {margin-left: 90px !important;}
.margin-left-95 {margin-left: 95px !important;}
.margin-left-100 {margin-left: 100px !important;}
.margin-left-110 {margin-left: 110px !important;}
.margin-left-120 {margin-left: 120px !important;}
.margin-left-130 {margin-left: 130px !important;}
.margin-left-140 {margin-left: 140px !important;}
.margin-left-150 {margin-left: 150px !important;}
.margin-left-160 {margin-left: 160px !important;}
.margin-left-170 {margin-left: 170px !important;}
.margin-left-180 {margin-left: 180px !important;}
.margin-left-190 {margin-left: 190px !important;}
.margin-left-195 {margin-left: 195px !important;}
.margin-left-200 {margin-left: 200px !important;}
.margin-left-210 {margin-left: 210px !important;}
.margin-left-220 {margin-left: 220px !important;}
.margin-left-230 {margin-left: 230px !important;}
.margin-left-240 {margin-left: 240px !important;}
.margin-left-250 {margin-left: 250px !important;}
.margin-left-340 {margin-left: 340px !important;}
.margin-0 {margin: 0 !important;}
.padding-0 {padding: 0 !important;}
.padding-5 {padding: 5px !important;}
.padding-10 {padding: 10px !important;}
.padding-15 {padding: 15px !important;}
.padding-20 {padding: 20px !important;}
.padding-30 {padding: 30px !important;}
.padding-40 {padding: 40px !important;}
.padding-50 {padding: 50px !important;}
.padding-top-0 {padding-top: 0 !important;}
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-15 {padding-top: 15px !important;}
.padding-top-17 {padding-top: 17px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-25 {padding-top: 25px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-100 {padding-top: 100px !important;}
.padding-top-110 {padding-top: 110px !important;}
.padding-top-130 {padding-top: 130px !important;}
.padding-top-140 {padding-top: 140px !important;}
.padding-left-0  {padding-left: 0 !important;}
.padding-left-10 {padding-left: 10px !important;}
.padding-left-20 {padding-left: 20px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-left-40 {padding-left: 40px !important;}
.padding-left-50 {padding-left: 50px !important;}
.padding-left-60 {padding-left: 60px !important;}
.padding-left-70 {padding-left: 70px !important;}
.padding-left-80 {padding-left: 80px !important;}
.padding-left-90 {padding-left: 90px !important;}
.padding-left-100 {padding-left: 100px !important;}
.padding-right-0 {padding-right: 0 !important;}
.padding-right-10 {padding-right: 10px !important;}
.padding-right-20 {padding-right: 20px !important;}
.padding-right-30 {padding-right: 30px !important;}
.padding-right-40 {padding-right: 40px !important;}
.padding-right-50 {padding-right: 50px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-25 {padding-bottom: 25px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}

/* ===========================================================
	width
=========================================================== */
.width-100p { width: 100% !important;}
.width-50p { width: 50% !important;}
.width-10 { width: 10px !important;}
.width-20 { width: 20px !important;}
.width-30 { width: 30px !important;}
.width-40 { width: 40px !important;}
.width-50 { width: 50px !important;}
.width-60 { width: 60px !important;}
.width-70 { width: 70px !important;}
.width-80 { width: 80px !important;}
.width-85 { width: 85px !important;}
.width-90 { width: 90px !important;}
.width-100 { width: 100px !important;}
.width-110 { width: 110px !important;}
.width-120 { width: 120px !important;}
.width-130 { width: 130px !important;}
.width-140 { width: 140px !important;}
.width-150 { width: 150px !important;}
.width-160 { width: 160px !important;}
.width-170 { width: 170px !important;}
.width-175 { width: 175px !important;}
.width-180 { width: 180px !important;}
.width-190 { width: 190px !important;}
.width-195 { width: 195px !important;}
.width-200 { width: 200px !important;}
.width-210 { width: 210px !important;}
.width-220 { width: 220px !important;}
.width-230 { width: 230px !important;}
.width-240 { width: 240px !important;}
.width-250 { width: 250px !important;}
.width-260 { width: 260px !important;}
.width-270 { width: 270px !important;}
.width-280 { width: 280px !important;}
.width-290 { width: 290px !important;}
.width-300 { width: 300px !important;}
.width-310 { width: 310px !important;}
.width-320 { width: 320px !important;}
.width-330 { width: 330px !important;}
.width-340 { width: 340px !important;}
.width-350 { width: 350px !important;}
.width-360 { width: 360px !important;}
.width-370 { width: 370px !important;}
.width-380 { width: 380px !important;}
.width-390 { width: 390px !important;}
.width-400 { width: 400px !important;}
.width-410 { width: 410px !important;}
.width-420 { width: 420px !important;}
.width-430 { width: 430px !important;}
.width-440 { width: 440px !important;}
.width-450 { width: 450px !important;}
.width-460 { width: 460px !important;}
.width-470 { width: 470px !important;}
.width-480 { width: 480px !important;}
.width-490 { width: 490px !important;}
.width-500 { width: 500px !important;}
.width-510 { width: 510px !important;}
.width-520 { width: 520px !important;}
.width-530 { width: 530px !important;}
.width-540 { width: 540px !important;}
.width-550 { width: 550px !important;}
.width-560 { width: 560px !important;}
.width-570 { width: 570px !important;}
.width-580 { width: 580px !important;}
.width-585 { width: 585px !important;}
.width-590 { width: 590px !important;}
.width-600 { width: 600px !important;}
.width-610 { width: 610px !important;}
.width-620 { width: 620px !important;}
.width-630 { width: 630px !important;}
.width-640 { width: 640px !important;}
.width-650 { width: 650px !important;}
.width-660 { width: 660px !important;}
.width-670 { width: 670px !important;}
.width-680 { width: 680px !important;}
.width-690 { width: 690px !important;}
.width-700 { width: 700px !important;}
.width-780 { width: 780px !important;}
.width-790 { width: 790px !important;}
.width-800 { width: 800px !important;}

/* ===========================================================
	height
=========================================================== */
.height-10 { height: 10px !important;}
.height-20 { height: 20px !important;}
.height-30 { height: 30px !important;}
.height-40 { height: 40px !important;}
.height-50 { height: 50px !important;}
.height-60 { height: 60px !important;}
.height-70 { height: 70px !important;}
.height-80 { height: 80px !important;}
.height-85 { height: 85px !important;}
.height-90 { height: 90px !important;}
.height-100 { height: 100px !important;}
.height-110 { height: 110px !important;}
.height-120 { height: 120px !important;}
.height-130 { height: 130px !important;}
.height-140 { height: 140px !important;}
.height-150 { height: 150px !important;}
.height-160 { height: 160px !important;}
.height-170 { height: 170px !important;}
.height-180 { height: 180px !important;}
.height-190 { height: 190px !important;}
.height-200 { height: 200px !important;}
.height-210 { height: 210px !important;}
.height-220 { height: 220px !important;}
.height-230 { height: 230px !important;}
.height-240 { height: 240px !important;}
.height-250 { height: 250px !important;}
.height-260 { height: 260px !important;}
.height-270 { height: 270px !important;}
.height-280 { height: 280px !important;}
.height-290 { height: 290px !important;}
.height-300 { height: 300px !important;}
.height-310 { height: 310px !important;}
.height-320 { height: 320px !important;}
.height-330 { height: 330px !important;}
.height-340 { height: 340px !important;}
.height-350 { height: 350px !important;}
.height-360 { height: 360px !important;}
.height-370 { height: 370px !important;}
.height-380 { height: 380px !important;}
.height-390 { height: 390px !important;}
.height-400 { height: 400px !important;}
.height-410 { height: 410px !important;}
.height-420 { height: 420px !important;}
.height-430 { height: 430px !important;}
.height-440 { height: 440px !important;}
.height-450 { height: 450px !important;}
.height-460 { height: 460px !important;}
.height-470 { height: 470px !important;}
.height-480 { height: 480px !important;}
.height-490 { height: 490px !important;}
.height-500 { height: 500px !important;}
.height-510 { height: 510px !important;}
.height-520 { height: 520px !important;}
.height-530 { height: 530px !important;}
.height-540 { height: 540px !important;}
.height-550 { height: 550px !important;}
.height-560 { height: 560px !important;}
.height-570 { height: 570px !important;}
.height-580 { height: 580px !important;}
.height-585 { height: 585px !important;}
.height-590 { height: 590px !important;}
.height-600 { height: 600px !important;}
.height-610 { height: 610px !important;}
.height-620 { height: 620px !important;}
.height-630 { height: 630px !important;}
.height-640 { height: 640px !important;}
.height-650 { height: 650px !important;}
.height-660 { height: 660px !important;}
.height-670 { height: 670px !important;}
.height-680 { height: 680px !important;}
.height-690 { height: 690px !important;}
.height-700 { height: 700px !important;}
.height-710 { height: 710px !important;}
.height-720 { height: 720px !important;}
.height-730 { height: 730px !important;}
.height-880 { height: 880px !important;}
.height-890 { height: 890px !important;}
.height-900 { height: 900px !important;}
.height-910 { height: 910px !important;}
.height-920 { height: 920px !important;}
.height-930 { height: 930px !important;}
.height-940 { height: 940px !important;}
.height-950 { height: 950px !important;}
.height-960 { height: 960px !important;}
.height-970 { height: 970px !important;}
.height-980 { height: 980px !important;}
.height-990 { height: 990px !important;}
.height-1080 { height: 1080px !important;}

/* ===========================================================
	weight
=========================================================== */
.fw-normal{font-weight: normal;}


/* ===========================================================
	Change ¥n to <br> in Portfolio Detail Components
=========================================================== */
.preWrap {
	white-space: pre-wrap;
}