@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************/
/*目次デザイン*/
/************************/
/* 目次全体枠 */
.toc{
border-top:5px solid; color:#839b5c;
padding: 20px;
}
/* 目次アイコン */
.toc-title:before {
width: 50px;
height: 50px;
font-family: "Font Awesome 5 Free";
content : "\f11b";
font-size:26px;
margin-right:8px;
color:#FFF;
background-color:#23b6b6;
border-radius: 50%;
padding:10px;
}
/* 目次の文字 */
.toc-title {
text-align:left;
font-size: 20px;
font-weight: 600;
color: #23b6b6;
}
/*見出し2（H2）の設定*/
.toc-content > .toc-list > li:before { 
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
color: #23b6b6;
padding-right:8px;
}
.toc-content .toc-list li {
font-weight:600;
}
/*H3以降の文字サイズ*/
.toc-content .toc-list li li {
font-weight:normal;
}
/************************/
/* SNSボタンのメッセージ文字 */
/************************/
.sns-share-message{
color: #fff;
background: #23b6b6;
font-size:15px;
}
.sns-follow-message{
color: #fff;
background: #23b6b6;
font-size:15px;
}
/************************/
/*検索フォーム*/
/************************/
.search-edit {
height:50px;
padding:0 10px; 
border-radius:25px !important;
outline:0;
background:#eee;
}
[type="submit"].search-submit {
height:50px;
width:50px;
top:0;
right:0;
background:#23b6b6;
color:#fff;
border:none;
border-radius:0 25px 25px 0;
}
[type="submit"].search-submit:hover{
color:#23b6b6;
background:#ddd;
}
/************************/
/* 固定ページの不要情報を非表示 */
/************************/
.page .date-tags, /*投稿日・更新日*/
.page .author-info{ /*投稿者情報*/
display: none;
}
/************************/
/* 見出しタグ */
/************************/
.entry-content h2{
padding: 10px;
margin: 5px 0;
background-color:#fff;
color:#000;
border: solid 1px #23b6b6;
border-left: solid 8px #23b6b6;
font-size:22px;
}
.entry-content h3{
padding: 0.5em 1em;
margin: 15px;
font-size: 20px;
border:none;
background: linear-gradient(transparent 80%, #23b6b6 80%);
}
.entry-content h4 {
margin: 15px;
padding: 0.5em 1em;
font-size: 18px;
width:90%;
/*border-bottom: 4px double #23b6b6;*/
}
.entry-content h5 {
margin: 15px;
padding: 0.5em 1em;
font-size: 18px;
border-bottom: 2px dashed #23b6b6;
}
/************************/
/*キャッチフレーズ*/
/************************/
.tagline {
padding: 10px;
margin: 5px 0;
border-top: solid 3px #779dc4;
border-bottom: solid 3px #779dc4;
font-size:22px;
}
/************************/
/*グローバルナビ*/
/************************/
#navi .navi-in .sub-menu a {
font-size:13px;
}
/************************/
/*モバイルナビ*/
/************************/
.mobile-header-menu-buttons{
background-color: #000;
color: #fff;
}
/*記事一覧カード*/
.more-link{
padding: 0.5em;
font-size: 15px;
border: 3px double rgb(35,182,182);
margin-top:10px;}
.entry-grid h2:hover,{
background:rgba(35,182,182,0.2);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.entry-featured-img-wrap img{border-radius: 8px;}
.entry-header h1{
margin-top: 15px;
border-bottom: 3px dashed rgb(35,182,182);
}
.entry-header h2{
margin: 15px;
padding: 0.5em 1em;
font-size: 18px;
border-bottom: 3px solid rgb(35,182,182);
}
/************************/
/*サイドバーのリスト*/
/************************/
/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{border-radius: 15px;
background: #fff; /*背景色*/
border: 1px solid #23b6b6; /*枠線色*/
color: #23b6b6;} /*文字色*/

#sidebar ul li a{
font-size:15px;
}
#sidebar ul li {
border-left: solid 8px #23b6b6;/*左側の線の色*/
background: rgba(35,182,182,0.3);/*背景色*/
border-radius: 0 15px 15px 0;/*右側の角を丸く*/
margin-bottom: 5px;
list-style:none;
line-height: 2;
padding: 5px;
}
#sidebar ul li:hover {
background: rgba(35,182,182,0.5);
}
/************************/
/*フッター*/
/************************/
.navi-footer ul li a{font-size:16px; line-height:2.5;}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{margin-bottom: 80px;}
/************************/
/*背景画像*/
/************************/
.bg1{
width:100%;
background-image: url(https://gamingsharehouse-kameido.xn--lck8e0br.net/wp-content/uploads/2020/09/ta00.png);
}
.bg2{
width:100%;
background-image: url(https://gamingsharehouse-kameido.xn--lck8e0br.net/wp-content/uploads/2020/09/ta01.png);
}
/************************/
/*タブ切替表示*/
/************************/
.tab-wrap {
display: flex;
flex-wrap: wrap;
}
.tab-wrap:after {
content: '';
width: 100%;
background:rgba(35,182,182,0.3); /*タブ下線色*/
border-left:2px solid #23b6b6; /*左側の枠線*/
border-right:2px solid #23b6b6; /*右側の枠線*/
display: block;
order: -1;
}
.tab-label { /*ラベル*/
color: #fff; /*文字色*/
background: #c0cfcf; /*非アクティブタブの色*/
font-weight: bold;
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-wrap label:hover { /*タブラベル　ホバー色*/
background:rgba(35,182,182,0.6);
}
.tab-switch:checked+.tab-label { /*選択タブの色*/
background: #23b6b6;
}
.tab-switch { /*ラジオボタン非表示*/
display: none;
}
.tab-wrap .tab-body > div {
display: none;
}
.tab-body { /*コンテンツ内容部分*/
width: 100%;
padding:10px;
}
/*タブのコントロール*/
.tab-wrap #tab1:checked ~ .tab-body > .body1 {
display: block;
}
.tab-wrap #tab2:checked ~ .tab-body > .body2 {
display: block;
}
.tab-wrap #tab3:checked ~ .tab-body > .body3 {
display: block;
}
.tab-wrap #tab4:checked ~ .tab-body > .body4 {
display: block;
}
.tab-wrap #tab5:checked ~ .tab-body > .body5 {
display: block;
}
.tab-body {
border-left:2px solid #23b6b6; /*左側の枠線*/
border-right:2px solid #23b6b6; /*右側の枠線*/
border-bottom:2px solid #23b6b6; /*下の枠線*/
border-bottom-left-radius: 5px; /*左下　角の丸み*/
border-bottom-right-radius: 5px; /*右下　角の丸み*/
background:rgba(35,182,182,0.3); /*背景色*/
}
/************************/
/*テーブル*/
/************************/
.table1 {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
	font-size: 14px !important;
}
.table1 th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #23b6b6;
	background: rgb(35,182,182,0.4);
}
.table1 tr:nth-child(even) {
background: #e1e1e1;
}
/************************/
/*記事装飾*/
/************************/
/*メモBOX*/
.memo_box{
position: relative;
border: 2px solid #779dc4;
border-radius: 5px;
padding:20px;
margin-top:20px;
}
.memo_box::before {
content: "MEMO";
position: absolute;
top: -15px;left: 15px;
font-size: 1.6rem;
font-weight: 700;
background-color: #c0cfcf;
color: #779dc4;
padding: 0 10px;
}
/*二重線ボックス*/
.border_box2{
border:4px double #00a2e8;
padding:20px;
margin-top:20px;
}
/*囲みピンク*/
.kakomi{
background: #de6596;
color:#fff;
font-size:20px;
font-weight:700;
text-align:center;
line-height: 1.4;
width:80%;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 20px;
}


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

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

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