@charset "UTF-8";
/* CSS Document */

/*
CSS for Builds ver.01.01
*/

/*
01 Base
========================================================================== */
/*===== Whole =====*/
.builds-content { padding: 0 0 4em 0; line-height: 2; }
.builds-content > div > div { display: flex; }
.builds-content > div + div { margin: 1.25em 0 0 0; }
.builds-content > div > hr { display: block; }
.builds-content div p { font-size: 14px; line-height: 2; }
.builds-content div img { width: 100%; max-width: 100%; }

div.backlist { margin: 1.5em 0 0 0; }
div.backlist a {
	display: inline-block;
	padding: 0 0 0 2em;
	font-size: 13px;
	letter-spacing: .03rem;
	position: relative;
}
div.backlist a:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 6px 3px 0;
	border-color: transparent rgba(55,55,55,1) transparent transparent;
	position: absolute;
	top: 1px;
	left: 0;
}

/*
02 Type
========================================================================== */
.builds-content div.typeLying {}
.builds-content div.typeSplit {
	align-items: center;
	justify-content: space-between;
}
.builds-content div.typeSplit p { white-space: pre-wrap; }
.builds-content div.typeSplit div { width: 50%; padding: 0 2em 0 0; }
.builds-content div.typeSplit div + div { padding: 0 0 0 2em; }

/*
03 Option
========================================================================== */
/*=== Style ===*/
/*Tit;e*/
.builds-content div.styleTitle {}
.builds-content div.styleTitle h3 { font-size: 17px; letter-spacing: 0.05rem; padding: 0 0 .75em 0; }
/*Img*/
.builds-content div.styleImg {}
/*Text*/
.builds-content div.styleText { flex-direction: column; white-space: pre-wrap }
/*Line*/
.builds-content div.styleLine { padding: 2em 2.5%; }
.builds-content div.styleLine hr {
	display: block;
	width: 100%;
	height: 3px;
	background-color: rgb(35, 144, 158);
}
_:-ms-fullscreen, :root .builds-content div.styleLine hr {
	background-size: 600px 25px;
}

/*Link*/
.builds-content div.styleLink div a {
	display: inline-block;
	margin: 1.25em 0;
	padding: .75em 3.5em .75em 3em;
	color: rgba(255,255,255,1);
	border-radius: .25em;
	background-color: rgba(7,85,95,1);
	position: relative;
	transition: .2s ease;
}
.builds-content div.styleLink div a:hover { background-color: rgba(7,85,95,.75); }
.builds-content div.styleLink div a:before {
	content: "";
	width: 4px;
	height: 4px;
	border-top: 2px solid rgba(255,255,255,1);
	border-right: 2px solid rgba(255,255,255,1);
	position: absolute;
	top: 50%;
	right: 1.75em;
	transform: translate(0,-50%) rotate(45deg);
}
.builds-content > div.styleLink + div.styleLink  { margin: 0 0 0 0; }

/*
04 Custom by Themes
========================================================================== */
/*===== Layout =====*/
/*Common*/


@media (max-width: 1096px) {

/*
01 Base
========================================================================== */
/*===== Whole =====*/

/*
02 Type
========================================================================== */

/*
03 Option
========================================================================== */
/*=== Style ===*/

}

@media (max-width: 1024px) {

/*
01 Base
========================================================================== */
/*===== Whole =====*/

/*
02 Type
========================================================================== */

/*
03 Option
========================================================================== */
/*=== Style ===*/

}

@media (max-width: 800px) {

/*
01 Base
========================================================================== */
/*===== Whole =====*/
.builds-content > div { flex-direction: column; }

/*
02 Type
========================================================================== */
.builds-content div.typeSplit div { width: 100%; padding: 0 0 0 0; }
.builds-content div.typeSplit div + div { padding: 1.25em 0 0 0; }
.builds-content div.typeSplit div img { padding: .5em 0; }

/*
03 Option
========================================================================== */
/*=== Style ===*/
.builds-content div.styleLine hr {
	height: 25px;
	background-size: 100% 25px;
}

}

@media (max-width: 600px) {

/*
01 Base
========================================================================== */
/*===== Whole =====*/
.builds-content { padding: 0 0 2.5em 0; }
.builds-content > div + div { margin: 1em 0 0 0; }

div.backlist a { padding: 0 0 0 1.5em; font-size: 12px; }

/*
02 Type
========================================================================== */
.builds-content div p { font-size: 14px; line-height: 1.9; }

/*
03 Option
========================================================================== */
/*=== Style ===*/
/*Tit;e*/
.builds-content div.styleTitle h3 { font-size: 16px; letter-spacing: .02rem; padding: 0 0 .5em 0; }
/*Line*/
.builds-content div.styleLine { padding: 1em 0; }
.builds-content div.styleLine hr { height: 1.25em; background-size: auto 100%; }

}