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

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

@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP:wght@100..900&display=swap');


html, body {
  font-family: "DotGothic16", sans-serif !important;
}

h1.entry-title,
.article-header.entry-header,
.sns-share-message,
.sns-buttons,
.sns-follow-message,
.author-info
{
	display:none;
}

.wrap{
	width:100%;
}

html,
.header-in,
.logo.logo-header.logo-text,
.logo-header a,
.no-sidebar .content .main,
#footer
{
    margin-top:0;
	color:#fff;
    background-color: rgba(0, 0, 0, 1);
}

#footer a{
    color:#fff;
}

.content{
	margin-top:0;
}

.site-name-text-link{
	background-color:rgba(0, 0, 0, 0);
	}

.main,
.logo-text{
	padding:0;
}

.logo-text a,
.tagline{
	display:none;
}

.copyright{
   display:none;
}

.footer-center .textwidget {
  font-size: 13px;
  text-align: center;
  display: block;
  width: 100%;
}

#custom_html-3,
.apdt-pc-only{
	margin-bottom:0;
}

.trp-floating-switcher {
  --border-radius: 0px 0px 10px 10px!important;
}

.trp-floating-switcher {
  bottom: auto !important;
  top: 0px !important;
  right: 5vw !important;
  z-index: 1000;
}

nav{
	position:fixed;
	width:100%;
}

#navi {
  background: #000 !important;
	z-index:10;
}

#navi a,
#navi .item-label {
  color: #fff !important;
}


#navi a:hover .item-label {
  color: #ddd !important;
}

#navi a:hover .item-label {
  color: #000 !important;
}

.entry-content{
	margin-bottom:0;
}

.breadcrumb{
  display:none;
}





@media screen and (max-width: 834px) {
	
  main.main {
    padding: 0;
    margin: 12px 0;
    border-width: 0;
  }
	
html {
  font-size: 50%;
	}
	

h1.entry-title,
.article-header.entry-header,
.sns-share-message,
.sns-buttons,
.sns-follow-message,
.author-info
{
	display:block!imortant;
}


	.main, .logo-text{
		padding:30px 0;
	}
	
	
}
    

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

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

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