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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*body.front-top-page .date-tags {*/
article.type-page .date-tags {
	display: none;
}

/* Cocoonスキン対応 */
#header {
	background-color: #fff;
}
/*
body.front-top-page #main {
	margin: 0;
	padding: 0;
}
body.front-top-page .wrap {
	width: 100%;
}
body.front-top-page #content {
	margin-top: 0;
}
*/
body.front-top-page .article-header {
	display: none;
}

body.front-top-page .elementor,
body.front-top-page .entry-content {
	margin: 0;
}

.price {
	font-size: 22px;
}

.redbox {
	display: inline-block;
	background: #e76767;
	color: #fff;
	padding: 3px 10px;
	margin: 0 10px;
}

table th {
	text-align: center;
}

.widget_pages h3 {
	display: none;
}

.widget_pages ul li a {
	color: #fff;
}

.wp-block-columns p {
	margin-top: 0;
}

.sample-title {
	text-align: center;
}

.page-id-18 .wp-block-columns {
    border-bottom: solid 1px #ccc;	
}

.wp-block-columns .wp-block-image {
	margin-bottom: 0.5em;
}

.wp-block-columns a {
	display: block;
	color: #00609c;
	text-decoration: none;
	background-color: #f4f5f7;
}

.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover01 figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* タイムライン */
.timeline-item-title {
	font-size: 20px;
}

/*---------- タブ切り替え ----------*/
/*タブ切り替え全体のスタイル*/
.tabs {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

/*タブのスタイル*/
.tab_item {
	display: inline-block;
	width: 50%;
  height: auto;
  border-bottom: 3px solid #005488;
  background-color: #d9d9d9;
  line-height: 50px;
  /*font-size: 16px;*/
  text-align: center;
  color: #565656;
/*  display: block;*/
/*  float: left;*/
  font-weight: bold;
  transition: all 0.2s ease;
  border-radius: 5px 5px 0 0;
}

.tab_item:hover {
  opacity: 0.75;
}

.tab_item:after {
	display: block;
	font-size: 0.75em;
	line-height: normal;
}
/*
.tab_item1:after {
	content: "Templete";
}

.tab_item2:after {
	content: "Original";
}
*/
/*ラジオボタンを全て消す*/
input[name="tab_radio"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #005488;
  color: #fff;
}

.tab_content h2 {
	margin-bottom: 1em;
}

/* Cocoonタブボックスのテキスト変更 */
.bb-hint .bb-label {
	top: -2em !important;
}

.bb-hint .bb-label .fa::before {
	content: "";
}

.bb-hint .bb-label::after {
	content: "標準機能";
	font-size: 14px;
}

/* Cocoonボタンを変更 */
.btn-m::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 0;
  font-size: 20px;
}

/* エントリーカード スニペット */
.widget-entry-card-snippet {
	font-size: 15px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.tab_content .wp-block-columns {
		border-bottom: none;	
		margin-bottom: 2.5em;
	}

	.wp-block-columns .price {
		margin-bottom: 1em;
	}

	/*タブ切り替えの中身のスタイル*/
	.tab_content {
		padding: 1em 1em 0;
	}
}

/*781px以下*/
@media screen and (max-width: 781px){
	.tab_content .wp-block-column.tabfull {
		flex-basis: 100%!important;
	}
	
	.tab_content .wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.has-large-font-size {
		font-size: 28px !important;
	}
	
	.article h2 {
		padding: 0.6em 0.5em;
	}
	
	.wp-block-columns .sample-title {
		margin-bottom: 0.5em;
	}
	
	.wp-block-column {
		margin-bottom: 2em;
	}

	.wp-block-columns .price .wp-block-column {
		margin-bottom: 0;
	}

	.wp-block-columns .wp-block-image {
		margin-bottom: 0;
	}

	.page-id-18 .wp-block-columns {
		border-bottom: none;
	}

}