@charset “utf-8″;
/*
Theme Name: lightning-child
Theme URI:
Template: lightning
Description:
Author: le-mina-rie with MarkleDesign
Tags:
Version: 0.1.2
*/
/*日付ピッカー*/
.ui-datepicker-year , .ui-datepicker-month{
margin:0!important;
padding:0!important;
font-size:8 !important;
}
/**************************************
WEBフォント指定
*************************************
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300&display=swap’);
*{
font-family: ‘Noto Sans JP’, sans-serif;
}*/
p , body{
font-family: kozuka-gothic-pro, sans-serif;
font-weight:200;
font-size:14px;
letter-spacing :0.1em;
line-height:1.8em;
text-align: justify;
}
.pt-cv-title{
font-size:0.8em !important;
font-weight:100 !important;
}
.pt-cv-wrapper img:hover {
opacity: 0.7 !important;
}
/**************************************
スクロール時のヘッダーロゴを表示
**************************************/
.header_scrolled .global-nav-list {
background-image: url(https://markledesign.com/wp-content/uploads/2023/10/markle_logo.png);
background-repeat: no-repeat;
background-size: 200px;
background-position: 0 50%;
}
.header_scrolled .siteHeader_logo img {
float:left;
max-height: 40px;
}
.header_scrolled .global-nav .global-nav-list {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* スマホのときのヘッダー画像
@media (max-width: 480px) {
/* PC用のヘッダー画像を消す
#topMainBnr #topMainBnrFrame {
display: none;
}
*/
/* スマホ用のヘッダー画像を表示 *
#topMainBnr:after {
background: url(https://markle-design.art/wp-content/uploads/2023/10/markle_logo_s.png);
background-size: 100% auto;
content: ”;
display: block;
height: 320px;
}
}
*/
/* 以下メニュー貫通レイアウトの時のみ
.header_scrolled .global-nav .global-nav-list>li{
width:auto;
}
.header_scrolled .global-nav .global-nav-list>li {
border-right: none;
}
.header_scrolled .global-nav .global-nav-list>li:first-child {
border-left: none;
}*/
/**************************************
Hタグの装飾を変更
**************************************/
/*.entry-title–post-type–page, h2 {*/
h2 {
padding: 0.5em 0;
/* border-top: 2px solid var(–vk-color-primary);*/
border-top: none;
border-bottom: none;
margin-bottom: 0;
}
.site-footer-title, h3 {
position: static;
border-bottom:none;
background: 0 0;
padding: 0 0 0.5em;
}
.title_font{
font-weight:200 !important;
font-size:1.3em;
}
.mb-logo{
font-weight:200 !important;
font-size:1.1em;
}
/*トップページ ギャラリーのキャプションの修正*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: none;
margin-top:1.5em;
bottom: 0;
color: #000;
}
/************************************************************
投稿文書
**********************************************************/
/*投稿文書のメタアイテムの非表示設定*/
.breadcrumb .fa-home,/*パンくずリストのアイコン*/
.entry-meta .fa-calendar-alt, /*作成日のカレンダーアイコン*/
.entry-meta .entry-meta-item-updated, /*更新日*/
.entry-meta .entry-meta-item-author, /*作成者*/
.next-prev,/*前後の記事へのリンク*/
.comments-area/*コメントエリア*/
{
display:none;
}
/*投稿分署 固定ページ のタイトル文字サイズを変更*/
@media (min-width: 751px){
h1.entry-title {
font-size:1.7em;
font-weight:200;
}}
@media (max-width: 750px){
h1.entry-title {
font-size:1.5em;
font-weight:300;
}}
/*投稿一覧（パンくずから開いた）ボタンの色を変更*/
.btn-primary {
background-color: var(–vk-color-primary);
border-color: var(–vk-color-primary);
}
.btn-primary:hover,
.btn-primary:focus {
color: #fff;
background-color: #dcdcdc !important;
border-color: #dcdcdc !important;
}
/*投稿一覧
.single-post .siteContent .subSection {
display:none !important;
}
.single-post .site-body-container .container{
display:none !important;
}
aside.widget {
display:none !important;
}
div.site-body{
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
div.site-body{
width:100%;
}
div.site-body-container{
margin-left:5%;
margin-right:5%;
}*/
/************************************************************
News 一覧
**********************************************************/
/*「新着」を消す*/
.vk_post_title_new {
display:none;
}
/*「続きを読む」 色を変更*/
.pt-cv-wrapper .btn-success {
color: #fff;
background-color: #c0c0c0;
border-color: #c0c0c0;
}
/*「続きを読む」 ホバー時に色を変更*/
.btn-success:hover,
.btn-success:focus{
color: #fff;
background-color: #dcdcdc !important;
border-color: #dcdcdc !important;
}
/*一覧表示時に見える本文の文字サイズを変更*/
.pt-cv-content, .pt-cv-content * {
font-weight: 200;
font-size:0.9em;
margin-top :0.8em;
}
/*一覧表示時の各情報ページの間隔を変更*/
.pt-cv-meta-fields{
margin-top:2em;
}
/*スマホで画像を中央に→現在効いていない*/
.pt-cv-ifield img{
text-align:center !important;
}
/************************************************************
works ページ
**********************************************************/
/*タブの色
.su-tabs{
background:#f8f8f8;
border:none !important;
}
.su-tabs-nav{
background-color:#f8f8f8;
border:none;
}
.su-tabs-panes {
border:none !important;
background: #f8f8f8;
}*/
.l-space{
line-height : 2em;
}
/************************************************************
about ページ
**********************************************************/
/*’23/10/28 追加 プロフィール部分と会社ロゴ*/
/*@media (min-width: 751px) {.prof-width{margin-left: 35%;}}*/
@media (min-width: 751px) {.prof-fl-1{
width:15%;
float:left;}}
@media (min-width: 751px) {.prof-fl-2{
width:80%;
padding-left:30px;
float:left;}}
@media (max-width: 750px) {.prof-fl-1{
width:30%;
float:left;}}
@media (max-width: 750px) {.prof-fl-2{
width:68%;
padding-left:20px;
float:left;}}
/*コンセプト*/
@media (min-width: 751px) {.con-fl{
width:48%;
padding:10px;
float:left;}}
.cb{
clear:both;
}
/*ページ全体の幅を狭め中央寄りにする*/
@media (min-width: 751px) {.about-width{margin-left: 15%;}}
/*プロフィール画像の枠 右幅を縮める*/
@media (max-width: 750px) {.prof-width{margin-right:15%;}}/*スマホ*/
@media (min-width: 751px) {.prof-width{margin-right: 30%;}} /*PC*/
.flickity-page-dots li.dot.is-selected{
display:none !important;
}
/************************************************************
Voice ページ
**********************************************************/
/*Voiceページのみ 一覧表示時に見えるタイトルの文字サイズを変更*/
.post-name-voice .pt-cv-title{
font-size:1.5em !important;
}
/*Voiceページのみ 一覧表示時に見える本文のh2 (投稿分署のタイトル）の文字サイズを変更*/
.post-name-voice .pt-cv-content h2{
font-size:1.4em !important;
}
/*Voiceページのみ 一覧表示時に見える本文の文字サイズを変更*/
.post-name-voice .pt-cv-content p{
font-size:1.2em !important;
}
/*一覧表示時の各情報ページの間隔を変更*/
.post-name-voice .pt-cv-ifield{
padding-bottom:5em !important;
}
@media (max-width: 750px) {.post-name-voice .pt-cv-content img{
width: 35%;
margin-left: 30%;
}
}
/*.post-name-voice .pt-cv-content .panel-layout .panel-grid-cell .custom-html-widget h2{
font-size:1.3em !important;
}*/
/*ページネーションの色
.pt-cv-wrapper .pagination>li>a, .pt-cv-wrapper .pagination>li>span {
color: #fff;
background-color: #c0c0c0;
border-color: #c0c0c0;
}*/
/*.btn-success:hover,
.btn-success:focus{
color: #fff;
background-color: #dcdcdc !important;
border-color: #dcdcdc !important;
}*/
/************************************************************
STORY ページ
************************************************************/
/* ページ内の ｈ２ ｈ３ P */
@media (min-width: 751px) {.category-story h2{
font-size:21px !important;
font-weight:bold !important;
line-height:1.6em !important;
}}
@media (max-width: 750px) {.category-story h2{
font-size:18px !important;
font-weight:bold !important;
line-height:1.5em !important;
}}
.category-story p{
font-size:15px;
line-height:1.8em;
text-align: justify
}
.category-story h3{
font-size:16px !important;
font-weight:bold !important;
margin-bottom:0 !important;
}
/* ページ・トップのタイトル枠の幅 */
@media (min-width: 751px) {.sub-t-width{
margin-left:2em;
margin-top:2em;
}}
@media (max-width: 750px) {.sub-t-width{
margin-left:2em;
margin-top:-1em;
}}
/* ページ・トップのタイトル枠内の背景色*/
.bg-white{
background-color:#fff;
}
/* ラインマーカー*/
.yellow-under{
background: linear-gradient(transparent 70%, yellow 50%);
}
/* ページ・トップのタイトル枠内の画像*/
@media (min-width: 1141px) {.title-img{
margin-bottom:-0.7em !important;
}}
@media (max-width: 1140px) and (min-width: 782px){.title-img{
margin-bottom:-0.5em !important;
}}
@media (max-width: 781px) {.title-img{
margin-bottom:-2em !important;
}}
/* ページ・トップのタイトル枠内のh2 */
@media (min-width: 1141px) {.sub-t-width h2{
font-size:30px !important;
line-height:1.5em !important;
margin-top:10% !important;
}}
@media (max-width: 1140px) and (min-width: 782px){.sub-t-width h2{
font-size:20px !important;
line-height:1.3em !important;
}}
@media (max-width: 781px) {.sub-t-width h2{
font-size:22px !important;
line-height:1.2em !important;
margin-top:5% !important;
}}
/* ページ・トップのタイトル枠内の文字*/
@media (min-width: 1141px) {p.stry-sub-tiitle{
font-size:23px;
line-height:1.7em !important;
font-weight:bold ;
}}
@media (max-width: 1140px) and (min-width: 782px){p.stry-sub-tiitle{
font-size:20px;
line-height:1.3em !important;
font-weight:bold ;
}}
@media (max-width: 781px) {p.stry-sub-tiitle{
font-size:19px;
font-weight:bold ;
line-height:1.3em !important;
}}
/* 幅 */
@media (min-width: 782px){.story-width{
margin-left:7%;
margin-right:7%;
}}
@media (max-width: 781px){ .story-width{
margin-left:3%;
margin-right:3%;
}}
/* 点線の罫線 */
.dashed {
border-bottom: 1px dashed #a9a9a9 ;
}
/* ページ最下部 前編・後編 の 文字と色*/
.part-text-1{
font-size:20px;
border-bottom:1px solid black;
padding-bottom:3px;
/* font-weight:bold;*/
color:black;
margin-right:1.5em;
}
.part-text-2{
color:#808080;
font-size:20px;
margin-right:1.5em;
}
.part-text-2:hover {
cursor: pointer;
color: #0068b7;
font-weight:bold;
}
/* ブロックに囲み罫線 */
@media (min-width: 782px){.frame-1 {
padding: 3em;
border: solid 1px #a9a9a9;
}}
@media (max-width: 781px){.frame-1 {
padding: 2em 2em 1em 2em ;
border: solid 1px #a9a9a9;
}}
/************************************************************
各ページで利用する画面サイズ幅 hr幅 文字サイズ 文字色 他
**********************************************************/
/*画面横幅いっぱい */
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*一般コンテンツの幅
@media (min-width: 751px) {.content-width{
margin-left:10%;
margin-right:10%;
}}
@media (max-width: 750px) {.content-width{
margin-left:5%;
margin-right:5%;
}}*/
.content-width{
margin-left:5%;
margin-right:5%;
}
/*スマホ・タブレットで表示する*/
@media (max-width: 750px) {.only_pc {display:none}} /*スマホでのみ表示する （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 751px) {.only_mb {display:none}} /*PCでのみ表示する （only_mb クラスを非表示）*/
/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:red;
}
.blue{
color:blue;
}
.deep-gray{
color:gray;
}
.bold{
font-weight:bold;
}
/* */
/* ヘッダー */
/* */
/*ヘッダータイトル文字色 ルミナリエの残り？
h1.page-header_pageTitle{
color:#fff462;
}
*/
/* */
/* Top Page */
/* */
/*フーレバナーの文字
.foulee-text{
color:#e62f8b;
font-weight:bold;
font-size:12px;
}*/
/*アンダーライン 黄色蛍光ペン風
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}*/
/* */
/* フォーム */
/* */
/*フォーム 必須 */
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/*フォーム フィールド幅 */
.field{
display: block;
width: 350px !important;
margin-right:15px;
}
/* ヨガ申し込みフォーム チェックボタンリストの表示 */
.horizontal-item{
display:block;
}
/* ヨガ申し込みフォーム チェックリストの頭揃え */
#questionnaire-1{
margin-left:14px !important;
}
/*フォーム 段落間隔*/
.space{
line-height:2em;
}
/*フォーム注意書き クレパス線*/
.crepas-minayoga{
background: linear-gradient(white, #ffb6c1);
}
/*フォーム注意書き 囲み線*/
.box {
padding: 10px;
background: #fff;
border: 1px #ff69b4 solid;
box-shadow: 0 2px 3px 0 #ddd;
}
/* */
/* フッター */
/* */
/*コピーライト 非表示 */
footer .copySection p:nth-child(2) {
display:none !important;
}
.site-footer-copyright p:nth-child(2) {
display:none;
}
/*お問い合わせボタン */
.button {
background-color: #c0c0c0 !important;
color:#fff !important;
border-style: solid; border-color: #c0c0c0; border-width:1px !important;
}
.button:hover {
background-color: #dcdcdc !important;
color:#fff;
border-style: solid; border-color: #dcdcdc; border-width:1px !important;
}