@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Concert+One);
@import url(//fonts.googleapis.com/css?family=Lato);

@font-face {
	font-family: 'icomoon';
	src:url('font/icomoon.eot?-dt65e4');
	src:url('font/icomoon.eot?#iefix-dt65e4') format('embedded-opentype'),
		url('font/icomoon.woff?-dt65e4') format('woff'),
		url('font/icomoon.ttf?-dt65e4') format('truetype'),
		url('font/icomoon.svg?-dt65e4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
layout style
========================================================================== */
#main{
	padding:  0.5em;
	float: none;
}
#inner-content{
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-radius: 4px;
	background: #fff;
}
#footer {background:#0E0E0E;}

@media only screen and (min-width: 481px) and (max-width: 600px) {
	#main{padding:  1em;}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
#main{padding:  1.5em;}
}
@media only screen and (max-width: 767px) {
	#inner-content{
		width: 100%;
		overflow: hidden;
	}
	#sidebar1{
		padding: 1em;
		float: none;
	}
}

@media only screen and (min-width: 768px) {
	.page-full #main{
		width: 798px;
		max-width:100%;
		margin: auto;
		float: none;
	}
	.page-full.wide #main{
		width:100%;
		margin-top: -35px;
	}
	.page-full #main .article-footer{
		margin-top:3em;
	}
	.page-full #main .article-footer,
	.page-full #main .fb-likebtn,
	.page-full #main .sharewrap,
	.page-full #main .cta-wrap,
	.page-full #main .np-post,
	.page-full #main .related-box,
	.page-full #main .authorbox{
		max-width: 728px;
		margin-right: auto;
		margin-left: auto;
	}
	.page-full .entry-content {
		padding: 0;
	}
}

@media only screen and (min-width: 1166px) {
	#inner-content{
		padding: 35px;
		margin-bottom:2em;
	}
	#main{
		width: 798px;
		margin: -35px;
		padding: 35px;
float:left;
	}
	#sidebar1{
		width: 336px;
		float:right;
		padding-right: 0;
	}
	.footer.bgnormal{
		margin-bottom: 2em;
	}
	.footer .inner,
	#footer-top .inner{
		padding: 0 35px;
	}
	#footer-top .inner{
		padding-right: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1165px) {
	#inner-content{
		padding: 25px;
	}
	#main{
		width:70%;
float:left;
		margin: -25px;
		padding: 2em;
	}
	#sidebar1{
		width: 34%;
		float:right;
	}
}
.entry-content{text-align:center;}
.center {text-align:center;}
/* ==========================================================================
HTML5 display definitions
========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block; }
audio,canvas,video {
	display: inline-block; }
audio:not([controls]) {
	display: none;
	height: 0; }
[hidden],template {
	display: none; }

/* ==========================================================================
Base
========================================================================== */
html {
	font-family: sans-serif;
	word-break: break-all;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	  /*scroll-behavior: smooth; ページ内リンクにスムーズにスクロール*/
}
body {
	margin: 0; }

/* ==========================================================================
Links
========================================================================== */
/* リンクの色 */
a {
background: transparent;
	color: #0698EB;
}
/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #0f3647;
	text-decoration:none;
}
a:focus {
outline: thin dotted; }
a:active,a:hover {
outline: 0; }

.entry-content a:hover {
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #dcdcdc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f5f5f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f5f5f5),
            color-stop(.75, #f5f5f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #f5f5f5 25%, transparent 25%,
          transparent 50%, #f5f5f5 50%, #f5f5f5 75%,
          transparent 75%, transparent);
}


/* マウスオーバーの背景が透明 */
a.no_bg:hover,
.pochireba a:hover {
background:transparent;
}


/* ==========================================================================
Typography
========================================================================== */
/* Googleフォント */
.gf{
	font-weight: normal;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0; }
abbr[title] {
	border-bottom:0; text-decoration:none!important; }
b,strong,.strong {
	font-weight: bold; }
dfn  {
	font-style: normal; 
	border-bottom: 0;
}
hr {
	margin: 1.8em 0;
	padding: 0;
	border: 0;
	height: 5px;
	background: url(library/images/line01.png) repeat-x 0 0;
}
p {
	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; }

/* 空Pタグを削除 */
.entry-content p:empty {
  display: none;
}
.entry-content .no-margin-top{margin-top:0!important;}
.entry-content .no-padding-top{padding-top:0;}

pre {
	margin: 0; }
/* 削除 */
/* kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 0.9em; 
	padding: 0.05em 0.4em;
	border-radius: 3px;
	background: #F6F6F6;
	color: #444;
}*/
pre {
	white-space: pre-wrap; }
q {
	quotes: "\201C" "\201D" "\2018" "\2019"; }
q:before,
q:after {
	content: '';
	content: none; }
small, .small {
	font-size: 75%; }
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }
sup {
	top: -0.5em; }
sub {
	bottom: -0.25em; }

/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* ヘッダー領域 */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/

.header{background: #F7F7F7;}
.header.bg,.header #inner-header,.menu-sp{}

#g_nav .nav li a,.nav_btn,.menu-sp a,.menu-sp a,.menu-sp > ul:after{color: #0698eb;}

#g_nav .nav li a:hover,.nav_btn:hover{background: #fc9705;color:#fff;}
#logo a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.menu-item-4380 a:before, .menu-item-4378 a:before, .menu-item-4364 a:before, .menu-item-30234 a:before {
    font-family: 'icomoon';
    position: relative;
    font-size: 115%;
    top: 2px;
}
/* プロフィール */
.menu-item-4380 a:before{
    content: "\e909";
    margin: 0 0.2em 0 0;
}
/* 全カテゴリ */
.menu-item-4378 a:before {
    content: "\e94a";
    margin: 0 0.2em 0 0;
}
/* お問い合わせ */
.menu-item-4364 a:before {
    content: "\f0e0";
    margin: 0 0.2em 0 0;
}
/* 更新情報 */
.menu-item-30234 a:before {
    content: "\e614";
    margin: 0 0.2em 0 0;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* TABLE テーブル */
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/

.entry-content table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
	width: 100%;
}
.two_rows {
	margin: 0 0 3em 0;
}
.two_rows,
.two_rows td,
.two_rows th {
	border: 1px #000 solid;
	color:#000;
    font-weight: normal;
	font-size: 85%;
	padding: 0.2em 0.4em;
}
.two_rows th {
	width: 20%;
	text-align: center;
	background: #eee;
}
/* TDを中央揃え */
.aln_center td {
	text-align:center;
}

/* THを左揃え */
.aln_left th {
	text-align:left!important;
}

/* thが幅50% */
.width_half th {
     width:50%!important;
}

/* thが幅30% */
.width_half2 th {
     width:30%!important;
}

/* 背景色を黄色に */
.bg_color_01 {
     background:#FFF8B7;
}
/*テーブルの横スクロール*/
.entry-content .scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.entry-content .scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.entry-content .scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.entry-content .scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

/************************************
** 横長テーブル
************************************/
.no-br{
white-space: nowrap;
    border: none;
    table-layout: fixed;
    display: block;
    overflow: scroll;
}
.no-br td{
	/*font-size: 13px !important;  文字サイズ */
}
.no-br thead th:first-child,
.no-br tbody th:first-child{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}
.no-br th, .no-br td {
padding: .9em !important;
}
.no-br img{
	margin:0;
	padding:0;
	max-width:70px !important; /* 画像最大サイズ */
}
/* スマホ */
@media screen and (max-width: 560px) {
	.no-br thead th:first-child,
    .no-br tbody th:first-child{
		white-space:normal;
		min-width:80px; /* スマホ見出し横幅 */
	}
	.no-brth, .no-br td {
		padding:8px !important;
	}
	.no-br img{
		max-width:50px !important; /* スマホ画像最大サイズ */
	}
}

/* ブログ活動記録のテーブル */
.blog-history th {
     width:25%!important;
}
.two_rows caption {
	caption-side: top;
	font-size: 75%;
	padding: 0.2em;
	color: #fff;
	text-align: center;
	margin: 0;
	font-weight: bold;
	background: gray;
	border: 1px solid #000;
	border-bottom: none;
}
.two_rows .table_add {
	text-indent:-1.5em;
	font-size:100%;
	margin:1.5em 0 0 2.5em;
}
.two_rows code {
	font-size:110%;
}
/* テーブル内の OL タグ */
.two_rows ol {
	list-style-type: upper-latin;
	color:black;
	border:none;
	font-size:100%;
	margin:0;
	padding:0;
}
.entry-content table img{border:0;box-shadow:none;}
@media only screen and (min-width: 780px) {
.two_rows,
.two_rows td,
.two_rows th {
	font-size: 100%;
	padding: 0.2em 0.4em;
}
.two_rows caption {
	font-size: 100%;
	padding: 0.2em;
}
}

/* キーボード タグ */
kbd.row kbd,
kbd.short_cut kbd {
  padding: 4px 7px;
  margin: 4px 5px;
  background: #EFF0F2;
  border-radius: 4px;
  border-top: 1px solid whitesmoke;
  box-shadow: 0 0 25px #e8e8e8 inset, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
  color: #666;
  text-shadow: 0 1px 0 whitesmoke;
  font: normal 14px arial;
  text-align: center;
  line-height: 1;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
position: relative;
bottom: 0.3em;
  text-indent: 0;
}
/* キーボード（フリック入力）*/
kbd kbd.flick {
     background:#fff;
     padding:4px 8px;
     margin: 0 2px;
     font: normal 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     color:#666;
     border:#666 1px solid;
  border-radius: 0;
  box-shadow:none;
  text-shadow:none;
}
/* キーボード 連続キー */
kbd.row,
kbd.short_cut {
margin:0 .5em;
}
table kbd.row,
kbd.short_cut {
display:inline-block;
margin-top:.5em;
}
/* 出力文字された文字 */
kbd.type,
kbd.type_none {padding: 0;color: #000;line-height: 1;display: inline-block;font: normal 95% arial;}
kbd.type_none a {color:#0000ff;}
kbd.type_none a:hover,
kbd.type_none a:visited {background:none;text-decoration:underline;}
kbd.type{
    font-size: 0.9em;
    background: #ececec;
    margin:0 .2em;
    padding:0 .2em;
    letter-spacing: .1em;
    position: relative;
    text-decoration: underline;
    bottom: 2px;
}

samp.output {
    font-size: 110%;
    margin: 0 .2em;
    padding:.1em .3em .25em .3em;
    position: relative;
    bottom: 2px;
    background: #e1f8fb!important;
    }
kbd.displayed-text{letter-spacing: .2em;border-bottom: solid 2px #000;}

code{font-family: 'Geo', sans-serif;font-size:110%;color:#ababab;}
.no-after:after{content:none;}
.entry-content .txt_example code, .entry-content .txt_example_01 code, .entry-content .txt_example_02 code, .entry-content .txt_example_03 code,.entry-content .caution code, .entry-content .reference code{color:#676666;}
code b {color:#ce000d;}
code b:before { content:none;}
code b:after { content:none;}
.entry-content .txt_example_03:first-child{margin-top:1em;}
.txt_dragonquest code {color:#fff;}

/* 手順を示す */
.howto_order,
.h4_section span.howto_order {border:1px dotted #486877!important;background:#fff;border-radius:0;font-size:100%;padding:0.3em 0.2em;margin:0 0.2em;text-align:left;box-shadow:none;color: #000;text-shadow:none;line-height:2.5;float: none;display: inline;
}

/* 単語登録例 */
.entry-content .tangotoroku {background: whitesmoke;border-radius: 5px;min-height: 10em;border:1px solid #bbbbbb;margin-bottom: 3.5em;}
.entry-content .tangotoroku .headline {width:100%;margin: 0;padding: .3em;background: #dcdcdc;text-align: center;letter-spacing: .1em;
border-top:1px solid #fff;
	border-top-left-radius : 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
.entry-content .tangotoroku ul {border: none;box-shadow: none;margin:.7em 1em;}
.entry-content .tangotoroku li {
    border: 1px solid #bbbbbb;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    background-color: #fff;
    border-radius: 3px;
    margin: .2em 1em .5em 1em;
    width: 100%;
}
.entry-content .tangotoroku li:before {color:#555;font-size: 80%;font-weight: bolder;position: relative;right: 2.5em;}
.entry-content .tangotoroku li.tango-word:before {content:"単語";}
.entry-content .tangotoroku li.tango-sound:before {content:"読み";}

.entry-content .tangotoroku dl {padding: 1em 0;}
.entry-content .tangotoroku dt {background: transparent;width: 15%;border: 0;padding: 0 .5em 0 .9em;float: left;display: inline-block;margin: .5em 0 .5em 0;position: relative;top: 2px;}
.entry-content .tangotoroku dd {width: 81%;float: right;display: inline-block;margin: .2em 1em .2em 0em;padding: .1em .4em;border: 1px solid #bbbbbb;background: white;border-radius: 3px;}

/* ストロング・EM・ボールドの両側にスペース */
strong, em, b {
    padding: 0 0.2em;
}
.no-space-left { padding-left:0; }
.no-space-right { padding-right:0; }
.no-space-both { padding-left:0; padding-right:0; }

i, cite {
  font-style: normal;
}
/* ストロング */
strong {
	font-weight:bold;
}

/* em タグ */
em{
	font-weight:bold;
}

.larger {
font-size:150%;
font-style: normal;
}
/* ボールド タグ */
b {
	font-weight:bold;
}
/* 打ち消しタグ */
.strike,s,strike {text-decoration:line-through;padding:0 0.3em;}
.entry-content del{text-decoration:line-through;color:#ce000d;}
.entry-content del span{color:#969696;}
.underline {
	text-decoration: underline;
}
/* フォント色を赤く */
.color01 {
color:#ce000d;
}
/* フォント色を黄色く */
.color02 {
color:yellow;
}
/* フォント色をオレンジ */
.color03 {
color:#ffcc00;
}
/* 文字を大きく */
.bigger {
font-size:300%;
font-style: normal;
}
/* ただの太文字 */
.bold {
	font-weight:bold;
}
/* ルビ */
.two_rows ruby {
	ruby-position:after;
	font-weight:bolder;
}

/* ==========================================================================
Lists
========================================================================== */
dl,menu,ol,ul {
	margin: 1em 0;
}

dd {
	margin: 0;
}
.gallery {
	margin: .5em auto 2em!important;
}
.gallery dl{
	margin:0!important;
}
.gallery dl img{
	margin-bottom:0;
	border: none!important;
	padding: 1px;
}
menu {
	padding: 0 0 0 40px;
}

/* リスト */
ol,ul {
	padding: 0;
	list-style-type: none;
}
.entry-content ul,
.entry-content ol,
.addup ul,
.addup ol {
color:#333;
background:#f7f7f7;
border: 1px solid #DADADA;
  border-top: 1px solid #757575;
 box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
clear: both;
text-align: left;
list-style-position: inside;
  margin-bottom: 3em;
}


.entry-content ul,
.addup ul {
  padding:1em 1em 1em 2em;
}
.entry-content ol,
.addup ol {
padding:1em;
counter-reset: number;
list-style-type: none;
}
.entry-content ol li:before,
.addup ol li:before {
counter-increment: number;
    content: counter(number);
    margin-right: 0.5em;
    background: #fc9705;
    color: #fff;
   width: 1.5em;
    height: 1.5em;
    font-size: 0.7em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    border-radius: 1em;
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
    position: relative;
    top: -0.2em;
}
.entry-content ol ol li:before, 
.addup ol li ol li:before {background: #DFEBFF; color:gray;}
.entry-content ol ol ol li:before {
    background: gray;
    color:#fff ;}
.entry-content ol li,
.addup ol li {
line-height: 1.9;
}

.entry-content ul li,
.addup ul li {
list-style:none;
text-indent: -1em;
line-height: 1.9;
}

.entry-content .no-bg{background:transparent;border:none;box-shadow: none;}

.entry-content ul li:before,
.addup ul li:before {
content: "● ";
    color: #fc9705;
    position: relative;
    right: 0.1em;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

.list-scroll {
    height: 250px;
    overflow: auto;
}

/*-----------------------------
　　　　定義タグ
-----------------------------*/

.entry-content dl{
text-align: left;
width:auto;
clear: both;
margin: 0 0 3em 0;
}
.entry-content dt {
display:block;
font-weight: bolder;
position: relative;
top: 1em;
color: #555;
padding: 0 1em;
background: #f7f7f7;
border: 1px solid #DADADA;
border-bottom: 1px solid #757575;
}
.entry-content dd {
margin:0;
line-height:1.9;
padding: 2em 1em 1em 1em;
}
.entry-content dd:last-child {border-bottom: 2px solid #dadada;padding-bottom: 2em;}
.entry-content dl img {
display:block;
margin-bottom: 1em;
}
.entry-content dl ul,
.entry-content dl ol,
.entry-content td ul,
.entry-content td ol {
border:0;
box-shadow:none;
margin-bottom: 0;
}
.entry-content td ul {
    background: transparent;
    margin: 0;
    padding: .2em .2em .2em .5em;
}
.entry-content td li {text-indent:0;}
.entry-content dl ul li,
.entry-content td ul li {
padding:0;
}
.entry-content dd p{margin-left:0;width:100%;}
.entry-content dd p:last-child{margin-bottom:0;}

/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* 引用 */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
.entry-content blockquote {
quotes: none;
text-align:left;
width:auto;
background:#f7f7f7;
margin: 1em auto 0.5em auto;
padding: 2em;
  border: 1px solid #DADADA;
  border-top: 1px solid #757575;
  box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
position:relative;
}
.entry-content  blockquote p {
width: auto;
  padding: 0;
margin: 1em 0 1.5em 0;
}
.entry-content blockquote p:last-child {
     margin-bottom: 0;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
  font-family: 'icomoon';
font-size:250%;
color:#ccc;
line-height:1;
  position: absolute;
}
.entry-content blockquote:before {
	content: "\e977";
  left: 10px;
  top: 10px;
}
.entry-content blockquote:after {
	content: "\e978";
  bottom: 10px;
  right: 20px;
}
.entry-content .quoted {
font-size: 85%;
text-align: right;
width: auto;
margin: 0 0 5em 1em;
}
.entry-content .quoted:before {
content:"※ ";
}
.entry-content blockquote +  p:not([class]) {
margin-top:3em;
}
q:before {
	content:none;
}
q:after {
	content:none;
}

.twitter-tweet {margin-bottom:3em!important;margin: 0 auto;}

.entry-content blockquote ul li:before{color: #cccccc;}
.entry-content blockquote ol li:before{background: #777777;color:#fff;}

.entry-content blockquote ul,
.entry-content blockquote ol {
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* ==========================================================================
Embedded content
========================================================================== */

.entry-content img + p {margin-top:3em;}
.entry-content figure img {
margin: 0;
max-width: 100%;
height: auto;
}
.entry-content .icon-left {
    float: left;
    width: 20%;
    margin: 0 1.5em 1.5em 0;
    border-radius: 50%;
}
.entry-content .icon-left + p{margin-top:0;}

img{max-width: 100%;height: auto;}
.entry-content img {
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
svg:not(:root) {
overflow: hidden; }
}
/* getty images */
.getty {margin-bottom: 5em!important;}

/* ==========================================================================
figure タグ
========================================================================== */
figure {margin:0;}

.entry-content figure {
	clear:both;
font-size:90%;
	margin: 0.5em 0 3em 0;
text-align:center;
	padding: 0.6em;
background:#f7f7f7;
	border: 1px solid #DADADA;    border-top: 1px solid #757575;    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}

.entry-content  figcaption {
color: #333;
    margin: 0 0 0.5em;
    font-size: 80%;
}
.entry-content  figcaption:before {
content:"\ea32";
font-family:icomoon;
margin-right:0.5em;
}


/* ==========================================================================
Forms
========================================================================== */
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,.field {
	display: block;
	padding: 10px 2%;
	margin-bottom: 14px;
	font-size: 1em;
	color: #666;
	border: 3px solid rgba(51, 51, 51, 0.1);
	border-radius: 1px;
	vertical-align: middle;
	max-width: 96%;
	max-width: 100%\9;
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out;
	-webkit-appearance: none;
	appearance: none;
}
#main input[type="text"],#main input[type="password"],#main input[type="datetime"],#main input[type="datetime-local"],#main input[type="date"],#main input[type="month"],#main input[type="time"],#main input[type="week"],#main input[type="number"],#main input[type="email"],#main input[type="url"],#main input[type="search"],#main input[type="tel"],#main input[type="color"],#main select,#main textarea,#main .field {
	width:300px;
}
#main textarea{
	padding: 2%;
	width: 100%;
}
input[type="text"]:focus, input[type="text"]:active,input[type="password"]:focus,input[type="password"]:active,input[type="datetime"]:focus,input[type="datetime"]:active,input[type="datetime-local"]:focus,input[type="datetime-local"]:active,input[type="date"]:focus,input[type="date"]:active,input[type="month"]:focus,input[type="month"]:active,input[type="time"]:focus,input[type="time"]:active,input[type="week"]:focus,input[type="week"]:active,input[type="number"]:focus,input[type="number"]:active,input[type="email"]:focus,input[type="email"]:active,input[type="url"]:focus,input[type="url"]:active,input[type="search"]:focus,input[type="search"]:active,input[type="tel"]:focus,input[type="tel"]:active,input[type="color"]:focus,input[type="color"]:active,select:focus,select:active,textarea:focus,textarea:active,.field:focus,.field:active {background-color: #f7f8fa; }
input[type="password"] {
letter-spacing: 0.3em; }
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5;
}
select {
-webkit-appearance: none;
background-image: url(library/images/select_arrow.png);
background-repeat: no-repeat;
background-position: 97.5% center;
background-size:9px; }
@media only screen and (max-width: 480px) {
	#main input[type="text"],#main input[type="password"],#main input[type="datetime"],#main input[type="datetime-local"],#main input[type="date"],#main input[type="month"],#main input[type="time"],#main input[type="week"],#main input[type="number"],#main input[type="email"],#main input[type="url"],#main input[type="search"],#main input[type="tel"],#main input[type="color"],#main select,#main textarea,#main .field,#main textarea{
		width: auto;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,.field {width: 92%;max-width: 92%;}
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
input {
line-height: normal; }
button,
select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-transform: none; }
select::-ms-expand {
display: none;
}
select{
padding: 3%;
line-height: 1.2;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-size: 0.95em;
padding: 8px 20px;
background: #666666;
color: #fff;
border: 0;
border-radius: 5px;
}
button[disabled],
html input[disabled] {
cursor: default; }

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
vertical-align: top;
}

/* ==========================================================================
Tables
========================================================================== */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.clearfix, .cf, .comment-respond,.widget ul li {
zoom: 1; }
.widget li a:after{color: #0698EB;}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after ,.widget ul li:before ,.widget ul li:after{
content: "";
display: table; }
.clearfix:after, .cf:after, .comment-respond:after, .widget ul li:after {
clear: both; }
span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic; }
p {
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
}
.alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid; }
.alert-help {
border-color: #e8dc59;
background: #ebe16f; }
.alert-info {
border-color: #bfe4f4;
background: #d5edf8; }
.alert-error {
border-color: #f8cdce;
background: #fbe3e4; }
.alert-success {
border-color: #deeaae;
background: #e6efc2; }
.blue-btn, .comment-reply-link, #submit {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: white;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
color: white;
text-decoration: none; }
.blue-btn:active, .comment-reply-link:active, #submit:active {
top: 1px; }


.blue-btn, .comment-reply-link, #submit {
background-color: #1BB4D3;
}
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
background-color: #2574a8; }



/*********************
GENERAL STYLES
*********************/
body {
	font-family: "メイリオ", Meiryo, Arial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size: 103%;
	line-height: 1.5;
	color: #545B63;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word;
    min-width: 320px;
    word-wrap: break-word;
    background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );
    background-size: 100% 8px;
    -webkit-text-size-adjust: 100%!important;
}

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
width: 96%;
margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*画像をマウスオーバーで半透明に */
a:hover img{
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity:0.7;
}
/* 画像を反転 */
.hanten {
    transform: scale(-1, 1);
}
a:link, a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/* 外部リンク - External Link */
.entry-content a.exit:after,
.shareHtml .shareHtml_title a.exit:after,
.kaerebalink-name a:after,
.booklink-name a:after,
.tomarebalink-name a:after {
content: "\e600";
font-family: 'icomoon';
font-size: 100%;
margin: 0 0.1em 0 0.2em;
bottom: -1px;
text-decoration:none;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none; }
h1, .h1 {
font-size: 1.5em;
font-weight: bold;
margin:0;
line-height: 1.333em; }
h2, .h2 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 0.375em; }
h3, .h3 {
font-size: 1.3em; 
font-weight: bold;
}
h4, .h4 {
font-size: 1.2em;
font-weight: 700; }
h5, .h5 {
font-size: 1em;
font-weight: 700;
line-height: 2em;
text-transform: uppercase;
letter-spacing: 1px; }


/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* H1領域 */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/

.entry-header{
padding: 0;
    width: auto;
    text-align: center;
    margin-bottom: 3em;
    position: relative;
    background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );
    background-size: 100% 8px;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
/* ページタイトル */
.single-title,
.page-title,
.entry-title {margin: .3em 0;}

.single-title,
.page-title{padding: 0;font-size: 1.5em;}
.single-title:empty,
.page-title:empty{
display: none;
}

.single-title, .page-title{
width: auto;
    text-align: left;
    color: #fc9705;
    line-height: 1.2;
    font-weight: normal;
    margin: 0;
    position: relative;
    background: #fff;
    border: 1px solid #333;
    display: block;
    text-decoration: none;
    font-size: 200%;
    padding: 0.5em;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    z-index: 1;
}
.entry-header .entry-title:after {
content: '';
position: absolute;
border-top: 48px solid #fff;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
bottom: -47px;
left: 32px;
}

.entry-header .entry-title:before {
content: '';
position: absolute;
border-top: 50px solid #333;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
bottom: -50px;
left: 30px;
}

.thumbnail-wrap{
margin-bottom: 1em;
    width: 100%;
float:left;
    text-align: center;
    height: auto;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    background-color: #E7E7E7;
}
/* アイキャッチ */
.entry-header .eyecatch{
    margin: 0;
text-align:center;
float:none;
overflow:hidden;
position:relative;
    border-left: 5px #333 solid;
    border-right: 5px #333 solid;
background: #333;
}
.eyecatch img{
margin:0;
height: auto;
width:150px;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 480px) {
.eyecatch img{
width:200px;
}
}
.article-header .eyecatch img{width:336px;}

/* 広告領域 */
.thumnail-02{
    padding: 0.5em 0 0;
width:auto; 
    display: inline-block;
    position: relative;
    margin: 0;
}
.thumnail-02 img{}
.sponcerd-link{
color: #000;
    margin: 0 auto;
    font-size: 70%;
    text-align: center;
}

@media only screen and (min-width: 501px) and (max-width: 659px) {
.entry-header {padding: .5em;}
.article-header .eyecatch{padding:0.5em 0;}
}
@media only screen and (min-width: 660px) and (max-width: 716px) {
.entry-header {padding: 1em;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;}
.article-header .eyecatch{float: none;padding:0.5em 0;}
.article-header .eyecatch img{width:336px;}
}
@media only screen and (min-width: 684px) and (max-width: 767px) {
.entry-header {padding: 0;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;}
.article-header .eyecatch{float: left;padding:1.5em 0;}
.article-header .eyecatch img{width:280px;}
}
@media only screen and (min-width: 768px) and (max-width: 790px) { 
.article-header .eyecatch{float: none;padding:0;}
.article-header .eyecatch img{width:336px;}
}
@media only screen and (min-width: 791px) and (max-width: 1032px) { 
.entry-header {padding: 0.5em;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;}
.article-header .eyecatch{float: none;}
.article-header .eyecatch img{width:336px;}
}
@media only screen and (min-width: 1082px)and (max-width: 1130px) {
.article-header .eyecatch{float: left;padding:1.5em 0;}
.article-header .eyecatch img{width:280px;}
}
@media only screen and (min-width: 1131px){
.entry-header {padding: 1em;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;}
.article-header .eyecatch{float: left;padding:1.5em 0;}
.article-header .eyecatch img{width:280px;}
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* カテゴリー　*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
.archive-title {
  font-size: 1.7em;
  margin:0;
  color: #fff;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
  background: #333;
  border: 1px solid #DADADA;
  border-top: 1px solid #757575;
  border-bottom: none;
}
.category_bnr {
margin-bottom:3em;
text-align: center;
background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );    background-size: 100% 8px;
padding: 2em 0;
border: 1px solid #DADADA;
border-top: none;
box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
.category_bnr img {
width: 90%;
}
.entry-content .category-list {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 2em 0;
  border: solid 0.5em;
  border-left: none;
  border-right: none;
  box-shadow: none;
  display: table;
}
.entry-content .category-list li {
position:relative;
text-indent: 0;
width: 45%;
display: inline-block;
list-style: none;
margin-bottom: 1em;
background: white;
padding: 0.7em;
background: linear-gradient( to bottom, #F1FDFD, #F1FDFD 50%, #DFEBFF 50%, #DFEBFF );    background-size: 100% 8px;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
@media only screen and (min-width: 1060px){.entry-content .category-list li {width:39%;}}
.entry-content .category-list li:nth-child(2n){
margin-left: 1em;
}
.entry-content .category-list a:hover {background:transparent;}
.entry-content .category-list img {
}

.entry-content .category-list span {
color: white;
    font-size: 100%;
    font-weight: bold;
    background: #333;
background: rgba(0,0,0,.75);
    padding: .7em .2em;
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1.5;
    border: 6px double rgba(255,255,255,.85);
}

.entry-content .category-list li:before{
content:none;
}
.entry-content .category-list li a:hover span{
background:gray;
}
.entry-content .archive-wrap .ga_more p{
text-align:center;
margin:0;
font-size:55%;
}
.category-description{margin-top:3em;}
.adsense-category {
margin-top:7em;
}

.post-list h2 {color:pink;}


/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* 目次　*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
nav.index {margin-top: 2em; width:auto; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border: 1px solid #DADADA; border-bottom: 1px solid #757575;}
nav.index ol{ font-size: 95%;border:none; margin:0; box-shadow: none; background:#fff;}
nav.index p{ font-size:120%; letter-spacing: 2em; margin:0; padding: 0.3em 0 0 0; background: #DFEBFF; text-align: center; width:auto;
}
nav.index p:before {content:"\e9b9";font-family: 'icomoon';color:#fff;}
nav.index ol a{
font-size:100%;
color:#333;
}
nav.index + .bg-yellow,
nav.index + h2 {margin-top:5em;}

/* H2領域 */
.entry-content h2,
.cate-title {
text-align:left;
margin: 3em 0 1.5em 0;
display: block;
clear: both;
    font-size: 135%;
    color: white;
    padding: 0.6em 0.4em 0.4em 0.7em;
    line-height: 1.8;
    background: #ff9a02;
    position: relative;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    border-radius: 4px;
}
.category-h2,
.top_h2 {
	display: block;
	position: relative;
	padding: 0.6em 0.4em 0.4em 0;
	margin-bottom: 0.5em;
	border-bottom: #fc9705 3px solid;
	box-shadow: none;
	background: #fff;
	border-radius: 0;
	font-weight: bold;
	color: #fc9705;
	text-align: left;
	line-height: 1.5;
	clear: both;
}

.category-h2 {
    margin: 3em 0;
}
.top_h2 {
margin:0 0 1em 0 ;
}

.entry-content .h2_section {
width:100%;
font-size:100%;
line-height: 1.9;
margin:1em 0 0 0;
padding:0;
}
.entry-content .h2_section h2,
.entry-content .h2-appearance {
font-size:150%;
color: #fc9705;
text-align:center;
width: 99%;
    display: inline-block;
line-height: 1.6;
padding: 1.4em 0.4em;
background: rgb(253, 255, 178);
border:none;
border-radius: 30px;
margin: 2em 0 1.5em 0;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    font-weight: bold;
}

/* H3領域 */

.entry-content > h3 {
	line-height: 1.3;
    width: 100%;
	position:relative;
	text-align:left;
	color:#fc9705;
	border-bottom: #fc9705 2px solid;
margin: 0 0 1em;
font-size: 125%;
border-left: 16px solid #ff9a02;
padding-left: 0.3em;
}

.entry-content figure + h3{margin-top:4em;}

/* h3セクション */
.entry-content .h3_section,
.entry-content .h2_section2 {
	clear:both;
	display: block;
	text-align:center;
	margin:1em 0 2.5em;
}

@media only screen and (min-width: 601px) and (max-width: 767px) {.entry-content .h3_section,.entry-content .h2_section2{border: 1px solid #DADADA;border-bottom: 1px solid #757575;padding: 0 1em;}}
@media only screen and (min-width: 768px) and (max-width: 1126px) {.entry-content .h3_section,.entry-content .h2_section2{border:0;padding:0;}}
@media only screen and (min-width: 1127px) {.entry-content .h3_section,.entry-content .h2_section2{border: 1px solid #DADADA;border-bottom: 1px solid #757575;padding: 0 1.2em;}}

.entry-content .h3_section h3,
.entry-content .h2_section2 h2{
text-align: left;
font-size: 135%;
color: white;
margin: 1em 0 1.5em;
padding: 0.6em 0.4em 0.4em 0.7em;
line-height: 1.8;
background: #ff9a02;
position: relative;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
border-radius: 4px;
border: 0;
}

.h3_section h3[id],.h2_section2 h2[id]{padding-top:0;}
.h3_section h3[id*="no"]:before,.h2_section2 h2[id*="no"]:before{color:#fff;font-family:'icomoon';font-size: 130%;margin-right: 0.2em;position: relative;top: 0.15em;}
span[class*="no"]:before{font-family:'icomoon';margin-right: .2em;position: relative;top: .05em;}
.h3_section h3[id*="-01"]:before,.h2_section2 h2[id*="-01"]:before,span.no01:before {content:"\e617";}
.h3_section h3[id*="-02"]:before,.h2_section2 h2[id*="-02"]:before,span.no02:before {content:"\e618";}
.h3_section h3[id*="-03"]:before,.h2_section2 h2[id*="-03"]:before,span.no03:before {content:"\e619";}
.h3_section h3[id*="-04"]:before,.h2_section2 h2[id*="-04"]:before,span.no04:before {content:"\e61a";}
.h3_section h3[id*="-05"]:before,.h2_section2 h2[id*="-05"]:before,span.no05:before {content:"\e61b";}
.h3_section h3[id*="-06"]:before,.h2_section2 h2[id*="-06"]:before,span.no06:before {content:"\e61c";}
.h3_section h3[id*="-07"]:before,.h2_section2 h2[id*="-07"]:before,span.no07:before {content:"\e61d";}
.h3_section h3[id*="-08"]:before,.h2_section2 h2[id*="-08"]:before,span.no08:before {content:"\e61e";}
.h3_section h3[id*="-09"]:before,.h2_section2 h2[id*="-09"]:before,span.no09:before {content:"\e61f";}
.h3_section h3[id*="-10"]:before,.h2_section2 h2[id*="-10"]:before,span.no10:before {content:"\e620";}
.h3_section h3[id*="-11"]:before,.h2_section2 h2[id*="-11"]:before,span.no11:before {content:"\e621";}
.h3_section h3[id*="-12"]:before,.h2_section2 h2[id*="-12"]:before,span.no12:before {content:"\e622";}
.h3_section h3[id*="-13"]:before,.h2_section2 h2[id*="-13"]:before,span.no13:before {content:"\e623";}
.h3_section h3[id*="-14"]:before,.h2_section2 h2[id*="-14"]:before,span.no14:before {content:"\e624";}
.h3_section h3[id*="-15"]:before,.h2_section2 h2[id*="-15"]:before,span.no15:before {content:"\e625";}
.h3_section h3[id*="-16"]:before,.h2_section2 h2[id*="-16"]:before,span.no16:before {content:"\e626";}
.h3_section h3[id*="-17"]:before,.h2_section2 h2[id*="-17"]:before,span.no17:before {content:"\e627";}
.h3_section h3[id*="-18"]:before,.h2_section2 h2[id*="-18"]:before,span.no18:before {content:"\e628";}
.h3_section h3[id*="-19"]:before,.h2_section2 h2[id*="-19"]:before,span.no19:before {content:"\e62a";}
.h3_section h3[id*="-20"]:before,.h2_section2 h2[id*="-20"]:before,span.no20:before {content:"\e62b";}
.h3_section h3[id*="-21"]:before,.h2_section2 h2[id*="-21"]:before,span.no21:before {content:"\e62c";}
.h3_section h3[id*="-22"]:before,.h2_section2 h2[id*="-22"]:before,span.no22:before {content:"\e62d";}
.h3_section h3[id*="-23"]:before,.h2_section2 h2[id*="-23"]:before,span.no23:before {content:"\e62e";}
.h3_section h3[id*="-24"]:before,.h2_section2 h2[id*="-24"]:before,span.no24:before {content:"\e630";}
.h3_section h3[id*="-25"]:before,.h2_section2 h2[id*="-25"]:before,span.no25:before {content:"\e6321";}
.h3_section h3 span{
	display: block;
	background: #fff;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	color:#ff9a02;
	position: relative;
	bottom: 6px;
	right: 5px;
	text-align:center;
	line-height: 2.25;
	float: left;
	margin-right:0.5em;
}

/* h3セクションの縦幅調整 - 開始 */
.h3_section:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.h3_section {
/*     display: inline-table;*/
     min-height: 1%;
}

/* Hides from IE-mac */
* html .h3_section {
     height: 1%;
}

/* H4領域 */

.h4_section,.h3_section2 {
	border:none;
	margin:5em 0 0 0;
	padding:0;
	text-align:center;
	clear: both;
}
.h4_section h4,.h3_section2 h3{
	line-height: 1.3;
    width: 100%;
	position:relative;
	text-align:left;
	color:#fc9705;
	border-bottom: #fc9705 2px solid;
margin: 0 0 1em;
font-size: 130%;
}
.h4_section h4 span,.h3_section2 h3 span {
	display: block;
	color: white;
	width: 1.5em;
	padding: 5px 0 3px 0;
	background: #ff9a02;
	text-align: center;
	float: left;
	position: relative;
	margin: 0 0.5em;
	bottom: 6px;
}
.h4_section h4 span.hundred {width: 2em;}

h4.no_nmbr,h3.no_nmbr  {
	border-left: 16px solid #ff9a02;
padding-left: 0.3em;
}
.h4_section p .bg_colr{
	background:#ff9a02;
	color:#fff;
	padding:0 0.5em;
	margin:0.3em;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* サイドバー */
/*- - - - - - - - - - - - - - - - - - - - - - - - - -*/

.widgettitle{    font-size: 170%;
    color: #fc9705;
    border-bottom: #fc9705 3px solid;
    margin-bottom: 0.5em;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: center;}
.widgettitle:first-child{margin-top:0;}
.widget_text{padding:0;}

.profile-yos-img {
    margin: 0 0 0.6em 0;
    border: 0;
    width: 50%;
    box-shadow: none;
    float: left;
}
.profile-yos-list {
    padding: 0;
    float: right;
    margin: -4px 0 0 0;
    width: 45%;
}
.profile-yos-list li a {
color: #fff;
    width: 100%;
    font-size: 115%;
    text-decoration: none;
    line-height: 1.9;
    padding-left: 0.3em;
    display: inline-block;
    text-align: left;
}
.profile-yos-list .profile-twitter a{
    background: #55acee;
}
.profile-yos-list .profile-twitter a span:before {
font-family:icomoon;
    content: "\e611";
    left: 5px;
}
.profile-yos-list .profile-facebook a{
    background: #315096;
}
.profile-yos-list .profile-facebook a span:before{
font-family:icomoon;
    content: "\e60d";
    left: 3px;
    margin-right: -0.1em;
}
.profile-yos-list .profile-twitter a:hover,.profile-yos-list .profile-facebook a:hover{
background:gray; color:#fff;}

.widget .author-button a {
font-weight:bold;
  color:#fc9705;
  font-size: 110%;
  line-height: 2;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 0.5em 0;
  position: relative;
  border:#fc9705 1px solid;
}
.author-button a:after {
content:"\f138";
  font-family: 'icomoon';
  margin-left: 0.3em;
    position: relative;
    top: 1px;
}
.widget .author-button a:hover {
	background:#fc9705;
	box-shadow: none;
color:#fff;
}


/*********************
HEADER STYLES
*********************/
#custom_header{
width:100%;
text-align:
center;
color:#32abc9;
margin-bottom: 1em;
}
.header-info{
position: relative;
z-index: 0;
}
.header-info a{
display: block;
font-size: .8em;
text-decoration: none;
text-align: center;
color: #fff;
background: #F55E5E;
padding: .4em;
}
.header-info a:before{
font-family: "fontawesome";
content: '\f101';
margin-right: .3em;
}
.header-info a:hover{
color: #fff;
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
.header-info.bgnormal a{
max-width: 1166px;
margin-left: auto;
margin-right: auto;
}

#custom_header .wrap{display: block;padding: 8% 2% 7%;}
#custom_header .wrap .header-text{max-width: 680px;margin: auto;}
#custom_header.textright .header-text,
#custom_header.textleft .header-text{max-width: 500px;}
#custom_header.textright .header-text{margin-right: 0;}
#custom_header.textleft .header-text{margin-left: 0;}

#custom_header .en{
font-size: 2.3em;
font-weight: normal;margin: 0.3em 0;
line-height: 1;
letter-spacing: -1px;
}
#custom_header .ja{
font-size: .8em;
margin:0;
line-height: 1.7;
font-weight: bold;
}
#custom_header .btn-wrap{
margin:2.5em 0 0;
}
#custom_header .btn-wrap a{
padding: .8em 1.5em;
color: #ffffff;
border-color: rgba(0, 0, 0, 0.05);
font-size: .82em;
font-weight: bold;
width: 300px;
max-width: 90%;
background: #1bb4d3;
position: relative;
text-align: center;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
opacity:0.9;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
#custom_header .btn-wrap a:hover{
filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=40)";
opacity:0.4;
}


.home #content{
margin-top: 1.5em;
}
.home_widget{
font-size: .88em;
margin: 0 auto 1.9em;
max-width: 728px;
}
.page-full .home_widget{
max-width: 100%;
}
.home_widget .widget{
margin:0;
}
.header {position: relative;z-index: 2;}
#inner-header{position:relative;background: transparent;padding: 0;}
.header.bg{background: #fff; margin-top: 0;}
.site_description{
font-size: 10px;
text-align: center;
margin: 0;
padding: 2px;
}
.site_description + .header{
margin-top: 0;
}
.site_description:empty{
display:none;
}

.header .global_sns{display: inline-block;float: right;}
.header .global_sns ul{
margin-bottom: 0;
}
.header .global_sns li{
display: inline-block;
text-align: center;
width: 2.2em;
}
.header .global_sns li a{
text-decoration: none;
}
.header .global_sns li i{
display: block;
}
.header .global_sns li .text{
font-size: 10px;
display: none;
}

/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* パンくず */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
#breadcrumb-wrap {background:#0698EB;padding: .25em 0 .25em;margin-bottom: 1em;box-shadow:0 1px 2px rgba(100, 100, 100, 0.8);}
#breadcrumb{font-size: 0.75em;
    padding: 0em;}
#breadcrumb ul{
margin:0;
}
#breadcrumb li:first-child{
margin-left:0;
}
#breadcrumb li{
float:left;
color:#fff;
margin-left:0.5em;
}
#breadcrumb li:after{content: '»';margin-left:0.5em;}
#breadcrumb li:last-child:after{
display:none;
}
#breadcrumb li a {
    text-decoration: none;
    padding: 0.5em 0.5em 0.4em;
color:#fff;
}
#breadcrumb li a:hover {text-decoration:underline;}
#breadcrumb li i[class*="bread-"]{
  font-family: 'icomoon';
}
#breadcrumb li .bread-home:before {
    content: "\f015";
}
#breadcrumb li .bread-folder:before {
    content: "\e92f";
    font-size: 60%;
    margin-right: 0.3em;
}

#breadcrumb li .bread-folder-open:before {
    content: "\e930";
    font-size: 85%;
    margin-right: 0.3em;
}
#breadcrumb li .bread-file:before {
    content: "\e926";
    font-size: 85%;
    margin-right: 0.3em;
}
#breadcrumb li .bread-tag:before {
    content: "\e935";
    font-size: 85%;
    margin-right: 0.3em;
}
#breadcrumb li .bread-search:before {
    content: "\e986";
}
#breadcrumb li .bread-author:before {
    content: "\e905";
}
#breadcrumb li .bread-notfound:before {
    content: "\ea07";
}
#breadcrumb li .bread-year:before {
    content: "\f017";
}
#breadcrumb li .bread-month:before {
    content: "\f017";
}
#breadcrumb li .bread-date:before {
    content: "\e946";
}

/* 記事下の次の記事へ */
.entry-content .addup .newer-article {
    width: auto;
    font-size: 100%;
font-weight:bold;
border: solid 3px black;
    box-shadow: none;
padding: 2em 1em 2em 2em;
margin-bottom: 4em;
}

.entry-content .addup .newer-article .prev{
float:left;
}

.entry-content .addup .newer-article .prev:before,
.entry-content .addup .newer-article .next:after,
.entry-content .addup .newer-article .center:before {
font-size: 100%;
position: static;
}
.entry-content .addup .newer-article .prev:before{
    content: "\ea38";
    font-family: icomoon;
    margin-right: 0.5em;
}

.entry-content .addup .newer-article .next{
float:right;
}
.entry-content .addup .newer-article .next:after {
    content: "\ea34";
    font-family: icomoon;
    margin-left: 0.5em;
    color: #fc9705;
}
.entry-content .addup .newer-article .next:before {
content:none;
}

.entry-content .addup .newer-article .center{
text-align:center;
}
.entry-content .addup .newer-article .center:before{
content: "\ea36　次の\e926記事　\ea36";
font-size:150%;
display:block;
    font-family: icomoon;
    color: black;
}
/*--------------------------------
前の記事 ・　次の記事
---------------------------------*/
#prev_next{
    width:100%;
    margin: 1em 0;
    padding:0;
  text-align: center;
    display: table;
}

#prev, #next{
    width: 50%;
    padding: 0 0.5em;
    display: table-cell;
    position:relative;
	text-decoration:none;
    border: 1px solid #DADADA;    border-bottom: 1px solid #757575;
}
#prev p, #next p{
font-size:80%;
line-height:1.5;
width:100%;
margin:0;
}
#prev:hover, #next:hover{
	background-color: rgba(238,238,238,0.7);
}
#prev_title, #next_title{
    font-size: 125%;
    font-weight: bold;
    border-bottom: #fc9705 3px solid;
    text-align: center;
    color: #fc9705;
    margin: 0.5em 0;
}
#next_title{
	right:10px;
}
#prev_title:before {
content:"\ea38";
font-family:icomoon;
margin-right:0.5em;
}
#next_title:after {
	content:"\ea34";
font-family:icomoon;
margin-left:0.5em;
}
#prev img, #next img{
margin:0 auto 0.5em;
box-shadow: none;
border: none;
}
#prev_no, #next_no{
	width: 50%;
	height:140px;
    padding:0 10px;
    display: table-cell;
}

#prev_no{
	border-right:#ccc 1px solid;
}

#prev_next_home{
    margin:0 auto;
    border: solid 9px #fff;
text-align:center;
}
#prev_next_home p{
margin:10px auto ;
font-size:80%;
font-style: normal;
display:inline;
}
#prev_next_home:after{
color:#0698eb;
content:"\f015";
font-family:icomoon;
	display: block;
	font-size: 400%;
}
#prev_no a,
#next_no a {
text-decoration:none;
}
#prev_no a:hover,
#next_no a:hover,
#prev_next_home:hover:after {
color:#ddd;
}

/*********************
NAVIGATION STYLES
*********************/
.nav {
border-bottom: 0;
}
.nav li a {display: block;color: #ffffff;text-decoration: none;padding: 0.75em;position:relative;}
.nav > li > a{padding: 12px .7em 6px;}
.nav li a .gf{
display:block;
text-align:center;
width:100%;
font-size: 0.85em;
font-weight: normal;
}
.nav li a .gf:empty{
display:none;
}
.nav li li{
text-align:left;
}
.nav li li .gf{
display:none;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 15px; }


/* 検索フォーム */
.searchbox .searchform{position:relative;height: 40px;margin-bottom: 1.5em;}
.searchbox input[type="search"]{width: 100%;-webkit-appearance: none;appearance: none;line-height: 1.2;font-size: 16px;padding: 3% 2%;}
.searchbox button#searchsubmit{color:#333;position:absolute;right: 3px;top: 25%;border:0;background: none;display: block;height: 100%;padding:0 3%;font-size: 1.2em;}


/*********************
POSTS & CONTENT STYLES
*********************/
/* デフォルトボタン */
.btn-wrap{
margin:1.5em 0 2em;
}
.btn-wrap.aligncenter{
text-align:center;
}
.btn-wrap a{
display:inline-block;
text-decoration:none;
padding:1em 2em;
background: #4993AF;
border:1px solid #4993AF;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 5px #E9E9E9;
color:#fff;
}
.btn-wrap a:hover{
background:#E69B9B;
color:#fff;
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow:none;
}
/* シンプルなボタン */
.btn-wrap.simple a{
background:none;
border:1px solid #4993AF;
color:#4993AF;
-webkit-box-shadow: 0 3px 5px #eee;
-moz-box-shadow: 0 3px 5px #eee;
box-shadow: 0 3px 5px #eee;
-webkit-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.05);
-moz-box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
box-shadow: 0 3px 5px rgba(45, 45, 45, 0.08);
}
.btn-wrap.simple a:hover{
background:#4993AF;
color:#fff;
}

.article-footer {
padding: 1em 0;
}
.article-footer h4{
margin:0.5em 0;
}
.article-footer p {
margin: 0; }

.article-footer .post-categories,
.article-footer .tags{
margin:0;
display:inline-block;
}
.article-footer .post-categories li,
.article-footer .tags a{
display:inline-block;
}
.article-footer .post-categories li a,
.article-footer .tags a{display:inline-block;color: #ffffff;padding: .35em .5em;margin-right:0.3em;margin-bottom: 2px;text-decoration:none;line-height:1.1;font-size: .75em;border-radius: .4em;}
.article-footer .tags a{
background:none;
color:#fcee21;
margin-top:-1px;
}
.article-footer .post-categories a:before,
.article-footer .tags a:before{font-family:"fontawesome";content: '\f292';margin-right:0.2em;}
.article-footer .post-categories a:before{content: '\f114';}
.article-footer .post-categories li a:hover,
.article-footer .tags a:hover{
background:#E69B9B;
color:#fff;
border-color:#E69B9B;
}

.h_boader .entry-content h2{
background: none;
color: #333;
font-size:1.4em;
padding: .5em .1em;
border-bottom:3px solid;
border-radius: 0;
}
.h_boader .entry-content h3{
border-left-width: 2px;
}


.h_balloon .entry-content h2:after{
content: '';
position: absolute;
border-top: 13px solid #13acca;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -11px;
left: 5%;
}

/* 投稿ページ下のエリア */
.single .authorbox,
.single .related-box{border-radius: 4px;margin-bottom: 1em;}
.single .np-post a,
.single .authorbox a,
.single .related-box a{
color:#444;
}
.single .np-post a:hover,
.single .authorbox a:hover,
.single .related-box a:hover{
color:#999;
}
.single .np-post .h_ttl,
.single .authorbox .h_ttl,
.single .related-box .h_ttl{
font-size: 12px;
text-align: left;
margin: 1em 0;
padding: 1em .1em;
}
.single .np-post .h_ttl span,
.single .authorbox .h_ttl span,
.single .related-box .h_ttl span{
font-size: 1.8em;
margin-right: 0.5em;
position:relative;
bottom:-2px;
font-weight:normal;
}
.single .authorbox .profile img {
width:16%;
float:left;
margin:1.5% 2% 1.5% 0;
border:4px solid #fff;
box-shadow:0 0 10px #ddd;
}
.single .authorbox .profile .name{
font-size:1em;
font-weight:bold;
margin:2em 0 0.5em;
}
.single .authorbox .profile a{
text-decoration:none;
color:#444;
}
.single .authorbox .profile .profile_description{
font-size:0.8em;
padding-left:18%;
}
.single .authorbox .profile .author_sns{
text-align:center;
margin:2em 0 0;
}
.single .authorbox .profile .author_sns li{
display:inline-block;
font-size: 0.8em;
margin-right: 1.2em;
}
.single .authorbox .profile .author_sns li i{
font-size:1.1em;
margin-right:0.3em;
}
.single .authorbox .author-newpost li,
.related-box li{
width:24%;
min-height: 225px;
margin:0 1% 1% 0;
float:left;
position:relative;
font-size: .9em;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch{height: 105px;overflow: hidden;text-align: center;background: #ddd;}
.single .authorbox .author-newpost li a,
.related-box li a{
display:block;
text-decoration:none;
}

.single .authorbox .author-newpost li .date,
.related-box li .date{
font-size:.8em;
font-weight:normal;
}
.single .authorbox .author-newpost li .ttl,
.related-box li .ttl{margin:0;font-size: .85em;}

/* 次・前の記事 */
.np-post{padding: 0;margin-bottom:1.5em;}
.np-post .np-post-list{word-break:break-all;margin-bottom: .8em;}
.np-post a{
width:100%;
display: table;
font-size:.9em;
text-decoration:none;
}
.np-post a .eyecatch{
display: table-cell;
vertical-align: middle;
text-align:center;
position: relative;
width: 64px;
padding-right: 12px;
padding-left: 12px;}

.np-post a .eyecatch img{
width: 100%;
}
.np-post a .ttl{
display: table-cell;
vertical-align: middle;
}
.np-post .next{
text-align: right;
}
.np-post .next a .eyecatch:after,
.np-post .prev a .eyecatch:before{
font-family:"fontawesome";
line-height: 40px;
padding: 0 3px;
position: absolute;
} 
.np-post .next a .eyecatch:after{
content:'\f105';
right: 0;
}
.np-post .prev a .eyecatch:before{
content:'\f104';
left: 0;
}
.home_link i{
font-size: 30px;
padding: 5px 10px;
}



.undo_off .undo,
.date_off .date{
display: none!important;
}

#viral-header.entry-header{position: relative;overflow: hidden;color: #fff;z-index: 1;background-position: center center;background-size: cover;}
#viral-header.entry-header:before{content: "";background: #000;width:100%;height:100%;position: absolute;top:0;left: 0;opacity: .3;filter: alpha(opacity=30);-ms-filter: "alpha(opacity=30)";}
#viral-header.entry-header .wrap{max-width: 780px;padding: 9% 0;position: relative;}
#viral-header.entry-header .eyecatch{width: 260px;float: left;margin-right: 2em;}
#viral-header.entry-header .entry-title{font-size: 2em;text-shadow: 0 0 10px rgba(0, 0, 0, 0.29);padding: 0;}
#viral-header.entry-header .byline .date{
text-shadow: 0 0 5px rgba(0, 0, 0, 0.29);
}
#viral-header + #inner-content{
padding-top: 0;
}

/* entry content */
.entry-content {
padding: 0 0 1.5em;
overflow: hidden;
}
#post-not-found .entry-content {
overflow: inherit;
}

/* 基本文字 */
.entry-content p {
    line-height: 1.75;
    color: #333;
    font-size: 1em;
    margin: 0 0 3em;
    text-align: left;
}

@media only screen and (min-width: 705px) and (max-width: 767px) {
.entry-content p {
font-size:1.1em;
margin: 0 1em 3em;}
}
@media only screen and (min-width: 768px) and (max-width: 1126px) {
.entry-content p {font-size:1em;margin: 0 0 3em;}
}
@media only screen and (min-width: 1127px) {
.entry-content p {
font-size:1.15em;
margin: 0 1em 3em;
}
/*.entry-content ul, .entry-content ol, .addup ul, .addup ol{
font-size:1.15em;}*/
}

/* ボーダーなし */
.entry-content p a img,
.entry-content li a img,
.no_bdr {
border:none;
}
.entry-content table img.bdr {border:1px solid #333!important;}

/* 輪郭 */
.entry-content [class*="txt_example"],
.entry-content .txt_dragonquest {
width: auto;
font-size: 100%;
margin: 0 0 3em 0;
line-height: 1.9;
padding: 1em;
clear: both;
position:relative;
text-align: left;
}
.entry-content div[class*="txt_"] ul {
padding:0;
border:0;
margin:0 0 0 1em;
}
.entry-content div[class*="txt_"] ol {
padding:0;
border:0;
margin:0;
}
.entry-content [class*="txt_example"] {
background:#f7f7f7;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}

.entry-content .txt_dragonquest {
    color: #fff;
    border: 6px double #fff;
    background: #464646;
    border-radius: 10px;
}
.entry-content .txt_dragonquest p{ color:#fff;}

.entry-content .txt_example p {
  width: 100%;
  margin: 1em 0 0;
}
.entry-content [class*="txt_example"] ul,
.entry-content [class*="txt_example"] ol,
.entry-content dd ul,
.entry-content dd ol {
background:transparent;
border:none;
box-shadow:none;
margin-top: 0;
padding-top: 0.5em;
}
.entry-content .txt_example p:first-child {
margin-top:0;
}
.entry-content .ex01,
.entry-content [class*="txt_example_0"] {
  padding-top: 1.6em;
}
.entry-content .ex01:before,
.entry-content [class*="txt_example_0"]:before {
position: absolute;
font-size: 80%;
    top: -.95em;
    left: 1.7em;
  color: #fff;
  padding: 0 0.4em;
  border-radius: 4px;
}
.entry-content .ex01:before {
content: "例文";
    background: #808080;
}
.entry-content .txt_example_01:before {
content:"悪い例";
  background: rgb(199, 3, 3);
}
.entry-content .txt_example_02:before {
content:"良い例";
  background: rgb(86, 197, 21);
}
.entry-content .txt_example_03:before {
content:"お知らせ";
  background: #ce000d;
}
.entry-content img + div[class*="txt_"]{margin-top:3em;}
.entry-content div[class*="txt_"] .headline {
margin: 0;
    position: absolute;
    display: inline-block;
    font-weight: bold;
    font-size: 115%;
    top: -.9em;
    left: .7em;
    background: rgb(253, 255, 178);
    color: #ff9a01;
    padding: 0 .7em;
    width: auto;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.entry-content div[class*="txt_"] ul{margin:0;}
.entry-content div[class*="txt_"] li{text-indent:0;}
.entry-content div[class*="txt_"] .headline+p,
.entry-content div[class*="txt_"] .headline+ul,
.entry-content div[class*="txt_"] .headline+ol{
margin-top:1.25em;
}
.entry-content div[class*="txt_"] p:last-child {margin-bottom:0;}
.entry-content figure + .txt_example {margin-top:4em;}

/* ボタン
------------------------*/

.entry-content [class*="btn_sample"],
.entry-content .btn-small{
	display:block;
	margin : 0 0.5em 2em 0 ;
	letter-spacing : 0.2em ;
	text-align:center;
}
.entry-content [class*="btn_sample"] a,
.entry-content .btn-small a {
	color : #fff ;
	font-size:140%;
	line-height : 1.5 ;
	width: 90%;
min-width:10em;
	letter-spacing: 0;
	text-align:center;
	border-radius: 4px;
     	text-decoration : none ;
	display : inline-block ;
	padding: 0.5em 0.8em;
	position: relative;
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.entry-content [class*="btn_sample"] + p.under_btn { margin-top:-1.5em;}
.entry-content .btn_sample a {
	background:#0698EB;
}
.entry-content .btn-small {margin-bottom:0;}
.entry-content .btn-small a {
font-size:80%;
min-width:5em;
margin-top: 1em;
width: 80%;
}
.entry-content .btn_sample2 a {
	background:#CC181E;
top:1px;
}
.entry-content .btn_sample3 a,
.entry-content .btn-small a {
background:#11beae;
border: 1px solid white;
top:1px;
color:#fff;
}
.entry-content .under_btn {text-align:center; margin-top:-2.5em;font-size:90%;}
.entry-content div.under_btn {display: inline-block;}
.entry-content div.under_btn p{font-size:95%;}
.entry-content .above_btn {
color:#9a9a9a;
    text-align: center;
    margin-bottom: .5em;
    margin-top: 3em;
    font-weight: bold;
}
.entry-content .above_btn{margin-bottom:0;}
.entry-content .above_btn:before{content:"＼ ";}
.entry-content .above_btn:after{content:" ／";}

.entry-content .btn-twitter a span:before {
    font-family: 'icomoon';
    margin-right: 3px;
    top: 3px;
    content:"\e611";
  left: 5px;
}
.entry-content .btn-twitter a {
    background: #55acee;
}

/* 金銀銅の背景 */

.bg-gold {
background: #f7eea8; /* Old browsers */
background: -moz-linear-gradient(top,  #f7eea8 0%, #fffdf4 50%, #f7eea8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7eea8 0%,#fffdf4 50%,#f7eea8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7eea8 0%,#fffdf4 50%,#f7eea8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eea8', endColorstr='#f7eea8',GradientType=0 ); /* IE6-9 */
}

.bg-silver {
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 50%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 50%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.bg-copper {
background: #e8dda0; /* Old browsers */
background: -moz-linear-gradient(top,  #e8dda0 0%, #fffdf4 50%, #e8dda0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8dda0 0%,#fffdf4 50%,#e8dda0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8dda0 0%,#fffdf4 50%,#e8dda0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8dda0', endColorstr='#e8dda0',GradientType=0 ); /* IE6-9 */
}

/* チェックマーク */
.entry-content .checkMark::before {font-family: 'icomoon'; content:"\ea10";margin-right: 0.5em;}

.entry-content .btn_sample2 a:after,
.entry-content .btn_sample3 a:after,
.entry-content .AfHotels li a:nth-child(2):after {
  font-family: 'icomoon';
  margin-left: 0.3em;
  font-size: 100%;
  bottom: -2px;
  position: relative;
}

.entry-content .btn_sample2 a:after {
content: "\ea97";
}
.entry-content .btn_sample3 a:after,
.entry-content .AfHotels li a:nth-child(2):after {
    content: "\f138";
    position: relative;
    top: 1px;
}
.entry-content .btn_sample4 a:before {
    content: "\ea34";
    margin-right: 0.2em;
}

.entry-content .btn_sample a:hover,
.entry-content .btn_sample2 a:hover,
.entry-content .btn_sample3 a:hover,
.entry-content .btn_sample4 a:hover,
.entry-content .AfHotels li a:nth-child(2):hover{
background:#ddd;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}

.entry-content .btn_sample a,
.entry-content .btn_sample2 a,
.entry-content .btn_sample3 a {
     width:auto;
}
/* Evernote */
.entry-content .evernote a {
background:#00a82d;
}

/* Amazon */
.entry-content .amazon a {
color:#3a4d66;
background:#ffc266;
border: #3a4d66 solid 3px;
}
.entry-content .amazon a:hover,
.entry-content .apple a:hover,
.entry-content .googleplay a:hover {
border: #3a4d66 solid 3px;
}
/* Apple */
.entry-content .apple a {
color:rgba(0,0,0,0.8);
background:#fff;
border: rgba(0,0,0,0.8) solid 3px;
}
/* Google Play*/
.entry-content .googleplay a {
color:#689f38;
background:#fff;
border: #689f38 solid 3px;
}

.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto; }
.entry-content pre {
background: #666;
background: rgba(0, 0, 0, 0.54);
color: #f8f9fa;
font-size: 0.88em;
padding: 1.2em 1.7em;
margin: 0.2em 0 2.2em;
border-radius: 5px;
}
.wp-caption {max-width: 100%;background: #fff;padding: 5px;margin-bottom: 1.8em;border: 1px solid rgba(0, 0, 0, .08);border-radius: 3px;}
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%; }
.wp-caption p.wp-caption-text {
font-size: 0.75em;
margin: 4px 0;
text-align: center; }


iframe { max-width: 100%; margin-bottom:3em;}
iframe.wp-embedded-content{width: 100%;}
.tags { margin: 0; }

/* simpleタイプ */
.top-post-list .post-list{
font-size: 13px;
position: relative;
}
.top-post-list .post-list a{display:block;padding: 1.9em .7em;text-decoration:none;color: #666;border-bottom: 1px dotted #ccc;border-bottom: 1px dotted rgba(0,0,0,.2);position: relative;}
.top-post-list .post-list:first-child a{
border-top: 1px dotted #ccc;
border-top: 1px dotted rgba(0,0,0,.2);
}
.top-post-list .post-list .eyecatch{max-width:200px;float:left;max-height: 200px;overflow: hidden;position:relative;}
.eyecatch .cat-name{
text-align: center;
position:absolute;
top:0;
right:0;
background:#fc9705;
color:#fff;
font-size:0.7em;
font-weight:bold;
padding:0.1em 0.5em;
min-width:8em;
opacity: .9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
.eyecatch .cat-name:empty:before{
content: "PICK UP";
}
.top-post-list .post-list .entry-content{padding: 0 0 0 3%;overflow: hidden;text-align:left;}
.top-post-list .post-list .entry-content .entry-title{
    font-size: 1.6em;
    margin-top: 0;
    margin-bottom: 0.3em;
    color: #444;
    background: transparent;
    box-shadow: none;
    line-height: 1.5;
    padding: 0;
}
.top-post-list .post-list .entry-content p{
margin-bottom:0.3em;
}

/* card型 */
.post-list-card{
margin-left:-1%;
margin-right:-1%;
}
.post-list-card .post-list{width:48%;margin: 0 1% 2.5%;float:left;height:390px;}
.post-list-card .post-list a{display:block;padding: .6em;text-decoration:none;color: #333;background: #fff;height:100%;box-shadow: 0 2px 5px rgba(0, 0, 0, .13);overflow: hidden;position: relative;}
.post-list-card .post-list a:after{content: '';display: block;width: 100%;height: 2.5em;background:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);position: absolute;bottom: 0;}
.post-list-card .post-list a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.post-list-card .post-list a:hover .eyecatch img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.post-list-card .post-list .eyecatch{max-height: 215px;margin: -.6em -.6em .5em;text-align:center;overflow: hidden;position:relative;}
.post-list-card .post-list .description{
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
opacity: 0.9;
font-size: .85em;
}

.post-list-card .post-list .entry-content{padding:0;}
.post-list-card .post-list .entry-content .entry-title{font-size: 1.15em;margin-top: 0.5em;margin-bottom:0.3em;}
.post-list-card .post-list .entry-content p{font-size: .9em;margin-bottom:0.3em;}

/* magazine layout */
.post-list-magazine{
margin-left:-1%;
margin-right:-1%;
}
.post-list-magazine .post-list{width: 50%;float: left; margin-bottom: .3em;}
.post-list-magazine .post-list a{
display: block;
padding: 3% 3% 1%;
color: #333;
text-decoration: none;
}
.post-list-magazine .post-list .eyecatch{
position: relative;
}
.post-list-magazine .post-list .entry-content{
padding-bottom: 1em;	
}
.post-list-magazine .post-list .entry-content .entry-title{font-size: 1.15em;margin-top: .5em;margin-bottom: .5em;}
.post-list-magazine .post-list .entry-content .description{font-size: .7em; opacity: 0.7; filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.post-list-magazine .post-list .entry-content .byline{
font-size: .9em;
margin-bottom: .5em;
}

/* Big archives layout */
.post-list-big article{
padding: 2em 0;
}
.post-list-big article .eyecatch{
margin-bottom: 1em;
}
.post-list-big article .h2 a{
color: #333;
}
.post-list-big article .h2 a:hover{
color: #999;
}
/* ================================================== */
/* ウィジェット */
/* ================================================== */
.widget.widget_recent_entries li a{
    text-decoration: none;
color:#717171;
}
.widget.widget_recent_entries li a:hover{
color:#c7c7c7;
}
.widget .btn-wrap a{
	color: #fff;
}
.widget {
margin: 0 0 5em; }
.widget ul{
margin:0;
}
.widget .category-list li{text-indent: 1em;}
.widget .category-list li:before,
.widget .category-list li.check:before{
    font-family: icomoon;
    font-size: 85%;
margin-right:0.3em;
display: inline;
}
.widget .category-list li:before{
    content: "\ea53";
}
.widget .category-list li.check:before{
    content: "\ea52";
}

/* ウィジェットカテゴリー・新着記事 */
.widget.widget_categories .widgettitle,
.widget.widget_recent_entries .widgettitle,
.widget.widget_nav_menu .widgettitle,
.widget.widget_pages .widgettitle,
.widget.widget_archive .widgettitle,
.widget.widget_mycategoryorder .widgettitle{
margin-bottom:0;
}
.widget.widget_categories ul,
.widget.widget_recent_entries ul,
.widget.widget_nav_menu ul,
.widget.widget_pages ul,
.widget.widget_archive ul,
.widget.widget_mycategoryorder ul{
margin-top: 0;
}
.widget.widget_categories ul li,
.widget.widget_recent_entries li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li{border-bottom: 1px dotted rgba(125, 125, 125, 0.2);margin:0;padding:0;}
.widget .children li:first-child{
border-top: 1px dotted #ccc;
border-top: 1px dotted rgba(0,0,0,.2);
}
.widget li.page_item_has_children {
border-bottom:none!important;
}
.widget.widget_new_img_post li:before{
	content:none;
}
.widget.widget_categories li a,
.widget.widget_recent_entries li a,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a{
display:block;
padding: 1em 1.2em 1em 0.3em;
margin:0;
position:relative;
}
.widget.widget_categories li:last-child,
.widget.widget_recent_entries li:last-child,
.widget.widget_nav_menu li:last-child,
.widget.widget_pages li:last-child,
.widget.widget_archive li:last-child,
.widget.widget_mycategoryorder li:last-child{
border-bottom:none;
}
.widget.widget_categories li a:after,
.widget.widget_recent_entries li a:after,
.widget.widget_nav_menu li a:after,
.widget.widget_pages li a:after,
.widget.widget_archive li a:after,
.widget.widget_mycategoryorder li a:after{font-family:"fontawesome";content: '\f054';position:absolute;right: 0.2em;font-size: 1em;top:50%;margin-top: -0.5em;}
.widget li a:hover:after{
right:2px;
-webkit-transform: translate(1px, 0);
-moz-transform: translate(1px, 0);
transform: translate(1px, 0);
}
.widget.widget_text img{
margin-bottom:0.8em;
}
/* ドロップダウンスタイルの変更 */
.widget select{
margin-top:1em;
width:100%;
max-width:100%;
}
/* ドロップダウンにした時のlabelを非表示 */
.widget.widget_categories label,
.widget.widget_archive label{
display:none;
}
/* リスト 下の階層 */
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul{
padding:0;
margin:0;
}
.widget.widget_nav_menu li ul a,
.widget.widget_pages li ul a,
.widget.widget_categories li ul a{
padding-left:0.8em;
}
.widget.widget_nav_menu li ul ul a,
.widget.widget_pages li ul ul a,
.widget.widget_categories li ul ul a{
padding-left:1.6em;
}
.widget.widget_nav_menu li ul li:last-child,
.widget.widget_pages li ul li:last-child,
.widget.widget_categories li ul li:last-child{
border:none;
}
.widget.widget_nav_menu li ul li a,
.widget.widget_pages li ul li a{
padding-left:0.5em;
}
.widget.widget_nav_menu li ul li a:before,
.widget.widget_pages li ul li a:before{
content:'− ';
}
.widget.widget_recent_comments ul{
margin-top:0;
}
.widget.widget_recent_comments li{
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0,0,0,.2);
margin:0;
padding:0.5em 0;
}
.widget.widget_recent_comments li:first-child{
border-top:none;
}
.widget.widget_recent_comments li:last-child{
border-bottom:none;
}

/* ウィジェット検索フォーム */
.widget.widget_search .searchform{position:relative;height: 40px;margin-bottom: 1.5em;}
.widget.widget_search input[type="search"]{position:absolute;width: 100%;padding: 12px 1%;-webkit-appearance: none;appearance: none;}
.widget.widget_search button{position:absolute;right: 3px;border:0;background: none;display: block;height: 100%;padding: .8em .8em;font-size: 1.1em;color: #333;}
/* ウィジェット カレンダー */
.widget.widget_calendar table{
width:100%;
text-align:center;
}
/* ウィジェット タグクラウド */
.widget.widget_tag_cloud a{padding: 0.1em 0.5em;margin: 0 0.1em 0.2em 0;display:inline-block;font-size: 12px!important;background: #888888;background: rgba(35, 35, 35, 0.5);color: #fff;}
.widget.widget_tag_cloud a:hover{
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
opacity:0.6;
color:#fff;
}
/* カスタムメニューのスパンを非表示 */
.widget.widget_nav_menu li a span{
display:none;
}

/* 広告 */
.add .widget_text,
.add.more{
text-align:center;
font-size:0.95em;
}
.add a[target="_blank"]:after{
content:none;
}
.add .widget img{
margin:0;
}
.entry-content .add .widget{
margin:2em 0;
}
.entry-content .add.titleunder .widget{
margin-top:0;
}
/* アドセンス */
.double-ads {
position:static;
text-align:center;
}
.ad-infeed{border-bottom: 1px dotted #999;margin-bottom:1em;padding-top: 1em;}
.double-ads-l,.double-ads-r{margin-bottom:1em;}
.ads-more {margin:1em 0;}
.ads-bottom{margin-top:5em;}
@media only screen and (min-width: 705px) and (max-width: 767px) {.double-ads-l{float:left;}.double-ads-r{float:right;}}
@media only screen and (min-width: 768px) and (max-width: 1126px) {.double-ads-l,.double-ads-r{float:none;}}
@media only screen and (min-width: 1151px) {.double-ads-l{float:left;}.double-ads-r{float:right;}}
@media only screen and (min-width: 1170px) {.double-ads{padding:1.5em;}}
.ad-inside{margin:5em 0 3em;}
.adgame{text-align: center;padding: 1em 0;}
.entry-content .adgame p{text-align: center;margin:0;}

/*アドセンス（リンクユニット）*/
.add-link{ padding: 1.5em;}

/* 新着記事のサムネイル */
.widget.widget_recent_entries li .eyecatch{
width: 30%;
max-width: 100px;
float:left;
margin-bottom:0.5em;
margin-right:0.5em;
}
.widget.widget_recent_entries li span,
.widget li span.date{
padding:0 0.3em;
font-size:0.9em;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
display:inline-block;
}
/* 人気記事表示（プラグイン WordPress Popular Posts 用） */
ul.wpp-list{
counter-reset: number;
}
ul.wpp-list li{
list-style:none;
position:relative;
border-bottom:1px solid #ddd;
margin: 0;
padding-bottom:0.75em;
}
ul.wpp-list li a:before{
counter-increment: number;
content: counter(number);
background: #000000;
margin-right:3px;
color:#fff;
width:1.5em;
height:1.5em;
font-size:0.75em;
font-weight:bold;
font-family: 'Lato', sans-serif;
display:block;
text-align:center;
line-height:1.5em;
position:absolute;
left:0;
top:0;
}
ul.wpp-list img{
margin-bottom:0;
margin-right: 5px;
}
ul.wpp-list li a.wpp-post-title{
display:block;
}
ul.wpp-list li a.wpp-post-title:before,
ul.wpp-list li .wpp-author a:before,
ul.wpp-list li .wpp-category a:before{
content:none;
}
/* TOC+プラグイン */
#toc_container li:before{
content:none;
}
#toc_container{
padding:1em 2em 1em!important;
min-width: 90%;
margin: auto;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #eee;
}
#toc_container p.toc_title{
margin-bottom: .7em;
}
#toc_container ul{
margin: 0!important;;
}
#toc_container li a{
display: block;
padding: .5em 0;
border-top: 1px dotted #ddd;
}
#toc_container li li a{
padding-left: .7em;
}
#toc_container li .toc_number{
margin-right: .5em
}

/******************************************************************
PAGE STYLES
******************************************************************/
.wpcf7-submit{
background:#db0000;
color:#fff;
border:none;
font-weight: bold;
width: 430px;
max-width:96%;
padding:2% 3%;
display:block;
margin:2em auto;
}
.wpcf7-submit:hover{
opacity: .6;
filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";
}
/* SEARCH FORM */
#main .entry-content .searchform{
position:relative;
}
#main .entry-content .searchform input[type="search"]{
width: 93%;
padding-top: 15px;
padding-bottom: 15px;
}
#main .entry-content .searchform button{
background:none;
border:none;
font-size: 1.2em;
position:absolute;
top:20%;
right:3%;
}

/******************************************************************
ARCHIVE PAGE STYLES
******************************************************************/
.archivettl{
}
.archivettl h1 span{
display:block;
font-size:10px;
line-height:1.3;
font-weight:normal;
}
.archivettl h1 .author-icon img{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width:80px;
margin-bottom:1.3em;
border:2px solid #fff;
box-shadow:0 0 10px #ddd;
}
.taxonomy-description{
margin-bottom: 2.5em;
}
.readmore{
text-align:left;
margin-bottom:0.5em;
}
.readmore a{
text-decoration:none;
border:1px solid #1BB4D3;
color:#1BB4D3;
text-align:center;
display:inline-block;
font-size:0.9em;
padding: 0.7em 1.5em 0.7em 2em;
max-width:100%;
}
.readmore a:hover{
background:#1BB4D3;
color:#fff;
}
.readmore a:after{
font-family:"fontawesome";
content:'\f105';
margin-left:1em;
}

/* Pagination , post Pagination */
.pagination,
.wp-prev-next {
margin: 3em 0 4em;
}
.pagination,
.page-links {
text-align: center; }
.pagination ul,
.page-links ul{
display: block;
text-align: center;
margin:0;
padding:0;
clear: both;
}
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.page-links ul:empty,
.search-no-results .pagination{
display:none;
}
.pagination li,
.page-links li{
margin: 0!important;
padding:0!important;
display: inline-block;
}
.entry-content .page-links li:before{
content:none;
}
.pagination a, .pagination span,
.page-links a , .page-links ul > li > span{
margin: 0;
padding: 9px 14px;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: normal;
color: #0698EB;
border: 1px solid #0698EB;
}
.pagination span.dots,
.page-links ul > li > span.dots{
background: none!important;
padding-left: 11px;
padding-right: 11px;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus,
.page-links a:hover, .page-links a:focus{
background-color: #0698EB;
color: #fff; }
.pagination .current,
.page-links ul > li > span{
cursor: default;
color: #fff;
background-color: #0698EB; }
.pagination .current:focus,
.pagination .dots:hover, .pagination .dots:focus {
color: #111;}

/******************************************************************
COMMENT STYLES
******************************************************************/
#comments-title {
padding: 0.75em 0;
margin: 0;
}
.commentlist {
margin: 0;
list-style-type: none;
font-size: 0.9em;
}
.comment,
.pingback {
clear: both;
overflow: hidden;
padding: 1.5em;
font-size: 0.98em;
border-bottom: 1px solid #f8f9fa;
}
.comment .comment {
font-size:1em;
}
.comment .comment-meta,
.pingback .comment-meta{
padding:0;
}
.comment .comment-author {
padding: 7px;
border: 0; }
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal; }
.comment-metadata{
font-size:0.8em;}
.comment .vcard time {
display: block;
font-size: 0.9em;
font-style: italic; }
.comment .vcard time a {
color: #9fa6b4;
text-decoration: none; }
.comment .vcard time a:hover {
text-decoration: underline; }
.comment .vcard .avatar {
margin-left:-3px;
border-radius: 50%; }
.comment:last-child,
.pingback:last-child {
margin-bottom: 0; }
.comment .children,
.pingback .children {
margin: 0;}
.comment[class*=depth-],
.pingback[class*=depth-] {
margin-top: 1.1em; }
.comment.depth-1,
.pingback.depth-1 {
margin-left: 0;
margin-top: 0; }
.comment:not(.depth-1),
.pingback:not(.depth-1) {
margin-top: 0;
padding: 7px; }
.comment.odd,
.pingback.odd {
background-color: white; }
.comment.even,
.pingback.even {
background: #FAF9F8;
}
.comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em; }
.comment-reply-link {
font-size: 0.8em;
float: right;
font-weight: bold;
margin-top: 0.8em;
margin-bottom: 1em;
}
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em; }
.comment-navigation{
text-align:center;
padding:1em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
padding: 1.5em 0;
}
#reply-title {
margin: 0;
padding:0.5em 0; }
#reply-title:before{
font-family:"fontawesome";
content:"\f27b";
font-weight:normal;
margin-right:0.2em;
font-size:1.2em;
}
.comment-respond p{
font-size:.85em;
}
.comment-respond .comment-notes{
margin-bottom:1.5em;
}
.logged-in-as {
font-style: italic;
margin: 0; }
.logged-in-as a {
}
.comment-form-comment {
margin: 1.5em 0 0.75em; }
.form-allowed-tags {
padding: 1.5em;
background-color: #F9F9F9;
font-size: 0.9em; }
#submit {
font-size: 1em;}
#comment-form-title {
margin: 0 0 1.1em; }
#allowed_tags {
margin: 1.5em 10px 0.7335em 0; }
.nocomments {
margin: 0 20px 1.1em; }
.no-widgets {
background-color: white;
padding: 1.5em;
text-align: center;
border: 1px solid #cccccc;
border-radius: 2px;
margin-bottom: 1.5em; }

/*********************
FOOTER STYLES
*********************/

/* Page TOP */
#page-top {
position: fixed;
right: 20px;
z-index: 99999;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 50%;
text-align: center;
line-height: 55px;
background: rgba(51, 51, 51, 0.5);
padding: 0;
display: block;
color: #fff;
}
#footer-top .inner{background-color: #0E0E0E;border-bottom: 0;font-size:0.9em;position: relative;}
.footer a,
#footer-top a{
color: #BAB4B0;
text-decoration:none;
}
.footer a:hover,
#footer-top a:hover{
text-decoration:underline;
}
.footer a .gf,
#footer-top a .gf{
display:none;
}
#footer-top .widget{
margin-top:2em;
background: none;
}
#footer-top ul{
border-top: 1px dashed rgba(216, 216, 216, 0.15);
}
#footer-top li{
border-bottom: 1px dashed rgba(216, 216, 216, 0.15);
}
#footer-top .widgettitle{
background:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding:1em 0.2em;
color: #CACACA;
}
#footer-top .widgettitle span{
border:none;
padding:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.footer .inner {
clear: both;
background-color: #0E0E0E;
color: #878C94;
}
.footer .copyright .create{
display:inline-block;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.alignleft, img.alignleft {
margin-right: 2.5%;
display: inline;
float: left;}
.alignright, img.alignright {
margin-left: 2.5%;
display: inline;
float: right;}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }


/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
#container{
overflow:hidden;
}
#container.sidebarleft #main{
float:right;
}
#container.sidebarleft .sidebar{
float:left;
}
#logo{display:inline-block;float:left;}
#logo .h1{
display:table-cell;
height: 58px;
vertical-align: middle;
}
#logo a{
display: inline;
margin-left:0.8em;
}

@-moz-document url-prefix() {
	#logo.fs_s .h1 a,
	#logo.fs_l .h1 a{
	position: relative;
	top: -.2em;
	}
	#logo.fs_m .h1{
	vertical-align: text-top;
	}
}
#logo img{max-height: 43px;}
.header.headercenter{text-align:center;}
.header.headercenter #logo{float: left;display:block;margin: 0 auto;}
.header.headercenter #logo .h1{display: inline-block;height: auto;margin:0;}
.header.headercenter #logo a{
display:block;
}

.header.headercenter #logo img{max-height: 100px;}
.header.headercenter #g_nav{
float:right;
}
.nav_btn{
display: none;
}
.nav_btn.search_btn{
display: block;
text-decoration: none;
text-align: center;
line-height: 1.1;
float: right;
padding: 7px 10px;
background: rgba(0, 0, 0, .04);
}
.nav_btn.search_btn:before{
font-size: 1.5em;
font-family: "icomoon";
content: '\e986';
width: 100%;
display: block;
}
.nav_btn.search_btn .text{
font-size: .7em;
}

.header #searchform{
	width: 200px;
	position: relative;
	float: right;
}
.header #searchform #submit {
	display: none;	
}
.header #searchform #search {
	-webkit-appearance: none;
	width: 0;
	line-height: 50px;
	position: absolute;
	padding: 0;
	opacity: 0;
	border: none;
	outline: none;
	position: absolute;
	right: 0;
}


/*********************
NAVIGATION STYLES
*********************/

#g_nav,
#g_nav .nav{
display:inline-block;
}
#g_nav{float: right;}
.nav {margin: 0;border: 0;}
.nav > li{float: left;position: relative;font-size: .79em;display: table-cell;text-align:center;vertical-align: middle;font-weight: bold;margin-bottom: -6px;}
.nav > li > a:after{
content:"";
display:block;
margin:5px auto 0;
width:0;
height:1px;
background:#111;
transition: .25s ease-out;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
-ms-transition: .25s ease-out;
opacity: .5;
filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";
}
.nav > li > a:hover:after{
width:100%;
}
.nav li a {
border-bottom: 0;}
.nav ul {
margin-top: 0;}
.nav li ul.sub-menu,
.nav li ul.children {font-weight: bold;margin: 0;position: absolute;z-index: 8999;border-radius: 3px;}
.nav li ul.sub-menu li,
.nav li ul.children li {
position: relative;
overflow: hidden;
height: 0;
transition: .2s;
}
.nav li:hover > ul.sub-menu > li,
.nav li:hover > ul.children > li{
	overflow: visible;
	height: 37px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
display:block;
width:240px;
}
.nav li ul.sub-menu li a:hover,
.nav li ul.children li a:hover{
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity:0.8;
} 
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0; }
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
top: 0;
left: 100%; }



/*********************
TOP PAGE 
*********************/
#custom_header{
margin-top: -2.5em;
font-size: 1.15em;
}
.header.bg + #custom_header{margin-top: -1em;}

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
font-size: .9em;
}

.widget ul li {
margin-bottom: 0.75em;
}
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em; }

/*********************
FOOTER STYLES
*********************/
#inner-footer nav{
display:inline-block;
float:left;
}
.footer-links ul{
padding:0;
margin:1em 0;
}
.footer-links ul li {
display:inline;
font-size: 0.8em;
}
.footer-links ul li:after{
content:'　|　';
}
.footer-links ul li:last-child:after{
content:none;
}
.footer-links ul li a{
text-decoration:none;
}
.footer .copyright {
font-size:0.8em;
padding: 0.6em 0;
float: right;
display: inline-block;
}
}


@media only screen and (max-width: 1165px) {
#footer-top .inner,
.footer .inner{
width: 100%;
padding: 2% 4%;
}
/* YouTubeレスポンシブ */
.youtube-container{
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 2.5em;
}

.youtube-container iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

}

/*--------------------------------
SNS
---------------------------------*/
.sharewrap{margin: 0 0 1em;}
.sharewrap h3{
margin:0.5em 0;
}
.share{
width:101%;
}
.sns{
margin:0 auto;
text-align:center;
}
.sns ul {
list-style:none;
margin-bottom: .1em;
}
.sns li {
float:left;
width: 49%;
margin: 0 1% 2% 0;
}
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:before,
.sns li a i{
margin-right:0.2em;
margin-left:0.2em;
font-size:1.1em;
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow:none;
}
.sns li a .text{
font-weight:bold;
}
.sns li a .count{
font-size:10px;
margin-left: 2px;
}

/* Twitter */
.sns .twitter a {
background:#00acee;
box-shadow:0 3px 0 #0092ca;
}
.sns .twitter a:hover {
background:#0092ca;
}

/* Facebook */
.sns .facebook a {
background:#1f6aba;
box-shadow:0 3px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}

/* hatebu */
.sns  .hatebu a {
background:#2f70be;
box-shadow:0 3px 0 #43638b;
}
.sns .hatebu a:hover {
background:#43638b;
}
.sns  .hatebu a:before{
content:'B!';
font-weight:bold;
line-height: 1.055;
} 

/* LINE */
.sns  .line a {
background:#25af00;
box-shadow:0 3px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}

/* Pocket */
.sns  .pocket a {
background:#ec2136;
box-shadow:0 3px 0 #c0392b;
}
.sns  .pocket a:hover {
background:#c0392b;
}

/* RSS */
.sns  .rss a {
background:#ffb53c;
box-shadow:0 3px 0 #e09900;
}
.sns  .rss a:hover {
background:#e09900;
}

/* Feedly */
.sns  .feedly a {
background:#87c040;
box-shadow:0 3px 0 #74a436;
}
.sns  .feedly a:hover {
background:#74a436;
}
.share.short .sns li {
width: 19%;
margin:0 1% 0 0;
}
.share.short .sns li a{padding: 11px 4px;}

/*--------------------------------------
  URL タイトル のコピーボタン
--------------------------------------*/

.copy_btn {
position:relative;
display:block;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
width: 100%;
font-size:80%;
font-weight: 700;
    padding: 1em 0;
    margin: 0 auto 0;
background:#5d5d5d;
box-shadow:0 3px 0 #000;
padding: 15px 2px;
}
.copy_btn:hover {
cursor: pointer!important;
background: #000;
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow:none;
}
.copy_btn.copied {
	pointer-events:none;
	background: #eee;
color:#666;
text-shadow:none;
box-shadow:none;
}
.copy_btn.copied:hover {
cursor: auto;
}

/* facebook LikeBox */
.fb-likebtn{display:table;background: #111;color: #fff;text-align: center;margin: 0 0 1em;width:100%;max-width: 100%;}
.fb-likebtn .fb-button{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
overflow: hidden;
}
.fb-likebtn .eyecatch,
.fb-likebtn .rightbox{
display:table-cell;
width: 50%;
vertical-align:middle;
border: none;
}
.fb-likebtn .eyecatch img{
width: 200px;
}
.fb-likebtn .like_text{
font-size: 1.05em;
margin-top:1em;
font-weight: bold;
line-height: 1.4;
}
.fb-likebtn .like_text p{
margin-bottom: 1em;
}
.fb-likebtn .like_text .small{
font-size: 11px;
color: #ccc;
margin-bottom:0;
}

/* フォローしよう */

.p-entry__tw-follow {
    margin-bottom: 1em;
    background:#85E3FF;
    width: 100%;
    padding: 15px 0
}
.p-entry__tw-follow__cont {
    text-align: center;
    font-size: 15px;
    color: #252525
}
.p-entry__tw-follow__item {
    display: block;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}
.p-entry__tw-follow iframe {
margin-bottom: 0!important;
}

/* --------------------------------------------- */
/* スマホ用コード */
/* --------------------------------------------- */
@media only screen and (max-width: 767px) {
.home #content,
.blog #content{
margin:0;
}
.cta-inner{
margin-left: -1em;
margin-right: -1em;
}

/* SP header Button */
.nav_btn{width: 55px;height: 100%;padding: .7em 0;border: none;color:#fff;background:#0598eb;text-align: center;position: absolute;bottom: 0;left: 0;display: block;line-height:1;text-decoration: none;}
.search_btn{right:0;left: auto;}
.nav_btn:hover{cursor: pointer;}
.nav_btn:before,
.search_btn:before{
font-size: 1.4em;
height: 1.1em;
font-family: "fontawesome";
content: '\f0c9';
width: 100%;
display: block;
}
.search_btn:before{
content: '\f002';
}
.nav_btn .text{
font-size: 8px;
display: block;
}
.searchbox button#searchsubmit{
top:8%;
}
body {
position: relative;
left: 0;
overflow-x: hidden;
}
#g_nav{
display: none;
}

/* SP Menu */
.sp_g_nav{
margin: 0;
padding: 0;
}
.sp_g_nav li + li,
.sp_g_nav li li:first-child{
border-top: solid 1px #eee; 
border-top: solid 1px rgba(255, 255, 255, .05); 
}
.sp_g_nav > li > a{
background-color: rgba(0,0,0,.07);
padding-right: 1em;
position: relative;
}
.sp_g_nav > li > a:after{
font-family:"fontawesome";
content: '\f054';
position:absolute;
right: .4em;
font-size: .8em;
top:50%;
margin-top: -0.5em;
color: rgba(0,0,0,.4);
}
.sp_g_nav ul{
margin:0;
}
.sp_g_nav li{
list-style: none;
display: block;
}
.sp_g_nav li a{
display: block;
padding: .8em;
color: #333;
text-align: center;
text-decoration: none;
text-align: left;
}
.sp_g_nav li li a,
.sp_g_nav li li ul{
border-bottom: 1px dotted #ddd;
}
.sp_g_nav li li:last-child a{
border: none;
}
.sp_g_nav li a:hover{
color: #888;
}
.nav li a .gf,
.menu-sp li a .gf{
display:none;
}

/* SP gnavi Scroll Style */
.header{ border-bottom: 0; }
.g_nav-sp{position: relative;}
.menu-sp{padding:.5em 0 .5em .5em;font-size:.7em;overflow: auto;-webkit-overflow-scrolling: touch;background: #f7f7f7;}
.menu-sp a{text-decoration:none;display:block;padding:.4em .9em;background: rgba(255, 255, 255, .11);border-radius:1em;}
.menu-sp > ul{
width:100%;
margin:0;
display: table;
overflow-x:scroll;
white-space:nowrap;
}
.menu-sp > ul:after{
font-family:"fontawesome";
font-size:1.7em;
content:"\f101";

position:absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, .3);
right:3px;
margin-top:-2px;
opacity:.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-webkit-animation:blink 1.2s ease-in-out infinite alternate;
-moz-animation:blink 1.2s ease-in-out infinite alternate;
animation:blink 1.2s ease-in-out infinite alternate;
}
.menu-sp ul ul{
display:none;
}
.menu-sp li{
display: table-cell;
padding-right:.8em;
}
@-webkit-keyframes blink{
0% {opacity:.2;}
100% {opacity:.9;}
}
@-moz-keyframes blink{
0% {opacity:.2;}
100% {opacity:.9;}
}
@keyframes blink{
0% {opacity:.2;}
100% {opacity:.9;}
}

/* archives */
.top-post-list .post-list .entry-content .entry-title{
font-size:1.1em;
}
.top-post-list .post-list .entry-content .date{
font-size:.9em;
}
.top-post-list .post-list .entry-content .description{
display:none;
}
@media only screen and (min-width: 1000px) {
.top-post-list .post-list .entry-content .description{
display:inline-block;}
}

/*   header */
#inner-header{
position:relative;
width: 100%;
}
#logo{
max-width: 71%;
margin-left: auto;
margin-right: auto;
padding: 0;
height: auto;
min-height: 50px;
font-size: 1em;
position: static;
}
#logo a{
position: static;
width: 100%;
height:auto;
display:block;
text-align: center;
}
#logo.fs_s a{
padding: 2% 0;
}
#logo.fs_l a{
line-height: 1.1;
}
#logo a img{
width: auto;
margin-top: 1px;
max-width: 100%;
max-height: 50px;
}
.single .authorbox .author-newpost li:nth-child(2n):after,
.related-box li:nth-child(2n):after{
content:"";
display:table;
clear:both;
}
.menu-sp a {font-size: 110%;}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch{
height: 70px;
}
.single .authorbox .author-newpost li:nth-child(2n),
.related-box li:nth-child(2n){
zoom:1;
}
#page-top {
right: 10px;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 42px;
height: 42px;
line-height:41px;
font-size:0.85em;
}
.footer .inner {
font-size:0.7em;
text-align:center;
}
.footer-links ul{
margin:1em 0 0;
}
.footer-links li{display: inline-block;margin-right: .5em;}
.footer-links li a:before{
font-family: "fontawesome";
content: '\f0da';
margin-right: 0.3em;
}
.footer-links a{text-decoration:none;padding: .3em;display: block;}
.copyright{padding: 1.5em 0;margin: 0;}

.single .authorbox .author-newpost li,
.related-box li{
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch{
max-height: 200px;
}
.related-box li.related-rightlist{
zoom: 1;
}
.related-box li.related-rightlist:after{
content:"";
display:table;
clear:both;
}

#viral-header.entry-header .entry-title{font-size: 1.6em;}
.fb-likebtn .fb-button{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.fb-likebtn .like_text{
font-size: .8em;
}
.fb-likebtn .like_text p{
margin-bottom: 0;
padding: 0;
}

.share.short .sns li a .text{
display:none;
}
/* Grid System */
.m-all {float: left;padding-right: 0.75em;width: 100%;padding-right: 0;margin-bottom: .5em; }
.m-1of2 {float: left;padding-right: 0.75em;width: 50%; }
.m-1of3 {float: left;padding-right: 0.75em;width: 33.33%; }
.m-2of3 {float: left;padding-right: 0.75em;width: 66.66%; }
.m-1of4 {float: left;padding-right: 0.75em;width: 25%; }
.m-3of4 {float: left;padding-right: 0.75em;width: 75%; }
}

/* --------------------------------------------- */
/* スマホ用コード */
/* --------------------------------------------- */
@media only screen and (max-width: 480px) {
.header {box-shadow:none;}

#custom_header{
padding: 10% 0;
}
#custom_header .gf{
font-size: 2em;
}
.eyecatch .cat-name{
font-size: .6em;
}
.byline .cat-name:before{
content: none;
}
.post-list-card .post-list{width: 100%;margin: 3% 0 7%;float:none;height:auto;}
.post-list-card .post-list .eyecatch{
max-height: inherit;
height:auto;
}
.post-list-card .post-list .eyecatch img{
width:100%;
}
.top-post-list{
margin-left: -1em;
margin-right: -1em;
}

.single .entry-content,
.page .entry-content{ overflow: inherit; }
.top-post-list .post-list .eyecatch{
max-height: 200px;
}
.single .authorbox .author-newpost li,
.related-box li{
min-height: 210px;
width:47%;
margin: 0 3% 1% 0;
float:left;
position:relative;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch{
height: 105px;
}
.single-title,
.page-title,
.entry-title {
font-size:1.7em;
}
.add.more{
margin-left:-0.9em;
}

.top-post-list .post-list a{
padding:0.7em;
}

.post-list-magazine{
margin-left: -1em;
margin-right: -1em;
}
.search-no-results .post-list-magazine{
margin: 0;
height: auto!important;
}
.post-list-magazine .post-list{
font-size: .8em;
}

.share.short .sns li a{
padding:10px 4px;
}
.pagination li{
margin-bottom: 1em!important;
}
.pagination a, .pagination span,
.page-links a , .page-links ul > li > span{
font-size:0.85em;
padding: 8px 10px;
}
/* align */

.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }
.alignleft, img.alignleft {
max-width:52%!important;}
.alignright, img.alignright {
max-width:52%!important;}
}

/* --------------------------------------------- */
/* Tablet Styles */
/* --------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1165px) {
.header .wrap,
#breadcrumb .wrap{
width: 100%;
}
.single .authorbox .author-newpost li .eyecatch,
.related-box li .eyecatch{
height: 70px;
}
.share.short .sns li a .text{
display:none;
}
#scrollfix.fixed{
max-width: 253px;
}
#container.sidebarleft #main{
padding-right:0;
padding-left:0.75em;
}
.sns li{
width: 32.3%;
}

/* Grid System */
.t-all {float: left;padding-right: 0.75em;width: 100%;padding-right: 0; }
.t-1of2 {float: left;padding-right: 0.75em;width: 50%; }
.t-1of3 {float: left;padding-right: 0.75em;width: 33.33%; }
.t-2of3 {float: left;padding-right: 0.75em;width: 66.66%; }
.t-1of4 {float: left;padding-right: 0.75em;width: 25%; }
.t-3of4 {float: left;padding-right: 0.75em;width: 75%; }
.t-1of5 {float: left;padding-right: 0.75em;width: 20%; }
.t-2of5 {float: left;padding-right: 0.75em;width: 40%; }
.t-3of5 {float: left;padding-right: 0.75em;width: 60%; }
.t-4of5 {float: left;padding-right: 0.75em;width: 80%; }
}

/* --------------------------------------------- */
/* Desktop Styles */
/* --------------------------------------------- */
@media only screen and (min-width: 1166px) {
body{font-weight: 500;}
.wrap {width: 1166px;}
.cta-inner{
padding: 1em 2em;
}
#inner-header{
min-height: 55px;
}
#custom_header{
font-size: 1.2em;
}
.header-info{
margin-top: -1em;
}

.top-post-list .post-list:before{
content: "";
display: block;
width: 0%;
height: 100%;
background: #111;
position: absolute;
top:0;
left:50%;
z-index: 0;
transition:.3s;
opacity: .05;
filter: alpha(opacity=5);-ms-filter: "alpha(opacity=5)";
}
.top-post-list .post-list:hover:before{
width: 100%;
height: 100%;
left:0;
}

.post-list-magazine .post-list a:hover{
background: rgba(0, 0, 0, 0.05);
}
.post-list-magazine .post-list a:before,
.post-list-magazine .post-list a:after{
position: absolute;
content: '';
width: 0;
height: 1px;
background-color: #111;
transition: .3s;
}
.post-list-magazine .post-list a:before {
bottom: 0;
left: 0;
}
.post-list-magazine .post-list a:after {
bottom: 2px;
right: 0;
}
.post-list-magazine .post-list a:hover:before,
.post-list-magazine .post-list a:hover:after {
width: 100%;
}

.nav > li > a {display: block;text-decoration: none;line-height: 1.3;padding: 15px 1.8em 7px;}
.single .byline{position: relative;}
.single .byline .cat-name{position:absolute;left:-6em;top: -2.9em;transform: rotate(-4deg);padding: .3em .8em .3em .5em;}

.d-1of2 img,
.d-1of3 img{margin-bottom:0.5em;}
/* Scroll Widget */
#scrollfix{
max-width: 336px;
padding-top: 5px;
}
/* SNSボタン（PCサイズ） */
.sns ul {
margin:0 auto;
list-style:none;
}
.sns li {
width: 32.3%;
margin: 0 1% 2% 0;
}
.sns li a {font-size: 0.85em;padding: 15px 2px;}

/* Grid System */
.d-all {float: left;padding-right: 0.75em;width: 100%;padding-right: 0;}
.d-1of2 {float: left;padding-right: 0.75em;width: 50%; }
.d-1of3 {float: left;padding-right: 0.75em;width: 33.33%; }
.d-2of3 {float: left;padding-right: 0.75em;width: 66.66%; }
.d-1of4 {float: left;padding-right: 0.75em;width: 25%; }
.d-3of4 {float: left;padding-right: 0.75em;width: 75%; }
.d-1of5 {float: left;padding-right: 0.75em;width: 20%; }
.d-2of5 {float: left;padding-right: 0.75em;width: 40%; }
.d-3of5 {float: left;padding-right: 0.75em;width: 60%; }
.d-4of5 {float: left;padding-right: 0.75em;width: 80%; }
.d-1of6 {float: left;padding-right: 0.75em;width: 16.6666666667%; }
.d-1of7 {float: left;padding-right: 0.75em;width: 14.2857142857%; }
.d-2of7 {float: left;padding-right: 0.75em;width: 28.5714286%; }
.d-3of7 {float: left;padding-right: 0.75em;width: 42.8571429%; }
.d-4of7 {float: left;padding-right: 0.75em;width: 57.1428572%; }
.d-5of7 {float: left;padding-right: 0.75em;width: 71.4285715%; }
.d-6of7 {float: left;padding-right: 0.75em;width: 85.7142857%; }
.d-1of8 {float: left;padding-right: 0.75em;width: 12.5%; }
.d-1of9 {float: left;padding-right: 0.75em;width: 11.1111111111%; }
.d-1of10 {float: left;padding-right: 0.75em;width: 10%; }
.d-1of11 {float: left;padding-right: 0.75em;width: 9.09090909091%; }
.d-1of12 {float: left;padding-right: 0.75em;width: 8.33%; }
}


/* まとめ */
.addup {
     margin: 5em 0 2em 0;
    clear: both;
}
.addup:before {
content:url(https://yossense.com/images/base/addup_yos03.png);
}
.addup-papanda:before {
content:url(https://yossense.com/images/base/addup_papanda-01.jpg);
}
/* 注意書き */
.entry-content .caution,
.entry-content .reference {
clear: both;
  line-height: 1.4;
background:#f7f7f7;
  width: auto;
  min-height: 2.8em;
  padding: 0.5em 0.5em 0.5em 3em;
  position: relative;
  border: 1px solid #DADADA;
  border-top: 1px solid #757575;
  box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
.entry-content .caution:before,
.entry-content .reference:before {
font-family: 'icomoon';
position: absolute;
font-size: 180%;
left: 10px;
top: 5px;
}
/* 注意 */
.caution:before {
content: "\e90b";
color: #e50a1b;
}

.caution b{color:#e50a1b;}

/* 参照（ ほかのリンク先案内 ） */
.reference:before {
content: "\e91f";
color:#0698eb;
}

/* 索引 */
.sakuin {
width: auto;
font-size:90%;
margin: 7em auto 2em;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
background:#f7f7f7;
position:relative;
}
.sakuin:before {content:"この順番にどうぞ";
margin: 0;
    position: absolute;
    display: inline-block;
    font-weight: bold;
    font-size: 160%;
    top: -.9em;
    left: .7em;
    background: rgb(253, 255, 178);
    color: #ff9a01;
    padding: 0 .7em;
    border-radius: 20px;
    width: auto;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.entry-content .sakuin ol {
text-align: left;
  clear: both;
  color: #000;
  line-height: 2;
  border: none;
padding: 1em 0 1em 0;
  margin: 1em 0 0 .5em;
  list-style: none;
    background: transparent;
    box-shadow: none;
}
.entry-content .sakuin ol li {
    position: relative;
    margin: 0 0 .3em 0;
    border-bottom: dotted 1px #c1c1c1;
}
.entry-content .sakuin ol li:last-child {border:0;margin:0;}

.entry-content .sakuin ol li:before {
    counter-increment: number;
    content: "STEP " counter(number);
    background: #484848;
    padding: 0.1em 0.5em;
    color: #fff;
    border-radius: 0;
    font-size: .7em;
    position: relative;
    top: 0;
    display: inline;
    width: 3.8em;
    text-align: left;
}

.entry-content .sakuin li span {
color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: .5em;
    padding: 0 .5em;
    background: #e50a1b;
    margin-left: 1em;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.entry-content .sakuin li span:before {
content:" \ea38 ";
font-family: 'icomoon';
margin-right: 0.4em;
}
.entry-content .sakuin li a {
font-weight:normal;
}

/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/* フキダシ・セリフ*/
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
.bg-line{background: #fffddc;padding: 2em 1em;margin-top:5em;}
.voice {
    margin: 1em 0 1.3em;
    font-size: 0.9em;
}
.voice .icon {
background:transparent;
box-shadow:none;
border:0;
width:19%;
    margin: 0;
    padding: 0;
}
.voice.big .icon {
    width: 23%;
}
.voice .icon .name:before{content:none!important;}

.voice .icon img {
    border-radius: 50%;
width: 80%;
    margin: 0;
    border: 4px solid #f5f5f5;
}
.voice.l .icon {
    float: left;
}
.voice.r .icon {
    float: right;
}
.voice.l .voicecomment {
    float: right;
}
.voice.r .voicecomment {
    float: left;
}
.voice .icon .name {
    font-size: 85%;
}
.voice .voicecomment {
    border: 3px solid #eee;
    background-color: #fff;
    color: #444;
width:80%;
    padding: 2.5%;
    position: relative;
    border-radius: 5px;
    text-align: left;
margin:0;
}
.voice.big .voicecomment {
width:76%;
}
.voice.l .voicecomment:after {
    content: '';
    position: absolute;
    border-right: 10px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    left: -7px;
}
.voice.l .voicecomment:before {
    content: '';
    position: absolute;
    border-right: 8px solid #eee;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    left: -11px;
}
.voice.r .voicecomment:before {
    content: '';
    position: absolute;
    border-left: 8px solid #eee;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    right: -11px;
}
.voice.r .voicecomment:after {
    content: '';
    position: absolute;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 10px;
    right: -7px;
}

.getty + p, .voice + p {margin-top:3em;}
.shareHtml + .newer-article,.shareHtml + .bg-yellow {margin-top:5em;}

/* 大きなセリフ */
.voice-big{width:auto;position: relative;margin: 3em 0;}
.entry-content .voice-big-comment{width: 48%;background: #fff;border: #000 2px solid;margin: 0;padding: 0.15em 0.4em;position: absolute;line-height: 1.3;top: 15%;right: 2%;font-size: 180%;}
@media only screen and (max-width: 480px) {
.entry-content .voice-big-comment{font-size: 150%;}
}
@media only screen and (min-width: 1166px) {
.entry-content .voice-big-comment{font-size: 350%;}
}
.entry-content .voice-big img{border:none;box-shadow:none;margin: 0;}


/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/
/*　　 カエレバ　　 */
/*- - - - - - - - - - - - -- - - - - - - - - - - - -*/

.kaerebalink-box,
.booklink-box,
.pochireba,
.tomarebalink-box,
.androidhtml {
font-size:small;
overflow: hidden;
	text-align:center!important;
	width:auto;
	clear:both;
	padding: 1em!important;
	margin:0 0 3em 0!important;
  border: 1px solid #DADADA;
  border-top: 1px solid #757575;
  box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
.kaerebalink-box img:first-child,
.booklink-box img:first-child,
.tomarebalink-box img:first-child {
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
margin:0 15px 10px 0;
}
.kaerebalink-info, .booklink-info, .tomarebalink-info{line-height:1.2;overflow: hidden;}
.kaerebalink-box,
.booklink-box,
.tomarebalink-box {
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff7e6), color-stop(0.48, #ffe5ad), color-stop(0.00, #ffcf99));
background: -webkit-linear-gradient(top, #ffcf99 0%, #ffe5ad 48%, #fff7e6 100%);
background: -moz-linear-gradient(top, #ffcf99 0%, #ffe5ad 48%, #fff7e6 100%);
background: -o-linear-gradient(top, #ffcf99 0%, #ffe5ad 48%, #fff7e6 100%);
background: -ms-linear-gradient(top, #ffcf99 0%, #ffe5ad 48%, #fff7e6 100%);
background: linear-gradient(to bottom, #ffcf99 0%, #ffe5ad 48%, #fff7e6 100%)*/
background: linear-gradient( to bottom, #f5ffff, #f5ffff 50%, #f4f8ff 50%, #f4f8ff );
    background-size: 100% 8px;
}
/* Android */
.androidhtml {
text-align:left;
min-height:150px;
padding: 0.8em 1em 2.3em 1em!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fcfcfc), color-stop(0.00, #e3e3e3));
background: -webkit-linear-gradient(#e3e3e3, #fcfcfc);
background: -moz-linear-gradient(#e3e3e3, #fcfcfc);
background: -o-linear-gradient(#e3e3e3, #fcfcfc);
background: -ms-linear-gradient(#e3e3e3, #fcfcfc);
background: linear-gradient(#e3e3e3, #fcfcfc);
}
.androidhtml img {
border:none!important;
}
.androidhtml strong {
background:none;
display: block;
font-size:110%!important;
color:#000;
line-height:1.2;
padding-bottom: 8px!important;
text-align: left;
}
.androidhtml .supplier,
.androidhtml .price,
.androidhtml .review {
  font-size: 80%;
  line-height: 1.4!important;
}
.androidhtml a {
	line-height:1.2;
}
.androidhtml a:nth-child(2){
	display:block!important;
}
.androidhtml small {
	font-size:60%;
	line-height: 1.4;
}
.kaerebalink-box img,
.booklink-box img,
.tomarebalink-box img {
margin-bottom:0;
margin-left:0;
}
.kaerebalink-box .kaerebalink-image,
.booklink-box .booklink-image,
.tomarebalink-box .tomarebalink-image,
.pochi_img {
float: none !important;
margin-bottom:0!important;
box-shadow: none;
}
.pochireba {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fcfcfc), color-stop(0.00, #e3e3e3));
background: -webkit-linear-gradient(#e3e3e3, #fcfcfc);
background: -moz-linear-gradient(#e3e3e3, #fcfcfc);
background: -o-linear-gradient(#e3e3e3, #fcfcfc);
background: -ms-linear-gradient(#e3e3e3, #fcfcfc);
background: linear-gradient(#e3e3e3, #fcfcfc);
}
.kaerebalink-box:hover,
.booklink-box:hover,
.tomarebalink-box:hover,
.pochireba:hover,
.androidhtml:hover {
background:#f1f1f1;
}
.kaerebalink-image a:hover,
.booklink-image a:hover,
.tomarebalink-box a:hover {
background-image: none;
}
.pochi_img{
	border:none!important;
margin: 0 0 0.5em 0!important;
}
.pochi_info {
text-align:center!important;
}
.kaerebalink-name,
.booklink-name,
.tomarebalink-name,
.pochi_name {
	font-weight: bold;
margin-bottom:10px;
}
.kaerebalink-powered-date,
.booklink-powered-date,
.tomarebalink-powered-date {
	margin-top:2em !important;
    font-size: 83%;
}
.kaerebalink-detail,
.booklink-detail,
.tomarebalink-address {margin-bottom:5px;}
.kaerebalink-link1,
.booklink-link2,
.tomarebalink-link1{margin-top:10px;}
/* 楽天・Amazonボタン */
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shoplinkkindle,
.shoplinkjalan,
.shopofficial,
.au,.docomo,.softbank,
.pochi_name {
display:block!important;
padding:0!important;
text-align : center!important ;
margin : 0 0.5em 0.7em 0!important ;
line-height : 1.2!important ;
background:transparent!important;
}
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shoplinkkindle,
.shoplinkjalan,
.shopofficial,
.pochi_name {letter-spacing: 1em!important;}

.pochi_name {
display : block!important ;
letter-spacing : 0!important ;
color : #fff!important ;
font-size : 65%!important ;
padding-top : 1em!important ;
background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.48, #4a4545), color-stop(0.54, #454545), color-stop(0.54, #454545), color-stop(0.01, #c9c5c5), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1))!important ;
	background : -webkit-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
	background : -moz-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
	background : -o-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
	background : -ms-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
	background : linear-gradient(to bottom, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
}
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a,
.shoplinkkindle a,
.shoplinkjalan a,
.shopofficial a,
.au a,.docomo a,.softbank a,
.pochi_name a {
padding:1em 25%!important;
display : inline-block!important ;
color : #fff!important ;
text-decoration : none!important ;
position: relative!important;
-webkit-transition: none!important;
transition: none!important;
  border: 1px solid #DADADA;
  border-bottom: 1px solid #757575;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pochi_name a{
  border:none!important;
}


.kaerebalink-box .shoplinkamazon a,
.kaerebalink-box .shoplinkrakuten a,
.kaerebalink-box .shoplinkyahoo a,
.kaerebalink-box .shopofficial a,
.kaerebalink-box .au a,
.kaerebalink-box .docomo a,
.kaerebalink-box .softbank a,
.booklink-box .shoplinkamazon a,
.booklink-box .shoplinkrakuten a,
.booklink-box .shoplinkkindle a,
.tomarebalink-box .shoplinkrakuten a,
.tomarebalink-box .shoplinkjalan a {
display:block!important;
}

/* カエレバ Amazon */

.kaerebalink-box .shoplinkamazon {
letter-spacing : 0.2em!important ;
}

.kaerebalink-box .shoplinkamazon a {
padding : 0.9em 6em!important ;
background : #535353 ;
}
/* カエレバ 楽天 */

.kaerebalink-box .shoplinkrakuten {
	letter-spacing : 0.55em!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	background: #BD0000;
}
/* Yahoo */

.kaerebalink-box .shoplinkyahoo {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shoplinkyahoo a {
	padding : 0.9em 5.5em!important ;
	background: #fff;
color:#BD0000!important;
}
/* 公式サイト */

.kaerebalink-box .shopofficial {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shopofficial a {
	padding : 0.9em 5.5em!important ;
	background: #2fa4ff;
}

/* カエレバ au */

.kaerebalink-box .au {
	letter-spacing : 0.55em !important;
	}

.kaerebalink-box .au a {
	padding : 0.9em 5.5em !important;
	background: #ff8949;
}

/* カエレバ softbank */

.kaerebalink-box .softbank a {
	padding : 0.9em 5.5em !important;
	background: #c8c9ca;
}

/* カエレバ docomo */

.kaerebalink-box .docomo a {
	padding : 0.9em 5.5em !important;
	background: #ea184c;
}


/* ヨメレバ Amazon */

.booklink-box .shoplinkamazon {
	letter-spacing : 0.2em!important ;
	}

.booklink-box .shoplinkamazon a {
	padding : 0.9em 6em!important ;
	background : #535353 ;
}
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
	letter-spacing : 0!important ;
}

.booklink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	background : #BD0000 ;
	}

/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
	letter-spacing : 0.36em!important ;
	}

.booklink-box .shoplinkkindle a {
	padding : 0.9em 6em!important ;
        background : #e47911;
	}

.entry-content .shoplinkrakuten img,.entry-content .shoplinkamazon img,.entry-content .shoplinkyahoo img,.entry-content .shopofficial img,
.entry-content .au img,.entry-content .docomo img,.entry-content .softbank img {width:0;height:0;display:block;border:0;margin:0;}

/* トマレバ 楽天 */

.tomarebalink-box .shoplinkrakuten {
	letter-spacing : 0.2em!important ;
	}

.tomarebalink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	background: #BD0000;
}

/* トマレバ じゃらん */

.tomarebalink-box .shoplinkjalan {
	letter-spacing : 0.48em!important ;
	}

.tomarebalink-box .shoplinkjalan a {
	padding : 0.9em 5.5em!important ;
        background : #e47911;
}

.tomarebalink-box .shoplinkjalan img {
border:0!important;
}

.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkyahoo a:hover,
.shopofficial a:hover,
.au a:hover,.softbank a:hover,.docomo a:hover,
.shoplinkkindle a:hover,
.shoplinkjalan a:hover {
background : #ddd!important ;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
color:#fff!important;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}


/* ポチレバ */
.pochi_name a {
	display : block!important ;
	padding : 0.3em 5% 0.5em 5%!important ;
	font-size : 190%!important ;
	}
.pochi_name a:hover {
	background : none ;
	}
.pochi_name:hover {
	background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.48, #575757), color-stop(0.48, #575757), color-stop(0.00, #7a7a7a))!important ;
	background : -webkit-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
	background : -moz-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
	background : -o-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
	background : -ms-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%) ;
	background : linear-gradient(to bottom, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
	}
.pochi_name:before {
	content : "今すぐダウンロード!" ;
	display : block ;
	font-size : 160% ;
	color : yellow ;
	text-shadow : -1px -1px 0px rgba(108, 106, 106, 1) ;
	}
/* Android 調整 */
.androidhtml div {
line-height:1.2!important;
position:relative;
}
.androidhtml div a img {
float: left!important;
margin-right: 1em!important;
box-shadow: none;
}
.androidhtml div a:nth-child(2) {
position: relative!important;

width: 100%!important;
display: block;
}

.androidhtml div a:nth-child(2) img {
position:relative;
margin:0!important;
width: 16px!important;
height: 16px!important;

box-shadow: none;
}
.androidhtml div div {
margin-left:0!important;
width:100%!important;
text-align:left!important;
}


/* ★media Queries スマホサイズ（501px）
----------------------------------------------------*/
@media only screen and (min-width: 501px) {
/* カエレバ（float左）*/
.kaerebalink-box, .booklink-box, .tomarebalink-box, .pochireba, .androidhtml{
  text-align: left!important;
}
.kaerebalink-box .kaerebalink-image,
.booklink-box .booklink-image,
.tomarebalink-box .tomarebalink-image,
.pochi_img {
float: left !important;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo, .shoplinkkindle, .shoplinkjalan,.shopofficial,.au,.docomo,.softbank {
display:inline-block!important;
}
.pochi_info {
text-align:left!important;
}
.pochi_img{
margin: 0 1.5em 0 0!important;
}

/* ● ボタン 小 */
/* カエレバ Amazon */
.kaerebalink-box .shoplinkamazon {
background :none!important ;
}
.kaerebalink-box .shoplinkamazon a {
padding : 0.9em 2.15em!important ;
}
/* カエレバ 楽天 */
.kaerebalink-box .shoplinkrakuten {
	background :none!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding : 0.9em 1.6em!important ;
}
/* カエレバ ヤフー */
.kaerebalink-box .shoplinkyahoo {
	background :none!important ;
	}

.kaerebalink-box .shoplinkyahoo a {
	padding : 0.9em 0.45em!important ;
}
/* カエレバ 公式サイト */
.kaerebalink-box .shopofficial {
	background :none!important ;
	}

.kaerebalink-box .shopofficial a {
	padding : 0.9em 2.05em!important ;
}

/* カエレバ au */
.kaerebalink-box .au a {
	padding : 0.9em 1.6em !important;
}

/* カエレバ docomo */
.kaerebalink-box .docomo a {
	padding : 0.9em 1.8em !important;
}

/* カエレバ softbank */
.kaerebalink-box .softbank a {
	padding : 0.9em 1.6em !important;
}


/* ヨメレバ Amazon */
.booklink-box .shoplinkamazon{
	background : none!important ;
	}
.booklink-box .shoplinkamazon a {
	padding : 0.9em 2.15em!important ;
	}
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
	background :none!important ;
	}

.booklink-box .shoplinkrakuten a {
	padding : 0.9em 1.73em!important ;
	}
/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
	background :none!important ;
	}

.booklink-box .shoplinkkindle a {
	padding : 0.9em 2.15em!important ;
	}
/* トマレバ 楽天 */
.tomarebalink-box .shoplinkrakuten {
	background :none!important ;
	}

.tomarebalink-box .shoplinkrakuten a {
	padding : 0.9em 1.6em!important ;
}
/* トマレバ じゃらん */
.tomarebalink-box .shoplinkkindle {
	background :none!important ;
	}

.tomarebalink-box .shoplinkjalan a {
	padding : 0.9em 2.15em!important ;
	}
}



@media only screen and (min-width: 768px) {
/* カエレバ */
.kaerebalink-box,
.booklink-box,
.tomarebalink-box,
.pochireba,
.androidhtml {
	margin:0 auto 4em!important;
	padding:1.5em!important;
	text-align:center!important;
}
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shopofficial,
.au,.docomo,.softbank,
.shoplinkkindle,
.shoplinkjalan {
padding : 0!important ;
letter-spacing: 0!important;
display:block!important;
}

/* カエレバ（floatなし）*/
.kaerebalink-box, .booklink-box, .tomarebalink-box, .pochireba, .androidhtml{
  text-align: center!important;
}
.kaerebalink-box .kaerebalink-image,
.booklink-box .booklink-image,
.tomarebalink-box .tomarebalink-image,
.pochi_img {
float: none !important;
}
.pochi_info {
text-align:center!important;
}
.pochi_img{
margin: 0 0 0.5em 0!important;
}
/* ● ボタン（大）*/
/* カエレバ Amazon */

.kaerebalink-box .shoplinkamazon {
letter-spacing : 0.2em!important ;
}

.kaerebalink-box .shoplinkamazon a {
padding : 0.9em 6em!important ;
}

/* カエレバ 楽天 */

.kaerebalink-box .shoplinkrakuten {
	letter-spacing : 0.55em!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	}

/* カエレバ ヤフー */

.kaerebalink-box .shoplinkyahoo {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shoplinkyahoo a {
	padding : 0.9em 5.5em!important ;
	}
/* カエレバ 公式サイト */

.kaerebalink-box .shopofficial {
	letter-spacing : -0.05em!important ;
	}

.kaerebalink-box .shopofficial a {
	padding : 0.9em 5.5em!important ;
	}

/* カエレバ au */

.kaerebalink-box .au {
	letter-spacing : 0.55em !important;
	}

.kaerebalink-box .au a {
	padding : 0.9em 5.5em !important;
	}

/* カエレバ docomo */

.kaerebalink-box .docomo a {
	padding : 0.9em 5.5em !important;
	}

/* カエレバ softbank */

.kaerebalink-box .softbank a {
	padding : 0.9em 5.5em !important;
	}

/* ヨメレバ Amazon */

.booklink-box .shoplinkamazon {
	letter-spacing : 0.2em!important ;
	}

.booklink-box .shoplinkamazon a {
	padding : 0.9em 6em!important ;
	}
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
	letter-spacing : 0!important ;
}

.booklink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	}

/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
	letter-spacing : 0.36em!important ;
	}

.booklink-box .shoplinkkindle a {
	padding : 0.9em 6em!important ;
	}

/* トマレバ 楽天 */

.tomarebalink-box .shoplinkrakuten {
	letter-spacing : 0.2em!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding : 0.9em 5.5em!important ;
	}

/* トマレバ じゃらん */
.tomarebalink-box .shoplinkjalan {
	letter-spacing : 0.48em!important ;
	}

.tomarebalink-box .shoplinkjalan a {
	padding : 0.9em 6em!important ;
	}

/* ポチレバ */
.pochi_name a {
	padding : 0.3em 5% 0.5em 5%!important ;
	}
/* Android */
.androidhtml div a img {
  float: left!important;
  margin-right: 1.5em!important;
margin-left:-167px;
}
}

@media only screen and (min-width: 900px) {
/* カエレバ（float左）*/
.kaerebalink-box, .booklink-box, .tomarebalink-box, .pochireba, .androidhtml{
  text-align: left!important;
}
.kaerebalink-box .kaerebalink-image,
.booklink-box .booklink-image,
.tomarebalink-box .tomarebalink-image,
.pochi_img {
float: left !important;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo, .shopofficial,.au,.docomo,.softbank, .shoplinkkindle, .shoplinkjalan {
display:inline-block!important;
}

/*　★media Queries PCサイズ（900px）※広告→横・2カラム

/* ● ボタン 小 */
/* カエレバ Amazon */
.kaerebalink-box .shoplinkamazon {
background :none!important ;
}
.kaerebalink-box .shoplinkamazon a {
padding : 0.9em 2em!important ;
}
.pochi_info {
text-align:left!important;
}
.pochi_img{
margin: 0 1.5em 0 0!important;
}

/* カエレバ 楽天 */
.kaerebalink-box .shoplinkrakuten {
	background :none!important ;
	}

.kaerebalink-box .shoplinkrakuten a {
	padding : 0.9em 1.6em!important ;
}
/* カエレバ ヤフー */
.kaerebalink-box .shoplinkyahoo {
	background :none!important ;
	}

.kaerebalink-box .shoplinkyahoo a {
	padding : 0.9em 0.3em!important ;
}
/* カエレバ 公式サイト */
.kaerebalink-box .shopofficial {
	background :none!important ;
	}

.kaerebalink-box .shopofficial a {
	padding : 0.9em 2.05em!important ;
}

/* カエレバ au */
.kaerebalink-box .au a {
	padding : 0.9em 1.6em !important;
}

/* カエレバ docomo */
.kaerebalink-box .docomo a {
	padding : 0.9em 1.8em !important;
}

/* カエレバ softbank */
.kaerebalink-box .softbank a {
	padding : 0.9em 1.6em !important;
}


/* ヨメレバ Amazon */
.booklink-box .shoplinkamazon{
	background : none!important ;
	}
.booklink-box .shoplinkamazon a {
	padding : 0.9em 2em!important ;
	}
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
	background :none!important ;
	}

.booklink-box .shoplinkrakuten a {
	padding : 0.9em 1.73em!important ;
	}
/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
	background :none!important ;
	}

.booklink-box .shoplinkkindle a {
	padding : 0.9em 2em!important ;
}

/* トマレバ 楽天 */
.tomarebalink-box .shoplinkrakuten {
	background :none!important ;
	}

.tomarebalink-box .shoplinkrakuten a {
	padding : 0.9em 1.6em!important ;
}

/* トマレバ じゃらん */
.tomarebalink-box .shoplinkjalan {
	background :none!important ;
	}

.tomarebalink-box .shoplinkjalan a {
	padding : 0.9em 2em!important ;
}
}
.kaerebalink-box .shoplinkrakuten img,
.kaerebalink-box .shoplinkyahoo img,
.kaerebalink-box .shopofficial img{border:none;margin:0;}

/* Share HTML
------------------------------------------------*/
.shareHtml {
	font-size:120%;
	width: 100%;
	margin: 1.5em 0 1.5em 0!important;
	clear:both;
	height:auto;
	position:relative!important;
	bottom:0!important;
	top:0!important;
	left:0!important;
  box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
border: 1px solid #DADADA;
border-top: 1px solid #757575;
border-radius: 4px;
     }

.shareHtml + p {
margin-top:3em;
}

.shareHtml a.exit:after,
.entry-content .shareHtml .shareHtml_title a.exit:after{
	content:none;
}

.entry-content .shareHtml .shareHtml_title a:after{
content: "続きをよむ \f138";
font-size: 80%;
    font-family: 'icomoon';
    background:#0698EB;
    color: #fff;
    position: absolute;
    left: 1.5em;
    bottom: 1em;
    border-radius: 10px;
    padding:0.2em 0.5em 0.3em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.entry-content .shareHtml .shareHtml_imgwrap {margin:0;}
/* はてブマーク */
.shareHtml img {
	display:inline;
	margin:0 0 0 1%;
	border:none;
	position:absolute;
	right:0;
	top:0;
}

/* サムネイル */
.shareHtml_img {
	float:right;
	position: static!important;
	margin:0;
}

.shareHtml a {
	background: #F7F7F7;
}
.shareHtml a:hover {
	background:#fff;
  -webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 1s ease-out;  /* FF4+ */
      -ms-transition: all 1s ease-out;  /* IE10? */
       -o-transition: all 1s ease-out;  /* Opera 10.5+ */
          transition: all 1s ease-out;
}

/* タイトル */
.entry-content .shareHtml_title,
.h4_section .shareHtml_title {
	width:100%;
	margin: 0;
	position: static;
}
.entry-content .shareHtml_title a {
	display: block;
	padding: 7% 5% 2% 5%;
	line-height: 1.5;
	text-decoration: none;
	min-height: 11em;
	font-size: 70%;
	color: #333;
background: linear-gradient( to bottom, #f5ffff, #f5ffff 50%, #f4f8ff 50%, #f4f8ff );
    background-size: 100% 8px;
box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
.entry-content .shareHtml_title a:hover {
background:#f1f1f1;
}
.entry-content .shareHtml_title a:before {
font-family:icomoon;
	content: "\e9cb 合わせて読みたい";
	position: absolute;
	top: -0.4em;
	left: 5%;
	line-height:1.2;
	background: #fc9705;
	letter-spacing: 0.2em;
	color: #fff;
	font-weight: bold;
	padding: 1% 1% 1% 2%;
}
.entry-content .shareHtml_title a.exit:before {
	content: "参考（外部リンク）";
	background: #333;
}
/* For modern browsers */
.shareHtml:before,
.shareHtml:after {
    content:"";
    display:table;
}

.shareHtml:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.shareHtml {
    zoom:1;
}
@media only screen and (min-width: 780px) {
/* ShareHtml はてブマーク */
.shareHtml img {
	right:0;
}
.shareHtml_title a {
	min-height: 140px;
}
}
@media only screen and (min-width: 900px){
.shareHtml {
    width: 75%;
    margin: 1em 0 1em 2em!important;
}}

/* 記事したコンテンツ */
.sns-wrap, .yarpp-related,.ad-list{
padding: 1em;
    clear: both;
    margin: 1em 0;
    background: #fff;
    border: 1px solid #DADADA;
    border-bottom: 1px solid #757575;
}
.yarpp-related {
    margin-top: 0!important;
}
.sns-wrap .title-below,
.yarpp-related b,
.ad-list b{
    text-align: center;
    font-size: 1.5em;
    display: block;
    color: #fc9705;
    border-bottom: #fc9705 3px solid;
    margin: 0 0 1em;
}
.yarpp-related .related-posts{margin-top: 0;}
.yarpp-related .related-posts li{position:relative; line-height: 1.6;
    margin-bottom: 0.8em;
}
.yarpp-related .related-posts a{font-weight:normal;padding-left: 0.8em;}
.yarpp-related .related-posts li::before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #0698EB;
    position: absolute;
    left: -16px;
top: 0.36em;
    margin-left: 1em;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* BEFORE のアイコン画像 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* すべてのアイコン */
span:before {
font-family:'icomoon';
position: relative;
bottom: -0.16em;
}
.icon_tab {
font-size: 90%;
padding: 3px 5px;
border-radius: 3px;
margin: 0 0.3em;
border:1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.65, #c7c7c7), color-stop(0.29, #fff));
background: -webkit-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -moz-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -o-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: -ms-linear-gradient(top, #fff 28%, #c7c7c7 65%);
background: linear-gradient(to bottom, #fff 28%, #c7c7c7 65%);
}
kbd.icon_tab{font-size:110%;}
/* ヨス画像 */
.icon_yos:before{content: "\e910";}

/* クローム 画像 */
.icon_chrome:before {
content: url(https://yossense.com/images/article/icon_chrome.gif);
margin: 0 .2em;
}
	/* BetterTouchTool 画像 */
.icon_bettertouchtool:before {
    content: url(https://yossense.com/images/article/icon_bettertouchtool.gif);
}
/* MouseGestureL */
.icon_mousegesturel:before {
content: url(https://yossense.com/images/article/icon_mousegesturel.gif);
}
/* 新・MouseGestureL */
.icon_mousegesturel_new:before {
content: url(https://yossense.com/images/article/icon_mousegesturel_new.gif);
}
/* YouTube */
.icon_youtube:before {
ontent: "\ea97";
    color: #cc181e;
    margin: 0 .2em 0 0.3em;
    top: .1em;
}
/* WordPress */
.icon_wordpress:before {
content:"\e629";
color:#23282d;
font-size:83%;
margin: 0 0.1em 0 0.2em;
}
/* FACEBOOK */
.icon_facebook:before {
content: "\ea8d";
    color: #3b5998;
    font-size: 86%;
    margin: 0 0.3em 0 0.2em;
    bottom: -1px;
}
/* Twitter */
.icon_twitter:before {
content:"\e611";
color:#00b0ed;
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}

/* YouTubeのアイコン */
.icon_youtube:before{
content: "\ea97";
    color: #cc181e;
    margin-right: 0.2em;
}

/* Google ドライブ のアイコン画像 */
.icon_googledrive:before {
content: url(https://yossense.com/images/article/icon_googledrive.gif);
    margin-right: 0.2em;
}
/* Evernoteのアイコン画像 */
.icon_evernote:before {
content: url(https://yossense.com/images/article/icon_evernote.gif);
}
/* Dropboxのアイコン画像 */
.icon_dropbox:before {
content: url(https://yossense.com/images/article/icon_dropbox.gif);
}
/* RTMのアイコン画像 */
.icon_rtm:before {
content: url(https://yossense.com/images/article/icon_rtm.gif);
}
/* ダウンロードのアイコン画像 */
.icon_downloads:before {
content: url(https://yossense.com/images/article/icon_downloads.gif);
}
/* デスクトップのアイコン画像 */
.icon_desktop:before { content: url(https://yossense.com/images/article/icon_desktop.gif);
}
/* LINE */ .icon_line:before { content:"\e009";color:#25af00;font-family: 'icomoon';margin: 0 0.1em 0 0.2em;bottom: -1px;}
/* Google plus */ .icon_googleplus:before {content:"\ea89";color:#df4a32;font-family: 'icomoon';margin: 0 0.1em 0 0.2em;bottom: -1px;}
/* note */
.icon_note:before {
content:"\e900";
color:#41c9b4;
font-family: 'icomoon';
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}
/* スカイプアイコン */
.icon_skype:before {
content:"\e636";
color:#00AAF0;
font-family: 'icomoon';
margin: 0 0.1em 0 0.2em;
bottom: -1px;
}
/* DeamWeaver アイコン */
.icon_dreamweaver:before {
content: url(https://yossense.com/images/article/icon_dreamweaver.gif);
}
/* Potoshop アイコン */
.icon_photoshop:before {
content: url(https://yossense.com/images/article/icon_photoshop.gif);
}
/* イラストレーター アイコン */
.icon_illustrator:before {
content: url(https://yossense.com/images/article/icon_illustrator.gif);
}
/* PDF拡張子 アイコン */
.icon_pdf:before {
content: url(https://yossense.com/images/article/icon_pdf.gif);
}
.icon_extension:before {
content: url(https://yossense.com/images/article/icon_extension.gif);
}
/* Keyconfigのアイコン画像 */
.icon_keyconfig:before {
content: url(https://yossense.com/images/article/icon_keyconfig.gif);
}
/* スピードダイアルのアイコン画像 */ .icon_speeddial:before {content: url(https://yossense.com/images/article/icon_speeddial.gif);}
/* 英辞郎 */ .icon_eijiro:before {content: url(https://yossense.com/images/article/icon_eijiro.gif);}
/* GetTabInfo */ .icon_gettabinfo:before {content: url(https://yossense.com/images/article/icon_gettabinfo.gif);padding: 0 0.4em;}
/* Evernote Web Clipper */ .icon_webclipper:before { content: url(https://yossense.com/images/article/icon_webclipper.gif);}
/* フォルダ アイコン */
.icon_folder:before { content: url(https://yossense.com/images/article/icon_folder.gif);}
/* ショートカットフォルダのアイコン */ .icon_shortcut:before { content: url(https://yossense.com/images/article/icon_shortcut.gif);
}
/* ウインドウマーク画像 */ .icon_window:before { content: url(https://yossense.com/images/article/icon_window.gif);
}
/* メモ帳 画像 */ .icon_notepad:before {content: url(https://yossense.com/images/article/icon_notepad.gif);}
/* テラパッド画像 */ .icon_terapad:before {content: url(https://yossense.com/images/article/icon_terapad.gif);}
/* TXT 拡張子 画像 */ .icon_txt:before {content: url(https://yossense.com/images/article/icon_txt.gif);}
/* ZIP 画像 */ .icon_zip:before {content: url(https://yossense.com/images/article/icon_zip.gif);
}
/* イメージ 拡張子 画像 */ .icon_img:before {content: url(https://yossense.com/images/article/icon_img.gif);}
/* google adwords 画像 */ .icon_adwords:before {content: url(https://yossense.com/images/article/icon_adwords.gif);padding-top:3px;}
/* アナリティクス */ .icon_g-analytics:before {content: url(https://yossense.com/images/article/icon_g-analytics.gif);}
/* google 日本語入力 画像 */ .icon_gnihon:before {content: url(https://yossense.com/images/article/icon_googlenihongo.gif);}
/* Procreate 画像 */ .icon_procreate:before {content: url(https://yossense.com/images/article/icon_procreate.gif);}
/* PhraseExpress */ .icon_phraseexpress:before {content: url(https://yossense.com/images/article/icon_phraseexpress.gif);}
/* TextExpander */ .icon_textexpander:before {content: url(https://yossense.com/images/article/icon_textexpander.gif);}
/* IE 画像 */ .icon_ie:before {content: url(https://yossense.com/images/article/icon_ie.gif);}
/* クローム設定 画像 */ .icon_chromesetting:before {content: url(https://yossense.com/images/article/icon_chromesetting.gif);padding-top:3px;}
/* Gメール設定 画像 */ .icon_gmail:before {content: url(https://yossense.com/images/article/icon_gmail.gif);padding-top:3px;}
/* Firefox 画像 */ .icon_firefox:before {content: url(https://yossense.com/images/article/icon_firefox.gif);}

/* リスト（チェックボックス出現） */
.entry-content .checkpoint li:before {
    font-family: icomoon;
    content: "\ea52";
    margin-right: .3em;
}
/* ランキング */
.popular ul.wpp-list {counter-reset: number;}
.popular ul.wpp-list li {text-indent: 1.5em; border-bottom:1px dotted #ddd;padding: 0.5em 0;}
.popular ul.wpp-list li:last-child{border:none;} 
.popular ul.wpp-list li a:before {
text-indent: 0;
    counter-increment: number;
    content: counter(number);
    background: #ff9a02;
    border-radius: 50px;
    margin-right: 3px;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    font-size: 0.75em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.5em;
    position: absolute;
    left: 0;
top: 10px;
}

/* トップページのおすすめカテゴリ */

.top-recommend-box {
	position: relative;
	box-sizing: border-box;
	padding: 0.5em;
	margin-bottom: 1em;
	z-index: 1;
}
.top-recommend-title{    font-size: 130%;
    text-align: center;
    margin-top: 0;
    border-bottom: 3px solid #fc9706;
    color: #fc9706;
}
.top-recommend-box h3{
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	box-sizing: border-box;
	background: transparent;
	background-color: rgba(0,0,0,0.5);
	border-radius: 0;
	box-shadow: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	text-align: center;
	z-index: 1;
}
.top-recommend-box h3 span {
	position: relative;
	display: block;
    letter-spacing: 0.3em;
	box-sizing: border-box;
	padding: 10px 5px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index:2;
}

.top-recommend-box ul {
	list-style: none;
	padding-left: 1em;
	margin-left: 1em;
}
.top-recommend-box ul li{
	position: relative;
	font-size: 95%;
	margin-bottom: .5em;
}
.top-recommend-box ul li:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: .5em;
	left: -12px;
	border-radius: 50%;
	background-color: #fc9705;
}

@media only screen and (min-width: 601px) {
.top-recommend-box {
	width: 33.33%;
	width: calc(100% / 3);
	margin-bottom: 0;
	float: left;
}
.top-recommend {
	padding: 10px 5px;
}
}

/* 画像の輪郭ナシ */
.noborder {
border:none!important;
box-shadow: none!important;
}

/* 背景を黄色 */
.bg-yellow {background:rgb(253, 255, 178);padding:.1em .5em;}
.entry-content .bg-yellow h2,.bg-yellow .cate-title {margin-top:0;}
.bg-yellow + p{margin-top:3em;}
/*効率化オタクが実践する 光速パソコン仕事術*/
.kosoku-manga{width:80%;margin: auto; text-align: center;margin-bottom: 3em;}

@media only screen and (max-width: 480px) {
.kosoku-manga{width:100%;}
}

/* ① のような数字 */
.entry-content .number-circle {
background: #ff9a02;
    box-shadow: 0 0 5em rgba(51, 51, 51, 0.15) inset;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    font-size: 0.7em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-align: center;
    line-height: 1.5em;
    border-radius: 50%;
    position: relative;
    margin: 0 .3em;
    display: inline-block;
    bottom: .25em;
}
.entry-content dt .number-circle{ bottom: .2em;}
.entry-content b .number-circle {bottom: 0.15em;}

/* 矢印 */
.entry-content .arrow-above::before, .entry-content .arrow-right::before, .entry-content .arrow-below::before , .entry-content .arrow-left::before,.entry-content .arrow-left-right::before {font-family: 'icomoon';}

.entry-content .arrow-above::before, .entry-content .arrow-below::before {font-size: 170%;}
.entry-content .arrow-left::before, .entry-content .arrow-right::before, .entry-content .arrow-left-right::before{ margin: 0 .3em;}
.entry-content .arrow-above::before {content:"\ea32";}
.entry-content .arrow-right::before  {content:"\ea34";}
.entry-content .arrow-below::before {
content:"\ea36";
    display: block;
    position: relative;
    left: 1em;
}
.entry-content .arrow-left::before {content:"\ea38";}
.entry-content .arrow-left-right::before  {content:"\ea38\ea34"; font-size: 90%; letter-spacing: -.1em;}

/* notfound */
.search-no-word ul ul {border:0;box-shadow: none;font-size:80%;}

.post-list .entry-content h3{border:none;}


/*--------------------------------------
  スマホヘッダーメニュー固定
--------------------------------------*/

@media only screen and (max-width: 767px) {

.header {
  position: fixed;/*ヘッダー固定*/
  top: 0;
  left: 0;
  width:100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .18);/*ヘッダーに影をつける*/
}



/*ヘッダーの高さだけコンテンツを下げる*/
#container{
  padding-top:60px;/*ヘッダーの高さにあわせて調整*/
}

    .fixhead-active .header #logo a img,
    .fixhead-active .header .nav_btn{
        transition: 0.3s ease-in-out;
    }
    .fixhead-active .header #logo a img{
        max-height: 40px;
    }
    .fixhead-active .header .nav_btn{
        padding-top: 0.4em;
    }
}

/*--------------------------------------
  オレンジメール
--------------------------------------*/
.merumaga {border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
margin-top:3em;}
.merumaga,
.merumaga td{
    color: #000;
    font-weight: normal;
    font-size: 110%;
    padding: .5em;
    text-align: center;
background:#fdffb1;
}
#sidebar1 .merumaga{margin-top:0;}
.widget.widget_text .OM_top img{margin:0;}
.merumaga input[type="text"]{    width: 100%;
    padding: 10px 2%;
    margin: .3em .5em;}
.merumaga .OM_top {background:#fc9607;color:#fff;    font-size: 150%; font-weight: bold;}
.merumaga .OM_center{}
.merumaga .OM_bottom{font-size:65%;}
#main .OM_mail2{width:100% !important;}
#main .OM_submit input[type="submit"]{background:#11beae !important;}

/*--------------------------------------
  ホテル・旅行
--------------------------------------*/
.entry-content .AfHotels {position:relative;margin-top: 5em;}
.entry-content .AfHotels ul{width:100%;padding: 1.5em .5em .5em;margin-top: 0;border:0;box-shadow:none;}
.entry-content .AfHotels li{list-style:none;position:relative;text-indent: 0;border-bottom: solid darkgrey 1px;height: 80px;margin-bottom: .8em;}
.entry-content .AfHotels ul li:before{content:none;}
.entry-content .agoda {width:100%;}
.entry-content .hotels {width:100%;}
.entry-content .booking {width:100%;}
.entry-content .veltra {width:100%;}
.entry-content .AfHotels li::after{position:absolute;font-size: 70%;top: 0;left: 0;} 
.entry-content .agoda::after{content:"最低価格保証。より安いサイトがあれば差額返金!";}
.entry-content .booking::after{content:"宿泊費は現地払い。キャンセル料無料のホテル多数。";}
.entry-content .hotels::after{content:"10泊ポイントを貯めると1泊無料!";}
.entry-content .veltra::after{content:"「現地ツアー」に特化したサイト";}
.entry-content .AfHotels a:hover{background:none;}
.entry-content .AfHotels li a:nth-child(2){
 color: #fff;
 font-weight:bold;
 font-size: 90%;
 line-height: 1.5;
 width: auto;
 min-width: 10em;
 letter-spacing: 0;
 text-align: center;
 border-radius: 4px;
 text-decoration: none;
 display: inline-block;
 padding: .4em .6em;
 border: 1px solid #DADADA;
 border-bottom: 1px solid #757575;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 background: #11beae;
 position: absolute;
 right: 0;
 bottom: 10px;
 }
.entry-content .AfHotels li img:not([height="1"]){width: 130px;border: 0;box-shadow: none;bottom: 4px;position: absolute;}
.entry-content .AfHotels li:last-child{border:none;margin-bottom:0;}
.entry-content .AfHotels .headline {background: #a9a9a9;color: #fff;margin: 0;font-size: 95%;display: inline-block;padding: .2em.7em;border-radius: 20px;font-weight: bold;position: absolute;left: .5em;top: -1em;}
.entry-content .AfHotels .headline::after{position: absolute;border-top: .5em solid #a9a9a9;border-right: .5em solid transparent;border-left: .5em solid transparent;content: '';top: 2em;left: 1em;}

/*カエレバ改造（Amazonセール・楽天セール）*/
/* ★ 
.booklink-box::before,
.kaerebalink-box::before {
   content: "【12/26まで!】楽天でSALE中";
    background: #ce000d;
    color: #fff;
    text-align: center;
    padding: .3em;
    font-size: 140%;
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
  animation: sale 2s linear infinite;
}
@keyframes sale{
  50%{
    opacity: 0;
  }
}
 ★ */


/* トップページ */
.related_article {width:100%; position:relative;border-bottom: 1px dotted black;padding-top: .7em;}
.related_article:first-child{border-top:1px dotted black;}
.related_article a {text-decoration: none;padding: 0 .7em; background:transparent!important;}
.entry-content .related_article .thum{
background:transparent;
border: none;
    box-shadow: none;
float: left;
    max-height: 200px;
margin: 0;
}

.entry-content .related_article .thum img {
    margin: 0;
    height: auto;
    width: 150px;
}
@media only screen and (min-width: 480px) {
.entry-content .related_article .thum img{
width:200px;
}
}

.entry-content .related_article .inbox{
width:100%;
margin-top:.5em;
}
.inbox .ttl{
font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.3em;
    color: #444;
    background: transparent;
    box-shadow: none;
    line-height: 1.5;
    padding: 0;
}
.inbox .date{font-size:1em; color: #444;float:left;margin-top:.5em;}

@media only screen and (max-width: 767px){
.inbox .ttl{
    font-size: .9em;
}
.inbox .date{font-size:.8em}
}

/*トップページのリスト*/
.top-section-h2 {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 2em 0;
  box-shadow: none;
  display: table;
}

.top-section-h3 {
position: relative;
    text-indent: 0;
    width: 45%;
    display: inline-block;
    list-style: none;
    margin: 2.5%;
    padding: .5em;
background:#f7f7f7;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    box-shadow: 0 0px 6px rgba(100, 100, 100, 0.3)inset;
}
.top-section-h3 h3 {margin:0;}
.top-section-h3 h3 a:hover{background:transparent;}
.top-section-h3 span {
color: white;
    font-size: 75%;
    font-weight: bold;
    background: #333;
background: rgba(0,0,0,.75);
    padding: .7em .2em;
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-75%);
    width: 100%;
    line-height: 1.5;
    border: 6px double rgba(255,255,255,.85);
}
@media only screen and (max-width: 480px) {.top-section-h3 span {font-size:60%;}}
.entry-content .top-h3-p{margin:0;font-size: 70%;/*color:pink;*/}
.entry-content .top-h3-img {
width:100%; 
-webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.entry-content .top-h3-img:hover {
 -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.entry-content .category-top {border:none;}

/* お問い合わせフォーム */
.wpcf7-validation-errors,
.wpcf7-response-output,
.wpcf7-not-valid-tip,
.screen-reader-response {color:#fff;background:#e50a1b;padding:.5em;}
.wpcf7-mail-sent-ok {color:#fff;background:#0698EB;padding:.5em;}
.screen-reader-response:empty{background:transparent;}
.wpcf7-list-item {display:block;}

.wpcf7-response-output:empty {background:transparent;}

input[type="checkbox"], input[type="radio"] {
margin-right: .5em;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    bottom: .1em;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/*著作権 著作表示 */
.entry-content .copyrightgames {
    background: #797878;
    margin: 5em 0 0;
}
.entry-content div.copyrightgames .headline {position: static;
    background: red;
    border-radius: 0;
    color: yellow;
    letter-spacing: .2em;}
.entry-content .copyrightgames p {font-size: 90%;color:#fff;}
.entry-content .copyrightgames a {color:#fff;}
/* 行間を長く */
.entry-content .mgn_top_long_01 {
margin-top:20em;
}
.entry-content .mgn_top_long_02 {
margin-top:5em;
}
.entry-content .mgn_top_long_03 {
margin-top:2.5em!important;
}
.entry-content .mgn_btm_long_01{
margin-bottom:2.5em;
}