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

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

a:hover{
	opacity:0.7;
}


.category-ca-brand >div > div > div > article >header >div.entry-meta,
.category-ca-item5 >div > div > div > article >header >div.entry-meta{
	display:none;
}

.site-body{
	padding-bottom:0px;
}

.breadcrumb {
    border-top:0px;
	margin-top:3em;
}

@media (max-width: 575.98px) {
	h1.entry-title{
		font-size:1.5rem !important;
	}
	
	h1.page-header-title {
		font-size:1.7rem !important;
	}
	
	h2{
		font-size:1.6rem !important;
	}
	h2.top-h2{
		font-size:3rem !important;
	}
	
	h3{
		font-size:1.5rem !important;
	}
	h4{
		font-size:1.3rem !important;
	}
	.page-header {
		min-height: 4rem;
	}
	p.item-no{
		margin-bottom:0px !important;
	}
	p.item-no span {
		font-size:2rem !important;	
	}
	figure.ph-small >img {
		width: 30px !important;
	}
}

/*************    TOPページ **********************************************/

.arrow {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 2px;
  margin-top: 23.4px;
  border-radius: 9999px;
  background-color: #9ac8c6;
}

.arrow2{
	background-color: #fff;
}

.arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 28px;
  height: 2px;
  border-radius: 9999px;
  background-color: #9ac8c6;
  transform: rotate(45deg);
  transform-origin: calc(100% - 1px) 50%;
}

.arrow2::before {
	background-color: #fff;
}


div.wrap-arrow {
    text-align: right;
}

div.wrap-arrow >a {
	font-size:1.5rem;
}

div.wrap-arrow2 >a {
	color:#fff;
}

.item-no span{
	background-color:#9ac8c6;
	color:#fff;
	padding:0.2em;
	
}
/******   新着  ***********/
.postListText_date {
	font-size:0.88rem;
	color:#01ada6;
	font-weight:bold;
}

.postListText_title {
	font-size:1rem;
}

.postListText_title {
	clear:both;
}

.postListText_singleTermLabel{
	min-width:auto;
	margin-top:0px;	
}

.postListText_singleTermLabel a{
	color:#333 !important;
	background-color:#fff !important;
	border:1px solid #afafaf;
}

p.postListText_title a {
	text-decoration:none;
}

@media (max-width: 781px) {
	.gap-non{
		gap:0px;
	}
}

/********* スライド　*****************************/ 
.slidein{
	
	opacity: 0;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.slide_left{
	transform: translateX(calc(-20vw - 20%));
}
.slide_right{
	transform: translateX(calc(50vw + 50%));
}

.slide_down{
  transform: translateY(20%);
}

.slide_down2{
  transform: translateY(100%);
}

.slide_down3{
  transform: translateY(150%);
}

.show{
	transform: translateX(0);
	opacity: 1;
}



/*************    footer ************************************************************************/
aside#block-8 {
    margin-bottom: 0.5em;
}

.site-body-bottom {
    height: 10px;
}



.js-box {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-box.load {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/*************    会社概要************************************************************************/

.tbl01{
	td, th{
		padding:1em;
	}
	th{
		background-color:#f9f9fa;
	}
}

/************* お問い合わせ  ********************************************************************/
label.con-lbl {
    display: flex;
}


span.con-tit {
	width:25%;
}

span.req {
	font-size: .7em;
    padding: 0px 6px;
    background: rgb(245 90 137);
    color: #ffffff;
}

@media (max-width: 781px) {
	label.con-lbl {
    display: block;
	}

	span.con-tit {
		width:auto;
	}
	
}

/************* 投稿  ********************************************************************/
.vk_post_imgOuter {
    background-position: center 87%;
}


/************* 取扱銘柄・蔵元  ********************************************************************/
.vk_post_btnOuter a {
    background-color: #fff;
    color: #01ada6 !important;
	border-color:#01ada6;
}

.vk_post_btnOuter a::after{
	content:'\f101';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	padding-left:1rem;
}