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

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

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

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

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

/*フロントページのあれこれを消す*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

h1,h2 {
	color:#333333;
}

.header-container {
padding: 10px;
}

/*
.header{
	height:150px;
}

.header-in{
 height:100px;
}

.site-logo-image,
.header-site-logo-image{
	 height:100px;
}*/

.home main#main {
	padding-top: 0;
	padding-bottom:0;
}

.home .column-wrap.column-2 {
	margin-top: 0;
	margin-bottom:0;
}

.home .container .column-wrap > div {
	padding-top: 0;
	padding-bottom:0;
}

.appeal-content {
    max-width: 740px;
    background-color: rgba(0, 0, 0, 0.4);
    margin: auto;
    padding: 2em;
    text-align: center;
    border-radius: var(--cocoon-basic-border-radius);
    display: block;
}

.appeal-title {
    font-size: 2.5em;
    font-weight: bold;
	 margin-top: 0.5em;
	 color:#ffffff;
}

.appeal-message {
	 font-size: 1.5em;
    margin-bottom: 1.2em;
    color:#ffffff;
}


td { 
    line-height: 1.20;
    margin: 2em 0;
}

body{
	background-color:#F9F7F0;
}

.footer {
	margin-top: 10px;
	padding-top:10px;
	font-size:14px;
}
#custom_html-8,
.footer-bottom {
	margin-top: 10px;
	padding-top:10px;
	font-size:14px;
}

h2 {
  position: relative;
  padding: 0.25em 0;
}
h2:after {
  content: "";
  display: block;
	margin-top:10px;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(171, 106, 189), #F7DCDB);
  background: linear-gradient(to right, rgb(171, 106, 189), #F7DCDB);
}

/*見出しのデフォルトの背景色消す*/
.article h2{
	background-color:#ffffff;
}

/*固定ページで日付消す*/
.page .date-tags {
  display: none;
}

/*　通知エリアにアイコン追加　*/
.notice-area:after {
    font-family: FontAwesome;
    content: "\f18e";
    vertical-align: middle;
    margin-right: 0.2em;
    font-weight: thin;
    font-size: 1.10em;
    line-height: .05em;
}
.notice-area {
	padding: 0.7em;
}
#notice-area-wrap a {
	transition: all 0.3s ease-in-out;
}

/*アピールエリアとコンテンツエリアの余白を消す*/
.content { 
margin-top: 0; 
}

/*薄背景のテキストボックスの配置調整*/
.has-box-style {
	width:90%;
	margin: 0 auto;

}
/*プライバシーポリシーのボックス内テキスト*/
.is-style-light-box{
	color:#333333;
}

#footer {
	margin-top: 0;
}

.footer-left{
	width:50%;
}