/*
Theme Name: Lightning Child Dormira
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 15.29.6.1746430300
Updated: 2025-05-05 16:31:40

*/

/* ------------------------------- */
/* フォント追加*/
/* ------------------------------- */

@font-face {
 	font-family: 'hannari';
	src: url('https://dormira-inc.com/wp-content/themes/lightning-child-dormira/font/HannariMincho-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'iso';
	src: url('https://dormira-inc.com/wp-content/themes/lightning-child-dormira/font/ISOsymbol.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.font-iso{
	font-family: 'iso', sans-serif;
}

.font-hannari{
	font-family: 'hannari', sans-serif;
}

.f-bold{
	font-weight:bold;
}

.f-shadow-wh{
	text-shadow:1px 1px 2px #FFFFFF;
}

.f-shadow-bk{
	text-shadow:1px 1px 2px #000000;
}


/* ------------------------------- */



/* ------------------------------- */
/* グローバルメニュー関連*/
/* ------------------------------- */
/*親要素の文字色*/
.menu-item a{
	color:#000 !important;
}

/*子要素の文字色*/
.global-nav-name{
	color:#FFF;
}

/*背景色がLightningからの設定ではスクロール時に反映されない為手動*/
#site-header{
	background-color: rgba(0, 0, 0, 0.562);
}

/* ------------------------------- */

/*前ページコメント欄非表示*/
#comments , .entry-footer{
	display:none;
}

.site-body-bottom{
	display:none;
}

.site-body{
	padding:0 !important;
}	



/*自作パララックス(今のところ未使用)*/
/*
バックグラウンド固定(iOSも対応)
<div class="dr-fix">
    <img src="test2.jpg" alt="" />
</div>
*/

.dr-fix {
    /*height: 1000px;*/
    position: relative;
    clip-path: inset(0);
}
.dr-fix img {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.dr-fix_ios {
    /*height: 500px;*/
    position: relative;
    clip-path: inset(0);
}
.dr-fix_ios img {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*ヘッダーSNSアイコン*/
#sns{
	width:100%;
	text-align:center;
}
#sns img{
	width:30px !important;
	height:auto !important;
	margin-top:10px;
	margin-right:20px;
}