@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";







    html { overflow-y: scroll;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
input,
textarea { margin: 0; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: normal; }
ol,
ul { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
} body { color: #333; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 170%; 
} *:first-child+html body {
font-size: 75%;
} * html body {
font-size:75%;
} .fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}
.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} .fS   { font-size: 85%;} .fM   { font-size: 100%;}
.fL   { font-size: 115%;} .fLL  { font-size: 130%;} .fLLL { font-size: 143%;} .fLLLL { font-size: 200%;}
sup {
font-size: 78%;
vertical-align: top;
}
sub {
font-size: 78%;
vertical-align: baseline;
} .txtColor1 {
color: #137539;
}
.txtColor2 {
color: #f0c21f;
}
.txtColor3 {
color: #fe0000;
}
.txtColor4 {}
.txtColor5 {}
.fRed {
color: #cc0000;
}
.fGray {
color: #999999;
}
a {
color: #FF86A0;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
} .mt00 { margin-top:  0 !important;}
.mt05 { margin-top:  5px!important;}
.mt10 { margin-top: 10px!important;}
.mt12 { margin-top: 12px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt45 { margin-top: 45px!important;}
.mt50 { margin-top: 50px!important;}
.mr00 { margin-right:  0px !important;}
.mr05 { margin-right:  5px!important;}
.mr10 { margin-right: 10px!important;}
.mr12 { margin-right: 12px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr35 { margin-right: 35px!important;}
.mr40 { margin-right: 40px!important;}
.mr45 { margin-right: 45px!important;}
.mr50 { margin-right: 50px!important;}
.mb00 { margin-bottom:  0 !important;}
.mb05 {
margin-bottom: 5px;
background-repeat: no-repeat;
}
.mb10 { margin-bottom: 10px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb35 { margin-bottom: 35px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb45 { margin-bottom: 45px!important;}
.mb50 { margin-bottom: 50px!important;}
.ml00 { margin-left:  0 !important;}
.ml05 { margin-left:  5px;}
.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml30 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;} .pt00 { padding-top:   0 !important;}
.pt05 { padding-top:  5px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pr00 { padding-right:   0 !important;}
.pr05 { padding-right:  5px;}
.pr10 { padding-right: 10px;}
.pr12 { padding-right: 12px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pb00 { padding-bottom:   0 !important;}
.pb05 { padding-bottom:  5px;}
.pb10 { padding-bottom: 10px;}
.pb12 { padding-bottom: 12px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pl00 { padding-left:   0 !important;}
.pl05 { padding-left:  5px;}
.pl10 { padding-left: 10px;}
.pl12 { padding-left: 12px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl30 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;} .inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;} .vlineT { vertical-align: top;}
.vlineM { vertical-align: middle;}
.vlineB { vertical-align: bottom;} .wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;} .tw03 { width:  3%;}
.tw05 { width:  5%;}
.tw10 { width: 10%;}
.tw13 { width: 13%;}
.tw15 { width: 15%;}
.tw20 { width: 20%;}
.tw25 { width: 25%;}
.tw30 { width: 30%;}
.tw35 { width: 35%;}
.tw40 { width: 40%;}
.tw45 { width: 45%;}
.tw50 { width: 50%;} .fltL {
display: inline;
float: left;
}
.fltR {
display: inline;
float: right;
}
.ft {
overflow: hidden;
zoom: 1;
} .imgBoxL,
.imgBoxR {
display: block;
min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .imgBoxL,
* html .imgBoxR {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/}
.imgBoxL .fltImg {
display: inline;
float: left;
margin-right: 10px;
}
.imgBoxR .fltImg {
display: inline;
float: right;
margin-left: 10px;
} .clearfix {
display: block;
min-height: 1%;
}
.clearfix:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/} .blockC { text-align: center;}
.blockC .block {
margin-right: auto;
margin-left: auto;
text-align: left;
} * html .blockC .block {
margin-right: 0;
margin-left: 0;
}
.blockR { text-align: right;}
.blockR .block {
margin-left: auto;
text-align: left;
} * html .blockR .block {
margin-left: 0;
} .clear { 
clear: both;
}
.block  { display: block;}
.inline { display: inline;}
.hide   { display: none;}
.nobg {
background: none;
}
.underLine { text-decoration: underline;}
.noLine    { text-decoration: none;} .edsmark { border: 2px solid #9966CC; padding: 10px; text-align: center; background-color: #FF99FF; color: #FFF;} .w100{width: 100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
@media screen and (max-width: 768px){
.tw100{width:100%;	margin: 0 auto;		display: block;}
.tw90{width:90%;	margin: 0 auto;		display: block;}
.tw80{width:80%;	margin: 0 auto;		display: block;}
.tw70{width:70%;	margin: 0 auto;		display: block;}
.tw60{width:60%;	margin: 0 auto;		display: block;}
.tw50{width:50%;	margin: 0 auto;		display: block;}
.tw40{width:40%;	margin: 0 auto;		display: block;}
.tw30{width:30%;	margin: 0 auto;		display: block;}
.tw20{width:20%;	margin: 0 auto;		display: block;}
.tw10{width:10%;	margin: 0 auto;		display: block;}
} @media screen and (max-width: 480px){
.sw100{width:100%;	margin: 0 auto;		display: block;}
.sw90{width:90%;	margin: 0 auto;		display: block;}
.sw80{width:80%;	margin: 0 auto;		display: block;}
.sw70{width:70%;	margin: 0 auto;		display: block;}
.sw60{width:60%;	margin: 0 auto;		display: block;}
.sw50{width:50%;	margin: 0 auto;		display: block;}
.sw40{width:40%;	margin: 0 auto;		display: block;}
.sw30{width:30%;	margin: 0 auto;		display: block;}
.sw20{width:20%;	margin: 0 auto;		display: block;}
.sw10{width:10%;	margin: 0 auto;		display: block;}
}  #pagetop {
position: fixed;
right: 0px;
bottom: 0px;
} .block1{margin:0 1%;}
.block2{margin:0 2%;}
.block3{margin:0 3%;}
.block4{margin:0 4%;}
.block5{margin:0 5%;}
.block6{margin:0 6%;}
.block7{margin:0 7%;}
.block8{margin:0 8%;}  .pc_none {display:none;}  .pc1L {width: 8.33%;		float: left;}
.pc2L {width: 16.66%;		float: left;}
.pc3L {width: 24.99%;		float: left;} .pc4L {width: 33.33%;		float: left;} .pc5L {width: 41.66%;		float: left;}
.pck5L {width: 20%;			float: left;} .pc6L {width: 50%;			float: left;} .pc7L {width: 58.33%;		float: left;}
.pc8L {width: 66.66%;		float: left;}
.pc9L {width: 74.99%;		float: left;}
.pc10L {width: 83.33%;	float: left;}
.pc11L {width: 91.66%;	float: left;} .pc1R {width: 8.33%;		float: right;}
.pc2R {width: 16.66%;		float: right;}
.pc3R {width: 24.99%;		float: right;} .pc4R {width: 33.33%;		float: right;} .pc5R {width: 41.66%;		float: right;}
.pck5R {width: 20%;			float: right;} .pc6R {width: 50%;			float: right;} .pc7R {width: 58.33%;		float: right;}
.pc8R {width: 66.66%;		float: right;}
.pc9R {width: 74.99%;		float: right;}
.pc10R {width: 83.33%;	float: right;}
.pc11R {width: 91.66%;	float: right;}
@media screen and (max-width: 768px){
.tb_look{display: block;} .tb_none {display:none;} .tb1 {width: 100%; margin: 0 auto ; float: none;}
.tb2 {width: 49.99%; float: left; box-sizing: border-box; padding:0 5px;}
.tb3 {width: 33.33%; float: left; box-sizing: border-box; padding:0 5px;} .tb4 {width: 24.99%; float: left; box-sizing: border-box; padding:0 5px;} } @media screen and (max-width: 480px){
.sp_look{display: block;} .sp_none {display:none;} .sp1 {width: 100%;} .sp2 {width: 49.99%; float: left; padding: 5px; box-sizing: border-box;} .sp3 {width: 33.33%; float: left; padding: 5px; box-sizing: border-box;} .sp4 {width: 24.99%; float: left; padding: 5px; box-sizing: border-box;} .spL {width: 100%;float:left;}
.spR {width: 100%;float:right;}
.spbtn {
float: none;
text-align: center;
display: block;
margin: 20px 0px;
}
}   .table_basic { border-collapse: separate; border-spacing: 1px; background: #CCC; border-style: none; }
.table_basic th { background-color: #EEE; padding: 6px 10px; font-weight: normal; border-top: 1px solid #FFF; }
.table_basic td { background-color: #FFF; padding: 6px 10px; border-top: 1px solid #FFF; }
.table_basic tr.odd td { background-color: #FAFAFA; } #colorbox,
#cboxOverlay,
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft,
#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox,
#cboxContent,
#cboxLoadedContent { box-sizing: content-box; } #cboxOverlay { background: #000; }
#colorbox { }
#cboxContent { margin-top: 20px; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { border: 5px solid #000; background: #fff; }
#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/jquery.colorbox.controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; }
#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/jquery.colorbox.controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; }
#cboxLoadingOverlay { background: #000; }
#cboxLoadingGraphic { background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/css/images/loading.gif) no-repeat center center; }
#cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/jquery.colorbox.controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose:hover { background-position: bottom center; } .tipsy { padding: 5px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: #fff; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/jquery.tipsy.gif) no-repeat left top; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }   body {
min-width: 100%;
-webkit-text-size-adjust: none;
background-color: #ffffff;
overflow: hidden;
letter-spacing: 0em;
margin: 0px;
padding: 0px;
border: none;
line-height: 180%;
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
color: #000000;
}
body p,th,td{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
h5{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a:link,
a:visited,
a:active {
color: #663366;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
small {
font-size: 85%;
}
hr {
margin: 20px 0px;
padding: 0px;
}
.fontmin {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}
.fontgothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック" !important;}
.pcnone {
display: none;
}
.br-sp {
display: none;}
img {
image-rendering: -webkit-optimize-contrast;
} #a01,#a02,#a03,#a04,#a05,#a06,#a07,#a08{
margin-top: -100px!important; padding-top: 100px!important; } .btn01 a {
padding-top: 15px;
padding-bottom: 15px;
display: block;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 400px;
border-radius: 30px;
font-size: 1.2em;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/ico_arrows01.png);
background-repeat: no-repeat;
background-position: 85% center;
border: 1px solid #000000;
padding-left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 30px;
background-color: #FFFFFF;
}
.btn01 a:link, .btn01 a:visited {
text-decoration: none;
}
.btn01 a:hover {
text-decoration: none;
display: block;
}
.btncolor01 a {
color: #000000;
}
.btncolor01 a:link, .btncolor01 a:visited {
color: #000000;
}
.btncolor01 a:hover {
background-color:#DCC1DC;
}
.btn02 a {
padding-top: 15px;
padding-bottom: 15px;
display: block;
text-align: left;
margin-left: auto;
margin-right: auto;
border-radius: 30px;
font-size: 1.2em;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/ico_arrows01.png);
background-repeat: no-repeat;
background-position: 85% center;
border: 1px solid #000000;
padding-left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 30px;
background-color: #FFFFFF;
}
.btn02 a:link, .btn02 a:visited {
text-decoration: none;
}
.btn02 a:hover {
text-decoration: none;
display: block;
} .page-template-page_home{
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/bg_index01.png);
background-repeat: repeat-x;
}
#header{
width: 100%;
top: 0;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
z-index: 99;
position: fixed;
background-color: hsla(0,0%,100%,0.80);
}
.headerInner {
height: 90px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.headerlogo {
position: absolute;
left: 1%;
top: 10px;
width: 15%;
text-align: left;
}
.headerlogo img{
width: 100%;
max-width: 199px;    
}
#header .h-nav01 {
position: absolute;
right: 0%;
top:30px;
width:85%;   
text-align: right;
}
#header .h-nav01 ul{font-size: 0;}
@media screen and (max-width: 1200px) {#header .h-nav01 {font-size: .8rem;}}
#header .h-nav01 li{
display: inline-block;
border-left: 1px solid #CCC;
position: relative;	
text-align:center;
font-size: 1rem;
}
#header .h-nav01 li:first-child{border-left:none;}
#header .h-nav01 li:first-child{border-left:none;}
#header .h-nav01 li a {
color: #000000;
font-size: 1.1em;
padding:.1rem 1rem;
display: block;    
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
#header .h-nav01 li a:hover{
color: #FFF;
background:#663366;
text-decoration: none;
}
#header .h-nav02 li a:active{
color: #FFF;
background:#663366;
}
#header .h-nav02 li:last-child a:hover{	background: none;}
#header .h-nav01 li img {
width: 25px;
vertical-align: middle;
}
#header .h-nav01.acd li ul {
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
top: 30px;
display: flex;
flex-direction: column;
width: 100%;
min-width: 170px;
}
#header .h-nav01.acd li li{
background: #663366;
color: #FFF;
}
#header .h-nav01.acd li li a{
display: block;
margin-top: 0;
padding:0 .3rem !important;
height: 0;
transition: all .3s ease-out;
overflow: hidden;
line-height: 1.2;
color: #FFF;
font-size: .75rem;
width: 100%;
}
#header .h-nav01.acd li li a:hover{
background:#DCC1DC;
color:#663366;
}
#header .h-nav01.acd li:hover li a {
height: auto;
overflow: visible;
display: table;
margin-top: 1px;
transition: all .3s ease-out;
padding:5px 10px;
border-top: 1px solid #FFF;
padding:.3rem !important;
}
.openbtn1{
position: absolute;
right: 0%;
top: 20px;
z-index: 9999;  
}
@media screen and (max-width : 1400px ){
.btn01 a {
font-size: 1.0em;
}
.headerlogo {
position: absolute;
width: 16%;
}
#header .h-nav01 li a,#header .h-nav02 li a  {
font-size: 0.9em;
}
} @media screen and (min-width: 768px) {
#g-nav{
display: none;
}
}
@media screen and (max-width: 767px) {
#g-nav{ position: fixed;
z-index: -1; top: 0;
width: 100%;   transition: all 0.3s;
background-color: #DCC1DC;
display: none;
} #g-nav.panelactive{
z-index:999;
height: 100vh;
display: block;
} #g-nav.panelactive #g-nav-list{ position: fixed;
z-index: 999; 
padding: 20px 20px 60px;
width: 100%;
height: 100vh; overflow: auto;
-webkit-overflow-scrolling: touch;
}   #g-nav ul{
min-width: 170px;
margin-bottom: 20px;
}
#g-nav li{
list-style: none;
text-align: left;
color: #000000;
font-size: 1.2em;
font-weight: bold;
}
#g-nav li li{
border-bottom:1px solid #FFF;
}
#g-nav li a{
color: #000000;
text-decoration: none;    
display: block;
text-transform: uppercase;
padding: .3rem 0; 
}
#g-nav li li a{
color: #000000;
text-decoration: none;
padding-top: 3px;
padding-right: 1px;
padding-left: 1em;
padding-bottom: 3px;
display: block;
text-transform: uppercase;
letter-spacing: 0em;
font-size: 0.9em;
font-weight: normal;
}
#g-nav li li a::before{
content: "●";
padding-left: 0em;
padding-right: 0.5em;
}
#g-nav li li.list-none a::before{
content:none;
}
#g-nav li li li a{
color: #000000;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
display: block;
text-transform: uppercase;
letter-spacing: 0em;
font-size: 0.5em;
font-weight: normal;
}
#g-nav li li li a::before{
content: "-";
padding-left: 1em;
padding-right: 0.5em;
}
#g-nav p a{
color: #ffffff;
text-decoration: none;
padding-top: 30px;
padding-right: 10px;
padding-left: 40px;
padding-bottom: 10px;
display: block;
text-transform: uppercase;
letter-spacing: 0em;
font-size: 1.2em;
font-weight: normal;
border-top: 2px solid #ECECEC;
}
} .openbtn1{
cursor: pointer;
width: 50px;
height:50px;
} .openbtn1 span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 4px;
border-radius: 0px;
background-color: #663366;
width: 60%;
}
.openbtn1 .txt{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
border-radius: 2px;
width: 45%;
top: 30px;
font-size: 10px;
color:#663366;
}
.openbtn1 span:nth-of-type(1) {
top:0px; 
}
.openbtn1 span:nth-of-type(2) {
top:10px;
}
.openbtn1 span:nth-of-type(3) {
top:20px;
}
.openbtn1.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 50%;
background-color: #ffffff;
}
.openbtn1.active span:nth-of-type(2) {
display: none;   
}
.openbtn1.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 50%;background-color: #ffffff;
}
.openbtn1.active .txt{
color:#ffffff;
}
.pcnavi {
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
.menu {
position: relative;
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
.menu > li {
float: left;
line-height: 50px;  
}
.menu > li a {
display: block;
color: #fff;
font-size: 1em;
}
.menu > li a:hover {
color: #fff;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1; list-style-type: none;
}
ul.menu__third-level {
visibility: hidden;
opacity: 0;
}
ul.menu__fourth-level {
visibility: hidden;
opacity: 0;
}
.menu > li:hover {
background-color: #DAF3FF;
-webkit-transition: all .5s;
transition: all .5s;
}
.menu__second-level li {
}
.menu__third-level li {
}
.menu__second-level li a:hover {
background-color:#DAF3FF;
}
.menu__third-level li a:hover {
background: #DAF3FF;
}
.menu__fourth-level li a:hover {
background: #DAF3FF;
}   .menu:before,
.menu:after {
content: " ";
display: table;
}
.menu:after {
clear: both;
}
.menu {
*zoom: 1;
}
.menu > li.menu__multi {
position: relative;
}
li.menu__multi ul.menu__second-level {
position: absolute;
top: 40px;
width: 100%;
background: #DAF3FF;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
li.menu__multi:hover ul.menu__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}
li.menu__multi ul.menu__second-level li {
position: relative;
}
li.menu__multi ul.menu__second-level li a{
border-left-width: 0px;
font-size: 0.9em;
}
li.menu__multi ul.menu__second-level li:hover {
background-color: #7EB0EC;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #3f95fb;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li {
position: relative;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
background: #3f95fb;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #2a1f1f;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
visibility: visible;
opacity: 1;
}
.init-right:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} #contents {
padding-top: 50px;
}
.contentsInner {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-left: 1%;
padding-right: 1%;
text-align: left;
max-width:1300px;
}
.flexarea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: space-between; }
.flexarea02{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: space-around; } #main {
}
#mainInner {
} #side {
}
#sideInner {
} .companyArea{
padding-bottom: 50px;
padding-top: 30px;
padding-left: 1%;
padding-right: 1%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.companyArea .logo{
width:20%;
max-width: 199px;
}
.companyArea .add{
width: 80%;
text-align: right;   
}
.companyArea .add .tel{
font-size: 2.3em;
margin-right: 30px;   
}
.companyArea .add .fax{
font-size: 1.7em;
}
.companyArea .add p{
margin-top: 20px;   
}
.companyArea .add .tel a:link, .companyArea .add .tel a:visited {
text-decoration: none;
color: #000000;
}
.companyArea .add .tel a:hover {
text-decoration: none;
color: #000000;
}
#footer-nav li.insta a {
text-align: right;
} #footer-nav{
padding-bottom: 50px;
padding-top: 30px;
padding-left: 1%;
padding-right: 1%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
#footer-nav ul{
margin-right: 0%;
max-width: 24%;  
width: 100%;
}
#footer-nav .f-icon li ul > li{
position: relative;
margin-bottom: 3px;
font-size: 90%;
}
#footer-nav .f-icon li ul > li::before {
content: "";
color: #663366;
position: absolute;
left: 7px;
top: 10px;
width: 7px;
height: 1px;
display: inline-block;
background-color: #663366;
}
#footer-nav ul ul{
width: 100%; 
max-width: 100%;  
margin-bottom: 10px;
}
#footer-nav li{
list-style: none;
text-align: left;
font-size: 1em;  
}
#footer-nav li a{
text-decoration: none;
display: block;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 5px;
line-height: 180%;
color: #000000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer-nav li li a{
color: #663366;
text-decoration: none;
padding-top: 0px;
padding-left: 1em;
padding-bottom: 0px;
display: block;
font-weight: normal;
line-height: 150%;
}
#footer-nav a:hover{
opacity: .8;
}
#footer-nav .footerbtn a {
padding-top: 10px;
padding-bottom: 10px;
display: block;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 100%;
border: 1px solid #000000;
margin-bottom: 20px;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/ico_arrows01.png);
background-repeat: no-repeat;
background-position: 90% center;
}
#footer-nav .footerbtn a:link, #footer-nav .footerbtn a:visited {
text-decoration: none;
}
#footer-nav .footerbtn a:hover {
text-decoration: none;
display: block;
background-color: #DCC1DC;
}
#footer-nav li.insta a {
text-align: right;
}
.pcfloat {
position: fixed;
bottom: 80px;
right: 10px;
z-index: 1000;
width: 8%;
}
.pcfloat img {
display: block;
margin-bottom: 10px;
width: 100%;
max-width: 145px;
}
.sp_nav {
display: none;      
} #footer {
padding-top: 20px;
padding-bottom: 8px;
width: 100%;
font-size: 0.9em;
}
#footer .link{
font-size: 90%;
}
#footer a:link,
#footer a:visited,
#footer a:active {
color: #000000;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.pagetop2 {
position: fixed;
bottom: 24px;
right: 24px;
margin: 0 auto;
z-index: 200;
}
.copyright {
font-size: 12px;
text-align: center;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}   .styled {
margin-bottom: 50px;
text-align: left;
min-height: 300px;
}
.section {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
position: relative;
} .pagetitle{
font-size: 3em;
color: #000000; font-weight: bold;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: -230px!important;
margin-bottom: 90px!important;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}
.pagetitle02{
font-size: 3em;
color: #000000;
font-weight: bold;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0px!important;
margin-bottom: 10px!important;
padding-top: 80px;
}
.pagetitle03{
position: relative;
font-size: 3.0em;
color: #663366;
margin-bottom: 0em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
text-align: center;
padding-top: 80px;
}
.pagemidashi{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}
.pagetitle03 + .pagetitle03{
padding-top: 0px!important;
}
.singular .entry-header {
border-bottom: 0px double #EB6E8F!important;
}
#fujiya01 .entry-header {
display: none!important;
}
#fujiya01 h2 {
display: none!important;
}
#fujiya02 h2 {
position: relative;
color: #158b2b;
font-size: 2.3em;
padding: 10px 0;
text-align: center;
margin-right: 0;
margin-left: 0;
margin-bottom: 1.5em;
}
#fujiya02 h2:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 90px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
h3{
position: relative;
padding: 1rem 2rem;
font-size: 3.0em;
color: #663366;
margin-bottom: 1em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
}
h4{
position: relative;
padding: 1rem;
border-bottom: 6px solid #ffd4d4;
font-size: 1.5em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
margin-bottom: 2em;
font-weight: bold;
}
h4:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background-color: #663366;
}
h5 {
position: relative;
padding: 1.5rem 1rem;font-size: 1.2em;
}
h5:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: '';
background-image: -webkit-repeating-linear-gradient(135deg, #e5e2c9, #e5e2c9 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #e5e2c9, #e5e2c9 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
h6 {
padding-top: 0.5em;
padding-right: 0;
padding-left: 20px;
padding-bottom: 0.5em; font-size: 1.4em;
margin-bottom: 30px;
background-color: #E8E8E8;
margin-top: 50px;   
} .styled p {
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
line-height: 170%;
} .styled ul {
margin-top: 15px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
}
.styled li ul {
margin-top: 0px;
margin-right: 0px;
margin-left: 50px;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
font-size: 14px;
}
.styled ul li {
list-style: disc;
margin-top: 0.4em;
margin-bottom: 0.4em;
} .styled ol {
margin: 15px 0px 15px 25px;
padding: 0px 20px;
}
.styled ol ol {
margin: 0px 0px 0px 25px;
padding: 0px;
}
.styled ol li {
list-style: decimal;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.styled table p {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
} .table02 {
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
border: 1px solid #CCCCCC!important;
}
.table02 th, .table02 td {
padding: 8px 10px;
vertical-align: top;
border: 1px solid #CCCCCC!important;
background-color: #FFFFFF;
}
.table02 th {
background: #EEE;
border-right: 1px solid #CCCCCC!important;
white-space: nowrap;	 
}
.table02 td {
text-align: left;
}
.table02 td.pt01 {
text-align: center;
background-color: #DAECF9;
} .styled .table03 {
margin-top: 10px;
margin-left: 0px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
}
.styled .table03 th, .styled .table03 td {
padding: 8px 10px;
vertical-align: top;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.styled .table03 th {
font-weight: bold;
background: #EEE;
border-right: 1px solid #CCCCCC;
} .styled table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0; }
.styled .table {
margin-top: 10px;
margin-bottom: 60px;
border-top: 1px solid #CCCCCC;
}
.styled .table th, .styled .table td {
padding: 8px 10px;
vertical-align: top;
border-bottom: 1px solid #CCCCCC;
}
.styled .table th {
font-weight: bold;
background: #EEE;
}
.styled .table thead th {
vertical-align: bottom;
}
.styled .table caption + thead tr:first-child th, .styled .table caption + thead tr:first-child td, .styled .table colgroup + thead tr:first-child th, .styled .table colgroup + thead tr:first-child td, .styled .table thead:first-child tr:first-child th, .styled .table thead:first-child tr:first-child td {
border-top: 0;
}
.styled .table tbody + tbody {
border-top: 2px solid #dddddd;
}
.styled .table-condensed th, .styled .table-condensed td {
padding: 4px 5px;
}
.styled .table-bordered {
border-collapse: separate;
*border-collapse: collapse;
border-left: 0 solid #CCCCCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.styled .table-bordered th, .styled .table-bordered td {
border-left: 1px solid #CCCCCC;
}
.styled .table-bordered caption + thead tr:first-child th, .styled .table-bordered caption + tbody tr:first-child th, .styled .table-bordered caption + tbody tr:first-child td, .styled .table-bordered colgroup + thead tr:first-child th, .styled .table-bordered colgroup + tbody tr:first-child th, .styled .table-bordered colgroup + tbody tr:first-child td, .styled .table-bordered thead:first-child tr:first-child th, .styled .table-bordered tbody:first-child tr:first-child th, .styled .table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.styled .table-bordered thead:first-child tr:first-child th:first-child, .styled .table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-bordered thead:first-child tr:first-child th:last-child, .styled .table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.styled .table-bordered thead:last-child tr:last-child th:first-child, .styled .table-bordered tbody:last-child tr:last-child td:first-child, .styled .table-bordered tfoot:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
.styled .table-bordered thead:last-child tr:last-child th:last-child, .styled .table-bordered tbody:last-child tr:last-child td:last-child, .styled .table-bordered tfoot:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.styled .table-bordered caption + thead tr:first-child th:first-child, .styled .table-bordered caption + tbody tr:first-child td:first-child, .styled .table-bordered colgroup + thead tr:first-child th:first-child, .styled .table-bordered colgroup + tbody tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-bordered caption + thead tr:first-child th:last-child, .styled .table-bordered caption + tbody tr:first-child td:last-child, .styled .table-bordered colgroup + thead tr:first-child th:last-child, .styled .table-bordered colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.styled .table-striped tbody tr:nth-child(odd) td, .styled .table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
.styled .table-hover tbody tr:hover td, .styled .table-hover tbody tr:hover th {
background-color: #f5f5f5;
}
.styled form input.inputtext, .styled form textarea.inputtext {
margin: 1px;
padding: 3px;
border: 1px solid #BBB;
}
.styled #facebook {
background-color: #F0F0F0;
padding: 10px;
}
.styled .fb-page.fb_iframe_widget {
text-align: center;
display: block;
}  @import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700&display=swap"); .img00001 img{
width: 30%;
height: 250px!important;
object-fit: cover;
margin-right: 3%;
}  .swiper-container-pickup {
width: 100%;
height: auto;
}   .swiper-pagination-bullet {
background-color: #fff;
} .swiper-button-next,
.swiper-button-prev {
color: #fff;
} .swiper-container{
width: 100%;
height: auto;
}
.swiper-container img{
width: 100%;
}
#mainimg {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1800px;
margin-top: 90px;
margin-bottom: 50px;
}
#mainimg .txt01{
width: 20%;
} .s-wrap {
position: relative;
max-width: 1800px;
margin: 0 auto;    
}
.s-text,
.s-sub {
position: absolute;
text-align: center;
width: fit-content;
color: #000000;
line-height: 100%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow:
1px 1px 2px #FFF,
-1px 1px 2px #FFF,
-1px -1px 2px #FFF,
1px -1px 2px #FFF;
}
.s-text {  
font-size: 4rem;
}
.s-sub {
font-size: 3.5rem;
}
.s-img{
position: absolute;
display: block;
writing-mode: vertical-rl;
font-size: 4rem;
line-height: 100%;
text-align: left;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
text-shadow:
1px 1px 2px #FFF,
-1px 1px 2px #FFF,
-1px -1px 2px #FFF,
1px -1px 2px #FFF;
}
.s-bg{
position: absolute;
display: block;
width: 15%;
max-width: 233px;
}
.s-bg img{
width: 100%;
}
@media screen and (min-width: 768px) {
.slidetext01{
top: 55%;
left: 20%;
}
.slidesub01{
top: 70%;
left: 30%;
}
.slideimg01{
top: 8%;
left: 5%;
}
.slidebg01{
top: 10%;
left: 10%;
}
.slidetext02{
top: 20%;
left: 48%;
}
.slidesub02{
top: 40%;
left: 52%;
}
.slideimg02{
top: 10%;
right: 5%;;
}
.slidebg02{
top: 55%;
right: 0%;
}
.slidetext03{
top: 30%;
left: 68%;
}
.slidesub03{
top: 50%;
left: 75%;
}
.slideimg03{
top: 10%;
left: 5%;
}
.slidebg03{
top: 40%;
left: 2%;
}
}
.swiper-slide-active .s-text {
animation: slideFromRight 1.5s ease 0s 1 normal;
}
.swiper-slide-active .s-sub {
animation: slideFromRightSub 2.0s ease 0s 1 normal;
}
.swiper-slide-active .s-img {
animation: slideFromRightImg 2.5s ease 0s 1 normal;
}
.swiper-slide-active .s-bg {
animation: slideFromRightBg 3.0s ease 0s 1 normal;
}
@keyframes slideFromRight {
0%, 25% {
transform: translateX(50px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes slideFromRightSub {
0%, 45% {
transform: translateX(50px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes slideFromRightImg {
0%, 65% {
transform: translateY(50px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes slideFromRightBg {
0%, 75% {
transform: translateY(50px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
#mainimg2nd{
height: 190px;
margin-bottom: 0px;
margin-top: 70px;
background-color: #C6EDFF;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/common/mainimg2nd01.png);
background-position: left center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} .indexpickup {
padding-bottom: 50px;
margin-top: 20px;   
}
.indexpickup .contentsInner{
}
.indextitle span span{
font-size:100% !important;
margin: 0;
display: inline !important;
}
.indexpickup .indextitle span{
margin-bottom: 20px;
color: #663366;
display: block;
font-size: 3rem;
line-height: 130%;
}
.indexpickup .indextitle {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 100px auto 50px;
font-size:14px;
color: #000000;
text-align: center;
letter-spacing: 0px;
}
.indexpickup .itemBox01{
width: 31%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.indexpickup .itemBox01 img {
width: 100%;
max-width: 411px;
}
.indexpickup .itemBox02{
width: 48%;
padding: 1%;
}
.indexpickup .stitle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px; 
background-color: #FFFDEE;
}
.indexpickup .stitle a{
color: #663366;
font-weight: bold;
}
.indexpickup .caution{
background: #CC0000;
color: #FFF;
text-align: center;
line-height: 1.3;
padding: 10px;
}
.indexpickup a:hover .caution{opacity: 0.7;
filter: alpha(opacity = 70);
-ms-filter: "alpha(opacity=70)";
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.indexpickup a:has(.caution):hover{text-decoration: none;}
.indexnews {
margin-bottom: 80px;
}
.indexnews .contentsInner{
border-top: 1px solid #CDCDCD;
padding-top: 50px; 
}
.indexnews .titleBox{
width: 30%;   
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding-left: 20px;
}
.indexnews .indextitle span{
color: #663366;
display: block;
font-size: 3rem;
line-height: 130%;
font-weight: normal;
}
@media screen and (min-width: 1300px) {
.indexnews .indextitle span{
font-size: 3.5rem;
}
}
.indexnews .indextitle {
margin-bottom: 50px;
font-size:14px;
color: #000000;
text-align: left;
letter-spacing: 0px;
}
.indexnews .indextitle img{
vertical-align: middle;
margin-right: 20px;
}
.indexnews .btn{
width: 10em;
}
#newsList {
margin-bottom: 30px;
width: 68%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 3%;
padding-left: 3%;
padding-bottom: 3%;
}
#newsList dl.list {
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
text-align: left;
padding-top: 5px;   
padding-right: 0.8em;
padding-left: 0.8em;
padding-bottom: 5px;   
}
#newsList dl.list dt {
clear: left;
float: left;
width: 6em;
margin-top: 0;
margin-right: 0;
margin-left: 0px;
padding-left: 0px;
font-weight: normal;    
}
#newsList dl.list dd {
margin-left: 6em;
}
#newsList dl.list dd .title{
font-weight: bold;
margin-bottom: 10px;
font-size: 1.1em;
}
#newsList a:link,
#newsList a:visited,
#newsList a:active {
color: #be0101;   
}
.indexfurisode {
padding-bottom: 5px;
padding-top: 80px;
margin-bottom: 100px;
background-color: #FFFDEE;
}
.indexfurisode .contentsInner{
width: 1100px;
margin: 0 auto 100px;
}
.indexfurisode .indextitle span{
margin-bottom: 20px;
line-height: 130%;
color: #663366;
display: block;
font-size: 3rem!important;
text-align: center;
}
.indexfurisode .indextitle {
margin: 100px auto 50px;
font-size:14px;
color: #000000;
text-align: center;
letter-spacing: 0px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.indexfurisode .itemBox01{
width: 48%;
margin-bottom: 45px;
text-align: center;
}
.indexfurisode .itemBox01 img {
width: 100%;
max-width: 411px;
}
.indexfurisode .itemBox01 p{
margin: 20px;
}
.indexfurisode .itemBox02{
width: 22%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.indexfurisode .itemBox02 img{
margin-bottom: 10px;
}
.indexfurisode .itemBox02 p{
margin-bottom: 10px;
font-size: 0.8em;
}
.indexfurisode .bnr img {
width: 100%;
}
.indexfurisode .bnr img.pcnone {
width: 100%;
max-width: 410px;
margin-left: auto;
margin-right: auto;
}
.indexfurisode .itemBox02 img {
width: 100%;
max-width: 300px;
height: 400px;
object-fit: cover;
border-radius: 20px;
}
.indexbnr {
width: 100%;
margin-bottom: 50px; 
}
.indexbnr .imgbnr01  {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 30%;
}
.indexbnr .imgbnr01 img {
max-width: 340px;
width: 100%;
}
.indexcard   {
margin-bottom: 5%;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/bg_indexcard01.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #FCF7FF;
padding-top: 70px;
padding-bottom: 30px;
}
.indexcard .contentsInner   {
max-width: 1100px;
}
.indexcard .title span{
margin-bottom: 30px;
display: block;
font-size: 3.2em;
color: #CC3D47;    
}
.indexcard .title {
margin-bottom: 20px;
letter-spacing: 0px;
color: #663366;
font-size:1.2em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.indexcard p {
margin-bottom: 20px;
}
.indexcard .img01 {
position: absolute;
top: -80px;
left:75%;
}
.indexcard .img02 {
width: 58%;    
}
.indexcard .img02 img{
width: 100%;
max-width: 600px;
}
.indexcard .txt01  {
width: 42%;    
}
.indexcard table,.indexcard table th,.indexcard table td {
border: none;
}
.indexcard .txt01 table th {
background-color: #F5E5F3;
width: 1em;
color: #611987;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.indexcard .txt01 table td {
text-align: left;
padding-left: 10px;
}
.indexcard .txt01 table td li{
text-align: left;
padding-left: 35px;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/ico_card01.png);
background-repeat: no-repeat;
background-position: left 5px;
}
.indexcard .txt02{
width: 70%;
text-align: center;
margin: 0 0 30px;
}
.indexcard .txt02 span{
padding: 5px 25px;
display: inline-block;
border-radius: 20px;
color: #611987;
font-weight: bold;
position: relative;
}
.indexcard .txt02 span::before,.indexcard .txt02 span::after{
content: "";
position: absolute;
bottom: 0;
width: 1px;
height:90%;
background: #611987;
}
.indexcard .txt02 span::before{
transform: rotate(-30deg);
left: 0;
}
.indexcard .txt02 span::after{
transform: rotate(30deg);
right: 0;
}
.indexinsta{
margin-bottom: 5%;
padding-top: 50px;
}
.indexinsta .indextitle{
margin-bottom: 50px;
font-size: 14px;
color: #000000;
text-align: center;
letter-spacing: 0px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.indexinsta .indextitle span {
margin-bottom: 20px;
line-height: 130%;
color: #663366;
display: block;
font-size: 3rem;
text-align: center;
}
.indexmovie   {
margin-bottom: 5%;   
}
.indexmovie .contentsInner   {
text-align: center;
max-width: 1100px;
}
.indexmovie img  {
width: 100%;
}
.indexmovie video{
object-fit: cover;
border: 1px solid #CCC;
}
.indexcompany {
margin-bottom: 50px;
background-color: #663366;
color: #FFFFFF;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/bg_company01.png);
background-repeat: no-repeat;
background-position: center top;
text-align: left;
padding-left: 10%;
}
.indexcompany .title span{
margin-bottom: 20px;
display: block;
font-size: 4.0em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
letter-spacing: 8px;
}
.indexcompany .title {
margin-bottom: 50px;
font-size:16px;
letter-spacing: 0px;
}
.indexcompany .midashi{
margin-bottom: 20px;
display: block;
font-size: 1.3em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 180%;  
}
.indexcompany .txtBox01{
width: 55%;
padding-top: 100px;
padding-bottom: 30px;
}
.indexcompany .txtBox01 p{
margin-bottom: 2em;
}
.indexcompany .imgBox01{
width: 40%;
max-height: 750px;
}
.indexcompany .imgBox01 img{
width: 100%;
object-fit: cover;
height: 100%;
}
.indexmanner {
padding-bottom: 50px;
margin-top: 20px;
margin-bottom: 50px;
}
.indexmanner .contentsInner{
max-width: 800px;
margin:0 auto;
}
.indexmanner span span{
font-size:100% !important;
margin: 0;
display: inline !important;
}
.indexmanner .indextitle span{
margin-bottom: 20px;
color: #663366;
display: block;
font-size: 3rem;
line-height: 130%;
}
.indexmanner .indextitle {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 100px auto 50px;
font-size:14px;
color: #000000;
text-align: center;
letter-spacing: 0px;
}
.indexmanner .flexarea.movlist h5{
padding: .5rem 0;
text-align: center;
}
.indexmanner .flexarea.movlist h5:after {background: none;}
.indexmanner .flexarea.movlist li{
list-style: none;
margin: 0 2% 50px;
width:46%;
}
.indexmanner iframe{
background: #CCC;
min-height:300px;
} .bread {
margin-bottom: 30px;
margin-top: -0px;
text-align: left;
font-size: 0.8em;
background-color: #F5D5F5;
}
.img2ndright {
margin-bottom: 30px;
margin-left: 30px;
float: right;
width: 40%;
}
.img2ndright img{
width: 100%;
}
.img2ndleft {
margin-bottom: 30px;
margin-right: 30px;
float: left;
width: 40%;
}
.img2ndleft img{
width: 100%;
}
.map{
width: 50%;
margin-left: auto;
margin-right: auto;
}
.map img{
width: 100%;
margin-top:50px;
}
#fujiya .entry-content{padding-top: 80px !important;}
.borderbox01{
border: 1px solid #C6EDFF;
border-radius: 10px;
padding-top: 30px;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
}
.borderbox01 .wp-block-columns .wp-block-column > * {
margin-top: 5px;
margin-bottom: 5px;
}
.borderbox01 p {
margin-top: 5px!important;
margin-bottom: 5px!important;
}
.midashi_l{
color:#663366;
font-size: 2.5em;
font-weight: bold;
width: 100%;
padding: 0;
}
.midashi01{
padding: 0rem 0rem;
position: relative;
font-size: 1.6em;
color: #663366;
margin-bottom: 10px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: left;
margin: 0 0 10px;
font-weight: bold;
}
.midashi02{
position: relative;
padding: 0rem 0rem;
font-size: 1.4em;
color:#663366;
margin-bottom: 16px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: left;	
margin: 0 0 .5em;
font-weight: bold;
}
.midashi02 span{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@media (min-width: 791px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
@media (max-width: 790px) {
a[href*="tel:"] {
pointer-events:auto;  
cursor: pointer;
text-decoration: none;
}
}
.wp-block-group{
margin-top: 4em;
margin-bottom: 4em;
} .flow{ }
.flow h3.flowmidashi01{
padding: 0rem 0rem;
position: relative;
font-size: 1.6em;
color: #663366;
margin-bottom: 10px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: left;
font-weight: bold;
}
.flow h3.flowmidashi02{
position: relative;
padding: 0rem 0rem;
font-size: 1.5em;
color:#663366;
margin-bottom: 16px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: left;
margin: 0 0 .5em;
font-weight: bold;
}
.flow .wp-block-column {
margin-top: 0px!important;
margin-bottom: 0px!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.flow .btn01 a {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
.flow p.point{
display: flex;
padding: 5px;
border-radius: 20px;
align-items: center;
background: #FFF;	
}
.flow p.point strong{
background: #F5D5F5;
color:#663366;
padding: 2px 10px;
white-space: nowrap;
vertical-align: middle;
justify-content: center;
display: flex;
border-radius: 50%;
width:50px;
height: 50px;
margin-right:5px;
text-align: center;
font-size:70%;
align-items: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.borderbox001 {
border: 1px solid #EFEAC4;
background-color: #FFFDEE;
padding:3%;
border-radius: 20px;
}
.fRed2{color:#CC3D47;}
.nowrap{white-space: nowrap;} .point_commentarea{
align-items: center;
}
.point_commentarea .point_comment{
padding: 1rem 0 1rem 2rem;
}
.sec_mainwrap .txtbox{
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/mainimg_txt02.png) no-repeat left bottom;
background-size: 150px;
display: flex;
flex-direction: column;
justify-content: center;
}
.sec_mainwrap .imgbox{
position: relative;
}
.sec_mainwrap .imgbox .item{
position: absolute;
width: 150px;
left: -50px;
top:-20px;
}
.planpointwrap .flexarea{
justify-content: flex-start;
}
.planpointwrap .borderbox001{
margin:0 0 40px;
}
.planpointwrap .borderbox001.w50{
width: 48%;
}
.planpointwrap img{object-fit: contain;}
.planpointwrap .borderbox001 ul li{
margin: 0;
list-style: none;
}
.iconbox001{
padding:0;
text-align: center;
width:14vw;
height:14vw;
margin:0 0 20px;
}
.iconbox001 figure{
border:1px solid #EFEAC4;
background: #FFF;
border-radius: 50%;
width:90%;
height: 90%;
padding:15px;
margin: 0 auto 8px;
position: relative;
}
.iconbox001 img.icon{width: 100%;}
.iconbox001 .pre{
color: #cc3d47; font-size:85%;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.iconbox001 .pre img{
width:20px;
margin-right: 3px;
}
.iconbox001 p{font-size: 85%;}
.iconbox001 p{line-height: 1.1;}
@media screen and (min-width: 1200px) {
.iconbox001{
width:9vw;
height:9vw;
}
}
.img_circle{
overflow: hidden;
max-width: 140px;
max-height: 140px;
width: 12vw;
height: 12vw;
border-radius: 50%;
}
.planlistbox{
padding-left: 20px;
position: relative;
}
.planlistbox .icon{
position: absolute;
left: 0;
} .sec_mainwrap.photoimgbox{margin:0 -3%;}
.sec_mainwrap.photoimgbox div:first-child{width: 52%;}
.sec_mainwrap.photoimgbox div:last-child{width: 48%;}
.sec_mainwrap.photoimgbox div img{
height: auto !important;
object-fit: cover;
}
.sec_mainwrap.photoimgbox div.flexarea{justify-content: center;}
.sec_mainwrap.photoimgbox div.flexarea img{
object-fit: cover;
}
.sec_mainwrap.photoimgbox div.flexarea img:first-child,
.sec_mainwrap.photoimgbox div.flexarea img:nth-child(4){width: 60%;}
.sec_mainwrap.photoimgbox div.flexarea img:nth-child(2),
.sec_mainwrap.photoimgbox div.flexarea img:nth-child(3){width: 40%;}
.photoimgbox img{
padding:15px;}
.photosupport h3,.photosupport .inlineC{
text-align: center;
}
.photosupport .flexarea .img_circle{
max-width: 140px !important;
}
.fukidashi{
background:url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/fukidashi.png) no-repeat;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border-radius: 20px;
background-size:100% 100%;
}
.photofamily .photoimgbox img{width:33.3333%} .coursebg{
background: #cc3d47;
color: #FFF;
padding: 0 4px;
border-radius: 3px;
margin: 0 2px;
} .photoarea{
width:1000px;
margin: 0 auto;
display: flex;
}
.photoarea *{box-sizing: border-box;}
.photoslide{position: relative;}
.photoslide{width:40%;}
.photodetail{width:60%;}
.photoslide .swiper-wrapper .swiper-slide{
background: #FFF;
height: 600px;
overflow: hidden;
}
.photoslide .swiper-wrapper .swiper-slide img{width:100%;}
.photoslide .swiper-wrapper .swiper-slide video{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.photoslide .swiper-button-prev,.photoslide .swiper-button-next{
color: #FFF;
background: #663366;
}
.photoslide .swiper-button-prev{border-radius: 0 8px 8px 0;}
.photoslide .swiper-button-next{border-radius: 8px 0 0 8px;}
.photoslide .swiper-button-prev:after,.photoslide .swiper-button-next:after{
font-size: 20pt;
padding: 10px 15px;
font-size: 16pt;
}
.photoslide .swiper-button-next,.photoslide .swiper-container-rtl .swiper-button-prev{right: 0;}
.photoslide .swiper-button-prev,.photoslide .swiper-container-rtl .swiper-button-next{left: 0;}
.photodetail{
display: flex;
flex-direction: column;
padding-top: 1em;
padding: 0 3%;
}
.photodetail .caution{
border-top: 1px solid #CCC;
font-size: .75rem;
margin-top: 30px;
padding-top: 30px;
}
.photothumbnail{margin-top: auto;}
.photothumbnail .swiper-wrapper{
flex-wrap: wrap;
transform: none !important;
gap:10px;
}
.photothumbnail .swiper-slide{
overflow: hidden;
height: 150px;
cursor: pointer;
}
.photothumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
}
.photothumbnail .thum_mov{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.photothumbnail .thum_mov::before{
position: absolute;
content: "";
width: 50px;
height: 50px;
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/collection/mov_icon.png) no-repeat;
z-index: 1;
background-size: contain;
}
.photothumbnail .swiper-slide-thumb-active {
border: 3px solid #cc3d47;
} .servicedetail .casebox{margin:1em 0 0;}
.servicedetail .casebox h3{
margin:0 0 1em !important;
font-size: 1.3em;
position: relative;
text-align: center;
min-height: 35px;
}
.servicedetail .casebox h3.midashi02 span.txt{
background: #FFF;
display: block;
color: #663366;
margin: 0 18%;
position: absolute;
left: 0;
right: 0;
top: 50%;	
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.servicedetail .casebox h3::before{
content: "";
width: 100%;
height: 1px;
border-right: 1px solid;
border-top: 1px solid;
display: block;
position: absolute;
left: 0;
top: 50%;	
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.servicedetail .casebox p{
margin:0 !important;
text-align: left;
}
.servicedetail .casebox p.tags span{
background: #663366;
color: #FFF;
padding:4px 8px;
margin:8px 8px 0 0;
border-radius: 3px;
display: inline-block;
}
.servicedetail.pearl .manners{border:none;}
.servicedetail.pearl .manners tr{border-bottom:1px solid #CCC;}
.servicedetail.pearl .manners tr:last-child{border-bottom:none;}
.servicedetail.pearl .manners th,.servicedetail.pearl .manners td{
text-align: center;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:none;
border-top:none;
line-height: 1.3;
}
.servicedetail.pearl .manners th:not(:first-child){width: 15%;}
.servicedetail.pearl .manners th:first-child,
.servicedetail.pearl .manners th:last-child,
.servicedetail.pearl .manners td:last-child{
border:none;
}
.servicedetail.pearl .manners td{font-size:0;}
.servicedetail.pearl .manners td.maru{
background:url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/maru.png) no-repeat center;	
background-size: 30%;}
.servicedetail.pearl .manners td.batsu{
background:url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/batsu.png) no-repeat center;	
background-size: 30%;}
.servicedetail.pearl .manners td.sankaku{
background:url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/sankaku.png) no-repeat center;	
background-size: 30%;}
.servicedetail.care .wp-block-columns{
justify-content: space-between;
}
.servicedetail.care .wp-block-columns .wp-block-column:first-child{	margin-right: 10px;}
.servicedetail.care .wp-block-columns .wp-block-column:last-child{	margin-left: 10px;} .hair_collection img{
width:100%;
height: 100%;
} @media (min-width: 1024px) {
#post-557 .element{	max-height:21vw !important;}}
@media (min-width:767px) {
#post-557 .element{
max-height:38vw;
display:flex;
align-items:center;
}} .campaign__wrap .inner{
width: 1200px;
margin: 0 auto 150px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 35px;
}
.campaign__wrap .itemBox01{
width: 100%;
margin: 0 auto;
}
.campaign__wrap .itemBox01 img {
width: 100%;
}
.campaign__wrap .stitle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px; 
background-color: #FFFDEE;
text-align: left;
}
.campaign__wrap .stitle a{
color: #663366;
font-weight: bold;
} .campaign__wrap .pagination {
text-align: center;
margin-bottom: 100px !important;
}
.campaign__wrap .navigation .nav-links {
display: block !important;
}
.campaign__wrap .nav-links .current {
background-color: #DCC1DC;
color: #fff !important;
padding: 10px 18px;
text-decoration: none !important;
}
.campaign__wrap .page-numbers {
background-color: #f5edf5;
color: #663366 !important;
padding: 10px 18px;
text-decoration: none;
} .manner .flexarea.movlist{
justify-content: flex-start;
}
.manner .flexarea.movlist li{
list-style: none;
margin: 0 2% 50px;
width:46%;
}
.manner .flexarea.movlist > li{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.manner .flexarea.movlist li ol li{
width: 100%;
margin: 0;
position: relative;
padding:0 0 0 1.25rem;
}
.manner .flexarea.movlist li ol li span.num{
position: absolute;
left: 0;
}
.manner .flexarea.movlist h5{
}
.manner video{
background: #CCC;
min-height:300px;
} .furisode_faq li{
list-style:none !important;
padding: 1em 0 0 2.5em;
margin: 0 !important;
position: relative;
}
.furisode_faq li:nth-child(2n){
border-bottom: 1px solid #CCCCCC;
margin-bottom: .5em;
padding-bottom: 1em;
}
.furisode_faq .q,.furisode_faq .a{
color: #FFF;
margin-right: .5em;
font-weight: bold;
width: 2em;
display: inline-block;
text-align: center;
position: absolute;
left:0;
}
.furisode_faq .q{background: #663366;}
.furisode_faq .a{background: #cc3d47;} .zen-old-mincho-bold {
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
}
#post-3040 .entry-content{
padding:20px 0 0 !important;
max-width: 100%;
}
#post-3040 .entry-content > *{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;	
}
.bgP{background:#ffd4d4;}
.bgY{background:#fffdee;}
.choice .mv img{width:100%;}
.choice h3{
font-size: clamp(34px, 2.5vw, 48px);
font-weight: bold;
line-height: 1.6;
padding: 0;	
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
}
.choice h3 strong{
background: #FFF;
box-shadow: 4px 4px 0 #663366;
border-radius: 10px;
padding: 0 .8rem;
display: inline-block;
margin:.5rem .25rem;
}
.choice .inner{
max-width: 1100px;
width:96%;
margin: 0 auto;
padding:5em 0;
}
.choice .inner ul li{
list-style: disc;
}
.choice .accent{
color:#663366;	
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
font-size: clamp(20px, 2vw, 30px);
}
.choice .bg_img01{
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/img_choice01.png),#fffdee;
background-repeat: no-repeat;
background-position: right top;
background-size: 50% auto;
position: relative;	
}
.choice .bg_wave01{padding-bottom: 100px;}
.choice .bg_wave01::after{
content: "";
width: 100%;
height: 100px;
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/bg_wave.png) no-repeat;
background-position: left bottom;
position: absolute;
bottom: 0;
background-size: 100% 100%;
}
.choice .bg_img01 h3{
width: 35%;
}
.choice .blockC img{margin: auto;}
.choice .columns01{margin-top: 80px;}
.choice .columns01 .wp-block-column{
background:#fffdee;
box-shadow: 10px 10px 0 #efeac4;
border-radius: 20px;
padding:55px 25px 20px;
position: relative;
}
.choice h4{
font-size: clamp(28px, 2.2vw, 42px);
border:none;
padding: 0;
text-align: center;	
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
}
.choice h4::before{content:none;}
.choice .columns01 h4{font-size: clamp(26px, 1.5vw, 38px);}
.choice .columns01 .wp-block-column::before{
border-radius: 50%;
position: absolute;
top:-40px;
width: 80px;
height: 80px;
left: 0;
right: 0;
margin: auto;
text-align: center;
color: #FFF;
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
font-size: 68px;
line-height: 1;
}
.choice .wp-block-columns.columns01 > *:first-child::before{
content: '1';
background: #cc3d47;
}
.choice .wp-block-columns.columns01 > *:nth-child(2)::before{
content: '2';
background: #cda814;
}
.choice .wp-block-columns.columns01 > *:nth-child(3)::before{
content: '3';
background: #663366;
}
.choice .wp-block-columns.columns01 > *:first-child h4{color: #cc3d47;}
.choice .wp-block-columns.columns01 > *:nth-child(2) h4{color: #cda814;}
.choice .wp-block-columns.columns01 > *:nth-child(3) h4{color: #663366;}
.choice h4 .fSSS{font-size: .6em;}
.choice h3.arrow{
position: relative;
font-size: clamp(28px, 2.2vw, 38px);
line-height: 1;
margin: 3rem 0;
}
.choice h3.arrow::before{
width: 0;
height: 0;
border-style: solid;
border-right: 130px solid transparent;
border-left: 130px solid transparent;
border-top: 110px solid #ffd4d4;
border-bottom: 0;
position: absolute;
content: '';
margin: auto;
left: 0;
right: 0;
z-index: -1;
top: -15px;
}
.choice h3.arrow .normal{
font-size:.75rem;
line-height: 1.5;
font-weight: normal;
display: inline-block;
color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.choice .bg_wave02{position: relative;}
.choice .bg_wave02{padding-top: 100px;}
.choice .bg_wave02::before{
content: "";
width: 100%;
height: 100px;
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/bg_wave.png) no-repeat;
background-position: left bottom;
position: absolute;
transform: rotate(180deg);
top: 0;
background-size: 100% 100%;
}
.choice .bgY.bg_wave02 .box{
box-shadow: 10px 10px 0 #efeac4;
width: calc(100% - 10px);
border-radius: 20px;
background: #FFF;
overflow: hidden;
display: grid;
grid-template-columns: 45% 55%;
gap:0;
font-size: 1.2rem;
margin-bottom: 3rem;
}
.choice .bgY.bg_wave02 .box img{
object-fit: cover;
height: 100%;
width: 100%;
}
.choice .bgY.bg_wave02 .box .txt{ display: grid;
align-items: center;
place-content: center;
}
.choice .bgY.bg_wave02 .box ul li{
margin:0 0 .5rem 0;
} .choice .bgY.bg_wave02 .box h4{	
margin-bottom: 1rem;	
}
.choice .bgY.bg_wave02 .box h4 span{
position: relative;
width: 11em;
display: inline-block;
}
.choice .bgY.bg_wave02 .box h4 span::before,.choice .bgY.bg_wave02 .box h4 span::after{
content: '';
width: 1px;
height:100%;
background: #000;
position: absolute;
bottom:.2vw;
}
.choice .bgY.bg_wave02 .box h4 span::before{
transform:rotate(-35deg);
left: -1rem;
}
.choice .bgY.bg_wave02 .box h4 span::after{
transform:rotate(35deg);
right: -1rem;	
}
.choice .bgY.bg_wave02 .box:first-of-type h4 span::before,.choice .bgY.bg_wave02 .box:first-of-type h4 span::after{background: #cc3d47;}
.choice .bgY.bg_wave02 .box:nth-of-type(2) h4 span::before,.choice .bgY.bg_wave02 .box:nth-of-type(2) h4 span::after{background: #cda814;}
.choice .bgY.bg_wave02 .box:nth-of-type(3) h4 span::before,.choice .bgY.bg_wave02 .box:nth-of-type(3) h4 span::after{background: #663366;}
.choice .bgY.bg_wave02 .box:first-of-type h4 {color: #cc3d47;}
.choice .bgY.bg_wave02 .box:nth-of-type(2) h4{color: #cda814;}
.choice .bgY.bg_wave02 .box:nth-of-type(3) h4{color: #663366;}
.choice .bgY.bg_wave02 .box .btn{
width: 100%;
color: #FFF;
padding: 15px;
position: relative;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
border-radius: 30px;
font-size: 1.2em;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px;
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
}
.choice .bgY.bg_wave02 .box .btn:hover{
text-decoration: none;
transform: scale(1.05,1.05);
}
.choice .bgY.bg_wave02 .box .btn::before{
content: '';
width: 10px;
height: 10px;
right: 10%;
border-top:3px solid #FFF;
border-right:3px solid #FFF;
transform: rotate(45deg);
z-index: 10;
position: absolute;
}
.choice .bgY.bg_wave02 .box:first-of-type .btn{background: #cc3d47;}
.choice .bgY.bg_wave02 .box:nth-of-type(2) .btn{background: #cda814;}
.choice .bgY.bg_wave02 .box:nth-of-type(3) .btn{background: #663366;}
.choice .choice_faq {padding: 5rem 0;}
.choice .choice_faq .inner{
background: #FFF;
max-width: 900px;
padding:4rem 3rem;
position: relative;
}
.choice .choice_faq .inner::before{
content: '';
border: 2px solid #663366;
width: calc(100% - 2rem);
height: calc(100% - 2rem);
position: absolute;
left: 0;
top: 0;
margin: 1rem;
}
.choice .choice_faq .inner .pic{
position: absolute;
right:-2rem;
bottom:0;
width: 18vw;
max-width: 126px;
}
.choice .choice_faq .inner dl{
max-width: 30em;
margin: auto;
border-bottom: 2px solid #663366;
padding: 2.5rem 0;
}
.choice .choice_faq .inner dl:first-of-type{padding-top:0;}
.choice .choice_faq .inner dl:last-of-type{border:none;}
.choice .choice_faq .inner dt{
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
position: relative;
padding:0 0 0 3rem;
display: flex;
align-items: center;
margin:0 0 1em;
}
.choice .choice_faq .inner dt::before{
content:'Q';
width: 1.8em;
height: 1.8em;
position: absolute;
left: 0;
background:#663366;
color:#FFF;
border-radius: 5px;
text-align: center;
line-height: 1.8em;
}
.choice .choice_contact{
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/bg_choice01.jpg) no-repeat,#f4f8fb;
background-size: 100% auto;
background-position:bottom right;
}
.choice .choice_contact .inner{
text-align: center;	
}
.choice .choice_contact p{
font-size: clamp(18px, 1.6vw, 26px);
font-family: "Zen Old Mincho", serif !important;
font-weight: 700;
font-style: normal;
}
.choice .choice_contact .btn{
font-family: "Zen Old Mincho", serif !important;
font-weight: 700;
font-style: normal;
width: 50%;
max-width: 300px;
padding: 15px;
position: relative;
display: block;
text-align: center;
border-radius: 30px;
font-size: 1.2em;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
}
.choice .choice_contact .flexarea{
justify-content: center;
gap:20px;
}
.choice .choice_contact .btn:hover{
transform: scale(1.05,1.05);}
.choice .choice_contact .btn:first-of-type{
color: #FFF;
background:#663366;}
.choice .choice_contact .btn:nth-of-type(2){
color:#663366;
background: #FFF;
border:1px solid #663366;
}
.choice .choice_contact .btn:first-of-type::before{
content: '';
width: 10px;
height: 10px;
right: 10%;
border-top:3px solid #FFF;
border-right:3px solid #FFF;
transform: rotate(45deg);
z-index: 10;
position: absolute;
}.choice .choice_contact .btn:nth-of-type(2)::before{
content: '';
width: 10px;
height: 10px;
right: 10%;
border-top:3px solid #663366;
border-right:3px solid #663366;
transform: rotate(45deg);
z-index: 10;
position: absolute;
}
.bnrarea_choice{margin:50px auto 80px;}   @media screen and (min-width: 789px) { .br-pc {
display: none;
}
}
@media screen and (max-width: 1000px) { .pcnone {
display: block;
}
.tbnone {
display: none;
}	
.spnone {
display: none;
}		
#header {
width: 100%;
}
.headerInner {
width: 98%;
height: 90px;
}
.headerlogo {
position: absolute;
left: 1%;
top: 20px;
}
.navimenu {
width: 18.0%;
text-align: center;
display: table;
}
.companyArea{
padding-bottom: 10px;
margin-bottom: 0px;
}
.companyArea .logo{
width: 100%;
max-width: 199px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.companyArea .add{
width: 80%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.companyArea .add .tel{
margin-bottom: 20px;
margin-right: 0px;
display: block;
}
.companyArea .add .fax{
display: block;
}
.companyArea .add p{
margin-top: 20px;   
} #footer-nav{
display: none;
}
.copyright {
padding-bottom: 10px;
padding-top: 10px;
font-size: 10px;
margin-bottom: 0px;
text-align: center;
}	
.pcfloat {
display: none;    
}	
.sp_nav {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999999;
display: block;      
}
.sp_nav .catalog,.sp_nav .mail{
width: 50%;
text-align: center;
}
.sp_nav .catalog {
padding-top:5px;
padding-bottom:5px;
background-color: #663366;
}	
.sp_nav .catalog img{
height: 20px;
margin-bottom: 5px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}	
.sp_nav .catalog a {
color: #fff;
display: block;
}
.sp_nav .mail{
background: #cc3d47;
padding-top: 5px;
padding-right: 0;
padding-left: 0;
}
.sp_nav .mail img{
height: 20px;
margin-bottom: 5px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}		
.sp_nav .mail a {
color: #ffffff;
display:block;
padding-bottom:5px;
}	
.sp_nav .tel a span {
}
.sp_nav a  {
font-size: 12pt;
line-height: 1;
font-weight: 500;
}
.sp_nav a p {
}	
.contentsInner {
width: 96%;
padding: 0 2%;
position: relative;
}
.indexnews .titleBox{
width: 100%;
padding: 0;
}
.indexnews .indextitle span{
font-size: 30px;
}
.indexnews .indextitle {
margin-bottom: 20px;
text-align: center;
}
#newsList {
width: 100%;
padding: 2%;    
}
#newsList dl.list dt {
clear: left;
float: left;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-left: 0px;
padding-left: 0px;
}
#newsList dl.list dd {
margin-left: 0em;
}
.indexnews .btn{
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.indexfurisode .itemBox02{
width: 31%;
}
.indexfurisode .itemBox02 img {
height:300px;
}
.indexbnr {
width: 100%;
}
.indexbnr .imgbnr01  {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.indexbnr .txt  {
width: 68%;
}
.indexbnr .img  {
width:25%;
}
.indexcard .title span{
font-size: 3em;
line-height: 110%;
letter-spacing: -5px;
margin-bottom: 1px;
}
.indexcard .title {
font-size:1.1em;
}
.indexcard .img01 {
position: absolute;
top: -80px;
left:70%;width: 30%;
}
.indexcard .img01 img{
width: 100%;
max-width: 200px; 
}
.indexcard .img02 {
width: 100%;
text-align: center;
margin: 0 auto 10px;
}
.indexcard .img02 img{
width: 100%;
max-width: 600px;
}
.indexcard .txt01  {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.indexcard .txt01 table {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.indexcard .txt01 table th {
padding-right: 10px;
padding-left:10px;
}
.indexcard .txt01 table td {
text-align: left;
padding-left: 10px;
}
.indexcard .txt01 table td li{
text-align: left;
padding-left: 30px;
background-image: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/ico_card01.png);
background-repeat: no-repeat;
background-position: left top;
}
.indexcard .txt02{
margin: 0 0 15px;
}
.indexinsta .indextitle {
margin-bottom: 50px;
font-size: 14px;
}
.indexinsta .indextitle span {
margin-bottom: 20px;
font-size: 2.5em;
}	
.indexcompany {
padding-left: 2%;
}
.indexmanner video{
min-height:20vh;
}
.indexmanner .indextitle span{font-size: 30px;}
h2 {
padding: 0.5em; font-size: 20px;
margin-top: 40px;
text-align: center;
}
.map {
width: 80%;
}
h4{padding:.5em;}
.manner video{
min-height: 200px;
height: 60vh;
max-height: 300px;
}
}
@media screen and (max-width: 788px) { .br-sp {
display: none;
} .pagetop2 {
display: none;
} .spon {
display: block;
}
#bx-pagerSP {
display: block;
}
} @media screen and (max-width: 788px) { * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 100%;
margin: 0px;
font-size: 14px;
}
html, body {
width: 100%;
}
textarea {
width: 100%
}
input.check01 {
width: auto
}
.styled p {
padding-right: 5px;
padding-left: 5px;
}
.br-sp {
display: none;
} #gnaviInner, #headerInner, #footerInner, .styled, #main, #contentsInner {
width: 100% !important;
}
img {
max-width: 100%;
height: auto;
}
.imgtype001 figure{
width: 100%!important;
height: auto;
text-align: center!important;
margin-left: auto!important;
margin-right: auto!important;
}
.imgtype001 .alignright {
float: none!important;
margin-left: auto!important;
margin-right: auto!important;
text-align: center!important;
}
.imgtype001 .alignright img{
margin-left: auto!important;
margin-right: auto!important;
text-align: center!important;
}
.spnone {
display: none;
}	
.br-sp {
display: block;
} .headerInner {
height: 75px;
}
.headerlogo  {
top: 30px;
}
.headerlogo img {
height: 30px;
width: auto;    
}
.pcnavi {
display: none;
}
#fujiya .entry-content{padding-top: 50px !important;}  .companyArea .telcontact{
display: none;   
}
#footer {
margin-bottom: 0px;
margin-top: 0px;
font-size: 14px;
line-height: 140%;
padding-top: 2px;
padding-bottom: 50px;
}
.copyright {
padding-bottom: 10px;
padding-top: 10px;
font-size: 10px;
margin-bottom: 0px;
text-align: center;
} #contents {
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
position: relative;
background-image: none;
}
#mainimg {
margin-top: 80px;
}	
.s-text {  
font-size: 1.5rem;
}	
.s-sub {
font-size: 1.5rem;
}	
.s-img{
font-size: 1.5rem;
}	
.slidetext01{
top: 35%;
right: 2%;
}
.slidesub01{
top: 50%;
right: 1%;
}
.slideimg01{
top: 10%;
left: 5%;
}
.slidebg01{
top: 40%;
left: 2%;
}
.slidetext02{
top: 30%;
right: 5%;
}
.slidesub02{
top: 50%;
right: 3%;
}
.slideimg02{
top: 10%;
left: 5%;
}
.slidebg02{
top: 40%;
left: 2%;  
}
.slidetext03{
top: 60%;
right: 5%;
}
.slidesub03{
top: 70%;
right: 3%;
}
.slideimg03{
top: 10%;
left: 5%;
}
.slidebg03{
top: 40%;
left: 2%;
} .indexpickup{
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 20px;
}
.indexpickup .indextitle span{
margin-bottom: 20px;
font-size:2em;
}
.indexpickup .indextitle {
margin-bottom: 50px;
font-size:14px;
}
.indexpickup .itemBox01{
width: 48%;
margin-bottom: 30px;
}
.indexpickup .itemBox02 {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
.indexfurisode{
padding: 10px 0 10px;
margin-bottom: 10px;
}
.indexfurisode .contentsInner{
width: 100%;
}	
.indexfurisode .indextitle span{
margin-bottom: 20px;
font-size:2rem!important;
}
.indexfurisode .indextitle {
margin-bottom: 50px;
font-size:14px;
}
.indexfurisode .itemBox01{
width: 48%;
margin-bottom: 30px;
}
.indexbnr {
width: 100%;
margin-bottom: 20px; 
}
.indexfurisode .itemBox02{
width: 48%;
}
.indexfurisode .itemBox02 img {
height:300px;
}
.indexbnr .imgbnr01  {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 45%;
}
.indexcompany {
padding-right: 2%;
padding-left: 2%;
}
.indexcompany .title span{
font-size: 3.0em;
letter-spacing: 3px;
}
.indexcompany .txtBox01{
padding-top: 50px;
padding-bottom: 30px;
width: 100%;
}
.indexcompany .txtBox01 p{
margin-bottom: 2em;
}
.indexcompany .imgBox01{
width: 80%;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}
.indexcompany .imgBox01 img{
height: 400px;
}
.indexmanner .flexarea.movlist li {
margin: 0 0 30px;
width: 48%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.indexmanner video{
min-height:30vh;
} #mainimg2nd {
height: 110px;
margin-bottom: 0px;
margin-top: 40px;
}
.pagetitle{
margin-top: -180px!important;
margin-bottom: 50px!important;
}
.pagetitle02{
padding-top: 40px;
}	
.pagePhoto2nd {
height: 200px;
}
.bread {
margin-bottom: 10px;
margin-top: 0px;
}
.img2ndright {
margin-bottom: 30px;
margin-left: 0px;
float: none;
width: 100%;
}
.pagetitle, .pagetitle02 {
font-size: 1.8em;
margin-top: 90px;
}
h2 {
padding: 0.5em; font-size: 20px;
margin-top: 20px;
text-align: center;
}
h3 {
}
h3 {
margin-bottom: 20px;
margin-top: 20px;
}
.styled {
font-size: 14px;
padding-right: 2%;
padding-left: 2%;
padding-top: 0px;
}
.section {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
position: relative;
}
.section02 {
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
position: relative;
}
.table02 {
margin: 0px;
width: 100%;
}
.table02 th, .table02 td {
display: block;
border-top: none;
}
.midashi_l{
font-size: 2em;
} .borderbox001{padding: 4%;}
.point_commentarea .point_comment{padding: 0;}
.sec_mainwrap .txtbox{
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/index/mainimg_txt02.png) no-repeat right top;
background-size: 120px;
}
.sec_mainwrap .imgbox .item{
width: 120px;
top:-50px;
}
.planpointwrap .borderbox001.sw100{
width: 100%;
}
.iconbox001 figure{
padding: 10px;
margin: 0 auto 5px;
}
.iconbox001{
width: 20vw;
height: 20vw;
}
.planpointwrap .borderbox001{margin:0 0 30px;}
.img_circle{
width: 25vw;
height: 25vw;
}
.wp-block-group{
margin-top: 2em;
margin-bottom: 2em;
} .photoimgbox img{
padding: 10px !important;
margin: 0 !important;
} .photoarea{
width:100%;
display: block;
}
.photoslide .swiper-wrapper .swiper-slide{height: auto;}
.photothumbnail{
display:none;
padding: 0;
}
.photoslide,.photodetail{width:100%;}
.photodetail{padding: 3% 0 0;} .sp-order1{order: 1;}
.sp-order2{order: 2;}
.servicedetail .wp-block-column{margin-bottom: calc(0.66* var(--global--spacing-vertical)) !important;}
.servicedetail.pearl .manners th,.servicedetail.pearl .manners td{
padding: 3px;
}
.servicedetail.pearl .manners th .nakaguro{display: inline-block; margin: 0.8rem 0 -.6rem;}
.servicedetail.pearl .manners th:not(:first-child){width:10%; min-height: 20%;}
.servicedetail.pearl .manners tr:first-child th{
}
.servicedetail.pearl .manners td.maru,
.servicedetail.pearl .manners td.batsu,
.servicedetail.pearl .manners td.sankaku{background-size: 50%;}
.servicedetail.care .wp-block-columns .wp-block-column{
margin-left:0 !important;
margin-right:0 !important;
} .campaign__wrap{
margin-top: 30px;
}	
.campaign__wrap .inner{
width: 90%;
margin: 0 auto 50px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 15px;
}
.campaign__wrap .itemBox01{
width: 100%;
margin: 0 auto;
}
.campaign__wrap .itemBox01 img {
width: 100%;
}
.campaign__wrap .stitle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px; 
background-color: #FFFDEE;
text-align: left;
font-size: 80%;
}
.campaign__wrap .stitle a{
color: #663366;
font-weight: bold;
} .campaign__wrap .pagination {
text-align: center;
margin-bottom: 100px !important;
}
.campaign__wrap .navigation .nav-links {
display: block !important;
}
.campaign__wrap .nav-links .current {
background-color: #DCC1DC;
color: #fff !important;
padding: 10px 18px;
text-decoration: none !important;
}
.campaign__wrap .page-numbers {
background-color: #f5edf5;
color: #663366 !important;
padding: 10px 18px;
text-decoration: none;
font-size: 90%;
} .manner .flexarea.movlist li{
margin: 0 0 30px;
width: 100%;
}
.manner iframe{
min-height: 30vh;
} .choice .bg_img01 h3{width: 55%;}	
.choice .columns01 .wp-block-columns{width: calc(100% - 10px);}
.choice .bg_wave01{padding-bottom:50px !important;}
.choice .bg_wave01::after{height: 50px; background-size: 130% 100%;}
.choice .bg_wave02{padding-top:50px !important;}
.choice .bg_wave02::before{height: 50px; background-size: 130% 100%;}
.choice .bgY.bg_wave02 .box .txt{padding: 25px 25px;}
.choice .bgY.bg_wave02 .box{
display: grid;
grid-template-columns: 25% 75%;
font-size: 1rem;
}
.choice .bgY.bg_wave02 .box h4 span{width: auto;}
@media screen and (max-width: 640px) { .choice .bgY.bg_wave02 .box{grid-template-columns: 1fr;}
.choice .bgY.bg_wave02 .box img{height: 300px;}
}
.choice .inner{padding: 4em 0;}
.choice .choice_faq {padding: 4rem 0;}
.choice .choice_faq .inner{padding: 3rem 2.4rem;}
.choice .choice_faq .inner dl{padding: 1.5rem 0;}
.choice .choice_contact{
background: url(//www.fujiya-kimono.jp/wp/wp-content/themes/fujiya/img/category/bg_choice01_sp.jpg) no-repeat,#f4f8fb;
background-size: 100% auto;
background-position: bottom;
}
.choice .choice_contact .inner{text-align: left;}
.choice .choice_contact .flexarea{
justify-content: flex-start;
flex-direction: column;
}
.choice .choice_contact .btn{width:70%;}
}
@media screen and (max-width: 480px) {
.indexcard .txt02{width: 100%;}
.indexpickup .flexarea{
width: 100%;
margin: 0 auto 50px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 15px;
}	
.indexpickup .itemBox01{
width: 100%!important;
margin: 0 auto;
}
.indexpickup .itemBox01 img{
width: 100%;
}
.indexfurisode .itemBox01{
width: 100%!important;
margin-left: auto;
margin-right: auto;
}
.indexfurisode .itemBox01 img{
width: 87%;
margin-left: auto;
margin-right: auto;
}	
.indexfurisode .itemBox02 img {
height:200px;
} .iconbox001{
width:26vw;
height: 26vw;
} .sec_mainwrap.photoimgbox div:first-child{width:100%;}
.sec_mainwrap.photoimgbox div:last-child{width:100%;}
.sec_mainwrap.photoimgbox div.flexarea img{	max-height:300px !important;}
.photofamily .photoimgbox img.sw50{width:50%;}
.photofamily .photoimgbox img:not(.sw50){width:100%;} .servicedetail .casebox h3.midashi02 span.txt{	margin: 0 20%;} .choice .bg_img01{
background-size:60% auto;
}
.choice .bg_img01 h3{width: 70%;}
.choice .bg_img01 h3 strong{white-space: nowrap;}
.choice .columns01 .wp-block-column{padding: 40px 25px 20px;}
.choice .columns01 .wp-block-column::before{
top:-30px;
width: 60px;
height: 60px;
font-size: 48px;
}
.choice .bg_wave01::after{height: 50px; background-size: 150% 100%;}
.choice .bg_wave02::before{height: 50px; background-size: 150% 100%;}
.choice .bgY.bg_wave02 .box{
grid-template-columns: 1fr;
}
.choice .bgY.bg_wave02 .box img,.choice .bgY.bg_wave02 .box .txt{
width:100%;}	
.choice .bgY.bg_wave02 .box img{height: 240px;}
.bnrarea_choice{margin:30px 0 50px;}
}@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}