@charset “utf-8″;
/*
Theme Name: lightning-pro-child
Theme URI:
Template: lightning-pro
Description:
Author: le-mina-rie with MarkleDesign
Tags:
Version: 0.1.2
*/
/******************************
共通CSS
*******************************/
body,
p {
font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3”, “Hiragino Mincho Pro”, serif;
letter-spacing: 0.06em;
line-height: 1.5;
color:#808080;
}
/*スマホ・タブレットで表示する*/
@media (max-width: 750px) {.only_pc {display:none}} /*スマホでのみ表示する （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 751px) {.only_mb {display:none}} /*PCでのみ表示する （only_mb クラスを非表示）*/
/*投稿文書の１文字目の文字色*/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }
@media (min-width: 992px){
ul.gMenu>li.current-menu-ancestor>a:after,
ul.gMenu>li.current-menu-item>a:after,
ul.gMenu>li.current-menu-parent>a:after,
ul.gMenu>li.current-post-ancestor>a:after,
ul.gMenu>li.current_page_ancestor>a:after,
ul.gMenu>li.current_page_parent>a:after,
ul.gMenu>li>a:hover:after{
content:none;
}
}
/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}
/*文字リンク色とホバー色*/
a{
/* color:#1e90ff; */
color:#008db7;
}
a:hover {
color:#006888;
}
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字サイズ */
.ll{
font-size:30px;
}
.large{
font-size:20px;
}
.mid{
font-size:18px;
}
.small{
font-size:15px;
}
.ss{
font-size:12px;
}
.sss{
font-size:10px;
}
.bold{
font-weight:bold;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:red;
}
.blue{
color:blue;
}
.white{
color:white;
}
.deep-gray{
color:gray;
}
.lemi{
color:#deb887;
}
.mimosa{
color:#ffd700;
}
.minayoga{
color:#e62f8b;
}
.shimi{
color:#a688bd;
}
/*改行幅 特大*/
.blank_space{
line-height:4em;
}
/*改行幅 大*/
.blank_line{
line-height:2em;
}
/*改行幅 小*/
.blank_line-s{
line-height:1em;
}
/*改行幅 極小*/
.blank_line-ss{
line-height:0.7;
}
/*ルミナリエ ライン*/
.lemi-line {
background: -moz-radial-gradient(#fff462, #afafb0);
background: -webkit-radial-gradient(#fff462, #afafb0);
background: radial-gradient(#fff462, #afafb0);
}
/*ミモザ ライン*/
.mimosa-line{
background-color:#fff462;
}
.mimosa-grade-line{
background: -moz-linear-gradient(left, #00A74D 1% , #FFE100);
background: -webkit-linear-gradient(left, #00A74D 1% , #FFE100);
background: linear-gradient(to right, #00A74D 1% , #FFE100);
}
/*minayoga ライン*/
.minayoga-line{
background-color:#e7609e;
}
.minayoga-grade-line{
background: -moz-linear-gradient(left, #F09DC1 15%,#EB7AAB);
background: -webkit-linear-gradient(left, #F09DC1 15%,#EB7AAB);
background: linear-gradient(to right, #F09DC1 15%,#EB7AAB);
}
/*shimijimi ライン*/
.shimi-line{
background-color:#c7a5cc;
}
.shimijimi-grade-line{
background: -moz-linear-gradient(left, #c7a5cc 15%,#8fbc8f);
background: -webkit-linear-gradient(left, #c7a5cc 15%,#8fbc8f);
background: linear-gradient(to right, #c7a5cc 15%,#8fbc8f);
}
/*アンダーライン 黄色蛍光ペン風 */
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}
.pink-under{
background: linear-gradient(transparent 50%,#ffb6c1 50%);
}
/* */
/* ヘッダー */
/* */
/*ヘッダータイトル文字色 */
page-id-738 .page-header {
background-color:#F09DC1;
color : #808080;
}
/* */
/* Top Page */
/* */
/*フーレ協会バナーの文字*/
.foulee-text{
color:#e62f8b;
font-weight:bold;
font-size:12px;
}
/*フーレ協会バナーオンマウスcss*/
.foulee:hover {
background-color: #e62f8b;
border-style: solid; border-color:#e62f8b; border-width:3px;
opacity:0.5;
}
/*各サービス紹介 書き出しインデント*/
.a-indent1 {
margin-left:1em;
text-indent:-1em;
}
.a-indent2 {
margin-left:2em;
text-indent:-2em;
}
.a-indent3{
margin-left:3em;
text-indent:-3em;
}
/******************************
続きを読む 開閉のCSS
******************************* */
.rm-btn {
/* display: inline-block; */
padding: 0.3em;
/* text-decoration: none;*/
color: #696969;
font-size:small;
border: solid 2px #808080;
border-radius: 3px;
/* transition: .4s;*/
}
/*.rm-btn:hover {
background: #67c5ff;
color: white;
} */
.rm-btn::before {
content: “続きを読む”
}
.rm-item {
position: relative;
overflow: hidden;
height: 40px; /*隠した状態の高さ*/
}
.rm-item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px; /*グラデーションで隠す高さ*/
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
content: “”;
}
.rm-trigger {
display: none; /*チェックボックスは常に非表示*/
}
.rm-trigger:checked ~ .rm-btn::before {
content: “閉じる” /*チェックされていたら、文言を変更する*/
}
.rm-trigger:checked ~ .rm-item {
height: auto; /*チェックされていたら、高さを戻す*/
}
.rm-trigger:checked ~ .rm-item::before {
display: none; /*チェックされていたら、rm-itemのbeforeを非表示にする*/
}
/******************************
カレンダー のCSS
******************************* */
.ai1ec-pull-left {
display:none !important;
}
.ai1ec-subscribe-container {
display:none !important;
}
/******************************
mimosa のCSS
******************************* */
/* mimosa ボタン */
.mimosa-btn {
display: inline-block;
padding: 0.1em;
text-decoration: none;
background: #fff462;
border: solid 2px #fcc800;
border-radius: 3px;
transition: .4s;
}
.mimosa-btn:hover {
background: #ffd700;
color: #ffffff !important;
}
/* mimosa 帯*/
.mimosa-belt {
margin: 0.8em auto;
padding: 0.5em;
width: 100%;
color: #808080; /*文字色*/
border: 2px solid #fff462; /*線の太さ・色*/
background-color: #fff462; /*背景色*/
/*box-shadow: -2px 5px 5px #d3d3d3; /*影*/
border-radius: 5px; /*角の丸み*/
}
/* mimosa お願い下のグレー囲み線 */
.mimosa-box{
padding: 0.5em 1em;
margin: 2em 0;
color: #696969;
background: whitesmoke;/*背景色*/
border-left: double 7px #fff462;/*左線*/
border-right: double 7px #fff462;/*右線*/
}
.mimosa-box p {
margin: 0;
padding: 0;
}
/* mimosa 「ご予約」ボタン */
.mimosa-yoyaku{
padding:1px;
background: #fff462;
color: #808080;
font-size: 95%;
vertical-align: top;
position: relative;
/* border: solid 2px #ffdc00; */
border-radius: 3px;
}
.mimosa-yoyaku:hover {
background: #fff352;
color: #c0c0c0 !important;
}
/* mimosa 書き出し位置 */
.col-1 {
display: inline-block;
width:200px;
/* border: solid 1px; */
}
.col-2 {
display: inline-block;
width: 150px;
/* border: solid 1px; */
}
/******************************
minayoga のCSS
******************************* */
/* minayoga ボタン */
.minayoga-btn {
display: inline-block;
padding: 0.1em;
text-decoration: none;
/* background: #eb6ea0;*/
background: #ffb6c1;
color: #808080;
border: solid 2px #e4007f;
border-radius: 3px;
transition: .4s;
}
.minayoga-btn:hover {
background: #e4007f;
color: white;
}
/* minayoga 帯*/
.minayoga-belt {
margin: 0.8em auto;
padding: 0.5em;
width: 100%;
color: #fff; /*文字色*/
border: 2px solid #F09DC1; /*線の太さ・色*/
background-color: #F09DC1; /*背景色*/
/*box-shadow: -2px 5px 5px #d3d3d3; /*影*/
border-radius: 5px; /*角の丸み*/
}
/* パーソナルヨガ グレー囲み線 */
.minayoga-box{
padding: 0.5em 1em;
margin: 2em 0;
color: #696969;
background: whitesmoke;/*背景色*/
border-left: double 7px #eb6ea0;/*左線*/
border-right: double 7px #eb6ea0;/*右線*/
}
.minayoga-box p {
margin: 0;
padding: 0;
}
/******************************
shimijimi のCSS
******************************* */
/* shimijimi ボタン */
.shimijimi-btn {
display: inline-block;
padding: 0.1em;
text-decoration: none;
background: #c7a5cc;
color: #9a0d7c !important;
border: solid 2px #7a4171;
border-radius: 3px;
transition: .4s;
}
.mimosa-btn:hover {
background: #009e9f;
color: #ffffff !important;
}
/* 染み滋味 帯*/
.shimijimi-belt {
margin: 0.8em auto;
padding: 0.5em;
width: 100%;
color: #fff; /*文字色*/
background: -moz-linear-gradient(left, #c7a5cc 15%,#8fbc8f);
background: -webkit-linear-gradient(left, #c7a5cc 15%,#8fbc8f);
background: linear-gradient(to right, #c7a5cc 15%,#8fbc8f);
/*box-shadow: -2px 5px 5px #d3d3d3; /*影*/
border-radius: 5px; /*角の丸み*/
}
/* 沁み滋味 メニュー・金額の頭揃え */
.col-s1 {
display: inline-block;
width: 300px;
/* border: solid 1px; */
}
.col-s2 {
display: inline-block;
width: 100px;
/* border: solid 1px; */
}
/* 沁み滋味 グレー囲み線 */
.shimijimi-box{
padding: 0.5em 1em;
margin: 2em 0;
color: #696969;
background: whitesmoke;/*背景色*/
border-left: double 7px #cab8d9;/*左線*/
border-right: double 7px #cab8d9;/*右線 #a688bd*/
}
.shimijimi-box p {
margin: 0;
padding: 0;
}
/******************************
mimosa のCSS
******************************* */
/*Q&A 書き出し位置インデント*/
.qa-indent{
margin-left:3em;
text-indent:-3em;
}
/* */
/* ルミナリエができるまで */
/* */
/*トップ画像を 横幅いっぱいに表示する*/
.full-cont {
width: 100%;
}
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*文章エリアの幅の調整*/
.column-width{
margin-left:8%;
margin-right:8%;
}
/*導入文 改行幅 やや大*/
.lh-16{
line-height:1.6em;
}
/* */
/* フォーム */
/* */
/*フォーム 必須 */
.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: 300px;
margin-right:15px;
}
/* お問い合わせ ミナヨガ申し込みフォーム チェックボタンリストの縦表示 */
.horizontal-item{
display:block;
}
/* ミナヨガ申し込みフォーム チェックリストの最初のリストの頭揃え */
#application-1{
margin-left:10px !important;
}
/* お問い合わせフォーム チェックリストの最初のリストの頭揃え */
#type-1 {
margin-left:10px !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;
}
/*お問い合わせフォームの「確認」「送信」ボタン */
.contact-button {
background-color: #c9caca;
color: #ffdc00 !important;
/* border-style: solid; border-color:#abb1b5; border-width:3px;*/
}
.contact-button:hover {
background-color: #fff462;
color:#4e454a;
/* border-style: solid; border-color:#ffdc00; border-width:3px; */
}
/*ミナヨガ予約フォームの「確認」「送信」ボタン */
.minayoga-button {
background-color: #ff69b4;
color: #dcdcdc !important;
border-style: solid; border-color: #ff69b4;border-width:3px;
}
.mina-yoga-button:hover {
background-color: #ffb6c1 !important;
color:#ff69b4;
border-style: solid; border-color: #ff69b4 !important; border-width:2px;
}
/* */
/* フッター */
/* */
/*コピーライト 非表示 */
footer .copySection p:nth-child(2) {
display:none !important;
}
/*************************************************
リンクの位置ズレ修正 ’21/6/1 追加修正（Markledesign）
**************************************************/
/* アンカーリンクのずれを直す PC*/
.link_contents {
padding-top: 350px !important;
margin-top:-350px !important;
}
/* アンカーリンクのずれを直す モバイル*/
.mb-link_contents {
padding-top: 100px !important;
margin-top:-100px !important;
}
/*************************************************
レンタルスペース ページ ’21/12/17 追加修正（Markledesign）
**************************************************/
/*.widget_media_gallery h3*/
font-size : 18px !important;
border-top:none !important;
border-bottom:none !important;
border-bottom-color:#fff !important;
background-color:transparent !important;
margin-bottom: -3px !important;
padding:0 !important;
}
[id^=”gallery”] h3:after , [id^=”gallery”] .subSection-title:after{
border: none !important;
border-bottom : none !important;
border-bottom-color:#fff !important;
background-color:transparent !important;
content:none;
}
.gallery{
margin-left: 3% ;
}
@media (max-width: 750px) {.gallery{
margin-left: 4% ;
margin-right: -5% ;
}
}
.price-box {
margin: 2em 0;
background: whitesmoke ;
}
.price-box .box-title {
font-size: 1.2em;
background: #fff462;
padding: 4px;
text-align: center;
color: #696969;
font-weight: bold;
letter-spacing: 0.05em;
}
.price-box p {
padding: 15px 0 15px 30px;
margin: 0;
}
/*備品ブロック*/
.bihin{
line-height:1.8em;
margin-left:0.2em;
}
/*.rental-box{
margin: 1em 0;
padding: 1em;
box-shadow: 0 0 5px 0px #ffab40, 0 0 3px 2px #ffab40 inset;
border-radius: 10px;
background: #fff3e0;
}*/
.rental-box hr{
border-top: 3px solid #ffab40;
}
.rental-box p{
margin-top:1em;
margin-bottom:1em;
}
@media (max-width: 750px) {.rental-box p{
margin:1em 0.4em 1em;
font-size:18px;
}}
#rental-box a{
text-decoration: none;
color: #fcc800;
}
#rental-box a:hover {
color: #fcc800 !important;
font-weight:bold;
font-size:33px;
background-color:whitesmoke !important ;
}