@charset "UTF-8";

/*!
Theme Name: Soshinsha [ Cocoon Child ]
Description: Cocoon専用の子テーマ
Theme URI: https://soshinsha.co.jp/
Author: 株式会社創心社
Author URI: https://soshinsha.co.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/*テーマCSS本体*/
@import "../cocoon-soshinsha/css/import.css";

/*CocoonのCSSのリセット*/
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
.container { padding:0; width: 100%; }
.container { max-width:unset; }
.page .main,
.category .main,
.post-type-archive-solution .main,
.single-solution .main,
.tax-solution_cat .main{
	background: none;
	width: auto;
	padding: 0;
	border: none;
	border-radius: unset;
}
.footer-bottom {
    margin-top: 0;
    padding: 0;
 ? ?font-size: 1em;
}
.wrap{ width: auto; }

.content{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:0;
}
.page .entry-title,
.category .entry-title,
.post-type-archive-solution .entry-title,
.single-solution .entry-title,
.tax-solution_cat .entry-title{
	margin: 0;
}
.page .content,
.category .content,
.post-type-archive-solution .content,
.single-solution .content,
.tax-solution_cat .conten{ width:auto; }

.entry-content,.entry-content>#contents{
	margin-bottom: 0;
}

.wrapper .entry-content>*{
	margin-bottom: 0px;
}
.footer{ margin-top: 0; }

/*カテゴリーのサイドバーを削除*/
.category .sidebar,
.post-type-archive-solution .sidebar,
.single-solution .sidebar,
.tax-solution_cat .sidebar,
.date .sidebar{ display:none; }

.category #content-in,
.post-type-archive-solution #content-in,
.single-solution #content-in,
.tax-solution_cat #content-in{ display:block; }

/*投稿ページのサイドバータイトル*/
.sidebar h2{
	background:#42a2d9;
	color:#FFF;
}
/*投稿ページのタイトル*/
.article h1.pageTitleBox__title{
	color:#003f97;
	font-weight:bold;
	padding:2em 1em 1em;
	font-size:1.2em;
	display:block;
	border-left:0.3em solid #003f97;
	border-top:1px solid #6e9fe3;
}

/*該当カテゴリーのリンクをキャンセル*/
.category-close-up li.close-up a,
.category-other-news li.other-news a,
.category-news li.news a,
.category-new-item li.new-item a,
.category-solution li.solution a,
.category-news-info li.news-info a,
.category-activity-info li.activity-info a,
.category-development-info li.development-info a,
.term-business-model li.cat-item-7 a,
.term-improvement li.cat-item-6 a,
.term-other-business li.cat-item-8 a,
.term-unique li.cat-item-10 a,
.term-customer-development li.cat-item-11 a,
.term-infrastructure li.cat-item-12 a
{ background:#003f97; color:#FFF; border-radius:0.3em; pointer-events: none;}

/*トップページの.info設定をキャンセル*/
.home .info {
    color: #0c5460;
    background: none;
    border: none;
    padding: 0;
    border-radius: unset;
    margin-bottom: 0;
}
.home .swiper-slide a figure img{ width:100%; }

@media print, screen and (min-width: 768px){
    #content .info .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
	}
}

/*見出しデザインリセット*/
.article h2 {
  padding: 0;
  background-color:transparent;
  border-radius: 0;
}

.article h3 {
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.article h4 {
  	padding: 0;
  	border-top: 0;
 	border-bottom: 0;
}
 
.article h5{
  padding: 0;
  border-bottom: 0;
}

.article h6{
  padding: 0;
  border-bottom: 0;
}

@media print, screen and (min-width: 768px){
.formBox.is-type01 input[type=submit] {
    	width: 40%;
    	margin: 0 0.5em;
	}
}

/*トップ上の問題解決*/
.solutionTop .H2_title{
	display:block;
}
.solutionTop .--typeContentsSliderSp:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.solutionTop .solution__navi{
	display:none;
	justify-conent:center;
	align-items:center;
}
.solutionTop .solution__navi{
	margin-top:1.6em;
	z-index:1;
}
.solutionTop .solution__navi li{
	margin:0 1em 1em;
}
.solutionTop .solution__navi li a{
	border-radius:0.3em;
	padding:0.3em 1em;
	color:#FFF;
}
.solutionTop .solution__navi li:nth-child(1) a{ background:#D26363; }
.solutionTop .solution__navi li:nth-child(2) a{ background:#6C9DD4; }
.solutionTop .solution__navi li:nth-child(3) a{ background:#78D263; }

@media print, screen and (min-width: 768px) {
  .group.--typeNaire>div{
    width: 50%;
  }
}

/*トップへ戻るバナー*/
.bnrToHome{
	width:90%;
	margin:0 auto 2em;
	display:block;
}
.bnrToHome img{ width:100%; }

/*ボタンを消す*/
.articleListBox01__movieButton{ display:none; }

/*トップのオープニングボタンCSS調整*/
#modal-openingMovie .video-container{ margin-bottom: 0;}
#modal-openingMovie .video-container .video{ 
			position: static;
			padding-bottom: 0;
			margin-top: 0;
			height: 0;
			overflow: hidden;
			max-width: 100%;
}


/*新商品の項目を3つに変更*/
	#container .newsInfoSlider .--typeContentsSliderSp:not(.swiper-initialized) .swiper-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

/*投稿者　アーカイブページ　サイドバー削除*/

body.archive.author #wrapper .sidebar{
		display:none;
}
body.archive.author #wrapper .main{
		width:auto;
}

/*追従ボタン*/
#sideButton a {
  display:none;
}
@media print, screen and (min-width: 768px) {
    #sideButton a {
      width: 5.5em;
      display:block;
    }
}

#sideButton a img {
  width: 100%;
  transition: .4s;
}

#sideButton a {
    filter: drop-shadow(-3px 0px 5px rgba(0, 0, 0, 0.4));
}
#sideButton ul{
    list-style-type: none;
}
#sideButton a:hover img {
    transform: scale(1.1, 1.1);
}

  #sideButton {
    display: block;
    position: fixed;
    right: -4.5em;
    right: 0;
    bottom: 35%;
    transition: .4s;
  }

  #sideButton.is-scroll {
    position: fixed;
    right: 0;
  }

/*営業ブログ内の商談ボタン（エレメンター）*/
#wrapper .elementor-widget-container .button--type01 a{
	background: #e65353;
	border-bottom:none;
	padding: 0.6em 1.5em 0.6em 1.5em;
	display:block;
	text-align:center;
	font-weight:bold;
}

#wrapper .elementor-widget-container .button--type01 a::after{
	content:none;
}

a.wp-block-button__link{color:#FFF;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.fz-18px { font-size:3.5vw;}
@media print, screen and (min-width: 768px) {
	body { min-width:768px; font-size:1.4vw;}
	.fz-18px { font-size:1.4vw; }
	.main { width:70%; }
	.sidebar { width:25%; }
	#content { font-size:1.2em; }
	.home #content{ font-size:1em; }
	
	.formBox.is-type01 input[type=submit] { width: auto; margin: 0;}
	/*トップ問題解決*/
	.solutionTop .H2_title{ width:25%; float:left; }
	.solutionTop .solution__navi{ width:70%; float:right; display:flex;}
	/*トップへ戻るバナー*/
	.bnrToHome{width:60%;}
} /* 768px以上で適用される　レイアウトの指定　ここまで */
@media print, screen and (min-width: 1200px) {
	body { font-size: 1.6rem; min-width:1200px; }
	.fz-18px { font-size: 1.6rem; }
	.content{ width: 1200px; }
} /* 1200px以上で適用される　レイアウトの指定　ここまで */


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.column-wrap>div {
		margin-bottom: 1em;
	}
}

#archives-2 h3{
	background-color: #42a2d9;
	border-bottom:none;
	color:#FFF;
	display:block;
	text-align:center;
}
#archives-2 h3::after{
	content:none;
}