@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: 20px;

  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: #fafafa;

  background-color: #666666;

}



h1 {

  font-size: 16px;

  font-size: 1.6rem;

  color: #fafafa;

}



h2 {

  font-size: 22px;

  font-size: 1.7rem;

  color: #fafafa;

}



h3 {

  font-size: 16px;

  font-size: 1.6rem;

  color: #fafafa;

}



h4 {

  font-size: 16px;

  font-size: 1.6rem;

  color: #fafafa;
}



h5 {

  font-size: 16px;

  font-size: 1.6rem;

  color: #fafafa;

}



h6 {

  font-size: 14px;

  font-size: 1.4rem;


  color: #fafafa;
}



blockquote {

  display: block;

  margin-bottom: 40px;

  padding: 24px;

  border: 2px solid #e2e5e8;

  quotes: "\201C""\2018";

  font-size: 14px;

  font-size: 1.4rem;

  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: #fafafa;

  -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: #cc08ae;

}











.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 #cc08ae;

  border-radius: 4px;

  text-align: center;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  color: #fff;

}



.btn-border:hover {

  color: #fff;

  background-color: #cc08ae;

}



















.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 0px;

  font-size: 16px;

  font-size: 1.6rem;

}



/*------------------------------------------------------------------------------------

/* 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: #666666;

}



.top-bar h1, .top-bar p {

  padding: 0px 0px 0px 0px;

  font-size: 12px;

  font-size: 1.2rem;

  font-weight: normal;

}



.header-follow-btn li {

  display: none;

}



/* Header section */

.header {

  position: relative;

  height: 60px;



/*  box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3); */

  text-align: center;
}



.header-logo {

  height: 60px;



}



.header-logo img {

  position: relative;

  top: 50%;

  max-height: 50px;

  -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 #030303;

  background-color: #1d1d1c;

　box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);

}



.article:after {

  display: block;

  clear: both;

  content: "";

}



/* Article header */

.article-header h1 {

  margin: 0px 0;

  font-size: 16px;

  font-size: 1.6rem;

}



.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: 16px;

}



.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: 18px 0 20px 0;

  padding: 8px 0 8px 16px;

  border-left: 4px solid #3050a0;

  background-color: #f0f0f0;

}



.article-body h3 {

  margin: 32px 0 16px 0;

  padding-bottom: 8px;

  border-bottom: 2px solid #3050a0;

}



.article-body h4 {

  margin: 48px 0 16px 0;

}



.article-body h5 {

  margin: 20px 0 8px 0;

}



.article-body h6 {

  margin: 32px 0 8px 0;

}



.article-body ol {

  margin: 0px 0px 20px 24px;

  list-style: decimal;

  color: #333;

}



.article-body ul {

  margin: 0px 0px 20px 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: 20px;

}



.article-body table {

  margin-bottom: 20px;

}



.article-body th {

  background-color: #fafafa;

  font-weight: bold;

}



.article-body img {

  max-width: 100%;

  height: auto;

}



/* ボタンマージン */

.article-body .btn {

  margin-bottom: 20px;

}



.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 0px 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: 16px 0;

  font-size: 20px;

  font-size: 2.0rem;

}



.cta-single-content {

  padding-bottom: 16px;

}



.cta-single-footer {

  margin: 16px 0;

}



.cta-single-image img {

  padding-bottom: 16px;

  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: #cc08ae;

}



/* ------ ボタンロールオーバーカラー ------ */

.cta-single-footer .btn:hover {

  color: #fff;

  background-color: #a3068b;

}



/* ------ 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 8px 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;

  color: #cc08ae;

}



.related-date a {

  color: #cc08ae;

}



/* ------ 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;



  border-bottom: 1px solid #3050a0;

}

.archive-title h2 {

  margin-bottom: -1px;

  font-size: 16px;

  font-size: 1.6rem;

}



.archive-title h2 > span {

  display: inline-block;



  border-bottom: 1px solid #3050a0;

}




.archive-description {

  margin-bottom: 16px;

}



/*------------------------------------------------------------------------------------

/* 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: 48px;

  bottom: 32px;

}



.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: 16px 8px 0 8px;

}



.footer-logo {

  margin-bottom: 16px;

  text-align: center;

}



.footer-logo img {

  max-height: 60px;

}



.footer-site-name {

  margin-bottom: 16px;

  text-align: center;

  font-weight: bold;

}



.footer-contact-info {

  margin-bottom: 16px;

}



.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: 16px 8px;

  min-height: 250px;

}



.featured-list > li {

  position: relative;

  margin-bottom: 16px;

  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: 16px;

  font-size: 14px;

  font-size: 1.4rem;

}



.featured-date .read-more {

  display: block;

}



/* Front page content */

/* フロント トップページ */

.home .content {

  margin: 16px 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: 16px;

  border-radius: 0 0 4px 4px;

  border: 1px solid #666666;

  box-sizing: border-box;

  background-color: #1d1d1c;

}



.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: #fafafa;

}



.archive-header p {

  padding-bottom: 16px;

  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: 16px;

}



/**

 *  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: 16px 0 0 0;

  font-size: 18px;

  font-size: 1.8rem;

}



.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: 5px 16px 5px 16px;

}



.related h3 {

  margin: 16px 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% 16px 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: 16px;

  font-size: 1.6rem;

}



/*------------------------------------------------------------------------------------

/* 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% 8px 0;

}



.related-list li:nth-child(2n) {

  margin: 0 0 16px 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: 16px 0px 64px 0px

}




.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: 960px;

}



/*------------------------------------------------------------------------------------

/* 2.0 - Widget

/*----------------------------------------------------------------------------------*/

.searchform input[type="text"] {

  width: 77%;

}



/*------------------------------------------------------------------------------------

/* 3.0 - Main content

/*----------------------------------------------------------------------------------*/

.article-header {

  padding: 0px 20px;

  background-color: #1d1d1c;

}



/*------------------------------------------------------------------------------------

/* 3.0 - Main content 記事中身

/*----------------------------------------------------------------------------------*/

.article-body {

  padding: 0px 20px 10px 20px;

}



.article-footer {

  padding: 0 51px 0px 51px;

}



}







/*------------------------------------------------------------------------------------

/* CTA センタリング



.cta-single-text-link {

  text-align: center;

}

/*----------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------------

/* CTA リンクボタン

.new-cta {

  background-color: #161616;

}

























/*------------------------------------------------------------------------------------

/* 動画サイズ調整

/*----------------------------------------------------------------------------------*/



.movie-wrap {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

 

.movie-wrap iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/*------------------------------------------------------------------------------------

/* 動画内バナー

/*----------------------------------------------------------------------------------*/

.douga {

position: relative;

padding-top: 30px;

padding-bottom: 70%;

height: 0;

overflow: hidden;

margin-bottom: 30px;

text-align:center;

font-size:50px;

}

.douga iframe,

.douga embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

/* パソコンだけに適用する動画広告のCSS */

@media screen and ( min-width:760px )

{

#video{position:relative;left:0px;top:0px;z-index:100;}

#ad{width:700px;height:250px;padding:6px;position:absolute;left:190px;top:125px;}

#close{width:10px;height:10px;position:absolute;left:16px;top:11px;border:1px solid #fff;background:url(http://＊＊＊.com/＊＊＊＊/close.png)}#close:hover{cursor:pointer}

}





/*------------------------------------------------------------------------------------

/* フローティングバナー

/*----------------------------------------------------------------------------------*/

div#floating-menu {

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    background-color: #FFFFFF;

    border: 1px solid #000000;

    z-index: 9999;

}





/*------------------------------------------------------------------------------------

/* 各投稿ページ無修正検索

/*----------------------------------------------------------------------------------*/

.musyusei-kensaku {

text-decoration: underline

}




/* ------ 動画ボタン元の色 ------ */
.cta-single-footer-movie .btn {

  color: #fafafa;

  background-color: #030303;;

}

/* ------ 動画ボタンロールオーバーカラー ------ */
.cta-single-footer-movie .btn:hover {

  color: #fff;

  background-color: #555;

}

/* ------ 動画一覧ボタン元の色 ------ */
.cta-single-footer-movielist .btn {

  color: #fafafa;

  background-color: #0c0c75;;

}

/* ------ 動画一覧ロールオーバーカラー ------ */
.cta-single-footer-movielist .btn:hover {

  color: #fff;

  background-color: #1313cf;

}




/* ------ mm-loversリンクボタン元の色 ------ */
.cta-single-footer-mmlovers .btn {

  color: #fafafa;

  background-color: #4cbcea;



}

/* ------ mm-loversリンクロールオーバーカラー ------ */
.cta-single-footer-mmlovers .btn:hover {

  color: #fff;

  background-color: #009cff;
}




/* ------ MGS動画サイズ揃え様 ------ */
.mgs-movie {
max-width: 958px;
}


/* ------ 動画説明文 ------ */
.movie_comment {
  padding: 8px;
  margin-bottom: 16px;
  background-color: #1d1d1c;
}


/* ------ エロタレストリンクカード ------ */
.erotarest_linkcard {
	border-top: 5px dotted
	border-bottom: 1px solid
}



/* ------ 記事下バナーフロート ------ */

#_ad_9029 {
	float:left;
}

#_ad_9031 {
	float:left;
}

#_ad_9027 {
	float:left;
}

#_ad_9033 {
	float:left;
}

#_ad_9035 {
	float:left;
}

#_ad_9037 {
	float:left;
}

#_ad_9041 {
	float:left;
}

#_ad_9071 {
	float:left;
}

#_ad_9103 {
	float:left;
}

#_ad_9106 {
	float:left;
}



/* ------ サムネリンク フロート ------ */

#_ad_10639, #_ad_10637, #_ad_10635, #_ad_10633, #_ad_10631, #_ad_10629, #_ad_10627, #_ad_10597, #_ad_10595, #_ad_10592, #_ad_9738, #_ad_9735, #_ad_9733, #_ad_9730, #_ad_9511, #_ad_9508, #_ad_9506, #_ad_9502, #_ad_9500, #_ad_9496 {
	float:left;
}

/* ------ 本日のオススメリンクカード ------ */
.card {
  width: 277px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 15px;
}
.card-title {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
  color: #333;
}
.card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}
.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 5px;
}
.card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 5px;
}
.card-link a:hover {
  color: #0090aa;
}



/* ------ YARPP（関連リンク） ------ */

.yarpp-thumbnails-horizontal {
  text-align: center;
}


.yarpp-thumbnail-title {
  font-size: 10px;
}




/* ------ 検索リンクボタン元の色 ------ */

.cta-single-footer-serch .btn {

  color: #fafafa;

  background-color: #dcc949;

}

.cta-single-footer-serch .btn:hover {

  color: #fff;

  background-color: #bfab26;

}


/* ------ 検索送信ボタン ------ */
#searchsubmit {

  color: #fafafa;

  background-color: #dcc949;

}

/* ------ 関連リンク ------ */
.yarpp-thumbnail {

  font-size: 1.4px;

  font-size: 1.4rem;

}

/* ------ DTIリンク ------ */
.new_dti {

  padding-top: 20px;

  margin-top: 20px;

  border-top: 1px solid #e2e5e8;

  text-align: center;

  padding: 20px 0px;
}



/* ------ DTIリンクリサイズ ------ */

p.resizeimage img { width: 100%; }

p.resizeimage-thumbnail-pc img { width: 16.6%; height: 104px; float:left;}

p.resizeimage-thumbnail-sp img { width: 33.3%; float:left;}




.thumbnail-pc {  margin-bottom: 18px; }

.thumbnail-sp {  margin-bottom: 18px; }


.thumbnail-frame-pc {
	width: 958px;
margin-top: 9px;
margin-bottom: 9px;
  text-align: center;
}

.thumbnail-frame-sp { }



/* ------ スマホビデオ------ */


.sp-movie {

background-color: #000000;
 width: 100%;
}



/* ------ FC2ライブアダルト PCトップ ------ */
#fc2-pc-top{
position: relative;
width: 958px;
height: 500px;
border-color: #999999;
border-style: dotted;
margin-bottom: 18px;
}
#fc2-pc-top a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ------ DXLIVE PCトップ ------ */
#dxlive-pc-top{
position: relative;
width: 850px;
height: 590px;
border-color: #999999;
border-style: dotted;
margin-bottom: 18px;
}
#dxlive-pc-top a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ------ DXLIVE PCトップ ------ */
#dxlive-sp-top{
position: relative;
width: 850px;
height: 330px;
border-color: #999999;
border-style: dotted;
margin-bottom: 18px;
}
#dxlive-sp-top a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/** =======================
 * 動画
 ===========================*/
.movie-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
		   text-align: center;
}
 
.movie-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/** =======================
 * 横向き案内
 ===========================*/
@media screen and (orientation: landscape) {
   p.note { display: none; }
}

.note {
  text-align: center;
}


/** =======================
 * スマホのフッターメニュー
 ===========================*/
	
ul.footer_menu {
margin: 0 auto;
padding: 3px 0;
width: 100%;
overflow: hidden;
	display:flex;
	justify-content: center;
}
ul.footer_menu li {
margin: 0px 20px 0px 20px;
padding: 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 14px;
}
ul.footer_menu li a i{
font-size: 24px;
}
ul.footer_menu li a {
border: none;
display: block;
color: #fafafa;
text-align: center;
text-decoration: none;
}
.footer_menu {
position: fixed;
bottom: 0;
left:0;
background: #333333;
z-index: 9999999999;
-moz-opacity: 0.9;
opacity: 0.9;
}

@media only screen and (max-device-width: 480px) {
ul.footer_menu li {
font-size: 8px;
margin: 0px 10px 0px 10px;
}
}




/** =======================
 * スマホグローバルメニュー
 ===========================*/



.naviContent {
    -webkit-user-select: none;
    display: block;
    height: 40px;
    overflow-y: hidden;
    padding: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}
.naviContent ul {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}
.naviContent ul li {
    display: inline-block;
    line-height: 20px;
    height: 30px;
    margin: 0;
    text-align: center;
    font-size: 14px;
    position: relative;
}
.naviContent ul li.current:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f0980e;
}
.naviContent ul li a {
    border-right: 1px solid #777777;
    font-size: 1em;
    padding: 0px 14px;
    display: inline-block;
    color: #fafafa;
}




/*--------------------------------
ページネーション
---------------------------------*/
.pagination {
    text-align: center;
    width: 100%;
    display: block;
        margin-bottom: 1em;
}
.pagination a {
    background: #f6f6f6;
    color: #000;
    text-decoration: none
}
/* スマホ　*/
@media only screen and (max-width: 667px) {
    .pagination .inner {
        width: 100%;
 margin-bottom:46px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        height: 36px
    }
    .pagination .page-of {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        position: absolute;
        left: 25%;
        width: 50%;
        font-weight: bold;
        color: #fff;
        background: #2C2D2F;
        height: 36px;
        line-height: 36px;
        font-size: 1.3rem
    }
    .pagination .m-prev {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        width: 10%;
        position: absolute;
        left: 0%
    }
    .pagination .pn-prev {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 15%;
        position: absolute;
        left: 10%
    }
    .pagination .pn-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        width: 15%;
        position: absolute;
        left: 75%
    }
    .pagination .m-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        width: 10%;
        position: absolute;
        left: 90%
    }
    .pagination .current, .pagination .pn-numbers {
        display: none
    }
    .pagination a {
        line-height: 36px;
        height: 36px;
        font-weight: bold;
        font-size: 1.3rem
    }
}
/* PC */
@media only screen and (min-width: 668px) {
    .pagination .page-of {
        display: block;
        width: 100%;
        font-size: 85%;
        color: #fafafa;
        text-align: center;
        margin-bottom: 1em
    }
    .pagination a, .pagination .current {
        display: inline-block;
        padding: 0 0.8em;

        font-weight: bold;
        line-height: 36px;
        height: 36px
    }
    .pagination .current {
        background: #2C2D2F;
        color: #fff
    }
    .pagination a:hover {
        background: #2C2D2F;
        color: #fff
    }
  }