@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/***********スタイル ここからkei編集***********/

/*全体*/

/**　フォント　
body{
font-family: "しっぽり明朝","Shippori Mincho","游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro","serif"!important;
  color: #1c1c1c ;
}
**/

/**　ベージュの背景色を白に背景　**/
body{
background-color:#FFFFFF;
}

/*Gメニュー*/
/**　マウスオーバー時の色　**/
#navi .navi-in a:hover{
	color: #FFAFE8!important;
transition: all 0.5s ease;
}



/**　ボタン間のデザイン（線を非表示） **/

.navi .item-label{
	border-right: none;
}




/************************************
/**見出しスタイル全部リセット**/


/* H2 */
.article h2{
border-top: none;/*上線*/
border-bottom: none;/*下線*/	
background:none;
padding: 0;
}

/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
list-style-type: none;
padding: 0;
position:above;
padding: 0;
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/*見出し初期化*/
.article h2::before {
border-top: none;
}
.article h2::after {
border-bottom: none;
}
.article h2{
border: none;
}
.article h3::before {
border-top: none;
}
.article h3::after {
border-bottom: none;
}
.article h3{
border: none;
}
.article h4::before {
border-top: none;
}
.article h4::after {
border-bottom: none;
}
.article h4{
border: none;
}
.article h5::before {
border-top: none;
}
.article h5::after {
border-bottom: none;
}
.article h5{
border: none;
}
.article h6::before {
border-top: none;
}
.article h6::after {
border-bottom: none;
}
.article h6{
border: none;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
}
/*見出しスタイル H１について**/

.article h1{
font-size: 2.1rem;
font-weight:300;	
text-align:center;
	color:#717077;
	text-shadow: 1px 1px 3px #c5bca6;		
}

}


/*見出しスタイル H2について*/
.article h2 {
font-size:1.8rem;
position: relative;
text-align: center;
}


/*見出しスタイル H3について*/
.article h3{
	font-size:1.3rem;
}

/************************************
** ■その他 デザイン
************************************/

/*「天然石パワーストーンブレスレット」の配置、フォントサイズ*/
.tagline{
    position: relative;
    margin-left: 500px;
    font-size: 1.5rem;
}


/************************************
** ■フッターカスタマイズ
***********************************/

.footer-bottom-content{
margin-top:350px;
}


#footer{
background-image: url(https://salone-di-diana.com/luce/wp-content/uploads/2025/02/footer_bk_1920.jpg);
	width:auto;
	height:685px;
	margin-top: -200px;
	background-position:center;
}

/************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
 color: #FFAFE8;
}


/* ヘッダーロゴ右寄せ　*/
.logo{
	text-align:right;
}




/***********スタイル kei編集 ここまで***********/


/************************************
** SNS ボタンをまとめて小さくする
************************************/

/*トップシェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons {
	justify-content: flex-end; /*右に寄せる*/
}

/*ボトムシェア・フォローボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 28px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 3px; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 16px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 20px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: 1px; /*右側からの距離*/
	bottom: 0; /*下側からの距離*/
	font-size: 10px; /*文字の大きさ*/
}

/*SNSボタンの背景を白色*/
.bc-brand-color-white.sns-share a, .bc-brand-color-white.sns-follow a{
	background-color:#FFFFFF;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

/*トップ画像のキャッチコピー*/	
.tagline {
    margin-left: 400px;
}
	
/*トップ画像のロゴ画像*/
img{
	max-width: 60%;
    height: auto;
}

/*コンテンツの幅*/
.entry-content {
    margin-top: 1em;
    margin-bottom: 3em;
	margin:0 auto;
	width: 100%;
}
		
/*フッター*/
.footer-bottom-content{
margin-top:350px;
}


#footer{
background-image: url(https://salone-di-diana.com/luce/wp-content/uploads/2025/02/footer_bk_1024.jpg);
	width:auto;
	height:500px;
	margin-top: -200px;
	background-position:center;
}
	
	
}





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


/*トップ画像のキャッチコピー*/	
.tagline {
	margin-left:14px;
	font-size:0.9em;
}
	
/*トップ画像のロゴ画像*/
img{
	max-width: 40%;
    height: auto;
}	
		
	
/*全体のコンテンツの上下*/
.entry-content {
    margin-top: 1em;
    margin-bottom: 12em;
}/
		
/*フッター*/
	

#navi-footer-in{
	display:none;
}
	

#footer{
background-image: url(https://salone-di-diana.com/luce/wp-content/uploads/2025/02/footer_bk_480.jpg);
	background-position:bottom;
	width:auto;
	height:300px;
	margin:-154px 0 0 0;
}

/*フッターのコピーライト*/
.copyright {
 width: 100%;
 margin: 28px 0 0 0;
    }

/*コピーライトの位置*/
.footer-bottom {
margin-top: -113px;
padding: 8px;
position: relative;
 font-size: 12px !important;
}

#footer.footer-container nwa{
height:150px;
	}

/*フッターナビ非表示*/	
.navi-footer-in > .menu-footer {
       list-style: none;
    display: none;
    flex-wrap: nowrap;
    text-align: center;
}

.navi-footer-in > .menu-footer li.menu-item a {
        margin: 0 auto 34px;
        padding: 0px auto;
        font-size: 0.6rem;
        width: 60px;
        height: 0px;
}

/*モバイル用フッターナビ*/
.mobile-footer-menu-buttons .menu-button {
        width: 100%;
        margin: 0 -2px 0 -2px;align-content
	}
	
/*見出しスタイル*/
	
.article h1{
	font-size: 1.4rem;
	font-weight:200;	
	text-align:center;
	color:#717077;
	text-shadow: 1px 1px 3px #c5bca6;		
	margin-bottom: 31px;
}
	
	}