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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* Full画面幅*/
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px;
	padding-bottom: 10px;
}
.space-top50 {
	padding-top:50px;	
}
.space-top70 {
	padding-top:70px;
}
.space-bottom50 {
	padding-bottom:50px;
}
.space-bottom70 {
	padding-bottom:70px;
}
.txt-center {
	text-align:center;
}
.txt-link {
	text-decoration:none;
}

.txt-descr {
	color:#333;
	font-weight:600;
	font-size:25px;
}

.txt-title {
    position: relative;
    margin-bottom: 0.2rem;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
}

.txt-title::before {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
　opacity: 0.5;
    color: #f5f5f5;
    font-size: 80px;
    text-transform: uppercase;
    content: 'section';
    z-index: -1;
}

.txt-title__inquiry {
    position: relative;
    margin-bottom: 0.2rem;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
}

.txt-title__inquiry::before {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
　opacity: 0.5;
    color: #f5f5f5;
    font-size: 80px;
    text-transform: uppercase;
    content: 'inquiry';
    z-index: -1;
}



.title_border {
　display: inline-block;
　padding: 3rem 0rem;
    margin-bottom: 0.2rem;
    border-bottom: 4px solid #E0D5CD;
    font-weight: bold;
    font-size: 28px;

}

/*
* 新着記事一覧ショートコード用
*/
.news-list .news-list-inner {
 padding: 20px 5px;
 border: 2px solid #f5f5f5;
}
.archive .news-list .news-list-inner {
 background: #fff;
 padding: 20px;
}
.news-list ul {
 list-style: none;
 margin: 0 0 20px;
}
.news-list li {
 padding: 10px;
 border-bottom: 1px solid #ddd;
}
.news-list a {
 color: #333;
 text-decoration-line: none;
}
.news-list a:hover {
 opacity: 0.6;
}
.news-list a.wp-block-button__link {
 color: #fff;
}
.news-list a.wp-block-button__link:hover {
 color: #F87474;
}
.news-list .news_date {
 margin: 0;
 font-size: 14px;
}
.news-list .news_title {
 margin: 0;
 font-size: 18px;
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 10px;
}

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

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

/*480px以下*/
@media screen and (max-width: 640px){
  /*必要ならばここにコードを書く*/
　.site-logo-image.header-site-logo-image { display : none; }
　.section-overview { background-image: none !important; }
}
	
}