@charset "UTF-8";

/* Google Fonts @Kiwi Maru
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap'); */
/* Google Fonts @Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/* Google Fonts M PLUS Rounded 1c
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap'); */
/* Google Fonts Kaisei Decol
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&display=swap'); */
/* Google Fonts Kaisei Opti
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@700&display=swap'); */
/* Google Fonts Yusei Maic
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap'); */
/* Google Fonts Mochiy Pop One */
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');

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

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


/* ##フォーラムの見た目カスタマイズ用
 * ##配色
 * 
 * - white: white
 * - gray: whitesmoke
 * - black: slategray
 * - sub: #DFDFDF
 * - main: #4C4C4C
 * 
 * 上のカラーコードで検索かけて一括変換すればお好みの色に変えられます。cssの辛いとこね、これ
 *
*/

#header {
font-family: 'Mochiy Pop One', sans-serif;
	font-weight: normal;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
/*	font-family: 'Kiwi Maru', serif; */
}

/*bbPressフォーラム一覧画面*/
/*#bbpress-forums {*/
#bbpress-forums fieldset.bbp-form {
	border: none !important;
	padding: 10px 0px !important;
}

#bbpress-forums ul.bbp-forums {
  border: none;
}

#bbpress-forums li.bbp-header, 
#bbpress-forums li.bbp-footer, 
#bbpress-forums li.bbp-body li.bbp-forum-reply-count, 
#bbpress-forums li.bbp-body li.bbp-forum-freshness {
  display: none;
}

#bbpress-forums li.bbp-body ul.forum {
  border-top: none;
  background: white;
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
}

#bbpress-forums li.bbp-forum-info {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  position: relative;
  display: inline-block;
  padding: .5em 1em .5em 5px;
  min-width: 200px;
  max-width: 100%;
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 30px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 10px solid whitesmoke;
}

#bbpress-forums .bbp-forum-info a.bbp-forum-title {
  display: block;
  font-size: 1.2em;
  font-weight: 900;
  color: #4C4C4C;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body li.bbp-forum-topic-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*bbPressトピック一覧画面*/

.bbp-template-notice, /*注意書き非表示*/
#bbpress-forums li.bbp-topic-title p.bbp-topic-meta, /*トピック作成者非表示*/
#bbpress-forums li.bbp-topic-voice-count,	/*なにかの数字　コメントに何人参加してるか？非表示*/
#bbpress-forums li.bbp-topic-freshness,
#bbpress-forums p.form-allowed-tags,		/*トピック作成画面のタグ*/
#bbpress-forums .bbp-form legend			/*不要なラベル*/
{
	display: none !important;
}
/*#bbpress-forums .bbp-pagination,*/　/*ページ送りは非表示にしない*/

/* 入力フォームの上余白 */
#new-reply-1240,
#bbpress-forums .bbp-reply-form,
#bbpress-forums .bbp-topic-form {
	margin-top: 10em !important;
}

/*入力フォーム・本文枠のフォントとフォントサイズ*/
textarea.bbp-the-content {
	font-size: var(--cocoon-default-text-size) !important;
    font-family: var(--cocoon-default-font) !important;
}



#bbpress-forums ul.bbp-topics, #bbpress-forums li.bbp-header {
  border: none;
}

#bbpress-forums div.odd, 
#bbpress-forums ul.odd {
  background: white;
}

#bbpress-forums li.bbp-body ul.topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
/*  -webkit-box-flex: 2;
  -ms-flex-positive: 2;*/
  flex-grow: 2;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink {
  display: block;
  font-weight: 900;
  color: #4C4C4C;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*トピック作成フォーム*/

#bbpress-forums div.bbp-topic-form form
#new-post fieldset.bbp-form {
  background: white;
  border: none;
  padding: 0;
}

#bbpress-forums div.bbp-topic-form form
#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #DFDFDF;
  border-left: 40px solid #4C4C4C;
}

#bbpress-forums div.bbp-topic-form form
#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}

/* #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form label, 　/*説明「トピックタイトル (最大の長さ: 80):」*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form select, 　/*カテゴリータイプ・状態「通常」「オープン」*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form br 
{
  display: none;
}


/* メールアドレスを非表示 */
#new-post fieldset.bbp-form:first-child fieldset.bbp-form p:nth-child(3) {
	display: none;
}
/* ウェブサイトを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(4) {
	display: none;
}


#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before{
  content: "タイトル";
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
  content: "本文";
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form>div>fieldset.bbp-form>p:nth-of-type(1)::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>fieldset.bbp-form>p:nth-of-type(1)::before {
	content: "お名前";	
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form>div>fieldset.bbp-form>p:nth-of-type(1)::before,	/*返信用名前*/
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before,			/*返信用本文*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>fieldset.bbp-form>p:nth-of-type(1)::before,	/*トピ用名前*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before,					/*トピ用タイトル*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {		/*トピ用本文*/
  color: slategray;
  line-height: 50px;
  background: #DFDFDF;
  padding: .5em 1.5em;
  border-radius: 30px;
}


#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form input#bbp_topic_title, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form textarea#bbp_topic_content {
  width: 100%;
/*background: whitesmoke;*/
/*border: none;*/
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}


#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_topic_submit {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #4C4C4C;
  color: white;
  border: none;
  border-radius: 3px;
}



/*トピック詳細画面*/

#bbpress-forums ul.bbp-replies {
  border: none;
}

#bbpress-forums div.bbp-reply-header {
  background-color: white;
  border-top: none;
}

#bbpress-forums div.bbp-reply-author {
  width: 20%;
}

#bbpress-forums .bbp-author-role, #bbpress-forums .bbp-reply-ip, #bbpress-forums .bbp-reply-permalink, #bbpress-forums span.bbp-admin-links {
  display: none;
}

#bbpress-forums .bbp-meta {
  text-align: right;
}

#bbpress-forums .bbp-body span.bbp-reply-post-date {
  color: #ccc;
}

#bbpress-forums div.bbp-reply-author img.avatar {
  margin: 0 auto;
  border-radius: 50%;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  color: slategray;
  text-decoration: none;
}

#bbpress-forums div.bbp-reply-content {
  position: relative;
  display: inline-block;
  padding: 30px;
  margin-left: 20px;
  min-width: 200px;
  max-width: calc( 80% - 20px);
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums div.bbp-reply-content::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 30px;
  border: 10px solid transparent;
  border-right: 10px solid whitesmoke;
}

@media(max-width:480px) {
  #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: 0;
    min-height: 85px;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content {
    margin: 0;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content p {
    padding: .5em 1em;
    margin: 0;
  }
  #bbpress-forums div.bbp-reply-content::before {
    top: -20px;
    left: 20px;
    border: 10px solid transparent;
    border-bottom: 10px solid whitesmoke;
  }
}


/*返信フォーム*/

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #DFDFDF;
  border-left: 40px solid #4C4C4C;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form {
  border: none;
  padding: 0;
  background: white;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form textarea#bbp_reply_content {
  width: 100%;
/*background: whitesmoke;*/
/*border: none;*/
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_reply_submit {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #4C4C4C;
  color: white;
  border: none;
  border-radius: 3px;
}

/*匿名投稿を可能にする時用*/
/*fieldset.bbp-form p.form-allowed-tags,
fieldset.bbp-form>div>fieldset.bbp-form {
  display: none;
}
*/







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

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

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


/* h3の前に空白追加 */
h3.wp-block-heading:nth-child(n+2) {
	margin-top: 4em;
}
/* */
.lastupdate::before {
	content: "最終更新日：";
}
/*フッターの背景画像*/
#footer {
	background-image: url("http://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/index-back2.gif");
	background-repeat: repeat-x;
}

/* トップページのコンテンツアイコンを文字表現 */
.cicon{
	color : white;
	font-weight : bold;
	border : 3px double white;
	background-color : #7d90a5;
	text-align : center;
	display: table-cell;
	vertical-align: middle;
}
.cicon a{
	text-decoration: none;
	color : white !important;
}

/* アイコン追加ヘッダー */
h6.hasiru {
	background-image: url("https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/hasiru-romi2.gif");
	background-repeat: no-repeat;
	padding-left: 40px;
}
h6.kunsyou {
	background-image: url("https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/kunsyou-s-b.gif");
	background-repeat: no-repeat;
	padding-left: 30px;

}

/* トップページのコンテンツリンク */
.romitopmenu A:link,
.romitopmenu A:visited {
	color: #000000;
	text-decoration: none;
}
.romitopmenu A:hover{
	text-decoration: underline;
}


/*ロミアルボックス*/
.romibox {
  line-height : 1.5em;
  margin-right : 24px;
  margin-bottom : 2em;
  display: grid;
  grid-gap : 0 0;
  grid-template-columns : 32px minmax(180px, 720px) 32px;
  grid-template-rows : 64px max-content 16px;}
.romibox > p {
  margin: 0px;}
.romibox > p:nth-child(1) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-romi.gif);}
.romibox > p:nth-child(2) {
  padding-top : 36px;
  font-weight : bold;
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-ue.gif);}
.romibox > p:nth-child(3) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-aru.gif);}
.romibox > p:nth-child(4) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-yoko-romi.gif);}
.romibox > p:nth-child(5) {
  padding : 24px 6px 12px;
  background-color : #ccffff;}
.romibox > p:nth-child(6) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-yoko-aru.gif);}
.romibox > p:nth-child(7) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-sita-romi.gif);}
.romibox > p:nth-child(8) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-sita.gif);}
.romibox > p:nth-child(9) {
  background-image:url(https://romikoryukai.cloudfree.jp/wp-content/uploads/2023/12/table-sita-aru.gif);}