@charset "UTF-8";
@import url("css-smacss/style-base.css");
@import url("css-smacss/style-layout.css");
@import url("css-smacss/style-module.css");
@import url("css-smacss/style-state.css");
@import url("css-smacss/style-theme.css");

@import url("css/style-single.css");

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


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



/* pc only */
.pc { display: block !important; }
.sp { display: none !important;}

/* sp only */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block!important; }
}



.logo-menu-button img {
	max-height:35px;
	}





main#main{
	padding-top: 50px!important;
}




.home .entry-content.cf,
.page .entry-content.cf {
  margin-bottom: 0;
}
ul.wp-block-social-links.aligncenter {
  margin-bottom: 0;
}
header#header {
  margin-left: 1%;
}
@media screen and (max-width: 834px) {
  #navi .navi-in > .menu-mobile li {
    width: 33%;
  }
}
@media (max-width: 599px) {
  div#appeal-in {
    min-height: 28vh;
  }
}
@media (min-width: 600px) {
  div#appeal-in {
    min-height: 70vh;
  }
  .header,
  .appeal {
    background-size: cover;
  }
}

.article .head-txt {
  border-left: 10px solid #888;
  border-right: 10px solid #888;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  margin-top: 5%;
  padding: 12px 20px;
}
.header-container-in.hlt-top-menu {
  width: 90%;
}
@media (min-width: 1400px) {
	.header-container-in.hlt-top-menu {
	width: 1200px;
	}
}
.navi-in > ul {
  /*justify-content: flex-end;*/
	border-bottom: 1px solid #CCC;
}

.navi-in a {
	font-size: 14px;
	margin-top: -10px;
}
@media (max-width: 768px) {
  img.site-logo-image.header-site-logo-image {
    display: none;
  }
}
/* フッター */
a.site-name.site-name-text-link {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  div#footer-in {
	width: 980px;
	padding: 1% 0 4% 0;
	color: #FFF;
  }
  div#footer-in a {
	  color: #FFF;
  }
  .navi-footer-in{
	  
  }
}
@media (max-width: 767px) {
  .navi-footer-in > .menu-footer {
    display: flex;
  }
  .navi-footer-in > .menu-footer li.menu-item {
    width: auto;
    padding: 1% 0;
  }
}
@media screen and (max-width: 1080px) {
  .header-container-in.hlt-top-menu {
    flex-direction: column;
  }
  .navi-in > ul {
    justify-content: center;
  }
}




/* 共通  */
.mt_30{
	margin-top: 30px!important;
}
.mt_40{
	margin-top: 40px!important;
}
.mt_50{
	margin-top: 50px!important;
}
.mt_60{
	margin-top: 50px!important;
}


.cap{
	font-size: 0.8em;
	text-align: left;
}


/* wrap  */
#content-wrap {
    float: none;
    box-sizing: border-box;
    width: 100%;
	max-width: 680px;
    margin: 0;
	padding: 0;
	margin: auto;
}
#content-wrap-none {
}
@media only screen and (max-width: 1200px){
	#content-wrap {
	max-width: 100%;
	padding: 0 ;
	}
}
#content-wrap-dlbtn {
    float: none;
    box-sizing: border-box;
    width: 100%;
	max-width: 880px;
    margin: 0;
	padding: 0 2em;
	margin: auto;
}
@media only screen and (max-width: 1200px){
	#content-wrap-dlbtn {
	max-width: 100%;
	padding: 0 2em;
	}
}

#btn a {
	margin-top: 50px;
	text-decoration: none!important;
}
.btn-contact{
	display: inline-block;
	background-color: #f1d44c;
	border-radius: 100px;
	width: 360px;
	height: 62px;
	padding-top: 22px;
	padding-right: 6px;
	font-weight: bold;
	font-size: 1.4rem;
	color: #000;
	margin-bottom: 20px!important;
	text-decoration: none;
}
.btn-other{
	display: block;
	width: 50%;
	min-width: 50%;
    text-align: center;
    font-size: 1.0em;
    padding: 15px 20px 12px 20px;
	margin: 0 auto;
    background: none;
	border: #333 1px solid;
    color: #333!important;
}

@media only screen and (max-width: 768px){
	.btn-contact{
	width: 100%;
	}
	.btn-other{
	width: 80%;
	}
}



/* 2l-1l */
.two-l-area{
  display: flex;
  justify-content: space-between;
	margin-top: 1em;
}
.two-l{
	width: 48%;
}
@media only screen and (max-width: 1200px){
	.two-l-area{
	flex-direction: column;
	text-align: center!important;
	}
	.two-l{
	width: 100%;
	margin-top: 1em;
	}
}

/* ダウンロードボタンエリア */
.dl-btn-aresa{
  display: flex;
  justify-content: space-between;
}
.dl-btn{
	width: 48%;
}
@media only screen and (max-width: 700px){
	.dl-btn-aresa{
	flex-direction: column;
	text-align: center!important;
	}
	.dl-btn{
	width: 100%;
	}
}







/************************************
** トップページカスタマイズ
************************************/
.home #main {
	text-align: center;
}
.home #main h2{
	line-height: 1.5em;
}
.home #main h2 img{
	height: 80px;
	margin: 1.5em 0 0.5em 0;
}
.home #main h3{
	font-size: 1.4em;
	margin: 0 0 1em 0;
}
.home #main .copy{
	line-height: 1.7em;
	font-size: 1.2em;
	margin: 0.5em 0 1.5em 0;
}
@media only screen and (max-width: 700px){
	.home #main h2 img{
	height: 60px;
	margin: 0.5em 0 0 0;
	}
	.home #main h3{
	font-size: 1.2em;
	margin: 1em 0 1em 0;
	line-height: 1.5em;
	}
	.home #main .copy{
	text-align:justify;
	line-height: 1.5em;

	}
}





.home #main h1 {
  display: none!important;
}
.home #main h1:before,
.home #main h1:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #aaa;
  display: block;
}
.home #main h1:before {
  margin-right: 0.4em;
}
.home #main h1:after {
  margin-left: 0.4em;
}

.home #main .large-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.8em 0;
}
.home #main .large-thumb a {
  width: 22%;
  padding: 10px;
  margin: 0 1.4%;
}
@media (max-width: 1024px) {
  .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {
    margin: 0 auto;
  }
  .home #main .large-thumb a {
    width: 45%;
    padding: 10px;
    margin: 0 0.5%;
  }
}

.home #main .large-thumb a:hover {
  background: unset;
}
.home #main .widget-entry-cards .e-card {
  font-size: 18px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.home #main .widget-entry-cards .e-card:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}
.home #main .widget-entry-cards figure {
  float: none;
  width: 100%;
}
.home #main .widget-entry-cards figure img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 210px;
}
.home #main .widget-entry-cards .card-content {
  margin: 0 0 0.5em;
  padding: 10px 15px;
  background: #fff;
}
.home #main .large-thumb .new-entry-card-title,
.home #main .large-thumb .popular-entry-card-title {
  font-size: 0.9em;
  line-height: 1.5;
  font-weight: 600;
  color: #555;
  margin-top: 3px;
}
.home #main .widget-entry-cards .e-card {
  background-color: #fff;
}

section.bg-color {
  background-color: #f5f6f7;
}
/* SNSボタンなど必要ないものを削除 */
.home header .post-date,
.home .post-update,
.home .author-info,
.home header .sns-share,
.home footer .sns-share,
.home footer .sns-follow {
  display: none;
}
.home .article h2.front-h2 {
  margin-top: 5%;
}

/*(スマホ)480px以下*/
@media screen and (max-width: 480px) {
  .home #main h1 {
    margin: 1em 0 0;
    padding: 0;
  }
  .home #main .widget-entry-cards .e-card {
    margin: 0 5px;
  }
  .home #main .large-thumb a {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
  }
  .home .mobile-2 {
    justify-content: space-between;
  }
  .home .mobile-2 a {
    width: 48% !important;
  }
  .home .mobile-2 figure img {
    object-fit: unset !important;
    height: auto !important;
  }
  .home #main .large-thumb .new-entry-card-title {
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  div#header-container {
    display: none;
  }
}
/************************************
** ボタン
************************************/
.p-button {
  max-width: 300px;
  margin: 0 auto;
}
.p-button a {
  display: block;
  margin: 25px 0;
  padding: 0.8em 1em;
  border-radius: 2em;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  background: #e7dfd8;
  box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25);
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
.p-button a:hover {
  box-shadow: none;
  transform: translateY(3px);
  opacity: 1;
}

/************************************
** 固定ページ
************************************/
.page .post-update,
.page header .post-date,
.page .footer-meta,
.page header .sns-share,
.page footer .sns-share,
.page footer .sns-follow {
  display: none;
}

.page .entry-content {
  margin-top: -20px;
  margin-bottom: 3em;
}
.page .article h2 {
  font-size: 20px;
  margin-top: 10%;
  padding: 20px;
  background-color: #e7dfd8;
  border-radius: 1px;
}
.page .article h2.about-title {
  margin-top: 2%;
}
@media (max-width: 480px) {
  .page .article h2.about-title {
    margin-top: 0;
  }
}

/************************************
** 投稿ページ
************************************/

.single .date-tags {
  text-align: left;
  margin: 0 0.4em 1em;
}
.single .top-img {
  margin: 0;
  vertical-align: bottom;
}
.single .h2-title {
  font-size: 20px;
  font-weight: bold;
}
.single .article p.h2-title {
  margin-bottom: 0;
}
.single .txt-bold {
  font-weight: bold;
  margin: 0;
}
.single .article p.txt-bold {
  margin-bottom: 0;
}
.single h4 {
  font-size: 22px;
  padding: 0 0 7px 0;
  margin-top: 60px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 6px solid #dcd7c8;
}

.single .post-update,
.single header .post-date,
.single .footer-meta,
.single header .sns-share,
.single footer .sns-share,
.single footer .sns-follow {
  display: none;
}

/************************************
**カテゴリー別ページ
************************************/
.entry-card-snippet.card-snippet.e-card-snippet {
  display: none;
}
.admin-pv {
  display: none;
}

@media (max-width: 781px) {
  .wp-block-columns {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column:nth-child(2n) {
    margin-left: unset !important;
  }
}

/*480px以下*/
@media screen and (max-width: 480px) {
  .wp-block-media-text__content {
    margin-top: 10%;
  }
}



.toggle-button { text-align: left; }






/************************************
** mw wp form メールフォーム
************************************/

.mwwpform-box {
    max-width: 680px;
	margin: auto;
}

.mwwpform-box input[type="text"], .mwwpform-box input[type="url"], .mwwpform-box input[type="password"], .mwwpform-box input[type="email"], .mwwpform-box input[type="search"], .mwwpform-box input[type="tel"], .mwwpform-box textarea  {
	background-color: #f7f5f2;
    background-image: none;
    border: 1px solid #dcd7cf;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    display: block;
    line-height: 2;
    padding: 6px 12px;
    margin-top: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin-bottom: 1.5em;*/
}

.mwwpform-box .mwform-checkbox-field label, .mwwpform-box .mwform-radio-field label {
    display: inline-block;
	margin-right: 1.5em;
	
}

.mwwpform-box input#email {
    max-width: 100%;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0!important;
}

.mwform-checkbox-field input {
    margin-right: 0!important;
}

.mwwpform-box-item{
	background: linear-gradient(transparent 50%, #FFFF66 50%);
    display: inline;
}

.mw_wp_form .error {
    font-size: 93%;
    color: #e9558f!important;
    display: block!important;
    font-weight: bold!important;
    background-color: #ffe7f0!important;
    padding: 3px 0.5em!important;
}

.form-hissu{
	background-color: #333;
    color: #fff;
    font-size: 0.8em;
    padding: 4px 9px;
    border-radius: 3px;
    margin-left: 10px;
}

.mw-form-ttl{
	margin-top: 1.5em!important;
}

.form-btn-submit{
	text-align: center;
	margin-top: 2em;
}

.ns-box{
    text-align: center!important;
    margin-bottom: 2em!important;
}

.ns-box p{
    background: linear-gradient(transparent 50%, #FFFF66 50%);
    display: inline;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.btn-form-totop{
	background-color: #222;
    display: inline-block;
    font-size: 1.25em;
    color: #fff;
    padding: 10px 2em!important;
    margin: auto!important;
    text-align: center;
}

.btn-form-totop a{
	
}

.form-office{
	background-color: #F5F3EE;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.75em;
    border-radius: 6px;
    margin: 1.5em 0;
}

#wrap-404{
	  padding: 5em 2em 3em 2em;
    width: 50%;
    float: left;
}




.page .entry-title{
  display: none;
}

.copyright{
	font-size: 9px;
	margin: 4em 0;
	color: #FFF;
}





/****************************************************
** レスポンシブデザイン用メディアクエリ（モバイルファースト
****************************************************/

/*768px以上*/
@media screen and (min-width: 768px) {
	/*タブレットのデザイン内容をここに*/
}

/*1023px以上*/
@media screen and (min-width: 1024px) {
	/*PCのデザイン内容をここに*/
}