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


.footer-nav {
  background-color: #1E257C !important;
　color: #fff !important;
}


/*G3固定ページヘッダーを非表示*/
body .page-header {
    display: none;
}
/*G3投稿ページヘッダーを非表示*/
body.single .page-header {
    display: none;
}
/*G3投稿トップページヘッダーを非表示*/
body.blog .page-header {
    display: none;
}
/*G3投稿カテゴリページヘッダーを非表示*/
body.category .page-header {
    display: none;
}


/*G3モバイルメニューのタップ範囲を拡張*/
@media (max-width: 991px) {
.vk-menu-acc .acc-btn {
border: none;
background: var(--vk-menu-acc-icon-open-black-bg-src) right 50% no-repeat;
width: 100%;
right: 0;
top: 0;
height: calc( 24px + 1.4em );
background-size: 30px;
}

.vk-menu-acc .acc-btn-close {
background: var(--vk-menu-acc-icon-close-black-bg-src) right 50% no-repeat;
background-size: 30px;
}
}


/*G3モバイルメニューのボタンにMENUの文字を表示*/
.vk-mobile-nav-menu-btn {
  text-indent: 2px;
  font-size: 10px;
  padding-top: 26px;
  overflow: visible;
  border: none;
  background-position: top;
  height: 40px;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: none;
}
.vk-mobile-nav {
  padding-top: 50px;
}


/*コピーライトを非表示*/
.site-footer-copyright p:nth-child(2) {
    display:none;
}

/* フッターの背景色 */
.site-footer {
    background-color: #1E257C;
	color: #ffffff !important;
}


a {
    text-decoration:none !important; 
}

/*　リンクテキストの色を変えない　*/
a {
  color: inherit;
}
a:hover {
	color: inherit;
}

.sub_title_b1{
	text-align:center;
	padding:7px;
	font-weight:bold;
	font-size:24px;
	color:#1E257C;
	margin-bottom:10px;
	clear:both;
}

.sub_title_b1_sp{
	text-align:center;
	padding:7px;
	font-weight:bold;
	font-size:20px;
	color:#1E257C;
	margin-bottom:10px;
	clear:both;
}


.sub_title_b2{
	padding:7px;
	font-size:26px;
	color:#1E257C;
	margin-bottom:10px;
	clear:both;
}

.sub_title_b2_sp{
	padding:7px;
	font-size:20px;
	color:#1E257C;
	margin-bottom:10px;
	clear:both;
}

.bg_b1{
	text-align:center;
	padding:20px;
	background-color:#1E257C;
	margin-bottom:10px;
	clear:both;
}

.square{
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: #1E257C; /* 好きな色に */
}
.p-center{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
	text-align:center;
}


/*アイコンの色を変える*/
.my-blue {color: #1E257C}

.my-white {color: #FFFFFF}


/*カーソルを当てるとゆっくり透明に*/
.ex1{
  transition: .3s;
}

.ex1:hover {
  opacity: 0.5;
}


/* パソコンで見たときは"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; }
}

/*　蛍光ペン　*/
.under_yellow {
  background: linear-gradient(transparent 50%, #FFFF00 50%);
}

/******大吉色の点線角丸の囲み枠******/
.box {
  margin        : auto;                 /* サンプル用 中央寄せ  */
  box-sizing    : border-box;           /* 罫線も含む長さ       */
  width         : 100%;                 /* BOXの幅              */
  max-width     : 700px;                /* BOXの最大幅          */
  padding       : 20px;                 /* 文字の位置合わせ     */
  font-size     : 100%;                 /* 文字サイズ           */
  text-align    : none;               /* 文字位置             */
  color         : #000000;              /* 文字色               */

  background    : #ffffff;              /* BOXの背景色          */
  border        : 4px dotted #1e257c;   /* 枠線の指定           */
  border-radius : 11px;                  /* 角丸の指定           */
  box-shadow    : 0 0 0 4px #ffffff;   /* 影を利用した外余白   */
}
/******大吉色の点線角丸の囲み枠******/


.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/******大吉色の背景塗りつぶし小見出し用******/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #1e257c;/*背景色*/
	text-align: center;
}
.box2 p {
    margin: 0; 
    padding: 0;
}


.box2pink {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #E4007F;/*背景色*/
	text-align: center;
}
.box2pink p {
    margin: 0; 
    padding: 0;
}

.box2green {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #2BA739;/*背景色*/
	text-align: center;
}
.box2green p {
    margin: 0; 
    padding: 0;
}

.box2blue {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #00A1E9;/*背景色*/
	text-align: center;
}
.box2blue p {
    margin: 0; 
    padding: 0;
}

.box2red {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #FF0000;/*背景色*/
	text-align: center;
}
.box2red p {
    margin: 0; 
    padding: 0;
}

.box2red2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #dc143c;/*背景色*/
	text-align: center;
}
.box2red2 p {
    margin: 0; 
    padding: 0;
}

.box2orange {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fff;
    background: #FF8C00;/*背景色*/
	text-align: center;
}
.box2orange p {
    margin: 0; 
    padding: 0;
}


.box2yellow {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #FFF100;/*背景色*/
	text-align: center;
}
.box2yellow p {
    margin: 0; 
    padding: 0;
}

/******ラベルをつけたような囲み枠　赤******/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff0000;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ff0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


#kakunin {
background-color:#E4007F;
color:#FFF;
}

#nagare {
background-color:#000000;
color:#FFF;
}

.marker {
 background: linear-gradient(transparent 0%, #fff799 0%);
font-weight: bold; 
}

.marker-pink {
 background: linear-gradient(transparent 90%, #E4007F 90%);
font-weight: bold; 
}

.marker-green {
 background: linear-gradient(transparent 90%, #2BA739 90%);
font-weight: bold; 
}

.marker-blue {
 background: linear-gradient(transparent 90%, #1E257C 90%);
font-weight: bold; 
}


/******蛍光ペン風で細いペン　赤******/
.under_green {
  background: linear-gradient(transparent 90%, #40AE49 70%);
}


.under_blue {
  background: linear-gradient(transparent 90%, #00AEEF 70%);
}


.under_purple {
  background: linear-gradient(transparent 90%, #BD1A8D 70%);
}