@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*----------------------------------
  全体設定 
---------------------------------------*/
body {
    background-color: inherit;
}

/* トップページのイベントにbackcolorつけるため */
li {
    list-style-type: none;
}

.sp {
    display: none;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px !important;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.texcen {
    text-align: center;
    margin: 0 auto;
}

a:hover {
    opacity: 0.8;
}


/* サイドバー有の幅調整 */
.main {
    max-width: 815px;
}

.content {
    padding: 0;
}


.content-in {
    display: flex;
    flex-wrap: inherit;
}

/* トップページの幅調整 */
.home .main {
    max-width: 100%;
    padding: 0;
}

.home .content {
    margin-top: 0;
}

.home .content-in {
    display: inherit;
    flex-wrap: inherit;
}

/* トップページ、プロフィール幅 */
body:not(.home) #content-in {
    max-width: 1176px;
    margin: 0 auto;
}

.article-header.entry-header,
#profile,
.page-id-165 .conten,
#voice {
    max-width: 1176px;
    margin: 0 auto;
}

.home .wrap,
.wrap {
    width: auto;
}

/*コンテンツ幅調整*/
.cont-wrap {
    margin: 0 auto;
    max-width: 1500px;
}

/* メインイメージ調整 */
.logo-image {
    max-width: 980px;
}

/*---ブログカード共通 -----*/
.new-entry-card-content.widget-entry-card-content.card-content {
    height: auto;
}

/*.popular-entry-card-post-date {
    display: none;}*/

.card-title-bold .card-title {
    font-weight: 700;
    padding: 16px 10px;
}

/*---トップ新着記事 -----*/
.widget-entry-cards.card-large-image .a-wrap {
    width: calc(100% / 3 - 5px);
}

/*---サイドバーカスタマイズ -----*/
#sidebar {
    max-width: 350px;
    /*    margin-top: 30px;*/
}

#sidebar .new-entry-card-sentence {
    display: none;
}


/* recaptchaロゴ非表示 */
.grecaptcha-badge {
    visibility: hidden;
}

/* 日付け・更新日非表示 */
.page-id-165 .date-tags,
.page-id-162 .date-tags,
.page-id-250 .date-tags,
.page-id-24 .date-tags {
    display: none;
}

/* 記事一覧ページ幅 */
#profile #main,
.blog #main {
    margin: 0 auto;
}

.blog #main {
    padding: 20px 0px;
}

.flex {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    align-items: center;
    gap: 0px 9px;
}

a img:hover {
    opacity: 0.8;
}

.pagination-next-link,
.comment-btn {
    background-color: #9fa2a3;
    width: 6em;
    border-radius: 77px;
    height: 6em;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

/* header ハテブなど非表示 */
#post-30 .sns-share.ss-col-6.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top,
#post-26 .sns-share.ss-col-6.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top,
.sns-share.ss-col-6.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top {
    display: none;
}

/* footer ハテブなど非表示 */
.article-footer.entry-footer {
    display: none;
}

/* 目次デコ */
.toc-list>li>a {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

/*FontAwesome カスタマイズ*/
i.fas {
    margin: 0 5px;
}

/*いろいろ要素デコ*/
.tab {
    width: 84px;
    background-color: #ffc107;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 3px;
}

.box-simple {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
}

/*カテゴリcat デザイン変更*/
.cat-label {
    top: 0em;
    left: 0em;
    border: none;
    font-size: 13px;
    padding: 3px 8px;
    font-weight: bold;
    background-color: #0095d9a1;
}

/*コンタクトボックス*/
.cont-appealarea {
    background-color: #1e9ce8;
    padding: 5px 0px 50px 0px;
}

.contact-button.flex {
    max-width: 1200px;
}

.contact-button div {
    font-size: 1.5em;
    font-weight: bold;
    width: 45%;
    padding: 10px;
}

.contact-button div a {
    background-color: #ffffff;
    text-decoration: none;
    color: #1e9ce8 !important;
    width: 100%;
    display: inline-block;
    padding: 30px;
    border-radius: 77px;
    max-width: 500px;
}

.contact-button div a:hover {
    background-color: #f9f9f9;
}

.contact .title-area span {
    border-bottom: 4px solid #fff;
}

/*申込みボタン*/
h2.appForm {
    padding: 5px;
}

/*----------------------------------
  ヘッダーカスタマイズ
---------------------------------------*/
/*ヘッダー画像をフル表示＋「temp/headr-gontainer.php」も変更*/
/*.logo-header img {
    max-width: 330px;
}*/

#header {
    /*    max-height: 100px;*/
}

/* Greenボタンカスタマイズ */
.btn-01 {
    text-align: center;
    margin: 20px 0;
}



/* Greenボタン→円形 */
.btn-wrap.btn-wrap-circle>a {
    background-color: #9fa2a3;
    width: 6em;
    border-radius: 77px;
    height: 6em;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Greenボタン→楕円形 */
.btn-wrap.btn-wrap-circle.oval>a {
    display: inline;
}

/*.btn-wrap-green{
   background-color: #9fa2a3;
}*/
.btn-wrap.btn-wrap-blue>a {
    background-color: #58b9d9;
}

.btn-wrap.btn-wrap-circle>a:hover {
    /*    border: 2px solid #55b606 !important;*/
    background-color: #55b606;
}

.btn-wrap.btn-wrap-circle.btn-wrap-blue>a:hover {
    /*    border: 2px solid #55b606 !important;*/
    background-color: #007aa3;
}


/* 100％ボタン */
.btn-big>a {
    width: 100%;
    padding: 30px 60px !important;
    font-size: 20px !important;
}

/*グレーシンプルリンク*/
.link-gray {
    max-width: 500px;
    border: 1px solid #ccc;
    margin: 35px auto 35px;
    text-align: center;
    padding: 14px 20px;
    font-weight: bold;
}

.link-gray a {
    color: #3e3b3b;
    text-decoration: none;
}

.link-gray:hover {
    background-color: #55b609;
    border: 1px solid #55b609;
    color: #fff;
}

.link-gray:hover a {
    color: #fff;
}


/*----------------------------------
 フッターカスタマイズ
---------------------------------------*/
.footer {
    margin-top: 0;
    padding: 0;
}

.footer-bottom {
    margin-top: 0;
    background-color: #353232;
    color: #fff;
}

/*----------------------------------
 ナビカスタマイズ
---------------------------------------*/
#navi-in {
    background-color: #208ae2;
}

#menu-global-navi {
    max-width: 980px;
    margin: 0 auto;
    max-width: 1455px;
}

#menu-global-navi .fas,
#menu-global-navi .far {
    display: block;
}

#menu-global-navi .sub-menu .fas,
#menu-global-navi .sub-menu .far {
    display: initial;
}

.navi-in a {
    font-weight: bold;
    /*    color:#363535;*/
    color: #fff;
    display: inline-block;
    height: auto;
    width: 100%;
    font-size: 0.8em;
}

.navi-in a:nth-child(odd) {
    border-left: 1px solid #ccc;
}

.navi-in li:last-child a {
    border-right: 1px solid #ccc;
}

.cl-slim .sub-menu>ul li {
    height: 50px;
    line-height: 25px;
}

.navi-in .sub-menu a {
    color: #363535;
}

.navi-in>ul .sub-menu a {
    color: #fff;
    height: auto;
    background-color: #208ae2;
	    height: 99%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}

.navi-in a:hover {
    /* color: #000000; */
    opacity: 0.6;
    background-color: #ffffff;
}

.navi-in>ul .sub-menu a:hover {
    background-color: #0967b5;
    opacity: 1.0;
}

.navi-in>ul .sub-menu {
    min-width: 300px;
    background-color: inherit;
    top: 41px;
}

/* .sub-menu li{
	border-bottom: 1px solid #fff;
} */
.cl-slim #navi-in>ul>li {
    background-color: inherit;
    width: 10%;
}

.cl-slim #navi-in>ul.sub-menu li {
    height: 50px;
    line-height: 30px;
}

.sub-menu .item-label {
    margin-top: 0 !important;
}

/* サブメニュー矢印icon */
.navi-in>ul>.menu-item-has-children>a::after {
    display: none;
}

.fa-angle-down:before {
    display: none;
}

/* モバイルナビ */
#menu-mobile-navi {
    background-color: #4a533e;
    height: 80px;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
}

#navi .navi-in>.menu-mobile li a {
    color: #fff;
}

#menu-mobile-navi .item-label,
#menu-global-navi .item-label {
    /*    margin-top: 15px;*/
    /*    padding-left: 10px;
    padding-right: 20px;*/
    white-space: nowrap;
}

#menu-mobile-navi .item-label {
    border-right: 1px solid;
}

#menu-mobile-navi .fa,
#menu-global-navi .fa {
    display: block;
}


/*----------------------------------
  トップページカスタマイズ
---------------------------------------*/
.home h2 {
    font-weight: 500;
    text-align: center;
    padding: 30px 12px;
    white-space: nowrap;
    position: relative;
}


.home .cont-event .appeal-area {
    font-size: 1.3em;
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    margin-bottom: 15px;
}

.home .cont-event .appeal-area span {
    color: #3e3e3e;
    font-weight: bold;
}

.home .new-article .new-entry-cards,
.home .cont-event .new-entry-cards,
.home .popular-article .popular-entry-cards {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
}


.new-article h2:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #000;
    top: 53%;
    left: 0;
    z-index: -1;
    width: 100%;
}

.home .new-article h2 span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    background: #fdfdfd;
    padding: 0 1em;
}


.home .new-article h2 span:before {
    content: "";
    background-image: url(https://test1.shinozakiryuji.com/wp-content/themes/cocoon-child-master/img/common/new-article.png);
    top: 0;
    left: 0;
    display: block;
    width: 116px;
    height: 85px;
    background-size: contain;
    background-repeat: no-repeat;
}

.widget-entry-cards.large-thumb-on .card-title {
    position: inherit;
    width: 100%;
    bottom: 0;
    padding: 10px 5px;
    background-color: unset;
    color: #0e0e0e;
    max-height: 40%;
    overflow: hidden;
}

/*人気記事一覧*/
.home .widget-entry-card-content {
    margin-left: inherit;
}

.home .popular-entry-cards figure {
    width: 100%;
}

.home .popular-entry-cards .a-wrap {
    width: calc(100% / 5 - 5px);
}

/* TOPページの目次自動表示ＯＦＦ */
.home .toc.tnt-number.toc-center.border-element {
    display: none;
}

/* 新着記事に日付表示 */
.widget-entry-card-date.display-none {
    display: block;
    text-align: left;
    font-size: 1.2em;
    color: #a29191;
}

/*日付の前のアイコン消す */
.post-date::before {
    display: none;
}

/* 更新日消す */
.new-entry-card-update-date.widget-entry-card-update-date.post-update {
    display: none;
}

/*新着記事デコ */
.widget-entry-cards figure {
    border: 1px solid #e3d8d8;
    border-bottom: none;
    overflow: hidden;
}

.home .widget-entry-cards figure {
    width: 100%;
}

.new-entry-card-content.widget-entry-card-content.card-content {
    /*	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	height: 88px;
	padding: 0.5em 0.5em 0.5em 0.8em;*/
}

.widget-entry-cards.card-large-image figure img {
    width: 100%;
    object-fit: cover;
    height: 210px;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    width: 100%;
    object-fit: cover;
    height: 245px;
}

#sidebar .new-entry-card-content.widget-entry-card-content.card-content .post-date {
    display: none;
}

.new-entry-card-sentence {
    font-size: 0.85em;
    padding: 10px 5px;
}

.widget-entry-cards.large-thumb-on .card-title {
    font-weight: bold;
}

.widget-entry-card-snippet {
    font-size: 15px;
}

.home .popular-article {
    margin: 0 auto;
    margin-bottom: 45px;
    /*    background-color: #c8eaff;*/
    max-width: 1300px;
    padding: 50px 0 50px 0;
    position: relative;
}

.home .contact .title-area p {
    border-top: 5px solid #1e9ce8;
    border-bottom: 3px solid #1e9ce8;
    vertical-align: middle;
    margin-top: 30px;
    color: #fff;
}


.fukidashi {
    background: #208ae2;
    line-height: 1;
    width: 293px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding: 8px 0;
    font-weight: bold;
    border-radius: 33px;
    margin-bottom: 26px;
    position: relative;
    box-shadow: 0.5px 0.866px 2px 0px rgb(0 0 0 / 20%);
}

p.fukidashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #208ae2;
}


/*おすすめコンテンツ*/
.cont-specialarea {
    background-color: #fae259;
    margin: 0 auto;
    padding: 38px 0;
    max-width: 1500px;
    margin-top: 60px;
    margin-bottom: 50px;
    position: relative;
}

.cont-specialarea:before {
    content: '';
    display: block;
    width: 100%;
    height: 59px;
    background: url(img/common/bg_white.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0px;
    /*    transform: scale(1, -1);
*/
}

.cont-specialarea:after {
    content: "";
    width: 100%;
    height: 99px;
    position: absolute;
    left: 0;
    bottom: -83px;
    background: url(img/common/bg_yellow_01.png) no-repeat 50% 0% / cover;
    z-index: 2;
    transform: scale(1, -1);
}

.cont-specialarea .sub-area {
    width: 95%;
    margin: 0 auto;
}

.home h2,
.home .contact .title-area {
    text-align: center;
    font-size: 1.5em;
    line-height: 31px;
    vertical-align: middle;
    height: 53px;
    margin: 0 auto;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: .06em;
    transform: rotate(0.03deg);
    font-weight: 800;
    margin-bottom: 35px;
}

.cont-specialarea .flex a {
    max-width: 100%;
    height: auto;
}

.cont-specialarea .flexitem {
    margin: 5px;
    padding: 10px;
    height: 400px;
    background-color: #fff;
    border-radius: 23px;
}

.cont-event .sub-area {
    max-width: 1050px;
    margin: 0 auto;
}

.cont-specialarea .title-mini {
    text-align: center;
    font-weight: bold;
    padding: 8px 0;
    color: #047788;
}

.cont-specialarea .title-area {
    text-align: center;
}

/*セルフワークキット動画*/
.selfworkit{
	background-color: #ffffff;
    margin: 10px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.cont-specialarea .block2 div{
	flex: 1 1 0;
}
.block2 .flex div.flex{
	width:50%;
}
@media screen and (max-width: 768px){
.block2 .flex div.flex{
	display: grid;
	width: 100%;
	}
}



/*-----------------------------------
			プロフィール
-----------------------------------*/
.page-id-30 .article-header.entry-header {
    max-width: 1000px;
}

.page-id-30 .entry-title {
    border-bottom: 5px solid #759625;
    background-color: white;
    padding: 20px;
}

.page-id-30 #container,
.page-id-30 #content,
.page-id-30 #main,
.page-id-30 .entry-content {
    background: url(img/common/p_pt_0015_xs_pt_00158.png) repeat;
}

.para {
    max-width: 650px;
}


section#profile {
    max-width: 1000px;
    background-color: #fff;
    padding: 8%;
}

section#profile .floatL {
    width: 100%;
}

section#profile .floatR {
    width: 100%;
}

section#profile .title {
    font-size: 24px;
    padding: 15px 25px;
    background-color: #f3f4f5;
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px;
}

section#profile .title:before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #8EC31E;
    content: "";
}

section#profile .title:after {
    position: absolute;
    top: 3px;
    left: 9px;
    width: 13px;
    height: 13px;
    border: 2px solid #8EC31E;
    content: "";
}

section#profile .year {
    font-size: 16px;
    margin-right: 10px;
    padding-left: 20px;
    color: #279323;
    font-weight: bold;
}

.pro2014 .flex div:nth-of-type(1) img {
    max-height: 330px;
    width: auto;
}

section#profile span.year {
    display: inline-block;
    white-space: nowrap;
}

/*-----------------------------------
 　			記事一覧
-----------------------------------*/
.blog .list.ect-entry-card {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    /*     justify-content: space-between; */
}

a.entry-card-wrap.a-wrap.border-element.cf {
    width: 49.5%;
    display: inline-block;
    max-width: 400px;
}

.blog .entry-card-thumb.card-thumb.e-card-thumb {
    width: 100%;
    float: none;
}

.blog .entry-card-content.card-content.e-card-content {
    /*    height: 190px;*/
    padding: 1em 0.5em 0.5em 0.8em;
}

.blog .e-card-info>span {
    font-size: 0.8em;
    color: #a29191;
    padding: 10px;
}

.entry-card-title,
.related-entry-card-title {
    padding: 10px 5px;
}

.entry-card-content {
    margin-left: 0%;
}

.entry-card

/*.related-entry-card*/
    {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*-----------------------------------
			ブログ
----------------------------------*/
.single-post .entry-content p:first-of-type img {
    width: 800px;
    margin-bottom: 30px;
}

.single-post #container {
    background-color: #f3fafe;
}

/*.single-post .main {
    padding: 30px;
}*/

.l-quote,
.l-quote a {
    display: block;
    text-align: right;
    color: #ccc;
    font-size: 8px;
}

.l-quote a:hover {
    color: #998f8f;
}

/*-----------------------------------
  セミナー・講座
-----------------------------------*/

.page-id-170 #container {
    background-color: #fbf5f5;
}

/*.page-id-170 .main {
    padding: 30px;
}
*/
/*-----------------------------------
			メルマガ
-----------------------------------*/
.post-28 .date-tags {
    display: none;
}

/*-----------------------------------
			お客様の声
-----------------------------------*/
#container {
    background-color: #fff8ee;
}

.page-id-165 #container,
.page-id-162 #container {
    background-color: #fbf5f5;
}

.page-id-24 #container {
    background-color: #fff8ee;
}

/*-------お客様の声---------*/
.page-id-165 h1:before,
.page-id-162 #container h1:before {
    font-family: "Font Awesome 5 Free";
    content: "\f086";
    font-weight: 900;
    padding-right: 5px;
    color: #f89174;
}

#voice {
    margin-top: 50px;
}

#voice .classLink ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

#voice .classLink ul li {
    position: relative;
    font-weight: bold;
}

#voice .classLink ul li a {
    font-size: 14px;
    color: #5e99c9;
    text-decoration: none;
    padding: 0 3px;
}

#voice .classLink ul li a:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    padding-right: 5px;
    color: #cde2e4;
    top: 19px;
    left: 35%;
}

#voice .voiceList {
    border: 1px solid #ccc;
    padding: 20px 10px;
    margin-bottom: 22px;
    position: relative;
}

#voice .voiceList span {
    line-height: 1.5;
}

#voice .voiceList .name:before {
    background-image: url(./img/voice/voice_icon.png);
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    padding-right: 5px;
    vertical-align: text-top;
}

#voice .voiceList span.name {
    display: block;
    font-weight: bold;
    padding-left: 1em;
    text-indent: -1em;
}

#voice .voiceList span.classTh {
    display: block;
    font-size: 15px;
    margin-left: 1.6em;
}

#voice .voiceList span.voiceInfo {
    display: block;
    font-size: 16px;
}


#voice .voiceList span.v-name {
    width: 100%;
    padding: 20px 20px 20px 0;
    font-size: 1.2em;
    font-weight: bold;
}

#voice .voiceList .v-name:after {
    content: "";
    display: block;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
    background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
    padding: 1px;
}

#voice .voiceList .place {
    display: block;
    border-radius: 10px;
    font-size: 0.8em;
    text-align: right;
    padding: 0;
    margin: 0;
}

#voice .voiceInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 3px;
    margin-left: 1.2em;
}

#voice .voiceInfo span {
    margin: 0 3px;
}

#voice .voiceInfo .blog a,
#voice .voiceInfo .homepage a,
#voice .voiceInfo .line a,
#voice .voiceInfo .facebook a,
#voice .voiceInfo .instagram a,
#voice .voiceInfo .note a,
#voice .voiceInfo .e-zine a,
#voice .voiceInfo .radio a,
#voice .voiceInfo .other a {
    color: #fff;
    text-decoration: none;
}

#voice .voiceInfo .blog,
#voice .voiceInfo .homepage,
#voice .voiceInfo .line,
#voice .voiceInfo .facebook,
#voice .voiceInfo .instagram,
#voice .voiceInfo .note,
#voice .voiceInfo .e-zine,
#voice .voiceInfo .radio,
#voice .voiceInfo .other {
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

#voice .voiceInfo .blog {
    background-color: #06c755;
}

#voice .voiceInfo .homepage {
    background-color: #2f5b94;
}


#voice .voiceInfo .line {
    background-color: #06c755;
}

#voice .voiceInfo .facebook {
    background-color: #1773ea;
}

#voice .voiceInfo .instagram {
    background-color: #d963d4;
}

#voice .voiceInfo .note {
    background-color: #000;
}

#voice .voiceInfo .e-zine {
    background-color: #03655c;
}

#voice .voiceInfo .radio {
    background-color: #e46101;
}

#voice .voiceInfo .other {
    background-color: #756403;
}

#voice .career {
    position: absolute;
    bottom: 28%;
    font-size: 15px;
    width: 60%;
    line-height: 20px;
}

#voice dt {
    max-width: 720px;
    margin-bottom: 10px;
    border-left-color: #ae9c94;
    padding-left: 10px;
    border-left-width: 5px;
    border-left-style: solid;
    background-color: #fcf6f0;
    font-weight: bold;
}

.article p {
    margin-bottom: 3.8em;
}

.article dd {
    margin-left: 0px;
}

#voice dd {
    margin-bottom: 25px;
    padding: 0 0 0em;
    max-width: 680px;
}

#voice .para {
    max-width: 800px;
}

/* Youtubeありの場合 */
#voice .voiceList.youtube {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px 10px;
}

#voice .voice-Youtube .video-container {
    width: 220px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#voice .voice-Youtube .video-container .video {
    margin-top: 0;
}

#voice .voice-Youtube-ttl {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: none;
    color: #262020;
    display: inline-block;
}

/*-----------------------------------
			お問合せ
-----------------------------------*/

/*.page-id-352 .main {
    padding: 30px;
}*/

.send {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
}

.send span {
    width: 100%;
    max-width: 350px;
}

.send input[type="button"] {
    padding: 12px;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.required {
    padding: 1px 8px;
    background-color: #ea3c3c;
    color: #fff;
    font-size: 0.8em;
}

.que {
    padding-bottom: 50px;
}

.que .title {
    font-weight: bold;
    margin-right: 10px;
    border-left: 3px solid #6f6f6f;
    padding-left: 10px;

}

span.wpcf7-list-item {
    display: block !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1502px以下*/
@media screen and (max-width: 1502px) {}

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

/*1030px以下*/
@media screen and (max-width: 1030px) {

    /* トップページ */
    .home .new-article .new-entry-cards a:nth-of-type(3) {
        display: none;
    }

    /* プロフィール */
    .page-id-30 div.sidebar {
        display: none;
    }

    /*	voice	*/
    #voice span.career {
        bottom: 0%;
    }

}


/*1030px以下*/
@media screen and (max-width: 1023px) {
    .navi-in>.menu-header {
        display: none;

    }
}

/*768px以下*/
@media screen and (max-width: 768px) {

    /* 	ナビメニュー */
    #navi .navi-in>.menu-mobile li {
        width: 100%;
    }


    .admin-bar .mobile-header-menu-buttons {
        background-color: #93c7f3;
    }

    .logo-menu-button img {
        display: none;
    }

    /* トップページ */
    .spblock {
        display: block;
    }

    .new-entry-card-sentence {
        display: none;
    }


    .widget-entry-cards.large-thumb-on .card-title {
        padding-bottom: 50px;
    }

    .home .new-article .new-entry-cards,
    .home .cont-event .new-entry-cards,
    .home .popular-article .popular-entry-cards {
        display: block;
    }

    .home .widget-entry-cards.card-large-image .a-wrap,
    .home .popular-entry-cards .a-wrap {
        width: 100%;
        max-width: inherit;
    }

    .cont-specialarea .title-area h2 {
        font-size: 1.0em;
    }

    /*お問い合わせ*/
    .contact-button div {
        width: 100%;
    }

    /*　プロフィール　*/
    .demo {
        font-size: 20px;
    }

    .demo7 .heading .title {
        padding-left: 20px;
    }

    section#profile .floatL {
        width: 58%;
    }

    section#profile .floatR {
        width: 40%;
    }

    /*	記事一覧	*/

    /* 	.blog */
    #main {
        width: 100%;
        margin-top: 20px;
        /*    padding: 30px;*/
    }

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

    .blog .entry-card-content.card-content.e-card-content {
        height: auto;
    }

    /*イベント一覧*/
    #event-all .new-entry-card figure {
        width: 100%;
        float: none;
    }

    #event-all .new-entry-card-content {
        width: 100%;
        display: block;
        margin-left: 0;
    }

}


/*480px以下*/
@media screen and (max-width: 480px) {
    .sp {
        display: inherit;
    }

    /* モバイルトップメニュー */
    ul.menu-mobile {
        overflow-x: auto;
        overflow-y: hidden;
        display: flex !important;
        flex-wrap: nowrap;
        font-size: 14px;
        justify-content: flex-start;
        padding: 0 1em;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    ul.menu-mobile>li {
        padding-right: 1em;
        white-space: nowrap;
    }

    ul.menu-mobile .item-label {
        white-space: nowrap;
        font-size: 14px;
    }

    /*--トップページカスタマイズ  ---*/

    .home .cont-event {
        /*        padding: 5px;*/
    }


    /*---トップ新着記事 -----*/
    .widget-entry-cards.card-large-image .a-wrap {
        width: 100%;
    }

    /* 記事一覧 */
    .blog .list.ect-entry-card {
        display: block;
    }

    a.entry-card-wrap.a-wrap.border-element.cf {
        width: 100%;
    }

    /*　プロフィール　*/
    section#profile {
        padding: 2%;
    }

    section#profile .title {
        font-size: 18px;
        padding: 5px 10px;
    }

    .pro2014 .flex div:nth-of-type(1) img {
        max-height: inherit;
    }

    /* ボイス */
    #voice span.career {
        bottom: 5%;
    }

    /* Youtubeありの場合 */
    #voice .voiceList.youtube {
        display: block;
        padding: 20px 10px;
    }

    #voice .voice-Youtube .video-container {
        width: auto;
        /* margin: 0;
        padding: 0;
        vertical-align: middle; */
    }

    #voice .voice-Youtube .video-container .video {
        /* margin-top: 0; */
    }

}

/*モバイル用ドロワーメニュー*/
.menu-drawer a {
    color: #fff;
    padding: 10px 0;
}

.menu-drawer>li>a {
    border-bottom: 1px solid #fff;
    margin-top: 8px;
}

.menu-drawer>li .sub-menu a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    padding-right: 3px;
    color: #8eb5eb;
}

.menu-content .menu-drawer {
    background-color: #1967d2;
    padding: 15px 1em 30px;
}

/*デコレーション用*/
.txt-circle {
    padding: 6px 10px;
    width: 100px;
    color: #ffffff;
    background: #473121;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
}

/*親CSSカスタマイ用*/
.success-box,
.sp-success,
.success {
    text-align: center;
}

.article h2 {
    text-align: center;
}