/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* ====== 共通 ======*/

body {
    color: #333333;
}

.wp-block-group.youtube.is-layout-constrained.wp-block-group-is-layout-constrained {
    text-align: center;
	margin-bottom: 40px;
}

.wp-block-group.line_btn.is-layout-constrained.wp-block-group-is-layout-constrained {
    text-align: center;
}

a.btn-c {
  border: 1px solid #1b7e40;
  border-radius: 15px;
  background: #02c755;
  background: linear-gradient(0deg, #02c755 50%, #20b958 100%);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  color: #fff;
  padding: 20px;
  font-weight: bold;
  width: 50%;
  font-size: 2.2vw;
  transition: 0.8s;
}

a.btn-c:hover {
  color: #ffffff;
  transform: scale(1.1);
  transition: 0.8s;
}


a.btn-c:hover::before {
  width: 250%;
}

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

/* ヘッダー非表示 */
header.siteHeader {
    display: none;
}

/* メインビジュアル高さ設定 */
img.slide-item-img.d-block.w-100 {
    height: 100svh;
}

/* キャッチコピー */
span.text-yellow {
    color: #ffe500;
    text-shadow: 8px 2px 8px black;
}

.text-top {
	margin: 0;
}
p.text-top {
    font-size: 4vw;
}

p.text_top_sub {
    font-size: 2.4vw;
}

span.reason {
    font-size: 1.5em;
    font-weight: bold;
    color: #1f4389;
}

.content-title {
    font-size: 5vw;
	margin: 0;
}

/* 理由タイトル */
span.reason-sub {
    border-bottom: 2px solid #ff0000;
    padding-bottom: 0.2em;
    font-size: 1.2em;
    position: relative;
    bottom: 7px;
    color: #ff0000;
}

span.reason-num {
    font-weight: bold;
	font-size: 3.0em;
    padding-left: 10px;
    color: #ff0000;
}

p.reason-main {
    font-size: 2em;
    font-weight: bold;
    background: -webkit-linear-gradient(0deg, #0029ff, #0c92c7db 15%, #d6ff70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

/* AI加工　before after タグ */
.wp-block-group.img_tag_before.is-layout-constrained.wp-block-group-is-layout-constrained {
    position: relative;
	padding: 15px;
}

.wp-block-group.img_tag_before.is-layout-constrained.wp-block-group-is-layout-constrained::before {
    content: "before";
    position: absolute;
    color: #333333;
    background-color: #e9eae9;
    padding: 0px 20px 8px;
	font-size:20px;
	font-weight:bold;
}

.wp-block-group.img_tag_after.is-layout-constrained.wp-block-group-is-layout-constrained {
    position: relative;
	padding: 15px;
}

.wp-block-group.img_tag_after.is-layout-constrained.wp-block-group-is-layout-constrained::before {
    content: "after";
    position: absolute;
    color: #fff;
	background-color: #1f4389;
	padding: 0 20px 8px;
    font-size: 20px;
    font-weight: bold;
}

.wp-block-column.is-vertically-aligned-center.sold_right.is-layout-flow.wp-block-column-is-layout-flow {
	padding: 0 28px 0 70px;
    border-left: 2px solid #21438b;
}

/* Reason1 padding設定 */
.reason_first_bg {
    padding: 3%;
}

h2.wp-block-heading.check_title.is-style-vk-heading-plain {
  position: relative;
  color: #333333;
  background: #E4F6FF;
  line-height: 1.4;
  padding: 0.5em 1em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  border: 3px solid #21438b;
}

h2.wp-block-heading.check_title.is-style-vk-heading-plain:after {
  /*タブ*/
  position: absolute;
  content: 'Check';
  background: #21438b;
  color: #ffffff;
  left: -3px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 5px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

/* YouTubeサイズ調整1 */
.videowrap {
position: relative;
width: 100%;
padding-top: 56%;
}
.videowrap iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* YouTubeサイズ調整1 */
.videowrap_second {
position: relative;
width: 100%;
padding-top: 54%;
}

.videowrap_second iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 80% !important;
}

/* Review 文字サイズ */
p.review_text {
    font-size: 14px;
}

/* Review　スライダーデザイン */
.vk_slider_item_container {
    border-radius: 5px;
    padding: 12px;
    box-shadow: 4px 6px 15px 2px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
}

/* Plan内容デザイン */
span.plan_line {
    font-size: 1.3vw;
    font-weight: bold;
    background: linear-gradient(90deg, #ffee00 0%, #ffbd08 40%, #ff583b 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.plan_bottom_line {
    border-bottom: 1px solid;
}

/* 商品お届けまで文字デザイン */
p.delivery_date {
	color: #ff0000;
	font-size: 4.5vw;
}

/* YouTube配信中 */
p.point_text {
    font-size: 2vw;
}

.step_container {
    padding: 35px 40px;
}

p.step {
    font-size: 1.2vw;
    font-weight: bold;
    color: #21438b;
}

p.step_num {
    font-size: 1.5vw;
    font-weight: bold;
    margin: 0;
	color: #21438b;
}

.step_left {
    border-right: 1px solid #21438b;
}

.wp-block-group.step_arrow.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin: 55px;
}

.step_box {
    margin: 50px 0;
}

.step_box::after {
    content: "▼";
    position: absolute;
    bottom: -42px;
    left: 50%;
    right: 50%;
	font-size: 22px;
    color: #ffe500;
}

h3.greeting_title {
    border-left: solid 5px #21438b;
    padding-left: 10px;
}

div#vk-mobile-nav-menu-btn {
    display: none;
}

.page_top_btn {
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 99999;
    width: 40px;
    height: 38px;
    color: transparent;
    border: none;
    background: #21438b;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .8), 0 0 0 2px;
    background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity .3s;
    text-decoration: none;
}

/* フッターデザイン調整 */
.siteFooter .widget {
    margin-bottom: 0;
}

.footerWidget {
    padding-bottom: 0;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-27.wp-block-columns-is-layout-flex {
    margin: 0;
}

.container.sectionBox.copySection.text-center {
    padding-top: 0;
}

.col-md-12 {
    display: flex;
    justify-content: center;
}

.siteFooter .widget {
    margin-bottom: 0;
}

p.first_policy {
    margin-right: 20px;
}

.siteFooter {
    border-top: 3px solid #E3F5FF;
    background-color: #E3F5FF;
}

/* 【PC】*/
@media screen and (min-width:769px) { 
br.pc_none {
    display: none;
}

/* 文章生成AI表示設定*/
.reason_second_pc {
    display: block;
}
	
.reason_second_sp {
    display: none;
}
	
/* Reason1 sp非表示 */
.reason_first_sp {
    display: none;
}
.gekisen_text_sp {
    display: none;
}
	
.step_sp {
    display: none;
}
	

	
p.step_text_complete {
    font-size: 4vw;
	padding-bottom: 40px;
	margin: 40px;
}
	
.col-md-4 {
    flex: 100%;
    max-width: 100%;
}
	
}

/* 【SP】 */
@media screen and (max-width:768px) { 
p.text-top {
    font-size: 6vw;
}
	
p.text_top_sub {
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 4.8vw;
}

/* Reason1 pc非表示 */
.reason_first_pc {
    display: none;
}	
	
.reason_first_sp {
    display: block;
}

/* 文章生成AI表示設定*/
.reason_second_pc {
    display: none;
}
	
.reason_second_sp {
    display: block;
}
	
/* LINE追加ボタン */
a.btn-c {
    border: 1px solid #1b7e40;
    border-radius: 15px;
    background: #02c755;
    background: linear-gradient(0deg, #02c755 50%, #20b958 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    padding: 20px;
    font-weight: bold;
    width: 85%;
    font-size: 5.2vw;
    transition: 0.8s;
}	
	
/* 	sold out padding */
.wp-block-columns.has-white-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex {
    padding: 5%;
}
	
/*　sold out テキストレイアウト 	 */
.wp-block-column.is-vertically-aligned-center.sold_right.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 0;
    border-left: none;
}
	
.gekisen_text_pc {
    display: none;
}
	
p.plan_bottom_line, span.plan_line {
    font-size: 4.5vw;
}
	
/* YouTube配信中 */
p.point_text {
    font-size: 4.5vw;
}
	
p.step {
    font-size: 4.2vw;
}

p.step_num {
    font-size: 4.5vw;
}
	
.step_container {
    padding: 0;
}
	
p.step_text {
    padding: 20px 0 25px 0;
    margin: 0;
    font-size: 3.3vw;
}
	
.step_container.step_pc {
    display: none;
}
	
.step_sp {
    margin-bottom: 50px;
}
	
.step_arrow::after {
    content: "▼";
    font-size: 22px;
    position: absolute;
    bottom: -42px;
    left: 47%;
    color: #ffe500;
}
	
.step_box {
    display: none;
}
	
p.step_text_complete {
    font-size: 6vw;
	padding-bottom: 40px;
    margin: 0;
}
	
.greeting_box {
    padding: 1.8em 0;
}
	
.col-md-12 {
    font-size: 10px;
}
	
}