@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/*リストタイトル*/
.li-title{
font-weight: bold;
margin-bottom:-10px;	
margin-left:20px;
}
.li-title::before {
  content: "➤"; 
  color:#002d1c; /* 記号の色 */
  margin-right: 5px; /* 記号とテキストの間のスペース */
  font-weight: bold; /* 記号の太さ */
}

/*表題*/
caption {
padding:5px;
font-size:18px;
font-weight: bold;
border-top:solid 1px #333;
}

/*バッジ色*/
.ref{
	  background: #EF810F;
}

/*？領域の余白調整*/
.question{
	padding-top:30px!important;
	padding-bottom:0px!important;
}

/*ツイッター中央*/
.twitter-tweet  {
	margin:0 auto !important;
	max-width: 500px !important;
}

/*YouTube中央配置*/
.video-container{
margin: 0px auto;
}

.btn.btn-orange.btn-m{
	padding:5px 
}

/*top著者*/
.saboxplugin-desc{
	font-size:14px;
}

.badge{
font-size:15px;
}

/*TOPリスト横棒の短縮*/
@media screen and (max-width: 480px){
.list-title-in {
  padding: 0 20px!important;
}

.list-title-in:before,
.list-title-in:after {
  width: 10px!important;
}}

/*ヘッダーロゴ下余白消す*/
@media screen and (min-width: 768px){
.logo{
	margin-bottom:-20px;
}}

/*左右寄せ余白*/
.alignright{
	margin-left:5px!important;
}

.alignleft{
	margin-right:5px!important;	
}

/*サイトマップ*/
li.cat-item{
		font-size:1.0em!important;
}
li.post-item{
	font-size:1em!important;
	padding-left:0.15em!important;
}


#archive-title{
		font-size:125%!important;
}


.is-style-information-box,
.information-box,
.information {
  background: #e3ffea;
  border: 1px solid #328e2c
}

.is-style-information-box::before,
.information-box::before,
.information::before {
  content: "\f05a";
  color: #328e2c;
  border-right: 1px solid #e3ffea;
}

.first-button{

	font-size: 60%!important;

}

.article h1 {
color: #002d1c;
padding: 0.5em 0;
border-top: solid 3px #002d1c;
border-bottom: solid 3px #002d1c;
	  line-height: 1.3;
		font-size: 140% ;
	letter-spacing: -0.01em;
}
h1 a {
text-decoration: none ;
color:#002d1c; 

}
h1 a:hover {
color:#002d1c;
}
.waku{
border:solid 1px #ccc;
margin-right: 5px !important;
margin-left: 5px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.article h2{
position: relative;
background: #002d1c;
box-shadow: 0px 0px 0px 5px #002d1c;
  line-height: 1.3;
padding: 0.4em 0.3em;
color: #fff;
	border-radius:0px!important;
}

.article h2:after{
position: absolute;
content: '';
left: -6px;
top: -6px;
border-width: 0 0 14px 14px;
border-style: solid;
border-color: #fff #fff #dae0dd;/*#d6d5c1;*/
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.article h3{
border-left-width:12px;
margin-bottom:20px!important;
}

.article h4{
border-top:none!important;
font-size: 115%;
margin-bottom:20px!important;
}

blockquote h5{
border-left: solid  #888 8px!important;
margin-top:10px!important;
}

.article h5{
border-bottom:none!important;!important;
border-left: solid  #002d1c 10px!important;	
margin-bottom:20px!important;
padding:5px 3px 3px 7px!important;
font-size: 110%;
}



@media screen and (max-width: 480px){
.article h5{
	font-size: 105%;
}
}

/*関連記事の見出し*/
.related-entry-heading{
	background-color: #c5e8cc!important;
	padding: 0.3em 0.8em;
	font-size: 110%;
}
/*関連記事の本文*/
.related-posts li {
margin-bottom: 10px!important;
}
/*480px以下関連記事*/
@media screen and (max-width: 480px){
.related-entry-card-title{
font-size: 100%!important;
line-height: 1.5!important;
	}	
}
.wk{	
border:solid 1px #ccc;
}


.buttxt p
{
    font-size: 0.8em;
 line-height: -10;
	 color: #FF8C00;
	font-weight: bold;
    margin: 0em 0;
}

/*装飾リスト*/
.ck ul {
/*  border: solid 2px #C0C0C0;*/
  padding: 0.5em 1em 0.5em 2.3em;
 position: relative;
	font-weight: bold;
}

.ck ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.ck ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f00c";
  position: absolute;
  left : 1em; 
  color: #CC0000; 
}

@media screen and (max-width: 480px){
.ck ul li:before {
  left : 0.5em; 	
}	
}

ul{
	margin-top:1em;
}
ul li {
  padding-top:4px;
  padding-bottom:4px;
}



/* 目次全体枠 */
.toc{
border-top:5px solid; color:#FF8C00;
padding:10px;
	line-height: 1.6;
	margin-bottom:30px!important;
	  width: 95%!important;	
	margin: 0 auto;

}


/* 目次タイトル */
.toc-title {
font-size: 18px;
font-weight: 600;
color: #328e2c;
margin:10px 0;
}

.toc-content .toc-list li {
font-weight:600;
line-height: 1.4; 
 padding-top:5px;
 padding-bottom:6px;
}

.toc-list > li a::before {
font-family: "FontAwesome";
content : "\f144";
margin-right: 7px;
color: #328e2c; 
}

.toc-title:before {
    top: 0;
    left: -45px;
    width: 50px;
    height: 50px;
font-family: "FontAwesome";
content : "\f0ca";
	font-size:18px;
    margin-right:5px;
    color:#FFF;
    background-color:#328e2c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	padding: 14px;
}
ul.toc-list{
	font-size:15px;
}
.toc-content .toc-list li li { /* h3 */
    font-weight:normal;
	font-size:15px;
	margin-left:0px!important;
	margin-right:0px!important;
}

.toc-list > li > a {
    margin-bottom: 2px;
    display: block;
}

.toc-list > li > ul {
    margin-top: 2px;
}

/* 子リスト項目の行間を調整 */
#toc .toc-content .toc-list ul li {
    line-height: 1; /* 行間を狭くする */
    margin-top: 0;    /* 上の余白を削除 */
    margin-bottom: 0; /* 下の余白を削除 */
}

.entry-content .toc {
width: 95%;
/* 最大幅を解除 */
max-width: unset;
	margin: 0 auto;
}
@media screen and (max-width: 480px){
.toc li{
margin-left:23px!important;
}
.toc-list li {
  list-style-position: outside; /* リストマーカーを外側に配置 */

}

.toc-list li a {
  display: inline-block;
  text-indent: -1.5em; /* 2行目を揃えるためにインデントを調整 */
  padding-left: 3px; /* 左の余白 */
  padding-right: -3px; /* 右の余白 */
  text-decoration: none; /* アンダーラインを消す */	

}
}

/**グローバルナビ**/
nav#navi, .menu-header .sub-menu{
font-weight: bold;
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}
.menu-header .sub-menu .item-label{
font-size: 80%;
}
.menu-header .item-label{
color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
color: #333 !important;
border-bottom: 3px solid #35fd47;/*#FDD835;*/
transition: all .2s ease;
}
.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
color: #fff !important;
transition: all .2s ease;
}

/**ページネーション**/
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }
.page-numbers{
border: none;
border-radius: 50%;
font-family: sans-serif;
font-size: 80%;
color: #666;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
transition: all .1s ease;
background-color: #ffffff;
}
.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
background-color: #f44336;
color: #fff;
}
.pagination .current, .pager-links .current{
background-color: #ccc;
color: #fff;
}

/*サイドバータイトル*/
.sidebar h3{
line-height: 50px;
padding: 0;
border-radius: 0;
font-weight: 700;
color: #002d1c;
background-color:transparent;
border-bottom:solid 3px #002d1c;
}

/***WordpressPopularPost ウィジェット**/
ul.wpp-list li {
border-bottom: 1px dashed #bbb;
counter-increment: wpp-count;
position: relative;
}
ul.wpp-list li:before {
display: block;
padding: 1px 11px;
color: #fff;
background-color: #333;
content: counter(wpp-count);
position: absolute;
opacity: 1;
-ms-filter: "alpha(opacity=100)";
z-index: 10000;
border-radius: 6px;
top: 6px;
left: 6px;
}
ul.wpp-list li:last-child {
border-bottom: 0;
}
ul.wpp-list li:nth-child(1):before {
background-color: #fbcc54;
}
ul.wpp-list li:nth-child(2):before {
background-color: #b7bfc1;
}
ul.wpp-list li:nth-child(3):before {
background-color: #d47b16;
}
ul.wpp-list li img {
margin: 5px 10px 5px 5px;
padding: 3px;
border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
display: block;
font-size: 15px;
padding: 12px;
text-decoration: none;
color: #333;
}
.entry-thumb,
.wpp-thumbnail {
overflow: hidden;
}
.entry-thumb img,
.wpp-thumbnail img {
transition: 0.6s;
}
.entry-thumb img:hover,
.wpp-thumbnail:hover {
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}

/**新着 ウィジェットタイトル**/
.widget_new_entries h3:before {
margin-right: 5px;
font-family: FontAwesome;
content: "\f0a2";
}

/**検索 ウィジェットタイトル**/
.widget_search h3:before {
margin-right: 5px;
font-family: FontAwesome;
content: "\f002";
}

/**カテゴリ/WPP ウィジェットタイトル**/
.widget_categories h3:before {
margin-right: 5px;
font-family: FontAwesome;
content: "\f219";
}

/**著者 ウィジェットタイトル**/
.simple_author_box_widget_lite h3:before {
margin-right: 5px;
font-family: FontAwesome;
content: "\f14b";
}

/***カテゴリウィジェット*
#sidebar aside ul li ul li {
background: 0;
padding-left: 0;
}
#sidebar aside li.cat-item a {
display: block;
overflow: hidden;
font-size: 15px;
line-height: 2.4em;
text-decoration: none;
padding: 0 8px;
color: #2098a8;
margin-bottom: 1px;
}
#sidebar aside li.cat-item a:hover {
background: #fff;
color: #C03;
}
#sidebar aside li.cat-item span {
line-height: 1em;
float: right;
margin: 8px 0 0 8px;
padding: 4px 8px;
border-radius: 4px;
color: #fff;
background: #406572;
}*/

/************************************
** ■カテゴリーのカスタマイズ
************************************/
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 15px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #002d1c; /*親カテゴリー下側にボーダーライン*/
}
.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: FontAwesome;
  content: "\f07c";
  color: #002d1c;
  padding-right: 6px; /*アイコン右側空間*/
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #002d1c; /*子カテゴリー下側にボーダーライン*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: FontAwesome;
  content: "\f115";
  color: #002d1c;
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}

.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
  color: #888; /*文字色*/
  background: #ddd; /*背景色*/
  font-weight: bold; /*強調フォント*/
  font-style: oblique; /*斜体フォント*/
  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 3px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 2px; /*角丸コーナー*/
}

.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #eee; /*背景色*/
  color: #333; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
  background: #002d1c; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}

/***画像中央揃え***/
.entry-content img{
margin:auto;
display:block;
}
.wp-caption{
margin:auto;
}
/*グローバルメニュー*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #35fd47;/*#FDD835;*/
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #fff !important;
    transition: all .2s ease;
}

/*静止ボタン*/
.btn-5 {
    background-color:#00a23f;
    color: #fff;
 /*   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);*/
    font-weight: bold;
    border-radius: 5px;
    max-width: 100%;
    margin: 0.5em auto 2em;
    padding:1.5em 0.5em!important;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
	font-size: 100%;
}

.btn-5 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding:0.8em 0.5em!important;
    position: relative;
    overflow: hidden;
}
/*
.btn-5 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: scale(0) translateY(-50%) translateX(-50%);
    transform-origin: left top;
    border-radius: 50%;
    content: '';
    width: 10em;
    height: 10em;
    background-color: rgba(255, 255, 255, 50%);
    opacity: 0;
    animation: plzTap 3s ease-out 0s infinite;
}*/

/*タップ誘導ボタンテーブル内*/
table .btn-6,table .btn-6 a{
	margin:0!important;
 border-radius:22px!important;
	max-width:100%!important;
	padding:0.5em 0!important;
}

.btn-6 {
    background-color:#00a23f;/* #007776;*/
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 25px;
    max-width: 85%;
  margin: 0.5em auto 2em;
    padding:1em 0.5em!important;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
	font-size: 110%;
}

.btn-6:hover {
    opacity: 0.8;
}

.btn-6 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding:1em 0.5em!important;
    position: relative;
    overflow: hidden;
}

.btn-6 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: scale(0) translateY(-50%) translateX(-50%);
    transform-origin: left top;
    border-radius: 50%;
    content: '';
    width: 10em;
    height: 10em;
    background-color: rgba(255, 255, 255, 50%);
    opacity: 0;
    animation: plzTap 3s ease-out 0s infinite;
}

.btn-text{
margin-top:2em!important;
margin-bottom:2px!important;
font-size: 14px;
font-weight: bold;
color: #ff0000;
text-align: center;
}

@keyframes plzTap {
    from { transform: scale(0) translateY(-50%) translateX(-50%); opacity: 1; }
    15%, 100% { transform: scale(1) translateY(-50%) translateX(-50%); opacity: 0; }
}

.btn-6 > img { float: left; }
.btn-6::after{ content: ''; clear: left; }






/*ブログカード*/
.blogcard {
	padding: 1rem;
	color: #555;
	position: relative;
	border-color: #002d1c !important; /* 枠線の色を変更079a99 */
	background-color: #F9FAF9;
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 35%;
	}
	.blogcard-snipet{
		display: none;
	}
	.blogcard-title{
	font-size:100%;
	line-height:1.5;	
}
}

/* 新着記事の文字縮小 */
	.new-entry-card-title{
	font-size:85%;
	line-height: 1.4;
	}

.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

.blogcard::before{
	content: 'あわせて読みたい'; /* タイトルの文言 */
	position: absolute;
	top: -1rem;
	left: auto;
	font-size: 70%;
	background-color: #002d1c; /* タイトルの背景色13bebc旧 */
	padding: .4em 1em;
	font-weight: bold;
	color: #fff;  /* タイトルの文字色 */
	border-radius: 2px;
}

.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #002d1c; /* 内部リンク右下枠の背景色079a99旧 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}


/*naviのフェードイン*/
#navi .navi-in ul>li>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.8s;
animation-fill-mode: forwards;
filter: opacity(0);
position: relative;
z-index: 4;
}
#navi .navi-in ul>li:nth-child(1)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.2s;
}
#navi .navi-in ul>li:nth-child(2)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.4s;
}
#navi .navi-in ul>li:nth-child(3)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.6s;
}
#navi .navi-in ul>li:nth-child(4)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.8s;
}
#navi .navi-in ul>li:nth-child(5)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1s;
}
#navi .navi-in ul>li:nth-child(6)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.2s;
}
#navi .navi-in ul>li:nth-child(7)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.4s;
}
#navi .navi-in ul>li:nth-child(8)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.6s;
}

@keyframes fadeIn {
from {
transform: translateY(20px);
filter: opacity(0);
}
to {
transform: translateY(0px);
filter: opacity(1);
}
}
/* 記事一覧ぼかしフェードイン */
a.entry-card-wrap figure.entry-card-thumb{
overflow: hidden;
}
a.entry-card-wrap:hover img.entry-card-thumb-image{
-webkit-filter: blur(2px) brightness(60%);
filter: blur(2px) brightness(60%);
-webkit-transform: scale(1.03);
transform: scale(1.03);
opacity: 1;
transition: 0.3s;
}
a.entry-card-wrap figure.entry-card-thumb::before{
z-index: 1;
font-family: sans-serif;
font-weight: bold;
content: "READ MORE";
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: absolute;
font-size: 100%;
width: 100%;
height: 100%;
color: #fff;
top: 0;
left: 0;
opacity: 0;
transition: .25s ease;
-webkit-transition: .4s ease;
-moz-transition: .4s ease;
-ms-transition: .4s ease;
}
a.entry-card-wrap:hover figure.entry-card-thumb::before{
opacity: 0.9;
font-size: 150%;
}
.entry-card-snippet{
font-size: 72%;
line-height: 1.6;
color: gray;
text-align: justify;
text-justify: inter-ideograph;
}

/* メニューの文字列を変更 */
.navi-menu-button {
	position: relative;
}
.navi-menu-button .navi-menu-caption {
	display: none;
}
.navi-menu-icon::after {
	content: 'カテゴリー';
	font-size: 12px;
	position: absolute;
	top: 2.3em; /* 高さの微調整 */
	left: 0;
	right: 0;
}
/*モバイルメニューカスタムはココに入れる*/


/* 
 * コンバージョンボタン（動いて光る）
 */
.btn-cv {
  padding: .0em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.5em auto 0.5em;
  padding:0.55em .0em .6em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 62%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
	  color: #ffff00;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}

/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢*/
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ*/
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる*/
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}

/* アニメーションを遅延させる*/
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}


/* コンバージョンボタン２ */
*.btn-cv2 {
  padding: .0em 0;
  overflow: hidden;
  position: relative;
}

.btn-cv2 a {
  border: solid #fff 3px;
  border-radius: 10px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
 line-height: 1.4;
  margin: 0em auto;

  padding: 1em .5em .9em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
 vertical-align: middle;
 width: 62%;

}
@media screen and (max-width: 640px){
.btn-cv2 a {

width: 100%;
	}
}
/* ボタン内のアイコン2 */

.btn-cv2 a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
	  color: #ffff00;
	}

.btn-cv2 a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}
.btn-cv2 a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/*吹き出し*/
.speech-balloon{
  margin-left: 11px!important;/*左の余白*/
  margin-right: 11px!important;/*右の余白*/
  margin-top: 15px!important;
  float:left;
  max-width: calc(100% - 4px);

}

.sbp-r .speech-balloon{
  float:right;

}

.speech-person{
  width:70px;/*キャラの大きさ*/
	
}
.sbs-flat .speech-balloon {
  background-color: #c9ddfe;
  border-color: #c9ddfe;
}
.sbs-flat .speech-balloon::before, .sbs-flat .speech-balloon::after {
  border-left: 12px solid #c9ddfe;
}


/*480px以下*/
@media screen and (max-width: 480px){
  .speech-balloon{
    max-width: calc(100% - 80px);/*設定したキャラの大きさ +　左右の余白*/
  }
  .speech-person {
    width: 80px;/*キャラの大きさ*/
}
}

/*Ｑ＆Ａ*/
dl{
     margin:12.5px 0;
     line-height:1.8em;
     overflow: hidden;

}
dl dd,
dl dt{
     text-indent: -2.6em;   
     padding: 0 0px 0px 42px;
}
dl dt{
     margin:20px 0px 0 0;
}
dl dd:first-letter,
dl dt:first-letter{
     font-size: 1.9em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}
dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
dl dt:first-letter{
    color: #FF8C00;
}
dl dd:first-letter{
	color: #328e2c;
}


/*シンプルタブボックス*/
/* タイトル */
.box-title {
	position: absolute;
	top: -1em; /* タイトル位置マイナス値あげると上  */
	left: 1em; /* 左から1文字分右へ */
	font-size: 1.1em; /* サイズ1.1文字分 */
	font-weight: bold; /* フォント太く */
	display: inline-block;
	padding: 0.2em 0.8em 0; /*内側余白:上下 左右*/
	border-radius: 5px; /* 角丸 */
}
/* BOX */
.title-box {
	position: relative;
	border-radius: 5px;
	padding: 1.5em 1em 0.5em; /* 内側余白:上 左右 下 */
	margin: 2.5em 0 2em; /* 外側余白: 上 左右 下 */
	box-shadow: 2px 3px 3px #ddd;
}
/* スマホ以外481px以上 */
@media screen and (min-width: 481px) {
	.title-box {
		margin: 3em 1em 2em; /* 上 左右 下 */
	}
}

/* Cocoon風タブボックス*/
/* タイトル */
.title-simple {
	position: absolute;
	top: -1.9em;
	left: -1px;
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
	padding: 0.2em 1em 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	background: #666; /* 背景グレー：いろ差し替え場所 */
}
/* BOX */
.box-simple {
	position: relative;
	border-radius: 0 5px 5px;
	padding: 1.5em 1em 0.5em;
	margin: 2.5em 0 2em;
	box-shadow: 2px 3px 3px #ddd;
	border: 1px solid #bbb; /* 枠グレー：色の差し替え場所 */
}
/* スマホ以外481px以上 */
@media screen and (min-width: 481px) {
	.box-simple {
		margin: 3em 1em 2em; /* 上 左右 下 */
	}
}
/* ここまでCocoon風 */
/* Cocoon風の色 */
/* gray */
.title-gray {
	color: #666;
	background: #fff;
}
.box-gray {
	border: #ddd 2px solid;
}
/* pink */
.title-pink {
	color: #f278a4;
	background: #fff;
}
.box-pink {
	border: #ffcbde 2px solid;
}
/* blue */
.title-blue {
	color: #3847fa;
	background: #fff;
}
.box-blue {
	border: #a0a8ff 2px solid;
}
/* brown */
.title-brown {
	color: #bb5f03;
	background: #fff;
}
.box-brown {
	border: #efb072 2px solid;
}
/* green */
.title-green {
	color: #4CAF50;
	background: #fff;
}
.box-green {
	border: #9dd9a0 2px solid;
}

.box_green {
        overflow:auto;
        width:50px;
        height:3px;
        padding:2px;
    }

/*YouTube中央配置*/
.video-container{
margin: 0px auto;
}

/*インスタ中央*/
.instagram-media{
	margin:0 auto !important;
	max-width: 400px !important;
}

/*フッターボタン文字*/
.btn-u {
font-weight:bold;
background-color:#059545;
font-size: 110%;
padding:0.4em 0;
max-width:550px;
border-top:7px solid #00c357;
border-right:7px solid #108144;
border-bottom:7px solid #0c753d;
border-left:7px solid #108144;
text-align:center;
margin:0 auto;
border-radius: 1px;
}

.btn-u a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    position: relative;
    overflow: hidden;
}

.btn-u .external-icon {
    display: none;
}

@media screen and (max-width: 480px){
.btn-u {
    max-width: 100%;
	font-size: 90%;
	letter-spacing:0px;
}
}

/*フッターボタン*/
#footerFloatingMenu {
display: block;
width: 100%;
background-color:rgba(255,255,255,0.8);
position: fixed;
left: 0px;
bottom: -30px;
z-index: 9999;
text-align: center;
}

/*フッターボタンを文字にするならコメントアウト*/
#topBtn a {
margin-bottom:60px!important;
}

.go-to-top {
 right:10px; /*右から20px*/
  bottom: 55px; /*下から55px*/
}

#footer{
padding-bottom:1.9em!important;
}

/** フッター **/
.footer.footer-container.nwa,
.footer-in.wrap.cf,
.footer-bottom.fdt-up-and-down.fnm-text-width.cf
{
/*  height: 125px!important;メニュー縦幅設定*/
}

.fq {
padding: 8px 8px 14px 2em!important;
margin-top:20px;
margin-right:5px;
margin-left:-25px!important;
font-size:100%!important;
background: #eee;
padding-left:2.75em!important;
text-indent: -2.0em;
list-style:none;
font-weight: bold;
border:none!important;	
}
.fq:before {
content: "Q.";
color: #F5A62C;
font-weight: bold;
margin-right: 7px;
font-size:160%!important;	
}
.ans {
margin:-10px 10px 28px 10px!important;
padding-left:0.7em!important;
text-indent: -1.8em;
}
.ans:before {
content: "A.";
color: #328e2c;
font-weight: bold;
margin-right: 7px;
font-size:160%!important;	
}

.qa1 {
list-style:none;
}

@media screen and (max-width: 480px){
	.fq,.ans{
font-size:100%!important;
	}
.fq {
text-indent: -2.25em;	
}
.ans {
padding-left:0.25em!important;
text-indent: -2em;
}	
}

body,tabel{
  word-break: break-word;
}

/*OLDぷるるん*/
.pururu{-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-option {z-index: 55;position: absolute;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes pururu {0%{ -moz-transform: skewX(9deg);}10%{ -moz-transform: skewX(-8deg);}20%{ -moz-transform: skewX(7deg);}30%{ -moz-transform: skewX(-6deg);}40%{ -moz-transform: skewX(5deg);}50%{ -moz-transform: skewX(-4deg);}60%{ -moz-transform: skewX(3deg);}70%{ -moz-transform: skewX(-2deg);}80%{ -moz-transform: skewX(1deg);}90%{ -moz-transform: skewX(0deg);}100%{ -moz-transform: skewX(0deg);}}@-o-keyframes pururu {0%{ -o-transform: skewX(9deg);}10%{ -o-transform: skewX(-8deg);}20%{ -o-transform: skewX(7deg);}30%{ -o-transform: skewX(-6deg);}40%{ -o-transform: skewX(5deg);}50%{ -o-transform: skewX(-4deg);}60%{ -o-transform: skewX(3deg);}70%{ -o-transform: skewX(-2deg);}80%{ -o-transform: skewX(1deg);}90%{ -o-transform: skewX(0deg);}100%{ -o-transform: skewX(0deg);}}@-webkit-keyframes pururu {0%{ -webkit-transform: skewX(9deg);}10%{ -webkit-transform: skewX(-8deg);}20%{ -webkit-transform: skewX(7deg);}30%{ -webkit-transform: skewX(-6deg);}40%{ -webkit-transform: skewX(5deg);}50%{ -webkit-transform: skewX(-4deg);}60%{ -webkit-transform: skewX(3deg);}70%{ -webkit-transform: skewX(-2deg);}80%{ -webkit-transform: skewX(1deg);}90%{ -webkit-transform: skewX(0deg);}100%{ -webkit-transform: skewX(0deg);}}@keyframes pururu {0%{ transform: skewX(9deg);}10%{ transform: skewX(-8deg);}20%{ transform: skewX(7deg);}30%{ transform: skewX(-6deg);}40%{ transform: skewX(5deg);}50%{ transform: skewX(-4deg);}60%{ transform: skewX(3deg);}70%{ transform: skewX(-2deg);}80%{ transform: skewX(1deg);}90%{ transform: skewX(0deg);}100%{ transform: skewX(0deg);}}.pururu{-webkit-animation-name: pururu;-moz-animation-name: pururu;-o-animation-name: pururu;animation-name: pururu;}@-moz-keyframes option72 {0%{ -moz-transform: translateX(0);}20%{ -moz-transform: translateX(9%);}50%{ -moz-transform: translateX(5%); }60%{ -moz-transform: translateX(13%);}90%{ -moz-transform: translateX(0);}100%{ -moz-transform: translateX(0);}}@-o-keyframes option72 {0%{ -o-transform: translateX(0);}20%{ -o-transform: translateX(9%);}50%{ -o-transform: translateX(5%); }60%{ -o-transform: translateX(13%);}90%{ -o-transform: translateX(0);}100%{ -o-transform: translateX(0);}}@-webkit-keyframes option72 {0%{ -webkit-transform: translateX(0);}20%{ -webkit-transform: translateX(9%);}50%{ -webkit-transform: translateX(5%); }60%{ -webkit-transform: translateX(13%);}90%{ -webkit-transform: translateX(0);}100%{ -webkit-transform: translateX(0);}}@keyframes option72 {0%{ transform: translateX(0);}20%{ transform: translateX(9%);}50%{ transform: translateX(5%); }60%{ transform: translateX(13%);}90%{ transform: translateX(0);}100%{ transform: translateX(0);}}.a-option72{-webkit-animation-name: option72;-moz-animation-name: option72;-o-animation-name: option72;animation-name: option72;}img.a-option72 {left:0;top:18%;}
.a-btn72{padding-left:10%!important;}.a-option72{top:5%!important;}.a-option72{width:20%!important;}
.a-btn72{max-width:100%!important;}
.pururu{animation-duration:1.8s!important;-webkit-animation-duration:1.8s;-ms-animation-duration:1.8s;-moz-animation-duration:1.8s!important;}

/*リストマーク変更	*/
li::marker{
	color: #4CAF50;
	list-style-type:square;
	font-size: 130%;
}	

/*
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}

/*ランキングのボタン*/
.ranking-item-link-buttons a{ /*公式*/
border: none;
background:#128C00;
}
.ranking-item-detail a { /*詳細*/
background-color:#b3810f;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}