@import url('https://fonts.googleapis.com/css?family=Anton');

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, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	margin-top: 0;
	background: #fff;
	font: 14px/1.4 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clear {
	clear: both;
}

/* SIMULATION */

#simu-wrap {
	background:#ffffff;
	margin:0 0 25px 0;
}

#simu-wrap h1 {
	font-family: 'Anton', sans-serif;
	font-size:32px;
	line-height:1.4;
	margin:0 0 10px 0;
}

#simu-wrap h3 {
	font-size:18px;
	line-height:1.4;
	font-weight: bold;
	margin-bottom: 10px;
}

#simu-wrap h4 {
	font-size:12px;
	line-height:1.4;
	margin-bottom: 10px;
}

#jackt-wrap {
	display: block;
}

#jacket {
	position:absolute;
	width:95%;
	z-index:5;
}

#jacket-fas {
	position:absolute;
	width:95%;
	z-index:6;
}

#btn-jacket-fab {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

#btn-jacket-fas {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

.btn-layout ul {
list-style-type:none;
	padding:0px;
	margin:0px;
}

.btn-layout li {
	width:25%;
	float:left;
	padding:0px;
}

#pants-wrap {
	display: block;
}

#pants {
	position:absolute;
	width:95%;
	z-index:1;
}

#pants-fas {
	position:absolute;
	width:95%;
	z-index:2;
}

#btn-pants-fab {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

#btn-pants-fas {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

.select-btn {
	font-size: 10px;
	display: block;
	padding: 9px 3px;
	color: #fff;
	text-align:center;
	margin:0 1px 1px 0;
}

a.select-btn{
	color: #fff !important;
	text-decoration: none;
	margin:1px;
	box-sizing: border-box;
}

/* BUTTON */

.fab-black {background-color: #2d2d2d;}
.fab-olive {background-color: #707b2e;}
.fab-marin-blue {background-color: #206770;}
.fab-navy {background-color: #223641;}
.fab-red {background-color: #922230;}
.fab-orange {background-color: #cd642f;}
.fab-powder-blue {background-color: #89aeb6;}
.fab-wine {background-color: #562b56;}
.fab-yellow {background-color: #dad11b;}
.fab-green-grey {background-color: #8aada0;}
.fab-pink {background-color: #f78da7;}

.fas-black {background-color: #030303;}
.fas-brown {background-color: #493029;}
.fas-khaki {background-color: #596a4f;}
.fas-purple {background-color: #5200ab;}
.fas-blue {background-color: #2b1d9b;}
.fas-red {background-color: #aa002a;}
.fas-orange {background-color: #d84f25;}
.fas-yellow {background-color: #f5e22f;}
.fas-wine {background-color: #530055;}
.fas-beige {background-color: #d8d0b5;}
.fas-charcoal {background-color: #484850;}
.fas-gray {background-color: #c6cedf;}
.fas-green {background-color: #0d3334;}
.fas-sky {background-color: #93bdde;}
.fas-pink {background-color: #c7aecc;}
.fas-white {background-color: #f0f0f0;}
.fas-navy {background-color: #131950;}

/* FOOTER */

.footer-inner {
	padding: 10px;
	max-width:1000px;
	margin: 0 auto 0; 
	font-size: 12px;
	color: #999;
}

/* XXS SIZE : iPhone Retina Display xxs ============================== */ 
@media print, screen and (min-width : 320px) {

.container-fluid {
	padding: 20px;
}

.image-wrap:before {
	content: "";
	display: block;
	padding-top: 0; 
}

.button-wrap:before {
	content: "";
	display: block;
	padding-top: 100%; 
}

} /* End */


/* XS SIZE : Extra Small Devices, Phones xs ============================== */ 
@media print, screen and (min-width : 480px) {

.container-fluid {
	padding: 20px;
}

} /* End */


/* S SIZE tablet : Small Devices, Tablets sm ============================== */
@media print, screen and (min-width : 768px) {

.container-fluid {
	padding: 30px;
}

.image-wrap:before {
	content: "";
	padding-top: 0; 
	display: block;
	padding-top: 0%; 
}

.button-wrap:before {
	content: "";
	display: block;
	padding-top: 0%; 
}

.container-fluid {
	content: "";
	display: block;
	padding-bottom: 5%; 
}

} /* End */

/* M SIZE desktop : Medium Devices, Desktops md ============================== */
@media print, screen and (min-width : 992px) {

} /* End */

/* L SIZE widescreen : Large Devices, Wide Screens lg ============================== */
@media print, screen and (min-width : 1200px) {

} /* End */