/******************************************************************
Theme Name: SS ONE CR
Theme URI: https://smartsite-s.com/
Description: SS ONE
Author: smart-site
Author URI: https://smartsite-s.com/
Version: 1.1.47
Text Domain: lpwp
Template: lpwp
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready
******************************************************************/
/*---------------
google font
----------------*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Martian+Mono:wght@100..800&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
    font-family: "Hiragino Kaku Gothic ProN";
    src: url("font/yen-only-font.woff") format('woff');
    unicode-range: U+005C;
}

@font-face {
    font-family: "YuGothic";
    src: url("font/yen-only-font.woff") format('woff');
    unicode-range: U+005C;
}

/* variable */
:root{
  /* --color-yellow: #eaff00; */
  --color-yellow: hsl(60, 95%, 46%);
  --color-yellow-half: #f7f70288;
  --color-lime: #00d8ba;
  --color-purple:#ad64ff;
  --color-lite-blue:#64d1ff;
  --color-red:#ff6464;
  --color-lite-silver:#f0f0f0;
  --color-dark-gray:#444;
  --ff-mincho: "Yu Mincho","游明朝",YuMincho,"Hiragino Mincho ProN","Noto Serif JP",serif;
  --ff-title: "Lato", serif;

  --color-lite-blue-1:hsl(198, 100%, 30%);
  --color-lite-blue-2:hsl(198, 100%, 40%);
  --color-lite-blue-3:hsl(198, 100%, 50%);
  --color-lite-blue-4:hsl(198, 100%, 60%);
  --color-lite-blue-5:hsl(198, 100%, 70%);

  --font-size-title-pc:130px;
  --font-size-title-sp:62px;

  --font-size-title2-pc:60px;
  --font-size-title2-sp:26px;
}

.mincho {
  font-family: var(--ff-mincho);
}

.gothic {
  font-family: YuGothic, "游ゴシック", sans-serif !important;
}

.f-title {
  font-family: var(--ff-title);
}

a[href*="/category/uncategorized/"] {
  display: none;
}

/*—————————————————————————————
ロゴ
—————————————————————————————*/

.header .nav-logo {
		margin-top: 0px !important;
}

.header #logo img {
    height: 45px;
}

.footer .wpb_single_image img {
    height: 25px;
	    width: auto;
}

@media only screen and (max-width: 768px) {
  .header #logo img {
      height: 30px;
  }
}

/*---------------
FAQ
----------------*/

.vc_toggle_title>h4 {
    display: inline;
    font-size: 17px;
    }

@media only screen and (max-width: 768px) {
.vc_toggle_title>h4 {
    display: inline;
    font-size: 16px;
    }
}


/*—————————————————————————————
画像、リンク
—————————————————————————————*/

.vc_gitem-is-link {
    border-radius: 0px;
    }

.mb-product{
	    margin-bottom: 25px;
}

/*---------------
ボタン
----------------*/

.vc_btn3-container {
    display: block;
    margin-bottom: 27px;

}

/* ２カラム間余白 */
.row-buttons > .vc_col-xs-6:nth-child(2n+1) > .vc_column-inner{
  padding-right:7px;
}

.row-buttons > .vc_col-xs-6:nth-child(2n) > .vc_column-inner{
  padding-left:7px;
}

/* ２カラム間余白 */
@media (min-width: 768px){
  .row-buttons > .vc_col-sm-6:nth-child(2n+1) > .vc_column-inner{
    padding-right:7px;
  }

  .row-buttons > .vc_col-sm-6:nth-child(2n) > .vc_column-inner{
    padding-left:7px;
  }
}

@media only screen and (max-width: 768px) {
	
	.header .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
    line-height: 40px;
}
	.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    padding-top: 15px;
    padding-bottom: 15px;
		text-align: center;
}
	
	.btn-s-mt{
		  margin-top: -13px !important;
	}
		
	.btn-s-mb{
		    margin-bottom: 40px;
	}
}

/*---------------
テキスト
----------------*/

body {
   font-family: YuGothic, "游ゴシック", sans-serif !important;
}

p {
    font-family: YuGothic, "游ゴシック", sans-serif;
    font-size: 15px;
    font-weight: 500;
	  line-height: 1.5;
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{
		  line-height: 1.5;
	    font-weight: bold;
	    text-align: center;
}

.entry-content p {
    margin: 0 0 17px;
}

.p-contact {
    text-align: center;
    margin-bottom: 55px !important;
}

.title-1 {
    font-size: 60px;
	  letter-spacing: 2px;
    margin-bottom: -8px;
	    margin-top: 0;
}

.title-2 {
    font-size: 24px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
	  margin-top: 0px;
  	margin-bottom: -10px !important;
}

.title-3 {
    font-size: 18px;
	  margin-bottom: 45px !important;
}

.title-3-shop {
    font-size: 18px;
	margin-bottom: 10px;
}

.title-faq {
    font-size: 18px;
	margin-bottom: 50px !important;
}


.title-movie-1 {
	margin-top: 0;
    font-size: 20px;
		text-align: left;
}

.title-movie-2 {
  font-size: 40px;
	text-align: left;
  line-height: 1.5;
	margin-top: -10px;
  margin-bottom: -15px !important;
}

.p-pm{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
	text-align: center;
}

.p-pm-2{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
	text-align: center;
		margin-top: -10px !important;
}

.pp-title{
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #e8e8e8;
    padding: 15px 0;
}

.pp-title-2{
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
	
	.p-contact {
    text-align: left;
    margin-bottom: 0px !important;
}
	
.title-1 {
    font-size: 30px;
}

.title-2 {
    font-size: 22px;
}
	
.title-3 {
    font-size: 16px;
	margin-bottom: -5px !important;
}
	
	.title-movie-1 {
    font-size: 16px;
		text-align: center;
}
	
.title-movie-2 {
    font-size: 22px;
	  text-align: center;
    margin-top: -15px !important;
    }

	.title-faq {
		margin-top: 40px !important;
	margin-bottom: 30px !important;
}

	.p-2{
 text-align: left;
}
}

/*————————————————————————————— *
投稿
—————————————————————————————*/

.post-list .post .entry-title {
    text-align: left;
}

li {
	line-height: 1.8;
}

.single .entry-content p {
    line-height: 1.5;
}

.title_note {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -15px !important;
}

.single .entry-title {
    font-size: 26px;
    line-height: 1.5;
 font-weight: bold;
}

.entry-content p.i-annotation {
    font-size: 12px !important;
    line-height: 1.5;
    margin-top: -15px !important;
}

.entry-content p {
    margin: 0 0 17px
}

.related-posts {
    margin-top: 10px;
    margin-bottom: 30px;
}

.related-posts .entry-title{
  font-size: 15px;
}

.sidebar .widgettitle, .sidebar .wp-block-search__label, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
    font-size: 16px;
	text-align: left;
}


.related-posts .entry-title{
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: bold !important;
}

.page .sidebar-none #content {
    margin-bottom: 0px;
}
.entry-image img {
    border: 1px solid #eee;
}

.single-nav-wrapper .single-nav a {
    padding: 0px;
	    font-size: 12px;
}

.single-nav-wrapper > .single-nav__next-item a:hover + .item-wrapper {
    padding: 15px 15px 9px 15px;
}

.single-nav-wrapper > .single-nav__prev-item a:hover + .item-wrapper {
	    padding: 15px 15px 9px 15px;
}

.related-posts .post-related {
    padding: 5px 10px;
}
.single .entry-title {
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
	margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
	
	.related-posts {
    margin-top: 10px;
		    margin-bottom: 0px;
}
	
	.single .entry-title {
    font-size: 20px;
}
	
	.title_note {
    font-size: 18px;
		margin-bottom: -15px !important;
}	
}

/*—————————————————————————————
ディスプレイ 表示関係
—————————————————————————————*/

.toggle-pc {
	display: block;
}
.toggle-sp {
	display: none;
}

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

.none {
	display: none;
}

/*---------------
ビルダー
----------------*/

.entry-content {
    padding: 0 1.5em 0;
}

/*---------------
SS3
----------------*/


.pf-1 {
    line-height: 2;
    font-size: 20px;
    font-style: italic;
    text-align: center;
	text-align: center;
    font-weight: 600;
	margin-top: 80px !important;
    letter-spacing: 2px;
}

.pf-2 {
    line-height: 2;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

.pf-3 {
    line-height: 2;
    font-size: 14px;
    font-style: italic;
    border-top: solid 1px #e1e1e1;
    padding: 40px 0px;
}

.img-circle{
    border-radius: 50%;
    width: 180px;
    height: 180px; 
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
	
	.pf-1 {
    padding-left: 0px;
}

.pf-2 {
    padding-left: 0px;
}
	
}

/*---------------
ボックス
----------------*/

.border-img {
    border: 1px solid #e8e8e8;
 border-radius: 8px;
}

.circle {
    width: 154px;
    height: 154px; 
    border: solid 1px #e1e1e1;
    background-color: #fff;
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
    line-height: 154px;
	  font-size: 14px;
}

.box-s{
    padding: 0px 14px !important;
    margin: 0;
}

.box-s > .vc_column-inner {
    box-shadow: 0px 0px 8px #e9e9e9;
    border-radius: 20px;
    background: #fff;
    padding: 40px 36px 35px 36px;
}


.box-s-2{
    border-radius: 20px;
    padding: 0px 12px !important;
    margin: 0;
}

.box-s-2 > .vc_column-inner {
    border-radius: 20px;
    background: #fff;
    padding: 40px 36px 35px 36px;
}

.pr-box {
    margin-top: -5px !important;
    text-align: center;
    background: #fff;
    font-size: 14px;
    border-radius: 30px;
    padding: 16px;
    font-weight: bold;
    border: solid 1px #f7f7f7;
}

@media only screen and (max-width: 768px) {
	
	
	.box-s > .vc_column-inner {
    margin-top: 25px;
	    box-shadow: 0px 0px 8px #e9e9e9;
		padding: 40px 25px 25px 25px !important;
}

	.box-s-2 > .vc_column-inner {
    margin-top: 25px;
		padding: 30px 25px 25px 25px !important;
}
	
}


/*---------------
スライダー
----------------*/

.wpb_gallery .wpb_flexslider .flex-control-nav{
	margin-bottom: 20px;
}

.wpb_gallery .wpb_flexslider .flex-control-paging li a {
    background: #d1d1d1;
	box-shadow: inset 0 0 3px rgb(0 0 0 / 0%);
}

/*---------------
商品スライダー
----------------*/

.slick-slide.vc_column_container > .vc_column-inner{
	padding-left: 10px !important;
    padding-right: 10px !important;
	}

@media only screen and (max-width: 768px) {
.slick-slide.vc_column_container > .vc_column-inner{
	padding-left: 8px !important;
    padding-right: 8px !important;
	}
	}

.product-slider .slick-prev,
.product-slider .slick-next{
    background: #000;
    width: 40px;
    height: 40px;
    top: calc(50% - 40px);
    z-index: 100;
}

.product-slider .slick-prev:hover, 
.product-slider .slick-prev:focus, 
.product-slider .slick-next:hover, 
.product-slider .slick-next:focus{
    background: #000;
}

.product-slider .slick-prev{
    left:0;
}
.product-slider .slick-next{
    right:0;
}

.product-slider .slick-prev:before,
.product-slider .slick-next:before{
    display:inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    opacity: 1;
    line-height: 39px;
    text-align: center;
    vertical-align:middle;
    font-size: 16px;
}

@media only screen and (max-width: 768px){ 
    .product-slider .slick-prev,
    .product-slider .slick-next{
    width: 30px;
    height: 30px;
    }

    .product-slider .slick-prev{
    left:0;
    }
    .product-slider .slick-next{
    right:0;
    }

    .product-slider .slick-prev:before,
    .product-slider .slick-next:before{
    width: 30px;
    height: 30px;
    line-height: 27px;
    font-size: 14px;
    }
    
    
}


.product-slider .slick-next:before{
    content: "＞";
    text-indent: 4px;
}

.product-slider .slick-prev:before{
    content: "＜";
    text-indent: -4px;
}

/*---------------
ビルダー調整
----------------*/

/* 行内コンテンツ */
.content-width{
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (min-width: 768px){
    .content-width{
        max-width: calc(760px - 3em + 30px);
    }
}

@media only screen and (min-width: 1030px){
    .content-width{
        max-width: calc(var(--content-width-lg, 1000px) - 3em + 30px);
    }
}


@media only screen and (min-width: 1400px){
    .content-width{
        max-width: calc(1240px - 3em + 30px);
    }
}

.pdlr-5 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
}

.pdlr-10 {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
}

.pdlr-15 {
    padding-left: 15vw !important;
    padding-right: 15vw !important;
}

.pdlr-20 {
    padding-left: 20vw !important;
    padding-right: 20vw !important;
}

.pdlr-30 {
    padding-left: 30vw !important;
    padding-right: 30vw !important;
}

@media only screen and (max-width: 768px) {
	
		.pdlr-5 {
    padding-left: 0%w !important;
    padding-right: 0% !important;
}
	
.pdlr-10 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.pdlr-15 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
	
	.pdlr-20 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
	
	.pdlr-30 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
}

/*---------------
reserve
----------------*/

#booking-package_schedulePage .selectPanelError {
    color: #a50000;
    }

#booking-package_servicePage .selectPanel:hover {
    background-color: #e8e8e8;
    }

input[type="text"]{
background-color: #ffffff;
}

#content #booking-package button {
    padding: 15px 25px;
    font-weight: 600;
    }

#booking-package_inputFormPanel .courseLinePanelInLink{
        color: #333333;
        }

#booking-package_schedulePage .selectPanel:hover {
    background-color: #e8e8e8;
}

#booking-package_schedulePage .selectPanelActive {
    color: #5f5f5f;
}

#booking-package_schedulePage .selectPanelActive {
    background-color: #e8e8e8;
}

#booking-package_calendarPage .closeDay {
    background-color: #a7a7a7;
}

.calendarData {
    font-size: 18px;
    font-weight: 600;
}

#booking-package_servicePage .title {
    font-size: 18px;
    font-weight: 600;
}

#booking-package_schedulePage .selectedDate {
    font-size: 18px;
}

/*---------------
投稿
----------------*/

.single .entry-meta {
    margin-bottom: 30px;
}

.lpwp-grid-head-bd {
    border: 1px solid #eee;
}

.lpwp-grid-head-bdr {
    border-radius: 10px 10px 0 0;
}

.lpwp-grid-content-bd{
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.lpwp-grid-content-bdr{
    border-radius: 0 0 10px 10px;
}

.vc_gitem_row .vc_gitem-col {
    padding: 25px 25px 3px 25px !important;
}

.vc_gitem-post-data {
    margin: 0 0 10px 0;
	  font-size: 14px !important;
}

.post-data-ss{
        margin-top: -5px;
}

h4, .h4 {
    font-size: 18px;
	margin: 0;
}



/*---------------
テーブル
----------------*/

.entry-content table{
	margin-bottom: 0;
}

table {
    margin: 0;
    width: 100%;
    border: none !important;
  margin-bottom: -13px !important;
}

table th {
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #e4e4e4 !important;
    border: none;
    text-align: left;
    vertical-align: baseline;
    padding: 20px 0 !important;
    font-weight: 500;
	  width: 15%;
}

table td {
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #e4e4e4 !important;
    border: none;
    text-align: left;
    vertical-align: baseline;
    padding: 20px 0 !important;
    border-right: none !important;
    font-weight: 500;
		width: 85%;
}

.entry-content tr {
    border-bottom: 0px solid #eee;
}

.entry-content th {
    border-right: 0px solid #eeeeee;
}

.entry-content td {
  padding: 0px;
}

@media only screen and (max-width: 768px) {
	
	table {
	  margin-bottom: -12px !important;
}
	
	table th {
	  width: 25%;
}

table td {
		width: 75%;
}
	
}

/*---------------
フォーム
----------------*/

input[type=submit]{
    margin-bottom: -17px;
}

.wpcf7 form .wpcf7-response-output{
    font-size: 14px;
	  margin: 0;
	padding: 5px 10px;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
	  color: #111;
}
body, button, input, optgroup, select, textarea {
    font-weight: 500;
}

dl {
  display: flex;
  flex-wrap: wrap;
}
dl dt {
  width: 25%;
}
dl dd {
  width: 75%;
		margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
dl {
  display: block;
	}
	dl dt {
  width: 100%;
		margin-bottom: 10px;
}
dl dd {
  width: 100%;
  margin-bottom: 20px;
}
	
}

.wpcf7 input[type='text'], .wpcf7 input[type='url'], .wpcf7 input[type='number'], .wpcf7 input[type='email'], .wpcf7 input[type='search'], .wpcf7 input[type='password'], .wpcf7 input[type='tel'], .wpcf7 textarea {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.wpcf7-select{
	    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

span.wpcf7-list-item {
display: block;
	}

span.wpcf7-list-item {
display: block;
}

.wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
        margin: 0px 0px 0px 0px!important;
}

.required {
    padding: 5px;
    font-size: 10px;
    border-radius: 0px;
    margin-right: 8px;
	background: #000;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.any {
    padding: 5px;
    font-size: 10px;
    border-radius: 0px;
    margin-right: 8px;
	background: #b9b9b9;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


 .rt-c-title{
    font-weight: 600;
    font-size: 14px;
	 line-height: 1.5;
    margin-bottom: 15px;
	  margin-top: 24px !important;
}

div.wpcf7 .ajax-loader {
    margin-left: -15px;
}

.wpcf7 input[type='text'],
.wpcf7 input[type='url'],
.wpcf7 input[type='number'],
.wpcf7 input[type='email'],
.wpcf7 input[type='search'],
.wpcf7 input[type='password'],
.wpcf7 input[type='tel'],
.wpcf7 textarea{
	width: 100%;
    margin: 0 0 15px;
    padding: 9px 18px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
}


@media only screen and (max-width: 768px) {
	.wpcf7-select {
    font-size: 14px;
    line-height: 1.5;
}
	
}

.wpcf7 input[type='url'] {
  display: block;	
}

.wpcf7-select{
	  display: block;
		width: 100%;
    margin: 0 0 15px;
    padding: 10px 18px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.wpcf7-select:hover, .wpcf7-select:focus{
		border-color: #333;
} 

.wpcf7 input[type='text']:hover, .wpcf7 input[type='text']:focus, .wpcf7 input[type='number']:hover, .wpcf7 input[type='number']:focus, .wpcf7 input[type='email']:hover, .wpcf7 input[type='email']:focus, .wpcf7 input[type='search']:hover, .wpcf7 input[type='search']:focus, .wpcf7 input[type='password']:hover, .wpcf7 input[type='password']:focus, .wpcf7 input[type='tel']:hover, .wpcf7 input[type='tel']:focus, .wpcf7 textarea:hover, .wpcf7 textarea:focus{
	border-color: #333;
}

@media (max-width: 767px){
  .wpcf7 input[type='text'],
  .wpcf7 input[type='url'],
  .wpcf7 input[type='number'], 
  .wpcf7 input[type='email'],
  .wpcf7 input[type='search'],
	.wpcf7 input[type='password'],
	.wpcf7 input[type='tel'],
	.wpcf7 textarea {
    margin-bottom: 15px !important;
  }
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #20639a;
    background-color: #ffffff;
	    padding: 10px 20px;
	    font-size: 12px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid #ca0000;
    background-color: #fff;
	    padding: 10px 20px;
	    font-size: 12px;
}

span.wpcf7-not-valid-tip {
    color: #ca0000;
	font-size: 12px;
}



input[type='url']:hover{
	    border-color: #333;
}

/*---------------
その他
----------------*/

.trouble {
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px dashed #bfbfbf;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0px;
}

.nav ul {
    background: #ffffff;
}

.entry-content img {
    margin: 0px;

}

.c-w {
    color: #ffffff;
}

.c-b {
    color: #000000;
}


/*---------------
FAQ
----------------*/
.qa .vc_toggle_icon{
    background: transparent;
    border: 0;
    margin-left: 15px;
}

.qa .vc_toggle_icon:before {
    content: 'Q';
    border:0;
    left:0;
    width: 30px;
    height: 30px;
    background: #bababa;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    font-style: normal;
}
.qa .vc_toggle_icon:after {
    display: none;    
}

.qa.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before{
    width: 30px;
    height: 30px;
}

.qa.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before{
    visibility:visible;    
}

.qa.vc_toggle_size_md.vc_toggle_default .vc_toggle_content {
    padding-left: 40px;
    margin-bottom: 0px;
}

.qa.vc_toggle_size_md.vc_toggle_default .vc_toggle_content p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.qa .vc_toggle_content:before{
    transition: opacity .25s;
    opacity: 0;
    left: 15px;
}

.qa.vc_toggle_active .vc_toggle_content:before{
    opacity: 1;
}

.qa .vc_toggle_content:before{
    position: absolute;
    display: block;
    left: 5px;
    content: 'A';
    border:0;
    width: 30px;
    height: 30px;
    background: #bababa;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    font-style: normal;
}
.vc_toggle{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.qa.vc_toggle_default .vc_toggle_title{
    padding-left: 40px;
}

@media only screen and (max-width: 768px) {
.qa .vc_toggle_content:before {
	left: 15px;}
	
	.qa .vc_toggle_icon:before {
	left: 10px;}
	
	.qa.vc_toggle_size_md.vc_toggle_default .vc_toggle_content p {
    padding-top: 4px;
    line-height: 1.5;
}	
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_round .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_round .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_square .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_square .vc_toggle_title .vc_toggle_icon{
top:-3px;
}

.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before{
-webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

/*---------------
フッター
----------------*/

.footer-title{
		margin-top: 15px;
	margin-bottom: -26px !important;
	font-weight: 500 !important;
}

@media only screen and (max-width: 768px) {

.footer-title{
		margin-top: 8px;
}
}

/*---------------
ヘッダー
----------------*/
.offcanvas-bg{
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.header .nav-menu nav>ul>li>a {
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .header .nav-menu {
    width: 80vw;
    height: calc(100vh);
    background-color: #000000c0;
	}
  .home .header .nav-menu{
    background-color: #ffffff00;
    transition: left .5s ease, background-color .5s ease .5s;
  }

  .home.scrolled .header .nav-menu{
    background-color: #000000c0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
@media only screen and (min-width: 769px) and (max-width:1029px) {
  .header .nav-menu {
    top:var(--header-md-height);
    height: calc(100vh);
	}
  .home .header .nav-menu{
    background-color: #ffffff00;
    transition: left .5s ease, background-color .5s ease .5s;
  }
  .home.scrolled .header .nav-menu{
    background-color: #000000a0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

.open-nav .icon-inner>span {
    background: #fff;
}

.header-1 .nav-right{
    max-width: 200px!important;
}

#inner-header .nav-right-inner > a{
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    font-size:13px;
    font-weight: normal;
    margin: 0 0 0 10px;
}


.wpb_gallery_slides.flexslider{
    margin: 0;
    border: 0;
    border-radius: 0;
    height: auto!important;
}

.entry-content .wpb_gallery_slides img{
    border-radius: 0;    
}

.no-dots .flex-control-nav {
    display: none;
}

.no-arrow .flex-direction-nav {
    display: none;
}

.nav-right .vc_btn3-container{
    margin:0;
}

.nav-right{
    text-align:center;
    padding: 5px 5px 0 0;    
}

#inner-header .nav-right .vc_btn3-container .vc_btn3{
    padding: 5px 10px 5px 5px;
    font-size:11px;
}

.nav-right p {
    margin-top: 5px;
}

.nav-right .wpb_text_column {
    margin: 0;
}

.nav-right .small {
    font-size: 10px;
}

@media (min-width: 750px){
    .nav-right{
        padding: 0;    
    }

    #inner-header .nav-right .vc_btn3-container .vc_btn3{
        padding: 10px 15px 10px 5px;
        font-size:14px;
    }

    .nav-right p {
        margin-top: 5px;
    }

    .nav-right .small {
        font-size: 12px;
    }
}

#inner-header .nav-right .toggle-sp .vc_btn3-container{
    margin-right: 10px;
}

#inner-header .nav-right .toggle-sp .vc_btn3-container .vc_btn3{
    width: 46px;
    padding: 0;
    height: 46px;
 line-height: 23px;
    text-align: center;
}

#inner-header .nav-right .toggle-sp .vc_btn3-container .vc_btn3 i{
    vertical-align: middle;
    transform: none;
    position: relative;
    top: 0;
    display: inline-block;
}

/*---------------
空白
----------------*/

.mt-pc-box{
	margin-top: 20px;
}

@media only screen and (max-width: 768px) {

.mt-pc-boxe{
	margin-top: 0px;
}

/*---------------
SNS
----------------*/

.sns-icon{
	padding: 8px;
}        
}

.vc_grid-item{
    transition-property:opacity!important;
}

/* portfolio list */
.post-type-archive-portfolio #content,
.tax-portfolio-category #content,
.tax-portfolio-tag #content{
  overflow: visible;
}
.portfolio-list{
    /* display: flex;
    flex-wrap: wrap; */
    min-height: 50vh;
    margin-left: -17px;
    margin-right: -17px;
}


.portfolio-list-item {
    padding: 29px 17.5px;
    
  }
  .portfolio-list-item.anim-fade,
  .portfolio-list-item.anim-fade.anim-appear{
    opacity: 0;
  }
  .masonry .portfolio-list-item.anim-fade.anim-appear{
    opacity: 1;
  }
  

  .portfolio-list-item img{
    width: 100%;
    height: auto;
    /* aspect-ratio: 3/4;
    object-fit: contain; */
    border: 0!important;
  }
  .portfolio-list .portfolio-list-item p {
    margin: 0;
    aspect-ratio: 3/4;
    display: flex;
    align-items: center;
    justify-content: center;  
  }
  
  .portfolio-list .portfolio-list-item iframe {
      aspect-ratio: 16/9;
      width: 100%;
      height: auto;
      display: block;
  }
  
  @media (max-width: 1029.5px) {
    .portfolio-list .portfolio-list-item p {
        aspect-ratio: auto;
    }
    .portfolio-list .portfolio-list-item iframe {
      aspect-ratio: 16/9;
    }  
  }

  .portfolio-filter {
    display: flex;
    max-width: 300px;
    justify-content: center;  
    margin: 10px auto 21px;
  }

  .portfolio-filter > .filter-btn {
    flex:1;
    padding: 6px 10px 5px;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-left: 0;
    font-size: 12px;
    position: relative;
  }
  
  .portfolio-filter > .filter-btn.active{
    background: #000;
    color: #fff;
  }

  .portfolio-filter > .filter-btn:after {
    position: absolute;
    top:0;
    left:0;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border: 1px solid #000;
    content: '';
  }

  @media (max-width: 1029.5px){
    .portfolio-list {
        margin-left: calc(-2% - 23px);
        margin-right: calc(-2% - 23px);
    }
    .portfolio-list-item{
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 20px;
      padding-top: 10px;
    }
    .portfolio-list-item img{
      aspect-ratio: auto;
    }
    .portfolio-list-item a, .portfolio-list-item img {
        display: block;
    }

    .portfolio-filter {
        flex-wrap: wrap;
    }
  }

  /* portfolio lightbox */
  .lpwp-lightboxed{
    overflow: hidden;
  }
  
  .lpwp-lightbox{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: #fff;
    z-index: 100000;
  }
  
  .lpwp-lightbox.show{
    display: block;
  }
  
  .lpwp-lightbox-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
  }
  .lpwp-lightbox-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.lpwp-lightbox-content .lpwp-lightbox-if{
    border:0;
  width: calc(100% - 0px);
  height: calc(100% - 60px);
}

.lpwp-lightbox-next,.lpwp-lightbox-prev {
    position: absolute;
    width: 64px;
    height: 128px;
    text-align: center;
    line-height: 128px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 800;
    top: calc(50% - 64px);
  }
  
  .lpwp-lightbox-next {
    right: 0px;
  }
  
  .lpwp-lightbox-prev {
    left: 0px;
  }

  .lpwp-lightbox-close::after,.lpwp-lightbox-close::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 30px;
    left: 26px;
    width: 12px;
    height: 2px;
    background-color: #000;
}

.lpwp-lightbox-close::before {
    transform: rotate(45deg);
}

.lpwp-lightbox-close::after {
    transform: rotate(-45deg);
}
.lpwp-lightbox-close > i ,.lpwp-lightbox-prev > i, .lpwp-lightbox-next > i{
    display: none;
}

.lpwp-lightbox-prev::after,.lpwp-lightbox-next::after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 59px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.lpwp-lightbox-prev::after,body.rtl .lpwp-lightbox-next::after {
    transform: rotate(-135deg);
    left: 28px;
}

.lpwp-lightbox-next::after,body.rtl .lpwp-lightbox-prev::after {
    transform: rotate(45deg);
    left: initial;
    right: 28px;
}

@media (max-width: 767px){
    .lpwp-lightbox-close::after,.lpwp-lightbox-close::before {
        top: 12px;
        left: 45px;
    }

    .lpwp-lightbox-prev::after,body.rtl .lpwp-lightbox-next::after {
        left: 10px;
    }    
    .lpwp-lightbox-next::after,body.rtl .lpwp-lightbox-prev::after {
        right: 10px;
    }
}

  .end-item .lpwp-lightbox-next{
    display: none;
  }
  
  .first-item .lpwp-lightbox-prev{
    display: none;
  }

  .loader-col {
    width: 100%;
    order: 10000;
  }
  .loader{
    width: 100px;
    height: 100px;
    margin: 20px;
    display:inline-block;
    color: #000;
  }
  
  .lpwp-lightbox-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* portfolio */
@media (min-width: 768px){
    .gallary .vc_grid-item .vc_gitem-zone-a{
      aspect-ratio: 3/4;
      background-size: contain;
  
    }
  }

.gallary {
    /* opacity: 0; */
    transition: opacity .5s ease;
}
.gallary.show {
    opacity: 1;
}
.invisible {
    opacity: 0;
}
body #fancybox-content {
    opacity: 1!important;
    border: 0;
    border-top: 30px solid #fff!important;
    border-bottom: 30px solid #fff!important;
    box-sizing: border-box;
}

.single-portfolio #content {
    /* flex: 1; */
}

.single-portfolio .header,
.single-portfolio .footer,
.single-portfolio #wpadminbar,
.single-portfolio .article-footer{
  /* display: none!important; */
}

.single-portfolio .entry-content iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}

.single-portfolio .entry-content {
    padding: 0 1.5em;
}

@keyframes fadein {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/* body.single-portfolio.admin-bar {
    margin-top: -32px;
  }
  
  @media screen and (max-width: 782px){
    body.single-portfolio.admin-bar {
      margin-top: -46px;
    } 
  }
  
  .single.single-portfolio .entry-image {
    margin-top: 0;
    margin-bottom:0;
  } */
  
  .single.single-portfolio .entry-meta {
    display: none;
  }

.single-portfolio #content{
    opacity: 0;
    overflow: visible;
}
.single-portfolio #content.show {
    opacity: 0;
    animation: fadein 1.8s ease 0s 1;
    animation-fill-mode: forwards;
}

.admin-bar.single-portfolio{
margin-top: 0;   
}
.single-portfolio .entry-image {
}
.single-portfolio .entry-image img {
    border: none;
    max-height: calc(100vh - 20px);
    object-fit: contain;
}

/* body.single-portfolio {
    overflow: hidden;
}
.single-portfolio #container {
  display: flex;
  height: 100vh;
  height: 100dvh;
  align-items: center;
  justify-content: center;
}
.single-portfolio #content {
  margin-top: 0;
  margin-bottom: 0;
} */

.single-portfolio .sidebar {
  display: none;
}

body #fancybox-wrap {
  position: fixed;
  width: 100vw!important;
  height: 100vh!important;
  left:0!important;
  top: 0!important;
}

body #fancybox-close {
  top:0;
  right:0;
}

body #fancybox-close:hover span, body #fancybox-next:hover span, body.rtl #fancybox-prev:hover span,
body #fancybox-prev:hover span, body.rtl #fancybox-next:hover span{
  transform: none;
}

body #fancybox-prev {
  left: 0;
}
body #fancybox-next {
  right: 0;
}

body #fancybox-title-wrap {
  bottom: 0; 
}

body .fancybox-title-float #fancybox-title {
  margin-top: -30px;
  background: transparent;
  color: #000;
  box-shadow: none;
}

body .fancy-ico span {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body #fancybox-prev span::after, body #fancybox-next span::after {
  border-color: #000;
}

body #fancybox-close span::after, body #fancybox-close span::before {
  background: #000;
}

body #fancybox-loading,
body #fancybox-title {
  display: none!important;
}

/* スライダー（カバー） */
.cover .flexslider .slides li{
    max-height: 100vh;
    max-height: 100svh;
    max-height: calc(100svh - var(--header-md-height));
  }
  
  .cover .flexslider .slides li img {
    height: 100vh;
    height: 100svh;
    max-height: calc(100svh - var(--header-md-height));
    width: 100vw;
    object-fit: cover;
    margin-top: 0!important;
  }

  .cover-no-header .flexslider .slides li{
    max-height: calc(100svh);
  }

  .cover-no-header .flexslider .slides li img {
    height: calc(100svh);
    width: 100vw;
    object-fit: cover;
    margin-top: 0!important;
  }

  .cover-no-footer .flexslider .slides li{
    max-height: calc(100svh - var(--header-md-height));
  }

  .cover-no-footer .flexslider .slides li img {
    height: calc(100svh - var(--header-md-height));
    width: 100vw;
    object-fit: cover;
    margin-top: 0!important;
  }

  .cover-all .flexslider .slides li{
    max-height: 100vh;
    max-height: 100svh;
  }

  .cover-all .flexslider .slides li img {
    height: 100vh;
    height: 100svh;
    width: 100vw;
    object-fit: cover;
    margin-top: 0!important;
  }

.admin-bar .cover .flexslider .slides img {
  width: 100vw;
  height: calc(100vh - 30px);
  object-fit: cover;
  margin-top: 0!important;
}

.admin-bar .cover .flexslider .slides li{
  max-height: none;
}

.admin-bar .cover .flexslider.slider-oy .slides li img{
  margin-top:0!important;
}

@media screen and (max-width:768px) {
    .cover .flexslider .slides li{
        max-height: calc(100svh - var(--header-height) - 40px + 2px);
      }
      
      .cover .flexslider .slides li img {
        height: calc(100svh - var(--header-height) - 40px + 2px);
        width: 100vw;
        object-fit: cover;
        margin-top: 0!important;
      }
    
      .cover-no-header .flexslider .slides li{
        max-height: calc(100svh - 40px + 2px);
      }
    
      .cover-no-header .flexslider .slides li img {
        height: calc(100svh - 40px + 2px);
      }
    
      .cover-no-footer .flexslider .slides li{
        max-height: calc(100svh - var(--header-height));
      }
    
      .cover-no-footer .flexslider .slides li img {
        height: calc(100svh - var(--header-height));
      }
    
      .cover-all .flexslider .slides li{
        max-height: 100vh;
        max-height: 100svh;
      }
    
      .cover-all .flexslider .slides li img {
        height: 100vh;
        height: 100svh;
      }

      /* admin bar */
      .admin-bar .cover .flexslider .slides li{
        max-height: calc(100svh - var(--header-height) - 40px + 2px - 46px);
      }
      
      .admin-bar .cover .flexslider .slides li img {
        height: calc(100svh - var(--header-height) - 40px + 2px - 46px);
      }
    
      .admin-bar .cover-no-header .flexslider .slides li{
        max-height: calc(100svh - 40px + 2px);
      }
    
      .admin-bar .cover-no-header .flexslider .slides li img {
        height: calc(100svh - 40px + 2px - 46px);
      }
    
      .admin-bar .cover-no-footer .flexslider .slides li{
        max-height: calc(100svh - var(--header-height));
      }
    
      .admin-bar .cover-no-footer .flexslider .slides li img {
        height: calc(100svh - var(--header-height) - 46px);
      }
    
      .admin-bar .cover-all .flexslider .slides li{
        max-height: 100vh;
        max-height: 100svh;
      }
    
      .admin-bar .cover-all .flexslider .slides li img {
        height: 100vh;
        height: calc(100svh  - 46px);
      }
}

.footer .swpm-post-not-logged-in-msg {
    display: none;
}

.images > * > * > .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .images > * > * > .wpb_wrapper > .wpb_row {
    flex: 0 0 33.3%;
    margin: 0;
  }
  
  .post-type-archive-studio #content ,
  .post-type-archive-model #content {
    min-height: calc(100vh - 280px);
  }
  
  .archive #inner-content #main{
    max-width: 1200px;
  }
  
  .post-type-archive-portfolio #inner-content,
  .tax-portfolio-tag #inner-content{
    width: 100%;
  }
  .post-type-archive-portfolio #inner-content  #main,
  .tax-portfolio-tag #inner-content #main{
    width: 100%;
    max-width: none;
  }
  
  .post-type-archive-model #inner-content #main, 
  .post-type-archive-studio #inner-content #main,
  .tax-studio_tag #inner-content #main,
  .tax-model_tag #inner-content #main{
    max-width: none;
  }
  
  .portfolio-list {
    margin:0;
  }
  .portfolio-list-item {
    padding: 0;
  }
  .portfolio-list-item img{
    object-fit: cover;
    display: block;
    zoom: 1;
    transition: transform .3s ease;
    transform: scale(1.0);
  }
  .portfolio-list-item img:hover {
    transform: scale(1.05);
  }
  .portfolio-list-item header a {
    display: block;
    overflow: hidden;
  }
  
  
  .archive-tax-menu a{
    padding: 0 8px;
    font-weight: 800;
    border: 1px solid #000;
    margin: 0 2px;
  }
  
  .archive-tax-menu a.active {
    color: #fff;
    background: #000;
  }


/**/
body{

}
.header{
  background: #222;
  border-bottom: 0;
}

.home .header{
  background: var(--color-yellow-half);
  transition: top .5s ease, background-color .5s ease .5s, backdrop-filter .5s ease .5s, -webkit-backdrop-filter .5s ease .5s;
}
.header .nav li a, .header a{
  color:#fff;
  transition:color .5s ease .5s;
}
.home .header{
  background: transparent;
}

.scrolled .header{
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.home.scrolled .header{
  background: #00000040;
}
.home .header .nav li a, .home .header a{
  color:#fff;
}
.home.scrolled .header .nav li a, .home.scrolled .header a{
  color:#fff;
}

/* PAGE */
.page-title-block{
  padding: 20px 0;
}
.page-title{
  text-align: left;
}
.page-title-sub{
  margin: 0;
  line-height: 1;
  text-align: left;
  font-size: 50px;
  font-family: var(--ff-title);
  font-weight: 800;
}

.page-title,
.archive .page-title{
  margin-top: 10px;
  line-height: 1;
  font-size: 20px;
  text-align: left;
  font-weight: 800;
}

@media screen and (max-width:768px) {
.page-title-sub{
  font-size:40px;
}  
}

/* post list*/
.post-list .entry-header .img-link{
  overflow: visible;
  position: relative;
  margin-bottom: 0;
}

.post-list .entry-header .entry-title a{
  padding-top: 15px;
}
.post-list .entry-header .img-link img{
  position: relative;
}
.post-list .entry-header .img-link:hover img{
  opacity: 1;
}

.post-list .entry-header .img-link:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: #e4e40a;
  transition: all .3s ease;
}
.post-list .entry-header:hover .img-link:before{
  transform: translate(10px,10px);
}
.post-list .entry-header a:hover img{
  transform: none;
}


/* home layout */
.home-w-full{
  position: relative;
  width: 100%;
  z-index: 100;
}
.home-sticky{
  position: sticky;
  top:0;
}


/* section */
.home-section-title{
  margin: 0 10vh;
  padding: 10vh 0 30px;
}
.home-content-section{
  padding-bottom: 10vh;
}
@media screen and (max-width:768px){
  .home-section-title{
    margin: 0 20px;
    padding: 10px 0 30px;
  }
  .home-content-section{
    padding-top: 50px;
  }
}

/* content */
.home-content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* color */
.text-cc{
  color:var(--color-yellow)!important;
}
.text-gray {
  color: #333!important;
}
.text-navy{
  color:#1c2e4a!important;
}
.bg-cc{
  background:var(--color-yellow)!important;
}

.text-black{color:#000!important;}
.text-dark{color:#222!important;}
.text-silver{color:#bbb!important;}
.text-white{color: #fff!important;}
.text-yellow{color:var(--color-yellow)!important;}
.text-lime{color:var(--color-lime)!important;}
.text-purple{color:var(--color-purple)!important;}
.text-lite-blue{color:var(--color-lite-blue)!important;}
.text-red{color:var(--color-red)!important;}
.text-outline {
  -webkit-text-stroke: 1px #666;

}

.bg-white {background: #fdfdfd;}
.bg-yellow{background:var(--color-yellow);}
.bg-lime{background:var(--color-lime);}
.bg-purple{background:var(--color-purple);}
.bg-lite-blue{background:var(--color-lite-blue);}
.bg-red{background:var(--color-red);}
.bg-gray{background: #ddd;}
.bg-silver{background: #eee;}
.bg-light-gray{background: #f0f0f0;}
.bg-morelight-dark{background:#555;}
.bg-light-dark{background:#444;}
.bg-dark{background:#222;}

.bg-white-blur{
  background: #f7c4c480;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.bg-black-blur{
  background: #00000030;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.bd-yellow{border: 2px solid var(--color-yellow);}
.bd-lime{border: 2px solid var(--color-lime);}
.bd-purple{border: 2px solid var(--color-purple);}
.bd-lite-blue{border: 2px solid var(--color-lite-blue);}
.bd-red{border: 2px solid var(--color-red);}


.weight-400 {font-weight: 400;}
.weight-600 {font-weight: 600;}
.weight-800 {font-weight: 800;}

.bdr-10 {border-radius: 10px;}
.bdr-20 {border-radius: 20px;}
.bdr-30 {border-radius: 30px;}
.bdr-40 {border-radius: 40px;}

.border-bottom-cc {
  border-bottom: 1px solid var(--color-yellow)!important;
}

/* home title */
.bgv-text1,
.home-title-3{
  text-align: left;
  font-size:var(--font-size-title-pc);
  line-height: 1;
  text-transform:none;
}
@media screen and (min-width:769px) and (max-width:1200px){
  .home-strength-tr .bgv-text1{
    font-size:calc(var(--font-size-title-pc) * 0.8);
  }
  .home-service-section .home-title-3{
    font-size:calc(var(--font-size-title-pc) * 0.8);
  }
  .home-introduction-section .home-title-3{
    font-size:calc(var(--font-size-title-pc) * 0.67);
  }
}
@media screen and (max-width:768px){
  .bgv-text1,
  .home-title-3{
    font-size:var(--font-size-title-sp);
  }

  .home-service-section .home-title-3{
    font-size:calc(var(--font-size-title-sp) * 0.9);
  }
  .home-introduction-section .home-title-3{
    font-size:calc(var(--font-size-title-sp) * 0.71);
  }

}

.bgv-text2,
.home-title-2{
  font-size:var(--font-size-title2-pc);
  font-weight: 800;
  color:#ffffff;
  text-align: left;
  padding-left:0;
  margin:.3rem 0 0 0;
  line-height: 1;  
  text-transform:none;
}

.home-title-2 .title-logo,
.bgv-text2 .title-logo {
  height: calc(var(--font-size-title2-pc) + 10px);
  margin-right:20px;
}

@media screen and (max-width:768px){
  .bgv-text2,
  .home-title-2{
    font-size:var(--font-size-title2-sp);
  }
  .home-title-2 .title-logo,
  .bgv-text2 .title-logo {
    height: calc(var(--font-size-title2-sp) * 1.2);
    margin-right:10px;
  }
}

/* home text */
.home-text-1{
  font-size:min(1.8vw, 3.6vh);
}
.home-text-2{
  font-size:min(1.2vw, 2.4vh);
}
.home-text-3{
  font-size:16px;
}
@media screen and (max-width:768px){
  .home-text-1{
    font-size:20px;
  }
  .home-text-2{
    font-size:17px;
  }
  .home-text-3{
    font-size:15px;
  }
}

.home-btn {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px 20px;
  background: #e4e40a00;
  transition: all .3s ease;
  font-weight: 600;
}
.home-btn:hover{
  background: #e4e40ac0;  
}

.home-btn-white {
  color: #fff!important;
  border: 1px solid #fff!important;
  background: #e4e40a00;
}
.home-btn-white:hover {
  border: 1px solid #000;
}

/* BGV */
.bgv-section{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}
.bgv-section.anim-appear {

}

.bgv-section .bgv{
  position: absolute;
  width: 100%;
  height:100%;
  object-fit: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bgv-section .bgv iframe{
  aspect-ratio: 16/9;
  object-fit: cover;
  height: 100vh;
}

@media screen and (min-aspect-ratio: 16/9) {
  /* 横長画面向け */
  .bgv-section .bgv iframe{
    width: 100vw;
    height: auto;
  }
}

.kv-loading{
  content:'';
  display: flex;
  justify-content: center;
  align-items: center;
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: var(--color-yellow);
  opacity: 1;
  transition: opacity .8s ease 0.1s;
}
.kv-loading.anim-appear{
  opacity: 0;
}

.kv-loading img{
  width: 0px;
  height: 75px;
  object-fit: cover;
  object-position: right;
  transition: width .5s ease;
}
.kv-loading img.anim-appear{
  width: 253px;
}
.home-section-kv{
  height:100vh;
}
.home-kv h3{
  font-size:60px;
  line-height: 1.1;
  color:#fff;
  margin: 0;
  letter-spacing: -3.5vh;
  opacity: 0;
  transition: all .5s ease 1.5s;
}
.home-kv h3.anim-appear{
  letter-spacing: -2px;
  opacity: 1;
}

.home-kv h1{
  font-size: min(6vw, 90px);
  line-height: 1.1;
  color:#fff;
  margin: 0 0 0 -0.35em;
  letter-spacing: -6vh;
  opacity: 0;
  transition: all .5s ease 1.4s;
}
.home-kv h1.anim-appear{
  letter-spacing: -0.1em;  
  opacity: 1;
}
.home-kv h1.anim-appear .dot{
  letter-spacing: -0.35em;
}
.home-kv{
  position: absolute;
  left:10vh;
  bottom: 5vh;
  width: calc(100% -10vh);
}
.home-kv *{
  text-align: left;
}
.rot-text{
  width: 100%;
  height: 150px;
  opacity: 0;
  transition: opacity .3s ease 1s;
}
.rot-text.anim-appear {
  opacity:1;
}
.rot-text h4{
  line-height: 1;
  position: absolute;
  font-size:130px;  
  opacity: 0;
  transition: all .3s ease;
  transform: rotateX(90deg);
  width: 100%;
  white-space: nowrap;
}
.home-kv-line-1,
.home-kv-line-2{
  transition: all .5s ease;
}
.home-kv-line-1{
  font-size:130px;
  line-height: 1;
  opacity: 0;
  letter-spacing: -0.35em;
  transition-delay: 0.6s;
}
.home-kv-line-2{
  font-size:80px;
  letter-spacing: -0.35em;
  opacity: 0;
  transition-delay: 1.3s;
}

.anim-appear.home-kv-line-1{
  opacity: 1;
  letter-spacing: 0;
}
.anim-appear.home-kv-line-2{
  opacity: 1;
  letter-spacing: -0.05em;
}

.rot-text h4.anim-appear {
  opacity: 1;
  transform: rotateX(0deg);
}

@media screen and (max-width:1000px){
  .home-kv{
    left:20px;
  }
  .home-kv h3{
    font-size: 46px;
  }
  .home-kv h1{
    font-size: 48px;
  }
}


@media screen and (max-width:768px){
  .rot-text{
    height: 70px;
  }
  .rot-text h4{
    font-size: 70px;
  }
  .home-kv{
    bottom: 80px;
    left: 10px;
    width: calc(100% - 20px);
  }
  .home-kv h3{
    font-size: 25px;
  }
  .home-kv h1{
    font-size: min(25px, 6.6vw);
  }
  .home-kv-line-1{
    font-size: min(42px, 11vw);
    letter-spacing: -0.15em;
  }
  .home-kv-line-2{
    font-size: min(24px, 6.2vw);
    letter-spacing: -0.1em;
  }
}

/* home about*/
.home-about-section{
  height: 100vh;
  min-height: 1300px;
  overflow: hidden;
}

.home-about-section .home-title-2,
.home-service-section .home-title-2,
.home-member-section .home-title-2{
  display: flex;
  align-items: center;
}

.home-about-section .home-content {
  width: 66%;
}
@media screen and (max-width:768px){
  .home-about-section{
    height: auto;
    padding-top: 50px;
    min-height: 80vh;
  }
  .home-about-section .home-content {
    width: 100%;
  }
}

.home-about-section .home-text-1 {
  padding-bottom: 40px;
  font-weight: 800;
  font-size: 60px;
  letter-spacing: -4px;
  text-align: left;
  line-height: 1.1;
  margin-left:calc(50% - 50vw + 10vh);
  margin-right:calc(50% - 50vw);
}

@media screen and (min-width:769px) and (max-width: 1400px){
  .home-about-section .home-text-1 {
    
  }
}

@media screen and (min-width:769px) and (max-width: 1000px){
  .home-about-section .home-text-1 {
    font-size: 45px;
  }
}

@media screen and (max-width: 768px){
  .home-about-section .home-text-1 {
    font-size: 24px;
    letter-spacing: -2px;
    margin: 0 -10px;
  }
}

.home-about-section .home-text-2 {
  font-size: 25px;
  font-weight: 500;
  max-width: 800px;
  margin: -50px auto 0
}

.home-brands-section {
  background: #e0e0e0;
}
.home-brands-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 100px 0 0 0;
  max-width: 1200px;
  margin: 0 auto;
}
.home-brands-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100px;
  padding: 10px;
  aspect-ratio: 16/9;
  background: #fff;
  object-fit: cover;
  object-position: center;
}
.home-brands-item img{
  max-width: 100%;
  max-height: 80%;
}
@media screen and (max-width:768px){
  .home-brands-list {
    gap: 10px;
  }
  .home-brands-item {
    height: 60px;
  }
}

.about-image{
  margin: -130px auto 0;
  overflow: hidden;
  height: 500px;
  position: relative;
  opacity: 0.9;
  z-index: -1;
}
.ball-set{
  position: absolute;
  left:50%;
  top:-30px;
  transition: all .4s ease;
  opacity: 0;
}
.about-image.anim-appear .ball-set{
  top: 0px;
  opacity: 1;
}

#about-bgv {
  position: absolute;
  top:0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}

#about-bgv iframe{
  aspect-ratio: 16/9;
  object-fit: cover;
  height: 100%;  
}
@media screen and (min-width:2100px){
  #about-bgv iframe{
    height: 200%;
  }
}

.ball {
  font-size:65px;
  color: #ffffff00;
  font-weight:800;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 280px;
  /* background: var(--color-yellow); */
  /* background: #ebd785;
  background: radial-gradient(circle at 72% 12%,#efe2ad 0%, #dfbc2e80 30% , #dfbc2e 70%, #efe2ad 98%); */
  border-radius: 50%;
  position: absolute;
  top: -140px;
  left: -140px;
  transition: color 1s ease 3.5s,transform 1.5s ease,text-shadow 1s ease;
  text-align: center;
  animation-duration:4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.ball > span {
  display: inline-block;
  line-height: 1;
  padding: 8px 16px;
  background: #00000010;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 43px;
}
.rect{
  display: flex;
  align-items: center;
  position:relative;
  top:0;
  width: 300px;
  margin: 0 auto;
  height: 300px;
  background: var(--color-yellow);  
  border-radius: 50%;
  animation-name: moveUpDown2;
  animation-duration:5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-delay: 1.8s; 
  transition: top 1.5s ease-out .1s,width 1.5s ease-out .1s,height 1.5s ease-out .1s,opacity 2.5s linear .1s;
  opacity: 1;
}
.rect.anim-appear {
  top:200px;
  width: 0;
  height: 0;
  opacity: 0;
}
.rect p{
  margin:0;
  text-align: center;
  padding: 20px;
  font-weight: 600;
}
.ball1{
  transition-delay: .1s;
  animation-delay: -1s!important;
  animation-duration: 8s!important;}
.ball2{
  transition-delay: .2s;
  animation-delay: -1.1s!important;
  animation-duration: 8s!important;
}
.ball3{
  transition-delay: .1s;
  animation-delay: -1.4s!important;
  animation-duration: 7.8s!important;
}
.ball4{
  width: 120px;
  height: 120px;
  transition-delay: .4s;
}
.ball5 {
  transition-delay: .1s;
  animation-delay: -1.7s!important;
  animation-duration: 7.5s!important;
}
.anim-appear.ball{
  color: #ffffff;
  animation-name: moveUpDown;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
}
.anim-appear.ball1 {
  transform: translate(0%,80%);
}

.anim-appear.ball2 {
  transform: translate(-70%,40%);
}
.anim-appear.ball3 {
  transform: translate(85%,40%);
}
.anim-appear.ball4 {
  transform: translate(-375px,250px);
}
.anim-appear.ball5 {
  transform: translate(0%,0px);
}


.ball1{
  animation-delay: 0.7s;
}
.ball2{
  animation-delay: 1.8s;
}

@keyframes moveUpDown {
  0% { top: -60px; }
  50% { top: -0px; }
  100% { top: -60px; }
}

@keyframes moveUpDown2 {
  0% { top: -0px; }
  50% { top: 60px; }
  100% { top: -0px; }
}

@keyframes moveUpDownSp {
  0% { top: -30px; }
  50% { top: -10px; }
  100% { top: -30px; }
}

@keyframes moveUpDown2Sp {
  0% { top: -0px; }
  50% { top: 60px; }
  100% { top: -0px; }
}

@media screen and (max-width:768px) {
  .about-image{
    margin-top:0;
    height: 200px;
  }
  .about-image .ball-set{
    top:170px;
  }
  .about-image.anim-appear .ball-set{
    top:0px;
  }
  .home-about-section .home-text-2{
    font-size: 20px;
    line-height: 1.3;
    margin-top: 0px;
  }
  .ball {
    font-size:30px;
    width:120px;
    height: 120px;
    left:-60px;
    top:-60px;
  }
  .ball > span {
    padding: 2px 6px;
  }

  .ball4{
    width: 60px;
    height: 60px;
    transition-delay: .4s;
  }
  .ball5 {
    transition-delay: .4s;
  }

  .anim-appear.ball{
    color: #ffffff;
    animation-name: moveUpDownSp;
  }
  .anim-appear.ball1 {
    transform: translate(0,80%);
  }

  .anim-appear.ball2 {
    transform: translate(-75%,40%);
  }
  .anim-appear.ball3 {
    transform: translate(85%,40%);
  }
  .anim-appear.ball4 {
    transform: translate(-135px,120px);
  }
  .anim-appear.ball5 {
    transform: translate(0%,0%);
  }
}

.home-strength-tr{
  width: 100%;
  height:100vh;
}
.home-strength-tr .bgv-text2{
  display: flex;
  align-items: center;
}
.bgv-ui-wrap,
.strength-bgv{
  position: absolute;
  height: 64vh;
  width: 36vh;
  top:22vh;
  left:calc(50vw - 18vh);
  border-radius: 1vh;
  object-fit: cover;
  transition: all .3s ease .3s;
  filter: drop-shadow(0 0 3px #555);
  z-index: -1;
}
.strength-bgv{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.strength-bgv iframe{
  aspect-ratio: 16/9;
  height: 100%;
}
@media screen and (min-aspect-ratio: 16/9) {
  /* 横長画面向け */
  .strength-bgv iframe{
    height: 150%;
  }
}
@media screen and (min-aspect-ratio: 24/9) {
  .strength-bgv iframe{
    height: 200%;
  }}


@media screen and (max-width:768px){
  .bgv-ui-wrap,
  .strength-bgv{
    top:16vh;
  }

  .home-strength-bgv .bgv-text{
    padding-top: 70px;
  }
}
.bgv-ui-wrap{
  filter:none;
  cursor: pointer;
}

.anim-appear .strength-bgv{
  width: 100%;
  height: 100vh;
  top:0;
  left:0;
  border-radius: 0;
}
.bgv-text{
  padding-top: 110px;
  padding-left: 10vh;
  position: relative;
  opacity: 0;
  z-index: 10;
  transition: opacity .3s ease .6s;
}
@media screen and (max-width:768px){
  .bgv-text{
    padding-left: 10px;
  }
}

.section-strength .anim-appear .bgv-text{
    opacity: 1;
}

/* HOME */
.home-strength{
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30vh;
}
.home-strongth-point-item{
  padding: max(325px, 35vh) 0 30vh 0;
  display: flex;
  z-index: 100;
  opacity: 0;
  transition: opacity .3s ease;
}
.section-strength .home-strongth-point-item{
  opacity: 1;
}

.home-strongth-point{
  display: flex;
  justify-content: center;
  align-items: center;
  width:35vw;
  max-height: 21vh;
  aspect-ratio: 3/1;
  border-radius: 1vh;
  font-size: min(1.4vw, 2.5vh);
  padding: 20px;
}

.home-strongth-point-1{
  margin-left: 10vh;  
}
.home-strongth-point-2{
  padding-top:48vh;
  justify-content: end;
  margin-right: 15vh;
}
.home-strongth-point-3{
  padding-top:max(500px, 60vh);
  margin-left: 15vh;
}
.home-strongth-point-4{
  padding-top:73vh;
  justify-content: end;  
  margin-right: 10vh;
}

@media screen and (max-width:768px){
  .home-strongth-point-item{
    padding: 190px 0 300px 0;
  }
  
  .home-strongth-point{
    font-size:15px;
    width:100%;
    height: 85px;
    aspect-ratio: auto;
    margin:0 10px;
    padding: 10px 20px;
  }

  .home-strongth-point-1{
    margin-left: 5px;
    margin-right: 5px;
  }
  .home-strongth-point-2{
    padding-top:290px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .home-strongth-point-3{
    padding-top:390px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .home-strongth-point-4{
    padding-top:490px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.bgv-play-btn{
  position: absolute;
  text-align: center;
  font-size: 5vh;
  width: 5vh;
  height: 5vh;
  line-height: 5vh;
  top:calc(50% - 2.5vh);
  left:calc(50% - 2.5vh);
  color: var(--color-yellow);
  opacity: 0.9;
  transition: all .3s ease;
  transform-origin: center;
}
.bgv-ui-wrap:hover .bgv-play-btn{
  transform: scale(1.3);  
}
.anim-appear .bgv-play-btn{
  transform: scale(10);
  opacity: 0;
}

.bgv-ui {
  position: absolute;
  bottom: 3vh;
  right: 2vh;
  transition: opacity .3s ease;
}
.anim-appear .bgv-ui{
  opacity: 0;
}
.bgv-circle{
  display: block;
  font-size: 3.5vh;
  color: #ffffffa0;
}

.home-service-row {
  align-items: center;
  gap: 30px;
  margin-bottom: 5vh;
}

.home-service-row > *{
  flex: 1;
  padding: 10px;
}
.home-service-row .home-text-1{
  border-bottom-width: 3px!important;
}
.home-service-image-col {
  flex: 0 0 55%;
}
.home-service-image-col img{
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  position: relative;
  display: block;
}
.home-service-image-col >*:before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: var(--color-yellow);
  transition: all .8s ease 1s;
  z-index: -1;
}
.home-service-image-col >*.anim-appear:before{
  top:10px;
  left:10px;
}
.home-service-image-col-2 >*.anim-appear:before{
  top:10px;
  left:-10px;
}
@media screen and (max-width:768px){
  .home-service-row{
    flex-direction: column; 
  }
  .home-service-row-2{
    flex-direction: column-reverse;
  }  
}
@media screen and (max-width:400px){
  .home-strongth-point{
    font-size:14px;
  }
}

/* work list */
.home-work-list{
  display: flex;
  flex-wrap: wrap;
  gap:40px;
  justify-content: space-between;
  align-items: center;
}

.home-work-item {
  display: block;
  flex: 1 0 35%;
  background: #fff;
  margin-bottom: 30px;
  position: relative;
}
.home-work-0{
  top: 150px;
}
.home-work-item:before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: var(--color-yellow);
  transition: all .3s ease;
}
.home-work-item:hover:before{
  transform: translate(10px,10px);
}
.home-work-item a{
  display: block;
  position: relative;
  background: #fff;
}

.home-work-item img{
  max-width: none;
  width: 100%;
}
.home-work-item p{
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 10px;
  padding-bottom: 10px;
}
@media screen and (max-width:768px){
  .home-work-list{
    gap:10px;
  }
}

.home-work-list-more{
  margin-top: 160px;

}

.home-member-section .home-title-3{
  margin: 0;
}
.member-slider img{
  aspect-ratio: 1;
  object-fit: cover;
}

.home-menber-item {
  padding: 10px;
}
.home-menber-item-content{
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:1px solid #eee;
}
.home-menber-item-info{
  display: flex;
  flex-direction: column;
  background: #f8f8f8;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  height: 180px;
  padding: 12px;
}

.home-member-follow{
  font-size: 14px;
}
.home-member-total{
  color: #444;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  padding-right: 10px;
}
.home-member-number{
  color: #444;
  font-size: 40px;
  font-weight: 600;
  text-align: right;
  line-height:1;
}
.home-member-name{
  font-size: 20px;
}
.home-member-meta{
  flex:1;
}
.home-member-meta-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.home-member-meta p{
  margin: 0;
  font-size: 13px;
}
.home-member-number-row{
  color: #111;
  background: var(--color-yellow);
  margin: -12px;
  padding: 12px;
}
.home-member-job{
  font-size: 14px;
  font-weight:600;
}

@media screen and (max-width:1300px){
  .home-member-total{
    font-size: 13px;
  }
  .home-member-number{
    font-size: 28px;
  }
}

/* member slider */
.home-member-section .slick-prev ,
.home-member-section .slick-next {
  z-index: 1;
  width: 30px;
  height: 30px;
}
.home-member-section .slick-prev {
  left:10px;
}

.home-member-section .slick-next {
  right:10px;
}

.home-member-section .slick-prev:before ,
.home-member-section .slick-next:before {
  font-size: 30px;
  color: #0008;
}

/*footer*/
.contact-title{
  color: var(--color-yellow);
  font-size: var(--font-size-title-pc);
  font-family: var(--ff-title);
  font-weight: 800;
}
footer.footer{
  z-index: 1000;
  background: #222;
  margin-bottom: 0;
}
.footer .wpcf7-form {
  margin-bottom: 100px;
}
.footer .wpcf7-form dt{
  color: #fff;
}
.copyright{
  background: #222;
  color: #fff;
}
#fix-header-desktop a{
  border: 1px solid var(--color-yellow);  
}
#fix-header-desktop a i{
  color:rgb(10, 200, 190);
  filter:drop-shadow(0 0 0.5px #00000080);
}

@media screen and (max-width:768px) {
 .contact-title{
    font-size:45px;
  }

  #fix-header-desktop{
    display: none!important;
  }

  #section-container section {
    overflow-x: hidden;
  }
}

.brand-slider{
  background: #ffffff00;
  margin: 0;
}
.brand-slider img{
  width: 15vw;
}
.footer-menu-pc > .vc_column_container > .vc_column-inner{
  min-height: 120px;
}
@media screen and (max-width:768px){
  .brand-slider img{
    width: 30vw;
  }  
}
.footer-contact-row{
  max-width: 780px;
  margin: 0 auto;
  padding-top: 100px
}
.footer-contact-row dt{
  font-weight: 600;
}
.footer .widget_nav_menu ul li a{
  color:#fff;
  font-weight: 600;
}
.footer .wpb_single_image img {
    height: 70px;
}
.footer .widget_nav_menu ul{
  justify-content: start;
}
.footer .vc_wp_custommenu{
  margin:0;
}
@media screen and (max-width:768px){
  .footer-contact-row {
    padding-top: 0;
  }
  .menu-footer-menu-container{
    margin-left:-10px;
    margin-right:-10px;
  }
  .footer .widget_nav_menu ul li a{
    font-size: 11px;
  }
  .footer .widget_nav_menu ul li:nth-child(2n+1){
    padding-right: 5px;
  }
  .footer .widget_nav_menu ul li:nth-child(2n){
    padding-left: 5px;
  }
  .footer .wpb_single_image img{
    margin-top: 30px;
    height: 40px;
  }

  .footer .widget_nav_menu ul li:nth-child(2n+1):last-child{
    flex: 0 0 100%;
  }
  .footer .widget_nav_menu ul li:nth-child(2n):before{
    border-left: 1px solid #fff;
  }
}

/* Member archive */
.social-icon {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover;
}

.social-icon.instagram{
  background-image: url('images/si/instagram.png');
}
.social-icon.wear{
  background-image: url('images/si/wear.png');
}
.social-icon.tiktok{
  background-image: url('images/si/tiktok.png');
}
.social-icon.youtube{
  background-image: url('images/si/youtube.png');
}

.box-link {
  position: relative;
}
.box-link:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: var(--color-yellow);
  transition: all .3s ease;
  z-index: -1;
}
.box-link:hover:before{
    transform: translate(10px,10px);
}

.post-type-archive-member .post-list.row{
  gap: 16px;
  margin: 0 0 32px 0;
}

.member-item{
  flex: 0 0 calc(25% - 12px);
}

.member-item-wide{
  flex: 0 0 calc(50% - 8px);
}

.member-item-wide .member-item-row > .entry-header{
    flex: 1;
}

.member-item-wide .member-item-row > .member-info  {
  flex: 0 0 33%;
  padding-left: 10px;
}

.member-item-wide .member-item-row > .entry-header img{
  aspect-ratio: 4/3;
  object-fit: cover;
  border:0;
}
.member-item .member-item-row > .entry-header img{
  aspect-ratio: 3/4;
  object-fit: cover;
  border:0;  
}

.member-info dl{
  margin: 0 0 16px 0;
}
.member-info dt{
  display: flex;
  justify-content: center;
  align-items: center;
}
.member-info dd{
  margin: 0;
}
.member-info dd p{
  margin: 0;
}

.member-item a {
  display: block;
  background:#f8f8f8;
  padding: 10px;
}
.member-item .member-info {
  display: none;
}
.member-item-wide .member-info {
  display: block;
}
.follower-number{
  font-size:25px;
  line-height: 1;
}
.follower-text{
  font-size: 13px;
}

@media screen and (max-width:768px) {
  .member-item{
    flex: 0 0 calc(50% - 8px);
  }
  
  .member-item-wide{
    flex: 0 0 100%;
  }

  .member-item h3{
    margin-bottom: .5em;
  }
  .member-item-wide h3{
    margin-bottom: .8em;
  }

  .member-item-wide .member-item-row > .member-info{
    text-align: center;
  }

  .member-item-wide .follower-number {
    font-size: 23px;
  }

  .member-item-wide .member-item-row {
    flex-direction: column;
  }

  .member-item-wide .follower-row {
    display: flex;
    flex-wrap: wrap;
  }

  .member-item-wide .follower-row > * {
    flex: 0 0 50%;
  }

  .member-item-wide dl {
    display: flex;
  }

  .member-item-wide dt {
    flex: 0 0 30px;
  }

  .member-item-wide dd {
    flex: 1;
  }

}

/* single-member */
.member-main-image img {
  display: block;
  max-height: calc(100vh - 80px);
  width: 100%;
  object-fit: cover;
  object-position: top center;
  background: var(--color-lite-silver);
}
.member-single-info {
  background: var(--color-lite-silver);
}
.member-follower-info-row {
  margin: 0 auto;
  max-width: 800px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 30px auto;
}
.member-follower-info{
  flex: 0 0 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-follower-info div{
  text-align: left;
  padding-left: 10px;
  margin: 0;
  line-height: 1.2;
}
.member-follower-info p {
  line-height: 1;
  margin: 0;
}
.member-images > .row {
  margin:0;
}
.member-images img{
  max-width: 100%;
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: top center;
}

@media (max-width:768px) {
  .member-follower-info-row {
    justify-content: flex-start;
  }
  .member-follower-info{
    flex: 0 0 50%;
    margin-bottom: 20px;
  }

  .member-images img{
  max-width: 100%;
  display: block;
  aspect-ratio: auto;
  object-position: center;
}
}



/* POST */
.single-post .article-header {
  margin-top: 50px;
}
.single-post .article-header .entry-image{
  display: none;
}

/* メニュー */
@media screen and (min-width: 1030px) {
  .header .nav-menu .menu-item a[href*=company]{
    display: none;
  }
}

/* company */
.company-table{
  max-width: 800px;
  margin: 50px auto 50px;
}

.company-table .googlemap iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  filter: saturate(0);
}