/******************************************************************
Theme Name: SS ONE Child
Theme URI: https://smartsite-s.com/
Description: SS ONE
Author: smart-site
Author URI: https://smartsite-s.com/
Version: 1.1.10c
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');

@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;
}

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

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

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

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

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

/*---------------
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;
}
}

/*---------------
ヘッダー
----------------*/

.header .nav-menu nav>ul>li>a {
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
.header .nav-menu {
    background-color: #fff;
	}
}

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

.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 */
@-webkit-keyframes portfolioFade {
    0%{
        opacity: 0;
    }

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

    100% {
        opacity: 1;
    }
}

.portfolio-list{
    display: flex;
    flex-wrap: wrap;
    min-height: 50vh;
}

.portfolio-list-item {
    padding: 10px;
    
    opacity: 0;
    -webkit-animation-name: portfolioFade;
            animation-name: portfolioFade;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
           
  }
  
  .portfolio-list-item{
    padding: 17px;
  }
  
  @media (max-width: 1029.5px) {
    .portfolio-list-item{
      padding: 10px 0;
    }  
  }

  .portfolio-list-item img{
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: contain;
    border: 0!important;
  }

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

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

  @media (max-width: 1029.5px){
    .portfolio-list{
      margin-left: calc(-2% - 24px);
      margin-right: calc(-2% - 24px);
    }
    .portfolio-list-item{
      padding-left: 0;
      padding-right: 0;
    }
    .portfolio-list-item img{
      aspect-ratio: auto;
    }
  }

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

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

.lightbox-next,.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);
  }
  
  .lightbox-next {
    right: 0px;
  }
  
  .lightbox-prev {
    left: 0px;
  }
    
  .end-item .lightbox-next{
    display: none;
  }
  
  .first-item .lightbox-prev{
    display: none;
  }

  .loader-col {
    width: 100%;
    order: 10000;
  }
  .loader{
    width: 100px;
    height: 100px;
    margin: 20px;
    display:inline-block;
    color: #000;
  }
  
  .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 .header,
.single-portfolio .footer,
.single-portfolio #wpadminbar{
  display: none!important;
}

@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: 100vh;
    object-fit: contain;
}

body.single-portfolio {
    overflow: hidden;
}

.single-portfolio #container {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
.single-portfolio #content {
  margin-top: 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;
}
/* X */
.header .nav-menu .menu-item-9903 a::before,
.fa-twitter {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"><path fill="rgb(0,0,0)" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg>');
    background-position: center;
    background-size: cover;
    display: inline-block;
    width: 13px;
    height: 13px;
}

/* p->tiktok */
.fa-pinterest:before {
    content: ''!important;
  }
  .fa-pinterest{
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/></svg>');
      background-position: center;
      background-size: cover;
      display: inline-block;
      width: 13px;
      height: 13px;
    position:relative;
    top:1px;
  }