@charset "UTF-8";
/*
Theme Name: Artificial Reason
Theme URI: http://razonartificial.com/themes/reason/v1.6/
*/

.two_cols {
  overflow: hidden;
}
.two_cols > li {
  float: left;
  width: 50%;
  padding-bottom: 2px;
  padding-top: 1px;
  padding-right: 15px;
}

/*-------------------------------------------------------------------*/
/* Header full */
/*-------------------------------------------------------------------*/

.header-full {
  background-image: none;
}

.header-full-title {
  padding-left: 0px;
  background-image: none;
}

.navbar-default .navbar-brand span {
  color: #fff;
}

/* ---------------------------------------------------- */
/* Navbar */
/* ---------------------------------------------------- */
.navbar-default .navbar-brand {
  background-image: url("assets/images/header_logo_sm_icon.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 45px;
  color: #000;
}

/** Custom CSS Setting
 **************************************************************** **/
 
/* ---------------------------------------------
  header
--------------------------------------------- */
.article h1 {
	margin: 0px 0px 20px 0px;
	font-weight: normal;
	/* font-size: 1.8em; */
	color: #444;
	padding: 0px 0 2px 0px;
	border-bottom: 10px solid #dadada;
}
.article h2 {
	font-size: 1.4em;
	margin: 20px 10px 10px 0px;
	padding: 3px 5px 3px 15px;
	background:#F5F5F5;
	border-left:#2D8D83 12px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
}
.article h3 {
	font-size: 1.3em;
	margin: 20px 10px 10px 0px;
	padding: 3px 5px 3px 15px;
	background:#F5F5F5;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
}

.article h3.post-title {
	font-size: 1.2em;
	margin: 0px 10px 10px 0px;
	padding: 3px 5px 3px 15px;
	background:#F5F5F5;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
}

.article h4 {
	font-size: 1.2em;
	border-left:#2D8D83 6px solid;
	margin: 20px 10px 10px 0px;
	padding: 2px 5px 2px 8px;
}
.article h5 {
	margin: 20px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
}
.article h6 {
	margin: 20px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
}


ul.listLink {
  list-style: none;
}
ul.listLink li:before {
  font-family: FontAwesome;
  content: '\f0a9'; /* アイコンのunicode */
  padding-right: 10px;
}


/* ---------------------------------------------------- */
/* Errors */
/* ---------------------------------------------------- */
.error-404 {
  max-width: 700px;
}
.error-404 h1 {
  font-size: 3em;
  text-transform: uppercase;
  font-family: 'Open Sans';
}
.error-404 h2 {
  font-size: 1.5em;
  text-transform: uppercase;
}
@media (min-height: 1019px) {
  .error-404 {
    margin: 48px auto 49px auto;
  }
}



/* ---------------------------------------------
  汎用フレーム囲い
--------------------------------------------- */
.frame {
  border: 1px solid #ddd;
  margin: 10px 5px;
  padding: 5px;
}
.frameCenter {
  border: 1px solid #ddd;
  margin: 10px 5px;
  padding: 5px;
  text-align: center;
}

/* ---------------------------------------------
  preset font style
--------------------------------------------- */
.require,
.error {
color: #F00;
}
.fontSS {
font-size: 0.6em;
}
.fontS {
font-size: 0.8em;
}
.fontM {
font-size: 1em;
}
.fontL {
font-size: 1.2em;
}
.fontLL {
font-size: 1.4em;
}
.fontLLL {
font-size: 1.8em;
}
sup {
font-size: 0.8em;
}
sub {
font-size: 0.8em;
}
.imgCaption {
font-size: 0.8em;
}
.fontUnderline {
text-decoration: underline;
}

/* ---------------------------------------------
  preset inline align
--------------------------------------------- */
.alignLeft { text-align: left;}
.alignCenter { text-align: center;}
.alignRight { text-align: right;}

/* ---------------------------------------------
  preset vertical align
--------------------------------------------- */
.alignTop { vertical-align: top !important;}
.alignMiddle { vertical-align: middle !important;}
.alignBottom { vertical-align: bottom !important;}

/* ---------------------------------------------
  preset table width
--------------------------------------------- */
.width10per { width: 10%;}
.width15per { width: 15%;}
.width20per { width: 20%;}
.width25per { width: 25%;}
.width30per { width: 30%;}
.width33per { width: 33%;}
.width40per { width: 40%;}
.width50per { width: 50%;}
.width60per { width: 60%;}
.width70per { width: 70%;}
.width80per { width: 80%;}
.width100per { width: 100%;}
.width200px { width: 200px;}

/* ---------------------------------------------
  preset margin
--------------------------------------------- */
.mTop00 { margin-top:  0   !important;}
.mTop05 { margin-top:  5px !important;}
.mTop10 { margin-top: 10px !important;}
.mTop12 { margin-top: 12px !important;}
.mTop15 { margin-top: 15px !important;}
.mTop20 { margin-top: 20px !important;}
.mTop25 { margin-top: 25px !important;}
.mTop30 { margin-top: 30px !important;}
.mTop35 { margin-top: 35px !important;}
.mTop40 { margin-top: 40px !important;}
.mTop45 { margin-top: 45px !important;}
.mTop50 { margin-top: 50px !important;}
.mTop55 { margin-top: 55px !important;}
.mTop60 { margin-top: 60px !important;}

.mRight00 { margin-right:  0   !important;}
.mRight05 { margin-right:  5px !important;}
.mRight10 { margin-right: 10px !important;}
.mRight12 { margin-right: 12px !important;}
.mRight15 { margin-right: 15px !important;}
.mRight20 { margin-right: 20px !important;}
.mRight25 { margin-right: 25px !important;}
.mRight30 { margin-right: 30px !important;}
.mRight35 { margin-right: 35px !important;}
.mRight40 { margin-right: 40px !important;}
.mRight45 { margin-right: 45px !important;}
.mRight50 { margin-right: 50px !important;}

.mBottom00 { margin-bottom:  0   !important;}
.mBottom05 { margin-bottom:  5px !important;}
.mBottom10 { margin-bottom: 10px !important;}
.mBottom12 { margin-bottom: 12px !important;}
.mBottom15 { margin-bottom: 15px !important;}
.mBottom20 { margin-bottom: 20px !important;}
.mBottom25 { margin-bottom: 25px !important;}
.mBottom30 { margin-bottom: 30px !important;}
.mBottom35 { margin-bottom: 35px !important;}
.mBottom40 { margin-bottom: 40px !important;}
.mBottom45 { margin-bottom: 45px !important;}
.mBottom50 { margin-bottom: 50px !important;}

.mLeft00 { margin-left:  0   !important;}
.mLeft05 { margin-left:  5px !important;}
.mLeft10 { margin-left: 10px !important;}
.mLeft12 { margin-left: 12px !important;}
.mLeft15 { margin-left: 15px !important;}
.mLeft20 { margin-left: 20px !important;}
.mLeft25 { margin-left: 25px !important;}
.mLeft30 { margin-left: 30px !important;}
.mLeft35 { margin-left: 35px !important;}
.mLeft40 { margin-left: 40px !important;}
.mLeft45 { margin-left: 45px !important;}
.mLeft50 { margin-left: 50px !important;}
.mLeft55 { margin-left: 55px !important;}
.mLeft60 { margin-left: 60px !important;}
.mLeft65 { margin-left: 65px !important;}
.mLeft70 { margin-left: 70px !important;}
.mLeft75 { margin-left: 75px !important;}
.mLeft80 { margin-left: 80px !important;}
.mLeft85 { margin-left: 85px !important;}


/* ---------------------------------------------
  preset padding
--------------------------------------------- */
.pTop00 { padding-top:  0   !important;}
.pTop05 { padding-top:  5px !important;}
.pTop10 { padding-top: 10px !important;}
.pTop12 { padding-top: 12px !important;}
.pTop15 { padding-top: 15px !important;}
.pTop20 { padding-top: 20px !important;}
.pTop25 { padding-top: 25px !important;}
.pTop30 { padding-top: 30px !important;}
.pTop35 { padding-top: 35px !important;}
.pTop40 { padding-top: 40px !important;}
.pTop45 { padding-top: 45px !important;}
.pTop50 { padding-top: 50px !important;}

.pRight00 { padding-right:  0   !important;}
.pRight05 { padding-right:  5px !important;}
.pRight10 { padding-right: 10px !important;}
.pRight12 { padding-right: 12px !important;}
.pRight15 { padding-right: 15px !important;}
.pRight20 { padding-right: 20px !important;}
.pRight25 { padding-right: 25px !important;}
.pRight30 { padding-right: 30px !important;}
.pRight35 { padding-right: 35px !important;}
.pRight40 { padding-right: 40px !important;}
.pRight45 { padding-right: 45px !important;}
.pRight50 { padding-right: 50px !important;}

.pBottom00 { padding-bottom:  0   !important;}
.pBottom05 { padding-bottom:  5px !important;}
.pBottom10 { padding-bottom: 10px !important;}
.pBottom12 { padding-bottom: 12px !important;}
.pBottom15 { padding-bottom: 15px !important;}
.pBottom20 { padding-bottom: 20px !important;}
.pBottom25 { padding-bottom: 25px !important;}
.pBottom30 { padding-bottom: 30px !important;}
.pBottom35 { padding-bottom: 35px !important;}
.pBottom40 { padding-bottom: 40px !important;}
.pBottom45 { padding-bottom: 45px !important;}
.pBottom50 { padding-bottom: 50px !important;}

.pLeft00 { padding-left:  0   !important;}
.pLeft05 { padding-left:  5px !important;}
.pLeft10 { padding-left: 10px !important;}
.pLeft12 { padding-left: 12px !important;}
.pLeft15 { padding-left: 15px !important;}
.pLeft20 { padding-left: 20px !important;}
.pLeft25 { padding-left: 25px !important;}
.pLeft30 { padding-left: 30px !important;}
.pLeft30 { padding-left: 35px !important;}
.pLeft40 { padding-left: 40px !important;}
.pLeft45 { padding-left: 45px !important;}
.pLeft50 { padding-left: 50px !important;}

/* ---------------------------------------------
  preset image float
--------------------------------------------- */
.imgFloatLeft {
  display: inline;
  float: left;
  margin: 0px 10px 10px 0px;
}
.imgFloatRight {
  display: inline;
  float: right;
  margin: 0px 0px 10px 10px;
}

