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

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

p.catch {
	text-align:center;
	font-size:30px;
	margin:30px 0;
}
p.catch br {
	display:none;
}


.logo-header {
	margin-bottom:-24px;
}

.tagline {
	margin-bottom:-20px;
}

h2 {
	margin-top:50px !important;
}

.wp-element-caption {
	padding-top:16px;
	text-align:center;
}

main img {
	border-radius:20px;
}

/* 現在のページにもマーカーをつける */
.current-menu-item > a,
.current_page_item > a
{
	background-size: 100% 20%;
}

ul {
margin-left:0;
padding-left: 12px;
}

.next br {
	display:none;
}

.next a {
	font-size:20px;
}
.next a:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
content: '\f35a';
margin-right: 8px;
}

p.trial {
	font-size:30px;
	margin-bottom:24px;
}

.entry img {
	padding:0 10px 10px;
	border-radius:0;
}

.entry a:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
content: '\f101';
margin-right: 8px;
}

.column-2 .column-left {
  padding-right:1.5%;
}
.column-2 .column-right {
  padding-left:1.5%;
}


.menu-top.menu-header #menu-item-438 {
	display:none !important;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
p.catch {
	font-size:24px;
	margin:24px 0;
}
.menu-top.menu-header #menu-item-438 {
	display:block !important;
}
	
}

/*834px以下*/
@media screen and (max-width: 834px){

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}	
	
.column-2 .column-left,
.column-2 .column-right	{
	width:100% !important;	
	padding:0;
}	
.column-2 .column-right {
	order:1;
}
.column-2 .column-left {
	order:2;
}
.column-2.order .column-left {
	order:1;
}		
.column-2.order .column-right {
	order:2;
}	
.column-2 img {
		margin-bottom:40px !important;
}
.column-2.order	img  {
		margin-bottom:0 !important;
}
	
.column-2 figcaption {
		margin-top:-40px !important;
	margin-bottom:30px !important;
}	
	
.metaslider	{
	margin-bottom:20px;
}
.column-right .metaslider {
	margin-bottom:40px !important;		
}
	
h1 {
	text-align:center;
}	
	
ul {
margin-left:0;
padding-left: 0;
}	
	
.logo-header {
	margin-bottom:-20px;
}
	
p.catch {
	font-size:20px;
	margin:20px 0;
}
p.catch br {
	display:block;
}
h1 {
	margin-top:20px !important;
	margin-bottom:40px !important;
}
	
h2 {
	margin-top:0 !important;
}	

main img {
	margin:0 auto;
}	
	
.next a {
	font-size:18px;
}
	
	
	

/*480px以下*/
@media screen and (max-width: 480px){
.next a br {
	display:block;
}
p.trial {
	font-size:24px;
	margin-bottom:24px;
}	
}