@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/* ショップリンクボタンの色変更 */
.shoplinkamazon a {
    background: #eab130;
    transition: .4s;
}
.shoplinkamazon a:hover {
    background: #F5D898;
    color: #fff;
    opacity: 1;
}
.shoplinkrakuten a {
    background: #cd4e57;
    transition: .4s;
}
.shoplinkrakuten a:hover {
    background: #E6A7AB;
    color: #fff;
    opacity: 1;
}
.shoplinkyahoo a {
    background: #4ECDC4;
    transition: .4s;
}
.shoplinkyahoo a:hover {
    background: #A7E6E2;
    color: #fff;
    opacity: 1;
}
.shoplinkmercari a {
    background: #CA9A75;
    transition: .4s;
}
.shoplinkmercari a:hover {
    background: #E5CDBA;
    color: #fff;
    opacity: 1;
}	
	
/* ショップリンクボタンの色変更終了 */
	
	








/*コメントフォームをコメント欄の上に表示*/
.comment-area {
  display: flex;
  flex-direction: column-reverse;
}

/*コメント送信ボタン*/
#submit {
  border: solid 1px #4ecdc4!important; 
  border-radius: 4px!important; 
  font-weight:bold!important; 
  font-size: 18px!important; 
  color: #362B2A!important; 
  background-color: #4ecdc4!important; 
  letter-spacing: 2px!important; 
}

/*コメントフォーム*/

.comment-respond { /*入力欄全体の枠*/
  border: 2px solid #362b2a!important;
  margin-top: -2px;
}
.comment-respond p {
  margin: 1em 0;
}
#commentform { /*フォーム部分の枠*/
  padding: 20px;
}
p.comment-notes { /*注意書きの文字サイズ*/
  font-size: 14px;
}
p.form-submit {
  margin: 2em 0 1em 0;
}
#commentform input[type="text"], #commentform textarea { /*入力スペースの装飾*/
  padding: 11px;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  width: 100%;
  background: #dfd6c770; /*入力スペースの背景色*/
}




/*サイドバーのモバイル非表示*/
@media screen and (max-width: 768px){
  .sidebar-menu-button .widget_toc{
    display:none;
  }
}


/*パンくずリストの色変更*/

.breadcrumb-home{
	color: #362B2A;
	font-size: 14px;
}

.breadcrumb-item{
	color: #362B2A;
	font-size: 14px;
}

.breadcrumb-caption{
	color: #362B2A;
	font-size: 14px;
}



/*右クリック＆ドラッグ禁止
img {
  pointer-events: none; 
}
*/

/*写真の右クリック禁止→これを入れるとブロックエディタが壊れた
.wp-block-image {
  pointer-events: none;
}
.image {
  pointer-events: none;
}
写真の右クリック禁止完了*/

/*ビデオを中央配置*/
.video-container {
margin: 0px auto;
}
/*ビデオを中央配置終了*/

/*元の見出しスタイルを削除*/
.article h2 {
	padding: 0;
	background:none;
	margin-top:0px;
}
.article h3 {
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:none;
	padding: 0;
}
.article h4{
	border-bottom:none;
	border-top:none;
}


/*新たな見出しスタイルを設定*/
.article h2 {
	padding: 0.7em 0.7em;/*文字の上下 左右の余白*/
	color: #362b2a;/*文字色*/
	background: #dfd6c750!important;/*背景色*/
	border-left: solid 10px #4ECDC4 !important;/*左線*/
	border-bottom: solid 3px #59595922 !important;/*下線*/
	margin-top:100px;
}
.article h3 {
	padding: 0.3em 0.7em;/*上下 左右の余白*/
	color: #362b2a;/*文字色*/
	background: transparent;/*背景透明に*/
	border-top:solid 5px #4ECDC4 !important;/*上線*/
    border-bottom: solid 5px #4ECDC4 !important; /*下線*/
	font-size:22px;
	margin-top:50px;
/*	margin-top:80px;*/
}
.article h4{
	color:#362b2a;
    position: relative;
    padding-left: 1.5em;
    font-size:20px;
	margin-top:40px;
}
.article h4:before{
    font-family: "Font Awesome 5 Free";
    content: '\f45c\00a0';
    color: #4ECDC4;  
    position: absolute;
    font-size: 1em;
    left: 0;
/*    top: 0.4em; */
    font-size:20px;
}
.article h5{
/*	border-color:#4ECDC4; align-content */
	border-bottom : solid 5px #4ECDC4;
	color: #362b2a;
}
.article h6{
	border-color:#4ECDC4; align-content
	color: #362b2a;
}






/*引用のスタイル設定*/
blockquote:before {
	display:none;
}
blockquote:after {
	display:none;
}
blockquote{
	background: none;
	border: none;
}

.wp-block-quote {
    position: relative;
    padding: 10px 15px 10px 70px;
    box-sizing: border-box;
    font-style: italic;
    background: #DFD6C750;
    color: #362B2A;
    border-left: 10px solid #DFD6C7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
.wp-block-quote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\f10d";
    font-family:"Font Awesome 5 Free";
    color: #DFD6C7;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}
.wp-block-quote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}
.wp-block-quote cite {
    display: block;
    text-align: right;
	font-style:oblique;
    color:#362B2A;
    font-size: 0.7em;
}
/*引用のスタイル設定*/

/*プルクオートのスタイル設定*/
.wp-block-pullquote{
    position: relative;
    padding: 5px 10px 5px 32px !important;
    box-sizing: border-box;
    font-style: italic;
    background: #DFD6C7;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.wp-block-pullquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -15px;
    width: 40px;
    height: 30px;
    text-align: center;
    content: "\f10d";
    font-family:"Font Awesome 5 Free";
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #4ecdc490;
    box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
    font-weight: 900;
}
.wp-block-pullquote:after{
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #4ecdc4;
}
.wp-block-pullquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
.wp-block-pullquote cite {
    display: block;
    text-align: right;
	font-style:oblique;
    color: #362B2A70;
    font-size: 0.7em;
}
/*プルクオートのスタイル設定*/



/* 付箋風・案内ボックスの色変更 */
.secondary-box{
  background-color: #dfd6c7;
}

/*付箋の色変更*/
.wp-block-cocoon-blocks-sticky-box .blank-box .block-box .sticky
{
	background-color:#DFD6C7;
}
/*案内ボックス色変更*/
.wp-block-cocoon-blocks-info-box{
	background-color:#DFD6C7;
}
/*整形済みテキストの色変更*/
.wp-block-preformatted
{
	background-color: #DFD6C770;
}
/*コードの色変更*/
.wp-block-code {
	background-color: #DFD6C770;
}
/*リストの高さ変更*/
.wp-block-li{
	line-height:1.2em;
}
ul, ol {
  padding: 0em 0em 0.8em 2.3em;
}
/*メディアとテキストのキャプション下空白変更*/
.wp-block-media-text .has-large-font-size{
margin-bottom: -0.07em;
}


/*引用の行間変更*/
.wp-block-quote p {
  line-height:1.4em;
}

/*プルクオートのフォントサイズ変更*/
.wp-block-pullquote p{
	font-size:24px
}


/*ボックスの見出し色変更*/
.timeline-item-content {
  width: calc(100% - 110px);
  float: left;
  padding: .8em 1.4em;
　border-left: 3px #dfd6c7 solid;
}

.blank-box.bb-tab .bb-label, .bb-tab.is-style-blank-box-red .bb-label,
.bb-tab.is-style-blank-box-navy .bb-label,
.bb-tab.is-style-blank-box-blue .bb-label,
.bb-tab.is-style-blank-box-yellow .bb-label,
.bb-tab.is-style-blank-box-green .bb-label,
.bb-tab.is-style-blank-box-pink .bb-label,
.bb-tab.is-style-blank-box-orange .bb-label, .bb-tab.is-style-sticky-gray .bb-label,
.bb-tab.is-style-sticky-yellow .bb-label,
.bb-tab.is-style-sticky-red .bb-label,
.bb-tab.is-style-sticky-blue .bb-label,
.bb-tab.is-style-sticky-green .bb-label {
  color: #362b2a;
}

.blogcard-label {
	color:#362b2a;
}
.block-box-label {
  color: #362b2a;
}
.block-box-label::before {
  color: #362b2a;
}
.blank-box.bb-tab{
	color: #362b2a;
}
.label-box-label {
	color: #362b2a:
}
.toggle-button｛
  color: #362b2a;
｝
.toggle-button::before {
  color: #362b2a;
}
.tab-caption-box.has-border-color .box-label {
  color: #362B2A;
}
.caption-box.has-border-color .box-label {
  color: #362b2a;
}
/*ボックスの見出し色変更終了*/

/*吹き出し枠色変更*/
.sb-id-13 .speech-balloon{
border-color:#DFD6C7;/*コメント部分の「枠の色」*/
}
.sb-id-13 .speech-balloon::before,.sb-id-3 .speech-balloon::after{
background:none;
border-right-color:#DFD6C7;/*コメントの「三角形の部分の色」*/
}
.sb-id-14 .speech-balloon{
border-color:#DFD6C7;
}
.sb-id-14 .speech-balloon::before,.sb-id-3 .speech-balloon::after{
background:none;
border-right-color:#DFD6C7;
}
/*吹き出し枠色変更終了*/


/*テーブルのカスタマイズ*/

/* 見出しセルの文字色・背景色・枠線*/
/*
.entry-content th {
	color: #362b2a;
	background-color: #DFD6C7;
	border: solid 1px #DFD6C730;
	padding: 1px 5px;
}
*/
/* 見出し以外のセルの枠線設定 */
/*
.entry-content td {
	border: solid 1px #DFD6C730;
	padding: 5px 10px;
}
*/
/* 奇数行の背景色 */
/*
.entry-content tr:nth-child(odd) td {
	background-color: #DFD6C720;
}
*/
/* 偶数行の背景色 */
/*
.entry-content tr:nth-child(even) td {
	background-color: #DFD6C720;
}
*/
/* 固定列1列目の色 */
/*
.scrollable-table.stfc-sticky tr > :first-child {
  background-color: #DFD6C7;
  color: #362b2a;
}
*/
/*テーブルのカスタマイズ終了*/



/*マーカーにターコイズカラーを追加*/
/* ターコイズアンダー*/
.turquoise-under {
　background:linear-gradient(transparent 80%, #4ECDC4 0%) ;
}
/* ターコイズマーカー*/
.turquoise-maker {
　background:linear-gradient(transparent 0%, #4ECDC4 0%) ;
}
/*マーカーにターコイズカラーを追加終了*/


/* マーカーの色*/
.marker { /*黄色マーカー*/
 background-color: #EAB130;
}
.marker-red { /*赤色マーカー*/
 background-color: #CD4E57;
}
.marker-blue { /*青色マーカー*/
 background-color: #4ECDC4;
}
.marker-under {/*黄色アンダーライン*/
 background: linear-gradient(transparent 75%, #EAB130 75%);
}
.marker-under-red { /*赤色アンダーライン*/
 background: linear-gradient(transparent 75%, #CD4E57 75%);
}
.marker-under-blue {/*青色アンダーライン*/
 background: linear-gradient(transparent 75%, #4ECDC4 75%);
}
/*マーカーの色終了 */


/*アプリーチ*/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
/*アプリーチ終了*/

/*サイドバーの文字サイズ変更*/
#sidebar {
    font-size: 16px;
}
/*サイドバーの文字サイズ変更終了*/
/*サイドバーのタイトル色変更*/
.sidebar h3 {
  background-color: #362b2a;
  padding: 8px 15px;
  margin: 16px 0;
  border-radius: 2px;
  color:#fff;
}

/*サイドバーのタイトル色変更*/

/************************************
** サイドバー追尾目次
************************************/
.sidebar-scroll{
  top:15px !important;
}
.sidebar h3{
  font-size:0.9em;
  padding: 7px 12px;
}
.sidebar .widget_toc{
   box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
.sidebar .toc-widget-box{
  margin-top: -0.9em;
}
.sidebar .toc{
  padding: 0;
  width:100%;
}
.sidebar .toc-content {
  overflow-y: scroll;
  max-height: 390px;
  background: #fff;
  padding: 0.5em 1.5em;
}
.sidebar .toc li{
  line-height:1.0;
  margin-bottom: 1em;
  font-size:0.85rem;
  color:#4ecdc4;
}
.sidebar .toc-content > ol  > li,.sidebar .toc-content > ul  > li{
  font-weight:600;
  padding-left: 0.5em;
}
.sidebar .toc-content a{
  letter-spacing:0.5px;
}
.sidebar .toc .toc-list ul, .sidebar .toc .toc-list ol {
  margin: 1em 0;
  list-style-type:none;
  font-weight:500;
}
/* サイドバー追尾目次終了*/


/*目次カスタマイズ*/
/**********************
/**目次**/
.toc {
  display: block;
  padding: 0px;
  max-width: 1280px;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #362B2A;
  color: #fff;
  font-weight: bold;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #DFD6C750;
}
 .toc li{
  color:#4ecdc4;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #362b2a95;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #362b2a50;
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}
/*目次カスタマイズ終了*/




/*タイトル上のカテゴリータグ色変更*/
.cat-link {
 background-color: #dfd6c7;
 color: #362b2a;
}
/*カテゴリータグ色変更終了*/


/*ウェブフォント読み込み中のテキストの表示*/
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	src:url("https://gneyjourney.com/wp-content/plugins/download-manager/assets/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
	font-display: swap;
 }
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	src:url(""https://gneyjourney.com/wp-content/plugins/download-manager/assets/fontawesome/webfonts/fa-solid-400.woff2") format("woff2");
	font-display: swap;
 }
/*ウェブフォント読み込み中のテキストの表示終了*/


/* アイコンボックスの色変更 */
.wp-block-cocoon-blocks-icon-box .bad-box{
	border-color: #CD4E57;
	background-color: #CD4E5720;
}
.wp-block-cocoon-blocks-icon-box .bad-box:before {
	color: #CD4E57;
	border-color: #CD4E57;
}

.wp-block-cocoon-blocks-icon-box .common-icon-box .block-box .good-box{
	border-color: #4ecdc4;
	background-color: #4ecdc420;
}
.wp-block-cocoon-blocks-icon-box good-box:before {
	color: #4ecdc4;
	border-color: #4ecdc4;
	｝
/* アイコンボックスの色変更終了 */

	

	
	
	
	
	
	

/*以下、”カスタマイズ”ボタンよりCSS入力*/

	
	

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

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

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

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





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

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

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