@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/******クリックで画像を拡大する******/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    pointer-events: none;
    z-index: 100;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    cursor: pointer;
}

.lb img,
.lb iframe {
    transform: scale(.85);
    transition: .3s all ease;
}

.lb:target {
    opacity: 1;
    pointer-events: auto;
    z-index: 101000000000;
}

.lb:target img,
.lb:target iframe {
    transform: scale(1);
}

/* なんちゃって閉じるボタン*/
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}
/******クリックで画像を拡大する******/


/* 特定のページだけヘッダー非表示にする */
/*.page-id-6 header.siteHeader { display:none; }*/

.page-id-6 .page-header { display:none; }
.page-id-6 .breadcrumb { display:none; }

.page-id-346 .page-header { display:none; }
.page-id-346 .breadcrumb { display:none; }

.page-id-463 .page-header { display:none; }
.page-id-463 .breadcrumb { display:none; }

.page-id-523 .page-header { display:none; }
.page-id-523 .breadcrumb { display:none; }

.page-id-650 .page-header { display:none; }
.page-id-650 .breadcrumb { display:none; }

.page-id-705 .page-header { display:none; }
.page-id-705 .breadcrumb { display:none; }

.page-id-834 .page-header { display:none; }
.page-id-834 .breadcrumb { display:none; }

.page-id-2753 .page-header { display:none; }
.page-id-2753 .breadcrumb { display:none; }

.page-id-2780 .page-header { display:none; }
.page-id-2780 .breadcrumb { display:none; }

.page-id-2799 .page-header { display:none; }
.page-id-2799 .breadcrumb { display:none; }

.page-id-2803 .page-header { display:none; }
.page-id-2803 .breadcrumb { display:none; }

.page-id-2857 .page-header { display:none; }
.page-id-2857 .breadcrumb { display:none; }

.page-id-2915 .page-header { display:none; }
.page-id-2915 .breadcrumb { display:none; }

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f5d0d0;
    border: dashed 2px #de0202;/*点線*/
}

/* 投稿一覧（ブログ）ページ */
body.blog .page-header { display:none; }
body.blog .breadcrumb { display:none; }
body.blog .vk_post_imgOuter_singleTermLabel { display:none; }
body.blog .vk_post_date { display:none; }
body.blog .vk_post_excerpt { display:none; }
body.blog .widget_media { display:none; }
/* body.blog .widget_link_list { display:none; } */
body.blog .vk_post_title_new { display:none; }

/* 投稿一覧（ブログ）ページ */
body.archive .page-header { display:none; }
body.archive .breadcrumb { display:none; }
body.archive .vk_post_imgOuter_singleTermLabel { display:none; }
body.archive .vk_post_date { display:none; }
body.archive .vk_post_excerpt { display:none; }
body.archive .widget_media { display:none; }
/* body.archive .widget_link_list { display:none; } */
body.archive .vk_post_title_new { display:none; }


/* 投稿ページ */
body.single .page-header {
    display: none;
}
body.single .breadcrumb {
    display: none;
}
body.single .entry-header {
    display: none;
}
body.single .vk_posts {
    display: none;
}

.male {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1;/*行高*/
  color: #000000;/*文字色*/
  font-size: 2em;/*サイズ*/
}
.male:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #8bb2ff; /*アイコン色*/
}


.female {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1;/*行高*/
  color: #000000;/*文字色*/
  font-size: 2em;/*サイズ*/
}
.female:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff8bd1; /*アイコン色*/
}


/* h2タグを小さく表示 */
h2 { 
	text-align:center !important;
	font-weight:bold !important;
	font-size:16px !important;
	color:#000000 !important;
	background: linear-gradient(transparent 60%, #fff34f 60%);
	margin-bottom:10px;
	clear:both;
	border-top: none !important;
}
/* h3タグを小さく表示 */
h3 { 
	text-align:center !important;
	font-weight:bold !important;
	font-size:16px !important;
	color:#000000 !important;
	background: linear-gradient(transparent 60%, #fff34f 60%);
	margin-bottom:10px;
	clear:both;
	border-top: none !important;
	border-bottom: none !important;
	border-bottom-color: none !important;
}
h3:after{
content:none;
}

/*****  LINE風背景　*****/
.line-bc {
  padding: 20px;
  max-width: 1250px;
  margin: 15px auto;
  font-size: 14px;
  background: #73B4E8;
}
/*****  LINE風の吹き出し　*****/
.balloon5 {
  width: 100%;

  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #FFF;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
}

.says p {
  margin: 0;
  padding: 0;
}
/*****  LINE風の吹き出し　*****/

/*****  画面いっぱいに動画を設置　*****/
.wrapper {
  height: 100%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
  height: 100vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
  width: 100%; // 横幅もいっぱいに。
}

#video {
  background-attachment: fixed; // 中央揃えになるように、fixed。
  background-position: center center; // positionも中央に。
  background-size: cover; // 画面サイズに応じてサイズを可変するように設定。
  left: 0;
  // 以下、画面いっぱいにするためのCSS設定
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  // wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。
  position: absolute;
  top: 0;
  // z-indexは調整してください。
  z-index: 1;
}
/*****  画面いっぱいに動画を設置　*****/

/* パソコンで見たときは"pc"のclassがついたCSS適用 */
.pc_1 { display: block !important; }
.sp_1 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついたCSS適る */
@media only screen and (max-width: 750px) {
.pc_1 { display: none !important; }
.sp_1 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_table { display: block !important; }
.sp_table { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc_table { display: none !important; }
.sp_table { display: block !important; }
}


/*ダウンロード_sp*/
a#x-m {
  position: fixed;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 44px;
  right: 10px;
  bottom: 50px;
  margin-left:-100px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
		z-index: 9999;
}

.example {
  display: block;
}




/*ダウンロー_PCサイド用*/
a#x-m_pc {
  position: fixed;
  width: 200px;
  height: 200px;
  line-height: 44px;
  right: 10px;
  bottom: 10px;
  margin-left:-100px;
  margin-bottom:70px;
  text-decoration: none;
  border-radius: 10px;
  display: block;
	z-index: 9999;
}