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

/*-------------------------------------共通-------------------------------------*/
/*ヘッダー*/
#site-header-container{
	max-width:80vw !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
#global-nav a{
	color:#333 !important;
	transition:0.3s;
}
#global-nav a:hover{
	color:#c0153d !important;
}
#global-nav a .global-nav-name{
	font-size:16px !important;
}
.global-nav-list>li:before{
	display:none;
}

/*ハンバーガーサイズ*/
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 35px;
    pointer-events: none;
    width: 35px;
}

/*スマホ時テキスト中央揃え*/
@media (min-width: 0px) and (max-width: 767.98px){
.text_sp_center {
    text-align:center !important;
}
}

/*ページトップに戻るボタン*/
.page_top_btn {
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 99999;
    width: 40px;
    height: 38px;
    color: transparent;
    border: none;
	border-radius: 0px;
    background: #006BB9;
    box-shadow: 0 0 0 0px rgba(255,255,255,0), 0 0 0 0px rgba(0,0,0,0);
    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;
	transition:0.3s;
}

.page_top_btn:hover{
	background:#C0153D;
	box-shadow: 0 0 0 0px rgba(255,255,255,0), 0 0 0 0px rgba(0,0,0,0);
    background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

/*フォント*/
.zcool-xiaowei-regular {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*kaisei-decol-regular*/
h1,h2,h3,nav{
  font-family: "Kaisei Decol", serif;
  font-weight: 400;
  font-style: normal;
}

/*見出しデザイン*/
h6{
	background-image:url(https://aboutnet8.xsrv.jp/friand/wp-content/uploads/ribbon-red.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0 10px 25px;
	background-size: contain;
	color:#fff;
}

/*スマホ非表示*/
@media (min-width: 0px) and (max-width: 991.98px){
.sp-none {
    display: none;
}
}

/*-------------------------------------トップ-------------------------------------*/
/*見出し装飾*/
/*.h2-1{
	background-image: url(https://aboutnet8.xsrv.jp/friand/wp-content/uploads/ribbon.png);
    font-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 7px;
}
*/

/*ボタン*/
/* solid008 */
.button_solid008 a{
    background: #006bb9;
    border-radius: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:1.6em;
	color:#fff;
}
.button_solid008 a::before {
  content: '';
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 100%;
  height: 2px;
  background-color: #c0153d;
  transition: 0.2s ease 0s;
}

.button_solid008 a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 100%;
  background-color: #c0153d;
  transition: 0.2s ease 0.2s;
}

.button_solid008 a:hover::before {
  width: 0%;
}

.button_solid008 a:hover::after {
  height: 0%;
}

.button_solid008 a:hover {
  text-decoration: none;
  background-color: #c0153d;
  color:#fff;
}

/*画像ボタン*/
.cardbtn-img_01 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 15px;
  list-style:none;
}

/*.cardbtn-img_01 li {
  width: 100%;
}*/
@include lg {
  width: calc((100% - 20px * 2) / 3);
}

.cardbtn-img_01 a {
  display: block;
  position: relative;
  overflow: hidden;
}
.cardbtn-img_01 img {
 display: block;
 width: 100%;
 height: 225px;
 object-fit: cover;
 transition: all .6s ease;
}
@include lg {
  height: 250px;
}

.cardbtn-img_01 a:hover .ttl {
    bottom: 0;
    justify-content: center;
}

.cardbtn-img_01 a:hover .ttl-img{
   transform: scale(1.3) !important;
   opacity: .6 !important;
}


.ttl {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
   margin-bottom: 0;
   bottom: calc(-100% + 50px);
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   color: #fff;
   transition:	all .6s ease;
}

.cardbtn-img_01 span {
   display:flex;
   align-items: center;
   height: 50px; /*bottomの値と一致させる*/
   font-size: 21px;
}


/*-------------------------------------商品紹介-------------------------------------*/
.btn-1 .vk_button_link_txt,
.btn .vk_button_link_after{
	transition:0.3s;
}
.btn-1 a:hover .vk_button_link_txt{
	color:#c0153d;
	text-decoration-style: dashed !important;
}
.btn-1 a:hover .vk_button_link_after{
	color:#c0153d;
}

.wp-block-image figure{
	margin-bottom:0px !important;
}
/*-------------------------------------お問い合わせ-------------------------------------*/
.wpcf7-spinner {
    display: block;
	margin:12px auto 0 auto;
}