/*
Theme Name: Cocoon Child
Theme URI: https://wp-cocoon.com/
Template: cocoon-master
Author: わいひら
Author URI: https://nelog.jp/
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Tags: two-columns,left-sidebar,right-sidebar
Version: 2.7.4.1.1717760744
Updated: 2024-06-07 20:45:44

*/

div#header-container-in {
    max-width: 1200px;
}

header#header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.navi-in > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    text-align: center;
}

main#main {
    padding: 0;
}

h1.entry-title {
    text-align: center;
    padding: 100px;
    background: #8bc34a;
    color: #ffffff;
    margin-top: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: auto;
}

.stripe-wrap {
margin-top: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

/* フルワイドカスタマイズ---------------------------------------------- */
.section-wrap{
	margin: 0 calc(50% - 50vw); /*左右の余白調整*/
 	padding:0  calc(50vw - 50%);/*左右の内側余白調整*/
	padding-top:0em;/*セクションの上部余白（ここはお好みで調整可能）*/
	padding-bottom:0em;/*セクションの下部余白（ここはお好みで調整可能）*/
}

.color-section-1{
	background:#FFFFFF;/*背景色1をここで設定します*/
}

.color-section-2{
	background:#f7f7f7;/*背景色2をここで設定します*/
}

.color-section-3{
	background:#fff;/*背景色3をここで設定します*/
}


/*スクロールバーの幅分調整*/
html, body {
	overflow-x: hidden; /*要素からはみ出た部分を表示しない*/
}

.main {
	padding-top:0!important;
	padding-bottom:0!important;
}

.entry-content{
	margin-top:0;
	margin-bottom:0!important;
}

.article{
	margin-bottom:0!important;
}

.footer {
	margin-top: 0;
}

 .content-bottom {
	 margin:0;
}

/* フルワイドカスタマイズここまで-------------------------------------- */

body {
  overflow-x:hidden;/*水平スクロールバー非表示*/
}

/*セクションフルワイド*/
body .full-wide {
  margin: 0 calc(50% - 50vw);/*左右の余白調整*/
  padding: 50px calc(50vw - 50%);/*左右の内側余白調整*/
}

/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}

table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	width: 60%;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

table.CF7_table >  tbody > tr > th > p {
    justify-content: center;
    margin: 10px;
}

table.CF7_table > tbody > tr > td > p {
    justify-content: center;
    margin: 10px;
}


figure.wp-block-image.size-large.is-resized {
    text-align: center;
    margin: 0 auto;
}

figure.wp-block-image.size-large.is-resized img {
    text-align: center;
    margin: 0 auto;
}

table:not(.has-border-color) th, table:not(.has-border-color) td, table:not(.has-border-color) thead, table:not(.has-border-color) tfoot, .page-numbers, .page-numbers.dots, .tagcloud a, .list.ecb-entry-border .entry-card-wrap, .related-entries.recb-entry-border .related-entry-card-wrap, .carousel .a-wrap, .pager-post-navi.post-navi-border a.a-wrap, .article .toc, .a-wrap .blogcard, .author-box, .comment-reply-link, .ranking-item {
    border-color: rgba(255, 255, 255, .5);
    text-align: left;
}