@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;
}
.header-container-in.hlt-top-menu {
  display: flex;
  justify-content: space-between;
  align-items: none;
  background-color:#000;
  align-content: center;
  
}

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;
}

	/* サイト名テキストを画像ロゴに置き換え */
#header .site-name-text {
  display: block;
  width: 170px;              /* ロゴ横幅 */
  height: 50px;              /* ロゴ高さ */
  background-image: url("http://yoneiwotaose.com/wp-content/uploads/2026/02/fe3fe2760f20e40902a9bf3758703117-scaled.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  margin-top:10px;
  text-indent: -9999px;
  overflow: hidden;
	}

.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: 900px) {
	
  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;
	}
	
	
	
}
    

div.footer-center{
  width: 90% !important;
}

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

.menu-close-button{
 text-align: left!important;
 margin-left: 20px;
}

.menu-content{
 background: #000;
 overflow: hidden;
}

.mobile-menu-buttons{
 line-height: 2;
}
	
.home-menu-button a,
.home-menu-button a span {
  color: #555 !important;
}
	
.top-menu-button a,
.top-menu-button a span {
  color: #555 !important;
}
.menu-drawer a{
 color:#fff!important;
}
	
	
  /* カラムを縦並びに */
  .wp-block-columns {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 各カラムを中央寄せ */
  .wp-block-column {
    flex-basis: auto !important;
    width: 100% !important;
    text-align: center;
  }

  /* 画像を中央に */
  .character_img {
    margin: 0 auto !important;
    text-align: center;
	width:70%;
  }

  .character_img img {
    margin: 0 auto !important;
    display: block;
  }

  /* キャラ名・本文を中央寄せ */
  .character_col {
    text-align: center;
  }
	
　.character_col p {
	font-size: 13px;
  }

/* ===== 米井（yonei_col）だけ順番指定 ===== */

  /* 画像カラムを上に */
  .yonei_col .character_img {
    order: 1;
    margin: 0 auto !important;
    text-align: center;
  }

  /* テキストカラムを下に */
  .yonei_col .character_col {
    order: 2;
    text-align: center;
  }

  /* 画像自体も中央 */
  .yonei_col .character_img img {
    display: block;
    margin: 0 auto !important;
  }
　.yonei_col .character_col,
  .yonei_col .character_col p {
    text-align: center !important;
  }
	
	/* 左の画像：右寄せ */
.contact-column .wp-block-column:first-child {
  display: flex;
  justify-content: flex-end;
}

/* 中央の「お問い合わせ」：中央寄せ */
.contact-column .contact_titile {
  text-align: center;
}

/* 右の画像：左寄せ */
.contact-column .wp-block-column:last-child {
  display: flex;
  justify-content: flex-start;
}
	
	.logo-text a,
.tagline{
	display:none;
}
	
}


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

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

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