@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/


/**************************
 ** メディア全体に関わるコード
 *************************/

/* サブミットボタンがiOSだけ装飾がくずれる問題解決のコード */

input[type="submit"] {
    -webkit-appearance: none;
	
}


@media screen and (min-width: 768px) {
.column1 #navi-in{
width: max-content;
margin-top:0;
}
}

/*ヘッダー固定 jsで制御し、画面スクロールして#naviが画面の上部に触れたらaddclassでクラス追加されるようになる記述　*/
@media screen and (min-width: 768px) {
.navifixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
opacity: 0.7;
}
.navifixed:hover{
	opacity:1;
	transition:all 0.8s;
}
}

/* グローバルナビの設定 */
@media screen and (min-width: 768px) {
.navi-in{
z-index: 999;
display: flex;
background-color: #69b942 !important;
flex-direction:row;
flex-wrap:nowrap;
justify-content: center;
height:40px;
text-align:center;
line-height:5px;	
}
}

.navi-in .has-icon{
position:absolute;
top:0;
display:inline-block;
opacity:0.7;
font-size:11px;
line-height:40px;
padding-left:60px;
}


/*　aタグの装飾*/
a {
  color: #2098a8;
}

a:hover {
  transition: all 0.5s;
}

/* 記事内のPタグbottomを調整*/
article p {
    margin: 2em 0;
}

/*記事内のPタグの行間調整*/
.entry-content p {
    line-height: 1.5;
}


/*submitボタンに関わる装飾*/
input[type='submit'] {
  padding: 8px;
  width: 40%;
  margin: 0;
  cursor: pointer;
  border: none;
  background-color: #247CFF;
  font-size: 16px;
  color: white;
  border-radius: 4px;
}

input[type='submit']:hover{
  background-color: #007AB7;
}
input[type='submit']:active{
	top:5px;
	box-shadow: none;
	position:relative;
}



/* Pagetop3の非表示に関わる記述*/

 div#pageTop3 .post-14678{
    display: none!important;
}




/*ファーストビューのヘッダー画像のサイズを画面サイズいっぱいにするための記述*/
.header-in {
  display: contents;
  flex-direction: column;
  justify-content: center;
  width: 1440px;
}

/* スマホ表示させたときにスクロールバー幅の分ズレるのを解消するための記述*/
div#container {
  overflow: hidden;
}

/* キャッチフレーズ　の位置や色調整をするための記述*/
.tagline {
  text-align: center;
  color: #676767;
  padding: 0 35px 25px 35px;
}

/*カルーセルの上下にスペースを用意*/
#carousel {
  margin: 60px 0;
}

.carousel-entry-card-title {
  color: #666;
  font-size: 14px;
}

/*ナビゲーションカラーに関する記述*/
#navi {
  background-size: 100vw;
  background-repeat: no-repeat;
  background-color: #69b942 !important;
}

#navi ul, #navi ul li a {
  background: none;
}

#navi>#navi-in>ul>li>a>.caption-wrap>.item-label {
  border: none;
  font-size: 16px;
  padding: 0;
  color: #fff;
	text-indent:center;
	line-height:40px;
}

.navi-in>ul>.menu-item-has-children>a::after {
  display: none;
}

#navi ul li.menu-item>a:hover {
  color: #fff;
}

#navi .menu>li:first-child {
  border: none;
}

#navi ul {
  margin: 0;
  padding: 0;
}

.sub-menu li {
  padding: 0;
  margin: 5px 0;
}

#navi ul.sub-menu {
  box-sizing: border-box;
  background: #fefefe;
  border-radius: 0;
  border: solid 1px#69b942;
}

#navi .sub-menu li {
  height: 30px;
}

#navi .sub-menu li a {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  color: #69b942;
}

#navi .sub-menu li a:hover {
  color: #fff;
  background-color: #69b942;
}

#navi ul li.menu-item-object-custom>ul>li>a>.caption-wrap>.item-label {
  font-size: 13px;
  text-align: center;
}


/*モバイルのナビゲーションメニューの間隔を整える記述*/
#navi .navi-in > .menu-mobile li {
    width: 31%;
}


/*スマホのメニューの親カテゴリーだけを装飾するための記述*/
#navi-menu-content>ul.menu-drawer>li.menu-item-has-children>a {
  background-color: #69b942;
  color: #fff;
  border-radius: 2px;
  margin-left: 3px;
}

/*スマホのメニューのサイドウィジェット*/
h3.widget-sidebar-title.widget-title {
  margin-bottom: 10px;
  font-size: 20px;
  background: #f4d9ae;
  color: #444443;
  padding: 1em .8em;
}

/* スライドインのカスタマイズ */

/* 背景色を変更：背景画像にするなら不要 */
/*.mobile-menu-buttons {
	background: #dbfbe2;
}*/



/* サイドウィジェットの検索窓のサイズ調整*/
.sidebar input[type="search"] {
  width: 100% ;
}

/* アピールエリアのカスタマイズ*/
/*.appeal .appeal-in {
	width: 100%;
	background-color: rgba(0, 128, 128, .35);
}*/

/*.appeal-content {
	background-color: transparent;
}*/

.appeal-title,
.appeal-message {
	color: #383737;
}

/*.appeal-title {
	text-shadow: 2px 2px 0 #3f3f3f;
}*/

.appeal-button{
	box-shadow: 4px 4px #3f3f3f;
}

@media screen and (max-width:767px) {
  .appeal-title {
    font-size: 16px;
}

.appeal-button{
	box-shadow: 4px 4px #3f3f3f;
	font-size:13px;
}

.appeal-message {
	color: #383737;
	font-size:12px;
}		
}

/* モバイル画面だけアピールエリア表示させない*/
@media screen and (max-width: 769px) {
	div.appeal-in {
		display: none;
	}
}



/*エントリーカードカテゴリータグの位置と装飾変更*/
span.cat-label {
  position: absolute;
  display: inline-block;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(235, 160, 155, 1);
  color: #fff;
  border: none;
  padding: 2px 5px;
}

/*エントリーカード更新日情報の装飾変更*/
.entry-card-meta, .related-entry-card-meta {
  position: absolute;
  right: 0;
  text-align: right;
  line-height: 1;
  background-color: #d6ecf1;
  padding: 10px;
  width: 100%;
  font-size: 1.1em;
}

/*エントリーカード更新日情報のspan要素同士の左右間隔調整*/
.entry-card-meta.card-meta.e-card-meta span {
  margin: 0 5px;
}

/*エントリーカードのタイトルの字間調整*/
.entry-card-title, .related-entry-card-title {
  line-height: 1.4em;
  padding: 0 10px;
}

/*エントリーカードのディスクリプション装飾変更*/
.entry-card-snippet, .related-entry-card-snippet {
  color: #888;
  line-height: 1.4em;
  padding: 0 15px;
  margin-bottom: 30px;
}

/*エントリーカード同士の下間隔調整+枠線とpadding調整*/
a.entry-card-wrap.a-wrap.border-element.cf {
  margin-bottom: 80px;
  border: 1px solid #eee;
  padding: 0px;
}

/*エントリーカード全体の装飾変更*/
.list.ecb-entry-border .entry-card-wrap {
  border-color: rgba(222, 222, 222, 0.5);
  padding-bottom: 20px !important;
  padding: 0;
}


/* カテゴリートップページのエントリーカード装飾の変更　*/
.category .entry-card-meta,.category .related-entry-card-meta {
    width: 100%!important;
}

/*サイドウィジェットコメント更新情報の文字サイズ変更*/
.recentcomments a {
  font-size: 15px;
}

/*　スマホ検索窓の大きさを調整　*/
/*.search-menu-content .search-edit {
  width: 100% !important;
}*/

/*記事内のアイキャッチにかかるカテゴリタグを非表示にする*/
.eye-catch-wrap .cat-label {
  display: none;
}

/*記事内の更新日表示の装飾*/
.date-tags {
  background-color: #d6ecf1;
  padding: 20px;
  font-size: 1.2em;
  color: #777;
}
/*
/*記事内目次の装飾*/
#toc_container {
  margin-bottom: 40px;
  padding: 15px 50px !important;
  background: #fff;
  border: 5px solid #e1eff4;
  border-radius: 2px;
  color: #666;
}

#toc_container .toc_title {
  font-family: "Unica One", cursive;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0px;
  font-size: 1.7em;
  border-bottom: 2px solid #dedede;
}

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li;
}

#toc_container .toc_list>li {
  position: relative;
  margin-bottom: 15px;
  margin-left: 6px;
  line-height: 1.3em;
  font-size: 0.9em;
}

#toc_container .toc_list>li:after {
  counter-increment: li;
  content: "0"counter(li) " |";
  position: absolute;
  left: -40px;
  top: 0px;
  background: none;
  font-family: "Unica One", cursive;
  font-size: 1.4em;
  letter-spacing: -1px;
  color: #2098A8;
}

#toc_container .toc_list>li a {
  text-decoration: none !important;
}

#toc_container .toc_list>li a:hover {
  text-decoration: underline !important;
}

#toc_container .toc_list>li ul {
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 10px;
  color: #2098A8;
}

#toc_container .toc_list>li>ul li {
  font-size: 14px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 641px) {
  #toc_container {
    padding: 25px 40px;
  }

  #toc_container .toc_title {
    font-size: 2em;
  }

  #toc_container .toc_list>li {
    margin-bottom: 18px;
    margin-left: 12px;
    font-size: 1em;
  }

  #toc_container .toc_list>li:after {
    left: -48px;
    top: 0px;
    font-size: 26px;
  }
}




/* 記事内のレコメンド記事の更新日時の装飾*/
.related-list .entry-card-meta, .related-list .related-entry-card-meta {
  background-color: #fff;
}

/*****************
 * Hタグの装飾
 * *****************/
.article h2 {
  font-size: 24px;
  line-height: 1.3em;
  padding: 15px 10px 12px 20px;
  background: #0eca9c;
  color: #FFF;
  margin: 2.5em -1em 1.5em -1em;
  font-weight: bold;
  position: relative;
  border: none;
}

.article h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0px 0px 20px 20px;
  border-style: solid;
  border-color: #FFF #0ca982 #0ca982 #FFF;
  display: block;
}

.article h3 {
  position: relative;
  padding: 10px 15px 10px 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  border-left: 15px solid #0eca9c;
  border-bottom: 3px solid #0eca9c;
  color: #000;
  margin: 50px -10px 40px -15px;
  border-top: none;
  border-right: none;
}

.article h3.d {
  position: relative;
  padding: 15px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3;
  border-left: 10px solid #fea13c;
  border-bottom: 2px solid #eee;
  color: #000;
  margin: 50px -10px 40px -10px;
  background-color: #fffff9;
  border-right: none;
  border-top: none;
}

.article h3.d::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ffffe5 #ffffe5;
  box-shadow: -2px 2px 2px rgba(0, 0, 0, .1);
}

@media screen and (max-width: 480px){
.article h3 {
  position: relative;
  padding: 10px 15px 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  border-left: 15px solid #0eca9c;
  border-bottom: 3px solid #0eca9c;
  color: #000;
  margin: 50px -10px 40px -15px;
  border-top: none;
  border-right: none;
}
	
.article h2 {
  font-size: 18px;
  line-height: 1.3em;
  padding: 15px 10px 12px 20px;
  background: #0eca9c;
  color: #FFF;
  margin: 2.5em -1em 1.5em -1em;
  font-weight: bold;
  position: relative;
  border: none;
}	
}

#sidebar h3 {
  margin-bottom: 10px;
  font-size: 20px;
  background: #f4d9ae;
  color: #444443;
  padding: 1em .8em;
  text-align: center;
}

.article h4 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 0 0 10px;
  margin-top: 70px;
  border: none;
  border-top: none;
  border-bottom: 2px solid #0eca9c;
display: inline-block;
}

/* hタグ先頭に三角を表示 */
.article h4::after {
  position: absolute;
  content: '';
  display: inline-block;
  left: -10px;
	top: 0px;
  width: 0;
  height: 0;
  border-width: 11px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #0eca9c;
}

#sidebar .dateDeco {
  font-size: 14px;
}

/*************************
 * 記事内で使う枠組みや装飾
 * *************************/
.red {
    color: #ff6c42;
}

.bold-red {
    color: #ff6c42;
	font-weight:800;
}

.blue {
    color: #3d57ff;
}
.green{
	color:#00a738;
}

.bold-blue {
    color: #3d57ff;
	font-weight:800;
}

.bold-green{
	color:#00a738;
	font-weight:800;
}

.bold{
	font-weight:800;
}

.orange{
	color:#fc9a02;
}

.white{
color:#ffffff;
}



.center{
	text-align:center;
}

.wakunashi{
	border :0px none ;
	background-color:#EBF8F4 ;
	padding:15px;
	text-align: center;
}

.right{
	text-align:right
}

.wakunashi-text{
	border :0px none ;
	background-color:#EBF8F4 ;
	padding:0px;
	text-align: center;
}

.haba-min{
	max-width:80%;
	text-align: center;
}

.table-auto{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.under-line{
	border-bottom :dashed 1px silver;
	padding-bottom:5px;
}

.box1-green{
	margin: 2em auto; /* ボックスの余白 */
	background: #eef8f3; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:700px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-green .box-title {
	background: #58be89; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-green p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}

.box1-pink{
	margin: 2em auto; /* ボックスの余白 */
	background: #fdf1f4; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:700px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-pink .box-title {
	background: #f27398; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-pink p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}





/* 注目度高めの装飾　*/
.pickup10 {
  transform: rotate(-10deg);
	display:inline-block;
		margin:20px 0;

}

.pickup5 {
  transform: rotate(-3deg);
	display:inline-block;
	margin:20px 0;
}


.disp-inline{
	display:inline-block;
}

/*要素を点滅させる記述*/
.tenmetsu{
  animation: flash 1s linear infinite;
  width:50px;
  height:50px;
  color:#FF6C42;
  font-weight:bold;
  border-radius:3px;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

/*引用部分*/
blockquote {
  background-color: #e0e0e0;
  padding: 1em 1em 2.5em 1em;
  position: relative;
  margin-right: 0px;
  border: none;
  margin: 60px 10px;
}

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  color: #3e3e3e;
  position: absolute;
  left: 0;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  font-size: 600%;
  content: "”";
  font-family: serif;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  line-height: 0;
  position: absolute;
  color: #3e3e3e;
  right: 0;
  bottom: -10px;
}

/*画像やボックスを横並びにする*/
.box-float {
  float: left;
}



.section {
  clear: both;
}

/* 記事内で、スクロールバー付きのボックスを組むための記述  */

.infobox-15 {
  height: 15.3em;
  padding: 0 10px;
  overflow: scroll;
  background-color: #eee;
  position: relative;
  font-size: 14px;
}

.infobox-10 {
  height: 10.3em;
  padding: 0 10px;
  overflow: scroll;
  background-color: #fdfdcd;
  position: relative;
  font-size: 14px;
}


/* スクロールバー付きの .infobox のタイトル用の記述*/
.infobox-titel {
  position: relative;
  background-color: #fdfdcd;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  top: 20px;
}

.infobox-titelGray {
  position: relative;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  top: 20px;
}

.infoboxTable-titel {
  position: relative;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  top: 14px;
}

/* スクロールバー付きの .infobox のタイトル右側のawesomeiconの位置調整の記述*/
.infobox-titel i {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

/* 日付の装飾 */
.dateDeco {
  background-color: rgb(129, 214, 116);
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}

.grayDeco {
  background-color: #555;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}

.greenDeco {
  background-color: #62BB55;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}

.blueDeco {
  background-color: #3E45E1;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}

.orangeDeco {
  background-color: #F2903D;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}

.purpleDeco {
  background-color: #733DCC;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  margin-right: 3px;
}


.entry-btn {
  font-size: 1.2em;
  padding: 10px 30px;
  margin: 0 0 30px 30px;
  background-color: #FF9966;
  border: 1px solid #FF9966;
  color: #fff;
  font-weight: 800;
  box-shadow: 4px 4px #888;
}

.entry-btn a {
  color: #fff;
}

.entry-btn a:hover {
  color: #FF9966;
}

.entry-btn:hover {
  transition: all .4s;
  background: #fff;
  color: #FF9966;
}

.entry-btn:active {
  transition: all .1s;
  top: 4px;
  box-shadow: none;
}



ul.lineHeight li {
  margin-bottom: 3px;
}

/* 日付の右側のawesomeiconの大きさと位置調整の記述 */
.dateDeco i {
  font-size: 0.9em;
  position: relative;
  top: -3px;
  margin-right: 3px;
}

.newDeco {
  background-color: #ff948c;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  margin-right: 3px;
}

.oldDeco {
  background-color: #8c8c8c;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  margin-right: 3px;
  font-size: 0.9em;
}

/* 目立たせる枠やシンプルな枠組み  */
.setumei {
  width: auto;
  height: auto;
  border-radius: 20px;
  background-color: #FFFFCC;
  padding: 30px;
  margin: 30px 0 30px 0;
}

.setumei-b {
  width: auto;
  height: auto;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  border: 3px solid #FFCCCC;
}

.setumei-blue {
  width: auto;
  height: auto;
  border-radius: 20px;
  background-color: #e4f1ff;
  padding: 30px;
  margin: 30px 0 30px 0;
}


/* 白背景の枠組み  */
.haikei {
  width: auto;
  height: auto;
  border-radius: 20px;
  background-color: #FFF;
  padding: 10px;
  margin: 10px 0 60px 0;
}

/*デスクトップ用の枠装飾→スマホ用はマージン調整*/
.waku {
  display: inline-block;
  border-radius: 15px;
  height: auto;
  padding: 30px;
  margin: 20px;
  background-color: #fff;
  border: 1px solid #CCC;
}

.kaisetsu {
  height: auto;
  padding: 20px;
  border-radius: 20px;
  background-color: #f9f9f9;
  display: inline-block;
}

.check {
  position: relative;
  display: inline-block;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 2px #81D674;
  border-radius: 0px 5px 5px 5px;
  font-size: 14px;
  min-width: 640px;
}

.check .box-title {
  position: absolute;
  display: inline-block;
  top: -30px;
  left: -2px;
  padding: 0 9px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 17px;
  background: #81D674;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.check p {
  line-height: 1.5em;
}

.check ul {
  margin-left: -15px;
}

.check2 {
  position: relative;
  display: inline-block;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 2px #81D674;
  border-radius: 5px 5px 5px 5px;
  font-size: 14px
}

.osusume-box {
  position: relative;
  background-color: #F1F8E0;
  padding: 1em;
  margin: 2em;
  border-radius: 10px;
  display: inline-block;
}

.osusume-tape {
  position: absolute;
  top: -0.75em;
  background-color: #A9F5BC;
  border-left: 4px solid #8BC6CA;
  padding: 0.25em 1em;
  color: #454545;
  transform: rotate(-3deg);
  font-size: 14px
}

.osusume-box p {
  color: #454545;
  padding: 15px 10px 15px 10px;
}

.osusume-box ul li {
  margin-top: 10px;
}

.kanren-box {
  position: relative;
  background-color: #F8ECE0;
  padding: 1em;
  margin: 2em;
  border-radius: 10px
}

.kanren-tape {
  position: absolute;
  top: -0.75em;
  background-color: #F5D0A9;
  border-left: 4px solid #FF8000;
  padding: 0.25em 1em;
  color: #454545;
  transform: rotate(-3deg);
  font-size: 14px
}

.kanren-box p {
  color: #454545;
  padding: 15px 10px 15px 10px;
}

.profile {
  position: relative;
  display: inline-block;
  height: auto;
  border: 4px solid #aaa;
  padding: 60px 15px;
  margin: 50px 0 30px 0;
  border-radius: 10px;
  font-size: 14px;
  max-width: 600px;
}

.profile_title {
  position: absolute;
  top: -30px;
  left: 40px;
  font-weight: bold;
  font-size: 120%;
  background-color: #fff;
  padding: 10px 15px;
  color: #585858;
	border:4px solid #aaa;
	border-radius:5px;
}

.profile p {
  line-height: 1.5em;
}


.widget .profile ul{
	list-style: unset;
	padding-left:25px;
}
.prf-section{
	text-align:center;
}
.prf-section p{
	margin:0;
}
.prf-name{
	font-weight:800;
	font-size:17px;
}
.prf-position{
	color:#555;
}

p.snsicon-position{
	margin:20px;
}

.TW-blue {
    color: #1DA1F1;
	 text-decoration:none;
}

.YT-red{
	color:#FF0200;
   text-decoration:none;
}


/* テキストの行間を作るためのCSS */
.space-1 {
  margin: -1em 0 1em 0;
}

.space-2 {
  margin: -1em 0 2em 0;
}

.space-3 {
  margin: -1em 0 3em 0;
}

.space {
  margin: 0 0 2em 0;
}

.space-ud {
  margin: 2em 0 2em 0;
}

span.space-ud {
  display: inline-block;
  margin: 2em 0 2em 0;
}

a.space-ud {
  display: inline-block;
  margin: 2em 0 2em 0;
}

.space-u1d2 {
  margin-bottom: 2em;
}

.space-u1d3 {
  margin-bottom: 3em;
}

.space-u1d4 {
  margin-bottom: 4em;
}

p .p-lineheight {
  margin-bottom: 0em;
}

/* テキストの文字サイズを変更するCSS */
.small-12 {
  font-size: 12px !important;
  line-height: 1.6em;
}

.small-14 {
  font-size: 14px;
  line-height: 1.6em;
}

.small-16 {
  font-size: 16px !important;
  line-height: 1.6em;
}

.small-18 {
  font-size: 18px !important;
  line-height: 1.6em;
}

.small-20 {
  font-size: 20px !important;
  line-height: 1.6em;
}



.small-30 {
  font-size: 30px !important;
  line-height: 1.6em;
}

/* テキストの文字色を変更するCSS */
.orange {
  color: #FF934A
}

/*画像やボックスを横並びにする*/
.box-float {
  float: left;
}


/*更新情報ボックスの記述*/
.top-box{
    padding: 1em 1em;
    background: #fff8e8;
    border: dashed 2px #fad37a;
}

.section {
  clear: both;
}


/* タイトル付きの枠 */
.waku-content {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: solid 5px #ffecc2;
  padding: 20px 20px 20px 5px;
  margin: 40px 0px !important;
  font-size: 15px;
  border-radius: 20px;
}

.waku-content::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #fff;
  padding: 2px 10px 0 10px;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.waku-content ul {
  margin: 0 0 0 -10px;
  line-height: 180%;
}

.waku-content ul li {
  margin: 0;
  font-size: 15px;
	margin-bottom:10px;
}

.waku-content-blue {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: solid 5px #d8ebff;
  padding: 20px 20px 20px 5px;
  margin: 40px 10px !important;
  font-size: 15px;
  border-radius: 20px;
}

.waku-content-blue::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #fff;
  padding: 2px 10px 0 10px;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.waku-content-blue ul {
  margin: 0 0 0 -10px;
  line-height: 180%;
}

.waku-content-blue ul li {
  margin: 0;
  font-size: 15px;
}

.waku-content-green {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: solid 5px #ddffd8;
  padding: 20px 20px 20px 5px;
  margin: 40px 0px !important;
  font-size: 15px;
  border-radius: 20px;
}

.waku-content-green::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #fff;
  padding: 2px 10px 0 10px;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.waku-content-green ul {
  margin: 0 0 0 -10px;
  line-height: 180%;
}

.waku-content-green ul li {
  margin: 0;
  font-size: 15px;
}

/* リストを組むためのCSS */
.list-nashi {
  list-style-type: none;
  padding-left: 20px;
}

.list-nashi li, .list-nashi a {
  line-height: 2em;
}

.list-none {
  list-style-type: none;
}

.list-maru {
  list-style-type: circle;
}

.list-maru li, .list-maru a {
  line-height: 2em;
  margin-right: 5px;
}

.ck-list li{
	list-style-type:none;
	margin-bottom:18px;
}

.ck-list li::before{
	font-family: 'FontAwesome';
	content: "\f046";
	margin-right:0.5em;
	color:#FF8603;
	font-weight: 400;
}

.ck-listb li{
	list-style-type:none;
	margin-bottom:18px;
}

.ck-listb li::before{
	font-family: 'FontAwesome';
	content: "\f046";
	margin-right:0.5em;
	color:#02a2ff;
	font-weight: 400;
}

.ck-listg li{
	list-style-type:none;
	margin-bottom:15px;
}

.ck-listg li::before{
	font-family: 'FontAwesome';
	content: "\f046";
	margin-right:0.5em;
	color:#26cc47;
	font-weight: 400;
}


.mail-list li{
	list-style-type:none;
	margin-bottom:15px;
}

.mail-list li::before{
	font-family: 'FontAwesome';
	content: "\f0e0";
	margin-right:0.5em;
	font-weight: 400;
	font-size:1.1em;
	color:#fa9d96;
}


/*複数関連記事用のリスト*/
.kanren li{
	list-style-type:none;
        padding:20px 5px 5px 0px;
  border-bottom: dashed 1px silver;

}

.kanren li::before{
	font-family: 'FontAwesome';
	content: "\f138";
	margin-right:0.5em;
	color:#FF8603;
	font-weight: 400;
}


.marker-under-blue{
	background:linear-gradient(transparent 60%,#AACCFF 60%)
}

.marker-under-red{
	background:linear-gradient(transparent 60%,#fcc2c2 60%)
}



/* 時間足毎の画像に使うCSS */
.time-1 {
  display: inline-block;
  background: #ffb070;
  font-size: 0.7em;
  margin-top: 40px;
  padding: 4px;
  position: relative;
  clear: both;
}

.time-1::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  height: 0;
  top: -30px;
  left: 20px;
  border-bottom: 30px solid #ffb070;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  color: #fff;
  padding: 0 10px;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
	line-height: 3em;
}

.time-5 {
  display: inline-block;
  background: #1704be;
  font-size: 0.7em;
  margin-top: 40px;
  padding: 4px;
  position: relative;
  clear: both;
}

.time-5::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  height: 0;
  top: -30px;
  left: 20px;
  border-bottom: 30px solid #1704be;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  color: #fff;
  padding: 0 10px;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
	line-height: 3em;
}

.time-15 {
  display: inline-block;
  background: #5d5d5d;
  font-size: 0.7em;
  margin-top: 40px;
  padding: 4px;
  position: relative;
  clear: both;
}

.time-15::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  height: 0;
  top: -30px;
  left: 20px;
  border-bottom: 30px solid #5d5d5d;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  color: #fff;
  padding: 0 10px;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
  line-height: 3em;
}

.imgwaku {
  display: inline-block;
  background: #cd853f;
  font-size: 0.7em;
  margin-top: 40px;
  padding: 4px;
  position: relative;
  clear: both;
}

.imgwaku::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  height: 0;
  top: -30px;
  left: 20px;
  border-bottom: 30px solid #cd853f;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  color: #fff;
  padding: 0 10px;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
		line-height: 3em;
}


.img-border{
	border:solid 2px #a5a5a5;
}

/* トレード結果の画像に使うCSS */
.result {
  display: inline-block;
  background: #1fa303;
  font-size: 0.7em;
  margin-top: 40px;
  padding: 4px;
  position: relative;
  clear: both;
}

.result::before {
  content: attr(data-item);
  display: inline-block;
  position: absolute;
  height: 0;
  top: -30px;
  left: 20px;
  border-bottom: 30px solid #1fa303;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  color: #fff;
  padding: 0 10px;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
	line-height: 3em;
}

/* 区切りを入れるライン（hr）で呼び出すcss */
.border {
  border-width: 2px 0px 0px 0px;
  border-style: dotted;
  border-color: #FFC8C9;
  height: 1px;
}

/* Q&Aに使えるcss */
.qa {
  background: #ffa254;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.9em;
  margin-right: 5px;
  width: 2.5em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

.qa2 {
  background: #5FB404;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.9em;
  margin-right: 5px;
  width: 2.5em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

.qa3 {
  background: #F5A9BC;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.9em;
  margin-right: 5px;
  width: 2.5em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

.qa4 {
  background: #5882FA;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.9em;
  margin-right: 5px;
  width: 2.5em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

/* 数字に装飾して順番解説する時に使えそうなcss */
.number {
  background: #F59C50;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.8em;
  margin-right: 5px;
  width: 1.8em;
  text-align: center;
}

/* 画像を使って解説するときの補助として使えそうなcss*/
.img-info {
  display: inline-block;
  background: #eee;
  border-radius: 4px;
  font-size: .9em;
  margin: 20px 0 30px 0;
  line-height: 1.6em;
  padding: 5px 10px;
  position: relative;
  clear: both;
}

.img-info::before {
  content: "";
  display: inline-block;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent #eee;
  position: absolute;
  left: 120px;
  top: -40px;
}

/* img-infoの色違いのcss*/
.img-hosoku {
  display: inline-block;
  background: #FEFCCC;
  border-radius: 4px;
  font-size: .9em;
  margin: 20px 0 30px 0;
  line-height: 1.6em;
  padding: 5px 10px;
  position: relative;
  clear: both;
}

.img-hosoku::before {
  content: "";
  display: inline-block;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent #FEFCCC;
  position: absolute;
  left: 120px;
  top: -40px;
}




/*枠線つき吹き出し*/
.img-info-waku {
  position: relative;
  padding: 1em;
  border: 3px solid #eee;
  margin-top: 30px;
}

.img-info-waku:before,
.img-info-waku:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}

.img-info-waku:before {
  top: -40px;
  border-style: solid;
  border-color: transparent transparent #eee transparent;
  border-width: 0 45px 40px 0;
}

.img-info-waku:after {
  top: -34px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 39px 35px 0;
  z-index: 10;
}

.str-info {
  display: inline-block;
  background: #FFFFCC;
  border-radius: 4px;
  font-size: 1em;
  margin-top: 20px;
  padding: 10px 15px;
  position: relative;
  clear: both;
}

.str-info::before {
  content: "";
  display: inline-block;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #FFFFCC;
  position: absolute;
  left: 200px;
  top: -20px;
}

/* ページトップに戻るボタンのCSS */
.go-to-top-button {
  background-color: #e2f8d7;
  color: #69b942;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  border-radius: 100px;
  font-size: 20px;
	opacity:0.8;
	border:solid 0px #69b942;
}

.go-to-top-button:hover {
  color: #69b942;
}

/*ボタンの位置*/
.go-to-top {
  position: fixed;
  display: none;
  right: 10px;
  bottom: 15px;
  z-index: 99999;
}

/* DLPに誘導するボタンのCSS */
#pageTop3 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: block;
  z-index: 9999;
}

#pageTop3 a {
  width: auto;
  display: block;
  padding: 5px 5px 5px 18px;
  border-radius: 5px;
  background-color: #FF9258;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  /*text-align: center;*/
  margin: auto;
}

#pageTop3 a:hover {
  text-decoration: none;
  opacity: 0.5;
}

/*PCとモバイルの表示内容を変えるよう*/
.pc-size {
  display: block;
}

.mb-size {
  display: none;
}

@media only screen and (max-width: 750px) {
  .pc-size {
    display: none;
  }

  .mb-size {
    display: block;
  }
	.check{
		min-width:100%;
	}
}

/*　指定したページ内でトップに戻るボタン（DLへの導線）を消すための記述 */
/* Simplycity childのthema footer　ｐｈｐファイル内　<footer>に各ページIDをclass名で記述するコードを挿入済み。*/
/* 該当のページIDを控えて、下記にカンマで追加記述することでDLボタンを消せる。*/



.modal3count {
  font-size: 1.1em;
  font-weight: bold;
  color: #3f3f3f;
}

/*  記事中のTwitterカードに対してのCSS  */
.twitter-tweet {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* 要素の下にスペースを用意する際のcss*/
.mgb-15 {
  margin-bottom: 15px !important;
}
.mgb-20 {
  margin-bottom: 20px !important;
}

.mgb-30 {
  margin-bottom: 30px !important;
}

.mgb-40 {
  margin-bottom: 40px !important;
}

.mgb-50 {
  margin-bottom: 50px !important;
}
.mgb-60 {
  margin-bottom: 60px !important;
}
.mgb-70 {
  margin-bottom: 70px !important;
}
.mgb-80 {
  margin-bottom: 80px !important;
}

.list-marginBottom ul li {
  margin-bottom: 2em;
}

.list-marginBottom11 ul li {
  margin-bottom: 1.1em;
}

/* 要素の上下のスペースをなくす際のcss*/
.mg-mt{
	margin-top:-30px;
}

.mg-mb{
	margin-bottom:-50px;
}


/*アコーディオンメニュー*/
.acmenu {
position: relative;
overflow: hidden;
width: auto;
margin-left: 40px;
margin-right: 40px;
color: #696969;
}

.acmenu input {
position: absolute;
z-index: -1;
opacity: 0;
}

.acmenu label {
font-weight: bold;
font-size: 14px;
line-height: 3;
position: relative;
display: block;
padding: 0 0.5em 0 0.5em;
cursor: pointer;
margin: 0 0 1px 0;
background: #f5deb3;
}

.acmenu .acmenu-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
}

.acmenu .acmenu-content p {
margin: 1em;
font-size: 14px;
}

.acmenu p{
margin-bottom:0px;
}

/* :checked */
.acmenu input:checked ~ .acmenu-content {
max-height: fit-content;
}

/*チェックのアイコン（↓）*/
.acmenu label:after{
color: #696969;
font-family:"FontAwesome";
content:" \f078";
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 3em;
}

/*チェックのアイコン（↑）*/
.acmenu input:checked ~ label::after {
color: #696969;
font-family:"FontAwesome";
content:" \f077";
}

/*アコーディオンメニュー（モバイル）*/
.acmenu-mb {
position: relative;
overflow: hidden;
width: 100%;
color: #696969;
}

.acmenu-mb input {
position: absolute;
z-index: -1;
opacity: 0;
}

.acmenu-mb label {
font-weight: bold;
font-size: 14px;
line-height: 3;
position: relative;
display: block;
padding: 0 0.5em 0 0.5em;
cursor: pointer;
margin: 0 0 1px 0;
background: #f5deb3;
}

.acmenu-mb .acmenu-mb-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
}

.acmenu-mb .acmenu-mb-content p {
margin: 1em;
font-size: 14px;
}

.acmenu-mb p{
margin-bottom:0px;
}

/* :checked */
.acmenu-mb input:checked ~ .acmenu-mb-content {
max-height: fit-content;
}

/*チェックのアイコン（↓）*/
.acmenu-mb label:after{
color: #696969;
font-family:"FontAwesome";
content:" \f078";
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 3em;
}

/*チェックのアイコン（↑）*/
.acmenu-mb input:checked ~ label::after {
color: #696969;
font-family:"FontAwesome";
content:" \f077";
}



/***************************
 * cocoonの吹き出しに関わる装飾→スピーチバブルの再現
 * ***************************/
.speech-balloon {
    border-radius: 14px  14px;
	  top: 35px;
}

.sbs-think > .speech-balloon {
    top: 15px;
}

.speech-balloon::before{
	top:-1px;
	border-top:none;
}
/*.speech-balloon::after{
	display:none;
}

*/
.sbs-line.sbp-r .speech-balloon {
    background-color: #c4ffc4!important;
    border-color: #c4ffc4!important;
}


.speech-balloon:before {
    top: -1px;
    border-top: none;
    border-right: 25px solid #ccc;
}

.sbp-r .speech-balloon:before{
	    border-left: 25px solid #ccc;
}
.sbs-line.sbp-r .speech-balloon::before, .sbs-line.sbp-r .speech-balloon::after {
    border-right-color: #c4ffc4!important;
    border-left-color: #c4ffc4!important;
}



div.sbs-think .speech-balloon:before{
    border: 2px solid #ccc;
    border-radius: 50%;
    left: -29px;
    top: 11px;
    width: 20px;
    height: 20px;
}

/* 名前の位置を移動させる　*/
.speech-person{
	position:relative;
}
.speech-name{
    position: absolute;
    top: -15px;
    left: 105px;
    width: max-content;
	font-size:15px;
}

.sb-id-10.sbs-think.sbp-l.sbis-sn .speech-name{
	top: -15px;
}
.sbs-think.sbp-r.sbis-sn .speech-name {
    top: -12px;
    left: -69px;
}
.sbs-line.sbp-r.sbis-cn .speech-name {
    top: 9px;
    left: -50px;
}

.sbs-flat .speech-name {
    top: 5px;
}



/* フラットパターンとLINEパターンのときだけ邪魔な疑似要素を消す。 */
div.sbs-flat .speech-balloon:after,div.sbs-line .speech-balloon:after{
	display:none;
}


@media screen and (max-width: 480px){
	.speech-wrap.sbp-l .speech-balloon {
		margin-left: 10px;
		margin-bottom: 50px;
	}
	.speech-balloon {
    top: 15px;
	}

	.speech-wrap.sbp-r .speech-balloon:before {
    border-left-width: 20px;
}
	.speech-wrap.sbp-l.sbs-think .speech-balloon:before{
		border-right-width: 2px;
	}
		.speech-wrap.sbp-l.sbs-flat .speech-balloon:before{
		border-right-width: 20px;
		border-bottom-width: 15px;

	}

	.speech-name {
    top: -11px;
    left: 52px;
	}
	.sbs-flat .speech-name {
    top: -10px;
}
}


/*********************************
**********************************
** プラグイン関係のコード
*********************************
*********************************/

/*********************************
** Contactform７に対してのCSS
*********************************/
.sent .formInner {
  display: none;
}

.form-attention {
  display: none;
}

.sent .form-attention {
  display: block;
}

/* contact form7のsubmitに対してのボタン装飾 */
.cf7-5min {
  width: auto;
  font-size: 20px;
}

.cf7-5min>input[type="submit"] {
  position: relative;
  background-color: #FF9966;
  font-size: 20px;
  border-radius: 4px;
  width: 150px;
  font-weight: 800;
  color: #fff !important;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 5px 0 #a87043;
  border: none;
}

.cf7-5min>input[type="submit"]:hover {
  background-color: #ffad84;
  box-shadow: 0 5px 0 #bc8151;
}

.cf7-5min>input[type="submit"]:active {
  top: 5px;
  box-shadow: none;
	position:relative;
}

/* contact form7のチェックボックスを盾列改行にする */
span.wpcf7-list-item {
  display: block !important;
}

/* contact form7のフォント装飾やinputタグ、テキストエリアの調整*/
.cf7-sc {
  font-size: 1.2em;
  color: #FF9966;
}

.cf7-size {
  font-size: 1.2em;
}

.cf7-size2 {
  font-size: 0.9em;
}

input[type="text"],[type="email"]{
  font-size: 16px !important;
  width: 100% ; 
}

textarea {
  margin: 10 0 0 0px !important;
  font-size: 16px !important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
	 width:80%;
}

/*related postに関わる記述*/
/* imgのサイズと位置を調整→位置はプラグイン内の大本のCSSの　ul.related_post li a img　に関するimportantタグを外す必要あり */
ul.related_post li a img {
  width: 150px !important;
  height: 80px !important;
  margin: -33px 10px 0 0 !important;
}

ul.related_post li {
  margin-bottom: 50px !important;
}

/* 日付の位置を上にズラす表記 */
small.wp_rp_publish_date {
  top: 15px;
  position: absolute;
}

/* モバイルサイズのときに画像配置と文字間を調整。overflowで文字の回り込みも回避　 */
@media only screen and (max-width:480px) {
  ul.related_post li a {
    display: block;
    line-height: 1.4em;
    overflow: auto;
    padding: 30px 0;
  }

  ul.related_post li a img {
    width: 145px !important;
    height: 90px !important;
    margin: -28px 10px 0 0 !important;
  }

  small.wp_rp_publish_date {
    top: 31px;
    position: absolute;
  }
}


/* download managerのスマホのときのsubmitボタンの装飾*/
.w3eden .all-locks-table .wpdm_submit.btn {
    width: 100%;
}

/* download managerの装飾*/
.w3eden .input-group-btn .btn.wpdm_submit{
	width:100%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* 1240px以上*/
@media screen and (min-width: 1240px) {

  /* プラグインrelatedpostの間隔調整（デスクトップだけmargin-bottom）*/
  div#wp_rp_first>div.wp_rp_content>ul.related_post>li {
    margin-bottom: 50px !important;
  }
	.wpcf7 select{
		width:190px;
	}
	.main img{
	max-width:600px;
}
		td > a > img,td > img{
	max-width:400px!important;
}


}
.maximg{
		max-width:100%!important;
}



/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }

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

.demo01 th,.demo01 td{
width: 100%;
display: block;
border-top: none;
text-align:center;
}
.demo01 tr:first-child th { border-top: 1px solid #ddd; }
}


table.mt45 tr {
	font-size:13px;
}


/*1240px以下*/
@media screen and (max-width: 1240px) {

  /*必要ならばここにコードを書く*/
  /*モバイル表示の場合はカテゴリーラベルの位置をエントリーカードの上に持ってくる*/
  span.cat-label {
    top: -11px;
    left: -1px;
  }

  /*モバイル・タブレット表示の場合はカルーセル内のカテゴリーラベルの位置を下げる*/
  #carousel span.cat-label {
    top: 0;
  }

  .waku {
    margin: 10px;
    padding: 15px;
  }

  /*モバイル・タブレット表示の場合はエントリーカードの位置と装飾を独自に行う*/
  .entry-card-meta, .related-entry-card-meta {
    bottom: 0;
  }

  .entry-card-title, .related-entry-card-title {
    margin-bottom: 20px;
  }

   .wpcf7 input[type="your-name"],
	.wpcf7 input[type="your-email"],
	.wpcf7 input[type="your-message"]{
		width:auto;
		margin:0 0 0 1em;
	}




}

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

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

/* レスポンシブ対応のテーブル作成 */


.table-responsive tr th:first-of-type{
display:none;
}
	table.table-responsive tr {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
	}

		.table-responsive.th-center th{
		text-align:center;
	}

.table-responsive tr td:first-of-type:before {
    content: attr(data-label);
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .25em .5em;
    /* box-shadow: 0 1px 1px 0 rgba(0,0,0,.25); */
    background: #eee;
    font-weight: 800;
    font-size: 16px;
}
	.table-responsive td{
		padding-top:55px;
		padding-bottom:20px;

	}
	.table-responsive thead th {
    font-size: 18px;
    padding: 10px;
    background-color: #5bc300;
    color: #FFF;
	}

	table tr:nth-of-type(2n+1) {
    background-color: #f8fbff;
}


	.scroll-width{
		width:800px;
	}
	.over-scroll{
      overflow-x: auto;
      white-space: nowrap;
	}

}

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







/****************
 *特定ページで Entry-topCARDを非表示にするためのコード
 * ****************/


#post-58719 #display-style ,#post-14678 #display-style ,#post-57458 #display-style ,#post-49059 #display-style ,#post-60287 #display-style ,#post-55718 #display-style ,#post-56218 #display-style ,#post-40448 #display-style ,#post-60610 #display-style{
	display:none;
}




/*  記事トップに配置するダウンロードボタン*/
.square_btn {
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 2em;
    text-decoration: none;
    color: #FFF;
    background: #00bf08;
    transition: .4s;
	 text-align:center;
  }

.square_btn:hover {
    background: #24f12c;
	 color: #FFF;
}

.wideBox{
    width: auto;
    padding: 0 20px;
    line-height: 1.5em;
}


.square_btn:before{
	 line-height: 1 !important;
    content: "\f054";
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}

.nyusyu_btn {
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 2em;
    text-decoration: none;
    color: #FFF;
    background: #fa845a;
    transition: .4s;
	 text-align:center;
  }

.nyusyu_btn:hover {
    background: #f7ab97;
	 color: #FFF;
}


.nyusyu_btn:before{
	 line-height: 1 !important;
    content: "\f054";
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}



@keyframes horizontal{
 60%,75%,90%,from,to{
	 -webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
	 animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
	 from{opacity:1;
		 -webkit-transform:translate3d(0px,0,0);
		 transform:translate3d(0px,0,0)}
	 60%{opacity:1;
		 -webkit-transform:translate3d(-10px,0,0);
		 transform:translate3d(-10px,0,0)}
	 75%{-webkit-transform:translate3d(10px,0,0);
		 transform:translate3d(10px,0,0)}
	 90%{-webkit-transform:translate3d(-3px,0,0);
		 transform:translate3d(-3px,0,0)}
	 to{-webkit-transform:none;transform:none}
	}



.dlbox-10 {
   height: 15.3em;
	padding: 0 10px;
   overflow: scroll;
   background-color:#eee;
	position:relative;
	font-size:14px;
	border-radius: 0 0 5px 5px;
}

.infobox-liBold ol > li{
	font-weight:800;
	margin-top:5px;
}

.dl-line{
	border:1px dashed #F5D0A9;
}

.green{
	color:#00d848;
}

/* ブルブル震える文字　
 * 0.1秒間のアニメーションを200回行う設定。*/

.buruburu {
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(.5deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


.starcolor{
	color:#FFCC00;
}

.speech-balloon p{
	  margin: 1em 0;
}

div.sbs-think.sbp-l .speech-balloon {
    margin-left: 46px;
    top: 10px;
}

.speech-wrap {
    margin: 55px 0;
}

/*cocoon関連記事機能の装飾をいじる記述*/
.recb-entry-border .related-entry-card-wrap {
    border: 2px solid #eee;
    border-radius: 5px;
}
.home .entry-card-meta, .home .related-entry-card-meta{
	width: 100%;
}
.entry-card-meta, .related-entry-card-meta {
	width: fit-content;
}


/*関連記事の文字サイズを変更する記述*/
.rect-vartical-card .related-entry-card-title {
    font-size: 13px;
}


/*マウスオーバーで画像が拡大する記述*/
.imgzoom {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.imgzoom img {
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgzoom img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

/*テキストを真ん中に寄せる記述*/
.text-center{
	text-align:center;
}

/*テーブルの枠を均等にする記述*/
.kintou{
	table-layout:fixed;
	width:100%;
}


/*要素を範囲内で均等分けにする記述（サイドバーのアイコンで使用）*/
.flex_side-box {
    padding:  15px 0 15px 0;
    display: flex;
    flex-wrap: nowrap;
	justify-content:space-between;
}


/*ブログカードの装飾*/

.blogcard {
	padding: 1rem;
	color: #333;/*記事タイトルの色を変更*/
	position: relative;
	border-color: #757474 !important; /* ここで枠線の色を変更 */
}

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: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

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

.blogcard::after{
	content: 'この記事を読んでみる \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5em;
	right: 1em;
	font-size: 70%;
	background-color: #00AA2D; /* 内部リンク右下枠の背景色 */
	padding: .2em .4em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

.blogcard-content{
	margin-bottom:.7em;
}


/*****************************
 * jsによるタブ切り替えの装飾
 * ****************************/

.ChangeElem_Panel{
  display: none;
}
ul.tab-list-margin  li{
	margin-bottom:50px;
}

.ChangeElem_Btn_Content{
  position:relative;
}
/*
.tab_content div {
  width:100%;
  height:200px;
  position:absolute;
  color:#222;
}
*/

.l-card {
  width: 350px;
  padding: 0;
  margin:  auto;
}


.l-thumbnail {
  position: relative;
  width: 100%;
  height: 250px;
}
.tab-img-wrapper {
  display: block;
  margin: 0;
  padding: 0;
}

.tab-img-wrapper::after {
    transition: .5s;
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    display: block;
    width: 100%;
    height: 93.4%;
	background: rgba(0,0,0,.4);
    opacity: 0.5;
}

.tab-img-wrapper img{
  display: block;
  max-width: 100%;
}
.more-text {
  transition: 0.5s;
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  display: inline-block;
  padding: 6px 12px 8px;
  color: #fff;
  font-size: 24px;
  border: 1px solid #fff;
  opacity: 1;
	z-index:2;
}
.l-card:hover .tab-img-wrapper::after {
  opacity: 1;
}
.l-card:hover .more-text {
  opacity: 1;
}
a.is-active{
	opacity:0.5;
}
a.is-active .more-text,.tab-img-wrapper.is-active:after{
	opacity:1;
}

@media screen and (max-width:813px){
	.more-text,.tab-img-wrapper::after{
opacity:1;
	}
	ul.tab-list-margin{
    margin-left: -27px;
	}
.payment-img img {
    width: 100px!important;
}

.x-scroll:after{
	content:"→横にスライド出来ます";
	position:relative;
	bottom:30px;
	left:0;
}
	button.pum-close.popmake-close {
		bottom: 7px!important;}

}
.payment-img img {
    width: 150px;
}

table tr:nth-child(even) {
    background-color: #fff!important;
}
/*.visible-content a.is-active{
display:none;
	transition:0.2s;
}
*/

.updown-center{
  text-align: center;
	text-decoration:none;
	  display: block;

}
.btn-box{
	display:inline-block;
	margin:30px 30px;

}
.inner-x-scroll{
	width:700px;
	height:auto;
}
.x-scroll{
	overflow-x:auto;
	white-space:nowrap;
}


.postid-14678 div#popmake-78570{
    display: none!important;
}


a.popup-btn-yes {
    background-color: #009917;
    padding: 10px;
    color: #fff;
}

a.webiner-popup-btn-yes{
	   background-color: #ecb15d;
    padding: 10px;
    color: #000;
}

button.pum-close.popmake-close {
    bottom: 9px!important;
    width: 150px!important;
    right: 20px!important;
    background-color: #676767!important;
    border-radius: 0px!important;
    color: #b5b5b5!important;
    height: 34px!important;
}

/* ダウンロードLPでアピールエリア、サイドバナーを非表示にして、記事レイアウトの調整 */
.postid-14678 div#appeal,.postid-14678 #sidebar,.postid-14678 div#popmake-80623 ,.postid-14678 .logo-header,.page-id-34166 div#appeal,.page-id-34166  #sidebar,.page-id-34166  div#popmake-80623 ,.page-id-34166 .logo-header,.page-id-3626 div#appeal,.page-id-3626  #sidebar,.page-id-3626  div#popmake-80623 ,.page-id-3626 .logo-header,.page-id-82228 div#appeal,.page-id-82228 #sidebar,.page-id-82228div#popmake-80623 ,.page-id-82228 .logo-header,.page-id-82228 nav,.page-id-82228 .article-footer,.page-id-82228 .breadcrumb,.page-id-82228 .author-info{ 
	display:none!important;
}

/* 画像をカラムいっぱいのwidthで表示させるときの記述 */
.full-width-img{
max-width:100%!important;	
}


button.browserbuck-btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #949494;
    color: #FFF;
    border-bottom: solid 4px #383838;
    border-radius: 3px;
}
.browserbuck-btn:hover{
    background: #bbbbbb;
  text-decoration:none;
}

.browserbuck-btn:active{
/*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/}


.webinar-content{
text-align:center;	
}

.special-h2{
	margin-top:100px!important;
}
.hukidashi-sub {
display: inline-block;
    background: #eee;
    border-radius: 4px;
    font-size: 14px;
    margin: 20px 0 30px 0;
    line-height: 1.6em;
    padding: 5px 10px;
    position: absolute;
    clear: both;
    top: -67px;
    color: #585858;
}

.hukidashi-sub::before {
content: "";
    display: inline-block;
    border-width: 20px;
    border-style: solid;
    border-color: #eee transparent transparent;
    position: absolute;
    left: 50px;
    top: 32px;
}

a.webinar-btn{
	  transition: all 0.3s ease 0s;
  cursor: pointer;	
	  border-bottom: 0.1875em solid #79541e;
display:inline-block;
	padding:0;
	margin:0;
}
a.webinar-btn img {
    padding: 0;
    margin: 0;
    position: relative;
    top: 1px;
}
a.webinar-btn:hover {
 
}


/*  記事トップに配置するダウンロードボタン*/
.webinar_btn {
	display: inline-block;
	font-weight: bold;
	padding: .25em 2em;
	text-decoration: none;
	background: #ecb15d;
	text-align: center;
	color: #000;
	font-size: 22px;
	transition: all 0.2s ease 0s;
	cursor: pointer;	
	border-bottom: 0.1em solid #79541e;
  }

.webinar_btn:hover {
    background: #ffca7e;
	 color: #777;
	 border-bottom-color: transparent;
  transform: translateY(0.1em);
}

.webinar_btn:before{
	 line-height: 1 !important;
    content: "\f054";
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}

/*INDEXボックスナビの記述*/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}


.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#FFF;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 3px 3px 0 0 #FAD37A, 3px 3px 0 0 #FAD37A, 3px 0 0 0 #FAD37A, 0 3px 0 0 #FAD37A;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}

@media screen and (max-width: 559px) {
  .p-nav ul li{
    -ms-flex-preferred-size: calc(100%/2);/* 2列 */
    flex-basis: calc(100%/2);/* 2列 */
  }
}

/*エントリートップの装飾*/
.entrytop-lp{    
    padding: 20px;
    margin: 15px 20px;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #fff8e8;
    border:dashed 2px #fad37a;
    background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2020/04/korbgimg5.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
}

.entrytop-lpbtn{
    position: absolute;
    bottom: 10px;
    right:10px;
}

.etbtn {
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 2em;
    text-decoration: none;
    color: #FFF;
    background: #fad37a;
	 text-align:center;
  }


@media screen and (max-width: 560px){
.entrytop-lp{    
    padding: 20px;
    margin: 15px 20px;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #fff8e8;
    border:dashed 2px #fad37a;
    background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2020/04/korbgimg5.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 40%;
}

.entrytop-lpbtn{
    position: absolute;
    bottom: 10px;
    right:3px;
}

.etbtn {
    display: inline-block;
    font-weight: bold;
    font-size:12px;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
    color: #FFF;
    background: #fad37a;
	 text-align:center;
  }
}

.video-container {
margin: 0px auto;
}

/*初心者メルマガフォーム*/
.sform{    
    padding: 20px;
    margin: 15px 20px;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #e2ffdbb8;
    border:dashed 2px #33B178;
    background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2020/10/syosinsyarouteimg.png);
    background-repeat: no-repeat;
	 background-size:15%;
    background-position: right bottom;
    position: relative;
	 width:80%

}

@media screen and (max-width: 560px){
.sform{    
    padding: 20px;
    margin: 15px 20px;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #e2ffdbb8;
    border:dashed 2px #33B178;
    background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2020/10/syosinsyarouteimg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 20%;
}

}

/*問い合わせフォーム*/
.tform{    
    padding: 20px;
    margin: 15px 20px;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #dbf7ff40;
    border:dashed 2px #0066FF;
	 width:80%

}


/*ちょっとした強調のバックグラウンド*/
.bgorange {
  background-color: #ffc757;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  margin-right: 3px;
}

.bgblue {
  background-color: #87afff;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  margin-right: 3px;
}

/*HubSpotのポップアップのCSS　一覧（PC版）*/
/*HubSpotのポップアップのCSS　ボタン系*/
.leadinModal .leadin-preview-wrapper .advance-wrapper .leadin-button {
   width: auto;
  position: relative;
  left: 260px;
	bottom: -35px;
}

/*HubSpotのポップアップのCSS　背景色*/
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper {
	background-color: #FFFFFF;
	background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2023/01/popup_2023lppc.png);
		background-size:560px;
}

/*HubSpotのポップアップのCSS　見出し系*/
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 {
    margin-bottom: 0.6em;
	margin-left: 220px;
	color: transparent;
}


/*HubSpotのポップアップのCSS　画像系*/
.leadinModal.leadinModal-v3 .dyno-image img {
    display: block;
    margin: 0 auto;
	max-width: 560px;
	max-height: 160px;
}

/*HubSpotのポップアップのCSS　一覧（スマホ版）始まり*/
@media only screen and (max-width: 768px){
/*HubSpotのポップアップのCSS　ボタン系*/
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button {
	width: auto;
    position: relative;
    left: 90px;
	bottom: -55px;
    font-size: 14px;
}

/*HubSpotのポップアップのCSS　背景色*/
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body #leadin-content-form-wrapper, .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper {
	background-color: #FFFFFF;
	background-image: url(https://www.binaryoption-blog.jp/wp-content/uploads/2023/01/popup_2023lpsp2-1.png);
	background-size:336px;
}

/*HubSpotのポップアップのCSS　見出し系*/
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 {
    margin-bottom: 0.6em;
	margin-left: 90px;
	color: transparent;
}

/*HubSpotのポップアップのCSS　画像系*/
.leadinModal.leadinModal-v3 .dyno-image img {
    display: block;
    margin: 0 auto;
	max-width: 336px;
	max-height: 252px;
}
	
	.leadinModal .leadinModal-content{
    max-width: none;
}
	
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper {
    margin-left: 122px;
    padding: 15px 0px 60px 0px;
}
	/*HubSpotのポップアップのCSS　一覧（スマホ版）終わり*/
}

/*SNS用のボタンカスタマイズ*/
.sns-box {
    display: flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-content:center;
    justify-content:center;
	 margin-top:10px;
}

.btn-sns {
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
}

.btn-sns i {
    line-height: 3rem;
}

.btn-twitter {
    background-color: #369BEE;
	 margin:0 0.5em 0 0.5em;
}

.btn-youtube {
    background-color: #fc6f6f;
	 margin:0 0.5em 0 0.5em;
}

.btn-interview{
	background-color: #541717;
	margin:0 0.5em 0 0.5em;
}

.btn-ranking{
	background-color: #e7d959;
	margin:0 0.5em 0 0.5em;
}

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

/*カテゴリー&アーカイブのプルダウンメニュー*/
.postform{
background-color: #ffffff;
}

select#archives-dropdown-4{
background-color: #ffffff;
}



/*ヘッダーモバイルメニューの幅調整-右側にアイコン寄せるバージョン*/

@media only screen and (max-width: 480px){
.has-logo-button .menu-button {
	width: 60px;
	height: 70px;
  }

/*ヘッダー画像の位置*/
.logo-menu-button img {
  max-height: 80px;
  display: block;
  margin: 10px 5px 10px 5px;
}

/*検索とメニューのアイコン*/
.mobile-menu-buttons .menu-icon {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 10px;
  /* font-size: 20px; */
}

/*SP版のGナビの記述（位置変更後）*/
#navi .navi-in > .menu-mobile {
	display: flex;
	padding-top: 26px;
}

/*SP版の検索とメニューのテキスト*/
.mobile-menu-buttons .menu-caption {
  font-size: 10px;
  text-align: center;
  opacity: 0.8;
  display: block;
}
}