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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
img{vertical-align:top;}
.kaigyou:after {content:""; display:block; clear:both;}
.page .date-tags { display: none;}
#header-container .logo a{width:88%; padding-left:0; padding-right:0; justify-content: left; text-align:left; }
.pagination-next {display:none;}
.pagination {margin-top:0;}
article {margin-bottom:0 !important; }/*footer上部の余白を潰す*/

.home_osirase {text-align:center; padding:20px 5% 20px; margin-right:auto; margin-left:auto;}

#header-container-in #header {width:24%;}

#header-container {padding:15px 0 15px;}
#header-container-in #navi-in ul li a{font-weight: bold; }
#header-container-in .navi-in > ul {justify-content: right;}

#header-container .sub-menu {width:200px;}
#header-container .sub-menu li {
  white-space: normal;       /* 折り返しを許可 */
  overflow: hidden;          /* はみ出た部分を隠す */
  text-overflow: ellipsis;   /* 必要に応じて省略記号を表示 */
  word-break: break-word;    /* 単語内で強制的に改行 */
  line-height:1.2;
}

#header-container .sub-menu li .caption-wrap,
#header-container .sub-menu li .item-label {
  white-space: normal;       /* 折り返しを許可 */
  word-break: break-word;    /* 単語内で強制的に改行 */
  overflow-wrap: break-word; /* 長い単語を折り返す */
  width: 100%;               /* 幅を親要素に合わせる */
  display: block;            /* ブロック要素として扱う */

}


/*投稿ページの設定*/
.post-template-default .entry-content {margin-top:50px;}
.post-template-default h2 {color:#FFFFFF; background:#7fbaaa;}
.post-template-default h3 {border:none; border-bottom:solid 2px #7fbaaa;}

/*固定ページの設定*/
.page #main h1 { color:#000000; background: transparent; padding:0px; margin-bottom:30px; }

.post h1 {padding-right:0; padding-left:0;}

/*トップページの設定*/
.page-id-8 h1 img {width:30%; height:auto;}
.page-id-8 .widget_custom_html {margin:0; padding:0;}
.page-id-8 .content.cf {margin:0; padding:0; }

.page-id-8 #header-container-in {width:1256px; margin-right:0 auto; }
.page-id-8 .entry-content { margin:0; padding:0;}
.page-id-8 .wrap {width:100%; }
.page-id-8 #main {padding:0; margin:0; border:none; }
.page-id-8 #main h1 {text-align:center; margin:0; padding:35px 0 0; font-size:3.4vw;}
.page-id-8 #main h1 span{display:block; font-size:1.8vw;}
.page-id-8 #main h2 {text-align:center; background:transparent; margin:0; padding:0 0 20px;}
.page-id-8 #main #top_newarrival h2 {padding-top:25px;}
.page-id-8 #main h3 {border:none; color:#a18861; border-bottom:solid 2px #a18861;}
.page-id-8 .new-entry-cards a:hover {background:#898989;}
.page-id-8 #content-top {margin:0; }
.page-id-8 #content-top-in {width:1256px; margin:0 auto; }

/*トップページ各エリアの上下左右の間隔だけはここにまとめる）*/
#top_poster {padding:35px 10%; margin:0; background:#7fbaaa; } 
#top_info {padding:35px 10%; margin-top:0; margin-bottom:0;}
#top_info ul{background:#e5e5e5; color:#a18861; padding-top:25px; padding-bottom:25px;}
#top_info ul li{line-height:2.5;}
#top_newarrival {padding:35px 10% 35px; margin-top:0; margin-bottom:0;}
#top_psycho {padding:35px 10%; margin-top:0; margin-bottom:0;} 
#top_area {padding:35px 10% 35px; margin-top:0; margin-bottom:0; }

/*トップページのポスター#a0522d*/

#top_poster_ue {color:#ffffff; font-weight:bold; margin:0 auto; padding:35px 0 35px; font-size:3.4vw; text-align:center; letter-spacing:0.1em; }
#top_poster_ue2 {color:#ffffff; margin:0 auto; padding:0 0 35px; font-size:2.8vw; text-align:center; letter-spacing:0.1em;}
#top_poster_ue2 span {font-size:2.0vw; display:block; line-height:1.0;}
#top_poster_image {width:12%; margin: 0 auto 35px;}

/*トップページの案内*/
#top_info ul li{font-size:16px; font-weight:bold;}

/*トップページのコンサルメニュー詳細へのボックス*/
.top_consulting {box-sizing:border-box; }
.top_consulting_menu_box {height:250px; width:48%; margin-right:4%; margin-bottom:4%; border:solid 1px #000000; padding:2%; float:left; box-sizing:border-box;}
.top_consulting_menu_box:nth-child(even) {margin-right:0%; }
.top_consulting_menu_box:nth-child(3) {margin-bottom:0%;}
.top_consulting_menu_box:nth-child(4) {margin-bottom:0%;}
.top_consulting_menu_bar {font-size:1.4vw; font-weight:bold; color:#7fbaaa; border-bottom:solid 1px #000000; margin-bottom:5px;}
.top_consulting_menu_text {font-size:1.2vw; margin-bottom:15px;}
.top_consulting_menu_link {font-size:1.4vw; margin-bottom:15px; text-align:center;}
.top_consulting_menu_link a{color:#FFFFFF; background:#7fbaaa; padding:5px 30px; text-decoration:none; box-shadow: 3px 3px #808080;}

/*トップページの新着*/
#top_newarrival {background:#7fbaaa; color:#FFFFFF; }
#top_newarrival a{color:#000000;}
#top_newarrival h2{color:#a18861; margin:0; padding:30px 0 15px;}
#top_newarrival .new-entry-cards {padding:5px 10% 30px;}
#top_newarrival .new-entry-card-thumb.widget-entry-card-thumb.card-thumb{ height:auto;}
#top_newarrival .widget-entry-card-content { margin-left: 125px;}
#top_newarrival .new-entry-card-content {width:68%;}
#top_newarrival .new-entry-card-link {border-bottom:dotted 1px #a18861;}
#top_newarrival .new-entry-card-link:first-child{border-top:dotted 1px #a18861; }
#top_newarrival_box {background:#e5e5e5; padding-bottom:35px; }
#top_newarrival_box_blog {text-align:center; margin:0; padding:0;}
#top_newarrival_box_blog a{margin:0 auto 0; display:block; text-align:center; width:60%; border:solid 1px #000000; text-decoration:none; padding:5px 0; color:#699186;}
#top_newarrival .widget-entry-cards {margin-bottom:0; padding-bottom:35px;}/*ブログ一覧ボタンの上の空白*/

/*トップページのエリア*/
#top_area {background:#4F4F4F; color:#FFFFFF; margin-bottom:0; }
#top_area tr{background:transparent;}
#top_area td.todoufuken {width:20%; text-align:center;}

#content-top-in {width:1256px; margin-right:auto; margin-left:auto; }
.page-id-8 #content-top-in {width:100%; margin-right:auto; margin-left:auto; }


/*ブログページ*/
.blog .cat-label-1 {display:none;}

.blog .far.fa-clock {display:none;}
.blog .entry-card-content h2 {color:#699186;}
.blog .entry-card-content .entry-date {color:#7fbaaa;}

/*他のページのトップ画像と中の文字*/
.profile_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2024/10/profile_mainimg.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.about_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2024/10/about_mainimg.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.fee_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2024/10/fee_mainimg.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.blog_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2024/10/blog_mainimg.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.contact_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2024/10/contact_mainimg.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-weight:bold;}
.web_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2025/01/web-strategy.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-weight:bold;}
.sales_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2025/01/sales-increase.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-weight:bold;}
.culture_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2025/01/culture-motivation.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-weight:bold;}
.executive_mainimg {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url(https://sinrik.com/wp-content/uploads/2025/01/executive-consulting.webp); display:block; height:150px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.img_inner {line-height:150px; color:#FFFFFF; letter-spacing:0.1em; font-size:30px; font-weight:bold;}

/*ご依頼時の注意*/
.ca_box {border:solid 1px #333333; padding:3%;}
.ca_bar {border-bottom: solid 1px #333333; margin-bottom:15px; font-size:20px; font-weight:bold; text-align:center;}
span.aka{color:#FF0000;}


.footer {margin-top:0; background:#efefef;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
#content-top {margin-top:0px;}/*トップページの画像上（メニューの下の隙間）*/
.tagline {display:none;}

/*ヘッダーモバイルボタン#F9A873 #F37167*/
#header-container {border-bottom:none; padding-top:5px; padding-bottom:5px;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) {background-color:#FFFFFF; padding-top:5px; padding-bottom:5px;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) img{padding:4%;}
.mobile-header-menu-buttons > .menu-button:nth-child(2) {background-color:#c1ab7e; color:#FFFFFF; width:calc(100%/5); padding-top:5px; padding-bottom:5px;}
.mobile-header-menu-buttons > .menu-button:nth-child(2) a{color:#FFFFFF;}
.mobile-header-menu-buttons > .menu-button:nth-child(3) {background-color:#333333; color:#FFFFFF; width:calc(100%/5); padding-top:5px; padding-bottom:5px;}


.menu-drawer > .menu-item a{background-color:#FFFFFF; color:#7fbaaa; padding:12px 0 12px 10px; border-bottom:dotted 1px #7fbaaa;}
.menu-drawer > .menu-item:first-child a {border-top:dotted 1px #7fbaaa; margin-top:15px;}
.navi-menu-close-button {color:#c1ab7e;}
	
/*トップ画像と中の文字（固定ページ共通）*/
#content-top-in {max-width:90%; margin-top:30px;}
.page-id-8 #content-top-in {max-width:100%; margin-right:0; margin-left:0; }
.page-id-8 .header-container {background:#7fbaaa; }
.page-id-8 .header-container .navi-in{background:#FFFFFF;}
.page-id-8 #main h1 {font-size:9.0vw;}
.page-id-8 #main h1 span{font-size:3.8vw;}

	
.page-id-8 h1 img {width:70%; height:auto;}

/*トップページ各エリアの上下左右の間隔だけはここにまとめる）*/
#top_poster {padding:25px 5% 35px; margin:0;} 
#top_info {padding:35px 5% 5px;}
#top_newarrival {padding:35px 5% 50px;}
#top_psycho {padding:35px 5%; } 
#top_area {padding:35px 10%;}
	
/*トップページのポスター*/
#top_poster_ue {font-size:5.8vw; margin:0 auto 0; margin:0 auto; padding:25px 0 25px;}
#top_poster_ue2 {font-size:5.4vw; margin:0 auto 0; margin:0 auto; padding:0 0 25px;}
#top_poster_ue2 span{font-size:4.0vw;}
#top_poster_image {width:26%; margin:0 auto 25px;}

/*トップページの案内*/
#top_info ul li{font-size:14px;}

/*トップページのコンサルメニュー詳細へのボックス*/
.top_consulting_menu_box {height:auto; width:100%; margin-right:0%; margin-bottom:20px; padding:5%; float:none;}
.top_consulting_menu_box:nth-child(3) {margin-bottom:20px;}
.top_consulting_menu_box:nth-child(4) {margin-bottom:20px;}
.top_consulting_menu_bar {font-size:4.3vw; font-weight:bold; color:#7fbaaa; border-bottom:solid 1px #000000; margin-bottom:15px; padding-bottom:5px;}
.top_consulting_menu_text {font-size:4.2vw; margin-bottom:15px; line-height:1.7;}
.top_consulting_menu_link {font-size:4.4vw; margin-bottom:15px; text-align:center;}

/*トップページの新着*/
#top_newarrival .new-entry-card-title {font-size:3.5vw;}
#top_newarrival .new-entry-card-thumb.widget-entry-card-thumb.card-thumb{width:30%; height:auto;}
#top_newarrival .widget-entry-card-content { margin-left: 32%;}

.blog .entry-card-content h2 {font-size:4vw;}

.post .entry-title {margin-top:0px; padding-top:0;}

}

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

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