@charset "utf-8";
/*
 * Site Colors
 *
 */
/*
 ********************************************************************************
 * Structure
 ********************************************************************************
*/
/*
 Bootstrap original sizes:
 -------------------------
	All sizes are based on fixed pixel sizes
	- base 14px
			This seems to be set by only alphabatic languages,
	- headers:
			jumbo-h1, h1, h2, h3, h4, h5, h6
			63px, 36px, 30px, 24px, 18px, 14px, 12px
			 +27px  +6px  +6px  +6px  +4px  +2px
	- text-sizes:
			large: 18px
			small: 12px
*/
.jumbotron h1, .jumbotron .header.h1 {
	font-size: 6.5rem;
}
@media (max-width: 767px) {
.jumbotron h1,  .jumbotron .header.h1 {
	font-size: 5.2rem;
}
}
h1, .header.h1 {
	font-size: 5rem;
}
@media (max-width: 767px) {
h1,  .header.h1 {
	font-size: 4rem;
}
}
h2, .header.h2 {
	font-size: 4rem;
}
@media (max-width: 767px) {
h2,  .header.h2 {
	font-size: 3.2rem;
}
}
h3, .header.h3 {
	font-size: 3rem;
}
@media (max-width: 767px) {
h3,  .header.h3 {
	font-size: 2.4rem;
}
}
h4, .header.h4 {
	font-size: 2.6rem;
}
@media (max-width: 767px) {
h4,  .header.h4 {
	font-size: 2.08rem;
}
}
h5, .header.h5 {
	font-size: 2rem;
}
@media (max-width: 767px) {
h5,  .header.h5 {
	font-size: 1.6rem;
}
}
h6, .header.h6 {
	font-size: 1.6rem;
}
@media (max-width: 767px) {
h6,  .header.h6 {
	font-size: 1.28rem;
}
}
h1, h2, h3, h4, h5, h6, .header {
	margin-bottom: 0.6em;
}
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
	margin-bottom: 0.1em;
	color: #111a44;
}
.header > p {
	font-size: 1.7rem;
	text-indent: 0;
}
.header > p.en {
	font-size: 2.0rem;
	color: #111a44;
}
.jumbotron .header.h1 {
	font-size: 6.5rem;
}
.jumbotron .header.h1 > p {
	font-size: 2.0rem;
	text-indent: 0;
}
.jumbotron-overlay {
	height: 70px;
	position: absolute;
	top: -100%;
}
h1 > span.en, h2 > span.en, h3 > span.en, h4 > span.en, h5 > span.en, h6 > span.en {
	font-size: 1.2rem;
}
h1 > span.br, h2 > span.br, h3 > span.br, h4 > span.br, h5 > span.br, h6 > span.br {
	display: block;
}
.text-legible p {
	font-size: 1.7rem;
	line-height: 1.41176470;
}
.text-legible p.note {
	font-size: 1em;
}
.large {
	font-size: 2.0rem !important;
	font-weight: normal!important;
}
.small {
	font-size: 1.3rem !important;
}
.p-text-centered p {
	text-align: center;
}
.p-text-centered p.uncentered {
	text-align: inherit;
}
.p-text-centered .uncentered p {
	text-align: inherit;
}
.h-text-centered h1, .h-text-centered h2, .h-text-centered h3, .h-text-centered h4, .h-text-centered h5, .h-text-centered h6, .h-text-centered .header {
	text-align: center;
}
.h-text-centered h1.uncentered, .h-text-centered h2.uncentered, .h-text-centered h3.uncentered, .h-text-centered h4.uncentered, .h-text-centered h5.uncentered, .h-text-centered h6.uncentered, .h-text-centered .header.uncentered {
	text-align: inherit;
}
.h-text-centered .uncentered h1, .h-text-centered .uncentered h2, .h-text-centered .uncentered h3, .h-text-centered .uncentered h4, .h-text-centered .uncentered h5, .h-text-centered .uncentered h6, .h-text-centered .uncentered .header {
	text-align: inherit;
}
.hp-text-centered h1, .hp-text-centered h2, .hp-text-centered h3, .hp-text-centered h4, .hp-text-centered h5, .hp-text-centered h6, .hp-text-centered .header {
	text-align: center;
}
.hp-text-centered h1.uncentered, .hp-text-centered h2.uncentered, .hp-text-centered h3.uncentered, .hp-text-centered h4.uncentered, .hp-text-centered h5.uncentered, .hp-text-centered h6.uncentered, .hp-text-centered .header.uncentered {
	text-align: inherit;
}
.hp-text-centered .uncentered h1, .hp-text-centered .uncentered h2, .hp-text-centered .uncentered h3, .hp-text-centered .uncentered h4, .hp-text-centered .uncentered h5, .hp-text-centered .uncentered h6, .hp-text-centered .uncentered .header {
	text-align: inherit;
}
.hp-text-centered p {
	text-align: center;
}
p.text-left {
    text-align: left;
}
.hp-text-centered p.uncentered {
	text-align: inherit;
}
.hp-text-centered .uncentered p {
	text-align: inherit;
}
.all-centered {
	text-align: center;
}
.all-centered img {
	margin-left: auto;
	margin-right: auto;
}
.all-centered .uncentered {
	text-align: initial;
}
/*
 * Font-size controls
 */
/*
 * Hide for screen
 */
.hide-for-screen {
	visibility: hidden;
}
/*
 * For images
 */
.img-holder {
	margin-bottom: 15px;
}
.img-holder.bordered {
	border: 1px solid #000;
	overflow-x: auto;
}
.img-bordered {
	border: 1px solid #000;
}
.img-bordered.circle {
	border-radius: 50%;
}
.img-centered {
	margin-left: auto;
	margin-right: auto;
}
.perdu-border {
	border: 5px solid transparent;
}
/*
 ********************************************************************************
 *
 * Structure - bezel
 *
 ********************************************************************************
*/
.jumbotron, .bezel {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.jumbotron.unbordered, .bezel.unbordered {
	border: none;
}
.jumbotron .bottom-bordered, .bezel .bottom-bordered, .jumbotron.bottom-bordered, .bezel.bottom-bordered, .jumbotron .bezel-like-border, .bezel .bezel-like-border {
	border-bottom: none;
}
.jumbotron:last-child, .bezel:last-child {
	border-bottom: none;
}
.jumbotron:last-child .bottom-bordered, .bezel:last-child .bottom-bordered, .jumbotron:last-child .bezel-like-border, .bezel:last-child .bezel-like-border {
	border-bottom: none;
}
.bezel-vertical-padded {
	padding-top: 50px;
	padding-bottom: 50px;
}
.bezel {
	overflow: hidden;
}
@media (max-width: 767px) {
.bezel {
	min-height: inherit;
}
}
.bezel.remove-min-height {
	min-height: inherit;
}
.bezel.with-bg-image, .bezel .container, .bezel .container-fluid {
	position: relative;
}
.bezel.with-bg-image .bg-image, .bezel .container .bg-image, .bezel .container-fluid .bg-image {
	position: absolute;
	top: 0;
	z-index: -10;
}
.bezel.with-bg-image .bg-image:before, .bezel .container .bg-image:before, .bezel .container-fluid .bg-image:before, .bezel.with-bg-image .bg-image:after, .bezel .container .bg-image:after, .bezel .container-fluid .bg-image:after {
	content: " ";
	display: table;
}
.bezel.with-bg-image .bg-image:after, .bezel .container .bg-image:after, .bezel .container-fluid .bg-image:after {
	clear: both;
}
.bezel.with-bg-image .bg-image.right, .bezel .container .bg-image.right, .bezel .container-fluid .bg-image.right {
	right: 0;
}
.bezel.with-bg-image .bg-image.left, .bezel .container .bg-image.left, .bezel .container-fluid .bg-image.left {
	left: 0;
}
.bezel .bezel-object {
	display: table-cell;
	float: none;
}
@media (max-width: 767px) {
.bezel .bezel-object {
	display: inherit;
}
}
.bezel .bezel-top {
	vertical-align: top;
}
.bezel .bezel-middle {
	vertical-align: middle;
}
.bezel .bezel-bottom {
	vertical-align: bottom;
}
.bezel .placeholder {
	height: 200px;
}
/*
 ********************************************************************************
 * radius
 ********************************************************************************
*/
/*
 ********************************************************************************
 * table
 ********************************************************************************
*/
.table.th-text-centered th {
	text-align: center;
}
.table tbody tr th, .table tbody tr td {
	font-weight: normal;
	border-top: 1px solid rgba(17, 26, 68, 0.15);
	padding: 17px;
}
.table tbody tr:last-child th, .table tbody tr:last-child td {
	border-bottom: 1px solid rgba(17, 26, 68, 0.15);
}
/*
 ********************************************************************************
 * thumbnails
 ********************************************************************************
*/
.thumbnail.unbordered {
	border: none;
}
.thumbnail .img-holder {
	margin-bottom: 0;
	height: 150px;
}
.thumbnail .caption .title {
	font-size: 1.4em;
	font-weight: bold;
	height: 1.4em;
}
/*
 ********************************************************************************
 * Parts
 ********************************************************************************
*/
.banner-box .banner {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.banner-box .banner * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
@media (max-width: 767px) {
.bottom-pad-xs-only {
	padding-bottom: 15px;
}
}
@media (max-width: 767px) {
.bottom-gutter-xs-only {
	margin-bottom: 15px;
}
}
/*
 ********************************************************************************
 * parts - articles
 ********************************************************************************
*/
.article-list {
	padding: 15px;
}
.article-list.scrolled {
	max-height: 400px;
	overflow: auto;
}
.article-list.bordered {
	border: 1px solid #999;
}
.article-list ul, ul.article-list {
	padding-left: 0;
	list-style: none;
}
/*
 ********************************************************************************
 * parts - tooltip
 ********************************************************************************
*/
.tooltip {
	position: relative;
	opacity: inherit;
}
.tooltip .tooltip-inner {
	max-width: 300px;
	padding: 10px;
	border-radius: 10px;
}
.tooltip .tooltip-inner p {
	margin-bottom: 0;
}
/*
 ********************************************************************************
 * EXTRA - site related
 ********************************************************************************
*/
#top_carousel {
	line-height: 0;
	z-index: -999999;
}
@media print {
#top .fb-page.fb_iframe_widget {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.53);
	-ms-transform: scale(0.53);
	-o-transform: scale(0.53);
	transform: scale(0.53);
}
}
/**
 ** END
 **
 **/
/*
 * normalize
 *
 * @version    v1.0.1
 * @update     2015-05-05
 */
/*
 * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
/*
 * toggle font-face
 */
@font-face {
	font-family: 'Noto Sans Japanese Light';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese Black';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.otf) format('opentype');
}
/**
 ** END
 **
 **/
/*
 * normalize
 *
 * @version    v1.0.1
 * @update     2015-05-04, 2015-04-07
 */
html {
	font-size: 62.5%;
 font-size: calc(1em*.625);
}
body {
	font-family: Verdana, meiryo, "yu gothic", "hiragino kaku gothic pron", sans-serif;
	font-size: 1.4rem;
	line-height: 1.42857143;
}
.wf-bold {
	font-family: 'Noto Sans Japanese Black';
}
.wf-thin {
	font-family: 'Noto Sans Japanese Light';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .hl1, .hl2, .hl3, .hl4, .hl5, .hl6 {
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.en {
	font-family: 'Noto Sans Japanese Light';
}
/**
 ** END
 **
 **/
/**
 * Printing
 *
 * @version  v1.0.1
 * @update   2015-04-15
**/
@page {
 margin-left: 1cm;
 margin-right: 1cm;
}
@media print {
body {
	font-size: 1.2rem;
	padding-top: 0 !important;
}
.jumbotron h1,  .jumbotron .h1 {
	font-size: 4.0rem;
}
h1,  .h1 {
	font-size: 3.6rem;
}
h2,  .h2 {
	font-size: 3.2rem;
}
h3,  .h3 {
	font-size: 2.2rem;
}
h4,  .h4 {
	font-size: 1.8rem;
}
h5,  .h5 {
	font-size: 1.4rem;
}
h6,  .h6 {
	font-size: 1.2rem;
}
.container {
	width: auto;
}
a[href]:after,  abbr[title]:after {
	content: none;
}
.print-block,  .print-block.hidden-xs,  .print-block.hidden-sm {
	display: block !important;
}
.navbar {
	display: block;
}
.navbar .navbar-header {
	float: left;
}
.navbar-fixed-top {
	position: relative !important;
}
.navbar-collapse.collapse {
	display: block !important;
	visibility: visible !important;
}
.navbar-collapse.collapse.hidden-print {
	display: none !important;
}
.navbar-text:before {
	content: "";
	padding-right: 15px;
}
.col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,  .col-sm-11,  .col-sm-12 {
	float: left !important;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
.visible-xs {
	display: none !important;
}
.hidden-xs {
	display: block !important;
}
table.hidden-xs {
	display: table;
}
tr.hidden-xs {
	display: table-row !important;
}
th.hidden-xs,  td.hidden-xs {
	display: table-cell !important;
}
.hidden-xs.hidden-print {
	display: none !important;
}
.hidden-sm {
	display: none !important;
}
.visible-sm {
	display: block !important;
}
table.visible-sm {
	display: table;
}
tr.visible-sm {
	display: table-row !important;
}
th.visible-sm,  td.visible-sm {
	display: table-cell !important;
}
}
/**
 ** END
 **
 **/
/**
 * sitehead
 *
 * @version  v1.0.0
 * @update   2015-04-15
**/
/*
 * WHAT TO SET
 *
 *******************************************************************************
 */
/*
 * Sizes - normal
 *
 */
/*
 * Colors & borders 
 *
 */
/*
 * Typographic
 *
 */
/*
 ********************
 * Overide BS
 ********************
*/
.navbar-header .navbar-brand {
	height: 90px;
}
@media (max-width: 767px) {
.navbar-header .navbar-brand {
	height: 70px;
}
}
.navbar-header .navbar-brand > .logo {
	height: 60px;
}
@media (max-width: 767px) {
.navbar-header .navbar-brand > .logo {
	height: 40px;
}
}
.navbar {
	margin-bottom: 0;
	border: none;
}
.nav li a {
	padding: 22px 20px 8px 20px;
}
@media (max-width: 767px) {
.nav li a {
	padding: 5px 0;
}
}
body {
	padding-top: 70px;
}
@media (min-width: 768px) {
body {
	padding-top: 0;
}
}
/*
 ********************
 * #sitehead
 ********************
*/
#sitehead, .sitehead {
	background-color: #ffffff !important;
	border-bottom: 1px solid #111a44;
}
/*
 ********************
 * #button for .navbar-toggle in screen-xs
 ********************
*/
#sitehead .navbar-header, .sitehead .navbar-header {
	position: relative;
}
#sitehead .navbar-header .button-wrap, .sitehead .navbar-header .button-wrap {
	position: absolute;
	right: 15px;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
}
#sitehead .navbar-header .button-wrap .navbar-toggle, .sitehead .navbar-header .button-wrap .navbar-toggle {
	border: 1px solid rgba(17, 26, 68, 0.15);
	margin: 0;
	float: none;
}
#sitehead .navbar-header .button-wrap .navbar-toggle .icon-bar, .sitehead .navbar-header .button-wrap .navbar-toggle .icon-bar {
	background-color: #111a44;
}
/*
 ********************
 * #gnav
 ********************
*/
#gnav {
	height: 90px;
}
@media (max-width: 767px) {
#gnav {
	height: initial;
}
}
#gnav > li {
	height: inherit;
}
#gnav > li a {
	height: inherit;
}
#gnav.nav > li {
	text-align: center;
	color: #111a44;
}
#gnav.nav > li span.culture.primary {
	display: inline-block;
	border-bottom: 2px solid rgba(17, 26, 68, 0.15);
	padding: 6px 0;
}
#gnav.nav > li span.culture.small {
	display: block;
}
#gnav.nav > li .primary {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-left: 5px;
	padding-right: 5px;
}
@media (min-width: 992px) {
#gnav.nav > li .primary {
	font-size: 18px;
	margin-bottom: 3px;
}
}
@media (min-width: 992px) {
}
/*
 ********************
 * #sitehead > .floating
 ********************
*/
#sitehead .floating, .sitehead .floating {
	position: absolute;
	border: 1px solid #111a44;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	-o-border-radius: 160px;
	border-radius: 160px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	height: 160px;
	width: 160px;
	z-index: 9000;
}
#sitehead .floating.right, .sitehead .floating.right {
	top: 30px;
	right: 30px;
}
#sitehead .floating .iw, .sitehead .floating .iw {
	border: 2px solid #ffffff;
	border-radius: 80px;
	background: #111a44;
	height: inherit;
	color: #ffffff;
	padding-top: 27px;
}
#sitehead .floating .iw .glyphicon, .sitehead .floating .iw .glyphicon {
	font-size: 28px;
}
#sitehead .floating .iw .en, .sitehead .floating .iw .en {
	font-size: 2.3rem;
}
/*
 ********************
 * #sitehead.shrink
 ********************
*/
/*
 * UTILITIES - mixins
 *
 *******************************************************************************
 */
/**
 ** END
 **
 **/
/**
 * #footer
 *
 * @version   0.1.0
 **/
/*
 * WHAT TO SET
 *
 *******************************************************************************
 */
/*
 * Colors
 *
 */
/*
 ********************
 * #sitefoot
 ********************
*/
/*
 ********************
 * #snav
 ********************
*/
#snav .snav-bezel {
	padding-top: 30px;
	padding-bottom: 0px;
}
#snav .sns {
    padding-top: 0px;
    padding-bottom: 0px;
}
#snav .snav-bezel.snav-colored {
	background-color: #111a44;
}
/*
 * #snav item
 */
#snav {
	color: #ffffff;
}
#snav img {
	max-width: 200px;
}
#snav p.sns img {
	max-width: 450px;
}
@media (max-width: 767px){
#snav p.sns img {
	width: 80%;
} 
}
#snav span.culture.primary {
	display: inline-block;
	border-bottom: 1px solid #ffffff;
	padding: 10px 0;
}
#snav span.culture.small {
	display: block;
	padding: 10px 0;
}
#snav .primary {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-left: 5px;
	padding-right: 5px;
}
@media (min-width: 992px) {
#snav .primary {
	font-size: 16px;
	margin-bottom: 3px;
}
}
#snav .snav-grp {
	min-height: 60px;
	background-color: #1b284f;
}
@media (max-width: 767px) {
#snav .snav-grp {
	margin-bottom: 20px;
	min-height: inherit;
	padding-bottom: 15px;
}
}
#snav .snav-grp.unbordered {
	border: none;
}
#snav .snav-grp .grp-title {
	color: #ffffff;
	background-color: #111a44;
	margin-bottom: 1em;
	padding-bottom: 10px;
}
#snav .snav-grp .grp-title > a {
	display: block;
}
#snav .snav-grp ul.grp-list {
	list-style-type: none;
	padding: 0;
}
#snav .snav-grp ul.grp-list li {
	margin-bottom: 0.3em;
}
/*
 * Copywrite pane - #cwpt
 */
/**
 ** END
 **
 **/
/**
 * breadcrumbs
 *
 * @version   1.0.1
 * @update    2015-12-16
 **/
.breadcrumb-bezel {
	background-color: #111a44 !important;
}
.breadcrumb-bezel .breadcrumb {
	padding: 10px 15px;
	border-radius: 0;
	margin-bottom: 0;
	background-color: #111a44 !important;
}
.breadcrumb-bezel .breadcrumb > li + li:before {
	color: #ffffff;
	content: "〉";
}
.breadcrumb-bezel .breadcrumb > li a {
	color: #ffffff;
}
/*
 * UTILITIES - mixins
 *
 *******************************************************************************
 */
/**
 ** END
 **
 **/
/**
 * Variables & Mixins
 *
 * @version  v1.0.0
 * @update   2015-04-15
**/
/*
 ********************************************************************************
 *
 * mixins
 *
 ********************************************************************************
*/
/*
 ********************************************************************************
 *
 * variables
 *
 ********************************************************************************
*/
/*
******************
**
** colors
**
******************
*/
/**
 ** END
 **
 **/
/*!
 * kisstrap
 *
 **/
/*
 ********************************************************************************
 * Override kslider
 ********************************************************************************
*/
.kislider > .kis-bullets-box > label > .cs_thumb {
	left: -115px !important;
	top: -65px !important;
}
/*
 ********************************************************************************
 * Override BS
 ********************************************************************************
*/
.table th {
	white-space: nowrap;
}
a {
	color: inherit;
}
a:focus, a:hover {
	color: inherit;
	text-decoration: none;
	opacity: 0.7;
}
@media (max-width: 767px) {
.carousel {
	margin-bottom: 15px;
}
}
.carousel-inner > .item > img {
	max-width: 350px;
}
.carousel-control {
	color: inherit;
}
.carousel-control.right, .carousel-control.left {
	background: none;
}
.carousel-control.right .fas, .carousel-control.left .fas {
	margin-top: 150px;
}
/*
 ********************************************************************************
 * sitehead
 ********************************************************************************
*/
@media (min-width: 768px) {
#sitehead {
	position: relative;
}
}
#sitehead .floating a:hover {
	opacity: 1;
}
#sitehead .floating .iw.hover {
	cursor: pointer;
}
#sitehead .floating .iw.hover p, #sitehead .floating .iw.hover span {
	opacity: 0.8;
}
@media (max-width: 767px) {
#sitehead #gnav {
	border-top: 1px solid #111a44;
}
}
.navbar-fixed-top .navbar-collapse {
	max-height: 100%;
}
/*
 ********************************************************************************
 * parts
 ********************************************************************************
*/
.collection.collection-cards .card {
	display: block;
	padding: 5px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.collection.collection-cards .card .card-wider {
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.collection.collection-cards .card .card-image:after, .collection.collection-cards .card .img-holder:after {
	content: "クリックで詳細へ";
	display: block;
	position: absolute;
	width: 100%;
	background-color: black;
	color: white;
	text-align: center;
	line-height: 50px;
	bottom: -50px;
}
.collection.collection-cards .card:hover .card-image:after, .collection.collection-cards .card:hover .img-holder:after {
	bottom: 0%;
	transition: all 0.27s ease-in;
}
.collection.collection-cards .card-image + .card-header, .collection.collection-cards .img-holder + .card-header, .collection.collection-cards .card-body + .card-header {
	margin-top: 5px;
}
.collection.collection-cards .card-header {
	font-size: 1.25em;
	font-weight: bold;
}
.collection.collection-cards .card-image, .collection.collection-cards .img-holder {
	position: relative;
	height: 150px;
	overflow: hidden;
	margin-bottom: 0;
}
.bezel p {
	text-indent: 1.0em;
	line-height:1.5em;
	margin-bottom:25px;
}
.about_us .bezel p {
	text-indent: 1.0em;
	line-height:2.0em;
	margin-top:20px;
}
.no-indent .bezel p, .bezel p.no-indent {
	text-indent: inherit;
}
.bezel.with-bg-colored.color-1 {
	background-color: rgba(17, 26, 68, 0.15) !important;
}
.bezel.with-bg-colored.color-2 {
	background-color: #e5e3d1 !important;
}
.bezel.with-bg-image.no-padding {
	padding: 0!important;
}
.panel .panel-heading h1, .panel .panel-heading h2, .panel .panel-heading h3, .panel .panel-heading h4, .panel .panel-heading h5, .panel .panel-heading h6, .panel .panel-heading .h1, .panel .panel-heading .h2, .panel .panel-heading .h3, .panel .panel-heading .h4, .panel .panel-heading .h5, .panel .panel-heading .h6 {
	margin: 0;
}
.panel p:only-child {
	margin-bottom: 0;
}
@media (min-width: 992px) {
.container.container-diet {
	width: 800px;
}
}
@media (max-width: 767px) {
.h-text-centered-xs h1,  .h-text-centered-xs h2,  .h-text-centered-xs h3,  .h-text-centered-xs h4,  .h-text-centered-xs p.bordered {
	text-align: center;
}
}
@media (max-width: 767px) {
.h-text-centered-xs img {
	margin: 0 auto;
}
}
.bg-circled {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	margin-bottom: 10px;
	color: #ffffff;
	line-height: 120px;
	text-align: center;
}
.bg-circled p, .bg-circled h3 {
	line-height: 120px;
}
.bg-circled h3 {
	font-family: inherit;
}
.bg-circled p {
	font-family: 'Noto Sans Japanese Light';
	font-size: 4.8rem;
}
.bg-circled.color-1 {
	background-color: #111a44 !important;
}
.bg-circled.color-2 {
	background-color: #443711 !important;
}
.bg-circled.color-3 {
	background-color: #EF7030;
}
p.bordered {
	border-bottom: 1px solid rgba(17, 26, 68, 0.15);
	padding-bottom: 0.5em;
}
.img-holder.resized {
	max-height: 500px;
	width: 100%;
}
#top .thumbnail .caption .title, #reform .thumbnail .caption .title, #construction .thumbnail .caption .title {
	margin: 0;
}
@media (max-width: 767px) {
.container.xs-full {
	padding-right: 0;
	padding-left: 0;
}
.container.xs-full .thumbnail {
	padding-right: 0;
	padding-left: 0;
}
}
/*
 ********************************************************************************
 * PORTFOLIO
 ********************************************************************************
*/
.portfolio .portfolio-viewer, .single .portfolio-viewer {
	background: #222;
	color: #aaaaaa;
	position: relative;
	min-height: 200px;
	margin-bottom: 20px;
}
.portfolio .portfolio-viewer .arrow, .single .portfolio-viewer .arrow {
	border-bottom: 10px solid #222;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	position: absolute;
	top: -10px;
	width: 0;
}
.portfolio .portfolio-viewer .btn-x, .single .portfolio-viewer .btn-x {
	cursor: pointer;
	padding: 7px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	height: 40px;
	width: 40px;
}
.portfolio .portfolio-viewer .photo, .single .portfolio-viewer .photo {
	border-right: 1px solid #121212;
	box-shadow: 1px 0 #2a2a2a;
}
.portfolio .portfolio-viewer .photo img, .single .portfolio-viewer .photo img {
	height: 500px;
}
.portfolio .portfolio-viewer .article-header, .single .portfolio-viewer .article-header {
	color: #aaaaaa;
	border-bottom: 1px solid #121212;
	box-shadow: 0 1px #2a2a2a;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.portfolio .portfolio-viewer .article-footer, .single .portfolio-viewer .article-footer {
	color: #aaaaaa;
	border-top: 1px solid #121212;
	box-shadow: 0 -1px #2a2a2a;
	padding-top: 10px;
}
@media (max-width: 767px) {
.portfolio .portfolio-viewer .article-footer,  .single .portfolio-viewer .article-footer {
	border: none;
	box-shadow: none;
}
}
.portfolio .portfolio-viewer .title, .single .portfolio-viewer .title {
	color: #d6d6d6;
}
.portfolio .portfolio-viewer .btn, .single .portfolio-viewer .btn {
	background-color: #2d2d2d;
	border: 1px solid #0e0e0e;
	color: #aaaaaa;
	margin-bottom: 10px;
}
.ts-stage {
	height: 500px;
	overflow: hidden;
	width: 100%;
}
@media (max-width: 1199px) {
.ts-stage {
	height: 430px;
}
}
@media (max-width: 991px) {
.ts-stage {
	height: 460px;
}
}
@media (max-width: 767px) {
.ts-stage {
	height: 100%;
}
}
.ts-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.ts-slide {
	height: 500px;
}
@media (max-width: 1199px) {
.ts-slide {
	height: 430px;
}
}
@media (max-width: 991px) {
.ts-slide {
	height: 460px;
}
}
@media (max-width: 767px) {
.ts-slide {
	height: 100%;
}
}
@media (min-width: 768px) {
.ts-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex: 0 0 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
}
.ts-prev:hover, .ts-next:hover {
	cursor: pointer;
	color: #aaa;
}
.ts-prev {
	z-index: 99999;
	position: absolute;
	font-size: 100px;
	left: -45px;
	top: 200px;
}
@media (max-width: 1199px) {
.ts-prev {
	top: 165px;
}
}
@media (max-width: 991px) {
.ts-prev {
	top: 180px;
}
}
@media (max-width: 767px) {
.ts-prev {
	top: 100px;
}
}
.ts-next {
	z-index: 99999;
	font-size: 100px;
	position: absolute;
	right: -45px;
	top: 200px;
}
@media (max-width: 1199px) {
.ts-next {
	top: 165px;
}
}
@media (max-width: 991px) {
.ts-next {
	top: 180px;
}
}
@media (max-width: 767px) {
.ts-next {
	top: 100px;
}
}
.ts-next:hover, .ts-prev:hover {
	cursor: pointer;
	color: #aaa;
}
.flex-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.portfolio.sm .swiper-container, .single.sm .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.portfolio.sm .swiper-slide, .single.sm .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.portfolio.sm .swiper-slide.active, .single.sm .swiper-slide.active {
	outline: 2px solid #bbb;
	outline-offset: 1px;
}
.portfolio.sm .img-holder, .single.sm .img-holder {
	padding: 0 5px;
}
.portfolio.sm .img-holder .img-w, .single.sm .img-holder .img-w {
	height: 80px;
	border: #222;
}
.portfolio.sm .img-holder .img-w:hover, .single.sm .img-holder .img-w:hover {
	outline: 1px solid #ddd;
	outline-offset: 1px;
	cursor: pointer;
}
.portfolio.xs .portfolio-viewer, .single.xs .portfolio-viewer {
	z-index: 99999;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
}
.portfolio.xs .img-holder .img-w, .single.xs .img-holder .img-w {
	height: 80px;
	border: #222;
}
.portfolio.xs .img-holder .img-w:hover, .single.xs .img-holder .img-w:hover {
	outline: 1px solid #ddd;
	outline-offset: 1px;
	cursor: pointer;
}
/*
 ********************************************************************************
 * top
 ********************************************************************************
*/
.padded-border {
	background-color: #fff;
	padding: 0px;
}
dl.dl-bordered {
	border-bottom: 1px solid rgba(17, 26, 68, 0.15);
	padding-bottom: 5px;
}
dl.dl-bordered a.thumbnail {
	margin-bottom: 5px;
}
dl.dl-bordered dt {
	border-top: 1px solid rgba(17, 26, 68, 0.15);
	padding-top: 8px;
	line-height: 1.5;
	font-size: 1.6rem;
}
dl.dl-bordered dd {
	font-size: 1.2rem;
	margin-left: 1em;
	line-height: 1.8;
}
dl.dl-bordered dd > p {
	font-size: 1.2rem;
}
dl.dl-bordered dd > dl {
	margin-bottom: 5px;
}
dl.dl-bordered dd > dl dt, dl.dl-bordered dd > dl dd {
	border-top: none;
	font-size: 1.4rem;
	padding-top: 0;
	line-height: 1.5;
}
dl.dl-bordered dd > dl.dl-horizontal dt {
	width: 8em;
	text-align: left;
}
/*
 ********************************************************************************
 * reform
 ********************************************************************************
*/
.sitehead .gnav .dropdown-toggle {
	font-family: 'Noto Sans Japanese Black';
	font-size: 17px;
}
#sidehead-reform {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}
#sidehead-reform .navbar-brand {
	line-height: inherit !important;
	font-family: "HGP創英角ﾎﾟｯﾌﾟ体", "HPG創英角ポップ体", 'Noto Sans Japanese Black';
	font-size: 30px;
	color: #111a44;
}
#sidehead-reform .nav li a {
	padding-top: 36px;
	padding-bottom: 32px;
	color: #111a44 !important;
}
#sidehead-reform .dropdown-menu a {
	padding: 10px 15px !important;
}
.qnav a {
	text-align: center;
	font-weight: 800;
	font-family: 'Noto Sans Japanese Black';
	font-size: 1.2em;
}
.headroom {
	will-change: transform;
	transition: -webkit-transform 200ms linear;
	transition: transform 200ms linear;
	transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.headroom--pinned {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.headroom--unpinned {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
body.subpg.reform {
	padding-top: 91px !important;
}
.subpg.reform #sitehead {
	display: none !important;
}
.subpg.reform .list-group .list-group-item {
	border-color: #337ab7 !important;
	font-weight: bold;
}
.subpg.reform .thin-gutter [class^=col-] {
	padding-left: 5px;
	padding-right: 5px;
}
.product .product-heading {
	padding: 10px;
	font-family: 'Noto Sans Japanese Black';
	margin-bottom: 10px;
}
.product .product-heading p {
	line-height: 1.25;
	text-indent: 0;
	font-size: 30px !important;
}
.product .product-body p {
	text-indent: 0;
}
.product .product-body dl {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.6rem;
}
.product .product-body dl dd {
	margin-left: 1em;
}
.product .label-bordered {
	border: 1px solid transparent;
}
.product .bg-brown {
	background-color: #ae1015;
	color: #ffffff;
}
.product .bg-brown .label-bordered {
	border-color: #fff;
}
#reform, #flow {
	background-color: #F9F7F1;
}
#reform h1, #flow h1, #reform h2, #flow h2, #reform h3, #flow h3, #reform h4, #flow h4 {
	color: #4B4949!important;
}
#reform .h3 {
	color: #000!important;
}
.bg-white {
	background-color: #FFF;
}
#flow .bg-circled {
	color: #EF7030;
	background-color: #FFF;
}
#reform-screen-intro {
	background-color: #FFF;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
}
.pullquote .content {
	display: inline-block;
	max-width: 600px;
	border-bottom: 2px solid #f29724;
	padding: 1em;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 20px;
}
.pullquote .content li, .pullquote .content p {
	font-family: "Noto Sans Japanese";
	font-weight: 600;
	font-size: 24px;
	-webkit-transform: skewX(-7deg);
	-moz-transform: skewX(-7deg);
	-o-transform: skewX(-7deg);
	-ms-transform: skewX(-7deg);
	transform: skewX(-7deg);
	text-indent: -0.2em;
	color: #f29724;
}
.pullquote li {
	text-align: left;
}
/**
* reform - earthquake-resistant
* --------------------------------------------------
*/
#intro {
	background-image: url(http://www.kyowakensetsu.com/reform/img/bg-earthquake-resistant-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 50%;
	padding-top: 150px;
	padding-bottom: 150px;
}
#intro:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(25, 25, 25, 0.3);
	position: absolute;
	top: 0;
	z-index: 100;
}
#intro > .container {
	z-index: 110;
	color: white;
}
#intro > .container h2 {
	color: white !important;
}
/**
* reform - 料金表示変更
* --------------------------------------------------
*/
.product-body p.price-figure {
	color: #F00;
	font-size: 1.8em;
	font-family: inherit;
	font-weight: bold;
}
.price-text {
	font-size: 0.6em;
}
/**
* timeline
* --------------------------------------------------
*/
.timeline dl {
	position: relative;
	top: 0;
	padding: 20px 0;
	margin: 0;
}
.timeline dl:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 100;
	width: 2px;
	margin-left: -1px;
	content: '';
	background-color: #ccd1d9;
}
.timeline dl dt {
	position: relative;
	top: 30px;
	z-index: 200;
	width: 120px;
	padding: 3px 5px;
	margin: 0 auto 30px;
	font-weight: normal;
	color: white;
	text-align: center;
	background-color: #aab2bd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.timeline dl dd {
	position: relative;
	z-index: 200;
}
.timeline dl dd p {
	text-indent: 0;
}
.timeline dl dd .circ {
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 200;
	width: 22px;
	height: 22px;
	margin-left: -11px;
	background-color: #4fc1e9;
	border: 4px solid #f5f7fa;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.timeline dl dd .time {
	position: absolute;
	top: 31px;
	left: 50%;
	display: inline-block;
	width: 100px;
	padding: 10px 20px;
	color: #4fc1e9;
}
.timeline dl dd .events {
	position: relative;
	width: 47%;
	padding: 10px 10px 0;
	margin-top: 31px;
	background-color: white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.timeline dl dd .events:before {
	position: absolute;
	top: 12px;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
	border-width: 6px;
}
.timeline dl dd .events .events-object {
	margin-right: 10px;
	margin-bottom: 5px;
	max-width: 230px;
}
.timeline dl dd .events .events-body {
	overflow: hidden;
	zoom: 1;
}
.timeline dl dd .events .events-body .events-heading {
	margin: 0 0 10px;
	font-size: 14px;
}
.timeline dl dd.pos-right .time {
	margin-left: -100px;
	text-align: right;
}
.timeline dl dd.pos-right .events {
	float: right;
}
.timeline dl dd.pos-right .events:before {
	left: -12px;
	border-color: transparent white transparent transparent;
}
.timeline dl dd.pos-left .time {
	margin-left: 0;
	text-align: left;
}
.timeline dl dd.pos-left .events {
	float: left;
}
.timeline dl dd.pos-left .events:before {
	right: -12px;
	border-color: transparent transparent transparent white;
}
@media screen and (max-width: 767px) {
.timeline dl:before {
	left: 60px;
}
.timeline dl dt {
	margin: 0 0 30px;
}
.timeline dl dd .circ {
	left: 60px;
}
.timeline dl dd .time {
	left: 0;
}
.timeline dl dd.pos-left .time {
	padding: 10px 0;
	margin-left: 0;
	text-align: left;
}
.timeline dl dd.pos-left .events {
	float: right;
	width: 84%;
}
.timeline dl dd.pos-left .events:before {
	left: -12px;
	border-color: transparent white transparent transparent;
}
.timeline dl dd.pos-right .time {
	padding: 10px 0;
	margin-left: 0;
	text-align: left;
}
.timeline dl dd.pos-right .events {
	float: right;
	width: 84%;
}
}
/*
 ********************************************************************************
 * request
 ********************************************************************************
*/
#request .bg-circled p {
	font-size: 3.5rem;
}
#request .phone {
	font-size: 4.5rem;
}
@media (max-width: 767px) {
#request .phone {
	text-align: center;
	font-size: 4rem;
}
}
#about_us .large {
	font-weight: bold;
	margin-bottom: 5px;
}
#about_us .post-number {
	margin-bottom: 0;
}
#about_us .forefront {
	z-index: 9999;
	color: white;
	font-size: 2.6rem;
	font-family: 'Noto Sans Japanese Light';
}
#about_us .fa-circle {
	color: #111a44;
}
#about_us .phone {
	font-size: 3.5rem;
}
@media (max-width: 767px) {
}
#google_map {
	min-height: 500px;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
#google_map {
	min-height: 250px;
}
}
/**
 * blog
 */
#news-container .ul-outer {
	max-height: 610px;
}
#staff-blog-container .ul-outer {
	max-height: 380px;
}
.ul-outer {
	background-color: white;
	padding: 15px;
	border-radius: 4px;
	overflow-y: scroll;
}
.ul-outer .media {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999;
}
.ul-outer .media .date {
	padding-right: 10px;
}
.ul-outer li:last-child .media {
	margin-bottom: 0;
	border-bottom: none;
}
.ul-outer .media-heading {
	font-size: 16px;
}
.ul-outer .media-object {
	max-width: 120px;
}
.noindent p, p.noindent {
	text-indent: 0;
}
.widget .panel, .widget.panel {
	overflow: hidden;
}
.widget {
	margin-bottom: 20px;
	border: 0;
}
.half-float {
	position: relative;
	margin-bottom: 65px;
}
.half-float .half-float-bottom, .half-float .half-float-top {
	position: absolute;
	left: 50%;
	bottom: -60px;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	z-index: 2;
}
.thumb128 {
	width: 128px!important;
	height: 128px!important;
}
.half-float + * {
	margin-top: -55px;
	padding-top: 65px;
}
.card-image {
	height: 120px;
	background-color: #111a44;
}
.widget-bg {
	min-width: 100%;
	height: 120px;
}
/*
Theme Name: kyowakensetsu
Template: kyowakensetsu
Description: kyowakensetsu css
Version: 0.0.0
*/
@media (min-width: 768px) {
.portfolio .inner-col-c2-centered .col-c2:nth-child(odd) {
	padding-right: 5px;
	padding-left: 25px;
}
.portfolio .inner-col-c2-centered .col-c2:nth-child(even) {
	padding-right: 25px;
	padding-left: 5px;
}
}
.archive .post .entry-header .title {
	font-size: 1.4em;
	height: 1.4em;
	padding-left: .4em;
	margin-bottom: .3em;
}
.archive .post .thumbnail {
	margin-bottom: 40px;
}
.list-group.list-group-striped .list-group-item {
	border: none;
	padding: 15px 0;
}
.list-group.list-group-striped .list-group-item:nth-child(odd) {
	background-color: #f5f5f5;
}
.formal-typo .h1 {
	font-size: 5rem;
	color: #111a44;
	font-family: 'Noto Sans Japanese Black';
 margin-bottom: .22rem;
}
@media (max-width: 767px) {
.formal-typo .h1 {
	font-size: 4rem;
}
}
.col-tags {
	font-size: 12px;
}
.col-tags .tag {
	display: inline-block;
	border: 1px solid transparent;
	padding: 0 0.6em;
	margin: 0 1px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	margin-bottom: 1.5px;
	text-decoration: none;
}
.category-construction .tag {
	background-color: rgba(23, 35, 92, 0.75);
}
.category-reform .tag {
	background-color: rgba(68, 55, 17, 0.75);
}
.single .entry-header {
	margin-bottom: 20px !important;
}
.single .entry-content .body {
	margin-bottom: 20px;
}
.single .items-archive .img-holder {
	height: 200px;
	max-height: 250px;
}
.single .items-archive .img-holder:hover {
	cursor: pointer;
}
.single .portfolio-viewer img {
	max-height: 500px;
}