/*
Theme Name: sales_fri
*/

/* ----------------------------------------------------------------------
	全体
---------------------------------------------------------------------- */

header, footer, nav, section, aside, article
{ display: block;}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}

/* ----------------------------------------------------------------------
	Clearfix
---------------------------------------------------------------------- */

.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ----------------------------------------------------------------------
	トップページ
---------------------------------------------------------------------- */

/* MVスライダー */
.lightning_swiper .swiper-pagination-bullet{
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #fff;
outline: none;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.7) inset;
}
.lightning_swiper .swiper-pagination-bullet-active {
background: #ffeb3e;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.lightning_swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom:0;
}
.lightning_swiper .swiper-pagination{
position:relative;
margin: 10px 0 0;
}
.lightning_swiper .swiper-button-next,
.lightning_swiper .swiper-button-prev{
display:none;
}

/* bnrスライダー */
.entry-body .swiper-button-next, .swiper-button-prev{
display:block;
}
.entry-body .vk_slider .swiper-button-next,
.entry-body .vk_slider .swiper-button-prev{
color: #fff;
background-color: #022E54;
border-radius: 50%;
width: 30px;
height: 30px;
}
.entry-body .swiper-button-next:after,
.entry-body .swiper-button-prev:after{
font-size: 14px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
.entry-body .vk_slider .swiper-button-prev:after{
font-size: 14px;
}
.entry-body .swiper-button-prev{
left: 20px;
}
.entry-body .swiper-button-next{
right: 20px;
}
.entry-body .wp-block-vk-blocks-slider{
background: #efefef;
}
.entry-body .wp-block-vk-blocks-slider.banner_bg{
background: #F2F7FC;
}
/* トップ投稿 */
.wp-block-latest-posts li>a{
pointer-events: none;
}

/* トップ見出し */
.sec02 h3.wp-block-heading{
color: #fff;
border-bottom: 1px solid #fff;
margin: 0 0 50px;
}
.sec02 h3.wp-block-heading::after{
border-bottom: 1px solid #FDF02B;
}

/* WPボタン */
.wp-block-column .btn{
padding: 0;
width: 100%;
}
.wp-block-column .btn .btnLink01{
text-decoration: none;
color: #fff;
}

/* menu */
.vk-mobile-nav-menu-btn{
display: none;
}

/*----------------------------------------
	question
----------------------------------------*/
.question {
width: 80%;
margin: 0 auto;
}
.question_item {
margin: 20px 0;
}
.question_q {
padding: 15px;
font-weight: bold;
cursor: pointer;
position: relative;
border-bottom: solid 1px #3279B7;
}
.question_q::after {
content: "";
background: url(/wp-content/themes/sales_fri/img/q_icon.svg) 0 0 no-repeat;
background-size: cover;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
}
.question_q.active::after {
background: url(/wp-content/themes/sales_fri/img/a_icon.svg) 0 0 no-repeat;
}
.question_a {
display: none;
padding: 15px 40px;
background: #fafafa;
position: relative;
}
.question_a span{
position: absolute;
top: 14px;
left: 15px;
}
.question_a span,
.question_q span{
font-size: 120%;
font-weight: bold;
margin-right: 5px;
}
.question_q.active .question_a{
display: flex;
}

@media screen and (max-width: 959px) {
.question {
width: 100%;
}
.question_q {
padding: 15px 35px 15px 10px;
}
}

/* 非表示 */
.DP_no{
display: none;
}

.linkno{
pointer-events: none;
}

.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}