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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.textwidget{
  display: block;
}

/* ヘッダー */
.header{
  aspect-ratio: 1920/400;
}

.logo-header{
  display: none;
}


/* フッター */
.footer-bottom-logo{
  display: none;
}

.footer-bottom-content{
  float: unset;
  text-align: center;
}

/* サイドバー */
#sidebar{
  padding: 0;
  background: #F5F5F7;
}

@media screen and (max-width: 1023px){
  #sidebar{
    display: none !important;
  }
}

#slide-in-sidebar{
  padding: 0;
  background: #F5F5F7;
}

#sidebar #text-3 h3,
#sidebar-menu-content #text-3 h3{
  padding: 0.5em;
  text-align: center;
  border-bottom: 6px solid #398DBF;
  border-top: 1px solid #CCCCCC;
}

#sidebar h2, .sidebar h3,
#sidebar-menu-content h2, .sidebar h3{
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}

#sidebar aside,
#sidebar-menu-content aside{
  padding: 0 10px;
  margin: 0;
}

#sidebar .widget-sidebar-title,
#sidebar-menu-content .widget-sidebar-title {
  font-size: 18px;
}

#sidebar .widget_text.pointer{
  cursor: pointer;
}

#sidebar-menu-content .widget-sidebar-title{
  font-size: 16px;
}

#sidebar .textwidget p,
#sidebar-menu-content .textwidget p{
  padding: 0 0.5em;
  border-bottom: 1px solid #CCCCCC;
}

#sidebar .textwidget p a,
#sidebar-menu-content .textwidget p a{
  text-decoration: none;
  color: #000;
}

/* メイン */
#content #main{
  background: #F5F5F7;
  width: 100%;
}

.logged-in #content #main{
  padding: 0 29px 20px;
  background: #fff;
  width: 860px;
}

@media screen and (max-width: 1256px){
  .logged-in #content #main {
    width: 67.4%;
  }
}

@media screen and (max-width: 1023px){
  .logged-in #content #main {
    width: auto;
    padding: 0 16px;
  }
}

#content{
  background: #F5F5F7;
  margin-top: 0;
}

.logged-in #content{
  background: #fff;
  margin-top: 24px;
}

.entry-title{
  margin: 0;
  padding: 30px 0;
  text-align: center;
  color: #7E7E7E;
  font-weight: 700;
}

.logged-in .entry-title{
  border: 1px solid #CCCCCC;
  background: #F5F5F7;
  border-bottom: 6px solid #398DBF;
  position: relative;
  margin: 0;
  padding: 10px 10px 10px 30px;
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.3);
  text-align: left;
}

.logged-in .entry-title::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  height: 1em;
  width: 4px;
  background: #398DBF;
}

.logged-in.front-top-page .entry-content p{
  display: block;
  margin-bottom: 0;
}

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

.logged-in .article-footer{
  display: block;
}

.logged-in .under-entry-content{
  display: block;
}

.logged-i #breadcrumb{
  display: block;
}

/* ナビゲーションメニュー */
.navi{
  background: #F2F3F6;
  border-bottom: 1px solid #707070;
  /* padding: 15px 0; */
}

.navi ul{
  width: 1256px;
  margin: 0 auto;
  justify-content: space-between;
}

.navi ul li{
  width: 25%;
  background: #fff;
  height: auto;
}

.navi ul li:not(:last-child){
  border-right: 5px solid #F2F3F6;
}

.navi-in a{
  font-size: 23px;
  color: #7E7E7E;
  font-weight: 700;
  padding: 0 0.5em;
  transition: all 0.3s;
  padding: 10px 0;
}

.navi-in a:hover{
  background: #398DBF;
  color: #fff;
}

nav{
  display: none;
}

#sidebar{
  display: none;
}

.logged-in #sidebar{
  display: block;
}

.logged-in nav{
  display: block;
}

/* ログイン画面 */
.logged-out #wpmem_login{
  margin: 0 auto;
}

.logged-out .entry-content p{
  display: none;
}

.logged-out #wpmem_login legend{
  display: none;
}

.logged-out #wpmem_login input[type='submit']{
  display: block;
  width: 200px;
  margin: 0 auto;
  background: #0086B7;
  border-radius: 25px;
  color: #fff;
  font-weight: 700;
}

.logged-out #wpmem_login input[type=text],
.logged-out #wpmem_login input[type=password]{
  border: 1px solid #ACACAE !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

.logged-out .link-text-register{
  display: none;
}

.logged-out .article-footer{
  display: none;
}

.logged-out .under-entry-content{
  display: none;
}

.logged-out #breadcrumb{
  display: none;
}

.logged-out .wpmem_msg{
	width: 100%;
}

.link-text{
  display: none;
}

/* 新規登録 */
.logged-out #wpmem_reg{
  margin: 0 auto;
}

.logged-out #wpmem_reg input[type='submit']{
  display: block;
  width: 200px;
  margin: 0 auto;
  background: #0086B7;
  border-radius: 25px;
  color: #fff;
  font-weight: 700;
}

.logged-out #wpmem_reg input[type=text],
.logged-out #wpmem_reg input[type=password],
.logged-out #wpmem_reg input[type=email]{
  border: 1px solid #ACACAE !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

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

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

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