@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 {
	background-color: #fcf6c2;
}
/*ブログタイトル非表示*/
/*
.logo-header, .tagline {
    display: none;
}
*/

/*ブログ サブタイトル表示*/
.tagline {
    text-align: center;
    font-size: 22pt !important;
	margin-top: 1em !important;
    margin-bottom: -1em !important;
}

/*ブログタイトル表示*/
span.site-name-text {
    font-size: 48pt !important;
    font-weight: bold !important;
}


/* 見出しの縦棒 */
p.left-bar {
    text-align: center;
}
p.left-bar span {
	font-size: 32px;
    padding: 0px 15px;
    border-left: 12px #ffb23a solid;
    border-right: 12px #ffb23a solid;
}

/* 見出しの筆丸 */
p.hudemaru {
    text-align: center;
}
p.hudemaru:before {
    background-image: url(https://gp-fortune.com/wp-content/uploads/2020/11/筆丸2.png);
    content: "";
    display: inline-block;
    width: 3em;
    height: 3em;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
p.hudemaru span {
    font-size: 32px;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
}

/* 「ホーム」「予約」へのリンク */
/*
 * #menu-item-885,
#menu-item-305,
.menu-item-886 a,
.menu-item-59 a,
*/
.only-saki,
.only-saki a
{
    display: none;
}
.navi-footer-in > .menu-footer li.menu-item {
  display: flex;
}
.navi-footer-in > .menu-footer li.only-saki {
  display: none;
}

/*投稿日・更新日・著者情報を消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*ブログではないため非表示*/
.cat-link, .breadcrumb, .post-date, .date-tags {
    display: none;
}

ul.list {
	list-style: none;
    margin: 0;
/*    padding: 0;*/
}

ul.list li {
/*    margin: 0 0 0.5em 0;
    padding: 0 0 0 30px;
    background-image: url("img/list.png");
    background-repeat: no-repeat!important;
    background-position: left 0.1em;*/
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 1px;
    background-image: url(img/list.png);
    background-position: left 0.1em;
    background-repeat: no-repeat;
}

.button, #sendmail-submit {
	background-color: #e7577a;
/*	background-color: #ff96b0; */
	color: #fff;
/*  line-height: 200%; */
    line-height: 80px;
    font-size: 180%;
    font-weight: bold;
    padding-top: 2px;
    border-bottom: solid 5px #c52e52;
/*    border-bottom: solid 5px #f17794;*/
}

.button, .button::before, .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button {
    display: inline-block;
    width: 100%;
    height: 200%;
    text-align: center;
    text-decoration: none;
    line-height: 200%;
    outline: none;
	border-radius: 10px;
}
.button:hover, #sendmail-submit:hover {
    background-color: #e5738f;
    color: #fff;
    text-decoration: none;
}

a:hover {
/*    color: #ffffff;*/
    text-decoration: none;
}
#go-to-top {
	display: block!important;
    bottom: 120px!important;
}
.go-to-top-button {
    color: #fff1a0;
	display: block!important;
}
.td_bgcolor {
    background-color: #ffe3e8;
}
.form_caution {
    font-size: smaller;
	line-height: 1.5em;
}


/* 未承諾時の送信ボタンの色 */
.wpcf7-submit:disabled, #sendmail-submit:disabled {
    background-color: gainsboro;
    border-color: #ccc;
}


/* 似顔絵 */
.nigaoe {
    box-shadow: 0px 0px 17px 5px #fff09b;
    border: #fcf6c2 1px solid;
}
.voice_caption {
    margin: 5px;
}


/* 額縁 */
.gaku {
	border: 20px ridge #cfcfcf;	
}

/* アンケート */
.customers_letter {
/*    display: inline-block; */
/*    transform: rotate(2deg); */
    text-align: center;
    font-size: smaller;
    line-height: 1.2em;
	margin-top: 40px;
}
.customers_letter_customer {
    font-size: 18px; color: #000000;
	font-weight: bold;
}
.customers_letter_comment {
    font-size: 18px;
    color: #ff0000;
	font-weight: bold;
}
.customers_letter img {
/*    box-shadow: 6px 6px #fff09b; */
    box-shadow: 3px 3px 10px -3px #000;
    border: #aeaeae 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
}



/* ノート罫線 */
.note p {
    background-image: linear-gradient(
     180deg,
     rgba(0,0,0,0) 0%,
     rgba(0,0,0,0) 97%,
         #ddd 97%,
     #ddd 100%
     );
    background-size: 100% 2em;
    line-height: 2em;
    margin-bottom: 0em;
    margin-top: 0em;
    text-indent: 1em;
	color: black;
}

/* ボックスの背景色を必要サイズにする */
.box-fit {
    width: fit-content;
}

/* 自作ボックス */
.box29 {
    margin: 2em 0;
    background: #e1ffdc;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #4c8c4b;
    padding: 14px;
	text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.mybox-yellow {
    margin: 15px 28px;
    background: #fff5d9;
}
.mybox-yellow .box-title {
    background: #e1b007;
    color: #FFF;
    padding: 8px 20px;
}
.mybox-yellow p {
    padding: 10px 20px;
	margin: 0px;
}
.no_pc {
	display: none!important;
}
.for_sp_br {
	display: none;
}

/* Paypal用 */
.paypal {
    font-size: smaller;
    line-height: 1.5em;
    margin-left: 1.5em;
    text-indent: -1em;
}

.profile_msg {
	font-size: smaller;
	text-align: center;
}

.article h3 {
	font-size: 32px;
}

/* モバイル表示でメニューを上部に固定配置 */
.mobile-menu-buttons {
	bottom: unset!important;
	top: 0;
	background-color: #ffc7e4;
}

/* アンカー表示の高さ分を上にずらす */
.footer {
	margin-bottom: 80px;
}

/* AdRotateでの2列表示をセンタリングする修正 */
.g {
  text-align:  center;
}
.g-col {
  display: inline-block; 
  float: none!important;
}
/* スポンサーリンク */
.label_sponsor {
    font-size: small;
}


/*********************************************************************
** レスポンシブデザイン用のメディアクエリ
*********************************************************************/
@media screen and (min-width:750px) {
    /*　画面サイズが750pxからはここを読み込む　*/
	/* 本文の左に余白 */
	.content {
		margin-left: 50px;
	}
	.site-name-text {
		font-size: 28px!important;
		font-family: serif;
	}
	
	/* プロフィールの文章と似顔絵、音声メッセージの配置 */
	.profile_text, .profile_voice {
		display: inline-block;
	}
	.profile_voice {
		float: right;
	}
	.profile_voice_end {
		margin-bottom: 120pt;
	}
	
	.clear_float {
		clear:  both;               /* 回り込みを解除する */
		margin-top: 30px;
	}	
	.mytop {
    	position: relative;
	}
	.in_img_top {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	}

}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
/* 	div#header-container {
		line-height: 0px;
	} */
	img.img_top {
		width: 100%;
	}
	.no_sp {
		display: none!important;
	}
	.img_nayami {
		display: none!important;
	}
	.mobile-menu-buttons {
		background-color: #ffeede;
	}
	.logo-text {
		text-align: center;
		padding-bottom: 10px!important;
	}
	/* モバイルフッターメニューを上に配置 */	
	/* ヘッダーとフッターの位置をメニューの高さ分下げる */
	div#header-container {
		padding-top: 50px!important;
	}
	#header .site-name-text {
		font-size: 20pt!important;
		font-weight: bold;
		text-shadow: 1px 1px 2px silver;
	}
	.tagline {
		text-align: center;
		font-size: 14px !important;
		margin: 1.5em 1em 1.2em;
		font-weight: 700;
	}
	.mblt-footer-mobile-buttons {
		margin-bottom: 0px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.site-name-text {
		font-size: 28px!important;
		font-family: serif;
	}

}

/* ～1023px */
@media screen and (min-width:1023px) and (max-width: 1023px) {
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	ul.list {
		padding-left: 3px!important;
	}
	.article h2 {
		font-size: 24px!important;
		padding: 10px 10px!important;
	}	
	h1.entry-title {
		padding: 5px;
/*		color: coral; */
		word-break: keep-all;
		font-size: 18px;
		text-align: center;
		font-family: serif;
	    margin: 18px 0px!important;
	}
	.no_sp {
		display: none!important;
	}
	.for_sp_br {
		display: unset!important;
	}
	.no_sp_br {
		display: none!important;
	}
	.for_sp_sonna {
		font-size: 22px!important;
	}
	.button, #sendmail-submit {
		font-size: 120%;
	}
	.footer-bottom-content {
	    line-height: 1.5em;
	    margin-bottom: 20px;
	    word-break: keep-all;
	}		
	.padding_narrow {
		padding: 5px;
	}
	.mybox-yellow {
		margin: 15px 2px;
	}
	.mybox-yellow .box-title {
		padding: 8px 10px;
	}
	.mybox-yellow p {
		padding: 10px 10px;
	}	
	.blogcard-content{
		max-height: unset;
	}
	/*料金*/
	.for-sp-pay > span {
		font-size: medium!important;
	}
	.for-sp-pay > span > strong > span {
		font-size: 24px!important;
	}

	/* アンケート */
	.customers_letter_customer, .customers_letter_comment {
		font-size: 12px;
	}

	/*音声の下のマージン*/
	.profile_msg {
		margin-bottom: 80px;
	}
	/* 見出しの縦棒 */
	p.left-bar {
		padding: 5px;
		border-left: 12px #ffb23a solid;
		border-right: 12px #ffb23a solid;
	}
	p.left-bar span {
	    padding: 0px;
		border-left: unset;
		border-right: unset;
	}	
	/* 見出し調整*/
	.article h3 {
		font-size: 18px!important;
	}
	p.left-bar span, p.hudemaru span {
		font-size: 28px;
		line-height: 1.4em;
	}
	.copyright {
	    word-break: keep-all;
	}

}