@charset "UTF-8";
/*
Theme Name: Emanon Free
Theme URI: https://wp-emanon.jp/emanon-free/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon（エマノン）とはno nameの逆さ綴り、つまり「名無し」の意味です。様々な用途に合わせて名前を変えていく（カスタマイズできる）ことを目指して作成したのビジネスブログ用のテーマです。Emanon Freeはテーマカスタマイズ機能を使うことで、デザインの編集や、コンテンツマーケティングに必要な機能を利用することができます。
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
Text Domain: emanon
*/

/* Suggested order:
display
float
position
z-index
width
height
margin
padding
border
font
color
background
*/

/**
 * 1.0 - Reset stylesheet
 * 2.0 - Grid system
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Media
 * 7.0 - Widget
 *   7.1 - Widget search form
 *   7.2 - Widget calendar
 *   7.3 - Widget tagcloud posts
 *   7.4 - WordPress Popular Posts
 * 8.0 - Navigations
 *   8.1 - Anchor
 *   8.2 - Global navigation
 *   8.3 - Scroll navigation
 *   8.4 - Pagination
 *   8.5 - Button
 * 9.0 - Alignments
 *   9.1 - Position
 *   9.2 - Wordpress css
 *   9.3 - Text align
 * 10.0 - Clearfix
 * 11.0 - Header
 * 12.0 - Main content
 *   12.1 - Comments
 *   12.2 - SNS follow me
 *   12.3 - Single cta
 *   12.4 - Related poste
 *   12.5 - Archive
 * 13.0 - Sidebar
 * 14.0 - Footer
 *   14.1 - Top scroll
 *   14.2 - Footer bottom
 * 15.0 Front page
 * 16.0 - Captions
 * 17.0 - Advertising
 */

/*------------------------------------------------------------------------------------
/* 1.0 - Reset Stylesheet
/*----------------------------------------------------------------------------------*/
/* original
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

ol,ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* Change colours to suit your needs */
address, cite {
  font-style: italic;
}

em {
  font-weight: bold;
  font-style: normal;
}

code, kbd, var, pre {
  font-family: monospace, serif;
}

code {
  padding: 2px 8px;
  border: 1px solid #e2e5e8;
  border-radius: 4px;
}

kbd {
  padding: 2px 8px;
  background-color: #000c15;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  color: #fff;
}

pre {
  margin-bottom: 40px;
  padding: 24px;
  border: 1px solid #e2e5e8;
  background-color: #fafafa;
  white-space: pre-wrap;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

mark {
  font-style: italic;
  font-weight: bold;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e2e5e8;
}

input, select {
  vertical-align: middle;
}

.wp-caption, embed, iframe, img, object {
  max-width: 100%;
}

.wp-embedded-content {
  width: 100%;
}

img {
  border: none;
}

/*------------------------------------------------------------------------------------
/* 2.0 - Grid system
/*----------------------------------------------------------------------------------*/
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.container:after {
  display: block;
  clear: both;
  content: "";
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
  position: relative;
  width: 100%;
  margin-left: 0;
}

/*------------------------------------------------------------------------------------
/* 3.0 - Typography
/*----------------------------------------------------------------------------------*/
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6px;
  font-size: 1.6rem;
  word-wrap: break-word;
  color: #303030;
  background-color: #f8f8f8;
}

h1 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #000c15;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000c15;
}

h3 {
  font-size: 20px;
  font-size: 2.0rem;
  color: #000c15;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000c15;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000c15;
}

h6 {
  font-size: 14px;
  font-size: 1.4rem;
  color: #000c15;
}

blockquote {
  display: block;
  margin-bottom: 40px;
  padding: 24px;
  border: 2px solid #e2e5e8;
  quotes: "\201C""\2018";
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #fafafa;
}

blockquote:before {
  line-height: 0.1;
  content: open-quote;
  vertical-align: -32px;
  font-size: 60px;
  font-size: 6.0rem;
  color: #e2e5e8;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}

small, .small {
  font-size: 12px;
  font-size: 1.2rem;
}

strong {
  color: #000c15;
}

.big {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000c15;
}

.important-bold {
  font-weight: bold;
  color: #000c15;
}


.danger-bold {
  font-weight: bold;
  color: #ff0029;
}

.success-bold {
  font-weight: bold;
  color: #0468ea;
}

/* http://fontawesome.ioe */
.fa {
  margin: 0 4px;
  color: #3050a0;
}

/*------------------------------------------------------------------------------------
/* 4.0 - Elements
/*----------------------------------------------------------------------------------*/
table {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}

th {
  padding: 8px;
  border: 1px solid #e2e5e8;
  vertical-align: middle;
  font-weight: normal;
}

td {
  padding: 8px;
  border: 1px solid #e2e5e8;
}

dl {
  margin: 32px 0;
}

dt {
  padding: 8px 0;
  font-weight: bold;
}

dd {
  padding: 8px 0;
}

/*------------------------------------------------------------------------------------
/* 5.0 - Forms
/*----------------------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
  padding: 8px 0;
  border: 1px solid #e2e5e8;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit"] {
  padding: 4px 32px;
  border: none;
  border-radius: 4px;
  background-color: #6584d1;
  font-size: 1.6px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
}

input[type="date"] {
  padding: 6px 8px;
  border: 1px solid #e2e5e8;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  width: 100%;
  overflow: auto;
  vertical-align: top;
}

select {
  background-color: inherit;
  border: 1px solid #e2e5e8;
}

button {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Plug in contact form 7 */
.wpcf7-list-item {
  display: inline-block;
}

.wpcf7-submit {
  display: block;
  margin:32px auto;
}

div.wpcf7-response-output {
  margin: 0 16px 32px 16px;
  padding: 16px;
}

/*------------------------------------------------------------------------------------
/* 6.0 - Media
/*----------------------------------------------------------------------------------*/
.responsive-wrap {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
}

.responsive-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------------------------
/* 7.0 - Widget
/*----------------------------------------------------------------------------------*/

.side-widget .current-menu-item a {
  color: #6584d1;
}

.side-widget {
  margin-bottom: 32px;
}

.side-widget-title {
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e5e8;
}

.side-widget-title h3 {
  margin-bottom: -1px;
  font-size: 16px;
  font-size: 1.6rem;
}

.side-widget-title span {
  display: inline-block;
  padding: 0 4px 4px 0;
  border-bottom: 1px solid #3050a0;
}

.side-widget ol, .side-widget ul, .side-widget p, .side-widget .tagcloud {
  padding: 8px 0;
}

.side-widget li {
  position: relative;
  padding: 8px 8px 16px 0;
}

.side-widget li a {
  display: block;
}

.side-widget li a:before {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  color: #e2e5e8;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.side-widget li a:hover:before {
  color: #6584d1;
}

.side-widget .current-menu-item a {
  color: #6584d1;
}

.side-widget a:hover {
  color: #6584d1;
}

/* ------ 7.1 - Widget search form ------ */
.searchform input[type="text"] {
  width: 100%;
  background-color: #fff;
}

.searchform input[type="submit"] {
  width: 100%;
  margin-top: 8px;
  padding: 8px;
  letter-spacing: 2px;
  font-size: 16px;
  font-size: 1.6rem;
}

/* ------ 7.2 - Widget calendar ------ */
#wp-calendar {
  width: 100%;
  text-align: center;
}

#wp-calendar caption {
  margin: 16px 0;
}

#wp-calendar td {
  padding: 3px;
}

#wp-calendar a {
  color: #3050a0;
}

#wp-calendar #today {
  font-weight: bold;
}

/* ------ 7.3 - Widget tagcloud posts ------ */
.tagcloud a {
  display: inline-block;
  position: relative;
  line-height: 1;
  margin: 0px 4px 4px 0;
  padding: 6px;
  border: 1px solid #e2e5e8;
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.tagcloud a:hover {
  border: 1px solid #6584d1;
  text-decoration: none;
}

/* ------ 7.4 - WordPress Popular Posts ------ */
.wpp-post-title {
  font-size: 14px;
  font-size: 1.4rem;
}

.wpp-list .post-stats {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #999;
}

.wpp-list .post-stats a {
  color: #999;
}

.wpp-list .wpp-excerpt {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}

/*------------------------------------------------------------------------------------
/* 8.0 - Navigations
/*----------------------------------------------------------------------------------*/
/* ------ 8.1 - Anchor ------ */
a {
  outline: none;
  text-decoration: none;
  color: #303030;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

a:hover {
 color: #6584d1;
}

/* ------ 8.2 - Global navigation ------ */
#gnav {
  display: none;
}

.slicknav_menu {
  display: block;
}

/* ------ 8.3 - Scroll navigation ------ */
.scroll-nav {
  display: none;
}

/* ------ 8.4 - Pagination ------ */
.screen-reader-text {
  display: none;
}

.pagination {
  margin-bottom: 32px;
  text-align: center;
}

.pagination a {
  color: #6584d1;
}

.pagination a:hover {
  background-color: #6584d1;
  color: #fff;
}

.pagination .current {
  background-color: #6584d1;
  color: #fff;
}

.page-numbers {
  display: inline-block;
  margin-right: 2px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebedf0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

/* Paginated posts <!--nextpage--> */
.next-page {
  padding-bottom: 32px;
  text-align: center;
}

.next-page span {
  border-radius: 4px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* Post-navigation */
.post-navigation {
  border-top: 1px solid #e2e5e8;
}

.nav-links:before,
.nav-links:after {
  display: block;
  clear: both;
  content: "";
}

.post-nav {
  display: block;
  padding-bottom: 8px;
  font-size: 12px;
  color: #666;
}

.post-nav .fa {
  color: #6584d1;
}

.nav-title {
  padding: 0 4px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-previous {
  float: left;
  width: 50%;
}

.nav-previous a {
  display: block;
  padding: 16px 16px 16px 0;
}

.nav-next {
  float: right;
  width: 50%;
  text-align: right;
}

.nav-next a {
  display: block;
  padding: 16px 0 16px 16px;
}

/* ------8.5 - Button ------ */
.btn {
  position: relative;
  display: block;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid rgba(255,255,255,0.2);
  border-bottom: 4px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  text-align: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background-color: #f35b25;
}

.btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.btn a {
  display: block;
  color: #fff;
}

.btn a:hover {
  color: #fff;
}

.btn-border {
  position: relative;
  display: block;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6584d1;
  border-radius: 4px;
  text-align: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.btn-border:hover {
  color: #fff;
  background-color: #f35b25;
}

.btn-sm {
  width: 60%;
  padding: 8px 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-mid {
  width: 80%;
  padding: 8px 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-lg {
  width: 100%;
  padding: 8px 32px;
  font-size: 18px;
  font-size: 1.8rem;
}

/*------------------------------------------------------------------------------------
/* 9.0 - Alignments
/*----------------------------------------------------------------------------------*/
/* ------ 9.1 - Position ------ */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* ------ 9.2 - Wordpress css ------ */
.alignnone {
  display: block;
  margin: 16px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  display: inline;
  float: left;
  margin: 0 32px 16px 0;
}

.alignright {
  display: inline;
  float: right;
  margin: 0 0 16px 32px;
}

.gallery img {
  border: none !important;
}

/* ------ 9.3 - Text align ------ */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/*------------------------------------------------------------------------------------
/* 10.0 - Clearfix
/*----------------------------------------------------------------------------------*/
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*------------------------------------------------------------------------------------
/* 11.0 - Header
/*----------------------------------------------------------------------------------*/
/* Top bar section */
.top-bar {
  margin: 0;
  padding: 0 8px;
  border-bottom: 1px solid #e2e5e8;
  font-weight: normal;
  background-color: #f8f8f8;
}

.top-bar h1, .top-bar p {
  padding: 7px 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.header-follow-btn li {
  display: none;
}

/* Header section */
.header {
  position: relative;
  height: 96px;
  background-color: #fff;
  box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3);
}

.header-logo {
  height: 96px;
  margin-left: 8px;
}

.header-logo img {
  position: absolute;
  top: 50%;
  max-height: 60px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-site-name {
  margin: 0 40px 0 8px;
  line-height: 96px;
  font-weight: bold;
}

/*------------------------------------------------------------------------------------
/* 12.0 - Main content
/*----------------------------------------------------------------------------------*/
.content {
  margin: 16px 8px;
}

.breadcrumb {
  margin: -8px 0 8px 0;
}

.breadcrumb li {
  float: left;
  padding-right: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}

.breadcrumb .fa-home {
  margin: 0 4px 0 0;
}

/* Article */
.article {
  padding: 16px 8px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #ebedf0;
  background-color: #fff;
}

.article:after {
  display: block;
  clear: both;
  content: "";
}

/* Article header */
.article-header h1 {
  margin: 16px 0;
  font-size: 28px;
  font-size: 2.8rem;
}

.post-meta {
  margin: 8px 0;
  color: #999;
}

.post-meta a {
  color: #999;
}

.post-meta li {
  line-height: 1.5;
  float: left;
  padding-right: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}

.post-meta .fa {
  margin-left: 0;
  color: #999;
}

.edit-link {
  font-size: 16px;
  font-size: 1.6rem;
}

.article-thumbnail {
  margin-bottom: 32px;
}

.article-thumbnail img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.image-link {
  position: relative;
}

.image-link:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.image-link:hover:after {
  opacity: 1;
}

/* Article body */
.article-body:after {
  display: block;
  clear: both;
  content: "";
}

.article-body h2 {
  margin: 64px 0 40px 0;
  padding: 8px 0 8px 16px;
  border-left: 4px solid #3050a0;
  background-color: #f0f0f0;
}

.article-body h3 {
  margin: 64px 0 32px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #3050a0;
}

.article-body h4 {
  margin: 48px 0 16px 0;
}

.article-body h5 {
  margin: 40px 0 8px 0;
}

.article-body h6 {
  margin: 32px 0 8px 0;
}

.article-body ol {
  margin: 0px 0px 40px 24px;
  list-style: decimal;
  color: #333;
}

.article-body ul {
  margin: 0px 0px 40px 24px;
  list-style: disc;
  color: #333;
}

.article-body li {
  margin-bottom: 8px;
}

.article-body ul ul li {
  list-style: circle;
}

.article-body p {
  margin-bottom: 40px;
  line-height: 2;
}

.article-body table {
  margin-bottom: 40px;
}

.article-body th {
  background-color: #fafafa;
  font-weight: bold;
}

.article-body img {
  max-width: 100%;
  height: auto;
}

.article-body .btn {
  margin-bottom: 40px;
}

.box-default {
  margin: 0 0 40px 0;
  padding: 24px;
  border: 2px solid #e2e5e8;
}

.box-info {
  margin: 0 0 40px 0;
  padding: 24px;
  background: #fafafa;
  border: 2px solid #e2e5e8;
}

.box-default h2, .box-default h3, .box-default h4, .box-default h5, .box-default h6, .box-info h2, .box-info h3, .box-info h4, .box-info h5, .box-info h6 {
  margin: 0px 0px 16px 0px;
}

.box-default p:last-child, .box-info p:last-child {
  margin-bottom: 0;
}

.box-default li:last-child, .box-info li:last-child {
  margin-bottom: 0;
}

.box-default ul, .box-info ul, .box-default ol, .box-info ol {
  margin-bottom: 0;
}

/* SNS share button */
.share-btn {
  text-align: center;
}

.share-btn span {
  display: none;
}

.share-btn .fa {
  color: #fff;
}

.share-btn ul {
  margin: 16px 0;
}

.share-btn li {
  display: inline-block;
  margin: 6px 0;
  width: 15%;
  list-style: none;
}

.share-btn a {
  display: block;
  margin: 0 4px;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem;
  color: #fff;
}

.share-btn a:hover {
  color: #fff;
  opacity: 0.8;
}

.twitter a {
  background-color: #00acee;
}

.facebook a {
  background-color: #305097;
}

.googleplus a {
  background-color: #db4a39;
}

.hatebu a {
  background-color: #5d8ac1;
}

.hatebu-icon:before {
  content: 'B!';
  font-weight: bold;
}

.pocket a {
  background-color: #f03e51;
}

/* Article footer */
.article-footer {
  padding: 0 0 64px 0;
}

/* ------ 12.1 - Comments ------ */
#comments {
  margin: 0;
  padding: 32px 0;
  font-size: 20px;
  font-size: 2.0rem;
}

#comment-area {
  margin-bottom: 32px;
  border-top: 1px solid #e2e5e8;
}

.comment-reply-title {
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid #e2e5e8;
  font-size: 20px;
  font-size: 2.0rem;
}

.comment-box {
  padding-bottom: 32px;
}

.comment-box h2 {
  margin: 64px 0 40px 0;
}

.comment-box h3 {
  margin: 56px 0 32px 0;
}

.comment-box h4 {
  margin: 48px 0 16px 0;
}

.comment-box h5 {
  margin: 40px 0 8px 0;
}

.comment-box h6 {
  margin: 32px 0 8px 0;
}

.comment-box ol {
  margin: 0px 0px 40px 24px;
  list-style: decimal;
}

.comment-box ul {
  margin: 0px 0px 40px 24px;
  list-style: disc;
}

.comment-box li {
  margin-bottom: 8px;
}

.comment-box ul ul li {
  list-style: circle;
}

.comment-box p {
  margin-bottom: 40px;
}

.avatar {
  float: left;
}

.avatar img {
  border: 1px solid #e2e5e8;
  border-radius: 50%;
}

.comment-meta {
  margin-left: 76px;
  padding-top: 16px;
  font-size: 12px;
  font-size: 1.2rem;
}

.comment-text {
  margin-left: 76px;
}

.comment-reply {
  position: relative;
  padding-left: 16px;
  font-size: 12px;
  font-size: 1.2rem;
}

.comment-reply-link:before {
  font-family: "FontAwesome";
  content: "\f112";
  position: absolute;
  top: 4px;
  left: 0;
}

#comment-area .children {
  margin-bottom: 32px;
}

#comment-area .children li {
  margin: 0 0 0 82px;
  padding: 16px 0 0 16px;
  background-color: #f8f8f8;
}

.comment-edit-link {
  position: relative;
  padding-left: 16px;
}

.comment-edit-link:before {
  font-family: "FontAwesome";
  content: "\f044";
  position: absolute;
  top: 1px;
  left: 0;
}

/* Comment form */
.required {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6584d1;
}

.form-submit {
  margin: 32px 0;
}

/* Wordpress style */
.bypostauthor img {
  border: 2px solid #a0aab3;
}

/* ------ 12.2 - SNS follow me ------ */
.sns-follow {
  margin-bottom: 32px;
  border-top: 1px solid #e2e5e8;
  text-align: center;
}

.sns-follow h3 {
  margin: 32px 0 16px 0;
}

.sns-follow li {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
  list-style: none;
}

.sns-follow a {
  display: block;
  margin: 0 4px;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}

.sns-follow .fa {
  color: #fff;
}

.sns-follow a:hover {
  opacity: 0.8;
  color: #fff;
}

.feedly a {
  background-color: #87c040;
}

.instagram a {
  background-color: #3f729b;
}

/* Facebook follow btn */
.fb-follow {
  position: relative;
  text-align: center;
  color: #fff;
}

.fb-follow img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.fb-follow-text {
  position: absolute;
  z-index: 200;
  top: 50%;
  right: 0;
  left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
}

.fb-follow-text p {
  margin-bottom: 4px;
}

.fb-like iframe {
  max-width: none;
}

/* ------ 12.3 - Single cta ------ */
.cta-single {
  position: relative;
  padding: 16px;
  background-color: #fff;
}

.cta-single-heading {
  text-align: center;
}

.cta-single-heading h3 {
  margin: 32px 0;
  font-size: 20px;
  font-size: 2.0rem;
}

.cta-single-content {
  padding-bottom: 32px;
}

.cta-single-footer {
  margin: 32px 0;
}

.cta-single-image img {
  padding-bottom: 32px;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.cta-single-text {
  overflow: hidden;
}

.cta-single-text p {
  margin-bottom: 16px;
}

.cta-single-footer .btn {
  color: #fff;
  background-color: #f35b25;
}

.cta-single-footer .btn:hover {
  background-color: rgba(0,0,0,.2);
}

/* ------ 12.4 - Related poste ------ */
.related {
  padding: 32px 0;
}

.related:after {
  display: block;
  clear: both;
  content: "";
}

.related h3 {
  margin: 16px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.related-list li {
  margin: 0 0 32px 0;
}

.related-list li:last-child {
  margin: 0;
}

.related-list li:after {
  display: block;
  clear: both;
  content: "";
}

.related-thumbnail {
  float: left;
  padding-right: 16px;
}

.related-thumbnail a {
  display: block;
  width: 80px;
  height: 80px;
}

.related-thumbnail img {
  width: 80px;
  height: 80px;
}

.related-date {
  padding-left: 96px;
}

.related-date h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

.related-date a {
  color: #000c15;
}

/* ------ 12.5 - Archive ------ */
.archive-title {
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e5e8;
}

.archive-title h1 {
  margin-bottom: -1px;
  font-size: 16px;
  font-size: 1.6rem;
}

.archive-title h1 > span {
  display: inline-block;
  padding: 0 4px 4px 0;
  border-bottom: 1px solid #3050a0;
}

.archive-description {
  margin-bottom: 32px;
}

/*------------------------------------------------------------------------------------
/* 13.0 - Sidebar
/*----------------------------------------------------------------------------------*/
.left-sidebar .sidebar-layout {
  margin: 0 2.8% 0 0;
}

.right-sidebar .sidebar-layout {
  float: right;
}

.sidebar {
  margin-top: 32px;
}

.sidebar .ad-300 {
  text-align: center;
}

/* Profile */
.profile {
  padding: 16px 8px;
  text-align: center;
}

.profile-photo {
  text-align: center;
}

.profile-photo img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
}

.profile h4 {
  margin: 8px 0;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

.profile-follow-btn {
  text-align: center;
}

.profile-follow-btn li {
  display: inline-block;
  margin-right: 4px;
  padding: 0;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50%;
}

.profile-follow-btn li a:before {
  content: none;
}

.profile-follow-btn li:before {
  display: none;
}

.profile-follow-btn li .fa {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.follow_twitter .fa:hover {
  color: #00acee;
}

.follow_facebook .fa:hover {
  color: #305097;
}

.follow_googleplus .fa:hover {
  color: #db4a39;
}

.follow_instagram .fa:hover {
  color: #3f729b;
}

/*------------------------------------------------------------------------------------
/* 14.0 - Footer
/*----------------------------------------------------------------------------------*/
/* ------ 14 1 - Top scroll ------ */
.pagetop {
  display: none;
  position: fixed;
  z-index: 999;
  right: 16px;
  bottom: 64px;
}

.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #3050a0;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  opacity: 0.8;
}

.pagetop .fa {
  line-height: 48px;
  font-size: 16px;
  color: #fff;
}

/* ------ 14 2 - Footer bottom ------ */
.footer {
 background-color: #232323;
 color: #757575;
}

.footer a {
  color: #757575;
}

.footer a:hover {
  color: #fff;
}

.sidebar-footer {
  padding: 32px 8px 0 8px;
}

.footer-logo {
  margin-bottom: 32px;
  text-align: center;
}

.footer-logo img {
  max-height: 60px;
}

.footer-site-name {
  margin-bottom: 32px;
  text-align: center;
  font-weight: bold;
}

.footer-contact-info {
  margin-bottom: 32px;
}

.footer-widget-box {
  margin-bottom: 16px;
}

.footer-widget-box li a:hover {
  padding-left:4px;
}

.footer-widget-box h3 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #757575;
  font-size: 16px;
  font-size: 1.6rem;
}

.footer-widget-box h2, .footer-widget-box h3, .footer-widget-box h4, .footer-widget-box h5, .footer-widget-box h6 {
  color: #757575;
  font-size: 16px;
  font-size: 1.6rem;
}

.footer-widget-box select {
  border: 1px solid #757575;
  color: #757575;
}

.footer-widget-box ul, .footer-widget-box p, .footer-widget-box .tagcloud {
  padding: 8px 3px;
}

.footer-widget-box li a {
  display: block;
}

.footer-widget-box .tagcloud a {
  border: 1px solid #757575;
}

.footer-widget-box .tagcloud a:hover {
  border: 1px solid #757575;
}

.footer-widget-box #wp-calendar caption {
  margin: 0 0 8px 0;
}

.footer-widget-box #wp-calendar th {
  background: none;
  border: 1px solid #757575;
}

.footer-widget-box #wp-calendar td {
  border: 1px solid #757575;
}

.copyright {
  padding: 16px 0;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: center;
}

.br-sp {
  display: block;
}

/*------------------------------------------------------------------------------------
/* 15.0 - Front page
/*----------------------------------------------------------------------------------*/
/* Featured section */
.loading-wrapper {
  position: absolute;
  z-index: 300;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
}

.featured {
  position: relative;
  padding: 32px 8px;
  min-height: 250px;
}

.featured-list > li {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.featured-list > li:last-child {
  margin-bottom: 0;
}

.featured-thumbnail {
  position: relative;
}

.featured-thumbnail a {
  display: block;
}

.featured-thumbnail img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.featured-post {
  padding: 8px 16px 0 16px;
}

.featured-title a {
  display: block;
  color: #000c15;
}

.featured-title h2 {
  padding: 16px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.featured-date p {
  padding-bottom: 32px;
  font-size: 14px;
  font-size: 1.4rem;
}

.featured-date .read-more {
  display: block;
}

/* Front page content */
.home .content {
  margin: 32px 8px;
}

.col-main, .col-sidebar, .col-main-right, .col-sidebar-left {
	width: 100%;
}

.entry-heading {
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e5e8;
}

.entry-heading h2 {
  margin-bottom: -1px;
}

.entry-heading h2 {
  font-size: 16px;
  font-size: 1.6rem;
}

.entry-heading span {
  display: inline-block;
  padding: 0 8px 8px 0;
  border-bottom: 1px solid #3050a0;
}

.archive-list {
  position: relative;
  margin-bottom: 32px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e2e5e8;
  box-sizing: border-box;
  background-color: #fff;
}

.archive-list:after {
  display: block;
  clear: both;
  content: "";
}

.cat-name, .sticky .cat-name {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  min-width: 80px;
  padding: 2px 4px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  background-color: #3050a0;
}

.cat-name a, .sticky .cat-name a {
  display: block;
  color: #fff;
  z-index: 3;
}

.archive-header {
  padding: 8px 16px 0 16px;
}

.archive-header-title {
  padding: 16px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.archive-header-title a {
  display: block;
  color: #000c15;
}

.archive-header p {
  padding-bottom: 32px;
  font-size: 14px;
  font-size: 1.4rem;
}

.eye-catch {
  position: relative;
  overflow: hidden;
}

.eye-catch a {
  display: block;
}

.eye-catch:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.eye-catch:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.eye-catch img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.image-link-border {
  position: relative;
}

.image-link-border:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 1px solid #fff;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
}

.image-link-border:hover:after {
  opacity: 1;
}

/*------------------------------------------------------------------------------------
/* 16.0 - Captions
/*----------------------------------------------------------------------------------*/
.wp-caption {
  max-width: 100%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text, .gallery-caption {
  font-size: 12px;
  font-size: 1.2rem;
}

/*------------------------------------------------------------------------------------
/* 17.0 - Advertising
/*----------------------------------------------------------------------------------*/
.ad-label {
  padding: 16px 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

.no-code {
  margin-bottom: 16px;
  padding: 36px 8px;
  border: 2px solid #ff0029;
  text-align: center;
}

.ad-300 {
  margin-bottom: 32px;
}

/**
 *  Tablets style ( ≥768px )
 *
 * 1.0 - Grid system
 * 2.0 - Forms
 * 3.0 - Widget
 * 4.0 - Navigations
 * 5.0 - Header
 * 6.0 - Main content
 * 7.0 - Footer
 * 8.0 - Front page
 * 9.0 - Advertising
 */

@media screen and ( min-width: 768px ) {
/*------------------------------------------------------------------------------------
/* 1.0 - Grid system
/*----------------------------------------------------------------------------------*/
.container {
  width: 752px;
}

/*------------------------------------------------------------------------------------
/* 2.0 - Forms
/*----------------------------------------------------------------------------------*/
/* Contact form 7 */
.wpcf7 dt {
  float: left;
  width: 30%;
  border-bottom: none;
}

.wpcf7 dd {
  float: left;
  width: 70%;
}

/*------------------------------------------------------------------------------------
/* 3.0 - Widget
/*----------------------------------------------------------------------------------*/
.searchform input[type="text"] {
  width: 70%;
}

.searchform input[type="submit"] {
  width: 25%;
  margin-top: 0;
  padding: 6px 2px;
  font-size: 12px;
  font-size: 1.2rem;
}

/*------------------------------------------------------------------------------------
/* 4.0 - Navigations
/*----------------------------------------------------------------------------------*/
.btn-sm {
  width: 30%;
}

.btn-mid {
  width: 50%;
}

.btn-lg {
  width: 80%;
}

.nav-title {
  font-size: 16px;
  font-size: 1.6rem;
}

/*------------------------------------------------------------------------------------
/* 5.0 - Header
/*----------------------------------------------------------------------------------*/
.header {
  padding: 0;
}

.header-logo {
  margin-left: 0;
}

.header-site-name {
  margin: 0;
  font-size: 24px;
  font-size: 2.4rem;
}

.header-col-center img {
  right: 0;
  left: 0;
  margin: auto;
}

.header-col-center .header-site-name {
  text-align: center;
}

/*------------------------------------------------------------------------------------
/* 6.0 - Main content
/*----------------------------------------------------------------------------------*/
.content {
  margin: 48px 0 64px 0;
}

.breadcrumb {
  margin: -48px 0 0 0;
  line-height: 1.4;
}

.breadcrumb li {
  margin: 16px 0;
}

.article {
  padding: 16px;
}

.article-header h1 {
  margin: 32px 0 0 0;
  font-size: 30px;
  font-size: 3.0rem;
}

.post-meta {
  margin: 0 0 8px 0;
}

.read-more a {
  font-size: 12px;
  font-size: 1.2rem;
}

.share-btn li {
  width: 16%;
}

.sns-follow li {
  width: 16%;
}

.fb-follow-text {
  left: 0;
  padding-bottom: 10px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}

.fb-follow-text p {
  margin-bottom: 0;
}

.related {
  padding: 16px 16px 32px 16px;
}

.related h3 {
  margin: 32px 0 16px 0;
}

/*------------------------------------------------------------------------------------
/* 7.0 - Footer
/*----------------------------------------------------------------------------------*/
.sidebar-footer {
  padding: 32px 0 0 0;
}

.copyright {
  padding: 16px 0;
}

.footer-logo, .footer-site-name {
  text-align: left;
}

.br-sp {
  display: none;
}

/*------------------------------------------------------------------------------------
/* 8.0 - Front page
/*----------------------------------------------------------------------------------*/
/* Featured section*/
.featured {
  padding: 32px 0;
}

.featured-list {
  display: block;
  padding: 16px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.featured-list:after {
  display: block;
  clear: both;
  content: "";
}

.featured-list > li {
  position: relative;
  float: left;
  width : 32.84%;
  margin-right: 0.74%;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: inherit;
  box-shadow: none;
  background-color: transparent;
}

.featured-list > li:last-child {
  margin-right: 0;
}

.featured-post {
  padding: 8px 16px 0 16px;
}

.featured-date p {
  padding-bottom: 0;
}

.featured-post .post-meta {
  display: none;
}

.featured-title h2 {
  padding: 8px 0;
}

.featured-date .read-more {
  display: none;
}

/* One-column */
.one-column .archive-list {
  padding: 1.92%;
}

.one-column .eye-catch {
  float: left;
  width: 40%;
}

.one-column .archive-header {
  float: right;
  padding: 0;
  width: 56%;
}

.one-column .archive-header-title {
  padding: 0 0 8px 0;
}

/* Two-column */
.two-column .archive-list {
  float: left;
  width: 48.56%;
  margin: 0 2.88% 32px 0;
}

.two-column .archive-list:nth-child(2n) {
  margin: 0 0 32px 0;
}

.two-column .archive-header-title {
  padding: 0 0 16px 0;
}

.two-column .archive-header p {
  padding-bottom: 16px;
}

/* Three column */
.three-column .archive-list {
  float: left;
  width: 31.4%;
  margin: 0 2.88% 32px 0;
}

.three-column .archive-list:nth-child(3n) {
  margin: 0 0 32px 0;
}

.three-column .archive-header-title {
  padding: 0 0 16px 0;
}

.three-column .archive-header p {
  padding-bottom: 16px;
}

/* Big-column */
.big-column .archive-list {
  padding: 1.92%;
}

.big-column .archive-header-title {
  padding: 0 0 16px 0;
  font-size: 24px;
  font-size: 2.4rem;
}

/*------------------------------------------------------------------------------------
/* 9.0 - Advertising
/*----------------------------------------------------------------------------------*/
.article-ad-left {
  display: inline-block;
  margin-right: 16px;
}

.article-ad-right {
  display: inline-block;
}

.footer-ad {
  text-align: center;
}

}

/**
 *  PC style ( ≥992px )
 *
 * 1.0 - Grid system
 * 2.0 - Widget
 * 3.0 - Header
 * 4.0 - Navigations
 * 5.0 - Main content
 * 6.0 - Sidebar
 * 7.0 - Footer
 * 8.0 - Front page
 */

@media screen and ( min-width: 992px ) {
/*------------------------------------------------------------------------------------
/* 1.0 - Grid system
/*----------------------------------------------------------------------------------*/
.container {
  width: 960px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
  float: left;
  margin-left: 2.8%;
}

.first {
  margin-left: 0;
}

.col1 {
  width: 5.7%;
}

.col2 {
  width: 14.3%;
}

.col3 {
  width: 22.9%;
}

.col4 {
  width: 31.4%;
}

.col5 {
  width: 40.0%;
}

.col6 {
  width: 48.6%;
}

.col7 {
  width: 57.1%;
}

.col8 {
  width: 65.7%;
}

.col9 {
  width: 74.3%;
}

.col10 {
  width: 82.9%;
}

.col11 {
  width: 91.4%;
}

.col12 {
  width: 100.0%;
}

.push1 {
  left: 8.6%;
}

.push2 {
  left: 17.1%;
}

.push3 {
  left: 25.7%;
}

.push4 {
  left: 34.3%;
}

.push5 {
  left: 42.9%;
}

.push6 {
  left: 51.4%;
}

.push7 {
  left: 60%;
}

.push8 {
  left: 68.6%;
}

.push9 {
  left: 77.1%;
}

.push10 {
  left: 85.7%;
}

.push11 {
  left: 94.3%;
}

.pull1 {
  right: 8.6%;
}

.pull2 {
  right: 17.1%;
}

.pull3 {
  right: 25.7%;
}

.pull4 {
  right: 34.3%;
}

.pull5 {
  right: 42.9%;
}

.pull6 {
  right: 51.4%;
}

.pull7 {
  right: 60%;
}

.pull8 {
  right: 68.6%;
}

.pull9 {
  right: 77.1%;
}

.pull10 {
  right: 85.7%;
}

.pull11 {
  right: 94.3%;
}

/*------------------------------------------------------------------------------------
/* 2.0 - Widget
/*----------------------------------------------------------------------------------*/
.searchform input[type="text"] {
  width: 76%;
}

.searchform input[type="submit"] {
  width: 20%;
  margin-top: 0;
  padding: 6px 2px;
  font-size: 12px;
  font-size: 1.2rem;
}

/*------------------------------------------------------------------------------------
/* 3.0 - Header
/*----------------------------------------------------------------------------------*/
.top-bar .fa {
  width: 24px;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  color: #999;
  -webkit-transition: all 0.4s ease-in;
  transition: .4s ease-in-out;
}

.top-bar a:hover .fa {
  color: #6584d1;
}

.header {
  padding: 0;
  overflow: hidden;
}

.header-site-name {
  margin-right: 0;
}

.header-follow-btn {
  text-align: right;
}

.header-follow-btn li {
  display: inline-block;
  line-height: 2;
}

.header-follow-btn .fa {
  width: 24px;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  color: #999;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.header-follow-btn a:hover .fa {
  color: #6584d1;
}

/*------------------------------------------------------------------------------------
/* 4.0 - Navigations
/*----------------------------------------------------------------------------------*/
.slicknav_menu {
  display: none;
}

#gnav {
  display: block;
  background-color: #3050a0;
}

#gnav ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.global-nav li {
  display: table-cell;
  position: relative;
}

.global-nav li a {
  display: block;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.global-nav-default {
  text-align: center;
}

.global-nav-default li a {
  padding: 16px 0;
  color: #fff;
}

.global-nav-default > li:first-child:before {
  content: "";
  float: left;
  width: 1px;
  height: 24px;
  margin-top: 16px;
  margin-right: -1px;
  background-color: #6584d1;
  opacity: 0.3;
}

.global-nav-default > li:after {
  content: "";
  float: right;
  width: 1px;
  height: 24px;
  margin-top: -40px;
  background-color: #6584d1;
  opacity: 0.3;
}

.global-nav .current-menu-item > a {
  color: #6584d1;
}

.global-nav li ul {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  top: 53px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
  transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
  opacity: 0;
}

.global-nav-default li ul {
  height: 53px;
}

.global-nav li ul li {
  display: inline-block;
  width: 100%;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  background-color: #3050a0;
  opacity: 0.9;
}

.global-nav .menu-item-has-children:hover > ul {
  visibility: visible;
  opacity: 1;
}

.global-nav .menu-item-has-children ul li ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
  transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
  opacity: 0;
}

.global-nav .menu-item-has-children ul li :hover > ul {
  visibility: visible;
  opacity: 1;
}

/* Scroll navigations */
.scroll-nav {
  height: 54px;
  background-color: #fff;
  overflow: hidden;
}

.scroll-nav .header-logo {
  display: table-cell;
  padding: 7px 0;
  height: 40px;
  vertical-align: middle;
}

.scroll-nav .header-logo img {
  max-height: 40px;
}

.scroll-nav .header-site-name {
  line-height: 54px;
  font-size: 16px;
  font-size: 1.6rem;
}

.scroll-nav-inner {
  line-height: 54px;
}

.scroll-nav-inner ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.global-nav-scroll > li > a {
  color: #000c15;
}

.global-nav-scroll li ul li a {
  color: #fff;
}

/* ------ Button ------ */
.btn-sm {
  width: 20%;
}

.btn-mid {
  width: 50%;
}

.btn-lg {
  width: 80%;
}

/*------------------------------------------------------------------------------------
/* 5.0 - Main content
/*----------------------------------------------------------------------------------*/
.article {
  padding: 0;
}

.article-header {
  padding: 32px 29px;
}

.article-body {
  padding: 0 29px 32px 29px;
}

.article-body li {
  margin-bottom: 16px;
}

.share-btn a {
  font-size: 12px;
  font-size: 1.2rem;
}

.share-btn ul {
  margin: 32px 0;
}

.share-btn-top {
  font-size: 12px;
  font-size: 1.2rem;
}

.share-btn-bottom {
  font-size: 12px;
  font-size: 1.2rem;
}

.share-btn span {
  display: inline-block;
}

.article-footer {
  padding: 0 29px 64px 29px;
}

.nav-previous a {
  padding: 32px 16px 32px 0;
}

.nav-next a {
  padding: 32px 0 32px 16px;
}

.cta-single {
  padding: 32px 51px;
}

.cta-single-heading h3 {
  margin: 0 0 32px 0;
  font-size: 24px;
  font-size: 2.4rem;
}

.related {
  padding: 32px 51px;
  border-top: 5px solid #3050a0;
}

.related-list li {
  margin: 0 2.8% 32px 0;
}

.related-list li:nth-child(2n) {
  margin: 0 0 32px 0;
}

/* No sidebar page */
.page-template-no-sidebar .article-header {
  padding: 32px 109px;
}

.page-template-no-sidebar .article-body {
  padding: 0 109px 64px 109px;
}

.page-template-no-sidebar .article-footer {
  padding: 0 109px 64px 109px;
}

/*------------------------------------------------------------------------------------
/* 6.0 - Sidebar
/*----------------------------------------------------------------------------------*/
.sidebar {
  margin-top: 0;
}

.fit-sidebar-fixed {
	position: fixed;
	margin-top: 0;
	margin-bottom: 0;
}

.fit-sidebar-blank {
	visibility: hidden;
	z-index: 0;
	background-color: transparent;
}

/*------------------------------------------------------------------------------------
/* 7.0 - Footer
/*----------------------------------------------------------------------------------*/
.footer-follow-btn {
  text-align: right;
}

/*------------------------------------------------------------------------------------
/* 8.0 - Front page
/*----------------------------------------------------------------------------------*/
.home .content {
  margin: 64px 0;
}

.col-main {
  float: left;
  width : -webkit-calc(97.4% - 300px) ;
  width : calc(97.4% - 300px);
}

.col-sidebar {
  float: right;
  width: 300px;
}

.col-main-right {
  float: right;
  width : -webkit-calc(97.4% - 300px) ;
  width : calc(97.4% - 300px);
}

.col-sidebar-left {
  float: left;
  width: 300px;
}

.featured-thumbnail img {
  vertical-align: middle;
}

}

/**
 * Large PC style ( ≥1200px )
 *
 * 1.0 - Grid system
 * 2.0 - Widget
 * 3.0 - Main content
 */

@media screen and ( min-width: 1200px ) {
/*------------------------------------------------------------------------------------
/* 1.0 - Grid system
/*----------------------------------------------------------------------------------*/
.container {
  width: 1120px;
}

/*------------------------------------------------------------------------------------
/* 2.0 - Widget
/*----------------------------------------------------------------------------------*/
.searchform input[type="text"] {
  width: 77%;
}

/*------------------------------------------------------------------------------------
/* 3.0 - Main content
/*----------------------------------------------------------------------------------*/
.article-header {
  padding: 32px 51px;
}

.article-body {
  padding: 0 51px 32px 51px;
}

.article-footer {
  padding: 0 51px 64px 51px;
}

}